@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);


body{
	margin:0;
	border:0;
	font-family: 'Nanum Gothic', 돋움;
}

.age{
	display:none;
	vertical-align:top;
}
tr.age_none{display:none;}
tr.age_first{display:block;}

.red{
	color:#d73434;
	font-weight:bold;
}
.bold{
	font-weight:bold;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------- 웹 용 css ------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media all and (min-width:1001px) {
.mobile_body_wrap{
	display:none;
}
.web_body_wrap{
	width:100%;
}
.top_wrap{
	width:100%;
	height:100px;
	border-bottom:1px solid #cacaca;
}
.top{
	width:1100px;
	margin:0 auto;
}
.top_logo{
	width:172px;
	height:100px;
	float:left;
}
.top_tel{
	width:410px;
	height:100px;
	float:right;
}
.visual_01_wrap{
	width:100%;
	height:600px;
}
.visual_01{
	width:1100px;
	margin:0 auto;
}
.form_wrap{
	width:100%;
	height:400px;
	background-color:#0082c8;
}
.frmProc{
	width:1100px;
	height:400px;
	margin:0 auto;
	padding-top:20px;
}
.frmProc table{
	width:1072px;
	margin:0px auto;
	color:#ffffff;
	font-weight:bold;
	font-size:20px;
}
.frmProc table td{
	padding-left:13px;
	padding-right:13px;
	padding-top:5px;
	padding-bottom:5px;
}
.frmProc table input[type="text"]{
	width:100%;
	height:40px;
	border:0px;
	background-color:#ffffff !important;
	font-size:20px;
	padding-left:10px;
}
.frmProc table input[type="radio"]{
	display:inline-block;
	width:18px;
	height:18px;
	vertical-align:middle;
}
.frmProc table input[type="checkbox"]{
	display:inline-block;
	width:18px;
	height:18px;
	vertical-align:middle;
	background-color:#ffffff;
}
.align_l{
	text-align:left;
}
.align_c{
	text-align:center;
}
.align_r{
	text-align:right;
}
.agreement{
	font-size:14px;
	vertical-align:middle;
}
.agreement img{
	vertical-align:middle;
	margin:0 4px 0 4px;
}
.btn_01{
	margin-top:10px;
	margin-bottom:15px;
}
#show_price_before{
	width:300px;
	height:165px;
	color:#424242;
	background-color:#e4f2fa;
	margin:0 auto;
	text-align:center;
	padding-top:15px;
	line-height:20px;
}
.big_font{
	font-size:28px;
	line-height:40px;
}
#show_price_info{
	display:none;
}
#show_price_info input[type="text"]{
	width:200px;
	height:40px;
	text-align:right;
	margin-top:0px;
	padding-right:10px;
	border:0px;
	background-color:#ffffff;
	font-size:20px;
	padding-left:10px;
	margin-top:20px;
}

.working{
	font-size:16px;
}
.web_body_wrap .price{
	font-size:24px;
	font-weight:bold;
	color:#d73434;
}
.output_01{
	width:300px;
	height:165px;
	color:#424242;
	background-color:#fff770;
	margin:0 auto;
	text-align:center;
	font-size:32px;
	padding-top:15px;
}

.output_02{
	width:735px;
	height:165px;
	background-color:#e4f2fa;
	color:#424242;
	margin:0 auto;
	text-align:left;
	font-size:32px;
	padding-top:15px;
	padding-left:15px;
}
.comment{
	position:relative;
	margin-top:5px;
	padding:5px;
	height:107px;
	width:707px;
	font-size:16px;
	line-height:25px;
	font-weight:normal;
	overflow:auto;
	border:1px solid #0082c8;
	background-color:#ffffff;
}
.comment table{
	width:100%;
}
.comment table td{
	vertical-align:top;
	color:#424242;
	font-size:16px;
	line-height:26px;
	font-weight:normal;
}
.cs_num_wrap{
	width:100%;
	height:60px;
	background-color:#0a406e;
}
.cs_num{
	width:530px;
	margin:0 auto;
}
.visual_02_wrap{
	width:100%;
	height:714px;
}
.visual_02{
	width:1100px;
	margin:0 auto;
}
.visual_03_wrap{
	width:100%;
	height:600px;
	background-color:#f4f8fa;
}
.visual_03{
	width:1100px;
	margin:0 auto;
}
.footer_wrap{
	width:100%;
	background-color:#ffffff;
}
.footer_wrap_p{
	width:1100px;
	padding: 30px 0;
	margin:0 auto;
	color:#424242;
	font-size:15px;
	line-height:30px;
	vertical-align:middle;
}

.footer_wrap_m{display:none;}

.f_top{ margin-bottom: 20px; } 
.footer_img{float: left; }
.service_box{float: right;}
.f_top::after{clear: both; display: block; content: "";}

.f_bottom{ clear: both; font-size: 13px; text-align : left;line-height : 170%; color: #777;}
.f_copy{width: 100%; margin-top: 25px; padding-top: 25px; border-top: 1px solid #cecece; font-size: 13px; text-align : left;color: #777;}

.service_box{padding-top:10px; padding-bottom: 15px;}
.service_box div{float: left;}
.service_box div:hover{text-decoration: underline;}
.service_bar{padding-left: 10px; padding-right: 10px;color: #444; font-family: 'Nanum Gothic';font-weight: 600;  font-size: 14px;}
.service_box div p{font-weight: 600; font-size: 14px; color: #444;font-family: 'Nanum Gothic';font-weight: 600;}
.service_box::after{clear: both; display: block; content: "";}   
.f_bar{
	width:1px;
}













}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------- 모바일용 css ------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media all and (max-width:1000px) {
img{
	width:100%;
}
.web_body_wrap{
	display:none;
}
.mobile_body_wrap{
	width:100%;
}
.m_top{
	width:100%;
}
.m_top_logo{
	width:50%;
	float:left;
}
.m_top_tel{
	width:50%;
	float:right;
}
.m_visual_01{
	width:100%;
}
.m_form_wrap{
	width:100%;
	background-color:#0082c8;
}
.m_frmProc table{
	width:100%;
	color:#ffffff;
	font-size:12px;
	line-height:20px;
}
.m_frmProc table input[type="text"]{
	width:87%;
	height:30px;
	border:0px;
	background-color:#ffffff;
	font-size:16px;
	padding-left:10px;
}
.m_frmProc table input[type="radio"]{
	width:18px;
	height:18px;
	display:inline-block;
	vertical-align:middle;
}
.m_frmProc table input[type="checkbox"]{
	width:18px;
	height:18px;
	display:inline-block;
	vertical-align:middle;
	background-color:#ffffff;
}
.m_frmProc table input[type="image"]{
	width:100%;
}
.m_frmProc .pay_table{
	background-color:#fff770;
	color:#424242;
	padding-top:20px;
}
.m_frmProc .pay_table input[type="text"]{
	color:#d73434;
	font-weight:bold;
}
.m_agreement img{
	padding-left:3px;
	width:18px;
	vertical-align:middle;
}
.m_btn_01{
	margin-top:10px;
	margin-bottom:15px;
}
.m_output_01{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	padding-bottom:20px;
	
}
.m_output_01 input[type="text"]{
	width:70% !important;
	text-align:right !important;
	margin-top:10px;
	padding-right:10px;
}
.m_output_02_wrap{
	width:100%;
	background-color:#e4f2fa;
}
.output_02_tit{
	padding-top:15px;
	padding-bottom:15px;
}
.output_02_tit img{
	min-width:200px;
	width:50%;
}
.m_age_range{
	padding-left:5px;
	padding-bottom:20px;
	vertical-align:top;
	text-align:center;
}
.m_age_range img{
	width:80%;
}
.m_comment{
	padding-left:5px;
	padding-right:15px;
	padding-bottom:20px;
	font-size:14px;
	line-height:20px;
}
.m_cs_num{
	width:100%;
}
.m_visual_02{
	width:100%;
}
.m_visual_03{
	width:100%;
}


.m_footer {
	width: 94%;
	margin: 0 auto;
}


.footer_wrap_m{
width : 100%; clear: both;
margin: 40px auto 0 auto;
font-family: 'Nanum Gothic';}

.footer_wrap_p{display:none;}
.f_top{ margin : 0 auto; }
.footer_img {width : 40%; }
.footer_img img{width : 100%;}
.f_bottom{text-align : left;line-height : 21px; font-size : 11px; letter-spacing: -0.5px; color:#424242;}


.service_box{padding-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; font-family: 'Nanum Gothic';} 
.service_bar{margin-left: 10px; margin-right: 10px;}
.service_box div p{ color: #fff;  font-size: 13px; color: #444; font-weight: 600;}  

.f_copy{width : 100%;text-align : left;line-height : 21px; font-size : 11px; margin : 0 auto; padding-bottom: 30px; letter-spacing: -0.5px; margin-top: 20px; padding-top: 20px; border-top: 1px solid #cecece; color:#424242;}

.tac{
	text-align:center;
}
.vat{
	vertical-align:top;
}
.pdt2p{
	padding-top:2%;
}
.pdl4p{
	padding-left:4%;
}
.pdl10{
	padding-left:10px;
}
.pdl20{
	padding-left:20px;
}
.pdl30{
	padding-left:30px;
}
.pdr4p{
	padding-right:4%;
}
.pdr10{
	padding-right:10px;
}
.pdr16{
	padding-right:16px;
}
.pdr20{
	padding-right:20px;
}
.pdr30{
	padding-right:30px;
}
.pdt10{
	padding-top:10px;
}
.pdt20{
	padding-top:20px;
}
.pdb10{
	padding-bottom:10px;
}
.pdb20{
	padding-bottom:20px;
}
.agreement{
	color:#000000;
}
.agreement img{
	vertical-align:middle;
}
.align_l{
	text-align:left;
}
.align_c{
	text-align:center;
}
.align_r{
	text-align:right;
}





}