@charset "utf-8";

/* 
- template
 +++++++++++++++++++++++++++++++++++++++++++++++ */

.mgb_10 { margin-bottom: 10px;}
.mgb_13 { margin-bottom: 13px;}
.mgb_15 { margin-bottom: 15px;}
.mgb_20 { margin-bottom: 20px;}
.mgb_30 { margin-bottom: 30px;}
.mgb_40 { margin-bottom: 40px;}
.mgb_50 { margin-bottom: 50px;}
.mgb_60 { margin-bottom: 60px;}
.mgb_70 { margin-bottom: 70px;}
.mgb_80 { margin-bottom: 80px;}
.mgb_90 { margin-bottom: 90px;}
.mgb_100 { margin-bottom: 100px;}

.mgt_10 { margin-top: 10px;}
.mgt_15 { margin-top: 15px;}
.mgt_20 { margin-top: 20px;}
.mgt_25 { margin-top: 25px;}
.mgt_30 { margin-top: 30px;}
.mgt_40 { margin-top: 40px;}
.mgt_50 { margin-top: 50px;}
.mgt_60 { margin-top: 60px;}
.mgt_70 { margin-top: 70px;}
.mgt_80 { margin-top: 80px;}
.mgt_90 { margin-top: 90px;}
.mgt_100 { margin-top: 100px;}

.pdb_5 { padding-bottom: 5px;}
.pdb_10 { padding-bottom: 10px;}
.pdb_15 { padding-bottom: 15px;}
.pdb_20 { padding-bottom: 20px;}
.pdb_25 { padding-bottom: 25px;}
.pdb_30 { padding-bottom: 30px;}
.pdb_35 { padding-bottom: 35px;}
.pdb_40 { padding-bottom: 40px;}
.pdb_50 { padding-bottom: 50px;}
.pdb_60 { padding-bottom: 60px;}
.pdb_70 { padding-bottom: 70px;}
.pdb_80 { padding-bottom: 80px;}
.pdb_90 { padding-bottom: 90px;}
.pdb_100 { padding-bottom: 100px;}

.pdl_10 { padding-left: 10px;}
.pdl_15 { padding-left: 15px;}
.pdl_20 { padding-left: 20px;}
.pdl_25 { padding-left: 25px;}
.pdl_30 { padding-left: 30px;}
.pdl_40 { padding-left: 40px;}
.pdl_50 { padding-left: 50px;}
.pdl_60 { padding-left: 60px;}
.pdl_70 { padding-left: 70px;}
.pdl_80 { padding-left: 80px;}
.pdl_90 { padding-left: 90px;}
.pdl_100 { padding-left: 100px;}

.pdt_5 { padding-top: 5px;}
.pdt_8 { padding-top: 8px;}
.pdt_10 { padding-top: 10px;}
.pdt_15 { padding-top: 15px;}
.pdt_20 { padding-top: 20px;}
.pdt_25 { padding-top: 25px;}
.pdt_30 { padding-top: 30px;}
.pdt_40 { padding-top: 40px;}
.pdt_50 { padding-top: 50px;}
.pdt_60 { padding-top: 60px;}
.pdt_70 { padding-top: 70px;}
.pdt_80 { padding-top: 80px;}
.pdt_90 { padding-top: 90px;}
.pdt_100 { padding-top: 100px;}

.right { text-align: right;}
.left { text-align: left;}
.center { text-align: center;}

.bdb_1 { border-bottom: 1px solid #e5e5e5;}
.bdt_1 { border-top: 1px solid #e5e5e5;}

.bdb_2 { border-bottom: 1px solid #664f39;}
.bdt_2 { border-top: 1px solid #664f39;}

.bold { font-weight: bold;}
.red { color:#E90003;}

/* main */
.main #wrapper { width: 100%; margin: 40px auto; position: relative; padding-bottom: 0;}
.main #wrapper .visual { height: 666px; width: 100%; position: relative;}
.main #wrapper .btn_menu01 { position: absolute; bottom: 20px;}
.main #wrapper .btn_menu02 { position: absolute; bottom: 20px; left: 325px;}
.main #wrapper .btn_menu03 { position: absolute; bottom: 20px; left: 505px;}
.main #content { padding: 40px 0 0 0; width: 100%; margin: 0 auto;}
.main #content ul { width: 100%;}
.main #content ul:after { content: ''; display: block; clear: both;}
.main #content ul li { float: left; width: 250px; margin-right: 30px; height: 200px;}
.main #content ul li.last { margin-right: 0;}
.main #content ul li .tit { height: 22px; color: #666666; font-size: 12px; line-height: 12px;}
.main #content ul li .con { height: 150px; margin-bottom: 10px;}
.main #content ul li .box { width: 100%;}
.main #content ul li .box:after { content: ''; display: block; clear: both;}
.main #content ul li .box > p { float: left; color: #666666; font-weight: bold;}
.main #content ul li .box > p img { vertical-align: middle;}
.main #content ul li .box > a { float: right;}
.main .bording { width: 808px; border: 1px solid #eaeaea;}

.deem { z-index: 3; display: block; width: 100%; height: 100%; position: fixed; background: #000; left: 0; top: 0; opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */}

/* sub */
.wrapper { z-index: 5; width: 564px; margin: 0 auto; position: absolute;  padding-bottom: 30px; background: #fff; border:#201f52 10px solid; background:url(../../skin/images/common/pop_bg.jpg);}
.wrapper .visual { height:30; width: 100%; background: #ffffff;}
.wrapper .btn_close { position: absolute; right: -10px; top: -56px;}
.content { width: 564px; margin: 0 auto;}
.content .title {height: 122px; text-align: center; line-height: 0; background:url(../../skin/images/common/pop_tit.png) no-repeat;} 

.contents_area { width: 640px; margin: 0 auto;}

.board_01 table { border-collapse: collapse; width: 100%;}
.board_01 table tbody tr th { padding-bottom: 5px; vertical-align: middle;}
.board_01 table tbody tr th.valign { vertical-align: top; padding-top: 10px;}
.board_01 table tbody tr td { padding-bottom: 5px; color: #666666; font-size: 12px;}
.board_01 table tbody tr td input { text-indent: 10px; border: 1px solid #e0e0e0; height: 34px; line-height: 36px; color: #666666; font-size: 12px;}
.board_01 table tbody tr td textarea { text-indent: 10px; border: 1px solid #e0e0e0; line-height: 36px; color: #666666; font-size: 12px;}
.board_01 table tbody tr td select { text-indent: 6px; border: 1px solid #e0e0e0; height: 36px; line-height: 36px;}
.board_01 table tbody tr.last th,
.board_01 table tbody tr.last td { border-bottom: none;}

.list_01 li { line-height: 10px; padding-bottom: 7px;}
.check { line-height: 12px;}
.check input { width: 13px; height: 13px; vertical-align: middle;}
.check img { vertical-align: middle;}

.check2 { width: 100%;}
.check2:after { content: ''; display: block; clear: both;}
.check2 p { float: left;}
.check2 > a { float: right;}

.board_02 table { border-collapse: collapse; width: 100%;}
.board_02 table tbody tr th { padding-bottom: 24px; padding-top: 24px; padding-left: 20px; border-bottom: 1px solid #eaeaea;}
.board_02 table tbody tr th.valign { vertical-align: middle; padding-top: 10px;}
.board_02 table tbody tr td { padding-bottom: 24px; padding-top: 24px; border-bottom: 1px solid #eaeaea;}
.board_02 table tbody tr.last th,
.board_02 table tbody tr.last td { border-bottom: none;}

.box_section { height: 208px; background: #d9d6d3;}

.slider_media { background: #000; padding: 25px 50px 20px 50px;}
.slider_media .boxrel { width: 100%; position: relative;}

/* slider */
.bx-pager { display: none;}
.bx-prev { position: absolute; left: -32px; top: 175px; display: block; width: 14px; height: 25px; background: url("../images/common/btn_prev.gif") no-repeat left top; font: 0/0 serif;}
.bx-next { position: absolute; right: -32px; top: 175px; display: block; width: 14px; height: 25px; background: url("../images/common/btn_next.gif") no-repeat right top; font: 0/0 serif;}

.btn_share { position: absolute; left: 287px; top: 220px;}

.board_03 table { border-collapse: collapse; width: 100%;}
.board_03 table tbody tr th { padding-bottom: 18px; padding-top: 18px; border-bottom: 1px solid #eaeaea;}
.board_03 table tbody tr th.valign { vertical-align: top; padding-top: 10px;}
.board_03 table tbody tr td { padding-bottom: 18px; padding-top: 18px; border-bottom: 1px solid #eaeaea; line-height: 16px;}
.board_03 table tbody tr.last th,
.board_03 table tbody tr.last td { border-bottom: none;}

.box_retxt { color: #666666; font-weight: bold; font-size: 12px; padding: 15px 0 15px 0;}

.list_02 > ul {}
.list_02 > ul > li { margin-bottom: 10px; padding: 20px; border: 1px solid #eaeaea;}
.list_02 > ul > li > div { width: 100%;}
.list_02 > ul > li > div:after { content: ''; display: block; clear: both;}
.list_02 > ul > li > div > p { float: left; width: 260px;}
.list_02 > ul > li > div > dl { float: left; width: 335px; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px;}
.list_02 > ul > li > div > dl > dt { float: left; width: 90px; height: 30px;}
.list_02 > ul > li > div > dl > dd { float: left; height: 30px;}
.list_02 > ul > li > div > dl.last { border-bottom: 0; margin-bottom: 0;}
.list_02 > ul > li:hover { border: 1px solid #990701;}
.list_02 > ul > li.on { border: 1px solid #990701;}



.event_mov{ position:relative; width:100%; height:500px; background:#8B8B8B; text-align:center;}
.mov_btn_group{ position:absolute; top:75%;margin:0 auto; width:100%; text-align:center;}
.mov_btn_group img{ margin-right:3px;}
#playerDiv1{ width:100%; height:500px;}


.event_tit {position:relative;width:100%x;margin:0 auto;text-align:left;}
.event_tit img{ width:100%;}
.event_cont { width:100%; height:300px; display:block;}
.event_cont_img {position:absolute;width:100%;margin:0 auto;text-align: center;}
.event_cont_img img{width:100%;}
.event_cont01{ background:#d3d3d3; width:50%; height:300px; float:left; display:block; text-align:right;}
.event_cont02{ background:#eaeaea; width:50%; height:300px; float:right; display:block; text-align:left;}

.btn {position:relative;width:100%px;margin:0 auto;text-align: center; margin-top:20px;}


.up_photo{width:100%; height:360px; background:#8B8B8B;background: url(../images/common/up_photo_bg.png) no-repeat center ; position:relative;}
.img_up_photo{ width:482px; height:292px; background:#000000; top:51px; left:41px; position:absolute;}
.img_up_photo img{ width:100%; height:100%;}
.btn_up_photo{bottom:25px; right:50px; position:absolute;}

.fashion_keyword{width:100%; height:641px; background:#8B8B8B;background: url(../images/common/fashion_keyword_bg.png) no-repeat center ; position:relative;}
.my_fashion_keyword{width:100%; height:641px; background:#8B8B8B;background: url(../images/common/fashion_keyword_bg_03.png) no-repeat center ; position:relative;}
.fashion_img{ width:382px; height:313px; background:#000000; top:17px; left:91px; position:absolute;}
.fashion_img img{ width:100%; height:100%;}
.next_fashion{ position:absolute;top:275px; right:20px;}
.prev_fashion{ position:absolute;top:275px; left:20px;}
.fashion_tit{position:absolute; top:345px; left:110px; font-size:16px; color:#fff; line-height:26px;}
.fashion_tit span{ font-weight:bold; color:#797dcd;}
#fashion_style{ color:#fff;}
#fashion_point{ color:#fff;}
#join_name{ color:#fff;}
#join_subject{ color:#fff;}
.my_fashion_tit{position:absolute; top:345px; left:110px; font-size:16px; color:#fff; line-height:26px;}
.my_fashion_tit span{ font-weight:bold; color:#666666;}
.fashion_txt{position:absolute; width:345px; height:175px; top:430px; left:110px; font-size:18px; text-align:center;}

.upload{width:100%; height:557px; background:#8B8B8B;background: url(../images/common/fashion_keyword_bg_02.png) no-repeat center ; position:relative;}
.upload_img{ width:382px; height:313px; background:#000000; top:17px; left:52px; position:absolute;}
.upload_img img{ width:100%; height:100%;}
.upload_txt{position:absolute; top:345px; left:70px; font-size:18px;width:345px; height:175px; }
.btn_sns{ margin-left:2px}
.e_complete{ text-align:center; font-size:22px; color:#000;}

.privacy { font-size:18px; color:#000000;}
.privacy_btn{ float:right;}
.ind_scrollbox { border: 1px solid #eaeaea; background: #f5f5f5; line-height: 20px; color: #666666; height: 500px; padding: 15px; overflow-y: scroll; margin-bottom: 30px;}
.ind_scrollbox span { font-weight: bold; color: #666666;}


.pop_cont01{ margin:0 39px 0 39px;}
.pop_cont01 input { text-indent: 10px; border: 2px solid #ababab; height: 34px; line-height: 36px; color: #666666; font-size: 12px; border-radius:7px;}
.pop_cont01 textarea { text-indent: 10px; border: 2px solid #ababab; color: #666666; font-size: 12px; border-radius:7px;padding:10px 15px 10px 15px;}
.up_file{margin:0 39px 0 39px; text-align:right; margin-bottom:10px;}

.present_btn{ position:absolute; float:right; width: 410px; height: 300px; top:0; right:0;}

/* 메인_02 */
#photo{position:relative;width:100%;hmargin:0 auto;padding:0;}
#photo .photo_main{position:relative;width:100%;min-width:100%;margin:0 auto;padding:0;}
#photo .sns{margin:0;padding:18px 0 0 0;height:39px;text-align:left;}
#photo .sns span{padding-right:9px;float:left;}
#photo .sns span.sns_copy{padding-top:3px;display:inline-block;font-size:13px;margin:0;font-weight:bold;}

#photo ul.photo {width:100%;margin:0;padding:0;}
#photo li{float:left;width:25%; height:200px;margin:0;padding:0;text-align:center;}
#photo li img{ width:100%; height:100%;}
#photo li.photo_g{background-color:#bababa;}
#photo li.photo_gr{background-color:#e4e4e4;}


#photo ul.photo_m {width:100%px;height:1000px;margin:0;padding:0;}
#photo ul.photo_m li{float:left;width:50%;height:25%;margin:0;padding:0;text-align:center;}
#photo li.photo_g{background-color:#bababa;}
#photo li.photo_gr{background-color:#e4e4e4;}



#photo .sns_page{clear:both;position:relative;float:left;height:25px;width:100%;text-align:center;margin:20px auto;padding:14px 0 10px 0;vertical-align:middle; background:#e5e5e5; border-radius:7px; font-size:20px;​}
#photo .sns_page span.sns_n{padding-top:5px;width:20px;display:inline-block;}

   .buttonWrap { position:absolute;
		 bottom:13px;
		  right:48px;
        text-align:right; margin-bottom:10px;
        cursor:pointer;
        background-image:url('../images/common/btn_upfile.gif');
        width:138px;
        height:33px;
    }
    .buttonWrap input {
        filter:alpha(opacity=0);
        opacity:0;
        -moz-opacity:0;
        cursor:pointer;
        width:138px;
        height:33px;
    }