@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);


html,body {font-family: 'Nanum Gothic', "Arial", "Tahoma" , "SimSun", "SimHei", "Microsoft YaHei", 'serif';font-weight:normal;margin:0;padding:0;font-size:1em;}
body, table, input, select, option, textarea {font-family: 'Nanum Gothic', "Arial", "Tahoma" , "SimSun", "SimHei", "Microsoft YaHei", 'serif'; box-sizing:border-box}
body:lang(en){letter-spacing:-0.5px}

h1,h2,h3,h4,h5,h6,p {margin:0 }
img {vertical-align:middle}

a {color:#777;text-decoration:none}
a:hover {text-decoration:none}
ul,li{list-style:none; margin:0;box-sizing:border-box}
.blind {display:none}
div, p{height:auto; overflow:hidden; box-sizing:border-box}

.fl {float:left;width:50%; padding:0 15px}
.fr {float:right;width:50%;padding:0 15px}

.m_hide {display:block}
.m_view {display:none}

.tac {text-align:center}
.fc-red {color: #db1002}
.pt30 {padding-top:30px}
.pb30 {padding-bottom:30px}
.pl20 {padding-left:20px}
.ml20 {margin-left:20px}
.mt10 {margin-top:10px}
.mb20 {margin-bottom:20px}
.mt40 {margin-top:40px}
.wh120 {width:120px}
.wh250 {width:250px}
.red {color:#fb3163}
.orange {color:#c45016}
.yellow {color:#ffb808}

.none {display:none}

input[ type="radio"], input[ type="checkbox"] {margin:0;width:20px; height:20px; border:1px solid  #acacac;}
select {line-height:30px; font-size:1em; background:#F9F9F9; padding:6px 10px; height:45px}

.clear { clear:both; height:auto; overflow:hidden}
.center {text-align:center}
.m_view{display:none}

/** 한영중 추가 */

#sample_wrap {width:100%;max-width:1080px;margin:0 auto;padding:0;text-align:center;overflow:hidden}
.w100p {width:100%;max-width:1080px;margin:0 auto;padding:20px 0;text-align:center;overflow:hidden}

#sample_wrap .tab{float:right; width:60%}
.tab li { float:left;  font-size:1.2em; text-align:center; background:#F0F0F0; width:33.3%; padding:15px 8px;  color:#222; border-right:1px solid #bbb;}
.tab li a{color:#222}
.tab li.coupleon { background:#565f8e; font-weight:bold; color:#fff;}
.tab li.dateon { background:#6f499a; font-weight:bold;color:#fff;}
.tab li.touron { background:#dd5d69; font-weight:bold;color:#fff;}
.tab li:nth-child(3) {border-right:none}
.tab li:nth-child(1):hover {background:#565f8e; color:#fff;}
.tab li:nth-child(2):hover {background:#6f499a; color:#fff;}
.tab li:nth-child(3):hover {background:#dd5d69; color:#fff;}



.top_area0 { background:#fff; padding:20px 0 10px 0}
.top_area0 #sample_wrap { padding:0}
.top_area0 div.logo {padding-bottom:0;}
.top_area0 div.lang {float:right; padding-top:6px}
.top_area0 div.lang select { background:#000000; color:#fff; font-size:.8em; padding:4px}

.top_area1 { background:#302643;}
.top_area1 h1 {color:#fff; text-align:center; padding:20px}
.top_area1:lang(en) h1 {font-size:2em; letter-spacing:-0.5px}
.top_area1 #sample_wrap { padding:10px 0 0 0}

/*.top_area2{background:#dc6453; height:auto; overflow:hidden; margin-bottom:20px}*/
.top_area2{background:#e6d5cd; height:auto; overflow:hidden; margin-bottom:20px; padding:30px 0}
.top_area2.date { background:#6f499a}
.top_area2.tour{background: linear-gradient(60deg, #f4a446, #d94a8e) fixed; height:auto; overflow:hidden;}
.top_area2 h1 {color:#fff; text-align:center; padding-bottom:10px;} 
.top_area2 h1.pt30 { display:none}
.width_80 {width:90%; margin:0 auto; height:auto; overflow:hidden;}
.width_80 .center { clear:both}
.top_area2:lang(en) .width_80, .top_area2:lang(cn) .width_80 {width:90%;}
.merit { clear:both; padding-bottom:5px;}
.merit li {float:left;list-style:none; border-radius:10px; background:#fff; text-align:center; padding:15px 10px; box-sizing:border-box;}
.merit li:first-child { width:38%;margin-right:2%; font-size:1.4em; font-weight:bold}
.merit li:last-child {  width:60%;font-size:1.2em; padding:17px 0 16px 0}
.merit:lang(cn) li:last-child {font-size:1.1em;}
.ring{ position:relative; width:100%; height:60px;background:url('/image/ring.png') no-repeat; background-position:top 15px left 39%; margin-top:-55px; }
h1.tt {padding-top: 30px; padding-bottom: 10px;margin-bottom: 20px;
background-image: linear-gradient(#FFF,#FFF);color: #ffb808;font-size:3em;
background-repeat: no-repeat;background-size: 260px 1px, calc(0% - 4px) 100%;background-position: center bottom;}
h1.tt.date { font-size:1.8em}
h1.tt2 { padding-top:10px; padding-bottom:50px ; line-height:1.4em}
h1.tt2.tour {}
h1.tt img { margin-top:10px}

.fl.width60 { width:60%}
.gift_area { margin:0 auto; text-align:center; padding-left:5%}
.gift_area img {width:100%}
.use_txt { color:#E45500}
.use_txt br{ display:none}


.boxline_gray {width: 100%;border: 3px solid #ddd;padding: 25px 20px;border-radius: 8px;overflow: hidden;}

.mem_price {height: auto;  overflow: hidden;   clear: both;  border-radius: 10px;  }
.mem_price.img00 {border: 3px solid #d3959b; margin-bottom: 10px;}
.mem_price.img01 {border: 3px solid #c97eb7; margin-bottom: 10px;}
.mem_price.img02 {border: 3px solid #bc68a6; margin-bottom: 10px;}
.mem_price.img03 {border: 3px solid #ac68bc; margin-bottom: 10px;}
.mem_price.img04 {border: 3px solid #6e68bc; margin-bottom: 10px;}
.mem_price.img05 {border: 3px solid #47429e; margin-bottom: 10px;}
.mem_price div.use_color0 {padding:0 0 10px 10px; background-color: #d3959b; width: 100%; height: auto; margin: 0px; }
.mem_price div.use_color1 {padding:0 0 10px 10px; background-color: #c97eb7; width: 100%; height: auto; margin: 0px; }
.mem_price div.use_color2 {padding:0 0 10px 10px; background-color: #bc68a6; width: 100%; height: auto;margin: 0px; }
.mem_price div.use_color3 {padding:0 0 10px 10px; background-color: #ac68bc; width: 100%; height: auto;margin: 0px; }
.mem_price div.use_color4 {padding:0 0 30px 10px; background-color: #6e68bc; width: 100%; height: auto;margin: 0px; }
.mem_price div.use_color5 {padding:0 0 20px 10px; background-color: #47429e; width: 100%; height: auto;margin: 0px; }
.mem_price div.use_price {float:left; padding:7px; box-sizing:border-box;}
.mem_price div.use_price:first-child { width:23%; text-align:center; color:#FFF; padding-top:0px; }
.mem_price div.use_price:last-child { width:77%;font-size:1.05em; line-height:1.4em ; padding:12px 10px;}
.mem_price div.use_price .stt{ display:inline-block; clear:both; border-radius:20px; border:1px solid #a54c54; padding:3px 20px; margin-bottom:8px; color:#a54c54; font-weight:bold}
.mem_price.img01  h2.subtit_price{color:#fff}
.num{font-size:1.19em; font-weight: bold;}
.mem_price.img02  h2.subtit_price{color: #fff}
.mem_price.img03  h2.subtit_price{color: #fff}
.mem_price.img04  h2.subtit_price{color: #fff;}
.mem_price.img05 h1{color:#4A4A4A}
.mem_price.img05 p {color:#4A4A4A}

.mem_vip {height:auto;overflow:hidden; clear:both;  border:1px solid #FBE28F;background:url(/images/guide_price04.png) top left no-repeat; background-size:100%; }
.mem_vip {height:auto;overflow:hidden; clear:both;  border:1px solid #FBE28F;background:url(/images/guide_price04.png) top left no-repeat; background-size:100%; }
.mem_vip {height:auto;overflow:hidden; clear:both;  border:1px solid #FBE28F;background:url(/images/guide_price04.png) top left no-repeat; background-size:100%; }
.mem_vip li {list-style:none;font-size:1.2em; line-height:1.7em; width:100%;background:#fdfcf5}
.mem_vip li:first-child { font-weight:bold; color:#FFF;text-align:center; }
.tit {
float: left;width: 22%;text-align: center;
}
h2.tit_price {
font-size: 1.5em;padding-top: 10px;letter-spacing: -1.2px;font-weight: 600;border: #fff;
}
h2.subtit_price {
letter-spacing: -1.5px;display: inline-block;font-size: 1.12em;text-align: left;font-weight: normal;
}
.mem_price div.use_price:last-child {width: 77%;font-size: 1em;line-height: 1.4em;padding: 12px 15px; letter-spacing: -0.04em}
.mem_price div.use_price {
float: left;padding: 7px;box-sizing: border-box; text-align: left
}
.item_price {
float: left;border-left: 1px solid #868485;width: 76%;padding-left: 12px; text-align: left
}

li.smalldot {
list-style: none;background: url('http://couple.net/images/dot.png') 3px 8px no-repeat;padding-left: 15px;padding-bottom: 5px;line-height: 1.2em;
}
.pb10 { padding-bottom: 10px !important;}


/*효도미팅이용권*/
.width_90 {margin:20px auto 0 auto; height:auto; overflow:hidden; text-align:left; color:#fff}

.top_area2 .width_90  { text-align:center}
.top_area2 h1.ttgift { text-align:center; font-size:2.8em; padding-bottom:15px}
.top_area2 h1.ttgift span {background: linear-gradient(-135deg, #e68336, #d14106); display:inline-block;  padding:4px 8px}
.top_area2 .width_90 h2 {color:#fff587; padding-bottom:2px; display:block;margin-bottom:10px; margin-top:20px; text-align:center; font-size:2em; line-height:1.4em}
.dotgift { background:url('/image/giftdot.png') 0 4px no-repeat; padding:1px 0 8px 28px; font-size:1.1em; line-height:20pt;}
.gift_area.parent { margin:-80px auto 0 auto; vertical-align:bottom}
.gift_area.parent .clear span img{ height:auto; overflow:hidden; vertical-align:bottom }
.gift_area.parent .clear span.right{ height:auto; overflow:hidden; margin-left:-30px; padding-top:150px}
.use_txt_star { clear:both; text-align:left; background:url('/image/star.png') 0 4px no-repeat; padding:1px 0 8px 28px; font-size:0.9em; line-height:16pt; display:inline-block}
.deshdot { background:url('/image/deshdot.png') 0 8px no-repeat; padding:0 0 0 10px; font-size:1.05em; }
.use_txt_star span {color:#E91518}
.parent_pay { background:#faf4ab; font-size:1.1em; padding:6px 0}

.grid3 { padding-top:20px}
.grid3 li {float:left; width:32%; margin-right:1%;border-radius: 30px 0; padding:30px 0; text-align:center; font-weight:bold; box-sizing:border-box; background:#fff; font-size:1.3em}

.subbg1_tit1 {font-size:1.6em; color:#fff; letter-spacing:-1px; padding:10px 8px}
.subbg1_tit1 .icon { background:url('/image/img_tel01.png') 0 0 no-repeat; background-size:30px; padding-left:40px}
.subbg1_tit1 .tel { color:#FFFE7B}

.top_area3 {  padding-bottom: 40px}
.top_area3 dt, .top_area3 dd {float:left; font-size:1.2em; text-align:left}
.top_area3 dl {clear:both; border-bottom:1px solid #ddd; padding:12px 0; height:auto; overflow:hidden; margin:0}
.top_area3 dt {width:20%; text-align:center; background:#565f8e; color:#fff; padding:8px 0}
.top_area3 dd {width:80%; padding-left:20px; box-sizing:border-box}
.top_area3:lang(en) dd {width:75%; font-size:1.2em}
.top_area3.date dt {background:#6f499a; width:30%}
.top_area3.date dd {width:65%}
.top_area3.tour dt {background:#dd5d69; width:30%}
.top_area3.tour dd {width:65%}

p.dot { background:url('../img/dot.png') 0 12px no-repeat; padding-left:16px; color:#339bd9; padding-top:6px; letter-spacing:-1px}
p.dot2 { background:url('../image/dot2.png') 0 14px no-repeat; padding-left:16px;padding-top:6px; letter-spacing:-1px; line-height:1.4em}

.contents { padding:40px;overflow:hidden; text-align:center}
.contents.mtup {margin-top:-80px; padding-bottom:60px}
.contents.pdt30 {padding:30px;}

.top_area4 { height:auto; overflow:hidden; padding:40px;}
.top_area4 .fl img{width:100%; }
.top_area4 .fr{text-align:left;}
.top_area4 .fr h2 { padding-top:10px; margin-bottom:20px; clear:both; display:inline-block; border-bottom:1px solid #222; font-size:1.6em}
.top_area4:lang(en) .fr h2 { padding-top:0}
.top_area4 td {padding-bottom:6px; font-size:1.2em; vertical-align:top}
.top_area4 span {padding-top:4px;}

.process td{ vertical-align:top; padding-top:5px}
span.no {display:inline-block; background:#d1723a; width:30px; height:30px; border-radius:50%; text-align:center; color:#fff; box-sizing:border-box; margin-right:6px; padding-top:3px}
span.use { font-size:1.05em; display:inline-block; padding-top:2px; line-height:1.3em}
   
.top_area4 h1 {padding-bottom:20px; color:#000; font-size:2.3em;font-weight:bold}
.top_area4 h1 span { font-size:1em; color:#942574 }
.top_area4 h3 { color:#2946A4; text-align:center}
p.tt_bg { border:1px solid  #2D608F; background:#e9f6f7; text-align:center; color:#2D608F; font-size:1.8em; font-weight:bold; padding:10px 0; border-radius:30px; height:auto; margin-bottom:15px}
p.tt_bg:lang(en) {font-size:1.6em; letter-spacing:-1px}
ol li{list-style-type: decimal !important; text-align:left; font-size:1.1em; padding-bottom:8px}

#sample_wrap > div.buybox {max-width:1000px;margin:0 auto;padding:40px;overflow:hidden;}
#sample_wrap .clear .fl {width:43%; text-algin:center; padding-left:8%}
#sample_wrap .clear .fr {padding-right:0; padding-top:20px}

div.buybox { border-radius:20px; background-color: #fff;
    border: 6px solid transparent;
    border-image: linear-gradient(to right, #c8af77 0%, #e8deba 100%);
    border-image-slice: 1;padding:30px; padding-top:60px; margin-bottom:40px; margin-bottom:15px}
div.buybox h3 { font-size:2em; padding-bottom:15px; letter-spacing:-2px}
div.buybox .buy {border-bottom:1px solid #777}
div.buybox .buy.pay {background:#fff1ee}
div.buybox ul {clear:both; padding:15px 0; border-bottom:1px solid #ddd; height:auto; overflow:hidden}
div.buybox ul:first-child {border-top:1px solid #ddd;}
div.buybox li{float:left; text-align:left; font-weight:bold; width:80%}
div.buybox:lang(en) li{width:75%}
div.buybox:lang(cn) li{width:70%}
div.buybox li br{display:none}
div.buybox li.item{width:20%; font-size:1.2em; text-align:center; color:#7d4a15;}
div.buybox:lang(en) li.item{width:25%}
div.buybox:lang(cn) li.item{width:30%}
div.buybox li.item span.fc-red.nopc{ display:none}
div.buybox li p.nopc{ display:none}
div.buybox li span.item_txt {display:inline-block; vertical-align:top; padding-right:8px}
div.buybox li.order p{display:inline-block; width:30%}
.wh100 {width:100%; box-sizing:border-box}
div.buybox li p.mobileblock, div.buybox li p.mobileblock2 {display:inline-block; padding-left:4px}

div.buybox h2.result_an {color: #6228c1; padding-bottom:20px; font-size:1.4em; line-height:1.6em}
p.bg_gray { background: #e9d189; color:#000; padding:15px; font-size:1.1em; font-weight:bold; margin-bottom:10px; border-radius:8px}
div.buybox p.agree {line-height:1.5em; padding:20px; text-align:left; letter-spacing:-1px}
div.buybox p.agree label {vertical-align:top;}

div.buybox input[type="text"], input[type="phone"], input[type="email"] {border:1px solid  #acacac;padding:.7em .4em; color:#006197; font-size:1em; font-weight:bold; box-sizing:border-box}
div.buybox .buy.pay input[type="text"] {color:#fb3163; font-size:1.1em}

div.agree-btn{margin:30px auto 50px auto}
span.btn_reg {background:#302643; color:#FFF; border-radius:30px; font-size:1.6em; font-weight:bold; display:inline-block; padding:20px 40px; cursor:pointer}

.top_area5 { padding:20px}
.service { margin:0 }
.service li { float:left; width:24%; margin-left:1%; border:1px solid #a9218f; border-radius:8px; padding:10px 0 15px 0; box-sizing:border-box; text-align:center; height:85px}
.service li span{display:block; padding:5px 15px 8px 15px}
.service li span img {width:90%;}
.service li:first-child { margin-left:0; width:25%}
.service li p{ text-align:center}
.service li a {color:#000}
.service li:nth-child(5) span, .service li:nth-child(6) span {float:left; display:inline-block; height:40px;}
.service li span.img {width:40%; text-align:center; padding:0}
.service li span.img img {width:58px}
.service li span.txt{width:60%; font-size:1.2em; font-weight:bold; line-height:1.4em; padding:0}
.service:lang(en) li p { font-size:14px}
.service:lang(en) li span.txt {}


div.footer {background:#e5e5dd;margin-top:5px;padding:20px;overflow:hidden;}
div.footer .fl, div.footer .fr {text-align: left !important}
div.footer .fl { padding-left: 5% !important}
div.footer p {padding: 4px 0}
span.desh { display:inline-block; color:#6A6A6A; padding:0 10px}
div.footer strong {color: #0E2357; font-size: 1.2em }

.subbg1 {width:100%; background:#302643; height:auto; overflow:hidden; text-align:center; margin-top:30px }
.subbg1.date {}
.subbg1.tour {}
.subbg1 img { margin:10px 10px}
.subbg3 {width:100%; background:#d5deeb; height:auto; overflow:hidden; text-align:center; padding:0; }
.subbg3 h2 {padding-bottom:20px; color:#382E8E}
.subbg3:lang(cn) h2 {font-size:1.3em} 
.subbg3 h1 {padding-bottom:50px; text-shadow: 2px 2px #fff; font-size:3.2em; font-weight:bold;color:#382E8E}
.subbg3 .subbg3_txt{  padding:30px 0 0 0;max-width: 1000px; margin:0 auto; height:100%;overflow:hidden;}
.subbg3_txt .fl {width:40%; padding-top:30px}
div.ceo {background:#fff; padding:20px; border-radius:20px; font-size:1.3em; font-weight:bold}
div.ceo p {font-size:1.8em}
.subbg3_txt .fr{ width:60%; text-align:left;font-size:1.3em;line-height:1.4em;letter-spacing:-1px; padding-bottom:20px }
.subbg3_txt  p.ceo{ margin-left:-50px; margin-top:-30px; color:#fff}
.subbg3_tit2.nopc {display:none}

.color-primary-1 {
    color: #ac0082 !important;
}

.icon_gift { margin-top:20px}
/** NEW **/
	
/*.topbg1 {width:100%; background:#8628c2; height:auto; overflow:hidden; text-align:center}
.topbg2 {width:100%; background:#fffc9f; height:auto; overflow:hidden; text-align:center; padding-bottom:100px;}
.topbg2.nomargin {margin-top:0}
.subbg2 {width:100%; background:#ab0082; height:auto; overflow:hidden; text-align:center; padding:40px 0;}
.subbg2 .subbg2_tit2 { padding-top:0; padding-bottom:40px}
.subbg2 .subbg2_tit2 span.nopc, .subbg2 .subbg2_tit3 span.nopc {display:none}
.subbg2 span {padding-right:10px}
.subbg4 {font-size:1.5em; font-weight:bold; padding:30px 0; letter-spacing:-2px; margin:0 auto; text-align:center; color:#682f9d}
.subbg4 br{display:none}
.subbg4_txt {margin-top:-220px; padding-bottom:10px}
h1.result { color:#FFF; font-size:2em; font-weight:bold; margin:20px 0; padding-bottom:20px; border-bottom:1px solid #956dd6}
h1.result a {color:#FFF;}

.topbg1_tit1 { padding:0 0 30px 0}
.topbg1_tit1 h2 {color:#fff; font-size:2.8em; letter-spacing:-1px; line-height:1.4em}
.topbg1_tit1 h2 .col_red {color:#ff6767}
.topbg1_tit1 h2 .col_bule {color:#37bff1}
.topbg1_tit2 { padding-top:50px}

.topbg2_tit1 { padding:40px 0 15px 0}
.topbg2_tit3 { padding:70px 0}


*/

@media all and (max-width:801px) {
	div.buybox li.order p {display:block; padding-bottom:5px}

/*	p.subbg2_tit2 span, p.subbg2_tit3 span { float:left; display:inline-block; width:70%;}
	p.subbg2_tit2 span.nomobile, p.subbg2_tit3 span.nomobile {width:25%}
	p.subbg2_tit2 img, p.subbg2_tit3 img{width:100%; margin-bottom:10px}
	.contents.pdt30, .subbg3 p.subbg3_tit1, .subbg3 p.subbg3_tit2 {padding:15px}
	.subbg2_tit1 img, .subbg3 p.subbg3_tit1 img, p.subbg3_tit2 img{width:100%}*/
}

@media all and (max-width:600px) {
   .m_view{display: inline-block}
   .m_hide{display:none}
   
   #sample_wrap {width:90%}
   .top_area1 #sample_wrap {padding: 0}
   #sample_wrap .fr {padding-top:0}
	.w100p {width:100% !important}
   .w100p .subbg1 { margin-top:0}
   .width_80 , .top_area2:lang(en) .width_80, .top_area2:lang(cn) .width_80, .width_90{width:100%}
   .fl, .fr{padding:0}
   .top_area2 { padding:20px }
   .top_area1 h1 { font-size:1.35em; font-weight:normal; letter-spacing:-0.06em;  padding: 20px 0}
   .top_area2 img {width:100%}
   h1.tt {background-size: 140px 1px, calc(0% - 4px) 100%;    margin-bottom: 10px;}
   h1.tt img {width:200px}
   h1.tt.date { font-size:1.1em}
   h1.tt2 { padding-bottom:0}
	.top_area0 div.logo { float:none; clear:both; text-align:center}
	.top_area0 #sample_wrap {width:100%}
	.top_area0 #sample_wrap .tab { float:none; clear:both; width: 100%;}
   .tab li {font-size:14px; padding:10px 2px; font-weight:normal; letter-spacing:-1px}
   .tab li.coupleon, .tab li.dateon, .tab li.touron {font-weight:normal}
   .icon_gift img {width:100px}
   
   .top_area1:lang(en) h1 {font-size:1.4em}
    .top_area2 #sample_wrap {padding-bottom:0 !important; width:100%}
   .top_area2 #sample_wrap .center.pt30{ display:none}
   .top_area2 h1.pt30 { padding-top:0; display:block; font-size:1em; letter-spacing:-0.5px; line-height:1.6em; }
   .top_area2 h1.pt30 .yellow { display:inline-block; padding-top:20px; font-size:1.2em}
   .top_area2 h1 { font-size:1.3em;font-weight:normal; letter-spacing:-1px; line-height:1.4em;padding-top:15px}
   .ring { display:none}
   .merit li:first-child{width:100%; border-radius:10px 10px 0 0}
   .merit li:last-child {width:100%; margin-bottom:6px;border-radius:0 0 10px 10px; padding:0 10px 10px 10px;font-size: 1em; letter-spacing:-1px}
   .top_area2 #sample_wrap img, .top_area4 #sample_wrap img {width: 100%}
   .use_txt { padding:10px 10px 20px 10px}
   .grid3 li {width:49%; padding:20px 0}
   .grid3 li:nth-child(2) {margin-right:0 ;width:50%}
   .grid3 li:last-child {width:100%; margin-top:6px}
   
   .grid3:lang(en) li {width:100% !important; margin-bottom:6px}
   
   .gift_area { margin-top:-30px} 
   
   
   .gift_area img {width:100%}
   .subbg1 img {width:36px; margin-left:0; margin-right:5px}
   .subbg1_tit1 {font-size:1.3em}
   .subbg1_tit1 .icon{ clear:both}
	.subbg1_tit1 .tel { display:block; padding-top:8px; letter-spacing:0; font-size:1.4em}
   .subbg1_tit1:lang(en) .tel { display:inline-block; padding-bottom:8px}
   #sel_sum_prod {width:100%}
   
   .top_area3 dl { border-bottom:none}
   .top_area3 dt {width:100% !important; clear:both;float:none;}
   .top_area3 dd {width:100% !important; clear:both;float:none;margin:0; font-size:1em; padding-left:0}
   .top_area3:lang(en) dd{width:100%;font-size:1em}
   
   .top_area4 { padding:0 0 10px 0}
   .top_area4 .fl img{ margin-bottom:15px}
   .top_area4 .fl, .top_area4 .fr {width:100%; padding-bottom: 15px}
   .top_area4 .fr h2 {font-size:1.35em; padding-top:0; letter-spacing:-1px; text-align:center; padding-bottom:0}
   .top_area4 h1 {font-size:1.8em}
   .top_area4 p { font-size:1em}
   .top_area4 td{font-size:15px}
   span.no {width:22px; height:22px}
   .top_area4 span {padding-top:2px}
   .top_area4 #sample_wrap .fl img{display:none}
   
   /*효도미팅*/
   .width_90{width:100%; margin-top:0;}
   .top_area2 h1.ttgift { font-size:1.8em; letter-spacing:-2px}
	.top_area2 .width_90 h2{font-size:1.4em}
	.top_area2 h1.ttgift span { line-height:26pt;}
   .dotgift { font-size:.95em;line-height:16pt; letter-spacing:-0.5px}
   .gift_area.parent { margin-top:-50px; width:90%}
   .gift_area.parent .clear span.right {display:none}
   .parent_pay { font-size:1em}
   
   /* ceo */
	.subbg3 .subbg3_txt{ padding:15px;max-width:100%; margin:0 auto; height:100%;overflow:hidden; background:none; vertical-align:bottom}
   .subbg3 h2 {font-size:1.1em; display:none}
   .subbg3 h2 br{display:none}
   .subbg3 h1 {font-size:1.7em; letter-spacing:-1px; padding-bottom:20px}
	.subbg3_txt .fl{float:left;clear:both; width:100%; text-align:center;font-size:.9em;line-height:1.4em;color:#18023d;letter-spacing:-1px; padding:20px}
	.subbg3_txt .fl img { text-align:center}
   div.ceo {padding:8px 10px; vertical-align:top}
   .subbg3_txt .fl p{ display:inline-block; font-size:1.1em; padding-left:10px; line-height:30pt;vertical-align:bottom}
	.nomobile {display:none}
	.subbg3_txt .fr { display:block; width:100%; font-size:1.1em}
	.subbg3_txt .fr img {width:55%}
	.subbg3_txt .fr p {margin:-40px 0 13px 80px; color:#fff; font-size:1em}
   
   
   
   .service li {width:49% !important; margin-bottom:10px; margin-right:1%; margin-left:0}
   .service li span img {width:90%;}
   .service li span.img { margin-top:0}
   .service:lang(cn) li span.txt {font-size:1em}
   
   

	#sample_wrap div.buybox {padding:10px; padding-top:20px; margin-top:20px}
   #sample_wrap .contents.mtup {padding:0 !important; margin-top:-40px}
   div.buybox h2.result_an {padding-bottom:0; font-size: 1.1em; line-height: 1.2em; text-align: left}
	div.buybox h3 { font-size:1.8em}
	div.buybox li {width:100%}
   div.buybox ul:first-child { border-top:none}
   div.buybox:lang(en) li{width:100%}
   div.buybox:lang(cn) li{width:100%}
   div.buybox li p.mobileblock { display:block !important; width:100%; clear:both; padding-bottom:8px; height:auto}
	div.buybox li p.mobileblock2 { }
	
	div.buybox .buy, div.buybox ul {border-bottom:none}
	div.buybox li.item {width:100%; text-align:left; padding:5px; font-size:1em; background:#F4F4F4; margin-bottom:10px; color:#626262}
   div.buybox:lang(en) li.item {width:100%;}
   div.buybox:lang(cn) li.item{width:100%}
   div.buybox li.order p{display:block; width:100%}
	div.buybox li .noshow { display:none; }
	div.buybox li.item span.fc-red.nopc {display:inline-block;font-size:.8em}
	div.buybox li br{display:inline-block}
	div.buybox .buy.pay {background:none}
   div.buybox:lang(en) select {font-size:.9em; width:100%; padding:4px}
	div.buybox li.order p span {display:inline-block; width:50px}
   .m_pl20 {display:inline-block; padding-left:34px; padding-bottom:8px}
	.wh100, .wh120, .wh250 {width:230px}
   .wh100 {width:100%; box-sizing:border-box}
	
	div.buybox p.agree {padding:20px 10px; border-top:1px solid #ddd}
	span.btn_reg {font-size:1.3em;}
	
	.top_area5 { padding:20px 10px}
   .top_area5 #sample_wrap{ width:100%}
   ol li { font-size:1em}
   p.tt_bg:lang(en) { font-size:1.2em}
	div.footer { text-align:left; font-size:.95em}
	span.desh { padding:0 3px}
   
   div.footer .fl, div.footer .fr {width: 100%; float: none}
   div.footer .fl { padding-left: 0 !important}
   div.footer #sample_wrap {width:95%;}
   
   .tit, .item_price {
    float: none;
    width: 100%;
}
   .item_price {
    border-left: none;
    border-top: 1px solid #ddd;
    padding-left: 0;
    padding-top: 20px;
    margin-top: 15px;
}
   .mem_price div.use_price:first-child {
    width: 100%;
    text-align: center;
    color: #FFF;
    padding-top: 0;
}
   .mem_price div.use_price:last-child {
    width: 100%;
    font-size: 1.05em;
    line-height: 1.4em;
    padding: 10px 15px;
}
  .mem_price div.use_color4 {
    padding: 0 0 10px 10px;
}
  .boxline_gray {
    padding-top: 10px;
} 
}

@media all and (min-width:768px) {
	
	
	#sample_wrap div.buybox {max-width:1000px;padding:40px;overflow:hidden; margin:0 auto;}
	#sample_wrap div.buybox h2 img {width:auto}
	#sample_wrap div.buybox p.agree img {display:inline-block}
	#sample_wrap div.buybox p.agree-btn img {width:auto;margin-top:40px}
}


