@charset "utf-8";
/* CSS Document */
.box0{padding:0 4%;}
.box1{ width:1200px; max-width:100%; margin:0 auto;} 
/**/
.section{ background-repeat:no-repeat; background-position:50% 50%; position:relative; overflow:hidden; background-size:cover;}
.fp-enabled #fullpage .section{ background-size:cover !important} /**/

/**/
.blink{animation-name: blinkAni; animation-duration:2s ;animation-iteration-count:infinite;}
@keyframes blinkAni{
25% {opacity:0}
75% {opacity:1}
}

.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:23%; 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;}

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

.main_tit{ color:#fff; letter-spacing:-.5px; padding-top:10em;}
.main_t1{ font-size:2.750em; text-align:center; letter-spacing:-1.5; font-weight:500;}
.main_t2{ font-size:1em; font-family:'notokrR'; margin-top:1em; text-align:center; color:#fff;}
.main_more{ color:#fff; display:block; margin:35px auto 40px auto; transition:.3s; font-size:1.3em; width:41px;}
.main_more:hover .main_more img{ transform:rotate(45deg); transition:.3s;}
.main_more:hover .main_more .xi{ transform:rotate(45deg); transition:.3s;}

.quick_tel{ position:fixed; z-index:999; right:1%; top:30%; text-align:center}
.quick_tel .cs{background:#2685c7;border-radius:8px 8px;width:210px;padding:3em 0 1em 0;position:relative;}
.quick_tel .go_btn{ line-height:35px; padding:0 35px; font-size:.875em; transition:.3s;}
.quick_tel .go_btn.c1{ background:#1f57aa; border:1px solid #1f57aa; color:#ffffff;}
.quick_tel .icon{ width:3em; height:3em; line-height:3em; border-radius:100%; background:#292f35; font-size:1.125em; color:#fff; margin:0 auto 0.3em auto; position:absolute; top:-1em; left:35%; z-index:1}
.quick_tel .tt{ font-size:1.5em; color:#fff; font-weight:lighter;}
.quick_tel .b1{ font-weight:500;}
.quick_tel .line{ background:#fff; width:80%; margin:12px auto; height:4px; display:block}
.quick_tel .tt.tel{ color:#fff6ad; font-size:1.5em; margin:.5em 0; display:block; }
.quick_tel .xi-angle-right{ vertical-align:bottom; padding-left:.5em; font-size:.938em}

/******************************************************************************************************************************************************************************/
/**********************************************************************HEADER***************************************************************************************************/
#header{position:fixed; top:0; left:0; width:100%; z-index:5; border-bottom:1px solid rgba(255,255,255,.2);}
#header.hide{ opacity:0;}
#header .vm_wrap{}
#header .gnb_area{ text-align:center; height:80px; position:relative;} 
#header .gnb_area .right_menu{float:right; position:relative; z-index:1;}
#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{float:left; position:relative; z-index:1;}
#header .gnb_area .logo .in {height:5em;}
#header .gnb_area .logo .logo1{}
#header .gnb_area .logo .logo2{}
#header .gnb_area .center {position:absolute; left:0; top:0; width:100%; text-align:center; padding-left:2em;}
#header .gnb_area .gnb{display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:40px;}
#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.m_guide {display:none;}
#header .gnb_area .gnb > li .dp1{ display:block; position:relative; padding:0 16px; 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 > li:hover .dp1{ color:#fff !important}
#header .gnb_area .gnb > li .dp2 a:hover{ background:#f1f1f1;}
#header .gnb_area .gnb > li{ position:relative}
#header .gnb_area .gnb > li:before,
#header .gnb_area .gnb > li:after{content:"";position:absolute;bottom:-3px;width:0;height:3px;background:#003876; 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:#fff;}
#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}
#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 .dp2,
#header .gnb_area .gnb .dp3{ display:none;}

#header.ani{ display:none;}
#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:60px; top:10px;}
#header.ani .gnb_area .right_menu .contact_dv{ border-left:1px solid #ddd; background:#0c61b5;}
#header.ani .gnb_area .right_menu .contact_dv .xi{ color:#fff;}
#header.ani .gnb_area .ham_btn{background:#0c61b5; transition:0.3s;}

#header .right_menu .gg_wrap{ position:relative; right:30px; top:30px;}
.goog-te-banner-frame{ display:none !important; }

#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:15px; right:70px; font-size:25px; color:#222; width:60px; height:60px; line-height:60px; text-align:center; cursor:pointer; opacity:1;}
#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:12px;}
#header .ham_menu .ham_gnb .gnb > li .dp1{ display:block; border:1px solid #ccc; border-bottom:2px solid #666; text-align:center; font-size:1em; color:#333; padding:1em 0; background:#fff; border-radius:5px 5px 0 0;}
#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:1em; 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:hover .dp1{ color:#fff !important; border:1px solid #1d59a5; border-bottom:2px solid #1d59a5;
background: #1953a2;
background: -moz-linear-gradient(left,  #1953a2 0%, #0763bd 100%); 
background: -webkit-linear-gradient(left,  #1953a2 0%,#0763bd 100%); 
background: linear-gradient(to right,  #1953a2 0%,#0763bd 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1953a2', endColorstr='#0763bd',GradientType=1 );}
#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:60px; top:10px;}
#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)}

/******************************************************************************************************************************************************************************/
/**********************************************************************CONTENTS***************************************************************************************************/
#contents{}
#contents .doc{ padding:3em 0 12em 0;}
#contents .doc.st{ padding:3em 0 0 0;}
#contents .sub_visual_wrap{ position:relative;}
#contents .sub_visual_wrap .vm_wrap{ position:relative; height:22em; 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}
.load #contents .sub_visual_wrap .bg{ transform:scale(1,1)}
#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;}
#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}
#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"}
#contents .sub_visual_wrap .slogan{ position:relative; margin-top:4em}
#contents .sub_visual_wrap .slogan .t1{ font-size:.813em; 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:1.8em; 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 .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 {width:12.8% !important;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.sm_admin{ display:none !important;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a{ background:#003876; height:3.6em; color:#fff; border-left:1px solid rgba(255,255,255,.1);transition:.3s}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .vm_tt{ font-size:1rem; opacity:.4; transition:.3s; font-family:notokrM, sans-serif;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a{ background:#fff; color:#111; }
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:hover > a .vm_tt,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a .vm_tt{ opacity:1 }

/******************************************************************************************************************************************************************************/
/**********************************************************************FOOTER***************************************************************************************************/
#footer{}
#footer .menu_wrap {background:#303641}
#footer .menu_wrap .box1{ position:relative}
#footer .menu_wrap .gnb_wrap{}
#footer .menu_wrap .gnb_wrap .gnb > li{ width:14.28%; position:relative; height:250px !important;}
#footer .menu_wrap .gnb_wrap .gnb > li.footer_txt_none .in_t {/*opacity:0;*/}
#footer .menu_wrap .gnb_wrap .gnb > li:after,
#footer .menu_wrap .gnb_wrap .gnb > li:first-child:before{ content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:#fff; opacity:.1}
#footer .menu_wrap .gnb_wrap .gnb > li:first-child:before{ left:0}
#footer .menu_wrap .gnb_wrap .gnb > li .dp1{ padding:2em 1.5em 1em 1.5em; color:#fff; text-align:left}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2{ padding-bottom:3rem}
#footer .menu_wrap .gnb_wrap .gnb > li.m_guide .dp2 {padding-bottom:0;}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li{ display:block}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a{ padding:.5em 1.5em; text-align:left; color:#fff; opacity:.6; transition:.3s}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a .vm_tt{ font-size:.813em}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a:hover{ opacity:1}
#footer .menu_wrap .gotop{ display:block !important; width:38px; height:38px; line-height:38px; border-radius:100%; margin:.5em 1.5em; background:#5e5e5e; opacity:.7; color:#fff; text-align:center; transition:.3s; position:absolute; right:86px; top:160px;}
#footer .menu_wrap .gotop .xi{ display:block}
#footer .menu_wrap .gotop .tt{ display:block; font-size:.625em; letter-spacing:0}
#footer .menu_wrap .gotop:hover{ background:#003876; color:#fff; opacity:1}

#footer .info_wrap .goTop{ display:none !important;}

#footer .info_wrap{ padding:2em 0 2em 0;  background:#1d2129; position:relative;}
#footer .info_wrap .box1{ position:relative}
#footer .info_wrap .logo{ opacity:.4; position:absolute; right:0; top:10%;}
#footer .info_wrap .info{ width:90% }
#footer .info_wrap .info > li{ margin-right:1em; font-size:.875em; color:#fff; opacity:.6; line-height:2.5; letter-spacing:0; vertical-align:top; font-family:'notokrR';}
#footer .info_wrap .info > li.site_name_t {opacity:inherit !important; margin-right:1.5em; display:block}
#footer .info_wrap .info > li > span{ padding-right:.3em; position:relative; vertical-align:top;}
#footer .info_wrap .info > li > span:before{position:absolute; content:""; width:1px; height:10px; left:-10px; top:4px; background:#fff;opacity:.6; }
#footer .info_wrap .info > li.tt > span:before{opacity:0; }
#footer .info_wrap .info > li.copyright{ clear:both; padding-top:1em; font-size:.688em; color:#fff; opacity:.3; text-transform:uppercase}
#footer .info_wrap .info.st > li {font-size:.750em; cursor:pointer;}
#footer .info_wrap .info.st > li:first-child > span:before{opacity:0;}
#footer .info_wrap .info.st > li:hover {text-decoration:underline; transition:.3s;}
#footer .info_wrap .info.st > li.copyright:hover {text-decoration:none;}
#footer .info_wrap .mark{ position:absolute; right:0; bottom:1em}

/******************************************************************************************************************************************************************************/
/**********************************************************************MAIN***************************************************************************************************/
#fullpage .section{ opacity:0; }
#fullpage #section0{ opacity:1;}
.fp-enabled #fullpage .section{ opacity:1;}/*제품슬라이드 겹치지않게*/

.main_tit{ padding-top:11em; text-align:center;}
.main_tit .t1{ color:#fff; font-family:'notokrB'; font-size:2.750em;}
.main_tit .t2{ color:#fff; font-family:'notokrM'; padding-top:25px;}
.main_tit .tt_more{ margin:33px 0;}

/*section1*/
.section1 .product_slide_wrap{ position:relative;} 
.section1 .product_slide_wrap .product_slide{ overflow:hidden; margin-left:-15px;}
.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{background-color:transparent; display:block; margin-left:15px;}
.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; padding-bottom:95% !important;}
.section1 .product_slide_wrap .product_slide .item .inner .border_dv .t_img{ overflow:hidden;}
.section1 .product_slide_wrap .product_slide .item .inner .border_dv .t_img > img {display:inline-block; width:100%; height:100%; border-radius:10px 10px 0 0; }
.section1 .product_slide_wrap .product_slide .item .inner .tt { background:rgba(0,0,0,.6); color:#fff; padding:1.5em; font-family:'notokrM'; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0 auto; border-radius:0 0 10px 10px;}
.section1 .product_slide_wrap .product_slide .item .inner .tt .tit{ font-size:1.188em;letter-spacing:.2px;}
.section1 .product_slide_wrap .product_slide .item .inner:hover .border_dv .t_img > img {transform:scale(1.1,1.1); transition:0.5s ease;}

/*section2*/
#section2 .adv{ background:#fff; margin-top:30px; padding:50px 40px; border-radius:10px;}
#section2 .adv .in_ul1{ overflow:hidden; margin:0 0 0 -80px;}
#section2 .adv .in_ul1 .in_li1{ float:left; width:50%;}
#section2 .adv .in_ul1 .in_li1 .in_cont{ margin:0 0 0 80px; position:relative;}
#section2 .adv .in_ul1 .in_li1 .in_cont .more_b {position:absolute; right:0; top:0;}
#section2 .adv .in_ul1 .in_li1 .in_cont .more_b .xi {background:#08438a; color:#fff; border-radius:50%; width:1.6em; height:1.6em; line-height:1.6em; text-align:center;}
#section2 .adv .in_ul1 .in_li1 .in_cont .more_b:hover .xi {transition:.3s; background:#333; transform:rotate(90deg)}
#section2 .adv .in_ul1 .in_li1 .in_cont .tit1{ font-size:1.375em; color:#666; font-family:notokrM; margin-bottom:20px;}
#section2 .adv .in_ul1 .in_li1 .in_cont .tube {margin-top:2em;}
#section2 .adv .in_ul1 .in_li1 .in_cont .tube iframe{ width:100% !important; height:300px !important;}

#section2 .fir_c .date{ color:#fff; font-size:0.875em; background:#08438a; width:90px; text-align:center; line-height:30px; margin-bottom:15px; border-radius:15px;}
#section2 .fir_c .title{ color:#111; font-size:1.188em; margin-bottom:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:95%;}
#section2 .fir_c .text > a{ color:#666; line-height:1.4; font-size:.938em; font-weight:500;}

#section2 .o_tit{ margin-top:20px; border-bottom:1px solid #ddd;}
#section2 .o_tit li{position:relative; line-height:4; border-top:1px solid #ddd; padding-left:10px;}
#section2 .o_tit li:before{ position:absolute; content:'- '; left:0; top:0; color:#666; line-height:3.5;}
#section2 .o_tit li a{display:block; padding-right:230px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:0.938em; color:#666; font-weight:500;}
#section2 .o_tit li a:hover{color:#111;}
#section2 .o_tit li .date{position:absolute; right:60px; top:5px; font-size:.876em; color:#999; font-weight:500;}
#section2 .o_tit li .xi{ font-size:1.5em; color:#08438a; line-height:2.5; position:absolute; right:10px; top:0; }

/**/
#section3 .center_w{ margin-top:30px;}
#section3 .center_w .in_ul1{ overflow:hidden; margin:0 0 0 0;}
#section3 .center_w .in_ul1 .in_li1{ float:left; width:50%;}
#section3 .center_w .in_ul1 .in_li1.bg1{ background:#fff;}
#section3 .center_w .in_ul1 .in_li1.bg2{ background:#032b5c; }
#section3 .center_w .in_ul1 .in_li1 .in_con{ margin:0 0 0 0; padding:50px 40px; font-size:0;}
#section3 .center_w .in_ul1 .in_li1 .in_con .tit1{ font-size:1.375rem; color:#666; font-family:notokrM; margin-bottom:20px;}
#section3 .center_w .in_ul1 .in_li1 .in_con .tit1.tit2{color:#fff;}
#section3 .center_w .in_ul1 .in_li1 .in_con .inp_1{position:relative; border:1px solid #ddd; border-radius:5px; padding:10px 2%; color:#999; margin-bottom:5px; vertical-align:text-bottom; display:inline-block; *display:inline; zoom:1; width:49%; box-sizing:border-box; font-size:1rem; }
#section3 .center_w .in_ul1 .in_li1 .in_con .inp_1.inp_2{width:100%;}
#section3 .center_w .in_ul1 .in_li1 .in_con .inp_1_l10{margin-left:1%;}
#section3 .center_w .in_ul1 .in_li1 .in_con .inp_1 .xi{position:absolute; left:10px; top:22px; color:#206fd0; font-size:1.25rem; vertical-align: text-bottom; margin-right:10px;}
#section3 .center_w .in_ul1 .in_li1 .in_con .inp_1 .xi.t11 {position:absolute; left:10px; top:11px; color:#206fd0; font-size:1.25rem; vertical-align: text-bottom; margin-right:10px;}
#section3 .center_w .in_ul1 .in_li1 .in_con .inp_1 .m_inp{ padding: 0 0 0 30px!important; display:block; border:none;}
#section3 .center_w .in_ul1 .in_li1 .in_con .inp_1 textarea{ padding:0 0 0 30px; display:block; border:none; height:100px; width:100%; box-sizing:border-box; }
#section3 .center_w .in_ul1 .in_li1 .in_con .cs_btn button{ width:100%; border:1px solid #032b5c; border-radius:5px; padding:15px 0; color:#fff; background:#032b5c; text-align:center;}
#section3 .center_w .in_ul1 .in_li1 .in_con .cs_btn button .xi{display:inline-block; *display:inline; zoom:1; vertical-align:middle;font-size:30px; margin-right:6px;}
#section3 .center_w .in_ul1 .in_li1 .in_con .cs_btn button span{display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:1.15rem;}

#section3 .center_w .in_ul1 .in_li1 .in_con .top{ margin-top:51px; }
#section3 .center_w .in_ul1 .in_li1 .in_con p.contact{ margin:20px 0; color:#fff;}
#section3 .center_w .in_ul1 .in_li1 .in_con p.contact.a1{font-size:1.7rem;}
#section3 .center_w .in_ul1 .in_li1 .in_con p.contact.a2{font-size:1.07rem; position: relative; line-height:1.6;}
#section3 .center_w .in_ul1 .in_li1 .in_con p.contact.a2.h54 {height:54px;}
#section3 .center_w .in_ul1 .in_li1 .in_con p.contact .xi{ display:inline-block; border:1px solid #206fd0; background:#206fd0; border-radius:100px; width:50px; line-height:50px; text-align:center; color:#fff; font-size:22px; margin-right:20px;}
#section3 .center_w .in_ul1 .in_li1 .in_con p.contact.a2 .xi{background:#999; border:1px solid #999;}
#section3 .center_w .in_ul1 .in_li1 .in_con .inp_1 .inp_1_l10{margin-left:10px}
#section3 .center_w .in_ul1 .in_li1 .in_con .cs_btn2{margin-top:45px;}
#section3 .center_w .in_ul1 .in_li1 .in_con .cs_btn2 button{ width:100%; border:1px solid #206fd0; border-radius:5px; padding:15px 0; color:#FFF; text-align:center; background:rgba(0,0,0,0);}
#section3 .center_w .in_ul1 .in_li1 .in_con .cs_btn2 button .xi{display:inline-block; *display:inline; zoom:1; vertical-align:middle;font-size:30px; margin-right:6px;}
#section3 .center_w .in_ul1 .in_li1 .in_con .cs_btn2 button span{display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:1.15rem;}


/*온라인문의 개인정보*/
.right_txt {text-align:right; padding-bottom:.8em; font-weight:400; font-size:.938em; color:#d12d33;}
.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;}
.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; font-size:.813em;}
.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:.688em;}
.sub_agree_wrap .cont.pro_view_st {height:80px;}
.cont_check.pro_view_st {padding:.5em 1em; font-size:.813em;}

/*개인정보처리방침*/
.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;}

/*오시는길*/
.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1em; font-weight:400}
.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_info2 { margin-top:30px; font-weight:400}
.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; font-weight:500;}
.map_info2 > li h3 .xi { font-size:1.5rem; 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.bus .info span { display:block; margin:2px 0 6px; color:#333; }
.map_info2 > li.bus .info p { position:relative; line-height:30px; color:#222; letter-spacing:.1px; font-size:1em; padding-left:40px;}
.map_info2 > li.bus .info .st1:before { content:"간선"; width:30px; height:23px; border-radius:23px; background:#7182f5; 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 .st2:before { content:"일반"; width:30px; height:23px; border-radius:23px; background:#00aeab; 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 .st3:before { content:"좌석"; width:30px; height:23px; border-radius:23px; background:#339cf0; color:#fff; text-align:center; line-height:22px; position:absolute; left:0; top:50%; margin-top:-11px; font-size:0.813em; }

.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 10px 5px 0}
.bs1.sub_col1{ background:#ff9933}
.bs1.sub_col2{ background:#ffcc33}

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

.root_daum_roughmap {padding:0 !important; border:none !important;}

/*인사말*/
.greeting_dv{overflow:hidden; margin-top:20px;}
.greeting_dv .img_dv{float:right; width:47%; }
.greeting_dv .img_dv img {box-shadow:2px 2px 15px rgba(0,0,0, 0.2); margin-top:2em;}
.greeting_dv .txt_dv{float:left; width:45%; margin-left:4%;}
.greeting_dv .txt_dv .p1{font-size:1.5em; letter-spacing:-1.5px; line-height:1.4;}
.greeting_dv .txt_dv .p1::after{content:''; width:70%; height:2px; background:linear-gradient(to right, #032b5c, #fff); display:block; margin:.8em 0 1.5em;}
.greeting_dv .p2{font-size:1em; color:#333; line-height:1.5; padding-bottom:1em; font-family:notokrR;}


label[for=at_file1]{text-align:center; }
#at_file1{display:none;}
.file_read{border:none;}