@charset "utf-8";
/*
	Template
*/

/** Common **/
.placeholder {color:#afafaf;}
:-ms-input-placeholder {color:#afafaf;} /* M$ */
::-webkit-input-placeholder {color:#afafaf;} /* webkit */
::-moz-placeholder {color:#afafaf;} /* firefox */

.tarea_ty {width:100%;height:100px;padding:15px;border:solid 1px #e5e5e5;font-size:13px;color:#000;box-sizing:border-box;resize:none;}
html body {font-family: 'Noto Sans KR', sans-serif;}
/*layout*/
.ct1 {max-width:1720px; width: 100%; margin:0 auto;}
.ct2 {width: 100%; margin:0 auto;}

/* Input Size */
.w30 {width:30%;}
.w50 {width:50%;}
.w100 {width:100%;}

/*flex*/
.flex {display:flex;}
.flex-ac-jc {display:flex; justify-content: center; align-items: center;}
.flex-st {display:flex; justify-content: flex-start;}
.flex-sb {display:flex; justify-content: space-between;}
/* table_ty */
.table_ty {border-top:solid 2px #0a326f;}
.table_ty th, .table_ty td {padding:10px 5px;border:solid #cbcbcb;border-width:0 1px 1px 0;font-size:14px;font-weight:400;text-align:center;line-height:24px;}
.table_ty th:first-child, .table_ty td:first-child {border-left:solid 1px #cbcbcb;}
.table_ty thead th,
.table_ty tbody th {background:#f5f5f5;font-weight:500;color:#333;}
.table_ty .table_hd {padding:20px 10px !important;font-weight:500;color:#333;}
.table_ty .table_hd .tit {margin-bottom:20px;font-size:20px;font-weight:700;color:#0a326f;}
.table_ty .tl {padding:10px 20px;text-align:left;}
.table_ty .tr {padding:10px 20px;text-align:right;}
.table_ty .tc {text-align:center;}
.table_ty .sq_tit {margin-top:10px;}
.table_ty .sq_tit > span {display:inline-block;height:24px;padding:0 10px;background:#1a4f9f;border-radius:10px;font-weight:500;color:#fff;line-height:22px;vertical-align:top;}
.table_ty .ht {font-weight:500 !important;color:#1a4f9f !important;}
.table_ty .str, .table_ty .str > li {font-weight:500 !important;color:#333 !important;}


/* Btns */
center {margin-top: 20px;}
html body .btn_ty {display:inline-block;font-size: 15px;padding:0.4em 1.2em;background:#0278b1;border:1px solid #0278b1;font-weight:400;color:#fff;text-align:center;cursor:pointer;box-sizing:border-box;transition:background 0.3s; margin: 0 auto;text-decoration: none;}/* 주색 */
html body .btn_ty02 {color: #333;border-color: #ddd;background-color: #fff;}
html body .btn_ty03 {color: #fff;border-color: #192a49;background-color: #192a49;}
html body .btn_ty:hover {background:#0262c9;border-color: #0262c9;}
html body .btn_ty02:hover {color: #00a3e0;border-color: #00a3e0;background-color: #fff;}
html body .btn_ty03:hover {color: #192a49;border-color: #192a49;background-color: #fff;}
html body .clo_btn {background: #2b2d30;}
html body .none_btn {background: #f6f6f6;color: #999;border-color: #f6f6f6;cursor:default;}
html body .none_btn:hover {background: #f6f6f6;color: #999;border-color: #f6f6f6;}
html body .btn_ty04,
html body .btn_ty04:hover {color: #0278b1;border-color: #ccc;background-color: #fff;cursor:default;}
html body .btn_ty05,
html body .btn_ty05:hover {color: #6f9a1e;border-color: #ccc;background-color: #fff;cursor:default;}
html body .btn_ty06,
html body .btn_ty06:hover {color: #92234e;border-color: #ccc;background-color: #fff;cursor:default;}

.btn_arw {display: inline-block;padding: 0 30px;line-height: 2.8125;color: #fff;text-align: center;background-color: #00a3e0;}
.btn_arw:after {display: inline-block;content: '';margin-left: 20px;width: 18px;height: 7px;background: url(/images/sub/ico_arw2.png) no-repeat left top;background-size: 100%;vertical-align: middle;margin-top: -5px;}

.btn_go:after {content:"";display:inline-block;width:25px;height:25px;margin-left:5px;background:url(/images/template/ico_go.png) no-repeat center center;vertical-align:middle;}
.btn_down {display: inline-block;padding: 0 27px;line-height: 3.4375;color: #fff;background-color: #a51d2d;}
.btn_down:after {content:"";display:inline-block;width:19px;height:16px;margin-left:14px;background:url(/img/ico_down.png) no-repeat center center;vertical-align:middle;position: relative;top: -2px;}

.top_btns {margin-bottom:20px; margin-top: 40px;}

.btm_btns {margin-top:40px;text-align:center;}
.btm_btns .sort_l {float:left;}
.btm_btns .sort_r {float:right;}

.tb_outline {border-top-color:#062d53 !important;}


/*** BOARD ***/
.admin_box {}
.admin_box .privacy_area {}
.admin_box .privacy_area > h2 {display: inline-block;color: #333;}
.admin_box .privacy_box {width: 100%;height: 150px;overflow: auto;box-sizing:border-box;padding: 10px;border: 1px solid #ddd;background-color: #f9f9f9;font-size: 0.875em;outline: 0;}
.admin_box .agreen_box {display: inline-block;}
.admin_box .agreen_box label {margin-left: 10px;}
.admin_box .privacy_area > a {display: inline-block;padding: 3px 10px 4px;margin-left: 1em;background-color: #1a2b49;color: #fff;border-radius:3px;vertical-align: bottom;}
.admin_box .txt {margin-top: 20px;}


/* List */
.respon_l .div_tb {box-sizing:border-box;}
.respon_l .div_td {word-break:break-all;}

.bd_top_sec {margin-bottom:60px;text-align:center;}
.bd_top_sec .tit {margin-bottom:20px;font-size:30px;font-weight:700;color:#404040;line-height:30px;}
.bd_top_sec .tit > span {color:#0a326f;}
.bd_top_sec .txt {font-size:15px;color:#606060;line-height:30px;}


/** 페이징 **/
.pg_wrap {margin:30px 0 0;padding:0;}
.pg_wrap .pg {display:block;}
.pg_wrap .pg_page, 
.pg_wrap .pg_current {width:30px;margin:0;padding:0;height:auto;background:#fff;line-height:28px;vertical-align:top;box-sizing:border-box;}
.pg_wrap .pg_start,
.pg_wrap .pg_end {width:40px;}
.pg_wrap .pg_page {border:solid 1px #ddd;color:#666;transition:all 0.4s;}
.pg_wrap .pg_page:hover, .pg_wrap .pg_page:focus, .pg_wrap .pg_page:active,
.pg_wrap .pg_current {border:solid 1px #0a326f;color:#0a326f;}

.sub_photo {margin-bottom:30px;}
.sub_photo .photo li {}
.sub_photo .photo li img {width:auto;height:auto;margin:0 auto;}
.sub_photo .bx-wrapper .bx-pager {color:#990e17;}
.sub_photo .txt {padding:30px 0;border-bottom:1px solid #dbdbdb;}


/** 검색2 **/
.bd_search2 {margin-bottom:40px;text-align:right;}
.bd_search2.top {margin:0 0 40px;}
.bd_search2 .select_ty {width:12%; min-width:75px;  height:35px;}
.bd_search2 .input_ty {width:35%;min-height:35px;padding:0 10px;margin-right:-4px;margin-left:1px;}
.bd_search2 .btn_search {width:8%;min-width: 50px; height:35px;min-height:35px;text-align:center;padding:0;font-size:14px;font-weight:300;line-height:35px;background:#9b8873;}


/** 상세 **/
#bo_v .view_top_sec {padding:60px 60px;background:#c0a355 url(/images/template/simbol_bg.png) no-repeat right top;box-sizing:border-box;}
#bo_v .view_top_sec #bo_v_title {margin-bottom:25px;font-size:30px;font-weight:700;color:#fff;line-height:30px;}
#bo_v .view_top_sec .info {font-size:15px;color:#e7dbbc;line-height:15px;}
#bo_v .view_top_sec .info > span {display:inline-block;margin-right:15px;padding-right:15px;border-right:solid 1px #e7dbbc;vertical-align:top;}
#bo_v .view_top_sec .info > span:last-child,
#bo_v .view_top_sec .info > span.last {margin:0;padding:0;border:none;}

#bo_v_file .view_file_download img {width:auto;margin-right:5px;vertical-align:middle;}

#bo_v_atc {padding:0 0 40px;border-bottom:solid 1px #dbdbdb;}
#bo_v_atc #bo_v_atc_title {display:none;}
#bo_v_atc #bo_v_img {text-align:center;}
#bo_v_atc #bo_v_img img {width:auto;max-width:100%;}
#bo_v_atc #bo_v_con {margin:0;font-family:'Nanum Gothic' !important;font-size:14px;color:#606060;line-height:30px;}
#bo_v_atc #bo_v_con h4, #bo_v_atc #bo_v_con p, #bo_v_atc #bo_v_con div {font-family:'Nanum Gothic' !important;font-size:14px;}
#bo_v_atc #bo_v_con img {display:block;width:auto;max-width:100%;margin:0 auto;}

/* 카테고리 분류 */
#bo_cate { display:block; margin-bottom:20px;  overflow:hidden; }
#bo_cate > h2 { display:none; }
#bo_cate > ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden; border: solid #dbdbdb; border-width: 0 0 0 1px; }
#bo_cate > ul > li { position: relative;width: 33.33%; float: left; box-sizing:border-box; border: solid #dbdbdb; border-width: 1px 1px 1px 0;  transition: 0.4s;}
#bo_cate > ul > li:last-child {border-right-width: 1px;}
#bo_cate > ul > li > a { width: 100%; text-align: center; color: #606060; font-size: 18px; padding: 15px 0; transition: background 0.4s; font-weight: 350; }
#bo_cate > ul > li > #bo_cate_on { font-weight: 500; color:#fff; background:#062d53; }


/* 게시판 댓글 */
#bo_vc_w {text-align: left;margin-top: 20px;box-sizing:border-box;padding: 33px;background-color: #f8f8f8;}
#bo_vc_w h2 {display: none;}
.area:after {display: block;clear: both;content: '';}
.area textarea {display: block;float: left;width: 84%;height: 140px;box-sizing:border-box;border: 1px solid #ddd;}
.area input {float: right;font-size: 1.0615;width: 14%;height: 140px;box-sizing:border-box;border: 1px solid #ddd; border-radius:5px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

#bo_vc {margin-top: 45px;text-align: left;}
#bo_vc h2 {margin-bottom: 30px;font-size: 1.75em;font-weight: 500;color: #333;line-height: 1;margin-top: -1px;}
#bo_vc span h2 {display: none;}
#bo_vc article {position: relative;padding: 1em 333px 1em 30px;border-bottom: 1px dotted #c1c1c1;}
#bo_vc article:nth-child(2) {border-top: 1px solid #333;}
#bo_vc article:last-child {border-bottom-style: solid;}
#bo_vc article header:after {display: block;clear: both;content: '';}
#bo_vc article header .icon_reply {display: block;float: left;}
#bo_vc article header .icon_reply img {}
#bo_vc article header .icon_reply span {display: inline-block;margin-left: 20px;width: 46px;line-height: 26px;font-size: 0.875em;font-weight: 500;color: #fff;background-color: #222;text-align: center;border-radius:5px;}
#bo_vc article header h1 {display: none;}
#bo_vc article header .member {display: block;float: left;margin-top: -2px;width: 115px;text-align: center;font-size: 1.0615em;font-weight: 500;color: #333;}
#bo_vc article.re_co header .member {left: 135px;}
#bo_vc article header .bo_vc_hdinfo {display: block;position: absolute;top: 50%;transform:translateY(-50%);right: 30px;font-size: 0.9375em;color: #b8b8b8;}
#bo_vc article .flie_down {display: inline-block;padding: 0 10px;margin-left: 115px;line-height: 26px;font-size: 0.875em;font-weight: 500;color: #fff;background-color: #222;text-align: center;border-radius:5px;}
#bo_vc article .flie_down img {vertical-align: middle;position: relative;top: -2px;}
	
#bo_vc .bo_vc_act {position: absolute;top: 50%;transform:translateY(-50%);right: 150px;}
#bo_vc .bo_vc_act:after {display: block;clear: both;content: '';}
#bo_vc .bo_vc_act > li {float: left;}
#bo_vc .bo_vc_act > li a {margin-left: 4px;width: 48px;font-size: 0.8125em;line-height: 30px;border: 1px solid #ddd;color: #b8b8b8;text-align: center;}
#bo_vc .bo_vc_act > li a:hover {color: #192a49;border-color: #192a49;}


.red {color: red;}
.blue {color: blue;}


.sitemap {}
.sitemap .ul1 {}
.sitemap .ul1 > li {float: left;width: 24%;margin-left: 1.33%;margin-bottom: 2%;}
.sitemap .ul1 > li:nth-child(4n+1) {clear: both;margin-left: 0;}
.sitemap .ul1 > li > a {position: relative;padding-left: 10px;font-size: 1.3em;line-height: 2;font-weight: 500;color: #333;border-bottom: 2px solid #4d5f8b;}
.sitemap .ul1 > li > a:hover {color: #4d5f8b;}
.sitemap .ul1 > li > a:before {display: block;content: '·';position: absolute;top: 0;left: 0;}
.sitemap .ul2 {box-sizing:border-box;padding: 10px 20px;background-color: #f5f5f5;color: #4d5f8b;}
.sitemap .ul2 > li {}
.sitemap .ul2 > li > a {font-size: 0.9em;line-height: 1.8;position: relative;padding-left: 10px;}
.sitemap .ul2 > li > a:hover {text-decoration: underline;}
.sitemap .ul2 > li > a:before {display: block;content: '-';position: absolute;top: 0;left: 0;}
.sitemap .ul3 {box-sizing:border-box;padding: 10px 10px;margin-bottom: 10px;background-color: #f0f0f0;color: #4d5f8b;}
.sitemap .ul3 > li {}
.sitemap .ul3 > li > a {font-size: 0.9em;line-height: 1.8;position: relative;padding-left: 10px;}
.sitemap .ul3 > li > a:hover {text-decoration: underline;}
.sitemap .ul3 > li > a:before {display: block;content: '·';position: absolute;top: 0;left: 0;}

.email {}
.email .arti01 {padding: 50px;box-sizing:border-box;border: 1px solid #ddd;}

.layer_privacy {max-height:630px; height:630px;}
.layer_privacy .div_outline {border:0;}
.layer_privacy textarea {border:1px solid #ddd;}
/* .select_type {display:flex; margin-top: 1rem;} */
/* .select_type p:last-child {margin-left: 2rem;} */
.select_type label { position: relative; padding-left: 20px; cursor: pointer; transition: .3s;}
.select_type input[type="radio"] {display:none;}
/* .select_type label:after {
position: absolute;
content: '';
width: 15px;
height: 15px;
box-sizing: border-box;
border: 4px solid #073e7f;
border-radius: 50%;
left: 0;
top: 7px;
opacity: 0;
transition: .3s;
}
.select_type label:before {
position: absolute;
content: '';
width: 15px;
height: 15px;
box-sizing: border-box;
border: 4px solid #ddd;
border-radius: 50%;
left: 0;
top: 7px;
} */
.select_type input[type="radio"]:checked + label:after {
opacity: 1;
}

@media(max-width:640px){
}


@media(max-width:800px){
	#bo_vc article {padding-right: 120px;}
	#bo_vc article header .bo_vc_hdinfo {top: 1em;transform: translateY(0);margin-top: 3px;}
	#bo_vc article footer {margin-right: -90px;}
	#bo_vc article footer:after {display: block;clear: both;content: '';}
	#bo_vc .bo_vc_act {position: static;transform: translateY(0);float: right;}
}

@media(max-width:640px){
	#bo_cate > ul > li > a {padding: 3vw 0;font-size: 1em;}

	#bo_vc {margin-top: 5vw;}
	#bo_vc h2 {margin-bottom: 5vw;}
	#bo_vc article {padding: 3vw;}
	#bo_vc article p {width: 100%;padding-left: 3vw;box-sizing:border-box;padding-right: 11vw;}
	#bo_vc article header .bo_vc_hdinfo {right: 15vw;}
	#bo_vc article footer {margin-right: 0;margin-top: 0;}
	#bo_vc article header .member {width: auto;margin-top: 0;}
	#bo_vc article header .member span {padding-left: 3vw;}
	#bo_vc article header .icon_reply img {width: 3vw;}
	#bo_vc article header .icon_reply span {margin-left: 2vw;}
	#bo_vc article .flie_down {margin-left: 5vw;margin-top: 2vw;}
	#bo_vc .bo_vc_act {position: absolute;top: 0;right: 0;}
	#bo_vc .bo_vc_act > li {float: none;margin-left: 0;margin-bottom: 0.5vw;}
	#bo_vc .bo_vc_act > li a {width: auto;line-height: 2;padding: 0 3vw;}
	#bo_vc article + .add {margin-left: 3vw !important;}
	#bo_vc article + .add + .add {margin-left: 6vw !important;}
	#bo_vc article + .add + .add + .add {margin-left: 9vw !important;}
	#bo_vc article + .add + .add + .add + .add {margin-left: 12vw !important;}

	#bo_vc_w {padding: 3vw;}
	.area textarea {height: 30vw;}
	.area input {height: 30vw;box-sizing:border-box;padding: 2vw;word-break:break-all;white-space: inherit;}


	.email .arti01 {padding: 5vw;}

	.sitemap .ul1 > li {width: 49%;margin-left: 2%;}
	.sitemap .ul1 > li:nth-child(3n+1) {clear:none;margin-left: 2%;}
	.sitemap .ul1 > li:nth-child(2n+1) {clear:both;margin-left: 0;}
	.sitemap .ul1 > li .ul2 {height: auto !important;}

	.btm_btns {margin-top: 5vw;}

	.respon_v #bo_v_atc {padding-bottom: 5vw;}
	#bo_v_file .view_file_download img {width: 5vw;}

	.btn_ty {min-width: 0;padding: 0 5vw;font-size: 1em;}
}

/*메인팝업*/
.layer_box.basic_pop {display: none;}
.layer_box.basic_pop {max-width:700px; width: 100%; min-height: 625px; box-sizing:border-box; border:12px solid #158fea; padding:18px; text-align: center;}
.layer_box.basic_pop .div_outline { box-sizing:border-box; border:1px solid #158fea; padding:45px;}
.layer_box.basic_pop figure.icon {}
.layer_box.basic_pop figure.logo {}
.layer_box.basic_pop .text {border-radius:10px; box-sizing:border-box; padding:30px; background: #f3f4f6; margin-bottom: 30px; text-align: left; font-size: 18px;}
.layer_box.basic_pop h1 {font-size: 35px; font-weight: 700; color: #111; margin:20px 0;}
.layer_box.basic_pop .btn_close { right: -73px; top: -13px; }

/*이미지팝업*/
.layer_box.img_pop {display: none;}
.layer_box.img_pop {max-width:1105px; width: 100%; height: 100%; max-height: 830px; padding: 0;}
.layer_box.img_pop .btn_close { right: 0px; top: 0px; z-index: 1;}
.layer_box.img_pop .div_outline {overflow: inherit;}
.layer_box.img_pop .owl-nav {}
.layer_box.img_pop .owl-nav > div {position: absolute; transform:translate(0,-50%); top: 50%; width: 36px; height: 67px; font-size: 0;}
.layer_box.img_pop .owl-nav .owl-prev {left: -85px; background:url(/images/sub/prev-78ab756f47933fdcbe0ece10318e3d64.png);}
.layer_box.img_pop .owl-nav .owl-next {right:-85px; background:url(/images/sub/next-c97e4b9f86c5469892b8c794352b640f.png);}

/*모달*/
.layer_box.modal_pop {display: none; max-width:1720px; width: 90%;}
.layer_box.modal_pop .div_outline{padding:20px;}
.layer_box.modal_pop .insurance_form .cate {width: 28%; margin-right: 0; align-items: center;}
.layer_box.modal_pop .insurance_form .cate.text {width: 50%; margin-left: 2%;}
.layer_box.modal_pop .insurance_form .cate.bt {width: 20%;}
.layer_box.modal_pop .insurance_form h2 {margin-bottom: 0; margin-right: 2.5%;}
.layer_box.modal_pop .insurance_form .cate li {align-items: center; margin-right: 2%;}
.layer_box.modal_pop .insurance_form .cate .box {width: 90%; margin-left: 2%;}
.layer_box.modal_pop .insurance_form .cate.bt input, 
.layer_box.modal_pop  .cate.bt button {height: 45px;}
.layer_box.modal_pop table {margin-top: 20px;}
.layer_box.modal_pop th {background: #f3f4f6; font-size: 16px; font-weight: 500; color: #333; padding: 12px 0;}
.layer_box.modal_pop td {font-size: 16px; font-weight: 400; color: #808080; padding: 9px 0; border-bottom: 1px solid #ddd;}

@media(max-width:1320px){
	.layer_box.img_pop {max-width:80%; max-height: 65%;}
}