/*Template Name:BucketAdmin Dashboard build with Bootstrap v3+ Author: ThemeBucket*/
/* Import fonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
@import url(bucket-ico-fonts.css);

html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}
body {
    color:#000;
    background:#f1f2f7;
    font-family:'Open Sans',sans-serif;
    padding:0px !important;
    margin:0px !important;
    font-size:14px;
    text-rendering:optimizeLegibility; line-height: 1.7; min-width: 1200px;
}
ul, .list-unstyled {
    padding-left: 30px;
}
ul li {
    list-style:none;
}

a,a:hover,a:focus {
    text-decoration:none;
    outline:none;
}
::selection {
    background:#d87e55;
    color:#fff;
}
::-moz-selection {
    background:#d87e55;
    color:#fff;
}
#container {
    width:100%;
    height:100%;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.red { color: red;}


/*main content*/
#main-content {
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
	max-width: 1200px; margin: 0 auto;
}

.header {
    background: #324856;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.fixed-top {
    /*position:fixed;*/
    box-shadow:1px 0 3px rgba(0,0,0,.15); margin-bottom: 30px; padding: 10px;
}
.wrapper {
    display:inline-block;
    /*margin-top:80px;*/
    padding:15px;
    width:100%;

}

/* 메뉴 */
.top-logo { padding: 0 0 10px 0; color: #fff; max-width: 1170px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.5); margin-bottom: 15px;}
.top-logo p { margin: 0;}
.top-logo p a { color: #fff;}
.top-logo p:first-child {font-size: 32px;}
.top-logo p:last-child {font-size: 16px;}

/*Horizontal menu*/
.horizontal-menu {
    margin-bottom: 10px;
    width: 100%; text-align: center; display: block !important;
}
.horizontal-menu .navbar-nav { width: 1170px; margin: 0 auto; float: none;}
.horizontal-menu .navbar-nav>li {
    margin: 0 5px; width: 185px; float: left;
}
.horizontal-menu .navbar-nav>li>a {
    padding:10px 20px;
    border-radius:0; background: #fff; 
    -webkit-border-radius:0;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
.horizontal-menu .navbar-nav>li.adv>a { background: #afeef0;}
.horizontal-menu .navbar-nav>li.sns>a { background: #afeef0;}
.horizontal-menu>.navbar-nav>li>.dropdown-menu {
    border-radius: 0;
    margin-top: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1) !important;
    border: none;
    width: 100%;
}
.horizontal-menu .navbar-nav .sub-tit { color: #fff; font-size: 20px; text-align: left; width: 100px; font-weight: 700;}
.full-width .navbar-header {
    width:100%; float: none; font-size: 16px;
}
.full-width .nav>li>a:hover,.full-width .nav li.active a,.full-width .nav li.dropdown a:hover,.full-width .nav li.dropdown.open a:focus,.full-width .nav .open>a,.full-width .nav .open>a:hover,.full-width .nav .open>a:focus {
    background-color:#d87e55;
    text-decoration:none;
    color:#fff;
    transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
    border-radius:0;
    -webkit-border-radius:0;
}
.full-width .dropdown-menu {
    box-shadow:none;
}
.full-width .dropdown-menu>li>a {
    padding:10px 20px;
    font-size: 13px;
}

.horizontal-menu .dropdown-menu>li>a {
    padding:10px 20px;
    font-size: 13px;
    margin: 5px 10px;
}
.horizontal-menu .fa { margin-left: 5px;}

@media (max-width: 767px) {
	.navbar-nav .open .dropdown-menu { position: absolute; background-color: #fff;}
}

/* 본문 */
.page-tit { position: relative; }
.page-tit h1 { font-size: 36px; font-weight: 600; margin: 0;}
.page-tit ul { position: absolute; right: 0; top:20px;}
.page-tit li { float: left; margin-left: 15px; font-size: 14px;}
.page-tit li a:hover { text-decoration: underline;}

/*.ad-info { border: 1px solid #666; padding: 10px 15px; margin-bottom:30px; }*/
.ad-info div { margin-bottom: 20px;}
.ad-info-tit { font-size:16px; font-weight:600; }
.ad-info p { margin:3px 0; }

.panel h2 { font-size: 24px; font-weight: 400; display: inline-block; margin: 0; }
.panel .panel-body { padding: 30px;}
.ad-img { float: left; margin-right: 30px;}
.ad-img-mo { background-image:url(../images/bg-mobile.jpg); background-size: contain; width:200px; height: 404px; padding: 36px 12px 11px 12px; position: relative;}
.ad-img-mo-bg { background-image:url(../images/mo/vogue_m_main.jpg); width: 100%; height: 100%; background-size: cover; border-radius: 0 0 20px 20px;    /*mix-blend-mode: luminosity;*/ }
.ad-img-mo-bg.sub { background-image:url(../images/mo/vogue_m_sub.jpg); width: 100%; height: 100%; background-size: cover; border-radius: 0 0 20px 20px;    /*mix-blend-mode: luminosity;*/ }
.ad-img-mo-01 { background-position-y: -125px;}
.ad-img-mo-02-wrap { width:176px; height:89%; position: absolute; background:rgba(0,0,0,0.50); border-radius: 0 0 20px 20px; }
.ad-img-mo-02 { background-position-y: -1130px;}
.ad-img-mo-03 { background-position-y: -1030px;}
.ad-img-mo-04 { background-position-y: -590px;}
.ad-img-mo-05 { background-position-y: 0;}
.ad-img-mo-06 { background: #ffe400; color: #fff; text-align: center; padding: 100% 0; mix-blend-mode: normal;}
.ad-img-mo-07 { background-position-y: -2792px; }
.ad-img-mo .ad-img-sticky { width: 176px; height: 40px; background: #ffe400; position: absolute; color: #fff; text-align: center; z-index: 99; display: flex; justify-content: center; align-items: center;}
.ad-img-mo .ad-img-sticky.sticky-top { top: 192px; padding: 72px 0; }
.ad-img-mo .ad-img-sticky.sticky-footer { bottom: 11px; border-radius: 0 0 20px 20px; }

.ad-img-mo .ad-img-sticky.sticky-middle { top: 101px; padding: 75px 0; margin-left: 13px; width: calc(100% - 50px); }
.ad-img-mo .ad-img-sticky.sticky-middle.inread { top:138px; padding:72px 0; margin-left:17px; width:calc(100% - 57px); }
.ad-img-mo .ad-img-sticky.sticky-middle.mpu { top:141px; padding:68px 0; margin-left:21px; width:calc(100% - 65px); }

.ad-img-mo .ad-img-sticky.sticky-special { bottom: 11px; border-radius: 0 0 20px 20px; padding: 50px 0; }

.ad-img-mo .ad-img-fullscreen { position:absolute; width:160px; height:70%; top:18%; left:20px; background:#ffe400; color:#fff; text-align: center; z-index:99; display: flex; justify-content: center; align-items: center; }

.ad-img-pc { background-image:url(../images/bg-pc.jpg); width:220px; height: 250px; padding: 9px 9px 0 9px; background-size: contain; background-repeat: no-repeat;}
.ad-img-pc-bg { background-image:url(../images/pc/vogue_pc_main.jpg); width: 100%; height: 113px; background-size: cover; }
.ad-img-pc-bg.pc-video { background-image:url(../images/pc/vogue_pc_main_video.jpg);}
.ad-img-pc-01 { background-position-y: -80px;}
.ad-img-pc-02 { background-position-y: -220px;}
.ad-img-pc-02.pc-video { background-position-y: -280px;}
.ad-img-pc-03 { background-position-y: -985px;}
.ad-img-pc img { width: 199px; height: auto;}
.ad-img-sp { width:calc(400px - 12px);}
.ad-img-sp img { width: 100%; height: auto;}
.ad-box { overflow: hidden; margin-bottom: 30px;}
.ad-box p { margin-bottom: 0;}
.ad-set-mo { overflow: hidden; width:calc(100% - 230px); border: 1px solid #000; margin-left: 230px; margin-bottom: 20px;}
.ad-set-pc { overflow: hidden; width:calc(100% - 250px); border: 1px solid #000; margin-left: 250px; margin-bottom: 20px;}
.ad-set-sp { overflow: hidden; width:calc(100% - 420px); }
.ad-set-tit { position: absolute; margin-left: 10px;}
.ad-set-tit h3 { font-size:22px; font-weight: 200; }
.ad-set-tit a { font-size: 14px; color: red;}
.btn-preview-mo { margin-left: 230px;}
.btn-preview-mo a, .btn-preview-pc a { padding:10px 30px; border-radius:30px; background: #000; color: #fff; display: inline-block; margin: 0 0 30px 0;}
.btn-preview-pc { margin-left: 250px;}
.ad-set-mo th a { padding: 5px 10px; border-radius: 5px; background: #000; color: #fff; display: inline-block;}
article table { border-bottom: 1px solid #000; margin-left: 110px; /*width: 84%;*/ padding: 2px 0; border-collapse: inherit;}
article table:last-child { border: 0;}
article table th { background-color:#f3f3f3; text-align: left; font-size: 14px; font-weight: 200; vertical-align: text-top; width: 80px; padding-left: 5px;}
article table td { background-color:#f3f3f3; padding: 3px 5px; vertical-align: text-top; width: 70px; border: 1px solid #fff;}
article table tr td:last-child { background-color: #fff; width:400px;}
article table td img { width: 100%; height: auto;}
article table .btn-view { background-color: #3C3C3C; float: left; margin: 0 10px 0 0; border-radius: 5px;}
article table .btn-down { background-color: #1ca6a6; float: left; margin: 0 10px 0 0; border-radius: 5px;}
article table .btn-view a, article table .btn-down a { display: inline-block; padding: 6px 15px 10px 15px; color: #fff;}

.sns-box { overflow: hidden; margin-bottom: 30px;}
.sns-box table { margin-left: 0; width: 100%;}
.sns-box table th { background-color:#000; color: #fff; font-size: 18px; font-weight: 400; border: 1px solid #fff; padding: 5px; width: 200px; }
.sns-box table td { width: 200px; padding: 10px 5px; }
.sns-box table tr td:last-child { background-color: #f3f3f3; width: 500px; }
/*.sns-box table tr { border-bottom: 1ps solid #000;}*/
.sns-box table .line { height: 3px; padding: 0; background: #000 !important;}
.sns-box .common td { background:#C0C0C0;}
.sns-box table tr.common td:last-child { background:#C0C0C0;}

.ad-set-sp .ad-set-sp-line { padding-bottom: 25px; margin-top: 5px; overflow: hidden;}
.ad-set-sp .ad-set-sp-line h2 { margin-bottom: 10px; font-size: 24px;}
.ad-set-sp table {  margin-left: 0; width: 100%; padding: 2px 0; border-top: 1px solid #d2d2d2 !important; border-bottom: 1px solid #d2d2d2 !important; margin-top: -1px; }
.adv .btn-view { background-color: #3C3C3C; float: left; margin: 0 10px 0 0; border-radius: 5px;}
.adv .btn-view a { display: inline-block; padding: 6px 15px 10px 15px; color: #fff;}

footer { position: fixed; bottom: 10px; right: 0; font-size: 18px;}
footer a { padding: 10px 20px; background-color:rgba(0,0,0,0.50); color: #fff; margin-bottom: 10px; margin-right: 10px;}

/* gq set */
.ad-img-mo .ad-img-sticky.sticky-special.firstview { height:78%; }
.ad-img-mo-bg.gq { background-image:url(../images/mo/gq_m_main.jpg); }
.ad-img-mo-bg.gq.sub { background-image:url(../images/mo/gq_m_sub.jpg); }
.ad-img-mo-01.gq { background-position-y: -155px;}
.ad-img-mo-03.gq  {background-position-y: -1250px; }
.ad-img-mo-04.gq { background-position-y: -539px;}
.ad-img-mo-05.gq { background-position-y: 0;}
.ad-img-mo-07.gq { background-image:url(../images/mo/gq_m_main_firstview.jpg); background-position-y: -0; }
.ad-img-mo-08.gq { background-position-y: -2792px; }

.ad-img-pc-bg.gq { background-image:url(../images/pc/gq_pc_main.jpg); width: 100%; height: 113px; background-size: cover; }
.ad-img-pc-bg.pc-video.gq { background-image:url(../images/pc/gq_pc_main_video.jpg);}
.ad-img-pc-01.gq { background-position-y: -60px;}
.ad-img-pc-02.gq { background-position-y: -215px;}
.ad-img-pc-02.pc-video.gq { background-position-y: -264px;}
.ad-img-pc-03.gq { background-position-y: -4180px;}

/* wk set */
.ad-img-mo-bg.wk { background-image:url(../images/mo/wk_m_main.jpg);}
.ad-img-mo-bg.wk.sub { background-image:url(../images/mo/wk_m_sub.jpg);}
.ad-img-mo-01.wk { background-position-y: -131px;}
.ad-img-mo-02.wk { background-position-y: -970px;}
.ad-img-mo-03.wk { background-position-y: -1510px;}
.ad-img-mo-04.wk { background-position-y: -783px;}
.ad-img-mo-05.wk { background-position-y: 0;}
.ad-img-mo-07.wk { background-image:url(../images/mo/wk_m_main_firstview.jpg); background-position-y: -244px; }
.ad-img-mo-08.wk { background-position-y: -3845px; }

.ad-img-pc-bg.wk { background-image:url(../images/pc/wk_pc_main.jpg); width: 100%; height: 113px; background-size: cover; }
.ad-img-pc-bg.pc-video.wk { background-image:url(../images/pc/wk_pc_main_video.jpg);}
.ad-img-pc-01.wk { background-position-y: -75px;}
.ad-img-pc-01.pc-video.wk { background-position-y: -95px;}
.ad-img-pc-02.wk { background-position-y: -385px;}
.ad-img-pc-02.pc-video.wk { background-position-y: -440px;}

/* .ad-img-pc-03.wk { background-position-y: -4103px;} */

/* al set */
.ad-img-mo-bg.al { background-image:url(../images/allure-mobile-main.jpg);}
.ad-img-mo-01.al { background-position-y: 0;}
.ad-img-mo-02.al { background-position-y: -900px;}
.ad-img-mo-03.al { background-position-y: -1510px;}
.ad-img-mo-04.al { background-position-y: -1044px;}
.ad-img-mo-05.al { background-position-y: 0;}

.ad-img-pc-bg.al { background-image:url(../images/allure-pc-main.jpg); width: 100%; height: 113px; background-size: cover; }
.ad-img-pc-bg.pc-video.al { background-image:url(../images/allure-pc-main-video.jpg);}
.ad-img-pc-01.al { background-position-y: 0;}
.ad-img-pc-02.al { background-position-y: -320px;}
.ad-img-pc-03.al { background-position-y: -4103px;}

/* fastpaper set */
.ad-img-mo-bg.fp { background-image:url(../images/FP_M_MAIN.jpg);}
.ad-img-mo-01.fp { background-position-y: -122px;}
.ad-img-mo-02.fp { background-position-y: -900px;}
.ad-img-mo-03.fp { background-position-y: -1510px;}
.ad-img-mo-04.fp { background-position-y: -2000px;}
.ad-img-mo-05.fp { background-position-y: 0;}

.ad-img-pc-bg.fp { background-image:url(../images/FP_PC_MAIN.jpg); width: 100%; height: 113px; background-size: cover; }
.ad-img-pc-01.fp { background-position-y: -64px;}
.ad-img-pc-02.fp { background-position-y: -370px;}
/* .ad-img-pc-03.fp { background-position-y: -4103px;} */

.carousel-img img { width: 100%; height: auto; margin-bottom: 30px;}
.ad-set-carousel { overflow: hidden; border: 1px solid #000; margin-bottom: 20px;}
.ad-set-carousel table { border-bottom: 1px solid #000; margin-left: 0; }

/* 250910 제작 가이드 추가 */
.guide_wrap tr th { width:68px; }
.guide_wrap tr td:last-child { padding-bottom:50px; }
.guide_wrap tr td p { max-width:630px; }
/* .guide_wrap tr td p:last-child { text-align: center; } */
.guide_wrap tr td .guide_img { padding:1% 1% 3%; }