/* Mobile Device - 768px 미만 */ .pc_view {display:inline-block} .m_view {display:none} .pc {display:none} .mobile {display:inline-block} div.col-lg-3 { position: relative; width: 33.333333%; float:left; height:auto; overflow:hidden } /* 프로필 항목 가림 */ #sel_grdt_st_typ1, #sel_grdt_st_typ2 { display:none} .center { text-align:center} /** 사이트 전화번호 가림 **/ .icon_my06 {background:url('/images/icon_my06.png') 0 0 no-repeat; padding-left:25px; margin-bottom:5px; display:none} /* 마이페이지 고객센터 */ .mng_tel { display:none} /* 쪽지 */ /* header */ div.headerwrap {position:relative;width:100%;margin:0 auto;padding:10px 0 4px 0;color:#fff;background:#ab0082; /*background-image:linear-gradient(180deg,#ef86b5 1%,#e75b9a 5%,#dd436f 40%,#d53c5d 80% ); border-bottom:1px solid #611330;*/ } div.header {position:relative;width:100%;max-width:1080px;margin:0 auto;padding:0} div.header > div.mntop {position:relative;width:100%;margin:0;padding-top:5px;height:50px} div.header > div.mntop > div.left-btn {float:left;display:table-cell;width:10%;text-indent:-9999em;padding:4px 0 0 15px} div.header > div.mntop > div.left-btn > span {display:inline} div.header > div.mntop > div.left-btn > span > a {display:block;width:23px;height:32px;background:url('/images/btn-nav-off2.png') no-repeat left top;background-size:contain !important} div.header > div.mntop > div.left-btn > ul.lang {display:none} div.header > div.mntop > div.center-title {float:left;display:table-cell;text-align:center;width:80%;border:0px solid #fff} div.header > div.mntop > div.center-title {display:inline-block;text-align:center;/*background:#fff;*/font-size:1.5em;line-height:1em;color:#fff}/*타이틀*/ div.header > div.mntop > div.center-title a {display:inline-block;width:150px;height:34px;background:url('/images/couplenet-logo-white.png') no-repeat left top;background-size:contain} div.header > div.mntop > div.center-title > span {display:none} div.header > div.mntop > div.right-btn {float:right;display:table-cell;text-indent:-9999em;width:10%;padding:4px 10px 0 0 } div.header > div.mntop > div.right-btn > ul {float:right;margin:0;padding:0;width:auto; } div.header > div.mntop > div.right-btn > ul li {float:left;display:table-cell;padding:0 5px 0 0;margin:0; height:auto;overflow:hidden;} div.header > div.mntop > div.right-btn > ul li.home > a {display:block;width:26px;height:36px;background:url('/images/btn-home2.png') no-repeat left top;background-size:contain !important;} div.header > div.mntop > div.right-btn > ul li.login > a {display:none;width:26px;height:36px;background:url('/images/btn-login.png') no-repeat left top;background-size:contain !important} div.header > div.mntop > div.right-btn > ul li.logout > a {display:block;width:23px;height:32px;background:url('/images/btn-logout2.png') no-repeat left top;background-size:contain !important} div.header > div.mntop > div.right-btn > ul li.join {display:none} div.header > div.mntop > div.right-btn > ul li.logout span {display:none} div.header > div.header-main {display:none} /* pc메뉴바 */ /** 앱에서만 사용(푸시) **/ .app_push {float:right; display:inline-block; margin-top:11px; margin-right:30px; position:absolute; top:0; right:34px; background:url('/app/img/ico_list_app2.png') no-repeat; width:24px; height:24px} /* header - left - 모바일 */ div.nav-left {float:left;width:90%;height:auto;overflow:hidden;background:#FFF} div.nav-left-topbg { background: #ac0082; padding: 8px 20px} div.nav-left-topbg .logo img {width: 110px} div.nav-left-topbg .fr { padding-top: 6px; text-align: right; display: inline-table} div.nav-left > div.nav-left-lang { padding:0;background:#eee;} /* 언어구분 */ div.nav-left > div.nav-left-lang > ul {width:100%;margin:0 auto;padding:0;text-align:center;color:#000;overflow:hidden;} div.nav-left > div.nav-left-lang > ul li {float:left;display:table-cell;width:33.333%; height: 55px; font-size:1em; letter-spacing:0; padding:15px 0; cursor: pointer; letter-spacing: -0.06em; border-right: 1px solid #bbb;border-bottom: 1px solid #bbb;text-align: center} div.nav-left > div.nav-left-lang > ul li:nth-child(4), div.nav-left > div.nav-left-lang > ul li:nth-child(5) { width: 50%} div.nav-left > div.nav-left-lang > ul li:nth-child(3), div.nav-left > div.nav-left-lang > ul li:last-child { border-right: none} div.nav-left > div.nav-left-lang > ul li.on { color: #ac0082; font-weight: bold} div.nav-left > div.nav-left-lang > ul li a {color: #eee;} div.nav-left > div.nav-left-lang > ul li a:hover {color:white} div.nav-left > div.nav-left-infobox {width:100%;padding:10px 15px;background:#ac0082; border-top:1px solid #cd66b4} div.nav-left > div.nav-left-infobox.login { background: #fff;border-bottom:1px solid #cd66b4} div.nav-left > div.nav-left-infobox > ul.nosession {width:100%;text-align:center;margin:20px auto 10px auto;overflow:hidden} div.nav-left > div.nav-left-infobox > ul.nosession li {float:left;display:table-cell;width:46%; padding:8px 6px; margin:2%; font-size:1.2em;font-weight:bold;text-transform:uppercase; border-radius: 204px; background: #fff} div.nav-left > div.nav-left-infobox > ul.nosession li.join {/*background:url('/images/icon-join.png') center top no-repeat;background-size:10%*/} div.nav-left > div.nav-left-infobox > ul.nosession li.login {/*background:url('/images/icon-login.png') center top no-repeat;background-size:30%*/} div.nav-left > div.nav-left-infobox > ul.nosession li.login a { color:#ac0082 } div.nav-left > div.nav-left-infobox > h1 {font-size:1em;line-height:2.5em} div.nav-left > div.nav-left-infobox > h1 span {display:inline-block} div.nav-left > div.nav-left-infobox > h1 span.userid {color:#fff} div.nav-left > div.nav-left-infobox > h1 a {color:#fff} div.nav-left > div.nav-left-infobox > h1 img {vertical-align:middle} div.nav-left > div.nav-left-infobox > dl {width:100%;padding:0;text-align:left;overflow:hidden} div.nav-left > div.nav-left-infobox > dl > dt {float:left; width: 25%} div.nav-left > div.nav-left-infobox > dl > dt #disp_myPhoto {display: inline-block;width: 76px; height:76px; border-radius: 70%; overflow: hidden; vertical-align: middle; margin-top: 35%} div.nav-left > div.nav-left-infobox > dl > dt img {width:100%;height:auto; object-fit: cover;} div.nav-left > div.nav-left-infobox > dl > dd {float:right;width: 74%; padding:0 0 0 10px} div.nav-left > div.nav-left-infobox > ul.session {width:100%;margin-top:25px;overflow:hidden} div.nav-left > div.nav-left-infobox > ul.session li {width:33.333%;padding:3px 0; float: left; text-align: center; line-height: 1em;} div.nav-left > div.nav-left-infobox > ul.session li:lang(jp) { font-size: .9em} div.nav-left > div.nav-left-infobox > ul.session li p.my {text-align: center; height: 40px} div.nav-left > div.nav-left-infobox > ul.session li p.my.memo {background:url('/images/icon-my-memo.png') center top no-repeat} div.nav-left > div.nav-left-infobox > ul.session li p.my.pt {background:url('/images/icon-my-pt.png') center top no-repeat} div.nav-left > div.nav-left-infobox > ul.session li p.my.pay {background:url('/images/icon-my-pay.png') center top no-repeat} #m_memo_cnt {color:#ac0082; font-weight: bold; padding-left:4px} div.nav-left > div.nav-left-infobox .navconfig {width: 100%; padding: 6px 0; border-bottom: 1px solid #d0c5cd} div.nav-left > div.nav-left-infobox .navconfig .navconfig_txt { display: inline-block; width: 120px} div.nav-left > div.nav-left-infobox .navconfig .navconfig_txt:lang(en) {width: 130px} div.nav-left > div.nav-left-infobox span.on {font-size:.75em;width: 30px; display: inline-block; padding:2px 5px;text-align:center;background-color:red;color:#fff;border-radius:6px;} div.nav-left > div.nav-left-infobox span.off {font-size:.75em;width: 30px; display: inline-block; padding:2px 5px ;text-align:center;background-color:#AAA;color:#fff;border-radius:6px;} div.nav-left > div.nav-left-infobox img.profileconfig {width:25px;height:25px;vertical-align:middle;margin-left:5px} div.nav-left > div.nav-left-infobox > dl > dd a {color:white} div.nav-left > div.nav-left-infobox > dl > dd a:hover {color:white} div.nav-left > div.nav-left-lang span.fr {display:inline-block; padding-right:10px; padding-bottom: 10px} div.nav-left > div.nav-left-infobox .userid { padding-bottom: 10px} div.nav-left > div.nav-left-infobox #dev_m_userid {color:#ac0082; font-size:1.1em; font-weight: bold} div.nav-left:lang(en) > div.nav-left-infobox { padding:10px} div.nav-left > div.nav-left-infobox > dl { margin-top:8px} div.nav-left > div.nav-left-infobox > dl > dd > ul.session { margin-top:0} div.nav-left:lang(en) > div.nav-left-infobox > dl > dt {width:25%; padding-top: 5px} div.nav-left:lang(en) > div.nav-left-infobox > dl > dd { width:75%; letter-spacing:-0.5px;} div.nav-left:lang(en) > div.nav-left-infobox > dl > dd > ul.session li:nth-child(2) { line-height:12pt} div.nav-left > ul {margin:0;padding:10px 0;overflow:hidden} div.nav-left > ul > li {width:90%;height:60px; margin: 0 auto; vertical-align:bottom;border-top:1px solid #bbb;font-size:1.15em;cursor:pointer;list-style-type:none;text-transform:uppercase;} div.nav-left > ul > li:first-child { border-top: none } div.nav-left > ul > li a {display:inline-block;width:100%;height:52px;color:#000; padding: 10px 0 0 25px} div.nav-left > ul > li a:link, div.nav-left > ul > li a:visited {color:#000;text-decoration:none} div.nav-left > ul > li a:hover {opacity:.8} div.nav-left > ul > li a span.txt {margin-left:20px; display:inline-block; padding-top:5px; font-weight: bold} div.nav-left > ul > li span.nav {display: inline-block; width: 30px; height: 30px; vertical-align: top} div.nav-left > ul > li span.nav img {width: 100%} div.nav-left > ul > li span.nav.ss {background:url('/images/icon-nav-ss.png') 0 0 no-repeat;} div.nav-left > ul > li span.nav.me {background:url('/images/icon-nav-me.png') 0 0 no-repeat;} div.nav-left > ul > li span.nav.mm {background:url('/images/icon-nav-mm.png') 0 0 no-repeat;} div.nav-left > ul > li span.nav.mp {background:url('/images/icon-nav-mp.png') 0 0 no-repeat;} div.nav-left > ul > li span.nav.pe {background:url('/images/icon-nav-pe.png') 0 0 no-repeat;} div.nav-left > ul > li span.nav.ug {background:url('/images/icon-nav-ug.png') 0 0 no-repeat;} div.nav-left > ul > li.open a {background:url('/images/ico-open.png') 20px no-repeat;background-size:50px} div.nav-left > ul > li.newphoto a {background:url('/images/ico-newphoto.png') 20px no-repeat;background-size:50px} div.nav-left > ul > li.singles a {} div.nav-left > ul > li.events, div.nav-left > ul > li.bbs, div.nav-left > ul > li.info {} div.nav-left > ul > li.events{background:url('/images/ico-events.png') 20px no-repeat;background-size:50px} div.nav-left > ul > li.bbs a {background:url('/images/ico-bbs.png') 20px no-repeat;background-size:50px} div.nav-left > ul > li.info a {background:url('/images/ico-info.png') 20px no-repeat;background-size:50px} div.nav-left > ul > li.mymatching {background:url('/images/ico-mymatching.png') 20px no-repeat;background-size:50px} div.nav-left > ul > li.profile {background:url('/images/ico-profile.png') 20px no-repeat;background-size:50px} div.nav-left > ul > li.join {background:url('/images/ico-join.png') 20px no-repeat;background-size:50px} div.nav-left > ul > li .nav_small { display: inline-block;font-weight:normal; font-size:15px} /* 오른쪽 붙박이 배너 */ .right-bnn {position:absolute;display:inline-block;bottom:0;width:300px;left:50%;padding:0;z-index:33;margin-left:360px; text-align:left} .right-bnn li{ list-style:none; margin-bottom:1px;color:#fff; padding:10px; text-align:center} .right-bnn li a {color:#fff} .right-bnn li p {padding-top:3px} .right-bnn li:hover {background:#000;} .right-bnn li:nth-child(1):hover, .right-bnn li:nth-child(2):hover {background:#3a3a3a;} .right-bnn.en { width:140px;top:300px; border-top:2px solid #a9218e} .right-bnn.en li{ padding:0;margin-top:1px} .right-bnn.en li.txt { padding:8px; background:#000; } .right-bnn.en li:hover { background:#000;opacity:0.7} .right-bnn.en li img {vertical-align:middle} .mid-bnn{display:none} /* main */ div.containerwrap {position:relative;width:100%;margin:0;padding:30px 20px;overflow:hidden} .eventlist-contents.nopadding div.containerwrap.nopadding { padding:0} div.top_graybg {width:100%;margin:0;padding:20px 0; background:#ebe0d7; height:auto; overflow:hidden} div.top_graybg.gray { background:#f5f5f5;padding:20px 0; background-image:linear-gradient(90deg,#eae6e6 10%,#ebd6e3 40%,#d2c4e5 70%,#eae6e6); background-repeat: no-repeat; background-position:top right; } div.top_profile { background:#f5f5f5;padding:0; background-image:linear-gradient(90deg,#6d428a 10%,#d2c4e5 70%,#bc61b5); background-repeat: no-repeat; background-position:top right; } div.top_graybg.event {padding:0; margin-bottom:15px} div.eventbg {overflow:hidden; padding:0 0 20px 0;} div.top_graybg h1 { text-align:center; font-size:2em; padding:10px 0} div.container {position:relative;width:98%;max-width:1080px;margin:0 auto; height:auto; overflow:hidden} div.container.self {text-align: center; font-size: .75em} div.containerwrap > div.container {position:relative;width:96%;margin:0 auto; margin-bottom: 30px} div.containerwrap-layer {position:relative;width:100%;margin:0;padding:0;overflow:hidden} div.containerwrap-layer > div.container {position:relative;width:100%;margin:0 auto;padding:0;overflow:hidden} /* breadcrumb 위치*/ .container.breadcrumb { text-align:right; padding-top:10px; color:#777777} .container.breadcrumb a, .breadcrumb a { color:#777777} .breadcrumb { padding-bottom:8px;text-align:right;color:#777777} /** main 추가 **/ .floatleft{float:left;width:50%;} .floatright{float:right;width:50%;} .line_wide { border-bottom:none} .box_topline_pink { border-top:2px solid #ad1380; padding-top:20px; margin-top:20px} .box_border.pd20 { padding:20px 0 !important} .pd20 .box_border.pd20 { padding:20px !important} .box_border .floatleft.left2grid { width:68%} .box_border .floatleft.left1grid { width:32%} .box_border .floatleft.left3 .m_show {display:none} .box_border .floatleft h3.fs1313em.center {font-weight:600; padding-bottom:15px } .box_border .floatleft.left1 {width:25%; float:left; padding:0 20px} .box_border .floatleft.left2 {width:43%; float:left; padding:0 20px} .box_border .floatleft.left3 { width:32%; float:left; border-left:1px solid #ddd;padding:0 20px} .box_border .floatleft.left1:lang(en), .box_border .floatleft.left2:lang(en), .box_border .floatleft.left1:lang(zh), .box_border .floatleft.left2:lang(zh) {width:50%} .box_border .floatleft.left3:lang(en), .box_border .floatleft.left3:lang(zh) {display:none} .floatleft.mr10:lang(en) {width:53%;} .floatright.ml10:lang(en) {width:44%} .main_topbg { background: #fff; /** background-image: url('/images/main_patternbg.png'),linear-gradient(90deg,#be66a9 0,#9f8ab9 50%,#7ab5cc); **/ background-image: linear-gradient(90deg,#be66a9 0,#9f8ab9 50%,#7ab5cc); background-repeat: repeat-x,no-repeat; background-position:bottom center; background-size: 2300px,100%; color: #fff; padding: 2rem 0 ; } h1.maintit { font-size:2.5em; line-height:1.6em; letter-spacing:-2px;color:#fffb89} h2.mainsubtit { font-size:1.8em; font-weight:normal; margin-bottom:30px} h2.mainsubtit.en{font-size:1.4em; letter-spacing:-1px} div.main_ban { height:auto; overflow:hidden; padding:20px 0;margin-top:10px; clear:both; background:#f1f1f1 url('/images/main_bgban.png') top right no-repeat} div.main_ban h1.maintit { font-size:1.8em; line-height:1.6em; letter-spacing:-2px;color:#000} div.main_ban h2.mainsubtit { font-size:1.1em; font-weight:normal; margin-bottom:20px} button.meduim { border-radius:10px; padding:6px 15px; font-size:1.1em} .main_charator_area { clear:both;margin:0 auto; height:auto; overflow:hidden;padding:80px 0 40px 0; background-image:linear-gradient(60deg,#FFF 10%,#FFF 100%); background-repeat: no-repeat;background-size:1200px 300px, calc(0% - 4px) 100%;background-position:top center; } .main_charator_area:lang(ko){margin-top:-30px;} .main_charator_area li {list-style:none; float:left; text-align:center; width:25%; color:#333; font-size:1.2em;} .main_charator_area li:lang(en) { letter-spacing:-1px} .main_charator_area li img {margin-bottom:20px} .main_charator_area li p { padding-left:10px; padding-right:10px} .main_charator_area li p:lang(zh) {padding-left:15px; padding-right:15px} body:not(.device-touch) .rounded-skill { -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .main_tit {color:#FFF; line-height:1.4em; text-align:center; font-size:2.7em; margin-bottom:15px; font-weight:bold} .main_tit_small {font-size:1.6em; text-align:center; font-weight:normal; margin-bottom:20px} .main_tit_small:lang(en) { font-size:1.3em} .guide_top { background-color:#f5e8f1; background-image:url('/images/guide_topicon.png'); background-position:right bottom; background-repeat:no-repeat; background-size: contain; padding:30px 200px 30px 45px; margin-bottom:30px} .guide_top .qt { color:#241dab;font-weight:600; margin-bottom:15px; border-bottom:1px solid #241dab; display:inline-block;font-size:1.5em; line-height:1.2em} .guide_top .at {clear:both;font-size:1.3em;} .guide_top:lang(zh) .at {font-size:1.15em;} .guide_top .at p{ color:#241dab;} .signup_top {background-color:#f5e8f1;padding:30px 30px 30px 50px;margin-bottom:30px;font-size:1.4em;background-image:url('/kr/images/signup_topicon.png'); background-position:top 20px right 30px; background-repeat:no-repeat; background-size:240px;} .signup_top strong { display: inline-block; margin-bottom:10px; font-weight:600} .signup_top p {color:#ab0082;} .step_bg { display:block; color:#ab0082;} .main_process_area {height:auto; overflow:hidden; padding:30px 0; margin:0 auto } .rounded-skill { border-radius:50%;width: 180px; height: 220px; opacity: 1; display: inline-block; margin:0;position: relative; text-align: center; font-size: 22px; font-weight: bold; color: #333; } .tit_process_area { margin:-230px 40px 40px 5px; text-align:center; border-radius:50%; background:#FFF; width:220px; height:220px } .tit_process_area div:lang(en) {margin:0 0 0 15px; width:85%} .tit_process {position:relative; color:#000; margin-top:20px; font-size:1.6em; font-weight:bold; line-height:1.3em; } .tit_process:lang(en) { font-size:1.4em; margin-top:30px;line-height:1.1em; } p.txt_process {position:relative; font-size:1.3em;font-weight:bold; color:#ab0081} p.txt_process:lang(en) {font-size:1.2em;} p.line {position:relative; width:50px; border-bottom:1px solid #000; text-align:center; margin:10px auto} .padding15 { padding-top:20px} .padding30 { padding-top:30px} .padding60 { padding-top:60px} .paddingall { padding:40px 0; margin-bottom:50px} .paddingbottom15{padding-bottom:20px; height:auto; overflow:hidden} .boxgray {width:100%; height:260px; background:#f4f4f4; padding:20px; border-radius:8px; overflow:hidden} .boxgray div:lang(jp) { font-size:1.03em} .boxline_gray {width:100%; border:3px solid #ddd; padding:25px 20px; border-radius:8px; overflow:hidden} .tit { float:left; width:22%; text-align:center} .tit h2 { text-align:center} .item_price { float:left; border-left:1px solid #868485; width:76%; padding-left:12px} .floatleft.grid2 {width:66%} .floatleft.grid2 .left1 {width:33%} .floatleft.grid2 .left2 {width:63%} .floatright.grid1 {width:33%} .ser_bg {border-radius:20px; border:1px solid #a80184; padding:5px 30px; text-align:center; color:#a80184; font-weight:bold; font-size:1.1em; display:inline-block; clear:both; margin-bottom:10px;line-height:1.1em;} h3.fs1313em.center { padding-bottom:15px} br.m_view { display:none} /** 메인 탑 **/ .mainimg {padding:20px 0; text-align: center;background-image: linear-gradient(180deg, #FFF 10%, #ebd9e7 100%, #ebd9e7); background-repeat: no-repeat; background-position: top right;} /* swiper 슬라이드 */ .swiper {width: 550px;height: 350px;} .swiper-slide img {display: block;width: 100%;height: 100%;} .swiper-slide {width: 265px !important; height: 306px !important} .swiper-slide:nth-child(1n) {} .swiper-slide:nth-child(2n) {} .swiper-slide:nth-child(3n) {} .swiper-pagination-bullet { background: #000; opacity: 0.8; width: 14px !important; height: 14px !important } .swiper-pagination-bullet-active { width: 40px !important; border-radius: 10px !important; background:#a967a3 !important } .event_box { clear:both; overflow:hidden; width:90%; margin:0 auto; background:url('/images/mainevent_date.jpg') top right no-repeat; background-size:40% 100%;background-color:#fff;} .event_box img {border:0; vertical-align:middle} .event_box .fl{ padding:20px 30px; width:60%; text-align:center} .event_box .fr { padding:0; margin:0; width:40%;} /* 메인 이성친구 저장 폼 */ .save_form dl { clear:both; border-bottom:1px solid #ddd; padding:10px 0; height:auto; overflow:hidden} .save_form dt {float:left; color:#000; font-weight:bold; width:22%; text-align:center;font-size: 1.2em;} .save_form dd {float:left; width:75%;} .save_form dd p { line-height:140%} .save_form label { font-size:1.05em} .save_form input[type="text"], .save_form select { height:32px; padding:6px} .save_form img {vertical-align:middle} .save_form input[type="text"] { width:170px } .save_form input.wh80 { width: 120px !important; margin-right: 3px;} .save_form p.main_save {background: #bb5ea9; text-align: center; color: #FFF; width: 35%; padding:0; border-radius:6px; margin: 10px auto;} .save_form p.main_save button {font-size:1.2em;background: #bb5ea9;width:100%} .save_form p.main_save:lang(en) {width:40%; } .save_form p.main_save a {color: #FFF;} #self_valuestype_area p {padding-bottom:10px; height: auto; overflow: hidden; clear: both} /* 메인 이벤트 **/ .topban { text-align:center; display:block; width:100%; margin:0 auto} .event_area { clear:both; overflow:hidden;padding:30px 0 ;} .event_area.line {border-top: 1px solid #ddd} .event_area.global { text-align: center;} .event_area.global:lang(ko) { display: none} .event_area.global.pc { display: block} .event_area.global img {width: 1000px} .event_area.bg { background:#e8e7ed; padding: 35px 0} .event_area.bg2 { background:#f3f3f3; padding-bottom: 0} .mainimg .container {padding-top: 20px} .mainimg .fl.cp_cnt {width: 45%} .mainimg .fl.cp_cnt img {width: 100%} #cp_div {padding-top: 20px} .totalsum_txt { padding-left: 10px; display: inline-block; font-weight: bold; color: #000; font-size: 1.2em;width: 100%; text-align: left} .totalsum_txt .fl, .totalsum_txt .fr { text-align: left; width: 55%} .totalsum_txt .fr {width: 45%} .totalsum_txt span.small { color: #5E5E5E; font-weight: normal;font-size: .8em; display: inline-block; } .totalsum_txt span.num{ color: #ab0082; font-size: 2em; line-height: 1em; letter-spacing: -0.06em} .totalsum_txt .total {font-size: 1.05em; padding-top: 10px} .mainimg .fr.guide {width: 50%; padding-top: 30px} .mainimg .fr.guide h2.maintt {text-align:center;} .mainimg .info li {list-style: none; width: 49%; float: left;border-radius: 60px; height:95px; overflow: hidden;background:#c490c0; color: #fff; text-align: center; font-weight:500;margin-right:1%; padding-top:10px; margin-bottom: 10px} .mainimg .info li p {font-size:1.7em; } .mainimg .info li span.fee_txt { display: block} .mainimg .info li span.fee_txt, .mainimg .info li span.fee_txt strong { font-size: 1.2em !important; color: #222} .mainimg .info li span.fee_txt:lang(zh) { padding-top: 8px } .mainimg .info li span.fee_txt br {display: none} .mainimg .info li a { color: #fff; } .mainimg .info li:nth-child(2) { background: #f39f5f } .mainimg .info li:nth-child(3) { background: #8c98cc;} .mainimg .info li:nth-child(4) { background: #6dc0c6; margin-right: none;} .event_area.bg2 div.container { padding: 0 0 30px 0} .event_area.evt div.container {max-width: 1020px} .main_event_area h1 {text-align:center; font-size:2em; font-weight:normal; } h2.maintt { font-size:1.8em; font-weight: bold; padding:0 0 10px 10px; letter-spacing: -0.04em; text-align: left} h2.maintt span {font-size: 16px} h2.maintt_guide {text-align: center; font-size: 1.9em; padding-bottom: 10px} h2.maintt br {display: none} h2.maintt span.subtt { color: #949191; font-size: 17px; display: inline-block; margin-left:15px} .event_area .global_p h2.maintt span.subtt { color: #28587c; font-size: 19px; padding: 0 ; margin: 0} h2.maintt span.fr { color: #af2886; font-size: 16px; border-bottom: 1px solid #af2886; padding-left: 0; padding:15px 0 0 0; margin-right: 10px} h2.maintt span.fr a {color: #af2886; } .righttxt { float: right;} span.fr_txt {margin-right: 15px;background-image: linear-gradient(#f6eb42,#f6eb42); background-repeat: no-repeat; background-size: 100% 18px, calc(0% - 4px) 100%; background-position: bottom center;font-size:.8em; color: #af2886;} span.gocheck { color: #000;font-size: 16px; border-bottom: 1px solid #000; padding-left: 0} #disp_event, #disp_event_td {height: auto;overflow: hidden;clear: both;} .main_evt {margin: 30px auto; height: auto; overflow: hidden} .main_evt:lang(ko) {margin: 0} .main_evt li {list-style: none; float: left; width: 50%; padding: 10px; } .main_random { padding: 30px 10px; height: auto; overflow: hidden} .main_random .fl.wh60p {width: 54.3% !important} .main_live { padding: 0; margin:20px 10px; background: url('/images/kr/main/main_livebg.jpg') no-repeat; center middle; height:235px ; overflow: hidden; background-size: 100%;padding:8% 5% 0 60%; } .main_live ul{clear: both} .main_live .live_txt {float: left; color: #fff; font-size: 2em; letter-spacing: -0.07em; width: 430px} .main_live .live_txt li { float: left;line-height: 1.2em; padding-top: 8px} .main_live .live_txt li:last-child{padding-left: 10px; color: #FFED4F} .main_ceo {padding: 10px 30px 30px 30px} .main_ceo li {list-style: none ; float: left; width: 20%} .main_ceo li:last-child { width:80%; padding-left: 15px } .main_ceo li p {font-size: 1.2em; line-height: 1.6em} .main_ceo li p.copy { font-weight: bold;color: #af2886;padding-top:10px } .main_ceo li p:last-child { padding-top: 10px} /** 메인 유투브 추가 **/ .ytube_list {max-width:1080px; margin:0 auto; height:auto; overflow:hidden} .ytube_list li { float:left; width:25%; padding:6px 10px; list-style:none; border-radius:10px;} .ytube_list li img{width:100%;height:150px; border:1px solid #bbb} .ytube_list.ban li img{width:100%;height:auto; border:none} .ytube_list li iframe {width:100%; height:140px} .ytube_list li iframe.ytubeview {width:600px; height:338px} .ytube_list li p.tit_ytube{ height:43px;line-height:15pt;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} /* 이미지만 **/ .ytube_list.notxt li p.item_tit {display: none} .ytube_list.noimg li p.blog_photo, .ytube_list.noimg li .event_photo{display: none} .ytube_list.noimg li {width: 50%} .ytube_list.noimg li p.item_tit { width: 100%; height: auto; overflow: hidden;border-radius: 10px; background: #fff; padding:20px 15px; font-size: 1.15em } .ytube_list.noimg li.eventlist .contents {width: 100%; height: auto; overflow: hidden;border-radius: 10px; background: #fff; padding:20px 15px} .ytube_list.noimg li.eventlist div.contents h2 { font-size:1.15em; font-weight:normal; line-height:1.25em;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: left} .ytube_list.noimg li.eventlist div.contents h3 {font-size:1.1em; line-height:1.3em; display:none} /* (메인)정사각형 2단 */ .ytube_list.sqaregrid li {float:left;width: 33.3%; list-style: none;padding: 8px 10px;} .ytube_list.sqaregrid li .blog_photo, .ytube_list.sqaregrid .event_photo {float:left;width: 30%;} .ytube_list.sqaregrid li p.item_tit, .ytube_list.sqaregrid li.eventlist div.contents {float:left;width:69%;padding:10px 0 0 12px; font-size: 1.3em !important; line-height: 1.4em; text-align: left} .ytube_list.sqaregrid li p.item_tit:lang(zh) {font-size: 1.2em !important; } .ytube_list.sqaregrid li img, .ytube_list.sqaregrid li.eventlist div.event_photo img {width:100%; height: 100px} .ytube_list.sqaregrid li.eventlist div.contents h2 { font-weight: normal} /* (메인)정사각형 3단*/ .ytube_list.sqare3grid li {float:left;width: 25%; list-style: none;padding: 8px 10px;} .ytube_list.sqare3grid .event_photo, .ytube_list.sqare3grid li p.item_tit, .ytube_list.sqare3grid li.eventlist div.contents {width: 100%;} .ytube_list.sqare3grid li.eventlist div.contents {display: none} .ytube_list.sqare3grid li.eventlist div.event_photo img {width:100%; height: 180px} .ytube_list.sqare3grid.outside li.eventlist div.event_photo img {width:100%; height: 160px} .ytube_list.sqare3grid.en li{width: 20%} /* (메인)정사각형 4단*/ .global_p {height: auto; overflow: hidden; } .sqare4grid li {float:left;width: 25%; list-style: none;padding: 8px 10px;} .sqare4grid li img {width: 100%; height: auto} /* 2단 그리드 */ .ytube_list.grid2 li {float:left;width: 50%; list-style: none} .ytube_list.grid2 li p.blog_photo, .ytube_list.grid2 li p.item_tit {float:left;width: 50%;} .ytube_list.grid2 li p.blog_photo { padding-right: 10px} .ytube_list.grid2 li p.item_tit { padding:20px 10px; font-size: 1.3em; line-height: 1.4em} .ytube_list.grid2 li img {width:100%; height: 150px} p.item_tit {/*overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; line-height: 1.3em; height: 40px*/} p.item_tit:lang(jp) {-webkit-line-clamp:1} div.main_banarea { background:url('/images/main_evt_bg.jpg') top right no-repeat; background-color:#f0f4f9; padding:40px 0; border-top:1px solid #E4E4E4} div.main_banarea_bg {background:#f2f2f2; padding:30px 0} div.main_banarea_bg .col-lg-3 a:hover {opacity:0.8} div.main_banarea h3{font-size:1.9em; letter-spacing:-0.06em; text-align:center; padding-bottom:20px; line-height:1em} div.main_banarea h3 small { font-size:.7em; color:#222} div.main_banarea h3 .fr { margin-top:10px} div.main_banarea h3 .fr.small {font-size:13px; border:1px solid #777 ; padding:4px 8px; line-height:1em} div.main_banarea h2{font-size:1.9em; letter-spacing:-0.06em; text-align:center; padding-bottom:20px; line-height:1em;font-weight:normal} div.main_banarea h2 small { font-size:.7em; color:#222} div.main_banarea h2 .fr { margin-top:10px} div.main_banarea h2 .fr.small {font-size:13px; border:1px solid #777 ; padding:4px 8px; line-height:1em} div.main_banarea.propose { background:#fff; border-bottom:1px solid #E4E4E4} div.main_banarea.bgwhite {background-color: #fff; background: none;border-top:1px solid #E4E4E4 } div.main_banarea.bgwhite h3.topline {border-top:1px solid #E4E4E4; padding-top: 30px} div.main_banarea.propose .container { padding-bottom:0} div.main_banarea .container.pd0 { padding-bottom:0} div.main_banarea.bgwhite.wide {border-top:0} div.main_banarea.bgwhite.wide .container { width: 80%; max-width: 1300px} div.main_banarea.bgwhite.wide .container .mainban_list li {width: 20%; margin-right: 0; padding: 15px 10px} div.main_banarea.bgwhite.wide .global { clear: both; margin-top:20px; border-bottom: 1px solid #000; padding-left: 20px} div.main_banarea.bgwhite.wide .global span {display: inline-block; background: #000; margin-bottom: 0;color: #fff; padding: 2px 10px;text-align: center; border: 1px solid #000; border-bottom: 0} .mainban_list {width:100%;margin:0 auto; height:auto; overflow:hidden} .mainban_list li { float:left; width:25%; padding: 10px; list-style:none; } .mainban_list li:nth-child(4n) {margin-right:0} .mainban_list li:last-child {/*display:none*/ margin-right:0} .mainban_list li img {width:100%;} .mainban_list .ytube_size {width:100%; height:143px; display:none} .mainban_list .ytube_txt {color:#000; margin-top:5px; margin-bottom: 20px; text-align:center; line-height:1.3em;font-size:1em;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .mainban_list .global_txt {font-size:1em;margin-top:10px;} .mainban_list .global_txt dt { border:1px solid #a81a81; color:#a81a81; border-radius:6px; padding:0 8px; margin-bottom:4px; display:inline-block; clear:both} .mainban_list .global_txt dd { font-size: 1em; line-height: 1.2em; padding:0 0 0 8px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .main_ban_area li {float: left; width: 50%; text-align: center; padding: 0 10px; list-style: none} .fl.width20 {width:20%; padding-right:15px} .fr.width80 {width:80%; border:1px solid #ddd; background:#FFF; margin:40px 0; padding:0 20px;} .width80{width:70%; margin:0 auto 40px auto;border:1px solid #ddd; height:auto; overflow:hidden;padding:0 40px;} .width80 li.center_global { width:100%} .fl.width20 h1 { font-size:2.4em; line-height:1.4em; padding:70px 0 0 0; text-align:center} .fr.width80 li.center_global {width:100%; padding-right:30px; padding-left:20px;} .fr.width80 li.center_global div.fl {width:40%} .fr.width80 li.center_global div.fr {width:59%;} .fr.width80 li.center_global div.fr .m_block { width:100%;display:inline-block;} li.center_global .m_block span.global { display:inline-block;width:50%} li.center_global .m_block strong {color:#777} .tit_global { background:#f0f0f0; padding:8px 10px; margin-bottom:10px; border-radius:6px; text-align:center} .customer_info_txt { padding-left:5px} .customer_info li { float:left; font-size:18px; font-weight:bold; padding:20px 0 30px 0;} .customer_info li.tit_customer:lang(en), .customer_info li.tit_customer:lang(zh) { width:50%; text-align:center} .customer_info li h2 { text-align:center;background:url(/images/titlebar.png) 50% bottom no-repeat; background-size:95% 5px;font-size:20px; height:38px; margin-bottom:15px ; color:#174893} span.noraml { color:#777} .catalk { display: inline-block;width: 30px; height: 30px; margin: 5px 10px; padding: 0; vertical-align: middle; background: url(/images/main_catalk.png) top left no-repeat; background-size: contain; } .catalk_plus { display: inline-block;width: 30px; height: 30px; margin: 5px 10px; padding: 0; vertical-align: middle; background: url(/images/main_catalk_plus.png) top left no-repeat; background-size: contain; } .mail { display: inline-block;width: 30px; height: 30px; margin: 5px 10px; padding: 0; vertical-align: middle; background: url(/images/icon_mail.png) top left no-repeat; background-size: contain; } .whats { display: inline-block;width: 30px; height: 30px; margin: 5px 10px; padding: 0; vertical-align: middle; background: url(/images/main_whatapp.png) top left no-repeat; background-size: contain; } .tel { display: inline-block;width: 30px; height: 30px; margin: 5px 10px; padding: 0; vertical-align: middle; background: url(/images/icon_tel.png) top left no-repeat; background-size: contain; } .fax { display: inline-block;width: 30px; height: 30px; margin: 5px 10px; padding: 0; vertical-align: middle; background: url(/images/main_fax.png) top left no-repeat; background-size: contain; } .wechat { display: inline-block;width: 30px; height: 30px; margin: 5px 10px; padding: 0; vertical-align: top; background: url(/images/main_wechat2.png) top left no-repeat; background-size: contain; } .tweeter { display: inline-block;width: 30px; height: 30px; margin: 5px 10px; padding: 0; vertical-align: middle; background: url(/images/main_tweeter.png) top left no-repeat; background-size: contain; } .lineapp { display: inline-block;width: 30px; height: 30px; margin: 5px 10px; padding: 0; vertical-align: top; background: url(/images/main_line.png) top left no-repeat; background-size: contain; } .tel.small, .catalk_plus.small, .catalk.small, .whats.small, .wechat.small, .mail.small, .tweeter.small, .lineapp.small {width:23px; height:23px;margin: 3px 8px 3px 0; } .tel.small2 {width:00px; height:20px;margin: 3px 0 3px 0; background:none} .tel.small3 {width:20px; height:20px;margin: 3px 5px 3px 0; background:none} .wechat_area { display: block; clear: both; height: auto; overflow: hidden} .wechat_area li { list-style: none;float: left} .wechat_area p {font-size: 1.2em} .wechat_area span.pb5 { display: inline-block; padding-bottom: 5px} .wechat_txt { display: inline-block; font-size:1.2em; vertical-align: top} .wechat_qr { display: inline-block; line-height: 1.2em; padding-bottom: 4px} .wechat_qr img{ width: 85px; margin-right:10px; } .line_qr { padding: 1px 0 0 30px} .btn_reg {border:1px solid #c03c9f; font-size:1.1em; font-weight:bold; border-radius:4px; padding:10px; background:#FFF url(/images/dot_plus.png) right 50% no-repeat; margin:15px 0;} .btn_reg:hover {cursor:pointer; background:#c03c9f url(/images/dot_plus_over.png) right 50% no-repeat;color:#FFF; } .btn_reg a { color:#c03c9f} .btn_reg2 {width:220px;font-size:1.1em; font-weight:bold; border-radius:4px; padding:10px; background:#c03c9f url(/images/dot_plus.png) right 50% no-repeat; margin:15px auto;} .btn_reg2:hover {cursor:pointer; background:#000 url(/images/dot_plus_over.png) right 50% no-repeat;color:#FFF; } .btn_reg2 a { color:#c03c9f} .maintit_guide {font-size:2.4em; text-align:center; font-weight:100; color:#777; cursor:pointer} .maintit_guide:hover {color:#000} .tit_guide { font-size:1.3em !important; font-weight:bold; line-height:30px; margin:30px 0 20px 0; display:inline-table; border-bottom:1px solid #777} .icon_guide { vertical-align:middle; display:inline-table;width:50px} .icon_guide img {} .guide_area { padding-left:50px; font-size:.9em} .guide_area ul.disc li {margin-bottom:10px !important} .guide_area ul.disc li strong { padding-right:8px} .main_process_area_m { display:none} /**** 메인 ****/ .top_line {border-top:1px solid #ddd} .ban{ text-align:center; width:100%} /* 프로세스 */ .main-box {position:relative;width:100%;margin:0 auto;padding:0;} .main-box .main-procedure > ul {position:relative;width:100%;margin:0 auto;overflow:hidden} .main-box .main-procedure > ul > li {position:relative;width:100%;margin-bottom:30px;padding:10px 0;font-size:1.3em;font-weight:700;line-height:1.4em;text-align:center;border:1px solid #d4d3d3;background:#f9f9f9;border-radius:.8em;box-sizing:border-box;} .main-box .main-procedure > ul > li small {font-size:1em;font-weight:normal} .main-box .main-procedure > ul > li::after{position:absolute;left:50%;bottom:-25px;margin-left:-10px;width:20px;height:20px;content:'';background:url('/images/arrow-down.png') center no-repeat ;background-size:contain;z-index:19} .main-box .main-procedure > ul > li:last-child::after {display:none} .main-box > h1 {font-size:1.6em;color:#ac0082;margin:0;line-height:1.4em;text-align:center;font-weight:700} .main-box > h2 {font-size:1.2em;margin-top:20px;line-height:1.4em;text-align:center;font-weight:700} .main-box > h2 span {display:block} .main-box > h3 > button {width:100%;background:#6d2fda;text-align:center;font-size:1.4em;font-weight:700;margin-top:20px;padding:14px 0;border-radius:.4em} .main-box > h3 > button.nobl {background:#0096d3;margin-top:10px;} /* 센터 */ .main-center-banner {position:relative;margin:30px auto 0 auto;padding:0;overflow:hidden;} .main-center-banner ul li {width:100%;background:#e6e6e6;text-align:center;border-radius:.2em;margin:3px 0;padding:20px 0;font-size:15px} .main-center-banner ul li:first-child {height:199px} .main-center-banner ul li a {color:black} .main-center-banner ul li h2 {font-size:1.3em;margin-bottom:4px;} .main-center-banner ul li h2 > small {font-size:1em;letter-spacing:-.05em} .main-center-banner ul li span.talk {display:inline-block;width:25px;height:25px;margin:5px;padding:0;background:url('/images/ico-rbnn-talk.png') top left no-repeat;background-size:contain;vertical-align:middle;} .main-center-banner ul li span.whatsapp {display:inline-block;width:25px;height:25px;margin:0 5px;padding:0;background:url('/images/sns-icon-whatsapp.png') top left no-repeat;background-size:contain;vertical-align:middle;} .main-center-banner ul li h3 {margin-top:3px;letter-spacing:0em;font-size:1em;} h1.main-copy {font-size:1.5em;font-weight:700;line-height:1.6em;margin:30px auto;text-align:center;} h1.main-copy span {display:block} h2.main-copy {font-size:1.2em;font-weight:700;line-height:1.6em;margin:30px auto;text-align:center;} h2.main-copy a {color:#ac0082;font-weight:bold;background-color:yellow} .main_banlink { background:url('/images/main_banbg.png') top center no-repeat; height:226px; margin-bottom:5px} .main_banlink:hover {background:url('/images/main_banbg_on.png') top center no-repeat; cursor:pointer} .main_banlink p.icon1 {background:url('/images/main_banicon01.png') center 20px no-repeat; height:60px;padding-top:10px} .main_banlink p.icon2 {background:url('/images/main_banicon02.png') center 20px no-repeat; height:60px;padding-top:10px} .main_banlink p.icon3 {background:url('/images/main_banicon03.png') center 20px no-repeat; height:60px;padding-top:10px} .main_banlink h2{ font-size:1.7em; color:#ff7936; text-align:center; margin:5px 0 15px 0; background-image: linear-gradient(#ff7936,#ff7936); background-repeat: no-repeat; background-size: 200px 1px, calc(0% - 4px) 100%; background-position: bottom center; } .main_banlink p {font-size:1.1em; color:#585858; text-align:center; line-height:1.6em} .main-info {position:relative;width:100%;min-width:100%;margin:0 auto;padding:20px; text-align:center; background:#f1f1f1;overflow:hidden;font-size:1.2em; } .main-info h3 { padding:0 20px; line-height:1.5em} .main-info dl {width:100%;max-width:1080px;margin:0 auto;padding:0;font-size:1.2em} .main-info dl dt {display:inline-block;width:auto;margin:20px 0 0 20px;background:#ac0082;font-size:1.1em;font-weight:700;color:white;text-align:center;padding:.2em 1em;border-radius:.8em;clear:both;} .main-info dl dd {width:100%;padding:0 10px 20px 0;} .main-info dl dd li {margin:10px 0 0;} .main-info dl dd li > strong {display:block} .fl.guide {width:100%; font-size:1.1em; padding:0 20px} .fl.guide:lang(ko) {float:left;width:60%;} .fr.guide {float:right;width:40%; text-align:right} .fr.guide img {width:360px} .main_guide_tit { font-size:1.2em; line-height:1.4em; padding-bottom:10px} .main_guide_tit:lang(ko) { font-size:1.4em;font-weight:bold;} .main_guide_tit br.pc{ display: inline-block} /* 하단배너 */ div.main-banner-list {position:relative;margin:0 auto;max-width:1080px;padding:20px 0 20px 0;text-align:center;} div.main-banner-list ol {position:relative;margin:0 auto;overflow:hidden;width:100%} div.main-banner-list ol li {position:relative;width:100%;margin:0;padding:0;box-sizing:border-box} div.main-banner-list ol li span.update {position:absolute;top:0;left:50%;margin-left:60px;width:64px;height:42px;background:url('/images/main-banner-update.png') no-repeat;background-size:contain;text-indent:-999999px} /* 하단배너 */ div.main-ban-list {position:relative;margin:0 auto;max-width:1080px;padding:30px 0 5px 0;text-align:center;} div.main-ban-list ol {position:relative;margin:0 auto;overflow:hidden;width:100%} div.main-ban-list ol li {position:relative;width:100%;margin:0;padding:0;box-sizing:border-box} /******************/ /*푸터*/ footer {clear:both;width:100%;margin:0; padding:0;background:#464b53; border-top:1px solid #d6d4cd; font-size:12px} footer .footer-info a {color:#fff;text-decoration:none} footer a:hover {color:#fff} footer .top_footer { padding:0;background:#f2f1ed} footer .top_footer .left {padding:20px 0; overflow:hidden;height:auto;} footer .top_footer .fl { padding:0 24px; } footer .top_footer .fl:first-child { padding-left: 0} footer .top_footer .fl.global {} footer .top_footer .fl.global.au {padding-right:0 !important;} footer .top_footer .fl.global:lang(ko) { float: none !important; display: inline-block; vertical-align: top} footer .top_footer .fl.global.sing { padding-top: 12px} footer .top_footer .fl.global.au:lang(ko), footer .top_footer .fl.global.sing:lang(ko) { padding-top:5px} footer .top_footer.sn { font-size: 1.1em} footer .top_footer.sn .bg_addres span { color: #7c9396} footer .top_footer.sn .fl { padding: 0 20px} footer .top_footer a { color:#000; letter-spacing:0} footer .top_footer .pl_null { padding:0; font-size:1.25em; line-height:1.4em} footer .top_footer .pl_null.line10 { line-height: 1.6em} .kor_tel { color:#555; display:inline-block; padding-left:3px} .pl_null .fs0825em.pt5 {color:#555;} .bg_addres span{ width:100%;color:#495983;font-size:1.3em; font-weight:bold; display:block;;margin-bottom:4px;} .bg_addres span:lang(jp) {font-size:1.2em; } .bg_addres span.mb0 { margin-bottom: 0} .fl.global .col {color:#495983; font-weight:bold; } .etc.pt10 {padding-top: 15px} footer .footer-info {width:100%;margin:0 auto;padding:25px 0 10px 0;font-size:1.15em;color:white;overflow:hidden} footer .footer-info address {width:100%;margin:auto;line-height:1.9em; padding-bottom:20px } footer .footer-info address p {line-height:1.7em;letter-spacing:0;} footer .footer_left {float:left; width:18%} footer .footer_right {float:left; width:82%} footer .footer-info .fr.pc {width: 26%; margin-top: -35px; margin-bottom:15px} footer .footer-info .fr.pc:lang(ko) { margin-top: 0; width: 32%} footer .footer-info .pick { display: inline-block; background: #30353d; padding: 0 8px; letter-spacing: 0} footer .footer_left.serv {width:20%;padding-top:0; padding-right:10px; border-left:0} footer .footer_left.serv:lang(zh) { } footer .footer_left.serv:lang(en) div.mailtel, footer:lang(en) .footer_left.serv.sns { float: left} footer .footer_left.serv:lang(ko) {width:17%} footer .footer_left.serv.jp{ width:auto } footer .footer_left.serv.cn{ width:auto; padding: 0 40px } footer .footer_left.serv h3 { clear:both; font-size:1.5em; border-bottom:1px solid #777; display:inline-block; line-height:1em; padding-bottom:4px; margin-bottom:6px; color: #495983;} footer .footer_left.serv .foot_kt { clear:both; font-size:1.5em; border-bottom:1px solid #777; display:inline-block; line-height:1em; padding-bottom:4px; margin-bottom:10px} footer .footer_left.serv p{ font-size:1.4em ; letter-spacing:0} footer .footer_left.serv p:lang(zh) {font-size:1.2em ;} footer .footer_left.logo span img {width:75%} footer .top_footer .fr, footer .right {float:right; width:260px; font-size:none} .footer_ytube { width:100%; height:130px} .ad_size { width:100%; height:143px} div.footer-navi {width:100%;margin:0 auto;padding:0 0 20px 0; height:auto; overflow:hidden} div.footer-navi li{display:inline;padding:0;font-size:1em;color:#fff} div.footer-navi li:after{content:'|';font-size:.8em;margin:0 5px 0 8px; color:#6e747d; vertical-align: top} div.footer-navi li:last-child:after{content:''} div.footer-navi li.only_kr{ display: none} div.footer-navi li.only_kr:lang(ko) { display: inline-block !important} footer div.sns { margin:0 auto;overflow:hidden; padding-top:8px} footer div.sns > ul {overflow:hidden; width:75%} footer div.sns > ul li {float:left;display:table-cell;width:25%; text-align:center} footer div.sns > ul li:hover {opacity:.6} footer div.sns > ul li img {width:96%} p.bottm_ban { height:auto; overflow:hidden; margin-bottom:25px} p.bottm_ban img {width:100%; vertical-align:middle} p.bottm_ban:hover { opacity:0.7} .fl.couple { width:31%;} .bottom_ban .fl img {width:100%; vertical-align:middle} .ytube_ban { height:auto; overflow:hidden;margin:10px; border:12px solid #fff} .bottom_ban {float: left; width: 33.3333%; text-align: center; margin-bottom: 10px;} .bottom_ban img {width: 97%} .ytube_icon { background:url('/images/sns-icon-youtube.png') top center no-repeat; width:100%; height:150px; margin-top:-150px;} .bottom_bg { background:url('/images/banbg_0731.jpg') top center ; background-size:cover; text-align:center; padding:20px 0} .bottom_bg li {list-style:none; float:left; width:25%} .bottom_bg li:hover { opacity:0.8; cursor:pointer} .footer-global.footerlink {padding:15px; background:#FFF; border-top:1px solid #e1e1e1} .tit_globallink {background:#848484; font-size:13px; color:#ececec; border-radius:4px; padding:1px 5px; font-weight:normal; margin-right:4px; display:inline-block} ul.globallink {width:100%;max-width:1080px;margin:0 auto;padding:0;font-weight:700; margin-bottom:12px} ul.globallink li{display: inline-block;padding:3px 0;font-size:17px; color:#909090;} ul.globallink li a{color:#000 !important; padding:4px 0} ul.globallink li:after{content:'|';font-size:.8em;margin:2px 5px 2px 8px; color:#909090} ul.globallink li:last-child:after{content:''} ul.globallink li.pc {display:none} .up_top { display:none} div.ban_bottom{background:url(/kr/images/ban_bottom.png) top center ; height:206px; width:1080px; margin:0 auto; background-size:100%; cursor:pointer} div.ban_bottom:onclick {opacity:0.8} .bottom_en { padding-top:15px} .bottom_en .fl {width:446px; height:104px; margin:0 20px ;color:#fff; text-align:center; padding-top:15px; font-size:1.2em} .bottom_en .fl.email {background:url('/en/images/bottom_bg01.jpg') 0 0 no-repeat; } .bottom_en .fl.memo {background:url('/en/images/bottom_bg02.jpg') 0 0 no-repeat; } .bottom_en p.email_tt {background-image: linear-gradient(#fff,#fff); background-repeat: no-repeat; background-size: 120px 1px, calc(0% - 4px) 100%; background-position: bottom center; } p.link_btn {display:inline-block; margin-top:5px; border-radius:10px; padding:3px 40px 5px 40px; background-image:url('/en/images/link_arrow.png'); background-repeat:no-repeat; background-position:top 11px right 10px;background-color:#13598d;} p.link_btn:hover {background-color:#000; cursor:pointer} .bottom_en .fl.email p.txt_tt {font-size:1.3em} .telbg_5060 {border-radius:10px; border:1px solid #ffc75b;color:#fff; padding:10px 20px; text-align:center; margin-bottom:10px } .telbg_5060 h3 { font-size:1.1em; color:#ffc75b; text-align:center;display: inline-block; margin:0 auto 6px auto; border-bottom:1px solid #ffc75b; clear:both} .telbg_5060 span.global { padding-right:10px;} address .fl.p20 .telbg_5060.talk{display:none;} .oda { background: #fff; padding: 6px 8px; height: auto; overflow: hidden; border-radius: 10px; } .oda .odatxt{color: #222;line-height: 1em; } .oda img {width: 95%} .oda a {color: #000 !important; text-decoration: underline !important} /* 풋터 롤링배너 */ .mySlides {display: none;} /* Slideshow container */ .slideshow-container {width:100%;position: relative;margin: auto;} /* The dots/bullets/indicators */ span.dot {height: 13px;width: 13px;margin: 0 2px;background-color: #bbb;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease ; display:none !important} span.dot.active {background-color: #ac0082;} /* Fading animation */ .fade {-webkit-animation-name: fade;-webkit-animation-duration: 2.5s;animation-name: fade;animation-duration: 2.5s;} .fade img {} @-webkit-keyframes fade { from {opacity: .6} to {opacity: 1} } @keyframes fade { from {opacity: .6} to {opacity: 1} } /* On smaller screens, decrease text size */ @media only screen and (max-width: 300px) { .text {font-size: 11px} } .tac.line300 { padding:30px 0; border-bottom:1px solid #DDD} .page2 .white-border-box1 { border:none;} .btn_send_memo { background:#DBEAF3; display:inline-block; padding:3px 15px; color: #0770AB; border-radius:6px; margin-left:5px } #disp_evt button {background-color: #bb5ea9; margin-top:5px; padding: 4px 10px; font-size:1em} #disp_evt li, #disp_evt07 li {border-bottom:1px dotted #bbb; padding:2px 0 10px 0;} #disp_evt li:last-child, #disp_evt07 li:last-child {border-bottom:none} #disp_evt li .curHand.link_evtView, #disp_evt07 li .curHand.link_evtView{font-weight:bold; color:#0B4C90; padding-bottom: 8px; display: inline-block; font-size: 1.1em} #disp_evt li .curHand.link_evt_member, #disp_evt li .curHand.link_evt_member2, #disp_evt07 li .curHand.link_evt_member, #disp_evt07 li .curHand.link_evt_member2 {color:#FFF; background:#bb5ea9; display:inline-block; padding:2px 5px; border-radius:4px} #disp_evt li .curHand.link_evt_member span.color-primary-1, #disp_evt li .curHand.link_evt_member2 span.color-primary-1, #disp_evt07 li .curHand.link_evt_member span.color-primary-1, #disp_evt07 li .curHand.link_evt_member2 span.color-primary-1 { color:#FFFD00 !important;font-weight:bold; } #disp_evt li span.doc {margin-bottom:2px; display:inline-block} /** 팝업창 버튼 **/ .btn_reg_areaall {clear:both;padding:15px 5px; height:auto;overflow:hidden; position:relative;} .btn_reg_areaall div { clear:both;text-align:center} .btn_reg_areaall li {width:80% !important;} .btn_reg_areaall li:lang(en) {width:80% !important; clear:both; margin:5px 10px; letter-spacing:-0.5px; } li.btn_reg_area { display: inline-block;position: relative;outline: none; margin: 5px;padding: 0; text-align:center; border-radius: 20px; font-size: 1em;color: #FFF;font-weight: 700;text-transform: uppercase;height:40px;line-height:2em;letter-spacing: 1px;white-space: nowrap; padding-top: 5px; border: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); background-color:#ab0081; background: gradient(linear, 0% 60%, 60% 100%, from(#c33b6e), to(#ab0081)); background: -o-gradient(linear, 0% 60%, 60% 100%, from(#c33b6e), to(#ab0081)); background: -ms-gradient(linear, 0% 60%, 60% 100%, from(#c33b6e), to(#ab0081)); background: -moz-gradient(linear, 0% 60%, 60% 100%, from(#c33b6e), to(#ab0081)); background: -webkit-gradient(linear, 0% 60%, 60% 100%, from(#c33b6e), to(#ab0081)); } .btn_reg_area:hover{opacity:0.6} .btn_reg_area_line { display: inline-block;position: relative;outline: none; margin: 5px;padding: 0; text-align:center; border-radius: 20px; font-size: 1em;font-weight: 700;text-transform: uppercase;height: 40px;line-height:2em;letter-spacing: 1px;white-space: nowrap; border:1px solid #ab0081; background:#fff; padding-top: 5px; } .btn_reg_area a {text-decoration:none !important} .btn_reg_area_line a{ text-align:center;text-decoration:none !important; letter-spacing:-1px} .btn_reg_area_line:hover { border:1px solid #a54e9d;background:#fee0ee ;} .image-wrap-big { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:50%; background:none; width: 160px; height: 160px; position:relative; display:inline-block; overflow:hidden;vertical-align:middle;} .image-wrap-circle-big {width:100%; height:100%; vertical-align:middle} .image-wrap img, .image-wrap-big img {height:110%} .center { text-align:center} /** self searching 추가 **/ .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 32%; max-width: 33.333333%; position: relative; width: 100%; height:auto; min-height: 100%; padding-right: 5px; padding-left: 5px; float:left; margin-bottom:20px; } /**.col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; float:left; margin-bottom:20px; }**/ .box_style{ margin:0; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius:4px; border-radius:4px; border:1px solid #ddd; box-shadow:0 1px 5px #C3C3C3; padding-top:20px; padding-bottom:20px; background:#fff; text-align:center; position:relative; height:auto; overflow:hidden; } .box_style2 { border:1px solid #ac0082; background:#fff; height:auto; overflow:hidden; padding:20px; margin-top:20px; font-size:1.25em; border-radius:1.2em; box-shadow:0 1px 5px #C3C3C3; } .box_style2 div.fl {background:#ffebf2; font-size:1.2em; width:30%; font-weight:bold; padding:25px 0; color:#B3148F; text-align:center} .box_style2 div.fr { width:70%; padding-left:20px; text-align:left} .entry-image{ text-align:center; margin:0 auto; margin-bottom:20px;} .image-wrap { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;border:1px solid #ddd; width: 140px; height: 140px;position:relative; display:inline-block; overflow:hidden;vertical-align:middle;} .image-wrap img {width:110%;width:110%;} .image-wrap-circle {width:120px; height:auto; vertical-align:middle} /** 영문 매칭에 나옴 **/ .sort { clear:both; text-align:right; padding-bottom:8px} /*.event{position:absolute;top:20px; left:20px;}*/ .area {position:absolute;top:20px; right:20px; color:#8111c8} .vip {color:#8111c8; display:inline-block; margin-left:8px; font-weight:normal; font-size:.9em; border:1px solid #8111c8; border-radius:4px; padding:1px 3px; line-height:1.2em} .tooltip .tooltiptext-myprofile{visibility:hidden;width:250px; overflow:hidden;font-size:0.9em; letter-spacing:0;padding:8px;position:absolute;z-index:99} .tooltip .tooltiptext-myprofile.area { background-color: rgba(0, 0, 0, 0.6);color:#FFF; text-align:left;top:18px; left:-190px; right:0;line-height:1.6em;} .tooltip .tooltiptext-myprofile.area ul {clear:both} .tooltip .tooltiptext-myprofile.area li {float:left} .tooltip .tooltiptext-myprofile.event { background-color: rgba(0, 0, 0, 0.6);color:#FFF; text-align:left;top:18px; left:-10px; right:0;line-height:1.6em;} .search_num { clear:both; text-align:center; letter-spacing:4px; padding-bottom:30px; font-size:1.1em } /******/ span.desh_line { display:inline-block; padding:0 3px; color:#BFBFBF} .tit_id { color:#ab0081; font-size:16px; font-weight:bold} .txt_item { padding-top:10px; letter-spacing:-1px} .txt_item_icon { padding-top:10px} .button { display: inline-block;position: relative;cursor: pointer;outline: none; margin: 5px;padding: 0 25px; border-radius: 20px; font-size: 1em;color: #FFF;font-weight: 700;text-transform: uppercase;height: 32px;line-height:2em;letter-spacing: 1px;white-space: nowrap; border: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); background: gradient(linear, 0% 60%, 60% 100%, from(#c33b6e), to(#ab0081)); background: -o-gradient(linear, 0% 60%, 60% 100%, from(#c33b6e), to(#ab0081)); background: -ms-gradient(linear, 0% 60%, 60% 100%, from(#c33b6e), to(#ab0081)); background: -moz-gradient(linear, 0% 60%, 60% 100%, from(#c33b6e), to(#ab0081)); background: -webkit-gradient(linear, 0% 60%, 60% 100%, from(#c33b6e), to(#ab0081)); } .button:lang(en) {font-size: 0.8em;padding: 0 10px;letter-spacing:0; margin:5px 3px} .button:hover {background-color: #444;color: #FFF;text-shadow: 1px 1px 1px rgba(0,0,0,0.2);} span.time { background:url(/images/time.png) 0 3px no-repeat; padding-left:22px} span.heart { background:url(/images/heart.png) 0 3px no-repeat; padding-left:22px} span.block { background:url(/images/block.png) 0 3px no-repeat; padding-left:22px; background-size:16px;color: #931073 !important;} span.foot { background:url(/images/foot.png) 0 3px no-repeat; padding-left:22px;; background-size:14px;color: #931073 !important;} span.age:after, span.region:after {content:'|';padding:0 4px; color:#CDCDCD} span.job:lang(en) {display:block} .btn_area { padding-top:10px; clear:both} .icon { vertical-align:middle; width:14px; margin-right:6px} .icon img {vertical-align:middle; } span.circle_ok {border-radius:6px; display:inline-block; border:1px solid #b47ea7; padding:1px 6px; font-size:0.8em; margin:0 1px; color:#a80d81; background:#faf4fa} span.circle_no {border-radius:6px; display:inline-block; border:1px solid #ddd; padding:1px 6px; font-size:0.8em; margin:0 1px; color:#777; background:#f9f9f9} div.tablewrap {width: 100%;margin:0 auto;padding:0 0 30px 0;overflow: hidden; font-size:15px;border-top:none} /* 성격검사 */ div.top_graybg.gray.report { background: #d0f3fc; background-image:linear-gradient(90deg,#e3d9fa 10%,#e3d9fa 40%,#d0f3fc 100%); background-repeat: no-repeat; background-position:top center; } div.top_graybg.gray.report h1{font-size:2.1em; margin:5px 0 15px 0; text-align:center} div.top_graybg.gray.report p{font-size:1.2em; padding-left:30px; color:#454545;} div.top_graybg.gray.report p.mobile_show { color:#444; display:block} div.top_graybg.gray.report:lang(en) h1 { margin-left:10px;letter-spacing:-1px} div.top_graybg.gray.report:lang(en) p {padding-left:10px; letter-spacing:-1px} div.report_txt { height:auto; overflow:hidden; margin:0 auto; text-align:center} div.report_txt p {width:50%; text-align:left;margin:0 auto; } div.report_txt p:lang(en) {width:80%} div.report_txt span img {width:40px; vertical-align:middle; margin-right:10px} .txt_reports {font-size:1.2em; height:auto; overflow:hidden} .txt_reports p{line-height:1.6em;} .txt_reports .color-blue {padding-bottom:35px; height:auto} .txt_reports .color-blue p { color:#6b489d;letter-spacing:-1px; font-weight:normal} .txt_reports .color-blue p.blueline {color:#6b489d; border:1px solid #a27ed5; font-size:1.1em;padding-bottom:0;margin-bottom:10px; line-height:1.4em; padding:10px; font-weight:bold} .txt_reports .color-blue p.blueline.nobox {border:none} .txt_reports .color-blue p.txt_reports_result {text-align:left; font-size:.9em; padding-bottom:15px} .txt_reports p.color-primary-1 { padding-bottom:8px; font-weight:bold} /** 성격검사 테이블 **/ div.scroll-menu { width:100%; height:auto } .disp_process {height:auto; background:#FFF} .disp_process li { list-style:none; float:left; width:33.33%;height:55px; font-size:1.2em;background-color: #EFEFEF;text-align:center; border-bottom:2px solid #999;} .disp_process li:last-child{ color:#AF0BB9} .disp_process li.ontab { background:url('/images/tab_arrow.png') no-repeat; background-position:right 30px top 20px; background-color:#2152AA; color:#FFF; font-weight:bold; border-bottom:2px solid #2152AA;} .disp_process li.process2 {border-left:1px solid #999; border-right:1px solid #999;} .disp_process li.process3.ontab {background:url('/images/tab_arrow.png') no-repeat; background-position:right 30px top 20px;background-color:#AD169A;border-bottom:2px solid #AD169A;} .disp_process li span.process_txt {margin-top:14px; display:inline-block;;overflow:hidden;} .disp_process li span.icon_me {display:inline-block; padding:0 4px; margin-top:-2px; margin-left:6px; border:1px solid #002c53; border-radius:4px; background:#FFF; color:#002c53; font-size:.85em} .disp_process li span.icon_ideal {display:inline-block; padding:0 4px; margin-top:-2px; margin-left:6px; border:1px solid #AD169A; border-radius:4px; background:#FFF; color:#AD169A; font-size:.85em} div.scroll-menu .disp_tit { clear:both;background:#f0fbfe; height:auto; overflow:hidden; padding:8px 0; text-align:center; margin-bottom:10px;} div.scroll-menu .disp_tit .fl.half { padding-top:3px;color: #096CBD;;} div.scroll-menu .disp_tit .fr.half li { list-style:none;font-size:1em; line-height:1.1em; color: #096CBD;} div.scroll-menu .disp_tit .fr.half li:nth-child(3) { padding-top:10px;} div.scroll-menu .disp_tit .fr.half:lang(zh) li {padding-top:5px} #disp_q_table li {list-style:none} .fl.half {float:left; width:62%; font-weight:bold; font-size:1.1em; letter-spacing:-1px;} .fl.half:lang(zh) { font-weight:normal} .fr.half {float:right; width:38%} .fl.half dt { float:left;display:inline-block; background:#d4ddf1; width:25px;padding:2px 0; color:#5b6c90; margin:0 10px 0 0; text-align:center; border-radius:6px; font-size:.85em; font-weight:normal; margin-left:15px } .fl.half dd {} .fr input[type="radio"] {width:20px; height:20px} div.disp_q_1, div.disp_q_2, div.disp_q_3, div.disp_q_4, div.disp_q_5 { border-bottom:1px solid #ddd; height:auto; overflow:hidden; padding:8px 0; background:#FFF;color:#2E62A7;} div.disp_q_3, div.disp_q_4, div.disp_q_5 { color: #740B96} .tit_question p{ font-size:1.1em; text-align:center} .center.btn_area { padding-top: 30px} /** 성격검사 결과 **/ .bgtop_report{ background:url('/images/report_topimg.png') no-repeat; background-size:100%; height:65px; overflow:hidden;0} .bg_report { background:url('/images/report_bgimg.png') repeat-y; background-size:100%; height:100%; overflow:hidden; padding:10px 40px 0 40px} .bgend_report{ background:url('/images/report_endimg.png') no-repeat; background-size:100%; height:31px; overflow:hidden;0} .reports_result_info {height:auto; overflow:hidden; margin-bottom:30px; background:#F1F1F1; padding:30px 10px} .reports_result_info div.fl.width60 {float:left; width:55%} .reports_result_info div.fr.width40 {float:left; width:45%; padding-left:15px} .reports_result_info div.fr.width40 li { list-style:none; padding-bottom:8px} .reports_result_info div.fr.width40 li span {display:inline-block; border-radius:50%; background:#7F8DA8; color:#fff; text-align:center; width:10px; height:10px; margin-right:8px} h2.tit_report_result {font-size:1.6em; font-weight:bold; color:#000; clear:both;padding-bottom:10px; background:url('/images/dot_tit.png') 0 6px no-repeat; padding-left:32px} h2.tit_report_result.me {color:#4059ab; padding-bottom:10px;} h2.tit_report_result.you { color:#4092ab; padding-bottom:10px;} h2.tit_report_result.wedd { color:#ac1f73; padding-bottom:10px;} div.reports_result {border:3px solid #8faacf; height:auto; overflow:hidden; margin-bottom:35px} div.reports_result ul { border-bottom:1px solid #ddd;height:auto; overflow:hidden; padding:10px 0; background-image:linear-gradient(60deg,#6d8eba 10%,#8faacf 100%);background-repeat: no-repeat;background-size:10% 100%, calc(0% - 4px) 100%;background-position: top left } div.reports_result ul:last-child {border-bottom:none} div.reports_result li {float:left;list-style:none;overflow:hidden; padding:6px 0;text-align:center; vertical-align:middle;} div.reports_result li:first-child {width:10%; color:#FFF; font-size:1.1em; font-weight:bold } div.reports_result li:nth-child(2) {width:32%; padding:0 10px } div.reports_result li:last-child {width:56%; text-align:left; padding-right:10px} div.reports_result li p.reports_tt{color:#1d3e9d; font-weight:bold; text-align:left; padding-bottom:2px; padding-left:5px; font-size:.9em} div.reports_result li p.reports_step_bg {height:30px;background:#d8e9f1; color:#000; width:95%;} div.reports_result li p.reports_step_bg span { box-sizing:border-box;display:inline-block; width:10%; border-right:1px solid #fff;height:30px; line-height:30px; text-align:center; font-size:.8em; color:#999; padding:0; letter-spacing:-1px; float:left} div.reports_result li p.reports_step_bg span:last-child {border-right:none} div.reports_result .stepcheck {background:url('/images/icon_stepcheck.png') no-repeat center 6px; color:#4059ab !important; font-size:5px !important} div.reports_result.you .stepcheck {background:url('/images/icon_stepcheck.png') no-repeat center 6px; color:#4059ab !important; font-size:5px !important} div.reports_result.wedd .stepcheck {background:url('/images/icon_stepcheck_you.png') no-repeat center 6px; color:#ac1f73 !important; font-size:5px !important; width:25px} /** 이성 결과 **/ div.reports_result.you {border:1px solid #99d9dc;} div.reports_result.you ul {background-image:linear-gradient(60deg,#79bec1 10%,#99d9dc 100%);} div.reports_result.you li:nth-child(2) {width:32%; } div.reports_result.you li p.reports_tt {color:#4092ab; font-weight:bold} div.reports_result.you li p.reports_step_bg {background:#e2f7f2;} div.reports_result.wedd {border:1px solid #e5b6d3; margin-top:15px} div.reports_result.wedd ul {background-image:linear-gradient(60deg,#cc85b1 10%,#e5b6d3 100%);} div.reports_result.wedd li:nth-child(2) {width:32%;} div.reports_result.wedd li p.reports_tt{ color:#ab0082; font-weight:bold} div.reports_result.wedd li p.reports_step_bg {border-radius:0; background:#fbeff7; } div.reports_result.wedd span.graph_bg { background:url('/images/graph_bg.png') no-repeat center 0; background-repeat:repeat-x; background-size:cover; color:#fff} .smalldot { display:block;background:url('/images/dot.png') no-repeat 5px 8px; padding-left:15px; padding-bottom:6px; vertical-align:top} .smalldot_pink {display:block;background:url('/images/dot3.png') no-repeat 3px 8px; padding-left:15px; padding-bottom:6px; vertical-align:top; } .smalldot img {width:15px; height:15px; vertical-align:middle; margin:0 5px} /** 비회원입력 **/ .reports_usertit { font-weight:bold; font-size:1.2em; color:#C33696; text-align:center; padding-bottom:25px; line-height:1.6em} div.reports_userbox { border:1px solid #ddd; height:auto; overflow:hidden; padding:25px; text-align:center; } div.reports_userbox .fl { width:65%; text-align:center;border-right:1px solid #ddd; padding-right:25px} div.reports_userbox .fr { width:35%;text-align:center; padding-left:25px } div.reports_userbox h1{ font-size:1.4em; font-weight:bold; padding-bottom:10px; margin-bottom:25px; background-image:linear-gradient(#444,#000);background-repeat: no-repeat;background-size: 100px 1px, calc(0% - 4px) 100%;background-position: bottom center } div.reports_userbox p { color:#777; padding-bottom:20px;} div.reports_userbox .left {float:left; background:url('/images/graph_step3.png') no-repeat; text-align:left; padding:0 0 0 320px; height:auto; font-size:1.1em} div.reports_userbox .left p.txt_3step br { display:none} div.nonuser_form { clear:both; border-bottom:1px solid #ddd;height:auto; overflow:hidden; padding:6px 0} div.nonuser_form.first {border-top:1px solid #ddd;} div.nonuser_form li {list-style:none; float:left} div.nonuser_form li:first-child {width:70px; padding-top:6px} div.nonuser_form .chk_empty { width:250px} div.nonuser_form select { width:190px !important} /** 라디오버튼 위치 **/ .fr.half li {float:left;width:18%; text-align:center;font-size:14px;} .fr.half li:first-child {width:23%} .fr.half li:nth-child(2) {width:23%} /* 검색박스 */ .white-box.nopadding{ padding-top:5px; padding-bottom:5px} dl.searchbox {width:96%;margin:0 auto;overflow:hidden} dl.searchbox dt {margin-top:10px;padding-top:10px;font-weight:bold;border-top:1px dotted #d4d3d3} dl.searchbox dt:nth-child(1) {margin-top:0;border:none} dl.searchbox dd {padding-left:1px} dl.searchbox select {line-height:25px;height:26px} ul.searchbox-option {width:100%;margin:10px auto;font-weight:bold;overflow:hidden;text-align:center} ul.searchbox-option li {display:none} ul.searchbox-option li.btn {display:inline} div.searchbox-close { text-align:right; right:0; padding-right:20px; margin-top:10px; border-bottom: 1px solid #e0c6d3 } /* 검색박스 닫기버튼 */ div.searchbox-close button { margin-bottom:0} div.searchbox-close li { list-style:none; float:left;} button.search {background:#e0c6d3;color:#000; height:30px;width:120px} button.search.wide { width:120px} button.search:lang(zh) {width:110px} .icon_hide {display:inline-table; padding:3px; background:#000; color:#FFF; height:16px; margin-left:3px} dl.searchbox_new #self_age dd span {} dl.searchbox_new #self_age dd span:first-child {padding-top:6px} dt.topmargin20 { display:inline-block; margin-top:5px;} div.searchbox-close button span {cursor:pointer;display:inline-block;position:relative;transition:0.5s} div.searchbox-close button span:after {position:absolute;opacity:0;top:0;right:-20px;transition:0.5s} div.searchbox-close button span.close:after {content:'▲'} div.searchbox-close button span.open:after {content:'▼'} div.searchbox-close button:hover span {padding-right:25px} div.searchbox-close button:hover span:after {opacity:1;right:0} div.searchbox-text {width:96%;margin:0 auto;padding:10px 0;text-align:center;border-bottom:1px solid #d4d3d3} /** 탭(셀프서칭) **/ .tabself { padding:0; margin-top:15px} .tabself label.match1, .tabself label.match2, .tabself label.match3{ float:left; width:33.333% ; padding:20px; 10px; font-size:1.5em; letter-spacing:-1px;text-align:center; background:#fff; margin-right:0; cursor:pointer ; border-bottom: 3px solid #4e4e4e } .tabself label.match3 { margin-right:0 !important} .tabself label.match1:hover, .tabself label.match2:hover, .tabself label.match3:hover {color:#ab0082; } .tabself input#select1:checked + label.match1, .tabself input#select2:checked + label.match2, .tabself input#select3:checked + label.match3 { margin-bottom:0px; color:#ab0082; border-bottom: 3px solid #ab0082; height: 72px; font-size:1.7em; overflow: hidden;font-weight: bold; background-image: linear-gradient(#ac0082, #ac0082); background-repeat: no-repeat; background-size: 100% 5px; background-position: bottom center; } .tabself input#select1, .tabself input#select2, .tabself input#select3{ display:none;} .tabself .page1, .tabself .page2, .tabself .page3{ display:none;} .tabself input#select1:checked ~ .page1{ display:block; clear:both;} .tabself input#select2:checked ~ .page2{ display:block; clear:both;} .tabself input#select3:checked ~ .page3{ display:block; clear:both;} /* 셀프서칭 */ .top_graybg_slef { clear:both; height:auto; overflow:hidden; border-bottom:2px solid #ac0382} .top_graybg_slef table { width:100%} .floatleft35 { width:33%; text-align:center; vertical-align:top;} .floatleft35 div:last-child { padding-top: 15px} .floatleft35 img { width:auto; height:100%; vertical-align:middle} .floatleft65 { width:66%; vertical-align:top;} .fl.floatleft65 { float: right !important } .place { display:block} .floatleft65 .white-box { padding:0 0 20px 0} .set_receive span { display: block; background: #000; border-radius: 10px; padding: 6px; color: #fff; text-align: center; width: 70%; margin: 0 auto; cursor: pointer} .set_receive span:hover { opacity: 0.6} /* 검색박스(NEW) */ .floatleft70{float:right;width:71%; height:auto; overflow:hidden; padding-right:30px} .floatright30{float:left;width:29%;height:auto; overflow:hidden} .floatleft70:lang(en) {float:right;width:70%;} .floatright30:lang(en) {float:left;width:30%;} .floatright30.bg { background:url(/images/searchbg_heart.png) right 20px no-repeat; height:300px; background-size:95%} .floatright30.bg h1 { margin-top:75px;font-size:2.2em;} .floatright30.bg h1:lang(en) {font-size:2em; line-height:1.4em} .floatright30.bg div.titbig { margin-top:80px; text-align:center} .floatright30.bg div.titbig p.fs1em {font-size:1.3em !important} .floatright30.bg div.titbig h3 { font-size:2em; } .floatright30.bg h2 { font-size:1.2em; text-align:center; padding:20px 10px 0 0; font-weight:bold; line-height:1.6em; color:#b02e90} .floatright30.bg h2:lang(en) { line-height:1.3em;} .date_link { width:80%; margin:0 auto; padding:30px 0 10px; } .date_link a:hover { font-weight:bold; color:#B96144} .date_link img { vertical-align:middle; padding-left:10px} dl.searchbox_new {width:100%;margin:0 auto;overflow:hidden; padding-bottom:10px; } dl.searchbox_new dt {float:left;display:inline;width:22%;margin-top:10px;padding:0;font-weight:bold;border:none;clear:left; font-size: 1.2em; line-height:1em} dl.searchbox_new dt:lang(en) {width:22%;} dl.searchbox_new div { height:auto; overflow:hidden; padding-bottom:8px; border-bottom:1px solid #CBCBCB} dl.searchbox_new.last div{border-bottom:none} /*dl.searchbox_new div:last-child { border-bottom:none}*/ dl.searchbox_new div.null_top { border-bottom:none; padding-top:8px} dl.searchbox_new dt.topmargin20 { margin-top:18px} dl.searchbox_new dd {float:left;display:inline;margin-top:10px; width:78%} dl.searchbox_new dd .self_txt {color: #777} dl.searchbox_new .center { padding:8px 0} .fr.menu.pc_view img {vertical-align:middle; margin-right:3px} #self_sel_nation, #self_sel_city, #self_sel_gungu{ width:32%} #self_lv_area span, #self_religion_area span, #self_partnr_typ span, span.not_rel {display: inline-block; padding: 2px 10px 2px 0; } .clear.white-box dl.searchbox_new dt { width: 30%} .clear.white-box dl.searchbox_new dd {width: 70%} label { margin-right:10px} .btn_large { padding:6px 50px; font-weight:bold; font-size:1.4em} .self_btn { padding: 20px 0} .self_btn .btn_large.pink { border-radius: 20px; padding:10px 40px } .fr.menu.pc_view { padding-top: 16px} div.search_contslink { border-bottom:1px solid #ddd; height:auto; overflow:hidden; padding:0 0 15px 0; margin-bottom:30px;} .padding { padding:0 10px; color:#777} li.tip { list-style:none; background:url('/images/icon_tip.png') 3px 2px no-repeat; background-size:20px; padding-left:30px; padding-bottom:3px; line-height:1.5em; margin-bottom:8px} li.tip br {display: inline} li.smalldot{ list-style:none; background:url('/images/dot.png') 3px 8px no-repeat; padding-left:15px; padding-bottom:5px; line-height:1.3em;} li.smalldot2{ list-style:none; background:url('/images/dot2.png') 2px 5px no-repeat; padding-left:18px; padding-bottom:4px; line-height:1.3em; font-size:1.1em} li.smalldot3{ list-style:none; background:url('/images/dot3.png') 3px 9px no-repeat; padding-left:18px; padding-bottom:4px; line-height:1.3em; font-size:1.05em} li.smalldot.nopd{line-height:1.3em;} p.smalldot2{ list-style:none; background:url('/images/dot2.png') 1px 2px no-repeat; padding:0 0 3px 17px; line-height:1.3em } .col-lg-3 li.smalldot { font-size: 1.1em; line-height: 1.4em} /* 기피성격 레이어 */ .ly-help {position:absolute;top:70px;left:10%;width:80%;z-index:10;border:1px solid #d4d3d3;background:#fff;text-align:left} .ly-help .close {position:absolute;top:6px;right:4px;font-size:.9em} .ly-help .apply {position:absolute;top:3px;right:24px;font-size:.9em} .ly-help strong {display:block;margin-bottom:-5px;padding:9px 0 0 9px;color:#333;font-size:.875em} .ly-help p {padding:8px 0 6px 9px;font-size:.9em;color:#333;line-height:16px} .ly-help p > span {display:inline-block;width:16%} .ly-help-confirmsetting {width:85%} /* 본인확인서약 */ /** 탭(마이매칭) **/ .tabmatch { padding:0; } .tabmatch label.match1, .tabmatch label.match2{ float:left; width:30% ; padding:10px; line-height:1.1em; font-size:1.1em; letter-spacing:-1px;text-align:center; background:#fff;border:1px solid #777;margin-right:0.5%; cursor:pointer ; } .tabmatch label.match1 {margin-left:19%} .tabmatch input#select1:checked + label.match1, .tabmatch input#select2:checked + label.match2 { color:#fff;font-weight:bold; font-size:1.3em; border:none; background: #8100ab; } .tabmatch input#select1, .tabmatch input#select2{ display:none;} .tabmatch .page1, .tabmatch .page2{ display:none;} .tabmatch input#select1:checked ~ .page1{ display:block; clear:both;} .tabmatch input#select2:checked ~ .page2{ display:block; clear:both;} #disp_mtResult_cnt {color:#d73f6b} .tabmatch input#select1:checked + label.match1 #disp_mtResult_cnt, .tabmatch input#select2:checked + label.match2 #disp_mtResult_cnt {color:#fff} /** 탭(메인-온라인) **/ .tabmain { padding:10px 0 0 20px; height: auto; overflow: hidden} .tabmain label.match1, .tabmain label.match2{ float:left; width:auto ; padding:8px 20px; line-height:1.2em; font-size:1.1em; letter-spacing:-1px;text-align:center; background:none; border-radius: 20px;border:2px solid #a4a1a1;margin-right:0.5%; cursor:pointer ; color: #a4a1a1; font-size:1.1em; font-weight: bold } .tabmain input#select1:checked + label.match1, .tabmain input#select2:checked + label.match2 { color:#ab0082; border:none; border:2px solid #ab0082; } .tabmain input#select1, .tabmain input#select2{ display:none;} .tabmain .page1, .tabmain .page2{ display:none; padding: 20px 0 0 0} .tabmain .page1 .fl, .tabmain .page2 .fl, .global_speed .fl { width: 50%; text-align: left;} .tabmain dt, .tabmain dd, .global_speed dt, .global_speed dd {float: left; } .tabmain dd { padding: 10px 0 0 20px; } .tabmain dd p {font-size: 1.15em; line-height: 1.4em;display: block;clear: both;} .tabmain dd p.btn { padding-top: 5px} .tabmain dd p span:last-child button, .tabmain dd p:last-child span.btn button { background: #e6630c} .tabmain dd p span button a {color: #fff} .tabmain dd .date { width: 100%; clear: both; display: block;font-size: 1.15em; padding-bottom:10px; height: auto; overflow: hidden} .tabmain dd .date li {list-style: none; float: left;line-height: 1.1em;} .tabmain dd .date li:first-child { padding-right: 10px} .tabmain dd .date span{ color: #ab0082; font-size: 1.1em; font-weight: bold} .tabmain dd.global_speed{ padding: 20px 10px 0 20px; width: 75%} .tabmain dd p, .global_speed dd p { width: 100%; height:auto; overflow: hidden; padding: 2px 0} .tabmain dd p span.txt { display: inline-block; width: 80%; font-size: 1.1em; padding-top: 5px} .global_speed dd span.txt{ display: inline-block; width: 85%} dd span.btn{ float: right} .tabmain input#select1:checked ~ .page1{ display:block; clear:both; height:auto; overflow: hidden} .tabmain input#select2:checked ~ .page2{ display:block; clear:both;height:auto; overflow: hidden} .tabmain input#select1:checked + label.match1 #disp_mtResult_cnt, .tabmain input#select2:checked + label.match2 #disp_mtResult_cnt {color:#fff} /* 마이매칭 TOP - TAB */ div.mymatching-top-btn {width:100%;text-align:center;overflow:hidden} div.mymatching-top-btn {margin-bottom:10px} div.mymatching-top-btn > button {margin-left:0;padding:4px 20px; border-radius:20px; background:#fff; font-weight:bold;font-size:1em;} div.mymatching-top-btn > button.fee {width:auto; border:2px solid #ab0082; color:#ab0082} div.mymatching-top-btn > button.srv {width:auto;float:none; border:2px solid #a44cf8; color:#a44cf8} div.mymatching-top-btn > button.item {width:auto;float:none;border:2px solid #5c1dce; color:#5c1dce} div.mymatching-top-btn > button.link_ideal_psnlt {width:auto;float:none; background:#ab0082; color:#fff; border:none} div.mymatching-top {position:relative;width:100%;margin:0;padding:0;font-size:.9em;overflow:hidden} div.mymatching-top ul {width:100%;margin:auto;padding:0;height:auto; overflow:hidden; text-align:center} div.mymatching-top ul > li { display:inline-block;width:auto; font-size:1.1em; margin-bottom:0; background:#f4f4f6; border-radius:20px; padding:8px 20px; color:#d73f6b} div.mymatching-top:lang(kr) ul > li {font-size:1.2em} div.mymatching-top:lang(en) ul > li {font-size:1.1em} div.mymatching-top ul > li:last-child {border-right:none} div.mymatching-top ul > li.on { background:#6217f0; color:#fff} div.mymatching-top ul > li.on a {color:#fff !important;font-weight:800} div.matching-acc-container, div.matching-evt-container { width:100%;margin:0 auto; padding:10px; background:#FFF;color:#333;overflow:hidden; border:5px solid #ab0082; border-radius:10px;box-shadow:0 2px 5px #c1c1c1; margin-bottom:20px; } div.matching-acc-container, div.matching-evt-container.match { width: 80%; margin: 0 auto 20px auto} div.top_graybg.gray .mytab {padding-top: 20px; text-align: center} div.top_graybg.gray .mytab h1, div.top_graybg.gray .mytab h2{height: 48px; background: #fff; color: #222; width: 25%; font-size: 1.4em; text-align: center; display: inline-block; padding: 10px 15px; font-weight: normal; border-top-left-radius:10px 10px; border-top-right-radius:10px 10px} div.top_graybg.gray .mytab h2 {cursor: pointer} div.top_graybg.gray .mytab h1{background: #ab0082; color: #fff} /** 마이매칭 나의정보 박스 **/ div.matching-acc-btn {width:100%;margin:0 auto;padding:10px;border-top:1px solid #d4d3d3;background-color:#FFF ;cursor:pointer} div.matching-acc-btn h2 {font-weight:bold;font-size:1em;line-height:16px; } div.matching-acc-btn h2 > .selected {color:#2895ce} div.matching-acc-content {height:0px;width:100%;margin:0 auto;overflow:hidden} div.matching-acc-content-inner {padding-top:0} span.subtxt { display:block; text-align:right; padding-bottom:20px; color:#6983ab} .icon_my01 {background:url('/images/icon_my01.png') 0 0 no-repeat; padding-left:25px; padding-bottom:5px; display:block} .icon_my02 {background:url('/images/icon_my02.png') 0 0 no-repeat; padding-left:25px; padding-bottom:5px; display:block} .icon_my03 {background:url('/images/icon_my03.png') 0 0 no-repeat; padding-left:25px; padding-bottom:5px; display:block} .icon_my04 {background:url('/images/icon_my04.png') 0 0 no-repeat; padding-left:25px; padding-bottom:5px; display:block} .icon_my05 {background:url('/images/icon_my05.png') 0 0 no-repeat; padding-left:32px; padding-bottom:2px; display:block} .icon_my07 {background:url('/images/icon_my07.png') 0 0 no-repeat;background-size:23px 23px; padding-left:32px; margin-bottom:5px; display:block} .icon_my08 {background:url('/images/icon_memo.png') 2px 10px no-repeat; padding-left:28px; padding-top:5px; display:block} .icon_my09 {background:url('/images/main_catalk.png') 0 0 no-repeat; background-size:23px 23px; padding-left:32px; margin-bottom:3px; display:block} #disp_mng_nm { font-weight:bold; display:block; padding-bottom:5px} /* 마이매칭TOP - service box */ div.matching-acc-content-inner dl.info-box {width:100%;margin:0;padding:10px;overflow:hidden} div.matching-acc-content-inner dl.info-box dt {display:none;padding:0;font-weight:bold; clear:both} div.matching-acc-content-inner dl.info-box dd {width:100%;padding:0;clear:both; font-size: 1.15em} div.matching-acc-content-inner dl.info-box dd .line {margin-bottom:4px} div.matching-acc-content-inner dl.info-box dd .icon_my04 {} div.matching-acc-content-inner dl.info-box ul {} div.matching-acc-content-inner dl.info-box ul li {margin-top:5px} dl.info-box ul li:first-child {margin-top:0 !important} /* 마이매칭 - bluebox/pinkbox */ div.matching-blue-box {background-color:#2895ce;width:100%;padding:10px;color:white;font-size:1.25em;font-weight:bold;overflow:hidden} div.matching-blue-box span {display:none} div.matching-pink-box {background-color:#faf4fa;width:100%;padding:10px;color:#ac0082;font-size:1.25em;font-weight:bold;overflow:hidden} div.matching-pink-box small {display:none} div.matching-pink-box span.help {display:inline-block;float:right;font-size:.725em} /* 마이매칭 - 만남의사확인 */ dl.prps-list {width:100%;margin:0;padding:0;overflow:hidden; border-bottom:1px solid #bbb } dl.prps-list > dd {float:left;width:17.2%;margin:0;padding:0 10px;overflow:hidden;text-align:center} dl.prps-list > dd.info > dl.profile-list {width:100%;text-align:left;margin:0;padding:0} dl.prps-list > dd.info > dl.profile-list > dd.photobox {float:left;display:inline-block;border-radius:8px;overflow:hidden;border:1px solid #C9C9C9;box-shadow:0 2px 5px #c1c1c1;} dl.prps-list > dd.info > dl.profile-list > dd.photobox img {width:120px;height:150px;border:8px solid #fff} dl.prps-list > dd.info > dl.profile-list > dd.info > ul > li.apply {margin-top:2px} dl.prps-list > dd.title {display:inline-block;font-weight:bold;padding:8px 0 12px 0;height:40px;border-top:1px solid #d4d3d3;border-bottom:1px solid #d4d3d3;background: #fff;} dl.prps-list > dd.title br{display:none} dl.prps-list > dd.info {width:31%;margin:0;} dl.prps-list > dd.info .doc { margin-left:0} dl.prps-list > dd.info > dl.profile-list {margin:20px 0} dl.prps-list > dd.info2 {padding:50px 0 0; background:#FFF; border-top:none} dl.prps-list > dd.info2 > dl dt {display:none} dl.prps-list > dd.info2 > dl dd {width:100%} dl.prps-list > dd.info2 > dl.responseme {background:none;border-top:0px dotted #ccc;margin-top:0;padding-top:0} dl.prps-list > dd.info2 > dl.responseu {background:none;border-bottom:0px dotted #ccc;margin-bottom:0;padding-bottom:0} dl.prps-list > dd.info2 > dl.responseu dd {padding-right:10px} #main_contents .fs105em{ width: 100%;margin: 0 auto;padding: 10px;background: #FFF;color: #333;overflow: hidden;border: 1px solid #ddd;border-radius: 10px; box-shadow: 0 2px 5px #c1c1c1;margin-bottom: 20px;} #main_contents .gray-box.mt10 {display: none} #main_contents .gray-box, #main_contents .gray-border-box{padding: 10px} #disp_evt_list, #disp_evt_list_1 {padding-bottom: 0 !important} /* 공통 - 마이매칭단에서 보여지는 회원프로필 list */ dl.matching-profile-list {float:left;width:auto;margin-bottom:30px;padding:0px;border:0px solid red} dl.matching-profile-list dd.photobox {float:left;display:inline-block;max-width:120px;min-width:120px;border-radius:8px;box-shadow:0 2px 5px #c1c1c1;background:#f2f2f2;overflow:hidden} dl.matching-profile-list dd.photobox img {width:100%;height:144px;} dl.matching-profile-list dd.info {float:left;display:inline-block;width:auto;margin-left:10px;overflow:hidden} dl.matching-profile-list dd.info ul {margin-right:10px} dl.matching-profile-list dd.info ul > li {margin-top:0;padding:0} dl.matching-profile-list dd.info ul > li.id {margin-top:5px;color:#ac0082;font-weight:bold} dl.matching-profile-list dd.info ul > li.id a {color:#ac0082} dl.matching-profile-list dd.info ul > li.id img {width:12px;vertical-align:baseline} dl.matching-profile-list dd.info ul > li.apply {margin-top:10px;font-size:.875em} dl.matching-profile-list dd.info ul > li.apply button.gray {cursor: not-allowed;} /* 마이매칭 - 만남결과확인 */ dl.prps-rslt-list {width:100%;margin:10px 0 20px 0;padding:0;overflow:hidden;border-bottom:1px solid #5979aa} dl.prps-rslt-list > dd {float:left;margin:0;padding:10px;overflow:hidden} dl.prps-rslt-list > dd.info {} dl.prps-rslt-list > dd.contact {} dl.prps-rslt-list > dd.info > dl.profile-list {width:100%;text-align:left;margin:0;padding:0} dl.prps-rslt-list > dd.info > dl.profile-list > dd.photobox {float:left;display:inline-block;width:110px;height:132px;border-radius:8px;box-shadow:0 2px 5px #c1c1c1;background:#f2f2f2;overflow:hidden} dl.prps-rslt-list > dd.info > dl.profile-list > dd.photobox img {width:110px;height:132px} dl.prps-rslt-list > dd.info > dl.profile-list > dd.info > ul > li.apply {margin-top:2px} dl.prps-rslt-list > dd.contact > div.respond {width:100%;margin-bottom:10px} /* 마이매칭 - VIP */ dl.vip-list {width:100%;margin:0;padding:0;overflow:hidden} dl.vip-list > dd {float:left;margin:0;padding:10px 0} dl.vip-list > dd.info {} dl.vip-list > dd.contact {} dl.vip-list > dd.info > dl.profile-list {width:100%;text-align:left;margin:0;padding:0;border:0px solid #000} dl.vip-list > dd.info > dl.profile-list > dd {float:left;display:inline-block} dl.vip-list > dd.info > dl.profile-list > dd.photobox {width:110px;height:132px;border-radius:8px;box-shadow:0 2px 5px #c1c1c1;background:#f2f2f2;overflow:hidden} dl.vip-list > dd.info > dl.profile-list > dd.photobox img {width:110px;height:132px} dl.vip-list > dd.info > dl.profile-list > dd.info {} dl.vip-list > dd.info > dl.profile-list > dd.apply {width:100%;margin-top:10px} dl.vip-list > dd.info > dl.profile-list > dd.apply button {width:100%} dl.vip-list > dd.contact > div.memberinfo {width:100%;text-align:left;margin-bottom:10px;overflow:hidden} dl.vip-list > dd.contact > div.memberinfo span {display:inline-block;margin-right:10px} div.white-box dl.profile-list dd.info {float:left} div.white-box dl.profile-list { padding-left:0} /* 공통 - 회원프로필 list */ div.matching-profile-list {width:100%;margin:0;padding:0;overflow:hidden} dl.profile-list {float:left;width:100%;margin-bottom:30px;padding-left:10px} dl.profile-list dd.photobox span.photoimg {width:140px; height:170px; display:block; overflow:hidden; text-align:center} dl.profile-list dd.photobox span.center{width:100%; display:block; text-align:center} dl.profile-list dd.info {padding-left:15px;overflow:hidden;} dl.profile-list dd.info ul {margin:0} dl.profile-list dd.info ul > li {margin-top:0;padding:0;border:0px solid black} dl.profile-list dd.info ul > li.id {margin-top:4px;color:#ac0082;font-weight:bold;} dl.profile-list dd.info ul > li.id a {color:#ac0082} dl.profile-list dd.info ul > li.id img {width:12px;vertical-align:baseline} dl.profile-list dd.info ul > li.apply {margin-top:10px;font-size:1em} dl.profile-list dd.info ul > li.apply button:lang(en), dl.profile-list dd.info ul > li button:lang(en){ display:block;} dl.profile-list dd.vipbox {float:left;margin-left:0} dl.profile-list dd.vipbox span {display:inline-block;width:170px;border:0px solid #000} dl.profile-list dd.selectbox {float:left;width:570px;height:60px;background-color:#f4f4f4;border:1px solid #d4d3d3;padding:20px} dl.profile-list dd.selectbox > dl {} dl.profile-list dd.selectbox > dl dd.text {float:left} dl.profile-list dd.selectbox > dl dd.text > textarea {margin-left:20px;width:300px} dl.profile-list dd.selectbox > dl dd.btn {float:right} #disp_profile_ok { font-size: 1.2em} .result_txt{ padding:30px 0; color: #000; font-size: 1.4em; color: #ac0082; } #disp_mt_list dl.profile-list{ width:33.2%; display:inline-block} #disp_mt_list dl.profile-list dd.photobox {width:auto; float:left} #disp_mt_list dl.profile-list dd.photobox span.photoimg {border:1px solid #bbb} #disp_mt_list dl.profile-list dd.photobox span.photoimg img { vertical-align:middle} /* 이벤트 - 메인 테이블 */ dl.eventlist {width:100%;margin:0 auto;padding:20px;border-top:1px dotted #d4d3d3;overflow:hidden} dl.eventlist:nth-child(1) {border:none; } dl.eventlist dt { text-align:center} dl.eventlist dd {} dl.eventlist dd > h2 {font-size:1.15em;font-weight:bold;text-align:justify} dl.eventlist dd > h3 {font-weight:normal;text-align:justify;font-size:1em;line-height:1.5em;margin-top:10px; color:#777} dl.eventlist dd.contents {width:100%} dl.eventlist dd.detail {width:100%;text-align:right;padding-top:20px} dl.eventlist dd.detail br {display:none} dl.eventlist dd.detail > span.pay { display:inline-block; padding-right:15px;font-size:1.1em; color:#9B179F; font-weight:bold; } /* 마이매칭 - 쪽지 */ #tab1, #tab2, #tab3 {width:100%;height:550px;overflow-x:hidden;overflow-y:auto;border:1px solid #b75da7} .modal-content ul.tabs { margin-bottom: 8px; height: auto; overflow: hidden} .modal-content ul.tabs li{float: left; width: 33.33%; border: 1px solid #b75da7; text-align: center; height: 45px; padding-top:8px; font-size: 1.1em ; cursor: pointer} .modal-content ul.tabs li.active { background: #b75da7; color: #fff} div.tab-container {width:100%;margin:20px auto;padding:0;z-index:0;overflow:hidden} div.tab-content {position:absolute;top:0;left:0;margin:0;padding:0;overflow-y:auto} /* 리스트 */ div.tab-content > dl.title {display:none} div.tab-content > dl.list {width:100%;margin:auto;padding:10px 20px;text-align:left;overflow:hidden; border-bottom: 1px solid #cbcbcb} div.tab-content > dl.list > dd {float:left;display:table-cell;width:100%;margin:0;padding:0} div.tab-content > dl.list > dd.id {display:none} div.tab-content > dl.list > dd.name {width:100%;font-weight:bold;line-height:30px;} div.tab-content > dl.list > dd.name span {display:inline-block;margin-right:5px} div.tab-content > dl.list > dd.contents {width:100%;} div.tab-content > dl.list > dd.writedate {width:60%} div.tab-content > dl.list > dd.chk {width:20%;text-align:left} div.tab-content > dl.list > dd.del {float:right;width:20%;text-align:center; } div.tab-content > dl.list > dt {float:left;} div.tab-content > dl.list > dd.compose {width:100%; text-align:center; padding-top:15px} div.tab-content > dl.list > dd.compose > textarea {height:400px} div.tab-content > dl.list > dd.btn {text-align:center} div.tab-content > dl.list > dd.nodata {text-align:center;line-height:250px} button.small.blue.memoDel { background:#c8aebc} #tab3 dl.list { border-bottom:none} #txt_recv_memo { margin-top:20px} button.pink.large3 { background:#8b6dc5; font-size:1.3em} /** 추가(2단구성) **/ li.eventlist { list-style:none; float:left; width:25%; padding:10px 5px} li.eventlist:last-child { border-bottom:none} li.eventlist div {float:left} li.eventlist div.event_photo {width:100%} li.eventlist div.event_photo img {border:none;width:100%; height:200px} li.eventlist div.event_photo img:hover { opacity:0.6} li.eventlist div.contents {width: 100%; padding:8px; } li.eventlist div.contents br { display: none} li.eventlist div.contents .list_title {font-size: 1.18em; line-height: 1.2em; height:60px } li.eventlist div.contents .list_title:lang(en) {line-height: 1.15em; height: 75px} li.eventlist div.contents p.detail span.pay {color:#a92e92; font-size:1.1em; font-weight:bold; display:inline-block; margin-right:10px } li.eventlist div.contents p.detail {padding-top:10px} .event_tab {height: auto; overflow: hidden; margin-bottom: 20px; background: #eee; border-radius: 16px; padding: 8px} .event_tab li { list-style: none; float: left; padding: 6px 20px; text-align: center; font-size: 1.1em; ; border-right: 1px solid #b5b5b5} .event_tab li:lang(jp), .event_tab li:lang(zh) {height: 58px} .event_tab .fr {} .event_tab li:nth-child(6){border-right: none; } .event_tab li.on { background: #a92e92; border-bottom: none; } .event_tab li.on a {color: #fff} .evt_process {padding: 20px; height: auto; overflow: hidden} .evt_process li {list-style: none; float: left; } .evt_process li:first-child {width: 25%; font-size: 2.2em; font-weight: bold; color: #ab2e94;} .evt_process:lang(zh) li:first-child, .evt_process:lang(jp) li:first-child {font-size: 1.8em; line-height: 1.2em} .evt_process li:last-child {width:75%; padding-left: 40px;font-size: 1.2em; line-height: 1.6em; color: #454545; border-left: 3px solid #ab2e94} .floatleft li.eventlist div.event_photo, .floatleft li.eventlist div.contents, .floatright li.eventlist div.event_photo, .floatright li.eventlist div.contents {width:100%} /* 해외방문만남 */ div.containerwrap > div.container.nopadd { margin-bottom: 0} .propose_area {background: url('/images/propose_bg.jpg') 0 0 no-repeat; width: 100%; height: auto; overflow: hidden;background-color: #cfcde4; padding-bottom:40px; margin-bottom: 50px} .propose_area h4 { font-size: 2em; color: #fff;padding:15px 20px 25px 35%; letter-spacing: -0.06em; line-height: 1.4em } .propose_area:lang(en) h4 {font-size: 1.8em; line-height: 1.2em} .propose_area .txt_area { padding:15px 20px 25px 47%; font-size: 1.1em} .propose_area .txt_tit { padding:15px 0 20px 0; color: #5d5aa2; font-size: 1.4em; clear: both} .propose_area .txt_tit p {background: url('/images/dot_p.jpg') 0 10px no-repeat; padding-left: 18px; line-height: 1.2em; padding-bottom: 8px} .propose_area .txt_area .txt_process {padding:15px 0 20px 0; font-size: 1.2em} .propose_area .txt_area .txt_process .tt {font-size: 1.2em; font-weight: bold; display: inline-block; clear: both; border-bottom: 1px solid #000; margin-bottom: 8px} .propose_area .txt_area .txt_process dl {width: 100%; clear: both;} .propose_area .txt_area .txt_process dt, .propose_area .txt_area .txt_process dd {float: left;} .propose_area .txt_area .txt_process dt {width: 6%;padding: 0 } .propose_area .txt_area .txt_process dt span {background: #fff; border-radius: 50%; width: 23px; height: 23px; display: inline-block; text-align: center; font-size: 15px; color: #4f498f} .propose_area .txt_area .txt_process dd {width: 94%; line-height: 1.4em; padding:3px 0 5px 0} .propose_area .btn {clear: both; padding-left: 10%;margin-top: -70px; position: absolute} .propose_area .btn span { display: inline-block;background: #5d5aa2;width: 300px; text-align: center;font-size: 1.6em; border-radius: 30px; padding: 8px 40px; color: #fff; } .center.list {font-size: 1.2em; padding-bottom: 15px; margin-bottom: 25px; color: #222; border-bottom: 1px solid #ccc} .center.list p {font-size: 1.4em; color: #000} .event_sub.propose li.eventlist {width: 33.33%; padding: 20px} .event_sub.propose li.eventlist.self {border-radius: 26px; padding: 0 15px 5px 0; background-image: linear-gradient(180deg, #5d5aa2 10%, #ddd6e6 60%);background-repeat: no-repeat; background-position: top right;} .event_sub.propose li.eventlist div.event_photo img {height: 200px;} .event_sub.propose li.eventlist.self div.event_photo { padding-top: 15px;padding-left: 15px} .event_sub.propose li.eventlist.self div.contents {padding-left: 25px} .event_sub.propose li.eventlist.self .self {background:url('/images/mine.png') 0 0; width: 50px; height: 50px; background-size: cover; position: absolute} /** 메인에 끌고옴 **/ div.main_event_area { height:auto; overflow:hidden; padding:30px 0;} div.main_event_area.man .container{background:#f3f3f3;padding:20px; } div.main_event_area.man .container h2 { font-size:2em; text-align:center;font-weight:normal} div.main_event_area.man .container h2 p { font-size:16px; color:#bc34ae;} div.main_event_area .main_board { padding-bottom:20px} div.main_event_area .main_board .fl {width:33.3%; padding:10px} div.main_event_area .main_board .fl img {border:1px solid #bbb} div.main_event_area .fl_ban { float:left;width:37%; padding:0} div.main_event_area .fr_ban { float:right;width:63%; padding:0} div.main_event_area.man .fl_ban { float:left;width:63%; padding:0} div.main_event_area.man .fr_ban { float:right;width:37%; padding:0; text-align:right} div.main_event_area.man .fr_ban2 { display:none} div.main_event_area .fl_ban .ytube_size {width:100%; height:234px} div.main_event_area div.contents h2 {height:60px; font-size:1.15em; line-height:1.3em; } div.main_event_area div.contents h3 { display:none} div.main_event_area li.eventlist div.contents p.detail { text-align:center; display:none} div.main_event_area li.eventlist div.contents p.detail button.gray.link_evtView {padding:3px 6px; border:1px solid #777; background:#fff; color:#5F5F5F} div.main_event_area.global { padding: 0} .main_iframe { width:100%; height:310px} .main_5060ban {text-align:center; padding:30px 0} div.containerwrap .main_5060ban { padding:0} div.eventlist-contents {width:100%;overflow:hidden} div.eventlist-apply > ul {width:100%;margin:20px auto;overflow:hidden; background:#faf4fa; padding:20px} div.eventlist-apply > ul > li {width:100%;padding:10px;background:#fff;border:1px solid #d4d3d3;overflow:hidden} div.eventlist-apply > ul > li span {float:left;display:inline-block} div.eventlist-apply > ul > li span.btn {float:right} button.gray.link_evtView {background: #7E7E7E; padding:5px 6px; color:#FFF; font-size:.9em} .event_txt { text-align:right; border-top:1px solid #bbb; display:block; padding-top:10px; margin-top: 15px } .event_txt .fl {color:#1D67AB} span.result_event_page, span.result_event_page{display: inline-block; border-radius: 6px; background: #222; padding:6px 10px; font-size: 1.1em; margin-right: 6px; color: #fff;cursor: pointer} span.result_event_page { background: #000; font-size: 1em} .event_txt .fr a{color: #fff;} .container.event { padding-bottom:50px } .eventbg h2 { text-align:center; font-size:1.25em; padding-top:15px; color:#8F0D7A;} h3.eventview { text-align:center; font-size:2em; padding:20px 0; line-height:1.1em} h1.eventview { text-align:center; font-size:2em; padding:20px 0; line-height:17pt} .evtlink { text-align: center; height:40px; overflow: hidden; padding: 8px 0} .view_evt { border: 1px solid #ab2e94; border-radius: 10px; padding: 4px 20px} /* 이벤트 - 내용(헤라에서 입력되는) */ table.event_box_tbl { padding:30px} table.event_box_tbl td {font-size:.8em;padding:10px} table.event_box_tbl td.event_box_title1 {font-weight:bold;line-height:1.25em; background:#EAF9FD; text-align:center; padding:30px 10px} table.event_box_tbl td.event_box_title1 h1 {color:#254db3;font-size:1.2em;} table.event_box_tbl td.event_box_title1 p { font-size:18px} table.event_box_tbl td.event_box_title {font-size:1em;font-weight:bold;color:#ab0081;line-height:1.5em; text-align:center; border-bottom:1px solid #ddd} table.event_box_tbl input[type="radio"] {margin-left:10px} table.event_box_tbl .pink3 {color:#ac0082; font-size:1em; font-weight:bold} table.event_box_tbl .blue {color:blue} table.event_box_tbl td p {margin-top:20px;line-height:1.5em} table.event_box_tbl td p.subtitle {font-size:1.15em;font-weight:bold;margin-bottom:10px} table.event_box_tbl table.tbl-in {width:100%;background-color:white;border-top:2px solid #ccc;border-bottom:2px solid #ccc;font-size:.825em} table.event_box_tbl table.tbl-in tr {} table.event_box_tbl table.tbl-in th {padding:10px 0;font-weight:bold} table.event_box_tbl table.tbl-in td {padding:20px;border-top:1px solid #ccc} table.event_box_tbl .mt10.ml20 strong{ color:#146BC5} /* 게시판 */ dl.forum-search {width:100%;margin:0;padding:0;overflow:hidden} dl.forum-search dd {} dl.forum-search dd.left {display:none} dl.forum-search dd.right {width:auto;display:table-cell;text-align:center} dl.forum-search dd.right input[type="text"] {width:50%;padding:.2em} dl.forum-title {display:none} /*title행*/ div.board_content { border-top:1px solid #d4d3d3} dl.forum-notice, dl.forum-list {width:100%;margin:0;padding:10px;background-color:white;border-bottom:1px solid #d4d3d3;overflow:hidden} dl.forum-list:last-child {border-bottom:none} dl.forum-notice {background-color:#eaf6fd} /*공지사항 */ dl.forum-notice:nth-child(1) {border-top:1px solid #d4d3d3} dl.forum-notice span.reply-cnt, dl.forum-list span.reply-cnt {font-size:.825em;color:#333; background:url('/images/icon_comm.png') 0 0 no-repeat; padding-left:18px} /** 댓글아이콘 **/ dl.forum-notice dt, dl.forum-notice dd, dl.forum-list dt, dl.forum-list dd {float:left;display:table-cell; line-height:1.2em; font-size:1.05em} dl.forum-list dt {display:block; width:100%} dl.forum-list dd { color: #777; display:block;font-size:.9em; padding-top:8px} dl.forum-notice dt.title, dl.forum-list dt.title {width:100%;text-align:left} dl.forum-notice dd.no, dl.forum-list dd.no {width:100%} dl.forum-notice dd.no {text-align:left} dl.forum-list dd.no {display:none} dl.forum-list dt.title img, dl.forum-list dt.title_wide img { display:none} /** 목록에서 좋아요 가리기 **/ dl.forum-notice dd.name, dl.forum-list dd.name, dl.forum-notice dd.gender, dl.forum-list dd.gender, dl.forum-notice dd.date { width:auto;margin-right:10px;font-size:.9em; color:#777 } dd.date_wide {font-size:.825em} div.forum-page {width:100%;margin:0;padding:30px 0;background-color:white;overflow:hidden} dl.forum-write {width:100%;margin:0 auto;padding:10px;background-color:white;border:1px solid #d4d3d3;overflow:hidden} dl.forum-write > dt {float:left;display:table-cell;width:100%;padding-top:8px;font-weight:bold;clear:left} dl.forum-write > dd {float:left;display:table-cell;width:100%;padding-top:4px} dl.forum-write > dd label {display:inline-block;font-weight:bold} dl.forum-write dd input[type="text"] {width:100%} dl.forum-write dd textarea {width:100%;height:150px} dl.forum-write > dd input.nickname {width:70%} dl.forum-view {width:100%;margin:0 auto;padding:10px;background-color:white;border:1px solid #d4d3d3; overflow:hidden} dl.forum-view > dt { margin:0;padding:0} dl.forum-view > dt > h1 {font-size:1.25em;font-weight:bold;line-height:1.5em;padding:10px;color:#ac0082;border-bottom:1px solid #ac0082} dl.forum-view > dt > h1 > span.reply-cnt {display:inline-block;font-size:.825em;margin-left:5px;color:#333} dl.forum-view > dd {width:100%;margin:0;padding:10px;overflow:hidden} dl.forum-view > dd span {display:inline-block;text-align:right;margin-left:10px} dl.forum-view > dd span.name {font-weight:bold} dl.forum-view > dd span.date {} dl.forum-view > dd span.hit {} span.like { display:inline-block;} span.like span.curHand { display:inline-block;padding-left:0} span.like span.curHand img {vertical-align:middle;margin:0 3px 3px 0} dl.forum-view > dd > p {line-height:1.75em;font-size:1em} dl.forum-manager {width:100%;margin:0 auto;overflow:hidden} dl.forum-manager > dt {display:none} dl.forum-manager > dd {float:left;display:inline-block} dl.forum-manager > dd.photo {width:90px} dl.forum-manager > dd.photo img {width:100%;border:1px solid #d4d3d3;border-radius:8px} dl.forum-manager > dd.info {width:auto;padding:40px 0 0 10px} dl.forum-manager > dd.info > ul {width:auto} dl.forum-manager > dd.info > ul > li {border-bottom:1px solid #da8ece;line-height:2em} dl.forum-manager > dd.info > ul > li.name {font-weight:bold;font-size:1.25em} dl.forum-manager > dd.info > ul > li.telemail {background:url("/images/blet_006.gif") no-repeat 1px 10px;padding-left:8px} div.reply-list {width:100%;margin:10px auto;padding:0;overflow:hidden} div.reply-list dl {width:100%;margin:0;padding:0;border-top:1px dotted #d4d3d3;overflow:hidden} div.reply-list dl:nth-child(1) {border:none;margin-top:-20px} div.reply-list dl dt {padding:20px 0 0;font-weight:normal;text-align:justify;overflow:hidden} div.reply-list dl dt span {display:inline-block;float:left} div.reply-list dl dt span.nickname {font-weight:bold} div.reply-list dl dt span.date {color:#333;font-size:.9em} div.reply-list dl dt span.like {float:right;font-size:.9em} div.reply-list dl dt span.like img {vertical-align:middle;padding:0 1px 3px 0} div.reply-list dl dd {padding:10px 0 20px;font-size:.9em;color:#666;overflow:hidden} div.reply {width:100%;border:1px solid #d4d3d3;background-color:#eee;margin:0 auto;padding:20px;overflow:hidden} div.reply > dl > dd.reply-box {width:100%;margin:10px 0;overflow:hidden} div.reply > dl > dd.reply-box p.left-textarea {} div.reply > dl > dd.reply-box p.right-button {text-align:right;margin-top:10px} /** 아카이브 추가 2018.10.19 **/ .archive_list li, .archive_list2 li, .archive_list3 li {list-style:none} .archive_list { height:auto; overflow:hidden; margin-bottom:30px} .archive_list .list_blog {float:left; width:50%; padding:10px 5px; font-size: 1.2em} .archive_list .list_blog p.blog_photo {float: left; width: 40%; padding-right: 15px ;display:inline-block; overflow:hidden;vertical-align:middle;} .archive_list .list_blog p.blog_photo img {width:190px; height: 120px; vertical-align:middle; border: 1px solid #bbb } .archive_list .list_blog p.item_tit {float: left;width: 60%; overflow: hidden; line-height: 1.3em; padding: 8px 15px 10px 0 } .archive_list .list_blog p.item_tit:lang(zh) { font-size: .9em; } .archive_list2 .list_item {float:left; width:50%; padding:15px 20px} .archive_list2 .list_photo {float:left; width:23%;height: 105px;position:relative; overflow:hidden;} .archive_list2 .list_item_txt {float:right; width:75%; padding:0 10px} .archive_list2 .list_item_txt p.category { padding-top:6px} .archive_list3 .list_item {float:left; width:25% !important; padding:15px 14px;} .archive_list3 .list_photo {clear:both; width:100%; height:142px;margin-bottom:10px} .archive_list3 .list_photo img {width:100%; height:100%} .archive_list3 .list_item_txt { clear:both; width:100%} .archive_view { padding:30px; border:1px solid #ddd} .archive_view_tit { padding-top:0} .archive_view_tit h2 { font-size:1.4em} .archive_view_tit .archive_view_info{ float:left;} .archive_view_tit .share_area { display: none} .archive_view_tit .share_area:lang(ko) { float:right; display: inline-block} .archive_view dd, .archive_view dd p {font-size:1.05em;line-height:1.8em;} .archive_view dd { padding-top: 20px} .archive_view dd img { text-align:center; margin:0 auto} .archive_category li { width:20%; letter-spacing:0; font-size:1.1em} .video-container {width:540px; height:306px} .archive_box div.col-lg-3 {width:30%} .archive_box div.col-lg-3.m_md {width:40%; padding-left:10px; padding-right:10px} span.like span.curHand { padding-left:10px} /**div.eventbg {background:url('/images/event_bg.png') center 10px no-repeat; overflow:hidden;}**/ div.eventbg { overflow:hidden;} /** sns공유 **/ .share_sns { display:inline-block; text-align:center; padding:5px} .share_sns img{margin-bottom:8px; width:50px} .snsdiv { top:170px; } /** 아카이브 추가 2018.10.19 **/ .archive_category { background:#F9F9F9; margin-bottom:30px; height:auto; overflow:hidden; border-top:1px solid #ddd;border-left:1px solid #ddd;} .archive_category li { width:50%; float:left; list-style:none; border-right:1px solid #ddd; text-align:center; border-bottom:1px solid #ddd; padding:8px;} .archive_category li:hover {background:#D360A7; color:#fff; cursor:pointer} .archive_list2 .list_photo {float:left; width:30%;height: 100px;position:relative; overflow:hidden;} .archive_list2 .list_item {clear:both; width:100%; padding:15px 0;} .archive_list2 .list_item_txt {float:right; width:70%; padding:0 10px} .archive_list2 .list_item_txt p.category { padding-top:0px} .archive_list2 .list_item_txt p.item_tit {font-size:1.1em; line-height:1.2em;height:auto; overflow:hidden; display:inline-block } .list_item p { margin-bottom:1px} div.eventbg h3 { font-size:1.15em; padding-top:8px} .archive_list3 { height:auto; overflow:hidden;padding:15px 0 20px 0} .archive_list3 .list_item { float: left; width:50% !important; padding:0 5px 10px 5px; height:auto; overflow:hidden} .archive_list3 .list_photo {float:left; width:100%;position:relative; overflow:hidden; padding-bottom:5px} .archive_list3 .list_photo img{border:1px solid #bbbbbb;} .archive_list3 .list_item_txt {width:100%;padding:0 5px 10px 5px } .archive_list3 .list_item_txt p.item_tit { font-size:1.05em; line-height:1.2em;height:auto; display:inline-block;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .archive_list3 .list_item .list_item_txt { padding-right:0} p.category {color: #C55DB5; font-weight:bold;word-break:break-all;white-space: nowrap; min-width:100%; overflow:hidden; padding-bottom:4px} span.category {color: #C55DB5; font-weight:bold;} p.blog_data { color:#777; margin-bottom:0} .video-container {width:100%; height:306px} /*타이틀*/ .archive_tit {margin-bottom:20px;border-bottom:1px solid #b86eb4; height:auto; overflow:hidden; display:none} .archive_tit_view {height:auto; overflow:hidden; margin-bottom:10px} .archive_view_tit #d_ttl { font-size:1.3em} .archive_tit h2, .archive_tit_view h2{ float:left;font-weight:bold;font-size:2em;line-height:1.5em; padding-left:20px; padding-bottom:8px; display:inline-block} .archive_search{float:right;text-align:right; width:50%;padding-bottom:10px} .archive_search input[type="text"] { width:50%} p.archive_tit_search {font-size:20px !important;} .archive_box { border:1px solid #ddd; padding:30px 0; height:auto; overflow:hidden; width:100%; margin:30px 0; text-align:center} .archive_box div.col-lg-3, .archive_box div.col-lg-3.m_md {width:100%} .archive_box .pt20{padding:10px} h2.titmain_archive {font-weight:bold;font-size:1.4em; margin:0 auto; margin-bottom:15px; text-align:center;padding-bottom:8px; border-bottom:1px solid #777; width:90%} span.htag { display:inline-block;background:#F1F1F1; border-radius:20px; padding:10px 20px; margin:5px; text-align:center; font-size:1.1em;} span.htagSearch { display:inline-block;background:#F1F1F1; border-radius:20px; padding:10px 15px; margin:5px; text-align:center; font-size:1em;} .archive_userlist { text-align:left; padding-left:20px} .archive_userlist p {background:url(/images/dot.png) 3px 10px no-repeat; padding:2px 0 ; padding-left:15px;} /** 보기 **/ .archive_view { padding:5px; margin-bottom:25px} .archive_view_tit {border-bottom:1px solid #ddd; padding-bottom:8px; margin-bottom:0; height:auto; overflow:hidden; padding:15px} .archive_view h1{ font-weight:bold; font-size:1.2em; line-height:1.5em; color:#3F59AB; display:block; padding-bottom:8px; clear:both} .archive_view_tit .archive_view_info span{font-size:.9em; color:#585858} .archive_view dd, .archive_view dd p {line-height:1.7em;font-size:1.05em; padding: 15px} .archive_view dd img { width: 90%} .hashtag { color:#777; font-size:.9em; margin-top:20px} .hashtag span {background: #E7E7E7; color:#6B6B6B; padding:2px 5px; display:inline-block; margin:3px; border-radius: 20px; cursor:default} .view_archive, .par { font-size:1em; line-height:1.7em} .ad {color:#888; font-weight:normal; font-size:.8em; display:inline-block; padding:0 8px; letter-spacing:-1px} .board_signature {margin:30px 0;padding:10px;border:1px dashed #cccccc;color:#888888; background:url(http://static.se2.naver.com/static/img/bg_b1.png) repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.se2.naver.com/static/img/bg_b1.png',sizingMethod='scale');} .gray_tit { color:#989898} /** 버튼 **/ .tablewrap.mt20.mb20 .btn_list, .fr.pc .btn_list {font-size:1.1em; padding:8px 25px} .mobile .btn_list{font-size:1em; padding:4px 6px !important; margin-right:8px; background:#A2A2A2;} /* 덧글 */ .btn.gray {display:inline-block; border-radius:4px;background:#ddd; color:#888; padding:0 3px; font-size:.8em; margin-left:3px} /**신고하기**/ .btn.gray:hover { background:#777; cursor:pointer} /** sns공유 **/ .share_sns { display:inline-block; text-align:center; padding:0 5px; font-size:.8em;} div.fb-share-button.share_sns {display:inline-block;} div.fb-share-button.share_sns img{padding-bottom:4px;} .share_sns img{margin-bottom:5px; width:40px} .btn_shareicon { background:url('/images/icon_share.png') 6px 5px no-repeat; padding:3px; padding-left:28px; border:1px solid #A7A7A7; border-radius:4px; display:inline-block; font-size:.9em; cursor:pointer } .snsdiv {position:absolute; margin:0 auto;right:10px; top:200px; width:310px; height: auto; z-index:1; visibility: hidden; background:#FFF; border:1px solid #707070} .share_box { text-align:center; padding:20px} .share_box h3 { border-bottom:1px solid #ddd; margin-bottom:15px} .share_url input{width:100%} /***************************************/ /* 이용안내 2018.06.19 */ .services-title {position:relative;width:100%;margin:0 auto;padding:20px 10px;text-align:center;overflow:hidden} .services-title h1 {font-weight:bold;font-size:1.5em;line-height:1.5em;margin-bottom:20px} .services-title h2 {font-size:1.12em;line-height:2em} .services-title h2 span {display:inline;font-weight:normal;margin-bottom:5px;} .services-title button {font-size:1.2em;width:100%;height:50px;line-height:50px;padding:0;font-weight:bold;margin:20px 0; border-radius:10px} .service_matchbox { background:#d3eafc; border-radius:20px; padding:20px; text-align:left; width:92%; margin:20px auto; font-size:1.2em} .main-info .pd40 { padding:20px 40px !important; height:auto; overflow:hidden} .sunoogo { display:inline-block; border-radius:4px; background:#908bef; padding:3px 6px; margin-left:5px; font-size:.9em; color:#fff} .guidetb {border-bottom:1px solid #999;} .guidetb th, .guidetb td{padding:8px; border-top:1px solid #999; border-bottom:none; font-size:.9em} .guidetb th:lang(jp), .guidetb td:lang(jp) {font-size:.9em} .guidetb th {border-right:1px solid #999; width: 15%; padding:8px 0} .guidetb td .color-blue1 {display:none} /** 탭(이용안내) **/ .tabarea {padding:0 0 30px 0; height: auto; overflow: hidden} .tabarea label{ float:left; width:24% ; margin-left: 0.5%; margin-right: 0.5%; height:50px;line-height:48px; font-size:1.4em;text-align:center; background:#d2c8c7; color: #777; font-weight: normal;font-weight: normal;border-radius: 40px; cursor:pointer ; } .tabarea input { display:none; } .tabarea input#select1:checked + label.standard1 {background: #c490c0; color: #fff } .tabarea input#select2:checked + label.standard2 {background: #f39f5f; color: #fff} .tabarea input#select3:checked + label.standard3 {background: #8c98cc; color: #fff} .tabarea input#select4:checked + label.standard4 {background: #6dc0c6; color: #fff} .tabarea input#select1, .tabarea input#select2, .tabarea input#select3, .tabarea input#select4 { display:none;} .tabarea .page1, .tabarea .page2, .tabarea .page3, .tabarea .page4{ display:none;} .tabarea input#select1:checked ~ .page1{ display:block; clear:both; padding-top:20px} .tabarea input#select2:checked ~ .page2{ display:block; clear:both; padding-top:20px} .tabarea input#select3:checked ~ .page3{ display:block; clear:both; padding-top:20px} .tabarea input#select4:checked ~ .page4{ display:block; clear:both; padding-top:20px} .privacy_area span.title { font-weight:bold} /* 금액 테이블 */ .guide_tb { clear: both;padding:0 0 30px 0; height: auto; overflow: hidden} .guide_tb table{border-top: 1px solid #d2c8c7; width: 100%} .guide_tb th, .guide_tb td { padding: 15px 4px; text-align: center;font-size: 1.1em;vertical-align: middle;border-right: 1px solid #d2c8c7;} .guide_tb th:last-child, .guide_tb td:last-child { border-right:none } .guide_tb td span.fee_txt {color: #fc5f00; font-size: 1.2em !important} .guide_tb td span.fee_txt:lang(zh) {color: #fc5f00; font-size: 1.01em !important} .guide_tb th { background: #f8f4f4; font-weight: bold; line-height: 1.1em; } .guide_tb th:first-child { color: #000;text-align: left; padding-left: 10px} .guide_tb td:first-child { text-align: left;; padding-left: 10px} .guide_tb td:nth-child(n+2):nth-child(-n+6) {width: 11%} .guide_tb:lang(zh) td:nth-child(n+5):nth-child(-n+6){width: 12%} .guide_tb td { border-bottom: 1px solid #d2c8c7; } .guide_tb td .guide_tt{ font-weight: bold; padding-bottom: 8px} .guide_tb ol {list-style: disc} .guide_tb ol li { list-style-type:decimal !important; margin-left: 20px} .guide_tb td.meet_fee { color: #fc5f00; font-size: 1.2em} .guide_btn { padding:0 0 40px 0; text-align: center} .guide_btn button { background: #c490c0} .guide_btn button.link_purchase {background: #f39f5f} .guide_tbbox {border: 1px solid #bbb; border-radius: 20px; padding:16px; width: 100%} .guide_tbbox th, .guide_tbbox td{ padding:15px 10px; width:16%; text-align: center; font-size: 1.1em} .guide_tbbox th.item, .guide_tbbox td.item {width: 14%} .guide_tbbox td {border-top:1px solid #a4a0c5;border-left:1px solid #a4a0c5; vertical-align: middle} .guide_tbbox th{background: #e0dde9; border-radius: 8px; vertical-align: middle; line-height: 1.1em} .guide_tbbox td:first-child {border-left:none} .guide_tbbox th.data, .guide_tbbox td.data {width: 54%} .guide_tbbox td.data {text-align: left} .guide_tbbox td.item { color: #b63d8c; font-weight: bold;font-size: 1.3em; letter-spacing: 0} .guide_tbbox td.fee {font-size: 1.2em} .guide_tbbox tr:nth-child(2) td{ border-top: none} /** 탭(스페셜매칭) **/ .tabevent label{ float:left;border-bottom:1px solid #d73f6b; border-right:1px solid #ddd; width:25% ;height:45px;line-height:45px; font-size:1.1em;text-align:center; background:#f5f5f5;margin-right:0; cursor:pointer } .tabevent label.select4 {border-right:none} .tabevent input#select1:checked + label.event1 { border:1px solid #d73f6b; border-bottom:none; background:#FFF; color:#ac0082; font-weight:bold } .tabevent input#select2:checked + label.event2 { border:1px solid #d73f6b; border-bottom:none; background:#FFF; color:#ac0082; font-weight:bold} .tabevent input#select3:checked + label.event3 { border:1px solid #d73f6b; border-bottom:none; background:#FFF; color:#ac0082; font-weight:bold} .tabevent input#select4:checked + label.event4 { border:1px solid #d73f6b; border-bottom:none; background:#FFF; color:#ac0082; font-weight:bold} /*.tabevent input#select4:checked + label.event4 { border:1px solid #d73f6b; border-bottom:none; background:#FFF; color:#ac0082; font-weight:bold} .tabevent input#select6:checked + label.event6 { border:1px solid #d73f6b; border-bottom:none; background:#FFF; color:#ac0082; font-weight:bold} .tabevent input#select7:checked + label.event7 { border:1px solid #d73f6b; border-bottom:none; background:#FFF; color:#ac0082; font-weight:bold} .tabevent input#select8:checked + label.event8 { border:1px solid #d73f6b; border-bottom:none; background:#FFF; color:#ac0082; font-weight:bold} */ .tabevent input#select1, .tabevent input#select2, .tabevent input#select3, .tabevent input#select4, .tabevent input#select5, .tabevent input#select6, .tabevent input#select7, .tabevent input#select8 {display:none;} .tabevent .page1, .tabevent .page2, .tabevent .page3, .tabevent .page4, .tabevent .page5, .tabevent .page6, .tabevent .page7, .tabevent .page8{display:none;} .tabevent input#select1:checked ~ .page1{ display:block; clear:both; padding-top:20px} .tabevent input#select2:checked ~ .page2{ display:block; clear:both; padding-top:20px} .tabevent input#select3:checked ~ .page3{ display:block; clear:both; padding-top:20px} .tabevent input#select4:checked ~ .page4{ display:block; clear:both; padding-top:20px} .tabevent input#select5:checked ~ .page5{ display:block; clear:both; padding-top:20px} .tabevent input#select6:checked ~ .page6{ display:block; clear:both; padding-top:20px} .tabevent input#select7:checked ~ .page7{ display:block; clear:both; padding-top:20px} .tabevent input#select8:checked ~ .page8{ display:block; clear:both; padding-top:20px} .pt30 .center { margin-bottom:50px} .services-membership {position:relative;width:100%;margin:0 auto;padding:50px 0 0;text-align:center;overflow:hidden} .services-membership:lang(ko) {padding:0} .services-membership h1 {font-weight:bold;font-size:1.5em;line-height:1.5em;margin-bottom:20px} .services-membership button {font-size:1.2em;width:90%;height:50px;line-height:50px;padding:0;font-weight:bold;margin:20px 0} .services-membership > ul {margin:20px auto;overflow:hidden} .services-membership > ul > li {position:relative;width:100%;font-size:1.2em;line-height:1.5em;text-align:justify;} .services-membership > ul > li.pic {width:100%;height:200px;padding-top:10px;margin:0 auto;font-size:1.5em;line-height:1em;font-weight:600;color:white;text-align:center;background-position:top center;background-repeat:no-repeat;background-size:60%;} .services-membership > ul > li.regular {background-image:url('/images/membership-regular-bg.png')} .services-membership > ul > li.premium {background-image:url('/images/membership-premium-bg.png')} .services-membership > ul > li.special {background-image:url('/images/membership-vip-bg.png')} .services-membership > ul > li span {display:inline-block;font-size:1.25em;font-weight:400;text-transform:uppercase;opacity:.7;margin:15px 0} .services-membership > ul > li span.star {opacity:1;margin-top:5px} .services-membership > ul > li small {display:inline-block;margin-top:10px;font-size:.725em} .services-membership > ul > li.p20 {width:100%} .services-membership > ul > li.p70 {width:100%;vertical-align:top;padding:10px;line-height:2em;overflow:hidden} .services-membership > ul > li.p70 > ul > li {float:left;width:95%;font-size:1.1em;} .services-membership > ul > li.p70 > ul > li.title {font-size:1.3em;line-height:1.3em;font-weight:bold;background-size:cover;padding:10px;margin-bottom:20px} .services-membership > ul > li.p70 > ul > li.color-blue2 {color:#0098b4 !important;font-weight:600;padding:15px} .services-membership > ul > li.dotted {width:100%;border-top:1px dashed #959595;margin:20px 0} .services-matching {position:relative;width:100%;margin:0 auto;padding:0 10px;text-align:center;overflow:hidden;background:#faf4fa} .services-matching h2 {display:inline-block;width:100%;font-size:1.5em;background-color:#4f6eae;color:white;margin-top:30px;padding:5px;border-radius:20em} .services-matching h3 {font-size:1.3em;font-weight:bold;color:#626982;margin:20px 0} .services-matching h4 {font-size:1.2em;font-weight:normal;color:#626982;margin:0;line-height:1.5em; font-weight:bold} .services-matching > ul {width:90%;max-width:940px;margin:0 auto;overflow:hidden} .services-matching > ul li {position:relative;width:100%;margin:20px 0;padding:70px 10px 20px 10px;font-size:1.5em;font-weight:normal;line-height:1.2em;color:white;background-repeat:no-repeat;background-size:50px;background-position:center top 10px;background-color:#87c3f1;border-radius:1em} .services-matching > ul li.matchmaker1 {background-image:url('/images/ico-matchmaker1.png')} .services-matching > ul li.matchmaker2 {background-image:url('/images/ico-matchmaker2.png')} .services-matching > ul li.matchmaker3 {background-image:url('/images/ico-matchmaker3.png')} .services-matching > ul li.matchmaker4 {background-image:url('/images/ico-matchmaker4.png')} .services-matching > ul li.self1 {background-image:url('/images/ico-self1.png')} .services-matching > ul li.self2 {background-image:url('/images/ico-self2.png')} .services-matching > ul li.self3 {background-image:url('/images/ico-self3.png')} .services-matching > ul li.self4 {background-image:url('/images/ico-self4.png')} .services-matching > ul li span {display:block;margin-bottom:5px} .services-matching .checkpoint {position:relative;top:0;left:0;width:100%;margin:50px auto;padding:30px 10px;text-align:center;background:#faf4fa;border:1px solid #b48fb4} .services-matching .checkpoint h5 {position:absolute;top:-19px;left:50%;margin-left:-130px;width:260px;height:35px;background:url('/images/checkpoint-bg.png') center center no-repeat;background-size:230px;color:white;line-height:2.3em;text-transform:uppercase;z-index:10} .services-matching .note {position:relative;width:95%;margin:20px auto 20px auto;padding:0;text-align:center;overflow:hidden} .services-matching .note ol li {font-size:1.1em;line-height:1.5em;text-align:left;margin-bottom:10px} .services-matching .note ol li span {display:inline-block;background:url('/images/ico-check.png') left center no-repeat;padding-left:20px;color:#ac0082;font-weight:bold} .services-matching .note p {margin-top:50px;color:#ac0082;font-weight:600;font-size:1.2em} .services-certi {position:relative;width:100%;margin:0 auto; padding:25px 0;text-align:center;overflow:hidden} .services-certi h2 {font-weight:600;font-size:2em;/*padding-top:10px;background-image:linear-gradient(#ac0082,#ac0082);background-repeat: no-repeat;background-size: 100px 1px, calc(0% - 4px) 100%;background-position: top center;*/ margin-bottom: 8px} .services-certi h3 {font-weight:600;font-size:1.5em;color:#ad4b9a;margin:10px 0} .services-certi > ul {margin:20px auto} .services-certi > ul > li {position:relative;width:100%;padding:130px 0 20px 0;background-position:top 20px center;background-repeat:no-repeat;background-size:30%;color:#8f8f8f;font-size:1em;line-height:1.5em;border-bottom:1px solid #e3e3e3} .services-certi > ul > li:last-child {border-bottom:none} .services-certi > ul > li.home {background-image:url('/images/ico-home.png')} .services-certi > ul > li.fax {background-image:url('/images/ico-fax.png')} .services-certi > ul > li.sms {background-image:url('/images/ico-sms.png')} .services-certi > ul > li span {color:black;font-weight:600;font-size:1.5em;line-height:1.5em} .services-certi p {text-align:left;font-size:1.2em;line-height:1.5em;} /** .services-certi dl {position:relative;margin-top:50px} .services-certi dl dt {background:#f8f4f8;font-size:1.3em;font-weight:bold;text-align:left;padding:10px 0 0 20px} .services-certi dl dd {border:10px solid #f8f4f8;margin-bottom:20px;text-align:left;padding:10px;font-size:1.2em;line-height:1.5em} **/ .services-features {position:relative;width:100%;margin:0 auto;padding:50px 20px;text-align:center;overflow:hidden} .services-features h2 {font-weight:600;font-size:2em;padding-top:20px;background-image:linear-gradient(#ac0082,#ac0082);background-repeat: no-repeat;background-size: 100px 1px, calc(0% - 4px) 100%;background-position: top center} .services-features > ul {width:100%;margin:20px auto} .services-features > ul > li {float:left;display:inline-block;width:100%;padding:110px 10px 10px;background-position:top 15px center;background-repeat:no-repeat;background-size:auto;color:#8f8f8f;font-weight:600;margin-top:20px} .services-features > ul > li.infoopen {background-image:url('/images/ico-infoopen.png')} .services-features > ul > li.edit {background-image:url('/images/ico-edit.png')} .services-features > ul > li.deactive {background-image:url('/images/ico-deactive.png')} .services-features > ul > li.reactive {background-image:url('/images/ico-reactive.png')} .services-features > ul > li span {color:black;font-weight:600;font-size:1.5em;line-height:1.5em} .services-refund {position:relative;width:100%;margin:0 auto;padding:50px 20px;text-align:center;overflow:hidden} .services-refund h2 {font-weight:600;font-size:2em;padding-top:20px;background-image:linear-gradient(#ac0082,#ac0082);background-repeat: no-repeat;background-size: 100px 1px, calc(0% - 4px) 100%;background-position: top center} .services-refund dl {position:relative;width:100%;margin:20px auto} .services-refund dl dt {float:left;width:100%;font-size:1.3em;font-weight:600;text-align:left} .services-refund dl dd {float:left;width:100%;margin-bottom:20px;padding-top:2px;text-align:justify;font-size:1.2em;line-height:1.5em} /** 서비스안내(add) **/ div.col-lg-2 { position: relative;width: 100%; height:auto; overflow:hidden } div.col-lg-3.width1, div.col-lg-3.width2 { width:31%} div.col-lg-3.width3 { width:38%} .box_border { border:1px solid #ddd; height:auto; overflow:hidden; clear:both; } .mem_basic {padding:0px;} .price_bg01 {background:url(/images/guide_price01.png) top center no-repeat; background-size:cover; height:90px; text-align:center; color:#FFF; margin:0 auto;} .price_bg02 {background:url(/images/guide_price02.png) top center no-repeat; background-size:cover; width:100%; height:90px; text-align:center; color:#FFF;margin:0 auto;} .price_bg03 {background:url(/images/guide_price03.png) top center no-repeat; background-size:cover; width:100%; height:90px; text-align:center; color:#FFF;margin:0 auto;} .price_bg04 {background:url(/images/guide_price04.png) top center no-repeat; background-size:cover; width:100%; height:60px; text-align:center; color:#FFF;} .price_info { font-size:1.1em; padding:25px; height:auto; overflow:hidden} .price_info dt, .price_info dd { display:block;} .price_info.txt1 dt {color: #385f99; font-weight:bold; font-size:1.2em;} .price_info.txt2 dt {color: #E48104; font-weight:bold; font-size:1.2em;} .price_info.txt3 dt {color:#3e752f; font-weight:bold; font-size:1.2em} .price_info dd { padding-bottom:15px; line-height:1.4em; letter-spacing:-1px} .price_info dd:lang(en) { padding-bottom:15px; line-height:1.4em; letter-spacing:-1px; font-size:.9em} .txt_tel { font-size:1.4em; text-align:center; margin-top:20px; color:#777} div.tit_price{ font-size:1.5em; padding-bottom:10px; letter-spacing:-1.2px;font-weight:600; border: #fff; color:#ab0078} .mem_price.img04 div.tit_price { color:#6e68bc} .mem_price.img05 div.tit_price { color:#47429e;} .tit_price2 { color:#777; display: inline-block; padding-bottom:0;font-size:18px; padding-left: 10px; font-weight: normal} div.tit_price.tit2{padding-top:6px; padding-bottom:10px; color:#000} h2.subtit_price { letter-spacing:-0.06em; display:inline-block; font-size:1.12em; text-align:left; font-weight:normal; line-height: 1.3em } h2.subtit_price:lang(jp) {letter-spacing:-0.04em;} .price_bg01 h2.subtit_price{color:#69E5FF} .price_bg02 h2.subtit_price{color: #FFF500} .price_bg03 h2.subtit_price{color: #AEFF82} span.txt_money { color:#fffaaf; letter-spacing:-2px; display:inline-block} .mem_price {height: auto; overflow: hidden; clear: both; border-radius: 10px; margin-bottom: 10px; padding: 6px 10px } .mem_price.img00 {border: 3px solid #d3959b;} .mem_price.img01 {border: 3px solid #c97eb7; } .mem_price.img02 {border: 3px solid #bc68a6;} .mem_price.img03 {border: 3px solid #ac68bd;} .mem_price.img04 {border: 3px solid #6e68bc; } .mem_price.img05 {border: 3px solid #47429e; } .mem_price.img06 {border: 3px solid #a90074; } .mem_price div.use_colorbg {padding:15px 10px; background-color: #f2dee0; color: #ab0078; border-radius: 15px; width: 100%; height: auto; margin-top:10px; } .mem_price.img01 div.use_colorbg {background-color: #f0d9e4} .mem_price.img02 div.use_colorbg {background-color: #f3ddee;} .mem_price.img03 div.use_colorbg {background-color: #f3e1f8;} .mem_price.img04 div.use_colorbg {background-color: #dfe6f7; color: #47429e } .mem_price.img05 div.use_colorbg { background-color: #e1dff7; color: #47429e } .mem_price div.use_price {float:left; padding:7px; box-sizing:border-box;} .mem_price div.use_price:first-child { width:77%;font-size:1.05em; line-height:1.4em ; padding:12px 10px;} .mem_price div.use_price:last-child { width:23%; text-align:center; color:#FFF; padding-top:0px; } .num{font-size:1.19em; font-weight: bold;} .mem_price.img05 h1{color:#4A4A4A} .mem_price.img05 p {color:#4A4A4A} .mem_price div.col-lg-3 { width: 36%} .mem_price div.col-lg-3:first-child, .mem_price div.col-lg-3:last-child { width: 32%} .mem_price .stt{ clear:both; background: #BB85C7; border-radius:10px; padding:8px; margin-bottom:12px; color:#fff; font-weight:500; font-size: 1.3em; text-align: center} .mem_price .stt:lang(jp) {letter-spacing: -0.08em; font-size: 1.2em;} .mem_vip {height:auto;overflow:hidden; clear:both; border:1px solid #FBE28F;background:url(/images/guide_price04.png) top left no-repeat; background-size:100%; } .mem_vip {height:auto;overflow:hidden; clear:both; border:1px solid #FBE28F;background:url(/images/guide_price04.png) top left no-repeat; background-size:100%; } .mem_vip {height:auto;overflow:hidden; clear:both; border:1px solid #FBE28F;background:url(/images/guide_price04.png) top left no-repeat; background-size:100%; } .mem_vip li {list-style:none;font-size:1.2em; line-height:1.7em; width:100%;background:#fdfcf5} .mem_vip li:first-child { font-weight:bold; color:#FFF;text-align:center; } h1.tit_vip { margin:15px 0;font-size:1.4em;letter-spacing:-1px;} .step { height:auto; overflow:hidden} .step li { float:left;width:24%;; height:140px; margin-right:1%; border-radius:20px; border:1px solid #B71474; padding:10px; text-align:center; font-size:1.3em; font-weight:bold} .step li span {display:block; font-weight:bold; color:#B71474; padding-bottom:10px} /** 이용안내 프로세스 **/ .main_step {height:auto; overflow:hidden; margin:0 0 0 0} .main_step li { list-style:none; float:left; padding:18px 25px 15px 5px; margin-bottom:8px; width:19%; margin-right:1%; text-align:left; font-size:1.15em; line-height:1.4em; background: url('/images/process_arrow.png') right center no-repeat; border-top:3px solid #b00182; } .main_step li small { color: #555} .main_step li:nth-child(2) { width: 20%} .main_step li:nth-child(3) { width: 18%} .main_step:lang(jp) li {font-size:1.05em } .main_step li:last-child { background: none; margin-right: 0; padding-right: 0 !important} /** .price_bg02 {background:url(/images/guide_price02.png) top center no-repeat; background-size:cover; width:100%; height:80px; text-align:center; color:#FFF} .price__bg04_line {border-top:1px solid #e7d2e7; border-bottom:1px solid #e7d2e7; height:auto; overflow:hidden} .price__bg04_line div.fl.ml20:lang(en) { width:65%; margin-left:10px !important} .price_bg01 img, .price_bg02 img, .price_bg03 img{ margin-top:30px} .price_bg04 img { margin-top:20px} .price__bg04_line div.fl.ml20 .price_info:lang(en) {letter-spacing:-1px;font-size:1.05em} .price_info.txt2 dt {color:#9c531f; font-weight:bold; font-size:1.2em} .price_info.txt4 dt {color:#ad5b83; font-weight:bold; font-size:1.2em;} .price_info.txt4 dd { margin-bottom:10px} .price_tip {background:url(/images/icon_price_info.png) 20px 30px no-repeat; padding:20px 20px 20px 100px} .price_tip span { display:block; font-size:1.1em; line-height:1.5em} .price_tip span.tit_tip { color:#dd491c; font-weight:bold;font-size:1.3em; margin-bottom:5px } /*결제하기 */ div.purchase-order {width:100%;overflow:hidden;padding:10px 15px;} div.purchase-order h2 { color: #ac0082; padding: 10px; font-size: 1.4em; text-align: center; padding-bottom: 10px} div.purchase-order.result { width: 60%; margin: 20px auto; border-radius: 20px; border: 1px solid #777} div.purchase-order.result h2 { color: #ac0082; padding: 10px; font-size: 1.4em; text-align: center; padding-bottom: 10px} div.purchase-order > p {margin-top:5px;color:#6b489d;text-align:right; padding-bottom:5px} div.purchase-order > dl {margin-top:0;padding:0} div.purchase-order > dl > dd select {width:auto} div.purchase-order > dl > dd.order-info input {width:auto} ul.purchase-order li {margin-top:5px; list-style:decimal;font-size:.95em; line-height: 1.5em } ul.purchase-order li.listnone {list-style:none} div.purchase-order > dl {width:100%;margin:0;padding:8px 0;overflow:hidden; border-top: 1px solid #bbb} div.purchase-order dl:first-child { border-top:none} div.purchase-order > dl > dt {float:left;width:15%;padding:0 0 0 15px;font-weight:bold;line-height:1.6em} div.purchase-order > dl > dd {float:left;width:85%;padding-left:5px;line-height:1.6em } div.purchase-order.result > dl > dt {width:22%;} div.purchase-order.result > dl > dd{width:78%;color:#0D3386} div.purchase-order > dl > dd select { padding: 1px 6px} div.purchase-order > dl > dd .disc { font-size: .9em; color: #3F296C} div.purchase-order > dl div.bg { background:#f2f2f2; margin-bottom: 8px; padding:10px; text-align:center} .blue.big.link_support { padding: 8px 20px; margin-top: 10px; font-size: 1.2em} div.purchase-order > dl > dd.price input[type="text"] {} div.purchase-order > dl > dd.price label {margin-right:5px;margin:0 5px} div.purchase-order > dl > dd.order-info input {} div.purchase-order > dl > dd.order-info label {display:none} div.purchase-order > dl > dd.order-info span {display:inline;color:#2895ce} ul.purchase-order { padding: 10px} p.purchase-cmt {text-align:left; padding-bottom:8px} .agree_bg { background:#f4f4f4; padding: 8px; text-align: center } /* 토스페이먼츠 */ .floatleft.grid_left {width:62%; border-radius: 20px; border: 1px solid #000} .floatright.grid_right {width:36%;border-radius: 20px; border: 1px solid #000; padding: 20px} .floatright.grid_right div.purchase-order { padding: 0} div.purchase-order.toss dt {width:18%; padding-left:5px; padding-top:10px; line-height:1.2em} div.purchase-order.toss dt.pt0 { padding-top: 3px} div.purchase-order.toss dd {width:81%;} div.purchase-order > dl > dd.price div.us_info { width: 100%} #spn_part_money_usd span.desh {display: none} #spn_part_money_usd:lang(ko) span.desh {display: inline-block} div.purchase-order > dl > dd.price input[type="text"] { color: #C4275D; font-size: 1.3em; width: 35%} div.purchase-order.toss dd.order-info select, div.purchase-order.toss dd.order-info input { width:49.5%; margin: 0 0 8px 0} div.purchase-order > dl div.method li { list-style:none; width:100%; float:left; margin-bottom: 0;margin-right: 2%; font-weight:bold} div.purchase-order > dl div.method li button{ width:100%;height:54px;border-radius: 4px; border: 1px solid #000; background:#fff; color:#000; font-size:1.1em; font-weight:bold; margin:0; padding:0; letter-spacing:0; line-height: 1.2em; margin-bottom: 6px; background: url('/images/check.png') top 15px left 15px no-repeat; background-size: 20px ;} div.purchase-order > dl div.method li button:hover {color:#fff; opacity: 1;background-color:#222; } div.purchase-order > dl div.method li button.disabled { background: #eee; color: #777; border:1px solid #bbb} div.purchase-order > dl div.method li button.disabled:hover { color: #777;} div.purchase-order > dl div.method li .payverse_select {padding: 10px 20px 20px 20px; font-weight: normal} div.purchase-order > dl div.method li .payverse_select p:first-child { border-bottom: 1px solid #bbb; margin-bottom: 8px; padding-bottom: 8px; color: #ac0082} div.purchase-order > dl div.method li .on{ background-color:#222; color:#fff} div.purchase-order > dl div.method li img { text-align:center; vertical-align:middle; width:40%} div.purchase-order > dl div.method li:nth-child(even) { margin-right: 0} div.purchase-order > dl div.method li span.fl.nomal.disabled {color: #777} div.purchase-order > dl div.method li span.fl.nomal.disabled input[type="radio"] {pointer-events:none; opacity:0.5;} div.purchase-order > dl div.method span { display: block; padding:5px 10px 5px 30px; font-weight: bold} .floatright.grid_right div.purchase-order > dl { border-top: none} .pay.mb30 button{ width: 100%} .kcp_pay { padding-bottom: 20px } .pay_item_tt { border-radius: 10px; background: #000; display: inline-block; clear: both; color: #fff; margin-bottom: 8px; padding: 1px 10px 3px 10px} .card_info { clear: both; padding:2px 0 15px 10px; height: auto; overflow: hidden} .card_info li, .no_info li { float: left; list-style: none} .card_info li img {width: 46px; margin-right: 15px} .no_info { clear: both; padding:2px 0 8px 6px; height: auto; overflow: hidden} .no_info li .pay_no_tt { display: inline-block;border-radius: 16px; border: 1px solid #000; padding: 0px 0 1px 8px; margin-right: 10px} .no_info li .pay_no_tt { width: 58px} .no_info li .pay_no_tt:lang(en) { width: 78px} .no_info li .pay_no_stt:lang(jp) { width: 65px} .no_info li .pay_no_stt { display: inline-block; margin:2px 6px 0 0; background: #e8d9d9; padding: 2px 4px; border-radius: 6px; width:40px} .pay_tip { background: #f5e6ea; padding: 15px} button.etc_card { background: none; border-radius: 4px; border: 1px solid #000; padding:15px 20px;width: 100%; text-align: center; color: #000; font-size: 1.05em;margin:0} table.purchase-result {width:100%;margin:20px auto;border-top:1px solid #d4d3d3;border-right:1px solid #d4d3d3;border-left:1px solid #d4d3d3;background-color:#fff} table.purchase-result th {font-weight:bold;width:15%;border-bottom:1px solid #d4d3d3;border-right:1px solid #d4d3d3;background:#faf4fa;padding:10px;text-align:left} table.purchase-result td {padding:10px;border-bottom:1px solid #d4d3d3} .disc.mt10 { font-size:1.2em; line-height:1.6em} .disc.mt10 strong{ color:#444} .mt10.color-primary-1 { line-height:1.3em} #sel_prod_list {} #sel_prod_list option { padding:8px; margin:8px; font-size:1.1em; line-height:30pt !important} #sel_prod_list option:first-child, .cls_P200800015 { color: #16447A; font-weight:bold; background-color:#ddd;} /* 마이프로필용-top-incompletebox */ div.profile-incompoletebox {margin:0 auto 20px auto;padding:10px;width:100%;border:1px solid #d4d3d3; border-radius:10px;background:white;overflow:hidden} div.profile-incompoletebox .fl {width:70%; line-height:1.3em;background:#ecedf2;border-radius:10px; padding:15px} div.profile-incompoletebox .fr {width:30%; padding:10px 20px} div.profile-incompoletebox .incompoletebox_info p {padding-bottom:8px; line-height: 1.1em; font-size: 1.1em} div.profile-incompoletebox .incompoletebox_info p .btn_send_memo {margin-left:0} div.profile-incompoletebox .incompoletebox_state ul {clear: both; height: auto; overflow: hidden} div.profile-incompoletebox .incompoletebox_state li { float:left} div.profile-incompoletebox .incompoletebox_state li:first-child {float:left;width:27%} div.profile-incompoletebox .incompoletebox_state li:last-child {float:left;width:73%; padding-bottom:8px} div.profile-incompoletebox:lang(en) .incompoletebox_state li:first-child {float:left;width:35%} div.profile-incompoletebox:lang(en) .incompoletebox_state li:last-child {float:left;width:65%; } div.profile-incompoletebox .incompoletebox_state p.status { margin-bottom:2px; padding-top: 2px} div.profile-incompoletebox .incompoletebox_state p.status span {border-radius: 8px; padding: 2px 4px;text-align:center;} div.profile-incompoletebox .incompoletebox_state p.status span.complete {border:1px solid #ac0082;background-color: #fff;color: #a80d81; padding: 0 5px} div.profile-incompoletebox .incompoletebox_state p.status span.incomplete {color:#f44336;} div.profile-incompoletebox .incompoletebox_state p.desc { color: #4C338A} /*div.profile-incompoletebox dl {width:100%;margin-top:3px;overflow:hidden} div.profile-incompoletebox dl dt {float:left;width:30%} div.profile-incompoletebox dl dd {float:left;width:70%} div.profile-incompoletebox dl dd.status { margin-bottom:2px} div.profile-incompoletebox dl dd.status span.complete {color:#2895ce} div.profile-incompoletebox dl dd.status span.incomplete {color:#f44336} div.profile-incompoletebox dl p.desc { padding-bottom:8px; color: #4C338A}*/ div.2grid-left { float:left; width:45% !important; border:1px solid #EB0A0E} /** 마이프로필 추가(좌우변경) 2020.10.28 ****************************/ div.profile_topbox {float:left; width:66.66%;height:auto; overflow:hidden; padding:20px 0 0 20px; vertical-align:bottom } div.profile_topbox .boxbg{background:#fff; padding:20px; width:100%;height:auto; overflow:hidden;} div.profile_topbox .boxbg .floatright { width:45%} div.profile {width:100%;margin:0 auto;padding:0;overflow:hidden;} div.profile_left {float:left;width:70%} div.profile_right {float:right;width:28%} div.profile_left h2 { width: 100%; margin: 0 auto; margin-bottom: 8px; padding: 7px 10px; background-color: #f5f5f5; color: #386bc5; font-size: 1.1em; font-weight: bold; } div.profile_left h2:lang(en) {font-weight:normal} .boxbg div.inner-item { padding:6px 10px} /* 마이프로필 - 메인테이블 */ dl.profile {width:100%;font-size:1em;overflow:hidden; margin-bottom:15px} dl.profile dt {float:left;display:table-cell;width:20%;font-weight:bold;border-top:1px solid #d4d3d3;padding:5px 0 5px 16px;clear:left; font-size:1em; } dl.profile dt.open {background-image:url("/images/icon-star2.png"); background-repeat: no-repeat; background-position: 1px 8px;background-size:15px} dl.profile dd {float:left;display:table-cell;width:80%;padding:8px 10px;border-top:1px solid #d4d3d3;font-size:1em;} .mng_story_desc br {display:none} dl.profile dd .mystory_view br, .mystory_view br {display:block !important} dl.profile dd.w100 {width:100%;padding:5px} span.txt_recommand, span.mystory_view{ display:inline-block;line-height:1.7em; padding:10px} span.icon_recommand { background:url("/images/icon_recommand.png") 5px 0 no-repeat;vertical-align:middle; width:25px; height:20px; display:inline-block} dl.profile dd.w100 textarea {height:200px;padding:10px;line-height:1.5em;} dl.profile dd.w100 textarea.write_mystory { width:100%; height:250px !important; background:#fff; border:none} dl.profile input[type="radio"] {margin:2px;padding:auto;width:auto;height:auto} div.open {height:auto} div.backpink {background:#faf4fa} span.di_job_yn, span.di_single_yn, span.di_sch_yn, span.di_me_yn, #disp_mail_auth_ok, #disp_hp_auth_ok { display:inline-block; padding-left: 4px} .col-lg-3 .fl{width:68%} .col-lg-3 .fr{width:32%} .profile_boxstyle2 { background:#e5d2e5; padding:10px 20px;height:auto; overflow:hidden; border-radius:10px} .profile_boxstyle2 .floatleft .fl {width:53%; text-align:center;} .profile_boxstyle2 .floatleft .fr {width:47%; } .profile_boxstyle2 .floatleft {width:48%; padding-top: 20px } .profile_boxstyle2 .floatright { width:50%} .name_info { font-size: 1.3em; padding-top:10%; height: auto; overflow: hidden;text-align: center} .name_info span.di_birth, .name_info span.di_rcp_typ {font-size: 1em; display: inline-block; line-height:.8em !important; padding-top: 8px} .name_info .di_id { padding-bottom: 10px; display: inline-block} p.btn_profile {border:2px solid #bb5ea9; padding:8px 5px; text-align:center; margin-bottom:8px; border-radius:20px; font-size:1em; color:#bb5ea9; width:90%; margin:5px auto; font-weight:bold;line-height:1.1em } p.btn_profile:lang(en) { width:95%} p.btn_profile.bg1 {border:2px solid #a181ff; color:#7751e7;} p.btn_profile.bg2 {border:2px solid #5d22cc; } p.btn_profile.bg2 button.pink {padding:0; width:100%; margin:0 auto;font-size:1em; background:none;color:#5d22cc; font-weight:bold;line-height:1.2em} p.btn_profile:hover { opacity:0.8} p.btn_profile2 p {text-align:center} .bg_w { background:#FFF;border-radius:10px; padding:15px; height:auto; overflow:hidden } .fr .album_area {width:100% !important; height:100%; clear:both;} /** 프로필-사진첩 add(okdesign) **/ .clear h2.tit_profile { margin:0; padding:10px 10px 8px 10px; color:#a54e9d; border-bottom:1px solid #a54e9d; font-weight:bold; height:auto; overflow:hidden; vertical-align:middle; background: #f5f5f5; text-align:center; color:#a70187; } .clear .tit_profile p.tit_left {font-size:1.8em; float:left; padding: 15px 0 0 10px} .profile_boxstyle.mystory .clear .tit_profile p.tit_left { padding: 0} .clear .tit_profile a {color:#a54e9d;} .clear .tit_profile img {} .small_info { float:right; font-size:1em; color:#585858; vertical-align:top; margin-top: 8px} .small_info a { cursor:pointer} .small_info.small { font-size:0.7em;} .small_p{ float:left; width:80%;color:#585858;font-size:14px; font-weight:normal; line-height:1.1em } .small_p.ml10 {margin-left:0 !important; margin-top:5px} .photo_area {width:100%; text-align: center} .image-wrap-big.new {background:none; width:160px; height:160px; position:relative; display:inline-block; overflow:hidden;vertical-align:middle;border-radius:50%;border: 1px solid #bbb;} .image-wrap-big.new .image-wrap-circle-big {width:100%; height:100%; vertical-align:middle} .image-wrap-big.new .image-wrap img, .image-wrap-big.new .image-wrap-big img {} .album_area_all { clear: both;width:100%; margin:0 auto;border-radius:10px; padding:15px 0;} .album_area_all .acc-btn {margin-bottom: 8px} #disp_photo_info {padding: 0 4px; width: 100%; display: block} .album_area {float:left;width:32%; cursor:pointer; margin-right: 1%} .album_area:last-child {margin-right: 0} .album_area_box {width:100%; height:55px;position:relative; display:inline-block; overflow:hidden;vertical-align:middle;cursor:pointer;border-radius:10px;border: 1px solid #bbb; border-radius: 50%; } .profile.noline .album_area_box {width:80px; height:80px;} .album_area_box img {width:100%; height:100%; cursor:pointer;vertical-align:middle; border-bottom: 1px solid #bbb;} .album_area_photo {width:100%; height:auto; vertical-align:middle} .album_area_box.noimg { clear:both;width: 100% !important; height:auto !important;padding:10px 0; border: none;border-radius:0} .album_area_box.noimg.wide {clear:both; height:80px} .album_area_box.noimg span.view{ float: right; display:inline-block; vertical-align:middle;font-size:1em; text-align: center; } .album_area_box.noimg span a {color:#bab2c0} .album_area_box.noimg span.icon_vod {background:url(/images/icon_vod3.png) 0 2px no-repeat; background-size:20px 16px; padding-left:25px; margin-right:8px;color:#000;} .album_area_box.noimg span.icon_aod {background:url(/images/icon_aod3.png) 0 1px no-repeat;background-size:20px; padding-left:23px;color:#000;} .album_area_box.noimg span.icon_vod:hover, .album_area_box.noimg span.icon_aod:hover { opacity:0.8} span.add_no { display:inline-block; color:#ac0082; font-weight:bold; } span.add_view{ display:inline-block;color:#000;} .album_area_box.noimg span:hover{ color:#ac0082 } .profile.noline .album_area_all { padding:15px; background: #fff;} .profile_boxstyle2 .album_area_box.noimg span.view { width: 33.33%; padding: 8px 1px} /*****************************************************************/ /* 마이프로필 - left */ div.profile-left {float:left;width:100%;background: #e5d2e5; margin-top:10px; -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius:6px; padding:15px} div.profile-left.nostyle {border:none;border-radius:0; box-shadow:0 0 0;} div.infowrap {width:100%;overflow:hidden} div.infowrap > dl {float:left;width:100%;overflow:hidden} div.infowrap > dl.photo {width:40%;padding:19.5px 10px;text-align:center; height:auto; overflow:hidden} .photo.bg{border-top-left-radius:6px;border-top-right-radius:6px;text-align:center;} .photo.bg span.di_rcp_typ:lang(en) { display:block} div.infowrap > dl.photo dd img {width:100%;max-width:106px;border-radius:8px;box-shadow:0 2px 5px #c1c1c1} div.infowrap > dl.info {width:60%;background:#333} div.infowrap > dl.info > dt, div.infowrap > dl.myinfo > dd {float:left;display:table-cell;width:100%} div.infowrap > dl.info > dt {font-size:1.25em;font-weight:bold;color:#ea68a2;padding:20px 0 0 15px} div.infowrap > dl.info > dd {color:white;padding:0 0 0 15px} div.infowrap > dl.view {width:60%;background:#333} div.infowrap > dl.view > dd {float:left;display:table-cell;width:33.33%;text-align:center;color:white;padding:15px 0 17px 0} div.infowrap > dl.view > dd a {color:white} div.infowrap > dl.view img {height:40px} div.acc-container.nomargintop { margin:0 !important} dl.add {width:100%;padding:0 0 10px 0; height:auto; overflow:hidden;} dl.add > dd {float:left;display:table-cell;width:32.333%; margin-right:1%;text-align:center;font-weight:bold; border-radius:20px; border:2px solid #a613a1; padding:8px 4px;color:#a613a1 } dl.add > dd:hover {background-color:#bb5ea9;color:#fff } dl.add > dd:last-child{margin-right:none;} div.infowrap > dl.request {background:#2895ce;border-bottom:1px solid #d4d3d3} div.infowrap > dl.request > dd {float:left;display:table-cell;width:25%;text-align:center;color:white;padding:15px 0 10px 0;border:0px solid red} div.infowrap > dl.request img {height:45px} div.infowrap > dl.item {margin:0;padding:10px;border-bottom:1px solid #d4d3d3;background:white;font-size:.875em} div.infowrap > dl.item > p {font-weight:bold;font-size:1.25em;line-height:2em} div.infowrap > dl.item > dt {float:left;display:table-cell;width:50%;clear:left} div.infowrap > dl.item > dd {float:right;display:table-cell;width:50%;text-align:right} div.infowrap > dl.item > dd a {color:white} div.infowrap > dl.item > dd a:hover {color:white} div.acc-container {width:100%;margin:0 auto;color:#333;font-size:.875em;overflow:hidden} div.inner-item {margin:0;padding:0;font-size:1em;overflow:hidden; padding:0} div.inner-item dl {border-bottom: 1px solid #bbb; height: auto; overflow: hidden} div.inner-item.lineno { border-top:none} div.inner-item p {display:none} div.inner-item dt {float:left;display:table-cell;width:40%;clear:left; padding:5px 0;margin-bottom:2px; color:#000} div.inner-item dd {float:right;display:table-cell;width:60%;text-align:right;padding:3px 0} div.inner-item dt:lang(en) br { display:none;} div.inner-item dt:lang(en) { font-size:1em; margin-bottom:2px} div.inner-item dd:lang(en) span.color-red { font-family:arial; padding-bottom:2px; letter-spacing:-0.5px} div.inner-item dd:lang(en) .nodoc.curHand { font-size:13px; width:70px; margin-left:5px !important; font-family:arial;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} div.inner-item dd a {color:white} div.inner-item dd a:hover {color:#fff} .inner-item-bg { border-radius:16px; border:2px solid #ab0082; background:#fff; padding:15px 10px; font-size:1.1em; font-weight:bold; margin-top: 10px} .needhelp {background-color:#faf4fa;color:#ac0082} .slef_reg { line-height:1.6em; text-align:left} /* 프로필보기 */ .profile_boxstyle { clear:both; width:100%;margin:10px auto; background:#fff; padding:0; position:relative; height:auto; overflow:hidden; } .profile_boxstyle.mystory { background:#f5f5f5; border:none; margin-bottom: 30px; padding: 15px} .profile_boxstyle h3 { background:#f5f5f5; color:#af0084; padding:8px; font-weight:bold} .profile_boxstyle .tit_profile .small_info{margin-bottom:8px} .profile_boxstyle.nomargin { margin-top:0} .profile_boxstyle_view { clear:both; width:100%;margin:0 0 15px auto; -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius:6px; border:1px solid #C9C9C9; box-shadow:0 1px 5px #C3C3C3; background:#fff; padding:0px; position:relative; height:auto; overflow:hidden; } .profile_boxstyle_view.tp { border:2px solid #9cabee} .profile_boxstyle_view.tp h2 {color: #2C6AD7; margin-top:0} .profile_boxstyle_view.paddingall10{ padding:10px} .profile_boxstyle_view div.acc-btn {border-top:none} .profile_boxstyle dl.profile dt:first-child { border-top:none} .profile_boxstyle dl.profile dd:first-of-type { border-top:none !important} .profile-contents span.gray {color:#666} /* 마이프로필 - right */ div.profile-right {float:left;width:100%;background:white;overflow:hidden} div.profile-right > div.profile-title {background-color:white;width:100%;padding:30px 0 10px 0 ;font-weight:bold;overflow:hidden} div.profile-right > div.profile-contents {} div.profile-right h2 {width:100%;margin:0 auto; margin-bottom:8px; padding:7px 10px;background-color:#f5f5f5; color:#386bc5; font-size:1.1em; font-weight:bold;} div.profile-right h2.mystory {border-top:1px solid #d4d3d3;background-color:#faf4fa} /* 상대방프로필 - right */ div.profile-right-other {float:right;width:100%;overflow:hidden} div.profile-right-other > div.profile-title {background-color:white;width:100%;padding:30px 0 10px 0 ;font-weight:bold;overflow:hidden} div.profile-right-other > div.profile-contents {width:100%;overflow:hidden} div.profile-right-other h2 {width:100%;margin:0 auto; margin-bottom:8px;padding:8px 10px;background-color:#f5f5f5; color:#386BC5} div.profile-right-other h2.mystory {border-top:1px solid #d4d3d3;background-color:#faf4fa} div.profile-right-other dl.profile {width:100%;font-size:.95em;background-color:white;overflow:hidden;margin-bottom:0} div.profile-right-other dl.profile.noline { border-bottom:none} div.profile-right-other dl.profile dt {float:left;display:table-cell;width:20%;font-weight:bold;border-top:1px solid #d4d3d3;padding:5px 0 0 10px;clear:left} div.profile-right-other dl.profile dt img {vertical-align:middle} div.profile-right-other dl.profile dt.open {background:url("/images/icon-star.png") no-repeat 1px 5px;background-size:14px} div.profile-right-other dl.profile dd {float:left;display:table-cell;width:80%;padding:5px 0 5px 10px;border-top:1px solid #d4d3d3; background:#fff} div.profile-right-other dl.profile dd.w100 {width:100%;padding:5px} div.profile-right-other dl.profile dd.w100 textarea {height:200px;padding:10px;line-height:1.7em; border:none; background-color:#ffffed !important} div.profile-right-other dl.profile input[type="radio"] {margin:2px;padding:auto;width:auto;height:auto} div.profile-right-other dl.profile span.disp_rlgn_desc {padding-right: 10px} div.profile-right-other div.open {height:auto} div.profile-right-other div.backpink {background:#faf4fa} span.disp_rlgn_desc{color: #444;} .tit_change {background:#faf4fa; color:#8F3089; padding:10px; margin-bottom:15px; font-weight:bold} /* 마이프로필 - 환경설정 */ div.profile-config {width:100%;margin:0 auto;padding:0;overflow:hidden} div.profile-config h2 {font-size:1.25em;margin-top:20px} div.profile-config h2.center { padding:6px; margin:0; margin-bottom:10px;color:#2C6AD7; border-bottom:1px solid #345EB1; clear:both; vertical-align:top; overflow:hidden} p.tit_left {float:left;font-size:1.2em; font-weight:bold; } .openclose{display:none} div.profile-config dl.config {width:100%;font-size:.875em;padding:10px 0;background-color:white;overflow:hidden;} div.profile-config dl.config dt {float:left;display:table-cell;width:100%;font-weight:bold;} div.profile-config dl.config dt.titbg_set {padding:7px 10px;background:#eff1ee; color:#0f417b; font-size:1.1em} div.profile-config dl.config dd {float:left;display:table-cell;padding:10px 0 10px 10px;} div.profile-config dl.config .fr span { display:inline-block; padding-top:6px} div.profile-config dl.config .fr .small.gray { border-radius:20px; background:#8b6dc5; padding:6px 20px} div.age select:lang(en) { padding:0; letter-spacing:-1px} div.partnr div.profile-cofing dl.config dd.btn-save {float:right} div.profile-config dl.config dd strong {display:inline-block;width:60px} .tooltip { float:right} .tooltip img {vertical-align:middle} .tooltip .tooltiptext-myprofile {visibility:hidden;width:290px; overflow:hidden;top:18px;left:-260px;font-size:0.9em; font-weight:normal; letter-spacing:0;line-height:1.2em;background-color:#222;color:#fff;padding:8px;position:absolute;z-index:99} .tooltip .tooltiptext-myprofile:lang(en) { padding-top:6px} .tooltip:hover .tooltiptext-myprofile {visibility:visible} div.btn-save-clear { clear:both; padding-top:0px; text-align:center} div.btn-save-clear .small.gray { width:50%; padding:8px} .small.gray { background : #8b6dc5; color:#FFF; border-radius:20px; padding:6px 10px} .small.blue {border-radius:20px; padding:6px 10px} .link_member_exit.small.gray {background : #959394; width:60% !important} li.dot {list-style:none;background:url(/images/blet_006.gif) 5px 8px no-repeat; padding-left:15px; padding-bottom:8px} li.dot-line {list-style:none;background:url(/images/dot-line.png) 5px 10px no-repeat; padding-left:18px;margin-bottom:3px !important; color:#000; font-size:1em; line-height:1.4em } p.dot-line {font-size:.95em; background:url(/images/dot-line.png) 5px 10px no-repeat; padding-left:18px; color:#777 !important;padding-bottom:0 !important} .guide_area ul.disc li.dot-line{margin-bottom:0 !important;} /* 회원가입 프로세스 div.join-progress {display:inline-block;width:100%;margin:0;padding:0;overflow:hidden} div.join-progress > ol {display:none} div.join-progress > span {width:100%} div.join-progress > span > button {width:33%;margin-right:-4px} div.join-progress > span > button {background-color:#ea68a2; color:black;border:1px solid #d4d3d3;border-radius:8px;box-sizing:border-box;color:white} */ /* 회원가입 - 입력table */ div.join-blue-box {clear:both;background-color:#2895ce;margin:5px auto 0 auto;padding:12px;color:#fff;font-weight:bold;overflow:hidden} div.join-info-box { clear:both;background:url(/images/icon_joininfo.png) 20px 12px no-repeat; background-size:26px;background-color:#eafaff; margin:5px auto 0 auto;padding:10px 12px 15px 55px; color:#1566a4; font-size:1.2em;font-weight:bold;overflow:hidden } table.join {width:100%;} table.join.top {border-top:1px solid #474747;} table.join th {width:30%;padding:6px 3px;text-align:left;border-bottom:solid 1px #ccc;font-weight:bold} table.join th.required {background:url("/images/icon-star.png") no-repeat left 18px;background-size:15px} table.join td {padding:6px;border-bottom:solid 1px #ccc} table.join tr.disp_school_layer1 th, table.join tr.disp_school_layer1 td{ border-top:solid 1px #ccc; border-bottom:none} table.join tr.disp_school_layer2 th, table.join tr.disp_school_layer2 td{ border-top:solid 1px #ccc; border-bottom:none} table.join .noline { border-bottom:none} table.join.adddata .noline { border-bottom:none} table.join.adddata {border-top: dotted 2px #777;} table.join td input[type="text"], table.join td input[type="password"], table.join td input[type="email"], table.join td input[type="phone"] {width:100%} table.join td select {width:100%} table.join td textarea {height:100px} table.join td span.openhidden {font-size:.875em;margin-left:20px} table.join td.residenceStatus input[type="radio"] label:after {content:''} #child_1 td { padding-top:8px} textarea.mystory {margin-top:5px;height:250px} table.join .color-gray1 { color:#8d8d8d !important; } table.join .whp100 {width:40% !important} table.join .whp60 { width:35% !important} table.join .whp70 { width:40% !important} table.join .rate { padding-top:8px} table.join .rate li {list-style:none; text-align:left; float:left} table.join .rate li span.plus{display:inline-block; padding:0 15px; text-align:center} table.join .rate input { width:70px !important} .icon_box{ border:1px solid #ddd; background:#FFF; padding:3px 8px} div.line { border-bottom:1px solid #ddd; margin:0; clear:both; position:relative;} .tit_area { display:inline-block; margin:0 auto;} br.m_show { display:none} #rdo_gender_typ_1 { margin-left:5px} #txt_impamnt_desc, #txt_race_etc_nm, #txt_srch_father_schl_nm, #txt_srch_mother_schl_nm { width:35%} .signup_tip { border-radius:8px; padding:15px 15px 0 15px ;margin-bottom:30px; border: 1px solid #ab0082; height: auto; overflow: hidden} .signup_tip .fl {width: 35%; text-align: center} .signup_tip .fl img {vertical-align: bottom; width: 80%} .signup_tip .fl:lang(en) img {width: 85%} .signup_tip .tip_item { width: 65%; padding:20px; font-size: 1.2em; line-height: 1.5em;text-align: left} .signup_tip .tip_item span { clear: both; display: inline-block; font-size: 1.3em; padding-bottom: 2px; margin-bottom:6px; border-bottom: 1px solid #222} .signup_tip .tip_item:lang(en) { line-height: 1.3em;padding: 15px 20px } /** 학력 검색 **/ .ui-menu.ui-widget.ui-widget-content.ui-autocomplete{ border:1px solid #8ec6d2;background: #d7f1f6;width:220px !important;height: 180px; padding:10px;overflow-y: auto;cursor: hands; } .ui-menu.ui-widget.ui-widget-content.ui-autocomplete div.ui-menu-item-wrapper { letter-spacing:-0.5px} /** 회원가입 안내문구(add) **/ .icon_info {background:url('/images/icon_joininfo3.png') 0 7px no-repeat;background-size:12px; padding:5px 0 5px 25px; font-size:1em; letter-spacing:0; line-height:1.3em; color:#343434;} .icon_info .color-primary-2 {font-weight:bold} .icon_info strong.color-blue1 { color:#9e5f94; border:1px solid #5e7fbb; border-radius:4px; padding:1px 4px; margin-top:5px; display:inline-block;font-weight:bold} span.telinfo {padding:10px 5px; display:block; font-weight:bold} .tit_profilebg {height:auto; overflow:hidden; color:#9e5f94; font-weight:bold; font-size:1.4em; padding:25px 8px 8px 25px} /* 회원가입 - 이상형 */ dl.rate {clear:both;width:100%;margin:0;padding:0} dl.rate dt {float:left;width:70%;font-weight:bold;background-color:#f6f6f6;border-bottom:1px solid #ccc;padding:6px} dl.rate dd {float:left;width:30%;padding:0px;border-bottom:1px solid #ccc} dl.rate dd input[type="text"] {padding:5px;width:80%} dl.rate dd select {padding:6px;width:100%} /* 회원가입 - 가입비안내 페이지 */ div.regfee-info {width:100%;padding-top:50px;overflow:hidden;text-align:center} div.regfee-info > button {width:100%;margin-bottom:10px} /**간편 회원가입폼 **(202003) */ .join_me{ background: url('/images/kr/join_me_bg.png') ; width: 340px; height: 44px; background-size: 100%; margin-left:2%} .join_me span { float: left;display: inline-block; width: 170px; height: 44px; text-align: center; padding-top: 10px; margin: 0} .join_me span.on{ background: url('/images/kr/join_me_bg_on.png') ;background-size: 100% } .signup_form {border:1px solid #c5c5c5; border-radius:10px; padding:20px} .signup_form dl{ clear:both; border-bottom:1px solid #ddd; padding:8px 0; height:auto; overflow:hidden; } .signup_form dl.parent{background:#fff;} .signup_form dl.parent dt{color:#000} .signup_form dl.lineno {border-bottom:none} .signup_form dt, .signup_form dd {float:left} .signup_form dt {width:22%; color: #000; font-weight:bold; padding-bottom:3px; padding-top:8px; padding-left:5%; text-align:left} .signup_form dt span.ess { color:#b1268c} .signup_form.bgt dt {padding-top:3px} .signup_form.bg dt {padding-top:4px} .signup_form dd {width:78%} .signup_form dd input[type="text"], .signup_form dd input[type="password"], .signup_form dd input[type="email"] {width:30%} .signup_form dd input.wp80 {width:54% !important} .signup_form dd input.wp100{width:100% !important} .btnBc.blue { display:inline-block;background: #5e7fbb;color: #FFF;border-radius: 4px; padding:6px; text-align:center; cursor:pointer} .signup_form .btnBc.blue, .join .btnBc.blue, button.tiny, .signup_edit .btnBc.blue {background: #bb5ea9; padding:8px 10px;} .signup_form .btnBc.blue.doc {background: #000; } button.gray.link_memTerm, button.gray.link_UsePersnal { background-color:#8b6dc5; color:#fff} .signup_form dl.txt_info { padding-left:5%; color:#c7259f;font-size:1.1em} .signup_form dl.txt_info .smalldot_pink {padding-bottom: 0; background-position:0px 12px; letter-spacing: -0.06em } .signup_form span.subtext { display:inline-block;color:#ff0000; line-height:1.3em} .signup_form span.correcttext {color: #00b050; line-height:1.3em} table.previously {width:100%;font-size:1em;} table.previously caption {text-align:right;font-size:1em;padding-bottom:5px} table.previously th {background-color:#f2f3e4;text-align:center;padding:8px 2px; line-height:1.1em; vertical-align:middle; font-weight:normal;border-right: 1px solid #bbb; font-size: .95em} table.previously th:first-child { width: 70px} table.previously th:last-child {border-right: none} table.previously td {padding:3px 4px;text-align:center;} table.previously td select {font-size:1em; width:100%} table.previously td select:lang(en) { letter-spacing:-1px; padding:4px 1px} table.previously td input[type="text"] {font-size:1em; width:100%} /* 비회원 신청 */ .modal-content .signup_form dt {width: 24%; padding-left: 0} .modal-content .signup_form dd {width: 76%} .signup_form2 {border-top:1px solid #ddd;border-right:1px solid #ddd; width:60%; margin:8px 0 0 10px} .signup_form2 dl{ clear:both; border-bottom:1px solid #ddd; padding:8px 0; height:auto; overflow:hidden; background: white; background-image: linear-gradient(90deg, #F4F4F4 0%, #F4F4F4 100%); background-repeat: no-repeat; background-position: top left; background-size:30% 150px; } .signup_form2 dt {width:30%; float:left; color: #0C2498; padding-bottom:3px; padding-top:5px; text-align:center} .signup_form2 dd {width:70%; float:left; padding-left:8px} .signup_form2 dd.pd15 {padding-top:5px} p.agree_term {width:100%; height:auto; overflow:hidden; border-bottom:1px solid #eaeaea; padding:6px} p.agree_term .fr { display:inline-block; margin-top:5px} .join.center { padding:30px 0} /* 프로필수정*/ div.signup_edit {border-radius: 10px; border: 1px solid #d4d3d3; padding: 15px} div.signup_edit dl{border-top:solid 1px #ccc;width: 100%;padding:6px 0; height:auto; overflow:hidden;} div.signup_edit dl.noline {border-top:none} div.signup_edit dt, div.signup_edit dd{ float: left; padding:6px 10px;} div.signup_edit dt{width: 15%; font-weight: bold} div.signup_edit dd{width: 85%} div.signup_edit dt.top10 {padding-top: 14px} div.signup_edit dd.poss_typ span, div.signup_edit dd.lang_typ span { padding-right: 10px} div.signup_edit:lang(en) .st_typ span {width: 33.3%; display: inline-block; padding: 6px 6px 6px 0} div.signup_edit .rate { padding-top:8px;} div.signup_edit .rate li {list-style:none; text-align:left; float:left} div.signup_edit .rate li span.plus{display:inline-block; padding:0 15px; text-align:center} div.signup_edit .rate input { width:70px !important} div.signup_edit .subtext {color: #4F1C88;display: block;} div.signup_edit .rate .rate_txt { display: block; padding-bottom: 4px} div.signup_edit #disp_birth_nm { padding-left: 8px} div.signup_edit .txt_parent_bg { background: #f3f3f3; color: #222; padding:10px; height: auto; overflow: hidden;} div.signup_edit .txt_parent {padding:12px 8px 8px 8px;border-top:solid 1px #ccc; } .tit_profilebg .darkgray.tiny {background-color: #868686; margin: 0; font-size: 14px } .disp_child_layer { overflow:hidden;overflow-x:auto;width:100%; padding-top: 15px} .disp_child_layer .previously {width:100%} #disp_impamnt { padding-top: 10px} /* 체크 아이콘 */ .input_chk{position:relative;display: inline-block;box-sizing:border-box;} .input_chk input{position:absolute;top:50%;left:2px;width:16px;height:16px;margin-top:-8px;outline:0} .input_chk label{position:relative;display:block;width:100%;padding-left:26px;font-size:14px;font-weight:700;line-height:21px;cursor:pointer;color:#333; box-sizing:border-box;} .input_chk a{color:#333} .input_chk input:focus~label{outline:none} .input_chk label:before{content:'';position:absolute;top:50%;left:1px;display:block;width:20px;height:20px;margin-top:-10px;background:#fff url('/images/check_off.png') no-repeat 0 0;background-size:20px 20px}:root .terms_chk_all .input_chk label:before{content:'';position:absolute;top:50%;left:1px;width:24px;height:24px;margin-top:-14px;background:#fff url('/images/check_off.png') no-repeat 0 0;background-size:24px 24px}:root .input_chk input:checked+label:before{content:'';background:#f4f4f4 url('/images/check_on.png') no-repeat 0 0;background-size:20px 20px}:root .terms_chk_all .input_chk input:checked+label:before{content:'';background:#f4f4f4 url('/images/check_on.png') no-repeat 0 0;background-size:24px 24px} /* 사진등록 */ dl.add-photo {width:100%;margin:0;padding:0;overflow:hidden} dl.add-photo #disp_img_1 {padding:60px 0;background:#f1e3eb;text-align:center} dl.add-photo #disp_img_2 { padding:10px; border:1px solid #ac0082; text-align:center} dl.add-photo dd {width:100%;padding:0} dl.add-photo dd > ul > li {margin-top:10px} dl.add-photo dd > ul > li label {font-weight:bold} dl.add-photo dd > ul > li input {width:100%} .pd_null120 { padding-left:80px} .pink-border-box-round .fl.wh75p p { line-height:1.2em} .pink-border-box-round:lang(en) .fl.wh75p { padding-bottom:15px} .line_pink {border-bottom:2px solid #ac0082; clear:both; height:auto; overflow:hidden; padding:30px 30px 0 30px; margin-bottom:20px} .line_pink .fl.wh75p {width: 75%} .line_pink .fr {width: 25%; text-align: right} .pink-border-box-round .fl.pt10 {width:70%} /* 프로필 - 사진첩 */ div.slider-wrapper {position:relative;width:100%;min-width:300px;margin:0 auto;box-sizing:border-box;overflow:hidden} div.slider-wrapper > div.s-slides {background:#f4f3f3;padding:20px 0;height: auto;box-sizing:border-box;overflow:hidden} div.slider-wrapper > div.s-slides img {position:relative;width:auto} div.slider-wrapper > ul.s-thumbs {width:100%;overflow:hidden} div.slider-wrapper > ul.s-thumbs li {float:left;display:table-cell;text-align:center;width:25%;padding:10px 0} div.slider-wrapper > ul.s-thumbs li a {display:block;width:60px;height:72px} div.slider-wrapper > ul.s-thumbs li img {width:60px;height:72px;border:1px solid #d4d3d3} /* 인증관련 TOP 탭메뉴 - 휴대폰/이메일 */ div.certify-top {position:relative;width:100%;display:inline;margin:0;padding:0;background-color:#e7e7e7;color:#fff;font-size:.9em;overflow:hidden} div.certify-top > ul {width:100%;margin:auto;padding:0} div.certify-top > ul > li {float:left;display:inline-block;line-height:50px;text-align:center} div.certify-top > ul > li a {color:#333} div.certify-top > ul > li a:hover, div.certify-top a:active {color:#333} div.certify-top > ul > li.on {background-color:#fff;color:#ac0082;line-height:50px;font-size:1.25em;font-weight:bold;border-top:2px solid #ac0082} div.certify-top > ul > li.on a {color:#ac0082 !important;font-weight:bold} div.certify-top > ul > li.me {width:50%} div.certify-top > ul > li.certdoc {width:33.33%} dl.certify-doc {width:100%;margin:0 0 25px 0;padding:0;overflow:hidden} /* 서류인증 */ dl.certify-doc > dt {display:block;width:100%;margin:0 0 8px 0;padding:0; background-color: #f0f0f0; padding:8px 8px 8px 25px } dl.certify-doc > dt .color-blue1 { color: #000 !important; background-image: url('/images/dot-pinkline.png'); background-repeat: no-repeat; padding-left: 10px} dl.certify-doc > dd {display:block;width:100%;margin:0;padding:0; padding-left:4%} dl.certify-doc > dd input[type="file"] {width:90% !important; background: #fff; border: 1px solid #b2b2b2} dl.certify-doc textarea { margin-top: 10px} dl.certify-doc button.large2 { padding:6px 15px } dl.certify-doc button.green.small { background:#bb5ea9; border-radius:2px; font-size:1em; letter-spacing:0} dl.certify-doc button.blue.small, dl.certify-doc .btn.blue { background:#8b6dc5; border-radius:2px; font-size:1em;letter-spacing:0} .dot-line .color-blue { color:#754fbf !important} dl.certify-doc > dd p {padding-bottom:5px; color:#777; font-size:0.9em} p.tit_certify {font-weight:bold; color:#1A54AD; font-size:1.2em} span.add_item {display:inline-block;font-weight:bold; color:#000; letter-spacing:-1px;font-size:1.1em; vertical-align:bottom} span.add_item:lang(en), span.add_item:lang(zh) {} /* 싱글서약서 */ .single { text-align:center; vertical-align:top;height:580px; padding:15px} .mt201.tac { padding:20px} .single_tt { display:inline-block; font-size:2.3em; color:#25459C; margin-bottom:25px;text-align:center; border-bottom:1px solid #25459C;} .single_txt { line-height:26pt; font-size:1.3em} .single_txt input[type="text"] { padding-top:10px} .single_sign { margin:0 auto; width:50%; padding-top:30px; padding-bottom:20px} .single_sign:lang(en) {width:60%} .single_sign th {padding:4px;width:30%; text-align:right; font-size:15px; vertical-align:middle} .single_sign td { padding:4px;width:70%} .single_check { color:#25459C; font-size:1em; background:#f9f9f9; padding:6px; font-weight:bold} .small.gray.fs09em { font-size:14px !important} .link_reg_certify_single { cursor:pointer; } .link_reg_certify_single:hover {color:#EB007C} .single .big.link_reg_certify_doc { background-color:#236792; margin-top:20px} #cust_name1, #cust_name2, #cust_birth_dt1, #cust_birth_dt2 {width:100%;border:none; height:30px;font-size:18px; padding-top:0; vertical-align:top;background:none; font-weight:bold; } #cust_birth_dt1, #cust_birth_dt2 { font-style: normal} #container { } .tip_alert { display:inline-block; background:url('/images/star.png') no-repeat 0 0 ; padding:6px 0 0 30px; margin-top:10px} /* 아이템 - 상품권 */ table.itemcert {width:100%;margin:10px auto;border:1px solid #bb5da9} table.itemcert tr {} table.itemcert th {text-align:center;font-weight:bold;background-color:#f0e3ec;padding:10px 0} table.itemcert td {text-align:center;padding:10px 0;border-bottom:1px solid #d4d3d3} table.itemcert td.svc {width:30%} table.itemcert td.date {width:30%} table.itemcert td.nodata p {line-height:10} /* ABOUT US - TOP */ h1.about-us, h2.about-us {font-size:1.5em;color:#333;font-weight:bold;border-bottom:0px solid #d4d3d4} div.termwrap {margin:0;overflow:hidden} div.about-us-top {display:inline-block;position:relative;width:100%;margin:0;padding:0;font-size:1em;overflow:hidden; border-bottom: 1px solid #bbb} div.about-us-top ul.tabs {width:100%;margin:0 auto;padding:0} div.about-us-top ul.tabs li {float:left; width: auto; display:inline-block;width:auto;padding:10px 50px;height:40px;background-color:#fff;color:#575757;text-align:center;border:1px solid #bbb; border-bottom: none} div.about-us-top ul.tabs li:hover {background-color:#ab0082;color:#fff !important} div.about-us-top ul.tabs li.on {background-color:#ab0082;color:#fff;font-weight:bold;border:none} div.about-us-top ul.tabs li.on a {color: #fff} #b_tab03:lang(en), #b_tab03:lang(zh), #b_tab03:lang(jp) {display: none} div.about-us-box {border:2px solid #d5d3d6;width:100%;margin:10px auto; padding:30px;overflow:hidden; border-radius:10px} div.round-border-box h2 { font-size: 1.2em; padding-bottom: 8px} /* ABOUT US - 고객만족센터 */ div.about-us-box dl.cs {width:100%;overflow:hidden;border-bottom:1px solid #d4d3d3;} div.about-us-box dl dt {float:left;width:15%;margin:0;padding:12px 10px;min-height:50px;font-weight:bold;text-align:center;clear:left} div.about-us-box dl dd {float:left;width:85%;margin:0;padding:12px 10px;min-height:50px;} div.about-us-box dl dd input[type="text"], div.about-us-box dl dd input[type="email"], div.about-us-box dl dd textarea {width:100%} div.about-us-box dl dd textarea {height:300px} div.about-us-box dl.csuser dt, div.about-us-box dl.csuser dd {border-bottom:1px solid #d4d3d3;} div.about-us-box dl.csuser dt {height: 66px} /* ABOUT US - 매칭특허 */ ul.history {margin:0 auto;overflow:hidden} ul.history > li {padding:20px 20px;border-bottom:1px dotted #d4d3d3;overflow:hidden} ul.history > li:last-child {border-bottom:0} ul.history > li > span {float:left;display:inline-block;width:70%} ul.history > li > span.title {width:10%;font-size:2em;font-weight:bold;text-align:center;color:#2895ce} ul.history > li > span.tech {float:right;width:20%;text-align:right} ul.history > li > span > ul {margin-left:50px} ul.history > li > span > ul > li {list-style-type:disc;font-size:1em;font-weight:normal} /* ABOUT US - 회원약관-개인정보처리방침 */ div.acc-container {width:100%;margin:20px auto;color:#333;font-size:1em;overflow:hidden} div.acc-btn {width:100%;margin:0 auto;padding:10px;border-top:1px solid #d4d3d3;background-color:#f5f5f5;cursor:pointer} div.acc-btn2 {width:100%;margin:0 auto;padding:0;margin-top:10px} div.acc-btn2 h2 { padding-right:0; margin-bottom:5px} div.acc-content {height:0px;width:100%;margin:0 auto;overflow:hidden} div.acc-content-inner {padding:10px; line-height: 1.4em} div.acc-content-inner > ul {margin:0 0 0 10px} div.acc-content-inner > ul > li {list-style-type:lower-alpha;font-weight:normal;margin-bottom:10px} div.acc-content-inner > ul > li.disc {list-style-type:disc;margin-bottom:0} div.acc-content-inner > ul > li.disc:last-child {margin-bottom:20px} div.acc-content-inner > ul > li > ul {margin:10px 0 0 20px} div.acc-content-inner > ul > li > ul > li {list-style-type:disc;font-weight:normal} div.open {height:auto} h2 {font-weight:bold;font-size:1em;} h2 > .selected {color:#2895ce} /* ABOUT US - 회원약관 */ table.term {width:100%;margin:auto;border-top:1px solid #d4d3d3;border-right:1px solid #d4d3d3} table.term tr {} table.term th {padding:5px;background:#eee;font-weight:bold;text-align:center;border-bottom:1px solid #d4d3d3} table.term td {width:50%;padding:5px;border-bottom:1px solid #d4d3d3;border-left:1px solid #d4d3d3} /* ABOUT US - 만남전후 유의사항-중문회사정보 */ ul.guide {margin:10px} ul.guide > h2 {font-size:1.5em;font-weight:bold;padding-bottom:20px;border-bottom:1px solid #d4d3d4} ul.guide > li {margin:10px 0 0 10px} ul.guide > li.disc {list-style-type:disc;font-weight:normal;margin:0 0 0 40px !important} ul.guide > li > ul {margin-left:20px} ul.guide > li > ul > li {list-style-type:disc;font-weight:normal} ul.guide > li > ul > li.decimal {list-style-type:decimal;font-weight:normal} /* ABOUT US - 센터페이지 */ div.centermain {width:100%;max-width:1080px;margin:0 auto;padding:50px 20px;background-color:#ac0082;color:white;font-size:1.15em;line-height:1.5em;overflow:hidden} div.centermain p.sub1 {margin-top:20px;text-align:justify} div.sunoo {width:100%;margin:30px auto 0 auto;padding:30px;background-color:gold;color:#333;border-radius:1em;line-height:1.5em;overflow:hidden} /* modal 레이어팝업 pc-mobile 공통 */ div.modal {position:relative;background:#fff;margin:3px auto;width:100%; height:auto; overflow:hidden;padding:0;float:none;z-index:999} div.modal.bg {background:#ebf1f3;} div.m-regist {width:100%; height:auto; overflow:hidden;max-width:875px;border:3px solid black} div.m-regist-large {width:100%;max-width:1080px;border:3px solid black} div.m-regist-meduim {width:100%;max-width:550px;border:3px solid black} div.m-regist-meduim3 {width:100%;max-width:750px;border:3px solid black} div.m-regist-meduim4 {width:100%;max-width:900px;border:3px solid black} div.m-regist fieldset {padding:37px 0 0 116px} div.modal h4 { font-size:1.1em; line-height:1.5em} div.modal button.closeModalLayer{overflow:hidden;padding:0; margin:0; line-height:0; width:22px; height:22px;position:absolute} div.modal fieldset, legend, span.hide, p.hide {display:block;position:absolute;left:-9999px;width:1px;height:1px;line-height:0;overflow:hidden;font-size:0;text-indent:-9999px} div.modal a {color:#0a3287;text-decoration:none} div.modal a:hover{text-decoration:underline} div.modal a:focus{color:#ac0082;text-decoration:none} /* 레이어팝업 pc-mobile 공통 */ div.modal-content {width:100%;margin:0;padding:30px 30px;} div.modal-content > h2 {font-weight:bold} div.modal-content p { line-height: 1.4em} div.modal-content p.color-primary-1 { display: inline-block} div.modal h1, div.modal h2{font-weight:bold; border-bottom:1px solid #ad1380;overflow:hidden;} div.modal h2.selected { padding: 8px !important;} div.modal h1{font-size:1.5em;padding:15px ; letter-spacing: -0.04em } div.modal h1 div.txt {font-size: .85em !important; padding-right: 20px; font-weight: normal} div.modal h1 .fs105em { font-size:.8em !important; font-weight:normal !important} div.modal.bg h1.color-blue { color:#a00d77 !important; font-size:1.3em; line-height:1em} div.modal h1.new { text-align:center;} div.modal h2{font-size:1.2em; line-height:1.2em;padding:10px;} div.modal div.acc-btn h2 { padding: 0} div.modal h2.widthdraw{font-size:2em; padding:0 10px;} .acc-container.bor-b1 { border-bottom:none; margin:0} .acc-container.bor-b1 .acc-btn {background:none; padding:0} .acc-container.bor-b1 .acc-content-inner {padding:0} .acc-container.bor-b1 .inner-item div {clear: both; width: 100%} .acc-container.bor-b1 .inner-item dt {padding:8px 0 8px 6px; float: left} .acc-container.bor-b1 .inner-item dd {float: right} .acc-btn h2 { background:#f5f5f5} div.modal h2.fw600.fs125em {padding-bottom:8px} div.modal h1.notitle {padding:20px 20px 0 0;background:#fff;color:#333;overflow:hidden} div.modal h1 small{display:none} /** 촬영시기 감춤**/ div.modal .gray-border-box input[type="text"], div.modal .gray-border-box input[type="email"] {background: #fff} div.modal-content li.smalldot {background: url(/images/dot-pink.png) 3px 8px no-repeat;} div.modal-content li.smalldot button.blue { background: #bb5ea9; margin-top: 0; padding: 3px 8px; border-radius: 4px} div.modal p.dot-line {background: url('/images/dot-pink.png') 6px 7px no-repeat; color:#000 !important; padding-bottom:3px !important; font-size:1em} div.modal .modal_tt {border-bottom:1px solid #ad1380;overflow:hidden; text-align:center; padding:15px} div.modal .modal_tt h1 { display:inline-block; color:#ac0082; border-bottom:none; padding:0; vertical-align:middle} div.modal .modal_tt_txt { padding-top:8px;vertical-align:middle} div.modal .conts_info { background:#faedf7; padding:15px; margin-bottom:20px} .file_bg { text-align: center} .file_bg input[type="file"] { background: #fff; border: 1px #ac0082 solid;border-radius: 6px; padding: 3px 8px; height:38px} input::file-selector-button { background:#ac0082; color: #fff; padding:2px 8px; border: none; border-radius: 3px; } div.m-regist-large > h1.blue {font-size:1.25em;font-weight:bold;background:#2895ce;padding:20px;color:white;overflow:hidden} div.modal-inside{position:relative} div.modal-content {width:100%;margin:0;padding:20px;background:white; vertical-align:top; height:auto} div.modal-content.bg { background:#f4f4f4;padding:0 20px; /*background-image:linear-gradient(60deg,#982a8f 0,#7ab5cc 50%,#982a8f); background-repeat: no-repeat; background-position:top right;*/ } #memo_layer div.modal-content {width:96%; margin:0 auto} div.modal-content h1, h2, h3, div, dl, dt, dd, p {} div.modal-content h3 {font-size:1.25em;font-weight:bold;color:#333;background:none;padding:0;overflow:hidden} div.modal-content h2 span.fr.bold {font-weight: normal} div.modal-content h2 span.fr.bold strong {color: #ac0082 } div.modal-content.nopadding { padding:0 0 20px 0} div.modal-content.notoppd { padding-top:0} div.modal .pink-border-box { background: #f1e3eb; border-radius: 20px;padding: 20px 10px;border:none } div.modal .pink-border-box input[type="text"], div.modal .pink-border-box input[type="email"], div.modal .pink-border-box select { border: 1px solid #d393c0;border-radius: 8px; background:#fff } div.modal .pink-border-box input::placeholder { color: #000; font-weight: bold} div.modal-content .pink-border-box textarea { background:#fff; border: 1px #ac0082 solid} div.modal-content .pink-border-box .disp_auth_layer { border-top:1px solid #A6A6A6; padding-top:10px; margin-top:10px} div.modal-content div.gray-box { background:#f1e3eb; border-radius:20px; padding:20px 30px; margin-top:10px} .white-border-box h2.fs125em.fw600, .modal-content h2 { border-bottom:none !important; padding:10px 0} div.modal .pink-box-reg {background: #f1e3eb; border-radius: 10px; padding: 20px} div.modal h3.tt { text-align: center; color: #000; font-size: 1.8em; padding-bottom: 15px; line-height: 1.1em; letter-spacing: -0.06em} #txt_hp_num { width:30% !important} /* 이상형 신청 */ div.modal .pinkbg {padding:20px;} div.modal .pinkbg .pd20 { background: #f2edf3; border-radius: 16px; padding: 15px 25px; line-height: 1.3em} div.modal .pinkbg .pd20 strong {text-decoration: underline; font-weight:normal} div.modal .pinkbg .pd20 span {color:#e93db9;font-weight:bold; } div.modal .pinkbg h3 {text-align:center; background:none; } div.modal .pinkbg h3 .modaltt {display:inline-block; color:#aa1480; font-size:1.8em; padding:8px 20px;font-weight:bold; } div.modal .pinkbg h3 .modaltt img {vertical-align: middle} div.modal .pinkbg li.smalldot { font-size:1.13em; font-weight:bold; line-height:1.4em} div.Idealreg_area {width:100%; height:auto; overflow:hidden;} dl.Idealreg {width:100%;font-size:.9em;line-height:2em;background-color:white;overflow:hidden; border-bottom:5px solid #eef0f5;} dl.Idealreg dt { float:left;width:16%;max-width:160px;padding:15px 5px 8px 0; font-weight:bold; font-size:1.15em; line-height:1.1em} dl.Idealreg dt small { font-size: .9em; font-weight: normal} dl.Idealreg dd {float:left;width:84%;padding:10px 0;font-size:1em; line-height:2em} #div_nation span{ width:auto} dl.Idealreg dd.area_full span{width:100%; display:inline-block;} /*종교항목*/ dl.Idealreg:lang(en) dd.area_half span{width:100%; display:inline-block;} dl.Idealreg dd.area_half span{width:50%; display:inline-block;} dl.Idealreg dd.partnr_half span{ clear:both; float:left;display:inline-block;} dl.Idealreg dd.area_quarter span {width:25%;display:inline-block;} dl.Idealreg dd.area_quarter span:lang(jp) { width: auto} dl.Idealreg dd.dis_typ span{ width:25%; display:inline-block; } dl.Idealreg dd.dis_typ:lang(en) span{ width:33%; } dl.Idealreg dd span.br {display:block;} dl.Idealreg dd p { line-height:1.8em; height:auto; overflow:hidden} dl.Idealreg dd p.ideal_txt{ line-height: 1.4em; color: #4D4D4D; font-size: 1.1em} dl.Idealreg dd p.ideal_txt strong { color: #ab228c} div.area_typ, div.relign_typ { border:1px solid #aa1480; padding:10px; margin:8px 0; line-height:2em} div.nation_pd {border-top:1px solid #ddd; padding:10px; margin-top:8px} .lable_mr { margin-right:10px} div.Idealreg_area input {accent-color:#aa1480;} div.Idealreg_area label { font-size:1.05em} div.Idealreg_area .mt10.mb20 { margin:0 0 10px 0 !important} #disp_psnlt span {width:25%; display:inline-block} #div_child_typ { float:left; padding:5px 8px; margin-top:0; line-height:1.2em} #div_child_typ span { clear:none} #div_child_typ:lang(en) { clear:both; font-size:1em } #div_child_typ:lang(en) span{ display:block; line-height:2em} /* main-reuqest */ div.request {position:relative;width:100%;margin:30px auto 10px auto;background:#6d2fda;border-radius:.4em;text-align:center;line-height:4em} div.request > a {display:inline-block;width:100%;font-weight:bold;color:white;font-size:1.5em} div.request-nobl {position:relative;width:100%;height:100px;margin:0 auto 70px auto;padding-top:9px;background-color:#0096d3;color:white;border-radius:.4em;text-align:center;font-size:1.2em;font-weight:700} div.request-nobl > a {display:inline-block;width:100%;font-weight:bold;color:white;font-size:1.4em} div.showRequestwrap {width:100%;padding:15px;background-color:#de2d85} div.showRequest {width:100%;background-color:white;border-radius:.4em} div.request-form {width:100%;margin:30px auto 0 auto} div.request-form > div {float:left;margin:5px 0} div.request-form > .formName {width:50%} div.request-form > .formGender {width:50%} div.request-form > .formPhone {clear:both;width:50%} div.request-form > .formM {width:50%} div.request-form > .formBirth {clear:both;width:100%} div.request-form > .formSchool {width:100%} div.request-form > .formAddr {width:100%} div.request-form > .formPrivacy {width:100%;overflow:hidden} div.request-form > button {width:100%;background:#ac29b5;color:white;font-size:1em;font-weight:bold;border-radius:.4em;line-height:2.25em;margin-top:10px} div.request-form > div select {width:100%;background:white} div.request-form > div input {background:white} div.request-form > .formPrivacy > .white-border-box {padding:5px 0 5px 10px} /* 공통TAb */ div.modal-content > div.tab-container {position:relative;width:100%;min-height:600px;z-index:0;margin:auto} div.modal-content > div.tab-container > div {display:inline} div.modal-content > div.tab-container > div > a {position:relative !important;display:inline-block;padding:10px;font-weight:bold;background:#fff;border-top:1px solid #d4d3d3;border-left:1px solid #d4d3d3;border-right:1px solid #d4d3d3} div.modal-content > div.tab-container > div:not(:target) > a { } div.modal-content > div.tab-container > div:target > a {color:#ac0082;font-weight:bold;border-top:1px solid #ac0082;border-left:1px solid #ac0082;border-right:1px solid #ac0082} div.modal-content > div.tab-container > div > div {position:absolute;z-index:-2;width:100%;padding:0;min-height:500px} div.modal-content > div.tab-container > div:not(:target) > div {position:absolute} div.modal-content > div.tab-container > div:target > div {position:absolute;z-index:3 !important} div.modal-content > div.tab-content {background:#fff;margin:0;padding:0} /* TAb - 아이디/비밀번호 찾기 */ div.modal-content > div.tab-container-idpw {position:relative;width:100%;height:40px;z-index:0;margin:auto} div.modal-content > div.tab-container-idpw > div {display:inline} div.modal-content > div.tab-container-idpw > div > a {position:relative !important;display:inline-block;padding:10px;font-weight:bold;background:#fff;border-top:1px solid #d4d3d3;border-left:1px solid #d4d3d3;border-right:1px solid #d4d3d3} div.modal-content > div.tab-container-idpw > div:not(:target) > a {text-decoration:none} div.modal-content > div.tab-container-idpw > div:target > a {color:#ac0082;font-weight:bold;border-top:1px solid #ac0082;border-left:1px solid #ac0082;border-right:1px solid #ac0082;text-decoration:none} div.modal-content > div.tab-container-idpw > div > div {position:absolute;z-index:2;width:100%;margin-top:37px;padding:0;min-height:350px} div.modal-content > div.tab-container-idpw > div:not(:target) > div {position:absolute} div.modal-content > div.tab-container-idpw > div:target > div {position:absolute;z-index:3 !important} /* TAb - 아이디/비밀번호 찾기 TOP */ div.idpw-top {display:inline-block;position:relative;width:100%;margin:0;padding:0;height:35px;font-size:.75em;overflow:hidden} div.idpw-top > ul.tabs {width:100%;height:35px;margin:0 auto;padding:0;font-size:1.2em} div.idpw-top > ul.tabs > li {float:left;display:inline-block;width:49.5%;padding:0;height:35px;line-height:35px;background-color:#8D8D8D;color:white;text-align:center;border:none ; font-size: 1.1em} div.idpw-top > ul.tabs > li a {cursor:pointer;color:white} div.idpw-top > ul.tabs > li a:hover {color:white} div.idpw-top > ul.tabs > li.on {background-color:#fff;color:#ea68a2;font-weight:bold;border-top:2px solid #ea68a2;} div.idpw-top > ul.tabs > li.on a {color:#ea68a2 !important;font-weight:bold} div.termwrap {margin:30px} /* 공통 SPAN */ div.modal span.block1 {float:left;width:10%} div.modal span.block2 {float:left;width:20%} div.modal span.block3 {float:left;width:30%} div.modal span.block4 {float:left;width:40%} div.modal span.block5 {float:left;width:50%} div.modal span.block6 {float:left;width:60%} div.modal span.block7 {float:left;width:70%} div.modal span.block8 {float:left;width:80%} div.modal span.block9 {float:left;width:90%} span.desh {display:inline-block; color:#6e747d; padding:0 8px; } /* modal 로그인 - 입력폼 */ dl.joinform {width:75%;margin:0 auto;padding:0;overflow:hidden; margin-top:25px} dl.joinform > dd {float:left;display:table-cell;width:100%;margin-top:10px} dl.joinform > dd.left {width:63%} dl.joinform > dd.right {width: 27%;float: right;} dl.joinform.find > dd.left { padding-top: 2px} dl.joinform.find > dd.right {width: 35%;} dl.joinform.find > dd.right > button {width:100%;background-color: #ac0082; height: 78px; font-size: 1.2em; margin: 2px 1px; padding: 10px ;letter-spacing: -1px;} dl.joinform.login > dd.right > button {width:100%;background-color: #ac0082; height: 95px; font-size: 1.2em; margin: 2px 1px; padding: 10px ;letter-spacing: -1px;} dl.joinform > dd.right > button.normal {padding:6px 8px;line-height:22px;height:36px} dl.joinform > dd > span {display:inline-block} dl.joinform > dd > span {display:inline-block} dl.joinform > dd > span.saveid {float:left;width:auto;text-align:left;padding-left:10px; border-radius: 12px;} dl.joinform > dd > span.btn {float:right;width:auto;margin-top:0;} dl.joinform > dd > span.btn > button {width:auto;padding:0;background:none !important;border:none;color:black; font-weight:bold; text-align:right; font-size:1em} dl.joinform > dd > span.btn > button:after {content:'|';padding:0 0 0 10px} dl.joinform > dd > span.btn > button:last-child:after {content:" "} dl.joinform > dd.joinnow { background:#f2f1e9; text-align:center; display:block; width:100%; padding:6px; margin-top:10px;} dl.joinform > dd.joinnow span.btn > button { padding-top:0px; font-weight:bold;color:#9B5314} div.Useagree {margin-top:20px;height:120px;overflow-y:auto; border:1px solid #bbb; margin-bottom:5px; padding:8px} div.Useagree h2 { font-size:1.2em} #find_id .gray-border-box, #find_pw .gray-border-box{ background: #f1e3eb; border-radius: 10px; padding: 20px;} /** 새로 추가 (2022.12) */ .joinform.login input[type="text"], .joinform.login input[type="password"] { box-sizing: border-box; width:100%; background: #fff; border: none; border-bottom: 1px solid #292828; font-size: 17px; line-height: 32px; height: 45px; padding: 0 0 0 .5em; margin-bottom: 3px; border-radius: 0 } .joinform .login { } .member {background-color: #ad8268;color: #Fff; } .memberli { background-color: #fff; color: #ac0082; font-weight: bold;height: 45px;width:100%;font-size: 16px; box-shadow:0 0 6px #888888;} div.joinnow1 { margin:10px auto 0 auto; background: #e9e9e9; text-align: left; width: 78%; height:auto; overflow:hidden; padding: 17px 10px 15px 20px ;margin-bottom: 30px;} div.joinnow1 li { list-style:none} div.joinnow1 li:first-child { float:left} div.joinnow1 li:last-child { float:right; width:27%} div.modal .w{padding: 5px} /* modal 미완료사항 */ dl.CheckedPrpsPsb {width:100%;margin:20px;overflow:hidden} dl.CheckedPrpsPsb > dt, dl.CheckedPrpsPsb > dd {float:left;display:table-cell} dl.CheckedPrpsPsb > dt {width:100%;font-weight:bold;clear:left} dl.CheckedPrpsPsb > dd {width:100%;text-align:left;margin-bottom:20px;clear:left} /* modal 프로필비교 */ dl.CompareProfile {width:100%;margin:0 auto 0 auto;overflow:hidden; } dl.CompareProfile .compare_item { clear: both;background: url('/images/item_pc_bg.jpg') top center repeat-y;background-size: 115px; height: auto; overflow:hidden;} dl.CompareProfile .compare_item:lang(en) { background-size: 130px;} dl.CompareProfile p.caution {font-size:.825em;color:#ac0082;text-align:right} dl.CompareProfile dt.pc {display:none} dl.CompareProfile dt.status {display:none;width:100%} dl.CompareProfile dt.my, dl.CompareProfile dt.u {width:50%;clear:none} dl.CompareProfile dl.bg_gray { clear:both; height:auto; overflow:hidden; /*background:url('/images/bg_compare_bg.png') top center; background-repeat:repeat-y*/} dl.CompareProfile dl dd { padding:8px 0} dl.CompareProfile dl dd.ar{width:42%; text-align:right; float:left; padding-right:15px} dl.CompareProfile dl dd.item_pc{width:16%; text-align:center; float:left; background: #fff ; font-weight: bold} dl.CompareProfile dl dd.item_pc img { margin-left: 3px} dl.CompareProfile dl dd.al{width:42%; text-align:left; float:right; padding-left:15px} dl.CompareProfile dl dd.iconP{ display: none } dl.CompareProfile dd > span.pre {font-size:.6em;margin:0 2px;padding:0 3px;text-align:center;background-color:#ab0082;color:#fff} .tip_bg { background: #e2d5df; font-size:.9em; color: #ad0085; padding: 15px 0; text-align: center; height: auto; overflow: hidden} dl.CompareProfile dl { clear:both;height:auto; border-top: 1px solid #858585; } dl.CompareProfile dl.bg_gray { clear:both; height:auto; overflow:hidden;} dl.CompareProfile dl dt.none {display:block;width:100%;font-weight:bold;background:#e7e7e7;padding:4px;clear:both; } div.photo_compare li{ width:50%; height:auto; overflow:hidden; text-align:center;float:left; margin:20px 0; list-style:none} div.photo_compare li p.my_note { position:absolute; margin:0 auto; text-align:center ; display:block; width:50px; border-bottom:1px solid #ddd; color:#777; display:none} div.photo_compare li span.color-primary-1{display:block} div.photo_compare li span.color-primary-1{display:inline-block} div.photo_compare li { font-size:1.2em} div.bg_compare { /*background:url('/images/bg_compare.png') top center no-repeat;*/ height:auto; overflow:hidden} div.bg_compare_end {/* background:url('/images/bg_compare_end.png') bottom center no-repeat;*/ overflow:hidden} dl.CompareProfile .photobox {width:133px;height:160px} dl.CompareProfile .photobox img {width:133px;height:160px} dl.CompareProfile dt {width:20%;line-height:180%} dl.CompareProfile dt.pc {display:inline-block;background:none} dl.CompareProfile dt.status {display:inline-block;width:20%} dl.CompareProfile dt.my, dl.CompareProfile dt.u {width:40%;clear:none} dl.CompareProfile .photobox { margin:10px 0; padding: 8px; box-shadow:0 2px 5px #bbb;background:#FFF;overflow:hidden } /* modal 오픈매치 */ .modal.m-regist-propose {width: 600px; border-radius: 30px} .openpropose {width:100%;margin:10px auto;padding:0;overflow:hidden} .openpropose .box {border: 1px solid #2e6174; padding: 6px 15px; border-radius: 8px; height: auto; overflow: hidden} .openpropose .box .fl {width: 50%; font-weight: bold; padding-left: 5px} .openpropose dl {width: 100%; height: auto; overflow: hidden; padding: 6px} .openpropose dt, .openpropose dd {float:left;} .openpropose dt {font-weight:bold;width: 20%; padding-top: 8px} .openpropose dd {width: 80%} .openpropose dd img { margin:0 0 0 3px; vertical-align: middle} #join_from_dt, #join_to_dt {width: 170px} .openpropose .box .fl input[type="text"] {width:auto; border: none; background: none; padding:0 0 0 10px; color: #555; font-size: 1.2em; height: 25px; width: 200px;} .openpropose .box .fl:last-child input[type="text"] {width: 150px} .openpropose textarea { height: 180px} .propose_tit { color: #ac0082;font-size: 1.3em; padding: 0 10px} .propose_tt { color: #151F90; font-weight: bold;padding: 5px 3px;font-size: 1.1em; clear: both; } .modal-content .pt_btn {width: 100%; padding: 8px; margin-top: 10px; font-size: 1.2em; background: #f6eaf7; font-size: 1.1em} .modal-content .pt_btn span {color: #9311cf;font-size: 1.3em; font-weight: bold} /* modal 만남신청,수락 */ .modal-content dl.propose {width:100%;margin:10px auto;padding:20px 20px 15px 0;background-color:#efefef;overflow:hidden} dl.propose > dt, dl.propose > dd {float:left} .modal-content dl.propose > dt {width:25%; padding: 0} .modal-content dl.propose > dd {width:75%} .modal-content dl.propose > dt > dl.profile-list {width:100%;text-align:left;margin:0;padding:0;} .modal-content dl.propose dd p { padding-bottom:8px} .modal-content dl.propose dd p.mt10 { border-top:1px solid #ac0082; margin-top: 8px; } .modal-content dl.propose > dd li.dot strong {color:#ac0082} .modal-content dl.propose dd label{letter-spacing:-1px; font-size:.85em} .modal-content dl.propose dd input[type="radio"]{margin-right:2px; margin-left:2px} .modal-content dl.propose .photobox { text-align: center} .modal-content dl.propose .photobox img { border: 8px solid #fff; box-shadow: 0 2px 5px #c1c1c1; height: 140px} .modal-content dl.propose dd.info ul > li { text-align: center} .modal_notice dl { height: auto; overflow: hidden} .modal_notice dt, .modal_notice dd { float: left;} .modal_notice dt { width: 15%; color:#ac0082 ; font-size: 1.2em} .modal_notice dt span {color:#000} .modal_notice dd { width: 85%; padding-left: 25px} .white-border-line { border-bottom: 1px solid #858585; border-top: 1px solid #858585; padding: 20px; height: auto; overflow: hidden} /* modal 만남거절 */ div.deny {background-color:#f4f4f4;border:1px solid #d4d3d3;margin-bottom:20px;padding:20px;overflow:hidden} div.deny > div.showleft {float:left;width:40%} div.deny > div.showleft textarea {width:85%} div.deny > div.showright {float:left;width:60%} /* modal 공통테이블 */ table.couple {width:100%;margin:0 auto;border-top:1px solid #d4d3d3} table.couple th {font-weight:bold;border-bottom:1px solid #d4d3d3;background:#e7e7e7;padding:4px;text-align:left} table.couple th.status {width:10%} table.couple th.purchasedate {width:20%} table.couple th.schlocation {width:20%} table.couple td {padding:4px;border-bottom:1px solid #d4d3d3} table.couple td.schlocation {width:20%} table.couple th > span.pre, table.couple caption > span.pre {font-size:.625em;margin:0 2px;padding:0 3px 0 2px;text-align:center;background-color:#ab0082;color:#fff} table.couple > caption {font-size:1em} /* modal 공통UL */ ul.couple {width:100%;margin:20px;overflow:hidden} ul.couple > li {list-style-type:disc !important} ul.couple > li span {float:left;display:inline-block} ul.couple > li span.title {font-weight:bold} ul.couple > li span.w20 {width:20%} ul.couple > li span.w80 {width:80%} /* modal 공통DL */ dl.couple {width:100%;margin:20px;overflow:hidden} dl.couple > dt {float:left;display:inline-block;font-weight:bold;width:20%;clear:left} dl.couple > dd {float:left;display:inline-block;width:80%;text-align:left} /* modal 공통 미완료항목 관련 탭 */ div.incomplete_layer {position:relative;width:94%;min-height:300px;z-index:0;border:0px solid #000;margin:20px auto} div.incomplete_layer > div {display:inline} div.incomplete_layer > div > div {position:absolute;top:29px;width:100%;padding:0;min-height:255px} div.incomplete_layer > div > a {position:relative !important;display:inline-block;padding:4px 24px;font-size:1em;font-weight:bold;background:#fff;border-top:1px solid #d4d3d3;border-left:1px solid #d4d3d3;border-right:1px solid #d4d3d3} div.incomplete_layer > div.sel_incomplete > a {color:#ac0082;font-weight:bold;border-top:1px solid #ac0082;border-left:1px solid #ac0082;border-right:1px solid #ac0082} div.tab-content {background:#fff;margin:0;padding:0} /* modal 음성 */ div.audio-player-wrap {width:250px;height:200px;margin:20px auto;overflow:hidden} .audio-palyer-img img {width:80%} .audio-player {width:100%;height:35px;border-radius: 3px;padding:0} .audio-gradient {border:0px solid #000;background: #494949} .audio-button {float: left;display: block;width: 34px;height: 34px;background-image: url('/images/sprite.png');background-repeat: no-repeat;margin-right: 5px;text-indent:-999999px} #play {background-position: 6px 5px} #mute {background-position: -63px 5px} #pause { background-position: -32px 5px} #muted {background-position: -106px 5px} /* modal 영상 */ div.video-player-wrap {width:300px;height:150px;margin:20px auto;text-align:center;overflow:hidden} div.video-player-wrap video {width:100%;margin:0 auto} /* 센터 */ .main-center-banner ul li {float:left;display:inline-block;width:32.5%;background:#e6e6e6;border-radius:1.5em;margin:5px 3px} .main-center-banner ul li:lang(ko) {width:32.5%} .main-center-banner ul li:lang(en), .main-center-banner ul li:lang(zh) {height:140px} .main-center-banner ul li.col2:lang(ko) {width:315px} .main-center-banner ul li.col2 {width:470px} ol.command10 {width:100%;margin-left:0;padding-left:50px;overflow:hidden} ol.command10 li {list-style:decimal !important;margin-top:20px;color:#2895ce;font-weight:bold;font-size:1.25em;line-height:170%} ol.command10 li p.normal {color:#333;font-size:.725em;font-weight:normal;line-height:160%} /** 원페이지 (5060)**/ div.headerwrap_one {position:relative;width:100%;margin:0 auto;padding:15px 0 5px 0;background:none;text-align:center} div.headerwrap_one .main-logo {float:left; display:inline-block; padding-left:10px} div.headerwrap_one .main-logo img {width: 90%} div.headerwrap_one .lang_area{ font:right; text-align:right} div.top_graybg.bg { background:#f5f5f5;padding:0; background-image:linear-gradient(60deg,#cdd2d6 10%,#d3d9dd 50%,#f0f5fb); background-repeat: no-repeat; background-position:top right; } div.top_graybg.bg .container {background:url('/images/onep/top_bg.png') bottom center no-repeat; padding-left:70px} .tt5060 { text-align:center; color: #7c9295; font-size:1.8em;padding-top:25px; padding-bottom:5px} .stt5060 {text-align:center; font-size:1.2em; padding-bottom:15px} .onep_services h1 { text-align:center; padding-top:10px; color:#ab0082;font-weight:600;font-size:2.6em !important;background-image:linear-gradient(#ac0082,#ac0082);background-repeat: no-repeat;background-size:150px 1px, calc(0% - 4px) 100%;background-position: top center; line-height:1.2em} .txt5060 { width:40%; margin:20px auto; font-size:1.3em; padding:30px 0 20px 0; text-align:center; } .txt5060 p {padding-top:15px} .container.top { margin-top:-220px} .container.top .fr {width:60%; padding-top:160px} .infobg_5060 { background:#f9f9f9; padding:15px; margin-top:30px} .infobg_5060 p.dot {font-size:1.2em; color:#3D6FBC; } .container.top .mview {display:none} .bg_5060pay { background: #e4f5ff; font-size:1.4em;font-weight:bold; padding:18px; margin-top:15px; height: auto; overflow: hidden} .bg_5060pay.self {background: #FCF0FB; margin-top:20px} .pl_null { padding:10px 10px 20px 125px; font-size:1.1em; height:auto; overflow:hidden} .pl_null p{letter-spacing:0;} .bg_5060pay li {list-style: none; float: left} .bg_5060pay li .txt_5060pay { border-top: 1px solid #45556f; margin-top: 8px; font-size: 16px !important; font-weight: normal !important; padding-top: 8px} .bg_5060pay span.tt_bg { background:#5674b9; border-radius:20px; text-align:center; color:#fff !important; margin-right:20px; display:inline-block; font-weight:normal; padding:4px 15px} .bg_5060pay span.tt_bg:lang(en) { letter-spacing:-1px} .bg_5060pay.self span.tt_bg {background:#a864a8} .bg_5060pay span {color:#0b56d3;} .bg_5060pay.self span {color:#C02990;} .bg_5060pay span.pr15 {padding-right:15px} .process5060 {margin:25px 0} .process5060 li {list-style:none; float:left; width:21%; height: 90px} .process5060 li.arrow, .process5060:lang(en) li.arrow {width:5%; text-align:center; padding-top:30px} .process5060:lang(en) li {width:18%} .process5060:lang(en) li:nth-child(1) {width:20%} .process5060:lang(en) li:nth-child(3) {width:22%} .process5060:lang(en) li:last-child {width:25%} .process5060 li.pro_txt { border:1px solid #ab0082; border-radius:20px; text-align:center; padding:8px 8px 13px 8px; box-sizing:border-box; font-weight:bold} .process5060 li.pro_txt p.txt { font-size:1.2em; line-height:120% !important;} .process5060:lang(en) li.pro_txt, .process5060:lang(zh) li.pro_txt {letter-spacing:-1px; font-size:.95em; font-weight:normal} .process5060 li.pro_txt .no { color:#ab0082; padding-bottom:2px} /*호주센터 */ .center_area { width:85%; height:auto; overflow:hidden; margin:30px auto; background:url('/kr/images/img_au.jpg') bottom left no-repeat; background-size: contain} .fl_au { float:left; width:30%; padding-top:50px} .fl_au h1 {text-align:center; color:#ab0082; font-size:2.2em; line-height:1.5em} .fr_au {float:left; width:70%;padding:50px 60px; line-height:1.7em;font-size:1.4em; background-image: linear-gradient(180deg,#ffe9e9 50%,#dff6ff 90%,#dff6ff); background-repeat: no-repeat; background-position: top bottom;} .telinfo { border-radius:10px;width:70%;height:auto; overflow:hidden; background:#fff; box-shadow:2px 2px 4px #848484; padding:20px; clear:both; margin-top:30px} .telinfo dl { clear:both; padding-top:8px} .telinfo dt {float:left; width:20%;border-radius:10px; border:1px solid #ab0082; padding:2px; text-align:center; font-size:15px;} .telinfo dd {float:left; padding-left:10px; color:#ab0082;font-size:1.2em; font-weight:bold; line-height:1.1em } /*설문조사*/ .modal-content .wh60p { height:60px} /* 설문*/ .survey { border: 1px solid #bbb; border-radius: 20px; height: auto; overflow: hidden; padding: 20px} #dv_survey .grid3 {width: 50%; padding: 0; float: left} #dv_survey .grid3 li {float: left; list-style: none} #dv_survey .grid3 li:first-child { width: 25%} #dv_survey .grid3 li:last-child {width: 75%; padding:8px 0 0 15px; font-size: 1.15em; text-align: left; cursor: pointer} .main_box {padding: 10px; height: auto; overflow: hidden} .main_box .tt {color:#d5497a; padding-bottom: 10px} .main_box .subtt { font-weight: 600; word-break: break-word;} .main_box .subtt span { background: linear-gradient(to top, #e9f981, transparent 90%)} .main_box .btn { text-align: center; padding-top: 20px} .main_box .btn button {background:#d5497a; border-radius: 6px } .modal.m-regist-survey {width: 500px; border-radius: 30px} .modal.m-regist-survey span.fr { position: absolute; top:10px; right: 15px} .modal.m-regist-survey .modal-content { padding: 30px} div.modal .survey_txt_area h1 { border-bottom: 1px solid #000; padding: 0 0 10px 0; line-height: 1.2em; letter-spacing: -0.02em} div.modal .survey_txt_area h3 {font-size: .95em; font-weight:normal; padding: 15px 0} div.modal .survey_txt_area p {color: #fe7277} div.modal .survey_txt_area textarea { border:2px solid #d5497a ; border-radius: 8px;} div.modal .survey_txt_area textarea::placeholder { color: #d5497a} div.modal button.survey {background-color: #d5497a; padding:10px 40px; border-radius: 16px } div.modal .nouser_area textarea { border: 1px solid #bbb; padding: 10px; width: 100%; height:60px ; border-radius: 8px; margin: 10px 0} div.modal .nouser_area {padding-top: 10px; font-size: 1em} /* 회사소개 */ .cor_area { padding: 10px} .bold { font-size: 1.4em; padding-top: 20px} .cor_area h2.cor {color:#ab0082; font-size: 2.8em !important;} .cor_area .brand { padding:15px 0} .cor_area .line {background:#ab0082; height: 6px } .cor_txt { font-size:1.4em; line-height: 1.5em; padding: 20px 0} .cor_txt.etc {padding: 20px} .cor_txt.etc h2.cor {font-size: 2.4em !important;} .cor_history {height:auto; overflow:hidden; padding: 30px 0 } .history_txt {float:right;width: 80%} .history_txt dl { clear:both; padding:0;} .history_txt dt, .history_txt dd { float:left ; padding:10px 0; font-size: 1.2em } .history_txt dt { width:11%; font-size: 1.5em; font-weight: bold} .history_txt dd { padding-top:15px } .history_txt dd img {margin-top: 8px} .title_area { padding: 15px 0} .cor_telbg {width:90%; margin:20px auto 0 auto;background:url('/kr/images/corp_telbg.jpg') no-repeat; height:440px; overflow:hidden; background-size:100%; padding:30px 30px 0 0} .txt_corptel { float:right; border:1px solid #ac0082; border-radius:10px; padding:20px 30px; background:#fff} .txt_corptel .bg_addres { color:#ac0082; border-bottom:1px solid #ac0082; margin-bottom:10px; text-align:center; font-size:1.3em} .tel_korea p { font-size:1.15em; letter-spacing:0; padding:4px 0} .txt_corptel .pt10 {padding-left:10px} div.press { background: #f1f1f1; padding: 20px; margin-bottom: 40px} div.press li.dot span{ display: inline-block; color: #252d59; padding-left: 15px} h3.cor_tt {font-size: 1.7em; padding-bottom: 10px; color: #ab0082} div.ceobook { height: auto; overflow: hidden;padding-bottom: 40px} div.ceobook li {list-style:none; width:25%; text-align:center; float:left; padding:0 4px; box-sizing:border-box;} div.ceobook li img{border:1px solid #bfbfbf; width:92%} div.ceobook .fr.wh65p { width: 68% !important} div.ceobook .fr.wh65p span {display:block; line-height:1.1em; height:50px;} div.ceobook ul.disc.sns li{margin-bottom:6px; cursor:pointer} /* ABOUT US - CEO소개 */ .ceoarea { border-bottom: 1px solid #bbb; margin-bottom: 30px} dl.ceo {width:100%;margin:0 auto;overflow:hidden} dl.ceo > dd {float:left;margin:0;padding: 0 10px} dl.ceo > dd.pic {width:35%;padding:18px 0 0 0;text-align:center} dl.ceo > dd.text { float:right;width:55%; padding-top: 10%} dl.ceo > dd.text .pt20 { padding-bottom: 5px; font-size: 1.05em; line-height: 1.7em} dl.ceo > dd.pic > img {width:90%; vertical-align: bottom} /* 회사소개(영중문) */ .cor_char { background: #ede9e6 ; padding: 25px 60px; text-align: center} h2.cor_tt { border-bottom: 1px solid #000000; clear: both; display:inline-block; text-align: center; font-size:1.8em; margin-bottom: 30px} h2.cor_tt:lang(en) {font-size:1.8em; letter-spacing:-0.06em} .char_no { text-align: left} .char_no p {background: url('/images/no_bg.png') no-repeat; padding-bottom: 8px; vertical-align: top} .char_no span { display: inline-block; } .char_no span.no_bg {width:5%; height:38px;color:#0f4268; font-size: 1.2em; font-weight: bold;vertical-align: top; padding: 5px 0 0 12px } .char_no span.no_txt {width: 94%;font-size: 1.2em; padding-top:4px } .cor_ideal {background: #f0d7ea ; padding: 25px; text-align: center} .cor_ideal .cor_ideal_txt {font-size: 1.2em; padding-bottom: 30px} .cor_ideal .cor_ideal_txt img {width:90%; margin: 30px auto} .cor_ideal .cor_ideal_box { border-radius: 20px; padding: 30px; background: #fff} .cor_ideal .cor_ideal_box .cor_ideal_tt { border-radius: 20px; padding: 6px; background: #b17ca4; color: #fff; font-size: 1.1em; margin-bottom: 15px} /* 아카이브게시판 */ .forum-list.list_free {padding: 10px; border-bottom: 1px solid #eee; border-top:1px solid #eee; font-size: 1.2em } .forum-list.list_free:last-child {border-top:none} /* 한국어만 보임 */ .only_kr { display:none} .only_kr:lang(ko) { display:inline-table ;} /* 일본어만 보임 */ .only_jp { display:none} .only_jp:lang(jp) { display: block;} .only_jp .lineapp.small {width:20px; height: 20px} /* 데스크탑 */ @media all and (min-width:1024px) { .pc {display:block} .mobile { display: none} /* header */ div.headerwrap {position:relative;width:100%;min-height:140px;margin:0 auto;padding-top:0px;background:none;/*border-bottom:1px solid #ccc;*/} div.header {position:relative;min-height:140px;width:100%;max-width:1080px} div.container {width:100%;max-width:1080px} /* main event*/ div.main-event-list {float:right;width:400px;margin:0;padding:0;overflow:hidden} ul.main-event-box > li {display:inline-block;margin-right:-4px} /* modal 영상 */ div.audio-player-wrap {width:400px;height:275px;margin:20px auto;overflow:hidden} .audio-palyer-img img {width:400px;height:225px} .audio-player {width:100%;height:50px;border-radius: 3px;padding: 5px} /* modal 영상 */ div.video-player-wrap {width:500px;height:326px;margin:20px auto;text-align:center;overflow:hidden} div.video-player-wrap video {width:500px;height:326px;margin:0 auto;border:0px solid red} .button {padding: 0 20px;} div.header > div.mntop {position:absolute;width:80%;top:0;right:0;padding-top:7px;font-size:1.1em;line-height:1.4em;font-weight:bold;height:100px;z-index:55;} div.header > div.mntop > div.left-btn {display:none} div.header > div.mntop > div.right-btn {position:absolute;display:inline-block;top:20px;right:0;text-indent:0;width:auto;padding:0} /*로그인,쪽지,로그아웃,회원가입*/ div.header > div.mntop > div.right-btn .lang_bg { height: 26px; background: #f9f9f9;color: #000; border: 1px solid #bbb; box-shadow:2px 2px 2px #eee; float: right; clear: both; margin-bottom: 8px; display: inline-block; padding:1px 15px 3px 15px; font-size: .8em; border-radius: 10px; font-weight: normal;cursor: pointer; line-height: 1.5em} div.header > div.mntop > div.right-btn .lang_bg span {color: #9F9F9F; display: inline-block; padding: 0 4px} div.header > div.mntop > div.right-btn .lang_bg span.link_changelang {color: #000; padding: 0} div.header > div.mntop > div.right-btn .lang_bg span.link_changelang.on { color: #AB3083; font-weight: bold} div.header > div.mntop > div.right-btn .lang_bg a { color: #000;cursor: pointer;} div.header > div.mntop > div.right-btn .lang_bg a:hover {color:#ea68a2 } div.header > div.mntop > div.right-btn .logout_area { background: #777;color: #fff; display: inline-block; margin-left:1px; border-radius: 6px; padding:0px 4px; font-weight: normal} div.header > div.mntop > div.right-btn .logout_area a {color: #fff;} div.header > div.mntop > div.right-btn > ul {float:right;margin:0;padding:0;text-align:right;clear: both;} div.header > div.mntop > div.right-btn > ul li {display:inline-block;padding:4px 0 0 25px} div.header > div.mntop > div.right-btn > ul li.home {display:none} div.header > div.mntop > div.right-btn > ul li.login > a {display:inline-block;width:auto;height:auto;background:none;} div.header > div.mntop > div.right-btn > ul li.login > a:hover {background:none;color:#ea68a2} div.header > div.mntop > div.right-btn > ul li.logout {color:black} div.header > div.mntop > div.right-btn > ul li.logout > a {display:inline-block;width:auto;height:auto;background:none} div.header > div.mntop > div.right-btn > ul li.logout > a:hover {background:none;color:#ea68a2} div.header > div.mntop > div.right-btn > ul li.logout span {display:inline-block !important; font-weight: normal} div.header > div.mntop > div.right-btn > ul li.logout span.self {margin:0 2px 0 10px} div.header > div.mntop > div.right-btn > ul li.logout span.manager {margin:0 10px 0 5px} div.header > div.mntop > div.right-btn > ul li.logout span.on {font-size:.75em;font-weight:bold;padding:0px 4px 0 2px;text-align:center;background-color:#ea68ae;color:#fff;border-radius:6px} div.header > div.mntop > div.right-btn > ul li.logout span.off {font-size:.75em;font-weight:bold;padding:0px 4px 0 2px;text-align:center;background-color:#2a6181;color:#fff;border-radius:6px} div.header > div.mntop > div.right-btn > ul li.logout img.profileconfig {width:16px;height:16px;vertical-align:middle;margin-left:2px} div.header > div.mntop > div.right-btn > ul li.join {display:inline-block} div.header > div.mntop > div.right-btn > ul li.join > a {display:inline-block;width:auto;height:auto;background:none} div.header > div.mntop > div.right-btn > ul li.join > a:hover {background:none;color:#ea68a2} div.header > div.mntop > div.right-btn > ul li.lang {padding-top:0} div.header > div.mntop > div.right-btn > ul li.lang select {width:auto;height:30px;background:white;border:1px solid #d4d3d3;cursor:pointer} #p_memo_cnt { color:#AB0254; font-weight: bold} /* 로고,대메뉴 */ div.header > div.header-main {position:absolute;top:40px;left:0;display:inline-block;width:100%;margin:0;} div.header > div.header-main > div.main-logo {float:left;margin-top:10px;width:235px;} div.header > div.header-main > div.main-logo a {display:inline-block;width:235px;cursor:pointer} div.header > div.header-main > div.nav {width:auto;margin-top:50px;padding:0; text-align:right} div.header > div.header-main > div.nav ul {width:auto;margin:0;overflow:hidden} div.header > div.header-main > div.nav ul li {display:inline-block;width:auto;padding:0 0 0 18px;font-weight:bold;font-size:1.35em;color:#474747;} div.header > div.header-main > div.nav ul li:hover {color:#ea68a2} div.header > div.header-main > div.nav ul li:lang(en) {text-transform:uppercase} div.header > div.header-main > div.nav ul li:last-child{padding-right:0} div.header > div.header-main > div.nav ul li span.new {font-size:.9em;font-weight:bold;line-height:1.3em;letter-spacing:1px;text-align:center;margin:0 3px;padding:2px;background-color:orange;color:white;vertical-align:top} div.header > div.header-main > div.nav ul li a {color:#474747; font-weight:600} div.header > div.header-main > div.nav ul li a:hover {color:#ea68a2} div.header > div.header-main > div.nav ul.en > li {padding:0 0 0 20px;letter-spacing:-.02em;font-size:1.25em} div.header > div.header-main > div.nav ul li span.nav_small { display: inline-block;font-weight:normal; font-size:15px} /* main */ div.containerwrap {padding:0;} .line_wide { border-bottom:1px solid #ddd} /* 프로세스 */ .main-box {padding:60px 50px;border:4px solid #ac0082;border-radius:2em} .main-box .main-procedure > ul {width:100%} .main-box .main-procedure > ul > li {float:left;width:25%;margin-bottom:0;padding:10px 0 20px 0;font-size:1.5em;border:none;background:none;box-sizing:border-box} .main-box .main-procedure > ul > li:lang(ko) {width:22%} .main-box .main-procedure > ul > li:first-child:lang(ko) {width:33%;} .main-box .main-procedure > ul > li:first-child:lang(zh) {padding:10px 0} .main-box .main-procedure > ul > li:first-child:lang(en) {padding:10px 0} .main-box .main-procedure > ul > li:lang(en) {padding:20px 30px;font-size:1.4em} .main-box .main-procedure > ul > li::after{position:absolute;left:98%;top:30%;margin-left:-5px;width:32px;height:32px;content:'';background:url('/images/arrow-right.png') center no-repeat ;background-size:contain;z-index:19} .main-box > h1 {font-size:2em;margin-top:30px;font-weight:normal} .main-box > h1:lang(en) {margin-top:20px} .main-box > h2 {font-size:1.6em;line-height:1em;font-weight:normal} .main-box > h2 span {display:inline-block} .main-box > h3 {display:none} .main-box > h4 {display:none} .main_tit br { display:none} .main_tit_small br { display:none} h1.main-copy {font-size:2em;line-height:1em;margin:20px auto} h1.main-copy br {display:none} h1.main-copy:lang(en) {line-height:1.6em;} h1.main-copy span {display:inline-block} h2.main-copy {font-size:1.6em;font-weight:normal;margin:50px 20px} /* 하단배너 */ div.main-banner-list {padding:25px 0 15px 0} div.main-banner-list ol li {display:inline-block;float:left;width:33%} div.main-banner-list ol li:lang(ko) {width:33%} /* 공통 - 마이매칭단에서 보여지는 회원프로필 list */ dl.matching-profile-list {width:33.33333%;padding-left:10px} /* 검색박스 */ dl.searchbox {width:96%;margin:0 auto;overflow:hidden} dl.searchbox dt {float:left;display:inline;width:20%;min-width:150px;margin-top:10px;padding:0;font-weight:bold;border:none;clear:left} dl.searchbox dt:nth-child(1) {margin-top:10px} dl.searchbox dd {float:left;display:inline;width:80%;margin-top:10px} ul.searchbox-option {width:96%;margin:20px auto 0 auto;font-weight:bold;overflow:hidden;text-align:left} ul.searchbox-option li {float:left;display:inline-block;width:33.3333%} ul.searchbox-option li.menu {text-align:center} ul.searchbox-option li.btn {text-align:right} div.searchbox-close {display:none} /* 검색조건 닫기버튼 */ div.searchbox-text {width:100%;margin:5px auto;padding:20px;background:#2895ce;text-align:center} /* 검색박스 문구들 */ div.searchbox-text p {font-weight:bold;color:white;font-size:1.25em} /* 셀프서칭 */ .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 32%; max-width: 33.333333%; position: relative; width: 100%; height:auto; min-height: 360px; padding-right: 5px; padding-left: 5px; float:left; margin-bottom:20px; } .txt_item { padding-top:10px; min-width:240px;white-space: nowrap; letter-spacing:-1px} /** 탭(마이매칭) **/ .tabmatch { padding:20px 0;} .tabmatch input#select1:checked ~ .page1, .tabmatch input#select2:checked ~ .page2{ padding-top:20px;display:block; clear:both;} /* 마이매칭 TOP - TAB */ div.matching-acc-btn {display:none} div.matching-acc-content {height:auto} /* 마이매칭TOP - service box */ div.matching-acc-container dl.info-box, div.matching-evt-container dl.info-box {padding:20px} div.matching-acc-container dl.info-box ul li, div.matching-evt-container dl.info-box ul li {margin-top:5px} div.matching-acc-container dl.info-box dt, div.matching-evt-container dl.info-box dt { display:block; text-align:center; font-size:1.3em; font-weight: bold;padding-bottom:5px; margin-bottom:20px; color:#81487e; background-image: linear-gradient(#81487e,#b359ae); background-repeat: no-repeat; background-size: 80px 1px, calc(0% - 4px) 100%; background-position: bottom center; } div.matching-acc-container div.col-lg-3.line dl.info-box dt {text-align: left;background-position: bottom left;} div.matching-acc-container div.col-lg-3 {width:25%} div.matching-acc-container div.col-lg-3.line{width:70%;height:auto; overflow:hidden; background-image:url('/images/line_sero.gif'); background-position:top right; background-repeat:no-repeat; background-size:auto 100%; border-bottom:none; padding: 0 20px} div.matching-acc-container div.col-lg-3.line2 {height:auto; overflow:hidden;} div.matching-acc-container div.col-lg-3.line2 dl.info-box dd { margin-left:10px} div.matching-acc-container:lang(en) div.col-lg-3.line2 dl.info-box dd { margin-left:10px} div.matching-acc-container div.col-lg-2, div.matching-evt-container div.col-lg-2 {width:45%; float: left} div.matching-evt-container div.col-lg-2.line, div.matching-evt-container div.col-lg-2.line {width: 55%; height:auto; overflow:hidden; background-image:url('/images/line_sero.gif'); background-position:top right; background-repeat:no-repeat; background-size:auto 100%; border-bottom:none; padding-right:20px} /* 마이매칭 - bluebox/pinkbox */ div.matching-blue-box {padding:20px} div.matching-blue-box span {display:inline-block;font-weight:normal} div.matching-blue-box span.subtxt {display:inline-block;margin-left:20px;font-size:.825em} div.matching-pink-box {padding:20px} div.matching-pink-box small {display:inline-block} /* 마이매칭 - 만남결과확인 */ dl.prps-rslt-list > dd {padding:20px} dl.prps-rslt-list > dd.info {width:40%;margin:0;padding-left:25px} dl.prps-rslt-list > dd.contact {width:60%;margin:0;padding:20px} dl.prps-rslt-list > dd.info > dl.profile-list > dd.photobox {width:133px;height:160px} dl.prps-rslt-list > dd.info > dl.profile-list > dd.photobox img {width:133px;height:160px} dl.prps-rslt-list > dd.contact > div.respond {text-align:right} dl.prps-rslt-list > dd.contact > div.respond span {display:inline-block;margin-left:20px} dl.prps-rslt-list > dd.contact > div.respond br {display:none} /* 마이매칭 - VIP */ dl.vip-list {width:100%;margin:0;padding:0;overflow:hidden} dl.vip-list > dd {padding:20px 0} dl.vip-list > dd.info {width:40%;margin:0;padding-left:25px} dl.vip-list > dd.contact {width:60%;margin:0;padding:20px} dl.vip-list > dd.info > dl.profile-list > dd.photobox {width:133px;height:160px} dl.vip-list > dd.info > dl.profile-list > dd.photobox img {width:133px;height:160px} dl.vip-list > dd.info > dl.profile-list > dd.info {margin-top:15px} dl.vip-list > dd.info > dl.profile-list > dd.apply {width:auto;margin:10px 0 0 10px} dl.vip-list > dd.info > dl.profile-list > dd.apply button {width:auto} dl.vip-list > dd.contact > div.memberinfo {width:100%;text-align:left;margin-bottom:10px;overflow:hidden} dl.vip-list > dd.contact > div.memberinfo span {display:inline-block;margin-right:10px} dl.vip-list > dd.contact > div.memberinfo br {display:none} /* 마이매칭 - 쪽지 */ #tab1, #tab2, #tab3 {width:100%;height:600px;overflow-x:hidden;overflow-y:auto; } div.tab-container {min-height:600px} div.tab-container > div {display:inline-block;margin:0 -5px 0 5px;padding:0px;text-align:center} div.tab-container > div > a {padding-right:50px;padding-left:50px} div.tab-container > div > div {min-height:600px} div.tab-content {position:absolute;top:0;left:-5px;margin:0;padding:0;background:#fff;border-top:1px solid #d4d3d3} div.tab-content > dl.title {display:inline-block;width:100%;overflow:hidden; background:#f0e3ea} div.tab-content > dl.title > dt {float:left;display:table-cell;padding:10px;font-weight:bold;border-bottom:1px solid #d4d3d3;text-align:center;border:0px solid red} div.tab-content > dl.title > dt.id {width:7%} div.tab-content > dl.title > dt.name {width:18%} div.tab-content > dl.title > dt.contents {width:45%} div.tab-content > dl.title > dt.writedate {width:20%} div.tab-content > dl.title > dt.del {width:10%} div.tab-content > dl.list {width:100%;padding:8px 0;} div.tab-content > dl.list > dd {float:left;display:table-cell;margin:0;padding:0;line-height:20px} div.tab-content > dl.list > dd.id {width:7%;display:inline-block;text-align:center} div.tab-content > dl.list > dd.name {width:20%;text-align:center;line-height:1em} div.tab-content > dl.list > dd.name span {display:none} div.tab-content > dl.list > dd.contents {width:45%} div.tab-content > dl.list > dd.writedate {width:18%;text-align:center} div.tab-content > dl.list > dd.del {float:none;width:10%;text-align:center} div.tab-content > dl.list > dt {width:100%; text-align:center; padding-top:15px} div.tab-content > dl.list > dd.compose {padding:20px} div.tab-content > dl.list > dd.btn {text-align:center} /* 이벤트 - 메인 테이블 */ dl.eventlist {width:96%} dl.eventlist:nth-child(1) {margin-top:30px} dl.eventlist dt {float:left;display:inline;padding-right:20px} dl.eventlist dd {float:left} dl.eventlist dd > h2 {font-size:1.25em} dl.eventlist dd > h3 {font-size:1.05em} dl.eventlist dd.contents {width:60%} dl.eventlist dd.detail {width:15%;float:right; padding-top:5px} dl.eventlist dd.detail > span.pay {display:block;margin-right:0;margin-bottom:5px;padding-right:5px} div.eventlist-contents {padding:20px} div.eventlist-apply {text-align:center; padding-top:25px} div.eventlist-apply > ul > li {float:left;display:inline-block;width:auto;overflow:hidden} div.eventlist-apply > ul > li span {clear:left} div.eventlist-apply > ul > li span.btn {float:left} /* 이벤트 - 내용(헤라에서 입력되는) */ table.event_box_tbl td {font-size:1.25em;padding:20px 0;line-height:1.5em} table.event_box_tbl td.event_box_title {font-size:2em} table.event_box_tbl td.event_box_title1 {font-size:1.75em} table.event_box_tbl td p {margin-top:10px} /* 게시판 */ dl.forum-search dd.left {float:left;width:auto;display:table-cell;color:#ac0082;font-weight:bold;padding-top:6px} dl.forum-search dd.left a {color:#ac0082} dl.forum-search dd.right {float:right;text-align:right} dl.forum-title {display:inline-block;width:100%;margin:10px 0 -10px 0;padding:15px 0;background:#f5f5f5;border-top:1px solid #d4d3d3;border-left:1px solid #d4d3d3;border-right:1px solid #d4d3d3;border-bottom:1px dotted #d4d3d3;overflow:hidden} /*title행*/ dl.forum-title dt, dl.forum-title dd, dl.forum-notice dt, dl.forum-notice dd, dl.forum-list dt, dl.forum-list dd {float:left;display:table-cell;text-align:center;font-weight:bold} dl.forum-list dd { display:inline-block; font-size:1em; padding-top:0px} dl.forum-list:last-child {border-bottom:1px solid #d4d3d3} dl.forum-title dd.no, dl.forum-notice dd.no, dl.forum-list dd.no {display:inline-block;width:10%} dl.forum-title dt.title, dl.forum-list dt.title, dl.forum-notice dt.title {width:55%} dl.forum-title dt.title_wide, dl.forum-list dt.title_wide {width:75%;} dl.forum-title dd.name, dl.forum-notice dd.name, dl.forum-list dd.name, dl.forum-title dd.gender, dl.forum-notice dd.gender, dl.forum-list dd.gender{width:10%;margin-right:0} dl.forum-title dd.date, dl.forum-list dd.date, dl.forum-notice dd.date {width:15%;margin-right:0} dl.forum-title dd.date_wide, dl.forum-list dd.date_wide {width:20%;margin-right:0} dl.forum-notice {width:100%;margin:0;padding:20px 0;background-color:#eaf6fd;border-left:1px solid #d4d3d3;border-right:1px solid #d4d3d3;border-bottom:1px dotted #d4d3d3;overflow:hidden} /*공지사항 */ dl.forum-notice dd, dl.forum-list dd, dl.forum-list dt {font-weight:normal} dl.forum-notice dd.no {text-align:center} dl.forum-notice dt.title, dl.forum-list dt.title, dl.forum-list dt.title_wide {text-align:left} dl.forum-list {width:100%;margin:0;padding:15px 0;background-color:white;border-left:1px solid #d4d3d3;border-right:1px solid #d4d3d3;border-bottom:1px dotted #d4d3d3;overflow:hidden} div.forum-page {border-left:1px solid #d4d3d3;border-right:1px solid #d4d3d3;border-bottom:1px solid #d4d3d3} dl.forum-write {margin:10px auto 0 auto;padding:30px 0} dl.forum-write > dt {width:10%;text-align:center} dl.forum-write > dd {width:90%} dl.forum-write > dd input[type="text"] {width:96%} dl.forum-write dd textarea {width:96%;height:200px} dl.forum-write > dd input.nickname {width:25%} dl.forum-view {margin-top:10px;padding:30px} dl.forum-view > dd {width:100%;margin:0;padding:10px;overflow:hidden} dl.forum-view > dd span {margin-left:2px} dl.forum-view > dd > p {line-height:2em} dl.forum-manager > dd {float:right} dl.forum-manager > dd.info {width:auto;padding:20px 10px 0 0} dl.forum-manager > dd.info > ul {text-align:right} div.reply-list dl {padding:0;border-top:1px dotted #d4d3d3;overflow:hidden} div.reply-list dl:nth-child(1) {margin-top:-10px} div.reply-list dl dt span.date {margin-left:10px} /* 게시판 - stylecase */ table.stylecase {width:100%;margin:10px auto;border-top:1px solid #d4d3d3;font-size:.9em} table.stylecase th {font-weight:bold;border-bottom:1px solid #d4d3d3;border-left:1px solid #d4d3d3;background-color:#f4f3f3;padding:4px} table.stylecase th.male {background-color:#ecf8ff} table.stylecase th.female {background-color:#faf4fa;border-right:1px solid #d4d3d3} table.stylecase td {padding:8px 4px;border-bottom:1px solid #d4d3d3;text-align:center} table.stylecase td.cont {text-align:left} table.stylecase td.cont > ul {margin-left:20px} table.stylecase td.cont > ul > li {list-style-type:decimal} table.stylecase td.best {background-color:#CDDCEA;font-weight:800} table.stylecase td.middle {background-color:#E3F2D4;font-weight:800} table.stylecase td.worst {background-color:#FBDFC3;font-weight:800} ul.stylecase {width:100%;margin:20px auto;overflow:hidden} ul.stylecase > li {padding-left:20px;margin-bottom:20px;line-height:1.5em} /* 이용안내 2018.06.05 */ .mem_vip {height:auto;overflow:hidden; clear:both; border:1px solid #FBE28F;background-size:50%; } .mem_vip li {list-style:none; float:left; font-size:1.2em; line-height:1.7em; width:70%;background:#fdfcf5} .mem_vip li:first-child { width:30%; font-weight:bold; color:#FFF;text-align:center;} h1.tit_vip { margin-top:40px;font-size:2em;letter-spacing:-1px;} .services-title {padding:30px 0 30px 0} .services-title h1 {font-size:2.7em;} .services-title h2 {font-size:1.7em;line-height:1.5em} .services-title h2 span {display:block} .services-title button {font-size:1.7em;width:500px;height:60px;line-height:60px;margin:20px 0 0} .services-membership {padding:50px 20px;} .services-membership:lang(ko) {padding:50px 20px 0 20px} .services-membership h1 {font-size:2.7em;line-height:2em} .services-membership button {font-size:1.7em;width:50%;height:60px;line-height:60px;margin:40px 0 0} .services-membership > ul > li {float:left;display:inline-block;width:70%;padding-left:50px;font-size:1.3em;line-height:2em} .services-membership > ul > li.pic {width:220px;height:240px;padding:30px 0;margin:0 10px;font-size:1.8em;font-weight:600;color:white;background-repeat:no-repeat;background-size:cover;line-height:1em} .services-membership > ul > li.p20 {float:left;width:20%;} .services-membership > ul > li.p70 {float:left;width:78%;padding:0 0 0 20px;font-size:1.2em} .services-membership ul li.dotted {margin:50px 0} .services-matching {padding:20px 20px 50px 20px} .services-matching h2 {width:auto;font-size:2em;margin-top:70px;padding:5px 100px} .services-matching h3 {font-size:2em} .services-matching h4 {font-size:1.4em;margin:0 } .services-matching > ul {width:100%} .services-matching > ul li {float:left;display:inline-block;width:227px;height:200px;margin:20px 2px;padding:80px 10px 0 10px;line-height:1.5em;background-size:50px;background-position:center top 25px} .services-matching:lang(en) > ul li {line-height:1.2em; font-size:1.3em} .services-matching .note ol li {font-size:1.1em} .services-matching .note ol li span {display:inline-block;background:url('/images/ico-check.png') left center no-repeat;padding-left:20px;color:#ac0082;font-weight:bold} .services-matching .note p {font-size:1.5em;line-height:2em} .services-certi > ul {margin:50px auto} .services-certi > ul > li {position:relative;display:inline-block;width:33%;height:275px;padding:150px 40px 20px 40px;border-bottom:none;border-right:1px solid #e3e3e3;background-position:top 35px center} .services-certi > ul > li:last-child {border-right:none} .services-certi p{font-size:1.1em;} .services-refund dl {width:90%;margin:0 auto} .services-refund dl dt {width:15%;font-size:1.5em;margin-bottom:20px;clear:left} .services-refund dl dd {width:85%} .services-refund dl dt:lang(en) {width:25%} .services-refund dl dd:lang(en) {width:75%} /* 마이프로필 */ div.profile {width:100%;} /* 마이프로필용-top-incompletebox */ div.profile-incompoletebox > dl {margin-top:0} div.profile-incompoletebox > dl dt {width:20%;padding-left:20px} div.profile-incompoletebox > dl dd {width:30%} div.profile-incompoletebox > dl dd.desc {display:inline-block;float:left;width:50%;font-size:.875em} div.profile-incompoletebox > dl dt:lang(en){width:25%} div.profile-incompoletebox > dl dd:lang(en) {width:35%} div.profile-incompoletebox > dl dd.desc:lang(en) {width:40%;} /* 마이프로필 - left */ div.profile-left {width:26.2%;min-width:180px;height:100%; padding: 10px} div.infowrap > dl.photo {width:100%;text-align:center;padding:20px 10px; } div.infowrap > dl.photo dd img {max-width:133px;height:160px} div.infowrap > dl.info {display:none} div.infowrap > dl.view {width:100%} div.infowrap > dl.view > dd {padding:20px 0 10px 0} div.infowrap > dl.view img {height:50px} dl.needhelp {font-size:.875em} div.profile-left div.acc-content {height:auto} /* 마이프로필 - right */ div.profile-right {float:right;width:73%;} div.profile-right > div.profile-title {padding:20px} /* 상대방프로필 - right */ div.profile-right-other { float:right;width:73%;} div.profile-right-other > div.profile-title {padding:20px} /* 프로필 - 사진첩 */ div.slider-wrapper {width:100%;min-width:500px} div.slider-wrapper > ul.s-thumbs li {width:96px} div.slider-wrapper > ul.s-thumbs li a {display:block;width:88px;height:106px} div.slider-wrapper > ul.s-thumbs li img {width:88px;height:106px} /* 회원가입 - 입력table */ div.join-blue-box {padding:20px;font-size:1.3em} table.join th {width:15%;padding:12px} table.join th.required {background:url("/images/icon-star.png") no-repeat left 20px;background-size:15px; padding-left:15px} table.join th.required.area {background-position:left 15px} table.join td {padding:10px} table.join td input[type="text"], table.join td input[type="password"], table.join td input[type="phone"] {width:auto} table.join td input[type="email"] i{width:50%} table.join td input.w50 {width:50%} table.join td input.w30 {width:30%} table.join td select {padding:4px;width:auto} table.join td textarea {height:auto} #txt_srch_self_schl_nm1, #txt_srch_self_schl_nm2, #txt_major_nm1, #txt_major_nm2 { width:30%} /* 학력지수 검색 */ .ui-menu.ui-widget.ui-widget-content.ui-autocomplete:lang(en){ width:460px !important; } /* 회원가입 - 이상형 */ dl.rate {clear:none;float:left;width:20%;margin:0;padding:0;text-align:center} dl.rate dt {width:100%;padding:12px;font-weight:bold;background-color:#f6f6f6;border-bottom:1px solid #e5e5e5} dl.rate dd {width:100%;padding:12px;border-bottom:1px solid #e5e5e5} dl.rate dd input[type="text"] {padding:5px;width:80%} dl.rate dd select {padding:6px;width:100%} /* 회원가입 - 가입비안내 페이지 */ div.regfee-info > button {width:30%;margin-bottom:10px} /* 사진등록 */ dl.add-photo {margin:0 0 20px 0} dl.add-photo dt {float:left;width:25%} dl.add-photo dd {float:left;width:75%;padding-left:20px} dl.add-photo dd > ul > li input {width:50%} ul.photo-guide {padding:0;background:none; width:90%; margin:20px auto 0 auto} ul.photo-guide > li {} ul.photo-guide > li > figure.best {float:left;width:25%; border-right:1px solid #ac0082; margin-right:5% } ul.photo-guide > li > figure.worst {float:left;width:70%} ul.photo-guide > li > figure img {width:110px;height:131px;;margin:0 0 10px 0} /* 성격검사 */ table.pers-reports {width:100%;border-top:2px solid #2895ce;border-bottom:2px solid #2895ce;border-left:2px solid #2895ce;border-right:2px solid #2895ce} table.pers-reports tr.sel {font-size:.9em} table.pers-reports td {padding:10px;text-align:center;border-bottom:1px solid #d4d3d3} table.pers-reports td.question {text-align:left} ul.reports-progress {float:left;margin:0;padding:0} ul.reports-progress li {float:left;list-style:none;margin:0;padding:5px 20px} ul.reports-progress li span{display:inline} ul.reports-progress li.on{position:relative;background:#2895ce;z-index:10;border-top:2px Solid #2895ce;border-left:2px solid #2895ce;border-right:2px solid #2895ce;color:#fff} ul.reports-progress li.on span{margin:0} /* 아이템 - 상품권 */ table.itemcert td.svc {width:50%} div.termwrap {margin:30px} /* ABOUT-US - table */ table.about-us {width:100%;margin:auto} table.about-us caption {font-size:1.25em;font-weight:bold;text-align:left;color:black;padding-bottom:10px} table.about-us tr {} table.about-us th {padding:10px 0;background:#e7e7e7;font-weight:bold;text-align:center} table.about-us td {padding:10px 0;border-bottom:1px solid #d4d3d3;text-align:center} table.about-us td > a:hover {color:#ac0082} table.about-us td.title {width:60%;text-align:left} table.about-us td.title2 {width:80%;text-align:left} /* ABOUT US - 커플매니저모집 */ ul.careers {margin-left:20px} ul.careers > li {list-style-type:decimal;margin:20px 20px 30px 20px;font-weight:bold} ul.careers > li > ul {margin-left:20px} ul.careers > li > ul > li {list-style-type:disc;font-weight:normal} ul.careers > li > ul > li:first-child {margin-top:10px} /* ABOUT US - 센터안내 */ dl.network {width:100%;margin:0 auto;overflow:hidden} dl.network > dt {text-align:center;padding:60px 0} dl.network > dd {float:left;display:table-cell;width:50%} ul.network {width:100%;margin:0 auto;padding-top:30px} ul.network > li {list-style-type:none;font-size:1.25em;font-weight:bold;line-height:2em;margin-bottom:30px;line-height:1.5em} ul.network > li.usa {padding-left:20px} ul.network > li span.tel {font-size:1em;color:#2895ce;font-weight:bold} ul.network > li span.tel a {color:#2895ce;/*text-decoration:overline*/} ul.network > li.text {font-size:1em;font-weight:normal;padding-right:20px} /* ABOUT US - 만남전후 유의사항-중문회사정보 */ ul.guide {margin:30px 30px 60px 30px} ul.guide > li {margin:20px 0 0 20px} ul.term {margin:40px} ul.term p {margin-bottom:10px;font-size:.9em;text-align:justify} ul.term a {color:#d628ae;text-decoration:underline} ul.term > li {list-style-type:none;margin-top:30px} ul.term > li > h2 {font-weight:bold;margin-bottom:10px} ul.term > li > ul {margin:0 0 0 20px} ul.term > li > ul > li {font-size:.9em;list-style-type:decimal;font-weight:normal} ul.term > li > ul > li.disc {list-style-type:disc;font-weight:normal;margin-left:20px} ul.term > li > ul > li > table.term {width:100%;margin:auto;border-top:1px solid #d4d3d3;border-right:1px solid #d4d3d3} ul.term > li > ul > li > table.term tr {} ul.term > li > ul > li > table.term th {padding:5px;background:#eee;font-weight:bold;text-align:center;border-bottom:1px solid #d4d3d3} ul.term > li > ul > li > table.term td {width:50%;padding:5px;border-bottom:1px solid #d4d3d3;border-left:1px solid #d4d3d3} /* ABOUT US - 회원약관-개인정보처리방침 */ div.acc-content-inner {padding:12px} div.acc-content-inner > ul {margin:0 0 0 20px} /* ABOUT US - 개인정보처리방침 OLD */ ul.policyold {margin-left:20px;text-align:justify} ul.policyold > li.decimal {list-style-type:decimal} ul.policyold > li.disc {list-style-type:disc} ul.policyold > li > ul {margin-top:20px} ul.policyold > li > ul > li.disc {list-style-type:disc;margin-left:20px} ul.policyold > li > ul > li > ul {margin:10px 0 0 35px} ul.policyold > li > ul > li > ul > li {list-style-type:square;margin-top:10px} /* ABOUT US - 센터페이지 */ div.centermain {margin:50px auto;padding:50px;font-size:2em} div.centermain p.sub1 {margin:20px 40% 0 0;text-align:justify} div.sunoo {padding:40px;font-size:.9em;text-align:justify} div.bellevue {background:url('/kr/images/manager-bellevue.png') right 80px top 40px no-repeat;background-size:30% !important;background-color:#ac0082} div.alberta {background:url('/kr/images/manager-alberta.png') right 55px top 40px no-repeat;background-size:40% !important;background-color:#ac0082} /* 센터맵 */ dl.centermap {width:100%;margin:auto;padding:0;overflow:hidden} dl.centermap > dd {float:left;width:60%} dl.centermap > dd.info {width:40%} /* 미완료사항 */ dl.CheckedPrpsPsb > dt {width:40%} dl.CheckedPrpsPsb > dd {width:60%;margin-bottom:0;clear:none} /* main-reuqest */ div.request {display:inline-block;position:absolute;top:134px;right:-130px;width:115px;height:155px;margin-top:0;background:url('/images/ico-request.png') top 20px center no-repeat;background-size:auto; border:1px solid #a78fd1;background-color:#f1eef7;border-radius:.4em;text-align:center;padding-top:90px} div.request > a {display:inline-block;width:90px;height:35px;color:white;background:#ac0082;border-radius:.4em;font-weight:bold;line-height:2.2em;font-size:1em} div.request-nobl {display:inline-block;position:absolute;top:300px;right:-130px;width:115px;height:220px;margin-top:0;background:url('/images/ico-request-nobl.png') top 20px center no-repeat;background-size:auto; border:1px solid #0096d3;background-color:#e0f5f4;border-radius:.4em;text-align:center;padding-top:80px;color:#0096d3;font-size:1em;line-height:1.3em} div.request-nobl > a {display:inline-block;width:90px;height:35px;color:white;background:#0096d3;border-radius:.4em;font-weight:bold;line-height:2.2em;font-size:1em;margin:10px auto} div.showRequestwrap {width:600px;height:650px;padding:25px;background:url('/images/main-popup-requestbg.png') top left no-repeat} div.showRequest {width:100%;height:600px;background-color:white;border-radius:.4em} div.request-form {width:460px} div.request-form > .formName {width:300px} div.request-form > .formGender {width:155px;text-align:center} div.request-form > .formPhone {clear:both;width:304px} div.request-form > .formM {width:155px;text-align:center} div.request-form > .formBirth {clear:both;width:152px} div.request-form > .formSchool {width:152px} div.request-form > .formAddr {width:152px} div.request-form > .formPrivacy {clear:both;width:100%} div.request-form > button {font-size:1.75em} div.request-form > .formPrivacy > .white-border-box {padding:20px} } @media only screen and (max-width:1024px) { div.header, div.container {width:98%} footer .top_footer .left { padding-left: 20px} footer .top_footer .fl { padding: 0 8px} } /** 타블렛 가로 **/ @media only screen and (max-width: 1023px) { /* 상단메뉴 모바일로*/ div.header > div.mntop > div.right-btn .lang_bg {display: none} div.nav-left { width: 50%} .main_random .pc {display: block} .main_random .mobile {display: none} div.containerwrap.nopadding{padding:0 !important;} .main_topbg { padding-top:20px} .main_tit {font-size:1.7em; line-height:1.4em;} .main_tit:lang(en) {font-size: 1.9em;} .main_process_area_m{padding:0;height:160px;} .main_live { height: 190px; margin: 0 10px} .main_live .live_txt { font-size: 1.5em} div.main-banner-list ol li {display:inline-block;float:left;width:33%} div.main-banner-list ol li:lang(ko) {width:33%} .main_eventtopbg {padding:20px 0} .event_box .fl{ width:50%; } .event_box .fr { padding:0; margin:0; width:50%;} .meet_area { width:49.5%; height:280px} .meet_area:lang(en) {height:360px} .meet_area:lang(zh) {height:260px} .meet_area h1{font-size:1.4em; font-weight:bold; text-align:center; margin:10px auto; padding:5px 0 0 0} .meet_area ol {padding:10px 15px 20px 15px; margin:0 20px; list-style:decimal; font-size:1.1em; line-height:1.3em} .meet_area ol:lang(zh) {font-size:1.05em; line-height:1.3em} .meet_txt { font-size:1.1em;} div.service_area .paddingall:lang(en) { padding-top: 15px;} .service_area{ padding-top:10px} .tit_service, .txt_service { font-size:1.4em;} .tit_service:lang(en), .txt_service:lang(en) { font-size:1.2em;} .services-matching .note {width:90%} .guide_area {padding-left:50px;} .customer_area {background:url(/images/main_mapbg.jpg) -50% 200% no-repeat;height:auto; overflow:hidden} /** 고객센터 지도 **/ .customer_info li h1 { text-align:center; padding:0; font-size:1.8em} .customer_info li h1 br:lang(ko){display:none} .customer_info li.tit_customer:lang(ko) { width:100%; clear:both} .customer_info li.tit_customer:lang(en), .customer_info li.tit_customer:lang(zh) { width:33%; text-align:center} .customer_info li { font-size:18px; font-weight:bold; padding:20px 0; width:33%;} footer .top_footer .mobile { display: none} .fl.footer_left.serv.pc {display: block; width: 22%} table.join th { padding-left:15px} /** self searching **/ div.container.nopadding { padding:0} .entry-image{ margin-bottom:10px;} .floatleft70, .floatleft70:lang(en){ clear:both;width:100%; height:auto; overflow:hidden} .floatright30, .floatright30:lang(en) {clear:both;width:100%;} .floatright30.bg, .floatright30.bg:lang(en) { background:none; height:auto} .floatright30.bg h1 { margin-top:0;} .floatright30 h2, .floatright30 .line, .floatright30 .date_link{ display:none} span.job { display:block} .txt_item {white-space: nowrap;word-wrap: break-word} span.circle {padding:1px 3px; margin:0; letter-spacing:-1px} .main-info .pd40 {padding:20px 0 !important} div.top_graybg.gray.report {background-position:top right 0;} div.top_graybg.gray.report h2{ margin:0} div.top_graybg.gray.report p{padding-left:0} /* 마이프로필 */ .image-wrap-big.new { width: 120px; height: 120px} } /* 태블릿 세로 */ @media only screen and (max-width: 768px) { .main-center-banner ul li {width:100%; clear:both; margin:5px 0} .main-center-banner ul li:lang(ko) { width:100%} .main-center-banner ul li:first-child {height:100px} .main-center-banner ul li:lang(ko):first-child {height:130px} .customer_info li.tit_customer:lang(en), .customer_info li.tit_customer:lang(zh) { width:100%; text-align:center} .customer_info li h1:lang(en) { font-size:1.6em} .customer_info li h1 br { display:none} div.infowrap > dl.photo {width:100%;padding:19.5px 10px;text-align:center} .col-lg-4 {width:50%;max-width:100%;padding-right:5px; padding-left:5px;} } /* 모바일 사이즈 480~767px */ @media only screen and (max-width: 767px) { div.nav-left { width: 90%} div.container { padding: 0} .ban div.container { width:100% !important} br.m_show { display:inline-block} .pc_view {display:none} .fr.menu.pc_view {display:block; padding-top:10px} .up_top { background:#000; margin:20px auto; text-align:center;padding:2px 8px; width:70px; font-size:.9em} .btn_reg2 {width:300px} .block_m { display:block} .container.breadcrumb, .breadcrumb {display:none} .main_random .pc {display: none} .main_random .mobile {display: block} .topban { display:none} /** 3단 **/ div.col-lg-3 { position: relative; width: 100%; clear:both; margin-bottom:0; height:auto; overflow:hidden; border-radius:0; padding: 8px } .floatleft.grid_left { float:none;width:100%} .floatright.grid_right {float:none;width:100%; margin-top: 10px} .floatleft.grid_left .pink-box { padding: 20px 10px} .card_info, .no_info{padding-left: 6px} .card_info li img { width: 36px;margin-right:8px; margin-top: 3px} .card_info li { letter-spacing: -0.08em} .icon_area img {width:30px} div.col-lg-3.nomobile {display:none} .m_hide {display:none} div.top_graybg h1 { line-height:1.4em; letter-spacing:-1px; font-size: 1.8em;} /** 이용안내 프로세스 **/ div.main_bg .container.bg {background:none;} .main_login {width:100%} .main_step { width:96%; margin:20px auto 0 auto; } .main_step li { width:100% !important; height:auto !important; font-size:1.2em !important; margin-right:0 ;padding: 15px 25px 15px 10px !important; } .ser_bg:lang(en) {width:100%; padding:5px 0;} .step_bg {padding-top:3px} div.main_bg .fl { display:none} .box_border .floatleft.left1, .box_border .floatleft.left2, .box_border .floatleft.left3 {width: 100%} .box_border .floatleft.left1:lang(en), .box_border .floatleft.left2:lang(en), .box_border .floatleft.left1:lang(zh), .box_border .floatleft.left2:lang(zh) {width: 100%} .box_border .floatleft.left2{border-left:0;border-right:0; border-bottom:1px solid #ddd; margin:20px 0; padding-bottom:20px; } .box_border .floatleft.left3 .m_show{display:block} .box_border .floatleft.left2grid { width:100%} .box_border .floatleft.left1grid {display:none} .guide_top { background-image:url('/images/guide_linebg.png'); background-position:bottom left; background-repeat:repeat-x; padding:15px; margin-bottom:20px} .guide_top .qt { font-size:1.2em} .guide_top .at { font-size:1.1em} .signup_top { font-size:1.15em;padding:15px;background-image:url('/images/guide_linebg.png'); background-position:bottom left; background-repeat:repeat-x;margin-bottom:20px; line-height:1.3em } /* 메인 이미지(202007) */ .container.mainimg { padding-bottom: 0; margin-bottom: 0 !important} .event_area { padding: 10px 0} .event_area.bg2 { padding-top:0} .mainban_list li iframe {height:95px} .bg_login {display:none} .mid-bnn {display:block;} .mid-bnn div.container {width:100% !important; padding:0 !important; margin:0; text-align:center} .mid-bnn li{ list-style:none;margin:0; width:55%; box-sizing:border-box; float:left; } .mid-bnn li:last-child {width:45%; padding-top:15px} .mid-bnn li img {vertical-align:middle} .mid-bnn li a {color:#fff} .mid-bnn li:hover { opacity:0.7} .mid-bnn li.txt{ background:#000; color:#fff ; padding:8px;} .main_live {background: none; background-size: 100%; height:auto; margin: 0 10px; padding: 0} .main_iframe { width:100%; height:300px} .totalsum_txt { width:100%; padding:0 0 0 6px; font-size: 1.15em} /*.mid-bnn li:nth-child(5) {width:33%}*/ .mid-bnn p.m_hide{display: inline-block;} div.main_event_area li:nth-child(1), div.main_event_area li:nth-child(2) { background:none} .floatleft.mr10, .floatright.ml10, .floatleft.mr10:lang(en), .floatright.ml10:lang(en) { width:100%; margin:10px 0 !important} li.smalldot3 { font-size:1.05em} div.main_banarea_bg div.col-lg-3{text-align:center} /** 메인 성격 **/ .main_topbg.home div.container.graph { background:url('/images/main_ch_graph.png') no-repeat bottom right; background-size:100%; height:auto; overflow:hidden} .main_topbg.home div.fl {padding-bottom:40px} .main_topbg.home div.fl h2{font-size:1.4em} .main_topbg.home div.fl h1{font-size:1.9em; line-height:1.2em; font-weight:bold} .main_topbg.home div.fl h1:lang(en){font-size:1.8em; line-height:1.2em; font-weight:normal; letter-spacing:-1px} .main_topbg.home div.fr { text-align:center; padding-top:0; padding-right:50px; padding-bottom:15px} .main_charator_area { padding:20px 0 30px 0; display:none} .main_charator_area li {list-style:none; float:left; text-align:center; width:100%; color:#333; font-size:1.1em} .main_charator_area li p { float:left; display:inline-block } .main_charator_area li p:first-child { width:30%} .main_charator_area li p:last-child { width:70%; text-align:left; padding-top:15px} .main_charator_area li:lang(en) p:last-child {line-height:1.2em} .main_charator_area li img {margin-bottom:0; margin:10px 20px 0 10px} .main_charator_area:lang(en) li:nth-child(3) img{margin-top:25px} h1.maintit { font-size:1.8em; line-height:1.4em; } h2.mainsubtit { font-size:1.2em; font-weight:normal; margin-bottom:10px} .floatright.center {padding-top:20px} .floatleft.center img, .floatright.center img { width:150px; margin-bottom:10px} .meet_area ol {padding-right:0} .meet_3grid {width:100%; height: auto; margin-bottom:25px} .meet_3grid.ml10 { margin-left:0 !important} .meet_3grid h1{font-size:1.6em; margin:10px auto; padding:10px 0} .meet_3grid ol {padding:10px 15px 20px 25px; margin:0 15px; list-style:decimal; font-size:1.15em; line-height:1.4em} div.main_tit0731 { font-size:1.5em; letter-spacing:-2px} div.main_tit0731:lang(en) { font-size:1.4em; letter-spacing:-1px} .bottom_bg {background-size:cover; background-position:top right; padding:10px 0} .bottom_bg li {width:50%} .main_bg .pd20, .white-box .pd20 { padding:20px 0 !important} div.main_banarea { padding:20px 0 10px 0} div.main_banarea .col-lg-3.center.fs115em { padding-bottom:15px} .maintabarea2 label.save1, .maintabarea2 label.save2, .maintabarea2 label.save3, .maintabarea2 label.save4 { font-size:1.1em} /*설문 */ .survey {border: none; padding:0 10px; border-radius: 0} #dv_survey .grid3 {width: 100%} .main_box { padding: 0 0 10px 0} #dv_survey .grid3 li:first-child img {height: 80px} #dv_survey .grid3 li:last-child { font-size: 1.1em; padding-top: 5px; line-height: 1.2em} .modal.m-regist-survey {width: 100%} /* 셀프서칭 */ .container.self { padding: 0 10px !important} /* 로그인 */ dl.joinform {width:100%;margin:auto;padding:0;overflow:hidden} dl.joinform.login {width: 90%} dl.joinform > dd {float:left;display:table-cell;width:100%;margin-top:10px} dl.joinform > dd.left {width:100%} dl.joinform > dd.left input {width:100%} dl.joinform.find > dd.right, dl.joinform > dd.right {width:100%} dl.joinform.login > dd.right > button, dl.joinform.find > dd.right > button {width:100%; height:45px;padding:10px} dl.joinform > dd.right > button.normal {padding:6px 12px;} dl.joinform > dd > span {display:inline-block} dl.joinform .login { height: 55px; font-size: 19px; margin: 3px 1px; padding: 5px 10px; letter-spacing: -2px;} div.joinnow1 { width: 100%; padding: 20px 12px; } div.joinnow1 li{padding: 2px 5px 5px 5px;} div.joinnow1 li:first-child {width: 100% } div.joinnow1 li:last-child {width: 100% } div.joinnow1 li br { display:none} .member { background-color: #ad8268;color: #Fff; } .memberli { margin-top: 8px; font-size:1.1em; padding-left:0; padding-right:0} /* 공개프로포즈 팝업창 */ .modal.m-regist-propose {width: 100%} .openpropose .box .fl {width: 100%} .openpropose dt {width: 30%} .openpropose dd {width: 70%} .openpropose select {width: 100%} .propose_tt { font-size: 1.1em; letter-spacing: -0.05em; line-height: 1.1em; padding-top: 15px} .propose_tit p {line-height: 1.2em} .event_txt { text-align:left} .event_txt .fr {clear: both; text-align: center; width: 100%; padding-top: 20px} .event_txt .fr span {width: 80%; font-size: 1.2em; border-radius: 20px; padding: 10px; margin-right: 0} .event_txt:lang(en) .fr span {width: 100%;} div.eventbg { padding:0 0 20px 0} .eventbg h1.eventview { font-size:1.6em} .eventbg h2 { font-size:1.1em; letter-spacing:-1px; padding:15px 10px 0 10px; color:#8F0D7A;} /** 비회원입력 **/ .reports_usertit { font-size:1.1em; padding-bottom:25px; line-height:1.6em} div.reports_userbox { border:1px solid #ddd; height:auto; overflow:hidden; padding:25px 15px; text-align:center; } div.reports_userbox .fl {width:100%; text-align:center; padding-right:0; border-right:none} div.reports_userbox .fr {width:100%;text-align:center; border-top:1px solid #ddd; padding-left:0; padding-top:20px } div.reports_userbox h1{ margin-bottom:15px;} div.reports_userbox p { color:#777; padding-bottom:20px;} div.nonuser_form { clear:both; border-bottom:1px solid #ddd;height:auto; overflow:hidden; padding:6px 0} div.nonuser_form li {list-style:none; float:left; width:100%; text-align:left} div.nonuser_form li:first-child {width:80px; padding-top:6px;display:none} div.nonuser_form .chk_empty { width:100%} div.nonuser_form select {width:98% !important} div.nonuser_form li.nomobile {display:none} .scroll-title {text-align: center} .event {left:0} /** 프로필등록 */ .container.pd10 div.tablewrap { margin-top:0} div.top_graybg {padding:5px 0 15px 0;} /* table.join th.required.area {background-position:left 10px} table.join .whp100 {width:100% !important} table.join .whp80 {width:80%} table.join .whp70 {width:80% !important} table.join:lang(en) .whp70 {width:70% !important} table.join:lang(zh) .whp70 {width:78% !important} table.join .whp65 {width:70% !important} table.join .whp60 {width:60% !important} table.join .whp55 {width:55% !important} table.join .whp50 {width:50% !important} table.join .whp35 {width:38%} table.join .whp28 {width:28%} table.join .wh70p{width:100% !important} table.join td span.fr {float:left !important; clear:both;padding-top:8px; } table.join td span.fr label{color:#155087} table.join td span.fr span.openhidden { margin-left:0} .container.mt30 .white-box.tac.join { padding:20px 0} table.join .rate li:lang(en) { padding:6px 0} table.join .rate li span.rate_txt { display:inline-block;width:110px} table.join .rate li span.rate_txt:lang(en) { width: 150px; line-height:1.1em; font-size:1em} table.join .rate li span.plus { display: none} table.join .rate input { width:55px !important;} table.join .rate:lang(en) input { vertical-align:top} table.join .cnt {width:75% !important}*/ div.signup_edit dt, div.signup_edit dd {width: 100%; padding-left: 0; padding-right: 0} div.signup_edit dl.mview dt {width: 25%} div.signup_edit dl.mview dd {width: 75%} div.signup_edit:lang(en) dl.mview dt {width: 30%} div.signup_edit:lang(en) dl.mview dd {width: 70%} div.modal .pink-box-reg button.large2 {width: 100%; padding: 15px} div.modal h3.tt { padding: 0 15px 15px 15px} /* 쪽지 */ .modal-content ul.tabs li{height: 58px; line-height: 1.2em} .modal-content ul.tabs li.sendMsg {padding-top: 20px} /*프로필비교*/ div.modal-content.bg { padding: 0} div.bg_compare { /*background:url('/images/bg_compare_m.png') top center no-repeat;*/ height:auto; overflow:hidden} div.bg_compare_end { overflow:hidden} dl.CompareProfile .compare_item { background: url(/images/item_m_bg.jpg) top center repeat-y; background-size: 38px !important} dl.CompareProfile dl dd { float:left;padding:0; font-size:.95em; letter-spacing:-1px; line-height: 1.1em} dl.CompareProfile dl dd.item_pc {display: none} dl.CompareProfile dl dd.ar{width:43%;padding: 7px 0 } dl.CompareProfile dl dd.al{width:43%; padding: 7px 0 } dl.CompareProfile dl dd.iconP{ width:14%;padding: 4px 0 ; display: inline-block; text-align: center} dl.CompareProfile dl dd.iconP span.iconP {display:inline-table;width:30px; height:30px;} dl.CompareProfile dl dd.iconP img.icon_size { text-align:center; margin-top:3px} div.photo_compare li { font-size: 1.1em; letter-spacing: -1px} /* modal 만남신청 */ .modal-content dl.propose { padding: 15px} .modal-content dl.propose .photobox { float: left;width:35%} .modal-content dl.propose .info { float: left;width:65%; padding-left: 20px} .modal-content dl.propose dd.info ul > li { text-align: left} .modal_notice dt, .modal_notice dd {width: 100%; padding-left: 0} .modal_notice dt { padding-bottom: 8px} .white-border-line { padding: 20px 0} .pdtop10 { padding-top: 10px} .modal-content dl.propose .photobox img {height: 130px} .modal-content dl.propose > dt > dl.profile-list { padding-bottom: 8px} #disp_mt_list dl.profile-list { width:100%} .pd20.restore { padding: 0 !important} div.modal .pink-border-box input[type="text"], div.modal .pink-border-box input[type="email"] { width: 80% !important} #disp_first .center span { clear: both; display: block; text-align: center} /**성격검사 **/ .disp_process li {width:32%; font-size:1em} .disp_process li:last-child { width:36%; } .disp_process li span.process_txt {margin-top:4px !important; height:70px} .disp_process li.ontab{background-position: center bottom 5px;} .disp_process li span.icon_me, .disp_process li span.icon_ideal {display:inline-block; padding:0 3px; margin-top:-2px; margin-left:4px; font-size:.75em;} div.scroll-menu {text-align: center; padding:0px; height:auto; overflow:hidden; margin:0;} div.scroll-menu .fl.half{display:none} .scroll-fixed{ position: fixed; top: 0px; padding:0; left:0; z-index:100} div.scroll-menu .disp_tit { clear:both;background:#566891; height:auto; overflow:hidden; padding:8px 0; text-align:center; margin-bottom:10px; display:none} div.scroll-menu .disp_tit .fr.half li { list-style:none;font-size:.9em;color: #a5efff;line-height: 1.2em;} div.scroll-menu .disp_tit .fr.half li:lang(en) {font-size:.85em;} .fl.width20 {width:100%;padding-right:0} .fl.width20 h1 {display:none} .fl.width20 .btn_reg { text-align:center; } .fr.width80 {width:100%; padding:0 10px; margin-top:10px} .fr.width80 li {width:100%} .fr.width80 li.center_global {width:100%; padding-left:10px; padding-right:10px} .fr.width80 li.center_global div.fl, .fr.width80 li.center_global div.fr { width:100%} .fr.width80 li.center_global div.fr { margin-top:10px} ol.command10 {padding-left:20px;overflow:hidden} .service_area { padding-bottom:10px} ul.disc.mt10 { margin-left:5px; margin-right:0} .fw600.tac.fs15em { font-size:1.2em} /* 성격검사 */ div.top_graybg.gray.report { background-image:none,linear-gradient(90deg,#e3d9fa 10%,#e3d9fa 40%,#d0f3fc 100%);} div.top_graybg.gray.report h2 { font-size:1.7em; margin-bottom:15px; text-align:center;} div.top_graybg.gray.report p {display:none} div.top_graybg.gray.report p.mobile_show { display:block; text-align:center;} .txt_reports {font-size:1.1em; height:auto; overflow:hidden} .txt_reports p{line-height:1.6em;} .txt_reports .color-blue p.blueline {} /** 성격검사 **/ #disp_question div.tablewrap {margin-top:0; border:none;} .fl.half, .fr.half {width:100%; } .fr.half {height:auto; background: #f1f1f1; padding: 8px 0 0 0; border-radius: 6px } .fl.half {padding:5px 0 8px 0; line-height:15pt; } .fl.half:lang(ko) {letter-spacing: -0.1em} .fl.half dt { margin-top:-2px; margin-left:4px} .fl.half dd {padding-right:10px} .fr.half li {font-size:12px; width:18%;vertical-align:top !important;} .fr.half li:nth-child(3) {width:16%} .fr.half li label.none { display:block !important; color:#434343; line-height:13px} .fr.half input[type="radio"] {margin-top:-85px;} .fr.half li label { margin-top:30px; } .fr.half:lang(ko) li label {letter-spacing: -0.15em} .fr.half:lang(en) input[type="radio"] {margin-top:-100px;} .fr.half:lang(en) li:nth-child(3) input[type="radio"] {margin-top:-75px;} .fr.half:lang(en) li label { margin-top:30px} div.container.graph button.big {width:90%; font-size: 1.2em; padding:10px 0} div.disp_q_1, div.disp_q_2, div.disp_q_3, div.disp_q_4, div.disp_q_5 { margin:5px 0; border: none} .txt_reports p.clor-gray br{display:none} .white-box.tac.fw600 { padding:10px !important} .single_sign { width:100%} .single_sign th {width:25%;} .single_sign td {width:75%; } .single_txt { line-height:20pt; font-size:1em; margin-top:0} /** 성격검사 결과 **/ .container.pt50 {padding-top:20px !important} .txt_reports .color-blue p.blueline.nobox { display:none} .bgtop_report{ display:none} .bg_report { background:none;background-size:100%; height:100%; overflow:hidden; padding:10px 0 0 0} .bgend_report{display:none} .reports_result_info {padding:10px 0 0 0} .reports_result_info div.fl.width60 {float:left; width:100%; padding-bottom:15px} .reports_result_info div.fr.width40 {float:left; width:100%; padding-left:0} h2.tit_report_result { padding-bottom:0} h2.tit_report_result.me, h2.tit_report_result.you { font-size:1.4em} div.reports_result ul { padding:2px 0 8px 0;background-image:linear-gradient(60deg,#6d8eba 10%,#8faacf 100%); background-size:100% 35px, calc(0% - 4px) 100%;background-position: top left;border-bottom:none } div.reports_result ul:lang(en) { padding:2px 0 8px 0;background-image:linear-gradient(60deg,#6d8eba 10%,#8faacf 100%); background-size:100% 35px, calc(0% - 4px) 100%;background-position: top left; } div.reports_result.you ul {padding:2px 0 8px 0; background-image:linear-gradient(60deg,#79bec1 10%,#99d9dc 100%);background-size:100% 35px, calc(0% - 4px) 100%;background-position: top left} div.reports_result.wedd ul {padding:2px 0 8px 0; background-image:linear-gradient(60deg,#cc85b1 10%,#e5b6d3 100%);background-size:100% 35px, calc(0% - 4px) 100%;background-position: top left} div.reports_result li:first-child, div.reports_result.you li:first-child, div.reports_result.wedd li:first-child {clear:both;width:100%; font-weight:bold; font-size:1.1em; text-align:center; margin-bottom:10px } div.reports_result:lang(en) li:first-child, div.reports_result.you:lang(en) li:first-child, div.reports_result.wedd:lang(en) li:first-child {clear:both;width:100%; font-weight:bold; font-size:1.1em; text-align:center; margin-bottom:15px; padding-top:5px } div.reports_result li:nth-child(2), div.reports_result.you li:nth-child(2), div.reports_result.wedd li:nth-child(2) {width:30%;font-size:1.1em } div.reports_result li:nth-child(3), div.reports_result.you li:nth-child(3), div.reports_result.wedd li:nth-child(3) {width:70%; padding:0 20px 0 0} div.reports_result li:nth-child(4), div.reports_result:lang(en) li:nth-child(4) {clear:both;width:100%; text-align:left; padding:20px 10px 10px 10px} div.reports_result li p.reports_step_bg, div.reports_result.you li p.reports_step_bg, div.reports_result.wedd li p.reports_step_bg { width:100%;} div.reports_result li p.reports_step_bg span {display:inline-block; } div.reports_userbox .left {float:left; background:url('/images/graph_step3.png') no-repeat; background-size:100% 180px; text-align:left; padding:0 0 0 0; height:auto; font-size:1.1em} div.reports_userbox .left p.txt_3step {clear:both; padding-top:200px} div.reports_userbox .left p.txt_3step br { display:none} div.reports_userbox .right { float:right} /*이용안내 */ .boxline_gray { padding-top:10px} .tit, .item_price { float:none; width:100%} .item_price { border-left:none; border-top:1px solid #ddd; padding-left:0; padding-top:20px; margin-top:15px} .services-certi p { font-size: 1.15em; letter-spacing: -0.06em} .services-refund { padding-top:20px} .services-refund dl dt {display:none} .step li { width:49%; font-size: 1.1em; margin-bottom:8px} .step li:nth-child(3), .step li:nth-child(4) { height:100px} .mem_price.img01 {background-size: 100% 85px;} .mem_price.img02 {background-size: 100% 85px;} .mem_price.img03 {background-size: 100% 85px;} .mem_price.img04 {background-size: 100% 80px;} /* VIP */ .mem_price.img04:lang(ko) {background-size: 100% 110px;} .mem_price.img05 {background-size: 100% 50px;} .mem_price div.use_color3 {padding:0 0 10px 10px; } .mem_price div.use_color4 {padding:0 0 10px 10px; } .mem_price div.use_color5 {padding:0 0 10px 10px; } .mem_price.img05 h1 {font-size:1.6em} .mem_price.img01 .m_view, .mem_price.img02 .m_view, .mem_price.img03 .m_view { display: inline !important} .mem_price div.use_price {float:left; padding:5px 10px 15px 10px; } .mem_price.img05 div.use_price {padding:15px 10px} .mem_price div.use_price:first-child {width:100%;font-size:1.05em; line-height:1.4em; padding:10px} .mem_price div.use_price:last-child { width:100%; text-align:center; padding-top:0; } div.tit_price{ padding-top:10px; font-size:1.4em} .mem_price.img05 p { letter-spacing:-1px;padding-top: 0;} .mem_price div.use_colorbg { font-size:1.1em; padding: 8px; letter-spacing: -0.08em } .pb30 button.big {width: 100%} .main-info { padding:20px} .main-info h3 { font-size: 1.1em; padding: 0; text-align: left} li.smalldot { font-size:1.05em; line-height:1.4em; padding-bottom:10px} .box_style2 { border:1px solid #ac0082; background:#fff; height:auto; overflow:hidden; padding:20px; margin-top:20px; font-size:1.15em; border-radius:1.2em; box-shadow:0 1px 5px #C3C3C3; } .box_style2 div.fl {background:#ffebf2; font-size:1.1em; width:100%; font-weight:bold; padding:10px 0; margin-bottom:10px} .box_style2 div.fr { width:100%; padding-left:0; text-align:left} .pt30 button.large.big { font-size:1.3em} .mem_price div.col-lg-3 {width: 100% !important} .guidetb th {display:none} .guidetb, .guidetb td { border:none; font-size:1em} .guidetb td .color-blue1 { display:block; padding-bottom:6px; font-size:1.1em} .boxgray {height:auto;} .floatleft.grid2 {width:100%; margin-bottom:10px;} .floatleft.grid2 .left1 {width:100%; padding-bottom:20px} .floatleft.grid2 .left2 {width:100%} .floatright.grid1 {width:100%} .tabarea{} .tabarea label{float:left; width:50% ; margin:0; text-align:center; font-size: 1.1em} div.fee_info {width: 100%; margin-bottom: 4px; padding: 10px} div.fee_info .fee_txt { font-size: 1.1em} .fee_txt br { display: none} .tabarea input#select1:checked ~ .page1, .tabarea input#select2:checked ~ .page2, .tabarea input#select3:checked ~ .page3, .tabarea input#select4:checked ~ .page4 { padding-top: 0} div.fee_info { display: inline-block; border: 2px solid #f39f5f; border-radius: 8px; text-align:left; padding: 10px 20px; font-size: 1.3em; color: #f67510; font-weight: bold} div.fee_info .tt {width: 40%; padding-left: 5%; display: inline-block; letter-spacing: -0.06em} div.fee_info .tt:lang(zh) {width: 16%; padding-left:0} div.fee_info .fee_txt { color: #000; font-size: 1.1em; font-weight: normal} .guide_fee { text-align: center; padding-top:0; clear: both} .guide_fee .us_info { padding-top: 10px; font-size: 1.1em} .guide_tb th, .guide_tb td { padding:15px 0} .guide_tb th{ font-size: 1em; font-weight: normal;} .guide_tb th:first-child {padding-left: 8px;} .guide_tb td { font-size: 1.1em; } .guide_tb td:first-child { padding-right: 8px} .guide_tb td.meet_fee { font-size: 1.15em} .guide_tb td:last-child { width: 20% !important;line-height: 1.1em} .guide_btn button { width: 90%} .guide_tbbox th, .guide_tbbox td.item, .guide_tbbox td.fee, .guide_tbbox td.meet{display: none; border-left: none} .guide_tbbox td.data {width: 100%;border-left: none;padding: 15px 0} .guide_tbbox td.data .mobile {display: block; clear: both; padding-bottom: 15px; height: auto; overflow: hidden;} .guide_tbbox td.data .mobile div.data {display: block; clear: both; margin-bottom: 8px; height: auto; overflow: hidden;background: #e0dde9;border-radius: 8px} .guide_tbbox td.data p.item {float: left; color: #b63d8c; font-size: 1.2em; font-weight: bold; padding: 6px 0 0 10px} .guide_tbbox td.data p.bg { float: right; padding: 8px; } .guide_tbbox td {border-top:none} .mobile div.meet1_txt { text-align: right; padding-right: 10px; color: #6d3792} .mobile div.meet1_txt br { display: none !important} /*이벤트*/ .main_eventtopbg { padding:20px 0} .event_box {width:95%; background-image:none;} .event_box .fl {padding:15px 30px; width:100%} .event_box .fr {display:none !important} div.top_graybg.event {margin-bottom:0} .floatleft li.eventlist div.event_photo, .floatright li.eventlist div.event_photo {width:40%} .floatleft li.eventlist div.contents, .floatright li.eventlist div.contents {width:60%} li.eventlist div.contents p.detail {padding-top:0} /* 이벤트 - 내용(헤라에서 입력되는) */ table.event_box_tbl { padding:0} table.event_box_tbl td {font-size:1.1em;padding:10px} /** 메인에 끌고옴(프로세스) **/ #disp_event { padding-bottom:20px} .main_globaltopbg { padding:15px 0; } .main_globaltopbg img {display:none} .main_globaltopbg h1 {font-size:2.4em !important; line-height:1.2em} .main_globaltopbg .main_process {width:100%;margin:30px auto 0 auto; } .main_globaltopbg .main_process li { width:100% !important; height:auto; padding:10px 15px !important; margin-right:0; margin-bottom:4px; background: url('/images/process_step_01m.png') top left no-repeat; text-align:center; line-height:1.2em; font-size:1.05em !important; font-weight:normal; } .main_globaltopbg .main_process:lang(ko) li:nth-child(2) .etcc { font-size:1em} .main_globaltopbg .main_process li:nth-child(3) {background: url('/images/process_step_01m.png') top left no-repeat;} .main_globaltopbg .main_process li:last-child {width:100%;height:70px;background: url('/images/process_step_04m.png') top left no-repeat;} .main_globaltopbg .main_process:lang(en) li, .main_globaltopbg .main_process:lang(zh) li {height:auto !important; line-height:1.2em; padding:15px !important} p.ser_txt { display:inline-block; padding-bottom:2px} .main.m_view img {vertical-align:middle} /** 메인 유투브 추가 **/ div.main_banarea h3 { font-size:1.6em} div.main_banarea h2 { font-size:1.6em} .main_event_area.man h1 { padding-top:20px; line-height:1.1em; font-size:1.8em; font-weight:normal} div.main_event_area { padding:0 0 30px 0; } div.main_event_area.man .container { padding:0} .ytube_list li, .ytube_list2 li {width:50%; padding:6px} .ytube_list li img, .ytube_list2 li img, .ytube_list.grid2 li img {width:100%;height:110px} .ytube_list li p.tit_ytube, .ytube_list2 li p.tit_ytube { font-size:1em; padding-left:0; padding-right:0;} .ytube_list li iframe.ytubeview {width:300px; height:170px} .ytube_list.grid2 li { width: 100%} /* 정사각형 포토갤러리 */ .ytube_list.sqaregrid li {float:left;width: 100%; list-style: none; padding: 6px} .ytube_list.sqaregrid li .blog_photo, .ytube_list.sqaregrid .event_photo { width: 34%} .ytube_list.sqaregrid li p.item_tit, .ytube_list.sqaregrid li.eventlist div.contents { width: 64%; padding: 6px 0 0 13px; font-size: 1.2em !important} .ytube_list.sqaregrid li.eventlist div.contents:lang(en) {padding: 0px 0 5px 10px} li.eventlist {width: 50%} li.eventlist div.event_photo img {height: 140px} li.eventlist div.contents .list_title {font-size: 1.1em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} li.eventlist div.contents {padding: 8px 0} li.eventlist div.contents h2:lang(en) {line-height: 1.15em} li.eventlist div.contents p.detail span.pay {color:#a92e92; font-size:1em; font-weight:bold; display:block; padding-top: 8px; width: 100%; height: 30px } .event_tab { background: none; border-bottom: none; padding-top: 10px; margin-bottom: 0} .event_tab li {padding: 8px 5px;width:49%; height: 40px !important; margin:0 1% 6px 0 ; border: 1px solid #bbb; border-radius: 16px; margin-bottom: 6px} .event_tab li:lang(zh), .event_tab li:lang(jp){height: 60px !important; padding-top: 9px} .event_tab:lang(zh) li:nth-child(5), .event_tab:lang(zh) li:nth-child(6), .event_tab:lang(jp) li:nth-child(5), .event_tab:lang(jp) li:nth-child(6) {height:40px !important; } .event_tab li:nth-child(even) {margin-right: 0; width: 50%} .event_tab li:nth-child(6) { border-right:1px solid #bbb;} .event_tab div.fr {padding-top: 15px; text-align: center; width: 100%; clear: both} .event_tab div.fr .result_event_page { width: 100%; padding: 15px} .evt_process { padding: 0 20px} .evt_process li {width: 100% !important; } .evt_process li:first-child br {display: none} .evt_process li:last-child {border-top:1px solid #ab2e94; border-left: none; padding:20px 0 0 0;} /* 아카이브 */ .archive_list .list_blog {width:100%; } .archive_tit h2 { display:none; font-size:1.6em; text-align:center; width:100%;padding-left:0} .archive_tit_view { display:none} .archive_tit_view h1 { font-size:1.6em; text-align:center; display:inline-block;padding-left:0;} .archive_category li {padding:6px 3px;word-break:break-all;white-space: nowrap;overflow:hidden; letter-spacing:-1px} .archive_view_tit #d_ttl { font-size:1.3em} .archive_view_tit .archive_view_info{ float:left; padding-top:10px} .archive_view_tit .share_area { float:right;} .archive_view_tit .share_area.sns {float:right; margin-top:-25px} .archive_view dd img {width: 100%} .archive_box .col-lg-3.m_md { margin:25px 0} span.htag {padding: 10px;font-size: 1em;} .archive_search{ clear:both; width:100%; text-align:center; padding:10px 0} .archive_search input[type="text"] { width:80%} .tac dl.forum-list:first-child { border-top: 1px solid #d4d3d3;} .snsdiv {top:110px} .container.main-info .container.mt30{ margin-top:0; padding:15px; padding-top:0} .fl.guide {width:100%; font-size:1.1em} .fr.guide {width:100%} .fr.guide img {width:100%; margin-top:10px} .box_link { margin:0 auto} .archive_list .list_blog p.blog_photo {width: 36%} .archive_list .list_blog p.item_tit { width: 63%; font-size: 1em; padding: 5px 0 0 0} .archive_list .list_blog p.blog_photo img { width: 130px; height: 102px;} /** 탭(스페셜매칭) **/ .tabevent label{height:35px;line-height:35px; font-size:1em;text-align:center; cursor:pointer; letter-spacing:-1px} .tabevent label.event1, .tabevent label.event2 {width:31%} .tabevent label.event3, .tabevent label.event4 {width:19%} div.ban_bottom{background:url(/kr/images/ban_bottom_m.png) top center no-repeat ; height:280px; width:100%; margin:0 auto; background-size:85%} #disp_evt li.pc.on { display:block} .small.gray.link_meet_no, .small.gray.link_wink_reg{font-size: .875em;padding: 4px 8px;} div.main_ban { background: #f1f1f1; background-image:none} div.main_ban h1.maintit { font-size:1.6em} .event_area .container.center { padding: 10px} .event_area.global {padding-bottom: 0} .event_area.global img {width: 100%} .event_area.global.pc { display: none} .event_area.evt div.container { width: 90% !important} .event_area.evt span.fl { padding-bottom: 15px} .main_evt li { width: 100%; float: none; padding: 5px 0} /** 간편 회원가입 **/ .join_me span.on { border-bottom: 1px solid #8f8f8f} .signup_form {width:100%; margin:0 auto; padding:0; border: none;} .signup_form dl { border-bottom:none; background:none} .signup_form dl.lineok {border-bottom:1px solid #ddd; } .signup_form dt {clear:both; width:100%;padding:6px; margin-bottom:0; text-align:left; } .signup_form dd { clear:both; width:100%; font-weight:bold} .signup_form dd input[type="text"], .signup_form dd input[type="password"]{width:100% !important; border:1px solid #d5d5d5} .signup_form select {border:1px solid #d5d5d5} .signup_form .btnBc.blue { padding:6px 4px} .pb15.center { padding: 15px 0 5px 0 !important} .modal-content .signup_form dt, .modal-content .signup_form dd {width: 100%} #txt_cust_nm , #txt_cust_nm2{margin-bottom:6px} #txt_cntry_sms_no, #sel_birth_nation_cd { width:100%; margin-bottom:5px} #sel_year{width:40%} #sel_month{width:28%} #sel_day{width:27%} #sel_rsdc_nation_cd { width:100%} #sel_rsdc_sido_cd, #sel_rsdc_sigungu_nm, #sel_rsdc_dong_nm {width:100%; margin-right:0} #sel_etc_tel_no_rlt_nm {width: 25%} #txt_etc_tel_no { width: 73.5% !important} .gender_typ, .rcp_typ, .poss_typ { width: 100%} .gender_typ span, .rcp_typ span, .poss_typ span, .lang_typ span, .money_unit span, .money_unit span, .impamnt_typ span, .heit_type span, .weit_type span, .st_typ span { display: inline-block; width: 100%; padding: 8px 6px 8px 10px; text-align: left; border-radius: 6px; } .poss_typ span, .lang_typ span, .rcp_typ span:lang(en), .st_typ span:lang(en), .st_typ span:lang(zh), .st_typ span:lang(jp) {width: 100%} .tip_item ul.decimal { margin: 0 10px} .rdo_gender_typ { padding-right:10px} .signup_form dd input.wp80 {width:100% !important} .signup_form dd input.m_wp60{width:71% !important; float:left} .signup_form dd span.btnBc.blue {width:27%; height:47px;float:right; font-weight:normal !important; line-height:35px} .signup_form dd input.m_wp60:lang(en) {width:66% !important;} .signup_form dd span.btnBc.blue:lang(en) {width:32%; font-size:13px !important } dt.m_left br.pc_hidden {display:none !important} .signup_form dd.m_date input[type="text"] {width:40%} .signup_form dt.m_left50 {width:48%; float:left; display:inline-block} .signup_form dd.m_right50 {width:50%; float:right; text-align:right;display:inline-block} .signup_form dd.nation span.fr { margin-top:-155px} .signup_form dd.schl span.fr, .signup_form dd.anl span.fr, .signup_form dd.poss span.fr { margin-top:-80px} .signup_form dd.occup span.fr { margin-top:-165px} #disp_idChk, #disp_nickChk { display:block; clear:both; font-weight:normal !important} .signup_form.parent dl.parent dt{background:#fff; padding:0; margin-bottom:0; padding-left:10px; font-weight:bold} .signup_form.parent dt { background: #EBF5F7 ; margin-bottom:8px} .signup_form span.fr.mtop { margin-top:-36px} .signup_form span.fr.mtop2 { margin-top:-110px} .signup_form span.fr.mtop3 { margin-top:-75px} .signup_form2 {width:95%} .containerwrap.sn .clear.pb10 { border-bottom: 1px solid #91006f} .subtext {font-weight:normal !important} address .fl{padding-left:0} .signup_form dl.txt_info { padding-left:0; border-top:1px solid #ddd; margin-top:15px} .gray-border-box.mt20.tac .wh50p {width:100% !important} .tablwerap.mt20.disp_auth_layer .ml20 {margin-left:0 !important} .top_graybg.gray.signup {display: none} .signup_tip { padding:15px 0 0 0; border: none } .signup_tip .fl { float: none; width: 100%; padding: 0 10px;} .signup_tip .fl img {width: 100%} .signup_tip .tip_item { float: none; width: 100%; margin-top: 0; padding: 20px 10px;text-align: left;background: #ebd6e3; border-radius: 8px} .signup_tip .tip_item span { font-size: 1.05em; display: inline-block; clear: none; border-bottom: none; margin-bottom:0; padding-bottom: 0} /* 프로필수정 */ .tit_profilebg {padding-left: 8px;font-size: 1.3em;line-height: 1.1em;} .signup_edit select, #txt_srch_self_schl_nm1, #txt_major_nm1 {width: 100%} div.signup_edit #disp_birth_nm { padding-left: 0} div.signup_edit .rate li:lang(en) { padding:6px 0} div.signup_edit .rate li span.rate_txt { display:inline-block;width:150px} div.signup_edit .rate li span.rate_txt:lang(en) { width: 200px; line-height:1.1em; font-size:1em} div.signup_edit .rate li span.plus { display: none} div.signup_edit .rate input { width:55px !important;} div.signup_edit .rate:lang(en) input { vertical-align:top} div.signup_edit .cnt {width:75% !important} div.signup_edit .pd10 {display: block; padding: 6px !important} .signup_edit .btnBc.blue { height: 45px;width: 100px; font-size: 1em } .signup_edit button.tiny {width: 100px; padding: 15px 0;font-size: 1em} .signup_edit:lang(en) button.tiny {font-size: .9em} .signup_edit button.darkgray.tiny {width: auto; padding: 8px} #txt_main_pipe_nm, #txt_impamnt_desc, #txt_race_etc_nm, #txt_srch_father_schl_nm, #txt_srch_mother_schl_nm, #sel_father_pst_nm, #sel_mother_pst_nm {width:100% !important} #sel_occup_cd, #sel_foccup_cd, #sel_moccup_cd {width:calc(100% - 108px) !important;} span.child_area { width:120px; display:inline-block} span.child_area:lang(zh) {width:90px; } #txt_m_child_cnt, #txt_f_child_cnt, #sel_upbring_child_cnt { width:40%} div.signup_edit:lang(en) .st_typ span {width: 100%; padding: 8px 6px 8px 10px} .disp_child_layer .previously {width: 800px} /* 미완료일때 마이프로필 노출 가림 */ #disp_profile_status { display:none} div.profile { padding-top:15px} .bottom_en .fl {margin:0 5px; width:100%} /* 마이매칭 */ .col-lg-3 .fr { width:10%;text-align: right;} div.mymatching-top { margin-top:15px;} div.mymatching-top ul{ border-bottom:none} div.mymatching-top ul > li { padding:10px 12px; line-height:12pt; margin-bottom:8px} div.mymatching-top-btn > button { width:90% !important; margin: 4px auto} div.matching-evt-container dl.info-box dt { display:block; text-align:center; font-size:1.3em; font-weight: bold;padding-bottom:5px; margin-bottom:20px; color:#81487e; background-image: linear-gradient(#81487e,#b359ae); background-repeat: no-repeat; background-size: 80px 1px, calc(0% - 4px) 100%; background-position: bottom center; } div.matching-evt-container {padding: 20px} div.matching-evt-container .col-lg-2.line { margin-bottom: 20px} #main_contents2 { padding: 15px} dl.prps-list { border-bottom:none} dl.prps-list > dd.info { width:100%} dl.prps-list > dd.title {display:none; border-bottom:none} dl.prps-list > dd.info2 {width:100%;padding:5px 0;border-top:1px dotted #ccc; background:#F9F9F9} dl.prps-list > dd.info2 > dl {width:100%;overflow:hidden} dl.prps-list > dd.info2 > dl dt {float:left;display:table-cell;font-weight:bold;width:40%;padding:6px} dl.prps-list > dd.info2 > dl dt.respond {color:#ac0082} dl.prps-list > dd.info2 > dl dd {float:left;display:table-cell;width:60%; text-align:left;padding:6px} #main_contents dl.profile-list { width:100%} /* Modal */ .modal-content dl.propose > dd, .modal-content dl.propose > dt {width:100%; float:none} .tabmatch label.match1, .tabmatch label.match2 { width:49%} .tabmatch label.match1 { margin-left:0} /* 마이프로필 */ .mobile.menu { display:block; text-align:center; padding-bottom:15px; color:#bbb} /* 결제*/ .floatright.grid_right .method4 {padding-top:0} div.purchase-order.result { width: 100%; } div.purchase-order.result > dl > dt {width:25%} div.purchase-order.result > dl > dd { width: 75%} /** 원페이지 (5060)**/ div.top_graybg.bg .container { background:none; } div.headerwrap_one { padding:0} div.headerwrap_one div.container {padding: 0 !important} div.headerwrap_one .main-logo {text-align:center; display:inline-block !important; width:100%} div.headerwrap_one .main-logo img {width:70%; margin-left:5px; margin-top: 15px} div.headerwrap_one .lang_area {float:right;} div.headerwrap_one .lang_area select { height:30px; line-height:30px} div.top_graybg.bg .container {padding-left:0; } .onep_services h1 { font-size:2em !important} .tt5060 { font-size:1.6em} .txt5060 { width:100%; padding-top:0; font-size:1.2em; line-height:1.4em} .txt5060:lang(en) { font-size:1.2em;} .container.top { margin-top:-50px; width:100% !important; padding:0} .container.top .fl {display:none} .container.top .mview {display:block; } .container.top .mview img {width:100%; vertical-align:bottom} .bg_5060pay li { clear: both; float: none} .process5060 li.pro_txt { font-size:1em; padding:6px !important; border-radius:10px } .process5060 li.arrow {padding-top:35px} .process5060 li.arrow img {width:60%} .process5060 li.pro_txt .no {padding-bottom:6px} .process5060 li, .process5060:lang(en) li {list-style:none; float:left; width:44% ; margin-bottom:8px} .process5060:lang(en) li { height:100px} .process5060:lang(en) li:nth-child(1), .process5060:lang(en) li:nth-child(3) {width:44% ;} .process5060:lang(en) li:last-child {width:50%} .process5060:lang(en) li.pro_txt p.txt {line-height:110% !important; font-size:1.05em} .clear.pt20 p.dot { line-height:1.3em; font-size:1.2em; padding-bottom:10px} div.container.m { padding:0; width:100% !important} .bg_5060pay {margin-top:0; font-size:1.2em; padding:10px 0 10px 20px} .bg_5060pay span.pr15 {padding-right:0 !important} .bg_5060pay span.tt_bg { clear:both; display:block; margin-bottom:8px;width:auto} .bg_5060pay span.tt_bg:lang(en) { width:50%} .pl_null { padding:15px} .pl_null p.dot { font-weight:normal !important} /* 마이매칭 - 쪽지 */ #memo_layer div.modal-content { width:100%} div.tab-content > dl.list > dd.name {margin-top: 40px;} div.tab-content > dl.list > dd.contents {margin-top: -65px; padding-bottom: 1px; word-break: break-all; overflow: hidden; white-space: nowrap;} div.tab-content > dl.list > dd.del {text-align:right; margin-top: -15px;} footer .footer_right { width: 100%} footer .top_footer {padding:0 10px} footer .footer-info address p { line-height:1.6em; padding-bottom:8px; font-size: 1.1em} footer .footer-info address span.desh{display: none} footer .footer-info .pick { background: none; padding-left: 0} .footer_ytube {width:50%; height:110px} footer .top_footer .left { padding:10px 0 10px 0} footer .footer_left.serv.cn {padding: 15px 0} footer .top_footer div.container {width:100% !important} footer .top_footer .pl_null { font-size:1.1em; letter-spacing:-1px} footer .top_footer .fl strong {display: inline-block;width:auto } footer .top_footer .fl.kor:lang(ko) strong, .top_footer .fl.global.au:lang(en) strong, .fl.global.au:lang(jp) strong, .fl.global.au:lang(zh) strong, .fl.global.au:lang(tw) strong { width:auto} footer .top_footer .fl { padding:0 0 15px 0; padding-left:0;width: 100%;border:none;font-size:1.2em; height:auto;border:none;} footer .top_footer .fr { display:none; width:100%; padding-top:15px; margin:0 auto; text-align:center } footer .top_footer .fr img { width:90% !important} footer .top_footer .fr span {width:49%; display: inline-block !important; padding:0 4px; box-sizing:border-box } footer .top_footer .fl.global.au:lang(en) {padding-top: 0} footer .top_footer .fr span img {width:100%} footer .footer_left.serv { width:100% !important; padding:10px 0 0 0} footer .footer_left.serv:lang(jp) { padding-bottom: 15px} footer .footer_left.serv:lang(jp) h3 {color: #495983;font-size: 1.15em; border-bottom: 1px solid #495983; margin-bottom: 8px} footer .footer_left.serv.mobile .fl { font-size: 1em; width: 100%; height: auto; padding: 0} footer .footer_left.serv.mobile:lang(ko) .fl {width: 40%} footer .footer_left.serv.mobile:lang(ko) .fl:first-child { width: 60%} footer .footer_left.serv:lang(en) { width: 100%} footer .footer_left.serv .foot_kt { font-size: 1.2em;margin: 0 auto 10px auto; font-weight: bold; color: #495983;} footer .footer_left.serv.mobile .fl.global .foot_kt { display: none} footer .footer_left.serv.mobile:lang(ko) .fl.global .foot_kt {display: inline-block} footer .footer_left.serv h3 { margin-bottom: 10px} footer .footer_left.serv p { font-size: 1.3em } footer .footer-info { font-size:1.05em} footer .footer_left.serv a { font-size:1.15em; font-weight:normal} footer p.mobile-inline { display:inline-block; padding-right:15px; font-size:1.2em} .bg_addres span.mb0 { margin-bottom: 5px} footer .footer_left {width:100%} .footer_left.logo span { display:inline-block; float:left; width:50%; padding-top:5px} footer .footer-info .m_view .fl {float:left; width:50% !important;} footer div.sns { padding-top:0} footer div.sns > ul {float:right;width:80% } footer div.sns > ul li img {width:92%} p.bottm_ban { padding-top:10px; margin-bottom:0; text-align:center} footer .footer-info .right {width:100%; padding:0; text-align:center;} .fl.footer_left.serv.pc { display: none} footer .top_footer .mobile { display: block} .bg_addres span {width:auto; display:inline-block; letter-spacing:-1px; font-size:1.15em; margin-bottom:5px; border-bottom:1px solid #4b546d } .fl.global .col {border-bottom:1px solid #4b546d } div.footer-navi { padding-top:8px; padding-bottom:15px} .mobile.immi_ban { width:100%; margin-top:0; text-align:center; padding:0} .mobile.immi_ban .fl {width:50%} .mobile.immi_ban img {width:100%; vertical-align:middle} .bottom_ban{width: 100%} .bottom_ban img {width: 100%} .oda .fl img { width: 80%} .oda .fr { width: 65%;font-size: 1.1em; line-height: 1.3em} footer .footer-info .fr.pc { display: block; width: 100%; display: none} /* 5060 */ .containerwrap.sn { padding: 0 !important} div.containerwrap.sn > div.container { margin-bottom: 0} footer .top_footer.sn .fl { padding: 0 0 15px 0} .top_footer.sn .footer_left.serv h3, .top_footer.sn .bg_addres {float: left; width: 90px; } .top_footer.sn .footer_left.serv h3 {font-size: 1.2em; font-weight: bold;color: #7c9396;border-bottom:none} .top_footer.sn .bg_addres span { border-bottom:none} /* about-us, 고객센터 */ div.about-us-top > ul.tabs > li {padding: 0 10px; font-weight: normal} div.about-us-top > ul.tabs:lang(en) > li, div.about-us-top > ul.tabs:lang(jp) > li {padding: 0 6px;} .mg30 .pd20 { padding: 0 !important} .round-border-box.mt20.pd20 { padding: 20px !important} h2.about-us { font-size: 1.3em} div.about-us-box { padding: 15px} div.about-us-box dl.cs, div.about-us-box dl.csuser {margin: 0; border-bottom: none; padding-bottom: 10px} div.about-us-box dl dt, div.about-us-box dl dd { float: none; width:100%; text-align: left; padding: 6px;min-height:0;} div.about-us-box dl.csuser dt, div.about-us-box dl.csuser dd { border-bottom: none; padding: 6px;height: auto;} div.about-us-top ul.tabs li{padding:12px; overflow: hidden; line-height: 1.2em; height: 45px} div.about-us-top ul.tabs li:lang(en) {width: 33.3%;padding-top:7px; height: 50px} div.about-us-top ul.tabs li:lang(zh) {width: 33.3%} ul.history > li { padding: 15px 10px} ul.history > li > span { float: right; width: 90%} ul.history > li > span.title { float: left; font-size: 1.6em; vertical-align: top} ul.history > li > span.tech { width: 80%} /* 플로팅 TOP */ /* Mobile 탑 버튼 */ #scrollTopMob { position: fixed; bottom: 30px; /* 아랫쪽 끝에서부터의 거리 */ right: 15px; /* 오른쪽 끝에서부터의 거리 */ z-index: 99; } .main-info dl { padding:0 10px} /* 구매하기*/ div.purchase-order > dl > dt, div.purchase-order.toss dt { width: 25%; padding-left: 0; letter-spacing: -0.08em; padding-top: 10px} div.purchase-order > dl > dt, div.purchase-order.toss dt div.purchase-order > dl > dd, div.purchase-order.toss dd { width: 75%; padding-left: 0} div.purchase-order > dl > dd.order-info input, div.purchase-order > dl > dd.order-info select { width: 100%} div.purchase-order.toss dd.order-info select, div.purchase-order.toss dd.order-info input { width:100%} p.purchase-cmt {padding-top: 15px} div.purchase-order > dl > dd.price {vertical-align: top; text-align:right} div.purchase-order > dl > dd.price input[type="text"] { background: none; width: 62%; padding:15px 6px; color: #C4275D; font-size: 1.3em; text-align: right;height: 40px; line-height: 30pt; vertical-align: top} div.purchase-order > dl > dd.price label { display: inline-block; width: 20% !important; height: 40px; font-size: 0.9em; text-align: right; padding-top: 10px } #spn_part_money_won, #spn_part_money_usd, #spn_part_money_eur, #spn_part_money_cny, #spn_part_money_jpy {width:100%; display: block; border-bottom: 1px solid #bbb } div.purchase-order > dl > dd.price span.desh { padding-top: 10px} div.purchase-order > dl > dd.price div {text-align: left; padding-top: 8px} .no_info li { float: none; clear: both; padding-top:5px} /* IOS 결제 UI*/ .mfp-bg.ios { opacity:0.4} div.modal.ios {position: fixed; z-index:10000; left:0; right:0; bottom:0;border-top-left-radius: 16px;border-top-right-radius: 16px;margin:0 auto} div.modal.ios h1 {background:none} div.modal.ios select {width:100%; height:220px; box-sizing:border-box; border:none; } div.modal.ios select option { padding:14px 8px; border-bottom:1px solid #ddd} .select_area {overflow-y: scroll;overflow-x:hidden;box-sizing:border-box;margin:20px; height:220px} div.modal .pink-border-box select, #txt_hp_num { width:80% !important} .fl.wh30p { width:100% !important; padding:20px 30px; text-align:center} .fl.wh30p .ad_size {height:200px} .fl.couple { width:100%; text-align:center} /* 팝업창 (사진등록) */ .modal-content .pink-border-box-round .fl.pt10 { padding-top:0 !important} .modal-content .white-box.clear { background:none} .modal-content .pd30 { padding:15px !important} .modal-content .fl.wh75p {width:100% !important} .modal-content .fl.wh75p .line_pink{display:none} dl.add-photo dd > ul > li { margin-top: 25px} dl.add-photo #disp_img_1 { background:#fff; padding: 60px 20px} .pink-border-box-round .fl.pt10 {width:100%} ul.photo-guide {width:100%;margin-top:20px;padding:20px 8px;background:#fff} ul.photo-guide > li > figure {text-align:left;padding:0;margin:0} ul.photo-guide > li > figure p { padding-bottom: 10px;line-height: 1.1em;} ul.photo-guide > li > figure.best{width:100%; text-align:center; padding:10px} ul.photo-guide > li > figure.worst {width:100%; text-align:center; padding:10px; } ul.photo-guide > li > figure img {width:24%;margin:0 0 10px -3px} .pd_null120 { padding-left:10px} dl.add-photo dd > ul > li label { margin-bottom:5px; color:#21108C; display:inline-block} .line_pink { border-bottom:none; padding:20px} .file_bg .wh50p { width: 100% !important} /* 회사소개 */ .container.pd20 div.about-us-top {margin:25px 0 0 0} .cor_area { padding: 20px} .cor_area h2.cor { font-size:2.6em !important } .container.pd20 { padding:0 !important; width:100% !important} .cor_topbg, .cor_topbg:lang(ko) { background:url('/kr/images/corp_topbg2_m.jpg') no-repeat; height:auto; overflow:hidden; background-size:100%; background-color: #a7228d} .cor_txt {font-size: 1.3em; width: 100%} .cor_history h2.cor { padding-bottom:15px } .cor_history .fl, .cor_history .history_txt { float: none; width: 100%} .history_txt dl {font-size: 1.1em;} .history_txt dt, .history_txt dd { float:none; width:100%; padding:0} .history_txt dd {padding-bottom:8px; padding-left: 0; font-size: 1.1em;} .history_txt dd span.dot2 { display: none} .cor_photo { margin-top:0; height:auto; padding-bottom:30px; display: none} .container.pd20 .pd30.center { padding:30px 5px 30px 10px !important} .cor_telbg { display:none} .forum-list.list_free {font-size: 1.1em} dl.ceo > dd.pic, dl.ceo > dd.text {width: 100%; padding: 15px 25px; font-size: 1.1em} dl.ceo > dd.text .pt20 { line-height: 1.5em} /** CEO **/ div.ceobook .fl{display:none} div.ceobook .fr.wh65p { width:100% !important} div.ceobook li { font-size:.9em; padding-bottom:10px;width:50%} div.ceobook li:last-child{ display: none} div.ceobook .fr.wh65p span {height:50px; padding:6px 8px} div.ceobook li img{height:210px; width:auto;} /*회사소개 영중문 */ .cor_topbg:lang(en), .cor_topbg:lang(jp), .cor_topbg:lang(zh), .cor_topbg:lang(tw) {background: url('/cn/images/corp_topbg.jpg') no-repeat; background-color: #7f0051; background-position: bottom left; height: 430px; background-size: 220% } .cor_topbg:lang(jp) {height: 540px;} .cor_txt.etc{ padding:20px 0} .cor_char, .cor_ideal { padding:30px 20px} h2.cor_tt { font-size: 1.6em; letter-spacing: -0.05em; line-height: 1.2em} h2.cor_tt:lang(en), h2.cor_tt:lang(zh) {font-size: 1.4em; line-height:1.3em} .char_no span.no_bg { width: 14%} .char_no span.no_txt { width: 85%; line-height: 1.3em; font-size: 1.1em} .cor_ideal .cor_ideal_txt { font-size: 1.1em} .cor_ideal .cor_ideal_txt img { width: 100%; margin-top: 15px; clear: both} .cor_ideal .cor_ideal_box { padding:20px 10px} .cor_ideal .cor_ideal_box .cor_ideal_tt {border-radius:10px; line-height: 1.1em} /** 글로벌사이트 **/ .fr.pc.only_kr { display:none} } /* 모바일 세로 ~479px */ @media only screen and (max-width: 479px) { div.containerwrap {padding:10px !important} div.containerwrap.nopadding{padding:0 !important;} div.containerwrap.nopadding.toppadding{padding:10px !important;} div.container { padding:10px 5px} .tit_globallink { display:block; width:120px; margin:0 auto; margin-bottom:5px; text-align:center} /** 메인 **/ h1.main_tit0731 { line-height:1.3em; font-size:2em;padding-bottom:0 !important;} .nomargin{margin:0 !important} .meet_area {width:100%; height:auto !important; margin-top:30px} .main_tit {font-size:1.4em; margin-bottom:20px; letter-spacing:-1px} .main_tit:lang(ko) {font-size:2.2em;margin:0 auto; margin-bottom:15px; font-weight:bold;text-align:center; } .main_tit_small {font-size:1.1em; text-align:center; font-weight:normal; margin-bottom:20px} .main_tit:lang(en) {font-size: 1.4em; line-height:1.3em;} .main_tit:lang(zh) {font-size: 1.5em; line-height:1.3em; letter-spacing:0px} .main_tit br{display:block} .main_process_area{display:none} .main_process_area_m{ display:block;height:300px; overflow:hidden; background:url(/images/main_process_m1118.png) top center no-repeat; background-size: contain} .main_process_area_m:lang(en){ background:url(/images/main_process_m_en.png) top center no-repeat; background-size: contain} .main_process_area_m:lang(zh){ background:url(/images/main_process_m_cn.png) top center no-repeat; background-size: contain} div.container.main-info { padding:20px 0} div.main-banner-list ol li {width:100%} div.main-banner-list ol li:lang(ko) {width:100%} .main_iframe { width:100%; height:290px} .floatleft, .floatright{ clear:both;width:100%;} .floatleft.margin, .floatright.margin {clear:both;width:100%;} .service_area{ height:auto} .tit_service br{display:none} .tit_service { font-size:20px; line-height:28px; margin-bottom:25px; color:#FFF} .txt_service{font-size:18px; padding:0} .customer_area {background:url(/images/main_mapbg.jpg) top center no-repeat; background-size:contain; height:auto; overflow:hidden} /** 고객센터 지도 **/ .customer_info li { clear:both; font-size:18px; font-weight:bold; padding:20px 0; width:100%;} /* 메인 리뉴얼(2024.07.18) */ .mainimg {padding: 0} .mainimg div.container { width: 100% !important; padding-top: 0} .mainimg .fl.cp_cnt, .mainimg .fr.guide {padding:10px 5px; width: 100%} .mainimg .fl.cp_cnt {padding-top: 25px} .mainimg .fl.cp_cnt:lang(ko) {padding-top: 20px} .mainimg .info {padding-top: 0} .mainimg .info li {height: 72px; border-radius:20px; padding-top:3px;width:49.5%; margin-right: 0.5%} .mainimg .info li:nth-child(2), .mainimg .info li:last-child { margin-right: 0} .mainimg .info li p {font-size: 1.5em; } .mainimg .info li span.fee_txt { font-size: 1.1em !important; line-height: 1em } .mainimg .info li span.fee_txt strong {font-size: 1.1em !important} /* swiper 슬라이드 */ .fr.slide { float: none !important; width: 100%; clear: both} .swiper { margin-left: 0 !important; width: 412px;height: 330px;} .swiper-slide { width: 240px !important; height:277px !important;} /** 메인 **/ h2.maintt { font-size: 1.8em; line-height: 1.1em; padding-left: 0; padding-top: 25px; padding-left: 8px} h2.maintt span.subtt { padding-left: 0; font-weight: normal; margin-top: -60px; display: block ; margin-left: 0; display: none} .event_area.bg2 h2.maintt span.subtt {display: inline-block; margin-top: 0} h2.maintt span.fr { padding:0;display: inline-block; margin-top:-5px;display: none;} .event_area .global_p h2.maintt {height: auto} .event_area .global_p h2.maintt span.subtt {margin-top:6px ; line-height: 1.2em; font-size: 17px} .sqare4grid li {width: 50%} .main_random .fl {padding-bottom: 20px} .main_random .fl.wh60p, .main_random .fr {width: 100% !important} .ytube_list.sqare3grid li {float:left;width: 50%; } .ytube_list.sqare3grid li p.item_tit, .ytube_list.sqare3grid li.eventlist div.contents { display: none} .ytube_list.sqare3grid li.eventlist div.event_photo img, .ytube_list.sqare3grid.outside li.eventlist div.event_photo img {width:100%; height: 110px } .ytube_list.sqare3grid.en:lang(en) li.eventlist div.event_photo img, .ytube_list.sqare3grid.en:lang(zh) li.eventlist div.event_photo img {height: auto} .ytube_list.sqare3grid.en li{width: 50%; padding: 8px 6px} .ytube_list.sqare3grid.en li:lang(zh){width: 33.33%; padding: 8px 6px} .ytube_list.sqare3grid.en li:nth-child(n+3) {width:33.33%} .ytube_list.sqare3grid.en li.eventlist div.event_photo img {height: 170px; } .ytube_list.sqare3grid.en li.eventlist:nth-child(n+3) div.event_photo img {height: 120px; } .event_area.bg .info li { width: 49%; margin-bottom: 10px; height:60px; font-size: 1.4em; padding-top: 3px} .tabmain { padding:0 0 0 5px} .tabmain .page1 .fl, .tabmain .page2 .fl, .global_speed .fl { width: 100%; padding-bottom: 15px} .tabmain input#select1:checked ~ .page1, .tabmain input#select1:checked ~ .page2 { padding-bottom: 0} .tabmain .page2 dt, .tabmain .page2 dd {width: 50%} .tabmain .page2 dd {padding-top: 0} .tabmain .page1 dt{width: 25%} .tabmain .page1 dd {padding-top: 5px} .tabmain .page1 dt img {width: 100%; height: 100%} .tabmain dt img {height: 130px} .tabmain dd.global_speed { padding-right: 0} .tabmain dd.global_speed span.txt {font-size: 1em} .ytube_list.noimg li {width: 100%} .main_ceo { padding: 15px} .main_ceo li { width: 100% !important} .main_ceo li:last-child {padding-left:0} span.fr_txt { font-size: 1.5em; font-weight: bold} .mobile.center { display: block; clear: both;padding: 10px 0} .ytube_list.grid2 li p.item_tit { padding: 0 0 10px 5px; line-height: 1.3em } /** self searching **/ .col-lg-4 {width:100%; max-width:100%; clear:both;padding-right:0px; padding-left:0px;} .floatright30.bg h1{ text-align:left; padding-left:20px; font-size:2em} .floatright30.bg div.titbig { margin-top:0; text-align:left; padding-left:10px; padding-top:15px; margin-bottom:0} .floatright30.bg div.titbig:lang(ko) {display:none;} .floatright30.bg div.titbig p.fs1em { display:none} .floatright30.bg div.titbig h3 { font-size:1.8em; } .floatright30.bg h1:lang(en) {line-height:1em} dt.topmargin20 { display:inline-block;} dl.searchbox_new dt.width_small {min-width:110px;} dl.searchbox_new dd.width_middle {min-width:200px;} button.small.gray { margin:0; } li.apply button.small.gray {font-size:1em; margin:2px;padding: 4px 8px;} li.apply:lang(en) button.small.gray {font-size:1em; margin:2px 0 ; padding:8px; display:block} label { margin-right:6px} .moblie { display: inline-table !important; width:100%; clear:both; border:1px solid red} .entry-image { padding-left:15px;float:left;} .entry-image:lang(en) { padding-left:10px;float:left;} .txt_item_area { float:left; text-align:left; padding-left:20px; padding-top:8px;} /*.txt_item_area:lang(en) { float:left; text-align:left; padding-left:15px; padding-top:8px; width:220px;} /** 탭(셀프서칭) **/ div.containerwrap.self { padding:0 !important} div.containerwrap.self div.container { width:100% !important; padding:0 0 0 0} .tabself { margin-top:20px} .clear.pt20 {padding-top:0 !important} .tabself label.match1, .tabself label.match2, .tabself label.match3{padding:10px 0px 5px 0px; font-size:1.1em; line-height:1.1em ; height:40px; border-bottom: 2px solid #4e4e4e } .tabself input#select1:checked + label.match1, .tabself input#select2:checked + label.match2, .tabself input#select3:checked + label.match3 { font-size:1.15em; padding-top:8px; height: 40px;background-size: 100% 3px; } .floatleft70 { padding:10px; padding-bottom:0; margin-top:-30px} .floatright30.bg h1 { padding-top:10px} .floatleft35{width:100%; clear: both} .floatleft35 div {float: left; width: 50%; margin: 20px auto; text-align: right; padding-top: } .floatleft35 div:last-child { text-align: left} .floatleft35 .set_receive {width: 100%} .floatleft35 div img {width: 90%} .floatleft65{width:100%; padding:10px; border-top: 1px solid #ba5ea9} .floatleft.wh30p , .floatright.wh68p {width:100% !important} .floatleft.wh30p img {width:100%} .floatleft.wh30p.pt20 { padding-top:0 !important} .floatleft.wh30p.pt20 .mt10 { text-align:center} .modal-content .clear.white-box {padding: 0} .clear.white-box dl.searchbox_new dt, .clear.white-box dl.searchbox_new dd { width: 100%} dl.searchbox_new dt {width:100%; padding-top:5px} dl.searchbox_new dd { width:100%} .main_save { clear: both;display:block; height: auto; overflow: hidden; width: 100%} .main_save button { width: 100%} span.search_settxt { float:left; display:block; padding-top:8px} #self_lv_area span, #self_religion_area span, #self_partnr_typ span, span.not_rel {display: inline-block; padding: 8px 15px 8px 0; font-size: 1.1em} .save_form select { padding:6px 3px} #self_sel_nation2, #self_sel_nation, #self_sel_city, #self_sel_city2, #self_sel_gungu {width:100%} #txt_place {width:100% !important} #self_addr dt.topmargin20 {margin-top:10px} dl.searchbox_new #self_age1 dt:lang(en), dl.searchbox_new #self_age1 dd:lang(en) {width:100% !important; } dl.searchbox_new #self_valuestype dt, dl.searchbox_new #self_valuestype dd {width:100% !important; float:none; padding-left:0; display:block; text-align:left} .save_form p.main_save {width:60%} /** 셀프서칭 사진사이즈 **/ .event{top:0;} .area {top:10px;} .entry-image{width:125px;height: 120px; } .entry-image:lang(en){width:120px;height: 120px; } .image-wrap { width:115px; height:115px} .image-wrap img { width:150%} span.job {display:block; padding-top:5px} span.job .desh_line{display:none} span.circle {padding:2px 5px; margin:0; letter-spacing:-1px} .txt_item { padding:0; margin:0; line-height:16px} .txt_item span:lang(en) { letter-spacing:-0.5px} .txt_item_icon { padding-top:10px} .star { margin-top:-70px; margin-left:18px;width:22px; height:22px;} .button {padding: 0 20px;margin: 5px 2px;} ul.searchbox-option_new li.btn{clear:both;width:100%; } ul.searchbox-option_new li.menu {clear:both;width:100%; margin-top:10px; border-top:1px solid #ddd; padding-top:15px; text-align:center} .floatright.padding .tip { padding-top:8px} dl.searchbox_new dt:lang(en), dl.searchbox_new dd:lang(en) {width:100%;} ul.searchbox-option_new li.btn { display:block; margin:auto; padding-left:0; text-align:center} .btn label { margin-bottom:8px} div.termwrap {margin: 20px; line-height: 1.5em} div.termwrap.nomargin {margin: 20px 10px !important;} div.termwrap.nomargin h3:lang(en), div.termwrap.nomargin h3:lang(cn), div.termwrap.nomargin h3:lang(jp) {display: none} span.age:after, span.region:after {content:'|';padding:0 2px; color:#CDCDCD} /* 프로필등록 */ table.join .color-gray1 {font-size:.9em} table.join th {font-size:.9em; width:25%; padding-top:0; padding-left:6px} table.join td { padding:10px 0} .join .residenceStatus label { position: relative; bottom:6px;display:inline-block;} .join .residenceStatus input[type="radio"] {margin-bottom:10px} table.join .rate li br {display:none} .maintit_guide { font-size:2em; margin-bottom:30px} .guide_area {padding-left:0; clear:both; margin-bottom:30px; } span.icon_guide {width:35px; float:left} span.icon_guide img { width:25px;} .tit_guide { font-size:19px; font-weight:bold; float:left; margin:0 0 20px 0; width:calc(100% - 40px) !important; line-height:1.3em} .tablewrap.mt30 .pd10 { padding:0 !important} p.agree_term span { font-size:.85em; letter-spacing:-0.5px} p.agree_term span strong {font-weight:normal} p.agree_term { padding:6px 0} /** 프로필 추가 **/ div.profile-right-other dl.profile dt {width:30%;} div.profile-right-other dl.profile dd {width:70%;} div.profile-incompoletebox > dl dd.status span.incomplete span { display:block} p.color-primary-1 {clear:both; display:block} p.color-primary-1 span.fr {float:left !important} span.di_job_yn:lang(en) {display:block} .small_info {} .conts_close {padding-top:5px;float: right; vertical-align:bottom} .conts_close .openclose { font-size:0.6em; font-weight:normal; padding:0px 6px;margin-top:0; margin-bottom:0;background:#9b9b9b; } .m_none{display:none} .openclose { display:inline-block;background:#9b9b9b; color:#FFF;padding:4px 6px; font-size:0.8em; vertical-align:top; margin-bottom:8px; margin-top:-8px} .openclose a {color:#FFF;} div.top_graybg.gray { padding-bottom:0; padding-top:0 } .icon_info span.pr6 { display:block} span.telinfo {padding:10px 0; margin-left:-10px; margin-right:-10px} /* 이상형 신청 */ div.Idealreg_area .mt10.mb20 { line-height:2em} dl.Idealreg dt { float:left;width:100%; max-width:100%;padding:20px 10px 10px 5px; font-size: 1.35em;} dl.Idealreg dd {float:left;width:100%;padding:10px 0 15px 5px; line-height:2em} dl.Idealreg dd p.ideal_txt {padding-bottom: 15px !important} dl.Idealreg dd:lang(en) { font-size:.95em} dl.Idealreg dd.dis_typ span, dl.Idealreg dd.area_quarter span {width:50%} dl.Idealreg dd.nation_typ .area_typ span { display:inline-block;width:32%} dl.Idealreg dd.half_typ span {display:inline-block;width:50%; line-height:1.8em} dl.Idealreg dd.area_half span {width:100%} dl.Idealreg dd span label { font-size:1.1em} #disp_psnlt span { width:33.3%} #div_child_typ { line-height:2em; width:100%; margin-top:8px} /** 이용안내 **/ div.col-lg-3.width1, div.col-lg-3.width2, div.col-lg-3.width3 { width:100%} .price_info {padding:15px} span.txt_money { color:#bdfbff; letter-spacing:-2px; display:block; padding-top:10px;} .price_info dt {font-size:1.1em;} .price_info dd {font-size:0.92em} .white-box { padding:20px} button.search { border-radius:0; height:28px} .services-title h1 {font-size:1.3em;line-height:1.3em; margin-bottom:0;} .services-title h1:lang(en) {font-size:1.5em;line-height:1.3em;} .services-title h2 {font-size:1.2em;line-height:1.4em} .main-info dl {padding-right:0} .color-primary-2 span.m_block { } .services-certi {padding: 20px 0;} .services-certi h2 {font-size:1.7em;} .main_event_area .services-certi { padding:0 0 10px 0 !important} .services-matching .fs15em { font-size:1.2em; padding-top:20px} .service_matchbox { width:100%;font-size: 1.1em;} /* datekr 배너 */ .link_datekr {background: #FFF url('/images/guide_datekr_m.png') top right no-repeat;font-size:1em; background-size:80%; padding:10px 20px 20px 15px} .link_datekr br {display:none} /** 탭(마이매칭) **/ span.subtxt { text-align:center} div.white-box dl.profile-list { border-bottom:1px solid #5979aa; padding-bottom:20px} div.top_graybg.gray .mytab h1, div.top_graybg.gray .mytab h2 {width: 48%} div.matching-acc-container { width:100%;margin:0 auto; padding:0px; color:#333;overflow:hidden; box-shadow:0 0 0 #c1c1c1; margin-bottom:20px; } div.matching-acc-btn {border-top: none} div.matching-acc-content { background:#fff} .m_width {width:230px;margin-top:8px} /** 풋터 **/ footer .footer-info { padding:10px} footer .footer_left.logo { padding-top:0} footer .footer-info .left address > p.us{ font-size:13.5px} footer .footer-info .left { width:100%} address .fl {width:100%;} address .fl.pl20 { padding-left:0; padding-top:15px; width:100%;} address .fl.pl30 { padding-left:0; padding-top:5px} address .fl.pl20 li:first-child {width:20%} address .fl.pl20 li:last-child {width:70%} footer .m_block {width:100%} address .fl.pl20 div {width:100%} .mt10 .m_block { display:block } footer .m_block span.tel_area {width:160px} .telbg_5060{padding:10px 0} .telbg_5060.talk { font-size:1.1em} .telbg_5060 span.global.null { padding-right:0} .white-box.nopadding { padding:8px} .save_form dt {width:100% !important; box-sizing:border-box; text-align:left; padding-bottom: 10px} .save_form dd {width:100% !important; box-sizing:border-box} .save_form dt:lang(en), .save_form dd:lang(en) {width:100% !important;} .save_form dt:lang(en) { text-align:left; padding-bottom:10px} .save_form p.main_save:lang(en) { width:100%} /** 마이프로필 추가(좌우변경) 2020.10.28 ****************************/ .col-lg-3 .fl {width:100%} div.profile_topbox {padding:0} div.profile_topbox { width:100%} div.profile_topbox .boxbg .floatright { width:100%} div.profile_left, div.profile_right { width:100%} div.profile_right { margin-bottom:30px} .m_view { display: inline-block !important} div.fee_info .m_view { display: none !important} dl.profile dt { width:100%; padding-top: 10px} dl.profile dt.open {background-position: 1px 13px;} dl.profile dd { width:100%;border-top: none; padding:0 0 10px 16px} p.btn_profile, p.btn_profile2 button.pink {width:90%} .profile_boxstyle2 .floatleft, .profile_boxstyle2 .floatright {width:100%} .profile_boxstyle2 .fs15em {font-size:1.2em !important} div.profile_left h2:lang(en) { font-size:1em} .nodoc.curHand:lang(en) { letter-spacing:-1px} li.center_global .m_block span.global { width:100%} .width80 { width:100%; padding:0 10px} li.center_global .m_block .catalk, li.center_global .m_block .catalk_plus{margin-left:55px; width:25px; height:25px} /* 카피라이트 */ div.footer-navi li { font-size:1.1em; line-height: 20pt} address .fl.pb20 { padding-bottom:0 !important} address .fl.pb20 .telbg_5060.talk{display:block; margin-bottom:20px} address .fl.pl20 .telbg_5060.talk {display:none} /*호주센터 */ .center_area { width:100%; height:auto; overflow:hidden; margin:20px auto; background:url('/kr/images/img_au_m.jpg') bottom center no-repeat; background-size:100%; padding-bottom:160px} .fl_au { float:none; width:100%; padding:0 10px 20px 10px} .fl_au h1 {text-align:center; color:#ab0082; font-size:2.2em; line-height:1.2em} .fr_au {float:none; width:100%;font-size:1.15em; padding:10px 15px 20px 15px; line-height:1.5em; background:none;} .telinfo {width:100%;} .telinfo dd { line-height:1.3em} .center.btn_area { height:auto; overflow:hidden} /*설문조사*/ .modal-content .white-box { padding:20px 0} div.containerwrap .main_5060ban { padding-bottom:20px} .ad_size { width:300px !important; height:160px !important} .ytube_ban { margin:0} /* popup */ #txt_mail_val {width:90% !important} div.modal-content { padding:15px} div.modal-content h2 span.fr.bold {display: block; border-top: 1px solid #bbb; width: 100%; padding-top: 8px; margin-top: 8px; text-align: right; } div.modal-content div.gray-box { padding:15px} dl.certify-doc > dd { padding-left:10px} div.modal h1 div.txt {padding-top: 10px} div.modal .gray-border-box input[type="text"], div.modal .gray-border-box input[type="email"] {width: 100% !important} div.modal .gray-border-box button {padding:15px; width: 100%} /* 해외방문만남 */ div.containerwrap.nopadding > div.container.evt { width: 100%; padding: 0} .propose_area { background: url(/images/propose_bg_m.jpg) 0 0 no-repeat; background-size: contain; background-color: #cfcde4; padding:15px; margin: 30px 0; } .propose_area h4 { color: #000; font-size: 1.5em; padding: 230px 10px 15px 10px; font-weight: bold} .propose_area .txt_area { padding: 0 10px;} .propose_area .txt_area .txt_tit {font-size: 1.2em} .propose_area .txt_area .txt_process { font-size: 1.1em} .propose_area .txt_area .txt_process dt {width: 10%} .propose_area .txt_area .txt_process dd {width: 90%} .propose_area .btn {padding: 25px 0; position: relative; text-align: center} .propose_area .btn span {width: 90%} .propose_area:lang(en) .btn span {width: 100%; padding: 8px 0; font-size: 1.4em} .pl40.fs15em { padding:15px 10px !important; font-size: 1.3em; letter-spacing: -0.06em} .center.list { padding: 15px} .event_sub.propose li.eventlist {width: 100%} } @media only screen and (max-width: 400px) { ul.globallink.second { margin-top:10px} ul.globallink li .m { clear:both;display:block;} table.join th {width:30%} #self_sel_nation2 {display:block} .save_form input.wh80 {width:100px !important} .age_top {display:block} br.m_view { display:block} .maintabarea2 label.save1, .maintabarea2 label.save2, .maintabarea2 label.save3, .maintabarea2 label.save4 { font-size:1em} .main_stit0713 {font-size:1.1em !important; } .profile_boxstyle2 {padding:10px 5px} .fr .album_area { height:80px} dl.profile dd.br_view br{display:block !important} footer .m_block span.global{ width:100%;} footer .m_block span.global.no {width:55%; padding-top:0; display:inline-block} .fl .catalk.small { margin-left:25px} .footer_ytube { height:100px} div.modal-content { padding:10px} .swiper { margin-left: 0 !important; width: 400px;height: 330px;} .propose_area:lang(en) h4 {font-size: 1.45em; padding: 230px 0 15px 0} div.about-us-top ul.tabs li {padding:12px 10px} } @media all and (max-width:371px) { /**dl.profile-list {width:100%;padding-left:0} dl.profile-list dd.photobox {width:96px;height:120px} dl.profile-list dd.photobox img {width:96px;height:120px}**/ div.container {} .main_stit0713 {font-size:1em !important; } .event_area h2:lang(en) {font-size:1.5em;letter-spacing:-0.07em !important} /*설문조사*/ .modal-content .white-box { padding:20px} .modal-content .white-box.clear {padding:0} div.main_event_area.man .fl_ban {margin-top:310px} div.main_event_area li.eventlist {height:165px} .main_iframe { width:100%; height:260px} table.join .rate li span.rate_txt { display:inline-block;width:105px} table.join .rate li m_view { display:block} footer .footer-info .right {padding:10px 0;} .fl.wh30p .ad_size {height:170px} div.Idealreg_area .mt10.mb20 span {width:50%} dl.Idealreg dd.dis_typ:lang(en) span {width:100%} #disp_psnlt:lang(en) span {width:50%} #sel_rsdc_sido_cd, #sel_rsdc_sigungu_nm {width: 49.25%;} /*마이매칭*/ div.mymatching-top-btn > button { font-size:.95em} div.mymatching-top ul > li {font-size:1em; padding:10px 8px} .signup_form dd input.m_wp60:lang(en) {width:64% !important;} .signup_form dd span.btnBc.blue:lang(en) {width:35%; } footer .top_footer .left {padding: 10px 0 10px 10px;font-size:.9em;} footer .top_footer .pl_null { font-size:1.15em} #disp_psnlt span {width: 50%} /* popup */ #txt_mail_val {width: 100% !important} /* about-us */ div.about-us-top > ul.tabs > li {padding: 0 8px; font-size: .9em} /* 성격검사 */ .fr.half:lang(ko) li:nth-child(1), .fr.half:lang(ko) li:nth-child(2) {width:24%} .swiper { margin-left: 0 !important; width: 370px;height: 330px;} } @media (max-width: 320px) { span.circle:last-child { display:none} div.main_event_area.man .fl_ban {margin-top:280px} div.eventbg > .evbg_h3 { font-size: 1.15em; padding-top: 8px;} }