@charset "utf-8";


@media (max-width: 1400px) {


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

#wrap #content .section.default h3{padding: 15% 0 90px 0;}



}/* 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;}


.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:100%; margin: 0 0%; padding:60px 0;}

#wrap #header{position: fixed; position:relative; top: 0;left: 0;height:70px; background:#fff !important; border-bottom:1px solid #ddd;}
#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 .menu{position: relative;z-index: 3;float: right;width: 35px;text-align: right; margin-right:10px;}
#wrap #header .container.mobile .menu img{width: 32px;margin-top: 22px; }

#wrap #header{height: 65px;}

#wrap #footer .foot_add_outer{width: 100% !important; }
#wrap #footer .foot_add_outer.pc{width: 100% !important; }
#wrap #footer .foot_add_outer.mobile{display: none;}

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


.footer_logo {width:20%;}
.footer_logo img{width:90%;}
.foot_add {width:70%;}


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



/*1199px ¼¼¼Çº° ·¹À̾ƿô*/

#wrap #footer .container{width:100%;}
.foot_add_outer{width:100%; }

.section#section0 .scroll_down{display:none;}

#wrap #content .section{height: auto;}
#wrap #content .section.default .container{height: auto;}
#wrap #content .section.default h3{padding: 18% 0 90px 0;font-size: 36px;}


/*1199px ¼¼¼Çº° ŸÀÌƲ*/

#wrap #content .section#section1 h3{padding:12% 0 20px 0;text-align: center;font-size:36px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
#wrap #content .section#section1 p.tit{font-size:16px; font-weight:300; line-height:1.5; color:#fff; text-align: center;}
#wrap #content .section#section2 h3{padding:9% 0 20px 0;text-align: center;font-size:36px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
#wrap #content .section#section2 p.tit{font-size:16px; font-weight:300; line-height:1.5; color:#fff; text-align: center;}
#wrap #content .section#section3 h3{padding:9% 0 20px 0;text-align: center;font-size:36px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
#wrap #content .section#section3 p.tit{font-size:16px; font-weight:300; line-height:1.5; color:#fff; text-align: center;}

    
/* È«º¸¿µ»ó */
.pr_vod{width:100%; }
.pr_box{width: 100%;}
.pr_box iframe{width:100%;}

/*1199px ¸ÞÀκñÁÖ¾ó*/



#wrap #content .section#section0 .cover{display: none;}

#wrap #content .section#section0 ul.bxslider{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#wrap #content .section#section0{height:910px !important; }
#wrap #content .section#section0 ul.bxslider li{width: 100%;  height:100%; /*height:1000px !important;*/text-align: left;min-height:910px;}
#wrap #content .section#section0 ul.bxslider li.s1{background: url(../img/p_img/en_img/bg_visual01.jpg) no-repeat center center;-webkit-background-size: cover; background-size: cover; }
#wrap #content .section#section0 ul.bxslider li.s2{background: url(../img/p_img/en_img/bg_visual02.jpg) no-repeat center center;-webkit-background-size: cover; background-size: cover; }
#wrap #content .section#section0 ul.bxslider li.s3{background: url(../img/p_img/en_img/bg_visual03.jpg) no-repeat center center;-webkit-background-size: cover; background-size: cover; }
#wrap #content .section#section0 ul.bxslider li.s4{background: url(../img/p_img/en_img/bg_visual04.jpg) no-repeat center center;-webkit-background-size: cover; background-size: cover; }

#wrap #content .section#section0 ul.bxslider li .bg{width:100%;margin: 0 auto;padding-top:300px;}

#wrap #content .section#section0 ul.bxslider li h3{display:block; text-align:center; font-size:24px; color:#fff; line-height:60px; letter-spacing:0; font-weight:300; letter-spacing:-0.02em; margin-left:0px;}
#wrap #content .section#section0 ul.bxslider li h3 strong{font-weight:600; font-size:64px;letter-spacing:-0.05em;line-height:60px; margin-left:0px; }
#wrap #content .section#section0 ul.bxslider li p.txt{text-align:center; width:100%; margin-top:10px; padding-top:20px; display:block; color:#fff; z-index:100;line-height:26px; font-size:17px;  font-weight:300;letter-spacing:-0.03em; }
#wrap #content .section#section0 ul.bxslider li p.txt{  padding-left:0px !important;}



.bx-wrapper .bx-controls {display:none !important;}
.bx-wrapper .bx-controls-direction{display:none;
  position: relative;
  width: 90%;
  margin:0% auto 0 auto;}


.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {display:none;
  text-align: left;
  width: 1000px !important;
  margin: 0 auto;
  padding-left:40px !important;}




#wrap #content .section.default .container{width:98%; height: 100%; margin-left:auto !important; margin-right:auto !important;}
#wrap #content .section.default h3{padding:9% 0 20px 0;text-align: center;font-size: 42px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
#wrap #content .section.default p.tit{font-size:15px; font-weight:300; line-height:1.5; color:#fff; text-align: center;}


/*1199px section1 »ç¾÷ºÐ¾ß*/

#wrap #content .section#section2 .container{padding-bottom: 150px;padding: 0 0px 150px 0px;width: auto;}
#wrap #content .section#section2 .product_box{width:100%; margin:70px auto 0 auto;}


/*1199px section2 ¸ÞÀÎ - °øÁö»çÇ× */
#wrap #content .section#section3{ padding-bottom:40px;}

/*#wrap #content .section#section3 .noti_wrap{clear:both; padding:40px 50px; width:100%; height:500px; margin:20px auto 40px auto; background:#fff;} */
.main_notice{float:left; position:relative; width:100%; height:340px; padding:0px 0 25px 0}
.main_notice h4.title{display:block; padding:0px 0 10px 0;text-align:left;font-size:24px;color: #333;font-weight:600; letter-spacing:-0.03em; border-bottom:1px solid #111;}

.main_video{float:left; position:relative; width:100%; min-width:320px; padding:0px 10px 0px 10px;}
.main_video h4.title{display:block;  padding:0px 0 20px 0;text-align:left;font-size:24px;color: #333;font-weight:600; letter-spacing:-0.03em;}
.main_video .slider_v .thumbs{position:relative; height:240px; background-size:cover;}



/*
.catalog_wrap{float:right; width:45%; height:auto; margin:40px 0 0 0; padding:0; border-left:1px solid #b8bdca;}
.catalog_wrap:after{display: block;content: '';clear: both;}
.catalog_wrap li{position:relative; width:95%;padding-left:40px; margin:0 auto;  line-height:130px;}
.catalog_wrap li.catal{background:url(../img/s_img/catal_icon01.png) no-repeat right center; margin-bottom:40px; background-size:130px;}
.catalog_wrap li.catal span{color:#333;  font-size:28px; font-weight:600;  }
.catalog_wrap li.power{background:url(../img/s_img/catal_icon02.png) no-repeat right center; background-size:130px;}
.catalog_wrap li.power span{color:#333;  font-size:28px; font-weight:600;  }

.catalog_wrap li img{vertical-align:middle; margin-bottom:5px;}
*/









/*1199px section3 ¸ÞÀÎ - ´Ü°èº° Ç°Áú°æ¿µÈ°µ¿*/


#wrap #content .section#section1 .manage_wrap{clear:both; padding:40px 10px; width:100%; max-width:900px; height:590px; margin:20px auto 0px auto;  }
#wrap #content .section#section1 dl.manage dd li{float:left; display:inline; margin:0; padding:0 10px;}
#wrap #content .section#section1 dl.manage dd li dl{margin:0; padding:0;width:160px; height:160px; text-align:center;}
#wrap #content .section#section1 dl.manage dd li dl.icon01{background:url(../img/s_img/manage_bg01.png) no-repeat center 0; background-size:160px;}
#wrap #content .section#section1 dl.manage dd li dl.icon02{background:url(../img/s_img/manage_bg02.png) no-repeat center 0; background-size:160px;}
#wrap #content .section#section1 dl.manage dd li dl.icon03{background:url(../img/s_img/manage_bg03.png) no-repeat center 0; background-size:160px;}
#wrap #content .section#section1 dl.manage dd li dl.icon04{background:url(../img/s_img/manage_bg04.png) no-repeat center 0; background-size:160px;}
#wrap #content .section#section1 dl.manage dd li dl dt{padding:20px 0; margin:0; font-size:16px; letter-spacing:-0.05em;  font-weight:bold; color:#fff; background:none;}
#wrap #content .section#section1 dl.manage dd li dl dt.small{font-size:12px;}
#wrap #content .section#section1 dl.manage dd li dl dd.small{font-size:12px;}
#wrap #content .section#section1 dl.manage dd li dl dd{padding:10px 0 0 0; margin:0; font-size:16px; letter-spacing:-0.05em;  font-weight:bold; color:#fff;}


#wrap #content .section#section1 dl.manage dd li dl.icon01 dt{padding-top:25px; height:80px;}
#wrap #content .section#section1 dl.manage dd li dl.icon01 dd{padding-top:33px; color:#fff;}
#wrap #content .section#section1 dl.manage dd li dl.icon02 dt{padding-top:47px; height:75px;}
#wrap #content .section#section1 dl.manage dd li dl.icon02 dd{padding-top:35px; color:#255db6; }

#wrap #content .section#section1 dl.manage dd li dl.icon03 dt{padding-top:15px; height:25px;}
#wrap #content .section#section1 dl.manage dd li dl.icon03 dd{padding-top:28px; height:65px;}
#wrap #content .section#section1 dl.manage dd li dl.icon04 dt{padding-top:15px; height:25px;color:#ed1c24;}
#wrap #content .section#section1 dl.manage dd li dl.icon04 dd{padding-top:25px; height:65px;}




h4{display: none;}

#wrap #content .section{height: auto;}
#wrap #content .section.default .container{height: auto;}
#wrap #content .section.default h3{padding: 18% 0 90px 0;font-size: 36px;}


}/* 1199px End*/



@media (max-width: 991px) {


#wrap #content .container{width:100%; margin:0 0%; padding:0px 0;}
#wrap #content{width: 100%; height:auto !important; }
#wrap #content:after{display: block;content: '';clear: both;}
#sub #wrap #content .container{width:98%; margin:0 1%; position:relative; padding:40px 0 !important;}
#wrap #content .section#section0 .container{position: relative;width:100%;height: 100%; padding:0 0 0px 0 !important; margin:0; position:relative;}
#wrap #content .section#section1 .container{position: relative;width: 98%;height: 100%; padding:0 0 60px 0 !important; margin:0 1%; position:relative;}
#wrap #content .section#section2 .container{position: relative;width: 98%;height: 100%; padding:0 0 60px 0 !important; margin:0 1%; position:relative;}
#wrap #content .section#section3 .container{position: relative;width: 98%;height: 100%; padding:0 0 60px 0 !important; margin:0 1%; position:relative;}


/*991px ¼¼¼Çº° ·¹À̾ƿô*/

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

#wrap #content .section.default .container{width:96%; height: 100%; margin-left:auto !important; margin-right:auto !important;}
#wrap #content .section.default h3{padding:10% 0 20px 0;text-align: center;font-size: 38px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
#wrap #content .section.default p.tit{font-size:15px; font-weight:300; line-height:1.5; color:#fff; text-align: center;}


/*991px ¼¼¼Çº° ŸÀÌƲ*/

#wrap #content .section#section1 h3{padding:15% 0 25px 0;text-align: center;font-size:32px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
#wrap #content .section#section1 p.tit{font-size:17px; font-weight:300; line-height:1.5; color:#fff; text-align: center;}
#wrap #content .section#section2 h3{padding:12% 0 5px 0;text-align: center;font-size: 32px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
#wrap #content .section#section2 p.tit{font-size:17px; font-weight:300; line-height:1.5; color:#fff; text-align: center;}
#wrap #content .section#section3 h3{padding:12% 0 25px 0;text-align: center;font-size: 32px;color: #fff;font-weight:600; letter-spacing:-0.03em;}
#wrap #content .section#section3 p.tit{font-size:17px; font-weight:300; line-height:1.5; color:#fff; text-align: center;}
#sub h5{clear:both; font-size:20px; color: #333; 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 8px; }



/*991px 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; 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 #content .section.default h3{padding: 25% 0 80px 0;font-size: 30px;}


.hide{display:none;}


/*991px section0 ¸ÞÀκñÁÖ¾ó*/

#wrap #content .section#section0 ul.bxslider li .bg{width:100%;margin: 0 auto;padding-top:240px;}

#wrap #content .section#section0 ul.bxslider li h3{display:block; text-align:left; font-size:36px; color:#fff; line-height:84px; letter-spacing:0; font-weight:300; letter-spacing:0em; margin-left:80px;}
#wrap #content .section#section0 ul.bxslider li h3 strong{display:block; font-weight:600; font-size:80px;letter-spacing:-0.05em;line-height:64px; padding-top:10px;}
#wrap #content .section#section0 ul.bxslider li p.txt{text-align:left;  margin-top:30px; display:block; color:#fff; z-index:100;line-height:28px; font-size:18px; padding-left:80px !important;  font-weight:300;letter-spacing:0em; background:url('../img/p_img/main_visual_txtline.gif') no-repeat 10px top;}


/*¸ÞÀκñÁÖ¾ó*/
#wrap #content .section#section0 ul.bxslider li .bg{width:100%;}
#wrap #content .section#section0 .btn_box ul.btn li.on a{height: 80px;margin-top: 0;background: #005aab;color: #fff;font-size: 22px;font-weight: 500;line-height: 80px;letter-spacing: 0;}
#wrap #content .section#section0 .btn_box ul.btn li.on a img{ vertical-align:middle;line-height: 50px; }

#wrap #content .section#section0 {position: relative;width: 100%; height:600px; }
#wrap #content .section#section0 .container{padding-top: 0px;}
#wrap #content .section#section0 .container{position: relative;width: 100%;height: 100%;padding-top: 0;}
#wrap #content .section#section0 ul.bxslider{width: 100%;height: 100%; }
#wrap #content .section#section0 ul.bxslider li{width: 100%;height:600px !important;text-align: left;}
#wrap #content .section#section0 ul.bxslider li.s1{background: url(../img/p_img/en_img/main_vi_m01.jpg) no-repeat center center;-webkit-background-size: cover; background-size: cover; }
#wrap #content .section#section0 ul.bxslider li.s2{background: url(../img/p_img/en_img/main_vi_m02.jpg) no-repeat center center;-webkit-background-size: cover; background-size: cover; }
#wrap #content .section#section0 ul.bxslider li.s3{background: url(../img/p_img/en_img/main_vi_m03.jpg) no-repeat center center;-webkit-background-size: cover; background-size: cover; }
#wrap #content .section#section0 ul.bxslider li.s4{background: url(../img/p_img/en_img/main_vi_m04.jpg) no-repeat center center;-webkit-background-size: cover; background-size: cover; }

#wrap #content .section#section0 ul.bxslider li .bg{width:100%;margin: 0 auto !important; padding-top:220px; }
#wrap #content .section#section0 ul.bxslider li h3{display:block; text-align:center; font-size:20px; color:#fff; line-height:60px; letter-spacing:0; font-weight:300; letter-spacing:-0.02em; margin-left:0px;}
#wrap #content .section#section0 ul.bxslider li h3 strong{font-weight:600; font-size:58px;letter-spacing:-0.05em;line-height:60px; margin-left:0px; }
#wrap #content .section#section0 ul.bxslider li p.txt{text-align:center; width:100%; margin-top:10px; padding-top:20px; display:block; color:#fff; z-index:100;line-height:26px; font-size:15px;  font-weight:300;letter-spacing:-0.03em; }
#wrap #content .section#section0 ul.bxslider li p.txt{  padding-left:0px !important;}
#wrap #content .section#section0 ul.bxslider li h3 img{width:100%; max-width:580px; margin:0 auto;}


#wrap #content .section#section0 .btn_box ul.btn{width:100%;margin: 0 auto;}
#wrap #content .section#section0 .btn_box ul.btn:after{display: block;content: '';clear: both;}
#wrap #content .section#section0 .btn_box ul.btn li{float: left;width:50%;height: 60px;}
#wrap #content .section#section0 .btn_box ul.btn li a{display: block;width: 100%;margin-top: 14px;height:46px;text-align: center;font-size: 18px;color: #fff;font-weight: normal;letter-spacing: -1px;line-height: 44px;background: #333;}
#wrap #content .section#section0 .btn_box ul.btn li.on a{height:60px;margin-top: 0;background: #005aab;color: #fff;font-size: 20px; font-weight: 500;line-height:58px;letter-spacing:-0.03em;}
#wrap #content .section#section0 .btn_box ul.btn li.on a img{ vertical-align:middle;line-height: 60px; }


/*991px section1 »ç¾÷ºÐ¾ß*/

#wrap #content .section#section2 .product_box{width:100%; margin:40px auto 0 auto !important; }


/*991px section2 ¸ÞÀÎ - °øÁö»çÇ× */
#wrap #content .section#section1{ background:url(../img/s_img/main_section1_bg_mobile.jpg) no-repeat center 0; background-size:100%;}
#wrap #content .section#section2{ background:url(../img/s_img/main_section2_bg_mobile.jpg) no-repeat center 0; background-size:100%;}
#wrap #content .section#section3{ background:url(../img/s_img/main_section3_bg_mobile.jpg) no-repeat center 0; background-size:100%; }

/*#wrap #content .section#section3 .noti_wrap{clear:both; padding:40px 20px; width:96%; max-width:700px; height:auto; min-height:600px; margin:40px auto 40px auto; background:#fff;} */
.main_notice{float:none; clear:both; position:relative; width:100%; height:340px; padding:0px 0 25px 0}
.main_notice h4.title{display:block !important; padding:0px 0 15px 0;text-align:left;font-size:24px;color: #333;font-weight:600; letter-spacing:-0.03em; border-bottom:1px solid #111;}
.main_video h4.title{display:block !important; padding:0px 0 20px 0;text-align:left;font-size:24px;color: #333;font-weight:600; letter-spacing:-0.03em;}

.main_video{clear:both; float:none; position:relative; width:100%;  margin:0 auto; padding:0px 0 0px 0;}

.lst_notice .date{float:left; width:85px; padding:16px 0 25px 0; text-align:center; line-height:1; font-size:14px; color:#008aff;}

.lst_notice .txt{float:left; width:580px; line-height:22px}



/*
.catalog_wrap{float:left; width:98%; height:auto; margin:20px 0 0 0; padding:0; border-left:none;}

.catalog_wrap li{position:relative; float:left; display:inline; width:45%;padding-left:20px; margin:0 auto;  line-height:80px; text-align:left; }
.catalog_wrap li.catal{float:left;background:url(../img/s_img/catal_icon01.png) no-repeat right 45%; margin-bottom:20px; background-size:80px;}
.catalog_wrap li.catal span{color:#333;  font-size:22px; font-weight:600;  }
.catalog_wrap li.power{float:right;background:url(../img/s_img/catal_icon02.png) no-repeat right 45%; background-size:80px;}
.catalog_wrap li.power span{color:#333;  font-size:22px; font-weight:600;  }

.catalog_wrap li img{vertical-align:middle; margin-bottom:5px; width:16px;}
*/





/*991px section1 ¸ÞÀÎ - ´Ü°èº° Ç°Áú°æ¿µÈ°µ¿*/


#wrap #content .section#section1 .manage_wrap{clear:both; padding:40px 0px; width:100%; max-width:760px; height:590px; margin:20px auto 0px auto;  }

#wrap #content .section#section1 dl.manage dd li{float:left; display:inline; margin:0; padding:0 0px; }
#wrap #content .section#section1 dl.manage dd li dl{margin:0 0 10px 0; padding:0; text-align:center;}
#wrap #content .section#section1 dl.manage dd li dl.icon01{background:url(../img/s_img/manage_bg01.png) no-repeat center 0; background-size:140px;}
#wrap #content .section#section1 dl.manage dd li dl.icon02{background:url(../img/s_img/manage_bg02.png) no-repeat center 0; background-size:140px;}
#wrap #content .section#section1 dl.manage dd li dl.icon03{background:url(../img/s_img/manage_bg03.png) no-repeat center 0; background-size:140px;}
#wrap #content .section#section1 dl.manage dd li dl.icon04{background:url(../img/s_img/manage_bg04.png) no-repeat center 0; background-size:140px;}
#wrap #content .section#section1 dl.manage dd li dl dt{padding:20px 0; margin:0; font-size:15px; font-weight:bold; color:#fff; background:none;}
#wrap #content .section#section1 dl.manage dd li dl dd{padding:10px 0 0 0; margin:0; font-size:15px; font-weight:bold; color:#fff;}
#wrap #content .section#section1 dl.manage dd li.arr{padding-top:50px;}

#wrap #content .section#section1 dl.manage dd li dl dt img{width:60px;}

#wrap #content .section#section1 dl.manage dd li dl dd img{width:60px;}

#wrap #content .section#section1 dl.manage dd li dl.icon01 dt{padding-top:25px; height:72px;}
#wrap #content .section#section1 dl.manage dd li dl.icon01 dd{padding-top:25px; color:#fff;}
#wrap #content .section#section1 dl.manage dd li dl.icon02 dt{padding-top:45px; height:72px;}
#wrap #content .section#section1 dl.manage dd li dl.icon02 dd{padding-top:25px; color:#255db6; }

 #wrap #content .section#section1 dl.manage dd li dl.icon03 dt{padding-top:10px; height:25px;}
 #wrap #content .section#section1 dl.manage dd li dl.icon03 dd{padding-top:30px; height:70px;}

#wrap #content .section#section1 dl.manage dd li dl.icon04 dt{padding-top:10px; height:25px;color:#ed1c24;}
 #wrap #content .section#section1 dl.manage dd li dl.icon04 dd{padding-top:20px; height:70px;}



/* È«º¸¿µ»ó */
.pr_vod{width:100%; }
.pr_box{width: 100%;}
.pr_box iframe{width:100%; height:480px;}


}/* 991px End*/

@media (max-width: 768px) {


#sub #wrap #content .container{width:98%; margin:0 1%; position:relative; padding:40px 0 !important;}
#wrap #content .section#section0 .container{position: relative;width:100%;height: 100%; padding:0 0 0px 0 !important; margin:0; position:relative;}
#wrap #content .section#section1 .container{position: relative;width: 98%;height: 100%; padding:0 0 40px 0 !important; margin:0 1%; position:relative;}
#wrap #content .section#section2 .container{position: relative;width: 98%;height: 100%; padding:0 0 0 0 !important; margin:0 1%; position:relative;}
#wrap #content .section#section3 .container{position: relative;width: 98%;height: 100%; padding:0 0 0px 0 !important; margin:0 1%; position:relative;}

#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: #333; text-align:left; font-weight:600; line-height:28px;margin:20px 0 20px 0; letter-spacing:-0.05em; padding-left:25px; background:url('../img/s_img/h5_bull.gif') no-repeat 0 8px; }
#sub #wrap #content h5.fir{margin-top:0;}

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

#header{position: fixed;top: 0;left: 0;height:60px; background:#777 !important;  }
#header .container.mobile h1.logo img{margin-top:22px; width:160px; }
#header .container.mobile .menu img{width: 32px;margin-top:22px;}


 .apst-button{display:none;}



/*768px ¼¼¼Çº° ·¹À̾ƿô*/

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

/*768px ¼¼¼Çº° ŸÀÌƲ*/

#wrap #content .section#section1 h3{padding:17% 0 25px 0;text-align: center;font-size:20px; color: #fff;font-weight:600; letter-spacing:-0.05em;}
#wrap #content .section#section1 p.tit{font-size:17px; font-weight:300; line-height:1.5; color:#fff; text-align: center;letter-spacing:-0.05em;}
#wrap #content .section#section1 p.tit span.m_cut{display:block;}
#wrap #content .section#section2 h3{padding:17% 0 10px 0;text-align: center;font-size:20px; color: #fff;font-weight:600; letter-spacing:-0.05em;}
#wrap #content .section#section2 p.tit{font-size:17px; font-weight:300; line-height:1.5; color:#fff; text-align: center;letter-spacing:-0.05em;}
#wrap #content .section#section2 p.tit span.m_cut{display:block;}
#wrap #content .section#section3 h3{padding:17% 0 25px 0;text-align: center;font-size:20px; color: #fff;font-weight:600; letter-spacing:-0.05em;}
#wrap #content .section#section3 p.tit{font-size:17px; font-weight:300; line-height:1.5; color:#fff; text-align: center;letter-spacing:-0.05em;}
#wrap #content .section#section3 p.tit span.m_cut{display:block;}




/*768px ÅǸ޴º ½ºÅ¸ÀÏ End*/

#wrap #content .section#section0{position: relative; width:100%; height:100%;}
#wrap #content .section#section0 .container{position:relative; width:100%; height:100%;}
#wrap #content .section#section0 .visual_mobile#home ul.bxslider li .bg{width:100%;}





/*768px section0 ¸ÞÀκñÁÖ¾ó*/

#wrap #content .section#section0{height:600px !important; }
#wrap #content .section#section0 ul.bxslider li{width: 100%;  height:100%; /*height:1000px !important;*/text-align: left;min-height:600px;}
#wrap #content .section#section0 ul.bxslider li .bg{padding-top:190px;}
#wrap #content .section#section0 ul.bxslider li p.txt{padding-top:10px;  }

.section#section0 ul.bxslider li h3{ font-size:24px; letter-spacing:-0.05em;}
.section#section0 ul.bxslider li p.txt{font-size:18px; letter-spacing:-0.05em;}

#wrap #content .section#section0 ul.bxslider li h3 img{width:90%; max-width:580px; margin:0 auto;}

#wrap #content .section#section0 ul.bxslider li.s1{background: url(../img/p_img/en_img/main_vi_m01.jpg) no-repeat center center;-webkit-background-size: cover; background-size: cover; }
#wrap #content .section#section0 ul.bxslider li.s2{background: url(../img/p_img/en_img/main_vi_m02.jpg) no-repeat center center;-webkit-background-size: cover; background-size: cover; }
#wrap #content .section#section0 ul.bxslider li.s3{background: url(../img/p_img/en_img/main_vi_m03.jpg) no-repeat center center;-webkit-background-size: cover; background-size: cover; }
#wrap #content .section#section0 ul.bxslider li.s4{background: url(../img/p_img/en_img/main_vi_m04.jpg) no-repeat center center;-webkit-background-size: cover; background-size: cover; }







/*768px section1 ¸ÞÀÎ - ´Ü°èº° Ç°Áú°æ¿µÈ°µ¿*/

#wrap #content .section#section1{clear:both; margin:0; padding:0;  background:url(../img/s_img/main_section1_bg_mobile.jpg) no-repeat center 0;  padding-bottom:0px;}
#wrap #content .section#section1 .manage_wrap{clear:both; padding:0px 0px; width:100%; max-width:760px; height:480px; margin:0px auto 0px auto; }
#wrap #content .section#section1 dl.manage dt {margin:60px 0 40px 0; font-size:18px; letter-spacing:-0.05em;}
#wrap #content .section#section1 dl.manage dd li{float:left; display:inline; margin:0 auto; padding:0 0px;  width:50%; text-align:center;}
#wrap #content .section#section1 dl.manage dd li dl{margin:20px auto 10px auto; padding:0; text-align:center;}
#wrap #content .section#section1 dl.manage dd li dl.icon01{background:url(../img/s_img/manage_bg01.png) no-repeat center 0; background-size:120px;}
#wrap #content .section#section1 dl.manage dd li dl.icon02{background:url(../img/s_img/manage_bg02.png) no-repeat center 0; background-size:120px;}
#wrap #content .section#section1 dl.manage dd li dl.icon03{background:url(../img/s_img/manage_bg03.png) no-repeat center 0; background-size:120px;}
#wrap #content .section#section1 dl.manage dd li dl.icon04{background:url(../img/s_img/manage_bg04.png) no-repeat center 0; background-size:120px;}
#wrap #content .section#section1 dl.manage dd li dl dt{padding:20px 0; margin:0; font-size:14px; font-weight:bold; color:#fff; background:none; letter-spacing:-0.075em;}
#wrap #content .section#section1 dl.manage dd li dl dd{padding:10px 0 0 0; margin:0; font-size:14px; font-weight:bold; color:#fff; letter-spacing:-0.075em;}
#wrap #content .section#section1 dl.manage dd li.arr{padding-top:50px;}

#wrap #content .section#section1 dl.manage dd li dl dt img{width:40px;}

#wrap #content .section#section1 dl.manage dd li dl dd img{width:40px;}

#wrap #content .section#section1 dl.manage dd li dl.icon01 dt{padding-top:23px; height:72px;}
#wrap #content .section#section1 dl.manage dd li dl.icon01 dd{padding-top:0px; color:#fff;}
#wrap #content .section#section1 dl.manage dd li dl.icon02 dt{padding-top:40px; height:72px;}
#wrap #content .section#section1 dl.manage dd li dl.icon02 dd{padding-top:0px; color:#255db6; }

 #wrap #content .section#section1 dl.manage dd li dl.icon03 dt{padding-top:10px; height:30px;}
 #wrap #content .section#section1 dl.manage dd li dl.icon03 dd{padding-top:30px; height:70px;}

 #wrap #content .section#section1 dl.manage dd li dl.icon04 dt{padding-top:10px; height:30px;color:#ed1c24;}
 #wrap #content .section#section1 dl.manage dd li dl.icon04 dd{padding-top:25px; height:70px;}


#wrap #content .section#section1 dl.manage dd li.arr{display:none;padding-top:50px;}







/*768px section2 »ç¾÷¾È³»*/
.section#section2{clear:both; margin:0; padding:0;  background:url(../img/s_img/main_section2_bg_mobile.jpg) no-repeat center 0; padding-bottom:0px;}
.section#section2 .product_box{width:98% !important; margin-left:auto !important; margin-right:auto !important;}
.section#section2 ul.main_quick02{width:100%; max-width:700px; margin:20px auto; position:relative;}
.section#section2 ul.main_quick02 li{height:160px;margin-right:0;background:#fff; border-bottom:1px solid #ddd; }
.section#section2 ul.main_quick02 li.on{height:160px;margin-right:0;background:#283891; }
#wrap #content .section#section2 .product_box{margin:20px auto 0 auto !important}

.section#section2 ul.main_quick02 li.on a:hover dl.tit01{background:url("../img/s_img/main_quick02_icon01_over.png") no-repeat 20px 35%; background-size:120px;}
.section#section2 ul.main_quick02 li.on a:hover dl.tit02{background:url("../img/s_img/main_quick02_icon02_over.png") no-repeat 20px 35%; background-size:120px;}
.section#section2 ul.main_quick02 li.on a:hover dl.tit03{background:url("../img/s_img/main_quick02_icon03_over.png") no-repeat 20px 35%; background-size:120px;}

.section#section2 ul.main_quick02 li:hover a dl.tit01{background:url("../img/s_img/main_quick02_icon01.png") no-repeat 20px 35%; background-size:120px;}
.section#section2 ul.main_quick02 li:hover a dl.tit02{background:url("../img/s_img/main_quick02_icon02.png") no-repeat 20px 35%; background-size:120px;}
.section#section2 ul.main_quick02 li:hover a dl.tit03{background:url("../img/s_img/main_quick02_icon03.png") no-repeat 20px 35%; background-size:120px;}


.section#section2 ul.main_quick02 li.on a dl.tit01{background:url("../img/s_img/main_quick02_icon01_on.png") no-repeat 20px 35%; background-size:120px;}
.section#section2 ul.main_quick02 li.on a dl.tit02{background:url("../img/s_img/main_quick02_icon02_on.png") no-repeat 20px 35%; background-size:120px;}
.section#section2 ul.main_quick02 li.on a dl.tit03{background:url("../img/s_img/main_quick02_icon03_on.png") no-repeat 20px 35%; background-size:120px;}

.section#section2 ul.main_quick02 li a dl.tit01{background:url("../img/s_img/main_quick02_icon01_basic.png") no-repeat 20px 35%; background-size:120px;}
.section#section2 ul.main_quick02 li a dl.tit02{background:url("../img/s_img/main_quick02_icon02_basic.png") no-repeat 20px 35%; background-size:120px;}
.section#section2 ul.main_quick02 li a dl.tit03{background:url("../img/s_img/main_quick02_icon03_basic.png") no-repeat 20px 35%; background-size:120px;}

.section#section2 ul.main_quick02 li a dl.img_box {text-align:center; width:100%; padding:50px 0px 30px 150px;  }

.section#section2 ul.main_quick02 li a dl.img_box dt{padding-left:0px; font-size:20px; text-align:left; font-weight:600; height:34px; color:#abafcd; letter-spacing:-0.05em;}
.section#section2 ul.main_quick02 li a dl.img_box dd{padding-left:0px; font-size:16px; font-weight:300; line-height:20px; color:#abafcd; font-weight:500; text-align:left; padding-top:10px; letter-spacing:-0.05em;}

.section#section2 ul.main_quick02 li.last a dl.img_box{padding:55px 0px 30px 150px; }
.section#section2 ul.main_quick02 li.last a dl.img_box dt{padding-left:0px; font-size:20px; line-height:1.2; text-align:left; font-weight:600; height:auto; color:#abafcd; }
.section#section2 ul.main_quick02 li.last a dl.img_box dd{letter-spacing:-0.07em;font-size:16px; font-weight:300; line-height:20px; }



.section#section2 ul.main_quick02 li.on a:hover span.plus{background:url("../img/s_img/main_quick02_more_over.png") no-repeat 95% 10% !important; }
.section#section2 ul.main_quick02 li.on a:hover span.plus{background:url("../img/s_img/main_quick02_more_over.png") no-repeat 95% 10% !important; }
.section#section2 ul.main_quick02 li.mid a:hover span.plus{background:url("../img/s_img/main_quick02_more_basic_over.png") no-repeat 95% 10%; }

.section#section2 ul.main_quick02 li a span.plus{background:url("../img/s_img/main_quick02_more.png") no-repeat 95% 10%; position: absolute;top:48px;right:0px;display: block;text-align: right;width: 100%;height: 66px;line-height: 66px;font-size: 20px;color: #fff;font-weight: 500;transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}
.section#section2 ul.main_quick02 li.on a span.plus{background:url("../img/s_img/main_quick02_more_on.png") no-repeat 95% 10%; position: absolute;top:48px;right:00px;display: block;text-align: right;width: 100%;height: 66px;line-height: 66px;font-size: 20px;color: #fff;font-weight: 500;transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;}




/*768px section3 ¸ÞÀÎ - °øÁö»çÇ×*/


#wrap #content .section#section3{clear:both; margin:0; padding:0;  background:url(../img/s_img/main_section3_bg_mobile.jpg) no-repeat center 0; padding-bottom:40px;}

/*#wrap #content .section#section3 .noti_wrap{clear:both; padding:40px 0px 40px 0; width:98%; height:auto; min-height:620px; margin:20px auto 20px auto; background:#fff; }*/
.main_notice{float:none; clear:both; position:relative; width:100%; height:340px; padding:0px 20px 25px 0px;}
.main_notice h4.title{display:block !important; padding:0px 0 15px 0;text-align:left;font-size:22px;color: #333;font-weight:600; letter-spacing:-0.03em; border-bottom:1px solid #111;}
.main_video h4.title{display:block !important; padding:0px 0 15px 0;text-align:left;font-size:22px;color: #333;font-weight:600; letter-spacing:-0.03em;}

.main_video{clear:both; float:none; position:relative; width:98%; max-width:100%; height:auto; min-height:300px; margin:0 auto; padding:0px 0 0px 0;}
/*.main_video .shadow{box-shadow:0px 0px 0px rgba(0,0,0,0.2)}*/


/*
.catalog_wrap{float:left; width:90%; height:auto; margin:20px 5% 0 5%; padding:0; border-left:none;}

.catalog_wrap li{position:relative; width:100%;padding-left:0px; margin:0 auto; line-height:80px; text-align:left; border-bottom:1px solid #ccc; }
.catalog_wrap li.catal{background:url(../img/s_img/catal_icon01.png) no-repeat right 45%; width:100%; margin-bottom:20px; background-size:70px;}
.catalog_wrap li.catal span{color:#333;  font-size:22px; font-weight:600;  }
.catalog_wrap li.power{background:url(../img/s_img/catal_icon02.png) no-repeat right 45%; width:100%; background-size:70px;}
.catalog_wrap li.power span{color:#333;  font-size:22px; font-weight:600;  }

.catalog_wrap li img{vertical-align:middle; margin-bottom:5px; width:16px;}
*/




#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; letter-spacing:-0.05em; overflow:hidden; line-height:22px; padding-top: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;}

.foot_add address { font-size:14px;  letter-spacing:-0.05em;}
#wrap #footer .foot_add_outer{width: auto;padding: 0 2px; letter-spacing:-0.05em;}

#wrap #content .section.default h3{padding: 25% 0 80px 0;font-size: 30px;}




span.mob_block{display: block;}


/* PRODUCT */


.product_box {clear:both; margin:0px auto 20px auto; padding:0px; position:relative; overflow:hidden; /*float:auto;*/ width:96%; height:100%; }



.bx-controls{display:none !important;}



/* È«º¸¿µ»ó */
.pr_vod{width:100%; }
.pr_box{width: 100%;}
.pr_box iframe{width:100%;  height:400px;}






}/* 768px End*/



@media (max-width: 576px) {

#wrap #content .section#section0 .btn_box ul.btn{width: 100%;margin: 0 auto;}
#wrap #content .section#section0 .btn_box ul.btn li{width: 50%;}

#wrap #content .section#section0 .video .txt_box .bullet span.line{float: left;display: block;width: 41%;height: 2px;background: #fff;margin: 18px 0 0 0;}
#wrap #content .section#section0 .video .txt_box .bullet span.icon img{width: 40px;}



}/* 576px End*/