X7ROOT File Manager
Current Path:
/home/notabjze/er8th.com/KR/KR/assets
home
/
notabjze
/
er8th.com
/
KR
/
KR
/
assets
/
ðŸ“
..
📄
221018.js
(31.87 KB)
📄
analytics.js
(49.05 KB)
📄
base64.min.js
(1.66 KB)
📄
beuteu.js
(1007 B)
📄
expn-common.css
(33.13 KB)
📄
expn-contents.css
(295.07 KB)
📄
expn-jquery-2.2.4.min.js
(83.57 KB)
📄
expn-jquery-easing.1.3.js
(7.88 KB)
📄
expn-jquery-ui.css
(20.2 KB)
📄
expn-jquery-ui.min.js
(222.74 KB)
📄
expn-jquery.gray.js
(8.18 KB)
📄
expn-layout.css
(59.24 KB)
📄
expn-main.css
(83.19 KB)
📄
expn-popup.css
(24.87 KB)
📄
expn-randing.css
(5.19 KB)
📄
expn-slick.min.js
(40.97 KB)
📄
expn-table.css
(12.44 KB)
📄
expn-ui.js
(20.32 KB)
📄
extutil.js
(14.17 KB)
📄
fbevents.js
(102.8 KB)
📄
footer_banner.js
(2.44 KB)
📄
front-nevi.js
(2.43 KB)
📄
gtm.js
(206.38 KB)
📄
jcommon-ajax.pager.js
(2.18 KB)
📄
jcommon-func.min.js
(6.42 KB)
📄
jcommon-validator.min.front.js
(1.58 KB)
📄
jquery.blockUI.js
(19.44 KB)
📄
login_real_password.png
(1.38 KB)
📄
logo.png
(5.65 KB)
📄
postcode.v2.js
(1.46 KB)
📄
rcmdWord.js
(38.89 KB)
📄
sbc.api.js
(8.56 KB)
📄
sha256.js
(4.88 KB)
📄
slick.css
(1.83 KB)
📄
slick.js
(90.64 KB)
📄
swiper.css
(15.41 KB)
📄
swiper.js
(136.28 KB)
📄
toastr.css
(7.4 KB)
📄
util.js
(38.96 KB)
📄
xtractor_cookie.js
(4.72 KB)
Editing: expn-contents.css
@import url( expn_contents_developer.css ); /* �뤆�룇裕녻�뚳옙 */ /* info_txt */ .info_txt00{line-height:150%; color:#505050; margin-bottom:15px; text-align:left; font-size:13px;} .info_txt01{line-height:150%; color:#5972aa; padding-left:10px; margin-bottom:15px; text-align: left; font-size:13px; background:url('../images/common/bul_dot01.png') no-repeat left 8px; background-size:4px 4px;} .info_txt01 a{text-decoration:underline; color:#5972aa;} .info_txt02{line-height:150%; color:#505050; text-align:left; font-size:13px;} .info_txt03{line-height:150%; color:#909090; text-align:left; font-size:13px;} .info_txt04{display:inline-block; color:#5972aa; line-height:150%; padding-left:24px; background:url('../images/common/ico_warning02.png') left 0 no-repeat;} /* info_list */ .info_list01{position:relative; margin-bottom:20px;} .info_list01 li{line-height:150%; color:#505050; padding-left:8px; margin-bottom:4px; text-align:left; font-size:13px; background:url("../images/common/bul_dot02.png") no-repeat left 9px; background-size:3px 3px;} .info_list02{position:relative; margin-bottom:20px;} .info_list02 li{line-height:150%; color:#606060; padding-left:8px; margin-bottom:4px; text-align:left; font-size:13px; background:url("../images/common/bul_dot02.png") no-repeat left 8px; background-size:3px 3px;} .info_list02 li:last-child{margin-bottom:0;} .info_list03{position:relative; margin-bottom:15px;} .info_list03 li{line-height:150%; color:#5972aa; padding-left:10px; margin-bottom:4px; text-align:left; font-size:13px; background:url("../images/common/bul_dot01.png") no-repeat left 8px; background-size:4px 4px;} .info_list03 li:last-child{margin-bottom:0;} .info_list04{position:relative; margin-bottom:15px; padding:5px 0; padding-left:41px; background:url('../images/common/ico_warning02.png') left 50% no-repeat;} .info_list04:before{content:''; position:absolute; left:29px; top:0; width:1px; height:100%; background:#ddd;} .info_list04 li{line-height:150%; color:#5972aa; margin-bottom:4px; text-align:left; font-size:13px;} .info_list04 li:last-child{margin-bottom:0;} .info_list05{position:relative; margin-bottom:20px;} .info_list05 li{line-height:150%; color:#505050; padding-left:8px; margin-bottom:2px; text-align:left; font-size:13px; background:url("../images/common/bul_dot02.png") no-repeat left 9px; background-size:2px 2px;} .info_list05 li:last-child{margin-bottom:0;} /* title */ .title_area{position:relative; margin-bottom:40px; border-bottom:2px solid #e90030; padding:15px 0; padding-top:0;} .title_area .tit{display:inline-block; line-height:140%; font-size:26px; color:#303030; font-weight:600; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic";} .title_area .info_txt{position:absolute; right:0; bottom:20px; line-height:140%; color:#707070; font-size:13px;} .stitle_area{position:relative; margin-bottom:15px;} .stitle_area .stit{display:inline-block; line-height:140%; font-size:18px; color:#404040; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:600; position:relative; padding-right:25px;} .stitle_area .stit span {font-weight:normal;} .stitle_area .stit .more{position:absolute; right:0; top:50%; margin-top:-9px; width:18px; height:18px; background:url('../images/main/section_more.png') no-repeat 50% 50%; background-size:7px 12px;} .stitle_area .stit.kor_hero{font-size:16px;} .stitle_area .btn_area{position:absolute; top:-6px; right:0;} .stitle_area .txt_area{position:absolute; top:1px; right:0;} .spetitle_area{position:relative; margin-bottom:10px;} .spetitle_area .tit{display:inline-block; line-height:140%; font-size:30px; color:#404040; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300;} /* box_message */ .message_box{position:relative; background:#f8f8f8; padding:24px 20px; border-bottom:1px solid #ddd;} .message_box .btn_area{position:absolute; right:20px; top:25px;} /* error_message */ .error_box{position:relative; text-align:center; background:#fde6ea; padding:18px 0;} .error_msg_t1{display:inline-block; color:#e90030; line-height:150%; padding-left:24px; background:url(../images/common/ico_warning.png) left 0 no-repeat;} .error_msg_t2{background:url(../images/common/ico_warning.png) 50% top no-repeat; padding-top:22px;} .error_msg_t2 li{color:#e90030; line-height:150%; margin-bottom:8px;} .error_msg_t2 li:last-child{margin-bottom:0;} .error_msg_t3{display:block; color:#e90030; line-height:150%; padding-left:24px; background:url(../images/common/ico_warning.png) left 0 no-repeat;} /* error_message */ .info_box{position:relative; text-align:left; background:#f8f8f8; padding:25px 20px;} .info_msg_t1{display:inline-block; color:#404040; line-height:150%;} /* info_list */ .req_txt{display:inline-block; padding-left:10px; color:#707070; line-height:150%; background:url("../images/common/bul_required.png") no-repeat left 50%; font-size:13px;} /* box_style */ .normal_box{position:relative; border:1px solid #ddd;} /* cm_tab_ty1 */ .cm_tab_ty1{position:relative;} .cm_tab_ty1.tab_num2 ul li{width:50%;} .cm_tab_ty1 ul{overflow:hidden; background:#7c818c; padding:2px; padding-bottom:0;} .cm_tab_ty1 ul li{float:left;} .cm_tab_ty1 ul li .inner_box{display:block; padding:14px 0 16px; text-align:center; color:#d1d2d6;} .cm_tab_ty1 ul li .inner_box .tit_kor, .cm_tab_ty1 ul li .inner_box .tit_eng{display:block; line-height:150%;} .cm_tab_ty1 ul li .inner_box .tit_eng{font-size:16px; font-weight:normal; margin-bottom:2px; letter-spacing:-1px;} .cm_tab_ty1 ul li .inner_box .tit_kor{font-size:13px; letter-spacing:normal;} .cm_tab_ty1 ul li.active{background:#fff;} .cm_tab_ty1 ul li.active .inner_box{color:#404040;} /* cm_tab_ty2 */ .cm_tab_ty2{position:relative;} .cm_tab_ty2.tab_num2 ul li{width:50%;} .cm_tab_ty2.tab_num3 ul li{width:33.333333%;} .cm_tab_ty2.tab_num4 ul li{width:25%;} .cm_tab_ty2.tab_num5 ul li{width:20%;} .cm_tab_ty2 ul{overflow:hidden; background:#515764;} .cm_tab_ty2 ul li{float:left; position:relative;} .cm_tab_ty2 ul li .inner_box{display:block; padding:15px 0; text-align:center; color:#a9adb7; border-right:1px solid #333949;} .cm_tab_ty2 ul li .inner_box .tit_eng{display:block; font-size:14px; letter-spacing:normal; line-height:150%; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; text-transform:uppercase;} .cm_tab_ty2 ul li.active{background:#333949;} .cm_tab_ty2 ul li.active .inner_box{color:#fff;} .cm_tab_ty2 ul li:last-child .inner_box{border-right:none;} /* ----------------- �뜝�럩�뤂�뜝�럩�쐸�뤆�룊�삕�뜝�럩肉� ----------------- */ .join_type{position:relative; margin-bottom:35px;} .join_type .type_list{margin-left:-10px;} .join_type .type_list:after{content:''; display:block; clear:both;} .join_type .type_list li{float:left; width:33.333333%;} .join_type .type_list li .inner{margin-left:10px;} .member_choice {position:relative; text-align:center; overflow:hidden;} .member_choice input[type='checkbox'] {position: absolute; top:-119px; left:0;} .member_choice label {display:block; position:relative; height:139px; border:1px solid #ddd; margin-bottom:22px; cursor:pointer; transition:all .25s ease;} .member_choice label.ty1 {background:url(../images/contents/member_ty1_off.png) 50% 25px no-repeat; background-size:40px 55px;} .member_choice label.ty2 {background:url(../images/contents/member_ty2_off.png) 50% 25px no-repeat; background-size:44px 55px;} .member_choice label.ty3 {background:url(../images/contents/member_ty3_off.png) 50% 25px no-repeat; background-size:76px 55px;} .member_choice label:after{content:''; position:absolute; left:50%; bottom:-14px; margin-left:-14px; width:28px; height:28px; background:url(../images/common/check01_off.png) 50% 50% no-repeat; background-size:28px 28px; transition:all .25s ease;} .member_choice input[type='checkbox']:checked + label{border:1px solid #e90030;} .member_choice input[type='checkbox']:checked + label:after{content:''; position:absolute; bottom:-14px; width:28px; height:28px; background:url(../images/common/check01_on.png) 50% 50% no-repeat; background-size:28px 28px; left:50%; margin-left:-14px;} .member_choice input[type='checkbox']:checked + label.ty1{background:url(../images/contents/member_ty1_on.png) 50% 25px no-repeat; background-size:40px 55px;} .member_choice input[type='checkbox']:checked + label.ty2{background:url(../images/contents/member_ty2_on.png) 50% 25px no-repeat; background-size:44px 55px;} .member_choice input[type='checkbox']:checked + label.ty3{background:url(../images/contents/member_ty3_on.png) 50% 25px no-repeat; background-size:76px 55px;} .member_choice .typeinfo01{display:inline-block; line-height:140%; font-size:13px; color:#404040; padding-top:92px; letter-spacing:0; font-weight:normal;} .member_choice .typeinfo02{display:inline-block; line-height:140%; font-size:13px; color:#404040; } .join_contbox{position: relative; padding-top:35px; margin-bottom:35px; border-top:1px solid #ddd;} .join_mailflex{position:relative; padding-top:20px;} .join_mailflex .mail_state{padding-left:175px; min-height:140px; padding-bottom:35px; border-bottom:1px solid #ddd; margin-bottom:20px;} .join_mailflex .mail_state.mail_send{background:url(../images/contents/join_mailsend.png) left top no-repeat;} .join_mailflex .mail_state.mail_complete{background:url(../images/contents/join_mailcomplete.png) left top no-repeat;} .join_mailflex .mail_state.mail_fail{background:url(../images/contents/join_mailfail.png) left top no-repeat;} .join_mailflex .mail_state.join_complete{background:url(../images/contents/join_complete.png) left top no-repeat;} .join_mailflex .mail_state .state_tit{display:block; font-size:34px; line-height:150%; color:#303030; letter-spacing:-2.5px; font-family:nanumsr; font-weight:600; margin-bottom:10px;} .join_mailflex .mail_state .state_info{line-height:150%; color:#404040; margin-bottom:35px; text-align:left; font-size:13px;} .join_mailflex .mail_state .state_detail{position:relative; background:#f8f8f8; padding:23px 20px; margin-bottom:25px;} .join_mailflex .mail_state .state_detail p{font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; color:#404040; font-size:18px; line-height:150%;} .join_mailflex .mail_intercept{position:relative; padding-left:175px;} .join_mailflex .mail_intercept li{position:relative; margin-bottom:3px; min-height:27px; padding-top:9px; padding-right:120px;} .join_mailflex .mail_intercept li:last-child{margin-bottom:0;} .join_mailflex .mail_intercept li .cont_txt{line-height:150%; color:#404040; padding-left:10px; text-align:left; font-size:13px; background:url('../images/common/bul_dot02.png') no-repeat left 8px; background-size:3px 3px;} .join_mailflex .mail_intercept li .btn_white{position:absolute; right:0; top:0;} .join_steper{position:relative; margin-bottom:40px;} .join_steper .step_list{border:1px solid #ddd; overflow:hidden;} .join_steper .step_list li{float:left; width:25%;} .join_steper .step_list li .step_box{border-right:1px solid #ddd; height:140px; letter-spacing:0; line-height:150%; text-align:center;} .join_steper .step_list li .step_box .step_num{display:block; padding-top:80px; color:#404040; font-weight:300; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-size:14px;} .join_steper .step_list li .step_box .step_txt{display:block; color:#404040; font-weight:normal; font-size:13px;} .join_steper .step_list li .step_box.on .step_num{color:#e90030; font-size:18px; text-decoration:underline;} .join_steper .step_list li .step_box.step1{background:url('../images/contents/join_step1_off.png') no-repeat 50% 25px; background-size:34px 46px;} .join_steper .step_list li .step_box.step1.on{background:url('../images/contents/join_step1_on.png') no-repeat 50% 25px; background-size:34px 46px;} .join_steper .step_list li .step_box.step2{background:url('../images/contents/join_step2_off.png') no-repeat 50% 25px; background-size:44px 45px;} .join_steper .step_list li .step_box.step2.on{background:url('../images/contents/join_step2_on.png') no-repeat 50% 25px; background-size:44px 45px;} .join_steper .step_list li .step_box.step3{background:url('../images/contents/join_step3_off.png') no-repeat 50% 25px; background-size:34px 45px;} .join_steper .step_list li .step_box.step3.on{background:url('../images/contents/join_step3_on.png') no-repeat 50% 25px; background-size:34px 45px;} .join_steper .step_list li .step_box.step4{background:url('../images/contents/join_step4_off.png') no-repeat 50% 25px; background-size:46px 46px;} .join_steper .step_list li .step_box.step4.on{background:url('../images/contents/join_step4_on.png') no-repeat 50% 25px; background-size:46px 46px;} .join_steper .step_list li:last-child .step_box{border-right:none;} .join_terms{position:relative;} .join_terms .all_check_area{position:relative; height:46px; background:#333949; padding:0 12px; margin-bottom:20px;} .join_terms .all_check {position:relative; display:inline-block; height:46px; /* overflow:hidden; */} .join_terms .all_check input[type='checkbox'] {position:absolute; top:0; left:0; opacity:0;} .join_terms .all_check label {display:block; height:46px; line-height:44px; color:#fff; font-size:16px; padding-left:30px; background:url('../images/common/check_ty1_none.png') no-repeat left 50%; letter-spacing:-0.5px;} .join_terms .all_check input[type='checkbox']:checked + label {background:url('../images/common/check_ty1_checked.png') no-repeat left 50%;} .join_terms .all_check input[type='checkbox']:focus + label {outline:2px solid #000;} .join_terms .all_check input[disabled]+label{color: #999;} .join_terms .all_check input[readonly]+label{color: #999;} .join_terms .terms_group{position:relative; margin-bottom:80px;} .join_terms .terms_group .inner{border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:20px;} .join_terms .terms_group .group_box{border:1px solid #ddd; padding:2px 11px; margin-bottom:35px;} .join_terms .terms_list{position:relative;} .join_terms .terms_list li{position:relative; padding-right:120px; border-bottom:1px solid #ddd; padding:21px 0px 17px;} .join_terms .terms_list li:last-child{border-bottom:none;} .join_terms .terms_list li .btn_gray{position:absolute; right:0; top:50%; margin-top:-18px;} .join_terms .terms_check {position:relative; display:inline-block; height:22px; /* overflow:hidden; */} .join_terms .terms_check input[type='checkbox'] {position:absolute; top:0; left:0; opacity:0;} .join_terms .terms_check label {display:block; height:22px; line-height:20px; color:#404040; font-size:14px; padding-left:30px; background:url('../images/common/check_ty2_none.png') no-repeat left 50%; letter-spacing:-0.5px;} .join_terms .terms_check input[type='checkbox']:focus + label {outline:2px solid #000;} .join_terms .terms_check input[type='checkbox']:checked + label {background:url('../images/common/check_ty2_checked.png') no-repeat left 50%;} .join_terms .terms_check input[disabled]+label{color: #999;} .join_terms .terms_check input[readonly]+label{color: #999;} .join_terms .account_back{position:relative;} .join_terms .account_back li{position:relative; margin-bottom:3px; min-height:27px; padding-top:9px; padding-right:120px;} .join_terms .account_back li:last-child{margin-bottom:0;} .join_terms .account_back li .cont_txt{line-height:150%; color:#404040; padding-left:10px; text-align:left; font-size:13px; background:url('../images/common/bul_dot02.png') no-repeat left 8px; background-size:3px 3px;} .join_terms .account_back li .btn_white{position:absolute; right:0; top:0;} .join_terms .imtant_terms{position:relative; margin-bottom:20px;} .join_terms .imtant_terms .terms_top{border:1px solid #9e9e9e; background:#f8f8f8; height:43px; padding:0 15px;} .join_terms .imtant_terms .terms_top .terms_tit{display:inline-block; line-height:42px; font-size:14px; letter-spacing:-1px; color:#303030; font-weight:600;} .join_terms .imtant_terms .terms_top .terms_tit strong{margin-right:5px;} .join_terms .imtant_terms .terms_box{border:1px solid #ddd; border-top:none; padding:15px;} .join_terms .imtant_terms .terms_box .terms_cont{overflow-y:scroll; overflow-x:hidden; height:180px;} .join_writing{position:relative;} .join_writing .inner{border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:20px;} .join_writing .writing_ty1{overflow:hidden; padding:15px 0;} .join_writing .writing_ty1 > li{position:relative; padding:15px 0; padding-left:240px; min-height:67px; box-sizing:border-box;} .join_writing .writing_ty1 > li .writing_tit{position:absolute; top:23px; left:0; width:180px;} .join_writing .writing_ty1 > li .writing_tit .tit{display:inline-block; line-height:150%; font-size:13px; color:#404040; font-weight:normal;} .join_writing .writing_ty1 > li .writing_tit.req{background:url("../images/common/bul_required.png") no-repeat right 7px;} .join_writing .writing_ty1 > li .form_cont{position:relative;} .join_writing .writing_ty1 > li .form_cont .txt_area{padding-top:9px;} .join_writing .writing_ty1 > li .form_cont .txt_area p{font-size:13px; line-height:150%; color:#404040; letter-spacing:0;} .join_writing .writing_ty1 > li .gender_sel{margin-bottom:15px; padding-top:8px;} .join_writing .writing_ty1 > li .accept_sel li{margin-bottom:10px;} .join_writing .writing_ty1 > li .phone_set{position:relative; margin-bottom:5px; padding-left:147px;} .join_writing .writing_ty1 > li .phone_set .select_normal{position:absolute; left:0; top:0;} .join_writing .writing_ty1 > li .address_set{position:relative; margin-bottom:5px; padding-left:99px;} .join_writing .writing_ty1 > li .address_set .btn_gray{position:absolute; left:0; top:0;} .join_writing .writing_ty2{overflow:hidden;} .join_writing .writing_ty2 .writing_tit{position:relative; margin-bottom:15px;} .join_writing .writing_ty2 .writing_tit .tit{display:inline-block; line-height:150%; font-size:13px; color:#404040; font-weight:normal;} .join_writing .writing_ty2 .form_cont{position:relative;} .join_writing .marketinfo_id{overflow:hidden;} .join_writing .marketinfo_id .market_select{position:relative; float:left; width:35%;} .join_writing .move_action{position:absolute; top:50%; right:-15px; margin-top:-20px;} .join_writing .move_action .btn_move{display:block; width:30px; height:30px; background:url("../images/common/btn_arrow_right01.png") no-repeat -30px 0; transition:all .25s ease; cursor:pointer;} .join_writing .move_action .btn_move:hover{background:url("../images/common/btn_arrow_right01.png") no-repeat 0 0;} .join_writing .marketinfo_id .market_select > ul{margin-right:30px;} .join_writing .marketinfo_id .market_select > ul > li{margin-bottom:5px;} .join_writing .marketinfo_id .market_select > ul > li:last-child{margin-bottom:0;} .join_writing .marketinfo_id .info_move{float:right; width:65%;} .join_writing .marketinfo_id .info_move > ul{margin-left:30px; border:1px solid #e90030; padding:9px 15px;} .join_writing .marketinfo_id .info_move > ul > li{border-bottom:1px solid #ddd; padding:9px 0; position:relative;} .join_writing .marketinfo_id .info_move > ul > li:last-child{margin-bottom:0; border-bottom:none;} .join_writing .marketinfo_id .info_move > ul > li .info_detail{overflow:hidden; position:relative;} .join_writing .marketinfo_id .info_move > ul > li .info_detail > li{position:relative; float:left; width:25%; text-align:left; font-size:13px; line-height:150%; color:#404040; box-sizing:border-box; padding-left:8px; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .join_writing .marketinfo_id .info_move > ul > li .info_detail > li:first-child{background:url("../images/common/bul_dot02.png") no-repeat left 9px; background-size:3px 3px;} .join_writing .marketinfo_id .info_move > ul > li .info_detail > li:last-child{width:10%; text-align:right;} .join_writing .marketinfo_id .info_move > ul > li .info_detail > li:nth-child(3n){width:40%;} .join_writing .marketinfo_id .info_move > ul > li .info_default{text-align:center; font-size:13px; line-height:80px; color:#808080; height:80px;} .join_writing .marketinfo_id .info_move > ul > li .info_detail > li .btn_delete{display:inline-block; width:18px; height:18px; border:1px solid #e90030; background:url('../images/common/btn_delete03.png') no-repeat 50% 50%; background-size:12px 12px; vertical-align:middle;} .join_writing .main_market{position:relative; border:1px solid #cccdcf; padding:15px; padding-bottom:0; overflow:hidden;} .join_writing .main_market li{float:left; width:33.333333%; margin-bottom:15px;} /*2018.11.02 占쎈퉲�겫�룞�삕*/ .join_contents .signin_linkedin_join {display:block; position:relative; background:url("../images/common/new/foot_sns_in.png") 25px center no-repeat #0c72c4; border:0; padding:0; margin:0; width:100%; height:51px; line-height:51px; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; font-size:16px; letter-spacing:normal; text-align:center; color:#fff; cursor:pointer; border-radius:none; box-sizing:border-box;} .join_contents .signin_linkedin_join span {display:inline-block; width:70%; padding-left:20px; border-left:1px solid #0061ae;} /**/ /* ----------------- �슖�돦裕꾬옙�쟽�뜝�럩逾� ----------------- */ .login_real{position:relative; width:460px; margin:0 auto; padding-top:10px;} .login_real .real_form{margin-bottom:25px;} .login_real .real_form .real_tit{position:relative; margin-bottom:15px;} .login_real .real_form .real_tit .tit{position:relative; display:inline-block; line-height:150%; color:#404040; font-size:34px; letter-spacing:2px; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; text-transform:uppercase;} .login_real .real_form .inputxt_real{position:relative; display:block; height:49px; border:1px solid #cccdcf; vertical-align:middle; border-radius:0;} .login_real .real_form .inputxt_real label{position:absolute; left:0; top:0; width:41px; height:100%; border-right:1px solid #cccdcf;} .login_real .real_form .inputxt_real.email label{background:url("../images/common/login_real_email.png") no-repeat 50% 50%; background-size:19px 13px;} .login_real .real_form .inputxt_real.password label{background:url("../images/common/login_real_password.png") no-repeat 50% 50%; background-size:15px 19px;} .login_real .real_form .inputxt_real.error{border:1px solid #e90030;} .login_real .real_form .inputxt_real input{width:100%; height:47px; line-height:47px; margin:0; border:0; padding:1px 0; text-align:left; font-size:14px; color:#404040; font-weight:normal; background:#fff; text-indent:55px;} .login_real .real_form .inputxt_real input[disabled]{background:#f2f4f5;} .login_real .real_form .inputxt_real input[readonly]{background:#f2f4f5;} .login_real .real_form .inputxt_real.email{margin-bottom:5px;} .login_real .check_area{position:relative; overflow:hidden; margin-bottom:18px;} .login_real .check_area .btn_check{position:absolute; left:0; top:0;} .login_real .check_area .forgot_btn{float:right; text-align:right; padding-top:1px;} .login_real .check_area .forgot_btn li{margin-bottom:2px;} .login_real .check_area .forgot_btn li:last-child{margin-bottom:0;} .login_real .check_area .forgot_btn li a{display:inline-block; color:#5972aa; line-height:150%; font-size:13px;} .login_real .real_btn{position:relative; overflow:hidden;} .login_real .real_btn li{padding-bottom:20px;} .login_real .real_btn li.divide{border-top:1px solid #ddd; padding-top:15px;} .login_real .real_btn li .info_txt{line-height:150%; color:#404040; margin-bottom:10px; font-size:13px;} .login_real .real_btn li .signin{display:block; position:relative; background:#e0002e; border:0; padding:0; margin:0; width:100%; height:51px; line-height:51px; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; font-size:16px; letter-spacing:normal; text-align:center; color:#fff; cursor:pointer; border-radius:none; box-sizing:border-box;} .login_real .real_btn li .signin_linkedin{display:block; position:relative; background:url("../images/common/new/foot_sns_in.png") 20px center no-repeat #0c72c4; border:0; padding:0; margin:0; width:100%; height:51px; line-height:51px; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; font-size:16px; letter-spacing:normal; text-align:center; color:#fff; cursor:pointer; border-radius:none; box-sizing:border-box;} .login_real .real_btn li .signin_linkedin span {display:inline-block; width:66%; padding-left:20px; border-left:1px solid #0061ae;} .login_real .real_btn li .joinfree{display:block; position:relative; background:#fff; border:1px solid #ddd; padding:0; margin:0; width:100%; height:51px; line-height:51px; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; font-size:16px; letter-spacing:normal; text-align:center; color:#e90030; cursor:pointer; border-radius:none; box-sizing:border-box;} .login_real .real_btn li .supplier_btn {display:block; position:relative; background:#383a3e; border:0; padding:0; margin:0; width:100%; height:51px; line-height:51px; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; font-size:16px; letter-spacing:normal; text-align:center; color:#fff; cursor:pointer; border-radius:none; box-sizing:border-box;} .login_info{position:relative; margin-bottom:35px;} .login_info .tit{display:block; line-height:150%; color:#303030;} .login_info .tit.eng{font-size:30px; letter-spacing:-2.5px; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:600; margin-bottom:5px;} .login_info .tit.kor{font-size:18px; letter-spacing:normal; font-family:nanumsr; font-weight:300; margin-bottom:30px; text-transform: uppercase;} .login_info .tit_single{position:relative; margin-bottom:15px;} .login_info .tit_single .tit{position:relative; display:inline-block; line-height:150%; color:#404040; font-size:34px; letter-spacing:2px; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; text-transform:uppercase;} .login_info .info{font-size:13px; line-height:150%; color:#505050;} .login_info .info.kor{margin-bottom:5px;} .login_writing{position:relative;} .login_writing .inner{border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:20px;} .login_writing .writing_ty1{overflow:hidden; padding:15px 0;} .login_writing .writing_ty1 > li{position:relative; padding:15px 0; padding-left:240px; min-height:67px; box-sizing:border-box;} .login_writing .writing_ty1 > li .writing_tit{position:absolute; top:23px; left:10px; width:180px;} .login_writing .writing_ty1 > li .writing_tit .tit{display:inline-block; line-height:150%; font-size:13px; color:#404040; font-weight:normal;} .login_writing .writing_ty1 > li .writing_tit.req{background:url("../images/common/bul_required.png") no-repeat right 7px;} .login_writing .writing_ty1 > li .form_cont{position:relative;} .login_writing .writing_ty1 > li .form_cont .txt_area{padding-top:9px;} .login_writing .writing_ty1 > li .form_cont .txt_area p{font-size:13px; line-height:150%; color:#404040; letter-spacing:0;} .login_writing .writing_ty1 > li .radio_set{padding-top:8px;} .login_writing .writing_ty1 > li .radio_set li{margin-bottom:10px;} .login_writing .writing_ty1 > li .radio_set li:last-child{margin-bottom:0;} .login_writing .writing_ty2{overflow:hidden;} .login_writing .writing_ty2 > li{position:relative; padding:15px 0; padding-left:240px; min-height:67px; box-sizing:border-box;} .login_writing .writing_ty2 > li .writing_tit{position:absolute; top:23px; left:10px; width:180px;} .login_writing .writing_ty2 > li .writing_tit .tit{display:inline-block; line-height:150%; font-size:13px; color:#404040; font-weight:normal;} .login_writing .writing_ty2 > li .writing_tit.req{background:url("../images/common/bul_required.png") no-repeat right 7px;} .login_writing .writing_ty2 > li .form_cont{position:relative;} .login_writing .writing_ty2 > li .form_cont .txt_area{padding-top:9px;} .login_writing .writing_ty2 > li .form_cont .txt_area p{font-size:13px; line-height:150%; color:#404040; letter-spacing:0;} .login_writing .writing_ty2 > li .email_sel li{margin-bottom:10px;} .login_writing .writing_ty2 > li .phone_set{position:relative; margin-bottom:5px; padding-left:147px;} .login_writing .writing_ty2 > li .phone_set .select_normal{position:absolute; left:0; top:0;} .login_writing .writing_ty2 > li .address_set{position:relative; margin-bottom:5px; padding-left:99px;} .login_writing .writing_ty2 > li .address_set .btn_gray{position:absolute; left:0; top:0;} .login_real .check_area{position:relative; overflow:hidden; margin-bottom:18px;} .login_real .check_area .btn_check{position:absolute; left:1px; top:1px;} .login_real .check_area .forgot_btn{float:right; text-align:right; padding-top:1px;} .login_real .check_area .forgot_btn li{margin-bottom:2px;} .login_real .check_area .forgot_btn li:last-child{margin-bottom:0;} .login_real .check_area .forgot_btn li a{display:inline-block; color:#5972aa; line-height:150%; font-size:13px;} /* 2018.11.02 add_info */ .add_info .login_real{position:relative; width:460px; float:left; margin-right:50px; padding:10px 80px 0 0; border-right:1px solid #ebebeb;} .add_info .supplier_info {float:left; width:248px;background:url("../images/contents/supplier_info_bg.png") 45% 10px no-repeat; background-size: 120px; padding-top:150px;} .add_info .supplier_info h2{line-height:1.4; margin-bottom:20px;} .add_info .supplier_info p {color:#606060;} .add_info .supplier_info p strong {color:#e72f55;} /**/ .login_callback{position:relative; border-top:1px solid #ddd; padding-top:30px;} .login_callback li{position:relative; margin-bottom:3px; min-height:27px;} .login_callback li:last-child{margin-bottom:0;} .login_callback li .cont_txt{display:inline-block; line-height:150%; color:#404040; padding-left:10px; text-align:left; font-size:13px; background:url('../images/common/bul_dot02.png') no-repeat left 8px; background-size:3px 3px; vertical-align:middle; margin-right:10px;} /* ----------------- current_location ----------------- */ .current_location{position:relative; background:#f5f5f5; border-bottom:1px solid #ddd;} .current_location .location_list{width:1200px; margin:0 auto; overflow:hidden;} .current_location .location_list li{position:relative; float:left; margin-right:8px; padding:11px 0; padding-right:12px;} .current_location .location_list li:last-child{margin-right:0;} .current_location .location_list li:last-child:after{display:none;} .current_location .location_list li:after{content:''; position:absolute; top:50%; width:5px; right:0; height:9px; margin-top:-4.5px; background:url("../images/common/current_location_arrow.png") no-repeat 50% 50%;} .current_location .location_list li a{display:inline-block; line-height:180%; text-align:left; color:#404040; letter-spacing:normal; font-size:13px; text-transform:capitalize;} .current_location .location_list li a:hover, .current_location .location_list li a:focus{color:#e90030;} .current_location .location_list li .search_result{display:inline-block; line-height:180%; text-align:left; color:#e90030; letter-spacing:normal; font-size:13px; text-transform:capitalize;} /* ----------------- lnb ----------------- */ .cate_lnb{position:relative;} .cate_lnb .lnb_tit{margin-bottom:12px;} .cate_lnb .lnb_tit .tit{display:inline-block; font-size:16px; color:#e90030; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; line-height:130%; letter-spacing:normal; text-transform:uppercase;} .cate_lnb .lnb_list ul{margin-bottom:9px;} .cate_lnb .lnb_list ul li{padding:4px 0;} .cate_lnb .lnb_list ul li a{display:inline-block; position:relative; color:#404040; font-size:13px; line-height:140%; letter-spacing:-0.2px; text-transform:capitalize; transition:all .25s ease;} .cate_lnb .lnb_list ul li a span{display:inline-block;} .cate_lnb .lnb_list ul li a:hover, .cate_lnb .lnb_list li a:focus{color:#e90030;} .cate_lnb .lnb_list ul li a:after{content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background:#e90030; transition:all .25s ease;} .cate_lnb .lnb_list ul li a:hover:after{width:100%;} .cate_lnb .lnb_list .more{display:inline-block; color:#e90030; font-size:13px; line-height:140%; letter-spacing:-0.2px; margin-bottom:15px;} .cate_lnb .btn_zone {padding:10px 0 20px;} .cate_lnb .btn_zone button {padding:10px 34px; border:1px solid #808080; cursor:pointer;} .cate_lnb .btn_zone button span {display:inline-block;} .cate_lnb .btn_zone button.search {margin-left:10px; background:#e90030; color:#fff; font-weight:bold;} .cate_lnb .supplier_detail{border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:-1px;} .cate_lnb .supplier_detail button{display:block; position:relative; background:none; border:0; padding:0; margin:0; width:100%; height:56px; line-height:56px; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; font-size:16px; letter-spacing:-0.3px; text-transform:uppercase; text-align:left; color:#404040; padding-right:15px; cursor:pointer; border-radius:none; box-sizing:border-box;} .cate_lnb .supplier_detail button span{display:block; background:url("../images/contents/lnb_search_exp.png") no-repeat right 50%; background-size:12px 12px;} .cate_lnb .supplier_detail button.active span{background:url("../images/contents/lnb_search_col.png") no-repeat right 50%; background-size:12px 2px;} .cate_lnb .supplier_detail .search_cont{display:none;} .cate_lnb .supplier_detail .search_cont .key_search{position:relative; border:1px solid #ddd; margin-bottom:20px; padding-right:50px;} .cate_lnb .supplier_detail .search_cont .key_search .sch_inp{display:block; width:100%; height:34px; line-height:34px; margin:0; border:0; padding:0; text-align:left; font-size:13px; color:#404040; font-weight:normal; background:none; letter-spacing:0; text-indent:10px; border-radius:none;} .cate_lnb .supplier_detail .search_cont .key_search .sch_btn{position:absolute; right:0; top:0;} .cate_lnb .supplier_detail .search_cont .key_search .sch_btn button{display:block; border:0; width:50px; height:34px; padding:0; margin:0; cursor:pointer; border-radius:none; background:url('../images/contents/lnb_search_keysearch.png') no-repeat 50% 50%; background-size:20px 20px;} .cate_lnb .supplier_detail .search_cont .opt_list ul{margin-bottom:15px;} .cate_lnb .supplier_detail .search_cont .opt_list ul li{margin-bottom:10px;} .cate_lnb .supplier_detail .search_cont .opt_list ul li:last-child{margin-bottom:0;} .cate_lnb .supplier_detail .search_cont .opt_list .more{display:inline-block; color:#e90030; font-size:13px; line-height:140%; letter-spacing:-0.2px; margin-bottom:15px;} .cate_lnb .supply_detail{border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:-1px;} .cate_lnb .supply_detail button{display:block; position:relative; background:none; border:0; padding:0; margin:0; width:100%; height:56px; line-height:56px; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; font-size:16px; letter-spacing:-0.3px; text-transform:uppercase; text-align:left; color:#404040; padding-right:15px; cursor:pointer; border-radius:none; box-sizing:border-box;} .cate_lnb .supply_detail button span{display:block; background:url("../images/contents/lnb_search_exp.png") no-repeat right 50%; background-size:12px 12px;} .cate_lnb .supply_detail button.active span{background:url("../images/contents/lnb_search_col.png") no-repeat right 50%; background-size:12px 2px;} .cate_lnb .supply_detail .search_cont{display:none;} .cate_lnb .supply_detail .search_cont .key_search{position:relative; border:1px solid #ddd; margin-bottom:20px; padding-right:50px;} .cate_lnb .supply_detail .search_cont .key_search .sch_inp{display:block; width:100%; height:34px; line-height:34px; margin:0; border:0; padding:0; text-align:left; font-size:13px; color:#404040; font-weight:normal; background:none; letter-spacing:0; text-indent:10px; border-radius:none;} .cate_lnb .supply_detail .search_cont .key_search .sch_btn{position:absolute; right:0; top:0;} .cate_lnb .supply_detail .search_cont .key_search .sch_btn button{display:block; border:0; width:50px; height:34px; padding:0; margin:0; cursor:pointer; border-radius:none; background:url('../images/contents/lnb_search_keysearch.png') no-repeat 50% 50%; background-size:20px 20px;} .cate_lnb .supply_detail .search_cont .opt_list ul{margin-bottom:15px;} .cate_lnb .supply_detail .search_cont .opt_list ul li{margin-bottom:10px;} .cate_lnb .supply_detail .search_cont .opt_list ul li:last-child{margin-bottom:0;} .cate_lnb .supply_detail .search_cont .opt_list .more{display:inline-block; color:#e90030; font-size:13px; line-height:140%; letter-spacing:-0.2px; margin-bottom:15px;} .cate_lnb .brand_detail{border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:-1px;} .cate_lnb .brand_detail button{display:block; position:relative; background:none; border:0; padding:0; margin:0; width:100%; height:56px; line-height:56px; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; font-size:16px; letter-spacing:-0.3px; text-transform:uppercase; text-align:left; color:#404040; padding-right:15px; cursor:pointer; border-radius:none; box-sizing:border-box;} .cate_lnb .brand_detail button span{display:block; background:url("../images/contents/lnb_search_exp.png") no-repeat right 50%; background-size:12px 12px;} .cate_lnb .brand_detail button.active span{background:url("../images/contents/lnb_search_col.png") no-repeat right 50%; background-size:12px 2px;} .cate_lnb .brand_detail .search_cont{display:none;} .cate_lnb .brand_detail .search_cont .key_search{position:relative; border:1px solid #ddd; margin-bottom:20px; padding-right:50px;} .cate_lnb .brand_detail .search_cont .key_search .sch_inp{display:block; width:100%; height:34px; line-height:34px; margin:0; border:0; padding:0; text-align:left; font-size:13px; color:#404040; font-weight:normal; background:none; letter-spacing:0; text-indent:10px; border-radius:none;} .cate_lnb .brand_detail .search_cont .key_search .sch_btn{position:absolute; right:0; top:0;} .cate_lnb .brand_detail .search_cont .key_search .sch_btn button{display:block; border:0; width:50px; height:34px; padding:0; margin:0; cursor:pointer; border-radius:none; background:url('../images/contents/lnb_search_keysearch.png') no-repeat 50% 50%; background-size:20px 20px;} .cate_lnb .brand_detail .search_cont .opt_list ul{margin-bottom:15px;} .cate_lnb .brand_detail .search_cont .opt_list ul li{margin-bottom:10px;} .cate_lnb .brand_detail .search_cont .opt_list ul li:last-child{margin-bottom:0;} .cate_lnb .brand_detail .search_cont .opt_list .more{display:inline-block; color:#e90030; font-size:13px; line-height:140%; letter-spacing:-0.2px; margin-bottom:15px;} .mypage_lnb{position:relative; margin-top:-12px} .mypage_lnb .user_box{position:relative; border:1px solid #e90030; margin-bottom:10px; height:100px; text-align:center; padding-top:20px; box-sizing:border-box;} .mypage_lnb .user_box .tit{display:inline-block; line-height:150%; font-size:18px; color:#e90030; letter-spacing:normal; margin-bottom:16px; padding-left:24px; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:600; background:url('../images/common/ico_person_red.png') no-repeat left 50%; background-size:16px 18px;} .mypage_lnb .user_box .user_type{position:absolute; bottom:0; left:0; width:100%; background:#f5f5f5; height:36px; line-height:36px; color:#404040; letter-spacing:normal;} .mypage_lnb .user_box .user_type span{color:#e90030;} .mypage_lnb .user_box .user_type strong{font-weight:normal;} .mypage_lnb .normal_box{position:relative; border:1px solid #ddd; margin-bottom:10px; text-align:center; box-sizing:border-box; padding:18px 0;} .mypage_lnb .normal_box .tit{display:inline-block; line-height:150%; font-size:18px; color:#e90030; letter-spacing:normal; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:600; text-transform:uppercase;} .mypage_lnb .lnb_list {position:relative;} .mypage_lnb .lnb_list > ul > li > .deth1{display:block; color:#404040; padding:0 20px; line-height:140%; font-size:14px; border-bottom:1px solid #ddd; letter-spacing:-0.5px; letter-spacing:normal; transition:all .25s ease;} .mypage_lnb .lnb_list > ul > li > .deth1:hover, .mypage_lnb .lnb_list > ul > li > .deth1.on{color:#e90030;} .mypage_lnb .lnb_list > ul > li > .deth1 span{display:block; padding:10px 0 11px;} .mypage_lnb .lnb_list > ul > li.expn_sub > .deth1.active{color:#e90030;} .mypage_lnb .lnb_list > ul > li.expn_sub > .deth1 span{background: url("../images/common/lnb_menu_exp.png") no-repeat right 50%; background-size:12px 12px;} .mypage_lnb .lnb_list > ul > li.expn_sub > .deth1.active span{background: url("../images/common/lnb_menu_col.png") no-repeat right 50%; background-size:12px 2px;} .mypage_lnb .lnb_list .deth2{display:none; background:#f5f5f5; border-bottom:1px solid #ddd; padding:11px 0; padding-right:20px;} .mypage_lnb .lnb_list .deth2.active{display:block;} .mypage_lnb .lnb_list .deth2 > li{padding-left:20px;} .mypage_lnb .lnb_list .deth2 > li:last-child{border-bottom:0;} .mypage_lnb .lnb_list .deth2 > li > a{display:block; position:relative; color:#404040; padding:4px 10px; line-height:140%; font-weight:normal; font-size:13px; letter-spacing:normal;} .mypage_lnb .lnb_list .deth2 > li > a:hover, .mypage_lnb .lnb_list .deth2 > li > a.on{color:#e90030;} .mypage_lnb .lnb_list .deth2 > li > a:before{content:''; position:absolute; left:0; top:50%; width:5px; height:2px; background:#7c818c; margin-top:-1px;} .mypage_lnb .lnb_list .deth3{display:block; border-bottom:1px solid #ddd; padding:6px 0; padding-bottom:8px; margin-bottom:15px;} .mypage_lnb .lnb_list .deth3 > li{padding-left:10px;} .mypage_lnb .lnb_list .deth3 > li:last-child{border-bottom:0;} .mypage_lnb .lnb_list .deth3 > li > a{position:relative; color:#404040; display:block; padding:3px 7px; line-height:140%; letter-spacing:-0.5px; font-weight:normal; font-size:13px; letter-spacing:normal;} .mypage_lnb .lnb_list .deth3 > li > a:hover, .mypage_lnb .lnb_list .deth3 > li > a.on{color:#e90030;} .mypage_lnb .lnb_list .deth3 > li > a:before{content:''; position:absolute; left:0; top:50%; width:3px; height:2px; background:#7c818c; margin-top:0;} /* ----------------- list_type ----------------- */ /* thumlist_ty1 (width �댖怨뚰�o옙�젧) */ .thumlist_ty1{position:relative; margin-bottom:50px;} .thumlist_ty1 .thumlist{overflow:hidden;} .thumlist_ty1 .thumlist > li{position:relative; width:33.3%;min-width:310px; overflow:hidden; border:1px solid #ddd; float:left; transition: all .25s ease; margin-left:-1px; box-sizing:border-box;} .thumlist_ty1 .thumlist > li:hover{border:1px solid #e90030; z-index:999;} .thumlist_ty1 .thumlist > li:first-child{width:33.33%;min-width:311px; margin-left:0;} .thumlist_ty1 .thumlist > li:last-child{width:33.33%;min-width:311px;} .thumlist_ty1 .inner_box{display:block; height:540px; padding:22px 14%; box-sizing:border-box;} .thumlist_ty1 .thum_area{position:relative; margin-bottom:15px;} .thumlist_ty1 .thum_area .thum{width:100%;min-width:269px;min-height:269px;}/* �뜝�럩逾졿쾬�꼶梨룟뜝占� �뜝�럡苡욜뼨�먯삕 */ .thumlist_ty1 .thum_area .label_corner_lb{position:absolute; left:0; bottom:0;} .thumlist_ty1 .tit_area{position:relative; margin-bottom:20px;} .thumlist_ty1 .tit_area .tit{display:box; display:-webkit-box; display:-ms-flexbox; color:#404040; font-size:14px; height:36px; line-height:130%; letter-spacing:0; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .thumlist_ty1 .opt_area{margin-bottom:10px; background:#f8f8f8; padding:10px 15px;} .thumlist_ty1 .opt_area dl{position:relative; padding-left:65px; font-size:13px; color:#606060; letter-spacing:normal;} .thumlist_ty1 .opt_area dt{position:absolute; left:0; width:60px; padding-left:8px; box-sizing:border-box; line-height:140%; background:url("../images/common/bul_dot02.png") no-repeat left 8px; background-size:3px 3px; text-transform:uppercase;} .thumlist_ty1 .opt_area dd{display:block; line-height:140%; margin-bottom:2px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .thumlist_ty1 .opt_area dd:last-child{margin-bottom:0;} .thumlist_ty1 .pri_area{margin-bottom:10px;} .thumlist_ty1 .pri_area .pri{display:inline-block; font-size:18px; color:#404040; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; line-height:140%; margin-bottom:2px;} .thumlist_ty1 .pri_area .confi{display:block; font-size:13px; color:#606060; text-transform:uppercase; line-height:140%; min-height:18px;} .thumlist_ty1 .cpy_area{display:block; font-size:12px; color:#606060; letter-spacing:normal; line-height:140%;} .thumlist_ty1 .thumlist > li .quick_area{position:absolute; bottom:-70px; left:0; padding:0 20px 20px 62px; box-sizing:border-box; width:100%; transition:all .25s ease;} .thumlist_ty1 .thumlist > li:hover .quick_area{bottom:0;} .thumlist_ty1 .add_cart { display:block; line-height:150%; width:100%; background:#e90030 url('../images/common/btn_red01.png') repeat-x 50% bottom; background-size:1px 35px; border:1px solid #c60029; color:#fff; text-align:center; vertical-align:middle; letter-spacing:-0.5px; border-radius:0; cursor:pointer; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:0; margin:0; padding:0; } .thumlist_ty1 .add_cart span{display:block; padding:10px 20px 9px; font-size:15px;} .thumlist_ty1 .add_wish_ty2{position:absolute; left:20px; top:0;} /* thumlist_ty2 (width �댖怨뚰�o옙�젧) */ .thumlist_ty2{position:relative; margin-top:-1px;width:100%;} .thumlist_ty2 .thumlist{overflow:hidden;} .thumlist_ty2 .thumlist > li{width:25%;min-width:233px; overflow:hidden; position:relative; border:1px solid #ddd; float:left; box-sizing:border-box; transition: all .25s ease; margin-top:-1px; margin-left:-1px;} .thumlist_ty2 .thumlist > li:hover{border:1px solid #e90030; z-index:999;} .thumlist_ty2 .thumlist > li:first-child{margin-left:0; width:25.22%;min-width:234px;} .thumlist_ty2 .thumlist > li:nth-child(4n+5){margin-left:0; width:25.22%;min-width:234px;} .thumlist_ty2 .thumlist > li:nth-child(-n+4){margin-top:0;} .thumlist_ty2 .inner_box{display:block; height:460px; padding:22px 15%; box-sizing:border-box;} .thumlist_ty2 .thum_area{position:relative; margin-bottom:15px;} .thumlist_ty2 .thum_area .thum{width:100%;min-width:187px;min-height:187px;}/* �뜝�럩逾졿쾬�꼶梨룟뜝占� �뜝�럡苡욜뼨�먯삕 */ .thumlist_ty2 .thum_area .label_corner_lb{position:absolute; left:0; bottom:0;} .thumlist_ty2 .tit_area{position:relative; margin-bottom:20px;} .thumlist_ty2 .tit_area .tit{display:box; display:-webkit-box; display:-ms-flexbox; color:#404040; font-size:14px; height:36px; line-height:130%; letter-spacing:0; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .thumlist_ty2 .tit_area .tit_brand{margin-top:10px; display:box; display:-webkit-box; display:-ms-flexbox; color:#606060; font-size:13px; height:36px; line-height:130%; letter-spacing:0; font-family:'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:normal; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .thumlist_ty2 .opt_area{margin-bottom:10px; background:#f8f8f8; padding:10px 15px;} .thumlist_ty2 .opt_area dl{position:relative; padding-left:65px; font-size:13px; color:#606060; letter-spacing:normal;} .thumlist_ty2 .opt_area dt{position:absolute; left:0; width:60px; padding-left:8px; box-sizing:border-box; line-height:140%; background:url("../images/common/bul_dot02.png") no-repeat left 8px; background-size:3px 3px; text-transform:uppercase;} .thumlist_ty2 .opt_area dd{display:block; line-height:140%; margin-bottom:2px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .thumlist_ty2 .opt_area dd:last-child{margin-bottom:0;} .thumlist_ty2 .pri_area{margin-bottom:10px;} .thumlist_ty2 .pri_area .pri{display:inline-block; font-size:18px; color:#404040; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; line-height:140%; margin-bottom:2px;} .thumlist_ty2 .pri_area .confi{display:block; font-size:13px; color:#606060; text-transform:uppercase; line-height:140%; min-height:18px;} .thumlist_ty2 .cpy_area{display:block; font-size:12px; color:#606060; letter-spacing:normal; line-height:140%;} .thumlist_ty2 .thumlist > li .quick_area{position:absolute; bottom:-70px; left:0; padding:0 20px 20px 62px; box-sizing:border-box; width:100%; transition:all .25s ease;} .thumlist_ty2 .thumlist > li:hover .quick_area{bottom:0;} .thumlist_ty2 .add_cart { display:block; line-height:150%; width:100%; background:#e90030 url('../images/common/btn_red01.png') repeat-x 50% bottom; background-size:1px 35px; border:1px solid #c60029; color:#fff; text-align:center; vertical-align:middle; letter-spacing:-0.5px; border-radius:0; cursor:pointer; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:0; margin:0; padding:0; } .thumlist_ty2 .add_cart span{display:block; padding:10px 20px 9px; font-size:15px;} .thumlist_ty2 .add_wish_ty2{position:absolute; left:20px; top:0;} /* thumlist_ty3 */ .thumlist_ty3{position:relative; margin-top:-1px;} .thumlist_ty3 .thumlist{overflow:hidden;} .thumlist_ty3 .thumlist > li{overflow:hidden; position:relative; border:1px solid #ddd; box-sizing:border-box; transition: all .25s ease; margin-top:-1px;} .thumlist_ty3 .thumlist > li:hover{border:1px solid #e90030; z-index:999;} .thumlist_ty3 .thumlist > li:nth-child(-n+1){margin-top:0;} .thumlist_ty3 .inner_box{display:block; position:relative; height:292px; padding:23px; padding-left:227px; padding-right:236px; box-sizing:border-box;} .thumlist_ty3 .thum_area{position:absolute; left:20px; top:20px; overflow:hidden;} .thumlist_ty3 .thum_area .thum{width:187px; height:187px; display:block;} .thumlist_ty3 .thum_area .label_corner_lb{position:absolute; left:0; bottom:0;} .thumlist_ty3 .thumlist > li .add_wish_ty1{position:absolute; right:5px; bottom:-45px;} .thumlist_ty3 .thumlist > li:hover .add_wish_ty1{bottom:5px;} .thumlist_ty3 .tit_area{position:relative; margin-bottom:20px;} .thumlist_ty3 .tit_area .tit{display:box; display:-webkit-box; display:-ms-flexbox; color:#404040; font-size:15px; height:42px; line-height:140%; letter-spacing:0; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .thumlist_ty3 .opt_area{margin-bottom:20px;} .thumlist_ty3 .opt_area dl{position:relative; padding-left:100px; font-size:13px; color:#606060; letter-spacing:normal;} .thumlist_ty3 .opt_area dt{position:absolute; left:0; width:100px; padding-left:8px; box-sizing:border-box; line-height:140%; background:url("../images/common/bul_dot02.png") no-repeat left 8px; background-size:3px 3px; text-transform:uppercase;} .thumlist_ty3 .opt_area dd{line-height:140%; word-break:break-all; margin-bottom:2px;} .thumlist_ty3 .opt_area dd:last-child{margin-bottom:0;} .thumlist_ty3 .ava_area{margin-bottom:28px;} .thumlist_ty3 .ava_area span{display:inline-block; background:#fff; border:1px solid #ddd; padding:0 12px; height:31px; line-height:31px; color:#404040; letter-spacing:normal; border-radius:30px;} .thumlist_ty3 .pri_area{margin-bottom:10px;} .thumlist_ty3 .pri_area .pri{display:inline-block; font-size:18px; color:#404040; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; line-height:140%; margin-bottom:2px;} .thumlist_ty3 .pri_area .confi{display:block; font-size:13px; color:#606060; text-transform:uppercase; line-height:140%; min-height:18px;} .thumlist_ty3 .cpy_area{display:block; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; font-size:15px; color:#606060; letter-spacing:normal; line-height:140%; margin-bottom:13px;} .thumlist_ty3 .sel_area{font-size:13px; letter-spacing:normal; line-height:150%;} .thumlist_ty3 .sel_area dt{color:#909090; margin-bottom:2px;} .thumlist_ty3 .sel_area dd{color:#404040; margin-bottom:10px; border-bottom:1px solid #ddd; padding-bottom:10px;} .thumlist_ty3 .sel_area dd:last-child{border-bottom:none;} .thumlist_ty3 .side_info{position:absolute; top:0; right:0; padding:20px; width:210px; height:100%; border-left:1px solid #ddd; box-sizing:border-box;} .thumlist_ty3 .thumlist > li .quick_area{position:absolute; bottom:-105px; right:0; padding:0 20px 20px 20px; box-sizing:border-box; width:209px; transition:all .25s ease; z-index:9;} .thumlist_ty3 .thumlist > li .quick_area button:first-child{margin-bottom:2px;} .thumlist_ty3 .thumlist > li:hover .quick_area{bottom:0;} .thumlist_ty3 .add_cart { display:block; line-height:150%; width:100%; background:#e90030 url('../images/common/btn_red01.png') repeat-x 50% bottom; background-size:1px 35px; border:1px solid #c60029; color:#fff; text-align:center; vertical-align:middle; letter-spacing:-0.5px; border-radius:0; cursor:pointer; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:0; margin:0; padding:0; } .thumlist_ty3 .add_cart span{display:block; padding:10px 20px 9px; font-size:15px;} .thumlist_ty3 .add_cart.etc { background:#fff url('../images/common/btn_white01.png') repeat-x 50% bottom; background-size:1px 35px; border:1px solid #bdbdbd; color:#404040; } /* thumlist_ty4 */ .thumlist_ty4{position:relative; margin-top:-1px;} .thumlist_ty4 .thumlist{overflow:hidden;} .thumlist_ty4 .thumlist > li{overflow:hidden; position:relative; border:1px solid #ddd; box-sizing:border-box; transition: all .25s ease; margin-top:-1px;} .thumlist_ty4 .thumlist > li:hover{border:1px solid #e90030; z-index:999;} .thumlist_ty4 .thumlist > li:nth-child(-n+1){margin-top:0;} .thumlist_ty4 .inner_box{display:block; position:relative; height:312px; padding:22px; padding-left:227px; padding-right:400px; box-sizing:border-box;} .thumlist_ty4 .thum_area{position:absolute; left:20px; top:20px; overflow:hidden;} .thumlist_ty4 .thum_area .thum{width:187px; height:187px; display:block;} .thumlist_ty4 .thum_area .label_corner_lb{position:absolute; left:0; bottom:0;} .thumlist_ty4 .thumlist > li .add_wish_ty1{position:absolute; right:5px; bottom:-45px;} .thumlist_ty4 .thumlist > li:hover .add_wish_ty1{bottom:5px;} .thumlist_ty4 .tit_area{position:relative; margin-bottom:20px;} .thumlist_ty4 .tit_area .tit{display:box; display:-webkit-box; display:-ms-flexbox; color:#404040; font-size:15px; height:42px; line-height:140%; letter-spacing:0; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .thumlist_ty4 .opt_area{margin-bottom:20px;} .thumlist_ty4 .opt_area dl{position:relative; padding-left:100px; font-size:13px; color:#606060; letter-spacing:normal;} .thumlist_ty4 .opt_area dt{position:absolute; left:0; width:100px; padding-left:8px; box-sizing:border-box; line-height:140%; background:url("../images/common/bul_dot02.png") no-repeat left 8px; background-size:3px 3px; text-transform:uppercase;} .thumlist_ty4 .opt_area dd{line-height:140%; word-break:break-all; margin-bottom:2px;} .thumlist_ty4 .opt_area dd:last-child{margin-bottom:0;} .thumlist_ty4 .ava_area{margin-bottom:28px;} .thumlist_ty4 .ava_area span{display:inline-block; background:#fff; border:1px solid #ddd; padding:0 12px; height:31px; line-height:31px; color:#404040; letter-spacing:normal; border-radius:30px;} .thumlist_ty4 .pri_area{margin-bottom:10px;} .thumlist_ty4 .pri_area .pri{display:inline-block; font-size:18px; color:#404040; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; line-height:140%; margin-bottom:2px;} .thumlist_ty4 .pri_area .confi{display:block; font-size:13px; color:#606060; text-transform:uppercase; line-height:140%; min-height:18px;} .thumlist_ty4 .cpy_area{display:block; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; font-size:15px; color:#606060; letter-spacing:normal; line-height:140%; margin-bottom:13px;} .thumlist_ty4 .sel_area{position:relative; font-size:13px; letter-spacing:normal; line-height:150%; padding-left:107px;} .thumlist_ty4 .sel_area dt{color:#909090; position:absolute; left:0; padding:6px 0;} .thumlist_ty4 .sel_area dd{color:#404040; border-bottom:1px solid #ddd; padding:4px 0;min-height: 20px;} .thumlist_ty4 .sel_area dd:last-child{border-bottom:none;} .thumlist_ty4 .side_info{position:absolute; top:0; right:0; padding:20px; width:350px; height:100%; border-left:1px solid #ddd; box-sizing:border-box;} .thumlist_ty4 .thumlist > li .quick_area{position:absolute; bottom:-105px; right:0; padding:0 20px 20px 20px; box-sizing:border-box; width:347px; transition:all .25s ease; z-index:9;} .thumlist_ty4 .thumlist > li .quick_area button:first-child{margin-bottom:2px;} .thumlist_ty4 .thumlist > li:hover .quick_area{bottom:0;} .thumlist_ty4 .add_cart { display:block; line-height:150%; width:100%; background:#e90030 url('../images/common/btn_red01.png') repeat-x 50% bottom; background-size:1px 35px; border:1px solid #c60029; color:#fff; text-align:center; vertical-align:middle; letter-spacing:-0.5px; border-radius:0; cursor:pointer; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:0; margin:0; padding:0; } .thumlist_ty4 .add_cart span{display:block; padding:10px 20px 9px; font-size:15px;} .thumlist_ty4 .add_cart.etc { background:#fff url('../images/common/btn_white01.png') repeat-x 50% bottom; background-size:1px 35px; border:1px solid #bdbdbd; color:#404040; } /* thumlist_ty5 (width �뜝�럥苡� �뜝�럩占썲뜝�럥吏쀥뜝�럩�쓤�뜝�럩紐드슖�댙�삕 �솻洹⑥삕�뇦猿볦삕)*/ .thumlist_ty5{position:relative; margin-top:-1px;} .thumlist_ty5 .thumlist{overflow:hidden;} .thumlist_ty5 .thumlist > li{width:20%;min-width:241px; overflow:hidden; position:relative; border:1px solid #ddd; float:left; box-sizing:border-box; transition: all .25s ease; margin-top:-1px; margin-left:-1px;} .thumlist_ty5 .thumlist > li:hover{border:1px solid #e90030; z-index:999;} .thumlist_ty5 .thumlist > li:first-child{margin-left:0; width:20.25%;min-width:240px;} .thumlist_ty5 .thumlist > li:nth-child(5n+6){margin-left:0; width:20.25%;min-width:240px;} .thumlist_ty5 .thumlist > li:nth-child(-n+5){margin-top:0;} .thumlist_ty5 .inner_box{display:block; height:490px; padding:22px 14.5%; box-sizing:border-box;} .thumlist_ty5 .thum_area{position:relative; margin-bottom:15px;} .thumlist_ty5 .thum_area .thum{width:100%;min-width:187px;min-height:187px;} .thumlist_ty5 .thum_area .label_corner_lb{position:absolute; left:0; bottom:0;} .thumlist_ty5 .tit_area{position:relative; margin-bottom:20px;} .thumlist_ty5 .tit_area .tit{display:box; display:-webkit-box; display:-ms-flexbox; color:#404040; font-size:14px; height:36px; line-height:130%; letter-spacing:0; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .thumlist_ty5 .opt_area{margin-bottom:10px; background:#f8f8f8; padding:10px 15px;} .thumlist_ty5 .opt_area dl{position:relative; padding-left:65px; font-size:13px; color:#606060; letter-spacing:normal;} .thumlist_ty5 .opt_area dt{position:absolute; left:0; width:60px; padding-left:8px; box-sizing:border-box; line-height:140%; background:url("../images/common/bul_dot02.png") no-repeat left 8px; background-size:3px 3px; text-transform:uppercase;} .thumlist_ty5 .opt_area dd{display:block; line-height:140%; margin-bottom:2px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .thumlist_ty5 .opt_area dd:last-child{margin-bottom:0;} .thumlist_ty5 .pri_area{margin-bottom:10px;} .thumlist_ty5 .pri_area .pri{display:inline-block; font-size:18px; color:#404040; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; line-height:140%; margin-bottom:2px;} .thumlist_ty5 .pri_area .confi{display:block; font-size:13px; color:#606060; text-transform:uppercase; line-height:140%; min-height:18px;} .thumlist_ty5 .cpy_area{display:block; font-size:12px; color:#606060; letter-spacing:normal; line-height:140%;} .thumlist_ty5 .thumlist > li .quick_area{position:absolute; bottom:-70px; left:0; padding:0 20px 20px 62px; box-sizing:border-box; width:100%; transition:all .25s ease;} .thumlist_ty5 .thumlist > li:hover .quick_area{bottom:0;} .thumlist_ty5 .add_cart { display:block; line-height:150%; width:100%; background:#e90030 url('../images/common/btn_red01.png') repeat-x 50% bottom; background-size:1px 35px; border:1px solid #c60029; color:#fff; text-align:center; vertical-align:middle; letter-spacing:-0.5px; border-radius:0; cursor:pointer; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:0; margin:0; padding:0; } .thumlist_ty5 .add_cart span{display:block; padding:10px 20px 9px; font-size:15px;} .thumlist_ty5 .add_wish_ty2{position:absolute; left:20px; top:0;} /* thumlist_ty6 */ .thumlist_ty6{position:relative; margin-top:-1px;} .thumlist_ty6 .thumlist{overflow:hidden;} .thumlist_ty6 .thumlist > li{width:233px; overflow:hidden; position:relative; border:1px solid #ddd; float:left; box-sizing:border-box; transition: all .25s ease; margin-top:-1px; margin-left:-1px;} .thumlist_ty6 .thumlist > li:hover{border:1px solid #e90030; z-index:999;} .thumlist_ty6 .thumlist > li:first-child{margin-left:0; width:234px;} .thumlist_ty6 .thumlist > li:nth-child(4n+5){margin-left:0; width:234px;} .thumlist_ty6 .thumlist > li:nth-child(-n+4){margin-top:0;} .thumlist_ty6 .inner_box{display:block; height:450px; padding:22px; box-sizing:border-box;} .thumlist_ty6 .thum_area{position:relative; margin-bottom:15px;} .thumlist_ty6 .thum_area .thum{width:187px; height:187px;} .thumlist_ty6 .thum_area .label_corner_lb{position:absolute; left:0; bottom:0;} .thumlist_ty6 .tit_area{position:relative; margin-bottom:20px;} .thumlist_ty6 .tit_area .tit{display:box; display:-webkit-box; display:-ms-flexbox; color:#404040; font-size:14px; height:36px; line-height:130%; letter-spacing:0; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .thumlist_ty6 .opt_area{margin-bottom:10px; background:#f8f8f8; padding:10px 15px;} .thumlist_ty6 .opt_area dl{position:relative; padding-left:65px; font-size:13px; color:#606060; letter-spacing:normal;} .thumlist_ty6 .opt_area dt{position:absolute; left:0; width:60px; padding-left:8px; box-sizing:border-box; line-height:140%; background:url("../images/common/bul_dot02.png") no-repeat left 8px; background-size:3px 3px; text-transform:uppercase;} .thumlist_ty6 .opt_area dd{display:block; line-height:140%; margin-bottom:2px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .thumlist_ty6 .opt_area dd:last-child{margin-bottom:0;} .thumlist_ty6 .pri_area{margin-bottom:10px;} .thumlist_ty6 .pri_area .pri{display:block; font-size:18px; color:#404040; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; line-height:140%; margin-bottom:2px;} .thumlist_ty6 .pri_area .confi{display:block; font-size:13px; color:#606060; text-transform:uppercase; line-height:140%; min-height:18px;} .thumlist_ty6 .cpy_area{display:block; font-size:12px; color:#606060; letter-spacing:normal; line-height:140%;} .thumlist_ty6 .thumlist > li .quick_area{position:absolute; bottom:-70px; left:0; padding:0 20px 20px 62px; box-sizing:border-box; width:100%; transition:all .25s ease;} .thumlist_ty6 .thumlist > li:hover .quick_area{bottom:0;} .thumlist_ty6 .add_cart { display:block; line-height:150%; width:100%; background:#e90030 url('../images/common/btn_red01.png') repeat-x 50% bottom; background-size:1px 35px; border:1px solid #c60029; color:#fff; text-align:center; vertical-align:middle; letter-spacing:-0.5px; border-radius:0; cursor:pointer; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:0; margin:0; padding:0; } .thumlist_ty6 .add_cart span{display:block; padding:10px 20px 9px; font-size:15px;} .thumlist_ty6 .add_wish_ty2{position:absolute; left:20px; top:0;} /* �뜝�럡留믣뜝�럥占쎈강逾놂옙�봾裕욃뜝�럥諭� */ @media screen and (max-width:1400px) { .thumlist_ty1 .inner_box{display:block; padding:22px 12%; box-sizing:border-box;} /* Best, new*/ .thumlist_ty5 .thumlist > li{width:20.04%;min-width:241px;} .thumlist_ty5 .thumlist > li:first-child{margin-left:0; width:20%;min-width:240px;} .thumlist_ty5 .thumlist > li:nth-child(5n+6){margin-left:0; width:20%;min-width:240px;} .thumlist_ty5 .inner_box{ padding:22px 11%;} } @media screen and (max-width:1300px) { .thumlist_ty1 .inner_box{ height:518px; padding:22px 6.5%;} .thumlist_ty1 .thum_area .thum{width:269px;height:269px;}/* �뜝�럩逾졿쾬�꼶梨룟뜝占� �뜝�럡苡욜뼨�먯삕 */ .thumlist_ty2 .inner_box{height:436px; padding:22px 10%;} .thumlist_ty2 .thum_area .thum{width:187px; height:187px;}/* �뜝�럩逾졿쾬�꼶梨룟뜝占� �뜝�럡苡욜뼨�먯삕 */ /* Best, new*/ .thumlist_ty5 .inner_box{height:475px;} } /* ----------------- view_controll ----------------- */ .view_controll{position:relative; border-top:1px solid #ddd; border-bottom:1px solid #ddd; min-height:66px;} .view_controll .view_num{position:absolute; left:0; top:24px; font-size:13px; color:#707070; letter-spacing:normal; line-height:150%;} .view_controll .view_num strong{color:#404040; font-weight:600;} .view_controll .sort_action{position:absolute; right:0; top:15px;} .view_controll .sort_action .sort_tit{display:inline-block; margin-right:5px; font-size:13px; color:#707070; letter-spacing:normal; line-height:36px; vertical-align:middle;} .view_controll .view_type{display:inline-block; vertical-align:middle; margin-left:10px;} .view_controll .view_type > ul{overflow:hidden;} .view_controll .view_type > ul > li{float:left; margin-left:-1px;} .view_controll .view_type > ul > li:first-child{margin-left:0;} .view_controll .view_type > ul > li .view_type{display:block; position:relative; border:1px solid #cccdcf; padding:0; margin:0; width:39px; height:36px; cursor:pointer; border-radius:none; box-sizing:border-box;} .view_controll .view_type > ul > li .view_type.grid_act{background:#f5f5f5 url('../images/common/view_type_grid_off.png') no-repeat 50% 50%; background-size:19px 15px;} .view_controll .view_type > ul > li .view_type.list_act{background:#f5f5f5 url('../images/common/view_type_list_off.png') no-repeat 50% 50%; background-size:19px 15px;} .view_controll .view_type > ul > li .view_type.grid_act.active{background:#fff url('../images/common/view_type_grid_on.png') no-repeat 50% 50%; border:1px solid #7c818c; z-index:999;} .view_controll .view_type > ul > li .view_type.list_act.active{background:#fff url('../images/common/view_type_list_on.png') no-repeat 50% 50%; border:1px solid #7c818c; z-index:999;} .view_type_list .cont_inner{display:none;} .view_type_list .cont_inner.active{display:block;} /* ----------------- exhibition view_controll 2021.6.22 ----------------- */ .view_controll.exview {position:relative; margin-top:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; min-height:66px;} .view_controll.exview:after {display:block; content:''; clear:both;} .view_controll.exview .special_menu_t2 {margin:20px 0 17px;} .view_controll.exview .view_num{position:relative; float:left; margin-bottom:20px; font-size:13px; color:#707070; letter-spacing:normal; line-height:150%;} .view_controll.exview .view_num strong{color:#404040; font-weight:600;} .view_controll.exview .sort_action{position:relative; float:right; margin-bottom:10px;} .view_controll.exview .sort_action .sort_tit{display:inline-block; margin-right:5px; font-size:13px; color:#707070; letter-spacing:normal; line-height:36px; vertical-align:middle;} .view_controll.exview .view_type{display:inline-block; vertical-align:middle; margin-left:10px; margin-bottom:17px;} .view_controll.exview .view_type > ul{overflow:hidden;} .view_controll.exview .view_type > ul > li{float:left; margin-left:-1px;} .view_controll.exview .view_type > ul > li:first-child{margin-left:0;} .view_controll.exview .view_type > ul > li .view_type{display:block; position:relative; border:1px solid #cccdcf; padding:0; margin:0; width:39px; height:36px; cursor:pointer; border-radius:none; box-sizing:border-box;} .view_controll.exview .view_type > ul > li .view_type.grid_act{background:#f5f5f5 url('../images/common/view_type_grid_off.png') no-repeat 50% 50%; background-size:19px 15px;} .view_controll.exview .view_type > ul > li .view_type.list_act{background:#f5f5f5 url('../images/common/view_type_list_off.png') no-repeat 50% 50%; background-size:19px 15px;} .view_controll.exview .view_type > ul > li .view_type.grid_act.active{background:#fff url('../images/common/view_type_grid_on.png') no-repeat 50% 50%; border:1px solid #7c818c; z-index:999;} .view_controll.exview .view_type > ul > li .view_type.list_act.active{background:#fff url('../images/common/view_type_list_on.png') no-repeat 50% 50%; border:1px solid #7c818c; z-index:999;} .view_type_list .cont_inner{display:none;} .view_type_list .cont_inner.active{display:block;} /* ----------------- product_view 2018.10.05 �뜝�럥�빢�뜝�럩�젧 ----------------- */ .product_view {position:relative; float:left;} .product_view .view_inner{width:100%;overflow:hidden;} .product_view .product_head{position:relative; overflow:hidden; margin-bottom:80px;} .product_view .product_body{position:relative; overflow:hidden;} .product_view .product_thum{position:relative; width:500px; float:left;} .product_view .product_thum .large_thum{position:relative; border:1px solid #ddd; text-align:center;} .product_view .product_thum .large_thum .thum{width:498px; height:498px;} .product_view .product_thum .large_thum .zoom{display:block; border:1px solid #ddd; background:#fff; width:38px; height:38px; position:absolute; right:-1px; bottom:-1px; background:#fff url('../images/common/btn_zoom01.png') no-repeat 50% 50%; background-size:12px 12px;} .product_view .product_thum .small_thum{padding-top:10px; text-align:center; font-size:0px;} .product_view .product_thum .small_thum .thum_box{display:inline-block; position:relative; border:1px solid #ddd; width:82px; height:82px; margin-left:-1px; transition:all .25s ease;} .product_view .product_thum .small_thum .thum_box.active{border:1px solid #e90030; z-index:1;} .product_view .product_thum .small_thum .thum_box .thum{width:82px; height:82px;} .product_view .product_info{position:relative; width:650px; float:right;} .product_view .product_info .brand_area{position:relative; border-bottom:1px solid #ddd; height:40px; margin-bottom:24px;} .product_view .product_info .brand_area .brand{display:inline-block; line-height:140%; padding-top:17px; font-size:14px; color:#707070; font-family:'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300;} .product_view .product_info .brand_area .sns_wrap{position:absolute; top:0; right:0;} .product_view .product_info .brand_area .sns_wrap ul{overflow:hidden;} .product_view .product_info .brand_area .sns_wrap ul li{float:left; margin-left:5px; position:relative;} .product_view .product_info .brand_area .sns_wrap ul li .crown01{ height:32px; width:32px; background:#fff url('../images/contents/crown01_kosme.png') no-repeat } .product_view .product_info .brand_area .sns_wrap ul li .crown02{ height:32px; width:32px; background:#fff url('../images/contents/crown02.png') no-repeat } .product_view .product_info .brand_area .sns_wrap ul li .crown03{ height:32px; width:32px; background:#fff url('../images/contents/crown03.png') no-repeat } .product_view .product_info .brand_area .sns_wrap ul li .crown04{ height:32px; width:32px; background:#fff url('../images/contents/crown04.png') no-repeat } .product_view .product_info .brand_area .sns_wrap ul li .crown05{ height:32px; width:32px; background:#fff url('../images/common/gbsf_1.png') no-repeat } .product_view .product_info .brand_area .sns_wrap ul li .crown06{ height:32px; width:32px; background:#fff url('../images/contents/crown06_2019.png') no-repeat } .product_view .product_info .brand_area .sns_wrap ul li .crown07{ height:32px; width:51px; background:#fff url('../images/contents/crown07_kepco.png') no-repeat } .product_view .product_info .wish_list{display:block; width:32px; height:32px; background:#fff url('../images/common/btn_wishlist_off.png') no-repeat 50% 7px; background-size:20px 19px; border:1px solid #7c818c; vertical-align:middle; border-radius:50%; cursor:pointer; box-sizing:border-box; transition:all .25s ease;} .product_view .product_info .wish_list.active{background:#fff url('../images/common/btn_wishlist_on.png') no-repeat 50% 7px; background-size:20px 19px; border:1px solid #e90030;} .product_view .product_info .wish_list:hover, .product_view .product_info .wish_list:focus{background:#fff url('../images/common/btn_wishlist_on.png') no-repeat 50% 7px; background-size:20px 19px; border:1px solid #e90030;} .product_view .product_info .sns_share{display:inline-block; width:32px; height:32px; background:#fff url('../images/common/btn_snshare_off.png') no-repeat 5px 50%; background-size:18px 18px; border:1px solid #7c818c; vertical-align:middle; border-radius:50%; cursor:pointer; box-sizing:border-box; transition:all .25s ease;} .product_view .product_info .sns_share.active{background:#fff url('../images/common/btn_snshare_on.png') no-repeat 5px 50%; background-size:18px 18px; border:1px solid #e90030; margin-right:122px;} .product_view .product_info .sns_share:hover, .product_view .product_info .sns_share:focus{background:#fff url('../images/common/btn_snshare_on.png') no-repeat 5px 50%; background-size:18px 18px; border:1px solid #e90030;} .product_view .product_info .sns_service{background:#e9e9e9; height:32px; border-radius:50px; box-sizing:border-box; padding:3px; position:absolute; right:0; top:0; display:none;} .product_view .product_info .sns_service.active{display:block;} .product_view .product_info .sns_twitter{display:inline-block; width:26px; height:26px; background:#1da1f2 url('../images/common/sns_twitter.png') no-repeat 50% 50%; background-size:18px 16px; vertical-align:middle; border-radius:50%; cursor:pointer; box-sizing:border-box;} .product_view .product_info .sns_facebook{display:inline-block; width:26px; height:26px; background:#3b5998 url('../images/common/sns_facebook.png') no-repeat 50% 50%; background-size:8px 16px; vertical-align:middle; border-radius:50%; cursor:pointer; box-sizing:border-box;} .product_view .product_info .print{display:inline-block; width:26px; height:26px; background: url('../images/common/print.png') no-repeat 50% 50%; vertical-align:middle; border-radius:100%; cursor:pointer; box-sizing:border-box;} .product_view .product_info .mail{display:inline-block; width:26px; height:26px; background: url('../images/common/mail.png') no-repeat 50% 50%; vertical-align:middle; border-radius:100%; cursor:pointer; box-sizing:border-box;} .product_view .product_info .product_name{position:relative; margin-bottom:17px; padding-right:20px;} /*.product_view .product_info .product_name h2{font-size:18px; display:inline-block; color:#404040; line-height:150%; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:0;}*/ .product_view .product_info .product_name h1{font-size:18px; display:inline-block; color:#404040; line-height:150%; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:0;} .product_view .product_info .info_config{position:relative; margin-bottom:30px;} .product_view .product_info .info_config > .config_list > li{position:relative; padding-left:160px; border-top:1px solid #ddd;} .product_view .product_info .info_config > .config_list > li:last-child{border-top:none;} /* 20171206 �뜝�럩逾좑옙�꽞占쎄턂�굢占� �뜝�럥�빢�뜝�럩�젧 �뜝�럡留믣뜝�럥占쎈갈鍮녘쥈�룂�뜟�뇦猿볦삕 占쎈꽞�⑤챷逾졾뜝�럥裕� �뜝�럩�굚�뜝�럥�뵜 .product_view .product_info .info_config > .config_list > li.price_now{background:#f5f5f5; margin-top:20px;} */ /* 20180416 �뤆�룄�뫅�댆�띁占쎄퀗�o옙�읉*/ /*.product_view .product_info .info_config > .config_list > li:first-child{height:32px;} */ .product_view .product_info .info_config > .config_list > li:nth-last-child(3){border-bottom:1px solid #ddd;} .product_view .product_info .info_config > .config_list > li.price_now{background:#f5f5f5; margin:20px 0;border-top:none;} .product_view .product_info .info_config > .config_list > li.price_now .cont_area{padding:5px 0;} .product_view .product_info .info_config > .config_list > li .cont_tit{display:block; position:absolute; left:20px; top:50%; transform:translateY(-50%);font-weight:normal; font-size:13px; line-height:140%; color:#404040;} /* .product_view .product_info .info_config > .config_list > li.price_now .cont_tit{top:24px;} */ /* 20171206 �뜝�럩逾좑옙�꽞占쎄턂�굢占� �뜝�럥�빢�뜝�럩�젧 �뜝�럡留믣뜝�럥占쎈갈鍮녘쥈�룂�뜟�뇦猿볦삕 占쎈꽞�⑤챷逾졾뜝�럥裕� �뜝�럩�굚�뜝�럥�뵜 .product_view .product_info .info_config > .config_list > li .cont_area{padding:12px 0; padding-right:20px; min-height:40px; box-sizing:border-box;} .product_view .product_info .info_config > .config_list > li .cont_area .cont_txt{font-weight:normal; font-size:13px; line-height:220%; color:#606060;} .product_view .product_info .info_config > .config_list > li .cont_area .supply_box span{display:inline-block; background:#fff; border:1px solid #ddd; font-size:13px; padding:0 15px; height:31px; line-height:31px; color:#404040; letter-spacing:normal; border-radius:30px;} .product_view .product_info .info_config > .config_list > li .cont_area .supply_info{margin-top:15px; font-weight:normal; font-size:13px; line-height:140%; color:#606060;}*/ .product_view .product_info .info_config > .config_list > li .cont_area{padding:2px 0; padding-right:20px; box-sizing:border-box;} .product_view .product_info .info_config > .config_list > li .starlv{ height:34px; font-size: 20px !important; padding-top: 5px !important; color:#e90030 !important} .product_view .product_info .info_config > .config_list > li .starlv_gr{ height:34px; font-size: 20px !important; padding-top: 5px !important; color:#606060 !important} .product_view .product_info .info_config > .config_list > li .cont_area .cont_txt{font-weight:normal; font-size:13px; line-height:230%; color:#606060; } /* .product_view .product_info .info_config > .config_list > li .cont_area .supply_box span{display:inline-block; background:#fff; border:1px solid #ddd; font-size:13px; padding:0 15px; height:31px; line-height:31px; color:#404040; letter-spacing:normal; border-radius:30px; margin: 2px 0px} */ .product_view .product_info .info_config > .config_list > li .cont_area .supply_box {padding:5px 0 0 0;} .product_view .product_info .info_config > .config_list > li .cont_area .supply_box span{display:inline-block;background:#fff;border:1px solid #ddd;font-size:13px;padding: 0 7px;height: 22px;line-height: 22px;color:#404040;letter-spacing:normal;border-radius:30px;margin: 2px 0px;} .product_view .product_info .info_config > .config_list > li .cont_area .supply_info{margin-top:5px; font-weight:normal; font-size:13px; line-height:140%; color:#606060;} .product_view .product_info .info_config > .config_list > li .cont_area .price_fit{padding-right:20px; overflow:hidden;} .product_view .product_info .info_config > .config_list > li .cont_area .price_fit li{border-bottom:1px solid #ddd; padding:10px 0; position:relative;} .product_view .product_info .info_config > .config_list > li .cont_area .price_fit li p{display:inline-block; line-height:140%; color:#606060; font-size:13px;} .product_view .product_info .info_config > .config_list > li .cont_area .price_fit li p.opt_ty{width:60px; margin-right:20px; border-right:1px solid #ddd;} .product_view .product_info .info_config > .config_list > li .cont_area .price_fit li p.opt_pri{font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:600; color:#404040;} .product_view .product_info .info_config > .config_list > li .cont_area .price_fit li p.opt_salepri {color:#DD002D;font-weight:bold;font-size:20px;} .product_view .product_info .info_config > .config_list > li .cont_area .price_fit li p span.saledate {display:inline-block; padding-left:2px; font-size:13px; color:#404040; letter-spacing:-0.5px;} .product_view .product_info .info_config > .config_list > li .cont_area .price_fit li p.opt_unit{color:#606060; position:absolute; right:0; top:50%; transform:translateY(-50%);} .product_view .product_info .info_config > .config_list > li .cont_area .price_fit li:last-child{border-bottom:none;} .saleline {font-size:13px !important; text-decoration:line-through !important;} .salepri {position:absolute;right:15%;font-size:18px;color: #DD002D;} .salepri:before {display:inline-block; content:"SALE"; width:16px; margin-right:3px; padding:1px 2px 1px 3px; word-wrap:break-word; background:#dd002d; color:#fff; text-align:center; line-height:0.91; font-weight:bold; letter-spacing:1px; font-size:11px; vertical-align:middle; border-radius:2px;} .product_view .product_info .btn_get{position:relative; font-size:0;} .product_view .product_info .btn_get button{display:inline-block; line-height:150%; width:204px; text-align:center; vertical-align:middle; letter-spacing:-0.5px; border-radius:0; cursor:pointer; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:0; margin:0; padding:0;} .product_view .product_info .btn_get button.inquiry{background:#e90030; border:1px solid #e90030; color:#fff; margin-right:10px;} .product_view .product_info .btn_get button.addcart{background:#fff; border:1px solid #ddd; color:#e90030;margin-right:10px;} .product_view .product_info .btn_get button.order_now {background:#fff; border:1px solid #f26d7d; color:#ff465c;} .product_view .product_info .btn_get button.sendNote{background:#fff; border:1px solid #ddd; color:#e90030; margin-left:10px;} .product_view .product_info .btn_get button span{display:block; padding:17px 0 16px; font-size:18px;} .product_view .detail_tab{position:relative; padding-bottom:40px; background:#fff;} .product_view .detail_tab.dynamic_fixed{position:fixed; left:50%; top:0; width:1200px; margin-left:-750px; z-index:999999;} .product_view .detail_tab ul{background:#707785;/* #7c818c */ overflow:hidden;} /* .product_view .detail_tab ul li{position:relative; float:left; width:20%;} *//* �뜝�럡留믣뜝�럥占쎈콈�삕疫뀁룞�삕�땻占� - �뜝�럡留믣뜝�럥占쎈콈�삕�뙴占� 亦껋꼶梨띰옙嫄쀯옙鍮듿뜝占� */ .product_view .detail_tab ul li {position:relative; float:left; width:20%; padding:0;} .product_view .detail_tab ul li:after{content:''; position:absolute; top:0; right:-1px; height:100%; width:1px; background:#575d6a;} .product_view .detail_tab ul li.active:after{display:none;} .product_view .detail_tab ul li a{display:block; color:#fff; text-align:center; padding:15px 0 12px; font-size:15px; font-weight:normal; letter-spacing:0.5px; line-height:140%; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; text-transform:uppercase;} .product_view .detail_tab ul li.active {background:#fff;} .product_view .detail_tab ul li.active a{color:#404040; border:1px solid #7c818c; border-bottom:none;} .product_view .detail_tab_cont{position:relative;} .product_view .detail_tab_cont .cont_box .cont_inner{display:none; padding-bottom:50px; box-sizing:border-box;} .product_view .detail_tab_cont .cont_box .cont_inner.active{display:block;} .product_view .item_specifics{position:relative;} .product_view .item_specifics > .specifics_list{border-top:1px solid #bababa; border-bottom:1px solid #bababa;} /* .product_view .item_specifics > .specifics_list > li{position:relative; padding-left:280px; border-bottom:1px solid #ddd;} */ .product_view .item_specifics > .specifics_list > li{position:relative; padding-left:200px; border-bottom:1px solid #ddd;} .product_view .item_specifics > .specifics_list > li:last-child{border-bottom:none;} .product_view .item_specifics > .specifics_list > li .cont_tit{display:block; position:absolute; left:20px; top:50%; margin-top:-9px; font-weight:normal; font-size:13px; line-height:140%; color:#404040;} /* .product_view .item_specifics > .specifics_list > li .cont_area{padding:15px 0; min-height:40px; box-sizing:border-box;} */ .product_view .item_specifics > .specifics_list > li .cont_area{padding: 8px 0;min-height: 34px;box-sizing:border-box;} .product_view .item_specifics > .specifics_list > li .cont_area .cont_txt{font-weight:normal; font-size:13px; line-height:140%; color:#606060;} .product_view .item_specifics > .specifics_list > li .cont_area .supply_box span{display:inline-block; background:#fff; border:1px solid #ddd; font-size:13px; padding:0 15px; height:31px; line-height:31px; color:#404040; letter-spacing:normal; border-radius:30px;} .product_view .certificate{position:relative;} .product_view .certificate > .certi_list{border-top:1px solid #bababa; border-bottom:1px solid #bababa;} .product_view .certificate > .certi_list > li{position:relative; border-bottom:1px solid #ddd;} .product_view .certificate > .certi_list > li:last-child{border-bottom:none;} .product_view .certificate > .certi_list > li .btn_document{display:block; position:absolute; right:20px; top:50%; margin-top:-18px; width:36px; height:36px; border-radius:50%; background:#7c818c url('../images/common/btn_document.png') no-repeat 50% 50%; background-size:17px 20px;} .product_view .certificate > .certi_list > li > dl{overflow:hidden; padding:15px 0; font-weight:normal; font-size:13px;} .product_view .certificate > .certi_list > li > dl > dt{float:left; width:25%; line-height:140%; color:#e90030; box-sizing:border-box; padding-left:20px; border-right:1px solid #ddd;} .product_view .certificate > .certi_list > li > dl > dd{float:left; width:25%; line-height:140%; color:#404040; box-sizing:border-box; padding-left:20px; border-right:1px solid #ddd;} .product_view .certificate > .certi_list > li > dl > dd:nth-child(3n){border-right:none;} .product_view .certificate > .certi_list > li > dl > dd:last-child{border-right:none;} .product_view .attach_file{position:relative; margin-top:20px;} .product_view .similar_item{border:1px solid #ddd; padding:20px; padding-top:0; box-sizing:border-box;} .product_view .similar_item .tit_area{position:relative; border-bottom:1px solid #e5e5e5; height:52px; margin-bottom:20px;} .product_view .similar_item .tit_area .tit{display:inline-block; position:relative; line-height:52px; font-size:16px; colora:#404040; font-weight:600; padding-right:25px;} .product_view .similar_item .tit_area .tit .more{position:absolute; right:0; top:50%; margin-top:-9px; width:18px; height:18px; background:url('../images/main/section_more.png') no-repeat 50% 50%; background-size:7px 12px;} .product_view .similar_item .item_list{overflow:hidden; margin-left:-10px;} .product_view .similar_item .item_list li{position:relative; float:left; width:20%; text-align:center;} .product_view .similar_item .item_list li .add_wish_ty1{position:absolute; right:5px; bottom:-45px;} .product_view .similar_item .item_list li:hover .add_wish_ty1{bottom:5px;} .product_view .similar_item .item_list li a{display:block; margin-left:10px;} .product_view .similar_item .item_list li a .thum{width:100%;min-width:174px;min-height:174px;} .product_view .seller_info{position:relative; } .product_view .seller_basic{position:relative; background:#f5f5f5; padding:20px; box-sizing:border-box; min-height:240px; margin-bottom:40px;} .product_view .seller_basic .inner_box{position:relative; padding-left:280px;} .product_view .seller_basic .inner_box .seller_bi{position:absolute; left:0; top:0; width:230px; height:200px; background:#fff; box-sizing:border-box; padding:10px; text-align:center;} .product_view .seller_basic .inner_box .seller_bi.no_thum{background:#fff url("../images/common/noimg_cp.png") no-repeat 50% 50%; background-size:97px 97px;} .product_view .seller_basic .inner_box .seller_bi .bi_real{width:210px; height:180px; background-position:50% 50%; background-repeat:no-repeat;} .product_view .seller_basic .inner_box .seller_bi.no_thum .bi_real{display:none;} .product_view .seller_basic .inner_box .seller_qr {position:absolute;right:0;top:-16px;width:150px; height:150px; background:#fafafa; text-align:center;} .product_view .seller_basic .inner_box .seller_qr p {padding:5px 5px 2px; font-size: 20px;color: #404040;font-family: roboto,'opensans','Malgun Gothic','맑은 고딕','Helvetica nenu',Arial, "Apple SD Gothic";font-weight: 300;} .product_view .seller_basic .inner_box .seller_qr .bi_real {margin:0 auto; width:113px; height:113px; background-size:100%;} .product_view .seller_basic .inner_box .connect_info{position:relative; border-bottom:1px solid #bababa; height:45px; margin-bottom:20px;} .product_view .seller_basic .inner_box .connect_info h3{display:inline-block; line-height:45px; font-size:20px; color:#404040; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:normal;} .product_view .seller_basic .inner_box .connect_info .seller_url{display:block; position:absolute; right:52px; top:13px; color:#e90030; padding-left:18px; line-height:140%; font-size:13px; font-weight:normal; background:url('../images/common/ico_home.png') no-repeat left 50%; background-size:12px 14px; cursor:pointer;} .product_view .seller_basic .inner_box .connect_info .seller_mail{display:block; position:absolute; right:0; top:50%; margin-top:-18px; width:36px; height:36px; border-radius:50%; background:#7c818c url('../images/common/btn_mail.png') no-repeat 50% 8px; background-size:18px 18px;} .product_view .seller_basic .inner_box .profile_info{position:relative;} .product_view .seller_basic .inner_box .profile_info ul{overflow:hidden;} .product_view .seller_basic .inner_box .profile_info ul li{width:50%; float:left; box-sizing:border-box; margin-bottom:8px;} .product_view .seller_basic .inner_box .profile_info ul li:first-child{width:100%;} .product_view .seller_basic .inner_box .profile_info ul li:last-child{width:100%; margin-bottom:0;} .product_view .seller_basic .inner_box .profile_info ul li .info{position:relative; font-size:13px; color:#404040; padding-left:44px; line-height:150%; min-height:36px; box-sizing:border-box; padding-top:8px;} .product_view .seller_basic .inner_box .profile_info ul li .info .ico{position:absolute; left:0; top:0; width:36px; height:36px; border:2px solid #7c818c; border-radius:50%; box-sizing:border-box;} .product_view .seller_basic .inner_box .profile_info ul li .info .ico.person{background:url('../images/common/ico_person.png') no-repeat 50% 50%; background-size:16px 18px;} .product_view .seller_basic .inner_box .profile_info ul li .info .ico.telephone{background:url('../images/common/ico_telephone.png') no-repeat 50% 50%; background-size:18px 19px;} .product_view .seller_basic .inner_box .profile_info ul li .info .ico.fax{background:url('../images/common/ico_fax.png') no-repeat 50% 50%; background-size:18px 18px;} .product_view .seller_basic .inner_box .profile_info ul li .info .ico.address{background:url('../images/common/ico_address.png') no-repeat 50% 50%; background-size:16px 24px;} .product_view .seller_detail{position:relative; margin-bottom:40px;} .product_view .seller_detail > .detail_list{border-top:1px solid #bababa; border-bottom:1px solid #bababa;} .product_view .seller_detail > .detail_list > li{position:relative; border-bottom:1px solid #ddd;} .product_view .seller_detail > .detail_list > li:last-child{border-bottom:none;} /* .product_view .seller_detail > .detail_list > li > dl{overflow:hidden; padding:15px 0; font-weight:normal; font-size:13px;} *//* �뜝�럡�뀬�뜝�럩逾좂춯�빢�삕 �댖怨뚰�o옙�읉 */ .product_view .seller_detail > .detail_list > li > dl{overflow:hidden;padding: 8px 0;font-weight:normal;font-size:13px;} .product_view .seller_detail > .detail_list > li > dl > dt{float:left; width:20%; line-height:140%; color:#404040; box-sizing:border-box; padding-left:20px; border-right:1px solid #ddd;} /* .product_view .seller_detail > .detail_list > li > dl > dd{float:left; width:30%; line-height:140%; color:#404040; box-sizing:border-box; padding-left:20px; border-right:none;} */ .product_view .seller_detail > .detail_list > li > dl > dd{float:left; width:78%; line-height:140%; color:#404040; box-sizing:border-box; padding-left:20px; border-right:none;} .product_view .questions{position:relative;} .product_view .questions .stitle_area button { position:absolute; top:0; right:0; display:inline-block; line-height:150%; background:#fff url('../images/common/btn_white01.png') repeat-x 50% bottom; background-size:1px 35px; border:1px solid #e90030; color:#e90030; text-align:center; vertical-align:middle; padding-left:15px; letter-spacing:-0.5px; border-radius:0; cursor:pointer; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:0; } .product_view .questions .stitle_area button span { display:block; background:url('../images/common/ico_cmc.png') no-repeat left 50%; background-size:21px 21px; padding:9px 15px 8px 25px; font-size:15px; } .product_view .questions .questions_form{position:relative; background:#f5f5f5; border:1px solid #ddd; padding:20px; padding-bottom:35px;} .product_view .questions .questions_form .textarea_normal{margin-top:-1px;} .product_view .questions .questions_form .check_area{position:relative;} .product_view .questions .questions_form .check_area .btn_hero{position:absolute; bottom:0; right:0;} .product_view .questions .questions_form .check_area .btn_hero .remaining{display:inline-block; vertical-align:middle; margin-right:5px; font-size:13px; color:#707070;} .product_view .questions .questions_form .check_area .btn_hero .remaining span{color:#e90030;} .product_view .questions .questions_list{position:relative; border:1px solid #ddd; margin-top:30px;} .product_view .questions .questions_list > ul{} .product_view .questions .questions_list > ul > li{position:relative; border-top:1px solid #ddd;} .product_view .questions .questions_list > ul > li:first-child{border-top:none;} .product_view .questions .questions_list .inner_box{padding: 23px 25px 25px 70px;} .product_view .questions .questions_list .inner_box.lock{padding-left:83px;} .product_view .questions .questions_list .inner_box .regi_tit{display:inline-block; position:relative; font-size:14px; color:#404040; line-height:145%; letter-spacing:-0.2px; margin-bottom:10px;} .product_view .questions .questions_list .inner_box.lock .regi_tit .lock_ico{ display:block; width:13px; height:17px; position:absolute; left:-19px; top:1px; width:13px; height:17px; background:#fff url('../images/common/btn_lock.png') no-repeat left top; background-size:13px 17px;} .product_view .questions .questions_list .inner_box .regi_info{overflow:hidden;} .product_view .questions .questions_list .inner_box .regi_info li{border-right:1px solid #ddd; float:left; padding:0 8px; color:#808080; font-size:13px; line-height:145%; letter-spacing:normal;} .product_view .questions .questions_list .inner_box .regi_info li .delete{display:inline-block; color:#e90030; padding-left:15px; line-height:140%; background:url('../images/common/btn_delete.png') no-repeat left 50%; background-size:11px 11px;} .product_view .questions .questions_list .inner_box .regi_info li:first-child{padding-left:0;} .product_view .questions .questions_list .inner_box .regi_info li:last-child{border-right:none;} .product_view .questions .questions_list .inner_box .regi_detail{position:relative; border-top:1px solid #ddd; line-height:150%; font-size:14px; letter-spacing:-0.2px; color:#404040; padding-top:18px; margin-top:22px;} .product_view .questions .questions_list > ul > li.questions:before{content:''; position:absolute; left:10px; top:12px; width:45px; height:45px; background:url('../images/common/label_questions.png') no-repeat 50% 50%;} .product_view .questions .questions_list > ul > li.answers:before{content:''; position:absolute; left:10px; top:12px; width:45px; height:45px; background:url('../images/common/label_answers.png') no-repeat 50% 50%;} .product_view .questions .questions_list > ul > li.answers{background:#f5f5f5; border-top:none;} .product_view .questions .questions_list > ul > li.answers .inner_box{padding-left:83px;} .product_view .questions .questions_list > ul > li.answers .inner_box .regi_detail{border-top:none; padding-top:0; margin-top:0; margin-bottom:10px;} .product_view .questions .questions_list > ul > li.answers .inner_box .regi_detail:before{content:''; position:absolute; left:-14px; top:5px; width:8px; height:8px; background:url('../images/common/ico_re.png') no-repeat 50% 50%; background-size:8px 8px;} .product_view .sbc_certified{position:relative; background:#fbf7f4; height:130px; margin-bottom:55px;} .product_view .real_view{position:relative; padding:35px 25px; margin:25px 0 55px; border:1px solid #ddd; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic";} .product_view .real_view p{line-height:155%; color:#404040;} .product_view .real_view strong{line-height:155%; color:#404040;} .product_view .real_view h1{line-height:155%; color:#404040;} .product_view .real_view h2{line-height:155%; color:#404040;} .product_view .real_view h3{line-height:155%; color:#404040;} .product_view .payment_view{position:relative; padding:25px 25px 5px; margin:0; border:1px solid #ddd; margin-bottom:50px; box-sizing:border-box; min-height:120px;} .product_view .payment_view .tit{display:block; font-size:15px; margin-bottom:8px; font-weight:300; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; letter-spacing:normal;} .product_view .payment_view .info_list{position:relative; margin-bottom:20px;} .product_view .payment_view .info_list li{line-height:150%; color:#505050; padding-left:8px; margin-bottom:2px; text-align:left; font-size:13px; background:url("../images/common/bul_dot02.png") no-repeat left 9px; background-size:2px 2px;} .product_view .payment_view .info_list li:last-child{margin-bottom:0;} .product_view .shipping_view{position:relative; padding:25px 25px 5px; margin:0; border:1px solid #ddd; box-sizing:border-box; min-height:120px;} .product_view .shipping_view .tit{display:block; font-size:15px; margin-bottom:8px; font-weight:300; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; letter-spacing:normal;} .product_view .shipping_view .info_list{position:relative; margin-bottom:20px;} .product_view .shipping_view .info_list li{line-height:150%; color:#505050; padding-left:8px; margin-bottom:2px; text-align:left; font-size:13px; background:url("../images/common/bul_dot02.png") no-repeat left 9px; background-size:2px 2px;} .product_view .shipping_view .info_list li:last-child{margin-bottom:0;} /* ----------------- mypage ----------------- */ .title_area .regied_wish{position:absolute; right:0; bottom:15px; padding-right:36px;} .title_area .regied_wish .regied_add{display:block; position:absolute; right:0; top:50%; width:36px; height:36px; border-radius:0; border:0; padding:0; margin:0; margin-top:-18px; border:1px solid #cccdcf; background:#fff url("../images/common/btn_add.png") no-repeat 50% 50%; background-size:12px 12px; cursor:pointer; box-sizing:border-box;} .mypage{position:relative;} .mypage .wish_creatit{position:relative; background:#333949; height:52px; margin-bottom:9px;} .mypage .wish_creatit:before{content:''; position:absolute; left:-10px; top:0; width:10px; height:52px; background:#333949;} .mypage .wish_creatit:after{content:''; position:absolute; left:-9px; bottom:-9px; width:9px; height:9px; background:url('../images/common/ico_crebox.png') no-repeat 50% 50%; background-size:9px 9px;} .mypage .wish_creatit .tit{display:inline-block; color:#fff; font-size:18px; height:52px; line-height:52px; padding-left:20px; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:normal;} .mypage .wish_creatit .edit{display:block; position:absolute; right:0; top:0; height:52px; line-height:52px; background:none; border:0; padding:0 15px; margin:0; font-size:13px; color:#c3c5c9; border-left:1px solid #272c39; cursor:pointer; border-radius:none; box-sizing:border-box;} .mypage .wish_creatit .edit span{display:block; background:url("../images/common/btn_edit.png") no-repeat left 50%; background-size:16px 14px; padding-left:22px;} .mypage .member_type{position:relative; background:#333949; height:52px; margin-bottom:15px;} .mypage .member_type:before{content:''; position:absolute; left:-10px; top:0; width:10px; height:52px; background:#333949;} .mypage .member_type:after{content:''; position:absolute; left:-9px; bottom:-9px; width:9px; height:9px; background:url('../images/common/ico_crebox.png') no-repeat 50% 50%; background-size:9px 9px;} .mypage .member_type .cont_txt{position:relative; overflow:hidden; padding:16px 10px 0; font-size:13px;} .mypage .member_type .cont_txt dt{float:left; color:#c3c5c9; margin-right:25px; padding-left:25px; line-height:160%; letter-spacing:normal;} .mypage .member_type .cont_txt dd{float:left; color:#fff; padding-right:25px; border-right:1px solid #272c39; line-height:160%; letter-spacing:normal;} .mypage .member_type .cont_txt dt:first-child{padding-left:0;} .mypage .member_type .cont_txt dd:last-child{border-right:none; padding-right:0;} .mypage .mplist_ty1{margin-bottom:30px;} .mypage .mplist_ty1 > li{position:relative; margin-top:-1px; margin-bottom:50px;} .mypage .mplist_ty1 > li:last-child{margin-bottom:0;} .mypage .mplist_ty1 > li .inner_box{border:1px solid #ddd; transition:all .25s ease;} .mypage .mplist_ty1 > li .inner_box .cart_sec1{position:relative; padding:15px 20px 15px; box-sizing:border-box; border-bottom:1px solid #ddd;} .mypage .mplist_ty1 > li .inner_box .cart_sec1 .btn_check label{font-size:16px; line-height:23px; font-weight:300; font-family:roboto; letter-spacing:normal;} .mypage .mplist_ty1 > li .inner_box .cart_sec1 .btn_area{position:absolute; right:8px; top:8px;} .mypage .mplist_ty1 > li .inner_box .cart_sec2{position:relative; background:#f5f5f5; overflow:hidden; padding:25px 20px;} .mypage .mplist_ty1 > li .inner_box .cart_sec3{position:relative;} .mypage .mplist_ty1 > li .inner_box .cart_sec3 > .product_list{overflow:hidden; border-top:1px solid #ddd; padding:20px;} .mypage .mplist_ty1 > li .inner_box .cart_sec3 > .product_list li{border-bottom:1px solid #ddd;} .mypage .mplist_ty1 > li .inner_box .cart_sec3 > .product_list li:last-child{border-bottom:none;} .mypage .brand_detail{position:relative; float:left; width:50%; box-sizing:border-box; padding-left:130px; font-size:13px; color:#404040;} .mypage .brand_detail dt{position:absolute; left:0; line-height:140%;} .mypage .brand_detail dd{line-height:140%; margin-bottom:4px; min-height:18px;} .mypage .brand_detail dd:last-child{margin-bottom:0;} .mypage .product_box{display:block; position:relative; padding:20px; padding-left:188px; padding-right:250px; box-sizing:border-box;} .mypage .product_box .hero_cont{padding-top:5px;} .mypage .product_box .btn_check{position:absolute; left:0; top:70px;} .mypage .product_box .thum_area {position:absolute; left:42px; top:20px; overflow:hidden;} .mypage .product_box .thum_area .thum{width:124px; height:124px; display:block;} .mypage .product_box .add_wish_ty3{position:absolute; right:5px; bottom:-45px;} .mypage .product_box:hover .add_wish_ty3{bottom:5px;} .mypage .product_box .tit_area{position:relative; margin-bottom:18px;} .mypage .product_box .tit_area .tit{display:box; display:-webkit-box; display:-ms-flexbox; color:#404040; font-size:15px; line-height:130%; height:38px; letter-spacing:0; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .mypage .product_box .tit_area .tit:hover{color:#e90030;} .mypage .product_box .opt_area{position:relative;} .mypage .product_box .opt_area dl{position:relative; padding-left:100px; font-size:13px; color:#606060; letter-spacing:normal;} .mypage .product_box .opt_area dt{position:absolute; left:0; width:100px; padding-left:8px; box-sizing:border-box; line-height:140%; background:url("../images/common/bul_dot02.png") no-repeat left 8px; background-size:3px 3px;} .mypage .product_box .opt_area dd{display:box; display:-webkit-box; display:-ms-flexbox; line-height:140%; min-height:18px; max-height:36px; margin-bottom:2px; overflow: hidden; word-wrap:break-word; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .mypage .product_box .opt_area dd:last-child{margin-bottom:0;} .mypage .product_box .side_info{position:absolute; top:0; right:0; padding:20px; padding-top:24px; width:210px; height:100%; border-left:1px solid #ddd; box-sizing:border-box;} .mypage .product_box .pri_area{margin-bottom:15px;} .mypage .product_box .pri_area .pri{display:block; font-size:18px; color:#404040; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; line-height:140%;} .mypage .product_box .pri_area .confi{display:block; font-size:13px; color:#606060; line-height:140%;} .mypage .product_box .pay_area{font-size:13px; letter-spacing:normal; line-height:150%;} .mypage .product_box .pay_area dt{color:#606060; margin-bottom:2px;} .mypage .product_box .pay_area dd{display:box; display:-webkit-box; display:-ms-flexbox; color:#404040; height:38px border-bottom:1px solid #ddd; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .mypage .product_box .pay_area dd:last-child{border-bottom:none;} .mypage .product_box .note_area{margin-top:12px;} .mypage .product_box .note_area .add_note_btn{display:inline-block; position:relative; background:none; border:0; padding:0; margin:0; line-height:21px; font-size:13px; color:#e90030; cursor:pointer; border-radius:none; box-sizing:border-box; vertical-align:middle;} .mypage .product_box .note_area .add_note_btn span{display:block; background:url("../images/common/ico_cmc.png") no-repeat left 50%; background-size:21px 21px; padding-left:26px;} .mypage .product_box .note_area .add_message{display:none; position:relative; margin:10px 0; padding-right:33px;} .mypage .product_box .note_area .add_message .message_del{display:block; position:absolute; right:0; top:50%; width:28px; height:28px; border:0; padding:0; margin:0; background:#7c818c url("../images/common/btn_check_white.png") no-repeat 50% 50%; background-size:12px 8px; border-radius:50%; margin-top:-14px; cursor:pointer;} .mypage .product_box .note_area .add_message.active{display:block;} .mypage .regied_move{position:absolute; left:0; top:0;} .mypage .regied_move .info_txt{display:inline-block; right:10px; line-height:140%; vertical-align:middle; color:#606060; font-size:13px;} .mypage .member_profile{position:relative; padding:20px; margin-bottom:30px;} .mypage .member_profile dl{position:relative; border:1px solid #ddd; padding:18px; padding-left:150px; font-size:16px; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300;} .mypage .member_profile dl dt{position:absolute; left:18px; line-height:150%; color:#404040;} .mypage .member_profile dl dd{line-height:150%; margin-bottom:12px; color:#e90030;} .mypage .member_profile dl dd:last-child{margin-bottom:0;} .mypage .cmp_view{position:relative; background:#f5f5f5; padding:15px 20px; overflow:hidden; border:1px solid #ddd;} .mypage .cmp_view:before{content:''; position:absolute; top:0; left:50%; width:1px; height:100%; background:#ddd; margin-left:-0.5px;} .mypage .cmp_view > .inner_sec{float:left; width:50%; box-sizing:border-box;} .mypage .cmp_view > .inner_sec:first-child{padding-right:20px;} .mypage .cmp_view > .inner_sec:last-child{padding-left:20px;} .mypage .cmp_view > .inner_sec li{position:relative; padding:6px 0; padding-left:110px;} .mypage .cmp_view > .inner_sec li .tit{display:block; position:absolute; top:16px; left:0; font-weight:normal; font-size:13px; line-height:150%; color:#404040;} .mypage .cmp_view > .inner_sec li .cont_area{position:relative;} .mypage .cmp_view > .inner_sec li .cont_area p{padding-top:10px; line-height:150%;} .mypage .mcs_view{position:relative; overflow:hidden; margin-left:-5px;} .mypage .mcs_view .inner_sec{float:left; box-sizing:border-box;} .mypage .mcs_view .inner_sec:first-child{width:45%;} .mypage .mcs_view .inner_sec:last-child{width:55%;} .mypage .mcs_view .inner_sec .sec_box {border:1px solid #ddd; padding:25px; margin-left:5px;} .mypage .mcs_view .inner_sec:last-child .sec_box{padding-top:56px;} .mypage .lea_reason{position:relative;} .mypage .lea_reason ul{border:1px solid #ddd; padding:30px; margin-bottom:20px;} .mypage .lea_reason ul li{margin-bottom:12px;} .mypage .lea_reason ul li:last-child{margin-bottom:0;} .mypage .lea_reason ul li .etc_message{padding-left:30px; margin-top:20px;} .mypage_writing{position:relative;} .mypage_writing .inner{border-top:1px solid #ddd; margin-bottom:20px;} .mypage_writing .inner.btnone{border-top:none;} .mypage_writing .writing_ty1{overflow:hidden;} .mypage_writing .writing_ty1 > li{position:relative; border-bottom:1px solid #ddd; padding:15px 0; padding-left:240px; min-height:67px; box-sizing:border-box;} .mypage_writing .writing_ty1 > li .writing_tit{position:absolute; top:23px; left:10px; width:180px;} .mypage_writing .writing_ty1 > li .writing_tit.req{background:url("../images/common/bul_required.png") no-repeat right 7px;} .mypage_writing .writing_ty1 > li .writing_tit .tit{display:inline-block; line-height:150%; font-size:13px; color:#404040; font-weight:normal;} .mypage_writing .writing_ty1 > li .form_cont .txt_area{padding-top:9px;} .mypage_writing .writing_ty1 > li .form_cont .txt_area p{font-size:13px; line-height:150%; color:#404040; letter-spacing:0;} .mypage_writing .writing_ty1 > li .radio_set{padding-top:8px;} .mypage_writing .writing_ty1 > li .phone_set{position:relative; padding-left:147px;} .mypage_writing .writing_ty1 > li .phone_set .select_normal{position:absolute; left:0; top:0;} .mypage_writing .writing_ty1 > li .address_set{position:relative; padding-left:99px; margin-bottom:5px;} .mypage_writing .writing_ty1 > li .address_set .btn_gray{position:absolute; left:0; top:0;} .mypage_writing .writing_ty1 > li .main_market{position:relative; padding-bottom:0; overflow:hidden;} .mypage_writing .writing_ty1 > li .main_market li{float:left; width:33.333333%; margin:7px 0;} .mypage_writing .writing_ty1 > li .info_move{position:relative;} .mypage_writing .writing_ty1 > li .info_move > ul{border:1px solid #e90030; padding:9px 15px;} .mypage_writing .writing_ty1 > li .info_move > ul > li{border-bottom:1px solid #ddd; padding:9px 0;} .mypage_writing .writing_ty1 > li .info_move > ul > li:last-child{margin-bottom:0; border-bottom:none;} .mypage_writing .writing_ty1 > li .info_move > ul > li .info_detail{overflow:hidden;} .mypage_writing .writing_ty1 > li .info_move > ul > li .info_detail > li{position:relative; float:left; width:25%; text-align:left; font-size:13px; line-height:150%; color:#404040; box-sizing:border-box; padding-left:8px; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .mypage_writing .writing_ty1 > li .info_move > ul > li .info_detail > li:first-child{background:url("../images/common/bul_dot02.png") no-repeat left 9px; background-size:3px 3px;} .mypage_writing .writing_ty1 > li .info_move > ul > li .info_detail > li:last-child{width:10%; text-align:right;} .mypage_writing .writing_ty1 > li .info_move > ul > li .info_detail > li:nth-child(3n){width:40%;} .mypage_writing .writing_ty1 > li .info_move > ul > li .info_default{text-align:center; font-size:13px; line-height:80px; color:#808080; height:80px;} .mypage_writing .writing_ty1 > li .info_move > ul > li .btn_delete{display:inline-block; width:18px; height:18px; border:1px solid #e90030; background:url('../images/common/btn_delete03.png') no-repeat 50% 50%; background-size:12px 12px; vertical-align:middle;} .mypage_writing .writing_ty1 > li .btn_move{display:inline-block; width:30px; height:30px; background:url("../images/common/btn_arrow_down01.png") no-repeat 0 -30px; transition:all .25s ease; cursor:pointer;} .mypage_writing .writing_ty1 > li .btn_move:hover{background:url("../images/common/btn_arrow_down01.png") no-repeat 0 0;} .mypage_writing .writing_ty2{overflow:hidden;} .mypage_writing .writing_ty2 > li{position:relative; border-bottom:1px solid #ddd; padding:15px 0; padding-left:170px; min-height:67px; box-sizing:border-box;} .mypage_writing .writing_ty2 > li:last-child{border-bottom:none;} .mypage_writing .writing_ty2 > li.bbline{border-bottom:1px solid #ddd;} .mypage_writing .writing_ty2 > li .writing_tit{position:absolute; top:23px; left:10px; width:140px;} .mypage_writing .writing_ty2 > li .writing_tit.req{background:url("../images/common/bul_required.png") no-repeat right 7px;} .mypage_writing .writing_ty2 > li .writing_tit .tit{display:inline-block; line-height:150%; font-size:13px; color:#404040; font-weight:normal;} .mypage_writing .writing_ty2 > li .form_cont .txt_area{padding-top:9px;} .mypage_writing .writing_ty2 > li .form_cont .txt_area p{font-size:13px; line-height:150%; color:#404040; letter-spacing:0;} .mypage_writing .writing_ty2 > li .radio_set{padding-top:8px;} .mypage_writing .writing_ty2 > li .phone_set{position:relative; padding-left:147px;} .mypage_writing .writing_ty2 > li .phone_set .select_normal{position:absolute; left:0; top:0;} .mypage_writing .writing_ty2 > li .address_set{position:relative; padding-left:99px; margin-bottom:5px;} .mypage_writing .writing_ty2 > li .address_set .btn_gray{position:absolute; left:0; top:0;} .mypage_writing .writing_ty2 > li .main_market{position:relative; padding-bottom:0; overflow:hidden;} .mypage_writing .writing_ty2 > li .main_market li{float:left; width:33.333333%; margin:7px 0;} .mypage_writing .writing_ty2 > li .remaining{display:inline-block; vertical-align:middle; font-size:13px; color:#707070; line-height:150%;} .mypage_writing .writing_ty2 > li .remaining span{color:#e90030;} .mypage_writing .attach_file{position:relative; overflow:hidden;} .mypage_writing .attach_file li{position:relative; border-bottom:1px solid #ddd; padding:6px 20px;} .mypage_writing .attach_file li:before{content:""; position:absolute; left:10px; top:50%; width:2px; height:2px; background:#797d8a; margin-top:-1px;} .mypage_writing .attach_file li a{display:inline-block; color:#404040; line-height:150%; font-size:13px; letter-spacing:normal;} .mypage_writing .attach_file li a:hover{color:#e90030;} .mypage_viwting{position:relative;} .mypage_viwting .inner{border-top:2px solid #333949; border-bottom:2px solid #333949; margin-bottom:20px;} .mypage_viwting .viwting_ty1{overflow:hidden;} .mypage_viwting .viwting_ty1 > li{position:relative; border-bottom:1px solid #ddd; padding:12px 0; padding-left:160px; box-sizing:border-box;} .mypage_viwting .viwting_ty1 > li:last-child{border-bottom:none;} .mypage_viwting .viwting_ty1 > li .viwting_tit{position:absolute; top:12px; left:10px; width:140px;} .mypage_viwting .viwting_ty1 > li .viwting_tit .tit{display:inline-block; line-height:150%; font-size:13px; color:#404040; font-weight:normal;} .mypage_viwting .viwting_ty1 > li .form_cont .txt_area{position:relative;} .mypage_viwting .viwting_ty1 > li .form_cont .txt_area p{font-size:13px; line-height:150%; color:#404040; letter-spacing:0; min-height:19px;} .mypage .questions{position:relative; margin-bottom:20px;} .mypage .questions .questions_list{position:relative; border:1px solid #ddd; margin-top:30px;} .mypage .questions .questions_list > ul{} .mypage .questions .questions_list > ul > li{position:relative; border-top:1px solid #ddd;} .mypage .questions .questions_list > ul > li:first-child{border-top:none;} .mypage .questions .questions_list .inner_box{padding: 23px 25px 25px 70px;} .mypage .questions .questions_list .inner_box .regi_tit{display:inline-block; position:relative; font-size:13px; color:#404040; line-height:145%; letter-spacing:-0.2px; margin-bottom:10px; font-weight:normal;} .mypage .questions .questions_list .inner_box .lock{display:block; position:absolute; left:37px; top:35px; width:26px; height:26px; background:#fff; border-radius:50%; background:#fff url('../images/common/btn_lock.png') no-repeat 50% 4px; background-size:13px 17px; border:1px solid #7c818c;} .mypage .questions .questions_list .inner_box .regi_info{overflow:hidden;} .mypage .questions .questions_list .inner_box .regi_info li{border-right:1px solid #ddd; float:left; padding:0 8px; color:#808080; font-size:13px; line-height:145%; letter-spacing:normal;} .mypage .questions .questions_list .inner_box .regi_info li .delete{display:inline-block; color:#e90030; padding-left:15px; line-height:140%; background:url('../images/common/btn_delete.png') no-repeat left 50%; background-size:11px 11px;} .mypage .questions .questions_list .inner_box .regi_info li:first-child{padding-left:0;} .mypage .questions .questions_list .inner_box .regi_info li:last-child{border-right:none;} .mypage .questions .questions_list .inner_box .regi_detail{position:relative; border-top:1px solid #ddd; line-height:150%; font-size:13px; letter-spacing:-0.2px; color:#404040; padding-top:18px; margin-top:22px;} .mypage .questions .questions_list > ul > li.questions:before{content:''; position:absolute; left:10px; top:12px; width:45px; height:45px; background:url('../images/common/label_questions.png') no-repeat 50% 50%;} .mypage .questions .questions_list > ul > li.answers:before{content:''; position:absolute; left:10px; top:12px; width:45px; height:45px; background:url('../images/common/label_answers.png') no-repeat 50% 50%;} .mypage .questions .questions_list > ul > li.answers{background:#f5f5f5; border-top:none;} .mypage .questions .questions_list > ul > li.answers .inner_box{padding-left:83px;} .mypage .questions .questions_list > ul > li.answers .inner_box .regi_detail{border-top:none; padding-top:0; margin-top:0; margin-bottom:10px;} .mypage .questions .questions_list > ul > li.answers .inner_box .regi_detail:before{content:''; position:absolute; left:-14px; top:5px; width:8px; height:8px; background:url('../images/common/ico_re.png') no-repeat 50% 50%; background-size:8px 8px;} .mypage .seller_info{position:relative;} .mypage .seller_basic{position:relative; border:1px solid #ddd; padding:20px; box-sizing:border-box; min-height:240px; margin-bottom:40px;} .mypage .seller_basic .inner_box{position:relative; padding-left:280px;} .mypage .seller_basic .inner_box .seller_bi{position:absolute; left:0; top:0; width:230px; height:200px; background:#fff; box-sizing:border-box; padding:10px; text-align:center;} .mypage .seller_basic .inner_box .seller_bi.no_thum{background:#fff url("../images/common/noimg_cp.png") no-repeat 50% 50%; background-size:97px 97px;} .mypage .seller_basic .inner_box .seller_bi .bi_real{width:210px; height:180px; background-position:50% 50%; background-repeat:no-repeat;} .mypage .seller_basic .inner_box .seller_bi.no_thum .bi_real{display:none;} .mypage .seller_basic .inner_box .connect_info{position:relative; border-bottom:1px solid #bababa; height:45px; margin-bottom:20px;} .mypage .seller_basic .inner_box .connect_info h3{display:inline-block; line-height:45px; font-size:20px; color:#404040; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:normal;} .mypage .seller_basic .inner_box .connect_info .seller_url{display:block; position:absolute; right:52px; top:13px; color:#e90030; padding-left:18px; line-height:140%; font-size:13px; font-weight:normal; background:url('../images/common/ico_home.png') no-repeat left 50%; background-size:12px 14px;} .mypage .seller_basic .inner_box .connect_info .seller_mail{display:block; position:absolute; right:0; top:50%; margin-top:-18px; width:36px; height:36px; border-radius:50%; background:#7c818c url('../images/common/btn_mail.png') no-repeat 50% 8px; background-size:18px 18px;} .mypage .seller_basic .inner_box .profile_info{position:relative;} .mypage .seller_basic .inner_box .profile_info ul{overflow:hidden;} .mypage .seller_basic .inner_box .profile_info ul li{width:50%; float:left; box-sizing:border-box; margin-bottom:8px;} .mypage .seller_basic .inner_box .profile_info ul li:first-child{width:100%;} .mypage .seller_basic .inner_box .profile_info ul li:last-child{width:100%; margin-bottom:0;} .mypage .seller_basic .inner_box .profile_info ul li .info{position:relative; font-size:13px; color:#404040; padding-left:44px; line-height:150%; min-height:36px; box-sizing:border-box; padding-top:8px;} .mypage .seller_basic .inner_box .profile_info ul li .info .ico{position:absolute; left:0; top:0; width:36px; height:36px; border:2px solid #7c818c; border-radius:50%; box-sizing:border-box;} .mypage .seller_basic .inner_box .profile_info ul li .info .ico.person{background:url('../images/common/ico_person.png') no-repeat 50% 50%; background-size:16px 18px;} .mypage .seller_basic .inner_box .profile_info ul li .info .ico.telephone{background:url('../images/common/ico_telephone.png') no-repeat 50% 50%; background-size:18px 19px;} .mypage .seller_basic .inner_box .profile_info ul li .info .ico.fax{background:url('../images/common/ico_fax.png') no-repeat 50% 50%; background-size:18px 18px;} .mypage .seller_basic .inner_box .profile_info ul li .info .ico.address{background:url('../images/common/ico_address.png') no-repeat 50% 50%; background-size:16px 24px;} .mypage .inq_request{position:relative;} .mypage .inq_request .inner_box{border:1px solid #ddd;} .mypage .inq_request .inner_box > .tit_area{position:relative; height:50px; padding:0 20px; background:#f5f5f5;} .mypage .inq_request .inner_box > .tit_area > .tit{display:inline-block; line-height:50px; font-size:16px; letter-spacing:normal; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; color:#404040;} .mypage .inq_request .state_util{position:absolute; right:20px; top:10px; overflow:hidden;} .mypage .inq_request .state_util li{float:left; margin-left:15px;} .mypage .inq_request .state_util li .state_tit{line-height:29px; display:inline-block; color:#404040; font-size:13px; letter-spacing:normal; margin-right:2px;} .mypage .inq_request .state_util li .signal{display:inline-block; text-align:center; padding:4px 8px; border:1px solid #fff; border-radius:50px; min-width:70px; color:#404040; background:#fff; font-size:13px;} .mypage .inq_request .state_util li .signal.alpha{border:1px solid #ddd;} .mypage .inq_request .state_util li .signal.red{border:1px solid #e90030; color:#e90030;} .mypage .inq_request .state_util li .state_date{line-height:29px; display:block; color:#808080; font-size:12px; letter-spacing:normal;} .mypage .inq_request .inner_box > .cont_area{padding:20px 20px 32px; border-top:1px solid #ddd;} .mypage .inq_request .request_writer{position:relative; margin-bottom:20px;} .mypage .inq_request .request_writer > .writer_list{border-bottom:1px solid #ddd; padding-bottom:20px;} .mypage .inq_request .request_writer > .writer_list > li > dl{overflow:hidden; padding:6px 0; font-size:13px; letter-spacing:normal;} .mypage .inq_request .request_writer > .writer_list > li > dl > dt{float:left; width:5%; line-height:140%; color:#e90030; box-sizing:border-box;} .mypage .inq_request .request_writer > .writer_list > li > dl > dd{float:left; width:75%; line-height:140%; color:#404040; box-sizing:border-box; border-right:1px solid #ddd;} .mypage .inq_request .request_writer > .writer_list > li > dl > dd:nth-child(3n){width:20%; text-align:center; padding-left:0; color:#808080;} .mypage .inq_request .request_writer > .writer_list > li > dl > dd:last-child{border-right:none; font-size:12px;} .mypage .inq_request .send_cont{line-height:150%; letter-spacing:normal; color:#404040; font-size:13px;} .mypage_intro{position:relative; border-bottom:1px solid #ddd; margin-bottom:10px;} .mypage_intro .inner{position:relative; width:1200px; min-height:128px; margin:0 auto;} .mypage_intro .cp_info{position:relative; padding-left:270px; padding-top:35px;} .mypage_intro .cp_info .cp_bi{position:absolute; left:0; top:10px; width:241px; height:107px;} .mypage_intro .cp_info .cp_bi .bi_real{width:241px; height:107px; background-position:50% 50%; background-repeat:no-repeat;} .mypage_intro .cp_info .cp_bi.no_thum{background:#fff url("../images/common/noimg_cp.png") no-repeat 50% 50%; background-size:97px 97px;} .mypage_intro .cp_info .cp_bi.no_thum .bi_real{display:none;} .mypage_intro .cp_info .cp_name{display:block; font-size:20px; letter-spacing:normal; color:#404040; line-height:155%; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; margin-bottom:5px; width:380px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .mypage_intro .cp_info .cp_country{font-size:13px; letter-spacing:normal; color:#707070; line-height:150%;} .mypage_intro .push_checking{position:absolute; top:15px; right:-1px;} .mypage_intro .push_checking > ul{overflow:hidden; width:530px;} .mypage_intro .push_checking > ul > li{float:left; width:50%; margin-top:-1px; margin-left:-1px;} .mypage_intro .push_checking > ul > li:first-child{margin-left:0;} .mypage_intro .push_checking > ul > li:nth-child(-n+2){margin-top:0;} .mypage_intro .push_checking > ul > li:nth-child(3n){margin-left:0;} .mypage_intro .push_checking > ul > li.push01 .push_box span{background:url('../images/contents/push_ex.png') no-repeat left 50%; background-size:20px 19px;} .mypage_intro .push_checking > ul > li.push02 .push_box span{background:url('../images/contents/push_ex.png') no-repeat left 50%; background-size:20px 19px;} .mypage_intro .push_checking > ul > li.push03 .push_box span{background:url('../images/contents/push_ex.png') no-repeat left 50%; background-size:20px 19px;} .mypage_intro .push_checking > ul > li.push04 .push_box span{background:url('../images/contents/push_ex.png') no-repeat left 50%; background-size:20px 19px;} .mypage_intro .push_box{position:relative; border:1px solid #ddd; height:49px; background:#f8f8f8; padding:0 25px; box-sizing:border-box; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:normal;} .mypage_intro .push_box span{display:block; padding:0 30px; padding-right:50px; line-height:49px; letter-spacing:normal; font-size:13px; color:#404040; white-space: nowrap;} .mypage_intro .push_box .push_num { position:absolute; right:0; top:0; width:47px; height:100%; line-height:49px; background:#fff; border-left:1px solid #ddd; text-align:center; z-index:999; font-weight:300; letter-spacing:normal; font-size:14px; color:#e90030; transition:all .25s ease; } .mypage_intro .push_checking.seller > ul{overflow:hidden; width:450px;} .mypage_intro .push_checking.seller > ul > li .push_box span{letter-spacing:-1px;} .mypage .inner_hero{position:relative; padding-right:270px; min-height:596px;} .mypage .inner_hero .side_section{position:absolute; right:0; top:0; width:241px; height:100%; /*background:#f5f5f5;*/} .mypage .profile_box{border:1px solid #ddd; background:#fff; padding:24px 20px 25px;} .mypage .profile_box .basic_info{text-align:center; margin-bottom:20px;} .mypage .profile_box .basic_info .member_name{font-size:16px; letter-spacing:normal; line-height:135%; color:#404040; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:normal; margin-bottom:10px;} .mypage .profile_box .basic_info .member_name.kor_hero{font-size:18px;} .mypage .profile_box .btn_gray{display:block;} .mypage .profile_box .detail_info dl{line-height:150%; font-size:13px; letter-spacing:-0.2px;} .mypage .profile_box .detail_info dl dt{color:#808080; margin-bottom:2px; position:relative;} .mypage .profile_box .detail_info dl dt .setting{position:absolute; right:0; top:0; color:#808080; background:url("../images/common/ico_setting.png") no-repeat left 50%; background-size:12px 12px; padding-left:15px;} .mypage .profile_box .detail_info dl dt .switch{position:absolute; right:0; top:-2px; } .mypage .profile_box .detail_info dl dd{color:#404040; margin-bottom:10px; padding-bottom:3px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; letter-spacing:normal; border-bottom:1px solid #ddd;} .mypage .profile_box .detail_info dl dd:last-child{margin-bottom:0; border-bottom:none;} .mypage .profile_box .detail_info dl dd.address{display:box; display:-webkit-box; display:-ms-flexbox; word-wrap:break-word; white-space:normal; -webkit-line-clamp:3; -webkit-box-orient:vertical;} .mypage .board_news{padding:18px 20px;} .mypage .board_news .stitle_area{margin-bottom:8px;} .mypage .board_news .stitle_area .stit{text-transform:uppercase;} .mypage .board_news .board_list li{border-bottom:1px solid #ddd; padding:5px 0; line-height:150%;} .mypage .board_news .board_list li:last-child{border-bottom:none;} .mypage .board_news .board_list li a{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#404040; font-size:13px; padding-left:8px; background:url("../images/common/bul_dot02.png") no-repeat left 9px; background-size:3px 3px;} .mypage .board_news .board_list li a:hover{color:#e90030;} .mypage .board_news .board_list li .no_list{color:#808080; font-size:13px; text-align:center; padding:18px 0; border-bottom:1px solid #ddd;} .mypage .myinq_dash{position:relative; margin-bottom:45px;} .mypage .myinq_dash .dash_list{overflow:hidden;} .mypage .myinq_dash .dash_list li{position:relative; float:left; width:25%;} .mypage .myinq_dash .dash_list.num5 li{width:20%;} .mypage .myinq_dash .dash_list li .dash_box{display:block; height:95px; padding-top:23px; border:1px solid #ddd; letter-spacing:normal; line-height:150%; text-align:center; margin-left:-1px; position:relative; transition:all .25s ease; background:#fff; box-sizing:border-box;} .mypage .myinq_dash .dash_list li:first-child .dash_box{margin-left:0;} .mypage .myinq_dash .dash_list li .dash_box .num{display:block; color:#e90030; font-size:22px; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:600;} .mypage .myinq_dash .dash_list li .dash_box .tit{display:block; color:#505050; font-weight:normal; font-size:13px; padding-top:10px;} .mypage .myinq_dash .dash_list li .dash_box:hover{border:1px solid #e90030; z-index:9;} .mypage.seller .myinq_dash .dash_list li .dash_box .tit{letter-spacing:-1px;} .mypage .wish_product{position:relative; border:1px solid #ddd; padding:20px; margin-bottom:45px;} .mypage .wish_product .wish_slider_ty1{margin:0 -11px;} .mypage .wish_product .wish_slider_ty1 .slider_unit{margin:0 11px;} .mypage .wish_product .wish_slider_ty1 .slider_unit a{display:block; position:relative;} .mypage .wish_product .wish_slider_ty1 .slider_unit a img{width:164px; height:164px;} .mypage .wish_product .wish_slider_ty1 .slider_unit a .add_wish_ty1{position:absolute; right:5px; bottom:-45px;} .mypage .wish_product .wish_slider_ty1 .slider_unit a:hover .add_wish_ty1{bottom:5px;} .mypage .wish_product .wish_slider_ty2{margin:0 -11px;} .mypage .wish_product .wish_slider_ty2 .slider_unit{margin:0 11px;} .mypage .wish_product .wish_slider_ty2 .slider_unit a{display:block; position:relative;} .mypage .wish_product .wish_slider_ty2 .slider_unit a img{width:138px; height:138px;} .mypage .wish_product .wish_slider_ty2 .slider_unit a .add_wish_ty1{position:absolute; right:5px; bottom:-45px;} .mypage .wish_product .wish_slider_ty2 .slider_unit a:hover .add_wish_ty1{bottom:5px;} .mypage .wish_product .slick-arrow{display:block; position:absolute; top:50%; border:none; border-radius:0; margin-top:-23px; padding:0; width:34px; height:46px; font-size:0; cursor:pointer; z-index:333; transition:all .25s ease;} .mypage .wish_product .slick-prev{left:-10px; background:rgba(51,57,73,.4) url('../images/common/btn_mfocus_left.png') no-repeat 50% 50%; background-size:12px 21px;} .mypage .wish_product .slick-next{right:-10px; background:rgba(51,57,73,.4) url('../images/common/btn_mfocus_right.png') no-repeat 50% 50%; background-size:12px 21px;} .mypage .wish_product .slick-prev.slick-disabled{display:none !important;} .mypage .wish_product .slick-next.slick-disabled{display:none !important;} .mypage .wish_product .slick-prev:hover{background:rgba(51,57,73,.6) url('../images/common/btn_mfocus_left.png') no-repeat 50% 50%; background-size:12px 21px;} .mypage .wish_product .slick-next:hover{background:rgba(51,57,73,.6) url('../images/common/btn_mfocus_right.png') no-repeat 50% 50%; background-size:12px 21px;} .mypage .country_product{position:relative;} .mypage .country_product > ul{overflow: hidden; margin-left:-20px;} .mypage .country_product > ul > li{float:left; width:33.3333333%; margin-top:20px;} .mypage .country_product > ul > li:nth-child(-n+3){margin-top:0;} .mypage .country_product > ul > li .inner_box{margin-left:20px; border:1px solid #ddd;} .mypage .country_product > ul > li .inner_box .info_area{background:#f5f5f5; padding:20px; padding-top:15px;} .mypage .country_product > ul > li .inner_box .info_area .cp_name{display:block; font-size:20px; letter-spacing:normal; color:#404040; line-height:155%; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; margin-bottom:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .mypage .country_product > ul > li .inner_box .info_area .info_txt{font-size:13px; color:#606060; line-height:155%; margin-bottom:8px; letter-spacing:normal; } .mypage .country_product > ul > li .inner_box .info_area .cp_name.kor_hero{font-size:16px;} .mypage .country_product > ul > li .inner_box .info_area .country_code{overflow:hidden; margin-left:-2px;} .mypage .country_product > ul > li .inner_box .info_area .country_code li{float:left; width:20%;} .mypage .country_product > ul > li .inner_box .info_area .country_code li .mash{display:block; background:#fff; font-size:12px; border:1px solid #ddd; text-align:center; height:31px; line-height:30px; color:#404040; letter-spacing:normal; border-radius:30px; box-sizing:border-box; margin-left:2px;} .mypage .country_product > ul > li .inner_box .product_area{position:relative; padding:20px;} .mypage .country_product > ul > li .inner_box .product_area ul{overflow:hidden; margin-left:-10px;} .mypage .country_product > ul > li .inner_box .product_area ul li{float:left; width:33.3333333%;} .mypage .country_product > ul > li .inner_box .product_area ul li .img_box{display:block; position:relative; margin-left:10px;} .mypage .country_product > ul > li .inner_box .product_area ul li .img_box .thum{width:78px; height:78px;} .mypage .shp_address{position:relative;} .mypage .shp_address > .shp_list > li{border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:30px;} .mypage .shp_address > .shp_list > li:last-child{margin-bottom:0;} .mypage .shp_address .inner_cont{overflow:hidden;} .mypage .shp_address .inner_cont .section_l{float:left; width:30%; box-sizing:border-box; padding:20px;} .mypage .shp_address .inner_cont .section_l .primary_label{display:inline-block; background:#fff; border:1px solid #e90030; padding:3px 8px; color:#e90030; margin-bottom:10px; font-size:12px; line-height:150%; letter-spacing:normal;} .mypage .shp_address .inner_cont .section_l .cp_name{display:block; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; font-size:15px; color:#404040; letter-spacing:normal; line-height:140%; margin-bottom:3px;} .mypage .shp_address .inner_cont .section_l .rc_name{display:inline-block; font-weight:normal; font-size:13px; color:#606060; letter-spacing:normal; line-height:140%;} .mypage .shp_address .inner_cont .section_r{float:right; width:70%; box-sizing:border-box; padding:20px;} .mypage .shp_address .inner_cont .section_r .address_info li{line-height:150%; color:#404040; letter-spacing:normal; font-size:13px;} .mypage .shp_address .inner_cont .section_r .zcode_info{line-height:150%; color:#404040; letter-spacing:normal; font-size:13px; margin-top:12px;} .mypage .shp_address .inner_cont .section_r .tel_info{line-height:150%; color:#404040; letter-spacing:normal; font-size:13px; margin-top:12px;} .mypage .shp_address .btn_ctrl{text-align:right; overflow:hidden; padding-bottom:10px; padding-left:20px;} .mypage .level_info{position:relative; border:1px solid #ddd; padding:40px 20px; padding-left:520px; margin-bottom:40px; box-sizing:border-box;} .mypage .level_info .detail_info{position:relative; padding-left:150px; color:#404040; font-size:14px; color:#404040;} .mypage .level_info .detail_info dt{position:absolute; left:0; line-height:150%; letter-spacing:-0.5px; padding-left:7px; font-weight:normal; background:url("../images/common/bul_dot02.png") no-repeat left 10px; background-size:2px 2px;} .mypage .level_info .detail_info dd{line-height:140%; margin-bottom:8px; letter-spacing:normal;} .mypage .level_info .detail_info dd:last-child{margin-bottom:0;} .mypage .level_info .my_point {position:absolute; width:28%; bottom:42px; left:122px; border-top:1px dashed #ddd; padding:10px 0 0 0;font-size:17px;} .mypage .level_info .my_point strong {color:#e90030; font-size:20px; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:normal; padding-left:10px;} .mypage .level_info .my_level{position:absolute; left:33px; top:36px;} .mypage .level_info .my_level .level_msg{display:inline-block; font-size:20px; letter-spacing:-1px; font-family:nanumsr; line-height:140%; padding-left:90px; color:#404040; font-weight:300;} .mypage .level_info .my_level .level_msg .user_id{font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:normal;} .mypage .level_info .my_level .level_msg .now_level{color:#e90030; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:normal;} .mypage .level_info .my_level .level_ico{position:absolute; left:0; top:-5px;} .mypage .level_info .my_level .level_ico img{width:76px;} .mypage .level_review .review_box{overflow:hidden; margin-bottom:40px;} .mypage .level_review .review_box li{float:left; width:20%;} .mypage .level_review .review_box li .inner_box{position:relative; border:1px solid #ddd; padding-top:108px; margin-left:-1px;} .mypage .level_review .review_box li:first-child .inner_box{margin-left:0;} .mypage .level_review .review_box li .inner_box .level_ico{position:absolute; left:50%; top:20px; margin-left:-40px;} .mypage .level_review .review_box li .inner_box .level_ico img{width:82px;} .mypage .level_review .review_box li .inner_box .info_txt{background:#f8f8f8; padding:20px 20px 20px; font-size:13px; letter-spacing:-0.5px; text-align:center; line-height:150%; color:#404040; box-sizing:border-box; min-height:78px;} .mypage.kor_change{margin-top:-12px !important;} .mypage.kor_change .stitle_area .stit{font-size:16px !important; font-weight:600 !important; letter-spacing:-1px !important;} .mypage.kor_change .country_product > ul > li .inner_box .info_area .cp_name{font-size:16px !important; font-weight:600 !important; letter-spacing:-1px !important;} /* ----------------- support ----------------- */ .support{position:relative;} .support .hero_creatit{position:relative; background:#333949; height:52px; margin-bottom:9px;} .support .hero_creatit:before{content:''; position:absolute; left:-10px; top:0; width:10px; height:52px; background:#333949;} .support .hero_creatit:after{content:''; position:absolute; left:-9px; bottom:-9px; width:9px; height:9px; background:url('../images/common/ico_crebox.png') no-repeat 50% 50%; background-size:9px 9px;} .support .hero_creatit .tit{display:inline-block; color:#fff; font-size:20px; height:52px; line-height:52px; padding-left:20px; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:normal;} /* FAQ */ .support .faq_maper{position:relative; margin-bottom:40px;} .support .faq_maper .maper_list{overflow:hidden; background:#f5f5f5;} .support .faq_maper .maper_list li{position:relative; float:left; width:20%; box-sizing:border-box;} .support .faq_maper .maper_list li .menu_box{display:block; height:130px; border:1px solid #ddd; letter-spacing:normal; line-height:150%; text-align:center; margin-left:-1px; margin-top:-1px; position:relative; transition:all .25s ease; background:#f5f5f5;} .support .faq_maper .maper_list li:first-child .menu_box{margin-left:0;} .support .faq_maper .maper_list li:nth-child(6n) .menu_box, .support .faq_maper .maper_list li:nth-child(11n) .menu_box{margin-left:0;} .support .faq_maper .maper_list li:nth-child(-n+5) .menu_box{margin-top:0;} .support .faq_maper .maper_list li .menu_box .tit{display:block; color:#404040; font-weight:normal; font-size:13px; padding-top:90px;} .support .faq_maper .maper_list li .menu_box.menu1{background:#fff url('../images/contents/faq_menu1_off.png') no-repeat 50% 26px; background-size:29px 46px;} .support .faq_maper .maper_list li .menu_box.active.menu1{background:#fff url('../images/contents/faq_menu1_on.png') no-repeat 50% 26px; background-size:29px 46px;} .support .faq_maper .maper_list li .menu_box.menu2{background:#fff url('../images/contents/faq_menu2_off.png') no-repeat 50% 24px; background-size:60px 43px;} .support .faq_maper .maper_list li .menu_box.active.menu2{background:#fff url('../images/contents/faq_menu2_on.png') no-repeat 50% 24px; background-size:60px 43px;} .support .faq_maper .maper_list li .menu_box.menu3{background:#fff url('../images/contents/faq_menu3_off.png') no-repeat 50% 24px; background-size:46px 50px;} .support .faq_maper .maper_list li .menu_box.active.menu3{background:#fff url('../images/contents/faq_menu3_on.png') no-repeat 50% 24px; background-size:46px 50px;} .support .faq_maper .maper_list li .menu_box.menu4{background:#fff url('../images/contents/faq_menu4_off.png') no-repeat 50% 24px; background-size:38px 46px;} .support .faq_maper .maper_list li .menu_box.active.menu4{background:#fff url('../images/contents/faq_menu4_on.png') no-repeat 50% 24px; background-size:38px 46px;} .support .faq_maper .maper_list li .menu_box.menu5{background:#fff url('../images/contents/faq_menu5_off.png') no-repeat 50% 24px; background-size:52px 46px;} .support .faq_maper .maper_list li .menu_box.active.menu5{background:#fff url('../images/contents/faq_menu5_on.png') no-repeat 50% 24px; background-size:52px 46px;} .support .faq_maper .maper_list li .menu_box.menu6{background:#fff url('../images/contents/faq_menu6_off.png') no-repeat 50% 24px; background-size:53px 53px;} .support .faq_maper .maper_list li .menu_box.active.menu6{background:#fff url('../images/contents/faq_menu6_on.png') no-repeat 50% 24px; background-size:53px 53px;} .support .faq_maper .maper_list li .menu_box.menu7{background:#fff url('../images/contents/faq_menu7_off.png') no-repeat 50% 24px; background-size:45px 54px;} .support .faq_maper .maper_list li .menu_box.active.menu7{background:#fff url('../images/contents/faq_menu7_on.png') no-repeat 50% 24px; background-size:45px 54px;} .support .faq_maper .maper_list li .menu_box.menu8{background:#fff url('../images/contents/faq_menu8_off.png') no-repeat 50% 26px; background-size:48px 50px;} .support .faq_maper .maper_list li .menu_box.active.menu8{background:#fff url('../images/contents/faq_menu8_on.png') no-repeat 50% 26px; background-size:48px 50px;} .support .faq_maper .maper_list li .menu_box.menu9{background:#fff url('../images/contents/faq_menu9_off.png') no-repeat 50% 24px; background-size:51px 54px;} .support .faq_maper .maper_list li .menu_box.active.menu9{background:#fff url('../images/contents/faq_menu9_on.png') no-repeat 50% 24px; background-size:51px 54px;} .support .faq_maper .maper_list li .menu_box.menu10{background:#fff url('../images/contents/faq_menu10_off.png') no-repeat 50% 51px; background-size:31px 9px;} .support .faq_maper .maper_list li .menu_box.active.menu10{background:#fff url('../images/contents/faq_menu10_on.png') no-repeat 50% 51px; background-size:31px 9px;} .support .faq_maper .maper_list li .menu_box.active{border:1px dashed #e90030; z-index:9;} .support .faq_maper .maper_list li .menu_box.active .tit{color:#e90030;} .support .faq_selected{position:relative;} .support .faq_selected .cont_inner{display:none;} .support .faq_selected .cont_inner.active{display:block;} .support .faq_popular{position:relative;} .support .faq_popular > ul{overflow:hidden;} .support .faq_popular > ul > li{margin-top:-1px;} .support .faq_popular > ul > li:first-child{margin-top:0;} .support .faq_popular > ul > li .inner_box{border:1px solid #ddd; background:#f5f5f5;} .support .faq_popular > ul > li .inner_box .question{position:relative; height:50px; padding:0 20px; background:#fff; display:block;} .support .faq_popular > ul > li .inner_box .question .tit{display:inline-block; line-height:50px; font-size:16px; letter-spacing:normal; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; color:#404040;} .support .faq_popular > ul > li .inner_box .question:after{content:''; position:absolute; top:0; right:0; width:50px; height:100%; border-left:1px solid #ddd; background: url('../images/common/faq_exp.png') no-repeat 50% 50%; background-size:12px 12px;} .support .faq_popular > ul > li.active .inner_box .question:after{background: url('../images/common/faq_col.png') no-repeat 50% 50%; background-size:12px 2px;} .support .faq_popular > ul > li .inner_box .answer{display:none; padding:22px 20px 32px; border-top:1px solid #ddd;} .support .faq_popular > ul > li .inner_box .answer p{line-height:155%; color:#535353; font-size:13px; letter-spacing:normal;} /* How to Use */ .support .howuse_maper{position:relative; margin-bottom:40px;} .support .howuse_maper .maper_list{overflow:hidden; background:#f5f5f5;} .support .howuse_maper .maper_list li{position:relative; float:left; width:20%; box-sizing:border-box;} .support .howuse_maper .maper_list li .menu_box{display:block; height:130px; border:1px solid #ddd; letter-spacing:normal; line-height:150%; text-align:center; margin-left:-1px; margin-top:-1px; position:relative; transition:all .25s ease; background:#f5f5f5;} .support .howuse_maper .maper_list li:first-child .menu_box{margin-left:0;} .support .howuse_maper .maper_list li:nth-child(6n) .menu_box, .support .howuse_maper .maper_list li:nth-child(11n) .menu_box{margin-left:0;} .support .howuse_maper .maper_list li:nth-child(-n+5) .menu_box{margin-top:0;} .support .howuse_maper .maper_list li .menu_box .tit{display:block; color:#404040; font-weight:normal; font-size:13px; padding-top:90px;} .support .howuse_maper .maper_list li .menu_box.menu1{background:#fff url('../images/contents/how_menu1_off.png') no-repeat 50% 26px; background-size:29px 46px;} .support .howuse_maper .maper_list li .menu_box.active.menu1{background:#fff url('../images/contents/how_menu1_on.png') no-repeat 50% 26px; background-size:29px 46px;} .support .howuse_maper .maper_list li .menu_box.menu2{background:#fff url('../images/contents/how_menu2_off.png') no-repeat 50% 24px; background-size:46px 50px;} .support .howuse_maper .maper_list li .menu_box.active.menu2{background:#fff url('../images/contents/how_menu2_on.png') no-repeat 50% 24px; background-size:46px 50px;} .support .howuse_maper .maper_list li .menu_box.menu3{background:#fff url('../images/contents/how_menu3_off.png') no-repeat 50% 24px; background-size:38px 46px;} .support .howuse_maper .maper_list li .menu_box.active.menu3{background:#fff url('../images/contents/how_menu3_on.png') no-repeat 50% 24px; background-size:38px 46px;} .support .howuse_maper .maper_list li .menu_box.menu4{background:#fff url('../images/contents/how_menu4_off.png') no-repeat 50% 24px; background-size:52px 46px;} .support .howuse_maper .maper_list li .menu_box.active.menu4{background:#fff url('../images/contents/how_menu4_on.png') no-repeat 50% 24px; background-size:52px 46px;} .support .howuse_maper .maper_list li .menu_box.menu5{background:#fff url('../images/contents/how_menu5_off.png') no-repeat 50% 24px; background-size:53px 53px;} .support .howuse_maper .maper_list li .menu_box.active.menu5{background:#fff url('../images/contents/how_menu5_on.png') no-repeat 50% 24px; background-size:53px 53px;} .support .howuse_maper .maper_list li .menu_box.active{border:1px solid #e90030; z-index:9;} .support .howuse_maper .maper_list li .menu_box.active .tit{color:#e90030;} .support .howuse_selected{position:relative;} .support .howuse_selected .cont_inner{display:none;} .support .howuse_selected .cont_inner.active{display:block;} .support .howuse_popular{position:relative;} .support .howuse_popular > ul{overflow:hidden;} .support .howuse_popular > ul > li{margin-bottom:20px;} .support .howuse_popular > ul > li:last-child{margin-bottom:0;} .support .howuse_popular > ul > li .inner_box{border:1px solid #ddd; background:#f5f5f5;} .support .howuse_popular > ul > li .inner_box .question{position:relative; height:50px; padding:0 20px; background:#fff; display:block;} .support .howuse_popular > ul > li .inner_box .question .tit{display:inline-block; line-height:50px; font-size:16px; letter-spacing:normal; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; color:#404040;} .support .howuse_popular > ul > li .inner_box .answer{padding:22px 20px 32px; border-top:1px solid #ddd;} .support .howuse_popular > ul > li .inner_box .answer p{line-height:155%; color:#606060; font-size:13px; letter-spacing:normal;} .support .howuse_deth{margin-bottom:35px; margin-top:-9px; border-top:none;} .support .howuse_deth ul{background:#f5f5f5; padding:25px;} .support .howuse_deth ul li a{display:block; position:relative; border:1px solid #ddd; background:#fff; margin-top:-1px; padding:12px 15px; line-height:150%; color:#404040; font-size:14px; letter-spacing:normal; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; transition:all .25s ease;} .support .howuse_deth ul li a:hover{border:1px solid #333949; z-index:9;} /* Site Map */ .support .category_list{margin-bottom:35px;} .support .category_list .list_tit{position:relative; padding:18px 15px; background:#f5f5f5;} .support .category_list .list_tit .tit{display:inline-block; color:#e90030; font-size:15px; line-height:150%; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:normal;} .support .category_list .inner_list{position:relative; border-bottom:1px solid #ddd;} .support .category_list .inner_list > ul{overflow:hidden;} .support .category_list .inner_list > ul > li{position:relative; float:left; width:33.3333%; height:225px;} .support .category_list .inner_list > ul > li:after{content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#ddd;} .support .category_list .inner_list > ul > li:nth-child(3n):after{display:none;} .support .category_list .inner_list > ul > li > dl dt{background:#FFF; margin-bottom:9px; border-bottom:1px solid #ddd;} .support .category_list .inner_list > ul > li > dl dt a { display:block; padding:14px 15px; color:#404040; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-size:15px; font-weight:300; letter-spacing:-0.5px; line-height:150%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .support .category_list .inner_list > ul > li > dl dt a:hover{color:#e90030;} .support .category_list .inner_list > ul > li > dl dd a{display:block; padding:2px 15px; padding-left:23px; color:#606060; font-size:13px; letter-spacing:-0.5px; line-height:140%; position:relative;} .support .category_list .inner_list > ul > li > dl dd a:before{content:''; position:absolute; left:15px; top:11px; width:2px; height:2px; background:#888;} .support .category_list .inner_list > ul > li > dl dd a:hover{color:#e90030;} .support .category_list .inner_list > ul > li > dl dd a.more{display:inline-block; color:#e90030; padding-right:10px; background:url('../images/common/bul_more_red.png') no-repeat right 50%; background-size:5px 9px;} .support .category_list .inner_list > ul > li > dl dd a.more:before{display:none;} .support .menu_list .inner_list{position:relative; border-bottom:1px solid #ddd;} .support .menu_list .inner_list > ul{overflow:hidden;} .support .menu_list .inner_list > ul > li{position:relative; float:left; width:33.3333%; height:233px;} .support .menu_list .inner_list > ul > li:after{content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#ddd;} .support .menu_list .inner_list > ul > li:nth-child(3n):after{display:none;} .support .menu_list .inner_list > ul > li > dl dt { padding:18px 15px; color:#e90030; background:#f8f8f8; margin-bottom:9px; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-size:15px; font-weight:300; letter-spacing:-0.5px; line-height:150%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .support .menu_list .inner_list > ul > li > dl dd a{display:block; padding:2px 15px; padding-left:23px; color:#606060; font-size:13px; letter-spacing:-0.5px; line-height:140%; position:relative;} .support .menu_list .inner_list > ul > li > dl dd a:before{content:''; position:absolute; left:15px; top:11px; width:2px; height:2px; background:#888;} .support .menu_list .inner_list > ul > li > dl dd a:hover{color:#e90030;} .support .menu_list .inner_list > ul > li > dl dd a.more{display:inline-block; color:#e90030; padding-right:10px; background:url('../images/common/bul_more_red.png') no-repeat right 50%; background-size:5px 9px;} .support .menu_list .inner_list > ul > li > dl dd a.more:before{display:none;} /* 20171205 �뜝�룞�삕�뜝�럥猷당솻洹o옙獄��씛�삕占쎈턄占쎈꽞占쎄턂�굢占� 占쎈퉲�겫�룞�삕 */ .dash{position:relative;} .dash .maper_list{overflow:hidden; background:#f5f5f5;} .dash .maper_list li{position:relative; float:left; width:25%; box-sizing:border-box;} .dash .maper_list li a { padding-top: 10px;} .dash .maper_list li .menu_box{display:block;background:#fff; height:44px; border:1px solid #ddd; letter-spacing:normal; line-height:120%; text-align:center; margin-left:-1px; margin-top:-1px; position:relative; transition:all .25s ease; } .dash .maper_list li:first-child .menu_box{margin-left:0;background:#fff;} .dash .maper_list li:nth-child(5n) .menu_box, .dash .maper_list li:nth-child(11n) .menu_box{margin-left:0;background:#fff; } .dash .maper_list li:nth-child(-n+4) .menu_box{margin-top:0;background:#fff;} .dash .maper_list li .menu_box .tit{display:block; color:#404040; font-weight:normal; font-size:12px; } .dash .maper_list li .menu_box .tit2{font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic";font-weight:300; font-size:15px; padding:0px 15px; color:#e90030; line-height:80% !importnat; } .dash .maper_list li .menu_box.menu{background:#f5f5f5 } .dash .maper_list li .menu_box.active.menu{background:#f5f5f5 } .dash .maper_list li .menu_box.active{border:1px solid #e90030; z-index:9;} .dash .maper_list li .menu_box.active .tit{color:#e90030;} .dash2{position:relative;} .dash2 .maper_list{overflow:hidden; background:#f5f5f5;} .dash2 .maper_list li{position:relative; float:left; width:20%; box-sizing:border-box;} .dash2 .maper_list li a { padding-top: 16px;} .dash2 .maper_list li .menu_box{display:block;background:#fff; height:64px; border:1px solid #ddd; letter-spacing:normal; line-height:120%; text-align:center; margin-left:-1px; margin-top:-1px; position:relative; transition:all .25s ease; } .dash2 .maper_list li:first-child .menu_box{margin-left:0;background:#fff;} .dash2 .maper_list li:nth-child(6n) .menu_box, .dash .maper_list li:nth-child(11n) .menu_box{margin-left:0;background:#fff; } .dash2 .maper_list li:nth-child(-n+5) .menu_box{margin-top:0;background:#fff;} .dash2 .maper_list li .menu_box .tit{display:block; color:#404040; font-weight:normal; font-size:13px; } .dash2 .maper_list li .menu_box .tit2{font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic";font-weight:300; font-size:16px; padding:2px 15px; color:#e90030; line-height:80% !important; } .dash2 .maper_list li .menu_box.menu{background:#f5f5f5 } .dash2 .maper_list li .menu_box.active.menu{background:#f5f5f5 } .dash2 .maper_list li .menu_box.active{border:1px solid #e90030; z-index:9;} .dash2 .maper_list li .menu_box.active .tit{color:#e90030;} .faq_selected{position:relative;} .faq_selected .cont_inner{display:none;} .faq_selected .cont_inner.active{display:block;} .faq_popular{position:relative;} .faq_popular > ul{overflow:hidden;} .faq_popular > ul > li{margin-top:-1px;} .faq_popular > ul > li:first-child{margin-top:0;} .faq_popular > ul > li .inner_box{border:1px solid #ddd; background:#f5f5f5;} .faq_popular > ul > li .inner_box .question{position:relative; height:50px; padding:0 20px; background:#fff; display:block;} .faq_popular > ul > li .inner_box .question .tit{display:inline-block; line-height:50px; font-size:16px; letter-spacing:normal; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; color:#404040;} .faq_popular > ul > li .inner_box .question:after{content:''; position:absolute; top:0; right:0; width:50px; height:100%; border-left:1px solid #ddd; background: url('../images/common/faq_exp.png') no-repeat 50% 50%; background-size:12px 12px;} .faq_popular > ul > li.active .inner_box .question:after{background: url('../images/common/faq_col.png') no-repeat 50% 50%; background-size:12px 2px;} .faq_popular > ul > li .inner_box .answer{display:none; padding:22px 20px 32px; border-top:1px solid #ddd;} .faq_popular > ul > li .inner_box .answer p{line-height:155%; color:#606060; font-size:13px; letter-spacing:normal;} /* board_search */ .board_search{position:relative; border-bottom:1px solid #e3e3e3; height:38px; padding-bottom:10px; margin-bottom:40px;} .board_search .total_area{font-size:13px; color:#555; letter-spacing:-0.5px; line-height:150%; padding-top:10px;} .board_search .total_area span{display:inline-block; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; letter-spacing:1px; font-weight:700;} .board_search .search_area{position:absolute; top:0; right:0;} /* ----------------- board_view ----------------- */ /* �뜝�럩�젷嶺뚮쪋�삕 �뛾�룊�삕 �뜝�럥苡삣슖�돦鍮섓옙�젧�솻洹⑥삕 */ .board_view .bv_creatit{position:relative; background:#333949; min-height:52px; padding:12px 20px; margin-bottom:5px; box-sizing:border-box;} .board_view .bv_creatit:before{content:''; position:absolute; left:-10px; top:0; width:10px; height:100%; background:#333949;} .board_view .bv_creatit:after{content:''; position:absolute; left:-9px; bottom:-9px; width:9px; height:9px; background:url('../images/common/ico_crebox.png') no-repeat 50% 50%; background-size:9px 9px;} .board_view .bv_creatit .tit{display:inline-block; color:#fff; font-size:18px; line-height:150%; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:normal;} .board_view .bv_creatit .opt_txt{position:relative; overflow:hidden; padding:10px 0 3px; font-size:13px; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:normal;} .board_view .bv_creatit .opt_txt dt{float:left; color:#c3c5c9; margin-right:15px; padding-left:15px; line-height:160%; letter-spacing:normal;} .board_view .bv_creatit .opt_txt dd{float:left; color:#fff; padding-right:15px; border-right:1px solid #272c39; line-height:160%;} .board_view .bv_creatit .opt_txt dt:first-child{padding-left:0;} .board_view .bv_creatit .opt_txt dd:last-child{border-right:none; padding-right:0;} /* �뜝�럥苡삣슖�돦鍮뽫븰洹⑥삕占쎌냱�뜝�럩逾� */ .board_view .bv_file{position:relative; overflow:hidden; padding:0 20px;} .board_view .bv_file li{position:relative; border-bottom:1px solid #ddd; padding:8px 20px;} .board_view .bv_file li:before{content:""; position:absolute; left:10px; top:50%; width:2px; height:2px; background:#797d8a; margin-top:-1px;s} .board_view .bv_file li a{display:inline-block; color:#404040; line-height:150%; font-size:13px; letter-spacing:normal;} .board_view .bv_file li a:hover{color:#e90030;} /* �뜝�럥苡삣슖�돦鍮뽫븰洹⑥삕占쎌냱�뜝�럩逾� */ .answer .bv_file{position:relative; overflow:hidden; padding-bottom:30px;} .answer .bv_file li{position:relative; border-bottom:1px solid #ddd; padding:8px 20px;} .answer .bv_file li:before{content:""; position:absolute; left:10px; top:50%; width:2px; height:2px; background:#797d8a; margin-top:-1px;s} .answer .bv_file li a{display:inline-block; color:#404040; line-height:150%; font-size:13px; letter-spacing:normal;} .answer .bv_file li a:hover{color:#e90030;} /* �뇦猿딆뒩占쎈뻣�뜝�럥�냷 占쎈슓維귨옙���럹�뜝占� */ .board_view .bv_contents{padding:40px 20px; border-bottom:1px solid #ddd;} .board_view .bv_contents img{max-width: 100% !important; height: auto !important; margin: 15px 0;} .board_view .bv_contents p{line-height:160%; color:#333; text-align:left; font-size:14px; letter-spacing:normal;} /* �뜝�럩逾졾뜝�럩�쓧�뼨�먯삕.�뜝�럥堉꾢뜝�럩踰됬뼨�먯삕 */ .board_view .bv_archive {position:relative; border-bottom:1px solid #ddd;} .board_view .bv_archive dl{position:relative; height:67px; padding-left:100px; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic";} .board_view .bv_archive dl:first-child {border-bottom: 1px solid #ddd;} .board_view .bv_archive dl dt{position:absolute; left:0; width:100px; height:67px; line-height:67px; text-align:center; background:#f5f5f5; color:#404040; font-size:13px; font-weight:300; letter-spacing:normal;} .board_view .bv_archive dl dd{padding-left:30px;} .board_view .bv_archive .subject{display:block; padding-top:14px;} .board_view .bv_archive .subject a{display:inline-block; line-height:150%; font-size:13px; letter-spacing:normal; color:#404040; font-weight:300;} .board_view .bv_archive .subject a:hover{color:#e90030;} .board_view .bv_archive .date{display:inline-block; line-height:150%; letter-spacing:normal; color:#707070; font-size:13px;} .board_view .bv_archive .no_txt{display:inline-block; line-height:150%; font-size:13px; letter-spacing:normal; color:#909090; padding-top:24px;} .special_menu_t1{position:relative; margin-bottom:50px;} .special_menu_t1 > ul{overflow:hidden; background:#f8f8f8;} .special_menu_t1 > ul > li{float:left;width:20.05%;min-width:241px; margin-top:-1px; margin-left:-1px;} /* 2018.10.04 �뜝�럩占썲뜝�럥吏쀥뜝�럩�쓤�뜝�럩紐드슖�댙�삕 �뜝�럥�빢�뜝�럩�젧 */ .special_menu_t1 > ul > li:first-child{margin-left:0; width:20%;min-width:240px;} .special_menu_t1 > ul > li:nth-child(-n+5){margin-top:0;} .special_menu_t1 > ul > li:nth-child(5n+6){margin-left:0; width:20%;min-width:240px;} .special_menu_t1 .inner_box { display:block; position:relative; border:1px solid #ddd; padding:12px 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:150%; box-sizing:border-box; font-size:13px; color:#404040; font-weight:normal; transition:all .25s ease; } .special_menu_t1 .inner_box:hover, .special_menu_t1 .inner_box:focus{border:1px solid #e90030; color:#e90030; background:#fff; z-index:9;} .special_menu_t1 > ul > li.active .inner_box{border:1px solid #e90030; color:#e90030; background:#fff; z-index:10;} /* �뜝�럥諭잏솻洹��뫅�뜝占� �뜝�럩�뮔 tab */ .special_menu_t2{position:relative; margin-bottom:50px;} .special_menu_t2 > ul{overflow:hidden; background:#fff;} .special_menu_t2 > ul > li{float:left;width:20.06%;min-width:241px; margin-top:-1px; margin-left:-1px;} /* 2018.10.04 �뜝�럩占썲뜝�럥吏쀥뜝�럩�쓤�뜝�럩紐드슖�댙�삕 �뜝�럥�빢�뜝�럩�젧 */ .special_menu_t2 > ul > li:first-child{margin-left:0; width:20%;min-width:240px;} .special_menu_t2 > ul > li:nth-child(-n+5){margin-top:0;} .special_menu_t2 > ul > li:nth-child(5n+6){margin-left:0; width:20%;min-width:240px;} .special_menu_t2 .inner_box { display:block; position:relative; border:1px solid #ddd; padding:12px 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:150%; box-sizing:border-box; font-size:13px; color:#404040; font-weight:normal; transition:all .25s ease; } .special_menu_t2 .inner_box:hover, .special_menu_t1 .inner_box:focus{border:1px solid #e90030; color:#e90030; background:#fff; z-index:9;} .special_menu_t2 > ul > li.active .inner_box{border:1px solid #e90030; color:#fff; background:#e90030; z-index:10;} /* ----------------- ask_search ----------------- */ .ask_search{position:relative;} .ask_search .inner{position:relative; padding:10px 20px; background:#f5f5f5; border:1px solid #ddd; border-top:none;} /* 20191127 異붽� */ .ask_search .inner.top_line{border-top:1px solid #ddd;} .ask_search .inner.top_line .btn_search {background: url('../images/common/new/btn_search02_new.png') no-repeat 50% 50% #666; width: 32px; height: 32px; display: inline-block; vertical-align: middle; text-indent: -10000px;} .ask_search .inner.top_line .ask_ty1 > li .ask_tit .tit {font-weight: bold; padding-left: 10px;} .ask_search .ask_ty1{overflow:hidden;} .ask_search .ask_ty1 > li{position:relative; padding:5px 0; padding-left:140px; box-sizing:border-box; min-height:44px;} .ask_search .ask_ty1 > li .ask_tit{position:absolute; top:12px; left:0;} .ask_search .ask_ty1 > li .ask_tit .tit{display:inline-block; line-height:150%; font-size:13px; color:#404040; font-weight:normal;} .ask_search .ask_ty1 > li .form_cont .txt_area{padding-top:9px;} .ask_search .ask_ty1 > li .form_cont .txt_area p{font-size:13px; line-height:150%; color:#404040; letter-spacing:0;} .ask_search .ask_ty1 > li .radio_set{padding-top:6px;} .ask_search .ask_ty1 > li .unit{display:inline-block; vertical-align:middle; color:#606060; font-size:13px; font-family:roboto;} .ask_search .ask_ty1 > li .inputxt_normal{height:30px;} .ask_search .ask_ty1 > li .inputxt_normal input{height:30px; line-height:30px;} .tit2{display:inline-block; line-height:150%; font-size:13px; color:#404040; font-weight:normal;} .ask_search .inner .search_btn_ty1{text-align:right; margin-bottom:5px;} .ask_search .inner .search_btn_ty1 .btn_red span.search{padding:5px 20px 6px; font-size:13px;} .ask_search .ask_ty2{overflow:hidden;} .ask_search .ask_ty2 > li{position:relative; padding:5px 0; box-sizing:border-box; min-height:44px;} .ask_search .ask_ty2 > li .unit{display:inline-block; vertical-align:middle; color:#606060; font-size:13px; font-family:roboto;} .ask_search .ask_ty2 > li .inputxt_normal{height:30px;} .ask_search .ask_ty2 > li .inputxt_normal input{height:30px; line-height:30px;} .ask_search .ask_ty2 > li .btn_white span{padding:5px 15px 6px;} .ask_search .inner .search_btn_ty2{position:absolute; right:20px; bottom:17px;} .ask_search .inner .search_btn_ty2 .btn_red span.search{padding:5px 20px 6px; font-size:13px;} /* ----------------- no_data ----------------- */ .no_data{position:relative; border-bottom:1px solid #ddd; padding:232px 0 52px; text-align:center; margin-bottom:20px;} .no_data.cart:before{content:''; position:absolute; left:50%; top:60px; width:158px; height:158px; margin-left:-79px; border-radius:50%; background:#f5f5f5 url('../images/common/nodata_cart.png') no-repeat 20px 50%; background-size:99px 97px;} .no_data.search:before{content:''; position:absolute; left:50%; top:60px; width:158px; height:158px; margin-left:-79px; border-radius:50%; background:#f5f5f5 url('../images/common/nodata_search.png') no-repeat 46px 17px; background-size:78px 112px;} .no_data .message_info{font-size:20px; line-height:140%; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:normal; color:#404040;} .no_list_ty1{position:relative; text-align:center; padding:50px 0; font-size:13px; line-height:140%; font-weight:normal; color:#404040;} /* ----------------- �썒�슣�닑�룇�뜝�럡�맋 �뜝�럩�굚�뜝�럡�뎽 �뛾�룊�삕 �뇦猿됲�o옙�젷 ----------------- */ .payorder_title{position:relative; padding-bottom:12px; margin-bottom:45px; border-bottom:1px solid #ddd;} .payorder_title .tit{display:inline-block; line-height:140%; font-size:30px; color:#404040; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; text-transform:uppercase;} .payment_type{position:relative; margin-bottom:50px; padding-right:392px;} .payment_type .type_list:after{content:''; display:block; clear:both;} .payment_type .type_list li{float:left; width:33.333333%;} .payment_type .type_list li .inner{margin-left:-1px;} .payment_type .type_list li:first-child .inner{margin-left:0;} .payment_choice{position:relative; text-align:center; overflow:hidden;} .payment_choice input[type='checkbox'] {position: absolute; top:-119px; left:0;} .payment_choice label {display:block; position:relative; height:139px; border:1px solid #ddd; margin-bottom:22px; cursor:pointer; transition:all .25s ease;} .payment_choice label.ty1 {background:url(../images/common/payment_paypal.png) 50% 46px no-repeat; background-size:84px 21px;} .payment_choice label.ty2 {background:url(../images/common/payment_payline.png) 50% 46px no-repeat; background-size:69px 19px;} .payment_choice label.ty3 {background:url(../images/contents/member_ty3_off.png) 50% 25px no-repeat; background-size:76px 55px;} .payment_choice label.ty4 {background: url(../images/common/payment_paygos.png) 50% 28px no-repeat;background-size: 127px 50px;} .payment_choice label:after{content:''; position:absolute; left:50%; bottom:-14px; margin-left:-14px; width:28px; height:28px; background:url(../images/common/check01_off.png) 50% 50% no-repeat; background-size:28px 28px; transition:all .25s ease;} .payment_choice input[type='checkbox']:checked + label{border:1px solid #e90030; position:relative; z-index:9;} .payment_choice input[type='checkbox']:checked + label:after{content:''; position:absolute; bottom:-14px; width:28px; height:28px; background:url(../images/common/check01_on.png) 50% 50% no-repeat; background-size:28px 28px; left:50%; margin-left:-14px;} .payment_choice .typeinfo01{display:inline-block; line-height:140%; font-size:13px; color:#404040; padding-top:92px; letter-spacing:normal; font-weight:normal;} .payment_none{background:#f8f8f8; border:1px solid #ddd; height:139px;} .payment_price{position:absolute; right:0; top:0;} .payment_price .price_box { position:relative; width:387px; height:141px; padding:20px 25px; background:#333949; color:#fff; font-family:roboto; font-weight:normal; letter-spacing:normal; font-size:13px; box-sizing:border-box; } .payment_price .price_box .price_cont1{display:inline-block; line-height:150%; color:#adafb3; margin-bottom:2px;} .payment_price .price_box .price_cont2{display:block; line-height:150%; font-size:24px; margin-bottom:10px; font-weight:600;} .payment_price .price_box .price_cont3{line-height:150%; color:#adafb3;} .payment_detail{position:relative; margin-bottom:20px;} .payment_detail .detail_list{overflow:hidden; background:#333949;} .payment_detail .detail_list li{position:relative; float:left; width:33.33333%; font-family:roboto; padding:30px 20px; min-height:150px; box-sizing:border-box;} .payment_detail .detail_list li:after{content:''; position:absolute; top:0; right:0; width:1px; height:100%; background:#222631;} .payment_detail .detail_list li:last-child:after{display:none;} .payment_detail .detail_list li .tit{display:block; color:#adafb3; font-size:13px; line-height:150%; margin-bottom:10px; letter-spacing:normal; font-weight:normal;} .payment_detail .detail_list li .detail_txt01{display:inline-block; color:#fff; font-size:15px; line-height:150%; letter-spacing:normal; font-weight:300;} .payment_detail .detail_list li .detail_txt02{display:block; color:#adafb3; font-size:15px; margin-top:2px; line-height:150%; letter-spacing:normal; font-weight:300;} .payment_detail .detail_list li .detail_price{display:inline-block; color:#fff; font-size:24px; line-height:150%; letter-spacing:normal; font-weight:600;} .payment_supplier{overflow:hidden; font-size:14px; letter-spacing:-0.5px;} .payment_supplier dt{float:left; line-height:150%; color:#808080; margin-right:15px;} .payment_supplier dd{float:left; line-height:150%; color:#404040;} .payment_final{position:relative; padding:20px; padding-bottom:30px; border-bottom:1px solid #ddd; text-align:center;} .payment_final .final_message .tit{display:block; font-family:roboto; font-size:28px; letter-spacing:1px; color:#e90030; line-height:150%; font-weight:300; text-transform:uppercase; margin-bottom:20px;} .payment_final .final_message .sinfo{display:inline-block; font-size:13px; letter-spacing:normal; color:#404040; line-height:150%;} .payment_final .final_message .sinfo .link{color:#e90030; display:inline-block; border-bottom:1px solid #e90030;} .payment_viwting{position:relative;} .payment_viwting .viwting_ty1{overflow:hidden;} .payment_viwting .viwting_ty1 > li{position:relative; border-bottom:1px solid #ddd; padding:12px 0; padding-left:180px; box-sizing:border-box;} .payment_viwting .viwting_ty1 > li .viwting_tit{position:absolute; top:12px; left:10px; width:140px;} .payment_viwting .viwting_ty1 > li .viwting_tit .tit{display:inline-block; line-height:150%; font-size:13px; color:#404040; font-weight:normal;} .payment_viwting .viwting_ty1 > li .form_cont .txt_area{position:relative;} .payment_viwting .viwting_ty1 > li .form_cont .txt_area p{font-size:13px; line-height:150%; color:#404040; letter-spacing:0; min-height:19px;} .payment_viwting .viwting_ty1 > li.formin{padding:4px 0; padding-left:180px;} .payment_viwting .viwting_ty1 > li.formin .viwting_tit{top:12px;} .payment_viwting .brand_info{position:relative; padding-left:75px; margin-top:15px;} .payment_viwting .brand_info dt{position:absolute; left:0; line-height:150%; font-size:13px; line-height:150%; color:#404040; letter-spacing:0;} .payment_viwting .brand_info dd{line-height:150%; font-size:13px; line-height:150%; color:#404040; letter-spacing:0; margin-bottom:5px;} .payment_viwting .brand_info dd:last-child{border-bottom:none;} .payment_confirm{position:relative; padding:20px; padding-bottom:30px; border-bottom:1px solid #ddd; text-align:center;} .payment_confirm .confirm_message .tit{display:block; font-family:roboto; font-size:28px; letter-spacing:1px; color:#e90030; line-height:150%; font-weight:300; text-transform:uppercase; margin-bottom:20px;} .payment_confirm .confirm_message .sinfo{display:inline-block; font-size:13px; letter-spacing:normal; color:#404040; line-height:150%;} .myorder_list{margin-bottom:30px;} .myorder_list > li{position:relative; margin-top:-1px; margin-bottom:50px;} .myorder_list > li:last-child{margin-bottom:0;} .myorder_list > li .inner_box{border:1px solid #ddd; transition:all .25s ease;} .myorder_list > li .inner_box.special{border:2px solid #333949;} .myorder_list > li .inner_box .order_sec1{position:relative; height:50px; padding:0 20px; border-bottom:1px solid #ddd; box-sizing:border-box;} .myorder_list > li .inner_box .order_sec1 .tit{display:inline-block; line-height:50px; font-size:16px; letter-spacing:normal; color:#404040; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic";} .myorder_list > li .inner_box .order_sec2{position:relative; background:#f5f5f5; overflow:hidden; padding:15px 20px; border-bottom:1px solid #ddd;} .myorder_list > li .inner_box .order_sec3{position:relative; padding:0 20px;} .myorder_list > li .inner_box .order_sec3 > .product_list{overflow:hidden; padding-right:255px; min-height:222px;} .myorder_list > li .inner_box .order_sec3 > .product_list.hero{padding-right:0;} .myorder_list > li .inner_box .order_sec3 > .product_list li{border-bottom:1px solid #ddd;} .myorder_list > li .inner_box .order_sec3 > .product_list li:last-child{border-bottom:none;} .myorder_list > li .inner_box .order_sec4{position:relative; background:#f5f5f5; overflow:hidden; padding:15px 20px; border-top:1px solid #ddd;} .myorder_list .detail_state{position:absolute; top:0; right:0; padding:10px 20px; width:255px; height:100%; border-left:1px solid #ddd; box-sizing:border-box;} .myorder_list .detail_state .tit_area{position:absolute; top:-52px; left:0; width:100%; height:52px; padding-left:20px; box-sizing:border-box;} .myorder_list .detail_state .tit_area .tit{display:block; padding-right:30px; font-size:15px; color:#404040; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; line-height:52px; letter-spacing:normal; text-transform:uppercase;} .myorder_list .detail_state .tit_area .tit span{display:block; background:url('../images/common/bul_util_right.png') no-repeat right 50%; background-size:5px 9px; padding-right:20px;} .myorder_list .detail_state .state_list li{position:relative; border-bottom:1px solid #ddd; padding:10px 0;} .myorder_list .detail_state .state_list li:last-child{border-bottom:none;} .myorder_list .detail_state .state_list li .more{display:block; font-size:13px; letter-spacing:-0.5px; font-weight:normal; color:#606060; padding-left:35px; padding-right:10px; line-height:30px;} .myorder_list .detail_state .state_list li .more span{display:block; padding-right:15px; background:url('../images/common/bul_util_right.png') no-repeat right 50%; background-size:5px 9px;} .myorder_list .detail_state .state_list li .more.state_type:before{content:''; position:absolute; left:0; top:50%; margin-top:-16px; width:32px; height:32px; border-radius:50%; overflow:hidden;} .myorder_list .detail_state .state_list li .more.state_type.payment:before{background:#f5f5f5 url('../images/common/order_payment.png') no-repeat 50% 50%; background-size:21px 23px;} .myorder_list .detail_state .state_list li .more.state_type.delivery:before{background:#f5f5f5 url('../images/common/order_delivery.png') no-repeat 50% 50%; background-size:22px 19px;} .myorder_list .detail_state .state_list li .more.etc{padding-left:35px;} .myorder_list .detail_state .state_list li .normal{display:block; font-size:13px; letter-spacing:-0.5px; font-weight:normal; color:#606060; padding-left:35px; padding-right:10px; line-height:30px;} .myorder_list .detail_state .state_list li .normal.state_type:before{content:''; position:absolute; left:0; top:50%; margin-top:-16px; width:32px; height:32px; border-radius:50%; overflow:hidden;} .myorder_list .detail_state .state_list li .normal.state_type.payment:before{background:#f5f5f5 url('../images/common/order_payment.png') no-repeat 50% 50%; background-size:21px 23px;} .myorder_list .detail_state .state_list li .normal.state_type.delivery:before{background:#f5f5f5 url('../images/common/order_delivery.png') no-repeat 50% 50%; background-size:22px 19px;} .myorder_list .cpy_area{display:inline-block; position:relative; padding-right:118px;} .myorder_list .cpy_name{display:inline-block; line-height:150%; letter-spacing:normal; font-size:14px; color:#606060;} .myorder_list .cpy_area .invoice{position:absolute; right:0; top:-7px;} .myorder_list .price_total{position:absolute; right:20px; top:15px;} .myorder_list .price_total dl{overflow:hidden; line-height:150%; font-size:14px; color:#606060; letter-spacing:normal; font-weight:normal; text-transform:uppercase;} .myorder_list .price_total dl dt{float:left; margin-right:10px;} .myorder_list .price_total dl dd{float:left; margin-right:10px;} .myorder_list .price_total dl dd:last-child{margin-right:0; } .myorder_list .price_total dl dd.price{color:#e90030; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; font-size:14px;} .myorder_list .order_num{overflow:hidden;} .myorder_list .order_num li{position:relative; float:left; padding:0 11px; line-height:150%; letter-spacing:normal; font-size:14px; color:#404040;} .myorder_list .order_num li:after{content:''; position:absolute; right:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#c7c7c7;} .myorder_list .order_num li.iquiry_num{color:#e90030;} .myorder_list .order_num li.iquiry_num a{display:inline-block; color:#e90030;} .myorder_list .order_num li.iquiry_date{color:#404040;} .myorder_list .order_num li:last-child:after{display:none;} .myorder_list .order_num li:first-child{padding-left:0;} .myorder_list .order_box{display:block; position:relative; padding:20px; padding-left:146px; padding-right:20px; box-sizing:border-box; min-height:164px;} .myorder_list .order_box .hero_cont{padding-top:5px;} .myorder_list .order_box .btn_check{position:absolute; left:0; top:70px;} .myorder_list .order_box .thum_area {position:absolute; left:0; top:20px; overflow:hidden;} .myorder_list .order_box .thum_area .thum{width:124px; height:124px; display:block;} .myorder_list .order_box .add_wish_ty3{position:absolute; right:5px; bottom:-45px;} .myorder_list .order_box:hover .add_wish_ty3{bottom:5px;} .myorder_list .order_box .tit_area{position:relative; margin-bottom:18px;} .myorder_list .order_box .tit_area .tit{display:inline-block; color:#404040; font-size:15px; line-height:130%; letter-spacing:0; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300;} .myorder_list .order_box .tit_area .tit:hover{color:#e90030;} .myorder_list .order_box .opt_area{position:relative;} .myorder_list .order_box .opt_area dl{position:relative; padding-left:85px; font-size:13px; color:#606060; letter-spacing:normal;} .myorder_list .order_box .opt_area dt{position:absolute; left:0; width:85px; padding-left:8px; box-sizing:border-box; line-height:140%; background:url("../images/common/bul_dot02.png") no-repeat left 8px; background-size:3px 3px;} .myorder_list .order_box .opt_area dd{line-height:140%; word-break:break-all; margin-bottom:2px;} .myorder_list .order_box .opt_area dd:last-child{margin-bottom:0;} /* 20171212 �썒�슣�닑�룇占쎈뎨占쎈봾裕욃뜝�럥諭� �뜝�럥�꺏�뜝�럩�겱�뜝�럩逾� �솻洹⑥삕�뇦猿볦삕 �뜝�럩逾좑옙�꽞占쎄턂�굢占� �뜝�럩�굚�뜝�럥占쎈뿰�삕驪볩옙 myorder_newlist */ .myorder_newlist{margin-bottom:30px;} .myorder_newlist > li{position:relative; margin-top:-1px; margin-bottom:50px;} .myorder_newlist > li:last-child{margin-bottom:0;} .myorder_newlist > li .inner_box{border:1px solid #ddd; transition:all .25s ease;} .myorder_newlist > li .inner_box.special{border:2px solid #333949;} .myorder_newlist > li .inner_box .order_sec1{position:relative; height:50px; padding:0 20px; border-bottom:1px solid #ddd; box-sizing:border-box;} .myorder_newlist > li .inner_box .order_sec1 .tit{display:inline-block; line-height:50px; font-size:16px; letter-spacing:normal; color:#404040; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic";} .myorder_newlist > li .inner_box .order_sec2{position:relative; background:#f5f5f5; overflow:hidden; padding:15px 20px; border-bottom:1px solid #ddd;} .myorder_newlist > li .inner_box .order_sec3{position:relative; padding:0 20px;} .myorder_newlist > li .inner_box .order_sec3 > .product_list{overflow:hidden; padding-right:255px; min-height:222px;} .myorder_newlist > li .inner_box .order_sec3 > .product_list.hero{padding-right:0;} .myorder_newlist > li .inner_box .order_sec3 > .product_list li{border-bottom:1px solid #ddd;} .myorder_newlist > li .inner_box .order_sec3 > .product_list li:last-child{border-bottom:none;} .myorder_newlist > li .inner_box .order_sec4{position:relative; background:#f5f5f5; overflow:hidden; padding:15px 20px; border-top:1px solid #ddd;} .myorder_newlist .detail_state{position:absolute; top:0; right:0; padding:10px 20px; width:255px; height:100%; border-left:1px solid #ddd; box-sizing:border-box;} .myorder_newlist .detail_state .tit_area{position:absolute; top:-52px; left:0; width:100%; height:52px; padding-left:20px; box-sizing:border-box;} .myorder_newlist .detail_state .tit_area .tit{display:block; padding-right:30px; font-size:15px; color:#404040; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; line-height:52px; letter-spacing:normal; text-transform:uppercase;} .myorder_newlist .detail_state .tit_area .tit span{display:block; background:url('../images/common/bul_util_right.png') no-repeat right 50%; background-size:5px 9px; padding-right:20px;} .myorder_newlist .detail_state .state_list li{position:relative; border-bottom:1px solid #ddd; padding:10px 0;} .myorder_newlist .detail_state .state_list li:last-child{border-bottom:none;} .myorder_newlist .detail_state .state_list li .more{display:block; font-size:13px; letter-spacing:-0.5px; font-weight:normal; color:#606060; padding-left:35px; padding-right:10px; line-height:30px;} .myorder_newlist .detail_state .state_list li .more span{display:block; padding-right:15px; background:url('../images/common/bul_util_right.png') no-repeat right 50%; background-size:5px 9px;} .myorder_newlist .detail_state .state_list li .more.state_type:before{content:''; position:absolute; left:0; top:50%; margin-top:-16px; width:32px; height:32px; border-radius:50%; overflow:hidden;} .myorder_newlist .detail_state .state_list li .more.state_type.payment:before{background:#f5f5f5 url('../images/common/order_payment.png') no-repeat 50% 50%; background-size:21px 23px;} .myorder_newlist .detail_state .state_list li .more.state_type.delivery:before{background:#f5f5f5 url('../images/common/order_delivery.png') no-repeat 50% 50%; background-size:22px 19px;} .myorder_newlist .detail_state .state_list li .more.etc{padding-left:35px;} .myorder_newlist .detail_state .state_list li .normal{display:block; font-size:13px; letter-spacing:-0.5px; font-weight:normal; color:#606060; padding-left:35px; padding-right:10px; line-height:30px;} .myorder_newlist .detail_state .state_list li .normal.state_type:before{content:''; position:absolute; left:0; top:50%; margin-top:-16px; width:32px; height:32px; border-radius:50%; overflow:hidden;} .myorder_newlist .detail_state .state_list li .normal.state_type.payment:before{background:#f5f5f5 url('../images/common/order_payment.png') no-repeat 50% 50%; background-size:21px 23px;} .myorder_newlist .detail_state .state_list li .normal.state_type.delivery:before{background:#f5f5f5 url('../images/common/order_delivery.png') no-repeat 50% 50%; background-size:22px 19px;} .myorder_newlist .cpy_area{display:inline-block; position:relative; padding-right:118px;} .myorder_newlist .cpy_name{display:inline-block; line-height:150%; letter-spacing:normal; font-size:14px; color:#606060;} .myorder_newlist .cpy_area .invoice{position:absolute; right:0; top:-7px;} .myorder_newlist .price_total{position:absolute; right:20px; top:15px;} .myorder_newlist .price_total dl{overflow:hidden; line-height:150%; font-size:14px; color:#606060; letter-spacing:normal; font-weight:normal; text-transform:uppercase;} .myorder_newlist .price_total dl dt{float:left; margin-right:10px;} .myorder_newlist .price_total dl dd{float:left; margin-right:10px;} .myorder_newlist .price_total dl dd:last-child{margin-right:0; } .myorder_newlist .price_total dl dd.price{color:#e90030; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; font-size:14px;} .myorder_newlist .order_num{overflow:hidden;} .myorder_newlist .order_num li{position:relative; float:left; padding:0 11px; line-height:150%; letter-spacing:normal; font-size:14px; color:#404040;} .myorder_newlist .order_num li:after{content:''; position:absolute; right:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#c7c7c7;} .myorder_newlist .order_num li.iquiry_num{color:#e90030;} .myorder_newlist .order_num li.iquiry_num a{display:inline-block; color:#e90030;} .myorder_newlist .order_num li.iquiry_date{color:#404040;} .myorder_newlist .order_num li:last-child:after{display:none;} .myorder_newlist .order_num li:first-child{padding-left:0;} .myorder_newlist .order_box{display:block; position:relative; padding:20px; padding-left:146px; padding-right:20px; box-sizing:border-box; min-height:164px;} .myorder_newlist .order_box .hero_cont{padding-top:5px;} .myorder_newlist .order_box .btn_check{position:absolute; left:0; top:70px;} .myorder_newlist .order_box .thum_area {position:absolute; left:0; top:20px; overflow:hidden;} .myorder_newlist .order_box .thum_area .thum{width:124px; height:124px; display:block;} .myorder_newlist .order_box .add_wish_ty3{position:absolute; right:5px; bottom:-45px;} .myorder_newlist .order_box:hover .add_wish_ty3{bottom:5px;} .myorder_newlist .order_box .tit_area{position:relative; margin-bottom:18px;} .myorder_newlist .order_box .tit_area .tit{display:inline-block; color:#404040; font-size:15px; line-height:130%; letter-spacing:0; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300;} .myorder_newlist .order_box .tit_area .tit:hover{color:#e90030;} .myorder_newlist .order_box .opt_area{position:relative;} .myorder_newlist .order_box .opt_area dl{position:relative; padding-left:85px; font-size:13px; color:#606060; letter-spacing:normal;} .myorder_newlist .order_box .opt_area dt{position:absolute; left:0; width:85px; padding-left:8px; box-sizing:border-box; line-height:140%; background:url("../images/common/bul_dot02.png") no-repeat left 8px; background-size:3px 3px;} .myorder_newlist .order_box .opt_area dd{line-height:140%; word-break:break-all; margin-bottom:2px;} .myorder_newlist .order_box .opt_area dd:last-child{margin-bottom:0;} /* policy_service */ .policy_service .tit01{display:block; line-height:150%; font-size:16px; font-weight:600; color:#404040; background:#f8f8f8; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; letter-spacing:-0.5px; margin-bottom:20px; border-bottom:1px solid #ddd; padding: 12px 15px; letter-spacing:-1px;} .policy_service .tit02{display:block; line-height:150%; font-size:14px; font-weight:600; color:#404040; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; letter-spacing:-0.5px; margin-bottom:15px;} .policy_service .info_txt{line-height:155%; color:#505050; margin-bottom:15px; text-align:left; font-size:13px;} .policy_service .nums_list01{margin-bottom:15px;} .policy_service .nums_list01 li{padding-left:28px; position:relative; color:#505050; line-height:155%; text-align:left; font-size:13px; margin-bottom:3px;} .policy_service .nums_list01 li span{position:absolute; left:0; top:0;} .policy_service .nums_list01 li:last-child{margin-bottom:0;} .policy_service .nums_list02{margin-bottom:15px; padding-left:20px;} .policy_service .nums_list02 li{padding-left:32px; position:relative; color:#505050; line-height:155%; text-align:left; font-size:13px; margin-bottom:3px;} .policy_service .nums_list02 li span{position:absolute; left:0; top:0;} .policy_service .nums_list02 li:last-child{margin-bottom:0;} .policy_service .nums_list03{position:relative; text-align:left; font-size:13px; border:1px solid #ddd; padding:20px; padding-left:120px; margin-bottom:15px;} .policy_service .nums_list03 dt{position:absolute; left:20px; color:#5972aa; line-height:155%;} .policy_service .nums_list03 dd{line-height:155%; color:#505050; margin-bottom:5px;} .policy_service .nums_list03 dd:last-child{margin-bottom:0;} .policy_service .nums_list04{position:relative; text-align:left; font-size:13px; border:1px solid #ddd; padding:20px; padding-left:240px; margin-bottom:15px;} .policy_service .nums_list04 dt{position:absolute; left:20px; color:#5972aa; line-height:155%;} .policy_service .nums_list04 dd{line-height:155%; color:#505050; margin-bottom:5px;} .policy_service .nums_list04 dd:last-child{margin-bottom:0;} .policy_service .privacy_intro{margin-bottom:20px;} .policy_service .privacy_intro .crea_tit{position:relative; background:#333949; height:52px; margin-bottom:9px; text-align:center;} .policy_service .privacy_intro .crea_tit:before{content:''; position:absolute; left:-10px; top:0; width:10px; height:52px; background:#333949;} .policy_service .privacy_intro .crea_tit:after{content:''; position:absolute; left:-9px; bottom:-9px; width:9px; height:9px; background:url('../images/common/ico_crebox.png') no-repeat 50% 50%; background-size:9px 9px;} .policy_service .privacy_intro .crea_tit .tit{display:inline-block; color:#fff; font-size:14px; height:52px; line-height:52px; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:600; letter-spacing:-0.5px;} .policy_service .privacy_intro .msg_area{position:relative; background:#fff; padding:30px 25px; border:1px solid #ddd; border-top:none; margin-top:-10px;} .policy_service .privacy_intro .msg_area .info_list{position:relative; margin-bottom:0;} .policy_service .privacy_intro .msg_area .info_list li{line-height:150%; color:#505050; padding-left:8px; margin-bottom:20px; text-align:left; font-size:13px; background:url("../images/common/bul_dot02.png") no-repeat left 8px; background-size:3px 3px;} .policy_service .privacy_intro .msg_area .info_list li:last-child{margin-bottom:0;} /* about_platform */ .about_platform{position:relative; width:1000px; margin:0 auto;} .about_platform .intro_sec{border-bottom:2px solid #333949; margin-bottom:35px;} .about_platform .intro_sec .inner_box{position:relative; min-height:357px; margin-bottom:40px;} .about_platform .intro_sec .inner_box.sbc{padding-left:520px;} .about_platform .intro_sec .inner_box.gobiz{padding-right:520px;} .about_platform .intro_sec .inner_box .sec_tit{display:inline-block; font-size:22px; color:#404040; margin-bottom:15px; padding-top:23px; letter-spacing:-0.5px; line-height:150%; font-weight:300; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic";} .about_platform .intro_sec .inner_box .sec_info{font-size:13px; color:#505050; letter-spacing:-0.5px; line-height:165%;} .about_platform .intro_sec .inner_box.sbc .info_img{position:absolute; left:0; top:0; width:480px; height:357px;} .about_platform .intro_sec .inner_box.sbc .info_img img{width:480px; height:357px;} .about_platform .intro_sec .inner_box.gobiz .info_img{position:absolute; right:0; top:0; width:480px; height:357px;} .about_platform .intro_sec .inner_box.gobiz .info_img img{width:480px; height:357px;} .about_platform .prog_sec .prog_grid{margin-bottom:40px;} .about_platform .prog_sec .prog_grid.buyers{border-bottom:1px solid #ddd; height:403px; background:url('../images/contents/about_prog01.png') no-repeat 50% top;} .about_platform .prog_sec .prog_grid.Suppliers{height:433px; background:url('../images/contents/about_prog02.png') no-repeat 50% 50%;} /* 2018.10.04 �뜝�럡留믣뜝�럥占쎈콈彛쀯옙維뽨빳占�, New + Best product �뜝�럥竊싩솻洹⑥삕�뇦猿볦삕 1500px (�댖怨뚰�h땻臾뺤삕占쎄껀 占쎈퉲�겫�룞�삕) */ .width_1500 .product_view {width:100%;max-width:1200px;} /* ORDER NOW */ .product_view .product_info .info_config > .config_list > li.order_immediately {width:100%;padding-left:0;border-top:2px solid #838793;border-bottom:1px solid #838793;overflow:hidden;} .product_view .product_info .info_config > .config_list > li.order_immediately .title {position:relative;padding:8px 0 8px 200px;border-bottom:1px solid #ddd;oveflow:hidden;} .product_view .product_info .info_config > .config_list > li.order_immediately .title .cont_tit {font-weight:300;font-size:14px;top:26px;} .product_view .product_info .info_config > .config_list > li.order_immediately .order_select .select_normal {width:96%;} .product_view .product_info .info_config > .config_list > li.order_immediately dl {float:left;margin:12px 20px 3px 20px;width:50%;overflow:hidden;} .product_view .product_info .info_config > .config_list > li.order_immediately dl dt {float:left;line-height:35px;background:url(../images/common/icon_arrow.png) left 15px no-repeat;margin-bottom:10px;padding-left:7px;width:40%;} .product_view .product_info .info_config > .config_list > li.order_immediately dl dd {float:left;width:55%;margin-bottom:10px;} .product_view .product_info .info_config > .config_list > li.order_immediately dl dd input {height:32px;} .product_view .product_info .info_config > .config_list > li.order_immediately .btn_get {float:right;margin-right:20px;} .product_view .product_info .info_config > .config_list > li.order_immediately .btn_get .order_now {margin-top:12.5%;background:#fff; border:1px solid #f26d7d; color:#ff465c;} .product_view .supplier_group {position:absolute; right:-300px; top:0; background:#fff;} .product_view .supplier_group.dynamic_fixed{position:fixed; left:50%; top:5px; margin-left:507px; z-index:999;} .product_view .supplier_info_new{width:240px;height:auto;overflow:hidden;border:1px solid #ddd;border-top:3px solid #838793;margin-bottom:25px;} .product_view .supplier_info_new dl {width:100%;border-bottom:1px solid #ddd;padding:23px 0 15px 0;font-size:15px;color:#363636;} .product_view .supplier_info_new dt {padding:0 25px;font-weight:normal;} .product_view .supplier_info_new dd {padding:0 25px;color:#a0410d;font-size:13px;font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic";} .product_view .supplier_info_new dd img {margin:-4px 6px 0 0;} .product_view .supplier_info_new > .config_list {margin:8px 20px 15px 20px;font-size:13px;} .product_view .supplier_info_new > .config_list > li{position:relative; padding-left:105px; border-bottom:1px solid #ddd;} /* supplier �뤆�룄�뫅�댆�띁占쎄퀗�o옙�읉 */ .product_view .supplier_info_new > .config_list > li.price_now{background:#f5f5f5; margin-top:5px;} .product_view .supplier_info_new > .config_list > li.price_now .cont_area{padding:5px 0;} .product_view .supplier_info_new > .config_list > li .cont_tit{display:block; position:absolute; left:0; top:50%; margin-top:-8px; font-weight:normal; font-size:13px; line-height:140%; color:#404040;} .product_view .supplier_info_new > .config_list > li.price_now .cont_tit{top:24px;} /* �뜝�럡留믣뜝�럥占쎈갈鍮녘쥈�룂�뜟�뇦猿볦삕 占쎈꽞�⑤챷逾졾뜝�럥裕� �뜝�럩�굚�뜝�럥�뵜 */ .product_view .supplier_info_new > .config_list > li .cont_area{padding:0; box-sizing:border-box;} .product_view .supplier_info_new > .config_list > li .cont_area img {margin-left:3px;} .product_view .supplier_info_new > .config_list > li .starlv{ height:35px; font-size: 14px !important; padding-top: 4px !important; color:#e90030 !important} .product_view .supplier_info_new > .config_list > li .starlv_gr{ height:35px; font-size: 14px !important; padding-top: 4px !important; color:#b7b7b7 !important} .product_view .supplier_info_new > .config_list > li .cont_area .cont_txt{font-weight:600; font-size:14px; line-height:230%; color:#606060;letter-spacing:-0.15em;text-align:right; } .product_view .supplier_info_new .btn_send {line-height:150%; height:32px; width:200px; text-align:center; vertical-align:middle; letter-spacing:-0.5px; border-radius:0; cursor:pointer; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:0; margin:0 20px 20px 20px; padding:0;background:#e90030; border:1px solid #e90030; color:#fff; margin-right:10px;} /* supplier_best */ .product_view .supplier_best{width:240px; background:#fff; border:1px solid #ddd; box-sizing:border-box; padding:22px; padding-top:15px; z-index:99;} .product_view .supplier_best .tit_area{position:relative; margin-bottom:15px;} .product_view .supplier_best .tit_area .tit{display:block; font-size:16px; color:#404040; font-weight:600; line-height:140%; margin-bottom:15px;} .product_view .supplier_best .item_list li{position:relative; text-align:center; margin-bottom:20px; overflow:hidden;} .product_view .supplier_best .item_list li:last-child{margin-bottom:0;} .product_view .supplier_best .item_list li .add_wish_ty1{position:absolute; right:15px; bottom:-45px;} .product_view .supplier_best .item_list li:hover .add_wish_ty1{bottom:5px;} .product_view .supplier_best .item_list li a{display:block;} .product_view .supplier_best .item_list li a .thum{width:194px; height:174px;} /* reviews_list */ .reviews_list {font-size:14px;border-top:1px solid #ddd;} .reviews_list li {border-bottom:1px solid #ddd;padding:25px 0;} .reviews_list li strong {font-weight:600;} .reviews_list li strong span {font-size:18px;} .reviews_list li .starlv {color:#e90030;} .reviews_list li .starlv_gr {color:#606060;} .reviews_list li p.txt {color:#606060; line-height:1.6; padding:20px 0;} .reviews_list li p.info {positon:relative;} .reviews_list li p.info em {font-style:normal; font-weight:300; color:#252525; padding-right:15px;} .reviews_list li p.info em:after{content:''; position:absolute; width:1px; height:11px; margin:5px 0 0 15px; background:#ddd;} .reviews_list li p.info span {color:#606060; padding-left:15px;font-weight:normal;} /* my trading center */ #myTrading_center {min-width:1200px; height:100%; height:100vh; font-family: roboto,"opensans","Malgun Gothic","嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙","Helvetica nenu",Arial, "Apple SD Gothic"; letter-spacing:0; box-sizing: border-box; overflow:hidden;} #myTrading_center .cont_head {width:100%;min-width:1200px;height:80px;background:#e90030;overflow:hidden;} #myTrading_center .cont_head h1 {position:relative; top:38%; left:20px; width:40%; color:#fff; font-size:30px; font-weight:300; letter-spacing:-0.5px;} #myTrading_center .cont_head h1 span {margin-right:35px; line-height:0;} #myTrading_center .cont_head h1 span img {margin-top:-7px;} #myTrading_center .cont_head h1 span:after {content:''; position:absolute; margin:4px 0 0 15px; background:#f04d6f; width:1px; height:19px;} #myTrading_center .cont_head .process {float:right; margin-top:-22px;} #myTrading_center .cont_head .process li {float:left;margin-right:-22px;} #myTrading_center .cont_head .process li span {display:block; color:#f4a3ad; font-size:12px; /*font-variant:small-caps;*/} #myTrading_center .cont_head .process li a { display:block; color:#fff; font-size:16px; height:60px; padding:20px 50px 0 57px; background:url(../images/common/mtc_process_off_r.png) right top no-repeat;} #myTrading_center .cont_head .process li:first-child a {background:url(../images/common/mtc_process_off_r.png) right top no-repeat, url(../images/common/mtc_process_off_r.png) left top no-repeat; } #myTrading_center .cont_head .process li:last-child a {background:none;} #myTrading_center .cont_head .process li.on:last-child a {background:url(../images/common/mtc_process_on_l.png) left top no-repeat #8b0004;} #myTrading_center .cont_head .process li.on a {background:url(../images/common/mtc_process_on_r.png) right top no-repeat, url(../images/common/mtc_process_on_l.png) left top no-repeat; background-color:#8b0004;} #myTrading_center .cont_head .close {display:none;} #myTrading_center .cont_body {height:90%; height:90vh; min-height:700px;} /* dialog */ #myTrading_center .cont_body .dialog {float:left; position:relative; width:62.5%; height:92%; height:92vh; background:#f5f5f5; border-right:1px solid #ddd; overflow:hidden;} #myTrading_center .cont_body .dialog .dialog_head {height:74px; background:#fff; padding:20px; border-bottom:1px solid #ddd;} #myTrading_center .cont_body .dialog .buyer_info {float:left; width:50%; padding:20px 0 0 10px;} #myTrading_center .cont_body .dialog .buyer_info p {float:left; width:38px; height:38px; border-radius:50%; background:url(../images/common/mtc_none_pic_s.png) center bottom no-repeat #aec2d9;} #myTrading_center .cont_body .dialog .buyer_info dl {float:left; width:80%; margin:-4px 0 0 15px;} #myTrading_center .cont_body .dialog .buyer_info dt {font-size:14px; margin-bottom:5px;} #myTrading_center .cont_body .dialog .buyer_info dt span {font-weight:300; padding-right:19px;} #myTrading_center .cont_body .dialog .buyer_info dt span:after {content:''; position:absolute; margin:4px 0 0 10px; background:#d3d3d3; width:1px; height:12px;} #myTrading_center .cont_body .dialog .buyer_info dd {font-size:18px; line-height:1.6; width:100% !important; height:25px; display: -webkit-box !important; word-wrap: break-word; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight:300;} #myTrading_center .cont_body .dialog .product_thum {float:right;} #myTrading_center .cont_body .dialog .product_thum li {float:left; margin-right:20px;} #myTrading_center .cont_body .dialog .product_thum img {width:73px; height:73px; border:1px solid #ebebeb; border-radius:10px;} #myTrading_center .cont_body .dialog .dialog_body { height:56%; padding:45px 35px 0 35px; overflow-y:auto;} /* �뜝�럩�뮡嶺뚋우삕 嶺뚮씭占쎄퀡占쎌뼲�삕�땻占� */ #myTrading_center .cont_body .dialog .dialog_body .right {clear:both; padding-left:20%; text-align:right; padding-bottom:35px; overflow:hidden;} #myTrading_center .cont_body .dialog .dialog_body .right p.pic, #myTrading_center .cont_body .dialog .dialog_body .right dl, #myTrading_center .cont_body .dialog .dialog_body .right p.read {float:right;} #myTrading_center .cont_body .dialog .dialog_body .right dl {position:relative; width:70%; margin-right:23px;} #myTrading_center .cont_body .dialog .dialog_body .right dt {font-size:14px; margin-right:5px;} #myTrading_center .cont_body .dialog .dialog_body .right dt span.name:before {content:'(';} #myTrading_center .cont_body .dialog .dialog_body .right dt span.name:after {content:')';} #myTrading_center .cont_body .dialog .dialog_body .right dt span.date {padding-left:10px; color:#959595; font-size:12px;} #myTrading_center .cont_body .dialog .dialog_body .right dd {background:#fff7b7; color:#4b441a; text-align:left;margin-top:5px; padding:23px 28px; border-radius:10px; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);} #myTrading_center .cont_body .dialog .dialog_body .right dd.ment_right {position:absolute; top:30px; right:-14px; background:url(../images/common/mtc_ment_right.png) right top no-repeat; box-shadow:none;} #myTrading_center .cont_body .dialog .dialog_body .right dd hr {border:0; background:#c9c188; height:1px; overflow:hidden;} #myTrading_center .cont_body .dialog .dialog_body .right p.pic {position:relative; width:50px; height:50px; border-radius:50%; background:url(../images/common/mtc_none_pic.png) center bottom no-repeat #aec2d9; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);} #myTrading_center .cont_body .dialog .dialog_body .right p.read {color:#959595; font-size:12px; margin:30px 10px;} /* 占쎈꽞占쎌뒩�몴占� 嶺뚮씭占쎄퀡占쎌뼲�삕�땻占� */ #myTrading_center .cont_body .dialog .dialog_body .left {clear:both; padding-right:20%; padding-bottom:35px; overflow:hidden;} #myTrading_center .cont_body .dialog .dialog_body .left p.pic, #myTrading_center .cont_body .dialog .dialog_body .left dl, #myTrading_center .cont_body .dialog .dialog_body .left p.read {float:left;} #myTrading_center .cont_body .dialog .dialog_body .left dl {position:relative; width:70%; margin-left:23px;} #myTrading_center .cont_body .dialog .dialog_body .left dt {font-size:14px; margin-right:5px;} #myTrading_center .cont_body .dialog .dialog_body .left dt span.name:before {content:'(';} #myTrading_center .cont_body .dialog .dialog_body .left dt span.name:after {content:')';} #myTrading_center .cont_body .dialog .dialog_body .left dt span.date {padding-left:10px; color:#959595; font-size:12px;} #myTrading_center .cont_body .dialog .dialog_body .left dd {background:#fff; margin-top:5px; padding:23px 28px; border-radius:10px; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);} #myTrading_center .cont_body .dialog .dialog_body .left dd.ment_left {position:absolute; top:30px; left:-12px; background:url(../images/common/mtc_ment_left.png) left top no-repeat; box-shadow:none;} #myTrading_center .cont_body .dialog .dialog_body .left dd hr {border:0; background:#c9c188; height:1px; overflow:hidden;} #myTrading_center .cont_body .dialog .dialog_body .left p.pic {position:relative; width:50px; height:50px; border-radius:50%; background:url(../images/common/mtc_none_pic.png) center bottom no-repeat #aec2d9; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);} #myTrading_center .cont_body .dialog .dialog_body .left p.pic img {width:50px; height:50px; border-radius:50%;} #myTrading_center .cont_body .dialog .dialog_body .left p.read {color:#959595; font-size:12px; margin:30px 10px;} /* 占썩뫀踰듿뜝占� */ #myTrading_center .cont_body .dialog .dialog_body .notice {padding-right:0;} #myTrading_center .cont_body .dialog .dialog_body .notice dl {width:99%; margin:0 auto;} #myTrading_center .cont_body .dialog .dialog_body .notice dd {background:#fbd5d5;} /* �뜝�럥堉꾢뜝�럩�뮧�슖�돦裕녻キ占� �뵓怨뚯뫓占쎈괏*/ #myTrading_center .cont_body .dialog .dialog_body .ico {padding:0 8px 0 12px; border-radius:4px; margin-left:3px;} #myTrading_center .cont_body .dialog .dialog_body .btn_white span {padding:4px 10px 3px;} #myTrading_center .cont_body .dialog .dialog_body .btn_white span.down{background-size:8px 11px; padding-left:15px; font-weight:normal;} /* �뜝�럩肉��뜝�럩�졑嶺뚢댙�삕 */ #myTrading_center .cont_body .dialog .dialog_foot {position:absolute; left:3%; bottom:25px; width:87%; height:95px; padding:25px 25px 10px 25px; background:#fff; border-radius:10px; border:1px solid #ddd; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); } #myTrading_center .cont_body .dialog .dialog_foot .input_txt {width:100%; margin-bottom:8px; padding-bottom:20px; border-bottom:1px solid #ddd;} #myTrading_center .cont_body .dialog .dialog_foot .input_txt textarea {width:79%; height:40px; border:none;} #myTrading_center .cont_body .dialog .dialog_foot .input_txt button {float:right; width:20%;height:44px; border-radius:10px; border:1px solid #c60029; background:#e90030;font-size:15px; color:#fff;} #myTrading_center .cont_body .dialog .dialog_foot ul li {float:left; margin-right:30px;} #myTrading_center .cont_body .dialog .dialog_foot ul li a {padding-left:22px; font:normal 12px/150% 'notosans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; color:#707070;} #myTrading_center .cont_body .dialog .dialog_foot ul li a:after {content:''; position:absolute; margin:4px 0 0 15px; background:#ddd; width:1px; height:13px;} #myTrading_center .cont_body .dialog .dialog_foot ul li:first-child a {background:url(../images/common/input_txt_icon01.png) left top no-repeat;} #myTrading_center .cont_body .dialog .dialog_foot ul li:nth-of-type(2) a {background:url(../images/common/input_txt_icon02.png) left top no-repeat;} #myTrading_center .cont_body .dialog .dialog_foot ul li:nth-of-type(3) a {background:url(../images/common/input_txt_icon03.png) left top no-repeat; padding-left:26px;} #myTrading_center .cont_body .dialog .dialog_foot ul li:nth-of-type(3) a:after {background:none;} #myTrading_center .cont_body .dialog .dialog_foot ul li:last-child {float:right; margin-right:0;} #myTrading_center .cont_body .dialog .dialog_foot ul li:last-child a {background:url(../images/common/input_txt_icon04.png) left top no-repeat;} #myTrading_center .cont_body .dialog .dialog_foot ul li:last-child a:after {background:none;} /* Inquiry */ #myTrading_center .cont_body .Inquiry .buyer_info {display:none;} #myTrading_center .cont_body .Inquiry {float:right; position:relative; width:37.40%; height:92%; height:92vh; overflow:hidden;} #myTrading_center .cont_body .Inquiry h2 {border-bottom:1px solid #ddd; height:60px; font-weight:300; padding-left:5%; line-height:60px;} #myTrading_center .cont_body .Inquiry .Inquiry_body {padding:4% 5% 7% 5%; height:76%; height:76vh; overflow-y:scroll;} #myTrading_center .cont_body .Inquiry .Inquiry_body h3.title {font-size:16px; font-weight:300; margin-bottom:5px;} #myTrading_center .cont_body .Inquiry .Inquiry_body .item_box {clear:both; position:relative; width:90%; padding:5%; margin-bottom:10px; background:#fff8de; border:1px solid #c1bca7; overflow:hidden;} #myTrading_center .cont_body .Inquiry .Inquiry_body .supplier_info {height:80px; border-bottom:1px solid #e7e7e7; margin-bottom:25px;} #myTrading_center .cont_body .Inquiry .Inquiry_body .supplier_info .pic {float:left; margin-right:25px;} #myTrading_center .cont_body .Inquiry .Inquiry_body .supplier_info .pic img { width:60px; height:60px; border-radius:10px; border:1px solid #ebebeb;} #myTrading_center .cont_body .Inquiry .Inquiry_body .supplier_info dl {float:left; margin-top:12px;} #myTrading_center .cont_body .Inquiry .Inquiry_body .supplier_info dl dt {font-size:14px; font-weight:600; color:#a0410d; margin-bottom:3px;} #myTrading_center .cont_body .Inquiry .Inquiry_body .supplier_info dl dt img.level {margin:-10px 5px 0 0;} #myTrading_center .cont_body .Inquiry .Inquiry_body .supplier_info dl dt img.tip {margin:-5px 0 0 5px;} #myTrading_center .cont_body .Inquiry .Inquiry_body .supplier_info dl dd {font-size:16px; font-weight:300;} #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .product p {float:left; margin-right:25px;} #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .product p img { width:74px; height:74px; border:1px solid #ebebeb;} #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .product dl {float:left; width:70%;} #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .product dl dt {font-size:15px; font-weight:300; margin-bottom:10px;} #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .product dl dd {color:#7d7d7d;} #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .product dl dd:before {content:'-'; padding-right:3px; color:#7d7d7d;} #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .option {clear:both;} #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .option li {float:left; width:50%; height:60px; margin-top:20px;} #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .option li span {display:block;font-size:15px; font-weight:300; margin-bottom:3px;} #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .option li .inputxt_normal {padding-left:10px; width:91%; height:32px; -webkit-appearance: none; -moz-appearance: none;} #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .option li .select_normal {width:95%;} #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .close a {position:absolute; top:-1px; right:-1px; background:url(../images/common/mtc_btn_close.png) no-repeat; width:40px; height:40px;} #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .close span {display:none;} #myTrading_center .cont_body .Inquiry .Inquiry_body .price_all_total {clear:both; font-size:21px; border-bottom:2px solid #555;padding:20px 0 5px 0; margin-bottom:40px; overflow:hidden;} #myTrading_center .cont_body .Inquiry .Inquiry_body .price_all_total span {float:left;} #myTrading_center .cont_body .Inquiry .Inquiry_body .price_all_total strong {float:right;color:#e90030; font-weight:300;} #myTrading_center .cont_body .Inquiry .Inquiry_body .price_all_total strong span {float:none; font-size:28px;} #myTrading_center .cont_body .Inquiry .Inquiry_body .shipment_item .option {clear:both;} #myTrading_center .cont_body .Inquiry .Inquiry_body .shipment_item .option li {margin-top:20px; height:60px;} #myTrading_center .cont_body .Inquiry .Inquiry_body .shipment_item .option li:first-child {margin-top:0;} #myTrading_center .cont_body .Inquiry .Inquiry_body .shipment_item .option li span {display:block;font-size:15px; font-weight:300; margin-bottom:3px;} #myTrading_center .cont_body .Inquiry .Inquiry_body .shipment_item .option li span strong {color:#e90030;} #myTrading_center .cont_body .Inquiry .Inquiry_body .shipment_item .option li .inputxt_normal {padding-left:10px; margin-right:10px; width:70%; height:32px; -webkit-appearance: none; -moz-appearance: none;} #myTrading_center .cont_body .Inquiry .Inquiry_body .shipment_item .option li .select_normal {width:98%;} #myTrading_center .cont_body .Inquiry .Inquiry_body .btn_group {clear:both; margin:30px 0;text-align:center;} #myTrading_center .cont_body .Inquiry .Inquiry_body .btn_group button {padding:0 20px; margin:0 4px; height:44px; border-radius:10px; font-size:15px; color:#fff;} #myTrading_center .cont_body .Inquiry .Inquiry_body .btn_group button.btn_confirm {border:1px solid #626262; background:#787878;} #myTrading_center .cont_body .Inquiry .Inquiry_body .btn_group button.btn_off {border:1px solid #999 !important; background:#bbb !important;} #myTrading_center .cont_body .Inquiry .Inquiry_body .btn_group button.btn_order {border:1px solid #c60029; background:#e90030;} @media screen and (max-width:840px) { #myTrading_center {min-width:320px; height:100%; height:100vh; font-family: roboto,"opensans","Malgun Gothic","嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙","Helvetica nenu",Arial, "Apple SD Gothic"; letter-spacing:0; box-sizing: border-box; overflow:hidden;} #myTrading_center .cont_head {width:100%;min-width:320px;height:55px;background:#e90030;overflow:hidden;} #myTrading_center .cont_head h1 {position:relative; top:38%; left:20px; width:100%; color:#fff; font-size:22px; font-weight:300; letter-spacing:-0.5px;} #myTrading_center .cont_head h1 span {display:none;} #myTrading_center .cont_head .process {display:none;} #myTrading_center .cont_head .close {position:absolute; top:0; right:0; display:inline-block; text-align:center; width:55px; height:55px; background:#b10018; line-height:55px;} /* dialog */ #myTrading_center .cont_body .dialog {float:left; position:relative; width:100%; height:92%; height:92vh; background:#f5f5f5; overflow:hidden;} #myTrading_center .cont_body .dialog .dialog_head {height:55px; background:#fff; padding:15px 5px 0 15px; border-bottom:1px solid #ddd;} #myTrading_center .cont_body .dialog .buyer_info {float:none; width:100%; padding:0;} #myTrading_center .cont_body .dialog .buyer_info p {float:right; border-radius:0; width:47px; background:url(../images/common/mtc_icon_go1.png) left top no-repeat; margin-top:5px;} #myTrading_center .cont_body .dialog .buyer_info p a {display:inline-block;width:47px; height:36px;} #myTrading_center .cont_body .dialog .buyer_info dl {float:left; width:80%; margin:0;} #myTrading_center .cont_body .dialog .buyer_info dt { font-weight:300; margin-bottom:3px;} #myTrading_center .cont_body .dialog .buyer_info dt span {display:none;} #myTrading_center .cont_body .dialog .buyer_info dd {font-size:14px; width:100% !important; height:21px; overflow:hidden; font-weight:normal;} #myTrading_center .cont_body .dialog .product_thum {display:none;} #myTrading_center .cont_body .dialog .dialog_body { height:72%; padding:20px 10px 0 10px; overflow-y:auto;} /* �뜝�럩�뮡嶺뚋우삕 嶺뚮씭占쎄퀡占쎌뼲�삕�땻占� */ #myTrading_center .cont_body .dialog .dialog_body .right {clear:both; padding-left:0; text-align:right; padding-bottom:25px; overflow:hidden;} #myTrading_center .cont_body .dialog .dialog_body .right dl {position:relative; width:75%; margin-right:12px;} #myTrading_center .cont_body .dialog .dialog_body .right dt {font-size:14px; margin-right:5px;} #myTrading_center .cont_body .dialog .dialog_body .right dt strong {display:none;} #myTrading_center .cont_body .dialog .dialog_body .right dt span.name {font-weight:300;} #myTrading_center .cont_body .dialog .dialog_body .right dt span.name:before, #myTrading_center .cont_body .dialog .dialog_body .right dt span.name:after {content:'';} #myTrading_center .cont_body .dialog .dialog_body .right dt span.date {padding-left:5px;} #myTrading_center .cont_body .dialog .dialog_body .right dd {background:#fff7b7; color:#4b441a; text-align:left;margin-top:5px; padding:15px 20px; border-radius:10px; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);} #myTrading_center .cont_body .dialog .dialog_body .right dd.ment_right {position:absolute; top:30px; right:-14px; background:url(../images/common/mtc_ment_right.png) right top no-repeat; box-shadow:none;} #myTrading_center .cont_body .dialog .dialog_body .right dd hr {border:0; background:#c9c188; height:1px; overflow:hidden;} #myTrading_center .cont_body .dialog .dialog_body .right p.pic {display:none;} #myTrading_center .cont_body .dialog .dialog_body .right p.read {color:#959595; font-size:12px; margin:30px 7px;} /* 占쎈꽞占쎌뒩�몴占� 嶺뚮씭占쎄퀡占쎌뼲�삕�땻占� */ #myTrading_center .cont_body .dialog .dialog_body .left {clear:both; padding-right:0; padding-bottom:25px; overflow:hidden;} #myTrading_center .cont_body .dialog .dialog_body .left dl {position:relative; width:75%; margin-left:13px;} #myTrading_center .cont_body .dialog .dialog_body .left dt {font-size:14px; margin-right:5px;} #myTrading_center .cont_body .dialog .dialog_body .left dt strong {display:none;} #myTrading_center .cont_body .dialog .dialog_body .left dt span.name {display:inline-block;font-weight:300; width:100px; height:15px; overflow:hidden;} #myTrading_center .cont_body .dialog .dialog_body .left dt span.name:before, #myTrading_center .cont_body .dialog .dialog_body .left dt span.name:after {content:'';} #myTrading_center .cont_body .dialog .dialog_body .left dt span.date {padding-left:5px; color:#959595; font-size:12px;} #myTrading_center .cont_body .dialog .dialog_body .left dd {background:#fff; margin-top:5px; padding:15px 20px; border-radius:10px; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);} #myTrading_center .cont_body .dialog .dialog_body .left p.pic {position:relative; width:50px; height:50px; border-radius:50%; background:url(../images/common/mtc_none_pic.png) center bottom no-repeat #aec2d9; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);} #myTrading_center .cont_body .dialog .dialog_body .left p.pic img {width:50px; height:50px; border-radius:50%;} #myTrading_center .cont_body .dialog .dialog_body .left p.read {color:#959595; font-size:12px; margin:30px 7px;} /* 占썩뫀踰듿뜝占� */ #myTrading_center .cont_body .dialog .dialog_body .notice dl {width:99%; margin:0 auto;} #myTrading_center .cont_body .dialog .dialog_body .notice dt strong {display:inline-block;} #myTrading_center .cont_body .dialog .dialog_body .notice dd {background:#fbd5d5;} /* �뜝�럥堉꾢뜝�럩�뮧�슖�돦裕녻キ占� �뵓怨뚯뫓占쎈괏*/ #myTrading_center .cont_body .dialog .dialog_body .ico {padding:0 8px 0 12px; border-radius:4px; margin-left:3px;} /* �뜝�럩肉��뜝�럩�졑嶺뚢댙�삕 */ #myTrading_center .cont_body .dialog .dialog_foot {position:absolute; left:0; bottom:0; width:92%; height:60px; padding:4%; background:#fff; border-radius:0; border-top:1px solid #ddd; box-shadow:none; } #myTrading_center .cont_body .dialog .dialog_foot .input_txt {width:100%; margin-bottom:0; padding-bottom:20px; border-bottom:0;} #myTrading_center .cont_body .dialog .dialog_foot .input_txt textarea {float:left;width:76%; height:60px; border:none;} #myTrading_center .cont_body .dialog .dialog_foot .input_txt button {float:right; width:20%;height:30px; border-radius:10px; border:1px solid #c60029; background:#e90030;font-size:15px; color:#fff;} #myTrading_center .cont_body .dialog .dialog_foot ul {display:none;} /* Inquiry */ #myTrading_center .cont_body .Inquiry {position:absolute; width:100%; height:93%; height:93vh; overflow:hidden; z-index:10; background:#fff;} #myTrading_center .cont_body .Inquiry .buyer_info {display:block; float:none; width:100%; min-width:320px; height:55px; background:#fff; padding:15px 15px 0 5px; border-bottom:1px solid #ddd; overflow:hidden;} #myTrading_center .cont_body .Inquiry .buyer_info p {float:left; border-radius:0; width:47px; background:url(../images/common/mtc_icon_go2.png) left top no-repeat; margin-top:5px;} #myTrading_center .cont_body .Inquiry .buyer_info p a {display:inline-block;width:47px; height:36px;} #myTrading_center .cont_body .Inquiry .buyer_info dl {float:left; width:80%; margin:0 0 0 13px;} #myTrading_center .cont_body .Inquiry .buyer_info dt { font-weight:300; margin-bottom:3px;} #myTrading_center .cont_body .Inquiry .buyer_info dt span {display:none;} #myTrading_center .cont_body .Inquiry .buyer_info dd {font-size:14px; width:100% !important; height:25px; font-weight:normal; line-height:1.6; display: -webkit-box !important; word-wrap: break-word; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} #myTrading_center .cont_body .Inquiry h2 {clear:both;border-bottom:1px solid #ddd; height:46px; font-weight:300; font-size:18px; padding-left:5%; line-height:46px;} #myTrading_center .cont_body .Inquiry .Inquiry_body { padding:4% 5% 7% 5%; height:70%; height:70vh; overflow-y:scroll;} #myTrading_center .cont_body .Inquiry .Inquiry_body .item_box {background:#fff; border:1px solid #ccc; border-top:2px solid #f996a2;} #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .product p {float:left; margin-right:10px;} #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .product dl {float:left; width:63%;} #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .product dl dt {margin-bottom:0; height:40px; overflow:hidden;} #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .option li {float:left; width:50%; margin-top:10px;} #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .option li .inputxt_normal {padding-left:10px; width:92.5%; height:32px;} #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .option li .select_normal {width:96%;} #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .close a {position:relative; margin-top:15px; display:inline-block; background:url(../images/common/mtc_btn_close2.png) right top no-repeat #f4f4f4; width:98%; height:32px; border:1px solid #ccc;} #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .close span {display:block; padding-left:15px; line-height:32px; color:#666; font-size:14px;} #myTrading_center .cont_body .Inquiry .Inquiry_body .price_all_total {clear:both; font-size:21px; border-bottom:2px solid #555;padding:20px 0 5px 0; margin-bottom:40px; overflow:hidden;} #myTrading_center .cont_body .Inquiry .Inquiry_body .price_all_total span {float:left;} #myTrading_center .cont_body .Inquiry .Inquiry_body .price_all_total strong {float:right;color:#e90030; font-weight:300;} #myTrading_center .cont_body .Inquiry .Inquiry_body .price_all_total strong span {float:none; font-size:28px;} #myTrading_center .cont_body .Inquiry .Inquiry_body .shipment_item .option {clear:both;} #myTrading_center .cont_body .Inquiry .Inquiry_body .shipment_item .option li {margin-top:20px;} #myTrading_center .cont_body .Inquiry .Inquiry_body .shipment_item .option li:first-child {margin-top:0;} #myTrading_center .cont_body .Inquiry .Inquiry_body .shipment_item .option li span {display:block;font-size:15px; font-weight:300; margin-bottom:3px;} #myTrading_center .cont_body .Inquiry .Inquiry_body .shipment_item .option li span strong {color:#e90030;} #myTrading_center .cont_body .Inquiry .Inquiry_body .shipment_item .option li .inputxt_normal {padding-left:10px; margin-right:10px; width:70%; height:32px;} #myTrading_center .cont_body .Inquiry .Inquiry_body .shipment_item .option li .select_normal {width:98%;} #myTrading_center .cont_body .Inquiry .Inquiry_body .btn_group {clear:both; margin:30px 0;text-align:center;} #myTrading_center .cont_body .Inquiry .Inquiry_body .btn_group button {padding:0 20px; margin:0 4px; height:44px; border-radius:10px; font-size:15px; color:#fff;} #myTrading_center .cont_body .Inquiry .Inquiry_body .btn_group button.btn_confirm {border:1px solid #626262; background:#787878;} #myTrading_center .cont_body .Inquiry .Inquiry_body .btn_group button.btn_off {border:1px solid #999 !important; background:#bbb !important;} #myTrading_center .cont_body .Inquiry .Inquiry_body .btn_group button.btn_order {border:1px solid #c60029; background:#e90030;} /* �뜝�럩�읉�뜝�럩逾졾뜝�럥�꽑 (占쎄껀�뜝�룞�삕占쎈콦�뜝�럥裕욃뜝�럥諭쒎뜝�럩�궖 css�뜝�럥�뱺 �뜝�럩肉녑뜝�럥�맪 �뇦猿볦삕 繞벿우삕 �뜝�럥�닡�뜝�럩�뭵�뜝�럥由� �뇦猿됲뜐壤쏉옙) */ .modal-backdrop.fade {opacity: 0;} .modal-backdrop, .modal-backdrop.fade.in {opacity: 0.8; filter: alpha(opacity=80);} /*�뜝�럡���뜝�럩�뮔 �뛾�룆踰∽옙裕�*/ .modal { position: fixed; top: 0px; left: 0; z-index: 3; width: 100%; height:100%; margin-left:0; background: #fff; outline: none; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .modal.fade { right: -50%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; } .modal.fade.in {right:50%;} .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in {opacity: 1;} .hide {display: none;} .show {display: block;} } @media screen and (max-width:497px) { #myTrading_center .cont_body .dialog .dialog_body { height:65%; padding:20px 10px 0 10px; overflow-y:auto;} /* 占쎈꽞占쎌뒩�몴占� 嶺뚮씭占쎄퀡占쎌뼲�삕�땻占� */ #myTrading_center .cont_body .dialog .dialog_body .left p.read {clear:both;margin:5px 0 0 65px;} #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .option li .inputxt_normal {width:86%; height:28px !important; } #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .option li .select_normal {width:93%;} #myTrading_center .cont_body .Inquiry .Inquiry_body .buying_item .close a {width:98%;} #myTrading_center .cont_body .Inquiry .Inquiry_body .shipment_item .option li .inputxt_normal { height:28px !important; } } /* 2018.10.12 �댖怨뚰�h땻臾뺤삕占쎄껀 占쎈퉲�겫�룞�삕 My order */ /* process_step */ .mypage .process_step {overflow:hidden; margin-bottom:50px;} .mypage .process_step li {float:left; width:232px;} .mypage .process_step li a {display:inline-block; width:100%; height:35px; padding-top:60px; text-align:center; color:#707070;} .mypage .process_step li a span {display:block; padding-top:15px; background:url(../images/contents/myorder_step_off.png) left top no-repeat;} .mypage .process_step li a strong {font-size:15px; padding-left:10px;} /* on */ .mypage .process_step li.on a {color:#252525;} .mypage .process_step li.on a span {background:url(../images/contents/myorder_step_on.png) left top no-repeat;} .mypage .process_step li.on a strong {color:#e90030;} /* myorder_process_1 */ /* �뜝�럥�닡�뜝�럩逾좑옙援쒎뜝占� */ .mypage .myorder_process_1 li:first-child a {background:url(../images/contents/myorder_step1_01_off.png) center top no-repeat;} .mypage .myorder_process_1 li:nth-of-type(2) a {background:url(../images/contents/myorder_step1_02_off.png) center top no-repeat;} .mypage .myorder_process_1 li:nth-of-type(3) a {background:url(../images/contents/myorder_step1_03_off.png) center top no-repeat;} .mypage .myorder_process_1 li:last-child a {background:url(../images/contents/myorder_step1_04_off.png) center top no-repeat;} /* on */ .mypage .myorder_process_1 li.on:first-child a {background:url(../images/contents/myorder_step1_01_on.png) center top no-repeat;} .mypage .myorder_process_1 li.on:nth-of-type(2) a {background:url(../images/contents/myorder_step1_02_on.png) center top no-repeat;} .mypage .myorder_process_1 li.on:nth-of-type(3) a {background:url(../images/contents/myorder_step1_03_on.png) center top no-repeat;} .mypage .myorder_process_1 li.on:last-child a {background:url(../images/contents/myorder_step1_04_on.png) center top no-repeat;} /* myorder_process_2 */ .mypage .myorder_process_2 li:first-child a {background:url(../images/contents/myorder_step2_01_off.png) center top no-repeat;} .mypage .myorder_process_2 li:nth-of-type(2) a {background:url(../images/contents/myorder_step2_02_off.png) center top no-repeat;} .mypage .myorder_process_2 li:last-child a {background:url(../images/contents/myorder_step2_03_off.png) center top no-repeat;} /* on */ .mypage .myorder_process_2 li.on:first-child a {background:url(../images/contents/myorder_step2_01_on.png) center top no-repeat;} .mypage .myorder_process_2 li.on:nth-of-type(2) a {background:url(../images/contents/myorder_step2_02_on.png) center top no-repeat;} .mypage .myorder_process_2 li.on:last-child a {background:url(../images/contents/myorder_step2_03_on.png) center top no-repeat;} /* 2018.10.12 �댖怨뚰�h땻臾뺤삕占쎄껀 占쎈퉲�겫�룞�삕 My gobiz */ .mypage_lnb .lnb_banner {margin:20px 0;} .mypage_lnb .lnb_banner li {margin-bottom:10px;} /* myinquiries_icon */ .mypage .myinquiries_icon .dash_list li .dash_box, .mypage .myorders_icon .dash_list li .dash_box {height:130px; padding-top:47px;} .mypage .myinquiries_icon .dash_list li .dash_box .num, .mypage .myorders_icon .dash_list li .dash_box .num {border-top:1px solid #ddd; line-height:40px; margin-top:10px;} .mypage .myinquiries_icon .dash_list li:hover .dash_box .num, .mypage .myorders_icon .dash_list li:hover .dash_box .num {background:#f5f5f5;} /*�뜝�럥�닡�뜝�럩逾좑옙援쒎뜝占�*/ .mypage .myinquiries_icon .dash_list li:first-child a.dash_box {background:url(../images/contents/mygobiz_icon01.png) center 19px no-repeat;} .mypage .myinquiries_icon .dash_list li:nth-of-type(2) a.dash_box {background:url(../images/contents/mygobiz_icon02.png) center 19px no-repeat;} .mypage .myinquiries_icon .dash_list li:nth-of-type(3) a.dash_box {background:url(../images/contents/mygobiz_icon03.png) center 19px no-repeat;} .mypage .myinquiries_icon .dash_list li:last-child a.dash_box {background:url(../images/contents/mygobiz_icon04.png) center 19px no-repeat;} .mypage .myorders_icon .dash_list li:first-child a.dash_box {background:url(../images/contents/mygobiz_icon05.png) center 19px no-repeat;} .mypage .myorders_icon .dash_list li:nth-of-type(2) a.dash_box {background:url(../images/contents/mygobiz_icon06.png) center 19px no-repeat;} .mypage .myorders_icon .dash_list li:nth-of-type(3) a.dash_box {background:url(../images/contents/mygobiz_icon07.png) center 19px no-repeat;} .mypage .myorders_icon .dash_list li:last-child a.dash_box {background:url(../images/contents/mygobiz_icon08.png) center 19px no-repeat;} /* user_info */ .side_section .profile_box .user_info .name {font-size:18px; font-weight:bold; border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:15px;} .side_section .profile_box .user_info .name span {display:block; color:#707070; font-size:13px; font-weight:normal; letter-spacing:0;} .side_section .profile_box .user_info dl {overflow:hidden; margin-bottom:20px;} .side_section .profile_box .user_info dt, .side_section .profile_box .user_info dd {float:left;} .side_section .profile_box .user_info dt {padding-right:15px;} .side_section .profile_box .user_info dt img {width:40px; height:40px;} .side_section .profile_box .user_info dt span {display:block; text-align:center;font-weight:300;} .side_section .profile_box .user_info dd span {color:#cc0000;} .side_section .profile_box .user_info dd ul li {padding-left: 8px; background: url("../images/common/bul_dot02.png") no-repeat left 9px; background-size: 2px 2px;} /* recent */ .side_section .recent {margin-top:20px;} .side_section .recent .stitle_area {border-bottom:2px solid #848894; margin-bottom:10px; padding-bottom:5px;} .side_section .recent .list {margin-left:2px;} .side_section .recent .list li{position:relative; border-bottom:1px solid #ddd; padding:5px 0; line-height:150%;} .side_section .recent .list li a{ display:block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#404040; font-size:13px; padding-left:8px; background:url("../images/common/bul_dot02.png") no-repeat left 9px; background-size:3px 3px;} .side_section .recent .list li a:hover{color:#000; font-weight:300;} /* .close_btn */ .side_section .recent .list li a.close_btn {display:none;} .side_section .recent .list li:hover a.close_btn {display:block;} .side_section .recent .list li a.close_btn {position:absolute; right:0; top:8px; width:14px; height:14px; padding:0; background:url("../images/common/btn_close.png") center center no-repeat #aaa; background-size:10px 10px; border-radius:2px; border:1px solid #999;} /* board_box */ .mypage .inner_hero .board_box {float:left; width:48%;} .mypage .inner_hero .board_box.fr {float:right;} .mypage .inner_hero .board_box .stitle_area {border-bottom:1px solid #ddd; margin-bottom:10px; padding-bottom:5px;} .mypage .inner_hero .board_box .board_list {margin-left:2px;} .mypage .inner_hero .board_box .board_list li{ padding:5px 0; line-height:150%;} .mypage .inner_hero .board_box .board_list li a{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#404040; font-size:13px; padding-left:8px; background:url("../images/common/bul_dot02.png") no-repeat left 9px; background-size:3px 3px;} .mypage .inner_hero .board_box .board_list li a:hover{color:#e90030;} .mypage .inner_hero .board_box .board_list li .no_list{color:#808080; font-size:13px; text-align:center; padding:18px 0; } /* 2018.10.23 占쎈퉲�겫�룞�삕 */ /* �뜝�럥諭잏솻洹��뫅�뜝占� special_ex_title */ .special_ex_title {background:#b5dddb;} .special_ex_title p {max-width:1500px; min-width:1200px; height:350px; margin:0 auto 20px auto; background:url("../images/contents/special/special_title.png") right top no-repeat; background-size:100%; overflow:hidden;} .special_ex_title p strong {display:block; color:#002157; font-size:70px; text-transform:uppercase; margin:145px 0 0px 50px; line-height:1.2;} .special_ex_title p strong em {color:#363636; font-weight:normal; font-style:normal;} .special_ex_title p span {display:block; margin-left:53px; font-size:18px;} /* �뜝�럥諭잏솻洹��뫅�뜝占� special_ex_list */ .special_ex_list { overflow:hidden; margin-left:-3%;} .special_ex_list li {position:relative;float:left; width:47%; margin-left:3%; margin-bottom:50px;} .special_ex_list li a {display:block;} .special_ex_list li img {max-width:720px; width:100%; border:1px solid #ddd;} .special_ex_list li .text {display:block; width:100%; font-size:16px; padding-top:10px;} .special_ex_list li .text strong {display:inline-block; float:left; font-weight:600;} .special_ex_list li .text span {float:right; font-size:15px; padding-right:0.4%;} .special_ex_list li span.on {position:absolute; top:10px; right:15px; background:#e90030; color:#fff; text-align:center; width:60px; height:60px; border-radius:50%; line-height:60px;font-size:18px; font-weight:600; box-shadow:2px 3px 5px rgba(0, 0, 0, 0.4);} /* �뜝�럥諭잏솻洹��뫅�뜝占� �뜝�럡�맋占쎈눀�뜝占� special_ex_title_sub */ .special_ex_title_sub p {max-width:1500px; min-width:1200px; height:500px; margin:0 auto 20px auto;} .special_ex_title_sub p.subtitle_02 {background:url("../images/contents/special/special_title_sub02.png") 40% top no-repeat; overflow:hidden;} .special_ex_title_sub p.subtitle_02 span.text {margin:160px 0 0 21%;display:block; line-height:1.2; color:#e90030; font-size:72px; font-style:italic; text-transform:uppercase;text-shadow:2px 3px 2px rgba(255, 255, 255, 0.8);} .special_ex_title_sub p.subtitle_02 span.text .color {color:#002157;} .special_ex_title_sub p.subtitle_02 span.text .space {display:inline-block;width:160px;} @media screen and (max-width:1350px) { /* �뜝�럥諭잏솻洹��뫅�뜝占� special_ex_title */ .special_ex_title p strong {display:block;width:40%; color:#002157; font-size:70px; text-transform:uppercase; margin:80px 0 10px 50px; line-height:1.0;} /* �뜝�럥諭잏솻洹��뫅�뜝占� �뜝�럡�맋占쎈눀�뜝占� special_ex_title_sub */ .special_ex_title_sub p.subtitle_02 span.text {margin:160px 0 0 19%;display:block; line-height:1.2; color:#e90030; font-size:72px; font-style:italic; text-transform:uppercase;text-shadow:2px 3px 2px rgba(255, 255, 255, 0.8);} .special_ex_title_sub p.subtitle_02 span.text .space {display:inline-block;width:100px;} } /* 2018.10.30 占쎈퉲�겫�룞�삕 */ /* b2b mini site */ .b2b_header {margin-bottom:25px;} .b2b_header .b2b_visual {max-width:1500px; min-width:1200px; margin:0 auto; text-align:center;font-size:60px;font-weight:600; height:350px; line-height:350px; overflow:hidden;} .b2b_header .b2b_visual.customizing {color:#363636; background:url("../../mini/images/contents/b2b/b2b_visual.png") center top no-repeat; background-size:100% 350px;} /* b2b_gnb */ .b2b_header .b2b_gnb {margin:0 auto;} .b2b_header .b2b_gnb li {float:left; width:25%;} .b2b_header .b2b_gnb a {display:block; width:100%; height:60px; line-height:60px; font-size:18px; font-weight:300; text-transform:uppercase; text-align:center; } .b2b_header .b2b_gnb.customizing a {color:#fff; background-color:#333949;} .b2b_header .b2b_gnb.customizing li.on a {color:#fff; background-color:#e90030;} /* b2b_user_info */ .b2b_contents .b2b_user_info {width:auto; border:1px solid #ddd; letter-spacing:normal; margin-bottom:70px; overflow:hidden;} .b2b_contents .b2b_user_info .left {float:left; position:relative; width:28%; padding:40px 50px 40px 255px; height:160px; background:#f4f4f4;} .b2b_contents .b2b_user_info .left .comp_img {position:absolute; left:50px; border:1px solid #ddd;} .b2b_contents .b2b_user_info .left .comp_level {display:block; color:#e90030; padding:5px 0 10px 0;} .b2b_contents .b2b_user_info .left .comp_name {display:block; font-size:30px;} .b2b_contents .b2b_user_info .left .btn_get .message { cursor:pointer; margin-top:30px; padding:15px 30px 15px 65px; background:url("../../mini/images/contents/b2b/b2b_icon_message.png") 20px center no-repeat #fff; border:1px solid #e90030; color:#e90030; font-weight:300; font-size:14px; } .b2b_contents .b2b_user_info .right {float:left;width:46%; padding:40px 0; height:160px;} .b2b_contents .b2b_user_info .config_list {margin:20px 0 0 80px; width:300px;} .b2b_contents .b2b_user_info .config_list > li{position:relative; padding-left:160px; border-bottom:1px solid #ddd;} .b2b_contents .b2b_user_info .config_list > li .cont_tit{display:block; position:absolute; left:0; top:50%; margin-top:-9px; padding-left:10px; font-weight:normal; font-size:14px; line-height:160%; color:#404040;} .b2b_contents .b2b_user_info .config_list > li .cont_tit:before{content:''; position:absolute; left:3px; top:50%; width:2px; height:2px; background:#7c818c; margin-top:-1px;} .b2b_contents .b2b_user_info .config_list > li .cont_area{padding:2px 0; box-sizing:border-box;} .b2b_contents .b2b_user_info .config_list > li .starlv {height:36px; font-size: 16px !important; padding-top: 8px !important; color:#e90030 !important; } .b2b_contents .b2b_user_info .config_list > li .starlv_gr {height:36px; font-size: 16px !important; padding-top: 8px !important; color:#b7b7b7 !important;} .b2b_contents .b2b_user_info .config_list > li .cont_area .cont_txt {font-weight:normal; text-align:right; font-size:13px; line-height:220%; color:#606060;letter-spacing:-0.5px;} /* h3 �뜝�룞�삕�뜝�럩逾졾뜝�룞�삕 */ .b2b_contents h2.tit {font-size:36px;margin-bottom:40px;} /* �뜝�럥由��뜝�럥堉� border */ .cont_bottom {border-bottom:1px solid #ddd; margin-bottom:70px;} /* company_profile */ .b2b_contents .company_profile {padding:0 10px 30px 10px;} .b2b_contents .company_profile .comp_txt {color:#666; font-size:15px; margin-bottom:50px;} .b2b_contents .company_profile .comp_img {margin-right:-2.5%; overflow:hidden;} .b2b_contents .company_profile .comp_img li {float:left; width:18%; margin-right:2%; margin-bottom:40px;} .b2b_contents .company_profile .comp_img li img {width:100%; max-width:250px; border:1px solid #ddd;} /* company_profile */ .b2b_contents .company_products { padding:0 10px 30px 10px;} .b2b_contents .company_products .product_list {clear:both;margin-right:-3.5%; overflow:hidden;} .b2b_contents .company_products .product_list li {float:left; width:18%; margin-right:2%; margin-bottom:40px;} .b2b_contents .company_products .product_list li img {width:100%; max-width:250px; border:1px solid #ddd;} .b2b_contents .company_products .product_list li .tit {display:inline-block; font-size:16px; font-weight:300; padding:10px 0; height:33px;overflow:hidden;} @media screen and (max-width:1450px) { .b2b_contents .company_products .product_list {clear:both;margin-right:-2.2%; overflow:hidden;} } /* company_detail */ .b2b_contents .company_detail .seller_info{position:relative; } .b2b_contents .company_detail .seller_basic{position:relative; background:#f5f5f5; padding:40px; box-sizing:border-box; min-height:240px; margin-bottom:40px;} .b2b_contents .company_detail .seller_basic .inner_box .connect_info{position:relative; border-bottom:1px solid #bababa; height:45px; margin-bottom:20px;} .b2b_contents .company_detail .seller_basic .inner_box .connect_info h3{display:inline-block; line-height:45px; font-size:20px; color:#404040; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; letter-spacing:normal;} .b2b_contents .company_detail .seller_basic .inner_box .profile_info{position:relative;} .b2b_contents .company_detail .seller_basic .inner_box .profile_info ul{overflow:hidden;} .b2b_contents .company_detail .seller_basic .inner_box .profile_info ul li{width:33%; float:left; box-sizing:border-box; margin-bottom:20px;} .b2b_contents .company_detail .seller_basic .inner_box .profile_info ul li:last-child{width:100%; margin-bottom:0;} .b2b_contents .company_detail .seller_basic .inner_box .profile_info ul li .info{position:relative; font-size:13px; color:#404040; padding-left:44px; line-height:150%; min-height:36px; box-sizing:border-box; padding-top:8px;} .b2b_contents .company_detail .seller_basic .inner_box .profile_info ul li .info .ico{position:absolute; left:0; top:0; width:36px; height:36px; border:2px solid #7c818c; border-radius:50%; box-sizing:border-box;} .b2b_contents .company_detail .seller_basic .inner_box .profile_info ul li .info .ico.person{background:url('../images/common/ico_person.png') no-repeat 50% 50%; background-size:16px 18px;} .b2b_contents .company_detail .seller_basic .inner_box .profile_info ul li .info .ico.telephone{background:url('../images/common/ico_telephone.png') no-repeat 50% 50%; background-size:18px 19px;} .b2b_contents .company_detail .seller_basic .inner_box .profile_info ul li .info .ico.fax{background:url('../images/common/ico_fax.png') no-repeat 50% 50%; background-size:18px 18px;} .b2b_contents .company_detail .seller_basic .inner_box .profile_info ul li .info .ico.address{background:url('../images/common/ico_address.png') no-repeat 50% 50%; background-size:16px 24px;} .b2b_contents .company_detail .seller_detail{position:relative; margin-bottom:40px;} .b2b_contents .company_detail .seller_detail > .detail_list{border-top:1px solid #bababa; border-bottom:1px solid #bababa;} .b2b_contents .company_detail .seller_detail > .detail_list > li{position:relative; border-bottom:1px solid #ddd;} .b2b_contents .company_detail .seller_detail > .detail_list > li:last-child{border-bottom:none;} .b2b_contents .company_detail .seller_detail > .detail_list > li > dl{overflow:hidden;padding:15px 0;font-weight:normal;font-size:14px;} .b2b_contents .company_detail .seller_detail > .detail_list > li > dl > dt{float:left; width:20%; line-height:160%; color:#404040; box-sizing:border-box; padding-left:20px; border-right:1px solid #ddd; font-weight:300;} .b2b_contents .company_detail .seller_detail > .detail_list > li > dl > dd{float:left; width:78%; line-height:160%; color:#666; box-sizing:border-box; padding-left:20px; border-right:none;} /* b2b_product_tab */ .b2b_contents .b2b_product_tab {width:100%; margin-bottom:40px; border-left:1px solid #ddd; overflow:hidden;} .b2b_contents .b2b_product_tab li {float:left; width:25%;} .b2b_contents .b2b_product_tab li a {display:block; border:1px solid #ddd; border-left:0; background:#f4f4f4; text-align:center; font-size:16px; line-height:55px; height:55px;} .b2b_contents .b2b_product_tab li.on a {border-top:2px solid #333949; border-bottom:0; background:#fff;} .b2b_contents .board_view {margin-left:10px;} /* linkedin */ .join_contents div#linkedin.linkedin {border-top:1px solid #ddd; margin-top:20px; padding-top:20px; width:100%; overflow:hidden;} #frm .join_contents div#linkedin.linkedin span.IN-widget span span {margin-left:-1px !important;width:640px; height:51px !important; line-height:51px !important; font-size:16px !important; font-weight:300 !important; background-color: #0c72c4 !important; } #frm .join_contents div#linkedin.linkedin span.IN-widget span span a span {height:51px !important;background-color: #0c72c4 !important;background-image:none !important; } #frm .join_contents div#linkedin.linkedin span.IN-widget span span a span:first-child {width:70px !important;background-image:url("../images/common/new/foot_sns_in.png") !important; background-position:50% center !important; background-repeat:no-repeat !important;} /* linkedin(2) */ .real_btn #linkedin.linkedin {border-top:1px solid #ddd; margin-top:20px; padding-top:20px; width:100%; overflow:hidden;} #logForm .real_btn #linkedin.linkedin span.IN-widget span span {margin-left:-1px !important;width:416px; height:51px !important; line-height:51px !important; background-color: #0c72c4 !important; font-size:16px !important; font-weight:300 !important; padding-right:23px !important;} #logForm .real_btn #linkedin.linkedin span.IN-widget span span:first-child { width:40px !important; background-image:url("../images/common/new/foot_sns_in.png") !important; background-position:52% 50% !important; background-repeat:no-repeat !important;} #logForm .real_btn #linkedin.linkedin span.IN-widget span span:last-child {background-image:none !important;} .real_btn #linkedin.linkedin span.IN-widget span span.hovered a span {height:51px !important;} .real_btn #linkedin.linkedin span.IN-widget span span a span * {background-color: #0c72c4 !important;} .real_btn #linkedin.linkedin span.IN-widget span span a span span * {font-size:35px !important; height:51px !important; line-height:60px !important;} /* 2019.01.24 BMS_VAP 占쎈퉲�겫�룞�삕 */ .about_conts_area {position:relative; min-width:1200px; max-width:1500px; margin:0 auto; padding:60px 0} .about_conts_area * {box-sizing:border-box} /* about banner */ .about_banner_area {background-color:#cfe0ee} .about_banner_area .about_banner {position:relative; min-width:1200px; max-width:1500px; margin:0 auto} .about_banner_area .about_banner .banner_img {display:inline-block; width:100%; text-align:right} .about_banner_area .about_banner .banner_txt {position:absolute; top:140px; left:320px; } .about_banner_area .about_banner .banner_txt strong {font-size:80px; color:#001d49} .about_banner_area .about_banner .banner_txt p {width:360px; font-size:26px; padding:5px 10px; margin:10px 0; color:#fff; background-color:#001d49} .about_banner_area .about_banner .banner_txt span {font-size:18px; line-height:150%; color:#777;} .about_banner_area.banner_vap {background-color:#f3f9ff} .about_banner_area.banner_vap .about_banner .banner_txt {position:absolute; top:140px; left:150px} .about_banner_area.banner_vap .about_banner .banner_txt p {width:380px} /* about > bms trade */ .bms_trade_value {position:absolute; top:-450px; left:0; width:240px; border:1px solid #ddd; padding:30px 20px; background-color:#fff;} .bms_trade_value .trade_tit {font-size:18px; line-height:120%; font-weight:bold; text-align:center; margin-bottom:30px; letter-spacing: -0.5px;} .bms_trade_value .trade_tit span {text-decoration:underline; color:#e90030} .bms_trade_value .trade_area {} .bms_trade_value .trade_area li {position:relative; margin-bottom:20px} .bms_trade_value .trade_area li:last-child {margin-bottom:0} .bms_trade_value .trade_area li .trade_txt {position:absolute; top:0; right:0} /* about > procedure */ .bms_conts_area {padding-left:270px;} .conts_procedure {position:relative} .conts_procedure h2 {margin-bottom:30px} .conts_procedure .more {position:absolute; top:-4px; right:0} .conts_procedure .more a {display:block; font-size:16px; font-weight:bold; padding:3px 35px; text-indent:-15px; border-radius:20px; color:#fff; background:#e90030 url('../images/bms_vap/faq_arrow.png') 60px center no-repeat} .conts_procedure .pro_img1,.conts_procedure .pro_img2 {display:block} .conts_procedure .pro_img2 {margin:30px 0} .conts_procedure .pro_img1 img,.conts_procedure .pro_img2 img {width:100%} /* about > tab */ .about_tab_area {position:relative; padding-bottom:20px; border-bottom:1px solid #333} .about_tab_area .bms_slider_tab {width:1130px; margin:0 auto 20px} .about_tab_area.t2 .bms_slider_tab {width:1400px; margin:0 auto 30px} .about_tab_area .bms_slider_tab ul {} .about_tab_area .bms_slider_tab ul:after {display:block; clear:both; content:''} .about_tab_area .bms_slider_tab ul li {float:left; width:20%;} .about_tab_area .bms_slider_tab ul li a {display:block; height:50px; line-height:50px; font-size:16px; text-align:center; border-left:1px solid #595d69; background-color:#7d818c; color:#fff} .about_tab_area .bms_slider_tab ul li a.active {border-top:1px solid #7d818c; background-color:#fff; color:#333} .about_tab_area .control {position:absolute; top:0; left:0; right:0} .about_tab_area .control a {position:absolute; top:0; display:block; text-indent:-9999px; width:50px; height:50px; background:url('../images/bms_vap/ico_tab_arrow.jpg') 0 0 no-repeat} .about_tab_area .control a.prev {left:0; background-position:0 0} .about_tab_area .control a.next {right:0; background-position:-50px 0} .about_tab_area .bms_slider {} .about_tab_area .bms_slider .item {text-align:center;} .about_tab_area .bms_slider .item img {width:100%; max-width:1150px} .about_tab_area.t2 .bms_slider .item img {max-width:1420px} /* about > seccess stories */ .success_area {margin-top:60px} .success_area .success_stories {} .success_area .success_stories:after {display:block; clear:both; content:''} .success_area .success_stories li {float:left; width:49.5%; padding:30px 10px 30px 30px; height:160px; margin-right:1%; border:1px solid #ddd} .success_area .success_stories li:last-child {margin-right:0;} .success_area .success_stories li .stories_img {float:left; width:15%} .success_area .success_stories li dl {float:left; width:85%; padding-left:20px; } .success_area .success_stories li dl dt {font-weight:bold; font-size:16px} .success_area .success_stories li dl dd {font-size:14px; margin-top:10px} .success_area .success_stories li .stories_btn {font-weight:bold; text-decoration:underline; padding-left:10px; color:#5fa6e1} /* bms state */ .bms_state {margin-top:60px} .tit_link {margin-bottom:10px} .tit_link .red {color:#e90030} .tit_link a {display:inline-block; width:20px; height:20px; text-indent:-9999px; background:url('../images/bms_vap/tit_arrow.png') center no-repeat} .bms_state .tbl_normal {} .bms_state .tbl_normal .tbl01 td {padding:5px; } .bms_state .tbl_normal_state {} .bms_state .tbl_normal_state li {display:inline-block; width:70%; padding:8px; font-size:16px; text-align:center; border-radius:20px} .bms_state .tbl_normal_state .appled {border:1px solid #2ab73e; color:#2ab73e} .bms_state .tbl_normal_state .progres {border:1px solid #5fa6e1; color:#5fa6e1} .bms_state .tbl_normal_state .completed {border:1px solid #f3a033; color:#f3a033} .bms_state .tbl_normal .tbl_bms_list {table-layout:fixed} .tbl_bms_list .ellipsis{text-align:left !important; padding:5px 10px !important; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .tbl_bms_list.t2 td {padding:15px 10px !important} .tbl_bms_list.t2 td a {} .tbl_bms_list.t2 td a:hover {text-decoration:underline; color:#e90030} .tbl_bms_list.t2 .tcenter{text-align:center !important;} /* about > assist */ .assist_area {margin-top:60px} .assist_area h2 {} .assist_area .assist_txt {padding-left:10px; font-size:16px; color:#e90030} .assist_area .assist_list {} .assist_area .assist_list:after {display:block; clear:both; content:''} .assist_area .assist_list li {position:relative; float:left; width:24.25%; height:300px; margin:10px 1% 0 0; padding:20px; border:1px solid #ddd} .assist_area .assist_list li:nth-child(4n) {margin-right:0} .assist_area .assist_list .assist_img {float:left; width:30%} .assist_area .assist_list .assist_name {float:left; width:70%; padding:60px 0 20px 20px} .assist_area .assist_list .assist_name strong { font-size:20px} .assist_area .assist_list .assist_name a {display:block; font-size:13px; color:#777} .assist_area .assist_list .assist_info {clear:both; position:absolute; top:150px; left:0; right:0; bottom:0; padding:20px 20px 10px; background-color:#f4f4f4} .assist_area .assist_list .assist_info dt {font-size:16px; font-weight:bold} .assist_area .assist_list .assist_info dt:nth-child(2n) {margin-top:10px;} .assist_area .assist_list .assist_info dd {} /* step area type1 */ .step_area {margin:40px 0;} .step_area .step_inner {} .step_area .step_inner:after {display:block; clear:both; content:''} .step_area .step_inner li {float:left; width:465px; height:132px; text-indent:-9999px; background:url('../images/bms_vap/img_step_bms.jpg') 0 0 no-repeat} .step_area .step_inner li.step1 {background-position:0 0} .step_area .step_inner li.step1.on {background-position:0 -132px} .step_area .step_inner li.step2 {background-position:-465px 0} .step_area .step_inner li.step2.on {background-position:-465px -132px} /* step area type2 */ .step_area .step_inner.t2 {} .step_area .step_inner.t2 li {width:310px; height:132px; background:url('../images/bms_vap/img_step_vap.jpg') 0 0 no-repeat} .step_area .step_inner.t2 li.step1 {background-position:0 0} .step_area .step_inner.t2 li.step1.on {background-position:0 -132px} .step_area .step_inner.t2 li.step2 {background-position:-310px 0} .step_area .step_inner.t2 li.step2.on {background-position:-310px -132px} .step_area .step_inner.t2 li.step3 {background-position:-620px 0} .step_area .step_inner.t2 li.step3.on {background-position:-620px -132px} /* step completed */ .compl_area {padding:70px 50px; text-align:center; background-color:#f5f5f5} .compl_area span {display:inline-block} .compl_area p {text-align:center;} .compl_area .fs24 {font-size:24px; margin:30px 0 10px; color:#5972aa} .compl_area .fs14 {font-size:14px; color:#666} /* tbw request */ .tbw_request_tit {position:relative; font-size:20px; font-weight:bold; margin-bottom:10px; padding:20px; background-color:#f5f5f5;} .tbw_request_tit span{position:absolute; top:21px; right:20px; font-size:14px; font-weight:normal; color:#e90030} .tbw_request_txt {font-size:14px; padding:10px 20px 20px} .tbw_request_tit.t2 {font-size:16px} .tbw_order.tbw_req {} .tbw_order.tbw_req .tbw01 {} .tbw_order.tbw_req .tbw01 th {padding:10px 20px} .tbw_order.tbw_req .tbw01 td {padding:10px 0 10px 20px} .tbw_order.tbw_req .attach_file{position:relative; overflow:hidden;} .tbw_order.tbw_req .attach_file li{position:relative; border-bottom:1px solid #ddd; padding:6px 20px;} .tbw_order.tbw_req .attach_file li:before{content:""; position:absolute; left:10px; top:50%; width:2px; height:2px; background:#797d8a; margin-top:-1px;s} .tbw_order.tbw_req .attach_file li a{display:inline-block; color:#404040; line-height:150%; font-size:13px; letter-spacing:normal;} .tbw_order.tbw_req .attach_file li a:hover{color:#e90030;} /* tbl total, sort */ .bms_state_total {position:relative; margin:30px 0 10px;} .bms_state_total .total {} .bms_state_total .total strong {font-size:14px;} .bms_state_total .total span {font-size:14px; padding-left:10px;} .bms_state_total .sort {position:absolute; top:0; right:0;} .bms_state_total .sort:after {display:block; clear:both; content:''} .bms_state_total .sort li {float:left; margin-left:15px} .bms_state_total .sort li a {font-size:14px} .bms_state_total .sort li a:hover,.bms_state_total .sort li a:active,.bms_state_total .sort li a:focus {text-decoration:underline; color:#e90030;} /* about responsive */ @media screen and (max-width:1400px) { .bms_state {margin-top:60px} .bms_trade_value .trade_area li {margin-bottom:18px} } @media screen and (max-width:1350px) { .bms_state {margin-top:80px} .bms_trade_value .trade_area li {margin-bottom:16px} } @media screen and (max-width:1200px) { .bms_state {margin-top:60px} .bms_trade_value .trade_area li {margin-bottom:14px} } /*sourcing fair 2019*/ .sourcing2019 .sec_tit{font-size:22px; padding-top:50px; margin-bottom:20px; display:block; } .sourcing2019 p{font-size:16px; line-height:150%; padding-bottom:30px;} .sourcing2019 p strong{font-size:16px; line-height:150%; font-weight:600;} .sourcing2019 .t_box{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:40px 50px 10px 40px;} .sourcing2019 .tred{color:red;} .scontents_wrap li {font-size:16px; padding:5px 0;} .sourcing2019 .sourcingTB {font-size:16px;} .sourcing2019 .sourcingTB tr:first-child {border-top:2px solid #333949; } .sourcing2019 .sourcingTB th{background-color:#f6f6f6; border-bottom:1px solid #ddd; padding:17px 30px; } .sourcing2019 .sourcingTB td{padding:7px 15px; line-height:26px; border-bottom:1px solid #ddd; text-align:center;} .sourcing2019 .st_box{ padding:30px 40px; margin-top:40px; text-align:center; background-color:#f6f6f6; font-size:18px; line-height:1.4;} .sourcing2019 .st_box a{color:#236bdd;} .sourcing2019 .sellist_listselect{ text-align:right; width:1200px; margin:0 auto; padding-bottom:7px;} .sourcing2019 .sellist_listselect select{width:150px; padding:3px 3px 3px 7px; border:1px solid #999; height:30px; line-height:25px;} .sourcing2019 .sellist_listselect input{ padding:3px 3px 3px 7px; border:1px solid #999; height:30px; line-height:25px;} .sourcing2019 .sellist_listselect span{display:inline-block; width:100px; text-align:left; margin-right:700px; font-size:17px; font-weight:bold;} .label_corner_new{position:absolute; left:10px;top:13px;} /*怨듭옣吏��궗*/ .product_view .fctryInfo{position:relative;} .product_view .fctryInfo > .certi_list{border:1px solid #bababa;} .product_view .fctryInfo > .certi_list > li{position:relative; } .product_view .fctryInfo > .certi_list > li:last-child{border-bottom:none;} .product_view .fctryInfo > .certi_list > li .titFctry{margin : 20px 20px 0px 20px; font-size: 18px;} .product_view .fctryInfo > .certi_list > li > dl{overflow:hidden; padding:15px 0; font-weight:normal; font-size:13px; text-align: center; } .product_view .fctryInfo > .certi_list > li > dl > img { max-width:1100px;} .thumlist .ico_youtube {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:60px;} /*frontsearch_css 2021.2.4 */ .name_title {padding:10px 0; margin:20px 0; font-size:32px; color:#000; line-height:1em; /* text-indent:38px; background:url('../images/contents/bul_title.png') 0 15px no-repeat; */} .name_title:after {content:""; display:block; margin:-18px 0 0 20%; height:5px; background-color:#e90030;} .ecplaza_zone {position:relative; margin-bottom:50px;} .ecplaza_zone .bx-viewport {border-left:1px solid #ddd;} .ecplaza_zone .thumlist_slider{overflow:hidden;} .ecplaza_zone .thumlist_slider > li{position:relative; width:308px !important; min-width:308px; overflow:hidden; border:1px solid #ddd; float:left; transition: all .25s ease; margin-top:0; margin-left:-1px; box-sizing:border-box;} .ecplaza_zone .thumlist_slider > li:hover{border:1px solid #e90030; z-index:999;} .ecplaza_zone .thumlist_slider > li:first-child{width:33.33%;min-width:308px; margin-left:1px;} .ecplaza_zone .thumlist_slider > li:last-child{width:33.33%;min-width:308px;} .ecplaza_zone .inner_box{display:block; height:350px; padding:22px 15%; box-sizing:border-box;} .ecplaza_zone .thum_area{position:relative; margin-bottom:15px;} .ecplaza_zone .thum_area .thum{width:100%;min-width:187px;min-height:187px; max-height:187px;} .ecplaza_zone .thum_area .label_corner_lb{position:absolute; left:0; bottom:0;} .ecplaza_zone .tit_area{position:relative; margin-bottom:20px;} .ecplaza_zone .tit_area .tit{display:box; display:-webkit-box; display:-ms-flexbox; color:#404040; font-size:14px; height:36px; line-height:130%; letter-spacing:0; font-family:roboto,'opensans','Malgun Gothic','嶺뚮씭理먨뜝占� 占썩뫁伊볣�억옙','Helvetica nenu',Arial, "Apple SD Gothic"; font-weight:300; text-overflow:ellipsis; word-wrap:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .ecplaza_zone .bx-controls .bx-pager {display:none; } .ecplaza_zone .bx-controls .bx-controls-direction {position:absolute; top:50%; width:100%} .ecplaza_zone .bx-controls .bx-controls-direction a {position:absolute; width:40px; height:45px; text-indent:-9999px; display:block; z-index:1000; border:0; background:url("../images/main/new/visual_control_new.png") no-repeat 0px 0px #fff;} .ecplaza_zone .bx-controls .bx-controls-direction .bx-prev {left:0.3%; background-position:0 0;} .ecplaza_zone .bx-controls .bx-controls-direction .bx-next {right:0.3%; background-position:-39px 0;} .ecplaza_zone .btn_area {position:absolute; top:34px; right:0;} .ecplaza_zone .btn_area a {padding:8px 0 8px 16px; background:#fff;} .ecplaza_zone .btn_area a .btn {padding:8px 12px; background:#fff; font-size:16px;} /*exhibition css 2021.6.10*/ .exhibition_area {position:relative; padding-top:40px; width:100%; height:670px; background:url(../images/contents/exhibition/bg_special_listtop.png)left top no-repeat; background-size:cover;} .slider {} .section {max-width:1495px; margin:0 auto;} .exhibition {padding:0; width:100%; height:100%;} .exhibition .top {margin-bottom:32px; text-align:center; color:#fff;} .exhibition .top h2 {font-size:60px; line-height:1.2;} .exhibition .top p {font-size:22px;} .exhibition .swiper-container {height:100%;} .exhibition .swiper-container .swiper-wrapper {margin:0 auto;} .exhibition .swiper-container .swiper-wrapper .swiper-slide { display:flex; text-align: center; width:450px; height:450px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .exhibition .swiper-slide a {display:flex; width:450px; height:450px;} .exhibition .swiper-slide .cnt_area {position:relative; padding:0; text-align: center; border-radius:0 0 50px; background:#fff; box-sizing:border-box; border:none; transition:all 0.09s;} .exhibition .swiper-slide .cnt_area .sort {position:absolute; top:110px; left:170px; width:110px; height:110px; text-align:center; border-radius: 110px; font-size:1.4em; color:#fff; line-height:108px; font-weight:600; box-shadow: 0px 0.8px 2px rgba(31, 31, 31, 0.5);} .exhibition .swiper-slide .cnt_area img {width:100%; height:auto;} .exhibition .swiper-slide.swiper-slide-active .cnt_area.special {border:6px solid #ff961a; border-radius:5px 5px 50px 5px;} .exhibition .swiper-slide.swiper-slide-active .cnt_area.online {border:6px solid #7495ff; border-radius:5px 5px 50px 5px;} .exhibition .swiper-slide.swiper-slide-active .cnt_area.showcase {border:6px solid #ff6896; border-radius:5px 5px 50px 5px;} .exhibition .swiper-slide .cnt_area.special .sort {background:#ff961a;} .exhibition .swiper-slide .cnt_area.online .sort {background:#7495ff;} .exhibition .swiper-slide .cnt_area.showcase .sort {background:#ff6896;} .exhibition .swiper-slide .cnt_area .tit {padding:70px 30px 20px; font-size:24px; line-height:29px; color:#333333;} .exhibition .swiper-slide .cnt_area .sub {padding:0 30px 25px; font-size:17px; line-height:22px; color:#6d6d6d;} .exhibition .swiper-slide .cnt_area .date {display:inline-block; margin-bottom:30px; padding:8px 20px; text-align:center; letter-spacing:0; font-weight:600; color:#7d7d7d; border-radius:100px; background:#ededed;} .exhibition .swiper-pagination {bottom:30px !important;} .exhibition .swiper-pagination-bullet {width:60px; height:5px; background:#000; border-radius:0; opacity:1;} .exhibition .swiper-pagination-bullet-active {height:14px;} .exhibition .swiper-container .swiper-button-prev { width:36px; height:24px; text-indent:-9999px; overflow:hidden; left:470px; top:390px; background: url(../images/contents/exhibition/btn_special_prev.png)left center no-repeat; } .exhibition .swiper-container .swiper-button-next { width:36px; height:24px; text-indent:-9999px; overflow:hidden; right:470px; top:390px; background: url(../images/contents/exhibition/btn_special_next.png)left center no-repeat; } .exhibition .swiper-container .swiper-button-prev.swiper-button-disabled, .exhibition .swiper-container .swiper-button-next.swiper-button-disabled{ opacity:1; } /* list 3단 */ .special_ex_list.img_grid3 {padding-top:60px;} .special_ex_list.img_grid3 li {width:30%; border-radius:0 0 20px 20px;line-height:1.6;} .special_ex_list.img_grid3 li img {height:auto; max-height:186px;} .special_ex_list.img_grid3 li .text {padding:10px 0 15px; text-align:center; border:1px solid #dddddd; border-radius:0 0 20px 20px;} .special_ex_list.img_grid3:after, .special_ex_list.img_grid3 li .text:after {content:''; display:block; clear:both;} .special_ex_list.img_grid3 li .text strong {float:none; display:block;} .special_ex_list.img_grid3 li .text span {float:none; display:block; color:#7d7d7d;} .exhibition_tab {margin:70px auto 0px;} .exhibition_tab ul.tab {display:flex; width:1000px; margin:0 auto;} .exhibition_tab ul.tab:after {content:''; display:block; clear:both;} .exhibition_tab li {position:relative; float:left; margin-left:35px; padding:25px 10px; width:200px; text-align:center; border:2px solid #dcdcdc; border-radius:100px; } .exhibition_tab li a {text-align:center; font-size:24px; color:#979797; line-height:1.2;} .exhibition_tab li.all {margin-left:0;} .exhibition_tab li.all.on {background:#000; border:4px solid #000;} .exhibition_tab li.all.on a {color:#fff; font-weight:600;} .exhibition_tab li.on {padding:21px 6px; } .exhibition_tab li.online.on {border:4px solid #7495ff;} .exhibition_tab li.online:after {position:absolute; top:0; left:32px; display:block; content:''; width:11px; height:16px; background:#7495ff;} .exhibition_tab li.online.on a {color:#7495ff; font-weight:600;} .exhibition_tab li.showcase.on {border:4px solid #ff6896;} .exhibition_tab li.showcase:after {position:absolute; top:0; left:32px; display:block; content:''; width:11px; height:16px; background:#ff6896;} .exhibition_tab li.showcase.on a {color:#ff6896; font-weight:600;} .exhibition_tab li.special.on {border:4px solid #ff961a;} .exhibition_tab li.special:after {position:absolute; top:0; left:32px; display:block; content:''; width:11px; height:16px; background:#ff961a;} .exhibition_tab li.special.on a {color:#ff961a; font-weight:600;} .all_list, .online_list, .showcase_list, .special_list {display:none;} .all_list.active, .online_list.active, .showcase_list.active, .special_list.active {display:block;} .all_list .online_li:hover, .online_list .online_li:hover {box-shadow: 0px 1px 15px rgba(116, 149, 255, 0.8);} .all_list .online_li:hover .text strong, .online_list .online_li:hover .text strong {color:#3c6aff;} .all_list .showcase_li:hover, .showcase_list .showcase_li:hover {box-shadow: 0px 1px 15px rgba(255, 104, 150, 0.8);} .all_list .showcase_li:hover .text strong, .showcase_list .showcase_li:hover .text strong {color:#f22865;} .all_list .special_li:hover, .special_list .special_li:hover {box-shadow: 0px 1px 15px rgba(255, 150, 26, 0.8);} .all_list .special_li:hover .text strong, .special_list .special_li:hover .text strong {color:#e85e03;} .all_list li span.on {font-size:11px !important;} .online_li span.on {background:#7495ff !important; font-size:11px !important;} .showcase_li span.on {background:#f22865 !important; font-size:11px !important;} .special_li span.on {background:#e85e03 !important; font-size:11px !important;} .section_top {width:100%; height:84px; background:#fff;} .section_top h2 {padding:20px; font-size:40px; line-height:40px; text-align:center; color:#282a2d;} .youtube_area, .minisite_area, .products_area, .view4d_area {padding:20px 0; margin:0 auto; width:1500px; text-align:center;} /* .youtube_area {height:450px; background:url(../images/contents/exhibition/bg_special_youtube.png)center top no-repeat;} .minisite_area {background:url(../images/contents/exhibition/bg_special_minisite.png)center top no-repeat;} .products_area {background:url(../images/contents/exhibition/bg_special_products.png)center top no-repeat;} .view4d_area {background:url(../images/contents/exhibition/bg_special_4d.png)center top no-repeat;} */ /* youtube */ .youtube_area .youtube, .minisite_area .minisite, .products_area .products, .view4d_area .view4d {width:1440px;} .youtube_area .youtube .swiper-container {width:1440px;} .youtube_area .youtube .swiper-slide {margin:0 auto;} .youtube_area .youtube .swiper-slide .youtube_cnt {padding-top:35px; width:444px; height:428px; box-sizing: border-box; background:url(../images/contents/exhibition/bg_special_youtube_cntbg.png)center top no-repeat;} .youtube_area .youtube .swiper-slide .youtube_cnt .text {position:relative; padding-top:8px; margin:0 auto; width:360px; height:100px; } .youtube_area .youtube .swiper-slide .youtube_cnt .text .brend {position:absolute; bottom:14px; text-align:left; font-size:20px; color:#434343; font-weight:600;} .youtube_area .youtube .swiper-slide .youtube_cnt .text .sub {overflow:hidden; white-space: nowrap; text-overflow:ellipsis; font-size:15px; text-align:left; color:#888888;} .youtube_area .youtube .swiper-slide .youtube_cnt .text .sub a {color:#888;} .youtube_area .youtube .swiper-slide .youtube_cnt .text .logo {position:absolute; bottom:7px; right:0; display:block; width:110px; height:30px;} .youtube_area .youtube .swiper-slide .youtube_cnt .movie {position:relative; margin:0 auto; width:360px; height:203px;} .youtube_area .youtube .swiper-slide .youtube_cnt .movie img {width:100%; height:auto;} .youtube_area .youtube .swiper-slide .youtube_cnt .movie img.btn {position:absolute; width:60px; height:59px; left:50%; top:50%; transform:translate(-50%, -50%); z-index:100;} .youtube .swiper-pagination {bottom:10px !important; height:26px; text-align:center;} .youtube .swiper-pagination-bullet {width:13px; height:13px; background:#fff; border-radius:13px; opacity:1; vertical-align: middle; border:1px solid #ddd;} .youtube .swiper-pagination-bullet-active {width:15px; height:15px; box-sizing:content-box; background:rgba(0,0,0,0.99); border:3px solid #fff; box-shadow:0 0 5px rgba(0,0,0,0.2);} .youtube .swiper-container .swiper-button-prev { width:86px; height:140px; text-indent:-9999px; overflow:hidden; left:0; top:50%; transform:translateY(-50%); background: url(../images/contents/exhibition/btn_special_prev2.png)left center no-repeat; background-size:60%; } .youtube .swiper-container .swiper-button-next { width:86px; height:140px; text-indent:-9999px; overflow:hidden; right:0; top:50%; transform:translateY(-50%); background: url(../images/contents/exhibition/btn_special_next2.png)right center no-repeat; background-size:60%; } .youtube .swiper-container .swiper-button-prev.swiper-button-disabled, .youtube .swiper-container .swiper-button-next.swiper-button-disabled{ opacity:0; } .cnt_group {width:1332px; margin:0 auto; } .cnt_group:after {content: ''; display: block; clear:both;} .cnt_group li {float:left;} .cnt_group .imgaes {margin-bottom:5px; width:208px; height:210px; border:1px solid #dcdcdc; overflow:hidden;} .cnt_group .imgaes a {display:block;} /* minisite */ .minisite_area .minisite.slider .swiper-container, .minisite_area .minisite.slider {height:510px;} .minisite_area .minisite .cnt_group {margin:30px auto; width:1280px;} .minisite_area .minisite .cnt_group li {margin-left:10px; } .minisite_area .minisite .cnt_group li:first-child {margin-left:0;} .minisite_area .minisite .swiper-slide .minisite_cnt {position:relative; padding:25px 18px; width:248px; height:410px; box-sizing:border-box; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.2); border-radius: 10px;} .minisite .swiper-pagination {bottom:14px !important; height:26px; text-align:center;} .minisite .swiper-pagination-bullet {width:13px; height:13px; background:#fff; border-radius:13px; opacity:1; vertical-align: middle; border:1px solid #ddd;} .minisite .swiper-pagination-bullet-active {width:15px; height:15px; box-sizing:content-box; background:rgba(0,0,0,0.99); border:3px solid #fff; box-shadow:0 0 5px rgba(0,0,0,0.2);} .minisite .swiper-container .swiper-button-prev { width:86px; height:140px; text-indent:-9999px; overflow:hidden; left:0; top:50%; transform:translateY(-50%); background: url(../images/contents/exhibition/btn_special_prev2.png)left center no-repeat; background-size:60%; } .minisite .swiper-container .swiper-button-next { width:86px; height:140px; text-indent:-9999px; overflow:hidden; right:0; top:50%; transform:translateY(-50%); background: url(../images/contents/exhibition/btn_special_next2.png)right center no-repeat; background-size:60%; } .minisite .swiper-container .swiper-button-prev.swiper-button-disabled, .minisite .swiper-container .swiper-button-next.swiper-button-disabled{ opacity:0; } .minisite_cnt .mouseover {display:none; position:absolute; top:0; left:0; padding:20px 20px 25px 18px; width:248px; height:410px; box-sizing:border-box; background:#fff; border:4px solid #ff961a; border-radius: 10px; box-shadow:0 0 10px rgba(0,0,0,0.5);} .minisite_cnt .normal:hover .mouseover {display:block; padding:20px 20px 25px 18px; width:248px; height:410px; } .minisite_cnt .normal:hover .mouseover .brend {display:block; padding:0; margin-bottom:15px; color:#222121; font-size:20px; line-height:1; text-align: left;} .minisite_cnt .normal:hover .mouseover .text {margin-top:6px;} .minisite_cnt .special h2 {margin-bottom:16px; font-size:18px; color:#ff961a; text-align: left;} .minisite_cnt .special:after {content:''; display:block; position:absolute; top:-8px; left:24px; width:200px; height:8px; background:#ff961a;} .minisite_cnt .showcase h2 {margin-bottom:16px; font-size:18px; color:#fb6693; text-align: left;} .minisite_cnt .showcase:after {content:''; display:block; position:absolute; top:-8px; left:24px; width:200px; height:8px; background:#fb6693;} .minisite_cnt .showcase:hover .mouseover {border:4px solid #fb6693;} .minisite_cnt .online h2 {margin-bottom:16px; font-size:18px; color:#7495ff; text-align: left;} .minisite_cnt .online:after {content:''; display:block; position:absolute; top:-8px; left:24px; width:200px; height:8px; background:#7495ff;} .minisite_cnt .online:hover .mouseover {border:4px solid #7495ff;} .minisite_cnt .logo {position:relative; margin:0 auto; width:208px; height:116px; border:1px solid #dcdcdc; overflow:hidden;} .minisite_cnt .cate {margin-bottom:6px; overflow:hidden; text-align:left; font-size:15px; color:#333333;} .minisite_cnt .brend {display:block; padding:18px 0; color:#222121; font-size:20px; line-height:1; text-align: left;} .minisite_cnt .sub, .minisite_cnt .mouseover .sub a {text-align:left; font-size:15px; color:#888888;} .slider .store, .slider .inquiry, .slider .more, .slider .view { display: block; position: absolute; bottom:25px; width:210px; height:46px; color: #e90030; padding-left: 18px; line-height: 46px; font-size: 15px; border:1px solid #dcdcdc; font-weight: normal; background: url(../images/common/ico_home.png) no-repeat 40px 50%; background-size: 20px 22px; cursor: pointer; font-family:roboto,'opensans','Malgun Gothic','맑은 고딕','Helvetica nenu',Arial, "Apple SD Gothic" !important; box-sizing:border-box; } .slider .store:hover, .slider .inquiry:hover, .slider .more:hover, .slider .view:hover {border:2px solid #e90030;} .slider .inquiry, .slider .more {position:absolute; padding:0; width:100px; bottom:80px; background:none; text-align:center;} .slider .inquiry {left:16px;} .slider .more {right:12px;} /* products */ .products_area .products.slider .swiper-container, .products_area .products.slider {height:564px;} .products_area .products .cnt_group {margin:30px auto; width:1206px;} .products_area .products .cnt_group li {margin-left:31px; } .products_area .products .cnt_group li:first-child {margin-left:0;} .products_area .products .swiper-slide .products_cnt {position:relative; padding:25px 33px; width:278px; height:480px; box-sizing:border-box; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.2); border-radius: 10px;} .products_area .products .swiper-slide .products_cnt .images {position:relative;} .products_area .products .swiper-slide .products_cnt .images .btn {position:absolute; width:60px; height:59px; left:50%; top:50%; transform:translate(-50%, -50%); z-index:100;} .products .swiper-pagination {bottom:4px !important; height:26px; text-align:center;} .products .swiper-pagination-bullet {width:13px; height:13px; background:#fff; border-radius:13px; opacity:1; vertical-align: middle; border:1px solid #ddd;} .products .swiper-pagination-bullet-active {width:15px; height:15px; box-sizing:content-box; background:rgba(0,0,0,0.99); border:3px solid #fff; box-shadow:0 0 5px rgba(0,0,0,0.2);} .products .swiper-container .swiper-button-prev { width:86px; height:140px; text-indent:-9999px; overflow:hidden; left:0; top:50%; transform:translateY(-50%); background: url(../images/contents/exhibition/btn_special_prev2.png)left center no-repeat; background-size:60%; } .products .swiper-container .swiper-button-next { width:86px; height:140px; text-indent:-9999px; overflow:hidden; right:0; top:50%; transform:translateY(-50%); background: url(../images/contents/exhibition/btn_special_next2.png)right center no-repeat; background-size:60%; } .products .swiper-container .swiper-button-prev.swiper-button-disabled, .products .swiper-container .swiper-button-next.swiper-button-disabled{ opacity:0; } .products_cnt .mouseover {display:none; position:absolute; top:0; left:0; padding:20px 31px 25px 31px; width:278px; height:480px; box-sizing:border-box; background:#fff; border:4px solid #ff961a; border-radius: 10px; box-shadow:0 0 10px rgba(0,0,0,0.5); z-index:200;} .products_cnt .normal h2 {margin-bottom:14px; font-size:17px; letter-spacing:-1px; text-align: left;} .products_cnt .normal:hover .mouseover {display:block;} .products_cnt .special h2 {color:#ff961a; } .products_cnt .special:after {content:''; display:block; position:absolute; top:-8px; left:24px; width:226px; height:8px; background:#ff961a;} .products_cnt .showcase h2 {color:#fb6693;} .products_cnt .showcase:after {content:''; display:block; position:absolute; top:-8px; left:24px; width:226px; height:8px; background:#fb6693;} .products_cnt .showcase:hover .mouseover {border:4px solid #fb6693;} .products_cnt .online h2 {color:#7495ff;} .products_cnt .online:after {content:''; display:block; position:absolute; top:-8px; left:24px; width:226px; height:8px; background:#7495ff;} .products_cnt .online:hover .mouseover {padding:; border:4px solid #7495ff;} .products_cnt .logo {position:absolute; top:24px; right:17px; width:76px; height:24px;} .products_cnt .logo a {display:block; height:30px; line-height:30px;} .products_cnt .brend {display:block; padding:18px 0; color:#222121; font-size:20px; line-height:1; text-align: left;} .products_cnt .mouseover .logo {top:20px; right:12px;} .products_cnt .cate {margin-bottom:6px; overflow:hidden; text-align:left; font-size:15px; color:#333333;} .products_cnt .sub {height:40px; overflow:hidden; text-align:left; font-size:15px; color:#888888;} .products_cnt .mouseover .movie {position:relative; margin:40px 0 6px 0; width:210px; height:212px; background:#202020;} .products_cnt .inquiry, .products_cnt .more {position:absolute; padding:0; left:33px; width:210px; background:none; text-align:center; z-index:210;} .products_cnt .inquiry {bottom:80px;} .products_cnt .more {bottom:20px;} /* 4d view */ .view4d_area .view4d.slider .swiper-container, .view4d_area .view4d.slider {height:564px;} .view4d_area .view4d .cnt_group {margin:30px auto; width:1206px;} .view4d_area .view4d .cnt_group li {margin-left:31px; } .view4d_area .view4d .cnt_group li:first-child {margin-left:0;} .view4d_area .view4d .swiper-slide .view4d_cnt {position:relative; padding:20px 33px 25px; width:278px; height:460px; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.2); box-sizing:border-box; border-radius: 10px;} .view4d .swiper-pagination {bottom:24px !important; height:26px; text-align:center;} .view4d .swiper-pagination-bullet {width:13px; height:13px; background:#fff; border-radius:13px; opacity:1; vertical-align: middle; border:1px solid #ddd;} .view4d .swiper-pagination-bullet-active {width:14px; height:14px; box-sizing:content-box; background:rgba(0,0,0,0.99); border:3px solid #fff; box-shadow:0 0 5px rgba(0,0,0,0.2);} .view4d .swiper-container .swiper-button-prev { width:86px; height:140px; text-indent:-9999px; overflow:hidden; left:0; top:50%; transform:translateY(-50%); background: url(../images/contents/exhibition/btn_special_prev2.png)left center no-repeat; background-size:60%; } .view4d .swiper-container .swiper-button-next { width:86px; height:140px; text-indent:-9999px; overflow:hidden; right:0; top:50%; transform:translateY(-50%); background: url(../images/contents/exhibition/btn_special_next2.png)right center no-repeat; background-size:60%; } .view4d .swiper-container .swiper-button-prev.swiper-button-disabled, .view4d .swiper-container .swiper-button-next.swiper-button-disabled{ opacity:0; } .view4d_cnt .mouseover {display:none; position:absolute; top:0; left:0; padding:20px 31px 25px 31px; width:278px; height:460px; box-sizing:border-box; background:#fff; border-radius: 10px; box-shadow:0 0 10px rgba(0,0,0,0.5);} .view4d_cnt .normal h2 {margin-bottom:16px; font-size:17px; letter-spacing:-1px; text-align: left;} .view4d_cnt .normal:hover .mouseover {display:block;} .view4d_cnt .logo {display:block; margin:0 auto 12px; width:110px; height:30px;} .view4d_cnt .logo a {display:block; height:30px; line-height:30px;} .view4d_cnt .brend {display:block; padding:18px 0; color:#222121; font-size:20px; line-height:1; text-align: left;} .view4d_cnt .mouseover .logo {top:16px; right:16px;} .view4d_cnt .sub {height:40px; overflow:hidden; text-align:left; font-size:15px; color:#888888;} .view4d_cnt .view, .view4d_cnt .more {position:absolute; padding:0; left:33px; width:210px; background:none; text-align:center;} .view4d_cnt .view {bottom:80px;} .view4d_cnt .more {bottom:20px;} .cnt_area .images a {display:block; margin-bottom:6px; width:210px; height:212px; border:1px solid #dcdcdc;} .cnt_area .logo img, .cnt_area .logo a img, .cnt_area .images a img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:99%; height:auto;} .cnt_area.minisite_cnt .logo img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:70%; height:auto; max-height:118px;} .cnt_area.minisite_cnt .mouseover .logo img {width:100%; height:auto;} .cnt_area.minisite_cnt .mouseover .logo img.btn {width:60px; height:59px; left:50%; top:50%; transform:translate(-50%, -50%); z-index:100;} .cnt_area .logo img, .slider .mouseover .movie img {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:auto;} .cnt_area .logo img.btn, .slider .mouseover .movie img.btn {width:60px; height:59px; left:50%; top:50%; transform:translate(-50%, -50%); z-index:100;} .products_cnt .logo img, .products_cnt .mouseover .logo img {width:80%;} .view4d_cnt .logo img, .view4d_cnt .images a {position:relative;} .view4d_cnt .images a img.btn {position:absolute; width:60px; height:59px; left:50%; top:50%; transform:translate(-50%, -50%); z-index:100;} /* special_ex_title_sub 20210706 */ .special_ex_title_sub .subtitle_video {position:relative; min-width:1200px; height:500px; display:block; margin:0 auto 20px auto; overflow:hidden; text-align:center;} .special_ex_title_sub .subtitle_video .title {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block; height:auto; text-align:center; line-height:1.2; color:#fff; font-size:72px; text-transform:uppercase; text-shadow:2px 3px 2px rgba(0, 0, 0, 0.2);} .special_ex_title_sub .subtitle_video video {width:1500px;}
Upload File
Create Folder