@charset "utf-8";
/* CSS Document */
.box1{ width:1200px; max-width:98%; margin:0 auto;}
.pc_hide{ display:none !important;}

.IL {font-family:'InkLipquid' !Important;}

/*header*/
#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:#003876; padding:10px 0;}
#header .top_wrap .tt{ display:block; line-height:20px; 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{ float:left; padding-left:10px;}
#header .top_wrap .lang_wrap .tt{ height:18px; line-height:18px; padding:0 10px; margin-left:-1px; border:1px solid #fff; font-family:'LatoB',sans-serif; font-size:.688em; letter-spacing:1px;}
#header .top_wrap .lang_wrap > li:hover .tt{ background:#000;}
#header .top_wrap .lang_wrap > li.on .tt{ background:#247bd2;}

#header .header_wrap{ z-index:10; background:#fff; border-bottom:1px solid #ccc;}
#header .header_wrap .vm_wrap{ height:95px;}
#header .header_wrap .logo_In {position:relative;}
#header .header_wrap .logo_In .logo{ position:relative; z-index:10001; text-align:left;}
#header .header_wrap .logo .logo_In .mark{ vertical-align:middle; position:absolute; left:0;/*  top:.2em; */}
#header .header_wrap .logo .logo_In .tx {display:block; margin-left:2.5em;}
#header .header_wrap .logo .logo_In .tx .tt { color:#444545; font-family:'notokrB'; font-size:1.5em; text-align:center;}
#header .header_wrap .logo .logo_In .tx .tt.st {display:block;}

#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:#003876; border:1px solid #003876}
#header .header_wrap .btn_wrap .btn_search .btn.searchBtn .xi:before{ content:"\e921";}

#header .header_wrap .btn_wrap .btn_ytBtn{ font-size:1.5em; color:#ff0000;}
/* #header .header_wrap .btn_wrap .btn_ytBtn .btn:hover,
#header .header_wrap .btn_wrap .btn_ytBtn .btn.on{ color:#003876; border:1px solid #003876} */
#header .header_wrap .btn_wrap .btn_ytBtn .btn.searchBtn .xi:before{ content:"\e921";}
#header .header_wrap .btn_wrap .btn_ytBtn .btn.ytBtn .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:#247bd2;}
#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 20px; height:95px; line-height:95px; font-size:.94em; color:#222; font-family:'notokrM'; letter-spacing:-1px; transition:.3s; position:relative;}
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{ color:#183a6a;}

#header .gnb_wrap .gnb .dp1:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 0;
  background-color: #d9edf8;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
}

#header .gnb_wrap .gnb > li.active > .dp1,
#header .gnb_wrap .gnb > li:hover > .dp1 {color: #0054d1;}

#header .gnb_wrap .gnb > li.active > .dp1:after,
#header .gnb_wrap .gnb > li:hover > .dp1:after {
  opacity: 1;
  visibility: visible;
  width: 64px;
  height: 64px;
  margin: -32px 0 0 -32px;
}

#header .gnb_wrap .gnb .dp2{ position:absolute; z-index:2; top:100%; 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;}
#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;}
#header .gnb_wrap .gnb .dp2 > li > a .sTit{ display:none}
#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;}

.research_list_new{ display:flex; flex-wrap:wrap; gap:2em 1em; margin:0;}
.research_list_new > li{ width:calc( (100% - 3em) / 4); }
.research_list_new > li .in{ }
.research_list_new .img{ overflow:hidden;}
.research_list_new .con{ position:relative; padding:1.5em .3em 0 .3em;}
.research_list_new .con .num{ position:absolute; top:-2.3em; left:50%; width:40px; line-height:40px; background:#003b95; border-radius:50%; text-align:center; font-size:1.125em; color:#fff; margin-left:-20px;}
.research_list_new .con .txt{ font-size:1.063em; color:#333; line-height:1.3; text-align:center; font-family:'notokrM'} 


/**/
#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:#003876; 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:#247bd2;}
#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;}
#header .siteMap_wrap .gnb > li{float:left; width:25%; 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,
#header .siteMap_wrap .gnb > li.m_mypage,
#header .siteMap_wrap .gnb > li.m_member,
#header .siteMap_wrap .gnb > li.m_8{ 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:#1e83d0; border-radius:15em; text-align:center; color:#fff;}
#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 .sTit{ display:none}
#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 > li:hover{ background:#f9f9f9;}
#header .siteMap_wrap .gnb .dp2 a:hover{ color:#003876; 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;}

/*footer*/
#footer{}
#footer .gotop{ position:fixed; z-index:1; width:4em; line-height:4em; right:3em; 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:2em}
#footer .gotop:hover{ background:#0c66c6; color:#fff}
.scroll #footer .gotop{ transform:translateY(0); opacity:1}
#footer .family_wrap{ padding:1em 0; background:#fff; border-top:1px solid #cbd4dd;}
#footer .family_wrap .control{ width:14%; position:relative; margin-top:1%;}
#footer .family_wrap .family { width:84%;}
#footer .family_wrap .control .tit{color:#333; display:inline-block; padding-top:4px; font-family:'notokrM';}
#footer .family_wrap .control .arrow {position:absolute; right:0; top:0;}
#footer .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;}
#footer .family_wrap .control .arrow > li .xi{ font-size:1.125em; color:#222;}
#footer .family_wrap .control .arrow > li:hover{ background:#003876;  transition:.3s;}
#footer .family_wrap .control .arrow > li:hover .xi {color:#fff;}
#footer .family_wrap .control .arrow .slick-hidden{ display:inline-block;}
#footer .family_wrap .family .item > a{ display:block; margin:0 .4em; border:1px solid #ddd; background:#fff;}
#footer .family_wrap .family .item .in{ height:3.65em; }
#footer .family_wrap .family .item .in img{ max-width:90%; max-height:80%;}
#footer .family_wrap .family .item .in:hover{ border-color:#3c4968;}

#footer .menu_wrap{ background:#282c30; border:solid #555; border-width:1px 0;}
#footer .menu_wrap .vm_wrap{ height:3em;}
#footer .menu_wrap .menu > li{ display:inline-block; vertical-align:middle;}
#footer .menu_wrap .menu > li:before{ content:""; display:inline-block; vertical-align:middle; margin:0 .8em; width:1px; height:.8em; background:#000; opacity:.2;}
#footer .menu_wrap .menu > li:first-child:before{ display:none;}
#footer .menu_wrap .menu > li > a{ display:inline-block; vertical-align:middle;}
#footer .menu_wrap .menu > li > a .tt{ font-size:.813em; color:#fff;}
#footer .menu_wrap .menu > li > a:hover .tt{text-decoration:underline; transition:.3s;}

#footer .menu_wrap .menu2 {}
#footer .menu_wrap .menu2 > li {display:inline-block; vertical-align:middle;}
#footer .menu_wrap .menu2 > li:first-child {margin-right:10px;}
#footer .menu_wrap .menu2 > li > a .tt {border-radius:50px; background:#f2f2f2; color:#333; font-size:.813em; padding:.5em 1.5em;}
#footer .menu_wrap .menu2 > li:hover > a .tt {color:#fff; background:#003876; transition:.3s;}

#footer .info_wrap{ padding:1.6em 0 3em 0; background:#282c30;}
#footer .info_wrap .info{ padding:.4em 8em 0 0;}
#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'; line-height:1.5;}
#footer .info_wrap .info .tt[href]:hover{ color:#fff;}
#footer .info_wrap .info .copy{ margin-top:2em; font-size:.688em; color:#aaa; text-transform:uppercase;}

/*main*/
.main_visual{ position:relative; }
.main_visual .visual .slick-track{/* height:520px;*/ height:65vh;}
.main_visual .visual .item{ background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.main_visual .arrow_wrap{ position:absolute; left:1.5%; right:1.5%; top:50%; z-index:30;}
.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:#003876; transition:.3s;}

.main_visual .slogan{ position:absolute; z-index:2; top:15%; left:0; width:100%; text-align:center;}
.main_visual .slogan .t1{margin-left:2em;  font-size:4em; color:#3c3c3d;  opacity:0; font-family: 'notokrB'; padding:0 0 20px 0; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.9);}
.main_visual .slogan .t2{margin-left:2em; font-size:2.2em; opacity:0; color:#00428A; font-family: 'notokrB'; margin-top:-10px; letter-spacing:-1px; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.9);}
.main_visual .slogan .t3{margin-left:2em; font-size:1.9em; color:#333;  font-family: 'notokrB'; opacity:0;  line-height:1.6; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.9); vertical-align:baseline;}
.main_visual .slogan .t3 .point {font-family: 'notokrB'; vertical-align:baseline; font-size:1.188em;}
.main_visual .slogan .t4 {margin-left:2em; font-size:1.8em; color:#333;  font-family: 'notokrB'; opacity:0;  line-height:1.6; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.5); vertical-align:baseline;}

.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; }
.load .main_visual .slogan .t4{ margin-left:0; opacity:1; transition:1.5s; }

/**/
.main_Con1{ position:relative; top:-90px}
.main_Con1 .main_Con1_in {}
.main_Con1 .menu_List{}
.main_Con1 .menu_List > li{ width:33.33%; }
.main_Con1 .menu_List > li .in  {}
.main_Con1 .menu_List > li .in > dl{ text-align:left; padding:2em 2em; position:relative}
.main_Con1 .menu_List > li .in > dl .icon{ position:absolute; right:1em; bottom:1em}
.main_Con1 .menu_List > li .in > dl .tt{color:#252726; font-family:'notokrB'; font-size:1.5em; padding-bottom:20px;}
.main_Con1 .menu_List > li .in > dl .t1{color:#555;  font-family:'notokrR'; font-size:1em; height:4.5em; line-height:1.4;}
.main_Con1 .menu_List > li .in > dl .btn_wrap {display:inline-block; padding:0 1.3em; height:2.8em; line-height:2.8em; background:#fff; box-shadow:1px 5px 10px rgba(0,0,0,0.2);}
.main_Con1 .menu_List > li .in > dl .btn_wrap .btt {font-size:.875em; color:#555; display:inline-block;}
.main_Con1 .menu_List > li .in > dl .btn_wrap .xi {display:inline-block; padding-left:40px; font-size:1em;}
.main_Con1 .menu_List > li .in > dl .btn_wrap:hover {background:#003876; transition:.3s;}
.main_Con1 .menu_List > li .in > dl .btn_wrap:hover .btt {color:#fff; transition:.3s;}
.main_Con1 .menu_List > li .in > dl .btn_wrap:hover .xi {color:#fff; transition:.3s; transform:translateX(10px)}
.main_Con1 .menu_List > li.bg1{ background:#f9f9f9; box-shadow:1px 5px 10px rgba(0,0,0,0.2);}
.main_Con1 .menu_List > li.bg2{ background:#fff; box-shadow:1px 5px 10px rgba(0,0,0,0.2);}
.main_Con1 .menu_List > li.bg3{ background:#f9f9f9; box-shadow:1px 5px 10px rgba(0,0,0,0.2);}

/**/
.main_Con2{ position:relative; top:-25px; margin-bottom:8em;}
.main_Con2 .ti_w {position:relative; margin-bottom:35px;}
.main_Con2 .ti_w > p {font-size:1.5em; color:#000; font-family:'notokrM';}
.main_Con2 .ti_w .icon {position:absolute; right:0; top:-20px; color:#ebf0f3 ; font-size:4.5em}

.main_Con2 .board{ width:600px; float:left;}
.main_Con2 .board .pd_in {padding-right:3em;}
.main_Con2 .board .tab_wrap{ position:relative;}
.main_Con2 .board .tab_wrap .tab{ padding-left:1px; border-bottom:1px solid #ddd;}
.main_Con2 .board .tab_wrap .tab > li {display:inline-block}
.main_Con2 .board .tab_wrap .tab > li .tt{ position:relative; margin-bottom:-1px; padding:.8em 2em; color:#888; font-size:.938em; letter-spacing:-1px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ccc; background:#f5f5f5; display:block; margin-left:-1px}
.main_Con2 .board .tab_wrap .tab > li.on .tt:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff}
.main_Con2 .board .tab_wrap .tab > li.on .tt{ background:#fff; color:#222;}
.main_Con2 .board .tab_wrap .tab > li.on .more{ display:block;}
.main_Con2 .board .list_wrap{border-top:none; padding:1em 1.5em; box-sizing:border-box}
.main_Con2 .board .list_wrap .notice_list{}
.main_Con2 .board .list_wrap .notice_list > li{ position:relative; padding-right:80px; border-bottom:1px solid #ddd;}
.main_Con2 .board .list_wrap .notice_list > li:last-child {border-bottom:none;}
.main_Con2 .board .list_wrap .notice_list .link{ position:relative; display:block;  font-size:.938em; color:#3c3c3d; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:90%; padding:.9em 0;}
.main_Con2 .board .list_wrap .notice_list .date{ position:absolute; top:15px; right:0; text-align:right; font-size:.813em; color:#3c3c3d; font-family:'notokrR'}
.main_Con2 .board .list_wrap .notice_list > li:hover .link{ text-decoration:underline;}

.main_Con2 .gall_wrap{ position:relative; box-sizing:border-box; float:right; width:calc(100% - 600px);}
.main_Con2 .gall_wrap .tit {font-family:'notokrM'; font-size:1.438em; margin-bottom:10px; margin:0 .9em;}
.main_Con2 .gall_wrap .main_gall {}
.main_Con2 .gall_wrap .main_gall .visual .item .t_w {padding:1.2em 1em;}
.main_Con2 .gall_wrap .main_gall .visual .item .t_w .date {color:#fff; font-size:.813em; background:#183a6a; border-radius:30px; display:inline-block; padding:.3em 1.3em; font-family:'notokrR'}
.main_Con2 .gall_wrap .main_gall .visual .item .t_w .txt {display:block; color:#333; font-size:.875em; padding-top:15px; height:2.2em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main_Con2 .gall_wrap .main_gall .visual .item .item_img{ height:180px; background-repeat:no-repeat; background-position:50% 90%; background-size:cover;}
.main_Con2 .gall_wrap .main_gall .slick-dots{ position:absolute; right:5px; top:-25px;}
.main_Con2 .gall_wrap .main_gall .slick-dots ul > li{ float:left}
.main_Con2 .gall_wrap .main_gall .slick-dots ul > li button{ width:12px; height:12px; background:#ddd; font-size:0; border:none !important; border-radius:50%; margin-right:3px}
.main_Con2 .gall_wrap .main_gall .slick-dots ul > li.slick-active button{ background:#183a6a; width:25px; height:10px; border-radius:45px;}


/*contents*/
#contents{}
#contents .subVisual_wrap{ position:relative; z-index:10; height:260px;}
#contents .subVisual_wrap .subVisual{ position:absolute; z-index:inherit; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:.5s; padding-left:10px;}
#contents .subVisual_wrap .subVisual.on{padding-left:0;}

#contents.member_c .subVisual_wrap{display:none;}
#contents.member_c .subPage_Tit{display:none;}

#contents .subTitle{ position:relative; z-index:inherit; display:table}
#contents .subTitle .tit_area{ display:table-cell; vertical-align:middle; text-align:center; filter:alpha(opacity=0); opacity:0; transition:1s;}
#contents .subTitle .tit_area .tit{ color:#fff; transition:1s;}
#contents .subTitle .tit_area .tit1{ font-family:'LatoR',sans-serif; font-size:.750em; text-transform:uppercase; margin-bottom:15px; transform:translateX(-60px);}
#contents .subTitle .tit_area .tit2{ font-size:2.188em; text-shadow:1px 1px 1px rgba(0,0,0,.5); transform:translateX(60px);}
#contents .subTitle.on .tit_area{ filter:alpha(opacity=100); opacity:1;}
#contents .subTitle.on .tit_area .tit{ transform:translateX(0);}

#contents .subNav_wrap{ position:absolute; z-index:inherit; left:0; bottom:0; width:100%;}
#contents .subNav_wrap .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=60); opacity:.6;}
#contents .subNav_wrap .tXt{ display:block; height:55px; line-height:55px; color:#fff; transition:.2s;}
#contents .subNav_wrap .nav{ float:left; border-right:1px solid #000; border-left:1px solid rgba(255,255,255,.25);}
#contents .subNav_wrap .nav > div{ float:left; position:relative;}
#contents .subNav_wrap .nav .tXt{ border-left:1px solid #000; border-right:1px solid rgba(255,255,255,.25);}
#contents .subNav_wrap .nav .tXt .sTit{ display:none;}
#contents .subNav_wrap .nav .home .tXt{ width:60px; text-align:center;}
#contents .subNav_wrap .nav .home .tXt .xi{ font-size:1.438em;}
#contents .subNav_wrap .nav .home:hover .tXt{ background:#003876;}

#contents .subNav_wrap .nav .def{}
#contents .subNav_wrap .nav .def .tXt{ min-width:130px; padding:0 60px 0 30px;}
#contents .subNav_wrap .nav div[class^="depth"] .tXt{ cursor:pointer;}
#contents .subNav_wrap .nav div[class^="depth"] .tXt:after{ content:"\e942"; font-family:xeicon !important; font-style:normal; font-size:1.438em; color:#fff; position:absolute; top:0; right:20px; transition:.3s;}
#contents .subNav_wrap .nav div[class^="depth"]:hover .tXt{ background:#1e212b;}
#contents .subNav_wrap .nav div[class^="depth"]:hover .tXt:after {transform:rotate(180deg); transition:.3s;}

#contents .subNav_wrap .nav .gnb{ display:none;}
#contents .subNav_wrap .nav .gnb{ position:absolute; top:100%; left:0; right:0; background:#1e212b;}
#contents .subNav_wrap .nav .gnb li {float:none;}
#contents .subNav_wrap .nav .depth_1 .gnb li.m_mypage,
#contents .subNav_wrap .nav .depth_1 .gnb li.m_member,
#contents .subNav_wrap .nav .depth_1 .gnb li.m_guide {display:none;}
#contents .subNav_wrap .nav .gnb li > a{ display:block; border-top:1px solid rgba(255,255,255,.15); padding:12px 15px 12px 30px; font-size:.875em; font-family:'notokrR'; color:#fff; transition:.3s; text-align:left !important;}
#contents .subNav_wrap .nav .gnb li > a .sTit{ display:none;}
#contents .subNav_wrap .nav .gnb li:hover > a,
#contents .subNav_wrap .nav .gnb li.on > a{ background-color:#003876;}

x
#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 .sTit{ font-size:.9em; color:#777;}
#contents .subCon .subPage_Tit .in:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:#003876;}

#contents .subCon .doc{ padding:3em 0 13em 0;}

/*MEMBER***************************/
.page_basic_tit{ margin-bottom:1em; padding-left:1.2em;}
.page_basic_tit > *[class^="t"] *{ vertical-align:baseline;}
.page_basic_tit > *[class^="t"] strong{ font-weight:500;}
.page_basic_tit > *[class^="t"] span  { font-weight:300;}
.page_basic_tit > .t1{ position:relative; font-size:1.313em; color:#003876; line-height:1.4; letter-spacing:-1px;}
.page_basic_tit > .t1:before{ content:""; position:absolute; top:.25em; left:-.8em; width:.3em; height:1em; background:#003876; border-radius:.2em;}
.page_basic_tit > .t2{ padding-top:.6em; font-size:1.125em; color:#555; line-height:1.5;}
.page_basic_tit > .t3{ display:inline-block; padding:.5em 1em; border:1px solid #d4d5d8; border-radius:.3em; font-size:.875em; color:#72727d;}
.page_basic_tit > .t3 strong{ color:#3c3c3d;}
.page_basic_tit .point{ color:#ef7c00;}

.member_wrap{ letter-spacing:-.5px;}
.member_wrap .login_box{ width:520px; max-width:100%; margin:0 auto;}
.member_wrap .join_box { width:700px; max-width:100%; margin:0 auto;}
.member_wrap .join_box.join_01_st {width:750px;}
.member_wrap .confirm_box{ width:45%; margin:0 auto}
.member_wrap .mail_box2{ width:590px; max-width:100%; margin:0 auto;}

.member_wrap .member_tab{ text-align:center; padding:0 1px 0 0;}
.member_wrap .member_tab > li{ width:50%;}
.member_wrap .member_tab > li .in{ position:relative; z-index:1; margin:0 -1px -1px 0; padding:1em .5em; background:#f0f0f0; border:1px solid #d4d5d8; font-size:1.125em; color:#72727d;}
.member_wrap .member_tab > li.on .in{ z-index:2; background:#fff; border-bottom-color:transparent; color:#0ea04f;}
.member_wrap .member_tab > li.on .in:before{ content:""; position:absolute; top:-1px; left:-1px; right:-1px; height:4px; background:#0ea04f;}

.member_wrap .member_tit{ padding:0 0 1em 0; text-align:center;}
.member_wrap .member_tit .tit{ font-size:1.5em; color:#3c3c3d; letter-spacing:0; text-transform:uppercase; font-family:'notokrM';}
.member_wrap .member_tit .txt{ font-size:.938em; color:#69696b; padding-top:.8em;}

.member_wrap .member_form{ padding:2em; border:1px solid #ccc; border-top-width:4px; border-top-color:#1f56a4;}
.member_wrap .member_form.st1{ border-top:none !important}
.member_wrap .join_form  { padding:2.5em 2em; border:1px solid #ccc; border-top-width:4px; border-top-color:#1f56a4;}
.member_wrap .join_form.check_st {padding:2em 1em;}

.member_wrap .form > li:first-child{ margin-top:0;}
.member_wrap .form .inp_wrap{ position:relative; margin-top:.4em;}
.member_wrap .form .inp_wrap .xi{ position:absolute; top:0; left:0; width:2em; line-height:55px; text-align:center; font-size:1.750em; color:#3c3c3d;}
.member_wrap .form .inp_wrap .tt{ position:absolute; top:0; left:0; width:6em; line-height:55px; text-align:center; border-right:1px solid #ddd; color:#3c3c3d;}
.member_wrap .form .inp_wrap .inp{ box-sizing:border-box; width:100%; height:55px; padding:0 1em 0 4em; background:#fff; border:1px solid #ddd; border-radius:5px;}
.member_wrap .form .save_wrap{ margin-top:1.2em;}
.member_wrap .form .save_wrap .find{ padding-top:.3em; text-align:right;}
.member_wrap .form .save_wrap .find .link{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:.8em; padding-left:.8em; }
.member_wrap .form .save_wrap .find .link:before{ content:""; position:absolute; top:10%; left:0; width:1px; height:80%; background:#ccc;}
.member_wrap .form .save_wrap .find .link:first-child{ margin-left:0; padding-left:0;}
.member_wrap .form .save_wrap .find .link:first-child:before{ display:none;}
.member_wrap .form .btn_wrap{ margin-top:.6em;}
.member_wrap .form .btn_wrap .btn{ display:block; box-sizing:border-box; text-align:center; width:100%; margin:.4em 0; padding:1em 1em; border:1px solid transparent; font-size:1.125em; border-radius:.3em}
.member_wrap .form .btn_wrap .btn.c1{ background:#1f56a4; color:#fff;}
.member_wrap .form .btn_wrap .btn.c2{ background:#ffffff; border-color:#1f56a4; color:#1f56a4;}
.member_wrap .form .btn_wrap .btn.c3{ background:#3e3e49; color:#fff;}
.member_wrap .form .msg_wrap{ margin-top:2em;}
.member_wrap .form .msg_wrap .tt{ margin:.4em 0; font-size:.938em; color:#3c3c3d; }
.member_wrap .form .msg_wrap .tt.icon{ position:relative; padding-left:1.6em;}
.member_wrap .form .msg_wrap .tt.icon .xi{ position:absolute; top:0; left:0; line-height:1;}
.member_wrap .form .id_wrap{ padding:3em 1em; background:#f5f5f5; border:1px solid #e5e5e5; text-align:center; font-size:1.125em;}
.member_wrap .form .id_wrap strong{ vertical-align:baseline; color:#3f3f9f; letter-spacing:0;}

.member_wrap .form .etc_wrap{ margin-top:1.5em;}
.member_wrap .form .etc_wrap .find{ text-align:right;}
.member_wrap .form .etc_wrap .find .link{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:.8em; padding-left:.8em;}
.member_wrap .form .etc_wrap .find .link:before{ content:""; position:absolute; top:10%; left:0; width:1px; height:80%; background:#ccc;}
.member_wrap .form .etc_wrap .find .link:first-child{ margin-left:0; padding-left:0;}
.member_wrap .form .etc_wrap .find .link:first-child:before{ display:none;}
.member_wrap .form .etc_wrap .find .link:hover{ text-decoration:underline;}
.member_wrap .form .id_wrap{ padding:3em 1em; background:#f5f5f5; border:1px solid #e5e5e5; border-radius:.3em; text-align:center; font-size:1.125em;}
.member_wrap .form .id_wrap strong{ vertical-align:baseline; color:#108ad3; letter-spacing:0;}

.member_wrap .form .sns_wrap{ margin-top:2em;}
.member_wrap .form .sns_wrap .btn{ position:relative; display:block; margin-top:.4em; border:1px solid #ccc; border-radius:5px;}
.member_wrap .form .sns_wrap .btn:first-child{ margin-top:0;}
.member_wrap .form .sns_wrap .btn .tt{ display:block; box-sizing:border-box; line-height:55px; padding:0 1em 0 6em; color:#3c3c3d;}
.member_wrap .form .sns_wrap .btn .icon{ position:absolute; top:-1px; left:-1px; bottom:-1px; width:2em; line-height:57px; border-radius:5px 0 0 5px; text-align:center; font-size:2.000em; color:#fff;}
.member_wrap .form .sns_wrap .btn .icon.naver{ background:#2CB400;}
.member_wrap .form .sns_wrap .btn .icon.daum{ background:linear-gradient(-225deg, #6e9cfc 0%, #fb676a 70%, #ffe001 100%);}
.member_wrap .form .sns_wrap .btn .icon.google{ background:#1A73E8;}
.member_wrap .form .sns_wrap .btn .icon.kakao{ background:#FAE100; color:#3C1E1E;}
.member_wrap .form .sns_wrap .btn:hover{}

.member_wrap .form2{ margin-top:1.5em; padding-top:1.5em; border-top:1px dashed #ccc;}
.member_wrap .form2:first-child{ margin-top:0; padding-top:0; border-top:none;}
.member_wrap .form2 > li{ margin-top:.4em; }
.member_wrap .form2 > li:first-child{ margin-top:0;}
.member_wrap .form2 .inp_wrap{ color:#3c3c3d;}
.member_wrap .form2 .inp_wrap select.input_st,
.member_wrap .form2 .inp_wrap input[type=text].input_st,
.member_wrap .form2 .inp_wrap input[type=password].input_st{ background-color:transparent;}
.member_wrap .form2 .inp_wrap input[disabled=disabled].input_st{ background-color:#f5f5f5;}
.member_wrap .form2 .inp_wrap .input_st:focus {border-color:#1f56a4}
.member_wrap .form2 .check_wrap > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.member_wrap .form2 .check_wrap .label_wrap{ width:100%;}
.member_wrap .form2 .check_wrap .label_wrap > *{ width:33.33%; margin:.2em 0;}
.member_wrap .form2 .check_wrap .tit{display:inline-block; font-size:.938em; padding-right:10px;}
.member_wrap .form2 .check_wrap .label_st > span {font-size:.938em;}
.member_wrap .form2 .check_wrap .check_ul{ background:#f9f9f9; padding:1em}
.member_wrap .form2 .check_wrap .check_ul.st{ background:#fff}
.member_wrap .form2 .check_wrap .check_ul.st > li{ padding:0}
.member_wrap .form2 .check_wrap .check_ul > li{ width:33.33%; padding:.3em 0}
.member_wrap .form2 .ess{ display:none;}
.member_wrap .form2 .required .ess{ display:inline-block;}
.member_wrap .form2 .field{ position:relative;}
.member_wrap .form2 .field .txt{ position:absolute; z-index:-1; top:50%; left:1.2em; transform:translate(0, -50%); transition:transform .2s ease-out; transform-origin:0 0;}
.member_wrap .form2 .field.on .txt{ color:#69696b; transform:translate(0, -110%) scale(.7,.7);}
.member_wrap .form2 .col .col_w1{ width:65.68%; margin-left:1%;}
.member_wrap .form2 .col .col_w1:first-child{ width:66.66%; margin-left:0;}
.member_wrap .form2 .col .col_w2{ width:32.34%; margin-left:1%;}
.member_wrap .form2 .col .col_w2:first-child{ width:33.32%; margin-left:0;}

.member_wrap .form2 .tit.input_st{ background:#f5f5f5;}
.member_wrap .form2 .check_st{ position:relative; text-align:center; border-color:transparent; cursor:pointer;}
.member_wrap .form2 .check_st .on{ position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; background:#fff; border:1px solid #095282; border-radius:5px;}
.member_wrap .form2 .check_st .on ~ span{ position:relative; color:#095282;}
.member_wrap .form2 .check_st:hover input ~ .on,
.member_wrap .form2 .check_st input:checked ~ .on{ background:#095282;}
.member_wrap .form2 .check_st:hover input ~ .on ~ span,
.member_wrap .form2 .check_st input:checked ~ .on ~ span{ color:#fff;}
.member_wrap .form2 .check_st input[type=checkbox],
.member_wrap .form2 .check_st input[type=radio]{ width:0; height:0; overflow:hidden; opacity:0;}

.member_wrap .type_wrap{}
.member_wrap .type_wrap > li{ width:50%;}
.member_wrap .type_wrap > li .inner{ border-left:1px solid #ddd; padding:0 2em; text-align:center;}
.member_wrap .type_wrap > li:first-child .inner{ border-left:none;}
.member_wrap .type_wrap .icon{ height:8em;}
.member_wrap .type_wrap .txt{ margin-top:1em; min-height:5em;}
.member_wrap .type_wrap .txt .t1{ font-size:1.500em; color:#3f3f9f;}
.member_wrap .type_wrap .txt .t2{ font-size:.938em; color:#69696b; padding-top:.4em;}
.member_wrap .type_wrap .btn{ display:inline-block; *display:inline; zoom:1; margin-top:1em; padding:.6em 2.5em; background:#fff; border:1px solid #3f3f9f; border-radius:5px; color:#3f3f9f; transition:.2s;}
.member_wrap .type_wrap .btn:hover{ background:#3f3f9f; color:#fff;}

.member_wrap .cer_wrap{ text-align:center;}
.member_wrap .cer_wrap .icon{display:inline-block; *display:inline; zoom:1; width:7em; height:7em; background:#f5f5f5; border-radius:100%; margin:0 0 .6em 0;}
.member_wrap .cer_wrap .icon img {max-width:4em;}
.member_wrap .cer_wrap .icon .xi {font-size:4.5em; color:#666;}
.member_wrap .cer_wrap .tit{color:#003399; font-size:1.3em; padding-bottom:.5em; font-family:'notokrM';}
.member_wrap .cer_wrap .txt{color:666; font-size:.938em;}
.member_wrap .cer_wrap .txt .t1{ color:#434343; font-size:.875em;}
.member_wrap .cer_wrap .txt .t2{ font-size:.938em; color:#757575;}
.member_wrap .cer_wrap .btn{  display:inline-block; *display:inline; zoom:1; margin-top:2em; padding:.6em 2.5em; background:#fff; border:1px solid #1f56a4; border-radius:5px; color:#1f56a4; transition:.2s}
.member_wrap .cer_wrap .btn:hover{ background:#1f56a4; color:#fff;}

.member_wrap .terms_wrap .all_check{ padding:1em 0; border-bottom:1px dashed #bbb;}
.member_wrap .terms_wrap > li{ padding-top:1.5em;}
.member_wrap .terms_wrap > li:first-child{ padding-top:0;}
.member_wrap .terms_wrap .tit{ margin-bottom:.6em; font-size:1.125em; color:#3c3c3d; }
.member_wrap .terms_wrap .c1{ color:#d31717;}

.member_wrap .finish_wrap{ text-align:center;}
.member_wrap .finish_wrap .tit{ font-size:1.500em; color:#3c3c3d; letter-spacing:-1px;}
.member_wrap .finish_wrap .txt{ padding:.4em 0; color:#69696b; }
.member_wrap .finish_wrap .join_fin{ font-size:.938em; color:#3c3c3d;}
.member_wrap .finish_wrap .join_fin .th,
.member_wrap .finish_wrap .join_fin .td{ padding:.8em 1.5em; border:1px solid #ddd; text-align:left;}
.member_wrap .finish_wrap .join_fin .th{ width:10em; background:#f5f5f5;}
.member_wrap .finish_wrap .join_fin .td{ width:auto; letter-spacing:0;}

.join_table{ font-size:.938em; border:1px solid #ddd;}
.join_table.st1 {border-top:none;}
.join_table th{ height:2.2em; padding:.6em 1.5em; border-bottom:1px solid #e8e8e8; text-align:left; color:#3c3c3d; padding-right:.8em; background:#f8f8f8; font-size:.938em;}
.join_table td{ height:2.2em; padding:.6em 1em; border-bottom:1px solid #e8e8e8; text-align:left;  color:#72727d;}
/*.join_table th{ color:#3c3c3d; padding-right:.8em; background:#f8f8f8; font-size:.938em;}
.join_table td{ color:#72727d;}*/
.join_in_box{ padding:.4em .8em; border:1px solid #ddd; background:#f7f7f7;}
.join_in_box > li{ margin-top:.8em; padding-top:.6em; border-top:1px dashed #ccc;}
.join_in_box > li:first-child{ margin-top:0; padding-top:0; border-top:none;}
.join_in_box .tit{ position:relative; margin:.4em 0 .4em 0; padding-left:.8em; color:#0d2d4f;}
.join_in_box .tit:before{ content:""; position:absolute; top:.4em; left:0; width:.35em; height:.35em; background:#0d2d4f; border-radius:100%;}

.member_btn_wrap{ margin:1.5em 0 0 -.4em;}
.member_btn_wrap > *{ width:50%; }
.member_btn_wrap .in{ margin-left:.4em; font-size:1em !important;}

.member_agree .agree{ padding:3em; border:1px solid #ddd; border-top:2px solid #3c3c3d; font-size:.938em; color:#69696b; line-height:1.4em;}
.member_agree .agree.H{ padding:1.5em; border-top-width:1px; height:10em; overflow-y:scroll;}
.member_agree .agree p{ padding:.5em 0; font-family:'notokrM'; font-size:.875em;}
.member_agree .agree *{ vertical-align:baseline;}
.member_agree .agree strong{ color:#3c3c3d;}
.member_agree .check{ padding:1em 2em; border:1px solid #ddd; border-top:none; border-radius:0 0 5px 5px; text-align:right; background:#f9f9f9}
.member_agree h1{ color:#111;}

.email_check_w {}
.email_check_w .t1 {font-size:1.9em; text-align:center; padding-bottom:20px;}
.email_check_w .t1 strong{color:#0d62a2; vertical-align:top;}
.email_check_w .certi_inner {background:#f5f5f5; border:1px solid #ddd; padding:1em;}
.email_check_w .certi_inner .top_w {margin-bottom:10px;}
.email_check_w .certi_inner .top_w.st {margin-bottom:0;}
.email_check_w .certi_inner .top_w span {vertical-align:middle; margin-left:5px;}
.email_check_w .certi_inner .top_w .tt {font-size:.813em; vertical-align:middle; margin-left:0;}
.email_check_w .certi_inner .bot_w {padding-top:1em;}
.email_check_w .certi_inner .bot_w .tx {font-size:.813em; line-height:1.5; position:relative; padding-left:10px; font-family:'notokrR'; padding-bottom:5px; color:#333;}
.email_check_w .certi_inner .bot_w .tx:before {position:absolute; content:""; width:3px; height:3px; border-radius:100%; left:0; top:8px; background:#111;}

.page_step_wrap{ text-align:center;}
.page_step_wrap .step{ display:inline-block; *display:inline; zoom:1;}
.page_step_wrap .step > li .in{ position:relative; padding:0 1em; min-width:5em;}
.page_step_wrap .step > li .in:before{ content:"\e940"; font-family:xeicon; position:absolute; font-size:2.000em; color:#ddd; top:.2em; left:-.5em;}
.page_step_wrap .step > li:first-child .in:before{ display:none;}
.page_step_wrap .step > li .in > *{ position:relative; display:block;}
.page_step_wrap .step > li .in .xi{ margin:.2em 0; font-size:2.500em; color:#ddd;}
.page_step_wrap .step > li .in .xi:before{ position:relative; z-index:2; font-size:.8em;}
.page_step_wrap .step > li .in .xi:after{ content:""; position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%, -50%); width:1.250em; height:1.250em; background:#f5f5f5; border-radius:100%;}
.page_step_wrap .step > li .in .tt{ font-size:.875em; color:#aaa; padding-top:.5em; font-family:'notokrM';}
.page_step_wrap .step > li.on .in .xi{ color:#fff;}
.page_step_wrap .step > li.on .in .xi:after{ background:#3ecae1;}
.page_step_wrap .step > li.on .in .tt{ color:#3c3c3d;}

/*탈퇴 문구*/
.sub_mypage_tw {margin-bottom:1.5em; border:1px solid #e8e8e8; padding:2em; background:#fff; border-top:3px solid #003366;}
.sub_mypage_tw .ti {font-size:1.250em; font-family:'notokrM'; color:#222; padding-bottom:.8em;}
.sub_mypage_tw .ti .xi {padding-right:3px; font-size:.938em; vertical-align:baseline;}
.sub_mypage_tw .tx {line-height:1.8; font-size:.938em; font-family:'notokrR'; color:#333; position:relative; padding-left:10px; margin-left:8px;}
.sub_mypage_tw .tx:before {position:absolute; content:""; width:3px; height:3px; left:0; top:12px; background:#333; border-radius:50%;}

/*이메일 상담*/
.page_ex_box{ align-items:stretch; background:#ecf0f4; border-style:solid; border-width:1px 0 1px 0; border-color:#d4d5d8; margin-bottom:1.5em; background:#f2f5f8}
.page_ex_box > .inner{ display:flex; align-items:center; justify-content:center; text-align:center; min-width:0; padding:1em .8em;}
.page_ex_box > .inner.icon{ flex:1;}
.page_ex_box > .inner.txt { flex:8; justify-content:flex-start; text-align:left;}
.page_ex_box > .inner.txt > .in{ flex:1;}
.page_ex_box > .inner.icon .xi { font-size:2.000em;}
.page_ex_box > .inner.icon .in { width:5em; height:5em; background:#012b5d; border-radius:100%; color:#fff;}
.page_ex_box > .inner.icon{ background:#fff; border-right:1px solid #d4d5d8;}
.page_ex_box > .inner.icon > .tt{ display:inline-block; margin-left:1em; font-size:1em; color:#333;}
.page_ex_box > .inner.icon > .tt:first-child{ margin-left:0;}
.page_ex_box > .inner.txt { padding-left:2em; padding-right:2em;}
.page_ex_box > .inner.btn { background:#fff; border-left:1px solid #d4d5d8; line-height:1.4em;}
.page_ex_box > .inner .in_tt{ color:#3c3c3d; line-height:1.6em;}
.page_ex_box > .inner .in_tt > *{ vertical-align:baseline;}
.page_ex_box > .inner .in_tt.t1{ font-size:.938em;}

/*sub inc*/
.page_sec1{ margin-top:20px !important;}
.page_sec2{ margin-top:40px !important;}
.page_sec3{ margin-top:60px !important;}
.page_sec4{ margin-top:80px !important;}

.point_sky {color:#1e83d0 !important; vertical-align:baseline !important;}
.point_blue {color:#003876 !important; vertical-align:baseline !important;}
.point_red {color:#9d1515  !important; vertical-align:baseline !important;}

.bg_Tilte {background:#596272; color:#fff; text-align:center; padding:1em 0; border-radius:.9em;}

/**/
.page_tab .tab,
.page_tab .tab > li,
.page_tab .tab > li > a{ }
.page_tab {text-align:center;}
.page_tab .tab{margin-bottom:3em; }
.page_tab .tab > li {width:33.33%;}
.page_tab.sec_st3 .tab > li {width:25%;}
.page_tab .tab > li > a{padding:1.3em 1em; border:1px solid #ddd; margin:.5em 0 0 .5em; color:#666; transition:.3s; display:block; }
.page_tab .tab > li > a > .tt {font-size:.938em; letter-spacing:.1px;}
.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 0.125em rgba(0,0,0,.1); color:#003876; border-color:#003876;}
.page_tab .tab > li:hover .icon,
.page_tab .tab > li.on .icon{ color:#fff;}

/**/
.sub_basic_tit{ margin-bottom:1em;}
.sub_basic_tit > *[class^="t"] *{ vertical-align:baseline;}
.sub_basic_tit > *[class^="t"] strong{ font-family:'notokrM';}
.sub_basic_tit > *[class^="t"] span  { font-family:'notokrL';}
.sub_basic_tit > .t1{ position:relative; font-size:1.438em; color:#282828; font-family:'notokrM'; line-height:1.4; letter-spacing:-1px; border-bottom:1px solid #ddd; padding-bottom:.6em; margin-bottom:1em;}
.sub_basic_tit > .t1:after{ content:''; width:10%; height:3px; background:#0b4790; position:absolute; bottom:-2px; left:0;}
.sub_basic_tit > .t2{ font-size:1.063em; color:#555; line-height:1.5;}

/**/
.sub_basic_tit_s {padding:1em 0;}
.sub_basic_tit_s .t1 {color:#015db3; font-size:1.188em;}

/**/
.sub_basic_tw {padding:1.5em; border:1px solid #ddd; border-radius:.4em;}
.sub_basic_tw .tx {font-size:1em; font-family:'notokrM'; color:#555; line-height:1.5; position:relative; padding-left:.8em; padding-bottom:.7em;}
.sub_basic_tw .tx:last-child {padding-bottom:0;}
.sub_basic_tw .tx:before {position:absolute; content:""; left:0; top:10px; width:.25em; height:.25em; border-radius:100%; background:#003876;}

.sub_basic_tw2 {padding:2em; border:1px solid #ddd; border-radius:.4em;}
.sub_basic_tw2 .top_tit {margin-bottom:1.5em; text-align:center; font-size:1.5em; font-family:'notokrM'; color:#252525; }
.sub_basic_tw2 .top_tit .tt {position:relative; display:inline-block; padding:0 0 .2em 0;  }
.sub_basic_tw2 .top_tit .tt:before {content:""; position:absolute; left:0; bottom:5px; width:100%; height:.5em; background:#108ad3; opacity:.15;}
.sub_basic_tw2 .top_tit .tt.st { font-family:'notokrM';}
.sub_basic_tw2 .top_tit .tt.st:before {opacity:0;}
.sub_basic_tw2 .top_tit .tt > strong {vertical-align:baseline;  font-family:'notokrB'; color:#003876}

.sub_basic_tw2 .top_tit.st1 .tt {font-size:.875em;}
.sub_basic_tw2 .top_tit.st1 .tt > strong {font-size:1.250em !important;}

.sub_basic_tw2 > dl {margin-bottom:1.5em;}
.sub_basic_tw2 > dl:last-child {margin-bottom:0;}
.sub_basic_tw2 > dl .ti {position:relative; padding-left:.8em; font-family:'notokrM'; font-size:1.125em; padding-bottom:.5em;}
.sub_basic_tw2 > dl .ti:before {position:absolute; content:""; left:0; top:8px; width:.25em; height:.25em; border-radius:100%; background:#003876;}
.sub_basic_tw2 > dl .tx {font-size:1em; color:#555; line-height:1.5; padding-left:1em;}
.sub_basic_tw2 > dl.st .ti {padding-bottom:1em;}

.sub_basic_tw2.line_no {border:none; padding:0;}
.sub_basic_tw2 .top_tit1 {text-align:center; font-size:1.8em; padding-bottom:.3em;}
.sub_basic_tw2 .top_tit.st2 {font-size:1.8em; margin-bottom:1em; margin-top:1em;}
.sub_basic_tw2 .top_tit.st3 {font-size:1.6em; margin-bottom:1em; position:relative}

/**/
.sub_con_wrap {margin-bottom:1em;}

/**/
.page_tab_wrap {margin-bottom:1em; border:1px solid #ccc; background:linear-gradient(-180deg, #fff 0%, #fff 50%, #ecf0f4 100%); padding:.5em .8em 1em .8em; box-shadow:0.2em 0.2em 0 rgba(0,0,0,.1); border-radius:.3em;}
.page_tab_wrap .list > li{}
.page_tab_wrap .list > li > a{font-family:'notokrR'; display:block; border:1px solid #ddd; background:#f9f9f9; color:#222; transition:.3s; margin:.5em 0 0 .5em; padding:0 1em; font-size:.875em;
border-radius:.3em; height:2.5em; line-height:2.5em; text-align:center;}
.page_tab_wrap .list > li.on > a{color:#fff; z-index:1; background:#0d2d4f;  border-color:transparent;}
.page_tab_wrap .list > li:hover > a{ color:#0d2d4f;}
.page_tab_wrap .list > li.on:hover > a {color:#fff;}

/**/
.page_partner {}
.page_partner .partner { overflow:hidden; margin:0 0 0 -20px;}
.page_partner .partner > li { float:left; width:33.33%; }
.page_partner .partner > li .in { display:block; margin:0 0 20px 20px; text-align:center; box-sizing:border-box; padding:10px; }
.page_partner .partner > li .in .img {border:1px solid #ddd; }
.page_partner .partner > li .in .txt_wrap {padding-top:20px; padding-bottom:20px; border-bottom:1px dashed #ccc;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.page_partner .partner > li .in .tit { font-size:1.2em; font-family:'notokrR'; color:#333;  font-weight:600;}
.page_partner .partner > li .in .txt { margin-top :.5em; color:#858585; font-weight:400;}
.page_partner .partner > li .in:hover .img,
.page_partner .partner > li .in:hover .txt_wrap { border-color:#003876; transition:.3s;}

/**/
.right_txt {text-align:right; padding-bottom:.8em; font-size:.938em; color:#d82744;}
.sub_agree_wrap{padding:23px; border-top: 2px solid #333; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee; font-size: .813em; color:#888; margin-top:10px; border-radius:.3em !important;}
.sub_agree_wrap p{padding:10px; line-height:1.5;}
.sub_agree_wrap strong{color:#555;}
.sub_agree_wrap .cont{overflow-y: scroll; height: 80px; overflow-y: scroll; }
.sub_agree_wrap .cont.email_st {height:140px;}
.cont_check{text-align: right; margin-bottom:3em; font-size:0.875em; color:#555; box-shadow:3px 3px 5px rgba(0,0,0,0.2); padding:.6em 1em; background:#f5f5f5; border-radius:0 0.3em 0.3em !important;}
.sub_agree_wrap .span{text-align: center; padding-left: 40px;}

/**/
.privacy_area{ border-top:2px solid #333; border-bottom:1px solid #666; position:relative;}
.privacy_area .privacy_tt{ position:absolute; left:0; top:0; width:178px; height:100%; border-left:1px solid #ccc; border-right:1px solid #ccc;  text-align:right;}
.privacy_area .privacy_tt strong{ display:inline-block; *display:inline; zoom:1; font-size:1.308em; color:#fff; padding:20px 15px 0;  font-family:'notokrM';}
.privacy_area .privacy_box{  background-color:#f9f9f9; padding:30px;}
.privacy_area .privacy_box .privacy_in{ overflow-y:hidden; height:auto; padding:30px; border:1px solid #ccc; background:#fff; line-height:1.6; margin-bottom:10px; color:#222; font-size:.875em; font-family:'notokrR'; }
.privacy_area .privacy_box .privacy_in > strong {font-weight:bold; font-size:1.125em;}

.page_email{padding:.5em; border-top:2px solid #333; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; box-shadow:3px 4px 3px rgba(0,0,0,.2); padding:2em; background:#f9f9f9;}
.page_email .email_top{ padding:20px 30px; background:#fff; border:2px solid #ddd; text-align:center; color:#111; line-height:1.4;}
.page_email .email_con{}
.page_email .email_con .tit{ text-align:center; font-size:1.125em; color:#000; padding-top:1em;}
.page_email .email_con .con_wrap{ margin-top:40px;}
.page_email .email_con .con_wrap > dt{ margin-bottom:10px;}
.page_email .email_con .con_wrap > dt > span{ display:block; position:relative; padding-top:2px; padding-left:25px; color:#333;}
.page_email .email_con .con_wrap > dt > span:before{ content:"\eb1f"; position:absolute; top:0; left:0; width:20px; font-family:xeicon; font-size:1.250em;}
.page_email .email_con .con_wrap > dd{ margin-left:25px; font-size:0.938em; color:#666; font-weight:400; line-height:1.8;}

/**/
.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:#37499d;}
.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}

/*sub1_1*/
.sub1_1con_wrap{overflow:hidden; margin:1em;}
.sub1_1con_wrap .img_w{float:right; width:50%;}
.sub1_1con_wrap .txt_w{float:left; width:50%;}
.sub1_1con_wrap .txt_w .en {font-size:.938em; font-family:'notokrL'; color:#222; letter-spacing:.2px; vertical-align:baseline; padding-bottom:.7em;}
.sub1_1con_wrap .txt_w .en strong {color:#003876; font-family:'notokrM'; vertical-align:baseline;}
.sub1_1con_wrap .txt_w .t1{font-size:1.5em; letter-spacing:-1.5px; line-height:1.4;}
.sub1_1con_wrap .txt_w .t1 {font-size:1.313em;}
.sub1_1con_wrap .txt_w .t1.st::after{content:''; width:90%; height:2px; background:linear-gradient(to right, #032b5c, #fff); display:block; margin:.8em 0 1.2em;}
.sub1_1con_wrap .img_w .in { margin-top:6.5em; margin-left:5em;}
.sub1_1con_wrap .img_w .in img {box-shadow:2px 2px 15px rgba(0,0,0, 0.2); width:87%;}
.sub1_1con_wrap .txt_w .in {margin-left:3em;}
.sub1_1con_wrap .t2{font-size:1em; color:#222; line-height:1.6; padding-bottom:1em; font-family:'notokrM';}
.sub1_1con_wrap .t2.sign {color:#333; padding-top:.6em;}
.sub1_1con_wrap .t2 .name {vertical-align:baseline; color:#222; font-size:2.8em; display:inline-block; padding-left:.2em; font-weight:500;}

/*sub3*/
.sub3_page_tw {text-align:center;}
.sub3_page_tw .ti {font-size:2em; font-family:'notokrB'; color:#222;}

.page_con_list1:after{ display:block; clear:both; content:'';}
.page_con_list1{ margin-right:-1.5em;}
.page_con_list1 > li{ flex:1;}
.page_con_list1 > li .tech_in{ flex:1; margin-right:1.5em; border:1px solid #ddd; border-top:3px solid #003876; box-sizing:border-box; padding:1.5em 1em; border-radius:0 0 .6em .6em; box-shadow:.25em .25em 0 rgba(0,0,0,.1);}
.page_con_list1 > li .tech_in .in_ti {text-align:center; padding-bottom:1em; font-size:1em; color:#555;}
.page_con_list1 > li .tech_in .in_tt{ font-size:1.125em; font-family:'notokrM'; color:#0d2d4f; letter-spacing:-1px; margin-bottom:1.25em; text-align:center; background:#ecf0f4; border:2px dotted #cfd8e2; padding:.6em .5em; border-radius:5em;}

.page_con_list1.sub3_4_st {margin-right:-.6em;}
.page_con_list1.sub3_4_st > li .tech_in {margin-right:.6em; padding:1em .8em; margin-top:.5em;}
.page_con_list1.sub3_4_st > li .tech_in .in_tt {font-size:1em; margin-bottom:0; letter-spacing:-.1em;}

.page_con_list2{ margin:0 -.5em 0 0;}
.page_con_list2 > li > .inner{ margin:2em .5em 0 0; box-shadow:.25em .25em 0 rgba(0,0,0,.1); border:1px solid #ddd;}
.page_con_list2 .con{ padding:1em; background:#fff; min-height:11em;}
.page_con_list2 .con .tit{}
.page_con_list2 .con .tit .t1{ font-size:1em; color:#0e3e8b; font-family:'notokrB'; padding-bottom:.3em;}
.page_con_list2 .con .tit .t2{ font-size:.938em; color:#555; line-height:1.3;}
.page_con_list2 .con .tit .t3{font-size:1.125em; color:#1a6ed4; font-family:'notokrB'; padding:.5em 0;}
.page_con_list2 .con .tit .t4{ font-size:.875em; color:#333; line-height:1.5; position:relative; padding-left:.5em;}
.page_con_list2 .con .tit .t4:before {content:""; position:absolute; left:0; top:.6em; width:.25em; height:.25em; background:#003876; border-radius:100%;}
.page_con_list2.bg_st > li > .inner {margin:1em .5em 0 0}
.page_con_list2.bg_st > li:nth-child(2n-1) .con {background:#fafafa}

.page_list{ line-height:1.5; margin:.8em 0.8em 0 .8em;}
.page_list:first-child{ margin-top:0;}
.page_list > li{ box-sizing:border-box; position:relative;}
.page_list > li:before{content:""; position:absolute; left:0; top:.55em; width:.25em; height:.25em; background:#003876; border-radius:100%;}
.page_list > li .tt{ position:relative;  margin-top:.3em; padding-left:.7em; vertical-align:baseline; font-size:.938em; color:#333}
.page_list > li .tt:first-child {margin-top:0;}
.page_list.st > li .tt {font-size:1em;}
.page_list > li .tx {margin-left:.5em; font-size:.938em; color:#333;}
.page_list.flex > li {flex:1}

.page_list.st2 li.tx:before {opacity:0}
.page_list.st2 li.tx .ttx {margin-left:.5em; font-size:.938em; color:#333;}

/* 테이블 스크롤 */
.scr_i{ display: none;}

/**/
.page_col_box,
.page_col_box > li{ align-items:stretch;}
.page_col_box{ margin:0 0 -1em -1em;}
.page_col_box > li{ flex:1;}
.page_col_box > li > .inner{ flex:1; display:flex; flex-direction:column; margin:0 0 1em 1em;}
.page_col_box > li > .inner > dt,
.page_col_box > li > .inner > dd{ border-color:#cfd8e2;}
.page_col_box > li > .inner > dt{ margin-bottom:.4em; padding:1.2em 1.5em; background:#f5f5f5; border-style:solid; border-width:1px 1px .3em 1px; text-align:center;}
.page_col_box > li > .inner > dt .tit{ position:relative; display:inline-block; font-size:1.250em; color:#0d2d4f;}
.page_col_box > li > .inner > dt .tit .icon{ position:absolute; top:.015em; left:0; font-size:1.188em; line-height:1;}
.page_col_box > li > .inner > dt .tit .icon:before { content:"\e95c";}
.page_col_box > li > .inner > dt .tit .icon1:before{ content:"\ea40";}
.page_col_box > li > .inner > dt .tit2{ display:block; width:2.2em; line-height:2.2em; background:#00479e; border-radius:100%; text-align:center; font-size:1.125em; color:#fff;}
.page_col_box > li > .inner > dd{ flex:1 1 auto; padding:1.5em; border-style:dashed; border-width:1px;}

.page_col_box.st1 > li > .inner > dt {text-align:center;}

.page_col_box.st2 > li > .inner > dt{ padding-top:.75em; padding-bottom:.75em;}
.page_col_box.st2 > li > .inner > dd{ display:flex; padding:0; margin-bottom:-1px; border-style:solid; font-size:.938em;}
.page_col_box.st2 > li > .inner > dd .txt{ flex:1; padding:.75em .75em; border-left:1px solid #cfd8e2;}
.page_col_box.st2 > li > .inner > dd .txt:first-child{ border-left:none;}

.page_col_box.flex_sec2 > li{ flex:1 1 50%;}
.page_col_box.flex_sec3 > li{ flex:1 1 33.33%;}

.page_col_box2,
.page_col_box2 > li{ align-items:stretch;}
.page_col_box2{ margin:0 0 -1em -1em;}
.page_col_box2 > li{ flex:1;}
.page_col_box2 > li > .inner{ flex:1; display:flex; flex-direction:column; margin:0 0 1em 1em;}
.page_col_box2 > li > .inner > dt,
.page_col_box2 > li > .inner > dd{ border-color:#cfd8e2;}
.page_col_box2 > li > .inner > dt{ margin-bottom:.4em; padding:1.2em 1.5em; background:#f5f5f5; border-style:solid; border-width:1px 1px .3em 1px; text-align:center}
.page_col_box2 > li > .inner > dt .tit{ position:relative; display:inline-block; font-size:1.250em; color:#0d2d4f; }
.page_col_box2 > li > .inner > dt .tit .icon{ position:absolute; top:.015em; left:0; font-size:1.188em; line-height:1;}
.page_col_box2 > li > .inner > dt .tit .icon:before { content:"\e95c";}
.page_col_box2 > li > .inner > dt .tit .icon1:before{ content:"\ea40";}
.page_col_box2 > li > .inner > dt .tit2{ display:block; width:2.2em; line-height:2.2em; background:#00479e; border-radius:100%; text-align:center; font-size:1.125em; color:#fff;}
.page_col_box2 > li > .inner > dd{ flex:1 1 auto; padding:1em 1.5em; border-style:dashed; border-width:1px; margin-bottom:.3em; position:relative;}
.page_col_box2 > li > .inner > dd .t_w {}
.page_col_box2 > li > .inner > dd .t_w .tt {padding-bottom:.2em; font-size:1.063em;}
.page_col_box2 > li > .inner > dd .t_w .tx {position:relative;  margin-top:.3em; padding-left:.7em; vertical-align:baseline; font-size:.938em; color:#333; margin-left:.5em;}
.page_col_box2 > li > .inner > dd .t_w .tx:before{content:""; position:absolute; left:0; top:.55em; width:.25em; height:.25em; background:#003876; border-radius:100%;}
.page_col_box2 > li > .inner > dd .t_w .tx:first-child {margin-top:0;}

.page_col_box2.st > li > .inner > dt {padding:.8em;}
.page_col_box2.st > li > .inner > dt .tit {font-size:1em;}
.page_col_box2.st > li > .inner > dd {padding:1em; min-height:2.5em;}
.page_col_box2.st > li > .inner > dd .t_w .tt {padding-bottom:0; font-size:1.063em;}

.page_col_box2.icon_st {margin:0 0 -1em -5em;}
.page_col_box2.icon_st > li.st .inner {position:relative;}
.page_col_box2.icon_st > li.st .inner:after {position:absolute; font-family:xeicon; content:'\e90b'; font-size:5em; color:#ccc; bottom:50%; margin-bottom:-1.5em; line-height:3em; width:3em; right:-3em; }
.page_col_box2.icon_st > li > .inner {margin:0 0 1em 5em;}
.page_col_box2.icon_st > li > .inner > dd.im_st1 {background:url(../images/sub/sub3/3_5_icon01.png) no-repeat right .5em bottom .5em}
.page_col_box2.icon_st > li > .inner > dd.im_st2 {background:url(../images/sub/sub3/3_5_icon02.png) no-repeat right .5em bottom .5em}
.page_col_box2.icon_st > li > .inner > dd.im_st3 {background:url(../images/sub/sub3/3_5_icon03.png) no-repeat right .5em bottom .5em}


.page_col_box3{ margin-left:-.5em;}
.page_col_box3 > li {box-sizing:border-box;}
.page_col_box3 > li > .title {text-align:center; color:#fff; margin-left:.5em; padding:1em 0; border-radius:.6em .6em 0 0;}
.page_col_box3 > li > .title.bg01 {background:#0d2d4f; }
.page_col_box3 > li > .title.bg02 {background:#1a6ed4; }
.page_col_box3 > li > .title.bg03 {background:#108ad3; }
.page_col_box3 > li .in{ margin-left:.5em; border:1px solid #ddd; padding:1em 1em 1.5em 1em; box-sizing:border-box;}
.page_col_box3 .img{ overflow:hidden;}
.page_col_box3 > li.bg_st {}
.page_col_box3 > li.bg_st .in {border:none; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.page_col_box3 > li.bg_st .in .resize {padding-bottom:50% !important}
.page_col_box3 > li.bg_st .in.st01 {padding:0 !important; background-image:url(../images/sub/sub1/1_2_img01.jpg);}
.page_col_box3 > li.bg_st .in.st02 {padding:0 !important; background-image:url(../images/sub/sub1/1_2_img02.jpg);}
.page_col_box3 > li.bg_st .in .en {font-size:.938em; color:#fff; font-family:'notokrR'; border-radius:30px; display:inline-block; padding:.4em 1.5em; letter-spacing:.2px; background:rgba(0,0,0,.6);}
.page_col_box3 > li.bg_st .in .ti {font-size:1.9em; color:#fff; font-family:'notokrM'; text-shadow:1px 1px 1px rgba(0,0,0,.5); padding:.2em 0 .6em 0;}
.page_col_box3 > li.bg_st .in .tt {font-size:1.063em; color:#fff; font-family:'notokrR';}

.overview_step,
.overview_step > li,
.overview_step .inner{ align-items:stretch;}
.overview_step{ margin-left:-1em; text-align:center;}
.overview_step > li{ flex:1; position:relative; padding-left:1em;}
.overview_step .inner{ flex:1; flex-direction:column;}
.overview_step .inner > dt,
.overview_step .inner > dd{ flex:1 1 auto;}
.overview_step .inner > dt{ margin-bottom:.6em; padding:1em 1em; background:#108ad3;}
.overview_step .inner > dt .tt{ color:#fff; font-size:1.188em;}
.overview_step .inner > dt .tx {color:#fff; font-family:'notokrR'; padding-top:.3em; font-size:.938em;}
.overview_step .inner > dt .tx .num {}
.overview_step .inner > dt .tx .name {}
.overview_step .inner > dd{ padding:1em 1em; border:1px solid #d4d5d8;}
.overview_step .inner > dd .txt1{margin-bottom:.8em;}
.overview_step .inner > dd .txt1 .tt{ font-size:1.125em; font-family:'notokrB';}
.overview_step .inner > dd .txt2{ padding:1em .6em; background:#ecf0f4; text-align:left; min-height:5.5em;}
.overview_step.st .inner > dd .txt2{min-height:10em;}

.overview_step > li .line{ position:absolute; top:50%; left:.4em; width:1.6em; height:.6em; background:#0d2d4f; color:#0d2d4f; font-size:1em;}
.overview_step > li .line:before{ content:"\e935"; font-size:1.750em; position:absolute; top:0; right:-.6em; margin-top:-.4em; transform:rotate(-90deg);}
.overview_step > li.in1 .inner > dt{ background:#1a6ed4;}
.overview_step > li.in2 .inner > dt{ background:#108ad3;}
.overview_step > li.in3 .inner > dt{ background:#1157a5;}
.overview_step > li.in1 .inner > dd .txt1 .tt{ color:#1a6ed4;}
.overview_step > li.in2 .inner > dd .txt1 .tt{ color:#108ad3;}
.overview_step > li.in3 .inner > dd .txt1 .tt{ color:#1157a5;}
.overview_step > li.in2 .line{ background:#108ad3; color:#108ad3;}
.overview_step > li.in3 .line{ background:#ef7c00; color:#ef7c00;}

.page_num_list{line-height:1.4;}
.page_num_list > li{ padding-top:1em; border-top:1px dashed #c6ced7;}
.page_num_list > li:first-child{ margin-top:0;}
.page_num_list > li:last-child{ margin-bottom:1em;}
.page_num_list > li:nth-child(2n-1) {background:#fafafa}
.page_num_list > li > .group{ position:relative; padding:0em 0 1em 2.5em;}
.page_num_list > li > .group > .tt > .num{ position:absolute; top:0; left:0; width:1.8em; line-height:1.8em; display:inline-block; text-align:center; background:#00479e; border-radius:100%; color:#fff;}
.page_num_list > li > .group > .tt > .tit{color:#555;  font-size:.938em;}
.page_num_list > li > .group > .ex{ margin-top:.3em; font-size:.938em; color:#00479e;}


/**/
.benefit_list{align-items:center;}
.benefit_list > li{ }
.benefit_list > li.w1{ flex:3;}
.benefit_list > li.w2{ flex:1.5;}
.benefit_list .inner {margin:0 1em 1em 1em; text-align:center;}
.benefit_list .inner .inner_t {text-align:center; padding:1.3em; background:#fff; border-radius:100%; border:1px dotted #ccc;}
.benefit_list .inner .inner_t .tt {color:#fff; display:inline-block; border-radius:100%; padding:3em 2em; background:#dbeef8; color:#003876; font-family:'notokrB'}
.benefit_list .inner > dd{ padding:1em;}
.benefit_list .inner > dt {padding:1.188em 0; text-align:center; background:#f5f5f5; border-color:#cfd8e2; border-style:solid; border-width:1px 1px .3em 1px}
.benefit_list .inner > dt .tit {color:#0d2d4f; font-size:1.250em; font-family:'notokrM'}
.benefit_list .inner > dd {/*height:7em; */background:#fff; text-align:left !important; border-style:dashed;  border-width:1px; border-color:#cfd8e2; margin-top:.4em;}
.benefit_list .inner > dd .list {}
.benefit_list .inner > dd .list .tt {vertical-align:baseline; color:#333; font-size:.938em; margin-top:.3em; line-height:1.5; position:relative; padding-left:.7em;}
.benefit_list .inner > dd .list:first-child .tt {margin-top:0;}
.benefit_list .inner > dd .list .tt:before{content:""; position:absolute; left:0; top:.55em; width:.25em; height:.25em; background:#003876; border-radius:100%;}

.benefit_list2,
.benefit_list2 > li,
.benefit_list2 .inner{ align-items:stretch;}
.benefit_list2{ margin-left:-1em; text-align:center;}
.benefit_list2 > li{ flex:1; position:relative; padding-left:1em;}
.benefit_list2 .inner{ flex:1; flex-direction:column;}
.benefit_list2 .inner > dt,
.benefit_list2 .inner > dd{ flex:1 1 auto;}
.benefit_list2 .inner > dt{padding:1.3em 1em; background:#108ad3; position:relative; border-radius:.4em .4em 0 0;}
.benefit_list2 .inner > dt .tt{ color:#fff; font-family:'notokrM';}
.benefit_list2 .inner > dt .xi {position:absolute; right:.2em; top:0; color:#fff; opacity:.7; font-size:3em;}
.benefit_list2 .inner > dd{ padding:.5em; border:1px solid #d4d5d8; border-top:none;}
.benefit_list2 .inner > dd .txt2{}
.benefit_list2 .inner > dd .txt2 .list {}
.benefit_list2 .inner > dd .txt2 .list > li {padding:.8em; background:#ecf0f4; margin-bottom:.6em; min-height:2em;}
.benefit_list2 .inner > dd .txt2 .list > li .tt {text-align:left; font-size:.938em;}

.benefit_list2 > li.in1 .inner > dt{ background:#0d2d4f;}
.benefit_list2 > li.in2 .inner > dt{ background:#108ad3;}
.benefit_list2 > li.in3 .inner > dt{ background:#ef7c00;}
.benefit_list2 > li.in4 .inner > dt{ background:#1a6ed4;}
.benefit_list2 > li.in1 .inner > dd .txt1 .tt{ color:#0d2d4f;}
.benefit_list2 > li.in2 .inner > dd .txt1 .tt{ color:#108ad3;}
.benefit_list2 > li.in3 .inner > dd .txt1 .tt{ color:#ef7c00;}
.benefit_list2 > li.in2 .line{ background:#108ad3; color:#108ad3;}
.benefit_list2 > li.in3 .line{ background:#ef7c00; color:#ef7c00;}

.econ{ margin-right:-1em;}
.econ:after{ display:block; clear:both; content:'';}
.econ.st {margin-bottom:1em; }
.econ.st .e_cont {width:50%;}
.econ .e_cont{ width:33.33%; float:left;}
.econ .e_cont .e_wrap{ margin-right:1em; box-sizing:border-box; position:relative;}
.econ .e_cont .e_wrap .e_tbox{ border:.1em solid #00479e; box-sizing:border-box; padding:1.5em 1em;}
.econ .e_cont .e_wrap .e_tbox .e_tt{ background:#00479e; color:#fff; padding:.7em; font-size:1.2em; font-family:'notokrM'; text-align:center; border-radius:30px;}
.econ .e_cont .e_wrap .e_tbox ul{margin:1em 1em 0; padding:1em; background:#f1f1f1; border:1px solid #ddd; min-height:7em;}
.econ .e_cont .e_wrap .e_bot {text-align:center; background:linear-gradient(to bottom, #fff, #eaedf0); margin-top:1em; padding:1em; font-family:'notokrB'}

.econ.sub3_4_st .e_cont .e_wrap .e_tbox ul {min-height:10em;}

.econ .e_cont.st_e01 .e_wrap:before{ display:none;}
.econ .e_cont.st_e01 .e_wrap,
.econ .e_cont.st_e01 .e_wrap .e_tbox{ border-color:#1a6ed4}
.econ .e_cont.st_e01 .e_wrap .e_tbox .e_tt{ background:#1a6ed4;}

.econ .e_cont.st_e02 .e_wrap,
.econ .e_cont.st_e02 .e_wrap .e_tbox{ border-color:#108ad3}
.econ .e_cont.st_e02 .e_wrap .e_tbox .e_tt{ background:#108ad3;}

.econ .e_cont.st_e03 .e_wrap,
.econ .e_cont.st_e03 .e_wrap .e_tbox{ border-color:#003876}
.econ .e_cont.st_e03 .e_wrap .e_tbox .e_tt{ background:#003876;}

.e_fcon{ font-size:1.25em; background:#ecf0f4; border:5px solid #fff; box-shadow:1px 3px 8px rgba(0,0,0,0.2); padding:1em; border-radius:50px; text-align:center; margin-top:4em; position:relative;}
.e_fcon .line { position:absolute; left:50%; bottom:100%; transform:translate(-50%,0); width:3em; height:4.5em; opacity:.4;}
.e_fcon .xi{ position:absolute; z-index:1; left:50%; top:0; transform:translate(-50%,0); font-size:.8em; line-height:1;}
.e_fcon .xi:before{ content:'\e935'; font-size:7em; color:#ccc; }
.e_fcon .ba{ position:absolute; z-index:2; top:4px; left:0; right:0; height:2em; line-height:2em; background:#ccc;}

.e_fcon1{ font-size:1.375em; text-align:center;margin-bottom:4em; position:relative; margin-top:.5em; font-family:'notokrB'}
.e_fcon1 .line { position:absolute; left:50%; top:0; transform:translate(-50%,0); width:3em; height:4.5em; opacity:.4;}
.e_fcon1 .xi{ position:absolute; z-index:1; left:50%; top:0; transform:translate(-50%,0); font-size:.8em; line-height:1;}
.e_fcon1 .xi:before{ content:'\e92f'; font-size:7em; color:#ccc; }
.e_fcon1 .ba{ position:absolute; z-index:2; bottom:-30px; left:0; right:0; height:2em; line-height:2em; background:#ccc;}

.e_fcon2{ font-size:1.25em; margin-top:5em; position:relative;}
.e_fcon2 .line { position:absolute; left:50%; bottom:100%; transform:translate(-50%,0); width:3em; height:4.5em; opacity:.4;}
.e_fcon2 .xi{ position:absolute; z-index:1; left:50%; top:0; transform:translate(-50%,0); font-size:.8em; line-height:1;}
.e_fcon2 .xi:before{ content:'\e935'; font-size:7em; color:#ccc; }
.e_fcon2 .ba{ position:absolute; z-index:2; top:4px; left:0; right:0; height:2em; line-height:2em; background:#ccc;}

.e_fcon3{ font-size:1.375em; position:relative;}
.e_fcon3 .line { position:absolute; left:50%; bottom:-16px; transform:translate(-50%,0);height:4.5em; opacity:.4; z-index:1; width:5em;}
.e_fcon3 .xi{ position:absolute; z-index:1; left:50%; bottom:-30px; transform:translate(-50%,0); font-size:1.2em; line-height:1;}
.e_fcon3 .xi:before{ content:'\e92f'; font-size:7em; color:#ccc; }
.e_fcon3 .ba{ position:absolute; z-index:2; bottom:-30px; left:0; right:0; height:2em; line-height:2em; background:#ccc;}


/**/
.research_list{ margin-left:-1em;}
.research_list > li{ width:20%;}
.research_list > li .in{ margin-left:1em;}
.research_list .img{ overflow:hidden;}
.research_list .con{ position:relative; padding:1.5em .3em 0 .3em;}
.research_list .con .num{ position:absolute; top:-1.6em; left:50%; width:40px; line-height:40px; background:#003b95; border-radius:50%; text-align:center; font-size:1.125em; color:#fff; margin-left:-20px;}
.research_list .con .txt{ font-size:1.063em; color:#333; line-height:1.3; text-align:center; font-family:'notokrM'}

/**/
.person_list{ margin:0 0 0 -1em}
.person_list > li{width:33.33%;}
.person_list .wrap_in{ margin:1em 0 0 1em; border:1px solid #ddd; box-sizing:border-box;}
.person_list .wrap_in .img_wrap{ width:40%;}
.person_list .wrap_in .img_wrap .in {padding:1em; box-sizing:border-box; flex:1}
.person_list .wrap_in .img_wrap .vm_wrap:before{/* vertical-align:bottom*/}
.person_list .wrap_in .info_wrap{ width:60%; position:relative;}
.person_list .wrap_in .info_wrap:before{ content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#ddd}
.person_list .wrap_in .info_wrap .info{ padding:2em 1em 1em 1em; text-align:left; width:100%; box-sizing:border-box;}
.person_list .wrap_in .info_wrap .info .t1{ color:#003876; font-size:1.063em; padding-left:.1em;}
.person_list .wrap_in .info_wrap .info .t2{margin:.125em 0 1em 0; vertical-align:baseline;}
.person_list .wrap_in .info_wrap .info .t2.h_st{min-height:5em;}
.person_list .wrap_in .info_wrap .info .t11 {vertical-align:baseline;  font-family:'notokrM'; color:#222; font-size:1.3em;  }
.person_list .wrap_in .info_wrap .info .t22 {vertical-align:baseline; font-size:1.063m; color:#555; font-family:'notokrR'; display:inline-block; padding-left:3px;}
.person_list .wrap_in .info_wrap .info .t3{ color:#555; font-size:.938em; padding-left:.2em; min-height:5em;}
.person_list .wrap_in .info_wrap .info .t3 .t_w {display:block;}

.person_list .wrap_in .info_wrap .info .t4{margin-top:.5em;}
.person_list .wrap_in .info_wrap .info .t4:first-child {margin-top:.7em;}
.person_list .wrap_in .info_wrap .info .t4 .xi {vertical-align:baseline; background:#1a6ed4; color:#fff; border-radius:100%; width:1.7em; height:1.7em; line-height:1.7em; text-align:center; font-size:.875em; margin-right:2px;}
.person_list .wrap_in .info_wrap .info .t4 .num_tw {display:inline-block}
.person_list .wrap_in .info_wrap .info .t4 .tt {color:#444; font-size:.875em; vertical-align:baseline; font-family:'notokrR';}
.person_list .wrap_in .info_wrap .info .t4 .num_tw .tt {display:block;}
.person_list .wrap_in .info_wrap .info .t4 .link_t {vertical-align:baseline;}
.person_list .wrap_in .info_wrap .info .t4 .link_t:hover {text-decoration:underline;}

.person_list .wrap_in .info_wrap .btn_wrap {}
.person_list .wrap_in .info_wrap .btn{ flex:1 1 1%; text-align:center; padding:.6em; border:1px solid #ddd; margin:0 -1px -1px 0; background:#f5f5f5; font-size:.813em; color:#444; transition:.3s}
.person_list .wrap_in .info_wrap .btn .icon{ margin-right:.25em}
.person_list .wrap_in .info_wrap .btn .icon:before{content:"\e97b";}
.person_list .wrap_in .info_wrap .btn:hover{ color:#fff; background:#003876}

.person_list.sT2 .wrap_in .info_wrap{min-height:inherit !important}

.person_list.sT3 .wrap_in .info_wrap .t3 {min-height:inherit !important;}
.person_list.sT3 .wrap_in .info_wrap .t3.sT2 {min-height:5em !important; padding-top:.4em}
.person_list.sT3 .wrap_in .info_wrap{min-height:inherit !important}

.person_list.sT4 .wrap_in .info_wrap .info .t4 {position:relative; margin-top:0; margin-bottom:.9em;}
.person_list.sT4 .wrap_in .info_wrap .info .t4 .xi {position:absolute; top:0; left:0;}
.person_list.sT4 .wrap_in .info_wrap .info .t4 .num_tw {margin-left:2em;}
.person_list.sT4 .wrap_in .info_wrap .t3.sT2 {min-height:2.8em !important;}
.person_list.sT4 .wrap_in .info_wrap .info .t2 {margin:.125em 0 0 0}

/*전 스킨*/
.person_list2{ margin:0 0 0 -.5em}
.person_list2 > li{ width:33.33%}
.person_list2 .wrap_in{ margin:2em 0 0 .5em; border:1px solid #ddd}
.person_list2 .wrap_in .img_wrap{ width:40%}
.person_list2 .wrap_in .img_wrap .inner {padding:1em; box-sizing:border-box;}
.person_list2 .wrap_in .img_wrap .vm_wrap:before{/* vertical-align:bottom*/}
.person_list2 .wrap_in .info_wrap{ width:60%; position:relative}
.person_list2 .wrap_in .info_wrap:before{ content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#ddd}
.person_list2 .wrap_in .info_wrap .info{ padding:1.5em; text-align:left; width:100%; box-sizing:border-box;}
.person_list2 .wrap_in .info_wrap .info > dl {position:relative; padding:10px 0 10px 100px; font-size:.938em;}
.person_list2 .wrap_in .info_wrap .info > dl .tt {position:absolute; top:10px; left:0; padding-left:10px;}
.person_list2 .wrap_in .info_wrap .info > dl .tt:before {position:absolute; content:""; left:0; top:8px; width:.25em; height:.25em; border-radius:100%; background:#003876;}
.person_list2 .wrap_in .info_wrap .info > dl .tx {color:#555;}

.person_list2.st .wrap_in {min-height:14.8em;}
.person_list2.st .wrap_in .info_wrap {width:100%; background:#fafafa;}
.person_list2.st .wrap_in .info_wrap:before,
.person_list2.st .wrap_in .info_wrap:after{ content:""; position:absolute; width:.5em; height:.5em; border:2px solid #003876}
.person_list2.st .wrap_in .info_wrap:before{ left:-1px; top:-1px; border-right:none; border-bottom:none; background:inherit;}
.person_list2.st .wrap_in .info_wrap:after{ right:-1px; bottom:-1px; border-left:none; border-top:none}
.person_list2.st .wrap_in .info_wrap .info {padding:1.5em 2em 1.5em 2.5em;}
.person_list2.st .wrap_in .info_wrap .info > dl {padding:10px 0 10px 120px;}

/*오시는길*/
.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1em}
.map_info1 .t1 { float:left; }
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:20px; line-height:38px; }
.map_info1 .t1 span.st { margin-right:10px;}
.map_info1 .t1 .xi { font-size:1.438em; vertical-align:sub; color:#888; margin-right:5px; }
.map_info1 .map_btn {background:#003876; display:inline-block; padding:.4em .8em; border-radius:.6em;}
.map_info1 .map_btn .xi {color:#fff; font-size:1em; vertical-align:baseline;}
.map_info1 .map_btn .tt {color:#fff; font-size:.875em; vertical-align:baseline;}

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

.map_info2 { margin-top:30px; }
.map_info2 > li { overflow:hidden; padding:2em 1em; border-bottom:1px solid #ddd}
.map_info2 > li h3 { float:left; color:#222222; font-size:1.375em; }
.map_info2 > li h3 .xi { font-size:1.625rem; vertical-align:text-top; }
.map_info2 > li .info { margin:0 0 0 240px;}
.map_info2 > li .info strong { display:block;}
.map_info2 > li .info p { color:#333; line-height:26px;}
.map_info2 > li .info ul li:first-child strong { padding-top:0}
.map_info2 > li.bus {}
.map_info2 > li.bus .info span { display:block; margin:2px 0 6px; color:#333; font-size:.875em;}
.map_info2 > li.bus .info span.stop_t {font-size:1.125em; font-family:'notokrM' padding-bottom:.5em; color:#003876;}
.map_info2 > li.bus .info p {padding-left:60px; position:relative; line-height:30px; color:#666; }
.map_info2 > li.bus .info p:before {width:50px; height:25px; border-radius:23px; color:#fff; text-align:center; line-height:25px; position:absolute; left:0; top:50%; margin-top:-12px; font-size:0.750em; border-radius:30px; }
.map_info2 > li.bus .info .st1:before { content:"간선"; background:#395cb3; }
.map_info2 > li.bus .info .st2:before { content:"초록"; background:#4a972e;}
.map_info2 > li.bus .info .st3:before { content:"빨강";background:#df262e;}
.map_info2 > li.bus .info .st4:before { content:"공항버스"; background:#70b0e0;}

.map_info2 > li.bus .info_list {margin:0 0 0 240px;}
.map_info2 > li.bus .info_list .stop_t {padding-bottom:.5em; display:block; font-size:1.125em; font-family:'notokrM'; color:#003876;}
.map_info2 > li.bus .info_list .tx {font-size:1em; font-family:'notokrM'; color:#555; line-height:1.5; position:relative; padding-left:.8em; padding-bottom:.7em;}
.map_info2 > li.bus .info_list .tx:before {position:absolute; content:""; left:0; top:10px; width:.25em; height:.25em; border-radius:100%; background:#003876;}

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

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

/**/
.sub_info_list {overflow:hidden; margin:0 0 -20px -20px;}
.sub_info_list li{float:left; width:33.33%;}
.sub_info_list li .in{margin:0 0 20px 20px; border:1px solid #ddd; border-radius:.6em; padding:1.5em; position:relative; background:#fafafa; height: 430px;/*height:13em !important;*/}
.sub_info_list li .in > dt {margin-bottom:1em; padding-bottom:1em; border-bottom:1px dotted #ccc; min-height:2em;}
.sub_info_list li .in > dt .tit{font-family:'notokrM'; color:#222; font-size:1.063em;}
.sub_info_list li .in > dd {position:relative; margin:.9em 0; color:#333; padding-left:1.6em; min-height: 1em;}
.sub_info_list li .in > dd .re {border:1px solid #ccc;}
.sub_info_list li .in > dd .icon {position:absolute; left:0; top:0; line-height:1em; font-size:.875em; color:#666;}
.sub_info_list li .in > dd .tt {margin-left:3px; display:inline-block; *display:inline; zoom:1; vertical-align:middle; font-size:.875em; color:#444; font-family:'notokrR';}

.sub_info_list li .in .more_btn {color:#fff; display:inline-block; border-radius:.6em; padding:.5em .72em; background:#0d2d4f;/* position:absolute; bottom:5%; right:3%;*/ transition:.3s;}
.sub_info_list li .in .more_btn .t {font-size:.813em; vertical-align:baseline;}
.sub_info_list li .in .more_btn .xi {font-size:.813em; vertical-align:baseline; padding-left:5px;}
.sub_info_list li .in .more_btn:hover .xi{transition:.3s; padding-left:8px;}

/**/
.sub1_2_bg_wrap {height:300px; background-position:center center; background:url(../images/sub/sub6_1_bg.jpg); background-repeat:no-repeat; }
.sub1_2_up_con {width:90%; display:block; margin:-145px auto 3px 90px; box-shadow:2px 2px 2px rgba(0,0,0,0.3); padding:2.3em 2em 3em 2em; box-sizing:border-box; text-align:center; background:#fff}
.sub1_2_up_con .t1 {font-size:1.6em; font-family:"notokrB"; color:#003876;}
.sub1_2_up_con .t2 {color:#333; font-size:1.063em; width:100%; margin:0 auto; max-width:820px; line-height:1.6; }
.sub1_2_up_con .line {width:30px; height:2px; margin:1.5em auto; background:#2D4C9E;}

/**/
.sub1_2_Tbl_wrap .defi_table{ border-collapse:separate; border-spacing:.3em; border:3px solid #cfd8e2; background:#f9f9f9;}
.sub1_2_Tbl_wrap .defi_table th,
.sub1_2_Tbl_wrap .defi_table td{ padding:.4em 1em; border:1px solid transparent; border-radius:.2em; line-height:1.4em;}
.sub1_2_Tbl_wrap .defi_table th{ color:#fff; padding:.8em 1em;}
.sub1_2_Tbl_wrap .defi_table td{ padding-left:1.5em; background:#fff; border-style:dashed; border-color:#cfd8e2; font-size:.938em; color:#3c3c3d; word-break:break-all; word-wrap:break-word;}
.sub1_2_Tbl_wrap .defi_table td.st {padding-left:1em;}
.sub1_2_Tbl_wrap .defi_table td.st2{padding:1.5em 1em;}
.sub1_2_Tbl_wrap .defi_table td.st2.w_st {padding:3em 1em;}
.sub1_2_Tbl_wrap .defi_table td .list {}
.sub1_2_Tbl_wrap .defi_table td .list > li {position:relative; font-size:.938em; font-family:'notokrM'; color:#555; line-height:1.5; position:relative; padding-left:.8em; padding-bottom:.7em;}
.sub1_2_Tbl_wrap .defi_table td .list > li:last-child {padding-bottom:0;}
.sub1_2_Tbl_wrap .defi_table td .list > li:before {position:absolute; content:""; left:0; top:10px; width:.25em; height:.25em; border-radius:100%; background:#003876;}
.sub1_2_Tbl_wrap .defi_table .dw_tit { width:10em;}
.sub1_2_Tbl_wrap .defi_table .dw_code{ width:10em;}
.sub1_2_Tbl_wrap .defi_table .dw_auto{ width:auto;}
.sub1_2_Tbl_wrap .defi_table .blank{ background:transparent; border-color:transparent;}
.sub1_2_Tbl_wrap .defi_table .bg1{ background:#596272;}
.sub1_2_Tbl_wrap .defi_table .bg2{ background:#108ad3; color:#fff;}
.sub1_2_Tbl_wrap .defi_table .bg3{ background:#44afd3;}
.sub1_2_Tbl_wrap .defi_table .bg4{ background:#ecf0f4; border-color:#ccc; color:#0d2d4f;}
.sub1_2_Tbl_wrap .defi_table .bg5{ background:#003876; border-color:#ccc; color:#fff;}

.sub1_2_Tbl_wrap .defi_table td .list2:after{ display:block; clear:both; content:'';}
.sub1_2_Tbl_wrap .defi_table td .list2{ margin-right:-2em;}
.sub1_2_Tbl_wrap .defi_table td .list2 > li{ flex:1; position:relative;}
.sub1_2_Tbl_wrap .defi_table td .list2 > li:after {position:absolute; content:"\e913"; right:4px; top:10px; font-family:xeicon !important; font-style:normal; font-size:1.5em;}
.sub1_2_Tbl_wrap .defi_table td .list2 > li:last-child:after {opacity:0}
.sub1_2_Tbl_wrap .defi_table td .list2.st > li:after {opacity:0;}
.sub1_2_Tbl_wrap .defi_table td .list2 > li .tech_in{ flex:1; margin-right:2em; box-sizing:border-box;border-radius:0 0 .6em .6em;}
.sub1_2_Tbl_wrap .defi_table td .list2 > li .tech_in .in_tt{ font-size:1.063em; font-family:'notokrB'; color:#0d2d4f; letter-spacing:-1px; text-align:center; background:#ecf0f4; border:2px dotted #cfd8e2; padding:.6em .5em; border-radius:5em;}
.sub1_2_Tbl_wrap .defi_table td .list2 > li .tech_in .in_tt .xi {position:absolute; right:10px; bottom:-10px; opacity:.2; font-size:4em; color:#003876}

.sub1_2_Tbl_wrap .defi_table td .list2.w_st {margin:0 auto; width:60%; z-index:30; position:relative;}
.sub1_2_Tbl_wrap .defi_table td .list2 > li .tech_in .in_tt.st1 {background:#003876; color:#fff; border:2px dotted #003876}

/**/
.one_List_Wrap {}
.one_List_Wrap .one_List {display:block; text-align:center;}
.one_List_Wrap .one_List > li {text-align:center;}
.one_List_Wrap .one_List > li .in {display:inline-block; margin-bottom:1em; position:relative}
.one_List_Wrap .one_List > li .in:after {content:""; position:absolute; left:50%; width:1px; height:90px; background:#282828; transform:translateX(-50%);}
.one_List_Wrap .one_List > li .in .bg {border:3px solid #fff; box-shadow:5px 3px 0 rgba(0,0,0,.1); overflow:hidden; box-sizing:border-box; border-radius:100%; position:relative; width:8em; height:8em; line-height:8em;}
.one_List_Wrap .one_List > li .in .bg.st1 {background:#1a6ed4}
.one_List_Wrap .one_List > li .in .bg.st2 {background:#108ad3}
.one_List_Wrap .one_List > li .in .bg.st3 {background:#1157a5}
.one_List_Wrap .one_List > li .in .bg:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; opacity:.1; background-color:#555; background-image:linear-gradient(30deg, #444 12%, transparent 12.5%, transparent 87%, #444 87.5%, #444), linear-gradient(150deg, #444 12%, transparent 12.5%, transparent 87%, #444 87.5%, #444), linear-gradient(30deg, #444 12%, transparent 12.5%, transparent 87%, #444 87.5%, #444), linear-gradient(150deg, #444 12%, transparent 12.5%, transparent 87%, #444 87.5%, #444), linear-gradient(60deg, #888 25%, transparent 25.5%, transparent 75%, #888 75%, #888), linear-gradient(60deg, #888 25%, transparent 25.5%, transparent 75%, #888 75%, #888); background-position:0 0, 0 0, 15px 30px, 15px 30px, 0 0, 15px 30px; background-size:30px 60px;}
.one_List_Wrap .one_List > li .in .tt1{color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.4); letter-spacing:-.5px; font-size:1.125em; font-family:'notokrM';}

/**/
.step_st{ padding:1px 0 0 1px; border-right:1px solid #ddd;}
.step_st > li{ flex:1 1 1%}
.step_st > li .in{ padding:0 1em 0 3.5em; height:3.1em; margin:-1px 0 0 -1px; position:relative; color:#fff;}
.step_st > li .in:after{ content:""; position:absolute; z-index:1; right: -1em; top:.4em; width:0; padding-left:2em; height:2.3em; font-size:1em; border:1px solid #ddd; border-left:none; border-bottom:none;
transform:rotate(45deg);}
.step_st > li .in.bg1 { background:#638ac1;}
.step_st > li .in.bg1:after {background:#638ac1}
.step_st > li .in.bg2 { background:#63a7c1;}
.step_st > li .in.bg2:after { background:#63a7c1;}
.step_st > li .in.bg3 { background:#00a2d9;}
.step_st > li .in.bg3:after { background:#00a2d9;}
.step_st > li .in.bg4 { background:#015ca3;}
.step_st > li .in.bg4:after { background:#015ca3;}

.step_st > li .in .tt .t2{ font-size:1em; font-family:'notokrM'; line-height:1}