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

.box0{ width:1620px; max-width:100%; margin:0 auto; position:relative}
.box1{ width:1400px; margin:0 auto}
.box2{ width:1200px; margin:0 auto}
.box3{ width:1100px; margin:0 auto; max-width:100%; position:relative}

.fl_wrap{ *zoom:1;}
.fl_wrap:after{ content:""; display:block; clear:both;}
.fl_wrap > * { float:left;}
.fl_wrap > .left { float:left;}
.fl_wrap > .right{ float:right;}
.fl_wrap > * > .in{ display:block}

/**/
#header.hide{ opacity:0;}
#header.ani{ display:none}
.mainNav_wrap{ position:fixed; z-index:999; right:2%; bottom:5%;}
#mainNav > li > a{ display:block; margin:5px 0; text-align:right;}
#mainNav > li > a .line,
#mainNav > li > a .tt{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle; transition:.3s;}
#mainNav > li > a .line{ width:4px; height:20px; background:transparent; border:1px solid #fff; transform:rotate(45deg); opacity:.6;}
#mainNav > li > a .tt{ margin-right:1em; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:.750em; text-transform:uppercase; opacity:0;}
#mainNav > li:hover > a .line,
#mainNav > li.on > a .line{ background:#fff; opacity:1;}
#mainNav > li.on > a .line{ height:80px; transform:rotate(0deg);}
#mainNav > li:hover > a .tt,
#mainNav > li.on > a .tt{ opacity:1;}
/*
#mainVisual{ position:relative}
#mainVisual .slide_img{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
#mainVisual .slogan{ position:absolute; z-index:2; top:20%; left:0; width:100%; text-align:center;}
#mainVisual .slogan .tt{ color:#fff; opacity:0; transition:.6s;}
#mainVisual .slogan .t1{ font-family: 'Ms', sans-serif; font-size:2.570em; font-weight:400;}
#mainVisual .slogan .t2{ margin-left:2em; font-size:3.188em; padding:.2em 0 .6em 0; text-shadow:1px 1px 1px rgba(0,0,0,.2); letter-spacing:-2px;}
#mainVisual .slogan .t3{ margin-right:2em; font-size:1.250em; line-height:1.6; font-family:'notokrR';}
#mainVisual .slogan .t1 > span{ position:relative; display:inline-block; padding:0 1em;}

.load #mainVisual .slogan .tt{ opacity:1;}
.load #mainVisual .slogan .t2{ margin-left:0;}
.load #mainVisual .slogan .t3{ margin-right:0;}

*/

/*메인겹쳐보이지않게*/
#fullpage .section{ opacity:0; }
#fullpage #section0{ opacity:1;}
.fp-enabled #fullpage .section{ opacity:1;}


/*슬로건*/
#mainVisual .slogan .tt{ color:#fff; opacity:0; transition:.6s}
#mainVisual .slogan .ti{ opacity:.9; margin-bottom:.6em}
#mainVisual .slogan .t1{ font-family:'notokrM', sans-serif; font-size:2.570em; color:#fff; line-height:1.4; letter-spacing:-2px; text-shadow:1px 1px 1px rgba(0,0,0.2)}
#mainVisual .slogan .t2{ font-size:1.125em; padding:.2em 0 .6em 0; text-shadow:1px 1px 1px rgba(0,0,0,.2); letter-spacing:-1.5px; color:#fff; line-height:1.8; margin-top:2em}
#mainVisual .slogan .t3{ font-size:1.250em; line-height:1.6; font-family:'notokrR';}
#mainVisual .slogan .t1 > span{ position:relative; display:inline-block; padding:0 1em;}


.load #mainVisual .slogan .tt{ opacity:1;}
.load #mainVisual .slogan .t2{ margin-left:0;}
.load #mainVisual .slogan .t3{ margin-right:0;}



#mainVisual{ position:relative;}
#mainVisual .slide_img{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
#mainVisual .slogan{ position:absolute; z-index:2; top:28%; width:100%; text-align:left; max-width:1400px;}
#mainVisual .btn_wrap{ position:absolute; z-index:2; top:80%; width:100%; text-align:center;}
#mainVisual .btn_wrap > li{ display:inline-block; vertical-align:middle; margin:0 20px;}
#mainVisual .btn_wrap .btn{ font-size:1.250em; color:#fff; cursor:pointer; display:none}
#mainVisual .btn_wrap .main_paging{ position:relative; width:250px;}
#mainVisual .btn_wrap .paging{ top:0; left:0; width:100%; height:3px; background:rgba(255,255,255,.4);}
#mainVisual .btn_wrap .paging > span{ height:5px; margin-top:-1px; background:#fff;}

/*#mainVisual .btn_wrap{ position:absolute; z-index:2; top:55%; left:0; width:100%; text-align:center;}
#mainVisual .btn_wrap > li{ display:inline-block; vertical-align:middle; margin:0 20px;}
#mainVisual .btn_wrap .btn{ font-size:1.250em; color:#fff; cursor:pointer;}
#mainVisual .btn_wrap .main_paging{ position:relative; width:250px;}
#mainVisual .btn_wrap .paging{ top:0; left:0; width:100%; height:3px; background:rgba(255,255,255,.4);}
#mainVisual .btn_wrap .paging > span{ height:5px; margin-top:-1px; background:#fff;}
*/
#scrollAni{ position:absolute; left:50%; width:100px; margin-left:-50px; text-align:center; bottom:1.5em; opacity:1; z-index:100;}
#scrollAni .xi{ font-size:3.500em; color:#fff;}
#scrollAni .tt{ display:block; color:#fff; font-size:.75em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}

.section{ background-repeat:no-repeat; background-position:50% 50%; position:relative; overflow:hidden; background-size:cover}



/*==================== 메인 ====================*/


.main_tit{ padding-top:11em; text-align:center;}
.main_tit .t1{ color:#fff; font-family:'Ms'; font-weight:600; font-size:2.750em;}
.main_tit .t1.st,
.main_tit .t2.st{ color:#333;}
.main_tit .t2{ color:#fff; padding-top:1em; margin-bottom:2.5em}
.main_tit .tt_more{ margin:33px 0;}


/*section1*/
.section1 .product_slide_wrap{ position:relative;}
.section1 .product_slide_wrap .product_slide{ overflow:hidden; margin:0 0 0 -20px}
.section1 .product_slide_wrap .product_slide .item{ transition:.2s; text-align:center; display:block; float:left; width:25%;}
.section1 .product_slide_wrap .product_slide .item .inner{ /*margin:80px 45px; padding:15px 15px 20px 15px; */background-color:transparent; display:block; margin:0 0 0 20px}
.section1 .product_slide_wrap .product_slide .item .pro_img{ position:relative; background:#fff;}
.section1 .product_slide_wrap .product_slide .item .pro_img .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5);}
.section1 .product_slide_wrap .product_slide .slick-current .inner{ }
.section1 .product_slide_wrap .product_slide .slick-current .pro_img .bg{ background:transparent;}
.section1 .product_slide_wrap .product_slide .item:focus{ outline: none;}
.section1 .product_slide_wrap .product_slide .item .inner .border_dv{ box-sizing:border-box;/* margin:10px 10px; */}
.section1 .product_slide_wrap .product_slide .item .inner .border_dv:hover .tt{ background:#00aeef}
.section1 .product_slide_wrap .product_slide .item .inner .border_dv:hover .tt .tit, .section1 .product_slide_wrap .product_slide .item .inner .border_dv:hover .tt .tit_em{ color:#fff}
.section1 .product_slide_wrap .product_slide .item .inner .border_dv .t_img{background:#fff;}
.section1 .product_slide_wrap .product_slide .item .inner .border_dv .t_img > img{ display:inline-block; width:100%; height:100%; min-height:230px; }
.section1 .product_slide_wrap .product_slide .item .inner .border_dv .tt { background:#fff; color:#fff; padding:2em 0.5em; font-family:'notokrM'; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0 auto; transition:.3s}
.section1 .product_slide_wrap .product_slide .item .inner .border_dv .tt .tit{ font-size:1.250em; letter-spacing:-.5px; display:block; padding-bottom:15px; color:#333}
.section1 .product_slide_wrap .product_slide .item .inner .border_dv .tt .tit_em{ font-size:.875em; color:#666; display:block; font-family:'notokrR'; }


/*section2*/

.section2 .customer_wrap{ position:relative; height:70px; margin-bottom:30px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.section2 .customer_wrap .customer_slide .tt{ position:absolute; left:0; top:16px; z-index:3;}
.section2 .customer_wrap .customer_slide .tt .xi{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#000; font-size:30px; color:#000;}
.section2 .customer_wrap .customer_slide .tt span{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#fff; font-size:0.938em;  cursor:pointer; background:#00aeef; padding:10px 30px;}
.section2 .customer_wrap .customer_slide .slides{}
.section2 .customer_wrap .customer_slide .slides li{height:70px; line-height:70px; position:relative;}
.section2 .customer_wrap .customer_slide .slides li .notice_tit {color:#000; font-family:notokrR; font-size: 1em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-right:180px; margin-left:130px; vertical-align:middle; width:50%;}
.section2 .customer_wrap .customer_slide .slides li .notice_tit .xi {vertical-align:bottom; padding-right:3px;}
.section2 .customer_wrap .customer_slide .flex-direction-nav{position:absolute; right:0; bottom:16px; display:none;}
.section2 .customer_wrap .customer_slide .flex-direction-nav li{display:inline-block;}
.section2 .customer_wrap .customer_slide .flex-direction-nav a{display:block; height:40px; width:40px; font-size:0;}
.section2 .customer_wrap .customer_slide .flex-direction-nav a:hover{background-color:#111;}
.section2 .customer_wrap .customer_slide .flex-direction-nav .flex-prev{background-color:#595959; background-image:url(../images/main/arr_up.png); background-repeat:no-repeat; background-position:center center; margin-right:1px;}
.section2 .customer_wrap .customer_slide .flex-direction-nav .flex-next{background-color:#595959; background-image:url(../images/main/arr_down.png);  background-repeat:no-repeat; background-position:center center;}
.section2 .customer_wrap .customer_slide .slides li .notice_date{position:absolute; right:160px; top:0; color:#999; font-family:notokrR; font-size:.875em;}

.section2 .customer_wrap .customer_slide .morebtn{ position:absolute; right:1em; top:1em; padding:.8em 2em; z-index:1; cursor:pointer; font-size:.875em; background:#595959; color:#fff}


.section2 .custom_ul {overflow:hidden; margin:0 0 0 -20px}
.section2 .custom_ul .li_in { float:left; width:25%;}
.section2 .custom_ul .li_in .con_in {margin:0 0 0 20px; position:relative; background:#fff; padding-bottom:6em; border:1px solid #ddd}
/*.section2 .custom_ul .li_in .con_in:after { position:absolute; content:""; right:-35px; bottom:-35px; width:65px; height:65px; transform:rotate(45deg);}*/
.section2 .custom_ul .li_in .con_in .con_im_wrap { cursor:pointer;}
.section2 .custom_ul .li_in .con_in .con_tx_wrap{ cursor:pointer;}
.section2 .custom_ul .li_in .con_in .txt_box{ padding:20px 0 0 25px}
.section2 .custom_ul .li_in .con_in .txt_box .ti{ color:#333; font-size:1.125em}
.section2 .custom_ul .li_in .con_in .txt_box .tx{ color:#555; font-size:.875em; font-family:'notokrR'; padding-top:10px; line-height:1.5}
.section2 .custom_ul .li_in .con_in .img{ position:relative; height:180px}
.section2 .custom_ul .li_in .con_in .img .img_bg{ position:absolute; width:100%; height:100%}
.section2 .custom_ul .li_in .con_in .img .img_bg.bg1{ background:url(../images/main/main_sec2_img1.jpg) no-repeat center center;} 
.section2 .custom_ul .li_in .con_in .img .img_bg.bg2{ background:url(../images/main/main_sec2_img2.jpg) no-repeat center center;} 
.section2 .custom_ul .li_in .con_in .img .img_bg.bg3{ background:url(../images/main/main_sec2_img3.jpg) no-repeat center center;} 
.section2 .custom_ul .li_in .con_in .img .img_bg.bg4{ background:url(../images/main/main_sec2_img4.jpg) no-repeat center center;} 
.section2 .custom_ul .li_in .btn_wrap{ border:1px solid #00aeef; box-sizing:border-box; width:120px; position:absolute; bottom:20px; left:25px; cursor:pointer; transition:.3s}
.section2 .custom_ul .li_in .btn_wrap .vm_tt{ font-size:.750em; color:#00aeef; font-family:'Ms'}
.section2 .custom_ul .li_in .btn_wrap .xi{ color:#00aeef; font-size:.875em; padding-left:5px}
.section2 .custom_ul .li_in .btn_wrap .vm_wrap{ line-height:32px; height:32px}
.section2 .custom_ul .li_in .btn_wrap:hover{ background:#00aeef;}
.section2 .custom_ul .li_in .btn_wrap:hover .vm_tt, .section2 .custom_ul .li_in .btn_wrap:hover .xi{ color:#fff;}




/*section3*/
.section3 .main_con3{}
.section3 .main_con3 .sec4_in{ margin-left:-20px}
.section3 .main_con3 .sec4_in li{ background:#fff; width:48%; padding:30px 0; margin-left:20px; border:1px solid #ddd; box-sizing:border-box}
.section3 .main_con3 .sec4_in li.right{ padding-bottom:0;}
.section3 .main_con3 .sec4_in li .tt{ font-size:1.250em; font-family:'notokrM'; padding-left:2em; margin-bottom:10px}
.section3 .main_con3 .sec4_in li.left .xi{ color:#666 !important}
.section3 .main_con3 .sec4_in li .label{ margin:0 10px; color:#f05d35 !important}
.section3 .main_con3 .sec4_in li .tx_box .tx{ padding-left:2em; color:#666; margin-bottom:.3em; font-family:'notokrB';}
.section3 .main_con3 .sec4_in li .tx_box .tx.c1{ color:#00aeef; font-family:'Ms'; font-weight:600;}
.section3 .main_con3 .sec4_in li .tx_box .tx.c1 > span{ font-size:1.250em;}
.section3 .main_con3 .sec4_in li.right .xi{ color:#fff; background:#00aeef; border-radius:100px; padding:.4em .5em; margin-right:.5em;}
.section3 .main_con3 .sec4_in li.right .xi.st{ background:#666 !important;}
.section3 .main_con3 .root_daum_roughmap{}

.section3 .main_con3 .con5_faq_wrap{ padding:0 2em; position:relative}
.section3 .main_con3 .con5_faq_wrap .con5_input {position:relative; border:1px solid #ddd; margin-bottom:5px}
.section3 .main_con3 .con5_faq_wrap .con5_input .txt {position:absolute; left:15px; top:11px; font-size:.938em; font-family:notokrR,sans-serif;}
.section3 .main_con3 .con5_faq_wrap .con5_input .txt .xi{ font-size:22px; vertical-align:middle; color:#666; margin-right:5px;  }
.section3 .main_con3 .con5_faq_wrap .con5_input .txt span {display:inline-block; vertical-align:middle;}
.section3 .main_con3 .con5_faq_wrap .input_st{display:inline-block; *display:inline; zoom:1; vertical-align:middle; box-sizing:border-box; border:none; color:#666 !important; background:#f5f5f5;}
.section3 .main_con3 .con5_faq_wrap textarea.input_st {padding:10px 10px 10px 130px !important; width:100%; height:100px !important; background:#f5f5f5;}
.section3 .main_con3 .con5_faq_wrap input[type=text].input_st, input[type=tel].input_st,
.section3 .main_con3 .con5_faq_wrap input[type=password].input_st{line-height:50px; height:50px; padding:0 20px 0 130px;}
.section3 .main_con3 .con5_faq_wrap input[type=file].input_st{ background:none; border:none}
.section3 .main_con3 .con5_faq_wrap .main_arrow{ position:absolute; top:-2.5em; right:2em;}

.section3 .main_con3 .con5_faq_wrap .con5_btn{ margin-top:13px; display:inline-block; width:100%; height:50px; line-height:50px; background:#00aeef; border:1px solid #00aeef; color:#fff; font-size:1.063em; font-family:notokrM,sans-serif; transition:.3s; }
.section3 .main_con3 .con5_faq_wrap .con5_btn:hover {background:#fff; color:#00aeef;}

.section3 .main_con3 .sec4_in li.btn_wrap{ position:relative}
.section3 .main_con3 .agree_btn {display:inline-block; padding:0 10px; line-height:25px; border:1px solid #bbb; background:#bbb; color:#fff; font-family:notokrM,sans-serif; font-size:.813em; border-radius:7px; transition:.3s; margin-top:.3em}
.section3 .main_con3 .agree_btn:hover {color:#00aeef; border-color:#00aeef; background:#fff;}

.section3 .main_con3 .label_st.ok{ }






/**/
#header{ position:fixed; top:0; left:0; width:100%; z-index:5; border-bottom:1px solid rgba(255,255,255,.2);}
#header .vm_wrap{ height:80px;}

#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; vertical-align:middle; border-left:1px solid rgba(255,255,255,.2); text-align:center; width:80px; cursor:pointer;}
#header .gnb_area .right_menu .contact_dv .xi{color:#fff; line-height:80px; 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:80px; width:80px; cursor:pointer;}
#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:2px; 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;} 
#header .gnb_area .logo{ display:inline-block;}
#header .gnb_area .logo .logo1{ position:absolute; left:0; top:5px;}
#header .gnb_area .logo .logo3{ position:absolute; left:0; top:5px;}
/*#header .gnb_area .logo a{width:208px; height:31px; background:url(../images/logo_white.png) no-repeat 0 center; background-size:100%;display:block;}*/

#header .gnb_area .gnb{display:inline-block; *display:inline; zoom:1; vertical-align:middle; /*padding-left:30%; */position:absolute; right:30%}
#header .gnb_area .gnb:after{ content:""; display:block; clear:both;}
#header .gnb_area .gnb > li{ float:left; position:relative; cursor:pointer; padding:0 .5em;}
#header .gnb_area .gnb > li .dp1{ display:block; position:relative; padding:0 26px; height:80px; line-height:80px; font-size:1.18em; color:#fff;; font-family:notokrM; }

#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:#fff; text-align:center; border-top:0; }
#header .gnb_area .gnb .dp2 > li{text-align:center; display:block;}
#header .gnb_area .gnb .dp2 > li > a{ display:block; color:#333; font-size:0.92em; padding:8px 0;}
#header .gnb_area .gnb .dp2 > li:first-child > a{ border-top:0;}

#header .gnb_area .gnb > li:hover .dp1{color:#0c61b5}
#header .gnb_area .gnb > li .dp1.on{ /*background:#0c61b5; color:#fff;*/}

#header .gnb_area .gnb > li .dp2 a:hover{ background:#f1f1f1;}

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


#header .gnb_area .gnb > li{ position:relative}
#header .gnb_area .gnb > li:before,
#header .gnb_area .gnb > li:after{ content:""; position:absolute; bottom:0; width:0; height:3px; background:#00aeef; z-index:1; opacity:0; transition:.3s}
#header .gnb_area .gnb > li:before{ left:50%}
#header .gnb_area .gnb > li:after{ right:50%}
#header .gnb_area .gnb > li:hover .dp1,
#header .gnb_area .gnb > li.on .dp1{ color:#003f87;}
#header .gnb_area .gnb > li:hover:before,
#header .gnb_area .gnb > li.on:before,
#header .gnb_area .gnb > li:hover:after,
#header .gnb_area .gnb > li.on:after{ opacity:1; width:50%}
#header .gnb_area .gnb > li:hover .dp1:after,
#header .gnb_area .gnb > li.on .dp1:after{ opacity:1}
#header .gnb_area .gnb > li:hover .dp2{ opacity:1; visibility:visible}
#header .gnb_area .gnb > li .dp2 > li:hover > a{ color:#0072c6}

.mobile_menu{display:none;}

#header.ani{ background:rgba(255,255,255,1); border-bottom:0; transition:.3s ease; box-shadow:0 5px 10px rgba(0,0,0,.15);}
#header.ani .gnb_area .gnb > li .dp1{ color:#222 !important;}
#header.ani .gnb_area .gnb > li .dp1.on{/* color:#fff;*/}
#header.ani .logo1{ display:none !important;}
#header.ani .logo2{ display:block !important; position:absolute; left:0; top:5px;}
#header.ani .gnb_area .right_menu .contact_dv{ border-left:1px solid #ddd;}
#header.ani .gnb_area .right_menu .contact_dv .xi{ color:#222;}
#header.ani .gnb_area .ham_btn .all_btn span{ background:#222}
/*#header.ani .gnb_area .ham_btn{background:#0c61b5; transition:0.3s;}*/
#header.ani .etc_wrap .mem .vm_tt{ color:#222;}

.sub #header:hover .dp1{ color:#222 !important;}
.sub #header .gnb_area .gnb > li:hover .dp1{ color:#222 !important}
.sub #header .dp1{ color:#fff;}
.sub #header .gnb_area .gnb > li.on .dp1{ color:#fff}

/*.sub #header .gnb_area .right_menu .contact_dv{ border-left:1px solid #ddd;}
.sub #header .gnb_area .right_menu .contact_dv .xi{ color:#222}
.sub #header .gnb_area .ham_btn span{ background:#222;}
*/

/*메인헤더 스크롤시 헤더고정*/
.fp-viewing-1 #header,
.fp-viewing-2 #header,
.fp-viewing-3 #header{ background:#fff; border-bottom:0; transition:.3s; box-shadow:0 1px 3px rgba(0,0,0,.3)}
.fp-viewing-1 #header .logo1,
.fp-viewing-2 #header .logo1,
.fp-viewing-3 #header .logo1{ display:none;}
.fp-viewing-1 #header .logo2,
.fp-viewing-2 #header .logo2,
.fp-viewing-3 #header .logo2{ display:block !important; position:absolute; left:0; top:5px}
.fp-viewing-1 #header .gnb_area .gnb > li .dp1,
.fp-viewing-2 #header .gnb_area .gnb > li .dp1,
.fp-viewing-3 #header .gnb_area .gnb > li .dp1{ color:#222}
.fp-viewing-1 #header .gnb_area .ham_btn,
.fp-viewing-2 #header .gnb_area .ham_btn,
.fp-viewing-3 #header .gnb_area .ham_btn{ border-right:1px solid #ddd; border-left:1px solid #ddd; background:rgba(0,174,239,.8)}
.fp-viewing-1 #header .gnb_area .ham_btn .all_btn span,
.fp-viewing-2 #header .gnb_area .ham_btn .all_btn span,
.fp-viewing-3 #header .gnb_area .ham_btn .all_btn span{ background:#fff}
.fp-viewing-1 #header .gnb_area .right_menu .contact_dv,
.fp-viewing-2 #header .gnb_area .right_menu .contact_dv,
.fp-viewing-3 #header .gnb_area .right_menu .contact_dv{border-left:1px solid #ddd; background:rgba(0,174,239,.8);}
.fp-viewing-1 #header .gnb_area .right_menu .contact_dv .xi,
.fp-viewing-2 #header .gnb_area .right_menu .contact_dv .xi,
.fp-viewing-3 #header .gnb_area .right_menu .contact_dv .xi{color:#fff}
.fp-viewing-1 #header .etc_wrap .mem .vm_tt,
.fp-viewing-2 #header .etc_wrap .mem .vm_tt,
.fp-viewing-3 #header .etc_wrap .mem .vm_tt{ color:#222 !important}


#header:hover{ background:#fff; border-bottom:0; transition:.3s;}
#header .logo2{ display:none;}
#header:hover .logo1{ display:none;}
#header:hover .logo2{ display:block !important; position:absolute; left:0; top:5px;}
#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:rgba(0,174,239,.8)}
#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:rgba(0,174,239,.8);}
#header:hover .gnb_area .right_menu .contact_dv .xi{color:#fff}
#header .gnb_area .right_menu .contact_dv:hover{background:#3292f0; transition:0.3s;}
#header:hover .gnb_area .ham_btn:hover{background:#3292f0; transition:0.3s;}
#header:hover .etc_wrap .mem .vm_tt{ color:#222 !important;}

#header .etc_wrap{ position:absolute; right:13em;}
#header .etc_wrap .mem .vm_tt{ padding:0 1.5em; border-left:1px solid rgba(255,255,255,.3); font-size:.750em; text-transform:uppercase; color:#fff;}
#header .etc_wrap .mem.st .vm_tt{ border-left:none !important}


/*#header.ani *{ transition:0.3s ease;}*/


#header .ham_menu{position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; display:none; z-index:10;} 
#header .ham_menu .close{position:fixed; top:25px; right:8%; font-size:25px; color:#222; width:60px; height:60px; line-height:60px; text-align:center; cursor:pointer; opacity:1;}
/*#header .ham_menu .close:hover{background:#66adce;}*/
#header .ham_menu .ham_gnb{padding:9em 3% 0; background:#fff;}
#header .ham_menu .ham_gnb .gnb{ overflow:hidden;margin-left:-1%;}
#header .ham_menu .ham_gnb .gnb > li{ float:left; width:32%; margin-left:1%; margin-bottom:3em}
#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:2px solid #666; border-bottom:2px dotted #666; text-align:center; font-size:1em; color:#333; padding:1em 0; background:#fff}
#header .ham_menu .ham_gnb .gnb > li .dp2 > li{ display:block;}
#header .ham_menu .ham_gnb .gnb > li .dp2 > li > a{ display:block; border-bottom:1px dotted #ddd; font-size:87.5%; color:#555; padding:.5em 0; text-align:center; font-size:.938em; font-family:'notokrR';}
#header .ham_menu .ham_gnb .gnb > li .dp3 {overflow:hidden; padding:5px 10px; background:#f9f9f9}
#header .ham_menu .ham_gnb .gnb > li .dp3 > li {width:50%; float:left;}
#header .ham_menu .ham_gnb .gnb > li .dp3 > li > a{ display:block; border-bottom:1px dotted #999; font-size:.75em; color:#777; padding:5px 0; text-align:center; margin:0 3px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

#header .ham_menu .ham_gnb .gnb > li .dp2 > li > a:hover{ color:#222; background:#f5f5f5;} 
#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:11px; position:absolute; left:8%; top:5px;}
#header .ham_menu .logo_bottom_txt{text-align:center; padding-top:14px; padding-bottom:3px; color:#222; font-size:2em; font-family:notokrM; background:rgba(255,255,255,1)}
#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; background:rgba(255,255,255,1)}

/**/
#quick{ position:fixed; right:0; top:0; width:10em; height:100%; z-index:100; display:none}
#quick .va{ width:100%; text-align:left}
#quick .menu > li > a{ display:block; border:1px solid #fff; border-right:none; color:#fff; line-height:2.5em; margin-bottom:-1px; transform:translateX(1em); transition:.3s; cursor:pointer; position:relative}
#quick .menu > li > a .xi{ font-size:1em; width:2.5em; height:2.5em; border-right:1px solid rgba(255,255,255,.2); text-align:center; margin-right:.5em}
#quick .menu > li > a .xi:before{ font-size:1.25em}
#quick .menu > li > a .tt{ vertical-align: top; font-family:Arial, Helvetica, sans-serif; font-size:.813em}
#quick .menu > li > a:hover{ transform:translateX(0); z-index:1}
.scroll #quick .menu > li > a{ background:#339ce2; opacity:.8; border-color:rgba(255,255,255,.2)}
.scroll #quick .menu > li > a:hover{ opacity:1}


#contents{}
#contents .sub_visual_wrap{ position:relative;}
#contents .sub_visual_wrap .va_wrap{ position:relative; height:25em; overflow:hidden}
#contents .sub_visual_wrap .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#00285e; transform:scale(1.3,1.3); transition:2s}
#contents .sub_visual_wrap .slogan{ position:relative;}
#contents .sub_visual_wrap .slogan .slo_p1{font-size:1.125em; ; color:#fff; margin-left:5em; opacity:0; transition:1s;}
#contents .sub_visual_wrap .slogan .tit{ font-size:2.5em;  color:#fff; margin-right:5em; opacity:0; transition:1s; font-weight:bold}
#contents .sub_visual_wrap .slogan .sec{ display:block; width:0; height:.1em; margin:1.25em auto; background:#fff; transition:1s; transition-delay:.5s}
#contents .sub_visual_wrap .slogan .nav{ font-size:.875em; color:#fff; opacity:0; line-height:1.5; transition:1s; transition-delay:.5s; letter-spacing:.5em}
#contents .sub_visual_wrap .slogan .nav .xi{ font-size:1em;}
#contents .sub_visual_wrap .slogan .nav .arrow{ margin:0 .3em 0 .2em}
#contents .sub_visual_wrap .slogan .nav .arrow:before{content:"\e93f"}




.load #contents .sub_visual_wrap .bg{ transform:scale(1,1)}
.load #contents .sub_visual_wrap .slogan .slo_p1{margin-left:0; opacity:1}
.load #contents .sub_visual_wrap .slogan .tit{ margin-right:0; opacity:1}
.load #contents .sub_visual_wrap .slogan .nav{ opacity:1}
.load #contents .sub_visual_wrap .slogan .sec{ width:2.5em}
#contents .sub_visual_wrap .sub_gnb_wrap{ position:absolute; left:0; bottom:0; width:100%;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb{ text-align:center; margin-top:-1em;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp1{ display:none;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on .dp2{ display:block}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li{/*float:left;*/ width:20%;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.sm_notice{ display:none}
/*#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2.st3 > li {width:33.33% !important;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2.st4 > li{width:25% !important;}*/
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a{ height:3.4em; color:#fff; border-left:1px solid rgba(255,255,255,.1); transition:.3s; background:rgba(0,174,239,.8)}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:1rem; opacity:.8; transition:.3s; font-family:notokrM, sans-serif;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a{ background:#fff; color:#00aeef; }
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:hover > a .va,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a .va{ opacity:1 }

#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.m_education{ display:none}



/*슬로건수정*/
#contents .sub_visual_wrap .slogan{ position:relative; margin-top:2.5em}
#contents .sub_visual_wrap .slogan .t1{ font-size:0.875em; letter-spacing:1em; text-transform:uppercase; color:#fff; margin-right:10em; opacity:0; transition:1s; font-weight:200; margin-bottom:1.5em}
#contents .sub_visual_wrap .slogan .t2{ font-size:2.125em; color:#fff; padding-bottom:1em; margin-left:10em; opacity:0; transition:1s; font-weight:300}
#contents .sub_visual_wrap .slogan .t2:before{ content:""; display:block; width:1em; height:1px; margin:1em auto .5em auto; background:#fff}
.load #contents .sub_visual_wrap .slogan .t1{ margin-right:0; opacity:1}
.load #contents .sub_visual_wrap .slogan .t2{ margin-left:0; opacity:1}
#contents .sub_visual_wrap .visualLogo{margin-top:.5em;}


#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.m_inq .dp2 > li.on > a{ display:none;}



#footer{ background:#2e384d}
#footer .link_wrap{ border:1px solid #333; border:1px solid rgba(255,255,255,.1); border-left:none; border-right:none}
#footer .link_wrap .va_wrap{ height:3em}
#footer .link_wrap .link > li > a{ margin:0 2.5em; color:#fff; opacity:.7}
#footer .link_wrap .link > li > a:first-child{ margin-left:0}
#footer .link_wrap .link > li > a .va{ font-size:.938em}
#footer .link_wrap .link > li > a:hover .va{ text-decoration:underline}
#footer .link_wrap .gotop{ display:block; width:3.5em; background:#111; background:rgba(0,0,0,.4); opacity:.7; color:#fff; text-align:center; transition:.3s}
#footer .link_wrap .gotop .xi{ display:block}
#footer .link_wrap .gotop .tt{ display:block; font-size:.625em; letter-spacing:0}
#footer .link_wrap .gotop:hover{ background:#00aeef; color:#fff; opacity:1}
#footer .info_wrap{ padding:2em 0 2em 0;}
#footer .info_wrap .box1{ position:relative}
#footer .info_wrap .box2{ position:relative}
#footer .info_wrap .logo{ margin-top:0; opacity:.5; margin-right:6em}
#footer .info_wrap .logo .footerLogo{ padding-left:1em; display:block; opacity:1 !important;}
#footer .info_wrap .info{ width:70%; padding-top:.5em;}
#footer .info_wrap .info > li{ margin-right:2em; font-size:.938em; color:#fff; opacity:.6; line-height:1.6; letter-spacing:0; font-family:'notokrR'}
#footer .info_wrap .info > li:first-child{ font-family:'notokrB'; color:#fff; padding-bottom:3px}
#footer .info_wrap .info > li:nth-child(2) span{ padding-right:1.5em;}
#footer .info_wrap .info > li:nth-child(3) span{ padding-right:1.5em;}
#footer .info_wrap .info > li.copyright{ clear:both; padding-top:1em; font-size:.688em; color:#fff; opacity:.3; text-transform:uppercase}
#footer .info_wrap .mark{ position:absolute; right:0; top:2em; opacity:.2}



/**/
#contents .doc{ padding:3em 0 12em 0}
#contents .doc.st{ padding:3em 0 0 0}
#contents .doc.st2{ padding:0 0 12em 0}

/*서브타이틀*/
#contents .subtit_wrap{ border-bottom:1px solid #ddd; margin-bottom:2em; text-align:center; position:relative; background:#fff; transition:.3s; z-index:1; padding:1.5em 0 1.5em 0;}
/*#contents .subtit_wrap .va_wrap{ height:6em; transition:.3s}*/
#contents .subtit_wrap .tit{ font-size:2em; color:#333; letter-spacing:-1px; font-family:'notokrM'; color:#333}
#contents .subtit_wrap .tit .sub_tit_logo{ position:relative; top:5px; padding-right:.5em}


/**/
.group_wrap{ background:#f5f5f5; margin-top:-60px; padding-bottom:10em;}
.group_wrap .t1{ font-size:1.375em; text-align:center; padding-top:2em; font-weight:400;}
.group_wrap img{ padding-top:6em;}
.group_wrap .c1{ vertical-align:baseline; color:#003f87;}



/*제품*/
.prod_top{ position:relative; width:100%; height:260px; margin-bottom:58px; background-position:center top; background-repeat:no-repeat;}
.prod_top .inner{ padding:3em 3.5em}
.prod_top .prod_icon{ position:absolute; left:305px; bottom:-45px; z-index:2; display:none}
.prod_top .prod_bg{ position:absolute; left:0; top:0; z-index:1; /*width:601px; */ width:100%; height:100%; background-color:#aaa}
.prod_top .prod_bg.bg1{ background:url(../images/sub/top_bg01.jpg) no-repeat center top}
.prod_top .prod_bg.bg1_1{ background:url(../images/sub/top_bg01_1.jpg) no-repeat center top}
.prod_top .prod_bg.bg1_2{ background:url(../images/sub/top_bg01_2.jpg) no-repeat center top}
.prod_top .prod_bg.bg2{ background:url(../images/sub/top_bg02.jpg) no-repeat center top;}
.prod_top .prod_bg.bg3{ background:url(../images/sub/top_bg03.jpg) no-repeat center top;}
.prod_top .prod_bg.bg4{ background:url(../images/sub/top_bg04.jpg) no-repeat center top;}
.prod_top .prod_bg.bg5{ background:url(../images/sub/top_bg05.jpg) no-repeat center top;}
.prod_top .prod_bg.bg6{ background:url(../images/sub/top_bg06.jpg) no-repeat center top;}
.prod_top .prod_bg.bg7{ background:url(../images/sub/top_bg07.jpg) no-repeat center top;}
.prod_top .prod_bg.bg8{ background:url(../images/sub/top_bg08.jpg) no-repeat center top;}
.prod_top .prod_bg.bg9{ background:url(../images/sub/top_bg09.jpg) no-repeat center top;}


.prod_top .prod_tit{ position:relative; z-index:2;}
.prod_top .prod_tit .t1{ font-size:0.875em; font-family:notokrL, sans-serif; color:#fff; filter:alpha(opacity=50); opacity:0.5; letter-spacing:-0.5px;}
.prod_top .prod_tit .t2{ font-size:2em; font-family:notokrB, sans-serif; color:#fff; letter-spacing:-0.8px; margin:8px 0 18px 0;}
.prod_top .prod_tit .t3{ font-size:.938em; font-family:notokrR, sans-serif; color:#fff; letter-spacing:-0.5px; line-height:1.5;}

.sub_prod_tit{ text-align:center; line-height:1.5; font-size:1.125em}

.prod_wrap .tab_wrap{ position:relative; text-align:center; margin-bottom:2em}
.prod_wrap .tab_wrap.st{ border-bottom:1px solid #ccc}
.prod_wrap .tab_wrap .tab_ul{ position:relative; display:inilne-block}
.prod_wrap .tab_wrap .tab_ul > li{ position:relative; box-sizing:border-box; border:1px solid #ccc; margin-left:-1px}
.prod_wrap .tab_wrap .tab_ul.st1 > li{ width:33.333%}
.prod_wrap .tab_wrap .tab_ul > li > a{ text-align:center; transition:.3s; height:50px; line-height:50px; display:block; font-size:1em; letter-spacing:-1px; color:#222;}
.prod_wrap .tab_wrap .tab_ul > li > a:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:5px; background:#fff}
.prod_wrap .tab_wrap .tab_ul > li.on > a:after{ background:#00aeef !important; bottom:-1px}

.prod_wrap .prod_middle .detail_con > p.tt{ font-size:1.570em; text-align:center; font-family:'notokrM'; color:#333; padding:2em 0; display:none}
.prod_wrap .prod_middle .detail_con .bg_wrap{ background:#f5f5f5; padding:3em 4em}
.prod_wrap .prod_middle .detail_con .bg_wrap.st{ padding:2em}
.prod_wrap .prod_middle .detail_con .cont{ overflow:hidden; /*margin-bottom:2em; border-top:2px solid #222; padding-top:1.5em*/}
.prod_wrap .prod_middle .detail_con .ti{ font-size:1.570em; letter-spacing:-1px; color:#333; padding-bottom:10px; border-bottom:2px solid #333; margin-bottom:30px}
.prod_wrap .prod_middle .detail_con .txt_list{ line-height:1.6; margin-bottom:2em}
.prod_wrap .prod_middle .detail_con .txt_list{ border:1px solid #ccc; padding:2em 2.5em}
.prod_wrap .prod_middle .detail_con .txt_list.st{ border:none; padding:1em 0}
.prod_wrap .prod_middle .detail_con .txt_list.st2 > li{ margin-right:3em; width:100%}
.prod_wrap .prod_middle .detail_con .txt_list > li{ padding-left:1em; position:relative; font-family:'notokrR';}
.prod_wrap .prod_middle .detail_con .txt_list > li:before{ width:4px; height:4px; content:""; position:absolute; top:11px; left:0; background:#0c61b5}
.prod_wrap .prod_middle .detail_con .cont .txt_list2 > li{ background:#fff; padding:1em; margin-right:10px; margin-bottom:10px; font-family:notokrR; font-size:.938em}
.prod_wrap .prod_middle .detail_con .cont .txt_list2 > li:hover{background:#0052b8; color:#fff; transition:.3s;}
.prod_wrap .prod_middle .detail_con .img_ol{ margin-bottom:2em; margin-right:3em; padding:1em 0; display:none}
.prod_wrap .prod_middle .detail_con .img_ol > li{ background:#fff}
.prod_wrap .prod_middle .detail_con .img_ol > li > img{ width:150px !important; height:150px; background:#fff}

.prod_wrap .prod_middle .detail_con .img_list.st1 > li{ width:50%; margin-bottom:20px}
.prod_wrap .prod_middle .detail_con .img_list.st2 > li{ width:33.333%; margin-bottom:20px}
.prod_wrap .prod_middle .detail_con .img_list.st3 > li{ width:50%}
.prod_wrap .prod_middle .detail_con .img_list.st4 > li{ width:20%; margin-bottom:20px}
.prod_wrap .prod_middle .detail_con .img_list.st5 > li{ width:16.666%; margin-bottom:20px}
.prod_wrap .prod_middle .detail_con .img_list > li .resize{ padding-bottom:75.666%}
.prod_wrap .prod_middle .detail_con .img_list{ margin:0 0 0 -20px}
.prod_wrap .prod_middle .detail_con .img_list.list{ margin:0}
.prod_wrap .prod_middle .detail_con .img_list .img{ margin:0 0 0 20px; background:#fff; 
box-shadow:2px 2px 2px rgba(0,0,0,0.15); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.15); -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.15)}

.prod_wrap .prod_middle .detail_con .cont .t1{ font-size:1.125em; margin-bottom:15px; display:block}
.prod_wrap .prod_middle .detail_con .cont .img_list .img_tit{ font-size:.875em; text-align:center; display:block; color:#fff; background:rgba(0,0,0,.7); font-family:'notokrR'; height:36px; line-height:36px}

.prod_wrap .txt_box .tx1{ line-height:1.6; font-family:'notokrR'; text-align:justify}
.prod_wrap .busi_img{ padding-right:2em}
.prod_wrap .busi_img.st{ padding-right:5em}

.prod_wrap .prod_middle .tit{ font-size:1.570em; font-family:'notokrM'; /*color:#00aeef; */padding-bottom:20px}
.prod_wrap .prod_middle .products_list{ margin:0 0 0 -10px}
.prod_wrap .prod_middle .products_list > ul{}
.prod_wrap .prod_middle .products_list > ul > li{ width:25%}
.prod_wrap .prod_middle .products_list > ul.st2 > li{ width:20% !important}
.prod_wrap .prod_middle .products_list > ul > li .in{ margin:0 0 10px 10px; border:1px solid #ccc; padding:1.5em 1.5em}
.prod_wrap .prod_middle .products_list > ul > li .in.st{ padding:1.5em 1em; position:relative}
.prod_wrap .prod_middle .products_list > ul > li .icon{ display:block; text-align:center; padding-bottom:5px}
.prod_wrap .prod_middle .products_list > ul > li .icon > img{ border-radius:3px}
.prod_wrap .prod_middle .products_list > ul > li .t1{ font-size:1.125em; font-family:'notokrB'; color:#4796cd; text-transform:uppercase; display:block; text-align:center; padding-bottom:1em}
.prod_wrap .prod_middle .products_list > ul > li .t2{ color:#555; font-size:.875em; font-family:'notokrR'; text-align:center; padding-top:20px}
.prod_wrap .prod_middle .products_list > ul > li .t3{ font-size:1em; font-family:'notokrM'; color:#333; text-align:center; height:50px}
.prod_wrap .prod_middle .products_list > ul > li .txt{ font-family:'notokrR'; color:#333; text-align:center; border-top:1px solid #ccc; padding-top:1em}
.prod_wrap .dl_list{ overflow:hidden}
.prod_wrap .dl_list dt{ float:left; font-size:1.570em; width:20%; font-family:'notokrB'}
.prod_wrap .dl_list dd{ float:right; line-height:1.6; font-family:'notokrR'; width:75%; text-align:justify; font-size:1.125em}
.prod_wrap .dl_list .c1{ color:#333; font-family:'notokrB'; vertical-align:baseline}

.prod_wrap .btn_wrap{ text-align:center; margin-top:3em}
.prod_wrap .btn_wrap > a{ line-height:64px; height:64px; border:1px solid #00aeef; box-sizing:border-box; width:260px; display:inline-block; margin:0 auto}
.prod_wrap .btn_wrap > a:hover{ background:#00aeef; trnasition:.3s}
.prod_wrap .btn_wrap > a:hover .vm_tt,
.prod_wrap .btn_wrap > a:hover .xi{ color:#fff}
.prod_wrap .btn_wrap .vm_tt,
.prod_wrap .btn_wrap .xi{ color:#00aeef; font-family:'notokrR'}
.prod_wrap .btn_wrap .xi{ padding-left:.5em}


/*개인정보처리방침*/
.privacy_area{ border-top:2px solid #333; border-bottom:1px solid #666; position:relative; /*height:800px; overflow-y:scroll;*/ font-family:'notokrR';}
.privacy_area .privacy_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;}
.privacy_area .privacy_tt strong{ display:inline-block; *display:inline; zoom:1; font-size:1.308em; font-weight:600; color:#fff; padding:20px 15px 0;}
.privacy_area .privacy_box{  background-color:#f9f9f9; padding:30px;}
.privacy_area .privacy_box .txt{ font-weight:600; color:#444; line-height:20px; margin-bottom:15px;}
.privacy_area .privacy_box .privacy_in{ height:140px; padding:30px; border:1px solid #ccc; background:#fff; line-height:18px; overflow-y:scroll;}
.privacy_area .privacy_box .privacy_in p{ line-height:1.4; margin-bottom:10px; color:#555; font-size:0.875em; font-family:notokrR;}
.privacy_area .privacy_box .privacy_in.h_st{ overflow-y:hidden; height:auto;}
.privacy_area .privacy_box .privacy_inp{ margin-top:25px; text-align:right;}
.privacy_area .privacy_box .privacy_inp input,
.privacy_area .privacy_box .privacy_inp label{ vertical-align:middle; cursor:pointer;}
.privacy_area .privacy_box .privacy_inp input{ margin-left:15px;}
.privacy_area .privacy_box .privacy_inp label{ margin-left:8px;}
.privacy_area .privacy_box .privacy_inp label:hover{ color:#3992ed;}

.privacy_area.st .privacy_box{ margin-left:0; padding:30px;}
.privacy_area.st .privacy_box .privacy_in{ padding:30px; font-size:0.875em; line-height:1.6}

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


/**/
.agree_wrap{ padding:.5em; font-size:.875em; line-height:1.5}


/*이메일수집*/
.editor_wrap{ margin-top:3em; background:#fff; border:1px solid #ccc; padding:2em}
.editor_wrap:first-child{ margin-top:0}
.editor_wrap .h1{ position:relative; font-size:1.375em; letter-spacing:-2px; font-weight:500; color:#002654; border-bottom:2px solid #002654; padding-bottom:.5em; padding-left:1em; margin-bottom:-1px}
.editor_wrap .h1:before,
.editor_wrap .h1:after{ content:""; position:absolute; left:0; top:.5em; width:.375em; height:.375em; background:#002654; transform:rotate(45deg)}
.editor_wrap .h1:before{ opacity:.2; left:.375em}
.editor_wrap .h2{ position:relative; font-weight:500; color:#111; margin-bottom:.313em; margin-top:2em; text-align:left}
.editor_wrap .h2:first-child{ margin-top:0}
.editor_wrap .h2:before{ content:""; position:absolute; left:-.75em; top:.5em; width:.375em; height:.375em; background:#111}
.editor_wrap .h2 + .h2{ margin-top:.5em}
.editor_wrap .table_editor .h2{ padding-left:.75em}
.editor_wrap .table_editor .h2:before{ left:0; top:.625em}
.editor_wrap .con{ padding:2em 1.5em; /*border-bottom:1px solid #ccc; */border-top:none}
.editor_wrap .h1_tt{ font-size:.938em; line-height:1.5; color:#555}
.editor_wrap .h1_tt *{ vertical-align:top}
.editor_wrap .h1_tt a{ text-decoration:underline}
.editor_wrap.st1{ margin-top:0}
.editor_wrap.st1 .con{ padding:1em 0}



/*이용약관*/
.agree_area{ border-top:2px solid #333; border-bottom:1px solid #666; position:relative; height:400px; overflow-y:scroll; font-family:'notokrR';}
.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;}
.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;}
.agree_area .agree_box{  background-color:#f9f9f9; padding:30px;}
.agree_area .agree_box .txt{ font-weight:600; color:#444; line-height:20px; margin-bottom:15px;}
.agree_area .agree_box .agree_in{ height:140px; padding:30px; border:1px solid #ccc; background:#fff; line-height:18px; overflow-y:scroll;}
.agree_area .agree_box .agree_in p{ line-height:1.4; margin-bottom:10px; color:#555; font-family:notokrR;}
.agree_area .agree_box .agree_in.h_st{ overflow-y:hidden; height:auto;}
.agree_area .agree_box .agree_inp{ margin-top:25px; text-align:right;}
.agree_area .agree_box .agree_inp input,
.agree_area .agree_box .agree_inp label{ vertical-align:middle; cursor:pointer;}
.agree_area .agree_box .agree_inp input{ margin-left:15px;}
.agree_area .agree_box .agree_inp label{ margin-left:8px;}
.agree_area .agree_box .agree_inp label:hover{ color:#3992ed;}

.agree_area.st .agree_box{ margin-left:0; padding:30px;}
.agree_area.st .agree_box .agree_in{ padding:30px; line-height:1.6; font-size:0.875em;}

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



/**/
.right_txt {text-align:right; padding-bottom:.8em; font-weight:400; font-size:.938em;}
.sub_agree_wrap{padding:30px; border-top: 2px solid #333; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee; font-size: 0.938em; color:#888; margin-top:10px;}
.sub_agree_wrap p{padding:10px; line-height:1.5;}
.sub_agree_wrap strong{color:#555;}
.sub_agree_wrap .cont{overflow-y:scroll; height:100px; overflow-y: scroll; }
.cont_check{text-align: right; margin: 10px 0 40px 0; font-size:0.875em; color:#555; box-shadow:3px 3px 5px rgba(0,0,0,0.2); padding:.6em 1em; background:#f5f5f5;}
.sub_agree_wrap .span{text-align: center; padding-left: 40px;}
.file_txt {display:block; padding-top:10px; font-size:.938em;}

.sub_agree_wrap.pro_view_st {padding:20px; font-size:.750em;}
.sub_agree_wrap .cont.pro_view_st {height:80px;}
.cont_check.pro_view_st {padding:.5em 1em; font-size:.813em;}




/*교육*/
.education_inq_wrap .board_st.write th{ background:#f5f5f5; font-size:inherit !important}
.education_inq_wrap .check_con .label_st{ margin-right:1em}
.education_date_wrap .w_name{ width:150px; color:#333 !important}
.education_date_wrap .w_date{ width:250px}
.education_date_wrap .board_st.list .a2{ border:1px solid #cf0b1a; color:#cf0b1a; line-height:30px; display:block; width:80px; font-size:.938em; box-sizing:border-box}
.education_date_wrap .board_st.list .a3{ border:1px solid #666; color:#666; line-height:30px; width:80px; display:block; font-size:.938em; box-sizing:border-box}
.education_date_wrap .board_st.list .a1{ border:1px solid #0c61b5; color:#0c61b5; line-height:30px; display:block; width:80px; font-size:.938em; text-align:center; box-sizing:border-box; transition:.3s}
.education_date_wrap .board_st.list .a1:hover{ background:#0c61b5; cursor:pointer; color:#fff}

.education_date_wrap .cont .top_area{ /*border:1px solid #ccc;*/ box-sizing:border-box; padding:2em 0; overflow:hidden}
.education_date_wrap .cont .top_area .a1{ border:1px solid #0c61b5; color:#0c61b5; display:inline-block; width:100px; font-size:.875em; text-align:center; box-sizing:border-box; line-height:2; margin-right:5px}
.education_date_wrap .cont .top_area .a2{ border:1px solid #cf0b1a; color:#cf0b1a; display:inline-block; width:100px; font-size:.875em; box-sizing:border-box; line-height:2; text-align:center; margin-right:5px}
.education_date_wrap .cont .top_area .a3{ border:1px solid #666; color:#666; width:100px; display:inline-block; font-size:.875em; box-sizing:border-box; line-height:2; text-align:center; margin-right:5px}
.education_date_wrap .cont .top_area .resize{ padding-bottom:76.66%}
.education_date_wrap .cont .img{ width:33.33%; vertical-align:top; padding-right:40px; display:inline-block}
.education_date_wrap .cont .txt_box{ width:60%; vertical-align:middle; display:inline-block;}
.education_date_wrap .cont .txt_box .tit{ font-size:1.570em; font-family:'notokrM'; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:inline-block; width:90%; padding-bottom:20px}
.education_date_wrap .cont .txt_box > ul{ border-top:2px solid #222; border-bottom:1px solid #555}
.education_date_wrap .cont .txt_box > ul > li{ height:60px; line-height:60px; border-bottom:1px dotted #ddd !important}
.education_date_wrap .cont .txt_box > ul > li .tt{ width:30%; font-family:'notokrM'; padding-right:2em; padding-left:1em}
.education_date_wrap .cont .txt_box > ul > li .txt{ width:65%; font-family:'notokrR'}
.education_date_wrap .cont .in_area{ margin-top:2em}
.education_date_wrap .cont .in_area .board_st.list.tit th{ background:#e7effd}
.education_date_wrap .cont .in_area .board_st td{ padding:28px 10px}
.education_date_wrap .cont .in_area .board_st.list td.bg{ background:#f4f4f5; color:#333; font-size:1.125em}
.education_date_wrap .cont .in_area .board_st.list td.al{ padding-left:2em}
.education_date_wrap .cont .in_area .board_st.list td.al > p{ color:#333}
.education_date_wrap .cont .in_area .board_st.list td.al > dl{ padding-top:1em}
.education_date_wrap .cont .in_area .board_st.list td.al > dl > dt{ font-family:'notokrM'; padding-top:.5em; color:#333}
.education_date_wrap .cont .in_area .board_st.list td.al > dl > dd{ word-break:break-all; font-family:'notokrR'; padding-top:5px; line-height:1.6; color:#333}

.support_inq_wrap .board_st.write th{ background:#f5f5f5; font-size:inherit}

.pageMemo_tt{ margin-top:3em; font-size:1.250em; color:#333}
.pageMemo_wrap{ padding:1em 1.5em; border:1px solid #d1d5e5; margin-top:10px;/*box-shadow:inset 2px 2px 0 #fff; background:#f7f7f7*/}
.pageMemo_wrap.icon{ position:relative; padding-left:12.5em; min-height:4.5em;}
.pageMemo_wrap.icon:before{ content:"\e9d8"; font-family:xeicon; font-size:2.500em; color:#fff; display:block; position:absolute; top:50%; left:1.5em; margin-top:-1em; width:2em; line-height:2em; background:#d1d5e5; border-radius:50%; text-align:center;}
.pageMemo_wrap .tt{ padding:.2em 0;}
.pageMemo_wrap .t1{ font-size:1.125em; color:#666; font-family:'notokrM'; padding-bottom:.5em}
.pageMemo_wrap .t2{ font-size:.938em; color:#222; vertical-align:middle; font-family:'notokrR'; position:relative; padding:.4em 0 .4em 2.2em}
.pageMemo_wrap .t2 .icon{ position:absolute; top:.25em; left:0; width:1.2em; height:1.2em; background:#d1d5e5; border-radius:50%}
.pageMemo_wrap .t2 .icon:before{ content:"\e928"; font-size:1.250em; position:relative; top:-.2em; left:.1em; color:#fff}
.pageMemo_wrap .a1{ padding-right:1em}


/*회원*/
#contents .doc.login_wrap{ /*background-image: linear-gradient(to top, #6f86d6 0%, #48c6ef 50%, #6f86d6 100%); */padding:4em 0 0 0}
.login_wrap .login_box{ background:#fff; box-shadow:1px 1px 10px -1px rgba(0,0,0,.7); margin-bottom:8em}
.login_w{ width:30em; max-width:100%; margin:0 auto}
.login_wrap .login_box .wrap_in{ padding:3em 3em 3em 3em}
.login_wrap .link_box .wrap_in{ padding:0 3em 3em 3em}
.login_wrap .login_box .wrap_tit{ color:#002654; text-align:center; margin-bottom:1em}
.login_wrap .login_box .wrap_tit .t1{ display:block; margin-left:-10px; padding-bottom:1em}
.login_wrap .login_box .wrap_tit .t2{ display:block; font-size:2em; font-weight:500}
.login_wrap .login_box .form_wrap > li{ margin-bottom:.5em}
.login_wrap .login_box .form_wrap .inp_wrap{ display:block; position:relative; padding:1em 0 1em 8em}
.login_wrap .login_box .form_wrap .inp{ position:relative; z-index:1; border:none; width:95%; font-weight:500; font-size:.938em}
.login_wrap .login_box .form_wrap .inp_wrap .line{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ccc; box-sizing:border-box}
.login_wrap .login_box .form_wrap .inp_wrap .tit{ position:absolute; left:1em; top:0; width:6em; height:100%; text-align:left; color:#777}
.login_wrap .login_box .form_wrap .inp_wrap .tit .tt{ padding-left:.25em; font-size:.813em;}
.login_wrap .login_box .form_wrap .inp_wrap .tit:after{ content:""; position:absolute; right:0; top:35%; height:30%; width:1px; background:#ddd}
.login_wrap .login_box .form_wrap .inp:focus ~ .line,
.login_wrap .login_box .form_wrap .inp:hover ~ .line{ border-color:#6f86d6}
.login_wrap .login_box .form_wrap .inp:focus ~ .tit{ color:#333}
.login_wrap .login_box .form_wrap .check_wrap > label{ display:block; font-size:.813em}
.login_wrap .login_box .form_wrap .btn{ display:block; width:100%; height:3em; border:none; color:#fff; font-weight:500; font-size:1.125em; background:#00aeef}
.login_wrap .login_box .form_wrap .btn.c1{ background:#00aeef}
.login_wrap .login_box .logo{ text-align:center; margin-top:3em}
.login_wrap .login_box .logo img{ width:5em}

.login_wrap .link_box{ margin-bottom:3em}
.login_wrap .link_box .link{ font-size:.813em; color:#555; margin-bottom:1em}
.login_wrap .link_box .link > dt{ float:left}
.login_wrap .link_box .link > dd{ float:right}
.login_wrap .link_box .link > dd > a{ color:#555; text-decoration:underline}
.login_wrap .link_box .link > dd > a:hover{ color:#002654}

.agree_box{ border:1px solid #ddd; background:#fff; border-radius:5px}
.agree_box .con{  padding:2em; font-size:.875em; color:#666; line-height:1.5}
.agree_box .con.scrollst{ height:15.5em; overflow-y:scroll;}
.agree_box .con.h1{ height:7.5em}
.agree_box .btn{ border-top:1px solid #ddd; background:#f5f5f5; padding:.5em 2em; text-align:right; font-size:.813em}
.agree_box .btn label{ margin-left:2em}
.agree_box table th,
.agree_box table td{ font-size: .938em}

.step_tit{ text-align:center; margin:.5em 0 1em 0}
.step_tit .t1{ color:#aaa; font-size:.75em; font-weight:300; letter-spacing:.5em; margin-bottom:.5em}
.step_tit .t2{ color:#111; font-size:2.125em; font-weight:500}

.step_st{ text-align:center}
.step_st > li{ width:8%; margin:0 10%}
.step_st > li .in{ position:relative}
.step_st > li .line{ }
.step_st > li .icon_wrap{ position:relative}
.step_st > li .icon_wrap .icon{ position:absolute; left:0; top:0; width:100%; height:100%}
.step_st > li .icon_wrap .icon .xi{ font-size:2em; color:#fff}
.step_st > li .icon_wrap .line{ position:absolute; top:50%; left:50%; width:350%; height:1px; background:#ddd}
.step_st > li .t1{ font-weight:700; color:#aaa; margin:.5em 0 .125em 0}
.step_st > li .t2{ font-size:.813em; color:#aaa}
.step_st > li:last-child .icon_wrap .line{ display:none}
.step_st > li.on .t1{ color:#002654}
.step_st > li.on .t2{ color:#002654}

.step_st2{ margin:-.5em 0 0 -.5em}
.step_st2 > li .in{ padding:.5em 3em; color:#fff; margin:.5em 0 0 .5em; position:relative}
.step_st2 > li .in:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#333; transform:skewX(-25deg);}
.step_st2 > li .in .twrap{ position:relative}
.step_st2 > li .in .twrap .xi{ font-size:1.75em; vertical-align:middle}
.step_st2 > li .in .twrap .tt{ font-size:1.125em; font-weight:500; vertical-align:middle; padding:0 .313em}
.step_st2 > li.c1 .in:before{ background:#0099CC}
.step_st2 > li.c2 .in:before{ background: #0066FF}
.step_st2 > li.c3 .in:before{ background: #003399}

.join_btn{ text-align:center; margin:3em 0}
.join_btn .btn{ width:15em; height:3.5em; background:#48c6ef; border:none; background: linear-gradient(275deg, #48c6ef 0%,#6f86d6 100%); font-size:1.313em; font-weight:500; color:#fff}

.join_benefit{ margin:1em 0}
.join_benefit .tit_wrap{ border:1px solid #ddd; border-bottom:none; background:#f5f5f5; padding:1em}
.join_benefit .tit_wrap > *{ margin-bottom:0}
.join_benefit .list > li{ width:25%}
.join_benefit .list > li .in{ border:1px solid #ddd; margin:-1px -1px 0 0; padding:2em; text-align:center}
.join_benefit .list > li .tit{ font-weight:500; font-size:1.313em}
.join_benefit .list > li .xi{ display:block; font-size:4em}
.join_benefit .list > li .tt{ margin-top:1em; padding-top:1em; border-top:1px dotted #aaa; color:#666; line-height:1.5em; height:4.5em; overflow:hidden}

.hexagon { position: relative; overflow: hidden; background:transparent; width: 100%; height:0; padding-bottom:100%; transform: rotate(-30deg) skewX(30deg) scaleY(.866)}
.hexagon:before { position: absolute; right: 6.7%; bottom: 0; left: 6.7%; top: 0; transform: scaleY(1.155) skewX(-30deg) rotate(30deg); background: linear-gradient(275deg, #ddd 0%,#ccc 100%); content: '';}
.on .hexagon:before{ background: linear-gradient(275deg, #48c6ef 0%,#0066FF 100%);}

.box_st{ border:1px solid #ddd; border-radius:1em; padding:3em}
.box_st.st1{ background:#f8fbff; border-radius:0; padding:2em 1em 1em 1em; border-color:#dde1e7}
.box_st.st2{ padding:1.5em; border-radius:2px}

.tbox{ text-align:center}
.tbox .t1{ font-size:2.5em; color:#111; letter-spacing:-3px; word-spacing:3px}
.tbox .t2{ font-size:.938em; color:#666; line-height:1.5; margin:1.5em 0}
.tbox .t3{ font-size:1.313em; color:#777; font-weight:300; margin:1em 0}
.tbox .t4{ font-size:2em; letter-spacing:-2px; word-spacing:2px}
.tbox .order_no{ display:inline-block; *display:inline; zoom:1; background: #003399; padding:0 2em; color:#fff; border-radius:3em; line-height:2.5em}
.tbox .order_no .tt{ font-size:.875em}
.tbox .order_no .no{ font-family:tahoma,sans-serif; font-size:1.5em; letter-spacing:1px}


/*교육신청이력*/
.lecture_tab{ position:relative; border-top:2px solid #333}
.lecture_tab:before,
.lecture_tab:after{ content:""; position:absolute; right:0; bottom:0; z-index:1}
.lecture_tab:before{ width:100%; height:1px; background:#aaa; bottom:-1px}
.lecture_tab:after{ width:1px; height:100%; background:#fff}
.lecture_tab .list > li{ width:20%}
.lecture_tab .list > li > .in{ display:block !important; height:3.5em; color:#777; position:relative; font-size:.938em}
.lecture_tab .list > li > .in:after{ content:""; position:absolute; left:-1px; bottom:-1px; width:100%; height:100%; border:1px solid #eee; border-left:none; border-top:none}
.lecture_tab .list > li > .in .va{ position:relative; z-index:1}

.lecture_view_top{ padding:1.5em 3em 1.5em 1.5em; box-shadow:1px 1px 3px -1px rgba(0,0,0,.2); border-radius:5px; border:1px solid #ddd; position:relative}
.lecture_view_top .di_wrap > li{ vertical-align:middle}
.lecture_view_top .wrap_prod{ width:70%}
.lecture_view_top .wrap_prog{ width:14%; margin:0 1.5%}
.lecture_view_top .wrap_btn{ width:13%}
.lecture_view_top .prod_tt .tt{ font-size:1.188rem}
.lecture_view_top .prod_tt a:hover{ text-decoration:underline}
.lecture_view_top .state{ margin-top:.5em; width:6.25em; text-align:center}
.lecture_view_top button.input_st{ font-size:.875em}
.lecture_view_top .favorite{ position:absolute; right:.5em; top:.25em; font-size:1.5em}

.noimg{ position:absolute; left:0; top:0; width:100%; height:100%; background:#f9f9f9}
.noimg:after{ content:"\ea4e"; font-family:xeicon!important; position:absolute; top:50%; left:50%; margin:-.5em 0 0 -.5em; font-size:2em; color:#aaa}

.tab_st{ display:inline-flex; border:1px solid #ddd; border-radius:3em; box-sizing:border-box}
.tab_st > li{ float:left; width:12em }
.tab_st > li > a{ display:block; padding:0 2em; height:3em; border-radius:3em; color:#666; position:relative}
.tab_st > li > a .va{ font-size:1em; font-weight:400}
.tab_st > li.on > a{ background:#00aeef; color:#fff; z-index:1; box-shadow:1px 1px 3px rgba(0,0,0,.3)}
.tab_st::after{ content:""; display:block; clear:both}

.progress{ position:relative; overflow:hidden; height:0}
.progress .no_wrap{ position:absolute; left:0; top:50%; width:100%}
.progress .no_wrap .no{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.25em; color:#111; letter-spacing:-2px}
.progress .no_wrap .per{ font-size:.688em; color:#999; padding-left:.25em}

.prod_tt .img{ width:30%; max-width:10em; vertical-align:middle}
.prod_tt .tt{ width:95%; padding-left:5%; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.prod_tt .img + .tt{ width:65%}
.prod_tt .ti{ padding-left:5%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:90%; display:inline-block}
.prod_tt .tt .t1{ font-size:1em; font-weight:500; color:#111; margin-bottom:.5em}
.prod_tt .tt .t2{ font-size:.813em; color:#777}
.prod_tt .tt .t3{ font-size:.875em; color:#002654;}
.prod_tt .tt .t3 .date:before{ content:"\e9a4"}
.prod_tt .tt .t4{ font-size:1.063em; color:#111; font-weight:500; margin-bottom:.5em}
.prod_tt .tt .t5{ font-size:.875em; color:#777}
.prod_tt .tt .dv{ display:inline-block; *display:inline; zoom:1; position:relative; padding-right:1em; margin-right:1em; line-height:2em}
.prod_tt .tt .dv:after{ content:""; position:absolute; right:0; top:30%; height:40%; width:1px; background:#ccc}
.prod_tt.st1 .img{ max-width: 12em}
.prod_tt.st2 .img{ max-width: 8em}

.prod_tt.st1 .tt .t2{ font-size:.938em}





/**/
.page_sec0{ margin-top:0 !important}
.page_sec1{ margin-top:1em !important}
.page_sec2{ margin-top:2em !important}
.page_sec3{ margin-top:3em !important}
.page_sec4{ margin-top:4em !important}

.page_tit{ padding-bottom:.5em }
.page_tit .t1{ font-weight:500; font-size:1.313em}
.page_tit .t1:before{ content:""; display:block; width:1.75em; height:.125em; background:#002654; margin-bottom:.5em}
.page_tit .t2{ font-weight:500; font-size:1.125em; color:#333}
.page_tit .t2 .xi{ width:2em; line-height:2em; height:2em; text-align:center; border-radius:100%; border:1px solid #ddd; font-size:1em; margin-right:.313em; margin-top:-.188em}
.page_tit .t2 .xi:before{ font-size:1.063em}
.page_tit .t3{ font-weight:500; font-size:1em; color:#444; padding-left:1.5em; position:relative}
.page_tit .t3:before{ content:""; position:absolute; left:.75em; top:.75em; width:.313em; height:.313em; background:#333}
.page_tit .t4{ font-weight:700; font-size:2em}

.page_tit2{font-family:tm, sans-serif; font-size:1.625em; text-align:center; margin-bottom:.5em; margin-top:.25em; color:#111}
.page_tit2 .c1{ color:#003399}

.page_tit3{ overflow:hidden; text-align:center; margin:2em 0 1.25em 0}
.page_tit3 .twrap{ position:relative; display:inline-block; *display:inline; zoom:1; padding:0 2em}
.page_tit3 .twrap:before,
.page_tit3 .twrap:after{ content:""; position:absolute; width:600px; height:1px; top:50%; right:100%; background:#ddd}
.page_tit3 .twrap:after{ left:100%}
.page_tit3 .tt{ font-weight:700; font-size:1.625em; color:#111}


/**/
.my_page .mypage_area{ margin-bottom:45px; padding-bottom:15px; border-bottom: 2px solid #2b323c}
.my_page .mypage_area > .title {margin-bottom:15px;}
.my_page .mypage_area .content::after {content:""; display:block; clear:both;}
.my_page .mypage_area .content .text {float:left; height:45px; line-height:45px; font-size:1em; color:#333}
.my_page .mypage_area button {float: right; width:140px; height:45px; margin-right:25px; background: #aaa; border: none; font-size:1em; color:#fff; cursor:pointer}

.memo_wrap{ border:1px solid #ddd; border-radius:.5em; padding:2em 3em}
.memo_wrap *{ vertical-align: top}
.memo_wrap .t1{ font-size:.875em; color:#555; line-height:1.5}
.memo_wrap .t2{ font-size:.813em; color:#111; line-height:1.5}
.memo_wrap .c1{ color:#FF3333}
.memo_wrap .tel{ font-family:tahoma,sans-serif; font-weight:bold; color:#111; font-family:1.25em}
.memo_wrap .tel .xi{ margin-right:.25em}

.li_st > li{ list-style:disc outside; margin-left:1em; margin-top:.5em}
.li_st:first-child > li:first-child{ margin-top:0}

.line_st{ border-top:1px solid #ddd; margin-top:1.5em; padding-top:1.5em}

.tt_st1{ font-weight:500; color:#111; font-size:1.063em}
.tt_st2{ color:#111; font-size:.938em}
.tt_st2 *{ vertical-align:top}
.tt_st_en{ font-family:tahoma,sans-serif; color:#111; font-weight:bold; font-size:1.063em; letter-spacing:0}

/**/
.educationinfo_wrap .btn{ width:100px; font-size:.875em; padding:.5em 0}
.educationinfo_wrap .input_st.s2{ height:28px; line-height:23px}
.educationinfo_wrap .input_st.c12{ border-color:#cf0b1a !important; color:#cf0b1a !important}
.educationinfo_wrap .input_st.csp{ cursor:pointer !important;}



/*오시는길*/
.root_daum_roughmap {width:100% !important; padding:0 !important; border:none !important}
.root_daum_roughmap .wrap_controllers {display:none !important;}

.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:2em; font-weight:300}
.map_info1 .t1 { float:left; }
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:20px; line-height:38px; }
.map_info1 .t1 span:last-child { margin-right:0;}
.map_info1 .t1 .xi { font-size:1.438em; vertical-align:sub; color:#888; margin-right:5px; }
.map_info1 .map_btn { float:right; display:inline-block; padding:11px 45px 10px 45px; color:#fff; background:#003f87; border:1px solid #ddd; }
.map_info1 .map_btn .tx{ font-size:.875em; color:#fff; vertical-align:middle}

.map_info2 { margin-top:30px; font-weight:300}
.map_info2 > li { overflow:hidden; padding:2em 1em; border-bottom:1px solid #ddd}
.map_info2 > li h3 { float:left; color:#222222; font-size:1.375em; }
.map_info2 > li h3 .xi { font-size:1.625rem; vertical-align:text-top; }
.map_info2 > li .info { margin:0 0 0 240px;}
.map_info2 > li .info strong { display:block;}
.map_info2 > li .info p { color:#333; line-height:26px;}
.map_info2 > li .info ul li:first-child strong { padding-top:0}
.map_info2 > li.bus {}
.map_info2 > li.bus .info span { display:block; margin:2px 0 6px; color:#333; }
.map_info2 > li.bus .info p { padding-left:32px; position:relative; line-height:30px; color:#666; }
.map_info2 > li.bus .info .g:before { content:"G"; width:23px; height:23px; border-radius:23px; background:#4a972e; color:#fff; text-align:center; line-height:22px; position:absolute; left:0; top:50%; margin-top:-11px; font-size:0.813em; }
.map_info2 > li.bus .info .r:before { content:"R"; width:23px; height:23px; border-radius:23px; background:#df262e; color:#fff; text-align:center; line-height:22px; position:absolute; left:0; top:50%; margin-top:-11px; font-size:0.813em; }
.map_info2 > li.bus .info .b:before { content:"B"; width:23px; height:23px; border-radius:23px; background:#395cb3; color:#fff; text-align:center; line-height:22px; position:absolute; left:0; top:50%; margin-top:-11px; font-size:0.813em; }

.map_info2 > li.subway {}
.map_info2 > li.subway .info { margin-top:-1px;}
.map_info2 > li.subway .info span { display:block; margin:2px 0 6px;}
.map_info2 > li.subway .info p { display:inline-block; margin-right:34px;}
.map_info2 > li.subway .info em { display:inline-block; font-weight:500;}
.map_info2 > li.subway .info .r em { color:#fff;}

.map_info2 > li.car .info .r em { color:#f62c11;}

.bs1{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:0 15px; font-size:0.875em; font-weight:600; color:#fff; line-height:25px; border-radius:30px; background:#249f0b; margin:0 5px 5px 0}
.bs1.sub_col2{ background:#3cb44a}
.bs1.sub_col3{ background:#74c7c7; margin-left:5px}

.btn_in{ float:right}
.btn_in .more{display:block; background:#00aeef; border:1px solid #00aeef; color:#fff; height:30px; padding:5px; transition:.3s; width:140px; margin-left:0.5em; border-radius:4px;}
.btn_in .more .tt{ vertical-align:middle; font-size:.875em; padding-left:.5em;}
.btn_in .more.va_wrap{ height:30px !important}
.btn_in .xi{ vertical-align:middle; margin-left:5px; }


/*연혁*/
.history_wrap .history_cont{ width:100%;}
.history_wrap .history_cont .cont_in{ width:1140px; margin:0 auto; padding-top:2em}
.history_wrap .history_cont .cont_in_wrap{ width:100%; margin-bottom:65px;}
.history_wrap .history_cont .cont_in_wrap .cont_in{ padding:112px 0; margin:0 auto; text-align:center;}
.history_wrap .history_cont .cont_in_wrap .cont_in p{ font-size:50px; font-weight:400; color:#fff;}
.history_wrap .history_cont dl:after{ display:block; clear:both; content:"";}
.history_wrap .history_cont dl dt{ position:relative; float:left; z-index:1; width:335px; margin-top:-27px; font-size:50px; font-weight:400; color:#00aeef; text-align:center; padding-top:10px}
.history_wrap .history_cont dl dt:after{ content:""; position:absolute; right:-6px; bottom:28px; width:11px; height:11px; background-color:#fff; border:3px solid #00aeef; border-radius:50%; box-sizing:border-box;}
.history_wrap .history_cont dl dt span:after{ content:""; position:absolute; right:0; bottom:33px; width:66px; height:1px; margin:0 27px; background-color:#00aeef; vertical-align:middle;}
.history_wrap .history_cont dl dd{ float:left; position:relative; width:805px; padding-left:35px; padding-bottom:75px; box-sizing:border-box;}
.history_wrap .history_cont dl dd:before{position:absolute; left:0; top:13px; width:1px; height:100%; background-color:#dadada; content:"";}
.history_wrap .history_cont dl dd.last{padding-bottom:0;}
.history_wrap .history_cont dl dd.last:before{ display:none;}
.history_wrap .history_cont dl dd div{ margin-bottom:30px;}
.history_wrap .history_cont dl dd div:last-child{ margin-bottom:0;}
.history_wrap .history_cont dl dd span{ /*display:inline-block; */font-size:20px; font-weight:400; color:#555; vertical-align:top; display:none}
.history_wrap .history_cont dl dd.month ul{display:inline-block; margin-left:24px;}
.history_wrap .history_cont dl dd ul{ display:inline-block; margin-left:55px;}
.history_wrap .history_cont dl dd ul li{ position:relative; padding-left:14px; margin-bottom:10px; color:#333}
.history_wrap .history_cont dl dd ul li:last-child{ margin-bottom:0;}
.history_wrap .history_cont dl dd ul li:before{ content:""; position:absolute; left:0; top:9px; width:3px; height:3px; margin-right:5px; background-color:#00aeef;}


/*인사말*/ 
.greetings_wrap{}
.greetings_wrap .left{ width:60%;}
.greetings_wrap .right{ width:38%; text-align:right}
.greetings_wrap .img_box .img{ padding-top:2em}
.greetings_wrap .t1{ font-size:1.570em; line-height:1.4; letter-spacing:-1px; margin-bottom:1em;}
.greetings_wrap .t1:after{ display:block; content:""; background:linear-gradient(to right, #00aeef, #fff); width:70%; height:2px; margin:20px 0;}
.greetings_wrap .t2{ line-height:1.6; font-family:'notokrR'; margin-bottom:1em; font-size:1.063em;}
.greetings_wrap .c1{ color:#00aeef ; font-family:'notokrB'; vertical-align:baseline;}
.greetings_wrap .ceo_img > img{ max-width:100%; padding-top:1em;}
.greetings_wrap .ceo_name{ font-family:'notokrR'; text-align:right;}
.greetings_wrap .ceo_name .name{ font-size:1.250em; vertical-align:baseline;}
.greetings_wrap .em{ font-size:.750em; color:#666; letter-spacing:1.5px}