@charset "euc-kr";
@import url('https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css');
@import url('bootstrap.css');
@import url('fontAwesome.css');
@import url('ionicons.css');
@import url('animate.css');
@import url('hover.css');
@import url('IconHover.css');
@import url('cssmenu.css');
@import url('crosscover.css');
@import url('magnificPopup.css');
@import url('vegas.css');
@import url('option.css');
@import url('common.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 {display:none; height:100%; min-width:320px; word-break:keep-all;}
body,input,textarea,select,button {font-family:'NotoSansKR', 'Open sans', 'Malgun Gothic', '¸¼Àº °íµñ', 'µ¸¿ò', 'Tahoma'; font-size:13px; color:#727272; font-weight:400; 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:#727272;}
a:hover {text-decoration:none; color:#ff0000;}
/* ºÎÆ®½ºÆ®·¦-º¯°æ */
input[type="file"] {display:inline-block; height:30px;}
.btn {letter-spacing:-1px; line-height:18px;}
.modal {z-index:9999;}
.modal-header {padding: 10px 25px 15px 25px; border-bottom:none; background:#cd3333; border-radius:3px 3px 0 0;}
.modal-title {padding:5px 0 0 0; font:20px/20px 'NotoSansKR'; color:#fff;}
.modal-body {padding:0; background:#000;}
.close {font-size: 33px;}
.cheditor-tb-wrapper {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.2);}



/* ±âº» ·¹À̾ƿô[Ʋ]  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#wrap {position:relative; width:100%; height:100%;}
/* Àüü¸Þ´º */
#totalMenu {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index:98;}
#totalMenu ul {position:absolute; top:50%; left:50%; width:940px; margin:-300px 0 0 -470px; text-align:center; overflow:hidden;}
#totalMenu ul li {padding:27px 0; opacity:0; margin-top:-100px;}
#totalMenu ul li p a {display:block; font:700 30px/30px 'Nanum Square'; color:#fff;}
#totalMenu ul li p a:hover {color:#ff3b3b;}
#totalMenu ul li div {margin-top:25px; font:300 18px/18px 'Nanum Square'; color:#777;}
#totalMenu ul li div a {display:inline-block; font:400 18px/18px 'Nanum Square'; color:#14b1bb;}
#totalMenu ul li div a:hover {color:#ff3b3b;}
/* »ó´Ü¿µ¿ª - PC */
#header {position:fixed; top:0px; width:100%; border-bottom:#777 1px solid; background:rgba(0,0,0,0.3); z-index:99;}
#header > .gnbMenu {width:1140px; height:100px; margin:0 auto; overflow:hidden;}
#header > .gnbMenu > dt {float:left; width:25%; padding-top:30px;}
#header > .gnbMenu > dt:last-child {width:15%; padding-top:32px; text-align:right;}
#header > .gnbMenu > dt:last-child a {display:inline-block; padding:6px 10px; font-size:12px; line-height:16px; color:#fff; border:#777 1px solid; background:#333;}
#header > .gnbMenu > dt:last-child a i {font-size:16px; line-height:16px;}
#header > .gnbMenu > dt:last-child a:hover {border:#ff0000 1px solid; color:#fff;}
#header > .gnbMenu > dt:last-child a.hvr-sweep-to-top:before {background:#ff0000;}
#header > .gnbMenu > dt:last-child a.on {color:#fff; border:#ff0000 1px solid; background:#ff0000;}
#header > .gnbMenu > dd {float:left; width:60%; text-align:center;}
#header > .gnbMenu > dd > ul {width:100%; overflow:hidden;}
#header > .gnbMenu > dd > ul > li {float:left;}
#header > .gnbMenu > dd > ul > li > a {display:block; width:100%; padding:42px 35px 41px 35px; text-align:center; font:400 17px/17px 'Nanum Square'; color:#fff; letter-spacing:-1px;}
#header > .gnbMenu > dd > ul > li > a:hover {background:#ff0000;}
#header > .gnbMenu > dd > ul > li > a.on {background:#ff0000;}
#header > .gnbMenu > dd > ul > li div {display:none; position:absolute; width:200px; border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid; overflow:hidden; z-index:999;}
#header > .gnbMenu > dd > ul > li div a {display:block; padding:10px 15px; color:#333; border-bottom:#e5e5e5 1px solid; background:#fff; cursor:pointer;}
#header > .gnbMenu > dd > ul > li div a:hover {color:#fff; background:#ff0000;}
#header_eng {position:fixed; top:0px; width:100%; border-bottom:#777 1px solid; background:rgba(0,0,0,0.3); z-index:99;}
#header_eng > .gnbMenu {width:1140px; height:100px; margin:0 auto; overflow:hidden;}
#header_eng > .gnbMenu > dt {float:left; width:25%; padding-top:30px;}
#header_eng > .gnbMenu > dt:last-child {width:15%; padding-top:32px; text-align:right;}
#header_eng > .gnbMenu > dt:last-child a {display:inline-block; padding:6px 10px; font-size:12px; line-height:16px; color:#fff; border:#777 1px solid; background:#333;}
#header_eng > .gnbMenu > dt:last-child a i {font-size:16px; line-height:16px;}
#header_eng > .gnbMenu > dt:last-child a:hover {border:#ff0000 1px solid; color:#fff;}
#header_eng > .gnbMenu > dt:last-child a.hvr-sweep-to-top:before {background:#ff0000;}
#header_eng > .gnbMenu > dt:last-child a.on {color:#fff; border:#ff0000 1px solid; background:#ff0000;}
#header_eng > .gnbMenu > dd {float:left; width:60%; text-align:center;}
#header_eng > .gnbMenu > dd > ul {width:100%; overflow:hidden;}
#header_eng > .gnbMenu > dd > ul > li {float:left;}
#header_eng > .gnbMenu > dd > ul > li > a {display:block; width:100%; padding:35px 26px 44px 26px; text-align:center; font-size:16px; color:#fff;}
#header_eng > .gnbMenu > dd > ul > li > a:hover {background:#ff0000;}
#header_eng > .gnbMenu > dd > ul > li > a.on {background:#ff0000;}
#header_eng > .gnbMenu > dd > ul > li div {display:none; position:absolute; width:200px; border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid; overflow:hidden; z-index:999;}
#header_eng > .gnbMenu > dd > ul > li div a {display:block; padding:10px 15px; color:#333; border-bottom:#e5e5e5 1px solid; background:#fff; cursor:pointer;}
#header_eng > .gnbMenu > dd > ul > li div a:hover {color:#fff; background:#ff0000;}
/* »ó´Ü¿µ¿ª - MOBILE */
#headerMobile {position:fixed; top:0px; width:100%; background:#fff; border-bottom:#e5e5e5 1px solid; z-index:9999;}
#headerMobile .gnbMenu {margin:0 30px; padding:12px 0 10px 0; overflow:hidden;}
#headerMobile .gnbMenu dt {float:left; width:15%; padding-top:3px; text-align:right;}
#headerMobile .gnbMenu dt:first-child {text-align:left;}
#headerMobile .gnbMenu dt a {color:#333;}
#headerMobile .gnbMenu dt a:hover {color:#ff0000;}
#headerMobile .gnbMenu dd {float:left; width:70%; padding-top:3px; text-align:center;}
#headerMobile .gnbTotal {position:fixed; top:0; width:250px; height:100%; margin-left:-250px; background:#333; overflow:auto;}
#headerMobile .gnbTotal > dl {width:100%; padding:15px 17px 14px 20px; overflow:hidden;}
#headerMobile .gnbTotal > dl dt {float:left; font:500 20px 'Dosis'; color:#fff;}
#headerMobile .gnbTotal > dl dd {float:right; font-size:20px; color:#fff; cursor:pointer;}
#headerMobile .gnbTotal > ul {width:100%; text-align:center; border-left:#333 1px solid; background:#444; overflow:hidden;}
#headerMobile .gnbTotal > ul li {float:left; width:50%; padding:20px 0; border-right:#333 1px solid; border-bottom:#333 1px solid; cursor:pointer;}
#headerMobile .gnbTotal > ul li:nth-child(3), #headerMobile > ul li:nth-child(4) {border-bottom:none;}
#headerMobile .gnbTotal > ul li.hvr-sweep-to-bottom:before {background:#14b1bb;}
#headerMobile .gnbTotal > ul li p {font-size:30px; color:#fff;}
#headerMobile .gnbTotal > ul li h1 {margin-top:5px; font-weight:300; color:#fff;}
#headerMobile .gnbTotal > p {width:100%; padding:15px 10px; text-align:center; background:#444; overflow:hidden;}
#headerMobile .gnbTotal > p > a {display:inline-block; width:48%; padding:4px 0; font-weight:bold; font-size:13px; color:#ddd; letter-spacing:-1px; background:#555;}
#headerMobile .gnbTotal > p > a:hover {color:#fff; background:#14b1bb;}
#headerMobile .gnbTotal > p > a.on {color:#fff; background:#14b1bb;}
/* ÄÁÅÙÃ÷¿µ¿ª */
#content {width:100%;}
/* ÇÏ´Ü¿µ¿ª */
#footer {width:100%; padding:40px 0; border-top:#e5e5e5 1px solid;}
#footer > div {width:1140px; margin:0 auto; text-align:center;}
#footer > div > div {margin-top:30px; font-weight:300;}
#footer > div > div span {color:#ff0000;}
/* Äü¸Þ´º */
#quickMenu {position:absolute; top:50%; right:0; width:110px; margin-top:-235px; z-index:998;}
#quickMenu > h1 {padding:20px 0; text-align:center; background:#27282b;}
#quickMenu > h1 > div {margin-top:10px; font:300 13px/22px 'NotoSansKR'; color:#fff;}
#quickMenu > h1 > div span {font-weight:500; font-size:12px;}
#quickMenu > h2 {padding:15px 0; text-align:center; background:#27282b;}
#quickMenu ul {width:100%; overflow:hidden;}
#quickMenu ul li {width:100%; padding:15px; text-align:center; border-bottom:#4d4c4c 1px solid; background:#353534; cursor:pointer;}
#quickMenu ul li:hover {color:#fff;}
#quickMenu ul li.hvr-sweep-to-top:before {background:#2fafc4;}
#quickMenu ul li p {font-size:35px; color:#fff;}
#quickMenu ul li div {margin-top:10px; font:300 12px/14px 'NotoSansKR'; color:#fff;}




/* ¹ÝÀÀÇü ============================================================================================ */
/* ¸ð¹ÙÀÏ  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (max-width:479px) {
#totalMenu {display:none;}
#header {display:none;}
#header_eng {display:none;}
#footer > div {width:300px;}
#quickMenu {display:none;}
}

/* Å×ºí¸´1  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:480px) and (max-width:767px) {
#totalMenu {display:none;}
#header {display:none;}
#header_eng {display:none;}
#footer > div {width:450px;}
#quickMenu {display:none;}
}

/* Å×ºí¸´1  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:768px) and (max-width:989px) {
#totalMenu {display:none;}
#header {display:none;}
#header_eng {display:none;}
#footer > div {width:720px;}
#quickMenu {display:none;}
}

/* PC1  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:990px) and (max-width:1199px) {
#totalMenu > ul {width:940px;}
#header > .gnbMenu {width:940px;}
#header > .gnbMenu > dd > ul > li > a {padding:41px 26px 42px 26px;}
#header_eng > .gnbMenu {width:940px;}
#header_eng > .gnbMenu > dd > ul > li > a {padding:35px 15px 44px 15px;}
#headerMobile {display:none;}
#footer > div {width:940px;}
}

/* PC2  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:1200px) {
#headerMobile {display:none;}
}