@charset "UTF-8";
/* CSS Document */

body {margin:0px; padding:0px;  font-family:"나눔고딕", "NanumGothic", Nanum Gothic, Dotum, "돋움", Arial, serif ; font-size:13px; color:#454545 ;  /*background: url(../images/guideinfo/bg.gif) repeat-x;*/ overflow-x:hidden; }
div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0px; padding:0px;}


@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}


a{color:#454545; text-decoration:none; margin:0px; padding:0px;}
a:link{color:#454545; text-decoration:none; margin:0px; padding:0px;}
a:hover{color:#454545;  text-decoration:none; margin:0px; padding:0px; }
a:visited{color:#454545; text-decoration:none; margin:0px; padding:0px;}

 hr{display:none;}
*:first-child+html caption {display:none;}

input, select, textarea {font-size:12px;  vertical-align:middle; color:#707070; font-family:"나눔고딕", "NanumGothic", Nanum Gothic, Dotum, "돋움", Arial, serif ;}
textarea{padding:4px; border:1px solid #c2c2c2;}
input{padding:3px 4px;  height:16px; line-height:18px; border:1px solid #aeaeae;   }
input[type="radio"]{border:none;}
select{padding:1px 0px;  height:24px; border:1px solid #aeaeae;}
table{border-collapse:collapse; border-spacing:0;}
caption{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
img{border:0; vertical-align:middle;}

h1{margin:0px; font-size:16px; font-weight:bold; }
h2{margin:0px; font-size:14px; font-weight:bold; }
h3{margin:0px; font-size:12px; font-weight:bold; }
h4{margin:0px; font-size:12px; }
h5{margin:0px; font-size:12px;}
h6{margin:0px; font-size:12px; }

nav,ol,ul {list-style:none; }
fieldset {position:absolute; margin:0px; padding:0px; border:0px;}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; padding:0px; margin:0px;} 

.skipnavi {position: relative; z-index:99999;}
.skipnavi a{display:block;overflow:hidden;position:absolute;top:-999px;left:0;padding:10px 0;background-color:#000;color:#fff;font-weight:bold;font-size:14px;line-height:1.6;text-align:center;text-decoration:none;white-space:nowrap}
.skipnavi a:active, .skipnavi a:focus{position:static;}

.hidden {display:none;}
.mrgt10{margin-top:10px;}
.mrgb5{margin-bottom:5px;}
.mrgb10{margin-bottom:10px;}
.mrgt20{margin-top:20px;}
.mrgt30{margin-top:30px;}
.mrgb30{margin-bottom:30px;}
.mrgt40{margin-top:40px;}
.mrgt50{margin-top:50px;}

.poi{ display:inline !important; padding-left:3px; color:#ca1010; font-weight:bold;}

.info_wrap{width: 100%;max-width:1400px; position:relative;margin:0 auto;}
/* .info_wrap h1.title{ color:#ffffff; padding:13px 0px 13px 16px; font-size:20px; margin:0px 0px 0px 0px;} 20241008*/
.info_wrap h1.title{ color:#040404; padding:13px 0px 13px 16px; font-size:20px; margin:0px 0px 0px 0px;}
.info_wrap h2.title{ color:#040404; padding:13px 0px 13px 16px; font-size:20px; margin:0px 0px 0px 0px; background-color:#B1B1B1; }
.info_wrap .btn_close{position:absolute; top:18px; right:12px;}
.info_wrap .btn_close a{background:#000000; color:#ffffff; padding:7px 10px; }
.info_wrap .btn_close a:focus-visible {outline:2px dashed red;}

.info_top_menu{overflow:hidden; margin:0px 0px; border-top:1px solid #c8c8c8; display:flex;justify-content: center;align-items: stretch }
/* .info_top_menu li{background:#326896;  float:left; text-align:center; width:calc(100% / 5 ); padding:18px 15px; margin:0px; font-size:15px; border-left:1px solid #194870; box-sizing: border-box;} */
.info_top_menu li{background:#326896; text-align:center; width:calc(100% / 5 ); padding:18px 15px; margin:0px; font-size:15px; border-left:1px solid #194870; box-sizing: border-box;}
.info_top_menu li a{color:#ffffff;  font-weight:600;}
.info_top_menu li.select{background:#ffffff;}
.info_top_menu li.select a{color:#494949; font-weight:600;}
.info_top_menu li:nth-child(1){border-left:0;}

.info_con{position:relative;margin:25px 0px;overflow:hidden;max-width: 1280px;}
.info_con .info_left{float:left; width:166px; margin:0px 20px 0px 0px; padding-left:20px;}
.info_con .info_left h3{text-align:center;padding: 20px 5px 20px 5px;font-weight:600;font-size:15px;}
.info_con .info_left .info_left_menu{margin:0px 0px 0px 0px; border-bottom:2px solid #4d4d4d; border-top:2px solid #4d4d4d;}
.info_con .info_left .info_left_menu li{padding: 15px 5px;border-bottom:1px solid #cfcfcf;}
.info_con .info_left .info_left_menu li.select a{color:#c00c00; font-weight:600;}


.info_con .info_contents{float:left; width:calc(100% - 206px); }
.info_con .info_contents .info_title{border-bottom:1px solid #cfcfcf; font-size:18px; font-weight:normal; background:#ffffff; padding:15px 0px 22px 0px;}
.info_contents_s{position:relative; margin:20px 0px;  }
.info_contents_s .info_title_t{font-size:16px; height:40px; line-height:40px; font-weight:600; margin:0px 0px 5px 0px;}
.info_contents_s .info_title_t span.num{background:#c00c00; color:#ffffff; font-size:18px; padding:8px; margin:0px 5px 0px 0px;}
.info_contents_s .info_title_tt{font-size:14px; font-weight:600; padding:20px 0px 10px 0px; overflow:hidden;}
.info_contents_s .info_title_tt span.num{background:#c00c00; color:#ffffff; font-size:18px; padding:8px; text-align:center; margin:0px 10px 0px 0px; display:block; float:left; width:25px;}
.info_contents_s .info_title_tt span.n_text{float:left; padding:2px 8px; width:625px; line-height:120%; font-weight:normal; font-size:13px;}

.info_img{border:1px solid #d8d8d8; text-align:center;}
.info_text{border:1px solid #cfcfcf; padding:15px; font-size:13px; margin:10px 0px 20px 0px; background:#f9f9f9;}
.info_text span{display:block; font-size:13px; margin:5px 0px 0px 0px; padding:0px 0px 0px 15px; }
.info_text li{padding:5px 0px; line-height:130%;}


.info_table{width:100%; border-top:2px solid #114f8d; border-right:1px solid #dedede; }
.info_table th{ border-bottom:1px solid #9cb5ce; border-left:1px solid #9cb5ce; padding:10px 10px; font-size:13px; text-align:left; background:#eff7fa; font-weight:600 }
.info_table td{text-align:left; padding:10px 8px; font-size:12px; border-bottom:1px solid #d6d8df;  border-left:1px solid #d6d8df;}
.info_table td span.text{font-size:11px; padding:7px; display:block; line-height:120%; background:#f1f1f1; margin:8px 0px 0px 0px;}
.info_table td span.file_down{margin:5px 0px 0px 5px; display:block;}
.info_table td span.file_down a{text-decoration:underline;}
.info_table td span.add{display:block; padding:1px 0px;}
.info_table td.center{text-align:center;}

.table_list{padding:5px;}
.table_list li{padding:3px 0px 3px 10px; background:url(../images/guideinfo/icon_bar.gif) no-repeat  0px 10px ;}

a.btn01{display:inline-block;background:#326896; color:#ffffff;height:20px;line-height:20px;border:1px solid #2b3f71; padding:0 16px  0 16px;margin:0px 0px 0px 2px; font-size:11px;}
a.btn01:focus-visible {outline:2px dashed red;}
.top_text{padding:0px 0px 20px 0px;}

.kong_list li{padding:0px 0px 20px 0px;}
.kong{border:1px solid #d8d8d8;}
.kong .info_title_t2{overflow:hidden;  margin:8px;}
.kong .info_title_t2 span.num{background:#c00c00; color:#ffffff; font-size:18px; padding:15px; text-align:center; margin:0px 10px 0px 0px; display:block; float:left; width:30px;}
.kong .info_title_t2 span.num_text{float:left; padding:8px; width:580px; line-height:120%; font-weight:normal; font-size:13px;}
.kong .info_title_t3{overflow:hidden;  margin:8px;}
.kong .info_title_t3 span.num{background:#c00c00; color:#ffffff; font-size:18px; padding:22px 15px; text-align:center; margin:0px 10px 0px 0px; display:block; float:left; width:30px;}
.kong .info_title_t3 span.num_text{float:left; padding:6px; width:580px; line-height:130%; font-weight:normal; font-size:13px;}

.tab{overflow:hidden; margin:15px 0px ;}
.tab li{float:left; font-size:13px; background:#e4e4e4; padding:10px 20px; margin:0px 2px 0px 0px; border:1px solid #d6d6d6;}
.tab li.select{background:#3f9db9; border:1px solid #388398;}
.tab li.select a{color:#ffffff; font-weight:600;}

.sr-only {position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; overflow:hidden;}

/*20250825 수정*/
.info_top_menu li a{display: flex;align-items: center;justify-content: center;height: 100%;}
.info_con img{max-width: 100%}
.info_con .info_title_tt{display: flex;align-items: center;}
.info_contents_s .info_title_t{display: flex;align-items: center;line-height: 1.2;height:auto;min-height: 37px;position: relative;padding-left: 48px }
.info_contents_s .info_title_t span.num{position: absolute;left:0;top:0}
.info_con .info_contents_s .info_title_tt span.num{flex-shrink: 0;}
.info_con .info_contents .info_title{display: flex;justify-content: space-between;flex-wrap: wrap;}
.info_contents_s .info_title_tt span.n_text{width: auto}

.info_contents_s .no-num{padding-left: 0}
.kong .info_title_t2,
.kong .info_title_t3{display: flex;flex-wrap: wrap;align-items: center;}
.kong .info_title_t2 span.num,
.kong .info_title_t3 span.num{flex-shrink: 0;}
.kong .info_title_t2 span.num_text,
.kong .info_title_t3 span.num_text{width: calc(100% - 70px);box-sizing: border-box;padding: 0}

.btn-target{font-family: "나눔고딕", "NanumGothic", Nanum Gothic, Dotum, "돋움", Arial, serif;position:relative;display: none;width: calc(100% - 10px) ;box-sizing:border-box; background: #fff;border-radius: 3px;border:1px solid #999;text-align: center;padding:10px 20px;margin:10px 5px 0 5px; font-size: 15px}
.btn-target:after {content: "▼";display: block;position: absolute;top:8px;right: 10px;font-size: 16px;}
.btn-target.on:after{content: "▲";}

/*251209 추가 s*/
.info_con{max-width: 1400px}
.info_con .info_left{padding-left: 0}



@media (max-width: 1440px) {
	.info_con{padding: 0 20px}
	.info_con .info_contents{width: calc(100% - 186px);}
}
/*251209 추가 e*/

@media (max-width: 1220px) {
	.info_con{padding: 0 20px}
}

@media (max-width: 768px) {
	.info_con{padding: 0 10px}
	.info_con .info_left{width: 100px;margin-right:20px}
	.info_con .info_contents{width: calc(100% - 120px)}
	
	.kong .info_title_t2, 
	.kong .info_title_t3{align-items: flex-start;}
	
	.tab{display: flex;}
	.tab li{box-sizing: border-box;width:50%;padding: 5px;text-align: center;}
	
	.info_top_menu li{padding: 5px}
	.info_title_t.note{padding-left: 0}
}


@media (max-width: 480px) {
	.info_table *{display: block;}
	.kong .info_title_t2 span.num{width:30px;font-size: 16px;padding: 5px 0}
	.kong .info_title_t2 span.num_text,
	.kong .info_title_t3 span.num_text{width: calc(100% - 40px);}
	.btn-target{display: block;}
	.info_top_menu{display: none;margin: 5px;margin-top:0; border:1px solid #c8c8c8;border-top:0}
	.info_top_menu.on{display: block;}
	.info_top_menu li{width: 100%;background-color: #fff;border-left:0;border-bottom: 1px dotted #dfdddd;padding: 7px 5px}
	.info_top_menu li:last-child{border:0}
	.info_top_menu li.select a{color: #326896;}
	.info_top_menu li a{color:#333}
	.info_con .info_left{float: none;width: 100% }
	.info_con .info_left .info_left_menu{display: grid;grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));gap:5px;margin-bottom: 20px;border:0}
	.info_con .info_left .info_left_menu li{display: flex;align-items: center; justify-content: center;min-height: 30px;text-align: center;padding: 5px;background: linear-gradient(180deg, rgba(136, 150, 187, 0.2), rgba(250, 250, 250, 0.9));border:1px solid #eee;word-break: keep-all}
	.info_con .info_left h3{display: none}
	.info_con .info_contents{width: 100%}
	.info_title_t.note{padding-left: 0}
	
	.table_list li .phone{display:block;}/*251209 추가*/
	.info_top_menu li a{font-size: 13px}/*251209 추가*/
	
	
}