@charset "utf-8";
@import url("./width1024_default.css");


#container {position:relative; z-index:0; margin-top:30px; overflow:hidden;}


/*******************메인 공통*******************/
/*메인 타이틀*/
.main_tit {text-align:center; color:#222; font-size:31px; font-weight:700;}
.main_tit strong {color:#e90485;}
.main_tit span {color:#999; font-size:16px; line-height:17px; display:block; margin-top:10px; font-weight:normal;}



/*메인상단*/
.main_top {overflow:hidden;}


/*메인비주얼*/
.main_visual {float:left; text-align:center; position:relative; width:830px; height:620px; overflow:hidden;}
.main_visual ul {width:100%; left:0px; top:0px; height:620px; position:absolute; z-index:0 !important;}
.main_visual li {background-repeat:no-repeat; background-position:center top; width:100%; height:620px;}
.main_visual li a{display:block; height:620px;}

.main_visual .main_pager {text-align:center; position:absolute;  z-index:2 !important; bottom:20px; width:100%; text-align:center;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:12px; height:12px; margin:0 3px; border-radius:12px; background:#ddd;}
.main_visual .main_pager .cycle-pager-active {background:#fff;}
.main_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.3);  z-index:1 !important;}


/*상단 오른쪽*/
.right_area {float:right; width:350px;}
.right_area .item_box {overflow:hidden; text-align:center;position:relative;}
.right_area .item_box .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.3);  z-index:1;}
.right_area .item_box a {display:block; width:350px; height:300px; color:#fff; position:relative; z-index:2;}
.right_area .item_box dt {font-size:30px; line-height:31px; font-weight:bold; letter-spacing:0.5px; padding-top:120px;}
.right_area .item_box dd {font-size:18px; line-height:19px; margin-top:10px;}

.right_area .item_box a:hover {color:#f2d7c6;}

.right_area .dress {background:url(../images/main/dress_bg.jpg) left top no-repeat;}
.right_area .guide {margin-top:20px; background:url(../images/main/guide_bg.jpg) left top no-repeat;}




/*메인 게시판*/
.main_board {overflow:hidden; padding:60px 0; margin-top:80px; background:#f8f8f8; display:none;}
.main_board .board_box {float:left; width:570px; height:170px; background:#fff; margin-left:60px; overflow:hidden;}
.main_board .board_box:first-child {margin-left:0;}

.main_board .img_box {float:left; width:202px;}
.main_board .img_box img {width:100%; vertical-align:top;}

.main_board .info_box {display:block; overflow:hidden; position:relative; padding:20px 25px;}
.main_board .info_box .tit_box {position:relative;}
.main_board .info_box .tit_box .tit {font-size:16px; font-weight:700; color:#333;}
.main_board .info_box .tit_box .tit b {color:#f01c76;}
.main_board .info_box .more_btn {position:absolute; right:0; top:0;}
.main_board .info_box .txt_box {margin-top:10px; }
.main_board .info_box .txt_box li {position:relative; display:block; line-height:30px; font-size:13px; letter-spacing:-0.5px; padding-left:11px}
.main_board .info_box .txt_box li a {color:#656565;} 
.main_board .info_box .txt_box li:before {content:""; width:3px; height:3px; background:#f01c76; position:absolute; left:2px; top:50%; margin-top:-3px;}
.main_board .info_box .txt_box .date {float:right; color:#9e9e9e; font-size:12px;}
.main_board .info_box .txt_box a:hover {color:#f01c76; text-decoration:underline;}




/*메인갤러리*/
.gallery_item {overflow:hidden; padding-top:50px;}

.gallery_item ul {margin:35px auto; width:1200px; overflow:hidden;}
.gallery_item ul li {display:inline-block; margin:0 10px; width:280px !important; vertical-align:top;}
.gallery_item ul li img {vertical-align:top; width:100%; height:290px;}
.gallery_item .tit {text-align:left;font-size:17px; font-weight:bold; color:#222; line-height:17px; margin-top:5px; padding:15px 0px; overflow:hidden; white-space: normal; }
.gallery_item .subject {text-align:left; border-bottom:1px #dddddd solid; font-size:12px; color:#666; line-height:17px;  padding-bottom:17px; margin-bottom:10px; overflow:hidden; white-space: normal; }

.gallery_item .detail {float:left; margin-top:10px; width:140px; text-align:left;}
.gallery_item .detail a {display:block; line-height:40px; border:1px #b2b2b2 solid; text-align:center; font-size:13px; color:#222;}
.gallery_item .detail a:hover {background-color:#e90485; color:#fff; border-color:#e90485;}

.gallery_item .control {width:100%; position:absolute; top:240px; z-index:999999 !important;}
.gallery_item .control a {float:left; width:20px; height:35px; background:url(../images/main/gallery_btn.png) left top no-repeat; text-indent:-9999px;}
.gallery_item .control a#next {float:right; margin-right:-50px; background-position:right top;}
.gallery_item .control a#prev {margin-left:-50px;}


/*메인패키지*/
.main_package {overflow:hidden; padding-top:55px;}
.main_package .img_area {margin-top:35px; position:relative; width:100%; background:url(../images/main/package_bg.jpg) center top no-repeat; background-size:cover; background-attachment:fixed; height:400px; text-align:center;}
.main_package .img_area .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.3);  z-index:1;}
.main_package .img_area .txt {position:absolute;  z-index:3; left:50%; bottom:0; margin-left:-150px; display:inline-block; width:300px; font-family:'Calibri'; font-size:20px; color:#ababab; letter-spacing:2px; height:60px; line-height:60px; background:#fff;}

.main_package .info_area {margin:60px 0 70px;}
.main_package .info_area .one_box {float:left; text-align:center; margin-left:60px; width:356px; height:156px; border:2px solid #dbdbdb; background:transparent url(../images/main/one_box_bg) center 30px no-repeat;}
.main_package .info_area .one_box:first-child {margin-left:0;}
.main_package .info_area .one_box dt {color:#333; font-size:24px; font-weight:300; letter-spacing:1.5px; padding-top:70px;}
.main_package .info_area .one_box dd {color:#ababab; font-size:16px; padding-top:5px;}
.main_package .info_area .one_box:hover {border:2px solid #e90485;}
.main_package .info_area .one_box:hover dt {color:#e90485;}


/*메인쥬얼리*/
.main_jewely {overflow:hidden; margin-top:70px; padding:60px 0; background:#f9f4f1;}
.main_jewely .banner {float:left; margin-left:60px;}
.main_jewely .banner:first-child {margin-left:0px;}
.main_jewely .banner img {vertical-align:top;}