@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; max-width:none;}
.box3{ width:100%; max-width:1100px; margin:0 auto; position:relative; background:rgba(0,15,0,.4)}

/*sub공통*/
p.bottom_line { display:none; border-bottom: 1px solid #ccc;padding-bottom: 20px}
span.bottom_color { border-bottom: 2px solid #333;padding-bottom: 20px;}
.sub #contents .lnb_area .gnb .m_3 .dp2 > li,.sub #contents .lnb_area .gnb .m_4 .dp2 > li,.sub #contents .lnb_area .gnb .m_6 .dp2 > li{width:20%!important}
.sub #contents .lnb_area .gnb .m_5 .dp2 > li{width:25%!important}

.main_footer #footer .footer_menu {display: none;}
.block{display:block}




#header{position:fixed; top:0; left:0; width:100%; z-index:5; border-bottom:1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.7); box-shadow:1px 2px 1px rgba(0,0,0,.1);}

#header .gnb_area{ text-align:center; height:80px;}



#header .gnb_area .right_menu{position:absolute; right:0; top:0px; font-size:0;}
#header .gnb_area .right_menu .contact_dv{display:inline-block; *display:inline; zoom:1;     background: #bbb; vertical-align:middle; border-left:1px solid rgba(255,255,255,.2); text-align:center; width:70px; cursor:pointer;}
#header .gnb_area .right_menu .contact_dv .xi{color:#fff; line-height:70px; font-size:24px;}

#header .gnb_area .ham_btn{display:inline-block; *display:inline; zoom:1; vertical-align:middle; border-right:1px solid rgba(255,255,255,.2); border-left:1px solid rgba(255,255,255,.2); height:81px; width:80px; cursor:pointer; background:#82ce0a}
#header .gnb_area .ham_btn .all_btn{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:26px; height:20px; text-align:right;} 
#header .gnb_area .ham_btn .all_btn span{ width:26px; height:3px; background:#fff; margin-bottom:6px; transition:0.3s ease; display:block; transition:0.3s ease;}
#header .gnb_area .ham_btn:hover .all_btn span.a1,
#header .gnb_area .ham_btn:hover .all_btn span.a3{ margin-left:5px;}
i.xi.xi-mail-read-o{display:none}
 
#header .gnb_area .logo{position:absolute;  top:10px;}
#header .gnb_area .logo a{width:195px; height:58px; background:url(../images/inc/t_logo.png) no-repeat 0 center; display:block; background-size:100%;}

#header .gnb_area .gnb{display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:135px;}
#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{letter-spacing: -1px; display:block; position:relative; padding:0 50px; height:81px; line-height:81px; font-size:1.125em; color:#222;; font-family:notokrb; }

#header .gnb_area .gnb > li > a{ text-decoration:none; } 

#header .gnb_area .gnb .dp2{ position:absolute; left:50%; margin-left:-90px; width:180px;background:rgba(0,15,0,.8); text-align:center; border-top:0; }
#header .gnb_area .gnb .dp2 > li{text-align:center;}
#header .gnb_area .gnb .dp2 > li > a{ display:block;  color:#fff; font-size:0.92em; padding:14px 0; font-family:notokrm}
#header .gnb_area .gnb .dp2 > li:first-child > a{ border-top:0;}

#header .gnb_area .gnb > li:hover .dp1{color:#82ce0a; }
#header .gnb_area .gnb > li .dp1.on{background:#82ce0a; color:#fff;}

#header .gnb_area .gnb > li .dp2 a:hover{  COLOR:#82ce0a; }

#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;}

#header.ani *{ transition:0.3s ease;}
#header.ani{background:#fff; border-bottom:0;}
#header:hover{background:#fff; border-bottom:1px solid #ddd;}
/*#header:hover .gnb_area .gnb > li .dp1{color:#222;}
#header:hover .gnb_area .gnb > li .dp1.on{color:#fff;}
#header:hover .gnb_area .logo a{background:url(../images/inc/t_logo.png) no-repeat 0 center;}
#header:hover .gnb_area .ham_btn{background:#82ce0a !important}
#header:hover .gnb_area .ham_btn .all_btn span{background:#fff;}
#header:hover .gnb_area .ham_btn {border-right:1px solid #ddd; border-left:1px solid #ddd;}
 
#header:hover .gnb_area .right_menu .contact_dv{border-left:1px solid #ddd; background:#6f6f6f;}
#header:hover .gnb_area .right_menu .contact_dv .xi{color:#fff}
#header .gnb_area .right_menu .contact_dv:hover{background:#919191; transition:0.3s;}
#header:hover .gnb_area .ham_btn:hover{background:#82ce0a; transition:0.3s;}*/

#header.ani2{background:#fff; border-bottom:1px solid #ddd;}
#header.ani2 .gnb_area .gnb > li .dp1{color:#222;}
#header.ani2 .gnb_area .gnb > li .dp1.on{color:#fff;}
#header.ani2 .gnb_area .gnb > li .dp2{border:1px solid rgba(0,15,0,.9); border-top:0;}
#header.ani2 .gnb_area .logo a{background:url(../images/inc/t_logo.png) no-repeat 0 center;}
#header.ani2 .gnb_area .ham_btn{background:#01c3ff}
#header.ani2 .gnb_area .ham_btn .all_btn span{background:#fff;}
#header.ani2 .gnb_area .ham_btn {border-right:1px solid #ddd; border-left:1px solid #ddd;}
 
#header.ani2 .gnb_area .right_menu .contact_dv{border-left:1px solid #ddd; background:#6f6f6f;}
#header.ani2 .gnb_area .right_menu .contact_dv .xi{color:#fff}
#header.ani2 .gnb_area .right_menu .contact_dv:hover{background:#919191; transition:0.3s;}
#header.ani2 .gnb_area .ham_btn:hover{background:#67dbff; transition:0.3s;}




#header .ham_menu{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,1); display:none; z-index:10;} 
#header .ham_menu .close{position:fixed; top:22px; right:205px; font-size:20px; color:#fff; background:#82ce0a; width:40px; height:40px; line-height:40px; text-align:center; cursor:pointer; border-radius:50%;}
#header .ham_menu .close:hover{background:#82ce0a;}
#header .ham_menu .ham_gnb{padding:50px 12% 0; background:#fff; border-top:3px solid #82ce0a}
#header .ham_menu .ham_gnb .gnb{ overflow:hidden;margin-left:-1%;}
#header .ham_menu .ham_gnb .gnb > li{ float:left; width:32.33%; 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:1px solid #ccc; border-bottom:2px solid #666; text-align:center; font-size:1.3em; font-weight:600; color:#333; padding:20px 0 20px; background:#fff; border-radius:5px 5px 0 0;}
#header .ham_menu .ham_gnb .gnb > li .dp2 > li > a{ display:block; border-bottom:1px dotted #999; font-size:87.5%; color:#777; padding:9px 0; text-align:center; font-size:1em;}
#header .ham_menu .ham_gnb .gnb > li:hover .dp1{ color:#fff; border:1px solid #1d59a5; border-bottom:2px solid #1d59a5;
background:#82ce0a

}
#header .ham_menu .ham_gnb .gnb > li .dp2 > li > a:hover{ color:#222; font-weight:600;}
#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; position:absolute; left:210px; top:20px;}
#header .ham_menu .logo_bottom_txt{text-align:center; margin-top:14px; margin-bottom:3px; color:#222; font-size:2em; font-family:notokrM;}
#header .ham_menu .logo_bottom_txt2{text-align:center; padding-bottom:12px; border-bottom:3px solid #222; font-size:0.92em; color:#999; letter-spacing:6px;}

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

#contents{}

.sub #contents .lnb_area{ width:100%; margin-top:-50px; }
.sub #contents .lnb_area .box1{background:rgba(0,0,0,0.4);}
.sub #contents .lnb_area .gnb {text-align:center;}
.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{font-size:0; }
.sub #contents .lnb_area .gnb .dp2 > li{position:relative; float:left; width:12.5%; height:50px; text-align:center; transition:0.3s;
background:rgba(0,5,0,0.4);}

.sub #contents .lnb_area .gnb li.m_2 .dp2 > li{width:25%;}


.sub #contents .lnb_area .gnb .dp2 > li::before{content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:rgba(255,255,255,0.3);}
.sub #contents .lnb_area .gnb .dp2 > li::after{content:''; position:absolute; right:0; top:0; width:100%; height:1px; background:rgba(255,255,255,0.2);}
.sub #contents .lnb_area .gnb .dp2 > li:last-child::before{background:none;}
.sub #contents .lnb_area .gnb .dp2 > li > a{color:#fff; font-size:1.07rem; display:block; padding:15px 0; text-decoration:none;}

.sub #contents .lnb_area .gnb .dp2 > li:hover{background:rgba(0,0,0,0.4);}
.sub #contents .lnb_area .gnb .dp2 > li.on{background:#fff; }
.sub #contents .lnb_area .gnb .dp2 > li.on a{color:#111!important; font-weight: 600;  }


/*contents기본배치*/
#contents{ position:relative; z-index:1}
.sub .doc{ padding-bottom:80px; overflow:hidden; }
.doc.wrap{background:#fff; min-height:340px;padding:40px 70px 120px 70px; margin-bottom:120px; position:relative}
.sub .svisu_area{ width:100%; position:relative; }
.sub .svisu_area .svisual{ height:230px;}
.sub .svisu_area.sub1 .svisual{ height:230PX;}
.sub .svisu_area .visu_sgarea{ text-align:center; position:relative; padding-top:54px;}
.sub .svisu_area .visu_sgarea .copy1{     font-family: ns, sans-serif;  display: block; font-weight: 700;font-size: 32px;color: #000;text-transform: uppercase; letter-spacing: 6px;}
.sub .svisu_area .visu_sgarea .copy1 .st1{font-size:1em; color:#ffd000; font-weight:600;}
.sub .svisu_area .visu_sgarea .copy2 {position:relative;color:#fff; font-size:1.025em; position:relative; padding-top:25px;
    color: #111;
    text-transform: uppercase;
    letter-spacing: 8px;
    font-weight: 400;} 
.sub .svisu_area .visu_sgarea .copy2::before{content:''; position:absolute; top:10px; left:50%; margin-left:-20px; width:38px; height:3px; background:#222;}

.sub .lnb_this_bg{background:#fff;}

.sub .navi {position:absolute; right:55px; top:29px;}
.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:#82ce0a; font-weight:600}
 
.sub .sub_con{position:relative; z-index:1; }
.sub .sub_con .gnb_area{}
.sub .sub_con .con_area{width:100%;}

.sub .sub_con .this_page{ font-size:1.925em; padding:40px 60px 30px 60px ; font-weight:600; text-align:left;}
/*
#footer{position:relative; z-index:1;} 

#footer .f_menu{overflow:hidden;}
#footer .f_menu .l_dv{float:left; width:83%;}
#footer .f_menu .r_dv{float:left; width:17%; position:relative; padding:30px 0 55px;}

#footer .f_menu_bg{background:#2d2d2d;}
#footer .f_menu .l_dv .gnb{overflow:hidden;}
#footer .f_menu .l_dv .gnb > li{position:relative; float:left; width:16%; padding:30px 0 55px; padding: 30px 0 50px 0px;}
#footer .f_menu .l_dv .gnb > li::before{content:''; background:#383838; width:1px; height:100%; position:absolute; left:0; top:0;}
#footer .f_menu .l_dv .gnb > li.m_guide{display:none;}
#footer .f_menu .l_dv .gnb > li .dp1{color:#fff; font-size:16px; margin:0 25px 25px 20px; display:block; font-family:notokrM;}
#footer .f_menu .l_dv .gnb > li .dp2 li a {color:#bbb; font-size:13px; display:block; margin-bottom:15px; margin-left:20px; font-family:notokrR;}
#footer .f_menu .l_dv .gnb > li .dp2 li a:hover{color:#999!important;}

#footer .f_menu .r_dv::before{content:''; background:#383838; width:1px; height:100%; position:absolute; left:0; top:0;}
#footer .f_menu .r_dv::after{content:''; background:#383838; width:1px; height:100%; position:absolute; right:0; top:0;}
#footer .f_menu .r_dv .family_dv{width:80%; margin:0 auto; border:1px solid #666; position:relative;}
#footer .f_menu .r_dv .family_dv:hover{background:#222; border:1px solid #444;}
#footer .f_menu .r_dv .family_dv .family_name{padding:12px 15px; position:relative;}
#footer .f_menu .r_dv .family_dv .family_name> p{color:#fff; font-size:13px; font-family:notokrM; background:url(../images/inc/select_arr_white.png) no-repeat right center;}
#footer .f_menu .r_dv .family_dv ul{position:absolute; left:-1px; top:100%; border:1px solid #555; width:100%; padding:5px 0; display:none; background:#2d2d2d}
#footer .f_menu .r_dv .family_dv ul li a{font-size:13px; color:#fff; padding:6px 15px; display:block; }
#footer .f_menu .r_dv .family_dv ul li a:hover{background:#333;}

#footer .f_menu .r_dv .dv01{text-align:right;}
#footer .f_menu .r_dv .dv01 a{font-size:13px; color:#bbb; display:block; margin-bottom:16px;}
#footer .f_menu .r_dv .dv01 .xi{width:40px; height:40px; border:1px solid #888; line-height:40px; color:#fff; font-size:20px; border-radius:50%; text-align:center; cursor:pointer; transition:0.3s;}
#footer .f_menu .r_dv .dv01 .xi:hover{background:#222; border:1px solid #444;}

#footer .f_info{position:relative; padding:50px 0 50px; background:#2d2d2d; border-top:1px solid #383838;}
#footer .f_info .f_logo{position:absolute; left:0; top:8px;}
#footer .f_info .f_info_txt{padding-left:260px; font-size:0; text-align:left;}
#footer .f_info .f_info_txt li{display:inline-block; *display:inline; zoom:1; margin-right:24px; font-size:14px; color:#bbb; font-family:notokrR; margin-bottom:5px;}
#footer .f_info .f_info_txt li.copy{display:block; color:#777; margin-top:25px; font-size:12px;}
*/




#footer{ position:relative; z-index:inherit}
.main #footer{ position:fixed; z-index:inherit; left:0; bottom:0; width:100%}
.main #footer .footer_menu{ display:none}
#footer .footer_menu{ text-align:center; border-bottom:1px solid #333}
#footer .footer_menu .btn{ display:inline-block; *display:inline; zoom:1; background:rgba(0,0,0,0.7); border-radius:5px 5px 0 0; font-size:.813em; font-weight:600; color:#fff; padding:10px 30px;}
#footer .footer_menu .btn .icon{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; background-image:url(../images/inc/bottom_arr.png); background-repeat: no-repeat; width:16px; height:9px;  margin-left:10px}
#footer .footer_menu .btn.open .icon{background-image:url(../images/inc/up_arr.png);}
#footer .footer_menu .menu_wrap{ position:relative; z-index:inherit;}
#footer .footer_menu .menu_wrap .bg{ position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=60); opacity:0.6;}
#footer .footer_menu .menu_wrap .menu{ position:relative; z-index:inherit; text-align:left;}
#footer .footer_menu .menu_wrap .menu .gnb{ border-left:1px solid #333; overflow:hidden}
#footer .footer_menu .menu_wrap .menu .gnb > li.m_guide{ display:none}
#footer .footer_menu .menu_wrap .menu .gnb > li{ float:left; width:25%;}
#footer .footer_menu .menu_wrap .menu .gnb > li .dp1,
#footer .footer_menu .menu_wrap .menu .gnb > li .dp2{ display:block; border-right:1px solid #333; padding-left:20px; padding-right:20px}
#footer .footer_menu .menu_wrap .menu .gnb > li .dp1{ color:#fff; font-size:.875em; font-weight:600; border-bottom:1px solid #333; height:40px; line-height:40px}
#footer .footer_menu .menu_wrap .menu .gnb > li .dp2{ padding-top:10px; padding-bottom:20px}
#footer .footer_menu .menu_wrap .menu .gnb > li .dp2 > li > a{ display:block; color:#fff; font-size:.813em; filter:alpha(opacity=80); opacity:0.8; padding:5px 0;}
#footer .footer_menu .menu_wrap .menu .gnb > li:hover{ background:rgba(0,0,0,0.7); }
#footer .footer_menu .menu_wrap .menu .gnb > li .dp2 > li > a:hover{ filter:alpha(opacity=100);opacity:1;}

#footer .footer_wrap{ position:relative; z-index:inherit; padding:15px 0 20px 0}
#footer .footer_wrap .bg{ position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=90);opacity:0.9;}
#footer .footer_wrap .box1{ position:relative; z-index:inherit}
#footer .footer_wrap .logo{ float:left; width:200px; margin-top:25px; }
#footer .footer_wrap .info{ margin-left: 240px;}
#footer .footer_wrap .info .f_br { display:none; }
#footer .footer_wrap .info > dd{ margin-bottom: 5px; display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:.9em; color:#bbb; padding-right:24Px; margin-top:5px; font-family: notokrR;}
#footer .footer_wrap .info > dd .point{ color:#ffb400; text-decoration:underline}
#footer .footer_wrap .info > dd.copyright{ display:block; font-size:.725em; margin-top:10px; color:#777}
#footer .footer_wrap .info > dd.copyright .adm{ border:1px solid #fff; font-weight:600; color:#fff; margin-left:10px; border-radius:2px; padding:1px 5px; }
#footer .footer_wrap .menu{ float:right; margin-top:8px}
#footer .footer_wrap .menu > li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle}
#footer .footer_wrap .menu > li > a{ display:block; font-size:.75em; font-weight:600; color:#fff; background:url(../images/inc/footer_menu_sec.gif) no-repeat left center; padding:0 5px 0 10px}
#footer .footer_wrap .menu > li:first-child > a{ background:none}

.info2_in{display:inline-block}
.info2_in a{ display:block; padding:5px 15px; border:1px solid #666; color:#bbb;
    font-size: 0.72rem;}
dl.info2 {padding: 10px 0 10px 240px;}


/*면허인증서*/
.layer_bg {width: 100%;height: 100%; background: #000; position: fixed;z-index: 9999;left: 0;top: 0; display: none;filter: alpha(opacity=70); opacity: 0.7;}
/*개인정보처리방침동의*/
 .sub_agree_wrap {border:1px solid #ddd; padding:30px; line-height:1.6; font-size:0.938em; font-family:notokrR; padding:30px; line-height:1.5}
.sub_customer_qna .sub_agree_wrap .con{ overflow-y:scroll; height:150px; } -->바깥에 주면 스크롤이 바깥에 생김 안에 감싸고있는애한테주는것.
.sub_customer_qna .sub_agree_wrap hr.line { border:none; border-bottom:1px solid #ddd; }
.sub_customer_qna .board_st.write .tt{background:#F9F9F9}
.sub_customer_qna .board_st.write .td{padding-left:30px;}
.sub_customer_qna .acheck_area{ margin:5px 0 25px 0; text-align:right;}
.sub_customer_qna .acheck_area span{ color:#666;}
.sub_title{font-size:1.37em; font-family:notokrB, sans-serif; color:#222; letter-spacing:-0.5px; padding-left:10px; background:url(../images/inc/fr_tt.png) no-repeat left top;  border-bottom:2px solid  #007dcd;margin-top: 20px; margin-bottom:20px; padding-bottom:20px;}
span.xi.xi-check-square{margin-right:10px; color:#007dcd}


/* sitemap */
.sitemap .gnb{ overflow:hidden; margin-left:-1%;}
.sitemap .gnb > li{ float:left; width:24%; margin-left:1%;}
.sitemap .gnb > li.m_member,
.sitemap .gnb > li.m_mypage,
.sitemap .gnb > li.m_guide{ display:none}
.sitemap .gnb > li .dp1{ display:block; border-top:3px solid #007dcd; border-bottom:1px solid #007dcd; text-align:center; font-size:1.3em; font-weight:600; color:#007dcd; padding:20px 0;}
.sitemap .gnb > li:hover .dp1{ background:#007dcd; color:#fff}
.sitemap .gnb > li .dp2 > li > a{ display:block; border-bottom:1px dotted #999; font-size:87.5%; color:#666; padding:10px 0; text-align:center; font-size:1em;}
.sitemap .gnb > li .dp2 > li > a:hover{ font-weight:bold; color:#007dcd;}
.sitemap .gnb > li.m_1,
.sitemap .gnb > li.m_2,
.sitemap .gnb > li.m_3,
.sitemap .gnb > li.m_4,
.sitemap .gnb > li.m_5{ min-height:410px;}


/*agree & privacy*/
.sub .agree_area{ border-top:2px solid #007dcd; border-bottom:1px solid #666; position:relative; height:653px; overflow-y:scroll;}
.sub .agree_area .agree_tt{ position:absolute; left:0; top:0; width:178px; height:100%; border-left:1px solid #ccc; border-right:1px solid #ccc; background:url(../images/member/agree_bg.png) no-repeat left top; text-align:right;}
.sub .agree_area .agree_tt strong{ display:inline-block; *display:inline; zoom:1; font-size:1.308em; font-weight:600; color:#fff; padding:20px 15px 0;}
.sub .agree_area .agree_box{ margin-left:180px; background-color:#f9f9f9; padding:20px;}
.sub .agree_area .agree_box .txt{ font-weight:600; color:#444; line-height:20px; margin-bottom:15px;}
.sub .agree_area .agree_box .agree_in{ height:140px; padding:15px; border:1px solid #ccc; background:#fff; line-height:18px; overflow-y:scroll;}
.sub .agree_area .agree_box .agree_in p{ line-height:18px; margin-bottom:12px;}
.sub .agree_area .agree_box .agree_in.h_st{ overflow-y:hidden; height:auto;}
.sub .agree_area .agree_box .agree_inp{ margin-top:25px; text-align:right;}
.sub .agree_area .agree_box .agree_inp input,
.sub .agree_area .agree_box .agree_inp label{ vertical-align:middle; cursor:pointer;}
.sub .agree_area .agree_box .agree_inp input{ margin-left:15px;}
.sub .agree_area .agree_box .agree_inp label{ margin-left:8px;}
.sub .agree_area .agree_box .agree_inp label:hover{ color:#3992ed;}

.sub .agree_area.st .agree_box{ margin-left:0; padding:30px;}
.sub .agree_area.st .agree_box .agree_in{ padding:30px;}

.sub .st.agree_area .agree_box .agree_in .agree_tit{border:1px solid #ccc; padding:20px; background:#f1f1f1; text-align:center;}
.sub .agree_area.st .agree_box .agree_in p{color:#666;  line-height:21px; padding-left:5px;}
.sub .agree_area.st .agree_box .agree_in p >strong{font-size:1.154em; color:#333; margin-left:-5px;}




/*privacy*/
.terms_area{ padding:20px; background:#f7f7f7; border-top:2px solid #333; border-bottom:1px solid #999; font-size:.875em; color:#555; font-weight:400; line-height:1.6;}
.terms_area .terms_box{ padding:30px; background:#fff; border:1px solid #eee;}
.terms_area .terms_box strong{ color:#111; font-weight:500;}
.terms_area.agree{ padding:15px 20px; border:1px solid #aaa; line-height:1.4;}
.terms_area.agree .tit{ margin-bottom:15px; padding-left:5px; font-size:1.250em; color:#000; font-weight:500; letter-spacing:-1px;}
.terms_area.agree .tit i{ vertical-align:middle;}
.terms_area.agree .tit .xi{ padding-right:5px;}
.terms_area.agree .terms_box{ padding:20px 30px; height:150px; overflow-y:scroll;}
.terms_areaㅇ.agree .check{ margin-top:10px; text-align:right;}

/*이메일무단수집거부*/
.page_email{ letter-spacing:-1px;}
.page_email .line{ margin:30px 0 30px 0; height:1px; background:#ccc;}
.page_email .email_top{ padding:20px 30px; background:#f9f9f9; border:1px solid #ddd; text-align:center; color:#111; font-weight:400; line-height:1.4;}
.page_email .email_con{}
.page_email .email_con .tit{ text-align:center; font-size:1.125em; color:#000;}
.page_email .email_con .con_wrap{ margin-top:40px;}
.page_email .email_con .con_wrap > dt{ margin-bottom:10px;}
.page_email .email_con .con_wrap > dt > span{ display:block; position:relative; padding-top:2px; padding-left:25px; color:#333;}
.page_email .email_con .con_wrap > dt > span:before{ content:"\eb1f"; position:absolute; top:0; left:0; width:20px; font-family:xeicon; font-size:1.250em;}
.page_email .email_con .con_wrap > dd{ margin-left:25px; font-size:0.875em; color:#666; font-weight:400; line-height:1.8;}



/*mainVisual */

.mainVisual .img{ position:relative; overflow:hidden}
.mainVisual .img .bg{ position:absolute; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; transform:scale(1.5,1.5); opacity:0; transition:2s; transition-delay:1s}
.mainVisual .img .slogan{ position:relative; text-align:center; color:#111; padding-top:10em}
.mainVisual .img .slogan .t1{ letter-spacing:1em; font-size:.938em; opacity:0; padding-top:3%; margin-left:10em; margin-bottom:1.5em; transition:1.5s; transition-delay:.5s}
.mainVisual .img .slogan .t2{ letter-spacing:-2px; font-size:3em; opacity:0; margin-right:5em; transition:1.5s; transition-delay:.5s; font-family:notokrM, sans-serif}
.mainVisual .img .slogan .t3{ line-height:1.5; font-size:1.063em; font-family:notokrM, sans-serif; opacity:0; transition:1.5s; transition-delay:1s}
.mainVisual .img .slogan .t3:before{ content:""; display:block; width:40px; height:2px; background:#111; margin:2em auto}
.mainVisual .img.flex-active-slide .bg{ transform:scale(1,1); opacity:1; transition-delay:0}
.mainVisual .img.flex-active-slide .slogan .t1{ opacity:1; margin-left:0; transition-delay:0}
.mainVisual .img.flex-active-slide .slogan .t2{ opacity:1; margin-right:0; transition-delay:0}
.mainVisual .img.flex-active-slide .slogan .t3{ opacity:1; transition-delay:0;}
.mainVisual .flex-control-nav{ position:absolute; left:0; top:30em; width:100%; z-index:100; text-align:center}
.mainVisual .flex-control-nav > li{ display:inline-block;}
.mainVisual .flex-control-nav > li > a{ display:block; width:10px; height:10px; background:#333; font-size:0; margin:0 15px; position:relative; transition:.3s; border-radius:100%; opacity:.5}
.mainVisual .flex-control-nav > li > a.flex-active{ opacity:1}
.mainVisual .flex-control-nav > li > a.flex-active:before{ content:""; position:absolute; left:-10px; top:-10px; width:100%; height:100%; border:5px solid #333; padding:5px; border-radius:100%}

.slides{ overflow:hidden}
.section{ overflow:hidden}

#scrollAni{ display:none;}

/*html:after{ content:""; position:fixed; width:100%; height:100%; left:0; top:0; z-index:1000; background:#fff; opacity:1; visibility:visible; transition:.3s}
*/html.fp-enabled:after{ opacity:0; visibility:hidden}




.energy{ font-size:0.938em; }
.energy.energy_box .tt2{font-size:1.250em; color:#09428f; font-family:notokrM, sans-serif; margin-bottom:10px;}
.energy.energy_box li {border-top: 1px solid #ddd; position:relative;}
.energy.energy_box li .in {padding:20px 10px;}
.energy.energy_box .tt3{display:block; padding-left:29px; padding-bottom:6px; font-family:'notokrM', sans-serif; color:#0099ff; font-size:1.063em;}
.energy.energy_box .dot{position:absolute; left:26px; color:#0099ff}
.energy.energy_box .tx{padding-left:30px; font-family:'notokrR', sans-serif; color:#333; display:block; margin:6px 0; line-height: 1.4;}
.energy.energy_box .list_2{margin-bottom:40px;}
.energy.mgt {
    margin-top: 0px;
}


.energy.energy_box .tt4{display:block; padding-left:0; padding-bottom:6px; font-family:'notokrM', sans-serif; color:#0099ff; font-size:1.063em;}













.section{ background-repeat:no-repeat; background-position:center top; position:relative}
/*
#mainVisual{ background:#222; position:relative;}
#mainVisual .slides{ overflow:hidden}
#mainVisual .item{position:relative}
#mainVisual .item *{}
#mainVisual .item .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position-y:bottom; background-repeat:no-repeat; transition:7s; background-size:cover; padding-right:200px;}
#mainVisual .item:nth-child(4n-3) .bg{transform:scale(1,1);} 
#mainVisual .item:nth-child(4n-2) .bg{background-position-x:0}
#mainVisual .item:nth-child(4n-1) .bg{transform:scale(1,1)}
#mainVisual .item:nth-child(4n) .bg{background-position-x:-200px}
#mainVisual .item.flex-active-slide:nth-child(4n-3) .bg{transform:scale(1.2,1.2)}
#mainVisual .item:first-child.fAni .bg{transform:scale(1.2,1.2)}
#mainVisual .item.flex-active-slide:nth-child(4n-2) .bg{background-position-x:-200px}
#mainVisual .item.flex-active-slide:nth-child(4n-1) .bg{transform:scale(1.2,1.2)}
#mainVisual .item.flex-active-slide:nth-child(4n) .bg{background-position-x:0}

#mainVisual .item .slogan{ position:absolute; left:0; top:35%; width:100%; text-align:center}
#mainVisual .item .slogan {padding-top:100px;  opacity:0; transition-duration:2s }
#mainVisual .item .slogan .t1{     display: block;
    font-family: "gotham", sans-serif;
    font-weight: 700;
    font-size: 3em;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 8px;;}
#mainVisual .item .slogan .t2{ color:#fff; font-size:2.5em; font-family: Century Gothic, Arial, Helvetica, sans-serif; letter-spacing:-1px; line-height:1.1; text-shadow:1px 1px 3px rgba(0,0,0,.3); font-weight:600}
#mainVisual .item .slogan .t3:before{ background: #fff; margin:20px auto; content:''; width:60px; height:4px; display:block; box-shadow: 2px 2px 4px rgba(0,0,0,.7);}
#mainVisual .item .slogan .t3{color: #000; letter-spacing: 3px; 
    font-size: 1.3em;  font-family: notokrM;}
#mainVisual .item .slogan .t3 img {margin:auto;}
#mainVisual .item.flex-active-slide .slogan, #mainVisual .item.flex-active-slide .slogan{ padding-top:0; opacity:1}
#mainVisual .item:first-child.fAni .slogan, #mainVisual .item:first-child.fAni .slogan{padding-top:100px; opacity:0}

#mainVisual .flex-control-paging{ position:absolute; z-index:100; width:100%; left:0; top:90%; text-align:center}
#mainVisual .flex-control-paging > li{ display:inline-block;}
#mainVisual .flex-control-paging > li > a{ display:block; width:8px; height:8px; border:2px solid #fff; border-radius:12px; font-size:0; margin:0 5px; position:relative; overflow:hidden}
#mainVisual .flex-control-paging > li > a:before{ content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#fff}
#mainVisual .flex-control-paging > li > a.flex-active{ width:150px}
#mainVisual .flex-control-paging > li > a.flex-active:before{ width:100%; transition-duration:10s}
#mainVisual .flex-control-paging > li.fAni > a.flex-active:before{ width:0; transition-duration:0}
*/
.mainNav_wrap{ position:fixed; z-index:999; right:0; bottom:50px}
#mainNav > li *{transition:.3s}
#mainNav > li > a{ display:block; text-align:right}
#mainNav > li > a .line,
#mainNav > li > a .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-weight:600}
#mainNav > li > a .line{ width:30px; height:5px; background:#000; margin-left:5px}
#mainNav > li > a .tt{ font-family:Arial, Helvetica, sans-serif; color:#000; font-size:.813em; opacity:0; line-height:20px}
#mainNav > li:hover > a .line,
#mainNav > li.on > a .line{ width:100px}
#mainNav > li:hover > a .tt,
#mainNav > li.on > a .tt{ opacity:1}

#scrollAni{ position: fixed; left:50%; width:100px; margin-left:-50px; text-align:center; bottom:3em; opacity:1; z-index:100;}
#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}

.main_tit_dv{position:absolute; left:0; top:0; text-align:center; margin-top:10em; z-index:10; width:100%;}
.main_tit_dv .p1{font-family:notokrB; color:#FFF; font-size:2.65em;}
.main_tit_dv .p2{font-family:notokrM; color:#FFF; font-size:1.25em; margin-top:1em;}
.main_tit_dv .more_btn{display:inline-block; margin-top:2em; transition:0.3s;}
.main_tit_dv .more_btn:hover{transform:rotate(180deg);}


#section1 .sec2_dv1{padding-top:360px;}
#section1 .sec2_dv1 > ul{overflow:hidden; margin-left:-13px;}
#section1 .sec2_dv1 > ul > li{float:left; width:25%;}
#section1 .sec2_dv1 > ul > li .border_dv{margin-left:13px; text-align:center; position:relative; cursor:pointer; overflow:hidden;}
#section1 .sec2_dv1 > ul > li .border_dv > p{ position:relative; padding-top:20px; font-family:Arial, Helvetica, sans-serif; font-weight:600; font-size:1.31em; color:#fff; z-index:3;}
#section1 .sec2_dv1 > ul > li .border_dv > p::before{content:''; width:20px; height:2px; background:#ffff; position:absolute; top:0; left:50%; margin-left:-10px;}
#section1 .sec2_dv1 > ul > li .border_dv .bg{position:absolute; left:0; top:0; z-index:2; transition:0.8s;}
#section1 .sec2_dv1 > ul > li .border_dv:hover .bg{transform:scale(1.2,1.2);}

#section2 .sec3_dv1{}
#section2 .box1{padding-top:390px;}
#section2 .sec3_dv1{position:relative; background:rgba(0,0,0,0.6); height:100px; margin-bottom:20px;}
#section2 .sec3_dv1 .about_slide .about_tt{position:absolute; left:30px; top:32px; z-index:3;}
#section2 .sec3_dv1 .about_slide .about_tt .xi{display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#fff; font-size:30px;}
#section2 .sec3_dv1 .about_slide .about_tt span{position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#fff; font-size:1.25em; margin-left:8px; cursor:pointer;}
#section2 .sec3_dv1 .about_slide .about_tt span::before{content:''; width:1px; height:80%; background:#555; position:absolute;  top:10%; right:-30px;}
#section2 .sec3_dv1 .about_slide .slides{}
#section2 .sec3_dv1 .about_slide .slides li{height:100px; line-height:100px; position:relative;}
#section2 .sec3_dv1 .about_slide .slides li .notice_tit{color:#fff; font-family:notokrM; font-size: 0.93em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-right:180px; margin-left:260px;}

#section2 .sec3_dv1 .about_slide .flex-direction-nav{position:absolute; right:0; top:0;}
#section2 .sec3_dv1 .about_slide .flex-direction-nav li{}
#section2 .sec3_dv1 .about_slide .flex-direction-nav a{display:block; height:50px; width:50px; font-size:0;}
#section2 .sec3_dv1 .about_slide .flex-direction-nav a:hover{background-color:#111;}
#section2 .sec3_dv1 .about_slide .flex-direction-nav .flex-prev{border-left:1px solid #222; border-bottom:1px solid #222; background:url(../images/main/arr_up.png) no-repeat center center;}
#section2 .sec3_dv1 .about_slide .flex-direction-nav .flex-next{border-left:1px solid #222; background:url(../images/main/arr_down.png) no-repeat center center;}
#section2 .sec3_dv1 .about_slide .slides li .notice_date{position:absolute; right:85px; top:0; color:#999; font-family:notokrR;}

#section2 .sec3_dv2 ul{overflow:hidden; margin-left:-13px;}
#section2 .sec3_dv2 ul > li{float:left; width:25%;}
#section2 .sec3_dv2 ul > li .border_dv{margin-left:13px; text-align:center; position:relative; overflow:hidden; cursor:pointer;}
#section2 .sec3_dv2 ul > li .border_dv > p{font-size:1.3em; font-family:notokrM; color:#fff; position:relative; z-index:3; padding:5em 0;}
#section2 .sec3_dv2 ul > li .border_dv .bg{position:absolute; left:0; top:0; transition:0.8s; z-index:2;}
#section2 .sec3_dv2 ul > li .border_dv .bg img{height:100%;}
#section2 .sec3_dv2 ul > li .border_dv:hover .bg{transform:scale(1.2,1.2);}

#section3 .sec4_dv1{padding-top:360px;}
#section3 .sec4_dv1 .over{overflow:hidden;}
#section3 .sec4_dv1 .over .l_dv{float:left; width:48.5%; background:#fff;}
#section3 .sec4_dv1 .over .r_dv{float:left; width:48.5%; margin-left:3%; background:#fff;}

#section3 .sec4_dv1 .over .l_dv .pd_dv{padding:30px;}
#section3 .sec4_dv1 .over .l_dv .dv_tit{font-size:1.5em; color:#82ce0a; font-family:notokrM; margin-bottom:15px;}
#section3 .sec4_dv1 .over .l_dv .input_label{position:relative; display:block; margin-bottom:5px;}
#section3 .sec4_dv1 .over .l_dv .input_label > input{display:block; border:1px solid #ddd; padding:15px 5% 15px 10%; color:#222; font-size:0.93em; width:100%; box-sizing:border-box;}
#section3 .sec4_dv1 .over .l_dv .input_label .xi{position:absolute; left:3%; top:27%; font-size:1.37em; color:#888; z-index:3;}

#section3 .sec4_dv1 .over .l_dv .pri_dv{position:relative; text-align:right; margin:2px 0 5px;}
#section3 .sec4_dv1 .over .l_dv .pri_dv p{display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#333; font-size:0.87em;}
#section3 .sec4_dv1 .over .l_dv .pri_dv a{display:inline-block; *display:inline; zoom:1; vertical-align:middle; background:#007dcd; color:#fff; font-size:14px; padding:3px 5px; border-radius:2px; margin-left:3px;}
#section3 .sec4_dv1 .over .l_dv .pri_dv a:hover{background:#30b8ff}
#section3 .sec4_dv1 .over .l_dv .pri_dv > label{margin-left:10px;}
#section3 .sec4_dv1 .over .l_dv .pri_dv .xi{position:static; display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:15px; color:#ccc}
#section3 .sec4_dv1 .over .l_dv .pri_dv .label_st.de:not(.cssbrowser) input:checked + .xi + span,
#section3 .sec4_dv1 .over .l_dv .pri_dv .label_st.de:not(.cssbrowser) input:checked + .xi:before{ color:#333}

#section3 .sec4_dv1 .over .l_dv .send_btn{width:100%; background:#82ce0a; color:#fff; text-align:center; font-family:notokrM; height:50px; line-height:50px; border:0;}

#section3 .sec4_dv1 .over .r_dv .dv_tit{font-size:1.25em; color:#000; font-family:notokrM; margin-bottom:15px;}
#section3 .sec4_dv1 .over .r_dv .pd_dv{padding:30px 30px 10px 30px;}
#section3 .sec4_dv1 .over .r_dv label{display:block; margin-bottom:10px;}
#section3 .sec4_dv1 .over .r_dv label .xi{width:30px; height:30px font-size:22px; line-height:30px; background:#82ce0a; color:#fff; border-radius:50%; text-align:center; display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#section3 .sec4_dv1 .over .r_dv label .tt{font-size:1.37em; color:#82ce0a; font-family:notokrM; margin-left:4px; display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
#section3 .sec4_dv1 .over .r_dv .mail .xi{ background:#878787;}
#section3 .sec4_dv1 .over .r_dv .mail .tt{font-size:1em; color:#000; font-family:notokrM}




/*sub1_1*/
p.sub1_txt {position:relative; font-family:notokrm; font-size:1.375em;color:#007dcd;letter-spacing:-1.1px;padding:45px 0 0px 0px;line-height:1.5;  float: left;  width: 65%;}
.ceo_txt{font-family: notokrR;font-size:1.1em;line-height:1.4;color:#555; position:relative; /*background:url(../images/sub1/ceo_bottom.png) no-repeat 670px bottom; background-size:36%;*/}
.ceo_txt .tt{margin-bottom:40px;letter-spacing: -1px; line-height: 1.8;}
p.sub1_txt:before{content:''; width:60px; height:5px; position:absolute; left:0px; top:26px;  background:#007dcd;}
p.ceo_name{ font-family:notokrb}
.sub1_bg { overflow: hidden ; border-bottom: 1px solid #ddd; margin-bottom: 30px; padding-bottom:25px;}
.sub1_img{float: left;  width: 30%;}
/*sub1_2*/
p.sub2_txt {position:relative;padding:20px 0 25px 0px;line-height:1.5; margin-bottom: 20px; padding-left: 20px; }
p.sub2_txt .tt{font-size: 2em; color:#007dcd;  font-family:notokrm;letter-spacing:-1.1px; display:block} 
p.sub2_txt:before{content:''; width:60px; height:5px; position:absolute; left:26px; top:-3px;  background:#007dcd;}
p.sub2_txt .tx{letter-spacing:5px;font-family:notokrR;padding-left:3px;color:#666;}
.bus_text{overflow:hidden; margin-top:30px;}
p.bus_icon {float: left;width: 31%;}
p.bus_icon img{width:79%}
p.bus_tt {letter-spacing: -1.5px; float: left;vertical-align: middle; padding-top: 41px; font-family: notokrm;color: #444;line-height: 1.5;font-size: 1.125em}
.bus_inner{display: inline-block; width:44%;  margin-bottom: 8px; 
   border: 1px solid #ccc;
    padding: 10px 28px;}
.tit_wrap0:before{position:absolute; content:""; background:#ddd; width:20px; height:3px; top:35px; left:47px}	
.tit_wrap {margin:60px 0 30px 0;}
.tit_wrap.st {margin:0 0 80px 0;}
.tit_wrap .pro_tit {font-size:1.6em; font-family:Arial, Helvetica, sans-serif; font-weight:600; text-align:center; position:relative;}
.tit_wrap .pro_tit > span {display:inline-block; background:#2c444e; color:#fff; padding:5px 30px; line-height:1.3; border-radius:15px 0;}
.tit_wrap .pro_tit:after {position:absolute; content:''; width:100%; height:40px; background:#fff; left:0; top:40%; z-index:-1; border-radius:40px; border-top:1px solid #999;}
.tit_wrap0{background:url(../images/sub1/sub1_2_bg.jpg) no-repeat center -98px;  padding:50px 0 115px 45px; position:relative}

.tit_wrap0 p.top_tit{color: #fff;font-size: 1.2em; margin-bottom:8px;}
.tit_wrap0  p.middle_tit{color:#fff;
    font-family:notokrb;
    font-size:1.536em;
    letter-spacing:-1.5px;}
.tit_wrap .line {width: 1px;height:35px;color:#2c444e;background:#666; margin:10px auto -12px auto}	

.partner_in{overflow:hidden; border: 1px solid #ccc;
    padding: 10px 4px;}
.partner_in .pt1 {
    display: inline-block;
    width: 23%;
    margin-right: 10px;
    text-align: center;
	margin-bottom:60px
}
p.pt_img img{width:50%}

p.pt_img {
    /* width: 16%; */
    border-bottom: 1px dotted #ccc;
    margin: 010;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.partnership {
    overflow: hidden;
    /* background: #ddd; */
    margin-top: 60px;
}
.partner_in p.pt_tt {
    /* font-size: 1.1em; */
    color: #666;
    font-size: 0.98em;
}
.partnership p.tt {
    COLOR: #007dcd;
    font-size: 1.2em;
    font-family: notokrM;
    TEXT-ALIGN: CENTER;
    MARGIN-BOTTOM: 20PX;
}

/* sub1_4 연혁 */
.sub_history_img { text-align:center; }
.sub_history_tit{ text-align:left;padding:71px 0 60px 65px; background:url(../images/sub1/history_top.jpg) no-repeat top center;}
.sub_history_tit .t1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:2.5em; font-style:italic; color:#007dcd; letter-spacing:-1px}
.sub_history_tit .t2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:.938em; color:#999; margin-top:10px}

.sub_history_wrap{ position:relative; z-index:inherit; padding-left: 120px;}
.sub_history_wrap .sub_history_line{ position:absolute; z-index:inherit; width:1px; background:#ddd; left:8%; height:100%; margin-left:-1px; top:-49px}
.sub_history_wrap .sub_history > li{ position:relative; z-index:inherit; width:100%; margin-top:50px}
.sub_history_wrap .sub_history > li .history{ padding:0 20px; border-bottom: 1px dotted #ccc;}
.sub_history_wrap .sub_history > li .history .year{ font-family:ns, sans-serif; font-size:2.188em; font-weight:600; color:#333; position:relative; z-index:inherit; letter-spacing:-1px}
.sub_history_wrap .sub_history > li .history .year .dot{ position:absolute; z-index:inherit; background:url(../images/inc/page_tit2.png) no-repeat left center; width:10px; height:10px; top:50%; margin-top:-5px}
.sub_history_wrap .sub_history > li .history .list{ position:relative; z-index:inherit; margin-top:15px}
.sub_history_wrap .sub_history > li .history .list .tt{  display:block;  font-size:.9em; color:#666; line-height:1.4; margin-bottom:15px;  font-family: notokrR;}
.sub_history_wrap .sub_history > li.odd{ left:0; text-align:right;  }
.sub_history_wrap .sub_history > li.odd .history .list .tt { background:url(../images/inc/dot_tm1.png) no-repeat top 8px right; padding-right:10px; }
.sub_history_wrap .sub_history > li.even{ left:50%;  }
.sub_history_wrap .sub_history > li.even .history .list .tt { background:url(../images/inc/dot_tm1.png) no-repeat top 8px left; padding-left:10px; }

.sub_history_wrap .sub_history > li.odd .history .year .dot{ right:-25px}
.sub_history_wrap .sub_history > li.even .history .year .dot{ left:-25px}
.sub_history_wrap .sub_history > li.odd .history .list .month{ right:5px}
.sub_history_wrap .sub_history > li.even .history .list .month{ left:5px}
span.month { font-family: ns, sans-serif;font-size: 1.3em;vertical-align: middle;font-weight: 600;margin: 0 10px;color: #aaa;}

.sub_history_wrap .sub_history > li .history:before{content:''; position:absolute; top:20px;  left:-40px; width:10px; height:10px; border-radius:50%; background:#007dcd}





/*sub1_6*/

.job_info .tab_wrap{ position:relative; margin-bottom:30px;  text-align: center;}

.job_info  .tab{ text-align:left; padding-left:1px; padding-bottom:1px;}
.job_info  .tab > li{ width:18%; display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    font-size: 1rem;}
.job_info  .tab > li > a{ position:relative; z-index:101; display:block; border:1px solid #ddd;  padding:15px 10px; background:#EEE; margin-left:-1px; position:relative; text-align:center; font-family: notokrR;}
.job_info  .tab > li > a .tt{ display:block; font-size:1em; color:#666; font-weight:700}
.job_info  .tab > li:hover > a,
.job_info  .tab > li.on > a{ z-index:1001; background:#007dcd; border-color:#007dcd; text-align:center; font-weight:600; color:#fff}
.job_info  .tab > li:hover > a:before,
.job_info  .tab > li.on > a:before{ content:""; position:absolute; left:-1px; right:-1px; top:-1px; height:3px;}

.job_info  .tab > li:hover .tt,
.job_info  .tab > li.on .tt{ color:#111}

.job_info .tab_wrap .line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #ddd;}



/*sub1_7*/
.map_info table{width:100%;height:100%; margin-top:30px;border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
 }
.map_info tr{border-top:1px solid #ccc; }
.map_info th{text-align:left; font-size:1.1em;  padding-left: 20px; font-family:notokrr; letter-spacing:2px; line-height: 2.5; border-right: 1px solid #ddd; background: #f8f8f8; color:#007dcd}
.map_info td{text-align:left; padding:0px 0 0 20px; color:#333; letter-spacing:-0.2px;}
.tit .xi{margin-right:5px;}



p.map_tilte {
    text-align: center;
    font-family: notokrB;
    font-size: 2em;
    color: #222;
    margin-bottom: 10px;
    letter-spacing: 27px;
    border-bottom: 2px solid #007dcd;
    padding-bottom: 13px;
    margin-bottom: 20px;
}


p.map_tilte.mg_top{margin-top:70px}
/*sub2_1*/
.btn_area{margin-top:50px;}
.btn_area input[type=button]{font-size:.813rem; color:#fff; background:#333; padding:15px 30px; border:1px solid #333; transition:0.3s;}
.btn_area input[type=button].list_back:hover{background:#007dcd; color:#fff;  border:1px solid #007dcd}
.btn_area.center{text-align:center;}

span.xi.xi-wrench {margin-right: 5px}
.searching_ment .total {margin-right:10px;  display: inline-block; *display: inline;zoom: 1;vertical-align: middle;text-align: center;}
.searching_ment  .total .xi { width: 30px; height: 30px;line-height: 30px;border: 1px solid #ddd;border-radius: 50%;font-size: 1.175em;}
.searching_dv{width:100%; padding:20px 2%; border:1px solid #ccc; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background:#f9f9f9; text-align:right;}
.searching_dv .searching_select{padding:8px 5px; border:1px solid #ccc; color:#333; font-size:.875em; min-width:80px;}
.searching_dv .searching_input{padding:9px 11px; border:1px solid #ccc; color:#333; font-size:.875em; min-width:200px;}
.searching_dv .searching_btn{padding:9px 20px; color:#fff; background:#007dcd; border:1px solid #007dcd; text-align:center; font-size:.875em; font-weight:600; border-radius:3px; cursor:pointer; transition:0.3s;}
.searching_dv .searching_btn:hover{opacity:0.8;}
.searching_br{display:none;}
.searching_ment p{font-size:1em; color:#333; padding:30px 0 10px 0px; background:url(../images/inc/searching_icon.png) no-repeat left 26px; border-bottom:1px solid #bbb;}
.searching_ment p .st1{font-weight:600;  font-size:1.14em; color:#007dcd; vertical-align: middle;}
.searching_ment p .st2{font-weight:600;  font-size:1.14em; color:#333; display:inline-block}
.searching_ment2 p{padding:4px 0 10px 40px; background:url(../images/board/searching_icon.png) no-repeat left 0px;}

.port_list{ padding-top:40px;}
.port_list > ul > li{float:left; width:48.5%; border-bottom:1px solid #ddd; padding-bottom:20px; margin-left:3%; margin-bottom:60px;  position:relative;}
.port_list > ul > li:nth-child(2n-1){margin-left:0;}
.port_tit{font-size:1.07em; font-weight:600;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#333; margin-bottom:10px; position:relative; }

.port_list > ul > li a{display:block;}
.port_list > ul > li .plus_btn{line-height: 30px;position:absolute; bottom:-1px; right:0; width:30px; height:30px; background:#333; text-align:center; border:1px solid #ccc;}

.port_list > ul > li .plus_btn .xi{font-size:1.2em; color:#fff}
.port_list > ul > li  ol > li{float:left; width:50%; text-align:left;}
.port_list > ul > li  ol > li.img{border:1px solid #ccc; box-sizing:border-box; max-width:250px; filter:alpha(opacity=80); opacity:0.8; transition:0.3s; text-align:center; overflow:hidden;} 

.port_list > ul > li  ol > li.txt{padding-top:10px;}
.port_list > ul > li  ol > li.txt > p{font-size:0.87em; position:relative; padding-left:80px; margin-bottom:5px; line-height:19px; color:#666;}
.port_list > ul > li  ol > li.txt > p > span{position:absolute; left:20px; top:0; font-size:1em; font-weight:600; color:#444;}
.port_list > ul > li a:hover .port_tit::before{background:#709428}
.port_list > ul > li a:hover .port_tit{color:#82ce0a}
.port_list > ul > li a:hover .plus_btn{border:1px solid #333; background:#333;}
.port_list > ul > li a:hover .plus_btn .xi{color:#fff;}
.port_list > ul > li a:hover ol > li.img{ filter:alpha(opacity=100); opacity:1;}

.port_tit2{font-size:1.5em; font-weight:600; color:#333; margin-bottom:20px; position:relative; padding-left:2px;}
.port_tit2 span.xi.xi-wrench{    margin-right: 5px;color:#333; font-size: 1.3em;  vertical-align: middle;}
.port_box{}
.port_box .port_txt{margin-left:10px; overflow:hidden; margin-bottom:20px;}

.port_box .port_txt > li.txt > p{font-size:1em; position:relative; padding-left:160px; margin-bottom:10px; line-height:19px; color:#555;}
.port_box .port_txt > li.txt > p > span{position:absolute; left:0; top:0; font-size:1em; font-weight:600; color:#333;}
.port_box .port_txt > li.txt > p > span .xi{font-size:1.15em; padding-right:4px;}
.port_box .port_con{ padding:20px; margin:20px 0; border:1px solid #ccc; border-top:2px solid #333; color:#555; font-size:0.92em; line-height:24px;}

.port_img_list{overflow:hidden; padding:10px; border:1px solid #bbb; margin-top:20px; }
.port_img_list > li{float:left; width:50%;}
.port_img_list > li > .border_dv{border:1px solid #ccc; margin:5px;}
.port_img_list > li > .border_dv img{width:100%; max-width:472px;}

.port_gallery #gallery{  font-size:0; margin-top:20px;background:#efefef;
    padding:28px 0px;}
.port_gallery #gallery a:hover{ filter:alpha(opacity=100); opacity:1; transition:0.2s;}




/*2_1*/

.energy{margin-bottom:100px; clear: both; overflow: hidden;}
i.xi.xi-play {
    COLOR: #007dcd; margin-right: 5px;
}
.sub_ti1 { margin-top: 30px;margin-bottom: 10px; font-family: notokrm; font-size: 1.125em; color: #111;  letter-spacing: 13px; text-align: center;}
.t_w{  background:#f5f5f5; padding:20px 20px; }

.sub_ti{letter-spacing: -1px; font-size:1.375em; background:url(../images/sub2/sub_tit.jpg) no-repeat left 3px; padding-left:30px; margin:40px 0 20px 0; color: #222; font-family: notokrB; background-size: 2.1%; }
.sub_ti.pd_none {margin:0 0 20px 0;}
.sub_ti.pd_none2 {margin:40px 0 0 0;}
.sub_ti.pd_none3 {margin:20px 0 10px 0;}
.sub_ti2 {    margin-top: 30px;
    margin-bottom: 10px;
    font-family: notokrm;
    font-size: 1.125em;
    color: #333;
    letter-spacing:1px;
    text-align: left;
	padding-left:10px
}
p.bottom_txt { font-size: 0.95em;
    text-align: right;
    font-family: notokrR;
    COLOR: #666;
    margin: 10px 0;
}
.rac_box {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 20px 25px;
    width: 65%;
}
.rac_box .line{width:40px; height:1px; background:#0099ff; margin: 9px auto;}

p.r_txt {
    font-family: notokrR;
    COLOR: #333;
    font-size: 1.08em;
    letter-spacing: -1px;
}
.sub_ti2.ti2 {padding:10px 0 30px 0;}
.sub_ti2.ti3 {padding:30px 0 0 0;}
.sub_ti2 .xi {font-size:0.938em; margin-right:5px;}
.t_w {}
.t_w .sub_tx {line-height:1.7; color:#333; font-size:1em; font-family:notokrr; }
.sub_tx2 {color:#018752; font-size:1.250em; font-family:notokrR; padding:10px 0 10px 38px;}
.sub_tx2.mg_none {padding:10px 0 10px 0;}
.t_w .block{margin-left:19px;}
.sub_tx2.mg_none2 {padding:0 0 10px 38px;}
.sub_tx2.mg_none3 {padding:30px 0 10px 0;}
.sub_w.st2 .img_w {padding:30px 30px; }
.sub_w.st2 .img_w.pd_none {margin-top:0;}
.img_w{border:1px solid #ddd; }

/*table*/
.sub_table.pd_none {padding:0;}
.tbl_st_1_3{border:1px solid #ccc; margin-top:10px; border-top:2px solid #009ae8; font-size:0.875em;}
.tbl_st_1_3 th{background:#f9f9f9; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:15px 20px; font-weight:500; font-size:1.000em; color:#111; }
.tbl_st_1_3 td{background:#fff; line-height:25px;text-align:left; color:#666; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:30px 55px; font-size:1.063em;}
.tbl_st_1_3 .border_r{border-right:none;}
.tbl_st_1_3 tr th:first-child span.table_tt.red{color:red; }

.tbl_st_1_3.tbl_tx td {text-align:center;}

span.table_tt {
    /* font-weight: 600; */
    font-family: notokrM;
    FONT-SIZE: 1.1EM;
    color: #009ae8;
    /* padding-bottom: 16px; */
    display: inline-block;
    margin-bottom: 5px;
}
.circle_box_wrap{text-align:center}
.circle{float: left;width: 33.3%; }
.c_txt1{font-weight: 600; background:url(../images/sub2/circle_box.png) no-repeat center center;  padding: 90px 0; font-family: notokrM;color: #0099ff;}
.circle .line1{position:relative; width:1px; height:50px; background:#ccc; margin: 0 auto; margin-top: -20px;}
.circle .line2{position:relative; width:1px; height:50px; background:#ccc; margin: 0 auto; margin-top: -20px;}
.circle .line3{position:relative; width:1px; height:50px; background:#ccc; margin: 0 auto; margin-top: -20px;}


.circle .line1:before{content:""; z-index:9999999; width:10px; height:10px; background:#0099ff; position:absolute; top:0; center:0; border-radius:100%; right:-5px;}
.circle .line2:before{content:""; z-index:9999999; width:10px; height:10px; background:#00b4f2; position:absolute; top:0; center:0; border-radius:100%; right:-5px;}
.circle .line3:before{content:""; z-index:9999999; width:10px; height:10px; background:#2ed19d; position:absolute; top:0; center:0; border-radius:100%; right:-5px;}



.c_txt2{font-weight: 600; background:url(../images/sub2/circle_box2.png) no-repeat center center;  padding: 90px 0; font-family: notokrM;color:#2ac9ff;}
.c_txt3{font-weight: 600; background:url(../images/sub2/circle_box3.png) no-repeat center center;  padding: 90px 0; font-family: notokrM;color: #2ed19d;}


/* slide_gallery */
.slide_gallery {  box-sizing:border-box;  width:48% !important; margin:0 auto }
.slide_gallery .big_gall { text-align:center; position:relative; margin-bottom:15px; border:1px solid #ddd; }
.slide_gallery .sm_gall { overflow:hidden;  }
.slide_gallery .sm_gall .slick-list {  position:relative;  background: #fff; }
.slide_gallery .sm_gall li a { margin-left:10px; border:3px solid #ccc; transition:0.3s; position:relative; display:block; }
.slide_gallery .sm_gall li a img { height: 100%;opacity:0.5; transition:0.3s; } 
.slide_gallery .slick-arrow { font-size:0; position:absolute; width:44px; height:44px; top:50%; margin-top:-17px; transition:.3s; background-repeat:no-repeat; filter:alpha(opacity=70); opacity:0.7; font-size:0; text-indent:-9999px; border:none; background:none; z-index:100; }
.slide_gallery .slick-arrow:hover { filter:alpha(opacity=100); opacity:1; }
.slide_gallery .slick-prev { left:10px; background-image:url(../images/inc/model_img_slider_prev.png); }
.slide_gallery .slick-next { right:10px; background-image:url(../images/inc/model_img_slider_next.png); }
.slide_padding{ background:#fff}
/*.slick-slide img{width:100%; height:100%}
*/

/* slide_gallery */
.slide_gallery { padding:10px;border: 1px solid #ccc; background:#fff}
.slide_gallery .big_gall { margin-bottom:10px; }
.slide_gallery .sm_gall li a { border-width:2px; } 
.slide_gallery .slick-arrow { width:15px; height:21px; margin-top:-10px; background-size:contain; }
.slide_gallery .slick-prev { left:5px; }
.slide_gallery .slick-next { right:5px; }






/*2_1*/
.img_dv2_1{position:relative; height:250px;}
.img_dv2_1 .t_bg{position:absolute; right:0; top:0;}
.img_dv2_1 .t_bg .txt_dv{position:absolute; right:60px; top:59px;}
.img_dv2_1 .t_bg .txt_dv .p1{font-size:1.53em; font-weight:600; color:#fff;}
.img_dv2_1 .t_bg .txt_dv .p2{font-size:1em; color:#fff; padding-bottom:30px; position:relative;}
.img_dv2_1 .t_bg .txt_dv .p2::before{content:''; position:absolute; bottom:15px; left:0; width:40px; height:3px; background:#fff;}
.img_dv2_1 .t_bg .txt_dv .p3{font-size:1em; color:#ffe0e0;}
.sub2_p1{font-size:1em; color:#222; padding:30px; position:relative; line-height:24px;}
.sub2_p1 .icon{ background:#fff; border-top:4px solid #666; border-left:4px solid #666; width:30px; height:30px; position:absolute; left:0; top:0;}

.busi_info_wrap { overflow:hidden; }
.busi_info_wrap > div { float:left; width:50%; box-sizing:border-box; height:383px; }
.busi_info_wrap .txt_area { border:1px solid #666; border-left:0; padding:50px 40px 0 30px; background-repeat:no-repeat; background-position:right 5px bottom 5px; }
.busi_info_wrap .txt_area .tt { font-size:1.813em; color:#333; font-family:"notokrM", sans-serif; }
.busi_info_wrap .txt_area .tt_en { font-size:1.063em; color:#777; font-family:"notokrL", sans-serif; letter-spacing:0.5px; }
.busi_info_wrap .txt_area .line { display:block; width:44px; height:3px; background:#000; margin:20px 0; }
.busi_info_wrap .txt_area .text { font-size:1.063em; color:#222; font-family:"notokrR", sans-serif; line-height:1.5; }
.busi_info_wrap .txt_area.sub1 { background-image:url(../images/sub2/busi_info_bg1.png); }
.busi_info_wrap .txt_area.sub2 { background-image:url(../images/sub2/busi_info_bg2.png); }
.busi_info_wrap .txt_area.sub3 { background-image:url(../images/sub2/busi_info_bg3.png); }
.busi_info_wrap .txt_area.sub4 { background-image:url(../images/sub2/busi_info_bg4.png); }
.busi_info_wrap .txt_area.sub5 { background-image:url(../images/sub2/busi_info_bg5.png); }

/*추가*/
.busi_info_wrap .txt_area2 .text { font-size:1.063em; color:#000; font-family:ng;line-height:1.5; text-align:justify;}
.busi_info_wrap .txt_area.txt_area2 { border:0; padding:50px 40px 0 30px; background:none!important;}


.energy2{background:url(../images/sub2/sub_2_top.jpg) no-repeat top center; background-size:; border-radius:}
.energy2_in{padding:180px 0 55px 50px; margin-bottom:60px;}
.energy2_in .tt{color: #fff;font-size: 2.875em;font-family: notokrb; letter-spacing: -1px; margin-bottom:18px; background:url(../images/sub2/energy_3.png) no-repeat  171px 0px;  padding-top:28px;}
.energy2_in .tx{font-size: 1.125em;  letter-spacing:-0.5px;
    color: #fff;line-height: 1.5;
    font-family: notokrR;}
.energy2_in  .line{ width:73px; height:8px; background:#fff; margin-left:5px; margin-bottom:-13px;}	


.business_wrap{position:relative}
.energy3_in {background:url(../images/sub2/energy_2.png) no-repeat 565px 40px rgba(0,102,168,.6);
    padding: 50px ;
    /* margin-bottom: 60px;*/
    position: absolute;
    top:625px;
    width:57%;
    left: 5px;
	background-size: 8%;
}
.energy3_in .tt{color: #fff;font-size: 2.375em;font-family: notokrb; letter-spacing: -1px; margin-bottom:30px; }
.energy3_in .tx{font-size: 1.125em;  letter-spacing:-0.5px;
    color: #fff;line-height: 1.5;
    font-family: notokrR; text-shadow: 1px 1px 1px rgba(0,0,0,.3);}
.energy3_in  .line{ width:73px; height:8px; background:#fff; margin-left:5px; margin-bottom:13px;}	
.business_energy{overflow: hidden;
    margin-bottom: 40px;
    border-bottom: 2px dotted #0066cc;
    padding-bottom:192px}
.business_wrap2 {
    color: #666;
    font-family: notokrR;
    font-size: 1.125em;
    line-height: 1.5;
}

.energy4_in {background:url(../images/sub2/energy_5.png) no-repeat 194px 66px rgba(255,255,255,.9);
    padding:62px 45px 30px 50px;
    /* margin-bottom: 60px;*/
    position: absolute;
    top: 370px;
    width: 76%;
    right: 96px;
	background-size: 8%;
	box-shadow: 8px 8px 2px rgba(0,0,0,0.3);
}

.energy4_in .tt{color:#0f2b53;font-size: 2.375em;font-family: notokrb; letter-spacing: -1px; margin-bottom:40px; }
.energy4_in .tx{font-size: 1.125em;  letter-spacing:-0.5px;
    color:#061e40;line-height: 1.5;
    font-family: notokrR; margin-bottom:20px; }
.energy4_in  .line{ width:73px; height:8px; background:#0f2b53; margin-left:5px; margin-bottom:13px;}	
.business_energy{overflow: hidden;
    margin-bottom: 40px;
    border-bottom: 2px dotted #0066cc;
    padding-bottom:192px}

/*1_6*/

.sub4_4_2area  .tit_box{background:url(../images/sub1/people_top.png) no-repeat right bottom; padding:160px 0 31px 45px; margin-bottom: 50px;}
.sub4_4_2area .tt1{font-family: notokrM;
    letter-spacing: -1.8px;
    color: #666; font-size:1.3em
}
.sub4_4_2area .tt2 {
    font-size: 2.2em;
    font-family: 'notokrb', sans-serif;
    margin:10px 0;
    color: #111;
    letter-spacing: 9px;
}

.business_energy1 {
    margin-bottom: 160px;
}

/* 4_4_1 */
.sub4_4_2area {margin-bottom:100px;}
.sub4_4_2area .area1 .tit_box{position:relative;}
.sub4_4_2area .area1 .tt{font-family:'notokrM', sans-serif; font-size:1.375em; margin-bottom:10px; }
.sub4_4_2area .area1 .tt:before{content:""; background:#09428f; position:absolute; left:2px; top:-14px; width:0.625em; height:4px; }
.sub4_4_2area .area1 .tt:after{content:""; background:#16c1f3; position:absolute; left:12px; top:-14px; width:0.625em; height:4px; }



.sub4_4_2area .area2{width:100%;  padding:10px 0; overflow:hidden; }
.sub4_4_2area .area2 .img_area{width:150px; height:150px; background:#fff; border:1px solid #ddd; border-radius:50% 50%; display:block; margin-left:40px; float:left;}
.sub4_4_2area .area2 .txt_area{width:70%; float:left; margin-left:60px; background:#f3f3f3; padding:35px 0 35px 40px; overflow:hidden; margin-bottom:30px; margin-top:2px}

.sub4_4_2area .area3{width:100%; background:#f5f5f5; padding:40px 0; overflow:hidden; position:relative;}
.sub4_4_2area .area3 .img_area{width:140px; height:140px; background:#fff; border:1px solid #ddd; border-radius:50% 50%; display:block; margin-left:40px; float:left;}
.sub4_4_2area .area3 .txt_area{float:left; margin-left:60px; margin-top:-10px;}
.sub4_4_2area .area3 .btn{position:absolute; bottom:22px; left:240px; overflow:hidden;}
.sub4_4_2area .area3 .btn a{color:#fff;}
.sub4_4_2area .area3 .btn1{float:left; background:url(../images/sub/btn1.png) no-repeat center right, #09428f; background-position-x:140px; padding:10px 70px; margin-right:20px;}
.sub4_4_2area .area3 .btn2{float:left; background:url(../images/sub/btn2.png) no-repeat center left, #09428f; background-position-x:140px; padding:10px 70px;}
.sub4_4_2area .area3 .btn span{margin-left:-18px; font-size:0.938em; font-family:'notokrR', sans-serif;}

.sub4_4_2area .tt3{font-family:'notokrb', sans-serif; font-size:1.125em; color:#007dcd; padding-bottom:10px;}
.sub4_4_2area .tt4{font-size:1em; font-family:'notokrR', sans-serif;  position:relative line-height: 1.4; color: #666; padding-left: 3px;}
.sub4_4_2area .tt4:before {position:absolute; content:""; left:2px; top:9px; background:#333; width:5px; height:1px;}
.sub4_4_2area .tt4.st:before {background:none;}
.sub4_4_2area .tt5{font-size:0.750em; margin-top:-6px;}


@media all and (max-width:1023px){
.PHONE{ display:block}
body{font-size:13px;}
.box1{width:96%;}
.box3{width:96%;}
#header .ham_menu .logo img{width:133px;}
#header .ham_menu .close{top:20px;}

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

.sub #contents .lnb_area .gnb .dp2 > li > a{font-size:0.81rem;}

#footer .f_menu_bg{display:none;}
#footer .f_info{padding:25px 0;}
#footer .copy ul li{font-size:12px;}
#footer .f_info .f_logo{position:unset; margin-bottom:15px; display:block;}
#footer .f_info .f_logo img{width:100px;}

#footer .f_info .f_info_txt{padding-left:0;}

.solution_list ul li .img_dv{width:160px;}
.solution_list ul li .txt_dv{margin-left:200px; padding-top:30px;}
.solution_list ul li{min-height:200px;}
.bus_inner{width:40%; min-height:70px;}
p.bus_tt{width:63%; padding-top:13px;}
p.bus_tt.first{padding-top:22px;}
.bus_inner:before{display:none;}
.sub_history_wrap{padding-left:12.5%}
}



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

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

.sub .doc{padding:10px 10px 50px 15px;}
.sub .lnb_this_bg{text-align:center;}
.sub .navi{position:static; padding-bottom:20px;}
.sub .sub_con .this_page{padding:20px 0 5px 20px;}


#footer .f_bottom{display:none;}
#footer .f_info .f_info_txt li{font-size:10px;}
#footer .f_info .f_info_txt li.copy{font-size:10px; margin-top:10px;}

#section1 .prod_dv .txt_dv{padding:1em 2.6em;}

#section2 .sec2_dv1 > ul > li{width:50%; margin-bottom:10px;}

#section3 .sec3_dv1 .about_slide .about_tt{left:10px; top:6px;}
#section3 .sec3_dv1 .about_slide .about_tt span::before{background:none;}
#section3 .sec3_dv1 .about_slide .slides li .notice_tit{margin-left:40px; padding-right:130px;}
#section3 .sec3_dv1 .about_slide .slides li .notice_date{right:65px;}

#section3 .sec3_dv2 ul > li{width:50%; margin-bottom:10px;}

#section4 .sec4_dv1{padding-top:170px;}
#section4 .sec4_dv1 .over .l_dv{width:100%; margin-bottom:10px;}
#section4 .sec4_dv1 .over .r_dv{width:100%; margin-left:0;}

#section4 .sec4_dv1 .over .l_dv{ height:auto!important;}
#section4 .sec4_dv1 .over .l_dv .pd_dv{padding:10px 20px 10px 20px;}
#section4 .sec4_dv1 .over .r_dv .pd_dv{padding:10px 20px 10px 20px;}

.img_left_dv .txt_dv{width:100%; margin-bottom:20px;}
.img_left_dv .img_dv{width:100%;}

.sub2_2_tit_dv .posi_tit_dv{bottom:-20px;}

.img_right_dv.mt80{margin-top:20px!important;}
.img_right_dv .img_dv{width:100%;}
.img_right_dv .txt_dv{width:100%;}

.vision_dv .prod{top:-60px;}
.vision_dv .prod img{width:130px;}
.ci_dv .ci_dv01 .img_dv{width:300px; height:150px;}

.ci_dv .ci_dv01 .img_dv{position:static;}
.ci_dv .ci_dv01 .txt_dv{padding-left:0; margin-top:20px;}

.ci_dv .ci_dv02{margin-top:60px;}
.ci_dv .ci_dv02 .l_dv{width:100%;}
.ci_dv .ci_dv02 .r_dv{width:100%; margin-top:20px;}

.solution_list ul li .img_dv{position:static; width:80%; padding:5%;}
.solution_list ul li .txt_dv{margin-left:0;}
.solution_list ul li .txt_dv .prod_name{margin-bottom:10px;}
.solution_list ul li .txt_dv .spec_dv{padding:10px;}

.inq_dv{padding:30px 10px 40px;}
.map_info .dv_l{width:100%; height:100px!important;}
.map_info .dv_r{width:100%;}
.map_info .dv_r label > p{padding-top:15px;}
.solution_list .txt_dv .prod_dt .prod_l,.solution_list .txt_dv .prod_dt .prod_r{display:block; width:100%; margin-left:0} 
.prod_detail_wrap .inner .info_wrap{float:none; width:100%}
.prod_detail_wrap .inner .slide_wrap{float:none; width:100%}
.down_btn{text-align:center}
#section1 .prod_dv .txt_dv .img_dv img{width:60%;}
#section1 .prod_dv .txt_dv .img_dv{right:0}
#section2 .sec2_dv1,#section3 .box1{padding-top:230px;}

div#section4{height:auto!important}
#section1 .prod_dv{margin-top:264px;}

#header .gnb_area .logo a { width: 232px;height: 54px; background: url(../images/inc/t_logo.png) no-repeat 0 center;display: block; background-size: 71%;margin-left: 5px;}
#header{background: rgba(255,255,255,1);}
li.m_guide, #header .gnb_area .gnb{ display:none;}

.sub .svisu_area .visu_sgarea .copy1{letter-spacing:1px;}

.sub .svisu_area .visu_sgarea .copy2{letter-spacing:2px;}
.sub .sub_con{padding: 0 10px;}
.con_area{padding: 0 10px;}
.sub #contents .lnb_area .gnb .dp2 > li > a{font-size: 0.65rem;}
.svisual{padding-top:56px !important; height:206px !important}
.sub #contents .lnb_area .gnb .dp2 > li{width:33.3%; height:35px;}
.sub #contents .lnb_area .gnb .dp2 > li > a{padding:10px 0}
p.sub1_txt:before{height:2px;   margin-bottom: 10px;   top: 10px; width: 45px; left: 50%; margin-left: -22.5px;}
p.sub1_txt{width:100%; padding: 25px 0 0px 0px; text-align: center; margin-bottom: 10px;}
p.sub1_txt .block{display:inline}
.sub1_img{float:none; width:55%; margin:0 auto}
#footer .footer_menu .menu_wrap .menu .gnb > li{width:25%}
#footer .footer_menu{display:none;}
#footer .footer_wrap .logo{width:100%; margin-top:0; text-align:center;  margin-bottom:10px;}
#footer .footer_wrap .logo img{width:50%; margin:0 auto}
#footer .footer_wrap .info{margin-left:25px; text-align: center; }
  dl.info2{padding:0; text-align:center; margin-top:5px;}
  #footer .footer_wrap .info > dd.copyright{margin-top:20px;}
.bus_inner:before{top:51px; left:25px;}  
.info2_in a{font-size: 0.7rem; padding:4px;}
.tit_wrap0 {
    background: url(../images/sub1/sub1_2_bg.jpg) no-repeat center center;
    padding:51px 25px 27px 10px;
    background-size: cover;
}
.tit_wrap0 p.top_tit{margin-bottom:2px; text-shadow: 1px 1px 2px rgba(0,0,0,0.9);}
.tit_wrap0 p.middle_tit{text-shadow: 1px 1px 2px rgba(0,0,0,0.9);}
.bus_text{padding-left:0; }
.bus_inner{ width:85%; padding: 10px 17px 10px 17px;}
.tit_wrap {margin: 50px 0 20px 0;}
p.bus_tt.first{margin-top:8px}
p.bus_tt{padding-top:31px;width: 52%; font-size: 1.4em;padding-left: 10px;}
p.bus_tt .block{display:inline}
p.bus_icon img{width:100%}
p.bus_icon{width:38%}
.sub_history_tit{padding: 20px 30px; background-size: cover; padding: 20px;}
.sub_history_wrap{padding-left:20px; padding:7.5%}
.sub_history_wrap .sub_history > li .history:before{top: 9px;
    left: -3px;}
.sub_history_wrap .sub_history > li .history{padding:0 15px}
.doc.wrap{min-height:200px;}
.board_photo_wrap.photo2 > li{width:50% !important}
.map_info .tit .xi {
    margin-right: 5px;
    font-size: 2em;}
.map_info th{line-height:1.5; padding-left:15px;}	
.map_info th .xi{display:block}

.searching_dv .searching_input{min-width:107px}
.searching_dv .searching_select{width:17%; margin-bottom:10px;}
.searching_ment p{padding:20px 0 10px 0px}
.port_list > ul > li{min-height:230px;}
.port_list > ul > li ol > li{float:none; width:98%}
.port_box .port_txt > li.txt > p{padding-left:123px;}
.port_list > ul > li ol > li.txt > p{padding-left:53px;}
.slick-track{margin:0 auto}
.searching_dv{text-align:center}
.w_name, .w_hit{display:none;}
.w_date{width:78px !important}
.iw1 {width: 100%;}
.inp_w3{width:100% !important}
.inp_w1 {width: 42% !important}
.sub .agree_area.st .agree_box .agree_in{padding:10px;}

.main_footer.doc{padding:0}
.mainVisual .img .slogan{margin-top:15em !important; background: rgba(255,255,255,.4); padding: 0;}
.mainVisual .flex-control-nav{top:45em !important;}
ul#mainNav{display:none;}
.mainVisual .img .bg{background-size:cover;}
#section1 .sec2_dv1 > ul > li{width:50%}
#section1 .sec2_dv1,#section2 .box1 {padding-top: 230px;}
.main_tit_dv .more_btn{margin-top:1em}
.section{background-size:cover;}
#section2 .sec3_dv1 .about_slide .about_tt {position: absolute;left:13px!important; z-index:3!important; top:5px !important
}
p.notice_tit { margin-left:40px !important; padding-right:130px !important; }
#section2 .sec3_dv2 ul > li{width:50%}
#section3 .sec4_dv1{padding-top:0}
#section3 .sec4_dv1 .over .l_dv{width:100%}
div#section3{height:960px !important}
#section3 .sec4_dv1 .over .r_dv{width:100%; margin-top:15px; margin-left:0}
.border_dv.img_resize_main01{height:150px !important}
.layer_wrap .close{right:0}
.sub_ti{padding-left:11px;}
.t_w .block{margin-left:0}
.energy{margin-bottom:60px;}
.tit_wrap0:before{left:10px}
.c_txt1,.c_txt2,.c_txt3{padding:50px 0}
.tbl_st_1_3 td,.tbl_st_1_3 td{padding:5px;}
.rac_box{width:85%; padding:5px;}
.sub_tx .block{display:inline}
.energy.energy_box .tt3,.energy.energy_box span{padding-left:0}
.sub_ti2{margin-top:20px; padding:0}
.energy{margin-bottom:30px;margin-top:0; font-size:0.938em; }
.energy2_in{padding: 69px 0 24px 15px !important;}
.mainVisual .img .slogan .t3{font-size:1.3em}
.slide_gallery{width:80% !important}
.energy2_in .tt{background-size: 8%; background:none; padding-bottom: 15px;}
.energy3_in{margin-bottom:0; position:inherit; width:94%;  padding:10px; top:0; left:0 }
.energy4_in{position:inherit; padding: 38px;}
.job_info .tab > li{width:30%}
.sub4_4_2area .tit_box{background-size:107%;     padding: 10px 0 31px 15px;}
.sub4_4_2area .area2 .txt_area{width: 51%;margin-left: 30px; padding: 17px; }
.sub4_4_2area .area2 .img_area{width:70px; height:70px; border:none; margin-left:0}
.energy.energy_box .dot{top:45px;}
.partner_in .pt1{WIDTH:29%}
.partner_in .pt1{MARGIN-BOTTOM:10PX}
.business_energy{
   Padding-bottom:30px;
}
.business_energy1 {
    margin-bottom: 50px;
}
.energy.energy_box .tx{padding-left:20px}
}