@charset "utf-8";
/* -----------------------------------------------------
- Style.css List
- 1.main
- 2.나인컬렉션
- 3.웨딩서포터즈
- 4.종합선물세트
----------------------------------------------------- */

/* -----------------------------------------------------
- 1.main
----------------------------------------------------- */
#main_contents{padding:20px 0 30px;}
#main_visual{position:relative;}
#main_visual div.visual{position:relative; top:0; left:192px; width:640px; height:420px; margin:0; overflow:hidden;}
#main_visual div.visual li{width:640px; height:420px;}
#main_visual div.visual li img{width:100%; height:100%;}
#main_visual_spaging{margin:0;}
#main_visual_spaging span{position:absolute; top:0; left:0; display:block; width:180px; height:95px; background:url('/img/main/visual_thum2_1.jpg'); background-size:100% 100%; opacity:1; border-radius:0;}
/*#main_visual_spaging span:first-child + span,
#main_visual_spaging span.page1{top:25.75%; background-image:url('/img/main/visual_thum02.jpg');}*/
#main_visual_spaging span:nth-child(2){top:25.75%; background-image:url('/img/main/visual_thum2_2.jpg');}
#main_visual_spaging span:nth-child(3){top:51.5%; background-image:url('/img/main/visual_thum2_3.jpg');}
#main_visual_spaging span:nth-child(4){top:77.25%; background-image:url('/img/main/visual_thum2_4.jpg');}
#main_visual_spaging span:nth-child(5){left:100%; margin-left:-17.6%; background-image:url('/img/main/visual_thum2_5.jpg');}
#main_visual_spaging span:nth-child(6){top:25.75%; left:100%; margin-left:-17.6%; background-image:url('/img/main/visual_thum2_6.jpg');}
#main_visual_spaging span:nth-child(7){top:51.5%; left:100%; margin-left:-17.6%; background-image:url('/img/main/visual_thum2_7.jpg');}
#main_visual_spaging span:nth-child(8){top:77.25%; left:100%; margin-left:-17.6%; background-image:url('/img/main/visual_thum2_8.jpg');}

*#main_visual_spaging span:after{background:url('/img/main/black50.png');}
#main_visual_spaging span:after{content:' '; position:absolute; top:0; left:0; width:100%; height:100%; line-height:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; background:rgba(0,0,0,0.5); line-height:95px; text-align:center; color:white; font-weight:bold;}
/*#main_visual_spaging span:nth-child(2):after{content:'Style';}*/
/*#main_visual_spaging span:nth-child(3):after{content:'MC';}*/
/*#main_visual_spaging span:nth-child(4):after{content:'Performance';}*/
/*#main_visual_spaging span:nth-child(5):after{content:'Supporters';}*/
/*#main_visual_spaging span:nth-child(6):after{content:'Gift set';}*/
/*#main_visual_spaging span:nth-child(7):after{content:'Movie Story';}*/
/*#main_visual_spaging span:nth-child(8):after{content:'Memory';}*/

#main_visual_spaging span.swiper-active-switch:after{content:' ' !important; border:2px solid black; background:none;}
#main_visual_spaging span.swiper-active-switch:before{content:' '; position:absolute; top:50%; left:100%; display:block; width:7px; height:13px; margin-top:-7px; background:url('/img/main/visual_over2.png') no-repeat;}
#main_visual_spaging span:nth-child(4) + span.swiper-active-switch:before,
#main_visual_spaging span:nth-child(5) + span.swiper-active-switch:before,
#main_visual_spaging span:nth-child(6) + span.swiper-active-switch:before,
#main_visual_spaging span:nth-child(7) + span.swiper-active-switch:before
{content:' '; position:absolute; top:50%; left:-7px; display:block; width:7px; height:13px; margin-top:-7px; background:url('/img/main/visual_over.png') no-repeat;}

#main_contents .section1{display:table; width:100%; height:160px; margin-top:10px; border:1px solid #ccc; background:url('/img/main/bg01.gif') no-repeat; background-size:100% 100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#main_contents .section1 div{display:table-cell; text-align:center; width:25%;}
#main_contents .section1 div span{display:inline-block; width:100px; height:15px; line-height:15px; font-size:11px; color:white; background:#656874; letter-spacing:-1px;}
#main_contents .section1 div p{padding-top:10px;}

#main_contents .section1-2{width:100%; margin-top:10px;}
#main_contents .section1-2 img{display:block; width:100%;}

#main_contents .section2{padding:17px 0 20px; border-bottom:1px solid #ddd; font-size:0; overflow:hidden;}
#main_contents .section2 div{position:relative; float:left; width:32.2265625%; height:0; padding-bottom:18.1640625%; margin-left:1.66015625%;}
#main_contents .section2 div img{position:absolute; left:0; height:0; width:100%; height:100%;}
#main_contents .section2 div:first-child{margin-left:0;}

#main_contents .section3{padding:20px 0; overflow:hidden;}
#main_contents .section3 div.gallery{float:left; width:350px; padding-right:28px;}
#main_contents .section3 div.mc_profile{float:left; width:345px; margin-right:30px; overflow:hidden;}
#main_contents .section3 div.troupe{float:left; width:263px;}
#main_contents .section3 h1{font-size:20px; color:black;}
#main_contents .section3 h1 span{color:#656874; vertical-align:baseline;}
#main_contents .section3 p.more_view{text-align:right; margin-top:-15px;}
#main_contents .section3 p.more_view:before{content:'+ ';}
#main_contents .section3 div.thums{padding-top:15px;}
#main_contents .section3 div.mc_profile .thums{overflow:hidden; width:1000px;}
#main_contents .section3 div.mc_profile .thums div{position:relative; float:left; width:95px; font-size:12px; margin-left:30px;}
#main_contents .section3 div.mc_profile .thums div:first-child{margin-left:0;}
#main_contents .section3 div.mc_profile .thums div p{position:absolute; top:100%; left:0; height:18px; width:100%; margin-top:-18px; line-height:18px; color:white; background:rgba(0,0,0,0.5); text-align:center; font-size:11px; font-weight:bold;}
#main_contents .section3 .widgetGalleryA li,
#main_contents .section3 .widgetGalleryA li .thumb{margin-bottom:0;}

#main_contents .section4{height:37px; padding-top:17px; border:1px solid #ccc; background:#fafbfc;}
#main_contents .section4 .notice{float:left; font-size:0; width:50%;}
#main_contents .section4 .review{float:right; font-size:0; width:50%;}
#main_contents .section4 h1{display:inline-block; padding:0 20px; font-size:15px; color:black;}
#main_contents .section4 .notice_area{display:inline-block; height:20px; overflow:hidden;}
#main_contents .section4 .widgetA li{padding:0; height:20px; line-height:20px; font-size:14px;}
#main_contents .section4 .widgetA li a, #main_contents .section4 .widgetA li a span{color:#666 !important; font-family:'Nanum Gothic';}

/* -----------------------------------------------------
- 2.나인컬렉션
----------------------------------------------------- */
#contents .hvisual{position:absolute; top:20px; left:-200px; width:1024px;}
.hvisual2{padding-top:10px;}
.hvisual2 img{width:100%;}
.top_media{position:relative; margin-top:10px; width:100%; height:0; padding-bottom:56.2%;}
.top_media div{position:absolute; top:0; left:0; width:100%; height:100%;}
.contents_intro .section1{display:block; text-align:center; padding:40px 0 25px;}
.contents_intro .section2{display:block; text-align:center; padding-bottom:40px;}
.contents_intro .section3{display:block; text-align:center; padding-bottom:45px;}

.contents_greeting .section1{display:block; padding:10px 0 45px;}

.contents_promise{padding-bottom:45px;}
.contents_promise .section{display:block; padding-top:70px; text-align:center;}

.contents_area{padding-bottom:45px;}
.contents_area span{display:block; width:100%; text-align:center;}
.contents_area .section_t{padding:60px 0 40px; background:url('/img/contents/m1_img12_2.gif') no-repeat center bottom;}
.contents_area .section{padding-top:70px;}
.contents_area .section1{padding-top:45px;}

.contents_location span{display:block; width:100%; text-align:center;}
.contents_location .section1{padding:65px 0 10px;}
.contents_location .section2{padding-bottom:45px;}


.contents_wgenre{padding-bottom:45px;}
.contents_wgenre span{display:block; width:100%; text-align:center;}
.contents_wgenre .section{padding-top:70px;}
.contents_wgenre .section1{padding-top:60px;}
.contents_wgenre .section2{padding-top:60px;}

/* -----------------------------------------------------
- 3.웨딩서포터즈
----------------------------------------------------- */
.contents_helper .title{display:block; padding:25px 0; border-bottom:1px solid #e0e0e0; text-align:center;}
.contents_helper .title img{padding:5px 0;}
.contents_helper h2{padding-top:25px; margin-bottom:-15px; text-align:center;}
.contents_helper h3{padding-top:50px; text-align:center;}
.contents_helper p{padding-top:15px; font-size:15px; color:#555; line-height:20px; text-align:center;}
.contents_helper .txt1{line-height:18px; font-size:13px; color:#6e2f18;}
.contents_helper .txt2{line-height:18px; font-size:13px; color:black;}
.contents_helper .txt3{color:#d35601;}
.contents_helper .txt4{color:#868a4a;}
.contents_helper .txt5{color:#c02d2c;}
.contents_helper .txt6{color:#8e617e;}


/* -----------------------------------------------------
- 4.종합선물세트
----------------------------------------------------- */
.contents_package .title{display:block; text-align:center; padding:30px 0 15px;}
.contents_package p{text-align:center; padding-bottom:10px; font-size:15px; line-height:20px;}
.contents_package .promise{display:block; padding:40px 0 50px; text-align:center;}

.contents_service{text-align:center;}
.contents_service h1{text-align:left;}
.contents_service h2{padding:55px 0 35px;}
.contents_service p{font-size:17px; line-height:30px; color:#4f604e;}
.contents_service p span{font-size:15px; color:#860300;}
.contents_service p img{display:block; padding-top:40px; margin:0 auto;}
.contents_service .guide{margin:20px auto; width:667px; height:304px; background:url('/img/contents/m6_img12.gif') no-repeat; background-size:100% 100%;}
.contents_service h3{padding:40px 0 30px;}
.contents_service li{padding-left:50px; font-size:14px; line-height:18px; padding-bottom:12px; text-align:left;}

.contents_service p.design{color:#705b4a;}

/* 식전영상 */
.media_bbs .top{padding-bottom:70px; background:url('/img/contents/bbsimg01.gif') no-repeat center bottom; background-size:100% auto;}
.media_bbs .top:after{content:' '; display:block; clear:both;}
.media_bbs .media{position:relative; float:left; width:55%; heigth:0; padding-bottom:40%;}
.media_bbs .media div{position:absolute; top:0; left:0; width:100%; height:100%;}
.media_bbs .media iframe{width:100%; height:100%;}
.media_bbs .info{float:left; width:42%; margin-left:3%;}
.media_bbs .info strong{font-weight:normal; color:black; font-size:19px;}
.media_bbs .price{padding:10px 0; font-weight:bold; color:black; font-size:16px;}
.media_bbs .price .before{color:red; text-decoration:line-through;}
.media_bbs .info p{line-height:20px; font-size:13px; color:black;}
.media_bbs .info a{display:inline-block; width:70%; margin-top:45px; line-height:40px; font-weight:700; color:white; font-size:18px; background:#203053; text-align:center;}
.media_bbs .content p{text-align:center; margin-top:30px;}

/* END */