@charset "euc-kr";
@import url('jquery_ui.css');
@import url('jquery_ui_tp.css');
@import url('bootstrap.css');
@import url('animate.css');
@import url('fontawesome.css');
@import url('ionicons.css');
@import url('xeicon.css');
@import url('hover.css');
@import url('cssmenu.css');
@import url('crosscover.css');
@import url('vegas.css');
@import url('magnific_pop.css');
@import url('pgwslideshow.css');
@import url('pgwslider.css');
@import url('slick.css');
@import url('slick_theme.css');
@import url('option.css');
@import url('content.css');



/* ÃʱâÈ­ /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
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, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 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;
    vertical-align:; 
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
/* »çÀÌÆ® ±âº»±¸¼º ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
html {height:100%;}
body {height:100%; min-width:320px; word-break:keep-all; background:#000;}
body,input,textarea,select,button {font-family:'Open sans', 'Malgun Gothic', '¸¼Àº °íµñ', 'µ¸¿ò', 'Tahoma'; font-size:13px; color:#777; font-weight:normal; line-height:22px;}
table,th,h1,h2,h3,h4,h5,h6 {font-size:13px; font-weight:normal;}
legend, caption {display:none;}
img,input,select,textarea {vertical-align:middle;}
a {text-decoration:none; color:#777; transition:0.3s;}
a:hover {text-decoration:none; color:#cf181b;}
*:focus {outline:none;}
a {outline:none; select-dummy:expression(this.hideFocus=true);}
/* Ç°°ü·Ã-º¯°æ */
input[type="file"] {display:inline-block !important; height:40px;}
input[type="text"] {display:inline-block !important;}
select {display:inline-block !important; height:42px !important; color:#777 !important;}



/* ±âº» ·¹À̾ƿô[Ʋ]  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#wrap {position:relative; width:100%; height:100%;}
/* ÄÁÅÙÃ÷¿µ¿ª */
#content {min-width:320px; background:#fff;}
/* Àüü¸Þ´º */
#totalMenu {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:998;}
#totalMenu ul {position:absolute; top:50%; left:50%; width:940px; margin:-350px 0 0 -470px; text-align:center; overflow:hidden;}
#totalMenu ul li {padding:30px 0; opacity:0; margin-top:-100px;}
#totalMenu ul li p a {display:block; font:500 25px/25px 'Nanum Square'; color:#333; letter-spacing:-1px;}
#totalMenu ul li p a:hover {color:#cf181b;}
#totalMenu ul li div {margin-top:20px; font-size:14px; color:#333;}
#totalMenu ul li div a {display:inline-block; font-size:14px; color:#333; letter-spacing:-1px;}
#totalMenu ul li div a:hover {color:#cf181b;}
/* »ó´Ü¿µ¿ª - PC */
#header {position:fixed; top:0px; width:100%; border-bottom:#e5e5e5 1px solid; background:#fff; z-index:999;}
#header > dl {width:1140px; margin:0 auto; overflow:hidden;}
#header > dl > dt:first-child {float:left; width:25%; padding-top:19px;}
#header > dl > dt:last-child {float:left; width:15%; padding-top:22px; text-align:right;}
#header > dl > dt:last-child a {font-size:40px; color:#000;}
#header > dl > dt:last-child a:hover {color:#cf181b;}
#header > dl > dd {float:left; width:60%; text-align:center;}
#header > dl > dd > ul {width:100%; overflow:hidden;}
#header > dl > dd > ul > li {float:left; width:20%; padding:30px 0 32px 0; background:url('../../img/images/common/menu_dot.png') right 37px no-repeat;}
#header > dl > dd > ul > li:last-child {background:none;}
#header > dl > dd > ul > li > a {display:block; width:100%; text-align:center; font:400 18px/18px 'NotoSansKR'; color:#333; letter-spacing:-1.5px;}
#header > dl > dd > ul > li > a:hover {color:#cf181b;}
#header > dl > dd > ul > li > a.on {color:#cf181b;}
#header > dl > dd > ul > li div {display:none; position:absolute; top:80px; border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid; border-radius:0 0 5px 5px; overflow:hidden; z-index:99;}
#header > dl > dd > ul > li:nth-child(1) div {width:150px; margin-left:-5px;}
#header > dl > dd > ul > li:nth-child(2) div {width:150px; margin-left:-5px;}
#header > dl > dd > ul > li:nth-child(3) div {width:150px; margin-left:-5px;}
#header > dl > dd > ul > li:nth-child(4) div {width:150px; margin-left:-5px;}
#header > dl > dd > ul > li:nth-child(5) div {width:150px; margin-left:-5px;}
#header > dl > dd > ul > li div a {display:block; padding:10px 15px; font-weight:bold; color:#333; letter-spacing:-1px; background:rgba(255,255,255,1.8); border-bottom:#e5e5e5 1px solid; cursor:pointer;}
#header > dl > dd > ul > li div a:hover {color:#fff; background:rgba(0,0,0,0.5);}
/* »ó´Ü¿µ¿ª - ¸ð¹ÙÀÏ */
#header-mobile {position:fixed; top:0px; width:100%; border-bottom:#e5e5e5 1px solid; background:#fff; z-index:999;}
#header-mobile > .gnbMenu {margin:0 20px; padding:11px 0 11px 0; overflow:hidden;}
#header-mobile > .gnbMenu > dt {float:left; width:15%; padding-top:2px; text-align:right; font-size:30px; color:#333;}
#header-mobile > .gnbMenu > dt:first-child {text-align:left;}
#header-mobile > .gnbMenu > dt i {color:#333; cursor:pointer; transition:0.3s;}
#header-mobile > .gnbMenu > dt i:hover {color:#744e27;}
#header-mobile > .gnbMenu > dd {float:left; width:70%; padding-top:3px; text-align:center;}
#header-mobile > .gnbTotal {position:fixed; top:0; width:250px; height:100%; margin-left:-250px; background:#2c2e3e; overflow:auto;}
#header-mobile > .gnbTotal > dl {width:100%; padding:16px 20px; overflow:hidden;}
#header-mobile > .gnbTotal > dl dt {float:left; font:500 24px/24px 'Dosis'; color:#fff;}
#header-mobile > .gnbTotal > dl dt span {color:#ef5022;}
#header-mobile > .gnbTotal > dl dt em {color:#f4801f;}
#header-mobile > .gnbTotal > dl dt i {color:#f5a226;}
#header-mobile > .gnbTotal > dl dt strong {color:#005baa;}
#header-mobile > .gnbTotal > dl dd {float:right; font-size:20px; color:#fff; cursor:pointer;}
#header-mobile > .gnbTotal > ul {width:100%; text-align:center; background:#525573; overflow:hidden;}
#header-mobile > .gnbTotal > ul li {float:left; width:50%; padding:10px 0; border-right:#434661 1px solid; border-bottom:#434661 1px solid; cursor:pointer;}
#header-mobile > .gnbTotal > ul li.lnb-last-chk {width:100%; border-right:none; border-bottom:none;}
#header-mobile > .gnbTotal > ul li.hvr-sweep-to-bottom:before {background:#434661;}
#header-mobile > .gnbTotal > ul li p {font-size:30px; color:#fff;}
#header-mobile > .gnbTotal > ul li h1 {font-weight:600; color:#fff; letter-spacing:-1px;}
#header-mobile > .gnbTotal > p {width:100%; padding:15px 10px; text-align:center; border-top:#373948 1px solid; overflow:hidden;}
#header-mobile > .gnbTotal > p > a {display:inline-block; width:32%; padding:4px 0; font-size:14px; color:#ddd; background:#555;}
#header-mobile > .gnbTotal > p > a:hover {color:#fff; background:#525573;}
#header-mobile > .gnbTotal > p > a.on {color:#fff; background:#525573;}
@media all and (max-width:479px) {
#header {display:none;}
}
@media all and (min-width:480px) and (max-width:767px) {
#header {display:none;}
}
@media all and (min-width:768px) and (max-width:991px) {
#header {display:none;}
}
@media all and (min-width:992px) and (max-width:1199px) {
#header > dl {width:940px;}
#header > dl > dt:first-child {width:29%;}
#header > dl > dt:last-child {width:11%;}
#header > dl > dd {width:60%;}
#header-mobile {display:none;}
}
@media all and (min-width:1200px) {
#header-mobile {display:none;}
}
/* ÇÏ´Ü¿µ¿ª */
#footer-info {width:100%; background:url('../../img/images/btnIcn/bg05.jpg');}
#footer-info > ul {width:1140px; margin:0 auto; padding:30px 0; overflow:hidden;}
#footer-info > ul > li {float:left; width:31.3%; margin:0 1%; padding-left:30px; border-left:rgba(255,255,255,0.2) 1px solid; cursor:pointer;}
#footer-info > ul > li:first-child {padding-left:0; border-left:none;}
#footer-info > ul > li dl {width:100%; overflow:hidden;}
#footer-info > ul > li dl dt {float:left; width:22%;}
#footer-info > ul > li dl dt i {font-size:55px; color:#fff;}
#footer-info > ul > li dl dd {float:right; width:78%;}
#footer-info > ul > li dl dd h1 {font:500 20px/20px 'Nanum Square'; color:#fff; letter-spacing:-1px;}
#footer-info > ul > li dl dd h1 span {font:900 25px/25px 'Nanum Square'; color:#fffcba; letter-spacing:-2px;}
#footer-info > ul > li dl dd h2 {margin-top:5px; font:700 20px/20px 'Nanum Square'; color:#fff; letter-spacing:-1px;}
#footer-info > ul > li dl dd div {margin-top:5px; font-size:14px; color:#fffcba; letter-spacing:-1px;}
#footer {width:100%; padding:40px 0; text-align:center;}
#footer div {margin-top:30px; font-size:12px; color:#999;}
#footer h1 {margin-top:15px; font-size:12px; color:#999;}
#footer h1 span {color:#c79765;}
@media all and (max-width:479px) {
#footer-info > ul {width:320px;}
#footer-info > ul > li {width:100%; padding:20px 0 20px 0; border-top:rgba(255,255,255,0.2) 1px solid; border-left:none;}
#footer-info > ul > li:nth-child(1) {border-top:none;}
#footer-info > ul > li dl dt {width:100%; text-align:center;}
#footer-info > ul > li dl dt p {margin:0 auto;}
#footer-info > ul > li dl dd {width:100%; margin-top:10px; text-align:center;}
}
@media all and (min-width:480px) and (max-width:767px) {
#footer-info > ul {width:470px;}
#footer-info > ul > li {width:100%; padding:20px 0 20px 0; border-top:rgba(255,255,255,0.2) 1px solid; border-left:none;}
#footer-info > ul > li:nth-child(1) {border-top:none;}
#footer-info > ul > li dl dt {width:100%; text-align:center;}
#footer-info > ul > li dl dt p {margin:0 auto;}
#footer-info > ul > li dl dd {width:100%; margin-top:10px; text-align:center;}
}
@media all and (min-width:768px) and (max-width:991px) {
#footer-info > ul {width:750px;}
#footer-info > ul > li {padding-left:0;}
#footer-info > ul > li dl dt {width:100%; text-align:center;}
#footer-info > ul > li dl dt p {margin:0 auto;}
#footer-info > ul > li dl dd {width:100%; margin-top:20px; text-align:center;}
#footer-info > ul > li dl dd h1 {font:500 18px/18px 'Nanum Square';}
#footer-info > ul > li dl dd h1 span {font:900 22px/22px 'Nanum Square';}
#footer-info > ul > li dl dd h2 {font:500 18px/18px 'Nanum Square';}
#footer-info > ul > li dl dd div {font-size:12px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
#footer-info > ul {width:970px;}
#footer-info > ul > li dl dd h1 {font:500 18px/18px 'Nanum Square';}
#footer-info > ul > li dl dd h1 span {font:900 24px/24px 'Nanum Square';}
}
@media all and (min-width:1200px) {
}