
.mvisual li{line-height:0}
.mvisual li img{width:100%;}
.text_box{border-top:1px dashed #ddd;margin-top:10px;font-size:11px;padding-top:8px;}
.bx-wrapper .bx-pager.bx-default-pager{display:none!important;}

#container .box0{overflow:hidden;padding:20px;background:#fff;margin-top:10px;}

#container .box1{overflow:hidden;padding:0;margin-top:10px;}

#container .box2{overflow:hidden;margin-top:10px;padding:0;background:#fff;}
#container .left{position:relative;float:left;width:50%;overflow:hidden;text-align:center;}
#container .right{position:relative;float:right;width:50%;text-align:center;}
#container .left img{width:100%;vertical-align:middle;}
#container .right img{width:100%;vertical-align:middle;}

#container .square_title{padding:20px;position: relative;}
#container .square_title .spot{width:60px;height:60px;background:#1a7bbe;border-radius:30px;text-align:center;line-height:60px;font-size:12px;font-weight:900;color:#fff;position:absolute;top:-30px;right:20px;}

#container .square_thumb_main{height:0px;padding-bottom:50%;overflow:hidden;position:relative;}
#container .square_thumb_main img{width:100%;vertical-align:middle;}
#container .square_thumb_main .thumb_img{position:absolute;top:50%;left:50%;}

#container .square_thumb{height:0px;padding-bottom:50%;overflow:hidden;position:relative;}
#container .square_thumb img{width:100%;vertical-align:middle;}
#container .square_thumb .thumb_img{position:absolute;top:50%;left:50%;}

#container .square_link{overflow:hidden;}
#container .square_link li{float:left;width:50%;}
#container .square_link li a{display:block;height:46px;border-right:1px solid #ddd;line-height:43px;text-indent:20px;background:url(/m/images/ico_arrow.gif) no-repeat 90% center;}
#container .square_link li a.even{border-right:0;}
#container .square_link li a.top{border-bottom:1px solid #ddd;}


#container .square_link2{overflow:hidden;}
#container .square_link2 li{float:left;width:50%;}
#container .square_link2 li a{display:block;height:96px;border-right:1px solid #ddd;line-height:30px;padding:20px;text-align:center;}
#container .square_link2 li a .common_ico{width:60px;height:60px;border-radius:30px;}
#container .square_link2 li a.even{border-right:0;}
#container .square_link2 li a.top{border-bottom:1px solid #ddd;}

.nimg{width:100%; margin-bottom:15px;}
.margin{margin:30px;}
.abbox{position:absolute;top:50%;left:50%;margin-top:-27px;margin-left:-60px;width:120px;height:54px;text-align:center;line-height:18px;padding-left:15px;}

.latest_board li{overflow:hidden;padding-top:10px;}
.latest_board li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;}
.latest_board li span{font-size:12px;float:right;}

.swiper-container{width:320px;height:140px;}
/* 서브*/
.sub_cont_box.tct > img{margin-bottom:50px;}
.sub_cont_box.tct .sub_cont_inner{padding-left:26px;}
.sub_cont_box.tct .sub_cont_inner div{margin-bottom:25px;}

.sub_cont_box.tct .sub_cont_inner div.last:after{content:''; display:block; clear:both;}
.sub_cont_box.tct .sub_cont_inner div.last img{float:left;width:48%;}
.sub_cont_box.tct .sub_cont_inner div.last img.mb{margin-bottom:10px;}
.sub_cont_box.tct .sub_cont_inner div img{margin:0 5px;}
.sub_cont_box .bltit{color:#0086cf;text-align:left;font-weight:900; font-size:23px;position:relative; padding-bottom:16px;margin-bottom:15px;}
.sub_cont_box .bltit:after{content:''; width:20px; height:2px; background:#d1e3f3; position:absolute;bottom:0; left:0;}
.sub_cont_box.tct div{text-align:left;}
.sub_cont_box.tct .product_pr_txt{color:#6f6f6f; font-size:16px; font-weight:bold; margin-bottom:15px;}

.sub_cont_box .sub_qna.qna1{margin-top:60px;}
.sub_cont_box .sub_qna{padding:20px 31px;}
.sub_cont_box .sub_qna .box_q{font-size:18px; color:#0086cf;font-weight:bold;margin-bottom:15px; }
.sub_cont_box .sub_qna .box_a{color:#454545;}
.sub_qna{background: #fafafa; padding:20px 0; border:1px solid #eee; margin-bottom: 30px; }

/**/
.clear_fix:after{content:''; display:block; clear:both;}
#container .contents .sub_cont_box.page_wrap .bltit{float:none;}
#container .contents .sub_cont_box.page_wrap .brd_none{border:none;}
.page_wrap div{border:1px solid #e5e5e5;  padding:15px;margin-bottom:20px;}
/*page1~2*/
.page_wrap div.page01 p{float:left;}
.pg1_txt{margin-left:70px; padding-top:60px;line-height:30px;}
.page_wrap .page02 .brd_none p,.page_wrap .page02 .brd_none .tbl{float:left;}
.page_wrap .page02 .tbl{margin-left:25px;width:380px;border:1px solid #1f1f1f; border-collapse: collapse;}
.page_wrap .page02 .tbl td{border:1px solid #1f1f1f;}
.page_wrap .page02 > p{font-size:15px; font-weight:bold;}
/*page3*/
.page_wrap .page03 div,.page_wrap .page03 > p{float:left;}
.page_wrap .page03 div{width:500px;}
.page_wrap .page03 div p.bold{font-weight:bold; font-size:15px; margin-top:8px; margin-bottom:2px;}
/*page04*/
.page_wrap .page04 .pg4_img{border:1px solid #e5e5e5; padding:20px 20px; width:500px; margin:0 auto;}
.page_wrap .page04 .pg4_img2{margin:25px auto 0; width:380px;}
.page_wrap .page04 .pg4_img2 img{margin:0 5px;}
.page_wrap .page05 .pg5_img{float:left;padding-top:20px;margin-left:25px;}
.page_wrap .page05 .pg5_txt2 div {width:420px; float:left;}
.page_wrap .page05 .pg5_txt2 div p{margin-bottom:9px;}
.page_wrap .page05 .pg5_txt2 div p span{color:#213c95;font-weight:bold; display:block; text-align:right; margin-top:5px;}
.page_wrap .page05 .pg5_sub3 p,.page_wrap .page05 .pg5_sub4 p {text-align:center;width:50%;float:left;}
.page_wrap .page05 .pg5_sub3 p img,.page_wrap .page05 .pg5_sub4 p img{display:block;margin:0 auto 5px;width:100%;}
.page_wrap .page05 .pg5_sub4 p.pg5_txt4,.page_wrap .page05 .pg5_sub3 p.pg5_txt3{width:40%; text-align:left; margin-left:5%; padding-top:50px;}
.page_wrap .page06 .brd_none img,.page_wrap .page06 .brd_none p{float:left;}
.page_wrap .page06 .brd_none p{margin-left:40px;}
/*page 09~10*/
/*.page_wrap .page09 img,.page_wrap .page10 img{display:block;}*/
.page_wrap .page09{position:relative;}
.page_wrap .page09 span{position:absolute; top:90px; left:345px;}
.page_wrap .page10 img{float:left;}
.page_wrap .page10 p{float:left;}
.page_wrap .page10 p:last-child{margin-left:40px; padding-top:35px;}


/**/
.swiper-container .swiper-wrapper .swiper-slide{width:120px!important;}
.swiper-container .swiper-wrapper .swiper-slide a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:120px;text-align:center;position:relative;height:120px;}
.swiper-container .swiper-wrapper .swiper-slide a img{width:100%;vertical-align:middle;}
.contents{font-size:13px;letter-spacing:-0.5px;line-height:20px;}






.contents .tit{font-size:15px;color:#555;margin-bottom: 10px;}
.contents .tit .circle{display:inline-block;width:6px;height:6px;margin:0 5px 3px 0;background:#9d5c4c;border-radius:6px;}
.contents .tit span{font-size:15px;color:#999;font-weight:normal;}

.contents .click{ width: 100%; height: 28px; font-size: 14px; color: #fff; background-color: #b5b5b5; display: block; text-align: center; line-height: 28px; margin: 10px 0 20px 0;}


.map_table{width:100%;font-size: 12px;border-collapse: separate; border-spacing: 0px;border-top: 1px solid #eee;border-left:1px solid #eee; margin-top: 20px;}
.map_table th{padding:15px; border-bottom: 1px solid #eee; border-right:1px solid #eee; background: #fafafa; color:#333;width: 20%;}
.map_table td{padding:15px; border-bottom: 1px solid #eee; color:#666; line-height: 1.8em;border-right:1px solid #eee; }
.map_table a{color:#666;}


.contents h3{font-size:16px;color:#444;}
.contents h3 span{font-size:16px;color:#F46606;}

.pro_tb{width:100%;font-size: 14px;border-collapse: separate; border-spacing: 0px;border-top: 1px solid #eee;border-left:1px solid #eee; }
.pro_tb td{padding:15px; border-bottom: 1px solid #eee; color:#666; line-height: 1.8em;border-right:1px solid #eee; }



@media screen and (max-width:767px){
    .page_wrap div{padding:10px;}
    .sub_cont_box.tct .sub_cont_inner div{width:100%;}
    .sub_cont_box.tct .sub_cont_inner{padding-left:10px;}
    .sub_cont_box.tct > img{width:100%;}
    .sub_cont_box.tct .sub_cont_inner div img{width:49%; margin:0 0.25%;}
    
    .page_wrap div{width:100%; box-sizing:border-box;}
    .page_wrap .page02 .tbl{width:60%;}
    .page_wrap .page03 div{width:78%;}
    .page_wrap .page03>p:last-child{margin-top:25px;}
    .report>img{width:49%;}
    .sub_cont_box>img{width:100%;}
    
    
}
@media screen and (max-width:726px){
    .page_wrap div.page01 p.pg1_img{width:68%;}
    .page_wrap div.page01 p.pg1_img img{width:100%;}
    .pg1_txt{width:25%; margin-left:5%; padding-top:0;font-size:12px;}
}
@media screen and (max-width:680px){
   .page_wrap .page02 .brd_none .tbl{width:55%;}
    .page_wrap .page05 .pg5_txt2 div{width:80%;}
    .page_wrap .page05 .pg5_img{margin:0;}
    .page_wrap .page08 img{ width:100%;}
    .page_wrap .page10 img{width:50%;}
    .page_wrap .page10 p:last-child{padding-top:0;}
}
@media screen and (max-width:629px){
    .page_wrap .page02 .brd_none p  img{width:100%;}
    .page_wrap .page02 .brd_none p, .page_wrap .page02 .brd_none .tbl{float:none;width:80%; margin:0 auto;}
    .page_wrap .page04 .pg4_img{width:80%;margin:0 auto;}
    .page_wrap .page04 .pg4_img>img{width:100%;}
    
    .page_wrap .page05 .pg5_sub4 p.pg5_txt4, .page_wrap .page05 .pg5_sub3 p.pg5_txt3{float:none; width:100%; box-sizing:border-box;margin:0;}
    .page_wrap .page05 .pg5_sub3 p, .page_wrap .page05 .pg5_sub4 p{width:100%; float:none;}
}
@media screen and (max-width:623px){
    .page_wrap .page05 .pg5_txt2 div{ float:none;width:100%;}
    .page_wrap .page05 .pg5_img{float:none;width:40%; margin:0 auto;}
    .page_wrap .page05 .pg5_img img{width:100%;}
}
@media screen and (max-width:612px){
    .sub_cont_box .bltit{font-size:21px;}
    .sub_cont_box.tct .product_pr_txt{font-size:14px;}
    .page_wrap .page03 div{width:75%;}
    .page_wrap .page06 .brd_none img, .page_wrap .page06 .brd_none p{float:none; width:100%;margin:0;}
    .page_wrap .page07 img{width:100%;}
    .page_wrap .page09 img{width:100%;}
    .page_wrap .page09 span{right:20px;left:initial;}
    .page_wrap .page10 p:last-child,.page_wrap .page10 img{width:100%;float:none;margin:0; font-size:12px; font-weight:bold;}
    
}
@media screen and (max-width:523px){
    .page_wrap div.page01 p.pg1_img{width:100%; float:none;}
    .page_wrap div.page01 p.pg1_txt{width:35%; margin:0 auto; float:none; font-size:15px; font-weight:bold;}
    .page_wrap .page03 div{width:70%;}
    .page_wrap .page04 .pg4_img2{width:100%;}
    .page_wrap .page04 .pg4_img2 img{width:45%;}
    .page_wrap .page05 .pg5_txt2 div p span{text-align:left;}
    .pg5_txt{font-size:12px;}
    .clean_txt{font-size:12px;}
}
@media screen and (max-width:477px){
    .page_wrap div.page01 p.pg1_txt{width:44%;}
    .page_wrap .page02 .brd_none .tbl{width:100%;}
    .page_wrap .page02 .brd_none .tbl th,.page_wrap .page02 .brd_none .tbl td{font-size:11px;}
    .page_wrap .page03 div, .page_wrap .page03 > p{float:none; width:100%;}
    .page_wrap .page03 > p:last-child{width:48%; margin:0 auto;}
    .page_wrap .page03 > p img{width:100%;}
    .page_wrap .page03 div p{font-size:12px;}
    .page_wrap .page09 span{font-size:12px; font-weight:bold;position:static;}
}
@media screen and (max-width:469px){
    .sub_cont_box.tct .sub_cont_inner div img{width:48%;}
    .page_wrap .page05 .pg5_txt2 div p{font-size:11px;}
}
@media screen and (max-width:417px){
    .sub_cont_box .sub_qna .box_q{font-size:17px;}
    .page_wrap div.page01 p.pg1_txt{width:94%;}
    .page_wrap .page05 .pg5_txt2 div p span{font-size:12px;}
}
@media screen and (max-width:411px){
    .sub_cont_box .bltit{font-size:18px;}
    .sub_cont_box .sub_qna .box_a{font-size:12px;}
    .sub_cont_box.tct .product_pr_txt{font-size:12px;}
}
@media screen and (max-width:361px){
    .page_wrap div.page01 p.pg1_txt{width:80%;}
}
@media screen and (max-width:359px){
    .sub_cont_box.tct .product_pr_txt{font-size:12px;}
}