@charset "euc-kr";
@import url('https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css');
@import url('option.css');
@import url('content.css');
@import url('bootstrap.css');
@import url('animate.css');
@import url('font_awesome.css');
@import url('ionicons.css');
@import url('crosscover.css');
@import url('owl_carousel.css');
@import url('owl_theme.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;}
body,input,textarea,select,button {font-family:'Open sans', 'Malgun Gothic', '¸¼Àº °íµñ', 'µ¸¿ò', 'Tahoma'; font-size:14px; color:#727272; font-weight:normal; line-height:22px;}
table,th,h1,h2,h3,h4,h5,h6 {font-size:14px; 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:#d42517;}
/* ºÎÆ®½ºÆ®·¦-º¯°æ */
input[type="file"] {display:inline-block; height:30px;}
.btn {letter-spacing:-1px; padding-bottom:7px;}
.modal {z-index:9999;}
.modal-title {font:16px 'Godo'; color:#333;}




/* ±âº» ·¹À̾ƿô[Ʋ]  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#wrap {position:relative; width:100%; height:100%;}
/* »ó´Ü¿µ¿ª - PC */
#header {position:fixed; width:220px; height:100%; background:url('../../img/images/common/bg_lnb.png') repeat-y, #000; z-index:999;}
#header > h1 {padding:50px 0 30px 0; text-align:center;}
#header > h2 {height:7px; background:url('../../img/images/common/line_logo.gif') center bottom no-repeat;}
#header > ul {width:100%; margin:20px 0;}
#header > ul li {padding:15px 40px;}
#header > ul li a {display:block; font:500 16px 'NotoSansKR'; color:#fff; letter-spacing:-1px;}
#header > ul li a:hover {color:#d42517;}
#header > ul li div {display:none; position:absolute; margin:-42px 0 0 150px;}
#header > ul li div dl {width:130px; padding:15px; border-radius:4px; background:url('../../img/images/common/bg_subMenu.gif'); overflow:hidden;}
#header > ul li div dl dt {padding:3px 0 5px 0; font-size:12px; color:#fff; background:url('../../img/images/common/line_subMenu.gif') center top no-repeat; cursor:pointer;}
#header > ul li div dl dt:first-child {background:none;}
#header > ul li div dl dt:hover {color:#000; font-weight:bold;}
#header > ul li div p {position:absolute; margin:13px 0 0 -7px;}
#header > div {position:absolute; bottom:40px; width:220px; padding:0 35px;}
#header > div p {width:100%; margin-bottom:30px;}
#header > div p a {display:block; margin-top:5px; padding:3px 10px 5px 10px; font-size:12px; color:#fff; letter-spacing:-1px; background:url('../../img/images/common/bg_footerMenu.gif') right center no-repeat, #2c2c2c;}
#header > div p a:hover {color:#d42517;}
#header > div div {font-size:12px; line-height:16px; color:#fff;}
#header > div div span {color:#d42517;}
/* »ó´Ü¿µ¿ª - MOBILE */
#headerMobile {position:fixed; top:0px; width:100%; background:#fff; border-bottom:#e5e5e5 1px solid; z-index:9999;}
#headerMobile .gnbMenu {margin:0 30px; padding:15px 0; overflow:hidden;}
#headerMobile .gnbMenu dt {float:left; width:15%; padding-top:8px; font-size:25px; text-align:right;}
#headerMobile .gnbMenu dt:first-child {text-align:left;}
#headerMobile .gnbMenu dt a {color:#333;}
#headerMobile .gnbMenu dt a:hover {color:#ffa800;}
#headerMobile .gnbMenu dd {float:left; width:70%; text-align:center;}
#headerMobile .gnbTotal {display:none; margin:5px 30px 30px 30px; overflow:hidden;}
#headerMobile .gnbTotal li > a {display:block; padding:10px 5px; font-weight:600; color:#333; border-top:#e5e5e5 1px solid; background:url('../../img/images/common/gnbTotal_arr.gif') right 15px no-repeat;}
#headerMobile .gnbTotal li > a:hover {color:#1abcaa;}
#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;}
/* ÄÁÅÙÃ÷¿µ¿ª */
#content {position:relative; margin-left:220px; padding:0 40px;}
#mainContent {margin-left:250px;}
/* ÇÏ´Ü¿µ¿ª */
#footer {margin-left:220px; padding:70px 40px 0 40px; overflow:hidden;}
#footer > div {width:1150px; margin:0 auto; border-top:#e5e5e5 1px solid;}
#footer > div ul {width:70%; margin:0 auto; padding:20px 0; overflow:hidden;}
#footer > div ul li {float:left; width:33.3%; text-align:center; background:url('../../img/images/common/footer_banner_line.gif') left center no-repeat;}
#footer > div ul li:first-child {background:none;}
#footer > div dl {width:100%; padding:30px 0; border-top:#e5e5e5 1px solid; overflow:hidden;}
#footer > div dl dt {float:left; width:12%; text-align:right;}
#footer > div dl dt:first-child {text-align:left;}
#footer > div dl dt select {font-size:12px;}
#footer > div dl dd {float:left; width:76%; font-size:12px;}
/* ¼­ºê¸Þ´º */
.subMenu {position:relative; width:1150px; margin:0 auto; padding:12px 0 15px 0; text-align:center; background:rgba(139,121,107,1);}
.subMenu > a {position:relative; display:inline-block; padding:4px 0; font:bold 15px 'Daehan'; color:#e2d6c9 !important;}
.subMenu > a img {display:none;}
.subMenu > a:hover {padding:2px 0; color:#fff; border-top:#cdc1b5 1px solid; border-bottom:#cdc1b5 1px solid;}
.subMenu > a.on {padding:2px 0; color:#fff; border-top:#cdc1b5 1px solid; border-bottom:#cdc1b5 1px solid;}
.subMenu > a.on img {display:block; position:absolute; left:50%; margin:19px 0 0 -10px;}
.subMenu > a.CT01 {margin:0 4%;}
.subMenu > a.CT02 {margin:0 2%;}
.subMenu > a.CT03 {margin:0 4%;}
.subMenu > a.CT04 {margin:0 4%;}
.subMenu > a.CT05 {margin:0 4%;}
.subMenu > a.CT06 {margin:0 4%;}
.subMenu > p {position:absolute; top:0; right:0;}
/* ŸÀÌƲ */
.title {width:1150px; margin:0 auto; padding:50px 0; background:url('../../img/images/common/title_line.gif') center bottom repeat-x;}
.title p {text-align:center;}
.title div {margin-top:20px; text-align:center; font-size:12px;}
.title h1 {margin-top:25px; text-align:center; font:500 40px/40px 'NotoSansKR'; color:#333; letter-spacing:-1px;}
.title h2 {width:32%; margin:10px auto 0 auto;  text-align:center; font-size:15px; line-height:22px; letter-spacing:-1px;}
/* ÁغñÁß */
.ing {width:1150px; margin:40px auto 0 auto; padding:150px 0; text-align:center; font:500 30px 'NotoSansKR'; color:#333; letter-spacing:-2px;  border:#e5e5e5 1px solid;}



/* ¹ÝÀÀÇü ============================================================================================ */
/* ¸ð¹ÙÀÏ  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (max-width:479px) {
#header {display:none;}
#content {margin-left:0; padding:0;}
#mainContent {margin-left:0;}
#footer {margin-left:0;}
#footer > div {width:300px;}
#footer > div ul {width:100%;}
#footer > div ul li img {height:45px;}
#footer > div dl dt {width:100%; text-align:center;}
#footer > div dl dt:first-child {text-align:center;}
#footer > div dl dt:last-child {display:none;}
#footer > div dl dd {width:100%; margin-top:10px; text-align:center;}
.subMenu {display:none;}
.title {width:300px; padding:90px 0 50px 0;}
.title p {display:none;}
.title h2 {width:100%;}
.ing {width:300px;}
}

/* Å×ºí¸´1  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:480px) and (max-width:767px) {
#header {display:none;}
#content {margin-left:0; padding:0;}
#mainContent {margin-left:0;}
#footer {margin-left:0;}
#footer > div {width:450px;}
#footer > div ul {width:100%;}
#footer > div ul li img {height:55px;}
#footer > div dl dt {width:100%; text-align:center;}
#footer > div dl dt:first-child {text-align:center;}
#footer > div dl dt:last-child {display:none;}
#footer > div dl dd {width:100%; margin-top:10px; text-align:center;}
.subMenu {display:none;}
.title {width:450px;  padding:90px 0 50px 0;}
.title p {display:none;}
.title h2 {width:90%;}
.ing {width:450px;}
}

/* Å×ºí¸´1  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:768px) and (max-width:989px) {
#header {display:none;}
#content {margin-left:0; padding:0;}
#mainContent {margin-left:0;}
#footer {margin-left:0;}
#footer > div {width:720px;}
#footer > div ul {width:100%;}
#footer > div dl dt {width:100%; text-align:center;}
#footer > div dl dt:first-child {text-align:center;}
#footer > div dl dt:last-child {display:none;}
#footer > div dl dd {width:100%; margin-top:10px; text-align:center;}
.subMenu {display:none;}
.title {width:720px; padding:90px 0 50px 0;}
.title p {display:none;}
.title h2 {width:60%;}
.ing {width:720px;}
}

/* PC1  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (min-width:990px) and (max-width:1399px) {
#headerMobile {display:none;}
#header {width:200px;}
#header > div {width:200px;}
#content {margin-left:200px;}
#mainContent {margin-left:200px;}
#footer {margin-left:200px;}
#footer > div {width:100%;}
#footer > div ul {width:80%;}
#footer > div dl dt {width:15%;}
#footer > div dl dd {width:70%;}
.subMenu {width:100%;}
.subMenu > a.CT02 {margin:0 1%;}
.title {width:100%;}
.title h2 {width:45%;}
.ing {width:100%;}
}

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