/* 태블릿 세로 */ @media (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;} } /***** 모바일 사이즈 767px ******/ @media (max-width: 767px) { .pc {display:none} .mobile {display: block} .m_hide {display:none} br.m_show { display:inline-block} .pc_view {display:none} /* header */ div.headerwrap {position:relative;width:100%;margin:0 auto;padding:10px 0 4px 0;color:#fff;background:#ab0082; min-height: 50px;} div.header {position:relative;width:98%;margin:0 auto;padding:0;min-height: 50px;} 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:lang(ko) a {width:200px;height:34px;background:url('/images/couplenet-logo-w-kr.png') no-repeat left top;background-size:contain} div.header > div.mntop > div.center-title:lang(zh) a {width:200px;height:34px;background:url('/images/couplenet-logo-w-cn.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 {position: static;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: inline-flex;padding:0 5px 0 0;margin:0; height:auto;overflow:hidden;} div.header > div.mntop > div.right-btn > ul li span {display: none} div.header > div.mntop > div.right-btn > ul li.home {display: inline-block} 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 .lang_bg {display: none} div.header > div.mntop > div.right-btn > ul li.logout span {display:none !important} div.header > div.header-main {display:none} /* pc메뉴바 */ /* 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 .logo:lang(ko) img, div.nav-left-topbg .logo:lang(zh) img { width:140px } 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; 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(ja) { 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 div.navconfig img {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:54px; 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 15px} 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 {padding-left:15px; display:inline-block; padding-top:0; font-weight: bold; width: 80%} div.nav-left > ul > li span.nav {display: inline-block; width: 26px; height: 26px; 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;background-size: 100%} div.nav-left > ul > li span.nav.me {background:url('/images/icon-nav-me.png') 0 0 no-repeat;background-size: 100%} div.nav-left > ul > li span.nav.mm {background:url('/images/icon-nav-mm.png') 0 0 no-repeat;background-size: 100%} div.nav-left > ul > li span.nav.mp {background:url('/images/icon-nav-mp.png') 0 0 no-repeat;background-size: 100%} div.nav-left > ul > li span.nav.pe {background:url('/images/icon-nav-pe.png') 0 0 no-repeat;background-size: 100%} div.nav-left > ul > li span.nav.ug {background:url('/images/icon-nav-ug.png') 0 0 no-repeat;background-size: 100%} 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} /** 앱에서만 사용(푸시) **/ .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} div.containerwrap > div.container { padding: 0; width: 95%} .ban div.container { width:100% !important} .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} .story { padding-top: 0} .pd10.link_psnlt { padding: 20px 5px 10px 5px !important; } .topban { display:none} div.m-regist-notice div.modal-content {padding: 10px} div.m-regist-notice .pd_null { height: 8px} .notice_scroll { height: 180px; overflow-y: scroll} /** 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; padding: 0} .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} .us_info .mobile { text-align: left; font-size: 15px; border-top: 1px solid #bbb; margin-top: 15px; padding-top:10px} div.col-lg-3.nomobile {display:none} div.top_graybg.gray {padding:10px; } div.top_graybg h1 { letter-spacing:-0.06em; font-size: 1.6em; padding:6px 0;} /* 메인 이미지(202007) */ .container.mainimg { padding-bottom: 0; margin-bottom: 0 !important} .event_area { padding: 10px 0} .event_area.bg2 { padding-top:0} .new_match {padding:0} .new_match .float_l, .new_match .float_r { float:none; width: 100%;} .main_match.area1, .main_match.area2, .main_match.area3, .main_match.area4 { border-radius: 0} .bg_login {display:none} .mainban_list li iframe {height:95px} .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} /* 메인 리뉴얼(2024.07.18) */ div.ban { padding: 10px} .mainimg {padding: 0;border-top: none;} .mainimg div.container { width: 100% !important; padding:10px 10px 0 10px; background: none !important} .mainimg .fl {padding-left: 7px} .mainimg .fl.cp_cnt, .mainimg .fr.guide {padding:10px 5px; width: 100%} .mainimg .fl.cp_cnt {padding:20px} #mbanner_tt {display: none} #mbanner_tt:lang(ja) {display: block} .mainimg .info {padding-top: 0} .mainimg .info li {height: 70px; 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; padding-top: 5px } .mainimg .info li span.fee_txt:lang(ja) {letter-spacing: -0.08em} .mainimg .info li span.fee_txt strong {font-size: 1.05em !important} .total_area h1 {font-size: 1.5em; padding-bottom: 3px} .total_area h2 {font-size: 1.2em} .totalsum_txt span.num{ font-size: 2em; padding-right: 5px} .total_area .maintxt img {height: 33px} .main_loginbtn span {padding: 10px 25px; font-size: 1.3em; height: 46px} .main_loginbtn span:lang(ja), .main_loginbtn span:lang(en) {padding: 10px 25px; font-size: 1.15em} .mobile.link_psnlt {background: #f3f3f3; padding:15px 10px} .evt_area {padding: 0} .ban1991{padding: 15px 15px 0 15px} .ban_survey {padding: 0 15px} .ban_survey div.fl, .ban_survey div.fr {width: 100%;} .ban_survey div.fl {padding-bottom: 10px} .ban_survey div.fl img, .ban_survey div.fr img {width: 100%} /*.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} 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} /*설문 */ .modal.m-regist-survey {width: 100%} .new_match .event_area {padding: 15px 15px 0 15px} .survey { padding:15px; } .main_box { padding: 0 0 10px 0} #dv_survey .grid3 {width: 100%} #dv_survey .grid3 li:first-child {width: 100%; text-align: center} #dv_survey .grid3 li:first-child img {height:auto} #dv_survey .grid3 li:last-child { width:100%;font-size: 1.1em; padding:15px 0; line-height: 1.2em} #dv_survey .grid3 li:last-child strong {display: block; padding-bottom: 15px} .ytube_list.txt #dv_survey .grid3 li:last-child {display:block; padding: 15px; line-height: 1.3em} .ytube_list.txt #dv_survey .grid3 li:last-child strong{ padding-bottom: 10px} .survey_view_conts { border: 0; padding:3px; box-shadow:none} .survey_view {width: 100%} .survey_top_area {padding: 0} .survey_top_area .fl, .survey_top_area .fr {width: 100%} .survey_top_area .fl { padding: 20px} .survey_top_area .fr .fr_area {padding: 0 0 0 20px} .survey_top_area .fr h3, .survey_top_area .fr h4 {padding-left: 54px} .survey_top_area .fr h3 {font-size:2.4em} .survey-info li.icon {width:30px} .survey-info li {width: calc(100% - 40px)} .survey-item { display: block; padding:25px 15px} .survey-title, .score-box {width: 100% !important; clear: both;} .survey-title dt {width:35px } .survey-title dd {width:calc(100% - 40px)} .score-box { padding-top: 15px} .survey_view_conts .btn_area span {width: 100%} /* 셀프서칭 */ .container.self { padding:20px 10px 0 10px !important} /* 셀프서칭 서브페이지 **/ .top_graybg_self {padding-bottom: 10px} .top_graybg_self table { width:100%} .tab_search { display: none} .top_graybg_self .fl.floatleft35 {width: 100%;} .top_graybg_self .fl.floatleft65 {width: 100%; padding:0} .top_graybg_self .floatleft35 div.tt{display: none} .top_graybg_self .floatleft35 div.txt {width: 100%; float: left;font-size: 1.2em; text-align: left;padding:0 15px 15px 15px; color: #333; line-height: 1.5em} .top_graybg_self .floatleft35 div.txt strong {color:#ab0082 } .top_graybg_self .floatleft35 div.txt .setting {clear: both; padding-top: 15px; width: 100% !important; float: none !important; text-align: center} /*싱글서약서*/ .pd20.certificate {padding: 0 !important} .single_tt { padding: 40px 20px 0 20px} .single_tt h1.singlett {font-size: 1.7em; line-height: 1.1em; letter-spacing: -0.05em; } .single_txt .single_sign, .single_txt .single_sign:lang(en) { width:100%; padding: 20px 0} .single_txt .single_sign th {width:30%; font-size: 14px} .single_txt .single_sign td {width:70%; padding-top:5px ;font-size: 16px} .single_txt .single_sign.noline td{padding-top: 0} .single_txt .single_sign th:lang(en) {width:40%;} .single_txt .single_sign td:lang(en) {width:60%; } .single_txt { line-height:18pt; font-size:1em; margin-top:0; padding: 20px 30px} .single_txt .notice { padding: 0 0 20px 0} .single_txt .single_check { margin-top: 0} .pd20.certificate .pd20.tac {padding: 15px 0 20px 0 !important} .pd20.certificate button {width: 80%} /* 로그인 */ 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%;} .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;} 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} div.modal.bg{ padding: 5px} div.modal.bg h1.color-blue { padding: 10px 35px 0 10px; line-height: 1.4em} /*프로필비교*/ 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_b.jpg) top center repeat-y; background-size: 38px !important; background-color: #fff} 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: 9px 0 } dl.CompareProfile dl dd.al{width:43%; padding: 9px 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 만남신청 */ div.m-regist-meduim3.score { width: 95%} .modal-content dl.propose { padding: 15px} .modal-content dl.propose .photobox { float: left;width:100px; height: 100px} .modal-content dl.propose .info { float: left;width:calc(100%-120px); padding-left: 20px} .modal-content dl.propose div.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: 110px} .modal-content dl.propose > dt > div.profile-list { padding-bottom: 8px} .modal-content dl.propose dd p strong.tt { display: inline-block; width: 110px} #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} /*이용안내 */ .guide_top {padding: 0; background: none; padding-left: 10px} .guide_top h2 {font-size: 1.7em;padding: 20px 0 10px 0} .guide_top h3 {font-size: 1.2em} .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%} 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} .pd20.guide {padding: 10px !important} .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.item br {display: none} .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} .guide_tbbox.guide{padding: 10px; margin-top: 10px} .guide_tbbox.guide dl { padding: 16px 8px;} .guide_tbbox.guide dt, .guide_tbbox.guide dd {width: 100%; text-align: left} .guide_tbbox.guide dt {padding-bottom: 8px} .guide_txt {padding: 12px 8px 30px 8px} .guide_tbbox.guide span.fl {width: 100%} .guide_tbbox.guide span.fr {padding-top: 0} .service_2gird .floatleft {padding-right: 0} .services-certi.left { padding:10px } .services-certi.left .fl, .services-certi.left div.floatR {float: none; width: 100%; padding-top: 10px; height: auto; overflow: hidden} .services-certi.left div.floatR span {display: block; width: 100%; border: 1px solid #c6c1d3; border-radius: 15px;padding: 15px; height: auto;overflow: hidden; margin-bottom: 8px; background-position: top 20px right 15px} .services-certi.left div.floatR span img {width: 75%} .services-certi.left div.floatR span:lang(en) img, .services-certi.left div.floatR span:lang(ja) img {width: 90%} .process_line {margin-bottom: 0} .main_step li {width: 100% !important; height: auto !important} .service_2gird .accordion-container {padding: 0} .services_info_bg {padding: 10px} .services_info {padding: 20px 12px} /*이벤트*/ .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, .ytube_list.notxt li p.blog_photo img, .ytube_list.notxt li p.blog_photo img, .ytube_list.notxt li div.event_photo img {width:100%;height:100px} .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, .ytube_list.notxt li {float:left;width: 100%; list-style: none; padding: 6px} .ytube_list.sqaregrid li .blog_photo, .ytube_list.notxt li .blog_photo, .ytube_list.notxt div.event_photo, .ytube_list.sqaregrid .event_photo { width: 34%} .ytube_list.sqaregrid li p.item_tit, .ytube_list.notxt li p.item_tit, .ytube_list.notxt li div.contents, .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; line-height: 1.3em} 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){height: 60px !important; padding-top: 9px} .event_tab:lang(zh) li:nth-child(5), .event_tab:lang(zh) 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 {display: none; padding: 0} .event_tab div.fr .result_event_page { width: 100%; padding: 15px} .event_tab li.disp_evt_typ07 span, .event_tab li.disp_evt_typ{display: none} .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.1em; line-height: 1.2em} .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 {padding: 15px} .archive_view #btn_write .evt_banner img {width: 100%; max-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; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;} .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;} .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} /** 간편 회원가입 **/ .top_graybg.gray.signup {display: none} .signup_tip { width: 100%; background-size: auto 170px; background-position: top left -30px;padding:170px 0 0 0; } .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 0 10px;text-align: left;} .signup_tip .tip_item p.tt {font-size: .9em; line-height: 1.3em} .signup_tip .tip_item p.tt strong {display: block; padding-bottom: 8px} .signup_tip .stt_b { font-size: .95em} .signup_box { padding: 0 ; border: 0; border-radius: 0 } .signup_box .tt_m {border-radius: 16px; padding: 20px; border: 4px solid #d8c0e4; margin-bottom: 20px} .signup_box .tt_m .tt {padding: 0} .signup_box .tt h3 {font-size: 1.4em} .signup_box .tt h4 {line-height: 1.3em; font-size: 1.1em} .signup_box .tt.counsel h3 {line-height: 1.3em; font-size: 1.6em} .signup_box .tt.counsel {padding-bottom: 15px} .join_me {margin-left: 0; width: 100%; margin-bottom: 0; height: 40px} .join_me span {width: 50%;height: 40px} .signup_box .tt.counsel { background-position: top center; padding-top: 170px} .signup_box .txt_counsel {padding: 20px 0; text-align: left; font-size: 1.1em} .join_me span.on { border-bottom: 1px solid #8f8f8f} .signup_form {width:100%; margin:0 auto; padding:20px 0; border: none; border-radius: 0; border-top: 2px solid #000} .signup_form dl { border-bottom:none; background:none} .signup_form dl.lineok:last-child {border-bottom:2px solid #000 } .signup_form dt {clear:both; width:100%;padding:6px; margin-bottom:0; text-align:left; color: #555 } .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} .signup_box .tablewrap.mt20 {margin-top: 0 !important} .pb15.center { padding: 15px 0 5px 0 !important} .join.center {padding: 0} .join.center button { width: 100%} .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} #txt_rsdc_addr {margin-top: 0} .gender_typ, .rcp_typ, .poss_typ { width: 100%} .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(ja) {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} /* 프로필수정 */ .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:5px} .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; clear: both} .modal-content dl.propose > dd {padding-top: 15px} .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.title , div.tab-content > dl.list > dd.id {display:none} div.tab-content > dl.list > dd.name, div.tab-content > dl.list > dd.contents, div.tab-content > dl.list > dd.writedate {width:100%;text-align: left} div.tab-content > dl.list > dd.name {margin-top: 40px; text-align: left; font-weight: bold} div.tab-content > dl.list > dd.contents {margin-top: -55px; padding-left: 0; font-size: 1.15em;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } div.tab-content > dl.list > dd.del {text-align:right; margin-top: -35px;} div.tab-content > dl.list > dd.writedate span {display: inline-block} /* 쪽지 */ .modal-content ul.tabs li{height: 58px; line-height: 1.2em} .modal-content ul.tabs li.sendMsg {padding-top: 20px} div.tab-content > dl.list > dd {float:left;display:table-cell;width:100%;margin:0;padding:0} 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.btn {text-align:center} div.tab-content > dl.list > dd.nodata {text-align:center;line-height:250px} /* 풋터 */ footer .footer_right { width: 100%} footer .top_footer {padding:15px 0 0 10px} footer .footer-info address p { line-height:1.6em; padding-bottom:8px; font-size: 1.1em} footer .footer-info address .mobile {display: inline-block !important} 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:-0.006em} 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(ja) strong, .fl.global.au:lang(zh) strong, .fl.global.au:lang(tw) strong { width:auto} footer .top_footer .fl { padding:0 0 15px 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; } 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:20px 0} footer .footer_left.serv:lang(ja) { padding-bottom: 15px} footer .footer_left.serv:lang(ja) 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} footer .footer_left.serv.mobile .fl.global br {display: none} .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} footer .top_footer .fr.mobile { display: block; text-align: right} .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:0px; padding-bottom:15px} div.footer-navi li.only_kr.pc {display: none !important} .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(ja) > li {padding: 0 6px;} .mg30 .pd20 { padding: 0 !important} .round-border-box.mt20.pd20 { padding: 20px !important} h2.about-us { font-size: 1.3em;} h2.about-us .fr.pd6 { padding:8px 0; margin-top: 10px; width: 100% !important; border-top: 1px solid #bbb} 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 {width: 99% !important; height: auto !important; padding: 20px; border-radius: 16px; margin-bottom: 10px} ul.history li:last-child dl {padding-top: 0;padding-bottom: 10px} ul.history li dd.title {font-size: 1.2em} ul.history li span.tech br {display: none} ul.history li span ul {margin-left: 0; padding-bottom: 10px} ul.history li span.tech button.darkgray { margin-left: 30px} ul.history li:last-child dl, ul.history li:last-child div, ul.history li:last-child span {float: none; width: 100%; } ul.history li:last-child div.txt {padding-left: 0; } ul.history li:last-child span {margin-top: 0} /* 플로팅 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; padding: 8px 0; } div.purchase-order > dl > dd select {width: 100%} div.purchase-order > dl > dd.price span.desh { padding-top: 10px} div.purchase-order > dl > dd.price div {text-align: left; padding-top: 8px} .pay_info dt, .pay_info dd {width: 100%; float: none} .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 10px} .cor_area h2.cor { font-size:2em; line-height: 1.1em } .cor_area h2.cor:lang(ja) { font-size: 1.8em; line-height: 1.1em} .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.15em; width: 100%} .fl.press {display: none} .fr.press {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(ja), .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(ja) {height: 540px;} .cor_txt.etc{ padding:20px 0} .cor_char, .cor_ideal { padding:20px 0 } .char_no, .cor_ideal .cor_ideal_txt {padding: 20px 0} 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 (max-width: 480px) { 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} /** 메인 **/ .event_area .clear .fl, .event_area .clear .fr {width: 100%} .total_area h1:lang(ja) strong { display: block} .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} 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.wh30p, .floatright.wh68p {width: 100% !important; padding: 10px 0} .floatleft.wh30p.center img {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%;} /* 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;} /** 메인 **/ .fl.wh50p, .fr.wh50p {width: 100% !important} h2.maintt{ font-size: 1.7em; line-height: 1.05em; padding-top: 25px; padding-left: 8px} h2.maintt span.subtt { padding-left: 0; font-weight: normal; margin-top: -60px; margin-left: 0; display: none} .ytube_list.txt, .ytube_list.noimg {border-radius:0; border: none; padding: 15px 10px; margin-bottom: 0 } .ytube_list.txt.div_dv_board30 {background: linear-gradient( to bottom, #e5e7e2 0%, #ffffff 60%); background-color: #fff; padding-top: 0 } .ytube_list.txt.div_disp_outside{background: linear-gradient( to bottom, #ede4e0 0%, #ffffff 60%); background-color: #fff; padding-top: 0 } .ytube_list.txt li.eventlist, .ytube_list.txt li.list_blog { width: 50% ;} .ytube_list.txt.grid2 li.list_blog {width: 100%} .ytube_list.noimg.div_disp_outside{background: linear-gradient( to bottom, #ede4e0 0%, #ffffff 70%); background-color: #fff; padding-top: 0 } .ytube_list.noimg.div_disp_outside #disp_outside {padding-right: 15px} .ytube_list.div_dv_board30.div_dv_board30 h2.maintt, .ytube_list.txt.div_disp_outside h2.maintt, .ytube_list.noimg h2.maintt{display: none} .ytube_list.noimg li.eventlist { width: 100%; border-bottom: 1px solid #ddd; padding:5px 15px; color: #000 } .event_area.bg2 h2.maintt span.subtt {display: inline-block; margin-top: 0; line-height: 1.1em} h2.maintt span.fr { padding:0; 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} .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: 130px } .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.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;} /** 셀프서칭 사진사이즈 **/ .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(ja) {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; margin-top: 8px} 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;} .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; padding-bottom: 15px} 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%} footer .footer-info address {padding-bottom: 00} .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: 1.1em; padding-bottom: 8px} 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('/images/kr/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} .survey_txt h2 {line-height: 1.3em; padding-top: 15px;} .survey_txt h2 p {line-height: 1.2em; padding-bottom: 8px; margin-bottom: 8px} .survey_txt h2 .worldcoup_tt {font-size: .8em} .survey_txt h2 .worldcoup_txt, .survey_txt h2 .worldcoup_txt:lang(en) {font-size: 17px; line-height: 1.3em;} .survey_txt h2 strong {letter-spacing: -0.06em ; line-height: 1.2em} .survey_txt .fl, .survey_txt .fr {width: 100%; padding: 0} .survey_txt h3 p {font-size: 1.1em} .survey_txt .fl h3 strong {font-weight: normal} .survey_txt .fr { padding:10px 10px 15px 10px} .survey-info { text-align: left} .survey-info strong {display: block} .survey_list li {width: 99%; margin: 10px 0} .survey_list li .area2 {width: 35%; float: left} .survey_list li .area3 {width: 60%; float: right; padding-top: 20px} .survey_list li h3 {height: auto; font-size: 1.1em;} .survey_list li h4 { padding-top: 8px} .progress-wrap{flex-wrap: wrap;row-gap: 8px; padding-top: 10px} .progress-label{width: 100%;display: block;} .progress-count{white-space: nowrap;} .progress-bar{min-width: 80px;} .progress-percent{white-space: nowrap;} .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} dl.certify-doc > dd input[type="file"] {width:79% !important} .modal .hiddenbox span.btn, .modal .parent span.btn {margin-top: 6px} div.modal h1 { font-size: 1.4em} div.modal h1 div.txt {padding-top: 10px} div.m-regist-notice h1 {font-size: 1.2em; padding: 6px} 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.modal .info_txt { padding-left: 10px} div.modal .pink-border-box .fl, div.modal .pink-border-box .fr { width: 100%} div.modal .pink-border-box .fl { border-bottom: 1px solid #888; padding:0 0 15px 0; margin-bottom:15px} /* PR팝업 안내 */ div.modal-content .prinfo_tt { font-size: 1.3em} div.modal-content .prinfo_txt dt, div.modal-content .prinfo_txt dd, div.modal-content .prinfo_txt.service dl dt, div.modal-content .prinfo_txt.service dl dd {width: 100%; float: none} div.modal-content .prinfo_txt dt { padding-bottom: 15px} div.modal-content .prinfo_txt.service dl dt.null {display: none} div.modal-content .prinfo_tt p {font-size: .85em} /* 이용권 등록 */ #disp_basic span.txt {display: none} .modal-content #disp_basic .wh60p {width: 100% !important } /* 해외방문만남 */ div.containerwrap.nopadding > div.container.evt { width: 100%; padding: 0; margin: 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 (max-width: 377px) { .mainimg .fl.cp_cnt {padding:10px} .totalsum_txt .total { font-size: 1em} .totalsum_txt:lang(en) .fl, .totalsum_txt:lang(en) .fr {font-size:.85em } 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} .ytube_list.sqare3grid li.eventlist div.event_photo img, .ytube_list.sqare3grid.outside li.eventlist div.event_photo img {height: 120px } .ytube_list li img, .ytube_list2 li img, .ytube_list.grid2 li img, .ytube_list.notxt li p.blog_photo img, .ytube_list.sqaregrid li img, .ytube_list.sqaregrid li.eventlist div.event_photo img {height: 90px} .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 5px;font-size:.9em; letter-spacing: -0.05em} footer .top_footer .pl_null { font-size:1.07em} #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;} }