@charset "utf-8";



/* -----------------------------------------------------------------------------------------------
	reset CSS
--------------------------------------------------------------------------------------------------*/




/* -----------------------------------------------------------------------------------------------
	공통
--------------------------------------------------------------------------------------------------*/
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select
{margin:0;padding:0;box-sizing:border-box; letter-spacing:-0.02em;}
.hidden { position:absolute; font-size:0; line-height:0; left:-10000px;}
.f-left {float:left !important;}
.f-right {float:right !important;}
.dis-block {display:block !important;}
.dis-none {display:none !important;}
.text-c {text-align:center !important;}
.text-l {text-align:left !important;}
.text-r {text-align:right !important;}
.vt-t {vertical-align:top !important;}
.vt-m {vertical-align:middle !important;}
.vt-b {vertical-align:bottom !important;}
.bg-none {background:none !important;}
.border-none {border:none !important;}
.clear-fix:after {content:"";display:block;clear:both;}
.bold { font-weight:bold; }
/* ios */
a[x-apple-data-detectors] {
  color:inherit !important;
  text-decoration:none !important;
  font-size:inherit !important;
  font-family:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  white-space:nowrap;
}
.mt0 { margin-top:0px !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }

a {text-decoration:none;}
a:focus {outline:none;}
span, a, em, button {display:inline-block;}
img,fieldset,iframe{border:0;}
img {max-width:100%;vertical-align:top;}
ul, li{list-style:none;}
em,address{font-style:normal;}
input,select,button{vertical-align:middle;border-radius:0;}
caption,legend,.blind{overflow:hidden;position:absolute;top:0;left:-9999px;width:0;height:0;font-size:0;line-height:0;text-align:left;}
input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number], select
{width:100%;height:36px;padding:0 10px;border:1px solid #ccc;font-size:16px;color:#333;vertical-align:middle;-webkit-appearance:none;}
input[type=password],input[type=email]{ime-mode:disabled;}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
select:focus,
textarea:focus{border:1px solid #ccc;}
input[type=file]{width:99.5%;height:30px;border:1px solid #d2d2d2;background:#fff;}
select{height:36px;padding-left:5px;border:1px solid #ccc;font-size:16px;color:#333;vertical-align:middle;}
textarea{width:100%;padding:10px;border:1px solid #ccc;font-size:16px;color:#333;resize:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
table th {font-weight:normal;}
hr{display:none;}
label {cursor:pointer;}



/* -----------------------------------------------------------------------------------------------
	bbs 공통
--------------------------------------------------------------------------------------------------*/
#board-wrap { width:100%; }
/* 버튼 */
.btn-large { display:inline-block; padding:0 20px; font-size:1em; border:none; line-height:40px; text-align:center; font-weight:500; }
.btn-mid { display:inline-block; padding:0 20px; font-size:1em; border:none; line-height:40px; text-align:center; font-weight:500;}
.btn-small {display:inline-block; min-width:100px; height:35px; padding:0 25px; font-size:1em; line-height:33px; border:none; text-align:center}
.btn-white { background:#fff; color:#434853 !important; border:1px solid #434853;}
.btn-gold { background:var(--color-dk-gold); color:#fff !important; border:1px solid var(--color-gold);}
.btn-white:hover { background:#efefef;}
.btn-grey { background:#666; color:#fff !important; border:1px solid #5b5b5b;}
.btn-grey:hover { background:#444;  }

@media (max-width:767px){
	.btn-large {height:30px; padding:0 10px; font-size:1.0em; line-height:29px; }
	.btn-mid {min-width:70px; height:35px; padding:0 10px; line-height:35px; font-size:1em;}
	.btn-small {min-width:75px; height:30px; padding:0 10px; line-height:30px; font-size:0.87em;}
}


/* -----------------------------------------------------------------------------------------------
     list
--------------------------------------------------------------------------------------------------*/

/* 검색 부분 */
.search-area {  margin:30px auto 0; display:flex; gap:5px; justify-content:center; max-width:600px;  }
.search-area .selectBox { max-width:150px; height:44px; background : url(/images/sub/down_triangle.gif) no-repeat right center ; padding:0 10px; background-color:#fff;
-webkit-appearance: none; /* 화살표 없애기 for chrome*/
-moz-appearance: none;    /* 화살표 없애기 for firefox*/
appearance: none;         /* 화살표 없애기 공통*/
}
select::-ms-expand {
   display: none;            /* 화살표 없애기 for IE10, 11*/
}
.search-area .input-grp { display:flex; gap:5px; flex-grow:1; }
.search-area .inputbox { border:1px solid #cbced5; background-color:#fff; max-width:360px; height:44px; line-height:44px; flex-grow:1; }
.search-area .bt-search { width:100px; height:44px; line-height:43px; background-color:var(--color-dk-gold); color:#fff; text-align:center; font-size:16px; vertical-align:middle;	border:1px solid var(--color-dk-gold);}

/* board-list */
.list-wrap { width:100%; }
.board-list { background-color:#fff; padding-bottom:30px;margin-bottom:30px;}
.board-list .list-head { display:table; width:100%; border-top:2px solid #333; border-bottom:1px solid #333;}
.board-list .list-head > span { display:table-cell; text-align:center; vertical-align:middle; text-align:center; font-size:15px; color:#333; padding:12px 0 11px;}
.board-list span.num, .board-list span.click{ width:10%;}
.board-list span.date { width:12%;}
.board-list .list-body .rows { display:table; width:100%; border-bottom:1px solid #ccc;}
.board-list .list-body .rows > span { display:table-cell; text-align:center; vertical-align:middle; font-size:14px; padding:21px 0 20px; color:#999;}
.board-list .list-body .rows > span.subject { text-align:left;}
.board-list .list-body .rows > span.subject a { color:#333; font-size:16px;}
.board-list .list-body .rows > span.subject a:hover{ text-decoration:underline;}
.board-list .list-body .rows > span.subject.reply a { margin-left:10px; }
.board-list .list-body .rows > span.subject.reply a:before { content:'[Re]'; color:#e37305; display:inline-block; margin-right:10px; font-weight:bold; }
.board-list .btn-wrap { margin-top:20px; }

.btn_wrap { display:flex; justify-content:center; gap:5px;}
.btn_wrap2 { display:flex; justify-content:flex-end; gap:5px; margin-top:10px;  }
.btn-list { width:25rem; height:50px; line-height:50px; font-size:2.0rem;}

/* paging */
.paging {display:block; position:relative; margin:0; padding:0; text-align:center;}
.paging a {display:inline-block; width:4.0rem; height:4.0rem;color:#999; font-size:1.12em; line-height:4.0rem; vertical-align:middle;}
.paging a:hover {background:#efefef; border-color:#ccc; }
.paging a.current {background:#fff; color:#434853; border:1px solid #434853; font-weight:500;}
.paging button { display:inline-block; width:4.0rem; height:4.0rem; vertical-align:middle; text-indent:-9999px;cursor:pointer; }
.paging button.pg_first.disable {background-position:-4px -54px; cursor:default;}
.paging button.pg_prev.disable {background-position:-54px -54px; cursor:default;}
.paging button.pg_next.disable {background-position:-54px -54px; cursor:default;}
.paging button.pg_last.disable {background-position:-154px -54px; cursor:default;}
.paging button.pg_first {background:url(/images/sub/ar_first.gif) center center no-repeat; background-size:12px auto; }
.paging button.pg_prev {background:url(/images/sub/ar_prev.gif) center center no-repeat; background-size:12px auto; }
.paging button.pg_next {background:url(/images/sub/ar_next.gif) center center no-repeat; background-size:12px auto; }
.paging button.pg_last {background:url(/images/sub/ar_last.gif) center center no-repeat; background-size:12px auto; }

@media all and (max-width:767px){
	.search-area .selectBox { max-width:100px; }
	
	/* board-list */
	.board-list { border-top:2px solid #333; padding-bottom:30px; }
	.board-list .list-head { display:none;}
	.board-list span.num, .board-list span.click,	.board-list span.date { width:auto;}
	.board-list .list-body .rows { position:relative; display:block; width:100%; padding:12px 10px;}
	.board-list .list-body .rows > span { display:inline-block; font-size:13px; padding:0; }
	.board-list .list-body .rows > span.num { display:none;}
	.board-list .list-body .rows > span.subject { display:block; margin-bottom:5px;}
	.board-list .list-body .rows > span.subject a { font-size:15px;}
	.board-list .list-body .rows > span.date { position:relative; padding:0 20px 0 0;}
	.board-list .list-body .rows > span.date:after { content:""; position:absolute; width:1px; height:8px; background:#ccc; top:50%; right:0; margin-top:-4px; display:block;}
	.board-list .list-body .rows > span.click { position:relative; margin-left:20px; }
	.board-list .list-body .rows > span.click:before { content:"조회수"; display:inline-block; padding-right:5px; }
	.board-list .tbl-btm { margin-top:10px; }	
	/* paging */
	.paging button {width:34px; height:34px;}
	.paging button.pg_first {display:none;}
	.paging button.pg_last {display:none;}
	.paging button.pg_prev.disable {background-position:-59px -9px;}
	.paging button.pg_next.disable {background-position:-109px -9px;}
	.paging button.pg_prev {background-position:-59px -59px;}
	.paging button.pg_next {background-position:-109px -59px;}
	.paging a {width:34px; height:34px; line-height:34px;}
}


/* -----------------------------------------------------------------------------------------------
	view
--------------------------------------------------------------------------------------------------*/
.board_view { border-bottom:1px solid #cbced5; margin-bottom:60px; }
.doc_summary { width:100%; /*border-top:2px solid #a8adb9; background:#f5f5f7;*/ text-align:center;margin-bottom:10px;}
.doc_summary .title {display:block; color:#1d1d1d; font-size:4.0rem; line-height:1.6em;padding:10px 0;font-weight:600;}
.doc_summary .sub_title {background:#fff; text-align:center; font-size:var(----fs-content); padding:20px 0; border:1px solid #ddd; border-left:0;border-right:0;}
.doc_summary .date { color:#999; font-size:1.6rem; text-align:right; padding:10px; }

.print_img { text-align:center; margin-bottom:30px; }
.print_img img { display:inline-block; max-width:90%; }
.print_content { padding:60px 20px; color:#5b5b5b; }

.attach_file { padding:20px 0; border:1px solid #ccc; font-size:15px; }
.attach_file dl {display:table; width:100%;}
.attach_file dl dt {display:table-cell; width:180px; text-align:center; vertical-align:middle; color:#0d0d0d;}
.attach_file dl dd {display:table-cell; border-left:1px solid #d9d9d9; }
.attach_file dl dd .file {display:inline-block; margin-left:20px; padding-left:30px; background:url(images/icon_file.png) no-repeat left center; min-height:20px;}
.attach_file dl dd a { color:#054cad; }

.cont_list {margin-top:30px; border-top:1px solid #b3b3b3;}
.cont_list dl {display:table; width:100%; border-bottom:1px solid #b3b3b3; }
.cont_list dt {float:left; width:15%; padding-left:20px; background:#f2f2f2; color:#666; font-size:1em; }
.cont_list dt .list_prev {display:block; background:url(images/list_prev.png) no-repeat right center; line-height:49px; }
.cont_list dt .list_next {display:block; background:url(images/list_next.png) no-repeat right center; line-height:49px;}
.cont_list dd {float:left; width:85%; padding-left:20px; line-height:49px;}
.cont_list dd a {color:#666; font-size:1em;}
.cont_list dd a:hover {color:#111; text-decoration:underline;}
.cont_list_s { display:none; }

@media all and (min-width:768px) and (max-width:1150px){
	.doc_summary .writer_date {width:auto;}
	.print_content img {max-width:100%;}
}

@media all and (max-width:767px){
	.board_view  { margin-bottom:10px; }
	
	.doc_summary { padding:0;}
	.doc_summary .title { width:auto; font-size:1.214em;}
	.doc_summary .sub_title { padding:10px 0; }
	
	.attach_file {padding:0; font-size:14px;}
	.attach_file dl dt { display:block; width:100%; padding-left:10px; line-height:40px; border-bottom:1px solid #ccc;  font-size:1em; text-align:left; }
	.attach_file dl dd {display:block; width:100%; border:none; padding:15px 10px 15px 0; }
	.attach_file dl dd .file { padding-left:25px; margin-left:10px;}
	
	.cont_list {display:none;}
	.cont_list_s { display:block; text-align:center; margin-top:30px;  }
	.btn-prev-list { padding-left:35px; background:url(images/list_prev_m.png) no-repeat left center; border-color:#777; background-color:#f1f1f1; color:#777; font-size:15px; }
	.btn-next-list { padding-right:35px; background:url(images/list_next_m.png) no-repeat right center; border-color:#777; background-color:#f1f1f1; color:#777; font-size:15px;}
	.print_content { padding:50px 15px; }
	.print_content img {display:block; max-width:100%;}
}


/* -----------------------------------------------------------------------------------------------
	write
--------------------------------------------------------------------------------------------------*/
.board_write { width:100%; margin-bottom:20px; }
.board_write .title { display:block; color:#171717; font-size:20px; text-align:left; line-height:1.25em; width:100%; padding-bottom:20px; }
.board_write .write-item { border-top:2px solid #333; display:block; width:100%; font-size:14px; }
.board_write .write-item dl { display:table; width:100%; border-bottom:1px solid #ccc; }
.board_write .write-item dt { display:table-cell;  width:15%;  padding:10px 0 10px 30px; background:#efefef; color:#0d0d0d; font-size:16px; position:relative; vertical-align:middle; }
.board_write .write-item dd { display:table-cell;  padding:10px 25px 9px 25px; }
.board_write .write-item dl.required dt:before { content:'*'; color:#e37305; position:absolute; left:18px; top:50%; margin-top:-10px; font-weight:bold; font-weight:bold; }
.board_write .write-item input[name="user_name"],
.board_write .write-item input[name="email"],
.board_write .write-item input[name="phone"],
.board_write .write-item input[name="display_order"],
.board_write .write-item input[name="notice"]{ max-width:450px; }
.board_write .write-item .att_file input[type="file"] { width:calc(100% - 50px); }
.board_write .write-item .att_file div:after { display:block; clear:both; content:''; }
.board_write .write-item .att_file div + div { margin-top:7px; border-top:1px solid #efefef; padding-top:4px; }
.board_write .write-item .thumb input[type="file"] { width:calc(100% - 50px); }

@media all and (max-width:767px){
	.board_write .title { font-size:16px; padding-bottom:10px; }
	.board_write .write-item { font-size:13px; }
	.board_write .write-item dt { width:30%; padding:7px 0 7px 15px; font-size:14px; }
	.board_write .write-item dl.required dt:before { left:5px; }
	.board_write .write-item dl.editer-wrap dt { width:0; font-size:0; text-indent:-99999px; padding:0; }
	.board_write .write-item dl.editer-wrap dd { padding:10px 0; width:100%; }	
}



/* -----------------------------------------------------------------------------------------------
     언론보도
--------------------------------------------------------------------------------------------------*/

/* list */
ul.gallery-list { display:grid; gap:60px 40px; }
ul.gallery-list li .list_item { display:flex; flex-direction:column; gap:40px; }
ul.gallery-list .list_item .thumb { display:block; }
ul.gallery-list .list_item .thumb .thumb-img { overflow:hidden; position:relative; width:100%; aspect-ratio:11 / 10; cursor:pointer; }
ul.gallery-list .list_item .thumb .thumb-img a { position:absolute; inset:0; }
ul.gallery-list .list_item .caption { display:flex; flex-direction:column; gap:15px; }
ul.gallery-list .list_item .caption .subject { font-size:24px; font-weight:500; color:#333; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break:break-word; }
ul.gallery-list .list_item .caption .contents { font-size:16px; color:#555; line-height:1.8; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break:break-word; }
ul.gallery-list.type-5 { grid-template-columns:repeat(5, 1fr); }
ul.gallery-list.type-4 { grid-template-columns:repeat(4, 1fr); }
ul.gallery-list.type-3 { grid-template-columns:repeat(3, 1fr); }

@media (max-width:768px){
	ul.gallery-list li .list_item { gap:20px; }
	ul.gallery-list.type-3,
	ul.gallery-list.type-4,
	ul.gallery-list.type-5 { grid-template-columns:repeat(2, 1fr); gap:40px 20px; }
	#gallery-wrap .board-list { border-top:0; }
}

@media (max-width:480px){
	ul.gallery-list li .list_item { gap:15px; }
	ul.gallery-list .list_item .caption { gap:10px; }
	ul.gallery-list.type-3,
	ul.gallery-list.type-4,
	ul.gallery-list.type-5 { grid-template-columns:1fr; gap:30px; }
	ul.gallery-list .list_item .caption .subject { font-size:18px; }
	ul.gallery-list .list_item .caption .contents { font-size:14px; }
}