/************************************************** * 1 - header **************************************************/ #header::after{ clear:both; content:''; display:block; overflow:hidden; } #header{ border-bottom:1px solid #eee; } /************************************************** * 1.1 - gnb **************************************************/ @media (min-width:0) { #gnb { border-bottom:1px solid #eee; box-sizing:border-box; clear:both; overflow:hidden; padding:5px 0; background:#4d4d4f; } #gnb ul { float:right; margin-left:10px; } #gnb a { font-size:12px; line-height:28px; color:#fff; } #gnb .ulright { float:left; margin-left:7px; } #gnb .ulright li { color:#005ea1; float:left; } #gnb .ulright .lang { margin-left:4px; } #gnb .ulright li select { background:#fff url("../images/contents/icon_down_01.png") no-repeat 95% 50%; border:1px solid #eee; box-sizing:border-box; color:#666; font-size:12px; height:28px; line-height:28px; padding-left:5px; width:70px; } #gnb .list { float:right; } #gnb .list li { float:left; margin-right:7px; } #gnb .list li em { display:none; } #gnb .list li p { background:#9f9f9f; border-radius:50%; display:block; height:28px; text-align:center; width:28px; } #gnb .list li p img { height:18px; position:relative; top:4px; width:18px; } } @media (min-width:480px) { #gnb .ulright { float:right; margin-right:10px; } #gnb .ulright li select { width:80px; padding-left:10px; } #gnb .ulright .lang { margin-left:5px; } #gnb .list li { margin:0 10px; } #gnb .list li em { display:block; } #gnb .list li p { display:none; } } @media (min-width:992px) { #gnb a { font-size:14px; } #gnb .ulright { margin-right:3px; } #gnb .list { margin-right:5px; } #gnb .list li { margin-right:3px; } } @media (min-width:1300px) { #gnb { padding-right:165px; } } /************************************************** * 1.2 - main menu **************************************************/ @media (min-width:0) { #mainMenu { background-color:#4d4d4f; font-size:0; -moz-transition:all .2s linear 0s; -o-transition:all .2s linear 0s; -webkit-transition:all .2s linear 0s; z-index:98; } #mainMenu.active { background-color:#ffffff; position:fixed; top:0; width:100%; border-bottom:1px solid #ccc; } #mainMenu h1 { display:none; } #mainMenu ul.topnav { list-style-type:none; overflow:hidden; padding:0; background:#fff; } #mainMenu ul.topnav li { display:none; } #mainMenu ul.topnav li.first { display:block; float:left; } #mainMenu ul.topnav li.icon { display:inline-block; float:right; font-weight:bold; } #mainMenu ul.topnav li a { transition:all 0.3s; text-decoration:none; font-size:16px; padding:12px 10px; } #mainMenu ul.topnav li.icon a { padding:10px 0; } #mainMenu ul.topnav li.menu_w a { border-bottom:1px solid #cccccc; } #mainMenu ul.topnav li a.bon { border-top:1px solid #cccccc; } #mainMenu ul.topnav li.first a { color:#545454; font-weight:bold; width:auto; height:45px; font-size:18px; display:inline-block; text-shadow:none; border:none; padding:7px; } #mainMenu ul.topnav li.first a img { vertical-align:text-bottom; width:auto; } #mainMenu ul.topnav.responsive { position:relative; } #mainMenu ul.topnav.responsive li.first a { display:inline-block; margin-top:0; } #mainMenu ul.topnav.responsive li.icon { position:absolute; right:0; top:0; } #mainMenu ul.topnav li.icon a { font-size:24px; margin-right:10px; padding:10px 10px; display:inline-block; } #mainMenu ul.topnav.responsive li { display:inline; float:none; } #mainMenu ul.topnav.responsive li a { display:block; text-align:left; } } @media (min-width:992px) { #mainMenu { background:#fff; } #mainMenu h1 { display:block; display:table; float:left; height:auto; max-height:60px; } #mainMenu h1 a { box-sizing:border-box; display:table-cell; font-size:36px; height:100%; padding:15px 10px; position:relative; vertical-align:middle; width:100%; } #mainMenu h1 a img { max-height:45px; max-width:100%; width:auto; vertical-align:bottom; } #mainMenu ul.topnav { background:none; } #mainMenu ul.topnav li { display:inline-block; line-height:58px; } #mainMenu ul.topnav li.first { display:none; } #mainMenu ul.topnav li.icon { display:none; } #mainMenu ul.topnav li.menu_w { width:16.66%; } #mainMenu ul.topnav li a { display:block; font-size:18px; padding:10px 0; text-align:center; } #mainMenu ul.topnav li.first a { font-size:20px; } #mainMenu ul.topnav li.menu_w a { padding:10px 0; } #mainMenu ul.topnav li a.menu { border-bottom:none; } #mainMenu ul.topnav li a.bon { border-top:none; } #mainMenu ul.topnav.responsive li { float:left; } } @media (min-width:1300px) { #mainMenu h1 a { left:100px; } #mainMenu ul.topnav { margin-left:300px; margin-right:165px; } } /************************************************** * footer **************************************************/ @media (min-width:0) { #footer { clear:both; font-size:0; border-left:1px solid #ccc; } #footer .utilMenu { background-color:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:14px; position:relative; } #footer .inner { width:auto; } #footer .utilMenu::after { clear:both; content:''; display:block; } #footer .utilMenu .inner { padding:0; width:auto; } #footer .utilMenu li { float:left; font-size:12px; line-height:30px; border-right:1px solid #ccc; text-align:center; width:33.33%; } #footer .utilMenu li:first-child { margin-left:0; } #footer .utilMenu li:nth-child(3n) { border-right:none; } #footer .utilMenu li.bd { border-bottom:1px solid #ccc; } #footer .utilMenu li a { display:block; padding:7px 0; color:#545454; } #footer .utilMenu li i { font-style:normal; display:block; line-height:15px; } #footer .company { font-size:0; position:relative; overflow:hidden; } #footer .company h1 { height:40px; text-align:center; margin:20px 0 0; } #footer .company h1 img { width:auto; max-width:100%; } #footer .company .company_txt { color:#545454; font-size:14px; letter-spacing:0.5px; line-height:1.4; padding:10px 0; width:100%; } #footer .company .company_txt .tx1 { font-size:12px; margin-top:5px; } #footer .btngp { display:inline-block; position:absolute; right:0; top:93px; } #footer .btngp a { background-color:#0096db; color:#ffffff; display:inline-block; font-size:12px; height:30px; line-height:30px; margin: 10px; margin-right:5px; padding:0 10px; cursor:pointer; } #footer .btngp .sns { padding:10px 0; display:none; } #footer .btngp .sns a { display:inline-block; margin-right:10px; vertical-align:middle; width:30px; height:30px; opacity:0.7; transition:all 0.5s; } #footer .btngp .sns a:hover, #footer .btngp .sns a:active, #footer .btngp .sns a:focus { opacity:1; } #footer .btngp .sns .last { margin-right:0; } /* caution */ #footer .company .caution { border:1px solid #ddd; padding:10px; text-align:center; margin:10px auto; width:90%; } #footer .company .caution p { color:#777; word-break:keep-all; font-size:12px; line-height:1.4; } #footer .company .caution button { background-color:#999; color:#fff; display:inline-block; font-size:12px; height:30px; line-height:30px; margin-right:5px; padding:0 10px; margin-top:7px; cursor:pointer; } } @media (min-width:290px) { #footer .company .company_txt { font-size:13px; line-height:1.4; padding:15px 0; } #footer .company .company_txt > p { text-align:center; } #footer .btngp { display:inline-block; margin-top:5px; text-align:center; } } @media (min-width:768px) { #footer .company .caution { width:60%; } } @media (min-width:992px) { #footer { margin-left:260px; } #footer .utilMenu .inner { padding:0 10px; } #footer .utilMenu li { margin:0 10px; border:none; width:auto; font-size:14px; } #footer .utilMenu li.bd { border:none; } #footer .utilMenu li a { padding:10px 0; } #footer .utilMenu li i { display:inline-block; } #footer .btngp { top:47px; } #footer .btngp .sns { display:inline-block; } } @media (min-width:1300px) { #footer .inner { margin-right:180px; } #footer .company h1 { width:15%; float:left; } #footer .company .company_txt { width:55%; float:left; } #footer .company .company_txt > p { text-align:left; } #footer .company .caution { width:30%; float:left; } #footer .btngp { top:-5px; } } /************************************************** * sidebar * **************************************************/ @media (min-width:0) { .sidebar { background:#fff; float:left; height:100%; width:260px; display:none; } .sidebar.active { position:fixed; left:0; top:79px; z-index:98; } /* .sidebar .infodiv { overflow:hidden; } */ .sidebar .infodiv .mymenu { overflow:hidden; } .sidebar .infodiv .mymenu a { color:#fff; float:left; font-size:14px; height:95px; padding-top:60px; text-align:center; width:50%; box-sizing:border-box; } .sidebar .infodiv .mymenu a:hover, .sidebar .infodiv .mymenu a:focus, .sidebar .infodiv .mymenu a:active { background-color:#171816; text-decoration:none; } .sidebar .infodiv .mymenu a.btn-join { background:#4d4d4f url('../images/contents/join.png') no-repeat 50% 20px; border-bottom:1px solid #171816; border-right:1px solid #171816; } .sidebar .infodiv .mymenu a.btn-mypage { background:#4d4d4f url('../images/contents/mypage.png') no-repeat 50% 20px; border-bottom:1px solid #171816; border-left:1px solid #171816; } .sidebar .infodiv .mymenu a.btn-cart { background:#4d4d4f url('../images/contents/basket.png') no-repeat 50% 20px; border-right:1px solid #171816; border-top:1px solid #171816; } .sidebar .infodiv .mymenu a.btn-order { background:#4d4d4f url('../images/contents/order.png') no-repeat 50% 20px; border-left:1px solid #171816; border-top:1px solid #171816; } .sidebar .support_banner{ margin:0 0 20px 0; } .sidebar .infodiv .login { width:100%; } .sidebar .infodiv .login { display:inline-block; padding:12px; } .sidebar .infodiv .login .logindiv { border:solid 1px #d8d8d8; } .sidebar .infodiv .login .notice { background:#e7f1d4; display:block; padding:13px; } .sidebar .infodiv .login .notice a:hover { text-decoration:underline; } .sidebar .infodiv .login .notice span { color:#000000; float:left; font-size:14px; font-weight:600; line-height:1.6; margin:0 10px 0 0; } .sidebar .infodiv .login .notice .noticemain { background:url('../images/contents/bg_bar_01.png') no-repeat left center; color:#000000; display:block; float:none; font-weight:inherit; line-height:1.6; overflow:hidden; padding:0 0 0 10px; text-overflow:ellipsis; white-space:nowrap; } .sidebar .infodiv .inputarea { padding:0; position:relative; } .sidebar .infodiv .input { background:#fff; overflow:hidden; padding:20px 15px; position:relative; width:100%; } .sidebar .infodiv .input input { border:solid 1px #ddd; float:left; height:26px; margin:0; margin-bottom:5px; width:95%; } .sidebar .infodiv .input .left { float:left; width:134px; } .sidebar .infodiv .input .right { float:left; height:56px; width:70px; } .sidebar .infodiv .input .loginbtn { background:#171816; color:#fff; float:right; font-size:14px; height:56px; line-height:56px; text-align:center; width:70px; } .sidebar .infodiv .finddiv { background:#47473d; clear:both; height:40px; overflow:hidden; text-align:center; } .sidebar .infodiv .finddiv a { background:url("../images/contents/bg_bar_01.png") no-repeat 0 50%; color:#fff; display:block; float:none; font-size:14px; height:40px; line-height:40px; overflow:hidden; padding:0; } .sidebar .infodiv .finddiv a:first-child { background:0; float:left; padding:0 15px; } .sidebar .infodiv .finddiv a:hover, .sidebar .infodiv .finddiv a:focus, .sidebar .infodiv .finddiv a:active { background:#171816; } .sidebar .infodiv .infobest { padding:0 12px; } .sidebar .infodiv .infobest .infobesttitle { color:#47473d; display:block; font-size:18px; margin:0 0 4px 0; } .sidebar .infodiv .infobest .infobesttitle span { color:#4d4d4f; font-weight:500; } .sidebar .infodiv .infobest .infobestdiv { border:solid 1px #dedede; height:520px; overflow-y:auto; padding:8px; } .sidebar .infodiv .infobest .infobestbtn { color:#626262; float:right; font-size:12px; letter-spacing:-1px; position:relative; top:4px; } .sidebar .infodiv .infobest .infobestdiv ul { list-style:none; padding:0; } .sidebar .infodiv .infobest .infobestdiv ul li { border:solid 1px #ddd; margin-bottom:20px; } .sidebar .infodiv .infobest .infobestdiv ul li > a { display:block; } .sidebar .infodiv .infobest .infobestdiv ul li .imgbox { background-size:cover; background-position:center; background-repeat:no-repeat; width:100%; min-height:220px; } .sidebar .infodiv .infobest .infobestdiv ul li .infobestproductdesc { color:#626262; float:left; font-size:12px; line-height:1.4; margin:0 5px 0 0; text-align:left; width:100%; } .sidebar .infodiv .infobest .infobestdiv ul li .infobestprice { color:#4d4d4f; display:block; float:left; font-size:16px; line-height:1.4; margin:0 5px 0 0; text-align:left; width:100%; } .sidebar .infodiv .infobest .infobestdiv ul li .infobestdelivery .right { color:#4d4d4f; float:right; font-size:12px; } .sidebar .infodiv .infobest .infobestdiv ul li .infobestdelivery .right span { color:#626262; margin-left:2px; } .sidebar .infodiv .infobest .infobestdiv ul li .top { border-bottom:solid 1px #ddd; height:50px; padding:5px 3px; } .sidebar .infodiv .infobest .infobestdiv ul li .bottom { height:30px; padding:7px 5px 0 3px; box-sizing:border-box; } .sidebar .infodiv .customer { padding:25px 12px; } .sidebar .infodiv .customer dl { margin-bottom:15px; } .sidebar .infodiv .customer dl:first-child { margin-bottom:18px; } .sidebar .infodiv .customer .top dt span { color:#3a3a3a; display:block; font-size:16px; font-weight:bold; line-height:1.4; } .sidebar .infodiv .customer .top dd span { color:#4d4d4f; font-size:30px; font-weight:bold; } .sidebar .infodiv .customer .middle dt span { color:#000; display:block; font-weight:bold; line-height:1.4; font-size:16px; } .sidebar .infodiv .customer .middle dd span { color:#565656; font-size:14px; } } @media (min-width:992px) { .sidebar { display:block; } } /************************************************** * modal - modal_share **************************************************/ #modal_share { overflow: hidden; } #modal_share .close { right:0; top:-10px; ; } #modal_share .popup_header{ padding: 20px; border-bottom:1px solid #ccc; } #modal_share .popup_header .header_title{ position: relative; font-size: 15px; font-weight: bold; color: #000; } #modal_share .popup_header .header_title .btn_close{ position: absolute; right: 0; } #modal_share .popup_contents{ padding: 20px; background-color: #f7f7f7; } #modal_share .popup_contents .social_iconbox { text-align:center; } #modal_share .popup_contents .social_iconbox ul { overflow:hidden; } #modal_share .popup_contents .social_iconbox ul li { width:32.33%; float:left; box-sizing:border-box; /* border:1px solid #4dadf7; */ margin-bottom:15px; margin-right:1%; text-align:center; } #modal_share .popup_contents .social_iconbox ul li:nth-child(3n) { } #modal_share .popup_contents .social_iconbox ul li a { width:50px; height:50px; line-height:50px; display:block; font-size:15px; margin:0 auto; } #modal_share .popup_contents .social_iconbox ul li span { display:block; margin-top:7px; color:#787878; } /************************************************** * 2 - contents **************************************************/ #contents { overflow:hidden; position:relative; } .contentdiv.inner { width:auto; } @media (min-width:992px) { #contents { border-left:1px solid #ccc; min-height:1000px; margin-left:260px; } } /************************************************** * 2.1 - main banner **************************************************/ @media (min-width:0) { #mainBanner { position:relative; margin-bottom:20px; } #mainBanner .bxslider li { overflow:hidden; position:relative; } #mainBanner .bxslider li .imgbox { min-height:320px; background-size:cover; background-position:center; background-repeat:no-repeat; } #mainBanner .bxslider li iframe { height:100%; min-height:320px; width:100%; } #mainBanner .bxslider li .txtbox2_wrap { background-position:center; background-size:cover; height:100%; left:0; position:absolute; text-align:center; top:0; width:100%; } #mainBanner .bxslider li .txtbox2_wrap .txtbox2 { color:#ffffff; /* left:50%; margin-left:-50%; position:absolute; */ padding-top:15%; /* width:1200px; */ } #mainBanner .bxslider li .txtbox2_wrap .txtbox2 .tx1 { margin:0 auto; width:100%; line-height:1.4; } #mainBanner .bxslider li .txtbox2_wrap .txtbox2 .tx2 { box-sizing:border-box; display:block; line-height:1.4; margin:20px auto 0; width:100%; } #mainBanner .bxslider li .txtbox2_wrap .txtbox2 .tx1 span { font-size:28px; } #mainBanner .bxslider li .txtbox2_wrap .txtbox2 .tx2 span { font-size:18px; } #mainBanner .slick-arrow { font-size:0; height:30px; margin-top:-12px; position:absolute; text-indent:-9999px; top:50%; transition:all 0.5s; width:30px; z-index:49; cursor:pointer; } #mainBanner .slick-prev { background:rgba(0,0,0,0.4) url("../images/contents/btn_prev_01.png") no-repeat center; background-size:60%; left:0; } #mainBanner .slick-next { background:rgba(0,0,0,0.4) url("../images/contents/btn_next_01.png") no-repeat center; background-size:60%; right:0; } #mainBanner:hover .slick-arrow { background-color:rgba(0,0,0,1); } } @media (min-width:480px) { #mainBanner .bxslider li .txtbox2_wrap .txtbox2 .tx1 span { font-size:34px; } #mainBanner .bxslider li .txtbox2_wrap .txtbox2 .tx2 { width:500px; } #mainBanner .bxslider li .txtbox2_wrap .txtbox2 .tx2 span { font-size:20px; } } @media (min-width:768px) { #mainBanner .bxslider li .imgbox { min-height:450px; } #mainBanner .bxslider li iframe { min-height:450px; } /* #mainBanner .bxslider li .txtbox2_wrap .txtbox2 .tx1 { width:400px; } */ } @media (min-width:992px) { #mainBanner .bxslider li .imgbox { min-height:540px; } #mainBanner .bxslider li iframe { min-height:540px; } } @media (min-width:1024px) { #mainBanner { margin-bottom:40px; } #mainBanner .bxslider li .imgbox { min-height:620px; } #mainBanner .bxslider li iframe { min-height:620px; } #mainBanner .bxslider li .txtbox2_wrap .txtbox2 { top:30%; } /* #mainBanner .bxslider li .txtbox2_wrap .txtbox2 .tx1 { width:600px; } */ } @media (min-width:1280px) { #mainBanner .bxslider li .imgbox { min-height:720px; } #mainBanner .bxslider li iframe { min-height:720px; } #mainBanner .bxslider li .txtbox2_wrap .txtbox2 .tx1 span { font-size:60px; } #mainBanner .bxslider li .txtbox2_wrap .txtbox2 .tx2 { width:1000px; } #mainBanner .bxslider li .txtbox2_wrap .txtbox2 .tx2 span { font-size:40px; } #mainBanner .slick-arrow { height:40px; margin-top:-20px; width:40px; } /* #mainBanner .slick-prev { left:50%; margin-left:-600px; } #mainBanner .slick-next { margin-right:-600px; right:50%; } */ } /* @media (min-width:1440px) { #mainBanner .slick-prev { margin-left:-680px; } #mainBanner .slick-next { margin-right:-680px; } } */ #contents.mainCont { } #contents.mainCont .section_title { text-align:center; font-weight:300; width:60%; margin:0 auto 20px; max-width:450px; } #contents.mainCont .section_title:before { content:""; display:block; width:100%; height:1px; background-color:rgba(0,0,0,0.4); margin-bottom:20px; } #contents.mainCont .section_title:after { content:""; display:block; width:100%; height:1px; background-color:rgba(0,0,0,0.4); margin-top:20px; } @media (min-width:1024px) { #contents.mainCont .section_title { margin:0 auto 40px; } } /************************************************** * 2.2 - #md_slide **************************************************/ @-webkit-keyframes fadeInRightSlow { 0% { opacity:0; transform:translate3d(75px,0,0); -webkit-transform:translate3d(75px,0,0); } 100% { opacity:1; transform:none; -webkit-transform:none; } } @keyframes fadeInRightSlow { 0% { opacity:0; transform:translate3d(75px,0,0); -webkit-transform:translate3d(75px,0,0); } 100% { opacity:1; transform:none; -webkit-transform:none; } } @media (min-width:0) { /* #md_slide { margin-top:20px; } */ #md_slide .view-collection a { padding-top:39px; display:block; height:612px; overflow:hidden; } #md_slide .view-collection a { padding-top:39px; display:block; height:612px; overflow:hidden; } #md_slide .tab-contents.md_recomand { clear:both; float:left; width:1903px; } #md_slide .tab-contents { display:none; } #md_slide .tab-contents.open { display:block; } #md_slide .fadeInRightSlow { animation-name:fadeInRightSlow; -webkit-animation-name:fadeInDownSlow; } #md_slide .start-product-slider { background:#fff; position:relative; margin-bottom:30px; margin-left:20px; } #md_slide .start-product-slider:before { background:#f8f8f8; content:''; height:400px; left:0; position:absolute; right:0; top:52px; z-index:-1; } #md_slide .start-product-slider .prev-arrow, #md_slide .start-product-slider .next-arrow { bottom:-50px; cursor:pointer; left:180px; letter-spacing:2.4px; -moz-transition:all 250ms; -ms-transition:all 250ms; -o-transition:all 250ms; position:absolute; text-transform:uppercase; transition:all 250ms; -webkit-transition:all 250ms; z-index:97; } #md_slide .start-product-slider .prev-arrow.slick-disabled, #md_slide .start-product-slider .next-arrow.slick-disabled { opacity:0; visibility:hidden; } #md_slide .start-product-slider .next-arrow { left:auto; right:180px; } .start-product-slider .next-arrow:before { left:80px; -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); -webkit-transform:rotate(180deg); } #md_slide .start-product-slider .next-area { bottom:30px; cursor:pointer; left:978px; position:absolute; right:0; top:30px; } #md_slide .start-product-slider .next-area.slick-disabled { opacity:0; visibility:hidden; } #md_slide .start-product-slide { border-right:18px solid white; height:690px; -moz-transition:all 750ms; -ms-transition:all 750ms; -o-transition:all 750ms; position:relative; transition:all 750ms; -webkit-transition:all 750ms; width:412px; overflow: hidden;} #md_slide .start-product-slide:focus { outline:none; } #md_slide .start-product-slide:before { border:1px solid #f1f1f1; content:''; height:90%; left:0; -moz-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); position:absolute; top:50%; transform:translate3d(0,-50%,0); -webkit-transform:translate3d(0,-50%,0); width:100%; z-index:-1; box-sizing:border-box; } #md_slide .start-product-slide .separator { border-top:1px solid #979797; height:1px; margin:0 auto 15px; -moz-transition:all 750ms; -ms-transition:all 750ms; -o-transition:all 750ms; padding-bottom:5px; transition:all 750ms; -webkit-transition:all 750ms; width:40px; } #md_slide .start-product-slide.active { width:320px; } #md_slide .start-product-slide.slick-current .start-product-slide-img img { transform:translate3d(45px,75px,0) scale(1.2); -webkit-transform:translate3d(45px,75px,0) scale(1.2); } #md_slide .start-product-slide.slick-current .start-product-slide-img .pop-spinner { margin:0 20%; } #md_slide .start-product-slide.slick-current .start-product-slide-info { -moz-transform:translate3d(0,335px,0); -moz-transition:all 500ms; -ms-transition:all 500ms; -o-transform:translate3d(0,375px,0); -o-transition:all 500ms; padding:15px 0 0 0; transform:translate3d(0,335px,0); transition:all 500ms; -webkit-transform:translate3d(0,335px,0); -webkit-transition:all 500ms; text-align:center; box-sizing:border-box; } #md_slide .start-product-slide.slick-current .start-product-slide__name { display:-webkit-box; font-size:24px; height:2.4em; line-height:1.2em; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-wrap:break-word; } #md_slide .start-product-slide.slick-current .separator { margin:0 auto; } #md_slide .start-product-slide.slick-current .start-product-slide__reference { opacity:1; visibility:visible; } #md_slide .start-product-slide.slick-current .start-product-slide__description { -moz-transition-delay:200ms; opacity:1; -o-transition-delay:200ms; transition-delay:200ms; visibility:visible; -webkit-transition-delay:200ms; padding:0 10px; } #md_slide .start-product-slide.slick-current .start-product-slide__btn { -moz-transition-delay:200ms; opacity:1; -o-transition-delay:200ms; transition-delay:200ms; visibility:visible; -webkit-transition-delay:200ms; } #md_slide .start-product-slide-info { max-width:450px; -moz-transition:all 750ms; -ms-transition:all 750ms; -o-transition:all 750ms; padding:77px 10px 0 35px; text-align:left; transition:all 750ms; -webkit-transition:all 750ms; } #md_slide .start-product-slide__title { color:#636469; font-size:14px; line-height:1.3; margin-bottom:8px; -moz-transition:all 750ms; -ms-transition:all 750ms; -o-transition:all 750ms; text-transform:uppercase; transform-origin:0 0; transition:all 750ms; -webkit-transform-origin:0 0; -webkit-transition:all 750ms; } #md_slide .start-product-slide__name { font-family:'Noto Sans KR', sans-serif; font-size:24px; -moz-transition:all 750ms; -ms-transition:all 750ms; -o-transition:all 750ms; text-transform:uppercase; transform-origin:0 0; transition:all 750ms; -webkit-transform-origin:0 0; -webkit-transition:all 750ms; } #md_slide .start-product-slide__reference { font-size:18px; -moz-transition:all 500ms; -ms-transition:all 500ms; opacity:0; -o-transition:all 500ms; transition:all 500ms; visibility:hidden; -webkit-transition:all 500ms; } #md_slide .start-product-slide__price { font-size:16px; -moz-transition:all 750ms; -ms-transition:all 750ms; opacity:0; -o-transition:all 750ms; transition:all 750ms; visibility:hidden; -webkit-transition:all 750ms; } #md_slide .start-product-slide.slick-current .start-product-slide__price { -moz-transition-delay:200ms; opacity:1; -o-transition-delay:200ms; transition-delay:200ms; visibility:visible; -webkit-transition-delay:200ms; } #md_slide .start-product-slide__price em { border-radius:50% 50%; color:#fff; display:inline-block; font-family:'Noto Sans KR', sans-serif; font-size:15px; font-style:normal; height:43px; line-height:43px; -moz-border-radius:50% 50%; position:realtive; text-align:center; top:-1px; -webkit-border-radius:50% 50%; width:43px; } #md_slide .start-product-slide__price .price-sell { background:#d32027; } #md_slide .start-product-slide__price .price-rental { background:#534741; } #md_slide .start-product-slide__price strong { display:inline-block; font-size:24px; letter-spacing:-0.1px; } #md_slide .start-product-slide__price strong span { font-size:16px; margin-right:2px; } #md_slide .start-product-slide__description { color:#656B6F; font-size:14px; letter-spacing:-0.01em; line-height:1.5; margin:15px 0 15px; -moz-transition:all 750ms; -ms-transition:all 750ms; opacity:0; -o-transition:all 750ms; transition:all 750ms; visibility:hidden; -webkit-transition:all 750ms; } #md_slide .start-product-slide__btn { -moz-transition:all 750ms; -ms-transition:all 750ms; opacity:0; -o-transition:all 750ms; transition:all 750ms; visibility:hidden; -webkit-transition:all 750ms; } #md_slide .start-product-slide__btn .btn--secondary { display:inline-block; margin-right:8px; height:40px; line-height:40px; background-color:#fff; border:1px solid #ccc; padding:0 30px; color:#c00; } #md_slide .start-product-slide-img { left:0; position:absolute; top:0; z-index:-2; } #md_slide .start-product-slide-img img { display:inline-block !important; max-height:220px; max-width:220px; -moz-transition:all 750ms; -ms-transition:all 750ms; -o-transition:all 750ms; transform:translate3d(100px,203px,0) scale(1.15); transition:all 750ms; -webkit-transform:translate3d(100px,195px,0) scale(1); -webkit-transition:all 750ms; } #md_slide .start-product-slide-img .pop-spinner { margin:auto; } #md_slide .slick-arrow { color:#656b6f; cursor:pointer; font-size:11px; letter-spacing:3px; position:absolute; /* display:none !important; */} #md_slide .slide-prev { float:left; left:0; bottom:0; } #md_slide .slide-next { float:right; right:0; bottom:0; } #md_slide .slick-arrow .text { display:inline-block; font-size:14px; color:#000; vertical-align:top; } #md_slide .slick-arrow .icon { display:inline-block; height:16px; margin-left:10px; margin-right:10px; width:16px; } #md_slide .slide-prev .icon { background:transparent url('../images/contents/btn_prev_04.png') no-repeat 0 0; background-size:contain; } #md_slide .slide-next .icon { background:transparent url('../images/contents/btn_next_04.png') no-repeat 0 0; background-size:contain; } } @media (min-width:992px) { #md_slide .slick-arrow { display:block !important; } #md_slide .view-collection a { height:466px; } #md_slide .tab-contents.md_recomand { clear:both; float:left; width:1903px; } #md_slide .tab-contents { display:none; } #md_slide .tab-contents.open { display:block; } #md_slide .start-product-slider { background:#fff; margin-bottom:50px; position:relative; } #md_slide .start-product-slider:before { background:#f8f8f8; content:''; height:400px; left:0; position:absolute; right:0; top:52px; z-index:-1; } #md_slide .start-product-slider .prev-arrow, #md_slide .start-product-slider .next-arrow { bottom:-50px; cursor:pointer; left:180px; letter-spacing:2.4px; --moz-transition:all 250ms; -ms-transition:all 250ms; -o-transition:all 250ms; position:absolute; text-transform:uppercase; transition:all 250ms; -webkit-transition:all 250ms; z-index:97; } #md_slide .start-product-slider .prev-arrow.slick-disabled, #md_slide .start-product-slider .next-arrow.slick-disabled { opacity:0; visibility:hidden; } #md_slide .start-product-slider .next-arrow { left:auto; right:180px; } .start-product-slider .next-arrow:before { left:80px; -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); -webkit-transform:rotate(180deg); } #md_slide .start-product-slider .next-area { bottom:30px; cursor:pointer; left:978px; position:absolute; right:0; top:30px; } #md_slide .start-product-slider .next-area.slick-disabled { opacity:0; visibility:hidden; } #md_slide .start-product-slide { border-right:18px solid white; height:500px; -moz-transition:all 750ms; -ms-transition:all 750ms; -o-transition:all 750ms; position:relative; transition:all 750ms; -webkit-transition:all 750ms; width:412px; } #md_slide .start-product-slide:focus { outline:none; } #md_slide .start-product-slide:before { border:1px solid #f1f1f1; content:''; height:85%; left:0; -moz-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); position:absolute; top:50%; transform:translate3d(0,-50%,0); -webkit-transform:translate3d(0,-50%,0); width:100%; z-index:-1; } #md_slide .start-product-slide .separator { border-top:1px solid #979797; height:1px; margin:15px 0 15px 10px; -moz-transition:all 750ms; -ms-transition:all 750ms; -o-transition:all 750ms; padding-bottom:5px; transition:all 750ms; -webkit-transition:all 750ms; width:40px; } #md_slide .start-product-slide.active { width:960px; } #md_slide .start-product-slide.slick-current .start-product-slide-img img { transform:translate3d(125px,130px,0) scale(1.5); -webkit-transform:translate3d(125px,130px,0) scale(1.5); } #md_slide .start-product-slide.slick-current .start-product-slide-img .pop-spinner { margin:0 20%; } #md_slide .start-product-slide.slick-current .start-product-slide-info { -moz-transform:translate3d(375px,0,0); -moz-transition:all 500ms; -ms-transition:all 500ms; -o-transform:translate3d(375px,0,0); -o-transition:all 500ms; padding:77px 10px 0 155px; transform:translate3d(375px,0,0); transition:all 500ms; -webkit-transform:translate3d(375px,0,0); -webkit-transition:all 500ms; } #md_slide .start-product-slide.slick-current .separator { margin:0 auto; } #md_slide .start-product-slide.slick-current .start-product-slide__name { display:-webkit-box; font-size:30px; height:2.4em; line-height:1.2em; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-wrap:break-word; } #md_slide .start-product-slide.slick-current .start-product-slide__reference { opacity:1; visibility:visible; } #md_slide .start-product-slide.slick-current .start-product-slide__description { -moz-transition-delay:200ms; opacity:1; -o-transition-delay:200ms; transition-delay:200ms; visibility:visible; -webkit-transition-delay:200ms; } #md_slide .start-product-slide.slick-current .start-product-slide__btn { -moz-transition-delay:200ms; opacity:1; -o-transition-delay:200ms; transition-delay:200ms; visibility:visible; -webkit-transition-delay:200ms; } #md_slide .start-product-slide-info { max-width:450px; -moz-transition:all 750ms; -ms-transition:all 750ms; -o-transition:all 750ms; padding:77px 10px 0 35px; text-align:left; transition:all 750ms; -webkit-transition:all 750ms; } #md_slide .start-product-slide__title { color:#636469; font-size:15px; line-height:1.3; margin-bottom:8px; -moz-transition:all 750ms; -ms-transition:all 750ms; -o-transition:all 750ms; text-transform:uppercase; transform-origin:0 0; transition:all 750ms; -webkit-transform-origin:0 0; -webkit-transition:all 750ms; } #md_slide .start-product-slide__name { font-family:'Noto Sans KR', sans-serif; font-size:24px; -moz-transition:all 750ms; -ms-transition:all 750ms; -o-transition:all 750ms; text-transform:uppercase; transform-origin:0 0; transition:all 750ms; -webkit-transform-origin:0 0; -webkit-transition:all 750ms; } #md_slide .start-product-slide__reference { font-size:18px; -moz-transition:all 500ms; -ms-transition:all 500ms; opacity:0; -o-transition:all 500ms; transition:all 500ms; visibility:hidden; -webkit-transition:all 500ms; } #md_slide .start-product-slide__price { font-size:16px; -moz-transition:all 750ms; -ms-transition:all 750ms; opacity:0; -o-transition:all 750ms; transition:all 750ms; visibility:hidden; -webkit-transition:all 750ms; } #md_slide .start-product-slide.slick-current .start-product-slide__price { -moz-transition-delay:200ms; opacity:1; -o-transition-delay:200ms; transition-delay:200ms; visibility:visible; -webkit-transition-delay:200ms; } #md_slide .start-product-slide__price em { border-radius:50% 50%; color:#fff; display:inline-block; font-family:'Noto Sans KR', sans-serif; font-size:15px; font-style:normal; height:43px; line-height:43px; -moz-border-radius:50% 50%; position:realtive; text-align:center; top:-1px; -webkit-border-radius:50% 50%; width:43px; } #md_slide .start-product-slide__price .price-sell { background:#d32027; } #md_slide .start-product-slide__price .price-rental { background:#534741; } #md_slide .start-product-slide__price strong { display:inline-block; font-size:24px; letter-spacing:-0.1px; } #md_slide .start-product-slide__price strong span { font-size:16px; margin-right:2px; } #md_slide .start-product-slide__description { color:#656B6F; font-size:15px; letter-spacing:-0.01em; line-height:1.5; margin:30px 0 20px; -moz-transition:all 750ms; -ms-transition:all 750ms; opacity:0; -o-transition:all 750ms; transition:all 750ms; visibility:hidden; -webkit-transition:all 750ms; } #md_slide .start-product-slide__btn { -moz-transition:all 750ms; -ms-transition:all 750ms; opacity:0; -o-transition:all 750ms; transition:all 750ms; visibility:hidden; -webkit-transition:all 750ms; } #md_slide .start-product-slide__btn .btn--secondary { display:inline-block; margin-right:8px; height:40px; line-height:40px; background-color:#fff; border:1px solid #ccc; padding:0 30px; color:#c00; } #md_slide .start-product-slide-img { left:0; position:absolute; top:0; z-index:-2; } #md_slide .start-product-slide-img img { display:inline-block !important; max-height:220px; max-width:220px; -moz-transition:all 750ms; -ms-transition:all 750ms; -o-transition:all 750ms; transform:translate3d(115px,190px,0) scale(1.15); transition:all 750ms; -webkit-transform:translate3d(105px,190px,0) scale(1); -webkit-transition:all 750ms; } #md_slide .start-product-slide-img .pop-spinner { margin:auto; } #md_slide .slick-arrow { font-size:11px; letter-spacing:3px; position:absolute; } #md_slide .slide-prev { float:left; left:150px; } #md_slide .slide-next { float:right; right:150px; } #md_slide .slick-arrow .text { font-size:20px; vertical-align:bottom; } #md_slide .slick-arrow .icon { height:20px; margin-left:20px; margin-right:20px; width:20px; } } /************************************************** * 2.2 - board_list **************************************************/ @media (min-width:0) { #board_list .four_grid { font-size:0; } #board_list .four_grid .gird_wrap { box-sizing:border-box; } #board_list .four_grid .gird_wrap > a { display:block; } #board_list .four_grid .gird_wrap .grid { box-sizing:border-box; cursor:pointer; position:relative; overflow:hidden; } #board_list .four_grid .gird_wrap .grid .imgbox { height:200px; position:relative; width:100%; background-size:cover; background-position:center; background-repeat:no-repeat; transition:all 0.5s; transform:scale(1,1); } #board_list .four_grid .gird_wrap .grid .txtbox { width:100%; height:35px; text-align:left; position:absolute; left:0; bottom:0; text-align:center; transition:all 0.5s; color:#fff; background-color:rgba(0,0,0,0.2); padding:0 10px; box-sizing:border-box; } #board_list .four_grid .gird_wrap .grid .txtbox .tx1 { font-size:18px; text-align:left; height:auto; max-height:2.8em; line-height:35px; } #board_list .four_grid .gird_wrap .grid .txtbox .tx2 { font-size:12px; text-align:left; line-height:35px; } #board_list .four_grid .gird_wrap .grid .txtbox .tx2 i { display:inline-block; margin-left:5px; } #board_list .four_grid .gird_wrap .grid:hover .imgbox { transform:scale(1.1,1.1); } #board_list .four_grid .gird_wrap .grid:hover .txtbox { height:70px; background-color:rgba(0,0,0,0.6); } #board_list .btn_more { margin-top:25px; } #board_list .btn_more .tx6 { font-size:17px; } } @media (min-width:480px) { #board_list .four_grid .gird_wrap .grid .imgbox { height:320px; } } @media (min-width:640px) { #board_list .four_grid .gird_wrap { float:left; width:33.33%; } } @media (min-width:992px) { #board_list .four_grid .gird_wrap { box-sizing:border-box; } } @media (min-width:1024px) { #board_list .btn_more { margin-top:50px; } #board_list .btn_more .tx6 { font-size:25px; } } /************************************************** * 2.3 - section_main **************************************************/ @media (min-width:0) { #section_main .ceo_g:before { clear:both; content:''; display:block; } #section_main .ceo_g { height:300px; position:relative; background:url(../images/contents/shopping.jpg); background-size:cover; background-position:center; background-attachment:fixed; } #section_main .cover { position:absolute; height:100%; width:100%; top:0; left:0; background:rgba(0,0,0,.1); color:#fff; padding:60px 0; box-sizing:border-box; text-align:center; } #section_main .cover .ceo_t { padding:10px 0 20px 0; font-size:28px; } #section_main .cover .ceo_c { font-size:18px; padding: 0 20%; line-height:22px; height:44px; } #section_main .cover a { display:block; font-size:14px; padding:10px 0; background:#fff; color:#4c4c4c; width:100px; text-align:center; margin:10px auto 0; } } @media (min-width:992px) { #section_main .cover a { float:right; margin-right:20%; margin-top:20px; } } /************************************************** * 3.0 - subpage **************************************************/ @media (min-width:1280px) { .midarea .contentdiv { margin:30px 30px 0 30px; width:auto; } } @media (min-width:1440px) { .midarea .contentdiv { margin:30px 90px 0 30px; width:auto; } } @media (min-width:1600px) { .midarea .contentdiv { margin:30px 180px 0 30px; width:auto; } } /************************************************** * 2.1 - section1 **************************************************/ @media (min-width:0) { h2 { color:#fff; font-size:36px; padding:40px 0 20px 0; position:relative; text-align:center; -webkit-text-shadow:1px 1px 3px rgba(0,0,0,0.4); text-shadow:1px 1px 3px rgba(0,0,0,0.4); } h3 { color:#444; font-size:20px; letter-spacing:1px; line-height:1; margin:30px 0 20px 0; position:relative; } h3::after { background:#cccccc; bottom:-11px; content:''; display:block; height:1px; left:0; position:absolute; width:100%; } #section1 { background:url(../images/contents/mainBanner_img1.jpg) center 60%; background-attachment:fixed; background-size:cover; clear:both; position:relative; padding-bottom:10px; } #section1 .inner { width:auto; } #section1 .section1_bg { background:rgba(50,50,50,0.2); height:100%; left:0; position:absolute; top:0; width:100%; } #section1 .tab_sub1 { clear:both; margin-top:15px; } #section1 small { color:#fff; display:block; font-size:15px; letter-spacing:0px; text-align:center; -webkit-text-shadow:1px 1px 3px rgba(0,0,0,0.4); text-shadow:1px 1px 3px rgba(0,0,0,0.4); } #section1 .section_tab { display:table; margin:0 auto; overflow:hidden; } #section1 .section_tab li { box-sizing:border-box; float:left; padding:0 5px; text-align:center; /*width:50%;*/ border-bottom:1px solid transparent; } #section1 .section_tab li.on { border-bottom-color:#fff; } #section1 .section_tab li.on a { color:#fff; } #section1 .section_tab li.bnone { border-right:none; } #section1 .section_tab li a { color:#fff; display:block; font-weight:bold; line-height:40px; font-size:14px; -webkit-text-shadow:1px 1px 3px rgba(0,0,0,0.4); text-shadow:1px 1px 3px rgba(0,0,0,0.4); } #section1 .section_tab.mt8, #section1 .section_tab.mt6, #section1 .section_tab.mt5 { width:100%; } #section1 .section_tab.mt8 li, #section1 .section_tab.mt6 li, #section1 .section_tab.mt5 li { width:33.33%; } #section1 .section_tab.mt5 li a { line-height:18px; } #section1 .inner.mt5inner { padding:0 5px; } } @media (min-width:480px) { #section1 .section_tab li a { font-size:14px; } } @media (min-width:768px) { #section1 .section_tab.mt8, #section1 .section_tab.mt6, #section1 .section_tab.mt5 { width:auto; } #section1 .section_tab.mt8 li, #section1 .section_tab.mt6 li, #section1 .section_tab.mt5 li { width:auto; } #section1 .section_tab li { width:auto; padding:0 10px; } } @media (min-width:992px) { h2 { font-size:42px; } h3 { margin:60px 0 20px 0; } #section1 { margin-left:-90px; min-height:190px; } } /************************************************** * 회사소개 **************************************************/ @media (min-width:0) { .midarea .contentdiv .inputtable { width:100%; border-top:3px solid #171816; text-align:center; display:block; } .midarea .contentdiv .inputtable thead { display:block; } .midarea .contentdiv .inputtable tbody { display:block; } .midarea .contentdiv .inputtable tr { display:block; width:100%; height:40px; line-height:40px; } .midarea .contentdiv .inputtable tr th { display:inline-block; width:35%; float:left; font-size:14px; font-weight:600; padding-left:5px; background:#f4f4f4; text-align:left; } .midarea .contentdiv .inputtable tr td { display:inline-block; width:65%; float:left; font-size:14px; padding-left:5px; text-align:left; } .midarea .contentdiv .inputtable th.txtleft { text-align:left; } .midarea .contentdiv .inputtable td.txtleft { text-align:left; } .midarea .contentdiv .inputtable th.txtright { text-align:right; } .midarea .contentdiv .inputtable td.txtright { text-align:right; } .midarea .contentdiv .companytable .content { padding:0; overflow:hidden; width:100%; /*background:url("../images/contents/greeting_bg.jpg") no-repeat; width:100%; background-size:cover;*/ } /* greeting .midarea .contentdiv .companytable .content .greeting h5 { font-size:36px; line-height:1.6; color:#343434; text-align:left; } .midarea .contentdiv .companytable .content .greeting h6 { font-size:22px; line-height:1.2; color:#343434; margin-bottom:30px; } .midarea .contentdiv .companytable .content .greeting p { margin-top:20px; font-size:14px; line-height:1.4; word-break:keep-all; } .midarea .contentdiv .companytable .content .greeting p:last-child { margin-bottom:70px; color:#999999; } .midarea .contentdiv .companytable .content .greeting p.date { margin-top:50px; font-size:15px; color:#343434; font-weight:600; } .midarea .contentdiv .companytable .content .greeting span.ceo { font-size:16px; color:#343434; font-weight:600; margin-right:15px; } .midarea .contentdiv .companytable .content .greeting span.ceoname { font-size:32px; color:#343434; font-weight:600; } */ /* history */ .midarea .contentdiv .companytable .content .history h5 { font-size:3.4em; line-height:1.6; color:#343434; margin-bottom:20px; } .midarea .contentdiv .companytable .content .history p:last-child { margin-bottom:50px; } .midarea .contentdiv .companytable .content .history p span.left { display:inline-block; width:35%; float:left; font-size:2.4em; font-weight:600; color:#343434; margin-right:5%; } .midarea .contentdiv .companytable .content .history p span.right { display:inline-block; width:60%; text-align:left; } .midarea .contentdiv .companytable .content .history p span.right em { font-size:16px; line-height:1.4; margin-top:5px; color:#333; } .midarea .contentdiv .companytable .content .history p { float:left; width:100%; text-align:left; } .midarea .contentdiv .companytable .content .history h5 { font-size:2.8em; } .midarea .contentdiv .companytable .content .history p span.left { font-size:2.2em; } .midarea .contentdiv .companytable .content .history p span.right em { font-size:14px; } } @media (min-width:480px) { .midarea .contentdiv .inputtable tr th { font-size:15px; padding-left:20px; border-bottom:1px solid #d8d8d8; } .midarea .contentdiv .inputtable tr td { font-size:15px; padding-left:20px; border-bottom:1px solid #d8d8d8; } } @media (min-width:1280px) { .midarea .contentdiv { width:auto; } .midarea .contentdiv .inputtable { width:100%; text-align:center; display:table; } .midarea .contentdiv .inputtable thead { display:inline-block; float:left; } .midarea .contentdiv .inputtable tbody { display:inline-block; float:left; } .midarea .contentdiv .inputtable tr { height:55px; line-height:55px; display:inline-block; } .midarea .contentdiv .inputtable tr th { padding-left:15px; width:20%; } .midarea .contentdiv .inputtable tr td { padding-left:15px; width:30%; } .midarea .contentdiv .inputtable tr td[colspan] { width:80%; } .midarea .contentdiv .companytable .content .greeting { /*width:50%; float:left;*/ text-align:left; } /* .midarea .contentdiv .companytable .content .greeting h5 { font-size:45px; } .midarea .contentdiv .companytable .content .greeting h6 { font-size:30px; } .midarea .contentdiv .companytable .content .greeting p { font-size:16px; } .midarea .contentdiv .companytable .content .greeting p.date { font-size:17px; } .midarea .contentdiv .companytable .content .greeting span.ceo { font-size:20px; } .midarea .contentdiv .companytable .content .greeting span.ceoname { font-size:40px; } */ .midarea .contentdiv .companytable .content .history { width:50%; float:right; text-align:right; } .midarea .contentdiv .companytable .content .history p { float:right; width:70%; margin-bottom:20px; } } /************************************************** * 2.6 - #section6 (연혁) **************************************************/ @media (min-width:0) { #contents .timeline { clear:both; overflow:hidden; } #contents .timeline h5 { color:#227db2; float:left; font-size:22px; margin:0 0; padding:25px 0 10px 0; text-align:left; width:55%; } #contents .timeline h5.fr { float:right; padding-left:4%; } #contents .timeline h5 small { color:#787878; display:block; font-size:15px; padding-top:8px; } #contents .timeline h6 { color:#787878; font-size:28px; margin:0 0 10px 0; text-align:left; } #contents .timeline { color:#797979; overflow:hidden; padding-bottom:50px; } #contents .timeline ul li { margin-bottom:20px; min-height:250px; overflow:hidden; } #contents .timeline .content { box-sizing:border-box; float:left; padding:0 30px; width:49%; } #contents .timeline .content dl { min-height:200px; max-height:250px; overflow-y:auto; } #contents .timeline .content dd, #contents #section6 .content dt { float:left; padding:6px 0; } #contents .timeline .content dt { clear:both; width:22%; } #contents .timeline .content dd { width:75%; line-height:1.4; } #contents .timeline .imgbox { background:url(../images/contents/company_bg.jpg) center center no-repeat; background-size:cover; border:1px solid #ccc; box-sizing:border-box; float:left; height:250px; overflow:hidden; width:51%; } #contents .timeline ul li:nth-child(even) .imgbox { float:right; } #contents .timeline ul li:nth-child(even) .content { float:left; } } @media (max-width:1200px) { #contents .timeline .content { padding:0 20px; } #contents .timeline .content dl { max-height:210px; } } @media (max-width:640px) { #contents .timeline h5 { font-size:18px; width:100%; } #contents .timeline h5 small { font-size:14px; } #contents .timeline .content { padding:0 0; width:100%; } #contents .timeline .content dl { height:auto; min-height: auto; overflow-y:visible; } #contents .timeline .content dt { font-weight:bold; text-align:center; } #contents .timeline h6 { font-size:22px; margin:15px 0 10px 0; } #contents .timeline .content { padding:0 10px; } #contents .timeline .imgbox { width:100%; } #contents .timeline h5.fr { float:left; padding-left:0; } } /************************************************** * 회사전경 **************************************************/ @media (min-width:0) { #section9 { position:relative; margin-bottom:50px; } #section9 .for_wrapper { position:relative; } #section9 .slider-for div { background-position:center; background-repeat:no-repeat; background-size:cover; min-height:320px; } #section9 .slider-for .txtbox { bottom:5%; left:0; line-height:1.4; position:absolute; text-align:center; width:100%; padding:0 20px; box-sizing:border-box; } #section9 .slider-for .txtbox em { color:#fff; display:block; font-size:20px; font-style:normal; font-weight:500; } #section9 .slider-for .txtbox span { color:#fff; display:block; font-size:14px; } #section9 .nav_wrapper { position:relative; } #section9 .slider-nav { box-sizing:content-box; padding:5px 20px; } #section9 .slider-nav div { background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 5px; min-height:80px; outline:0; cursor:pointer; } #section9 .nav_wrapper .slick-arrow { display:block; font-size:0; height:20px; margin-top:-10px; position:absolute; text-indent:-9999px; top:50%; width:20px; z-index:45; cursor:pointer; } #section9 .nav_wrapper .slick-prev { background:url("../images/contents/btn_prev_02.png") no-repeat 0 0; background-size:contain; left:0; } #section9 .nav_wrapper .slick-next { background:url("../images/contents/btn_next_02.png") no-repeat 0 0; background-size:contain; right:0; } } @media (min-width:768px) { #section9 .slider-for div { min-height:450px; } #section9 .slider-for .txtbox { bottom:30px; } #section9 .slider-for .txtbox em { font-size:30px; } #section9 .slider-for .txtbox span { font-size:24px; } #section9 .slider-nav { padding:10px 20px; } #section9 .slider-nav div { margin:0 10px; min-height:100px; } } @media (min-width:992px) { #section9 .slider-for div { min-height:540px; } #section9 .slider-nav div { margin:0 10px; min-height:140px; } } @media (min-width:1280px) { #section9 .slider-for div { min-height:620px; } } #section9 .intro_tab .tabbox{ width:100%; margin:0 0; border-bottom:1px solid #ccc; } #section9 .intro_tab .bx-wrapper{ border-top:1px solid #ccc;border-bottom:1px solid #ccc;} #section9 .intro_tab .bx-prev{ left:-0; background:url(../images/common/btn_prev_01.png); z-index:1;} #section9 .intro_tab .bx-next{ right:-0; background:url(../images/common/btn_next_01.png); z-index:1;} #section9 .intro_tab .tabbox li{ float:left; width:20%; box-sizing:border-box; padding: 0 0; overflow:hidden; border-bottom:none; border-top:1px solid #ccc;border-right:1px solid #ccc;} #section9 .intro_tab .tabbox li a{ color:#454545; padding: 15px 0; display:block; text-align:center; } #section9 .intro_tab .tabbox li:first-child{ border-left:1px solid #ccc; } #section9 .intro_tab .tabbox li.on { border-top:2px solid #454445; } #section9 .intro_tab .tabbox li.on a{ position:relative; top:-1px; padding-bottom: 14px; } #section9 .intro_tab .tabbox::after{ clear:both; content:''; display:block; } #section9 .intro_tab h5{ font-size:20px; color:#454545; position:relative; text-align:left; padding:25px 0 10px 0; margin: 0 0;} #section9 .intro_tab .intro_top { margin-bottom:60px; } #section9 .intro_tab .intro_top .slick-slide{ outline:none; } #section9 .intro_tab .intro_top .intro_img{ overflow:hidden; } #section9 .intro_tab .intro_top .intro_img .slick-prev{ position:absolute; top:50%; left:0; z-index:1; background:url(../images/contents/btn_prev_04.png) center no-repeat; background-size:contain; width:37px; height:67px; margin-top:-33.5px; font-size:0; cursor:pointer;} #section9 .intro_tab .intro_top .intro_img .slick-next{ position:absolute; top:50%; right:0; z-index:1; background:url(../images/contents/btn_next_04.png) center no-repeat; background-size:contain; width:37px; height:67px; margin-top:-33.5px; font-size:0; cursor:pointer;} /* #section9 .intro_tab .intro_top .intro_img img{ width:100%; height:100%; } */ #section9 .intro_tab .intro_top .intro_txt {padding:30px 0; border-bottom:1px solid #ccc;} #section9 .intro_tab .intro_top .intro_txt p.title{ color:#587d09; font-size:22px; padding-bottom:15px; } #section9 .intro_tab .intro_top .intro_txt p.cont{ color:#888888; line-height:26px; font-size:16px; } #section9 .intro_tab .intro_top .slick-dots { display:table; margin:20px auto; } #section9 .intro_tab .intro_top .slick-dots li{ font-size:0;float:left; width:12px; height:12px; border:1px solid #434343; border-radius:50%; margin:0 2px; } #section9 .intro_tab .intro_top .slick-dots li.slick-active{ background:#434343; } #section9 .intro_tab .intro_top .slick-dots li button{ font-size:0; } #section9 .intro_tab .intro_bt { width:100%; overflow:hidden; clear:both; } #section9 .intro_tab .intro_bt .w50{ width:50%; float:left; margin-bottom:20px;} #section9 .intro_tab .intro_bt .w50 h6{ font-size:18px; color:#888888; padding-bottom:10px; } #section9 .intro_tab .intro_bt .w50 .left{ position:relative; float:left; width:40%; overflow:hidden; height:225px; box-sizing:border-box; border:1px solid #ccc; } #section9 .intro_tab .intro_bt .w50 .left a{ display:block; width:100%; height:100%; } #section9 .intro_tab .intro_bt .w50 .left .pj_img1{ width:100%; height:100%; background:url(../images/contents/section9_img2.jpg); background-size:cover; background-position:center center; } #section9 .intro_tab .intro_bt .w50 .left .pj_img2{ width:100%; height:100%; background:url(../images/contents/section9_img2.jpg); background-size:cover; background-position:center center; } #section9 .intro_tab .intro_bt .w50 .left p{ position:absolute; bottom:0; left:0; width:100%; text-align:center; padding:20px 0; background:#454445; color:#fff; } #section9 .intro_tab .intro_bt .w50 .left img{ max-width:100%; height:100%; } #section9 .intro_tab .intro_bt .w50 .right{ float:left; width:60%; box-sizing:border-box; padding: 0 15px; color:#888888;} #section9 .intro_tab .intro_bt .w50 .right strong{ display:block; padding-bottom:8px; font-size:16px; } #section9 .intro_tab .intro_bt .w50 .right p{ margin-bottom:15px; line-height:20px; text-align:justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; height: 60px;} #section9 .intro_tab .intro_bt .w50 .right dt, #section9 .intro_tab .intro_bt .w50 .right dd{ float:left; padding:3px 0; } #section9 .intro_tab .intro_bt .w50 .right dt{ clear:both; } #section9 .intro_tab .intro_bt .w50 .right dt::after{ display:inline-block; content:':'; padding:0 4px; } @media (max-width: 1200px) { #section9 .intro_tab .intro_bt .w50{ width:48.5%; margin-right:3%} #section9 .intro_tab .intro_bt .w50.mrnone{ margin-right:0%} #section9 .intro_tab .intro_bt .w50 .left{ width: 100%; /* max-height: 297px; height: auto; */} #section9 .intro_tab .intro_bt .w50 .left p{ line-height:1; padding:15px 0; } #section9 .intro_tab .intro_bt .w50 .left img{ max-height:100%; height:auto;} #section9 .intro_tab .intro_bt .w50 .right{ width:100%; padding:20px 0; } #section9 .intro_tab .intro_top .intro_img .slick-prev{ left:0; z-index:1; } #section9 .intro_tab .intro_top .intro_img .slick-next{ right:0; z-index:1; } } @media (max-width: 640px) { #section9 .intro_tab .intro_top .intro_txt p.title{ font-size:18px; line-height:20px; } #section9 .intro_tab .intro_top .intro_txt p.cont{ font-size:14px; line-height:24px; } } @media (max-width: 480px) { #section9 .intro_tab .intro_bt .w50 { width:100%; margin-right:0; } #section9 .intro_tab .tabbox li a{ font-size:12px; } } /************************************************** * 2.14 - section9 ( 포트폴리오 ) **************************************************/ #section9 { clear:both; overflow:hidden; } #section9 .left9{ float:left; width:100%; } #section9 .search9{ padding:15px ; box-sizing:border-box; background:#f5f5f5; overflow:hidden;margin-bottom: 30px; border:1px solid #ccc; } #section9 .search9 ul{ display:table; float:right; } #section9 .search9 ul li{ float:left; line-height:30px;margin-right:5px;} #section9 .search9 ul li:first-child{ margin-right:8px;} #section9 .search9 ul li a{ display:block; color:#fff; background:#222; padding: 0 10px;} #section9 .search9 ul li select{ float: left;background-color: #fff; border: solid 1px #ddd; border-radius: 0; font-family: noto; padding: 0; color: #a0a0a0;height: 30px; line-height: 30px; box-sizing:border-box; width: 150px; padding-left:10px; background-position:95% 50%; } #section9 .cont9 ul li {float:left; width:32.33%; margin-right:1%; margin-bottom:20px;} #section9 .cont9 ul li:nth-child(3n+1){ clear:both; } #section9 .cont9 ul li a{ display:block; border:1px solid #ddd; } #section9 .cont9 ul li.mrnone {margin-right:0%; } #section9 .cont9 ul li.w334 {float:left; width:32.34%;} #section9 .cont9 ul li .cont_div9 { position:relative; max-height:250px; height:auto; overflow:hidden;} #section9 .cont9 ul li .cont_div9 img{ height:100%; width:100%; } #section9 .cont9 ul li .cont_div9 p{ position:absolute; line-height:50px; width:100%; color:#fff; text-align:center;background:#1e1e1e; bottom:0; left:0; } #section9 .right9{ display:none; float:left; width:15%; } #section9 .right9 p{font-size: 16px; font-weight: bold; padding-bottom: 10px;} #section9 .right9 dt{float: left; padding: 7px;} #section9 .right9 dd{ float: left; line-height: 7px; padding: 7px; } #section9 .right9 .download { clear:both;width:100%; } #section9 .right9 .link { clear:both; width:100%; } #section9 .right9 .link li{ float: left; } #section9 .rimg10 { height:auto; height: 200px; overflow: hidden; background-size:cover; background-position:center center; } #section9 .rtxt10 { box-sizing:border-box; padding:15px; overflow:hidden;} #section9 .rtxt10 p{ float:left; width:100%; font-size:18px; margin-bottom:15px; } #section9 .rtxt10 dd,#section9 .rtxt10 dt{ float:left; padding:5px 0; font-size:13px; } #section9 .rtxt10 dt{ width:35%; clear:both; position:relative; } #section9 .rtxt10 dt::after{ position:absolute; right:0; content:':'; padding-right:5px; } @media (max-width: 992px) { #section9 .rtxt10 dt{ width:37%; font-size:11px; } #section9 .rtxt10 dd{ width:63%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #section9 .rimg10 { height:auto; height: 200px; overflow: hidden } #section9 .rimg10 img{ width:100%; height:100%; } } @media (max-width: 768px) { #section9 .cont9 ul li {float:left; width:49%; margin-right:1%; margin-bottom:20px;} #section9 .cont9 ul li.w334{ width:49%; } #section9 .cont9 ul li:nth-child(3n+1){ clear:none; } #section9 .cont9 ul li:nth-child(3n) {margin-right:1%; } #section9 .cont9 ul li:nth-child(2n) {margin-right:0%; } #section9 .search9 ul{ display:block;width:100%; } #section9 .search9 ul li{ width:100%; margin-right: 0px; margin-bottom:5px;} #section9 .search9 ul li.mrnone{ width:100%; } #section9 .search9 ul li.mrnone a{ text-align:center; } #section9 .search9 ul li select{ width:100%; } #section9 .rtxt10 p{ font-size:14px; padding-bottom:5px;} #section9 .rtxt10 dt{ display:none } #section9 .rtxt10 dd.subt{ padding-bottom:5px; font-weight:bold;} #section9 .rtxt10 dd{width:100%;} } @media (max-width:640px) { #section9 .cont9 ul li {float:left; width:100%;} #section9 .cont9 ul li.w334{ width:100%; } #section9 .cont9 ul li:nth-child(3n) {margin-right:0%; } } /************************************************** * 경영철학과이념 **************************************************/ #section8 .char { margin:40px 0; overflow:hidden; } #section8 .char h5 { color:#787878; font-size:20px; margin:0 0 10px 0; } #section8 .char .char_img { background:url(../images/contents/ch_bg.jpg) center center no-repeat; background-size:cover; height:320px; overflow:hidden; position:relative; width:100%; } #section8 .char .char_img p { color:#232323; font-size:30px; font-weight:bold; left:50px; line-height:35px; position:absolute; top:80px; } #section8 .char .char_txt p { color:#787878; font-size:16px; line-height:26px; padding:20px 0; text-indent:15px; } #section8 .char .char_txt strong { color:#787878; display:block; float:right; font-size:22px; padding-top:10px; } #section8 .philosophy { border:8px solid #ccc; margin:80px 0; padding:50px 0; } #section8 .philosophy p.ptxt { color:#898989; font-size:27px; padding:20px 5px 60px 5px; text-align:center; } #section8 .philosophy p.ptxt span { color:#1b86d6; font-weight:normal; } #section8 .philosophy>p small { display:block; font-size:16px; padding:5px 0 40px 0; } #section8 .philosophy>p span { font-weight:bold; } #section8 .philosophy ul { display:table; margin:0 auto; width:100%; } #section8 .philosophy ul li { float:left; text-align:center; width:25%; } #section8 .philosophy ul li.mrnone { margin-right:0; } #section8 .philosophy ul li .rborder { border-radius:50%; box-sizing:border-box; height:200px; margin:0 auto; padding:15px; position:relative; text-align:center; width:200px; } #section8 .philosophy ul li .rborder strong { color:#fff; display:block; font-size:32px; padding:35px 0 5px 0; } #section8 .philosophy ul li .rborder strong.color1 { padding:5px 0 35px 0; } #section8 .philosophy ul li .rborder p { color:#fff; font-size:15px; line-height:15px; margin:0 auto; padding:5px 0; width:80%; } #section8 .philosophy ul li .rborder p.pt40 { padding:10px 0 5px 0; } #section8 .philosophy ul li .rborder small { display:block; font-size:15px; font-weight:bold; margin:0 auto; padding-top:10px; width:10px; } #section8 .philosophy ul li .rborder small.pt40 { padding-top:25px; } #section8 .philosophy ul li:first-child .rborder { background:#ddd; } #section8 .philosophy ul li:nth-child(2) .rborder { background:#d7d7d7; } #section8 .philosophy ul li:nth-child(3) .rborder { background:#d5d5d5; } #section8 .philosophy ul li:last-child .rborder { background:#d0d0d0; } @media (max-width: 992px) { #section8 .bx-wrapper img { margin:0 auto; } #section8 .sectionp { width:70%; } #section8 .philosophy ul li .rborder small.pt40 { padding-top:6px; } #section8 .philosophy ul li { float:left; } #section8 .philosophy ul li .rborder { height:150px; width:150px; } #section8 .philosophy>p { font-size:16px; line-height:24px; } #section8 .philosophy>p small { font-size:14px; } #section8 .philosophy ul li .rborder strong { font-size:23px; padding:0 0; } #section8 .philosophy ul li .rborder p { padding:10px 0; } } @media (max-width: 640px) { #section8 .philosophy ul li.mrnone { text-align:center; } #section8 .philosophy ul li { margin:5px 0; width:50%; } #section8 .philosophy ul li .rborder { height:145px; width:145px; } #section8 .philosophy p.ptxt { font-size:18px; } #section8 { padding-bottom:40px; } #section8 .right8 .slideBox { width:100%; } #section8 .char .char_txt p { font-size:14px; } #section8 p { font-size:13px; } } @media (max-width: 487px) { #section8 .philosophy ul { width:100%; } #section8 .philosophy ul li { width:100%; } #section8 .philosophy ul li .rborder p { width:100%; } #section8 .philosophy ul li .rborder small.top { left:50%; margin-left:-20px; padding-top:0; position:absolute; top:-23px; } } /************************************************** * 스텝소개 **************************************************/ @media (min-width:0) { #step { clear:both; } #step ul.person li { border:1px solid #ccc; box-sizing:border-box; float:left; height:220px; margin-bottom:10px; margin-right:2%; overflow:hidden; width:32%; } #step ul.person li .inner { height:100%; padding:0 0; width:100%; } #step ul.person li .picArea { float:left; height:100%; overflow:hidden; width:50%; } #step ul.person li .picArea .stepic { background-image:url(../images/contents/pic02.png); background-position:center; background-repeat:no-repeat; background-size:contain; height:100%; width:100%; cursor:pointer; } #step ul.person li .cont { float:left; height:100%; position:relative; width:50%; } #step ul.person li dl { padding:90px 20px; position:relative; } #step ul.person li dt { background:#171816; border-radius:50%; color:#fff; font-size:12px; font-size:15px; height:60px; line-height:60px; margin:-30px 0 0 -52px; padding-top:0; position:absolute; text-align:center; top:50%; width:60px; } #step ul.person li dd.name { color:#787878; text-align:center; } #step ul.person li dd.name strong { display:block; font-size:16px; padding-bottom:5px; } #step ul.person li dd.name em { font-size:12px; } #step ul.person li dd.sns { float:right; padding-top:40px; } #step ul.person li dd.sns a { background:#6b6b6b; color:#fff; display:block; float:left; font-weight:bold; height:25px; line-height:25px; margin-left:2px; text-align:center; width:25px; } #step ul.person li dd.sns a img { height:10px; width:12px; } #step ul.person li.mr1 { margin-right:0%; } #step .ceo { border:1px solid #ccc; box-sizing:border-box; float:left; height:450px; margin-right:2%; width:32%; } #step .ceo .inner { padding:0 0; width:100%; } #step .ceo .picArea { height:250px; overflow:hidden; position:relative; text-align:center; width:100%; } #step .ceo .picArea .ceopic { background-image:url(../images/contents/pic01.png); background-position:center; background-repeat:no-repeat; background-size:auto 100%; height:100%; width:100%; cursor:pointer; } #step .ceo .cont { height:200px; width:100%; } #step .ceo dl { padding:60px 20px; position:relative; } #step .ceo dt { background:#171816; border-radius:50%; color:#fff; font-size:15px; height:90px; left:50%; line-height:90px; margin:-105px 0 0 -45px; position:absolute; text-align:center; width:90px; } #step .ceo dd.name { color:#787878; } #step .ceo dd.name strong { display:block; font-size:22px; padding-bottom:5px; } #step .ceo dd.sns { float:right; padding-top:40px; } #step .ceo dd.sns a { background:#6b6b6b; color:#fff; display:block; float:left; font-weight:bold; height:25px; line-height:25px; margin-left:2px; text-align:center; width:25px; } #step .ceo dd.sns a img { height:10px; width:12px; } } @media (max-width:1220px) { #step ul.person li { margin-right:2%; width:48%; } #step .ceo { width:48%; } #step .ceo dt { margin:-105px 0 0 -45px; } } @media (max-width:640px) { #step ul.person li { margin-right:0%; width:100%; } #step .ceo { margin-bottom:10px; margin-right:0; width:100%; } #step .ceo .cont { max-height:200px; } #step .ceo { height:auto; } } @media (max-width:480px) { #step ul.person li { height:auto; } #step ul.person li .picArea { height:185px; } #step ul.person li dl { padding:70px 20px; } #step ul.person li dd.sns { padding-top:20px; } } /* 모달창 */ @media (min-width:0) { #step .modal-title { font-size:18px; padding:10px; } #step .modal .cont { padding-top:10px; text-align:left; line-height:1.4; } #step .modal .cont dt { font-size:20px; font-weight:bold; } #step .modal .cont dd { margin-bottom:10px; } #step .modal .cont dd em { font-size:13px; } #step .modal-body { color:#787878; padding:0 10px 10px; position:relative; } #step .modal-body .imgbox { border:1px solid #ccc; box-sizing:border-box; background-size:cover; background-position:center; background-repeat:no-repeat; min-height:240px; } } @media (min-width:768px) { #step .modal-title { font-size:20px; padding:15px; } } /************************************************** * 조직도 **************************************************/ #section19 .organiz { overflow:hidden; padding:50px 0; } #section19 .boxCeo h4 { background-color:#7b6f59; color:#fff; font-size:22px; height:68px; line-height:55px; margin:0 0; text-align:center; } #section19 .boxCeo h4::after { display:none; } #section19 h5 { color:#787878; font-size:1.8em; line-height:50px; margin:0 0; text-align:left; } #section19 .boxCeo h4 span { display:block; font-size:12px; font-weight:normal; margin-top:-36px; } #section19 .boxCeo ul li { background:url(../images/common/line_vDotted.png) repeat-y; margin-left:10px; } #section19 .boxCeo ul li .t { background:url(../images/common/line_hDotted.png) no-repeat left center; color:#787878; height:34px; line-height:34px; padding-left:13px; } #section19 .boxCeo ul li.end { background:url(../images/common/line_endDotted.png) no-repeat left top; } #section19 .boxCeo ul li.end .t { background:none; } #section19 .group > .box { color:#787878; margin:35px 0; } #section19 .group > .box.box01 { margin-top:0; } #section19 .group > .box h6 { float:left; margin-right:15px; } #section19 .group > .box .tel, #section19 .group > .box .t { float:left; } #section19 .group > .box .tel { height:34px; line-height:34px; } #section19 .group > .box .tel a { margin-left:5px; } #section19 .group > .box > ul > li { margin:5px 0; } #section19 .group > .box > ul > li .tit { color:#fff; display:inline-block; font-weight:normal; height:34px; line-height:34px; padding:0 10px; text-align:center; width:150px; } #section19 .group > .box > ul > li .tit.eg { background:#22bdb7; } #section19 .group > .box > ul > li .tit.ac { background:#cda05f; } #section19 .group > .box > ul > li .tit.cm { background:#99948e; } #section19 .group > .box > ul > li .tit.mn { background:#487aad; } #section19 .group > .box > ul > li .tit.ab { background:#6a802d; } #section19 .group > .box .subGroup .tit { float:none; } #section19 .group > .box .subGroup ul li { background:url(../images/common/line_vDotted.png) repeat-y; margin-left:10px; } #section19 .group > .box .subGroup ul li .t { background:url(../images/common/line_hDotted.png) no-repeat left center; float:left; height:34px; line-height:34px; margin-right:10px; padding-left:13px; } #section19 .group > .box .subGroup ul li.end { background:url(../images/common/line_endDotted.png) no-repeat left top; } #section19 .group > .box .subGroup ul li.end .t { background:none; } #section19 .group > .box > ul > li:after, #section19 .group > .box > ul > li > ul > li:after { clear:both; content:""; display:block; } @media all and (max-width:767px) { #section19 .group { margin-top:30px; } } @media all and (min-width:768px) and (max-width:1023px) { #section19 .boxCeo { float:left; width:30%; } #section19 .group { float:right; width:68%; } #section19 .group > .box { float:left; width:50%; } #section19 .group > .box.box02 { margin-top:0; } } @media all and (min-width:1024px) and (max-width:1351px) { #section19 .boxCeo { float:left; width:25%; } #section19 .group { float:right; width:65%; } #section19 .group > .box { float:left; width:50%; } #section19 .group > .box.box02 { margin-top:0; } } @media all and (min-width:1352px) { #section19 .boxCeo { float:left; width:25%; } #section19 .group { float:right; width:65%; } #section19 .group > .box { float:left; width:50%; } #section19 .group > .box.box02 { margin-top:0; } } /************************************************** * CI/BI **************************************************/ .green_logo { background:#4d4d4f; color:#fff; display:block; font-size:40px; margin:0 auto; padding:10px 0; width:150px; } #section15 { clear:both; } #section15 h5 { color:#787878; font-size:22px; margin:60px 0 0 0; text-align:center; } #section15 h6 { color:#888888; font-size:16px; letter-spacing:0; padding-bottom:7px; } #section15 .cibox { overflow:hidden; padding-top:40px; width:100%; } #section15 .ciimg { background:url(../images/contents/grid.png); border:1px solid #ddd; box-sizing:border-box; text-align:center; width:100%; } #section15 .ciimg1 { padding:180px 0; } #section15 .ciimg2 { padding:65px 0; } #section15 .cibox img { max-height:100%; max-width:100%; } #section15 p { color:#797979; } #section15 .sec1 .cibox li { float:left; overflow:hidden; } #section15 .sec1 .cibox li:first-child { height:426px; margin-right:10px; width:calc(60% - 10px); } #section15 .sec1 .cibox li .ciimg { background:url(../images/contents/grid.png); border:1px solid #ddd; box-sizing:border-box; float:left; height:403px; text-align:center; width:100%; } #section15 .sec1 .cibox li.w40 { width:40%; } #section15 .sec1 .cibox li.w40 .ciimg { height:180px; } #section15 .sec1 .cibox li.w40 .ciimg2.mb { margin-bottom:20px; } #section15 .sec1 p { font-size:16px; padding:20px 0; text-align:center; } #section15 .sec1 p strong { color:#a91717; display:block; font-size:21px; padding-bottom:8px; } #section15 .sec2 { overflow:hidden; padding:20px 0 40px 0; } #section15 .sec2 p { font-size:16px; line-height:20px; padding:5px 0; } #section15 .sec2 .color_div { padding:20px 0; } #section15 .sec2 .color_div .w30 { float:left; width:30%; } #section15 .sec2 .color_div .w70 { float:left; width:70%; } #section15 .sec2 .color_div p { background:#4d4d4f; border-radius:50%; color:#fff; font-weight:bold; height:150px; margin:0 auto; padding:50px 0; text-align:center; width:150px; } #section15 .sec2 .color_div ul { display:table; padding:45px 15px; width:100%; } #section15 .sec2 .color_div ul li { color:#878787; float:left; font-size:16px; padding:3px 0; text-align:center; width:50%; } #section15 .sec2 .color_div ul li.title { font-size:18px; font-weight:bold; } @media (max-width: 992px) { #section15 .cibox { padding-top:20px; } } @media (max-width: 640px) { #section15 .sec1 .cibox li:first-child { margin-bottom:20px; width:100%; } #section15 .sec1 .cibox li.w40 { width:49.5%; } #section15 .sec1 .cibox li:last-child { margin-left:1%; } #section15 .sec1 .cibox li:nth-child(2) { clear:both; } #section15 h5 { font-size:18px; } #section15 .sec1 p { font-size:14px; } #section15 .sec1 p strong { font-size:16px; } #section15 .sec2 p { font-size:14px; } #section15 .sec2 .color_div .w30 { width:100%; } #section15 .sec2 .color_div .w70 { width:100%; } #section15 .sec2 .color_div p { float:none; margin:0 auto; } #section15 .sec2 .color_div ul li.title { font-size:14px; font-weight:bold; } #section15 .sec2 .color_div ul li { font-size:12px; font-weight:bold; } } @media (max-width: 480px) { #section15 .sec1 .cibox li.w40 { width:100%; } #section15 .sec1 .cibox li:last-child { margin-left:0%; } } /************************************************** * 제휴문의/고객의소리 **************************************************/ #section16 .section_inner .form_row { overflow:hidden; } #section16 .section_inner .form_row label { font-size:14px; } #section16 .section_inner .form_row small { color:#006faf; } #section16 .section_inner .form_row select { border:1px solid #cccccc; height:29px; line-height:29px; margin:7px 0; padding-left:20px; width:150px; } #section16 .section_inner .textbox { border:1px solid #cccccc; height:110px; line-height:18px; margin:8px 0; overflow-y:scroll; padding:10px; } #section16 .section .btn_group { margin:20px 0 40px 0; } #section16 .section .btn_group .btn { font-size:15px; } #section16 .section .term { border:1px solid #cccccc; clear:both; font-size:13px; height:130px; line-height:1.5; margin-top:30px; overflow-y:scroll; padding:10px; } #section16 .section .chk { font-size:13px; margin-top:10px; } #section16 .section .chk label { margin-left:10px; } #section16 .section_inner2.mb40 { margin-bottom:40px; } #section16 .section_inner2 .form_row:nth-of-type(1) { border-top:1px solid #cccccc; } #section16 .section_inner2 .form_row .input_wrap .myrating { line-height:27px; margin:15px 0; } #section16 .section_inner2 .form_row .input_wrap ul { width:100%; } #section16 .section_inner2 .form_row .input_wrap ul li { float:left; line-height:27px; width:30%; } #section16 .section_inner2 .form_row .input_wrap ul li select { background:url('../images/contents/icon_down_01.png') no-repeat 95% 50%; width:100%; } #section16 .section_inner2 .form_row .input_wrap ul li.w10 { line-height:27px; padding:7px 10px; text-align:center; width:auto; } #section16 .section_inner2 .form_row .input_wrap ul li.w15 { line-height:27px; padding:7px 7px; text-align:center; width:auto; } #section16 .section_inner2 .form_row .input_wrap ul li.last { margin-left:1%; } #section16 .section_inner2 .form_row .input_wrap .myrating span { font-size:14px !important; line-height:27px; margin-right:2px; } #section16 .section_inner2 .form_row .input_wrap .myrating .grade { color:#333333; margin-left:10px; } #section16 .section_inner2 .form_row .input_wrap select { background:url('../images/contents/icon_down_01.png') no-repeat 95% 50%; color:#737373; font-size:12.5px; width:200px; } #section16 .form_row p { clear:both; line-height:1; padding-bottom:10px; } #section16 .form_row .file { position:relative; } #section16 .form_row .file_input_textbox { float:left; height:29px; } #section16 .form_row .file_input_div { height:29px; overflow:hidden; position:relative; width:100%; } #section16 .form_row .file_input_btn { background-color:#393939; color:#ffffff; display:inline-block; float:right; height:29px; line-height:29px; width:80px; } #section16 .form_row .file_input_hidden { cursor:pointer; filter:alpha(opacity=0); font-size:29px; height:29px; margin:0; -ms-filter:alpha(opacity=0); opacity:0; position:absolute; right:0; top:0; width:80px; } #section16 h5 { font-size:16px; padding-bottom:10px; } #section16 h6 { font-size:14px; padding-top:20px; } #section16 .box { border:1px solid #ddd; box-sizing:border-box; padding:20px 40px; } #section16 .box p { font-size:14px; line-height:25px; padding:20px 0; } #section16 .cbox { clear:both; } #section16 .cbox input { margin-right:5px; } @media (min-width: 768px) { #section16 .section_inner .form_row label { float:left; line-height:59px; width:15%; } #section16 .section_inner .form_row label b span { display:inline-block; padding-right:5px; } #section16 .section_inner2 .form_row label b.fs12 { font-size:14px; } #section16 .section_inner .form_row select { margin-left:0; } #section16 .section_inner .form_row .input_wrap, #section16 .section_inner .form_row .text_wrap { float:left; vertical-align:middle; width:85%; } #section16 .section_inner .form_row .file_input_div { height:44px; width:auto; } #section16 .section_inner .form_row .file_input_textbox { width:80%; } #section16 .section_inner .form_row .file_input_btn { margin-top:7px; width:100%; } #section16 .section_inner .form_row .file_input_hidden { margin-top:7px; width:100%; } #section16 .section_inner .form_row .file .caution { bottom:-10px; } #section16 .section_inner .form_row .input_wrap .dropdown .dropbtn_default { width:210px; } #section16 .section_inner .textbox { margin-top:40px; width:86.5%; } #section16 .section_inner .textbox { margin-top:40px; width:100%; } #section16 .section_inner2 .form_row { background-color:#f9f9f9; border-bottom:1px solid #cccccc; overflow:hidden; } #section16 .section_inner2 .form_row label { box-sizing:border-box; padding:0 10px; } #section16 .section_inner2 .form_row .input_wrap, #section16 .section_inner2 .form_row .text_wrap { background-color:#ffffff; box-sizing:border-box; padding:7px 30px; } } @media (max-width: 768px) { #section16 .section_inner2 .form_row:nth-of-type(1) { border-top:none; } #section16 .section_inner .form_row label { width:100%; } #section16 .section_inner2 .form_row .input_wrap { width:100%; } #section16 .section_inner2 .form_row .input_wrap select { width:100%; } #section16 .section_inner2 .form_row .input_wrap ul li.w10 { font-size:11px; padding:17px 1%; width:5%; } #section16 .section_inner2 .form_row .input_wrap ul li { width:31.3%; } #section16 .section_inner .form_row select { padding-left:10px; } #section16 .form_row p { line-height:18px; padding:10px 0; } #section16 .section_inner2 { padding-top:15px; } #section16 .section_inner2 .form_row .input_wrap ul li.w15 { padding:7px 0; width:3%; } #section16 .box { padding:15px; } } @media (min-width: 1024px) { #section16 .section_inner .form_row label { width:20%; } #section16 .section_inner .form_row .input_wrap, #section16 .section_inner .form_row .text_wrap { width:80%; } #section16 .section .btn_group { margin-top:40px; } #section16 .section .btn_group .btn { font-size:18px; } #section16 .section_inner2 .form_row label { padding:0 20px; } } /************************************************** * 파트너 **************************************************/ #section24 .partner .sub_brand { box-sizing:border-box; margin:0 auto; padding:0px; width:100%; } #section24 .partner .sub_brand h5 { color:#787878; font-size:18px; margin:5px 0; padding-bottom:5px; text-align:left; } #section24 .partner .sub_brand li { border:1px solid #ddd; box-sizing:border-box; float:left; margin-bottom:15px; margin-right:15px; padding:20px 30px; text-align:center; width:calc(33.33% - 10px); } #section24 .partner .sub_brand li:nth-child(3n) { margin-right:0; } #section24 .partner .sub_brand li span { background-color:rgb(21, 190, 174); display:block; height:3px; width:0px; } #section24 .partner .sub_brand li img { max-height:55px; max-width:100%; width:auto; } #section24 .partner .sub_brand li p { color:rgb(102, 102, 102); font-size:13px; height:40px; line-height:20px; text-align:left; } @media (max-width: 1024px) { #section16 .section_inner2 .form_row label b.fs12 { font-size:12px; } } @media (max-width: 640px) { #section24 .partner .sub_brand li { margin-right:15px !important; width:calc(50% - 8.5px); } #section24 .partner .sub_brand li:nth-child(2n) { margin-right:0 !important; } } /************************************************** * 2.10 - section25 ( 제휴업체 ) **************************************************/ @media (min-width:0) { #section25 input { margin:0 0; } #section25 .paging { display:table; margin:0 auto; } #section25 .subPage-top-text-box { float:left; margin-bottom:77px; } #section25 .select-style-qna { background:#fff url(../images/contents/icon_down_01.png) no-repeat 95% 50%; background-color:#fff; border:1px solid #cfcfcf; display:inline-block; height:30px; line-height:30px; margin:0; overflow:hidden; padding:0; padding-left:7px; position:relative; width:30%; } #section25 .select-style-qna select { height:100%; left:0; line-height:30px; position:absolute; top:0; } #section25 .subPage-top-text-box .title { color:#282727; font-size:48px; font-weight:lighter; letter-spacing:-2px; line-height:55px; } #section25 .sub07-round-box { border-bottom:1px solid #cccccc; border-top:2px solid #343434; color:#fff; font-size:14px; margin-bottom:25px; overflow:hidden; padding:20px 15px; position:relative; text-align:left; } #section25 .pagingBox ul.paging li a { color:#848f95; font-size:14px; } #section25 .pagingBox ul.paging li { display:inline-block; margin-top:7px; padding:5px 7px 0 7px; vertical-align:middle; } #section25 .sub07-round-box span { color:#777777; display:block; float:left; font-size:15px; font-weight:bold; line-height:32px; margin-right:15px; } #section25 .sub07-round-box div.w30 { float:left; width:35%; } #section25 .sub07-round-box div.w70 { float:left; width:65%; } #section25 .sub07-round-box div.divbox select { width:100%; } #section25 .btn-search07 { background:#787878; color:#fff; float:left; line-height:30px; width:20%; } #section25 .sub07_areaName { float:left; height:30px; width:60%; } #section25 .sub07-maxBox { margin-bottom:30px; } #section25 .sub07-maxBox .areaBox { box-sizing:border-box; display:inline-block; float:left; height:460px; padding-right:9px; width:50%; } #section25 .sub07-maxBox .areaBox .table_num { margin:15px 0 0 0; } #section25 .sub07-maxBox .areaList { border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; height:auto; max-height:430px; overflow-x:hidden; width:100%; } #section25 .sub07-maxBox .areaList table { width:100%; } #section25 .sub07-maxBox .areaList tr { border-bottom:1px solid #c5c5c5; } #section25 .sub07-maxBox .areaList th { width:40%; } #section25 .sub07-maxBox .areaList th p { color:#787878; } #section25 .sub07-maxBox .areaList td .td-box { border-left:1px solid #cccccc; font-size:13px; height:80%; padding:20px 8px; } #section25 .sub07-maxBox .areaList td { color:#929292; font-size:14px; line-height:22px; padding:10px 0; width:60%; } #section25 .sub07-maxBox .areaList td span { color:#6f6f6f; } #section25 .sub07-maxBox .areaList td span.tel { color:#ff5349; font-weight:bold; } #section25 .sub07-maxBox .mapBox>img { height:100%; width:100%; } #section25 .sub07-maxBox .mapBox { display:inline-block; float:right; height:500px; position:relative; vertical-align:top; width:50%; } #section25 .mapLayer { background:#fff; border:3px solid #4d4d4f; height:171px; height:auto; left:5%; padding:40px 20px; position:absolute; text-align:left; top:85px; width:423px; width:90%; } #section25 .mapLayer .logoBox { margin-bottom:20px; text-align:center; } #section25 .mapLayer .logoBox strong { display:block; font-size:18px; padding-bottom:2px; } #section25 .mapLayer .close { cursor:pointer; height:33px !important; position:absolute; right:-2px; top:-36px; width:31px !important; } #section25 .mapLayer ul { } #section25 .mapLayer ul li { background-position:0 .5em; background-repeat:no-repeat; color:#6f6f6f; font-size:14px; line-height:22px; margin:2px 0; overflow:hidden; padding-left:12px; } #section25 .mapLayer ul li label { color:#fff; display:block; line-height:22px; text-align:center; } #section25 .mapLayer ul li dt,#section25 .mapLayer ul li dd { float:left; } #section25 .mapLayer ul li dt { box-sizing:border-box; clear:both; padding-right:5px; width:25%; } #section25 .mapLayer ul li dd { width:75%; } #section25 .mapLayer ul li span.date { color:#ff5349; font-weight:bold; } } #section25 .modal .modal-content { padding:10px; } #section25 .modal .flbox iframe { height:300px; width:100%; } #section25 .modal .frbox label { color:#fff; font-size:15px; padding:5px 0; text-align:center; width:100%; } #section25 .modal .frbox p { font-size:14px; line-height:18px; padding:5px 0; text-align:center; } #section25 label.color1 { background:#af1f1f; } #section25 label.color2 { background:#0071b3; } #section25 label.color3 { background:#ff9c00; } @media (max-width:1220px) { #section25 .sub07-maxBox .areaBox { width:100%; } #section25 .sub07-maxBox .mapBox { width:100%; } #section25 .sub07-round-box div.divbox { width:80%; } #section25 .btn-search07 { height:64px; position:absolute; right:15px; top:9px; width:15%; } #section25 .sub07-round-box { padding:10px 15px; } #section25 .sub07-round-box div.divbox:first-child { margin-right:0; } #section25 .sub07_areaName { width:60.5%; } #section25 .select-style-qna { width:100px; width:43%; } #section25 .sub07_areaName { width:77%; width:86.5%; } #section25 .sub07-maxBox .areaBox { height:auto; padding-bottom:30px; } #section25 .sub07-maxBox .mapBox { display:none; } #section25 .sub07-maxBox .areaList th p { cursor:pointer; } #section25 .sub07-maxBox .areaBox { padding-right:0; } } @media (max-width:992px) { #section25 .sub07_areaName { width:auto; } #section25 .sub07-maxBox .areaList td .td-box { font-size:12px; } } @media (max-width:480px) { #section25 .sub07-round-box div.divbox { width:100%; } #section25 .sub07_areaName { width:125px; } #section25 .btn-search07 { height:auto; position:static; width:100%; } #section25 .select-style-qna { float:left; width:37%; } #section25 .select-style-qna.first { margin-right:1%; } #section25 .sub07-round-box span { font-size:12px; margin-right:0; width:25%; } #section25 .sub07_areaName { width:75%; } } /************************************************** * 2.14 - section7 ( 공지사항 ) **************************************************/ #section7{ clear:both; } #section7 .tabbox li{ width:16.666666% } #section7 select { background-color: #fff; border: solid 1px #ddd; border-radius: 0; font-family: noto; padding: 0; color: #a0a0a0;height: 26px; line-height: 26px; } #section7 input { background-color: #fff; border: solid 1px #ddd; border-radius: 0; font-family: noto; padding: 0; margin:0; height: 26px; line-height: 26px;} #section7 .btn_search { display: inline-block; line-height: 20px; background: #413c38; color: #fff; font-size: 12px; font-family: noto; padding: 3px 7px; } #section7 tr td.ellipsis { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #section7 table tr th:nth-child(1){ width:10%; } #section7 table tr th:nth-child(2){ width:67%; } #section7 table tr th:nth-child(3){ width:15%; } #section7 table tr th:nth-child(4){ width:8%; } #section7 table tr td:nth-child(1){ width:10%; } #section7 table tr td:nth-child(2){ width:67%; } #section7 table tr td:nth-child(3){ width:15%; } #section7 table tr td:nth-child(4){ width:8%; } /* tablestyle - bordertable */ #section7 table { width:100%; border-top:2px solid #4d4d4f;} #section7 table th{ font-size:16px; padding:20px 0; background:#f6f6f6; color:#333;} #section7 table tr{ border-bottom:1px solid #ddd; } #section7 td { padding:10px 0; vertical-align:middle; text-align:center; color:#787878;} #section7 td.txtleft { text-align:left;} #section7 th { padding:15px 0; vertical-align:middle;} #section7 .tablediv .bordertable tbody td:nth-child(2) { text-align:center; } #section7 .tablediv .bordertable tbody td:last-child { text-align:center; } .bordertable tr th:nth-child(3) a{ display:block; width:100%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .bordertable tr td:nth-child(3) a{ /* display:block; */ width:100%; } #section7 .inotice{ display:block; padding:3px; background:#4d4d4f; width:80%; line-height:20px; text-align:center; margin:0 auto; color:#fff; } #section7 .inormal{ display:block; padding:3px; width:80%;line-height:20px; text-align:center; background:#909090; margin:0 auto; color:#fff; } /* searchdiv */ #section7 .searchdiv { width:100%; } #section7 .searchdiv .boxright { float:right; width:40%; margin:10px 0;} #section7 .searchdiv .boxright span{ float:left; display:inline-block; } #section7 .searchdiv .boxright .br1{ width:20%; padding-right:5px; } #section7 .searchdiv .boxright .br1 select{ width:100%; background:url('../images/contents/icon_down_01.png') no-repeat 90% 50%; padding-left:7px; } #section7 .searchdiv .boxright .br2{ width:63%;} #section7 .searchdiv .boxright .br2 input{ width:100%;} #section7 .searchdiv .boxright .br3{ width:17%; padding-left:5px; } #section7 .searchdiv .boxright .br3 button{ width:100%; } @media screen and (max-width: 992px){ #section7 .tabbox li{ width:33.3333% } #section7 table tr th:nth-child(2) { display: none;} #section7 table tr td:nth-child(2) { display: none;} #section7 table tr th:nth-child(4) { display: none;} #section7 table tr td:nth-child(4) { display: none;} #section7 table tr th:first-child { min-width:80px; width:20%; } #section7 table tr td:first-child { min-width:80px;width:20%; } #section7 table tr th:nth-child(3) { width:80%; } #section7 table tr td:nth-child(3) { width:80%; } #section7 table tr th:last-child {display:none; } #section7 table tr td:last-child { display:none; } } @media screen and (max-width: 768px){ #section7 .searchdiv .boxright { float:none; margin:10px auto; width:60%; } } @media screen and (max-width: 480px){ #section7 table tr th:nth-child(3) { width:100%; } #section7 table tr td:nth-child(3) { width:100%; } #section7 table tr td { padding:15px 0; } #section7 table tr td.ellipsis{ overflow:visible; text-overflow:initial; white-space:normal; line-height:22px; } #section7 .searchdiv .boxright { float:none; width:100%; overflow: hidden;} #section7 .btn_search{ width:100%; padding:3px 0;} } /************************************************** * view페이지 **************************************************/ #section10{ clear:both; } #section10>*{ color:#787878; } #section10 h5{ text-align:left; font-size:16px; font-weight: 700;letter-spacing: 1px; line-height: 1; color: #000;margin: 10px 0; position:relative; padding-left:10px;} #section10 h5::before{ position:absolute; content:''; display:block; left:0; height:100%; width:3px; top:0; background:#18787d;} /* 포트폴리오 상세*/ #section10 .left10{ float:left; width:100%; overflow:hidden; } #section10 .left10>p{ line-height:22px; font-size:15px; padding:15px 0; } #section10 .left10_txt{ padding:30px; background:rgba(0,0,0,.7); color:rgba(255,255,255,.6); font-size:14px; line-height:22px;} #section10 .left10_txt h5{ font-size:40px; color:#fff; font-weight:normal; padding-bottom:20px;} #section10 .tx3 { line-height:2; } #section10 .left10_txt h5 strong{ font-weight:bold; } #section10 .left10_txt span{ color:rgba(255,255,255,1); } #section10 .left10_txt span.color2 {color:yellow; } #section10 .left10_img{ width:100%; } #section10 .left10_img img{ width:100%; max-height:100%;} #section10 .right10{ float:left; position:relative; width:100%; padding-bottom:20px; } #section10 .right10 li{ width:32.66%; float:left; margin-right:1%;} #section10 .right10 li a{ display:block; box-sizing:border-box; border:1px solid #ddd; } #section10 .right10 li.mrnone{ margin-right:0;} #section10 .right10 .more{display:block; position:absolute; right:0; top:10px;line-height:20px; background:url(../images/common/blet01.png) right center no-repeat; padding-right:10px;} #section10 .rimg10 { height: 200px; overflow: hidden; background-size:cover; } #section10 .rimg10 .bg{ width:100%; height:100%; background-position:center; background-size:cover; } #section10 .rimg10 .port_img1{ background-image:url(../images/contents/img_temp_01.jpg) } #section10 .rimg10 .port_img2{ background-image:url(../images/contents/img_temp_02.jpg) } #section10 .rimg10 .port_img3{ background-image:url(../images/contents/img_temp_03.jpg) } #section10 .rimg10 img{ width:100%; height:100%; } #section10 .rtxt10 { padding:15px; box-sizing:border-box; overflow:hidden; } #section10 .rtxt10 p{ float:left; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:16px; padding-bottom:15px; } #section10 .rtxt10 dd,#section10 .rtxt10 dt{ float:left; padding:5px 0; font-size:13px; } #section10 .rtxt10 dt{ width:35%; clear:both; position:relative; font-weight:bold; } #section10 .rtxt10 dt::after{ position:absolute; right:0; content:':'; padding-right:5px; } #section10 .sec1{color: #666666;overflow: hidden;border-top: 2px solid #4d4d4f;border-bottom: 1px solid #cccccc} #section10 .sec1 > p{padding: 10px 0;} #section10 .sec1 > p i { margin: 0 5px; } #section10 .sec1 > p:nth-of-type(1){width: 100%;border-top: none} /*#section10 .sec1 > p:nth-of-type(2){ display:none; }*/ #section10 .sec1 > p:nth-of-type(3){width: 100%; text-align:left;} #section10 .sec2{padding:30px 0; } #section10 .sec2 img{width: 100%} #section10 .sec3{ min-height:250px; padding:20px 0; } #section10 .sec3 img{width: 100%} #section10 .sec3 p.tx2{font-weight: bold; } #section10 .sec3 table.event{ width:40%; text-align:center; line-height:25px;} #section10 .sec3 table.event td,#section10 .sec3 table.event th{ font-size:12px; } #section10 .sec3.video iframe{ width:100%; min-height:400px; margin:10px 0;} #section10 .sec4 table{width: 100%;border-top: 2px solid #4d4d4f;table-layout: fixed} #section10 .sec4 th, #section10 .sec4 td{vertical-align: middle;padding: 10px;border-bottom: 1px solid #cccccc; } #section10 .sec4 th{width: 70px;font-weight: normal} #section10 .sec4 th span{ display:block; background:#786c57;color:#fff; padding:5px 0; border-radius:1px;} #section10 .sec4 th.next, #section10 .sec4 td.next{background-color: white} #section10 .sec4 td a{display: block} #section10 .sec5{text-align: center;margin: 50px 0;} #section10 .sec5 a{display: inline-block;color: #ffffff;background-color: #323232;line-height: 35px;padding: 0 35px} #section10 .sec6{background-color: #f5f5f5;padding: 30px;margin: 20px 0; border:1px solid #d1d1d1; box-sizing:border-box;} #section10 .sec6 > p{margin-bottom: 10px} #section10 .sec6 > p.title{ font-size:16px; font-weight:bold; } #section10 .sec6 > p.cont{ border:1px solid #d1d1d1;padding:25px 0; text-align:center; background:#fff; } #section10 .sec6 > p.cont span{ margin-right:15px; } #section10 .sec6 > p.cont i{ color:#dc5411; } #section10 .sec6 > p.cont b{ margin-left:20px;; } @media (min-width: 768px) { #section10 .sec1 > p{ padding: 15px 0;} /*#section10 .sec1 > p:nth-of-type(1){width: 70%} #section10 .sec1 > p:nth-of-type(2){width: 15%;text-align: center} #section10 .sec1 > p:nth-of-type(3){width: 30%; text-align:right;}*/ #section10 .sec4 th, #section10 .sec4 td{padding: 15px} #section10 .sec4 th{width: 100px} } @media (min-width: 1200px) { #section10 .sec3.video iframe { min-height:620px; } #section10 .sec6{margin: 50px 0;padding: 40px 25px} #section10 .sec6 th, #section10 .sec6 td{padding: 20px} } @media (max-width: 1100px) { #section10 .rtxt10 dt{ width:32%; font-size:12px;} #section10 .rtxt10 dd { width:68%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:12px;} #section10 .rimg10{height:180px; } #section10 .rtxt10 p{ font-size:15px } .section .tx3{font-size:13px;} } @media (max-width: 740px) { #section10 .rtxt10 dt{ display:none; } } @media (max-width: 640px) { #section10 .rimg10{height:150px; } #section10 .right10 li{ width:49%; float:left; margin-right:1%;} #section10 .right10 li.mrnone2{ margin-right:0%;} #section10 .right10 li.mrnone{ display:none;} #section10 .sec3 table.event{ width:100%; } } @media (max-width: 440px) { #section10 .rtxt10 { height:150px; } #section10 .rtxt10 p{ font-size:14px; padding-bottom:5px;} #section10 .rtxt10 dt{ display:none } #section10 .rtxt10 dd.subt{ margin-bottom:5px; padding-bottom:5px; font-weight:bold;} #section10 .rtxt10 dd{ width:100%;} #section10 .right10 li.mrnone2{ display:none;} #section10 .right10 li{ width:100%; } } #section10 .top10{ overflow:hidden; margin-bottom:30px; } #section10 .top10 .w50{ width:50%; float:left; } #section10 .top10 .top10_img img{ width:100%; height:auto; border:1px solid #ccc; box-sizing:border-box; } #section10 .top10 .top10_txt { padding:0 10px; } #section10 .top10 .top10_txt p{ line-height: 24px; padding-bottom:20px;} #section10 .top10 .top10_txt dt,#section10 .top10 .top10_txt dd{ float:left; padding: 5px 0;} #section10 .top10 .top10_txt dt::after{ content:':'; display:inline-block; padding:0 5px; } #section10 .top10 .top10_txt dt{ clear:both; } #section10 .top10 .top10_txt .sns{ clear:both; line-height:26px; } #section10 .top10 .top10_txt .sns strong{ float:left; padding-right:10px; } /* #section10 .top10 .top10_txt .sns ul{ float:left; } */ #section10 .top10 .top10_txt .sns ul li{ float:left; margin-right:4px;} #section10 .top10 .top10_txt .sns ul li:last-child{ margin-right:0px;} @media (max-width: 768px) { #section10 .top10 .w50{ width:100%; float:left; } #section10 .top10 .top10_txt{ padding: 0 0; } #section10 .top10 .top10_txt p{ margin-bottom:20px; } /* #section10 .top10 .top10_img{ text-align:center; max-height:370px; } */ #section10 .top10 .top10_img img{ height:auto; max-height:none; width:100%; } } @media (min-width:0) { #section10 .flbox { box-sizing:border-box; } #section10 .imgbox { height:240px; background-size:cover; background-position:center; } #section10 .imgbox img { width:100%; height:100%; } #section10 .frbox { box-sizing:border-box; max-height:420px; height:100%; } #section10 .txtbox { background-color:#f4f4f4; padding:10px; line-height:1.4; box-sizing:border-box; height:25%; } #section10 .txtbox2 { background-color:#fff; height:25%; } #section10 .txtbox .tx1 { font-size:24px; color:#232323; font-weight:bold; } #section10 .txtbox .tx2 { font-size:16px; font-weight:bold; } #section10 .txtbox .tx3 { font-size:15px; font-weight:bold; } #section10 .txtbox .tx3 .price { color:#ff4e00; } #section10 .txtbox .tx4 { font-size:13px; line-height:1.6; } #section10 .txtbox .tx5 { font-size:12px; margin-top:20px; } #section10 .txtbox button { border:1px solid #ccc; height:30px; line-height:30px; padding:0 20px; cursor:pointer; display:block; margin-top:15px; color:#c00; } } @media (min-width:480px) { #section10 .imgbox { height:320px; } } @media (min-width:640px) { #section10 .imgbox { height:420px; } } @media (min-width:768px) { #section10 .imgbox { height:450px; } } @media (min-width:992px) { #section10 .flbox { padding-right:10px; } } @media (min-width: 1024px) { #section10 .flbox { width:60%; float:left; height:450px; } #section10 .imgbox img { width:100%; max-height:450px; } #section10 .frbox { width:40%; float:left; height:450px; } #section10 .txtbox { padding:20px; height:50%; } #section10 .txtbox .tx1 { font-size:36px; } #section10 .txtbox .tx2 { font-size:20px; } #section10 .txtbox .tx3 { font-size:18px; } #section10 .txtbox .tx4 { font-size:14px; } #section10 .txtbox .tx5 { font-size:12px; } } /************************************************** * 보도자료 **************************************************/ /************************************************** * 2.15 - section20 **************************************************/ /* btnOut reset */ .btnOut{display:inline-block;vertical-align:middle;overflow:hidden;}/* type01 메인버튼 */ a.btnOut, input.btnOut, button.btnOut{color:#fff;font-size:15px;font-weight:bold;text-align:center;font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,Arial, Sans-serif;cursor:pointer} /* btnOut type */ .btnOut.type01{height:31px;line-height:31px;background-color:#4d4d4f; padding:0 15px;} /* type01 메인버튼 청색 */ .btnOut.type02{height:31px;line-height:31px;color:#fff;background-color:#898989; padding:0 10px; } /* 취소 */ /*topNews*/ #section20 .topNews{margin-bottom:30px;border:1px solid #ccc;overflow:hidden} #section20 .topNews a.picArea {display:block; background-size:cover; background-position:top center; min-height:240px; } #section20 .topNews .picArea .pic { width:100%; height:100%; } #section20 .topNews .textArea .inner{position:relative; width:100%; padding:20px;overflow:hidden} #section20 .topNews .textArea dl dt a{line-height:25px;color:#000;font-size:16px} #section20 .topNews .textArea dl dd,#section20 .topNews .textArea dl dd a{ line-height:18px;color:#858585;} #section20 .topNews .textArea dl dd a { line-height:1.4; display:block; } #section20 .topNews .textArea dl .txt{margin:10px 0;} #section20 .topNews .textArea .btnOut{font-weight:normal; bottom:10px; } @media all and (min-width:768px) { #section20 .topNews .picArea { text-align:center; border-right:1px solid #ccc; min-height:240px; } #section20 .topNews .textArea .inner { height:240px; } /* #section20 .topNews .picArea .pic{ height:100%; w } */ } @media all and (max-width:767px) { /*topNews*/ #section20 .topNews a.picArea { width:100%; } #section20 .topNews a.picArea img { width:100%; } #section20 .topNews .textArea .btnOut{margin-top:20px; width:100%;} } @media all and (min-width:768px) and (max-width:1023px) { /*topNews*/ #section20 .topNews .textArea{width:100%; } #section20 .topNews .picArea, #section20 .topNews .picArea + .textArea{float:left;width:50%;/* height:160px; */} #section20 .topNews a.picArea { } #section20 .topNews .picArea .pic{width:100%} #section20 .topNews .textArea .inner{width:100%;/* padding:10px; */ } /* #section20 .topNews .textArea dl dt a{height:43px;overflow:hidden} */ #section20 .topNews .textArea .btnOut{position:absolute;right:20px;bottom:10px;height:31px;line-height:31px;} } @media all and (min-width:1024px) and (max-width:1351px) { /*topNews*/ #section20 .topNews .picArea, #section20 .topNews .textArea { float:left; width:100%; } #section20 .topNews .picArea { width:40%;} #section20 .topNews .picArea + .textArea{width:60%} #section20 .topNews .picArea .pic{width:100%} /* #section20 .topNews .textArea dl dt a{height:43px;overflow:hidden} */ #section20 .topNews .textArea .btnOut{position:absolute;right:20px;height:31px;line-height:31px;font-size:12px} } @media all and (min-width:1352px) { /*topNews*/ #section20 .topNews .picArea, #section20 .topNews .textArea{float:left; width:100%; } #section20 .topNews .picArea{width:40%;} #section20 .topNews .picArea + .textArea{width:60%} #section20 .topNews .picArea .pic{width:100%} /* #section20 .topNews .textArea dl dt a{height:43px;overflow:hidden} */ #section20 .topNews .textArea .btnOut{position:absolute;right:20px;height:31px;line-height:31px;font-size:12px} } /************************************************** * 2.17 - section17 ( 홍보동영상 ) **************************************************/ #section17 .vidlist { overflow:hidden; } #section17 .vidlist li { position:relative; float:left; width:32%; margin-right:2%; margin-bottom:30px; box-sizing:border-box; border:1px solid #d8d8d8; background:#f9f9f9; } #section17 .vidlist li { position:relative; float:left; width:23.5%; margin-right:2%; margin-bottom:30px; box-sizing:border-box; border:1px solid #d8d8d8; background:#f9f9f9; } #section17 .vidlist li:nth-child(4n) { margin-right:0; } #section17 .vidlist li dl { width:100%; } #section17 .vidlist li a { text-align:left; color:#000000; } #section17 .vidlist li dt { width:100%; height:200px; height:auto; position:relative;color:#787878;} #section17 .vidlist li dt .bg{ height:180px; width:100%; background-size:cover; background-position:center center; } #section17 .vidlist li dt .img1{ background-image:url(../images/contents/noimg.jpg); } #section17 .vidlist li a>span{ position:absolute; display:inline-block; top:0; left:0; width:43px; height:43px; line-height:43px; color:#fff; z-index:1; text-align:center; font-size:11px;} #section17 .vidlist li dl:hover dt img{ display:block; } #section17 .vidlist li dl dt img{ position:absolute; left:50%; top:50%; width:60px; height:60px; margin-left:-30px; margin-top:-30px; z-index:1; display:none; } #section17 .vidlist li dd { line-height:18px; color:#787878;} #section17 .vidlist li dd.txt { padding:20px 15px ; } #section17 .vidlist li dd.txt span{ line-height:20px; height: 40px;} #section17 .vidlist li dd.txt b{ font-weight:normal; display:block; margin-top:15px; } #section17 .vidlist li dd img { float:right; width:15px; } @media (min-width:481px) and (max-width:720px) { #section17 .vidlist li { width:49%; margin-right:2%; margin-bottom:20px; } #section17 .vidlist li:nth-child(2n) { margin-right:0; } } @media (max-width:640px) { #section17 .vidlist li dd.txt{ padding: 15px ; } #section17 .vidlist li dt .bg{ height:140px; } } @media (max-width:480px) { #section17 .vidlist li { width:49.5%; margin-right:1% ; margin-bottom:20px; } #section17 .vidlist li:nth-child(2n) { margin-right:0 ; } } /************************************************** * 인증서 **************************************************/ #section141 .person { overflow:hidden; } #section141 .person li{ overflow:hidden; text-align:center; position:relative; } #section141 .person li .inner{ width:100%; height:259px; padding:0; box-sizing:border-box; } #section141 .person li .inner p{ position:absolute; z-index:1; bottom:0; background:#fff; width:100%; line-height:40px; border-top:1px solid #ccc; color:#787878;} #section141 .person li .inner p img{ float:right; width:40px; height:40px; } #section141 .person li .picArea{ margin: 0 auto; box-sizing:border-box; padding: 8px;border:1px solid #ccc; height:calc(100% - 40px); background:#efefef; } #section141 .person li .picArea img{max-width:100%; height:100%; width:auto; } #section141 .person li .inner:after{content:"";display:block;clear:both;} #section141 .person li.ceo .picArea img{width:100%; } #section141.readership .service .bnrWrap .subTit { margin:30px 0; } #section141.readership .service .bnrWrap .bnrArea { overflow:hidden; } #section141.readership .service .bnrWrap .bnrArea ul { width:1000%; } #section141.readership .service .bnrWrap .bnrArea ul li { float:left; width:10%; } #section141.readership .service .serviceInfo { margin-top:25px; } #section141.readership .service .serviceInfo strong { color:#2daba0; font-size:15px; } #section141.readership .service .serviceInfo p { line-height:19px; margin:17px 0 20px; color:#1f2227; font-size:14px; } #section141.readership .service .textScroll { height:130px; line-height:18px; padding:15px; overflow-y:scroll; color:#71777c; font-size:12px; border:1px solid #ccc; } #section141.readership .service .play video { width:100%; } @media all and (max-width:767px) { #section141 .thB{display:inline;} #section141 .pic{width:100%} #section141 .ceo .inner{text-align:center;} #section141 .ceo .inner h4{margin-bottom:30px;font-size:28px;} #section141 .person{ margin-top: 30px; } /* #section141 .person li .picArea img{width:100%;} */ #section141.readership .service .bnrWrap .bnrArea{height:200px;} #section141.readership .service .bnrWrap{float:left;width:44%;} #section141.readership .service .play{float:right;width:52%;height:200px;margin-top:95px} #section141.readership .service .play video{height:205px} } @media all and (min-width:480px) and (max-width:1023px) { #section141 .ceo .inner{position:relative;text-align:right} #section141 .ceo .inner h4{position:absolute;top:100px} #section141 .ceo .inner .text{text-align:left;} #section141 .person{margin-top: 30px;} #section141 .person li{float:left;width: calc(50% - 22px);margin:10px;} /* #section141 .person li .inner { height:190px; } */ #section141 .person li.ceo{float:left} #section141.readership .service .bnrWrap .bnrArea{height:200px;} #section141.readership .service .bnrWrap{float:left;width:44%;} #section141.readership .service .play{float:right;width:52%;height:200px;margin-top:95px} #section141.readership .service .play video{height:205px} } @media all and (min-width:1024px) and (max-width:1351px) { /*company*/ #section141 .ceo .inner{position:relative;padding-right:30px;text-align:right} #section141 .ceo .inner .text{text-align:left} #section141 .ceo .inner h4{position:absolute;top:100px} #section141 .person{margin-top: 30px;} #section141 .person li{float:left;width: 32.66666%; margin-right:1%; margin-bottom:10px;} #section141 .person li:nth-child(3n){margin-right:0%;} /* #section141 .person li .inner{height:176px;} */ #section141.readership .service .bnrWrap .bnrArea{height:200px;} #section141.readership .service .bnrWrap{float:left;width:304px;} #section141.readership .service .play{float:right;width:304px;height:200px;margin-top:95px} #section141.readership .service .play video{height:205px} } @media all and (min-width:1352px) { /*company*/ #section141 .person{margin-top: 30px;} #section141 .person li{float:left;width: 24.25%;margin-right:1%; margin-bottom:10px; } #section141 .person li:nth-child(4n){margin-right:0%;} #section141 .person li .picArea, #section141 .inner .cusor img{cursor:pointer} #section141.readership .service .bnrWrap{float:left;width:295px;} #section141.readership .service .bnrWrap .bnrArea{height:240px;} #section141.readership .service .play{float:right;width:395px;height:240px;margin-top:95px} #section141.readership .service .play video{height:245px} } @media all and (max-width:480px) { #section141 .person li{width:100%;} #section141 .person li{float:left;width: calc(100% - 20px);margin:10px;} } /************************************************** * 2.13 - section13 (자주하는 질문) **************************************************/ #section13 .tab { overflow:hidden; margin:0 auto 20px; padding:0; border-bottom:2px solid #4d4d4f; box-sizing:border-box; } #section13 .tab li { float:left; width:auto; box-sizing:border-box; margin-right:3px; } #section13 .tab li:first-child { } #section13 .tab li a { display:block; box-sizing:border-box; padding: 7px; background-color:#fff; color:#787878; border-radius:5px 5px 0 0; border:1px solid #ccc; margin-left:-1px; border-bottom:none; } #section13 .tab li:first-child a { margin-left:0; } #section13 .tab li a:hover, #section13 .tab li a.active, #section13 .tab li a:focus{ background-color:#4d4d4f; color: #fff; } #section13 .tabcontent2{margin-top: 10px;border: none;border-top: 1px solid #282828;border-bottom: 1px solid #282828;padding: 0; display:none; } #section13 .panel_open{ padding:12px 10px; border-bottom: 1px solid #cccccc; } #section13 .panel_open:nth-last-of-type(1){border-bottom: none} #section13 .panel_open .panel_title{cursor: pointer; position:relative; } #section13 .panel_open .panel_title span{display: inline-block; padding:7px 10px; color: #fff; background-color:#555; margin-right:5px; } #section13 .panel_open .panel_title span.iconbox { display:inline-block; width:16px; height:16px; padding:0; position:absolute; right:0px; top:10px; background-color:transparent; margin-right:0; } #section13 .panel_open .panel_title span.iconbox img{ width:100%; height:100%; } #section13 .panel_open .panel_content{display: none;margin-top: 10px;padding: 10px;} #section13 .panel_open .panel_content table{width: 100%} #section13 .panel_open .panel_content th{ width:30px; } #section13 .panel_open .panel_content th span{display: inline-block;margin-right: 10px;padding: 0 5px; } #section13 .panel_open .panel_content td { line-height:1.4; } @media (min-width: 640px) { #section13 .tab { padding:0 10px; } #section13 .tab li { margin-right:5px; } #section13 .tab li a { padding:10px 15px; } } @media (min-width: 1024px) { #section13 .tabcontent{padding: 30px} #section13 .tabcontent .form_row{margin: 10px 0} #section13 .tabcontent .form_row label{width: 130px;} #section13 .tabcontent .textbox{width: 91%} #section13 .tabcontent2{padding: 0} #section13 .panel_open .panel_content{margin-top: 15px;padding: 20px} #section13 .panel_open .panel_content th{ } } @media (min-width: 1200px) { #section13 .tabcontent .textbox{width: 1020px} } @media (max-width:768px) { #section13 .panel_open .panel_title span { padding:5px; } } /************************************************** * 2.10 - section28 ( 이용후기 ) **************************************************/ /* 이용후기 모달창 */ @media (min-width:0) { #section28 .clearfix{ clear:both; content:''; display:block; } #section28 #modal_review { padding-top:30px; } #section28 #modal_review .review_slide { position:relative; } #section28 #modal_review .review_slide .for_wrapper { position:relative; } #section28 #modal_review .btn_close { display:block; height:20px; } #section28 #modal_review .btn_close .close { position:absolute; right:10px; top:-10px; width:20px; height:20px; } #section28 .modal-content { border:none; background:none; max-width:1200px; width:95%; } /* flbox */ #section28 .modal-content .flbox { box-sizing:border-box; background-color:rgba(0,0,0,0.8); padding:10px; } #section28 .flbox .review_slide .slider-for div { width:100%; max-height:620px; overflow:hidden; } #section28 .flbox .review_slide .slider-for div img { height:200px; margin:0 auto; } #section28 .flbox .review_slide .slider-for .txtbox { position:absolute; left:0; bottom:0; width:100%; text-align:center; line-height:1.4; } #section28 .flbox .review_slide .slider-for .txtbox em { display:block; color:#fff; font-weight:bold; font-size:20px; } #section28 .flbox .review_slide .slider-for .txtbox span { display:block; color:#fff; font-size:14px; } #section28 .flbox .review_slide .nav_wrapper { position:relative; } #section28 .flbox .review_slide .slider-nav { box-sizing:content-box; margin:0 -10px; } #section28 .flbox .review_slide .slider-nav div { padding:5px 0; outline:0; height:70px; box-sizing:border-box; margin:0 5px; } #section28 .flbox .review_slide .slider-nav img{ width:100%; } #section28 .flbox .review_slide .for_wrapper .slick-arrow { display:block; position:absolute; top:50%; width:24px; height:30px; margin-top:-15px; font-size:0; text-indent:-9999px; z-index:45; } #section28 .flbox .review_slide .for_wrapper .slick-prev { left:0; background:url("../images/contents/btn_prev_02.png") no-repeat 0 0; background-size:contain; } #section28 .flbox .review_slide .for_wrapper .slick-next { right:0; background:url("../images/contents/btn_next_02.png") no-repeat 0 0; background-size:contain; } /* frbox */ #section28 .modal-content .flbox + .frbox { box-sizing:border-box; background-color:#fff; padding:10px; } #section28 .flbox + .frbox .review_contents .sec1{color: #666666;overflow: hidden;border-top: 2px solid #000000;border-bottom: 1px solid #cccccc; padding:0 5px; box-sizing:border-box; } #section28 .flbox + .frbox .review_contents .sec1 > p{float: left;border-top: 1px solid #cccccc;padding: 10px 0;box-sizing: border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } #section28 .flbox + .frbox .review_contents .sec1 .review_pt { color:#f7b310; } #section28 .flbox + .frbox .review_contents .sec1 > p:nth-of-type(1){border-top: none; font-size:16px; color:#000; text-align:left; width:75%; } #section28 .flbox + .frbox .review_contents .sec1 > p:nth-of-type(2){ display:none; } #section28 .flbox + .frbox .review_contents .sec1 > p:nth-of-type(3){ width:25%; text-align:right; } #section28 .flbox + .frbox .review_contents .sec3{ height:auto; padding:19px 0} #section28 .flbox + .frbox .review_contents .sec3 p.tx2{font-weight: bold; } #section28 .flbox + .frbox .review_contents .sec3 p.tx3 { line-height:1.4; height:7em; overflow-y:auto; font-size:15px; text-align:left; color:#666; } #section28 .flbox + .frbox .review_contents .sec3 table.event{ width:40%; text-align:center; line-height:25px;} #section28 .flbox + .frbox .review_contents .sec3 table.event td,#section28 .flbox + .frbox .review_contents .sec3 table.event th{ font-size:12px; } #section28 .flbox + .frbox .review_contents .sec3.video iframe{ width:100%; min-height:400px; margin:10px 0;} #section28 .flbox + .frbox .review_contents .sec4 { display:none; } #section28 .flbox + .frbox .review_contents .sec4 table{width: 100%;border-top: 2px solid #343434;table-layout: fixed} #section28 .flbox + .frbox .review_contents .sec4 th, #section28 .flbox + .frbox .review_contents .sec4 td{vertical-align: middle;padding: 10px;border-bottom: 1px solid #cccccc; } #section28 .flbox + .frbox .review_contents .sec4 th{width: 70px;font-weight: normal} #section28 .flbox + .frbox .review_contents .sec4 th span{ display:block; background:#786c57;color:#fff; padding:5px 0; border-radius:1px;} #section28 .flbox + .frbox .review_contents .sec4 th.next, #section28 .flbox + .frbox .review_contents .sec4 td.next{background-color: white} #section28 .flbox + .frbox .review_contents .sec4 td a{display: block} #section28 .flbox + .frbox .review_contents .sec5{text-align: center;margin: 50px 0;} #section28 .flbox + .frbox .review_contents .sec5 a{display: inline-block;color: #ffffff;background-color: #323232;line-height: 35px;padding: 0 35px} #section28 .flbox + .frbox .review_contents .sec6{background-color: #f5f5f5;padding:15px;margin: 10px 0; border:1px solid #d1d1d1; box-sizing:border-box;} #section28 .flbox + .frbox .review_contents .sec6 > p{margin-bottom: 10px} #section28 .flbox + .frbox .review_contents .sec6 > p.title{ font-size:16px; font-weight:bold; } #section28 .flbox + .frbox .review_contents .sec6 > p.cont{ border:1px solid #d1d1d1;padding:25px 0; text-align:center; background:#fff; } #section28 .flbox + .frbox .review_contents .sec6 > p.cont span{ margin-right:15px; } #section28 .flbox + .frbox .review_contents .sec6 > p.cont i{ color:#dc5411; } #section28 .flbox + .frbox .review_contents .sec6 > p.cont b{ margin-left:20px; } } @media (min-width:480px) { #section28 .flbox .review_slide .slider-for div img { height:240px; } } @media (min-width:640px) { #section28 .flbox .review_slide .slider-for div img { height:320px; } } @media (min-width:768px) { /* flbox */ #section28 .flbox .review_slide .slider-nav div { height:120px; } #section28 .flbox .review_slide .slider-for div img { height:510px; } #section28 .flbox .review_slide .slider-for .txtbox { bottom:30px; } #section28 .flbox .review_slide .slider-for .txtbox em { font-size:36px; } #section28 .flbox .review_slide .slider-for .txtbox span { font-size:24px; } /* frbox */ #section28 .flbox + .frbox .review_contents .sec1 > p{border-top: none; padding: 15px 0;} #section28 .flbox + .frbox .review_contents .sec1 > p:nth-of-type(1){width: 58%} #section28 .flbox + .frbox .review_contents .sec1 > p:nth-of-type(3){width: 42%; text-align:right;} #section28 .flbox + .frbox .review_contents .sec4 th, #section28 .review_contents .sec4 td{padding:2.5%; } #section28 .flbox + .frbox .review_contents .sec6{margin:4.5% 0; padding:3%; } #section28 .flbox + .frbox .review_contents .sec4 th{width: 80px} } @media (min-width:992px) { #section28 #modal_review { padding-top:50px; } /* flbox*/ #section28 .modal-content .flbox { width:65%; float:left; border-radius:15px 0 0 15px; padding:30px; } /* frbox*/ #section28 .modal-content .flbox + .frbox { width:35%; float:left; border-radius:0 15px 15px 0; padding:30px 15px; } #section28 .flbox + .frbox .review_contents .sec3 p.tx3 { height:435px; } #section28 .flbox + .frbox .review_contents .sec3 { height:100%; } #section28 .flbox + .frbox .review_contents .sec4 th, #section28 .review_contents .sec4 td{ padding:15px 10px; } #section28 .flbox + .frbox .review_contents .sec6{ margin:18px 0; padding:20px; } #section28 .flbox + .frbox .review_contents .sec4 { display:block; } } @media (min-width:1200px) { #section28 #modal_review { padding-top:70px; } } /* 이용후기 모달창2 */ @media (min-width:0) { #section28 #modal_review2 { padding-top:30px; } #section28 #modal_review2 .modal-content { border:none; background:none; max-width:600px; width:95%; } #section28 .modal-content .frbox { box-sizing:border-box; background-color:#fff; padding:10px; } #section28 .review_contents .sec1{color: #666666;overflow: hidden;border-top: 2px solid #000000;border-bottom: 1px solid #cccccc; padding:0 5px; box-sizing:border-box; } #section28 .review_contents .sec1 > p{float: left;border-top: 1px solid #cccccc;padding: 10px 0;box-sizing: border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } #section28 .review_contents .sec1 .review_pt { color:#f7b310; } #section28 .review_contents .sec1 > p:nth-of-type(1){border-top: none; font-size:16px; color:#000; text-align:left; width:75%; } #section28 .review_contents .sec1 > p:nth-of-type(2){ display:none; } #section28 .review_contents .sec1 > p:nth-of-type(3){ width:25%; text-align:right; } #section28 .review_contents .sec3{ height:auto; padding:19px 0} #section28 .review_contents .sec3 p.tx2{font-weight: bold; } #section28 .review_contents .sec3 p.tx3 { line-height:1.4; height:7em; overflow-y:auto; font-size:15px; text-align:left; color:#666; } #section28 .review_contents .sec3 table.event{ width:40%; text-align:center; line-height:25px;} #section28 .review_contents .sec3 table.event td,#section28 .review_contents .sec3 table.event th{ font-size:12px; } #section28 .review_contents .sec3.video iframe{ width:100%; min-height:400px; margin:10px 0;} #section28 .review_contents .sec4 { display:none; } #section28 .review_contents .sec4 table{width: 100%;border-top: 2px solid #343434;table-layout: fixed} #section28 .review_contents .sec4 th, #section28 .review_contents .sec4 td{vertical-align: middle;padding: 10px;border-bottom: 1px solid #cccccc; } #section28 .review_contents .sec4 th{width: 70px;font-weight: normal} #section28 .review_contents .sec4 th span{ display:block; background:#786c57;color:#fff; padding:5px 0; border-radius:1px;} #section28 .review_contents .sec4 th.next, #section28 .review_contents .sec4 td.next{background-color: white} #section28 .review_contents .sec4 td a{display: block} #section28 .review_contents .sec5{text-align: center;margin: 50px 0;} #section28 .review_contents .sec5 a{display: inline-block;color: #ffffff;background-color: #323232;line-height: 35px;padding: 0 35px} #section28 .review_contents .sec6{background-color: #f5f5f5;padding:15px;margin: 10px 0; border:1px solid #d1d1d1; box-sizing:border-box;} #section28 .review_contents .sec6 > p{margin-bottom: 10px} #section28 .review_contents .sec6 > p.title{ font-size:16px; font-weight:bold; } #section28 .review_contents .sec6 > p.cont{ border:1px solid #d1d1d1;padding:25px 0; text-align:center; background:#fff; } #section28 .review_contents .sec6 > p.cont span{ margin-right:15px; } #section28 .review_contents .sec6 > p.cont i{ color:#dc5411; } #section28 .review_contents .sec6 > p.cont b{ margin-left:20px; } } @media (min-width:768px) { #section28 .review_contents .sec1 > p{border-top: none; padding: 15px 0;} #section28 .review_contents .sec1 > p:nth-of-type(1){width: 58%} #section28 .review_contents .sec1 > p:nth-of-type(3){width: 42%; text-align:right;} #section28 .review_contents .sec4 th, #section28 .review_contents .sec4 td{padding:2.5%; } #section28 .review_contents .sec6{margin:4.5% 0; padding:3%; } #section28 .review_contents .sec4 th{width: 80px} } @media (min-width:992px) { #section28 #modal_review2 { padding-top:50px; } #section28 .modal-content .frbox { border-radius:15px 15px; padding:30px 15px; } #section28 .review_contents .sec3 p.tx3 { height:435px; } #section28 .review_contents .sec3 { height:100%; } #section28 .review_contents .sec4 th, #section28 .review_contents .sec4 td{ padding:15px 10px; } #section28 .review_contents .sec6{ margin:18px 0; padding:20px; } #section28 .review_contents .sec4 { display:block; } } @media (min-width:1200px) { #section28 #modal_review { padding-top:70px; } } /************************************************** * 2.10 - section16 (리뷰/평가) **************************************************/ .btn_write{text-align: right;margin-bottom: 20px} .btn_write a{display: inline-block;color: #ffffff;border: 1px solid #888888;background-color: #323232;text-align: center; line-height: 33px; padding: 0 30px} #section28 ul.list{ overflow:hidden; } #section28 ul.list li { margin-bottom:15px; float:left; width:32%; margin-right:2%; border-bottom: 1px solid #cccccc;padding: 15px 0} #section28 ul.list li:nth-child(3n) { margin-right:0 ; } #section28 ul.list li a { display:block; } #section28 ul.list li .txtarea { font-size: 14px; line-height: 1.4; height: 215px; overflow-y: auto; margin-bottom: 10px; } #section28 ul.list li .imgbox { width:100%; height:225px; } #section28 ul.list li .imgbox .bg { width:100%; height:100%; background:url(../images/contents/img_temp_07.jpg); background-size:cover; background-position:center center; } #section28 ul.list li .tit { color:#232323; display:block; margin:10px 0; line-height:1.4; } #section28 ul.list li .flbox { float:left; } #section28 ul.list li .flbox span { margin-right:10px; } #section28 ul.list li .frbox { float:right; } #section28 ul.list li .frbox i { text-align:right; color:#f7b310; } @media (max-width:992px) { #section28 ul.list li { float:left; width:49.5%; margin-right:1%; } #section28 ul.list li:nth-child(3n) { margin-right:1%; } #section28 ul.list li:nth-child(2n) { margin-right:0; } } @media (max-width:640px) { #section28 ul.list li { float:left; width:100%; margin-right:0%; } } #section28 .write{border-top: 2px solid #adadad} @media (min-width: 768px){ #section28 ul.list li a p span{padding: 0 10px} } @media (min-width: 1200px){ #section28 ul.list li a p{ padding: 0 20px} } /************************************************** * 2.10 - section16 (리뷰/평가) **************************************************/ .btn_write{text-align: right;margin-bottom: 20px} .btn_write a{display: inline-block;color: #ffffff;border: 1px solid #888888;background-color: #323232;text-align: center; line-height: 33px; padding: 0 30px} #section28 ul.list{ overflow:hidden; } #section28 ul.list li { margin-bottom:15px; float:left; width:32%; margin-right:2%; border-bottom: 1px solid #cccccc;padding: 15px 0} #section28 ul.list li:nth-child(3n) { margin-right:0 ; } #section28 ul.list li a { display:block; } #section28 ul.list li .imgbox { width:100%; height:225px; } #section28 ul.list li .imgbox .bg { width:100%; height:100%; background:url(../images/contents/img_temp_07.jpg); background-size:cover; background-position:center center; } #section28 ul.list li .tit { color:#232323; display:block; margin:10px 0; line-height:1.4; } #section28 ul.list li .flbox { float:left; } #section28 ul.list li .flbox span { margin-right:10px; } #section28 ul.list li .frbox { float:right; } #section28 ul.list li .frbox i { text-align:right; color:#f7b310; } @media (max-width:992px) { #section28 ul.list li { float:left; width:49.5%; margin-right:1%; } #section28 ul.list li:nth-child(3n) { margin-right:1%; } #section28 ul.list li:nth-child(2n) { margin-right:0; } } @media (max-width:640px) { #section28 ul.list li { float:left; width:100%; margin-right:0%; } } #section28 .write{border-top: 2px solid #adadad} @media (min-width: 768px){ #section28 ul.list li a p span{padding: 0 10px} } @media (min-width: 1200px){ #section28 ul.list li a p{ padding: 0 20px} } /************************************************** * 2.9 - reserv ( 방문상담 ) **************************************************/ #reserv .w100{ font-size:13px; width:100%; clear:both;} /* #reserv h4{ font-size:22px; margin:40px 0 10px 0; } #reserv h4.center{ text-align:center } */ #reserv h5{ text-align:left; margin:15px 0; color:#777777; font-size:18px; } #reserv h6{ font-size:16px; margin:40px 0 10px 0; } #reserv .w100 p.txt{ padding-bottom:10px; line-height:1.4; font-size:14px; } #reserv .w100 p.txt2{ padding-top:10px; font-size:14px; } #reserv .w100 p.box{ border:4px solid #ccc; padding:20px 50px; line-height:1.6; overflow: hidden; font-size:14px; } #reserv .w100 p.box span{ display:block; float:left; font-size:14px; } #reserv .w100 p.box span img{ padding:15px; width:auto; } #reserv .w100 table{ width:100%; border-top:2px solid #333; } #reserv .w100 table tr{ border-bottom:1px solid #ccc; } #reserv .w100 table th{ width:50%; color:#333; line-height:40px; background:#f6f6f6; } #reserv .w100 table td{ width:50%; text-align:center; color:#787878; line-height:40px; font-size:14px; } #reserv .w100 table th:first-child,#reserv .w100 table td:first-child{ border-right:1px solid #ccc; } #reserv .w100 p.steptxt { line-height: 22px; } #reserv .w100 p.steptxt strong{ display:block; font-size:15px; } #reserv .w100 ul li{ width:32%; margin-right:2%; float:left; box-sizing:border-box; padding:20px 40px; border:3px solid #ccc; } #reserv .w100 ul li:last-child{ margin-right:0%; } #reserv .w100 ul li p.img{ float:left; margin:0 10px; } #reserv .w100 ul li p.img img{ max-height:46px; width:auto; } #reserv .w100 a.submit{ background:#4d4d4f; color:#fff; display:block; width:225px;padding:22px 0; text-align:center; margin:0 auto; font-size:17px; } #reserv .w100.pd40{ padding:40px 0; } @media (max-width: 1200px) { #reserv .w100 ul li{ padding:20px 25px; } } @media (max-width: 992px) { #reserv .w100 ul li{ padding:20px 0; } #reserv .w100 ul li p.img{ float:none;text-align: center;} #reserv .w100 p.steptxt{ text-align:center; } #reserv .w100 p.steptxt strong{ font-size:12px; } #reserv .w100 a.submit{ width:190px; padding:15px 0; font-size:14px; } } @media (max-width: 480px) { #reserv .w100 p.box span img{ display:none; } } /************************************************** * 2.6 - section29(신청하기) **************************************************/ #dialog{display: none} #section29 .row{font-size: 0; box-sizing:border-box; } #section29 .rightcont .inner{ width:100%; } #section29 .row .col{display: inline-block;width: 100%; box-sizing:border-box; margin-bottom:30px; } #section29 .row .col .info { box-sizing:border-box; line-height:1.4; display:block; font-size:15px; background-color:#f5f5f5; text-align:left; padding:10px; } #section29 .row .col .reservation{padding:10px 0; box-sizing:border-box; } #section29 .row .col .reservation .input label { width:20%; display:inline-block; } #section29 .row .col .reservation .input label b { font-size:13px; font-weight:normal; } #section29 .row .col .reservation .input input { width:80%; display:inline-block; margin:5px 0; } #section29 .row .col .reservation .input.select_wrap { margin:10px 0; } #section29 .row .col .reservation .input.select_wrap::after{ clear:both; content:''; display:block; } /* #section29 .row .col .reservation .input.select_wrap.m30{ margin:30px 0; } */ #section29 .row .col .reservation .input.select_wrap .dropdown .dropbtn { width:50px; height: 31px; line-height: 31px; padding:0 5px; background-color:#fff; text-align:left; border:1px solid #ccc; color:#333; } #section29 .row .col .reservation .input.select_wrap .dropdown .dropbtn i { float:right; line-height:31px; } #section29 .row .col .reservation .input.select_wrap .dropdown-content { min-width:100%; box-sizing:border-box;} #section29 .row .col .reservation .input select.last{margin-right: 0} #section29 .row .col .reservation .btn_group{margin-top: 30px} #section29 .row .col .responsive { table-layout: fixed;width: 100%;border-collapse: collapse;border: 1px solid #cccccc} #section29 .row .col .responsive th{padding: 10px 0;background-color: #f5f5f5;border-bottom: 1px solid #cccccc} #section29 .row .col .responsive th span{font-size: 13px} #section29 .row .col .responsive td{padding: 10px 0;text-align: center;vertical-align: middle} #section29 .row .col .responsive td.even{background-color: #f5f5f5} #section29 .row .col .responsive td.con{text-align: left} #section29 .row .col .responsive td.con span{position: relative} #section29 .row .col .responsive td.con span a{display: block;width: 80%} #section29 .row .col .responsive td.con span i{color: #ff0000;position: absolute;top: 0;right: 15px} #section29 .row .col .responsive td.con span i:nth-of-type(2){right: 0} #section29 .row .col .responsive td span{display: block;font-size: 12px} #section29 .row .col .board { background-color:#fff; padding:10px 5px; box-sizing:border-box; } #section29 .reservation .textbox{overflow-y:auto;height: 110px;padding: 10px;margin: 8px 0;border: 1px solid #cccccc;line-height: 18px; box-sizing:border-box; font-size:12px; } #section29 .reservation .textbox { height:110px; width:100%; margin:10px 0; } #section29 .reservation .form_row input { margin:0; } #section29 .reservation .form_row span { font-size:12px; vertical-align:middle; display:inline-block; margin:8px 0; } #section29 .row .col .reservation .input.select_wrap .number1{ width:50px; margin-right:5px; font-size:14px; display:inline-block; vertical-align: middle;} #section29 .row .col .reservation .form_row.checkline{ margin-bottom:30px;} #section29 .row .col .reservation .inputtxt::after{ clear:both; content:''; display:block; overflow:hidden; } #section29 .row .col .reservation .inputtxt{ margin:10px 0; } #section29 .row .col .reservation .inputtxt textarea{ width:80%; float:right; margin :0 0;} #section29 .row .col .reservation .input.select_wrap.menu .dropdown { width:80%; margin-right:0; display:inline-block; margin-bottom:10px; } #section29 .row .col .reservation .input.select_wrap.menu .menu_n{ float:right; } #section29 .row .col .reservation .input.select_wrap .dropdown.w100 { width:80%; margin-right:0; display:inline-block; } #section29 .row .col .reservation .input.select_wrap .dropdown.w100 .dropbtn{ width: 100%; } #section29 .row .col .reservation .input.select_wrap.menu .dropbtn { width:100%; } #section29 .row .col .reservation .input.select_wrap.menu .add{ width:80%; float:right; font-size:14px; display:inline-block; vertical-align:middle; border: 1px solid #ccc;color: #333; background:#fff; height:31px; line-height:31px; text-align:right; padding: 0 10px; box-sizing:border-box; } #section29 .row .col .reservation .input.select_wrap.menu .paybox1{ width:80%; display:inline-block; font-size:14px; border:1px solid #ccc; box-sizing:border-box; padding:6px 20px; line-height:20px; height:80px; overflow-y:auto; } #section29 .row .col .reservation .input.select_wrap.inputpay .w25{ width:20%; display:inline-block; } #section29 .row .col .reservation .input.select_wrap.inputpay .dropdown{ width:80%; display:inline-block; margin-right:0; } #section29 .row .col .reservation .input.select_wrap.inputpay .dropdown .dropbtn{ width:100%; } #section29 .row .col .reservation .input.select_wrap.inputpay .price{ font-size:13px; width:80%; float:right; margin-top:10px; } #section29 .row .col .reservation .input.select_wrap.inputpay .price li{ text-align:right; float:left; width:100%; line-height:29px; margin-bottom :5px;} #section29 .row .col .reservation .input.select_wrap.inputpay .price li:last-child{ float:left; width:100%; } #section29 .row .col .reservation .input.select_wrap.inputpay .price b{ color:#0082a8; } @media (min-width:640px) { #section29 .row .col .reservation .input label b{ font-size:16px; } #section29 .row .col .reservation .input.select_wrap.menu .dropdown { float:none; width:auto; margin-right:5px; } #section29 .row .col .reservation .input.select_wrap.menu .dropbtn { width:105px; } #section29 .row .col .reservation .input.select_wrap.menu .add{ float:none; width:105px; } #section29 .row .col .reservation .input.select_wrap.inputpay .price li{ text-align:left; width:50%; } } @media (min-width:640px) { } @media (min-width:1200px) { #section29 { background-size:contain; } #section29 .row .col .reservation{ padding:10px 5px; } #section29 .row .col{width:calc(50% - 5px); vertical-align: top; } #section29 .row .col .info { margin-top:0; } #section29 .row .col1 { margin-right:5px; } #section29 .row .col2 { margin-left:5px; } #section29 .row .col .reservation {} #section29 .row .col .reservation .input.select_wrap .dropdown .dropbtn { width:60px; } #section29 .row .col .reservation .input.select_wrap.menu .dropbtn { width:125px; } #section29 .row .col .reservation .input.select_wrap.menu .add{ float:none; width:125px; } #section29 .row .col .reservation .input.select_wrap .number1{ text-align:center; width:60px; } #section29 .row .col .board { } #section29 .row .col .responsive td span{font-size: 15px} } /************************************************** * 2.7 - reserv2view (예약확인) **************************************************/ #reserv2view .info{clear: both;padding: 10px;background-color: #fbf5e1;border: 1px solid #cccccc;line-height: 18px} #reserv2view .info span{color: #ff0000} #reserv2view .table_layout{margin-top: 20px} #reserv2view .table_layout .row{ float:none; } #reserv2view .table_layout .th, #reserv2view .table_layout .td{padding: 10px} #reserv2view .table_layout .th{background-color: #eeeeee} #reserv2view .table_layout .td span{color: #003cd4;text-decoration: underline} #reserv2view .section_inner .form_row { overflow:hidden; } #reserv2view .section_inner .form_row label { font-size:14px; } #reserv2view .section_inner .form_row small { color:#006faf; } #reserv2view .section_inner .form_row select { border:1px solid #cccccc; height:29px; line-height:29px; margin:7px 0; padding-left:20px; width:150px; } #reserv2view .section_inner .textbox { border:1px solid #cccccc; height:110px; line-height:18px; margin:8px 0; overflow-y:scroll; padding:10px; } #reserv2view .section .btn_group { margin:20px 0 40px 0; } #reserv2view .section .btn_group .btn { font-size:15px; } #reserv2view .section .term { border:1px solid #cccccc; clear:both; font-size:13px; height:130px; line-height:1.5; margin-top:30px; overflow-y:scroll; padding:10px; } #reserv2view .section .chk { font-size:13px; margin-top:10px; } #reserv2view .section .chk label { margin-left:10px; } #reserv2view .section_inner2.mb40 { margin-bottom:40px; } #reserv2view .section_inner2 .form_row:nth-of-type(1) { border-top:1px solid #cccccc; } #reserv2view .section_inner2 .form_row .input_wrap .myrating { line-height:27px; margin:15px 0; } #reserv2view .section_inner2 .form_row .input_wrap ul { width:100%; } #reserv2view .section_inner2 .form_row .input_wrap ul li { float:left; line-height:27px; width:30%; } #reserv2view .section_inner2 .form_row .input_wrap ul li select { background:url('../images/contents/icon_down_01.png') no-repeat 95% 50%; width:100%; } #reserv2view .section_inner2 .form_row .input_wrap ul li.w10 { line-height:27px; padding:7px 10px; text-align:center; width:auto; } #reserv2view .section_inner2 .form_row .input_wrap ul li.w15 { line-height:27px; padding:7px 7px; text-align:center; width:auto; } #reserv2view .section_inner2 .form_row .input_wrap ul li.last { margin-left:1%; } #reserv2view .section_inner2 .form_row .input_wrap .myrating span { font-size:14px !important; line-height:27px; margin-right:2px; } #reserv2view .section_inner2 .form_row .input_wrap .myrating .grade { color:#333333; margin-left:10px; } #reserv2view .section_inner2 .form_row .input_wrap select { background:url('../images/contents/icon_down_01.png') no-repeat 95% 50%; color:#737373; font-size:12.5px; width:200px; } #reserv2view .form_row p { clear:both; line-height:1; padding-bottom:10px; } #reserv2view .form_row .file { position:relative; } #reserv2view .form_row .file_input_textbox { float:left; height:29px; } #reserv2view .form_row .file_input_div { height:29px; overflow:hidden; position:relative; width:100%; } #reserv2view .form_row .file_input_btn { background-color:#393939; color:#ffffff; display:inline-block; float:right; height:29px; line-height:29px; width:80px; } #reserv2view .form_row .file_input_hidden { cursor:pointer; filter:alpha(opacity=0); font-size:29px; height:29px; margin:0; -ms-filter:alpha(opacity=0); opacity:0; position:absolute; right:0; top:0; width:80px; } #reserv2view h5 { font-size:16px; padding-bottom:10px; } #reserv2view h6 { font-size:14px; padding-top:20px; } #reserv2view .box { border:1px solid #ddd; box-sizing:border-box; padding:20px 40px; } #reserv2view .box p { font-size:14px; line-height:25px; padding:20px 0; } #reserv2view .cbox { clear:both; } #reserv2view .cbox input { margin-right:5px; } @media (min-width: 768px) { #reserv2view .section_inner .form_row label { float:left; line-height:59px; width:15%; } #reserv2view .section_inner .form_row label b span { display:inline-block; padding-right:5px; } #reserv2view .section_inner2 .form_row label b.fs12 { font-size:14px; } #reserv2view .section_inner .form_row select { margin-left:0; } #reserv2view .section_inner .form_row .input_wrap, #reserv2view .section_inner .form_row .text_wrap { float:left; vertical-align:middle; width:85%; } #reserv2view .section_inner .form_row .file_input_div { height:44px; width:auto; } #reserv2view .section_inner .form_row .file_input_textbox { width:80%; } #reserv2view .section_inner .form_row .file_input_btn { margin-top:7px; width:100%; } #reserv2view .section_inner .form_row .file_input_hidden { margin-top:7px; width:100%; } #reserv2view .section_inner .form_row .file .caution { bottom:-10px; } #reserv2view .section_inner .form_row .input_wrap .dropdown .dropbtn_default { width:210px; } #reserv2view .section_inner .textbox { margin-top:40px; width:86.5%; } #reserv2view .section_inner .textbox { margin-top:40px; width:100%; } #reserv2view .section_inner2 .form_row { background-color:#f9f9f9; border-bottom:1px solid #cccccc; overflow:hidden; } #reserv2view .section_inner2 .form_row label { box-sizing:border-box; padding:0 10px; } #reserv2view .section_inner2 .form_row .input_wrap, #reserv2view .section_inner2 .form_row .text_wrap { background-color:#ffffff; box-sizing:border-box; padding:7px 30px; } } @media (max-width: 768px) { #reserv2view .section_inner2 .form_row:nth-of-type(1) { border-top:none; } #reserv2view .section_inner .form_row label { width:100%; } #reserv2view .section_inner2 .form_row .input_wrap { width:100%; } #reserv2view .section_inner2 .form_row .input_wrap select { width:100%; } #reserv2view .section_inner2 .form_row .input_wrap ul li.w10 { font-size:11px; padding:17px 1%; width:5%; } #reserv2view .section_inner2 .form_row .input_wrap ul li { width:31.3%; } #reserv2view .section_inner .form_row select { padding-left:10px; } #reserv2view .form_row p { line-height:18px; padding:10px 0; } #reserv2view .section_inner2 { padding-top:15px; } #reserv2view .section_inner2 .form_row .input_wrap ul li.w15 { padding:7px 0; width:3%; } #reserv2view .box { padding:15px; } } @media (min-width: 1024px) { #reserv2view .section_inner .form_row label { width:20%; } #reserv2view .section_inner .form_row .input_wrap, #reserv2view .section_inner .form_row .text_wrap { width:80%; } #reserv2view .section .btn_group { margin-top:40px; } #reserv2view .section .btn_group .btn { font-size:18px; } #reserv2view .section_inner2 .form_row label { padding:0 20px; } } @media (min-width: 768px) { #reserv2view .tx5{line-height: 25px} #reserv2view .table_layout{display: table;width: 100%;margin-top: 40px;border-collapse: collapse} #reserv2view .table_layout .row{display: table-row} #reserv2view .table_layout .th, #reserv2view .table_layout .td{display: table-cell;padding: 15px;border: 1px solid #cccccc} #reserv2view .table_layout .th{width: 150px} } /************************************************** * 사업분야 **************************************************/ @-webkit-keyframes fade { 0% { opacity:0.6; } 100% { opacity:1; } } @keyframes fade { 0% { opacity:0.6; } 100% { opacity:1; } } @media (min-width:0) { /* 상단배너 */ .midarea .contentdiv .mainbanner { position:relative; } .midarea .contentdiv .mainbanner ul { position:relative; } .midarea .contentdiv .mainbanner li { position:relative; overflow:hidden; } .midarea .contentdiv .mainbanner li .imgbox { background-size:cover; background-position:center; background-repeat:no-repeat; min-height:240px; transform:scale(1,1); transition:all 0.5s; } .midarea .contentdiv .mainbanner li .txtbox { line-height:1.4; position:absolute; left:0; bottom:0; width:100%; background-color:rgba(0,0,0,0.4); color:#fff; height:60px; font-size:24px; overflow:hidden; padding:0 20px; line-height:60px; } .midarea .contentdiv .mainbanner li .txtbox .txt1 { float:left; } .midarea .contentdiv .mainbanner li .txtbox .txt2 { float:right; } .midarea .contentdiv .mainbanner li:hover .imgbox { transform:scale(1.1,1.1); } .midarea .contentdiv .mainbanner .slick-arrow { position:absolute; top:50%; width:30px; height:30px; margin-top:-13px; font-size:0; text-indent:-9999px; z-index:45; opacity:0.6; transition:all 0.5s; cursor:pointer; } .midarea .contentdiv .mainbanner .slick-prev { left:0; background:url('../images/contents/btn_prev_03.png') no-repeat 0 0; background-size:contain; } .midarea .contentdiv .mainbanner .slick-next { right:0; background:url('../images/contents/btn_next_03.png') no-repeat 0 0; background-size:contain; } .midarea .contentdiv .mainbanner:hover .slick-arrow { opacity:1; } /* 추천상품 */ .midarea .contentdiv .recommand .pagetitle { margin-bottom:30px; } .midarea .contentdiv .recommand .pagetitle h3 { font-weight:400; color:#171816; } .midarea .contentdiv .recommandbanner { position:relative; margin:0 -10px; } .midarea .contentdiv .recommandbanner li { position:relative; margin:0 10px; border:2px solid #d8d8d8; } .midarea .contentdiv .recommandbanner li .imgbox { display:inline-block; background-size:cover; background-position:center; background-repeat:no-repeat; width:100%; min-height:240px; opacity:1; transition:all 0.5s; } .midarea .contentdiv .recommandbanner li:hover .imgbox { border-color:#171816; opacity:0.7; } .midarea .contentdiv .recommandbanner li .txtbox { line-height:1.4; padding:15px 10px; } .midarea .contentdiv .recommandbanner li .txtbox .txt1 { font-size:18px; color:#545454; } .midarea .contentdiv .recommandbanner li .txtbox .txt2 { color:#4d4d4f; font-size:20px; } .midarea .contentdiv .recommandbanner li .hover { position:absolute; left:50%; bottom:83px; margin-left:-45px; z-index:10; width:90px; height:30px; line-height:30px; background:rgba(0,0,0,0.3); text-align:center; transition:all 0.5s; opacity:0; } .midarea .contentdiv .recommandbanner li .hover button { display:inline-block; width:25px; height:30px; line-height:30px; text-align:center; color:#fff; } .midarea .contentdiv .recommandbanner li .hover button.btn-cart { background:url('../images/contents/baro_btn.png') no-repeat 0 0; } .midarea .contentdiv .recommandbanner li .hover button.btn-zzim { background:url('../images/contents/icon_zzim.png') no-repeat 0 0; } .midarea .contentdiv .recommandbanner li .hover button.btn-preview { background:url('../images/contents/icon_preview.png') no-repeat 0 0; } .midarea .contentdiv .recommandbanner .slick-arrow { width:24px; height:24px; position:absolute; top:50%; margin-top:-12px; font-size:0; text-indent:-9999px; z-index:45; opacity:0.6; transition:all 0.5s; } .midarea .contentdiv .recommandbanner .slick-prev { left:10px; background:url('../images/contents/btn_prev_03.png') no-repeat center; background-size:contain; } .midarea .contentdiv .recommandbanner .slick-next { right:10px; background:url('../images/contents/btn_next_03.png') no-repeat center; background-size:contain; } .midarea .contentdiv .recommandbanner:hover .slick-arrow { opacity:1; } /* 상품리스트 */ .midarea .contentdiv .shopcontent { clear:both; float:none; margin-top:80px; } .midarea .contentdiv .shopcontent .category { width:100%; border-top:3px solid #000; border-bottom:1px solid #d8d8d8; height:50px; line-height:50px; text-align:left; } .midarea .contentdiv .shopcontent .category span { font-size:20px; font-weight:600; padding:0 10px; } .midarea .contentdiv .shopcontent .category select { width:120px; height:30px; margin-bottom:5px; background:url("../images/contents/icon_down_01.png") no-repeat 95% 50%; padding-left:5px; border:1px solid #ccc; } .midarea .contentdiv .shopcontent .category button { display:inline-block; border:1px solid #d8d8d8; background:#fff; font-size:14px; padding:0 10px; height:30px; margin-bottom:5px; line-height:1; } .midarea .contentdiv .shopcontent .category button:hover, .midarea .contentdiv .shopcontent .category button:focus, .midarea .contentdiv .shopcontent .category button:active { border-color:#171816; color:#171816; } .midarea .contentdiv .shoplist ul { position:relative; overflow:hidden; margin:50px auto; } .midarea .contentdiv .shoplist ul li { margin-bottom:15px; background-color:#f9f9f9; border:2px solid #d8d8d8; position:relative; } .midarea .contentdiv .shoplist ul li:hover, .midarea .contentdiv .shoplist ul li:active, .midarea .contentdiv .shoplist ul li:focus { border-color:#171816; } .midarea .contentdiv .shoplist ul li .imgbox { background-size:cover; background-position:center; background-repeat:no-repeat; display:inline-block; width:100%; min-height:240px; opacity:1; transition:all 0.5s; } .midarea .contentdiv .shoplist ul li:hover .imgbox { opacity:0.7; } .midarea .contentdiv .shoplist ul li .txtbox { line-height:1.4; padding:15px 10px; } .midarea .contentdiv .shoplist ul li .txtbox .txt1 { color:#545454; font-size:18px; } .midarea .contentdiv .shoplist ul li .txtbox .txt2 { color:#4d4d4f; font-size:20px; } .midarea .contentdiv .shoplist ul li .hover { position:absolute; left:50%; bottom:83px; margin-left:-45px; z-index:10; width:90px; height:30px; line-height:30px; background:rgba(0,0,0,0.3); text-align:center; transition:all 0.5s; opacity:0; } .midarea .contentdiv .shoplist ul li .hover button { display:inline-block; width:25px; height:30px; line-height:30px; text-align:center; color:#fff; } .midarea .contentdiv .shoplist ul li .hover button.btn-cart { background:url('../images/contents/baro_btn.png') no-repeat 0 0; } .midarea .contentdiv .shoplist ul li .hover button.btn-zzim { background:url('../images/contents/icon_zzim.png') no-repeat 0 0; } .midarea .contentdiv .shoplist ul li .hover button.btn-preview { background:url('../images/contents/icon_preview.png') no-repeat 0 0; } .midarea .contentdiv .shoplist ul li:hover .hover { opacity:1; } } @media (min-width:640px) { /* 상단배너 */ .midarea .contentdiv .mainbanner li .imgbox { min-height:320px; } /* 추천상품 */ .midarea .contentdiv .recommandbanner li .imgbox { min-height:320px; } /* 상품리스트 */ .midarea .contentdiv .shoplist ul li { float:left; margin-right:10px; width:calc(50% - 5px); } .midarea .contentdiv .shoplist ul li:nth-child(2n) { margin-right:0; } } @media (min-width:768px) { /* 상단배너 */ .midarea .contentdiv .mainbanner li .imgbox { min-height:360px; } /* 상품리스트 */ .midarea .contentdiv .shoplist ul li .imgbox { min-height:320px; } } @media (min-width:992px) { .midarea .contentdiv .mainbanner li .imgbox { min-height:450px; } .midarea .contentdiv .recommandbanner li:hover .hover { opacity:1; } } @media (min-width:1280px) { .midarea .contentdiv .mainbanner li .imgbox { min-height:540px; } } @media (min-width:1600px) { /* 상품리스트 */ .midarea .contentdiv .shoplist ul li { margin-right:20px !important; width:calc(25% - 15px); } .midarea .contentdiv .shoplist ul li:nth-child(4n) { margin-right:0 !important; } } /* 모달창 */ @media (min-width:0) { #btn-cart { } #btn-cart .close { top:10px; right:20px; } #btn-cart h4 { font-size:20px; padding:10px; } #btn-cart h4:after { content:""; display:block; width:100%; height:1px; background-color:#ccc; margin-top:20px; } #btn-cart .modal-content .txtbox { text-align:center; font-size:14px; line-height:1.4; padding:30px 0; } #btn-cart .modal-content .btn_group { width:100%; text-align:center; padding-bottom:30px; } #btn-cart .modal-content .btn_group button { height:35px; line-height:35px; border:1px solid #ccc; padding:0 10px; display:inline-block; font-size:13px; } #btn-cart .modal-content .btn_group button.btn1 { } #btn-cart .modal-content .btn_group button.btn2 { background-color:#333; color:#fff; } } @media (min-width:768px) { #btn-cart h4 { padding:15px; } } /************************************************** * 이용약관 **************************************************/ .agreewarp { position:relative; width:auto; } .agreewarp .agreetab .agreetablist { margin-bottom:50px; } .agreewarp .agreetab .agreetablist .tabbox { overflow:hidden; margin:30px 0; } .agreewarp .agreetab .agreetablist li { float:left; padding: 0 0; } .agreewarp .agreetab .agreetablist li i{ font-style:normal; } .agreewarp .agreetab .agreetablist li.on{ border-bottom:none; } .agreewarp .agreetab .agreetablist li a { display:block; padding: 15px 40px; color:#000000; font-size:16px; border:1px solid #ddd; margin-right:-1px; } .agreewarp .agreetab .agreetablist li.on a { border-color:#171816; color:#171816; border-bottom:0; margin-right:0; } .agreewarp .agreetab .agreetablist .tab-content { margin-top: 10px; padding: 30px; padding-left:0; } .agreewarp .agreetab .agreetablist .hiddencontents p { line-height:1.8; font-size:14px; } @media (max-width:640px) { .agreewarp .agreetab .agreetablist li{ width:25%; line-height:2.4; } .agreewarp .agreetab .agreetablist li i{ display:block; line-height:1.2; } .agreewarp .agreetab .agreetablist li a{ font-size:14px; padding:15px 0; } } @media (max-width:992px) { .agreewarp .agreetab .agreetablist li a{ font-size:12px; } } /************************************************** * 오시는길 **************************************************/ #location{ clear:both; } #location iframe{ width:100%; height:450px; } #location h4{ } #location h5{ margin: 10px 0 ; text-align:left; color:#787878} #location h6{ margin: 3px 0 5px 0 ; font-size:16px; color:#787878} #location p{ font-weight:bold; line-height:18px; font-size: 15px; color:#787878; } /* #location .loca{ padding-top:20px; } */ #location .loca2{ float:left; padding:40px 0; width:32%; margin-right:1.5%;} #location .loca2.last{margin-right:0%;} #location .loca2 .icon{ float:left; width:25%; height:80px; } #location .loca2 .icon span{ display:block; color:#fff; width:100%; height:70px; line-height:70px; font-weight: bold; text-align:center; } #location .loca2 .txt{ float:left; width:75%; padding-left: 8px; line-height:18px; color:#787878} #location .loca2 .color1{ background:#af1f1f;} #location .loca2 .color2{ background:#0071b3;} #location .loca2 .color3{ background:#ff9c00;} @media (max-width: 992px) { #location .loca2{ width:100%; padding:10px 0;} #location .loca2 .icon span{ min-width:70px; } } /************************************************** * 상세페이지 **************************************************/ /* detail1 */ #detail h3{ margin: 0 0; } #detail h3::after{ display:none; } #detail h2{ padding: 0 0; } #detail select{ border:1px solid #ccc; } .detail1 { box-sizing:border-box; position:relative; width:auto; } .detail1 > div { float:left; height:650px; box-sizing:border-box; padding-top:30px; } /* detaile_img */ .detaile_img { border:1px solid #ddd; border-right:0; width:55%; } .detaile_img ul { position:relative; overflow:hidden; } .teb_main > ul > li { width:100%; height:480px; } .teb_main > ul > li > .bg { width:100%; height:100%; background-size:contain; background-repeat:no-repeat; background-position:center; } .teb_main > ul > li > .detail_img01 { background-image:url(../images/contents/img_temp_06.jpg); } .teb_main > ul > li > .detail_img02 { background-image:url(../images/contents/img_temp_08.jpg); } .detaile_img #tab_nav { text-align:center; padding:25px 0 40px; } .detaile_img #tab_nav li { display:inline-block; padding:0 4px; } .detaile_img #tab_nav li img { width:70px; height:70px; } /* detaile_pay */ .detaile_pay { width:45%; padding:15px 10px 30px 10px; border:1px solid #ddd; overflow:hidden; height:auto; } .detaile_pay .title { overflow:hidden; padding-bottom:7px; clear:both; border-bottom:1px solid #ddd; } .detaile_pay .flbox { float:left; width:100%; } .detaile_pay .flbox small { font-size:14px; line-height:25px; display:inline-block; } #detail .detaile_pay h2 { clear:both; color:#222; font-size:20px; padding:20px 0; text-align:left; text-shadow:none; font-weight:500; } .detaile_pay .frbox { float:left; width:100%; text-align:left; } .detaile_pay .frbox small{ font-size:12px; display: inline-block;line-height:25px; display:none; } .detaile_pay > ul { display:block; width:100%; padding:10px 0; border-bottom:1px solid #ddd; } .detaile_pay > ul li { width:100%; } .detaile_pay > ul li dl dt { float:left; width:20%; font-size:16px; line-height:1.4; } .detaile_pay > ul li dl dd { float:left; width:80%; font-size:16px; line-height:1.4; } .detaile_pay > ul li dl dd input { min-width:30px; width:30px; text-align:center; margin:0 5px; } .detaile_pay .sns_button { text-align:right; float:right; width:50%; } .detaile_pay .sns_button li { display:inline-block; } .detaile_pay .sns_button li a { font-size:12px; color:#999; display:block; padding:7px 10px; border:1px solid #ddd; margin-left:5px; } .detaile_pay form { padding:10px 0 10px; } .detaile_pay form select { width:100%; height:30px; line-height:28px; padding-left:5px; margin-bottom:10px; background:url("../images/contents/icon_down_01.png") no-repeat 98% 50%;} .detaile_pay form .detail_cart2 { width:100%; max-height:70px; overflow-y:scroll; } .detaile_pay form .detail_cart2 li { float:left; width:100%; height:32px; line-height:30px; } .detaile_pay form h3 { float:left; font-size:18px; color:#000; margin:0; margin-right:20px; } .detaile_pay form p { float:left; } .detaile_pay form p input { width:30px; text-align:center; margin:0 5px; height:26px; line-height:26px; } .detaile_pay form strong { float:right; } .detaile_pay form strong img { width: 10px; vertical-align: middle; margin-left: 10px; cursor: pointer; } /* sub_price */ .sub_wrap .sub_price { width:1280px; margin:0 auto 0; text-align:right; font-size:16px; color:#333; padding-top:25px; } .sub_wrap .sub_price strong { font-size:30px; color:#cc0000; font-weight:500; } .sub_wrap .sub_price span { display:inline-block; padding-left:5px; font-size:13px; color:#999; } /* detail1-2 */ .sub_wrap .detaile_pay .price_table { width:100%; overflow:hidden; } .detail1-2 {width:40%; float:left; margin:0;box-sizing:border-box;padding-top:7px;} .detail1-2 li {float: left;width: 50%;box-sizing:border-box} .detail1-2 li:after {clear: both;display: block;content: '';} .detail1-2 li.time {background:#f54210;color:#fff;font-size: 12px; width:80%; padding:10px 15px;} .detail1-2 li.time strong {font-size: 15px;float: right;} .detail1-2 li.time b {padding-top:3px;float: left;} .detail1-2 li.time_sale { width:20%; } .detail1-2 li.time_sale .img_box { width:70px; display:block; position:relative; overflow:hidden; } .detail1-2 li.time_sale .img_box img { width:100%; height:100%; } .detail1-2 li.time_sale .img_box em { display:block; position:absolute; left:50%; top:50%; margin-left:-17px; margin-top:-15px; font-size:16px; font-weight:600; color:#fff; } .detail1-2 li.time_sale img {float: left;display: block;} .detail1-2 li.time_sale p {float: left;color:#cc0000;font-size: 40px;font-weight: bold; padding-left: 5px;padding-top: 10px;} .detail1-2 li.time_sale i {display: block;text-decoration: line-through;font-size: 13px;color:#999;line-height: 1;} /* sub_price */ .sub_wrap .detaile_pay .sub_price { width:100%; float:right; text-align:right; font-size:16px; color:#333; padding-top:0; margin-bottom:0; } .sub_wrap .detaile_pay .sub_price i { text-decoration:line-through; } .sub_wrap .detaile_pay .sub_price strong { font-size:30px; color:#cc0000; font-weight:500; } .sub_wrap .detaile_pay .sub_price span { display:inline-block; padding-left:5px; font-size:13px; color:#999; } /* price */ .price { width:1280px; border-bottom:0; margin:0 auto; } .price li { float:right; width:12.33%; height:60px; text-align:center; line-height:65px; margin-left:5px; } .price li a { display:block; width:100%; height:50px; line-height:50px; box-sizing:border-box; background:#aaaaaa; color:#f1f1f1; font-size:16px; font-weight:400; } .price li.cart a { background:#4d4d4f; } .price li.buy a { background:#dd1d21; margin-right:0; } /* price */ .detaile_pay .price { width:100%; border-bottom:0; } .detaile_pay .price li { float:left; width:32.33%; height:60px; text-align:center; line-height:60px; margin-left:1%; padding-right: 0;} .detaile_pay .price li:first-child { margin-left:0; } .detaile_pay .price li a { display:block; width:100%; box-sizing:border-box; background:#aaaaaa; color:#f1f1f1; font-size:14px; font-weight:400; } .detaile_pay .price li.cart a { background:#4d4d4f; } .detaile_pay .price li.buy a { background:#dd1d21; } /* detail_slide */ .detail_slide {background: #f7f7f7;width:auto; padding:0 0 20px; margin:30px 0 40px 0; position:relative; } #category {text-align: center; } #category li {display: inline-block;width: 230px; } #category li.on{ border-bottom:none; } #category li a {font-size: 18px;color:#666;display: block;width: 100%;height: 100%;box-sizing:border-box;padding: 15px 0;border: 1px solid #ddd;background: #fff;} #category li.on a {background:#4d4d4f;color:#fff;} #category.tabbox ~ .btnset .slick-prev { display:block; position:absolute; left:0; top:10%; width:20px; height:20px; font-size:0; text-indent:-9999px; background:url("../images/contents/btn_prev_04.png") no-repeat 0 0; background-size:contain; } #category.tabbox ~ .btnset .slick-next { display:block; position:absolute; right:0; top:10%; width:20px; height:20px; font-size:0; text-indent:-9999px; background:url("../images/contents/btn_next_04.png") no-repeat 0 0; background-size:contain; } .detail_slide .hiddencontents { overflow:hidden; } .detail_slide .hiddencontents .img_box { display:block; width:100%; height:160px; overflow:hidden; margin:0 auto; position:relative; } .detail_slide .hiddencontents .img_box > a { display:block; height:100%; width:100%; } .detail_slide .hiddencontents .img_box .bg{ width:100%; height:100%; background-size:cover; background-position:center; } .detail_slide .hiddencontents .img_box img { width:100%; height:100%; } .detail_slide .hiddencontents ul { margin:30px 0 0; padding: 0 20px; } .detail_slide .hiddencontents ul li { text-align:center; font-size:17px; opacity:1; transition:all 0.5s; } .detail_slide .hiddencontents ul li:hover { opacity:0.7; } .detail_slide .hiddencontents .slick-list{ margin: 0 -5px; } .detail_slide .hiddencontents .slick-slide{ margin: 0 5px; } .detail_slide .hiddencontents ul li div { padding:10px 0; } .detail_slide .hiddencontents ul li div b { color:#4d4d4f; } .detail_slide .hiddencontents ul li div em{ display:block; line-height:1.2; height:1.2em; overflow:hidden; margin-bottom:5px; } .detail_slide .hiddencontents ul li .img_box p {display:none; position:absolute; left:50%; bottom:0; margin-left:-45px; z-index:10; width:90px; height:30px; line-height:30px; background:rgba(0,0,0,0.3); text-align:center; } .detail_slide .hiddencontents ul li .img_box p button { display:inline-block; width:25px; height:30px; line-height:30px; text-align:center; color:#fff; cursor:pointer; } .detail_slide .hiddencontents ul li .img_box p button.btn-cart { background:url('../images/contents/baro_btn.png') no-repeat 0 0; } .detail_slide .hiddencontents ul li .img_box p button.btn-zzim { background:url('../images/contents/icon_zzim.png') no-repeat 0 0; } .detail_slide .hiddencontents ul li .img_box p button.btn-preview { background:url('../images/contents/icon_preview.png') no-repeat 0 0; } @media (max-width:992px) { .midarea .contentdiv .shoplist ul li .hover { display:none; } .detail_slide .hiddencontents ul li .hover { display:none!important; } } /* point_time */ .detail_slide ul li ul { height:40px; width:100%; } .detail_slide ul li ul li { float:left; height:40px; line-height:40px; } .detail_slide li.point_time { width:70%; background:#4d4d4f; padding-left:10px; } .detail_slide li.point_time span { color:#fff; font-size:12px; } .detail_slide li.point_time b { font-size:14px; color:#fff; } .detail_slide li.point_buy { width:30%; background:#15beae; text-align:center; color:#fff; font-size:13px; } /* detail3 */ .detail3 {width:auto;margin: auto;box-sizing:border-box;position: relative;border-right: 1px solid #ddd;} .detail_txt {width:calc(100% - 280px); padding-right:20px; box-sizing:border-box;float: left;border-right: 1px solid #ddd;min-height: 2000px;height:auto;} #d_txt1 > img { width:100%; } .top_teb {padding-bottom: 40px;} .top_teb.fixed{ position:fixed; top:45px; z-index: 2; width:100%; padding: 0 0; left:-5px; } .top_teb li {float: left;width: 25%;height: 50px;box-sizing:border-box;text-align: center;} .top_teb li a {display: block;width: 100%;height: 100%;box-sizing:border-box;border: 1px solid #ddd;border-right: 0;line-height: 50px;font-size: 13px;color:#666;background:#f3f3f3; } .top_teb li.last a {border-right: 1px solid #ddd;} .top_teb li.on a {background:#fff;border-bottom: 0;} @media (min-width:992px) { .top_teb.fixed{ width:calc(100% - 260px); top:78px; right:0; left:inherit; } .top_teb li a { font-size:16px; } .detaile_pay { padding:15px 20px 30px 35px; } #detail .detaile_pay h2 { font-size:24px; } .detail_slide .hiddencontents ul li:hover .img_box p {display:block; } .detail_slide .hiddencontents .img_box { height:240px; } } @media (min-width: 1281px) { .top_teb.fixed{ width:calc(100% - 643px); right:inherit; } .detaile_pay .price li a{ font-size:16px; } } @media (min-width: 1440px) { .top_teb.fixed{ width:calc(100% - 703px); } } @media (min-width: 1600px) { .top_teb.fixed{ width:calc(100% - 793px); } } #d_txt1 > img {margin-bottom: 45px; } #d_txt1 h3 {font-size: 16px;color:#fff;background:#4d4d4f;padding: 12px;} #d_txt1 table {width: 100%;} #d_txt1 tr {border-bottom: 1px solid #ddd;} #d_txt1 th,#d_txt1 td {font-size: 14px;color:#666;padding: 7px 20px;} #d_txt1 th {text-align: left;background: #f5f5f5;} #d_txt1 td {padding-left: 22px;} .review {float: left;height:80px;box-sizing:border-box;} .review_title {width:25%;text-align: center;background: #f5f5f5;box-sizing:border-box;padding-top: 15px;font-size: 35px} .review_title h2 {font-size: 20px;color:#333;line-height: 1;text-shadow:none; } .review .ratingicon { font-size:26px !important; margin:0 3px; } /* .star {background: url(../images/contents/star.png) center no-repeat;display: inline-block;width: 29px;height: 28px;cursor:pointer} .mobile .star { zoom:0.5; } .active2 {background: url(../images/contents/star2.png) center no-repeat;} */ .d_txt {padding-bottom: 50px;} .write_review {width:75%;box-sizing:border-box} .write_review textarea {font-size: 13px;color:#999;padding: 15px 20px;resize: none;width:85%;height: 80px;background: 0;border: 1px solid #ddd;box-sizing:border-box;float:left; margin: 0 0; } .write_review button {width:15%;height: 80px;border: 0;background:#aaaaaa;color:#fff; float:left; font-size: 16px;margin-left: -2px;} span.tb_title {display: block;color:#707070;font-size: 15px;padding-top: 35px;clear: both;padding-bottom: 5px;} span.tb_title img { width:12px; height:12px; } span.tb_title b {color:#dd1d21;padding-left: 5px;} .d_txt table {width: 100%;border-top: 1px solid #4d4d4f;} .d_txt th {padding: 10px 20px;text-align: center;vertical-align: middle;border-bottom: 1px solid #ddd;position: relative;} .d_txt th:after {clear: both;display: block;content: '';} .d_txt th b {position: absolute;right: 0;display: inline-block;color:#ddd;} .d_txt th,.d_txt td {color:#666;} #d_txt1{ position:relative; width:100%; padding-bottom:50px; } #d_txt2 th h3 {float: left;padding-right:10px; font-size:14px; } #d_txt2 th .myrating {float: left;} #d_txt2 th .myrating .ratingicon {font-size:15px!important; margin:0 1px; } #d_txt2 th.title {width: 680px;box-sizing:border-box;} #d_txt2 th,#d_txt2 td {font-size: 14px;} #d_txt2 td {padding: 20px 25px;} #d_txt2 td:last-child {border-bottom: 1px solid #ddd;} #d_txt3 .write_review {width: 100%;} #d_txt3 .write_review textarea {width: 85%; float:left; margin: 0 0; } #d_txt3 .write_review button { width:15%; float:left; } #d_txt3 table {text-align: center;} #d_txt3 tr {border-bottom: 1px solid #ddd;} #d_txt3 tr.bd_none {border-bottom: 0;} #d_txt3 tr.bd_none td {padding-bottom:5px;} #d_txt3 th {font-size: 15px;} #d_txt3 td {padding: 20px 0;} #d_txt3 td img {margin-left: 15px;margin-bottom: 3px; width:20px; height:20px; vertical-align:middle; } #d_txt3 td.title {text-align: left;} #d_txt3 td.title > span {padding-left: 25px;padding-top: 0;} #d_txt3 tr.point td {padding: 0;padding-bottom: 20px;text-align: left;} #d_txt3 td textarea {font-size: 13px;color:#999;padding: 15px 20px;resize: none;width:85%;height:75px;background: 0;border: 1px solid #ddd;box-sizing:border-box; float:left; margin:0 0;} #d_txt3 td button {width:15%;height: 75px;border: 0;background:#aaaaaa;color:#fff;font-size: 16px;margin-left: -2px; float:left; } #d_txt3 td.write_tb { text-align:left; } #d_txt3 td.write_tb img {margin-right: 10px; vertical-align:middle; } .d_txt4 h3 {font-size: 20px;color:#333;padding-bottom: 5px;} .d_txt4 p {font-size: 14px;color:#666;} .d_txt4 li {padding-bottom: 55px;padding-left: 15px;} /* detail_sub */ .detail_sub {width: 280px;position: absolute;right:0;top:0; background:#fff; } .tablet .detail_sub { display:none; } .mobile .detail_sub { display:none; } #detail .detail_sub h2 { font-size: 20px; background-color:#4d4d4f; color:#fff;padding: 20px 10px ; font-weight:500; margin:0 0 5px; text-align:center; } .detail_sub select { width:100%; height:50px; line-height:50px; font-size:20px; color:#666; background:#f7f7f7 url("../images/contents/btn_utill.png") no-repeat 95% 50%; padding-left:7px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .detail_sub .detail_cart { margin:10px 0; height:350px; overflow-y:scroll; } .detail_sub .detail_cart li { width:100%; height:70px; line-height:30px; float:none; overflow:hidden; border-bottom:1px solid #ddd; padding:0 5px; } .detail_sub .detail_cart li h3 { font-size:16px; color:#111; display:block; width:100%; line-height: 30px; position:inherit; } .detail_sub .detail_cart button { font-size:16px; line-height:30px; } .detail_sub .detail_cart input { min-width:20px; width:30px; text-align:center; margin:0 5px; } .detail_sub .detail_cart li p { width:50%; float:left; height:30px; line-height:30px; } .detail_sub .detail_cart li p input { height:26px; line-height:26px; } .detail_sub .detail_cart li strong { width:50%; height:30px; line-height:30px; float:right; font-size:14px; text-align:right; } .detail_sub .detail_cart li strong img { width:12px; height:12px; vertical-align:middle; margin-left:10px; cursor:pointer; } .detail_sub > p {padding-top: 0;color:#333;font-size: 16px;text-align: right;padding-right:20px;} .detail_sub > p strong {color:#cc0000;font-size: 30px;font-weight: bold; display: block;} .detail_sub > p b {color:#333;font-size: 16px;} .detail_sub .cart_go {text-align: center;padding-top: 10px;} .detail_sub .cart_go li {margin-bottom: 5px;display: inline-block; width:31.33%; } .detail_sub .cart_go li a {display: block;font-size: 14px;color:#f1f1f1;width: 100%;padding: 20px 0;text-align: center; font-weight:500; } .detail_sub .cart_go li.go0 a {background: #aaa;} .detail_sub .cart_go li.go1 a {background: #a4ad2e;} .detail_sub .cart_go li.go2 a {background: #dd1d21;} .mobile_price {display: none;position: fixed;bottom: 0;left: 0;width: 100%;text-align: center;z-index:97;background:#f1f1f1;padding:10px 20px 20px;box-sizing:border-box;} .mobile_price select {width: 100%;height:30px; padding-left:5px; background:url("../images/contents/icon_down_01.png") no-repeat 98% 50%;} .mobile_price h3 {text-align: left;padding-top: 10px;color:#333} .mobile_price form {display: none;padding-top:10px;} .m_option {padding-bottom: 10px;} .m_option li {float: left;} .m_option li input[type='text'] {width: 55px;background:#fff;border: 1px solid #ddd;border-right: 0;border-left: 0;height: 28px;text-align:center;font-size: 14px;} .m_option li button {background:#fff;border: 1px solid #ddd;padding:0 10px;font-size: 16px;color:#666;height: 28px;}.m_option li.last {float: right;} .m_option li strong {color:#cc0000;font-size: 16px;} .m_cart_go li {width: 50%;float: left;box-sizing:border-box;} .m_cart_go li a {display: block;width: 100%;box-sizing:border-box;font-size: 20px;color:#f1f1f1;font-weight: bold;padding: 20px 0;} .m_cart_go li.go1 a {background: #a4ad2e;} .m_cart_go li.go2 a {background: #dd1d21;} .bottomarea {z-index: 97;position: relative;} .pc_ie9 .detail_sub .detail_cart li p { line-height:32px; } @media (min-width:1281px) and (max-width:1640px) { } @media (min-width:1041px) and (max-width:1280px) { /* .detail1, .detail_slide, .detail3 { width:100%; box-sizing:border-box; margin:0 auto; }*/ /* .detail1 > div {height: auto;} */ .detaile_pay, .detaile_img { width:50%; /* height:615px !important; */ } .detaile_img {padding-top:12px;} .detaile_img .teb_main {text-align: center;} .detaile_pay strong {padding-bottom: 15px;} .detail3 {border-right: 0;} .detail_txt {width:100%;float: none;border-right: 0;padding-right: 0;} .detail_menu {display: none;} .detail_menu1 {display: none;} #d_txt1 > img {width: 100%;} .top_teb li a {-webkit-background-size: 100% 100%;background-size: 100% 100%;} .mobile_price {display: block;} #d_txt2 form {text-align: center;} .review {float: none;display: inline-block;vertical-align:middle} .review_title {width: 23%;} .write_review textarea {width:65%;} .tb_title {text-align: left;} #d_txt2 td {text-align: left;} } @media (min-width:721px) and (max-width:1040px) { .detail1, .detail_slide, .detail3 { width:100%; box-sizing:border-box; margin:0 auto; } .detaile_pay, .detaile_img { height:auto; } .detaile_img { width:45%; padding:10px; } .teb_main > ul > li { height:400px; } .detaile_img .teb_main img {width: 100%;} .detaile_img #tab_nav li {width: 24%;} .detaile_img #tab_nav li img {width: 100%;} .detaile_pay > ul li dl dt { font-size:14px; } .detaile_pay > ul li dl dd { font-size:14px; } .detaile_pay {width:55%;padding: 15px 20px;} .detaile_pay .price li { width:31.5%; height:40px; line-height:40px; } .detaile_pay form select { width:100%; } .detaile_pay form .detail_cart2 { width:100%; max-height:50px; } .detaile_pay h2 {color:#222;font-size: 20px;} .detaile_pay p { } .detaile_pay strong {font-size: 13px;} .detaile_pay strong b {font-size:16px;} .detaile_pay .price { padding:0; } .detail_slide { width:100%; } .swiper-slide {padding: 15px 0;} .swiper-slide > img {padding-bottom: 25px;} .top_teb {padding: 20px 0;} .review {float: none;display: block;} .review_title {width:95%;margin:auto;box-sizing:border-box;height: auto;} .write_review {width:95%;margin: auto;box-sizing:border-box} .write_review textarea {width:80% ;height: 70px;} .write_review button {width:19.5%;height: 70px;} .detail_txt {width:100%;float: none;border-right: 0;padding-right: 0;} .d_txt {padding-bottom:30px;} span.tb_title {padding-top: 15px;} #d_txt2 th,#d_txt2 td {font-size: 13px;} #d_txt2 h3 {font-size: 13px;padding-top:3px;} .d_txt th .rating-container {padding-top: 5px;} #d_txt3 th,#d_txt3 td {font-size: 13px;} #d_txt3 td textarea {width:85%;height:70px;} #d_txt3 td button {width:14%;height: 70px;} .detail_menu { display:none; } } @media (min-width:481px) and (max-width:720px) { .detail1, .detail_slide, .detail3 { width:100%; box-sizing:border-box; margin:0 auto; } .detail1 > div {float: none;} .detaile_pay, .detaile_img {height:auto !important; width: 100%; } .detaile_img {border-right: 1px solid #ddd;border-bottom: 0;} .detaile_img #tab_nav li {width: 20%;} .detail_menu { display:none; } .detaile_pay > ul li dl dt { font-size:14px; } .detaile_pay > ul li dl dd { font-size:14px; } .detail_slide { width:100%; } #category {width: 95%;margin: auto;} #category li {width: 32.6%;display: block;float: left;} #category li.center {margin: 0 1%;} #category li a {font-size: 2vw;} .top_teb li {height: auto;} .top_teb li a {font-size:13px;} #d_txt1 > img {margin-bottom: 20px;} .detail_txt {width:100%;float: none;border-right: 0;padding-right: 0;} #d_txt1 h3 {font-size: 14px;padding: 10px;} #d_txt1 th,#d_txt1 td {font-size:2vw;width: 25%;padding: 7px 10px;} .review_title {width:100%;margin:auto;box-sizing:border-box;height: auto;} #d_txt3 .none {display: none;} #d_txt3 td.title {width: 80%;} .d_txt4 h3 {font-size:12px;} .d_txt4 p {font-size: 11px;} .d_txt4 li {padding-bottom: 20px;padding-left: 5px;} } @media (max-width:480px) { .sub_wrap .detaile_pay .sub_price {font-size: 11px; width:70%; } .sub_wrap .detaile_pay .sub_price strong {font-size: 20px;} .sub_wrap .detaile_pay .sub_price b {font-size: 12px;} .sub_price span {display: block;} .detail1, .detail_slide, .detail3 { width:100%; box-sizing:border-box; margin:0 auto; } .detail1 > div {float: none; height:auto; } .detaile_pay,.detaile_img {height:auto;width: 100%;} .detail1 .teb_main li { height:300px; } .detaile_pay, .detaile_img {height:auto;width: 100%;} .detail1 .teb_main li { height:300px; } .detaile_img {border-right: 1px solid #ddd;border-bottom: 0; height:auto; } .detaile_img #tab_nav li {width: 23%; padding:0; } .detaile_img #tab_nav li a { display:block; margin-left:5px; } .detaile_img #tab_nav li a:first-child { margin-left:0; } .detaile_pay ul.price_sns > li { width:100%; float:none; } .detaile_pay .sns_button li a { margin-left:0; margin-right:5px; } .detaile_pay .frbox { margin-top:10px; } .detaile_pay > ul li dl dt { padding:0; width:25%; font-size:13px; } .detaile_pay > ul li dl dd { width:75%; font-size:13px; } .detaile_pay form h3 { font-size:16px; } .detaile_pay form select { width:100%; } .detaile_pay form .detail_cart2 { width:100%; } .detaile_pay .price li { } .detaile_pay_sale .sub_price { margin-top:-50px; } .detail_slide .hiddencontents .img_box { width:100%; } .detail_slide li.point_buy { font-size:12px; } #category {width: 95%;margin: auto; padding:0 20px; } #category li {width: 32.6%;display: block;float: left;} #category li.center {margin: 0 1%;} #category li a {font-size: 5vw;} #category ~ .hiddencontents li .imgbox { width:100%; height:150px; } #category ~ .hiddencontents li div { font-size:14px; } #d_txt1 th, #d_txt1 td { padding:5px 0 5px 5px; font-size:11px; } review_title { width:100%; } .review_title h2 { font-size:16px; } #d_txt2 .none {display: none;} #d_txt2 th, #d_txt2 td { font-size:12px; } #d_txt2 th b {display: none;} #d_txt2 th h3 { font-size:14px; } .table_num .left1, .table_num .right1 {display: none;} #d_txt3 th,#d_txt3 td {padding: 5px; font-size:12px; } #d_txt3 td.title > span {padding: 0;} #d_txt3 td img {padding-left: 5px;width: 20px;height: 20px;} #d_txt3 td.write_tb img {width: 20px;height: 20px;} #d_txt3 td.write_tb img {padding-right: 0;margin-right: 1%;} .detail_txt {width:100%;float: none;border-right: 0;padding-right: 0;} .review_title { width:100%; } .write_review {width:100%;margin: auto;box-sizing:border-box} #d_txt3 td textarea,#d_txt3 .write_review textarea,.write_review textarea {font-size:12px !important;} .d_txt4 {padding-bottom: 20px;} .d_txt4 h3 { font-size:14px; } .d_txt4 p { font-size:12px; } .d_txt4 li {padding-bottom: 10px;} .detail_menu { display:none; } .m_cart_go li a { padding:10px 0; font-size:12px; } .mobile_price {display: block; padding: 10px;bottom: 55px; } } /************************************************** * 미확인입금자 **************************************************/ #section31 .pagetitle { margin:20px auto; } #section31 .pagetitle .border { border:1px solid #ccc; padding:10px; line-height:1.4; font-size:14px; } #section31 .pagetitle .border .pointer { color:#171816; font-size:16px; } /* searchdiv */ #section31 .searchdiv { width:100%; } #section31 .searchdiv .boxleft { float:left; display:inline-block; } #section31 .searchdiv .boxright { float:right; width:40%; margin:10px 0; } #section31 .searchdiv .boxright span{ float:left; display:inline-block; } #section31 .searchdiv .boxright .br1{ width:20%; padding-right:5px; } #section31 .searchdiv .boxright .br1 select{ width:100%; background:url('../images/contents/icon_down_01.png') no-repeat 90% 50%; padding-left:5px; } #section31 .searchdiv .boxright .br2{ width:63%;} #section31 .searchdiv .boxright .br2 input{ width:100%;} #section31 .searchdiv .boxright .br3{ width:17%; padding-left:5px; } #section31 .searchdiv .boxright .br3 button{ width:100%; } #section31 select { background-color: #fff; border: solid 1px #ddd; border-radius: 0; padding: 0; color: #a0a0a0;height: 26px; line-height: 26px; } #section31 input { background-color: #fff; border: solid 1px #ddd; border-radius: 0; padding: 0; margin:0; height: 26px; line-height: 26px;} #section31 .btn_search { display: inline-block; line-height: 20px; background: #413c38; color: #fff; font-size: 12px; padding: 3px 7px; } #section31 table tr th:nth-child(1){ width:10%; } #section31 table tr th:nth-child(2){ width:30%; } #section31 table tr th:nth-child(3){ width:30%; } #section31 table tr th:nth-child(4){ width:15%; } #section31 table tr th:nth-child(5){ width:10%; } #section31 table tr td:nth-child(1){ width:10%; } #section31 table tr td:nth-child(2){ width:30%; } #section31 table tr td:nth-child(3){ width:30%; } #section31 table tr td:nth-child(4){ width:15%; } #section31 table tr td:nth-child(5){ width:10%; } /* tablestyle - bordertable */ #section31 table { width:100%; border-top:2px solid #4d4d4f;} #section31 table th{ font-size:16px; padding:20px 0; background:#f6f6f6; color:#333;} #section31 table tr{ border-bottom:1px solid #ddd; } #section31 td { padding:10px 0; vertical-align:middle; text-align:center; color:#787878;} #section31 td.txtleft { text-align:left;} #section31 th { padding:15px 0; vertical-align:middle;} #section31 .tablediv .bordertable tbody td:nth-child(2) { text-align:center; } #section31 .tablediv .bordertable tbody td:last-child { text-align:center; } .bordertable tr th:nth-child(3) a{ display:block; width:100%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .bordertable tr td:nth-child(3) a{ /* display:block; */ width:100%; } @media (min-width:768px) { #section31 .pagetitle .border { padding:15px; line-height:1.6; } } /************************************************** * modal popup * **************************************************/ .mask { background-color:#000; display:none; left:0; position:absolute; top:0; z-index:9999; } /************************************************** * modal popup - layerpopup1 * **************************************************/ @media (min-width:0) { } .layerpopup .window { background-color:#ffffff; display:none; height:700px; padding-top:40px; width:1280px; z-index:9999; } .layerpopup .window .close { height:15px; position:absolute; right:20px; top:5px; width:15px; } .layerpopup .window .close img { width:100%; } .layerpopup .window .detail1 { box-sizing:border-box; margin:0 auto 0; position:relative; width:1280px; } .layerpopup .window .detail1 > div { box-sizing:border-box; float:left; height:615px; } .layerpopup .window .detaile_img { border:1px solid #ddd; border-right:0; margin-left:10px; padding-top:0; width:480px; } .layerpopup .window .detaile_img ul { overflow:hidden; position:relative; } .layerpopup .window .teb_main2 > ul > li { background-position:center; background-repeat:no-repeat; background-size:cover; height:480px; width:100%; } .layerpopup .window .teb_main2 > ul > li > img { height:100%; width:100%; } .layerpopup .window .detaile_img #tab_nav2 { padding:25px 0 40px; text-align:center; } .layerpopup .window .detaile_img #tab_nav2 li { display:inline-block; padding:0 4px; } .layerpopup .window .detaile_img #tab_nav2 li a { background-position:center; background-repeat:no-repeat; background-size:cover; display:inline-block; height:70px; width:70px; } .layerpopup .window .detaile_img #tab_nav2 li img { height:70px; width:70px; } .layerpopup .window .detaile_pay { border-left:none; height:auto; overflow:hidden; padding:15px 20px 30px 35px; width:480px; } .layerpopup .window .detaile_pay .title { border-bottom:1px solid #ddd; clear:both; overflow:hidden; padding-bottom:7px; } .layerpopup .window .detaile_pay .flbox { float:left; width:100%; } .layerpopup .window .detaile_pay .flbox small { display:inline-block; font-size:12px; line-height:25px; } .layerpopup .window .detaile_pay h2 { clear:both; color:#222; font-size:25px; text-align:left; text-shadow:none; } .layerpopup .window .detaile_pay .frbox { float:left; margin-top:-5px; text-align:left; width:100%; } .layerpopup .window .detaile_pay > ul { border-bottom:1px solid #ddd; display:block; padding:10px 0; width:100%; } .layerpopup .window .detaile_pay > ul li { width:100%; } .layerpopup .window .detaile_pay > ul li dl dt { float:left; font-size:16px; line-height:1.8; width:20%; } .layerpopup .window .detaile_pay > ul li dl dd { float:left; font-size:16px; line-height:1.8; width:80%; } .layerpopup .window .detaile_pay > ul li dl dd input { margin:0 5px; min-width:30px; text-align:center; width:30px; } .layerpopup .window .detaile_pay ul.price_sns { float:left; width:100%; } .layerpopup .window .detaile_pay ul.price_sns > li { float:left; width:50%; } .layerpopup .window .detaile_pay > ul > li { padding-right:5px; } .layerpopup .window .detaile_pay .sns { border-bottom:0; overflow:hidden; text-align:left; } .layerpopup .window .detaile_pay .sns li { float:left; height:30px; width:30px !important; } .layerpopup .window .detaile_pay .sns li a { display:inline-block; } .layerpopup .window .detaile_pay .sns_button { padding-top:5px; text-align:right; } .layerpopup .window .detaile_pay .sns_button li { display:inline-block; } .layerpopup .window .detaile_pay .sns_button li a { border:1px solid #ddd; color:#999; display:block; font-size:12px; margin-left:5px; padding:5px 10px; } .layerpopup .window .sub_wrap .price_table > ul { padding-top:35px; } .layerpopup .window .sub_wrap .sub_price { color:#333; font-size:16px; margin-bottom:10px; padding-top:25px; text-align:right; } .layerpopup .window .sub_wrap .sub_price strong { color:#cc0000; font-size:30px; font-weight:500; } .layerpopup .window .sub_wrap .sub_price span { color:#999; display:inline-block; font-size:13px; padding-left:5px; } .layerpopup .window .detaile_pay .price { border-bottom:0; width:100%; } .layerpopup .window .detaile_pay .price li { float:left; height:60px; line-height:65px; margin-left:5px; text-align:center; width:32.33%; } .layerpopup .window .detaile_pay .price li a { background:#aaaaaa; box-sizing:border-box; color:#f1f1f1; display:block; font-size:16px; font-weight:400; height:50px; line-height:50px; width:100%; } .layerpopup .window .detaile_pay .price li.cart a { background:#a4ad2e; } .layerpopup .window .detaile_pay .price li.buy a { background:#dd1d21; margin-right:0; } .layerpopup .window .detail_sub { position:absolute; right:10px; top:0px; width:280px; } .layerpopup .window .detail_sub h2 { background-color:#4d4d4f; color:#fff; font-size:20px; font-weight:500; margin:0 0 5px; padding:15px 20px; } .layerpopup .window .detail_sub select { appearance:none; background:#f7f7f7 url("../images/contents/btn_utill.png") no-repeat 95% 50%; color:#666; font-size:20px; height:50px; line-height:50px; -moz-appearance:none; padding-left:7px; -webkit-appearance:none; width:100%; } .layerpopup .window .detail_sub .detail_cart { height:320px; margin-top:20px; overflow-y:scroll; } .layerpopup .window .detail_sub .detail_cart li { border-bottom:1px solid #ddd; float:none; height:70px; line-height:30px; overflow:hidden; width:100%; } .layerpopup .window .detail_sub .detail_cart li h3 { color:#111; display:block; font-size:16px; position:inherit; width:100%; } .layerpopup .window .detail_sub .detail_cart button { font-size:16px; line-height:30px; } .layerpopup .window .detail_sub .detail_cart input { height:26px; line-height:26px; min-width:20px; text-align:center; width:30px; } .layerpopup .window .detail_sub .detail_cart li p { float:left; line-height:30px; width:50%; } .layerpopup .window .detail_sub .detail_cart li strong { float:right; font-size:14px; height:30px; line-height:30px; text-align:right; width:50%; } .layerpopup .window .detail_sub .detail_cart li strong img { cursor:pointer; margin-left:10px; vertical-align:middle; width:10px; } .layerpopup .window .detail_sub > p { color:#333; font-size:16px; padding-right:20px; padding-top:0; text-align:right; } .layerpopup .window .detail_sub > p strong { color:#cc0000; display:block; font-size:30px; font-weight:bold; } .layerpopup .window .detail_sub > p b { color:#333; font-size:16px; } .layerpopup .window .detail_sub .cart_go { padding-top:10px; text-align:center; } .layerpopup .window .detail_sub .cart_go li { display:inline-block; margin-bottom:5px; width:49%; } .layerpopup .window .detail_sub .cart_go li a { color:#f1f1f1; display:block; font-size:14px; font-weight:500; padding:20px 0; text-align:center; width:100%; } .layerpopup .window .detail_sub .cart_go li.go0 a { background:#aaa; } .layerpopup .window .detail_sub .cart_go li.go1 a { background:#a4ad2e; } .layerpopup .window .detail_sub .cart_go li.go2 a { background:#dd1d21; } /************************************************** * modal popup - layerpopup2 * **************************************************/ @media (min-width:0) { .layerpopup2 { background-color:#fff; } .layerpopup2 .window { background-color:#ffffff; display:none; height:auto; max-width:650px; padding-top:40px; width:90%; z-index:99999; } .layerpopup2 .window .close { position:absolute; right:20px; top:5px; width:30px; } .layerpopup2 h1 { font-size:35px; font-weight:bold; padding:10px 0 20px 0; text-align:center; } .layerpopup2 .form_wrap { margin:0 5%; width:90%; } .layerpopup2 table { border:1px solid #ddd; width:100%; } .layerpopup2 table tr { border-bottom:1px solid #ddd; } .layerpopup2 table th, .layerpopup2 table td { font-size:14px; line-height:25px; padding:5px 0; } .layerpopup2 table th { background:#efefef; text-align:center; } .layerpopup2 table td { text-indent:10px; vertical-align:middle; } .layerpopup2 table td ul li { float:left; margin-right:10px; } .layerpopup2 .order { background:#eee; display:block; font-size:25px; margin:10px 0; margin:15px auto; padding:10px 0; text-align:center; width:160px; } .layerpopup2 .order:hover, .layerpopup2 .order:active, .layerpopup2 .order:focus { color:#787878; } } /************************************************** * modal popup - layerpopup3 * **************************************************/ @media (min-width:0) { .layerpopup3 { background-color:#fff; } .layerpopup3 .window { background-color:#ffffff; display:none; height:auto; padding-top:40px; width:90%; max-width:980px; z-index:99999; } .layerpopup3 .window .close { height:16px; position:absolute; right:20px; top:5px; width:16px; } .layerpopup3 h1 { font-size:24px; font-weight:bold; padding:10px 0 20px 0; text-align:center; } .layerpopup3 .form_wrap { margin:0 auto; width:95%; } .layerpopup3 .form { border:1px solid #000; overflow:hidden; } .layerpopup3 p.page { padding:5px 0; } .layerpopup3 p.client { font-weight:bold; padding:5px 0 10px 0; } .layerpopup3 .table_tit { padding:10px 0; text-align:center; } .layerpopup3 table { border:1px solid #ddd; width:100%; } .layerpopup3 table tr { border-bottom:1px solid #ddd; } .layerpopup3 table th, .layerpopup3 table td { line-height:30px; } .layerpopup3 table th { background:#efefef; padding:0 10px; } .layerpopup3 .form_left, .layerpopup3 .form_right { float:none; width:100%; } .layerpopup3 .form_left ul { width:100%; } .layerpopup3 .form_left ul li { border-bottom:1px solid #eee; line-height:35px; padding-left:15px; text-align:left; } .layerpopup3 .form_top { border-bottom:1px solid #000; overflow:hidden; } .layerpopup3 .form_center { border-bottom:1px solid #000; overflow:hidden; } .layerpopup3 .form_center ul { border:1.5px solid #000; margin:10px 0; overflow:hidden; } .layerpopup3 .form_center ul li { border-right:1px solid #000; box-sizing:border-box; float:left; line-height:35px; text-align:center; width:10%; } .layerpopup3 .form_center ul li.w233 { width:23.33%; } .layerpopup3 .form_center ul li:last-child { border-right:none; } .layerpopup3 .form_center p { display:block; padding:0 5px 8px 0; text-align:right; } .layerpopup3 .form_bottom p.fb_left { line-height:20px; margin-left:2%; width:100%; } .layerpopup3 .form_bottom p.fb_right { text-align:right; } .layerpopup3 .form_bottom p.fb_right span { background:#eee; display:inline-block; margin:20px 0; padding:6px 65px; } .layerpopup3 .form_bottom strong { font-weight:bold; } .layerpopup3 .print { background:#eee; display:block; font-size:25px; margin:10px 0; margin:15px auto; padding:10px 0; text-align:center; width:160px; } } @media (min-width:768px) { .layerpopup3 h1 { font-size:28px; } .layerpopup3 table { width:90%; } .layerpopup3 .form_left ul li { text-align:right; } .layerpopup3 .form_left ul { width:90%; } } @media (min-width:992px) { .layerpopup3 h1 { font-size:35px; } .layerpopup3 .form_wrap { width:90%; } .layerpopup3 .form_left, .layerpopup3 .form_right { float:left; width:50%; } } @media (min-width:1024px) { .layerpopup3 .form_bottom p.fb_left { float:left; width:71%; } .layerpopup3 .form_bottom p.fb_right { float:left; width:27%; } } /************************************************** * modal popup - layerpopup4 * **************************************************/ .layerpopup4 { background-color:#fff; } .layerpopup4 .window { width:850px; height:auto; display: none; background-color: #ffffff; padding-top:40px; z-index:99999; } .tablet .layerpopup4 .window { width:650px; } .mobile .layerpopup4 .window { width:320px; } .layerpopup4 .window .close { position:absolute; right:20px; top:0; width:30px; } .layerpopup4 .window .close img { width:100%; } .layerpopup4 .cate_sub { width:95%; margin:0 auto; } .layerpopup4 .cate_nav li {float: left;width: 50%;box-sizing:border-box} .layerpopup4 .cate_nav li a {display: block;width: 100%;height: 100%;box-sizing:border-box;font-size: 16px;color:#666;text-align: center;background:#dddddd;padding: 15px 0;} .layerpopup4 .cate_nav li.on a {background:#4d4d4f;color:#fff;} .layerpopup4 .cate_sub table { width: 100%;margin-top: 3%; table-layout:fixed; } .layerpopup4 .cate_sub th , .layerpopup4 .cate_sub td {text-align: center; width:400px; padding: 10px;color:#666666;font-size: 14px;vertical-align:middle; } .layerpopup4 .cate_sub tr {border-bottom: 1px solid #ddd; } .layerpopup4 .cate_sub th { } .layerpopup4 .cate_sub td.img_box { width:180px; height:180px; overflow:hidden; } .layerpopup4 .cate_sub td img { width:100%; height:100%; } .layerpopup4 .cate_sub tr.point {border-top: 1px solid #a4ad2e;} .layerpopup4 .cate_sub tr.point th, .layerpopup4 .cate_sub tr.point td { color:#a4ad2e; } .layerpopup4 .star {width: 20px;height: 20px;-webkit-background-size: 100% 100%;background-size: 100% 100%;} .layerpopup4 .cate_sub a.ct_button {display: block;float: right;margin-top:2%;background: #dddddd;color:#666;font-size: 12px;width: 100px;height: 32px;box-sizing:border-box;text-align: center;line-height: 32px; margin-bottom:20px; } @media (max-width:480px) { .layerpopup4 .cate_sub td.img_box { height:80px; } } /************************************************** * modal popup - layerpopup5 * **************************************************/ .layerpopup5 { background-color:#fff; } .layerpopup5 .window { width:850px; height:auto; display: none; background-color: #ffffff; padding-top:40px; z-index:99999; padding:40px 15px 20px; } .tablet .layerpopup5 .window { width:650px; } .mobile .layerpopup5 .window { width:320px; } .layerpopup5 .window .close { position:absolute; right:20px; top:0; width:30px; } .layerpopup5 .window .close img { width:100%; } /************************************************** * mypage - common * **************************************************/ @media (min-width:0) { .rightmainpage { max-width:1440px; position:relative; } .rightmainpage h1, .rightmainpage h2, .rightmainpage h3, .rightmainpage h4, .rightmainpage h5, .rightmainpage h6, .rightmainpage p, .rightmainpage dl { font-size:inherit; line-height:inherit; margin:0; padding:0; } .rightmainpage h2 { text-align:left; padding-top:30px; padding-bottom:10px; margin-bottom:20px; text-shadow:none; color:#333; font-size:20px; border-bottom:2px solid #4d4d4f; } .rightmainpage h2 img { height:14px; width:14px; } .rightmainpage h3 { padding:15px 0 10px 10px; color:#333; font-size:16px; font-weight:500; } .rightmainpage h2 + h3 { padding:0 0 10px 10px; } .rightmainpage h3::after { display:none; letter-spacing:0; } .rightmainpage h4 { font-weight:300; padding:15px 10px 10px; font-size:14px; } td.btns a, span.btns a, span.btns2 a, p.rbtns a { background:#f7f7f7; border:1px solid #d2d2d2; color:#777; display:inline-block; font-size:12px; height:25px; line-height:25px; padding:0 10px; } span.btns a { margin-top:2px; padding:0 5px; white-space:nowrap; } span.btns2 a { margin:2px 0; padding:0 20px; white-space:nowrap; } span.btns2 a.type1 { background:#d2d2d2; } p.rbtns { padding:10px 0; text-align:right; margin-top:-15px; } p.rbtns + .shopping_list { padding-top:0; } p.rbtns a.wish { padding-left:25px; } p.rbtns a.wish:before { content:none; } .bar { width:1px; height:12px; margin:0 2px; } .submit_btn { padding-top:35px; text-align:center; } .submit_btn button { background:#aaa; border:0; color:#fff; font-size:16px; font-weight:bold; height:40px; line-height:40px; width:100px; } .submit_btn button.point { background:#171816; } span.ic { background:#4d4d4f; color:#fff; display:inline-block; font-size:11px; height:18px; line-height:18px; margin:1px 0; padding:0 2px; } span.ic2 { background:#171816; } span.ic3 { background:#054cbc; } } @media (min-width:768px) { .submit_btn button { font-size:20px; height:55px; line-height:55px; width:150px; } } /************************************************** * mypage - container_mp * **************************************************/ @media (min-width:0) { .container_mp { min-height:1000px; padding:20px 0 50px 0; } } @media (min-width:992px) { .container_mp { padding:20px 0 50px 165px; } } @media (min-width:1440px) { .container_mp { padding:0 0 50px 230px; } } /************************************************** * mypage - side * **************************************************/ @media (min-width:0) { .side { border:1px solid #ccc; margin-top:20px; } .side .htitle { height:50px; position:relative; border-bottom:1px solid #ccc; background:url("../images/contents/icon_angle_down.png") no-repeat 98% 50%; background-size:20px; overflow:hidden; cursor:pointer; } .side .htitle h1 { padding:10px; font-size:24px; } .side .menu { padding:0 10px; position:relative; height:0; overflow:hidden; } .side .menu h2 { color:#333; font-size:14px; font-weight:600; text-shadow:none; padding:10px 0 2px; border-bottom:none; margin-bottom:0; } .side .menu ul { border-bottom:1px solid #ccc; padding-bottom:10px; padding-left:3px; } .side .menu ul.opt { border-bottom:0; } .side .menu ul li { color:#555; line-height:20px; display:inline-block; padding-right:5px; } .side .menu ul li a { font-size:12px; } .side .menu ul li.on a { color:#171816; } .side_on .menu { border-top:0; display:block; height:auto; } } @media (min-width:768px) { .side .menu h2 { font-size:16px; } .side .menu ul li a { font-size:14px; } } @media (min-width:992px) { .side { position:absolute; left:0; top:0; width:150px; } .side .htitle { border-bottom:1px solid #ccc; text-align:center; background:none; height:auto; cursor:inherit; } .side .htitle h1 { padding:25px 0; background-color:#4d4d4f; color:#fff; } .side .menu { padding:0 20px 20px; height:auto; } .side .menu ul li { padding-left:5px; } .side .menu h2 { padding:20px 0 14px; } .side .menu ul { padding-bottom:15px; } .side .menu ul li { display:block; line-height:25px; padding-left:8px; } } @media (min-width:1440px) { .side { width:200px; margin-top:0; } .side .htitle h1 { font-size:32px; padding:45px 0; } } /************************************************** * mypage - mypage_top * **************************************************/ @media (min-width:0) { .mypage_top { border:1px solid #ccc; height:auto; overflow:hidden; padding:20px; } .mypage_top p { border:1px solid #ccc; display:inline-block; text-align:center; vertical-align:middle; } .mypage_top p img { display:block; padding:1px; width:60px; } .mypage_top p span { background:#ababab; color:#fff; display:block; font-size:12px; height:19px; line-height:19px; } .mypage_top ul { display:inline-block; padding-left:10px; vertical-align:middle; } .mypage_top ul li { color:#232323; line-height:20px; font-size:13px; } .mypage_top div { border:1px solid #ccc; font-size:13px; line-height:20px; min-height:80px; padding:10px; width:auto; margin-top:15px; } .mypage_top div dl dt { display:inline-block; padding-left:0; width:auto; color:#545454; } .mypage_top div dl dd { color:#777; display:inline-block; margin-left:5%; padding-bottom:8px; padding-left:5px; } } @media (min-width:768px) { .mypage_top { padding:20px 30px; } .mypage_top p img { width:auto; } .mypage_top ul { padding-left:20px; } .mypage_top ul li { font-size:14px; } .mypage_top div { padding:8px 15px 0; } .mypage_top div dl dt { background:url('../images/contents/dot02a.png') no-repeat left center; padding-left:10px; width:100px; } .mypage_top div dl dd { padding-bottom:0; } } @media (min-width:992px) { .mypage_top { height:124px; padding:20px; } .mypage_top div { width:55%; float:right; margin-top:0; } .mypage_top div dl dd { padding-left:0; } } /************************************************** * mypage - mypage.html * **************************************************/ @media (min-width:0) { /* 구매현황 */ .step_box ol { height:auto; overflow:hidden; } .step_box ol li { border:1px solid #ccc; border-top:0; padding:15px 20px; color:#666; font-size:13px; position:relative; } .step_box ol li:first-child { border-top:1px solid #ccc; } .step_box ol li h3 { font-weight:bold; padding:0 0 5px 0; } .step_box ol li p { line-height:1.4; color:#777; } .step_box ol li .cnt { bottom:30px; font-size:25px; padding:0; position:absolute; right:20px; top:auto; font-weight:bold; } .step_box ol li .cnt strong { color:#171816; font-size:40px; } /* 최근쇼핑내역 */ ul.guide + .shopping_list { padding-top:15px; } .shopping_list table tr { border-top:1px solid #aaa; border-bottom:1px solid #aaa; } .shopping_list table tr th { background:#f9f9f9; border-bottom:1px solid #bcbcbc; border-top:1px solid #4d4d4f; color:#232323; font-size:12px; font-weight:bold; padding:15px 3px; text-align:center; vertical-align:middle; } .shopping_list table tr th.tot { width:80px; } .shopping_list table tr th span { display:none; } .shopping_list table tr td { border-left:1px solid #eee; color:#545454; font-size:12px; line-height:17px; padding:5px 3px; text-align:center; vertical-align:middle; } .shopping_list table tr td.prd { text-align:left; width:140px; } .shopping_list table tr td.prd div { min-width:120px; } .shopping_list table tr td.prd .thumb { display:inline-block; height:80px; overflow:hidden; vertical-align:top; width:80px; } .shopping_list table tr td.prd p { display:inline-block; padding-top:8px; text-align:left; vertical-align:top; } .shopping_list table tr td.prd p span { display:inline-block; } .shopping_list table tr td.prd p .prod_option { color:#999; margin-top:10px; } .shopping_list table tr td.etc { padding-bottom:34px; } .shopping_list table tr td:first-child { border-left:0; } .shopping_list span.price { color:#4d4d4f; font-weight:bold; } .shopping_list input { vertical-align:middle; } .shopping_list button { vertical-align:middle; } /* 반품/교환/취소/환불 */ .step_box2 ol { overflow:hidden; display:table; width:100%; } .step_box2 ol li { border:1px solid #ccc; border-top:0; display:table; width:100%; height:auto; padding:0; line-height:1.4; position:relative; color:#777; font-size:13px; } .step_box2 ol li:first-child { border:1px solid #ccc; } .step_box2 ol li span { display:table-cell; padding:10px 5px; vertical-align:middle; width:30px; } .step_box2 ol li h3 { display:table-cell; padding:10px; vertical-align:middle; width:120px; color:#545454; font-size:16px; font-weight:bold; letter-spacing:-1px; } .step_box2 ol li p { display:table-cell; padding:0 5px; vertical-align:middle; font-size:12px; margin-left:-35px; } /* 관심상품정보 */ .tap_section { display:none; } .tap_section_on { display:block; } .tap_menu { border-bottom:1px solid #4d4d4f; height:33px; position:relative; } .tap_menu ul { left:0; position:absolute; top:0; } .tap_menu li { background:#efefef; border:1px solid #ccc; border-bottom:0; color:#666; float:left; font-size:13px; font-weight:bold; height:32px; line-height:32px; width:auto; margin-left:-1px; position:relative; text-align:center; z-index:1; padding:0 10px; } .tap_menu li:first-child { margin-left:0; } .tap_menu li.on { background:#fff; border-color:#4d4d4f; color:#4d4d4f; height:33px; z-index:2; } .tap_menu li span { color:#4d4d4f; } .tap_menu li a { display:block; height:100%; } .wish_list table tr { border-bottom:1px solid #aaa; } .wish_list table tr td { border-left:1px solid #eee; color:#545454; font-size:13px; line-height:17px; padding:5px 3px; text-align:center; width:70px; vertical-align:middle; } .wish_list table tr td:first-child { border-left:0; } .wish_list table tr td.prd { text-align:left; width:auto; } .wish_list table tr td.prd div { display:table; width:100%; } .wish_list table tr td.prd .thumb { display:table-cell; overflow:hidden; width:65px; height:65px; vertical-align:middle; } .wish_list table tr td.prd .thumb img { height:100%; width:100%; vertical-align:middle; } .wish_list table tr td.prd p { display:table-cell; padding:0 0 0 5px; text-align:left; vertical-align:middle; } .wish_list table tr td.prd p .prod_option { color:#999; display:inline-block; } } @media (min-width:768px) { /* 구매현황 */ .step_box ol { border:1px solid #ccc; height:150px; } .step_box ol li { background:url('../images/contents/bg03.png') no-repeat; float:left; height:148px; position:relative; width:33.3%; border:none; padding:0; } .step_box ol li:first-child { background:url('../images/contents/bg02_1.png') no-repeat; border:none; } .step_box ol li h3 { margin-left:7%; padding:15px 0 5px 0; } .step_box ol li p { margin-left:7%; padding-left:0; } .step_box ol li .cnt { display:block; font-size:25px; right:10%; top:30px; } .step_box ol li .cnt strong { font-size:35px; } /* 최근쇼핑내역 */ .shopping_list table tr th { font-size:14px; padding:14px 0; } .shopping_list table tr th.tot { width:auto; } .shopping_list table tr th span { display:inline-block; } .shopping_list table tr td { font-size:13px; padding:12px; } .shopping_list table tr td.prd { width:auto; } .shopping_list table tr td.etc { padding-bottom:0; } /* 반품/교환/취소/환불 */ .step_box2 ol { border:1px solid #ccc; display:block; } .step_box2 ol li { border:none; border-left:1px solid #ccc; float:left; height:114px; padding:0px 0 10px 30px; width:20%; display:inherit; } .step_box2 ol li:first-child { border:0; } .step_box2 ol li span { position:absolute; left:5px; top:20px; display:inherit; } .step_box2 ol li h3 { padding:20px 0 0 10px; width:auto; display:inline-block; } .step_box2 ol li p { padding:10px; } /* 관심상품정보 */ .tap_menu { height:45px; } .tap_menu li { font-size:14px; width:140px; height:44px; line-height:44px; padding:0; } .tap_menu li.on { height:45px; } .wish_list table tr td { padding:12px; width:100px; } .wish_list table tr td.prd .thumb { display:inline-block; width:120px; height:120px; } .wish_list table tr td.prd p { display:inline-block; padding-top:8px; } .wish_list table tr td.prd p .prod_option { margin-top:5px; } } @media (min-width:992px) { /* 구매현황 */ .step_box ol li .cnt strong { font-size:40px; } /* 최근쇼핑내역 */ .shopping_list .pc-only { display:table-cell; } .shopping_list table tr td.prd .thumb { width:120px; height:120px; } /* 반품/교환/취소/환불 */ .step_box2 ol { display:table; width:100%; border:none; } .step_box2 ol li { border:1px solid #ccc; border-top:0; display:table; width:100%; height:auto; padding:10px 0 10px 38px; } .step_box2 ol li:first-child { border:1px solid #ccc; } .step_box2 ol li span { display:table-cell; padding:10px 5px; width:30px; left:10px; } .step_box2 ol li h3 { display:table-cell; padding:10px; width:120px; } .step_box2 ol li p { display:table-cell; padding:0 5px; margin-left:-35px; font-size:14px; } /* 관심상품정보 */ .tap_menu li { font-size:16px; width:160px; } } @media (min-width:1280px) { /* 구매현황 */ .step_box ol li h3 { padding:30px 0 20px; } .step_box ol li p { height:60px; } .step_box ol li .cnt { font-size:30px; } .step_box ol li .cnt strong { font-size:75px; } /* 반품/교환/취소/환불 */ .step_box2 ol { border:1px solid #ccc; display:block; } .step_box2 ol li { border:none; border-left:1px solid #ccc; float:left; height:114px; padding:0px 0 10px 30px; width:20%; display:inherit; } .step_box2 ol li:first-child { border:0; } .step_box2 ol li span { position:absolute; left:5px; top:10px; display:inherit; } .step_box2 ol li h3 { padding:10px 0 0 0; width:auto; display:inline-block; font-size:18px; } .step_box2 ol li p { padding:10px 0; } } @media (min-width:1440px) { /* 반품/교환/취소/환불 */ .step_box2 ol li h3 { padding:10px 10px 0; } .step_box2 ol li p { padding:10px; } } /************************************************** * mypage - mypage_bank(통장내역) * **************************************************/ @media (min-width:0) { .mypage_contents h3 { display:inline-block; float:left; } .has_rinf { float:right; position:relative; width:60%; margin-top:-15px; } .has_rinf p { color:#545454; float:right; font-size:13px; padding:15px 0; } .has_rinf p span { color:#171816; } .has_rinf p:before { content:'ㆍ'; } ul.guide { background:#f9f9f9; clear:both; padding:20px 10px; } ul.guide li { color:#545454; line-height:1.4; padding:0 0 5px 10px; } ul.guide span.score { color:#171816; } /* 테이블 */ ul.guide + .bank_list { padding-top:15px; } .board_list { word-break:break-all; } .board_list table { border-top:2px solid #4d4d4f; } .board_list table tr { height:60px; border-top:1px solid #aaa; border-bottom:1px solid #aaa; } .board_list table tr th { background:#f9f9f9; color:#333; font-size:12px; font-weight:bold; padding:5px; text-align:center; vertical-align:middle; line-height:1.4; } .board_list table tr td { border-left:1px solid #eee; color:#777; font-size:12px; line-height:1.4; max-width:140px; min-width:80px; padding:5px; text-align:center; vertical-align:middle; } .board_list table tr td.pc-only img { height:12px; width:14px; } .board_list table tr td:first-child { border-left:0; } .board_list table tr th.couponsubject { width:63%; } .board_list table tr th.couponsubject2 { width:50%; } .board_list table tr td.btns { min-width:90px; } /* 이존멤버쉽 */ .mp_bottom_lnk { padding-top:45px; display:none; } .mp_bottom_lnk p.banner { background:url('../images/contents/bg04.png') no-repeat; background-size:100% 100%; text-align:center; position:relative; height:0; padding-bottom:19.88%; } .mp_bottom_lnk p.banner a { color:#666; font-size:30px; font-weight:bold; line-height:100px; text-decoration:underline; } .mp_bottom_lnk ul { overflow:hidden; } .mp_bottom_lnk li { float:left; height:0; padding-bottom:19.23%; position:relative; width:25%; } .mp_bottom_lnk li a { color:#666; font-size:25px; height:100%; left:0; line-height:30px; margin-top:-15px; position:absolute; text-align:center; top:50%; width:100%; } .mp_bottom_lnk li a:before { color:#ccc; content:'|'; left:0; position:absolute; } .mp_bottom_lnk li.banner a:before, .mp_bottom_lnk li.withdraw a:before { content:none; } } @media (min-width:768px) { .has_rinf p { font-size:14px; } /* 테이블 */ .board_list table tr th { font-size:13px; padding:7px 0; } .board_list table tr td { font-size:13px; padding:7px; } /* 이존멤버쉽 */ .mp_bottom_lnk li a { font-size:20px; } } @media (min-width:992px) { /* 테이블 */ .board_list table tr th.pc-only { display:table-cell; } .board_list table tr td.pc-only { display:table-cell; } /* 이존멤버쉽 */ .mp_bottom_lnk p.banner { width:503px; float:left; height:100px; } .mp_bottom_lnk p.banner a { font-size:14px; line-height:34px; margin-top:-17px; } .mp_bottom_lnk ul { float:left; width:400px; } } @media (min-width:1300px) { /* 테이블 */ .board_list table tr th { font-size:14px; padding:14px 0; } .board_list table tr td { font-size:14px; padding:12px; max-width:inherit; } } /************************************************** * mypage - mypage_consult(상담내역) * **************************************************/ @media (min-width:0) { /* msg_top */ .msg_top { overflow:hidden; padding:10px 0; } .msg_top p a { background:#888; color:#fff; display:inline-block; font-size:14px; font-weight:bold; height:30px; line-height:30px; max-width:25%; text-align:center; width:65px; float:left; margin-left:5px; } .msg_top p a:first-child { margin-left:0; } .msg_top p select { background:url(../images/contents/icon_down_01.png) no-repeat 95% 50%; height:30px; line-height:30px; margin-left:10px; padding-left:5px; width:85px; float:left; } .msg_top form { text-align:left; font-size:0; } .msg_top form button { border:0; margin:0; padding:0; vertical-align:middle; display:inline-block; } .msg_top form select { background:url(../images/contents/icon_down_01.png) no-repeat 95% 50%; font-size:14px; height:30px; line-height:30px; margin-right:10px; padding-left:5px; vertical-align:middle; width:85px; } .msg_top form input { border:1px solid #999; border-radius:5px 0 0 5px; font-size:14px; height:30px; line-height:30px; max-width:40%; vertical-align:middle; width:135px; margin:0; } } @media (min-width:768px) { /* msg_top */ .msg_top { padding:17px 0; } .msg_top p { float:left; width:50%; } .msg_top form { float:right; text-align:right; width:50%; } } /************************************************** * mypage - mypage_opt(고객계좌) * **************************************************/ @media (min-width:0) { .meminf_list table { border-top:2px solid #4d4d4f; } .meminf_list table tr th { min-width:100px; padding-left:20px; text-align:left; vertical-align:middle; width:25%; } .meminf_list table tr td { text-align:left !important; vertical-align:middle; } .meminf_list input[type=text], .meminf_list input[type=password] { border:1px solid #ddd; height:26px; line-height:24px; margin:1px 0; width:90%; } .meminf_list select { background:url("../images/contents/icon_down_01.png") no-repeat 95% 50%; height:26px; line-height:24px; padding-left:5px; width:90%; } .meminf_list select.bank { background:url(../images/contents/icon_down_01.png) no-repeat 95% 50%; padding-left:5px; width:30%; width:80px; } .meminf_list input.bank { width:60%; } } @media (min-width:768px) { .meminf_list input[type=text], .meminf_list input[type=password] { width:48%; } } /************************************************** * mypage - mypage_pinfo(개인정보관리) * **************************************************/ @media (min-width:0) { /* 구매신용도 */ .myinf_tbl table { width:100%; } .myinf_tbl table tr { border-bottom:1px solid #aaa; } .myinf_tbl table tr th { background:#f9f9f9; border:1px solid #ccc; font-size:12px; padding:13px 0; text-align:center; vertical-align:middle; color:#232323; } .myinf_tbl table tr td { border:1px solid #ccc; color:#777; padding:13px; text-align:center; vertical-align:middle; } /* 비밀번호변경 */ ul.guide + .modify_form { padding-top:15px; } .modify_form table { border-top:2px solid #4d4d4f; } .modify_form table tr th { min-width:100px; padding-left:20px; text-align:left; vertical-align:middle; width:25%; } .modify_form table tr td { text-align:left !important; vertical-align:middle; } .modify_form input[type=text], .modify_form input[type=password] { border:1px solid #ddd; height:26px; line-height:24px; margin:1px 0; width:90%; } /* 회원정보수정 */ ul.guide + .meminf_modify { padding-top:15px; } .meminf_modify table { border-top:2px solid #4d4d4f; } .meminf_modify table tr th { min-width:100px; padding-left:20px; text-align:left; vertical-align:middle; width:25%; } .meminf_modify table tr td { text-align:left !important; vertical-align:middle; } .meminf_modify input[type=text], .meminf_modify input[type=password] { border:1px solid #ddd; height:26px; line-height:24px; margin:1px 0; width:90%; } .meminf_modify select { background:url("../images/contents/icon_down_01.png") no-repeat 95% 50%; height:26px; line-height:24px; padding-left:5px; width:90%; } .meminf_modify label { display:inline; margin-left:5px; } .meminf_modify input.tel { width:50px; } .meminf_modify input.zip { width:40px; } .meminf_modify textarea { border:1px solid #ddd; height:180px; width:90%; } .meminf_modify button.zip { background:#aaaaaa url("../images/contents/icon_caret_right.png") no-repeat 100% 50%; background-size:14px; border:0; color:#fff; line-height:24px; padding:0 5px; padding-right:15px; } /* 회원탈퇴 */ ul.guide + .meminf_remove { padding-top:15px; } .meminf_remove table { border-top:2px solid #4d4d4f; } .meminf_remove table tr th { min-width:100px; padding-left:20px; text-align:left; vertical-align:middle; width:25%; } .meminf_remove table tr td { text-align:left !important; vertical-align:middle; } .meminf_remove input[type=text], .meminf_remove input[type=password] { border:1px solid #ddd; height:26px; line-height:24px; margin:1px 0; width:90%; } .meminf_remove select { background:url("../images/contents/icon_down_01.png") no-repeat 95% 50%; height:26px; line-height:24px; padding-left:5px; width:90%; } .meminf_remove input.point { background:#faf099; } } @media (min-width:768px) { /* 비밀번호변경 */ .modify_form input[type=text], .modify_form input[type=password] { width:48%; } /* 회원정보수정 */ .meminf_modify input[type=text], .meminf_remove input[type=password] { width:48%; } .meminf_modify input.tel { width:120px; } .meminf_modify input.zip { width:120px; } /* 회원탈퇴 */ .meminf_remove input[type=text], .meminf_remove input[type=password] { width:48%; } } /************************************************** * mypage - cart(장바구니) * **************************************************/ @media (min-width:0) { .contents_order .shopping_list td { border-left:0; border-right:0; } .contents_order .shopping_list td.ea input { font-size:13px; height:22px; line-height:20px; text-align:center; width:44px; } .contents_order .shopping_list td.ea button { background:#999; border:1px solid #777; color:#fff; font-size:13px; height:22px; margin-left:3px; width:44px; } .shopping_list .bundle_guide { color:#333; font-size:14px; font-weight:bold; text-align:left; } .shopping_list .list_total { background:#f5f5f5; border:1px solid #e0e0e0; font-size:13px; margin-top:20px; overflow:hidden; padding:10px; } .shopping_list .list_total > div { display:block; vertical-align:middle; line-height:1.4; } .shopping_list .list_total .iconbox { width:30px; height:30px; display:none; } .shopping_list .list_total .tit { color:#777; } .shopping_list .list_total .price { font-size:24px; } .shopping_list .list_total .res { vertical-align:middle; padding:20px 0; color:#232323; } .shopping_list .list_total .res span { color:#4d4d4f; font-weight:600; font-size:30px; } .order_bottom { clear:both; min-height:70px; overflow:hidden; padding-top:20px; position:relative; } .contents_order .order_guide { color:#777; font-size:13px; line-height:20px; text-align:left; } .contents_order .order_guide li { background:url('../images/contents/dot02.png') no-repeat left 9px; padding-left:7px; } .contents_order .submit_btn { text-align:right; padding-bottom:35px; } .contents_order .submit_btn button { background:#9d9d9d; border:1px solid #838383; color:#fff; display:inline-block; font-size:14px; font-weight:600; height:40px; line-height:38px; text-align:center; padding:0 5px; width:auto; } .contents_order .submit_btn button.point { background:#171816; border-color:#db7070; } } @media (min-width:768px) { .shopping_list .list_total { font-size:14px; padding:22px 23px; } .contents_order .order_guide { font-size:14px; } .contents_order .submit_btn button { width:120px; height:50px; line-height:48px; padding:0; font-size:16px; } } @media (min-width:992px) { .shopping_list .list_total > div { display:inline-block; } .shopping_list .list_total .iconbox { display:inline-block; margin:0 20px; } .shopping_list .list_total .res { float:right; text-align:right; } } @media (min-width:1024px) { .shopping_list .list_total .iconbox { margin:0 30px; } }