.test { border:1px solid #ff0000; }
/* Style  */
html { width: 100%; position: relative; font-family: 'Noto Sans KR','Apple Gothic','Open Sans',sans-serif !important; }
body { width: 100%; position: relative; font-family: 'Noto Sans KR','Apple Gothic','Open Sans',sans-serif !important; color: rgb(51, 51, 51); line-height: 1.6; letter-spacing: 0px; font-size: 15px; -ms-word-break: break-all; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }


/* common  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 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, input, select, table, caption, tbody, thead, tfoot, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, a, button, option, textarea { margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
table { border-collapse: collapse; }
label, legend { text-decoration: none; display: inline-block; }
input[type=text] { -ms-ime-mode: active; }
header ol, header ul, #sitemap ol, #sitemap ul { list-style-type: none; font-family: 'Noto Sans KR','Apple Gothic','Open Sans',sans-serif !important; }

.clear { clear: both; }
.hide { display: none; }
.skip, .blind { background: none; margin: 0px; padding: 0px; width: 1px; height: 1px; color: transparent; line-height: 0; font-size: 3px; position: absolute; }
.hidden_txt { background: none !important; border: currentColor !important; border-image: none !important; width: 0px; height: 0px; line-height: 0; text-indent: -9999px; overflow: hidden; font-size: 0px; position: absolute; }

.clr { clear: both; }
.clr::after { clear: both; display: block; content: ""; }
.hidden_txt, .blind, caption, legend { width: 0px; height: 0px; line-height: 0; overflow: hidden; font-size: 0px; position: absolute; }

.float-right { float: right; }
.float-left { float: left; }

/* Grid_5 */
@media (min-width: 992px) {
	.col-md-25 { float: left; width: 20%; }
}

@media (min-width: 768px) {
	.col-sm-25 { float: left; width: 20%; }
}

main { display: block; }
.inner { margin: 0px auto; padding: 0px 20px; position: relative; max-width: 1440px; }
.inner-n { margin: 0px auto; padding: 0px; position: relative; max-width: 1440px; }

.confirmIframe body { overflow: hidden; }
#progressScroll { display: none; }
.page-wrap { overflow: hidden; }

.skipnav { list-style: none; padding: 0px; top: -100px; width: 100%; font-size: 14px; position: absolute; z-index: 2999; }
.skipnav li { left: 0px; top: 0px; width: 100%; position: relative; }
.skipnav li a { background: rgb(0, 0, 0); padding: 15px 0px; top: 0px; width: 100%; text-align: center; color: rgb(255, 255, 255); text-decoration: none; display: block; position: absolute; }
.skipnav li a:focus { top: 100px; }
.skipnav li a:active { top: 100px; }

.slick-slider .slick-list { display: block; position: relative; -ms-overflow-x: hidden; -ms-overflow-y: hidden; }
.slick-slider .slick-list.dragging { cursor: pointer; }
.slick-slider .slick-list .slick-track { left: 0px; top: 0px; display: block; position: relative; }
.slick-slider .slick-list .slick-track::before { display: table; content: ""; }
.slick-slider .slick-list .slick-track::after { display: table; content: ""; }
.slick-slider .slick-list .slick-track::after { clear: both; }
.slick-slider .slick-list.slick-loading .slick-track { visibility: hidden; }
.slick-slider .slick-list .slick-track .slick-slide { float: left; display: none; }
[dir='rtl'].slick-slider .slick-list .slick-track .slick-slide { float: right; }
.slick-slider .slick-list .slick-track .slick-slide img { width: 100%; display: block; }
.slick-slider .slick-list .slick-track .slick-slide.slick-loading img { display: none; }
.slick-slider.slick-initialized .slick-list .slick-track .slick-slide { display: block; }
.slick-slider .slick-list .slick-track.slick-loading .slick-slide { visibility: hidden; }
.slick-slider .slick-arrow.slick-hidden { display: none; }


@media all and (min-width:1200px) {
	#header #gnb_mobile, .mask_mobile  { display: none !important; }
}

@media all and (max-width:1199px) {
	body { position: relative !important; }
	body.fixed { position: fixed !important; }
	#header #gnb_pc, #header .bg_pc, #sitemap, .sitemapbg, .mask_pc { display: none !important; }
}

@media all and (max-width:760px) {
	.inner { padding: 0px 15px; }
	.inner-n { padding: 0px 15px; }
}

#myModal { z-index:2001; }

#header { background: url("../images/common/top_back.png") repeat-x left bottom; transition:0.2s; width: 100%; position: fixed; z-index: 2000; }
#header .inner { transition:0.2s; }
#header h1 { transition:0.2s; left: 20px; top: 50%; width: 280px; height: 58px; margin-top: -60px; position: absolute; z-index: 15; }
#header h1 a {background: url("../images/common/logo.png") no-repeat 0px 0px / cover; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; display: block; }

.fixed#header { background: url("../images/common/top_back_a.png") repeat-x left bottom; }
.fixed#header h1 { height: 0px; }
.fixed#header .toplink-pc { display:none; height: 0px; }
.active#header { background: url("../images/common/top_back_h.png") repeat-x left bottom; }

@media all and (max-width:1199px) {
	#header { background: rgb(245, 247, 252); transition:0.2s; width: 100%; position: fixed; z-index: 2000; }
	.fixed#header { background: rgba(245, 247, 252, 0.9); }
	.fixed#header h1 { height: 0px; }
	.active#header { background: rgba(245, 247, 252, 1); }
	.toplink-pc { display:none; height: 0px; }
}

.toplink-pc { height:35px; margin:0; padding:0; }
.toplink-pc .tlk-1 { background:#fff; font-size:13px; font-weight: 400; line-height: 1.0em; color:#555; padding:10px 10px 11px; margin:0px; display: inline-block; border-right:1px solid #eee; border-bottom:1px solid #eee; border-left:1px solid #eee; }
.toplink-pc .tlk-2 { background:#fff; font-size:13px; font-weight: 400; line-height: 1.0em; color:#555; padding:10px 10px 11px; margin:0 0 0 -5px; display: inline-block; border-right:1px solid #eee; border-bottom:1px solid #eee; border-left:1px solid #eee; }
.toplink-pc .tlk-3 { background:#fff; font-size:13px; font-weight: 400; line-height: 1.0em; color:#555; padding:10px 10px 11px; margin:0 0 0 -5px; display: inline-block; border-right:1px solid #eee; border-bottom:1px solid #eee; border-left:1px solid #eee; }
.toplink-pc .tlk-1:hover { background:#edf0f4; color:#fff; margin:0px; border-right:1px solid #edf0f4; border-bottom:1px solid #edf0f4; border-left:1px solid #edf0f4; }
.toplink-pc .tlk-2:hover, .toplink-pc .tlk-3:hover { background:#edf0f4; color:#fff; margin:0 0 0 -5px; border-right:1px solid #edf0f4; border-bottom:1px solid #edf0f4; border-left:1px solid #edf0f4; }

.toplink-mo { width:100%; margin:0; padding:15px; }
.toplink-mo .tlk-1, .toplink-mo .tlk-2, .toplink-mo .tlk-3 { background:#474952; font-size:15px; font-weight: 400; text-align: center; line-height: 1.0em; color:#fff; padding:8px 15px 11px; margin-bottom:4px; display: inline-block; border-radius: 20px; border:0px solid #eee; }
.toplink-mo .tlk-1:hover, .toplink-mo .tlk-3:hover, .toplink-mo .tlk-3:hover { background:#2e3e83; color:#fff; margin-bottom:4px; }

#gnb_pc { padding: 0px 50px 0px 0px; position: relative; z-index: 10; }
#gnb_pc .depth_01 > li { width: 20.0%; float: left; position: relative;  }
#gnb_pc .depth_01 h2 a { transition:0.1s; height: 70px; text-align: center; color: rgb(255, 255, 255); line-height: 70px; font-size: 18px; font-weight: 400; display: block; position: relative; }
#gnb_pc .depth_01 h2 a::after { background: rgb(246, 178, 35); border-radius: 0px; transition:0.2s; left: 50%; height: 5px; right: 50%; bottom: 0px; display: block; position: absolute; z-index: 10; content: ""; }
#gnb_pc .depth_01 h2.active a::after { left: 1px; right: 0px; }
#gnb_pc .depth_02 { transition:0.2s; left: 0px; top: 70px; width: 100%; border-left-color: rgba(255, 255, 255, 0.1); border-left-width: 1px; border-left-style: solid; display: none; position: absolute;  }
#gnb_pc .depth_01 h2.active + .depth_02 { background: rgba(0, 0, 0, 0.3) !important; }
#gnb_pc .depth_02 h3 a { transition:0.1s; color: rgb(255, 255, 255); line-height: 1.3em;; padding: 7px 10px; font-size: 16px; font-weight: 400; display: block; white-space: nowrap; position: relative;  }
#gnb_pc .depth_02 li:first-child h3 a { padding-top:20px !important; }
#gnb_pc .depth_02 li:last-child h3 a { padding-bottom:20px !important; }
#gnb_pc .depth_02 h3 a:hover { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.5); }

/* #gnb_pc .depth_02 h3 a::before { background: rgb(85, 85, 85); border-radius: 50%; left: 30px; top: 50%; width: 3px; height: 3px; margin-top: -2px; display: block; position: absolute; content: ""; } 
#gnb_pc .depth_02 h3 a:hover::before { background: rgb(16, 75, 159); } */

#gnb_pc .depth_02 h3 a.arrow::after { background: url("../images/common/sp_new.png") no-repeat -356px -113px / 720px 400px; top: 50%; width: 8px; height: 14px; right: 25px; margin-top: -7px; display: block; position: absolute; content: ""; }
#gnb_pc .depth_02 h3 a.arrow:hover::after { background-position-x: -436px; }
#gnb_pc .depth_02 h3 a[target=_blank]::after { background: url("../images/common/sp_foundation02.png") no-repeat -192px -272px / 800px 480px; top: 50%; width: 16px; height: 16px; right: 20px; margin-top: -9px; display: block; position: absolute; content: ""; }
#gnb_pc .topbx { transition:0.2s; height: 110px; text-align: right; right: -60px; padding-top: 35px; position: relative; }

.fixed#header #gnb_pc .topbx { padding: 0px; height: 0px; overflow: hidden; }

#gnb_pc .topbx > div { vertical-align: top; display: inline-block; }
#gnb_pc .topbx .joblk { border-radius: 19px; background:#474952; font-size:13px; font-weight: 300; color:#fff; padding:5px 15px; margin-top:3px; margin-left: 1px; vertical-align: middle; display: inline-block; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0); }
#gnb_pc .topbx .joblk:hover { background:#3150a7; }
#gnb_pc .topbx .joblk img { width: 100%; display: block; }
#gnb_pc .topbx .memberbx a { padding: 0px 5px; height: 38px; color: rgb(103, 115, 121); line-height: 38px; font-size: 14px; font-weight: 400; vertical-align: top; display: inline-block; }
#gnb_pc .topbx .memberbx a:hover { color: rgb(16, 75, 159); }
#gnb_pc .topbx .searchbx { background: rgb(255, 255, 255); margin: 0px 0px 0px 10px; border-radius: 19px; border: 1px solid rgb(187, 188, 192); border-image: none; width: 350px; height: 38px; text-align: left; padding-right: 40px; position: relative; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.0); }
#gnb_pc .topbx .searchbx input[type='text'] { background: none; width: 100%; height: 34px; text-align: left; color: rgb(102, 102, 102); padding-left:20px; font-size: 14px; line-height: 1.0em; padding-top:0px; font-weight: 400; border: 0px solid #ddd !important; }
#gnb_pc .topbx .searchbx input[type='submit'] { background: url("../images/common/sp_new.png") no-repeat -29px -29px / 720px 400px; transition:transform 0.1s; top: 50%; width: 24px; height: 24px; right: 12px; text-indent: -9999px; overflow: hidden; margin-top: -11.5px; position: absolute; }
#gnb_pc .topbx .searchbx input[type='submit']:active { transform: scale(0.9); }

.active#header .depth_02 h3 a { animation:rise01 0.1s ease-in-out 0.1s both; }
.active#header .depth_02 > li:nth-child(2) h3 a { animation-delay: 0.12s; }
.active#header .depth_02 > li:nth-child(3) h3 a { animation-delay: 0.14s; }
.active#header .depth_02 > li:nth-child(4) h3 a { animation-delay: 0.16s; }
.active#header .depth_02 > li:nth-child(5) h3 a { animation-delay: 0.18s; }
.active#header .depth_02 > li:nth-child(6) h3 a { animation-delay: 0.2s; }
.active#header .depth_02 > li:nth-child(7) h3 a { animation-delay: 0.22s; }
.active#header .depth_02 > li:nth-child(8) h3 a { animation-delay: 0.24s; }
.active#header .depth_02 > li:nth-child(9) h3 a { animation-delay: 0.26s; }

#gnb_pc .topbx .snsbx a { background: url("../images/common/sp_new.png") no-repeat -265px -25px / 720px 400px; margin: 3px 0px 0px 5px; width: 31px; height: 30px; text-indent: 9999px; overflow: hidden; vertical-align: top; display: inline-block; }
#gnb_pc .topbx .snsbx a.insta { background-position-x: -345px; }
#gnb_pc .topbx .snsbx a.blog { background-position-x: -425px; }
#gnb_pc .topbx .snsbx a.utube { background-position-x: -500px; }

#header .btn_box { transform-origin: 100% 50%; transition:0.2s; top: 50%; right: 20px; margin-top: 42px; position: absolute; z-index: 2001;  }
#header .btn_box a { background: url("../images/common/sp_new_btn.png") no-repeat 0px 0px; transition:transform 0.1s; width: 32px; height: 26px; text-indent: -9999px; overflow: hidden; display: block; z-index:2001; }
#header .btn_box a:active { transform: scale(0.9); z-index:2001; }
#header .btn_box a.mopen.active { background-position: -186px -26px; width: 28px; height: 28px; transform: scale(0.9); z-index:2001; }
#header .btn_box a.mopen { display: none; }

#header .bg_pc { background: rgba(0, 0, 0, 0.8); left: 0px; top: 180px; width: 100%; height: 0px; overflow: hidden; display: none; position: absolute; }
#header .bg_pc::before { background: rgb(237, 240, 244); left: 0px; top: 0px; height: 0px; right: 0px; display: block; position: absolute; content: ""; }
.mask_pc { background: rgba(0, 0, 0, 0.0); left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; position: fixed; z-index: 100; }

.fixed#header .bg_pc { top: 70px; }
.fixed#header .btn_box { margin-top: -13px; }

@media all and (max-width:1199px) { 
	#header .btn_box a.sitemap { display: none; z-index:2001; }
	#header .btn_box a.mopen { display: block; z-index:2001; }
	#header .btn_box a { background: url("../images/common/sp_new.png") no-repeat -105px -28px / 720px 400px; transition:transform 0.1s; width: 30px; height: 24px; text-indent: -9999px; overflow: hidden; display: block; z-index:2001; }
}

#sitemap { height:450px; border-radius: 15px; background: rgb(255, 255, 255); padding: 30px 30px 0px 30px; animation:rise01 0.25s 0.1s both; left: calc((100vw - 1100px) /2); top: 35px; right: calc((100vw - 1100px) /2); display: none; position: fixed; z-index: 2030; }
.sitemapbg { background: rgba(0, 0, 0, 0.5); left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; position: fixed; z-index: 2020; }
#sitemap::before { background: rgb(210, 210, 210); left: 300px; top: 50px; height: 1px; right: 100px; display: block; position: absolute; content: ""; }
#sitemap .title { background: url("../images/common/logo_s.png") no-repeat 0px 0px / cover; width: 230px; height: 48px; text-indent: -9999px; overflow: hidden; }
#sitemap .close { background: url("../images/common/sp_new.png") no-repeat -186px -26px / 720px 400px; transition:transform 0.1s; top: 35px; right: 35px; width: 28px; height: 28px; text-indent: -9999px; overflow: hidden; display: block; position: absolute; }
#sitemap .close:active { transform: scale(0.9); }
#sitemap .depth_01 { height: calc(100% - 110px); padding-right: 0px; margin-top: 30px; -ms-overflow-y: auto; }
#sitemap .depth_01 > li { padding-left: 210px; position: relative; }
#sitemap .depth_01 > li + li { margin-top: 15px;  }
#sitemap .depth_01 h2 { border-radius: 25px; border: 1px solid rgb(198, 203, 226); border-image: none; left: 0px; top: 0px; width: 180px; height: 45px; text-align: center; color: rgb(18, 11, 42); line-height: 43px; font-size: 16px; font-weight: 500; position: absolute; }
#sitemap .depth_02 { position: relative; }
#sitemap .depth_02::after { clear: both; display: table; content: ""; }
#sitemap .depth_02 li { padding-right: 50px; margin-bottom: 0px; float: left;  }
#sitemap .depth_02 li:nth-child(7n) { clear: both; }
#sitemap .depth_02 h3 { margin-bottom: 0px; }
#sitemap .depth_02 h3 a { height: 45px; color: rgb(41, 34, 67); line-height: 45px; font-size: 15px; font-weight: 400; display: block; position: relative; }
#sitemap .depth_02 h3 a::after { background: rgb(255, 255, 255); border-radius: 0px; transition:0.1s; left: 0px; height: 2px; right: 0px; bottom: 0px; display: block; position: absolute; content: ""; }
#sitemap .depth_02 h3 a:hover::after { background: rgb(16, 75, 159); }
#sitemap .depth_02 li li { width: 100%; padding-left:4px; padding-right:0; }
#sitemap .depth_02 h4 a { width:100%; height: 30px; color: rgb(93, 91, 105); line-height: 30px; padding-left: 7px; font-size: 12px; font-weight: 400; display: block; position: relative; }
#sitemap .depth_02 h4 a::after { background: rgb(93, 91, 105); border-radius: 50%; left: 0px; top: 50%; width: 2px; height: 2px; margin-top: -1px; display: block; position: absolute; content: ""; }
#sitemap .depth_02 h4 a:hover { text-decoration: underline; }

#gnb_mobile { background: rgb(255, 255, 255); padding: 0px 0px 20px; transition:0.35s ease-in-out; top: 60px; width: 414px; height: calc(100% - 60px); right: -414px; font-family: "Noto Sans KR"; display: none; position: fixed; z-index: 50; -ms-overflow-y: auto; }
.mask_mobile { background: rgba(0, 0, 0, 0.5); left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; position: fixed; z-index: 150; }
.active#gnb_mobile { right: 0%; }

#gnb_mobile .depth_02 { background: rgb(245, 245, 245); padding: 10px 15px; display: none; }
#gnb_mobile .depth_03 { display: none; }
#gnb_mobile h2 a { height: 45px; color: rgb(17, 17, 17); line-height: 50px; padding-left: 20px; font-size: 20px; font-weight: 600; display: block; position: relative;  }
#gnb_mobile h2 a::after { border-width: 2px 2px 0px 0px; border-style: solid; border-color: rgb(35, 31, 32); transition:0.1s; border-image: none; top: 50%; width: 8px; height: 8px; right: 20px; margin-top: -4px; display: block; position: absolute; content: ""; transform: rotate(135deg); }
#gnb_mobile h2.active a { color: rgb(16, 75, 159); }
#gnb_mobile h2.active a::after { border-color: rgb(16, 75, 159); transform: rotate(-45deg); }
#gnb_mobile h3 a { border-radius: 27px; transition:0.2s; height: 30px; color: rgb(35, 31, 32); line-height: 30px; padding-left: 10px; font-size: 16px; font-weight: 500; display: block; position: relative; z-index: 1; }
#gnb_mobile h3.has_depth a::after { border-width: 2px 2px 0px 0px; border-style: solid; border-color: rgb(35, 31, 32); transition:0.1s; border-image: none; top: 50%; width: 8px; height: 8px; right: 10px; margin-top: -4px; display: block; position: absolute; content: ""; transform: rotate(135deg); }
#gnb_mobile h3 a[target=_blank]::after { background: url("../images/common/sp_new.png") no-repeat -673px -193px / 720px 400px; top: 50%; width: 14px; height: 14px; right: 20px; margin-top: -7px; display: block; position: absolute; content: ""; transform: scale(0.85); }
#gnb_mobile h3.active a { background: rgb(16, 75, 159); color: rgb(255, 255, 255); padding-left:25px; }
#gnb_mobile h3.active a::after { border-color: rgb(255, 255, 255); transform: rotate(-45deg); right:30px; }
#gnb_mobile h3.active a::before { opacity: 1; }
#gnb_mobile .depth_03 { padding: 10px 0px 5px; }
#gnb_mobile h4 a { height: 30px; color: rgb(35, 31, 32); line-height: 30px; padding-left: 25px; font-size: 16px; font-weight: 500; display: block; }
#gnb_mobile h4 a::before { padding-right: 1px; content: "-"; }
#gnb_mobile h4.active a { color: rgb(16, 75, 159); }

#gnb_mobile .topbx { background: rgb(245, 245, 245); margin: 15px 15px 10px; border-radius: 23px; height: 45px; text-align: left; position: relative; }
#gnb_mobile .topbx input[type='text'] { background: none; width: 100%; height: 45px; text-align: left; color: rgb(35, 31, 32); padding-left: 20px; font-size: 15px; font-weight: 500; border: 0px solid #ddd !important; }
#gnb_mobile .topbx input[type='submit'] { background: url("../images/common/sp_new.png") no-repeat -29px -29px / 720px 400px; transition:transform 0.1s; top: 50%; width: 24px; height: 24px; right: 12px; text-indent: -9999px; overflow: hidden; margin-top: -11.5px; position: absolute; }
#gnb_mobile .topbx input[type='submit']:active { transform: scale(0.9); }

#gnb_mobile .mjbx { border-top: 1px solid #ddd !important; padding-left: 18px; margin-top: 0px; white-space: nowrap; }
#gnb_mobile .mjbx .memberbx { margin-top:5px; margin-bottom: 10px; display: block; }
#gnb_mobile .mjbx .memberbx a { padding: 0px 8px; height: 30px; color: rgb(103, 115, 121); line-height: 30px; font-size: 14px; font-weight: 400; vertical-align: top; display: inline-block; }
#gnb_mobile .mjbx .joblk { border-radius: 19px; width: 140px; margin-right: 20px; margin-left: 10px; vertical-align: top; float: right; display: inline-block; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); }
#gnb_mobile .mjbx .joblk img { width: 100%; display: block; }
#gnb_mobile .mjbx .snsbx { margin-left: 3px; vertical-align: top; display: inline-block; }
#gnb_mobile .mjbx .snsbx a { background: url("../images/common/sp_new.png") no-repeat -265px -25px / 720px 400px; margin: -1px 0px 0px 2px; width: 31px; height: 30px; text-indent: 9999px; overflow: hidden; vertical-align: top; display: inline-block; transform: scale(0.8); }
#gnb_mobile .mjbx .snsbx a.insta { background-position-x: -345px; }
#gnb_mobile .mjbx .snsbx a.blog { background-position-x: -425px; }
#gnb_mobile .mjbx .snsbx a.utube { background-position-x: -500px; }

@media all and (max-width:1400px) {
	#gnb_pc .depth_02 h3 a { padding-left: 8px; font-size:15px !important; }
	#gnb_pc .depth_02 h3 a::before { left: 15px; }
	#gnb_pc .depth_02 h3 a.arrow::after { right: 15px; }
}

@media all and (max-width:1199px) {
	#header { height: 60px; }
	#header .inner { height: 60px; }
	.fixed#header { height: 52px; }
	.fixed#header .inner { height: 52px; }
	#header h1 { transform-origin: 0% 50%; transition:0.2s; left: 10px; width: 190px; height: 38px; margin-top: -16px; }
	#header h1 a { background: url("../images/common/logo.png") no-repeat 0px 0px / cover; }
	.fixed#header h1 { height: 31px; transform: scale(0.9); }
	#header .btn_box { right: 20px; margin-top: -13px; transform: scale(0.8); }
	#gnb_mobile { display: block; }
	.active2#header { background: rgb(255, 255, 255); }
}

@media all and (max-width:760px) {
	#header h1 { left: 5px; }
	#header .btn_box { right: 15px; }
}

@media all and (max-width:414px) {
	#gnb_mobile { width: 100%; right: -100%; }
}


/** Back to top menu **/
#st-backtotop {
	color: #fff;
    position: fixed;
    bottom: 15px;
    right: 15px;
    text-decoration: none;
    padding: 16px;
    display: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)";
	background: rgba(0,0,0,0.4);
	z-index: 5000;
	cursor: pointer;
}
#st-backtotop:hover {    
	background-color: #333;
}


#footer { background: rgb(70, 77, 93); padding: 40px 0px 20px; position: relative; z-index: 30; }
#footer .inner { z-index: 2; }

#footer .copytopmenu { margin-bottom:40px; padding:0; border-bottom:1px solid #6b717d; }
#footer .copytopmenu .copytopmenubox { padding:0 15px !important; }
#footer .copytopmenu .copytopmenubox h3 { color:#fff; font-size:20px; font-weight: 500; }
#footer .copytopmenu .copytopmenubox ul { padding:10px 0; }
#footer .copytopmenu .copytopmenubox ul li { padding-bottom:3px !important; list-style-type: none; } 
#footer .copytopmenu .copytopmenubox ul li a { color: rgba(255, 255, 255, 0.8) !important; } 
#footer .copytopmenu .copytopmenubox ul li a:hover { color:#fcb040 !important; } 

@media all and (max-width:767px) {
	#footer .copytopmenu { display:none; }
}

#footer .link { margin-left: 0; }
#footer .link h3 { color:#dbfc66; font-weight: 500; font-size: 16px; }
#footer .link a { padding: 0px 25px; transition:0.1s; height: 22px; color: rgb(59, 52, 54); line-height: 22px; font-size: 16px; font-weight: 400; vertical-align: top; display: inline-block; position: relative; }
#footer .link a:first-child { color: rgb(16, 75, 159); }
#footer .link a::after { background: rgb(59, 52, 54); top: 50%; width: 2px; height: 15px; right: -1px; margin-top: -8px; display: block; position: absolute; content: ""; }
#footer .link a:last-child::after { display: none; }

#footer .address { margin-top: 10px; margin-bottom: 20px; }
#footer .address i { width: 15px; text-align: center; margin-right: 5px; }
#footer .address p { color: rgb(255, 255, 255); font-size: 16px; font-weight: 400; letter-spacing: 0em;}
#footer .address p a { color: rgb(255, 255, 255); font-size: 16px; font-weight: 400; letter-spacing: 0em;}
#footer .address p + p { margin-top: 1px; }
#footer .address p.copy { color: rgb(220, 220, 220); font-size: 13px; margin-top: 15px; }
#footer .address p.copy a { width: 121px; margin-left: 25px; vertical-align: middle; display: inline-block; }
#footer .address p.copy a + a { width: 162px; margin-left: 30px; }
#footer .address p.copy a img { width: 100%; display: block; }

#footer .family { top: 0px; text-align: right; right: 20px; position: absolute; }
#footer .family > div { vertical-align: top; display: inline-block; position: relative; z-index: 5; }
#footer .family > div .open { padding: 0px 35px 0px 20px; border-radius: 22px; border: 0px solid rgb(88, 88, 88); background: rgba(245, 247, 252, 1.0); transition:0.2s 0.1s; border-image: none; width: 281px; height: 42px; text-align: left; color: rgb(51, 51, 51); line-height: 44px; font-weight: 500; display: inline-block; position: relative; z-index: 2; }
#footer .family > div .open:hover { background: rgba(255, 255, 255, 1.0); }
#footer .family > div .open.active { background: rgb(255, 255, 255); border-color: rgb(255, 255, 255); transition:0.2s 0.1s; }
#footer .family > div .open::after { background: url("../images/common/sp_new.png") no-repeat -113px -356px / 720px 400px; transition:0.1s; top: 50%; width: 14px; height: 8px; right: 20px; margin-top: -4px; display: block; position: absolute; content: ""; transform: rotate(180deg); }
#footer .family > div .open.active::after { margin-top: -3px; transform: rotate(0deg); }
#footer .family > div .view { background: rgb(255, 255, 255); padding: 10px 0px 30px; border-radius: 20px; transition:0.2s ease-in-out 0.1s; left: 0px; right: 0px; bottom: 8px; visibility: hidden; position: absolute; opacity: 0; transform: translateY(20px); }
#footer .family > div .view a { padding: 0px 15px; transition:0.1s; height: 32px; text-align: left; color: rgb(51, 51, 51); line-height: 32px; overflow: hidden; font-size: 16px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; }
#footer .family > div .view a:hover { font-weight: 500; color: rgb(47, 71, 236); }
#footer .family > div .active + .view { visibility: visible; opacity: 1; transform: translateY(0px); }

@media all and (max-width:1199px) {
	#footer { padding: 32px 15px 25px; }
	#footer .inner::before { right: -15px; bottom: -27px; opacity: 0.9; transform: scale(0.6); }
	#footer .family { margin: 15px 0px 17px; top: auto; right: auto; position: relative; }
	#footer .family > div { margin: 0px auto; width: 90%; display: block; max-width: 280px; }
	#footer .family > div .view { bottom: 10px; }
	#footer .family > div .open { width: 100%; height: 36px; line-height: 38px; font-size: 14px; }
	#footer .link { margin: 0px -30px; text-align: center; padding-left: 0px; }
	#footer .link a { padding: 0px 9px; font-size: 14px; }
	#footer .link a::after { width: 1px; height: 12px; margin-top: -7px; }
	#footer .address { text-align: center; margin-top: 10px; }
	#footer .address p { font-size: 13px; }
	#footer .address p span { display: block; }
	#footer .address p em { display: none; }
	#footer .address p.copy { margin-top: 13px; }
	#footer .address p.copy span { margin-top: 13px; }
	#footer .address p.copy a { width: 105px; margin-left: 0px; }
	#footer .address p.copy a img { width: 100%; }
	#footer .address p.copy a + a { width: 150px; margin-left: 20px; }
}

#btn_top { background: rgb(255, 255, 255); border-radius: 50%; transition:opacity 0.15s; left: 50%; top: 700px; width: 60px; height: 60px; text-align: center; color: rgb(70, 70, 70); font-size: 14px; font-weight: 500; margin-left: 720px; display: block; position: absolute; z-index: 1101; opacity: 0; box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.1); }
#btn_top:hover { text-decoration: none; transform: scale(1.05); }
#btn_top:active { transform: scale(0.95); }
#btn_top::before { border-width: 1px 1px 0px 0px; border-style: solid; border-color: rgb(88, 88, 88); margin: 20px auto -3px; border-image: none; width: 8px; height: 8px; display: block; content: ""; transform: rotate(-45deg); }

@media all and (max-width:1600px) {
	#btn_top { left: auto; top: auto !important; width: 50px; height: 50px; right: 20px; bottom: 20px !important; font-size: 13px; margin-left: 0px; position: fixed; }
	#btn_top::before { margin: 15px auto -2px; }
}

@media all and (max-width:1400px) {
	#btn_top { margin-left: 580px; }
}

@media all and (max-width:760px) {
	#btn_top { width: 40px; height: 40px; right: 15px; bottom: 15px !important; }
	#btn_top::before { margin: 11px auto -3px; }
}

.title1 { color: rgb(25, 93, 174); padding-bottom: 25px; font-size: 22px; position: relative; }
.title1::after { background: rgb(25, 93, 174); left: 50%; width: 90%; height: 4px; bottom: 0px; display: block; position: absolute; content: ""; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.title2 { color: rgb(25, 93, 174); font-size: 24px; font-weight: 700; margin-bottom: 30px; }
.title3 { margin: 25px 0px; padding-left: 15px; font-size: 20px; position: relative; }
.title3::before { background: url("../images/ico_title3.jpg") no-repeat left top; left: 0px; top: 7px; width: 5px; height: 18px; display: block; position: absolute; content: ""; }
.title3.weirdo em { color: rgb(25, 93, 174); font-size: 18px; }
.title3.weirdo time { color: rgb(102, 102, 102); }
.title4 { font-size: 30px; }
.title4 span { color: rgb(48, 71, 237); }
.title5 { background: rgb(235, 235, 235); padding: 20px; text-align: center; color: rgb(70, 70, 70); font-size: 18px; margin-bottom: 20px; }
.title6 { margin: 30px 0px; padding: 60px 0px; text-align: center; font-size: 30px; position: relative; }
.title6 b { color: rgb(36, 88, 166); font-weight: 500; }
.title6::before { background: url("../images/ico_quote1.png") no-repeat top; left: 50%; top: 0px; width: 31px; height: 26px; display: block; position: absolute; content: ""; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.title6::after { background: url("../images/ico_quote1.png") no-repeat top; left: 50%; width: 31px; height: 26px; bottom: 0px; display: block; position: absolute; content: ""; transform: translateX(-50%) scaleY(-1) scaleX(-1); -webkit-transform: translateX(-50%) scaleY(-1) scaleX(-1); }
.title7 { text-align: center; padding-top: 12px; font-size: 30px; font-weight: 500; position: relative; }
.title7::before { background: rgb(0, 0, 0); left: 50%; top: 0px; width: 25px; height: 2px; display: block; position: absolute; content: ""; transform: translateX(-50%); -webkit-transform: translateX(-50%); }

.symbol1 { padding-left: 15px; position: relative; }
.symbol1::before { left: 0px; top: 0px; display: block; position: absolute; content: "��"; }
.symbol2 { padding-left: 15px; display: block; position: relative; }
.symbol2::before { background: rgb(35, 151, 212); left: 0px; top: 10px; width: 7px; height: 2px; display: block; position: absolute; content: ""; }
.symbol3 { padding-left: 10px; display: block; position: relative; }
.symbol3::before { background: rgb(128, 128, 128); left: 0px; top: 9px; width: 3px; height: 3px; display: block; position: absolute; content: ""; }
.symbol4 { padding-left: 10px; display: block; position: relative; }
.symbol4::before { left: 0px; top: 0px; display: block; position: absolute; content: "-"; }
.symbol5 { padding-left: 15px; position: relative; }
.symbol5::before { background: url("../images/ico_title3.jpg") no-repeat left top; left: 0px; top: 2px; width: 5px; height: 18px; display: block; position: absolute; content: ""; }
.symbol6 { padding-left: 30px; position: relative; }
.symbol6::before { background: rgb(255, 0, 0); border: 1px solid rgb(0, 0, 0); border-image: none; left: 0px; top: 1px; width: 20px; height: 20px; display: block; position: absolute; content: ""; }
.symbol7 { padding-left: 30px; position: relative; }
.symbol7::before { background: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); border-image: none; left: 0px; top: 1px; width: 20px; height: 20px; display: block; position: absolute; content: ""; }

.box2 { background: rgb(235, 235, 235); padding: 25px; }
.box2 .title { text-align: center; font-size: 20px; margin-bottom: 30px; }
.box3 { background: rgb(236, 245, 255); padding: 25px; }
.box4 { background: url("../images/ico_location1.png") no-repeat center 40px rgb(235, 235, 235); padding: 180px 20px 40px; margin-bottom: 25px; }
.box4.api { background: url("../images/ico_api.png") no-repeat center 40px rgb(235, 235, 235); }
.box4 > :first-child { padding: 70px 0px 0px; position: relative; }
.box4 > :first-child::after { background: rgb(0, 0, 0); left: 50%; top: 20px; width: 3px; height: 15px; display: block; position: absolute; content: ""; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.box4 h3 { text-align: center; font-size: 22px; font-weight: 600; margin-bottom: 25px; }
.box4 a { text-decoration: underline; }
.box5 { background: url("../images/bg_pattern2.png") left top; position: relative; }
.box5 > * { position: relative; z-index: 10; }
.box5::after { background: rgb(255, 255, 255); left: 5px; top: 5px; width: calc(100% - 10px); height: calc(100% - 10px); display: block; position: absolute; z-index: 1; content: ""; }
.btn-wrap { margin: 20px 0px 10px; position: relative; }

.btn-wrap.align-left { text-align: left; }
.btn-wrap.align-center { text-align: center; }
.btn-wrap.align-right { text-align: right; }
.btn1 { background: rgb(51, 51, 51); padding: 10px 0px; border-radius: 3px; width: 215px; text-align: center; color: rgb(255, 255, 255) !important; display: inline-block; }
.btn2 { background: rgb(52, 73, 112); padding: 15px 0px; border-radius: 3px; width: 215px; text-align: center; color: rgb(255, 255, 255) !important; display: inline-block; }
.btn3 { background: rgb(51, 51, 51); padding: 5.5px 0px; text-align: center; color: rgb(255, 255, 255) !important; }
.btn3.weirdo { padding: 15px 0px; }
.btn4 { background: rgb(51, 51, 51); padding: 10px 0px; width: 120px; text-align: center; color: rgb(255, 255, 255) !important; display: inline-block; }
.btn5 { background: rgb(0, 84, 166); padding: 0px 4px; text-align: center; color: rgb(255, 255, 255) !important; font-size: 12px; display: inline-block; }
.btn6 { background: rgb(255, 255, 255); padding: 6px 0px; border-radius: 3px; border: 1px solid rgb(221, 221, 221); border-image: none; text-align: center; color: rgb(102, 102, 102); display: inline-block; }
.btn7 { background: rgb(0, 0, 0); padding: 6px 0px; text-align: center; color: rgb(255, 255, 255) !important; display: inline-block; }
.btn8 { background: rgb(0, 89, 82); padding: 6px 0px; text-align: center; color: rgb(255, 255, 255) !important; display: inline-block; }
.btn9 { background: rgb(99, 99, 99); padding: 10px 0px; border-radius: 3px; text-align: center; color: rgb(255, 255, 255) !important; display: inline-block; }
.btn10 { background: rgb(51, 51, 51); padding: 10px 0px; text-align: center; color: rgb(255, 255, 255) !important; display: inline-block; }
.btn11 { background: rgb(99, 99, 99); padding: 5px; border-radius: 3px; text-align: center; color: rgb(255, 255, 255) !important; display: inline-block; }
.btn12 { background: rgb(225, 225, 225); padding: 10px 0px; border-radius: 3px; border: 1px solid rgb(204, 204, 204); border-image: none; text-align: center; color: rgb(1, 1, 1); display: inline-block; }
.btn13 { background: rgb(183, 70, 70); padding: 10px 0px; text-align: center; color: rgb(255, 255, 255) !important; }
.btn14 { background: rgb(230, 0, 18); padding: 10px 0px; text-align: center; color: rgb(255, 255, 255) !important; }
.btn15 { background: rgb(255, 148, 34); padding: 15px 0px; border-radius: 3px; width: 90%; text-align: center; color: rgb(255, 255, 255) !important; font-weight: 700; display: inline-block; }
.btn16 { background: rgb(255, 152, 42); padding: 15px 0px; border-radius: 3px; text-align: center; color: rgb(255, 255, 255) !important; font-weight: 700; display: inline-block; }

.btn3.basic { padding: 10px 0px; display: inline-block; }
.btn8.basic { padding: 10px 0px; display: inline-block; }
.btn-wrap.weirdo .btn3 { padding: 15px 0px; border-radius: 3px; }
.btn-wrap.weirdo .btn { width: calc((100% - 10px) /2); float: left; }
.btn-wrap.weirdo :nth-child(-n+2).btn { margin: 0px 10px 10px 0px; }
.btn-wrap.weirdo :nth-child(2n).btn { margin-right: 0px; }

.box1 section { padding: 20px; border: 1px solid rgb(195, 195, 195); border-image: none; text-align: center; }
.box1 section:last-child { border-top-style: none; }
.box1 .title4 + p { margin: 15px 0px; }
.box2 li:not(:last-child) { margin-bottom: 10px; }
.box2 .title3 { margin-top: 0px; }

.success { color: rgb(9, 107, 201) !important; }
.error { color: rgb(237, 28, 36) !important; }

.alert1 { background: rgb(255, 255, 255); padding: 77px 20px 20px; border: 1px solid rgb(221, 221, 221); border-image: none; }
.alert1 .title { background: rgb(240, 240, 240); padding: 15px 0px; left: 0px; top: 0px; width: 100%; text-align: center; font-size: 18px; position: absolute; }
.alert1 .title + p { text-align: center; font-size: 16px; }
.alert1 input[type=text] { background: rgb(255, 255, 255); margin: 15px auto 0px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 80%; height: 32px; display: block; }
.alert1 input[type=password] { background: rgb(255, 255, 255); margin: 15px auto 0px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 80%; height: 32px; display: block; }
.alert1 .btn { padding: 15px 0px; border-radius: 0px; }
.alert2 .btn { padding: 15px 0px; border-radius: 0px; }
.alert1 .btn-wrap .btn { width: calc((100% - 20px) /2); margin-right: 20px; float: left; }
.alert2 .btn-wrap .btn { width: calc((100% - 20px) /2); margin-right: 20px; float: left; }
.alert1 .btn-wrap :last-child.btn { margin-right: 0px; }
.alert2 .btn-wrap :last-child.btn { margin-right: 0px; }
.alert2 { background: rgb(240, 240, 240); padding: 20px; border: 1px solid rgb(221, 221, 221); border-image: none; text-align: center; }
.alert2 p { font-size: 18px; }
.alert2 > .btn { width: 100%; margin-top: 30px; }
.dash-wrap span { padding: 0px 10px; }

.responsive { position: relative; -ms-overflow-x: auto; }
.responsive.moved::before { display: none; }
.responsive > table { width: 768px !important; -ms-word-break: keep-all; }

.table1 { background: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-top-width: 3px; border-top-style: solid; }
.table1 th { background: rgb(247, 247, 247); border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: rgb(224, 224, 224) rgb(224, 224, 224) rgb(224, 224, 224) currentColor; padding: 15px 0px; border-image: none; width: 30%; font-weight: 500; }
.table1 td { border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: rgb(224, 224, 224) currentColor rgb(224, 224, 224) rgb(224, 224, 224); padding: 15px; border-image: none; position: relative; }
.table2 { background: rgb(255, 255, 255); }
.table2 th { background: rgb(247, 247, 247); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0) rgb(224, 224, 224) rgb(224, 224, 224); padding: 15px; border-image: none; font-weight: 500; }
.table2 th:first-child { width: 20%; border-left-color: currentColor; border-left-width: 0px; border-left-style: none; }
.table2 th:last-child { border-right-color: currentColor; border-right-width: 0px; border-right-style: none; }
.table2 th.weirdo { background: rgb(255, 255, 255); }
.table2 td { padding: 15px; border: 1px solid rgb(224, 224, 224); border-image: none; }
.table2 .txt-center td { text-align: center; }
.table2 td:first-child { width: 20%; text-align: center; border-left-color: currentColor; border-left-width: 0px; border-left-style: none; }
.table2 td:last-child { border-right-color: currentColor; border-right-width: 0px; border-right-style: none; }
.table3 { background: rgb(255, 255, 255); border-top-color: rgb(0, 0, 0); border-top-width: 3px; border-top-style: solid; }
.table3 th { padding: 15px 0px; border: 1px solid rgb(224, 224, 224); border-image: none; font-weight: 500; }
.table3 thead th { background: rgb(247, 247, 247); text-align: center; font-weight: 800; }
.table3 tbody td { padding: 15px; border: 1px solid rgb(224, 224, 224); border-image: none; }
.table3 th:first-child { width: 80px; border-left-color: currentColor; border-left-width: 0px; border-left-style: none; }
.table3 td:last-child { border-right-color: currentColor; border-right-width: 0px; border-right-style: none; }

.dl1 dt { float: left; position: relative; }
.dl1 dt::after { margin: 0px 3px; display: inline-block; content: ":"; }
.dl1 dt:not(:first-child) { margin-left: 30px; }
.dl1 dd { float: left; }

.help { margin-top: 10px; }
.gray { color: rgb(161, 161, 161); }
.txt-right { text-align: right; }

.list2 article { width: calc((100% - 25px) /2); float: left; }
.list2 article:not(:nth-child(2n)) { margin-right: 25px; }
.list2 article:nth-child(2) { margin-top: 0px; }
.list2 article:not(:nth-child(-n+2)) { margin-top: 25px; }

.ui-datepicker { z-index: 1001 !important; }
.condition { background: rgb(255, 255, 255); padding: 10px; width: 98%; }
.condition-write { background: rgb(255, 255, 255); padding: 10px; width: 98%; }
.condition table { border-top-color: rgb(0, 0, 0); border-top-width: 3px; border-top-style: solid; }
.condition > .btn-close { background: url("../images/ico_close3.png") no-repeat top; top: 10px; width: 23px; height: 23px; right: 10px; position: absolute; }
.condition-write > .btn-close { background: url("../images/ico_close3.png") no-repeat top; top: 10px; width: 23px; height: 23px; right: 10px; position: absolute; }
.condition td { position: relative; }
.condition td input[type=checkbox] { left: 3px; top: 16px; position: absolute; }

.male { color: rgb(0, 84, 166); }
.female { color: rgb(255, 0, 0); }

#header-view { width: 100%; height: 259px; text-align: center; overflow: hidden; margin-top: 69px; position: relative; }
#header-view img { margin: 0px auto; left: 50%; top: 0px; display: block; position: absolute; transform: translateX(-50%); }
.header-view-v2 { height: 328px !important; margin-top: 0px !important; }

@media all and (max-width:320px) {
	.btn6 { font-size: 13px; }
	.alert1 .title + p { font-size: 15px; }
	.alert2 p { font-size: 15px; }
}

@media all and (min-width:770px) {
	#gnb-mobile .gnb-sub .slick-track { width: 100% !important; }
	#gnb-mobile .gnb-sub a { width: 20%; }
}

@media all and (max-width:991px) {
	#header-view { display: none !important; }
}

@media all and (max-width:991px) {
	#header .bg { display: none !important; }
}

@media all and (max-width:991px) and (min-width:768px) {
	.tab-menu.nav { padding-top: 0px; }
	.tab-menu.nav li { padding: 12px 0px; width: calc(100% /3); text-align: center; display: block; z-index: 100; }
	.tab-menu.nav li.active { top: 0px; display: block; position: relative; }
	.tab-menu.nav li.active { z-index: 500; }
	.tab-menu.nav li.active::after { display: none; }
	.tab-menu.nav li.on::after { display: none; }
	.btn-wrap.align-left > div { width: 50%; display: inline-block; }
	.btn-wrap.align-center > div { width: 50%; display: inline-block; }
	.btn-wrap.align-right > div { width: 50%; display: inline-block; }
	.btn-wrap.weirdo { height: 52px; }
	.btn-wrap.weirdo .btn { margin: 0px; top: 0px; width: 162px; float: none; position: absolute; }
	.btn-wrap.weirdo :nth-last-child(1).btn { right: 0px; }
	.btn-wrap.weirdo :nth-last-child(2).btn { right: 172px; }
	.btn-wrap.weirdo :nth-last-child(3).btn { right: 344px; }
	.btn-wrap.weirdo :first-child.btn { left: 0px; position: absolute; }
	.youth-allow .btn-wrap.weirdo .btn { width: 162px; }
	.support-apply .btn-wrap.weirdo .btn { width: 162px; }
	.box1 > section { width: 50%; float: left; }
	.box1 > section:last-child { border-top-color: rgb(195, 195, 195); border-top-width: 1px; border-top-style: solid; border-left-style: none; }
	.box4 h3 span { display: block; }
	.responsive > table { width: 100% !important; }
	.condition { width: 94%; }
	.condition-write { width: 94%; }
	.condition table td { text-align: center; }
	.condition td input[type=checkbox] { left: 20px; }
}

@media all and (max-width:1199px) and (min-width:992px) {
	.btn-wrap.align-left > div { width: 50%; display: inline-block; }
	.btn-wrap.align-center > div { width: 50%; display: inline-block; }
	.btn-wrap.align-right > div { width: 50%; display: inline-block; }
	.btn-wrap.freak > div { width: 30%; }
	.btn-wrap.weirdo { height: 52px; }
	.btn-wrap.weirdo .btn { margin: 0px; top: 0px; width: 162px; float: none; position: absolute; }
	.btn-wrap.weirdo :nth-last-child(1).btn { right: 0px; }
	.btn-wrap.weirdo :nth-last-child(2).btn { right: 172px; }
	.btn-wrap.weirdo :nth-last-child(3).btn { right: 344px; }
	.btn-wrap.weirdo :first-child.btn { left: 0px; position: absolute; }
	.youth-allow .btn-wrap.weirdo .btn { width: 162px; }
	.support-apply .btn-wrap.weirdo .btn { width: 162px; }
	.box1 > section { width: 50%; float: left; }
	.box1 > section:last-child { border-top-color: rgb(195, 195, 195); border-top-width: 1px; border-top-style: solid; border-left-style: none; }
	.responsive > table { width: 100% !important; }
	.box4 h3 span { display: block; }
	.list2 article { width: calc((100% - 25px) /2); float: left; }
	.list2 article:not(:nth-child(2n)) { margin-right: 25px; }
	.list2 article:nth-child(2) { margin-top: 0px; }
	.list2 article:not(:nth-child(-n+2)) { margin-top: 25px; }
	.condition { width: 94%; }
	.condition-write { width: 94%; }
	.condition table td { text-align: center; }
	.condition td input[type=checkbox] { left: 20px; }
}

@media all and (min-width:1200px) {
	.btn-wrap.align-left > div { width: 50%; display: inline-block; }
	.btn-wrap.align-center > div { width: 50%; display: inline-block; }
	.btn-wrap.align-right > div { width: 50%; display: inline-block; }
	.btn-wrap.freak > div { width: 30%; }
	.btn-wrap.weirdo { height: 52px; }
	.btn-wrap.weirdo .btn { margin: 0px; top: 0px; width: 162px; float: none; position: absolute; }
	.btn-wrap.weirdo :nth-last-child(1).btn { right: 0px; }
	.btn-wrap.weirdo :nth-last-child(2).btn { right: 172px; }
	.btn-wrap.weirdo :nth-last-child(3).btn { right: 344px; }
	.btn-wrap.weirdo :first-child.btn { left: 0px; position: absolute; }
	.youth-allow .btn-wrap.weirdo .btn { width: 164px; }
	.support-apply .btn-wrap.weirdo .btn { width: 164px; }
	.box1 > section { width: 50%; float: left; }
	.box1 > section:last-child { border-top-color: rgb(195, 195, 195); border-top-width: 1px; border-top-style: solid; border-left-style: none; }
	.box4 h3 span { display: block; }
	.responsive > table { width: 100% !important; }
	.list2 article { width: calc((100% - 25px) /2); float: left; }
	.list2 article:not(:nth-child(2n)) { margin-right: 25px; }
	.list2 article:nth-child(2) { margin-top: 0px; }
	.list2 article:not(:nth-child(-n+2)) { margin-top: 25px; }
	.condition { width: 60%; }
	.condition-write { width: 60%; }
	.condition table td { text-align: center; }
	.condition td input[type=checkbox] { left: 20px; }
}

.support-apply input[type=submit] { background: rgb(77, 83, 97); }
.minwon.article.list input[type=submit] { background: rgb(77, 83, 97); }
.board.article.list input[type=submit] { background: rgb(77, 83, 97); }
.hrd.api.list input[type=submit] { background: rgb(77, 83, 97); }
.view1 .slick-wrap { position: relative; }
.view1 .slick1 .prev { background: url("/page/common/images/btns-board-gallery.png") no-repeat 0px 50%; left: 10px; top: 50%; width: 50px; height: 50px; display: block; position: absolute; z-index: 100; }
.view1 .slick1 .next { background: url("/page/common/images/btns-board-gallery.png") no-repeat -51px 50%; top: 50%; width: 50px; height: 50px; right: 10px; display: block; position: absolute; z-index: 100; }
.view1 .slick1 .slick figure {	position: relative; -ms-overflow-y: hidden; }
.view1 .slick1 .slick figure img { border: 10px solid rgb(227, 227, 227); border-image: none; min-height: 100%; }
.view1 .slick1 .thumbs { margin: 22px 0px 0px; overflow: hidden; }
.view1 .slick1 .thumbs .slick-list { margin: 0px -12px; }
.view1 .slick1 .thumbs .slick-slide { margin: 0px 12px; position: relative; }
.view1 .slick1 .thumbs .slick-slide img { left: 0px; top: 0px; width: 100%; display: block !important; cursor: pointer; min-height: 100%; }
.view1 .slick1 .thumbs .slick-slide.slick-current::after { border: 5px solid rgb(81, 81, 81); border-image: none; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; position: absolute; content: ""; pointer-events: none; }
.view1 .slick1 .thumbs .slick-track { margin: 0px !important; }
.view1 .slick1 .thumbs a { margin: 10px 10px 0px 0px; width: calc((100% - 10px) /2); float: left; display: block; }
.view1 .slick1 .thumbs a:nth-child(-n+2) { margin-top: 0px; }
.view1 .slick1 .thumbs a:nth-child(2n) { margin-right: 0px; }
.view1 .slick1 .thumbs a img { width: 100%; display: block; min-height: 96px; max-height: 96px; object-fit: cover; }
.view1 { margin-top: 50px; position: relative; }

@media all and (max-width:991px) and (min-width:768px) {
	.view1 .slick1 .thumbs a { margin: 10px 10px 0px 0px !important; width: calc((100% - 30px) /4); }
	.view1 .slick1 .thumbs a:nth-child(-n+4) { margin-top: 0px !important; }
	.view1 .slick1 .thumbs a:nth-child(4n) { margin-right: 0px !important; }
	.view1 .slick1 { margin: 0px auto; width: 600px; }
}

@media all and (max-width:1199px) and (min-width:992px) {
	.view1 .slick1 .slick figure { height: auto; }
	.view1 .slick1 .thumbs a { margin: 10px 10px 0px 0px !important; width: calc((100% - 30px) /4); }
	.view1 .slick1 .thumbs a img { min-height: 110px; max-height: 110px; }
	.view1 .slick1 .thumbs a:nth-child(-n+4) { margin-top: 0px !important; }
	.view4 .thumbs a:nth-child(-n+4) { margin-top: 0px !important; }
	.view1 .slick1 .thumbs a:nth-child(4n) { margin-right: 0px !important; }
	.view4 .slick1 .thumbs a:nth-child(4n) { margin-right: 0px !important; }
	.view1 .slick1 { margin: 0px auto; width: 600px; }
}

@media all and (min-width:1200px) {
	.view1 .slick1 .slick figure { height: auto; }
	.view1 .slick1 .slick figure { height: auto; }
	.view1 .slick1 .thumbs a { margin: 10px 10px 0px 0px !important; width: calc((100% - 30px) /4); }
	.view1 .slick1 .thumbs a:nth-child(-n+4) { margin-top: 0px !important; }
	.view4 .thumbs a:nth-child(-n+4) { margin-top: 0px !important; }
	.view1 .slick1 .thumbs a:nth-child(4n) { margin-right: 0px !important; }
	.view4 .slick1 .thumbs a:nth-child(4n) { margin-right: 0px !important; }
	.view1 .slick1 { margin: 0px auto; width: 600px; }
}

.webzineArea { overflow: hidden; }
.webzineArea .webzine_main { text-align: center; }
.webzineArea .webzine_main img { width: 100%; max-width: 800px; }

.carousel-wrap { position: relative; }
.carousel-wrap .prev { position: absolute; z-index: 1000; }
.carousel-wrap .next { position: absolute; z-index: 1000; }

.webzineArea .webzineList { margin: 60px auto; }
.webzineArea .webzineList .prev { border-radius: 50%; border: 1px solid rgb(170, 170, 170); border-image: none; top: -40px; width: 41px; height: 41px; right: 65px; }
.webzineArea .webzineList .next { border-radius: 50%; border: 1px solid rgb(170, 170, 170); border-image: none; top: -40px; width: 41px; height: 41px; right: 15px; }
.webzineArea .webzineList .prev img { width: 13px; }
.webzineArea .webzineList .next img { width: 13px; }
.webzineArea .webzineList .wrap { margin: 20px 0px 0px; padding: 0px 15px; overflow: hidden; position: relative; }
.webzineArea .webzineList .wrap:hover article { display: block; }
.webzineArea .webzineList .wrap.active article { display: block; }
.webzineArea .webzineList article { text-align: center; padding-top: 10px; }
.webzineArea .webzine_view { text-align: center; padding-bottom: 20px; margin-bottom: 20px; border-bottom-color: rgb(170, 170, 170); border-bottom-width: 1px; border-bottom-style: solid; }
.webzineArea .webzine_main img { width: 100%; max-width: 800px; }

@media all and (max-width:991px) and (min-width:768px) {
	.webzineArea .webzineList { margin: 100px auto 80px; }
}

@media all and (max-width:1199px) and (min-width:992px) {
	.webzineArea .webzineList { margin: 100px auto 80px; }
	.webzineArea .webzineList .wrap { margin: 40px 0px 0px; }
}

@media all and (min-width:1200px) {
	.webzineArea .webzineList { margin: 0px auto 80px; }
	.webzineArea .webzineList .wrap { margin: 0px; padding: 0px; }
	.webzineArea .webzineList .slick-slide { margin: 40px 40px 0px; }
	.webzineArea .webzineList .slick-list { margin: 0px 60px; }
	.webzineArea .webzineList .prev { left: 0px; top: 50%; right: auto; }
	.webzineArea .webzineList .next { top: 50%; right: 0px; }
}

.flip-x { transform: scaleX(-1); -webkit-transform: scaleX(-1); }
.flip-y { transform: scaleY(-1); -webkit-transform: scaleY(-1); }
.poll.read span.red { color: red; }
caption { height: 0px; text-indent: -9999px; }
.noto { font-family: "Noto Sans KR", sans-serif; }

.skip { margin: 0px -1px -1px 0px; width: 1px; height: 1px; text-align: center; line-height: 0; overflow: hidden; font-size: 0px; display: block; }
.skip:hover { padding: 15px 0px; width: 100%; height: auto; color: rgb(51, 51, 51); text-indent: 10px; font-size: 14px; font-weight: bold; }
.skip:active { padding: 15px 0px; width: 100%; height: auto; color: rgb(51, 51, 51); text-indent: 10px; font-size: 14px; font-weight: bold; }
.skip:focus { padding: 15px 0px; width: 100%; height: auto; color: rgb(51, 51, 51); text-indent: 10px; font-size: 14px; font-weight: bold; }

.sr-only { margin: -1px; padding: 0px; border: 0px currentColor; border-image: none; width: 1px; height: 1px; overflow: hidden; position: absolute !important; }
.feather { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.center { left: 50%; top: 50%; position: absolute !important; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.center-v { top: 50%; position: absolute !important; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.center-h { left: 50%; position: absolute !important; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.truncate { overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; }
.flip-x { transform: scaleX(-1); -webkit-transform: scaleX(-1); }
.flip-y { transform: scaleY(-1); -webkit-transform: scaleY(-1); }
.flip-90 { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }
.tab-menu { text-align: center; }
.tab-menu li { margin: -1px 0px 0px -1px; border: 1px solid rgb(203, 203, 203); border-image: none; width: calc(100% /3); float: left; position: relative; z-index: 1; }
.tab-menu li.active { border: 1px solid rgb(59, 98, 178); border-image: none; position: relative; z-index: 10; }
.txt-shadow { text-shadow: 1px 1px 6px #000; }

table.fixed { position: static !important; table-layout: fixed; }
.z-depth-0 { box-shadow: none !important; -webkit-box-shadow: none; }
.z-depth-1 { box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12), 0px 1px 5px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); }
.z-depth-2 { box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12), 0px 2px 4px -1px rgba(0,0,0,0.3); -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }
.z-depth-3 { box-shadow: 0px 8px 17px 2px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12), 0px 5px 5px -3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }
.z-depth-4 { box-shadow: 0px 16px 24px 2px rgba(0,0,0,0.14), 0px 6px 30px 5px rgba(0,0,0,0.12), 0px 8px 10px -7px rgba(0,0,0,0.2); -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2); }
.z-depth-5 { box-shadow: 0px 24px 38px 3px rgba(0,0,0,0.14), 0px 9px 46px 8px rgba(0,0,0,0.12), 0px 11px 15px -7px rgba(0,0,0,0.2); -webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2); }
.hover-zoom img { transition:0.4s; transform: scale(1); -webkit-transition: .4s; -webkit-transform: scale(1); }
.hover-zoom:hover img { transition:0.6s; transform: scale(1.1); -webkit-transition: .6s; -webkit-transform: scale(1.1); }
.radar { background: rgb(255, 204, 0); display: block; position: relative; }
.radar:hover::after { background: inherit; border-radius: inherit; animation:radar 1s infinite; left: 50%; top: 50%; width: 100%; height: 100%; display: block; position: absolute; z-index: -1; content: ""; opacity: 0; -webkit-animation: radar 1s infinite ease; }
.preload { transition:none !important; -webkit-transition: none; }
.toast-wrap { left: 10px; bottom: 10px; font-size: 13px; position: fixed !important; }
.toast-wrap .toast { padding: 8px; transition:1s; min-width: 180px; -webkit-transition: all 1s; }
.toast-wrap :not(:last-child).toast { margin-bottom: 10px; }
.toast h6 { text-align: center; font-size: 14px; font-weight: 800; margin-bottom: 4px; }
.toast .feather { width: 24px; height: 24px; margin-right: 5px; float: left; }
.toast .progress { background: rgb(255, 255, 255); left: 0px; width: 100%; height: 3px; bottom: 0px; position: absolute; opacity: 0.7; }
.toast .btn-close { top: 3px; right: -5px; position: absolute; }
.toast .btn-close .feather { width: 20px; height: 20px; }
.circle { border-radius: 50%; }
.clear::after { clear: both; display: block; content: ""; }

@media all and (max-width:767px) {
	.hide-on-small { display: none !important; }
	.show-on-small { display: block !important; }
}

@media all and (max-width:991px) and (min-width:768px) {
	.hide-on-medium { display: none !important; }
	.show-on-medium { display: block !important; }
}

@media all and (max-width:1199px) and (min-width:992px) {
	.hide-on-laptop { display: none !important; }
	.show-on-laptop { display: none !important; }
}

@media all and (min-width:1200px) {
	.hide-on-large { display: none !important; }
	.show-on-large { display: block !important; }
}

#side-btn { top: 230px; right: 30px; position: absolute; z-index: 1000; }
#side-btn a { width: 190px; display: block; }
#side-btn a + a { margin-top: 10px; }
#side-btn a img { width: 100%; display: block; }

@media all and (max-width:1850px) {
	#side-btn { right: 20px; }
	#side-btn a { width: 150px; }
}

@media all and (max-width:1700px) {
	#side-btn { top: auto !important; right: 15px; bottom: 15px !important; position: fixed; }
	#side-btn a { width: 100px; vertical-align: top; display: inline-block; }
	#side-btn a + a { margin: 0px 0px 0px 10px; }
}

@media all and (max-width:760px) {
	#side-btn { right: 10px; bottom: 10px !important; }
	#side-btn a { width: 75px; }
	#side-btn a + a { margin: 0px 0px 0px 5px; }
}


/* Table  */
.table-dashboard { border-top-color: rgb(34, 34, 34); border-top-width: 2px; border-top-style: solid; }
.table-dashboard table { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }
.table-dashboard tr:hover { background:#f9f9f9; }
.table-dashboard thead th { font-size: 16px; padding:15px 10px !important; color:#333; font-weight:500; }
.table-dashboard tbody th { font-size: 15px; padding:13px 10px !important; color:#333; font-weight:300; }
.table-dashboard tbody th.left { padding:13px 10px !important; text-align:left; }
.table-dashboard th { line-height: 1.4; background: rgb(246, 246, 246); text-align: center; border-bottom-color: rgb(211, 211, 211) !important; border-left-color: rgb(238, 238, 238); border-bottom-width: 1px !important; border-left-width: 1px; border-bottom-style: solid !important; border-left-style: solid; vertical-align: middle !important; }
.table-dashboard td { font-size: 15px; font-weight:300; padding:13px 10px !important; text-align: center; line-height: 1.4; vertical-align: middle !important; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; }
.table-dashboard td h4 { font-size:18px; font-weight:500; padding:0 0 3px; }
.table-dashboard td .fs14 { font-size:14px !important; }
.table-dashboard td .fw400 { font-weight:400 !important; }
.table-dashboard td ul { margin:0; padding:5px 0 5px 17px; }
.table-dashboard td ul li { padding:1px 0px; margin:0; font-weight:300; color:#555; letter-spacing:0em;  list-style-type:disc; }
.table-dashboard td.tdend { border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; background:#fff; }
.table-dashboard td.left { text-align: left; padding-left:10px; }
.table-dashboard th.bln, .table-dashboard td.bln { border-left-color: currentColor; border-left-width: medium; border-left-style: none; }
.table-dashboard th.brn, .table-dashboard td.brn { border-right-color: currentColor; border-right-width: medium; border-right-style: none; }

.table-dashboard td img { margin:0 auto; }


/* Table 온라인접수 */
.table-dashboard-m { border-top-color: rgb(34, 34, 34); border-top-width: 2px; border-top-style: solid; }
.table-dashboard-m table { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }
.table-dashboard-m tr:hover { background:#f9f9f9; }
.table-dashboard-m thead th { font-size: 14px; padding:15px 10px !important; color:#333; font-weight:500; }
.table-dashboard-m tbody th { font-size: 13px; padding:13px 10px !important; color:#333; font-weight:300; }
.table-dashboard-m tbody th.left { padding:13px 10px !important; text-align:left; }
.table-dashboard-m th { line-height: 1.4; background: rgb(246, 246, 246); text-align: center; border-bottom-color: rgb(211, 211, 211) !important; border-left-color: rgb(238, 238, 238); border-bottom-width: 1px !important; border-left-width: 1px; border-bottom-style: solid !important; border-left-style: solid; vertical-align: middle !important; }
.table-dashboard-m td { font-size: 13px; font-weight:300; padding:13px 10px !important; text-align: center; line-height: 1.4; vertical-align: middle !important; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; }
.table-dashboard-m td h4 { font-size:14px; font-weight:500; padding:0 0 3px; }
.table-dashboard-m td .fs14 { font-size:13px !important; }
.table-dashboard-m td .fw400 { font-weight:400 !important; }
.table-dashboard-m td ul { margin:0; padding:5px 0 5px 17px; }
.table-dashboard-m td ul li { padding:1px 0px; margin:0; font-weight:300; color:#555; letter-spacing:0em;  list-style-type:disc; }
.table-dashboard-m td.tdend { border-bottom-color: rgb(211, 211, 211); border-bottom-width: 1px; border-bottom-style: solid; background:#fff; }
.table-dashboard-m td.left { text-align: left; padding-left:10px; }
.table-dashboard-m th.bln, .table-dashboard-m td.bln { border-left-color: currentColor; border-left-width: medium; border-left-style: none; }
.table-dashboard-m th.brn, .table-dashboard-m td.brn { border-right-color: currentColor; border-right-width: medium; border-right-style: none; }