@charset "utf-8";

/* 공통 */
html,body { height:100%; }
#sub_wrap { position:relative; width: 100%; min-height:100%; height:auto;}

/* 컨텐츠 전체 */
#contents_wrap { width: 100%; max-width:1530px; margin:0 auto;}

@media (max-width: 1700px) {
	#contents_wrap { max-width:1230px;}
}
@media (max-width: 1400px) {
	#contents_wrap { max-width:1024px;}
}
@media (max-width: 1180px) {
	#contents_wrap { max-width: 100%; padding: 0 50px;}
}
@media (max-width: 820px) {
	#contents_wrap { max-width: 100%; padding: 0 20px;}
}


/*서브상단로고*/
header {position: absolute; top: 0; left: 0;/*  width: 100%; height: 100px; */ z-index: 999;}
header .top_logo {width: 100%; padding-left: 50px; padding-top: 30px;}
header .top_logo a {display: inline-block; font-size: 38px; font-weight: bold;}
header .top_logo a .pc {display: block;}
header .top_logo a .mob {display: none;}
@media (max-width: 890px) {
	header .top_logo {padding-left: 20px; padding-top: 10px;}
	header .top_logo a .pc {display: none;}
	header .top_logo a .mob {display: block; width: 129px;}
}

/* 상단이미지 */
#sub_img { height:230px; background:#dadada; }
#sub_img div { height:100%; font-size:0; }
#sub_img .sub_img_bg1 { background:#dde2e4 }
#sub_img .sub_img_bg2 { background:#ebe7de }
#sub_img .sub_img_bg3 { background:#ebe7de }
#sub_img .sub_img_bg4 { background:#ebe7de }
#sub_img .sub_img_bg5 { background:#9fa2a7 }
#sub_img .sub_img_bg6 { background:#6d85a7 linear-gradient(to right, #6d85a7 0%, #6d85a7 25%, #2d4d88 50%, #2d4d88 100%) }
#sub_img .sub_img_bg7 { background:#f0ece9 linear-gradient(to right, #f0ece9 0%, #f0ece9 25%, #e6e3e0 50%, #e6e3e0 100%) }
#sub_img .sub_img_bg8 { background:#f0ece9 linear-gradient(to right, #f0ece9 0%, #f0ece9 25%, #e6e3e0 50%, #e6e3e0 100%) }

#sub_img .sub_img_bg1 .img { background:url('../images/sub/kasti_subTopV1.jpg') no-repeat center 80%; -webkit-background-size: 100% auto; background-size: 100% auto;}
#sub_img .sub_img_bg2 .img { background:url('../images/sub/kasti_subTopV2.jpg') no-repeat center 0; -webkit-background-size: 100% auto; background-size: 100% auto;}
#sub_img .sub_img_bg3 .img { background:url('../images/sub/kasti_subTopV3.jpg') no-repeat center 80%; -webkit-background-size: 100% auto; background-size: 100% auto;}
#sub_img .sub_img_bg4 .img { background:url('../images/main/kasti_mainV2.jpg') no-repeat center 75%; -webkit-background-size: 100% auto; background-size: 100% auto; }
#sub_img .sub_img_bg5 .img { background:url('../images/sub/kasti_subTopV5.jpg') no-repeat center 80%; -webkit-background-size: 100% auto; background-size: 100% auto; }
#sub_img .sub_img_bg6 .img { background:url('../images/sub/kasti_subTopV9.jpg') no-repeat center 75%; -webkit-background-size: 100% auto; background-size: 100% auto;}
#sub_img .sub_img_bg7 .img { background:url('../images/main/kasti_mainV1.jpg') no-repeat center 80%; -webkit-background-size: 100% auto; background-size: 100% auto; }
#sub_img .sub_img_bg8 .img { background:url('../images/sub/kasti_subTopV8.jpg') no-repeat center 75%; -webkit-background-size: 100% auto; background-size: 100% auto; }

@media (max-width: 890px) {
	#sub_img .sub_img_bg1 .img{-webkit-background-size: auto 100%; background-size: auto 100%;}
	#sub_img .sub_img_bg2 .img{-webkit-background-size: auto 100%; background-size: auto 100%;}
	#sub_img .sub_img_bg3 .img{-webkit-background-size: auto 100%; background-size: auto 100%;}
	#sub_img .sub_img_bg5 .img{-webkit-background-size: auto 100%; background-size: auto 100%;}
	#sub_img .sub_img_bg6 .img{-webkit-background-size: auto 100%; background-size: auto 100%;}
	#sub_img .sub_img_bg8 .img{-webkit-background-size: auto 100%; background-size: auto 100%;}
}
@media (max-width: 640px) {
	#sub_img { height:190px; background:#dadada; }
}

@media (max-width: 425px) {
	#sub_img .sub_img_bg1 .img{-webkit-background-size: cover; background-size: cover;}
	#sub_img .sub_img_bg2 .img{-webkit-background-size: cover; background-size: cover;}
	#sub_img .sub_img_bg3 .img{-webkit-background-size: cover; background-size: cover;}
	#sub_img .sub_img_bg5 .img{-webkit-background-size: cover; background-size: cover;}
	#sub_img .sub_img_bg6 .img{-webkit-background-size: cover; background-size: cover;}
	#sub_img .sub_img_bg7 .img{-webkit-background-size: cover; background-size: cover;}
	#sub_img .sub_img_bg8 .img{-webkit-background-size: cover; background-size: cover;}
}

/* 좌측메뉴 */
#contents_wrap .contents_left { float:left; width:225px; margin:60px 50px 0 0; }
#contents_wrap .contents_left .left_top { margin-bottom:7px; background:#237cc1 url('../images/left/left_tit_bg.png') no-repeat; }
#contents_wrap .contents_left .left_top h2 { display:block; width:225px; height:167px; padding-top:100px; text-align:center; 
font-size:28px; font-family:'Nanum Square-e'; color:#fff;  }
#contents_wrap .contents_left .title1 { background:url('../images/left/left_img_01.png') no-repeat center 45px; }
#contents_wrap .contents_left .title2 { background:url('../images/left/left_img_02.png') no-repeat center 45px; }
#contents_wrap .contents_left .title3 { background:url('../images/left/left_img_03.png') no-repeat center 38px; }
#contents_wrap .contents_left .title4 { background:url('../images/left/left_img_04.png') no-repeat center 38px; }
#contents_wrap .contents_left .title5 { background:url('../images/left/left_img_05.png') no-repeat center 38px; }
#contents_wrap .contents_left .title6 { background:url('../images/left/left_img_06.png') no-repeat center 48px; }
#contents_wrap .contents_left .title7 { background:url('../images/left/left_img_07.png') no-repeat center 35px; }

#contents_wrap .contents_left ul { border-top:1px solid #e2e2e2; }
#contents_wrap .contents_left .left_menu { display:block; height:43px; line-height:43px; border-bottom:1px solid #e2e2e2; 
text-indent:20px; font-weight:bold; font-size:14px; color:#575757; }
#contents_wrap .contents_left a.left_menu:focus,
#contents_wrap .contents_left a.left_menu:hover { background:#eff2f8; color:#575757; }
#contents_wrap .contents_left a.left_menu_on,
#contents_wrap .contents_left a.left_menu_on:hover { border:none; background:#0d5db6 url('../images/left/left_menu_bg.gif') no-repeat; color:#fff; }

/* 좌측메뉴 중메뉴 */
#contents_wrap .contents_left ul.left_menu_sub { display:none; height:auto;border-bottom:1px solid #d9d9d9; padding:10px 0; margin:0; background:#f9f9f9; }
#contents_wrap .contents_left ul.left_menu_sub li a {display:block; height:30px; line-height:30px; font-size:13px; font-weight:bold; color:#666; text-align:left; text-indent:20px;}
#contents_wrap .contents_left ul.left_menu_sub li a:before { content:' · '; font-weight:bold; font-size:20px; vertical-align:bottom;  }
#contents_wrap .contents_left ul.left_menu_sub li a:focus,
#contents_wrap .contents_left ul.left_menu_sub li a:hover,
#contents_wrap .contents_left ul.left_menu_sub li a.left_menu_sub_on { background:#none; color:#0d5db6;text-decoration:none;}

/* 좌측베너 */
#contents_wrap .contents_left .left_banner { margin-top:40px; width:225px; border-left:1px solid #e2e2e2; }
#contents_wrap .contents_left .left_banner ul { overflow:hidden; }
#contents_wrap .contents_left .left_banner li { float:left; width:112px; }
#contents_wrap .contents_left .left_banner li a { display:block; width:112px; height:82px; padding-top:53px; text-align:center;
border-right:1px solid #e2e2e2;  border-bottom:1px solid #e2e2e2; font-size:13px; color:#474d52; }
#contents_wrap .contents_left .left_banner li a:hover { color:#3c6fb8; }
#contents_wrap .contents_left .left_banner li a.lb1 { background:url('../images/left/left_ban_01.png') no-repeat center 12px; }
#contents_wrap .contents_left .left_banner li a.lb2 { background:url('../images/left/left_ban_02.png') no-repeat center 15px; }
#contents_wrap .contents_left .left_banner li a.lb3 { background:url('../images/left/left_ban_03.png') no-repeat center 13px; }
#contents_wrap .contents_left .left_banner li a.lb4 { background:url('../images/left/left_ban_04.png') no-repeat center 16px; }

/* 오른쪽 컨텐츠 영역 */
#contents_wrap .contents_body { width:100%; padding: 45px 0 250px; position:relative; }

/* 컨텐츠 타이틀 */
#contents_wrap .contents_body .con_title { width:100%;}
#contents_wrap .contents_body .con_title h3 {font-weight: 500; font-size:30px; color:#000; }
#contents_wrap .contents_body .con_title .location { float:right; line-height:1.4 }
#contents_wrap .contents_body .con_title .location ul li { display:inline-block; padding-top:8px; color:#8b8b8b; font-size:13px; text-align:right; }
#contents_wrap .contents_body .con_title .location ul li.home { padding-left:18px; background:url('../images/common/bullet_home.gif') no-repeat 0 13px; }
#contents_wrap .contents_body .con_title .location ul li span { color:#ff4200; font-size:13px; }

@media (max-width: 640px) {
	#contents_wrap .contents_body .con_title h3 {font-size: 26px;}
}
@media (max-width: 480px) {
	#contents_wrap .contents_body .con_title h3 {
		font-weight:600;
		text-align:center; 
		margin-top:-115px; 
		color:#fff; 
		margin-bottom:85px;
		text-shadow:2px 2px 3px #383838; 
	}
}

/* 컨텐츠 타이틀2 */
#contents_wrap .contents_body .con_title2 { height:43px; border-bottom:1px solid #dadada; }
#contents_wrap .contents_body .con_title2 h3 { float:left; font-family:'Nanum Square-b'; font-weight:bold; font-size:36px; color:#000; }
#contents_wrap .contents_body .con_title2 .location { float:right; line-height:1.4 }
#contents_wrap .contents_body .con_title2 .location ul li { display:inline-block; padding-top:8px; color:#8b8b8b; font-size:13px; text-align:right; }
#contents_wrap .contents_body .con_title2 .location ul li.home { padding-left:18px; background:url('../images/common/bullet_home.gif') no-repeat 0 13px; }
#contents_wrap .contents_body .con_title2 .location ul li span { color:#ff4200; font-size:13px; }

/* 컨텐츠 타이틀3 */
#contents_wrap .contents_body .con_title3 { width:100%; height:80px; position:relative; background:url('../images/common/dot_line.gif') repeat-x left bottom }
#contents_wrap .contents_body .con_title3 h3 { padding-top:10px; text-align:center; font-family:'Nanum Square-b'; font-weight:bold; font-size:36px; color:#000; }
#contents_wrap .contents_body .con_title3 .location { position:absolute; right:0; top:0; line-height:1.4 }
#contents_wrap .contents_body .con_title3 .location ul li { display:inline-block; padding-top:8px; color:#8b8b8b; font-size:13px; text-align:right; }
#contents_wrap .contents_body .con_title3 .location ul li.home { padding-left:18px; background:url('../images/common/bullet_home.gif') no-repeat 0 13px; }
#contents_wrap .contents_body .con_title3 .location ul li span { color:#ff4200; font-size:13px; }

/* 실제 컨텐츠 영역 */
#contents_wrap .contents_body .con_area { height: auto; padding-top: 70px;}
@media (max-width: 640px) {
	#contents_wrap .contents_body .con_area { padding-top: 30px;}
}
@media (max-width: 480px) {
	#contents_wrap .contents_body { padding-top: 20px; padding-bottom:50px;}
	#contents_wrap .contents_body .con_area { padding-top: 30px;}
}


.backslash {
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="gray" /></svg>');
	text-align: left;
	padding:8px;
	border-right: 1px solid #ddd;
}
.backslash span { text-align: right; display:block; }


/*sub_tabMenu*/
.sub_tabMenu {margin-top: 30px;}
.sub_tabMenu .tabBox {display:flex; width: 100%; overflow: hidden;flex-wrap: wrap;}
.sub_tabMenu .tabBox > li {flex:1; border-right: 1px solid #ddd;}
.sub_tabMenu .tabBox > li:last-child {border-right: none;}
.sub_tabMenu .tabBox > li > a {display: block; height: 50px; line-height: 50px; background: #eeeeee; color:#000; font-size: 20px; text-align: center;}
.sub_tabMenu .tabBox > li.active > a {background: #04a6e1 url("/images/common/kasti_actTab.png") no-repeat center bottom; color:#fff;}

.sub_tabMenu .tabBox.type2 > li {width: 50% !important;}
.sub_tabMenu .tabBox.type3 > li {width: 33.33%;}
.sub_tabMenu .tabBox.type4 > li {width: 25%;}
.sub_tabMenu .tabBox.type5 > li {width: 20%;}
.sub_tabMenu .tabBox.type6 > li {width: 16.666%;}
.sub_tabMenu .tabBox.type4.type8 > li:first-child {border-bottom: 1px solid #ddd;}
.sub_tabMenu .tabBox.type4.type8 > li:nth-child(2) {border-bottom: 1px solid #ddd;}
.sub_tabMenu .tabBox.type4.type8 > li:nth-child(3) {border-bottom: 1px solid #ddd;}
.sub_tabMenu .tabBox.type4.type8 > li:nth-child(4) {border-bottom: 1px solid #ddd; border-right: none;}

/* 20230530 탭추가 관련 */
.test_item_box {width: 100%; margin: 60px auto 0; text-align: left;}
.test_item_box .tit {font-size: 21px;}
.test_item_box .txt {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; margin-top: 15px; font-size: 15px;}
.test_item_box .img {margin-top: 10px; display: flex; justify-content: center;}
.test_item_box div div img {height: 220px; object-fit: contain; display: block; margin: auto;}
.test_item_box div div .left_img {width: 200px; object-fit: contain; margin-left: 30px;}
.test_item_box div div .right_img {width: 300px; object-fit: contain; margin-right: 30px;}
.test_item_box div.row {width:100%;display: flex;}
.test_item_box div .left_box {width:50%; float: left; padding: 14px;}
.test_item_box div .right_box {width:50%; float: right;	padding: 14px;}

.btn_wrap {display: flex; align-items: center; justify-content: center; gap: 10px;}
.btn_wrap_type2 {margin-top: 15px;}
.btn_wrap_type3 {margin-top: 30px;}
.btn_wrap_type4 {margin-top: 55px;}

.btn_type {position: relative; display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 155px; height: 51px; border-radius: 10px; font-size: 17px;}
.btn_type:disabled {opacity: 0.4;}
.btn_type.color_type1 {background: #343539; color: #fff;}
.btn_type.color_type2 {background: #fff; color: #343539; border: 1px solid #343539;}
.btn_type.color_type3 {background: #5f63d3; color: #fff; border: 1px solid #5f63d3;}
.margin_right {margin-right: 20px;}
/* //20230530 탭추가 관련 */

.has_subMenu {margin-top: 25px; text-align: center;}
.has_subMenu .sub_tabBox {overflow: hidden; display: inline-block;}
.has_subMenu .sub_tabBox li {display: inline-block; margin: 0 20px;}
.has_subMenu .sub_tabBox li a {display: block; padding: 5px; font-size: 18px; color:#000;}
.has_subMenu .sub_tabBox li.active a {background: url("/images/common/kasti_actLine.png") no-repeat center bottom; -webkit-background-size: 100% 11px;
background-size: 100% 11px; }

@media (max-width: 1180px) {
	.sub_tabMenu .tabBox > li > a {font-size: 18px;}
}
@media (max-width: 960px) {
	.sub_tabMenu .tabBox li {flex: unset;}
	.sub_tabMenu .tabBox > li > a {font-size: 17px;}
	.sub_tabMenu .tabBox.type6 li {width: 33.33% !important; border-right: 1px solid #ddd !important; border-bottom: 1px solid #ddd;}
	.sub_tabMenu .tabBox.type6 li:nth-child(3n) {border-right: none !important;}
	.sub_tabMenu .tabBox.type6 li:last-child {border-right: none !important;}
}
@media (max-width: 640px) {
	.has_subMenu .sub_tabBox {text-align: center;}
	.has_subMenu .sub_tabBox li {margin: 0 10px;}
	.has_subMenu .sub_tabBox li a {font-size: 16px;}

	.sub_tabMenu .tabBox li {width: 33.33% !important; border-right: 1px solid #ddd !important; border-bottom: 1px solid #ddd;}
	.sub_tabMenu .tabBox li:nth-child(3n) {border-right: none !important;}
	.sub_tabMenu .tabBox li:last-child {border-right: none !important;}

}

@media (max-width: 480px) {
	.sub_tabMenu {margin-top: 20px;}

	.sub_tabMenu .tabBox > li > a {height:40px; line-height:40px; font-size: 16px;}
	.sub_tabMenu .tabBox li {width: 50% !important; border-right: 1px solid #ddd !important; border-bottom: 1px solid #ddd;}
	.sub_tabMenu .tabBox li:nth-child(3n) {border-right: 1px solid #ddd !important;}
	.sub_tabMenu .tabBox li:nth-child(2n) {border-right: none !important;}
	.sub_tabMenu .tabBox li:last-child {border-right: none !important;}

	.sub_tabMenu .tabBox.type6 li {width: 50% !important; border-right: 1px solid #ddd !important; border-bottom: 1px solid #ddd;}
	.sub_tabMenu .tabBox.type6 li:nth-child(3n) {border-right: 1px solid #ddd !important;}
	.sub_tabMenu .tabBox.type6 li:nth-child(2n) {border-right: none !important;}
	.sub_tabMenu .tabBox.type6 li:last-child {border-right: none !important;}


	.has_subMenu {margin-top: 15px}
}


.a_blue { color:blue !important; }

.ofNont { object-fit: none;}

@media (max-width: 1880px) {
	.ofNont { object-fit: unset;}
}



/* sub_51_1_1_working - in 2025-01-10 작업*/
.myUpDetails {
	margin-top: 50px;
	display: flex;
	justify-content: center;
}
.myUpDetails select {
	height: 45px;
	line-height: 43px;
	border: 2px solid #082d74;
}
.myUpDetails a {
	height: 45px;
	line-height: 43px;
	font-weight: bold;
	color: #fff;
	background-color: #082d74;
	padding: 0 20px;
	display: block;
}
@media (max-width: 420px) {
	.myUpDetails select {
		width: calc(100% - 78px);
		height: 40px;
		line-height: 38px;
	}
	.myUpDetails a {
		height: 40px;
		line-height: 38px;
		padding: 0 10px;
	}
}