@charset "utf-8";
/* CSS Document */

body{font-size:16px;}

.box1{ width:100%; max-width:1200px; margin:0 auto; position:relative; }
.box2{ width:98%;  margin:0 auto; position:relative; }
.box3{ width:100%; max-width:1200px; margin:0 auto; float:left; position:relative; }



#header .gnb_area .right_menu{position:absolute; right:0px; top:21px;}
#header .gnb_area .right_menu .menu_p1{display:inline-block; *display:inline; zoom:1; vertical-align:middle; }
#header .gnb_area .right_menu .menu_p1 a{ font-size:0.92em; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.5);}
#header .gnb_area .right_menu .menu_p1 a:hover{color:#ffcc00;}
#header .gnb_area .right_menu .menu_p1.pd_l{padding-left:15px; position:relative;}
#header .gnb_area .right_menu .menu_p1.pd_l::before{content:''; position:absolute; left:4px; top:7px; width:1px; height:7px; background:rgba(255,255,255,0.3);}
#header .gnb_area .right_menu .menu_p1.pd_l a{ color:#50b7e7;}

#header .gnb_area .ham_btn{display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:25px;}
#header .gnb_area .all_btn{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:27px; height:27px; margin-top:4px; overflow:hidden;} 
#header .gnb_area .all_btn *{ transition:0.3s ease;}
#header .gnb_area .all_btn .all_dot{ float:left; width:4px; height:4px; background:#fff; margin-left:4px; margin-bottom:4px; box-shadow:
1px 1px 2px rgba(0,0,0,0.5);}

#header .gnb_area{}
#header .gnb_area .logo{display:inline-block; *display:inline; zoom:1; vertical-align:middle; }
#header .gnb_area .logo a{width:283px; height:70px; background:url(../images/inc/t_logo.png) no-repeat 0 center; display:block;}
#header .gnb_area .logo img{margin-top:-2px;}

#header .gnb_area .gnb{display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:5%;}
#header .gnb_area .gnb:after{ content:""; display:block; clear:both;}
#header .gnb_area .gnb > li{ float:left; position:relative; cursor:pointer;}
#header .gnb_area .gnb > li .dp1{ display:block; position:relative; padding:0 19px; height:80px; line-height:80px; font-size:1.23em; color:#fff;; font-family:notokrR;}
#header .gnb_area .gnb > li > a{ text-decoration:none; } 

#header .gnb_area .gnb .dp2{ position:absolute; left:50%; margin-left:-90px; width:180px; padding:10px 0; background:#000; text-align:center; border-top:0;}
#header .gnb_area .gnb .dp2 > li{text-align:center;}
#header .gnb_area .gnb .dp2 > li > a{ display:block; padding:10px 0; color:#fff; font-size:0.92em; padding:10px 0;}
#header .gnb_area .gnb .dp2 > li:first-child > a{ border-top:0;}


#header .gnb_area .gnb > li:hover .dp1{color:#0e8db7}
#header .gnb_area .gnb > li .dp1.on {color:#1ab7eb!important;}

#header .gnb_area .gnb > li:hover .dp2{background:rgba(0,0,0,0.8);}
#header .gnb_area .gnb > li.on .dp2{background:rgba(0,0,0,0.8)!important; }

#header .gnb_area .gnb > li.on .dp2 a{color:#ffcc00!important;}
#header .gnb_area .gnb > li .dp2 a:hover{color:#ffcc00;}

#header .gnb_area .all_btn:hover .all_dot{background:#0e8db7}

#header .gnb_area .gnb .dp2,
#header .gnb_area .gnb .dp3,
#header .gnb_area .gnb .m_guide, 
#header .gnb_area .gnb .m_member,
#header .gnb_area .gnb .m_mypage,
#header .gnb_area .gnb .m_sitemap,
#header .gnb_area .gnb .m_search{ display:none;}
 
.mobile_menu{display:none;}

.sub #header.ani{background:#fff; border-bottom:1px solid #ccc; transition:0.3s;}
.sub #header.ani .gnb_area .gnb{margin-left:1%;}
.sub #header.ani .gnb_area .gnb > li .dp1{color:#333; height:60px; line-height:60px; font-size:1em;}
.sub #header.ani .gnb_area .gnb > li:hover .dp1{color:#0e8db7}
.sub #header.ani .gnb_area .gnb > li .dp1.on {color:#fff!important;background:#0e8db7}
.sub #header.ani .gnb_area .gnb .dp2{background:#fff!important; border:1px solid #ccc; border-top:0;}
.sub #header.ani .gnb_area .gnb .dp2 a{color:#333;}
.sub #header.ani .gnb_area .gnb > li .dp2 a:hover{color:#333; background:#f1f1f1;}

.sub #header.ani .gnb_area .logo a{background:url(../images/inc/t_logo_color.png) no-repeat 0 center; background-size:70%; height:60px;}
.sub #header.ani .gnb_area .all_btn .all_dot{background:#333;}
.sub #header.ani .gnb_area .right_menu{top:14px;}
.sub #header.ani .gnb_area .right_menu .menu_p1.pd_l::before{ background:rgba(0,0,0,0.3);}
.sub #header.ani .gnb_area .right_menu .menu_p1 a:hover{color:#ffcc00!important;}
.sub #header.ani .menu_p1 a{color:#333!important; text-shadow:none;}



#header .ham_menu{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9); display:none;}
#header .ham_menu .close{position:fixed; top:15px; right:15px; font-size:35px; color:#fff; cursor:pointer;}
#header .ham_menu .close:hover{color:#0e8db7;}
#header .ham_menu .ham_gnb{padding:50px 12% 0;}
#header .ham_menu .ham_gnb .gnb{ overflow:hidden;margin-left:-1%;}
#header .ham_menu .ham_gnb .gnb > li{ float:left; width:24%; margin-left:1%; margin-bottom:60px;}
#header .ham_menu .ham_gnb .gnb > li.m_member,
#header .ham_menu .ham_gnb .gnb > li.m_mypage,
#header .ham_menu .ham_gnb .gnb > li.m_guide{ display:none}
#header .ham_menu .ham_gnb .gnb > li .dp1{ display:block; border-top:3px solid #fff; border-bottom:1px solid #fff; text-align:center; font-size:1.3em; font-weight:600; color:#fff; padding:20px 0;}
#header .ham_menu .ham_gnb .gnb > li:hover .dp1{ background:#fff; color:#333}
#header .ham_menu .ham_gnb .gnb > li .dp2 > li > a{ display:block; border-bottom:1px dotted #999; font-size:87.5%; color:#999; padding:10px 0; text-align:center; font-size:1em;}
#header .ham_menu .ham_gnb .gnb > li .dp2 > li > a:hover{ font-weight:bold; color:#ffcc00;}
#header .ham_menu .ham_gnb .gnb > li.m_1,
#header .ham_menu .ham_gnb .gnb > li.m_2,
#header .ham_menu .ham_gnb .gnb > li.m_3,
#header .ham_menu .ham_gnb .gnb > li.m_4,
#header .ham_menu .ham_gnb .gnb > li.m_5{}
#header .ham_menu .logo{text-align:center; margin-top:20px;}

/*----------------lnb-----------------------*/

.top_btn{position:fixed; right:0px; bottom:0px; z-index:1000; width:60px; height:60px; background:#005682; text-align:center; display:none; transition:0.3s; cursor:pointer;}
.top_btn:hover{background:#0e8db7}
.top_btn .xi{font-size:20px; color:#fff; padding-top:10px;}
.top_btn p{font-size:14px; color:#fff; margin-top:-4px;}

#subleftmenu{position:fixed; z-index:100;}

#contents{margin-top:75px;}

.sub #contents .lnb_area .lnb_tit{background:url(../images/common/lnb_bg.jpg) no-repeat 0 0; height:80px; padding-left:25px;}
.sub #contents .lnb_area .lnb_tit .p1{font-size:12px; color:#8faec1; margin-bottom:4px;  padding-top:18px;}
.sub #contents .lnb_area .lnb_tit .p2{font-size:23px; color:#fff; font-weight:600;}

.sub #contents .lnb_area{position:absolute;  padding-left:110px; top:0; width:100px; z-index:20; }
.sub #contents .lnb_area .gnb {}
.sub #contents .lnb_area .gnb > li{ display:none;}
.sub #contents .lnb_area .tit{height:78px; }

.sub #contents .lnb_area .tit h2{ z-index:inherit; display:block;  line-height:78px; font-size:20px; font-weight:600; color:#fff; padding-left:24px; }
.sub #contents .lnb_area .gnb .dp1{ display:none;}
.sub #contents .lnb_area .gnb .dp2{ text-align:left;}
.sub #contents .lnb_area .gnb .dp2 > li{position:relative; height:35px; width:160px; background:url(../../../images/menu_back.jpg) no-repeat 0 0; border-bottom:2px solid #eee; text-align:left; transition:0.3s;}

.sub #contents .lnb_area .gnb .dp2 > li:first-child{border-top:0;}
.sub #contents .lnb_area .gnb .dp2 > li > a{color:#222; font-family:notokr-medium; letter-spacing:0.1em; font-size:14px; display:block;  padding:10px 30px; text-decoration:none;}

.sub #contents .lnb_area .gnb .dp2 > li:hover{background:url(../../../images/menu_back_ov.jpg) no-repeat 0 0; width:160px; border-bottom:2px solid #eee;}
.sub #contents .lnb_area .gnb .dp2 > li:hover a{color:#0e8db7;}
.sub #contents .lnb_area .gnb .dp2 > li:hover::before{content:''; width: 0; height: 0; border-top: 5px solid transparent; border-left: 10px solid #bbb;      border-bottom: 5px solid transparent; position:absolute; right:10px; top:50%; margin-top:-5px;}
.sub #contents .lnb_area .gnb .dp2 > li.on{background:#0e8db7; border-left:1px solid #0e8db7; border-right:1px solid #0e8db7;}
.sub #contents .lnb_area .gnb .dp2 > li.on::before{content:''; width: 0; height: 0; border-top: 5px solid transparent; border-left: 10px solid #fff;      border-bottom: 5px solid transparent; position:absolute; right:10px; top:50%; margin-top:-5px;}
.sub #contents .lnb_area .gnb .dp2 > li.on a{color:#fff!important;}

.sub #contents .lnb_area .lnb_cs{margin-top:5px; border:0px solid #ccc; text-align:center; padding:5px 0 20px 0;}
.sub #contents .lnb_area .lnb_cs .p1{font-size:22px; background:#ebeff2; line-height:50px; color:#222; font-family:NanumSquareEB;}
.sub #contents .lnb_area .lnb_cs .xi{width:72px; height:72px; line-height:72px; border-radius:50%; background:#0e8db7; color:#fff; font-size:39px; margin:15px 0;}
.sub #contents .lnb_area .lnb_cs .p2{font-size:27px; color:#0e8db7; font-weight:600; padding:5px 0;  margin-bottom:2px;}
.sub #contents .lnb_area .lnb_cs .a1{text-align:left;}
.sub #contents .lnb_area .lnb_cs .a1 .p3{position:relative; padding-left:67px; font-size:1.07em; color:#666;}
.sub #contents .lnb_area .lnb_cs .a1 .p3 span{position:absolute; left:15px; top:0; font-size:1em; font-weight:600; color:#222;}


/*contents기본배치*/
#contents{ position:relative; z-index:1;} 
.sub .doc{ padding:50px 0 150px; min-height:300px;}
.sub .svisu_area{ width:100%; position:relative; }
.sub .svisu_area .svisual{ height:240px;}
.sub .svisu_area .visu_sgarea{ text-align:center; position:relative; padding-top:90px;}
.sub .svisu_area .visu_sgarea .copy1{font-size:1.23em; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,0.1); letter-spacing:5px;}
.sub .svisu_area .visu_sgarea .copy1 .st1{font-size:1em; color:#ffd000; font-weight:600;}
.sub .svisu_area .visu_sgarea .copy2 {color:rgba(255,255,255,0.7); font-size:1.5em; position:relative; margin-top:5px; text-shadow:2px 2px 2px rgba(0,0,0,0.1);} 

.sub .navi {position:absolute; right:0; top:33px;}
.sub .navi > li{ display:inline-block; *display:inline; zoom:1; font-size:14px; color:#666; font-family:ng, sans-serif;}
.sub .navi i{color:#999;}
.sub .navi .home{color:#666; font-size:17px;}
.sub .navi .this{color:#0e8db7;}
 
.sub .sub_con{position:relative; z-index:1; margin-top:0px;}
.sub .sub_con .gnb_area{}
.sub .sub_con .con_area{padding-left:145px; height:auto;}

.sub .sub_con .this_page{ font-size:1.8em; font-family:'notokrB'; color:000; margin-left:0px; font-weight:600; text-align:left; border-bottom:1px solid #ccc; padding:5px 0 18px;}
.


/*inc_sub_tit*/
.sub_tit_dv{position:absolute; left:0; top:50px;}
.sub_tit_dv .p1{font-size:1.25em; color:#222; font-family:notokrL; margin-bottom:-11px;}
.sub_tit_dv .tit_name_dv{position:relative;}
.sub_tit_dv .tit_name_dv .p2{font-size:2.7em; color:#222; font-family:notokrB; display:inline-block; *display:inline; zoom:1; padding:0 10px 3px 0; position:relative; z-index:3}
.sub_tit_dv .tit_name_dv::before{content:''; width:90%; height:24px; background:#ffc835; position:absolute; right:0; bottom:0; z-index:2}
.sub_tit_dv .p3{font-size:1.12em; font-family:ng, sans-serif; color:#222; line-height:1.3; margin-top:10px;}

.sub_tit_dv .tit_img01{width:206px; height:236px; box-shadow:9px 9px 0 rgba(0,0,0,0.2); margin-top:20px;}
.sub_tit_dv .tit_img02{width:206px; height:236px; box-shadow:9px 9px 0 rgba(0,0,0,0.2); margin:-30px 0 0 30px}


/*main*/

#main_visual .camera_bar_cont{ height:10px; top:auto !important; bottom:0; border-top:1px solid #000}
#main_visual .camera_prev,
#main_visual .camera_next,
#main_visual .camera_play,
#main_visual .camera_stop{ position:absolute; z-index:999; width:60px; height:60px; line-height:60px; border:1px solid #fff; bottom:100px; text-align:center; cursor:pointer}
#main_visual .camera_prev{ left:50px; margin-left:0}
#main_visual .camera_next{ left:50px; margin-left:60px; border-left:none}
#main_visual .camera_play,
#main_visual .camera_stop{ right:50px}
#main_visual .camera_prev span:before,
#main_visual .camera_next span:before,
#main_visual .camera_play span:before,
#main_visual .camera_stop span:before{ font-family:xeicon!important; font-size:2.5em; color:#fff}
#main_visual .camera_prev span:before{ content:"\e93d";}
#main_visual .camera_next span:before{ content:"\e940";}
#main_visual .camera_play span:before{ content:"\ea3e";}
#main_visual .camera_stop span:before{ content:"\ea3b";}
#main_visual .camera_prev:hover,
#main_visual .camera_next:hover,
#main_visual .camera_play:hover,
#main_visual .camera_stop:hover{ background:rgba(255,255,255,.2)}

#main_visual .camera_pag_ul{ position:absolute; z-index:999; width:100%; top:70%; text-align:center; font-size:0}
#main_visual .camera_pag_ul > li{ display:inline-block; *display:inline; zoom:1; vertical-align:bottom; margin:0 3px; cursor:pointer; width:12px; height:12px; background:#222; border:1px solid #222}
#main_visual .camera_pag_ul > li.cameracurrent{ height:40px; background:#fff}

.main_slogan{ position:absolute; left:50%; top:20%; width:1200px; margin-left:-600px; text-align:center}
.main_slogan .p1{font-size:1em; color:#333; font-family:Arial, Helvetica, sans-serif;}
.main_slogan .p2{font-size:3em; color:#333; font-family:Arial, Helvetica, sans-serif; margin-top:1.2em;}

.main_tit_dv{text-align:center; padding-bottom:}
.main_tit_dv .main_tit01{font-size:2.15em; color:#fff; text-shadow:1px 1px 0 #000; font-family:Arial, Helvetica, sans-serif;}
.main_tit_dv .main_tit02{font-size:1em; color:rgba(255,255,255,0.7); font-family:notokrR; margin-top:15px;}
.main_tit_dv .line_btn{margin:20px 0 30px; display:block; width:2000px; position:relative; left:50%; margin-left:-1000px;}

#main_products{ overflow:hidden}
#main_products .swiper-slide{ width:100%; max-width:1200px;}
#main_products .swiper-slide .bg_dv{position:relative; height:400px; background:url(../images/main/con1_bg01.png) no-repeat right 0;}

#main_products .swiper-slide .bg_dv .busi_name{position:absolute; left:0; top:50%; margin-top:-155px; width:360px; height:230px; background:#079ed0; padding:45px;}
#main_products .swiper-slide .bg_dv.bg_dv02{background:url(../images/main/con1_bg02.png) no-repeat right 0;}
#main_products .swiper-slide .bg_dv.bg_dv03{background:url(../images/main/con1_bg03.png) no-repeat right 0;}
#main_products .swiper-slide .bg_dv.bg_dv04{background:url(../images/main/con1_bg04.png) no-repeat right 0;}
#main_products .swiper-slide .bg_dv.bg_dv05{background:url(../images/main/con1_bg05.png) no-repeat right 0;}

#main_products .swiper-slide .bg_dv.bg_dv02 .busi_name{background:#038663;}
#main_products .swiper-slide .bg_dv.bg_dv03 .busi_name{background:#004274;}
#main_products .swiper-slide .bg_dv.bg_dv04 .busi_name{background:#563c8d;}
#main_products .swiper-slide .bg_dv.bg_dv05 .busi_name{background:#5c792a;}

#main_products .swiper-slide .bg_dv .busi_name .p1{font-size:40px; font-family:notokrB; color:#fff; }
#main_products .swiper-slide .bg_dv .busi_name .p2{font-size:0.87em; font-family:notokrR; color:#fff; margin-top:20px; line-height:1.3;}
#main_products .swiper-slide .bg_dv .busi_name .more_btn{display:inline-block; *display:inline; zoom:1; padding:4px 7px; font-size:12px; border:1px solid #fff; color:#fff; position:absolute; bottom:40px; left:45px;} 

#nav{position: fixed; left:0; bottom:0; width:100%; z-index:1000; opacity:1}
#nav,
#nav *{ transition:.3s}
#nav.top{ margin-bottom:10px}
#nav.hide{ opacity:0; z-index:-1}
#nav .nav_intro{ font-size:0}
#nav .nav_intro > li{ display:inline-block; *display:inline; zoom:1; vertical-align: bottom; width:16.66%;}
#nav .nav_intro > li > a{ display:block; height:50px; background-color:rgba(34,34,34,.8); border-right:1px solid rgba(0,0,0,1); border-left:1px solid rgba(255,255,255,.1); border-top:1px solid rgba(255,255,255,.1);}
#nav .nav_intro > li > a .va_tt{ }
#nav .xi{ font-size:1.313rem; line-height:50px; color:#fff}
#nav .nav_intro > li > a .va_tt .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:100px; height:50px; line-height:50px; font-size:0.87rem; text-align:left; padding-left:4px; color:#fff;}
#nav .nav_intro > li:hover,
#nav .nav_intro > li.on{ border-top:3px solid #fff}
#nav .nav_intro > li:hover > a,
#nav .nav_intro > li.on > a{ height:55px}

#scrollAni{ position: absolute; left:50%; width:100px; margin-left:-50px; text-align:center; bottom:90px; opacity:1; z-index:100; text-decoration: none; text-shadow:0 0 3px #333}
#scrollAni.top{ bottom:100px}
#scrollAni .xi{ vertical-align:middle}
#scrollAni .xi-mouse{font-size:3em; color:#fff; margin-right:-7px}
#scrollAni .xi-scroll{font-size:2em; color:#fff; margin-left:-7px}
#scrollAni .tt{ display:block; color:#fff; font-size:.75em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}
#scrollAni.hide{ opacity:0; z-index:-1}

.btn_st1 > li{ position:absolute; cursor:pointer; top:36%; margin-top:20px; width:40px; height:80px; text-align:center; opacity:.7; z-index:10; }
.btn_st1 > li .xi{ color:#fff; font-size:3.5em; line-height:80px;}
.btn_st1 > li.btn_prev{ left:0}
.btn_st1 > li.btn_next{ right:15px}
.btn_st1 > li:hover{ opacity:1}

.btn_st2 > li{ position:absolute; left:50%; cursor:pointer; top:50%; margin-top:70px; width:40px; height:50px; text-align:center; opacity:.7; background:#222; border:1px solid #111}
.btn_st2 > li .xi{ color:#fff; font-size:2.5em; line-height:50px;}
.btn_st2 > li.btn_prev{ margin-left:-650px}
.btn_st2 > li.btn_next{ margin-left:610px}
.btn_st2 > li:hover{ opacity:1}

#section2 .line_dv{position:relative;}
#section2 .line_dv .performance_swiper{position:relative; z-index:3; overflow:hidden;}
#section2 .line_dv .performance_swiper > ul > li{float:left; width:20%;}
#section2 .line_dv .performance_swiper > ul > li .img_dv{opacity:0; transition:0.3s; width:100%; height:240px;}
#section2 .line_dv .performance_swiper > ul > li .img_dv img{width:100%; height:100%;}
#section2 .line_dv .performance_swiper > ul > li .date_dv{position:relative;  color:#fff; text-align:center; height:50px; line-height:50px; transition:0.3s;  border:1px solid rgba(255,255,255,0);}
#section2 .line_dv .performance_swiper > ul > li .date_dv::before{content:''; position:absolute; left:50%; top:-5px; margin-left:-5px; width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,0.8);}
#section2 .line_dv .performance_swiper > ul > li .txt_dv{text-align:center; padding:20px 10px; border-top:0; border-top:0; opacity:0; transition:0.3s;  border:1px solid rgba(255,255,255,0); border-top:0;}
#section2 .line_dv .performance_swiper > ul > li .txt_dv .p1{font-size:0.87em; color:#999999;}
#section2 .line_dv .performance_swiper > ul > li .txt_dv .p2{font-size:1.12em; color:#fff; padding-top:5px;}

#section2 .line_dv .performance_swiper > ul > li.swiper-slide-active .img_dv{opacity:1;}
#section2 .line_dv .performance_swiper > ul > li.swiper-slide-active .date_dv{opacity:1; background:rgba(0,0,0,0.7); border:1px solid rgba(255,255,255,0.3);}
#section2 .line_dv .performance_swiper > ul > li.swiper-slide-active .txt_dv{opacity:1; background:rgba(0,0,0,0.7); border:1px solid rgba(255,255,255,0.3); border-top:0;}

#section2 .line_dv .performance_swiper_btn{position:absolute; top:240px; z-index:4; height:51px; width:100%; background:rgba(255,255,255,0.2);}
#section2 .line_dv .performance_swiper_btn .btn_prev{position:absolute; left:10%; top:50%; margin-top:-18px; font-size:36px; color:#fff; cursor:pointer; opacity:0.7;}
#section2 .line_dv .performance_swiper_btn .btn_next{position:absolute; right:10%; top:50%; margin-top:-18px; font-size:36px; color:#fff; cursor:pointer; opacity:0.7;}

#section2 .line_dv .performance_swiper_btn li:hover{filter:alpha(opacity=100); opacity:1;}

#section3 .notice_dv{position:relative; min-height:100px; background:#fff; padding:33px 30px;}
#section3 .notice_dv .tit_dv{margin-bottom:20px; position:relative;}
#section3 .notice_dv .tit_dv .icon{position:absolute; left:0; top:2px; font-size:0.81em; font-family:notokrM; color:#fff; padding:4px 6px; background:#0e8db7;}
#section3 .notice_dv .tit_dv .title{padding-left:68px; vertical-align:middle;  font-size:1.31em; font-family:notokrM; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#section3 .notice_dv .tit_dv .title:hover{color:#0e8db7}
#section3 .notice_dv .txt_dv p{font-size:0.93em; color:#777; line-height:1.5;}
#section3 .notice_dv .more_btn{position:absolute; right:30px; bottom:30px;}
#section3 .notice_dv .more_btn .a1{font-size:14px; display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#777;}
#section3 .notice_dv .more_btn .a2{font-size:12px; display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:0 10px; color:#777;}

#section3 .quick_dv{margin-top:30px;}
#section3 .quick_dv ul{overflow:hidden; margin-left:-13px;}
#section3 .quick_dv ul li{width:25%; float:left;}
#section3 .quick_dv ul li .pd_dv{margin-left:13px; cursor:pointer;}
#section3 .quick_dv ul li .pd_dv .txt_dv{text-align:center; height:40px; line-height:40px; background:rgba(0,0,0,0.5); font-size:1.12em; font-family:notokrM; color:#fff; transition:0.3s;}
#section3 .quick_dv ul li .pd_dv:hover .txt_dv{background:#0e8db7;}

#section4 .cus_dv{overflow:hidden;}
#section4 .cus_dv .l_dv{float:left; width:50%;}
#section4 .cus_dv .r_dv{float:left; width:50%;}

#section4 .cus_dv .l_dv .pd_dv{background:#fff; border-radius:5px; padding:30px; margin-right:40px;}
#section4 .cus_dv .l_dv .pd_dv .p1{font-size:1.6em; color:#666; font-family:notokrB; margin-bottom:20px;}
#section4 .cus_dv .l_dv .pd_dv label{position:relative;}
#section4 .cus_dv .l_dv .pd_dv label .cus_input{position:relative; border:1px solid #ddd; border-radius:3px; padding:15px 15px 15px 50px; width:100%; box-sizing:border-box; font-size:1em; color:#888; font-family:notokrR; margin-bottom:5px; display:block;}
#section4 .cus_dv .l_dv .pd_dv label .xi{ color:#ccc; font-size:20px; position:absolute; left:20px; top:15px; z-index:3; }
#section4 .cus_dv .l_dv .pd_dv label .cus_input.t_area{min-height:100px;}

#section4 .cus_dv .l_dv .pd_dv .pri_dv{position:relative; text-align:right; margin:2px 0 5px;}
#section4 .cus_dv .l_dv .pd_dv .pri_dv p{display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-weight:600; color:#555;}
#section4 .cus_dv .l_dv .pd_dv .pri_dv a{display:inline-block; *display:inline; zoom:1; vertical-align:middle; background:#333; color:#fff; font-size:14px; padding:3px 5px; border-radius:2px; margin-left:3px;}
#section4 .cus_dv .l_dv .pd_dv .pri_dv > label{margin-left:10px;}
#section4 .cus_dv .l_dv .pd_dv .pri_dv .xi{position:static; display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:15px;}

#section4 .cus_dv .l_dv .pd_dv .cus_btn{background:#0e8db7; border-radius:3px; padding:15px 15px 15px 50px; width:100%; box-sizing:border-box; font-size:1.12em; color:#fff; font-family:notokrM; text-align:center; border:0; transition:0.3s;}
#section4 .cus_dv .l_dv .pd_dv .cus_btn:hover{background:#06779c}
#section4 .cus_dv .l_dv .pd_dv .cus_btn .xi{font-size:1.37em; color:#fff; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:-30px;}
#section4 .cus_dv .l_dv .pd_dv .cus_btn span{display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding-left:8px;}
#section4 .cus_dv .r_dv .pd_dv{padding:4em 40px;}
#section4 .cus_dv .r_dv .pd_dv ul li{margin-bottom:15px; position:relative;}
#section4 .cus_dv .r_dv .pd_dv ul li .xi{display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:25px; width:50px; height:50px; border-radius:50%; background:#868686; color:#fff; text-align:center; line-height:50px; }
#section4 .cus_dv .r_dv .pd_dv ul li .p1{display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding-left:10px; font-size:1.07em; font-family:notokrM; color:#fff;}
#section4 .cus_dv .r_dv .pd_dv ul li.tel .xi{background:#0e8db7;}
#section4 .cus_dv .r_dv .pd_dv ul li.tel .p1{font-size:1.56em;}



/*sub1_1*/
.sub1_1 .p1{font-size:1.37em; color:#222; margin-bottom:10px;}
.sub1_1 .p1 .st1{font-size:1em; color:#0e8db7;}
.sub1_1 .p2{font-size:1.18em; color:#a3a3a3; margin-bottom:30px;}
.sub1_1 .img_dv{margin-bottom:35px;}
.sub1_1 .p3{font-size:1em; color:#222; margin-bottom:50px; line-height:1.6;}
.sub1_1 .p4{font-size:1.25em; color:#575757; font-weight:600;}


/*1_2*/
.his_list{margin-top:30px;}
.his_dv{margin-left:300px; margin-top:30px;}
.his_dv .year{font-family:notokrB; color:#222; font-size:2em;}
.his_dv ul{padding-top:50px; position:relative; margin-top:10px;}
.his_dv ul::before{content:''; position:absolute; left:25px; top:10px; width:8px; height:8px; border:6px solid #0e8db7; border-radius:50%; background:#fff;  z-index:2;}
.his_dv ul::after{content:''; width:1px; height:100%; background:#ccc; position:absolute; left:34px; top:20px; z-index:1;}
.his_dv ul > li{padding-left:30px; margin-left:30px; position:relative; margin-bottom:20px;}
.his_dv ul > li::before{content:''; position:absolute; left:0; top:11px; background:#0e8db7; width:9px; height:9px; border-radius:50%; z-index:2;}
.his_dv ul > li .month{width:10%; display:inline-block; *display:inline; zoom:1; color:#444; font-family:"Times New Roman", Times, serif; font-style:italic; font-size:1.7em; font-weight:600;}
.his_dv ul > li ol{width:80%;  display:inline-block; *display:inline; zoom:1; margin-top:6px;}
.his_dv ul > li ol li{position:relative; margin-bottom:3px; font-size:1em; color:#444; font-family:ng, sans-serif; padding-left:10px;}
.his_dv ul > li ol li::before{content:''; position:absolute; left:0; top:7px; width:3px; height:3px; border-radius:50%; background:#333;}


/*1_3*/
/* certificate */
.certi_list_wrap { width:100%; margin:0px; padding:0px; position:relative; overflow:hidden; vertical-align:top; margin-top:140px;}
.certi_list_wrap ul.certi_list { list-style:none;  padding:0px; position:relative; overflow:hidden; margin-left:-15px;}
.certi_list_wrap ul.certi_list li { float:left; list-style:none; width:25%; margin-bottom:40px; padding:0px; position:relative; vertical-align:top; cursor:pointer; }
.certi_list_wrap ul.certi_list li dl { position:relative; margin-left:15px;}
.certi_list_wrap ul.certi_list li dl dt {border:1px solid #dddddd; background:#ffffff; text-align:center;}
.certi_list_wrap ul.certi_list li dl dt img { width:100%; box-sizing:border-box;}
.certi_list_wrap ul.certi_list li dl dd { width:100%; min-height:36px; margin:0px; line-height:36px;  overflow:hidden; }
.certi_list_wrap ul.certi_list li dl dd p { width:100%;  color:#fff; font-size:1em;  text-overflow:ellipsis;white-space:nowrap; overflow:hidden; text-align:center; background:#444;}
.certi_list_wrap2 ul.certi_list li dl dd p{background:#777;} 
.certi_list_wrap ul.certi_list li:hover dl dt { border-color:#24569b; }
.certi_list_wrap ul.certi_list li:hover dl dd { color:#000000; }

/*inc*/
.layer_bg{ width:100%; height:100%; background:#000; position:fixed; z-index:9999; left:0; top:0; display:none; filter:alpha(opacity=60);opacity:0.6;}

.s_tit{font-size:1.37em; color:#222; position:relative; font-family:notokrB; padding-left:25px; margin-bottom:10px;}
.s_tit::before{content:url(../images/inc/s_tit_icon.jpg); position:absolute; left:0; top:5px;}

.s_tit2{font-size:1.125em; color:#333; position:relative; font-family:ng,sans-serif; padding-left:8px; margin-bottom:10px; font-weight:600;}
.s_tit2::before{content:''; width:3px; height:16px; background:#0e8db7; position:absolute; left:0; top:50%; margin-top:-8px;}

.icon_tit .xi{transform:rotate(180deg); display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:28px; color:#bf0000; margin-right:3px;}
.icon_tit span{font-size:1.25em; font-family:notokrM; color:#333; display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.icon_tit_under_p01{margin:14px 0; padding-left:11px; line-height:1.4; color:#333; position:relative;}
.icon_tit_under_p01::before{content:''; position:absolute; left:2px; top:8px; width:4px; height:4px; background:#333;}

/*1_5*/
.map{ margin-top:150px;}
.map_detail{margin:10px;}
.map_detail p{position:relative; padding-left:50px; font-size:1em; color:#555; margin-bottom:5px;}
.map_detail p span{font-size:1em; color:#222; font-weight:600; position:absolute; left:0; top:0;}

/*2_1*/
.line_dv .logo_ul{overflow:hidden; margin-left:-6px;}
.line_dv .logo_ul li{float:left; width:25%; margin-bottom:12px;}
.line_dv .logo_ul li .border_dv{margin-left:6px; padding:4px 0; text-align:center; border:1px solid #ccc; background:#fff;}
.line_dv .line_dv_ul{}
.line_dv .line_dv_ul li{position:relative; padding-left:12px; font-size:1em; color:#555; margin-bottom:6px;}
.line_dv .line_dv_ul li::before{content:url(../images/sub2/line_dv_arr01.png); position:absolute; left:0; top:5px;}

.step_ul01{overflow:hidden; margin-left:-9px;}
.step_ul01 > li{width:20%; float:left;}
.step_ul01 > li .border_dv{margin-left:9px; border:1px solid #ccc; background:#f9f9f9;}
.step_ul01 > li .border_dv .tit_dv{color:#fff; background:#0e8db7; text-align:center; font-size:1em; padding:5px 0;}
.step_ul01 > li .border_dv .img_dv{padding:15px 0; text-align:center;}
.step_ul01 > li .border_dv .txt_dv{ margin-bottom:15px;}
.step_ul01 > li .border_dv .txt_dv ol li{padding-left:10px; position:relative; margin-bottom:3px; margin-left:10px; font-size:0.87em;}
.step_ul01 > li .border_dv .txt_dv ol li::before{content:''; width:3px; height:3px; background:#333; position:absolute; left:0; top:7px;}
.step_ul01 > li .long_arr{margin-left:9px; height:30px; line-height:30px; text-align:center; background:url(../images/sub2/step_long_arr.png) no-repeat left center;}
.step_ul01 > li .long_arr > span{display:inline-blokc; background:#fff; padding:0 3px; color:#222; font-size:1em;}

.step_ul02{overflow:hidden;}
.step_ul02 > li{float:left; width:33.33%; margin-bottom:20px; background:url(../images/sub2/step02_arr.jpg) no-repeat 95% center;}
.step_ul02 > li:last-child{background:none;}
.step_ul02 > li .border_dv{ border:1px solid #ccc; padding:13px 18px; margin-right:45px;}
.step_ul02 > li .border_dv .tit01{display:inline-block; *display:inline; zoom:1; padding:6px 15px; border-radius:20px; color:#fff; font-family:notokrM; background:#29b0dd; margin-bottom:10px;}
.step_ul02 > li .border_dv .tit02{background:#0e8db7}
.step_ul02 > li .border_dv .tit03{background:#0c7da3}

.step_ul02 > li .border_dv > ol > li{padding-left:10px; position:relative; margin-bottom:3px; margin-left:10px; font-size:0.87em;}
.step_ul02 > li .border_dv > ol > li::before{content:''; width:3px; height:3px; background:#333; position:absolute; left:0; top:7px;}

.step_ul03{overflow:hidden; padding-left:1px;}
.step_ul03 > li{width:16.66%; float:left;}
.step_ul03 > li .border_dv{border:1px solid #ccc; text-align:center; margin-left:-1px;}
.step_ul03 > li .border_dv .img_dv{padding:20px 20px;}
.step_ul03 > li .border_dv .tit_dv{padding:10px 0; background:#5f5f5f; color:#fff;}

.step_ul04{overflow:hidden;}
.step_ul04 li{float:left; width:20%; margin-bottom:40px;}
.step_ul04_2 li{float:right;}
.step_ul04 li .border_dv{margin-right:51px;}
.step_ul04 li .border_dv .img_dv{position:relative; text-align:center;}
.step_ul04 li .border_dv .img_dv::before{content:url(../images/sub2/step_ul04_right_arr.png); position:absolute; right:-34px; top:50%; margin-top:-12px;}
.step_ul04_2 li .border_dv .img_dv::before{content:url(../images/sub2/step_ul04_left_arr.png); position:absolute; right:-34px; top:50%; margin-top:-12px;}
.step_ul04 li .border_dv .img_dv img{border:1px solid #ccc;}
.step_ul04 li .border_dv .tit_dv{text-align:center; font-size:1em; font-family:notokrM; font-size:1em; color:#222; margin-top:5px;}

.step_ul05{overflow:hidden; margin-left:-27px;}
.step_ul05 > li{float:left; width:25%;}
.step_ul05 > li .border_dv{border:1px solid #ccc; margin-left:27px;}
.step_ul05 > li .border_dv .tit_dv{background:#48b6da;position:relative; height:60px;}
.step_ul05 > li .border_dv .tit_dv .number{font-size:3.25em; color:rgba(255,255,255,0.4); font-family:notokrM; position:absolute; right:2px; top:0;}
.step_ul05 > li .border_dv .tit_dv.tit_dv02{background:#31afd9}
.step_ul05 > li .border_dv .tit_dv.tit_dv03{background:#1399c5}
.step_ul05 > li .border_dv .tit_dv.tit_dv04{background:#0784ad}
.step_ul05 > li .border_dv .tit_dv p{font-size:1.15em; color:#fff; font-family:notokrM; padding-left:12px;}
.step_ul05 > li .border_dv .img_dv{text-align:center; padding:15px 10px;}
.step_ul05 > li .border_dv > ol{padding-bottom:10px;}
.step_ul05 > li .border_dv > ol > li{padding-left:10px; position:relative; margin-bottom:3px; margin-left:10px; font-size:0.87em;}
.step_ul05 > li .border_dv > ol > li::before{content:''; width:3px; height:3px; background:#333; position:absolute; left:0; top:7px;}

.step05_bottom{text-align:center; margin-top:35px;}
.step05_bottom p{ display:inline-block; *display:inline; zoom:1; padding:11px 24px; font-size:2.3em; font-family:notokrB; color:#1399c5; background:url(../images/sub2/comma_l.jpg) no-repeat 0 0, url(../images/sub2/comma_r.jpg) no-repeat 100% 0;}
.step05_bottom p .st1{font-family:notokrR;}

/*2_2*/
.subtit_img_dv{width:100%; position:relative; margin-bottom:120px;}
.subtit_img_dv .tit_color_dv{position:absolute; width:80%; height:80%; left:10%; bottom:-27%; background:rgba(0,167,165,0.8); text-align:center; }
.subtit_img_dv .tit_color_dv_bg{position:absolute; width:82%; height:86%; left:9%; bottom:-30%; background:rgba(0,167,165,0.2); text-align:center;}

.subtit_img_dv .tit_color_dv.tit_color_dv02{background:rgba(19,70,122,0.8);}
.subtit_img_dv .tit_color_dv_bg.tit_color_dv_bg02{background:rgba(19,70,122,0.2);}

.subtit_img_dv .tit_color_dv .txt_dv{position:relative;}
.subtit_img_dv .tit_color_dv .txt_dv::before{content:''; width:1px; height:27px; background:#fff; position:absolute; bottom:-50px; left:50%;}
.subtit_img_dv .tit_color_dv .txt_dv .p1{color:#fff; font-size:1.43em; font-family:notokrL;}
.subtit_img_dv .tit_color_dv .txt_dv .p2{color:#fff; font-size:2em; font-family:notokrR;}
.subtit_img_dv .tit_color_dv .txt_dv .p2 .st1{color:#fff; font-size:1em; font-family:notokrB; margin-top:3px;}

.sub2_1 .line_dv{ padding:40px 20px; border:1px solid #ccc; margin-bottom:50px; background:#f9f9f9;}
.sub2_1 .line_dv.line_dv2{padding:20px 20px;}

.sub2_1 .line_dv .line_dv_p1{font-size:1em; color:#333; font-family:ng, sans-serif; line-height:1.4;}
.sub2_1 .line_dv .line_dv_p2{margin-top:20px; display:block;}
.sub2_1 .line_dv .line_dv_p2 p{font-size:1em; color:#333; font-family:ng, sans-serif; display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.sub2_1 .line_dv .line_dv_p2 span{font-size:0.87em; color:#fff; font-family:ng, sans-serif; display:inline-block; *display:inline; zoom:1; vertical-align:middle;
padding:5px 25px 5px 10px; border-radius:20px; background:#333 url(../images/sub2/link_arr.png) no-repeat 95% center; margin-left:10px; cursor:pointer; transition:0.1s;}
.sub2_1 .line_dv .line_dv_p2 span:hover{background:#0e8db7 url(../images/sub2/link_arr.png) no-repeat 95% center;}
.sub2_1 .line_dv .line_dv_p3{font-size:1em; color:#333; font-family:ng, sans-serif; line-height:1.4; text-indent:-1em; padding-left:1em;}

.sub2_1 .line_dv .line_dv_line{display:block; width:100%; height:1px; background:#ddd; margin:20px 0;}
.sub2_1 .line_dv .tit01{margin:30px 0 8px; padding-left:11px; line-height:1.4; color:#222; position:relative; font-weight:600;}
.sub2_1 .line_dv .tit02{margin:5px 0 8px;}
.sub2_1 .line_dv .tit01::before{content:''; position:absolute; left:2px; top:8px; width:4px; height:4px; background:#0e8db7;}
.sub2_1 .line_dv .img_dv{text-align:center;}

.sub2_2 .number_ul{}
.sub2_2 .number_ul li{position:relative; padding-left:80px; margin-bottom:2.5em;}
.sub2_2 .number_ul li:last-child{margin-bottom:0;}
.sub2_2 .number_ul li span{position:absolute; left:0; top:-11px; font-size:3em; color:#222; font-family:notokrM;}
.sub2_2 .number_ul li p{font-size:1.07em; color:#333; font-family:ng, sans-serif;}

.tbl_sub01{width:100%;}
.tbl_sub01 .s_w_1{width:auto;}
.tbl_sub01 .s_w_2{width:38%;}
.tbl_sub01 .s_w_3{width:76%;}
.tbl_sub01 .s_w_4{width:22%;}
.tbl_sub01 .s_w_5{width:25%;}


.tbl_sub01 thead tr th{background:#0e8db7; text-align:center; font-size:1.12em; color:#fff; font-family:notokrR!important; font-weight:300; padding:10px 0; border:1px solid #41afd3;}
.tbl_sub01 thead tr th .st1{font-size:0.75em; color:#b0ebff;}
.tbl_sub01 thead tr th .st2{font-size:0.75em; color:#fff;}

.tbl_sub01 tbody tr th{background:#f3f3f3; border:1px solid #ddd; font-size:0.93em; color:#555; padding:1.4em; font-weight:300;}
.tbl_sub01 tbody tr td{background:#fff; border:1px solid #ddd; font-size:0.87em; color:#555; padding:16px 15px;}
.tbl_sub01 tbody tr.last_tr th{background:#c7c7c7; color:#222; font-weight:600;}
.tbl_sub01 tbody tr.last_tr td{background:#c7c7c7; color:#222; font-size:1.5em; text-align:center; font-family:notokrM;}
.table_p{margin-top:7px; display:block; text-align:right;}
.table_p span{padding:2px 7px; border:2px solid #444; border-radius:10px; background:#dfdfdf; color:#444; font-size:0.87em; vertical-align:middle; display:inline-block; *display:inline; zoom:1; margin-right:3px;}
.table_p p{font-size:0.87em; color:#828282; font-family:ng, sans-serif; vertical-align:middle; display:inline-block; *display:inline; zoom:1;}


/*4_1*/
.sub4_1{mine-height:600px;}
.sub4_1 .country_bg{position:absolute; right:0; top:50px; z-index:1;}
.country_dv {text-align:center; position:relative; z-index:2; margin-top:30px;}
.country_dv p{font-size:1.25em; color:#555; font-family:notokrM; line-height:1.5}
.country_dv p .st1{font-size:1.4em; color:#0e8db7; vertical-align:bottom; line-height:1.2;}
.country_dv .country_list{overflow:hidden; margin-left:-10px; margin-top:50px;}
.country_dv .country_list > li{float:left; width:33.33%; margin-bottom:30px;}
.country_dv .country_list > li .border_dv{margin-left:10px; }
.country_dv .country_list > li .country_tbl{width:100%;}
.country_dv .country_list > li .country_tbl .w01{width:40%;}
.country_dv .country_list > li .country_tbl .w02{width:80%;}
.country_dv .country_list > li .country_tbl tbody th{color:#222; background:#f1f1f1; border:1px solid #ccc; padding:13px 10px;}
.country_dv .country_list > li .country_tbl tbody td{ border:1px solid #ccc; padding:13px 10px; font-size:0.92em; background:rgba(255,255,255,0.7);}





.sub .agree_set { width:100%; margin:30px 0; }
.sub .agree_set .inp_wrap { margin-bottom:10px; padding:0 5px; text-align:right; font-size:0.813em; color:#666;}
.sub .agree_set .inp_wrap > *{ vertical-align:middle;}
.sub .agree_set .inp_wrap > label { margin-left:10px; }
.sub .agree_set .agree_box { border:1px solid #ccc; padding:20px; height:150px; overflow-y:scroll; font-size:0.813em; }

.inq_dv{position:relative;}
.inq_dv .red_p{position:absolute; right:0; top:-23px; font-size:0.87em; color:#F00;}
.red_star{color:#F00;}

@media all and (max-width:1200px){
.sub #header.ani .gnb_area .logo a,
#header .gnb_area .logo a{background-size:100%; width:243px;}

#header .gnb_area .gnb{margin-left:1%;}
#header .gnb_area .ham_btn{margin-left:7px;}
}

@media all and (max-width:1023px){
body{font-size:13px;}

#header .gnb_area .gnb{display:none;}

.sub .svisu_area .visu_sgarea{padding-top:63px;}
.sub .svisu_area .svisual{height:180px;}

.sub #contents .lnb_area{width:100px;}
.sub #contents .lnb_area .lnb_tit{padding-left:10px;}
.sub #contents .lnb_area .gnb .dp2 > li > a{font-size:0.87rem; padding:15px 10px}
.sub #contents .lnb_area .lnb_cs .a1 .p3{padding-left:50px;}
.sub #contents .lnb_area .lnb_cs .a1 .p3 span{left:7px;}
.sub #contents .lnb_area .gnb li.m_1{width:33.33%;}

.sub #contents .lnb_area .gnb li.m_1 dp1{color:#000; text-align:center; font-family:notokrM; font-size:25px; }


.sub .sub_con .this_page{margin-left:200px;}
.sub .sub_con .con_area{padding-left:200px;}

#main_products .swiper-slide .bg_dv .busi_name{padding:45px 20px; width:260px;}
#main_products .swiper-slide .bg_dv .busi_name .p1{font-size:25px;}
.btn_st1 > li.btn_next{right:0;}

.s_tit::before{top:1px;}

.line_dv .logo_ul li{width:33.33%;}

.step_ul01 > li{width:33.33%; margin-bottom:10px;}

.step_ul02 > li .border_dv{padding:9px 6px; margin-right:31px}
.step_ul02 > li .border_dv .tit01{border-radius:5px;}
.step_ul02 > li .border_dv > ol > li{margin-left:5px;}

.step_ul03 > li .border_dv .img_dv{padding:5px}
.step_ul04 li .border_dv{margin-right:28px}
.step_ul04 li .border_dv .img_dv::before{right:-24px}
.step_ul04_2 li .border_dv .img_dv::before{right:-21px}

.sub2_1 .line_dv,
.sub2_1 .line_dv.line_dv2{padding:15px;}
.step_ul05{margin-left:-10px}
.step_ul05 > li .border_dv{margin-left:10px;}

.step05_bottom p{font-size:2em;}

.sub_tit_dv .tit_name_dv::before{left:0; right:auto; height:13px; width:100px}
.sub_tit_dv{position:static;}
.sub_tit_dv .tit_img01,
.sub_tit_dv .tit_img02{display:none;}
.his_dv{margin-left:0;}
.certi_list_wrap{margin-top:40px;}
.map{margin-top:40px;}

.sub2_2 .number_ul li{padding-left:61px;}
.sub2_2 .number_ul li span{top:-7px;}

#footer .copy ul li{font-size:12px;}
}


@media all and (max-width:768px){
body{font-size:10px;}	
.box1{width:98%;}

#header .gnb_area .logo{top:10px;}
.sub #header.ani .gnb_area .logo a, #header .gnb_area .logo a{width:193px;}
#header .gnb_area .right_menu{right:80px; text-align:right; top:21px;}
#header .gnb_area .ham_btn{display:none;}
#header .gnb_area .right_menu .menu_p1{display:block; margin-bottom:8px;}
#header .gnb_area .right_menu .menu_p1.pd_l{padding-left:0;}
#header .gnb_area .right_menu .menu_p1.pd_l::before{background:none;}

.mobile_menu{display:block;}

.sub .doc{padding:30px 0 100px;}

#nav{display:none;}

.sub #contents .lnb_area{margin-top:0;}
.sub #contents .lnb_area .gnb .dp2 > li{ border-bottom:1px solid rgba(255,255,255,0.3);}
.sub #contents .lnb_area .gnb li.m_1 .dp2 > li{width:33.33%;}

.sub .svisu_area .svisual{height:96px; background-size:1060px!important;}
.sub .svisu_area .visu_sgarea{padding-top:24px;}

.sub #contents .lnb_area{display:none;}
.sub .sub_con .this_page{margin-left:0px; text-align:center; font-family:'NanumSquareEB'; font-size:28px; padding:18px 0 18px;}
.sub .sub_con .con_area{padding-left:0px;}
.sub .navi{display:none;}

.main_slogan .p2{font-size:2em;}

.main_tit_dv .main_tit02{margin-top:5px; font-size:1.15em;}
.main_tit_dv .line_btn{margin:10px 0 15px -1000px;}

#main_products .swiper-slide .bg_dv{height:330px; background-size:cover;}
#main_products .swiper-slide .bg_dv .busi_name{top:auto; bottom:0; padding:20px; left:0; width:100%; height:60px;}
#main_products .swiper-slide .bg_dv .busi_name .p1{font-size:20px;}
#main_products .swiper-slide .bg_dv .busi_name .p2{margin-top:10px;}
#main_products .swiper-slide .bg_dv .busi_name .more_btn{top:20px; right:50px; left:auto; bottom:auto;}
.btn_st1 > li{top:26%;}

#section2 .line_dv .performance_swiper > ul > li{width:100%; max-width:240px}
#section2 .line_dv .performance_swiper_btn .btn_prev{left:1%;}
#section2 .line_dv .performance_swiper_btn .btn_next{right:1%;}

#section3 .notice_dv{padding:30px 15px;}
#section3 .quick_dv{margin-top:10px;}
#section3 .quick_dv ul li{width:50%; margin-bottom:10px;}
#section3 .notice_dv .tit_dv .icon{top:-1px;}

#section4 .cus_dv .l_dv{width:100%;}
#section4 .cus_dv .l_dv .pd_dv{margin-right:0px; padding:15px;}
#section4 .cus_dv .l_dv .pd_dv .p1{margin-bottom:10px;}
#section4 .cus_dv .l_dv .pd_dv label .cus_input{padding:8px 15px 8px 50px}
#section4 .cus_dv .l_dv .pd_dv label .xi{top:5px;}
#section4 .cus_dv .l_dv .pd_dv .cus_btn{padding:8px 15px 8px 50px;}
#section4 .cus_dv .l_dv .pd_dv .pri_dv a{font-size:10px;}

#section4 .cus_dv .r_dv{width:100%;}
#section4 .cus_dv .r_dv .pd_dv{padding:3em 20px;}
#section4 .cus_dv .r_dv .pd_dv ul li .xi{width:40px; height:40px; line-height:40px;}


.certi_list_wrap ul.certi_list li{width:50%;}

.his_dv ul > li::before{top:6px;}
.his_dv ul > li ol li::before{top:4px;}

.sub_tit_dv .p1{margin-bottom:-7px;}
.sub_tit_dv .p3 br{display:none;}

.sub2_1 .line_dv .line_dv_ul li::before{top:1px;}
.subtit_img_dv .tit_color_dv .txt_dv::before{display:none;}
.country_dv .country_list > li{width:50%;}

.sub2_2 .number_ul li{padding-left:49px;}

.tbl_sub01 tbody tr th,
.tbl_sub01 tbody tr td{padding:10px 8px;}

.terms_areaP{padding:10px;}
.terms_area .terms_box{padding:10px;}

#footer .f_bottom .menu01{display:none;}
#footer .f_menu_bg{display:none;}
#footer .f_info{text-align:center; padding:10px 0;}
#footer .f_info .f_logo{position:inherit;}
#footer .f_info .f_info_txt{padding-left:0; text-align:center;}
}