@charset "utf-8";
@import 'http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Swvxwvsrfgviny.pbz%2Scebwrpg%2Spff%2Ssbagf.pff';
@import url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spqa.wfqryvie.arg%2Stu%2Sbevbapnpghf%2Scergraqneq%40i1.3.7%2Sqvfg%2Sjro%2Sfgngvp%2Scergraqneq.pff");
/* @import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tbbtyrncvf.pbz%2Spff2%3Ssnzvyl%3QZbagfreeng%3Njtug%40500%3O%20700%3O%20900%26qvfcynl%3Qfjnc'); */
@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssbagf.tbbtyrncvf.pbz%2Spff2%3Ssnzvyl%3QAbgb%2OFnaf%2OXE%3Njtug%40100..900%26qvfcynl%3Qfjnc');


@font-face {
  font-family:'Cafe24Ssurround';
  src:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssnfgyl.wfqryvie.arg%2Stu%2Scebwrpgabbaah%2Sabbasbagf_2105_2%401.0%2SPnsr24Ffheebhaq.jbss') format('woff');
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family: 'ONE-Mobile-POP';
  src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Ssnfgyl.wfqryvie.arg%2Stu%2Scebwrpgabbaah%2Sabbasbagf_2105_2%401.0%2SBAR-Zbovyr-CBC.jbss') format('woff');
  font-weight: normal;
  font-style: normal;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0; line-height:1.4; font-weight:500; font-family:'Pretendard', sans-serif; -webkit-text-size-adjust:none; word-break:keep-all;}
ol, ul, li { list-style:none;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%;}
form, fieldset { border:0;}
address, caption, em { font-weight:normal; font-style:normal;}
img { border:0; margin:0; padding:0;}
a { text-decoration:none;}
a:link, a:visited, a:hover, a:active { text-decoration:none;}
#container a { -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
#container a:hover { -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.eff, .eff:hover { -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
#accessibility, #accessibility_footer, hr, legend, .skip { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}

caption { display:none;}
.space { display:block; clear:both; float:none; width:100%; height:0; line-height:0 !important; font-size:0 !important; margin:0 !important; padding:0 !important; overflow:hidden;}
.clearfix { display:block;}
.clearfix:after { display:block; clear:both; content:"."; visibility:hidden; height:0;}
* html .clearfix { height:1%;}
input, textarea, select, img { vertical-align:middle;}
input, textarea, select { font-family:inherit;}

@media all and (max-width:767px) {
input, textarea { -webkit-border-radius:0; -webkit-appearance:none;}
select { -webkit-border-radius:0; -webkit-appearance:none; background:#fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Swvxwvsrfgviny.pbz%2Snqzbqr%2Szbqhyr%2Sobneq%2Svzntrf%2Sxbe%2Sot_fryrpg.cat") no-repeat 87% center; background-size:16px;}
input[type="checkbox"] { -webkit-border-radius:2px; -webkit-appearance:checkbox; border:1px solid #000;}
input[type="radio"] { -webkit-border-radius:10px; -webkit-appearance:radio; border:1px solid #000;}
}
::-moz-selection { background:#716365; color:#fff;}
::selection { background:#716365; color:#fff;}

.input_form { height:40px; line-height:40px; padding:0 10px; border:none; color:#565656; background:#fff; font-size:1em; max-width:90%; border:1px solid #e5e5e5;}
.select_form { padding:0 0 0 10px; height:40px; border:1px solid #e5e5e5; color:#565656; background:#fff; font-size:1em; width:90%;}
.textarea_form { border:1px solid #cdcdcd; color:#565656; font-size:1em; width:98%; height:150px; margin-bottom:13px; box-sizing:border-box;}

@media all and (max-width:767px) {
.select_form { background:#fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Swvxwvsrfgviny.pbz%2Snqzbqr%2Szbqhyr%2Sobneq%2Svzntrf%2Sxbe%2Sot_fryrpg.cat") no-repeat 87% center;}
}

.font_star { font-weight:600; color:#ff6600; font-family:'verdana';}
.font_em { color:#203f65 !important;}
.font_em2 { color:#df4241 !important; font-weight:600;}
.font_em3 { color:#ff6600 !important; font-weight:600;}
.font_em4 { color:#fff !important; font-weight:500;}
.font_105 { font-size:1.05em;}
.font_m { font-size:1.25em;}
.font_normal { font-weight:normal !important;}
.font_bold { font-weight:700;}
.black_bold { font-weight:700; color:#000;}
.t_black { color:#333333;}
.t_orange { color:#df4241;}
.bg_purple { background:#887da6;}
.bg_orange { background:#f48473;}
.bg_pink { background:#f49ac1;}
.bg_yellow { background:#fecd67;}
.mg20 { margin:20px !important;}
.mg40 { margin:40px !important;}
.mgT10 { margin-top:10px !important;}
.mgT20 { margin-top:20px !important;}
.mgT30 { margin-top:30px !important;}
.mgT40 { margin-top:40px !important;}
.mgT50 { margin-top:50px !important;}
.mgT60 { margin-top:60px !important;}
.mgL10 { margin-left:10px !important;}
.mgL20 { margin-left:20px !important;}
.mgL25 { margin-left:25px !important;}
.mgL30 { margin-left:30px !important;}
.mgL35 { margin-left:35px !important;}
.mgL40 { margin-left:40px !important;}
.mgL60 { margin-left:60px !important;}
.mgR30 { margin-right:30px !important;}
.mgB10 { margin-bottom:10px !important;}
.mgB20 { margin-bottom:20px !important;}
.mgB30 { margin-bottom:30px !important;}
.mgB40 { margin-bottom:40px !important;}
.txL { text-align:left !important;}
.txC { text-align:center !important;}
.txR { text-align:right !important;}
.poR { position:relative !important;}
.bdT1 { border-top:1px solid #efefef;}
.pdT10 { padding-top:10px !important;}
.pdT20 { padding-top:20px !important;}
.pdT30 { padding-top:30px !important;}
.pdB20 { padding-bottom:20px !important;}
.pdB30 { padding-bottom:30px !important;}

.line_thr { text-decoration:line-through; color:#ccc;}

.fx { display:flex;}
html, body { width:100%; height:100%;}
body { font-size:16px; color:#666; word-wrap:break-word; text-rendering:optimizeLegibility;}
.hidden { overflow:hidden !important;}
#wrap { width:100%; min-width:1320px; overflow-x:hidden;}
.wrap_box { width:1320px; margin:0 auto; position:relative;}

/* header */
#header { position:relative;}
#header .header_in { position:absolute; top:0; left:0; width:100%; z-index:2000; min-height:130px; box-sizing:border-box;transition:.3s all ease;}
#header h1 { position:absolute; top:40px; left:0; z-index:2200;}


#lnb { position:relative; z-index:2100;}
#lnb .lnb_wrap { position:relative; overflow:hidden; visibility:hidden; padding-top:35px;}
/* #lnb .lnb_wrap > ul { margin-left: 20%; display:table;} */
#lnb .lnb_wrap > ul { margin:0 auto; padding-left: 40px; display:table;}
#lnb .lnb_wrap > ul > li { display:table-cell; position: relative;}
#lnb .lnb_wrap > ul > li > a { display:block; font-size:19px; font-weight:700; letter-spacing: -0.02em; color:#222; height:60px; line-height:60px; padding:0 30px; transition:.3s all ease;}
#lnb .lnb_wrap > ul > li > a:after { display:block; content:""; height:3px; background:#203f65; transform:scale(0, 1); transition:.3s all ease;}

#lnb .lnb_wrap > ul > li > ul{ display: none; position: absolute; top: 63px; left: 50%; transform: translateX(-50%); min-width: 130px; padding:25px; border-radius: 3px; background:rgba(255,255,255,0.9); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); backdrop-filter:blur(10px); transition:.3s all ease;}

#lnb .lnb_wrap > ul > li.current > ul, #lnb .lnb_wrap > ul > li.actived > ul { display: block;}
#lnb .lnb_wrap > ul > li.current > a, #lnb .lnb_wrap > ul > li.actived > a { color:#333;}
#lnb .lnb_wrap > ul > li.current > a:after, #lnb .lnb_wrap > ul > li.actived > a:after { transform:scale(1, 1);}

#lnb .lnb_wrap > ul > li:nth-child(2) ul{ min-width: 170px;}
#lnb .lnb_wrap > ul > li:nth-child(3) ul{ min-width: 150px;}

#lnb .lnb_sub li a { display:block; color:#666; padding:5px 0; letter-spacing: -0.02em;}
#lnb .lnb_sub li a:hover { color:#203f65;}
#lnb .lnb_sub li a span { font-family: "Noto Sans KR", sans-serif; font-size: 0.90em;}

/* #gnb { position:absolute; top:60px; right:160px; z-index:2200 !important;}
#gnb > ul > li { float:left; position:relative; padding-left:25px;}
#gnb > ul > li a { color:#222; font-weight:900; font-size:15px;}
#gnb > ul > li:first-of-type:after { position:absolute; content:"ㆍ"; right:-20px;} */

/* 국영문 선택 */
.lang_box { position:absolute; top:48px; right:0; z-index:2100;}
.dropbtn { background-color:#000; color:white; padding:8px 0; width: 74px; text-align: center; font-size:15px; border:none; cursor:pointer; font-family: inherit; font-weight:900; transition:.3s all ease;}
.dropbtn i { position:relative; top:2px; left:5px;}
.dropbtn:hover, .dropbtn:focus { background-color:#203f65;}
.dropdown { position:relative; display:inline-block;}
.dropdown-content { display:none; position:absolute; background-color:#f1f1f1; width: 74px; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.05); z-index:1;}
.dropdown-content a { color:#000; font-size:15px; padding:12px; display:block; text-align: center; transition:.3s all ease;}
.dropdown a:hover { background-color:#ddd;}
.show { display:block;}

/* 검색버튼 */
.search_box { position:absolute; top:50px; right:100px; z-index:2100; cursor:pointer;}
.search_box i { font-size:30px; color:#222;}

/* 상단 검색 layer */
.main_search_box { display:none; position:fixed; top:0; left:0; width:100%; height:0; opacity:0; overflow:hidden; z-index:2200; box-sizing:border-box;}
.main_search_box.show { height:100%; opacity:1;}
.main_search_box:after { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:block; content:""; transition:.3s ease opacity; transition-delay:.4s; z-index:-1; box-sizing:border-box;}
.main_search_box.show:after { opacity:1;}

.main_search_con { background:#fff; padding:120px 0; display:none;}
.main_search_con .wrap_box { width:50%; margin:0 auto;}
.main_search_con .search_form_box { width:100%; border-bottom:1px solid #000;}
.main_search_con .search_form_box form { display:flex; justify-content:space-between;}
.main_search_con input[type=text] { border:none; font-size:17px; width:100%; box-sizing:border-box; padding:20px;}
.main_search_con input::-webkit-input-placeholder { color:#eee; font-size:40px; font-weight:700; position:relative; top:9px;}
.main_search_con button { padding:0 10px; font-size:36px; border:none; cursor:pointer; background:none;}
.main_search_con .search_tag_box { margin-top:80px;}
.main_search_con .search_tag_box h2 { font-weight:700; color:#111; margin-bottom:20px;}
.main_search_con .search_tag_box a { border:1px solid #ddd; border-radius:40px; padding:7px 14px; display:inline-block; color:#999; font-size:15px; font-weight:400; transition:.3s all ease; margin-bottom:5px;}
.main_search_con .search_tag_box a:hover { background:#203f65; color:#fff; transition:.3s all ease; border:1px solid #203f65;}

.main_search_close { color:#000; display:inline-block; display:flex; justify-content:center; align-items:center; width:50px; height:50px; margin:30px auto; background:#fff; transition:.3s all ease;}
.main_search_close i { font-size:24px;}
.main_search_close:hover { background:#000; color:#fff; transition:.3s all ease;}

#m_gnb .btn_sitemap { display:none;}

/* #header.jbFixed .header_in { position:fixed; min-height:80px;}
#header.jbFixed #lnb .lnb_wrap { padding-top:10px;}
#header.jbFixed h1, #header.jbFixed #gnb, #header.jbFixed .search_box, #header.jbFixed .lang_box { display:none;} */

#container { position: relative; padding-top:130px; min-height:1000px;}

/* footer */
#footer { color:#838383; padding:60px 0; position:relative; background:#f9f9f9; border-top:2px solid #eee;}
.footer_box { gap:40px; font-size:15px;}
.host { gap:40px; border-bottom:2px solid #eee; padding-bottom:20px; margin-bottom:20px;}
.host div { display:flex;}
.host div em { margin-right:20px; color:#000; font-weight:700;}
.footer_box p { font-weight:300;}
.footer_box > div:last-of-type { width:100%;}

.footer_link { margin-bottom:10px;}
.footer_link a { color:#000;}
.footer_link a:first-of-type { margin-right:20px;}

#back-top { z-index:1000; position:fixed; bottom:20px; right:20px;}
#back-top a { width:50px; height:50px; display:block; text-indent:-9999px; background:#494949 url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Swvxwvsrfgviny.pbz%2Scebwrpg%2Sqrfvta%2Spbz%2Soga_gbc.cat") no-repeat center; background-size:16px; border-radius:100%; transition:all 0.7s ease;}

/* sitemap */
#sitemap { display:none; display:block; position:relative; z-index:5000;}
#sitemap .m_lang_box { display:flex; margin-top:20px;}
#sitemap .m_lang_box div { position:relative; flex:1; display:flex; box-sizing:border-box; align-items:center; justify-content:center; height:40px; background:#222;}
#sitemap .m_lang_box div a { color:#fff;}
#sitemap .m_lang_box div:first-of-type:after { position:absolute; right:0; content:""; display:inline-block; width:1px; height:40px; background:rgba(255,255,255,0.2);}
#sitemap .m_menu { position:absolute; top:0; right:-200px; width:200px; background:#fff; z-index:5000;}
#sitemap .m_menu .close {width:40px; height:40px; display:block; position:absolute; top:0; right:0; display:flex; align-items:center; justify-content:center; font-size:33px; color:#222;}
#sitemap .m_menu h2 { line-height:60px; color:#333; font-size:1.4em; padding-left:20px; background:#fff; text-indent:-9999px;}
#sitemap .m_menu h3 a { color:#333; font-size:20px; font-weight:300; display:block; padding:15px 0; text-align:center;}
#sitemap .m_menu h3.on a { color:#333;}
#sitemap .m_menu .depth1 { background:none;}
#sitemap .m_menu .depth2 { display:none;}
#sitemap .m_menu .depth2 li a { font-size:15px; color:rgba(255, 255, 255, 0.8); display:block; padding:15px 25px; text-align:left; background:#203f65; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
#sitemap .m_menu .depth2 li.on a { background:rgba(0, 0, 0, 0.1);}
#sitemap .m_menu .depth3 { background:rgba(0, 0, 0, 0.5);}
#sitemap .m_menu .depth3 li a { font-size:1em; display:block; padding:10px 20px 10px 35px; background:rgba(0, 0, 0, 0.5);}
#sitemap .m_menu .depth3 li a:before { content:"· ";}
#sitemap .shadow_bg { width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0, 0, 0, 0.8); z-index:10; display:none;}


@media all and (max-width:1400px) {
#wrap { min-width:100%;}
.wrap_box { width:95%;}
#lnb .lnb_wrap > ul > li > a { padding:0 20px;}
}

@media all and (max-width:1320px) {
#lnb .lnb_wrap > ul > li > a { padding:0 15px;}
}

@media all and (max-width:1280px) {
#lnb .lnb_wrap > ul > li > a { font-size:18px;}
}

@media all and (max-width:1200px) {
body { font-size:15px;}
#wrap { min-width:320px;}
#header .header_in { min-height:80px; padding-top:0;}
#header .header_in .wrap_box { width:100%;}
#header h1 { top:22px; left:25px;}
#lnb { display:none;}
.jbFixed .header_in { position:absolute !important; background:#fff !important; min-height:70px !important;}
.jbFixed h1 { display:block !important;}
#gnb { top:28px;}
.search_box { top:24px; right:90px;}
.search_box i { font-size:33px;}
#m_gnb { position:absolute; top:0; right:0;}
#m_gnb .btn_sitemap { display:block; width:80px; height:80px; color:#222; font-size:40px; display:flex; align-items:center; justify-content:center;}
.lang_box { display:none;}
#container { padding-top:80px;}
}

@media all and (max-width:1024px) {
.main_search_con .wrap_box { width:100%; box-sizing:border-box; padding:30px;}
}

@media all and (max-width:960px) {
.footer_box.fx { flex-direction:column;}
.footer_box h1 img { height:34px;}
}

@media all and (max-width:767px) {
#header h1 img { width:110px;}
.search_box { right:60px; top:27px;}
#gnb { right:110px;}
#gnb > ul > li a { font-size:12px;}
.search_box i { font-size:26px;}
#m_gnb .btn_sitemap { font-size:30px; width:60px;}
.main_search_con input::-webkit-input-placeholder { font-size:30px; top:0;}
.main_search_con button { font-size:30px;}
#container { min-height:500px;}
#footer { padding:30px 0;}
.footer_box { padding:0; font-size:12px; gap:20px;}
.footer_box p { padding-bottom:50px;}
.footer_box span.line { display:none;}
.footer_box span.block { display:block;}
.footer_box h1 img { height:24px;}
}

@media all and (max-width:660px) {
.wrap_box { width:90%;}
}

@media all and (max-width:600px) {
.main_search_con input::-webkit-input-placeholder { font-size:20px;}
.main_search_con button { font-size:20px;}
.main_search_con .search_tag_box a { font-size:14px;}
.host.fx { flex-direction:column; gap:10px;}
}

@media all and (max-width:414px) {
#container { min-height:700px;}
}