@import url(/css/notosans.css); 

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%;font-family: 'Noto Sans', sans-serif; }
/*body, table, input, select, option, textarea, button {font-family: 'Nanum Gothic', 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;padding:.6em .4em;width:100%;box-sizing:border-box}

/* All-Mobile Device */


#wrap,
#wrap > #headerwrap,
#wrap > #containerwrap,
#wrap > #footerwrap {width:100%;margin:auto;padding:0;overflow:hidden;}

#wrap > #headerwrap {padding:0;background-color:#a9218e;}
#wrap > #headerwrap > div.logo {overflow:hidden; margin:0 auto;width:100%; padding:6px 0}

#wrap > #headerwrap > div.logo span.sunoo {float:left; cursor:pointer}
#wrap > #headerwrap > div.logo span.couple {float:right; cursor:pointer; }


#wrap > #headerwrap > div.logo {max-width:1000px}
#wrap > #headerwrap > div.boxwrap {max-width:1000px;padding:10px 0;margin:20px auto; text-align:center}
#wrap > #headerwrap > div.boxwrap > div.textbox {width:100%;margin:0;}
#wrap > #headerwrap > div.boxwrap > div.textbox > small {font-size:1.3em; color:#f4d779; font-weight:bold; text-align:center; display:block; margin-bottom:8px}
#wrap > #headerwrap > div.boxwrap > div.textbox > h1 {font-size:3.4em;letter-spacing:-2px; font-weight:bold;line-height:1em;text-align:center; color:#FFF;padding:0 20px; }
#wrap > #headerwrap > div.boxwrap > div.textbox > h2 {margin-top:50px;font-size:1.2em;line-height:1.5em;color:#FFF;text-align:center}

.conts { width:900px; margin:0 auto;background:url('/network/images/img_ceo.png') bottom right no-repeat;}

.topbg { background:url('/network/images/topbg.jpg') top center no-repeat;background-color:#e1cfad; height:auto; overflow:hidden; width:100%;}

.fr_txt { float:left; width:70%; text-align:center;  padding:30px 0}
.fr_txt p.tit2 { font-size:1.5em; color:#fff; background:#601986; border-radius:20px; display:inline-block; margin:0 auto; padding:10px 20px; margin-top:4px;}
.fr_txt p.tit { font-size:2em; color:#601986; border-bottom:1px solid #601986;display:inline-block; margin:0 auto; padding-top:10px; font-weight:600; letter-spacing:-2px}
.fr_txt .txt_info { margin:20px 0;font-size:1.1em;color:#000; }
.fr_txt .txt_info2 { text-align:left; padding-left:70px; padding-top:10px}
p.dot {background:url('/network/images/dot.png') no-repeat; padding-left:30px; padding-bottom:10px; text-align:left}
p.dot strong {color:#a115aa}
.process { text-align:center; padding-top:20px}
/*
.ceo { background:#ebf0f1; padding-top:30px}
.ceo .conts {background:url('/bs/images/img_ceo.png') bottom right no-repeat;width:800px}
.txt_ceo { font-size:1.4em; text-align:center; width:60%; padding:30px 0}
*/
span.ban { background:#a9218e; color:#fff; padding:10px 50px ; border-radius:10px; display:inline-block; font-size:.9em}
span.ban img {height:20px}
span.ban:hover { opacity:0.8}

#wrap > #containerwrap > div.requestbox {width:100%;padding:20px 20px;background-color:#FFF;text-align:center}
#wrap > #containerwrap > div.requestbox div.conts_w { width:900px; margin:0 auto}
#wrap > #containerwrap > div.requestbox h1 {font-size:1.8em;color:#FFF;text-align:center;font-weight:bold; display:inline-block;  margin:0 auto; letter-spacing:-2px; padding-bottom:5px; border-bottom:1px solid #fff; margin-bottom:20px}
#wrap > #containerwrap > div.requestbox h2 {width:100%;font-size:1.1em;color:#32004b;text-align:center}
#wrap > #containerwrap > div.requestbox dl {margin:30px auto;padding:0 20px;;background:white;overflow:hidden; text-align:left}
#wrap > #containerwrap > div.requestbox dl dt {float:left;display:table-cell;width:25%;padding:6px 10px;font-size:1.1em;font-weight:bold;text-align:right;clear:left;color:#82531b;}
#wrap > #containerwrap > div.requestbox dl dt.view{padding-top:6px}
#wrap > #containerwrap > div.requestbox dl dd {float:left;display:table-cell;width:60%;}

textarea { height:80px}

#wrap > #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;}


.mobile {display:none} 
.event_pc {display:none}
br.pc { display:inline-block}
div.requestbox div.btn {
    display: block;
    width: 100%;
    text-align: center; padding-top:20px;
}

div.requestbox div.btn a {
    display: block;
    width: 40%;
    margin: 0 auto;
    line-height: 2.5em;
    font-weight: 600;
    font-size: 1.25em;
    text-align: center;
    background:#7c5c36;
    color: #FFF;
    border-radius: 50px;
}

#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}
/* Tablet Device */

@media all and (max-width:600px) {
	.conts { width:90%; background-position:top 100px right; background-size:40%;}
	.mobile {display:inline-block} /*mobile에서만 보임*/
	br.m_view { display:block}
	br.m_hide { display:none}
	.process{display:none}
	.process_m {display:block}
	
	#wrap > #headerwrap > div.logo {padding:2px 10px 10px 10px;}
	#wrap > #headerwrap > div.logo span img {height:20px; margin-top:8px}
	
	.topbg { background:url('') top center no-repeat; background-size:100%;    background-color: #efe3cc;}
	.fr_txt { width:100%; padding-top:20px}
	.fr_txt .fee {display:block; clear:both}
	.fr_txt table {width:90%}
	.fr_txt p.tit2 {font-size:1.2em; letter-spacing:-1px; display:block; padding:10px; line-height:1.1em}
	.fr_txt p.tit { font-size:1.5em; text-align:left; display:block; border-bottom:none}
	.fr_txt .txt_info { font-size:1em; width:60%; text-align:left}
	.fr_txt .txt_info br{display:none}
	.fr_txt .txt_info2 {background-color: #efe3cc; padding-left:0; border-top:1px solid #B8770B; padding-top:10px}
	p.dot {font-size:1em}
	.ceo .conts {width:100%; height:290px; background-size:160px; background-position:bottom right 10px}
	.txt_ceo { width:100%; font-size: 1.1em; padding:5px 20px; text-align:left}
	span.ban { padding:10px 0; width:48%; font-size:.8em; letter-spacing:-0.5px}
	.ban { padding-bottom:20px; height:auto; overflow:hidden}
	
	#wrap > #headerwrap > div.boxwrap {width:100%;padding:0}
	#wrap > #headerwrap > div.boxwrap > div.textbox {width:100%;margin:0;}
	#wrap > #headerwrap > div.boxwrap > div.textbox > small { font-weight:normal}
	#wrap > #headerwrap > div.boxwrap > div.textbox > h1 {font-size:2.4em; letter-spacing:-2px; font-weight:bold}
	#wrap > #headerwrap > div.boxwrap > div.textbox > h2 {margin-top:20px;font-size:.95em;line-height:1.5em; }
	
	
	#wrap > #containerwrap > div.requestbox { padding:0}
	#wrap > #containerwrap > div.requestbox div.conts_w { width:100%}
	#wrap > #containerwrap > div.requestbox h1 { font-size:1.4em}
	#wrap > #containerwrap > div.requestbox h2 {font-size:.95em;letter-spacing:-1px; text-align:left; padding:0 20px}
	#wrap > #containerwrap > div.requestbox dl {padding:0 5px;width:100%;}
	#wrap > #containerwrap > div.requestbox dl dt {float:left;width:20% !important; font-size:.9em; letter-spacing:-2px}
	#wrap > #containerwrap > div.requestbox dl dt.view {}
	#wrap > #containerwrap > div.requestbox dl dd {float:left;display:table-cell;width:78%;}
	#wrap > #containerwrap > div.requestbox dl dd textarea {width:100%;height:150px}
	#wrap > #containerwrap > div.requestbox dl dd span {font-size:.8em; letter-spacing:-1px; display:block}
	#wrap > #containerwrap > div.requestbox dl dd label { font-size:.8em}
	#wrap > #containerwrap > div.requestbox dl dd label.t_gender { font-size:1em}
	
	#wrap > #containerwrap > div.requestbox dl dd.btn a {width:60%;}
	#wrap > #containerwrap > div.requestbox dl dd.btn > a {text-decoration:}
	div.requestbox div.btn a { width:90%}
	
	#wrap > #footerwrap {font-size:1.2em; font-weight:400; letter-spacing:0}
	
	.event_pc {display:block}
	br.pc{display:none}

}

@media all and (max-width:375px) {
	.fr_txt .txt_info { font-size:1em;}
	#wrap > #containerwrap > div.requestbox dl dt { width:24%}
	#wrap > #containerwrap > div.requestbox dl dd { width:75%}
}

@media all and (min-width:769px) and (max-width:1024px) {


}