@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('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
@import url('ionicons.css');
@import url('magnific_popup.css');
@import url('hoverEffect.css');
@import url('pgwslideshow.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;}
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:#cd3333;}

/* ºÎÆ®½ºÆ®·¦-º¯°æ */
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;}

/* pgw½½¶óÀÌµå º¯°æ */
.pgwSlideshow {background:#fff !important;}
.pgwSlideshow .ps-current > ul  > li img {}
.pgwSlideshow .ps-caption {padding: 12px 20px;}
.pgwSlideshow .ps-list {padding:15px 0; border:none !important; box-shadow:none !important; background:#000 !important;}
.pgwSlideshow .ps-list li img {border: 1px solid #777 !important; width: 80px; height: 65px !important;}
.pgwSlideshow .ps-list li .ps-item.ps-selected {border: 3px solid #cd3333 !important;}
.pgwSlideshow .ps-list li .ps-item.ps-selected img {margin: -3px !important;}
.pgwSlideshow .ps-prevIcon {border-width: 15px 20px 15px 0;}
.pgwSlideshow .ps-nextIcon {border-width: 15px 0 15px 20px;}

.pgwSlideshow.narrow .ps-list li img {width: 60px; height: 50px !important;}
.pgwSlideshow.narrow .ps-list .ps-prev {top: 24px;}
.pgwSlideshow.narrow .ps-list .ps-next {top: 24px;}

/* ¸ÅÁ÷Æ˾÷ º¯°æ */
.mfp-iframe-holder {padding-top: 0; padding-bottom: 0; }
.mfp-iframe-holder .mfp-content {height:90%; margin-top:10%; max-width:1000px; }
.mfp-iframe-scaler {background: none !important;}










/* ±âº» ·¹À̾ƿô[Ʋ]  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#wrap {position:relative; width:100%; height:100%;}

/* »ó´Ü¿µ¿ª - PC */
#header {position:fixed; width:100%; background:#000; border-bottom:#e5e5e5 1px solid; z-index:999;}
#header dl dd{margin:0 30px; overflow:hidden;}
#header dl dt {float:left; width:100px; padding:0 0 0 0;}
#header dl dt img{}
#header dl dd {float:right;}
#header dl dd ul {width:100%; overflow:hidden;}
#header dl dd ul li {float:left;}
#header dl dd ul li > a {display:block; padding:30px 0 18px 45px; font-size:18px;  font-weight:bold; color:#fff; letter-spacing:2px;}
#header dl dd ul li h1 {padding:30px 0 25px 45px; font-size:20px;  font-weight:bold; color:#fff; letter-spacing:2px;}
#header dl dd ul li > a:hover {color:#cd3333;}


/* »ó´Ü¿µ¿ª - PC 
#header {position:fixed; width:100%; background:#fff; border-bottom:#e5e5e5 1px solid; z-index:999;}
#header dl {margin:0 50px; overflow:hidden;}
#header dl dt {float:left; width:100px; padding-top:20px;}
#header dl dd {float:right;}
#header dl dd ul {width:100%; overflow:hidden;}
#header dl dd ul li {float:left;}
#header dl dd ul li > a {display:block; padding:30px 0 25px 45px; font-size:16px;  font-weight:bold; color:#555; letter-spacing:2px;}
#header dl dd ul li h1 {padding:30px 0 25px 45px; font-size:20px;  font-weight:bold; color:#555; letter-spacing:2px;}
#header dl dd ul li > a:hover {color:#cd3333;}
*/

/* »ó´Ü¿µ¿ª - MOBILE */
#headerMobile {position:fixed; top:0px; width:100%; background:#000; box-shadow:0 3px 3px rgba(0,0,0,0.3); z-index:999;}
#headerMobile .gnbMenu {margin:0 30px; padding:0px 0; overflow:hidden;}
#headerMobile .gnbMenu dt {float:left; width:15%; padding-top:13px; font-size:35px; text-align:right;}
#headerMobile .gnbMenu dt:first-child {text-align:left;}
#headerMobile .gnbMenu dt a {color:#fff;}

#headerMobile .gnbMenu dt a:hover {color:#ffa800;}
#headerMobile .gnbMenu dd {float:left; width:70%; text-align:center; }
#headerMobile .gnbTotal {margin:10px 30px 0 30px;  }
#headerMobile .gnbTotal a {display:block; padding:10px 5px; font-size:20px; font-weight:bold; color:#fff;  border-bottom:#e5e5e5 1px solid;  right 15px no-repeat;}
#headerMobile .gnbTotal a:hover {color:#ffa800;}



/* »ó´Ü¿µ¿ª - MOBILE 
#headerMobile {position:fixed; top:0px; width:100%; background:#000; box-shadow:0 3px 3px rgba(0,0,0,0.3); z-index:999;}
#headerMobile .gnbMenu {margin:0 30px; padding:15px 0; overflow:hidden;}
#headerMobile .gnbMenu dt {float:left; width:15%; padding-top:3px; font-size:30px; 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 {margin:10px 30px 0 30px;}
#headerMobile .gnbTotal a {display:block; padding:10px 5px; font-weight:600; color:#333; border-bottom:#e5e5e5 1px solid; background:url('../images/common/gnbTotal_arr.gif') right 15px no-repeat;}
#headerMobile .gnbTotal h1 {display:block; padding:10px 5px; font-size:20px;  font-weight:bold; color:#555; letter-spacing:2px;}
#headerMobile .gnbTotal a:hover {color:#ffa800;}
*/



/* ÄÁÅÙÃ÷¿µ¿ª */
#content {width:100%;}

/* ÇÏ´Ü¿µ¿ª */
#footer {width:100%; overflow:hidden;}
#footer > div {width:1170px; margin:0 auto; padding:50px; text-align:center;}
#footer > div h2 {margin-top:30px; color:#333; letter-spacing:-1px;}
#footer > div h3 {margin-top:20px; font:16px/22px 'Daehan'; color:#333; letter-spacing:-1px;}
#footer > div h4 {margin-top:20px; font:18px/26px 'Dosis'; color:#333; letter-spacing:3px;}
#footer > div p {margin-top:20px;}
#footer > div div {margin-top:30px; padding-top:30px; border-top:#e5e5e5 1px solid;}
#footer > div div span {color:#cd3333;}









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

#footer > div {width:300px; padding:15px;}
#footer > div h3 {font:bold 12px/20px 'Daehan';}
#footer > div h4 {margin-top:10px; font:16px/22px 'Dosis';}
}


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

#footer > div {width:450px; padding:40px;}
}


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

#footer > div {width:720px; padding:45px;}
}


/* 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 > div {width:940px;}
}


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