@charset "utf-8";

@import"global.css";
@import"layout.css";
@import"modules.css";

/* Common */
h2 {position:absolute; z-index:-1; visibility:hidden;}
legend {position:absolute; z-index:-1; visibility:hidden;}
select, input[type="text"], input[type="password"] {display:inline-block; height:16px; padding:6px 11px; border:1px solid #ddd; background:#fff; font-size:12px; line-height:1; color:#777; vertical-align:middle;}
input[type="radio"], input[type="checkbox"] {border:0; background:none; vertical-align:middle;}
select {height:30px !important; padding-right:6px;}
label {vertical-align:middle;}
button {border:none;*overflow:visible}
input[placeholder] {color:#777;}
select, input, textarea{color:#777;font-family: '나눔고딕', 'Nanum Gothic', 'ng', 'Dotum', 'sans-serif';}

.btnArea {overflow:hidden;}
.flow {float:left;}
.reverse {float:right;}
.txtL {text-align:left !important;}
.txtC {text-align:center !important;}
.txtR {text-align:right !important;}
.hdObj {position:absolute; z-index:-1; height:0; font-size:0; visibility:hidden;}
.compWrap {width:920px; margin:0 auto; background:transparent;}

#container {padding-bottom:60px; background:url(/images/bp/kor/bg/bg_main_container.jpg) repeat 0 0;}
#container h3 {position:absolute; z-index:-1; visibility:hidden;}

/* Visual Section */
.visualSection {position:relative;}
.visualSection .rollingCtrl {*zoom:1; position:absolute; left:50%; bottom:40px; margin-left:-70px; z-index:20;}
.visualSection .rollingCtrl:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.visualSection .rollingCtrl span {display:block; float:left; width:19px; height:19px; margin-left:5px; background:url(/images/bp/kor/btn/btn_mainvisual_rolling_control.png) no-repeat -45px 0; cursor:pointer;}
.visualSection .rollingCtrl span.on {width:40px; background-position:0 0;}
.visualSection .rollingCtrl span.play {background-position:-91px 0;}
.visualSection .rollingCtrl span.pause {background-position:-68px 0;}
.visualSection .rollingCtrl span button {display:inline-block; text-indent:-999em;}
.visualSection ul {position:relative; width:100%; height:550px; overflow:hidden;}
.visualSection ul li {position:absolute; left:50%; top:0; z-index:10; margin-left:-950px;}
.visualSection ul li img {width:1900px; margin:0 auto;}

/* Gallery Section */
.gallerySeciton {position:relative; width:920px; height:280px; overflow:hidden; margin:50px auto 0;}
.gallerySeciton .btnArea {*zoom:1; position:absolute; left:0; top:50%; z-index:10; width:100%;}
.gallerySeciton .btnArea:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.gallerySeciton .btnArea span {display:block; float:left; width:40px; height:40px; background:url(/images/bp/kor/btn/btn_maingallery_paging.png) no-repeat 0 0; cursor:pointer;}
.gallerySeciton .btnArea span.prev {float:left;}
.gallerySeciton .btnArea span.next {float:right; background-position:-40px 0;}
.gallerySeciton .btnArea span button {display:inline-block; text-indent:-999em;}
.gallerySeciton ul {*zoom:1; width:920px; overflow:hidden;}
.gallerySeciton ul:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.gallerySeciton ul li {float:left; position:relative; width:300px; margin-left:10px;}
.gallerySeciton ul li:first-child {margin-left:0;}
.gallerySeciton ul li a{display:block;width:300px;height:280px}
.gallerySeciton ul li .info {position:absolute; left:0; top:200px; z-index:20; width:100%; height:57px; padding-top:23px; background:#000; -ms-filter:alpha(opacity=60); filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; font-family:"ng_b"; color:#fff; text-align:center;}
.gallerySeciton ul li .info strong {display:block; font-weight:normal; font-size:14px; line-height:1;}
.gallerySeciton ul li .info em {display:block; margin-top:15px; font-size:12px; line-height:1;}

.mainPop {
    display: block;
    position: absolute;
    top: 17%;
    left: 10%;
    z-index: 100;
}

.mainPop .oneDay {
    position: absolute;
    top: auto;
    bottom: 5%;
    left: auto;
    right: 6%;
}

.closeWrap {
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 35px;
    background: url(/images/kor/main_winter_2016/button/btn_mainbanner_close.png) 50% 50% no-repeat #333;
    cursor: pointer;
}

/* Content Section */
.contentSection {*zoom:1; width:920px; margin:30px auto 0;}
.contentSection:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.contentSection .noticeArea,
.contentSection .customerArea,
.contentSection .bannerArea {float:left; width:260px; height:120px; margin-left:10px; padding:25px 20px;}
.contentSection .noticeArea h4,
.contentSection .customerArea h4 {font-family:"ng_b"; font-weight:normal; font-size:14px; color:#fff;}
.contentSection .noticeArea {position:relative; overflow:hidden; margin-left:0; background-color:#584e48;}
.contentSection .noticeArea .rollingCtrl {*zoom:1; position:absolute; right:20px; top:20px; z-index:10;}
.contentSection .noticeArea .rollingCtrl:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.contentSection .noticeArea .rollingCtrl span {display:block; float:left; width:10px; height:10px; margin-left:4px; background:url(/images/bp/kor/btn/btn_mainnotice_rolling_control.png) no-repeat -14px 0; cursor:pointer;}
.contentSection .noticeArea .rollingCtrl span.on {background-position:0 0;}
.contentSection .noticeArea .rollingCtrl span.play {background-position:-39px 0;}
.contentSection .noticeArea .rollingCtrl span.pause {width:9px; background-position:-28px 0;}
.contentSection .noticeArea .rollingCtrl span button {display:inline-block; text-indent:-999em;}
.contentSection .noticeArea ul {position:relative; height:80px; overflow:hidden; margin-top:32px;}
.contentSection .noticeArea ul li {position:absolute; left:0; top:0;}
.contentSection .noticeArea ul li a {font-family:"ng_b"; font-size:14px; color:#fff;}
.contentSection .noticeArea ul li a strong {display:block; font-weight:normal; }
.contentSection .noticeArea ul li a em {display:block; margin-top:20px; font-family:"ng"; font-size:12px;}
.contentSection .customerArea {background:url(/images/bp/kor/bg/bg_main_customer.jpg) no-repeat 0 0;}
.contentSection .customerArea h4 {margin-bottom:18px;}
.contentSection .customerArea span {display:block; *zoom:1; margin-top:6px; font-family:"ng_b"; font-size:13px; color:#fff;}
.contentSection .customerArea span:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.contentSection .customerArea span strong {display:block; float:left; width:66px; height:19px; padding:5px 0 0 18px; background:url(/images/bp/kor/bg/bg_main_customer_title.png) no-repeat 0 0; font-weight:normal;}
.contentSection .customerArea span em {display:block; float:left; margin-left:20px; line-height:24px;}
.contentSection .bannerArea {width:300px; height:170px; padding:0;}
.contentSection .bannerArea h4 {position:absolute; z-index:-1; visibility:hidden;}
.contentSection .bannerArea a {display:block; float:left;}