@charset "utf-8";


@import url('/css/textstyle-f5b3f728e4afdfd89a04027f12aef7fd.css');
@import url('/css/board-e71eb1cad38e7f023d3d89a89cc59edc.css');
@import url('/css/custom/contents-b246fac207a4f446707e0e09cf035772.css');


/* SUB */
.sub-container {position:relative; }

/* 서브 공통 */
.container {position:relative; width:1200px; margin:0 auto;}

/* 서브 비주얼 */
#sub-visual {position:relative; z-index:5;}
#sub-visual .mask {/*position: absolute; left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);*/}
.img-container-size{
	position: relative;
	width: 100%; /* 화면 크기와 동일하게 맞춰준다. 전체크기를 */
	height: 280px; /* 높이 고정 */
	overflow: hidden; /* 이미지의 크기가 크면 나머지 부분 삭제 */
	margin-top:100px;
}
.img-box-center {
	position: absolute;
	top:0;
	right: -200%;
	bottom: 0;
	left: -200%;
}
.visual_img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	max-height: 100%;
}

.visual_box {height:280px; width:1920px; margin-top:100px;}
/*.visual_box.bg1 {background:url('/images/custom/sub/sub_visual1-dcea99139c9680902570a35646358f1d.png') no-repeat 50% 50% ; background-size:cover;}*/
/*.visual_box.bg1 {background:url('/images/custom/main_2025/sub-visual-a5f4e49a963bebbd519f89550f775f64.png') no-repeat center center; background-size:cover;}*/

#sub-visual .visual_txt {position:relative; width:1200px; margin:0 auto;}
#sub-visual .visual_txt1 {padding-top:175px; font-family: 'yg-jalnan'; font-size:2.0em; color:#006ab6; text-align:right;}
#sub-visual .visual_txt2 {padding-top:20px; font-family: 'yg-jalnan'; font-size:3.33em; color:#006ab6; text-align:right; word-break:keep-all; /*white-space:pre-line;*/}


/* 서브 네비 드롭다운 메뉴 */
#con-navi {position:relative; border-top: 1px solid #dbdbdb;}
#con-navi:after {clear:both; content:""; display:block; width:100%; height:60px; position:absolute; left:0px; top:0px; background: #fff; border-bottom:1px solid #dbdbdb; z-index:1;}
#con-navi .navi-area {float:left; }
#con-navi .navi-area li {position:relative; float:left; min-height:60px; border-right:1px solid #dbdbdb; z-index:10;}
#con-navi .navi-area li.home a {display:block; width:60px; height:60px; text-indent:-9999em; background:#0f60ca url('/images/custom/sub/home_ico-75b79eef91694308b45c727b0ab7a4a0.png') no-repeat center center; background-size:17px auto;}
#con-navi .navi-area li .btn-group {position:relative; display:inline-block; vertical-align: middle;} /* 박스 늘어나지 않게 */
#con-navi .navi-area li .dropdown-toggle {position:relative; overflow:hidden; padding:0 40px 0 15px; min-width:210px; height:60px; border:none; font-size:1.06em; color:#000; text-align:left;}
#con-navi .navi-area li .down_arrow {display:block; position:absolute; right:13px; top:50%; margin-top:-4px; /*float:right; margin:10px 20px 0 50px;*/ width:16px; height:9px; background: url('/images/custom/sub/navi_arrow-3f11ee26e3842e1eccc4709d0af5e4fd.png') no-repeat center center; background-size:14px auto; text-indent:-9999px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;  transition: all 0.4s ease;}
#con-navi .navi-area li .open .dropdown-toggle {background:#f5f5f5;}
#con-navi .navi-area li .open .down_arrow {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
#con-navi .navi-area li .dropdown-menu {width:100%; margin:0; /*padding:10px 0;*/ border-radius:0px; background:#f5f5f5;}
#con-navi .navi-area li .dropdown-menu li {float:none; min-height:auto; border-right:none; border-bottom:1px solid #dbdbdb; }
#con-navi .navi-area li .dropdown-menu li:last-child {border-bottom:none;}
#con-navi .navi-area li .dropdown-menu li a {display:block;padding:10px 15px; font-size:1.06em; /*line-height:35px;*/ color:#000;}
#con-navi .navi-area li .dropdown-menu li a:hover,
#con-navi .navi-area li .dropdown-menu li a:active {text-decoration:none; font-weight:500; color:#0f60ca;}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 100;
	display: none;
	float: left;
	min-width: 200px;
	/*padding: 5px 0;*/
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	/*background-color:rgba(40,40,40,0.8); */
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #dbdbdb;
	/*border: 1px solid rgba(0,0,0,.15);*/
	border-radius: 0px;
	/*-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);*/
}
.open>.dropdown-menu {
    display: block;
}



#con-navi .util-btns {position:relative; float:right;  border-right:1px solid #dbdbdb; z-index:10;}
#con-navi .util-btns li {float:left; border-left:1px solid #dbdbdb;}
#con-navi .util-btns .sns_btn {overflow:hidden; width:60px; height:60px; background:#fff url('/images/custom/sub/pic_sns-26b5cee986ac7a48289d0f4ecf6b3eef.png') no-repeat 50% 50%; background-size:36px auto;  text-indent:-9999em;}
#con-navi .util-btns .print_btn {overflow:hidden; width:60px; height:60px; background:#fff url('/images/custom/sub/pic_print-01e5a854c9e6fde8e92aff65cbe781ee.png') no-repeat 50% 50%; background-size:36px auto; text-indent:-9999em;}

/* 서브 영역 */
#sub-contents {position:relative; padding:70px 0 110px 0;}
#sub-contents h2.conTit {padding-bottom:60px; font-size:2.0em; font-weight:700; text-align:center; background:url('/images/custom/sub/sub_tit_bar-f27ec18b10e2adb7992da003785e7945.png') no-repeat center 60px;}

/* 서브 컨텐츠 */
.subContens {clear:both; position:relative; padding:0px 0 0 0;}
.boardContens {clear:both; position:relative; padding:0px 0 0 0;}
.con-area {position:relative; }


/* 팝업 디자인 */
.layer_popup {display:none; position:relative; overflow-y:auto;-webkit-overflow-scrolling:touch; }

.layer_popup.mini_layer {width:350px; background-color:#fff;}
.layer_popup.mini_layer .con_tit {padding:20px 25px; margin:0; font-weight:400; border-bottom:1px solid #ddd;}
.layer_popup.mini_layer .close_btn {position:absolute; top:4px; right:4px; width:30px; height:30px; border:none; background:none;}
.layer_popup.mini_layer .close_btn i {display:inline-block; width:15px; height:15px; background:url('/images/layout/btn_close-19e019697842c4b73dc7e2b41decff6d.png') no-repeat 50% 50%; vertical-align:middle; }
.layer_popup.mini_layer .con {padding:20px 25px; }
.layer_popup.mini_layer .info .dl_type .tit label {font-size:0.93em; font-weight:500;}
.layer_popup.mini_layer .info .dl_type .form-control {border-color:#666;}
.layer_popup.mini_layer .sns_btn {padding:10px 0 20px 0;}
.layer_popup.mini_layer .sns_btn ul {overflow:hidden;}
.layer_popup.mini_layer .sns_btn ul li {float:left; width:33.333%; padding:15px 10px;}
.layer_popup.mini_layer .sns_btn a {display:block; text-align:center; }
.layer_popup.mini_layer .sns_btn i {display:inline-block; width:60px; height:60px; border-radius:100%;}
.layer_popup.mini_layer .sns_btn .facebook {background:#3c5b9b url("/images/custom/sub/sns_facebook-8fc12fce220ad5909972904e65558b08.png") no-repeat center center; background-size:60px auto;}
.layer_popup.mini_layer .sns_btn .x {background:#000000 url("/images/custom/sub/sns_x-ed53fa02c13c4b9143403e11fbf1dcb2.jpg") no-repeat center center; background-size:60px auto;}
.layer_popup.mini_layer .sns_btn .kakaotalk {background:#fbe300 url("/images/custom/sub/sns_kakao-df1aeb3c2e3ad010e194d324b60ca2f3.png") no-repeat center center; background-size:60px auto;}
.layer_popup.mini_layer .sns_btn .kakaostory {background:#ffc20e url("/images/custom/sub/sns_kakao2-e976774aca127dcba9c86c05cfdd2498.png") no-repeat center center; background-size:60px auto;}
.layer_popup.mini_layer .sns_btn .naver {background:#00c73c url("/images/custom/sub/sns_naver-e3def6783d9ab111b343c464dae2dc6b.png") no-repeat center center; background-size:60px auto;}
.layer_popup.mini_layer .sns_btn .band {background:#21c531 url("/images/custom/sub/sns_band-4ca14932e7e39b74bf5be422705e722b.png") no-repeat center center; background-size:60px auto;}
.layer_popup.mini_layer .sns_btn .url {background:#9D9B9B url("/images/custom/sub/url-d0135cc9df2649e83b96e2c074ca12b6.png") no-repeat center center; background-size:60px auto;}
.layer_popup.mini_layer .sns_btn .sns_txt {display:block; padding-top:10px;}

.toastPopup {
	width: 223px;
	height: 38px;
	background: #4f95d0;
	border-radius: 4px;
	position: absolute;
	top: -35%;
	left: 50%;
	margin-left: -112px;
}

.toastPopup p{
	font-size: 14px;
	color:#fffdee;
	line-height: 38px;
	text-align: center;
}

.hide {
	display : none;
}

.layer_popup.type1 {width:900px; padding:70px 60px 40px 60px; background-color:#fff;}
.layer_popup.type1 .tit {margin-bottom:20px; font-size:2.13em; font-weight:500; color:#000; text-align:center;}
.layer_popup.type1 .exp {margin-bottom:50px; font-size:1.06em; font-weight:300; color:#444;text-align:center;}
.layer_popup.type1 .default-form .form-group .control-label {padding:20px 20px;}
.layer_popup.type1 .default-form .form-group .control-cons {vertical-align:middle;}
.layer_popup.type1 .filebox .upload-name {width:70%;}
.layer_popup.type1 .filebox.bs3-primary label {background:#666; border-color:#666; color:#fff;}
.layer_popup.type1 .close_btn {overflow:hidden; position:absolute; right:32px; top:22px; width:40px; height:40px; display:inline-block; background:url('/images/board/close_pic.png') no-repeat 50% 50%; background-size:23px auto; border:none; text-indent:-9999em;}


/* vue모달 수정 */
.modal-mask {position: fixed;z-index: 9998;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);display: table;transition: opacity .3s ease;}
.modal-wrapper {display: table-cell;vertical-align: middle;}
.modal-container {
	width: 60%;
	margin: 0 auto;
	padding: 45px 45px;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
	tran4444444444444444444444444sition: all .3s ease;
	font-family: Helvetica, Arial, sans-serif;
}
.modal-enter-active, .modal-leave-active { transition: opacity .5s;}
.modal-enter, .modal-leave-to {opacity: 0;}
.modal-container .tit {margin-bottom:20px; font-size:2.13em; font-weight:500; color:#000; text-align:center;}
.modal-container .exp {margin-bottom:50px; font-size:1.06em; font-weight:300; color:#444;text-align:center;}
/*.modal-container .default-form .form-group .control-label {padding:15px 0 15px 15px;}*/


/* 3차메뉴 */
.depth-tabs ul {
	/*display: flex;
	flex-wrap: wrap;*/

	/* flex */
	-webkit-appearance:none;
	/* 플렉스 컨테이너 생성 */
	display: -webkit-box;
	display: -ms-flexbox;
    display: flex;

	/* 플렉스 감싸기(줄바꿈) 금지 설정 */
	-webkit-box-lines: single;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;

	/* 플렉스 주축 row 설정*/
	-webkit-box-orient: horizontal;
	-ms-flex-direction: row;
	flex-direction: row;

	/* 를렉스 주축 row-reverse 설정.
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;*/

	/* 플렉스 아이템 교차축 baseline 정렬*/
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;

	margin-bottom:60px;
	border:1px solid #ccc;
	background:#fff;
}
.depth-tabs ul li {
	-webkit-appearance:none;

	/* 플렉스 확장 지수 설정*/
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex-grow: 1;

	/*display: flex;
	flex-direction: column;*/

	border-left:1px solid #ccc;
}
.depth-tabs ul li:first-child {border-left:none;}
.depth-tabs ul li a {display:block; font-size:1.06em; color:#666; line-height:60px;text-align:center; }
.depth-tabs ul li a.on {font-weight:500; color:#fff; background:#0f60ca; text-decoration:none;}




	/* 서브 공통 반응형 */
	/* tablet */
	@media only screen and (max-width : 1230px){

		.img-container-size {margin-top:0px;}

		.container {width:100%;}


		#sub-visual .visual_txt {width:100%; padding:0 30px;}

		#con-navi .util-btns {border-right:none;}

		#sub-contents {padding:90px 30px;}

	}
	/* mobile */
	@media only screen and (max-width : 992px){

		#sub-visual .visual_txt1 {font-size:1.6em;}
		#sub-visual .visual_txt2 {font-size:2.7em;}

		#con-navi .navi-area li .dropdown-toggle {min-width:auto;}


	}
	@media only screen and (max-width : 797px){

		.visual_box {height:300px;}
		#sub-visual .visual_txt1 {padding-top:135px;}

		#con-navi:after {height:50px;}
		#con-navi .navi-area li {min-height:50px;}
		#con-navi .util-btns li:last-child {display:none;}
		#con-navi .navi-area li.home a {width:50px; height:50px;}
		#con-navi .navi-area li .dropdown-toggle {/*min-width: 145px;*/ height:50px; font-size:0.93em;}
		#con-navi .navi-area li .dropdown-menu {min-width: 145px;}
		#con-navi .navi-area li .dropdown-menu li a { font-size:0.93em;}

		#con-navi .util-btns .sns_btn {width:50px; height:50px;}

		#sub-contents {padding:70px 15px;}

		/* 3 단계 탭 */
		.depth-tabs ul li a {line-height:50px; font-size:1.0em;}



	}
	@media only screen and (max-width : 586px){

		.visual_box {height:280px;}
		#sub-visual .visual_txt1 {padding-top:115px; font-size:1.3em;}
		#sub-visual .visual_txt2 {font-size:2.2em;}

		#con-navi:after {height:40px;}
		#con-navi .navi-area li {min-height:40px;}
		#con-navi .navi-area li.home a {width:40px; height:40px;}
		/*#con-navi .navi-area li .down_arrow {margin: 7px 8px 0 10px;} */
		#con-navi .navi-area li .dropdown-toggle {/*min-width: auto;*/ height:40px; padding:0 35px 0 13px;}
		/*#con-navi .navi-area li .dropdown-menu {min-width: auto;}*/

		#con-navi .util-btns .sns_btn {width:40px; height:40px;}

		#sub-contents h2.conTit {font-size:1.6em; padding-bottom:40px; background:url('/images/custom/sub/sub_tit_bar-f27ec18b10e2adb7992da003785e7945.png') no-repeat center 40px;}

		.depth-tabs.mobileHide {display:none;}
		/*.depth-tabs ul li {flex-basis: 50%;}
		.depth-tabs ul li:nth-child(2n+1) {border-left:none;}
		.depth-tabs ul li:nth-child(3),
		.depth-tabs ul li:nth-child(4),
		.depth-tabs ul li:nth-child(5) {border-top:1px solid #ccc;}*/

	}
	@media only screen and (max-width : 486px){

		/* .visual_box {height:220px;}
		#sub-visual .visual_txt1 {padding-top:110px; font-size:1.13em;}
		#sub-visual .visual_txt2 {font-size:1.86em;} */


		/*#sub-visual {display:none;}*/
		#con-navi {margin:0px 0 0 0;}

		.visual_box {height:80px; }
		#sub-visual .visual_txt {display:none;}

		#con-navi .navi-area {float:none; position:relative; z-index:11;
			/* flex */
			-webkit-appearance:none;
			/* 플렉스 컨테이너 생성 */
			display: -webkit-box;
			display: -ms-flexbox;
		    display: flex;

			/* 플렉스 감싸기(줄바꿈) 금지 설정 */
			-webkit-box-lines: single;
			-ms-flex-wrap: nowrap;
			flex-wrap: nowrap;

			/* 플렉스 주축 row 설정*/
			-webkit-box-orient: horizontal;
			-ms-flex-direction: row;
			flex-direction: row;

			/* 를렉스 주축 row-reverse 설정.
			-webkit-box-orient: horizontal;
			-webkit-box-direction: reverse;
			-ms-flex-direction: row-reverse;
			flex-direction: row-reverse;*/

			/* 플렉스 아이템 교차축 baseline 정렬*/
			-webkit-box-align: baseline;
			-ms-flex-align: baseline;
			align-items: baseline;
		}

		#con-navi .navi-area li {float:none; position: static;
			/* 플렉스 확장 지수 설정*/
			-webkit-box-flex: 1;
			-ms-flex: 1;
			flex-grow: 1;
		}
		#con-navi .navi-area li:last-child {border-right:none;}
		#con-navi .navi-area li.home {width:40px; /*width:12%;*/ flex-grow:0;}
		#con-navi .navi-area li.home a {display:inline-block; width:100%;vertical-align:middle;}
		#con-navi .navi-area li .btn-group { position: static; width:100%;}
		#con-navi .navi-area li .dropdown-toggle {padding:0 0 0 10px; width:100%; font-size:0.86em;}
		#con-navi .navi-area li .down_arrow {/*margin: 7px 5px 0 9px*/ right:6px;}
		#con-navi .navi-area li .dropdown-menu {/*width:94%; margin:0 3%;*/ border-left:none; border-right:none;}

		#con-navi .util-btns {float:none; position:absolute; top:55px; right:15px; border:none; }
		#con-navi .util-btns li {border:none; }
		#con-navi .util-btns .sns_btn {border:1px solid #ccc; border-radius:100%;}

		#sub-contents {padding:40px 15px;}

		/* 3 단계 탭 */
		.depth-tabs ul li a {line-height:40px; font-size:0.86em;}

	}
	@media only screen and (max-width : 340px){



		#con-navi .navi-area li .dropdown-toggle {padding:0 0 0 7px;font-size:0.8em;}
		/*#con-navi .navi-area li .down_arrow {margin:7px 5px 0 4px}*/

		/* 3 단계 탭 */
		.depth-tabs ul li a {font-size:0.8em;}

	}