@import url(../webfont/notosanskr/notosanskr_181126.css); @import url(../font-nanum/1.0/nanumgothic/nanumgothic.css); :lang(ko) { font-family: 'Noto Sans KR', sans-serif; } body{font-family:나눔고딕, NanumGothic} #wrap {margin-top:-35px; min-width:1024px; overflow:hidden; } body{letter-spacing:-0.5px;} /*body, td, select, input, div, span, ul, ol, li, form, textarea, a, center, option, pre, blockquote, p {font-size:12.5px; font-family: dotum, Arial, sans-serif; color:#888; line-height:150%; font-weight: 350;}*/ body, td, select, input, div, span, ul, ol, li, form, textarea, a, center, option, pre, blockquote, p {font-size:12.5px; font-family: 'Noto Sans KR', sans-serif, dotum, Arial; color:#777; line-height:150%; font-weight: 400;} body {margin-top:0px;margin-left:0px;margin-right:0px;} .textarea {border:1px solid #000; font-size:9pt; color:#444; background:#fff;} .submit, .button {border:1px solid #777; font-size:9pt; color:#fff; background:#aaa; height:19px;} .input_normal {width:120px; height:20px; border:1px solid #b8b8b8; font-size:9pt; color:#444; background:#fff;} .location {font-size:9pt; color:#676767; font-family: dotum, dotumche, verdana; text-decoration: none;} .title {height:33px;} .list0, .list1 {height:28px; font-size:9pt;} .list0 {background:#ececec;} .list1 {background:#f7f7f7;} .membertd1 {border-bottom:1px solid #ddd; background:#f1f1f1; width:30%; height:27px; padding-left:15px;} .membertd2 {border-bottom:1px solid #ddd; width:70%; height:27px; padding-left:15px; color:#888;} .menutd {padding-left:23px;} .createtd1 {padding:10px 0 10px 25px;} .createtd2 {padding:10px 0 20px 25px;} .boardline {border-bottom:1px solid #cfcfcf; height:27px; padding-top:6px;} .latestlist {padding: 3px 0 3px 15px;} .schoollist {font-size:9pt;} .boldschool {font-size:9pt; font-weight:400;} .linkschool {font-size:9pt; color:#182863;} .mainnotice {font-size:9pt; color:#182863;} .customer1 {line-height:140%; padding-left:20px;} .customer2 {line-height:140%; padding: 10px 0 20px 20px;} .logintd {border:1px solid #c7c7c7; width:50%; font-size:9pt;} .style1 {font-size:9pt; font-weight: 400; padding-left:2px; padding-right:2px;} .style2 {color: #000;} .style3 {font-size:9pt; color:#444; padding-left:25px; padding-right:10px;} .gbold {font-size :9pt; color:#000; font-weight:400;} .spspsp {color: #f8f8f8;} .joo {color: #fe5353;} .menubig {font-size: 14px; font-weight: 400;} .menudot {font-size: 5px;} .infoTab .info a{color:#777} .infoTab .info a:hover {text-decoration: none; color: #aaa;} /* 2015-08-03 이동헌 a {text-decoration: none;} a:link {color: #888} a:visited {color: #888;} a:hover {text-decoration: underline; color: #aaa;} a:active {color: #ccc;} */ a {text-decoration: none;} a:link {color: #656565} a:visited {color: #656565;} a:hover {text-decoration: underline; color: #656565;} a:active {color: #333333;} /*body, td, th {font-size: 12px; color: #4f4e2f;}*/ /*헤더 리뉴얼*/ .layer_screen_100{ clear: both; position: relative; width: 100%; margin: 0px auto 0px auto; text-align: center; } .layer_contets_width{ clear: both; position: relative; width: 952px; margin: 0px auto 0px auto; text-align: left; font-size: 0px; } .layer_contets_width_980{ clear: both; position: relative; width: 980px; margin: 0px auto 0px auto; text-align: left; } .layer_contets_width_1140{ clear: both; position: relative; max-width: 1140px; margin: 0px auto 0px auto; text-align: left; height: 100%; } .banner-content { display:flex; gap : 10px; flex-direction: row; height: 100%; align-items: center; } .banner-title { font-size: 38px; color : black; line-height: 40px; height: 110px; } .title-bold { color :inherit; font-size : inherit; font-weight: 500; } .gallerybanner{ clear: both; position: relative; width: 952px; margin: 0px auto 0px auto; text-align: left; } .bannerMain-list{clear: both; position: relative; width: 952px; margin: 0px auto 0px auto; text-align: left;} .section{clear: both; position: relative; width: 952px; margin: 0px auto 0px auto; text-align: left;} #detailInfo{clear: both; position: relative; margin: 0px auto 0px auto; text-align: left;} #viewwrap{clear: both; position: relative; width: 952px; margin: 0px auto 0px auto; text-align: left;} #header_top{height:35px; background-color:#ffd431;} #header_top .left_top{float:left; height:35px; font-size:0px; } #header_top .left_top div:not(#header_pm){border-right: solid 1px #ffe78e;} #header_top .left_top #header_pm{display:inline-block; width:102px; height:36px;margin-top:-1px;background-color:#fff; vertical-align:top;} #header_top .left_top #header_pm img{margin-left:19px; margin-top:12.5px;} #header_top .left_top #header_cw{display:inline-block; width:101px;height:36px;margin-top:-1px;vertical-align:top;} #header_top .left_top #header_cw img{margin-left:11px; margin-top:10.5px; } #header_top .left_top #header_bp{display:inline-block; width:101px; height:36px;margin-top:-1px;} #header_top .left_top #header_bp img{margin-left:24px; margin-top:12.5px;} #header_top .left_top #header_ap{display:inline-block; width:101px; height:36px;margin-top:-1px;} #header_top .left_top #header_ap img{margin-left:20px; margin-top:12.5px;} #header_top .right_top{float:right; height:35px; font-size:0px;} #header_top .right_top span{font-family:Dotum Regular Bold;font-size: 12px;display:inline-block;height:21px;line-height:35px;color:#836906;vertical-align:text-bottom;} #header_top .right_top img{margin-left:4px;margin-top:6px;} #header_middle{padding:0 0 30px;} #header_middle .left_middle{width:210px; padding-top:10px; z-index:-999;} #header_middle .middle-bottom{font-size:0px; margin-top:10px; width:220px;} #header_middle .middle-bottom div{display:inline-block;margin-top:10px; font-family:"Noto Sans KR", sans-serif; font-size:13px; margin-right:12px; color:#777; line-height:100%;} #header_middle .middle-bottom div:hover{color:#fbc200;} #header_middle>div{display:inline-block;} #header_middle .center_middle{margin-left: 169px;} #header_middle .right_middle{float:right;margin-top:27px;} #header_middle .right_middle div img{margin-left:9.5px;} #header_middle .right_middle div #custom{display:block;font-size:12px;color:#fbc200;font-family:"Noto Sans KR", sans-serif;margin-top:4px;} #header_middle .right_middle div:nth-child(1) a:hover{text-decoration-color:#fbc200;} #header_middle .right_middle div #remote{display:block;font-size:12px;color:#888;font-family:"Noto Sans KR", sans-serif;margin-top:4px;} #header_middle .right_middle div{display:inline-block;} #header_middle .right_middle div:nth-child(2){margin-left:10px;} #header_middle .right_middle div:nth-child(3){border-left:solid 1px #dddddd;padding-left:7px;margin-left:12px;} #header_middle .right_middle div:nth-child(4){border-left:solid 1px #dddddd;padding-left:7px;margin-left:16px;} #header_middle .right_middle div>span{display:block;font-size:11px;color:#777;line-height:18px;font-family:"Noto Sans KR", sans-serif;} #header_middle .right_middle div>span a{display:block;font-size:11px;color:#777;line-height:18px;font-family:"Noto Sans KR", sans-serif;} #header_middle .pmkword{font-family:NotoSansCJKKr Regular; width:205px; height:33px; padding-left:10px; outline:none; color:#aaa; display:inline-block; background:none; border-bottom:1px solid #fbc200; border-top:0; border-left:0; border-right:0;vertical-align:0;} #header_bottom{border-bottom:solid 1px #fbca0c;font-size:0px;/*margin-bottom:2px;*/} #header_bottom a{margin-top:6px;} #header_bottom a:hover{text-decoration:none;} #header_bottom div{font-family:"Noto Sans KR", sans-serif; font-size:14px; font-weight:400; color:#222;width:100px; height:37px; text-align:center; line-height:250%;} #header_bottom li{display:inline-block; width:100px; height:40px;} #header_bottom li:nth-child(10){width:52px;} #depthlayer{height: 271px; margin-top:0px;position: absolute; display: none; z-index: 99999; background: white; border-bottom:solid 1px #ddd;} #depthlayer2{height: 271px; margin-top:-4px; position: absolute;z-index: -99999; } .allmenu{width:100%;} .allmenu tr td{vertical-align: top;} .w120{width:120px;} /*헤더 리뉴얼 끝*/ /* ??濡? 異?? */ img {border: 0;} ul, ol {margin: 0; padding: 0; list-style: none;} table {border-collapse: collapse; border: 0;} th, td {border: 0; padding: 0;} form, h1, h3, p {margin: 0;} button {background: none; border: none; cursor: pointer; padding: 0;} .clear {clear: both;} .pt10 {padding-top: 10px;} .pb5 {padding-bottom: 5px;} .pb30 {padding-bottom: 30px;} #wrap, #wrap900 {margin: 0 auto;} /*#wrap {width: 952px;}*/ /*headTab*/ #TabheadSpace {width:100%; height:34px; color:#ffffff;} #Tabhead li {float:left; width:119px; height:34px} #Tabhead li.photomonTab { background-image:url('../images/Main/tabhead/bg_tab2.gif') ; background-repeat:no-repeat; background-position:0px 0px; cursor:pointer } #Tabhead li.officeTab { background-image:url('../images/Main/tabhead/bg_tab2.gif'); background-repeat:no-repeat; background-position:-119px -33px; cursor:pointer } #Tabhead li.artprintTab { background-image:url('../images/Main/tabhead/bg_tab2.gif'); background-repeat:no-repeat; background-position:-238px -33px; cursor:pointer } #Tabhead li.lastTab { text-align:right; width:730px; float:right; } #Tabhead li.lastTab img { margin-top:-1px; vertical-align:middle; } #Tabhead .infoTab {width:580px;float:right; text-align: right;} #Tabhead .info {margin-top:8px; width:580px; vertical-align:-1px; font-size:11px;color:#777} #Tabhead .info img{vertical-align:-3px;} #Tabhead .infoTab2 {width:580px;float:right; text-align: right;} #Tabhead .info2 {margin-top:8px; width:580px; vertical-align:-1px; font-size:11px;color:#777} #Tabhead .info2 img{vertical-align:-3px;} /*--------*/ #wrap900 {width: 900px;} #top {position: relative; padding-top: 105px; height:34px;background-color:#ffffff} #top .logo {position: absolute; left:370px; top: 0px;height:91px;text-align:center;padding-top:30px;} #top .logoWinter {position: absolute; left:260px; top:0px; height:118px; text-align:center; padding-top:0px;} #top .pmkword {background:url('../main/img/bg_serch.gif') no-repeat 0 0; width:189px;} #top .topleft {position: absolute; left:0; top: 19px;} #top .topleft .links {padding-bottom: 5px;} #top .topleft .links a {text-decoration: none;} #top .topleft a img {vertical-align: middle;} #top .topleft .event {position: absolute; background: url('../images/menu/icon_new.png') no-repeat 0 0; z-index:99;} #top .photomonworld {background: url('../images/menu/kkk.gif') no-repeat 0 50%; padding-left: 5px; margin-left: 5px;} #top .g-search * {vertical-align:middle; width:217px;} #top .g-search input { width: 189px; height: 26px;} /*#top .g-search button {width:49px; height:19px; } */ #top .toprightmenu {position: absolute; top: 23px; left: 675px; color:#858585;text-align:right; float:left} #top .toprightmenu .arrowLeft {position:absolute; top:96px; left:118px;} #top .toprightmenu .arrowRight {position:absolute; top:96px; left:130px;} #top .toprightmenu form {font-size: 11px; position:relative; text-align:right; width:332px;} #label-userid, #label-userpw {position:absolute; top:3px;} #label-userid {left:31px;} #label-userpw {left:107px;} #top .toprightmenu .welcomename {text-align:right;} #top .toprightmenu div img {vertical-align: middle;} #top .userid, #top .userpw {border: 1px solid #c2c2c2; height: 15px;} #top .userid {width: 71px;} #top .userpw {width: 66px;} #top .login {vertical-align: middle;} #top .toprightmenu ul {padding-top: 5px;margin-left:24px; width:340px; left:670px;overflow:hidden;font-size:11px;text-align:right;width:949px; } #top .toprightmenu .loginmenu {padding-top: 5px;margin-left:24px; width:340px; left:670px;overflow:hidden;font-size:11px;text-align:right;width:308px;} #top .toprightmenu li {float: left; /*background: url('../images/menu/kkk.gif') no-repeat 0 50%;*/ padding-left: 4px; padding-right: 4px;left:24px; list-style:none;} #top .toprightmenu li.first {background: url('../images/main/v.jpg') no-repeat 0 50%; padding-left: 18px; } #top .toprightmenu li.last {padding-right:0;} /*#top .basket {color: #000;}*/ #top .toprightmenu a:hover {color:#6e6e6e} #top .toprightmenu .basket:hover {color: #000;} #top .new2 {position: absolute; top:5px; left:87px; background: url('../images/menu/icon_new.png') no-repeat 100% 0; z-index:999;} #top .new2014 {position: absolute; top:5px; left:87px; background: url('../images/menu/icon_sale.png') no-repeat 100% 0; z-index:999;} #top .gnb-flexible .depth1{letter-spacing:-4px;font-size:11px; background:url(../main/img/title_menu_r2.png) 0 0px; height:35px; color:#fff; } #top .gnb-flexible .depth1 {display:inline-block;width:97px; height:35px; letter-spacing:0; vertical-align:middle; position:relative;margin-top:-1px;float:left;} #top .gnb-flexible .depth1 .depth1-title {display:block; height:35px; text-align:center; } #top .gnb-flexible .depth1 .depth1-title img {padding-top:11px;} #top .gnb-flexible .last{display:inline-block;width:78px; height:35px; letter-spacing:0; vertical-align:middle; position:relative;border-right:1px solid #ddd} #top .gnb-flexible .current .depth1-title {} /*//**/ #top .gnb-flexible .on {background:url(../main/img/title_menu_on_r2.png) 0 0px;height:33px; color:#fff; top:1px } #top .gnb-flexible .on img{padding-top:-1px;} #top .gnb-flexible .on-no-child, #top .gnb-flexible .on-last-no-child {background:url(../main/img/title_menu_on_r2.png) no-repeat 0 0px;} #top .gnb-flexible .on .depth1-title {background:url(../main/img/title_menu_on_r2.png) no-repeat 100% 0px; border-top:0px solid #636361; height:35px; border-image: url('../main/img/menu.gif') 3px solid;} #top .gnb-flexible .on-no-child .depth1-title {background:url(../main/img/title_menu_on_r2.png) no-repeat 100% -35px;} /* #top .gnb-flexible ul {display:none; position:absolute; background:#fff;} #top .gnb-flexible ul a {display:block; color:#777; height:21px; line-height:21px; padding:0 6px;} #top .gnb-flexible ul a:hover {text-decoration:underline} */ #top .gnb-flexible .has-child {position:relative; background:url('../images/btn_arrow.png') 97% center no-repeat} /* 100px center no-repeat */ #top .gnb-flexible .has-child a {color:#777777} #top .gnb-flexible ul ul {top:0; width:143px; border:1px solid #636361; padding-top:3px;} #wrap900 .gnb-flexible .depth1, .old900 #top .gnb-flexible .depth1 {width:112px;} #wrap900 #top .gnb-flexible .first, #wrap900 #top .gnb-flexible .last, .old900 #top .gnb-flexible .first, .old900 #top .gnb-flexible .last {width:114px;} #top .gnb-flexible .depth2 {top:30; left:0; z-index:600; border-right:1px solid #636361; border-bottom:1px solid #636361; border-left:1px solid #636361;margin-top:-1px;position:absolute} #top .gnb-flexible .depth2 li img{padding:1px 0 1px 2px;} #top .gnb-flexible .has-child a.depth2-menu {background:url(https://www.photomon.com/img/main/icon.png) no-repeat 90% 50%;} #top .gnb-flexible .has-child a.depth2-menu:hover {background:#ddd url(https://www.photomon.com/img/main/icon.png) no-repeat 90% 50%;} #top .gnb-flexible .all .allmenu .moref{padding:15px 0 5px 0;color:#666;font-weight:400;} #top .gnb-flexible .all .allmenu .moref a{color:#666} #top .gnb-flexible .all .allmenu td{width:120px;padding:20px 0 0 20px;vertical-align:top;} #top .gnb-flexible .all .allmenu {/*border-top:1px solid #636361;*/ margin-top: -10px;z-index: -10;} #top .gnb-flexible .all {position:absolute;left:-882px;top:39px;display:none;width:948px;height:450px;background-color:#fff;z-index:999;} #top .gnb-flexible .depth2{border:1px solid #e6e6e6;width:949px;left:0px} #top .gnb-flexible .has-child{position:static} #top .gnb-flexible .depth2 ul{margin-top:-1px; border:1px solid #e6e6e6; padding:0} #top .gnb-flexible .gnb-image{display:none; background:#fff; display:none; margin-top:-1px; position:absolute; border:1px solid #e6e6e6} #top .gnb-flexible .gnb-image img{margin:10px} .old952 #top, .old900 #top {margin:0 auto;} .old952 #top {width:952px;} .old900 #top {width:900px;} .old952 #top .g-search input, .old900 #top .g-search input {height:19px !important;} .old952 #top .userid, .old952 #top .userpw, .old900 #top .userid, .old900 #top .userpw {height:17px;} /*#body { padding-bottom: 3px; width:952px; }*/ /* padding-bottom: 3px; overflow: hidden */ #body{padding-bottom: 3px; clear: both; position: relative; width: 952px; margin: 0px auto 0px auto; text-align: left;} .tab-sub-menu {border-bottom: 1px solid #fff; background: #f7f7f7; height: 21px; padding: 7px 0 0 18px;} .tab-sub-menu span {background: url('../images/blt-tab-sub-label.gif') no-repeat 0 45%; color: #0073be; padding-left: 12px; float: left;} .tab-sub-menu ul {width: 650px; overflow: hidden;} .tab-sub-menu li {float: left; padding: 0 20px; background: url('../images/vline-tab-sub-menu.gif') no-repeat 100% 50%;} .tab-sub-menu li.last {background: none;} .tab-sub-menu li a {font-size: 15px;} .tab-sub-menu li .bold {font-weight: 400;} #footer {margin-top: 5px;} #footer .info {position: relative; height: 152px; } #footer .info li {float: left; background-color:#f5f5f5;} #footer .infotop {position: relative; width:952px; height:35px; font-size:11px; color:#999;} #footer .infotop li {float: left; background-color:#f5f5f5;} #footer .infotop .fmenu {width: 100%; height:35px;background:#f5f5f5;font-size:11px;} #footer .infotop .fmenu a {height:35px; vertical-align:-11px; padding-right:5px; padding-left:5px;} #footer .infotop .saup {position:relative; background:url('../images/menu/bnt_info.gif') no-repeat 100% 0; text-indent:-5000px;} #footer .info p {padding: 12px 0; width: 532px; margin: 0 auto; color: #787878;} #footer .info p a {color: #787878;} #footer .info .trust, #footer .info .escrow {position: absolute;} #footer .info .trust {right: 0; top: 28px;} #footer .info .trust div {z-index: 10 !important;} #footer .info .escrow {right:90px; top: 20px;} #footer .bglogo {background: url('../images/Main/img_logo_footer.gif') no-repeat 30px 15px; padding-top: 10px;} #footer .btmtext {background: url('../images/Main/btm_text2.gif') no-repeat 50% 0; text-indent:-5000px; height:24px;} #footer .family {padding: 7px 0;} #footer .w {position:absolute; top:10px; z-index:5555px;} /* global left navigation */ .global-left-nav {border: 1px solid #e6e6e6; margin-bottom: 8px; background: none; padding-bottom: 0;} .global-left-nav .menu-title {border-bottom: 1px solid #e6e6e6; background: url('../images/store/babyshop/bg-menu-title.gif') repeat-x; padding: 8px 0 7px 12px} .global-left-nav ul {padding: 10px 10px 0; background: none;} .global-left-nav li {min-height: 22px; color: #646464;} .global-left-nav li a {color: #646464;} .global-left-nav .hassub {position: relative; cursor: pointer;} .global-left-nav .hassub span {background: url('../images/store/plus/blt_arrow3.gif') no-repeat 100% 4px; padding-right: 10px;} .global-left-nav .hassub div {position: absolute; top: -10px; right: -85px; background: url('../images/store/babyshop/bg_submenu_btm.gif') no-repeat 0 100%; display: none; z-index: 390;} .global-left-nav .hassub div ul {border: none; padding: 8px 0 8px 13px; width: 127px; background: url('../images/store/babyshop/bg_submenu_top.gif') no-repeat;} .global-left-nav .hassub div ul li {min-height: 18px; padding-left: 8px; background: url('../images/store/plus/blt_arrow2.gif') no-repeat 0 45%;} .global-left-nav .hassub div ul li a {font-size: 11px; font-weight: normal;} .global-left-nav .hassub div ul li a.new {background: url('../images/store/babyshop/icon-new.gif') no-repeat 100% 40%; padding-right: 23px;} .global-left-nav .hassub-opened span {font-weight:400;} .global-left-nav .hassub-opened .hassub-menu {background: url('../images/store/plus/blt_arrow3.gif') no-repeat 100% -17px; padding-right: 10px;} .global-left-nav .hassub-opened div {padding-bottom:5px;} .global-left-nav .hassub-opened ul {background:#f5f7fa; padding:5px;} .global-left-nav .hassub-opened li {min-height:18px; background:url(../images/photobook/blt-theme-list-style.gif) no-repeat 5px 45%; padding-left:12px;} .global-left-nav .hassub-opened .current a {color:#327dd2; text-decoration:underline;} .global-left-nav ol {margin: 0 4px; border-top: 1px solid #e6e6e6;} .global-left-nav ol li {padding-left: 6px; line-height: 22px;} .global-left-nav .section-title {padding:10px 0 0 10px;} #floatMenu {position: absolute; top: 100px; left: 50%; margin-left: 502px; width: 80px; z-index: 999;} #floatMenu div {padding-bottom: 0; background-color: white;} /* Carousel Banner */ .bannerMain {height: 325px; margin-bottom: 10px; overflow: hidden; position: relative; margin-top:10px;} .bannerMain .subBanner {position: absolute; top: 0; right: 0;} /* ?댄?? ??????硫?????*/ .jcarousel-container {position: relative;} .jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;} .jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;} .jcarousel-list li, .jcarousel-item {float: left; list-style: none;} .jcarousel-next {z-index: 3; display: none;} .jcarousel-prev {z-index: 3; display: none;} /* ?댁?? ??????硫?????*/ /* 762x325 start */ .jcarousel-skin-banner .jcarousel-container, .jcarousel-skin-banner .jcarousel-container.jcarousel-clip, .jcarousel-skin-banner2 .jcarousel-container, .jcarousel-skin-banner2 .jcarousel-container.jcarousel-clip, .jcarousel-skin-banner3 .jcarousel-container, .jcarousel-skin-banner3 .jcarousel-container.jcarousel-clip, .jcarousel-skin-banner4 .jcarousel-container, .jcarousel-skin-banner4 .jcarousel-container.jcarousel-clip, .jcarousel-skin-banner5 .jcarousel-container, .jcarousel-skin-banner5 .jcarousel-container.jcarousel-clip, .jcarousel-skin-banner .jcarousel-container-horizontal .jcarousel-item, .jcarousel-skin-banner2 .jcarousel-container-horizontal .jcarousel-item, .jcarousel-skin-banner3 .jcarousel-container-horizontal .jcarousel-item, .jcarousel-skin-banner4 .jcarousel-container-horizontal .jcarousel-item, .jcarousel-skin-banner5 .jcarousel-container-horizontal .jcarousel-item {width: 762px; height: 325px;} /* button */ .jcarousel-skin-banner .jcarousel-container .jcarousel-next, .jcarousel-skin-banner .jcarousel-container .jcarousel-prev, .jcarousel-skin-banner2 .jcarousel-container .jcarousel-next, .jcarousel-skin-banner2 .jcarousel-container .jcarousel-prev, .jcarousel-skin-banner3 .jcarousel-container .jcarousel-next, .jcarousel-skin-banner3 .jcarousel-container .jcarousel-prev, .jcarousel-skin-banner4 .jcarousel-container .jcarousel-next, .jcarousel-skin-banner4 .jcarousel-container .jcarousel-prev, .jcarousel-skin-banner5 .jcarousel-container .jcarousel-next, .jcarousel-skin-banner5 .jcarousel-container .jcarousel-prev {position: absolute; top: 135px; width: 38px; height: 58px; cursor: pointer; background: url('../images/btn-carousel.png') no-repeat;} .jcarousel-skin-banner .jcarousel-container .jcarousel-next, .jcarousel-skin-banner2 .jcarousel-container .jcarousel-next, .jcarousel-skin-banner3 .jcarousel-container .jcarousel-next, .jcarousel-skin-banner4 .jcarousel-container .jcarousel-next, .jcarousel-skin-banner5 .jcarousel-container .jcarousel-next {right: 6px; background-position: -38px 0px;} .jcarousel-skin-banner .jcarousel-container .jcarousel-prev, .jcarousel-skin-banner2 .jcarousel-container .jcarousel-prev, .jcarousel-skin-banner3 .jcarousel-container .jcarousel-prev, .jcarousel-skin-banner4 .jcarousel-container .jcarousel-prev, .jcarousel-skin-banner5 .jcarousel-container .jcarousel-prev {left: 6px; background-position: 0 0;} .jcarousel-skin-banner .jcarousel-container .jcarousel-next:hover, .jcarousel-skin-banner2 .jcarousel-container .jcarousel-next:hover, .jcarousel-skin-banner3 .jcarousel-container .jcarousel-next:hover, .jcarousel-skin-banner4 .jcarousel-container .jcarousel-next:hover, .jcarousel-skin-banner5 .jcarousel-container .jcarousel-next:hover {background-position: -38px -58px;} .jcarousel-skin-banner .jcarousel-container .jcarousel-prev:hover, .jcarousel-skin-banner2 .jcarousel-container .jcarousel-prev:hover, .jcarousel-skin-banner3 .jcarousel-container .jcarousel-prev:hover, .jcarousel-skin-banner4 .jcarousel-container .jcarousel-prev:hover, .jcarousel-skin-banner5 .jcarousel-container .jcarousel-prev:hover {background-position: 0 -58px;} .jcarousel-skin-banner .jcarousel-container .jcarousel-prev-disabled, .jcarousel-skin-banner .jcarousel-container .jcarousel-prev-disabled:hover, .jcarousel-skin-banner .jcarousel-container .jcarousel-prev-disabled:active, .jcarousel-skin-banner2 .jcarousel-container .jcarousel-prev-disabled, .jcarousel-skin-banner2 .jcarousel-container .jcarousel-prev-disabled:hover, .jcarousel-skin-banner2 .jcarousel-container .jcarousel-prev-disabled:active, .jcarousel-skin-banner3 .jcarousel-container .jcarousel-prev-disabled, .jcarousel-skin-banner3 .jcarousel-container .jcarousel-prev-disabled:hover, .jcarousel-skin-banner3 .jcarousel-container .jcarousel-prev-disabled:active, .jcarousel-skin-banner4 .jcarousel-container .jcarousel-prev-disabled, .jcarousel-skin-banner4 .jcarousel-container .jcarousel-prev-disabled:hover, .jcarousel-skin-banner4 .jcarousel-container .jcarousel-prev-disabled:active, .jcarousel-skin-banner5 .jcarousel-container .jcarousel-prev-disabled, .jcarousel-skin-banner5 .jcarousel-container .jcarousel-prev-disabled:hover, .jcarousel-skin-banner5 .jcarousel-container .jcarousel-prev-disabled:active {cursor: default; background-position: 0 0;} /* 762x325 end */ /* 762x272 start */ .jcarousel-skin-banner2 .jcarousel-container, .jcarousel-skin-banner2 .jcarousel-container.jcarousel-clip, .jcarousel-skin-banner2 .jcarousel-container-horizontal .jcarousel-item {height: 272px;} /* button */ .jcarousel-skin-banner2 .jcarousel-container .jcarousel-next, .jcarousel-skin-banner2 .jcarousel-container .jcarousel-prev {top: 107px;} /* 762x272 end */ /* 734x325 start */ .jcarousel-skin-banner3 .jcarousel-container, .jcarousel-skin-banner3 .jcarousel-container.jcarousel-clip, .jcarousel-skin-banner3 .jcarousel-container-horizontal .jcarousel-item {width: 734px;} /* 734x325 end */ /* 952x245 start */ .jcarousel-skin-banner4 .jcarousel-container, .jcarousel-skin-banner4 .jcarousel-container.jcarousel-clip, .jcarousel-skin-banner4 .jcarousel-container-horizontal .jcarousel-item {height: 245px; width: 952px;} /* 505x304 start */ .jcarousel-skin-banner5 .jcarousel-container, .jcarousel-skin-banner5 .jcarousel-container.jcarousel-clip, .jcarousel-skin-banner5 .jcarousel-container-horizontal .jcarousel-item {height: 304px; width: 505px;} /* button */ .jcarousel-skin-banner4 .jcarousel-container .jcarousel-next, .jcarousel-skin-banner4 .jcarousel-container .jcarousel-prev {top: 93px;} /* 952x245 end */ /* End Carousel */ /* event */ .title-bar {position: relative; padding: 10px 0 10px;} .title-bar #shortcut {position: absolute; top: 6px; right: 0; } .title-bar .pagination {background: url('../images/store/blt_pagination.gif') no-repeat 7px 45%; padding: 8px 0 6px 17px; border-bottom: 1px solid #eee;} .title-bar .pagination a {color: #777;} /* tool tip */ #tooltip {position: absolute; z-index: 3000;} /*error*/ .error {width: 202px;} #error {position: absolute; text-decoration: none; width: 200px;} #error span {border: 1px solid #d4d4d4; padding: 5px; color: #737373; background: #fff; position: absolute; top: 15px; right: -100px; width: 430px; display: none; z-index: 99999;} #error span a {color:#1b238e} /* global left-new navigation */ .global-left-nav-new { border-bottom:1px solid #e6e6e6; margin-bottom: 8px; background: none; padding-bottom: 0;width:182px;float:left;} .global-left-nav-new .menu-title1 { padding: 8px 0 7px 12px;font-weight:400;} .global-left-nav-new ul {padding: 0px 0px 0; background: none; border-top:1px solid #e6e6e6;} .global-left-nav-new li {min-height: 26px; color: #646464;} .global-left-nav-new .hassub ul{ border-top:1px solid #e6e6e6;} .global-left-nav-new li a {color: #646464;} .global-left-nav-new li a:hover {text-decoration:underline} .global-left-nav-new .hassub{position: relative; cursor: pointer;} .global-left-nav-new .hassub li a{padding-left:20px;color:#999;} .global-left-nav-new .hassub span{height:34px;} .global-left-nav-new .hassub-opened span{height:34px;} .global-left-nav-new .hassub-opened .hassub-menu img{padding:12px 0 0 20px;} .global-left-nav-new .hassub div {position: absolute; top:2px; right: -79px; border:2px solid #636361; display: none; z-index: 390;} .global-left-nav-new .hassub div ul {border: none; background:#ffffff; padding: 8px 0 8px 0px; width: 127px;} .global-left-nav-new .hassub div ul li {min-height: 20px;} .global-left-nav-new .hassub div ul li a { font-size: 11px; font-weight: normal;} .global-left-nav-new .hassub div ul li a.new {background: url('../images/store/babyshop/icon-new.gif') no-repeat 100% 40%; padding-right: 23px;} .global-left-nav-new .hassub-opened span {font-weight:400; } .global-left-nav-new .hassub-opened .hassub-menu { } .global-left-nav-new .hassub-opened div {} .global-left-nav-new .hassub-opened ul {background:#f5f5f5; padding:10px 0 3px 0;} .global-left-nav-new .hassub-opened li {min-height:21px;} .global-left-nav-new .hassub-opened li a{padding-left:20px; color:#999; font-size:11px} .global-left-nav-new .hassub-opened .current a {color:#666; font-weight:400; text-decoration:underline;} .global-left-nav-new ol {margin: 0 4px; } .global-left-nav-new ol li {line-height: 22px;} .global-left-nav-new .section-title {padding:10px 0 0 10px;} #brtop {width:952px; height:325px; margin-bottom:10px} #brtop #brmain {width:734px; height:325px; float:left;} #brtop #brsub { width:218px; height:325px; text-align:right; line-height:0%; float:left; vertical-align:top; font-size:0px; } #brtop #brsub ul li { height:81px; width:218px; overflow:hidden; } #brtop #brsub ul li.last { height:81px; } #brtop #brsub ul li img { margin-top:-81px; } #brtop #brsub ul li.first img { margin-top:0px; } #brtop #brsub ul li.last img { margin-top:-81px; } #lightbox .close { background: url('../images/photobook/btn-close-layer.png') no-repeat scroll 0 0 transparent; cursor: pointer; display: block; height: 26px; position: absolute; right: -13px; text-indent: -99999px; top: -13px; width: 26px; } #bg-lightbox { background-color:#000000; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; } #lightbox { left: 544px; position: absolute; top: 300px; z-index:99999; } #footer .infotop {position: relative; width:952px; height:35px; font-size:11px; color:#999;background:#f5f5f5;} #footer .infotop .fmenu {height:35px;font-size:11px; position:relative; left:50%; margin-left:-275px; width:732px;} #footer .infotop .fmenu a {height:35px; vertical-align:-11px; padding-right:5px; padding-left:5px;} #footer .infotop .saup {position:relative; background:url('../images/menu/bnt_info.gif') no-repeat 100% 0; text-indent:-5000px;} /*폰트 관련*/ .fontOrange{color:#ff9900} .fontRed{color:#e70014} .fontGray{color:#a0a0a0} .fontBlack{color:#000;} .fontBold{font-weight:400} img.new{margin-left:4px} .fColor2{color:#222;} .fColor5{color:#555;} /*largesize*/ .mr4{margin-right:4.4px;} .mr20{margin-right:20px;} .mt9{margin-top:9px;} .mt10{margin-top:10px;} .mt40{margin-top:40px;} .mt70{margin-top:70px;} .mb0{margin-botom:0px;} .tc{text-align:center;} .p1{position:relative; width:304px; height:400px; margin-top:30px;} .order_btn2{position:absolute; bottom:13px; left:50%; margin-left:-65px;} .interior_img{overflow:hidden; width:952px; height:547px; margin-left:-202px;} .interior_img li{display:none;} .interior_img li.i1{display:block;} .interior_nav{width:952px; height:141px; margin:3px 0 0 -202px; padding-bottom:60px; } .interior_nav li{float:left;} /*리스트스타일 통합*/ .listStyle{color: #555; font-weight: 500; margin-bottom: 9px; font-size: 13px; line-height: 100%; text-align:center;} .listStyle2{ line-height: 100%; margin-bottom: 9px; text-align:center; } .listStyle2.mb0{margin-bottom:0px;} .listStyle2 .del{font-size: 13px;margin-right:5px;text-decoration: line-through;} .listStyle2 .strong{color: #222;font-weight: 500;font-size: 18px;line-height: 100%;} .listStyle2 .won{ font-size: 13px; color: #222; font-weight: 500; line-height: 100%; } .listStyle3{text-align:center;} .listStyle3 span{line-height: 100%; font-size: 13px; color: #999;} .listStyle3_1{line-height: 100%; font-size: 13px; color: #999; margin:10px 0 9px 0; text-align:center;} .listStyle3_2{color: #555; font-weight: 500; margin-bottom: 9px; font-size: 13px; line-height: 100%; text-align:center;} .listStyle3_3{ line-height: 100%; text-align:center; } .listStyle3_3 .del{font-size: 13px;margin-right:5px;text-decoration: line-through;} .listStyle3_3 .strong{color: #222;font-weight: 500;font-size: 18px;line-height: 100%;} .listStyle3_3 .won{ font-size: 13px; color: #222; font-weight: 500; line-height: 100%; } .option_popup{padding:30px;background-color:white;width:720px;height:auto;position: absolute;border-radius: 5px;z-index: 9999;} .option_popup p{line-height:100%;} .option_popup span{line-height:100%;} .option_popup .inn{ display: block; font-size: 0; } .option_popup .inn>div{display: inline-block;vertical-align:top;width: 50%;} .option_popup .inn div p.pt{ font-size: 24px; color: #222; margin-bottom: 20px; } .option_popup p.pd{ font-size: 16px; line-height: 22px; color: #777; } .option_popup p.pd.fs14{ font-size:14px; } .option_popup .img_cancel{ position:absolute;margin-top:-20px;right:0;margin-right:10px;cursor:pointer;z-index:2;; } .option_popup .edittitle{ font-size: 20px; color: #222; margin-bottom: 30px; } .option_popup .stepdiv{ padding: 40px 0; text-align:center; } .option_popup .hb{ width:100%; height:1px; background-color:#eee; margin: 30px 0; } .mb15{margin-bottom:15px;} .mb20{margin-bottom:20px;} .mb5{margin-bottom:5px;} .fc222{color:#222;font-size: 16px;} .fc8358{color:#ff8358;font-size: 16px;} .mt30{margin-top:30px;} .mt20{margin-top:20px;} .fs14{font-size:14px;} .option_popup.browserpopup{ width:auto; padding:0px; } .option_popup.browserpopup .img_cancel{ margin-top: 10px; } /* 2020.06 15 */ .scroll_lock {overflow-y:hidden !important;} a:hover {color:#333;} .clear_center {position:relative; max-width:1340px; margin:0 auto; padding:0 20px;} .clear_center:after {content:''; display:block; clear:both;} .fixGnb #header {position:fixed; transform:translateY(-36px); transition:all 0s linear;} .hideToolbar .fixGnb #header {transform:translateY(-127px); transition:all .2s linear;} .fixAni .fixGnb #header {transition:all .2s linear;} .head_top {border-bottom:1px solid #e0e0e0; background:#f8f8f8;} .head_top .site_link {float:left;} .head_top .site_link > li {float:left;} .head_top .site_link > li > a {display:block; width:101px; height:35px; text-indent:-999px; overflow:hidden;} .head_top .site_link > li > a.link_photomon {background:url('../main/img/ddukddak/btn_top_photomon_on.png') no-repeat center -35px,url('../main/img/ddukddak/btn_top_photomon.png') no-repeat center 0;} .head_top .site_link > li.active > a.link_photomon {background:url('../main/img/ddukddak/btn_top_photomon_on.png') no-repeat center 0,url('../main/img/ddukddak/btn_top_photomon.png') no-repeat center -35px;} .head_top .site_link > li > a.link_cardwang {background:url('../main/img/ddukddak/btn_top_cardwang_on.png') no-repeat center -35px,url('../main/img/ddukddak/btn_top_cardwang.png') no-repeat center 0;} .head_top .site_link > li.active > a.link_cardwang {background:url('../main/img/ddukddak/btn_top_cardwang_on.png') no-repeat center 0,url('../main/img/ddukddak/btn_top_cardwang.png') no-repeat center -35px;} .head_top .site_link > li > a.link_artprint {background:url('../main/img/ddukddak/btn_top_artprint_on.png') no-repeat center -35px,url('../main/img/ddukddak/btn_top_artprint.png') no-repeat center 0;} .head_top .site_link > li.active > a.link_artprint {background:url('../main/img/ddukddak/btn_top_artprint_on.png') no-repeat center 0,url('../main/img/ddukddak/btn_top_artprint.png') no-repeat center -35px;} .head_top .site_link > li > a.link_bizprint {background:url('../main/img/ddukddak/btn_top_bizprint_on.png') no-repeat center -35px,url('../main/img/ddukddak/btn_top_bizprint.png') no-repeat center 0;} .head_top .site_link > li.active > a.link_bizprint {background:url('../main/img/ddukddak/btn_top_bizprint_on.png') no-repeat center 0,url('../main/img/ddukddak/btn_top_bizprint.png') no-repeat center -35px;} .head_top .util {float:right;} .head_top .util > li {float:left; position:relative; padding-left:7px; margin-left:7px; font-size:12px; line-height:35px;} .head_top .util > li:before {content:''; position:absolute; top:50%; left:0; width:1px; height:9px; margin-top:-5px; background:#e0e0e0;} .head_top .util > li:first-child:before {display:none;} .head_top .util > li > a {color:#666;} .head_con {background:#fff;} .head_con #logo {padding:35px 0 22px; text-align:center;} .head_con .search_box {position:absolute; top:33px; left:20px; width:220px; padding-right:50px; background:#fafafa;} .head_con .search_box input[type="text"] {width:100%; height:39px; padding:10px 20px; border:none; background:#fafafa; color:#999; font-size:12px; line-height:19px; font-weight:300;} .head_con .search_box .btn_search {position:absolute; top:0; right:0; width:50px; height:100%; border:none; background:url('../main/img/ddukddak/ico_search.png') no-repeat center center; text-indent:-999px; overflow:hidden;} .head_con .head_icobtn {position:absolute; top:42px; right:20px;} .head_con .head_icobtn > li {float:left;} .head_con .head_icobtn > li > a {display:block; position:relative; height:20px; margin-left:16px;} .head_con .head_icobtn > li > a.btn_top_event {width:19px; background:url('../main/img/ddukddak/ico_top_event.png') no-repeat center center;} .head_con .head_icobtn > li > a.btn_top_mypage {width:19px; background:url('../main/img/ddukddak/ico_top_mypage.png') no-repeat center center;} .head_con .head_icobtn > li > a.btn_top_cart {width:18px; background:url('../main/img/ddukddak/ico_top_cart.png') no-repeat center center;} .head_con .head_icobtn > li > a.btn_top_delivery {width:28px; background:url('../main/img/ddukddak/ico_top_delivery.png') no-repeat center center;} .head_con .head_icobtn > li > a .txt {position:absolute; bottom:25px; left:50%; width:100px; height:0; margin-left:-50px; text-align:center; overflow:hidden; opacity:0; transition:all .5s;} .head_con .head_icobtn > li > a .txt span {display:inline-block; padding:0 10px; border-radius:3px; background:rgba(192,192,192,0.8); color:#fff; font-size:12px; line-height:21px;} .head_con .head_icobtn > li > a:hover .txt {height:21px; opacity:1;} .head_gnb {height:40px; border-bottom:1px solid #ffb704; background:rgba(255,255,255,1); transition:all .2s linear;} .hideToolbar .head_gnb {background:rgba(255,255,255,1);} #gnb {display:table; table-layout:fixed; position:relative; width:100%;} #gnb > li {display:table-cell;} #gnb > li > a {display:block; position:relative; padding-bottom:3px; color:#333; font-size:14px; line-height:37px; text-align:center; transition:all .3s;} #gnb > li > a:before {content:''; position:absolute; bottom:0; left:50%; width:0; height:3px; background:rgba(255,255,255,0); transition:all .3s;} #gnb > li:hover > a {color:#fdb604;} #gnb > li:hover > a:before {width:100%; left:0; background:#ffb600;} #gnb > li > .depth_banner {display:-webkit-flex; display:flex; flex-wrap:nowrap; position:absolute; top:56px; left:0; max-height:0; max-width:100%; padding:0; border-radius:4px; background:#fff; box-shadow:3px 3px 8px rgba(0,0,0,0.3); overflow:hidden; opacity:0; transition:all .3s;} #gnb > li:nth-child(5) > .depth_banner, #gnb > li:nth-child(6) > .depth_banner {left:50%; margin-left:-260px;} #gnb > li:nth-child(7) > .depth_banner, #gnb > li:nth-child(8) > .depth_banner, #gnb > li:nth-child(9) > .depth_banner, #gnb > li:nth-child(10) > .depth_banner {left:auto; right:0;} #gnb > li:hover > .depth_banner {max-height:1500px; padding:30px 0; opacity:1;} #gnb > li > .depth_banner .depth_box {padding:5px 40px; border-left:1px solid #ececec;} #gnb > li > .depth_banner .banner_box {display:-webkit-flex; display:flex; flex-wrap:nowrap; padding:5px 40px; border-left:1px solid #ececec;} #gnb > li > .depth_banner .banner_box .banner + .banner {margin-left:20px;} #gnb > li > .depth_banner > *:first-child {border-left:none;} #gnb > li > .depth_banner .tit {padding:8px 0; color:#666; font-size:13px; line-height:16px; font-weight:500;} #gnb > li > .depth_banner .depth {overflow:hidden;} #gnb > li > .depth_banner .depth li {clear:both; float:left; min-width:92px; padding:8px 0;} #gnb > li > .depth_banner .depth.col2 li {clear:none; width:calc(100% - 120px);}/*21.01.07 김호현 사진인화>브라스이젤 프린트 레드닷을 위한 css 조정 width 108->120*/ #gnb > li > .depth_banner .depth.col2 li:nth-child(2n + 1) {clear:both; width:120px;}/*21.01.07 김호현 사진인화>브라스이젤 프린트 레드닷을 위한 css 조정 width 108->120*/ #gnb > li > .depth_banner .depth.col3 li {clear:none; min-width:119px;} #gnb > li > .depth_banner .depth.col3 li:nth-child(3n + 1) {clear:both;} #gnb > li > .depth_banner .depth li a {color:#999; font-size:13px; line-height:16px;} #gnb > li > .depth_banner .depth li a:hover {color:#333;} #gnb > li > .depth_banner .depth + .tit {margin-top:15px;} #gnb > li > .allmenu {display:table; table-layout:fixed; position:absolute; top:56px; right:0; width:100%; max-height:0; padding:0 20px; border-radius:4px; background:#fff; box-shadow:3px 3px 8px rgba(0,0,0,0.3); letter-spacing:-0.33px; overflow:hidden; opacity:0; transition:all .3s;} #gnb > li:hover > .allmenu {max-height:1500px; padding:30px 20px; opacity:1;} #gnb > li > .allmenu .cell {display:none; padding:5px 10px;} #gnb > li:hover > .allmenu .cell {display:table-cell;} #gnb > li > .allmenu .tit {padding:8px 0; color:#666; font-size:13px; line-height:16px; font-weight:500;} #gnb > li > .allmenu .list {margin-top:5px; overflow:hidden;} #gnb > li > .allmenu .list + .tit {margin-top:30px;} #gnb > li > .allmenu .list + .list {margin-top:17px;} #gnb > li > .allmenu .list li {clear:both; float:left; min-width:92px; padding:4px 0;} #gnb > li > .allmenu .list li a {color:#999; font-size:13px; line-height:14px;} #gnb > li > .allmenu .list li a:hover {color:#333;} #gnb > li > .allmenu .list li a .t_red {color:#ff4b4b;} #gnb > li:hover > .ico_arrow {position:relative; width:100%;} #gnb > li:hover > .ico_arrow:before {content:''; position:absolute; top:0; left:0; width:100%; height:18px;} #gnb > li > .ico_arrow:after {content:''; position:absolute; top:0; left:50%; width:0; height:0; margin-left:-8px; border:none; overflow:hidden; opacity:0; transition:opacity .4s;} #gnb > li:hover > .ico_arrow:after {border:8px solid transparent; border-bottom-color:#fff; opacity:1;} .fixGnb #container {padding-top:167px;} .left_quick_banner {position:absolute; top:728px; right:50%; margin-right:680px; z-index:49;} .right_quick {position:absolute; top:728px; left:50%; width:80px; margin-left:680px; background:#fff; z-index:49;} .right_quick .quick_menu li a {display:block; position:relative; border:1px solid #ddd; border-bottom:none; text-indent:-999px; overflow:hidden;} .right_quick .quick_menu li a.btn01 {height:120px; background:url('../main/img/ddukddak/quick_ddukddak_on.png') no-repeat center -999px,url('../main/img/ddukddak/quick_ddukddak.png') no-repeat center center;} .right_quick .quick_menu li a.btn01:hover {background:url('../main/img/ddukddak/quick_ddukddak_on.png') no-repeat center center,url('../main/img/ddukddak/quick_ddukddak.png') no-repeat center -999px;} .right_quick .quick_menu li a.btn02 {height:67px; background:url('../main/img/ddukddak/quick_box_on.png') no-repeat center -999px,url('../main/img/ddukddak/quick_box.png') no-repeat center center;} .right_quick .quick_menu li a.btn02:hover {background:url('../main/img/ddukddak/quick_box_on.png') no-repeat center center,url('../main/img/ddukddak/quick_box.png') no-repeat center -999px;} .right_quick .quick_menu li a.btn03 {height:68px; background:url('../main/img/ddukddak/quick_editor_on.png') no-repeat center -999px,url('../main/img/ddukddak/quick_editor.png') no-repeat center center;} .right_quick .quick_menu li a.btn03:hover {background:url('../main/img/ddukddak/quick_editor_on.png') no-repeat center center,url('../main/img/ddukddak/quick_editor.png') no-repeat center -999px;} .right_quick .quick_menu li a.btn04 {height:68px; background:url('../main/img/ddukddak/quick_coupion_on.png') no-repeat center -999px,url('../main/img/ddukddak/quick_coupion.png') no-repeat center center;} .right_quick .quick_menu li a.btn04:hover {background:url('../main/img/ddukddak/quick_coupion_on.png') no-repeat center center,url('../main/img/ddukddak/quick_coupion.png') no-repeat center -999px;} .visual_wrap .visual_img .inbox {display:block; position:relative; height:450px; overflow:hidden;} .visual_wrap .visual_img .inbox .img {position:absolute; top:0; left:50%; width:3000px; height:450px; margin-left:-1500px; font-size:0; line-height:0; text-align:center;} .visual_wrap .visual_img .inbox .img img {height:450px;} .visual_wrap .visual_img .inbox .txt {position:relative; max-width:1340px; height:450px; padding:101px 20px 0; margin:0 auto;} .visual_wrap .visual_img .inbox .txt .tag {position:absolute; top:66px; padding:0 10px; border-radius:0 5px 0 5px; background:#333; color:#d4b59c; font-size:15px; line-height:25px; font-weight:100;} .visual_wrap .visual_img .inbox .txt .stit {color:#000; font-size:21px; line-height:23px; font-weight:300;} .visual_wrap .visual_img .inbox .txt .tit {margin-top:12px; color:#000; font-size:50px; line-height:55px; font-weight:300;} .visual_wrap .visual_img .inbox .txt .tit em {font-weight:500;} .visual_wrap .visual_img .inbox .txt .date {width:100%; margin-top:15px; color:#333; font-size:17px; line-height:21px; font-weight:300;} .visual_wrap .visual_img .inbox .txt .price_box {position:absolute; bottom:70px; left:20px;} .visual_wrap .visual_img .inbox .txt .price_box .sale {display:inline-block; color:#ff4b4c; font-size:12px; line-height:21px; vertical-align:bottom;} .visual_wrap .visual_img .inbox .txt .price_box .sale span {display:block; font-size:20px; line-height:36px; font-weight:900;} .visual_wrap .visual_img .inbox .txt .price_box .sale span em {margin-right:3px; font-size:48px; font-weight:500; font-family:'Roboto'; letter-spacing:-2px;} .visual_wrap .visual_img .inbox .txt .price_box .price {display:inline-block; margin:0 0 6px 5px; color:#333; font-size:15px; line-height:20px; vertical-align:bottom;} .visual_wrap .visual_img .inbox .txt .price_box .price em {font-size:22px; font-weight:500; font-family:'Roboto'; letter-spacing:-0.5px;} .visual_wrap .visual_img .inbox .txt .subtitle {margin-top:90px; color:#333; font-size:17px; line-height:22px; font-weight:300;} .visual_wrap .visual_img .inbox.newproduct .tag {color:#d1bead;} .visual_wrap .visual_img .inbox.newproduct .stit, .visual_wrap .visual_img .inbox.newproduct .tit, .visual_wrap .visual_img .inbox.newproduct .date {color:#fff;} .visual_wrap .visual_img .inbox.newproduct .subtitle {color:#d9d9da;} .visual_wrap .visual_img .inbox.event .tag {color:#d0f0f4;} .visual_wrap .visual_img .inbox.event .stit, .visual_wrap .visual_img .inbox.event .tit, .visual_wrap .visual_img .inbox.event .date {color:#333;} .visual_wrap .visual_img .inbox.event .txt .price_box .sale {color:#5a9fd6;} .visual_wrap .visual_img .inbox.event .txt .price_box .price {color:#666666;} .visual_wrap .visual_img .swiper-button-prev {width:48px; height:48px; left:50px; margin-top:-24px; border:none; background:url('../main/img/ddukddak/btn_visual_prev.png') no-repeat center center; text-indent:-999px; overflow:hidden;} .visual_wrap .visual_img .swiper-button-next {width:48px; height:48px; right:50px; margin-top:-24px; border:none; background:url('../main/img/ddukddak/btn_visual_next.png') no-repeat center center; text-indent:-999px; overflow:hidden;} .visual_wrap .visual_txt {border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;} .visual_wrap .visual_txt .visual_menu {display:table; table-layout:fixed; width:100%; max-width:1340px; margin:0 auto; padding:0 20px;} .visual_wrap .visual_txt .visual_menu li {display:table-cell; position:relative; color:#666; font-size:14px; line-height:49px; text-align:center; cursor:pointer;} .visual_wrap .visual_txt .visual_menu li:before {content:''; position:absolute; bottom:-1px; left:0; width:0; height:2px; background:#333; transition:width 0 linear;} .visual_wrap .visual_txt .visual_menu li.active, .visual_wrap .visual_txt .visual_menu li:hover {color:#333;} .visual_wrap .visual_txt .visual_menu li.active:before {width:100%; transition:width 4.1s linear;} .clock_banner {position:relative; max-width:1340px; margin:60px auto 0; padding:0 20px;} .clock_banner .inbox {display:block; width:100%; height:100px; background:#fafafa; text-align:center;} .clock_banner .inbox .p_tip {padding-top:22px; color:#666; font-size:13px; line-height:20px; font-weight:300px; text-decoration:underline;} .clock_banner .inbox .txt {display:inline-block; padding-left:38px; background:url('../main/img/ddukddak/ico_clock.png') no-repeat 0 center; color:#333; font-size:21px; line-height:38px; font-weight:300; vertical-align:top;} .clock_banner .inbox .txt strong {font-weight:700;} .clock_banner .inbox .txt em {color:#ffb100; font-weight:300;} .clock_banner .swp_ctrl {position:absolute; top:40px; right:28px; width:74px; text-align:center; z-index:10;} .clock_banner .swp_ctrl .swiper-pagination {display:inline-block; position:static; width:auto; padding:0 8px; border-radius:10px; background:#c0c0c0; color:#fff; font-size:13px; line-height:20px; font-weight:300; text-align:center; vertical-align:top;} .clock_banner .swp_ctrl .swiper-button-prev {left:0; width:9px; height:20px; margin-top:-10px; border:none; background:url('../main/img/ddukddak/ico_asset_left.png') no-repeat center center; text-indent:-999px; overflow:hidden;} .clock_banner .swp_ctrl .swiper-button-next {right:0; width:9px; height:20px; margin-top:-10px; border:none; background:url('../main/img/ddukddak/ico_asset_right.png') no-repeat center center; text-indent:-999px; overflow:hidden;} .product_list {display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1340px; margin:20px auto 0; padding:0 20px;} .product_list li {width:31.5%; margin-top:40px;} .product_list li .inbox {display:block; height:100%; border:1px solid #eee; background:#fff; box-shadow:-12px 10px 0 #fafafa; transition:all .3s;} .product_list li .inbox:hover {border-color:#e9e9e9; box-shadow:0 0 0 rgba(0,0,0,0), -12px 10px 0 #e9e9e9;} .product_list li .inbox .imgbox {position:relative; width:100%; height:1px; padding-bottom:48%; text-align:center; overflow:hidden;} .product_list li .inbox .imgbox .img {position:absolute; top:0; left:0; width:100%; height:100%; margin:0 auto; background:no-repeat center center; background-size:cover; transform:scale(1) translateZ(0); transition:all .2s;} .product_list li .inbox:hover .imgbox .img {transform:scale(1.05) translateZ(0);} .product_list li .inbox .txtbox {position:relative; padding:17px 110px 45px 26px;} .product_list li .inbox .txtbox .tit {color:#222; font-size:20px; line-height:28px; font-weight:700;} .product_list li .inbox .txtbox .tit .normal {font-weight:400;} .product_list li .inbox .txtbox .stit {margin-top:3px; color:#333; font-size:14px; line-height:19px; font-weight:300;} .product_list li .inbox .txtbox .price_box {position:absolute; right:20px; bottom:15px; color:#333; font-size:20px; line-height:28px;} .product_list li .inbox .txtbox .price_box .before {margin-right:5px; color:#666; font-size:16px; font-weight:300; text-decoration:line-through; font-family:'Roboto';} .product_list li .inbox .txtbox .price_box .price {font-size:14px; font-weight:700;} .product_list li .inbox .txtbox .price_box .price em {font-size:20px; font-weight:500; letter-spacing:-0.5px; font-family:'Roboto';} .ma_banner_two {height:100px; margin-top:110px; position:relative;} .ma_banner_two:before {content:''; position:absolute; top:0; right:50%; width:50%; height:100%; background:#fd9f85;} .ma_banner_two:after {content:''; position:absolute; top:0; left:50%; width:50%; height:100%; background:#abc2fd;} .ma_banner_two ul {display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; max-width:1340px; margin:0 auto; padding:0 20px; background:url('../main/img/ddukddak/bg_ma_banner_two.png') no-repeat center center; z-index:5;} .ma_banner_two ul li {width:50%; height:100px;} .ma_banner_two ul li .inbox {display:block; position:relative; height:100%; padding-left:330px;} .ma_banner_two ul li .inbox:after {content:''; display:block; clear:both; width:100%;} .ma_banner_two ul li .inbox .img {position:absolute; bottom:0; left:24px; width:310px; height:165px; background:url('../main/img/ddukddak/img_br_calendar.png') no-repeat 0 0;} .ma_banner_two ul li .inbox .txt {float:left; padding-top:25px; letter-spacing:-1px;} .ma_banner_two ul li .inbox .txt .ptxt01 {color:#fff; font-size:16px; line-height:20px; font-weight:300;} .ma_banner_two ul li .inbox .txt .ptxt02 {color:#fff; font-size:26px; line-height:30px; font-weight:300;} .ma_banner_two ul li .inbox .txt .ptxt02 em {font-weight:700;} .ma_banner_two ul li .inbox .max_sale {float:left; width:58px; height:58px; margin:22px 0 0 8px; padding:7px 0 0 7px; border-radius:100%; background:#fff; text-align:left; letter-spacing:-1px;} .ma_banner_two ul li .inbox .max_sale .t_max {margin-left:5px; color:#8da9f0; font-size:13px; line-height:13px; font-weight:300;} .ma_banner_two ul li .inbox .max_sale .pct {display:block; color:#8da9f0; font-size:16px; line-height:16px; font-weight:300;} .ma_banner_two ul li .inbox .max_sale .pct em {margin-right:4px; font-size:26px; font-weight:300; font-style:normal;} .ma_banner_two ul li:first-child .inbox {padding-left:300px;} .ma_banner_two ul li:first-child .inbox .img {position:absolute; bottom:0; left:-80px; width:385px; height:165px; background:url('../main/img/ddukddak/img_br_gradu.png') no-repeat 0 0;} .ma_banner_two ul li:first-child .inbox .max_sale .t_max, .ma_banner_two ul li:first-child .inbox .max_sale .pct {color:#f17755;} .review_section {padding:80px 0 90px; background:#fafafa;} .review_section .title_wrap {position:relative;} .review_section .title_wrap .title {color:#333; font-size:42px; line-height:50px; font-weight:300; text-align:center;} .review_section .title_wrap .btn_more {position:absolute; bottom:4px; right:0; padding-right:16px; background:url('../main/img/ddukddak/ico_asset_more.png') no-repeat right center; color:#666; font-size:14px; line-height:22px;} .review_list {display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between; margin:50px auto 0;} .review_list > li {width:23.84%;} .review_list > li > .inbox {display:block; height:100%; border:1px solid #eee; background:#fff;} .review_list > li > .inbox .imgbox {position:relative; width:100%; height:1px; padding-bottom:77.42%; overflow:hidden;} .review_list > li > .inbox .imgbox .img {position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat center center #d3d3d3; background-size:cover;} .review_list > li > .inbox .txt {padding:20px 20px 40px;} .review_list > li > .inbox .txt .product_name {color:#666; font-size:14px; line-height:15px;} .review_list > li > .inbox .txt .rv_tit {margin-top:6px; color:#333; font-size:18px; line-height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .review_list > li > .inbox .txt .rv_txt {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; height:40px; margin-top:20px; color:#666; font-size:14px; line-height:20px; overflow:hidden;} .story_md {display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1340px; margin:84px auto 0; padding:0 20px;} .story_md .story_section, .story_md .md_section {width:48.84%;} .story_md .title_wrap {position:relative;} .story_md .title_wrap .title {color:#333; font-size:21px; line-height:30px; font-weight:400; letter-spacing:-0.4px;} .story_md .title_wrap .swp_ctrl {position:absolute; top:0; right:0; overflow:hidden;} .story_md .title_wrap .swp_ctrl .swiper-pagination {position:static; float:left; width:auto; margin-right:8px; color:#aeaeae; font-size:13px; line-height:30px;} .story_md .title_wrap .swp_ctrl .swiper-pagination .swiper-pagination-current {color:#555;} .story_md .title_wrap .swp_ctrl .swiper-button-prev, .story_md .title_wrap .swp_ctrl .swiper-button-next {position:static; float:left; width:30px; height:30px; margin:0;} .story_md .title_wrap .swp_ctrl .swiper-button-prev {background:url('../main/img/ddukddak/btn_swiper_prev.png') no-repeat center center;} .story_md .title_wrap .swp_ctrl .swiper-button-prev:hover {background:url('../main/img/ddukddak/btn_swiper_prev_on.png') no-repeat center center; z-index:11;} .story_md .title_wrap .swp_ctrl .swiper-button-next {margin-left:-1px; background:url('../main/img/ddukddak/btn_swiper_next.png') no-repeat center center;} .story_md .title_wrap .swp_ctrl .swiper-button-next:hover {background:url('../main/img/ddukddak/btn_swiper_next_on.png') no-repeat center center; z-index:11;} .story_md .swiper-container {margin-top:16px;} .story_md .inbox {display:block; position:relative;} .story_md .inbox .imgbox {position:relative; height:1px; padding-bottom:47.2%;} .story_md .inbox .imgbox .img {position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat right center; background-size:cover;} .story_md .inbox .txtbox {position:absolute; top:0; right:0; bottom:0; left:0; text-align:left;} .story_md .inbox .txtbox .txt {position:absolute; top:22%; left:6%; color:#333; font-size:18px; line-height:28px; font-weight:400;} .story_md .inbox .txtbox .txt span {display:block; margin-top:3px; font-size:30px; line-height:34px; font-weight:400;} .story_md .inbox .txtbox .txt span em {display:block; font-weight:700;} .story_md .inbox .txtbox .price_box {position:absolute; bottom:16%; left:6%;} .story_md .inbox .txtbox .price_box .sale {display:inline-block; color:#ff4b4c; font-size:13px; line-height:17px; vertical-align:bottom;} .story_md .inbox .txtbox .price_box .sale span {display:block; font-size:17px; line-height:36px; font-weight:700;} .story_md .inbox .txtbox .price_box .sale span em {margin-right:3px; font-size:40px; font-weight:500; font-family:'Roboto'; letter-spacing:-1.6px;} .story_md .inbox .txtbox .price_box .price {display:block; margin:0 0 0 0; color:#333; font-size:14px; line-height:18px; vertical-align:bottom;} .story_md .inbox .txtbox .price_box .price em {font-size:20px; font-weight:700; font-family:'Roboto'; letter-spacing:-0.6px;} .story_md .inbox .txtbox .tcate {position:absolute; bottom:16%; left:6%; color:#666; font-size:15px; line-height:18px; overflow:hidden;} .story_md .inbox .txtbox .tcate li {float:left; position:relative; padding-left:7px; margin-left:7px;} .story_md .inbox .txtbox .tcate li:before {content:''; position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-5px; background:#666;} .story_md .inbox .txtbox .tcate li:first-child {margin-left:0; padding-left:0;} .story_md .inbox .txtbox .tcate li:first-child:before {display:none;} .ma_flex_three {display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1340px; margin:60px auto 0; padding:0 20px 50px;} .ma_flex_three .title_wrap .title {color:#333; font-size:21px; line-height:30px; font-weight:400;} .ma_flex_three .cscenter {width:24%;} .ma_flex_three .cscenter .cs_con {margin-top:15px;} .ma_flex_three .cscenter .cs_con .tel {color:#333; font-size:44px; line-height:33px; font-weight:500; letter-spacing:2px; font-family:'Roboto';} .ma_flex_three .cscenter .cs_con .time {margin-top:12px; color:#333; font-size:15px; line-height:20px;} .ma_flex_three .cscenter .cs_con .time span {color:#999;} .ma_flex_three .cscenter .cs_con .cs_btn {padding-top:10px; overflow:hidden;} .ma_flex_three .cscenter .cs_con .cs_btn a {float:left; width:110px; padding:0 12px; margin-top:5px; margin-right:4px; border:1px solid #333; background:url('../main/img/ddukddak/ico_asset_more.png') no-repeat right 9px center; color:#333; font-size:13px; line-height:25px; letter-spacing:0.3;} .ma_flex_three .cscenter .bank_info {margin-top:23px; padding-top:18px; border-top:1px solid #e0e0e0;} .ma_flex_three .cscenter .bank_info dt {color:#333; font-size:15px; line-height:20px;} .ma_flex_three .cscenter .bank_info dd {margin-top:5px; color:#333; font-size:15px; line-height:20px;} .ma_flex_three .cscenter .bank_info dd em {color:#999; line-height:25px; font-weight:400;} .ma_flex_three .bestking {width:600px;} .ma_flex_three .bestking .king_con {display:-webkit-flex; display:flex; flex-wrap:wrap; align-items:center; align-content:center; position:relative; height:280px; padding:10px 60px 10px 270px; margin-top:15px; background:#fafafa;} .ma_flex_three .bestking .king_con .imgbox {position:absolute; top:50%; left:57px; width:182px; height:182px; margin-top:-91px;} .ma_flex_three .bestking .king_con .imgbox .tag {position:absolute; top:-17px; left:-21px; width:60px; height:60px; border-radius:100%; background:#333; color:#fff; font-size:14px; line-height:60px; font-weight:400; text-align:center;} .ma_flex_three .bestking .king_con .imgbox .img {display:inline-block; width:182px; height:182px; background:no-repeat center center; vertical-align:top;} .ma_flex_three .bestking .king_con .txtbox {overflow:hidden;} .ma_flex_three .bestking .king_con .txtbox .tit {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .ma_flex_three .bestking .king_con .txtbox .tit a {color:#333; font-size:21px; line-height:25px; font-weight:400; letter-spacing:-0.4px;} .ma_flex_three .bestking .king_con .txtbox .by {display:block; color:#999; font-size:14px; line-height:25px;} .ma_flex_three .bestking .king_con .txtbox .txt {margin-top:30px; color:#777; font-size:14px; line-height:19px;} .ma_flex_three .bestking .king_con .txtbox .btn_more {margin-top:15px;} .ma_flex_three .bestking .king_con .txtbox .btn_more a {color:#999; font-size:14px; line-height:19px; text-decoration:underline;} .ma_flex_three .bestking .king_con .txtbox .btn_more a:hover {color:#333;} .ma_flex_three .partnership {width:23%;} .ma_flex_three .partnership .links {margin-top:15px;} .ma_flex_three .partnership .links li {margin-top:5px;} .ma_flex_three .partnership .links li a {display:-webkit-flex; display:flex; flex-wrap:wrap; align-items:center; align-content:center; height:90px; padding:5px 26px; background:no-repeat right 29px center #2a54a1; font-size:14px; line-height:19px;} .ma_flex_three .partnership .links li a.ico01 {background-image:url('../main/img/ddukddak/ico_partnership01.png'); color:#fff;} .ma_flex_three .partnership .links li a.ico02 {background-image:url('../main/img/ddukddak/ico_partnership02.png'); background-color:#f5f5f5; color:#2a54a1;} .ma_flex_three .partnership .links li a.ico03 {background-image:url('../main/img/ddukddak/ico_partnership03.png'); color:#fff;} .ma_flex_three .partnership .links li a span {display:block; width:100%; font-size:19px; line-height:23px;} .ma_flex_bo {display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1340px; margin:0 auto; padding:0 20px 110px;} .ma_flex_bo .bo_box {width:48.8%; margin-top:35px;} .ma_flex_bo .title_wrap {overflow:hidden;} .ma_flex_bo .title_wrap .title {float:left; color:#333; font-size:21px; line-height:30px; font-weight:400;} .ma_flex_bo .title_wrap .btn_more {float:right; margin-top:7px;} .ma_flex_bo .title_wrap .tit_p {float:left; margin:6px 0 0 7px; color:#999; font-size:15px; line-height:25px;} .ma_flex_bo .bo_list {padding:25px 30px; margin-top:15px; background:#fafafa;} .ma_flex_bo .bo_list li {position:relative; padding-left:7px;} .ma_flex_bo .bo_list li:before {content:''; position:absolute; top:50%; left:0; width:4px; height:1px; background:#737373;} .ma_flex_bo .bo_list li {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .ma_flex_bo .bo_list li a {color:#666; font-size:14px; line-height:23px; font-weight:300;} .ma_flex_bo .bo_list li a:hover {color:#333; text-decoration:underline;} .ma_flex_bo .coupon_list {display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; height:142px; margin-top:15px; background:#fafafa;} .ma_flex_bo .coupon_list li {margin:10px 22px;} #footer {position:relative; background:#fff; z-index:40;} .foot_menu {padding:40px 0; background:#f6f6f6;} .foot_menu .fm_list {display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1340px; margin:0 auto; padding:0 20px; font-size:13px; line-height:23px; font-weight:300;} .foot_menu .fm_list > li > a {color:#666; line-height:25px; font-weight:400;} .foot_menu .fm_list > li > ul > li > a {color:#888;} .foot_menu .fm_list > li > ul > li > a:hover {color:#333;} .foot_cont {max-width:1340px; margin:0 auto; padding:40px 20px 80px;} .foot_cont .fc_top {position:relative; padding-right:240px;} .foot_cont .fc_top .foot_link {line-height:30px; overflow:hidden;} .foot_cont .fc_top .foot_link li {float:left; margin-right:25px;} .foot_cont .fc_top .foot_link li a {color:#777; font-size:14px;} .foot_cont .fc_top .foot_link li a.on, .foot_cont .fc_top .foot_link li a:hover {color:#000; font-weight:500;} .foot_cont .fc_top .foot_txt {margin-top:10px; color:#999; font-size:12px; line-height:21px; font-weight:300;} .foot_cont .fc_top .foot_copyright {margin-top:10px; color:#999; font-size:12px; line-height:21px; font-weight:300;} .foot_cont .fc_top .sns_icons {position:absolute; top:0; right:0;} .foot_cont .fc_top .sns_icons .sns_list {overflow:hidden;} .foot_cont .fc_top .sns_icons .sns_list li {float:left; margin-left:6px;} .foot_cont .fc_top .sns_icons .sns_list li {float:left; margin-left:6px;} .foot_cont .fc_top .sns_icons .sns_list li a {display:block; width:30px; height:30px; background:no-repeat center center; text-indent:-999px; overflow:hidden; transition:all .5s;} .foot_cont .fc_top .sns_icons .sns_list li a.btn_sns_facebook {background-image:url('../main/img/ddukddak/ico_sns_facebook.png');} /*.foot_cont .fc_top .sns_icons .sns_list li a.btn_sns_facebook:hover {background-image:url('../main/img/ddukddak/ico_sns_facebook_on.png');}*/ .foot_cont .fc_top .sns_icons .sns_list li a.btn_sns_instagram {background-image:url('../main/img/ddukddak/ico_sns_instagram.png');} /*.foot_cont .fc_top .sns_icons .sns_list li a.btn_sns_instagram:hover {background-image:url('../main/img/ddukddak/ico_sns_instagram_on.png');}*/ .foot_cont .fc_top .sns_icons .sns_list li a.btn_sns_blog {background-image:url('../main/img/ddukddak/ico_sns_blog.png');} /*.foot_cont .fc_top .sns_icons .sns_list li a.btn_sns_blog:hover {background-image:url('../main/img/ddukddak/ico_sns_blog_on.png');}*/ .foot_cont .fc_top .sns_icons .sns_list li a.btn_sns_youtube {background-image:url('../main/img/ddukddak/ico_sns_youtube.png');} /*.foot_cont .fc_top .sns_icons .sns_list li a.btn_sns_youtube:hover {background-image:url('../main/img/ddukddak/ico_sns_youtube_on.png');}*/ .foot_cont .fc_top .sns_icons .sns_list li a.btn_sns_twitter {background-image:url('../main/img/ddukddak/ico_sns_twitter.png');} /*.foot_cont .fc_top .sns_icons .sns_list li a.btn_sns_twitter:hover {background-image:url('../main/img/ddukddak/ico_sns_twitter_on.png');}*/ .foot_cont .fc_top .sns_icons .sns_list li a.btn_sns_kakaostory {background-image:url('../main/img/ddukddak/ico_sns_kakaostory.png');} /*.foot_cont .fc_top .sns_icons .sns_list li a.btn_sns_kakaostory:hover {background-image:url('../main/img/ddukddak/ico_sns_kakaostory_on.png');}*/ .foot_cont .fc_top .sns_icons .android_ios {float:right; margin-top:20px; padding-right:4px;} .foot_cont .fc_top .sns_icons .android_ios dt {float:left; position:relative; padding-right:25px; margin-top:2px; color:#999; font-size:14px; line-height:24px; font-weight:300;} .foot_cont .fc_top .sns_icons .android_ios dt:before {content:''; position:absolute; top:50%; right:4px; width:1px; height:18px; margin-top:-9px; background:#ccc;} .foot_cont .fc_top .sns_icons .android_ios dd {float:left;} .foot_cont .fc_top .sns_icons .android_ios dd a {float:left; height:26px; margin-left:16px; background:no-repeat center bottom; text-indent:-999px; overflow:hidden;} .foot_cont .fc_top .sns_icons .android_ios dd a.btn_android {width:20px; background-image:url('../main/img/ddukddak/icon_android.png');} .foot_cont .fc_top .sns_icons .android_ios dd a.btn_ios {width:21px; background-image:url('../main/img/ddukddak/icon_ios.png');} .foot_cont .fc_bottom {position:relative; margin-top:20px; padding:15px 200px 0 0; border-top:1px solid #ececec;} .foot_cont .fc_bottom .fc_logo {display:-webkit-flex; display:flex; flex-wrap:wrap; align-items:center; align-content:center;} .foot_cont .fc_bottom .fc_logo li {margin-right:20px;} .foot_cont .fc_bottom .family_site {position:absolute; top:20px; right:0;} .foot_cont .fc_bottom .family_site dt {position:relative; width:160px; height:33px; padding-left:18px; border:1px solid #ececec; background:#fff; color:#999; font-size:14px; line-height:31px; cursor:pointer;} .foot_cont .fc_bottom .family_site dt:before {content:''; position:absolute; top:50%; right:10px; width:10px; height:10px; margin-top:-5px; background:url('../main/img/ddukddak/ico_select_arrow.png') no-repeat center center; transition:all .2s;} .foot_cont .fc_bottom .family_site dt.on:before {transform:rotate(180deg);} .foot_cont .fc_bottom .family_site dd {display:none; position:absolute; bottom:33px; right:0; width:100%;} .foot_cont .fc_bottom .family_site dd ul {width:100%; padding:10px 18px; border:1px solid #ececec; border-bottom:none; background:#fff;} .foot_cont .fc_bottom .family_site dd ul li {padding:6px 0; line-height:18px;} .foot_cont .fc_bottom .family_site dd ul li a {color:#999; font-size:14px; font-weight:300; transition:all .3s;} .foot_cont .fc_bottom .family_site dd ul li a:hover {color:#333; text-decoration:underline;} /* about */ .btn_page_top {position:fixed; right:15px; bottom:15px; width:68px; height:68px; background:url('https://www.photomon.com/main/img/ddukddaks/btn_top.png') no-repeat center center; text-indent:-999px; overflow:hidden; z-index:99;} .ab_container {} .ab_bg_fixed {background-attachment:fixed;} .ab_section {position:relative; min-width:1024px; height:100vh; background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden; z-index:30;} .ab_section.wow {visibility:visible !important;} .ab_section01 {height:calc(100vh - 167px);} .ab_section01:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('https://www.photomon.com/main/img/ddukddak/about/section01.jpg') no-repeat center 0; background-size:cover; transform:scale(1); transition:all 2.5s 1.5s;} .ab_section01.animated:before {transform:scale(1.2);} .ab_section01:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; z-index:10; transition:all 1s 1.5s;} .ab_section01.animated:after {height:0;} .ab_section01 .scroll_down {display:none; position:absolute; bottom:0; left:50%; width:94px; height:174px; margin-left:-47px; background:url('../main/img/ddukddak/scroll.png') no-repeat center center;} .ab_section02 {background-image:url('https://www.photomon.com/main/img/ddukddak/about/section02.jpg'); background-position:center 0;} .ab_section03 {background-image:url('https://www.photomon.com/main/img/ddukddak/about/section03.jpg');} .ab_section03:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); opacity:1; transition:all 2.5s;} .ab_section03.animated:before {opacity:0;} .ab_section04 {position:fixed; top:0; left:0; width:100%; height:100%; background-image:url('https://www.photomon.com/main/img/ddukddak/about/section04.jpg'); background-size:auto 1200; background-color:#e4e4e4; z-index:0;} .ab_section04_null {z-index:-1;} .ab_section04_01 {position:static; height:0;} .ab_section04_02 {background-image:url('https://www.photomon.com/main/img/ddukddak/about/section04_02.jpg');} .ab_section05 {background-image:url('https://www.photomon.com/main/img/ddukddak/about/section05.jpg');} .ab_section05_02 {background-image:url('https://www.photomon.com/main/img/ddukddak/about/section05_02.jpg');} .ab_section06 {background-image:url('https://www.photomon.com/main/img/ddukddak/about/section06.jpg');} .ab_section07 {background-image:url('https://www.photomon.com/main/img/ddukddak/about/section07.jpg');} .ab_section08 {position:static;} .ab_section08 .ab_in_before {position:fixed; top:0; left:0; width:100%; height:100%; background:url('https://www.photomon.com/main/img/ddukddak/about/section08.jpg') no-repeat center center; background-size:cover; z-index:-1;} .ab_section08.on .ab_in_before {z-index:21;} .ab_section08 .ab_in_after {position:fixed; top:0; left:0; width:100%; height:100%; background:url('https://www.photomon.com/main/img/ddukddak/about/section08_01.jpg') no-repeat center center; background-size:cover; opacity:0; z-index:-1; transition:opacity .2s;} .ab_section08.on .ab_in_after {z-index:21;} .ab_cont01 {display:none; position:relative; padding-top:6%; text-align:center; z-index:20;} .animated .ab_cont01 {display:block;} .ab_cont01 .title {width:100%; color:#000; font-size:46px; line-height:60px; font-weight:700; letter-spacing:-1.5px;} .ab_cont01 .title_p {width:100%; margin-top:40px; color:#000; font-size:22px; line-height:35px; font-weight:300; letter-spacing:-1.1px;} .ab_cont01 .title_p em {display:block; font-style:normal; font-weight:300;} .ab_cont02 {display:-webkit-flex; display:flex; flex-wrap:wrap; align-items:center; align-content:center; position:absolute; top:0; left:50%; height:100%; margin-left:0;} .ab_cont02 .title {width:100%; color:#fff; font-size:46px; line-height:60px; font-weight:700; letter-spacing:-2.25px; text-shadow: 0 0 17px rgba(149, 149, 149, 0.15);} .ab_cont02 .title_em {display:block; width:100%; margin-top:20px; color:#efefef; font-size:22px; line-height:35px; font-style:normal; font-weight:300; text-shadow:0 0 13px rgba(149, 149, 149, 0.15); letter-spacing:-1.1px;} .ab_cont02 .title_p {width:100%; margin-top:25px; color:#efefef; font-size:22px; line-height:35px; font-weight:300; letter-spacing:-1.1px; text-shadow:0 0 13px rgba(149, 149, 149, 0.15);} .ab_cont03 {display:-webkit-flex; display:flex; flex-wrap:wrap; align-items:center; align-content:center; position:absolute; top:0; left:50%; height:100%; margin-left:-512px;} .ab_cont03 .title {width:100%; color:#fff; font-size:46px; line-height:60px; font-weight:700; letter-spacing:-2.25px; text-shadow: 0 0 17px rgba(149, 149, 149, 0.45);} .ab_cont03 .title_p {width:100%; margin-top:25px; color:#efefef; font-size:22px; line-height:35px; font-weight:300; letter-spacing:-1.1px; text-shadow: 0 0 17px rgba(149, 149, 149, 0.95);} .ab_cont03 .title_em {display:block; width:100%; margin-top:25px; color:#ccc; font-size:22px; line-height:35px; font-style:normal; font-weight:300; text-shadow: 0 0 17px rgba(149, 149, 149, 0.95);} .ab_cont04_01 {display:-webkit-flex; display:flex; flex-wrap:wrap; align-items:center; align-content:center; position:fixed; top:0; left:0; width:100%; height:100%; padding-left:50%; padding-bottom:75px; text-align:left; z-index:20;} .ab_cont04_01 .title {width:100%; color:#222; font-size:46px; line-height:60px; font-weight:700; letter-spacing:-2.25px; text-shadow: 0 0 10px rgba(149, 149, 149, 0.15);} .ab_cont04_01 .title_p {width:100%; margin-top:25px; color:#222; font-size:22px; line-height:35px; font-weight:300; letter-spacing:-1.1px; text-shadow: 0 0 10px rgba(149, 149, 149, 0.15);} .ab_cont04_02 {display:-webkit-flex; display:flex; flex-wrap:wrap; align-items:center; align-content:center; position:absolute; top:0; left:50%; height:100%; margin-left:-512px;} .ab_cont04_02 .title {width:100%; color:#222; font-size:46px; line-height:60px; font-weight:700; letter-spacing:-2.25px; text-shadow: 0 0 10px rgba(149, 149, 149, 0.15);} .ab_cont04_02 .title_p {width:100%; margin-top:25px; color:#222; font-size:22px; line-height:35px; font-weight:300; letter-spacing:-1.1px; text-shadow: 0 0 10px rgba(149, 149, 149, 0.15);} .ab_cont05 {display:-webkit-flex; display:flex; flex-wrap:wrap; align-items:center; align-content:center; position:absolute; top:0; left:50%; height:100%; margin-left:0;} .ab_cont05 .title {width:100%; color:#222; font-size:46px; line-height:60px; font-weight:700; letter-spacing:-2.25px; text-shadow: 0 0 17px rgba(149, 149, 149, 0.5);} .ab_cont05 .title_p {width:100%; margin-top:25px; color:#222; font-size:22px; line-height:35px; font-weight:300; letter-spacing:-1.1px; text-shadow:0 0 17px rgba(149, 149, 149, 0.63);} .ab_cont05_02 {display:-webkit-flex; display:flex; flex-wrap:wrap; align-items:center; align-content:center; position:absolute; top:0; left:50%; height:100%; margin-left:-512px;} .ab_cont05_02 .title {width:100%; color:#fff; font-size:46px; line-height:60px; font-weight:700; letter-spacing:-2.25px; text-shadow: 0 0 17px rgba(149, 149, 149, 0.45);} .ab_cont05_02 .title_p {width:100%; margin-top:25px; color:#efefef; font-size:22px; line-height:35px; font-weight:300; letter-spacing:-1.1px; text-shadow: 0 0 17px rgba(149, 149, 149, 0.95);} .ab_cont06 {display:-webkit-flex; display:flex; flex-wrap:wrap; align-items:center; align-content:center; position:absolute; top:0; left:50%; height:100%; margin-left:0;} .ab_cont06 .title {width:100%; color:#fff; font-size:46px; line-height:60px; font-weight:700; letter-spacing:-2.25px; text-shadow: 0 0 13px rgba(149, 149, 149, 0.15);} .ab_cont06 .title_p {width:100%; margin-top:25px; color:#efefef; font-size:22px; line-height:35px; font-weight:300; letter-spacing:-1.1px; text-shadow: 0 0 13px rgba(149, 149, 149, 0.15);} .ab_cont06 .title_em {display:block; width:100%; margin-top:25px; color:#ccc; font-size:22px; line-height:35px; font-style:normal; font-weight:300; text-shadow: 0 0 13px rgba(149, 149, 149, 0.15);} .ab_cont07 {display:-webkit-flex; display:flex; flex-wrap:wrap; align-items:center; align-content:center; position:absolute; top:0; left:50%; height:100%; margin-left:0;} .ab_cont07 .title {width:100%; color:#222; font-size:46px; line-height:60px; font-weight:700; letter-spacing:-2.25px; text-shadow: 0 0 10px rgba(149, 149, 149, 0.15);} .ab_cont07 .title_em {display:block; width:100%; margin-top:25px; color:#222; font-size:22px; line-height:35px; font-style:normal; font-weight:300; text-shadow:0 0 10px rgba(149, 149, 149, 0.15); letter-spacing:-1.1px;} .ab_cont07 .title_p {width:100%; margin-top:25px; color:#222; font-size:22px; line-height:35px; font-weight:300; letter-spacing:-1.1px; text-shadow:0 0 10px rgba(149, 149, 149, 0.15);} .ab_cont07 .img_explain {display:block; position:relative; width:100%; margin-top:25px; padding-left:74px; color:#777; font-size:22px; line-height:35px; font-style:normal; font-weight:300; text-shadow:0 0 10px rgba(149, 149, 149, 0.15); letter-spacing:-1.1px; overflow:hidden;} .ab_cont07 .img_explain span {position:absolute; top:0; left:0;} .ab_cont08_01 {display:-webkit-flex; display:flex; flex-wrap:wrap; align-items:center; align-content:center; position:absolute; top:0; left:50%; height:100%; margin-left:-512px;} .ab_cont08_01 .title {width:100%; color:#fff; font-size:46px; line-height:60px; font-weight:700; letter-spacing:-2.25px; text-shadow: 0 0 17px rgba(149, 149, 149, 0.5);} .ab_cont08_01 .title_p {width:100%; margin-top:25px; color:#fff; font-size:22px; line-height:35px; font-weight:300; letter-spacing:-1.1px; text-shadow: 0 0 17px rgba(149, 149, 149, 0.63);} .ab_cont08_01 .title_adr {width:100%; margin-top:35px; color:#ccc; font-size:22px; line-height:35px; font-weight:300; font-style:normal; letter-spacing:-1.1px; text-shadow: 0 0 17px rgba(149, 149, 149, 0.63);} /* landing */ .landing_visual {height:450px; letter-spacing:-0.5px;} .landing_visual.bg01 {background:url('../main/img/ddukddak/img_banner_photobook.png') no-repeat center center #ffee89;} .landing_visual .visual_con {display:-webkit-flex; display:flex; flex-wrap:wrap; align-items:center; align-content:center; width:1140px; height:100%; margin:0 auto;} .landing_visual .visual_con h2 {width:100%; color:#111; font-size:40px; line-height:55px; font-weight:300;} .landing_visual .visual_con h2 em {font-weight:400;} .landing_visual .visual_con p {width:100%; margin-top:25px; font-size:18px; line-height:28px; font-weight:300;} .landing_service {width:1140px; margin:0 auto; letter-spacing:-0.5px;} .landing_service .titbox {padding:100px; 0; text-align:center;} .landing_service .titbox h2 {color:#333; font-size:40px; line-height:52px; font-weight:300;} .landing_service .titbox p {margin-top:25px; color:#333; font-size:18px; line-height:36px; font-weight:300;} .landing_service .titbox p em {color:#666; font-weight:300;} .landing_service .service_swiper {position:relative; height:430px; background:#fafafa;} .landing_service .service_swiper .inbox {overflow:hidden;} .landing_service .service_swiper .inbox .img {float:left;} .landing_service .service_swiper .inbox .img .bg {width:710px; height:430px;} .landing_service .service_swiper .inbox .img .bg.bg01 {background:url('../main/img/ddukddak/review-img-book-1.png') no-repeat center center;} .landing_service .service_swiper .inbox .img .bg.bg02 {background:url('../main/img/ddukddak/review-img-book-2.png') no-repeat center center;} .landing_service .service_swiper .inbox .img .bg.bg03 {background:url('../main/img/ddukddak/review-img-book-3.png') no-repeat center center;} .landing_service .service_swiper .inbox .txt {float:right;} .landing_service .service_swiper .inbox .txt .txt_con {width:430px; height:430px; padding-top:100px; color:#333; font-size:18px; line-height:28px; font-weight:300; text-align:center;} .landing_service .service_swiper .swiper-pagination {position:absolute; bottom:60px; left:auto; right:0; width:430px;} .landing_service .service_swiper .swiper-pagination .swiper-pagination-bullet {width:12px; height:12px; margin:0 3px; border-radius:6px; background:#e5e5e5; opacity:1; transition:all .3s;} .landing_service .service_swiper .swiper-pagination .swiper-pagination-bullet:hover {background:#d5d5d5;} .landing_service .service_swiper .swiper-pagination .swiper-pagination-bullet-active {width:20px;} .service_select {width:1140px; margin:0 auto; padding:100px 0; letter-spacing:-0.5px;} .service_select .titbox {text-align:center;} .service_select .titbox h2 {color:#333; font-size:40px; line-height:60px; font-weight:300;} .service_select .service_list {display:-webkit-flex; display:flex; justify-content:space-between; margin-top:50px;} .service_select .service_list > li {position:relative; width:360px; height:540px; padding:50px; border:1px solid #ddd; box-shadow:7px 7px 5px 0 rgba(170,170,170,0.3); text-align:center; cursor:pointer; transition:all .3s;} .service_select .service_list > li.active {border-color:#fdb514;} .service_select .service_list > li .rec {position:absolute; top:19px; left:-7px; width:89px; height:46px; padding-right:5px; background:url('../main/img/ddukddak/icon-recommend-ribbon.png') no-repeat center center; color:#fdb514; font-size:14px; line-height:37px; text-align;center;} .service_select .service_list > li .tm {color:#333; font-size:16px; line-height:18px; font-weight:300;} .service_select .service_list > li .name {margin-top:6px; color:#333; font-size:36px; line-height:40px; font-weight:300;} .service_select .service_list > li .price {margin-top:15px; color:#333; font-size:20px; line-height:22px; font-weight:300; font-family:'Roboto';} .service_select .service_list > li .txt01 {margin-top:25px; color:#333; font-size:18px; line-height:28px; font-weight:300;} .service_select .service_list > li .txt02 {color:#666; font-size:14px; line-height:28px; font-weight:300;} .service_select .service_list > li .opt_list {margin-top:25px; padding-top:25px; border-top:1px solid #eeeeee;} .service_select .service_list > li .opt_list li {padding-left:24px; background:url('../main/img/ddukddak/icon-check.png') no-repeat 0 5px; color:#333; font-size:16px; line-height:26px; font-weight:300; text-align:left;} .service_select .service_list > li .btn_detail {position:absolute; bottom:50px; left:50px; right:50px; height:45px; background:#ffcc00; color:#333; font-size:14px; line-height:45px; font-weight:300; text-align:center; transition:all .3s;} .service_select .service_list > li .btn_detail:hover {background:#ffde00;} .service_process {padding:100px 0; background:#fafafa; letter-spacing:-0.5px;} .service_process .titbox {width:1140px; margin:0 auto;} .service_process .titbox h2 {color:#333; font-size:40px; line-height:55px; font-weight:300; text-align:center;} .service_process .process_list {width:1140px; margin:50px auto 0; overflow:hidden;} .service_process .process_list li {float:left; width:25%; text-align:center;} .service_process .process_list li .ico {height:50px;} .service_process .process_list li .ico.ico01 {background:url('../main/img/ddukddak/step-standard-01.png') no-repeat center center;} .service_process .process_list li .ico.ico02 {background:url('../main/img/ddukddak/step-standard-02.png') no-repeat center center;} .service_process .process_list li .ico.ico03 {background:url('../main/img/ddukddak/step-standard-03.png') no-repeat center center;} .service_process .process_list li .ico.ico04 {background:url('../main/img/ddukddak/step-standard-04.png') no-repeat center center;} .service_process .process_list li .dt {margin-top:25px; color:#333; font-size:20px; line-height:26px; font-weight:300;} .service_process .process_list li .dd {margin-top:8px; color:#666; font-size:16px; line-height:26px; font-weight:300;} .btn_center {margin-top:45px; text-align:center;} .btn_right {margin-top:30px; text-align:right;} .btn_yellow {display:inline-block; padding:0 50px; background:#ffcc00; color:#333; font-size:18px; line-height:55px; font-weight:300; text-align:center; letter-spacing:-0.5px; transition:all .3s;} .btn_yellow:hover, .btn_yellow.on {background:#ffde00;} .service_faq {width:1140px; margin:0 auto; padding:100px 0; letter-spacing:-0.5px;} .service_faq .titbox h2 {color:#333; font-size:40px; line-height:55px; font-weight:300; text-align:center;} .service_faq .faq_tab {position:relative; margin-top:30px; z-index:10;} .service_faq .faq_tab li {position:relative; float:left; width:33.33%; color:#999; font-size:16px; line-height:46px; font-weight:300; text-align:center; cursor:pointer;} .service_faq .faq_tab li:first-child {width:33.34%;} .service_faq .faq_tab li.active {color:#333;} .service_faq .faq_tab li.active:before {content:''; position:absolute; bottom:-2px; left:0; width:100%; height:2px; background:#333;} .service_faq .faq_tabcon {clear:both; width:0; height:0; overflow:hidden;} .service_faq .faq_tabcon.active {width:100%; height:auto;} .service_faq_list {border-top:1px solid #ddd; letter-spacing:-0.5px;} .service_faq_list li {border-bottom:1px solid #ddd;} .service_faq_list li .q p {padding:28px 40px 28px 10px; background:url('../main/img/ddukddak/ic-table-plus.png') no-repeat right 10px top 30px; color:#333; font-size:20px; line-height:24px; font-weight:300; transition:all .3s; cursor:pointer;} .service_faq_list li .q.active p {background:url('../main/img/ddukddak/ic-table-minus.png') no-repeat right 10px top 30px;} .service_faq_list li .a {display:none;} .service_faq_list li .a p {padding:5px 50px 35px; color:#333; font-size:16px; line-height:26px; font-weight:300;} .service_faq .faq_tab_clone {position:relative; margin-top:30px; z-index:10;} .service_faq .faq_tab_clone li {position:relative; float:left; width:50.00%; color:#999; font-size:16px; line-height:46px; font-weight:300; text-align:center; cursor:pointer;} .service_faq .faq_tab_clone li:first-child {width:50.00%;} .service_faq .faq_tab_clone li.active {color:#333;} .service_faq .faq_tab_clone li.active:before {content:''; position:absolute; bottom:-2px; left:0; width:100%; height:2px; background:#333;} /* pop */ .pop_layer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; padding:50px; background:rgba(0,0,0,0.6); z-index:99; overflow-y:auto; letter-spacing:-0.5px;} .pop_layer.open {display:table-cell;} .pop_layer .pop_con {position:relative; width:100%; max-width:1390px; margin:0 auto; padding:80px 25px; background:#fff; box-shadow:0 0 12px 0 rgba(0,0,0,0.15);} .pop_layer .pop_con .btn_close {position:absolute; top:20px; right:20px; width:26px; height:26px; background:url('https://www.photomon.com/main/img/ddukddak/ic_x.png') no-repeat center center; text-indent:-999px; overflow:hidden;} .pop_layer .pop_con .tit_box .tm {display:block; color:#ffcc00; font-size:24px; line-height:36px; font-weight:400; text-align:center;} .pop_layer .pop_con .tit_box .tm {display:block; color:#ffcc00; font-size:24px; line-height:36px; font-weight:400; text-align:center;} .pop_layer .pop_con .tit_box h2 {margin-top:10px; color:#333; font-size:40px; line-height:58px; font-weight:400; text-align:center;} .pop_layer .pop_con .tit_box h2 em {font-weight:700;} .pop_layer .pop_con .tit_box p {margin-top:6px; color:#666; font-size:16px; line-height:24px; font-weight:400px; text-align:center;} .pop_layer .pop_con .pop_bottom {margin-top:60px; text-align:center;} .pop_layer .pop_con .pop_bottom p {color:#666; font-size:16px; line-height:24px; font-weight:400px;} .pop_layer .pop_con .pop_bottom .btn {display:inline-block; margin-top:2px; color:#222; font-size:20px; line-height:30px; font-weight:400;} .pop_layer .pop_con .pop_bottom .btn em {font-weight:700;} .pop_layer .pop_con .pop_bottom .bg_album {width:360px; height:133px; margin:13px auto 0; background:url('../main/img/ddukddak/img_professional.png') no-repeat 0 0;} .pop_layer .product_list {max-width:100%;} .pop_layer .product_list li .inbox .txtbox {padding:17px 26px 26px; word-break:keep-all;} @media screen and (max-width:1540px) { .left_quick_banner, .right_quick {display:none;} } @media screen and (max-width:1280px) { #gnb > li > .depth_banner .depth_box, #gnb > li > .depth_banner .banner_box {padding-left:20px; padding-right:20px;} .ma_banner_two ul li .inbox {padding-left:0 !important; text-align:center;} .ma_banner_two ul li .inbox .img {display:none;} .ma_banner_two ul li .inbox .txt, .ma_banner_two ul li .inbox .max_sale {display:inline-block; float:none; text-align:left;vertical-align:top;} .story_md .inbox .txtbox .price_box .price {display:inline-block; margin:0 0 8px 5px;} .ma_flex_three .cscenter {width:22%;} .ma_flex_three .cscenter .cs_con .tel {font-size:32px;} .ma_flex_three .cscenter .cs_con .cs_btn {padding-top:0;} .ma_flex_three .cscenter .bank_info {margin-top:13px; padding-top:8px;} .ma_flex_three .bestking {width:54%;} .ma_flex_three .bestking .king_con {padding:10px 40px 10px 250px;} .ma_flex_three .bestking .king_con .imgbox {left:37px;} .ma_flex_three .partnership {width:21%;} .ma_flex_three .partnership .links li a {padding:5px 15px; background-position:right 15px center;}