/*
CSS 작성 순서
배치					display, position, visibility, overflow, float, clear,
크기,여백			margin, padding, width, height, min & max
테두리와 배경	border, background
폰트					color, line-height, font-size, font-weight, font-style, font-family, text-decoration, text-align, letter-spacing, white-space, text-overflow
기타					여기서 언급하지 않은 나머지 속성들은 폰트 속성 이후에 선언하며, 선언 순서는 무관하다.
*/


.m_only{display: none;}

/* sub */
#header { height: 370px; }
.sign_wrap #header{height: auto;}
#header .inner { position: relative; margin: 0 auto; width: 1024px; height:70px;}
#header .inner h1 { position: absolute; top: 0; right: 0; }
#header .inner h1 .btn_home { padding-right: 25px; background: url('/images/doban/icon.png') no-repeat right center; color: #646464; line-height: 70px; font-size: 15px; }
#header .inner h1 .btn_manager { padding-right: 25px; margin-right:20px; background: url('/images/doban/icon_manage.png') no-repeat right center; color: #646464; line-height: 70px; font-size: 15px; }
#header .inner .logo{position:absolute;left:0;}
#header .bannerArea{position:relative;text-align: center;/* background-image:url('/images/doban/sub_top_bg.png');height:300px;background-size:cover;background-position:center center; */}
#header .bannerArea.sign_banner{height: auto;background-image: none;margin-bottom: -1px;}
#header .bannerArea .sub_top_tit{position:absolute;left:50%;top:20px;margin-left:-281.5px;width:563px;height:139px;}

#container .con_wrap { margin: 0 auto; padding: 50px 0; width: 1024px; }
#container .con_wrap.sign_form{padding-top: 42px;}
#container .sign_cont_top .con_wrap{padding: 0;}

.clearfix{*zoom:1}
.clearfix:after{display: block;clear: both;content:''}



.col2 > div{width:50%;float:left;box-sizing:border-box}
.col2 > div.fl{float:left;padding-right:2px;}
.col2 > div.fr{float:right;padding-left:2px;}

.tab01 { margin-bottom: 50px; }
.tab01 ul { }
/* .tab01 ul li { float:left; margin-left: 5px; width: 338px; } */
.tab01 ul { font-size:0;margin-left: -5px;margin-top: -5px;}
.tab01 ul li {/*  float:left;  */display: inline-block;padding-left: 5px; padding-top: 5px;width: 33.333%; font-size:16px;box-sizing:border-box;margin-left: 0;}
.tab01 ul li:first-child { margin-left: 0; } 
.tab01 ul li a { display: block; height: 38px; border: 1px solid #d2d2d2; border-radius: 2px; background: #f1f1f1; color: #a0a0a0; line-height: 38px; font-size: 15px; font-weight: bold; text-align: center; }
.tab01 ul li.on a { color: #fff; border-color: #923d43; background: #923d43; }

/* .tab01.new_tab ul li{width: 250px;margin-left: 8px;} */
.tab01.new_tab ul li:first-child{margin-left: 0;}
.tab01.new_tab ul li a{font-size: 14px;letter-spacing:-.5px}
.sec01 { padding-bottom: 50px; border-bottom: 1px solid #dcdcdc; }
.sec01 .img_box { margin-bottom: 30px; }
.sec01 .txt_box { overflow: hidden; width: 100%; }
.sec01 .txt_box .fl { width: 33.3333%; }
.sec01 .txt_box .fl { line-height: 44px; font-size: 32px; color: #646464; }
.sec01 .txt_box .fr { width: 66.6666%; }
.sec01 .txt_box .fr p { line-height: 30px; font-size: 15px; }

.sec02 { padding: 50px 0; border-bottom: 1px solid #dcdcdc; }
.sec02 .txt1 { margin-bottom: 50px; }

.sec03 { padding: 50px 0; }
.sec03 .txt1 { margin-bottom: 30px; }
.tbl01 table { width: 100%; }
.tbl01 table th { padding: 14px 5px; border-top: 1px solid #646464; border-left: 1px solid #dcdcdc; background: #f8f8f8; color: #333; line-height: 20px; font-size: 15px; text-align: center; }
.tbl01 table th:first-child { border-left: 0 none; } 
.tbl01 table td { padding: 14px 5px; border: 1px solid #dcdcdc; border-right: 0 none; color: #646464; line-height: 19px; font-size: 15px; text-align: center; }
.tbl01 table td:first-child { border-left: 0 none; } 
.tbl01 table td.bdl { border-left: 1px solid #dcdcdc !important;  }
.tit1 { margin-bottom: 20px; padding-left: 10px; border-left: 3px solid #ff6600; color: #333; line-height: 20px; font-size: 18px; }
.tit2 {font-size: 16px;line-height: 20px;}
.txt4 { line-height: 25px; font-size: 16px; font-weight:bold; color:#000000 }
.red191213 {color:#f6041b}
.blue191213 {color:#040af6}
.font_red { color: #923d43 !important;}
.font_black { color: #333 !important;}
.img_box { text-align: center; }
.btn_area { margin-top: 30px; text-align: center; }
.btn1 { display: inline-block; width: 430px; height: 65px; border-radius: 3px; background: #923d43; color: #fff; line-height: 65px; font-size: 23px; font-weight: bold; text-align: center; }




/* 2017-06-30 추가 */
.mgb50 { margin-bottom: 50px; }
.tb_wrap { position: relative; margin-bottom: 40px; }
.title01 { margin-bottom: 25px; border-left: 4px solid #ff6600;  padding-left: 10px; color: #333; line-height: 26px; font-size: 24px; font-weight: 900;  }
.tb_wrap .tit_txt { position: absolute; top: 0; right: 0; color: #c13843; line-height: 26px;font-size: 18px; font-weight: bold;  }
.tb_wrap .tit_txt img { margin-top: 3px; }

.receptionBox01.on {display: none;}
.receptionBox02 {display: none;}
.receptionBox02.on {display: block;}


.tbl_type01 { width: 100%;}
.tbl_type01 thead th {  padding: 13px 5px; border-left: 1px solid #d3d3d3; background: #c13843; color: #fff;  line-height: 24px; font-size: 19px; text-align: center;   }
.tbl_type01 thead th:last-child{border-right:1px solid #c13843;}
.tbl_type01 thead th:first-child { border-left: 0 none; }
.tbl_type01 tbody th { padding: 13px 5px; border-bottom: 1px solid #d3d3d3; background: #f6f6f6; color: #333; line-height: 24px;  font-size: 19px; text-align: center;   }
.tbl_type01 tbody td { padding: 13px 5px 13px 6%;  border-left: 1px solid #d3d3d3;  border-bottom: 1px solid #d3d3d3;  line-height: 24px;  font-size: 19px; text-align: left;}
.tbl_type01 tbody td:last-child{border-right:1px solid #d3d3d3;}
.tbl_type01 tbody td.center { padding: 13px 5px; text-align: center; }
.tbl_type01 .bg_none { background: none !important; }

.doban_list { margin-bottom: 60px; padding: 30px 50px; border: 3px solid #ead4d4; background: #f7f7f7;  }
.doban_list ul li { position: relative; padding-left: 10px; color: #333; line-height: 38px; font-size: 18px;  }
.doban_list ul li span { color: #c13843; font-weight: bold; }
.doban_list ul li:before { display: block; content:'-'; position: absolute; top: 0; left: 0; color: #c13843; line-height: 38px; font-size: 18px;} 

.tbl_type02 { width: 100%; border-top: 4px solid #c13843; }
.tbl_type02 th { padding: 9px 30px; border-bottom: 1px solid #d3d3d3; background: #f6f6f6; color: #333; line-height: 24px; font-size: 15px;  text-align: left; letter-spacing:-0.5px;}
.tbl_type02 td { padding: 9px 10px; border-left: 1px solid #d3d3d3;  border-bottom: 1px solid #d3d3d3; line-height: 24px; font-size: 15px; text-align: left; letter-spacing:-0.5px; }
.tbl_type02 .inpbox { width: 410px; height: 30px; border: 1px solid #c8c8c8; padding: 0 10px; line-height: 28px; font-size: 19px; box-sizing: border-box; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}

/*2018-11-06 추가*/
.grayBg {background:#f8f8f8;}
.guide_box {padding: 40px; margin:30px 0 70px;}
.guide_box p {font-size:14px; font-weight:600; line-height:1.9; color:#333;}
.tbl_wrap2 {position: relative; width: 100%;}
.tbl_desc {position: absolute; right:0; top:-22px; font-weight: 600; font-size:14px; color:#ff0000;}

.btn_area02 {text-align: center;}
.btn_area02 .btn2 {display: inline-block; margin: 5px 10px;
    width: 160px;
    height: 50px;
    background: #923d43;
    color: #fff;
    line-height: 50px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
	border:none; }

.tbl_type03 { width: 100%; border: 1px solid #d3d3d3; border-bottom:none;}
.tbl_type03 th { padding: 9px 20px; border-bottom: 1px solid #d3d3d3; background: #f6f6f6; color: #333; line-height: 24px; font-size: 15px; font-weight:800; text-align: left; }
.tbl_type03 tr.etc_2 th  {font-size: 14.5px; font-weight: 900; letter-spacing: -1px;}
.tbl_type03 td { padding: 5px 25px; border-left: 1px solid #d3d3d3;  border-bottom: 1px solid #d3d3d3; line-height: 24px; font-size: 13px; font-weight:600; text-align: left; }
.tbl_type03 td input[type=text] {height: 20px; padding: 0 15px; margin-right:3px;}
.tbl_type03 td input.long_dis {width: 210px;}
.tbl_type03 td .btn_search {margin-left:8px; height: 25px; width: 50px; border:none; border-radius:3px; background:#923d43; color:#fff; }
.tbl_type03 td .adressArea02 {margin-left:20px;}
.tbl_type03 td .adressArea02 input {width: 170px;}
.tbl_type03 td form { display: inline-block;}
.tbl_type03 td form label {margin-right:5px;}
.tbl_type03 td form input[type=radio] {margin: 0 5px;}
.tbl_type03 .inpbox { width: 410px; height: 30px; border: 1px solid #c8c8c8; padding: 0 10px; line-height: 28px; font-size: 19px; box-sizing: border-box; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}


.layer_notice { display: none;position: absolute; left:50%; top:25%; transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%); width:370px; background:#fff; z-index:99999;}
.layer_notice.on {display: block;}
.layer_notice .noticeTop {line-height: 82px; background:#923d43; color:#fff; font-size:27px; font-weight:800; text-align:center; }
.layer_notice .notice_box {padding: 40px 50px; }
.layer_notice .notice_box p {line-height:2; color:#333; font-size:14px; font-weight:700;}
.btn_area02 .btn3 {display: inline-block; margin: 20px 5px 0 0;
    width: 120px;
    height: 50px;
    background: #923d43;
    color: #fff;
    line-height: 50px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
	border:none;
	vertical-align:bottom;}
.btn_area02 .btn4 {display: inline-block; margin: 20px 0 0 5px;
    width: 120px;
    height: 50px;
    background: #fff;
    color: #a1a1a1;
    line-height: 50px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
	border:1px solid #a1a1a1; 
	vertical-align:bottom;}


.pointTxt {display: inline-block;color:#923d43;}

.receive_type div {display:none;}
.receive_type div.active {display:block;}

.chk_agreeBox {display: block;padding: 20px; height: 140px; overflow-y:auto; border:1px solid #d3d3d3; box-sizing:border-box; text-align:left;}
/*2018-11-06 추가*/

/* 서명페이지 */
.fc_yellow{color: #fffc00 !important;}
.sign_cont_top{background-color: #e21919;padding: 48px 0;}
.sign_cont_top .fl strong{display: block;font-size: 34px;line-height: 67px;color: #fff;letter-spacing:-0.25px}

.sign_cont_top .fr a{display:inline-block;width: 218px;height: 67px;color: #fff;border: 2px solid #fff;box-sizing:border-box;line-height: 63px;text-align: center;font-size: 20px;font-weight: bold;}
.sign_cont_top .fr a em{display: block;font-weight: bold;line-height: 65px;}
.sign_cont_top .fr a span{font-size: 24px;}
.sign_form .panel{border: 1px solid #dcdcdc;padding-top: 48px;}
.sign_title{text-align: center;font-size: 28px;line-height: 28px;color: #333;margin-bottom: 24px;}
.sign_input_wrap{background-color: #f9f9f9;text-align: center;padding: 48px 0;}
.sign_input_wrap div label{font-size: 17px;color: #777;font-weight: bold;margin-right: 10px;}
.sign_input_wrap > div:first-child{margin-bottom: 21px;}
.sign_input_wrap > div .inpbox{height: 45px;line-height: 43px;}
.sign_agree{padding: 30px 0;}
.sign_agree div label{margin-top:10px; font-size: 15px;line-height: 2;font-weight: bold;letter-spacing:-0.25px}
.sign_agree ul li{position: relative;/* float: left; */ display: block;padding: 0 13px;font-weight: bold;font-size: 15px;letter-spacing:-0.25px;line-height: 32px;}
.sign_agree ul li span{position: absolute;right: -1px}
.sign_agree ul li:first-child{padding-left: 0;}
.sign_agree ul li:last-child{padding-right: 0;}

.btn_sign{width: 250px;height: 70px;line-height: 70px;text-align: center;color: #fff;background-color: #5f5752;font-weight: bold;font-size: 22px;border: none;}
@media screen and (max-width: 1024px) {	
	#container .con_wrap{width:100%;padding:50px 15px;box-sizing:border-box}
	#header .inner{width:100%;}
	#header .inner {width:100%;padding:0 15px; box-sizing:border-box}
	#wrap { min-height: 0; }
	#header .inner h1 {right:15px;}
	#header .inner .logo{left:15px;}
	.tab01 ul li { float:left;  width:33.333%; padding:0 2px;box-sizing:border-box;margin:0;}
	.tab01.new_tab ul li { float:left;  width:25%; padding:0 2px;padding-top: 5px;box-sizing:border-box;margin:0;}
	.slider li { height: 980px !important; }
	.slider li.visual01 { background: url('../images/visual1_.jpg') no-repeat 50% 0 ; background-size: cover; }
	.slider li.visual02 { background: url('../images/visual2_.jpg') no-repeat 50% 0 ; background-size: cover; }
	.slider li.visual03 { background: url('../images/visual3_.jpg') no-repeat 50% 0 ; background-size: cover; }
	.slider li.visual04 { background: url('../images/visual4_.jpg') no-repeat 50% 0 ; background-size: cover; }
	.slider li.visual05 { background: url('../images/visual5_.jpg') no-repeat 50% 0 ; background-size: cover; }
	.slider li.visual06 { background: url('../images/visual6_.jpg') no-repeat 50% 0 ; background-size: cover; }
	
	
	.slider li img { opacity: 0; width: 100%; height: 100%; }
	.visual .bx-controls { top: 60%; left: 0; margin: 0; width: 100%; }
	.visual .inner { top: 100px; left: 0; margin: 0; padding: 0 50px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
	.visual .inner .title { padding: 0 20px; }
	.sec01 .txt_box .fl { width:100%; }
	.sec01 .txt_box .fr { width: 100%; }

	#container .sign_cont_top .con_wrap{padding: 0 15px;text-align: center;}
	#container .sign_cont_top .con_wrap .fr{float: none;}
	#container .sign_cont_top .con_wrap .fl{float: none;}


	.tbl_type03 td .adressArea02 {margin-left:0; margin-top:5px; display: block;}
}

@media screen and (max-width: 960px) {
	.slider li { height: 768px !important; }
	.visual .bx-controls { top: 80%; }
	.visual .bx-controls-direction { position: absolute; top: -70px; left: 50%; margin-left: -35px; width: 70px; height: 30px; }
	.visual .bx-controls-direction > a { display: inline-block; position: static; width: 30px; height: 30px; }
	.visual .bx-prev { margin-right: 10px; background-size: 30px 30px; }
	.visual .bx-next { background-size: 30px 30px; }
	.intro_menu { width: auto; }
	.intro_menu li { margin: 0; padding: 0 5px; width: 25%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom:10px}
	.intro_menu li a img { width: 100%; }
	.intro_menu li a span { top: auto; bottom: 10px; }
	.tab01 ul li a{display:table;width:100%;height:54px;}
	.tab01 ul li a span{display:table-cell;width:100%;height:100%;vertical-align:middle;line-height:18px;font-size:13px;padding:0 15px;}
	
	
	img.pc_only{display: none;}
	img.m_only{display: block;width: 100%;}
	.sign_cont_top{background-color: #fff;}
	.sign_cont_top .fl strong{color: #333;}
	.sign_cont_top .fl strong span.fc_yellow{color: #df0000 !important;}
	.sign_cont_top .fr a{color: #333;border: 1px solid #dcdcdc;width: 50%;float: left;border: none;}
	.sign_cont_top .fr a:first-child{padding-right: 10px;}

	.sign_cont_top .fr a:last-child{padding-left: 10px;}
	.sign_cont_top .fr a em{border: 1px solid #dcdcdc;}
}

@media screen and (max-width: 720px) {
	.visual .inner { top: 80px; }
	.visual .inner .title {margin: 0 auto 50px; width: 290px; }
	#header .bannerArea .sub_top_tit{width:100%;left:0;margin-left:0;padding:0 15px;text-align:center;box-sizing:border-box}
	.slider li { height: 640px !important; }
	.visual .bx-controls { top: 450px; }
	.visual .bx-controls-direction { top: -60px; }
	.visual .inner { padding: 0 15px; }
	.intro_menu li { margin-bottom: 10px; padding: 0; width: 50%; height: auto;  }
	.intro_menu li a { margin: 0 5px; padding-top: 50px; border: 1px solid #fefefe; height: 84px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
	.intro_menu li a img { display: none; }
	.intro_menu li a span { position: static; line-height: 15px;  font-size: 13px }
	.intro_menu li a span em { display: none; }
	.intro_menu li.menu1 a { background: rgba(170,75,59,0.9) url('../images/m_ico01.png') no-repeat 50% 15px; background-size: 22px auto; }
	.intro_menu li.menu2 a { background: rgba(40,171,148,0.9) url('../images/m_ico02.png') no-repeat 50% 15px; background-size: 40px auto;}
	.intro_menu li.menu3 a { background: rgba(167,149,63,0.9) url('../images/m_ico03.png') no-repeat 50% 10px; background-size: 30px auto;}
	.intro_menu li.menu4 a { background: rgba(66,101,140,0.9) url('../images/m_ico05.png') no-repeat 50% 6px; background-size: 27px auto;}

	.intro_menu li a span br { display: block; }
	.tab01 ul li a span{font-size:12px;}
	.btn1{width:100%;}

	/* 2017-06-30 추가 */
	.tbl_type02 .inpbox { width: 100%; }
	.doban_list { padding: 20px 10px; }
	.doban_list ul li { line-height: 24px; font-size: 14px; }
	.title01 { line-height: 20px;  font-size: 18px; }
	.tb_wrap .tit_txt { position: static; margin-bottom: 5px;  text-align: right; font-size: 16px;  }
	
	.tbl_type01 thead th { font-size: 14px; }
	.tbl_type01 tbody th { font-size: 14px; }
	.tbl_type01 tbody td { padding: 13px 5px;  font-size: 14px; }
	.tbl_type02 th{ font-size: 14px; }
	.doban_form .btn1 { height: 30px; line-height: 30px; font-size: 16px; }

	/*2018-11-06 추가*/
	.tbl_type03 th { padding: 5px 5px;font-size: 14px; }
	.tbl_type03 td { padding: 5px 10px; font-size: 14px; font-weight:600;}
}


@media screen and (max-width:640px) {
	.col2 > div.fl{float:left;padding-right:0px;width:100%;}
	.col2 > div.fr{float:right;padding-left:0px;width:100%;}
	#header{height:280px;}
	 #header .inner{height:40px;}
	 #header .inner .logo{height:40px;}
	 #header .inner .logo img{height:100%;}
	 #header .inner h1{height:40px;line-height:40px;}
	 #header .inner h1 .btn_home{line-height:40px;font-size:13px;}
	 #header .inner h1 .btn_manager {line-height:40px;font-size:13px;}
	#header .bannerArea{height:240px;}

	.sign_cont_top .fl strong{font-size: 19px;line-height: 26px;margin-bottom: 20px;}
	.sign_cont_top .fr a{height: 40px;}
	.sign_cont_top .fr a em{line-height: 38px;font-size: 16px;}
	.sign_cont_top .fr a span{font-size: 20px;}
	.sign_input_wrap{padding: 20px 10px;}
	.sign_input_wrap > div .inpbox{width: 100%;}
	.sign_agree{padding: 20px 0 ;text-align: center;}
	.sign_agree ul li{/* float: none; */ font-size:13px;}
	.sign_agree ul li span{display: none;}

	.chk_agreeBox {padding: 10px; }

	#container .con_wrap.sign_form{padding-top: 0;}
	.tab01.new_tab ul li{width:100%;margin-bottom:5px;}

	.tbl_type03 td .adressArea01 {display: table; width: 100%;}
	.tbl_type03 td .adressArea01 input {display: table-cell; width:42%;}
	.tbl_type03 td .adressArea01 input.btn_search {display: table-cell; width:50px;}
	.tbl_type03 td .attach {display: table; width: 100%;}
	.tbl_type03 td .attach input {display: table-cell; width:42%;}
	.tbl_type03 td .attach input.btn_search {display: table-cell; width:50px;}

	.tbl_type03 td input[type=text] {margin: 1px 0; margin-right:3px;}
}

@media screen and (max-width: 480px) {
	.tab01 ul li{width:100%;margin-bottom:5px;}
	.btn_area02 .btn2 {display: inline-block; margin: 3px 3px;
    width: 120px;
    height: 40px;
    line-height: 40px;
	font-size:12px;
	}
}
@media screen and (max-width: 400px) {
	.layer_notice {left:20px; right:20px; transform:none;-webkit-transform:none; -moz-transform:none; width: auto; max-width:100%;}
	.layer_notice .noticeTop {line-height: 62px;font-size:18px; }
	.layer_notice .notice_box {padding: 20px 30px; }
	.layer_notice .notice_box p {font-size:13px; }
	.btn_area02 .btn3 {display: inline-block; margin: 10px 1px 0 0;
		width: 80px;
		height: 40px;
		line-height: 40px;
		font-size: 12px;}
	.btn_area02 .btn4 {display: inline-block; margin: 10px 0 0 1px;
		width: 80px;
		height: 40px;
		line-height: 40px;
		font-size: 12px; }

		.tbl_type03 td input.long_dis {width: 160px;}
}
@media screen and (max-width: 340px) {
	.visual .inner .title { width: auto; }
	
}