@charset "utf-8";
/* @font-face { font-family: 'GyeonggiTitleM'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff'); font-weight: normal; font-style: normal; } */
@font-face { font-family: 'LotteMartDream'; font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff') format('woff'); } @font-face { font-family: 'LotteMartDream'; font-style: normal; font-weight: 700; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff') format('woff'); } @font-face { font-family: 'LotteMartDream'; font-style: normal; font-weight: 300; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff') format('woff'); }
@font-face {font-family: 'InkLipquid'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff'); font-weight: normal;  font-style: normal;}
@font-face {font-family: 'GyeonggiTitleM'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff'); font-weight: normal;    font-style: normal;}
@font-face {font-family: 'OTEnjoystoriesBA';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/OTEnjoystoriesBA.woff') format('woff'); font-weight: normal; font-style: normal;}


/*
	Template
*/

/** Common **/
.input_ty {width:100px;padding:5px;border:solid 1px #e5e5e5;font-size:14px;color:#000;}
.placeholder {color:#afafaf;}
:-ms-input-placeholder {color:#afafaf;} /* M$ */
::-webkit-input-placeholder {color:#afafaf;} /* webkit */
::-moz-placeholder {color:#afafaf;} /* firefox */
.select_ty:hover, .select_ty:focus {background-image:url(../images_new/layout/ico_select_arr_ov.png);}*/
.select_ty {width:120px;padding:0px 10px;border:solid 1px #e5e5e5;font-size:14px;color:#000;box-sizing:border-box;}
.tarea_ty {width:100%;height:100px;padding:15px;border:solid 1px #e5e5e5;font-size:14px;color:#000;box-sizing:border-box;resize:none;}


/* Btns */
.btn_ty03 {background:#33affb;border:solid 1px #dbdbdb;color:#606060;}/* 회색 */
.btn_ty:hover, .btn_ty:focus {background:#2b4e89c7 ;}
.btn_ty03:hover, .btn_ty03:focus {background:#2b4e89c7 ;}
.btn_ty, 
a.btn_b02, 
.btn_confirm > input[type=submit] {display: inline-block;min-width: 120px; padding: 10px 0; background: #2b4e89; border: none; font-size: 1em; color: #fff; text-align: center; line-height: 30px; cursor: pointer; box-sizing: border-box; transition: background 0.4s;}
.btn_confirm > a {display: inline-block;min-width: 120px; padding: 10px 0; background: #555; border: none; font-size: 1em; color: #fff; text-align: center; line-height: 30px; cursor: pointer; box-sizing: border-box; transition: background 0.4s;}



/*** BOARD ***/

/** 페이징 **/
.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,
.pg_wrap .pg_next{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;}

/** 검색 **/
.bd_search {text-align:center;margin-bottom: 0; /* border: 1px solid #ccc; */ border-left: 0; border-right: 0;}
.bd_search.top {margin:0 0 40px;}
.bd_search .select_ty {width:92px; height:45px; padding-left: 10px;}
.bd_search .input_ty {width:60%;min-height:45px;padding:5px 10px;}
.bd_search .btn_search {min-width:45px;height:45px;min-height:45px;background:#2b4e89 url(../../images/template/ico_search_w.png) no-repeat center center; font-size:0;line-height:43px; outline: none; border: 0; -webkit-transition: 0.3s; -moz-transition:0.3s; -ms-transition:0.3s;-o-transition:0.3s; transition:0.3s; border: 1px solid #2b4e89 ;}


@media(min-width:800px){	

	.bd_search .btn_search:hover {background: #50678d url(../../images/template/ico_search_w.png) no-repeat center center;}

}

#bo_cate {margin:0 auto; margin-bottom: 70px;}
.bd_cate {display: flex;justify-content: space-between;}
.bd_cate > li {flex:0 1 calc(50% - 10px);}
.bd_cate > li > a {font-size:18px;color:#23395b;text-align:center;transition:all 0.4s; background: #f2f2f2; border-radius: 5px; height: 60px; display: flex; align-items: center; justify-content: center}
.bd_cate > li > a#bo_cate_on, .bd_cate > li > a:hover, .bd_cate > li > a:focus {color:#fff; background: #23395b;}

/** 상세 **/
#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 10px 30px;border-bottom:solid 1px #dbdbdb;}
#bo_v_atc #bo_v_atc_title {display:none;}
#bo_v_atc #bo_v_img {margin-bottom:30px;/* text-align:center; */ padding: 15px 0 ;}
#bo_v_atc #bo_v_img a,
.view_image{display: inline-block;}

/*#bo_v_atc #bo_v_img img {width:auto;max-width:100%;margin:30px 0 0;}*/

#bo_v_atc #bo_v_con img {width:auto;max-width:100%;}

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




.af:after{content:''; display: block; clear: both;}


.header,body{min-width:1320px; }
.main_wrap{overflow: hidden;}
.w1720{width:1720px;margin:auto;}
.w1600{width:1600px;margin:auto;}
.w1400{width:1400px;margin:auto;}