@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-family: "Pretendard Variable", Dotum, '돋움', Arial; 
	letter-spacing:-1px; 
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
}

body { overflow-Y:scroll; }

a { }
a:link { text-decoration: none; color:inherit; }
a:visited { text-decoration: none; color:inherit; }
a:hover { text-decoration: none; color:inherit; }

table.frm	td.tit	 	{height:30px; background-color:#EFEFEF; text-align:left; padding-left:5px; font-size:12px; }
table.frm	td.ait 		{height:30px; background-color:#EFEFEF; text-align:left; padding-left:10px;}
table.frm	td.con		{height:30px; background-color:#FFFFFF; padding-left:10px; padding-top:3px; padding-bottom:3px;}
table.frm	td.req 		{height:30px; background-color:#FFD6C1; text-align:left; padding-left:15px;}

table.ofrm td.tit		{height:30px; background-color:#FFFFFF; text-align:left; padding-left:5px; font-weight : bold; font-size:12px; }
table.ofrm td.con		{height:30px; background-color:#FFFFFF; padding-left:10px; padding-top:3px; padding-bottom:3px;}

table.list td.head		{height:30px; background-color:#E0E0E0; text-align:center;font-size:12px; }
table.list td.list		{padding:5px 0px 5px 0px;font-size:12px; }

table.item td.gray	{ color:gray; }


.txt { border: 1px solid #CFC9C3;  height:19px;  padding-left:2pt; }
.txt_read{ background-color:#F4F4F4; border: 1px solid #CFC9C3;  height:19px;  padding-left:2pt; }
/*
.btn { cursor:hand;}
*/
.blind { display:block; overflow:hidden; position:absolute; top:-1000em; left:0; }

.tx { border:1px solid #CCCCCC; overflow:auto; padding:3pt;} 
.ro { border:1px solid #CCCCCC; background-color:#E3E3E3;} 
.row { border:0px solid #CCCCCC; background-color:#FFFFFF;} 
/*
.num { border:1px solid #CCCCCC; text-align:right; } 
*/

.red {color:red;}
.redY{color:red;  font-weight : bold;}
.blue {color:blue;}
.blueY{color:blue;  font-weight : bold;}
.green {color:green;}
.greenY{color:green;  font-weight : bold;}

.mn_txt { color:#595959; height:30px; padding-left:5px; font-size:12px; }
.mn_txt2 { color:#595959; height:20px; padding-left:20px; font-size:12px; }

.help { color:gray; }

.tb { border-top:2px solid #1561a8; position:relative; margin:60px 0 0 0; width:100%; }
.tb caption { font-size:16px; padding:0 0 10px 0; text-align:left; font-weight:bold; }
.tb th,
.tb td { color:#515155; padding:12px 0 12px 13px; border-bottom:1px solid #e2e2e2; font-size:14px; }
.tb th { background:#f3f3f3; text-align:left; }
.tb td { }

/* [s] paging */
.paging{display: flex;margin: 56px 0 0;text-align: center;justify-content: center;gap: 16px;}
.paging > a{display: block;width: 40px;height: 40px;font-size: 0;background-size: contain;background-position: center;}
.paging a.prev{background-image: url(/images/paging_prev.svg);}
.paging a.next{background-image: url(/images/paging_next.svg);}
.paging ul{display: flex;gap: 8px;}
.paging ul li a{display: block;width: 40px;height: 40px;border: 1px solid #ddd;text-align: center;line-height: 40px;font-size: 15px;color: #999;}
.paging ul li.on a{background: #0066B3;border-color: transparent;color: #fff;}
/* [e] paging */

.wrap { margin:0 auto; }
#header { border-bottom:3px solid #0053a0; overflow:hidden; height:84px; position:relative; }
#category { border-bottom:1px solid #cccccc; height:40px; }
.wrap.t1 { height:74px; position:relative; padding:10px 0 0 0; }
/* h1 { position:absolute; left:5px; top:24px; z-index:1; width:96px; height:49px; } */

#quick { position:absolute; right:-68px; top:458px; z-index:1; width:63px; }
#quick.sub { top:300px; }
#quick li { margin:0 0 1px 0; }
#quick a { display:table-cell; height:62px; text-align:center; vertical-align:middle; width:63px; }
#quick a { color:#fff; font-size:12px; line-height:16px; }

/* .lang { float:right; }
.lang a { background:#666; color:#fff; display:inline-block; font-size:9px; padding:3px; letter-spacing:0; } */
#gnb { float:right; height:9px; margin:7px 10px 0 0; }
#gnb li { float:left; border-left:1px solid #cfcfcf; padding:0 7px; height:9px; }
#gnb li:first-child { border:none; }
#gnb li.sitemap { padding-right:0; }
#gnb li a { font-size:11px; color:#333; display:block; }

#lnb { clear:both; float:right; margin:22px 0 0 0; color:#333333; }
#lnb li.dep01 { float:left; display:inline-block; padding:0 83px 0 0; position:relative; }
#lnb li.dep01>a { cursor:default; }
#lnb li a { font-size:16px; font-weight:bold; }
#lnb li.dep01 ul { position:absolute; left:0; top:35px;}
#lnb li.dep01 ul li { padding:3px 0;  }
#lnb li.dep01 ul li a { font-size:13px; font-weight:normal; }
#lnb li.dep01 ul li a:hover { color:#006dd3; font-weight:bold; }
#lnb li.dep01 ul li ul { position:relative; top:0; margin:5px 0 5px 0;}
#lnb li.dep01 ul li ul li { padding:0 0 0 10px; height:20px; }
#lnb li.dep01 ul li ul li a { font-size:12px; }

.wrap-search { float:right; margin:0 0 0 10px; }
.wrap-search input { float:left; }
.search-txt { width:128px; height:22px; line-height:25px; padding:0 0 0 12px; color:#737373; background:#f8f8f8; border-top:1px solid #d6d6d6; border-left:1px solid #d6d6d6; border-right:none; border-bottom:1px solid #d6d6d6; }


body.noScroll{overflow: hidden;}
/* [s] header2 */
#header2{position: fixed;top: 0;left: 50%;transform: translateX(-50%);width: 100%;height: 100px;z-index: 999;transition: 0.3s;}
#header2 .inner{display: flex;max-width: 1600px;width: 100%;height: 100%;margin: 0 auto;justify-content: space-between;}
#header2.active{background: #fff;border-bottom: 1px solid #ddd;}
#header2.active .lnb .depth1 > a{color: #111;}
#header2.active .logo img.default-logo{display: none;}
#header2.active .logo img.active-logo{display: block;}
#header2 .logo{height: 100%;padding: 18px 0;box-sizing: border-box;}
#header2 .logo img{height: 100%;object-fit: contain;width: 96px;}
#header2 .logo img.active-logo{display: none;}
#header2 .lnb{display: flex;gap: 80px;align-items: center;}
#header2 .lnb .depth1{position: relative;}
#header2 .lnb .depth1 > a{display: block;height: 100%;line-height: 100px;color: #fff;}
#header2 .lnb .depth1 .depth2{position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: 100%;min-width: 240px;padding: 40px 24px;z-index: 100;box-sizing: border-box;text-align: center;background: #0066B3;transition: all 0.3s linear;}
#header2 .lnb .depth1 .depth2 li{width: 100%;line-height: 1.5;}
#header2 .lnb .depth1 .depth2 li + li{margin-top: 24px;}
#header2 .lnb .depth1 .depth2 li a{display: inline-block;color: #fff;height: 20px;transition: all 0.3s linear;padding-bottom: 2px;}
#header2 .lnb .depth1 .depth2 li a:hover{border-bottom: 1px solid #fff;}
#header2 .lnb .depth1.on > a{color: #0066B3;}
#header2 .lnb .depth1.on .depth2{top: 100%;}
#header2 .lnb .depth1:not(.on) .depth2{height: 0;padding: 0;opacity: 0;z-index: 0;visibility: hidden;}
#header2 .lnb .depth1.on .depth2 li{}
#header2 .lnb .depth1:not(.on) .depth2 li a{height: 0;opacity: 0;}
#header2 .etc{display: flex;align-items: center;}
#header2 .etc .lang{position: relative;}
#header2 .etc .lang li{display: none;position: absolute;top: 100%;right: 0;height: 20px;color: #0066B3;line-height: 20px;padding-top: 8px;}
#header2 .etc .lang li.active{display: block;position: unset;color: #fff;padding-top: 0;}
#header2 .etc .lang li a{font-family: "Poppins", serif;font-size: 13px;letter-spacing: 0;color: inherit;}
#header2 .etc .lang li.active a::before{content: "";background: url(/images/ico_language_white.svg) no-repeat center;width: 20px;height: 20px;display: inline-block;vertical-align: top;margin-right: 4px;}
#header2.active .etc .lang li.active{color: #999;}
#header2.active .etc .lang li.active a::before{background-image: url(/images/ico_language_scroll.svg);}
#header2 .etc .lang:hover li{display: block;}
#header2 .etc .lang:hover li.active{border-bottom: 1px solid #999;}
#header2 .etc .sitemap-open{margin-left: 24px;}
#header2 .etc .sitemap-open button{width: 48px;height: 48px;margin: 0;padding: 0;border: none;font-size: 0;background: transparent url(/images/sitemap_openbtn.svg) no-repeat center;background-size: contain;cursor: pointer;}
#header2.active .etc .sitemap-open button{background-image: url(/images/sitemap_openbtn_scroll.svg);}
/* [e] header2 */

/* [s] sitemap */
#sitemap{display: none;}
#sitemap.on{display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: #fff;z-index: 2000;overflow: hidden;overflow-y: auto;}
#sitemap .sitemap-close{position: fixed;top: 0;right: 0;}
#sitemap .sitemap-close button{width: 96px;height: 96px;margin: 0;padding: 0;border: none;font-size: 0;background: transparent url(/images/sitemap_closebtn.svg) no-repeat center;background-size: contain;cursor: pointer;}
#sitemap .sitemap-tit{display: flex;width: calc(100% - 96px);height: 100%;}
#sitemap .sitemap-tit > li{flex: 1;border-right: 1px solid #ddd;height: 100%;padding: 280px 40px 0;box-sizing: border-box;}
#sitemap .sitemap-tit > li h2{font-size: 32px;color: #111;font-weight: 700;line-height: 1.5;letter-spacing: -0.8px;}
#sitemap .sitemap-tit > li:hover h2{color: #0066B3;}
#sitemap .sitemap-tit > li .sitemap-sub{padding-top: 48px;}
#sitemap .sitemap-tit > li .sitemap-sub li{line-height: 1.5;letter-spacing: -0.4px;}
#sitemap .sitemap-tit > li .sitemap-sub li + li{margin-top: 24px;}
#sitemap .sitemap-tit > li .sitemap-sub li a{position: relative;color: #666;}
#sitemap .sitemap-tit > li .sitemap-sub li a:hover{color: #0066B3;font-weight: 500;}
#sitemap .sitemap-tit > li .sitemap-sub li a:hover::after{content: "";display: block;width: 100%;height: 2px;position: absolute;bottom: -2px;left: 0;background: #0066B3;}
/* [e] sitemap */

/* [s] footer2 */
#footer2{background: #1F2325;}
#footer2 .inner{display: flex;max-width: 1600px;width: 100%;margin: 0 auto;padding: 64px 0;justify-content: space-between;}
#footer2 .left{display: flex;align-items: flex-start;gap: 64px;}
#footer2 .left .f-info p{font-size: 15px;color: rgba(255, 255, 255, 0.5);line-height: 1.5;letter-spacing: -0.375px;margin-top: 4px;}
#footer2 .left .f-info p:first-child{margin-top: 8px;}
#footer2 .left .f-info p .f-info-tit{display: inline-block;width: 52px;margin-right: 24px;color: #fff;}
#footer2 .right{display: flex;flex-direction: column;align-items: flex-end;justify-content: space-between;}
#footer2 .right .f-etc{display: flex;gap: 24px;align-items: center;}
#footer2 .right .f-etc .f-sns{display: flex;gap: 16px;}
#footer2 .right .f-etc .f-sns li a{display: block;}
#footer2 .right .f-family{position: relative;width: 172px;height: 40px;	}
#footer2 .right .f-family .f-family-btn{position: relative;width: 100%;height: 100%;padding: 0 12px;box-sizing: border-box;border: 1px solid #BBB;color: #BBB;font-size: 14px;line-height: 40px;letter-spacing: -0.35px;font-family: "Poppins", serif;text-transform: uppercase;cursor: pointer;}
#footer2 .right .f-family .f-family-btn::before{content: "";position: absolute;top: 50%;right: 12px;transform: translateY(-50%);width: 24px;height: 24px;background: url(/images/ico_f_family.svg) no-repeat center;background-size: contain;}
#footer2 .right .f-family .f-family-list{display: none;position: absolute;bottom: 100%;left: 0;width: 100%;padding: 16px 12px;box-sizing: border-box;background: #fff;border: 1px solid #ddd;}
#footer2 .right .f-family .f-family-list li:hover a{color: #0066B3;}
#footer2 .right .f-family .f-family-list li + li{margin-top: 8px;}
#footer2 .right .f-family .f-family-list li a{display: block;position: relative;color: #999;font-size: 14px;line-height: 1.5;letter-spacing: -0.35px;text-transform: uppercase;}
#footer2 .right .f-family .f-family-list li:hover a::before{content: "";width: 100%;height: 1px;background: #0066B3;position: absolute;bottom: 0;left: 0;}
#footer2 .right .f-family.on .f-family-list{display: block;}
#footer2 .right .f-family.on .f-family-btn{background-color: #111;color: #fff;border-color: transparent;}
#footer2 .right .f-family.on .f-family-btn::before{background-image: url(/images/ico_f_family_on.svg);}
#footer2 .right .f-copy{color: #FFF;text-align: right;font-family: "Poppins", serif;font-size: 13px;line-height: 1.5;text-transform: uppercase;opacity: 0.3;}
/* [e] footer2 */


#category .cate { float:right; padding:15px 0 0 0; font-size:12px; }
#category .cate li { float:left; color:#a1a1a1; }
#category .cate li.dep-now { color:#2a2a2c; }

#container { width:100%; margin:0 auto; }
#container:after { clear:both; content:""; display:block; }
#snb { float:left; width:145px; margin:40px 0 0 0; }
#snb h2 { border-bottom:2px solid #0053a0; height:44px; font-size:29px; }
#snb .dep01 { }
#snb .dep01 li strong { display:block; height:39px; }
#snb .dep01 li strong a { height:39px; border-bottom:1px solid #e4e4e4; display:block; font-size:16px; line-height:39px; padding:0 0 0 6px; color:#333; }
#snb .dep01 li strong:hover a { color:#0053a0; font-weight:bold; background:url(/images/bul_over.gif) no-repeat 140px 15px; }
#snb .dep01 li strong.on a { color:#0053a0; font-weight:bold; background:url(/images/bul_over.gif) no-repeat 140px 15px; }
#snb .dep02 { border-bottom:1px solid #e4e4e4; /* display:none; */}
#snb .dep02.open { display:block; }
#snb .dep02 li { padding:0 0 0 12px; background:url(/images/bul_dep02.gif) no-repeat 4px 13px; line-height:26px; }
#snb .dep02 a { display:block; font-size:12px; }
#snb .dep02 a:hover { color:#0053a0; font-weight:bold; }
#snb .dep02 li.on a { color:#0053a0; font-weight:bold; }
#snb sup { background:url(/images/bg_snb_r.gif) no-repeat 0 0; width:7px; height:7px; display:inline-block; }
#snb .dep02 .on sup { background-position:0 -7px; }
#snb .dep02 a:hover sup { background-position:0 -7px; }

#content { float:right; width:780px; }

/* content common*/
#content #hgroup { margin:0 0 45px 0; padding:42px 0 0 0; }
#content #hgroup.hgroup_ { margin:0 0 0px 0; padding:42px 0 0 0;}
#content #hgroup h3 { font-size:45px; font-weight:bold; color:#2a2a2c; }
#content #hgroup p { font-size:28px; color:#555; margin:60px 0 0 0; line-height:42px; }
#content #hgroup p span { color:#0054a1; }
#content .cont:after { clear:both; content:""; display:block; }
#content strong.bul { font-size:28px; margin:38px 0 0 0; display:block; position:relative; }
#content strong.bul span { width:22px; height:4px; display:block; position:absolute; background:#0054a1; top:-10px; left:0; z-index:1; }
#content strong.bul02 { font-size:18px; margin:19px 0 0 0; display:block; position:relative; }
#content strong.bul02 span { width:16px; height:2px; display:block; position:absolute; background:#0054a1; top:-10px; left:0; z-index:1; }

/* footere */
#footer { height:117px; font-size:12px; margin:100px 0 0 0; }
#footer.main { margin:0; }
#footer .wrap { border-top:1px solid #ccc; position:relative; }
#footer .logo { float:left; padding:8px 0 0 2px; }
#footer .foot-menu { position:absolute; left:-7px; top:52px; z-index:1; }
#footer .foot-menu li { float:left; border-left:1px solid #666; height:12px; }
#footer .foot-menu li:first-child { border:none; }
#footer .foot-menu li a { margin:0 10px; color:#666; }
#footer .foot-menu li p { margin:0 10px;}
#footer .adress { position:absolute; left:3px; top:75px; z-index:1; border-top:1px solid #e0e0e0; padding:5px 0 0 0; }
#footer .adress p { color:#999; }
#footer .mark { float:right; margin:45px 30px 0 0; }
#footer .mark li { width:70px; height:70px; text-align:center; display:table-cell; vertical-align:middle; }
#footer .family { position:absolute; top:19px; z-index:10; }
#footer .family select { width:220px; height:19px; }
#footer .sns { position:absolute;  top:14px; z-index:10; }
#footer .sns a { margin:0 5px 0 0; }


.brd-view,
.popup,
.cke_editable { line-height:1.6; font-size:12px; }

/* popup */
#title { text-align:center; width:80%; margin:20px auto; background:#eee; }
#chk_close { font-size:12px; background:#fff; border-top:1px solid #ccc; text-align:center; vertical-align:top; }
#chk_close input { position:relative; top:2px; }

#btn_close { text-align:right; height:20px; line-height:20px; padding-right:10px; }
#btn_close a { font-size:12px; color:#fff; font-weight:bold; }

.inq-list { font-size:12px; width:100%; margin:0 0 50px 0; }
.inq-list caption { color:#060606; font-weight:bold; text-align:left; padding:0 0 10px 0; font-size:14px; display:table-caption; }
.inq-list caption span { color:#0066b3; }
.inq-list thead { border-top:2px solid #0552a9; }
.inq-list tbody { border-bottom:1px solid #0552a9; }
.inq-list th { height:32px; background:#f9f9f9; font-weight:bold; }
.inq-list tbody th,
.inq-list tbody td { height:38px; border-top:1px solid #e5e5e5; }
.inq-list tbody td { padding:0 0 0 5px; }
.inq-list td.subject { text-align:left; padding-left:32px; }

.border_none {border-top:1px solid #e4e4e4}


@media only screen and (max-width: 1280px) {
	/* [s] header2 */
	#header2{height: 80px;}
	#header2.active{border: none;}
	#header2 .inner{padding: 0 20px;box-sizing: border-box;}
	/* #header2 .logo{padding: 20px 0;} */
	#header2 .lnb{display: none;}
	#header2 .etc .lang{display: flex;}
	#header2 .etc .lang li{display: block;position: unset;color: #fff;opacity: 0.5;padding-top: 0;}
	#header2 .etc .lang li.active{font-weight: 500;opacity: 1;}
	#header2 .etc .lang li.active::after{content: "";display: inline-block;width: 1px;height: 10px;margin: 0 8px;background: rgba(255, 255, 255, 0.3);vertical-align: middle;}
	#header2.active .etc .lang li{color: #999;}
	#header2.active .etc .lang li.active{color: #666;}
	#header2.active .etc .lang li.active::after{background: #EBEBEB;}
	#header2 .etc .lang li a{line-height: 21px;}
	#header2 .etc .lang li.active a::before{display: none;}
	#header2 .etc .sitemap-open button{width: 40px;height: 40px;}
	/* [e] header2 */

	/* [s] sitemap */
	#sitemap .sitemap-tit{flex-direction: column;width: 100%;height: auto;padding: 100px 20px 20px;box-sizing: border-box;}
	#sitemap .sitemap-tit > li{padding: 0;border: none;border-bottom: 1px solid #ddd;}
	#sitemap .sitemap-tit > li h2{position: relative;padding: 17px 0;font-size: 20px;font-weight: 500;letter-spacing: -0.5px;}
	#sitemap .sitemap-tit > li h2::before{content: "";position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 20px;height: 20px;background: url(/images/m_sitemap_subopen.svg) no-repeat center;background-size: contain;}
	#sitemap .sitemap-tit > li.on h2::before{background-image: url(/images/m_sitemap_subclose.svg);}
	#sitemap .sitemap-tit > li:hover h2{color: #111;}
	#sitemap .sitemap-tit > li.on h2{color: #0066B3;}
	#sitemap .sitemap-tit > li .sitemap-sub{display: none;}
	#sitemap .sitemap-tit > li.on .sitemap-sub{display: flex;flex-wrap: wrap;row-gap: 16px;background: #F5F5F5;padding: 24px 16px;border-top: 1px solid #ddd;}
	#sitemap .sitemap-tit > li .sitemap-sub li{width: 50%;font-size: 14px;letter-spacing: -0.35px;}
	#sitemap .sitemap-tit > li .sitemap-sub li + li{margin-top: 0;}
	#sitemap .sitemap-tit > li .sitemap-sub li a{display: block;}
	#sitemap .sitemap-close{top: 20px;right: 20px;}
	#sitemap .sitemap-close button{width: 40px;height: 40px;background-image: url(/images/m_sitemap_closebtn.svg);}
	/* [e] sitemap */

	/* [s] footer2 */
	#footer2 .inner{padding: 40px 20px;flex-direction: column;align-items: flex-start;box-sizing: border-box;gap: 24px;}
	#footer2 .left{width: 100%;flex-direction: column;gap: 16px;}
	#footer2 .left .f-logo{height: 48px;}
	#footer2 .left .f-logo img{height: 100%;object-fit: contain;}
	#footer2 .left .f-info p{font-size: 13px;letter-spacing: -0.325px;}
	#footer2 .left .f-info p:first-child{margin-top: 0;}
	#footer2 .right{align-items: flex-start;gap: 16px;}
	#footer2 .right .f-family .f-family-btn{font-size: 13px;}
	#footer2 .right .f-copy{font-size: 12px;}
	/* [e] footer2 */

	/* [s] paging */
	.paging{margin: 42px 0 0;gap: 8px;}
	.paging > a{width: 32px;height: 32px;}
	.paging ul li a{width: 32px;height: 32px;font-size: 14px;line-height: 32px;}
	.paging ul li.on a{background: #0066B3;border-color: transparent;color: #fff;}
	/* [e] paging */
}