@charset "utf-8";

/* css Reset */
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;}

body{margin:0;padding:0;font-family:'Noto_Serif_KR', sans-serif; font-size:17px;font-weight:400;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
p,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,select,button,code,label,em,span,strong{margin:0;padding:0;border:0;font-weight:400; font: inherit; color:inherit;letter-spacing:-0.5px;word-break:keep-all;}
form{display:inline;margin:none}
img,fieldset{border:0}
hr{display:none}
li{list-style:none}
em,address{font-style:normal}
label,input,select,textarea{vertical-align:middle;-webkit-appearance:none}
legend{position:absolute;left:-5000px;font-size:0;overflow:hidden}
table { width: 100%; table-layout: fixed; border-collapse:collapse;border-spacing:0;}
table, td, th, tr { border-collapse: collapse }
table, td, th { border-spacing: 0; font-weight: normal }
td, th { border-collapse: collapse }
caption{position:relative;left:-5000px;height:0;line-height:0;text-indent:-5000px;overflow:hidden}
a{/*outline:none;*/ color: inherit; cursor: pointer !important;}
a:link,a:active,a:visited,a{text-decoration:none;font:inherit;color:inherit}
a:hover{text-decoration:none;color:inherit}
label, input, button, select, img {vertical-align:middle}
button{cursor:pointer;outline:none;background:none}
input[type="button"],input[type="text"],input[type="image"],input[type="submit"],input[type="password"],input[type="tel"],input[type="number"],select,textarea{-webkit-appearance:none;-moz-appearance:none;border-radius:4px;box-sizing:border-box;}
input[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox;}
input[type="radio"]{-webkit-appearance:radio;-moz-appearance:radio;}
textarea{resize:none;box-sizing:border-box;}
* {box-sizing:border-box;}
select{box-sizing:border-box;}
select::-ms-expand{display:none;}
::-webkit-input-placeholder { color: #888; }
::-moz-placeholder { color: #888; opacity: 1; }
input:-ms-input-placeholder { color: #888; }
textarea:-ms-input-placeholder { color: #888; }

.invisible { position: absolute; left: -5000px; height: 0; line-height: 0; width: 0; font-size: 0; margin: 0; padding: 0; overflow: hidden }
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
::-webkit-input-placeholder { color: #888; }
:-moz-placeholder { color: #888; opacity: 1; }
::-moz-placeholder { color: #888; opacity: 1; }
:-ms-input-placeholder { color: #888; }


/* Start of "Micro clearfix" */
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

/* End of "Micro clearfix" */
.nofloat { width: 100%; display: block; overflow: hidden; clear: both; background: #fff; }

/* flex */
.flex { display: -moz-flex; display: -webkit-flex; display: -ms-flex; display: flex; -moz-justify-content: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; }

/* motion */
.motion { -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

/* slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none }
.slick-list.dragging { cursor: pointer; cursor: pointer }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto }
.slick-track:before, .slick-track:after { display: table; content: '' }
.slick-track:after { clear: both }
.slick-loading .slick-track { visibility: hidden }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right }
.slick-slide img { }
.slick-slide.slick-loading img { display: none }
.slick-slide.dragging img { pointer-events: none }
.slick-initialized .slick-slide { display: block }
.slick-loading .slick-slide { visibility: hidden }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent }
.slick-arrow.slick-hidden { display: none }
.slick-arrow { }

/* skip navigation */
#skiptoContent { position: absolute; width: auto; top: 0; margin: 0 auto }
#skiptoContent dd { display: inline }
#skiptoContent a { display: inline-block; height: 0; overflow: hidden; text-align: center;color:#fff; }
#skiptoContent a:hover, #skiptoContent a:focus, #skiptoContent a:active { position: relative; height: auto; z-index: 99999999; }

/* select */
select { outline:none;height:60px;padding:0 40px 0 20px;border:1px solid #e3e3e3;font-size:16px;background: url('../images/common/r_select_arrow.png') no-repeat #fff;background-position:right 10px top 50%;color:#555;line-height:60px;font-weight:300;}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"] {outline:none;height:60px;padding:0 10px;font-size:16px;border:1px solid #e3e3e3;color:#555;line-height:60px;font-weight:300;}
textarea {outline: none;padding:20px;border:1px solid #e3e3e3;width:100%;min-height:200px;font-size:18px;color:#555;}
select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus { border: 1px solid #ccc; }
select.error, input.error, textarea.error { border: 1px solid #fe7070; }
select.disabled, input.disabled { background-color: #f5f5f5; }
option {font-size:18px;color: #555;font-weight:300;}
select  ~select {margin-left:10px;}


/*======================================
  Selectric v1.13.0
======================================*/

.selectric-wrapper {
  position: relative;
  cursor: pointer;
 /* width: 100%;*/
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: 1px solid #c8c8c8;
  border-radius: 0px;
  background: #F8F8F8;
  position: relative;
  overflow: hidden;
}

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 38px 0 10px;
  height: 38px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}


.selectric-open {
  z-index: 9999;
}

.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectric-hide-select select {
  position: absolute;
  left: -100%;
}

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border:1px solid #ebebeb;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
  border-top: 0;
}

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}

.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  min-height: 20px;
}

.selectric-items li {
  display: block;
  padding: 15px 10px;
  color: #666;
  cursor: pointer;
}

.selectric-items li.selected {
  /*background: #E0E0E0;*/
  color: #555;
}

.selectric-items li.highlighted {
  /*background: #eee;
  color: #444;*/
}

.selectric-items li:hover {
  background: #D5D5D5;
  color: #444;
}

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  color: #444;
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}

.selectric-items .selectric-group li {
  padding-left: 25px;
}

/* select */
select option{}
.selectric{border: 1px solid #c8c8c8; background: #fff;border-radius: 4px;}
.selectric .label{margin: 0 60px 0 15px;height: 48px; line-height: 48px;}
.selectric .button{font-size: 0; display: block; position: absolute; right: 0; top: 0;width: 42px; height: 48px; line-height: 48px; background:url('../../new_images/common/ico_select_arrow.png') no-repeat 50% 50% #f4f4f4;}

/* btn */
.btn~.btn {}
.btnWrap{text-align: center; margin-top: 30px;}
.btnWrap.left{text-align: left}
.btnWrap.right{text-align: right;}
.btnWrap a	{font-size:18px;color:#fff;line-height: 70px;}
.btn { height: 27px; line-height: 25px; background-color: #fff; color: #212121; display: inline-block; text-align: center; padding: 0 20px; border: 1px solid #e5e5e5; box-sizing: border-box; font-size: 16px;}
.btn01{color: #fff !important; background: #042a59; line-height: 70px; min-width: 250px; height: 70px;}
.btn02{color: #fff !important; line-height: 70px; min-width: 250px; background: #0f275c; height: 70px;}
.btn03{color: #042a59; border: 1px solid #042a59; line-height:70px;min-width: 250px; height:70px;}
.btn04{color: #042a59; border: 1px solid #a8b2bf; line-height: 40px; height: 40px; max-width: 165px; font-size: 15px; font-weight: 400;}
.btn_go 	{text-align:center; margin-top:20px;}
.btn_go a	{display:inline-block; width:380px; line-height:70px; text-align:center; color:#fff; background:#dd3900; font-size:17px; font-weight:600;}
.btn_down 	{text-align:right; margin-top:20px;}
.btn_down a	{display:inline-block; padding:0 40px; /*min-width:350px;*/ min-width: 145px; box-sizing:border-box; height: 50px; line-height:50px; text-align:center; color:#fff; background:#767676; font-size:15px; font-weight:300;}
.btn_down a ~ a	{margin-left:5px;}
.btn_down a:before	{display:inline-block; margin-right:5px; content:''; background:url('../images/service/ico_down.png')no-repeat; width:13px; height:12px; }
.btnBlue{display: block; width: 420px; height: 60px; line-height: 60px; text-align: center; background: #042a59; color: #fff; font-size: 16px; margin: 30px auto 0;}

/* check box */
.chk_box input[type=checkbox]{width:18px;height:18px;border: 1px solid rgba(0, 0, 0, 0);-webkit-appearance:none;}
.chk_box{display:inline-block;position:relative;line-height:18px;}
.chk_box{display:inline-block;position:relative;line-height:18px;}
.chk_box label{display:inline-block;padding-left:10px;font-size:14px;}
.chk_box label:before{content:"";position:absolute;top:2px;left:0;width:18px;height:18px;background:url(../images/ico_chk.png) no-repeat 0 0}
.chk_box input[type="checkbox"]:checked + label::before{background:url(../images/ico_chk_on.png) no-repeat 0 0}
.chk_box input:disabled + label:before{background:url(../images/ico_chk_di.png) no-repeat 0 0}
.chk_box input:disabled:checked + label:before{background:url(../images/ico_chk_on_di.png) no-repeat 0 0}
.chk_box.type label{width:18px;height:18px;padding-left:0;font-size:0}
.chk_box~.chk_box{margin-left:20px;}

.radio_box input[type=radio]{width:20px;height:20px;border: 1px solid rgba(0, 0, 0, 0);-webkit-appearance:none;}
.radio_box{display:inline-block;position:relative;line-height:60px;}
.radio_box label{display:inline-block;padding-left:10px;font-size:18px;color:#555;cursor:pointer;}
.radio_box label:before{content:"";position:absolute;top:20px;left:0;width:20px;height:20px;border:2px solid #c3c3c3;border-radius:100%;box-sizing:border-box;}
.radio_box input[type="radio"]:checked + label::before{background:url('../images/common/ico_radio_on.png') no-repeat 0 0;border:none;}
.radio_box input:disabled + label:before{background:url('../images/common/ico_radio_di.png') no-repeat 0 0}
.radio_box input:disabled:checked + label:before{background:url('../images/common/ico_radio_on_di.png') no-repeat 0 0}
.radio_box.type label{width:20px;height:20px;padding-left:0;font-size:0}
.radio_box~.radio_box{margin-left:60px;}

@media (max-width: 900px) {	
	select, input, option, .radio_box label	{font-size:16px;height:50px;line-height:50px;}
	input[type="text"], input[type="password"], input[type="tel"], input[type="number"]	{font-size:16px;height:50px;line-height:50px;}
	.radio_box label:before	{top:16px;}
	.radio_box	{line-height:40px;}
	.radio_box~.radio_box	{margin-left:40px;}	
}

@media (max-width: 768px) {	
	.radio_box	{display:block;}
	.radio_box~.radio_box	{margin-left:0;}	

}
/* table */
/* board */
.boardWrap{margin-top: 40px;}
.boardWrap .board_search{text-align: right;}
.boardWrap .board_search label{position: absolute; left: -5000px; height: 0; line-height: 0; width: 0; font-size: 0; margin: 0; padding: 0; overflow: hidden}
.boardWrap .searchWrap{display: inline-block; position: relative; margin-left: 3px;}
.boardWrap .searchWrap input[type="text"]{padding:0 42px 0 10px;margin-left:10px;min-width:300px;}
.boardWrap .searchWrap input[type="submit"]{font-size: 0; width :42px; height: 60px; background: url(../images/common/ico_search.png)no-repeat 50% 50%; position: absolute; top:0; right:0; cursor: pointer;}
.board_list{border-top:2px solid #222; margin-top: 15px; position: relative;}
.board_list table{table-layout:fixed;width:100%;text-align:center;border-collapse:collapse;}
.board_list thead th{line-height:60px;height:60px;padding:0px 5px;vertical-align:middle;font-size: 15px; border-bottom:1px solid #f1f1f1; color: #000; background:#fbfbfb;}
.board_list tbody th{height:50px;line-height:50px;padding:5px;vertical-align:middle;border-right:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;word-break:normal;}
.board_list td{height:50px;/*line-height:50px;*/padding:5px;vertical-align:middle;border-bottom:1px solid #f1f1f1;text-align:center; font-size: 16px; color: #333; font-weight: 300; border-right: 0; word-break: break-all;}
.board_list .cell_type{padding:5px 15px 5px 25px;text-align:left;word-break:break-word;}
.board_list .cell_type a{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.board_list .num{width:105px}
.board_list .part{width:125px}
.board_list .writer{width:110px}
.board_list .date{width:110px}
.board_list .hit{width:105px}
.board_list .file{width:110px}
.board_list .file a{display:inline-block;font-size:0;background:url(../images/ico_file.png) no-repeat 50% 50%;}
.board_list .type{width:110px}
.board_list .select{width:60px}
.board_list .cus-inform{width:100px}
.board_list .tel-num{width:100px}
.board_list .add{width:250px}
.board_list .category{width: 110px;}
.board_list .answer{width: 105px;}
.board_list .agency,.board_list .period{width: 200px;}
.board_list .dept{width: 105px;}

.board_view{position:relative;border-top:2px solid #222;    border-bottom: 1px solid #cdcdcd;}
.content .board_view h3{/*line-height:86px;*/font-size:20px;color:#222;background:#fff;font-weight: 700; border-bottom: 1px solid #f1f1f1; padding: 20px 30px; margin: 0; text-align: left;}
.content .board_view h3:after{content: none;}
.board_view .subTableWrap{border-bottom: 1px solid #cdcdcd;}
.board_view .subTableWrap ul{border-bottom: 1px solid #f1f1f1; font-size: 0;}
.board_view .subTableWrap ul li{font-size: 15px; color: #666;font-weight: 300;line-height: 50px;display: inline-block; padding:0 15px; background: url(../images/common/bg_gubun.jpg) no-repeat 100% 50%; }
.board_view .subTableWrap ul li:first-child{ margin-left: 14px;}
.board_view .subTableWrap ul li:last-child{ background: 0;}
.board_view .subTableWrap ul li span{color: #000; padding-left: 5px;}
.board_view .subTableWrap .fileWrap{ padding:20px; font-size: 15px;}
.board_view .subTableWrap .fileWrap .tit{vertical-align: top; color: #000;}
.board_view .subTableWrap .fileWrap .file{display: inline-block; margin-left: 20px;}
.board_view .subTableWrap .fileWrap .file a{display: block;color: #666;font-weight: 300;}

.board_view .date{line-height: 24px; padding-bottom:16px;letter-spacing:1px;font-size:13px;}
.board_view .name{display:inline-block;padding:2px 10px;border-radius:3px;font-size:13px;color:#666;background:#f5f9fd}
.board_view .memo{min-height:200px;padding:40px;margin-bottom:30px;line-height:28px;box-sizing:border-box;word-wrap: break-word; font-weight: 300; color:#333; /*max-width: 1120px;*/ }
.board_view .memo img{width:100% !important; height: 100% !important;}
.board_view .memo h2{color: #4d4d4d; font-weight: 500;}
.board_view .memo strong{font-weight: 600;}
/* 공유하기 */
.boardWrap .shareWrap{}
.boardWrap .shareWrap li{ float: left; display: inline-block; padding:10px 0;}
.boardWrap .shareWrap li a{font-size: 0; display: block; width: 38px; height: 38px; border-radius: 100%; border: 1px solid #d5d5d5; margin-right: 8px;}
.boardWrap .shareWrap li a.share_fb{background: url(../images/common/ico_fb_out.png)no-repeat 50% 50%;}
.boardWrap .shareWrap li a.share_tw{background: url(../images/common/ico_tw_out.png)no-repeat 50% 50%;}
.boardWrap .shareWrap li a.share_gp{background: url(../images/common/ico_gg_out.png)no-repeat 50% 50%;}
.boardWrap .shareWrap li a.share_nb{background: url(../images/common/ico_bl_out.png)no-repeat 50% 50%;}
.boardWrap .shareWrap li a.share_ig{background: url(../images/common/ico_ig_out.png)no-repeat 50% 50%;}
.boardWrap .shareWrap li a.share_kt{background: url(../images/common/ico_kt_out.png)no-repeat 50% 50%;}
.boardWrap .shareWrap li a.share_url{background: url(../images/common/ico_url_out.png)no-repeat 50% 50%;}
.boardWrap .shareWrap li a.share_fb:hover{background: url(../images/common/ico_fb_on.png)no-repeat 50% 50%;border:1px solid #5c5c5c;}
.boardWrap .shareWrap li a.share_tw:hover{background: url(../images/common/ico_tw_on.png)no-repeat 50% 50%;border:1px solid #5c5c5c;}
.boardWrap .shareWrap li a.share_gp:hover{background: url(../images/common/ico_gg_on.png)no-repeat 50% 50%;border:1px solid #5c5c5c;}
.boardWrap .shareWrap li a.share_nb:hover{background: url(../images/common/ico_bl_on.png)no-repeat 50% 50%;border:1px solid #5c5c5c;}
.boardWrap .shareWrap li a.share_ig:hover{background: url(../images/common/ico_ig_on.png)no-repeat 50% 50%;border:1px solid #5c5c5c;}
.boardWrap .shareWrap li a.share_kt:hover{background: url(../images/common/ico_kt_on.png)no-repeat 50% 50%;border:1px solid #5c5c5c;}
.boardWrap .shareWrap li a.share_url:hover{background: url(../images/common/ico_url_on.png)no-repeat 50% 50%;border:1px solid #5c5c5c;}

.board_write.table_area > table th{width: 18%; padding: 20px; text-align: left; font-weight: 400;}
.board_write.table_area > table select{width: 20%;}
.board_write.table_area > table input,.board_write textarea{width: 100%;}
.board_write.table_area table tbody td .file{width: 55%; height: 45px; line-height: 45px; border: 1px solid #f1f1f1; float: left; box-sizing: border-box;}
.board_write.table_area table tbody td .btn.find{height: 45px; line-height: 45px; background: #f2f8ff; border: 1px solid #042a59; color: #042a59; margin-left: 10px; font-weight: 400;}

.fileWrap{padding:10px 0;}
.fileWrap input[type="button"]{width: auto !important;padding: 5px 10px; height: 20px;line-height: 8px;font-size: 14px;cursor: pointer;}
.fileWrap input[type="file"]{width: auto !important;height: auto !important; line-height: 1em !important; padding:5px; margin-bottom: 10px;}
.fileWrap #egovComFileList div{color: #dd3900; font-size: 14px;}

/* 포토갤러리 */
.gallery_list{z-index:0;position: relative; border-top: 2px solid #222; border-bottom: 1px solid #f1f1f1; margin-top: 15px;}
.gallery_list .countWrap,.board_list .countWrap{position: absolute; top: -35px; left: 0; font-size: 16px; font-weight: 300; color: #585858;}
.gallery_list .countWrap span,.board_list .countWrap span{font-weight: 700; color: #3880d8;}
.gallery_list ul{overflow:hidden; margin-bottom: 40px; margin-left: -10px; margin-right: -10px;}
.gallery_list li{position:relative;float:left;width:20%;margin-top:40px;}
.gallery_list li .box{margin: 0 25px;}
.gallery_list a{display:block;}
.gallery_list .thum{margin-bottom:20px;border: 1px solid #e1e1e1;box-sizing: border-box; position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom:67%;}
.gallery_list .thum .imgWrap,.gallery_list .thum>a{ position: absolute;display: block;top:0;left: 0;width: 100%;height: 100%; }
.gallery_list .thum img{width:100%;height:100%;}
.gallery_list .tit a{overflow:hidden;text-overflow:ellipsis; font-weight:700; font-size: 15px; line-height: 20px; height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.gallery_list .memo{margin-top:10px;font-size:15px;font-weight: 300;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; word-wrap:break-word;}
.gallery_list .memo span{color: #666;}
.gallery_list .memo span:first-child{position: relative; color: #666666; margin-right: 20px;}
.gallery_list .memo span:first-child:after{content: ''; position: absolute; top: 0; bottom: 0; right: -11px; margin: auto; width: 1px; height: 11px; background: #d6d6d6;}

.board_view.gallery{font-size: 0;}
.board_view.gallery table{display: inline-block; text-align: left; font-weight: 300; font-size: 15px;}
.board_view.gallery table tbody th{color: #666; padding: 15px 4px 15px 20px; vertical-align: top;}
.board_view.gallery table.ty1 tbody td{border: 0; padding-right: 10px; position: relative;}
.board_view.gallery table.ty1 tbody td:nth-child(2):after{content: ''; position: absolute; top: 0; bottom: 0; right: -5px; margin: auto; width: 1px; height: 13px; background: #d6d6d6;}
.board_view.gallery table.ty2 tbody td{padding: 10px 0;}
.board_view.gallery table.ty2 tbody td div{width: 116px;}
.board_view.gallery table.ty2 tbody td div img{width: 100%;}
.board_view.gallery table~table{border-top: 1px solid #f1f1f1;}
.board_view.gallery .memo{padding: 50px 50px 70px; font-size: 16px; color: #555555;}
.board_view.gallery .memo .thum{position: relative; height: 0; padding-bottom: 56.25%;}
.board_view.gallery .memo .thum iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.board_view.gallery .memo .video{max-width: 1120px; margin: 0 auto;}
.board_view.gallery .memo video{width: 100%;}

.prevNext_list{border-top:1px solid #e1e1e1; margin-top: 40px;}
.prevNext_list li{position:relative;height:70px;line-height:70px;padding:0 20px 0 165px;border-bottom:1px solid #f1f1f1}
.prevNext_list li span{position:absolute;top:0;left:0px;width:135px;color:#000; padding-left: 35px; box-sizing: border-box;background:#fbfbfb;}
.prevNext_list li span:before{content:"";position:absolute;top:34px;right:25px;width:8px;height:5px;background: url(../images/common/bg_arrow_up.png)no-repeat 0 0;}
.prevNext_list li:last-child span:before{content:"";background: url(../images/common/bg_arrow_down.png)no-repeat 0 0;}
.prevNext_list li a{display:block;color: #333; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.prevNext_list li a b{font-weight: 300;}
.prevNext_list .new{margin-right:5px}

/* 220128 매거진 추가 */
.magazine_list ul{font-size: 0; margin: 0 -15px;}
.magazine_list ul li{display: inline-block; width: 25%; padding: 0 15px; box-sizing: border-box; margin-bottom: 90px;}
.magazine_list ul li .thum{border: 1px solid #e7e7e7; position: relative; width: 100%; height: 0; padding-bottom: 136.231%;}
.magazine_list ul li .thum a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.magazine_list ul li .thum a img{display: block; width: 100%; height: 100%;}
.magazine_list ul li .tit{margin: 25px 0 20px;}
.magazine_list ul li .tit .yuhan{font-size: 15px; color: #777;}
.magazine_list ul li .tit .vol{font-size: 22px; color: #222; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.magazine_list ul li .btns{display: flex;}
.magazine_list ul li .btns a{width: 100%; font-size: 15px; color: #444; line-height: 38px; border: 1px solid #c9cbcf; text-align: center; display: block; box-sizing: border-box;}
.magazine_list ul li .btns a span{position: relative;}
.magazine_list ul li .btns a.view span{padding-left: 27px;}
.magazine_list ul li .btns a.view span:before{content: ''; position: absolute; top: 5px; left: 0; width: 21px; height: 12px; background: url(../images/common/ico_view.png) no-repeat 0 0;}
.magazine_list ul li .btns a.down span{padding-left: 22px;}
.magazine_list ul li .btns a.down span:before{content: ''; position: absolute; top: 2px; left: 0; width: 16px; height: 17px; background: url(../images/common/ico_down.png) no-repeat 0 0;}
.magazine_list ul li .btns a~a{margin-left: 5px;}
.magazine_list+.paging{margin: 10px auto 0;}

.paging{position:relative;text-align:center;margin:40px auto 0;font-size:0;}
.paging *{vertical-align:middle;}
.paging ul{display:inline-block;margin:0 30px;font-size:0;}
.paging li{display:inline-block;}
.paging li~li{margin-left:10px}
.paging li a,.paging li strong{position:relative;display:inline-block;width:30px;height:30px;line-height:30px;font-weight: 300 ; font-size:17px;text-align:center;color:#666;box-sizing:border-box}
.paging li strong a,.paging ul li strong{color:#000; font-weight: 500; position: relative;}
.paging li strong a:after,.paging ul li strong:after{content:''; width: 50%; height: 1px; background: #666; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.paging .prev,.paging .next,.paging .first,.paging .last{display:inline-block;width:30px;height:30px;font-size:0;text-indent:-5000px;border:1px solid #e2e2e2;}
.paging .prev{margin-left:-1px;background:url(../images/common/btn_pre.png) no-repeat 50% 50%;}
.paging .next{background:url(../images/common/btn_nxt.png) no-repeat 50% 50%; margin-right: -1px;}
.paging .first{margin-right:5px;background:url(../images/common/btn_first.png) no-repeat 50% 50%;}
.paging .last{margin-left:5px;background:url(../images/common/btn_last.png) no-repeat 50% 50%;}


/* padding */
.pd-left5 { padding-left: 5px !important }
.pd-left10 { padding-left: 10px !important }
.pd-left15 { padding-left: 15px !important }
.pd-left20 { padding-left: 20px !important }
.pd-left25 { padding-left: 25px !important }
.pd-left30 { padding-left: 30px !important }
.pd-right5 { padding-right: 5px !important }
.pd-right10 { padding-right: 10px !important }
.pd-right15 { padding-right: 15px !important }
.pd-right20 { padding-right: 20px !important }
.pd-right25 { padding-right: 25px !important }
.pd-right30 { padding-right: 30px !important }
.pd-top10 { padding-top: 10px !important }
.pd-top15 { padding-top: 15px !important }
.pd-top20 { padding-top: 20px !important }
.pd-top25 { padding-top: 25px !important }
.pd-top30 { padding-top: 30px !important }
.pd-bottom10 { padding-bottom: 10px !important }
.pd-bottom15 { padding-bottom: 15px !important }
.pd-bottom20 { padding-bottom: 20px !important }
.pd-bottom25 { padding-bottom: 25px !important }
.pd-bottom30 { padding-bottom: 30px !important }

/* margin */
.mg-left5 { margin-left: 5px !important }
.mg-left10 { margin-left: 10px !important }
.mg-left15 { margin-left: 15px !important }
.mg-left20 { margin-left: 20px !important }
.mg-left25 { margin-left: 25px !important }
.mg-left30 { margin-left: 30px !important }
.mg-right5 { margin-right: 5px !important }
.mg-right10 { margin-right: 10px !important }
.mg-right15 { margin-right: 15px !important }
.mg-right20 { margin-right: 20px !important }
.mg-right25 { margin-right: 25px !important }
.mg-right30 { margin-right: 30px !important }
.mg-top10 { margin-top: 10px !important }
.mg-top15 { margin-top: 15px !important }
.mg-top20 { margin-top: 20px !important }
.mg-top25 { margin-top: 25px !important }
.mg-top30 { margin-top: 30px !important }
.mg-bottom10 { margin-bottom: 10px !important }
.mg-bottom15 { margin-bottom: 15px !important }
.mg-bottom20 { margin-bottom: 20px !important }
.mg-bottom25 { margin-bottom: 25px !important }
.mg-bottom30 { margin-bottom: 30px !important }

@media (max-width: 1200px){
    .gallery_list li{width: 25%;}
}

@media (max-width:900px) {
	select,input[type="text"], input[type="password"], input[type="tel"], input[type="number"]{font-size: 14px;}

	.btnWrap a	{height: 40px; line-height: 40px;}
	.btn01,.btn02,.btn03,.btn04{/*min-width: 110px;*/ min-width: 265px; height: 40px; line-height: 40px; font-size: 13px;}
	.btn_go a	{width:100%; font-size:16px; line-height: 50px;}
	.btn_down a	{display:block; padding:0; height: 42px; line-height:42px; font-size:13px; min-width:100%; }
	.btn_down a~a	{margin-left:0; margin-top:5px; }
	.btnBlue{width: 100%; height: 40px; line-height: 40px; font-size: 14px;}

	/* board */
	.boardWrap{margin-top: 20px;}
	.board_search{position:relative;margin-bottom:20px;padding:0;text-align:left}
	.board_search .box{width:100%;display:block}
	.board_search select{display:block;width:100% ! important;margin-bottom:5px; background-position-x: 98%;}
	.boardWrap .searchWrap{display: block;margin:0;}
	.board_search input{display:block;width:100%;box-sizing:border-box;margin:0 !important;height:50px ! important;}
	.boardWrap.ty2 table{overflow-x: auto; display: block;}

	.paging{margin:30px auto 0;}
	.paging ul{margin:0}
	.paging li{margin:0}
	.paging .first,.paging .last{margin:0}
	.paging li a, .paging li strong{width:26px;height:30px; font-size: 13px;}

	.board_list thead th{height:24px;font-size:15px; line-height: 40px;}
	.customer_main .board_list thead th{height:40px;}
	.board_list tbody td{height:29px; /*line-height: 29px;*/ font-size:14px;}
	.board_list tbody td.none_data{display: table-cell;}
	.board_list tbody td.noData{display: table-cell;}
	.board_list .num{width:40px;}
	.board_list .cell_type{padding:5px;}
	.board_list .part{display:none}
	.board_list .bbs_nodata .part{display:table-cell;}
	.board_list .writer{display:none}
	.board_list .bbs_nodata .writer{display:table-cell;}
	.board_list .date{width:75px;}
	.board_list .hit{display:none}
	.board_list .bbs_nodata .hit{display:table-cell;}
	.board_list .file{display:none}
	.board_list .bbs_nodata .file{display:table-cell;}
	.board_list .place{display:none}
	.board_list .bbs_nodata .place{display:table-cell;}
	.board_list .i_noti{width:48px;height:22px;line-height:22px;font-size:12px;background-size:cover ! important}
	.board_list .i_file{width:14px;height:14px;background-size:cover ! important}
	.board_list .countWrap{top: -24px; font-size: 14px;}
	.board_list .agency div{width: 150px;}
	.board_list .period div{width: 150px;}
	.board_list .cts div{width: 300px;}

	.content .board_view h3{line-height:28px;padding:10px;font-size:18px;}
	.content .board_view h3:after{}
	.content .board_view h3 .part{line-height:14px;padding-right:12px;margin-right:12px}
	.content .board_view h3:after{}
	.content .board_view h3 .part:before{top:2px}
	.content .board_view h3:after{}
	.board_view .date{margin-top:3px;padding-bottom:12px;font-size:11px;}
	.board_view .date .txt{display:block;margin-top:8px;margin-left:0;}
	.board_view .name{margin-right:5px;font-size:11px;}
	.board_view .memo{min-height:300px;padding:20px 10px;margin-bottom:20px;font-size:14px;}
	/*.board_view .memo *{padding: 0 !important;}*/
	.board_view .memo table{width: 100% !important; display: block;}

	.board_view .sns_g{margin-top:20px;text-align:center;}
	.board_view .sns_g button{width:28px;height:28px;}
	.board_view .sns_g button~button{margin-left:6px}
	.board_view .anwer{position:relative;margin:20px -12px -20px;padding:20px 20px 25px 40px;background:#f8f8f8}
	.board_view .anwer:before{top:20px;left:15px;font-size:16px;}
	.board_view .subTableWrap ul{border-bottom: 0;}
	.board_view .subTableWrap ul li{display: block; line-height: 30px; font-size: 14px; padding:0 10px;border-bottom: 1px solid #f1f1f1;background: 0;}
	.board_view .subTableWrap ul li:first-child{margin:0;}
	.board_view .subTableWrap .fileWrap{padding:10px; font-size: 14px;}
	.board_view .subTableWrap .fileWrap .file{padding:0 10px; margin:0;}

	.board_write.table_area > table th{padding: 15px;}
	.board_write.table_area > table select{width: 100%;}
	.board_write.table_area table tbody td .file{width: 70%; height: 35px; line-height: 35px; font-size: 12px;}
	.board_write.table_area table tbody td .btn.find{height: 35px; line-height: 35px; margin-left: 2%; width: 28%; padding: 0 10px;}

	.boardWrap .shareWrap li{padding:4px 0;}
	.boardWrap .shareWrap li a{width: 30px; height: 30px; margin-right: 4px;}

	.fileWrap input[type="file"]{width:100% !important;}

	.gallery_list,.board_list{margin-top:40px;font-size:14px;}
	.gallery_list .countWrap{top: -26px; font-size: 14px;}
	/*.gallery_list ul{margin:-20px 0 20px;}*/
	.gallery_list ul{margin-left: 0; margin-right: 0;}
	.gallery_list li{width:50%;margin-top:20px;}
	.gallery_list li .box{margin:0 10px;}
	.gallery_list .thum{margin-bottom:10px;}
	/* .gallery_list .tit a{font-size:15px;line-height:1em;} */
	.gallery_list .memo{margin-top:5px; font-size: 14px;}

	.board_view.gallery table{font-size: 12px;}
	.board_view.gallery table tbody th{padding: 10px 4px 10px 10px;}
	.board_view.gallery table.ty1 tbody td{padding-right: 5px;}
	.board_view.gallery .memo{padding: 20px 0; font-size: 14px;}

	.prevNext_list li{height:40px;line-height:40px;padding:0 10px 0 95px; font-size: 14px;}
	.prevNext_list li span{width:85px; padding-left: 15px;}
	.prevNext_list li span:before{top:19px; right:13px;}

	.magazine_list ul{margin: 0;}
	.magazine_list ul li{width: 50%; margin-bottom: 45px;}
	.magazine_list ul li .tit{margin: 15px 0 10px;}
	.magazine_list ul li .tit .yuhan{font-size: 14px;}
	.magazine_list ul li .tit .vol{font-size: 18px;}
	.magazine_list ul li .btns a{font-size: 13px;}

}
@media (max-width:640px) {
	.btn01,.btn02,.btn03,.btn04{min-width: 110px;}

	.board_list .num{width: 30px; }
	.paging li a, .paging li strong{width: 15px; height: 28px;}
	.paging .prev, .paging .next, .paging .first, .paging .last{width: 25px; height: 25px;}
	.paging .prev{margin-right: 5px;}
	.paging .next{margin-left: 5px;}
	#popup-wrap .layerPop{width: 100% !important;}
	#popup-wrap .memo img{width: 100%; height: auto;}
	
}
@media (max-width:375px) {
	/*.board_list .num{width: 20px; }*/

	.magazine_list ul li .btns{display: block;}
	.magazine_list ul li .btns a~a{margin: 5px 0 0;}

}