@charset "utf-8";
html, body {height:100%;}
* {-webkit-text-size-adjust:none;}
body {font-family:'Noto Sans KR', sans-serif;}
blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, select, td, textarea, th, ul {margin:0; padding:0;}
article, aside, #footer, #header, hgroup, #main, nav, section {margin:0; padding:0; display:block;}
dl, li, menu, ol, ul {list-style:none;}
em, address {font-style:normal;}
a {text-decoration:none; border:none; color:#1a1a1a;}
fieldset {margin:0; padding:0; border:none;}
legend {display:none;}
button {font-family:inherit; vertical-align:top; cursor:pointer; white-space:nowrap; text-decoration:none; background:transparent; outline:none; border:none;}
input, textarea {font-family:inherit; border:none; border-radius:0; -webkit-appearance:none;}
img {border:none;}
.hide {visibility:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0;}
.cboth {clear:both; width:0; height:0; font-size:0; line-height:0;}

/* public */
.over_mobile {display:revert;}
.only_mobile {display:none;}
/* wrap */
#wrap {display:flex; flex-direction:column; min-width:320px;}
#wrap .limit1 {margin:0 auto; max-width:1024px;}
/* header */
#header {flex:1 0 500px; background:#200001 url(../images/bg_header1.png) no-repeat center center;}
#header .logo_mt {position:absolute; top:33px; left:61px; width:220px; height:46px; background:url(../images/logo_mt1.png) no-repeat center 0; background-size:100% auto; font-size:0; line-height:0;}
#header .logo_mt a {display:block; height:100%;}
#header .pgtit {visibility:hidden; width:1px; height:1px;}
/* footer */
#footer {flex:1 0 58px; display:flex; justify-content:center; align-items:center; background:#000; font-size:14px; color:#9f9f9f;}
#footer .logo_mt {overflow:hidden; width:72px; height:16px; background:url(../images/logo_mt2.png) no-repeat center center; background-size:cover; font-size:0; line-height:0;}
#footer .copyright {padding-bottom:3px; opacity:0.5;}
/* container */
#container {flex:auto; padding:0 0 185px;}
#container .tit1 {padding-left:4px; font-size:20px; letter-spacing:-0.8px; color:#ad1e00;}
#container .introduction {padding:69px 0 43px 152px; background:url(../images/bg_etc1.png) no-repeat 49px 69px; background-size:74px auto; font-size:20px; line-height:34px; letter-spacing:-0.8px; color:#000; border-bottom:1px solid #c0321f;}
#container .introduction2 {margin-top:130px; padding:32px 0 34px; font-size:22px; line-height:38px; letter-spacing:-0.8px; text-align:center; color:#c0321f; border-top:1px solid #c0321f; border-bottom:1px solid #c0321f;}
#container .btnarea1 {margin-top:78px;}
#container .btnarea1 a {display:block; margin:0 auto; width:400px; height:80px; background:#bf321f; font-size:22px; font-weight:500; letter-spacing:-0.8px; text-align:center; line-height:80px; color:#fff;}

#container .con_t1 {padding:14px 28px; font-size:16px; letter-spacing:-0.5px; line-height:24px; color:#333; border:1px solid #ddd;}
#container .tit1 + .con_t1 {margin-top:6px;}
#container .con_t2 {}
#container .tit1 + .con_t2 {margin-top:6px;}
#container .con_t2 .lyt1 {display:flex;}
#container .con_t2 .lyt1 .lyt1_1 {flex:1 1 50%;}
#container .con_t2 .lyt1 .lyt1_1 + .lyt1_1 {margin-left:-1px;}
#container .con_t2 .cmt1 {display:block; padding-top:11px; padding-left:4px; font-size:16px; letter-spacing:-0.5px; color:#ad1e00;}
#container .con_t2 table {width:100%; height:100%; border-collapse:collapse;}
#container .con_t2 .cmt1 + table {margin-top:13px;}
#container .con_t2 table thead th {height:53px; background:#f1f1f1; font-size:16px; letter-spacing:-0.5px; color:#333; border:1px solid #ddd;}
#container .con_t2 table tbody th {width:27%; font-size:16px; letter-spacing:-0.5px; color:#333; border:1px solid #ddd;}
#container .con_t2 table tbody td {padding:11px 35px 10px; font-size:16px; line-height:32px; letter-spacing:-0.5px; vertical-align:top; border:1px solid #ddd;}
#container .con_t2 table tbody td .txt1 {display:block; padding:4px 0 9px; color:#333;}
#container .con_t2 table tbody td .txt2 {color:#9f9f9f;}
#container .con_t2 table tbody td .link1 {font-weight:bold; text-decoration:underline; letter-spacing:-0.8px; color:#2e69ff;}
#container .con_t3 {}
#container .tit1 + .con_t3 {margin-top:6px;}
#container .con_t3 table {width:100%; border-collapse:collapse;}
#container .con_t3 table th {width:27%; font-size:16px; letter-spacing:-0.5px; color:#333; border:1px solid #ddd;}
#container .con_t3 table td {padding:14px 35px; font-size:16px; letter-spacing:-0.5px; color:#333; border:1px solid #ddd;}
#container .con_t4 {padding:17px 33px 22px; border:1px solid #ddd;}
#container .tit1 + .con_t4 {margin-top:6px;}
#container .con_t4 ul {}
#container .con_t4 ul li {padding-left:17px; background:url(../images/bl1.png) no-repeat 0 18px; background-size:4px auto; font-size:16px; line-height:40px; letter-spacing:-0.5px; color:#333;}
#container .con_t4 ul li a {color:#333;}
#container .od1 {margin-top:68px;}
#container .od2 {margin-top:59px;}
#container .od3 {margin-top:58px;}
#container .od4 {margin-top:59px;}
#container .od5 {margin-top:59px;}
#container .od6 {margin-top:59px;}

/*** 768px 이하 ***/
@media only screen and (max-width:768px) {
	#wrap .limit1 {padding:0 40px; max-width:768px;}

	#header {flex:1 0 250px; background-size:auto 100%;}
	#header .logo_mt {top:16px; left:21px; width:110px; height:23px;}

	#footer {flex:1 0 50px; font-size:9px;}
	#footer .logo_mt {width:36px; height:8px;}
	#footer .copyright {padding-bottom:3px;}

	#container {padding:0 0 92px;}
	#container .tit1 {padding-left:2px; font-size:14px;}
	#container .introduction {padding:32px 0 22px 96px; background-position:24px 30px; background-size:54px auto; font-size:14px; line-height:24px;}
	#container .introduction2 {margin-top:61px; padding:20px 0 21px; font-size:14px; line-height:24px;}
	#container .btnarea1 {margin-top:45px;}
	#container .btnarea1 a {width:249px; height:59px; font-size:16px; line-height:59px;}
	#container .con_t1 {padding:12px 14px; font-size:12px; line-height:12px;}
	#container .tit1 + .con_t1 {margin-top:1px;}
	#container .tit1 + .con_t2 {margin-top:1px;}
	#container .con_t2 .cmt1 {padding-top:9px; padding-left:2px; font-size:12px;}
	#container .con_t2 .cmt1 + table {margin-top:3px;}
	#container .con_t2 table thead th {height:35px; font-size:12px;}
	#container .con_t2 table tbody th {width:24%; font-size:12px;}
	#container .con_t2 table tbody td {padding:11px 14px 10px; font-size:12px; line-height:17px;}
	#container .con_t2 table tbody td .txt1 {padding:4px 0 6px;}
	#container .tit1 + .con_t3 {margin-top:1px;}
	#container .con_t3 table th {width:24%; font-size:12px;}
	#container .con_t3 table td {padding:11px 14px; font-size:12px;}
	#container .con_t4 {padding:13px 14px 15px;}
	#container .tit1 + .con_t4 {margin-top:1px;}
	#container .con_t4 ul li {padding-left:9px; background-position:0 11px; background-size:2px auto; font-size:12px; line-height:26px;}
	#container .od1 {margin-top:34px;}
	#container .od2 {margin-top:30px;}
	#container .od3 {margin-top:29px;}
	#container .od4 {margin-top:30px;}
	#container .od5 {margin-top:30px;}
	#container .od6 {margin-top:30px;}
}
/*** 430px 이하 ***/ /* iphone12 pro max : 428 */
@media only screen and (max-width:430px) {
	.over_mobile {display:none;}
	.only_mobile {display:revert;}

	#wrap .limit1 {padding:0; max-width:360px;}
	#wrap .limit2 {padding:0 15px;}

	#header .logo_mt {top:12px; left:20px; width:92px; height:20px;}

	#container {padding:0 0 55px;}
	#container .tit1 {font-size:13px;}
	#container .introduction {padding:95px 0 17px; background-position:center 24px; background-size:49px auto; font-size:13px; line-height:23px; text-align:center;}
	#container .introduction2 {margin:27px 15px 0; padding:15px 0 16px; font-size:11px; line-height:19px;}
	#container .btnarea1 {margin-top:25px;}
	#container .btnarea1 a {width:200px; height:40px; font-size:11px; line-height:40px;}

	#container .con_t1 {padding:10px 17px; font-size:10px;}
	#container .con_t2 .lyt1 {display:flex; flex-direction:column;}
	#container .con_t2 .lyt1 .lyt1_1 {flex:1 1 100%;}
	#container .con_t2 .lyt1 .lyt1_1 + .lyt1_1 {margin:-1px 0 0;}
	#container .con_t2 .cmt1 {padding-top:3px; font-size:10px;}
	#container .con_t2 .cmt1 + table {margin-top:2px;}
	#container .con_t2 table thead th {height:25px; font-size:10px;}
	#container .con_t2 table tbody th {width:38%; font-size:10px;}
	#container .con_t2 table tbody td {padding:11px 13px 10px; font-size:10px; line-height:19px;}
	#container .con_t2 table tbody td .txt1 {padding:0 4px;}
	#container .con_t3 table th {width:27%; font-size:10px;}
	#container .con_t3 table td {padding:8px 14px; font-size:10px; line-height:17px;}
	#container .con_t4 {padding:13px 17px 15px;}
	#container .con_t4 ul li {background-position:0 8px; font-size:10px; line-height:19px;}
	#container .con_t4 ul li + li {margin-top:8px;}
	#container .od1 {margin-top:34px;}
	#container .od2 {margin-top:21px;}
	#container .od3 {margin-top:21px;}
	#container .od4 {margin-top:21px;}
	#container .od5 {margin-top:21px;}
	#container .od6 {margin-top:21px;}
}