@charset "utf-8"; /* ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── ── Common ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */ body{font-family:'NanumSquare', 'Arial', 'Malgun gothic', 'Malgungothic', 'dotum', sans-serif;} .placeholdersjs{ color: #aaa !important; } /* ---------------------------------------------------------------------------------------------------------------- -- basic ------------------------------------------------------------------------------------------------------- */ input[type=text],input[type=password], textarea{font-family:Helvetica, dotum, sans-serif;-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;outline:none;} input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus{-webkit-box-shadow: 0 0 5px #9ed4ff;-moz-box-shadow: 0 0 5px #9ed4ff;box-shadow:0 0 5px #9ed4ff;border:1px solid #558ab7 !important;} .placeholdersjs{ color:#aaa !important; } /* 팝업레이어 */ #hd_pop{z-index:1000;position:relative;margin:0 auto;height:0} #hd_pop h2{position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops{position:absolute;background:#fff;} .hd_pops img{max-width:100%} .hd_pops_con{} .hd_pops_footer{position:absolute;left:0;top:100%;width:100%;margin-top:5px;color:#fff;text-align:left;} .hd_pops_footer:after{display:block;visibility:hidden;clear:both;content:""} .hd_pops_footer button{padding:5px 10px;border:none;border-radius:50px;color:#fff} .hd_pops_footer .hd_pops_reject{background:#333;text-align:left} .hd_pops_footer .hd_pops_close{background:#666;position:absolute;top:0;right:0} /* 화면낭독기 사용자용 */ #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;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} /* 본문 바로가기 */ #skip_to_container a{z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} #skip_to_container a:focus, #skip_to_container a:active{width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em} /* 이미지 등비율 리사이징 */ .img_fix{width:100%;height:auto} /* 캡챠 자동등록(입력)방지 기본 -pc */ #captcha{display:inline-block;position:relative} #captcha legend{position:absolute;margin:0;padding:0;font-size:0;height: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;background:url('../../../images/captcha2.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('../../../images/captcha2.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:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} /* 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;zoom:1} .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%} /* 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화면으로 */ #mobile_cng{display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center} /* 목록 바로가기 */ .sanchor{margin:30px 0 20px ;padding:0;zoom:1} .sanchor:after{display:block;visibility:hidden;clear:both;content:""} .sanchor li{float:left;width:20%;text-align:center;;list-style:none} .sanchor li a{display:block;position:relative;height:60px;margin-left:-1px;background-color:#f7f7f7;border:1px solid #cdcdcd;border-bottom:1px solid #000;font-size: 1.25em; color: #666;line-height: 58px;text-align: center;z-index:1} .sanchor li .sanchor_on{margin:0 0 0 -1px;border:1px solid #000;background:#fff;z-index:2;border-bottom-color:#fff;color:#000;font-weight:bold} .sanchor li a .item_qa_count,.sanchor li a .item_use_count{display:inline-block;background:#aaa;padding:0 5px;line-height:23px;border-radius:15px;color:#fff;min-width:23px;font-size:12px} .sanchor li .sanchor_on .item_qa_count,.sanchor li .sanchor_on .item_use_count{background:#55bfb1} /* 콘텐츠별 스타일 */ .cnt_cmt{display:inline-block;margin:0 0 0 3px;font-weight:bold} /* 버튼 */ a.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center;border-radius:3px;font-size:17px;font-size:1.0625em;border:0;} a.btn01{display:inline-block;padding:0 7px;border:1px solid #ccc;border-bottom:1px solid #aaa;background:#fff;color:#333;text-decoration:none;vertical-align:middle} .realpc a.btn01:focus, .realpc a.btn01:hover, .realpc button.btn01:hover{text-decoration:none;background:#f3f3f3} button.btn01{display:inline-block;margin:0;padding:0 7px;border:1px solid #b3b3b3;background:#fff;color:#333;text-decoration:none} a.btn02{display:inline-block;padding:0 7px;border:1px solid #00613c;background:#00613c;color:#fff;text-decoration:none;vertical-align:middle} .realpc a.btn02:focus, .realpc .btn02:hover{text-decoration:none;background:#333} button.btn02{display:inline-block;margin:0;padding:0 7px;border:1px solid #00613c;background:#00613c;color:#fff;text-decoration:none} .btn_confirm{text-align:center} /* 서식단계 진행 */ .btn_submit{background:#00613c;color:#fff;border:0;} .realpc .btn_submit:hover{background:#333;border-color:#333;} .btn_address{background:#00613c;border:1px solid #00613c;height:40px;color:#fff;padding:0 10px;font-size:1.083em;font-weight:bold} fieldset .btn_submit{padding:0 7px;height:24px;line-height:1em} a.btn_cancel{display:inline-block;padding:0 10px;height:35px;line-height:33px;border:1px solid #ccc;background:#fafafa;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 10px;height:30px;border:1px solid #00613c;color:#00613c;background:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle} /* 우편번호검색버튼 등 */ a.btn_frmline{line-height:24px} button.btn_frmline{font-size:1em} /* 게시판용 버튼 */ a.btn_b01, .btn_b01{display:inline-block;background:#00613c;color:#fff;text-decoration:none;vertical-align:middle} .realpc .btn_b01:hover, .realpc .btn_b01:hover{background:#333;color:#fff !important;} a.btn_b02, .btn_b02{display:inline-block;background:#00613c;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle} .realpc a.btn_b02:hover, .realpc .btn_b02:hover{background:#333;color:#fff !important;} a.btn_b03, .btn_b03{display:inline-block;background:none;border:1px solid #b9bdd3;color:#646982;background:none;text-decoration:none;vertical-align:middle} .realpc a.btn_b03:hover, .realpc .btn_b03:hover{background:#ebedf6} a.btn_admin,.btn_admin{display:inline-block;background:#666;color:#fff;text-decoration:none;vertical-align:middle;padding:0 10px} /* 관리자 전용 버튼 */ .realpc .btn_admin:hover, .realpc a.btn_admin:hover{background:#000;color:#fff !important;} /* 선택수정 버튼 */ .btn_list{margin:0 auto;width:93%} .btn_list input, .btn_list button{background: none repeat scroll 0 0 #617D46;border: 0 none;color: #FFFFFF;height: 28px;line-height: 2.2em;padding: 0 15px;vertical-align: middle} /* 기본테이블 */ .tbl_wrap table{width:100%;border-collapse:collapse;border-spacing:0} .tbl_wrap caption{padding:10px 0;font-weight:bold;text-align:left} .tbl_head01{margin:0 0 10px} .tbl_head01 table{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-top:2px solid #00613d;border-bottom:1px solid #d3d3d3;background:#fff;color:#383838;font-size:17px;font-size:1.0625em;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:0 0 10px} .tbl_head02 caption{padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head02 thead th{padding: 7px;background: #f3f3f3;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;} .tbl_head02 thead a{color:#383838} .tbl_head02 thead th input{vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head02 tfoot th, .tbl_head02 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;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_head02 a{} .tbl_head03{margin:0 0 10px} .tbl_head03 table{border-bottom:1px solid #d3d3d3} .tbl_head03 caption{padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head03 thead th{padding:12px 0;border-top:2px solid #000;border-bottom:1px solid #d3d3d3;background:#fff;color:#383838;font-size:17px;font-size:1.0625em;text-align:center;letter-spacing:-0.1em} .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-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head03 tbody th{padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head03 td{padding:15px 5px;border-top:1px solid #f3f3f3;border-left:1px solid #f3f3f3;line-height:1.5em;word-break:break-all} .tbl_head03 td:first-child{border-left:0} .tbl_head03 a{} /* 폼 테이블 */ .tbl_frm01{margin:0 0 20px} .tbl_frm01 table{width:100%;border-collapse:collapse;border-spacing:0} .tbl_frm01 th{width:90px;padding:5px 10px;background:none;text-align:right;font-weight:normal} .tbl_frm01 td{padding:5px 10px;background:transparent} .wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;} .tbl_frm01 textarea{padding:2px 2px 3px} .frm_input{height:40px;line-height:38px;appearance:none;-webkit-appearance:none;} .full_input,.frm_address{width:100%} .half_input{width:49.5%} .tbl_frm01 textarea{width:100%;height:100px} .tbl_frm01 a{text-decoration:none} .tbl_frm01 .frm_address{margin-top:5px} .tbl_frm01 .frm_file{display:block;margin-bottom:5px} .tbl_frm01 .frm_info{display:block;padding:0 0 5px;line-height:1.4em} /*기본리스트*/ .list_01 li{border:1px solid #dbdbdb;border-radius:3px;margin:8px 0;padding:10px 15px;list-style:none;position:relative;} .list_01 li:after{display:block;visibility:hidden;clear:both;content:""} .realpc .list_01 li:hover{background:#f9f9f9} .list_02 ul:after{display:block;visibility:hidden;clear:both;content:""} .list_02 li{float:left;width:230px;margin:10px 0 15px 15px;} .list_02 li:nth-child(4n+1){clear:both;margin-left:0} /*폼 리스트*/ .form_01 h2{margin:0 0 10px;font-size:1.25em} .form_01 li{margin:10px 0} .form_01 li:after{display:block;visibility:hidden;clear:both;content:""} .form_01 li .right_input{float:right} .form_01 textarea{height:100px;width:100%} .form_01 .frm_label{display:inline-block;width:130px} .form_01 .form_left{float:left;width:49.5%} .form_01 .form_right{float:right;width:49.5%} /* 자료 없는 목록 */ .empty_table{padding:50px 0 !important;text-align:center;color:#777 !important} .empty_list, .empty_li{padding:20px 0 !important;text-align:center;color:#777 !important} .empty_data{display:block !important;padding:50px 0 !important;border-bottom:solid 1px #ccc;text-align:center;} /* 필수입력 */ .required, textarea.required{background-image:url('../images/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important;} /* 테이블 그리드 padding 0 5px 고려한 넓이 */ .grid_1{width:40px} .grid_2{width:90px} .grid_3{width:140px} .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_board{width:120px;text-align:center} .td_chk{width:30px;text-align:center} .td_date{width:60px;text-align:center} .td_datetime{width:110px;text-align:center} .td_default{width:60px;text-align:center} .td_dvr{width:100px;text-align:center} .td_group{width:100px;text-align:center} .td_imgsmall{width:60px;text-align:center} .td_num{width:50px;text-align:center} .td_hit{width:50px;text-align:center} .td_numbig{width:100px;text-align:center} .td_nick{width:100px;text-align:center} .td_name{width:100px;text-align:left} .td_namesmall{width:50px;text-align:left} .td_mb_id{width:100px;text-align:center} .td_mng{width:80px;text-align:center} .td_mngsmall{width:50px;text-align:center} .td_statsmall{width:50px;text-align:center} .text_left{text-align:left !important} .text_center{text-align:center !important} .text_right{text-align:right !important} /* 새창 기본 스타일 */ .new_win{position:relative;} .new_win #win_title{font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;} .new_win #win_title .sv{font-size:0.75em;line-height:1.2em} .new_win .win_ul{border-right:1px solid #dfe6e7;} .new_win .win_ul:after{display:block;visibility:hidden;clear:both;content:""} .new_win .win_ul li{float:left;background:#f3f7f7;width:33.333%;text-align:center;border-left:1px solid #dfe6e7;border-bottom:1px solid #dfe6e7;border-top:1px solid #dfe6e7} .new_win .win_ul li a{display:block;padding:10px 0} .new_win .win_ul .selected{background:#fff;border-bottom-color:#fff;border-top-color:#ae99da;} .new_win .win_ul .selected a{color:#9781c5} .new_win .win_desc{margin:5px 0;font-size:0.92em;color:#3598db;} .new_win .frm_info{font-size:0.92em;color:#3598db} .new_win .win_total{text-align:right;margin:10px 0} .new_win .win_total span{display:inline-block;padding: 0 5px;color:#777;line-height: 26px;border: 1px solid #ddd;border-radius: 3px;font-size: 0.92em;} .new_win .new_win_con{margin:20px;} .new_win .new_win_con:after{display:block;visibility:hidden;clear:both;content:""} .new_win .btn_confirm:after{display:block;visibility:hidden;clear:both;content:""} .new_win .btn_close{position:absolute;top:0;right:0;height:50px;width:50px;background:url(../images/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden} .new_win .btn_submit{padding:0 20px;height:40px;border-radius:3px;font-weight:bold;font-size:1.083em;float:right} .new_win .win_btn{margin:10px 0} /* 자바스크립트 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:3px !important;width:94px;border-bottom:1px solid #283646;color:#fff !important} .realpc .sv_wrap a:focus, .realpc .sv_wrap a:hover, .realpc .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:30px 0 ;text-align:center} .pg_wrap:after{display:block;visibility:hidden;clear:both;content:""} .pg{} .pg_page, .pg_current,.qa_page{display:inline-block;vertical-align:middle} .realpc .pg a:focus, .realpc .pg a:hover{text-decoration:none} .pg_page, .qa_page{background:#fdfdfd;border:1px solid #d4d4d4;color:#555;;font-size:1.083em;height:40px;line-height:38px;padding:0 5px;min-width:40px;text-decoration:none;border-radius:3px;} .realpc .pg_page:hover{background-color:#ccc} .pg_start{text-indent:-999px;overflow:hidden;background-image:url('../images/btn_first.gif');background-repeat:no-repeat;background-position:50% 50%;padding:0} .pg_prev{text-indent:-999px;overflow:hidden;background-image:url('../images/btn_prev.gif');background-repeat:no-repeat;background-position:50% 50%;padding:0} .pg_end{text-indent:-999px;overflow:hidden;background-image:url('../images/btn_end.gif');background-repeat:no-repeat;background-position:50% 50%;padding:0} .pg_next{text-indent:-999px;overflow:hidden;background-image:url('../images/btn_next.gif');background-repeat:no-repeat;background-position:50% 50%;padding:0} .pg_current{background:#00613c;border:solid 1px #00613c;color:#fff;font-weight:bold;height:40px;line-height:38px;padding:0 10px;min-width:40px;border-radius:3px;} /* ########## 쇼핑몰 컨텐츠 ########## */ /* 인덱스 이미지 출력 */ #sidx_img{margin:0 0 20px} #sidx_img img{max-width:100%;height:auto} /* 마이페이지 */ #smb_my{position:relative} #smb_my_ov{margin:0 0 20px;position:relative} #smb_my_ov h2{position:absolute;font-size:0;line-height:0;overflow:hidden} #smb_my_ov .my_ov_name{display:block;background:#fff;border:1px solid #ccc;line-height:45px;padding:0 20px;font-size:1.167em;} #smb_my_ov .my_ov_name img{width:20px;border-radius:50%} #smb_my_act{position:absolute;top:-35px;right:0;zoom:1} #smb_my_act:after{display:block;visibility:hidden;clear:both;content:""} #smb_my_act ul{float:right;margin:0;padding:0;list-style:none} #smb_my_act li{float:left;margin:0 0 0 4px} #smb_my_act li a{line-height:25px;padding:0 5px} #smb_my_act li .btn_admin{height:27px;} #smb_my_ov .cou_pt{position:absolute;top:0 ;right:0;} #smb_my_ov .cou_pt dt{float:left;width:90px;line-height:45px;} #smb_my_ov .cou_pt dd{float:left;width:110px;text-align:right;padding:0 20px 0 0 ;line-height:45px;} #smb_my_ov .cou_pt dd a{color:#ff2b64;font-weight:bold;font-size:1.167em} #smb_my_ov .op_area{background:#f8f8f8;border:1px solid #ccc;border-top:0;padding:10px 15px;line-height:18px;color:#555} #smb_my_ov .op_area:after{display:block;visibility:hidden;clear:both;content:""} #smb_my_ov .op_area dt{float:left;width:10%;margin:3px 0;font-weight:bold} #smb_my_ov .op_area dd{float:left;width:40%;;margin:3px 0} .my_ov_btn{text-align:center;} .my_ov_btn button{background:#fff;border:1px solid #ccc;vertical-align:top;border-top:0;padding:0 20px;height:25px} .realpc .my_ov_btn button:hover{background:#f3f3f3} #smb_my_ovaddd{width:90%} #smb_my_ovaddt{border-bottom:0 !important} #smb_my_ovaddd{width:590px !important;border-bottom:0 !important} #smb_my_od{margin:0 0 50px;position:relative} #smb_my_od h2{margin:0 0 10px;font-size:1.25em;} #smb_my_od td{text-align:center} #smb_my_od td a{font-weight:bold} #smb_my_wish{position:relative;} #smb_my_wish h2{margin:0 0 10px;font-size:1.25em;padding:0 0 10px;border-bottom:2px solid #000} .smb_my_img{margin:0 0 5px;} .smb_my_tit{margin:5px 0 ; font-size:1.167em;font-weight:bold} .smb_my_date{font-size:0.92em;color:#777} .smb_my_more{position:absolute;top:0;right:0;} .smb_my_more a{display:block;background:url('../images/more-btn.gif') no-repeat 0 2px;padding-left:20px;height:30px} /*장바구니 주문서 공통*/ .od_prd_list .td_chk{border-left:0;} .od_prd_list .td_prd{border-left:0;position:relative;padding-left:90px;min-height:100px} .od_prd_list .td_prd .sod_img{position:absolute;top:15px;left:0} .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_opt{} .sod_opt ul{margin:0;padding:0;list-style:none} .sod_opt li{padding-left:10px;background:url('../images/bullet.gif') no-repeat 3px 8px;color:#777;margin:3px 0;line-height:1.3em} .sod_option_btn .mod_options{padding:0 7px;border:1px solid #38b2b9;color:#38b2b9;background:#fff;height:23px;margin:10px 0 0 } .cp_btn{padding:0 7px;border:1px solid #38b2b9;color:#38b2b9;background:#fff;height:23px;margin:10px 0 0 } .cp_cancel{padding:0 7px;border:1px solid #aaa;color:#666;background:#fff;height:23px;margin:10px 0 0 2px;} /* 장바구니 */ #sod_bsk{} .btn_cart_del{margin:10px 0;} .btn_cart_del button{height:30px;padding:0 10px;border:1px solid #e2e2e2;border-bottom:1px solid #c4c4c4;background:#fff;color:#666} #sod_bsk_list{position:relative} #sod_bsk #sod_bsk_tot{background:#f4f4f4;padding:15px;margin:20px 0;zoom:1} #sod_bsk #sod_bsk_tot ul:after{display:block;visibility:hidden;clear:both;content:""} #sod_bsk #sod_bsk_tot li{float:left;width:33.333%;border-left:1px solid #e6e2e2;text-align:center;padding:10px 0;font-size:1.167em} #sod_bsk #sod_bsk_tot li:first-child{border:0} #sod_bsk #sod_bsk_tot li span{display:block;margin:0 0 5px} #sod_bsk #sod_bsk_tot li strong{font-size:1.25em} #sod_bsk #sod_bsk_tot .sod_bsk_cnt strong{color: #ff006c;} #sod_bsk_act{text-align:center} #sod_bsk_act .btn_submit{height:50px;padding:0 10px;width:160px;font-weight:bold;font-size:1.25em} #sod_bsk_act .btn01{height:50px;line-height:50px;padding:0 10px;width:160px;font-weight:bold;font-size:1.25em} #sod_bsk_act p{margin:0 0 10px} /*장바구니 선택사항수정*/ #sod_bsk_list #mod_option_frm{z-index:10000;position:absolute;width:540px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#fff;overflow-y:auto;overflow-x:none; -webkit-box-shadow: 1px 2px 5px #bbb; -moz-box-shadow: 1px 2px 5px #bbb; box-shadow: 1px 2px 5px #bbb;} #mod_option_frm h2{border-bottom:1px solid #cdcdcd;padding:0 20px;line-height:50px;margin:0 0 15px;font-size:1.25em;-webkit-box-shadow: 1px 2px 2px #eee;-moz-box-shadow: 1px 2px 2px #eee;box-shadow: 1px 2px 2px #eee;} .option_wr{background:#f3f3f3;margin:0 20px 10px;padding:15px} .option_wr h3{font-size:1.167em} .option_wr label{display:block;margin:10px 0 5px} .option_wr select{width:100%;border:1px solid #ccc;height:35px} #sit_opt_added{margin:0;padding:0;border-bottom:0;background:#fff;list-style:none;font-size:17px;font-size:1.0625em;} #sit_opt_added li{padding: 15px 0;padding-right:220px;border-bottom:1px solid #e9e9e9;position:relative} #sit_opt_added li .opt_name{line-height:20px;font-weight:bold} #sit_opt_added li .opt_count{position:absolute;top:50%;right:0;margin-top:-15px} #sit_opt_added button{float:left;width:30px;height:30px;border:1px solid #cdcdcd;background:#fff;color:#666;font-size:0.92em} .realpc #sit_opt_added button:hover{color:#000} #sit_opt_added .num_input{float:left;border:0;height:30px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center;} #sit_opt_added .sit_opt_del{border:0;font-size:15px} .realpc #sit_opt_added .sit_opt_del:hover{color:#be334a} #sit_opt_added .sit_opt_prc{display:block;float:left;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:bold} #mod_option_frm #sit_sel_option{margin:20px;} #mod_option_frm #sit_tot_price{margin:20px;} #mod_option_frm #sit_opt_added{border-top:1px solid #e9e9e9;} #mod_option_frm .btn_confirm{margin:20px ; } #mod_option_frm .btn_confirm .btn_submit{height:40px;font-size:1.167em;font-weight:bold;width:100%;cursor:pointer} #mod_option_frm .btn_confirm .btn_close{position:absolute;top:0;right:0;width:50px;height:50px;border:0;background:none;border-left:1px solid #cdcdcd;font-size:1.25em} .realpc #mod_option_frm .btn_confirm .btn_close:hover{background:#f3f3f3} /* 주문서 작성 */ #sod_frm .od_prd_list{margin-bottom:20px} #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:bold} #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} #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_left{float:left;width:calc(100% - 400px);background:#fafafa;padding:20px;vertical-align:top;} .sod_left .tbl_frm01 th{width:100px;font-size:17px;font-size:1.0625em;white-space:nowrap;} .sod_right{float:right;width:400px;background:#eceff4;padding:20px;font-size:17px;font-size:1.0625em;vertical-align:top;} .display_setup_message{margin:0 0 10px;padding:15px;border:1px solid #fccdff;background:#ffeef9} .display_setup_message strong{display:block;margin:0 0 10px} #sod_frm{} #sod_frm:after{content:"";clear:both;display:block;} #sod_frm h2{margin:0 0 10px} #sod_frm p{margin:0 0 10px} #sod_list{position:relative} #sod_list #cp_frm{z-index:10000;position:absolute;top:0;left:99px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#fff;overflow-y:auto;overflow-x:none; -webkit-box-shadow: 1px 2px 5px #bbb; -moz-box-shadow: 1px 2px 5px #bbb; box-shadow: 1px 2px 5px #bbb;} #sod_frm_orderer{margin:20px 0 40px} #sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon{display:inline-block;margin:5px 0 0} #sod_frm_taker label{display:inline-block;} #sod_frm_same{margin:0 0 10px} #sod_frm #od_memo{height:50px} #sod_frm #display_pay_process{text-align:center} #sod_frm #display_pay_process span{display:block;margin:5px 0 0} #sod_frm .btn_submit{width:100%;height:40px;font-weight:bold;font-size:1.25em;cursor:pointer} #sod_frm .btn01{width:100%;height:40px;line-height:38px;font-weight:bold;font-size:1.25em;margin:5px 0} #sod_frm_pay{position:relative;} #sod_frm #sod_frm_pay h2{position:absolute;border:0;font-size:0;line-height:0;content:""} #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;white-space:nowrap;} #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} #sod_frm_pay_info{margin:0 0 10px} #sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_frm{z-index:10000;position:absolute;top:0;right:0;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#fff;overflow-y:auto} #sod_frm_deli{position:relative;line-height:2em} .od_coupon h3{border-bottom: 1px solid #cdcdcd;padding: 0 20px;line-height: 50px;margin: 0 0 15px;font-size: 1.25em;text-align:left; -webkit-box-shadow: 1px 2px 2px #eee; -moz-box-shadow: 1px 2px 2px #eee; box-shadow: 1px 2px 2px #eee;} .od_coupon .btn_close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;border: 0;background: none;border-left: 1px solid #cdcdcd;font-size: 1.25em;} .realpc .od_coupon .btn_close:hover{background:#f3f3f3} .od_coupon .tbl_head02{margin:20px} .od_coupon .cp_apply{padding: 0 5px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;} .od_coupon td,#sod_frm_pay .od_coupon td{text-align:left;border-left:0;padding:7px} #sod_frm_pay .od_coupon th{width:auto;text-align:center;padding: 7px;background: #f3f3f3;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;} .od_coupon .td_numbig,#sod_frm_pay .od_coupon .td_numbig{text-align:center;} .od_coupon .td_mngsmall{width:60px} #sod_frm #sod_frm_pt_alert{margin:5px 0;font-size:17px;font-size:1.0625em;color:#00613c} #od_pay_sl h3{font-size:1.167em;margin:20px 0 5px} #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 legend{position:absolute;font-size:0;line-height:0;overflow:hidden} #sod_frm_paysel .KPAY{background:url('../../../images/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .PAYNOW{background:url('../../../images/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .PAYCO{background:url('../../../images/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .inicis_lpay{background:url('../../../images/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .kakaopay_icon{background:url('../../../images/kakao.png') no-repeat 50% 50% #f4dc34;overflow:hidden;text-indent:-999px} #sod_frm_paysel .bank_icon{background:url('../../../images/pay_icon1.png') no-repeat 15px 50% #fff} #sod_frm_paysel .vbank_icon{background:url('../../../images/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px} #sod_frm_paysel .iche_icon{background:url('../../../images/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px} #sod_frm_paysel .hp_icon{background:url('../../../images/pay_icon3.png') no-repeat 24px 50% #fff} #sod_frm_paysel .card_icon{background:url('../../../images/pay_icon4.png') no-repeat 17px 50% #fff} .sod_frm_point{clear:both;padding:10px 0} .sod_frm_point div{background:#fff;margin-bottom:1px;padding:10px;text-align:left;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 .max_point_box em{font-style:normal !important} .sod_frm_point #od_temp_point{height:30px;text-align:right;padding:0 5px;border:1px solid #ccc;} #settle_bank{margin:5px 0 10px;background:#fff;padding:10px; clear:both} #settle_bank select{height:30px;margin:0 0 5px;width:100%;border:1px solid #ccc;} #settle_bank #od_deposit_name{height:30px;border:1px solid #ccc;text-align:center;} #sod_frm_escrow{margin:30px 0 0} #sod_frm #sod_frm_escrow h2{margin:0;border:0} #sod_frm #sod_frm_escrow p{margin:5px 0} #display_pay_process{padding:20px;text-align:center} /* 위시리스트 */ #sod_ws{} .sod_ws_img{width:90px;text-align:center} #sod_ws_act{text-align:center;padding:20px 0;} #sod_ws_act button{height:50px;width:180px;font-weight:bold;font-size:1.167em} #sod_ws li .info_link{display:block;margin:10px 0 5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color:#646464;font-weight:bold} #sod_ws li .info_date{color:#646464;font-size:0.92em} #sod_ws li .wish_chk{position: absolute;top: 0;left: 0;width: 30px;text-align: center;line-height: 35px;color:#f00} #sod_ws li .wish_info{padding: 0 35px 10px 30px;position: relative;border-bottom: 1px solid #e0e0e0;margin-top: 10px;height: 45px;} #sod_ws li .wish_del{position: absolute;top: 0;right: 0;width: 35px;height: 35px;line-height: 35px;text-align: center;background: #e6e6e6;display: block;font-size: 1.25em;color: #777;} .realpc #sod_ws li .wish_del:hover{background:#777;color:#fff} /* 배송지 목록 */ #sod_addr .td_mng .sel_address{color:#fff;background:#fff;;border:1px solid #333;color:#333;;padding:0 5px;height:26px;} #sod_addr .td_mng .del_address{display:inline-block;;border:1px solid #aaa;color:#888;padding:0 5px;height:26px;line-height:24px;vertical-align:middle} #sod_addr input[type="radio"]{position:absolute;left:0;z-index:-1;visibility:hidden;;width:0;height:0;overflow:hidden;text-indent:-999px} #sod_addr .default_lb{display: inline-block;background:#fff;border: 1px solid #00613c;color: #00613c;cursor: pointer;position:relative;padding:0 5px;height:26px;line-height:24px} #sod_addr input[type="radio"]:checked+.default_lb{background:#00613c;color:#fff} #sod_addr td{height:40px;vertical-align:top} #sod_addr .td_name{width:100px;} #sod_addr .frm_input{height:30px;} #sod_addr .td_sbj{width:120px;text-align:left} #sod_addr .ad_tel{display:block;color:#666} #sod_addr .td_mng{width:100px;padding:10px} #sod_addr .td_mng .mng_btn{width:100%;margin:2px 0;} /* 주문내역 */ #sod_v{} #sod_v td{text-align:center} #sod_v td a{font-weight:bold} #sod_v .basic_tbl{text-align:center} #sod_v_info{margin:0 0 10px} .status_01{display:inline-block;background:#fe528f;color:#fff;padding:0 5px;line-height:20px;font-size:0.92em} .status_02{display:inline-block;background:#68d0a7;color:#fff;padding:0 5px;line-height:20px;font-size:0.92em} .status_03{display:inline-block;background:#b668d0;color:#fff;padding:0 5px;line-height:20px;font-size:0.92em} .status_04{display:inline-block;background:#ffa700;color:#fff;padding:0 5px;line-height:20px;font-size:0.92em} .status_05{display:inline-block;background:#688fef;color:#fff;padding:0 5px;line-height:20px;font-size:0.92em} .status_06{display:inline-block;background:#fff;border:1px solid #ddd;color:#666;padding:0 5px;line-height:20px;font-size:0.92em} /* 주문상세내역 */ #sod_fin{} #sod_fin th{padding:8px} #sod_fin .th_line th{border-top:1px solid #ddd;} #sod_fin_no{margin:0 0 20px;padding:15px;border:4px solid #f3f3f3;font-size:1.25em} #sod_sts_wrap{margin:0 0 10px;text-align:right} #sod_sts_explan{display:none} #sod_fin_legend{padding:10px;background:#f3f3f3;margin:10px 0;border:1px solid #e9e9e9;text-align:left;zoom:1} #sod_fin_legend:after{display:block;visibility:hidden;clear:both;content:''} #sod_fin_legend dt{clear:both;float:left;margin:0 0 5px;width:50px;font-weight:bold} #sod_fin_legend dd{float:left;margin:0} #sod_fin #sod_bsk_tot li{background:#fff;border-bottom:1px solid #e7ebf1;height: 40px;;padding:0 15px;line-height:40px;text-align:right} #sod_fin #sod_bsk_tot li span{float:left;clear:both;color: #777;} #sod_fin #sod_bsk_tot li strong{} #sod_fin #sod_bsk_tot .sod_bsk_cnt strong{color:#ff006c;font-size:1.25em} #request_form{position:relative} #request_form div{display:none;z-index:10000;position:absolute;top:23px;left:0;padding:20px 0;width:520px;border:1px solid #000;background:#f2f5f9;text-align:center} #request_form .frm_input{width:300px;background:#fff !important} #request_form .btn_frmline, #request_form .btn_cancel{vertical-align:middle !important} #request_form .btn_frmline{padding:0 10px;line-height:1.6em} #sod_req_btn{margin:0 0 10px} #sod_req_btn button{background:#626870} #sod_req_log{margin:0 0 20px} #sod_req_log ul{margin:0;padding:0;border-top:1px solid #e9e9e9;background:#f2f5f9;list-style:none} #sod_req_log li{padding:10px 10px 20px;border:1px solid #e9e9e9;border-top:0} #sod_req_log h3{margin:20px 0 10px} .sod_req_log_view table{margin:0} .sod_req_log_view caption{padding:10px 0;font-size:1em;font-weight:bold;text-align:left;line-height:1em} .sod_req_log_view caption span{color:#ff3061} .sod_req_log_view th{border-top:1px solid #e9e9e9;background:#f7f7f7 !important;color:#000 !important;text-align:center} .sod_req_log_view td{background:#fff;color:#000} .sod_req_log_view p{padding:10px 15px;border-bottom:1px solid #e9e9e9;background:#fff;color:#000} .sod_req_log_view .sod_req_it{width:270px} .sod_req_log_view button{margin:0;padding:0;border:0;background:transparent;color:#ff3061;text-decoration:underline;vertical-align:middle;cursor:pointer} #sod_fin_list h2{margin:0 0 10px} #sod_fin_list .td_bdno{border-left:0} #sod_fin_list .td_bdno a{font-weight:bold} #sod_fin_view{border:1px solid #e9e9e9} #sod_fin_view h2{position:absolute;font-size:0;line-height:0;overflow:hidden} #sod_fin_view h3{margin:0 0 10px} #sod_fin_view .basic_tbl th{padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left} #sod_fin_pay{margin:0 0 30px} #sod_fin_orderer{margin:0 0 30px} #sod_fin_receiver{margin:0 0 30px;} #sod_fin_dvr{} #sod_fin .sod_left h2{position:absolute;font-size:0;line-height:0;overflow:hidden} #sod_fin .sod_left h3{font-size:1.167em ;margin:0 0 10px} #sod_fin .sod_left .tbl_head01{} #sod_fin .sod_left th{padding:10px;border:0;border-top:1px solid #f3f3f3;text-align:left;width:100px;color:#666;background:#fff} #sod_fin .sod_left td{padding:10px;border:0;border-top:1px solid #f3f3f3;background:#fff} #sod_fin_dvr .dvr_link{color:#ff3061;text-decoration:underline} #sod_fin_tot{margin:10px 0} #sod_fin_tot h2{position:absolute;font-size:0;line-height:0;overflow:hidden} #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{text-align:center} #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} .realpc #sod_fin_cancel button:hover{background:#fff} #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} /* 주문상세내역 중 현금영수증 발급 */ #scash{} #scash section{padding:10px 0} #scash h2{margin:0 0 10px;text-align:center} #scash .basic_tbl th{padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left} #scash_apply{padding:10px 0 20px;text-align:center} #scash_apply button{padding:10px;border:0;background:#565e60;color:#fff} #scash_copy{text-align:center} /* 공지사항 및 커뮤니티 새글 */ #sidx_lat h2{position:absolute;font-size:0;line-height:0;overflow:hidden} /* 배너 인덱스 출력 */ #sbn_idx{} /* 쇼핑몰 이벤트 */ #sev{} .sev_admin{margin:0 0 10px;text-align:right} .sev_admin a{line-height:35px;padding:0 10px} /* 쿠폰 */ #coupon div:after{display:block;visibility:hidden;clear:both;content:""} #coupon .cou_tit{font-weight:bold} #coupon .cou_pri{font-size: 1.25em;color: #00c4ac;font-weight: bold;float: right;} #coupon .cou_target{color:#666} #coupon .cou_date{float:right;color: #777;font-style: italic;} /* 모바일일때 피시버전 주문폼 */ .sod_list{margin:10px 0} .sod_list .sod_li{background:#fff;border-bottom:1px solid #e5e5e5;margin:10px 0} .sod_list .li_name{font-size:1.083em} .sod_list .li_op_wr{position:relative;padding:10px 10px 0 110px;min-height:75px} .sod_list .li_op_wr .chk_box{position:absolute;top:10px;left:10px} .sod_list .total_img{position:absolute;top:10px;left:35px} .sod_list .mod_options{padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#606060;background:#fff;line-height:24px;margin:5px 0 0;font-size:.923em} .sod_list .li_prqty{padding:10px;border-top:1px solid #f8f8f8} .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 5px;text-align:right} .sod_list .li_prqty_sp span{float:left;color:#696969} .sod_list .prqty_sc, .sod_list .prqty_price{border-right:1px solid #e5e5e5} .sod_list .total_price{background:#eee;display:block;clear:both;margin:0 10px 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:#00613c} .sod_opt{padding:5px 10px 5px 35px} .sod_opt li{color:#777;margin:3px 0;line-height:1.3em} .sod_opt li:before{content:"옵션";display:inline-block;margin:1px 5px 2px 0;font-size:11px;padding:0 5px;border-radius:3px;background:#eee;line-height:20px;color:#00613c} .sod_opt .opt_name:before{content:"옵션";display:inline-block;margin:1px 5px 2px 0;font-size:11px;padding:0 5px;border-radius:3px;background:#eee;line-height:20px;color:#00613c} #sod_frm_orderer, #sod_frm_taker{margin:0 0 30px;border:1px solid #e3e5e8;background:#fff} #sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon{display:inline-block;margin:5px 0 0} #m_sod_bsk_tot{background:#4a505a;color:#fff} #m_sod_bsk_tot:after{display:block;visibility:hidden;clear:both;content:""} #m_sod_bsk_tot dt{float:left;width:40%;padding:10px;line-height:20px;clear:both} #m_sod_bsk_tot dd{float:left;width:60%;padding:10px;text-align:right;line-height:20px} #m_sod_bsk_tot .sod_bsk_cnt{font-weight:700;margin-top:5px;line-height:25px;background:#212a37} #m_sod_bsk_tot .sod_bsk_cnt strong{color:#fff;font-size:1.25em} .sod_list .li_op_wr{padding-left:100px} .sod_list .total_img{left:10px} .sod_opt{padding-left:10px} #m_sod_frm_paysel{margin:10px 0} #m_sod_frm_paysel h3{background:#fff;padding:15px 10px;border:1px solid #e3e5e8;border-bottom:0} #m_sod_frm_paysel ul{margin:0;background:#fff;padding:10px;border:1px solid #e3e5e8} #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(../../../images/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(../../../images/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(../../../images/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(../../../images/lpay_logo.png) no-repeat;width:35px;height:12px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%} #m_sod_frm_paysel .kakaopay_icon{background:url(../../../images/kakao.png) no-repeat 24px 3px;height:25px;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(../../../images/samsungpay.png) no-repeat 24px 3px;height:25px;width:106px;display:inline-block;overflow:hidden;text-indent:-999px} #sod_frm_pay{border-top:1px solid #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 #ccc} .odf_tbl table th{border-top:1px solid #eceff4;padding:10px;text-align:left;width:120px;font-weight:400} .odf_tbl table td{border-top:1px solid #eceff4;padding:7px 10px;text-align:right} #sod_frm #sod_frm_pt_alert{margin:10px 0;text-align:left;color:#fff;line-height:18px;background:#f2838f;padding:10px 10px 10px 13px;border-radius:5px;position:relative} #sod_frm_pt_alert::before{content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453;height:100%} #sod_frm .sod_frm_point{padding:10px 0;clear:both;border:0 none} .sod_frm_point div{background:#fff;border:1px solid #e3e5e8;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;margin:5px 0} .sod_frm_point div span:after{display:block;visibility:hidden;clear:both;content:''} .sod_frm_point .max_point_box em{font-style:normal!important} .sod_frm_point div strong{float:left;color:#666;font-weight:400} .sod_frm_point #od_temp_point{height:30px;border:1px solid #d0d3db;text-align:right;background:#fff;border-radius:3px;-webkit-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);-moz-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1)} #settle_bank{background:#fff;border:1px solid #e3e5e8;padding:10px;clear:both;line-height:30px} #settle_bank:after{display:block;visibility:hidden;clear:both;content:''} #settle_bank select{height:30px;margin:0 0 5px;width:100%;border:1px solid #d0d3db} #settle_bank #od_deposit_name{height:30px;border:1px solid #d0d3db;text-align:center;border-radius:3px;float:right;-webkit-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);-moz-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1)} #settle_bank label{float:left;line-height:30px} #sod_frm_pt_info{border-top:0} .od_coupon{position:absolute;top:0;left:0;background:#fff;width:100%;z-index:99;border-radius:0 0 3px 3px;-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;background:#333;color:#fff;padding:0 15px;text-align:left} .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} .od_coupon .tbl_head02 th{width:auto!important} .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:700;width:100%} .od_coupon .btn_confirm .btn_close{position:absolute;top:0;right:0;width:45px;height:45px;border:0;background:none;color:#fff;font-size:1.25em} .cp_btn, .cp_btn1{padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#00613c;background:#fff;line-height:24px;margin:5px 0 0;font-size:.923em} .cp_apply{padding:0 5px;border:1px solid #00613c;color:#00613c;background:#fff;height:23px;line-height:21px} .cp_cancel, .cp_cancel1{padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#aaa;background:#fff;line-height:24px;margin:5px 0 0 2px;font-size:.923em} #sod_frm_escrow{margin:10px} #sod_frm_escrow h2{font-size:1.25em} #od_pay_sl h3{font-size:1.25em} .sod_list .li_name{border-bottom:1px solid #dcdcdc;line-height:1.3em;padding:10px;font-size:1.083em} #sod_frm .odf_list .frm_input{width:100%!important} #sod_frm input[type="radio"], #sod_frm input[type="checkbox"]{width:auto;-webkit-appearance:radio;-webkit-border-radius:initial} #sod_frm #od_memo{min-height:50px} .od_prd_list{margin:10px;background:#fff;padding:15px} .od_prd_list .td_chk{border-left:0} .od_prd_list .td_prd{border-left:0;position:relative;padding-left:90px;min-height:100px} .od_prd_list .td_prd .sod_img{position:absolute;top:15px;left:0} .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:700;font-size:1.167em} #sod_frm_orderer{padding:10px;border-bottom:1px solid #d6d3d3} #sod_frm_taker{padding:10px;border-bottom:1px solid #d6d3d3;border-top:1px solid #f3f3f3} #sod_frm_taker h2, #sod_frm_orderer h2{margin:10px 0;font-size:1.25em} .odf_list label, .odf_list strong{display:block;margin:7px 0 5px;color:#444;font-weight:400} .odf_list .frm_input{width:100%;margin:0 0 5px} .odf_list .dlv_slt{background:#eee;position:relative;border:1px solid #ddd;margin:5px 0;padding:10px} .odf_list .dlv_slt strong{margin:0;font-weight:700;line-height:30px} .odf_list .dlv_slt div label{display:inline-block;margin:3px 0;color:#000} #order_address{display:inline-block;position:relative;top:0;right:0;text-align:center;border:1px solid #d4d6db;background:#fff;border-radius:3px;color:#606060;height:30px;line-height:28px;margin:5px 0 0;padding:0 5px} .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)} .sod_ta_wr{background:#fff;margin-bottom:1em} .btn_confirm{margin:0 0 10px} .btn_submit{height:45px;font-size:1.167em;font-weight:700;margin:5px 0;border-radius:4px} .btn_cancel, .btn01{height:45px;line-height:43px;font-size:1.167em;font-weight:700;padding:0;border-radius:4px} #sod_frm_escrow{margin:10px} #sod_frm_escrow h2{font-size:1.25em} #od_pay_sl h3{font-size:1.25em} #od_tot_price{background:none;font-weight:700} html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */ #sod_frm_pay_info {margin:0 0 10px} /*네이버페이*/ .itemform-naverpay{margin:15px 0;clear:both} .cart-naverpay{margin-top:15px} /* theme.config.php 파일에서 G5_COMMUNITY_USE 를 false로 한 경우 1:1 문의와 게시판 css 처리 */ #bo_list table td, #fqalist table td{border-left:0;border-right:0} #bo_v_top .btn_admin, #bo_list .btn_admin{padding-top:0} /*개인결제*/ .pesonal{background:#f3f3f3;padding:20px} .pesonal td{font-weight:bold} #sod_frm_pay h2{font-size: 1.167em;margin: 0px 0 10px;border-bottom:1px solid #ddd;padding: 0 0 10px} #personal_pay h2{font-size: 1.167em;margin: 0px 0 10px;} #personal_pay input[type="radio"]{position:absolute;width:0;height:0;overflow:hidden;text-indent:-999px;left: 0;z-index: -1px;visibility:hidden;} #personal_pay .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} #personal_pay input[type="radio"]:checked+.lb_icon{border:1px solid #ff006c;z-index:3} #personal_pay legend{position:absolute;font-size:0;line-height:0;overflow:hidden} #personal_pay .KPAY{background:url('../../../images/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #personal_pay .PAYNOW{background:url('../../../images/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #personal_pay .PAYCO{background:url('../../../images/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #personal_pay .kakaopay_icon{background:url('../../../images/kakao.png') no-repeat 50% 50% #f4dc34;overflow:hidden;text-indent:-999px} #personal_pay .bank_icon{background:url('../../../images/pay_icon1.png') no-repeat 15px 50% #fff} #personal_pay .vbank_icon{background:url('../../../images/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px} #personal_pay .iche_icon{background:url('../../../images/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px} #personal_pay .hp_icon{background:url('../../../images/pay_icon3.png') no-repeat 24px 50% #fff} #personal_pay .card_icon{background:url('../../../images/pay_icon4.png') no-repeat 17px 50% #fff} #personal_pay .btn_submit{width:100%;height:40px;font-weight: bold;font-size: 1.25em;margin:10px 0 5px} #personal_pay .btn01{width:100%;height:40px;line-height:38px;font-weight: bold;font-size: 1.25em;} /* ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── ── Layout ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */ /* -- motion ------------------------------------------- */ .motion02{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;} .motion10{-webkit-transition:all 1s linear;-moz-transition:all 1s linear;-o-transition:all 1s linear;-ms-transition:all 1s linear;transition:all 1s linear;} #header{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;} /* fade */ [data-an="fade-up"]{opacity:0;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);-webkit-transition:ease-in-out 1s;-o-transition:ease-in-out 1s;transition:ease-in-out 1s;} [data-fade="in"] [data-an="fade-up"]{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} [data-an-order="1"]{-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s;} [data-an-order="2"]{-webkit-transition-delay:.55s;-o-transition-delay:.55s;transition-delay:.55s;} [data-an-order="3"]{-webkit-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s;} [data-an-order="4"]{-webkit-transition-delay:.85s;-o-transition-delay:.85s;transition-delay:.85s;} [data-an-order="5"]{-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s;} /* animation */ @keyframes updown{ from{margin-top:-10px;} 50%{margin-top:-5px;} to{margin-top:-10px;} } /* -- common ------------------------------------------- */ /* warp */ #wrap{position:relative;left:0;top:0;min-width:100%;min-height:100%;z-index:5;} /* header */ #header{position:absolute;left:0;top:0;width:100%;height:0;z-index:200;transition:.3s height, .2s background;} #header > .inner{position:relative;left:0;top:0;margin:0 auto;width:93.75%;} /* logo */ #logo{position:absolute;left:0;top:52px;z-index:5;} #logo a{overflow:hidden;display:block;width:100px;height:30px;background:url("../images/common/logo.png") no-repeat;background-size:100% auto;text-indent:-1000em;} /* tnb */ #tnb{position:fixed;left:0;top:0;width:100%;height:0;z-index:5;} #tnb > .inner{position:relative;left:0;top:0;margin:0 auto;width:93.75%;} #tnb ul{display:none;} #tnb li{float:left;height:49px;line-height:49px;} #tnb a{display:block;} #tnb .allmenu{overflow:hidden;position:absolute;right:0;top:40px;width:40px;height:50px;} #tnb .allmenu span{display:block;position:absolute;left:0;top:50%;width:100%;height:3px;background:#00613c;} #tnb .allmenu span.icon1{margin-top:-9px;} #tnb .allmenu span.icon2{margin-top:-1px;} #tnb .allmenu span.icon3{margin-top:7px;} #tnb .allmenu span.txt{display:none;} /* gnb */ #nv_gnb{position:absolute;left:50%;top:36px;margin-left:-270px;} #nv_gnb > .inner{} #nv_gnb ul{} #nv_gnb li{} #nv_gnb a{display:block;} #nv_gnb ul.nv_gnb_1depth_ul{} #nv_gnb li.nv_gnb_1depth_li{float:left;position:relative;left:0;top:0;margin:0 20px;} #nv_gnb li.nv_gnb_1depth_li:first-child{margin-left:0;} #nv_gnb a.nv_gnb_1depth_a{cursor:pointer;height:50px;line-height:50px;font-size:20px;font-size:1.25em;font-weight:500;color:#00613c;text-transform:lowercase;white-space:nowrap;} .realpc #nv_gnb a.nv_gnb_1depth_a:hover{color:#000 !important;} #nv_gnb ul.nv_gnb_2depth_ul{display:none;position:absolute;left:-10px;top:100%;padding:10px;background:#fff;border:solid 1px #ccc;} #nv_gnb li.nv_gnb_2depth_li{} #nv_gnb a.nv_gnb_2depth_a{display:block;position:relative;left:0;top:0;padding:15px 20px;font-size:17px;font-size:1.0625em;color:#666;white-space:nowrap;} #nv_gnb a.nv_gnb_2depth_a:after{content:"";position:absolute;left:10px;top:50%;width:3px;height:3px;background:#666;border-radius:50%;} /* hover */ .realpc #nv_gnb li.nv_gnb_1depth_li:hover ul.nv_gnb_2depth_ul{display:block;} .realpc #nv_gnb a.nv_gnb_2depth_a:hover{background:#f1f1f1;} /* over head */ .overhead#header{height:111px;background:#fff;border-bottom:solid 1px #ccc;} .overhead #logo a{background-image:url("../images/common/logo.png") !important;} .overhead #nv_gnb a.nv_gnb_1depth_a{color:#00613c !important;} .overhead #tnb .allmenu a{border-color:#00613c;} .overhead #tnb .allmenu .icon{background-color:#00613c;} /* all menu */ #allmenu_wrap{overflow:auto;display:none;position:fixed;left:0;top:0;padding:50px 0;width:100%;height:100%;z-index:9999;} #allmenu_wrap .inner{position:relative;left:0;top:0;margin:0 auto;padding-top:7vh;width:70vw;z-index:10;} #allmenu_wrap .allmenu_1depth_ul{} #allmenu_wrap .allmenu_1depth_li{float:left;margin-bottom:30px;padding:0 10px;width:16.66666666666666666666%;} #allmenu_wrap .allmenu_1depth_a{display:block;position:relative;left:0;top:0;margin-bottom:10px;padding:15px 0;border-radius:5px;font-size:35px;font-size:2.1875em;font-weight:500;color:#fff;text-align:center;text-transform:uppercase;} .realpc #allmenu_wrap .allmenu_1depth_a:hover{background:#fff;color:#000!important;} #allmenu_wrap .allmenu_2depth_ul{border-top:solid 1px #fff;} #allmenu_wrap .allmenu_2depth_li{position:relative;left:0;top:0;} #allmenu_wrap .allmenu_2depth_li:after{content:"";position:absolute;left:0;bottom:0;width:100%;border-bottom:solid 1px #fff;opacity:0.4;} #allmenu_wrap .allmenu_2depth_a{overflow:hidden;display:block;clear:both;position:relative;left:0;top:0;padding:20px 0;width:100%;font-size:21px;font-size:1.3125em;color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;} .realpc #allmenu_wrap .allmenu_2depth_a:hover{background:#fff;color:#000 !important;} #allmenu_wrap .allmenu_3depth_ul{padding-left:25px;} #allmenu_wrap .allmenu_3depth_li{} #allmenu_wrap .allmenu_3depth_a{display:block;margin-bottom:7px;padding:7px 0;border-bottom:solid 1px #999;color:#fff;} .realpc #allmenu_wrap .allmenu_3depth_a:hover{color:#FEB732 !important;} #allmenu_wrap .allmenu_4depth_ul{} #allmenu_wrap .allmenu_4depth_li{} #allmenu_wrap .allmenu_4depth_a{line-height:1.6;font-size:13px;font-size:0.8125em;color:#fff;white-space:nowrap;opacity:0.7;} .realpc #allmenu_wrap .allmenu_4depth_a:hover{color:#fff !important;opacity:1;} #allmenu_wrap .allmenu_tnb{} #allmenu_wrap .allmenu_tnb ul{text-align:center;} #allmenu_wrap .allmenu_tnb ul li{display:inline-block;} #allmenu_wrap .allmenu_tnb ul li a{display:block;padding:0 20px;height:40px;line-height:40px;border:solid 1px #fff;font-size:17px;font-size:1.0625em;color:#fff;opacity:0.7;} .realpc #allmenu_wrap .allmenu_tnb ul li a:hover{color:#fff !important;opacity:1;} /* */ #allmenu_wrap .allmenu_btns{position:fixed;right:3.125%;top:0;z-index:20;} #allmenu_wrap .allmenu_btns .allmenu{overflow:hidden;position:absolute;right:0;top:40px;width:40px;height:50px;} #allmenu_wrap .allmenu_btns .allmenu span{display:block;position:absolute;left:0;top:50%;width:100%;height:3px;background:#fff;} #allmenu_wrap .allmenu_btns .allmenu span.icon1{margin-top:-9px;} #allmenu_wrap .allmenu_btns .allmenu span.icon2{margin-top:-1px;} #allmenu_wrap .allmenu_btns .allmenu span.icon3{margin-top:7px;} #allmenu_wrap .allmenu_btns .allmenu span.txt{display:none;} #allmenu_wrap .allmenu_bg{position:fixed;left:0;top:0;width:100%;height:100%;background:#00613c;opacity:0.9;z-index:1;} /* */ .allmenuon{} .allmenuon #tnb .allmenu span.icon1, .allmenuon #allmenu_wrap .allmenu_btns .allmenu span.icon1{margin-top:-1px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);} .allmenuon #tnb .allmenu span.icon2, .allmenuon #allmenu_wrap .allmenu_btns .allmenu span.icon2{opacity:0;} .allmenuon #tnb .allmenu span.icon3, .allmenuon #allmenu_wrap .allmenu_btns .allmenu span.icon3{margin-top:-1px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);} /* backgroud light */ .light#header #logo a{background-image:url("../images/common/logo.png");} .light#header #nv_gnb a.nv_gnb_1depth_a{color:#00613c;} .light#header #tnb .allmenu span{background:#00613c;} /* footer */ #footer{clear:both;display:block;position:absolute;left:0;bottom:0;margin:0 auto;width:100%;height:170px;min-width:100%;background:#fff;border-top:solid 1px #00613c;font-size:17px;font-size:1.0625em;color:#00613c;z-index:200;} #footer a{color:#00613c;} #footer > .inner{position:relative;left:0;top:0;margin:0 auto;padding:10px 200px 0 125px;width:93.75%;max-width:1400px;} #footer .company_information{line-height:1.5;} #footer .company_information ul{} #footer .company_information ul:after{clear:both;display:block;content:"";} #footer .company_information li{float:left;position:relative;left:0;top:0;margin-right:20px;} #footer .company_information li.company_information_2{clear:both;} #footer .company_information li span{display:inline-block;} #footer .company_information li .t{position:relative;left:0;top:0;padding-right:17px;} #footer .company_information li .t:after{content:'';position:absolute;top:0;bottom:0;right:8px;margin:auto;width:1px;height:50%;border-right:dotted 1px #00613c;} #footer .company_information li .c{} #footer .company_information li .bar{} #footer .company_information .copyright{display:block;clear:both;} #footer .footer_sns{position:absolute;right:0;top:30px;margin-right:188px;z-index:5;} #footer .footer_sns a{display:block;overflow:hidden;float:left;margin-left:5px;height:28px;background-repeat:no-repeat;background-position:center center;text-indent:-1000em;} #footer .footer_sns a.footer_blog{width:39px;background-image:url("../images/common/sns_2_blog.png");} #footer .footer_sns a.footer_instagram{width:34px;background-image:url("../images/common/sns_2_instagram.png");} #footer .footer_sns a.footer_youtube{width:36px;background-image:url("../images/common/sns_2_youtube.png");} #footer .footer_sns a.footer_facebook{width:23px;background-image:url("../images/common/sns_2_facebook.png");} #footer .footer_sitego{position:absolute;right:0;top:30px;width:173px;z-index:5;} #footer .footer_sitego a{display:block;} #footer .footer_sitego a.sitego_btn{padding:0 10px;height:31px;line-height:31px;background:#00613c;font-size:14px;font-size:0.875em;font-weight:500;color:#fff;} #footer .footer_sitego a.sitego_btn span.icon{display:block;position:absolute;right:0;top:50%;margin:-3px 10px 0 0;width:8px;height:8px;border-bottom:solid 2px #fff;border-right:solid 2px #fff;transform:rotate(225deg);-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;} .realpc #footer .footer_sitego a.sitego_btn:hover{background:#333;color:#fff !important;} #footer .footer_sitego ul{overflow:hidden;position:absolute;left:0;bottom:31px;width:100%;height:0;background:#fff;z-index:2;} #footer .footer_sitego li{} #footer .footer_sitego li a{display:block;padding:0 10px;height:30px;line-height:28px;font-size:13px;font-size:0.8125em;color:#000;} .realpc #footer .footer_sitego li a:hover{background:#333;color:#fff !important;} .realpc #footer .footer_sitego:hover a.sitego_btn span.icon{margin-top:-6px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);} .realpc #footer .footer_sitego:hover ul.sitego_cnt_1{height:30px;} .realpc #footer .footer_sitego:hover ul.sitego_cnt_2{height:60px;} .realpc #footer .footer_sitego:hover ul.sitego_cnt_3{height:90px;} .realpc #footer .footer_sitego:hover ul.sitego_cnt_4{height:120px;} .realpc #footer .footer_sitego:hover ul.sitego_cnt_5{height:150px;} .realpc #footer .footer_sitego:hover ul.sitego_cnt_6{height:180px;} .realpc #footer .footer_sitego:hover ul.sitego_cnt_7{height:210px;} .realpc #footer .footer_sitego:hover ul.sitego_cnt_8{height:240px;} .realpc #footer .footer_sitego:hover ul.sitego_cnt_9{height:270px;} .realpc #footer .footer_sitego:hover ul.sitego_cnt_10{height:300px;} #flogo{position:absolute;left:0;top:30px;width:104px;height:30px;} #flogo a{overflow:hidden;display:block;width:100%;height:100%;background:url("../images/common/logo.png") no-repeat;background-size:100% auto;text-indent:-1000em;} #fnb{margin-bottom:20px;} #fnb ul{} #fnb ul:after{clear:both;display:block;content:"";} #fnb li{float:left;position:relative;left:0;top:0;padding-right:20px;} #fnb li .bar{display:block;position:absolute;right:10px;top:0;width:1px;height:16px;background:#fff;} #fnb a{display:block;} .realpc #fnb a:hover{color:#fff !important;} #fnb li:last-child{padding-right:0;} #fnb li:last-child .bar{display:none;} /* container */ #container{margin:0 auto;min-height:100vh;} #contents{} /* sub visual */ #svisual{padding-top:110px;} #svisual .inner{position:relative;left:0;top:0;height:100px;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;} #svisual h2{position:absolute;left:0;top:35px;width:100%;font-size:31px;font-size:1.9375em;font-weight:700;color:#999;text-align:center;text-transform:uppercase;} /* breadcrumbs */ #breadcrumbs{position:absolute;left:3.125%;right:3.125%;top:210px;margin:0 auto;max-width:1400px;height:30px;line-height:30px;z-index:2;} #breadcrumbs ul{float:right;margin-right:10px;} #breadcrumbs li{float:left;position:relative;left:0;top:0;padding-left:26px;font-size:12px;font-size:0.75em;color:#666;} #breadcrumbs li:after{content:"";position:absolute;left:0;top:50%;margin:-2px 0 0 8px;width:4px;height:4px;border-top:solid 1px #999;border-right:solid 1px #999;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);} #breadcrumbs li:first-child:after{display:none;} #breadcrumbs li a{color:#666;} .realpc #breadcrumbs li a:hover{color:#fff !important;} /* sub title */ #stitle{padding:30px 0;} #stitle h2{font-size:21px;font-size:1.3125em;text-align:center;} #stitle p{} /* snb */ #snbwrap{position:relative;left:0;top:0;margin-top:-1px;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;z-index:50;} #snbwrap > .inner{margin:0 auto;width:93.75%;max-width:1400px;} #snbwrap .snb_ul{margin-left:1px;border-right:solid 1px #ccc;text-transform:uppercase;} #snbwrap .snb_ul:after{clear:both;display:block;content:"";} #snbwrap .snb_li{float:left;position:relative;left:0;top:0;margin-left:-1px;} #snbwrap .snb_li .snb_bc{display:block;position:relative;left:0;top:0;padding:0 40px;padding-right:50px;min-width:200px;height:30px;line-height:30px;border-right:solid 1px #ccc;font-size:14px;font-size:0.875em;} #snbwrap .snb_li:first-child .snb_bc{padding:0 20px;min-width:10px;border-left:solid 1px #ccc;} #snbwrap .snb_li .snb_bc .icon{display:block;position:absolute;right:0;top:50%;margin:-4px 8px 0 0;width:8px;height:8px;border-bottom:solid 2px #999;border-right:solid 2px #999;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;} #snbwrap .snb_li > div{position:absolute;left:0;top:30px;min-width:100%;white-space:nowrap;} #snbwrap .snb_li ul{display:none;border:solid 1px #ccc;} #snbwrap .snb_li ul li{border-bottom:solid 1px #ccc;} #snbwrap .snb_li ul li:last-child{border-bottom:none;} #snbwrap .snb_li ul a{display:block;padding:10px 20px;background:#fff;font-size:13px;font-size:0.8125em;} .realpc #snbwrap .snb_li:hover .snb_bc .icon{transform:rotate(225deg);-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);opacity:0.5;} .realpc #snbwrap .snb_li:hover ul{display:block;} .realpc #snbwrap .snb_li ul a:hover{background:#333;color:#fff !important;} #snbwrap .snb_li ul a.active a{background:#0086b3;color:#fff;} /* content */ #content{} #content img{max-width:100%;height:auto} /* content footer */ .content_footer_wrap{margin:0 auto;width:93.75%;max-width:1400px;} .content_footer_login, .content_footer_c{float:left;position:relative;left:0;top:0;width:25%;height:225px;background-position:right top;background-repeat:no-repeat;} .content_footer_login{background:#5165a0;} .content_footer_c{padding-left:30px;padding-top:30px;} .content_footer_c .t{margin-bottom:18px;font-size:24px;font-size:1.5em;font-weight:500;color:#fff;} .content_footer_c .c{margin-bottom:20px;height:45px;line-height:1.4;color:#fff;} .content_footer_c .b{} .content_footer_c .b a{display:inline-block;width:102px;height:34px;line-height:34px;background:#fff;font-weight:500;color:#666;text-align:center;} .content_footer_1{background-color:#3bbeb2;background-image:url("../images/common/content_footer_icon1.png");} .content_footer_1 .c{font-size:43px;font-size:2.6875em;font-weight:700;color:#fff;letter-spacing:1px;} .content_footer_2{background-color:#338a99;background-image:url("../images/common/content_footer_icon2.png");} .content_footer_3{background-color:#0086b3;background-image:url("../images/common/content_footer_icon3.png");} .content_footer_2.content_footer_c .c, .content_footer_3.content_footer_c .c{opacity:0.8} /* quick */ #quick{} /* button top */ #quick .btn_top{overflow:hidden;position:fixed;right:0;bottom:40px;width:60px;height:60px;background:#000;border-radius:50%;color:#fff;z-index:999;box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);opacity:0;} #quick .btn_top span{display:block;position:absolute;left:50%;top:50%;} #quick .btn_top .icon{margin-top:-3px;} #quick .btn_top .icon > span{width:20px;height:5px;background:#fff;border-radius:5px;} #quick .btn_top .icon1{margin-left:-4px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);} #quick .btn_top .icon2{margin-left:-15px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);} #quick .btn_top .txt{display:none;left:0;margin-top:3px;width:100%;font-size:13px;text-align:center;} #quick .btn_top:focus, .realpc #quick .btn_top:hover{background:#333;color:#fff !important;} .scrollBody #quick .btn_top{right:40px;opacity:1;} /* etc */ .clear{display:block;float:none;clear:both;width:100%;height:170px;font-size:0 !important;line-height:0 !important;overflow:hidden;margin:0 !important;padding:0 !important;} .clear.nofooter{height:0;} /* ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── ── Main ─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */ .wrap_index #logo a{background-image:url("../images/common/logow.png");} .wrap_index #nv_gnb a.nv_gnb_1depth_a{color:#fff;} .wrap_index #tnb .allmenu span{background-color:#fff;} .wrap_index .clear{height:0;} /* */ [data-an="fade-up"]{opacity:0;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);-webkit-transition:ease-in-out 1s;-o-transition:ease-in-out 1s;transition:ease-in-out 1s;} [data-fade="in"] [data-an="fade-up"]{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} [data-an-order="1"]{-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s;} [data-an-order="2"]{-webkit-transition-delay:.55s;-o-transition-delay:.55s;transition-delay:.55s;} [data-an-order="3"]{-webkit-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s;} [data-an-order="4"]{-webkit-transition-delay:.85s;-o-transition-delay:.85s;transition-delay:.85s;} [data-an-order="5"]{-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s;} /* */ #main{} /* scroll */ #main .scroll{position:fixed;bottom:40px;right:0;left:0;margin:auto;padding:0;width:54px;height:64px;background:none;border:none;outline:none;opacity:0.7;z-index:5;} #main .scroll span{display:block;position:absolute;} #main .scroll span.icon1{top:0;left:50%;margin-left:-15px;width:30px;height:45px;border:solid 3px #fff;border-radius:30px;} #main .scroll span.icon2{top:9px;left:50%;margin-left:-3px;width:6px;height:6px;background:#fff;border-radius:50%;-webkit-animation:sc1 1.5s infinite;animation:sc1 1.5s infinite;} #main .scroll span.txt{bottom:0;left:0;width:100%;line-height:1;font-weight:900;text-transform:uppercase;color:#fff;text-align:center;} @-webkit-keyframes sc1{ 0%{margin-top:0;opacity:1;} 50%{margin-top:10px;} 100%{margin-top:0;opacity:0;} } @keyframes sc1{ 0%{margin-top:0;opacity:1;} 50%{margin-top:10px;} 100%{margin-top:0;opacity:0;} } /* pager */ #main .contbox_pager{display:none;position:fixed;top:0;left:3.125%;width:140px;height:100%;opacity:0;z-index:10;-webkit-transition:ease-out .35s;-o-transition:ease-out .35s;transition:ease-out .35s;} #main [data-pager="on"]{animation:pager .35s ease-out .35s forwards;} #main [data-pager="off"]{display:none;} @-webkit-keyframes pager{ from{opacity:0;} to{opacity:1;} } @keyframes pager{ from{opacity:0;} to{opacity:1;} } #main .contbox_ul{position:absolute;left:0;top:0;bottom:0;margin:auto;height:120px;} #main .contbox_ul li{margin:8px 0;} #main .contbox_ul li:first-child{margin-top:0;} #main .contbox_ul li:last-child{margin-bottom:0;} #main .contbox_btn{position:relative;padding-left:25px;background:none;border:none;outline:none;font-size:14px;color:#fff;text-transform:uppercase;white-space:nowrap;opacity:.5;-webkit-transition:.35s ease-out .35s;-o-transition:.35s ease-out .35s;transition:.35s ease-out .35s;} #main .contbox_btn i{position:absolute;left:0;top:0;bottom:0;margin:auto;width:18px;height:18px;} #main .contbox_btn i:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:8px;height:8px;background:#fff;border-radius:50%;} #main .contbox_btn i:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin-left:-2px;width:100%;height:100%;border:2px solid #fff;border-radius:50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:.55s ease-out .35s;-o-transition:.55s ease-out .35s;transition:.55s ease-out .35s;opacity:0;} .realpc #main .contbox_btn:hover{ opacity:.8;} .realpc #main .contbox_btn:hover i:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;} #main .contbox_ul li.active .contbox_btn{ opacity:1;} #main .contbox_ul li.active .contbox_btn i:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;} /* scroll */ #main .contbox{overflow:hidden;position:relative;left:0;top:0;width:100%;height:100vh;} #main .contbox .bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-transition:ease-out 5s;-o-transition:ease-out 5s;transition:ease-out 5s;} #main .contbox .bg-zoom{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} #main .contbox .centre{position:relative;left:0;top:0;width:100%;height:100%;z-index:2;} #main .contbox .txtbox{position:absolute;left:0;right:0;top:50%;margin:-110px auto 0;line-height:1.4;color:#fff;text-align:center;} #main .contbox .txtbox .txt1{margin-bottom:20px;font-size:14px;font-size:0.875em;} #main .contbox .txtbox .txt2{font-size:22px;font-size:1.375em;font-weight:700;} #main .contbox .txtbox .btn_more{margin:30px auto 0;} #main .contbox .txtbox .btn_more a{display:block;margin:0 auto;width:200px;height:30px;line-height:30px;background:#00613c;border-radius:30px;font-size:17px;font-size:1.0625em;color:#fff;-webkit-transition:ease-out .35s;-o-transition:ease-out .35s;transition:ease-out .35s;} .realpc #main .contbox .txtbox .btn_more:hover a{background:#fff;color:#00613c !important;} #main .contbox .txtbox .btnsbox_type1{margin:50px auto 0;max-width:900px;border:solid 1px rgba(255,255,255,.3);} #main .contbox .txtbox .btnsbox_type1:after{clear:both;display:block;content:'';} #main .contbox .txtbox .btnsbox_type1 > li{overflow:hidden;float:left;position:relative;width:20%;background:rgba(0,0,0,.1);text-transform:lowercase;white-space:nowrap;-webkit-transition:ease-out .35s;-o-transition:ease-out .35s;transition:ease-out .35s;} .realpc #main .contbox .txtbox .btnsbox_type1 > li:hover{background:rgba(255,255,255,.3);} #main .contbox .txtbox .btnsbox_type1 > li:after{content:'';position:absolute;top:0;bottom:0;right:0;margin:auto;width:1px;height:70px;background:rgba(255,255,255,.2);} #main .contbox .txtbox .btnsbox_type1 > li:last-child:after{content:none;} #main .contbox .txtbox .btnsbox_type1 > li.img img{position:relative;opacity:0.7;-webkit-transition:ease-out .35s;-o-transition:ease-out .35s;transition:ease-out .35s;} .realpc #main .contbox .txtbox .btnsbox_type1 > li.img:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:1;} #main .contbox .txtbox .btnsbox_type1 > li a{display:block;padding:25px 0;font-size:17px;font-size:1.0625em;font-weight:700;} #main .contbox .txtbox .btnsbox_type1 > li.img a{padding:0;} #main .contbox .txtbox .btnsbox_type2{margin:20px auto 0;max-width:900px;text-align:center;} #main .contbox .txtbox .btnsbox_type2:after{clear:both;display:block;content:'';} #main .contbox .txtbox .btnsbox_type2 li{display:inline-block;padding:15px;font-size:17px;font-size:1.0625em;font-weight:700;} #main .contbox .txtbox1{margin-top:-175px;} #main .contbox .txtbox.txtbox1 .btnsbox_type1 > li:last-child{display:none;} #main .contbox .txtbox2{position:absolute;left:0;right:0;top:50%;margin:-230px auto;line-height:1.4;color:#333;text-align:center;} #main .contbox .txtbox2 > div{margin:0 auto;width:100%;max-width:1200px;} #main .contbox .txtbox2 .cont{float:left;width:25%;height:360px;} #main .contbox .txtbox2 .cont.link{padding:0 5px;} #main .contbox .txtbox2 .cont.link a{overflow:hidden;display:block;position:relative;left:0;top:0;height:100%;border:solid 1px #ccc;} #main .contbox .txtbox2 .cont.link a span{display:block;-webkit-transition:ease-out .35s;-o-transition:ease-out .35s;transition:ease-out .35s;} #main .contbox .txtbox2 .cont.link a .img{position:relative;z-index:1;} #main .contbox .txtbox2 .cont.link a .icon{position:absolute;left:20px;bottom:60px;width:30px;border-bottom:solid 5px #fff;z-index:3;} #main .contbox .txtbox2 .cont.link a .txt{position:absolute;left:20px;bottom:20px;font-size:24px;font-size:1.5em;color:#fff;z-index:3;} .realpc #main .contbox .txtbox2 .cont.link a:hover .img{opacity:0.5;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .realpc #main .contbox .txtbox2 .cont.link a:hover .icon{border-color:#00613c;} .realpc #main .contbox .txtbox2 .cont.link a:hover .txt{color:#00613c;} #main .contbox .txtbox2 .cont.board{padding:0 5px;text-align:left;} #main .contbox .txtbox2 .cont.board .cont1{margin-bottom:20px;} #main .contbox .txtbox2 .cont.board .cont1:last-child{margin-bottom:0;} #main .contbox .txtbox2 .cont.board .cont1 h3{margin-bottom:15px;padding:10px 0;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;font-size:17px;font-size:1.0625em;font-weight:700;} #main .contbox .txtbox2 .cont.board .cont1 ul{} #main .contbox .txtbox2 .cont.board .cont1 li{position:relative;left:0;top:0;margin-bottom:5px;} #main .contbox .txtbox2 .cont.board .cont1 li a, #main .contbox .txtbox2 .cont.board .cont1 li .date{display:block;line-height:24px;} #main .contbox .txtbox2 .cont.board .cont1 li a{overflow:hidden;padding-right:80px;font-size:14px;font-size:0.875em;text-overflow:ellipsis;white-space:nowrap;} #main .contbox .txtbox2 .cont.board .cont1 li .date{position:absolute;right:0;top:0;font-size:13px;font-size:0.8125em;color:#999;z-index:2;} #main .contbox.contbox1 .bg{background:url('../images/main/main_1_bg.jpg') no-repeat center / cover;} #main .contbox.contbox2 .bg{background:url('../images/main/main_2_bg.jpg') no-repeat center / cover;} #main .contbox.contbox3 .bg{background:url('../images/main/main_3_bg.jpg') no-repeat center / cover;} #main .contbox.contbox4 .bg{background:url('../images/main/main_4_bg.jpg') no-repeat center / cover;} /* ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── ── Contents ─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */ .ctt_admin, .sct_admin, .sit_admin{position:fixed;left:0;top:50%;margin-top:-15px;z-index:20;} .ctt_admin a, .sct_admin a, .sit_admin a{padding:0 10px;height:30px;line-height:30px;} /* ---------------------------------------------------------------------------------------------------------------- -- common ------------------------------------------------------------------------------------------------------ */ .content_style{} /* type */ .content_style .type1{margin:50px auto;width:93.75%;max-width:1400px;} .content_style .type2{margin:50px auto;width:93.75%;} .content_style .type3{margin:30px auto;width:100%;} /* grid */ /* grid 2 */ .content_style .grid2:after{clear:both;display:block;content:"";} .content_style .grid2 .floatleft, .content_style .grid2 .floatright{width:50%;} .content_style .grid2 .floatleft{float:left;padding-right:20px;} .content_style .grid2 .floatright{float:right;padding-left:20px;} /* font size */ .fontsize10{font-size:10px;font-size:0.625em;} .fontsize11{font-size:11px;font-size:0.6875em;} .fontsize12{font-size:12px;font-size:0.75em;} .fontsize13{font-size:13px;font-size:0.8125em;} .fontsize14{font-size:14px;font-size:0.875em;} .fontsize15{font-size:15px;font-size:0.9375em;} .fontsize16{font-size:16px;font-size:1em;} .fontsize17{font-size:17px;font-size:1.0625em;} .fontsize18{font-size:18px;font-size:1.125em;} .fontsize19{font-size:19px;font-size:1.1875em;} .fontsize20{font-size:20px;font-size:1.25em;} .fontsize21{font-size:21px;font-size:1.3125em;} .fontsize22{font-size:22px;font-size:1.375em;} .fontsize23{font-size:23px;font-size:1.4375em;} .fontsize24{font-size:24px;font-size:1.5em;} .fontsize25{font-size:25px;font-size:1.5625em;} .fontsize26{font-size:26px;font-size:1.625em;} .fontsize27{font-size:27px;font-size:1.6875em;} .fontsize28{font-size:28px;font-size:1.75em;} .fontsize29{font-size:29px;font-size:1.8125em;} .fontsize30{font-size:30px;font-size:1.875em;} .fontsize31{font-size:31px;font-size:1.9375em;} .fontsize32{font-size:32px;font-size:2em;} .fontsize33{font-size:33px;font-size:2.0625em;} .fontsize34{font-size:34px;font-size:2.125em;} .fontsize35{font-size:35px;font-size:2.1875em;} .fontsize36{font-size:36px;font-size:2.25em;} .fontsize37{font-size:37px;font-size:2.3125em;} .fontsize38{font-size:38px;font-size:2.375em;} .fontsize39{font-size:39px;font-size:2.4375em;} .fontsize40{font-size:40px;font-size:2.5em;} .fontsize41{font-size:41px;font-size:2.5625em;} .fontsize42{font-size:42px;font-size:2.625em;} .fontsize43{font-size:43px;font-size:2.6875em;} .fontsize44{font-size:44px;font-size:2.75em;} .fontsize45{font-size:45px;font-size:2.8125em;} .fontsize46{font-size:46px;font-size:2.875em;} .fontsize47{font-size:47px;font-size:2.9375em;} .fontsize48{font-size:48px;font-size:3em;} .fontsize49{font-size:49px;font-size:3.0625em;} .fontsize50{font-size:50px;font-size:3.125em;} .fontsize51{font-size:51px;font-size:3.1875em;} .fontsize52{font-size:52px;font-size:3.25em;} .fontsize53{font-size:53px;font-size:3.3125em;} .fontsize54{font-size:54px;font-size:3.375em;} .fontsize55{font-size:55px;font-size:3.4375em;} .fontsize56{font-size:56px;font-size:3.5em;} .fontsize57{font-size:57px;font-size:3.5625em;} .fontsize58{font-size:58px;font-size:3.625em;} .fontsize59{font-size:59px;font-size:3.6875em;} .fontsize60{font-size:60px;font-size:3.75em;} .fontsize70{font-size:70px;font-size:4.375em;} .fontsize80{font-size:80px;font-size:5em;} .fontsize90{font-size:90px;font-size:5.625em;} .fontsize10{font-size:100px;font-size:6.25em;} /* tab */ /* tab type 1 */ .tab_type1{} .tab_type1 ul{padding-left:1px;border-bottom:solid 1px #ccc;} .tab_type1 ul:after{clear:both;display:block;content:"";} .tab_type1 li{float:left;margin-left:-1px;border:solid 1px #ccc;border-bottom:0;border-radius:5px 5px 0 0;} .tab_type1 li a{display:block;padding:10px;font-weight:700;} .tab_type1 li.active{background:#999;border-color:#999;} .tab_type1 li.active a{color:#fff;} /* title */ /* title type 1 */ .content_style .tit_type1{margin-bottom:40px;} .content_style .tit_type1 h3{display:inline-block;position:relative;left:0;top:0;padding-left:130px;line-height:1.4;font-size:31px;font-size:1.9375em;color:#00613c;} .content_style .tit_type1 h3:after{content:"";position:absolute;left:0;top:0;margin-top:20px;width:100px;height:1px;background:#333;} /* title type 2 */ .content_style .tit_type2{margin-bottom:80px;} .content_style .tit_type2 h3{position:relative;left:0;top:0;text-align:center;} /* title type 3 */ .content_style .tit_type3{position:relative;left:0;top:0;margin:40px 0 20px;padding-left:14px;line-height:1.4;font-size:21px;font-size:1.3125em;} .content_style .tit_type3:after{content:"";position:absolute;left:0;top:0.7em;margin-top:-2px;width:5px;height:5px;background:#333;border-radius:50%;} /* p */ /* p type 1 */ .content_style .p_type1{} .content_style .p_type1 p{margin:10px 0;line-height:1.6;color:#666;word-break:keep-all;} .content_style .p_type1 strong{color:#333;} /* p type 2 */ .content_style .p_type2{padding:40px 0;border-top:solid 2px #00613c;border-bottom:solid 1px #999;} .content_style .p_type2 p{margin:15px 0;line-height:1.6;text-align:center;word-break:keep-all;} .content_style .p_type2 strong{color:#333;} /* image */ /* image type 1 */ .img_type1{} .img_type1 .img1{} /* image type 2 */ .img_type2{position:relative;left:0;top:0;} .img_type2 .img1{position:absolute;right:0;top:0;width:40%;z-index:2;} .img_type2 .img2{padding-top:70px;width:65%;} /* ul */ /* ul type 1 */ .ul_type1{} .ul_type1 > li{position:relative;left:0;top:0;padding-left:13px;} .ul_type1 > li:after{content:"";position:absolute;left:0;top:10px;width:4px;height:4px;background:#00613c;} .ul_type1 > li dl.dl_1{} .ul_type1 > li dt, .ul_type1 > li dd{display:inline-block;vertical-align:top;} .ul_type1 > li dt{font-weight:500;color:#666;} .ul_type1 > li dd{} /* ul type 2 */ .ul_type2{} .ul_type2 > li{position:relative;left:0;top:0;padding-left:13px;} .ul_type2 > li:after{content:"";position:absolute;left:0;top:10px;width:4px;height:4px;background:#00613c;} .ul_type2 > li dl.dl_1{} .ul_type2 > li dt, .ul_type2 > li dd{vertical-align:top;} .ul_type2 > li dt{font-weight:500;color:#666;} .ul_type2 > li dd{} /* ul type 3 */ .ul_type3{} .ul_type3 > li{margin-bottom:20px;} .ul_type3 > li dl{} .ul_type3 > li dt, .ul_type3 > li dd{margin:10px 0;} .ul_type3 > li dt{position:relative;left:0;top:0;padding-left:13px;font-weight:500;color:#666;} .ul_type3 > li dt:after{content:"";position:absolute;left:0;top:50%;margin-top:-2px;width:4px;height:4px;background:#00613c;} .ul_type3 > li dd{} .ul_type3 > li dd .frm_input{width:100%;} /* ol */ /* ol type 1 */ .ol_type1{} .ol_type1 li{position:relative;left:0;top:0;margin-bottom:20px;padding-left:13px;line-height:1.6;font-weight:500;color:#666;} .ol_type1 li:after{content:"";position:absolute;left:0;top:0.8em;margin-top:-2px;width:4px;height:4px;background:#00613c;} /* table */ /* table type 1*/ .table_type1{} .table_type1 table{width:100%;} .table_type1 table th, .table_type1 table td{padding:10px;border:solid 1px #ccc;text-align:center;white-space:nowrap;} .table_type1 table th{color:#00613d;} .table_type1 table thead{} .table_type1 table thead th{} .table_type1 table tbody{} .table_type1 table tbody th, .table_type1 table tbody td{} /* faq */ /* faq type 1 */ .content_style .faq_type1{} .content_style .faq_type1 .faq_wrap{} .content_style .faq_type1 .faq_wrap h4{overflow:hidden;position:absolute;left:0;top:0;width:0;height:0;font-size:0;} .content_style .faq_type1 .faq_wrap .list{border-top:solid 2px #00613c;} .content_style .faq_type1 .faq_wrap .list dl{border-bottom:solid 1px #ccc;} .content_style .faq_type1 .faq_wrap .list dt, .content_style .faq_type1 .faq_wrap .list dd{position:relative;left:0;top:0;padding:30px 10px 30px 80px;line-height:1.6;} .content_style .faq_type1 .faq_wrap .list dt .q, .content_style .faq_type1 .faq_wrap .list dd .a{position:absolute;left:0;top:20px;width:80px;font-size:25px;font-size:1.5625em;font-weight:700;text-align:center;} .content_style .faq_type1 .faq_wrap .list dt{cursor:pointer;font-size:19px;font-size:1.1875em;} .content_style .faq_type1 .faq_wrap .list dt:after{content:"";position:absolute;right:20px;top:20px;width:10px;height:10px;border-bottom:solid 2px #111;border-right:solid 2px #111;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);} .realpc .content_style .faq_type1 .faq_wrap .list dt:hover{background:#e2f6ff;} .content_style .faq_type1 .faq_wrap .list dt .q{} .content_style .faq_type1 .faq_wrap .list dd{display:none;background:#eee;} .content_style .faq_type1 .faq_wrap .list dd .a{color:#00613c;} /* etc*/ .fontChinese{font-family:dotum;} /* ---------------------------------------------------------------------------------------------------------------- -- yerang ------------------------------------------------------------------------------------------------------ */ /* about us */ .content_aboutus{} .content_aboutus .txtbox{margin-bottom:50px;} .content_aboutus .txtbox .p_type1{margin-left:130px;font-size:17px;font-size:1.0625em;} .content_aboutus .txtbox2{margin:100px auto;} .content_aboutus .txtbox2 .inner{padding:50px;line-height:1.6;border:solid 1px #ccc;text-align:center;} .content_aboutus .txtbox2 .btn_location{display:inline-block;margin-top:20px;padding:5px 15px;background:#00613c;border-radius:5px;color:#fff;font-size:15px;} .realpc .content_aboutus .txtbox2 .btn_location:hover{background:#333;color:#fff !important;} /* location */ .content_location .txtbox .p_type1{margin-left:130px;font-size:17px;font-size:1.0625em;} .content_location .txtbox2{margin-top:50px;margin-left:130px;} .content_location .txtbox2{margin-left:130px;} .content_location .txtbox2 .p_type1{font-size:17px;font-size:1.0625em;} .content_location .txtbox2 ul{} .content_location .txtbox2 li{margin-top:30px;} .content_location .txtbox2 li:first-child{margin-top:0;} .content_location .txtbox2 li .t{position:relative;left:0;top:0;margin-bottom:20px;padding-left:90px;height:70px;line-height:70px;font-size:21px;font-size:1.3125em;} .content_location .txtbox2 li .t:after{content:"";position:absolute;left:0;top:0;width:70px;height:70px;border:solid 1px #ccc;background-repeat:no-repeat;background-position:center center;background-size:50px auto;border-radius:50%;} .content_location .txtbox2 li.txtbox2_li_1 .t:after{background-image:url("../images/about/location_icon1.png");} .content_location .txtbox2 li.txtbox2_li_2 .t:after{background-image:url("../images/about/location_icon2.png");} .content_location .txtbox2 li .c{line-height:1.6;font-size:17px;font-size:1.0625em;} .content_location #map{height:300px;background:#f1f1f1;} /* hostory */ .content_history .history_list{margin:100px auto;width:93.75%;max-width:1400px;} .content_history .history_list ul{} .content_history .history_list li{position:relative;left:0;top:0;} .content_history .history_list li:after{clear:both;display:block;content:"";} .content_history .history_list .circle{position:absolute;left:50%;top:0;margin:-65px 0 0 -65px;width:130px;height:130px;line-height:130px;background:#00613c;border-radius:50%;font-size:32px;font-size:2em;font-weight:700;color:#fff;text-align:center;z-index:2;} .content_history .history_list .txtbox{margin-top:-1px;width:50%;padding:100px 0;border:solid 1px #ccc;} .content_history .history_list dl{position:relative;left:0;top:0;margin:15px 0;padding:0 50px;line-height:1.5;} .content_history .history_list dl:after{content:"";position:absolute;top:8px;width:10px;height:10px;background:#333;border-radius:50%;} .content_history .history_list dt{position:absolute;top:0;font-weight:700;font-size:17px;font-size:1.0625em;} .content_history .history_list dd{font-size:17px;font-size:1.0625em;color:#666;} .content_history .history_list li:nth-child(2n+0) .txtbox{border-radius:1000px 0 0 1000px;text-align:right;} .content_history .history_list li:nth-child(2n+0) dl:after{right:-5px;} .content_history .history_list li:nth-child(2n+0) dt{right:20px;} .content_history .history_list li:nth-child(2n+1) .txtbox{border-radius:0 1000px 1000px 0;float:right;margin-right:1px;} .content_history .history_list li:nth-child(2n+1) dl:after{left:-5px;} .content_history .history_list li:nth-child(2n+1) dt{left:20px;} /* organization */ /* recruit */ .content_recruit .txtbox .p_type1{margin-left:130px;font-size:17px;font-size:1.0625em;} /* partners */ .content_partners .partners_list{} .content_partners .partners_list ul{border:solid 1px #ccc;} .content_partners .partners_list ul:after{clear:both;display:block;content:"";} .content_partners .partners_list li{float:left;width:16.666666666666666666666666666666%;} .content_partners .partners_list li .img{border:solid 1px #ccc;} .content_partners .partners_list li.partners_empty_li img{opacity:0;} /* ---------------------------------------------------------------------------------------------------------------- -- goods ------------------------------------------------------------------------------------------------------- */ /* list */ .content_goods .goods_list{} .content_goods .goods_list ul{margin:0 1.5625%;} .content_goods .goods_list ul:after{clear:both;display:block;content:"";} .content_goods .goods_list li{float:left;position:relative;left:0;top:0;padding:20px 1.5625%;width:33.333333333333333%;text-align:center;z-index:1;} .content_goods .goods_list li:nth-child(3n+1){clear:both;} .content_goods .goods_list li a{display:block;} .content_goods .goods_list li .img{overflow:hidden;} .content_goods .goods_list li .img img{width:100%;height:auto;} .content_goods .goods_list li .info{padding-top:20px;line-height:1.6;} .content_goods .goods_list li .info span{display:block;} .content_goods .goods_list li .info .name{margin-bottom:10px;height:20px;line-height:20px;font-size:20px;font-size:1.25em;color:#444444;} .content_goods .goods_list li .info .description{overflow:hidden;display:block;margin:0 auto;width:90%;height:20px;line-height:20px;font-size:13px;font-size:0.8125em;color:#bbbbbb;white-space:nowrap;text-overflow:ellipsis;} .content_goods .goods_list li .price{padding-top:10px;font-size:13px;font-size:0.8125em;color:#bbb;} .realpc .content_goods .goods_list li:hover{background:#f1f1f1;box-shadow:5px 5px 10px rgba(0, 0, 0, .5);z-index:2;} .realpc .content_goods .goods_list li:hover .info .name, .realpc .content_goods .goods_list li:hover .info .description{color:#00613c;} .realpc .content_goods .goods_list li:hover .img img{webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);} /* view */ .content_goods .goods_view{} .content_goods .goods_view:after{clear:both;display:block;content:"";} .content_goods .goods_view .imgbox{float:left;width:65%;} .content_goods .goods_view .imgbox .img_list{} .content_goods .goods_view .imgbox .img_list ul{} .content_goods .goods_view .imgbox .img_list li{} .content_goods .goods_view .imgbox .img_list li img{width:100%;height:auto;} .content_goods .goods_view .imgbox .img_thumb{margin-top:10px;text-align:center;} .content_goods .goods_view .imgbox .img_thumb a{cursor:pointer;overflow:hidden;display:inline-block;position:relative;left:0;top:0;width:10%;} .content_goods .goods_view .imgbox .img_thumb a:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;z-index:2;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;} .content_goods .goods_view .imgbox .img_thumb a img{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;} .realpc .content_goods .goods_view .imgbox .img_thumb a:hover img{webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);} .realpc .realpc .content_goods .goods_view .imgbox .img_thumb a:hover:after, .content_goods .goods_view .imgbox .img_thumb a.active:after{opacity:0;} .content_goods .goods_view .inforbox{float:right;position:relative;left:0;top:0;padding-top:40px;width:30%;height:604px;} .content_goods .goods_view .inforbox .goods_name{margin:40px 0;font-size:32px;font-size:2em;} .content_goods .goods_view .inforbox .information{font-size:17px;font-size:1.0625em;color:#bbb;} .content_goods .goods_view .inforbox .information ul{} .content_goods .goods_view .inforbox .information li{display:table;} .content_goods .goods_view .inforbox .information dl{display:table-row;} .content_goods .goods_view .inforbox .information dt, .content_goods .goods_view .inforbox .information dd{display:table-cell;padding:5px 0;line-height:1.6;vertical-align:top;} .content_goods .goods_view .inforbox .information dt{display:table-cell;width:100px;} .content_goods .goods_view .inforbox .information dd{display:table-cell;} .content_goods .goods_view .inforbox .information dd .small{font-size:small;} .content_goods .goods_view .view_btns{position:absolute;left:0;bottom:0;width:100%;} .content_goods .goods_view .view_btns a{display:inline-block;padding:0 20px;height:60px;line-height:60px;background:#bbb;font-size:17px;font-size:1.0625em;color:#fff;} .content_goods .goods_view .view_btns a.btn_buy{background:#00613d;} .realpc .content_goods .goods_view .view_btns a:hover{background:#333;color:#fff !important;} .goods_information{} .goods_information .goods_rate{margin:50px 0;} .goods_information .goods_rate .description{margin:20px 0;} .goods_information .tab_type1{margin-bottom:20px;} /* ---------------------------------------------------------------------------------------------------------------- -- board ------------------------------------------------------------------------------------------------------- */ .wrap_t_board #content{margin:0 auto;width:93.75%;max-width:1400px;} /* list */ .wrap_t_board .tbl_head01 td{padding:40px 5px;font-size:17px;font-size:1.0625em;} .wrap_t_board #bo_list .td_num{width:80px;} .wrap_t_board #bo_list .td_num2{width:80px;} .wrap_t_board #bo_list .td_hit{width:80px;} .wrap_t_board #bo_list .td_datetime{width:110px;font-style:normal;} .wrap_t_board #bo_list .bo_tit{font-size:21px;font-size:1.3125em;font-weight:400;} .wrap_t_board #bo_list_total{padding:0;background:none;font-size:17px;font-size:1.0625em;} .wrap_t_board #bo_list .btn_bo_user i.fa, .wrap_t_board #bo_v #bo_v_info i.fa, .wrap_t_board #bo_v #bo_v_top i.fa{display:none;} /* view */ .wrap_t_board #bo_v_title .bo_v_tit{padding:40px 0;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;} .wrap_t_board #bo_v_info{border-bottom:dashed 1px #ccc;} .wrap_t_board #bo_v_top ul{font-size:17px;font-size:1.0625em;} /* ---------------------------------------------------------------------------------------------------------------- -- customer ---------------------------------------------------------------------------------------------------- */ /* faq */ .content_faq#content{margin:0 auto;width:93.75%;max-width:1400px;} /* order */ .content_order{margin:0 auto 100px;} .content_order .txtbox{margin-bottom:80px;} .content_order .btn_save{display:inline-block;margin-top:5px;padding:10px 40px;background:#fff;border:solid 1px #00613c;border-radius:10px;font-size:17px;font-weight:700;color:#00613c;vertical-align:top;} .realpc .content_order .btn_save:hover{background:#333;color:#fff !important;} .content_order .btn_order{display:inline-block;margin-top:5px;padding:10px 40px;background:#00613c;border:solid 1px #00613c;border-radius:10px;font-size:17px;font-weight:700;color:#fff;vertical-align:top;} .realpc .content_order .btn_order:hover{background:#333;color:#fff !important;} /* order form */ .content_order .goodsinfo{margin:0 auto 40px;width:100%;max-width:400px;text-align:center;} .content_order .goodsinfo .img{} .content_order .goodsinfo .name{padding:30px 0;font-size:19px;font-size:1.1875em;font-weight:700;} .content_order .goodsinfo .btn_search{} .content_order .goodsinfo .btn_search a{display:block;padding:10px 0;border:solid 1px #ccc;font-size:15px;font-size:0.9375em;} .content_order .inputbox{display:table;width:100%;border-top:solid 1px #00613c;} .content_order .inputbox dl{display:table-row;font-size:17px;font-size:1.0625em;} .content_order .inputbox dt, .content_order .inputbox dd{display:table-cell;padding:15px;border-bottom:solid 1px #ccc;vertical-align:middle;} .content_order .inputbox dt{width:130px;background:#f1f1f1;} .content_order .inputbox dd{} .content_order .inputbox dd .frm_input, .content_order .inputbox dd select{margin:0;padding:0 10px;height:40px;line-height:38px;background:#fff;border:solid 1px #ccc;border-radius:5px;font-size:15px;font-size:0.9375em;} .content_order .inputbox dd .frm_input_100{width:100%;} .content_order .inputbox dd .icon_equal, .content_order .inputbox dd .txt0{display:inline-block;position:relative;left:0;top:0;margin-right:10px;vertical-align:middle;} .content_order .inputbox dd .txt1{margin-bottom:10px;} .content_order .inputbox dd .txt2{} .content_order .inputbox dd .txt3{margin-top:10px;} .content_order .inputbox dd .icon_equal{margin:0 10px;font-size:31px;font-weight:700;} .content_order .inputbox dd p{line-height:1.5;} .content_order .inputbox dd textarea{line-height:1.5;} .content_order .inputbox .description{} .content_order .inputbox .description p{margin:5px 0;font-size:15px;color:#00613c;} .content_order .inputbox .description_txt{font-size:15px;color:#00613c;} .content_order .inputbox .inputlist{} .content_order .inputbox .inputlist p{margin:5px 0;} .content_order .inputbox .envelope_sender{position:relative;left:0;top:0;padding-left:200px;} .content_order .inputbox .envelope_sender .img{position:absolute;left:0;top:0;} .content_order .inputbox .envelope_sender .txt0{} .content_order .inputbox .envelope_sender .txt1{margin-bottom:0;} .content_order .inputbox .envelope_sender .txt2{margin-bottom:5px;} .content_order .inputbox .envelope_sender .txt3{margin-top:0;} .content_order .inputbox .btn_search{display:inline-block;padding:0 10px;height:40px;line-height:38px;border:solid 1px #ccc;border-radius:5px;font-size:15px;vertical-align:middle;} .realpc .content_order .inputbox .btn_search:hover{background:#333;border-color:#333;color:#fff !important;} .content_order .optionbox{margin-top:20px;padding-top:10px;border-top:dashed 1px #ccc;} .content_order .orderform_btns{text-align:center;} .content_order .orderresult .inputbox .envelope_sender{padding-left:0;} .content_order .orderresult .inputbox .fontfamily{font-family:dotum, sans-serif;} /* order popup */ .content_orderpopup{} .orderpopup_wrap{padding:20px 0;min-height:100vh;background:#85817E;} .orderpopup_wrap .searchbox{padding:10px 0;text-align:center;} .orderpopup_wrap .searchbox select, .orderpopup_wrap .searchbox input{display:inline-block;margin:0;padding:0 10px;height:42px;line-height:40px;border:solid 1px #ccc;border-radius:3px;} .orderpopup_wrap .searchbox input.frm_input{width:160px;} .orderpopup_wrap .searchbox .btn_submit{background:#00613c;border-color:#00613c;} .realpc .orderpopup_wrap .searchbox .btn_submit:hover{background:#333;border-color:#333;} /* order popup item list */ .orderpopup_item_wrap .goods_list{padding:10px;} .orderpopup_item_wrap .goods_list:after{clear:both;display:block;content:"";} .orderpopup_item_wrap .goods_list li{float:left;margin-bottom:10px;padding:10px 10px 0;width:25%;text-align:center;} .orderpopup_item_wrap .goods_list li:nth-child(4n+1){clear:both;} .orderpopup_item_wrap .goods_list li .img{} .orderpopup_item_wrap .goods_list li .img img{width:100%;height:auto;} .orderpopup_item_wrap .goods_list li .name{overflow:hidden;display:block;padding:10px 0;width:100%;font-size:15px;white-space:nowrap;text-overflow:ellipsis;} .realpc .orderpopup_item_wrap .goods_list li:hover{background:#fff;-webkit-box-shadow:3px 3px 10px rgba(0, 0, 0, .3);-moz-box-shadow:3px 3px 10px rgba(0, 0, 0, .3);box-shadow:3px 3px 10px rgba(0, 0, 0, .3);z-index:10;} .orderpopup_item_wrap .pg_page, .orderpopup_item_wrap .qa_page{font-size:17px;} /* order popup greetings list */ .orderpopup_greetings_wrap .greetings_list{padding:10px;} .orderpopup_greetings_wrap .greetings_list:after{clear:both;display:block;content:"";} .orderpopup_greetings_wrap .greetings_list li{padding:10px;font-size:15px;text-align:center;} .orderpopup_greetings_wrap .greetings_list li dl{padding:10px;background:#fff;line-height:1.6;font-size:17px;} .orderpopup_greetings_wrap .greetings_list li dt{margin-bottom:20px;padding:10px 0;border-bottom:dashed 1px #ccc;font-weight:700;} .orderpopup_greetings_wrap .greetings_list li dd{} .orderpopup_greetings_wrap .greetings_list li dd .btn_select{margin-top:20px;} .orderpopup_greetings_wrap .greetings_list li dd .btn_select a{display:block;padding:10px;border:solid 1px #ccc;font-size:15px;} .realpc .orderpopup_greetings_wrap .greetings_list li dd .btn_select a:hover{background:#333;border-color:#333;color:#fff !important;} /* order popup stickers list */ .orderpopup_stickers_wrap .stickers_box{margin:10px;padding:10px;} .orderpopup_stickers_wrap .stickers_box h3{position:relative;left:0;top:0;margin-bottom:10px;padding:20px 35px;background:#fff;font-size:19px;font-weight:700;} .orderpopup_stickers_wrap .stickers_box h3:after{content:"";position:absolute;left:20px;top:50%;margin-top:-10px;width:4px;height:20px;background:#00613c;} .orderpopup_stickers_wrap .stickers_list{padding:10px;background:#fff;} .orderpopup_stickers_wrap .stickers_list:after{clear:both;display:block;content:"";} .orderpopup_stickers_wrap .stickers_list li{float:left;padding:10px;width:25%;font-size:15px;text-align:center;} .orderpopup_stickers_wrap .stickers_list li .img{line-height:120px;} .orderpopup_stickers_wrap .stickers_list li .img img{max-height:120px;} .orderpopup_stickers_wrap .stickers_list li .name{display:block;margin-top:5px;padding:10px 0;border:solid 1px #ccc;font-size:13px;} .orderpopup_stickers_wrap .stickers_list li.stickers_list_li_1_3, .orderpopup_stickers_wrap .stickers_list li.stickers_list_li_1_6{clear:both;} .orderpopup_stickers_wrap .stickers_list li.stickers_list_li_1_0 .img img, .orderpopup_stickers_wrap .stickers_list li.stickers_list_li_1_1 .img img, .orderpopup_stickers_wrap .stickers_list li.stickers_list_li_1_3 .img img, .orderpopup_stickers_wrap .stickers_list li.stickers_list_li_1_4 .img img{max-width:80% !important;} .realpc .orderpopup_stickers_wrap .stickers_list li:hover{background:#fff;-webkit-box-shadow:3px 3px 10px rgba(0, 0, 0, .3);-moz-box-shadow:3px 3px 10px rgba(0, 0, 0, .3);box-shadow:3px 3px 10px rgba(0, 0, 0, .3);z-index:10;} /* 주문조회 */ .content_orderlist{} .content_orderlist .orderviewbox{margin:0 auto;max-width:400px;} .content_orderlist .orderviewbox > div{margin:10px 0;} .content_orderlist .orderviewbox .frm_input, .content_orderlist .orderviewbox .btn_submit{margin:0;padding:0 10px;width:100%;height:42px;line-height:40px;} .content_orderlist .orderviewbox .frm_input{border:solid 1px #ccc;background:#fff;} .content_orderlist .orderviewbox .btn_submit{border:solid 1px #00613c;background:#00613c;} .content_orderlist .orderviewbox .orderemail{} .content_orderlist .orderviewbox .orderpw{} .content_orderlist .orderviewbox .ordersubmit{} /* */ .content_orderlist .orderviewbox_txt{margin:0 auto 30px;padding:30px 0;max-width:400px;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;line-height:1.3;font-size:17px;font-size:1.0625em;text-align:center;} /* list */ .orderlist_wrap{margin:0 auto;width:93.75%;max-width:1400px;} .orderlist_wrap h3{margin-bottom:10px;font-size:17px;font-size:1.0625em;font-weight:700;} .orderlist_wrap .orderlist_item .total_cnt{display:none;} .orderlist_wrap .orderlist_invitation{margin-bottom:30px;} .orderlist_wrap .orderlist_item{} /* */ .order_list{} .order_list ul{display:table;width:100%;border-collapse:collapse;border-top:solid 2px #00613c;font-size:17px;font-size:1.0625em;} .order_list li{display:table-row;} .order_list li > div{display:table-cell;padding:15px 10px;border:solid 1px #ccc;border-top:none;vertical-align:middle;} .order_list li.thead{font-weight:700;text-align:center;} .order_list li.thead > div{} .order_list li.tbody{} .order_list li.tbody > div{} .order_list li .no{text-align:center;} .order_list li .odid{text-align:center;} .order_list li .odname{text-align:center;} .order_list li .odemail{text-align:center;} .order_list li .odtel{text-align:center;} .order_list li .img{width:200px;text-align:center;} .order_list li .status{width:80px;text-align:center;white-space:nowrap;} .order_list li .btns{width:80px;text-align:center;white-space:nowrap;} .order_list li .btns a{display:inline-block;padding:5px 10px;border:solid 1px #ccc;border-radius:10px;font-size:13px;font-size:0.8125em;} /* estimate */ /* estimate user write */ .content_gocompany_estimate{margin:0 auto 100px;} .content_gocompany_estimate .txtbox{margin-bottom:80px;} .content_gocompany_estimate .estimate_btns{margin-top:30px;} .content_gocompany_estimate .btn_submit{display:inline-block;margin-top:5px;padding:0 40px;height:42px;line-height:40px;background:#00613c;border:solid 1px #00613c;border-radius:10px;font-size:17px;font-weight:700;color:#fff;vertical-align:top;} .realpc .content_gocompany_estimate .btn_submit:hover{background:#333;color:#fff !important;} /* estimate form */ .content_gocompany_estimate .goodsinfo{margin:0 auto 40px;width:100%;text-align:center;} .content_gocompany_estimate .goodsinfo ul{text-align:center;} .content_gocompany_estimate .goodsinfo li{clear:both;float:none;display:inline-block;position:relative;left:0;top:0;width:30%;} .content_gocompany_estimate .goodsinfo .img{} .content_gocompany_estimate .goodsinfo .name{padding:30px 0;font-size:19px;font-size:1.1875em;font-weight:700;} .content_gocompany_estimate .goodsinfo .btn_del{overflow:hidden;position:absolute;right:5px;top:5px;width:30px;height:30px;background:#fff;border-radius:100%;text-indent:-1000em;text-align:left;z-index:5;} .content_gocompany_estimate .goodsinfo .btn_del:after, .content_gocompany_estimate .goodsinfo .btn_del:before{content:"";display:block;position:absolute;left:50%;top:50%;margin-left:-10px;margin-top:-1px;width:21px;height:2px;background:#000;} .content_gocompany_estimate .goodsinfo .btn_del:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);} .content_gocompany_estimate .goodsinfo .btn_del:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);} .content_gocompany_estimate .goodsinfo .btn_search{margin:0 auto 20px;max-width:30%;} .content_gocompany_estimate .goodsinfo .btn_search a{display:block;padding:10px 0;border:solid 1px #ccc;font-size:17px;font-size:1.0625em;} .content_gocompany_estimate .goodsinfo p{font-size:17px;font-size:1.0625em;font-weight:700;color:#00613c;} .content_gocompany_estimate .inputbox{display:table;width:100%;border-top:solid 1px #00613c;} .content_gocompany_estimate .inputbox dl{display:table-row;font-size:17px;font-size:1.0625em;} .content_gocompany_estimate .inputbox dt, .content_gocompany_estimate .inputbox dd{display:table-cell;padding:15px;border-bottom:solid 1px #ccc;vertical-align:middle;} .content_gocompany_estimate .inputbox dt{width:130px;background:#f1f1f1;} .content_gocompany_estimate .inputbox dd{} .content_gocompany_estimate .inputbox dd .frm_input, .content_gocompany_estimate .inputbox dd select{margin:0;padding:0 10px;height:40px;line-height:38px;background:#fff;border:solid 1px #ccc;border-radius:5px;} .content_gocompany_estimate .inputbox dd .frm_input, .content_gocompany_estimate .inputbox dd select, .content_gocompany_estimate .inputbox dd textarea{font-size:15px;font-size:0.9375em;} .content_gocompany_estimate .inputbox dd .frm_input_100{width:100%;} .content_gocompany_estimate .inputbox dd .icon_equal, .content_gocompany_estimate .inputbox dd .txt0{display:inline-block;position:relative;left:0;top:0;margin-right:10px;vertical-align:middle;} .content_gocompany_estimate .inputbox dd .txt1{margin-bottom:10px;} .content_gocompany_estimate .inputbox dd .txt2{} .content_gocompany_estimate .inputbox dd .txt3{margin-top:10px;} .content_gocompany_estimate .inputbox dd .icon_equal{margin:0 10px;font-size:31px;font-weight:700;} .content_gocompany_estimate .inputbox dd p{line-height:1.5;} .content_gocompany_estimate .inputbox dd textarea{padding:10px;line-height:1.5;} .content_gocompany_estimate .inputbox .description{} .content_gocompany_estimate .inputbox .description p{margin:5px 0;font-size:15px;color:#00613c;} .content_gocompany_estimate .inputbox .description_txt{font-size:15px;color:#00613c;} .content_gocompany_estimate .inputbox .inputlist{} .content_gocompany_estimate .inputbox .inputlist p{margin:5px 0;} .content_gocompany_estimate .inputbox .envelope_sender{position:relative;left:0;top:0;padding-left:200px;} .content_gocompany_estimate .inputbox .envelope_sender .img{position:absolute;left:0;top:0;} .content_gocompany_estimate .inputbox .envelope_sender .txt0{} .content_gocompany_estimate .inputbox .envelope_sender .txt1{margin-bottom:0;} .content_gocompany_estimate .inputbox .envelope_sender .txt2{margin-bottom:5px;} .content_gocompany_estimate .inputbox .envelope_sender .txt3{margin-top:0;} .content_gocompany_estimate .inputbox .btn_search{display:inline-block;padding:0 10px;height:40px;line-height:38px;border:solid 1px #ccc;border-radius:5px;font-size:15px;vertical-align:middle;} .realpc .content_gocompany_estimate .inputbox .btn_search:hover{background:#333;border-color:#333;color:#fff !important;} .content_gocompany_estimate .optionbox{margin-top:20px;padding-top:10px;border-top:dashed 1px #ccc;} .content_gocompany_estimate .estimate_btns{text-align:center;} /* estimate sub */ #estimate_user_result{} #estimate_user_result .estimate_wrap{margin:0 auto 30px;padding:30px;padding-bottom:10px;max-width:800px;border:solid 1px #999;} #estimate_user_result .estimate_wrap:after{content:"";clear:both;display:block;} #estimate_user_result .description{float:left;margin-bottom:20px;width:50%;} #estimate_user_result .description .iteminfo1{position:relative;left:0;top:0;margin-bottom:30px;} #estimate_user_result .description .iteminfo1 h3{margin-bottom:30px;padding:19px 0;border-bottom:solid 1px #ccc;font-size:21px;font-size:1.3125em;font-weight:700;} #estimate_user_result .description .iteminfo1 a{display:block;position:absolute;right:0;top:0;padding:0 10px;height:32px;line-height:30px;border:solid 1px #ccc;border-radius:10px;font-size:15px;font-size:0.9375em;z-index:5;} #estimate_user_result .description .iteminfo1 img{} #estimate_user_result .description .iteminfo2{font-size:15px;font-size:0.9375em;line-height:1.3;} #estimate_user_result .description .iteminfo2 dl{position:relative;left:0;top:0;margin-bottom:10px;padding-left:65px;} #estimate_user_result .description .iteminfo2 dt{position:absolute;left:0;top:0;color:#00613c;} #estimate_user_result .description .iteminfo2 dd{} #estimate_user_result .tbl_price{float:right;margin-bottom:20px;width:45%;} #estimate_user_result .tbl_price table th, #estimate_user_result .tbl_price table td{padding:20px;font-size:17px;font-size:1.0625em;white-space:nowrap;} #estimate_user_result .tbl_price table .td_num{width:100px;} #estimate_user_result .options{clear:both;margin-bottom:20px;padding-top:20px;border-top:solid 1px #ccc;} #estimate_user_result .options h4{margin-bottom:10px;font-size:17px;font-size:1.0625em;font-weight:700;} #estimate_user_result .options table{} #estimate_user_result .options table th, #estimate_user_result .options table td{font-size:15px;font-size:0.9375em;} #estimate_user_result .options .ref{font-size:17px;} #estimate_user_result .tbl_head01 tbody th{border-bottom:none;} /* */ #estimate_user_result .user_q, #estimate_user_result .user_a{position:relative;left:0;top:0;margin:20px auto;max-width:800px;border:solid 1px #999;font-size:17px;font-size:1.0625em;} #estimate_user_result .user_q{padding:30px;} #estimate_user_result .user_a{padding:90px 30px 30px;} #estimate_user_result .user_a .t{position:absolute;left:0;top:0;padding:0 30px;width:100%;height:60px;line-height:60px;background:#00613c;font-weight:700;color:#fff;} /* */ .estimate_btns{margin:30px auto;text-align:center;} .estimate_btns a{display:inline-block;padding:0 20px;height:36px;line-height:34px;border:solid 1px #ccc;border-radius:10px;font-size:17px;font-size:1.0625em;font-weight:700;vertical-align:middle;} /* ---------------------------------------------------------------------------------------------------------------- -- Shop ------------------------------------------------------------------------------------------------------- */ /* list */ .body_g_a0 #content{margin:0 auto;padding:40px 0;width:93.75%;max-width:1400px;} #sct_sortlst{border-bottom:none;} #ssch_sort{display:none;} #sct_lst{display:none;} .sct_ct{display:none;} #sit_ov_wrap{border-width:1px;} /* etc .nv_gnb_1depth_li_33 .nv_gnb_1depth_a .icon1{position:absolute;left:100%;top:0;} .nv_gnb_1depth_li_33 .nv_gnb_1depth_a .icon1:after{content:"5% off";position:absolute;left:100%;top:0;width:60px;height:20px;line-height:20px;background:#fff;border:solid 1px #f60;border-radius:5px;font-size:12px;font-weight:700;color:#f60;text-align:center;animation-name:updown;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease;} .allmenu_1depth_li_33 .allmenu_1depth_a .icon1{position:absolute;left:100%;top:-10px;} .allmenu_1depth_li_33 .allmenu_1depth_a .icon1:after{content:"5% off";position:absolute;right:0;top:0;margin-top:-10px;width:60px;height:20px;line-height:20px;background:#fff;border:solid 1px #f60;border-radius:5px;font-size:12px;font-weight:700;color:#f60;text-align:center;} */ /* ---------------------------------------------------------------------------------------------------------------- -- member ------------------------------------------------------------------------------------------------------ */ /* login */ .content_login{padding:200px 0;} .content_login #sns_login .txt{font-size:17px;font-size:1.0625em;} /* confirm password */ .content_member_confirm{padding:200px 0;} #pw_confirm{margin:40px auto;} /* 회원가입 */ .content_register, .content_register_form, .content_register_result{margin:0 auto;padding:200px 0 100px;width:93.75%;max-width:1400px;} /* mypage */ .content_mypage{} .content_mypage .memberinfo{display:table;margin:0 auto;width:93.75%;max-width:1400px;border-top:solid 2px #00613c;border-collapse:collapse;font-size:17px;font-size:1.0625em;} .content_mypage .memberinfo ul{display:table-row;} .content_mypage .memberinfo li{display:table-cell;padding:20px 0;border-bottom:solid 1px #ccc;border-left:solid 1px #ccc;text-align:center;white-space:nowrap;} .content_mypage .memberinfo li:first-child{border-left:none;} .content_mypage .memberinfo li.name{width:280px;} .content_mypage .memberinfo li.level{width:120px;} .content_mypage .memberinfo li.email{width:280px;} .content_mypage .memberinfo li.mailling{width:150px;} .content_mypage .memberinfo li.datetime{} .content_mypage .memberinfo li > span{display:inline-block;} .content_mypage .memberinfo li .t{position:relative;left:0;top:0;margin-right:7px;padding-right:7px;} .content_mypage .memberinfo li .t:after{content:"";position:absolute;left:100%;top:50%;margin-top:-7px;width:0;height:14px;border-right:solid 1px #999;} .content_mypage .memberinfo li .c{} .content_mypage .memberinfo li .c a{display:inline-block;padding:5px 10px;border:solid 1px #ccc;border-radius:10px;font-size:13px;font-size:0.8125em;} .content_mypage .mypage_content{margin:50px auto;max-width:1400px;} .content_mypage .mypage_content .t{position:relative;left:0;top:0;margin:0 auto 20px;} .content_mypage .mypage_content .t h3{} .content_mypage .mypage_content .t h3 strong, .content_mypage .mypage_content .t h3 p, .content_mypage .mypage_content .t a{display:inline-block;} .content_mypage .mypage_content .t h3 strong{font-size:21px;font-size:1.3125em;} .content_mypage .mypage_content .t h3 p{margin-left:10px;padding-left:10px;border-left:solid 1px #ccc;font-size:17px;font-size:1.0625em;} .content_mypage .mypage_content .t a{position:absolute;right:0;top:0;padding:10px;border:solid 1px #ccc;border-radius:10px;font-size:13px;font-size:0.8125em;} .content_mypage .mypage_content .c{} /* ---------------------------------------------------------------------------------------------------------------- -- mypage ------------------------------------------------------------------------------------------------------ */ /* wishlist */ .content_wishlist{margin-bottom:100px;} .content_wishlist .goodslist{} .content_wishlist .goodslist ul{border-top:solid 2px #00613c;} .content_wishlist .goodslist ul:after{clear:both;display:block;content:"";} .content_wishlist .goodslist li{float:left;overflow:hidden;position:relative;left:0;top:0;padding:17px 150px;width:50%;height:100px;border-bottom:solid 1px #ccc;} .content_wishlist .goodslist li.empty_wish{width:100%;padding:100px 0;text-align:center;} .content_wishlist .goodslist li .img{position:absolute;left:20px;top:17px;width:100px;} .content_wishlist .goodslist li .name{height:66px;line-height:66px;white-space:nowrap;} .content_wishlist .goodslist li .btns{position:absolute;right:20px;top:32px;} .content_wishlist .goodslist li .btns a{display:inline-block;padding:0 20px;height:36px;line-height:34px;border:solid 1px #ccc;border-radius:10px;} .realpc .content_wishlist .goodslist li .btns a:hover{background:#333;border-color:#333;color:#fff !important;} .content_wishlist .goodslist li .btn_view{} .content_wishlist .goodslist li .btn_buy{} .content_wishlist .goodslist li .btn_delete{} .content_wishlist .content_style .type1{margin:0 auto;} /* ---------------------------------------------------------------------------------------------------------------- -- go plugin --------------------------------------------------------------------------------------------------- */ /* common */ .content_goplugin{margin:0 auto;width:93.75%;max-width:1400px;} /* mobile card */ .contents_mobilecard #svisual .inner{height:0;border-bottom:none;} /* ---------------------------------------------------------------------------------------------------------------- -- go plugin --------------------------------------------------------------------------------------------------- */ .pcbox{position:absolute;left:0;top:50%;margin-top:-100px;width:100%;line-height:1.6;font-size:17px;text-align:center;} .pcbox .pcbox_info{margin-bottom:10px;} .pcbox .pcbox_input{margin-bottom:20px;font-weight:700;} .pcbox .pcbox_input input{padding:0 10px;height:30px;line-height:28px;border:solid 1px #ccc;border-radius:5px;} .pcbox .pcbox_btn{margin:0 auto;max-width:200px;text-align:center;} .pcbox .pcbox_btn input{display:block;width:100%;height:46px;line-height:44px;background:#02633F;border:solid 1px #02633F;border-radius:10px;font-size:17px;color:#fff;} /* */ .content_mobilecard_mobilecard#content{padding:100px 0;} /* ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── ── Media Queries ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── ──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */ /* ========================================================================================================================================================== == resize 1500 == */ @media screen and (max-width:1600px){ /* layout */ #allmenu_wrap .allmenu_1depth_a{font-size:25px;} #allmenu_wrap .allmenu_2depth_a{padding:15px 0;font-size:19px;} /* contents */ .content_goods .goods_view{margin:0 auto;max-width:1200px;} .content_goods .goods_view .inforbox{height:515px;} } /* ========================================================================================================================================================== == resize 1300 == */ @media screen and (max-width:1300px){ /* layout */ #logo{top:30px;} #logo a{width:120px;height:35px;background-size:100% auto;} #nv_gnb, #tnb .allmenu, #allmenu_wrap .allmenu_btns .allmenu{top:20px;} #svisual{padding-top:90px;} #breadcrumbs{top:190px;} #footer, .clear{height:150px;} #quick .btn_top{width:40px;height:40px;bottom:20px;} #quick .btn_top .icon > span{width:14px;} #quick .btn_top .icon2{margin-left:-11px;} .scrollBody #quick .btn_top{right:3.125%;} #allmenu_wrap .allmenu_1depth_a{font-size:20px;} #allmenu_wrap .allmenu_2depth_a{padding:10px 0;font-size:17px;} /* main */ #main .contbox_pager{left:10px;} #main .contbox .txtbox{left:170px;right:170px;} #main .contbox .txtbox2{left:3.125%;right:3.125%;} #main .contbox .txtbox2 .cont.link a .img img{max-width:unset;height:360px;} /* goods view */ .content_goods .goods_view{max-width:1000px;} .content_goods .goods_view .inforbox{padding-top:20px;height:430px;} .content_goods .goods_view .view_btns a{height:40px;line-height:40px;font-size:20px;} /* member */ .content_login{padding:150px 0 100px;} #mb_login{max-width:700px;} #login_fs, #login_info{clear:both;float:none;width:100%;} #login_fs{border-right:none;} #login_fs .btn_submit{right:0;} #login_fs .btn_loginbox, #login_fs .btn_pwbox{width:75%;} #login_fs #sns_login{width:100%;} /* join */ .content_register, .content_register_form, .content_register_result{padding:150px 0 100px;} } /* ========================================================================================================================================================== == resize 1100 == */ @media screen and (max-width:1100px){ body{font-size:13px;} /* layout */ #header{position:fixed;} #nv_gnb{display:none;} #allmenu_wrap{padding:5vw 0;} #allmenu_wrap .inner{padding-top:2vw;width:90vw;} #allmenu_wrap .allmenu_1depth_a{margin-bottom:1vw;padding:1vw 0;font-size:2vw;} #allmenu_wrap .allmenu_2depth_a{padding:1.5vw 0;font-size:1.5vw;} #footer > .inner{padding-left:100px;} #flogo{top:10px;width:80px;} #fnb{display:none;} #footer .footer_sitego{top:10px;} /* main */ #main .contbox .txtbox{top:50vh;left:15vw;right:15vw;margin-top:-10vw;} #main .contbox .txtbox1{margin-top:-15vw;} #main .contbox .txtbox .txt1{margin-bottom:2vw;font-size:1.7vw;} #main .contbox .txtbox .txt2{font-size:2.5vw;} #main .contbox .txtbox .btnsbox_type1{margin-top:3vw;} #main .contbox .txtbox .btnsbox_type1 > li a{padding:2vw 0;font-size:1.4vw;} #main .contbox .txtbox .btn_more a{width:15vw;height:3vw;line-height:3vw;font-size:1.5vw;} #main .scroll{bottom:20px;height:40px;} #main .scroll span.icon1{margin-left:-13px;width:26px;height:40px;border-width:2px;} #main .scroll span.txt{display:none;} /* contents */ .content_style .tit_type1 h3{padding-left:90px;} .content_style .tit_type1 h3:after{width:70px;} .ol_type1 li{margin-bottom:10px;} /* about */ .content_aboutus .txtbox .p_type1{margin-left:90px;} /* location */ .content_location .txtbox .p_type1, .content_location .txtbox2{margin-left:90px;} /* recruit */ .content_recruit .txtbox .p_type1{margin-left:90px;} /* goods view */ .content_goods .goods_view{max-width:750px;} .content_goods .goods_view .imgbox{width:60%;} .content_goods .goods_view .inforbox{padding-top:0;width:37%;height:290px;} .content_goods .goods_view .inforbox .goods_name{margin:20px 0;} .content_goods .goods_view .inforbox .information dt{width:80px;} .content_goods .goods_view .view_btns a{height:30px;line-height:30px;font-size:16px;} .goods_information .goods_rate .table_type1{overflow:auto;} /* board */ .wrap_t_board .tbl_head01 td{padding:30px 5px;line-height:1.5;} .wrap_t_board #bo_list .td_num2{width:70px;} .wrap_t_board #bo_list .td_hit{width:70px;} .wrap_t_board #bo_list .td_datetime{width:90px;} /* faq */ #faq_wrap li h3, #faq_con .con_inner{padding:20px;padding-left:60px;} #faq_wrap li h3 .tit_bg, #faq_con .con_inner .tit_bg{top:20px;left:20px;} /* order */ .content_order .btn_order, .content_order .btn_save{padding:5px 30px;} .content_order .inputbox dt{width:110px;} .content_order .dt_totalqty3{text-align:center;} .content_order .dt_totalqty3 .frm_input{margin:5px 0;width:100%;text-align:center;} .content_order .inputbox dd .frm_input, .content_order .inputbox dd select, .content_order .inputbox .btn_search{height:30px;line-height:28px;} .content_order .inputbox dd .frm_input.visitroute_etc{margin-top:10px;} .content_order .wedding_name{width:150px;} .content_order .wedding_tel{width:150px;} .content_order .inputbox .envelope_postoffice_description{height:45px;} /* mypage */ /* main */ .content_mypage .memberinfo, .content_mypage .memberinfo ul, .content_mypage .memberinfo li{display:block;} .content_mypage .memberinfo ul:after{content:"";clear:both;display:block;} .content_mypage .memberinfo li{float:left;padding:0;width:50% !important;height:40px;line-height:40px;border-left:none !important;} .content_mypage .memberinfo li .c a{line-height:1;} /* wish list */ .content_wishlist .goodslist li{padding:17px 130px;} .content_wishlist .goodslist li .btns a{padding:0 10px;height:32px;line-height:30px;} /* join */ #fregisterform .form_01 li .frm_input{min-width:400px;} /* login */ /* confirm */ .content_member_confirm{padding:150px 0 100px;} } /* ========================================================================================================================================================== == resize 800 == */ @media screen and (max-width:800px){ /* layout */ #allmenu_wrap{left:auto;right:0;padding:5px;width:200px;height:100vh;} #allmenu_wrap .inner{width:100%;} #allmenu_wrap .allmenu_tnb ul li{display:block;} #allmenu_wrap .allmenu_tnb ul li a{height:22px;line-height:22px;border:none;} #allmenu_wrap .allmenu_1depth_ul{border-top:solid 1px #00613c;} #allmenu_wrap .allmenu_1depth_li{clear:both;float:none;margin-bottom:0;padding:0;width:100%;} #allmenu_wrap .allmenu_1depth_a{margin-bottom:0;padding:10px 0;border-bottom:solid 1px #00613c;border-radius:0;font-size:17px;} #allmenu_wrap .allmenu_2depth_ul{border-top:none;border-bottom:solid 1px #00613c;} #allmenu_wrap .allmenu_2depth_li:after{height:100%;background:#000;border-bottom:dashed 1px #00613c;opacity:0.1;} #allmenu_wrap .allmenu_2depth_li:last-child:after{border-bottom:none;} #allmenu_wrap .allmenu_2depth_a{padding:10px;font-size:15px;opacity:0.6;z-index:10;} #allmenu_wrap .allmenu_bg{left:auto;right:0;width:200px;} #tnb > .inner{width:100%;} #tnb .allmenu{top:25px;right:20px;} #allmenu_wrap .allmenu_btns{top:5px;right:20px;} #allmenu_wrap .allmenu_2depth_ul{display:none;} #allmenu_wrap .active.allmenu_1depth_li .allmenu_2depth_ul{display:block;} #footer > .inner{padding:45px 0 0;} #footer .footer_sitego{top:5px;} #snbwrap .snb_li .snb_bc{min-width:10px;} #snbwrap .snb_li .snb_bc .icon{display:none;} #breadcrumbs{display:none;} /* main */ #main .contbox .txtbox{left:5vw;right:5vw;} #main .contbox .txtbox .txt1{font-size:2vw;} #main .contbox .txtbox .txt2{font-size:3vw;} #main .contbox .txtbox .btnsbox_type1 > li a{font-size:2vw;} #main .contbox1.contbox .txtbox .btnsbox_type1 > li{width:50%;} #main .contbox1.contbox .txtbox .btnsbox_type1 > li.li_1{width:100%;} #main .contbox1.contbox .txtbox .btnsbox_type1 > li.li_1, #main .contbox1.contbox .txtbox .btnsbox_type1 > li.li_2, #main .contbox1.contbox .txtbox .btnsbox_type1 > li.li_3{border-bottom:solid 1px rgba(255,255,255,.3);} /* contents */ /* history */ .content_history .history_list .txtbox{padding:80px 0;width:100%;border-radius:50px !important;} .content_partners .partners_list li{width:33.333333333333%;} /* goods list */ .content_goods .goods_list li{width:50%;} .content_goods .goods_list li:nth-child(3n+1){clear:none;float:left;} .content_goods .goods_list li:nth-child(2n+1){clear:both;} /* goods view */ .content_goods .goods_view{max-width:600px;} .content_goods .goods_view .imgbox, .content_goods .goods_view .inforbox{width:100%;} .content_goods .goods_view .inforbox{height:auto;} .content_goods .goods_view .inforbox .goods_name{margin:20px 0;} .content_goods .goods_view .inforbox .information dt{width:80px;} .content_goods .goods_view .view_btns{left:auto;right:0;width:auto;white-space:nowrap;} /* q & a */ .container_qna #bo_list .td_name{width:60px;text-align:center;} /* order */ .content_order .txtbox{margin-bottom:50px;} .content_order .inputbox, .content_order .inputbox dl, .content_order .inputbox dt, .content_order .inputbox dd{display:block;width:100%;} .content_order .inputbox dt{background:#fff;border-bottom:dashed 1px #ccc;} .content_order .inputbox .frm_input{max-width:100%;} .content_order .inputbox #g_name_eng, .content_order .inputbox #b_name_eng{width:43%;} .content_order .inputbox .w_tel{display:block;margin-top:10px;} .content_order .inputbox #w_greeting_add4_txt, .content_order .inputbox #w_greeting_add5_txt{width:360px;} .content_order .inputbox dd .g_envelope{font-size:13px;} .content_order .inputbox dd .g_envelope .frm_input{width:60px;} .content_order .inputbox #g_envelope_address_2, .content_order .inputbox #b_envelope_address_2, .content_order .inputbox #od_shipping_address_2{width:400px;} .content_order .inputbox .envelope_tel .frm_input{width:130px;} .content_order .inputbox #g_envelope_postoffice, .content_order .inputbox #b_envelope_postoffice{width:140px;} .content_order .inputbox #etc_sticker_name{width:190px;} .content_order .inputbox .envelope_postoffice_description p{font-size:11px;} .content_order .dt_totalqty3{text-align:left;} .content_order .dt_totalqty3 .frm_input{width:70px;} /* popup */ .orderpopup_item_wrap .goods_list li{width:33.33333333333%;} .orderpopup_item_wrap .goods_list li:nth-child(4n+1){clear:none;float:left;} .orderpopup_item_wrap .goods_list li:nth-child(3n+1){clear:both;} .orderpopup_item_wrap .goods_list li .name{padding:5px 0;font-size:13px;} /* mypage */ /* order list */ .order_list li .odemail, .order_list li .odtel{display:none;} /* wish list */ .content_wishlist .goodslist li{width:100%;} /* login */ #mb_login{max-width:550px;} /* confirm */ .content_member_confirm{padding:100px 0 50px;} #pw_confirm{margin-top:0;} /* join */ #sns_register .sns-wrap{text-align:center;} #sns_register .sns-icon{float:none;max-width:30%;} #fregisterform .form_01 li{padding-left:90px;} #fregisterform .form_01 li .frm_input{min-width:10%;width:100%;} #fregister_term .scrollbox{padding:20px;} #fregister_private table td{font-size:12px;} #reg_result{padding:0;} /* shop */ /* list */ .item_categorybox li{display:block;float:left;margin-right:1%;margin-bottom:5px;width:49.5%;max-width:100%;} .item_categorybox li:nth-child(2n+0){margin-right:0;} .sct_10 .sct_li{margin:0 1% 2vw 0;width:49.5%;} .sct_10 .sct_li:nth-child(2n+0){margin-right:0;} .sct_10 .sct_sns{display:none !important;} /* item */ #sit_pvi, #sit_ov{clear:both;float:none;width:100%;} .sanchor li a{height:30px;line-height:28px;font-size:14px;font-size:0.875em;} .sanchor li a .item_qa_count, .sanchor li a .item_use_count{min-width:1px;line-height:16px;} /* etc */ .allmenu_1depth_li_33 .allmenu_1depth_a .icon1{top:50%;} } /* ========================================================================================================================================================== == resize 560 == */ @media screen and (max-width:560px){ /* layout */ #logo a{width:90px;height:30px;} #tnb .allmenu{top:15px;right:20px;} #allmenu_wrap .allmenu_btns{top:-5px;right:20px;} #footer{height:55vw;font-size:10px;} #footer > .inner{padding:30px 0;} #footer .company_information{margin:10px 0;text-align:center;} #footer .company_information li{float:none;display:inline-block;} #footer .company_information_address .t{display:none;} #flogo{position:relative;left:0;top:0;margin:0 auto;} #footer .footer_sitego{position:relative;left:0;top:0;margin:10px auto;} .clear{height:55vw;} #snbwrap{display:none;} #svisual{padding-top:70px;} #svisual .inner{height:70px;} #svisual h2{top:25px;} #stitle{padding:5vw 0;} /* main */ #main .contbox .txtbox{left:0;right:0;max-width:100vw;transform:translate(0,-50%);-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-webkit-transform-origin:0 -50%;} #main .contbox .txtbox, #main .contbox .txtbox1{margin-top:-10vw;} #main .contbox .txtbox .txt1{margin-bottom:3vw;font-size:3vw;} #main .contbox .txtbox .txt2{font-size:4vw;} #main .contbox .txtbox .btnsbox_type1{margin-top:5vw;width:80vw;} #main .contbox .txtbox .btn_more{margin-top:3vw;} #main .contbox .txtbox .btn_more a{width:20vw;height:7vw;line-height:7vw;font-size:3vw;} #main .contbox .txtbox .btnsbox_type1 > li{width:33.3333333333%;} #main .contbox .txtbox .btnsbox_type1 > li a{font-size:3.4vw;color:#fff;} #main .contbox .txtbox.txtbox1 .btnsbox_type1 > li:last-child{display:block;} #main .contbox .txtbox2{margin-top:-45vw;} #main .contbox .txtbox2 .cont.link{width:33.3333333333333%;height:25vw;} #main .contbox .txtbox2 .cont.link a .img img{width:100%;height:auto;} #main .contbox .txtbox2 .cont.board{margin-top:1vw;width:100%;} #main .contbox .txtbox2 .cont.board .cont1{float:right;width:49%;} #main .contbox .txtbox2 .cont.board .cont1:first-child{float:left;} #main .contbox .txtbox2 .cont.link a .icon, #main .contbox .txtbox2 .cont.link a .txt{left:4vw;} #main .contbox .txtbox2 .cont.link a .txt{font-size:4vw;} #main .contbox .txtbox2 .cont.board .cont1 li a{padding:0;} #main .contbox .txtbox2 .cont.board .cont1 li .date{display:none;} /* contents */ .content_style .type1, .content_style .type2{margin:10vw auto;} .content_style .type3{margin:7vw auto;} .content_style .tit_type1{margin-bottom:4vw;padding-top:4vw;} .content_style .tit_type1 h3{padding-left:0;line-height:1.5;font-size:4vw;} .content_style .tit_type1 h3:after{top:0;margin-top:-4vw;;width:10vw;} .content_style .p_type1 p{margin:2vw 0;} .ol_type1 li{margin-bottom:2.5vw;font-size:2.5vw;} /* about */ .content_aboutus .txtbox{margin-bottom:10vw;} .content_aboutus .txtbox .p_type1{margin-left:0;font-size:2.5vw;} .content_aboutus .txtbox2{margin:10vw auto;} .content_aboutus .txtbox2 .inner{padding:5vw 0;font-size:2.5vw;} .content_aboutus .txtbox2 .btn_location{font-size:1em;} /* location */ .content_location .txtbox .p_type1, .content_location .txtbox2{margin-left:0;} .content_location .txtbox .p_type1{font-size:2.5vw;} .content_location .txtbox2{margin-top:10vw;} .content_location .txtbox2 li{margin-top:7vw;} /* history */ .content_history .history_list{margin:12vw auto;} .content_history .history_list .circle{margin-top:-10vw;margin-left:-10vw;width:20vw;height:20vw;line-height:20vw;font-size:5vw;} .content_history .history_list .txtbox{padding:12vw 0;width:100%;border-radius:10vw !important;} .content_history .history_list dl{margin:3vw 0;padding:0 10vw;} .content_history .history_list dt{font-size:3vw;} .content_history .history_list dd{font-size:2vw;} .content_history .history_list dl:after{top:0.7vw;width:3vw;height:3vw;} .content_history .history_list li:nth-child(2n+0) dl:after{right:-1.5vw;} .content_history .history_list li:nth-child(2n+1) dl:after{left:-1.5vw;} .content_history .history_list li:nth-child(2n+0) dt{right:3vw;} .content_history .history_list li:nth-child(2n+1) dt{left:3vw;} /* recruit */ .content_recruit .txtbox .p_type1{margin-left:0;font-size:2.5vw;} /* goods list */ .content_goods .goods_list li{clear:both;float:none;padding-top:5vw;padding-bottom:5vw;width:100%;} .content_goods .goods_list li .info{padding-top:3vw;} .content_goods .goods_list li .info .name{margin-bottom:2vw;height:auto;line-height:1em;font-size:5vw;} .content_goods .goods_list li .info .description{height:auto;line-height:1em;font-size:3vw;} .content_goods .goods_list li .price{padding-top:2vw;font-size:3vw;} /* goods view*/ .content_goods .goods_view .imgbox .img_thumb a{width:20%;} .content_goods .goods_view .inforbox .goods_name{margin:10vw 0 5vw;font-size:7vw;} .content_goods .goods_view .inforbox .information dt, .content_goods .goods_view .inforbox .information dd{padding:2vw 0;font-size:4vw;} .content_goods .goods_view .inforbox .information dt{width:20vw;} .content_goods .goods_view .view_btns{position:relative;left:0;margin-top:5vw;} /* board */ .wrap_t_board #bo_list .tbl_head01 thead, .wrap_t_board #bo_list .td_num2, .wrap_t_board #bo_list .td_hit{display:none;} .wrap_t_board .tbl_head01 tr:first-child td{border-top:2px solid #00613d;} .wrap_t_board #bo_v_title .bo_v_tit{padding:7vw 0;font-size:5vw;} .wrap_t_board #bo_v_con{font-size:4vw;} .pg_page, .qa_page, .pg_current{width:30px;min-width:30px;height:30px;line-height:28px;} /* faq */ #faq_sch{margin:2vw 0;padding:3vw 0;} #faq_sch .sch_tit{display:none;} #faq_sch .frm_input{width:65vw;} #faq_sch .btn_submit{padding:0;width:20vw;font-size:4.5vw;text-align:center;} #faq_wrap li h3{padding:6vw 4vw 6vw 15vw;line-height:1.5;} #faq_con .con_inner{padding:4vw;padding-left:15vw;} #faq_wrap li h3 .tit_bg, #faq_con .con_inner .tit_bg{top:4vw;left:4vw;width:9vw;height:9vw;line-height:9vw;} /* q & a */ .container_qna #bo_list .th_datetime, .container_qna #bo_list .td_datetime{display:none;} /* order */ .content_order{margin-bottom:15vw;} .content_order .goodsinfo, .content_order .txtbox{margin-bottom:10vw;} .content_order .goodsinfo .name{padding:5vw 0;font-size:4vw;} .content_order .goodsinfo .btn_search{font-size:4vw;} .content_order .inputbox dt, .content_order .inputbox dd{padding:3vw;} .content_order .inputbox dt{font-size:4vw;} .content_order .inputbox dd, .content_order .inputbox dd .frm_input, .content_order .inputbox dd select, .content_order .inputbox .description p, .content_order .inputbox dd .txt0, .content_order .inputbox .btn_search{font-size:4vw;} .content_order #od_passwd, .content_order #od_passwdchk, .content_order #od_email, .content_order #g_name, .content_order #b_name, .content_order .inputbox #g_name_eng, .content_order .inputbox #b_name_eng, .content_order .inputbox dd .frm_input.visitroute_etc, .content_order .optionbox .frm_input{width:100%;} .content_order #od_passwdchk{margin-top:5px;} .content_order .od_visitroute{display:inline-block;margin:2vw 0;} .content_order .inputbox dd .txt1, .content_order .inputbox dd .txt2{margin-bottom:3vw;} .content_order #g_name, .content_order #b_name{margin:3vw 0;} .content_order .w_name, .content_order .w_floor, .content_order .w_hall{display:block;margin-bottom:3vw;} .content_order .inputbox .w_tel{margin:0;} .content_order .inputbox .inputlist p, .content_order .envelope_tel .tel{display:block;margin:3vw 0;} .content_order .inputbox .inputlist p:first-child, .content_order .envelope_tel .tel:first-child{margin-top:0;} .content_order .inputbox .inputlist p:last-child, .content_order .envelope_tel .tel:last-child{margin-bottom:0;} .content_order .inputbox .envelope_tel .frm_input{width:200px;} .content_order #g_envelope_name_1, .content_order #g_envelope_name_2, .content_order #b_envelope_name_1, .content_order #b_envelope_name_2{width:49%;} .content_order .inputbox #g_envelope_address_2, .content_order .inputbox #b_envelope_address_2, .content_order .inputbox #od_shipping_address_2{width:210px;} .content_order .inputbox .envelope_sender .img{position:relative;} .content_order .inputbox .envelope_sender{padding:0;} .content_order .inputbox #g_envelope_postoffice, .content_order .inputbox #b_envelope_postoffice{width:130px;} .content_order .inputbox #etc_sticker_name{width:140px;} .content_order .inputbox .description_txt{display:block;} .content_order .btn_order, .content_order .btn_save{font-size:3vw;} /* popup */ .orderpopup_item_wrap .goods_list li{width:100%;} .orderpopup_wrap .searchbox select, .orderpopup_wrap .searchbox input{margin-bottom:5px;width:93.75% !important;} /* mypage */ /* main */ .content_mypage .memberinfo li{width:100% !important;} .content_mypage .mypage_content .t a{padding:0 5px;height:20px;line-height:18px;} /* order list */ .order_list li > div{padding:5px;} .order_list li .odname, .order_list li .no{display:none;} .order_list li .img{width:100px;} .order_list li .btns{white-space:inherit;} .order_list li .btns a{margin:2px 0;} /* wish list */ .content_wishlist .goodslist li{height:150px;} .content_wishlist .goodslist li.empty_wish_1{display:none;} .content_wishlist .goodslist li .btns{top:auto;bottom:10px;left:0;right:0;padding-top:10px;width:100%;border-top:dashed 1px #ccc;text-align:center;} /* login */ .content_login{margin:0 auto;padding:100px 0 40px;width:93.75%;} #mb_login{padding:20px;} #login_fs{height:290px;} #login_fs .btn_loginbox, #login_fs .btn_pwbox{height:40px;} #login_fs .btn_pwbox{top:42px;} #login_fs .btn_loginbox input, #login_fs .btn_pwbox input{height:38px;line-height:36px;} #login_fs .btn_submit{height:82px;} #login_fs .btn_autobox{top:90px;} #login_fs #sns_login{top:110px;} #login_fs #sns_login a{margin:0 0 5px;width:100%;} #login_info .btn_joinbox{margin-top:30px;} #login_info .title{height:7vw;line-height:7vw;font-size:3vw;} #login_info a{width:40vw;height:7vw;line-height:7vw;font-size:3vw;} /* confirm */ .content_member_confirm{margin:0 auto;padding:100px 0 40px;width:93.75%;} /* join */ .content_register, .content_register_form, .content_register_result{margin:0 auto;padding:100px 0 40px;width:93.75%;} .membership_step{margin-bottom:7vw;} .membership_step li{margin:0 6vw;} .membership_step span.icon{margin-bottom:3vw;width:15vw;height:15vw;line-height:15vw;} .membership_step span.txt{font-size:2.5vw;} .membership_step span.bg{top:7.5vw;margin-left:7.5vw;width:20vw;} #sns_register .sns-wrap{display:block;margin:0 auto;font-size:4vw;} #sns_register .sns-icon{display:block;margin:0 auto 5px;max-width:100%;} #memberargee_wrap h1, #sns_register h2{margin:5vw 0;padding:4vw 0;font-size:4.5vw;} #fregister h2{padding:1vw 0 4vw;font-size:4vw;} #fregister section{margin-bottom:4vw;padding-bottom:3vw;} #fregister_chkall{padding:4vw 0;} #fregister .btn_confirm .btn_submit{height:10vw;line-height:10vw;padding:0 10vw;font-size:4vw;} #register_form{margin-bottom:0;} #fregisterform .form_01 div{margin-bottom:10vw;} #fregisterform .form_01 li{margin:2vw 0;padding:0;line-height:2em;font-size:2.5vw;} #fregisterform .form_01 label{position:relative;font-size:3vw;line-height:2em;} #fregisterform .form_01 li .frm_input{padding:0 2vw;font-size:3vw;} .form_01 .frm_label{display:block;} #fregisterform .frm_info{font-size:2.5vw;} #fregisterform .btn_confirm .btn_cancel, #fregisterform .btn_confirm .btn_submit{height:10vw;line-height:10vw;padding:0 10vw;font-size:4vw;} .form_01 h2{margin-bottom:3vw;padding-bottom:2vw;border-bottom:dashed 1px #ccc;font-size:4vw;} #fregister_term .scrollbox{padding:10px;} #fregister_private table th, #fregister_private table td{padding:5px;font-size:2.5vw;} #reg_result{padding:20px 0;} #reg_result h2{font-size:5vw;} #reg_result .reg_result_p{font-size:4vw;} #reg_result p{font-size:4vw;} #reg_result .btn_submit{padding:0 5vw;height:8vw;line-height:8vw;font-size:4vw;} /* shop */ /* list */ .item_categorybox li{margin-bottom:1vw;font-size:2.5vw;} .sct_10 .sct_li{margin:0 0 3vw;width:100%;} /* item */ .sanchor li a{height:5vw;line-height:5vw;font-size:2vw;} .sanchor li a .item_qa_count, .sanchor li a .item_use_count{padding:0 1vw;line-height:3vw;font-size:2vw;} #sit_opt_added li{padding:2vw 0;} #sit_opt_added li .opt_count{position:relative;left:0;top:0;margin-top:2vw;} #sit_opt_added li .opt_count:after{content:"";clear:both;display:block;} #sit_opt_added .sit_opt_prc{white-space:nowrap;} #sit_opt_added button.sit_opt_del{position:absolute;right:0;top:0;} /* Order */ .sod_list .li_prqty .li_prqty_sp{width:50%;} /* etc */ .couponzone_list ul li{width:50%;} .couponzone_list ul li:nth-child(2n+1){clear:both;} } /* 개인결제 */ /* PC */ .realpc .content_personalpayform, .realpc .content_personalpayresult{margin:0 auto;padding:150px 0;width:93.75%;max-width:600px;} .realpc .content_personalpayform:after{content:"";clear:both;display:block;} .realpc .content_personalpayform .sod_left, .realpc .content_personalpayform .sod_right{clear:both;float:none;width:100%;} /* Mobile */ .realmobile .content_personalpayform, .realmobile .content_personalpayresult{margin:0 auto;padding:100px 0 50px;width:93.75%;} .realmobile .content_personalpayform h2, .realmobile .content_personalpayresult h2{margin-bottom:20px;font-size:20px;font-weight:700;} .realmobile .content_personalpayform #sod_frm_paysel{padding:20px 0;} .realmobile .content_personalpayform #sod_frm_paysel ul{} .realmobile .content_personalpayform #sod_frm_paysel li{margin-bottom:20px;font-size:20px;} .realmobile .content_personalpayform .odf_tbl table th{width:80px;max-width:20vw;} .realmobile .content_personalpayform .odf_tbl table td{text-align:left;} .realmobile .content_personalpayform .odf_tbl table td .frm_input{width:100%;} @media screen and (max-width:400px){ .realmobile .content_personalpayform h2, .realmobile .content_personalpayresult h2{font-size:6vw;} .realmobile .content_personalpayform #sod_frm_paysel{padding:6vw 0;} .realmobile .content_personalpayform #sod_frm_paysel li{margin-bottom:5vw;font-size:6vw;} }