html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size:100%;letter-spacing:-.05em;font: inherit;vertical-align: baseline;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

html { height:101% }
/*body, table, input, select, option, textarea, button {font-family: 'Nanum Gothic', sans-serif;}*/
:lang(ko) {font-family: 'Nanum Gothic', sans-serif;}
:lang(en) {font-family: 'Open Sans', sans-serif;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
i {font-style:italic}

div {overflow:hidden}
table { border-collapse: collapse; border-spacing: 0; }
img { border:0;max-width:100%;vertical-align:middle }

a {color:#333;text-decoration:none}
a:hover {color:#333;text-decoration:none}

.blind {display:none}
.tac {text-align:center}

.fl {float:left}
.fr {float:right}

input[type="text"], input[type="phone"], input[type="email"], textarea {border:1px solid  #d4d3d3;margin-bottom:5px;padding:.6em;width:100%;box-sizing:border-box}
input[type="checkbox"] {border:1px solid  #d4d3d3}
input[type="radio"] {margin:12px 0 17px 0;padding:.6em}
select {border:1px solid  #d4d3d3;margin-bottom:5px;width:100%;box-sizing:border-box}
textarea { height:80px}

.pb40 { padding-bottom: 40px}

.mobile {display:none} 
.pc {display:block}

/* All-Mobile Device */

#wrap {}
.conts  { width:980px; margin:0 auto;}

#headerwrap {  padding:25px 10px 10px 10px; }
#headerwrap > div.logo span.fl{ float: left; cursor: pointer;}
#headerwrap > div.logo span.fl img {width: 200px}
#headerwrap > div.logo span.fr img {width: 120px; margin-top: 8px}

#containerwrap {width:100%;padding:20px 20px;background:url('/oneP/images/noti_csbg.jpg') repeat-y; text-align: center}
.top_tt {color:#000; font-size: 1.3em; text-align: center; padding: 15px 0;  letter-spacing: -0.06em;line-height:1.6em;font-weight: bold; }
.top_tt  p {color:#ab0082; padding-bottom: 6px; font-size: 1.2em}
div.requestbox {width:95%;padding: 30px; margin:20px auto; }
div.requestbox div.conts_w { background: #fff; border-radius: 40px; border:2px solid #a9007f }
div.requestbox h1, div.requestbox h2 {font-size:1.8em;color:#000;text-align:center;font-weight:bold; display:inline-block;  margin:0 auto; letter-spacing:-2px; padding-bottom:5px; border-top:1px solid #000; margin-bottom:20px}

div.requestbox dl {margin:30px auto;padding:0 20px;overflow:hidden; text-align:left}
div.requestbox dl dt {float:left;display:table-cell;width:20%;padding:6px 10px;font-size:1.1em;font-weight:bold;text-align:right;clear:left;color:#7c366d;}
div.requestbox dl dd {float:left;display:table-cell;width:70%;}
div.requestbox dl dt.view{padding-top:6px}
div.requestbox .pb40 { padding-bottom:60px !important}

div.requestbox div.btn {
    display: block;
    width: 30%;
    margin: 30px auto;
    line-height: 2.5em;
    text-align: center;
    background:#a9007f ;
    border-radius: 50px;
}
div.requestbox input[type="text"] { border-radius:8px; padding:3px 8px; height:auto}
div.requestbox  textarea {border-radius:8px; padding:3px 8px;}
div.requestbox div.btn button {font-size: 1.2em;color: #FFF;font-weight: 600; padding:10px}

#t_authkey2 {
    width: 110px !important;
    margin-right: 5px;
}

#t_authkey1 {
    background: #fff;
    border: none;
    width: 100% !important;
    font-size: 1.3em;
    letter-spacing: .5em; padding:0;
    color: #777;
}

br.m_view { display:none}
.process_m{display:none}

/* 추석에도 소개팅은 계속된다 */
#containerwrap_tg {width:980px; margin:0 auto; }
#containerwrap_tg .tg_topbg {padding:20px 8%;background:url('/oneP/images/noti_tg_bg.jpg') top center repeat-y; }
#containerwrap_tg .tg_topbg .conts_tt { font-size:1.4em; text-align:left}
#containerwrap_tg .tg_topbg .conts_tt p {color:#ab0082; font-weight:600; padding-bottom:30px}

.tg_endbg {width:100%;padding:30px 4% 60px 8%;background:url('/oneP/images/noti_tg_endbg.jpg') bottom center;background-size:100% }
.tg_endbg  .tt {color:#fff; font-size:1.3em; line-height:1.4em}

#footerwrap {font-size:1.25em;padding:20px;color:#fff;background:#54585a;line-height:1.8em;text-align:center;}
span.tel {display:inline-block; border-radius:6px; padding:0 8px; margin-right:5px; background:#A77D59; line-height:1.5em; color:#fff}
.telarea { padding-top:40px; font-weight:bold;font-size:1.1em; width:450px; margin:0 auto}
.telarea li {list-style:none; width:100%; padding-bottom:5px; text-align:left}
.telbg { display:inline-block; border-radius:16px; width:180px; padding:3px 10px; text-align:center; color:#fff; background:#4a5055; margin-right:8px; font-weight:normal;font-size:.8em; line-height:1.4em;}

/*카페*/
.cafe_top .fr { padding-top:42px; padding-left:20px; float:left !important}
.cafe_endbg {background:url('/oneP/images/cafe_03.jpg') top center; padding:240px 0 23px 10.5%; font-size:1.6em}
.cafe_tt2 { padding-top:40px; color:#fff}
.cafe_tt h2 { border-bottom:1px solid #000; clear:both; display:inline-block; margin-bottom:5px}
.cafe_tt2 h2 { border-bottom:1px solid #fff; clear:both; display:inline-block;margin-bottom:5px}

.cafe_topbg {background:#fbedec; margin-bottom:50px}
.center { text-align:center}
.conts div.requestbox { margin-bottom:0}
#footer { text-align:center; padding-bottom:20px; line-height:160%}

#disp_event { background:#e4e4e4; padding: 15px }
li.eventlist {list-style: none;float: left;width: 25%; padding:10px;}
li.eventlist img {width:100%;height: 135px;}

/* Tablet Device */
@media all and (max-width:600px) {
	.mobile {display:block} /*mobile에서만 보임*/
	.pc {display: none}
	.conts { width:100%; background-position:top 100px right; background-size:40%;}
	br.m_view { display:block}
	br.m_hide { display:none}
	.process{display:none}
	.process_m {display:block}
	
	#headerwrap > div.logo span.fl img { width: 140px}
	#headerwrap > div.logo span.fr img {width: 90px; margin-top: 0}
	
	#containerwrap { padding: 20px 0}
   #div.requestbox { padding:20px}
	div.requestbox div.conts_w { border-radius: 20px}
	div.requestbox { width: 100%}
	div.requestbox dl dt, div.requestbox dl dd { width: 100%; text-align: left} 
	div.requestbox div.btn {width: 90%}
	.top_tt { padding: 20px;line-height:1.4em;}
	#t_authkey2 {width: 100% !important}
	.top_tt { letter-spacing: -0.06em;font-size: 1.2em}
	.top_tt p {font-size: 1.05em}
   
   #containerwrap_tg { width:100%}
   #containerwrap_tg .tg_topbg {padding:0 6% 0 6%;background:url('/oneP/images/noti_tg_bg_m.jpg') top center repeat-y;background-size:100%}
   #containerwrap_tg .tg_topbg .conts_tt { font-size:1.1em;}
   .tg_endbg {padding:30px 4% 40px 6%;background:url('/oneP/images/noti_tg_endbg_m.jpg') bottom center;background-size:100%}
   .tg_endbg  .tt {font-size:1.05em; line-height:1.4em}
   
   /*카페*/
   .cafe_topbg {margin-bottom: 30px;}
   .cafe_top .fr {padding:0 10px}
   .cafe_endbg {font-size:1.2em;background:url('/oneP/images/cafe_03_m.jpg') left top; background-size:100%;padding:180px 0 23px 8.5%;}
   .cafe_tt2 { padding-top:50px;font-size:1.2em; line-height:1.1em}
   
   .cafe_topbg { height:auto}
   .conts div.requestbox { width:100%; padding:10px}
   .conts div.requestbox div.conts_w { border:none}
   .conts div.requestbox dt {display:none}
   li.eventlist {width: 50%;}
   li.eventlist img {width:100%;height: 110px;}
   li.eventlist:nth-child(3),li.eventlist:nth-child(4),li.eventlist:nth-child(7),li.eventlist:nth-child(8) {display: none}
   .center.mobile img {width: 95%}
   
}

@media all and (max-width:375px) {
	#containerwrap > div.requestbox { padding: 30px 15px}
	.top_tt {font-size: 1.1em}
   
   .cafe_endbg {font-size:1.1em;padding:160px 0 15px 8%;}
   .cafe_tt2 { padding-top:40px;}
}