@charset "UTF-8";
/*-------------------------------------------------
Version : 1.0
Author : CHO SUN YOUNG
Create date : 2017. 06. 21.
Last update : 2017. 06. 21.

Version : 2.0
Author : CHO JEONG YEON
Create date : 2022. 04. 29.
-------------------------------------------------*/
.viewing_country { display: none; position: absolute; }

.logo .menu > .floatR h2 { position: absolute; top: auto; left: -10000px; height: 1px; overflow: hidden; }

.navigation .inner { position: absolute; top: 100px; left: 0; width: 100%; height: 56px; background-color: #616a7b; }

.navigation .home { float: left; }

.navigation .home a { color: #fff; }

.navigation .home a:before { content: "\e902"; }

.navigation .btn-close { display: none; }

.keyword-ranking { display: none; }

#header.search-full .logo { height: 85px; }

#header.search-full .logo span, #header.search-full .logo .menu > .floatR { display: none; }

/* .tabmenu { display: table; width: 100%; margin-bottom:39px;}
.tabmenu li { display: table-cell; width: 1%; text-align: center;position:relative; }
.tabmenu li a{display:block;padding:18px 0;text-decoration:none;background-color:#fff;border:1px solid #d9dfe6;margin-left:-1px; font-size: 19px;color:#0a1834;transition:all 0.3s ease;}
.tabmenu li:first-child a{ border-left: 1px solid #d9dfd6; }
.tabmenu li a:hover,
.tabmenu li.active a{background-color:#0e3563;border-color:#0e3563; color:#fff;font-weight:600;}
.tabmenu li.active:after{content:"";display:inline-block;border:8px solid transparent; border-top:10px solid #0e3563; margin-top:-1px;} */
.tabmenu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #E4EAF3; margin-bottom: 4rem; }

.tabmenu li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; }

.tabmenu li a { display: block; background-color: transparent; border: 0; color: #545454; padding: 1.7rem 0; font-size: 1.7rem; -webkit-transition: .25s; transition: .25s; }

.tabmenu li a:hover, .tabmenu li a:focus { background: #afc1db; color: #fff; }

.tabmenu li.active a { font-weight: 500; border: 0; background: -webkit-gradient(linear, left top, right top, from(#422DA0), to(#2D48A0)); background: linear-gradient(to right, #422DA0, #2D48A0); color: #fff; -webkit-box-shadow: 0 0.6rem 1.1rem rgba(0, 0, 0, 0.16); box-shadow: 0 0.6rem 1.1rem rgba(0, 0, 0, 0.16); border-radius: 1.5rem; position: relative; }

.tabmenu li.active a::after { content: ''; display: block; border: .8rem solid transparent; border-top-color: #364270; position: absolute; left: 50%; top: 100%; -webkit-transform: translate(-50%, -15%); transform: translate(-50%, -15%); }

.tabmenu .areaMoveBtn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-weight: 500; background-color: transparent; border: 0; color: #545454; height: 50px; font-size: 1.7rem; cursor: pointer; padding: 0 2rem; width: auto; }

.tabmenu .areaMoveBtn1 { font-weight: 500; border: 0; background: -webkit-gradient(linear, left top, right top, from(#422DA0), to(#2D48A0)); background: linear-gradient(to right, #422DA0, #2D48A0); color: #fff; height: 50px; cursor: pointer; -webkit-box-shadow: 0 0.6rem 1.1rem rgba(0, 0, 0, 0.16); box-shadow: 0 0.6rem 1.1rem rgba(0, 0, 0, 0.16); border-radius: 1.5rem; position: relative; }

.tabmenu .areaMoveBtn1::after { content: ''; display: block; border: .8rem solid transparent; border-top-color: #364270; position: absolute; left: 50%; top: 100%; -webkit-transform: translate(-50%, -15%); transform: translate(-50%, -15%); }

.tabmenu #content_detail .areaMoveBtn#areaMove1 { margin-left: 0; }

@media screen and (max-width: 768px) { .tab_nav .areaMoveBtn { font-size: 13px; } }

.content_body { max-width: 1280px; margin: 0 auto; padding: 5rem 0; font-size: 1.6rem; line-height: 1.2; }

.title-layout { margin-bottom: 30px; /*  padding-top: 20px; height: 60px; */display: flex;align-items: center;justify-content: space-between; overflow: visible;}

.title-layout h2 { font-size: 35px; color: #222; }

.title-layout .location { display: inline-block; font-size: 15px; color: #bdbdbd; overflow: hidden; }

.title-layout .location span { position: relative; display: inline-block; padding-left: 20px; height: 20px; line-height: 20px; vertical-align: middle; }

.title-layout .location span:before { position: absolute; top: 0; left: 0; width: 100%; font-family: xeicon; color: #bdbdbd; content: "\e940"; }

.title-layout .location .home { padding-left: 0; width: 20px; }

.title-layout .location .home:before { content: "\e902"; font-size: 2rem; }

.title-layout .location .now { font-weight: 700; color: #0a1834; }

.dotline { position: relative; padding-left: 15px; }

.dotline:before { position: absolute; top: 7px; left: 0; width: 4px; height: 4px; background-color: #cfcfcf; content: ''; }

.point-color01 { color: #f14124; }

.point-color02 { color: #4e67c8; }

.tab-style01 { position: relative; width: 100%; }

.tab-style01 > li { float: left; width: 135px; }

.tab-style01 > li > a { display: inline-block; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 15px; color: #9ea3ab; background-color: #f1f3f6; border-bottom: 1px solid #e5e6e7; border-left: 1px solid #e5e6e7; }

.tab-style01 > li:first-child > a { border-left: none; }

.tab-style01 > li.active > a { position: relative; color: #fff; background-color: #616a7b; }

.tab-style01 > li.active > a:before { position: absolute; top: 43px; left: 50%; margin-left: -7px; display: inline-block; width: 12px; height: 12px; background-color: #616a7b; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

/* .tab-style01 .tab-inner {position: absolute; top: 70px; left: 0; padding: 0 25px; width: 100%; height: 370px; overflow: hidden; visibility: hidden; opacity: 0; -webkit-transform: all 0.3s ease; transition: all 0.3s ease; } .tab-style01 > li.active .tab-inner { visibility: visible; opacity: 1; } .tab-inner .list li > a {display: inline-block; padding: 0 20px; width: 100%; height: 40px; line-height: 40px; color: #888; border-bottom: 1px solid #e5e6e7;} .tab-inner .list li > a:hover {position: relative; color: #0a1834; background-color: #f3f4f5;} .tab-inner .list li > a:hover:before {position: absolute; top: 10px; right: 20px; width: 30px; height: 20px; line-height: 18px; text-align: center; font-family: xeicon; font-size: 15px; color: #b0b3b6; border: 1px solid #dadcde; content: "\e90b";} .tab-inner .list li > a img {margin-right: 10px; vertical-align: middle;} */
.table { overflow: hidden; }

.table table { font-size: 15px; }

.table table th, .table table td { padding: 15px 20px; line-height: 24px; border-bottom: 1px solid #cfcfcf; }

.table table th { font-weight: bold; color: #333; }

.table table td.con { padding: 50px 0; line-height: 1.3; }

.table table td.con .sizeund { position: relative; width: 100%; overflow: hidden; }

.table table thead th { padding: 15px; text-align: center; line-height: 20px; border-bottom: 1px solid #cfcfcf; }

.table table tbody th { position: relative; text-align: left; }

.table table tbody th:before { position: absolute; top: 20px; right: 0; width: 1px; height: 15px; background-color: #ddd; content: ''; }

.paging { margin-top: 50px; border-top: 2px solid #0e3563; border-bottom: 2px solid #0e3563; overflow: hidden; }

.paging table th, .paging table td { padding: 0 0px; line-height: 45px; border-top: 1px solid #cfcfcf; }

.paging table td a { line-height: 22px; padding: 10px 0; overflow: hidden; display: block; }

.paging table tbody tr:first-child th, .paging table tbody tr:first-child td { border-top: none; }

.paging table th span { position: relative; display: inline-block; padding-right: 30px; }

.paging table th span:before { position: absolute; right: 10px; font-family: xeicon; color: #2b46ab; }

.paging table th span.prev:before { content: "\e945"; }

.paging table th span.next:before { content: "\e942"; }

.paging table td.date { text-align: center; color: #999; }

.board_pager { margin-top: 40px; height: 30px; line-height: 30px; text-align: center; }

.board_pager a { display: inline-block; margin-right: 5px; width: 30px; height: 30px; vertical-align: middle; font-size: 1.5rem; color: #888; }

.board_pager a:hover, .board_pager a.active { font-weight: 500; color: #fff; background-color: #0f3465; }

.board_pager .arrow { position: relative; }

.board_pager .arrow:hover, .board_pager .arrow.active { font-weight: normal; color: #888; background-color: #fff; }

.board_pager .arrow::before, .board_pager .arrow::after { position: absolute; top: 0; left: 0; width: 100%; font-family: xeicon; }

.board_pager .arrow.first::before, .board_pager .arrow.first::after { content: "\e93d"; }

.board_pager .arrow.last::before, .board_pager .arrow.last::after { content: "\e940"; }

.board_pager .arrow.first::after { -webkit-transform: translateX(0.5rem); transform: translateX(0.5rem); }

.board_pager .arrow.last::after { -webkit-transform: translateX(-0.5rem); transform: translateX(-0.5rem); }

.board_pager .arrow.prev::before { content: "\e93d"; }

.board_pager .arrow.next::before { content: "\e940"; }

.list-layout { border-top: 1px solid #AAAAAA; margin-top: 3rem; /* overflow: hidden; */ }

.list-layout .input, .list-layout .select { padding: 5px 10px; height: 30px; color: #333; background-color: #f4f4f4; border: none; }

.list-layout .c-outer { padding: 2rem 0; line-height: 30px; color: #333; }

.list-layout .c-outer .count { font-size: 15px; }

.list-layout .c-outer .category { display: inline-block; font-size: 14px; overflow: hidden; }

.list-layout .c-outer .category label { display: inline-block; margin-left: 20px; height: 30px; vertical-align: middle; }

.list-layout .c-outer .category .select { margin-left: 10px; width: 100px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../img/sub/bg_select.png) no-repeat 90% center #f4f4f4; }

.list-layout .c-outer .category select::-ms-expand { display: none; }

.list-layout .c-outer .category .button { display: inline-block; margin-left: 10px; width: 35px; height: 30px; line-height: 28px; text-align: center; color: #0b1735; background-color: #fff; border: 1px solid #d9dfe6; }

.list-layout .c-outer .category .button.active { line-height: 28px; color: #fff; background-color: #0e3364; border: none; }

.t-outer { padding: 20px 0; border-top: 1px solid #cfcfcf; overflow: hidden; }

.t-inner { position: relative; width: 100%; text-align: center; border: 1px solid #364270; }

.t-inner:before { position: absolute; top: 50px; left: 0; width: 100%; height: 1px; background-color: #e5e6e7; content: ''; z-index: -1; }

.t-inner li a, .t-inner li span { display: block; padding: 2rem 0; }

.t-inner .depth01 { display: table; width: 100%; background-color: #f1f3f6; }

.t-inner .depth01 li { display: table-cell; width: 1%; background: #E4EAF3; }

.t-inner .depth01 li > a { position: relative; width: 100%; font-size: 1.7rem; font-weight: 700; }

.t-inner .depth01 li.active > a, .t-inner .depth01 li a:hover { color: #fff; background: -webkit-gradient(linear, left top, right top, from(#25206B), to(#2D48A0)); background: linear-gradient(to right, #25206B, #2D48A0); border-radius: 0.5rem; -webkit-box-shadow: 0 0.6rem 1.1rem rgba(0, 0, 0, 0.16); box-shadow: 0 0.6rem 1.1rem rgba(0, 0, 0, 0.16); }

.t-inner .depth01 li.active > a:before, .t-inner .depth01 li a:hover:before { position: absolute; left: 50%; bottom: -5px; margin-left: -5px; width: 10px; height: 10px; background-color: #364270; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.list-layout .t-inner .search-detail { overflow: hidden; padding: 1rem 0; }

.list-layout .t-inner .search-detail h3 { display: inline-block; vertical-align: middle; height: 50px; line-height: 50px; font-size: 16px; margin-right: 2rem; color: #333333; }

.list-layout .t-inner .depth02 { display: inline-block; vertical-align: middle; min-height: 50px; overflow: hidden; }

.list-layout .t-inner .depth02 li { position: relative; float: left; margin: 0 1.5rem; }

/* .list-layout .t-inner .depth02 li:before {position: absolute; top: 18px; right: -20px; width: 1px; height: 13px; background-color: #e5e6e7; content: '';} */
.list-layout .t-inner .depth02 li:last-child:before { display: none; }

.list-layout .t-inner .depth02 li a { font-weight: 500; color: #4d4d4d; }

.list-layout .t-inner .depth02 li a:hover { color: #1c1b1b; }

.list-layout .s-outer { padding: 1.9rem 1rem; height: auto; text-align: center; border: 1px solid #d6d6d6; overflow: hidden; }

.list-layout .s-outer .select { margin-right: 10px; width: 80px; vertical-align: middle; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../img/sub/bg_select.png) no-repeat 90% center #f4f4f4; }

.list-layout .s-outer select::-ms-expand { display: none; }

.list-layout .s-outer span { position: relative; display: inline-block; margin-left: 40px; width: 200px; text-align: left; vertical-align: middle; background-color: #f4f4f4; overflow: hidden; }

.list-layout .s-outer span .input { width: 170px; background-color: inherit; }

.list-layout .s-outer span button { position: absolute; top: 0; right: 0; width: 30px; height: 30px; }

.list-layout .s-outer span button:before { font-family: xeicon; font-size: 23px; content: "\e97a"; }

.list-layout .list { overflow: hidden; }

.list-layout .list > li { position: relative; padding: 40px 0px; border-bottom: 1px solid #cfcfcf; }

.list-layout .list > li .subject { margin-bottom: 20px; }

.list-layout .list > li .subject a { font-size: 20px; font-weight: 700; color: #333; line-height: 28px; max-height: 56px; overflow: hidden; text-overflow: ellipsis; display: inline-block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; }

.list-layout .list > li .con-text { margin-bottom: 20px; }

.list-layout .list > li .con-text a { display: inline-block; height: 48px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 15px; }

.list-layout .list > li .info { margin-bottom: 15px; color: #888888; }

.info > span { position: relative; display: inline-block; padding-right: 30px; height: 20px; line-height: 20px; vertical-align: middle; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* .info > span:after {position: absolute; top: 4px; right: 15px; width: 1px; height: 12px; background-color: #e4e4e4; content: '';} */
.info > span:last-child:after { display: none; }

.info .icon { padding-left: 20px; }

.info .icon:before { position: absolute; top: 0; left: 0; font-family: xeicon; }

.info .icon.country:before { content: "\e9d1"; }

.info .icon.person:before { content: "\e9f3"; }

.info .icon.date:before { content: "\ead8"; }

.info .icon.strLink:before { content: ''; font-family: 'xeicon'; }

.info .icon.link { color: #0e3365; }

.info .icon.link:before { content: "\eb16"; }

.list-layout .list > li .hash { padding-right: 130px; }

.hash a { display: inline-block; margin: 2px 2px 3px; padding: 1px 10px; border: 1px solid #d6d6d6; color: #666; font-size: 14px; }

.list-layout .list > li .hash a.detail { position: absolute; bottom: 40px; right: 0; margin-right: 0; padding: 0; width: 125px; height: 40px; line-height: 38px; text-align: center; color: #fff; background-color: #434C5A; border: 1px solid #616a7b; margin-bottom: 0; -webkit-transition: .2s; transition: .2s; }

.list-layout .list > li .hash a.detail:hover { background-color: #2d333d; border-radius: 1rem; }

.list-layout .list.photo > li::after { content: ""; display: block; clear: both; }

.list-layout .list.photo > li .floatL { position: relative; width: 290px; height: 194px; border: 1px solid #e9e9e9; margin-right: 40px; }

.list-layout .list.photo > li .floatL img { width: 100%; height: 100%; }

.list-layout .list.photo > li .floatL span { position: absolute; top: 0; right: 0; display: inline-block; width: 100px; height: 50px; line-height: 50px; text-align: center; font-size: 13px; color: #fff; }

.list-layout .list.photo > li .floatL .type01 { background-color: #3b58a1; }

.list-layout .list.photo > li .floatL .type02 { background-color: #da292d; }

.list-layout .list.photo > li .floatL .type03 { background-color: #19857a; }

.list-layout .list.photo > li .floatL .type04 { background-color: #6d47bc; }

.list-layout .list.photo > li .floatL .type05 { background-color: #3399d3; }

.list-layout .list.photo > li .floatL .type06 { background-color: #dc6220; }

.list-layout .list.photo > li .floatR { width: calc(100% - 330px); }

.list-layout .list.photo > li.noimg .floatL { display: none; }

.list-layout .list.photo > li.noimg .floatR { width: 100%; }

.board-visual { position: relative; left: 50%; margin-left: -100%; width: 200%; height: 250px; text-align: center; background-color: #7d8288; overflow: hidden; background: 50% 50%/cover no-repeat; }

.board-visual::before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-filter: url(#blur); filter: url(#blur); background: inherit; }

.board-visual::after { content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #444; opacity: .7; z-index: 1; }

.board-visual .img { margin: 0 auto; width: 100%; height: 250px; }

.board-visual .img img { position: relative; margin-top: -35%; width: 100%; }

.board-visual .img:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.45); content: ''; z-index: 1; }

.board-visual .inner { position: absolute; top: 0; left: 50%; margin-left: -640px; width: 1280px; text-align: left; z-index: 2; }

.board-visual .inner h2 { margin-bottom: 20px; font-size: 38px; font-weight: 400; color: #fff; max-height: 135px; overflow: hidden; }

.board-visual .inner .info, .board-visual .inner .info .icon.link, .board-visual .inner .info .icon.link a { color: #fff; }

.board-visual .inner .category { margin-bottom: 10px; }

.board-visual .inner .category span { display: inline-block; padding: 0 10px; height: 28px; line-height: 28px; font-size: 15px; color: #fff; background-color: #b02438; overflow: hidden; }

label > strong { font-size: 16px; font-weight: bold; }

.vertical-middle { display: table-cell; height: 250px; vertical-align: middle; }

.board-visual.research { background: -webkit-gradient(linear, left top, right top, from(#BFE0E8), to(#A7B3E1)); background: linear-gradient(to right, #BFE0E8, #A7B3E1); }

.board-visual.research::before, .board-visual.research::after { display: none; }

.board-visual.research .inner h2 { color: #000; }

.board-visual.research .inner .info { color: #2D3239; }

.board-content { position: relative; margin: 0 auto; }

.board-content:before { position: absolute; top: 60px; left: 50%; margin-left: -150%; width: 300%; height: 1px; background-color: #e4e4e4; content: ''; }

.board-content .fake-tstyle { position: relative; padding: 15px 10px; line-height: 1.5; overflow: hidden; }

.board-content .fake-tstyle::before { position: absolute; bottom: 0; left: 50%; width: 200%; height: 1px; background-color: #e4e4e4; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ''; }

.board-content .fake-tstyle::after { display: block; clear: both; content: ''; }

.board-content .attached-file { overflow: visible; }

.board-content .fake-tstyle .tit { display: block; position: relative; float: left; width: calc(20% - 20px); margin-right: 20px; color: #333; font-size: 1.7rem; font-weight: bold; flex-shrink: 0;}

.board-content .fake-tstyle .tit:before { position: absolute; top: 50%; right: 0; width: 1px; height: 15px; background-color: #ddd; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ''; }

.board-content .fake-tstyle .txt-wrap, .board-content .file-list { position: relative; line-height: 1.7; overflow: hidden; }

.board-content .file-list > li { overflow: hidden; }

.board-content .file-list a { display: block; }

.board-content .bbs-footer { padding: 0; }

.board-content .bbs-footer::before { display: none; }

.board-content .bbs-footer .row { min-height: 50px; padding: 12px 10px; border-bottom: 1px solid #cfcfcf; line-height: 1.5; margin: 0; }

.board-content .fake-tstyle .hash { position: relative; margin: -2px 0 0 -3px; overflow: hidden; }

.view-content { padding: 40px 0; border-bottom: 1px solid #cfcfcf; line-height: 1.3; overflow: hidden; word-break: break-all; }

.board-content-top { display: inline-block; width: 100%; }

.board-content-top a:before { font-family: xeicon; }

.board-content-top .scale { float: left; height: 60px; text-align: center; overflow: hidden; }

.board-content-top .scale a { position: relative; display: block; float: left; width: 65px; height: 60px; line-height: 60px; font-size: 25px; color: #444; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; }

.board-content-top .scale a.plus:before { content: "\e9c5"; }

.board-content-top .scale a.minus { margin-left: -1px; }

.board-content-top .scale a.minus:before { content: "\e9c1"; }

.board-content-top .util { float: right; width: 95px; height: 45px; margin-top: 7px; text-align: left; }

.board-content-top .util .btn { display: inline-block; width: 45px; height: 45px; padding: 0; border: 1px solid #ddd; border-radius: 100%; line-height: 43px; text-align: center; vertical-align: top; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 20px; overflow: hidden; }

.board-content-top .util .btn::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; }

.board-content-top .util .btn.open::before { content: "\e9ea"; }

.board-content-top .util .btn.print::before { content: "\e9bb"; }

.board-content-top .util .btn:hover, .contents_util .util .btn:focus { border-color: #151515; background-color: #151515; color: #fff; }

.board-content-top .util .print { float: right; }

.board-content-top .share { display: inline-block; position: relative; z-index: 1; height: 100%; vertical-align: top; }

.board-content-top .share .item { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; position: absolute; top: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 100%; }

.board-content-top .share .item .list { display: block !important; }

.board-content-top .share .item a { display: block; width: 45px; height: 45px; margin-top: -2px; background-color: #fff; border: 1px solid #F1F1F1; border-radius: 100%; color: #555; text-align: center; line-height: 45px; -webkit-transition: all 0.3s; transition: all 0.3s; overflow: hidden; }

.board-content-top .share .item a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; font-size: 27px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.board-content-top .share .item a.close { position: relative; top: 0; margin-top: 0 !important; border: 0 none; -webkit-transition: all 0.3s; transition: all 0.3s; }

.board-content-top .share .item a.close::before { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: all 0.3s; transition: all 0.3s; }

.board-content-top .share .item a.close:hover::before, .contents_util .share .item a.close:focus::before { -webkit-transform: rotate(180deg) translateY(2px); transform: rotate(180deg) translateY(2px); }

.board-content-top .share .item a.close::before { content: '\e922'; }

.board-content-top .share .item a.close:hover, .contents_util .share .item a.close:focus { top: 0.2rem; }

.board-content-top .share .item .facebook a::before { content: "\ebd3"; }

.board-content-top .share .item .facebook a:hover, .contents_util .share .item .facebook a:focus { border-color: #263C91; background-color: #263C91; color: #fff; }

.board-content-top .share .item .twitter a::before { content: "\F3E7"; font-family: "remixicon" }

.board-content-top .share .item .twitter a:hover, .contents_util .share .item .twitter a:focus { border-color: #222; background-color: #222; color: #fff; }

.board-content-top .share .item .copy a::before { content: "\ea84"; }

.board-content-top .share .item .copy a:hover, .contents_util .share .item .copy a:focus { border-color: #C9590E; background-color: #C9590E; color: #fff; }

.board-content-top .share .item .kakaostory a::before { content: "\ebef"; }

.board-content-top .share .item .kakaostory a:hover, .contents_util .share .item .kakaostory a:focus { border-color: #FAE301; background-color: #FAE301; color: #fff; }

.board-content-top .share .item .kakaotalk a::before { content: "\ebee"; }

.board-content-top .share .item .kakaotalk a:hover, .contents_util .share .item .kakaotalk a:focus { border-color: #FAE301; background-color: #FAE301; }

.board-content-top .share .item .urlShare a::before { content: "\e9c0"; }

.board-content-top .share .item .urlShare a:hover, .contents_util .share .item .urlShare a:focus { border-color: #555555; background-color: #555555; color: #fff; }

.board-content-top .share .item .band a::before { content: "b"; }

.board-content-top .share .item .band a:hover, .contents_util .share .item .band a:focus { border-color: #21c531; background-color: #21c531; color: #fff; }

.board-content-top .share .item .band a::before { font-family: "Noto Sans KR"; font-weight: 900; content: 'b'; }

.board-content-top .share.active .btn { border-color: #151515; background-color: #151515; color: #fff; }

.board-content-top .share.active .item { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; -webkit-transition: all 0.3s; transition: all 0.3s; }

.board-content-top .share.active .item a { margin-top: 0.5px; }

.nation-info { letter-spacing: -0.03em; /* border-top:1px solid #AAAAAA;  overflow: hidden; */ }

.nation-info.detail { border-top: 1px solid #AAAAAA; }

.nation-info .h3.bu01 { margin-top: 3rem; }

.nation-info > .floatLayout.info { display: -webkit-box; display: -ms-flexbox; display: flex; }

.nation-info > .floatLayout.info > .floatL, .nation-info > .floatLayout.info > .floatR { float: none; }

.nation-info > .floatLayout.info.info01 > .floatL { height: auto; display: block; padding-right: 0; }

.nation-info > .floatLayout.info.info01 > .floatR { padding: 3rem 2rem; border-bottom: 1px solid #A6AFBC; }

.nation-info > .floatLayout.info.info01 > .floatR .tab-style01.single > li.active > a { display: none; }

.nation-info > .floatLayout.info.info01 > .floatR .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.nation-info > .floatLayout.info.info01 > .floatR .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.nation-info > .floatLayout.info.info01 > .floatR .list li { margin-right: 3rem; }

.nation-info > .floatLayout.info.info01 > .floatR .list li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.nation-info > .floatLayout.info.info01 > .floatR .list img { margin-right: 1rem; }

.nation-info .nation-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2rem; border-bottom: 1px solid #A6AFBC; }

.nation-info .nation-select h3 { -webkit-box-flex: 0; -ms-flex: 0 0 15rem; flex: 0 0 15rem; margin-right: 5rem; font-size: 1.8rem; text-align: left; color: #000; }

.nation-info .nation-select h3 span { display: block; font-size: 1.4rem; color: #767676; }

.nation-info .nation-select .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.nation-info .nation-select .list li { margin: 1rem 3rem 1rem 0; }

.nation-info .nation-select .list li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.nation-info .nation-select .list img { margin-right: 1rem; }

.tab-style01.single > li { width: 100%; }

.detail .bu01, h3.bu01 { margin: 3rem 0; font-size: 2.1rem; font-weight: bold; color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

h3.bu01:before { display: inline-block; width: 2.3rem; height: 3rem; content: url(../../kor/images/korean/sub/bu01.png); }

.detail .bu01 span, h3.bu01 span { margin-left: 1rem; font-size: 2.1rem; color: #767676; }

.detail .bu01::before { content: ""; display: inline-block; width: 2.8rem; height: 2.8rem; background: url(../img/sub/bu01.png) 0 50%/contain no-repeat; margin-right: 1rem; -webkit-transition: .2s; transition: .2s; }

.detail .bu01:hover::before { -webkit-transform: translateX(-1rem); transform: translateX(-1rem); }

h3.cube { margin: 5rem 0 2rem; padding-left: 20px; font-size: 2.2rem; color: #0a1834; background: url(../img/sub/cube.png) no-repeat left center; }

.cube-data { padding: 0 20px; line-height: 50px; background: url(../img/sub/bg-line.png) repeat left top; border-top: 2px solid #818182; word-break: keep-all; }

.cube-table { width: 100%; border-top: 2px solid #818182; overflow: hidden; }

.cube-table > li { display: table; padding: 40px 0; width: 100%; border-bottom: 1px solid #e5e6e7; }

.cube-table > li .img-layout { display: table-cell; width: 240px; text-align: center; vertical-align: middle; }

.cube-table > li .img-layout .line02 { margin-top: 40px; }

.cube-table > li .img-layout .line02 a { display: inline-block; width: 115px; height: 45px; line-height: 43px; text-align: center; color: #595959; background-color: #fff; border: 1px solid #707070; -webkit-transition: .2s; transition: .2s; }

.cube-table > li .img-layout .line02 a:hover { background: #707070; color: #fff; }

.cube-table > li .img-layout .line02 a i { margin-left: 1.7rem; }

.cube-table > li .text-layout { display: table-cell; color: #888; background-color: #F5F6F8; padding: 3rem; }

.cube-table > li .text-layout .line01 { margin-bottom: 10px; font-size: 2rem; font-weight: 700; color: #000; }

.cube-table > li .text-layout .line02 { margin-bottom: 20px; font-size: 2rem; color: #767676; }

.cube-table > li .text-layout .line03 { line-height: 1.8; }

.cube-table > li .text-layout .line03 span { display: block; margin-top: 20px; }

.nation-info > .floatLayout.info.info02 > .floatL { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 5rem; text-align: center; border: 1px solid #d6d6d6; margin-right: 2.6rem; }

.nation-info > .floatLayout.info.info02 > .floatL .line01 img { max-width: 300px; }

.nation-info > .floatLayout.info.info02 > .floatL .line02 { margin: 25px 0 15px; padding-bottom: 15px; font-size: 24px; font-weight: 700; color: #333; border-bottom: 1px solid #e5e6e7; }

.nation-info > .floatLayout.info.info02 > .floatL .line03 { font-size: 17px; color: #a4a7ad; }

.nation-info > .floatLayout.info.info02 > .floatR { padding: 50px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; background-color: #f3f4f5; }

.nation-info > .floatLayout.info.info02 .list li { position: relative; padding: 8px 20px 8px 10rem; width: 100%; line-height: 24px; color: #888; border-bottom: 1px solid #e5e6e7; }

.nation-info > .floatLayout.info.info02 .list li:last-child { border-bottom: none; }

.nation-info > .floatLayout.info.info02 .list li strong { position: absolute; left: 0px; display: inline-block; width: 10rem; color: #0a1834; }

.nation-info .tstyle_list { border-top: 2px solid #9a9a9a; }

.nation-info .tstyle_list thead th { padding: 1.8rem 0; color: #333; background-color: #f9f9fa; border-bottom: 1px solid #9a9a9a; }

.nation-info .floatLayout + .t-outer { margin-top: 4rem; padding: 5rem 0; }

.nation-info .floatLayout + .t-outer .t-inner { border: 0; }

.box { border: 1px solid #e2e2e2; overflow: hidden; }

.box-style01 { padding: 40px 50px; line-height: 1.7; background-color: #f7f8f9; }

.box-style02 { padding: 50px; line-height: 1.7; background-color: #fff; }

.copyright .box-style01 { padding: 60px 140px 30px; }

.copyright .floatR h3 { margin-bottom: 15px; padding: 20px 0; line-height: 1; font-size: 21px; color: #414347; border-bottom: 1px solid #c9c9c9; }

.copyright .floatR h3 span { font-weight: normal; }

.copyright .box-style01 .floatL { width: 254px; margin-right: 30px; }

.copyright .box-style01 .floatL img { width: 100%; }

.copyright .box-style01 .floatR { width: calc(100% - 254px - 30px); }

.copyright .box-style01 .floatR .go { margin-top: 20px; }

.copyright .box-style01 .floatR .go a { position: relative; display: inline-block; padding: 0 15px; width: calc(50% - 5px); height: 45px; line-height: 45px; font-size: 17px; color: #fff; background-color: #3d495a; }

.copyright .box-style01 .floatR .go a:before { position: absolute; top: 0; right: 15px; font-family: xeicon; font-size: 17px; color: #9da4ad; content: "\e90b"; }

.copyright .box-style01 .floatR .go a + a { margin-left: 10px; }

.copyright > p { padding: 0 40px; }

.copyright .box-style02 { padding: 50px 110px 30px; }

.copyright .box-style02 .floatL { width: 422px; margin-right: 30px; }

.copyright .box-style02 .floatL img { width: 100%; max-width: 422px; margin: 0 auto; display: block; }

.copyright .box-style02 .floatR { margin-top: 15px; width: calc(100% - 422px - 30px); }

.box.copyright { padding-bottom: 50px; }

.text-primary { color: #0e3563; }

.text-secondary { color: #38a8bc; }

.text-danger { color: #E81616; }

.text-left, .txt_left { text-align: left; }

.text-right, .txt_right { text-align: right; }

.text-center, .txt_center { text-align: center; }

.text-justify { text-align: justify; }

.nav > li, .nav > li > a, .nav > li > a:after { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

@-webkit-keyframes cubic { 100% { -webkit-transform: translateY(0px) scale(1); transform: translateY(0px) scale(1); }
  50% { -webkit-transform: translateY(10px) scale(0.9); transform: translateY(10px) scale(0.9); }
  0% { -webkit-transform: translateY(0px) scale(1); transform: translateY(0px) scale(1); } }

@keyframes cubic { 100% { -webkit-transform: translateY(0px) scale(1); transform: translateY(0px) scale(1); }
  50% { -webkit-transform: translateY(10px) scale(0.9); transform: translateY(10px) scale(0.9); }
  0% { -webkit-transform: translateY(0px) scale(1); transform: translateY(0px) scale(1); } }

[class^="cubic"] { display: block; position: absolute; background: no-repeat 0 0; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }

.active [class^="cubic"] { opacity: 1; }

.cubic1_01 { background-image: url(/kor/images/korean/old/cubic1_01.png); width: 90px; height: 100px; left: 73px; top: -10px; -webkit-animation: cubic 1.4s infinite; animation: cubic 1.4s infinite; -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }

.cubic1_02 { background-image: url(/kor/images/korean/old/cubic1_02.png); width: 105px; height: 105px; left: 0px; top: 60px; -webkit-animation: cubic 2.0s infinite; animation: cubic 2.0s infinite; -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }

.cubic1_03 { background-image: url(/kor/images/korean/old/cubic1_03.png); width: 117px; height: 122px; right: 0; bottom: 0px; -webkit-animation: cubic 2.4s infinite; animation: cubic 2.4s infinite; -webkit-transition-delay: 1.8s; transition-delay: 1.8s; }

.content { color: #666; line-height: 1.2; }

.content h2 { font-size: 27px; font-weight: 600; color: #222; margin: 0px 0 40px; }

.content h2:before { content: ""; display: block; width: 25px; height: 5px; background-color: #0e3563; margin-bottom: 10px; }

.content h3 { font-size: 21px; color: #222; margin-bottom: 15px; }

.btn-wrap { margin: 65px 0 84px; }

.btn { display: inline-block; vertical-align: middle; font-size: 15px; color: #0a1834; padding: 1rem 2.4rem; background-color: #fff; border: 1px solid #d9dfe6; -webkit-transition: background-color 0.5s ease; transition: background-color 0.5s ease; }

.thumb_area:hover .btn, .btn:hover { background-color: #eee; }

.btn.primary { background-color: #0e3563; border-color: #0e3563; color: #fff; }

.btn.primary:hover { background-color: #000; }

.btn.btn_more { background: #434C5A; border-color: #434C5A; color: #fff; font-size: 1.4rem; }

.btn.btn_more:hover { background-color: #000; }

.btn.btn_more i { margin-left: 1rem; }

.btn + .btn { margin-left: 10px; }

.slash_lstyle li, .slash_lstyle dd { padding-left: 25px; position: relative; line-height: 1.6; margin-bottom: 13px; }

.slash_lstyle li:before, .slash_lstyle dd:before { content: ""; display: inline-block; width: 5px; height: 10px; background-color: #0e3563; -webkit-transform: skewX(-35deg); transform: skewX(-35deg); position: absolute; left: 5px; top: 8px; }

.tstyle_list .slash_lstyle { margin-bottom: 0; }

.tstyle_list .slash_lstyle li { margin-bottom: 6px; }

.slash_lstyle .bullet_none:before { display: none; }

.list_type { border-top: 2px solid #0e3563; }

.list_type > li { border-bottom: 1px dashed #bfc6d1; padding: 40px 40px 30px 40px; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; }

.list_type > li:hover { background-color: #fafbfc; }

.list_type .title { display: block; color: #333; font-size: 21px; margin-bottom: 6px; }

.list_type .con, .list_type .flag { font-size: 15px; line-height: 1.6; border-top: 1px solid #cfd7e0; padding-top: 25px; margin-top: 25px; }

.list_type span { font-size: 14px; }

.list_type span + span { margin-left: 10px; }

.list_type [class^="ti-"] { margin-right: 10px; color: #0e3563; }

.list_type.thumb > li { padding: 49px 40px 49px 0; display: table; width: 100%; }

.list_type.thumb .title span { display: block; color: #a4a7ad; font-size: 19px; margin-top: 6px; }

.list_type.thumb p { padding-top: 20px; margin-top: 20px; }

.list_type.thumb .thumb_area { display: table-cell; vertical-align: middle; text-align: center; width: 325px; }

.list_type.thumb .thumb_area .img { display: table; width: 220px; height: 125px; line-height: 125px; background-color: #fff; margin: 0 auto; }

.list_type.thumb .thumb_area .img span { display: table-cell; vertical-align: middle; }

.list_type.thumb .source { display: block; font-size: 15px; color: #0e3563; margin-top: 28px; }

.list_type.thumb .btn { margin-top: 15px; }

.table_wrap { overflow: hidden; position: relative; }

.tstyle_list { width: 100%; border-top: 2px solid #0e3563; /* margin-left:-1px; */ }

.tstyle_list.wsi tr th, .tstyle_list.wsi tr td { white-space: normal; }

.tstyle_list thead th { border-bottom: 1px solid #0e3563; padding: 20px 0; color: #333; font-size: 18px; font-weight: 400; /* border-left:1px solid #cfd7e0; */ }

.tstyle_list td { border: solid #cfd7e0; border-width: 0 0 1px 0; padding: 2rem 3rem; }

.tstyle_list td span { font-size: 18px; color: #0e3563; }

.tstyle_list tr > th:first-child, .tstyle_list tr > td:first-child { border-left: none; }

.tstyle_list .title a { text-align: left; overflow: hidden; display: block; }

.tstyle_list .gray td { background-color: #fafbfc; }

.tstyle_list .gray td strong { color: #333; display: inline-block; margin-right: 30px; }

.tstyle_list .gray td strong.attach_title { vertical-align: top; line-height: 25px; }

.tstyle_list .gray td .attach_list_wrap { display: inline-block; height: 25px; }

.tstyle_list .gray td .attach_list_wrap > div { padding: 3px 0; }

.tstyle_list .gray td .attach_list_wrap > div .ti-file { padding-right: 5px; vertical-align: middle; }

.tstyle_list .gray td .attach_list_wrap > div a:hover { text-decoration: underline; }

.table_wrap .total_page { color: #0e3563; font-weight: 500; display: block; float: left; line-height: 28px; margin-bottom: 15px; }

.tstyle_list .view_content { padding: 50px 40px; line-height: 2.5; }

.tstyle_list tbody tr:hover { -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16); -webkit-transition: .2s; transition: .2s; }

.tstyle_list tbody tr:hover td { border-bottom: 1px solid #EA4613; }

.nation_view .tstyle_list .gray td strong { margin-right: 0; }

.view_number { text-align: right; margin-bottom: 15px; }

.view_number li { display: inline-block; margin-left: 5px; }

.view_number a { border: 1px solid #d9dfe6; color: #0a1834; font-size: 13px; display: block; text-align: center; height: 28px; padding: 5px 10px; }

.view_number .active a { background-color: #0e3563; border-color: #0e3563; color: #fff; }

.text-primary { color: #0e3563; }

.board_search { background-color: #dadce0; padding: 27px 10px 17px 10px; text-align: center; }

.board_search select, .board_search input[type="text"] { padding-left: 10px; border: 0; height: 41px; }

.board_search select { width: 138px; margin-right: 10px; margin-bottom: 10px; color: #999; }

.board_search input[type="text"] { width: 313px; margin-bottom: 10px; }

.board_search button { width: 41px; height: 41px; vertical-align: middle; margin-left: -41px; margin-bottom: 10px; }

.board_search .ti-search { font-size: 16px; color: #999; }

.board_pager + .board_search { margin-top: 50px; }

.ad_movie embed { width: 100%; height: 475px; background-color: #000; }

.visual-txt { width: 100%; border: 1px solid #d9dfe6; margin-top: 20px; overflow: hidden; }

.visual-txt .visual { width: 450px; height: 404px; background: url(/kor/images/korean/old/site_intro_visual.jpg) no-repeat 0 0; position: relative; float: left; display: table; }

.visual .title { font-family: Montserrat, sans-serif; font-size: 35px; display: table-cell; color: #fff; -webkit-transform: scale(0.5); transform: scale(0.5); text-align: center; vertical-align: middle; }

.visual .title span { font-weight: 400; }

.visual.active .title { -webkit-transition-duration: 5s; transition-duration: 5s; -webkit-transform: scale(1); transform: scale(1); }

.file_link { height: 92px; position: absolute; right: 30px; top: 30px; z-index: 2; }

.file_link a { display: block; text-align: center; padding-top: 25px; width: 90px; height: 90px; border-radius: 45px; border: 2px solid rgba(255, 255, 255, 0.5); color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.file_link a:hover { background-color: rgba(255, 255, 255, 0.8); color: #0a1834; -webkit-transform: scale(1.2); transform: scale(1.2); }

.txt { width: 100%; padding: 28px 0 0 5px; float: right; }

.txt .primary-txt { font-size: 18px; font-weight: 600; color: #222; margin-bottom: 35px; line-height: 1.5; }

.txt .desc-txt { margin-bottom: 35px; color: #888; line-height: 1.5; }

.txt .note-txt { color: #888; line-height: 1.5; }

/* 사이트소개 */
.tab_cont_wrap { margin-bottom: 5rem; }

.tab_cont_wrap .content { display: none; }

.tab_cont_wrap .intro { display: -webkit-box; display: -ms-flexbox; display: flex; }

.intro { background-color: #fff; border: 1px solid #b7c8d2; display: -webkit-box; display: -ms-flexbox; display: flex; word-break: keep-all; }

.intro .floatL { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 35%; flex: 1 1 35%; max-width: 35%; line-height: 1.4; text-align: center; background: url(../img/sub/site_info_img01.jpg) 0 0/cover no-repeat; }

.intro .floatL .line01 { margin-top: 140px; font-size: 22px; color: rgba(255, 255, 255, 0.7); }

.intro .floatL .line01 strong { display: inline-block; font-size: 42px; color: white; }

.intro .floatL .line02 { position: relative; margin-top: 65px; line-height: 1.7; font-size: 16px; color: #fff; }

.intro .floatL .line02:before { position: absolute; top: -35px; left: 50%; margin-left: -55px; width: 110px; height: 2px; background-color: rgba(255, 255, 255, 0.2); content: ''; }

.intro .floatL .line03 { position: absolute; bottom: 9rem; width: 100%; }

.intro .floatL .line03 a { display: inline-block; margin: 0 5px; width: 3rem; height: 3rem; line-height: 3rem; text-align: center; color: #fff; border-radius: 50%; font-size: 2rem; }

.intro .floatL .line03 .sns01 { background-color: #19ce60; }

.intro .floatL .line03 .sns02 { background-color: #4268b3; }

.intro .floatL .line03 .sns03 { background-color: #1ea1f3; }

.intro .floatL .line03 .sns04 { background-color: #FF3399; }

.intro .floatL .line03 a:hover { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.intro .floatL .line03 .sns04 .brochure { position: absolute; top: -10px; left: 30%; display: inline-block; width: 60px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; color: #fff; background-color: #e17221; border-radius: 10px; }

.intro .floatR { padding: 5.2rem 4rem; -webkit-box-flex: 1; -ms-flex: 1 1 65%; flex: 1 1 65%; max-width: 65%; line-height: 1.9; color: #666; }

.intro .floatR .small { font-size: 13px; color: #888; }

.intro .writer { color: #000; }

.history { position: relative; }

.history .list_type > li:hover { background-color: #fff; }

.history .list_type.thumb > li { padding: 0; }

.history .slash_lstyle { padding: 2.7rem 2rem; display: table-cell; }

.history .slash_lstyle li { border-bottom: 1px solid #cfd7e0; margin-bottom: 18px; padding-bottom: 18px; padding-left: 0; }

.slash_lstyle li:before { display: none; }

.history .slash_lstyle li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }

.history .cubic1_01 { left: 20px; top: -40px; }

.history .cubic1_02 { left: -60px; top: 200px; }

.history .cubic1_03 { right: -30px; bottom: -100px; }

.history .date { font-size: 3rem; color: #000; font-weight: 700; }

.history .list_type.thumb .thumb_area { width: 20rem; }

.history .list_type > li:last-child { border-bottom: 1px solid #0e3563; }

.box_pattern { height: 30rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; border: 1px solid #e2e2e2; margin-bottom: 5rem; background: url(../img/sub/grid_pattern.gif) repeat -2px -2px; padding: 5rem; }

.desc { margin-bottom: 39px; overflow: hidden; }

.desc strong { font-size: 21px; font-weight: 600; color: #222; margin-bottom: 12px; display: block; }

.desc p { color: #888; line-height: 1.8; }

.desc .btn { float: right; }

.desc .btn span { color: #d64524; }

.ci_program { position: relative; height: 582px; border: 1px solid #d9dfe6; }

.type_tab { width: 400px; margin: -1px auto 62px; overflow: hidden; border-left: 1px solid #d9dfe6; }

.type_tab li { float: left; width: 50%; text-align: center; }

.type_tab li a { display: block; padding: 15px 0; height: 50px; text-decoration: none; background-color: #fff; border: 1px solid #d9dfe6; margin-left: -1px; font-weight: 500; font-size: 16px; color: #0a1834; }

.type_tab li a:hover, .type_tab li.active a { background-color: #a4a7ad; border-color: #a4a7ad; color: #fff; }

.tab_con_pattern { display: none; width: 100%; height: 532px; padding: 140px 50px 50px; position: absolute; left: 0; top: 48px; border-top: 1px solid #e2e2e2; }

.type_tab li.active .tab_con_pattern { display: block; }

.color_rule { text-align: center; }

.color_rule div { display: inline-block; width: 45%; text-align: left; }

.color_rule .color { display: inline-block; width: 11rem; height: 11rem; border-radius: 50%; float: left; margin-right: 35px; }

.main_color .color { background-color: #28246A; }

.sub_color .color { background-color: #EE1D23; }

.gray_color .color { background-color: #939598; }

.color_rule strong { font-size: 21px; font-weight: 600; color: #222; margin: 10px 0 20px; display: block; }

.color_rule p { line-height: 1.5; }

.concept { height: 850px; }

.inst { border: 3px dashed #dadce0; padding: 30px 0; }

.inst li { display: inline-block; vertical-align: middle; text-align: center; padding: 0 33px; position: relative; }

.inst li:before { content: ""; display: inline-block; width: 1px; height: 35px; background-color: #e4e4e6; position: absolute; left: 0; top: 50%; margin-top: -18px; }

.inst li:first-child:before { display: none; }

.inst li strong { color: #222; font-size: 2.2rem; display: block; }

.role { background: url(/kor/images/korean/old/concept_logo.gif) no-repeat center center; width: 686px; height: 686px; border-radius: 343px; border: 2px dashed #161616; margin: 0 auto; position: relative; }

.role li { width: 222px; height: 222px; background: #eff4f9; font-size: 19px; font-weight: 600; color: #222; border-radius: 111px; text-align: center; padding-top: 60px; position: absolute; line-height: 1.6; }

.role li:nth-child(1) { left: 230px; top: -111px; }

.role li:nth-child(2) { right: -105px; top: 162px; }

.role li:nth-child(3) { right: 0; bottom: -50px; }

.role li:nth-child(4) { left: 0; bottom: -50px; }

.role li:nth-child(5) { left: -90px; top: 162px; }

.operation-kiep { display: block; margin: 2rem auto; text-align: center; }

.operation .inst li { width: 49%; text-align: center; }

.operation .inst li:nth-child(1) { border-right: 1px solid #dadce0; }

.operation .inst li:before { display: none; }

.operation .inst li div { display: inline-block; position: relative; padding: 5rem 0 5rem 20rem; text-align: left; }

.operation .inst li div:before { content: ""; display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 15rem; height: 15rem; border-radius: 50%; background: #161B52 50% 50% no-repeat; }

.operation .inst li:nth-child(1) div:before { background-image: url(../img/sub/oper_icon1.png); }

.operation .inst li:nth-child(2) div:before { background-image: url(../img/sub/oper_icon2.png); }

.operation .inst span { font-size: 2.2rem; color: #000; display: block; margin: 15px 0; }

.country > li:hover { background-color: #fff; }

.country .flag { overflow: hidden; }

.country .flag li { float: left; width: 147px; margin-bottom: 15px; letter-spacing: -1px; }

.country .flag li img { margin-right: 7px; vertical-align: middle; }

.country .desc_box { background-color: #f1f1f1; border: 0; padding: 20px; margin: 0; line-height: 1.6; }

/* 운영지역 */
.world-map { border-top: 1px solid #AAAAAA; border-bottom: 1px solid #A6AFBC; }

.world-map .map { position: relative; width: 100%; height: 695px; font-size: 17px; font-weight: 700; color: #3d3f44; background: #A6AFBC url(../img/sub/map.png) no-repeat center center; margin-top: 4rem; }

.world-map .map a { position: absolute; display: inline-block; padding-left: 30px; color: #000; }

.world-map .map a:before { position: absolute; top: -10px; left: 0; width: 20px; text-align: center; font-family: xeicon; font-size: 23px; content: '\eb59'; -webkit-animation: bounce 0.8s ease infinite; animation: bounce 0.8s ease infinite; }

.world-map .map a:after { position: absolute; bottom: 0; left: 0; width: 20px; height: 10px; border-radius: 100%; content: ''; opacity: 0.1; background-color: #000; }

.world-map .map_mobile { display: none; }

.world-map .map .nation01 { top: 460px; left: 1089px; }

.world-map .map .nation02 { top: 200px; left: 425px; }

.world-map .map .nation03 { top: 260px; left: 225px; }

.world-map .map .nation04 { top: 300px; left: 458px; }

.world-map .map .nation05 { top: 340px; left: 390px; }

.world-map .map .nation06 { top: 410px; left: 232px; }

.world-map .map .nation07 { top: 380px; left: 468px; }

.world-map .map .nation01:before { color: #21b1ac; }

.world-map .map .nation02:before { color: #2198b1; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.world-map .map .nation03:before { color: #5021b1; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; }

.world-map .map .nation04:before { color: #b13a21; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.world-map .map .nation05:before { color: #b1a121; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; }

.world-map .map .nation06:before { color: #75b121; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.world-map .map .nation07:before { color: #b14d21; }

.world-map p { width: 100%; height: auto; line-height: 20px; text-align: center; padding: 3rem 0; color: #666; }

@-webkit-keyframes bounce { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes bounce { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

/* 사이트맵 */
.contents_intro .list_type > li { padding: 30px 0; overflow: hidden; }

.contents_intro .list_type > li .title { float: left; padding: 0 20px; width: 200px; line-height: 50px; }

.box-list { float: left; overflow: hidden; }

.box-list li { float: left; }

.box-list li a { display: inline-block; padding: 0 20px; min-width: 125px; height: 50px; line-height: 50px; text-align: center; font-size: 17px; border: 1px solid #d9dfe6; color: #0a1834; background-color: #fff; -webkit-transform: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; margin-left: -1px; }

.box-list li:first-child a { margin-left: 0; }

.box-list li a:hover { font-weight: 600; color: #fff; background-color: #0e3563; }

.advice .list_type > li:hover { background-color: initial; }

.advice .list_type.thumb > li { padding: 0; }

.advice .thumb_area { background-color: #fafbfc; }

.advice .thumb_area img { border-radius: 5px; overflow: hidden; }

.advice .title { margin: 50px 0 0 40px; }

.advice .con { margin: 25px 40px 50px 40px; }

.advice ul.con li { padding-left: 75px; position: relative; margin-bottom: 10px; }

.advice ul.con strong { color: #0a1834; position: absolute; left: 0; top: 0; width: 75px; text-align: center; }

.advice .list_type.thumb { border-bottom: 1px dashed #bfc6d1; overflow: hidden; }

.advice .list_type.thumb > li { float: left; width: 50%; height: 250px; overflow: hidden; }

.advice .list_type.thumb > li:last-child { border-bottom: none; }

.advice .list_type.thumb > li .thumb_area { display: none; }

.advice .list_type.thumb .title span { display: inline; }

/* 뉴스레터 */
.newsletter_terms { text-align: center; margin-bottom: 70px; }

[class*="textarea"] { border-top: 2px solid #0e3563; position: relative; padding: 40px; height: 308px; border-bottom: 1px solid #cfd7e0; font-size: 15px; text-align: left; overflow-y: scroll; margin-bottom: 20px; }
.textarea02 {height: inherit;}
[class*="textarea"] p, [class*="textarea"] li, [class*="textarea"] ol, [class*="textarea"] ul { line-height: 1.6; margin-bottom: 20px; }

[class*="textarea"] ol li { list-style: decimal; margin-left: 20px; margin-bottom: 10px; }

[class*="textarea"] strong, [class*="textarea"] h4 { color: #0e3563; }

.textarea::-webkit-scrollbar { width: 7px; }

.textarea::-webkit-scrollbar-thumb { background-color: #d4d6d6; border-radius: 4px; }

.newsletter_terms label { display: inline-block; }

.newsletter_terms .form_agree p { margin: 3rem 0 2rem; }

.newsletter_terms .form_agree div { display: inline-block; background: #F9F9FB; padding: 1rem 3rem; }

.newsletter_terms .form_agree div strong { margin-right: 3rem; }

.newsletter_apply { border: 1px solid #cfd7e0; height: auto; overflow: hidden; }

.newsletter_apply .input_box, .newsletter_complete .con_box { border: 1px solid #cfd7e0; width: 605px; float: none; margin: 0 auto; border: 0; padding: 60px 0; }

.newsletter_apply .input_box { padding: 60px 0 30px; }

.newsletter_apply h2:before, .newsletter_complete h2:before { display: none; }

.newsletter_apply h2, .newsletter_complete h2 { text-align: center; margin: 0 0 40px; }

.newsletter_apply h2:after, .newsletter_complete h2:after { content: ""; display: block; height: 3px; background: url(/kor/images/korean/old/slash_pattern.gif); margin-top: 24px; }

.newsletter_apply .input_box input[type="text"], .newsletter_apply .input_box input[type="password"], .newsletter_apply .input_box select { border: 1px solid #cfd7e0; height: 40px; padding-left: 10px; margin-right: 5px; color: #888; }

.newsletter_apply .input_box .form_inline { margin-bottom: 10px; }

.newsletter_apply .input_box p { color: #c9c9c9; margin-top: 10px; }

.newsletter_apply .country_check strong { color: #141618; font-size: 25px; margin-bottom: 21px; display: block; }

.newsletter_apply .country_check li:first-child { border-bottom: 1px solid #ccc; padding-bottom: 15px; }

.newsletter_apply .country_check li { margin-bottom: 15px; font-size: 15px; color: #595d61; }

.newsletter_apply .area_newsletter_systemcode { width: 605px; margin: 0 auto; border-top: 1px solid #d9dbdc; padding: 30px 0 60px; }

.newsletter_apply .area_newsletter_systemcode .systemcode_description { font-size: 15px; color: #333; margin-bottom: 10px; font-weight: 500; }

.newsletter_apply .area_newsletter_systemcode ul:after { content: ''; display: block; clear: both; }

.newsletter_apply .area_newsletter_systemcode ul li { width: 33.3%; float: left; padding: 3px 0; }

.newsletter_application { text-align: center; }

.newsletter_application .btn { padding: 20px 58px; font-size: 21px; }

.newsletter_apply + .btn-wrap { text-align: center; }

.newsletter_apply + .btn-wrap .btn { padding: 20px 58px; font-size: 21px; }

.newsletter_complete { background-color: #f9f9fa; margin-bottom: 60px; }

.newsletter_complete .list li { border-bottom: 1px solid #d1d8e1; padding: 15px 0 15px 40px; }

.newsletter_complete .list li span { display: inline-block; width: 145px; }

.newsletter_complete .list li strong { color: #0e3563; }

.newsletter_agree{line-height:28px;}
.newsletter_span{font-weight:bold;}

.subscription_link_list { text-align: center; margin-top: 30px; }

.subscription_link_list ul { display: inline-block; }

.subscription_link_list ul li { display: inline-block; }

.subscription_link_list ul li a { display: inline-block; height: 55px; line-height: 53px; padding: 0 50px 0 15px; border: 1px solid #616a7b; color: #333333; font-weight: 500; font-size: 16px; position: relative; -webkit-transition: all .2s; transition: all .2s; margin: 5px 10px; word-break: keep-all; }

.subscription_link_list ul li a:before { content: ''; width: 11px; height: 11px; border: 1px solid #b5bbbf; background-color: #fff; position: absolute; right: 20px; top: 24px; }

.subscription_link_list ul li a:after { content: ''; width: 11px; height: 11px; border: 1px solid #b5bbbf; background-color: #fff; position: absolute; right: 22px; top: 22px; }

.subscription_link_list ul li a:hover { background-color: #616a7b; border: 1px solid #616a7b; color: #fff; -webkit-transition: all .2s; transition: all .2s; }

.subscription_link_list ul li a:hover:before, .subscription_link_list ul li a:hover:after { background-color: #616a7b; border: 1px solid #fff; }

.subscription_link_list ul li a span { display: inline-block; line-height: 1.5; vertical-align: middle; }

.guide .textarea { height: 660px; }

.list_type.thumb.ref_site li { padding: 50px 0 50px 40px; }

.list_type.thumb.ref_site p { padding-top: 10px; margin-top: 10px; }

.list_type.thumb.ref_site .thumb_area { width: 250px; }

.search_result .title { color: #333; font-weight: bold; font-size: 1.7rem; margin-bottom: 2rem; }

.search_result .total_page { position: relative; color: #333; display: block; line-height: 3rem; font-size: 2rem; text-align: center; padding-bottom: 3rem; border-bottom: 1px solid #000; }

.search_result .total_page .search_keyword, .search_result .total_page .text-danger { font-size: 3rem; font-weight: bold; }

.search_result .total_page .search_keyword { color: #333; }

.search_result .total_page .text-danger { margin-left: 1rem; }

.search_box { padding: 2rem 0; margin-bottom: 30px; position: relative; }

.search_box fieldset { display: -webkit-box; display: -ms-flexbox; display: flex; }

.search_box span { display: block; }

.search_box .form-select { -webkit-box-flex: 0; -ms-flex: 0 0 13rem; flex: 0 0 13rem; max-width: 13rem; border: 2px solid #4B4B4B; border-right: 0; }

.search_box .form-select select { padding: 0 1rem; width: 100%; height: 100%; border: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../img/sub/bg_select.png) no-repeat 90% center white; }

.search_box .form-select select::-ms-expand { display: none; }

.search_box .form-input { -webkit-box-flex: 1; -ms-flex: 1 1 calc(100% - 23rem); flex: 1 1 calc(100% - 23rem); max-width: calc(100% - 23rem); }

.search_box .form-input .keyWord { height: 50px; width: 100%; border: 2px solid #4B4B4B; padding: 0 10px; line-height: 50px; }

.search_box .form-btn { -webkit-box-flex: 0; -ms-flex: 0 0 10rem; flex: 0 0 10rem; max-width: 10rem; margin-left: -7px; }

.search_box .form-btn .search-btn { background-color: #233144; height: 50px; color: #fff; width: 100%; font-size: 15px; }

.accordion_cont { display: none; }

.accordion_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.accordion_btn i { font-size: 2rem; color: #333; -webkit-transition: .2s; transition: .2s; }

.accordion_btn.active i { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.accordion_btn.active + .accordion_cont { display: block; margin-bottom: 1rem; }

.by_nation { display: none; border-bottom: 1px solid #C8C8C8; }

.by_nation .search_detail_wrap { background: #FBFBFB; }

.by_nation .search_detail { display: none; padding: 3rem 4rem; color: #444444; }

.by_nation .search_detail ul li { float: left; width: 25%; padding: 4px 0; }

.by_nation .search_detail ul li a { line-height: 22px; height: 22px; display: inline-block; }

.by_nation .search_detail ul li a:hover { text-decoration: underline; font-weight: 500; }

.by_nation .search_detail ul li.on a { text-decoration: underline; font-weight: 500; }

.by_nation .search_detail ul:after { content: ''; display: block; clear: both; }

.txt-result { color: #333; margin: 20px 0 5px; }

.Search_rss { padding: 3rem 5rem; background-color: #F6F7FB; }

.Search_rss .block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 1rem; }

.Search_rss .block.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.Search_rss .by_menu { color: #333; }

.Search_rss .by_menu input { vertical-align: top; }

.Search_rss .by_menu input ~ input { margin-left: 1.85rem; }

.Search_rss select { border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../img/sub/bg_select.png) no-repeat 90% center white; }

.Search_rss select::-ms-expand { display: none; }

.Search_rss .se-txt { display: inline-block; color: #333; margin-right: 1rem; font-weight: bold; min-width: 8rem; }

.Search_rss span { display: inline-block; vertical-align: middle; }

.Search_rss span.form-select select { min-width: 8.2rem; height: 36px; padding: 0 5px; border: 1px solid #cbcbcb; margin-right: 5px; }

.Search_rss span.form-select.wide select { width: 100px; }

.Search_rss span.form-btn input { width: 125px; height: 36px; border: 1px solid #cbcbcb; padding: 0 10px; }

.Search_rss .cal .form-btn ~ .form-btn { margin-left: 1rem; }

.Search_rss span.form-btn .icon_cal { margin: 0 12px 0 -30px; }

.Search_rss span.form-btn input::-webkit-input-placeholder { color: #979797; }

.Search_rss span.form-btn input:-ms-input-placeholder { color: #979797; }

.Search_rss span.form-btn input::-ms-input-placeholder { color: #979797; }

.Search_rss span.form-btn input::placeholder { color: #979797; }

.Search_rss span.form-btn input:-ms-input-placeholder { color: #979797; }

.Search_rss .range .se-txt { display: none; }

.Search_rss .btn_area { border-top: 1px solid #C9D0DC; padding-top: 3rem; text-align: center; }

.Search_rss .btn_area .apply { width: 22rem; height: 5rem; line-height: 5rem; background-color: #233144; color: #fff; text-align: center; font-size: 15px; margin: 0 auto; -webkit-transition: .2s; transition: .2s; }

.Search_rss .btn_area .apply:hover { background: #2D48A0; }

.Search_rss .view_divi { display: inline-block; position: relative; }

.Search_rss .view_divi button { font-size: 1.5rem; display: inline-block; margin: 0 -2px; border: 1px solid #cbcbcb; color: #555; min-width: 10rem; height: 3.6rem; background: #fff; vertical-align: middle; text-align: center; }

.Search_rss .view_divi button.active { background-color: #E81616; color: #fff; border: 1px solid #E81616; }

.search_result { border-bottom: 1px solid #000; margin-bottom: 5rem; }

.search_result_upper:after { content: ''; display: block; clear: both; margin-bottom: 10px; }

.search_result_upper .cate { float: left; font-size: 2.5rem; font-weight: 700; color: #333; line-height: 2.5rem; display: inline-block; }

.search_result_upper .cate span { font-size: 2rem; margin-left: .5rem; }

.search_result_upper .total_page { float: right; color: #656565; font-size: 1.6rem; padding-top: 8px; line-height: 1.6rem; }

.search_result_upper .total_page strong { color: #333; margin-left: 1rem; }

.search_result_upper .total_page span { width: 1px; height: 12px; background-color: #ddd; display: inline-block; margin: 0 1rem; }

.search_result_list { margin-bottom: 10px; }

.search_result_list .list_type { border-top: 1px solid #aaa; }

.content .rcmdResult { width: calc(100% - 180px - 4px); position: absolute; left: 90px; border: 2px solid #b7b7b7; background: #fff; top: 68px; padding: 12px 20px; display: none; z-index: 1; }

.content .rcmdResult ul li a { display: block; width: 100%; line-height: 26px; font-size: 14px; }

.content .rcmdResult ul li a span { color: #CC6633; height: 26px; height: 26px; line-height: 26px; font-size: 14px; vertical-align: inherit; }

.category_box_wrap { padding: 3rem 0 0; border-bottom: 1px solid #C8C8C8; }

.category_box:after { content: ''; display: block; clear: both; }

.category_box { display: -webkit-box; display: -ms-flexbox; display: flex; }

.category_box .group { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0 1rem; }

.category_box .group .search_title { text-align: center; padding: .5rem 0; color: #333; margin-bottom: 2rem; font-weight: 700; }

.category_box .group .continent_title { background: #E3E5E8; border-radius: 1rem; text-align: center; padding: .5rem 0; color: #333; margin-bottom: 2rem; font-weight: 700; }

.category_box .group .item_group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.category_box .group .item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; }

.category_box .item > a { line-height: 22px; display: inline-block; padding-bottom: 2rem; position: relative; }

.category_box .item > a span { display: block; color: #222; }

.category_box .item > a small { display: block; color: #666; font-size: 1.6rem; }

.category_box .item > a::after { content: ''; display: block; width: 100%; height: 2px; background: #E81616; -webkit-transition: .2s; transition: .2s; opacity: 0; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.category_box .item > a:hover, .category_box .item.on > a { font-weight: 500; color: #333; }

.category_box .item > a:hover::after, .category_box .item.on > a::after { opacity: 1; }

.list_type2 > li { padding: 35px 0; border-bottom: 1px solid #dddddd; }

.list_type2 > li:hover { background-color: transparent; }

.list_type2 .con { border-top: none; padding-top: 5px; margin-top: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 49px; line-height: 22px; margin-bottom: 10px; }

.list_type2 .calendar { color: #bdbdbd; }

.list_type2 > li .attach-box { margin-top: 20px; border-top: 1px dotted #c7c9c8; background-color: #fbfbfb; padding: 20px; margin-bottom: -35px; }

.list_type2 > li .attach-box > li { margin: 5px 0; }

.list_type2 > li .attach-box > li:after { content: ''; display: block; clear: both; }

.list_type2 > li .attach-box > li .name { position: relative; padding-left: 18px; font-size: 14px; line-height: 16px; width: calc(100% - 180px - 18px); float: left; height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.list_type2 > li .attach-box > li .name:before { content: 'î¥¾'; font-family: 'xeicon'; color: #dbdbdb; font-size: 14px; position: absolute; left: 0; top: 2px; }

.list_type2 > li .attach-box > li .link { width: 180px; float: left; font-size: 14px; }

.list_type2 > li .attach-box > li .link .view { position: relative; padding-left: 20px; color: #444; padding-right: 20px; }

.list_type2 > li .attach-box > li .link .view:before { content: 'î¥'; font-family: 'xeicon'; position: absolute; left: 0; color: #9ea1a6; }

.list_type2 > li .attach-box > li .link .view:after { content: ''; width: 1px; height: 14px; background: #ddd; position: absolute; right: 7px; top: 0; }

.list_type2 > li .attach-box > li .link .down { position: relative; padding-left: 20px; color: #444; }

.list_type2 > li .attach-box > li .link .down:before { content: 'î­¼'; font-family: 'xeicon'; position: absolute; left: 0; color: #9ea1a6; }

.list_type2 > li .attach-box > li .desc { display: none; clear: both; width: calc(100% - 50px); margin: 10px 25px 10px 18px; border: 1px solid #ddd; background: #fff; border-radius: 4px; padding: 15px 20px; overflow: inherit; position: relative; -webkit-transition: all .2s; transition: all .2s; }

.list_type2 > li .attach-box > li.on .desc { display: inline-block; }

.list_type2 > li .attach-box > li .desc:before { content: ''; width: 10px; height: 10px; border-left: 1px solid #ddd; border-top: 1px solid #ddd; position: absolute; left: 18px; top: -6px; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.list_type2 > li .attach-box > li .desc p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; max-height: 200px; line-height: 20px; }

#popup-layout { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 100; display: none; }

#popup-layout .popup-ready { position: relative; top: 50%; left: 50%; margin-top: -160px; margin-left: -265px; width: 530px; height: 320px; text-align: center; background-color: #fff; }

#popup-layout .popup-ready .line01 { position: relative; height: 50px; line-height: 50px; background-color: #435880; }

#popup-layout .popup-ready .line01:before { position: absolute; top: 0; left: 50%; margin-left: -50px; width: 100px; height: 100px; content: url(/kor/images/korean/sub/bg-popup.png); }

#popup-layout .popup-ready .line01 span { position: relative; font-size: 18px; color: #e4e7ee; }

#popup-layout .popup-ready .line02 { padding-top: 95px; height: 230px; font-size: 19px; line-height: 1.5; color: #777; }

#popup-layout .popup-ready .line02 strong { display: block; font-size: 30px; color: #222; }

#popup-layout .popup-ready .line03 { height: 40px; line-height: 40px; font-size: 16px; color: #b4b5b7; background-color: #e7e9eb; }

#popup-layout .popup-ready .popup-close { position: absolute; top: 0; right: 0; display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; }

#popup-layout .popup-ready .popup-close:before { font-family: xeicon; font-size: 40px; color: #e4e7ee; content: "\e922"; }

.total_search_select { height: 28px; border: 1px solid #d9dfe6; }

/* 폼, 체크박스, 라디오버튼 */
.row { margin-left: -1.5rem; margin-right: -1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; }

.col-md-5 { -webkit-box-flex: 1; -ms-flex: 1 1 41.7%; flex: 1 1 41.7%; max-width: 41.7%; padding-left: 1.5rem; padding-right: 1.5rem; }

.col-md-7 { -webkit-box-flex: 1; -ms-flex: 1 1 58.3%; flex: 1 1 58.3%; max-width: 58.3%; padding-left: 1.5rem; padding-right: 1.5rem; }

.form-row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2rem; }

.form-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.custom-input { position: relative; }

.custom-input input { position: absolute; left: 0; top: 0; opacity: 0; }

.custom-input input + label { display: inline-block; position: relative; padding-left: 2.4rem; margin-right: 1.2rem; cursor: pointer; }

.custom-input input + i { display: inline-block; position: relative; cursor: pointer; width: 1.7rem; height: 1.7rem; }

.custom-input input + i + span { margin-left: 1rem; }

.custom-input input + label::before, .custom-input input + label::after, .custom-input input + i::before, .custom-input input + i::after { content: ""; position: absolute; left: 0; top: .1rem; width: 1.7rem; height: 1.7rem; border: 1px solid #c7c7c7; background-color: #fff; cursor: pointer; }

.custom-input input[type="radio"] + label::before, .custom-input input[type="radio"] + i::before { border-radius: 50%; }

.custom-input input[type="radio"] + label::after, .custom-input input[type="radio"] + i::after { content: ""; display: block; opacity: 0; width: .7rem; height: .7rem; background-color: #E81616; border-radius: 50%; position: absolute; left: .5rem; top: .6rem; z-index: 2; }

.custom-input input[type="checkbox"] + label::after, .custom-input input[type="checkbox"] + i::after { content: "\e929"; text-align: center; background-color: #E81616; border: 1px solid #E81616; color: #fff; font-size: 1.5rem; font-family: "xeicon"; z-index: 2; opacity: 0; line-height: 1; }

.custom-input input[disabled] + label::before { background-color: #e5e5e5; border-color: #ddd; }

.custom-input input:focus + label::before, .custom-input input:focus + i::before { border: 2px solid #E81616; }

.custom-input input:checked + label::after, .custom-input input:checked + i::after { opacity: 1; border-color: #E81616; }

/* ========== 개인정보 처리방침 ========== */
.privacy_area { position: relative; margin-bottom: 20px; padding: 40px 10px; border-top: 2px solid #0e3563; border-bottom: 1px solid #cfd7e0; line-height: 1.6; overflow: hidden; }

.privacy_area p, .privacy_area li, .privacy_area ol, .privacy_area ul { margin-bottom: 20px; }

.privacy_area ol li { list-style: decimal; margin-left: 20px; margin-bottom: 10px; }

.privacy_area .bul > li { position: relative; padding-left: 1rem; text-align: left; }

.privacy_area .bul > li::before { position: absolute; left: 0; top: auto; content: ''; }

.privacy_area .bul.depth1 { margin-top: 1rem; }

.privacy_area .bul.depth1 > li::before { content: '-'; }

.privacy_area .bul.depth1 > li { margin-bottom: 1rem; }

.privacy_area .btn-wrap { margin: 2rem 0; text-align: center; }

.privacy_labeling [class*="icon"], .privacy_list [class*="icon"], .privacy_tit [class*="icon"] { display: block; position: absolute; top: 0; left: 0; background: no-repeat 0 0  / contain; }

.privacy_labeling [class*="icon"] { position: inherit; top: inherit; left: inherit; width: 8rem; height: 9rem; margin: 0 auto 1rem; }

.privacy_list [class*="icon"] { width: 2.3rem; height: 2.3rem; }

.privacy_tit [class*="icon"] { top: 0.25rem; width: 3.3rem; height: 3.3rem; }

.privacy_labeling .icon01, .privacy_list .icon01, .privacy_tit .icon01 { background-image: url(/aif/kor/images/korean/sub/privacy_icon01.svg); }

.privacy_labeling .icon02 { background-image: url(/aif/kor/images/korean/sub/privacy_icon15.svg); }

.privacy_list .icon02, .privacy_tit .icon02 { background-image: url(/aif/kor/images/korean/sub/privacy_icon02.svg); }

.privacy_list .icon03, .privacy_tit .icon03 { background-image: url(/aif/kor/images/korean/sub/privacy_icon03.svg); }

.privacy_labeling .icon04, .privacy_list .icon04, .privacy_tit .icon04 { background-image: url(/aif/kor/images/korean/sub/privacy_icon04.svg); }

.privacy_list .icon05, .privacy_tit .icon05 { background-image: url(/aif/kor/images/korean/sub/privacy_icon05.svg); }

.privacy_list .icon06, .privacy_tit .icon06 { background-image: url(/aif/kor/images/korean/sub/privacy_icon06.svg); }

.privacy_labeling .icon03, .privacy_list .icon07, .privacy_tit .icon07 { background-image: url(/aif/kor/images/korean/sub/privacy_icon07.svg); }

.privacy_list .icon08, .privacy_tit .icon08 { background-image: url(/aif/kor/images/korean/sub/privacy_icon08.svg); }

.privacy_list .icon09, .privacy_tit .icon09 { background-image: url(/aif/kor/images/korean/sub/privacy_icon09.svg); }

.privacy_list .icon10, .privacy_tit .icon10 { background-image: url(/aif/kor/images/korean/sub/privacy_icon10.svg); }

.privacy_list .icon11, .privacy_tit .icon11 { background-image: url(/aif/kor/images/korean/sub/privacy_icon11.svg); }

.privacy_list .icon12, .privacy_tit .icon12 { background-image: url(/aif/kor/images/korean/sub/privacy_icon12.svg); }

.privacy_list .icon13, .privacy_tit .icon13 { background-image: url(/aif/kor/images/korean/sub/privacy_icon13.svg); }

.privacy_list .icon14, .privacy_tit .icon14 { background-image: url(/aif/kor/images/korean/sub/privacy_icon14.svg); }

.privacy_labeling { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 1rem -1rem 5rem; word-break: keep-all; }

.privacy_labeling > li { position: relative; width: calc(25% - 2rem); margin: 1rem; }

.privacy_labeling > li > a { display: block; height: 100%; padding: 3rem 2rem; border-radius: 1rem; background-color: #fff; -webkit-box-shadow: 0 0.2rem 0.8rem rgba(22, 71, 170, 0.2); box-shadow: 0 0.2rem 0.8rem rgba(22, 71, 170, 0.2); border: 1px solid transparent; text-align: center; }

.privacy_labeling > li > a:hover { border-color: #33397D; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.labeling_area { position: absolute; top: 100%; left: 50%; width: 45rem; height: 0; padding: 4rem 3rem; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 5px; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s; transition: all 0.3s; visibility: hidden; overflow: hidden; opacity: 0; z-index: -1; }

.labeling_area .title { display: block; margin-bottom: 2rem; letter-spacing: -0.05rem; font-size: 1.8rem; font-weight: 600; }

.labeling_area .bul > li + li { margin-top: .5rem; }

.labeling_area .btn_close { position: absolute; top: 2rem; right: 2rem; font-size: 2.5rem; }

.privacy_labeling > li.active .labeling_area { height: auto; visibility: visible; opacity: 1; z-index: 10; }

.privacy_labeling > li:first-child .labeling_area, .privacy_labeling > li:last-child .labeling_area { left: 0; -webkit-transform: inherit; transform: inherit; }

.privacy_labeling > li:last-child .labeling_area { left: auto; right: 0; }

.privacy_box { /* 개인정보 목차 */ margin-top: 7rem; padding: 3rem 4rem; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 5px; word-break: keep-all; }

.privacy_list { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: hidden; }

.privacy_list > li { width: 50%; margin: 0.5rem 0; padding-right: 2rem; }

.privacy_list > li a { display: block; position: relative; padding-left: 3rem; }

.content .privacy_tit { position: relative; margin: 5rem 0 2rem; padding-left: 4rem; color: #151515; font-size: 2.4rem; font-weight: 600; word-break: keep-all; }

.content .privacy_tit::before { display: none; }

.privacy_box h2 { text-align: center; }

.privacy_box h2::before { display: none; }

/* 반응형 */
@media screen and (max-width: 1279.98px) { .detail-contents { width: 100%; padding: 0 1.5rem 40px; }
  .board-visual { width: calc(100% + 60px); left: 0; margin-left: -30px; }
  .board-visual .inner { width: 100%; left: 0; margin-left: 0; padding: 0 50px; }
  .board-visual .inner h2 { font-size: 34px; max-height: 120px; }
  .board-content { width: 100%; margin: 0; }
  .tab-style01 .tab-inner { padding: 0 0 0 15px; }
  .intro .floatR { padding: 30px 30px; }
  .advice .list_type.thumb > li { height: auto; }
  .advice .title { margin: 20px 0 0 10px; }
  .advice .con { margin: 20px 10px 30px 10px; }
  .contents_intro .list_type > li { padding: 10px 0 30px; }
  .contents_intro .list_type > li .box-list { float: none; width: 100%; padding-left: 20px; }
  .list_type.thumb.ref_site > li { padding: 40px 0 40px 40px; }
  .list_type.thumb.ref_site .thumb_area { width: 200px; }
  .world-map .map { display: none; }
  .world-map .map_mobile { display: block; background: #e6e9ec; border-top: 1px solid #0e3563; }
  .world-map .map_mobile img { display: block; margin: 0 auto; width: 100%; height: auto; }
  .category_box .search_detail { width: 400%; padding: 10px 30px; }
  .table table td.con img { width: 100% !important; height: auto !important; }
  .table table td.con iframe { width: 100% !important; max-width: 560px; } }

@media screen and (max-width: 1023.98px) { .title-layout { margin-bottom: 15px; }
  .title-layout h2 { font-size: 30px; }
  .list-layout .list > li .subject { margin-bottom: 10px; }
  .list-layout .list > li .subject a { font-size: 18px; }
  .list-layout .list > li .con-text a { height: 40px; line-height: 20px; font-size: 14px; }
  .list-layout .list > li { padding: 30px 0; }
  .list-layout .list.photo > li .floatL { margin-right: 30px; width: 250px; height: 170px; }
  .list-layout .list.photo > li .floatR { width: calc(100% - 280px); }
  .info > span { font-size: 14px; }
  .list-layout .list > li .hash a.detail { bottom: 30px; width: 120px; height: 36px; line-height: 34px; }
  .board-visual .inner h2 { font-size: 30px; max-height: 110px; }
  .board-content-top { height: 50px; }
  .board-content:before { top: 50px; }
  .board-content-top .sns a { width: 30px; height: 30px; font-size: 18px; line-height: 30px; }
  .board-content-top .sns a.url { font-size: 12px; }
  .board-content-top .scale a { width: 50px; height: 50px; line-height: 50px; font-size: 20px; }
  .table table { font-size: 14px; }
  .table table td.con { padding: 40px 0; }
  .dotline { font-size: 14px; }
  .paging { margin-top: 40px; font-size: 14px; }
  .btn-wrap { margin: 30px 0 40px; }
  .list-layout .list.photo > li .floatL span { height: 40px; line-height: 40px; font-size: 13px; }
  .list-layout .t-inner .search-detail h3 { padding: 0 10px 0 20px; font-size: 14px; }
  .list-layout .t-inner .depth02 li { margin: 0 10px; }
  .list-layout .t-inner .depth02 li:before { right: -10px; }
  .nation-info > .floatLayout.info { display: block; }
  .nation-info > .floatLayout.info.info01 > .floatL { display: block; float: none; height: 100%; margin-bottom: 20px; }
  .nation-info > .floatLayout.info.info01 > .floatL img { width: 100%; }
  .nation-info > .floatLayout.info.info01 > .floatR { float: none; width: 100%; display: block; height: 375px; }
  .tab-style01 .tab-inner { height: 280px; }
  .cube-table > li .text-layout .line01 { font-size: 20px; }
  .cube-table > li .text-layout .line02 { font-size: 16px; }
  .nation-info .nation-select { display: block; }
  .nation-info .nation-select .list { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .nation-info .nation-select .list li { margin-top: 2rem; }
  .nation-info > .floatLayout.info.info02 > .floatL { margin-right: 0; }
  .nation-info > .floatLayout.info.info02 > .floatR { float: none; width: 100%; display: block; padding: 30px 20px; }
  h3.bu01 { margin: 40px 0 15px; }
  .content h3 { font-size: 20px; }
  .box-style01 { padding: 30px 40px; }
  .intro { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .intro .floatL, .intro .floatR { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; }
  .intro .floatL .line01 { margin-top: 0; padding-top: 40px; }
  .intro .floatL .line02 { padding-bottom: 130px; }
  .intro .floatL .line02 br { display: none; }
  .history .list_type.thumb .thumb_area { width: 100px; }
  .history .date { font-size: 24px; }
  .advice .list_type.thumb > li { width: 100%; }
  .ci_program { height: 450px; }
  .tab_con_pattern { height: 400px; padding: 40px 50px 50px; }
  .tab_con_pattern img { margin-top: 40px; }
  .color_rule div { width: 100%; margin-top: 30px; text-align: center; }
  .operation .inst li { width: 100%; text-align: left; }
  .operation .inst li:nth-child(1) { border: none; border-bottom: 1px solid #dadce0; padding-bottom: 2rem; margin-bottom: 2rem; }
  .contents_intro .box-list li a { padding: 0 10px; min-width: 100px; font-size: 15px; }
  .copyright .box-style01 { padding: 50px 40px 40px; }
  .copyright .box-style01 .floatL { width: 200px; }
  .copyright .box-style01 .floatR { width: calc(100% - 200px - 30px); }
  .copyright .box-style02 { padding: 50px 40px 30px; }
  .copyright .box-style02 .floatL { width: 310px; }
  .copyright .box-style02 .floatR { width: calc(100% - 310px - 30px); margin-top: 0; }
  .guide .textarea { padding: 40px 30px; height: 500px; }
  .guide.textarea { padding: 40px 30px; }
  .list_type.thumb.ref_site > li { padding: 30px 0 30px 30px; }
  .newsletter_terms { margin-bottom: 60px; }
  .newsletter_terms .textarea { padding: 40px 30px; }
  .newsletter_apply .input_box { padding: 50px 0 30px; }
  .newsletter_application .btn { padding: 15px 45px; font-size: 18px; }
  .tstyle_list thead th { padding: 10px; font-size: 16px; }
  .tstyle_list td { padding: 10px; font-size: 14px; }
  .view-content { overflow: auto; }
  .view-content table { table-layout: inherit; }
  .view-content table td { white-space: nowrap; }
  .form-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .col-md-5 { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; padding-left: 0; padding-right: 0; }
  .col-md-7 { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; padding-left: 0; padding-right: 0; } }

/* @media screen and (max-width:850px){
	
	.category_box_wrap{padding: 20px 30px;}
	.category_box > li{width:50%}
	.category_box .search_detail{width:200%}
	.category_box .search_detail.sd02{left:-100%;}
	.category_box .search_detail.sd03{left:0%;}
	.category_box .search_detail.sd04{left:-100%;}
	.category_box .search_detail.sd05{left:0px;}
	.category_box .search_detail.sd06{left:-100%;}
	.category_box .search_detail.sd07{left:0%;}
	.category_box .na05.on + li {margin-bottom:190px}
} */
@media screen and (max-width: 767.98px) { .viewing_country { display: block; text-align: center; width: 100%; position: fixed; top: -30px; left: 0px; background: #47474c; color: #fff; font-size: 13px; padding: 7px 0; -webkit-transition: all .3s; transition: all .3s; }
  .viewing_country.on { top: 0; -webkit-transition: all .3s; transition: all .3s; z-index: 100; }
  .content h2 { font-size: 24px; }
  .nation .open { width: 100px; margin-left: -50px; }
  .nation .open a { height: 34px; line-height: 34px; }
  .title-layout { margin-bottom: 15px; padding-top: 15px; height: 50px; }
  .title-layout h2 { font-size: 24px; max-height: 84px; }
  .title-layout .location { font-size: 13px; }
  .list-layout .list > li { padding: 20px 0 65px; }
  .list-layout .list.photo > li .floatL { width: 120px; height: 85px; margin-right: 15px; }
  .list-layout .list.photo > li .floatR { width: calc(100% - 135px); }
  .list-layout .list > li .subject { margin-bottom: 5px; }
  .list-layout .list > li .subject a { line-height: 20px; max-height: 40px; font-size: 15px; }
  .list-layout .list > li .con-text a { font-size: 13px; }
  .info > span { font-size: 13px; padding-right: 20px; }
  .info > span:after { right: 10px; }
  .list-layout .list > li .con-text { margin-bottom: 3px; }
  .list-layout .list > li .hash { padding-right: 0; }
  .list-layout .list > li .hash a.detail { width: 100%; bottom: 20px; }
  .hash a { margin-bottom: 2px; }
  label > strong { font-size: 13px; }
  .list-layout .s-outer { height: auto; }
  .list-layout .c-outer .category .select { width: 150px !important; }
  .list-layout .c-outer .count { font-size: 13px; }
  .list-layout .s-outer .select { margin: 0 2px 5px; }
  .list-layout .s-outer span { margin: 0 0 5px; }
  .list-layout .s-outer { margin-bottom: 10px; padding: 10px 10px 5px; }
  .list-layout .t-inner .search-detail h3 { display: block; width: 100%; text-align: left; height: 50px; line-height: 30px; padding: 20px 20px 0; }
  .list-layout .t-inner .depth02 { padding: 0 10px 20px; }
  .list-layout .t-inner .depth02 li span { height: 30px; line-height: 30px; font-size: 14px; }
  .list-layout .t-inner .depth02 li:before { top: 9px; }
  .t-inner:before { top: 45px; }
  .t-inner .depth01 { height: 45px; }
  .t-inner .depth01 li > a { font-size: 13px; white-space: nowrap; }
  .table_wrap { overflow-x: auto; }
  .table_wrap .tstyle_list { min-width: 767px; }
  .tstyle_list thead th { padding: 8px; font-size: 14px; }
  .tstyle_list td { padding: 8px; font-size: 13px; }
  .board-visual { height: auto; width: calc(100% + 30px); margin-left: -15px; }
  .board-visual > svg { display: none; }
  .board-visual .inner { position: relative; }
  .vertical-middle { display: block; height: auto; padding: 30px 0; }
  .board-visual .inner { padding: 0 20px; }
  .board-visual .inner h2 { font-size: 26px; max-height: 92px; }
  .paging { font-size: 13px; }
  .board-content-top .scale { display: none; }
  .list-layout .list.photo > li .floatL span { width: 90px; height: 25px; line-height: 25px; font-size: 12px; }
  h3.bu01.first { font-size: 18px; }
  .tab-inner .list li > a { font-size: 13px; padding: 0 10px; }
  .tab-inner .list li > a img { width: 20px; }
  .tab-inner .list li > a:hover:before { right: 10px; }
  h3.cube { margin: 30px 0 10px; font-size: 16px; }
  .cube-data { padding: 0 10px; font-size: 13px; }
  .cube-table > li { padding: 20px 0; }
  .cube-table > li .img-layout { width: 100%; display: block; margin-bottom: 20px; }
  .cube-table > li .img-layout .line02 { margin-top: 10px; }
  .cube-table > li .text-layout { width: 100%; display: block; }
  .nation-info > .floatLayout.info.info02 > .floatR { font-size: 13px; padding: 15px 20px; }
  .nation-info > .floatLayout.info.info02 > .floatL .line02 { font-size: 20px; }
  .nation-info > .floatLayout.info.info02 > .floatL .line03 { font-size: 15px; }
  .section06 { width: calc(100% + 30px); margin-left: -15px; }
  h3.bu01 { margin: 30px 0 15px; }
  .content h3 { font-size: 18px; }
  .box-style01 { padding: 20px 30px; }
  .tabmenu { margin-bottom: 20px; }
  .tabmenu li a { padding: 14px 5px; font-size: 16px; white-space: nowrap; }
  .advice .title { margin: 15px 0 0 10px; font-size: 18px; }
  .advice .list_type.thumb .title span { font-size: 16px; }
  .advice .con { margin: 15px 0px 20px 0px; padding-top: 15px; }
  .word_mark_pattern { height: 200px; padding-top: 70px; }
  .word_mark_pattern img { width: 250px; }
  .type_tab { width: 100%; }
  .tab_con_pattern { height: 340px; }
  .tab_con_pattern img { width: 300px; }
  .ci_program { height: 390px; }
  .color_rule .color { margin: 0 0 2rem 0; float: none; }
  .color_rule strong { margin: 0px 0 10px; }
  .operation .inst span { margin: 10px 0; }
  .operation .inst li:nth-child(2) div { padding-bottom: 0; }
  .contents_intro .box-list li a { height: 35px; line-height: 35px; min-width: 90px; font-size: 14px; margin-bottom: 2px; }
  .copyright .box-style01 { padding: 30px 20px 40px; }
  .copyright .box-style01 .floatL { width: 100px; margin-right: 20px; }
  .copyright .box-style01 .floatR { width: calc(100% - 100px - 20px); }
  .copyright .floatR h3 { padding: 0 0 10px; margin-bottom: 10px; }
  .copyright .box-style01 .floatR .go a { width: 100%; }
  .copyright .box-style01 .floatR .go a + a { margin: 5px 0 0; }
  .copyright .box-style01 .floatR .go a { height: 35px; line-height: 35px; font-size: 14px; }
  .copyright .box-style01 .floatR > p { font-size: 14px; }
  .copyright .box-style02 { padding: 30px 20px 20px; }
  .copyright .box-style02 .floatL { float: none; }
  .copyright .box-style02 .floatL img { max-width: 300px; }
  .copyright .box-style02 .floatR { float: none; width: 100%; text-align: center; }
  .copyright > p { padding: 0 20px; }
  .copyright .floatR h3 { font-size: 18px; }
  .box.copyright { padding-bottom: 30px; }
  .guide .textarea { padding: 30px 20px; height: 400px; }
  .guide.textarea { padding: 30px 20px; }
  .list_type.thumb.ref_site > li { padding: 20px; }
  .list_type.thumb.ref_site .thumb_area { display: block; width: 100%; }
  .list_type.thumb.ref_site .thumb_area .btn { width: 100%; }
  .list_type.thumb.ref_site .title { font-size: 18px; }
  .list_type.thumb.ref_site .title span { font-size: 16px; }
  .list_type.thumb.ref_site li > p { font-size: 13px; }
  .world-map .map_mobile { overflow-x: scroll; }
  .world-map .map_mobile img { min-width: 800px; }
  .world-map p { font-size: 14px; }
  .newsletter_terms { margin-bottom: 50px; font-size: 13px; }
  .newsletter_terms .textarea { padding: 30px 20px; }
  .newsletter_apply { fon-size: 12px; }
  .newsletter_apply .input_box { padding: 40px 0 20px; }
  .newsletter_apply .input_box .form_inline { font-size: 13px; }
  .newsletter_apply .input_box .form_inline.row2 input { width: 100px !important; font-size: 13px; }
  .newsletter_apply .input_box .form_inline.row2 select { width: 100px !important; font-size: 13px; }
  .newsletter_apply .input_box .form_inline.row3 input, .newsletter_apply .input_box .form_inline.row4 input { width: 228px !important; font-size: 13px; }
  .newsletter_apply .input_box, .newsletter_complete .con_box { width: 240px; }
  .newsletter_apply .area_newsletter_systemcode { width: 240px; }
  .newsletter_apply .area_newsletter_systemcode ul li { width: 100%; }
  .newsletter_application .btn { padding: 15px 40px; font-size: 16px; }
  .search_box { padding: 0; }
  .search_box .form-select { display: none; }
  .search_box .form-input { -webkit-box-flex: 1; -ms-flex: 1 1 calc(100% - 10rem); flex: 1 1 calc(100% - 10rem); max-width: calc(100% - 10rem); }
  .category_box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .category_box .search_detail ul li { width: 50%; }
  .category_box .na05.on + li { margin-bottom: 340px; }
  .category_box > li > a { line-height: 18px; height: 18px; }
  .by_nation .search_detail { padding: 1.2rem 1.5rem; }
  .Search_rss { font-size: 13px; padding: 10px 18px 20px; }
  .Search_rss select, input, textarea { font-size: 13px; }
  .search_result_upper .cate { font-size: 16px; padding-top: 5px; }
  .list_type .title { font-size: 18px; }
  .Search_rss .block { float: none; }
  .Search_rss .block.cal { display: none; }
  .Search_rss .view_divi { padding-right: 0; margin-right: 0; margin-left: 2px; width: calc(100% - 4px); }
  .Search_rss .view_divi li { width: calc(33.33% + 2px); }
  .Search_rss .view_divi li a { width: 100%; }
  .Search_rss .view_divi:after { display: none; }
  .Search_rss .range .se-txt { display: block; }
  .Search_rss span.form-select select { width: 100% !important; }
  .Search_rss select { background: url(../img/sub/bg_select.png) no-repeat 95% center white; }
  .Search_rss span.form-btn { width: 100%; }
  .Search_rss span.form-btn .apply { width: 100%; margin: 0; }
  .Search_rss .viewnum span { width: 100%; }
  .board_pager + .board_search select, .board_pager + .board_search input, .board_pager + .board_search textarea { font-size: 13px; }
  .board_search input[type="text"] { width: 80%; }
  .subscription_link_list ul li a { height: 45px; line-height: 43px; font-size: 13px; padding: 0 30px 0 10px; }
  .subscription_link_list ul li a:before { top: 18px; right: 10px; }
  .subscription_link_list ul li a:after { top: 16px; right: 12px; }
  .board_pager a { display: none; border: none; width: 50px; }
  .board_pager a.arrow { display: inline-block; width: 30px; }
  .board_pager a.active { display: inline-block; background: none; color: #333; }
  .board_pager a:hover { background: none; color: #333; }
  .board_pager a:nth-last-of-type(3) { display: inline-block; position: relative; }
  .board_pager a:nth-last-of-type(3):before { content: "/"; display: inline-block; left: -6px; position: absolute; }
  .board_pager a:nth-last-of-type(3).active:before { display: none; }
  .paging table td a { line-height: 20px; }
  .paging table td.date { display: none; }
  .privacy_labeling > li { width: calc(50% - 2rem); }
  .privacy_labeling > li:nth-child(odd) .labeling_area { left: 0; -webkit-transform: inherit; transform: inherit; }
  .privacy_labeling > li:nth-child(even) .labeling_area { left: auto; right: 0; -webkit-transform: inherit; transform: inherit; }
  .labeling_area { width: calc(200% + 2rem); }
  .privacy_list > li { width: 100%; } 
 }

 .top-box {
	display: flex;
	align-items: center;
	gap: 2rem 3.8rem;
	padding: 4rem;
	border: 1px solid #ddd;
	background: #F1F3F6;
	margin-bottom: 4rem;
}
.top-box-icon {
	width: 10rem;
	height: 10rem;
	display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 50%;
	background: #fff;
	flex-shrink: 0;
}
.top-box-txt {
	width: 100%;
}
.top-box-txt .title {
	font-size: 2rem;
	font-weight: 600;
	color: #333;
}
.top-box-txt .desc {
	font-size: 1.6rem;
	line-height: 1.5;
	margin-bottom: 0;
	margin-top: .8rem;
}
@media(max-width: 640px) {
	.top-box {
		flex-direction: column;
		padding: 3rem;
	}
} 


.title-layout-wrap { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.title-layout-info { display: flex; align-items: center; gap: 1rem 3rem; }
.title-layout-info .util { display: flex; align-items: center; gap: .5rem; }
.title-layout-info .share { position: relative; }
.title-layout-info .util .btn { width: 4.5rem; height: 4.5rem; display: flex; align-items: center; justify-content: center; padding: 0; font-size: 2rem; border-radius: 100%; transition: all 0.3s; }
.title-layout-info .share .item { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; position: absolute; top: auto; left: 50%; transform: translateX(-50%); top: 100%; z-index: 1; }
.title-layout-info .share .item .list { display: block !important; }
.title-layout-info .share .item a { height: 4.5rem; border: 1px solid #F1F1F1; line-height: 4.3rem; display: block; overflow: hidden; width: 4.5rem; margin-top: -2rem; border-radius: 100%; background-color: #fff; color: #555; text-align: center; line-height: 4.5rem;  transition: all 0.3s; }
.title-layout-info .share .item a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; font-size: 2.7rem;  transition: all 0.3s; }
.title-layout-info .share .item a.close { position: relative; top: 0; margin-top: 0 !important; border: 0 none; background: none; transition: all 0.3s; }
.title-layout-info .share .item a.close::before {transform: rotate(0);  transition: all 0.3s; }
.title-layout-info .share .item a.close:hover::before, .contents_util .share .item a.close:focus::before { transform: rotate(180deg) translateY(2px); }
.title-layout-info .share .item a.close::before { content: ''; }
.title-layout-info .share .item a.close:hover, .title-layout-info .share .item a.close:focus { top: 0.2rem; }
.title-layout-info .share .item .facebook a::before { content: ""; }
.title-layout-info .share .item .facebook a:hover, .title-layout-info .share .item .facebook a:focus { border-color: #263C91; background-color: #263C91; color: #fff; }
.title-layout-info .share .item .twitter a::before { content: "\F3E7"; font-family: "remixicon"  }
.title-layout-info .share .item .twitter a:hover, .title-layout-info .share .item .twitter a:focus { border-color: #222; background-color: #222; color: #fff; }
.title-layout-info .share .item .copy a::before { content: ""; }
.title-layout-info .share .item .copy a:hover, .title-layout-info .share .item .copy a:focus { border-color: #C9590E; background-color: #C9590E; color: #fff; }
.title-layout-info .share .item .kakaostory a::before { content: ""; }
.title-layout-info .share .item .kakaostory a:hover, .title-layout-info .share .item .kakaostory a:focus { border-color: #FAE301; background-color: #FAE301; color: #fff; }
.title-layout-info .share .item .kakaotalk a::before { content: ""; }
.title-layout-info .share .item .kakaotalk a:hover, .title-layout-info .share .item .kakaotalk a:focus { border-color: #381e1f; background-color: #381e1f; color: #fff; }
.title-layout-info .share .item .band a::before { content: "b"; }
.title-layout-info .share .item .band a:hover, .title-layout-info .share .item .band a:focus { border-color: #21c531; background-color: #21c531; color: #fff; }
.title-layout-info .share .item .band a::before { font-family: "Noto Sans KR"; font-weight: 900; content: 'b'; }
.title-layout-info .share.active .btn { border-color: #151515; background-color: #151515; color: #fff; }
.title-layout-info .share.active .item { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1;  transition: all 0.3s; }
.title-layout-info .share.active .item a { margin-top: 0.5rem; }
@media(max-width: 768px) {
	.title-layout-info {display: none;}
}
