@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'); }
.lot { font-family: 'LotteMartDream', sans-serif; }

.mont{font-family: 'Montserrat'; 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 {width:100px;padding:5px 10px;background-image:url(../images_new/layout/ico_select_arr.png);background-repeat:no-repeat;background-position:90% center;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:solid 1px #e5e5e5;font-size:14px;color:#000;transition:background 0.4s;}
.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;}

/* Input Size */
.w20 {width:20%;}

/* margin_type */
.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important;}

.mb50{margin-bottom: 50px ;}
.mb150{margin-bottom: 150px !Important;}


/* Btns */
#bo_v_top {padding: 0 !important; padding-top: 50px !important;}
.btn_ty {margin-right: 2px; display:inline-block;min-width:100px; background:#fff;border:1px solid #070b4a;font-size:18px;color:#070b4a;text-align:center;line-height:53px;cursor:pointer;box-sizing:border-box;transition:background 0.4s;}/* 파랑색 */
.btn_ty03 {background:#f5f5f5;border:solid 1px #dbdbdb;color:#606060;}/* 회색 */
.btn_ty:hover, .btn_ty:focus {background:#;}
.btn_ty03:hover, .btn_ty03:focus {background:#;}

/*** BOARD ***/
/** 페이징 **/
.pg_wrap {margin:30px 0 0;padding:0;}
.pg_wrap .pg {display:block;}
.pg_wrap .pg_page, 
.pg_wrap .pg_current {width: 32px; height: 35px; margin:0;padding:0;height:auto;background:#fff;line-height:33px;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:#808080;transition:all 0.4s; width: 32px; height: 35px; box-sizing:border-box;}
.pg_wrap .pg_current {border:solid 1px #070b4a; color:#fff; background: #070b4a;}
.pg_wrap .pg_prev {background:url(../../images/template/page_prev_bt.jpg) no-repeat center; font-size: 0;}
.pg_wrap .pg_next {background:url(../../images/template/page_next_bt.jpg) no-repeat center; font-size: 0;}
.pg_wrap .pg_start {background:url(../../images/template/page_start_bt.jpg) no-repeat center; font-size: 0;}
.pg_wrap .pg_end {background:url(../../images/template/page_end_bt.jpg) no-repeat center; font-size: 0;}
/** 검색 **/
.bd_search {}
.bd_search.top {margin:0 0 40px;}
.bd_search .select_ty {width:20%;height:45px;}
.bd_search .input_ty {width:60%;min-height:45px;padding:5px 10px;}
.bd_search .btn_search {min-width:5%;height:45px;min-height:45px;background-image:url(../../images/template/ico_search_w.png);background-repeat:no-repeat;background-position:center center;font-size:0;line-height:45px;}

#bo_cate {margin:0 auto; text-align: center; margin-bottom: 50px;  position: relative; z-index: 10;}
.bd_cate {display:table; margin-bottom:50px; margin: 0 auto;}
.bd_cate > li {display:table-cell; vertical-align:middle; padding: 0 37px;}
.bd_cate > li:first-child {border:none;}
.bd_cate > li > a {font-size:18px;color:#666;text-align:center;transition:all 0.4s; padding-bottom: 25px; position: relative;}
.bd_cate > li > a:after{position: absolute; content:''; width: 0%; height: 2px; background: #019fde; left: 50%; bottom: 0; transition:.3s; opacity: 0;}
.bd_cate > li > a#bo_cate_on, .bd_cate > li > a:hover, .bd_cate > li > a:focus {color:#019fde;}

.bd_cate > li > a#bo_cate_on:after, .bd_cate > li > a:hover:after, .bd_cate > li > a:focus:after {opacity: 1; left: 0; width: 100%;}

/** 상세 **/
#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 80px;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 img {width:auto;max-width:100%;margin:30px 0 0;}*/

#bo_v_atc #bo_v_con img {display:block;width:100%;max-width:100%;margin:0vw auto;}
#bo_v_img img {margin:3vw 0;}
.btm_btns {margin-top:30px;text-align:center;}
.btm_btns .sort_l {float:left;}
.btm_btns .sort_r {float:right; }
.btm_btns .sort_r a {background: #070b4a; color: #fff;}
.div_td_adb label{margin-right: 15px !important;}

/* .ct1{max-width:1800px; margin: 0 auto; width: 100%;}
.ct2{max-width:1320px; margin: -180px auto 0; width: 100%;    background: #fff;} */


/* padding */
.p100{padding: 100px 0 ;}


/* margin */
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px !Important;}
.mb42{margin-bottom: 42px !Important;}
.mb50{margin-bottom: 50px;}
.mb100{margin-bottom: 100px !important;}


.af:after{content:''; display: block; clear: both;}
.ta_c{text-align: center;}
.bdl0{border-left: 0 !important;}
.bdr0{border-right: 0 !important; }
.bd_sec {/* margin-bottom: 150px !Important; */padding-top: 0;}
.header,body{min-width:1320px; }
body.se2_inputarea{min-width: 0 !important; width: 100%;}


/*s3_1 list*/

.s3_1_gall {}
.s3_1_gall #gall_ul > li {width: 32%; margin-right: 2%;}
.s3_1_gall #gall_ul > li:nth-child(3n) {margin-right: 0;}

/*s3_1 view*/
.gall_3_1_view header {}
.gall_3_1_view header h1 {color: #333; font-size: 24px; font-weight: 500}
.gall_3_1_view #bo_v_con {margin-bottom: 0;}
.gall_3_1_view .product_box {width: 100%; max-width:870px; margin:60px auto 0; }
.gall_3_1_view .product_img_big {float: left; width: 74.8%; height: 535px; position: relative; overflow: hidden;} 
.gall_3_1_view .product_img_big img {height: auto !important; left: 50%; top: 50%; transform:translate(-50%,-50%); position: absolute;}
.gall_3_1_view .product_img_small {float: right; width: 23.57%;}
.gall_3_1_view .product_img_small li {margin-bottom: 10px; height: 172px; position: relative; cursor: pointer; position: relative; overflow: hidden;}
.gall_3_1_view .product_img_small li:last-child {margin-bottom: 0;}
.gall_3_1_view .product_img_small li:before {content: ''; display:block; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; transition:.3s;}
.gall_3_1_view .product_img_small li.on:before,
.gall_3_1_view .product_img_small li:hover:before {opacity: 1;}   
.gall_3_1_view .product_img_small li img {height: auto !important; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}

.gall_3_1_view .product_table_box {margin:60px 0 30px;}
.gall_3_1_view .product_table_box table {border-top: 1px solid #333; text-align: left; width: 100%; max-width: 870px; margin:0 auto;}
.gall_3_1_view .product_table_box table tr {border-bottom: 1px solid #ddd;}
.gall_3_1_view .product_table_box table th {font-weight: 500; color: #333; font-size: 18px; width: 105px; text-align: center; padding:18px 0;}
.gall_3_1_view .product_table_box table td {font-weight: 400; color: #666; font-size: 16px; padding:10px 0;  padding-left: 27px;}
.gall_3_1_view .text_box {background: #f6f6f6; padding:43px 32px; width: 100%; max-width: 870px; margin:0 auto; box-sizing:border-box;}
.gall_3_1_view .text_box p {font-size: 16px; color: #666; line-height: 32px;}
.s3_1_gall #gall_ul > li > .gall_con .gall_text_href > div {overflow: hidden; margin-bottom: 3px;}
.s3_1_gall #gall_ul > li > .gall_con .gall_text_href h3 {line-height: 1.4; display: block; float: left;}
.s3_1_gall #gall_ul > li > .gall_con .gall_text_href h4 { line-height: 1.4; display: block; float: left;
width:77%;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; padding-left: 5px;}
.s3_1_gall #gall_ul > li > .gall_con .gall_text_href h3.date {clear: both;}
#bo_v {margin-bottom: 0; padding-bottom: 0;}
#bo_v_top {margin:0;}
.gall_3_1_view .product_img_big img {max-height:535px; width: auto !important;}
.gall_3_1_view .product_img_small li img {width: auto !important; max-height: 172px;}