@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap'); @font-face { font-family: 'SUIT-Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; } @charset "utf-8"; /* 초기화 */ html {overflow-y:scroll;height:100%;min-width:320px} body {margin:0;padding:0;font-size:0.813em;height:100%;font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;} html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} h1, h2, h3, h4, h5, h6 {font-size:1em} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} input, button {margin:0;padding:0;font-size:1em;font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;} button, input[type=submit] {cursor:pointer} input[type=text], input[type=password], input[type=image], button {font-size:1em;-webkit-appearance:none} textarea, select,button {font-size:1em;font-family:'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;} textarea {border-radius:0;-webkit-appearance:none} select {margin:0;background:none} p {margin:0;padding:0;word-break:break-all} hr {display:none} pre {overflow-x:scroll;font-size:1.1em} a {color:#000;text-decoration:none} ul,li,dl,dt,dd{padding:0;margin:0} ul{list-style:none;} img{vertical-align:top;max-width:100%;height:auto} *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ft_mont {font-family: 'Montserrat', sans-serif;} /* 팝업레이어 */ #hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0px} #hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} .hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff} .hd_pops_con {} .hd_pops img{max-width:100%;height:auto} .hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right} .hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff} /* 상단 레이아웃 */ #hd {position:fixed;top:0;left:0;width:100%;background:transparent; z-index:99;} #hd.fixed{background:#fff; border-bottom:1px solid #eee;} #hd h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #hd_menu{border-bottom:1px solid #e6eaed} #hd_menu ul{margin:0 auto;max-width:1500px} #hd_menu ul:after {display:block;visibility:hidden;clear:both;content:""} #hd_menu li{float:left;line-height:45px;font-size:0.923em;margin:0 8px} #hd_menu li a{color:#aeb4bf} #hd_menu li a:hover{color:#000} #hd_menu .hd_menu_right{float:right} #hd_wr {margin:0 auto; width:100%; /*height:80px;*/ padding:0 40px; position:relative; display:flex; justify-content:space-between; align-items:center;} #logo {} #logo img {vertical-align:middle; width:auto; max-width:160px;} #hd_sch {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,0.85);z-index:999;text-align:center;} .hd_sch_wr{position:absolute;top:50%;left:50%;width:80%;margin-top:-50px;margin-left:-40%} #hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #hd_sch .sch_inner {position:relative;} #hd_sch .sch_inner:after {display:block;visibility:hidden;clear:both;content:""} #hd_sch #sch_str {background:transparent;border:0;border-bottom:2px solid #fff;color:#fff;width:100%;height:50px;padding-left:50px;font-size:16px;outline:none} #hd_sch .sch_submit {position:absolute;top:0;left:0;height:50px;;border:0;cursor:pointer;background:transparent;font-weight:600;color:#fff;width:50px;font-size:16px;} #hd_sch .btn_close{position:absolute;top:0;right:0;width:70px;height:70px;background:none;color:#fff;border:0;font-size:16px;opacity:0.5} #hd_sch .btn_close:hover{opacity:1} #ppl_word{color:#fff;margin-top:15px;line-height:25px} #ppl_word:after {display:block;visibility:hidden;clear:both;content:""} #ppl_word h3 {padding:0 8px;margin-right:5px;background:#fff;color:#000;display:inline-block;float:left;font-weight:500;border-radius:5px} #ppl_word ol{float:left;padding:0;margin:0} #ppl_word li{display:inline-block;list-style:none} #ppl_word li a{display:block;padding: 0 10px;color:#fff;border-radius:5px;font-weight:300;opacity:0.8} #ppl_word li a:hover{opacity:1} .hd_loginArea { overflow: hidden; padding: 6px 40px; background: rgba(0, 0, 0, 0.15); border-bottom: 1px solid #eeeeee61; } .hd_loginArea ul.hd_login{float: right;padding-right: 40px;} .hd_loginArea ul.hd_login li{display:inline-block; padding-left:20px} .hd_loginArea ul.hd_login li a{color: #fff;} #hd.fixed .hd_loginArea{display:none} #hd_btn {position:absolute;top:15px;right:0;} #hd_btn button{height:45px;line-height:45px;width:45px;background:none;border:0;vertical-align:top} #hd_btn i{font-size:18px} #hd_btn a{display:inline-block;line-height:45px;width:45px;text-align:center;vertical-align:top} #btn_cartop{position:relative} #btn_cartop .cart-count{position:absolute;top:5px;right:0;background:#20ac42;border-radius:15px;font-size:10px;color:#fff;padding:0 5px;border:2px solid #fff;line-height:16px} .hd_admin{position:fixed;bottom:10px;left:10px;} .hd_admin a{padding:0 20px;display:inline-block;;line-height:40px;background:#d12323;z-index:999;color:#fff} .hd_admin a:hover{background:#ff0000} /*카테고리*/ .menu_wr h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} @media (max-width: 969px){ #hd{background:#fff} #hd_wr {padding:15px 15px; } #logo{float:none;margin:0} #logo img{max-width: 110px;} .hd_loginArea { padding: 6px 17px; border-bottom: 1px solid #ddd; } .hd_loginArea ul.hd_login{padding-right:0} .hd_loginArea ul.hd_login li{padding-left: 15px;} #hd_btn{top:0;right:10px} #hd_btn button{width:40px;height:50px} #hd_btn a{line-height:66px} #btn_cartop .cart-count{top:7px} #hd_btn .btn_ol{width:40px} #hd_btn .btn_ol .txt{display:none} #hd_menu{display:none} .menu { display:none;overflow-y:auto;position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.95);z-index:99999;text-align:left; -webkit-box-shadow:0 2px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.2); box-shadow: 0 2px 15px rgba(0,0,0,0.2) } .menu .ct_wr{margin-top:60px;text-align: left;} .menu .ct_wr ul.cate{padding-top:20px} .menu .ct_wr ul.cate > li { font-size: 1.5em; padding: 16px 20px; position: relative; border-bottom: 1px solid #333; } .ct_subBtn { position: absolute; top: 0; right: 10px; width: 30px; height: 63px; overflow: hidden; border: 0; background: url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%; text-indent: -9999px; } .menu .ct_wr ul.cate > li >a{color:#fff} #btn_user{display:none} .btn_login{background:#fff;padding:0 10px} .btn_login .btn_ol{line-height:66px;height:66px;border:0;background:none;color:#717989;padding:0 10px;position:relative} .btn_login a:before{position:absolute;top:50%;left:0;content:'';background:#e3e3e3;width:1px;height:15px;margin-top:-7px} .menu .menu_close { position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: none; color: #aaa; font-size: 23px; border: 0; z-index: 199999; } .menu .menu_close:hover{color:#ccc} .menu_wr{padding:10px 0;background:#fff;margin:10px 0;border-top:1px solid #eee} .menu_wr a {display:block;padding: 0 20px;color:#727280} .menu_wr li{position:relative;z-index:99999;line-height:45px;} .menu_wr li:hover {background:#f3f3f3; } .menu_wr li button{position:absolute;top:0;right:0;background:url;border:0;width:45px;height:45px;overflow:hidden;border:0;background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%;text-indent:-9999px} .menu_wr li.ct_cl{background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%} .sub_cate{display:none; font-size:0.85em; padding-top: 10px;} .sub_cate li{padding: 6px 0;} .sub_cate li:hover{position:relative;} .sub_cate a{color: #999;} } @media (min-width: 970px){ #hd_btn {display:none;} #btn_cate{display:none} .menu{display:block !important} .menu_wr{text-align: center;} .btn_login .btn_ol{width:auto;vertical-align:top} .btn_login .btn_ol .txt{color:#717989;display:inline-block;margin-left:5px} .btn_login{float:right;line-height:45px} .btn_login a{padding:0 10px;display:inline-block;position:relative;color:#717583;} .btn_login a:before{position:absolute;top:50%;left:0;content:'';background:#e3e3e3;width:1px;height:15px;margin-top:-7px} .btn_login button{background:0;padding:0 10px;border:0;color:#717583;outline:none;height:45px;line-height: 45px;} .btn_login img{ width:30px;height:30px;border-radius:50px;margin-right:5px;margin-top:7px;vertical-align:top} .menu .menu_close{display:none} .menu_wr li{display:inline-block;padding: 0 14px;font-size:1.1em;font-weight:400; position: relative;} .menu_wr li button{border:0;width:20px;height:45px;overflow:hidden;border:0;background:url('../img/mobile/btn_menu.png') no-repeat 50% 50%;text-indent:-9999px;opacity:0.8} ul.cate {display:flex; gap:60px; padding-right:40px;} ul.cate > li {position:relative;} ul.cate > li > a {font-size:1.3em; display:inline-block; height:70px; line-height:70px;color: #fff;} #hd.fixed ul.cate > li > a {color: #000;} .sub_cate {display:none; position:absolute; top:100%; left:50%; transform:translateX(-50%); background-color:#20ac42; min-width:180px; text-align:center; padding:8px 0;} .cate li:hover .sub_cate {display:block;} .sub_cate li {text-align:center;} .sub_cate li:last-child {border-bottom:0;} .sub_cate a { display: inline-block; padding: 8px 2px; font-size: 1.05em; color: #fff; letter-spacing: -0.2px; } } /* 중간 레이아웃 */ #container {margin-top:0px;} #container_title {margin:0 auto;max-width:1400px;padding:40px 20px 20px;text-align:center;font-size:1.846em} .idx_c{margin:0 auto;max-width:1400px; padding:100px 15px;} .idx_c:after {display:block;visibility:hidden;clear:both;content:""} .box{background:#fff; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.07); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.07); box-shadow: 0 2px 5px rgba(0,0,0,0.07) } .container{margin:80px auto 0px;} #container.idx-container{padding: 0;} .view-container #container_title{display:none} @media (max-width: 969px){ #container {margin-top:50px} .container{margin:55px auto 20px} #container_title{font-size:1.5em;padding:20px} } /*메인*/ #idx_tab{padding-left:220px; position:relative;} #idx_tab h2{display:none} #idx_tab .tabs{position:absolute;top:15px;left:0} #idx_tab .tabs li{display: block; font-size:1.154em;margin: 0 0 15px;font-weight:500; line-height: 24px;color: #717989; text-align: left;cursor:pointer;font-size: 1.23em;} #idx_tab .tabs .current{color: #000;position: relative;} #idx_tab .sct_wrap{display:none} #idx_tab .sct_wrap.current{display: block; } #idx_review{background:#f8f9fa;text-align:center;padding:100px 0} #idx_review h2{ text-align: center; font-size: 1.846em;margin: 0 0 20px;} .review{max-width:1500px;margin:0 auto;} .review .rv_li{margin:20px;background:#fff;opacity:0.5; position:relative;padding:40px;text-align:left; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1); box-shadow: 0 1px 2px rgba(0, 0, 0, .1); } .review .rv_li:hover { -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, .15); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, .15); box-shadow:0 5px 10px rgba(0, 0, 0, .15); } .review .slick-active{opacity:1} .review .rv_hd{position:relative;padding-left:70px;line-height:25px;margin-bottom:20px} .review .prd_img{position:absolute;top:0;left:0;} .review .prd_img img{border-radius:50px} .review .rv_tit{display:block;font-size:1.077em;font-weight:600} .review .rv_prd{color:#717989} .review p{line-height:1.7em;min-height:80px} @media (max-width:969px){ #idx_tab{padding:10px} #idx_tab .tabs{position:relative} #idx_tab .tabs{position:relative;width:100%;margin-bottom:20px;text-align:center} #idx_tab .tabs li{display:inline-block;margin:0 10px 10px} #idx_tab .sct_wrap {margin:10px 0} } @media (max-width:639px){ #idx_review{padding:80px 0} .review .rv_li{margin:8px} } /* 내용관리 */ #ctt {margin:10px 0;padding:10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .ctt_admin {margin:0 5px;text-align:right} #ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #ctt_con {padding:10px 0} .ctt_img {text-align:center} /* 하단 레이아웃 */ #ft {background:#161616;position:relative;z-index:10} .ft_notice{border-bottom:1px solid #333} .ft_wr{max-width:1500px;margin:0 auto;padding:60px 0} .ft_wr ul:after {display:block;visibility:hidden;clear:both;content:""} .ft_wr .ft_box{float:left;width:25%;text-align:left;padding:0 20px;} .ft_wr .ft_box h2{color:#9f9f9f;font-size:1.154em;margin-bottom:25px} .ft_wr .ft_box strong{display:block;color:#dddddd;margin-bottom:20px;font-size:1.8em} .ft_wr .ft_box p { color: #e4e4e4; font-weight: 300; line-height: 1.7em; font-size: 1.23em; word-break: keep-all; } .ft_wr .ft_box p.ft_copy a{color: #e4e4e4;} .ft_wr .ft_box p span{display:inline-block;margin-right:8px;} .ft_wr .ft_info{width:50%} .ft_wr .ft_sns{text-align:right; } .ft_wr .ft_sns .ft_sns_info{display:inline-block;margin-left: 7px;} .ft_wr .ft_sns .ft_sns_info a { color: #e4e4e4; display: inline-block; border: 1px solid #eee; padding: 7px; border-radius: 50px; } .ft_wr .ft_sns .ft_sns_info:first-child{margin-left:0} .ft_wr1{background: #000;} #ft_company{margin:0 auto;max-width:1500px;padding:25px 20px;color:#999;text-align:right;font-size: 1.1em;} #ft_company:after {display:block;visibility:hidden;clear:both;content:""} #ft_company a{display:inline-block;margin:0 10px;color:#999; } .ft_copy{margin-top:10px} #ft_to_top{position:fixed;bottom:10px;right:10px;width:40px;line-height:40px;background:#fff;opacity:0.6;text-align:center;border-radius:30px; -webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); box-shadow: 1px 1px 1px rgba(0,0,0,0.2); -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;} #ft_to_top:hover{opacity:1; -webkit-box-shadow:1px 1px 15px rgba(0,0,0,0.09); -moz-box-shadow: 1px 1px 15px rgba(0,0,0,0.09); box-shadow: 1px 1px 15px rgba(0,0,0,0.09)} @media (max-width: 969px){ .ft_wr {padding: 20px} .ft_wr .ft_box{width:100%;padding:40px 0 0; text-align:center} .ft_logo img{width:100%; max-width:150px} .ft_wr .ft_box p{font-size:1em; text-align: center;} #ft_company{text-align:center} .ft_copy{} } @media (max-width:639px){ .ft_wr .ft_box{padding:20px 0 10px} .ft_wr .ft_box h2{margin-bottom:10px} .ft_wr .ft_box strong{margin-bottom:10px} .ft_logo img{max-width:120px} .ft_wr .ft_box p{font-size:0.95em; } } /* 목록 바로가기 */ .sanchor {margin:0 0 5px;padding:0} .sanchor:after {display:block;visibility:hidden;clear:both;content:""} .sanchor li {float:left;list-style:none;width:25%;border-top:2px solid #000;text-align:center; overflow: hidden; white-space: nowrap;letter-spacing:0.2em;font-size:0.93em} .sanchor a {display:block;padding:10px;border-left:1px solid #ededed;border-bottom:1px solid #ededed;background:#fcfcfc;text-decoration:none;color:#484848} .sanchor a:focus, .sanchor a:hover {background:#eee;text-decoration:none} .sanchor a.sanchor_on {background:#fff;text-decoration:none;border-bottom:1px solid #fff;} /* ####### 쇼핑몰 컨텐츠 ####### */ .st_bg{display: inline-block;width: 1px;height: 10px;margin: 0 10px;background: #e2e1e0;vertical-align: -1px;} #listtype{margin:10px;} #sod_chk {padding:15px 15px 0;} .sod_list {padding:10px 0;} .sod_list .sod_li {background:#fff;border: 1px solid #e7e8ef;margin:10px 0;} .sod_list .li_name{;line-height:1.3em;padding: 10px 10px;font-size:1.083em} .sod_list .li_op_wr{position:relative;margin:10px;padding-left:90px;min-height:80px} .sod_list .total_img{position:absolute;top:0;left:0} .sod_list .mod_options{padding: 0 7px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;margin: 5px 0 0;} .sod_list .li_prqty{margin:10px 10px ;border-top:1px solid #dcdcdc;padding:10px 0 0} .sod_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:''} .sod_list .li_prqty_sp{float:left;width:50%;display:block;line-height:20px;padding:0 7px;text-align :right;} .sod_list .li_prqty_sp span{float:left} .sod_list .prqty_sc,.sod_list .prqty_price{border-right:1px solid #dcdcdc} .sod_list .total_price{background:#f5f5f5;border:1px solid #e2e2e2;display:block;clear:both;margin:10px;text-align:right;padding:5px 10px;line-height:20px} .sod_list .total_price span{float:left} .sod_list .total_price strong{font-size:1.25em;color:#7d8dff} .sod_opt li {padding-left: 10px;background: url('../img/bullet.gif') no-repeat 3px 50%;color: #777;margin: 3px 0;line-height: 1.3em;} #sit_opt_added {margin:0;padding:0;border-bottom:0;list-style:none} #sit_opt_added li {padding:15px 0;border-bottom:1px solid #eee;margin:0 0 2px;position:relative} #sit_opt_added li .opt_name{line-height:18px;padding:0 0 10px} #sit_opt_added li .opt_count{} #sit_opt_added li .opt_count:after {display:block;visibility:hidden;clear:both;content:""} #sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #efb6b6;background:#fff;color:#20ac42;font-size:0.92em} #sit_opt_added button:hover{background:#f8ebeb;border-color:#20ac42;color:#20ac42} #sit_opt_added .num_input {float:left;border:0;height:30px;width:40px;border-top:1px solid #efd7d7;border-bottom:1px solid #efd7d7;text-align:center;color:#333;} #sit_opt_added .num_input:focus{background:#fffafa;color:#20ac42} #sit_opt_added .sit_opt_del{background:#f3f3f3;color:#aaa;border:0;margin-left:3px} #sit_opt_added .sit_opt_prc{float:right;display:block;padding:0 3px;text-align:right;line-height:30px;font-weight:bold;} #sit_opt_added .sit_opt_prc{float:right;display:block;padding:0 3px;text-align:right;line-height:30px;font-weight:bold;} /* 장바구니 */ #mod_option_frm{position:fixed;top:50%;left:50%;background:#fff;width:300px;max-height:300px;margin-left:-150px;margin-top:-150px;overflow-y:auto;z-index:99;border-radius:0 0 3px 3px; -webkit-box-shadow:1px 5px 15px rgba(0,0,0,0.4); -moz-box-shadow:1px 5px 15px rgba(0,0,0,0.4); box-shadow: 1px 5px 15px rgba(0,0,0,0.4);} #mod_option_frm h2{height:45px;line-height:45px;font-size:1.167em;border-bottom: 1px solid #eee;padding:0 15px} #mod_option_frm #sit_sel_option{margin:15px } #mod_option_frm #sit_tot_price{margin:15px;line-height:30px } #mod_option_frm #sit_sel_option ul{;background:#f3f3f3;border:0 } #mod_option_frm h3{margin: 0 0 10px;color:#5772d5;} #mod_option_frm .option_wr {margin:15px ; } #mod_option_frm .option_wr label{margin: 0 0 5px;display:block} #mod_option_frm .option_wr select{width:100%; height: 40px;border: 1px solid #d9d9d9;margin: 0 0 5px;} #mod_option_frm .btn_confirm{margin:10px ; } #mod_option_frm .btn_confirm .btn_submit{height:40px;font-weight:bold;width:100%;} #mod_option_frm .btn_confirm .btn_close{position:absolute;top:0;right:0;width:45px;height:45px;border:0;background:none;color:#999;font-size:1.25em} #sod_bsk{padding:20px 0 0;background: #f3f3f3;} #sod_bsk:after {display:block;visibility:hidden;clear:both;content:''} #sod_bsk .btn_del_wr{margin:10px } #sod_bsk .btn_del_wr .btn01{height:30px} #sod_bsk .sod_ta_wr{background:#e9e9e9;padding:20px;} #sod_bsk .go_shopping{margin: 10px;} #sod_bsk .go_shopping .btn_b01{line-height:43px;font-size:1.167em;font-weight:bold;width:100%;text-align:center;display:block} #m_sod_bsk_tot{padding:15px;background:#f3f3f3} #sod_bsk #m_sod_bsk_tot {background:none;padding:0} #m_sod_bsk_tot:after{display:block;visibility:hidden;clear:both;content:""} #m_sod_bsk_tot dt{float:left;width:40%;padding:5px 0 ;line-height:20px;clear:both} #m_sod_bsk_tot dd{float:left;width:60%;padding:5px 0;text-align:right;line-height:20px} #m_sod_bsk_tot .sod_bsk_cnt{border-top:1px solid #ccc;font-weight:bold;margin-top:15px;line-height:25px} #m_sod_bsk_tot .sod_bsk_cnt strong{font-size:1.25em} #sod_bsk_act .btn_submit{height:45px;font-size:1.167em;font-weight:bold;width:100%;margin:10px 0;border-radius:50px} .cart_list:after {display:block;visibility:hidden;clear:both;content:''} .cart_list .sod_li{background:#fff;border:1px solid #e7e8ef;border-bottom:1px solid #cbd0d5;margin:10px 0;position:relative; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.08); -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.08); box-shadow: 0 3px 6px rgba(0,0,0,0.08);} .cart_list .sod_li:hover{border:1px solid #406fff; -webkit-box-shadow: 0 3px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 3px 15px rgba(0,0,0,0.2); box-shadow: 0 3px 15px rgba(0,0,0,0.2);} .cart_list .sod_li:after {display:block;visibility:hidden;clear:both;content:''} .cart_list .li_op_wr{padding:20px;padding-left:140px;min-height:140px;position:relative} .cart_list .li_name{padding:15px;border-bottom:1px solid #f3f3f3} .cart_list .total_img {position:absolute;top:20px;left:20px} .cart_list .li_prqty{background:#f8f9fa;padding:20px;float:left;width:75%} .cart_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:''} .cart_list .li_prqty_sp {display:block;width:25%;float:left;border-left:1px solid #eee;padding:0 10px;text-align:center;line-height:20px;} .cart_list .li_prqty_sp:first-child{border-left:0} .cart_list .li_prqty_sp span{display:block;color:#999;font-size:0.92em;margin-bottom:10px} .cart_list .total_price{line-height:20px;background:#eef2f6;;color:#0074e9;padding:20px;float:left;width:25%;text-align:center} .cart_list .total_price:after{display:block;visibility:hidden;clear:both;content:""} .cart_list .total_price span{display:block;color:#999;font-size:0.92em;margin-bottom:10px} .cart_list .mod_btn{padding:0 10px;height:30px;margin:20px 0;font-size:12px} @media (min-width: 970px){ .sod_bsk_left{float:left;width:70%;padding:20px 5%;height:100%;background:#ededed} #sod_bsk{;position:relative;padding:0} #sod_bsk .sod_ta_wr{float:right;width:30%;height:100%;background:#f3f3f3;padding:40px;position:relative;z-index:9} #sod_bsk .sod_ta_wr.fixed{position:fixed;top:0;right:0;z-index:10} .go_shopping {} .cart_list .sod_li{margin:20px 0} } @media (max-width: 969px){ .cart_list .li_prqty{width:100%;padding:10px 0} .cart_list .total_price{width:100%;padding:15px} .cart_list .total_price span{display:inline-block;margin:0;color:#000;margin-right:10px;} #sod_bsk{padding:0} } /* 주문서 작성 */ #sod_frm {} #sod_frm .od_prd_list{margin:20px 10px;background:#fff;} .od_prd_list .td_chk{border-left:0;} .od_prd_list .td_prd{border-left:0;position:relative;padding-left:100px;min-height:100px} .od_prd_list .td_prd .sod_img{position:absolute;top:15px;left:10px} .od_prd_list .td_prd .sod_name{min-height:80px} .od_prd_list .td_prd .prd_name{font-size:1.167em} .od_prd_list .total_prc{color:#ff006c;font-weight:bold;font-size:1.167em} #sod_frm_orderer{padding:20px} #sod_frm_taker{padding:20px} #sod_frm_taker h2,#sod_frm_orderer h2{margin:10px 0;font-size:1.25em} .odf_list li{} .odf_list label,.odf_list strong{display:block;margin:7px 0 5px;color:#444;font-weight:normal} .odf_list .frm_input{width:100%;margin:0 0 5px} .odf_list .dlv_slt div {background:#fff;border:1px solid #ccc;margin:5px 0;padding:10px} .odf_list .dlv_slt div label{display:inline-block;margin:3px 0;color:#000} #order_address{display:block;width:80px;text-align:center;border: 1px solid #3476be;color: #3476be;;height:30px;line-height:28px;margin:5px 0 0;background:none} .odf_list .ad_default{display:inline-block;margin:0} .odf_list .btn_addsch{position:absolute;top:5px;right:5px;border-radius:3px;height:30px;} .odf_list .add_num{position:relative;display:block;} .odf_list textarea{border: 1px solid #ccc;background: #fff;color: #000;vertical-align: middle;border-radius: 3px;padding: 5px;width:100%;height:70px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } #m_sod_frm_paysel {margin:10px 0 ;} #m_sod_frm_paysel ul {margin:0 0 ;background:#fff;padding:0 0 10px;} #m_sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""} #m_sod_frm_paysel li {float:left;padding:5px ;width:46%;height:25px} #m_sod_frm_paysel .KPAY{background:url('../../../img/kpay.png') no-repeat;width:37px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%} #m_sod_frm_paysel .PAYNOW{background:url('../../../img/paynow.png') no-repeat;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%;} #m_sod_frm_paysel .PAYCO{background:url('../../../img/payco.png') no-repeat 1px;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%;} #m_sod_frm_paysel .inicis_lpay{background:url('../../../img/lpay_logo.png') no-repeat;width:35px;height:12px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%;} #m_sod_frm_paysel .inicis_kakaopay{background:url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00;border-radius:30px;height:22px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto} #m_sod_frm_paysel .kakaopay_icon{background:url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00;border-radius:30px;height:22px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto} #m_sod_frm_paysel .samsung_pay{margin-left:-23px;background:url('../../../img/samsungpay.png') no-repeat 24px 3px;height:25px;width:106px;display:inline-block;overflow:hidden;text-indent:-999px} #sod_frm .sod_ta_wr{background: #f3f3f3;} #sod_frm .btn_confirm{padding:0 20px 20px;background:#f3f3f3;margin:0 0 10px} #sod_frm .btn_submit{width:100%;height:45px;font-size: 1.167em;font-weight: bold;margin:5px 0;border-radius:30px} #sod_frm .btn_cancel,#sod_frm .btn01{width:100%;height:45px;line-height:43px;font-size:1.167em;font-weight: bold;padding:0;border-radius:30px} #sod_frm_pay{padding:20px ;background:#f3f3f3} #sod_frm_pay h2{margin:10px 0;font-size:1.25em} #sod_frm_pay .cp_btn1,#sod_frm_pay .cp_cancel1{margin-top:0} .odf_tbl{position:relative} .odf_tbl table{background:#fff;width:100%;border-collapse:collapse;border-bottom:1px solid #eee;background:#fff} .odf_tbl table th{border:1px solid #eee;border-right:0;padding: 10px;text-align:left;width:120px;font-weight:normal} .odf_tbl table td{border:1px solid #eee;border-left:0;padding:7px 10px;text-align:right} #sod_frm_pt_alert{margin:10px 0;color:#328abd;} .sod_frm_point {margin-top:10px;clear:both;background:#fff} .sod_frm_point div{background:#fff;border-bottom:1px solid #eee;padding:10px;text-align:right} .sod_frm_point div:after {display:block;visibility:hidden;clear:both;content:''} .sod_frm_point div label{float:left;line-height:30px} .sod_frm_point div span{display:block;font-size:0.92em} .sod_frm_point div span:after {display:block;visibility:hidden;clear:both;content:''} .sod_frm_point div strong{float:left;color:#666;font-weight:normal} .sod_frm_point #od_temp_point{height:30px;border:1px solid #ccc;text-align:right} #settle_bank{background:#fff;border-bottom:1px solid #ccc;padding:10px;text-align:right; clear:both} #settle_bank select{height:30px;margin:0 0 5px;width:100%;} #settle_bank #od_deposit_name{height:30px;border:1px solid #ccc;text-align:center;} #settle_bank label{float:left;line-height:30px} #sod_frm_pt_info{border-bottom:1px solid #ccc} .od_coupon{position:absolute;top:0;left:0;background:#fff;width:100%;z-index:99;border-radius:0 0 3px 3px;border:1px solid #eee; -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.4); -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.4); box-shadow: 1px 1px 5px rgba(0,0,0,0.4);} .od_coupon h3{height:45px;line-height:45px;font-size:1.167em;padding:0 15px;text-align:left} .od_coupon .tbl_head02{margin:0 15px 15px} .od_coupon .tbl_head02 .btn_frmline {background:#3b67c2;color:#fff;border:0;padding:0 5px;line-height:25px } .od_coupon .tbl_head02 td{text-align:left;background:#fff !important;border-right:0} .od_coupon .tbl_head02 th{width:auto !important;border-left:0} .od_coupon .tbl_head02 .td_mngsmall{width:60px;text-align:center} .od_coupon .tbl_head02 .td_numbig{width:80px;text-align:right} .od_coupon .btn_confirm{margin:20px ; } .od_coupon .btn_confirm .btn_submit{height:40px;font-size:1.167em;font-weight:bold;width:100%;} .od_coupon .btn_confirm .btn_close{position:absolute;top:0;right:0;width:45px;height:45px;border:0;background:none;color:#333;font-size:1.25em} .cp_btn ,.cp_btn1{padding:0 7px;border:1px solid #38b2b9;color:#38b2b9;background:#fff;height:23px;line-height:21px;margin:5px 0 0 } .cp_apply{background:#3b67c2;color:#fff;border:0;padding:0 5px;line-height:25px } .cp_cancel,.cp_cancel1 {padding:0 7px;border:1px solid #aaa;color:#666;background:#fff;height:23px;line-height:21px;margin:10px 0 0 2px;} #sod_frm_escrow{margin:10px;} #sod_frm_escrow h2{font-size:1.25em} #od_pay_sl h3{font-size:1.25em} .sod_left{display: table-cell;width:65%;padding:0 10px;vertical-align:top;} .sod_right{display: table-cell;width:35%;background:#eceff4;padding:20px;vertical-align:top;height:100%} .sod_right #sod_frm_pay{padding:0 ;background:transparent} #sod_frm .sod_right .btn_confirm{padding:0 ;background:transparent;margin:20px 0} /* 쿠폰 */ #scp_list li{position:relative;padding: 0} #scp_list .li_pd{position:relative;padding:10px} #scp_list .li_title{font-weight:bold;font-size:1.167em;} #scp_list .pd_price{position:absolute;top:10px;right:10px} #scp_list .pd_price strong{color:#ff006c;font-size:1.5em;} #scp_list .li_target{color:#666;margin:5px 0 0;background:#f3f3f3;border-top:1px dotted #ccc;padding:5px 10px;} #scp_list .pd_date{float:right;color:#777} /* 배송지 목록 */ #sod_addr {} #sod_addr ul {margin:0;padding:0;list-style:none} #sod_addr li {position:relative;padding:0;border-bottom:1px solid #e9e9e9} #sod_addr .addr_title{border-bottom:1px solid #ddd;padding:10px 10px 10px 30px;} #sod_addr .ad_subject{height:30px ;border:1px solid #bbb;width:100%;padding:0 10px} #sod_addr .ad_chk{position:absolute;top:17px;left:10px} #sod_addr .addr_info{padding:15px} #sod_addr .addr_name{margin:0 0 10px;font-weight:bold;font-size:1.083em} #sod_addr .addr_addr{line-height:1.5em;margin:5px 0;} #sod_addr .addr_tel{margin:5px 0;color:#666} #sod_addr .fa-mobile{font-size:14px} #sod_addr .addr_btn{border-radius:0 0 3px 3px;padding:10px} #sod_addr .addr_btn:after {display:block;visibility:hidden;clear:both;content:""} #sod_addr .sel_address{width:32%;float:left;margin-right:1%;height:30px;background:none;border:1px solid #333;color:#333;;padding:0 5px;} #sod_addr .del_address{display:block;width:32%;text-align:center;float:left;margin-right:1%;border:1px solid #aaa;background:none;color:#888;padding:0 5px;height:30px;line-height:28px;vertical-align:middle} #sod_addr input[type="radio"]{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left: 0;z-index: -1px;} #sod_addr .add_lb {display: inline-block;float:left;width:32%;text-align:center;border:1px solid #4162ff;color:#4162ff;height:30px;line-height:28px} #sod_addr input[type="radio"]:checked+.add_lb {;z-index:3;background:#4162ff;color:#fff} /* 주문내역 */ #sod_v {margin:0 20px} #sod_v .td_stat {width:100px} #sod_v_info {margin:0 0 10px;padding:10px;background:#e6d5d2;color:#883d1a;text-align:center;border-bottom:1px solid #c3bcb1} /* 주문상세내역 */ #sod_list_inq{} .sod_fin_list .sod_ta_wr{padding:15px;background:#f3f3f3} .sod_fin_list h2 {position:absolute;border:0;font-size:0;line-height:0;content:""} .sod_fin_list .prqty_stat{position:absolute;top:0;right:0;padding:3px 5px;background:#6583c5;color:#fff} .sod_fin_list .li_opt{color: #777;margin: 3px 0;line-height: 1.3em;padding-right:50px} #sod_sts_wrap{margin:0 0 10px} #sod_sts_explan_open{padding: 0 10px;height: 30px;border: 1px solid #eee;;color: #333;background:none} #sod_sts_explan{display:none} #sod_fin_legend{background:#f7f7f7;;margin:0 0 10px;padding:10px;line-height:20px} #sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:""} #sod_fin_legend dt{float:left;width:20%} #sod_fin_legend dd{float:left;width:80%} #sod_fin_view{margin:20px 0;} #sod_fin_view h2 {position:absolute;border:0;font-size:0;line-height:0;content:""} #sod_fin_view h3{font-size:1.167em;margin:20px 0 10px} #sod_fin_no{;border:2px solid #b9b9b9;background:#f3f3f3;;color:#444;text-align:center;padding:10px} #sod_fin_no strong{font-size:1.167em} #sod_fin_tot{margin:10px 0} #sod_fin_tot h2{font-size:1.167em;margin:20px 0 10px} #sod_fin_tot ul{margin:0;padding:0;list-style:none} #sod_fin_tot li{padding:10px;background:#38b2b9;border-bottom:1px solid #5ec2c7;color:#fff;zoom:1} #sod_fin_tot li:after{display:block;visibility:hidden;clear:both;content:""} #sod_fin_tot #alrdy{border-bottom:0 !important} #sod_fin_tot #alrdy .right{margin-top:10px;text-align:right;color:#f3f3f3;font-size:0.9em} #sod_fin_tot #alrdy .right p{position:relative} #sod_fin_tot #alrdy .right .title{position:absolute;left:0;padding-left:8px} #sod_fin_tot strong {float:right} #sod_fin_cancel{margin:10px 0;} #sod_fin_cancel h2{position:absolute;border:0;font-size:0;line-height:0;content:""} #sod_fin_cancel h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #sod_fin_cancel button {height:40px;border:1px solid #5e6b6f;font-weight:bold;width:100%;background:none;color:#5e6b6f;border-radius:30px} #sod_fin_cancel p{text-align:center;background:#ffe0e0;border:2px solid #d50c0c;padding:15px;color:#d50c0c;font-size:1.167em;font-weight:bold} #sod_fin_cancelfrm {display:none;margin:10px 0 0;text-align:center;background:#fff;padding:15px} #sod_fin_cancelfrm .frm_input {background:#fff;margin: 0 0 5px;width:100%} #sod_fin_cancelfrm .btn_frmline{background:#5e6b6f;color:#fff;border:0;padding:10px;width:100%;cursor:pointer} #sod_fin_test {padding:10px} #sod_fin{margin:20px} /* 마이페이지 */ #smb_my {position:relative;max-width:1500px;margin:0 auto;padding:0 20px} #smb_my_ov{background:#fff;border:1px solid #e6e6e6;margin:0 0 15px;} #smb_my_ov .hello_name{background:#f8f8f8;text-align:center;padding-bottom:20px;border-bottom:1px solid #e6e6e6;position:relative;} #smb_my_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #smb_my_ov .my_img{display:inline-block;border-radius:50%;overflow:hidden;position:relative;margin:35px 0 0; -webkit-box-shadow:0 6px 10px rgba(0,0,0,0.1); -moz-box-shadow:0 6px 10px rgba(0,0,0,0.1); box-shadow:0 6px 10px rgba(0,0,0,0.1);} #smb_my_ov .btn_edit{position:Absolute;bottom:0;left:0;width:100%;background:#959595;line-height:23px;color: #fff;} #smb_my_ov .btn_edit:hover{background:#d25959;color:#fff} #smb_my_ov .my_name{margin:10px 0} #smb_my_ov .btn_out{position:absolute;top:0;right:0;background:#fff;border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-radius:0 0 0 5px;padding:0 5px;line-height:22px;font-size:11px;color:#777} #smb_my_wr {min-height:560px} .my_cou_wr{border-bottom:1px solid #e6e6e6;font-weight:bold;} .my_cou_wr:after {display:block;visibility:hidden;clear:both;content:""} .my_cou_wr .my_cou{float:left;width:50%;border-right:1px solid #e6e6e6;text-align:center;padding:10px 0} .my_cou_wr .my_po{float:left;width:50%;text-align:center;padding:10px 0} .my_cou_wr img{padding:5px 0 0;width:23px;height:auto;} .my_cou_wr a{color:#d63154} .my_cou_wr span{display:block;line-height:20px;color:#000} .my_info{padding:0 10px;line-height:18px} .my_info dt{border-top:1px solid #e6e6e6;color:#5366ae;padding:10px 0 0;font-size:0.92em} .my_info dd{padding:0 0 10px;} .my_info dt:first-child{border:0} .btn_my_if{width:100%;border:0;background:#fff;padding:10px;background:#f3f3f3} #smb_my_od{margin:0 0 50px;padding: 0} #smb_my_od h2{margin:0 0 10px;font-size:1.25em;font-weight:500} #smb_my_wish{margin:0 0 35px} #smb_my_wish h2{margin:0 0 10px;font-size:1.25em;font-weight:500} #smb_my_wish ul:after {display:block;visibility:hidden;clear:both;content:""} #smb_my_wish li{float:left;width:25%;padding:5px} #smb_my_wish li img{width:100%;height:auto;} #smb_my_wish li a{display:block;margin:5px 0;font-weight:bold} #smb_my_wish .empty_list{width:100%;padding:100px 0} @media (min-width: 970px){ #smb_my_ov{position:absolute;top:0;left:0;width:280px} #smb_my {padding:10px;padding-left:300px} .btn_my_if{display:none;} } @media (max-width: 969px){ .my_info{display:none} } @media (max-width: 640px){ #smb_my_wish li {width:50%} } /* 위시리스트 */ #sod_ws {margin:0 20px;} #sod_ws li{background:#fff;border:1px solid #eee;margin:10px 0;position:relative;border-radius:3px} #sod_ws .wish_img{ position: absolute;top: 50%;left: 20px;z-index: 10;width: 70px;height: 70px;margin-top: -35px;border-radius:50%;overflow:hidden;z-index:4} #sod_ws .wish_info{padding:15px 15px 15px 100px;min-height:90px} #sod_ws .wish_chk{position:absolute;top:5px;left:5px;z-index:9} #sod_ws .info_date{color:#777;display:block;font-size:0.92em;margin:5px 0 0} #sod_ws .wish_prd{display:block;font-weight:bold;font-size:1.083em} #sod_ws .wish_del{position:absolute;bottom:10px;right:10px;} #sod_ws .wish_del a{display:block;width:30px;height:30px;line-height:30px;background:#eee;border-radius:3px;color:#777;text-align:center;font-size:1.25em} #sod_ws .sold_out{display:inline-block;padding:3px 5px;background:#ff0000;color:#fff} #sod_ws_act {text-align:center;margin:10px 0;} #sod_ws_act:after {display:block;visibility:hidden;clear:both;content:''} #sod_ws_act .btn01{float:left;width:49%;height: 50px;background: #d50c0c;font-weight: bold;border: 0;color: #fff;font-weight: bold;font-size:1.25em} #sod_ws_act .btn02{float:right;width:49%;height: 50px;border: 1px solid #d50c0c;color: #d50c0c;font-weight: bold;background: #fff;font-weight: bold;font-size:1.25em;} /* 주문내역 include */ #sod_inquiry li:after {display:block;visibility:hidden;clear:both;content:''} #sod_inquiry li {background:#fff;border:1px solid #eee;padding:15px;margin-bottom:10px;position:relative;border-radius:5px} #sod_inquiry li .idtime_link{font-weight:500} #sod_inquiry li .idtime_time{position:absolute;top:15px;right:15px;color:#999} #sod_inquiry li .inquiry_name{margin:10px 0;color:#666;font-weight:300} #sod_inquiry li .inquiry_price{font-weight: bold;margin: 10px 0 0;color:#7d8dff;position:absolute;bottom:16px;left:16px} #sod_inquiry li .inv_status{display:block;text-align:center;float:right;margin-top:5px;font-size:12px;} #sod_inquiry li .inv_inv{margin:10px 0 0;display:block;border:1px solid #c4c5cc;color:#666} #sod_inquiry li .inv_inv i{width:30px;height:30px;line-height:30px;background:#f3f3f3;text-align:center;color:#555;font-size:15px;margin-right:5px} .status_01{display:block;background:#fda83c;color:#fff;line-height:25px;padding:0 10px;border-radius:30px} .status_02{display:block;background:#ff6f6f;color:#fff;line-height:25px;padding:0 10px;border-radius:30px;} .status_03{display:block;background:#5bd085;color:#fff;line-height:25px;padding:0 10px;border-radius:30px;} .status_04{display:block;background:#6fa8ff;color:#fff;line-height:25px;padding:0 10px;border-radius:30px;} .status_05{display:block;background:#333;color:#fff;line-height:25px;padding:0 10px;;border-radius:30px;} .status_06{display:block;background:#f3f3f3;border:1px solid #ddd;color:#666;line-height:25px;font-weight:bold;padding:0 10px;;border-radius:30px;} /* 주문상세내역 중 현금영수증 발급 */ #scash {} #scash section {padding:10px 0} #scash h2 {margin:0 0 10px;text-align:center} #scash .tbl_head01 th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left;} #scash_apply {padding:10px 0 15px;text-align:center} #scash_apply button {padding:10px;border:0;background:#565e60;color:#fff} #scash_copy {text-align:center} /* 화면낭독기 사용자용 */ #hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden} .msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;text-indent:-9999em;line-height:0;border:0 !important;overflow:hidden !important} /* 본문 바로가기 */ #skip_to_container a {z-index:100000;position:absolute;font-size:0;line-height:0;overflow:hidden;left:0} #skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:1.5em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em} /* 이미지 등비율 리사이징 */ .img_fix {width:100%;height:auto} /* 캡챠 자동등록(입력)방지 기본 -pc */ #captcha {position:relative} #captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;} #captcha #captcha_img {height:40px;border:1px solid #898989;;vertical-align:top;padding:0;margin:0} #captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../../../img/captcha.png') no-repeat;text-indent:-999px;;border-radius:3px} #captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px} #captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top} #captcha #captcha_info {display:block;margin:3px 0 5px ;font-size:0.95em;letter-spacing:-0.1em} /* ckeditor 태그 기본값 */ #bo_v_con ul{display: block;list-style-type: disc;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;} #bo_v_con ol{display: block;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;} #bo_v_con li{display: list-item;} /* 캡챠 자동등록(입력)방지 기본 - mobile */ #captcha.m_captcha audio {display:block;margin:0 0 5px} /* Mobile화면으로 */ #mobile_cng {display:block;margin:5px;padding:5px 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center} /* ckeditor 단축키 */ .cke_sc {margin:0 0 5px;text-align:right} .btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle} .cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f2f5f9;text-align:center} .cke_sc_def dl {margin:0 0 5px;text-align:left} .cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""} .cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9} .cke_sc_def dt {width:20%;font-weight:bold} .cke_sc_def dd {width:30%} /* 콘텐츠별 스타일 */ .cnt_cmt {display:inline-block;margin:0 0 0 5px;font-weight:bold} /* 버튼 */ .btn{display:inline-block;padding:0 10px;height:30px;line-height:30px;border-radius:3px;font-weight:500;border-radius:30px} .btn_m{display:inline-block;padding:0 20px;height:40px;line-height:40px;border-radius:3px;font-weight:500;border-radius:30px} .btn_l { display: inline-block; padding: 0 30px; height: 40px; line-height: 40px; border-radius: 3px; font-weight: 500; /* border-radius: 30px; */ } .btn01 {display:inline-block;padding:0 7px;;border: 1px solid #dce1e4;background:#fff;color:#7d7c90;text-decoration:none;vertical-align:middle; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.08); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.08); box-shadow: 0 1px 2px rgba(0,0,0,0.08);} .btn01:focus, .btn01:hover {color:#4c497c; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1); box-shadow: 0 2px 5px rgba(0,0,0,0.1);} .btn02 {display:inline-block;padding:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle} a.btn02:focus, .btn02:hover {text-decoration:none} .btn_confirm {text-align:center} /* 서식단계 진행 */ .btn_submit {background:#20ac42;color:#fff;text-decoration:none;vertical-align:middle;border:0; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.08); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.08); box-shadow: 0 1px 2px rgba(0,0,0,0.08);} .btn_submit:hover {background:#068625;color:#fff; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1); box-shadow: 0 2px 5px rgba(0,0,0,0.1);} a.btn_cancel {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fff;color:#000;text-decoration:none;vertical-align:middle} button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none} a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:1.9em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */ button.btn_frmline {font-size:1em} .btn_top{margin:10px;text-align:center} .btn_top li{display:inline-block} /* 게시판용 버튼 */ a.btn_b01,.btn_b01 {display:inline-block;background:#fff;border:1px solid #dee3ed;color:#7d7c90;text-decoration:none;vertical-align:middle; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.08); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.08); box-shadow: 0 1px 2px rgba(0,0,0,0.08);} .btn_b01:hover, .btn_b01:hover {color:#4c497c; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1); box-shadow: 0 2px 5px rgba(0,0,0,0.1);} a.btn_b02 ,.btn_b02{display:inline-block;background:#20ac42;color:#fff;text-decoration:none;vertical-align:middle;border:0; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.08); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.08); box-shadow: 0 1px 2px rgba(0,0,0,0.08);} a.btn_b02:hover, .btn_b02:hover {background:#068625; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1); box-shadow: 0 2px 5px rgba(0,0,0,0.1);} a.btn_b03, .btn_b03{display:inline-block;background:#fff;color:#20ac42;border:1px solid #20ac42;text-decoration:none;vertical-align:middle; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.08); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.08); box-shadow: 0 1px 2px rgba(0,0,0,0.08);} a.btn_b03:hover, .btn_b03:hover { -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1); box-shadow: 0 2px 5px rgba(0,0,0,0.1);} a.btn_admin {display:inline-block !important; background:#e8180c; color:#fff; text-decoration:none; vertical-align:middle; padding:0 10px; margin-bottom:16px;} /* 관리자 전용 버튼 */ a.btn_admin:focus, a.btn_admin:hover {} /* 기본테이블 */ .tbl_wrap {margin:0 0 10px} .tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0} .tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left} .tbl_head01 {margin:0 0 10px} .tbl_head01 table{border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3} .tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head01 thead th {padding:12px 0;border-bottom:1px solid #d3d3d3;background:#f3f3f3;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em} .tbl_head01 thead a {color:#383838} .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head01 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head01 td {padding:15px 5px;border-top:1px solid #f3f3f3;border-left:1px solid #f3f3f3;line-height:1.5em;word-break:break-all} .tbl_head01 td:first-child{border-left:0} .tbl_head01 a {} .tbl_head02 {margin:15px} .tbl_head02 caption {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} .tbl_head02 thead th {padding:7px 0;border-top:1px solid #333;border-bottom:1px solid #ddd;background:#f3f3f3;color:#333;font-size:0.95em;text-align:center;} .tbl_head02 thead a {color:#383838} .tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff} .tbl_head02 tfoot td {background:#484848;color:#fff;font-weight:bold;text-align:center} .tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head02 td {padding:5px 3px;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all} .tbl_head03 {margin:0 0 10px} .tbl_head03 table{border-bottom:1px solid #d8dee1} .tbl_head03 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head03 thead th {padding:17px 0;background:#fff;border-bottom:1px solid #d9e0e7;border-top:1px solid #d9e0e7;font-size:0.95em;text-align:center;letter-spacing:-0.1em;color: #8d9da9;font-weight: normal;} .tbl_head03 thead th:first-child{border-radius:5px 0 0 0} .tbl_head03 thead th:last-child{border-radius:5px 0 0 0} .tbl_head03 thead a {color:#383838} .tbl_head03 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head03 tfoot th, .tbl_head03 tfoot td {padding:10px 0;border-bottom:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head03 tbody th {padding:10px 0;border-top:1pxfsolid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head03 td {padding:15px 5px;border-top:1px solid #f3f3f3;line-height:1.5em;word-break:break-all;;} .tbl_head03 tr:nth-child(odd){background:#f9fafa} .tbl_head02 a {} /* 폼 테이블 */ .tbl_frm01 {} .tbl_frm01 th {padding:10px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left;font-weight:300} .tbl_frm01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent} .tbl_frm01 textarea {width:100%;height:100px} .tbl_frm01 a {text-decoration:none} .tbl_frm01 .frm_address {margin-top:5px;width:100%} .tbl_frm01 .frm_file {display:block;margin-bottom:5px;width:100%} .tbl_frm01 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em} /* 기본리스트 */ .list_01{padding:0 20px;} .list_01 li{background:#fff;border-radius:3px;margin:10px 0;padding:10px 15px; -webkit-box-shadow: 0 1px 4px #cbd1df; -moz-box-shadow: 0 1px 4px #cbd1df; box-shadow: 0 1px 4px #cbd1df; } /* 기본폼 */ .form_01{margin:10px} .form_01 div{margin:5px 0;position:relative} .form_01 li{margin:5px 0;position:relative} textarea, .frm_input,select {border:1px solid #e1e6eb;background:#fff;color:#000;vertical-align:middle; -webkit-box-shadow: 0 2px 2px #f3f3f3; -moz-box-shadow: 0 2px 2px #f3f3f3; box-shadow: 0 2px 2px #f3f3f3;} textarea:focus, .frm_input:focus,select:focus{outline:none;border-color:#20ac42;background:#f8f4f4} textarea {width:100%;height:100px;padding:10px;} .frm_input{height:45px;padding:0 10px} .full_input{width:100%} .form_01 .frm_file {display:block;margin-bottom:5px;width:100%} select{height:45px;padding:0 10px} .form_01 .frm_info{font-size:0.92em;color:#4162ff;text-align:left;margin:3px 0 10px;display:block;line-height:1.3em} /* 자료 없는 목록 */ .empty_table {padding:50px 0 !important;text-align:center !important;color:#666 !important} .empty_list {padding:50px 0 !important;text-align:center !important;color:#666 !important} /* 필수입력 */ .required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important;} /* 테이블 그리드 padding 0 5px 고려한 넓이 */ .grid_1 {width:40px} .grid_2 {width:100px} .grid_3 {width:120px} .grid_4 {width:190px} .grid_5 {width:240px} .grid_6 {width:290px} .grid_7 {width:340px} .grid_8 {width:390px} .grid_9 {width:440px} .grid_10 {width:490px} .grid_11 {width:540px} .grid_12 {width:590px} .grid_13 {width:640px} .grid_14 {width:690px} .grid_15 {width:740px} .grid_16 {width:790px} .grid_17 {width:840px} .grid_18 {width:890px} /* 테이블 항목별 정의 */ .td_chk {width:50px;text-align:center} .td_group {width:100px;text-align:center} .td_board {width:120px;text-align:center} .td_statsmall {width:50px;text-align:center} .td_num {width:50px;text-align:center} .td_numbig {width:100px;text-align:center} .td_mb_id {width:100px;text-align:center} .td_nick {width:100px;text-align:center} .td_name {width:100px;text-align:left} .td_namesmall {width:100px;text-align:left} .td_date {width:50px;text-align:center} .td_datetime {width:170px;text-align:center} .td_mngsmall {width:50px;text-align:center} .td_mng {width:80px;text-align:center} .td_stat {text-align:center} /* 새창 기본 스타일 */ .new_win {} .new_win #win_title {font-size: 1.2em;font-weight: bold;height: 50px;padding: 10px 20px;line-height: 30px;color: #333;} .new_win #win_title .sv {font-size:0.75em;line-height:1.2em} .new_win_con{margin:10px 20px} .new_win .win_ul {margin:10px 20px} .new_win .win_ul li{display:inline-block;} .new_win .win_ul li a{display: block;line-height: 24px;padding: 0 10px;} .new_win .win_ul li .selected {background: #4162ff;color: #fff;border-radius: 13px; -webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8); -moz-box-shadow: 0 0 5px rgba(65,98,255,0.8); box-shadow: 0 0 8px rgba(65,98,255,0.8);} .new_win .win_desc {margin:5px 0;font-size:0.92em;color:#4162ff} .new_win .win_btn {clear:both;margin:10px;text-align:center} .new_win .win_btn a {display:inline-block;height:40px;line-height:40px;font-weight:bold} .new_win .win_btn .btn_close {display:inline-block;padding:0 10px;border:0;background:#c6c6d2;color:#666;text-decoration:none;font-weight:bold;height:40px;border-radius:3px;margin:10px 0} .new_win .win_btn .btn_submit{width:100%;height:40px;line-height:40px;border-radius:3px;margin:0 0 20px;display:inline-block;font-weight:bold} /* 자바스크립트 alert 대안 */ #validation_check {margin:100px auto;width:500px} #validation_check h1 {margin-bottom:20px;font-size:1.3em} #validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff} /* 사이드뷰*/ .sv_wrap {display:inline-block;position:relative;font-weight:normal} .sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646;background:#111} .sv_wrap .sv a {display:inline-block !important;margin:0 !important;padding:5px !important;width:94px;border-bottom:1px solid #283646;color:#fff !important} .sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none !important} .sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important} .sv_nojs .sv {display:block} /* 페이징 */ .pg_wrap {clear:both;margin:10px 0 30px;text-align:center} .pg {display:inline-block} .pg_page, .pg_current, .qa_page {display:inline-block;padding:0 10px;min-width:40px;border-radius:33px;height:40px;color:#9f9f9f;line-height:40px;vertical-align:middle} .pg a:focus, .pg a:hover {text-decoration:none;background-color:#f3f3f3} .pg_page,.qa_page {background:#fafafa;} .pg_start {background:url(../img/btn_first.gif) no-repeat 50% 50% #fafafa;width:40px;height:40px ;text-indent:-999px;overflow:hidden} .pg_prev {background:url(../img/btn_prev.gif) no-repeat 50% 50% #fafafa;width:40px;height:40px ;text-indent:-999px;overflow:hidden} .pg_next {background:url(../img/btn_next.gif) no-repeat 50% 50% #fafafa;width:40px;height:40px ;text-indent:-999px;overflow:hidden} .pg_end {background:url(../img/btn_end.gif) no-repeat 50% 50% #fafafa;width:40px;height:40px ;text-indent:-999px;overflow:hidden} .pg_current {display:inline-block;background:#20ac42;color:#fff;font-weight:normal;line-height:40px;} /* 상품상세 메뉴 floating */ #info_top_layer {display:none;position:absolute; top:0; left:0; width:100%; background-color: #eee;} #form_btn_layer { display:none;position:absolute; top:0; left: 0; width: 100%; height: 60px; background-color: #eee;} /*현금영수증*/ #kcp_req_rx .tbl_head01 tbody th {text-align:left;} /*배송지목록*/ #sod_addr .win_desc{padding:10px 20px} /*쇼핑몰레이아웃*/ #fregisterform{margin:10px} #bo_w {padding:10px} #sit_sms_new #sms_agree{padding:10px 20px !important} /*이벤트*/ #sev_hhtml,#sev_thtml{padding:10px} #sev_hhtml img,#sev_thtml img{width:100%} /*네이버페이*/ .naverpay-item{padding-top:15px;clear:both} #sod_bsk_act .naverpay-cart{margin-top:15px;clear:both;position:static} /*PC 주문서*/ #sod_frm_orderer .tbl_frm01,#sod_frm_taker .tbl_frm01{background:#fff;padding:10px 0;} #sod_frm_orderer table th,#sod_frm_taker table th{border:0;padding:10px 5px;} #sod_frm_orderer table td,#sod_frm_taker table td{border:0;padding:5px 10px;vertical-align:middle} #od_pay_sl input[type="radio"]{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left: 0;z-index: -1px;} #od_pay_sl .lb_icon {display: inline-block;float:left;width:50%;background:#fff;border:1px solid #eceff4;margin:-1px 0 0 -1px;cursor: pointer;height:60px;position:relative;padding-left:65px;padding-top:20px;z-index:1} #od_pay_sl input[type="radio"]:checked+.lb_icon {border:1px solid #ff006c;z-index:3} #sod_frm_paysel {} #sod_frm_paysel label{display:inline-block;width:50%;text-align:left} #sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden} #sod_frm_paysel .KPAY{background:url('../../../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .PAYNOW{background:url('../../../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .PAYCO{background:url('../../../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .inicis_lpay{background:url('../../../img/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .kakaopay_icon{background:url('../../../img/kakao.png') no-repeat 50% 50% #f4dc34;overflow:hidden;text-indent:-999px} #sod_frm_paysel .bank_icon{background:url('../../../img/pay_icon1.png') no-repeat 15px 50% #fff} #sod_frm_paysel .vbank_icon{background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px} #sod_frm_paysel .iche_icon{background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px} #sod_frm_paysel .hp_icon{background:url('../../../img/pay_icon3.png') no-repeat 24px 50% #fff} #sod_frm_paysel .card_icon{background:url('../../../img/pay_icon4.png') no-repeat 17px 50% #fff} #sod_frm #sod_bsk_tot{} #sod_frm #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""} #sod_frm #sod_bsk_tot li{position:relative;float:left;background:#fff;width:33.333%;height:70px;text-align:center;border-bottom:1px solid #e7ebf1;padding:15px 0} #sod_frm #sod_bsk_tot li:after {display:block;visibility:hidden;clear:both;content:""} #sod_frm #sod_bsk_tot li span{display:block;color:#777;margin-bottom:5px;font-weight:500} #sod_frm #sod_bsk_tot .sod_bsk_sell,#sod_frm #sod_bsk_tot .sod_bsk_coupon{border-right:1px solid #e7ebf1} #sod_frm #sod_bsk_tot .sod_bsk_point,#sod_frm #sod_bsk_tot .sod_bsk_cnt{width:100%;clear:both;height:40px;padding:0 15px;line-height:40px;text-align:right} #sod_frm #sod_bsk_tot .sod_bsk_point span,#sod_frm #sod_bsk_tot .sod_bsk_cnt span {float:left;margin:0;font-weight:500} #sod_frm #sod_bsk_tot .sod_bsk_coupon:before{display:block;content:"-";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff006c;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size: 16px;line-height: 14px;} #sod_frm #sod_bsk_tot .sod_bsk_dvr:before{display:block;content:"+";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff006c;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size: 16px;line-height: 14px;} #sod_frm #sod_bsk_tot .sod_bsk_cnt strong{color:#ff006c;font-size:1.25em} #sod_frm_pay .pay_tbl table{width:100%;border-collapse:collapse} #sod_frm_pay .pay_tbl th{text-align:left;padding:10px;width:80px;border-bottom:1px solid #e7ebf1;background:#fff;font-weight:bold;color:#777;font-weight:500} #sod_frm_pay .pay_tbl td{text-align:right;padding: 10px;height:30px;border-bottom:1px solid #e7ebf1;background:#fff} #sod_frm_pay .pay_tbl td .cp_cancel{margin:0 0 0 2px} #sod_frm_pay .pay_tbl td .btn_frmline{padding: 0 7px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;margin: 0;} #od_tot_price{margin:10px 0;background:#fff;line-height:40px;text-align:right;padding:0 10px} #od_tot_price span{float:left;font-weight:bold} #od_tot_price strong{font-size:1.5em;color:#ff006c} .btn_address{background:#70aff2;border:1px solid #3476be;height:40px;color:#fff;padding:0 10px;font-size:1.083em;font-weight:bold} /*개인결제 폼*/ #m_sod_frm_orderer {margin:10px;} #m_sod_frm_orderer h2{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #m_sod_frm_orderer ul{background:#fff;margin:10px 0;border-bottom:1px solid #ccc;padding:10px 15px} #m_sod_frm_orderer li{line-height:20px} #m_sod_frm_orderer th{width:80px} #m_sod_frm_orderer td .frm_input{width:100%} #m_pv_sod_frm .btn_confirm{margin:10px} #m_pv_sod_frm .btn_confirm .btn_submit{width:100%;height: 45px;font-size: 1.167em;font-weight: bold;margin:0 0 3px;} #m_pv_sod_frm .btn_confirm .btn_cancel{width:100%;height: 45px;line-height: 43px;font-size: 1.167em;font-weight: bold;padding:0} /*공통*/ .section{padding:120px 0;} .inner{margin: 0 auto; max-width: 1400px; padding:0 30px;} .com_mt{margin:100px 0;} .clearfix{display: flex; flex-wrap: wrap;} .flex_w2{width: calc(100% / 2 - 1rem);} .con_tit{font-size:2.4em; word-break: keep-all; padding-bottom: 40px; line-height: 1.2;} .con_txt{font-size:1.4em; word-break: keep-all; line-height: 1.3;} .con_txt_pb{padding-bottom:20px !important} @media (max-width: 969px){ .section{padding:60px 0;} .con_tit {font-size: 1.7em; padding-bottom: 30px;} .con_txt { font-size: 1.2em;} } @media (max-width: 689px){ .section{padding:40px 0;} } /*공통*/ .color_gn{color:#20ac42} .Bg_gy{background: #fafafa;} /*메인타이틀*/ .com_titArea{text-align:center; margin-bottom:40px;} .com_titArea .main_logo_tit{margin-bottom:15px;} .com_titArea .main_logo_tit img{width:100%; max-width:300px;} .com_titArea .com_txt p{font-size: 1.2em; word-break: keep-all;} /*메인*/ .main_sec1 { padding-bottom: 180px; background: url(../img/main_sec1Bg.jpg) no-repeat; background-position: 97% 13%; background-size: 22%; position: relative; } .main_sec1 .sec1Box {max-width: 1000px;} .main_sec1 .sec1Box .con_tit { font-size: 3.3em; font-weight: 800; line-height: 1.2; } .main_sec2 .clearfix{align-items: center; background: #fafafa;} .main_sec2 .clearfix .flex_w2{width:50%} .sec2Box .sec2_img { height: 750px; background-image: url(../img/sec2_img.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; } .sec2Box .sec2_txt{padding: 90px;} .sec2Box .sec2_txt ul.clearfix{gap: 2rem;} .sec2Box .sec2_txt ul.clearfix li{width: calc(100% / 2 - 1rem);} .sec2Box .sec2_txt ul.clearfix li h5 { font-size: 2.3em; color: #20ac42; padding: 0px 10px 10px; border-bottom: 1px solid #ddd; font-weight: 600; padding-top: 10px; word-break: keep-all; } .sec2Box .sec2_txt ul.clearfix li h5 span{font-size:1.7em; font-family: 'SUIT-Regular';} .sec2Box .sec2_txt ul.clearfix li p{font-size:1.35em; padding: 10px;word-break: keep-all;} .sec3Box2{} .sec3Box2 ul{display: flex; flex-wrap: wrap; gap: 30px;} .sec3Box2 ul li.sec3_2 { text-align: center; width: calc(50% - 15px); box-shadow: 0px 0px 7px #ddddddb5; border-radius: 10px; } .sec3Box2 ul li.sec3_2 a .sec3_2_img{} .sec3Box2 ul li.sec3_2 a .sec3_2_img img{width:100%; max-width:1000px; border-radius: 10px 10px 0 0;} .sec3Box2 ul li.sec3_2 a p{font-size: 1.6em; font-weight: 500; padding: 20px;} @media (max-width: 1360px){ .sec2Box .sec2_txt {padding: 50px;} } @media (max-width: 1250px){ .sec2Box .sec2_img {height: 650px;} .main_sec2 .con_tit br{display:none;} .sec2Box .sec2_txt ul.clearfix li h5{font-size: 1.9em;} } @media (max-width: 1075px){ .main_sec2 .clearfix .flex_w2 {width: 100%;} .sec2Box .sec2_img {height: 450px;} } @media (max-width: 969px){ .com_mt {margin: 60px 0;} /*메인타이틀*/ .com_titArea .main_logo_tit img{max-width: 200px;} .com_titArea .com_txt p{font-size:1.1em} .main_sec1{padding-bottom: 60px;} .main_sec1 .sec1Box .con_tit{font-size: 3em;} .sec3Box2 ul li.sec3_2 a p{font-size: 1.4em;} } @media (max-width: 689px){ .main_sec1 { background-position: 97% 94%; background-size: 40%; } .main_sec1 .sec1Box .con_tit {font-size: 2em;} /*메인-카운터*/ .sec2Box .sec2_img {height: 250px;} .sec2Box .sec2_txt{padding: 60px 30px;} .sec2Box .sec2_txt ul.clearfix{gap: 1rem;} .sec2Box .sec2_txt ul.clearfix li { width: calc(100% / 2 - 0.5rem);} .sec2Box .sec2_txt ul.clearfix li h5 {font-size: 1.25em} .sec2Box .sec2_txt ul.clearfix li p {font-size: 1.2em;} .sec3Box2 ul{} .sec3Box2 ul li.sec3_2{width:100%;} .sec3Box2 ul li.sec3_2 a p{font-size: 1.2em;} } /* 서브상단 */ .sub_visual{position:relative;max-width:2560px;margin:0 auto;height:340px;overflow:hidden;background-repeat:no-repeat;background-position:center top} .sub_visual.visual01 .bg{background-image:url(../img/top_bg1.jpg)} .sub_visual.visual02 .bg{background-image:url(../img/top_bg2.jpg)} .sub_visual.visual02_1 .bg{background-image:url(../img/top_bg2_1.jpg)} .sub_visual.visual02_2 .bg{background-image:url(../img/top_bg2_2.jpg)} .sub_visual.visual02_3 .bg{background-image:url(../img/top_bg2_3.jpg)} .sub_visual.visual02_4 .bg{background-image:url(../img/top_bg2_4.jpg)} .sub_visual.visual03 .bg{background-image:url(../img/top_bg3.jpg)} .sub_visual.visual03_1 .bg{background-image:url(../img/top_bg3_1.jpg)} .sub_visual.visual03_2 .bg{background-image:url(../img/top_bg3_2.jpg)} .sub_visual.visual03_3 .bg{background-image:url(../img/top_bg3_3.jpg)} .sub_visual.visual03_4 .bg{background-image:url(../img/top_bg3_4.jpg)} .sub_visual.visual03_5 .bg{background-image:url(../img/top_bg3_5.jpg)} .sub_visual.visual03_6 .bg{background-image:url(../img/top_bg3_6.jpg)} .sub_visual.visual03_7 .bg{background-image:url(../img/top_bg3_7.jpg)} .sub_visual.visual03_11 .bg{background-image:url(../img/top_bg3_11.jpg)} .sub_visual.visual04 .bg{background-image:url(../img/top_bg4.jpg)} .sub_visual.visual05 .bg{background-image:url(../img/top_bg5.jpg)} .sub_visual.visual06 .bg{background-image:url(../img/top_bg6.jpg)} .sub_visual.visual07 .bg{background-image:url(../img/sub_visual07.jpg)} .sub_visual:hover .bg{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} /* .bg_color { height: 100%; opacity: 1; position: absolute; width: 100%; top: 0; right: 40%; transform: translateX(0) skewX(-20deg); background: linear-gradient(90deg, #89d329, #20ac42ba); }*/ .bg_color { height: 100%; opacity: 1; position: absolute; width: 100%; top: 0; right: 30%; transform: translateX(0) skewX(-20deg); /*background: linear-gradient(90deg, #57b53c 48%, transparent);*/ background: linear-gradient(90deg, #000000a6 48%, transparent); } .sub_visual .title_warp { max-width:1400px; margin:0 auto; /*display:table;*/ z-index:5} .sub_visual .title_warp .table-cell { display:table-cell; vertical-align:middle; height:340px; text-align: center;} .sub_visual h3 { position: relative; z-index: 5; font-size: 3.3em; font-weight: 700; text-align: center; /*color: #000;*/ color: #fff; display: inline-block; padding: 0 19px; } /**/ .sub_visual h3:after { content: ''; display: block; position: absolute; bottom: 7px; right: 0px; width: 10px; height: 10px; border-radius: 50%; background: #20ac42 } .sub_visual .sub_title { position: relative; /*padding-top: 25px;*/ font-size: 25px; font-weight: 200; color: #fff; text-align: center; z-index: 5; } .sub_visual .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/sub_visual_cover.png) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:1200px;opacity:.5;z-index:1} .sub_visual .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;z-index:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} @media screen and (max-width: 969px) { .sub_visual{height: 280px;} .sub_visual .title_warp { max-width:100%;} .sub_visual .title_warp .table-cell{height: 280px;} .sub_visual h3 { font-size:20px} .sub_visual h3:after{bottom: 5px; width: 7px; height: 7px;} .sub_visual .sub_title {font-size:2em; padding-top: 15px;} } @media screen and (max-width: 760px) { .sub_visual{height: 200px;} .sub_visual .title_warp .table-cell{height: 200px;} } @media screen and (max-width: 640px) { .sub_visual {height: 160px;} .sub_visual .title_warp .table-cell{height: 160px;} } /* 서브상단*/ /*서브 공통*/ .con_sub_titBox{padding-top:100px;} .con_sub_titBox .con_sub_tit{text-align:center;} .con_sub_titBox .con_sub_tit h3{font-size:3.2em; position:relative} .con_sub_titBox .con_sub_tit h3:before { content: ""; display: block; height: 40px; width: 1px; margin: 20px auto; background-color: #b0b0b0; } @media screen and (max-width: 969px) { .con_sub_titBox {padding-top: 30px;} .con_sub_titBox .con_sub_tit h3 {font-size: 2.2em;} .con_sub_titBox .con_sub_tit h3:before{height: 30px;} } @media screen and (max-width: 640px) { .con_sub_titBox .con_sub_tit h3 { font-size: 1.8em;} } /*서브 공통*/ /* 서브 */ .sub {} .sub_tit {height:360px; line-height:360px; text-align:center; color:#fff;} .sub_tit h3 {font-size:42px; font-weight:600;} .sub_tit1 {background:url('../img/top_bg1.jpg') no-repeat 50% 50%; background-size:cover;} .sub_tit2 {background:url('../img/top_bg2.jpg') no-repeat 50% 50%; background-size:cover;} .sub_tit3 {background:url('../img/top_bg3.jpg') no-repeat 50% 50%; background-size:cover;} .sub_tit4 {background:url('../img/top_bg4.jpg') no-repeat 50% 50%; background-size:cover;} .history {background:url('../img/history_bg.jpg') no-repeat 50% 100%;} .history .history_box {display:flex;} .history .history_box .year {width:35%; text-align:right; padding:0px 70px 180px 0; position:relative;} .history .history_box .year::before {content:''; display:inline-block; width:1px; height:100%; background-color:#57b53c; position:absolute; top:0; right:0;} .history .history_box .year h4 {font-size:5em; color:#20ac42; font-weight:600; line-height:0.8;} .history .history_box ul {width:65%; padding-left:70px; position:relative;} .history .history_box ul::before, .history .history_box ul::after {content:''; display:inline-block; border-radius:50%; transform:translateX(-50%); position:absolute; left:0;} .history .history_box ul::before {width:20px; height:20px; background-color:rgb(32 172 66 / 20%); top:-6px;} .history .history_box ul::after {width:8px; height:8px; background-color:#20ac42; top:0;} .history .history_box ul li {font-size:18px; margin-bottom:14px; word-break: keep-all;} .history .history_box ul li::before {content:''; display:inline-block; width:6px; height:3px; background-color:#20ac42; margin-right:10px; margin-bottom:5px;} .history .history_box ul li:last-child {margin-bottom:0;} @media (max-width: 969px){ /*서브상단*/ .sub_tit {height: 240px; line-height: 240px;} .sub_tit h3 {font-size: 30px;} /*중간레이아웃*/ .idx_c{padding: 80px 15px;} /*연혁*/ .history .history_box .year{padding: 0 22px 0px 0; width: 30%;} .history .history_box .year h4{font-size: 34px;} .history .history_box ul{padding-left: 25px; width: 70%; padding-bottom: 35px;} .history .history_box ul li {font-size: 15px; margin-bottom: 9px;} } /*회사소개*/ .company_sec1 { background: url(../img/companyBg.jpg) no-repeat; background-size: contain; background-position: 94% 100%; } .company_sec1 .sec1Box{ max-width: 1000px} .ab_sec2{padding-top: 0;} .ab_sec2Box{} .ab_sec2Box ul.clearfix{flex-wrap: nowrap; gap: 3rem;} .ab_sec2Box ul.clearfix >li { text-align: center; width: calc(100% / 3); box-shadow: 0px 0px 7px #ddddddb5; padding: 50px 25px; border-radius: 10px; } .ab_sec2Box ul.clearfix >li .ab_sec2_img{padding-bottom: 30px;} .ab_sec2Box ul.clearfix >li .ab_sec2_img img{width:100%; max-width:100px} .ab_sec2Box ul.clearfix >li .ab_sec2_txt{} .ab_sec2Box ul.clearfix >li .ab_sec2_txt h3{font-size:1.7em; word-break: keep-all;} .ab_sec2Box ul.clearfix >li .ab_sec2_txt h5 { font-size: 1.4em; color: #555; word-break: keep-all; padding: 0px 0 30px; font-weight:400 } .ab_sec2Box ul.clearfix >li .ab_sec2_txt p { font-size: 1.3em; word-break: keep-all; border-top: 1px solid #ddd; padding-top: 30px; } .ab_sec2Box ul.clearfix li .ab_sec3_img{border-top: 1px solid #ddd; padding-top: 30px;} .ab_sec2Box ul.clearfix li .ab_sec3_img ul{ flex-wrap: wrap; gap: 0.5rem; display: flex; justify-content: center; } .ab_sec2Box ul.clearfix li .ab_sec3_img ul li{text-align:center; /*max-width:73px;*/ flex: 1;} .ab_sec2Box ul.clearfix li .ab_sec3_img ul li img{width:100%; max-width:73px} .ab_sec2Box ul.clearfix li .ab_sec3_img ul li p{font-size: 1.1em; padding-top: 8px;word-break: keep-all;} @media (max-width: 969px){ .ab_sec2Box ul.clearfix{display: block;} .ab_sec2Box ul.clearfix >li{padding: 40px 20px; width:100%; margin-bottom: 40px;} .ab_sec2Box ul.clearfix >li:last-child{margin-bottom: 0px;} .ab_sec2Box ul.clearfix >li .ab_sec2_img img{max-width: 70px;} .ab_sec2Box ul.clearfix >li .ab_sec2_txt h3 {font-size: 1.5em;} .ab_sec2Box ul.clearfix >li .ab_sec2_txt h5 { font-size: 1.15em;} .ab_sec2Box ul.clearfix >li .ab_sec2_txt p {font-size: 1.15em;} .ab_sec2Box ul.clearfix li .ab_sec3_img ul li{flex: calc(50px - 1rem);} .ab_sec2Box ul.clearfix li .ab_sec3_img ul li p{font-size: 1em;} } @media (max-width: 640px){ } /*회사소개*/ /*인사말*/ .ceo_sec1 .clearfix{gap:4rem; align-items: center;} .ceo_imgBox { width: calc(40% - 2rem); height: 85vh; background: url(../img/ceo_img.jpg) no-repeat 50% 50%; background-size: cover; position: relative; border-radius: 0 60px 0; } .ceo_txtBox{width:calc(60% - 2rem)} .ceo_txtBox .ceo_tit{font-size:2.4em; word-break: keep-all; padding-bottom: 20px; line-height: 1.3;} .ceo_txtBox .ceo_tit_sub{font-size:1.6em; word-break: keep-all; padding-bottom: 40px; line-height: 1.3; font-weight:500} .ceo_name{text-align:right; padding-top:20px;} .ceo_name span { font-weight: 600; padding-left: 6px; } @media (max-width: 969px){ .ceo_sec1 .clearfix {gap: 2rem;} .ceo_imgBox {width:100%; height: 35vh; border-radius: 0 30px 0;} .ceo_txtBox {width:100%} .ceo_txtBox .ceo_tit{font-size:1.7em; } .ceo_txtBox .ceo_tit_sub{font-size: 1.2em; padding-bottom: 20px;} } /*인사말*/ /*품종소개 리스트*/ .list_Bg{/*background: url(../img/listBg.jpg) no-repeat 50% 50%; background-size: cover;*/} .pro_sec1Box { text-align: center; } .pro_sec1Box h3 { font-size: 1.65em; font-weight: 400; word-break: keep-all; } .pro_sec2Box{} .pro_sec2Box ul.clearfix{gap: 3rem;} .pro_sec2Box ul.clearfix li{ text-align: center; width: calc(100% / 4 - 2.25rem); box-shadow: 0px 0px 7px #ddddddb5; background:#fff; padding: 30px 26px; border-radius: 10px; } .pro_sec2Box ul.clearfix li a{} .pro_sec2Box ul.clearfix li a .pro_list_img{} .pro_sec2Box ul.clearfix li a .pro_list_img img{width:100%; max-width:600px;} .pro_sec2Box ul.clearfix li a .pro_list_txt { padding-top: 20px; border-top: 1px solid #ddd; margin-top: 20px; } .pro_sec2Box ul.clearfix li a .pro_list_txt h5 { font-size: 1.4em; word-break: keep-all; font-weight: 300; padding-bottom: 7px; } .pro_sec2Box ul.clearfix li a .pro_list_txt h3{font-size:1.6em; word-break: keep-all;} @media (max-width: 969px){ .pro_sec1Box h3{font-size: 1.2em;} .pro_sec1Box h3 br{display:none} .pro_sec2Box ul.clearfix{gap: 1rem;} .pro_sec2Box ul.clearfix li{width: calc(100% / 2 - 0.5rem); padding: 20px 20px;} .pro_sec2Box ul.clearfix li a .pro_list_txt h5 {font-size: 1.15em;} .pro_sec2Box ul.clearfix li a .pro_list_txt h3 {font-size: 1.2em;} } /*품종소개 리스트*/ /*스마트팜 솔루션*/ .smart_Bg1{ /*background: #FAFAFA;*/ background: url(../img/smart_Bg1.jpg) no-repeat 50% 50%; background-size: cover; } .smart_Bg2{ /*background: #FAFAFA;*/ background: url(../img/smart_Bg2.jpg) no-repeat 50% 50%; background-size: cover; } .st_listArea{display: flex; flex-wrap: wrap; gap: 30px;} .st_listArea dl.st_listBox { width: calc(50% - 15px); display: flex; align-items: center; gap: 24px; box-shadow: 0px 0px 7px #ddddddb5; padding: 25px 40px; flex-wrap: wrap; border-radius: 10px; background:#ffffffe6; } .st_listArea dl.st_listBox.st_list_wd100{width:100%;} .st_listArea .st_listBox dt{width:calc(25% - 12px)} .st_listArea .st_listBox.st_list_wd100 dt{width:calc(11% - 12px)} .st_listArea .st_listBox dt.st_list_img{text-align: center;} .st_listArea .st_listBox .st_list_iBox { display: inline-block; background: #f8f8f8; padding: 30px; border-radius: 50%; } .st_listArea .st_listBox .st_list_iBox img{width:100%; max-width:70px;} .st_listArea .st_listBox dd{width: calc(75% - 12px);} .st_listArea .st_listBox.st_list_wd100 dd{width: calc(89% - 12px);} .st_listArea .st_listBox dd.st_list_txt{font-size:1.4em; word-break: keep-all; line-height:1.3} .st_listArea .st_listBox dd.st_list_txt h5{word-break: keep-all; font-size: 1.2em; padding-bottom:10px;} .st_listArea .st_listBox dd.st_list_txt p{word-break: keep-all; } .smart3_sec3{border-top:1px solid #ddd} .st3Box{display: flex; gap: 30px;} .st_sub_titBox{width: calc(25% - 15px); padding-bottom: 20px; } .st_sub_titBox .st_sub_tit{font-size: 2.2em;} .st_sub_infoBox{width: calc(75% - 15px);} .st3_infoArea{} .st3_infoArea .st3_info_Box{display: flex; gap: 30px; flex-wrap: wrap;} .st3_infoArea .st3_info_Box .st3_info_img { text-align: center; width: 33%; box-shadow: 0px 0px 7px #ddddddb5; border-radius: 10px; padding: 20px 20px 0; } .st3_infoArea .st3_info_Box .st3_info_img .st3_img{} .st3_infoArea .st3_info_Box .st3_info_img .st3_img img{width:100%; max-width:500px;} .st3_infoArea .st3_info_Box .st3_info_img h4 { font-size: 1.5em; font-weight: 600; word-break: keep-all; padding: 18px 0px; } .st3_infoArea .st3_info_Box .st3_info_img p { font-size: 1.2em; word-break: keep-all; padding: 18px 15px; border-top: 1px solid #ddd; color: #555; } .st3_infoArea .st3_info_txt{padding-top: 30px;} .st3_infoArea .st3_info_txt p{font-size: 1.5em; word-break: keep-all;} .st3_infoArea3{padding-top:100px;} @media (max-width: 1120px){ .st_listArea{gap: 20px;} .st_listArea dl.st_listBox{width: calc(50% - 10px);} .st_listArea .st_listBox .st_list_iBox{padding: 20px;} .st_listArea dl.st_listBox{padding: 25px 25px;} } @media (max-width: 969px){ .st_listArea dl.st_listBox {width: 100%;} .st_listArea .st_listBox.st_list_wd100 dt{width: calc(25% - 12px);} .st_listArea .st_listBox.st_list_wd100 dd{width: calc(75% - 12px);} .st_listArea .st_listBox dd.st_list_txt{font-size: 1.2em;} .st_sub_titBox{width: calc(35% - 15px);} .st_sub_titBox .st_sub_tit{font-size: 1.6em;} .st_sub_infoBox{width: calc(65% - 15px);} .st3_infoArea .st3_info_Box .st3_info_img{width: 50%;} .st3_infoArea .st3_info_Box .st3_info_img h4 {font-size: 1.2em;} .st3_infoArea .st3_info_txt p {font-size: 1.2em;} } @media (max-width: 580px){ .st_listArea .st_listBox dt{width:100%;} .st_listArea .st_listBox dd{width:100%;} .st_listArea .st_listBox dd.st_list_txt{text-align: center;} .st_listArea .st_listBox.st_list_wd100 dt{width:100%;} .st_listArea .st_listBox.st_list_wd100 dd{width:100%;} .st3Box {display: block;} .st_sub_titBox{width: 100%;} .st_sub_infoBox{width: 100%;} .st3_infoArea .st3_info_Box{gap: 20px;} .st3_infoArea .st3_info_Box .st3_info_img{width:100%;} } /*스마트팜 솔루션*/ /*스마트팜솔루션 공통*/ .smart_sec2{padding-top:0} .pro_infoBox.clearfix{gap: 4rem; align-items: center;} .pro_infoBox .pro_imgBox{ width: calc(45% - 2rem); height: 40vh; position: relative; border-radius: 0 60px 0; } .pro_infoBox .pro_imgBox.pro_img1{background: url(../img/pro_img1.jpg) no-repeat 50% 50%; background-size: cover;} .pro_infoBox .pro_imgBox.pro_img2{background: url(../img/pro_img2.jpg) no-repeat 50% 50%; background-size: cover;} .pro_infoBox .pro_imgBox.pro_img3{background: url(../img/pro_img3.jpg) no-repeat 50% 50%; background-size: cover;} .pro_infoBox .pro_imgBox.pro_img4{background: url(../img/pro_img4.jpg) no-repeat 50% 50%; background-size: cover;} .pro_infoBox .pro_imgBox.pro_img5{background: url(../img/pro_img5.jpg) no-repeat 50% 50%; background-size: cover;} .pro_infoBox .pro_imgBox.pro_img6{background: url(../img/pro_img6.jpg) no-repeat 50% 50%; background-size: cover;} .pro_infoBox .pro_imgBox.pro_img7{background: url(../img/pro_img7.jpg) no-repeat 50% 50%; background-size: cover;} .pro_infoBox .pro_imgBox.pro_img8{background: url(../img/pro_img8.jpg) no-repeat 50% 50%; background-size: cover;} .pro_infoBox .pro_imgBox.pro_img9{background: url(../img/pro_img9.jpg) no-repeat 50% 50%; background-size: cover;} .pro_infoBox .pro_imgBox.pro_img10{background: url(../img/pro_img10.jpg) no-repeat 50% 50%; background-size: cover;} .pro_infoBox .pro_imgBox.pro_img12{background: url(../img/pro_img12.jpg) no-repeat 50% 50%; background-size: cover;} .pro_infoBox .pro_txtBox{width: calc(55% - 2rem);} .txt_h2{font-size: 2.2em; word-break: keep-all; line-height: 1.3;} .txt_p{font-size:1.45em; padding-top: 15px; color: #333; word-break: keep-all;} @media (max-width: 969px){ .pro_infoBox.clearfix {gap: 2rem;} .pro_infoBox .pro_imgBox{width:100%; height: 30vh; border-radius: 0 30px 0;} .pro_infoBox .pro_txtBox{width:100%;} .txt_h2 {font-size: 1.6em;} .txt_p {font-size: 1.2em;} } @media (max-width: 580px){ } /*스마트팜솔루션 공통*/ /*상담신청*/ .tl_contact_box_wrap {} .tl_contact_box_wrap .input_page #co_name { width:48%; height:60px; font-size:15px; color:#6e6e6e; padding-left:10px; float:left; border:0} .tl_contact_box_wrap .input_page #co_email { width:48%; height:60px; font-size:15px; color:#6e6e6e; padding-left:10px; float:right; border:0} .tl_contact_box_wrap .txtarea_page #co_message { margin-top:20px; width:100%; height:120px; font-size:15px; color:#6e6e6e; padding:10px 0 0 10px; border:0} .tl_contact_box_wrap .send_page { text-align:center;} .tl_contact_box_wrap .send_page .send {margin:50px 0 0; max-width:142px; height:41px; line-height:41px; padding:0px 40px;background-color: #3949a3; font-size:15px; font-weight:bold; color:#fff; border:0; border-radius:20px} .tl_contact_box_wrap #x_message{position:absolute;width:300px;border-radius:10px;height:50px;text-align:center;line-height:50px;top:50px;left:50%;margin-left:-150px;background-color:#FDD;border:2px solid #C00;font-weight:700;color:#666;z-index:1000} .tl_contact_box_wrap #x_loading{position:absolute;display:none;width:200px;height:200px;top:50px;left:50%;margin-left:-100px;z-index:1;font-size:100px;line-height:200px} .tl_contact_box_wrap #x_message.x-msg1 {background-color: #FDD;} .tl_contact_box_wrap #x_message.x-msg2 {background-color: #9C6;border:2px solid #096} .tl_contact_box_wrap .clearfix { /* display: flex; align-content: center; align-items: center; flex-wrap: wrap; gap:80px; */ padding: 50px; background: #fff; box-shadow: 0 20px 40px -4px rgba(0, 0, 0, .08), 0 0 15px 9px rgba(0, 0, 0, .02); border-radius: 10px; max-width: 881px; } .tl_contact_box_wrap .contBox{ width: calc(50% - 40px); height: 100%; } .cs_img{} .cs_img img{width:100%; max-width:860px;} .cs_titBox{} .cs_titBox h3.cs_tit{font-size:2.3em; word-break: keep-all;} .cs_titBox p.cs_txt{font-size:1.4em; padding-top:20px; word-break: keep-all;} .cs_info{} .cs_mapBox{} .cs_mapBox .cs_map{width:100%;} .root_daum_roughmap.cs_map .wrap_map {height: 575px;} .cs_mapBox .cs_map .wrap_controllers{display:none} .cs_info .cs_address{ padding: 20px 20px; display: flex; gap: 30px; /*border: 1px solid #ddd;*/ margin-bottom: 40px; background: #f6f6f6; } .cs_info .cs_address h4{font-size: 1.4em; width: calc(20% - 15px);} .cs_info .cs_address p{font-size:1.4em; width: calc(80% - 15px);} .cs_info ul{ border-top: 2px solid #000; border-bottom: 2px solid #000; background: #fafafa; } .cs_info ul li{ display: flex; gap: 30px; font-size: 1.5em; padding:20px; border-bottom: 1px solid #ddd; } .cs_info ul li .lo_sbj{width: calc(25% - 15px); font-weight:500; text-align: center;} .cs_info ul li .lo_ct{width: calc(75% - 15px); color: #555;} @media (max-width: 1120px){ .cs_titBox h3.cs_tit {font-size: 1.6em;} .cs_titBox p.cs_txt { font-size: 1.2em;} .tl_contact_box_wrap .clearfix{gap: 40px; padding: 30px; margin: 0 20px;} .tl_contact_box_wrap .contBox{width: calc(50% - 20px);} .root_daum_roughmap.cs_map .wrap_map {height: 450px !important;} .cs_info .cs_address{gap: 20px;} .cs_info .cs_address h4 {font-size: 1.2em; width: calc(35% - 10px);} .cs_info .cs_address p {font-size: 1.2em; width: calc(65% - 10px);} .cs_info ul li{font-size: 1.1em; gap: 20px;} .cs_info ul li .lo_sbj{width: calc(30% - 10px);} .cs_info ul li .lo_ct{width: calc(70% - 10px); } } @media (max-width: 969px){ .tl_contact_box_wrap .clearfix{display: block; } .tl_contact_box_wrap .contBox{width:100%;} .root_daum_roughmap.cs_map .wrap_map {height: 350px !important;} } @media (max-width: 689px){ .root_daum_roughmap.cs_map .wrap_map {height: 250px !important;} } /*상담신청*/ /*찾아오시는길*/ .mapBox{ max-width: 881px; margin: 0 auto; margin-bottom: 100px; } .map_sub_tit { font-size: 2em; word-break: keep-all; padding-bottom: 20px; line-height: 1.2; } .map_img2{} .map_img2 img{width:100%; max-width:881px;} .map_icon { padding: 5px; display: inline-block; border: 2px solid #000; border-radius: 9px; font-size: 1.3em; margin-bottom: 8px; } @media (max-width: 969px){ .map_sub_tit { font-size: 1.6em;} } /*찾아오시는길*/