@charset "euc-kr";
@import url('option.css');
@import url('content.css');
@import url('bootstrap.css');
@import url('fontAwesome.css');
@import url('ionicons.css');
@import url('animate.css');
@import url('hover.css');
@import url('crosscover.css');
@import url('owlCarousel.css');
@import url('owlTheme.css');
@import url('cssmenu.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;}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body {min-width:320px; background:#292929;}
body,input,textarea,select,button {font-family:'Open sans', 'Malgun Gothic', '¸¼Àº °íµñ', 'µ¸¿ò', 'Tahoma'; font-size:13px; color:#727272; 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:#727272;}
a:hover {text-decoration:none; color:#1abcaa;}
/* ºÎÆ®½ºÆ®·¦-º¯°æ */
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:#ffc933; border-radius:6px 6px 0 0;}
.modal-title {padding:5px 0 0 0; font:20px 'Godo'; color:#fff;}
.modal-body {padding:30px;}
.close {font-size: 33px;}



/* ±âº» ·¹À̾ƿô[Ʋ]  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#wrap {position:relative; width:100%;}
/* »ó´Ü¿µ¿ª - PC */
#header {position:fixed; left:50%; top:50px; width:1140px; margin-left:-570px; background:#fff; border-radius:4px; box-shadow:0 2px 2px rgba(0,0,0,0.2); z-index:99;}
#header > .gnbTop {height:50px; margin:0 30px; border-bottom:#e5e5e5 1px solid; overflow:hidden;}
#header > .gnbTop dt {float:left; padding:15px 0 15px 0; font-family:'Raleway';}
#header > .gnbTop dd {float:right; padding:15px 0 15px 0; font-size:12px; letter-spacing:-1px;}
#header > .gnbTop dd i {font-size:15px;}
#header > .gnbMenu {margin:0 30px; overflow:hidden;}
#header > .gnbMenu > dt {float:left; width:90px; padding-top:20px;}
#header > .gnbMenu > dd {float:right;}
#header > .gnbMenu > dd > ul {width:100%; overflow:hidden;}
#header > .gnbMenu > dd > ul > li {float:left;}
#header > .gnbMenu > dd > ul > li > a {display:block; padding:30px 0 30px 45px; font-family:'Crete Round'; font-size:18px; color:#555;}
#header > .gnbMenu > dd > ul > li > a:hover {color:#d42517;}
#header > .gnbMenu > dd > ul > li > div {display:none; position:absolute; margin:-10px 0 0 35px; z-index:99999;}
#header > .gnbMenu > dd > ul > li > div div {width:110px; padding:15px; border-radius:4px; background:url('../../img/images/common/subMenu_bg.gif'); overflow:hidden;}
#header > .gnbMenu > dd > ul > li > div div a {display:block; padding:3px 0 5px 0; font-size:12px; color:#fff; letter-spacing:-1px; background:url('../../img/images/common/subMenu_line.gif') center top no-repeat; cursor:pointer;}
#header > .gnbMenu > dd > ul > li > div div a:first-child {background:none;}
#header > .gnbMenu > dd > ul > li > div div a:hover {color:#000; font-weight:bold;}
#header > .gnbMenu > dd > ul > li > div p {position:absolute; margin:-15px 0 0 48px; text-align:center;}
/* »ó´Ü¿µ¿ª - MOBILE */
#headerMobile {position:fixed; top:0px; width:100%; background:#fff; box-shadow:0 3px 3px rgba(0,0,0,0.3); z-index:99;}
#headerMobile > .gnbTop {height:50px; margin:0 30px; border-bottom:#e5e5e5 1px solid; overflow:hidden;}
#headerMobile > .gnbTop dt {float:left; padding:15px 0 15px 0; font-family:'Raleway';}
#headerMobile > .gnbTop dd {float:right; padding:15px 0 15px 0; font-size:12px; letter-spacing:-1px;}
#headerMobile > .gnbMenu {margin:0 30px; padding:15px 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:#1abcaa;}
#headerMobile > .gnbMenu dd {float:left; width:70%; text-align:center;}
#headerMobile > .gnbTotal {display:none; margin:5px 30px 30px 30px; overflow:auto;}
#headerMobile > .gnbTotal li > a {display:block; padding:10px 5px; font-weight:600; color:#333; border-top:#e5e5e5 1px solid; background:url('../images/common/gnbTotal_arr.gif') right 15px no-repeat;}
#headerMobile > .gnbTotal li > a:hover {color:#2fafc4;}
#headerMobile > .gnbTotal li div {padding:5px 20px; font-size:12px; border-top:#e5e5e5 1px solid; border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid; background:#f9f9f9;}
#headerMobile > .gnbTotal li p a {display:inline-block; width:49%; padding:3px 5px; font-size:12px; color:#777; border:#ccc 1px solid; border-radius:2px;}
#headerMobile > .gnbTotal li p a:hover {color:#fff; background:#594b42; border:#594b42 1px solid;}
#headerMobile > .gnbTotal li p a.on {color:#fff; background:#594b42; border:#594b42 1px solid;}
/* ÄÁÅÙÃ÷¿µ¿ª */
#content {width:100%; background:#fff;}
/* ÇÏ´Ü¿µ¿ª */
#footer {width:100%; border-top:#292929 4px solid; overflow:hidden;}
#footer .ftInfo {width:100%; padding:50px 0 50px 0; background:#333;}
#footer .ftCopy {width:1140px; margin:0 auto; padding:30px 0 30px 0; overflow:hidden;}
#footer .ftCopy dt {float:left;}
#footer .ftCopy dd {float:right;}
#footer .ftCopy dd strong {letter-spacing:-1px;}
#footer .ftCopy dd strong span {color:#1abcaa;}
/* ÇÏ´ÜÄÁÅÙÃ÷ */
.ftCnt {width:1140px; margin:0 auto; overflow:hidden;}
.ftCnt .ftcL {float:left; width:30%;}
.ftCnt .ftcL div {margin-top:20px; color:#ccc;}
.ftCnt .ftcL div h1 {padding:5px 10px 10px 10px; text-align:center; font-family:'Raleway'; font-size:26px; color:#1abcaa; font-weight:bold; border:#494949 3px solid;}
.ftCnt .ftcL div h2 {margin:15px 0 15px 0; font-family:'Raleway'; font-size:20px; font-weight:bold;}
.ftCnt .ftcC {float:left; width:30%; margin:0 5%;}
.ftCnt .ftcC div {margin-top:20px; color:#ccc;}
.ftCnt .ftcC div h1 {padding:8px 10px 7px 10px; text-align:center; font-family:'Godo'; font-size:22px; color:#fbcc07; letter-spacing:-1px; border:#494949 3px solid; cursor:pointer;}
.ftCnt .ftcC div h2 {margin:15px 0 15px 0; font-size:18px; font-weight:bold;}
.ftCnt .ftcC div > dl {width:100%; margin-top:30px; overflow:hidden;}
.ftCnt .ftcC div > dl > dt {float:left; width:45%;}
.ftCnt .ftcC div > dl > dd {float:right; width:45%;}
.ftCnt .ftcC div > dl dl {width:100%; overflow:hidden;}
.ftCnt .ftcC div > dl dl dt {float:left; margin-right:15px;}
.ftCnt .ftcC div > dl dl dd {float:left;}
.ftCnt .ftcR {float:left; width:30%;}
.ftCnt .ftcR ul {width:100%; margin-top:20px; overflow:hidden;}
.ftCnt .ftcR ul li {padding:4px 0 4px 12px; border-bottom:#494949 1px solid; background:url('../../img/images/common/footer_icn.gif') 0 14px no-repeat;}
.ftCnt .ftcR ul li a {color:#ccc;}
.ftCnt .ftcR ul li a:hover {color:#1abcaa;}
.ftCnt .ftTilte {width:100%; overflow:hidden;}
.ftCnt .ftTilte > dt {float:left; font-family:'Open Sans'; font-size:20px; color:#ddd; font-weight:bold;}
.ftCnt .ftTilte > dd {float:right; padding-top:3px;}




/* ¹ÝÀÀÇü ============================================================================================ */
/* ¸ð¹ÙÀÏ  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (max-width:479px) {
#header {display:none;}
#footer .ftCopy {width:300px; text-align:center;}
#footer .ftCopy dt {width:100%;}
#footer .ftCopy dd {width:100%;}
.ftCnt {width:300px;}
.ftCnt .ftcL {width:100%;}
.ftCnt .ftcC {width:100%; margin:25px 0 0 0; padding-top:25px; border-top:#494949 1px solid;}
.ftCnt .ftcR {width:100%; margin:25px 0 0 0; padding-top:25px; border-top:#494949 1px solid;}
}

/* Å×ºí¸´1  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:480px) and (max-width:767px) {
#header {display:none;}
#footer .ftCopy {width:450px; text-align:center;}
#footer .ftCopy dt {width:100%;}
#footer .ftCopy dd {width:100%;}
.ftCnt {width:450px;}
.ftCnt .ftcL {width:100%;}
.ftCnt .ftcC {width:100%; margin:25px 0 0 0; padding-top:25px; border-top:#494949 1px solid;}
.ftCnt .ftcR {width:100%; margin:25px 0 0 0; padding-top:25px; border-top:#494949 1px solid;}
}

/* Å×ºí¸´1  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:768px) and (max-width:989px) {
#header {display:none;}
#footer .ftCopy {width:720px; text-align:center;}
#footer .ftCopy dt {width:100%;}
#footer .ftCopy dd {width:100%;}
.ftCnt {width:720px;}
.ftCnt .ftcL {float:left; width:48%;}
.ftCnt .ftcC {float:left; width:48%; margin:0 0 0 4%;}
.ftCnt .ftcR {float:left; width:100%; margin-top:30px; padding-top:30px; border-top:#494949 1px solid;}
}

/* PC1  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:990px) and (max-width:1199px) {
#headerMobile {display:none;}
#header {left:0px; top:0px; width:100%; margin-left:0px; border-radius:0px;}
#footer .ftCopy {width:940px;}
#footer .ftCopy dt {float:left;}
#footer .ftCopy dd {float:right;}
.ftCnt {width:940px;}
.ftCnt .ftcL {float:left; width:31%;}
.ftCnt .ftcC {float:left; width:31%; margin:0 3.5%;}
.ftCnt .ftcR {float:left; width:31%;}
}

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