@charset "utf-8";
/* CSS Document */
.box0{ width:1280px; max-width:98%; margin:0 auto;}
.box1{ width:1200px; max-width:98%; margin:0 auto;}
.box2{ width:1000px; max-width:98%; margin:0 auto;}
.pc_hide{ display:none !important;}

/*header*/
.lang_Wrap{}
.lang_Wrap .list{}
.lang_Wrap .list > li{}
.lang_Wrap .list > li > a {display:block; width:6em;}
.lang_Wrap .list > li > a .langLogo{width:2em; line-height:2em; display:inline-block; border:1px solid #055297; }
.lang_Wrap .list > li > a .langLogo img{width:2em;}
.lang_Wrap .list > li > a .ti{color:#fff; font-size:.875em; padding-left:8px; display:inline-block; font-family:'notokrM'}
.lang_Wrap .list > li > a .xi{opacity:0; font-size:.938em;  transition:.3s}
.lang_Wrap .list > li:hover > a {background:#fff; transition:.3s;}
.lang_Wrap .list > li:hover > a .ti{color:#111;}
.lang_Wrap .list > li:hover > a .langLogo{}
.lang_Wrap .list > li:hover > a .xi{opacity:1; transform:translateX(.3em)} 

#header{ position:relative; z-index:11; width:100%;}
#header .left{ float:left;}
#header .right{ float:right;}
#header .top_wrap,
#header .header_wrap{ position:relative;}

#header .top_wrap{ z-index:111111111111; background:#055297 }
#header .top_wrap .vm_wrap{height:2.188em; height:3em}
#header .top_wrap .tt{ display:block; color:#fff; text-transform:uppercase;}
#header .top_wrap .mem_wrap{ float:left;}
#header .top_wrap .mem_wrap .tt > i,
#header .top_wrap .link_wrap .tt > i{ vertical-align:middle; padding:0 3px;}
#header .top_wrap .mem_wrap .tt,
#header .top_wrap .link_wrap .tt{ padding:0 10px; font-size:.750em; vertical-align:middle}
#header .top_wrap .link_wrap > li:first-child{ margin-left:-10px}

#header .top_wrap .lang_wrap {position:relative; width:6em;}
#header .top_wrap .lang_wrap > a{ color:#fff;; vertical-align:middle;}
#header .top_wrap .lang_wrap > a .xi {font-size:.875em}
#header .top_wrap .lang_wrap > a .ti {font-size:.813em; padding:0 5px;}
#header .top_wrap .lang_wrap > a .arrow {}
#header .top_wrap .lang_wrap > a .icon {}
#header .top_wrap .lang_wrap .list{ position:absolute; left:0; width:100%; padding:.5em; box-sizing:border-box; background:#f5f5f5; transition:.3s; opacity:0; visibility:hidden; transform:translateY(-2em); box-shadow:0 0 .5em rgba(0,0,0,.2); z-index:33}
#header .top_wrap .lang_wrap .list > li > a{ display:block; margin:.25em 0; padding:.5em 1em; padding-right:2em; font-size:.813em; font-weight:500; color:#666; position:relative; overflow:hidden}
#header .top_wrap .lang_wrap .list > li > a .arrow{ position:absolute; right:.5em; line-height:1em; margin-top:-.5em; top:50%}
#header .top_wrap .lang_wrap .list > li:not(.on) > a .arrow{ transform: translateX(2em); transition:.3s}
#header .top_wrap .lang_wrap .list > li > a .arrow:before{content:"\e93f"}
#header .top_wrap .lang_wrap .list > li:hover > a{ background:#d54838; color:#fff}
#header .top_wrap .lang_wrap .list > li:not(.on):hover > a .arrow{ transform: translateX(0)}
#header .top_wrap .lang_wrap .list > li.on > a{ background:#1b327b; color:#fff}
#header .top_wrap .lang_wrap .list > li.on > a .arrow:before{content:"\e929"}
#header .top_wrap .lang_wrap:hover > a{ opacity:1}
#header .top_wrap .lang_wrap:hover .list{ opacity:1; visibility:visible; transform:translateY(0)}

#header .header_wrap{ z-index:10; background:#fff; border-bottom:1px solid #ccc;}
#header .header_wrap .vm_wrap{ height:80px;}
#header .header_wrap .logo{ position:relative; z-index:10001; text-align:left;}
#header .header_wrap .logo .mark{ vertical-align:middle;}
#header .header_wrap .logo .txt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding-left:25px;}
#header .header_wrap .logo .txt .tt{ display:block;}
#header .header_wrap .logo .txt .tt1{ font-size:1.250em; color:#111; }
#header .header_wrap .logo .txt .tt2{ font-family:'LatoR',sans-serif; font-size:.625em; color:#aaa; letter-spacing:0.3px; padding:6px 0 0 2px;}
#header .header_wrap .btn_wrap{ float:left;}
#header .header_wrap .btn_wrap > li{ float:left; margin-left:2px;}
#header .header_wrap .btn_wrap .btn{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:40px; height:40px; line-height:40px; border:1px solid #ccc; border-radius:3px; text-align:center; transition:.3s; cursor:pointer;}
#header .header_wrap .btn_wrap .btn_search{ font-size:1.125em; color:#000;}
#header .header_wrap .btn_wrap .btn_search .btn:hover,
#header .header_wrap .btn_wrap .btn_search .btn.on{ color:#d54838; border:1px solid #d54838}
#header .header_wrap .btn_wrap .btn_search .btn.searchBtn .xi:before{ content:"\e921";}

#header .header_wrap .btn_wrap .btn_all{ font-size:0;}
#header .header_wrap .btn_wrap .btn_all .btn{}
#header .header_wrap .btn_wrap .btn_all .btn .icon,
#header .header_wrap .btn_wrap .btn_all .btn .icon:before,
#header .header_wrap .btn_wrap .btn_all .btn .icon:after{ content:""; position:relative; display:block; width:22px; height:2px; background:#000; transition-duration:.4s;}
#header .header_wrap .btn_wrap .btn_all .btn .icon{ top:50%; margin:0 auto; margin-top:-2px;}
#header .header_wrap .btn_wrap .btn_all .btn .icon:before,
#header .header_wrap .btn_wrap .btn_all .btn .icon:after{ position:absolute; right:0;}
#header .header_wrap .btn_wrap .btn_all .btn .icon:before{ top:-7px;}
#header .header_wrap .btn_wrap .btn_all .btn .icon:after{ bottom:-7px; width:13px; background:#d54838;}
#header .header_wrap .btn_wrap .btn_all .btn:hover .icon:before{ width:13px;}
#header .header_wrap .btn_wrap .btn_all .btn:hover .icon:after{ width:22px;}

#header .header_wrap .btn_wrap .btn_all .btn.on{}
#header .header_wrap .btn_wrap .btn_all .btn.on .icon{ margin-top:0; width:25px; background-color:transparent;}
#header .header_wrap .btn_wrap .btn_all .btn.on .icon:before,
#header .header_wrap .btn_wrap .btn_all .btn.on .icon:after{ width:25px; top:0; bottom:inherit; background:#000;}
#header .header_wrap .btn_wrap .btn_all .btn.on .icon:before{-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
#header .header_wrap .btn_wrap .btn_all .btn.on .icon:after{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}

#header .gnb_wrap{ float:left;}
#header .gnb_wrap .gnb > li.m_mypage,
#header .gnb_wrap .gnb > li.m_member,
#header .gnb_wrap .gnb > li.m_guide,
#header .gnb_wrap .gnb .dp2 { display:none;}
#header .gnb_wrap .gnb{ *zoom:1;}
#header .gnb_wrap .gnb:after{ content:""; display:block; clear:both;}
#header .gnb_wrap .gnb > li{ float:left; position:relative;}
#header .gnb_wrap .gnb > li:before {content:""; position:absolute; z-index:1; left:1em; right:1em; bottom:-1px; background:#183a6a; opacity:0; visibility:hidden; transition:.3s;}
#header .gnb_wrap .gnb > li.on:before {height:4px; opacity:1; visibility:visible;}
#header .gnb_wrap .gnb > li.m_mypage {display:none;}
#header .gnb_wrap .gnb .dp1{ display:block; padding:0 .5vw; height:80px; line-height:80px; font-size:1em; color:#222; font-family:'notokrM'; letter-spacing:-1px; transition:.3s;}
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{ color:#183a6a;}
#header .gnb_wrap .gnb .dp2{ position:absolute; z-index:2; top:88%; left:0; width:150px; padding:10px 15px; background:#fff; border:1px solid #ddd; box-shadow:0 5px 10px rgba(0,0,0,.2);}
#header .gnb_wrap .gnb .dp2:before { content:""; display:block; position:absolute; top:-9px; left:35px; width:15px; height:15px; background:#fff; border-top:1px solid #ddd; border-left:1px solid #ddd; 
-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
#header .gnb_wrap .gnb .dp2 > li{ padding:0 10px; transition:.3s; display:block;}
#header .gnb_wrap .gnb .dp2 > li > a{ display:block; padding:10px 0; border-top:1px solid #eee; font-size:.875em; color:#444; letter-spacing:-1px; height:inherit; text-align:left;}
#header .gnb_wrap .gnb .dp2 > li > a .tt {display:block;}
#header .gnb_wrap .gnb .dp2 > li:first-child > a{ border-top:none;}
#header .gnb_wrap .gnb .dp2 > li:hover{ background:#f2f2f2;}
#header .gnb_wrap .gnb .dp2 > li:hover > a{ color:#000;}

/**/
#header .searchSection{ position:absolute; z-index:1001; top:100%; left:0; width:100%;  background:linear-gradient(to bottom, #fff, #eaedf0); text-align:center; filter:alpha(opacity=0); opacity:0; visibility:hidden; transition:.3s;
border-bottom:1px solid #ccc; box-shadow:1px 2px 9px rgba(0,0,0,0.2); padding:2em 0;}
#header .searchSection .inner > * {display:inline-block; vertical-align:middle;}
#header .searchSection .tit {font-family:'notokrM';}
#header .searchSection .tit .xi {padding-right:5px; font-size:1.250em; vertical-align:middle}
#header .searchSection .tit .tt { font-size:1.125em; font-family:'notokrM' !important; vertical-align:middle}
#header .searchSection .searchClose{}
#header .searchSection .searchClose .xi {border:1px solid #ddd; color:#222; background:#f9f9f9; line-height:2.5em; height:2.5em; width:2.5em; border-radius:50%; transition:.3s;}
#header .searchSection .searchClose:hover .xi {background:#d54838; transition:.3s; color:#fff;}
#header .searchSection .inp_wrap{position:relative; width:45em; margin:0 1em;}
#header .searchSection .inp_wrap .inp{ display:inline-block *display:inline;zoom:1; vertical-align:top; box-sizing:border-box; height:55px; line-height:55px; border:1px solid #ccc; background:#fff; font-size:.938em; border-radius:.9em;}
#header .searchSection .inp_wrap .inp_txt{ width:100%; padding:0 15px;}
#header .searchSection .inp_wrap .inp_btn{ border-color:transparent; background:none; position:absolute; right:15px; top:0;}
#header .searchSection .inp_wrap .inp_btn .xi{ font-size:1.750rem; color:#d54838;}
#header .searchSection.on{/* top:0; */filter:alpha(opacity=100); opacity:1; visibility:visible;}

#header .siteMap_wrap{ position:absolute; z-index:10; top:100%; left:0; width:100%; height:0; overflow:hidden; background:#fff; filter:alpha(opacity=0); opacity:0; visibility:hidden;
-webkit-transition:opacity.35s,visibility.35s,height.35s;
		transition:opacity.35s,visibility.35s,height.35s;}
#header .siteMap_wrap.on{ filter:alpha(opacity=100); opacity:1; visibility:visible; height:auto;}
#header .siteMap_wrap .gnb{ border-left:1px solid #ddd;overflow:hidden;}
#header .siteMap_wrap .gnb:after {content:""; display:block; clear:both;}
#header .siteMap_wrap .gnb > li,
#header .siteMap_wrap .gnb > li *{ transition:.3s; display:block;}
#header .siteMap_wrap .gnb > li{float:left; width:16.66%; position:relative; border-top:1px solid #ddd; margin-top:-1px; padding:2em 0;}
#header .siteMap_wrap .gnb > li:after {position:absolute; content:""; width:1px; height:100%; right:0; top:0; background:#ddd;}
#header .siteMap_wrap .gnb > li.m_guide{ display:none}
#header .siteMap_wrap .gnb > li .gnb_draw .draw_title {display:none;}
#header .siteMap_wrap .gnb .dp1 .icon{ position:absolute; top:0; right:0; width:1px; height:100%; background:#ddd;}
#header .siteMap_wrap .gnb .dp1,
#header .siteMap_wrap .gnb .dp2{ margin:0 10px;}
#header .siteMap_wrap .gnb .dp1{ display:inline-block; *display:inline; zoom:1; padding:9px 20px; min-width:80px; background:#195db4; border-radius:15em; text-align:center; color:#fff;}
#header .siteMap_wrap .gnb .dp1 .tt {font-size:.938em;}
#header .siteMap_wrap .gnb .dp2{ padding:10px 5px;}
#header .siteMap_wrap .gnb .dp2 li{float:none;}
#header .siteMap_wrap .gnb .dp2 > li > a{ display:block; font-size:.875em; color:#000; font-family:'notokrR'; line-height:2.2; text-align:left; position:relative; padding-left:15px;}
#header .siteMap_wrap .gnb .dp2 > li > a:before {position:absolute; content:""; width:4px; height:1px; background:#666; left:7px; top:14px;}
#header .siteMap_wrap .gnb .dp2 > li > a .menu_icon {display:none;}
#header .siteMap_wrap .gnb > li:hover{ background:#f9f9f9;}
#header .siteMap_wrap .gnb .dp2 a:hover{ color:#055297; text-decoration:underline;}
#header .siteMap_bg{ position:fixed; z-index:9; left:0; top:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=0); opacity:0; display:none;}
#header .siteMap_bg.on{ display:block;}

/*quick*/
.quick_wrap{position:fixed; right:2em; bottom:8em; z-index:66}
.quick_wrap .quick_btn {}
.quick_wrap .quick_btn .in{ position:relative; height:3.8em; color:#333; margin-bottom:.5em;}
.quick_wrap .quick_btn .in:last-child {margin-bottom:1em;}
.quick_wrap .quick_btn .in:before{ content:""; position:absolute; top:0; right:0; width:3.8em; height:inherit; border-radius:50%; transition:.4s; box-shadow:4px 4px 12px 0 rgba(0, 0, 0, 0.16);}
.quick_wrap .quick_btn .in.btn1:before {background:#da241e;}
.quick_wrap .quick_btn .in.btn2:before {background:#07a33b;}
.quick_wrap .quick_btn .in.btn3:before {background:#0a4689;}
.quick_wrap .quick_btn .in > *{ position:relative;}
.quick_wrap .quick_btn .in .t1{ font-size:1.063em; font-weight:500; /*padding-right:2em;*/}
.quick_wrap .quick_btn .in .t2{ font-size:1em; color:#fff; font-weight:500; padding:0 0 0 1.5em;/* display:none;*/ opacity:0; width:8em;}
.quick_wrap .quick_btn .in .xi{ width:3.8em; text-align:center; font-size:1em; color:#fff;}
.quick_wrap .quick_btn .in .xi:before{ font-size:1.5em;}
.quick_wrap .quick_btn .in:hover:before{ width:100%; border-radius:10em;}
.quick_wrap .quick_btn .in:hover .t1{ display:none;}
.quick_wrap .quick_btn .in:hover .t2{ /*display:block; */opacity:1;}

/*footer*/
#footer{}
#footer .gotop{ position:fixed; z-index:1; width:3.8em; line-height:3.8em; right:2em; bottom:3em; text-align:center; border-radius:50%; background:#fff; color:#444; transition:.3s; transform:translateY(7em); opacity:0; box-shadow:0 0 1em .125em rgba(0,0,0,.3)}
#footer .gotop .xi{ font-size:1.5em}
#footer .gotop:hover{ background:#0c66c6; color:#fff}
.scroll #footer .gotop{ transform:translateY(0); opacity:1}

.fAmily_wrap {border-top:1px solid #eee; border-bottom:1px solid #ccc; }
.family_wrap{ padding:1em 0em;}
.family_wrap .control{position:relative; width:12em;}
.family_wrap .family {flex:1; min-width:0;}
.family_wrap .control .tit{color:#333; dispay:inline-block; padding-right:5px; font-family:'notokrM'; font-size:.875em}
.family_wrap .control .arrow {}
.family_wrap .control .arrow > li{ display:inline-block; width:1.5em; line-height:1.5em; background:#fff; text-align:center; cursor:pointer; border:1px solid #ddd;}
.family_wrap .control .arrow > li .xi{ font-size:1.125em; color:#222;}
.family_wrap .control .arrow > li:hover{ background:#055297; transition:.3s;}
.family_wrap .control .arrow > li:hover .xi {color:#fff;}
.family_wrap .control .arrow .slick-hidden{ display:inline-block;}
.family_wrap .family .item > a{ display:block; margin:0 .2em; border:1px solid #ddd; background:#fff;}
.family_wrap .family .item .resize {padding-bottom:35% !important;}
.family_wrap .family .item .in{/*height:3.65em*/}
.family_wrap .family .item .in img{ /*max-width:90%; max-height:80%;*/ max-width:10em;}
.family_wrap .family .item .in:hover{ border-color:#3c4968;}

#footer .menu_wrap{ background:#282828}
#footer .menu_wrap .vm_wrap{ height:4em;}
#footer .menu_wrap .menu > li{ display:inline-block; vertical-align:middle;}
#footer .menu_wrap .menu > li > a{ display:inline-block; vertical-align:middle; padding-right:2em;}
#footer .menu_wrap .menu > li > a .tt{ font-size:.875em; color:#fff;}
#footer .menu_wrap .menu > li > a:hover .tt{text-decoration:underline; transition:.3s;}

#footer .info_wrap{ padding:1.6em 0 3em 0; border-top:1px solid rgba(255,255,255,.1); background:#282828}
#footer .info_wrap .logo {width:10%;}
#footer .info_wrap .info{width:90%; }
#footer .info_wrap .info .tt{ display:inline-block; vertical-align:middle; padding:.3em 1.6em .3em 0; font-size:.875em; color:#fff; font-family:'notokrR';}
#footer .info_wrap .info .tt[href]:hover{ color:#055297;}
#footer .info_wrap .info .copy{ margin-top:2em; font-size:.813em; color:#888; text-transform:uppercase; font-family:'notokrR';}

/*main*/
.main_visual{ position:relative;}
.main_visual .visual {}
.main_visual .visual .el{height:37.500em; position:relative; overflow:hidden; height:34.375em}
.main_visual .visual .el .bg{}

.main_visual .main_dot_wrap{ position:absolute; top:40vh; left:18vw;}

.main_visual .arrow_wrap{ position:absolute; left:1.5%; right:1.5%; top:50%; z-index:2;}
.main_visual .arrow_wrap > li{ position:absolute; top:-2.5em; text-align:center;}
.main_visual .arrow_wrap > li.prev{ left:0;}
.main_visual .arrow_wrap > li.next{ right:0;}
.main_visual .arrow_wrap > li .xi{ width:1.8em; line-height:1.8em; background:rgba(0,0,0,.15); border-radius:100%; font-size:2.500em; color:#fff; cursor:pointer;}
.main_visual .arrow_wrap > li:hover .xi {background:#055297; transition:.3s;}

.main_visual .slogan{ position:absolute; z-index:2; top:20%; left:0; width:100%; text-align:left;}
.main_visual .slogan .t0 {margin-left:2em; font-size:.5em; letter-spacing:1em; opacity:0; color:#fff; text-transform:uppercase} 
.main_visual .slogan .t1{margin-left:2em;  font-size:1.125em; line-height:1.6; color:#3c3c3d;  opacity:0; font-family: 'notokrR'; color:#fff;}
.main_visual .slogan .t2{margin-left:2em; font-size:3em; opacity:0; color:#00428A; font-family: 'notokrB'; color:#fff; padding:.3em 0 .813em 0;}
.main_visual .slogan .t3{margin-left:2em; font-size:1.313em; color:#333;  font-family: 'notokrR'; opacity:0; line-height:1.6; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.3); vertical-align:baseline;}
.main_visual .slogan .t3 .point {font-family: 'notokrB'; vertical-align:baseline; font-size:1.188em;}

.load .main_visual .slogan .t0{ margin-left:0; opacity:1; transition:1.5s;}
.load .main_visual .slogan .t1{ margin-left:0; opacity:1; transition:1.5s;}
.load .main_visual .slogan .t2{ margin-left:0; opacity:1; transition:1.5s;}
.load .main_visual .slogan .t3{ margin-left:0; opacity:1; transition:1.5s;}

.main_con1_Wrap {position:relative; margin-top:-90px;}
.main_con1_Wrap .con1_list {}
.main_con1_Wrap .con1_list > li {flex:1; box-shadow:1px 5px 10px rgba(0,0,0,0.2);}
.main_con1_Wrap .con1_list > li .in {padding:1.5em; position:relative}
.main_con1_Wrap .con1_list > li .in .icon {position:absolute; right:1.5em; bottom:1.5em;}
.main_con1_Wrap .con1_list > li .in .t1 {font-size:1.5em; font-family:'notokrB'; padding:15px 0 20px 0;}
.main_con1_Wrap .con1_list > li .in .t2 {font-size:.938em; font-family: 'notokrR'; line-height:1.5; min-height:3em;}
.main_con1_Wrap .con1_list > li .in .bTn {display:inline-block; padding:0 1em; line-height:2.5em; height:2.5em; margin-top:30px;}
.main_con1_Wrap .con1_list > li .in .bTn > * {vertical-align:baseline;}
.main_con1_Wrap .con1_list > li .in .bTn .tt {font-size:.875em; font-family: 'notokrR';}
.main_con1_Wrap .con1_list > li .in .bTn .xi {font-size:1.063em; display:inline-block; padding-left:20px;}
.main_con1_Wrap .con1_list > li .in .bTn:hover {transition:.3s;}
.main_con1_Wrap .con1_list > li .in .bTn:hover .tt {transition:.3s;}
.main_con1_Wrap .con1_list > li .in .bTn:hover .xi {transition:.3s; transform:translateX(10px)}

.main_con1_Wrap .con1_list > li.bg1 {background:#055297; color:#fff; background:#003876}
.main_con1_Wrap .con1_list > li.bg1 .in .bTn {border:1px solid #fff;}
.main_con1_Wrap .con1_list > li.bg1 .in .bTn .xi,
.main_con1_Wrap .con1_list > li.bg1 .in .bTn .tt {color:#fff;}

.main_con1_Wrap .con1_list > li.bg2 {background:#fafafa;}
.main_con1_Wrap .con1_list > li.bg2 .t2 {color:#555}
.main_con1_Wrap .con1_list > li.bg2 .bTn {border:1px solid #055297}
.main_con1_Wrap .con1_list > li.bg2 .in .bTn .xi,
.main_con1_Wrap .con1_list > li.bg2 .in .bTn .tt {color:#055297; }

.main_con1_Wrap .con1_list > li.bg3 {background:#fafafa;}
.main_con1_Wrap .con1_list > li.bg3 .t2 {color:#555}
.main_con1_Wrap .con1_list > li.bg3 .bTn {border:1px solid #055297}
.main_con1_Wrap .con1_list > li.bg3 .in .bTn .xi,
.main_con1_Wrap .con1_list > li.bg3 .in .bTn .tt {color:#055297;}

.main_con2_Wrap {margin-bottom:65px;}
.main_con2_Wrap .con2_list {}
.main_con2_Wrap .con2_list > li {}
.main_con2_Wrap .con2_list > li.con1 {width:50.000em; background:#fff; box-shadow:1px 5px 10px rgba(0,0,0,0.2);}
.main_con2_Wrap .con2_list > li.con2 {flex:1; min-width:0; /*background:url(../images/main/con2_con2bg.jpg) no-repeat center center;*/}
.main_con2_Wrap .con2_list > li.con1 .in {padding:2.5em 1.5em;}

.main_con2_Wrap .tab{ position:relative; width:70%; margin-bottom:1em}
.main_con2_Wrap .tab > li{ text-align:center; position:relative; padding:0 1vw;}
.main_con2_Wrap .tab > li:first-child {padding-left:0;}
.main_con2_Wrap .tab > li:before {position:absolute; content:""; width:1px; height:10px; background:#ccc; top:50%; left:0; transform:translateY(-50%)}
.main_con2_Wrap .tab > li:first-child:before {opacity:0}
.main_con2_Wrap .tab > li .main_more{ position:absolute; top:50%; right:.3em; transform:translateY(-50%); background:#004a98; color:#fff;}
.main_con2_Wrap .tab > li .tt{ display:block; cursor:pointer; font-size:1.250em; color:#979797; font-family:'notokrB';}
.main_con2_Wrap .tab > li.on .tt {color:#1561ae}
.main_con2_Wrap .tab > li.on .tt:after { display:block;}
.main_con2_Wrap .tab > li.on .main_more{ display:block;}
.main_con2_Wrap .tab > li:hover .tt {color:#055297}

.main_con2_Wrap .con2_list > li.con1 .in .list{ padding:1.25em .3em 0 .3em;}
.main_con2_Wrap .con2_list > li.con1 .in .list > li{padding-top:1.313em;}
.main_con2_Wrap .con2_list > li.con1 .in .list > li:first-child{padding-top:0;}
.main_con2_Wrap .con2_list > li.con1 .in .list > li .list_t{ display:block; position:relative;}
.main_con2_Wrap .con2_list > li.con1 .in .list > li .list_t > * {display:inline-block}
.main_con2_Wrap .con2_list > li.con1 .in .list > li .list_t .type {position:absolute; left:0; top:0; background:#da241e; text-align:center; padding:.25em 0; width:5em;}
.main_con2_Wrap .con2_list > li.con1 .in .list > li .list_t .type .tt {color:#fff; font-size:.813em; padding-top:3px;}
.main_con2_Wrap .con2_list > li.con1 .in .list > li .list_t .txt{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:70%; padding-left:7em; color:#595959; font-size:.938em; padding-top:3px;}
.main_con2_Wrap .con2_list > li.con1 .in .list > li .list_t .date{ position:absolute; top:50%; right:.2em; transform:translateY(-50%); font-size:.875em; color:#848484; font-family:'notokrR';}
.main_con2_Wrap .con2_list > li.con1 .in .list > li:hover .list_t .txt{ color:#055297; text-decoration:underline;}

.main_con2_Wrap .con2_list > li.con2 .in {padding:2.5em 1.5em; box-shadow:1px 5px 10px rgba(0,0,0,0.2); background:#fff}
.main_con2_Wrap .con2_list > li.con2 .in .title {padding-bottom:1em;}
.main_con2_Wrap .con2_list > li.con2 .in .title .tit {font-family:'notokrB'; font-size:1.313em; color:#3a3a3a;}

.main_photo_slide .photo_slide{}
.main_photo_slide .photo_slide .el{ }
.main_photo_slide .photo_slide .in_photo{ display:block; }
.main_photo_slide .photo_slide .in_photo .img{}

.main_arrow_wrap {}
.main_arrow_wrap > li{ display:inline-block; width:1.5em; line-height:1.5em; background:#fff; text-align:center; cursor:pointer; border:1px solid #ddd;}
.main_arrow_wrap > li .xi{ font-size:1.125em; color:#222;}
.main_arrow_wrap > li:hover{ background:#055297; transition:.3s;}
.main_arrow_wrap > li:hover .xi {color:#fff;}
.main_arrow_wrap .slick-hidden{ display:inline-block;}

.main_con3_Wrap {margin-bottom:100px;/* background:#fafafa; padding:4em 0;*/}
.main_con3_Wrap .con3_list {margin:0 0 0 -3em}
.main_con3_Wrap .con3_list > li {width:33.33%;}
.main_con3_Wrap .con3_list > li .inner {margin:0 0 0 3em;}
.main_con3_Wrap .con3_list > li .inner .title {margin-bottom:1em; position:relative;}
.main_con3_Wrap .con3_list > li .inner .title .tit { font-family:'notokrB'; font-size:1.438em; color:#3a3a3a;}
.main_con3_Wrap .con3_list > li .inner .title .xi {position:absolute; right:0; top:0; color:#3a3a3a; font-size:1.7em;}
.main_con3_Wrap .con3_list > li .inner .title .xi:hover {transform:rotate(90deg); transition:.2s; color:#055297}

.main_con3_Wrap .con3_list > li .inner .in {/*min-height:280px;*/}
.main_con3_Wrap .con3_list > li .inner .top_w{cursor:pointer; padding-top:1.250em; border-top:1px solid #3a3a3a}
.main_con3_Wrap .con3_list > li .inner .top_w .t_con{flex:1; min-width:0; margin-left:1em;}
.main_con3_Wrap .con3_list > li .inner .top_w .t_con .tit{font-weight:500; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#111; font-size:1em; padding-bottom:10px;}
.main_con3_Wrap .con3_list > li .inner .top_w .t_con .tit:after{ content:'N'; display:inline-block; width:20px; line-height:20px; background:#055297; text-align:center; color:#fff; border-radius:50%; font-size:.750em; margin-left:8px;}
.main_con3_Wrap .con3_list > li .inner .top_w .t_con .txt{ font-size:.813em; color:#828282; height:30px; overflow:hidden;}
.main_con3_Wrap .con3_list > li .inner .top_w .date{ width:4.5em; height:4.5em; background:#f1f1f1; text-align:center;}
.main_con3_Wrap .con3_list > li .inner .top_w .date .dd{ display:block; font-size:1.375em; color:#055297; font-family:'notokrB';}
.main_con3_Wrap .con3_list > li .inner .top_w .date .ym{ font-size:.875em; color:#646464; font-family:'notokrM';}

.main_con3_Wrap .con3_list > li .inner .top_w .t_con .tit:hover {color:#055297; transition:.3s}
.main_con3_Wrap .con3_list > li .inner .top_w .t_con .txt:hover {color:#055297; transition:.3s}

.main_con3_Wrap .con3_list > li .inner .bot_w{padding-top:1em; border-top:1px solid #ddd; margin-top:1.250em;}
.main_con3_Wrap .con3_list > li .inner .bot_w li{ font-size:.938em; margin-bottom:15px;}
.main_con3_Wrap .con3_list > li .inner .bot_w li:last-child {margin-bottom:0;}
.main_con3_Wrap .con3_list > li .inner .bot_w li .tx{ width:80%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-family:'notokrM'; color:#595959; font-size:.938em; padding-left:.7em; position:relative;}
.main_con3_Wrap .con3_list > li .inner .bot_w li .tx:before {position:absolute; content:""; width:3px; height:3px; left:0; top:5px; border-radius:50%; background:#0b65c2}
.main_con3_Wrap .con3_list > li .inner .bot_w li .tx:hover{ text-decoration:underline; cursor:pointer;}

.main_event_slide .event_slide{}
.main_event_slide .event_slide .el{ }
.main_event_slide .event_slide .in{ display:block; }
.main_event_slide .event_slide .in .img{}

.main_event_slide .main_dot_wrap{ position:absolute; right:1em; top:.5em;}
.main_dot_wrap .slick-dots > ul > li{ display:inline-block; padding:0 .2em;}
.main_dot_wrap .slick-dots > ul > li button{ display:block; width:.75em; height:.75em; background:#ccc; border:none; border-radius:100%; overflow:hidden; text-indent:-9999px;}
.main_dot_wrap .slick-dots > ul > li.slick-active button{ background:#055297;}

.main_menu_Wrap {background:#eef3f6; padding:3em 0;}
.main_menu_Wrap .t0 {text-align:center; font-size:.750em; letter-spacing:.5em; padding-bottom:.813em; text-transform:uppercase; font-family:'notokrM'; color:#055297;}
.main_menu_Wrap .ti {text-align:center; font-size:2.188em; font-family:'notokrB'; padding-bottom:1.125em;}
.main_menu_Wrap .main_menu_list {margin:0 0 0 -1em;}
.main_menu_Wrap .main_menu_list > li {flex:1; cursor:pointer}
.main_menu_Wrap .main_menu_list > li .in {border-radius:1.125em; background:#fff; margin:0 0 0 1em; text-align:center; padding:1em; box-shadow:0 0 1em rgba(0,0,0,.1); position:relative; min-height:10.5em;}
.main_menu_Wrap .main_menu_list > li .in .icon {border-radius:50%; width:5em; height:5em; display:flex; align-items:center; justify-content:center; background:#f5f5f5}
.main_menu_Wrap .main_menu_list > li .in .icon img {width:3em;}
.main_menu_Wrap .main_menu_list > li .in .tt {padding-top:1em; font-family:'notokrM'; color:#444;}
.main_menu_Wrap .main_menu_list > li:hover .in .icon {transition:.5s; transform:rotateY(360deg);}

.main_news_Wrap {margin:5em 0;}
.main_news_Wrap .tiw {margin-bottom:2em;}
.main_news_Wrap .tiw .t1{font-family:'notokrB'; color:#222; font-size:2.188em; letter-spacing:-.5px; padding-right:.5em;}
.main_news_Wrap .tiw .t2{color:#777; font-size:1.063em;}

.main_news_Wrap .tiw .mbtn .xi {color:#3a3a3a; font-size:1.7em;}
.main_news_Wrap .tiw .mbtn .xi:hover {transform:rotate(90deg); transition:.2s; color:#055297}

.main_news_Wrap .con_w {}
.main_news_Wrap .con_w .in {}
.main_news_Wrap .con_w .in .con{}
.main_news_Wrap .con_w .in .con.big {width:50.5%}
.main_news_Wrap .con_w .in .con.small{padding-left:1em; margin-left:1em; flex:1;}
.main_news_Wrap .con_w .in .con .img {}
.main_news_Wrap .con_w .in .con .tit {padding-top:1em;}
.main_news_Wrap .con_w .in .con .tit .ti { font-family:'notokrM'; color:#333}
.main_news_Wrap .con_w .in .con.small .in {margin:0 0 -1em -1em;}
.main_news_Wrap .con_w .in .con.small .in .in_w {flex:1 1 50%;}
.main_news_Wrap .con_w .in .con.small .in .in_w .in_pd {margin:0 0 1em 1em;}
.main_news_Wrap .con_w .in .con.small .in .in_w .img {padding-bottom:.5em;}
.main_news_Wrap .con_w .in .con.small .in .in_w .tt {  font-size:.813em; color:#333; font-family:'notokrM';}

.main_banner_Wrap {/*margin-bottom:5em; */position:relative; /*height:25em;*/ padding:4em 0;}
.main_banner_Wrap .tw {position:relative; text-align:center; color:#fff; width:100%;}
.main_banner_Wrap .tw .t0 {font-size:.5em; letter-spacing:1em; text-transform:uppercase}
.main_banner_Wrap .tw .t1 {padding-top:.5em; font-size:2.3em; line-height:1.5;}
.main_banner_Wrap .tw .t1 b {display:block; font-family:'notokrB';}
.main_banner_Wrap .tw .line {background:#fff; width:1px; height:40px; margin:2em auto}
.main_banner_Wrap .tw .t2 {}
.main_banner_Wrap .tw .in_btn {display:inline-block; border:1px solid #fff; padding:1em 1.5em;}
.main_banner_Wrap .tw .in_btn > i {color:#fff;}
.main_banner_Wrap .tw .in_btn:hover {transition:.3s; background:#055297; border:1px solid #055297}
.main_banner_Wrap .tw .in_btn:hover > i {color:#fff; }

/*contents*/
#contents{}
#contents .subVisual_wrap{position:relative;}
#contents .subVisual_wrap .subVisual{transition:.5s; height:23em;  position:relative;}
#contents .subVisual_wrap .subVisual.on{padding-left:0;}
#contents .subVisual_wrap .subVisual .bg { position:absolute; z-index:inherit; top:0; left:0; width:100%; height:100%; }

#contents.member_c .subVisual_wrap{display:none;}
#contents.member_c .subPage_Tit{display:none;}

#contents .subVisual_wrap .subVisual .wrap_in {position:relative; height:100%;}
#contents .subVisual_wrap .subVisual .wrap_in .sub_slogan {flex:1 1 auto; color:#fff;}
#contents .subVisual_wrap .subVisual .wrap_in .sub_slogan .in {width:100%; text-align:center;}
#contents .subVisual_wrap .subVisual .wrap_in .sub_slogan .in .t1 {font-family:'notokrR'; opacity:0; padding:0 0 .5em 0; letter-spacing:.2em; /*transform:translateX(-2em);*/ font-size:.750em; text-transform:uppercase}
#contents .subVisual_wrap .subVisual .wrap_in .sub_slogan .in .t2 {font-size:2em; font-family:'notokrM'; opacity:0;/* transform:translateX(2em)*/}
#contents .subVisual_wrap .subVisual .wrap_in .sub_slogan .in .line{ display:inline-block; margin:1em 0; width:1px; height:0; background:#fff; opacity:.5; transition:.8s;}
.load #contents .subVisual_wrap .subVisual .wrap_in .sub_slogan .in .line{ height:2em;}
.load #contents .subVisual_wrap .subVisual .wrap_in .sub_slogan .in .t1,
.load #contents .subVisual_wrap .subVisual .wrap_in .sub_slogan .in .t2 {opacity:1; transition:1s;/* transform:translateX(0)*/}

#contents .sub_page_nav{ padding-top:1.5em; opacity:0;}
#contents .sub_page_nav .nav > li{ display:inline-block; vertical-align:top;}
#contents .sub_page_nav .nav > li.def:before{ content:"\e93f"; font-family:xeicon; color:#fff; display:inline-block; vertical-align:middle;}
#contents .sub_page_nav .nav > li.home .xi{ display:inline-block; font-size:.875em;  color:#fff;}
#contents .sub_page_nav .nav > li.def .tt{ display:inline-block; font-size:.875em; text-transform:uppercase; color:#fff;}
#contents .sub_page_nav .nav > li.on .tt{ color:#fff;}
.load #contents .sub_page_nav {opacity:1; transition:1s;}

#contents .subVisual_wrap .sub_gnb_wrap{ margin-bottom:-1em;}
#contents .subVisual_wrap .sub_gnb_wrap .gnb{ text-align:center; }
#contents .subVisual_wrap .sub_gnb_wrap .gnb > li {width:100%;}
#contents .subVisual_wrap .sub_gnb_wrap .gnb > li,
#contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp1{ display:none}
#contents .subVisual_wrap .sub_gnb_wrap .gnb > li.on,
#contents .subVisual_wrap .sub_gnb_wrap .gnb > li.on .dp2{ display:block}
#contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 {width:100%; overflow:hidden;}
#contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li{}
#contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li {flex:1 1 100%!important; max-width:16.66% !important;}
#contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a{position:relative; font-size:1.063em; font-family:'notokrM'; color:#999;}
#contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:calc(100% - .5em); background:#fff}
#contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a:after{ content:""; position:absolute; left:100%; bottom:0; width:1em; height:.875em; transform:skew(-30deg) translateX(-75%); background: rgba(0,0,0,.2); display:none}
#contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .vm_tt{display:flex; justify-content:center; align-items:center; position:relative; z-index:1; padding:0 1em; height:4.5em; }
#contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .vm_tt .menu_icon {display:none;}
#contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:hover > a{ opacity:1}
#contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on {/*box-shadow:0 0 1em .25em rgba(0,0,0,.25);*/}
#contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a{z-index:1}
#contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a .vm_tt {background:#195db4; color:#fff;}
#contents .subVisual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a:after {display:block;}

#contents .subCon{ position:relative;}
#contents .subCon .subPage_Tit{ border-bottom:1px solid #ccc; text-align:center;}
#contents .subCon .subPage_Tit .in{ position:relative; display:inline-block; *display:inline; zoom:1; padding:30px 50px 20px 50px; font-size:1.875em; color:#000; text-transform:uppercase;}
#contents .subCon .subPage_Tit .in:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:#055297;}

#contents .subCon .doc{ padding:4em 0 10em 0;}

/*sub inc*/
.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_sec5{ margin-top:5em !important;}

.point_sky {color:#055297 !important; vertical-align:baseline !important;}
.point_blue {color:#055297 !important; vertical-align:baseline !important;}
.point_red {color:#d54838  !important; vertical-align:baseline !important;}

.bg_gray {background:#ecf0f4 !important; color:#0d2d4f !important;}

/**/
.page_memo{ padding:1em 1.5em; background:#fafafa; line-height:1.7;}
.page_memo:first-child{ margin-top:0}
.page_memo > li{ margin-top:.3em; position:relative}
.page_memo > li:first-child{ margin-top:0}
.page_memo > li .tt{ margin:.25em 0 0 .5em}
.page_memo > li.flex .tt{ flex:1 1 0%; min-width:0;}
.page_memo .t1{ font-size:.938em; color:#666}
.page_memo .icon.info:before{content:"\e9a7"; color:#055297; font-size:.938em;}

/**/
.page_liNk {vertical-align:baseline !important; color:#666 !important; font-family:'notokrR' !important;}
.page_liNk:hover {transition:.3s; color:#055297; text-decoration:underline}

.page_tit{margin-bottom:1.313em;}
.page_tit .tt{ font-size:1.5em; color:#323232; font-family:'notokrM'; position:relative; line-height:1.5;}
.page_tit .tt:before{ content:""; width:1em; height:3px; background:#195db4; display:block; margin-bottom:.313em}
.page_tit .tt.t1{font-size:1.250em;}
.page_tit .tt.t1:before{display:none}

.page_list2Wrap {border:1px solid #e6e6e6; padding:1.5em 1.75em; border-radius:4px;}
.page_list2 {}
.page_list2 .ti {color:#444; font-size:.938em; padding-bottom:1em;}
.page_list2 .tt {color:#444; font-size:.938em; line-height:1.6; padding-bottom:.8em; padding-left:.5em; position:relative;}
.page_list2 .tt:before {position:absolute; content:""; left:0; top:9px; width:2px; height:2px; border-radius:50%; background:#003876}
.page_list2 .tt:last-child {padding-bottom:0;}
.page_list2 .tt > strong {vertical-align:baseline; font-family:'notokrM'; color:#222;}
.page_list2 .tt .tx {display:block; font-size:.938em; color:#666; margin-top:.5em;}

.page_txt_wrap {margin:3em 0;}
.page_txt_wrap:first-child {margin:0 0 3em 0 !important;}

/**/
.page_tbl_wrap {}
.page_tbl_wrap .page_tbl_tit {color:#333; font-size:1em; padding-bottom:.8em;}

.page_img_list {}
.page_img_list .list {margin:0 0 -1em -1em;}
.page_img_list .list > li {flex:1 1 25%; max-width:25%;}
.page_img_list .list.fw2 > li {flex:1 1 50%; max-width:50%;}
.page_img_list .list > li .in {margin:0 0 1em 1em; flex:1;}
.page_img_list .list > li .in .img{}
.page_img_list .list > li .in .img .bg{ position:absolute; top:0; left:0; width:100%; height:100%;}
.page_img_list .list > li .in .tit {background:#fff; padding:1.250em; box-shadow:0 5px .5em rgba(0,0,0,.15); text-align:center; }
.page_img_list .list > li .in .tit > i {display:inline-block; font-size:.938em;}

.page_ex_list{}
.page_ex_list > li{ padding:.375em 0;}
.page_ex_list > li > .in{ position:relative; padding-left:1em;}
.page_ex_list > li > .in:before{ content:""; position:absolute; left:0; top:.625em; width:4px; height:4px; background:#195db4; border-radius:100%;}
.page_ex_list > li > .in.iconNo:before{display:none;}
.page_ex_list > li > .in > .tt{ font-size:1em; color:#333; line-height:1.5;}
.page_ex_list > li > .in > .tt.t1{ display:block; margin-top:.25em; font-size:.938em; color:#666;}
.page_ex_list > li > .in > .tt + .page_ex_list{ margin-top:.5em;}
.page_ex_list > li > .in .page_ex_list:last-child{ margin-bottom:.75em;}
.page_ex_list > li:last-child > .in .page_ex_list:last-child{ margin-bottom:0;}

.page_con_txt_wrap1 {margin-top:1.5em}
.page_con_txt_wrap1 .txt_list {margin-top:1em; line-height:1.4;}
.page_con_txt_wrap1 .txt_list:first-child {margin-top:0;}
.page_con_txt_wrap1 .txt_list > li {margin-bottom:1.5em;}
.page_con_txt_wrap1 .txt_list > li:last-child {margin-bottom:0;}
.page_con_txt_wrap1 .txt_list > li .in {position:relative;}
.page_con_txt_wrap1 .txt_list > li .in .ti {font-size:1em; line-height:1.5; font-family:'notokrM'; padding-bottom:.75em; color:#333}
.page_con_txt_wrap1 .txt_list > li .in .ti .xi {font-size:.938em;}
.page_con_txt_wrap1 .txt_list > li .in .tx{ }
.page_con_txt_wrap1 .txt_list > li .in .tx .tt {color:#444; font-size:.938em; display:block; position:relative; padding-left:.5em; padding-bottom:.8em; line-height:1.6;}
.page_con_txt_wrap1 .txt_list > li .in .tx .tt:before {position:absolute; content:""; left:0; top:9px; width:2px; height:2px; border-radius:50%; background:#003876}
.page_con_txt_wrap1 .txt_list > li .in .tx .tt:last-child {padding-bottom:0;}

/**/
.search_w {border:1px solid #ddd; padding:1.9em; text-align:center; margin-bottom:30px;}
.search_w .result{}
.search_w .result .tit1{ font-size:1.5em;margin-bottom:10px; color:#333;}
.search_w .result .tit1 .dot{ color:#aaa; margin:0 3px;}
.search_w .result .tit1 .green{ color:#055297;}
.search_w .result .tit2{ font-size:1em; color:#333; vertical-align:baseline}
.search_w .result .tit2 .big{ font-size:1.5em; color:#37499d; vertical-align:baseline}

.sub_related{ margin:0 0 0 -1.5em}
.sub_related > li{ width:25%}
.sub_related > li > a{ display:block; border:1px solid #ddd; margin:1.5em 0 0 1.5em; transition:.3s; position:relative; }
.sub_related > li > a:after {position:absolute; content:""; width:100%; height:100%; background:rgba(0,0,0,.66); left:0; top:0; right:0; opacity:0; transition:.3s; z-index:1}
.sub_related > li > a .logo{ padding-bottom:50%}
.sub_related > li > a .logo .re{ box-sizing:border-box; padding:1em}
.sub_related > li > a .logo img{/* max-height:2.5em*/}
.sub_related > li > a .info{ display:block; border-top:1px solid #ddd; text-align:center; padding:1em}
.sub_related > li > a .info .tit {font-size:.938em; font-family:'notokrM';}
.sub_related > li > a .layerw {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); opacity:0;  transition:.3s; z-index:3;}
.sub_related > li > a .layerw .xi {font-size:1.5em; color:#195db4; border-radius:50%; width:1.5em; line-height:1.5em; text-align:center; background:#fff}
.sub_related > li > a:hover{ border:1px solid #1d7d4d}
.sub_related > li > a:hover:after {opacity:1; transition:.3s;}
.sub_related > li > a:hover .layerw {opacity:1; transition:.3s;}

.map_view {border:1px solid #ddd; border-radius:.5em .5em 0 0; border-bottom:none;}

/* .sub_location_info{}
.sub_location_info > li{margin-bottom:3em;}
.sub_location_info > li:last-child {margin-bottom:0;}
.sub_location_info > li > span {display:block}
.sub_location_info .tit{ font-weight:500; width: 10%; position:relative; padding:.5em 0 .5em 3.5em;}
.sub_location_info .tit.w1{ width:7em}
.sub_location_info .tit.s1 > i:not(.xi){ font-size:1.125em}
.sub_location_info .tit .xi{ width:2em; line-height:2em; text-align:center; border-radius:50%; box-shadow:0 0 .5em rgba(0,0,0,.2); color:#063165;text-align:center; position:absolute; left:0; top:0}
.sub_location_info .tt{ position: relative; color:#666; vertical-align:top; padding-top:.5em}
.sub_location_info .tt > *{ vertical-align:baseline}
.sub_location_info .tt .subway1:before { content:"1호선"; width:35px; height:25px; border-radius:23px; background:#3155b5; color:#fff; text-align:center; line-height:25px; position:absolute; left:0; top:45%; margin-top:-12px; font-size:0.750em; }
.sub_location_info .tt .subway2:before { content:"수인선"; width:35px; height:25px; border-radius:23px; background:#fcbd26; color:#fff; text-align:center; line-height:25px; position:absolute; left:0; top:45%; margin-top:-12px; font-size:0.750em; }
 */

.sub_map { border:1px solid #ddd; border-radius:.5em .5em 0 0; }
.box_st .map_con { display: flex; margin-top: 1em; }
.box_st .map_con .map_icon_wrap { width: 25; align-items: center; }
.box_st .map_con .map_icon_wrap .icon_circle { display: flex; justify-content: center; align-items: center; width: 2.5em; line-height:2.5em; border-radius: 50%; box-shadow:0 0 .5em rgba(0,0,0,.2); }
.box_st .map_con .map_icon_wrap .icon_circle i { color: #063165; }
.box_st .map_con .map_icon_wrap .icon_tt { margin-left: 1em; }
.box_st .map_con .map_tt { display: flex; flex-direction: column; justify-content: center; color:#666; }
.box_st .map_con .map_tt p { position: relative; color:#444; font-size:.938em; line-height:1.6; }
.box_st .map_con .map_tt .subway1 { padding-left: 2.6em; margin-bottom:.8em; }
.box_st .map_con .map_tt .subway2 { padding-left: 2.6em; }
.box_st .map_con .map_tt .subway1:before { content:"1호선"; width:35px; height:25px; border-radius:23px; background:#3155b5; color:#fff; text-align:center; line-height:25px; position:absolute; left:0; top:45%; margin-top:-12px; font-size:0.750em; }
.box_st .map_con .map_tt .subway2:before { content:"수인선"; width:35px; height:25px; border-radius:23px; background:#fcbd26; color:#fff; text-align:center; line-height:25px; position:absolute; left:0; top:45%; margin-top:-12px; font-size:0.750em; }


.box_st{ box-shadow:0 0 1em rgba(0,0,0,.2); padding:2em; border-radius:.5em}
.box_st.p1{ padding:4em}
.box_st2{ border:1px solid #ddd; padding:2em; border-radius:.5em; background:#f5f5f5}
.line_st{ margin-top:3em; padding-top:3em; border-top:1px solid #ddd}

.page_btn_list{margin:3em 0; text-align:center}
.page_btn_list .btn{padding:1em; border-radius:.3em; background:#195db4; color:#fff; display:inline-block; min-width:11em;}
.page_btn_list .btn.st {background:#333;}
.page_btn_list .btn > * {vertical-align:middle}
.page_btn_list .btn .tt { font-size:1em; font-weight:500}
.page_btn_list .btn .xi {}

.page_call_wrap {}
.page_call_wrap .in{/*border:1px solid #c5c9d6;*/ padding:1em 1.5em; border-radius:.5em; background:#fafbff; background:#fafafa}
.page_call_wrap .in .tw{padding-bottom:1em;}
.page_call_wrap .in .tw .icon {}
.page_call_wrap .in .tw .icon .xi {}
.page_call_wrap .in .tw .ti {}
.page_call_wrap .in .tw .ti .tt {font-size:1em; font-family:'notokrM';color:#363c5a; color:#055297 }
.page_call_wrap .in .con {}
.page_call_wrap .in .con .list {}
.page_call_wrap .in .con .list > li {margin-right:2em}
.page_call_wrap .in .con .list > li > div {}
.page_call_wrap .in .con .list > li > div .xi {padding-right:.250em; font-size:.813em;}
.page_call_wrap .in .con .list > li > div .t1 {font-size:.875em;}


 /* 1_1 */
.greeting_wrap { margin: 0 0 3.5em 0; }
.greeting_wrap .g_tt1 { font-size: 2em; line-height: 1.5em; }
.greeting_wrap .g_tt2 { font-size: 1em; line-height: 1.8em; margin-bottom: 1.3em; text-indent: 10px; }
.greeting_wrap .g_tt3 { font-size: 1.3em; font-weight: 600; }
.greeting_wrap .g_tt4 { color: #008cd4; vertical-align: baseline; font-weight: 600; }
.greeting_wrap .g_tt5 { line-height: 1.8em; text-indent: 10px; }
.greeting_wrap .greeting_left {  }
.greeting_wrap .greeting_right {  }
.greeting_wrap.grad{ border: 2px; border-left: 0; border-right: 0; border-top: 0; border-style: solid; border-image: linear-gradient(to right, #008cd4, #195db4, #ffffff); border-image-slice: 1; }

/* 1_2 */
.objective_wrap:first-of-type { margin: 0 0 3em 0; }
.objective_wrap .o_tt1 { position: relative; font-size: 1.5em; margin-bottom: 1.313em; line-height: 1.5; color: #323232; font-family: 'notokrM'; }
.objective_wrap .o_tt1:before{ content:""; width:1em; height:3px; background:#195db4; display:block; margin-bottom:.313em }
.objective_wrap .o_tt2 { font-size: 1em; line-height: 1.5em; margin-left: 10px; }
.objective_wrap .o_img { margin-top: 3em; }
.objective_align { border: 1px solid #ccc; border-top: 2px solid #85a1b9; padding: 1em 2em; box-shadow: 0.25em 0.25em 0 rgb(0 0 0 / 8%); margin: 1.2em 0 0 10px; border-radius: 4px; }
.objective_align .num_list {  }
.objective_align .num_list .list { font-size: 1em; border-bottom: 1px dashed #ccc; padding: .8em 0; line-height:1.5; }
.objective_align .num_list .list:last-of-type { border: none; }

/* 1_3 */
.history_img{ margin-bottom:3em;}
.history_img .inner{ position:relative; height:25em;}
.history_img .inner .bg{ position:absolute; top:0; height:100%; width:100%; left:0;}
.history_img .inner .page_tit{ position:relative; margin-bottom:0; margin-top:0;}
.history_con .inner {padding-bottom:5em; padding-top:3em;}
.history_img .inner .page_tit > .t1{ font-size:1.8em; color:#fff; line-height:1.5;}
.history_img .inner .page_tit > .t2{ font-size:3em; letter-spacing:-1px; padding-top:.5em; color:#fff;}

.history_list{ position:relative; overflow:hidden; padding:3em 0 5em 0;}
.history_list:before,
.history_list .lineAni{ content:""; position:absolute; left:12em; top:0; width:2px; height:100%; background:#ddd}
.history_list .lineAni{ height:0; background:#1f65ba; transition:.3s}
.history_list .lineAni:before,
.history_list:after{ content:""; position:absolute; width:1.25em; height:1.25em; background:#fff; border:.25em solid #1f65ba; border-radius:50%; box-sizing:border-box; margin-left:1px; transform:translateX(-50%);}
.history_list:after{ top:auto; bottom:0; left:12em}
.history_list .history > li{ margin-top:5em}
.history_list .history > li:first-child{ margin-top:0}
.history_list .history > li .year{ width:11em; text-align:right;}
.history_list .history > li .year .tt{ position:relative; font-size:2.500em; color:#888; font-weight:700; transition:.3s; vertical-align:baseline}
.history_list .history > li .year .tt:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:40%; background:#1f65ba; opacity:0; transition:.3s;}
.history_list .history > li .year .tt > *{ position:relative;}
.history_list .history > li .year.on .tt{ color:#111;}
.history_list .history > li .year.on .tt:before{ opacity:.2;}
.history_list .history > li .year .tx {display:inline-block; vertical-align:baseline; padding-left:.5em; color:#888;}
.history_list .history > li .year .tx > i {font-size:.938em;}
.history_list .history > li .year.on .tx {color:#111;}

.history_list .history > li .list{ margin:1em 0 2em 12em;}
.history_list .history > li .list > li{ margin-top:1.5em}
.history_list .history > li .list > li:first-child{ margin-top:0}
.history_list .history > li .list .ti{ padding:0 1em; color:#111; font-weight:700; font-size:1.8em;}
.history_list .history > li .list .tt{ position:relative; padding:0 2em; margin-top:.125em; font-size:1em; color:#333; line-height:1.5;}
.history_list .history > li .list .tt .dot{ position:absolute; left:0; top:-.125em; width:1.875em; height:1.875em; background:transparent; border-radius:50%; box-sizing:border-box; margin-left:1px; transform:translateX(-50%);}
.history_list .history > li .list .tt .dot:before{ content:""; position:absolute; top:.625em; bottom:.625em; left:.625em; right:.625em; background:#ddd; border-radius:50%;}
.history_list .history > li .list .tt .dot.on{ background:#fff;}
.history_list .history > li .list .tt .dot.on:before{ background:#1f65ba;}

.history_list.businessSt .history > li .year {width:12em; text-align:left;}
.history_list.businessSt:before,
.history_list.businessSt .lineAni {left:13em;}
.history_list.businessSt .history > li .list {margin:1em 0 2em 13em;}
.history_list.businessSt:after {left:13em;}

/* 4_4 */
.tt_weight { vertical-align: baseline; font-weight: 600; }

.page_txt_wrap.box_s{ box-shadow: 0 0 0.5em rgb(0 0 0 / 20%); }


.page_tab .tab,
.page_tab .tab > li,
.page_tab .tab > li > a{ }
.page_tab {text-align:center; margin-bottom:2em;}
.page_tab .tab{margin:0 0 0 -.5em}
.page_tab .tab > li {flex:1 1 33.33%; max-width:33.33%;}
.page_tab .tab > li > a{padding:.5em; height:3.5em; border:1px solid #ddd; margin:0 0 0 .5em; color:#666; transition:.3s; display:block; position:relative; background:#fff;}
.page_tab .tab > li > a:after{content:""; position:absolute; left:0 ;top:0; width:100%; height:100%; box-sizing:border-box; border:1px solid #195db4; opacity:0; transition:.3s;}
.page_tab .tab > li > a > .tt {font-size:1.125m; letter-spacing:.1px;  color:#777;}
.page_tab .tab > li > a > *{ display:inline-block; *display:inline; zoom:1;}
.page_tab .tab > li .icon{ margin-left:.5em; color:#d4d5d8;}
.page_tab .tab > li .icon:before{ content:"\e937";}
.page_tab .tab > li:hover > a,
.page_tab .tab > li.on > a{box-shadow:0 0 1em rgba(0,0,0,.1)}
.page_tab .tab > li:hover > a > .tt {color:#195db4;}
.page_tab .tab > li.on > a > .tt {color:#195db4;}
.page_tab .tab > li.on > a:after{ opacity:1}