@font-face{
	font-family: 'NanumGothicWeb';
	font-style: normal;
	font-weight: normal;
	src: url('/font/NanumGothic.eot'); 
	src: local('?'), url('/font/NanumGothic.woff') format('woff'), url('/font/NanumGothic.ttf') format('truetype');
}
@font-face{
	font-family: 'NanumGothicBold';
	font-style: normal;
	font-weight: normal;
	src: url('/font/NanumGothicBold.eot'); 
	src: local('?'), url('/mobile/font/NanumGothicBold.woff') format('woff'), url('/font/NanumGothicBold.ttf') format('truetype');
}
@font-face{
	font-family: 'NanumMyeongjoWeb';
	font-style: normal;
	font-weight: normal;
	src: url('/font/NanumMyeongjo.eot'); 
	src: local('?'), url('/font/NanumMyeongjo.woff') format('woff'), url('/font/NanumMyeongjo.ttf') format('truetype');
}


/* reset css ---------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, 
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, 
details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* Á¦¸ñ¿ä¼Ò */
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight: normal;} 

/* Å׵θ® ¾ø¾Ö±â */
fieldset, img, abbr,acronym {border: 0;} 

/* ¸ñ·Ï¼³Á¤ */
ul, ul.li, ol, ol.li {font-size: 12px; list-style-type: none;}

/* À̹ÌÁö¼³Á¤ */
img {border: 0; vertical-align: top;}

/* Å×À̺í - ¸¶Å©¾÷¿¡ 'cellspacing="0"' ÁöÁ¤  */
table {border-collapse: collapse; border-spacing: 0; border: 0;}
th, td {vertical-align: middle;}


/* ÅؽºÆ® °ü·Ã ¿ä¼Ò ÃʱâÈ­ */
address, caption, em, cite {font-weight: normal; font-style: normal;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
textarea {font-size:12px;}

/* ¼û±è¼³Á¤ */
legend {text-indent:-9999px; font-size:0; width:0; height:0;}
hr {display: none;}
caption {text-indent:-9999px; font-size:0;  width:0; height:0;}
label {visibility: hidden; font-size:0;  width:0; height:0;}
.hidden {text-indent:-9999px; font-size:0; width:0; height:0;}
.follow {visibility: hidden; position: absolute; top: 0; left: 0;}

/* ±âÃʼ³Á¤*/
html, body {font:'NanumGothic', '³ª´®°íµñ','NanumGothicWeb', 100%/1.5 Tahoma, Arial, Verdana, Helvetica, AppleGothic, Sans-serif; color:#3c3c3c;}
html { overflow-y:scroll;}/*¼¼·Î½ºÅ©·Ñ*/

/* ¸µÅ©¼³Á¤ */
a,a:active,a:visited {
	color: #333;
	text-decoration: none;
}

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


.clear {clear: both; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }

.block:after,.group:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#skiptoContent {text-indent:-999em; font-size:0em; width:0; height:0;}


/* ÆùÆ®»ö */
.lightblue {color:#5481b7;}
.lightblue_b {color:#5481b7; font-weight:bold;}
.black {color:#000;}
.gray {color:#515151; font-weight:normal;}
.gray_b {color:#515151; font-weight:bold;}
.red {color:#cf1616;}
.red_b {color:#cf1616; font-weight:bold;}
.green {color:#249a00;}
.green_b {color:#249a00; font-weight:bold;}
.orange {color:#f07c00;}
.orange_b {color:#f07c00; font-weight:bold;}
.pink {color:#ff5585;}

.bold {font-weight:bold;}
.underline {text-decoration:underline;}
.display_b {display:block;}
.border-bottom {border-bottom:1px solid #ccc;}


/* Æеù */

.pd10 {padding-bottom:1em;}
.pd20 {padding-bottom:2em;}
.pd30 {padding-bottom:3em;}
.pd40 {padding-bottom:4em;}

.pdt10 {padding-top:1em;}
.pdt20 {padding-top:2em;}
.pdt30 {padding-top:3em;}
.pdt40 {padding-top:4em;}

.mg2 {margin-bottom:.2em;}
.mg5 {margin-bottom:.5em;}
.mg10 {margin-bottom:1em;}
.mg20 {margin-bottom:2em;}
.mg30 {margin-bottom:3em;}
.mg40 {margin-bottom:4em;}



/* popup */
.layer_pop {display:inline-block; width:auto; height:auto; position:fixed !important; left:auto !important; right:0;}
.layer_pop table {width:50vw;}
.layer_pop table  img {width:100%;}


/* ¸ÞÀÎ */
#header_warp {
		width:100%;
		border-bottom:2px solid #ff497d;
		box-shadow:0px 1px 1px 0px #e66a8d;
		-webkit-box-shadow:0px 1px 3px 0px #e66a8d;
		-moz-box-shadow: 0px 1px 3px 0px #e66a8d;	
		}
	
	#top {width:96%; position:relative; margin:0 auto;}
	#top h1 {height:60px; float:left; padding:.7em 0 .2em 0;}
	#top h1 img {height:80%;}
	#top span {float:right; display:block; padding-top:1em;}
		span.call_bt a {
		font:bold 1em '³ª´®°íµñ';
		color:#fff;
		display:inline-block;
		padding:.5em .8em .5em 2.3em; 
		border:1px solid #ff546c;
		background-color:#ff497d;
		background-image:url(/images/call_icon.png);
		background-repeat:no-repeat;
		background-position:10px 8px;
		-webkit-background-size: auto 75%;
		-moz-background-size:  auto 75%;
		background-size: auto 75%;
		border-radius:5px;
		box-shadow:0 1px 0 rgba(0, 0, 0, .1);
		-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15);
		-moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1);
		}


#content {
		overflow:hidden;
		width:100%;
		background-image:url(/mobile/images/main_bg.png);
		background-repeat:no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		background-color: #fcd1db;
		background-size: 100% auto;
		position:relative;
		z-index:0;
		}
	.visual {position:relative; margin:0 auto; z-index:1}
	.main_txt {position:absolute; left:0; top:.5em;z-index:3;}
	.main_txt img {width:100%;}
	.girl {
		display:block;
		float:right;
		z-index:1;
		width:122%;
	}
	.girl img {height:auto;}
	.won1 {width:35%; z-index:88; position:absolute; left:2%; top:3.5em; border:;}
	.won1 img {width:100%;}
	.won2 {width:30%; z-index:77; position:absolute; left:21%; top:6em;}
	.won2 img {width:100%;}

#intro_mn  {
		position:relative;
		width:100%;
		background:#ff457a;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0%, #ff6e97), color-stop(100%, #ff497d) );
		background:-moz-linear-gradient( center top, #ff6e97 0%, #ff497d 100% );
		background:-ms-linear-gradient( top, #ff6e97 0%, #ff497d 100% );
		box-shadow:0px 2px 3px 0px #e8e6e6;
		-webkit-box-shadow:0px 2px 3px 0px #e8e6e6;
		-moz-box-shadow: 0px 2px 3px 0px #e8e6e6;
		z-index:5;
	}
	#intro_mn ul {width:100%;}
	#intro_mn ul li {float:left; width:33.3%;}
	#intro_mn ul li a {
		display:block;
		padding-top:70px;
		height:45px; 
		border-right:1px solid #eb4174;
		text-align:center; 
		font:bold 2em '³ª´®°íµñ';
		color:#fff;
		-webkit-background-size: auto 50%;
		-moz-background-size:  auto 50%;
		background-size: auto 50%;
		}
	#intro_mn ul li:last-child a {border-right:0;}

	.icon1 {background:url(/images/menu_icon1.png) no-repeat 50% .5em;}
	.icon2 {background:url(/images/menu_icon2.png) no-repeat 50% .5em;}
	.icon3 {background:url(/images/menu_icon3.png) no-repeat 50% .5em;}


#footer_wrap {width:100%; height:120px; background:#fff;}
	#bottom {width:96%; position:relative; margin:0 auto; padding-top:1em; color:#7b7b7b; font-family:'NanumGothicBold';}
	.copy {float:left;}
	#bottom span.call_bt {position:absolute; right:80px; top:40px; display:block;}
	.pc_bt {position:absolute; right:0; top:40px; display:block;}
	.pc_bt a {
		font:bold 1em '³ª´®°íµñ';
		color:#000;
		display:inline-block;
		padding:.5em .8em .5em .8em; 
		border:1px solid #848484;
		background-color:#fff;
		border-radius:5px;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e8e8e8) );
		background:-moz-linear-gradient( center top, #fff 0%, #e8e8e8 100% );
		background:-ms-linear-gradient( top, #fff 0%, #e8e8e8 100% );
		box-shadow:0 1px 0 rgba(0, 0, 0, .1);
		-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15);
		-moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1);
		}


/* sub common */
	#top span.back_bt a {
		font:bold 1.1em 'arial';
		color:#fff;
		display:inline-block;
		padding:.4em .6em .4em .6em; 
		margin-right:5px;
		border:1px solid #f75181;
		background-color:#ff6d97;
		border-radius:5px;
		box-shadow:0 1px 0 rgba(0, 0, 0, .1);
		-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15);
		-moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1);
		}

	#top span.home_bt a {
		width:41px; height:36px;
		display:inline-block;
		border:1px solid #f75181;
		background-image:url(/images/home_icon.png);
		background-repeat:no-repeat;
		background-position:50% 50%;
		background-color:#ff6d97;
		-webkit-background-size: auto 70%;
		-moz-background-size:  auto 70%;
		background-size: auto 70%;
		border-radius:5px;
		box-shadow:0 1px 0 rgba(0, 0, 0, .1);
		-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .15);
		-moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1);
		}

	#sub_mn  {
		position:relative;
		width:100%;
		
		z-index:5;
	}

	#sub_mn ul {width:100%;}
	#sub_mn ul li {float:left; width:20%;}
	#sub_mn ul li a {
		display:block;
		padding-top:15px;
		height:37px; 
		border-right:1px solid #bdbdbd;
		text-align:center; 
		font:bold 1.5em '³ª´®°íµñ';
		color:#525252;
		border-bottom:1px solid #ff497d;
		background:#fff;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(100%, #ebebeb) );
		background:-moz-linear-gradient(top, #fff 0%, #e8e8e8 100% );
		background:-ms-linear-gradient( top, #fff 0%, #e8e8e8 100% );
		}
	#sub_mn ul li:last-child a {border-right:0;}

	#sub_mn ul li a.mn_on {
		color:#fff;
		background:#ff457a;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0%, #ff618e), color-stop(100%, #ff3c73) );
		background:-moz-linear-gradient( center top, #ff618e 0%, #ff3c73 100% );
		background:-ms-linear-gradient( top, #ff618e 0%, #ff3c73 100% );
		}

#sub_content {
		width:100%;
		padding:30px 0 40px 0;
		border-bottom:1px solid #ff497d;
		box-shadow:0px 2px 3px 0px #e8e6e6;
		-webkit-box-shadow:0px 2px 3px 0px #e8e6e6;
		-moz-box-shadow: 0px 2px 3px 0px #e8e6e6;	
		}
	#sub {width:90%; position:relative; margin:0 auto;}
	#sub h2 {
		font:bold 1.5em '³ª´®°íµñ';
		color:#404040;
		padding:.2em 0 1em 1.7em;
		background:url(/images/bullet.png) no-repeat 0 0;
		}

/**************************°Ô½ÃÆÇ css kkh 2013-05-08*******************************/
	table.online_tb {width:100%;}
	table.online_tb_tit thead th {border-top:2px solid #f34b73;}
	table.online_tb_tit th {border-bottom:1px solid #f63f54; font-size:12px; color:#555555; padding:8px 8px; color:#f34b73;}

	table.online_tb th.on_tit {width:80px; color:#555555; text-align:left; border-bottom:1px solid #f5c6d1; font-size:12px; padding:10px 5px 10px 30px; background:url('/images/bullet01.gif') no-repeat 10px 50% #faf6f7;}
	table.online_tb td {border-bottom:1px solid #f5c6d1; font-size:12px; padding:5px 10px 5px 15px;}
	table.online_tb td input.inpt_de {border:1px solid #f5c6d1; background:#fff; font-size:12px; padding:5px; height:26px;}
	table.online_tb td textarea {border:1px solid #f5c6d1; background:#fff; font-size:12px; padding:5px;}
	table.online_tb td span.sel_border {border:1px solid #f5c6d1; background:#fff;  height:28px;}

	table.online_tb1 {width:80%; border-top:2px solid #333;}
	table.online_tb1 th, table.online_tb1 td {}
	table.online_tb1 th {border-bottom:1px solid #555; font-size:12px; color:#555555;  padding:8px 8px;}

	table.online_tb2 {width:100%;}
	table.online_tb2 th, table.online_tb1 td {}
	table.online_tb2 th {border-bottom:1px solid #555; font-size:12px; color:#555555;  padding:8px 8px;}
	table.online_tb2 th.on_tit {width:80px; color:#555555; text-align:left; border-bottom:1px solid #555; font-size:12px; padding:10px 5px 10px 30px; background:#f8f8f8 url('/images/bullet02.gif') no-repeat 10px 50%;}
	table.online_tb2 td {border-bottom:1px solid #ccc; font-size:12px; padding:5px 10px 5px 15px;}
	table.online_tb2 td input.inpt_de {border:1px solid #ccc; background:#fff; font-size:12px; padding:2px; height:20px;}
	table.online_tb2 td textarea {border:1px solid #ccc; background:#fff; font-size:12px; padding:5px;}
	table.online_tb2 td span.sel_border {border:1px solid #ccc; background:#fff;  height:28px;}



	table.pass_login { border-top:2px solid #f76a92; }
	table.pass_login th {height:35px; border-bottom:1px solid #f76a92; color:#ee3368;}


/* ÅÂºí¸´ ÇØ»óµµ */

@media (min-width:768px) and (max-width: 1109px) {

	.block {max-width: 800px;}
}


@media(min-width:321px) and (max-width: 767px) {
	
	.block {max-width: 480px;}

	#top h1 {height:45px;}

	#top span.call_bt{padding-top:1em; font-size:0.9em;}
	#top span.call_bt a{background-position:7px 5px;}
	
	.won1 {width:40%; left:2%; top:1.5em;}
	.won2 {width:35%; left:21%; top:2.8em;}

	#intro_mn ul li a {
		padding-top:50px;
		height:32px; 
		font-size:1.3em;
		}
	
	#footer_wrap {height:100px;}
	.copy {font-size:0.8em;}
	.pc_bt {top:55px;}
	.pc_bt a {font-size:0.8em;}
	#bottom span.call_bt {right:67px; top:55px;}
	#bottom span.call_bt a {font-size:0.8em; background-position:7px 4px;}
	
	
	/* sub */
	#top span.back_bt a {font-size:0.9em;}

	#top span.home_bt a {
		width:30px; height:27px;
		-webkit-background-size: auto 60%;
		-moz-background-size:  auto 60%;
		background-size: auto 60%;
		}

	#sub {width:96%;}

	#sub_mn ul li a {font-size:1.2em; letter-spacing:-1px; height:33px;}
	#sub h2 {
		font-size:1.3em;
		padding:0 0 .5em 1.3em;
		-webkit-background-size: auto 70%;
		-moz-background-size: auto 70%;
		background-size: auto 70%;
		}
	
	table.online_tb1 {width:97%; border-top:2px solid #333;}

}


@media only screen and (max-width: 320px) {

	.block {max-width: 320px;}

	#top h1 {height:50px;}
	#top h1 img {height:70%;}
	#top span.call_bt a {font-size:0.8em;}

	.won1 {width:40%; left:2%; top:1.5em;}
	.won2 {width:37%; left:21%; top:2em;}

	#intro_mn ul li a {
		padding-top:50px;
		height:26px; 
		font-size:1.1em;
		}
	.girl {padding-top:0.8em;}

	.copy {font:0.7em '³ª´®°íµñ';}
	.pc_bt a {font:bold 0.8em '³ª´®°íµñ';}


	#footer_wrap {height:90px;}
	.copy {font-size:0.7em;}
	.pc_bt {top:55px;}
	.pc_bt a {font-size:0.7em;}
	#bottom span.call_bt {right:60px; top:55px;}
	#bottom span.call_bt a {font-size:0.7em; background-position:7px 4px;}
	
	
	/* sub */
	#top span.back_bt a {font-size:0.7em;}

	#top span.home_bt a {
		width:25px; height:22px;
		-webkit-background-size: auto 60%;
		-moz-background-size:  auto 60%;
		background-size: auto 60%;
		}

	#sub_mn ul li a {height:30px; font-size:1.1em; letter-spacing:-1px;}
	#sub h2 {
		font-size:1em;
		padding:0 0 .5em 1.3em;
		-webkit-background-size: auto 70%;
		-moz-background-size: auto 70%;
		background-size: auto 70%;
		}

	table.online_tb1 {width:90%; border-top:2px solid #333;}

}



.kakao {position: relative;width:100%; height:70px; background: #ffdf00;}
.kakao a{position: absolute; display: inline-block;	width:100%; left:50%; top:50%;text-align: center;transform:translate(-50%, -50%); line-height: 130%; font-weight: bold;}
.kakao a span {display: inline-block; width: 30px; height: 30px; background: url(../images/kakao_logo.png) no-repeat center; margin: 0 10px; vertical-align: middle;}