@charset "utf-8";
#container { width: 100%; }
#container #snb_bar { background: #4059ab; border-bottom: 0px solid rgba(149,160,183,.25); }
#container #snb { position: relative; height: 5.6rem; max-width: 1400px; margin: 0 auto; }
#snb .txt-wrap { text-align: center; padding-top: 4rem; color: #fff; }
#snb .txt-wrap strong { font-size: 1.8rem; position: relative; display: block; line-height: 1.2; padding: 0.6rem; }
#snb .txt-wrap strong::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: -1rem; width: 1rem; height: 4px; display: block; background: #fff; }
#snb nav { overflow: visible; position: absolute; bottom: 0; z-index: 1; width: 100%; height: 5.6rem; }
#snb nav::before { background: #fff; z-index: -2; border: 1px solid #ebebeb; }
#snb nav > * { float: left; }
#snb nav .home { display: block; width: 5.6rem; margin-left: 0rem; height: 5.6rem; text-align: center; font-size: 1.8rem; line-height: 5.6rem; border: 1px solid rgba(255,255,255,.2); border-top: none; border-bottom: none; color: #fff }
#snb nav .home:hover, #snb nav .home:active, #snb nav .home:focus { color: #fff; }
#snb .nav.type2 .home { margin-left: 0; }
#snb nav .submenu { position: relative; min-width: 24rem; }
#snb nav .submenu.active { box-shadow: 8px 8px 8px -10px rgba(0,0,0,0.1); }
#snb nav .submenu.active i { transform: rotate(180deg); }
#snb nav .submenu::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: auto; background: #ccc; }
/*#snb nav .submenu:first-of-type{ width: 7.5rem;}*/
#snb nav .submenu > button { position: relative; padding: 0 1rem; width: 100%; text-align: left; height: 5.6rem; line-height: 5.6rem; font-size: 1.7rem; font-weight: 400; border-right: 1px solid rgba(255,255,255,.2); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #fff; }
#snb nav .submenu > button > i { float: right; display: inline-block; line-height: 5.6rem; }
#snb nav .submenu > button:hover, #snb nav .submenu > button:focus { background: #203c92; }
#snb nav .submenu > ul {/*position:absolute;*/ display: none; /*left:-1px; top:6rem;*/ margin-left: -1px; background: #fff; border: 1px solid #767676; border-top: none; width: calc(100% + 1px); width: -webkit-calc(100% + 1px) }
#snb nav .submenu > ul > li > a { display: inline-block; width: 100%; height: 4.6rem; line-height: 4.6rem; background: #fff; padding: 0 1rem; color: #222; font-weight: 400; font-size: 1.7rem; }
#snb nav .submenu > ul > li > a:hover, #snb nav .submenu > ul > li > a:active, #snb nav .submenu > ul > li > a:focus { color: #333; background: #dfe5eb; }
#snb nav #sns_wrap { float: right !important; }
#snb nav #sns_wrap > ul > li { float: left; position: relative; border-right: 1px solid rgba(255,255,255,.2); }
#snb nav #sns_wrap > ul > li:nth-of-type(1) { border-left: 1px solid rgba(255,255,255,.2); }
#snb nav #sns_wrap > ul > li > a { display: block; width: 5.6rem; height: 5.6rem; line-height: 5.6rem; text-align: center; font-size: 1.8rem; color: #fff; }
#snb nav #sns_wrap > ul > li > a:hover, #snb nav #sns_wrap > ul > li > a:active, #snb nav #sns_wrap > ul > li > a:focus { background: #25292c; color: #fff; }
#snb nav #sns_wrap #share { position: absolute; left: 0; top: 5.6rem; width: 100%; display: none; }
#snb nav #sns_wrap #share li a { display: block; width: 100%; height: 5.6rem; line-height: 5.6rem; text-align: center; color: #fff; font-size: 1.8rem; }
#snb nav #sns_wrap #share li:nth-child(1) a { background: #4867aa; }
#snb nav #sns_wrap #share li:nth-of-type(2) a { background: #1da1f2; }
#snb nav #sns_wrap #share li:nth-of-type(3) a { background: #f3d820; color: #76410e; }
#snb nav #sns_wrap #share li:nth-of-type(4) a { background: #ef7d0d; }
#snb nav.active .home { margin-left: 0; }
#snb nav.active { position: fixed; bottom: inherit; top: 0; z-index: 99; }
#snb nav.active::before { left: 50%; transform: translateX(-50%); box-shadow: 0 10px 10px -8px rgba(0,0,0,0.1); }
.quick_nav .go_nkis, .quick_nav .sns { display: none; }
.content { word-break: keep-all }
.content p { line-height: 1.8; word-break: keep-all }
/*.content iframe{border:0;width:802px;height:451px}*/
.dl { position: relative; padding-left: 9rem; line-height: 1.5 }
.dl~.dl { margin-top: 1.5rem }
.dl .dd { font-size: 1.7rem }
.dt_round { background-color: #75767a; border-radius: 1.5rem; color: #fff; font-size: 1.5rem; width: 7rem; padding:.2rem 0 .5rem;
text-align: center; position: absolute; top: 0; left: 0 }
.dl.wide { padding-left: 13rem }
.dl.wide .dt_round { width: 11rem }
.view .open_code { margin-bottom: 5rem }
.cover_img { border: 1px solid #e4e9ee }
.justify { -webkit-justify-content: center; justify-content: center }
.xi-new { color: #4a7cc2; margin-right:.5rem}
div.tstyle_list>div.dbody .xi-new { margin-left: 0 }
/*[class*=btn]{transition:all .25s}*/
.btn_wrap { margin-top: 5rem }
.btns { margin-top: 4rem; text-align: center }
.btn { display: inline-block; vertical-align: middle; padding: 1.4rem 4rem }
.btn~.btn { margin-left:.5rem
}
.btn.type1 { background-color: #3c4b77; color: #fff; font-weight: 700 }
.btn.type1:hover { background-color: #1f2740 }
.btn.type2 { background-color: #888895; color: #fff; font-weight: 700 }
.btn.type2:hover { background-color: #65656f }
.btn.type3 { background-color: #333; color: #fff; font-weight: 300 }
.btn.type3:hover { background-color: #55555b }
.btn.small {
padding:.5rem 1.5rem; font-size: 1.5rem; border-radius: 3px }
.btn.mid { height: 4rem; padding:.1rem 1.5rem;
font-size: 1.5rem }
.file_download { display: inline-block; background-color: #888895; color: #fff }
.file_download:hover { background-color: #515155 }
.btn_m { height: 5rem; border: 1px solid #35354a; line-height: 4.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.6rem; display: inline-block; min-width: 20rem; padding: 0 2rem; background-color: #35354a; color: #fff; text-align: center; vertical-align: middle; -webkit-transition: all .2s; transition: all .2s; font-weight: 600 }
.btn_m:focus, .btn_m:hover { background-color: transparent; color: #35354a }
.btn_s { height: 2.8rem; border: 1px solid #999; line-height: 2.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.4rem; display: inline-block; min-width: 8.5rem; padding: 0 1rem; background-color: #fff; color: #333; text-align: center; vertical-align: middle; -webkit-transition: all .2s; transition: all .2s; display: inline-block!important; font-weight: 300 }
.btn_s:focus, .btn_s:hover { background-color: #999; color: #fff }
.btn_s i { display: inline-table }
.btn_icon { height: 5rem; border: 1px solid #4c4c5b; line-height: 4.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.6rem; display: inline-block; min-width: 21rem; padding: 0 7rem 0 2rem; background-color: #4c4c5b; color: #fff; text-align: center; vertical-align: middle; -webkit-transition: all .2s; transition: all .2s; position: relative; font-weight: 600 }
.btn_icon:focus, .btn_icon:hover { background-color: transparent; color: #4c4c5b }
.btn_icon i { position: absolute; right: 0; top: 0; width: 5rem; background-color: #3d3d45; color: #fff!important; text-align: center; line-height: 5rem }
.btn_r { height: 5rem; border: 2px solid #3c4b77; line-height: 4.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.6rem; display: inline-block; min-width: 20rem; padding: 0 2rem; background-color: #3c4b77; color: #fff; text-align: center; vertical-align: middle; -webkit-transition: all .2s; transition: all .2s; border-radius: 5rem; font-weight: 600 }
.btn_r:focus, .btn_r:hover { background-color: transparent; color: #3c4b77 }
.category { color: #3e77c6 }
.content [class^=title_h] { position: relative }
.content [class^=title_h] small { font-size: 1.7rem; font-weight: 400; color: #777; margin-left: 2rem }
.content .title_h1 { font-size: 3.6rem; color: #222; margin: 0 0 4.6rem 0; padding-bottom: 2.5rem; border-bottom: 2px solid #242427 }
.content .title_h2 { font-size: 2.6rem; color: #242427; margin: 0 0 2.5rem 0 }
.content .title_h2~.title_h2 { margin-top: 4.6rem }
.content .title_h3 { font-size: 2.1rem; color: #222222; margin: 3rem 0 2rem; }
.content .title_h4 { font-size: 1.8rem; font-weight: 500; color: #222222; margin: 2rem 0 1.2rem; }
.content .title_blue { font-size: 2.4rem; font-weight: 700; color: #487fe3; margin: 2.5rem 0 1.4rem; }
.box { display: flex; border: 4px solid #e7e8ea; padding:4rem .9rem 3rem;
position: relative; text-align: center; height: 100%; align-items: center }
.box .round_title { display: inline-block; position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); background-color: #5467a0; color: #fff; padding: 1rem 3rem; border-radius: 2rem }
.box .cont { font-size: 1.7rem; line-height: 1.6; width: 100% }
.box_basic { margin: 2rem 0; background-color: #f9f9fb; border: 1px solid #d2d4da; padding: 2rem 3rem }
.box_basic .list_dot:only-of-type { margin-bottom: 0 }
.list_dot { margin-bottom: 4rem }
.list_dot>li { position: relative; padding-left: 1rem; line-height: 1.7; margin-top: 1.5rem }
.list_dot>li::before { content: ''; display: block; width: 4px; height: 4px; background-color: #666666; border-radius: 50%; position: absolute; left: 0; top: 1rem }
.list_icon>li { position: relative; padding: 1rem 0; display: flex; align-items: center }
.list_icon .icon { display: block }
.list_icon .icon i { display: block; width: 12rem; height: 12rem; background-color: #f5f3f5; border-radius: 50% }
.list_icon .cont { margin-left: 1.8rem }
.list_icon .title { font-size: 1.8rem; display: block; margin-bottom: 1rem }
.list_icon .list_dot { color: #727272 }
.table { margin: 2rem 0 }
.table table { text-align: center; table-layout: fixed; width: 100%; border-top: 2px solid #555 }
.table table.layout_auto { table-layout: auto }
.table table td, .table table th { background: #fff; border: 1px solid #dddddd; border-top: 0; padding: 1.5rem 1rem; word-break: break-word; word-wrap: break-word; }
.table table td.narrow, .table table th.narrow { padding-left:.2rem; padding-right:.2rem}
.table table thead th { background: #f9f9fb; color: #333; padding: 1.5rem 0; border: 1px solid #dddddd; border-bottom-color: #aaaaaa; border-top-color: #777; font-weight: 500; }
.table table td:first-child, .table table th:first-child { border-left: 0 }
.table table td:last-child, .table table th:last-child { border-right: 0 }
.table table tbody th, .table table tfoot th { background: #f9f9fb; padding-left:.5rem; padding-right:.5rem; font-weight: 500; }
.table table tbody.left td, .table table tbody.left th, .table table td.left, .table table th.left { text-align: left!important }
.table table td.right, .table table th.right { text-align: right!important }
.table table.boardList .subject a { display: inline-block; vertical-align: middle; max-width: 90%; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.table table.boardList .xi-new { color: #f63; display: inline-block; vertical-align: middle }
.table table tfoot td { background: #f9f9fb; color: #ED0917; font-weight: 500; }
.table table td.nation { background: #f9f9fb; font-weight: 500; }
.table table .list_dot { }
.table table .list_dot>li { position: relative; padding-left: 1.2rem; line-height: 1.4; margin-top: 0.3rem; }
.table table .list_dot>li::before { content: ''; display: block; width:.5rem; height:.5rem; background-color: #666666; border-radius: 50%; position: absolute; left: 0; top: 1rem }
.table table .list_dot strong { font-weight: 500 }
.table table strong { font-weight: 500;  vertical-align:baseline !important}
.table table span { vertical-align:baseline !important}
.table table a { color: #000; }
.table table a:hover { color: #4059ab; }
.table table ul { margin:.5rem 0}
.table table ul>li { line-height: 1.4; margin-top: 0.3rem; }
.table .unit { text-align: right; font-size: .933em; margin:0 0 .5rem}
.table .w_auto {width:50%;}
.table_type { margin: .5rem 0 }
.table_type .table_type1 { text-align: center; table-layout: auto !important; width: 100%; border-top: 2px solid #555 }
.table_type .table_type1.layout_auto { table-layout: auto }
.table_type .table_type1 td, .table_type .table_type1 th { background: #fff; border: 1px solid #dddddd; border-top: 0; padding: 1.5rem 1rem; word-break: break-word; word-wrap: break-word; white-space:nowrap}
.table_type .table_type1 thead th { background: #f9f9fb; color: #333; padding: 1.5rem 1rem; border: 1px solid #dddddd; border-bottom-color: #aaaaaa; border-top-color: #777; font-weight: 500; }
.table_type .table_type1 td:first-child, .table_type .table_type1 th:first-child { border-left: 0 }
.table_type .table_type1 td:last-child, .table_type .table_type1 th:last-child { border-right: 0 }
.table_type .table_type1 tbody th, .table_type .table_type1tfoot th { background: #f9f9fb; padding-left:.5rem; padding-right:.5rem; font-weight: 500; }


.executive_title { font-weight: 500; vertical-align: middle; padding-right: 1rem }
.history_wrap1, .history_wrap2 { display: none; }
.history_wrap1.active, .history_wrap2.active { display: block; }
.tab_history { width: 100%; margin: 0rem auto 1.5rem auto; text-align: center; margin-bottom: 3rem; }
.tab_history li { display: inline-block; text-align: center; margin:.5rem auto;}
.tab_history li a { text-align: center; display: block; padding: 1.2rem 3.8rem; background: #fff; border: 1px solid #e1e6eb; border-radius: 5rem; color: #333; font-size: 1.8rem; font-weight: 400; }
.tab_history li a:hover, .tab_history li a:focus { border: 1px solid #487fe3; color: #000; }
.tab_history li.active a { background: #487fe3; color: #fff; border: 1px solid #487fe3; font-weight: 500; }
.tab_history li + li { margin-left: 1rem; }
.history_group { position: relative; margin-top: 3rem }
.history_group .year { font-size: 4rem; color: #242427; position: absolute; left: 0; top: 1rem }
.history_group .year::after { content: ''; display: block; width: 1rem; height: 1rem; border-radius: 50%; background-color: #487fe3; position: absolute; right: -5rem; top: 2rem }
.history_group .list { padding-left: 20rem }
.history_group .list>li { padding: 2rem 0; border-bottom: 1px solid #e4e9ee }
.history_group .list .date { display: table-cell; font-size: 2rem; color: #242427; padding-right: 3rem; white-space: nowrap }
.history_group .list .cont { display: table-cell; font-size: 1.6rem; color: #46464a; vertical-align: middle }
.history_group .list .cont li { padding-bottom: 0.5rem; }
.article_wrap { margin: 3rem 0 2rem 0; word-break: keep-all; }
.article_wrap.top { margin-top: 0; }
.article_wrap > [class*="article_txt"] {margin-top:.5rem;}
.article_tit.dash + .article_txt.dot { margin-top:-.25rem;}
.article_wrap.type2 { border: 5px solid #e5e5e5; padding: 2rem; margin: 1.5rem 0; }
.article_wrap .article_txt.right { text-align: right; margin-bottom: 2rem; }
.article_wrap .article_txt.right span { display: block; font-size: 1.2rem; line-height: 20px; color: #555; font-family: "Noto Sans KR", sans-serif; }
.article_tit.dot1 { padding-left: 1rem; font-size: 1.4rem; font-weight: 700; position: relative; }
.article_tit.dot1::before { content: ''; display: block; width: .35rem; height:.5rem; position: absolute; left:.1rem; top: 1rem; background: #009b9d; -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); transform: skew(-30deg); }
.article_txt.dot2 { font-weight: 300; font-size:.8rem; }
.article_tit.dot2::before { font-size: 1.2rem; font-weight: 400; }
.article_tit.dash { font-size: 2.4rem; font-weight: 700; position: relative; word-break: keep-all }
.article_tit.circle { padding-left: 1.2rem; font-size: 1.4rem; font-weight: 700; position: relative; }
.article_tit.circle:before { content: ''; display: block; width: .5rem; height:.5rem; position: absolute; left:.1rem; top: 1rem; background: #009b9d; border-radius: 50%; }
.article_sub { font-size: 2.0rem; font-weight: 500; margin-top: 2.4rem; }
.article_txt { font-size: 1.6rem; }
.dot + .article_txt { margin-top:-.3rem;}
.bul > li { position: relative; font-size: 1.6rem; color: #333; line-height: 1.6; padding-left: 1.5rem; }
.bul > li:before { position: absolute; left: 0; content: '' }
.bul > li strong { display: block; font-weight: 600; color: #626262 }
.bul { margin-top: 5px }
/* 조직도  시작 */

.org-tree { text-align: center; position: relative; margin-bottom: 7rem; overflow: hidden; }
.org-tree a, .org-tree span { display: block; padding: 12px 0; letter-spacing: 0; }
.org-tree .board-director:before, .org-tree .head::before { content: ""; border-right: 1px dashed #e1e1e1; position: absolute; top: -30px; left: 50%; z-index: -1; }
.org-tree .board-director { display: block; width: 15rem; height: 15rem; line-height: 13rem; margin: 0 auto 34.5rem; color: #fff; background-color: #487fe3; border-radius: 50%; font-size: 0; text-align: center; position: relative; z-index: 1; }
.org-tree .board-director::before { width: 1px; height: 29.5rem; top: 100%; left: 50%; margin-left: -1px; }
.org-tree .board-director b { display: block; font-weight: 500; font-size: 2.1rem; }
.org-tree .audit, .org-tree .audit2, .org-tree .audit2_2, .org-tree .audit3, .org-tree .audit3_2 { position: absolute; top: 22rem; padding: 1.5rem; width: 22.4rem; background-color: #4a4e5e; color: #fff; text-align: center; font-weight: 500 }
.org-tree .audit { left: 50%; margin-left: -46.7rem; }
.org-tree .audit2 { right: 50%; margin-right: -47.8rem; }
.org-tree .audit2_2 { right: 50%; margin-right: -11rem; z-index: 1; }
.org-tree .audit3 { top: 8rem; right: 50%; margin-right: -47.8rem; background-color: #fff; color: #333; border: 1px solid #D6D6D6; font-weight: 400; }
.org-tree .audit3_21, .org-tree .audit3_22, .org-tree .audit3_23 { position: absolute; top: 36rem; padding: 1.5rem; width: 22.4rem; background-color: #4a4e5e; color: #fff; text-align: center; font-weight: 500 }
.org-tree .audit3_21 { left: 50%; margin-left: -46.7rem; background: #5467a0; color: #fff; }
.org-tree .audit3_21::after { content: ""; border-left: 1px dashed #e1e1e1; height: 4rem; width: 1px; position: absolute; top: -4.1rem; left: 50%; }
.org-tree .audit3_22 { right: 50%; margin-right: -11rem; z-index: 1; }
.org-tree .audit3_22::after { position: absolute; content: ""; display: inline-block; border-top: 1px dashed #e1e1e1; width: 71.7rem; height: 1px; top: -4.2rem; right: -25.5rem; }
.org-tree .audit3_23 { right: 50%; margin-right: -47.8rem; background: #5467a0; color: #fff; }
.org-tree .audit3_23::after { content: ""; border-left: 1px dashed #e1e1e1; height: 4rem; width: 1px; position: absolute; top: -4.1rem; left: 50%; }
.org-tree .audit2_2::after { position: absolute; content: ""; display: inline-block; border-top: 1px dashed #e1e1e1; width: 71.7rem; height: 1px; top: -4.2rem; right: -25.5rem; }
.org-tree .audit::after { content: ""; border-left: 1px dashed #e1e1e1; height: 4rem; width: 1px; position: absolute; top: -4.1rem; left: 50%; }
.org-tree .audit2::after { content: ""; border-left: 1px dashed #e1e1e1; height: 4rem; width: 1px; position: absolute; top: -4.1rem; left: 50%; }
.org-tree .audit3_2::after { content: ""; display: inline-block; width: 9rem; height: 1px; border-top: 1px dashed #e1e1e1; position: absolute; top: 50%; left: 0; margin-left: -9rem; }
.org-tree .audit3_2.a2::after { width: 15rem; margin-left: -15rem; }
.org-tree .director { -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #1b6cb8; margin-bottom: 2rem; }
.org-tree .sub-org { display: inline-block; width: 100%; position: relative; }
.org-tree .sub-org::before { position: absolute; content: ""; display: inline-block; border-top: 1px dashed #e1e1e1; width: 24.5%; height: 1px; top: -3rem; left: 50%; margin-left: -38%; }
.org-tree .sub-org::after { position: absolute; content: ""; display: inline-block; border-top: 1px dashed #e1e1e1; width: 24.5%; height: 1px; top: -5rem; right: 50%; margin-right: -11%; }
.org-tree .sub-org > li { float: left; width: calc( ( 100% - 60px ) /4 ); margin-left: 10px; position: relative; }
.org-tree .sub-org > li:first-child { margin-left: 0; }
.org-tree .sub-org > li .head { position: relative; border: 1px solid #BEBEBE; background-color: #EAEAEA; color: #030303; font-size: 1.6rem; font-weight: 400; display: block; width: 100%; margin-bottom: .9rem;}
.org-tree .sub-org > li:nth-child(n+6) { margin-top: -6.1rem; }
.org-tree .sub-org > li:nth-child(n+6) .head { background-color: #263C67; border-color: #263C67; color: #fff; }
.org-tree .sub-org > li .quarter { position: relative; height: 22.7rem; border: 1px solid #D6D6D6; padding: 1.8rem 1.2rem; }
.org-tree .sub-org > li:nth-child(n+6) .quarter { padding: 0; border: 0; }
.org-tree .sub-org > li .quarter > li { display: table; width: 100%; height: 5.5rem; overflow: hidden; margin-bottom: 1rem; }
.org-tree .sub-org > li .quarter > li > span { background-color: #F4F4F4; }
.org-tree .sub-org > li:nth-child(n+6) .quarter > li { border: 1px solid #263C67; height: 8.9rem; }
.org-tree .sub-org > li .head::before { width: 1px; height: 3rem; top: -3rem; }
.org-tree .sub-org > li:nth-child(2) .head::before { height: 5rem; top: -5rem; }
.org-tree .sub-org > li:nth-child(3) .head::before { height: 5rem; top: -5rem; }
.org-tree .sub-org > li:nth-child(6) .head::before { height: 3rem; top: -3rem; }
.org-tree .sub-org > li:nth-child(7) .head::before { height: 31.5rem; top: -31.5rem; }
.org-tree .sub-org > li:nth-child(7) .head::after { content: ""; display: inline-block; width: 49%; height: 2rem; background-color: #fff; position: absolute; top: -33rem; right: 0; }
.org-tree .sub-org > li .quarter a, .org-tree .sub-org > li .quarter span { display: table-cell; vertical-align: middle; color: #030303; font-size: 1.5rem; font-weight: 300; word-break: keep-all; line-height: 2rem; padding: 0; letter-spacing: -0.06rem; }
.org-tree .sub-org > li .quarter a { padding: 2.1rem 0.5rem; }
.org-tree .sub-org > li:nth-child(n+6) .quarter > li > a { padding: 0; }
.org-tree .sub-org > li .quarter ul a, .org-tree .sub-org > li .quarter ul span { background-color: #fff; border-top: 1px solid #94a5bf; color: #727272; }
.board_info fieldset span.form-select { background-color: #fff }
.btn_layeropen { font-size: 1.6rem; color: #3b3b3e; background-color: #fff; border: 1px solid #999; padding: 0.6rem 1.2rem; text-align: center; vertical-align: middle }
.btn_layeropen:hover { background-color: #3b3b3e; border-color: #3b3b3e; color: #fff; }
.schedule .program { position: relative }
.mw { position: absolute; top: 3rem; left: 50%; transform: translateX(-50%); width: 80%; z-index: 7 }
.mw .fg { background-color: #fff; border: 1px solid #999; border-radius: .5rem; box-shadow: 0 2rem 2rem rgba(0,0,0,.12); padding: 3.5rem 0; }
.mw .loding { display: block; text-align: center; }
.mw .loding strong { font-size: 2.4rem; color: #3b3b3e; display: block; margin-bottom: 1rem; }
.mw .loding small { font-size: 1.6rem; color: #727272; display: block; }
.view .box_media { background-color: #f5f3f5; text-align: center; padding: 4rem; margin: 2.5rem 0 4rem }
.view .media { position: relative; height: 0; padding-bottom: 56.25%; margin: 1rem 0 }
.view .media iframe { position: absolute; left: 0; width: 100%; height: 100% }
.icon_attach i, .list_board.add_down li .download i { display: inline-block; width: 2.8rem; height: 2.8rem; line-height: 2.8rem; background-color: #fff; color: #4c4c5b; text-align: center; margin:0 .5rem; border-radius: 50%; font-size: 1.7rem!important }
.icon_attach i { transform: rotate(45deg) }
.content .newsletter_list a::after { display: none }
.insight_section .txt_area::after, .media_section .txt_area p::after, .news_section1 .txt_area p::after, .news_section2 .date::after, .print_section .title::after { content: '\e980'; font-family: xeicon; margin-left:.3rem; display: inline-block; font-size: 1em; font-weight: 300 }
.media_section .txt_area p, .news_section1 .txt_area p, .print_section li .title { padding-right: 1rem; position: relative }
.media_section .txt_area p::after, .news_section1 .txt_area p::after, .print_section .title::after { position: absolute; right: 0; bottom: 0 }
.content .custom-input { position: relative; margin: 4rem 0 }
.content .custom-input input[type=checkbox], .content .custom-input input[type=radio] { position: absolute; left: 0; top: 0; opacity: 0 }
.content .custom-input input[type=checkbox]+label, .content .custom-input input[type=radio]+label { display: inline-block; position: relative; padding-left: 2.5rem; margin-right: 2rem }
.content .custom-input input[type=checkbox]:focus+label, .content .custom-input input[type=radio]:focus+label { outline: 1px dotted #000 }
.content .custom-input input[type=checkbox]+label::before, .content .custom-input input[type=radio]+label::before { content: ""; position: absolute; left: 0; top:.2rem;
width: 1.6rem; height: 1.6rem; border: 2px solid #d2d4da; background-color: #fff; border-radius: 3px; cursor: pointer }
.content .custom-input input[type=radio]+label::before { border-radius: 50% }
.content .custom-input input[type=radio]+label::after { content: ""; display: block; opacity: 0; width: 1rem; height: 1rem; background-color: #3e77c6; border-radius: 50%; position: absolute; left:.5rem; top:.7rem; z-index: 2 }
.content .custom-input input[type=checkbox]+label::after { content: "\e929"; width: 1.6rem; height: 1.6rem; text-align: center; background-color: #4689d4; border: 1px solid #4689d4; color: #fff; border-radius: 3px; font-size: 1.4rem; line-height: 1; font-family: xeicon; position: absolute; left: 0; top:.2rem; z-index: 2; cursor: pointer; opacity: 0 }
.content .custom-input input[type=checkbox]:focus+label::before, .content .custom-input input[type=radio]:focus+label::before { border: 3px solid #333; }
.content .custom-input input[type=checkbox]:checked+label::after, .content .custom-input input[type=radio]:checked+label::after { opacity: 1 }
.list_box>li { margin-top: 1rem; padding-left:.5rem; padding-right:.5rem; display: table }
.list_box .item { display: table-cell; vertical-align: middle; background-color: #f9f9fb; border: 1px solid #e4e9ee; height: 6rem; padding:.8rem; text-align: center }
.list_box .item:hover { background-color: #fff; border-color: #242427; transition: all .25s }
#title span { font-size: 1.6rem; display: inline-block; margin-left: 1rem; font-weight: 400; color: #777; vertical-align: middle }
.point1 { color: #ED1B28!important }
.point2 { color: #b1b3b7!important }
.txt1 { margin: 2rem 0 }
.table a[target="_blank"]::after { display: none }
.galleryList .list_dot { margin-bottom: 0; }
.galleryList>ul>li .thumb img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 100%; max-width: 100%; max-height: 100% }
.galleryList.thumbnail>ul>li .thumb img { position: static }
.galleryList.col4.card>ul>li .thumb { padding-bottom: 99.06% }
.galleryList.col4.card>ul>li .thumb img { left: 50%; right: inherit; top: 0; bottom: inherit; transform: translateX(-50%); width: auto; height: 100%; max-width: inherit; max-height: inherit; min-width: 100% }
.galleryList.col4.card>ul>li>a:hover .thumb img { transform: translateX(-50%) scale(1.1) }
.content .board_info { margin-bottom: .5rem }
.view .add_file_list { display: table; width: 100%; border-top: 1px solid #d3d8dd; border-bottom: 1px solid #d3d8dd; margin-bottom: 3rem }
.view .add_file_list .title { display: table-cell; width: 10%; color: #333; padding: 2rem }
.view .add_file_list .add_file { display: table-cell; padding: 2rem 0 }
.add_file_list .add_file img { width: 2.5rem }
.horizontal_scroll { display: none; }
/*로그인*/
.tstyle.complete.login .login_box > div { width: 800px; margin: auto; }
.tstyle.complete.login .login_box div:nth-of-type(2) { position: relative; padding: 0; }
.tstyle.complete.login .login_box > div:nth-of-type(2) { padding: 3rem; }
.tstyle.complete.login .login_box .login .id label, .tstyle.complete.login .login_box .login .password label { display: inline-block; width: 15rem; font-size: 1.6rem; font-weight: 500; text-align: left; }
.tstyle.complete.login .login_box .login .id input, .tstyle.complete.login .login_box .login .password input { display: inline-block; width: calc(100% - 20rem) !important; width: -webkit-calc(100% - 20rem) !important }
.tstyle.complete.login .login_box .login .id, .tstyle.complete.login .login_box .login .password { margin: 1rem auto; text-align: center; }
.tstyle.complete.login .login_box div:nth-of-type(2)::before { display: none; }
.tstyle.complete.login .login_box .form-control-ck { margin-left: 17.5rem; }
.login_box .step { text-align: center; margin-top: 7rem !important; margin-bottom: 3rem !important; overflow: hidden }
.login_box .step ol { width: 100%; margin: 0 auto; position: relative; }
.login_box .step ol:after { display: block; content: ''; clear: both; }
.login_box .step ol:before { content: ''; position: absolute; left: 50px; right: 50px; top: 17px; height: 3px; background: #eaeaea; }
.login_box .step ol li { float: left; text-align: center; margin-top: 0rem !important; }
.login_box .step ol li + li { margin-left: 150px; }
.login_box .step ol li div:before { content: ''; display: block; width: 38px; height: 38px; background: #eaeaea; margin: 0 auto 10px; border-radius: 100%; box-sizing: border-box; }
.login_box .step ol li div { color: #828282; position: relative; z-index: 2; }
.login_box .step ol li div strong { display: block; font-size: 18px; }
.login_box .step ol li.active div { color: #222; font-weight: 500; }
.login_box .step ol li.active div:before { border: 6px solid #4059ab; background: #fff; z-index: 10; }
h4.txt_title { display: block; font-size: 2.1rem; line-height: 3.1rem; color: #242424; letter-spacing: -0.1rem; margin-bottom: 1.6rem; }
.terms .textarea { max-height: 24rem; overflow: auto; border: 1px solid #ddd; text-align: left; padding: 3rem 3rem 3rem; }
.terms .textarea b { display: block; font-weight: 500; margin: 1rem 0 .25rem;}
.terms .textarea b:first-child { margin-top: 0; }
.terms .textarea .t1 { font-size: 2rem; font-weight: 500; color: #222; margin: 1.5rem 0 .25rem;}
.terms .textarea li { padding-left: 1.8rem; }
.terms_radio { margin-top: 10px; margin-bottom: 30px; text-align: right; }
.terms_radio label { display: inline-block; margin-right: 25px; }
.terms_radio .pi-form-label-box input { position: absolute; opacity: 0; width: 25px; height: 25px; z-index: 1; cursor: pointer; background: #000 }
.terms_radio .pi-form-label-box input ~ span:before { content: "\e92b"; font-family: 'xeicon'; display: inline-block; font-size: 2rem; color: #ddd; z-index: -1; vertical-align: middle; margin-right: 5px; }
.terms_radio .pi-form-label-box input:checked ~ span:before { color: #4059ab; }
.terms_radio .pi-form-label-box input:focus ~ span:before { outline: 1px dotted #000; }
.terms_radio .pi-form-label-box i { display: none; }
.terms .all_chk { text-align: right; margin-bottom: 50px; background-color: #f7f7f7; padding: 15px; }
.terms .all_chk label { font-size: .8rem; font-weight: 400; }
.terms .all_chk input { display: inline-block; margin-right: 5px; }
.terms-btn { text-align: center; margin-bottom: 50px; }
.terms-btn .pi-btn { display: inline-block; min-width: 108px; padding: 10px 20px; font-size: .8rem; background: #4059ab; color: #fff; border-color: #4059ab; border: none; margin-top: 15px; }
.terms-btn .pi-btn.cancel { background-color: #fff; color: #000; border: 1px solid #ddd; }
.terms-btn .pi-btn span { padding: 0; }
.terms-btn .pi-btn:hover { background: #4059ab; }
.step4 { padding-top: 4rem; text-align: center; }
.step4 p { margin-bottom: 10px; }
.step4 p:before { content: ''; display: block; width: 125px; height: 125px; background: url(../_Image/sub/icon_step4.png) no-repeat 0 0; margin: 0 auto 15px; }
.step4 p strong { font-size: 2.5rem; color: #000; }
.step4 span { display: block; font-size: 1.7rem; color: #666; line-height: 1.5; }
.intro { word-break: keep-all }
.intro p { font-size: 2.8rem; color: #222; letter-spacing: -.025em; line-height: 1.8; }
.intro strong { font-size: 2.8rem; ; font-weight: 700; }
.sign { width: 100%; padding: 5rem 0rem 1rem 0rem; }
.sign span { font-weight: 400; font-size: 1.8rem; color: #222; letter-spacing: -.025em; }
.sign span strong { font-weight: 700; }
.intro_wrap { overflow: hidden; background: #f7f8fa; }
.intro_wrap .left { float: left; width: calc(100% - 410px); width: -webkit-calc(100% - 410px); padding: 4rem; word-break: keep-all }
.intro_wrap .left li em.s-date { font-size: .8rem; display: inline-block; font-weight: 700; }
.intro_wrap .right { float: right; width: 410px; height: 265px; }
.intro_wrap .right .sign img { padding-left: 0; }
.intro_wrap .right .sign { position: relative; z-index: 1; }
.intro_wrap .right > img { position: relative; }
.intro_wrap .right .sign { background: transparent; }
.intro_wrap .right.type2 { position: relative; z-index: -1; }
.intro_wrap .right.type2::before { display: block; content: ''; position: absolute; left: -50%; top: 50%; width: 0px; height: 0px; border-bottom: 400px solid transparent; border-right: 400px solid #f5f7fa; z-index: -5 }
.word { margin-top: 4rem; }
.word p { font-size: 1.8rem; }
.word p + p { margin-top: 1.5rem; }
.google_map { border: 1px solid #dfdfdf; }
.map_view { width: 100%; padding: 2rem; margin-right: 30px; word-break: keep-all }
.map_view p { font-size: 1.6rem; font-weight: 400; color: #555 }
.map_view span { font-weight: 700; color: #333; }
.list_wrap { border-top: 1px solid #575757; }
.list_wrap .row_list { position: relative; min-height: 200px; padding: 4.3rem 0rem 4.3rem 19rem; border-bottom: 1px dashed #ccc; }
.list_wrap .row_list .icon { position: absolute; left: 30px; top: 33px; font-size: 18px; color: #09257b; text-align: center; }
.list_wrap .row_list .icon span { display: block; width: 125px; height: 125px; margin-bottom: 3px; background: url(../_Image/sub/icon_location.png)no-repeat }
.list_wrap .row_list .icon.icon01 span { background-position: 0px 0px; }
.list_wrap .row_list .icon.icon02 span { background-position: -125px 0px; }
.list_wrap .row_list .icon.icon03 span { background-position: -250px 0px; }
.list_wrap .row_list ul li { font-size: 1.6rem; }
.list_wrap .row_list strong { font-size: 2.4rem; color: #222; font-weight: 500; }
.list_wrap .row_list1 { position: relative; padding: 4rem 2rem 4rem 30rem; border: 1px solid #ddd; margin-bottom: 2rem; }
.list_wrap .row_list1 .icon { position: absolute; left: 10rem; top: 3rem; font-size: 18px; color: #09257b; text-align: center; }
.list_wrap .row_list1 .icon span { display: block; width: 125px; height: 125px; margin-bottom: 3px; background: url(../_Image/sub/icon_law.png)no-repeat }
.list_wrap .row_list1 .icon.icon01 span { background-position: 0px 0px; }
.list_wrap .row_list1 .icon.icon02 span { background-position: -125px 0px; }
.list_wrap .row_list1 .icon.icon03 span { background-position: -250px 0px; }
.list_wrap .row_list1 ul { margin-top: 1rem }
.list_wrap .row_list1 ul li { font-size: 1.7rem; padding-left: 1.4rem; }
.list_wrap .row_list1 ul { position: relative; display: inline-block; width: 100%; text-align: left; font-weight: 400; }
.list_wrap .row_list1 ul > li:before { position: absolute; top: 1.2rem; left: .4rem;
content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background-color: #666; color: #999; line-height: 1.2; }
.list_wrap .row_list1 ul li a:hover { color: 000; text-decoration: underline }
.list_wrap .row_list1 strong { font-size: 2.4rem; color: #222; font-weight: 500; }
.list-1st li { line-height: 1.6; position: relative; margin: 3px 0; }
.list-1st li b { color: #333; font-weight: 500; }
/* 아이콘 박스 */

/* 세로형 */
.icon_box { position: relative; overflow: hidden; margin-bottom: 3rem; }
.icon_box.type1 { text-align: center; }
.icon_box .col2 { }
.icon_box .col3 { }
.icon_box .col6 { }
.icon_box > ul > li { border: 1px solid #ddd; }
.icon_box .col2 > li { float: left; width: calc( 50% - 1rem ); margin-left: 2rem; margin-bottom: 2rem; padding: 6rem 4.25rem 6rem; }
.icon_box .col3 > li { position: relative; float: left; width: calc( 33.33% - 5.5rem ); margin-left: 8rem; margin-bottom: 2rem; padding: 4rem 2rem 2rem; }
.icon_box .col4 > li { float: left; width: calc( 25% - 1.5rem ); margin-left: 2rem; margin-bottom: 2rem; padding: 4rem 2rem 2rem; }
.icon_box .col4 > li:nth-child(5) { margin-left: 0rem; }

.icon_box .col6 > li { position: relative; float: left; width: calc( 31.63% - 5.5rem ); margin-left: 8rem; margin-bottom: 2rem; padding: 4rem 2rem 2rem; }

.icon_box.type1 .col3 > li, .icon_box.type1 .col4 > li, .icon_box.type1 .col6 > li { min-height: 28rem; }
.icon_box .col2 > li:first-child, .icon_box .col3 > li:first-child, .icon_box .col4 > li:first-child, .icon_box .col6 > li:first-child { margin-left: 0; }
.icon_box_tit { display: block; font-size: 2.2rem; font-weight: 600; line-height: 2.8rem; letter-spacing: -0.08rem; margin-bottom: .3rem; color: #DC0916; }
.icon_box_sub_tit { display: block; font-size: 2rem; line-height: 2.4rem; font-weight: 500; letter-spacing: -0.07rem; color: #222; }
.icon_box_sub_tit span { font-size: 1.6rem; line-height: 1.8rem; }
.icon_box_sub_tit .red { text-decoration: underline; }
.icon_box_txt { font-size: 1.7rem; color: #030303; font-weight: 300; line-height: 2.5rem; letter-spacing: -0.06rem; }
.icon_box .col3 .icon_box_sub_tit, .icon_box .col4 .icon_box_sub_tit, .icon_box .col6 .icon_box_sub_tit { font-size: 1.8rem; }
.icon_box_desc { }
.icon_box.type1 .icon_box_desc { margin-top: 3.35rem; border-top: 2px dotted #C6C6C6; padding: 2.45rem 1rem 0; text-align: center; }
.icon_box_desc > li { display: inline-block; font-size: 1.8rem; font-weight: 300; color: #030303; line-height: 2.8rem; letter-spacing: -0.07rem; vertical-align: middle; }
.icon_box_desc > li:nth-child(n+2) { margin-left: 5rem; }
.icon_box_desc > li > a { display: inline-block; vertical-align: middle; }
.icon_box_desc > li > i { vertical-align: middle; margin-right: .7rem; color: #5A5A5A; }
.icon_box .col6 > li:nth-child(3n+1) {margin-left: 0;}
.icon_box .col6 > li:last-child:before { display: none; }

.cir { position: relative; width: 12.6rem; height: 12.6rem; border-radius: 50%; background-color: #F6F6F6; margin: 0 auto 2rem; }
.cir > img, .cir > .img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.cir > .img img { display: block; margin: 0 auto; margin-bottom: 1rem; }
.horizontal_scroll{display: none;}
.icon_box ul li:before { content: "\e93e"; font-family: 'xeicon'; font-size: 2.4rem; display: block; position: absolute; top: 50%; right: -5.5rem; margin-top: -5.5px; }
/* 가로형 */
.icon_box.type2 > ul > li { position: relative; min-height: 16.5rem; padding: 3.8rem 3.8rem 3.8rem 15.6rem; }
.icon_box.type2 .icon_box_tit { margin-bottom: .9rem;}
.icon_wrap { position: absolute; top: 3.8rem; left: 5.5rem; display: inline-block; }
.icon_box.type2 .icon_box_desc > li { }
.icon_box.type2 .icon_box_desc > li:before { content: ""; display: inline-block; width: 3px; height: 3px; background-color: #555; border-radius: 50%; vertical-align: middle; margin-right: .5rem;}
.icon_box.type3 { }
.icon_box.type3 li { position: relative; padding: 0; }
.icon_box.type3 li a { display: block; padding: 2.3rem 6.2rem 2.3rem 3rem; }
.icon_box.type3 .icon_box_tit { display: inline-block; font-size: 1.9rem; font-weight: 600; color: #1F1F1F; line-height: 2.6rem; letter-spacing: -0.09rem; }
.icon_box.type3 .icon_box_txt { display: inline-block; border-left: 1px solid #ddd; padding-left: .8rem; margin-left: .8rem; line-height: 1; color: #555; }
.icon_box.type3 .icon_wrap { position: absolute; top: 2.3rem; left: auto; right: 3rem; background-color: #131C33; border-radius: 50%; color: #fff; display: block; width: 3.2rem; height: 3.2rem; line-height: 3rem; text-align: center; transition: all .2s; -webkit-transition: all .2s; }
.icon_box.type3 li a:hover .icon_wrap, .icon_box.type3 li a:focus .icon_wrap { background-color: #e20915; }
.list_box { margin-bottom: 6.2rem; }
.list_box > ul { }
/*.list_box > ul > li { position: relative; border-top: 1px dashed #ddd; padding: 3rem 12rem 3rem 20rem; }*/
.list_box > ul > li { position: relative; border-top: 1px dashed #ddd; padding: 3rem 3rem 3rem 3.8rem; }
.list_box > ul > li:first-child { border-top: 1px solid #575757; }
.list_box > ul > li:last-child { border-bottom: 1px solid #BABABA; }

/*.list_box > ul > li .num { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 6rem; display: inline-block; width: 5.3rem; height: 5.3rem; border-radius: 50%; font-size: 1.8rem; line-height: 5.3rem; color: #fff; font-weight: 500; background-color: #3c4163; border-radius: 50%; text-align: center; }*/
.list_box > ul > li .num { position: absolute; left: 0rem; display: inline-block; width: 2.8rem; height: 2.8rem; border-radius: 50%; font-size: 1.3rem; line-height: 2.8rem; color: #fff; font-weight: 500; background-color: #3c4163; border-radius: 50%; text-align: center; }
.list_box > ul > li .num em { display: block; margin-bottom: 1.8rem; font-size: 1.6rem; font-weight: 400; line-height: 3rem; letter-spacing: -0.09rem; border-top: 1px solid #E61B27; border-bottom: 1px solid #E61B27; }
/*.list_box > ul > li .list_title { display: block; font-size: 2rem; font-weight: 500; color: #222222; margin-bottom: .5rem;}*/
.list_box > ul > li .list_title { display: block; font-size: 1.8rem; font-weight: 500; color: #222222; margin-top: .3rem; margin-bottom: .5rem;}
.list_box > ul > li p { position: relative; font-size: 1.6rem; line-height: 2.6rem; color: #333333; word-break: keep-all; padding-left: 1.4rem; }
.list_box > ul > li p:before { position: absolute; top: 1.2rem; left: .4rem;
content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background-color: #666; color: #999; line-height: 1.2; }
.step_list_box { }
.step_list_box ul { overflow: hidden; width: 100%; }
.step_list_box ul li { position: relative; float: left; display: table; table-layout: fixed; width: calc(25% - 4.45rem); height: 11.7rem; margin-left: 4.6rem; text-align: center; border: 1px solid #d5d5d5; margin-bottom: 3.0rem; word-break: keep-all; font-size: 1.6rem; line-height: 2.2rem; letter-spacing: -0.06rem; }
.step_list_box ul li:nth-child(4n+1) { margin-left: 0; }
/* .step_list_box ul li:first-child{ border-color: #DC0916; color: #DC0916; font-weight: 500; } */
.step_list_box ul li:last-child { border-color: #003964; background-color: #003964; color: #fff; }
.step_list_box ul li:before { position: absolute; right: -3.5rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); content: ""; display: inline-block; font-family: 'xeicon'; font-size: 2.4rem; color: #9B9A9A; }
.step_list_box ul li:last-child:before { display: none; }
.step_list_box ul li span, .step_list_box ul li a { display: table-cell; width: 100%; vertical-align: middle; padding: 0 1.0rem; word-break: break-all; }

.box_st1 {position:relative; padding:3rem; border:1px solid #dcdcdc; background:#fff; text-align:center;}
.rsp_img {position:relative; width:auto; max-width:100%;}
.rsp_img img {max-width:100%;}
/* ui-list__bodo */
.ui-list__bodo.type1 {padding: 0 10rem; border:1px solid #dcdcdc; margin-bottom:5rem}
.ui-list__bodo.type1 .inner { position: relative; min-height:15rem; margin:0;padding: 6rem 3rem 2rem 15rem;border:none;border-bottom:1px dashed #dcdcdc;}
.ui-list__bodo.type1 .inner:last-child { border-bottom:none; }
.ui-list__bodo .inner .circle { position:absolute;top:2.5rem;left:1rem;width:9rem;height:9rem;text-align:center;line-height:9rem;background:#fff !important;font-size:1.6rem;color:#55689c;border:1px solid #55689c}
.ui-list__bodo .inner:nth-child(even){background:#fff}
.ui-list__bodo .inner .ui-bodo__summary strong {font-size: 1.8rem; font-weight:500;line-height: 1.6;}
.circle{display:block;overflow:hidden;position:relative;border-radius: 50%;}

.Mapimg {width: 100%; margin-bottom:3rem}
.Mapimg .MapBg{ position: relative; top:0; opacity: 1;  width:1400px; height: 580px; display: block; background-image: url(../_Image/sub/Bg_Map.png); background-repeat: no-repeat; background-position: center center; font-size:0; }
.Mapimg .MapBg .sPoint{height: 40px; display: inline-block; font-size: 1.7rem; padding-top:1rem; box-sizing: border-box; line-height: 1em; color:#333; position: absolute; background-repeat: no-repeat; background-position: left center; padding-left:2.5rem;}
.Mapimg .MapBg .sPoint.A1{background-image: url(../_Image/sub/icon_mapPointA1.png);}
.Mapimg .MapBg .sPoint.A2{background-image: url(../img/main/icon_mapPointA2.png);}
.Mapimg .MapBg .sPoint.A1.active{background-image: url(../_Image/sub/icon_mapPointA1.png);}
.Mapimg .MapBg .sPoint.A2.active{background-image: url(../img/main/icon_mapPointA2_.png);}


/* 소_팝업1 */
.popup_s { float:left; width:310px ; border: solid 1px #e5e5e5 }
.popup_s h1 {clear:both; height:38px ; background:url(../_Image/popup/top_bg02.gif) left 50% repeat-x ; color:#ffffff; font-family:dotum; font-size:14px; line-height:280%; font-weight:bold ; text-indent:30px}
.popup_s p {background:url(../_Image/popup/top_icon02.gif) 13px 48% no-repeat ;}
.popup_s .text { float:left ; padding:15px ; }
.popup_s .text .orange {color:#f27f22; font-family:dotum; font-size:11px;  }
.popup_s ul {clear:both; }
.popup_s li { float:left ; display:inline ; line-height:140%; padding-left:3px ; padding-bottom:15px;}
*:first-child+html .popup_s li { padding-bottom:0}
.popup_s li span{ color:#608cdb; font-family:dotum; font-size:12px; font-weight:bold}
.popup_s input { border:1px solid #d3d3d3 ; height:19px;line-height:150%;}
/* //소_팝업1 */


/* 소_팝업1 */
.popup_s1 { float:left; width:310px ; border: solid 1px #e5e5e5 }
.popup_s1 h1 {clear:both; height:38px ; background:url(../_Image/popup/top_bg01.gif) left 50% repeat-x ; color:#ffffff; font-family:dotum; font-size:14px; line-height:280%; font-weight:bold ; text-indent:30px}
.popup_s1 p {background:url(../_Image/popup/top_icon01.gif) 13px 48% no-repeat ;}
.popup_s1 .text { float:left ; padding:15px ; }
.popup_s1 .text .orange {color:#f27f22; font-family:dotum; font-size:11px;  }
.popup_s1 ul {clear:both; }
.popup_s1 li { float:left ; display:inline ; line-height:140%; padding-left:3px ; padding-bottom:15px;}
*:first-child+html .popup_s li { padding-bottom:0}
.popup_s1 li span{ color:#608cdb; font-family:dotum; font-size:12px; font-weight:bold}
.popup_s1 input { border:1px solid #d3d3d3 ; height:19px;line-height:150%;}
/* //소_팝업1 */

/* 소_팝업2 */
.popup_s2 { float:left; width:310px ; border: solid 1px #e5e5e5 }
.popup_s2 h1 {clear:both; height:38px ; background:url(../_Image/popup/top_bg02.gif) left 50% repeat-x ; color:#ffffff; font-family:dotum; font-size:14px; line-height:280%; font-weight:bold ; text-indent:30px}
.popup_s2 p {background:url(../_Image/popup/top_icon02.gif) 13px 48% no-repeat ;}
.popup_s2 .text { float:left ; padding:15px ; }
.popup_s2 .text .orange {color:#f27f22; font-family:dotum; font-size:11px;  }
.popup_s2 ul {clear:both; }
.popup_s2 li { float:left ; display:inline ; line-height:140%; padding-left:3px ; padding-bottom:15px;}
*:first-child+html .popup_s li { padding-bottom:0}
.popup_s2 li span{ color:#608cdb; font-family:dotum; font-size:12px; font-weight:bold}
.popup_s2 input { border:1px solid #d3d3d3 ; height:19px;line-height:150%;}
/* //소_팝업2 */

/* 소_팝업3 */
.popup_s3 { float:left; width:310px ; border: solid 1px #e5e5e5 }
.popup_s3 h1 {clear:both; height:38px ; background:url(../_Image/popup/top_bg03.gif) left 50% repeat-x ; color:#ffffff; font-family:dotum; font-size:14px; line-height:280%; font-weight:bold ; text-indent:30px}
.popup_s3 p {background:url(../_Image/popup/top_icon03.gif) 13px 48% no-repeat ;}
.popup_s3 .text { float:left ; padding:15px ; }
.popup_s3 .text .orange {color:#f27f22; font-family:dotum; font-size:11px;  }
.popup_s3 ul {clear:both; }
.popup_s3 li { float:left ; display:inline ; line-height:140%; padding-left:3px ; padding-bottom:15px;}
*:first-child+html .popup_s li { padding-bottom:0}
.popup_s3 li span{ color:#608cdb; font-family:dotum; font-size:12px; font-weight:bold}
.popup_s3 input { border:1px solid #d3d3d3 ; height:19px;line-height:150%;}
/* //소_팝업3 */

/* The Modal (background) */
.Map { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ }
/* Modal Content */
.Map-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; width: 80%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s }

/* Add Animation */
@-webkit-keyframes animatetop {  from {
top:-300px;
opacity:0
}
to { top: 0; opacity: 1 }
}
 @keyframes animatetop {  from {
top:-300px;
opacity:0
}
to { top: 0; opacity: 1 }
}
/* The Close Button */
.close { color: white; float: right; font-size: 28px; font-weight: bold; }
.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
.Map-header { padding: 2px 16px; background-color: #5cb85c; color: white; }
.Map-body { padding: 2px 16px; }



 @media (max-width:1279.98px) {
.intro p { line-height: 1.4; }
.sign { width: 100%; padding: 2rem 0rem 1rem 0rem; }
.icon_box .col3 .icon_box_sub_tit, .icon_box .col4 .icon_box_sub_tit { font-size: 1.6rem; }
.ui-list__bodo.type1 {padding: 0 5rem;}
}
@media (max-width:991.98px) {
.org-tree { max-width: 30rem; margin: 0 auto 5rem; text-align: left; }
.org-tree .board-director { margin-bottom: 0; width: 13rem; height: 5.6rem; line-height: 3.5; padding: 0; margin-left: 0; border-radius: 0rem; }
.org-tree .board-director b { font-size: 1.5rem; line-height: 5.6rem }
.org-tree .board-director:before, .org-tree .sub-org::before, .org-tree .head::before, .org-tree .quarter::before, .org-tree .quarter2::before { display: none; }
.org-tree .audit { width: 100%; position: static; -webkit-transform: translate(0, 0); transform: translate(0, 0); margin-top: 20px; margin-bottom: 0; margin-left: 0; }
.org-tree .sub-org::after,  .org-tree .audit::after,  .org-tree .audit2::before,  .org-tree .audit2::after,  .org-tree .audit2_2::after,  .org-tree .audit3::after,  .org-tree .audit3_2::after,  .org-tree .sub-org > li:nth-child(7) .head::after { display: none; }
.org-tree .audit2,  .org-tree .audit2_2,  .org-tree .audit3,  .org-tree .audit3_2 { width: 100%; position: static; -webkit-transform: translate(0, 0); transform: translate(0, 0); margin-top: 20px; margin-bottom: 0px; margin-right: 0; }
.org-tree .audit3,  .org-tree .audit3_2 { margin-top: 1rem; padding: 1.5rem; }
.org-tree .sub-org::before { display: none; }
.org-tree .sub-org > li { width: 100%; padding: 0; margin: 0; margin-top: 20px; }
.org-tree .sub-org > li .head { border-width: 1px; }
.org-tree .sub-org > li .quarter a { line-height: 2.4rem; padding: 0; text-align: left; }
.org-tree .sub-org > li .quarter a:before { content: ""; display: inline-block; width: .5rem; height: .5rem; border-radius: 50%; background-color: #7DA0E3; vertical-align: middle; margin-right: .5rem;}
.org-tree .sub-org > li:nth-child(3) .quarter > li,  .org-tree .sub-org > li:nth-child(4) .quarter > li { height: auto; }
/*.org-tree > li:nth-child(3){ position: absolute; top: 0; }*/

.org-tree > li:nth-child(3) > ul { display: inline-block; margin-left: .5rem;}
.org-tree .audit { position: relative; top: auto; left: auto; margin-top: 3rem; width: 19rem; margin-left: 4.3rem; font-size: 1.6rem; }
.org-tree .audit2 { position: relative; top: auto; right: auto; margin-top: .5rem; width: 19rem; margin-left: 4.3rem; font-size: 1.6rem; }
.org-tree .audit2_2 { position: relative; top: auto; right: auto; margin-top: .5rem; width: 19rem; margin-left: 4.3rem; font-size: 1.6rem; }
.org-tree .audit3_2 { position: relative; top: auto; right: auto; margin-top: .5rem; margin-left: 7.5rem; width: 19rem; font-size: 1.6rem; }
.org-tree .audit3_21, .org-tree .audit3_22, .org-tree .audit3_23 { position: relative; top: auto; right: auto; left: auto; margin-top: .5rem; width: 19rem; margin-left: 4.3rem; font-size: 1.6rem; }
.org-tree .audit3_21::after { border-left: 1px dashed #A8A8A8; height: 4.1rem; }
.org-tree .audit3_22::after { border-top: 0px; border-left: 1px dashed #A8A8A8; }
.org-tree .audit3_23::after { border-left: 1px dashed #A8A8A8; top: -6.0rem; height: 6.1rem; }
.org-tree .audit3_2.a2,  .org-tree .audit3_2.a3 { top: auto; }
.org-tree > li:nth-child(4) > ul { margin-top: 3.5rem; }
.org-tree .sub-org { width: 19rem; margin-top: 2rem; margin-left: 7.5rem; }
.org-tree .sub-org > li { margin-top: 0; }
.org-tree .sub-org > li .quarter { height: auto; }
.org-tree .sub-org > li:nth-child(n+6) { margin-top: 0; }
.org-tree .sub-org > li:nth-child(n+6) .quarter { border: 1px solid #D6D6D6; padding: 1.8rem 1.2rem; }
.org-tree .sub-org > li:nth-child(n+6) .quarter > li { height: auto; border: none; }
.org-tree .sub-org > li .quarter > li { border: 0; height: auto; margin-bottom: 0; }
.org-tree .sub-org a { text-align: center; }
.org-tree .sub-org > li .quarter > li > span { padding: 0; letter-spacing: -0.06rem; background-color: transparent; margin-bottom: 1rem; }
.org-tree .sub-org > li .quarter span:before { content: ""; display: inline-block; width: .5rem; height: .5rem; border-radius: 50%; background-color: #BABABA; vertical-align: middle; margin-right: .5rem;}
.org-tree::before { position: absolute; top: 0; left: 1.5rem; content: ""; display: inline-block; width: 1px; height: 34%; background-color: #A8A8A8; }
.org-tree::after { position: absolute; z-index: -1; left: 5.5rem; top: 40.5rem; content: ""; display: inline-block; width: 1px; height: 32%; border-right: 1px dashed #A8A8A8; }
.org-tree .audit::before,  .org-tree .audit2::before,  .org-tree .audit2_2::before,  .org-tree .audit3_2::before { position: absolute; top: 50%; left: -2.8rem; z-index: -1; content: ""; display: inline-block; width: 2.8rem; border-bottom: 1px dashed #A8A8A8; }
.org-tree .sub-org > li .head:before { position: absolute; top: 50%; left: -1.8rem; z-index: -1; content: ""; display: inline-block; width: 2.8rem; height: 1px; border-bottom: 1px dashed #A8A8A8; border-right: 0; }
.org-tree .sub-org > li:nth-child(3) .head::before, .org-tree .sub-org > li:nth-child(6) .head::before { top: auto; height: 1px; }
.org-tree .sub-org > li:nth-child(7) .head::before { top: 50%; height: auto; border-bottom: 1px solid #6C6C6C; width: 6rem; left: -6rem; }
.org-tree .sub-org > li:nth-child(2) .head::before { height: 0rem; top: 50%; }
.org-tree .sub-org > li:nth-child(3) .head::before { height: 0rem; top: 50%; }
.tstyle.complete.login .login_box > div { width: 100%; }
.tstyle.complete.login .login_box > div:nth-of-type(2) { padding: 3rem 0rem; }
.tstyle.complete.login .login_box .login .id label, .tstyle.complete.login .login_box .login .password label { width: 12rem; font-size: 1.8rem; }
.tstyle.complete.login .login_box .login .id input, .tstyle.complete.login .login_box .login .password input { min-height: 5rem; font-size: 1.8rem; width: calc(100% - 14rem) !important; width: -webkit-calc(100% - 14rem) !important; }
.tstyle.complete.login .login_box .form-control-ck { margin-left: 13rem; }
.terms_radio label { display: inline-block; margin-right: 25px; font-size: 1.8rem; }
.terms_radio .pi-form-label-box input ~ span:before { font-size: 3rem; }
.login_box .step { display: none }
.header { transition: all .2s }
.fixed.header { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 8rem; background-color: #fff; box-shadow: 0 1rem 1rem rgba(0,0,0,.06) }
.fixed#wrap { padding-top: 7rem }
.intro p { line-height: 1.6; }
.intro_wrap .left { float: none; width: 100%; text-align: center; margin-top: 1rem !important; padding: 2rem; }
.intro_wrap .left.type2 { float: none; text-align: left; margin-top: 2rem !important; }
.intro_wrap .right { float: none; width: 100%; height: inherit; text-align: center; margin-top: .5rem;
}
.history_wrap1 video { width: 100% }
.step_list_box { }
.step_list_box ul { overflow: hidden; width: 100%; }
.step_list_box ul li { position: relative; float: left; display: table; table-layout: fixed; width: calc(25% - 4.45rem); height: 11.7rem; margin-left: 4.6rem; text-align: center; border: 1px solid #d5d5d5; margin-bottom: 3.4rem; word-break: keep-all; font-size: 1.6rem; line-height: 2.2rem; letter-spacing: -0.06rem; }
.step_list_box ul li:nth-child(4n+1) { margin-left: 0; }
/* .step_list_box ul li:first-child{ border-color: #DC0916; color: #DC0916; font-weight: 500; } */
.step_list_box ul li:last-child { border-color: #1C3255; background-color: #1C3255; color: #fff; }
.step_list_box ul li:before { position: absolute; right: -3.5rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); content: ""; display: inline-block; font-family: 'xeicon'; font-size: 2.4rem; color: #9B9A9A; }
.step_list_box ul li:last-child:before { display: none; }
.step_list_box ul li span, .step_list_box ul li a { display: table-cell; width: 100%; vertical-align: middle; padding: 0 2.1rem; }
.icon_box .col3 .icon_box_sub_tit, .icon_box .col4 .icon_box_sub_tit, .icon_box .col6 .icon_box_sub_tit { font-size: 1.6rem; }
.icon_box .col4 > li { padding: 4rem 2rem 2rem; }
.icon_box.type1 .col4 > li { min-height: 31rem; }

}
@media (max-width:767.98px) {
#snb nav .submenu { display: none; }
#snb nav .submenu.on { display: block !important; width: calc(100% - 11.5rem); width: -webkit-calc(100% - 11.5rem); border-right: 0; }
#snb nav .submenu.on > button { border-right: 0; font-size: 1.8rem; }
#snb nav .submenu > ul > li > a { font-size: 1.8rem; }
h4.txt_title { margin-bottom: 1.2rem; }
.terms .textarea { max-height: 24rem; overflow: auto; border: 1px solid #ddd; text-align: left; padding: 1.5rem 1.5rem 1.5rem; }
.content [class^=title_h] small { display: block; margin-left: 0 }
.content .title_h1 { font-size: 2.8rem; }
.table table td, .table table th { padding-left:.5rem; padding-right:.5rem}
.content .list1 .label .btn_s, .list2 .label .btn_s { margin-left: 0 }
.dl { padding-left: 8rem }
.history_group .year { position: static; font-size: 3.4rem; }
.history_group .year::after { right: auto; left: 13rem }
.history_group .list { padding-left: 0 }
.history_group .list .date { display: table-cell; font-size: 2rem; color: #242427; padding-right: 3rem; white-space: nowrap; }
.content .custom-input input[type=checkbox]+label, .content .custom-input input[type=radio]+label { padding-left: 2rem; margin-right: 1rem }
.legend { display: table; width: 100%; text-align: left; }
.legend span { display: table-cell; }
.view .add_file_list .title { display: block; width: auto; padding: 1rem 0 }
.view .add_file_list .add_file { display: block; padding: 0 0 1rem 0 }
ul.add_file li .link .btn-line i { margin-left: 0 }
.tstyle_view .tb_contents img { height: auto!important }
div.tstyle_list.data_table>div.dbody>ul>li { position: relative; padding-left: 9rem }
div.tstyle_list.data_table>div.dbody>ul>li:before { top: 0 }
.board_info fieldset span.form-btn { margin-left: -6rem }
.content .add_file_list { width: 100% }
.icon_box .col2 > li, .icon_box .col3 > li, .icon_box .col4 > li, .icon_box .col6 > li { float: none; width: 100%; min-height: auto; margin-left: 0; }


.list_box > ul > li p { font-size: 1.8rem; }
.step_list_box ul li { width: calc(50% - 1.5rem); margin-left: 3rem; margin-bottom: 2rem; }
.step_list_box ul li:before { right: -3rem; }
.step_list_box ul li:nth-child(4n+1) { margin-left: 4.6rem; }
.step_list_box ul li:nth-child(2n+1) { margin-left: 0; }
.icon_box .col3 .icon_box_sub_tit, .icon_box .col4 .icon_box_sub_tit, .icon_box .col6 .icon_box_sub_tit { font-size: 1.8rem; }
.icon_box .col4 > li { padding: 2rem 2rem 2rem; }
.icon_box.type1 .col3 > li, .icon_box.type1 .col4 > li, .icon_box.type1 .col6 > li { min-height: 18rem; }

	.horizontal_scroll{display: block;text-align: center;color: #888;font-size: 2rem}
	.horizontal_scroll .xi-touch{font-size: 3rem}
	.horizontal_scroll .txt{margin-left: 1rem}
	
.ui-list__bodo.type1 {padding: 0 2rem;}
.ui-list__bodo.type1 .inner { position: relative; min-height:15rem; margin:0;padding: 6rem 3rem 2rem 12rem;}
}
@media (max-width:640px) {
.list_wrap .row_list { min-height: auto; padding: 25px 0; }
.list_wrap .row_list .icon { position: static; margin: 0 auto 20px; }
.list_wrap .row_list .icon span { margin: 0 auto 5px; }
.list_wrap .row_list1 { min-height: auto; padding: 40px 0; }
.list_wrap .row_list1 .icon { position: static; margin: 0 auto 20px; }
.list_wrap .row_list1 .icon span { margin: 0 auto 5px; }
.list_wrap .row_list1 strong { display: block; text-align: center; }
.list_wrap .row_list1 ul li { font-size: 1.8rem }
.list_wrap .row_list1 .txt { padding: 0px 2rem }
.table .w_auto {width:100%;}
}
@media (max-width: 500px) {
}
@media (max-width:400px) {
}
@media print {
#footer, #header, #side, #spot, .cont-bot, .depth4, .slave_tab, .snb, .test_wrap, aside { display: none!important }
.container, .contents { width: 100%!important; zoom: .6 }
}
 @media (max-width:1024px) {
}
#tab_moType1.mobile { }
#tab_moType1.mobile ul { width: 100%; margin: 0; padding: 1px 0; }
#tab_moType1.mobile ul li { display: none; float: none; width: 100%; }
#tab_moType1.mobile ul li a { display: block; height: auto; margin: 0; font-size: 1.6rem; }
#tab_moType1.mobile .title { display: block; border-top: 1px solid #e1e6eb; border-bottom: 1px solid #e1e6eb }
#tab_moType1.mobile .title a { display: block; position: relative; padding: 1.5rem 5rem 1.5rem 2.2rem; font-size: 1.8rem; font-weight: 500; color: #323330 }
#tab_moType1.mobile .title a:before { display: block; position: absolute; top: 50%; right: 1.5rem; width: 14px; height: 9px; margin-top: -10px; font-family: "xeicon"; content: '\e942'; font-size: 2.4rem }
#tab_moType1.mobile .title a.on:before { font-family: "xeicon"; content: '\e945'; font-size: 2.4rem }
#tab_moType1.mobile .tab-ul li a span { padding: 1.5rem 5rem 1.5rem 2.2rem; font-size: 1.8rem; }
#tab_moType1.mobile { margin: 0 0 20px; }
#tab_moType1.mobile ul li a { min-height: auto; }
#tab_moType1.mobile li a:active:after, #tab_moType1.mobile li a:focus:after, #tab_moType1.mobile li a:hover:after, #tab_moType1.mobile li.on a:after, #tab_moType1.mobile li.on a:active:after, #tab_moType1.mobile li.on a:focus:after, #tab_moType1.mobile li.on a:hover:after { min-height: auto; }
#tab_moType1.mobile li a:before { top: 50%; margin-top: -9.5px; }
#tab_moType1.mobile li.on a { border: 1px solid #4059ab; border-bottom: 2px solid #4059ab; }
 @media (min-width:768px) {
#tab_moType1 .title { display: none }
#tab_moType2 .title { display: none }
}
.tab-ul li, .tab-ul li a, .table td, .table td *, .table td img, .table th, .table th *, .table-default td img { vertical-align: middle }
.tab-ul.type2 li a span:before, .tab-ul:after, .ui-process.type1:before, .ui:after { content: "" }
.tab-ul { margin-bottom: 2rem }
.tab-ul:after { display: block }
.tab-ul li { display: table; float: left; height: 100%; margin-top: -1px; margin-left: -1px }
.tab-ul li * { margin: 0; padding: 0; line-height: 0 }
.tab-ul li a { display: table-cell; border: 1px solid transparent; background-image: none; color: inherit; text-align: left; cursor: pointer; transition: background-color 50ms ease-in-out; -webkit-transition: background-color 50ms ease-in-out }
.tab-ul li a span { display: block; position: relative; line-height: 120% }
.tab-ul.type1 li { position: relative; }
.tab-ul.type1 li a { position: relative; height: 50px; border-color: #e1e6eb; font-size: 1.7rem; text-align: center; line-height: 1; transition: all .3s; -webkit-transition: all .3s }
.tab-ul.type1 li a:active, .tab-ul.type1 li a:hover { color: #000; background: #edeef5 }
.tab-ul.type1 li a span { padding:.4rem;}
.tab-ul.type1 li a span:before { display: block; position: absolute; top: 50%; right: 20px; width: 5px; height: 9px; margin-top: -5px }
.tab-ul.type1 li.on { position: relative; }
.tab-ul.type1 li.on a, .tab-ul.type1 li.on a:active, .tab-ul.type1 li.on a:focus, .tab-ul.type1 li.on a:hover { border: 2px solid #4059ab; border-left: 1px solid #4059ab; color: #4059ab; font-weight: 500; background: #fff }
.tab-ul.type1 li a:active span:before, .tab-ul.type1 li a:focus span:before, .tab-ul.type1 li a:hover span:before, .tab-ul.type1 li.on a span:before { }
.tab-ul.type2 li a { height: 52px; border-color: #e1e6eb; color: #333; font-size: 1.7rem; line-height: 1 }
.tab-ul.type2 li a span {padding:.6rem .4rem; text-align: center; }
.tab-ul.type2 li a:active, .tab-ul.type2 li a:focus, .tab-ul.type2 li a:hover, .tab-ul.type2 li.on a, .tab-ul.type2 li.on a:active, .tab-ul.type2 li.on a:focus, .tab-ul.type2 li.on a:hover { border-color: #de1008; background-color: #ee402e; color: #fff }
.tab-ul.type2 li.on a, .tab-ul.type2 li.on a:active, .tab-ul.type2 li.on a:focus, .tab-ul.type2 li.on a:hover { background-color: #de1008; color: #fff; font-weight: 500 }
.tab-ul.type3 { border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2 }
.tab-ul.type3 li { display: inline-block; position: relative; z-index: 0; float: left; height: 63px; margin: 0; padding: 0; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; background-color: #f5f6f8; box-sizing: border-box }
.tab-ul.type3 li a { display: table; position: relative; width: 100%; height: 100%; text-align: center }
.tab-ul.type3 li a span { display: table-cell; position: relative; z-index: 1; margin: 0; padding: 5px 43px 5px 15px; color: #666; font-size: 16px; text-align: left; line-height: 1.4; vertical-align: middle }
.tab-ul.type3 li a:hover:after, .tab-ul.type3 li.on a:after { background-position: -45px -1px }
.tab-ul.type3 li a:hover:before, .tab-ul.type3 li.on a:before { position: absolute; z-index: 1; top: -1px; left: -1px; right: -1px; bottom: -1px; border: 1px solid #3f61b2; content: "" }
.tab-ul.type3 li a:hover span, .tab-ul.type3 li.on a span { color: #00418e }
.tab-ul.col2 li { width: 50% }
.tab-ul.col3 li { width: 33.33% }
.tab-ul.col4 li { width: 25% }
.tab-ul.col5 li { width: 20% }
.tab-ul.col6 li { width: 16.66% }
.tab-ul.col7 li { width: 14.2857% }
.tab-ul.col8 li { width: 12.5% }
.tab-ul.col9 li { width: 11.11% }
.tab-ul:after, .ui:after { clear: both; visibility: hidden }