.M_Bg_section {height:826px; background:url("../img/main_bg.png") center top no-repeat; margin:105px 0 0} .M_Bg_section .txtBox {text-align:center} .M_Bg_section .txtBox .txt01 {color:#ffe402; font-size:65px; font-weight:600; margin:0 0 10px; text-shadow: 3px 3px 5px rgba(0,0,0,0.70)} .M_Bg_section .txtBox .txt02 {color:white; font-size:53px; margin:0 0 10px; text-shadow: 3px 3px 5px rgba(0,0,0,0.70)} .M_Bg_section .transtxt {background-color: #0e2332; background-color: rgba(0,0,0,0.75); display:inline-block; color:white; font-size:19px; color:#e5e5e5; margin:0 0 18px; padding:4px 10px 5px; border-radius:3px} .M_Bg_section .transtxt br {display:none} .M_Bg_section .transtxt .italic {font-style:italic; color:#fff799; font-weight:500; margin-left:8px; font-size:22px;} .table {display:table; width:100%; height:100%} .table_c {display:table-cell; vertical-align:middle} .h100 {height:100%} .mt0 {margin-top:0 !important} .mb0 {margin-bottom:0 !important} .M_Slide_section {padding:50px 0} .nation_slide {max-width:1040px; } .nation_slide .nation_link {display:block; position:relative; text-align:center; outline:0} .nation_slide .nation_link img {border:5px solid white; display:inline-block; width: 100%; border: 0;} .nation_slide .nation_txt {font-size:16px; color:#e9db9c; transition:0.3s all ease; background-color:black; background-color:rgba(0,0,0,0.7); text-align:center; position:absolute; bottom:14px; left:0px; right:0px; height:40px; line-height:40px} .nation_slide .nation_link:hover .nation_txt {color:#48ce1a;} .nation_slide .nation_link:after {content: ""; background: url("../img/icon_cursor.png") no-repeat; width: 17px; height: 20px; position: absolute; bottom: -25px; right:-10px; transition:0.3s all ease} .nation_slide .nation_link:hover:after { bottom:10px; right:15px;} .nation_slide .thumBox {position:relative; display: inline-block; max-width: 240px;} .nation_slide .nation_element {float:left; width:25%; padding:10px; box-sizing: border-box;} .slConBox {position:absolute;} .slConBox .prevBu {top:0; left:0} .confirmBox {margin: 0 auto; position: relative; background-color: #0e2332; background-color: rgba(0,0,0,0.75); padding: 35px; max-width: 715px;} .confirmArea {position:relative} .confirm_Input {padding: 0 165px 0 0;} .confirm_InputIn {display:inline-block; width:100%;} .confirm_InputIn .txt {font-size:15px; color:#cdcfd0; margin:0 0 7px; text-align:left} .confirm_InputIn .txt strong {margin:0 0 0 3px} .confirm_InputIn select {width:100%; height:40px; line-height:40px; color:#666666; font-size:16px; border-radius:3px; border:0; z-index:1000; } .confirm_Input_left {float:left; width:48%; position:relative} .confirm_Input_left .txt strong {color:#74beff} .confirm_Input_right {float:right; width:48%; position:relative} .confirm_Input_right .txt strong {color:#ff854f} .confirm_btn {position:absolute; bottom: 1px; right:0; transition:0.3s all ease; width: 150px; height: 40px; border:1px solid #e60012; background-color:#e60012;text-align:center;color:white;font-size:16px;border-radius:3px;} .confirm_btn:hover {background-color:white; color:#e60012; animation:pulse 1s} .M_Why_section {padding:50px 0; background-color:#3d4959} .M_Why_section ul {overflow:hidden} .M_Why_section ul li {float:left; width:33.33%; text-align:center} .M_Why_section .txt {color: white; font-size: 18px; margin: 0 0 30px; line-height: 24px; font-weight: 350;} .M_Why_section .txt .txt_color {color:#00ffff} .M_Why_section .direct_btn {display:block} .M_Why_section .direct_btn > img {transform:scale(0.8); transition:0.3s all ease} .M_Why_section .direct_btn .button {display: inline-block; width: 108px; height: 36px; line-height: 36px; background:white url("../img/why_arrow.png") 83px 15px no-repeat; border-radius: 3px; margin: 18px 0 0; text-align: left; padding: 0 0 0 16px; font-weight:500} .M_Why_section .direct_btn:hover > img {transform:scale(1);} .M_Why_section .direct_btn:hover .button {background:#a68851 url("../img/why_arrow_on.png") 83px 15px no-repeat; color:white; transition:0.3s all ease} .M_Consult_section {padding:25px 0 22px; background-color:#e8f1f6} .M_Consult_section ul {display:inline-block; width:100%} .M_Consult_section ul li {float:left; width:25%} .M_Consult_section ul li .con_btn {display:inline-block; cursor:pointer} .M_Consult_section ul li .con_btn:hover img {animation: pulsate 0.3s;} .M_Consult_section .txt {display:inline-block; vertical-align:middle; font-size:16px; color:black; margin:0 0 0 10px; font-weight: 500;} .M_Consult_section .txt small {font-size:13px; margin:5px 0 0; font-weight:400} .M_Consult_section .txt .fa {font-size:12px} .M_Consult_section ul li:nth-child(2) .con_btn {margin-left:14px} .M_Consult_section ul li:nth-child(3) .con_btn {margin-left:25px} .M_Consult_section ul li:nth-child(4) .con_btn {margin-left:38px} .wechat_container {position:relative; max-width:1080px; width:100%; margin:0 auto; z-index:1} .section .wechat_popup {bottom:-200px;} .section .wechat_popup.on {bottom:85px; display: inline-block;} .wechat_popup {border:3px solid #585b5c; background-color:white; display:none; width:320px; padding: 15px;text-align:center;border-radius: 20px;position:absolute;right:0px;transition:0.5s all ease;} .wechat_popup.on {bottom: 85px; display: inline-block;position:absolute;left:0px;} .wechat_popup .wechat_main_txt {margin: 0 0 15px;} .wechat_popup .wechat_main_txt span {vertical-align:middle; font-size: 24px; font-weight: bold; margin: 0 0 0 10px; color:black} .wechat_popup .wechat_sub_txt {margin: 15px 0 0;color:#666;font-size:16px;font-weight:500;} .wechat_popup .wechat_sub_txt p {margin:0 0 8px} .wechat_popup .wechat_sub_txt strong {color:#cc0000; font-weight:bold} .M_Board_section {border-top:1px solid #b1b6bd; border-bottom:1px solid #b1b6bd; overflow:hidden;} .M_Board_section .left {float:left; width:50%; position:relative; padding:20px 0} .M_Board_section .left:before {content:""; position:absolute; top:0; left:0; bottom:0; border-left:1px solid #b1b6bd;} .M_Board_section .left:after {content:""; position:absolute; top:0; right:0; bottom:0; border-right:1px solid #b1b6bd;} .M_Board_section .right {float:right; width:50%; position:relative; padding:20px 0} .M_Board_section .right:before {content:""; position:absolute; top:0; right:0; bottom:0; border-right:1px solid #b1b6bd} .M_Board_section .area_name {position:absolute; top:20px; left:20px; font-size:16px; color:black; font-weight: 500;} .M_Board_section .area_name:after {content: ""; position: absolute; top: 1px; right: -10px; width: 2px; height: 16px; background-color: #7d7d7d;} .M_Board_section .area_list {padding:0 20px 0 95px; position:relative} .M_Board_section .area_list > ul > li {margin:0 0 10px; position:relative; line-height: 1.2; position:relative} .M_Board_section .right .area_list > ul > li:before {content: ""; position: absolute; top: 7px; left: -7px; width: 3px; height: 3px; background-color: #7d7d7d} .M_Board_section .area_list > ul > li:last-child {margin:0} .M_Board_section .area_list > ul > li .txt {margin:0 70px 0 0} .M_Board_section .area_list > ul > li .day {font-size:11px; color:#959595; position:absolute; top:1px; right:0} .M_Board_section .area_list > ul > li a {color:#333; font-size:13px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:block; } .M_Board_section .area_list > ul > li a:hover {color: #3e8ddc;} .M_FS_section {padding:50px 0} .site_list > ul {overflow:hidden} .site_list > ul > li {float:left; width:25%} .site_list .siteBox {margin:0 10px;} .site_list .siteBox > a {display:block; position:relative} .site_list > ul > li:first-child .siteBox {margin-left:0} .site_list > ul > li:last-child .siteBox {margin-right:0} .site_list .site_top {border:1px solid #a0a0a0; border-bottom:0; border-radius:5px 5px 0 0; padding:0 0 20px} .site_list .site_txt {font-size:12px; margin:17px 0 8px 15px; font-weight:500; color:black} .site_list .site_name {font-size:16px; margin:0 0 0 15px; font-weight:500; color:black} .site_list .site_bot {background-color:#556fb5; height:30px; line-height:25px; color:white; text-indent:15px; font-size:14px} .site_list .site_bot span {vertical-align: middle; display: inline-block; text-indent: 0; line-height: 1;} .site_list .site_bot img {margin: 0 0 0 5px; vertical-align: middle; display: inline-block;} .site_list > ul > li:nth-child(1) a:after {content:""; background:url("../img/icon_fs01.png") no-repeat; z-index:1; width:63px; height:78px; position:absolute; top: 11px; right: 14px;} .site_list > ul > li:nth-child(2) a:after {content:""; background:url("../img/icon_fs02.png") no-repeat; z-index:1; width:68px; height:78px; position:absolute; top: 11px; right: 14px;} .site_list > ul > li:nth-child(3) a:after {content:""; background:url("../img/icon_fs03.png") no-repeat; z-index:1; width:66px; height:78px; position:absolute; top: 11px; right: 14px;} .site_list > ul > li:nth-child(4) a:after {content:""; background:url("../img/icon_fs04.png") no-repeat; z-index:1; width:97px; height:78px; position:absolute; top: 11px; right: 14px;} .site_list > ul > li:nth-child(2) .site_bot {background-color:#3e67dc} .site_list > ul > li:nth-child(3) .site_bot {background-color:#5555b5} .site_list > ul > li:nth-child(4) .site_bot {background-color:#3e8ddc} .M_Client_section {padding:50px 0; background-color:#e8f1f6} .M_s_txt {font-size:18px; color:black; margin:0 0 20px; font-weight: 500;} .contentLayout {margin:105px 0 0} .contentBox {position:relative; background-color:white} /* 로그인 */ .form_main_txt {font-size:25px; color:#007ac3; font-weight:bold} .form_sub_txt {font-size:14px;color: black; margin: 20px 0;line-height: 1.3;} .login_wrap {text-align:center; max-width:350px; margin:0 auto; padding:50px 0} .login_wrap li{margin-top:10px;} .login_wrap li:first-child{margin-top:0;} .login_wrap li input{box-sizing:border-box;width:100%;height: 44px;text-indent: 5px;border:1px solid #a0a0a0;} .login_wrap li input:focus {border:1px solid #3179bd;} .login_btn{margin-top: 16px;display:block;} .login_btn button{border:0;background:#4a90e2;width:100%;height:46px;line-height:46px;color:#fff; font-size:14px;cursor:pointer;} .login_trans_btn {background:white; width:100%; height:46px; line-height:46px; display:block} .login_trans_btn button {border:0; color:black; cursor:pointer; position: relative; background-color: white; font-size:14px;} .login_trans_btn button:after {content:""; position:absolute; bottom:-3px; left:0; right:0; border-bottom:1px solid black;} .register_btn{ border:1px solid #007ac3; color:#007ac3; display:block; width:100%; height:53px; line-height:53px; font-size:16px; font-weight:500; margin:30px 0 0;} .login_sub_btn{overflow:hidden; line-height: 30px} .login_sub_btn label{float:left; color:#888; font-size:12px; cursor:pointer} .login_sub_btn input[type="checkbox"]:not(old){width:0; height:0; margin:0; padding:0; opacity:0;} .login_sub_btn input[type="checkbox"]:not(old) + span, .login_sub_btn input[type="checkbox"]:not(old) + label{cursor:pointer; display:inline-block; background:url('../img/chkBox.png') no-repeat left center; padding: 0 0 0 20px; font-size: 12px; color:#7f7f7f} .login_sub_btn input[type="checkbox"]:not(old):checked + span, .login_sub_btn input[type="checkbox"]:not(old):checked + label {background:url('../img/chkBox_on.png') no-repeat left center; } .login_sub_btn label:hover {color:black} .login_sub_btn div {float:right; font-size:12px;} .login_sub_btn div a {color:#7f7f7f} .login_sub_btn div a:hover {color:#4a90e2} .sns_login {margin:30px 0 0} .sns_login p {color:#797979;font-size: 15px;margin:0 0 12px;} .sns_login a {border: 1px solid #dadada;height:53px;line-height:53px;text-align:center;display: block;color: #555;font-size:16px;margin: 5px 0;} .sns_login a img {vertical-align:middle} .sns_login a span {display:inline-block; margin:0 0 0 10px} .sns_login a > span.naver:hover {background-color:#2fb300; border:1px solid #2fb300; color:White} .sns_login a > span.kakao:hover {background-color:#ffde01; border:1px solid #ffde01; color:#3b1f1e} /* 회원 가입 */ .join_wrap {max-width:530px; margin:0 auto; padding:50px 0} .register_mode {line-height: 1;margin: 20px 0 0;text-align:center;} .register_mode.type02 {margin:20px 0} .register_mode ul {display:inline-block;line-height: 1;width: 100%;} .register_mode ul li {float:left;width: 49%;height: 40px;line-height: 40px;background-color: #959595; margin:0 0 0 1%} .register_mode ul li:first-child {background-color: #ec6941; margin: 0 1% 0 0;} .register_mode input[type="radio"] {width: 14px;height: 14px;cursor: pointer;margin: 2px;padding: 0;line-height: 40px;} .register_mode label {font-size: 15px;vertical-align:middle;margin:0 0 0 5px;cursor: pointer;display: inline-block;color: white;} .register_wrap {width:552px; margin:0 auto;} .register_wrap.type02 {margin:40px auto; overflow:hidden} .register_table {width:100%; margin:20px 0} .register_table th{width:105px; text-align:left; font-size:14px; font-weight:500;} .register_table td div.phone {font-size:0;} .register_table th, .register_table td {padding:6px 0;} .register_table th div, .register_table td div {margin:5px 0} .register_table input, .register_table select{height:40px; border:1px solid #a0a0a0; text-indent:10px; box-sizing:border-box; vertical-align:middle;} .w100p {width:100%;} .register_table td .phone input, .register_table td .phone select{width:33.3333%;} .register_table td .phone input{border-left:0; text-align:center;} .register_table td div.b_number {padding:0 138px 50px 0; font-size: 0; position: relative;} .register_table td div.b_number input[type="text"] {width:33.3333%; border-left:0; text-align:center } .register_table td div.b_number input[type="text"].first {border-left:1px solid #ddd;} .register_table td div.b_number .uploadBox {bottom:0;} .register_table td div.b_number label {width:120px; background-color:#4a90e2; color:white; line-height: 46px; min-height: 46px;} .register_table td div.b_number .fileInput {position:absolute; bottom:0; left:0; width:100%; padding:0} .register_table td div.b_number .upload_name {width: 100%; height:40px; line-height:40px; background-color: #eeeeee; text-indent:5px} .mode_type02 {display:none} .register_table td div.over select {width:33.3333%; float:left;} .register_table td div.over input {width:66.6%; float:left; border-left:0} .register_table td .register_adress input{width:80%; vertical-align:middle; background:#eee;} .register_table td .register_adress button{width:20%;background: #dcdcdc;color: #4d4d4d;height: 40px;vertical-align:middle;cursor:pointer;border: 1px solid #a0a0a0;border-left: 0;} .necessary {color:#d00000; font-size:12px; position:relative; padding:0 0 0 10px; margin:5px 0 0 2px} .necessary span {position:absolute; top:6px; left:0;} .agree_section {margin:40px 0 0; text-align:left} .agree_wrap{display:table; width:100%; border:1px solid #a0a0a0; box-sizing:border-box;} .agree_wrap > div{display:table-cell; width:68%; vertical-align:middle; padding:20px 30px; padding-right:0;} .agree_wrap > div:first-child{font-size:15px; width:32%;} .agree_wrap label{display:inline-block; color:#222; margin:0 10px 0 0; padding-left:25px;} .agree_wrap > div > div{font-size:12px;} .agree_wrap > div:nth-child(2) > div{ margin-top:10px;} .agree_wrap > div:nth-child(2) > div:first-child{margin-top:0;} .agree_wrap > div > div a{font-size:10px; border:1px solid #ccc; display:inline-block; padding:4px 7px; vertical-align:middle;} .agree_wrap input[type="checkbox"]:not(old){width:0; height:0; margin:0; padding:0; opacity:0;} .agree_wrap input[type="checkbox"]:not(old) + span, .agree_wrap input[type="checkbox"]:not(old) + label {line-height: 15px; cursor:pointer; display:inline-block; background:url('../img/chkBox.png') no-repeat left center; padding: 0 0 0 20px; font-size: 12px; color:black; font-weight:500} .agree_wrap input[type="checkbox"]:not(old):checked + span, .agree_wrap input[type="checkbox"]:not(old):checked + label {background:url('../img/chkBox_on.png') no-repeat left center; } .agree_confirm {display:none; padding: 15px; font-size:13px; border: 1px solid #cccccc; border-top: 0; box-sizing: border-box; max-height: 200px; overflow: auto; line-height: 1.4;} .register_form_btn{color:#fff; width:100%; background:#4a90e2; height:40px; border:0; font-size:15px; font-weight:600; cursor:pointer; transition-duration:0.3s;} .register_form_btn.type02 {height: 46px; margin: 0;} .register_form_btn:hover{background:#454545;} .join_Route ul {display:inline-block; width:100%} .join_Route ul li {float:left;margin: 5px 22px 5px 0;} .join_Route ul li input[type="radio"] {width:15px; height:15px} .join_Route ul li label {font-size:13px} .join_Route ul li input[type="radio"]:not(old){width:0; height:0; margin:0; padding:0; opacity:0;} .join_Route ul li input[type="radio"]:not(old) + span, .join_Route ul li input[type="radio"]:not(old) + label{line-height: 16px;cursor:pointer;display:inline-block;background:url('../img/radio.png') no-repeat left center;padding: 0 0 0 20px;font-size: 14px; color:#0d132a;} .join_Route ul li input[type="radio"]:not(old):checked + span, .join_Route ul li input[type="radio"]:not(old):checked + label {background:url('../img/radio_on.png') no-repeat left center; } .daum_map_api {position:relative} .daum_map_api > div {position: absolute; top:0px; display:none; z-index: 1; width: 100%; border: 1px solid black; max-height:350px} .daum_map_api > div > img {cursor: pointer; position: absolute; right: 0px; z-index: 1;} .etc_Route , .detail_address {margin: 10px 0 0; display:none} /* 서브페이지 */ .section {padding:70px 0} .grayBg {background-color:#f7f7f7} .grayBg02 {background-color: #f3f4f8;} .grayBg03 {background-color: #f0f3f6;} /* 서비스 소개 */ .paging {text-align:center; margin:30px 0} .paging ul {padding:0; margin:0; display:inline-block; overflow:hidden} .paging ul li {float:left; width:28px; height:28px; line-height:28px; border:1px solid #b5b5b5; margin:0 3px} .paging ul li a {color:black; display:block;} .paging ul li.on a {color:white} .paging ul li.on {background-color:#007ac3; border:1px solid #007ac3;} .paging ul li.arrow {border:0; line-height:30px} .paging ul li.arrow a:hover {color:#007ac3} .emb_table {} .reasonBox {background-color:#003567; padding:70px 0 50px} .whyBox {margin:30px 20px 0} .whyBoxIn {display:inline-block; width:100%;} .whyBox ul li {float:left; width:33.33%} .whyBox ul li.first .ws {margin-right:7px} .whyBox ul li.second .ws {margin:0 3px} .whyBox ul li.thrid .ws {margin-left:7px} .whyBox .imgBox img {width:100%; max-width:339px} .whyBox .txtBox {background-color:#ffb81d; border-radius:0 0 5px 5px; text-align:center; width:100%; height:110px; display:table;} .whyBox .txtBoxIn {display:table-cell; height:100%; vertical-align:middle} .whyBox .txtBoxIn .txt {line-height:1.5; font-size:15px; color:#333; font-weight:500} .whyBox .txtBoxIn .txt_blue {color:#0018b3; font-weight:600;} .onestop {background:url("../img/onestop_bg.png") no-repeat center center; background-size:cover; padding:70px 0 115px} .oneBox {margin:30px 20px 0} .oneBoxIn {display:inline-block; width:100%;} .oneBox ul li {float:left; width:33.33%} .oneBox ul li.first .ws {margin-right:20px} .oneBox ul li.second .ws {margin:0 10px} .oneBox ul li.thrid .ws {margin-left:20px} .oneBox .Box {position:relative; background-color:white; width:100%; height:175px; display:table; text-align:center} .oneBox ul li.first .Box:after {content:""; position:absolute; top:0; left:20px; background:url("../img/sub_img_number01.png") no-repeat; width:18px; height:40px} .oneBox ul li.second .Box:after {content:""; position:absolute; top:0; left:20px; background:url("../img/sub_img_number02.png") no-repeat; width:30px; height:36px} .oneBox ul li.thrid .Box:after {content:""; position:absolute; top:0; left:20px; background:url("../img/sub_img_number03.png") no-repeat; width:30px; height:37px} .oneBox .BoxIn {display:table-cell; height:100%; vertical-align:middle} .oneBox .BoxIn .main_txt {font-size:15px; color:#f37321; position:relative; display:inline-block; margin:0 0 20px; font-weight: 500;} .oneBox .BoxIn .main_txt:after {content:""; position:absolute; bottom:-7px; left:0; right:0; width:100%; border-bottom:3px solid #f37321} .oneBox .BoxIn .sub_txt {line-height:1.5; margin:0; color:#4e4e4e; font-size:14px; font-weight:500} /* EOD : 서비스 소개 */ /* 대사관 인증 ì‹ ì²­ */ .fixed_nation_menu {position:fixed; top:105px; left:0; right:0; background-color:#dbdbe0; border-bottom:1px solid #a0a0a0; padding:10px 0; z-index:3} .fixed_nation_menu ul li {float:left; margin:0 10px} .fixed_nation_menu ul li a {display:block; padding:9px 10px; border-bottom:2px solid transparent; font-size:14px} .fixed_nation_menu ul li.on a , .fixed_nation_menu ul li a:hover {font-weight:600; border-bottom:2px solid #eb6100} .cerContentBox {margin:194px 0 0;} .table_responsive {padding:0 30px 30px; margin:0 0 50px; overflow: hidden; background-color:white; border-top:2px solid black} .table_responsive table {width:100%;} .table_responsive table thead tr th {padding:15px; background-color:white; border-bottom:1px solid #bcbcbc; text-align:left;} .table_responsive .nation_img {border:1px solid #d8d8d8; display:inline-block} .table_responsive .nation_img img {width:42px; height:27px} .table_responsive .nation_name {font-size:21px; color:#3e8ddc; vertical-align: middle; font-weight: 500; margin:0 10px} .table_responsive .nation_txt {font-size:13px; color:#333333; vertical-align: middle; font-weight:500} .table_responsive table tbody tr td {padding:10px 20px; border-bottom:1px solid #bcbcbc;} .table_responsive table tbody tr:nth-child(odd) td {background-color:#f9f9f9;} .table_responsive table tbody tr:nth-child(even) td {background-color:white;} /* EOD : 대사관 인증 ì‹ ì²­ */ /* 추가서비스 팝업 */ .all_trans {position: fixed; top: 0; left: 0; bottom: 0; width: 100%; background-color:rgba(0,0,0,0.4); z-index:100; display:none} .popup {position:fixed; left: 50%; margin:-220px 0 0 -320px; width:640px; top:480px; z-index:101; border-radius:5px; background-color:white; display:none} .popup .buttonBox button {padding:12px 30px; font-size:16px; border-radius:5px; margin:0 18px} .popup_hd {overflow:hidden; padding:15px 20px; border-bottom:2px solid #cacaca; color:black} .popup_hd .left {float:left; font-size:21px; font-weight:500} .popup_hd .right {float:right;} .popup_hd .right a {display:block;} .popup_con {padding:20px} .popup_conIn .txt {font-size:15px; color:black; line-height:24px; margin:0} .popup_conIn .small_txt {font-size:13px; color:black; margin:5px 0 0;} .popup_conIn .txt_orange {color:#eb6100; font-weight:500} .popup_conIn .txt_black {font-weight:600} .popup_list {margin:30px 0 0; border-top:1px solid #959595; border-bottom:1px solid #959595;} .p_add_table {width:100%} .p_add_table tbody tr td {border-top:1px dashed #959595; padding:10px; font-weight: 500;} .p_add_table tbody tr:first-child td {border-top:0} .p_add_table tbody select {height:32px; padding: 0 20px 0 5px; font-size:14px} .p_add_table input[type="checkbox"]:not(old){width:0; height:0; margin:0; padding:0; opacity:0;} .p_add_table input[type="checkbox"]:not(old) + label {cursor: pointer; background: url(../img/popup_chk.png) no-repeat center center; padding: 0 0 0 24px; font-size: 12px; color: black; height: 20px; line-height: 20px; display: inline-block;} .p_add_table input[type="checkbox"]:not(old):checked + label {background:url('../img/popup_chk_on.png') no-repeat left center; } /* EOD : 추가서비스 팝업 */ /* 19-10-23 상품 상세 페이지 ìž‘ì—… */ .tabBox {display:none} .tabBox.on {display:block} .productBox {background-color:white; border-top:2px solid black; margin:0 0 50px} .product_hd {padding:25px 30px; border-bottom:1px solid #ccc; overflow:hidden} .product_hd .left {float:left; font-size:24px; font-weight:600; color:#333; line-height:36px} .product_hd .right {float:right} .product_hd .imgBox {border:1px solid #b5b5b5; box-shadow: 1px 1px 1px rgba(0,0,0,0.25); border-radius:5px; float:left;} .product_hd .imgBox img {width:55px; height:36px; border-radius:5px} .product_hd .arrowBox {margin:0 15px; float:left; line-height: 36px;} .product_con {padding:40px 30px; position:relative} .product_con_l {position:absolute; top: 40px; left: 30px;} .product_con_r {padding:0 0 0 110px} .product_info {padding:0 50px 0 0; text-align: justify; min-height:71px; line-height: 1.5;} .product_option {margin:20px 0 0} .option_table {width:100%; border-top:1px solid #a0a0a0; border-bottom:1px solid black} .option_table.type02 {border-top:0; border-bottom:1px solid #a0a0a0;} .option_table tbody tr td {border-bottom:1px solid #a0a0a0; color:#333; padding:5px; position:relative} .option_table tbody tr td .txt {padding: 0 0 0 15px; display: inline-block;} .option_table tbody tr td .txt:before {content: "ㆍ"; position: absolute; top: 14px; left: 3px; line-height: 1;} .option_table tbody tr td select {min-width:72px; height:32px; border:1px solid #ccc; border-radius:5px; padding:0 5px} .option_table tbody tr td select.type02 {width:140px} .option_table tbody tr td .gray_btn {padding:0 10px; height: 34px; line-height: 34px; border: 0; font-weight:500; border-radius: 3px; background-color:#929292; color: white; font-size: 13px; text-align:center; transition:0.3s all ease; position:relative} .option_table tbody tr td .gray_btn:hover , .option_table tbody tr td .gray_btn.on {background-color:#007dd8;} .option_table tbody tr td .blue_btn {padding:0 10px; height: 34px; line-height: 34px; border: 0; font-weight:500; border-radius: 3px; background-color:#007dd8; color: white; font-size: 13px; text-align:center; transition:0.3s all ease; position:relative} .option_table tbody tr td .blue_btn:hover , .option_table tbody tr td .blue_btn.on {background-color:#d71a0e;} .option_table tbody tr td .red_btn {padding:0 10px; height: 34px; line-height: 34px; border: 0; font-weight:500; border-radius: 3px; background-color:#d71a0e; color: white; font-size: 13px; text-align:center; transition:0.3s all ease; position:relative} .option_table tbody tr td .red_btn:hover , .option_table tbody tr td .red_btn.on {background-color:#007dd8;} .option_table tbody tr:nth-child(even) td {background-color:#f3f4f8;} .option_table tbody tr:last-child td {border-bottom:0} .product_care {margin: 20px 0 0; background-color:#fffbeb; border:1px solid #cfcbcb; position:relative; padding: 20px 80px 20px 65px; line-height: 1.5;} .product_care:before {content:""; position:absolute; top:18px; left:20px; width:22px; height:22px; background:url("../img/icon_care_alert.png") no-repeat} .product_care ul li {margin:0 0 12px; position:relative; font-size:13px; color:#555} .product_care ul li:last-child {margin:0} .product_tab {margin:50px 0 0; background-color:white; z-index:1} .product_tab ul {overflow:hidden} .product_tab ul li {float:left; width:50%; text-align:center} .product_tab ul li:first-child a {border-left:1px solid #bebebe} .product_tab ul li a {display:block; border-top: 1px solid #b5b5b5; border-right: 1px solid #bebebe; border-bottom: 2px solid #007ac3; height:54px; line-height:54px; color:#666; font-size:16px; font-weight: 400;} .product_tab ul li.on a {border:2px solid #007ac3; border-bottom:0; font-weight:500; color:#007ac3} .product_tab ul li a span {margin:0 0 0 5px} .product_tab.on {position:fixed; top:0; left:50%; width:1080px; margin:0 0 0 -540px;} .user_review {margin:20px 0} .user_review_hd {overflow:hidden} .user_review_hd .left {float:left} .user_review_hd .left span {font-size:18px; color:black; vertical-align:middle; margin:0 0 0 15px; font-weight:500} .user_review_hd .left span.score {margin:0 10px 0 20px} .user_review_hd .right {float:right; margin: 0 20px 0 0;} .user_review_hd .right ul li {float:left; border-left:1px solid #ababab} .user_review_hd .right ul li:first-child {border-left:0} .user_review_hd .right ul li a {font-size:14px; color:black; font-weight:500; margin:0 10px} .user_review_hd .right ul li a.on {color:#ff4923} .user_review_con {margin:20px 0 0; border-top:1px dashed #929292} .user_review_con > ul > li {border-bottom:1px solid #c8c8c8; padding:20px} .user_review_con .info {overflow:hidden; margin: 0 0 20px;} .user_review_con .info .left {float:left; line-height:15px} .user_review_con .info .left .txt {font-size:14px; color:black; font-weight:bold; margin:0 0 0 8px; display:inline-block; vertical-align:middle} .user_review_con .info .right {float:right} .user_review_con .info .right .type {background-color:#cfa972; color:white; font-size:12px; text-align:center; display:inline-block; width:65px; height:20px; line-height:20px;} .user_review_con .info .right .type.on {background-color:#32b16c} .user_review_con .info .right .day {color:#666; font-size:12px; margin: 0 0 0 8px;} .user_review_con .name {margin:0 0 15px; font-size:15px; color:#af7924; font-weight:500} .user_review_con .content {position:relative} .user_review_con .content > a {color:#000000; font-size:13px; display: inline-block; line-height: 24px; width:100%; height:50px; overflow:hidden} .user_review_con .content > a .txtBox {width:800px; min-height: 50px;} .user_review_con .content > a:hover {color:#0072d6} .user_review_con .content > a.full {height:auto} .user_review_con .content .review_thum_img {width:40px; height:40px; position:absolute; top:5px; right:80px;} .user_review_con .content .review_thum_img img {width:100%; height: 100%;} .user_review_con .content .review_reco {position:absolute; top:7px; right:0px;} .user_review_con .content .review_reco > a {width:65px; height:30px; line-height:23px; border-radius:15px; display:inline-block; border:1px solid #007dd8; text-align:center} .user_review_con .content .review_reco > a span {vertical-align:middle; color:black; font-size:12px; display: inline-block; line-height: 1; margin: 0 0 0 5px;} .user_review_con .imgBox {margin:20px 0 0} .user_review_con .imgBox > ul {overflow:hidden} .user_review_con .imgBox > ul > li {float:left; margin:0 0 0 10px} .user_review_con .imgBox > ul > li img {max-width:300px} .user_review_con .review {background-color:#f5f5f5; color:#333; font-size:13px; position:relative; padding:45px 20px 15px; margin:20px 0 0; line-height: 24px;} .user_review_con .review:before {content:"운영자"; position: absolute; top: 20px; left: 20px; font-size: 16px; font-weight: 500; color: #0072d6; line-height: 1;} .product_contact_form ul li {position:relative; margin:8px 0 0} .product_contact_form ul li:first-child {margin:0} .product_contact_form ul li input[type="text"] {width:100%; height:38px; border:1px solid #d4d4d4; padding:0 10px} .product_contact_form .form_label {position:absolute; top:10px; left:0; font-size:14px; color:black; font-weight: 500;} .product_contact_form .form_data {padding:0 0 0 75px; min-height:40px; line-height:40px; color:black} .product_contact_form .form_data textarea {width:100%; height:150px; resize:none; border: 1px solid #d4d4d4;} .product_conBox {margin:20px 0 0; padding:25px 30px 45px; background-color:#f5f5f5;} .product_conBox .buttonBox {margin:20px 0 0} .product_contact {overflow:hidden; margin:20px} .product_contact_form .form_data .txt01 {font-size:14px; color:black; margin:0 0 10px; line-height:1} .product_contact_form .form_data .txt02 {font-size:12px; color:#666666; margin:10px 0; line-height:1} .product_contact .bu_white {border-radius:3px;background-color:white; border:1px solid #d4d4d4; color:black;width:110px; height:50px;margin: 0 8px;} .product_contact .bu_black {border-radius: 3px; background-color: #303033; border: 1px solid #303033; color: white; width: 150px; height: 48px; margin: 0 8px;} .product_contact_form.left {float:left; width:600px; padding:0 30px 0 0; position:relative} .product_contact_form.left:after {content:"";border-right:1px solid #b5b5b5;position:absolute;top:0px;bottom:15px;right:0;} .product_contact_form.right {float:left;width:320px;padding:0px 0 0 30px;} .product_contact_form.right .info_agree_table {width:100%} .product_contact_form.right .txt01 {font-size:14px;color:black;font-weight:bold;margin: 0 0 20px;} .product_contact_form.right .txt02 {font-size:12px;color:#666;margin: 18px 0 10px;} .product_contact_form.right table {width:100%} .product_contact_form.right table tbody th {background-color:#d3d3d3; text-align:left; font-size:12px; padding:15px; border-top:1px solid #f5f5f5; color:black; font-weight:400} .product_contact_form.right table tbody td {background-color:white; color:#666; font-size:12px; padding:15px 20px; border-top:1px solid #f5f5f5;} .info_agree_table {width:400px} .info_agree_table tr td {font-size:12px; text-align:center; border-right:1px solid #f5f5f5; line-height:1;} .info_agree_table thead tr td {background-color:#d3d3d3; padding:12px 0; border-bottom:1px solid #f5f5f5;} .info_agree_table tbody tr td {background-color:white; padding:12px 0; color:#666666} .product_contact .buttonBox {margin:60px 0 0} .product_contact .buttonBox.type02 {margin:20px 0 0} .product_conBox .bu_white {border-radius:3px;background-color:white; border:1px solid #d4d4d4; color:black;width:110px; height:50px;margin: 0 8px;} .product_conBox .bu_black {border-radius:3px;background-color:#303033;border:1px solid #303033;color:white;width:150px;height:48px;margin: 0 8px;} .product_contact_form .chk {line-height:1; display:inline-block; margin:10px} .product_contact_form .chk input[type="checkbox"]:not(old) {width:0; height:0; margin:0; padding:0; opacity:0;} .product_contact_form .chk input[type="checkbox"]:not(old) + label {height:22px; line-height:22px; margin:0; font-weight: 400; font-size:12px; color:#666666; cursor:pointer; display:inline-block; background:url('../img/agree_chk.png') no-repeat left center; padding: 0 0 0 30px; font-weight:500} .product_contact_form .chk input[type="checkbox"]:not(old):checked + label {background:url('../img/agree_chk_on.png') no-repeat left center; } .product_contact_form .chk.type02 {margin:0} .product_contact_form .chk.type02 input[type="checkbox"]:not(old) + label {font-size:13px; color:black} .product_introBox {margin:0 0 150px} .intro_txt {margin:40px 0 0; font-size:18px; font-weight:600; color:#010101} .intro_txt.type02 {font-size:16px} .introList {margin:20px 0 0; border-top:2px solid black} .introList ul {padding:0; margin:0; overflow:hidden} .introList ul li {padding:15px 0; list-style:none; display:inline-block; width:100%; border-bottom:1px solid #b5b5b5; position:relative} .intro_txt {margin:30px 0 0; font-size:16px; color:#010101} .intro_txt.type02 {font-size:16px; margin:20px 0 0} .introBox {position:relative; min-height:80px} .introBox > a {display:block; min-height:80px} .introList_L {position:absolute; top:0px; left:0;} .introList_L img {width:80px; height:80px; display:block; overflow:hidden; position:relative; box-sizing: content-box;} .introList_R {float:left; width:auto; line-height:1; position:relative; padding:0 0 0 90px} .introList_R .name {color: #007ac3; display: inline-block; font-size: 15px; margin: 5px 0 10px; max-height: 30px; overflow: hidden; width: auto; font-weight:500; white-space: inherit;} .introList_R .content {color:black; font-size:13px; line-height:1.5; height:38px; margin:0; overflow:hidden} .product_view_l {display: inline-block; margin:-1px 5px 0; vertical-align: top; position:relative} .product_view_l .txt {display:none; position: absolute; top: 26px; left: 0; z-index: 1; padding:0 10px; white-space:nowrap; height: 26px; line-height: 24px; text-align: center;background-color: white; border: 1px solid black; font-size: 13px; color: #666666; font-weight: 400;} .product_view_l:hover .txt {display:block} .movieP {height:376px; border:1px solid black; background-color: black;} .movieL {float:left; width:595px} .movieR {float:right; width:248px; height: 100%; position: relative; border-left: 1px solid black;} .movieR .videoExplan {height:199px; background-color: #33333b; padding:10px 9px 10px 10px;} .movieR .videoExplan.no_apply {height:263px} .moviecon {position:relative; min-height: 94px;} .movieList {margin:30px 0 0} .movieList ul {padding:0; margin:0; display: inline-block; width: 100%;} .movieList ul li {padding:15px 0; list-style:none; display:inline-block; width:100%; border-top:1px solid #b5b5b5; } .movieList ul li:last-child {padding-bottom:0} .movieList_L {position: absolute;top: 0;left: 0;} .movieList_L a {width:155px; height:88px; display:block; overflow:hidden; position:relative; border:3px solid white} .movieList_L a:after {display: block; content: ""; position: absolute; top:29px; left: 50%; width: 36px; height: 26px; margin: 0 0 0 -18px; background: url("../img/mini_youtube_play.png") no-repeat;} .movieList_L a:hover {border:3px solid #ff0000;} .movieList_L img {width:100%; height:100%} .movieList_R {float:left; line-height: 1; padding: 0 0 0 170px; line-height:1} .movieList_R .name {color:#007ac3; font-size:14px; margin:5px 0 10px; font-weight:500; } .movieList_R .day {color:#8e8e8e; font-size:12px; margin:0 0 8px;} .movieList_R .content {color:#333; font-size:13px; line-height:1.2; height:32px; margin:0; overflow:hidden} .movieList ul li:first-child {border-top:0; padding-top:0} .movieList.type02 ul li:first-child {padding-top:15px} .product_intro {position:relative} .product_video {background-color:white; border:5px solid black; position:absolute; top:0; left:0; width:100%; height:566px; z-index:1; display:none} .product_video_a {display:none; height:100%} .product_video_a.on {display:block} .product_video_c {position: absolute; top: -5px; right: -54px;} /* 19-10-23 마이페이지 */ .mypageBox {background-color:white; overflow:hidden} .mypageTab {border-bottom:4px solid #0067a6;} .mypageTab ul {overflow:hidden} .mypageTab ul li {float:left; width:50%; text-align:center;} .mypageTab ul li a {display:block; line-height:54px; color:#666666; font-size:18px;} .mypageTab ul li.on a {background-color:#0067a6; color:white; font-weight:bold; font-weight: 500;} .orderBox {padding:0 30px; overflow:hidden; min-height:500px} .orderType {margin:35px 0 45px; overflow: hidden;} .orderType ul {padding:0; float:right;} .orderType ul li {padding:0; float:left; width:85px; text-align:center; position:relative} .orderType ul li:after {content:""; border-right: 1px solid #d8d8d8; position:absolute; top:0; bottom:0; right:0} .orderType ul li a {color:#666; font-size:14px} .orderType ul li a:hover , .orderType ul li.on a {color:black; font-weight:500} .orderList > ul > li {margin:0 0 30px} .orderTop {display:inline-block; width:100%; margin:0 0 10px; line-height:1} .orderTop .left {float:left; font-weight:500} .orderTop .left > ul > li {float:left; padding:0 8px; color: black;} .orderTop .left > ul > li:first-child {padding-left:0; position:relative;} .orderTop .left > ul > li:first-child:after {content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 16px; background-color: black; margin: -8px 0 0;} .orderTop .left .txt_gray {color:#777777; font-size:15px; margin:0 0 0 5px; font-weight:400} .orderTop .left .txt_gray:hover {color:#0072ff} .orderTop .right {float:right; margin:0 20px 0 0} .orderTop .right span {color:#0072ff} .orderTop .right > a {font-size:13px; margin:0 0 0 5px; color:black; position:relative} .orderTop .right > a:after {content:""; position:absolute; bottom: -1px; left: 10px; right: 10px; width: auto; height: 1px; background-color:black} .orderInfo {border:1px solid black} .orderInfo_T {padding:30px 20px 20px 27px} .orderInfo_T > ul > li {margin:0 0 13px; font-weight: 500; padding: 0 0 0 15px; position: relative;} .orderInfo_T > ul > li:after {content:"ㆍ "; top: 0; left: 0; position: absolute;} .orderInfo_T > ul > li:last-child {margin:0} .orderInfo_T > ul > li .txt_yellow {color:#996c33; font-weight: 400;} .orderInfo_T > ul > li .txt_gray {color:#777; font-size:13px; font-weight: 400;} .orderInfo_B {background-color:#f2f2f2; padding:15px 30px; overflow:hidden} .orderInfo_B .left {float:left; font-size: 16px; font-weight: 500; line-height:27px} .orderInfo_B .left .txt_red {color:#d60000} .orderInfo_B .right {float:right;} .orderInfo_B .inline_btn {display:inline-block; margin: 0 15px 0 0; padding: 0 20px 0 0; border-right: 1px solid #797979;} .orderInfo_B .right a {display:inline-block; border-radius:2px; width:108px; height:25px; line-height:25px; text-align:center; font-size: 13px; font-weight:500;} .orderInfo_B .gray_bu {border:1px solid #7f8c94; background-color:#7f8c94; color:white} .orderInfo_B .white_bu {border:1px solid gray; background-color:white; color:black; transition:0.3s all ease} .orderInfo_B .white_bu:hover {border:1px solid #0067a6; background-color:#0067a6; color:white} .orderInfo_B .brown_bu {border:1px solid #af7924; background-color:#af7924; color:white;} .quesBox {padding:37px 30px} .quesTop {overflow:hidden; margin:0 0 20px} .quesTab {border:1px solid black; display: inline-block; float: right; width: 350px;} .quesTab ul {overflow:hidden} .quesTab ul li {float:left; width:50%; text-align:center;} .quesTab ul li a {display:block; line-height:45px; color:#666666; font-size:14px;} .quesTab ul li.on a {background-color:black; color:white; font-weight:bold; font-weight: 500;} .q_table {width:100%; margin: 20px 0 0; border-top:2px solid black} .q_table thead tr th {padding:18px 0; text-align:center; border-bottom:1px solid #c8c8c8; font-size:13px; font-weight: 500;} .q_table tbody tr td {padding:15px 20px; text-align:center; border-bottom:1px solid #c8c8c8; font-size:13px} .q_table tbody tr .view_label {width:65px; height:20px; line-height:20px; font-size:12px; background-color:#999999; display:inline-block; color:#ddd} .q_table tbody tr .view_label.on {background-color:#666666;} .q_table tbody tr.view td {cursor:pointer} .q_table tbody tr.view td.left {text-align:left; color:#666} .q_table tbody tr.view td.txt_black {color:black} .q_table tbody tr.fold {display:none} .q_table tbody tr.fold.open {display:table-row} .q_table tbody tr.fold td {padding:0} .fold_content {text-align:left; padding:20px} .fold_content .imgBox {margin:20px 0 0} .fold_content .imgBox > ul {overflow:hidden} .fold_content .imgBox > ul > li {float:left; margin:0 0 0 10px} .fold_content .imgBox > ul > li img {max-width:300px} .fold_content .fold_name {color:#af7924; font-size:15px; margin:0 0 20px} .fold_content .fold_txt {margin:0; font-size:13px} .fold_reply {background-color:#f5f5f5; color:#333; font-size:13px; position:relative; padding:45px 20px 35px; line-height: 24px; text-align: left;} .fold_reply:before {content: "운영자"; position: absolute; top: 20px; left: 20px; font-size: 16px; font-weight: 500; color: #0072d6; line-height:1;} .qBox {display:none} .qBox.on {display:block} .qBox .main_txt {font-size:24px; margin:0; font-weight:500;} .no_data {width:100%; height:240px; display:table; text-align:center; border-bottom:1px solid #c8c8c8} .no_dataIn {display:table-cell; width:100%; vertical-align:middle} .no_dataIn .txt {font-size:16px; margin:0 0 0 20px; display:inline-block} /* 19-10-23 마이페이지 */ /* 19-10-28 개인정보 수정 */ .register_wrap .register_title {font-size:18px; color:#6a4c28; margin:0; line-height: 1.2; font-weight:500} .register_table th{width:130px; text-align:left; font-size:15px; font-weight:400;} .register_table td div{font-size:14px;} .register_table td div.phone {font-size:0;} .w100p{width:100%;} .register_table td .phone input, .register_table td .phone select{width:33.3333%;} .register_table td .phone input{border-left:0; text-align:center;} /* EOD : 19-10-28 개인정보 수정 */ /* 19-10-24 상담하기 */ .sub_consultBox {background-color:#f0f3f6; padding:50px 0} .sub_consultBox .sub_main_txt {margin:0 0 30px} .consult_imgBox {height:85px; background:url("../img/consult_sub_img01.png") no-repeat center; margin:0 0 30px} .consult_Form_txt {font-size:24px; color:black; font-weight:bold; margin: 30px 0 10px} .consult_Form {background-color:white; padding:30px;} .agree_content {padding:10px 20px; font-weight:300; color:#666; background-color:#f0f3f6; font-size:14px; border-radius:5px; height:100px; line-height:1.5; overflow:auto} .agree_content strong {font-size:18px; font-weight:400; margin:10px 0; display:block} .agree_content ul li {margin:0 0 10px; font-size:14px} .form_all {height:27px; line-height:27px; margin:20px 0 0} .form_all input[type="checkbox"]:not(old){width:0; height:0; margin:0; padding:0; opacity:0;} .form_all input[type="checkbox"]:not(old) + span, .form_all input[type="checkbox"]:not(old) + label{cursor:pointer; display:inline-block; background:url('../img/form_all_chk.png') no-repeat; padding:0 0 0 40px; font-weight: 500;} .form_all input[type="checkbox"]:not(old):checked + span, .form_all input[type="checkbox"]:not(old):checked + label {background:url('../img/form_all_chk_on.png') no-repeat;} .form_all .txt_red {color:#ff0000; margin:0 0 0 5px} .consult_Form_Bot {display:inline-block; width:100%;} .consult_Form_Bot > ul > li {margin:0 0 10px} .consult_Form_Bot ul li .Form_Area {display:inline-block;position:relative;background-color: #f0f3f6;border-radius:5px;width:100%;height:50px;line-height:50px;} .consult_Form_Bot ul li .Form_Area.half {width:60%} .consult_Form_Bot ul li .Form_Area.Area {width:26%} .consult_Form_Bot ul li .Form_Area.date {width:auto; padding: 0 15px 0 0;} .mid_txt {display:inline-block; margin:0 19px; color:black; text-align:center; font-size:15px;} .consult_Form_Bot ul li .Form_name {position:absolute; top:0px; left:20px; font-size:15px; color:black} .consult_Form_Bot ul li .Form_name .txt_red {color:#ff0000; font-size:13px; margin: 0 0 0 3px;} .consult_Form_Bot ul li .Form_inputIn {padding: 0 0 0 150px} .consult_Form_Bot ul li .Form_inputIn.pd0 {padding:0} .consult_Form_Bot ul li .Form_inputIn.pd0 select {width:90%; margin:10px 5%} .consult_Form_Bot ul li .Form_inputIn.num input[type="text"] {width:25%} .consult_Form_Bot ul li .Form_inputIn.num span {width: 5%;font-size: 25px; display: inline-block; text-align: center;} .consult_Form_Bot ul li .Form_inputIn select {border: 0;width:90%;height:32px;line-height:32px;vertical-align:top;display:inline-block;margin:10px 0;} .consult_Form_Bot ul li .Form_inputIn.num select {width:25%} .consult_Form_Bot ul li .Form_inputIn.dateBox {width:150px;} .consult_Form_Bot ul li .Form_inputIn.dateBox input[type="text"] {background:url("../img/icon_datepicker.png") no-repeat 98%; background-color:white} .consult_Form_Bot ul li .Form_inputIn input[type="text"] {border: 0;width:95%;height:30px;line-height:30px;vertical-align:top;display:inline-block;margin:10px 0;} .consult_Form_Bot ul li .Text_Area {background-color: #f0f3f6; position:relative;padding:50px 0 0;border-radius:5px;} .consult_Form_Bot ul li .Text_Area .Form_name {top:20px} .Form_textarea textarea {width:96%; margin: 0 2% 20px;} .service_list {display:inline-block; width:100%} .service_list li {float:left; margin:0 20px 0 0} .service_list input[type="checkbox"]:not(old){width:0; height:0; margin:0; padding:0; opacity:0;} .service_list input[type="checkbox"]:not(old) + span, .service_list input[type="checkbox"]:not(old) + label{cursor:pointer; display:inline-block; background:url('../img/con_chkBox.png') no-repeat left center; padding: 0 0 0 28px; font-size: 15px;} .service_list input[type="checkbox"]:not(old):checked + span, .service_list input[type="checkbox"]:not(old):checked + label {background:url('../img/con_chkBox_on.png') no-repeat left center; } .service_list input[type="radio"]:not(old){width:0; height:0; margin:0; padding:0; opacity:0;} .service_list input[type="radio"]:not(old) + span , .service_list input[type="radio"]:not(old) + label {cursor:pointer; display:inline-block; background:url('../img/con_radio.png') no-repeat left center; padding:0 0 0 28px; font-size: 15px;} .service_list input[type="radio"]:not(old):checked + span , .service_list input[type="radio"]:not(old):checked + label {background:url('../img/con_radio_on.png') no-repeat left center;} /* EOD : 19-10-24 상담하기 */ /* 19-10-24 찾아오시는 길 */ .map_con {width:100%} .map_con > .root_daum_roughmap {width:100% !important; z-index: 1;} .addressBox {background-color:white; padding:0 30px 30px} .addressBox .main_txt {font-size:24px; color:black; font-weight:500; margin:0 0 10px} .addressBox .sub_txt {font-size:18px; color:#555555; margin:0 0 20px} /* EOD : 19-10-24 찾아오시는 길 */ /* 19-10-25 ê²°ì œ 프로세스 */ .breadcrumb{position:absolute; right:0; top:8px;} .breadcrumb ul{font-size:0;} .breadcrumb ul li{font-size:16px; color:#aaafb1; display:inline-block; padding-right:52px; margin-right:25px;background:url('../img/bread.png') right center no-repeat; font-weight:500;} .breadcrumb ul li.active{background:url('../img/bread_on.png') right center no-repeat; color:#007ac3;} .breadcrumb ul li:last-child{margin-right:0; padding-right:0; background:none;} .cart_table {width:100%; margin:10px 0; border-top:2px solid black;} .cart_table table {width:100%} .cart_table thead tr th {background-color:white; border-left: 1px solid #b2b3b4; border-bottom: 1px solid #b2b3b4; font-weight: 500; color: black; font-size: 14px; padding:15px 0;} .cart_table thead tr th:first-child {border-left:0; padding: 15px 20px; position:relative} .cart_table thead tr th .chk {position: absolute; top: 50%; left: 19px; margin: -11px 0 0;} .cart_table tbody tr th {padding: 5px 10px; background-color:white; text-align: left; color: black; font-size: 14px; font-weight: 400; line-height: 1.5; border-left: 0; border-top: 1px solid #9fa0a0;} .cart_table tbody tr td {padding:20px; line-height:1.3; background-color:White;color:black;font-size:14px;text-align:center;border-left: 1px solid #b1b1b1;border-bottom:1px solid #b1b1b1;} .cart_table tbody tr td:first-child {border-left:0; text-align:left} .cart_table tbody tr td select {width:78px; height:28px; border:1px solid #bbbbbb;} .cart_table .chk input[type="checkbox"]:not(old){width:0; height:0; margin:0; padding:0; opacity:0;} .cart_table .chk input[type="checkbox"]:not(old) + span, .cart_table .chk input[type="checkbox"]:not(old) + label{font-weight: 500; cursor:pointer; display:inline-block; background:url('../img/con_chkBox.png') no-repeat left center; padding: 0 0 0 28px; font-size: 14px; height:22px; line-height:22px; color:#555} .cart_table .chk input[type="checkbox"]:not(old):checked + span, .cart_table .chk input[type="checkbox"]:not(old):checked + label {background:url('../img/con_chkBox_on.png') no-repeat left center; } .cart_table .bg_gray {background-color:#eeefef} .cart_table_foot {background-color:#cbcbcb; padding:20px 30px; position:relative; overflow:hidden; border-top: 1px solid black; border-bottom:2px solid black; margin:0 0 10px} .cart_table_foot .left {position: absolute; top: 50%; left: 20px; font-size: 16px; color: #e50000; font-weight: 600; margin: -8px 0 0;} .cart_table_foot .right {float:right; color: black; font-size: 14px; font-weight: 500; text-align:right} .cart_table_foot .right .option {margin:0 100px 0 0} .cart_table_foot .right .num {margin:0 40px 0 0} .cart_table_foot .right .price {min-width:90px; display:inline-block} .cart_table_foot .right ul li {margin:0 0 10px} .cart_table_foot .right ul li:first-cihld {margin:0} .cart_table_foot .right ul li:last-child {margin:0} .cart_table_foot .right ul li:last-child .option {font-weight:600; margin:0 150px 0 0} .cart_table_foot .right ul li:last-child .price {font-size:16px; color:#e60000; font-weight:600} .cart_doc_wrap {background-color:white; border-top:2px solid black; padding:0 20px 50px} .cart_doc_name {color:black; font-size:21px; font-weight:500; line-height:30px; margin:0} .cart_doc_table{width:100%; color:#000;} .cart_doc_table th{background:#eeefef;font-size: 14px;font-weight: 500;line-height: 1.3;} .cart_doc_table td{font-size:13px;} .cart_doc_table th, .cart_doc_table td{border-bottom:1px solid #b2b2b2;padding: 15px 20px;} .cart_doc_table td p.txt_red {margin:10px 0 0; color:#d00000} .cart_doc_table tr:first-child th, .cart_doc_table tr:first-child td{border-top:1px solid #b2b2b2;} .cart_doc_table .textareaBox {border:1px solid #ccc; padding:10px;} .cart_doc_table div textarea{border:0; width:100%; height:100px; border:1px solid #ccc; border-radius:5px; overflow:hidden; resize:none;} .cart_doc_table input , .cart_doc_table select {border:1px solid #ccc; border-radius:5px; height:30px; width:100%; padding:0; text-indent:10px;} .quantity{font-size:0; text-align:center;} .quantity > div{display:inline-block; zoom:1; *display:inline; border:1px solid #d1d1d1; border-left:0; vertical-align:top;} .quantity > div:first-child{ border-left:1px solid #d1d1d1;} .quantity > div:nth-child(2){border-right:0;} .quantity > div:last-child{border:1px solid #000;} .quantity > div input{box-sizing:border-box; border:0; padding:0; width:30px; height:28px; text-align:center;} .quantity a, .quantity img{display:block;} .quantity_btn{width:41px; height:23px; line-height:23px; border:1px solid #7f7f7f; color:#666; text-align:center; background:#fff; margin:0 auto; display:block; margin-top:5px;} .two_inputBox li {float:left; width:46%; position:relative} .two_inputBox li:first-child {margin:0 8% 0 0} .two_inputBox li:first-child:after {content: "-"; position: absolute; top: 50%; right: -13%; margin: -8px 0 0 0; font-size: 14px;} .txt_api {color:#ff7c21; font-size:14px;} .payment_wrap {background-color:white; margin-top:20px;} .payment_row {margin: 0 0 40px;} .payment_top{width:100%; border-top:2px solid #000;} .payment_top th{background:#eeefef; color:#000; font-size:14px; text-align:center;} .payment_top td{font-size:14px; color:#555; padding-left:20px;} .payment_top td p{margin:10px 0;} .payment_top th, .payment_top td{padding:10px; vertical-align:middle; border-bottom:1px solid #ddd} .payment_wrap h3{font-weight:700; font-size:24px; color:#000;} .payment_wrap h3 span {font-size:16px; font-weight:400; margin:0 0 0 5px} .payment_list{width:100%; border-top:2px solid #000;} .payment_list th{background:#eeefef; padding:20px 10px; width:125px; color:#000} .payment_list td{padding:20px;} .payment_list th, .payment_list td{border-bottom:1px solid #ddd; font-size:14px;} .payment_list th span{font-size:12px; font-weight:400;} .payment_list li{margin-top:5px;} .payment_list li:first-child{margin-top:0;} .payment_reco{background:#fffaf6; padding:20px;} .event_span{color:#ff7c21; font-size:18px; font-weight:600;} .payment_reco input, .payment_reco img, .event_span{vertical-align:middle; display:inline-block; zoom:1; *display:inline; cursor:pointer;} .payment_reco input{margin-right:5px;} .payment_reco p{color:#555; font-size:12px; margin-top:15px;} .payment_reco p strong{font-weight:700; color:#000; } .payment_info_wrap{position:relative; background-color:white; padding: 50px 20px 20px;} .payment_info > div{padding-right:450px;} .payment_info table{width:100%; border-top:2px solid #000;} .payment_price{margin-top:20px; border-top:2px solid #000; width:100%} .payment_price th, .payment_price td{padding:17px 15px;} .payment_price th{text-align:left;} .payment_price td{text-align:right;} .payment_price tbody th{color:#555; font-weight:400;} .payment_price tbody td{color:#000; font-weight:700;} .payment_price tbody th, .payment_price tbody td{border-bottom:1px solid #b2b2b2; font-size:14px;} .payment_price tbody tr:last-child th, .payment_price tbody tr:last-child td{border-bottom:1px dashed #707171;} .payment_price tfoot{border-top:1px dashed #000;} .payment_price tfoot th, .payment_price tfoot td{background:#eeefef; border-bottom:1px solid #000; font-size:14px; color:#000; font-weight:600;} .payment_price tfoot th{font-size:16px;} .payment_price tfoot td.last_price {color:#ff7312} .payment_price_ab{position:absolute; width:410px; top:50px; right:18px} .last_price span{color:#ff3600 !important;} .comp_form_bottom a{display:block; color:#fff; background:#007ac3; height:45px; line-height:45px; text-align:center; font-size:18px; margin-top:20px;} td.payment_select {text-align:left; padding-left:0} .payment_select > div{display:inline-block; zoom:1; *display:inline; margin-left:10px;} .payment_meno {margin: 0 0 20px; border-bottom:1px solid #b2b2b2; width:100%;} .payment_meno table {width:100%} .payment_meno th {padding:10px; background-color:#ededed; font-size: 15px; font-weight: 500; line-height: 1.4; border-top: 1px solid #b2b2b2;} .payment_meno td {padding:10px; border-top: 1px solid #b2b2b2;} .payment_meno td .payment_textarea {border:1px solid #ccc;padding:5px;} .payment_meno td .payment_textarea textarea{ border:0; width:100%; height:102px;} .payment_warning{padding:15px 20px; border:1px solid #d80021; border-top:6px solid #d80021; } .payment_warning > div{display:table; width:100%;} .payment_warning > div > div{display:table-cell;} .payment_warning > div > div:first-child{padding-right:20px} .payment_warning h4{color:#d80021; font-size:16px; font-weight:700; background:url('../img/warning.gif') left top no-repeat; height:30px; line-height:30px; padding-left:35px;} .payment_warning p{color:#000; font-size:14px; font-weight:700; margin-top:8px; padding-left:35px;} .payment_warning p span{color:#9b6f44; font-size:12px; display:block; margin-top:5px;} .payment_warning table{width:100%; margin-top:7px;} .payment_warning table th{border-left:1px solid #fff; border-bottom:1px solid #fff;} .payment_warning table th, .payment_warning table td:first-child{background:#f0f0f0;} .payment_warning table th, .payment_warning table td{padding:7px; color:#000;} .payment_warning table th:first-child{background:#dcdbdb;} .payment_warning table td{border-bottom:1px solid #d4d4d4; text-align:center} .payment_warning table td:first-child{text-align:left;} .payment_info_wrap input[type=radio]:not(old){width:0; margin:0; padding:0; opacity:0;} .payment_info_wrap input[type=radio]:not(old) + label{display:inline-block; padding-left:23px; background:url('../img/payment_radio.png') no-repeat 0px 4px; line-height:24px; cursor:pointer} .payment_info_wrap input[type=radio]:not(old):checked + label{background:url('../img/payment_radio_on.png') no-repeat 0px 4px} .payment_info_wrap input[type=checkbox]:not(old){width:0; margin:0; padding:0; opacity:0;} .payment_info_wrap input[type=checkbox]:not(old) + label{display:inline-block; padding-left:28px; background:url('../img/checkbox.gif') no-repeat 0 0; height: 18px; line-height:18px;} .payment_info_wrap input[type=checkbox]:not(old):checked + label{background-position:0 -22px;} .payment_reco input[type=checkbox]:not(old) + label{line-height:16px;} .payment_select > div{display:inline-block; zoom:1; *display:inline; margin-left:10px;} .payment_select > div:first-child{margin-left:0} .adressBox {position:relative;} .adressBox input {width:100%; border: 1px solid #ccc; height: 32px; text-indent:5px; box-sizing: border-box;} .adressInput {padding:0 69px 0 0; position:relative} .adressInput > input[type="text"] {border: 1px solid #ccc; background: #dbdbdb;} .adressBox button {position: absolute; top: 0; right:-1px; bottom:0; background-color: black; color: white; border:0; width: 70px; font-size: 12px;} .adress_input {width:100px} .InputType ul li {float:left; overflow:hidden} .InputType ul li div {width:100%;} .input_num2 ul li {width:49%; margin:0 1% 0 0;} .input_num3 ul li {width: 32.33%; margin: 0 1% 0 0;} .input_num4 ul li {width: 24%; margin: 0 1% 0 0;} .InputType {display:inline-block; width:100%; margin: 2px 0;} .InputType input {width:100%; border: 1px solid #ccc; height: 32px; text-indent:5px; box-sizing: border-box;} .input_num2 input , .input_num3 input , .input_num4 input {width:100%} .Map_area {position:relative} .Map_areaIn {display:none; position:absolute; top:8px; border:1px solid #cccccc;width:100%;height:300px; z-index:1} .refund_infoBox {border:1px solid #d80021; border-top:7px solid #d80021; border-left:1px solid #d80021; padding: 20px 15px 20px 20px; position:relative; margin:50px 0 0} /* .refund_infoBox .left {position:absolute; top:20px; left:20px;} */ .refund_infoBox .leftIn {padding:0 0 0 40px; display:inline-block; background:url("../img/icon_refund_alert.png") no-repeat top left;} .refund_infoBox .leftIn .txt01 {font-size:14px; color:#d80021; font-weight:bold; margin:5px 0 10px} .refund_infoBox .leftIn .txt02 {font-size:13px; color:black; font-weight:bold} .refund_infoBox .leftIn .txt02 span {display:inline-block; color:#535353} .refund_infoBox .leftIn .txt03 {font-size:12px; color:#9a6834; margin:0; font-weight:500} /* .refund_infoBox .right {padding:0 0 0 340px} */ .refund_infoBox .right { margin-top:20px; } .refund_tableBox {max-width:540px} .refund_table {width:100%; text-align:center; border-bottom:1px solid #d4d4d4} .refund_table thead tr th {background-color:#dedede; text-align:center; font-size:13px; border-top:1px solid #d4d4d4; padding:10px 0} .refund_table thead tr td {background-color:#fcfcfc; text-align:center; font-size:13px; font-weight:bold; border-left:1px solid #d4d4d4; border-top:1px solid #d4d4d4; padding:8px 0; line-height:1.2} .refund_table tbody tr th {background-color:#f5f5f5; text-align:center; font-size:13px; border-top:1px solid #d4d4d4; padding:15px 0; font-weight: 500;} .refund_table tbody tr td {background-color:white; text-align:center; font-size:13px; font-weight:400; border-left:1px solid #d4d4d4; border-top:1px solid #d4d4d4; padding:10px 0; line-height:1.2} .refund_table tbody tr td .txt_red {color:#d80021} .visit_popup {background-color: white; display:none; float: left;border: 1px solid black;width:330px; top:330px; left:125px; position:absolute} .visit_popup_h {border-top: 6px solid #de575b; border-bottom: 1px solid #b2b2b2; padding: 10px 20px; color:#1b1b1b; font-size:14px; text-align:left;} .visit_popup_h span {font-weight:bold} .visit_popup_c {text-align:center; padding:0 0 10px} .visit_popup_c .main_txt {font-size: 30px;color:#de575b;margin:20px 0;line-height: 1.2; letter-spacing: -0.1em;} .visit_popup_c .grayBox {background-color: #eeeeee; color: #666; font-size: 13px; margin: 10px; padding: 10px 0; letter-spacing: -0.05em; line-height:1.5} .visit_popup_c .grayBox .txt_red {color: #d00000;} .visit_popup_c .sub_txt {color: #666666;font-size:14px;margin:0 0 15px;line-height: 1.5; letter-spacing:-0.08em} .visit_popup_c button {background-color: #666; color: white; border: 0; font-size: 14px; padding: 5px 10px;} .mob_display {display: none !important;} /* EOD : 19-10-25 ê²°ì œ 프로세스 */ /* ì‹ ì²­ì„œ ë‚´ìš© 확인 */ .InfoBox {color:black; background-color:#fffcd5;} .InfoBoxIn {padding:13px; border:1px solid #aaa; margin:15px 0 0; line-height:1.5; font-size:15px;} .InfoBoxIn p {margin:0} .InfoBoxIn .txt_red {color:#d00000} .item_name {border-top:2px solid black; border-bottom:1px solid black; padding:15px 10px; font-size:16px; margin:20px 0 0} .box_title {color: #000; margin-bottom: 7px;} .payment_wrap textarea[readonly] {background-color: #eee;} .payment_wrap textarea {resize: none; border: 1px solid #ccc; border-radius: 0;} .orderInfo_T .gray_btn {background-color: #7f8c94; font-size: 12px; color: white; display: inline-block; padding: 7px 10px; border-radius: 3px; margin: 10px;} /* EOD : ì‹ ì²­ì„œ ë‚´ìš© 확인 */ /* ì‹ ì²­ 완료 및 신분증 등록 */ .tableT_txt {font-weight:600; font-size:21px; color: #000; margin:50px 0 15px} .Hz_tableBox {margin:15px 0 0; font-size:14px} .Hz_tableBox > ul > li {display:table; width:100%; position:relative;} .Hz_tableBox > ul > li:first-child:before {content:""; position:absolute; top:-2px; left:0; right:0; width:100%; height:2px; background-color:#525252} .Hz_tableBox > ul > li:after {content:""; position:absolute; bottom:0; left:0; right:0; width:100%; height:1px; background-color:#cdcdcd} .Hz_tableBox .leftBox {display:table-cell; vertical-align:middle; width:20%; background-color:#f5f5f5; color:black; font-size:15px; padding:10px 20px} .Hz_tableBox .rightBox {display:table-cell; width:80%; padding:10px 20px; vertical-align:middle} .Hz_tableBox .rightBox ul {padding:30px} .Hz_tableBox .rightBox ul li {position:relative;} .file {margin:10px 0 0} .fileBox {position:relative;} .fileInput {display:inline-block; width:100%; padding:0 81px 0 0; box-sizing:border-box;} .fileBox .upload_name {display: inline-block; font-size: inherit;font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; padding:5px 0; border-radius:3px 0 0 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size:13px; width: 100%; height:21px; text-indent: 10px;} .uploadBox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;} .uploadBox {position:absolute; top:0; right:0;} .uploadBox label {display: inline-block; margin: 0; line-height: normal; vertical-align: middle; cursor: pointer; border: 1px solid #4a90e1; border-radius:0 5px 5px 0; line-height:29px; min-height: 31px; text-align:center; color: #fff; background-color:#4a90e1; font-size:16px; padding:0 10px;} .file_submit {width: 100%; background-color:#808080; color: white; font-size: 16px; padding:7px 10px; border-radius: 5px; margin: 10px 0; border: 0;} .fileTxt {border-bottom:1px solid #c2c2c2; margin:0 0 20px} .fileTxt li {margin:0 0 10px} .fileTxt li span {font-size: 14px; color: #e3112f; font-weight: 500; line-height: 1.3;} /* EOD : ì‹ ì²­ 완료 및 신분증 등록 */ /* 마이페이지 */ .mypage_modify {padding:0 20px 20px} .mypage_modify .main_txt {font-size:16px; font-weight: 600;} .mypage_modify .sub_txt {font-size: 15px; margin: 25px 0 10px; font-weight: 500;} .mypage_modify .inputBox {border:1px solid #ccc; background-color:#eee;} .mypage_modify .inputBox input[type="text"] {width:100%; border: 0; padding: 0; height:30px; text-indent: 5px;} .mypage_modify .inputBox input[readonly] {background-color: #eee;} .mypage_modify .inputBox textarea {border:0} /* EOD : 마이페이지 */ /* 본인인증 */ .certification {max-width:450px; margin:0 auto} .cel_Box {margin:20px 0 0} .cel_Box ul li {margin:0 0 10px} .cel_Box ul li a {display:block; background-color:#f9f9f9; padding:20px 60px 20px 15px; border:1px solid #ababab; transition:0.3s all ease; text-align:left} .cel_Box ul li a:hover {border:1px solid #317abd} .cel_Box ul li a.cel_first {background:white url("../img/cel_icon01.png") no-repeat 95% center;} .cel_Box ul li a.cel_second {background:white url("../img/cel_icon04.png") no-repeat 95% center; background-size:53px auto;} .cel_Box ul li a.cel_thrid {background:white url("../img/cel_icon03.png") no-repeat 95% center;} .cel_Box ul li .main_txt {font-size:16px; margin:0 0 10px; color:black} .cel_Box ul li .main_txt storng {font-weight:bold} .cel_Box ul li .sub_txt {font-size:14px; color:#7b7b7b; line-height: 1.4; margin:0} .cel_Box ul li .cel_confirm {height:40px; line-height:40px; text-align: center; display: inline-block; width: 100%; background-color: #515151; cursor:pointer; color: #ffffff; font-size: 16px; border:0;} .cel_contact_head {font-size:14px; background-color:#3179bd; width:100%; height: auto; padding: 15px 0; text-align:center; color:white; display:table;} .cel_contact_headIn {display:table-cell; vertical-align:middle; padding:0 5px} .cel_contact_conIn {background-color:white; border:3px solid #3179bd; border-top:0;} .cel_contact_conIn ul {overflow:hidden; padding:15px 5%;} .cel_contact_conIn ul li {float:left; width:50%; margin:11px 0; text-align:left} .cel_contact_conIn ul li img {vertical-align:middle; width:28px} .cel_contact_conIn ul li span {vertical-align:middle; margin: 0 0 0 5px; font-size:14px; color:black} /* EOD : 본인인증 */ /* 민원처리방법 */ .emer_txt {max-width: 998px; margin: 0 auto;} .emer_txt .main_txt {color:black; font-size:26px; vertical-align:middle} .emer_txt .sub_txt {color:#666; font-size:14px; vertical-align:middle; margin:0 0 0 20px} .emerBox {max-width:998px; margin:20px auto; overflow:hidden; padding:50px 0; border: 1px solid #ababab; border-top: 2px solid black;} .emerBox ul li {float:left; width:33.33%; position:relative; text-align:center} .emerBox ul li:after {content:""; position:absolute; top:0; left:0; bottom:0; border-right:1px solid #e0e0e0} .emerBox ul li:first-child:after {border:0} .emerBox.type02 .emer_price > img {width:210px} .emerBox.type02 ul li {width:50%} .emer_price {display:block; margin:0 0 20px} .emer_price .main_txt {font-size: 22px; font-weight: bold; margin: 10px 0; font-family: Dotum,'돋움',Helvetica; margin: 20px 0 10px;} .emer_price .main_txt sub {vertical-align: middle; font-size: 16px; margin: 0 2px 0 0; display: inline-block;} .emer_price .main_txt .etc {font-size:16px} .emer_price .sub_txt {font-size:22px; font-weight:500;} .emer_price .sub_txt span {vertical-align:middle; margin:0 5px 0 0} .emer_price.color_purple .main_txt {color:#cd22bd} .emer_price.color_purple .sub_txt {color:#cd22bd; position:relative; display:inline-block;} .emer_price.color_purple .sub_txt:after {content:""; position:absolute; bottom:-7px; left:0; right:0; border-bottom:3px solid #cd22bd} .emer_price.color_red .main_txt {color:#ff023e} .emer_price.color_red .sub_txt {color:#ff023e; position:relative; display:inline-block;} .emer_price.color_red .sub_txt:after {content:""; position:absolute; bottom:-7px; left:0; right:0; border-bottom:3px solid #ff023e} .emer_price.color_gray .main_txt {color:#7a7a7a} .emer_price.color_gray .sub_txt {color:#7a7a7a; position:relative; display:inline-block;} .emer_price.color_gray .sub_txt:after {content:""; position:absolute; bottom:-7px; left:0; right:0; border-bottom:3px solid #7a7a7a} .emer_price > img {width:70%} .emerBox .emer_txt {line-height:1.5; font-size:14px; display:table; width:100%; height:120px} .emerBox .emer_txt strong {color:black} .emerBox .emer_txtIn {display:table-cell; vertical-align:middle; padding:0 30px} .Emer_con {display:none} /* EOD : 민원처리방법 */ @media all and (min-width:640px) and (max-width:1100px){ /* tablet */ .M_Bg_section {height:auto; padding:45px 0; background:url("../img/main_bg.png") center top no-repeat; } .M_s_txt {font-size:16px; margin:0 20px 20px} .M_Bg_section .txtBox .txt01 {font-size:48px} .M_Bg_section .txtBox .txt02 {font-size:36px} .M_Why_section .txt {font-size:16px; margin:0 10px} .M_Why_section .txt br {display:none} .M_Why_section , .M_FS_section {padding:30px 0} .M_Consult_section {padding:20px 0} .M_Consult_section ul li {width:50%; margin:0 0 20px} .M_Consult_section ul li:nth-child(3) , .M_Consult_section ul li:nth-child(4) {margin-bottom:0} .M_Consult_section ul li .con_btn {margin-left:20px !important} .M_Board_section .left:before {border-left:0} .M_Board_section .right:before {border-right:0} .site_list > ul > li {width:50%; margin:0 0 12px;} .site_list > ul > li:first-child .siteBox , .site_list > ul > li:last-child .siteBox {margin:0 20px} .site_list > ul > li:last-child {margin-bottom:0} .site_list .siteBox {margin:0 20px} .nation_slide {padding:0 40px} .nation_slide .thumBox {display:inline-block; max-width:240px} .nation_slide .nation_link img {width: 100%; border: 0;} .nation_slide .nation_txt {left:0; right:0} .slick-prev {left:12px; z-index:1} .slick-next {right:12px; z-index:1} /* 서브 페이지 */ .section {padding:40px 20px} h2 {font-size:24px; margin:0 0 20px} .reasonBox img {width:100%; max-width:742px} .whyBox {margin:20px 0 0} .whyBox .txtBox {height:130px} .whyBox .txtBoxIn .txt {font-size:13px} .whyBox .imgBox img {max-width:100%} .whyBox ul li.first .ws {margin-right:10px} .whyBox ul li.second .ws {margin:0 5px} .whyBox ul li.thrid .ws {margin-left:10px} .oneBox {margin:20px 0 0} .oneBox ul li.first .ws {margin-right:10px} .oneBox ul li.second .ws {margin:0 5px} .oneBox ul li.thrid .ws {margin-left:10px} .oneBox .BoxIn .sub_txt {padding:0 5px; font-size: 13px;} /* 대사관 인증 ì‹ ì²­ */ .cerContentBox {margin:192px 0 0} .table_responsive {padding:0 15px 30px} .table_responsive table tbody tr td {padding:10px} .fixed_nation_menu ul li a {font-size:13px; padding: 9px 5px;} /* 인증 상담 */ .consult_Form {padding:20px} .consult_Form_Bot {margin:12px 0 0} .consult_Form_Bot > ul > li {margin:0 0 12px} .consult_Form_Bot ul li .Form_Area {width:100%; height:auto; line-height:30px} .consult_Form_Bot ul li .Form_Area.half {width:100%} .consult_Form_Bot ul li .Form_Area.Area {width:100%; border-radius:0} .consult_Form_Bot ul li .Form_Area.Top {border-radius:5px 5px 0 0} .consult_Form_Bot ul li .Form_name {margin:0 0 0 12px; position:static; font-weight: 500;} .mid_txt {display:block; margin:0; padding:5px 12px; background-color:#f0f3f6; text-align:left; font-size:14px; font-weight:500} .mid_txt.Bot {border-radius: 0 0 5px 5px; padding: 5px 12px 10px;} .Form_input {display:block; padding:0 12px} .consult_Form_Bot ul li .Form_inputIn {padding:0} .consult_Form_Bot ul li .Form_inputIn input[type="text"] {width:99%; vertical-align:middle; padding: 0; margin: 0 0 10px; text-indent: 5px;} .consult_Form_Bot ul li .Form_inputIn select {vertical-align:middle; padding: 0; width:100%; margin:5px 0} .consult_Form_Bot ul li .Form_inputIn.num select {vertical-align:middle; padding:0; margin:0 0 10px} .consult_Form_Bot ul li .Form_inputIn.pd0 select {width:100%; margin:5px 0} .consult_Form_Bot ul li .Form_inputIn.num span {vertical-align:top} .consult_Form_Bot ul li .Form_inputIn.num input[type="text"] {width:29%; margin:0 0 10px} .consult_Form_Bot ul li .Form_inputIn.dateBox input[type="text"] {background-color:white} .consult_Form_Bot ul li .Text_Area {padding:10px 0 0} .Form_textarea textarea {width:100%; margin:10px 0} .addressBox {padding:20px} .cart_table thead tr th {font-size:13px; padding:10px 0} .cart_table tbody tr td {padding:10px} .cart_doc_table th, .cart_doc_table td {font-size:13px; padding: 10px;} /* ê²°ì œ */ .payment_info_wrap {padding: 20px} .payment_info , .payment_info > div{display:block;} .payment_info > div{display:block; width:auto;} .payment_info > div:last-child{width:auto; padding: 0;} .payment_price_ab {position:static; margin:20px 0 0; width:100%} .refund_infoBox {padding:10px; margin: 20px 0 0;} .refund_infoBox .left {position:static; margin:0 0 20px} .refund_infoBox .right {padding:0} .refund_table thead tr th , .refund_table thead tr td , .refund_table tbody tr th , .refund_table tbody tr td {font-size:12px} /* 상품 상세 */ .product_introBox {margin:0 0 50px} .product_con_l {display:none} .product_con_r {padding:0} .product_video {height:400px} .user_review_con .content .review_reco {position:static} } @media all and (max-width:640px) { /* phones */ .contentLayout {margin:55px 0 0} /* 메인 페이지 */ .M_Bg_section {margin:55px 0 0; height:auto; padding:45px 0; background: url("../img/mob_main_bg.png") no-repeat center top;} .M_Bg_section .txtBox .txt01 {font-size:36px} .M_Bg_section .txtBox .txt02 {font-size:32px; margin: 0px 12px 35px} .M_Bg_section .transtxt br {display:block} .M_Bg_section .transtxt {font-size:16px; margin:0 auto; background-color:transparent} .M_Bg_section .transtxt .txt {display: inline-block; padding: 5px 8px; border-radius: 3px; background-color: #0e2332; background-color: rgba(0,0,0,0.75); line-height: 1.2;} .M_Bg_section .transtxt .italic {background-color: #0e2332; background-color: rgba(0,0,0,0.75); display: inline-block; margin: 2px 0 0; padding: 3px 8px 5px; border-radius: 3px; font-size: 18px;} .confirmBox {margin:0 12px; padding:20px} .confirm_Input {padding:0} .confirm_Input_left , .confirm_Input_right {width:100%; margin:0 0 20px} .confirm_btn {position:static; width:100%} .M_Slide_section {padding:0 0 30px} .nation_slide {padding:0 40px} .nation_slide .thumBox {display:inline-block; max-width:240px} .nation_slide .nation_link img {width: 100%; border: 0;} .nation_slide .nation_txt {left:0; right:0} .slick-prev {left:12px} .slick-next {right:12px} .M_s_txt {font-size:16px; margin:0 10px 20px} .M_Why_section , .M_FS_section {padding:30px 0} .M_Consult_section {padding:20px 0} .M_Why_section ul li {width:100%; margin:0 0 20px} .M_Why_section ul li:last-child {margin:0} .M_Board_section .area_name {position:static; margin:0 0 20px 12px;} .M_Board_section .area_list {padding:0 10px 0 12px;} .M_Board_section .right .area_list {padding:0 10px 0 22px;} .M_Board_section .left , .M_Board_section .right {width:100%; padding:30px 0} .M_Board_section .left:before {border-left:0} .M_Board_section .left:after , .M_Board_section .right:before {border-right:0} .M_Board_section .right:after {content: ""; position: absolute; top: 0; right: 0; left:0; border-top:1px solid #b1b6bd;} .M_Consult_section ul li {width:50%; margin:10px 0} .M_Consult_section .txt {font-size:14px} .M_Consult_section ul li:nth-child(odd) {width:40%} .M_Consult_section ul li:nth-child(even) {width:60%} .M_Consult_section ul li .con_btn {margin-left:12px !important; text-align:left} .M_Consult_section ul li .con_btn img {width:25px} /* EOD : 메인 페이지 */ /* 서브 페이지 시작 */ h2 {font-size: 24px; margin: 0 0 10px; line-height: 1.5;} .breadcrumb {position:static; margin:0 0 15px} .breadcrumb ul li{font-size:13px; padding-right:20px; margin-right:4px;} .breadcrumb ul li{background-size:13px auto !important;} .txt_default {font-size:13px} .section {padding:30px 12px} .site_list > ul > li {width:100%; margin: 0 0 12px;} .site_list > ul > li:first-child .siteBox , .site_list > ul > li:last-child .siteBox {margin:0 10px} .site_list > ul > li:last-child {margin-bottom:0} /* 서비스 소개 */ .reasonBox {padding:20px 12px} .reasonBox img {width:100%} .whyBox ul li {width:100%; margin:0 0 20px} .whyBox .imgBox img {max-width:100%} .whyBox ul li.first .ws , .whyBox ul li.second .ws , .whyBox ul li.thrid .ws {margin:0} .oneBox ul li {width:100%; margin:0 0 20px} .oneBox ul li.first .ws , .oneBox ul li.second .ws , .oneBox ul li.thrid .ws {margin:0} /* 대사관 인증 ì‹ ì²­ */ .fixed_nation_menu {display:none} .cerContentBox {margin:55px 0 0} .table_responsive {padding:0; margin:0 0 30px} .table_responsive table , .table_responsive table tbody , .table_responsive table tr {display:block} .table_responsive table thead , .table_responsive table thead tr th {display:block} .table_responsive table tbody tr td.left {float: left; width: 50%; padding: 0; display: block; min-height: 45px; line-height: 45px;} .table_responsive table tbody tr td.left span {margin-left:10px} .table_responsive table tbody tr td.right {float:left; width:50%; padding: 0; display: block; min-height: 45px; line-height: 45px;} .table_responsive table tbody tr td.right span {margin-right:10px} .table_responsive .nation_txt {display:block; font-size:12px; line-height:1.5; margin:5px 0 0} /* EOD : 대사관 인증 ì‹ ì²­ */ /* 상담하기 */ .agree_content {margin:12px 0 0} .consult_Form_Bot {margin:0} .consult_Form_Bot > ul > li {margin:0 0 12px} .consult_Form_Bot ul li .Form_Area {width:100%; height:auto; line-height:30px} .consult_Form_Bot ul li .Form_Area.half {width:100%} .consult_Form_Bot ul li .Form_Area.Area {width:100%; border-radius:0} .consult_Form_Bot ul li .Form_Area.Top {border-radius:5px 5px 0 0} .consult_Form_Bot ul li .Form_Area.date {width:100%; padding:0} .mid_txt {display:block; margin:0; padding:8px 12px; background-color:#f0f3f6; position:relative; text-align:left; font-size:14px; font-weight:500} .mid_txt.Bot {border-radius: 0; padding: 5px 12px 10px;} .mid_txt:after {display:none} .consult_Form_Bot ul li .Form_name {margin:0 0 0 12px; position:static; font-weight: 500;} .Form_input {display:block; padding:0 12px} .consult_Form_Bot ul li .Form_inputIn {padding:0} .consult_Form_Bot ul li .Form_inputIn input[type="text"] {width:99%; vertical-align:middle; padding: 0; margin: 0 0 10px; text-indent: 5px;} .consult_Form_Bot ul li .Form_inputIn select {vertical-align:middle; padding: 0; width:100%; margin:5px 0} .consult_Form_Bot ul li .Form_inputIn.num select {vertical-align:middle; padding:0; margin:10px 0} .consult_Form_Bot ul li .Form_inputIn.pd0 select {width:100%; margin:5px 0} .consult_Form_Bot ul li .Form_inputIn.num span {vertical-align:middle} .consult_Form_Bot ul li .Form_inputIn.num input[type="text"] {width:29%; margin:10px 0} .consult_Form_Bot ul li .Form_inputIn.dateBox input[type="text"] {background-color:white} .sub_consultBox {padding:20px 0 0} .sub_consultBox .sub_main_txt {margin:0 0 20px} .consult_imgBox {background: url("../img/consult_sub_img01.png") no-repeat 70%;} .consult_imgBox img {width:100%} .consult_Form_txt {font-size:18px; margin:20px 0; padding:0 12px} .consult_Form {padding:12px} .consult_Form_Bot ul li .Text_Area {padding:10px 0} .Form_textarea {margin:10px 0 0} .Form_textarea textarea {width:100%; margin:0} .addressBox {padding:0 12px 30px} /* EOD : 상담하기 */ /* 회원가입 및 로그인 */ .join_wrap {max-width: 90%; padding: 0; overflow: hidden;} .register_wrap{width:auto;} .register_wrap.type02 {margin:20px 12px} .register_table th, .register_table td{display:block; margin:0 0 5px} .register_table th {font-size:14px; font-weight:600;} .register_table th br{display:none;} .register_table td{padding:0;} .agree_section{padding-left:0; margin:0} .agree_wrap{display:block; margin: 20px 0 0;} .agree_wrap > div{display:block; width:auto; padding: 20px 10px;} .agree_wrap > div:first-child{padding-bottom:0;} .agree_wrap > div:first-child{width:auto;} .login_wrap {max-width:90%; padding:20px 0} /* EOD : 회원가입 및 로그인 */ /* 마이 페이지 및 회원정보 수정 */ .mypageTab ul li a {line-height:40px; font-size:15px} .orderBox {padding:0 10px} .orderType {margin:20px 0} .orderType ul {float:none} .orderType ul li {width:25%} .orderType ul li:last-child:after {border-right:0} .orderType ul li a {font-size:13px} .orderTop .left {float:none} .orderTop .left .day {font-size:12px} .orderTop .left > ul > li {float:none; width:100%; margin:5px 0; padding:0;} .orderTop .left .txt_gray {font-size:12px} .orderTop .left > ul > li:first-child:after {display:none} .orderTop .right {float:none; text-align:right; margin:5px 0} .orderInfo_T > ul > li {font-size:12px; line-height:1.5} .orderInfo_T , .orderInfo_B {padding:15px 10px} .orderInfo_B .left {float:none; margin:0 0 10px} .orderInfo_B .right {float:none} .orderInfo_B .right a {width:100%; height: 30px; line-height: 30px;} .orderInfo_B .inline_btn {display:none} .orderList > ul > li {margin: 0 0 10px;} .register_wrap .register_title {font-size:16px} .InfoBoxIn {padding: 10px; font-size:13px} /* EOD : 마이 페이지 및 회원정보 수정 */ /* 완료 */ .fileTxt li span {font-size:13px;} .fileInput {padding:0 74px 0 0} .uploadBox label {font-size:14px} .file_submit {font-size:14px} .tableT_txt {font-size:16px; margin:30px 0 15px} .mypage_modify {padding:0 10px 20px} .mypage_modify .main_txt {font-size:16px} .mypage_modify .sub_txt {margin:20px 0 10px; font-size:14px} .Hz_tableBox > ul > li {display:block} .Hz_tableBox .leftBox {display:block;vertical-align:middle;width: 100%;background-color:#f5f5f5;color:black;font-size:13px;font-weight:600;padding: 10px 0;text-indent:5px;} .Hz_tableBox .rightBox {display:block;width: 100%;padding: 10px 0;vertical-align:middle;text-indent: 10px; font-size:13px} .Hz_tableBox .rightBox ul li {position:relative;} .Hz_tableBox .rightBox span {display:inline-block; width:95%; overflow:hidden; text-overflow:ellipsis; text-indent:0} /* EOD : 완료 */ /* 장바구니 */ .cart_table{position:relative; margin-top:30px !important;} .cart_table table, .cart_table tr, .cart_table td {display: block;} .cart_table tbody td{min-height:31px; clear: both; margin-left: 0; padding: 10px 10px 10px 110px; position: relative; text-align: left; border-left:0; overflow:hidden;} .cart_table tbody td .quantity{text-align:right;} .cart_table tbody td.ta_right{text-align:right;} .cart_table tbody td:before {color: #333; font-size:14px; font-weight:500; content: ''; display: block; top: 50%; left: 10px; margin: -9px 0 0; position: absolute; text-align:left;} .cart_table tbody{display:block;} .cart_table tbody tr td {border-left:0; padding: 10px;} .cart_table tbody td:nth-child(2):before {content: '수량';} .cart_table tbody td:nth-child(3):before {content: '민원금액';} .cart_table tbody td:nth-child(4):before {content: '총 금액(부가세미포함)';} .cart_table tbody td:nth-child(5):before {content: '';} .cart_table tbody tr {position: relative;} .cart_table thead th{display: none;} .cart_table thead th .cart_check_box{left:0px; top:2px; right:-80px; text-align:left; } .cart_table thead th label{font-size:13px; padding-left:23px !important; line-height:20px !important; white-space:nowrap;} .cart_table table td:first-child{padding:15px 5px 10px} .cart_table table td:last-child{border-bottom:2px solid #000;} .cart_table table td .cart_check_box{left:0px; top:0px;} .cart_sum_wrap{float:none; width:auto;} .quantity_btn{float:right; margin-right:23px;} .cart_table_foot {padding:10px 10px 20px} .cart_table_foot .left {position:static; margin:0 0 15px} .cart_table_foot .right {float:left; text-align: left; width: 100%} .cart_table_foot .right .option {margin:0 20px 0 0} .cart_table_foot .right .price {display:block; margin:10px 0 0} .cart_table_foot .right ul li {margin:0 0 20px; font-size:14px} .cart_table_foot .right ul li:last-child {margin:20px 0 0;} .cart_table_foot .right ul li:last-child .option {margin:0} .cart_table_foot .right ul li:last-child .price {display:inline-block; float:right; margin:0; font-size:14px} /* EOD : 장바구니 */ /* ì‹ ì²­ì„œ 작성 */ .txt_api {font-size:12px; line-height:1.3} .cart_doc_name {font-size:16px;} .cart_doc_table {border-top:1px solid #b2b2b2} .cart_doc_table tr {position:relative; display: inline-block; width: 100%;} .cart_doc_table th, .cart_doc_table td{padding:15px; width:auto;} .cart_doc_table th {position:absolute; top:0; left:0; bottom:0; height:42px; border-bottom: 0; width:100px; padding: 10px; font-size: 12px;} .cart_doc_table th br {display:none} .cart_doc_table tr:first-child th, .cart_doc_table tr:first-child td {border-top:0} .cart_doc_table th:nth-child(3) {top:50%; bottom:0; border-top:0} .cart_doc_table th div {display: table; width: 100%; height: 100%;} .cart_doc_table th span {display: table-cell; vertical-align: middle;} .cart_doc_table td {padding-left:135px; height:32px; display:block; border-bottom:1px solid #b2b2b2; position:relative; overflow:hidden; z-index: 1;} .cart_doc_table tr.sig th {height:60px} .cart_doc_table tr.sig td {height:50px} .cart_doc_table tr:first-child td{border-top:0;} .cart_doc_table tbody td:before {color: #333; content: ''; display: block; left:0; position: absolute; text-align:left;} .cart_doc_table .textareaBox {padding:0} .cart_doc_table input, .cart_doc_table select {border-radius:0} .cart_doc_table div textarea {height: 30px; border-radius:0} /* EOD : ì‹ ì²­ì„œ 작성 */ /* ê²°ì œ */ .payment_row {margin: 0 0 20px;} .payment_info_wrap {padding:20px} .payment_info , .payment_info > div{display:block;} .payment_info > div{display:block; width:auto;} .payment_info > div:last-child{width:auto; padding: 0;} .payment_price_ab {position:static; margin:20px 0 0; width:100%} .refund_infoBox {padding:10px; margin: 20px 0 0;} .refund_infoBox .left {position:static; margin:0 0 20px} .refund_infoBox .right {padding:0} .refund_table thead tr th , .refund_table thead tr td , .refund_table tbody tr th , .refund_table tbody tr td {font-size:12px} .payment_select > div:first-child {margin-left:10px} .order_left {padding:0; width:100%; float:none} .order_right {position:static; width:100%; clear:both} .payment_list {width:100%} .payment_list li {margin-left:5px} .payment_list tr, .payment_list th, .payment_list td {display: block; width:100% !important;} .payment_list th, .payment_list td {padding:10px 0 !important} .payment_list th {text-align:center !important} .payment_list tbody {width:100%; display:inline-block} .payment_meno th {font-size:12px;} .payment_reco > div {margin:0 10px} .payment_reco p {margin:15px 10px 5px} .payment_meno {border-top:1px solid #b2b2b2} .event_span {font-size:14px;} /* 배송방법 */ .send_list th {border-top:1px solid #a0a0a0} .payment_meno th {border-top:0} .send_list th , .payment_meno th , .send_list td , .payment_meno td {display:block; width:100%; padding:10px 0} .pagination a {min-width:24px; height:24px; line-height:24px; margin:2px} /* 배송방법 안내사항 */ .visit_popup {width:auto; left:0; right:0} /* EOD : ê²°ì œ */ /* 상품상세 */ .product_row {margin:0 12px} .productBox {margin:0} .product_hd {padding:0; border-bottom: 1px dashed #929292; margin: 0 12px;} .product_hd p {font-size:14px; font-weight:500; color:black; line-height:1} .product_hd span {font-size:15px; color:#333;} .product_con {padding:20px 0 0; position:relative} .product_con_r {padding:0} .product_info {padding:0; text-align: justify; font-size: 12px; line-height: 20px;} .detail_ck {background-color: #e7e7e7; padding:10px; margin: 0 0 10px; overflow:hidden} .detail_ck .txt {font-size: 13px;color: #333333;margin: 25px 0 15px;display: inline-block;position: relative;font-weight: 500;line-height: 1.2;} .detail_ck .txt:after {content: ""; border-top: 1px dashed #bbb; position: absolute; top: -20px; left: -10px; right: -10px;} .detail_ck .txt:before {content: "";border-top: 1px dashed #bbb;position: absolute;bottom: -55px;left: -10px;right: -10px;} .product_option {margin:20px 0 0; border-bottom: 0;} .product_care {margin: 12px 0 0; position: relative; padding: 0; border: 0;} .care_btn {position:relative; background-color: #fcfcf8; border-top: 1px solid #cfcbcb; border-bottom: 1px solid #cfcbcb; padding: 10px 12px;} .care_btn img {vertical-align: middle;} .care_btn span {vertical-align: middle; margin: 0 0 0 5px;} .care_btn:after {content:""; position:absolute; top:50%; right:15px; width:20px; height:12px; margin:-6px 0 0; background:url("../img/icon_care_arrow.png") no-repeat; transition: 0.3s all ease;} .care_list {display:none; z-index: 1; padding: 15px 15px 10px 20px; position: absolute; top: 44px; left: 0; width: auto; background-color: #fcfcf8; border-bottom: 1px solid #cfcbcb;} .care_list ul li {margin:0 0 12px; position:relative; font-size:13px; color:#555} .care_list ul li:last-child {margin:0} .product_care.on .care_list {display:block} .product_care.on .care_btn:after {transform: rotate(180deg);} .product_tab {margin:20px 0 0;} .product_tab ul {overflow:hidden} .product_tab ul li:first-child a {border-left:1px solid #bebebe} .product_tab ul li a {display:block; border-top: 1px solid #b5b5b5; border-right: 1px solid #bebebe; border-bottom: 2px solid #007ac3; height:39px; line-height:39px; color:black; font-size:13px; font-weight: 400;} .product_tab ul li.on a {border:2px solid #007ac3; border-bottom:0; font-weight:600; color:#007ac3} .user_review {margin:0} .user_review_hd {overflow:hidden;margin: 20px 0;text-align: center;} .user_review_hd span {display:inline-block; font-size: 13px;color:black;} .user_review_hd span.score {margin:0 10px} .user_review_hd img {vertical-align:middle} .user_review_con {margin:0; border-top:1px solid black} .review_info {overflow:hidden; padding:15px 0; border-bottom:1px dashed #929292} .review_info .re_count {font-size:14px; color:#000000; font-weight:500; float:left} .review_info .re_count span {margin:0 0 0 4px; display:inline-block} .review_info .sort {float:right;} .review_info .sort ul li {float:left; border-left:1px solid #ababab; line-height: 14px;} .review_info .sort ul li:first-child {border-left:0} .review_info .sort ul li a {font-size:14px; color:black; font-weight:500; margin:0 10px} .review_info .sort ul li a.on {color:#ff4923} .review_info .sort ul li:last-child a {margin-right:0} .review_list {font-size:13px} .review_list > ul > li {border-bottom:1px solid #c8c8c8; padding:0 0 10px} .review_list .info {overflow:hidden; margin:15px 0 20px; line-height: 20px;} .review_list .info .left {float:left;} .review_list .info .left .txt {font-size:14px; color:black; font-weight:600; margin:0 0 0 8px; display:inline-block; vertical-align:middle} .review_list .info .left .type {background-color: #32b16c; color:white; font-size: 12px; text-align: center; display: inline-block; width: 65px; height: 20px; line-height: 20px;} .review_list .info .left .type.on {background-color:#cfa972;} .review_list .info .right {float:right} .review_list .info .day {color:#666; font-size:12px; margin: 0 0 0 8px;} .review_list .info.type02 {margin:10px 0 0} .review_list .info.type02 .right {margin:0 10px 0 0} .review_list .info.type02 .right img {transition:0.3s all ease;} .review_list .info.type02 .right.on img {transform:rotate(180deg)} .review_list .name {margin:0 0 15px; font-size:13px; color:#af7924; font-weight:500} .user_review_con .content {position:relative} .user_review_con .content > a {font-size:13px; display:block; line-height: 18px; width: 100%; height:20px; overflow: hidden; color:#666} .user_review_con .content > a.full {height:auto} .user_review_con .content .review_reco {overflow:hidden; line-height:24px; margin: 10px 0 0; position: static;} .user_review_con .content .review_reco a {float:right; width:50px; height:25px; line-height:25px; border-radius:15px; display:inline-block; border:1px solid #007dd8; text-align:center} .user_review_con .content .review_reco a span {font-size:12px; margin:0 0 0 3px} .user_review_con .content .review_reco a img {vertical-align:middle} .user_review_con .content .review_reco .txt {vertical-align:middle; color:#888; font-size:12px; display: inline-block; line-height:1;} .user_review_con .content > a .txtBox {width:auto; min-height:auto} .user_review_con .imgBox {margin:20px 0 0} .user_review_con .imgBox > ul {overflow:hidden} .user_review_con .imgBox > ul > li {float:left;} .user_review_con .imgBox > ul > li img {width: 100%;} .user_review_con .review {background-color:#f5f5f5; color:#333; font-size:13px; position:relative; padding:45px 10px 15px; margin:5px 0 0; line-height:18px;} .user_review_con .review:before {content: ""; position: absolute; top:20px; left:10px; font-size: 16px; font-weight:bold; color: #0072d6; line-height: 1;} .select_compl li.data_list {border:0px; overflow:hidden; margin:0 0 5px} .select_compl li.data_list.type02 {display:none} .select_compl li.data_list .data_label {width:30%; font-size:13px; float:left; font-weight:500; line-height:30px; color:black} .select_compl li.data_list .data_box {width:70%; float:right; line-height:30px; font-size:12px; text-align:right} .select_compl li.data_list .data_box .join_Route {float:right; margin: -5px 0 0;} .select_compl li.data_list .data_box select {width:100%; font-size: 13px; height: 30px; background-color: white; border: 1px solid rgb(169, 169, 169);} .select_compl li.data_list .data_box input[type="text"] {width:99%; font-size: 13px; height: 30px; background-color: white; border: 1px solid rgb(169, 169, 169); text-indent:5px} .select_compl li.data_list .data_box input[readonly="readonly"] {background-color:#f3f3f3} .select_compl li.data_list .data_box input[type="text"]:disabled {background-color:#e8e8e8} .select_compl li .admin_input , .parent_ag_det ul .admin_input {margin:5px 0; width: 100%; font-size: 13px; height: 30px; background-color: white; border: 1px solid #aaaaaa; text-indent: 5px;} .select_compl li.data_list .txt_gray {color: #666;} .select_compl li.data_list .notice {color: #ff3600; font-size: 12px; text-align: center; margin:0 0 10px} .detbtn {display:inline-block; width:49%; margin:0 1% 0 0; text-align:center; padding:8px 0; float:left; font-size:14px;} .detbtn.type02 {margin:0 0 0 1%;} .btn_white {background-color:#fff; color:#666666; border:solid 1px #666666;} .btn_black {background-color:#000000; color:#fff; border:solid 1px #000000;} .movieList {margin:30px 0 0} .movieList .name {color:#007ac3; font-size:14px; margin: 0 0 10px; overflow:hidden; height:31px; display:block;} .movieList ul {padding:0; margin:0; overflow:hidden} .movieList ul li {padding:20px 0;list-style:none;display:inline-block;width:100%;border-top:1px solid #b5b5b5;} .movieList ul li:last-child {padding-bottom:0} .movieList ul li > a {display:block} .movieList_L {position: absolute;top: 0;left: 0;} .movieList_L a {width: 84px;height: 48px;display:block;overflow:hidden;position:relative;} .movieList_L a:after {display: block; content: ""; position: absolute; top:29px; left: 50%; width: 36px; height: 26px; margin: 0 0 0 -18px; background: url("../img/mini_youtube_play.png") no-repeat;} .movieList_L img {width: 84px; height: 48px; display:block; overflow: hidden; position:relative; box-sizing: content-box;} .movieList_R {line-height:1;padding: 0 0 0 95px;} .movieList_R .content {color:#333; font-size:13px; line-height:1.2; height:45px; margin:0; overflow:hidden} .movieList .day {color:#8e8e8e; font-size:12px; text-align: right; margin: 10px 0 0;} .movieList.type02 {margin:20px 0 0; padding:20px 0 0; border-bottom:1px solid #929292; border-top:1px solid #929292;} .movieList.type02 ul li {border-top:1px dashed #929292} .movieList.type02 ul li:last-child {padding-bottom:20px} .movieList.type02 .movieList_R {width:auto} .movieList ul li:first-child {border-top:0; padding-top:0} .no_data {height:150px} .no_dataIn .txt {font-size:14px; margin:10px} .moviecon {min-height:48px} /* EOD : 상품상세 */ /* 추가서비스 팝업 */ .popup {left:5%; width:90%; top: 20px; margin:0;} .popup_hd {padding:10px} .popup_hd .left {font-size:16px} .popup_hd .right a img {width:15px} .popup_con {padding:10px} .popup_list {border-top:0; margin: 10px 0 0;} .popup_conIn .txt {font-size:13px; line-height: 1.5} .popup_conIn .txt br {display:none} .popup_conIn .small_txt {font-size:12px; line-height: 1.2;} .p_add_table tbody tr td {float:left; width:100%; display:block; padding:4px 0; border-top:0} .p_add_table tbody tr td:nth-child(1) {border-top:1px solid #959595} .p_add_table tbody tr td:nth-child(2) {width:100%} .p_add_table tbody select {width:100%; height:25px; font-size:12px; padding: 0 5px;} .p_add_table tbody tr td:nth-child(3) {width:70%; text-align:left !important; min-height: 20px; line-height:18px;} .p_add_table tbody tr td:nth-child(4) {width:30%; text-align:right} .popup .buttonBox button {width:100%; margin:3px 0; padding:8px 0; font-size: 14px;} /* EOD : 추가서비스 팝업 */ /* 인증하기 */ .cel_contact_head {padding:10px 0; font-size:14px; line-height:1.4} .cel_contact_headIn {padding:0 10px} .cel_contact {margin:0 0 20px} .cel_contact_conIn ul {padding:10px 5%} .cel_contact_conIn ul li {width:100%; margin:5px 0} .cel_contact_conIn ul li span {font-size:14px} /* EOD : 인증하기 */ /* 민원 처리 방법 */ .emerBox {display:none} .Emer_headerIn {padding:30px 90px 30px 15px;} .Emer_headerIn .main_txt {font-size:24px} .Emer_headerIn .sub_txt {font-size:13px; line-height:1} .Emer_close {right: 20px; width: 21px;} .Emer_con {padding:12px; display:block; border:1px solid #555f64;} .Emer_con .txt_default {font-size:13px; font-weight:600; margin:5px 0; line-height: 1.5; color: black;} .Emer_con button {width:100%; color:white; font-size:13px; padding:12px 0; line-height:1.4; margin: 5px 0; border: 0;} .Emer_con button ul li {float:left; width:50%; position:relative;} .Emer_con button ul li:first-child:after {content:""; position:absolute; top:0; bottom:0; right:0; border-right:1px solid white} .bu_gray {background-color:#7a7a7a;} .bu_red {background-color:#c10000;} .bu_purple {background-color:#cb19ba;} .Emer_footer {padding:5px 3%} .Emer_footer .Emer_footer_left , .Emer_footer .Emer_footer_right {font-size:12px} /* EOD : 민원 처리 방법 */ } /* 마케팅 수신동의 항목 추가 2021-02-17 */ .agree_new label strong, .agree_new .absmiddle { display:inline-block; vertical-align:middle; } .agree_new { box-sizing:border-box; width:100%; margin:0; padding:15px 0; border:1px solid #ccc; text-align:left; } .agree_new dt, .agree_new dd { padding-left:20px; padding-right:20px; } .agree_new dt { margin-bottom:5px; font-weight:normal; } .agree_new dt:not(:first-of-type) { margin-top:15px; padding-top:15px; border-top:1px solid #ccc; } .agree_new dd { line-height:1.5; } .agree_new dd .cbox { display:inline-block; } .agree_new label { display:inline-block; line-height:1; letter-spacing:-1px; font-size:12px; font-weight:normal; } /* .agree_new label input[type="checkbox"] { position:relative; width:15px; height:15px; margin:0 5px 0 0; vertical-align:middle; cursor:pointer; } */ .agree_new label strong { font-size:14px; font-weight:bold; } .agree_txt { box-sizing:border-box; width:100%; margin:15px 0 -15px; border-top:1px solid #ccc; height: 180px; background-color: rgb(250, 250, 250); overflow-y:scroll; padding:15px; font-size: 0.9em; } .sns_agree_box { display:inline-block; margin-left:10px; } .sns_agree_box:before { content:'('; margin-right:5px; } .sns_agree_box:after { content:')'; margin-left:5px; } .sns_agree_box label:first-of-type { margin-right:10px; } .sns_agree_info { line-height:1.5; font-size:12px; } /* 약관 전체보기 이미지 버튼 */ .agree_new button.absmiddle { box-sizing:border-box; display:inline-block; line-height:14px; margin:0 23px 0 2px; font-size:10px; border:1px solid #ccc; padding:0 3px; vertical-align:middle; cursor:pointer; } /* 체크박스 스타일링 */ .agree_new input[type="checkbox"]:not(old) {width:0; height:0; margin:0; padding:0; opacity:0;} .agree_new input[type="checkbox"]:not(old) + span, .agree_new input[type="checkbox"]:not(old) + label {line-height: 15px; cursor:pointer; display:inline-block; background:url('../img/chkBox.png') no-repeat left center; padding: 0 0 0 20px; font-size: 12px; color:black; font-weight:500} .agree_new input[type="checkbox"]:not(old):checked + span, .agree_new input[type="checkbox"]:not(old):checked + label {background:url('../img/chkBox_on.png') no-repeat left center; } @media screen and ( max-width:374px ) { .agree_new dt, .agree_new dd { padding-left:10px; padding-right:10px; } .sns_agree_box { margin-top:5px; } .sns_agree_box:before, .sns_agree_box:after { content:none; } }