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


body{
	margin:0;
	border:0;
	font-family: 'NanumSquare',나눔스퀘어,'Nanum Gothic', 돋움;
}






/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------- 웹 용 css ------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media all and (min-width:1001px) {


.popUpDim{
	opacity:0.7; 
	width:100%; 
	height:100%; 
	position:fixed; 
	top:0; 
	left:0; 
	z-index:1000; 
	background:#000;
}
.popUpEvent{
	position:fixed; 
	top:50%; 
	left:50%; 
	z-index:1010; 
	margin-left:-275px; 
	margin-top:-330px;  
	width:600px; 
	border:0px; 
	background-color:#ffffff;
}
.popup_form_table{
	width:100%;
	font-size:24px;
	font-weight:bold;
	margin:0 auto;
}
.popup_form_table td{
	height:66px;
}
.stit{
	text-align:center;
	vertical-align:top;
	padding-bottom:30px;
	padding-top:55px;
}
.tar{
	text-align:right;
	width:180px;
}
.pr20{
	padding-right:20px;
}
.popup_form_table input[type="text"]{
	height:50px;
	width: 300px;
	border:1px solid #949494;
	background-color:#f0f0f0;
	font-size:24px;
	text-align:left;
	padding-left:15px;
}
.popup_form_table input[type="radio"]{
	display:inline-block;
	width:18px;
	height:18px;
}
.popup_form_table input[type="checkbox"]{
	display:inline-block;
	width:18px;
	height:18px;
	vertical-align:middle;
}
.tac{
	text-align:center;
	font-size:18px;
	font-weight:normal;
}
.popup_btn{
	padding-bottom:30px;
}
.close_btn{
	position:absolute;
	right:-63px;
	top:0;
	width:63px;
}
.pop_agreement img{
	vertical-align:middle;
	margin-top:-3px;
	width:20px;
	height:27px;
}










.mobile_body_wrap{
	display:none;
}
.web_body_wrap{
	width:100%;
}
.top_wrap{
	width:100%;
	/*height:111px;
	background-color:#ca5e38;*/
}
.top{
	width:1200px;
	margin:0 auto;
	padding-top: 40px;
}
.top_logo{
	width:284px;

	float:left;
}
.top_tel{
	margin-left:34px;
	width:314px;

	float:right;
}
.visual_wrap{
	width:100%;
	height:621px;

}
.visual{
	width:1100px;
	margin:0 auto;
}
.content_wrap{
	width:100%;
	height:540px;
}
.content{
	width:1200px;
	margin:0 auto;
}
.content_01{
	width:395px;
	height:490px;
	float:left;
	background-image:url("../images/content_01.png");
	background-position:center;
	background-repeat:no-repeat;
	font-size:20px;
	font-weight:bold;
}
.top_brand{
	margin:100px 0 0 50px;
}
.brand_name{
	color:#c4801e;
}
.top_brand input[type="text"]{
	height:35px;
	width: 200px;
	text-align:right;
	color:#d61240;
	font-size:20px;
	padding-left:10px;
	padding-right:10px;
}
.update{
	margin:40px 0 0 0;
	text-align:center;
}
.update input[type="text"]{
	height:50px;
	width: 230px;
	border:1px;
	background-color:#f2f4f7;
	font-size:20px;
	text-align:center;
}
.content_02{
	width:395px;
	height:490px;
	margin-left:7.5px;
	float:left;
	background-image:url("../images/content_02.png");
	background-position:center;
	background-repeat:no-repeat;
}
.content_02 table{
	margin:120px auto;
	padding-left:30px;
	padding-right:20px;
	font-size:18px;
	font-weight:bold;
}
.content_02 table td{
	height:50px;
}
.content_02 input[type="text"]{
	height:35px;
	width: 180px;
	text-align:left;
	color:#414141;
	font-size:16px;
	padding-left:10px;
	padding-right:10px;
}
.content_02 input[type="radio"]{
	display:inline-block;
	width:18px;
	height:18px;
	vertical-align:middle;
}
.content_02 input[type="checkbox"]{
	display:inline-block;
	width:18px;
	height:18px;
	vertical-align:middle;
}
.content_02 input[type="button"]{
	width:280px;
	height:56px;
	border:0px;
	background-image:url("../images/btn_01.jpg");
}

.ind{padding:10px 0;}
.ind a{padding-left:20px;}
.ind a img{position: relative;   top: 3px;}

.agreement img{
	vertical-align:middle;
	margin-top:-3px;
}
.align_l{
	text-align:left;
}
.align_c{
	text-align:center;
}
.align_r{
	text-align:right;
}
.content_03{
	width:395px;
	height:490px;
	margin-left:7.5px;
	float:left;
	background-image:url("../images/content_03.png");
	background-position:center;
	background-repeat:no-repeat;
}
.content_01 table{
	margin:120px auto 40px;
	font-size:18px;
	font-weight:bold;
}
.content_bar{
	padding: 30px;
	}

.content_01 table .item td{
	height:40px;
	display: block;
	text-align: center;
	margin-top: 15px;
}
.content_01 input[type="text"]{
	height:40px;
	width: 250px;
	text-align:right;
	color:#d61240;
	font-size:15px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
}
.content_01_txt{
	font-size:18px;
	color:#727272;
	text-align:center;
	font-weight:400;
}


.arrow_left{
	position:relative;
	float:left;
	top:-260px;
	left:315px;
}
.arrow_right{
	position:relative;
	float:left;
	top:-260px;
	left:615px;
}
.c{
	position:relative;
	top:-500px;
	left:515px;
}
.issue_wrap{
	clear:both;
	width:100%;
}
.issue_tit_wrap{
	width:100%;
	text-align:center;
	background-color:#ca5e38;
	height:140px;
}
.issue{
	width:1024px;
	margin:40px auto;
	background-color:#ffffff;
	padding-top:0px;
}

.issue table {
	margin-bottom:30px;
}
.issue table td{
	text-align:left;
	vertical-align:middle;
	padding-top:65px;
	padding-bottom:65px;
	padding-left:47px;
}
.bdb1{
	border-bottom:1px solid #ffffff;
}
.gray1{
	background-color:#f8f8f8;
}
.gray2{
	background-color:#fdfdfd;
}
.news_wrap{
}
.footer_wrap{
	width:100%;
}
.footer{
	width:1200px;
	height:255px;
	margin:0 auto;
	font-size:13px;
	line-height:25px;
	vertical-align:middle;
}
/*
.f_bar{
	width:3px;

}*/


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





.main_top_wrap{background:url("../images/bg.png")no-repeat;background-size: 100% 100%;}
.visual img, .top_tel a img, .top_logo a img{width: 100%;}
.bn_wrap{text-align:center;width:100%;padding: 80px 0;}


}



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


@media all and (max-width:1000px) {

.m_main_top_wrap{background:url("../images/bg.png")no-repeat;background-size: 100% 100%;padding-bottom: 20px;}

img{
	width:100%;
}

.main_top_wrap{background:url("../images/bg.png")no-repeat;width:100%}
.visual img, .top_tel a img, .top_logo a img{width: 100%;}

.popUpDim{
	opacity:0.7; 
	width:100%; 
	height:100%; 
	position:fixed; 
	top:0; 
	left:0; 
	z-index:1000; 
	background:#000;
}
.popUpEvent{
	position:fixed; 
	top:6%; 
	left:5%; 
	z-index:1010; 
	margin-left:0; 
	margin-top:0;  
	width:90%; 
	border:0px; 
	background-color:#ffffff;
}
.popup_form_table{
	width:100%;
	font-size:18px;
	font-weight:bold;
}
.popup_form_table td{
	height:50px;
}
.stit{
	text-align:center;
	vertical-align:top;
	padding-bottom:10px;
	padding-top:10px;
}
.tar{
text-align:right;
}
.pr20{
	padding-right:20px;
}
.popup_form_table input[type="text"]{
	height:40px;
	width: 75%;
	border:1px solid #949494;
	background-color:#f0f0f0;
	font-size:18px;
	text-align:left;
	padding-left:15px;
}
.popup_form_table input[type="radio"]{
	display:inline-block;
	width:20px;
	height:20px;
}
.popup_form_table input[type="checkbox"]{
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
}
.tac{
	text-align:center;
	font-size:15px;
	font-weight:normal;
}
.popup_btn{
	padding-bottom:30px;
}
.close_btn{
	position:absolute;
	right:0px;
	top:-45px;
	width:50px;
}
.pop_agreement img{
	vertical-align:middle;
	margin-top:-3px;
	width:20px;
	height:27px;
}







.web_body_wrap{
	display:none;
}
.mobile_body_wrap{
	width:100%;
}
.m_top_wrap{
	width:100%;
}
.m_top{
	width:100%;
}

.m_top_logo{
	width:40%;
	float:left;
	padding: 15px 0 0 10px;
}
.m_top_tel{
	width:40%;
	float:right;
	padding: 20px 10px 0 0;
}

.m_visual_wrap{
	width:100%;
	padding-bottom: 30px;
}
.m_content_wrap{
	width:100%;
}
.m_content_02{
	width:100%;

}
.m_content_02 table{
	width:88%;

	margin:0 auto;
	background-color:#ffffff;
	font-size:14px;
	font-weight:500;

}
.m_content_02 table input[type="text"]{
	width:85%;
	height:40px;
}
.m_content_02 table input[type="radio"]{
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
}
.m_content_02 table input[type="checkbox"]{
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
}
.m_content_02 table input[type="image"]{
	width:100%;
}
.pdl10{
	padding-left:10px;
}
.pdl20{
	padding-left:20px;
}
.pdl30{
	padding-left:30px;
}
.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;
}
.m_agreement{
	vertical-align:middle;
}
.m_agreement img{
	width:12%;
	overflow:
	position:relative;
	top:5px;
	left:0;
}
.m_content_01_03_wrap{
	width:100%;
	height:100%;
	clear:both;
}
.m_content_01_03_wrap_table{
	width:88%;
	height:100%;
	margin:0 auto;
	vertical-align:top;

}


/*
.m_content_03_wrap{
	text-align:left;
	width:49%;
	vertical-align:top;
}
.m_content_03{
	width:100%;
	border:1px solid #7fa2e9;
	background-color:#ffffff;
	vertical-align:middle;
}
.m_content_03 tbody td{
	vertical-align:middle;
	text-align:center;
	padding:5px 0px 5px 5px;
}
.m_content_03 tbody td img{
	width:100%;
}
.m_content_03 input[type="text"]{
	height:25px;
	width:85%;
	text-align:right;
	color:#d61240;
	padding-right:5px;
	margin-right:5px;
}
*/

.m_content_03{
	width:88%;
	margin: 20px auto;;
}
.table_holder{
	width:2%;
}
.m_content_01_wrap{
	text-align:right;
	width:49%;
}
.m_content_01 {
	width:88%;
	height:100%;
	margin:auto;
	font-size:12px;
	font-weight:bold;
	background-color:#ffffff;
	margin-top: 20px;
}
.m_content_01 tbody td{
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
.pdt35{
	padding-top:20px !important;
}
.m_content_01 tbody td input[type="text"]{
	height:25px;
	width:70%;
	text-align:right;
	color:#d61240;
	padding-right:5px;
}
.m_brand_name{
	font-size:14px;
	color:#2c285b;
}
.m_update input[type="text"]{
	height:25px !important;
	width: 81% !important;
	border:1px;
	background-color:#f2f4f7;
	font-size:16px;
	text-align:center !important;
}
.m_update_small{
	font-weight:normal;
	font-size:12px;
}

.m_issue_wrap{

	width:100%;
}
.m_issue_tit_wrap{
	width:100%;
	text-align:center;
	background-color:#43569f;
}
.m_issue{
	width:100%;
	margin:0px auto;
	background-color:#ffffff;
	padding-top:0px;
}

.m_issue table {
	margin:0 auto;

}
.m_issue table img{
	width:100%;
}
.m_issue table td{
	text-align:left;
	vertical-align:middle;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:2%;
}
.bdb1{
	border-bottom:1px solid #ffffff;
}
.gray1{
	background-color:#f8f8f8;
}
.gray2{
	background-color:#fdfdfd;
}
.m_issue table input[type="image"]{
	width:100%;
}

.m_agree2 img{
	width:8%;
}
.m_agree2 a{
	color:#ffffff !important;
}

.m_footer_wrap{
	width:100%;

	padding:20px 0;
}
.m_footer{
	width:88%;
	margin:0 auto;
	color:#ffffff;
	font-size:10px;
	line-height:20px;
	vertical-align:middle;
	text-align:center;
}
.m_footer img{
	width:40%;
}


.m_footer_img{width: 40%;margin:0 auto;padding-top:20px;}
.m_footer_txt{font-size: 11px;line-height: 2em;padding: 0 10px; text-align:center;color: #777;}
.m_footer_bar{width:100%;height:1px;background:#f1f1f1;margin:20px 0;}
.m_footer_txt2{padding: 10px;}

.service_box{padding-top:20px; display: flex; justify-content: center; align-items: center; font-family: 'NanumSquare';} 
.service_box div:nth-child(1){width: 30%; text-align: center;}
.service_box div:nth-child(2){width: 30%; text-align: center;}
.service_box p{ font-family: 'NanumSquare'; font-size: 13px; color: #444; font-weight: 600;} 

.f_copy{font-size: 10px;}









.visual{
	width:1024px;
	margin:0 auto;
}
.content_wrap{
	width:100%;
	height:540px;
	background-color:#f2f4f7;
	padding-top:23px;
}
.content{
	width:1024px;
	margin:0 auto;
}
.content_01{
	width:330px;
	height:484px;
	float:left;
	background-image:url("../images/content_01.jpg");
	background-position:center;
	background-repeat:no-repeat;
	font-size:20px;
	font-weight:bold;
}
.top_brand{
	margin:100px 0 0 50px;
}
.brand_name{
	color:#2c285b;
}
.top_brand input[type="text"]{
	height:35px;
	width: 200px;
	text-align:right;
	color:#d61240;
	font-size:20px;
	padding-left:10px;
	padding-right:10px;
}
.update{
	margin:40px 0 0 0;
	text-align:center;
}
.update input[type="text"]{
	height:50px;
	width: 230px;
	border:1px;
	background-color:#f2f4f7;
	font-size:20px;
	text-align:center;
}
.content_02{
	width:330px;
	height:484px;
	margin-left:17px;
	float:left;
	background-image:url("../images/content_02.jpg");
	background-position:center;
	background-repeat:no-repeat;
}
.content_02 table{
	margin:95px auto;
	padding-left:20px;
	padding-right:20px;
	font-size:18px;
	font-weight:bold;
}
.content_02 table td{
	height:50px;
}
.content_02 input[type="text"]{
	height:35px;
	width: 180px;
	text-align:left;
	color:#414141;
	font-size:16px;
	padding-left:10px;
	padding-right:10px;
}
.content_02 input[type="radio"]{
	display:inline-block;
	width:18px;
	height:18px;
	vertical-align:middle;
}
.content_02 input[type="checkbox"]{
	display:inline-block;
	width:18px;
	height:18px;
	vertical-align:middle;
}
.content_02 input[type="button"]{
	width:280px;
	height:56px;
	border:0px;
	background-image:url("../images/btn_01.jpg");
}
.agreement{
	color:#000000;
}
.agreement img{
	vertical-align:middle;
}
.align_l{
	text-align:left;
    padding-left: 30px;
}
.align_c{
	text-align:center;
}
.align_r{
	text-align:right;
}
.content_03{
	width:330px;
	height:484px;
	margin-left:17px;
	float:left;
	background-image:url("../images/content_03.jpg");
	background-position:center;
	background-repeat:no-repeat;
}
.content_03 table{
	margin:95px auto;
	padding-left:20px;
	padding-right:20px;
	font-size:18px;
	font-weight:bold;
}
.content_03 table td{
	height:40px;
}
.content_03 input[type="text"]{
	height:29px;
	width: 180px;
	text-align:right;
	color:#d61240;
	font-size:15px;
	padding-left:10px;
	padding-right:10px;
}
.arrow_left{
	position:relative;
	float:left;
	top:-270px;
	left:300px;
}
.arrow_right{
	position:relative;
	float:left;
	top:-270px;
	left:579px;
}
.refuse_wrap{
	width:100%;
	height:485px;
	background-color:#f5f5e5;
}
.refuse{
	width:1024px;
	margin:0 auto;
}
.step{
	width:652px;
	clear:both;
	float:left;
}
.refuse_form{
	width:330px;
	height:381px;
	float:left;
	margin:45px 0 0 42px;
	background-color:#c4801f;
}
.refuse_form table{
	margin:28px auto;
	padding-left:20px;
	padding-right:20px;
	font-size:18px;
	font-weight:bold;
}
.refuse_form table td{
	height:45px;
}
.refuse_form input[type="text"]{
	height:38px;
	width: 180px;
	text-align:left;
	color:#414141;
	font-size:15px;
	border:0px;
	padding-left:10px;
	padding-right:10px;
}
.color_white{
	color:#ffffff;
}
.refuse_form input[type="radio"]{
	display:inline-block;
	width:18px;
	height:18px;
	vertical-align:middle;
}
.refuse_form input[type="checkbox"]{
	display:inline-block;
	width:18px;
	height:18px;
	vertical-align:middle;
}
.refuse_form input[type="button"]{
	width:280px;
	height:56px;
	border:0px;
	background-image:url("../images/btn_02.jpg");
}


.m_btn{padding:0 40px 20px;}
.m_bn_wrap{text-align: center;padding-top:10px;margin: 20px 0;}
.m_bn_wrap img {width: 88%;margin: 10px;}
.m_content_01_txt{text-align: center;color:#727272;padding-bottom: 30px;}
.ind{padding: 22px;}
.ind a{padding-left:20px;}
.ind a img{position: relative;   top: 3.5px;width: 4%;padding-right: 5px;}

}