@charset "utf-8";

@import url('base.css');
/************************************************
	layout
************************************************/
#wrap{ position:relative; width:100%; word-wrap: break-word; word-break: keep-all;}

.mbg{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity:.7; z-index:2;}
body.ovf_hdn, .ovf_hdn{ overflow:hidden; height:100%;}

.cRed{ color:#e20001;}
.pc-vis{ display:block;}
.mobi-vis{ display:none;}

/*----- --------------------------------------
header
-------------------------------------------*/
header{ position:relative; width:100%; z-index:3; transition: all 0.2s ease-in-out;}
header h1.logo{ position:absolute; top:60px; left:50%; width:120px; margin-left:-60px; z-index:4;}
header h1.logo a{ display:block; height:78px; background:url('../images/logo.png') 50% 50% no-repeat; text-indent:-9999px; }
header .visual{ height:392px; background:url('../images/bg.jpg') 50% 0 no-repeat; background-size:cover; padding:170px 0 0 0; color:#fff; text-align:center; font-size:21px; }
header .visual > *{ display:block;}
header .visual strong{ font-size:50px; font-weight:400; margin-bottom:10px;}
#gnbWrap{ background-color:#1e1e1f; border-top:#454545 1px solid; border-bottom:#1e1e1f 1px solid;}
#gnb{ width:1000px; margin:0 auto; text-align:center; height:62px; }
#gnb > li{ display:inline-block; overflow:hidden;}
#gnb > li > a{ position:relative; display:block; line-height:62px; height:62px; padding:0 50px; font-size:16px; color:#888;}
#gnb > li.active > a,
#gnb > li > a:hover{ color:#fff; }
#gnb > li.active > a:after{ content:""; position:absolute; display:block; width:20px; height:10px; bottom:0; left:50%; margin-left:-10px; background-color:#dd001a; border-radius:10px 10px 0 0;}

/*-------------------------------------------
container
-------------------------------------------*/
#container{ position:relative; width:100%; margin:0; padding:0; background-color:#ededed; z-index:2;}
#contents{ width:1200px; margin:0 auto; padding:75px 0 100px;}

/*-------------------------------------------
footer
-------------------------------------------*/
footer{ position:relative; width:100%; margin:0; padding:0; background-color:#67696b;}
footer .footer-tx{ background-color:#2a2a2a; padding:15px 0; color:#adabab; font-weight:600; font-size:13px; text-align:center;}
footer #copyright{ padding:30px 0; color:#acacae; font-weight:600; font-size:11px; text-align:center;}


/*-------------------------------------------
common
-------------------------------------------*/
.dec01{ font-size:1.15em;}

.hd-tx{ color:#000; font-size:46px; text-align:center; margin:0 0 1.5em 0; font-weight:400;}
.bx-tx1{ border-top:#878787 1px solid; border-bottom:#dcdcdc 1px solid; text-align:left; background-color:#fff; padding:5em 3em; font-size:20px;}

.call-bx{ margin-top:40px; padding:1.5em; border-top:#dcdcdc 1px solid; border-bottom:#dcdcdc 1px solid; text-align:center; background-color:#fff; font-size:30px; color:#555;}
.call-bx strong{ color:#dd001a; font-weight:400;}

.process{ overflow:hidden; width:100%; height:60px; margin:0 0 30px 0;}
.process > li{ position:relative; background-color:#1e1e1f; float:left; width:33.3%; line-height:60px; height:60px; text-align:center; color:#fff; }
.process > li span{ display:block; line-height:60px; height:60px; font-size:18px; letter-spacing:-0.05em;}
.process > li span i{ font-size:24px; display:inline-block; margin-right:0.3em;}
.process > li:after{ content:""; position:absolute; right:-22px; top:8px; width:44px; height:44px; border-top:#ededed 1px solid; border-right:#ededed 1px solid; background-color:#1e1e1f; display:block; -webkit-transform:rotate(45deg);transform:rotate(45deg); z-index:2;}
.process > li.active,
.process > li.active:after{ background-color:#ed1c24;}
.process > li:last-child:after{ display:none;}

.reg-bx{ border-top:#878787 1px solid; border-bottom:#dcdcdc 1px solid; padding:0 40px; background-color:#fbfbfb;}
.reg-bx > dt{ position:relative; font-size:24px; color:#3d3d3d; padding:30px 20px; border-bottom:#dcdcdc 1px solid;}
.reg-bx > dt:before{ content:""; position:absolute; top:43px; left:0; background-color:#ed1c24; width:10px; height:10px; display:block;}
.reg-bx > dt.typ1{ padding:30px 20px 30px 0; }
.reg-bx > dt.typ1 i{  color:#ed1c24;}
.reg-bx > dt.typ1:before{ display:none;}
.reg-bx > dt > p.info {font-size:16px; text-indent:-20px; margin-left:20px;}
.reg-bx > dt > p.info > span {color:#ed1c24; font-weight:bold; border-bottom:1px solid #ed1c24;}
.reg-bx > dt > p.info > strong {font-size:12px;}
.reg-bx > dd{ padding:0 0 40px 0;}
.reg-bx > dt.typ1 strong{ color:#ed1c24; display:inline-block; margin-right:10px;}
.reg-bx > dd .desc01{ color:#ed1c24; font-size:16px; margin:40px 0 0 0; padding:0 20px;}

.chk-dv{ border-top:#dcdcdc 1px solid; margin-top:40px; padding:40px 0 0 0;}
.chk-dv.bordN{ border-top:none; margin-top:0; padding:20px 0 0 0;}
.chk-dv a{ text-decoration:underline;}
 
div.sel{ display:inline-block;}

.form-typ1{ text-align:center; padding:40px 0; border-bottom:#dcdcdc 1px solid; margin-bottom:40px;}
.form-typ1 .input{ width:270px;}
.form-typ2{ text-align:center; padding:40px 0 0;}
.form-typ2 .select{ width:270px;}

.result-tx{ position:relative; padding:40px; text-align:center; border:#ed1c24 1px solid; font-size:27px; color:#3d3d3d; margin-top:40px;}
.result-tx:before{ content:""; position:absolute; top:0; left:0; display:block; background-color:#ed1c24; width:10px; height:10px; }
.result-tx a{ text-decoration:underline}

.ul-list01 > li{ text-indent:-10px; padding-left:10px;}
.ul-list01 > li + li{ margin-top:0.3em;}

.ul-list02 > li{ padding:0 0 0 20px;}
.ul-list02 > li + li{ margin-top:30px;}
.ul-list02 > li .tit-tx{ font-size:16px; display:block; margin:0 0 10px -20px;}
.ul-list02 > li .tit-tx.tit-tx2{ margin-left:0;}
.ul-list02 > li .tit-tx em{ font-weight:400;}

.div-tab{ margin:50px 0 40px;}
.div-tab > ul:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.div-tab > ul > li{ width:50%; float:left;}
.div-tab > ul > li > a{ display:block; height:50px; line-height:50px; text-align:center; font-size:16px; background-color:#fff; font-weight:600; color:#9c9c9c;  border:#fff 3px solid; border-bottom:#000 3px solid;} 
.div-tab > ul > li.active > a{ background-color:#555; border:#000 3px solid; border-bottom:#555 3px solid; color:#fff;}

.div-tab2{ position:relative; margin:40px 0 20px;}
.div-tab2:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#dcdcdc; display:block;}
.div-tab2 > ul{ position:relative; z-index:2;}
.div-tab2 > ul:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.div-tab2 > ul > li{ width:auto; float:left;}
.div-tab2 > ul > li + li{ margin-left:-1px;}
.div-tab2 > ul > li > a{ padding:0 30px; display:block; height:60px; line-height:60px; text-align:center; font-size:16px; background-color:#f3f3f3; font-weight:600; color:#919090;  border:#dcdcdc 1px solid; } 
.div-tab2 > ul > li.active > a{ background-color:#fff; border-bottom:#fff 1px solid; color:#3d3d3d;}

.clr-bx{ margin:35px 0 0 0; border:#92cdff 1px solid; border-top:none; background-color:#fff; }
.clr-bx > .tit-tx{ position:relative; color:#3d3d3d; font-size:16px; margin:0; line-height:60px; font-weight:600; padding:0 60px 0 20px; border-top:#92cdff 1px solid; cursor:pointer; }
.clr-bx > .tit-tx i{ position:absolute; top:0; right:0; display:block; width:60px; height:60px; border-left:#92cdff 1px solid; }
.clr-bx > .tit-tx i:before{ content:""; position:absolute; top:50%; left:50%; margin:-1px 0 0 -10px; width:20px; height:2px; background-color:#000; display:block;}
.clr-bx > .tit-tx i:after{ content:""; position:absolute; top:50%; left:50%; margin:-10px 0 0 -1px; width:2px; height:20px; background-color:#000; display:block;}
.clr-bx > .tit-tx.active i:after{ display:none;}
.clr-bx .costbx{ padding:30px 20px; background-color:#f8f8f8; border-top:#92cdff 1px solid; }
.clr-bx .costbx:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clr-bx .costbx .date-bx{ float:left;}
.clr-bx .costbx .date-bx .input{ width:140px; background-color:#fff;}
.clr-bx .costbx .date-bx .input.end{ width:100px; padding:0; text-align:center;}
.input.datepicker{ width:140px; padding:0 40px 0 10px; background:#fff url('../images/ic_cal.png') 100% 50% no-repeat; }
.input.datepicker.block{ width:100%;}
.clr-bx .costbx span{ display:inline-block; font-size:16px; line-height:46px;margin:0 10px;} 
.clr-bx .costbx span.mul{ margin:0;}
.clr-bx .costbx .cost{ float:right; font-size:20px; line-height:46px; }
.clr-bx .costbx .cost strong{ font-size:28px; color:#007be4;}

.row-grp:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.row-grp .rows{ float:left; width:48%;}
.row-grp .rows table{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; table-layout:fixed; border-top:#dcdcdc 1px solid; border-left:#dcdcdc 1px solid; background-color:#fff;}
.row-grp .rows table thead th{ text-align:center; color:#fff; padding:15px 0; background-color:#8c8c8c; border-bottom:#dcdcdc 1px solid;}
.row-grp .rows table tbody th{ text-align:center; color:#fff; padding:15px; color:#3d3d3d; background-color:#ededed; border-bottom:#dcdcdc 1px solid; border-right:#dcdcdc 1px solid;}
.row-grp .rows table tbody th span{ display:block;}
.row-grp .rows table tbody td{ text-align:left; padding:15px; border-bottom:#dcdcdc 1px solid; border-right:#dcdcdc 1px solid;}

.tx-exc{ position:relative; padding:1px; margin:0 0 20px 0; text-align:center; color:#ed1c24; font-size:24px; background-color:#ed1c24;}
.tx-exc .inner{ padding:0.7em 4em; background-color:#fff;}
.tx-exc:before{ content:""; position:absolute; top:-10px; left:-2px; border-right:#ed1c24 16px solid; border-top:transparent 16px solid; border-bottom:transparent 16px solid; -webkit-transform:rotate(45deg);transform:rotate(45deg);}
.tx-exc:after{ content:""; position:absolute; bottom:-10px; right:-2px; border-right:#ed1c24 16px solid; border-top:transparent 16px solid; border-bottom:transparent 16px solid; -webkit-transform:rotate(-135deg);transform:rotate(-135deg);}

.form-typ3{ padding:40px 0 0 0;}
.form-typ3 .rows{ display:table; width:100%; table-layout:fixed;}
.form-typ3 .rows .tit-tx{ display:table-cell; width:310px; color:#3d3d3d; font-size:15px; vertical-align:middle;}
.form-typ3 .rows .con-tx{ display:table-cell; vertical-align:middle;} 
.form-typ3 .rows + .rows{ margin-top:10px;}

.form-typ4{ position:relative; width:490px; margin:40px auto 0;}
.form-typ4 > ul > li > span{ display:inline-block; line-height:46px; vertical-align:middle; font-size:15px; color:#3d3d3d; width:70px;}
.form-typ4 > ul > li + li{ margin-top:10px;}
.form-typ4 > ul > li > .input{ width:270px;}
.form-typ4 .bt-reg{ position:absolute; top:0; right:0; width:136px; height:155px; text-align:center; line-height:155px; background-color:#ed1c24; border-radius:8px; color:#fff;}

table.write{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; table-layout:fixed; border-top:#dcdcdc 1px solid; border-left:#dcdcdc 1px solid; background-color:#fff;}
table.write thead th{ background-color:#ededed; padding:15px; text-align:center; border-right:#dcdcdc 1px solid;  border-bottom:#dcdcdc 1px solid; }
table.write tbody th{ background-color:#ededed; padding:15px; text-align:center; border-right:#dcdcdc 1px solid;  border-bottom:#dcdcdc 1px solid; }
table.write tbody td{ text-align:left; padding:8px 15px; border-right:#dcdcdc 1px solid;  border-bottom:#dcdcdc 1px solid; }

.bx-tx01{ background-color:#ededed; border:#dcdcdc 1px solid; padding:1em 0; text-align:center;}

.sign{ color:#3d3d3d; font-size:20px;}

.faq-lst{ background-color:#fff; margin:40px 0 0 0; border:#dcdcdc 1px solid; border-bottom:none;}
.faq-lst > dt > a{ position:relative; border-bottom:#dcdcdc 1px solid; padding:30px 80px; font-size:18px; color:#3d3d3d; display:block;}
.faq-lst > dt i{ position:absolute; top:50%; left:20px; margin-top:-20px; font-size:24px; text-align:center; display:block; background-color:#ed1c24; width:40px; height:40px; line-height:40px;  color:#fff;}
.faq-lst > dd{ position:relative; border-bottom:#dcdcdc 1px solid; padding:30px 80px; background-color:#f5f5f5; font-size:15px; color:#3d3d3d;}
.faq-lst > dd i{ position:absolute; top:20px; left:20px; font-size:24px; text-align:center; display:block; background-color:#4483b8; width:40px; height:40px; line-height:40px;  color:#fff;}
.faq-lst > dd table{ border:#dcdcdc 1px solid; border-bottom:none;}
.faq-lst > dd table th,
.faq-lst > dd table td{ border-bottom:#dcdcdc 1px solid; padding:15px; }
.faq-lst > dd table td{ border-left:#dcdcdc 1px solid; }


/* ¼­ºê ·¹À̾î Æ˾÷ */
.sub_pop { display: none; text-align: center; z-index: 950; }
.sub_pop .pop_box { margin: auto; position: relative; text-align: left; }
.sub_pop .pop_box a { word-break: break-all; }
.sub_pop .pop_box .close { float: right; background: url(https://www.hondakorea.co.kr/lib/img/common/btn/btn_close.png) no-repeat center; text-indent: -9999em; overflow: hidden; cursor: pointer; width: 28px; height: 28px; position: relative; right: -80px; }
.sub_pop .pop_box .top { padding: 22px 37px; font-size: 14px; color: #666666; line-height: 1.4; background: #e0e0e0; }
.sub_pop .pop_box .top h2 { font-size: 30px; color: #000; font-family: nanumbarungothicbold; }
.sub_pop .pop_box a { display: inline; color: #666; }
.sub_pop .pop_box .desc { padding: 41px 37px; font-size: 16px; color: #666666; background: #fff; }
.sub_pop .pop_box .desc .section { width: 100%; clear: both; }
.sub_pop .pop_box .desc .tbl_02 th { font-size: 12px; height: auto; background: #f5f5f5; }
.sub_pop .pop_box .desc .tbl_02 td { font-size: 12px; padding: 10px; }
.sub_pop .pop_box .desc strong { color: #333333; }
.sub_pop .pop_box p.top_txt { font-size: 16px; color: #000000; margin-top: 15px; margin-bottom: 33px; line-height: 1.3; }
.sub_pop .pop_box p.top_txt .em { color: #e60021 !important; }
.sub_pop .pop_box .box { padding: 60px; border: 1px solid #dbdbdb; background: #fff; color: #333333; font-size: 16px; }
.sub_pop .pop_box .box h4 { height: 22px; background: url(https://www.hondakorea.co.kr/lib/img/common/icon/red_bullet02.png) no-repeat 0 center; color: #242424; font-size: 22px; margin-bottom: 25px; text-indent: 18px; }

#privacy .pop_box { width: 960px; margin: auto; }
/* °³ÀÎÁ¤º¸Ãë±Þ¹æħ Æ˾÷ */
.privacy { max-width: 960px; max-height: 1081px; background: #fff; position: relative; top: 90px; }
.privacy .top { background: #e0e0e0; }
.privacy .top h2 { }
.privacy .desc { }
.privacy .desc .section { clear: both; margin-bottom: 40px; }
.privacy .close { position: absolute; top: -40px; right: 0; }
.privacy .desc .section .tit { color: #010101; font-weight: bold; }
.privacy .desc .section .box { height: 300px; overflow-y: scroll; border: 1px solid #dbdbdb; background: #f6f6f6; padding: 18px; font-family: nanumbarungothiclight; line-height: 1.5; margin-top: 10px; font-size:1rem;}
.privacy .desc .section .box p { font-family: nanumbarungothiclight; }
.privacy .desc .section .box strong { font-family: nanumbarungothic; }
.privacy .desc .section .box p.left { margin-left: 20px; }
.privacy .desc .section p.check { margin-top: 10px; color: #010101; }
/*ie9±îÁö¸¸ Áö¿ø _ ie8Àº html¿¡ lt À¸·Î style Ãß°¡ */
.privacy .desc .section p.check input[type="checkbox"] { display: none; }
.privacy .desc .section p.check label { display: inline-block; line-height: 1.3; font-size: 16px; color: #010101; background: url(../../img/sub/common/icon/check01_off.png) no-repeat; height: 20px; text-indent: 30px; }
.privacy .desc .section p.check input:checked ~ label { background: url(../../img/sub/common/icon/check01_on.png) no-repeat; }
.privacy .desc .section .box table { width: 100%; text-align: center;  font-size:1rem;border-left: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7;}
.privacy .desc .section .box table th { border-bottom: 1px solid #e7e7e7; background: #fff; border-right: 1px solid #e7e7e7; padding: 5px 0; }
.privacy .desc .section .box table td { border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; padding: 5px;  text-align:left;}
.privacy .desc .section .box table th.last, .privacy .desc .section .box table td.last { border-right: 0; }
.privacy .desc .done { border-top: 1px dotted #cccccc; text-align: center; padding-top: 20px; }
.privacy .desc .done .btn_done { display: inline-block !important; width: 166px; height: 48px; text-align: center; padding: 18px 0; background: #15254c; margin: auto; color: #fff !important; font-size: 16px; cursor: pointer; }

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

}

@media screen and (max-width:768px){	
	
	.pc-vis{ display:none;}
	.mobi-vis{ display:block;}
	header h1.logo{ position:absolute; top:40px; left:50%; width:120px; margin-left:-60px; z-index:4;}
	header h1.logo a{ display:block; height:78px; background:url('../images/logo.png') 50% 50% no-repeat; text-indent:-9999px; }
	header .visual{ height:290px; background:url('../images/bg.jpg') 50% 0 no-repeat; background-size:cover; padding:140px 0 0 0; color:#fff; text-align:center; font-size:15px; }
	header .visual strong{ font-size:28px; font-weight:400; margin-bottom:10px;}
	#gnbWrap{ background-color:#1e1e1f; border-top:#454545 1px solid; border-bottom:#1e1e1f 1px solid;}
	#gnb{ width:100%; margin:0; text-align:center; height:50px; }
	#gnb:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
	#gnb > li{ display:block; float:left; width:25%; overflow:hidden;}
	#gnb > li > a{ position:relative; display:block; line-height:50px; height:50px; padding:0; font-size:14px; color:#888;}

	#contents{ width:100%; margin:0; padding:40px 0 50px;}

	footer{ position:relative; width:100%; margin:0; padding:0; background-color:#67696b;}
	footer .footer-tx{ background-color:#2a2a2a; padding:10px 2.5vw; color:#adabab; font-weight:600; font-size:12px; text-align:center;}
	footer #copyright{ padding:15px 0; color:#acacae; font-weight:600; font-size:11px; text-align:center;}

	.hd-tx{ font-size:23px;}
	.bx-tx1{ padding:3em 1em; font-size:13px;}

	.call-bx{ margin-top:20px; padding:1em; font-size:15px; color:#555;}

	.process{ overflow:hidden; width:100%; height:60px; margin:0 0 15px 0;}
	.process > li{ position:relative; background-color:#1e1e1f; float:left; width:33.3%; line-height:60px; height:60px; text-align:center; color:#fff; padding:0 0.4em;}
	.process > li span{ display:block; line-height:1.2; height:60px; font-size:12px; padding-top:13px }
	.process > li span i{ font-size:14px; display:block; margin-right:0.3em;}
	.process > li:after{ display:none;}
	.process > li.active,
	.process > li.active:after{ background-color:#ed1c24;}
	.process > li:last-child:after{ display:none;}

	.reg-bx{ border-top:#878787 1px solid; border-bottom:#dcdcdc 1px solid; padding:0 20px; background-color:#fbfbfb;}
	.reg-bx > dt{ position:relative; font-size:16px; color:#3d3d3d; padding:15px 10px; border-bottom:#dcdcdc 1px solid;}
	.reg-bx > dt:before{ content:""; position:absolute; top:24px; left:0px; background-color:#ed1c24; width:7px; height:7px; display:block;}
	.reg-bx > dd{ padding:0 0 40px 0;}

	.chk-dv{ border-top:#dcdcdc 1px solid; margin-top:20px; padding:20px 10px 0;}
	.chk-dv.bordN{ padding:20px 10px 0;}
	 
	div.sel{ display:inline-block;}

	.form-typ1{ text-align:center; padding:20px 0; border-bottom:#dcdcdc 1px solid; margin-bottom:20px;}
	.form-typ1 .input{ width:270px; margin-bottom:10px;}
	.form-typ2{ text-align:center; padding:30px 0 0;}
	.form-typ2 .select{ width:270px; margin-bottom:10px;}

	.result-tx{ position:relative; padding:20px; text-align:center; border:#ed1c24 1px solid; font-size:15px; color:#3d3d3d; margin-top:20px;}
	.result-tx:before{ content:""; position:absolute; top:0; left:0; display:block; background-color:#ed1c24; width:5px; height:5px; }

	.ul-list01 > li{ text-indent:-10px; padding-left:10px;}
	.ul-list01 > li + li{ margin-top:0.3em;}

	.ul-list02 > li{ padding:0 0 0 0;}
	.ul-list02 > li + li{ margin-top:30px;}
	.ul-list02 > li .tit-tx{ font-size:16px; display:block; margin:0 0 10px 0;}

	.div-tab{ margin:30px 0 20px;}
	.div-tab > ul > li > a{ display:block; height:40px; line-height:40px; text-align:center; font-size:13px; background-color:#fff; font-weight:600; color:#9c9c9c;  border:#fff 3px solid; border-bottom:#000 3px solid;} 
	.div-tab > ul > li.active > a{ background-color:#555; border:#000 3px solid; border-bottom:#555 3px solid; color:#fff;}
	
	.div-tab2{ position:relative; margin:20px 0 10px;}
	.div-tab2 > ul > li{ width:50%; float:left;}
	.div-tab2 > ul > li + li{ margin-left:0px;}
	.div-tab2 > ul > li > a{ padding:0 30px; display:block; height:40px; line-height:40px; text-align:center; font-size:14px; background-color:#f3f3f3; font-weight:600; color:#919090;  border:#dcdcdc 1px solid;  } 
	.div-tab2 > ul > li.active > a{ background-color:#fff; color:#3d3d3d; border-bottom:#dcdcdc 1px solid;}

	.clr-bx{ margin:35px 0 0 0;}
	.clr-bx .tit-tx{ color:#3d3d3d; font-size:16px; font-weight:600;}
	.clr-bx .costbx{ padding:15px;}
	.clr-bx .costbx:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.clr-bx .costbx .date-bx{ float:none;}	
	.clr-bx .costbx span.mul{ display:none;}
	.clr-bx .costbx span.tit-tx{ width:100%; display:block; margin:0;}
	.input.datepicker{ width:150px; padding:0 50px 0 20px; background:url('../images/ic_cal.png') 100% 50% no-repeat; }
	.clr-bx .costbx .input.datepicker{ width:100%;}
	.clr-bx .costbx span.tit-tx + .input.datepicker{ margin-top:-10px;}
	.clr-bx .costbx .date-bx .input.end{ width:100%; margin-top:10px;}
	.clr-bx .costbx span{ display:inline-block; font-size:13px; line-height:46px;margin:0 10px;} 
	.clr-bx .costbx .cost{ float:none; text-align:center; width:100%; margin-top:10px; font-size:14px; line-height:30px; border-top:#ddd 1px solid; padding-top:10px;}
	.clr-bx .costbx .cost strong{ font-size:13px; color:#007be4;}

	.row-grp .rows{ float:none; width:100%;}
	.row-grp .rows table{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; table-layout:auto; border-top:#dcdcdc 1px solid; border-left:#dcdcdc 1px solid; background-color:#fff;}
	.row-grp .rows table colgroup col{ width:100% !important;}
	.row-grp .rows table thead th{ width:100% !important; text-align:center; color:#fff; padding:15px 0; background-color:#8c8c8c; border-bottom:#dcdcdc 1px solid;}
	.row-grp .rows table,	
	.row-grp .rows table thead,
	.row-grp .rows table thead th,
	.row-grp .rows table tbody	,
	.row-grp .rows table tr{ display:block;  width:100% !important;}
	.row-grp .rows table tbody th{  display:block; width:100% !important; text-align:center; color:#fff; padding:15px; color:#3d3d3d; background-color:#ededed; border-bottom:#dcdcdc 1px solid; border-right:#dcdcdc 1px solid;}
	.row-grp .rows table tbody th span{ display:inline-block;}
	.row-grp .rows table tbody td{ display:block; width:100% !important; text-align:left; padding:15px; border-bottom:#dcdcdc 1px solid; border-right:#dcdcdc 1px solid;}
	.row-grp .rows table tbody .btn-box{ margin-top:10px;}

	.tx-exc{ position:relative; padding:0; margin:0 0 10px 0; text-align:center; color:#ed1c24; font-size:16px; background-color:#ed1c24;}
	.tx-exc .inner{ padding:1em 1em; background-color:#fff;}

	.form-typ3{ padding:20px 0 0 0;}
	.form-typ3 .rows{ display:block; width:100%; table-layout:fixed;}
	.form-typ3 .rows .tit-tx{ display:block; width:100%; color:#3d3d3d; font-size:14px; color:#222;vertical-align:middle; margin-bottom:10px;}
	.form-typ3 .rows .con-tx{ display:block; vertical-align:middle;} 
	.form-typ3 .rows + .rows{ margin-top:30px;}

	.form-typ4{ position:relative; width:100%; margin:20px auto 0;}
	.form-typ4 > ul > li > span{ display:inline-block; line-height:46px; vertical-align:middle; font-size:15px; color:#3d3d3d; width:70px;}
	.form-typ4 > ul > li + li{ margin-top:10px;}
	.form-typ4 > ul > li > .input{ width:100%;}
	.form-typ4 .bt-reg{ position:relative; display:block;  top:auto; right:auto; width:100%; height:46px; text-align:center; line-height:46px; background-color:#ed1c24; margin-top:20px; border-radius:8px; color:#fff;}
	
	table.write colgroup{ display:none;}
	table.write thead tr{ display:block;}
	table.write thead th{ display:block; background-color:#ededed; padding:15px; text-align:center; border-right:#dcdcdc 1px solid;  border-bottom:#dcdcdc 1px solid; }
	table.write tbody th{ display:block; background-color:#ededed; padding:15px; text-align:left; border-right:#dcdcdc 1px solid;  border-bottom:#dcdcdc 1px solid; }
	table.write tbody td{ display:block;  text-align:left; padding:8px 15px; border-right:#dcdcdc 1px solid;  border-bottom:#dcdcdc 1px solid; }
	table.write .m-block{ width:100%; display:block;}
	table.write .m-block + .sel{ margin-top:10px;}

	.bx-tx01{ background-color:#ededed; border:#dcdcdc 1px solid; padding:1em 0; text-align:center;}

	.sign{ color:#3d3d3d; font-size:20px;}

	.faq-lst{ background-color:#fff; margin:20px 0 0 0; border:#dcdcdc 1px solid; border-bottom:none;}
	.faq-lst > dt > a{ position:relative; border-bottom:#dcdcdc 1px solid; padding:15px 40px; font-size:14px; color:#3d3d3d; display:block;}
	.faq-lst > dt i{ position:absolute; top:16px; left:10px; margin-top:0; font-size:12px; text-align:center; display:block; background-color:#ed1c24; width:20px; height:20px; line-height:20px;  color:#fff;}
	.faq-lst > dd{ position:relative; border-bottom:#dcdcdc 1px solid; padding:15px 40px; background-color:#f5f5f5; font-size:15px; color:#3d3d3d;}
	.faq-lst > dd i{ position:absolute; top:20px; left:10px; font-size:12px; text-align:center; display:block; background-color:#4483b8; width:20px; height:20px; line-height:20px;  color:#fff;}

	.bank_input_wrap #m_bank_name{ width:100%;}
	.bank_input_wrap .sel{ width:100%; margin-top:10px;}
	.bank_input_wrap .sel .select{ width:100%;}
	
	.sub_pop{ width:96%;}
	#privacy .pop_box{ width:100%;}
	.sub_pop .pop_box .top{ padding:15px;}
	.sub_pop .pop_box .desc{ padding:15px;}
	.sub_pop .pop_box .close{ right:10px;}

}