@charset "utf-8";
/* 내용관리 */
#ctt {margin:0px;padding:0px;background:#fff;}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {margin:0 auto;width: 100%;}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}



.fc_ver2_pointer {color:#e53d30; }
.daon_content_wrap{width:100%; min-width:320px; max-width:1500px; margin:30px auto; margin-top:80px;}

.daon_ver3_page_title{width:100%; text-align:center; margin-bottom:70px;}
.daon_ver3_page_title h1{width:100%; font-size:2.5em; font-weight:600;}
.daon_ver3_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
.daon_ver3_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; }

.daon_ver3_sub_type20 {width:100%; max-width:1500px; margin:0 auto;}
.daon_ver3_sub_type20:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type20 .con_title { width:100%; text-align:center; margin:50px auto 30px;}
.daon_ver3_sub_type20 .con_title:after{ content:''; display:block; clear:both;}
.daon_ver3_sub_type20 .con_title p {display:block; margin-bottom:5px; font-size:1em; color:#999; font-weight:500; line-height:1.6em; letter-spacing: 5px; word-break:keep-all;}
.daon_ver3_sub_type20 .con_title h3.tit { display:block; font-size:3em; color:#000; font-weight:700; line-height:1.4em; letter-spacing:-0.05em; }
.daon_ver3_sub_type20 .con_title h3.tit span { font-size:1em; color:#e53d30; }

.daon_ver3_sub_type20 .con_title h4.tit { display:block; font-size:1.7em; color:#000; text-align: left; font-weight:700; line-height:1.4em; letter-spacing:-0.01em; }
.daon_ver3_sub_type20 .con_title h4.tit span { font-size:1em; color:#e53d30; }

.daon_ver3_sub_type20 .con_title:first-of-type {margin-top:0; }

.daon_ver3_sub_type20 .step_area{ width:100%;}
.daon_ver3_sub_type20 .step_area:after{ content:""; display:block; clear:both;}
.daon_ver3_sub_type20 .step_area ul{ width:100%; padding:0; margin:0;}
.daon_ver3_sub_type20 .step_area ul li{position:relative; float:left; width:32%; min-height:200px; padding:30px 50px; margin-right:2%; margin-bottom:2%; list-style:none; background-color:#fff; border:1px solid #eee; box-sizing:border-box; border-radius:10px; transition:0.3s all ease; }
.daon_ver3_sub_type20 .step_area ul li i {position:absolute; right:30px; top:30px; font-size:2.5em; font-weight:700; color:#666; line-height:1em; font-style:normal; font-family:"Font Awesome 6 Free"; }/*아이콘*/
.daon_ver3_sub_type20 .step_area ul li:before {z-index:1; position:absolute; right:-20px; top:50%; margin-top:-20px; content:""; display:block; width:40px; height:40px; background:#fff url('../image/step_arrow_bk.png')no-repeat center center; border:1px solid #eee; border-radius:100%;} /*화살방향_오른쪽*/
.daon_ver3_sub_type20 .step_area ul li:nth-child(3n) {margin-right:0; }
.daon_ver3_sub_type20 .step_area ul li:nth-child(3n):before {display:none;}
.daon_ver3_sub_type20 .step_area ul li:nth-child(3n):after {z-index:1; position:absolute; left:50%; margin-left:-20px; bottom:-20px; content:""; display:block; width:40px; height:40px; background:#fff url('../image/step_arrow_bk.png')no-repeat center center; border:1px solid #eee; border-radius:100%; transform:rotate(90deg); transition:transform 500ms;} /*화살방향_아래*/
.daon_ver3_sub_type20 .step_area ul:last-child li:after {display:none;}
.daon_ver3_sub_type20 .step_area ul li > dl {width:100%; margin:0; padding:0; font-size:1em; }
.daon_ver3_sub_type20 .step_area ul li > dl dd {display:block; }
.daon_ver3_sub_type20 .step_area ul li > dl dd em.num {display:block; font-size:1.25em; color:#555; font-weight:700; font-style:normal;}/*숫자*/
.daon_ver3_sub_type20 .step_area ul li > dl dd strong { margin:15px 0 20px 0; display:block; font-size:1.5em; color:#000; line-height:1.4em; word-break:keep-all; }
.daon_ver3_sub_type20 .step_area ul li > dl dd p {display:block; font-size:1.15em; letter-spacing:-0.05em; color:#666; line-height:1.4em; word-break:keep-all;}
.daon_ver3_sub_type20 .step_area ul li.key-color {background-color:#f9f9fa;}
.daon_ver3_sub_type20 .step_area ul li.key-color > dl dd em.num {color:#e53d30;}/*포인트숫자*/
.daon_ver3_sub_type20 .step_area ul li.key-color > dl dd strong {color:#e53d30;} /*포인트타이틀*/
.daon_ver3_sub_type20 .step_area ul li.open {background-color:#e53d30;} /*오픈배경*/
.daon_ver3_sub_type20 .step_area ul li.open i {color:#fff;}
.daon_ver3_sub_type20 .step_area ul li.open > dl dd em.num,
.daon_ver3_sub_type20 .step_area ul li.open > dl dd p {color:#fff !important;}/*오픈아이콘_텍스트*/
.daon_ver3_sub_type20 .step_area ul li.open > dl dd strong { font-size:3em;  color:fff; }
.daon_ver3_sub_type20 .step_area ul.reverse li{float:right; margin-right:2%; margin-left:0; }
.daon_ver3_sub_type20 .step_area ul.reverse li:before {right:unset; left:-20px; transform:rotateY(180deg); transition:transform 500ms;}/*화살방향_왼쪽*/
.daon_ver3_sub_type20 .step_area ul.reverse li:nth-child(1) {margin-right:0;}
.daon_ver3_sub_type20 .step_area ul.reverse li:nth-child(3) {margin-left:0; margin-right:2%; }

.tbl_scroll_price{display:none; width:100%; text-align:right;}
.tbl_scroll_price_wrap { width:100%; overflow-x:auto;}
.tbl_scroll_price_wrap::-webkit-scrollbar { -webkit-appearance: none; } 
.tbl_scroll_price_wrap::-webkit-scrollbar:vertical { width: 12px; } 
.tbl_scroll_price_wrap::-webkit-scrollbar:horizontal { height: 8px; } 
.tbl_scroll_price_wrap::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } 
.tbl_scroll_price_wrap::-webkit-scrollbar-track { border-radius: 10px; background-color:#fff; }

table.tbl_price { width:100%; min-width:890px; border-collapse:collapse; border-spacing:0; border-top:2px solid #000; table-layout:auto; }
table.tbl_price thead { background-color:#fff; }
table.tbl_price thead tr td { padding:10px 15px; text-align:center; font-size:1.3em; color:#000; line-height:1.6em; font-weight:bold; border-right:1px solid #eee; border-bottom:1px solid #eee; box-sizing:border-box;}
table.tbl_price thead tr td.bo_r {border-right:1px solid #eee;}
table.tbl_price tbody tr td { padding:15px 15px; text-align:center; font-size:1.2em; color:#333; line-height:1.6em; word-break:keep-all; border-right:1px solid #eee; border-bottom:1px solid #eee; box-sizing:border-box;}
table.tbl_price tbody tr td.txt_left {text-align:left;}
table.tbl_price td:last-of-type {border-right:none;}
table.tbl_price tbody tr.total1 td {font-size:1em; font-weight:700; background-color:#f8f8f8;}
table.tbl_price tbody tr.total2 {border-top:2px solid #000; background-color:#fcf5f4;}
table.tbl_price tbody tr.total2 td { padding:25px 15px; font-size:1em; font-weight:700;}
dl.tbl_price_etc {margin-top:30px;}
dl.tbl_price_etc dd {margin-top:5px; list-style-position: inside; text-indent:-1.2em; padding-left: 1.2em; font-size:1em; color:#222;}

.daon_ver3_sub_type20 a.btn_online {display:block; width:240px; text-align:center; margin:50px auto; text-decoration:none; padding:15px 0px; font-size:1.25em; color:#fff; line-height:1.5em; background-color:#000; border-radius:2px; transition:0.3s all ease; }
.daon_ver3_sub_type20 a.btn_online:hover{color:#fff; background-color:#e53d30; }


@media screen and (max-width:1500px){
	.daon_ver3_sub_type20 .step_area {padding:0 4%;}
}

@media screen and (max-width:1200px){		
	.daon_ver3_sub_type20 .step_area ul li {width:49%; padding:30px 25px 40px 25px; margin-right:2%; }
	.daon_ver3_sub_type20 .step_area ul li:nth-child(even) {float:right; margin-right:0;}
	.daon_ver3_sub_type20 .step_area ul li:before {display:none;} /*화살방향_오른쪽*/
	.daon_ver3_sub_type20 .step_area ul li:nth-child(3n) {margin-right:2%;}
	.daon_ver3_sub_type20 .step_area ul li:nth-child(3n):after {display:none;}/*화살방향_아래*/
	.daon_ver3_sub_type20 .step_area ul li.open {width:100%;}
	.daon_ver3_sub_type20 .step_area ul.reverse li{float:none; float:left; margin-right:2%; margin-left:0; }
	.daon_ver3_sub_type20 .step_area ul.reverse li:before {display:none}/*화살방향_왼쪽*/
	.daon_ver3_sub_type20 .step_area ul.reverse li:nth-child(1) {margin-left:0; margin-right:0; }
	.daon_ver3_sub_type20 .step_area ul.reverse li:nth-child(3) {margin-left:0; margin-right:0; }
}

@media screen and (max-width:992px){
	.daon_ver3_page_title{margin-bottom:50px;}	
	.daon_ver3_page_title h1{font-size:1.85em;}
	.daon_ver3_page_title h2{font-size:1em;}

	.daon_ver3_sub_type20 .con_title h3.tit { font-size:3em;}
	.daon_ver3_sub_type20 .con_title p { font-size:1.25em;}

	.tbl_scroll_price{display:none; width:100%; text-align:right;}
	.tbl_scroll_price_wrap { width:100%; overflow-x:auto; white-space: nowrap;}
	.tbl_scroll_price_wrap::-webkit-scrollbar { -webkit-appearance: none; } 
	.tbl_scroll_price_wrap::-webkit-scrollbar:vertical { width: 12px; } 
	.tbl_scroll_price_wrap::-webkit-scrollbar:horizontal { height: 8px; } 
	.tbl_scroll_price_wrap::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } 
	.tbl_scroll_price_wrap::-webkit-scrollbar-track { border-radius: 10px; background-color:#fff; }

}

@media screen and (max-width:890px){	
	.tbl_scroll_price {display:block; padding-bottom:15px; }
	
	.tbl_scroll_price{display:none; width:100%; text-align:right;}
	.tbl_scroll_price_wrap { width:100%; overflow-x:auto; white-space: nowrap;}
	.tbl_scroll_price_wrap::-webkit-scrollbar { -webkit-appearance: none; } 
	.tbl_scroll_price_wrap::-webkit-scrollbar:vertical { width: 12px; } 
	.tbl_scroll_price_wrap::-webkit-scrollbar:horizontal { height: 8px; } 
	.tbl_scroll_price_wrap::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } 
	.tbl_scroll_price_wrap::-webkit-scrollbar-track { border-radius: 10px; background-color:#fff; }

}

@media screen and (max-width:768px){
	.daon_ver3_page_title{margin-bottom:40px;}
	.daon_ver3_page_title h1{font-size:1.85em;}
	.daon_ver3_page_title h2{font-size:1em;}

	.daon_ver3_sub_type20 .con_title h3.tit { font-size:2em;}
	.daon_ver3_sub_type20 .con_title p { font-size:1.15em; }
	
	.tbl_scroll_price{display:none; width:100%; text-align:right;}
	.tbl_scroll_price_wrap { width:100%; overflow-x:auto; white-space: nowrap;}
	.tbl_scroll_price_wrap::-webkit-scrollbar { -webkit-appearance: none; } 
	.tbl_scroll_price_wrap::-webkit-scrollbar:vertical { width: 12px; } 
	.tbl_scroll_price_wrap::-webkit-scrollbar:horizontal { height: 8px; } 
	.tbl_scroll_price_wrap::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } 
	.tbl_scroll_price_wrap::-webkit-scrollbar-track { border-radius: 10px; background-color:#fff; }

}

@media screen and (max-width:640px){	
	.daon_ver3_sub_type20 .step_area {margin-top:40px;}
	.daon_ver3_sub_type20 .step_area ul li {width:100%; min-height:auto; margin-bottom:40px;}
	.daon_ver3_sub_type20 .step_area ul li i { right:25px; top:25px; font-size:2em; }
	.daon_ver3_sub_type20 .step_area ul li:before { display:block; right:unset; top:unset; left:50%; margin-left:-20px; bottom:-20px; transform:rotate(90deg); transition:transform 500ms;} /*화살방향_아래*/
	.daon_ver3_sub_type20 .step_area ul.reverse li:before {display:block; right:unset; left:50%; transform:rotate(90deg); transition:transform 500ms;}/*화살방향_왼쪽*/
	.daon_ver3_sub_type20 .step_area ul li:nth-child(3n):before {display:none; } 
	.daon_ver3_sub_type20 .step_area ul li:nth-child(3n):after {display:block; margin-left:-20px; bottom:-20px; }/*화살방향_아래*/
	.daon_ver3_sub_type20 .step_area ul li.open:after {display:none;}

	
	.tbl_scroll_price{display:none; width:100%; text-align:right;}
	.tbl_scroll_price_wrap { width:100%; overflow-x:auto; white-space: nowrap;}
	.tbl_scroll_price_wrap::-webkit-scrollbar { -webkit-appearance: none; } 
	.tbl_scroll_price_wrap::-webkit-scrollbar:vertical { width: 12px; } 
	.tbl_scroll_price_wrap::-webkit-scrollbar:horizontal { height: 8px; } 
	.tbl_scroll_price_wrap::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } 
	.tbl_scroll_price_wrap::-webkit-scrollbar-track { border-radius: 10px; background-color:#fff; }

}