@charset "utf-8";

@media (max-width: 1600px) {
.gnb ul li{width: 130px;margin: 0 28px;}



}/* 1600px End */

@media (max-width: 1500px) {


.gnb ul li{width: 120px;margin: 0 20px;}
.gnb .depth1{font-size: 16px;}
.gnb ul li ul li a{font-size: 13px;}


}/* 1500px End */

@media (max-width: 1400px) {

.gnb ul li{width: 110px;margin: 0 15px;}
.gnb .depth1{font-size: 15px;}
.gnb ul li ul li a{font-size: 12px;}

.bx-wrapper .bx-controls{bottom: 20%;transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}





.sub_visual .visual_list li.vs1 .m_inner{position:relative; margin:50px auto 0px auto;  width:80%; max-width:1200px; text-align:left; color:#fff; line-height:64px; padding:100px 0 0 2%; }
.sub_visual .visual_list li.vs1 .m_inner img, .sub_visual .visual_list li.vs2 .m_inner img, .sub_visual .visual_list li.vs3 .m_inner img{width:80%; max-width:316px;}
.sub_visual .visual_list li.vs2 .m_inner{position:relative; margin:50px auto 0px auto; text-align:left; width:80%; padding:100px 0 0 0; font-size:54px; color:#fff; line-height:64px;}
.sub_visual .visual_list li.vs3 .m_inner{position:relative; margin:50px auto 0px auto; text-align:left; width:80%; padding:100px 0 0 0; font-size:54px; color:#fff; line-height:64px;}
.sub_visual .visual_list li.vs4 .m_inner{position:relative; margin:50px auto 0px auto; text-align:left; width:80%; padding:100px 0 0 0; font-size:54px; color:#fff; line-height:64px;}



}/* 1400px End */


@media (max-width: 1300px) {



/*세션별 타이틀*/


}/* 1300px End */


@media (max-width: 1200px) {

.gnb .depth1{font-size: 14px;}
.gnb ul li ul li a{font-size: 12px;}

#wrap #content .sub_nav .container{width: 100%;border-left: none;}
#wrap #content .sub_nav ul li:last-child a{border-right: none;}

.container{width: 100%;}

}/* 1200px End */


@media (max-width: 1199px) {

#wrap #content{width: 100%; height:auto !important; padding-top:0;}
#wrap #content:after{display: block;content: '';clear: both;}

#sub #wrap #content{width: 100%;}
#sub #wrap #content .container{width:98%; margin: 0 1%; padding:60px 0 80px 0;}
#sub #wrap #content .container_full{padding:60px 0 60px 0;width: 100%; margin: 0 auto; min-height:400px;}

#wrap #header{position: fixed !important;  top: 0;left: 0;height: 65px; background:#fff !important; z-index:9998 !important; border-bottom: 1px solid #ccc;}
#wrap #header .inner{width:100%;}
#wrap #header .top_box{display: block;}
#wrap #header .container.pc{display: none;}
#wrap #content .container{width:100%; margin: 0 auto;padding:0px 0;}

#wrap #header .container.mobile{display: block;padding: 0 10px;height: 70px; background:none;}
#wrap #header .container.mobile:after{display: block;content: '';clear: both;}
#wrap #header .container.mobile h1.logo{padding: 0;float: left;width:60%; }
#wrap #header .container.mobile h1.logo img{margin-top:0px; width:125px; }

#wrap #header .container.mobile .menu{position: relative;z-index: 3;float: right;width: 35px;text-align: right;}
#wrap #header .container.mobile .menu img{width: 32px;margin-top: 25px;}
#wrap #footer .container{width: 100% !important; }
#wrap #footer .container.pc{width: 100% !important; }
#wrap #footer .container.mobile{display: none;}

#wrap .sub_nav.pc .container{width: 100%;height: 58px;margin: 0 auto;border-right: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1; }


#wrap .sub_nav.pc{display: none;}
#wrap .sub_nav.mobile{display: block;}













/*1199px 세션별 레이아웃*/

#wrap .section#product .container{width:100%; margin:0 auto;padding:100px 0;}
#wrap #content .section#section1 .about_box {width:100%; height:510px; }
#wrap #content .section#section1 .area { width:100%; height:510px;  }


/*1199px 세션별 타이틀*/


#wrap #content .section#section1 h3{ font-size:42px;}
#wrap #content .section#section1 p.tit{font-size:18px;}
#wrap .section#product h3{font-size:42px;}
#wrap .section#product p.tit{font-size:18px; }
#wrap .section#product p.tit span.pc_cut{display:block;}
#wrap .section#map h3{font-size:42px;}
#wrap .section#map p.tit{font-size:18px;}




#wrap #header.on{border-bottom: none;}
#wrap #header .container.pc{display: none;}
#wrap #header .container.mobile{display: block;background: #fff;height: 65px;border-bottom: 1px solid #ccc;}
#wrap #header .container.mobile h1.logo{float: left;padding: 0 0 0 0px;}
#wrap #header .container.mobile h1.logo img{margin-top:10px;width: 145px;}

#wrap #header .container.mobile .menu{float: right;padding: 0 0px 0 0;}
#wrap #header .container.mobile .menu img{width: 30px;margin-top: 21px;}

#wrap #footer{padding:0 10px;}
#wrap #footer .container{width: auto;padding: 0 10%;}

/*1199px 세션별 레이아웃*/
#wrap #footer .container{width:100%;}
.foot_add_outer{width:100%; }
.foot_add address em.mid_cut{display:block;}

.foot_add em.part{background:none;}



 /* 주소,연락처등 */  
.footer_logo {float:left; margin:36px 0 0 0; padding:0px; width:15%; } 
.footer_logo img{width:90%; max-width:160px;}
.foot_add {float:right; text-align:left; margin:20px 0 0 0; padding:0;width:80%;}

.foot_add em.part{background:none; padding:0 3px;} 
.foot_add address{letter-spacing:-0.05em;}


/* sub(common) */


#wrap .sub_vis{margin-top:0px;height:300px;}
#wrap .sub_vis h3{line-height:300px; padding-top:34px; font-size:34px;}

#wrap .sub_vis#sub1{background: url(../img/p_img/sub_vis1_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#wrap .sub_vis#sub2{background: url(../img/p_img/sub_vis2_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#wrap .sub_vis#sub3{background: url(../img/p_img/sub_vis3_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#wrap .sub_vis#sub4{background: url(../img/p_img/sub_vis4_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#wrap .sub_vis#sub5{background: url(../img/p_img/sub_vis5_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#wrap .sub_vis#sub6{background: url(../img/p_img/sub_vis6_m.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}

#wrap .sub_nav.pc ul{width: 100%;border-left: none;}


h4{display: none;}

#wrap #content .section{height: auto;}

/* 1199px 오시는 길*/
.map_wrapper{clear:both; margin-top:60px;}





/*1199px 02 제품소개 */
#wrap .section#product{width:100%; height:auto; margin:0 auto;}

#wrap .section#product .container{width:98%; margin:0 auto;padding:100px 0;}

#wrap .section#product ul.main_quick{width:100%; margin:80px auto 0 auto;}
#wrap .section#product ul.main_quick li{width:32%; min-height:auto; margin:0 2% 0 0; }
#wrap .section#product ul.main_quick li:last-child{margin-right:0 !important;}
#wrap .section#product ul.main_quick li.last{margin-right:0 !important;}
#wrap .section#product ul.main_quick li a{width:100%; height:auto;}
#wrap .section#product ul.main_quick li a span.img_box{width:100%;height:auto;}
#wrap .section#product ul.main_quick li a span.img_box img{width:100%; }
#wrap .section#product ul.main_quick li a span.tit{width: 100%;height: 66px;line-height: 66px;font-size: 20px;}
#wrap .section#product ul.main_quick li a span.plus{width: 100%;height: 66px;line-height: 66px;font-size: 20px;}
#wrap .section#product ul.main_quick li a span.border{border: 12px solid #b3b3b3; width: 100%;height: 100%;}
#wrap .section#product ul.main_quick li a span.view{position: absolute;top:34%;width: 100%;height: 80px;font-size: 20px;}
#wrap .section#product ul.main_quick li a:hover span.img_box img{width: 100%; max-width:340px; }
#wrap .section#product ul.main_quick li dl{padding:30px 2px 30px 2px;  min-height:160px; }
#wrap .section#product ul.main_quick li dt{font-size:20px; font-weight:400; letter-spacing:-0.05em; }
#wrap .section#product ul.main_quick li dd{font-size:14px;  padding-top:20px; letter-spacing:-0.075em;}
#wrap .section#product ul.main_quick li dd span.pc_cut{display:block;}
#wrap .section#product ul.main_quick li span.bott{ min-height:80px; line-height:1.2; font-size:16px;  padding:30px 10px 20px 10px; }

















}/* 1199px End*/




@media (max-width: 991px) {
span.pc_br{display: none;}
span.mob_br{display: block;}



#wrap #content .container{width:100%; margin:0 0%; padding:0px 0;}
#sub #wrap #content .container{width:94%; margin: 0 3%; padding:60px 0 80px 0;}

#wrap #content{width: 100%; height:auto !important; }
#wrap #content:after{display: block;content: '';clear: both;}

#sub #wrap #sub1#content.info03 .container{width:100% !important; margin:0% !important; padding:60px 0;}



/* 991px 세션별 레이아웃*/
#wrap #footer .container{width:100%;}
.foot_add_outer{width:100%; text-align:center; }
.footer_logo {display:none; } 
#banner_wrap .banner {width:96%; margin-left:auto !important; margin-right:auto !important;}
span.f_part{background:none; padding:0;}

#wrap #footer {   height: 100% !important;}

#sub h5{clear:both; font-size:20px; color: #111; text-align:left; font-weight:600; line-height:30px;margin:40px 0 20px 0; letter-spacing:-0.05em; padding-left:25px; background:url('../img/s_img/h5_bull.gif') no-repeat 0 13px; }



/* 991px 세션별 타이틀*/


#wrap #content .section#section1 h3{ font-size:34px;}
#wrap #content .section#section1 p.tit{font-size:16px;}
#wrap .section#product h3{font-size:34px;}
#wrap .section#product p.tit{font-size:16px; }
#wrap .section#map h3{font-size:34px;}
#wrap .section#map p.tit{font-size:16px;}





#wrap .sub_vis h3{line-height:300px; padding-top:32px; font-size:34px;}

#wrap .sub_nav.pc{display: none;}
#wrap .sub_nav.mobile{display: block;}


#wrap .sub_nav.pc{display: none;}
#wrap .sub_nav.mobile{display: block;}

/* sub(common) */
#wrap #content h4{display: none;}





#wrap #footer .container{padding-top:20px;padding-bottom: 0px; text-align:center; height:150px;}
#wrap #footer .con{float: none;width: 100% !important;padding: 0 0 0 0;margin-bottom:0px;height: auto; text-align:center;}
#wrap #footer .con p.title{top: 6px;left: 36px;font-size: 15px;color: #8e8e8e;font-weight: 300;letter-spacing: 0;}
#wrap #footer .con .txt span.tab_block{display: inline;}
.foot_add {float:none; margin:0px 0 0 0; padding:0;width:100%; font-size:14px; font-weight:300; overflow:hidden; line-height:22px; padding-top:20px;  padding-bottom: 20px;text-align:center;}
.foot_add p{color:#fff; line-height:22px; }
.foot_add span.m_cut{display:block;}
.foot_add p.m_cut{display:block;}




#wrap .sub_vis{height:280px;}
#wrap .sub_vis h3{font-size:34px;color: #fff; line-height:60px !important; font-weight:400; letter-spacing:-0.03em; text-align: center; padding:145px 0 0px 0 !important;  }
#wrap .sub_vis p.txt{font-size:16px;color: #696969;font-weight:400; text-align: center; padding-top:0px;}



span.mob_block{display: block;}




/* 991px WIND SELL */


#wrap #content .section#section1 .container{width:100%; height:100%;  margin:0 auto; padding:100px 0 0px 0;}
#wrap #content .section#section1 .icon_bar ul { position:absolute; right:0; top:0; width:100%; margin:0;padding:0 5%;}
#wrap #content .section#section1 .icon_bar ul li {position:relative; margin:30px 0 30px 0; width:33.33%; text-align:center !important; float:left; font-size:14px; text-align:center !important; letter-spacing:-1px; }

#wrap #content .section#section1 .icon_bar ul li.last{border-right:0;}
#wrap #content .section#section1 .icon_bar ul li a {display:block; padding:0px 0 0 0;  text-align:center; line-height:14px; font-weight:600; color:#333; font-size:13px;letter-spacing:-0.05em; word-break:keep-all; transition:transform 600ms ease-in-out 0s; }
#wrap #content .section#section1 .icon_bar ul li a img{text-align:center; }
#wrap #content .section#section1 .icon_bar ul li a span{font-size:13px; }
#wrap #content .section#section1 .icon_bar ul li a:hover { color:#2c79bd; text-decoration:none;}
#wrap #content .section#section1 .icon_bar ul li em{margin:0 auto; width:100%; display:block; font-size:18px; padding-bottom:10px; text-align:center;}
#wrap #content .section#section1 .icon_bar ul li a span.more_btn {display:block; width:46px; height:46px; margin:0 auto; margin-top:-27px; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#wrap #content .section#section1 .icon_bar ul li a:hover span.more_btn,#section1 .icon_bar ul li.area01 a:focus span.more_btn {background:url("../img/s_img/btn_icon_more.png") no-repeat scroll 50% bottom; transform: rotate(360deg); font-weight:bold;}
#wrap #content .section#section1 .icon_bar ul li a span.img_area {width:100%; max-width:160px;  margin:0 auto;padding-top:15px; overflow:hidden; transition:margin 0.35s ease-in-out; text-align:center;}
#wrap #content .section#section1 .icon_bar ul li a span.img_area img {width:100%; max-width:160px; margin:0 auto; transition: 0.35s ease-in-out; text-align:center;}
#wrap #content .section#section1 .icon_bar ul li a:hover span.img_area img { margin-top:0px; }
#wrap #content .section#section1 .icon_bar ul li dl{margin:40px auto;}
#wrap #content .section#section1 .icon_bar ul li dt{text-align:center; font-size:18px; font-weight:500; color:#333; line-height:1.5; }
#wrap #content .section#section1 .icon_bar ul li dd{margin:20px auto; text-align:center; font-size:15px; font-weight:300; color:#333; line-height:1.5; letter-spacing:-0.05em; }
#wrap #content .section#section1 .icon_bar ul li dd span.pc_cut{display:block;}
#wrap #content .section#section1 .icon_bar ul li:nth-child(2) dd span.pc_cut{}

#wrap #content .section#section1 .icon_bar ul li dd.btn{ line-height:1; padding:0;  }
#wrap #content .section#section1 .icon_bar ul li dd.btn a span.img_area_more{display:inline-block; font-size:15px; font-weight:500; height:40px; line-height:36px; letter-spacing:-0.05em; width:155px;  padding:0px 20px; text-align:center;}
#wrap #content .section#section1 .icon_bar ul li dd.btn a:hover span.img_area_more{}





/*991px 02 제품소개 */
#wrap .section#product{width:100%; height:auto; background:#107ebb url(../img/s_img/product_bg.jpg) no-repeat center bottom;}

#wrap .section#product .container{width:96%; margin:0 auto;padding:60px 0;}
#wrap .section#product ul.main_quick{width:100%; margin:60px auto 0 auto;}
#wrap .section#product ul.main_quick li{width:32%; min-height:auto; margin:0 2% 0 0; }

#wrap .section#product ul.main_quick li.last{margin-right:auto;}
#wrap .section#product ul.main_quick li a{width:100%; max-width:280px;  height:auto; margin:0 auto; text-align:center;}
#wrap .section#product ul.main_quick li a span.img_box{width:100%;height:auto;text-align:center;}
#wrap .section#product ul.main_quick li a span.img_box img{width:100%; max-width:280px; text-align:center;}
#wrap .section#product ul.main_quick li a span.tit{width: 100%;height: 66px;line-height: 66px;font-size: 20px;}
#wrap .section#product ul.main_quick li a span.plus{width: 100%;height: 66px;line-height: 66px;font-size: 20px;}
#wrap .section#product ul.main_quick li a span.border{border: 12px solid #b3b3b3;width: 100%;height: 100%;}
#wrap .section#product ul.main_quick li a span.view{position: absolute;top:28%;width: 100%;height: 80px;font-size: 20px;}
#wrap .section#product ul.main_quick li a:hover span.img_box img{width: 100%; max-width:280px; }
#wrap .section#product ul.main_quick li dl{padding:20px 10px 20px 10px;  margin:0 auto; text-align:center; min-height:140px;max-width:280px; }
#wrap .section#product ul.main_quick li dt{font-size:18px; font-weight:400; letter-spacing:-0.05em; }
#wrap .section#product ul.main_quick li dd{font-size:14px;  padding-top:20px; letter-spacing:-0.075em;}
#wrap .section#product ul.main_quick li:last-child dd span.pc_cut{display:block;}
#wrap .section#product ul.main_quick li dd span.pc_cut{display:block;}
#wrap .section#product ul.main_quick li span.bott{ min-height:80px; max-width:280px;line-height:1.2; font-size:15px;  padding:30px 10px 20px 10px; }










/* 991px 오시는길 */
#wrap .section#map h3{margin-top:80px; }
.map_wrapper{clear:both; margin-top:0px;}
.map_info5{width : 100% !important; float : none; height: 400px !important; margin-bottom : 20px !important; margin-right: 0;}
.map_info5:last-child{margin-bottom: 0;}


ul.map_txt{clear:both; margin:40px 0 60px 20px; padding:0;}
ul.map_txt:after{display:block; content: ''; clear:both;}
ul.map_txt li{font-size:16px; font-weight:300; line-height:38px;  display:inline; width:100%; float:left; letter-spacing:-0.05em;}
ul.map_txt li strong{font-weight:600;}
ul.map_txt li.icon_add{background:url('../img/s_img/icon_add.png') no-repeat 0 0; padding-left:85px; line-height:66px; width:100%;} 
ul.map_txt li.icon_tel{background:url('../img/s_img/icon_tel.png') no-repeat 0 0; padding-left:85px; line-height:66px; width:100%; margin-top:36px; }
ul.map_txt li.icon_email{background:url('../img/s_img/icon_email.png') no-repeat 0 0; padding-left:85px; line-height:66px; width:100%; margin-top:36px; }

 



}/* 991px End*/





@media (max-width: 768px) {


#sub #wrap #content .container{width:94%; margin:0 3%; position:relative; padding:40px 0 60px 0;}
#sub #wrap #content h4{font-size:24px;color: #090909;text-align: center;font-weight: 500;margin-bottom:55px;}
#sub #wrap #content h4 span{font-size:24px;}
#sub #wrap #content h5{clear:both; font-size:18px; color: #111; text-align:left; font-weight:600; line-height:28px;margin:40px 0 20px 0; letter-spacing:-0.05em; padding-left:20px; background:url('../img/s_img/h5_bull_m.gif') no-repeat 0 13px; }

#sub #wrap #content h5.fir{margin-top:0;}

#sub #wrap #content h5.non{clear:both; font-size:18px; color: #111; text-align:left; font-weight:600; line-height:28px;margin:40px 0 20px 0; letter-spacing:-0.05em; padding-left:0px; background:none; }



#sub #wrap #content{width: 100%; height:auto !important; }
#sub #wrap #content:after{display: block;content: '';clear: both;}

#wrap #header{position: fixed;top: 0;left: 0;height:60px; background:#3e73ad !important;  }
#wrap #header .container.mobile h1.logo img{margin-top:14px; width:125px; }
#wrap #header .container.mobile .menu img{width: 32px;margin-top:20px;}


#sub #wrap #content{width: 100%;}



#wrap .sub_vis{height:260px;}

#wrap .sub_vis h3{font-size:24px;color: #fff; line-height:60px !important; font-weight:bold; letter-spacing:-0.03em; text-align: center; padding:132px 0 0px 0 !important;  }
#wrap .sub_vis p.txt{font-size:15px;color: #696969;font-weight:400; text-align: center; padding-top:0px;}



 .apst-button{display:none;}




.tab_navi { margin:0px 0 30px 0;}
.tab_navi li.w140 a{min-width:99% !important;}




/*768px 세션별 레이아웃*/
#wrap #footer {height:100% !important;}
.h340{height:300px !important;}
#wrap #footer .container{width:100%; height:100%; padding-bottom:20px;}
.foot_add_outer{width:100%; text-align:center; }
.footer_logo {display:none; } 

.foot_add address { margin:0 0 0px 0; width:100%; float:left; padding:0;font-size:14px;  line-height:20px; font-weight:300; letter-spacing:-0.05em; color:#fff;}
.foot_add address em{color:#99ff66;}
.foot_add address strong{font-weight:600; font-size:14px;line-height:20px;  }

.foot_add span.m_cut{display:block; padding:0 5px; font-weight:300;}
.foot_add p{line-height:20px; }
.foot_add .copy {line-height:20px;}
.foot_add .copy a{color:#fff; font-size:14px; font-weight:300; line-height:20px; letter-spacing:-0.05em;}
div.copy {color:#fff; font-size:14px; font-weight:300; line-height:20px; letter-spacing:-0.05em;}
.foot_add p em.m_cut{display:block; font-weight:300;}
span.f_part{display:none;}




/* 768px 세션별 타이틀*/


#wrap #content .section#section1 h3{ font-size:24px; letter-spacing:-0.05em;}
#wrap #content .section#section1 p.tit{font-size:15px; letter-spacing:-0.05em;}
#wrap .section#product h3{font-size:24px; letter-spacing:-0.05em;}
#wrap .section#product p.tit{font-size:15px; letter-spacing:-0.05em;}
#wrap .section#product p.tit span.m_cut{display:block;}
#wrap .section#map h3{font-size:24px; letter-spacing:-0.05em; line-height:1.5; }
#wrap .section#map p.tit{font-size:15px; letter-spacing:-0.075em;padding:0 10px; line-height:1.5;}
#wrap .section#map p.tit span.m_cut{display:block;}

#wrap #content .section#section1 h3 img{width:220px;}
#wrap #content .section#section1 p.tit span.m_skip{display:none;}
#wrap #content .section#section1 p.tit span.m_cut{display:block;}


/* 768px WIND SELL */

#wrap #content .section#section1{clear:both; width:100%; height:100%; }
#wrap .section#product .container{width:100%; margin:0 auto;padding:100px 0;}


#wrap #content .section#section1 .about_box {width:100%; height:100%;  min-height:1100px;}
#wrap #content .section#section1 .area { width:100%; height:100%; min-height:1160px; }


#wrap #content .section#section1 .container{clear:both; width:100%; height:100%;  margin:0px auto; padding:60px 0;}
#wrap #content .section#section1 .icon_bar ul li {position:relative; margin:20px 0 20px 0; width:100%; text-align:center !important; float:left; font-size:14px; text-align:center !important; letter-spacing:-1px; }
#wrap #content .section#section1 .icon_bar ul li dl{margin:10px auto 20px auto;}
#wrap #content .section#section1 .icon_bar ul li dd span.pc_cut{display:block;}

#wrap #content .section#section1 .icon_bar ul li dd{margin:10px auto 20px auto; }



/* 768px 02 제품소개 */
#wrap .section#product{width:100%; height:auto; background:#107ebb url(../img/s_img/product_bg.jpg) no-repeat center bottom;}

#wrap .section#product .container{width:100%; margin:0 auto;padding:60px 0;}
#wrap .section#product ul.main_quick{width:100%; margin:40px auto 0 auto;}
#wrap .section#product ul.main_quick li{width:100%; min-height:auto; margin:0 auto 40px auto; text-align:center; background:none;}
#wrap .section#product ul.main_quick li.last{margin-right:auto;}
#wrap .section#product ul.main_quick li a{width:100%; max-width:280px;  height:auto; margin:0 auto; text-align:center;}
#wrap .section#product ul.main_quick li a span.img_box{width:100%;height:auto;text-align:center;}
#wrap .section#product ul.main_quick li a span.img_box img{width:100%; max-width:280px; text-align:center;}
#wrap .section#product ul.main_quick li a span.tit{width: 100%;height: 66px;line-height: 66px;font-size: 20px;}
#wrap .section#product ul.main_quick li a span.plus{width: 100%;height: 66px;line-height: 66px;font-size: 20px;}
#wrap .section#product ul.main_quick li a span.border{border: 12px solid #b3b3b3;width: 100%;height: 100%;}
#wrap .section#product ul.main_quick li a span.view{position: absolute;top:28%;width: 100%;height: 80px;font-size: 20px;}
#wrap .section#product ul.main_quick li a:hover span.img_box img{width: 100%; max-width:280px; }
#wrap .section#product ul.main_quick li dl{padding:20px 10px 20px 10px;  margin:0 auto; text-align:center; min-height:160px;max-width:280px; }
#wrap .section#product ul.main_quick li dt{font-size:18px; font-weight:400; letter-spacing:-0.05em; }
#wrap .section#product ul.main_quick li dd{font-size:14px;  padding-top:20px; letter-spacing:-0.075em;}
#wrap .section#product ul.main_quick li:last-child dd span.pc_cut{display:inline;}
#wrap .section#product ul.main_quick li dd span.pc_cut{display:inline;}
#wrap .section#product ul.main_quick li span.bott{ width:94%; min-height:60px; line-height:1.2; font-size:15px;  padding:21px 5px 10px 5px; letter-spacing:-0.05em; }

.map_main{clear:both; margin-top:40px;}

/*768px 회사소개 - 오시는 길 */

ul.map_txt{clear:both; margin:20px 0 40px 0px; padding:0;}
ul.map_txt:after{display:block; content: ''; clear:both;}
ul.map_txt li{font-size:15px; font-weight:300; line-height:26px;  display:inline; width:100%; float:left;}
ul.map_txt li strong{font-weight:600;}
ul.map_txt li span.m_cut{display:block;}
ul.map_txt li.icon_add{background:url('../img/s_img/icon_add.png') no-repeat 0 0; background-size:46px; padding:0 0 0 55px; line-height:26px;  width:100%; margin-top:10px; } 
ul.map_txt li.icon_add:first-child{margin-bottom: 16px;}
ul.map_txt li.icon_tel{background:url('../img/s_img/icon_tel.png') no-repeat 0 0; background-size:46px; padding:10px 0 10px 55px; line-height:26px; width:100%;margin-top:16px; }
ul.map_txt li.icon_email{background:url('../img/s_img/icon_email.png') no-repeat 0 0; background-size:46px;padding:10px 0 10px 55px; line-height:26px; width:100%;  margin-top:26px; }
ul.map_txt li.icon_fax{background:url('../img/s_img/icon_fax.png') no-repeat 0 0; background-size:46px; padding:10px 0 10px 55px; line-height:26px; width:100%;margin-top:16px; }







/* 768px 회사소개*/
p.tit_leaf{ font-size:18px;padding:60px 0 50px 0; margin:20px 0; letter-spacing:-0.05em;}


ul.ceo{clear:both; margin:0px 0 40px 0 !important; padding:0;height:100%; }

ul.ceo li{float:auto; display:inline-block; width:100%; height:100%; margin:0 0 60px 0; padding:0; }
ul.ceo li img{width:100%; max-width:600px; margin:0 auto;}
ul.ceo li.left{width:100% !important; text-align:center !important; }
ul.ceo li.left img{width:100%; margin:0 auto; max-width:600px;}
ul.ceo li.right{width:100% !important; height:100%; margin:0 auto 40px auto; padding:0; background:#fff; border:1px solid #ddd;}
ul.ceo li.right dl{padding:30px; width:100% !important; margin:0 auto; }
ul.ceo li.right dl dt{font-size:18px; line-height:28px; font-weight:500;  padding-bottom:0px;}
ul.ceo li.right dl dt span{display:block; color:#1389cb; }
ul.ceo li.right dl dd{font-size:15px; line-height:24px; padding:20px 0 0 0;} 
ul.ceo li.right dl dd.sign{ font-size:15px; font-family: 'NotoSerifKr-SemiBold', serif;}
ul.ceo li.right dl dd.sign strong{font-size:18px; font-weight:500; }
ul.ceo li.right dl dd span.pc_cut{display:inline;}
ul.ceo li.right dl dd.sign img{width:160px;}
ul.info01_list_icon li dd{font-size:16px; line-height:1.4; }






/*조직도*/

.org_wrap{clear:both; position:relative; width:600px; max-width:600px; margin:40px auto; padding:0px 0 0 0; height:580px; background:url(../img/s_img/org_line_600.gif) no-repeat center 0px;  background-size:600px;}

ul.org_list li.step01{text-align:center;}
ul.org_list li.step01 dl{width:120px; height:120px; margin:0 auto 28px auto; padding-top:37px; border-radius:50%; background:#0e76bc; }

ul.org_list li.step01 dl dt{font-size:15px; font-weight:600; line-height:1.5; color:#fff; text-align:center;}
ul.org_list li.step01 dl dd{font-size:15px; font-weight:300; line-height:1.5; color:#fff; text-align:center;letter-spacing:-0.05em;}


ul.org_list li.step02 {position:relative; }
ul.step02_list li.step02_list_l dl{width:120px; height:120px; margin:0 auto 28px auto; padding-top:37px; border-radius:50%; background:#f58220; }
ul.step02_list li.step02_list_l dt{font-size:15px; font-weight:600; line-height:1.5; color:#fff; text-align:center;}
ul.step02_list li.step02_list_l dd{font-size:15px; font-weight:300; line-height:1.5; color:#fff; text-align:center; letter-spacing:-0.05em;}

ul.step02_list li.step02_list_r dl{position:absolute; top:50px; left:65%; width:100%; max-width:120px;}
ul.step02_list li.step02_list_r dl{border-radius:18px; background:#e7e7e8; min-height:120px; }
ul.step02_list li.step02_list_r dt{background:#f58220; border-radius:18px; font-size:15px; font-weight:600; line-height:36px; color:#fff; text-align:center;}
ul.step02_list li.step02_list_r dd strong{font-size:15px; font-weight:600; line-height:1.7; color:#111; display:block; text-align:center;}
ul.step02_list li.step02_list_r dd {font-size:15px; font-weight:300; line-height:1.5; color:#555; padding-top:16px; text-align:center; letter-spacing:-0.05em;}


ul.org_list li.step03 {position:relative; margin:100px auto 80px auto; padding:0;width:600px;}
ul.step03_list li {width:20%; float:left; display:inline; text-align:center; }
ul.step03_list li dl{/* width:210px;*/ width:94%; max-width:140px;margin:0 auto; border-radius:18px; background:#e7e7e8; min-height:140px; padding-bottom:20px; }
ul.step03_list li.last dl{min-height:180px; }
ul.step03_list li dt{background:#818285; border-radius:18px; font-size:15px; font-weight:600; line-height:36px; color:#fff; text-align:center;}
ul.step03_list li dd strong{font-size:15px; font-weight:600; line-height:1.7; color:#111; display:block; text-align:center;padding-top:0px;}
ul.step03_list li dd {font-size:15px; font-weight:300; line-height:1.5; color:#555;  text-align:center; padding-top:10px;letter-spacing:-0.05em;}
ul.step03_list li.last dl dd{padding-top:16px;letter-spacing:-0.05em;}
.org_wrap p.bott_txt{clear:both; position:absolute; bottom:0; left:0;  background:#58585a; text-align:center; border-radius:35px; width:77.5%; font-size:15px; font-weight:600; color:#fff; letter-spacing:-0.05em; line-height:40px; }








}/* 768px End*/







@media (max-width: 576px) {

/*768px 세션별 레이아웃*/
#wrap #footer{clear:both; position:relative; width: 100%; z-index: 100; height:100%; margin-top:0px;  padding-bottom:20px;}

.foot_add_outer{width:100%; text-align:center;  }
.footer_logo {display:none; } 

.foot_add address { margin:0 0 0px 0; width:100%; float:left; padding:0;font-size:14px;  line-height:1.5; font-style:normal; letter-spacing:-0.05em; color:#fff;}
.foot_add address em{color:#99ff66;}
.foot_add address strong{font-weight:600; font-size:14px;line-height:18px; letter-spacing:-0.075em; }

.foot_add span.m_cut{display:block; padding:0 5px;}
.foot_add .copy a{color:#fff; font-size:14px; font-weight:300;line-height:18px; letter-spacing:-0.075em;}
div.copy {color:#fff; font-size:14px; font-weight:300;line-height:20px; letter-spacing:-0.05em;}


.foot_add address span.m_cut{display:block;}

#wrap #content .sub_vis{height: 220px;}
#wrap #content .sub_vis h3{line-height: 220px;}



}/* 576px End */