/* PC Device */


@media all and (max-width: 1300px){
.wrap {width:100%;padding:0 2%;}
.inner_wrap, #sit {width:100%;padding:0 2%;}
.t_menu {display:none;}
#sidebar li, #sidebar {height:70px;}
#sidebar li.home a {height:70px;width:70px;}
#sidebar a {line-height: 70px;}
#sidebar a {font-size: 16px;padding: 0 25px;}
#single_dropdown {display: inline-block;float: right;margin-right: 70px;}
#gnb #gnb_1dul {padding-left: 12%;}
#gnb #gnb_1dul > li > a {font-size: 19px;}
#gnb #gnb_1dul > li > ul {padding:0 15px;}
#gnb #gnb_1dul > li > ul > li {margin-bottom:10px;}
#gnb #gnb_1dul > li > ul > li > a {font-size: 16px;}
#gnb .gnb_wrap .t_login > a {right: 60px; display:none;}
.notice-list li {width: 23%;margin: 0 1%;}
.notice-list li:last-child{margin: 0 1%;}
.notice-list li a p {word-break:break-all;}
}



@media all and (max-width: 1200px){
.main_visual li h2 {font-size: 67px;}
.main_visual li p{font-size: 25px;}
.main_visual .bx-wrapper {margin-bottom:0;}
#main_bunyang {margin-bottom: 30px;}
.partner_slick .slick-slide {margin:0 5px;}

#sidebar {display:none;}
#m_sidebar{display:block;margin-bottom:0;bottom:0;position: absolute; background: rgba(0,0,0,0.5);border-bottom:none;}
#m_sidebar .snb1 > .over {border-right: 1px solid rgba(0, 0, 0, 0.8);}
#m_sidebar .m_snb > .over span {color:#fff;text-align:left;}
#m_sidebar .snb1:after {background:rgba(0,0,0,0.8)}
#m_sidebar .m_snb .snb_con li a {text-align:left;}
#m_sidebar .m_snb > .over span:before {background: url(/img/sub/m_snb_w.png) 0 0 no-repeat;}
.sub_visual {height: 413px;}

}
@media all and (max-width: 1100px){
#gnb {display: none;}
}


/* Tablet Device */
@media all and (max-width: 1000px){
img{max-width: 100%}

#top_btn {display: none;}
#logo {left: 10px; top: 16px;}


#tnb {display: block;}
#gnb {display: none;}
#hd .top_sns {display: none;}
.main_visual li p {font-size: 23px;}
.main_visual li h2 {font-size: 52px;}
.main_visual li h2 span{font-size: 22px;}
#main_container > section {padding:80px 0;}
.notice-list li {width: 48%;}
.notice-list li:nth-child(3), .notice-list li:nth-child(4) {margin-top:2%;}
#main_container > section > div > h2 {font-size: 38px;}
.scroll_box p img {width:30px;}
#main_container > section > div > p {font-size: 22px;margin-bottom: 36px;}
.cooper_list li, .corp_list li {
    width: 31%;
    margin: 2% 1% 0 1%;
}
.cooper_list li:nth-child(5n), .corp_list li:nth-child(5n) {
    margin: 2% 1% 0 1%;
}
footer {position: relative;}
#ft .ft_info{padding: 30px 0;}
#ft .ft_info h3 {font-size: 35px;}
#ft .ft_info p {font-size: 30px;}
#ft .ft_info span {font-size: 35px;}

#ft .ft_link {padding: 10px 0; margin-bottom: 10px;}
#ft .ft_link a {margin-right: 15px; padding-right: 15px;}




#ft .ft_txt li {font-size: 14px; margin-bottom: 5px;}

#main_03:before {width:100%;}
.main_intro {width:100%;}
.main_visual, .main_visual li {height:auto;}

#container #content{width: 100%;}

.sub_visual h2 span {font-size: 24px;}
.sub_visual h2 {font-size: 45px;}



.sub_title h1 {margin-bottom: 50px;font-size: 38px;padding: 47px 0 47px;}

.sct_20 .sct_li {margin: 0 3% 30px 0; width: 48.5% !important;}
.sct_20 .sct_li:nth-child(3n) {margin-right: 3%;}
.sct_20 .sct_li:nth-child(2n) {margin-right: 0%;}
#sit_pvi {width: 45%;}
#sit_ov {width: 50%;}
#sitemap > li {width: 32%;}

.cooperation_sec p {font-size: 18px;padding-top: 27px;}
.cooperation_sec02 p {font-size: 18px;padding-top: 0;}
span.greet_txt { font-size: 24px;}
.greetings_img {width: 40%;}
.greetings_sec p {width: 52%;font-size: 17px;}
}


@media all and (max-width: 960px){

#ft .ft_txt ul{margin-top:10px;}

.slider_inner {width: 98%;}
.sct_10 .sct_li {width: 31% !important;
    margin-right: 3%;
	float:left;
}
.sct_10 .sct_li:nth-child(4n) {margin-right:3%;}
.sct_10 .sct_li:nth-child(4n+1) {clear:none;}
.sct_10 .sct_li:nth-child(3n) {margin-right:0;}
.sct_10 .sct_li:nth-child(3n+1) {clear:none;}
} 


@media all and (max-width: 950px){
.core_var li{display: block; width: 240px; height: 240px; margin: 0 auto; padding-top: 80px;}
.core_var li:nth-child(2){margin: -20px auto;}
.core_var li strong {font-size: 26px; padding-bottom: 50px;}
.core_var li strong:after {bottom: 16px; height: 20px;}
.core_var li p {font-size: 20px;}
.txt-visual .inner_wrap .left {width: 100%;}
.txt-visual .inner_wrap .left img {display:block;width:100%;}
.txt-visual .inner_wrap .right {width:100%;clear:both;margin-top:30px;}
#terminals_02 li { width: 100%;}

}

@media all and (max-width: 840px){
#hd {height: 75px;}
.sub_visual {height: 356px;}
.sub_visual h2 {padding-top: 113px;}
}

@media all and (max-width: 800px){

ul.tabs li {display: block;font-size: 17px;padding: 11px 0;margin: 0 1%;width: 31%;float: left;}


}


/* Mobile Device */
@media all and (max-width: 768px){


footer {padding-bottom:20px; font-size:0.75rem;  }
#ft .ft_info{padding: 15px 0;}
#ft .ft_info h3 {font-size: 25px;}
#ft .ft_info p {font-size: 20px;}
#ft .ft_info span {font-size: 25px;}

#ft .ft_link {padding: 0; font-size: 0; width:100%;margin-bottom: 15px;border: 1px solid rgba(255,255,255,0.08);overflow:hidden;}
#ft .ft_link .wrap {width:100%; padding: 0;}
#ft .ft_link a {font-size: 16px; width: 50%; display: block; float: left; padding: 10px 5px; margin-right: 0; border-bottom: 1px solid rgba(255,255,255,0.08); text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: normal; text-align: center;}

#ft .ft_txt p {clear: both;padding-top: 20px;word-break: keep-all;}
#ft .ft_txt li {font-size: 15px;}
#ft .ft_txt span {margin-right: 10px; padding-right: 10px; line-height: 1.5;}
#ft .ft_txt span:after {display: none;}

#ft .ft_sns {margin-right:2.5%;}

.history-box .tab-nav li:after { display: none; }
.history-box .tab-nav li { width: 33.333%; }
.history-box .tab-nav li a { width: 100%; padding: 8px 5px; }
.history-box .item { padding-bottom: 50px; }
.history-box .item:last-child { padding-bottom: 80px; }
.history-box .item:before { top: 10px; }
.history-box .item .year:before { width: 6px; height: 6px; margin-top: -3px; }
.history-box .item .year { font-size: 24px; }
.history-box .item .date, .history-box .item .text { width: 100%; }
.history-box .item .text { font-size: 15px; }
.history-box .item .detail li, .history-box .item .text { line-height: 1.5; }
.history-box .item .detail li { margin-bottom: 10px; }
.history-box .item .detail li:last-child { margin-bottom: 0; }
.history-box .item.left, .history-box .item.right { margin-left: 12px; }
.history-box .item.left { margin-right: 0; }
.history-box .item.right, .history-box .item.left { padding-left: 10px; }
.history-box .item.right .year:before, .history-box .item.left .year:before { left: -13px; }
.history-box .item.left { padding-right: 0; text-align: left; }
.history-box .item.left:before { right: auto; left: -1px; }
.history-box .item.left .year:before { right: auto; }
.history-box .item .thumb p { font-size: 14px; line-height: 1.3; padding: 0 10px; bottom: 10px; }
.history-box .item.left .year {text-align: left;}
.sub_visual p.company_txt {display:none;}
}


@media all and (max-width: 700px){
.main_visual li p {font-size: 19px;}
.main_visual li h2 {font-size: 38px;}
.main_visual li h2 span {font-size: 15px;}
br.mo {display:none;}
.main_intro {padding: 0 40px;}
.main_intro h2 {font-size: 36px; margin-bottom: 23px;}
.main_intro p {font-size: 17px;}
.cooper_img {width: 100%;margin-bottom:30px;}
.cooperation_sec02 .cooper_img {float:left;}
.cooperation_sec p {
    font-size: 16px;
    padding-top: 0;
    width: 100%;
}
.cooperation_sec02 p {
    font-size: 16px;
    width: 100%;
}
}

@media all and (max-width: 680px){
#ft .ft_info h3 {font-size: 20px;}
#ft .ft_info p {font-size: 18px;}
#ft .ft_info span {font-size: 20px;}
#ft .ft_link {text-align: center}
#ft .ft_link a {font-size: 15px;}

#ft .ft_copy {text-align: center}

.main_visual, .main_visual li {
    height: 400px;
}
}








@media all and (max-width: 650px){
.mb {display: block;}
.pc_img {display: none;}
.mob_img {display: block;}

/*footer{height: 100%;}*/
#ft .ft_txt li strong{display: block;}



.bo_title_review {font-size: 18px;}

#bo_sch {width: 100%}
#bo_sch select{display: none;}
#bo_sch .sch_input{width: 82%}

.sct_20 .sct_li {margin: 0 0 30px 0; width: 100% !important;}
.sct_20 .sct_li:nth-child(3n) {margin-right: 0%;}
.sct_20 .sct_img a, .sct_20 .sct_img a img {max-width: 500px;}

.sod_left {width: 100%; float: none;}
.sod_right {width: 100%; float: none;}

.th_line th {font-size: 13px;}
#sod_fin_list .td_bdno dd {margin-top: 10px;}

dl.note {margin-top: 50px;}
dl.note dt {font-size: 20px;}
p.note {font-size: 14px;}


div#sit {margin: 30px auto;}
#wrapper_title {font-size: 24px; margin: 30px 0;}


/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi {width: 100%; max-width: 100%; text-align: center; margin-bottom: 30px;}
.corp_view_con {width: 100%; max-width: 100%; margin-bottom: 30px;}
/* 상품 상세보기 - 간략정보 및 구매기능 */
#sit_ov {width: 100%; height: auto; min-height: auto;}
#sit_ov_btn button {width: 48%;}

#sit_inf {margin: 20px 0;}


.tbl_frm01 .frm_input,  .tbl_frm01 textarea{max-width: 280px;}

#sitemap > li {width: 49%;}

.privateD {padding: 20px;}
.main_visual li h2 {margin-top: 12px;}
.main_visual .bx-wrapper .bx-next {width: 18px;height: 30px;right: 1%;background-size:cover;}
.main_visual .bx-wrapper .bx-prev {width: 18px;height: 30px;left: 1%;background-size:cover;}
}

@media all and (max-width: 600px){


.sct_10 .sct_li {; float: none; width: 100% !important; margin-bottom: 50px; display: block; margin: 0;}
.sct_10 .sct_img {margin: 0 0 20px;}
.sct_10 .sct_img a {font-size: 16px;}
#sct_ct_1 li {width: 50% !important;}


#ft .ft_txt ul {margin-top: 15px;}
.sub_visual {height: 239px;}
.sub_visual h2 {padding-top: 53px;}
.sub_visual h2 {font-size: 35px;}
.sub_visual h2 span {font-size: 20px;}
.sub_title h1 {margin-bottom: 40px;font-size: 30px;padding: 40px 0 40px;}
.sub_visual p {font-size: 20px;}
.company_info h2 {font-size: 26px;word-break: keep-all;margin-bottom: 20px;}
.company_info P, .company_equipment P, .company_equipment li p {font-size: 16px;}
.company_img h2 {font-size: 26px;padding: 64px 0;}
.company_organ ul li {font-size: 17px;line-height: 49px;}
.company_organ ul.chart_head li {width: 130px;height: 130px;line-height: 130px;font-size: 18px;}
.company_equipment h2, .company_organ h2{font-size: 26px;}
.company_equipment li h3 {font-size: 20px;margin-bottom: 10px;}
img.cleapaper_img {width: 63%;}
.cleanpaper_subspec .stit {font-size: 20px;}
.cleanpaper_spec h2{font-size: 26px;}
.cleanpaper_spec span {font-size: 18px;}
.cleanpaper_spec li {width:50%;}
.cleanpaper_spec li:nth-child(2n+1) {clear:both;}
.txt-visual .inner_wrap .right p  {font-size: 26px;}
.txt-visual .inner_wrap .right ul {margin-top: 10px;}
.txt-visual .inner_wrap .right ul li {font-size: 16px;line-height: 30px;padding-left: 14px;}
.txt-visual .inner_wrap .right ul li:before {width: 6px;height: 6px;top: 11px;}
.slick-slider {margin-bottom: 10px;}
.slider_inner {width: 100%;padding: 0 48px;}
.slider_inner .slick-prev, .slider_inner .slick-next {padding: 16px;width: 8px;height: 15px;margin-top: -7px;}
.slider_inner .slick-next {background-size:8px;right: -36px;}
.slider_inner .slick-prev {background-size:8px;left: -36px;}
.gellila_title h2 {font-size: 26px;}
.gellila_title P {font-size: 16px;}
#bo_w .write_div.qa_li label {width: 118px;}
#bo_w .write_div.qa_li input {width:calc(100% - 120px);}

.ad_list li h3  {font-size: 20px;}

.organ_p{display:none;}
.organ_m{display:block;}

.greetings_sec p {width:100%;}
.greetings_img {
    width: 100%;
    margin-bottom: 30px;
}

}



@media all and (max-width: 500px){
.txt_sec .bg_txt {font-size: 60px; top: 420px;}
.hd_pops {width: 90%; top: 10px !important; left: 10px !important;}
.hd_pops_con {width: 100% !important; height: auto !important;}
#bo_w .btn_confirm { margin-top: 120px;}

.bun_img {height: auto;}
.com-in p {display:none;}
.com-in h2 {font-size: 40px;margin-bottom: 0;}
.com-in span, .com-in p {font-size: 16px;}
ul.tabs li {width:48%;margin-bottom:1%;}
ul.tabs {overflow:hidden;margin-bottom:30px;}


}



@media all and (max-width: 460px){


#ft .ft_txt ul { margin-top: 20px;}
.ad_list li {width:100%;margin-bottom:30px;}
.main_visual li h2 {font-size: 28px;}
.main_visual li p {
    font-size: 16px;
}
.main_visual li p br {display:none;}
#logo a img {width:226px;}
#tnb {right: 3%;top: 28px;}
#main_container > section {padding: 47px 0;}
#main_container > section > div > h2 {font-size: 30px;}
#main_container > section > div > p {font-size: 16px;margin-bottom: 28px;}
.notice-list li a {padding: 24px;}
.notice-list li a h3 {font-size: 20px;margin-bottom: 16px;}
.notice-list li a p {font-size: 15px;margin-bottom: 18px;}
.notice-list li a .date { font-size: 13px;}
.more_btn {margin-top: 32px;}
.more_btn a {font-size: 15px;}
.main_intro {padding: 0 29px;}
.main_intro h2 {font-size: 30px;margin-bottom: 19px;}
.main_intro a {font-size: 14px;margin-top: 33px;}
footer {padding:30px 0;}
#ft .ft_logo { margin-bottom: 20px;}
#ft .ft_wrap p {font-size: 14px;word-break:keep-all;}
.cooper_list li, .corp_list li {width: 48%;}
}



@media all and (max-width: 400px){
#ft .ft_info h3 {font-size: 16px;}
#ft .ft_info p {font-size: 13px;}
#ft .ft_info span {font-size: 16px;}
#ft .ft_link a {font-size: 14px;}
#ft .ft_txt li {font-size: 13px;}
#ft .ft_txt span {font-size: 14px;}
#main_bunyang h2 span, #main_partner h2 span {display:block;}
.slider_inner .slick-prev, .slider_inner .slick-next {padding: 12px;}
.slider_inner .slick-next {right:-29px;}
.slider_inner .slick-prev{left:-29px;}
.slider_inner {
    width: 100%;
    padding: 0 34px;
}
.slick-slider {
    margin-bottom: 10px !important;
}
#m_sidebar .m_snb.snb1 {display:none;}
#m_sidebar .m_snb {width:100%;}
#terminals_02 li img {margin-right: 19px;}
.terminal_ic_txt {
    margin-left: 118px;
}
.terminal_ic_txt p {font-size: 18px;}
}

@media all and (max-width: 340px){
.cleanpaper_spec li {width:100%;}
img.spec_img {width: 60%;}
}