@charset "utf-8";
/* CSS Document */
/*html,body{overflow-x:hidden !important;}
*{ margin:0; padding:0;}
ul,li{ list-style:none}
img { border:none;}
*:focus{ outline: none;}
a{ text-decoration:none} 

body{ top:0 !important;}
.wrap{position: relative; z-index:inherit; left:50%; top:0; width:2000px; margin-left:-1000px}
*/
.wrap{position: relative; z-index:inherit; left:50%; top:10%; width:2000px; margin-left:-1000px}
.box0{ width:1920px; max-width:94%; margin:0 auto}
.box1{ width:1200px; margin:0 auto}

.di_wrap{ font-size:0;}
.di_wrap > *{ display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:16px; font-size:1rem;}
.di_wrap > * > .in{ display:block}

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

.vm_wrap{ display:block; text-align:center; white-space:nowrap;}
.vm_wrap:before{ content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%;}
.vm_tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:100%; height:auto; white-space:normal;}
.vm_wrap img{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-height:100%;}
.cl{ clear:both !important; display:block}
.pr{ position:relative; z-index:inherit}
.oh{ overflow:hidden !important;}


/*.vm_wrap{ display:block; text-align:center; white-space:nowrap;}
.vm_wrap:before{ content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%;}
.vm_tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:100%; height:auto; white-space:normal;}
.vm_wrap img{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-height:100%;}
.cl{ clear:both !important; display:block}
.pr{ position:relative; z-index:inherit}
.oh{ overflow:hidden !important;}
*/
/**/
#header.hide{ opacity:0;}

.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:28%; left:0; width:100%; text-align:center;}
#mainVisual .slogan .tt{ color:#fff; opacity:0; transition:.6s;}
#mainVisual .slogan .tt_line {width:100px; height:1px; background:#fff;z-index: 11111;display: block;position: absolute;left: 50%;transform: translateX(-50%);top: 54%; opacity:.7;}
#mainVisual .slogan .t1{ font-family: 'Ms', sans-serif; font-size:3em; font-weight:400;}
#mainVisual .slogan .t2{ margin-left:2em; font-size:3.188em; padding:.2em 0 1.5em 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; letter-spacing:1px;}


.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:70%; 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{ color:#fff; letter-spacing:-.5px; padding-top:10em;}
.main_t1{ font-size:2.750em; font-family:'Ms', sans-serif; text-align:center; letter-spacing:1px; font-weight:500;}
.main_t2{ font-size:1.2em; font-family:'notokrR'; margin-top:1em; text-align:center; color:#fff;}
.main_line {width:100px; height:1px; background:#fff;z-index: 11111;display: block;position: absolute;left: 50%;transform: translateX(-50%);top: 31%; opacity:.7;}
.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;}

.section{ position:relative; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
#section1{ background-image:url(../images/sian/01.jpg);}
#section2{ background-image:url(../images/sian/main_con2_bg.jpg);}
#section3{ background-image:url(../images/main_con3_bg.jpg);} 
#section4{ background-image:url(../images/main_con4_bg.jpg);} 


/*section1*/
.main_pro ul {display:flex; width:90%; margin:0 auto;transition:.3s all;}
.main_pro ul .more:hover .xi {transition:.3s all; transform:translateX(5px);}
.main_pro ul .pro {width:50%; transform:translateY(45%);}
.main_pro ul .pro.v1 {margin-right:70px;}
.main_pro ul .pro .con {padding-top:200px;}
.main_pro ul .pro .con .con_txt {padding:30px; box-sizing:border-box; background:#fff; opacity:.9;}
.main_pro ul .en_tit {color:#3A6FB6; margin-bottom:5px; font-size: 1.2em;font-weight: 400;}
.main_pro ul .tit {margin-bottom:1em; font-size: 1.2em;font-weight: 600;}
.main_pro ul .more {font-size : .875em;}
.main_pro ul .more .xi {vertical-align:baseline;}
/*section2*/
.main_com ul {display:flex;}
.main_com ul .com {width:30%;text-align:center;transform:translateY(45%);background:#fff;opacity:.9;border-radius: 50%;padding: 65px 0px 50px 0;box-sizing: border-box;margin-right: 35px;transition: .3s all; }
.main_com ul .com:last-child {margin-right:0;}
.main_com ul .com:hover {transition: .3s all; background:#346fb6;}
.main_com ul .com .en_tit {color:#3A6FB6; margin-bottom:1em; font-size: 1.4em;font-weight: 400;}
.main_com ul .com a:hover .en_tit{color:#fff;}
.main_com ul .com .tit {margin:1em 0; font-size:1.2em;}
.main_com ul .com a:hover .tit{color:#fff;}
.main_com ul .com .more {font-size:1.3em;}
.main_com ul .com a:hover .more{color:#fff;}

 

/*section3*/
.main_con3{}
.main_con3 .sec4_in{ margin-left:-20px}
.main_con3 .sec4_in li{ backgrdound:#fff; width:48%; padding:40px 0; margin-left:20px; border-radius:10px;}
.main_con3 .sec4_in li .tt{ font-size:1.250em; font-family:'notokrM'; padding-left:2em; margin-bottom:10px}
.main_con3 .sec4_in li .xi{ color:#f05d35 !important}
.main_con3 .sec4_in li .label{ margin:0 10px; color:#f05d35 !important}
.main_con3 .sec4_in li .tx_box .tx{ padding-left:2em; font-size:.875em; color:#666}


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

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

.main_con3 .sec4_in li.btn_wrap{ position:relative}
.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}
.main_con3 .agree_btn:hover {color:#f05d35; border-color:#f05d35; background:#fff;}

.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:60px; 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:60px;}
#header .gnb_area .logo .logo2{ position:absolute; left:60px; top:0;}
#header .gnb_area .logo .logo3{ position:absolute; left:250px;}
/*#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:76px; }
#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:1em; padding:13px 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:-3px;width:0;height:3px;background:#00285e;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:60px; top:5px;}
#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;}

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



#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:60px; 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:#0c61b5}
#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:#0c61b5;}
#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 .right_menu .gg_wrap{ position:relative; right:30px; top:30px;}
.goog-te-banner-frame{ display: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: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 .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:12px;}
#header .ham_menu .ham_gnb .gnb > li.m_member,
#header .ham_menu .ham_gnb .gnb > li.m_mypage,
#header .ham_menu .ham_gnb .gnb > li.m_guide{ display:none}
#header .ham_menu .ham_gnb .gnb > li .dp1{ display:block; border:1px solid #ccc; border-bottom:2px solid #666; text-align:center; font-size: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:.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:hover .dp1{ color:#fff !important; border:1px solid #1d59a5; border-bottom:2px solid #1d59a5;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1953a2+0,79b4cf+100 */
background: #1953a2; /* Old browsers */
background: -moz-linear-gradient(left,  #1953a2 0%, #0763bd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #1953a2 0%,#0763bd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #1953a2 0%,#0763bd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1953a2', endColorstr='#0763bd',GradientType=1 ); /* IE6-9 */
}
#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: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)}

/**/
#contents{}
#contents .sub_visual_wrap{ position:relative;}
#contents .sub_visual_wrap .va_wrap{ position:relative; height:26em; 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;}
#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"}


.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.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{ background:#003f87; 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 .va{ 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:#002654; }
#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 .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:#1d212a}
#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:.875em}
#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:#0948a7; color:#fff; opacity:1}
#footer .info_wrap{ padding:2em 0 2em 0;}
#footer .info_wrap .box1{ position:relative}
#footer .info_wrap .logo{ /*opacity:.4; */margin-right:3em;}
#footer .info_wrap .logo .footerLogo{ padding-left:1em; display:block; opacity:1 !important;}
#footer .info_wrap .info{ width:70% }
#footer .info_wrap .info > li{ margin-right:2em; font-size:.813em; color:#fff; opacity:.6; line-height:2; letter-spacing:0; }
#footer .info_wrap .info > li 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; bottom:.5em}



/**/
#contents .doc{ padding:5em 0 10em 0;}
#contents .doc.st{ padding:3em 0 0 0;}



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


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


/*이용약관*/
.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;}



/**/
.prod_wrap{ margin:-2em 0 0 -2em}
.prod_wrap > li{ width:33.33%}
.prod_wrap.st2 > li {width:25%;}
.prod_wrap.st3 > li {width:100%;}
.prod_wrap > li .in{ margin:2em 0 0 2em; border:1px solid #ddd; padding:1em 1em 2em 1em; text-align:center;}
.prod_wrap.st2 > li .in {padding:1em 1em 1em 1em;}
.prod_wrap.st3 > li .in {padding:1em 1em 1em 1em; }
.prod_wrap > li .in .img img{transform:scale(.9,.9); transition:.3s}
.prod_wrap.st3 > li .in .resize {padding-bottom:41%;}
.prod_wrap > li .in .tit{ font-size:1.5em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:1em 0 .5em 0; border-top:1px solid #ddd;}
.prod_wrap > li .in .more{ position:relative; width:1.5em; height:1.5em; line-height:1.7em; margin:.5em 0}
.prod_wrap > li .in .more:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; background:#f5f5f5; transform:rotate(45deg); transition:.3s}
.prod_wrap > li .in .more:after{ content:"\e9c5"; position:relative}
.prod_wrap > li .in .info > li{ margin-top:1em}
.prod_wrap > li .in .info .t1{ float:left; text-align:right; width:35%; color:#000; font-size:.938em}
/*.prod_wrap > li .in .info .t1:after{ content:" :"; margin-left:1em;}*/
.prod_wrap > li .in .info .tt{  color:#777; font-size:.938em;}
.prod_wrap > li .in:hover .img img{transform:scale(1,1)}
.prod_wrap > li .in:hover .more{ color:#fff}
.prod_wrap > li .in:hover .more:before{transform:rotate(135deg); background:#003f87; border-color:transparent;}

.prod_wrap > li .in .img .prodLogo{ position:absolute; top:0; right:0; z-index:1111111;}


/**/
/*.prod_tab_wrap{ background:#f5f5f5; padding:15px 0; position:relative; margin-top:-1em; margin-bottom:3em;}
.prod_tab_wrap ul{ overflow:hidden;}
.prod_tab_wrap ul li{ float:left; width:25%; margin:2px 0;}
.prod_tab_wrap ul li > a{ display:block; padding:5px 10px 5px 0; margin-right:10px; border:1px solid transparent; border-radius:3px; font-size:.938em; color:#888; transition:.3s;}
.prod_tab_wrap ul li:hover a{ padding-left:20px; border-color:#003f87; color:#003f87;}*/

.prod_tab_wrap{ padding:15px 0; position:relative; margin-top:-1.5em; margin-bottom:3em;}
.prod_tab_wrap ul{ overflow:hidden;}
.prod_tab_wrap ul li{ float:left; width:25%; margin:2px 0;}
.prod_tab_wrap ul li > a{ display:block; padding:5px 10px 5px 0; margin-right:10px; border:1px solid transparent; border-radius:3px; font-size:.938em; color:#888; transition:.3s; text-align:center; border:1px solid #ddd; background:#f5f5f5;
box-sizing:border-box; line-height:2.2em;}
.prod_tab_wrap ul li:hover a{ padding-left:20px; border-color:#003f87; color:#003f87; background:#f5f5f5;}
.prod_tab_wrap ul li.on a{ background:#0072c6; border-color:#0072c6; color:#fff;}

.prod_tit{ text-align:center; margin-bottom:60px; border-bottom:1px solid #ddd; margin-top:-1em; /* font-size:2em; color:#333; margin-bottom:1.2em; margin-top:-.5em;*/}
.prod_tit .tt{ position:relative; display:inline-block; zoom:1; *display:inline; padding:0 60px 25px 60px; font-size:1.875em; color:#010101}
.prod_tit .line{ position:absolute; bottom:-1px; left:0; right:0; width:100%; height:2px; background:#003f87}




/*연혁*/
.his_tit {font-size:1.5em; padding-bottom:1.5em; text-align:center; position:relative; margin-bottom:2em;}
.his_tit:after {position:absolute; content:""; width:3%; height:2px; background:#90c820; bottom:0; left:50%;}
.his_tit:before {position:absolute; content:""; width:3%; height:2px; background:#22287b; bottom:0; left:47%;}

.his_tit .in {vertical-align:top; color:#1da1f2; font-family:'notokrB';}
.history_area{ position:relative;}
.history_area .history_lst{ margin-left:190px; }
.history_area .history_lst .list{ *zoom:1; padding:30px 0; border-bottom:1px solid #ccc;}
.history_area .history_lst .list:after{ content:""; display:block; clear:both;}
.history_area .history_lst .list:first-child{ margin-top:0;}
.history_area .history_lst .list dt{ float:left; width:125px; margin:0 0 0 -145px;  text-align:right; position:relative}
.history_area .history_lst .list dt span{ display:inline-block; *display:inline; zoom:1; letter-spacing:-1px;}
.history_area .history_lst .list dt .year {font-size:2.7em; color:#6b7f98; margin:-5px 10px 0 0; font-weight:500}
.history_area .history_lst .list dd{ font-size:16px; margin-left:-10px; padding:5px 0 5px 40px; line-height:24px;}
.history_area .history_lst .list dd.first { margin-left:-10px; padding:13px 0 5px 40px; line-height:21px;font-size: 1em;}
.history_area .history_lst .list dd strong { color:#888; padding-right:10px; font-size:1.3em; min-width: 35px; display: inline-block;vertical-align:bottom;}


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

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

.map_wrap .map_info1 .map_tt{ width:11%; padding-right:1.5em; text-align:right; border-right: 1px solid #ddd; color:#333 !important}

.map_wrap .map_info2 { margin-top:30px; font-weight:300}
.map_wrap .map_info2 > li { overflow:hidden; padding:2em 1em; border-bottom:1px solid #ddd;}
.map_wrap .map_info2 > li h3 { float:left; color:#222222; font-size:1.375em; }
.map_wrap .map_info2 > li h3 .xi { font-size:1.625rem; vertical-align:text-top; }
.map_wrap .map_info2 > li .info { margin:0 0 0 200px;}
.map_wrap .map_info2 > li .info strong { display:block;}
.map_wrap .map_info2 > li .info p { color:#333; line-height:26px;}
.map_wrap .map_info2 > li .info ul li:first-child strong { padding-top:0}
.map_wrap .map_info2 > li.bus {}
.map_wrap .map_info2 > li.bus .info span { display:block; margin:2px 0 6px; color:#333; }
.map_wrap .map_info2 > li.bus .info p { padding-left:32px; position:relative; line-height:30px; color:#666; }
.map_wrap .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_wrap .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_wrap .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_wrap .map_info2 > li.subway { min-height:120px;}
.map_wrap .map_info2 > li.subway .info { margin-top:-1px;}
.map_wrap .map_info2 > li.subway .info span { display:block; margin:2px 0 6px;}
.map_wrap .map_info2 > li.subway .info p { display:inline-block; margin-right:34px;}
.map_wrap .map_info2 > li.subway .info em { display:inline-block; font-weight:500;}
.map_wrap .map_info2 > li.subway .info .r em { color:#fff;}

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

.map_wrap .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}
.map_wrap .bs1.sub_col2{ background:#3cb44a}
.map_wrap .bs1.sub_col3{ background:#74c7c7; margin-left:5px}
.map_wrap .bs1.sub_col4{ background:#253b95;}
.map_wrap .bs1.sub_col5{ background:#81c130;}

.map_wrap .btn_in{ float:right}
.map_wrap .btn_in .more{dis:#003f87; border:1px solid #003f87; color:#fff; height:30px; padding:5px; transition:.3s; width:140px; margin-left:0.5em; border-radius:4px;}
.map_wrap .btn_in .more .tt{ vertical-align:middle; foplay:block; backgroundnt-size:.875em; padding-left:.5em;}
.map_wrap .btn_in .more.va_wrap{ height:30px !important}
.map_wrap .btn_in .xi{ vertical-align:middle; margin-left:5px;}

.map_wrap{ overflow:hidden;}
.map_area{ margin-bottom:3em; width:100%; margin:0 .3em;}
.map_area.left{ float:left;}
.map_area.right{ float:right;}*/
.map_tit{ font-size:1.625em; margin-bottom:1em; position:relative; padding-left:1.5em;}
.map_tit.st2 {font-size:1.3em; margin: 1em 0;}

.map_tit:before{ content:""; width:28px; height:20px; position:absolute; top:8px; left:0; background:url(../images/inc/main_tit_icon.png) no-repeat}
.map_tit.st2:before {top:2px;}
/*map*/  
.root_daum_roughmap.root_daum_roughmap_landing{ width:100% !important;}
.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:4em; font-weight:400; box-sizing:border-box;}
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:30px; margin-bottom:10px; line-height:1.5;}
.map_info1 .t1 span:last-child { margin-right:0;}
.map_info1 .t1 .xi { font-size:1em; color:#fff; margin-right:10px; border-radius:50%; width:1.8em; height:1.8em; line-height:1.8em; text-align:center; background:#0e4194}


/*인사말*/
.greetings_wrap{}
.greetings_wrap .t1{ font-size:2em; font-family:'notokrM'; margin-bottom:.5em; margin-top:1em;}
.greetings_wrap .t2{ font-size:1.063em; font-family:'notokrR'; line-height:1.6; padding:.5em 0;}
.greetings_wrap .t3{ font-size:.875em; letter-spacing:1.5px; font-family:'notokrR'; color:#aaa; padding:.5em 0; text-transform:uppercase; margin-bottom:2em;}
.greetings_wrap .left{ float:left; width:50%; padding-left:1em;}
.greetings_wrap .right{ float:right; width:45%; padding-top:1em; text-align:right; padding-right:1em;}
.greetings_wrap .c1{ color:#0c61b5; vertical-align:baseline;}
.greetings_wrap .ceo{ margin-top:3em; text-align:right;}
.greetings_wrap .ceo .em{}
.greetings_wrap .ceo .name{ font-size:1.250em; margin-top:3.7em; font-family:'notokrM';}

/*table*/
.page_tit{ margin-bottom:.75em; margin-top:4em; position:relative; padding-left:2em;}
.page_tit:before{ content:""; width:28px; height:20px; position:absolute; top:9px; left:0; background:url(../images/inc/main_tit_icon.png) no-repeat}
.page_tit:first-child{ margin-top:0}
.page_tit .t1{ font-size:1.625em; color:#222; letter-spacing:-2px; word-spacing:2px;}

.sub_tbox{ background:#fff; /*padding:2em 0 0; */border-top:1px solid #ddd; position:relative;}
/*.sub_tbox:before{ content:''; width:10%; height:3px; background:#003f87; position:absolute; top:-2px; left:0;}*/
.sub_tbox .stit{ font-size:1.25em; color:#222; margin-bottom:10px; margin-top:2.5em;}
.sub_tbox .stit:first-child{ margin-top:0;}
.sub_tbox .tx{color:#444; margin-top:10px; line-height:1.5;}
.sub_tbox .tx:first-child{ margin-top:0;}
.sub_tbox ul.tx li{ margin-bottom:5px; padding-left:.7em;  position:relative;}
.sub_tbox ul.tx li:before{ content:''; width:3px; height:3px; border-radius:50%; background:#0074c1; position:absolute; top:10px; left:0;}
.sub_tbox ul.tx li:last-child{ margin-bottom:0;}

.sub_tbox .sub_tbl {margin-top:3em;}
.sub_tbl.st3 {margin:3em 0;}


.sbox{ background:#fafafa; padding:1.5em 2em; border:1px solid #ddd; font-size:.938em;}
.sbox .sbox_in{ font-size:1.125em; color:#3f649b; font-weight:500; margin-top:1.5em;}
.sbox .sbox_in.st1{ color:#444; font-weight:normal;}
.sbox .sbox_in:first-child{ margin-top:0;}

.page_num_list{line-height:1.4;}
.page_num_list > li{ padding:2em 0; border-top:1px dashed #ccc;}
.page_num_list > li:first-child{ padding-top:1em; border-top:none;}
.page_num_list > li:last-child{ padding-bottom:0;}
.page_num_list > li > .group{ position:relative; padding:0 0 .4em 2.5em;}
.page_num_list > li > .group > .tt > .num{ position:absolute; top:0; left:0; width:2.2em; line-height:2.2em; display:inline-block; text-align:center; background:#00479e; border-radius:100%; color:#fff; font-size:.875em;}
.page_num_list > li > .group > .tt > .tit{ color:#333; font-size:1.125em;}
.page_num_list > li > .group > .ex{ margin-top:8px; font-size:1em; color:#555;}

.sub_tbl .tbl_st {border:1px solid #ccc;  border-top:2px solid #85a1b9; width:100%;}
.sub_tbl .tbl_st tbody th {background:#f0f4f7; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:1em; color:#333; font-size:1.068em; text-align:center;}
.sub_tbl .tbl_st tbody td {background:#fff;  color:#666; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:1em; line-height:1.5; }

.sub_txt_Wrap.st2 {background:none; border:none; padding:0; margin:0;}
.sub_tbl .tbl_st tbody .tbtit {background:#f0f4f7; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:1em; color:#333; font-size:1.068em; text-align:center;}