@import 'event.css';

/*
================================================================================
메인, 서브레이아웃
================================================================================
*/
#wrapper {position:relative;min-width:320px;width:100%;right:0}
#wrapper.main {background:#fff}

/* ---- 상단영역 ---- */
#header {position:relative;min-width:320px;width:100%;background:#FFF}
#wrapper.main #header {
	border-bottom:2px solid transparent;
	border-image: linear-gradient(to right, #fbab18 0%, #c9148d 100%);
   border-image-slice: 1;
}
#header .head_box {position:relative;margin:0 auto;padding-top:20px;max-width:1080px;min-height:130px;z-index:60}
#header .head_box .logo {display:inline-block; background:url('/images/logo.png') 0 40px no-repeat;width:247px; height:76px}
#header .globm {position:absolute;top:30px;right:0}
#header .globm li {position:relative;display:inline-block;padding:0 0 0 14px;font-family:'Open Sans', sans-serif}
#header .head_box .btnMenu {display:none; border-radius: 0}
#gnb {position:absolute;bottom:30px;right:0}
#gnb ul li {display:inline-block;margin-left:50px;font-size:1.4em}
#gnb ul li a{ cursor:pointer}
#gnb ul li:lang(en) {font-size:23px;margin-left:30px;text-transform: uppercase}
ul.globm .color-primary1{ color:#075D9C !important}
.sel_lang { border-radius:20px; border:1px solid #777; background: #fff; padding:0 10px}
.sel_lang select {border:none !important;font-size:.8em;padding:0;height:25px;color:#777; background:none !important}

li span.icon_memo { background:url('/images/icon_memo.png') 0 2px no-repeat; background-size:19px 21px ; padding-left:25px; display:inline-block}
li .link_matching span.new{display:inline-block; background:#e3661a; padding:0 3px; height:20px; margin:3px; color:#fff; font-size:.6em; font-variant:normal; vertical-align:top; line-height:1em; padding-top:2px}
.mbMenuWrap {display:none}

.main_event { background:#f0f6f8; text-align:center;margin:20px auto 0 auto; height:auto; overflow:hidden; width:85%; padding:20px 0}
.main_event img {width:55%}
.main_event .main_btn {vertical-align:bottom; margin-left:-20px; margin-bottom:15px;background-image: linear-gradient(
90deg, #1e65db 0%, #20a3cf 100%); padding:10px 20px}

/* 오른쪽 붙박이 배너 */
.right-bnn {position:absolute;display:inline-block;top:480px;right:0px;width:130px;padding:0;text-align:center;z-index:33}
.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:200px;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}

/* ---- 중간영역 ---- */
#container {
background:#fff;background-image:linear-gradient(90deg, #f2ebe4 0%, #f5d0eb 100%);background-repeat: no-repeat;
	background-position:top right;background-size:100% 80px;
}

.main_area #container {background:#fff;background-image:none}
.main_random {width:100%;margin:0 auto;background:#ecdbc9; text-align:center; padding: 25px 0 20px 0}
.mainban { padding: 25px 10px; text-align: center}
   
.topgray {
	background-image:linear-gradient(90deg, #ebebeb 0%, #fff 50%, #ebebeb 100%) !important;background-repeat: no-repeat !important;
	background-position:top right;background-size:100% 100px !important;
}
#container #content{position:relative;margin:0 auto;max-width:1080px; padding:20px 0; height:auto; overflow:hidden; }
#container #content::after {display:block;clear:both;content:''}
#container .subtop #content {padding-bottom: 5px}
.main_area #container #content { padding:30px 10px}
.subtop {background-image: linear-gradient(90deg, #f2ebe4 0%, #f5d0eb 100%);    background-repeat: no-repeat;  background-position: top right; height:auto; overflow:hidden; padding:20px 0 20px 0 ; }

h1.title {margin:20px 0 25px; padding-left:0;font-size:2.2em; font-weight:normal; color:#000;text-align:center; width:100%; letter-spacing: -0.02em; }

/* intro */
#container_line {background:#fff;background-image:linear-gradient(90deg, #fbab18 0%, #c9148d 100%);background-repeat: no-repeat;
	background-position:top right;background-size:100% 4px;}
#container_line  #content {position:relative;margin:0 auto;max-width:1000px; height:auto; overflow:hidden}
.intro_bg {margin:0 auto;background:url('/images/intro_bg.jpg') bottom 30px center no-repeat; height:auto; overflow:hidden }
.intro { background:url('/images/intro_ceo.png') bottom left no-repeat; height:auto; overflow:hidden}
.intro .fl p { position:absolute; bottom:15px; font-size:1.3em; text-align:left; color:#fff ; padding-left:14%}
.intro .fr {height:auto; overflow:hidden; padding:50px 0; width:63%}
.intro .fr h2 {font-size:1.6em; padding:20px 0; line-height:1.4em}
.intro .fr h3 {font-size:1.25em; padding:20px 0 40px 0; line-height:1.5em; font-weight:normal}
.intro .fr div {text-align:center}
.intro .fr p.point {color:#d4398c}
.intogo{ display:inline-block;background: linear-gradient(90deg, #fbab18 0%, #c9148d 100%);color:white;
	text-align:center; padding:15px 40px; font-weight:700;font-size:1.2em;line-height:1em; border-radius:20px
}


.topgray  h1.title { margin-bottom:15px; padding-top:25px}
.mymc h1.title {margin-top:35px; margin-bottom:20px}
.breadcrumb { text-align:right; color:#777; font-size:13px; padding-bottom:30px}
.breadcrumb a { color:#777}

/**h1.title {margin-bottom:40px;padding-left:30px;font-size:30px;font-weight:normal;background:url('/images/ic_h1.png') no-repeat left center}**/
li.dot {background:url('/images/dot.png') 10px 13px no-repeat; padding-left:25px}
p.dot2 {background:url('/images/dot.png') 10px 10px no-repeat; padding-left:25px; padding-bottom:3px}
p.dot-desh {background:url('/images/dot-desh.png') 0 10px no-repeat; padding-left:15px; padding-bottom:3px}

.brno {color:#707070}
.brno br {display:none; padding-bottom:0; }


/* ---- 하단영역 ---- */
#footer {clear:both;padding:30px 0;width:100%;background:#4e4e4e;color:#fff;overflow:hidden}
#footer #fmenu {position:relative;margin:0 auto;width:100%;max-width:1080px}
#footer #fmenu .fl {width: 70%}
#footer #fmenu #fcopy { float:left}
#footer #fmenu #fban { float:right}
div.ban_link { border:1px solid #719fbc; padding:10px}
#footer #fmenu .fmenu {display:block; margin-bottom:20px; height:auto; overflow:hidden}
#footer #fmenu .fmenu li {position:relative;float:left; font-size:1em;line-height:1.8em;color:#000;font-weight:500}
#footer #fmenu .fmenu li:after {content:'|';font-size:.8em; margin:0 10px; color: #BFBFBF;}
#footer #fmenu .fmenu li:last-child:after{content:''}
/*#footer #fmenu .fmenu li::before {position:absolute;top:50%;left:0;margin-top:-8px;width:1px;height:16px;content:'';background:#000}
#footer #fmenu .fmenu li:first-child::before {display:none}*/
#footer a {color:#fff}

#footer div.sns {width:100%;overflow:hidden; padding-bottom:10px}
#footer div.sns > ul {width:100%;text-align:center;overflow:hidden}
#footer div.sns > ul li {display: inline-block; padding-right:10px}
#footer div.sns > ul li:hover {opacity:.6}
#footer div.sns > ul li img {width:34px}
#footer div.sns:lang(en), #footer div.sns:lang(zh) {display: none}

div.inquiry p { background:#000000; border-radius:20px; padding:8px 20px; color:#fff; margin-bottom:8px}
div.inquiry p span {padding-right:5px}

address {clear:both;font-size:.95em;color:#fff;line-height:2em;}
address:lang(kr){font-weight:700}
address p {position:relative;display:block;line-height:1.8em; }
address span:first-child::before {display:none}
address small {display:block;margin-top:0px;font-size:16px;line-height:1.5em}

.line-desh { display:inline-block}
.line-desh:after { content:'l'; font-size:1em; margin:0 5px; color:#777; padding-left:5px;display:inline-block}

.bottom_ban { padding-top:15px;clear:both;}
.bottom_ban .fl {width:340px; height:90px; margin:0;color:#fff; padding-top:15px;text-align:center; font-size:1.2em; margin-right:10px}
.bottom_ban .fl p {text-align:center;}
.bottom_ban .fl.email {background:url('/images/bottom_bg01.jpg') 0 0 no-repeat; background-size:cover; text-align:center; }
.bottom_ban .fl.memo {background:url('/images/bottom_bg02.jpg') 0 0 no-repeat; background-size:cover;  text-align:center;}
.bottom_ban 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; text-align:center;}
 p.link_btn {display:inline-block; margin-top:5px; border-radius:10px;  padding:3px 40px 5px 40px; background-image:url('/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_ban .fl.email p.txt_tt {font-size:1.3em;text-align:center;}

/** 캐나다 비자신청 연락처 */
.footer_tel {border-top: 1px solid #bbb; padding:20px; font-size: 1.2em; height: auto; overflow: hidden; vertical-align: top}
.footer_tel .fl.txt {font-size: 1.8em; font-weight: bold;letter-spacing: -0.06em; padding-right: 60px}
.footer_tel .fl.pr40 { padding-right: 60px}
.footer_tel .wechat_area li {float: left}
.footer_tel .wechat_area img{width: 85px;  display: inline-block; padding-left:5px}
.catalk {
	display: inline-block;width: 20px; height: 20px; margin: 3px 6px 3px 1px; padding: 0; vertical-align: middle;
   background: url(https://couple.net/images/main_catalk.png) top left no-repeat; background-size: contain;
}
.catalk_plus {
	display: inline-block;width: 20px; height: 20px; margin: 3px 6px 3px 1px; padding: 0; vertical-align: middle;
   background: url(https://couple.net/images/main_catalk_plus.png) top left no-repeat; background-size: contain;
}
.mail {
	display: inline-block;width: 20px; height: 20px; margin: 3px 6px 3px 1px; padding: 0; vertical-align: middle;
   background: url(https://couple.net/images/icon_mail.png) top left no-repeat; background-size: contain;
}
.whats {
	display: inline-block;width: 20px; height: 20px; margin: 3px 6px 3px 1px; padding: 0; vertical-align: middle;
   background: url(https://couple.net/images/main_whatapp.png) top left no-repeat; background-size: contain;
}
.tel {
	display: inline-block;width: 20px; height: 20px; margin: 3px 6px 3px 1px; padding: 0; vertical-align: middle;
   background: url(https://couple.net/images/icon_tel.png) top left no-repeat; background-size: contain;
}

.wechat {
	display: inline-block;width: 20px; height: 20px; margin: 3px 6px 3px 1px; padding: 0; vertical-align: top;
   background: url(https://couple.net/images/main_wechat2.png) top left no-repeat; background-size: contain;
}
.lineapp {
	display: inline-block;width: 20px; height: 20px; margin: 3px 6px 3px 1px; padding: 0; vertical-align: top;
   background: url(https://couple.net/images/main_line.png) top left no-repeat; background-size: contain;
}

/* 프로필등록 */
/* 회원약관-개인정보처리방침 */
.iframe_box_area {width:100%;height:auto; overflow:hidden; margin-bottom:10px; border:1px solid #ddd; padding:15px; font-size:.9em }
.iframe_box {width:100%; height:200px; clear:both;}
div.agree_area { padding:0;font-size:.85em; line-height:1.9em; padding:15px}
h1.agree {font-size:1.2em;color:#1965C0;font-weight:bold;border-bottom:0px solid #d4d3d4}
div.agree_area h2 { font-size: 1.6em}
div.acc-container {width:100%;margin:20px auto;color:#333; letter-spacing:0.5px; font-size:1.1em}
div.acc-btn {width:100%;margin:0 auto;padding:10px;border-top:1px solid #d4d3d3;background-color:#f5f5f5;cursor:pointer}
div.acc-btn h2 {font-size:1em;}
div.acc-content {height:0px;width:100%;margin:0 auto;overflow:hidden;}
div.acc-content-inner {padding:10px; line-height:1.6em;letter-spacing:0em !important;}
div.acc-content-inner > ul {margin:10px 0 15px 30px}
div.acc-content-inner > ol {margin:10px 0 0 20px;list-style-type:upper-alpha;}
div.acc-content-inner > ul > li {margin-bottom:4px;list-style-type:disc;}
div.acc-content-inner > ol > li {margin-bottom:4px;list-style-type:lower-alpha;}
div.acc-content-inner > ol > li > ul {margin:10px 0 0 0px}
div.acc-content-inner > ol > li p { padding-top:4px}
div.acc-content-inner > ul > li > ul > li {list-style-type:disc;font-weight:normal; margin-left:20px}
div.acc-content-inner > ol > li > ul > li {list-style-type:disc;font-weight:normal; margin-left:20px}
div.acc-content-inner p.bold { font-weight:bold}
p.agree_term { clear:both; height:auto; overflow:hidden}
.icon_box {
    border: 1px solid #ddd;
    background: #FFF;
    padding: 3px 8px; margin-left:8px
}
.agree_chk_area { text-align:right;font-size:.9em; padding-right:5px}

div.open {height:auto}
h2 {font-weight:bold;font-size:1em;line-height:16px}
h2 > .selected {color:#2895ce}

.color-red { color:#E30408}
.color-green {color:#E30408; font-weight:bold}
.color-blue { color:#0C4FEB}

/** 프로필등록 폼 **/
.signup_info {  border-bottom:2px solid #96006b; height:auto; overflow:hidden; padding:10px 0 0 8px}
.signup_info .subtt { font-size:1.2em; font-weight:bold; color:#000; background:url('/images/icon_i2.png') left 16px no-repeat; padding-left:16px; text-align:left;padding-top: 8px;}
.signup_form dl{ clear:both; border-bottom:1px solid #ddd; padding:8px 0; height:auto; overflow:hidden;  }
.signup_form dt, .signup_form dd {float:left}
.signup_form dt {width:22%; color: #000;font-weight:bold; padding:8px 15px 8px 20px;}
.signup_form dd {width:78%;}
.signup_form dl.lineno {border-bottom:none}
#disp_schInfo dt {width:100% !important; color:#000; text-align:left; }
#disp_schInfo dd {width:100% !important}
.btnBc.pink { padding:0}
.btnBc.pink span { display:inline-block; padding:6px 10px; color:#fff; border-radius:6px; font-size: 1em; font-weight: normal}
.btnBc.pink span.btn_auth { background: #5a98de;}
.btnBc.pink span.doc {font-size:1em; background-color:#000; color:#fff; letter-spacing:0; margin:0; border:none}
.btnBc.pink span:hover { background:#000}

.signup_form.popup { background: #ebece6; border: none; padding: 10px;clear:both;height:auto; overflow:hidden; margin-bottom: 15px}
.signup_form.popup dt {width:25%; text-align: right;}
.signup_form.popup dd {width:75%; padding-left:8px; }
.signup_form dd input[type="text"], .signup_form dd input[type="password"] {width:30%}
.signup_form dd input.wp60 {width:40% !important}
.signup_form dd input.wp80 {width:50% !important}
.signup_form dd input.wp100{width:100% !important}
.txt_col3 {color:#ab0082 }
#disp_schInfo .color-blue { color:#96006b}
#disp_schInfo dt{ padding-left:0}

/* 비회원 신청 */
.modal-content .signup_form dt {width: 24%; padding-left: 0}
.modal-content .signup_form dd {width: 76%}

.profile {position:relative;}
.profile::after {display:block;clear:both;content:''}
.profile .infor {position:absolute;top:0;left:0;padding:20px;width:270px}
.profile .infor .photo {margin-bottom:10px}
.profile table {width:100%;border:0;border-bottom:1px solid  #d8d8d8;}
.profile table tbody th {padding:8px 15px;width:190px;font-weight:normal;background:#d6e6ea;border-top:1px solid #d8d8d8}
.profile table tbody td {padding:8px;border-top:1px solid #d8d8d8; text-align: left}
.profile .tit {position:absolute;top:0;left:0;padding:70px 10px 0;width:270px;text-align:center}
.profile .tit span {display:block}
.profile span.snsAdd {display:inline-block;width:30px;height:30px;vertical-align:middle;background:url('/images/ic_snsadd.png') 6px center no-repeat; background-size:20px; cursor:pointer}
.profile span.snsMinus {display:inline-block;width:30px;height:30px;vertical-align:middle;background:url('/images/ic_snsminus.png') 6px center no-repeat;background-size:20px;cursor:pointer}

p.ptb20 { padding-bottom:10px; color: #000; font-weight:bold; line-height:1.3em}
p.ptb20.nopb {padding-bottom:0}
#disp_nickChk { display:block}

/** 대학교정보 **/
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete {
    border: 1px solid #8ec6d2;
    background: #d7f1f6;
    width: 300px !important;
    height: 300px;
    padding: 10px;
    overflow-y: auto;
    cursor: hands;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete:lang(en) { width:450px}

span.nm1btn {display:inline-block; padding-right:6px}

span.nm1:lang(en) {width:20% !important; display:inline-block}
span.nm1:lang(en) input[type="text"]{width:100%}
#sel_schl_crr_typ1:lang(en), #sel_grdt_st_typ1:lang(en) {width:18%}


/* ABOUT US - 회원약관 */
table.term {width:100%;margin:auto;border-top:1px solid #d4d3d3;border-right:1px solid #d4d3d3; margin-top:15px; margin-bottom:15px}
table.term tr {}
table.term th {padding:5px;background:#eee;font-weight:bold;text-align:center;border-bottom:1px solid #d4d3d3;font-size:14px;}
table.term td {width:50%;padding:5px;border-bottom:1px solid #d4d3d3;border-left:1px solid #d4d3d3;font-size:14px; vertical-align:top}

/** 고객센터 **/
.bg_pay {background:url('/images/bg_pay.jpg') 0 0 no-repeat; background-size:cover; width:100%; padding:30px; height:173px; overflow:hidden; margin-bottom:50px}
.txt_pay {padding-top:30px;font-weight:bold; line-height:1.6em}
.btn_pay {padding-top:20px}
.div_area { width:100%; padding:10px; overflow-y:scroll}

/* 회사소개 */
.corp_top { background:url('/images/corp_topbg.jpg') no-repeat top center; width:100%; height:583px}
.corp_top .corp_txt_area {padding: 15% 10% 0 48%; }
.corp_top .corp_txt_area:lang(en) {padding: 15% 7% 0 46%; }
.corp_top .corp_txt_area .corp_txt {font-size:1.3em;letter-spacing:-0.08em; line-height:1.7em}
.corp_top .corp_txt_area .corp_txt span {color:#d54a78;font-weight:bold;}
.corp_conts { text-align:center; padding-bottom:30px; clear: both; height: auto; overflow: hidden}
.corp_conts h2 { font-size:2.6em; clear:both; font-weight:bold; display:inline-block; border-bottom:2px solid #d44879; color:#d44879; margin-top:50px} 
.corp_conts .clear { padding-bottom:40px}
.corp_conts .clear span { width:48%;display:inline-block;}
.corp_conts .clear .pl30 {  text-align:left}
.corp_citxt { padding:30px 0; font-size:1.2em; font-weight:bold; color:#828384; line-height: 1.6em}
.corp_citxt span {color:#d44879;}
.corp_ai { padding-top: 80px}
.corp_ai span:lang(en) { letter-spacing: -0.05em}
.corp_ai .corp_sunoo { font-size: 2em; font-weight: bold; color:#000; border-top: 5px solid #ee2e52; padding-top: 8px; margin-right: 10px}
.corp_ai .corp_sunoo:lang(en) { letter-spacing: -0.07em}
.corp_ai .corp_by:lang(jp) { display: block}

/** 404 에러 **/
div.tablewrap {margin:0 auto;padding:0;overflow:hidden; text-align:center;display: block; }
div.tablewrap.tac{text-align:center !important;margin:50px auto; line-height:1.8em;}
div.tablewrap.tac p.logo {text-align:center !important; border-bottom:1px solid #DDD; padding-bottom:15px}
div.tablewrap.tac p {text-align:center}
div.tablewrap.tac .mt30 {margin:30px auto;display: inline-table}
div.tablewrap.tac .mt30 h2 { line-height:2em; margin:15px 0}
div.tablewrap.tac .mt30 h2 a { background:#777; color:#FFF; padding:6px 20px; border-radius:8px}
h1.color-blue { font-size:1.4em;color:#2895ce !important; margin-bottom:15px} /*5f7bc4*/
.color-line {color: #ac0082 !important}
p.copyright { border-top:1px solid #DDD; padding-top:10px}

/* 셀프서칭 */
.self_search { display:none}
.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;
 padding-right: 5px;
 padding-left: 5px;
 float:left; margin-bottom:20px;
}
/* 팀매칭 */
.team_mem_show .col-lg-4 { width:24%; margin-right:1.3%}
.team_mem_show .col-lg-4:last-child {margin-right:0}
.team_mem_show .col-lg-4 div.photo { height:200px; overflow:hidden}
.team_man { margin-top:-194px; margin-left:6px}
.team_man span { display:inline-block; border-radius:4px; background:#000; color:#fff; padding:2px 4px}

.box_style_self{
	margin:0; -webkit-border-radius: 4px; -moz-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;
}
.txt_item { padding:10px 10px; min-width:90%;white-space: nowrap; letter-spacing:-1px; box-sizing:border-box; overflow:hidden}
.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%;}	  
.image-wrap-circle {width:120px; height:auto; vertical-align:middle}
.tit_id { color:#1259b9; font-size:16px; font-weight:bold; clear:both}
span.age:after, span.region:after {content:'|';padding:0 4px; color:#CDCDCD}

.box_style_self .area {position: absolute;top: 20px;right: 10px;color: #8111c8;width:100%}
.col-lg-4 .tooltip {right: 10px;position: absolute;}

.tooltip .tooltiptext-myprofile.area {
background-color: rgba(0, 0, 0, 0.6);
color: #FFF;text-align: left;top: 25px;right: 0;line-height: 1.6em;width: 300px;
}
.tooltip .tooltiptext-myprofile.area ul {  clear: both;}
.tooltip .tooltiptext-myprofile.area li { float: left;}
.area_data { border-bottom:1px solid #E3E3E3; height:auto; overflow:hidden; padding:8px 0}

.btn_area .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;height: 32px;line-height:2em;letter-spacing:0px;white-space: nowrap;
	border: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	background: gradient(linear, 0% 60%, 60% 100%, from(#1259b9), to(#0f4185));
	background: -o-gradient(linear, 0% 60%, 60% 100%, from(#1259b9), to(#0f4185));
	background: -ms-gradient(linear, 0% 60%, 60% 100%, from(#1259b9), to(#0f4185));
	background: -moz-gradient(linear, 0% 60%, 60% 100%, from(#1259b9), to(#0f4185));
	background: -webkit-gradient(linear, 0% 60%, 60% 100%, from(#1259b9), to(#0f4185));
}

.white-box { border:1px solid #ddd; padding:15px 20px;}
.white-box .fl { width:50% !important; border-right:1px solid #ddd}
.white-box .fr { width:47%}
.white-box .fr li { line-height:1.5em !important; margin-bottom:10px}
.save_form dl { clear:both; border-bottom:1px solid #ddd; padding:10px 0; height:auto; overflow:hidden}
.save_form dt {float:left; color:#7252ba; font-weight:bold; width:20%; text-align:center}
.save_form dd {float:left; width:80%}
.save_form dd p { line-height:140%}
.save_form input[type="text"], .save_form select { height:32px; padding:6px}
.save_form img {vertical-align:middle}
.save_form input[type="text"] { width:200px }
.save_form input.wh80 { width: 150px !important; margin-right: 3px;}
.save_form p.main_save {text-align: center; margin:20px auto 0;}
.save_form p.main_save button {background: #6950a0; padding:10px 40px;font-size:1.2em !important }
.save_form p.main_save a {color: #FFF;}
.txt_save { padding-top:10px}



/*
================================================================================
메인콘텐츠
================================================================================
*/
.main #container {}

/* 2024 리뉴얼 */
.main_topbg { height:auto; overflow:hidden;padding:30px 0;vertical-align:bottom}
.main_topbg.gray { background: #f1f1f1;}
.main_topbg.beigy { background: #f2efe9;}
.main_topbg2024 {background:#ecdbc9; overflow:hidden;  padding-top: 30px; }
.main_topbg2024 span { display: inline-block; width: 49%; text-align: center}
.main_tt { clear: both; height: auto; overflow: hidden; width :100%; padding:0 10px}
.main_tt span.fr {color:#e16460; font-weight:bold; border-bottom: 1px solid #e16460; padding-top: 15px}
.main_tt span.fr a {color:#e16460;}
.main_tt h2 { display: block; text-align: center;font-size: 2em;letter-spacing: -0.03em; font-weight: bold; padding-bottom: 20px}
.main_tt h3 { float: left; font-size: 1.6em; padding: 12px 0 10px 10px; letter-spacing: -0.04em; font-weight: normal}

.main_tt2 { text-align: left; padding:0 0 0 30px; } 
.main_tt2 h2 {font-size: 2em; padding-bottom: 5px; letter-spacing: -0.05em !important; float: left}
.main_tt2 span { display: inline-block;  font-size: 1.4em; padding:12px 0 0 15px}
.main_tt2 .fl p { display: inline-block; font-size: 1.2em; font-weight: bold; color:#84807f; line-height: 1em }
.main_random .fr.main_ban100 {padding:0 ; width: 37%; border-radius: 20px; height: 40px; text-align: right; cursor: pointer}
.main_random .fr.main_ban100:hover {opacity: 0.7}
.main_random .fr.main_ban100 span { display: inline-block; font-size: 16px !important; padding-right: 10px}
.main_random .fr.main_ban100:lang(ko) { background: url('/oneP/images/100m_title_kr.png') top -20px left 20px no-repeat; background-size:75%; background-color:#b8c1e3; }
.main_random .fr.main_ban100:lang(en) { background: url('/oneP/images/100m_title_en.png') top -18px left 20px no-repeat; background-size:75%; background-color:#b8c1e3; }
.main_random .fr.main_ban100:lang(zh) { background: url('/oneP/images/100m_title_cn.png') top -18px left 20px no-repeat; background-size:75%; background-color:#b8c1e3; }
.main_random .fr.main_ban100:lang(jp) { background: url('/oneP/images/100m_title_jp.png') top -16px left 20px no-repeat; background-size:70%; background-color:#b8c1e3; }

span.main_btn {  display: inline-block; background:  #954633; color: #fff;  font-size: 1.3em; font-weight: bold;padding:14px 20px; border-radius: 16px; }
span.main_btn:hover{background: #4D1112}
.grid3 { float: left; width: 33.3%; padding:0 10px; text-align: center}
.grid2 { float: left; width: 50%; padding:0 10px; text-align: center}

.tt_2dep { padding: 25px; display: none}
.fl.regtxt {text-align: left; padding-left: 20px; padding-top: 20px; width: 53%;  }
.fl.regtxt:lang(en) {padding-top: 10px; }
.fl.regtxt h3 {color: #e95302;padding-bottom: 10px;line-height: 1.3em; font-size: 1.2em}
.fl.regtxt h3 a {color: #e95302;}
.fl.regtxt p {line-height: 1.1em;}
.fl.regtxt .btn { padding-top: 10px}
.fl.regtxt .btn button {border: 2px solid #e95302; color: #e95302; background:#ede9e2; border-radius: 6px }

/** 메인 유투브 추가 **/
#main_event {padding: 30px  0}

#main_event .container { margin: 0 auto}
.ytube_list, .ytube_list2 {max-width:1080px; margin:20px auto 0 auto; height:auto; overflow:hidden; clear: both}
.ytube_list li, .ytube_list2 li { float:left; width:25%; padding:0 10px 25px 10px; list-style:none; border-radius:10px;}
.ytube_list li img, .ytube_list2 li img {width:100%;height:150px; border:1px solid #bbb}
.ytube_list li iframe, .ytube_list2 li iframe {width:100%; height:140px}
.ytube_list li iframe.ytubeview {width:600px; height:338px}
.ytube_list li p.tit_ytube, .ytube_list2 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;}
.main_topbg .list_blog p.item_tit { display: none}

/* 메인 비자신청 */
.ban_visa { height: auto; overflow: hidden;}
.ban_visa.line { border-top: 1px solid #bfbfbf; border-bottom: none; margin-bottom: 0}
.visaban {  height: auto; overflow: hidden;padding-bottom: 30px}
.visaban li { float: left; width:33.33%; text-align: center; padding: 10px 0}
.visa_ban {height: auto; overflow: hidden;padding-bottom:25px}
.visa_ban li { float: left; width:48%; margin:0 1% 10px 1%; background: url(/images/main/arrow.png) no-repeat; background-position:  right 20px top 32px; background-color: #f3e9dd; border-radius: 10px; padding: 12px 25px 12px 50px; font-size:1.8em; font-weight: bold}
.visa_ban li img {margin-right: 30px}

.visa_ban_abroad li { float: left; width:48%; margin:0 1% 10px 1%; background-color: #eee4ed; border-radius: 10px; padding: 2px 25px;  font-size: 1.1em}
.visa_ban_abroad li h4 { font-size: 1.4em;font-weight: bold}
.main_ban { padding:0 ; height: auto; overflow: hidden}
.main_ban span { cursor: pointer}
.main_ban span:hover {opacity: 0.8}

/** 프로포즈게시 추가 2024.0305 **/
div.top_graybg.gray {
    background: #f5f5f5;
    padding: 35px 0;
    background-image: linear-gradient(90deg, #f2ebe4 0%, #f5d0eb 100%);
    background-repeat: no-repeat;
    background-position: top right;
    text-align: center; height: auto; overflow: hidden; margin-bottom: 15px
}
div.top_graybg.gray h1 { font-weight: normal;font-size: 2em;}
.containerwrap { height:auto; overflow:hidden}
.container { width: 1080px;max-width: 100%; margin:0 auto 40px auto;height:auto; overflow:hidden }
.container.mt30 { margin-top: 0 !important}
.container .breadcrumb { margin-bottom: 20px}
.container button { font-size: .9em;}

.archive_list { height:auto; overflow:hidden;margin-bottom:30px}
.archive_list.main{ border-bottom:none}
.archive_list .list_blog {float:left; width:25%; padding:10px;}
.archive_list .list_blog p.blog_photo {width: 240px; height:135px;position:relative; display:inline-block; overflow:hidden;vertical-align:middle;border:1px solid #ddd;   margin-bottom:10px}
.archive_list .list_blog p.blog_photo img {max-width:100%;vertical-align:middle; }
.archive_list .list_blog p.item_tit {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.3em;}

.archive_list li, .archive_list2 li, .archive_list3 li {list-style:none}
.list_item_txt {float:right;}
p.blog_data { color: #777; margin-bottom: 0;}
	

/*타이틀*/
.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;}

.board_content {border-top: 1px solid #B6B6B6 }
dl.forum-title, dl.forum-list  {clear: both; width: 100%; height: auto; overflow: hidden;}
dl.forum-title { background: #f9f9f9; padding: 8px}
dl.forum-title dd, dl.forum-title dt, dl.forum-list dd, dl.forum-list dt { float: left}
dl.forum-title dd.no, dl.forum-list dd.no { width: 9%; text-align: center}
dl.forum-title dt.title_wide, dl.forum-list dt.title_wide { width: 75%; }
dl.forum-title dd.date, dl.forum-list dd.date { width: 16%; text-align: center}

/** 보기 **/
.archive_view { padding:30px; border:1px solid #ddd}
.archive_view_tit h2 { font-size:1.4em}
.archive_view_tit .archive_view_info{ float:left;}
.archive_view_tit .share_area, .snsdiv { display: none;}
.archive_view dd, .archive_view dd p {font-size:1.1em;line-height:1.8em;}
.archive_view dd img { text-align:center; margin:0 auto}
.archive_view_tit {border-bottom:1px solid  #ddd; padding-bottom:8px; margin-bottom:0; height:auto; overflow:hidden; padding-top: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;}
.archive_view dd { padding-top: 20px}

.hashtag { color:#777; font-size:.9em; margin-top:20px}
.hashtag span {background: #E7E7E7; color:#6B6B6B; padding:2px 5px; display:inline-block; margin:3px}

.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');}

/* 설문*/
.survey {height: auto; overflow: hidden; padding:10px}
#dv_survey .grid3 {width: 50%; padding: 0}
#dv_survey .grid3 li {float: left}
#dv_survey .grid3 li:first-child { width: 25%}
#dv_survey .grid3 li:first-child img { border-radius: 8px}
#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 }
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}

/******************/

.main_search { margin-top:-100px; padding-bottom:80px}

h1.tit_main { display:none;color:#000;  font-size:2.6em; line-height:1.3em;letter-spacing:-1px;}
h1.tit_main:lang(en) { font-size:2.1em; line-height:1.2em;}
h1.tit_main:lang(zh) { font-size:2.4em; line-height:1.2em; }

h2.col {
 background-image: linear-gradient(#c9148d,#ac0082);
 background-repeat: no-repeat;
 background-size: 100px 1px, calc(0% - 4px) 100%;
 background-position: bottom center; padding-bottom:15px;
 font-size:2.5em;color: #c9148d; line-height:1.3em;letter-spacing:-1px;  position:relative; font-weight:bold; }

h2.col:lang(en) {font-size:2.4em; line-height:1.4em; }
h2.col:lang(zh) {color: #fbab18;
 background-image: linear-gradient(#fbab18,#fbab18);
 background-repeat: no-repeat;
 background-size: 100px 1px, calc(0% - 4px) 100%;
 background-position: bottom center; }

h2.stit_top {font-size:1.9em; line-height:1.2em;letter-spacing:-1px}
h2.stit {color:#444;  font-size:1.5em; line-height:1.5em;text-shadow: 1px 1px 1px #fff; padding-top:30px; letter-spacing:-1px}
h2.stit:lang(en) { font-size:1.4em; font-weight:500; color:#000}
h2.stit:lang(zh) { color:#fff;text-shadow: 1px 1px 1px #000;}
p.tit_main_small {font-size:2.4em;color:#fffe9e;text-shadow: 1px 1px 1px rgba(0,0,0,1); text-align:center}
p.tit_main_small:lang(en) {font-size:2.1em;}

/* 일정등록(메인) */
.titarea_main {padding:30px 0 10px 0; text-align:center; }
.mConBox { 
   clear:both; width:100%; height:100%; overflow: hidden;
    border: 6px solid transparent;
    border-radius: 60px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #fbab18 0%,  #c9148d  100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.subtop .mConBox {background: none; background: #fff}
.subtop .mConBox.my{ border-radius: 40px; box-shadow:0 2px 4px #c1c1c1; }
.mCon2 { margin-bottom:0;font-size:1em;padding:30px;height:100%; overflow:hidden}
.mCon2:lang(en) {padding-left:25px; padding-right:25px; } 
.mCon2 p.tit{padding:8px 0 8px 10px; color:#000; font-weight:bold; font-size:1.1em;letter-spacing:-0.05em}
.mCon2 p.tit.age { float: left}
.mCon2 p.tit label {font-weight:normal}
.mCon2 p.tit label:lang(en) {font-size:.9em}
.mCon2 p.tit.line2 { border-top:1px solid #ddd; margin-top:15px}
span.width50 { display:inline-block}
.mCon2 span.error-messages div{ font-size:0.8em !important; color:#FCF8C3}
.mCon2 input.wh80 {width:150px; margin-right:3px}
.mCon2 input.width100 { width:100%}
.mCon2 button.reg, .btnBic button {
	background:#d5497a;color:white; border-radius:20px;text-align:center;width:100%;font-weight:700;font-size:1.2em;line-height:1em; padding: 12px;
}
.mCon2 .fl.area {width:43%;}
.mCon2 .fl.pl20 {width:57%; padding-left: 0 }
.mCon2 .fl.wp50 {width: 50%; padding-left: 15px}
.mCon2 .evt_check { color: #d5497a; font-weight: bold; float: left; padding-top: 10px; font-size: 1.2em}
.mCon2 .evt_check:lang(en), .mCon2 .evt_check:lang(zh), .mCon2 .evt_check:lang(jp) { font-size: 1.1em}

/** 일정등록(투어매칭)**/
.mConBox.my {border-radius: 30px; max-width:1080px;  }
.mConBox.my .tt { border-bottom: 1px solid #bbb; padding: 10px; margin-bottom: 15px; font-size: 1.1em; font-weight: bold; text-align: left; display: none}
.mConBox.my .tt span { color:#d7497b; }
.mConBox.my .tt br {display: none}
.main_topbg .mConBox.my {margin:20px auto 30px auto;; border-radius:20px}
.main_topbg .mConBox.my h2 { border-bottom: 1px solid #000; clear: both; display: inline-block}
.main .mConBox.my { margin-bottom: 30px }
.mCon2.my {padding:20px; clear: both}
.mCon2.my .search_bg.area { width:49%; margin-right:1%; float:left}
.mCon2.my .search_bg.area:nth-child(2) {width:50%}
.mCon2.my .search_bg.area.wp100, .mCon2.my .search_bg.place {width:99%; clear:both}
.search_bg.place input[type="text"] {width:100%}

/****/
.search_bg{background:#f4f4f4; height:auto; overflow:hidden; border-radius:14px; border:1px solid #d2d2d2; padding:2px; margin-bottom:8px}
.search_bg.area {background-image:url('/images/icon_area.png'); padding-left:30px; background-repeat:no-repeat; background-position:10px 13px; padding-right:8px}
.search_bg.cal, .search_bg.age { background: none; border: none; padding: 0; float:left; width:100%; margin-bottom: 0}
.search_bg.cal span.datesel, .search_bg.age span {display:block; width:100%; background:#f4f4f4; height:auto; overflow:hidden; border-radius:14px; border:1px solid #d2d2d2; padding:2px 8px 2px 6px; margin-bottom:8px}
.search_bg.age span {background-image:url('/images/icon_age.png');  background-color:#f4f4f4; background-repeat:no-repeat; background-position:12px 12px; padding-left: 35px}

.search_bg input[type="text"] {border:none; width:82%; margin-left:10px; background:none;color:#000; font-size:.9em;}
.search_bg input[type="text"]:focus {outline:none;}
.search_bg select {width:100%; border:none; background:none;font-size:.9em; color:#777}
.search_bg select:focus {
    outline:none; color:#000 !important;
    -webkit-box-shadow:none ; box-shadow:none;
}
.agenone { float:right; width:50%; padding-top:8px; padding-right: 12px; font-size:1em; text-align:right; letter-spacing: -0.06em}

/* 일정 1grid*/
.grid1 .mCon2 .fl, .grid1 .mCon2 .fr  {width:100%;}
.grid1 .mConBox {border-radius:60px}
.grid1 .mCon2 .fl.wp50  {padding-left: 0}
.grid1 .mCon2.my button.reg {height: 46px;margin-top: 10px;border-radius: 16px;}
.grid1 .search_bg.cal span.datesel, .grid1 .search_bg.age span {display: inline-block; width: 49%}
.grid1 .search_bg.cal span.datesel { padding-left: 10px}
.grid1 .search_bg.cal span.datesel input[type="text"] {padding-left: 8px}
.grid1 .mCon2 .evt_check {float: right; padding-right: 8px}


/* 일정관리팝업 .search_bg */
.popuptabel .search_bg {width:100%;margin-bottom:2px; border: none}
.popuptabel .search_bg.area  {width:32.85%; display: inline-block}
.popuptabel .search_bg.area input[type="text"] {width: 100%}
.popuptabel .search_bg.cal, .popuptabel .search_bg.age  {width:50%;}
.popuptabel .search_bg.cal input[type="text"] {width:40%; margin-left: 0}
.popuptabel .agenone { float: left; text-align: left; padding-left: 15px }

/* 메인 여행지 */
.main_conts { padding:30px 0 50px 0}
.main_conts h2 { font-size:1.4em; text-align:center; padding-bottom:10px}
.main_conts li{ width:25%; float:left; padding:15px 0.5% }
.main_conts li img {width:100%}
.main_conts li p { margin-top:-28px; color:#fff; text-align:center}
.main_conts.m_view {display:none}
.main_conts li.link_maintravel { cursor:pointer;}
.main_conts li.link_maintravel:hover { opacity:0.8}

.mCon1 {margin-bottom:10px; height:auto; overflow:hidden;background-size: auto 100%}
.mCon1 ol {background:url('/images/step_bg_01.png') top left no-repeat; height:auto;overflow:hidden;background-size: auto 100%}
.mCon1 ol li {
	height:170px;position:relative;float:left;padding:0 20px 0 20px;font-size:1.15em; font-weight:bold;line-height:1.4em;word-break:keep-all;
	background:url('/images/step_bg_02.png') top right no-repeat; background-size: 100% 100%}
.mCon1 ol li:first-child {width:20%; padding-left:30px;background-size: auto 100%}
.mCon1 ol li.step2{width:32%; background:url('/images/step_bg_03.png') top left no-repeat;background-size: 100% 100%}
.mCon1 ol li.step3{width:23%;background:url('/images/step_bg_03.png') top right no-repeat;background-size: auto 100%}
.mCon1 ol li:last-child {width:25%;background:url('/images/step_bg_04.png') top right no-repeat;background-size: auto 100%}

.mCon1 ol li .num {
	background: linear-gradient(45deg, #fbab18 0%, #c9148d 100%);color:white; text-align:center;
	width:40px;font-size:1em; padding:4px 0 ;font-family:"Open Sans"; display:block; margin-bottom:12px; margin-top:2px
}


.mCon1 ol li span.txt {display:block}
.mCon1:lang(en) ol li {font-size:1.1em;font-weight:normal; line-height:1.2em; height:180px; letter-spacing:-1px; padding-left:10px; padding-right:20px }
.mCon1:lang(en) ol li:first-child {width:22%; padding-left:30px;}
.mCon1:lang(en) ol li.step2 {width:26%}
.mCon1:lang(en) ol li.step3 {width:26%;padding-right:50px}
.mCon1:lang(en) ol li:last-child {width:26%; padding-right:20px}

.mCon1:lang(zh) ol li { font-size:1.25em}

/* 메인 프로세스 */
.mCon3 {margin-bottom:10px; height:auto; overflow:hidden;}
.mCon3.main ol {background:url('/images/step_bg_01.png') top left no-repeat; height:auto;overflow:hidden;background-size: auto 100%}
.mCon3.main ol li { float:left; height:110px; font-size:1em ; padding:15px; padding-left:10px;letter-spacing:-.5px }
.mCon3.main ol li:first-child { width:36% ;background:url('/images/step_bg_022.png') top right no-repeat; background-size: auto 100%;padding-left:15px;}
.mCon3.main ol li.step2 {width:40% ;background:url('/images/step_bg_03.png') top left no-repeat;background-size: 100% 100%;letter-spacing:-1px}
.mCon3.main ol li:last-child { width:24%;background:url('/images/step_bg_04.png') top right no-repeat;background-size: auto 100%}



.minput {margin:0 auto 70px;max-width:510px;text-align:center}
.minput a {display:block;height:100%;font-size:30px;color:#fff;line-height:88px;font-weight:bold;border-radius:44px;background:#ff3a6d}

.main_pay { margin:40px 0 0 0; height:auto; overflow:hidden; background:#f0f6f8}
.main_pay .fl {float:left; width:50%; padding:0; text-align:center}
.main_pay .main_event, .main_pay .payinfo {width:100%; margin:0}
.main_pay .main_event img {width:90%}
.main_pay .main_event .main_btn { margin-top:0; margin-bottom:0}
.main_pay .main_event.main_pay .payinfo { padding-bottom:0}
.main_pay .payinfo br{display:inline-block}
.main_pay .payinfo .btnList2 { margin-bottom:0; font-size:1rem !important; margin-top:5px}

.mCon_merit {border:1px solid #ddd; height:auto; overflow:hidden; margin:30px 0 60px 0; clear:both}
.mCon_merit.noline { border:none}
.mCon_merit2 {width:95%; margin:20px auto 40px auto;border:1px solid;border-image: linear-gradient(to right, #fbab18, #c9148d) 1; height:auto; overflow:hidden; }

.main_icon01 { float:left; width:50%;height:auto; overflow:hidden; padding:20px 100px 20px 20px; background:url('/images/main_meritbg01.jpg') bottom right no-repeat;}
.main_icon01.nobg {background:none; padding:20px !important}
.main_icon02 { float:left; width:50%;height:auto; overflow:hidden; padding:20px 130px 20px 20px; background:url('/images/main_meritbg02.jpg') bottom right no-repeat}
.main_icon02.line { border-bottom:none}
.main_icon01:lang(en), .main_icon02:lang(en) {padding:20px 150px 15px 15px; } 
p.main_txt { padding-left:10px; }
.main_icon01:lang(en) p.main_txt { font-weight:normal;font-size:1em; line-height:1.3em; }
.main_icon02:lang(en) p.main_txt { font-weight:normal; font-size:1em; line-height:1.3em; padding-left:5px}

.main_icon03 {width:100%; margin:0 auto;height:auto; overflow:hidden; padding:20px 80px 20px 60px; background:url('/images/main_meritbg02.jpg') bottom right no-repeat}
.main_icon04 {width:100%; margin:0 auto;height:auto; overflow:hidden; padding:20px; background:#efefef; text-align:center}
.main_icon04 div {display:inline-block}
.main_icon04 .step{background:#fff; display:inline-block; text-align:center; padding:3px 10px; border-radius:10px; margin:3px 6px 3px 15px}
.main_icon04 .fl img {margin-top:8px}



/* 메인 프로세스 */
.main_step_area { float:left; height:auto; overflow:hidden;width:40%; }
.main_step {height:auto; overflow:hidden; margin:0 auto; padding-left:30px}
.main_step:lang(ko) { padding-left:50px}
.main_step li { 
list-style:none; float:left; width:100%; padding:10px 30px 10px 40px;  margin-bottom:8px; 
line-height:1.3em; font-size:1.2em; font-weight:bold;
background: url('/images/process_bg.png') top right no-repeat;
background-size: 100% 100%;border-radius: 30px 0 0 30px;
}

.main_step li:last-child { background:none; border-radius:30px;background-color: #fff;}
.step_bg { display:block; color:#930b72;font-size:.9em;}
.main_step_txt { color:#fff; text-align:center; padding-top:20px; font-size:1.3em; font-weight:bold}
 


/*
================================================================================
서브콘텐츠
================================================================================
*/

h2.title {margin:0 20px 10px 15px; padding-top:30px; font-size:2.2em;color:#b10784; overflow:hidden;	 font-weight: normal; letter-spacing: -0.06em}; 
h2.title + .h2_txt {display:inline-block;margin-bottom:15px;color:#3d3d3d}



/* 이용안내 */
.process_img {height:auto; overflow:hidden; padding-bottom:50px}
.process_img span{width:50%;  float:left}
.process_img span img {vertical-align:middle; width:100%}

.guidenew td, .guidenew th {vertical-align:top; padding:10px; font-size:1.1em; border-bottom:1px solid #dee4e8; text-align: left}
.guidenew th {width:15%; padding-right:10px;}
.guidenew:lang(en) th {width:30%;}
.guidenew th p.main_merit { background:url('/images/icon_check.jpg') 0 6px no-repeat; padding-left:20px; color:#000;width:95%; font-weight:bold; display:inline-block; text-align:center;font-size:1.1em}

.payinfo { border-top:2px solid #ad0082;  border-bottom:2px solid #ad0082; padding:30px 10px;color: #000;font-size: 1.1em;text-align: center;width: 100%;height:auto; overflow:hidden;margin: 0 auto 20px auto;}
.payinfo p { padding-bottom:8px; font-weight:bold}
.payinfo.guide {width:95%}
.payinfo span.tt {color: #ad0082; display: inline-block;font-weight: bold; font-size:1.6em}
.payinfo span.tt.pr30 { padding-right: 30px;}

.certi { clear:both; height:auto; overflow:hidden; padding:30px 0}
.certi .fl {width:45%}
.certi .fl:lang(zh) {width:41%}
.certi .fr {width:50%; }
.certi h2.title { padding-top:0; color:#ad0082; font-size:2em ; line-height:1.2em; font-weight:bold; margin-bottom:0}
.stitle { font-weight:normal; color:#000; font-size:1.1em; font-weight:bold;}
.stitle .normal { display:inline-block; padding-top:8px}

.col_pink  {color:#ad0082; display:inline-block; border-bottom:1px solid #ad0082; font-weight:bold}
.col_bg { background-image:linear-gradient(to top,#f8ec87 55%, transparent 0); }

.btnBc.big { font-size: 1.1em; padding:10px 25px }


/* 팝업 */
.popWrap {top:10%;left:0;padding:10px;width:100%;height:100%;z-index:200}
.popWrap .popBox {position:relative;margin:0 auto;padding:20px;background:#fff;z-index:200}
.popWrap .popBox .btnClose {position:absolute;top:10px;right:10px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:url('/images/ic_close2.png') no-repeat center center}
.popWrap .popBox .btnClose.close {background:url('/images/ic_close.png') no-repeat center center}
.popWrap .popBox h2 {margin:-20px -20px 20px;padding-left:20px;font-size:25px;color:#fff;line-height:60px;background:#31ceff}
.popWrap::after {position:fixed;top:0;left:0;width:100%;height:100%;content:'';background:rgba(0,0,0,0.8);z-index:10}


.inpTxt {position:relative;display:inline-block}
.inpTxt::after {position:absolute;top:50%;right:0;margin-top:-14px;content:']'}
.inpTxt::before {position:absolute;top:50%;left:0;margin-top:-14px;content:'['}
.inpTxt input {padding:0 10px;border:0}

/* 셀렉트 디자인 */
.DivSelectyze {position:relative;display:inline-block;margin:2px 0;padding:0 10px;vertical-align:middle;text-align:left;min-width:100px}
.DivSelectyze::after {position:absolute;top:4px;left:0;content:'['}
.DivSelectyze::before {position:absolute;top:4px;right:0;content:']'}
.DivSelectyze .selectyzeValue {display:block;padding:0 25px 0 0;height:35px;line-height:35px;color:#000;letter-spacing:-1px;background:url('/images/select_arrow.png') no-repeat right center;background-size:15px;z-index:10}
.DivSelectyze .UlSelectize {display:none;position:absolute;left:0;width:100%;background:#fff;border:1px solid #dadada;z-index:9999}
.DivSelectyze .UlSelectize li {font-size:18px;border-top:1px solid #dadada}
.DivSelectyze .UlSelectize li:first-child {border-top:0}
.DivSelectyze .UlSelectize li a {display:block;padding:5px}
.DivSelectyze .UlSelectize li a:hover {background:#dadada}
.optgroupTitle {display:block}

.rdCheck {position:relative;display:inline-block;margin-right:10px}
.rdCheck input[type="radio"] {position:absolute;top:0;left:-100px;opacity:0;z-index:-1}
.rdCheck label {display:block;padding-left:20px;line-height:30px}
.rdCheck input + label::before {position:absolute;top:15px;left:0;margin-top:-8px;width:14px;height:14px;content:'';border-radius:50%;border:1px solid #000}
.rdCheck input:checked + label::before {background:#000}

.chCheck {position:relative;display:inline-block;margin-right:10px}
.chCheck input[type="checkbox"] {position:absolute;top:0;left:-100px;opacity:0;z-index:-1}
.chCheck label {display:block;padding-left:25px;line-height:15pt; text-align:left}
.chCheck input + label::before {position:absolute;top:50%;left:0;margin-top:-7px;width:13px;height:13px;content:'';background:#fff;border:1px solid #3d3d3d}
.chCheck input:checked + label::before {background:#3d3d3d;border:1px solid #3d3d3d}

.th_left tbody th {text-align:left}
.th_center tbody th {text-align:center !important}
.td_left tbody td {text-align:left}
.td_center tbody td {text-align:center}
.td_right td {text-align:right}


/* 팝업내용 */

.modal-content.pt20:lang(zh) .line , .modal-content.pt20:lang(en) .line{display:none}

.modal-content .gray-border-box.tac p { text-align:center}
input.wh60p {width:50%}


/* 아이디/비미리번호 찾기결과 */
.search_end {padding:50px 0}
.search_end p {margin-bottom:40px;text-align:center}


/* 첨부파일 디자인 */
.fileBox {position:relative;padding-right:140px}
.file_input_textbox {vertical-align:middle}
.file_input_div {position:absolute;top:2px;right:0;width:133px;height:40px;vertical-align:middle;overflow: hidden}
.file_input_button {position:absolute;top:0px;width:100%;height:100%;background:#005fad;color:#fff;border:0}
.file_input_hidden {position:absolute;left:0px;top:0px;width:100% !important;height:100% !important;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)"; -khtml-opacity:0;-moz-opacity:0;cursor:pointer;z-index:2}

.guidBox {margin-bottom:15px;font-size:1em; background:url('/images/icon_i.png') 25px 0 no-repeat;padding-left:50px;}
.result_Box { border: 1px solid #bbb; padding: 20px; background: none;border-radius: 20px; width: 60%; margin: 20px auto}
.result_Box h2 { font-size: 1.4em; font-weight: bold ;text-align:center; color: #d81920; border-bottom: 1px solid #d81920; margin-bottom: 20px; padding: 10px}

.pageLoading {padding:50px 0}
.pageLoading p {margin-bottom:30px;font-size:20px;text-align:center}
.pageLoading .bar {height:35px;background:#a5b1ba}
.pageLoading .bar > div {height:35px;background:#31ceff}

h1.signup_popup {
	font-size:1.4em;font-weight:bold;background:#FFF;padding:10px 15px 18px 15px;color:#fff;overflow:hidden;
	background:linear-gradient(90deg, #fbab18 0%, #c9148d 100%); text-align:left;
	}
.profleEnd {padding:30px 0}
.profleEnd p {text-align:center}
.profleEnd .txt1 {margin-bottom:15px;font-size:22px;color:#005fad}
.profleEnd .txt2 {margin-bottom:10px;font-size:25px;}
.profleEnd .txt3 {margin-bottom:15px;font-size:18px;color:#3d3d3d}

.payGuide .guide {margin-bottom:60px;padding:50px 20px;border:1px solid #dadada}
.payGuide .guide p {text-align:center}
.payGuide .guide .txt1 {margin-bottom:30px;font-size:30px;color:#005fad}
.payGuide .guide .txt2 {font-size:20px}
.payGuide dl {margin-bottom:80px;text-align:center}
.payGuide dl dt {margin-bottom:30px;font-size:25px}
.payGuide dl dd {margin-bottom:20px;font-size:20px;color:#3d3d3d}
.payGuide dl dd ul::after {display:block;clear:both;content:''}
.payGuide dl dd ul li {float:left;padding:0 5px;width:25%;height:110px}
.payGuide dl dd ul li a {display:block;padding-top:40px;height:100%;font-size:25px;color:#fff;font-weight:bold;background:#005fad}
.payGuide dl dd ul li:nth-child(2) a {padding-top:30px}
.payGuide .btn {margin:0 auto;width:260px;text-align:center}
.payGuide .btn a {display:block;font-size:20px;color:#fff;font-weight:bold;line-height:60px;background:#31ceff}

.attBox {padding:30px 40px;background:#f0f0f0;    border-radius: 16px;}
.attBox dt {margin-bottom:20px;font-size:20px;font-weight:bold; border-bottom:1px solid  #6A6666; display:inline-block; clear:both}
.attBox dd ol {margin-left:20px}
.attBox ol.decimal li {padding-bottom:2px}
.attBox dd a { font-weight:bold}

.payGuide {font-size:30px;font-weight:bold;text-align:center}



/** 마이매칭 **/
.clear_top { clear:both; width:100%; height:auto; overflow:hidden}


.myservice { clear: both; height: auto; overflow: hidden; width: 100%; margin-bottom: 10px; background: #e7dcd8; padding:15px 20px; border-radius: 20px; margin-top: 30px}
.myservice .serv_txt { padding-bottom: 10px}
.myservice .serv_txt, .myservice .serv_btn { clear: both; width: 100%; text-align: center}
.myservice dd { text-align: center; font-size: 1.1em}
.myservice dt { font-weight: bold; padding-left: 0 ; display: none}
.myservice dd li { display:inline-block; float:left; padding-bottom: 8px}

.myservice button.blue.large {padding: 8px 20px; font-size: 1.1em}
.myservice .link_purchase {background:#d5497a; color: #fff;  font-weight: bold}
.myservice .link_memo {border:2px solid #d5497a;  background:none; color:#d5497a;font-weight: bold}
.myservice .link_item_save {border:2px solid #e56933;  background:none; color:#e56933;font-weight: bold}
.myservice button:hover { color: #fff;border:2px solid #000}

.mySer {
	position:relative; height:auto; overflow:hidden;/*padding:40px 25px; background:url('/images/mymc.jpg') center top  no-repeat; 
	background-size:100% 100%;*/
}
.mybg {background:url('/img/bg-my.png') 0 0 repeat-y; background-size:100% 100%; height:auto; overflow:hidden;}
.mybg .fl {width:49%; padding:30px; }
.mybg .fr {width:49%; padding:0}
.mybg .fr .pd30{ padding:30px 25px}
.mybg  button.blue.large {width:48%; box-sizing:border-box; margin-bottom:8px; background-image:url('/img/dot.png'); background-position:left 6px top 8px; background-repeat:no-repeat; background-color:#fff; border: 1px #4968d8 solid; border-radius:20px; color:#000; font-weight: bold !important}

h2.title.small {font-size:1.3em; padding:5px;margin:6px 0; font-weight: bold; padding-top:0; color: #000; text-align: left}
h2.title.small span { font-size:.7em}

.mytab {padding-top: 20px; text-align: center}
.mytab h2{height: 48px; background: #eee; 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}
.mytab h2 {cursor: pointer}
.mytab h2.on{background: #d5497a; color: #fff}
.mySer_box { border: 1px solid #d5497a; background: #fff; padding:20px; border-radius: 20px;  height: auto; overflow: hidden}

.evtbg { height: auto; overflow: hidden}
#disp_evt li { margin-bottom: 8px; padding:20px;}
#disp_evt div { width: 50%; float: left; padding:15px; border-top: 1px solid #bbb}
#disp_evt div:last-child{}
#disp_evt div span.link_evtView, #disp_evt div span.date_txt { display:block}
#disp_evt div br {display: none}
#disp_evt .link_evtView { display: inline-block; padding-bottom: 5px; font-weight: bold; color: #d5497a; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;;}
#disp_evt .tt { display: inline-block; font-weight: bold}
#disp_evt .date_txt { padding-right: 20px}
#disp_evt .date_state { color: #6a0fd9; font-weight: bold}

.nodata { font-size: .85em}

.clear_top .fl {text-align:left}
.clear_top .fr {text-align:right}

ul.my li:nth-child(1) { background:url('/images/icon_my01.png') 0 1px no-repeat; padding-left:25px}
ul.my li:nth-child(2), ul.my li:nth-child(3) { background:url('/images/icon_my02.png') 0 1px no-repeat; padding-left:25px}
ul.my li { color:#ee0000; font-weight:bold; padding-bottom:6px}

.bold.pb10.tit { border-bottom:none; padding:6px 5px; color:#ff7361;  border-bottom: 1px solid #858585}
ul.data { margin-bottom:5px}
ul.data li.travel_mt_list { padding:12px 20px;background-color:#efeeec;height:auto; overflow:hidden; margin-bottom:5px ; border-radius:12px}
ul.data li.travel_mt_list .area_txt {color:#d64a7b; font-weight: bold; padding-right: 20px}
ul.data li.travel_mt_list button { float: right; border: 2px solid #d64a7b;color:#d64a7b; background: none;     padding: 4px 10px;}

ul.data li.area {background:url('/images/icon_data02.png') 8px 10px no-repeat; padding:5px 8px 8px 32px;background-color:#f3f3f3;line-height:1.2em; border-radius:4px; margin-bottom:4px  }
ul.data li a {letter-spacing:-1px !important}
ul.data.popup li { border-bottom:1px solid #ddd; padding:8px;  background:url('/images/icon_data01.png') 8px 10px no-repeat; padding-left:35px; height:auto; overflow:hidden; }
ul.data li span.txt_bno { font-weight:normal; display:block;}
ul.data li span.txt_bdata { color:#3865B5;}
span.fright { float:right}
span.fright.img img{width:20px; vertical-align:middle; margin-top:4px}

.noData {padding:40px 10px;text-align:center; border-bottom:1px solid #ddd;}
div.mydate { width:100%; text-align:center; background:#f9F9F9;padding:8px; color:#2C79B0; font-weight:bold}

/* 내거주지 공개*/
span.open_area { float:right; border:1px solid #920FD4; background:#fff; padding:3px; border-radius:4px; font-size:.85em; display:inline-block; color:#920FD4;  line-height:1em; margin-right:3px;margin-left: 6px;} 
span.view_area { background:#777; border:none; padding:3px; border-radius:4px; font-size:.65em; font-weight:normal; display:inline-block; color:#fff;line-height:1em; margin-left:5px;vertical-align: text-bottom;} 
.pt10.col_blue.bold span.open_area { margin-bottom:8px}
span.txt_hit { color:#E95305}
.schText { font-size:1.05em; letter-spacing:-0.06em !important; display:block; height: auto; overflow: hidden}
.schText .color-primary-1 {letter-spacing:-0.05em}

.item_me .btnBc.blue a{ background:#8b2cac}

.travel_mt_self {  border-top:1px solid #ddd;  margin-top:15px;padding:10px;}
.travel_mt_self a {color:#2a559a; font-weight:bold; font-size:1.1em }
.travel_mt_self p {text-align:left}
.travel_mt_self:hover, #travelList li:hover {background-color:#f4f4f4; cursor:pointer}

/* 매칭 탭 **/
.mymatching_tab { clear:both; padding-bottom:15px; overflow:hidden; background: #fff; height: 50px; width:100%; margin:30px auto 0 auto}
.mymatching_tab li { float:left;height:50px;padding-top:12px;font-size:1.3em; text-align:center; letter-spacing: -0.08em ; background: #eee; border-bottom:3px solid #d5497a; width:50%; font-weight: bold; border-top-left-radius: 14px; border-top-right-radius:14px }
.mymatching_tab li:hover {  cursor:pointer}
.mymatching_tab:lang(en) {width:80%; }
.mymatching_tab li.on { background: #fff; border: 1px solid #d5497a; border-bottom: #d5497a; color:  #d5497a }
  
.mymatching_tab .tooltip {margin-right:12px; }
.mymatching_tab .tooltip .tooltiptext-myprofile { text-align:left; margin-top:25px; margin-left:-240px;width:242px; font-weight:normal !important}
#txtMeetCnt1, #txtMeetCnt2, #txtMeetCnt3, #txtMeetCnt4 { font-weight: bold; padding-left:4px;}
.mymatching_tab li.on #txtMeetCnt1, .mymatching_tab li.on #txtMeetCnt2, .mymatching_tab li.on #txtMeetCnt3, .mymatching_tab li.on #txtMeetCnt4 { color:#d5497a; }

.mymatching_tab li span:hover {}

.mymatching_tab.new li {width:33.33%; }
.mymatching_tab.step2 li {display:inline-block; float:left; width:39%; border-radius:20px; background:#EBEBEB; border:none; margin-right:1%; padding:6px 10px; height:40px; }
.mymatching_tab.step2 li:last-child { width:20%; margin-right:0}
.mymatching_tab.step2 li.on {background:#BEDDEC}
.mymatching_tab.step2 li #traveList_select {letter-spacing:-1px; padding:1px 3px; height:25px; width:270px}

.result_box { border: 1px solid #d5497a; padding: 10px; border-top: none}
/*
.mymatching_tab li:lang(en) .tooltip {margin-top:-30px}

.mymatching_tab .tooltip .tooltiptext-myprofile {
	visibility:hidden;width:250px; overflow:hidden;font-size:0.9em; letter-spacing:0;line-height:1.3em;background-color:#6e90b8;color:#fff;
	padding:8px;position:absolute;z-index:99; margin-left:-270px; border:1px solid red
}
*/
.tt_area {clear:both; height:auto; overflow:hidden; margin-bottom:30px; padding-top:10px;  vertical-align:bottom ;}
.tt_area .travel_title { float:left;padding-bottom:8px;  font-size:1.2em; letter-spacing:-1px; font-weight:bold; text-align:center }
.tt_area .color-primary-1.travel_title {display:inline-block; padding-right:10px}
.tt_area #traveList_select {float:left; margin:0 auto 0 10px;}

#disp_meet_list .color-primary-1.travel_title {display:block; text-align:center; padding:40px 0; color:#676767; font-size:1em; width:100%}
#disp_meet_list .color-primary-1.travel_title span { vertical-align:middle}

.match-result { float:right;width:20%;background: #5a98de;  margin-bottom:6px ; margin-top:-65px;}
.match-result a {color:#fff;}
.match-result:lang(en) { letter-spacing:-1px;width:25%; }
.match-result p {text-align:center; padding:6px 8px; font-weight:bold}
.match-result:hover {background-color:#000; cursor:pointer}

.match-result.m_hide {display:block}
.match-result.m_show {display:none}

/* 공통 - 마이매칭단에서 보여지는 회원프로필 list */
dl.matching-profile-list {float:left;width:auto;margin-bottom:30px;padding:0px;border:0px solid red; width:33.3%; height: auto; overflow: hidden}
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; height: 160px}
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 button {}
#disp_evt_list_undefined{clear: both; display: none}
.small.link_wink_reg {display: none}


/* 매칭의사확인 */
#main_contents {box-sizing: border-box; padding: 10px 0}
div.prps-list {width:100%;margin:20px 0;padding:0;overflow:hidden; border-bottom:1px solid #A7BDCC}
div.prps-list li {float:left;width:20%;margin:0;padding:0 0 0;text-align:center;overflow:hidden; font-size:.95em}
div.prps-list li.title {display:inline-block;font-weight:bold;padding:10px 0 15px 0;height:40px;border-bottom:1px solid #d4d3d3;background: #d6e6ea; border-bottom:none}
div.prps-list li:first-child { width:40%}
div.prps-list li.info { margin-bottom:20px;}
div.prps-list li.info p{ line-height:1.3em}
p.id { font-weight:bold; color:#D30665;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;overflow:hidden;}
p.age { }
p.apply {margin-top:5px}
p.apply button.small { padding: 6px 8px}
div.prps-list li.info2 { padding-top:40px}
div.prps-list li.info2 > dl dt {display:none}

.list_tab {width: 50%; background: #dce0ee; height: 50px; border-radius: 30px; margin: 30px auto;  text-align: center; font-size: 1.4em; letter-spacing:-1px}
.list_tab:lang(en) {width: 70%;}
.list_tab span { width: 50%; display: inline-table; height: 50px; padding-top: 8px}
.list_tab span.on { border-radius: 30px; background: #4767d8;color:#fff; width: 48%}
.list_title {background:#ececec; height: auto; overflow: hidden; padding: 6px 0; font-weight: bold; margin-bottom: 6px}
.list_conts ul { border-bottom:1px solid #aaaaaa;height: auto; overflow: hidden; margin-bottom: 8px;width:100%}
.list_conts ul:last-child {border-bottom: none}
.list_title li{float: left; text-align: center;}
.list_conts li {display:inline-block;  vertical-align:middle;text-align: center; }
.list_me p, .list_you p {text-align: center}
.list_user {width:30%}
.list_item {width:30%}
.list_me {width:20%}
.list_you {width:20%}
.list_result {width:34%; line-height:1.2em;}
.list_result:lang(en) {font-size:1.1em}
.result_date { color: #000; padding-bottom: 8px;text-align: center; font-size: .95em }
.result_txt {color:#A31A80;font-size:1.2em; font-weight:bold;text-align: center}
.list_item .pb10 { padding-bottom: 8px}
.maching_area { border: 1px #714bc9 solid; border-radius: 20px; color: #714bc9; padding: 2px 10px; font-size: .9em; font-weight: bold; }
.maching_date { border: 1px #d83d6a solid; border-radius: 20px; color: #d83d6a; padding: 2px 10px; font-size: .9em; font-weight: bold; }
.col_date {color: #d83d6a; letter-spacing: -0.06em; padding-left: 10px }
.col_area {color: #000; padding-left: 10px }

/** 사진, 내용 **/
#disp_meet_list { clear:both}
.col-lg-3 {
    -webkit-box-flex: 0;-ms-flex: 0 0 30%;flex: 0 0 32%;max-width: 33.333333%;
	 position: relative;width: 100%; height:auto;padding-right: 5px;padding-left: 5px;
	 float:left; margin-bottom:20px; box-sizing:border-box;
}
.box_style{
	margin:0; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius:4px; border-radius:4px; border:1px solid #5469ea; box-shadow:0 1px 5px #C3C3C3;
	padding:0; background:#fff; text-align:center;position:relative; height:auto; overflow:hidden;
}
.box_style.you { border:1px solid #d75571}
.box_style.end { border:1px solid #999;}

p.del { display:none;position:absolute;float:right; right:8px; top:8px;background:url('/images/icon_del.png') top right no-repeat; width:29px; height:29px;}
dl.profile-list {text-align:left;margin:0;padding:15px; overflow:hidden}
dl.profile-list > dd.photobox {float:left;width:35%;display:inline-block;overflow:hidden;}
dl.profile-list dd.photobox span.curHand.link_profile_pop{ display:inline-block;width:100px;height:100px;border-radius:50%;overflow:hidden}
dl.profile-list > dd.photobox img {width:100%;height:100%; object-fit:cover }
dl.profile-list > dd.info {float: left;width:65%;padding: 0 0 0 10px;overflow: hidden; font-size:.95em}

dl.profile-list > dd.info .pt10.col_blue.bold { height:25px; padding-top:5px; color:#0E5AA2 !important}
dl.profile-list > dd.info .col_blue.bold { height:40px; line-height:1.4em}


 /** 만남수락하기(팝업) 사진, 내용 **/ 

.pt5.pb10 {text-align: right; padding-top: 10px }
.pt5.pb10 {text-align: right; padding-top: 10px }
div.fl dl.profile-list {text-align:left;margin:0;padding:0; height:100%; overflow:hidden}
div.fl dl.profile-list > dd.photobox {float:left;display:inline-block;width:60%;border-radius:8px;box-shadow:0 2px 5px #c1c1c1;overflow:hidden}
div.fl dl.profile-list > dd.info {float: left; width:40%;padding-left: 15px;overflow: hidden; font-size:.95em}

div.my_state { height:auto; overflow:hidden; padding-top:10px;}
div.my_state li{float:left; height:110px;background:#e5e5e5;}
div.my_state li:first-child { 
	width:55%; background: linear-gradient(to right,#5477e6 0,#7dbeeb 100%);letter-spacing:-1px;
	border-top: solid;border-image: linear-gradient(to right,#5477e6 0,#7dbeeb 100%);  border-image-slice: 1;border-image-width: 8px 0 0 0;
}
div.my_state li:last-child { width:45%; border-top:8px solid #FFF;}
div.my_state.end li {background-image: linear-gradient(60deg,#d6e6ea 0,#FFF 100%);border-top: solid;border-image: linear-gradient(to right, #FFF 0%, #FFF 100%);  border-image-slice: 1;border-image-width: 8px 0 0 0; }

div.my_state li:first-child p { color:#fff }

.link_txt {height:100%; width:100%;}
.link_txt td { height:100%; width:100%; text-align:center;vertical-align:middle;}
.link_txt td p {font-size:1em; line-height:1.2em;text-align:center; padding-top:16px}
.link_txt td p.txt_process { font-weight:bold; color:#4767d8; background:none; padding:0 0 10px 0; margin:0}
.link_txt td p.txt_process:lang(en) { font-weight:normal}
.link_txt td p.state_txt { color:#9a33e2 !important; font-weight:bold}
.link_txt td button { margin-top:6px; line-height: 1em}
.link_txt td p.txt_process button {margin:0; padding:8px 30px}

div.my_state li:last-child p.txt_process {color:#eb4322; letter-spacing:-1px}

.link_txt button { background:url('/images/icon_chc_me.png') 8px 6px no-repeat; padding:5px 12px 6px 26px;background-color:#4767d8; border-radius: 20px}
.link_txt button.deepgray {background-color:#4B4B4B}
span.txt_period { font-size:.9em; color:#000}

button.link_send_mt { background-position: 10px 12px; background-color:#ff7361; color:#FFF; padding:6px 20px 6px 30px; font-size:1.1em; font-weight:bold; margin:5px 0}
button.link_send_mt:hover {opacity:0.8}

div.my_state dt.respond, div.my_state dd b.color-primary-1{padding:0; margin:0; line-height:1em; color:#000; font-size:.9em; font-weight:normal}
div.my_state li:first-child .link_txt dt.respond, div.my_state li:first-child .link_txt dd b.color-primary-1 {color:#fff !important; font-weight:bold; }

.state_bar { display: none; font-size:.85em; color:#000; padding-left:0px}
span.bar_me { display:inline-block;width:30px; height:10px;	background-image: linear-gradient(to right,#5477e6 0,#7dbeeb 100%);}
span.bar_you { display:inline-block;width:30px; height:10px;	background:#cfcfcf}
span.bar_end { display:inline-block;width:30px; height:10px;	background:#edcfeb;}

.col_blue.fs105em, .color-blue.fs105em { color:#1865B7 !important}

/* modal 만남신청,수락 */
dl.propose {width:100%;margin:0 0 10px 0;padding:10px 15px;background-color:#ecece6;overflow:hidden}
dl.propose > dt {width:25%; float:left}
dl.propose > dd {width:75%; float:left}
dl.propose > dt > dl.profile-list {width:100%;text-align:left;margin:10px 0;padding:0;border:0px solid #000}
dl.propose > dd li.dot { font-size:.95em; line-height:1.5em; background: url('/images/dot-desh.png') 5px 10px no-repeat; padding-left:15px}

.modal-content dl.profile-list > dd.photobox {width:100%; margin:0 auto; text-align:center}
.modal-content dl.profile-list > dd.photobox img {width:120px;height:120px; border-radius:50%}
.modal-content dl.profile-list > dd.info {width:100%;}
.modal-content dl.profile-list > dd.info li {text-align:center}
.modal-content dl.profile-list > dd.info .id{color:#f96c62; font-weight:bold; font-size:1.4em; display:block; padding:5px 0}
.modal-content .white-box.tip { border:none; background: none}
.modal-content .white-box.tip p.col_blue.pt10, .modal-content .white-border-box.tip  h2 { float:left; width:20%; color:#000 !important; font-size:1.25em; padding-top:5px; line-height:1.1em }
.modal-content:lang(en) .white-box.tip p.col_blue.pt10, .modal-content:lang(en) .white-border-box.tip  h2 {font-size:1.1em;}
.modal-content ul.dot.desh {  float:left; width:80%; }
.modal-content ul.dot.desh li {background: url(/images/dot-desh.png) 5px 10px no-repeat; padding-left: 15px;color:#646667}
.modal-content ul.dot.desh li .color-primary-1 {font-weight:bold;color:#646667}
.modal-content .white-border-box.tip { background:none; border:none; border-top:1px solid #646667; }
.modal-content .white-border-box.tip  h2 span { color:#fc6f61; display:block; font-size:.9em}

dl.propose .bg_point strong, dl.propose .pt10 strong { color:#f96c62; font-size:1.1em; font-weight:bold} 
.col_blue{ color:#146681 !important} 



/** 상대방이 신청했을때 컬러(.you) **/
.you div.my_state li:first-child {background-image: linear-gradient(60deg,#ea8554 0,#d75571 100%); color:#FFF; letter-spacing:-1px; }
.you div.my_state li p.link_txt {	background:none;background-position:top right 10px;font-size:1.1em;}
.you div.my_state  li p.state_txt { color:#eb4322; font-weight:bold}

/** 완료(.end) **/
.end div.my_state li:first-child {background-image: linear-gradient(60deg,#d6e6ea 0,#fff 100%); color:#9a33e2; letter-spacing:-1px; cursor:pointer}
.end div.my_state li p.link_txt {	background:none;font-size:1.1em;}



/* 마이매칭 - 만남결과확인 */
.matcCon_result {margin-bottom:20px;}
.matcCon_result > ul {border-bottom:1px solid #dadada}
.matcCon_result > ul::after {display:block;clear:both;content:''}
.matcCon_result > ul > li {float:left;padding:30px;width:40%;font-size:.9em}
.matcCon_result > ul > li.other {width:60%;border-left:0}
.matcCon_result > ul > li .maInfor { float:left;line-height:26px;}
.matcCon_result > ul > li .maInfor .photo {float:left;}
.matcCon_result > ul > li .maInfor .txt {float:left; padding-left:15px}
.matcCon_result > ul > li .maInfor .photo img { width:120px; height:140px}

.matcCon_result > ul > li .maInfor .infor {margin-bottom:20px}
.matcCon_result > ul > li .btnBc {margin:3px 0}
.matcCon_result > ul > li .btnBc a {min-width:150px}

.fr.pt5 { font-size:.9em}

/* 거절 */
.matters li { padding-bottom:8px}
/* modal 프로필비교 */
dl.CompareProfile {width:95%;margin:0 auto 0 auto;overflow:hidden;border-bottom: 1px solid #a6a6a6;font-size: .9em;}
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 p > span.pre, dl.CompareProfile dt > span.pre {font-size:.625em;margin:0 2px;padding:0 3px;text-align:center;background-color:#ab0082;color:#fff}
div.modal-content.bg {
    background: #ebece6;
    padding: 15px 0; 
    /*background-image: linear-gradient(60deg,#7ab5cc 0,#8876b0 100%);*/
    background-repeat: no-repeat;
    background-position: top right;
}

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}

dl.CompareProfile .photobox {
	width:150px;height:150px;margin:10px 0;border-radius: 50%;
	border:1px solid #777; background:none;
	 box-shadow:0 2px 5px #c1c1c1;background:#f2f2f2;overflow:hidden
	}
.photo_compare { height: auto; overflow: hidden}	
.prepare_bg {background: url('/images/prepare_bg.png') top center repeat-y;  height: auto; overflow: hidden }
dl.CompareProfile dl { clear:both;height:auto; border-bottom: 1px solid #a6a6a6; }
dl.CompareProfile dl dt.none {display:block;width:100%;font-weight:bold;background:#e7e7e7;padding:4px;clear:both}

dl.CompareProfile dl dd { float:left;padding:0; font-size:1em;}
dl.CompareProfile:lang(en) dl dd {font-size:.95em; }
dl.CompareProfile dl dd.iconP span.iconP { display:inline-table;width:40px; height:40px;}
dl.CompareProfile dl dd.iconP span.iconP img {margin-top:7px}
dl.CompareProfile dl dd.iconP img.icon_size { text-align:center; margin-top:3px}
dl.CompareProfile dl dd.iconP.m {display: none}

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; height:30px; overflow:hidden*/}
dl.CompareProfile dl.bg_gray { clear:both; /*background:url('/images/bg_compare_bg.png') top center; background-repeat:repeat-y*/}
div.photo_compare li span.color-primary-1{display:inline-block; color:#fd6f61}
dl.CompareProfile dl dd { padding:5px 0}
dl.CompareProfile dl dd.ar{float:left;}
dl.CompareProfile dl dd.ar span {width:100%;letter-spacing:-1px}
dl.CompareProfile dl dd.al{float:right; }
dl.CompareProfile dl dd.ar, dl.CompareProfile dl dd.al {width:43%; padding-left:15px;padding-top:12px;text-align:center; }
dl.CompareProfile dl dd.iconP { width:14%;display:inline-table; float:left; text-align:center; padding-top:10px; font-size: .9em; letter-spacing: -0.05em; color: #000  }
dl.CompareProfile:lang(en) dl dd.ar, dl.CompareProfile:lang(en) dl dd.al {width:42%;}
dl.CompareProfile:lang(en) dl dd.iconP { width:16%}	
div.photo_compare li { font-size:1.2em}
.txt_right.pd10 { font-size: .85em;  letter-spacing: -0.05em}

/* 사용내역 */
.popuptabel h2.fw600.fs125em { color:#fd6f61}

#disp_possList th, td { padding:8px 4px; text-align:center}
#disp_possList th { background:#ecebe6;}
#disp_possList td { border-bottom:1px solid #ddd}
#disp_possList td.svc {font-weight:bold}

/* 상품권 등록 */
#disp_basic label { color:#fd6f61}
#txt_item { border-radius:10px; border:none; margin-left:8px; padding:20px 10px}
#btn_i_save { border-radius:10px; padding:10px 15px}

/* 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%}


/* 마이페이지 */
.mypage_bg {padding:0;}
.bgimg {}

h1.title.mt30 {padding-top:30px;margin-top:0 !important}
span.small_txt { padding-right:5px; display:inline-block; font-size:.8em;margin-bottom:2px; font-weight:normal}
span.small_txt:after {content:':'; padding-left:5px}

div.mypage-left {float:left;width:73%;height:100%; margin-bottom:50px !important}
div.mypage-right {float:right;width:25%;height:100%;}
div.profile-contents { clear:both;overflow:hidden}
div.profile-contents.pt20 { padding-top:20px}
.tit_change_graybg {height:auto; overflow:hidden; text-align:left;font-weight:bold; padding:8px 0 8px 5px; font-size:1.4em;border-bottom:2px solid #6a84bf;  margin-bottom:10px;color:#345ed6}

.small_info { font-size:14px; padding-right:10px;padding-top:3px;}
.small_info img { margin-right:3px; vertical-align:top; margin-top:2px}
.small_info a {color:#444; cursor:pointer; vertical-align:top;  }
.small_info:hover a {color:#3096F4}

.w70 .color-primary-1 { font-weight:bold; color: #ea74a6}
.infowrap { height:auto; overflow:hidden; padding:0; border-radius:30px; margin-bottom:25px}
.infowrap .photo { padding-bottom: 15px}
.infowrap .photo img {width:200px;border-radius:20px}
.infowrap .mypage_info { padding:50px 0 20px 20px;}
.infowrap .mypage_info p{ font-weight:bold; font-size:1.1em}
.infowrap .fr { width:25%; padding-top:10px;}
.infowrap .fr span { display:block;}
.infowrap .fr button {border-radius:0; padding:12px 12px; width:100%; border-radius:30px; background:#fff; margin-bottom:8px; font-size:1.1em; font-weight:bold !important}
button.link_pr_view { border:2px #ca80b5 solid; color:#ca80b5 !important; padding: 10px 20px; font-size: 1.1em}
button.link_pr_reg { border:2px #af408f solid; color:#af408f !important}
button.link_profile_edit { border:2px #96006c solid; color:#96006c !important}
button.link_change_pwd  { background:#96006b !important; color:#FFF !important}

.center.mb20 { margin-top:25px}

/* 공통 - 회원프로필 list */

div.profile-left {float:left;width:25%;min-width:225px;height:100%;}
div.profile-left div.infowrap {width:100%;margin:0 auto;}
div.profile-left div.infowrap > dl.photo {width:100%;text-align:center;padding:0;}

div.profile-left div.infowrap > dl.photo dd img {max-width:133px;height:160px}

div.profile-left div.infowrap > dl.view {width:100%; padding-bottom:20px}
div.profile-left div.infowrap > dl.view img {height:50px}
div.profile-left div.infowrap > dl.add {width:100%;background:#ef284e}
div.profile-left div.infowrap > dl.add > dd {padding:10px 0}
div.profile-left div.needhelp {width:90%;margin:0 auto;}
div.profile-left div.acc-content {height:auto}

div.m-regist div.profile-left {min-width: 220px;}

/* 마이프로필 - right */
div.profile-right { float:right;width:73%; background:#FFF;}
div.profile-right div.profile-title {padding-top:30px}
div.profile-right div.profile-contents { clear:both;padding:0px 10px 10px 10px;overflow:hidden}
div.profile-right dd.w100 {padding:5px 0}
div.profile-right dd.w100 textarea {height:350px;}
div.profile-right dd.w100.line.mb10 {height:260px; background:#f9f9f9; overflow: scroll; overflow-x:hidden; padding-bottom:8px}

div.profile-right h2.mystory {border-top:1px solid #d4d3d3;background-color:#faf4fa}
div.profile-right dl.profile input[type="radio"] {margin:2px;width:auto;height:auto}/*padding:auto;*/
div.profile-right div.open {height:auto}
div.profile-right div.backpink {background:#faf4fa}
div.profile-right dd.w100 {width:100%;padding:5px}
div.profile-right textarea {height:250px;padding:10px;line-height:1.5em;margin-bottom:5px}
	
dd.team_text {height:260px; background:#f9f9f9; overflow: scroll; overflow-x:hidden; padding:10px}

div.profile_boxstyle_view { padding:15px 15px 25px 15px;border-radius: 6px;border: 1px solid #C9C9C9; box-shadow: 0 1px 5px #C3C3C3; background: #fff; margin-bottom:10px; height:auto; overflow:hidden}
div.profile_boxstyle_view dl.config { 
	padding:0; clear:both;  height:auto; overflow:hidden;
}
div.profile_boxstyle_view dl.config dt, div.profile_boxstyle_view dl.config dd { font-size:.9em; text-align:center}
div.profile_boxstyle_view dl.config dt { background:#F9F9F9;border-bottom:1px solid #ddd; height:38px; padding:8px 0; font-weight:bold;width:100%; letter-spacing:-1px}
div.profile_boxstyle_view dl.config dt span.fl { padding-left: 5px}
div.profile_boxstyle_view dl.config dt .tooltip {padding-right:5px; text-align:left; font-weight:normal; font-size:15px; line-height:1.4em !important}
div.profile_boxstyle_view dl.config dd{width:100%; letter-spacing:-1px; padding:10px 0 25px 0;}
div.profile_boxstyle_view .col-lg-3 {padding:10px}

div.profile_boxstyle_bg { background:#f5f5f5; border-radius:6px; padding:15px 15px 25px 15px}
div.profile_boxstyle_bg textarea {height:350px;padding:10px;line-height:1.5em;margin-bottom:5px; border:none; margin-bottom:15px}
div.profile_boxstyle_bg .tit_change_graybg { color:#000; border-bottom: 2px solid #96006b}

.profile-contents button.orange {width:26%; padding:8px 10px}

button.orange.medium { background:#6f48d9; width:40%; border-radius:14px; height:30px; padding:6px}
button.gray.medium { background:#959393; width:40%; border-radius:14px; height:30px; padding:6px}

.wp100.h100 { height:400px}

.tooltip { float:right}
.tooltip img {vertical-align:middle; margin-left:5px}
.tooltip .tooltiptext-myprofile {
	visibility:hidden;width:250px; overflow:hidden;font-size:0.75em; letter-spacing:0;line-height:1.3em;background-color:#000;color:#fff;
	padding:8px;position:absolute;z-index:99; margin-left:-270px;
}
.tooltip .tooltiptext-myprofile.matching { margin-left:-255px; margin-top:18px}
.tooltip:hover .tooltiptext-myprofile {visibility:visible}


.tit_change{
	display: inline-block;
    background-image: linear-gradient(90deg, #f6e1f6 0%, #dbf5fc 100%);
    background-repeat: no-repeat;
    background-size: 100% 18px, calc(0% - 20px) 100%;
    background-position: bottom center;
    margin: 0 0 10px 10px;
    font-weight: bold;
    padding:15px 15px 2px 10px;
    font-size: 1.3em;
    color: #3332A7;
    letter-spacing: -1px;
}


.tit_change small{font-size:.75em; font-weight:normal; line-height:1.2em; display:inline-block}

/* 비밀번호 변경,탈퇴 */
.floatleft{float: left;width: 48%;padding:10px 30px 30px}
.floatright{float:right;width:48%;padding:10px 10px 30px 0}
.tooltip { float:right}

.signup_form span.subtext { display:inline-block;color:#ff0000; line-height:1.3em}
.signup_form span.correcttext {color: #00b050; line-height:1.3em}

/**
.mypage {position:relative;margin-bottom:40px;padding-left:270px;border:1px solid #d8d8d8}
.mypage::after {display:block;clear:both;content:''}
.mypage .infor {position:absolute;top:0;left:0;padding:20px;width:270px}
.mypage .infor .photo {margin-bottom:10px}
.mypage .infor .btnBc {margin-bottom:5px}
.mypage table {width:100%;border-left:1px solid #d8d8d8}
.mypage table tbody th {padding:10px 15px;width:190px;font-weight:normal;border-top:1px solid #d8d8d8}
.mypage table tbody th+td {border-left:1px solid #d8d8d8}
.mypage table tbody td {padding:10px 15px;color:#3d3d3d;border-top:1px solid #d8d8d8}
.mypage table tbody tr:first-child th {border-top:0}
.mypage table tbody tr:first-child td {border-top:0}
.mypage table tbody tr.bg th {background:#d6e6ea}
.mypage table tbody tr.bg td {background:#d6e6ea}
.mypage table tbody th.tit {padding:25px 30px;font-size:25px}
.mypage table span.snsAdd {display:inline-block;width:30px;height:30px;vertical-align:middle;background:url('/images/ic_snsadd.png') top left no-repeat;cursor:pointer}
**/

input[type="text"].inpTxt {padding:0 5px;border:0}

.payResult_txt {margin-bottom:50px;font-size:25px;text-align:center}

.custbox {margin-bottom:20px;padding:30px;border:1px solid #d8d8d8}
.custbox h3 {margin-top:30px}
.custbox h3:first-child {margin-top:0}
.custbox p {margin-bottom:10px}

.privCon {padding:30px;border:1px solid #d8d8d8}

.userguideCon {padding:30px;border:1px solid #d8d8d8}
.userguideCon > h2 {font-size:20px;color:#115fad;margin-bottom:10px}
.userguideCon > h3 {}
.userguideCon p {margin-bottom:30px}
.userguideCon > ul {margin:0 30px 50px 30px}
.userguideCon > ul li {list-style-type:disc; padding-bottom:8px}

.guidTxt {margin:-10px 0 10px;text-align:right}
.guidTxt2 {margin-bottom:10px;text-align:right}

.accepCon1 {margin-bottom:10px}
.accepCon1::after {display:block;clear:both;content:''}
.accepCon1 b {color:#ff3a6d}
.accepCon1 span {float:right}
.accepCon2 {margin-bottom:30px;border:1px solid #d8d8d8}
.accepCon2::after {display:block;clear:both;content:''}
.accepCon2 li {float:left;padding:20px;width:65%}
.accepCon2 li.first {width:35%;min-height:350px;text-align:center;border-right:1px solid #d8d8d8}
.accepCon2 li.first .infor {margin-top:5px;text-align:center}
.accepCon2 li.first .infor b {color:#ff3a6d}
.accepCon3 {margin-bottom:30px}
.accepCon4 {margin-bottom:30px;padding:30px 40px;font-weight:bold;border:1px solid #d8d8d8}
.accepCon4 p {margin-top:10px;font-weight:normal}

.resultCon {padding:30px 20px}
.resultCon p {text-align:center}
.resultCon .txt1 {margin-bottom:20px;padding:20px;font-weight:bold;background:#d6e6ea}

.photoUp {position:relative;margin-bottom:20px;padding-left:240px}
.photoUp .photo {position:absolute;top:0;left:0;width:230px}
.photoUp ul::after {display:block;clear:both;content:''}
.photoUp ul li {float:left;margin-bottom:6px;width:100%}
.photoUp ul li:nth-child(2) {padding-right:8px;width:74%}
.photoUp ul li:nth-child(3) {width:26%}
.photoUp ul li input[type="text"] {width:100%}
.photoUp p {padding:23px;text-align:center;background:#d6e6ea}

.photoResult {padding:80px 10px;text-align:center}
.photoResult b {display:block;margin-bottom:10px;font-size:30px;font-weight:normal}

.photoInfor {padding:20px}
.photoInfor .photo {margin-bottom:10px}
.photoInfor ul {margin:10px -5px 10px}
.photoInfor ul::after {display:block;clear:both;content:''}
.photoInfor ul li {float:left;padding:0 5px;width:20%}

.certiCon {padding:30px 40px}
.certiCon p {margin:35px 0;text-align:center}
.certiCon p b {font-size:20px;color:#005fad}

.certiCon2 {padding:30px 10px}
.certiCon2 .txt1 {margin-bottom:20px;font-size:20px;color:#005fad;font-weight:bold;text-align:center;letter-spacing:-1px}
.certiCon2 h3 {margin:40px 0 5px;color:#ff3a6d;font-weight:normal}
.certiCon2 .txt2 {margin:30px 0;text-align:center}
.certiCon2 p {margin-bottom:10px}

.avCon {padding:30px 40px}
.avCon p {margin:35px 0;text-align:center}
.avCon ul {width:96%;margin:0 auto 35px auto}
.avCon ul li {list-style-type:disc}


.attBox2 {margin-bottom:20px;padding:20px}
.attBox2 dl {margin-bottom:30px}
.attBox2 dt {margin-bottom:20px;font-size:20px;color:#005fad;font-weight:bold}
.attBox2 dd ol {margin-left:20px}
.attBox2 dd ol li {list-style-type:decimal;color:#3d3d3d}
.attBox2 input {display:block;margin:0 auto;min-width:300px;text-align:center}

.entrCon {padding:30px}
.entrCon p {margin-bottom:30px;text-align:center}
.entrCon ul li:last-child {margin-top:50px}
.entrCon ul li input[type="text"] {width:40%}

.entrCon2 {padding:40px 0;text-align:center}
.entrCon2 p {margin-bottom:30px;text-align:center}
br.pc_hidden { display:none}


/** 프로세스 **/
#applicationStatus {
  position: relative;
  width: auto;
  height: 140px;
  left: 40px; }

.applicationStatus li { /* Added this and moved much code to here */
  position: relative; /* this was a key property missing from your code */
  text-indent: 30px;
  height: 140px;
  background-color: #767676;
  display: inline-block;
  /* Dirty IE Hack */
  zoom: 1;
  *display: inline;
  /* margin-right: 30px; Eliminated this */
  margin-left: 30px;
  padding: 10px 10px 10px 30px;
  color: white;
  font-size: 18px;
  text-align: center;
  line-height: 150px;
}

ul.applicationStatus { /* this is irrelevant with the HTML you gave, but I added the class */
  list-style: none; }

li.applicationStatus:first-child:after, li.applicationStatusGood:after, li.applicationStatusNoGood:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 80px solid transparent;
    border-left: 30px solid #767676;
    border-bottom: 80px solid transparent;
    margin: -10px 90px 0 10px; 
}
li.applicationStatus:last-child:before, li.applicationStatusGood:before, li.applicationStatusNoGood:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    border-top: 80px solid transparent;
    border-left: 30px solid white;
    border-bottom: 80px solid transparent;
    margin: -10px 0px 0 0px; 
}

li.applicationStatus:first-child {
    padding-left: 10px;
    margin-left: 0;
}
li.applicationStatus:last-child {padding-right: 30px;}

li.applicationStatusGood {background-color: #77a942; }
li.applicationStatusGood:after {border-left: 30px solid #77a942; }

li.applicationStatusNoGood { background-color: #c42c00; }
li.applicationStatusNoGood:after { border-left: 30px solid #c42c00; }


/* modal 레이어팝업 pc-mobile 공통 */
div.modal {position:relative;background:#fff;margin:3px auto;width:100%;padding:0;float:none;z-index:999}
div.modal.bg {background:#ebf1f3;}
div.modal.m-regist h1 .color-primary-1 { color: #fd6f61 }
div.m-regist {width:100%;max-width:875px;border:3px solid black}
div.m-regist.wsmall { max-width:600px}
div.m-regist.middle {max-width:700px}
div.m-regist-meduim {width: 100%; max-width: 550px; border: 3px solid black;}

div.m-regist-large {width:100%;max-width:1080px;}
div.m-regist fieldset {padding:37px 0 0 116px}

div.modal button.closeModalLayer{;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;;font-size:0;text-indent:-9999px}
div.modal a {color:#fd6f61;text-decoration:none}

div.modal a:hover{text-decoration:underline}
div.modal a:focus{color:#ef284e;text-decoration:none}

div.modal h1{
	font-size:1.4em;font-weight:bold;background:#FFF;padding:20px 15px 10px 15px;color:#000;overflow:hidden; border-bottom:2px solid #96006b; letter-spacing:-0.08em;
/**	background-image:linear-gradient(90deg, #fbab18 0%, #c9148d 100%);background-repeat: no-repeat;background-position:bottom center; background-size:100% 1px; **/
	}
div.modal h1 span.modal_tit {width:95%; display:inline-block; font-size:.9em; letter-spacing:-1px}
div.modal h1 .cor {color:#ff7361}
span.b-close { background:url('/images/ic_close.png') 0 3px no-repeat; background-size:100%; width:18px; height:25px; cursor:pointer}	
.b-close.noicon { background-image:none;padding: 10px 20px; font-weight: 600;}

div.modal h1.notitle {padding:20px 20px 0 0;background:#fff;color:#333}
div.m-regist-large > h1.blue {font-size:1.25em;font-weight:bold;background:#2895ce;padding:20px;color:white}

div.modal-inside{position:relative}
div.modal-content {width:100%;margin:0;padding:20px 20px 30px 20px; height:auto; overflow:hidden}

div.modal-content label{ font-weight:bold;}

.txt_pledge { font-size:1.2em; text-align:center; padding-bottom:10px}
div.modal-content h1, h2, h3, div, dl, dt, dd, p {line-height:1.4em}
div.modal-content h2 {font-size:1.2em; padding-left:20px; padding-bottom:10px}
div.modal-content h2.fs115em { padding-left:0; padding-bottom:0}
div.modal-content h3 {font-size:1.25em;font-weight:bold;color:#333;background:none;padding:0}

/** 인증팝업 **/
.conts_info { padding:20px}
.conts_info h3{ font-size:1.3em;}
.conts_info h4 {color:#666;}
.conts_info h3 span, .conts_info h4 span {color:#ff7361}
.info_bg {background:#ecebe6; padding:20px 50px; margin-top:10px; }
.info_bg strong { text-decoration:underline}

li.tip {
    list-style: none; background: url('/images/icon_tip.png') 3px 2px no-repeat; background-size: 20px; padding-left: 30px; padding-bottom: 3px; margin-bottom: 8px;
}
li.tip .color-primary-1 { color: #777}


/* 공통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:#ef284e;font-weight:bold;border-top:1px solid #ef284e;border-left:1px solid #ef284e;border-right:1px solid #ef284e}
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:#ef284e;font-weight:bold;border-top:1px solid #ef284e;border-left:1px solid #ef284e;border-right:1px solid #ef284e;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}
div.idpw-top > ul.tabs {width:100%;height:35px;margin:0 auto;padding:0}
div.idpw-top > ul.tabs > li {float:left;display:inline-block;width:50%;padding:0;height:35px;line-height:35px;background-color:#777;color:white;text-align:center}
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:#7714c7;font-weight:bold;border-top:2px solid #7714c7;border-right:1px solid #d4d3d3}
div.idpw-top > ul.tabs > li.on a {color:#7714c7 !important;font-weight:bold}
div.termwrap {margin:0}

/* 공통 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%}

/* modal 로그인 - 입력폼 */
.login_tt span.b-close {position:absolute; top:10px; right:15px;background:url('/images/ic_close.png') 0 3px no-repeat; background-size:100%; width:18px; height:25px; cursor:pointer}	
.login_tt { width:100%; text-align:center; padding-top:40px}

div.joinform{width:93%;margin:auto;padding:0; height:auto;overflow:hidden}
div.joinform > div.inputform { float:left; width:70%; padding-top:10px}
div.joinform > div.inputform input {width:100%; height:40px}
div.joinform > div.inputbtn { float:right;width:20%; padding-top:10px}
div.joinform > div.inputbtn > button {width:100%;border-radius:50%; height:98px; margin:0; padding:0;background: linear-gradient(90deg, #fbab18 0%, #c9148d 100%);}
div.joinform > div.inputbtn > button.normal {padding:6px 12px;line-height:22px;height:35px}

div.joinform .clear { margin:20px 0;height:auto;  overflow:hidden}
div.joinform  p.saveid {float:left;text-align:left; padding-top:20px}
div.joinform  p.saveid  label { font-weight:normal}
div.joinform  div.seek {float:right; text-align:right;padding-top:20px; }
div.joinform  div.seek span{letter-spacing:-1px;font-weight:bold; color:#000}
div.joinform.pd30{padding:40px 15px !important}

div.joinform input {border:none; border-bottom:1px solid #777; border-radius: 0}
div.joinform input:focus { outline: none}
div.joinform input::placeholder {color:#000;}
div.joinform input::-webkit-input-placeholder {color:#000;}
div.joinform input:-ms-input-placeholder {color:#000;}

div.joinform .bg_txt { background:#f5ead6; padding:20px 10px;height:auto;  overflow:hidden}
div.joinform .bg_txt .fl { width:70%; font-size:.95em}
div.joinform .bg_txt .fl:lang(zh) { padding: 15px 0 0 15px}
div.joinform .bg_txt .fr {width:25%; }
div.joinform .bg_txt .joinnow { background:#cb1b87;border-radius:20px; color:#fff;  text-align:center; display:block; width:100%; padding:10px; margin-top:8px}   
div.joinform .bg_txt .red { color:#f4105d; font-weight:bold}

span.link_idFind:hover, span.link_pwdFind:hover, span.a_join:hover {color:#cb1b87; font-weight:bold; cursor:pointer}
	

div.Useagree {margin-top:20px;height:180px;overflow-y:auto; border:1px solid #ddd}



/** 탭(PR등록) **/
.tabarea label.pr1, .tabarea label.pr2, .tabarea label.pr3, .tabarea label.pr4  {
    float:left;border-bottom:1px solid #fd6f61; border-right:1px solid #ddd;
    width:24.85% ;height:35px;line-height:16px;  font-size:1em;text-align:center; padding-top:15px;
    background:#f5f5f5;margin-right:0; cursor:pointer 
}
.tabarea label.pr4{border-right:none}
.tabarea input#select1:checked + label.pr1, .tabarea input#select2:checked + label.pr2, .tabarea input#select3:checked + label.pr3 , .tabarea input#select4:checked + label.pr4 { 
	border:1px solid #fd6f61; border-bottom:none; background:#FFF; color:#fd6f61;
}
.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; height:auto; overflow:hidden}
.tabarea input#select2:checked ~ .page2{  display:block; clear:both; padding-top:20px; height:auto; overflow:hidden}
.tabarea input#select3:checked ~ .page3{  display:block; clear:both; padding-top:20px; height:auto; overflow:hidden}
.tabarea input#select4:checked ~ .page4{  display:block; clear:both; padding-top:20px; height:auto; overflow:hidden}

.upload-name {display:none}
.file-upload.photo-upload input[type="text"]+label { margin-bottom:12px;display: inline-block;width: 83px;height:30px;background: url('/images/selectfile.png') center 0 no-repeat;-webkit-background-size:  contain;background-size: contain;font-size: 0;vertical-align: middle;border: none;}
.upload-hidden {display:none}

/** 탭(마이매칭) **/
.tabarea label.match1, .tabarea label.match2 {
    float:left;border-bottom:1px solid #d73f6b; border-right:1px solid #ddd;
    width:49.8% ;height:45px;line-height:45px;  font-size:1em;text-align:center;
    background:#f5f5f5;margin-right:0; cursor:pointer 
}
.tabarea label.match2{border-right:none}
.tabarea input#select1:checked + label.match1, .tabarea input#select2:checked + label.match2 { 
	border:1px solid #d73f6b; border-bottom:none; background:#FFF; color:#d43772; font-weight:bold; font-size:1.2em;
}

div.add-photo {margin: 20px 0; height:auto; overflow:hidden; background: #ecebe6; padding: 20px 20px 0 20px} 
div.add-photo .disp_img {float: left;width: 25%; padding-right:20px}
div.add-photo .disp_img p {width: 100%; padding: 60px 0; background: #d6d5d0;text-align: center; border-radius:20px }
div.add-photo .disp_txt {float: left;width: 75%;}

div.photo-guide { width:100%; height:100%; overflow:hidden; border-top:1px solid #858585; border-bottom:1px solid #858585; padding:20px 0}
div.photo-guide figure.best {float: left;width: 25%;}
div.photo-guide figure.best p, div.photo-guide figure.worst p { padding-bottom:6px}
div.photo-guide figure.best p strong { color: #ff7361}
div.photo-guide figure.worst {float: left;width: 75%;}
div.photo-guide figure.worst small { line-height:1.1em; display:inline-block}

#txt_title { border-radius: 20px; margin-top: 10px; border: none; padding-left: 15px}
#txt_cntry_sms_no { border-radius: 10px; width: 45%}
#txt_hp_num {border-radius: 10px; border: none; width: 52%; padding-left: 20px}
#txt_mail_val {border-radius: 10px; border: none; width: 80%; padding-left: 20px; clear: both; margin-bottom: 15px}

/* 프로필 - 사진첩 */
div.slider-wrapper {position:relative;width:100%;margin:0 auto;box-sizing:border-box;overflow:hidden}
div.slider-wrapper > div.s-slides {border-top:1px solid #d4d3d3;border-bottom:1px solid #d4d3d3;background:#fff;padding:40px 20px; box-sizing:border-box;overflow:hidden; text-align:center}
div.slider-wrapper > div.s-slides span { vertical-align:middle}
div.slider-wrapper > div.s-slides img {position:relative;height:90%}

div.slider-wrapper > ul.s-thumbs {width:100%;text-align:center;overflow:hidden}
div.slider-wrapper > ul.s-thumbs li {float:left;display:table-cell;text-align:center;width:96px;padding:10px 5px;font-size:.9em;}
div.slider-wrapper > ul.s-thumbs li p{text-align:center; width: 100%;height:100px;margin-bottom:8px; padding:0 }
div.slider-wrapper > ul.s-thumbs li a {display:block;width: 100%;border:1px solid #ddd;}
div.slider-wrapper > ul.s-thumbs li img {}
div.slider-wrapper > ul.s-thumbs li input[type="checkbox"] { margin-left:0}
div.slider-wrapper > ul.s-thumbs li label {font-size:.95em; font-weight:bold}
div.slider-wrapper > ul.s-thumbs:lang(en) li input[type="checkbox"] {display:block; text-align:center; margin:6px auto 0 auto}
div.slider-wrapper > ul.s-thumbs:lang(en) li label {font-size:.95em; font-weight:bold;text-align:center; line-height:.5em}

#btn_basic {background:#fd6f61; padding:12px 20px; border-radius:20px; font-size:1.1em}
#btn_p_del {background:#7b7a7f; padding:12px 20px; border-radius:20px; font-size:1.1em}
span.imgicon { display:inline-block; background:url('/images/icon_none2.png') 0 0 no-repeat; width:43px; height:34px; background-image: 100%; margin-right:8px}

/** 팝업테이블 **/
.popuptabel .reg_sch {border-top:1px solid  #d8d8d8}
.popuptabel .reg_sch dl {width:100%;border:0;border-bottom:1px solid  #d8d8d8;height: auto; overflow: hidden}
.popuptabel .reg_sch dt {float: left; width:17%;padding:15px 5px;font-weight:bold;background:#fff; vertical-align: top; letter-spacing: -0.06em }
.popuptabel .reg_sch dd {float: left; width:82%;padding:8px 8px 6px 8px; text-align:center}
.blue.medium.btn_opn_save { background: #6f48d7; border-radius: 20px; padding: 6px 15px}
button.deepgray.link_travel_udt { background: #ffb3ab; color: #672b21}

 /* 마이매칭 - 쪽지 */
#tab1, #tab2, #tab3 {width:100%;height:580px;overflow-x:hidden;overflow-y:auto}
ul.tabs {margin:0;padding:0;list-style:none;height:45px;width:100%}
ul.tabs li {float:left;text-align:center;cursor:pointer;width:33.333%;padding-top:10px;height:45px;border-bottom:2px solid #fd6f61;font-weight:bold;background:#f5f5f5;border-right: 1px solid #ddd;overflow:hidden;position:relative}
ul.tabs li.sendMsg {padding-top:10px; border-right:none}
ul.tabs li.active {background:white;border:2px solid #fd6f61;border-bottom:1px solid white;color:#fd6f61}
ul.tabs li span.small { font-size:0.8em}

div.tab-container {min-height:600px;padding:20px; margin-top:20px !important}
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;}
div.tab-content > dl.title {display:inline-block;width:100%;padding:10px 0;overflow:hidden;border-top:1px solid #999; background:#f7f7f7}
div.tab-content > dl.title > dt {float:left;display:table-cell;padding:0;font-weight:bold;text-align:center;font-size:.9em}
div.tab-content > dl.list {width:100%;padding:8px 0; height:auto; overflow:hidden;border-bottom:1px solid #d4d3d3}
div.tab-content > dl.list > dd {float:left;display:table-cell;margin:0;padding:0;line-height:20px; font-size:.9em}
#tab3 dl.list { border-bottom:none !important}

div.tab-content > dl .id {width:6%}
div.tab-content > dl .name {width:15%}
div.tab-content > dl .contents {width:49%; padding-left:20px !important}
div.tab-content:lang(en) > dl .name {width:18%; letter-spacing:-0.05em}
div.tab-content:lang(en) > dl .contents {width:46%}
div.tab-content > dl .writedate {width:20%}
div.tab-content > dl .del {width:10%}
div.tab-content > dl dd.contents {text-align:left}
div.tab-content > dl dd.contents .nodoc2 { padding:1px 3px; background:#fd6f61; margin-right:3px; border-radius:0}

div.tab-content > dl.list > dd.name span {display:none}
div.tab-content > dl.list dd.nodata { padding:30px 0; text-align:center; width:100%}


div.tab-content > dl.list > dt {float:left;width:100%}
div.tab-content > dl.list > dd.compose {padding:20px 0; caption-side:both; width:100%; font-weight:bold}
div.tab-content > dl.list > dd.compose textarea {width:100%; height:350px}
div.tab-content > dl.list > dd.btn {text-align:center;width:100%;}

 textarea.memo_view {width:100%; height:420px; overflow-y:scroll; padding:10px; font-size:.85em; line-height:1.4em;background: #f5f5f5;}
 
 .m_view{display:none}
 
.guidefee {padding:40px 0 0 0}
.guidefee h3 { font-size:1.2em; text-align:center}
.guidefee table{ border:1px solid #bbb; width:50%; margin:20px auto; border-bottom:none}
.guidefee th {border-right:1px solid #bbb;border-bottom:1px solid #bbb;  padding-left:30px; font-size:1.1em}
.guidefee td { border-bottom:1px solid #bbb; padding:10px; font-size:1.1em; text-align:center}
div .onlyen {line-height:28pt}

/* 이벤트 유튜브(2023.0825) */
.event_youtube { height:auto; overflow:hidden}
.event_youtube .best { clear:both; display:inline-block; color:#cc1555; border:1px solid #cc1555; padding:0 10px; margin-bottom:8px}
.event_youtube .cols1{ border:1px solid #dedede;height:auto; overflow:hidden; margin-bottom:50px}
.event_youtube .cols1 .fl { width:60%}
.event_youtube .cols1 .fr { width:40%; padding:20px 30px}
.event_youtube .cols4 {height:auto; overflow:hidden; margin-bottom:40px}
.event_youtube .cols4  li{ float:left; width:24%; margin-right:1.33%; border:1px solid #dedede;height:auto; overflow:hidden}
.event_youtube .cols4  li:last-child { width:24%; margin-right:0;}
.event_youtube .tt { font-size:1.3em; font-weight:bold;    }
.event_youtube .tt2 { font-size:1.em; font-weight:bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;}
.event_youtube .hashtag { color:#6B6B6B; margin:15px 0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;}
.event_youtube .txt_info {font-weight:bold}
.event_youtube .txt_info p {color:#d4722a; font-size:1.1em;font-weight:bold}
.gourl button { background:#000;font-size:1.2em; padding:10px 20px; border-radius:20px;}
.gourl button.link_matching {background:#c81151;}
.event_date {color:#bd1a53; font-size:1.4em; letter-spacing:-0.06em; font-weight:bold; padding:15px 0}
.tt_en {font-size:1.8em;  font-weight:bold; padding-top:10px; padding-bottom:10px}

/* 결제화면*/

.floatleft.grid_left { width: 50%; border-radius: 20px; border: 1px solid #bbb;background: #f0f0f0; padding: 0}
.floatright.grid_right {width: 48%; border-radius: 20px;border: 1px solid #bbb; }
.floatright.grid_right .attBox {background: none;font-size: 1em}
.t_typel {border-collapse:collapse;width:100%; font-size: 1em; padding:6px}
.t_typel th {padding:20px 5px 12px 5px;text-align:center;border-bottom:1px solid #d8d8d8; vertical-align: top}
.t_typel td {padding:12px 5px;word-break:keep-all;border-bottom:1px solid #d8d8d8; text-align:left}
.t_typel tr:first-child th {border-top:0}
.t_typel tr:first-child td {border-top:0}
.t_typel .kan1 {width:25%}
.t_typel .kan2 {width:25%}
.t_typel .kan3 {width:25%}
.t_typel .name {display:block;color:#005fad}
.t_typel.th_bg tbody th {background:#fff}
.t_typel select {width: 100%;font-size: 1em}
.t_typel input[type="text"] {font-size: 1em; width: 110px;padding: 8px}
.t_typel.mb10 input[type="text"] {width: 100%}
.floatleft.grid_left .btnBc.big {width: 50%}

.t_typel .pay_method span { display: block; width: 100%;height: 54px;border-radius:10px;;background: #f0f0f0;color: #000;margin-bottom: 6px; padding: 15px 10px}

.t_typel div.method li { list-style:none; width:100%;  float:left;    margin-bottom: 0;margin-right: 2%; font-weight:bold} 
.t_typel 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 ;}
.t_typel div.method li .on { background-color: #222; color: #fff;}
.t_typel div.method li button:hover {color:#fff; opacity: 1;background-color:#222; }
.t_typel div.method li button.disabled { background: #eee; color: #777; border:1px solid #bbb}
.t_typel div.method li button.disabled:hover { color: #777;}
.t_typel div.method li .payverse_select {padding: 10px 20px 20px 20px; font-weight: normal}
.t_typel div.method li .payverse_select span { display: inline-block; background: none; padding: 2px 10px; width: auto}

.t_typel dl { border-bottom: 1px solid #bbb; height: auto; overflow: hidden}
.t_typel dt, .t_typel dd {float: left; padding:15px 8px}
.t_typel dt {width: 25%; font-weight: bold; text-align: center; padding-top: 25px}
.t_typel dd {width: 75%}

/* 매칭이벤트 (2024.02.21)*/
.main_evt { height: auto; overflow: hidden;}
#disp_event_td, #disp_big_event_td { padding:10px 0; height: auto; overflow: hidden}

li.eventlist { list-style:none; float:left; width:25%; padding:0 10px 25px 10px; }
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: 160px; border-radius: 15px}
li.eventlist div.event_photo img:hover { opacity:0.6}
li.eventlist div.contents {padding:8px 0}
li.eventlist div.contents h2 {font-size:1.15em; font-weight:normal; line-height:1.25em; height:42px;overflow: hidden;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
li.eventlist div.contents h3 {font-size:1.1em; line-height:1.3em; display:none}
li.eventlist div.contents p.detail span.pay {color:#a92e92; font-size:1em; font-weight:bold; display:block; margin-right:10px; padding-bottom: 8px }
li.eventlist div.contents p.detail {}
li.eventlist div.contents p.list_title { background: none;  font-size: 1.05em;   font-weight: normal;  line-height: 1.25em; overflow: hidden; height: 70px}
#disp_event { clear: both; height: auto; overflow: hidden}
.event_tab {padding:0 0 15px 20px; height: auto; overflow: hidden}
.event_tab li {float: left;padding: 8px 30px;width:auto;height: 40px !important;margin: 0 10px 6px 0;border: 1px solid #bbb;border-radius: 16px;margin-bottom: 6px;}
.event_tab li.on {background: #ff7360; }
.event_tab li.on a {color: #fff}
#disp_evtDay button, .nouser button{ font-size: 1.3em !important; padding: 10px 30px; width: 300px}
.nouser { text-align: center; padding-top: 15px}
.evt_txtarea { clear: both; border-top: 1px solid #bbb; padding-top: 10px}
.evt_txtarea .event_txt { display: inline-block; padding-top:5px}

/* 서브 원페이지 */
.oneP_conts { width: 85%; margin: 30px auto; height: auto; overflow: hidden}
.oneP_conts h2.subtt {font-size: 1.8em; letter-spacing: -0.02em; border-bottom: 1px solid #222; padding-bottom: 15px; margin-bottom: 30px}
.oneP_conts h2.subtt .onep_hide { display: none}
.oneP_conts h2.subtt p.col_pink2 {clear: both;color: #fe7277; font-size: 15px; padding-top: 5px }
.oneP_conts .fl.right {width:58%;padding:10px 0 50px 30px; height: auto; overflow: hidden; line-height: 1.6em; letter-spacing: -0.02em}
.oneP_conts .fl.right.wide { width: 71%}
.oneP_conts .fl.right.wide h4 { color: #eb6a42; font-size: 1.4em; padding-bottom: 15px}
.oneP_conts .fl.right.wide h4 br {display: none}
.oneP_conts .fl.right strong { color: #650ff7; border-bottom: 1px solid #650ff7;font-size: 1.1em }
.oneP_conts .fl.right span {color: #eb6a42; font-weight: bold; font-size: 1.1em}
.oneP_conts .fl.right span.bold { color: #000;border-bottom: 1px solid #222;}
.email_reg { clear: both; margin: 30px 0; background: #f3e5e1; text-align: center; padding: 15px}
.email_reg strong { color: #d34a74}


/* 비자 1P */
.oneP_conts h2.subtt.visa {border-bottom: none; margin-bottom: 10px; padding-left: 25px}
.visa_area { background: none ;background-color: #f3f3f3;  padding:20px  30px; height: auto; overflow: hidden;}
/*.visa_area.us {background: url(/img/visaimg_us.jpg) no-repeat  ;background-color: #f3f3f3;  background-size: 40%;background-position: right bottom 20px  }
.visa_area.myanma { background: url(/img/visaimg_myanma.jpg) no-repeat right bottom ;background-color: #f3f3f3;background-position: right bottom 20px  }
.visa_area.india { background: url(/img/visaimg_india.jpg) no-repeat ;background-color: #f3f3f3;background-size: 35%;background-position: right bottom 10px  }
.visa_area.canada { background: url(/img/visaimg_canada.jpg) no-repeat right bottom ;background-color: #f3f3f3; background-size: 37%;  background-position: right  bottom 10px }
.visa_area.saudi { background: url(/img/visaimg_saudi.jpg) no-repeat right bottom ;background-color: #f3f3f3; background-size: 38%;   background-position: right -40px bottom 30px }
.visa_area.china { background: url(/img/visaimg_china.jpg) no-repeat ;background-color: #f3f3f3;background-size: 37%;   background-position: right bottom 10px }
.visa_area.uganda { background: url(/img/visaimg_uganda.png) no-repeat ;background-color: #f3f3f3;background-size: 32%;   background-position: right 15px  bottom 10px }
.visa_area.kenya { background: url(/img/visaimg_kenya.png) no-repeat ;background-color: #f3f3f3;background-size: 27%;   background-position: right 10px bottom 10px }*/
.visa_area .visa_txt { display:block; font-size: 1.1em; text-align: left}
.visa_area ul { clear: both; padding:12px 0;height: auto; overflow: hidden; border-bottom: 1px solid #a3a3a3}
.visa_area ul:last-child { border-bottom: none}
.visa_area ul li {float: left}
.visa_area ul li:first-child { color: #113b87; font-weight: bold; width:100px}
.visa_area ul li strong.mail {color:#d5497a}
.visa_area ul li.wide {width:100%;padding-bottom:10px}

.requestwrap {  background: #f2eae4; padding: 30px}
.requestwrap h3 { text-align: center}
.requestwrap .requestbox {position:relative;padding:25px;max-width:840px;margin:20px auto;overflow:hidden; border-top: 1px solid #c1a2a2; }
.requestwrap .requestbox > dl {position:relative;width:100%;margin:0 auto;padding:0;margin-bottom:7px;overflow:hidden;font-size:.9em}
.requestwrap .requestbox > dl dt {float:left;width:17%;padding:10px 0 0 0;text-align:left;clear:left; font-weight: normal}
.requestwrap .requestbox > dl dt.pt5 { padding-top: 0}
.requestwrap .requestbox > dl dd {float:left;display:table-cell;width:83%;padding:0;text-align:left}
.requestwrap .requestbox > dl dd.reg_tt {padding:0 0 10px 135px; font-size: 1.3em}
.requestwrap .requestbox > dl dd input[type="text"], .requestwrap .requestbox > dl dd input[type="phone"], .requestwrap .requestbox > dl dd input[type="email"] { width: 100%; border-radius: 8px; height: 40px; border:1px solid #beb7b7; padding-left: 10px }
.requestwrap .requestbox > dl dd textarea {width:100%;height:300px;border-radius: 8px;border:1px solid #beb7b7; padding-top:12px;line-height:1.25em;overflow:auto}
div.w100 {margin-top:15px;padding:20px 0 0 0; text-align:center}
div.w100 button {width:250px; margin: 0 auto;border:0;background-color:#d5497a;color:#FFF; padding:10px; border-radius:30px;font-size:1.2em;letter-spacing:-.05em;font-weight:400; cursor:pointer}

/* 비자 게시판 */
.board_area {padding-top: 20px}
.board_area h2 {font-size: 1.4em;padding: 8px; border-bottom: 2px solid #B6B6B6}
.link_bbsB {}
.forum-list { padding: 8px; border-bottom: 1px solid #B6B6B6}
.forum-list span { display: inline-block; width: 40px; text-align: center}
p.forum-list:hover {bacenround: #f9f9f9f}

.only_kr { display: none}
.only_kr:lang(ko) { display: block}

/* 취업결혼 이민 페이지 */
.immi_area {text-align: center; width: 100%;height: auto;overflow:hidden; padding-bottom: 50px }
.immi_topbg {background: url('/img/visa/top_bg.jpg') repeat-y; width: 100%;height: auto; overflow:hidden; background-size: 100%;text-align: center;  }
.immi_toparea:lang(ko) { width: 848px;height: 370px;margin:0 auto;background: url('/img/visa/top_img_kr.png') no-repeat 0 center;overflow:hidden; }
.immi_toparea:lang(en) { width: 848px;height: 370px;margin:0 auto;background: url('/img/visa/top_img_en.png') no-repeat 0 center;overflow:hidden; }
.immi_toparea:lang(jp) { width: 848px;height: 370px;margin:0 auto;background: url('/img/visa/top_img_jp.png') no-repeat 0 center;overflow:hidden; }
.immi_toparea:lang(zh) { width: 848px;height: 370px;margin:0 auto;background: url('/img/visa/top_img_cn.png') no-repeat 0 center;overflow:hidden; }
.immi_toparea .fr { padding: 20px 70px 0 0}
.immi_toparea h1 { color: #fff; text-align: center; padding: 115px 0 0 0; font-size: 3.7em}
.immi_toparea h1:lang(en) {padding: 290px 120px 0 0; vertical-align: bottom }
.immi_area .btn_bg {background: #dc5a76;border-radius: 40px;width:auto;padding: 20px 50px;display: inline-block;margin: 30px auto 0 auto;font-size: 1.5em; color: #ffd237}

/*결제하기 */

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:25%;}
div.purchase-order.result  > dl > dd{width:75%;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 }
#spn_part_money_usd span.desh {display: none}
#spn_part_money_usd:lang(ko) span.desh {display:  inline-block}
#btn_payment {width:50%; margin-top: 20px; height: 45px; cursor: pointer}
.us_info {padding-top: 8px}
.smalldot_pink {display:block;background:url('/images/dot2.png') no-repeat 0 8px; padding-left:15px; padding-bottom:6px; vertical-align:top; }

 /* Tablet Device */
@media all and (max-width:1024px) {
	/* 상단 */
	#header .head_box {padding-top:10px;max-width:95%;min-height:120px;}
	#header .head_box .logo {display:inline-block;background-size:180px}
	#header .head_box .globm {position:absolute;top:20px;right:0}
	
	#gnb {position:absolute;bottom:20px;right:0}	
	#container #content {max-width: 1000px;}
	#footer #fmenu { width:95%}
	
	/** Main **/
	.titarea_main {padding:20px 0 0 30px; }
	p.tit_main_small:lang(en) {font-size: 1.8em;}	

	.mCon1 {width:96%; margin:0 auto 30px auto}
	.mCon1 ol li {font-size:1.1em;line-height:1.4em;}
	.mCon1:lang(en) ol li, .mCon1:lang(zh) ol li {font-size:1.05em;line-height:1.4em;}
	
	.mTxt  {width:96%; margin:0 auto;margin-bottom:30px}
	.profile {padding:0;border:0}
   .signup_info {padding-top: 0}
	.profile .infor {position:relative;margin:0 auto}
	.profile table {border:1px solid #d8d8d8}
	.profile .tit {position:relative;margin-top:30px;padding:20px;width:100%;border:1px solid #d8d8d8;border-width:1px 1px 0}
	.profile .tit span {display:inline}

	.payGuide dl dd ul li {margin-bottom:10px;width:50%}
	
	.tabMenu ul.mx li {min-width:100px}

	/**.link_pr_view, .link_pr_reg { width:85%; margin-bottom:5px}**/
	

	.mypage {padding:0}
	.mypage .infor {position:relative;margin:0 auto}
	.mypage table {border:1px solid #d8d8d8;border-width:1px 0 0 0}

	.btnList {text-align:center}
	.btnList .right {float:none;display:inline-block}
	.btnList .btnBc {margin-bottom:5px}

	.photoUp {padding:0}
	.photoUp .photo {position:relative;margin:0 auto 20px}

	.entrCon ul li input[type="text"] {width:100%}

}

@media all and (max-width:800px) {
	/* 상단 */
	#header .head_box {padding-top:10px;max-width:95%;min-height:60px; text-align:center}
	#header .head_box .globm, #gnb {display:none}
	#header .head_box .btnMenu {display:block;position:absolute;top:15px;left:10px;width:24px;height:24px;background:url('/images/ic_menu.png') no-repeat center center;background-size:100% auto}
	#header .head_box .logo {display:inline-block; background:url('/images/logo_m.png') center 8px  no-repeat;width:200px; height:40px; background-size:130px}
	/*#header .head_box .logo {display:inline-block; background:url('/images/logo_beta.png') center 5px  no-repeat;width:200px; height:40px; background-size:180px}*/
	
	.main_topbg .fl { float:left; width:50%}
	
	p.tit_main_small {font-size:1.4em}
	.titarea_main { padding-top:100px}
	.mConBox{ width:95%}
	.mCon1 ol li {font-size:.9em;line-height:1.6em; padding-left:10px;}
	.mCon1 ol li:first-child { padding-left:20px}
	.mCon1 ol li:last-child { padding-left:5px}
	.mCon1:lang(en) ol li {font-size:1em;line-height:1.3em;}
	.mCon2 select {letter-spacing:-1px}
	.mTxt li {position:relative; float:left; width:50%;padding-bottom:30px;font-size:.9em; line-height:1.3em;}
	p.main_txt { font-size:14px; font-weight:bold}
	.mCon_merit { margin:30px auto; width:90%}
   .main_icon01 {padding-right:50px; padding-left:10px}
	
	#footer {padding:30px 0}
	#footer #fmenu .fmenu li { font-size:0.9em}
	div.ban_link {padding:10px 0}
	#footer #fmenu #fcopy { width:60%}
	
	
	/* 마이프로필 */
	div.profile-left {min-width: 170px;}
	
	
	/* 마이매칭 */
	.matcCon > ul:first-child { display:none}
	span.txtview_m { display: inline-block; padding-right:8px; font-weight:bold}
}


 /* Mobile Device */
@media all and (max-width:640px) {
   
   #container {background-size: 100% 80px;}
   #container #content { padding:15px;}
   #container .subtop #content{ padding:0;}
   #container .main_random #content {padding:5px 0 5px 0}
	.main_area #container #content { padding: 10px 10px 10px 10px}
    .subtop {padding:10px 0; margin-bottom: 0}
	h1.title {padding:15px 0 0 0; font-size: 1.8em; line-height:1.1em; margin-top: 0}
   
   .subConBox {padding-top:10px}
   .subConBox.event { padding-top:0}

	div {font-size: 1em; letter-spacing:-0.05em}
	.breadcrumb { display:none}
	h2.col br.pc_hidden { display:none !important}
	.m_view {display:inline-block}
	.m_hidden {display:none}
	.pc_hidden {display: block !important}
	.mCon2 p.tit .pc_hidden {display:none}
	.mCon2 p.tit.line2 .pc_hidden {display:none !important}
	/* header - left - 모바일 */
	div.nav-left {float:left;width:100%;height:100%;overflow:hidden;}
	li span.icon_memo { background-position:0 10px}

	.mbMenuWrap .mbmenu li button.small {width:50%; margin-bottom:4px; padding:6px 0;  font-size:1em; background:#f1f1f1; color:#444;}

	
	.nav-left .btnClose {position:absolute;top:5px;left:300px; z-index:101} 
	.nav-left .btnClose button {background:url('/images/ic_close2.png') no-repeat center center;width:40px;height:36px; background-size:20px 20px}
	.mbMenuWrap {display:block;position:absolute;top:0;width:340px; height:auto; overflow:hidden;z-index:100;background:#fff; }
	.mbMenuWrap .mbMenu_bg {background: linear-gradient(90deg, #fbab18 0%, #d44b77 100%); height:auto; overflow:hidden; padding:0}
	
	.mbMenuWrap .mbmenu {padding:0}
	.mbMenuWrap .mbmenu li {margin:0;padding:13px 10px 13px 70px; background:#FFF;border-bottom:1px solid #ddd;}
	.mbMenuWrap .mbmenu li a {display:inline-block;font-size:1.05rem; color:#000; font-weight:bold;box-sizing:border-box; }
	.mbMenuWrap .mbmenu li a:hover {color:#DCA7E8}
	.mbMenuWrap .mbmenu li.ic1,
	.mbMenuWrap .mbmenu li.ic2 {background-size:15px auto}
	.mbMenuWrap .mbmenu li.ic1 {background:url('http://web.couple.net/images/icon-nav-ss.png') 0 0 no-repeat;}
	.mbMenuWrap .mbmenu li.ic2 {background:url('http://web.couple.net/images/icon-nav-mp.png') 0 0 no-repeat}
	.mbMenuWrap .mbmenu li.ic3 {background:url('http://web.couple.net/images/icon-nav-pe.png') 0 0 no-repeat}
	.mbMenuWrap .mbmenu li.ic4 {background:url('http://web.couple.net/images/icon-my-pay.png') 0 0 no-repeat}
	.mbMenuWrap .mbmenu li.ic5 {background:url('http://web.couple.net/images/icon-nav-ug.png') 0 0 no-repeat;}
	.mbMenuWrap .mbmenu li.ic6 { display:none}
	.mbMenuWrap .mbmenu li.ic1, .mbMenuWrap .mbmenu li.ic2, .mbMenuWrap .mbmenu li.ic3, .mbMenuWrap .mbmenu li.ic4, .mbMenuWrap .mbmenu li.ic5, .mbMenuWrap .mbmenu li.ic6	{ background-position:30px 10px; background-size: 25px}
	.mbMenuWrap .mbmenu li.ic2 span {color:#ff3a6d;font-weight:bold}
	li span.icon_memo { background-position:0 0;}

	/** 햄버거 메뉴 로그인사진 **/
	.mbMenuWrap .ic_no {margin:30px 0;}
	.mbMenuWrap .ic_no td { padding:20px 10px;  text-align:center; vertical-align:middle; width:40%; border-right:1px solid #fff; color:#fff;}
	.mbMenuWrap .ic_no td:last-child {border-right:none; width: 60%}
	.mbMenuWrap .ic_no td  p {text-align:center; padding-bottom:12px; letter-spacing:0 }
	.mbMenuWrap .ic_no td  p:lang(en) {letter-spacing:-0.05em}
	.mbMenuWrap .ic_no button.small { border:1px solid #fff; background:none; border-radius:20px; padding:8px 10px; width:80%; font-weight:bold !important}
	.mbMenuWrap .ic_no button.gray.small {width:auto}
	.mbMenuWrap .ic_no .photo { text-align:right; float: left; width: 40%}
   .mbMenuWrap .ic_no .loginon { float: left; text-align: left; padding: 0 0 30px 30px}
	.mbMenuWrap .ic_no  p { color:#fff;text-align:center;}
	.mbMenuWrap .ic_no  p a {color:#fff;}
	.mbMenuWrap .ic_no  p.login_txt {  font-size:1.1em;}
	.mbMenuWrap .ic_no .photo .image-wrap{border-radius: 50%;width: 100px;height: 100px; border: 1px solid #fff;background: #ddd; position: relative; display: inline-block; overflow: hidden; vertical-align: middle}
	.image-wrap-circle { width: 100px;height: auto; vertical-align: middle;}
	li .link_matching span.new { margin-top:10px; padding-top:5px}
	.mbMenuWrap.on {left:0}
   
   div.nav-left-lang { padding: 0; background: #eee; height: auto; overflow: hidden}
   div.nav-left-lang  ul.m_globm li {
    float: left; display: table-cell; width: 49.8%; height: 45px;padding: 15px 0; cursor: pointer;
    font-size: 1em;color: #000;  letter-spacing: 0; letter-spacing: -0.06em;text-align: center;
    border-right: 1px solid #bbb; border-bottom: 1px solid #bbb;
    }
   div.nav-left-lang  ul li:nth-child(2), div.nav-left-lang ul.m_globm li:last-child {border-right: none;}

	#container .mymc { margin-bottom:15px; background-size: auto 100%;}
	#container .mymc #content {padding:0}

	/** 메인 **/
   .main_topbg2024 span { width: 100%; display: block; padding-bottom: 30px}
    .main_topbg2024 span img {width: auto}
	 .main_tt h2 { padding-top: 20px; line-height: 1.1em;    font-size: 1.8em;letter-spacing: -0.06em;  text-align: center}
    .main_tt h3 {padding-left: 0;font-size: 1.3em;line-height: 1.2em; }
   .main_tt.mobile { font-size:1.2em; letter-spacing: -0.06em }
   .main_tt.mobile:lang(en) {font-size:1.1em;}
   .main_tt span.fr { padding-top: 12px}
   .main_tt span.fr:lang(en) {display: none}
   .main_tt.title span.fr { float: left}
   
   .main_ban { padding:0 10px 20px 10px}
   .main_ban span.fl { padding-bottom: 15px}
   
   
	.main_top_txt { display:none}
	.main_topbg .fl {width:100%;}
	span.fr.b-close { display:inline-block}


	.main_topbg .fl { width:100%; padding-top:0}
	.main_topbg .fl:lang(zh), .main_topbg .fl:lang(en) {padding-top:0}
   .main_topbg .fl.m_hide { display: none}

	p.tit_main_small:lang(en) {font-size:1.5em;line-height:1.3em;}
	h2.col { font-size:1.6em; line-height:1.3em;}
	h2.col:lang(en) { font-size:1.7em;line-height:1.2em}
	h2.col:lang(zh) { font-size:2.2em;}
	h2.stit_top { font-size:1.4em}
	h2.stit { font-size:1.2em; line-height:1.3em; padding-top:20px}
	h2.stit:lang(zh), h2.stit:lang(en)  { font-size:1.1em;}

	.mConBox  {clear:both !important; width:95%;margin:10px auto;padding:0;border-radius:30px;border:4px solid transparent}
   .mymc .mConBox { width:100%;}
   .mConBox.my {border-radius: 30px}
    .main_random .mobile { display: block}
   .main_random .fr.main_ban100 {width: 95%; margin: 10px auto;float: none; border-radius:10px}
    .main_random .fr.main_ban100 span {padding-top: 10px; font-size: 14px !important}
    .main_random .fr.main_ban100 { height: 45px; background-position: top -14px left 15px !important; }

	/* 메인 여행지 */
   .main_random { padding:0}
	.main_topbg2021 #content { padding:0 !important}
	.titarea_main {padding:20px; width:100% !important; box-sizing:border-box }
	h1.tit_main { display:none; font-size:1.5em !important; line-height:1.4em;padding-left:20px; padding-right:20px;}
	h1.tit_main:lang(zh) {font-size:1.3em !important; font-weight:normal;line-height:1.6em;; padding-left:5px; padding-right:5px}
   
   .main .mymc .mConBox.my { width: 95%}
	.mCon2 {font-size:1em; padding:30px 20px}
   .mCon2.my { padding:10px 15px 15px 15px}
	.mCon2 .fl.area, .mCon2 .fl.wp50 {width:100%; float:none; padding-right:0;padding-left:0}
	.mCon2 .fl.pl20 {width:100%; padding-left:0; padding-top:0; height:auto; overflow:hidden}
	.mCon2 .fl p.tit .pc_hidden {display:none !important}
	.mCon2 .fl input.wp100 { margin-top:0}
	.mCon2 p.tit, .mCon2 p.tit.pt10 { margin:0; padding-bottom:5px; padding-top: 8px}
   .search_bg.cal span.datesel, .search_bg.age span {display: inline-block; width: 49%}
   .search_bg.age span { padding-left: 30px}
   .mCon2 .evt_check { padding-top: 0; float: right}

   .agenone {padding-top:10px}
   .search_bg.age { width: 100%}
   .mCon2 .fl select { width:100%; border:0}
	.mCon2 .fl #sel_tourattr_cd { width:99.8%}
	.mCon2.my button.reg { height:46px; margin-top:10px; border-radius:16px}
   .mCon2.my .search_bg.area, .mCon2.my .search_bg.area.wp100, .mCon2.my .search_bg.place { width:100%; height: 42px}
   
   .main_tt2 { padding: 0 10px; text-align: center; display: none}
   .main_tt2 .fr { width: 100%; float: none}
   .main_tt2 .fr .mobile { width: 100%}
   .main_tt2 .fr span.main_btn { width: 100%}
   .main_random .mConBox.my .tt { text-align: center; padding:0 0 5px 0;  margin-bottom: 5px; font-size: 1.3em; display: block; letter-spacing: -0.06em}
   .main_random .mConBox.my .tt img {width: 75%}
   .mConBox.my .tt br {display: block}
   
   .mobile.ban {width:85%; margin:0 auto 20px auto}
   .mobile.ban span.main_btn {width: 100%}
   
	.main_conts { padding:10px 15px !important}
	.main_conts h2 { font-size:1.1em; letter-spacing:-1px}
	.main_conts li{ width:50%; float:left; padding:15px 0.5% }

	#content div.mCon1{width:100%}
	#content .ng-scope .mCon1{width:95%;}

	.mCon_merit:lang(en){ margin-top:0}
	.mCon_merit2 {margin-top:10px}
	.main_icon03 {padding:20px 15px; background:none}
	.main_conts.m_view { padding:0}
	.main_conts.m_view .mCon_ban {border-top: 1px solid #ddd; height: auto; padding:15px 0 15px 15px; font-size:1.4em; overflow: hidden;background:url('/images/main_meritbg02.jpg') bottom right no-repeat;}
	.main_conts.m_view .mCon_ban p {font-size:.75em !important; padding-top:8px; font-weight:bold ;text-shadow: 1px 1px 1px rgba(255,255,255,1);}

	.main_icon03 p.dot2 {background-position:0 10px; padding-left:15px}
	.main_icon04 p.txt{display:inline-block}
	.main_icon04 .fl.tit { text-align:center; width:100%; padding-bottom:10px}
	.main_icon04 .fl img {margin-top:2px}
	.main_icon04 span { float:left; width:100% ; padding:8px 0 6px 0}
	.main_icon04 .step { margin-left:0; width:40%;    padding: 3px 5px;}

	.mCon1{margin:0 auto 20px;max-width:509px;width:100%;background-size:100% 90%; padding-bottom:0}
	.mCon1 ol {background:url('/images/step_bg_01_m.png') top center no-repeat;background-size:100%}
	.mCon1 ol li{
	float:none;padding:10px 20px;width:100% !important; margin:0 auto; text-align:center;height:140px; font-size:1.05em; line-height:1.3em; 
	background:url('/images/step_bg_02_m.png') bottom center no-repeat;background-size:100%
	}
	.mCon1 ol li:first-child{background-size:100%;padding-top:10px; height:120px}
	.mCon1 ol li.step2{background:url('/images/step_bg_03_m.png') bottom center no-repeat;background-size:100%; height:160px}
	.mCon1 ol li.step3{background:url('/images/step_bg_03_m.png') bottom center no-repeat;background-size:100%;height:110px}
	.mCon1 ol li:last-child{padding:10px 10px 0; background:url('/images/step_bg_04_m2.png') center bottom no-repeat;background-size:100%;height:130px;}
	.mCon1 ol li span.txt{display:inline}
	.mCon1 ol li span.br_m{display:block}
	.mCon1 ol li .num{ position:absolute;top:auto; left:0;bottom:5px; text-align:center;width:100%; background:none;}
	.mCon1 ol li .num .circle {display:inline-block;background: linear-gradient(90deg, #fbab18 0%, #c9148d 100%); padding:3px 6px}
	.mCon1 ol li:last-child .num { padding-left:0}

	.mCon2 select { width:45%}
	.mCon2 input.wh80 {width:120px}
	span.en:lang(en) {display:block}

	.mCon1:lang(en) ol li {font-size:1.1em; padding-left:10px; padding-right:10px !important; line-height:1.2em}
	.mCon1:lang(en) ol li.step2{height:150px}
	.mCon1:lang(en) ol li.step3 {height:120px}
	.mCon1:lang(en) ol li:last-child{height:150px;}

	.mCon1:lang(zh) ol li {font-size:1em;line-height:1.4em;}
	.mCon1:lang(zh) ol li:first-child{height:140px}

	.main_icon01.nobg, .main_icon02.line { padding:20px 0 !important}
	.mCon3.main ol li { padding:10px}
	.mCon3.main ol li.step2 {padding-right:15px}

	.mTxt li {position:relative;clear:both; width:100%;padding-bottom:30px;font-size:.9em; line-height:1.3em; height:auto}
	.mTxt li.main_icon01, .mTxt li.main_icon02, .mTxt li.main_icon03, .mTxt li.main_icon04 { background-size:60px; padding:0 20px 20px 90px;}

	.main_icon01, .main_icon02 { width:100%}
	.main_icon01 {padding: 20px 20px 20px 10px; background:none; border-bottom:1px solid #ddd}
	.main_icon02 {padding: 20px 20px 40px 10px;background: url('/images/main_meritbg02_m.jpg') no-repeat; background-position: bottom right -20px}
	.main_icon01:lang(en) {padding:20px 20px 15px 15px; } 
	.main_icon02:lang(en) {padding:20px 60px 15px 15px; } 
	.main_icon02 .main_txt {padding-right:30px}
	.main_icon02:lang(kr) .main_txt {padding-right:70px}
	p.main_txt { font-size:.9em; padding-left:5px}
	p.main_txt br {}
	.m_view {display:block !important}
	
	/* 메인 리뉴얼 */
	.grid2, .grid3{width: 100%; margin-bottom: 10px; padding: 0}
	.grid2 .fl {width: 40%}
	.grid2 .fl.regtxt { width: 60%}
 
	/* 이용안내*/
	.process_img span { width:100%; padding-bottom:10px}
	.payinfo { width: 100%; font-size:1.35em;padding:20px 0 10px  0; }
	.payinfo.guide { width:100%}
	.payinfo p {font-size:.85em; letter-spacing:-0.1em}
	.payinfo span.tt { font-size:1.4em; }
	.payinfo .fl, .payinfo .fr {width:100%; clear:both}
	.btnBc.big { width:80%; font-size:1em; padding:10px; margin:30px 0 20px 0;font-weight:normal}
	.certi { padding-top:0}
	.certi .fl { padding-bottom:25px}
	.certi .fl, .certi .fr, .certi .fl:lang(zh), .certi .fr:lang(en) { width:100%}
	.certi h2.title { text-align:left}
	.col_blue.bold {display:block}

	.stitle { font-size:1.06em; line-height:1.4em;letter-spacing: -0.04em;}
	.mCon_merit2 { width:100%}
	.guidenew th, .guidenew td, .guidenew:lang(en) th {width:100%; display:inline-table; box-sizing:border-box}
	.guidenew th {border-bottom:none; padding:10px 0 0 0}

	.guidenew td {padding:0 0 10px 20px;}
	.guidenew th p.main_merit { width:auto; clear:both; margin-bottom:6px}
	.guidenew td, .guidenew th { font-size:.95em}


	.main_pay { margin:20px 0 0 0;}
	.main_pay .fl {float:none; width:100%; padding:0; text-align:center}
	.main_pay .main_event, .main_pay .payinfo { padding:15px 0} 
	.main_pay .payinfo .btnBc.big { margin:0}


	/* 메인 프로세스 */
	.main_step_area {width:100%; margin:0 auto;}
	.main_step:lang(ko) { padding-left:20px}
	.main_step { padding:0 20px}

	.main_event { width:100%; background:none; margin:0; padding-top:0}
	.main_event img {width:100%}
	.main_event a span { height:auto; overflow:hidden; display:inline-block}
	.main_event .main_btn { clear:both; margin:-8px auto 0 auto; padding:6px 20px; border-radius:0}

	/* 로그인 */
	div.joinform {width:100%; padding:0 10px}
	div.joinform > div.inputform, div.joinform > div.inputbtn {width:100%;}
	div.joinform > div.inputbtn > button { border-radius:30px; height:auto; padding:12px 20px}
   div.joinform .bg_txt .fl, div.joinform .bg_txt .fr {width: 100%; padding: 5px 20px}

	.login_tt{ padding:40px 5px 5px 0}

	/*셀프서칭 */
	.white-box .fl {width:100% !important; border-right:none}
	.col-lg-4 { width:100%; max-width:100%}

	/* 고객센터 */
	.bg_pay {background:url('/images/bg_pay.jpg') top center no-repeat; background-size:cover; width:100%; padding:20px; height:auto; overflow:hidden; margin-bottom:50px}
	.fl.txt_pay {clear:both; font-weight:bold; line-height:1.6em; padding-top:0}
	.fr.btn_pay {clear:both; width:100%; text-align:center;padding-top:10px; margin:0 auto}

	/* 하단 */
	#footer #fmenu #fcopy { width:100%}
	#footer #fmenu #fban { clear:both !important;width:100%; text-align:center; margin:0 auto; padding:0 15px}
	#footer #fmenu .fmenu, address { display:block; width:100%}
	#footer #fmenu .fl { width: 100%; padding:0 20px}
   #footer #fmenu .fl .line-desh {display: block}
    #footer #fmenu .fl .line-desh:after {content: none}
	#footer {padding-bottom:25px}
	#footer .fmenu {margin-bottom:25px;padding:2px 0;}
	#footer #fmenu .fmenu li {  font-size:1em;line-height:1.4em; letter-spacing:0}
	#footer address {font-size:.95em;line-height:1.3em;padding:2px 0;letter-spacing:0}
	#footer address .line::before {display:none}
	#footer small {margin-top:15px;line-height:20px}
	address p { line-height:1.4em}

	.minput {margin-bottom:40px}
	.minput a {font-size:20px;line-height:44px;border-radius:22px}

	.mTxt li {padding-right:30px;font-size:0.9em;line-height:1.4em;}



	/** 404 에러 **/
	div.tablewrap {margin:0 auto;padding:15px;overflow:hidden; text-align:center;display: block}
	div.tablewrap.tac{text-align:center !important;margin:20px auto; line-height:1.3em}
	div.tablewrap.tac p.logo {text-align:center !important; border-bottom:1px solid #DDD; padding-bottom:15px}
	div.tablewrap.tac p.logo img {width:180px}
	div.tablewrap.tac p {text-align:center;font-size:0.9em;}
	div.tablewrap.tac .mt30 {margin:30px auto;display: inline-table}
	div.tablewrap.tac .mt30 h2 { font-size:1em; line-height:1.8em; margin:15px 0}
	div.tablewrap.tac .mt30 h2 a { background:#777; color:#FFF; padding:6px 20px; border-radius:8px}
	h1.color-blue { font-size:1.1em;color:#2895ce !important; margin-bottom:15px} /*5f7bc4*/
	.color-line {color: #ac0082 !important}
	p.copyright { font-size:0.7em}

	h2.title {margin:0 auto 25px auto;width:100%; font-size: 1.8em; line-height: 1.18em; text-align: center}
	h2.title strong {display: block}
	h2.title + .h2_txt {font-size:15px;line-height:20px}
   .guide { padding: 0 10px}
   .guide .pb20.mobile {border-bottom: 1px solid #b1b1b1;}
	.popWrap {top:0}
	.popWrap .popBox h2 {font-size:18px;line-height:50px}
	.popWrap .popBox .btnClose {top:5px;right:5px}

	/* 팝업내용 */
	div.modal-content {padding: 15px}
	div.modal-content h2 {font-size:1em; padding-left:0}
	div.modal-content h2 span.fr.bold { padding-top: 10px}
	div.modal-content h2.fw600.fs125em { text-align:center}
	.memFrom {padding:30px}
	div.modal h1 {font-size: 1.2em; letter-spacing:-1px; } 

	div.pink-border-box { padding:10px}
	div.pink-border-box p {padding-bottom:10px; line-height:1.3em}
	div.pink-border-box.fw600 strong, .bg_point strong {display:block; }
	p.col_red { font-size:.9em; padding-bottom:0}
	div.white-box { padding:10px}

	dl.propose > dd li.dot {background-position:0 8px; padding-left:12px}

	button.big {padding:5px 15px; letter-spacing:-1px}

	.fileBox {padding-right:100px}
	.file_input_button {font-size:15px}
	.file_input_div {width:95px;height:35px}

	.fons {font-size:15px;line-height:20px}

	.inpTxt input {height:20px}
	.inpTxt::after {margin-top:-11px}
	.inpTxt::before {margin-top:-11px}

	.DivSelectyze {padding:0 8px;min-width:85px;line-height:22px}
	.DivSelectyze::after {top:1px}
	.DivSelectyze::before {top:1px}
	.DivSelectyze .selectyzeValue {padding: 0 15px 0 0;height:22px;font-size:15px;line-height:22px;background-size:12px}
	.DivSelectyze .UlSelectize li {font-size:15px}
	.DivSelectyze .UlSelectize li a {padding:0 5px}

	.btnPop {max-width:300px;width:100%}
	.btnPop a, 	.btnPop input {width:100%;font-size:18px;line-height:35px;border-radius:18px}

	/*결제*/
	#di_paypal, #di_account{display:block}
   .floatleft.grid_left , .floatright.grid_right {width: 100%; padding: 15px; margin-top: 10px}
   .floatright.grid_right .attBox { padding: 0}
   .floatleft.grid_left .btnBc.big { width: 100%}
   
   .result_Box { width: 100%}
   .result_Box h2 { padding: 10px 0; letter-spacing: -0.06em}   
	.t_typel {font-size:15px  !important; padding: 0}
	.t_typel tbody th {display: none}
	.t_typel tbody td {padding:10px 0;line-height:30px;width:100%}
   .t_typel tbody td #di_alipay {  display: block}
   .t_typel tbody td .mobile { padding-bottom: 8px; font-weight: bold}
   
   .t_typel dl {padding: 10px 0}
   .t_typel dt , .t_typel dd {float: none; width: 100%;box-sizing: border-box; text-align: left; padding: 8px 0}
  .t_typel dd .us_info {word-break:break-all;font-size:15px  !important; }
   
	#sel_prod_cnt {width:80px}
	.t_typel input[type="text"] {width:90px; }
   
	.guidBox {font-size:0.8em;line-height:22px; background:url('/images/icon_i.png') 10px 3px no-repeat; background-size:15px;padding-left:30px;}

	.profile .infor {width:200px}
	.profile table {font-size:15px}
	.profile table tbody th {padding:5px;width:100px; font-size:.9em; width:30%}
	.profile table tbody td {padding:6px; font-size:.9em; width:70%}

	.profile .tit {padding:15px;font-size:16px}

	.pageLoading p {margin-bottom:20px;font-size:15px;line-height:22px}
	.pageLoading .bar {height:20px}
	.pageLoading .bar > div {height:20px}

	.profleEnd .txt1 {margin-bottom:20px;font-size:20px}
	.profleEnd .txt2 {font-size:15px;line-height:22px}
	.profleEnd .txt3 {font-size:15px;line-height:22px}

	.payGuide .guide {margin-bottom:30px;padding:20px 15px}
	.payGuide .guide .txt1 {margin-bottom:15px;font-size:18px}
	.payGuide .guide .txt2 {font-size:15px;line-height:20px}
	.payGuide dl {margin-bottom:50px}
	.payGuide dl dt {margin-bottom:20px;font-size:20px}
	.payGuide dl dd ul li {height:60px}
	.payGuide dl dd ul li a {padding-top:17px;font-size:15px}
	.payGuide dl dd ul li:nth-child(2) a {padding-top:10px;line-height:20px}
	.payGuide dl dd {font-size:15px;line-height:20px}
	.payGuide .btn a {font-size:15px;line-height:40px}

	.attBox {padding:10px;font-size:15px}
	.attBox dt {margin-bottom:10px;font-size: 17px}
	.payGuide {font-size:20px}

	.tabMenu ul li {display:block;margin-bottom:5px}
	.tabMenu ul li a {font-size:15px;line-height:33px}
   
   #btn_payment {width:100%;}

	/* 마이매칭 */
   .mytab h2 {width: 48%; font-size: 1.3em}
   .mytab h2:lang(jp) {font-size: 1.05em; letter-spacing: -0.1em; padding: 15px 0}
	div.prps-list.nomobile { display:none}
	div.prps-list li, div.prps-list li:first-child {width:100%}

	div.prps-list li.info2 {padding: 8px 0; border-top: 1px dotted #ccc; background: #F9F9F9;}
	div.prps-list li.info2 > dl dt {float: left;display: table-cell;font-weight: bold;width: 40%; padding: 0 10px; text-align:left}
	div.prps-list li.info2 > dl dd {float: left;width:60%; text-align:left}

	.col-lg-3 {width:100%;    max-width: 100%;clear: both; padding-right: 0px;padding-left: 0px;}
   .list_title { display: none}
	.noData {padding:20px 10px;font-size:15px}

	.matcCon > ul > li .maInfor .photo img { width: 170px !important;}
	.matcCon > ul > li.item_me { border-bottom:none}

	.mypage .infor {width:200px}
	.mypage table {font-size:15px}
	.mypage table tbody th.tit {padding:10px;font-size:18px}
	.mypage table tbody th {padding:5px;width:110px}
	.mypage table tbody td {padding:5px;line-height:20px}


	.mb50{ padding:20px 15px !important}
	.mySer {padding:0; background-size:cover;}
   .mySer.pt30 {padding-top: 30px}
	.mySer .mybg { background-image:none;padding:0;}
	.mySer .fl, .mySer .fr { width:100%; padding:15px; border-radius: 10px;  background: #fff;}
	.mySer .fr .pd30 { padding:0}
	.clear_top .fr {text-align:center; width:100%}
	.mySer .fl { margin-bottom: 10px }
	.fl button.large, .fr button.large {width:80%;padding:10px; margin:0 auto; margin-bottom:6px}
	#travelList { margin-bottom: 0}
   
   #disp_evt div { width: 100%;letter-spacing: -0.06em;}

	.match-result { width:100%; margin-top:0; margin-bottom:20px}
	.match-result.m_hide {display:none}
	.match-result.m_show {display:block; width:100%; border-radius:6px}

	div.modal h1 span.modal_tit { width:85%; line-height:1.4em}
	ul.data li span.color-primary-1 { display:block}
	li.tip { font-size:.9em; line-height:1.3em}

	dl.propose > dt, dl.propose > dd {width:100%}

	.state_bar {padding-left:10px}
	.state_bar span.pr10 {display:block}
   
   dl.matching-profile-list {float:none;width:100%; padding-bottom: 20px}

	/*마이매칭 탭 */
   .mySer_box { padding: 15px}
	.mymatching_tab { width: 100% !important; }
	.mymatching_tab li { font-size: 1.2em; line-height: 1.1em}
	.mymatching_tab li span {letter-spacing: -0.04em; }
	.mymatching_tab:lang(en) li { padding-left:8px;  font-size:15px;width:60%;}
	.mymatching_tab:lang(en) li:nth-child(1) {width: 40%}
	.mymatching_tab li br.m_view {display:block}
	.mymatching_tab li:lang(en) .tooltip { margin-top:-5px !important}

	.modal-content dl.profile-list > dd.photobox { float:left; width:40%; padding-bottom:10px}
	.modal-content dl.profile-list > dd.info { float:left; width:60%; padding:10px 0 15px 20px}
	.modal-content dl.profile-list > dd.info li { text-align:left}
   
   .myservice dd { text-align: left}
   .myservice .serv_txt span.pl20 { padding-left: 0; display: block}
   .myservice .serv_txt { padding-bottom: 15px}
   .myservice button.blue.large { width: 100%; margin-bottom: 10px; padding:12px 20px; font-size: 1.1em}
   
   .schText .date_txt{display: block; padding-top: 10px}
   ul.data li.travel_mt_list button { margin-top: -25px}

	dl.profile-list { padding: 15px 0}
   dl.profile-list > dd.photobox {width: 36%}
	dl.profile-list > dd.info { padding: 0; width: 64%}
	p.age br { display: none}


	.list_conts li { width: 100% !important; display: block}
	.list_conts li.list_result {border-top:1px solid #bbb; padding:10px 0}
	.result_date { font-size:1em}
	.list_item {margin-top: -30px; padding-left: 36%; padding-bottom: 10px}
	.list_item .pb10 { padding-bottom: 5px}
	.col_date, .col_area { padding-left: 0}
	.col_area {line-height: 1.1em}
	.list_me, .list_you { border-top:1px solid #bbb; padding: 10px 0; height: auto; overflow: hidden}
	.list_you {padding-bottom: 0}
	.list_me:before { display: inline-block; content: "만남의사(나) "; width: 37%;  float: left; font-size: .9em}
	.list_you:before { display: inline-block; content: "만남의사(상대방) "; width: 37%;  float: left; font-size: .9em}
	.list_me:lang(en):before { content: "Myresponse";}
	.list_you:lang(en):before { content: "Others'response"; }
	.list_me:lang(zh):before { content: "是否接受(本人)"; }
	.list_you:lang(zh):before {content: "是否接受(对方)"; }
	.list_me:lang(jp):before { content: "出会いの意思(私)"; }
	.list_you:lang(jp):before {content: "出会いの意思(相手)"; }
	.link_txt { float: left; width: 63%}
   .link_txt td { padding: 0; text-align: left}
	.link_txt td p, .link_txt td dt, .link_txt td dd { text-align: left !important;     padding-top: 0;}
   .link_txt td p.txt_process { padding: 0}
   
   #disp_evt .date_txt { display: block}

	.mybg button.blue.large { padding-left: 30px}
	.mybg button.blue.large.link_travel_list { width: 70%}

	.mymatching_tab .tooltip { display:none}
	.tt_area #traveList_select{width:100%}
	.tt_area .color-primary-1.travel_title { padding-right:0}
	.tt_area:lang(en) .color-primary-1.travel_title { display:block; padding-bottom:0}
	.tt_area .travel_title { font-size:1em; letter-spacing:-1px}

	.pt5.pb10 { letter-spacing: -0.06em; font-size: .9em; border-top:none; text-align: left}

	.list_tab { width: 100% !important;font-size: 1em; height: 40px; border-radius: 20px }
	.list_tab span { line-height: 1.1em;height: 40px;border-radius: 20px}

	.modal-content .white-box.tip p.col_blue.pt10, .modal-content .white-border-box.tip h2, .modal-content ul.dot.desh { width:100%; float:none}
	br.m_hide { display:none}
	.modal-content .white-border-box.tip h2 span { display:inline-block}
	dl.propose .bg_point strong, dl.propose .pt10 strong { display:inline-block;font-size: 1em;}
	#sel_mt_date { width:auto !important}
   
   .myservice { border-radius:30px}
   .myservice dt {display:none}
   .myservice dd li {display:block; float:none; width:100%; padding-left:0; font-weight:bold}
   .myservice .fr { clear:both;float:none; width:100%; padding-top:10px; text-align:center}
   .myservice .fr button.large{width:auto}
	
	/* 회사소개 */
	.corp_top { background:url('/images/corp_topbg_m01.jpg') no-repeat top left; width:100%; background-size: 250px; height: auto}
	.corp_top .corp_txt_area, .corp_top .corp_txt_area:lang(en) { padding: 40px 0 0 0}
	.corp_top .corp_txt_area .corp_txt { font-size: 1.12em; line-height: 1.5em; padding-left: 30px; padding-bottom: 20px}
	.corp_top .corp_txt_area .m_view {text-align: right}
	.corp_top .corp_txt_area .m_view img {width: 340px}
	.corp_ai { padding-top: 15px; text-align: center; }
	.corp_ai span { font-size: 1em;letter-spacing: -0.05em}
	.corp_ai .corp_sunoo { border-top: none; font-size: 1.6em;margin-right:6px}
	.corp_conts h2 { font-size: 2em}
	.corp_conts h2:lang(en) { font-size: 1.6em; line-height: 1.1em; padding-bottom: 8px; letter-spacing: -0.02em}
	.corp_conts .clear span { width: 80%}
	.corp_conts .clear span:lang(en) { width: 90%}
	.corp_citxt { text-align: left; font-size: 1em;line-height: 1.4em}

	/* 마이매칭 - 쪽지 */
	#tab1, #tab2, #tab3 {height:580px;}
	ul.tabs {height:45px;}
	ul.tabs li {padding-top:8px;height:45px; font-size:.9em; line-height:1.1em}
	ul.tabs li.sendMsg {padding-top:15px; }

	div.tab-container {margin-top:0 !important}
	div.tab-content > dl.title {display:none}
	div.tab-content > dl.list {width:100%;margin:auto;padding:8px 0;text-align:left;border-bottom:1px solid #d4d3d3;overflow:hidden}
	div.tab-content > dl .contents {padding-left:0 !important}
	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;width:100%}
	div.tab-content > dl.list > dt.compose { font-size:.9em; letter-spacing:-1px; text-align:center}
	div.tab-content > dl.list > dd.compose {padding:10px 0}
	div.tab-content > dl.list > dd.compose > textarea {height:350px}
	div.tab-content > dl.list > dd.btn {text-align:center}
	div.tab-content > dl.list > dd.nodata {text-align:center;line-height:250px}


	/** 만남수락하기(팝업) 사진, 내용 **/ 
	p.travel_title span{display:block}


	/* 모바일 테이블 가로스크롤 */
	.mb_scroll {position:relative;overflow:hidden}
	.mb_scroll .tbBox {position:relative;padding-top:20px;width:100%;overflow:auto}
	.mb_scroll table {width:650px}
	.mb_scroll::before {position:absolute;top:-5px;right:0;content:'◀ 좌우Scroll ▶';font-size:12px}

	.payResult_txt {margin-bottom:30px;font-size:15px;line-height:20px}

	.btnList {margin-bottom:30px}

	.custbox {padding:20px 10px;font-size:15px;line-height:20px}
	.custbox h3 {margin:20px 0 10px;font-size:16px}
	.custbox p {line-height:1.5em}

	.privCon {padding:0;border:none;}
	h1.agree {display:none}
	div.agree_area { padding:0;font-size:.8em; line-height:1.7em}
	div.agree_area p {line-height:1.7em}

	.guidTxt {margin-bottom:5px;font-size:15px;text-align:left;line-height:20px}
	.guidTxt2 {margin-bottom:5px;font-size:15px;line-height:20px}

	.accepCon1 {font-size:15px;line-height:22px}
	.accepCon1 span {float:none;display:block}
	.accepCon2 {margin-bottom:20px;font-size:15px;line-height:20px}
	.accepCon2 li {float:none;padding:10px;width:100%}
	.accepCon2 li.first {width:100%;min-height:100px;border-right:0;border-bottom:1px solid #d8d8d8}
	.accepCon2 li .photo {margin:0 auto;width:160px}
	.accepCon3 {font-size:15px;line-height:20px}

	.accepCon4 {margin-bottom:20px;padding:20px;font-size:15px;line-height:20px}

	.resultCon {padding:0;font-size:15px;line-height:20px}
	.resultCon .txt1 {padding:10px 15px}

	.photoUp .photo {width:150px}
	.photoUp p {padding:15px;font-size:15px;line-height:20px}

	.photoInfor {padding:0;font-size:15px}

	.certiCon {padding:20px 0;font-size:15px;line-height:20px}
	.certiCon p {margin:10px 0}
	.certiCon p b {font-size:16px}

	.certiCon2 {padding:0;font-size:15px;line-height:20px}
	.certiCon2 .txt1 {font-size:16px;line-height:22px}
	.certiCon2 h3 {margin-top:20px;font-size:15px}

	.avCon {padding:20px 0}
	.avCon ul {width:75%}

	.attBox2 {padding:0;font-size:15px;line-height:20px}
	.attBox2 dt {font-size:16px}
	.attBox2 input {min-width:200px}

	.entrCon {padding:0}
	.entrCon p {font-size:15px;line-height:20px}
	.entrCon ul li {text-align:center}
	.entrCon ul li:last-child {margin-top:30px}
	.entrCon .btnBc {margin-top:5px}

	.entrCon2 {padding:10px 0;font-size:15px;line-height:20px}
	.entrCon2 .btnBc {margin-top:5px}

	/** 프로필등록 **/

	.agree_chk_area { margin-top:5px; margin-bottom:10px;width:100%; text-align:left}

	.tabarea label.pr1, .tabarea label.pr2, .tabarea label.pr3, .tabarea label.pr4 {font-size:.85em;}
	.tabarea input#select1:checked + label.pr1, .tabarea input#select2:checked + label.pr2, .tabarea input#select3:checked + label.pr3 , .tabarea input#select4:checked + label.pr4 { 
	font-size:.85em;
	}
	.tabarea label.pr1, .tabarea label.pr2, .tabarea label.pr3, .tabarea label.pr4  {
	height:35px; padding-top:10px;    width: 24.65%;
	}
  
	div.profile-contents.pt20 { padding-top:0}
	.signup_form {width:100%; margin:0 auto; padding:0 4px}
	.signup_form dl { }
	.signup_form dt {clear:both; width:100%; margin-bottom:0; text-align:left; padding:0 0 0 6px !important}	
	.signup_form dd { clear:both; width:100%; font-size: 1.05em; font-weight:bold; padding:6px 6px 8px 6px ;color:#7a7878}
	.signup_form.bgt dd button.small{ padding-left:2px; padding-right:2px}
	.signup_form.popup dt, .signup_form.popup dd {width:100%; }
	.signup_form.popup dt { text-align:center; margin-top:8px; padding: 15px 0 !important}
	.signup_form.bgt dd input[type="text"], .signup_form dd input[type="password"] {width:100%; border:1px solid #5a98de}
	.signup_form select {border:1px solid #5a98de}
	.signup_form dd input.wp60 {width:74% !important}
	.signup_form dd input.wp80 {width:100% !important}
	.signup_form dd input.m_wp60{width:74% !important; float:left}
	.signup_form dd span.btnBc.blue, .signup_form dd span.btnBc.pink {width:25%; height:32px;float:right; margin-top:3px;}
   span.btnBc.pink span { width:100%; height:32px; font-weight:normal}
	.signup_form dd input.m_wp60:lang(en) {width:62% !important;}
	.signup_form dd span.btnBc.blue:lang(en), .signup_form dd span.btnBc.pink:lang(en) {width:37%; font-size: 13px}
	dt.m_left br.pc_hidden {display:none !important}
	.signup_form.bgt dd.m_date input[type="text"] {width:40%}
	.signup_form.bgt dt.m_left50 {width:48%; float:left; display:inline-block}
	.signup_form.bgt dd.m_right50 {width:50%; float:right; text-align:right;display:inline-block}
	.signup_form.bgt dd.nation span.fr { margin-top:-155px}
	.signup_form.bgt dd.nation select { width: auto}
	.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}
	.signup_form.bgt { padding:0}
	.signup_form.bgt.noline { padding:0 ; border-top:none}
	.signup_form.bgt.noline br.pc_hidden { padding-top:15px; height:10px}

	#disp_idChk, #disp_nickChk { display:block; clear:both; font-weight:normal !important}
	#txt_nick_nm:lang(en){ width:100% !important }

	/* 일정관리 */
	.popuptabel .reg_sch dt, .popuptabel .reg_sch dd { float: none; width: 100%}
	.popuptabel .reg_sch dt { padding-bottom: 0}
	.popuptabel .reg_sch dd { padding: 8px 0}
	.popuptabel .reg_sch dt br { display: none !important}
	.popuptabel .search_bg.area { width: 49%}
	.popuptabel .search_bg.area.tourattr { width: 100%}
	.popuptabel .search_bg.cal, .popuptabel .search_bg.age, .popuptabel .agenone{ width: 100%}
	.popuptabel .agenone { padding-left:5px; padding-bottom: 15px}

	span.nm1, span.nm1:lang(en) {width:78% !important; display:inline-block}	
	span.nm1btn {float:right; width:20%; padding-top:3px}
	span.nm1btn button {width:100%; height:33px}


	#sel_schl_crr_typ1:lang(en), #sel_grdt_st_typ1:lang(en) {width:100%}
	.tit_change_graybg { font-size:1.15em}
	.profile-contents button.orange { width:80%}
	button.orange.medium, button.gray.medium { width:50%}


	.icon_box { margin-top:3px}
	.signup_form dd.langtyp label { margin-right:3px; vertical-align:top;}
	.signup_form dd.langtyp input[type="checkbox"] {margin-top:3px;margin-bottom:15px; vertical-align:top}
	.snsAdd { float:right; margin-top:-120px}
	.snsMinus {float:right}
	.signup_form dd.ycheck {}
	.signup_form dd.ycheck span.fr { margin-top:-25px;}
	.signup_form dd.ycheck div.fr {display:block; margin-top:-20px}
	.signup_form dd.ycheck .di_addr {display:block;white-space: nowrap; overflow:hidden}
	.tooltip .tooltiptext-myprofile {margin-left: -270px;}

	.ui-menu.ui-widget.ui-widget-content.ui-autocomplete {width: 90% !important;}

	/** 마이프로필 **/
	div.profile-left, div.profile-right {width:100%;min-width:100%;}

	div.profile_boxstyle_view .floatleft, div.profile_boxstyle_view .floatright { width:100%; padding:10px}
	.tit_change{
	display:block; text-align:center;
	background: linear-gradient(90deg, #f6e1f6 0%, #dbf5fc 100%);
	margin: 0 0 10px 0;padding:5px 0;
	}
	div.w70 { padding:10px 20px}
   
  .mymc h1.title { margin-top: 30px}
  
	.modal-content.pt20 { padding:25px 10px 30px 10px}
	.tabarea label {letter-spacing:-1px; font-size:.9em;height: 35px;line-height: 35px;}
	.tabarea label.match1, .tabarea label.match2 {width:49%}

	div.photo-guide figure.best {width:100%; padding-bottom:10px }
	div.photo-guide figure.worst {width:100%; }

	div.add-photo .disp_img {width:100%; padding-right:0; padding-bottom:10px}
	div.add-photo .disp_img p {width: 100%; padding: 30px 0; text-align: center;}
	div.add-photo .disp_txt {width:100%;}

	/* 마이페이지 */
	.mypage_bg { background-size:100% 300px; padding:10px 0}
	.bgimg { background:none; padding-top:0}
	.mypage_bg #content{padding:0 !important}

	.infowrap { padding-bottom:30px}
	.infowrap .fl{float:left; width:45%}
   .infowrap .fl.info {width: 55%}
	.infowrap .photo { padding-right:0;padding-bottom:10px}
	.infowrap .photo img{width:90%}
	.infowrap .mypage_info {padding-top:5px; padding-left:0}
	.infowrap .fr { width:100%; padding-top:10px}
	.infowrap .fr span {display:block; width:100%; padding-bottom:5px; text-align: center}
	.infowrap .fr span button{width:90%; padding:15px;margin-bottom:3px;}
	div.mypage-left, div.mypage-right { width:100%}
	div.mypage-left { margin-bottom:20px !important}

	div.profile-contents { padding-left:10px; padding-right:10px}
	.infowrap { border-radius:15px; padding:10px}
	
	#disp_hp_auth_ok , #disp_mail_auth_ok, #di_id_offer_ok{ padding-left:0; display: block; padding-top: 8px}
	
	#txt_cntry_sms_no { width: 90%; padding-left: 10px}
	#txt_hp_num {width: 90%;padding-left: 10px }
	#txt_mail_val {width: 90%; }

	/** 팝업테이블 */
	.popuptabel table th {font-size:13px;padding:8px 3px; letter-spacing:-0.5px; }
	.popuptabel table td { font-size:14px; padding:8px 3px; letter-spacing:-0.5px; line-height:14pt}
	.popuptabel table th.wp10 { width:40px !important; padding-left:0; padding-right:0}
	.popuptabel table td.txt_left span.color-primary-1 { display:block}
	.popuptabel table td.txt_left.small select { width:100px}

	/** 프로필 비교 **/
	dl.CompareProfile { width: 100%}
	.prepare_bg { background: url('/images/prepare_bg_m.png') top center repeat-y;}
	div.photo_compare li { font-size: 1.05em; margin-top: 5px}
	dl.CompareProfile .photobox {width: 90px;height: 90px;}
	dl.CompareProfile dl dd.ar, dl.CompareProfile dl dd.al {width:45%; padding: 6px 10px}
	dl.CompareProfile dl dd.iconP { display: none; width:10%; padding: 6px 0}
	dl.CompareProfile dl dd.iconP.m{ display: inline-block; text-align:center; }
	dl.CompareProfile dl dd.iconP.m span.iconP {width: 30px;height: 30px;}
	dl.CompareProfile dl dd.iconP.m span.iconP img { margin-top: 2px;}
	dl.CompareProfile dl span {font-size:.98em; letter-spacing:-1px; line-height: .9em}
	dl.CompareProfile:lang(en) dl dd.ar, dl.CompareProfile:lang(en) dl dd.al {  width: 45%;}
	dl.CompareProfile:lang(en) dl dd.iconP {    width: 10%;}

	.bottom_ban .fl {margin:0; width:100%; height:85px; font-size:1em}
	p.link_btn {background-position: top 6px right 10px;}

	.mySer .mybg .fl button.blue.large:nth-child(1),  .mySer .mybg .fl button.blue.large:nth-child(3) {width:53%; font-size:14px}
	.mySer .mybg .fl button.blue.large:nth-child(2),  .mySer .mybg .fl button.blue.large:nth-child(4) {width:45%; font-size:14px}

	.mySer:lang(en) .mybg .fl button.blue.large:nth-child(1),  .mySer:lang(en) .mybg .fl button.blue.large:nth-child(3) {width:58%; font-size:14px}
	.mySer:lang(en) .mybg .fl button.blue.large:nth-child(2),  .mySer:lang(en) .mybg .fl button.blue.large:nth-child(4) {width:40%; font-size:14px}


	input.wh60p {width:80%}
   #txt_item { width:100%; margin-bottom:8px}
   



	/* 앱 아이콘 */
	.app_push {float:right; display:inline-block; margin-top:6px; margin-right:10px; position:absolute; top:10px; right:0; z-index:100}

	.right-bnn.en {display:none}
	.mid-bnn { display:block;background:url('https://www.couple.net/kr/images/quick_bg.jpg') top center no-repeat; background-size:cover }
	.mid-bnn li { text-align:center}


	/* intro */
	#container_line {background-size:100% 125px;}
	#container_line:lang(zh) {background-size:100% 85px;}
	#container_line  #content {max-width:100%;}
	.intro_bg {margin:0 auto;background:url('/images/intro_bg_m.jpg') bottom 0 center no-repeat; }
	.intro { background:none; }
	.intro .fl p { position:absolute; bottom:10px; font-size:1.3em; text-align:right; color:#fff ; padding-right:20px; width:100%}
	.intro .fr {width:100%;height:auto; overflow:hidden; padding:20px 20px 400px 20px}
	.intro .fr h2 {font-size:1.3em; padding:0 0 20px 0; line-height:1.4em; color:#fff; letter-spacing:-1px; font-weight:semi-bold}
	.intro:lang(en) .fr h2, .intro:lang(zh) .fr h2  {font-size:1.4em; letter-spacing:0;font-weight: normal;line-height:1.2em; }
	.intro .fr h3 {font-size:1.05em; padding:20px 0 40px 0; line-height:1.5em; font-weight:normal}
	.intro .fr br.m_view { display:none !important}
	.intro .fr p.point:lang(zh) {word-break: normal;}
	p.dot-desh { word-break :normal}

	.guidefee { padding-top:30px}
	.guidefee h3 { font-size:1.1em;}
	.guidefee table {width:100%}
	.guidefee th {padding:10px 5px;  font-size:1em; font-weight:normal}
	.guidefee td {  font-size:.9em;padding:10px 5px; letter-spacing:-0.5px}
	div .onlyen {padding:0 ; line-height:20pt; font-size:1em; letter-spacing:-1px}

	#footer #fmenu { width:90%}
	#footer .fr {width:100%; padding-top:20px}
	#footer span.fr {width:auto; padding-top: 0 }
	#footer div.sns > ul { text-align:center}
   
   .footer_tel .fl { padding-top: 12px}
   
   /* 이벤트 유튜브(2023.0825) */
   .center.pb50.mobile { padding:0 10px 40px 10px}
   .event_youtube .cols1 .fl, .event_youtube .cols1 .fr {  width:100%}
   .event_youtube .cols1 .fr {padding:20px}
   .gourl button { font-size:1.05em}
   .event_youtube .cols4 li { width:49% !important; margin-right:0; margin-bottom:10px}
   .event_youtube .cols4 li:nth-child(2), .event_youtube .cols4 li:nth-child(4) { margin-left:2%}
   .event_youtube .cols4 li .pd20 { padding:20px 10px 0 10px}
   .event_youtube .cols4 li .pd20 .event_date {font-size:1.2em}
   .event_youtube .cols4 li .pd20 .hashtag { display:none}
	
	/* 메인리뉴얼 */
	.main_topbg_gray { padding: 25px}
	.main_topbg_beigy { padding-top: 20px}
   .main_topbg {padding:0}
   #disp_event_td, #disp_big_event_td { padding-top:0}
   .main_tt.pt20 { padding-top: 15px}
	
	.modal.m-regist-survey { width: 100%}
	.fl.regtxt { padding-top: 0; padding-bottom: 25px}
	.fl.regtxt h3 { line-height: 1.1em}
	.ban_visa {padding:0 6px; margin-top: 0}
   .ban_visa.line {margin-top: 15px}
	#main_event h1, .ban_visa h2, .main_evt h2 { padding-bottom: 20px}
	.ban_visa .visaban li {  width: 100%; padding: 10px}
   .ban_visa .visa_ban li, .visa_ban_abroad li {  width: 100%; padding: 10px 10px 10px 30px; margin-bottom:5px;background-position: right 20px top 20px;font-size: 1.6em;margin:6px 0; }
   .visa_ban_abroad li {padding: 0 10px}
   .ban_visa .visa_ban li img {width:70px }
   
	/*설문 */
   .survey { padding: 18px 6px 0 6px}
   #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}
   
	/* 원페이지 */
	.oneP_conts { width: 100%; }
	.oneP_conts h2.subtt { font-size: 1.4em; padding-bottom: 15px}
	.oneP_conts .fl {width: 100%; float: none; text-align: center}
	.oneP_conts .fl.right, .oneP_conts .fl.right.wide  {width: 100%; padding: 20px 0; text-align: left}
	
	/* 매칭이벤트 */
   .main_tt {padding: 0 5px; letter-spacing: -0.07em}
   .main_tt.title h2 { padding-bottom:0}
   .main_tt.title h3 {text-align: center; width: 100%; padding-top: 3px}
   .event_tab { padding:15px 0; text-align: center}
   .event_tab li { padding: 8px 20px; margin-right: 8px}
   
	li.eventlist div.event_photo img {height:auto  }
	
	li.eventlist { list-style:none; float:none; width:100%; height:auto; overflow: hidden;padding:5px 0 20px 0}
	li.eventlist:lang(en) {height:auto}
	li.eventlist div.event_photo {width:35%}
	li.eventlist div.contents {width:65%; padding-left:15px; padding-top:0}
	li.eventlist div.contents h2 {font-size:1.1em; height:42px}
	li.eventlist div.contents p.detail span.pay {color:#a92e92; font-size:1em; font-weight:bold; display:block; margin-right:5px;    width: 100%;    text-overflow: ellipsis;   display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; height:26px;}
   
   .main_evt li.eventlist {float: left;  width: 50%; padding: 5px}
   .main_evt li.eventlist div.event_photo {width:100%}
   .main_evt li.eventlist div.event_photo img {height:120px  }
   
   /* 프로포즈 게시판*/
   .container { width: 100%}
   .archive_view { border: none; border-bottom: 1px solid #bbb; padding:0 15px}
   .archive_tit_view {display: none}
   .archive_view_tit #d_ttl {font-size:.9em; line-height: .9em !important}
	.archive_list { padding: 15px}
   .archive_list .list_blog {float:left; width:50%; padding:10px;}
   .archive_list .list_blog p.blog_photo {width: 100%; height:110px;position:relative; display:inline-block; overflow:hidden;vertical-align:middle;border:none;   margin-bottom:0}
   .archive_list .list_blog p.blog_photo img {max-width:100%;vertical-align:middle; border: 1px solid #ddd }
   .ytube_list { width: 100%; padding:10px 0; margin-top: 0}
   .ytube_list li { width: 50%;padding: 5px 10px;}
   .ytube_list li img {width: 100%; height: 110px}
   
	
	/*비자 1P */
	.oneP_conts h2.subtt.visa { padding-left: 0; font-size: 1.3em; letter-spacing: -0.07em}
	.visa_area { padding: 20px; background-size:50% !important; background-position:  right 8% bottom !important}
	.visa_area ul li:first-child { padding-bottom: 6px; width: 100%}
	.visa_area.myanma { background-position:  right 0 bottom -30% !important}
	.visa_area.us {background-size:65% !important; }
	.visa_area.uganda  {background-size:40% !important; background-position:  right  bottom -20px !important  }
	.visa_area.kenya {background-size:40% !important;}	
	.requestwrap { padding: 30px 15px}
	.requestwrap .requestbox { width: 100%; padding:15px 0 0 0; }
	.requestwrap .requestbox > dl dt, .requestwrap .requestbox > dl dd {width: 100%}
	.requestwrap .requestbox > dl dt.pt5 { display: none}
	.requestwrap .requestbox > dl dt { padding-left: 5px}
	.requestwrap .requestbox > div.w100 button { width: 80%}
   .requestwrap .requestbox > dl dd.reg_tt {padding-left: 0;font-size: 1.05em; letter-spacing: -0.08em}
	
	.forum-list {padding: 10px 0}
	.forum-list span { width: 30px; font-size: .9em}
   
   /* 취업결혼 이민 페이지 */
   .immi_toparea .fr {float: none; text-align: center; width: 100%; padding: 20px 0 0 0}
   .immi_toparea:lang(ko) {width:100%;height: 400px; background: url('/img/visa/top_img_kr_m.png') no-repeat bottom center; background-size:100%}
   .immi_toparea:lang(en) {width:100%;height: 400px; background: url('/img/visa/top_img_en_m.png') no-repeat bottom center; background-size:100%}
   .immi_toparea:lang(jp) {width:100%;height: 400px; background: url('/img/visa/top_img_jp_m.png') no-repeat bottom center; background-size:100%}
   .immi_toparea:lang(zh) {width:100%;height: 400px; background: url('/img/visa/top_img_cn_m.png') no-repeat bottom center; background-size:100%}
   .immi_toparea h1 {font-size: 3.2em; padding-top: 60px}
   .immi_toparea h1:lang(jp), .immi_toparea h1:lang(zh) {padding-top: 100px}
   .immi_toparea h1:lang(en) {padding: 260px 80px 0 0;font-size: 3em}
   .immi_toparea .btn_bg { width: 90%}
   
   div.purchase-order.result { width: 92%; }
   div.purchase-order.result h2 { padding: 10px 0;     font-size: 1.3em; letter-spacing: -0.05em}
   div.purchase-order.result > dl > dt {width:30%; padding-left: 0}
   div.purchase-order.result > dl > dd { width: 70%}
	.center.pt20 { padding: 20px}

}

@media all and (max-width:390px) {
   .main_tt2 { padding: 0 10px}
   .main_tt2 h2 {font-size: 2em}
}

@media all and (max-width:376px) {


	.mCon3.main ol li {font-size:.95em; line-height:1.2em}
	h1.tit_main:lang(zh) { font-size:1.4em !important; font-weight:normal; line-height:1.4em; padding-left:20px; padding-right:20px}
	.mConBox {border-radius:40px; border:3px solid transparent}
	.mCon2 {padding:30px 10px}

	.guidefee th {font-size:.9em;letter-spacing:-0.5px}
	div .onlyen { font-size:.9em !important}
	#footer #fmenu { width:95%}
	.payinfo span.tt { font-size:1.4em}

	div.joinform .bg_txt { padding:20px 30px}
	div.joinform .bg_txt .fl, div.joinform .bg_txt .fr { width:100%}
   
   .search_bg.age { width:100%}
   .search_bg input[type="text"] { margin-left:5px; width: 80%}
   
}
@media all and (max-width:360px) {
		.main_topbg {}
	.mCon1:lang(en) ol li:last-child {height:210px}
	.signup_form dd.m_date input[type="text"] {width:38%}
	.main_step li { font-size:1.1em}