/**** header ****/


/*숨김*/
.hidden {display:none}
.hiddenEnforce {display:none !important}
.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0}

/* header_wrap  */
#header {position:absolute; top:0; left:0; width:100%; height:90px; z-index:999;}
.header_wrap {display:table; border-bottom:1px solid rgba(255,255,255,.2); padding-left:0%; padding-right:0%; }
.header_wrap>div {float:none !important; display:table-cell; vertical-align:middle; border-right:0px solid rgba(255,255,255,.2);}
.header_wrap>div:last-child {border-right:0;}
.header_wrap>div.h_logo {text-align:left;  padding:20px 0px 0px 20px; box-sizing: border-box;}
.header_wrap>div.h_logo img {margin:0 auto; min-width:150px; }
.header_wrap>div a {display:inline-block; color:#fff; /*text-align:center;*/}
.header_wrap .museum_link {/*padding-left:5%*/}
.header_wrap .util {/*padding-right:5%;*/ text-align:right;}
.header_wrap .museum_link a,
.header_wrap .util a {/*display:inline-block; */padding:0 30px; overflow:hidden; position:relative; cursor:pointer;}
.header_wrap .museum_link a {float:left;}
.header_wrap .util a.eng {border:1px solid #fff; border-radius:20px; padding:5px 17px;}


nav.mobile .dep1 > a .fa{position:absolute;right:20px;margin-top:5px;color:#999;}
nav.mobile .dep2 > li > a .fa{position:absolute;right:20px;margin-top:5px;color:#999;}

/* gnb */
nav.pc {margin-top:0px; }
nav.pc .gnb {position:relative; height:90px; line-height:90px;}
nav.pc .gnb .gnb_box {width:100%; margin:0 auto;}
nav.pc .gnb .gnb_in {overflow:hidden;width: 80%;max-width: 1300px;margin: 0 5%; border:0px solid #000;display:inline-block;}
nav.pc .gnb .gnb_in>li.dep1 {float:left;width: 18%; margin:0px 1% 0px 1%; font-weight:500; letter-spacing:-0.5px;border: 0px solid #df1032;box-sizing: border-box;}
nav.pc .gnb .gnb_in>li.dep1>a {display:block; text-align:center; color:#fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.7); font-size:18px; }
nav.pc .gnb .gnb_in>li.dep1>a:hover {color:#ff8000;}
/* nav.pc .gnb .gnb_in>li:nth-child(9),
nav.pc .gnb .gnb_in>li:last-child {display:none;} */
nav.pc .gnb .gnb_in>li>li:nth-child(10) {display:none;} 
nav.pc .gnb .sns_link { display:inline-block; overflow:hidden; }
nav.pc .gnb .sns_link img.pc {}
nav.pc .gnb .sns_link img.m {display:none;}

nav.pc .gnb .insta img.pc {position: absolute; left: 85%; top:30px;}
nav.pc .gnb .insta img.m {display:none;}

@media screen and (max-width:1500px) {
nav.pc .gnb .insta img.pc {display:none;}
nav.pc .gnb .insta img.m {display:block; position: absolute; width:36px; left:86%; top:26px;}
nav.pc .gnb .sns_link img.pc {display:none;}
nav.pc .gnb .sns_link img.m {display:block;padding-right:30px;}
}

@media screen and (max-width:991px) {
nav.mobile .gnb .insta img.m {display:none;}
nav.pc .gnb .sns_link img.m {display:none;}
}

/* 마우스오버시 */
#header.on {background:#fff; }
#header.on .header_wrap {border-bottom:1px solid rgba(0,0,0,.1);}
#header.on .header_wrap .util {border-right:0px solid rgba(0,0,0,.1);}
#header.on .header_wrap>div {border-right:0px solid rgba(0,0,0,.1);}
#header.on .header_wrap>div a {color:#222; text-shadow: 1px 1px 4px rgba(255,255,255,255.6);}
#header.on .header_wrap .util a.eng {border:1px solid #333;}
#header.on .header_wrap .museum_link a:hover,
#header.on .header_wrap .util a:hover {color:#b6925a;} 
#header.on .header_wrap .util a:hover.eng {border:1px solid #b6925a;}
#header.on nav.pc .gnb .gnb_in>li.dep1>a {color:#222;}
#header.on nav.pc .gnb .allMenu {background:url(../images/layout/icon_allmenu.png) 50% 50% no-repeat; background-size:35%;}


/* gnb sub 타이틀영역 */
/* nav.pc .sub_nav {display:none; position:absolute; top:69px; left:0; width:100%; padding-bottom:30px; background-image:url(../images/layout/gnbbg_top.jpg), url(../images/layout/gnbbg_bottom.jpg); background-repeat:no-repeat; background-position:right top, left bottom; background-color:#fff; z-index:99; box-shadow:0px 5px 10px rgba(0,0,0,.2) !important;} */
nav.pc .sub_nav {display:none; word-break: keep-all; position:fixed; top:90px; left:0; width:100%;  min-height:350px; padding-bottom:50px; background-position:center bottom; border-top:1px solid #e5e5e5;border-bottom: 3px solid #37807d;  background-color:#f6f6f6;  /*background-image:url(../images/layout/gnbbg.jpg);*/  z-index:99; box-shadow:0px 7px 7px rgba(0,0,0,.1) !important;}
/*
nav.pc .sub_nav:after {
  content: '';
  position: absolute;
  left: 0;
  right: 50%;
  top: 0px;
  bottom: 0;
  margin-right: 280px;
  background:url(../images/layout/gnb_bg.png) right 0 no-repeat; 
  background-color: #fff;
}
*/
 
nav.pc .gnb_sub_001:after {
	content: '';
	position: absolute;
	left: 0;
	right: 50%;
	top: 0px;
	bottom: 0;
	margin-right: 280px;
	background:url(../images/layout/gnb_sub_001.jpg) right 0 no-repeat; 
	background-color: #fff;
}
nav.pc .gnb_sub_002:after {
	content: '';
	position: absolute;
	left: 0;
	right: 50%;
	top: 0px;
	bottom: 0;
	margin-right: 280px;
	background:url(../images/layout/gnb_sub_001.jpg) right 0 no-repeat; 
	background-color: #fff;
}
nav.pc .gnb_sub_003:after {
	content: '';
	position: absolute;
	left: 0;
	right: 50%;
	top: 0px;
	bottom: 0;
	margin-right: 280px;
	background:url(../images/layout/gnb_sub_001.jpg) right 0 no-repeat;
	background-color: #fff;
}
nav.pc .gnb_sub_004:after {
	content: '';
	position: absolute;
	left: 0;
	right: 50%;
	top: 0px;
	bottom: 0;
	margin-right: 280px;
	background:url(../images/layout/gnb_sub_001.jpg) right 0 no-repeat;
	background-color: #fff;
}
nav.pc .gnb_sub_005:after {
	content: '';
	position: absolute;
	left: 0;
	right: 50%;
	top: 0px;
	bottom: 0;
	margin-right: 280px;
	background:url(../images/layout/gnb_sub_001.jpg) right 0 no-repeat;
	background-color: #fff;
}


nav.pc .sub_nav .sub_nav_tit  {padding-right:0px; z-index:999; box-sizing: border-box;}
 
nav.pc .sub_nav .sub_nav_tit h3 {display:inline-block;  font-family:'gyeonggi-Title_Medium'; padding:0px; margin:60px 0px 0px 0px; color:#2d7b52; font-size:30px;  line-height:30px; font-weight:600; letter-spacing:-1px;  /* border-bottom:2px solid #915c38; */ }
nav.pc .sub_nav .sub_nav_tit p {margin:-20px 0px; padding:0px; font-size:14px; font-weight:400;  line-height:22px;  letter-spacing:-1px;}
nav.pc .sub_nav.on {display:block;}
nav.pc .sub_nav .sub_nav_con {float:right; }

nav.pc .gnb .gnb_in li:nth-child(8) {display:none;}
nav.pc .gnb .gnb_in li:nth-child(9) {display:none;}
nav.pc .gnb .gnb_in .dep2 {overflow:hidden; margin-top:15px;}
nav.pc .gnb .gnb_in .dep2>li {position:relative; float:left; width:29%; margin:0px 4% 20px 0%; box-sizing: border-box;}

/*nav.pc .gnb .gnb_in .dep2>li:first-child(3n+1) {margin-left:0px;}*/
nav.pc .gnb .gnb_in .dep2>li:nth-child(3n+1) {clear:both;}
nav.pc .gnb .gnb_in .dep2>li>a {display:block; width:100%; padding:5px 20px 5px 30px;  color:#000; text-align:left; letter-spacing:-0.05em; font-size:14px; color:#333; line-height:30px;  background:url(../images/layout/sub_gnb_arr.png) right 17px center no-repeat;background-color:#fff; border: 1px solid #cccccc; letter-spacing: -0.4px; transition: all 0.3s; border-radius:2px; box-sizing: border-box; }
/*nav.pc .gnb .gnb_in a:hover {text-decoration: none; color:#000;}*/

nav.pc .gnb .gnb_in .dep2>li>a.blank{padding-right:10px;background:url(/tkbframe/theme/garden/assets/images/ico/blank.png) right 17px center no-repeat; background-color: #fff;}


nav.pc .gnb .gnb_in .dep2>li > a:focus {background-image: url('../images/layout/sub_gnb_arr_on.png'); background-position: right 15px center; color: #0c347c;}
nav.pc .gnb .gnb_in li > a:after {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
nav.pc .gnb .gnb_in li > a .txt {display: inline-block; font-size: 15px; font-weight: 500; vertical-align: middle;}


nav.pc .gnb .gnb_in .dep3 {margin-top:10px;}
nav.pc .gnb .gnb_in .dep3>li {line-height:1.6; font-size:15px; padding:3px 15px 3px 15px; background:url(../images/layout/dash_s.jpg) no-repeat 5px 15px;box-sizing: border-box;}
nav.pc .gnb .gnb_in .dep3>li>a {color:#000;}


.home .txt{position: absolute;height: 0; overflow: hidden; font-size: 1px; text-indent: -9999px; line-height: 0;}

/* 메뉴 커스터마이징 */
.gnb_in > li:nth-of-type(2) .dep2 > li:nth-of-type(5) .dep3 {display:none;}
    
/* gnb allMenu */
nav.pc .gnb .allMenu {float:right; display:inline-block; width:70px; height:70px; background:url(../images/layout/icon_allmenu_w.png) 50% 50% no-repeat; background-size:35%; cursor:pointer;}
.am_view {
	position:fixed; top:0px; left:-100%; width:100%; height:100vh; z-index:99;
	background:url(../images/layout/allMenu_bg.jpg) no-repeat center #655e56; transition:all 0.75s cubic-bezier(.77,.06,.28,.85);
}
/*
.am_view .allMenu_con {display:table; width:100%; height:100%;}
.am_view .gnb {display:table-cell; width:100%; height:100%; padding:100px 0 0 96px;}
*/
.am_view .gnb {margin-top:0px;}
.am_view .gnb .gnb_box {width:95%; margin:0 auto;}
.am_view .gnb .allMenu {display:inline-block; width:70px; height:70px; background:url(../images/layout/icon_gnbclose_w.png) 50% 50% no-repeat; background-size:45%; border:1px solid #fff; float:right;}
.am_view .gnb .gnb_in {margin-top:0px; overflow:hidden;}
.am_view .sub_nav .container {width:100%;}
.am_view .sub_nav_tit {display:none;}
.am_view .gnb_in .dep1 {float:left; width:16.6%;  text-align:center;} 
.am_view .gnb_in .dep1:nth-child(6n+1) {clear:both;}


.allMenu_con .gnb .gnb_in a {color:#fff;}
.allMenu_con .gnb .gnb_in>li{border-left:1px solid rgba(255,255,255,.1); height:100%; min-height:900px;padding:50px 20px 0px 20px; box-sizing: border-box;  }
.allMenu_con .gnb .gnb_in>li:first-child {border-left:0px; }
.allMenu_con .gnb .gnb_in>li:last-child {border-right:0; }
.allMenu_con .gnb .gnb_in>li:nth-child(9) {display:none;} 


.allMenu_con .gnb .gnb_in .dep1>a {font-size:22px;  color:#93f4ff; letter-spacing:-0.05em; border: 0px solid #fff;line-height:50px; }
.allMenu_con .gnb .gnb_in .dep2 {overflow:hidden; margin:20px 0px;  }
.allMenu_con .gnb .gnb_in .dep2>li {position:relative; margin-bottom:5px; padding-left:10px;  border: 0px solid #fff;  text-align:left; background:url(../images/layout/bul_round_w.png) no-repeat 0 10px;}
.allMenu_con .gnb .gnb_in .dep2>li>a {font-size:16px;}
.allMenu_con .gnb .gnb_in a:hover {text-decoration:underline;}
.allMenu_con .gnb .gnb_in .dep3 {margin:10px 0 15px;}
.allMenu_con .gnb .gnb_in .dep3>li {line-height:1.6; padding-left:20px;background:url(../images/layout/dash_w.png) no-repeat 5px 12px;}
.allMenu_con .gnb .gnb_in .dep3>li>a {color:#b9f3fa;}


/**** footer ****/
footer {position:relative; font-size:15px; background:#303030;}
footer .ft_inner { margin-top:0px;  border-top: 1px solid #ddd; background:#fff;}
footer .ft_inner .container {width:100%; border: 0px solid #e9003c;  box-sizing: border-box;   margin-top:0px;  padding:20px 50px; background:#fff;}


/* 이용약관 부분 */
.fnb a span {color:#333;}
.fnb a span::after {display:inline-block; content:"|"; clear:both; margin:0 20px; color:#333;}
.fnb a:hover {color:#0c6664;}
.fnb a:hover span {color:#0c6664;}


/* ê´€ë ¨ê¸°ê´€ */
.footer-link-inner>div {}
.footer-link-inner>div>a {display:block; padding:0 30px 0 20px; background-repeat:no-repeat; background-position:right center; background-image:url(../images/layout/icon_siteLink.png); text-align:right;}
.footer-link-inner>div>a.on,
.footer-link-inner>div>a:hover {color:#0c6664; background-image:url(../images/layout/icon_siteLink_on.png);}
.footer-link-inner>div>ul {display:none; position:absolute; right:0px; bottom:41px; background:#fff;border: 1px solid #000bf2; width:300px; z-index:100; overflow:auto; margin-left:-1px; border:1px solid #ddd; border-bottom:0;}
.footer-link-inner>div>ul>li {border-bottom:1px solid #ddd; padding:8px 0;}
.footer-link-inner>div>ul>li> a {display:block; padding-left:20px; color:#333; font-size:14px;}
.footer-link-inner>div>a:hover,
.footer-link-inner>div>ul>li> a:hover{color:#0c6664;}

/* 홈페이지 í•˜ë‹¨ì •ë³´ */
address {margin:0 !important; padding:10px 0 !important; line-height:1.7 !important; font-weight:300;}
address>div.container {padding:15px 0px 20px 0px; /*background:url(../images/layout/f_logo.png) no-repeat;*/}
address div.clearfix>p {display:inline-block; float:left; margin-right:20px; color:#fff; opacity:.3;}
address div.clearfix a {color:#fff;}
address div.clearfix>p:last-child {margin-right:0;}

address div.logo{width:25%; min-width:230px; color:#fff; text-align:left; opacity:.8;}
address div.float_r{width:75%; color:#fff; text-align:left; opacity:.8;}
address div.float_r a img {width:30px;}
address div.float_r a span {color:#fff; margin-left:8px;}
address small {display:block; color:#fff; opacity:.8;}


/* 왼쪽 퀵바 */
#left_quick {display:none; position:fixed; top:0; right:-120px; width:180px; height:100%; z-index:98; transition:width .35s ease-in;}
#left_quick ul {position:absolute; top:50%; transform:translate(0,-50%); width:100%; background:#000; box-shadow:-2px 5px 9px rgba(0,0,0,.3);}
#left_quick ul li {height:60px; border-bottom:1px solid rgba(255,255,255,.2);}
#left_quick ul li:last-child {border-bottom:0;}
#left_quick ul li a {display:block; opacity:.1; height:100%;} 
#left_quick ul li a i {float:left; display:inline-block; width:60px; height:60px; background-repeat:no-repeat; background-position:center;}
#left_quick ul li a i.i_m_quick1,
.m_quick li a i.i_m_quick1{background-image:url(../images/main/i_m_quick1.png);}
#left_quick ul li a i.i_m_quick2,
.m_quick li a i.i_m_quick2 {background-image:url(../images/main/i_m_quick2.png);}
#left_quick ul li a i.i_m_quick3,
.m_quick li a i.i_m_quick3 {background-image:url(../images/main/i_m_quick3.png);}
#left_quick ul li a i.i_m_quick4,
.m_quick li a i.i_m_quick4 {background-image:url(../images/main/i_m_quick4.png);}
#left_quick ul li a i.i_m_quick5,
.m_quick li a i.i_m_quick5 {background-image:url(../images/main/i_m_quick5.png);}
#left_quick ul li a i.i_m_quick6,
.m_quick li a i.i_m_quick6 {background-image:url(../images/main/i_m_quick6.png);}
#left_quick ul li a i.i_m_quick7,
.m_quick li a i.i_m_quick7 {background-image:url(../images/main/i_m_quick7.png);}
#left_quick ul li a p {display:inline-block; padding-left:10px; margin-top:8px;}
#left_quick ul li a p span {display:block; color:#fff;}
#left_quick ul li a p span:first-child {color:#666;}

#left_quick ul li a:hover {opacity:1; background:rgba(0,156,153,.4);}
#left_quick ul li a:hover p span:first-child {color:#b3caca;}



/* LNB 상단나열*/
.lnb {position:absolute; left:50%; transform:translate(-50%,0); top:375px; border-bottom:0px solid #eee; z-index:97;}

#content_wrap .subpage-header-wrap { position:relative; overflow:hidden; margin:10px 0;}
#content_wrap .title_wrap {position: relative; display: inline-block; width: 100%; padding:35px 0px 20px 0px; margin:50px 0px 30px 0px; text-align:center; border-bottom: 0px solid #dbdada; box-sizing: border-box;  }
#content_wrap .title_wrap h2 {
	font-weight: 600;
	/*font-family: nsk;*/
	font-size: 42px;
	color: #222;
	line-height: 40px;
	display: inline-block;
	letter-spacing:-0.05em;
	
}

/*#content_wrap .title_wrap h2:after {
  content: "";
  width: 1px;
  height: 65px;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 50%;
  top: 80px;
}
*/
#content_wrap h3{position:relative; margin:20px 0px 10px 0px; padding:20px 0px 10px 0px;  font-size:24px; color:#000;clear:both;}
#content_wrap h3:before{content:""; position:absolute; left:0%; top:0; width:30px; height:2px; margin-left:0px; background:#54b851;}


#content_wrap .title_wrap .f_r { float:right !important; margin-right:10px; }
/*#content_wrap .title_wrap .subpage-location { float:left; display:inline-block; }
#content_wrap .title_wrap .subpage-location li { float:left; padding:0 5px;color:#fff; }
#content_wrap .title_wrap .subpage-location li a{color:#fff;}
*/

.bgTop .subpage-location {position:relative; width:100%; text-align:center; display:inline-block;  float:left; padding:0 5px;color:#fff; text-shadow:2px 2px 3px #222;}
.bgTop .subpage-location a{color:#fff;}

#content_wrap .tab_wrap { width:100%; }
#content_wrap .tab_wrap .subpage-tab { position:relative; overflow:hidden; margin-bottom:15px; }
#content_wrap .tab_wrap .subpage-tab li { float:left; display:inline-block;  text-align:center; font-size: 15px;   border:1px solid #ebebeb; border-left:0px; letter-spacing:-0.05em;   }
#content_wrap .tab_wrap .subpage-tab li:first-child {border-left:1px solid #ebebeb;}
#content_wrap .tab_wrap .subpage-tab li a {display:block;  color:#333; padding:15px 0px; box-sizing: border-box;}
#content_wrap .tab_wrap .subpage-tab li.on { background-color:#fff;  border-bottom: 3px solid #339293;box-sizing: border-box;}
#content_wrap .tab_wrap .subpage-tab li.on a { background-color:#fff;   border: 1px solid #000000; color:#000; box-sizing: border-box;}


@media screen and (max-width: 767px) {
#content_wrap .tab_wrap .subpage-tab li{float:none !important; width: 100%;}	
}	


.lnb .dept-div {position: relative;float: left;height: 55px; width:100%;}
.lnb .dept-div .dept2-list { position: relative; display:block; overflow:hidden; width:100%; }
.lnb .dept-div .dept2-list li {height: 50px;display: inline-block; box-sizing: border-box;float:left; background:#30914c; /*background:#8ebb5b;*/ /*background:rgba(0,0,0,.6);*/  border-right: 1px solid rgba(255,255,255,.2);}
.lnb .dept-div .dept2-list li:last-child {border-right: 0px solid #787878;}
.lnb .dept-div .dept2-list li a {width: 100%;height: 50px;font-weight:300;font-size: 17px;letter-spacing:-0.07em;text-align: center;text-shadow: 1px 1px 1px rgba(0,0,0,.6); color: #fff;line-height: 50px; display: inline-block;}
.lnb .dept-div .dept2-list li.on {height: 50px;display: inline-block;box-sizing: border-box;float: left; background:#fff; /*background-color:#268853;*/}
.lnb .dept-div .dept2-list li.on a {width: 100%;height: 50px;font-weight: 300;font-size: 17px;text-align: center;color: #222; text-shadow: 1px 1px 1px #fff; line-height: 50px;display: inline-block;}

.lnb.fixOn {position:fixed !important; z-index:700 !important; width:100%; top:0 !important; margin-top:0; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,.1);}



/* 서브 상단 배경 */
.bgTop {width:100%; height:400px; background-position:center 80px; background-repeat:no-repeat;}
.bgTop>p {padding-top:200px; font-size:36px; font-weight:600; color:#fff; text-align:center; font-family:sans-serif; text-shadow:2px 2px 3px #222;}
.bgTop.sub_img {background-image:url(../images/layout/sub_img_001.jpg) !important; }


.bgTop.sub_img_001 {
	background-image:url(../images/layout/sub_img_001.jpg) !important;
}

.bgTop.sub_img_002 {
	background-image:url(../images/layout/sub_img_002.jpg) !important;
}

.bgTop.sub_img_003 {
	background-image:url(../images/layout/sub_img_003.jpg) !important;
}

.bgTop.sub_img_004 {
	background-image:url(../images/layout/sub_img_004.jpg) !important;
}

.bgTop.sub_img_005 {
	background-image:url(../images/layout/sub_img_005.jpg) !important;
}



/* ****** 게시판 ****** */
/* 테이블 */
.tbl_normal{width:100%; word-break:keep-all;}
.tbl_normal th{/*padding:0 20px 0 40px; */ padding:14px 1em; font-size:14px; color:#000; font-weight:500; border:1px solid #ddd; background-color:#f8f8f8;}
.tbl_normal td{padding:10px 20px; font-size:14px; line-height:1.6; color:#555; border:1px solid #ddd;}
.tbl_normal tr:first-child th, .tbl_normal tr:first-child td{border-top:2px solid #000;}

/* 리스트 */
.lst-board {width:100%; /* margin-top:30px; */ table-layout:fixed;border-top:2px solid #666;}
.lst-board tr > * {border-bottom:1px solid #ddd;text-align:center;}
.lst-board th {background:#f4f4f4;padding:15px 0;font-weight:500;color:#333;font-size:15px;}
.lst-board td {font-size:14px;padding:15px 10px;}
.lst-board tr:hover td {background:#f1fbfe;}
.lst-board tr td.subject {text-align:left;}
.lst-board tr td.subject .color2 {margin-right:6px; padding:2px 10px; font-size:13px; background:#009c99;}
.lst-board tr td.subject a {display:inline-block;width:90%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:15px;}
.lst-board tr td.subject img {vertical-align:text-top; margin-right:5px;}

/* 리스트 뷰 페이지 */
.viw-board .title {margin-bottom:10px; font-size:22px; line-height:1.3; font-weight:500;}
.viw-board .content {padding:50px 20px;text-align:center;}
.viw-board .content img {width:100%;max-width:900px;text-align:center;}

/* ì¶•ì œí–‰ì‚¬ 게시판 리스트 */
.lst-photo-board li[class*="col"] {padding:0 10px; margin-bottom:20px;}
.lst-photo-board{position:relative;float:left;width:100%;}
.lst-photo-board li{position:relative;float:left;width:100%;border:1px solid #ddd;margin:15px 0px;}
.lst-photo-board li:hover{-webkit-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);-moz-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);transition: all 0.3s ease-out;border:1px solid #0062ab;}
.lst-photo-board .lst-photo-wrap {float:left;width:50%;max-height:340px;overflow:hidden;}
.lst-photo-board a .lst-photo-wrap {display:block;}
.lst-photo-board a .lst-photo-wrap .img_wrap {width:100%;height:340px;overflow:hidden;}
.lst-photo-board a .lst-photo-wrap .img_wrap .img {/*height:340px !important;background-size:auto !important;background-position:left center !important;*/}
.lst-photo-board .subject {display:block; width:100%;padding-bottom:5px; font-size:30px;color:#222;}
.lst-photo-board .s-tit{font-size:18px;padding-bottom:20px;color:#555;display:block;}
.lst-photo-board .info {float:left;width:50%;padding:30px 40px 20px 40px; color:#555;}
.lst-photo-board .ph {line-height:160%;font-size:16px;}
.lst-photo-board li .btnMore a{position:absolute;right:0px;bottom:0px;display:inline-block; height:40px; width:40px; background:url('../images/sub/icon_more.jpg') 50%  50% no-repeat; text-indent:-9999px;}
.lst-photo-board a:hover .lst-photo-wrap .img_wrap .img {transition: all 0.3s ease-out;transform: scale(1.2);}

.works-bor{border-top:1px solid #ddd;padding-top:15px;}

.lst-photo-board li ul{border-top:1px solid #ddd;padding-top:15px;} 
.lst-photo-board li ul li{border:none !important;margin:3px 0px;padding-left:12px;background:url(../images/sub/icon_dot.png) no-repeat 0px 11px;}
.lst-photo-board li ul li:hover{box-shadow:none;border:none;}

.lst-photo-board .day-end{position:absolute;top:20px;left:20px;background:#555;width:60px;height:60px;border-radius:50%;line-height:60px;color:#fff;font-size:14px;z-index:99;text-align:center;}
.lst-photo-board .day-start{position:absolute;top:20px;left:20px;background:#cd0000;width:60px;height:60px;border-radius:50%;line-height:60px;color:#fff;font-size:14px;z-index:99;text-align:center;}
.lst-photo-board .day-yet{position:absolute;top:20px;left:20px;background:#444af1;width:60px;height:60px;border-radius:50%;line-height:60px;color:#fff;font-size:14px;z-index:99;text-align:center;}

/* ì¶•ì œí–‰ì‚¬ 게시판 ë·° */
.fes-view-bx{position:relative;float:left;width:100%;margin-bottom:50px;background:url(../images/sub/bg_logo.png) right bottom no-repeat;-webkit-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);-moz-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);}
.fes-view-bx .img{float:left;width:50%;}
.fes-view-bx .img img{width:100%;height:400px !important;}
.fes-view-bx .info{float:left;width:50%;padding:30px;color:#555;}
.fes-view-bx h2.tit{display:block; width:100%;padding-bottom:15px; font-size:30px;color:#222;font-weight:500;text-align:center;}
.fes-view-bx .s-tit{font-size:18px;padding-bottom:20px;text-align:center;color:#555;}
.fes-view-bx .s-tit span{display:block;}
.fes-view-bx .ph{line-height:160%;font-size:16px;}

.fes-view-bx ul{border-top:1px solid #ddd;padding-top:15px;}
.fes-view-bx ul li{border:none !important;margin:3px 0px;padding-left:12px;background:url(../images/sub/icon_dot.png) no-repeat 0px 11px;}
.fes-view-bx ul li.btn{width:100%;margin:20px 0px;padding:0px;background:none;text-align:center;}

.fes-view-ph{margin:10px 0px 40px 0px;}
.fes-view-ph ul{margin-bottom:40px;}
.fes-view-ph ul li{border:none !important;margin:3px 0px;padding-left:12px;background:url(../images/sub/icon_dot.png) no-repeat 0px 11px;}

/* ì°¸ì—¬ì •ì›ìž‘í’ˆì „ 게시판 ë·° */
.works-view-bx{position:relative;float:left;width:100%;margin-bottom:50px;background:url(../images/sub/bg_logo.png) right bottom no-repeat;-webkit-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);-moz-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);}
.works-view-bx .img{float:left;width:50%;}
.works-view-bx .img img{height:400px !important;}
.works-view-bx .info{float:left;width:50%;padding:30px; color:#555;}
.works-view-bx ul li{border:none !important;margin:15px 0px;}
.works-view-bx ul li span.tit-b{font-size:18px;font-weight:bold;}
.works-view-bx ul li span.tit{width:80px;text-align:center;font-size:14px;display:inline-block;background:#0d5798;color:#fff;padding:1px 0px 2px 0px;margin-right:10px;}
.works-view-bx ul li span.duce{width:80px;text-align:center;font-size:14px;display:block;background:#0d5798;color:#fff;padding:1px 0px 2px 0px;margin-bottom:5px;}
.works-view-ph{margin:10px 0px;}
.works-writer{width:50%;float:left;margin-bottom:30px;}
.works-writer .photo{float:left;max-width:50%;border:1px solid #ddd;padding:5px;margin-right:20px;}
.works-writer .photo img{width:100%;}
.works-writer .info{float:left;width:40%;}

.works-iframebox { position: relative; width: 100%; padding-bottom: 56.25%;}
.works-iframebox iframe { position: absolute; width: 100%; height: 100%;}

/* 갤러리 게시판 리스트 */
.lst-photo-board2 li[class*="col"] {padding:0 10px; margin-bottom:20px;}
.lst-photo-board2 .lst-photo-wrap {border:1px solid #ddd;border-radius:10px;}
.lst-photo-board2 .lst-photo-wrap:hover {-webkit-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);-moz-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);transition: all 0.3s ease-out;}
.lst-photo-board2 a .lst-photo-wrap {display:block;}
.lst-photo-board2 a .lst-photo-wrap .img_wrap {width:100%;height:320px;overflow:hidden;border-radius:10px 10px 0px 0px;}
.lst-photo-board2 a .lst-photo-wrap .img_wrap .img {height:320px !important;background-size:cover !important;}
.lst-photo-board2 .lst-photo-wrap .subject {display:block; width:90%;margin:0 auto;padding:10px 0px 5px 0px; font-size:24px;text-align:center;color:#222;}
.lst-photo-board2 .lst-photo-wrap .s-subject {display:block; width:95%;margin:0 auto;padding:0px 0px 15px 0px; font-size:16px;text-align:center;color:#333;word-break: normal; overflow:hidden;word-wrap: break-word; text-overflow:ellipsis; white-space:nowrap; height: 40px;}
.lst-photo-board2 .lst-photo-wrap .info {padding:10px;text-align:right;}
.lst-photo-board2 a:hover .lst-photo-wrap .subject {color:#004eb7;}
.lst-photo-board2 a:hover .lst-photo-wrap .img_wrap .img {transition: all 0.3s ease-out;transform: scale(1.2);}

/*공공누리*/

.content-footer{width:100%;margin-top:50px;background:#f9f9f9;padding:30px;text-align:center;}
.content-footer img{width:auto !important;}
.content-footer .img-open{display:block;margin-bottom:15px;}
.content-footer .content-footer-comment{}
.content-footer .path{background:#ddf3ff;padding:2px 5px;text-align:center;display:inline-block}
.content-footer:after{clear:both;display:block;content:"" }

/*공지사항*/
.youtube-iframebox { position: relative; width: 100%;}
.youtube-iframebox iframe {width:100%;max-width:900px;height: 500px;}


/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	
	.works-writer .photo{float:left;width:50%;}
	.works-writer .info{width:100%;}
	
	.pc {display:none !important;}	
	
	/* header_wrap  */
	
	
	.header_wrap {
	position:fixed !important; 
	top:0;  
	/* background-color: rgba(0,0,0,0.8); */
	/*background:#FFF; */ 
	 background-color: rgba(82,104,165,0.9); 
	/* background-color: rgba(109,178,97,0.9); */ 
	/* background-color: rgba(55,128,125,0.8); */  
	border-bottom:0px solid rgba(255,255,255,.2);   
	padding-right:0%;
	  height:80px;
	 }
	 
	.header_wrap>div.h_logo {text-align:left;  padding:15px 0px 0px 10px;}
	
	.header_wrap>div.h_logo img {width:160px;}
	.header_wrap .museum_link {padding-left:0;}
	.header_wrap .util {padding-right:10px;}
	.header_wrap .museum_link a,
	.header_wrap .util a {padding:0 10px;}
	
	#header .h_logo {width:100%;}
	#header .h_logo .insta_mobile {position:absolute; width:100%;  top:0; right:60px; width:70px; height:70px; background:url(../images/layout/insta_icon_m2.png) 50% 50% no-repeat; background-size:50%; border-radius:0; 	box-sizing: border-box;}
	#header .h_logo .gnbView { 
		position:absolute; width:100%;  top:0; right:0px;
		 width:70px; height:70px;
		background:url(../images/layout/icon_allmenu_w.png) 50% 50% no-repeat; 
		background-size:50%; border-radius:0;  box-sizing: border-box;  
	}
	
	
		
	/* 마우스오버시 */
	#header.on {background:none;}
	#header.on .header_wrap {border-bottom:1px solid rgba(255,255,255,.2);}
	#header.on .header_wrap>div {border-right:1px solid rgba(255,255,255,.2);}
	#header.on .header_wrap>div a {color:#fff;}
	#header.on .header_wrap .util a.eng {border:1px solid #fff;}

	nav.mobile {z-index:9999; position:fixed; visibility:hidden; overflow-y:scroll; top:0; right:0; width:90%; height:100%; background:#fff; box-shadow:5px 0px 10px rgba(0,0,0,.7) !important;}
	nav.mobile .closeWrap {position:relative; height:70px; background:#3468a5; /* background:#37807d; */ color:#fff; font-size:12px;  text-align:right;}
	nav.mobile .closeWrap>* {display:inline-block;}
	nav.mobile .closeWrap .gnbClose {float:right; width:70px; height:70px;  background:url(../images/layout/icon_gnbclose_w.png) 50% 50% no-repeat; background-size:40%;}	
	nav.mobile .closeWrap .eng {margin:18px 0; padding:7px 30px; color:#fff; border:1px solid #fff; border-radius:20px;}
	nav.mobile .sub_nav {display:none;}
	nav.mobile .sub_nav .container {width:100%; padding:0;}
	nav.mobile .sub_nav_tit {display:none !important;}
	
	.gnbCover {display:none; z-index:9998; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5);}
	nav.mobile .dep1>a {display:block; padding:12px 20px; border-bottom:1px solid #eee;}
	nav.mobile .dep2>li>a {display:block; padding:10px 30px; background:#f9f9f9; color:#555; border-bottom:1px solid #e6e6e6;}
	nav.mobile .dep3 {display:none;}
	nav.mobile .dep3>li:first-child {padding-top:10px;}
	nav.mobile .dep3>li:last-child {padding-bottom:10px; border-bottom:1px solid #eee;}
	nav.mobile .dep3>li>a {display:block; padding:3px 30px; color:#333;}
	nav.mobile .dep3>li>a::before {display:inline-block; content:""; width:2px; height:2px; background:#666; clear:both; margin:0 5px 5px 0;}
	
	.m_util .museum_link {display:none;}
	.m_quick {width:90%; margin:20px auto;}
	.m_quick li {float:left; width:16.6%; margin:10px 0; text-align:center;}
	.m_quick li p span:first-child {display:none;}	
	.m_quick li a {display:block;}
	.m_quick li a i {display:inline-block; width:70px; height:70px; background-repeat:no-repeat; background-position:center;  border: 1px solid #ddd; background-color:#6bb35a; border-radius:50%;}
	.m_quick li a p {font-size:14px; color:#222;}
	


	/**** footer ****/	
	footer .ft_inner .container {margin-top:-25px; padding:15px 30px; box-sizing: border-box;  border-top:1px solid #ddd;}
	
	/* ê´€ë ¨ê¸°ê´€ */
	.footer-link-inner>div {}
	.footer-link-inner>div>a {display:block; padding:0 30px 0 20px; background-repeat:no-repeat; background-position:right center; background-image:url(../images/layout/icon_siteLink.png);}
	.footer-link-inner>div>a.on,
	.footer-link-inner>div>a:hover {color:#c59f65; background-image:url(../images/layout/icon_siteLink_on.png);}
	.footer-link-inner>div>ul {display:none; position:absolute; bottom:36px; left:0; background:#fff; width:100%; z-index:100; overflow:auto; margin-left:-1px; border:1px solid #ddd; border-bottom:0;}
	.footer-link-inner>div>ul>li {border-bottom:1px solid #ddd; padding:8px 0;}
	.footer-link-inner>div>ul>li> a {display:block; padding-left:20px; color:#333; font-size:14px;}
	.footer-link-inner>div>a:hover,
	.footer-link-inner>div>ul>li> a:hover{color:#c59f65;}


	/* 홈페이지 í•˜ë‹¨ì •ë³´ */	
	address>div.container {padding:0 0px; }
	address div.logo{float:none !important; width:100%; text-align:center;}
	address div.float_r{float:none !important;width:100%; text-align:center; margin:20px 0; }
	
	
	/* 왼쪽 퀵바 */
	#left_quick {display:none;}


	/* 서브 상단 배경 */
	.bgTop {height:260px;}
	.bgTop>p {padding-top:130px;} 
	
	
	/* 갤러리 게시판 리스트 */
	.lst-photo-board .lst-photo-wrap .subject {padding:10px 10px 5px; font-size:15px;}
	.lst-photo-board .lst-photo-wrap .info {padding:0 10px 10px; font-size:13px;}


/* 갤러리 게시판 리스트 */
.lst-photo-board li[class*="col"] {padding:0 10px; margin-bottom:20px;}
.lst-photo-board{position:relative;float:none;width:100%;}
.lst-photo-board li{position:relative;float:none;width:100%;border:1px solid #ddd;padding:0px;}
.lst-photo-board .lst-photo-wrap {float:none;width:100%}
.lst-photo-board a .lst-photo-wrap{display:block;}
.lst-photo-board a .lst-photo-wrap .img_wrap {width:100%;height:340px;overflow:hidden;}
.lst-photo-board a .lst-photo-wrap .img_wrap .img {height:340px !important;background-size:auto !important;}
.lst-photo-board .subject {display:block; width:100%;padding-bottom:5px; font-size:22px;color:#222;text-align:center;}
.lst-photo-board .s-tit{font-size:18px;padding-bottom:20px;color:#555;text-align:center;}
.lst-photo-board .info {float:none;width:100%;padding:20px; color:#555;}
.lst-photo-board .ph {line-height:160%;font-size:16px;}
.lst-photo-board li .btnMore a{position:absolute;right:0px;bottom:0px;display:inline-block; height:40px; width:40px; background:url('../images/sub/icon_more.jpg') 50%  50% no-repeat; text-indent:-9999px;}
.lst-photo-board a:hover .lst-photo-wrap .img_wrap .img {transition: all 0.3s ease-out;transform: scale(1.2);}

.lst-photo-board li ul li{border:none !important;margin:3px 0px;padding:0px 0px 0px 12px;background:url(../images/sub/icon_dot.png) no-repeat 0px 11px;}
.lst-photo-board li ul li:hover{box-shadow:none;border:none;}
			
/* ì¶•ì œí–‰ì‚¬ 게시판 ë·° */
.fes-view-bx{position:relative;float:none;width:100%;margin-bottom:50px;padding-bottom:30px;background-size:300px;-webkit-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);-moz-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);}
.fes-view-bx .img{float:none;width:100%;}
.fes-view-bx .img img{height:400px !important;}
.fes-view-bx .info{float:none;width:100%;padding:30px; color:#555;}
.fes-view-bx h2.tit{display:block; width:100%;padding-bottom:10px; font-size:30px;color:#222;font-weight:500;text-align:center;}
.fes-view-bx .s-tit{font-size:18px;padding-bottom:20px;text-align:center;color:#555;}
.fes-view-bx .ph{line-height:160%;font-size:16px;}

/* ì°¸ì—¬ì •ì›ìž‘í’ˆì „ 게시판 ë·° */
.works-view-bx{position:relative;float:none;width:100%;margin-bottom:50px;background-size:300px;-webkit-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);-moz-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);}
.works-view-bx .img{float:none;width:100%;}
.works-view-bx .img img{height:400px !important;}
.works-view-bx .info{float:none;width:100%;padding:30px; color:#555;}
.works-view-bx ul li{border:none !important;margin:15px 0px;}
.works-view-bx ul li span.tit-b{font-size:18px;font-weight:bold;}
.works-view-bx ul li span.tit{width:80px;text-align:center;font-size:14px;display:inline-block;background:#0d5798;color:#fff;padding:1px 0px 2px 0px;margin-right:10px;}
.works-view-bx ul li span.duce{width:80px;text-align:center;font-size:14px;display:block;background:#0d5798;color:#fff;padding:1px 0px 2px 0px;margin-bottom:5px;}
.works-view-ph{margin:10px 0px;}

.works-iframebox { position: relative; width: 100%; padding-bottom: 56.25%;}
.works-iframebox iframe { position: absolute; width: 100%; height: 100%;}

}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	.container {padding:0 10px;}

	/* header_wrap  */
	.header_wrap>div.h_logo {padding:10px 0px 10px 0px; }
	.header_wrap>div.h_logo img {width:190px; margin:5px 5px 5px 10px;}
	#header .h_logo .gnbView {width:70px; height:70px;}
	#header .h_logo h1 img{width:140px;}
	
	
	/* 서브 상단 배경 */
	.bgTop {height:260px; background-position:center;}
	.bgTop>p {padding-top:140px; font-size:24px; }					   
	
		
	.header_wrap .museum_link {display:none;}
	nav.mobile .closeWrap {border-bottom:1px solid rgba(255,255,255,.3);}
	.m_util .museum_link {display:block; text-align:center; height:50px; line-height:50px; background:#786857;}
	.m_util .museum_link a {display:inline-block; padding:0 10px; color:#fff;}
	.m_util .museum_link a:first-child::after {display:inline-block; content:"|"; clear:both; margin-left:20px; opacity:.3;}
	
	.m_quick li {width:33.3%;}
	
	
	#content_wrap .title_wrap 	{position: relative; display: inline-block; width: 100%; padding:0px 0px 10px 0px; margin:20px 0px 10px 0px; text-align:center; border-bottom: 0px solid #dbdada; box-sizing: border-box;  }
	#content_wrap .title_wrap h2 {font-size: 22px;	line-height: 30px;	}
	
	#content_wrap h3{position:relative; font-weight: 500;margin:15px 0px 10px 0px; padding:15px 0px 10px 0px; font-size:18px; color:#000;clear:both;}
	#content_wrap h3:before{content:""; position:absolute; left:0%; top:0; width:20px; height:2px; margin-left:0px; background:#54b851;}
	
	
	/**** footer ****/
	footer {font-size:13px;}	
	footer .ft_inner .container {margin-top:0; padding:0;}
	footer .ft_inner .container>div {padding:10px 20px;}
	
	/* 이용약관 부분 */
	.fnb {text-align:center; border-bottom:1px solid #ddd;}
	.fnb a {margin-right:8px;}
	
	/* ê´€ë ¨ê¸°ê´€ */
	.footer-link-inner>div>ul {bottom:40px;}
	.footer-link-inner>div>a {padding:0 30px 0 0; line-height:30px; text-align:left;}

	/* 홈페이지 í•˜ë‹¨ì •ë³´ */	
	address>div.container {padding:0 0px; }
	address div.logo{float:none !important; display:none;}
	address div.float_r{float:none !important;width:100%; text-align:center; margin:10px 0; }
								
									
	/* ****** 게시판 ****** */
	/* 리스트 */
	.lst-board {margin-top:10px;}
	
	.viw-board table tr {display:block;}
	.viw-board table tr>* {display:block; width:100%; background:none; padding:0;}
	.viw-board table tr th {border:0; padding-top:10px;}
	.viw-board table tr td {border:0; border-bottom:1px solid #ddd; padding-bottom:10px;}
	.viw-board tr:first-child th, .viw-board tr:first-child td {border-top:0 !important;}
	.viw-board .content {padding:30px 0;}
	
	/* 갤러리 게시판 리스트 */
	.lst-photo-board li[class*="col"] {padding:0; margin-bottom:10px;}													
	.viw-board .content img {width:auto; max-width:300px;}	  
	
/* 갤러리 게시판 리스트 */
.lst-photo-board li[class*="col"] {padding:0 10px; margin-bottom:20px;}
.lst-photo-board{position:relative;float:none;width:100%;}
.lst-photo-board li{position:relative;float:none;width:100%;border:1px solid #ddd;padding:0px;}
.lst-photo-board .lst-photo-wrap {float:none;width:100%}
.lst-photo-board a .lst-photo-wrap{display:block;}
.lst-photo-board a .lst-photo-wrap .img_wrap {width:100%;height:340px;overflow:hidden;}
.lst-photo-board a .lst-photo-wrap .img_wrap .img {height:340px !important;background-size:auto !important;}
.lst-photo-board .subject {display:block; width:100%;padding-bottom:5px; font-size:18px;color:#222;text-align:center;}
.lst-photo-board .s-tit{font-size:16px;padding-bottom:20px;color:#555;}
.lst-photo-board .info {float:none;width:100%;padding:20px; color:#555;}
.lst-photo-board .ph {line-height:160%;font-size:15px;}
.lst-photo-board li .btnMore a{position:absolute;right:0px;bottom:0px;display:inline-block; height:40px; width:40px; background:url('../images/sub/icon_more.jpg') 50%  50% no-repeat; text-indent:-9999px;}
.lst-photo-board a:hover .lst-photo-wrap .img_wrap .img {transition: all 0.3s ease-out;transform: scale(1.2);}

.lst-photo-board li ul li{border:none !important;margin:3px 0px;padding:0px 0px 0px 12px;background:url(../images/sub/icon_dot.png) no-repeat 0px 11px;}
.lst-photo-board li ul li:hover{box-shadow:none;border:none;}

.youtube-iframebox iframe {width:90%;max-width:90%;height: 300px;text-align:center;}

/* ì¶•ì œí–‰ì‚¬ 게시판 ë·° */
.fes-view-bx{position:relative;float:none;width:100%;margin-bottom:50px;padding-bottom:20px;background-size:220px;-webkit-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);-moz-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);}
.fes-view-bx .img{float:none;width:100%;}
.fes-view-bx .img img{height:240px !important;}
.fes-view-bx .info{float:none;width:100%;padding:20px; color:#555;}
.fes-view-bx h2.tit{display:block; width:100%;padding-bottom:10px; font-size:20px;color:#222;font-weight:500;text-align:center;}
.fes-view-bx .s-tit{font-size:16px;padding-bottom:20px;text-align:center;color:#555;}
.fes-view-bx .s-tit span{display:inline}
.fes-view-bx .ph{line-height:160%;font-size:14px;}

/* ì°¸ì—¬ì •ì›ìž‘í’ˆì „ 게시판 ë·° */
.works-view-bx{position:relative;float:none;width:100%;margin-bottom:50px;-webkit-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);-moz-box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);box-shadow: 3px 3px 13px 0px rgba(0,0,0,0.18);}
.works-view-bx .img{float:none;width:100%;}
.works-view-bx .img img{height:240px !important;}
.works-view-bx .info{float:none;width:100%;padding:30px; color:#555;}
.works-view-bx ul li{border:none !important;margin:15px 0px;}
.works-view-bx ul li span.tit-b{font-size:18px;font-weight:bold;}
.works-view-bx ul li span.tit{width:80px;text-align:center;font-size:14px;display:block;background:#0d5798;color:#fff;padding:1px 0px 2px 0px;margin-right:10px;}
.works-view-bx ul li span.duce{width:80px;text-align:center;font-size:14px;display:block;background:#0d5798;color:#fff;padding:1px 0px 2px 0px;margin-bottom:5px;}
.works-view-ph{margin:10px 0px;}
.works-writer{width:100%;float:none;margin-bottom:30px;}
.works-writer .photo{float:none;border:1px solid #ddd;padding:5px;margin:0 auto 20px auto;width:80%;text-align:center;}
.works-writer .photo img{width:100%;}
.works-writer .info{float:none;width:100%;}

.works-iframebox { position: relative; width: 100%; padding-bottom: 56.25%;}
.works-iframebox iframe { position: absolute; width: 100%; height: 100%;}
}



/* ì „ì²´ë©”ë‰´ */
#gnavi-wr {position:absolute;top:0px; right:0px; height:0;font-size:15px;line-height:1}
#gnavi-wr > .div-cont {height:100%}
.gbt {display:block}
.gbt .txt {display:block;height:auto;line-height:1;padding:18px 20px}
.gbt:hover .txt {text-decoration:underline}

/* gnb-left */
#gnavi-wr .gnb-left  {}

/* gnb-right */
#gnavi-wr .gnb-right {position:absolute;right:18px;top:20px}
#gnavi-wr .gnb-right .gbt {position:relative;width:auto;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;z-index:2110}
#gnavi-wr .gnb-right .gbt.gbt-link3:after,
#gnavi-wr .gnb-right .gbt.gbt-link4:after {content:"";display:block;width:20px;height:20px;position:absolute;left:0;top:50%;vertical-align:middle;background:url(/_Template/Gnavi/gnavi-kr/_Img/gbt_spr.png) no-repeat 0 0;margin-top:-10px}
#gnavi-wr .gnb-right .gbt.gbt-link4:after {background-position:-44px 0}
#gnavi-wr .gnb-right .gbt.gbt-link3 span {opacity:1}
#gnavi-wr .gnb-right .gbt span {color:#fff;opacity:.6;letter-spacing:-.025em;transition:all .3s ease}
#gnavi-wr .gnb-right .gbt.gbt-link4 {padding-left:10px}
#gnavi-wr .gnb-right .gbt.gbt-link4 span {opacity:1;font-weight:600;font-size:14px;font-family:"Poppins";letter-spacing:0}
#gnavi-wr .gnb-right .gbt:focus span,
#gnavi-wr .gnb-right .gbt:hover span {opacity:1}
#gnavi-wr .gnb-right .gbt-amenu {display:block;position:relative;width:50px;height:50px;overflow:hidden}
#gnavi-wr .gnb-right .gbt-amenu .txt {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0}
#gnavi-wr .gnb-right .gbt-amenu:before,
#gnavi-wr .gnb-right .gbt-amenu .icon,
#gnavi-wr .gnb-right .gbt-amenu:after {content:"";display:block;position:absolute;height:2px;left:10px;background:#fff;opacity:1;transition:all .3s ease}
#gnavi-wr .gnb-right .gbt-amenu:before {width:24px;top:16px}
#gnavi-wr .gnb-right .gbt-amenu .icon {width:30px;top:24px}
#gnavi-wr .gnb-right .gbt-amenu:after {width:16px;top:32px}
#gnavi-wr .gnb-right .gbt-amenu:focus:before,
#gnavi-wr .gnb-right .gbt-amenu:focus .icon,
#gnavi-wr .gnb-right .gbt-amenu:focus:after,
#gnavi-wr .gnb-right .gbt-amenu:hover:before,
#gnavi-wr .gnb-right .gbt-amenu:hover .icon,
#gnavi-wr .gnb-right .gbt-amenu:hover:after {width:30px}

#gnavi-wr .gnb-right .gbt-amenu.on:before,
#gnavi-wr .gnb-right .gbt-amenu.on .icon,
#gnavi-wr .gnb-right .gbt-amenu.on:after {content:"";display:block;position:absolute;height:2px;left:10px;background:black !important;opacity:1;transition:all .3s ease}
/*
@media only screen and (max-width:1024px) {
	.gbt .txt {display:block;height:auto;line-height:1;padding:18px 15px}
}*/
@media only screen and (max-width:991px){
	#gnavi-wr .gnb-right {right:70px;}
	#gnavi-wr .gnb-right .gbt-amenu {display:none}
	#gnavi-wr .gnb-right .gbt {padding-left:6px}
}
@media all and (max-width:599px) {
	#gnavi-wr .gnb-right .gbt.gbt-link1,
	#gnavi-wr .gnb-right .gbt.gbt-link2,
	#gnavi-wr .gnb-right .gbt.gbt-link3 {display:none}
}
@media all and (max-width:399px) {
	#gnavi-wr .gnb-right {top:5px;}
}



@media only screen and (max-width:999px) {
	#gnavi {width:auto;margin:0}
	#gnavi-wr, #header-wrap,#header {z-index:1000}
	#gnavi-wr {z-index:1000 !important}
	
}


/* 사이트맵 */
.customSitemap {display:none;position:fixed;left:0;top:0;width:100%;  height:0; z-index:999999;background:#fff;box-sizing:border-box;padding:0 511px 0 0;opacity:0;overflow:hidden;transition:opacity .3s ease}
.customSitemap a {opacity:0;transform:translateY(30px); transition:all .3s ease}
.customSitemap a.stable {opacity:1;transform:translateY(0)}
.customSitemap.active {display:block;height:100%;opacity:1; }
.customSitemap.release {opacity:0}
.customSitemap .customSitemap-closer {display:block;position:absolute;width:90px;height:0;background:#222;border:0;right:0;top:0;overflow:hidden;}
.customSitemap.active .customSitemap-closer {height:90px;}
.customSitemap .customSitemap-closer:before,
.customSitemap .customSitemap-closer:after {content:"";display:block;position:absolute;width:35px;height:3px;background:#fff;top:0;right:0;bottom:0;left:0;margin:auto}
.customSitemap .customSitemap-closer:before {transform:rotate(-45deg);transition:all .3s ease}
.customSitemap .customSitemap-closer:after {transform:rotate(45deg);transition:all .3s ease .15s}
.customSitemap .customSitemap-closer:focus:before,
.customSitemap .customSitemap-closer:hover:before {transform:rotate(45deg)}
.customSitemap .customSitemap-closer:focus:after,
.customSitemap .customSitemap-closer:hover:after {transform:rotate(135deg)}
.customSitemap .sitemap-list {box-sizing:border-box; padding:80px 0 0 150px; /*padding:80px 0 0 200px;*/ }
.site-eng .customSitemap .sitemap-list {padding:80px 0 0 100px; border: 1px solid #000;}
.customSitemap .sitemap-list .sitemap-Title {display:inline-block;box-sizing:border-box;position:relative;font-size:42px; font-family:'gyeonggi-Title_Medium';color:#000;line-height:1.3;margin:0 0 73px}
.customSitemap .sitemap-list .sitemap-Title:before {content:"";display:block;position:absolute;width:70px;height:2px;background:#444;right:100%;top:27px;margin:0 25px 0 0}
.customSitemap .sitemap-list .depth1-wr {box-sizing:border-box;position:relative;padding:0 0 0 248px;margin:0 0 47px;min-height:30px; }
.customSitemap .sitemap-list .depth1-wr h4 {position:absolute;left:0;top:3px; }
.site-eng .customSitemap .sitemap-list .depth1-wr h4 {width:250px;line-height:1.2;}
.customSitemap .sitemap-list .depth1-wr h4 a {display:block;position:relative; font-size:24px; font-weight:400; color:#275994;padding:0 0 10px;letter-spacing:-.05em}
.site-eng .customSitemap .sitemap-list .depth1-wr h4 a {letter-spacing:0;}
.customSitemap .sitemap-list .depth1-wr h4 a:after {content:"";display:block;position:absolute;width:0px;height:2px;left:0;bottom:0;background:#222;transition:all .3s ease}
.customSitemap .sitemap-list .depth1-wr h4 a:focus:after,
.customSitemap .sitemap-list .depth1-wr h4 a:hover:after {width:100%}
.customSitemap .sitemap-list .depth2-wr {}
.customSitemap .sitemap-list .depth2-wr .depth2 {display:block;font-size:0}
.customSitemap .sitemap-list .depth2-wr .depth2 .lm_l2 {display:inline-block; vertical-align:top;width:25%}
.customSitemap .sitemap-list .depth2-wr .depth2 .lm_l2 .lm_a2 {display:block}
.customSitemap .sitemap-list .depth2-wr .depth2 .lm_l2 .lm_a2 .isTxt {display:inline-block;font-size:16px;font-weight:500;color:#333;box-sizing:border-box;position:relative;padding:0 0 5px;letter-spacing:-.05em}
.site-eng .customSitemap .sitemap-list .depth2-wr .depth2 .lm_l2 .lm_a2 .isTxt {letter-spacing:0}
.customSitemap .sitemap-list .depth2-wr .depth2 .lm_l2 .lm_a2 .isTxt:after {content:"";display:block;position:absolute;width:0px;height:2px;background:#333;left:0;bottom:0;transition:all .3s ease}
.customSitemap .sitemap-list .depth2-wr .depth2 .lm_l2 .lm_a2:focus .isTxt:after,
.customSitemap .sitemap-list .depth2-wr .depth2 .lm_l2 .lm_a2:hover .isTxt:after {width:100%}
.customSitemap .sitemap-list .depth3 {margin:3px 0 0; padding:0px 10px 0px 0px; box-sizing: border-box; word-break: keep-all;}
.customSitemap .sitemap-list .depth3 .lm_l3 {}
.customSitemap .sitemap-list .depth3 .lm_l3 .lm_a3 {display:block;line-height:1}
.customSitemap .sitemap-list .depth3 .lm_l3 .lm_a3 .isTxt {display:inline-block;font-size:14px;color:#555;font-weight:300; line-height:140%; box-sizing:border-box;position:relative;padding:5px 0;letter-spacing:-.05em}
.site-eng .customSitemap .sitemap-list .depth3 .lm_l3 .lm_a3 .isTxt {letter-spacing:0}
.customSitemap .sitemap-list .depth3 .lm_l3 .lm_a3 .isTxt:after {content:"";display:block;position:absolute;width:0px;height:1px;background:#777;left:0;bottom:0;transition:all .3s ease}
.customSitemap .sitemap-list .depth3 .lm_l3 .lm_a3:focus .isTxt:after,
.customSitemap .sitemap-list .depth3 .lm_l3 .lm_a3:hover .isTxt:after {width:100%}
.customSitemap .sitemap-extra {position:absolute;width:511px; /*width:711px;*/height:100%;right:0;top:0;box-sizing:border-box;border-left:1px solid #ddd;padding:207px 0 0 100px}
.customSitemap .sitemap-extra:after {content:"";display:block;position:absolute;width:100%;height:100%; background-size:50% auto; background:url(../images/layout/allMenu_bg2.jpg) right top no-repeat;right:0;top:0;z-index:-1}
.customSitemap .sitemap-extra .f1 {}
.customSitemap .sitemap-extra .f2 {position:absolute;left:100px;bottom:100px}
.customSitemap .sitemap-extra .LnkQuick {}
.customSitemap .sitemap-extra .LnkQuick li {display:block;margin:0 0 11px}
.customSitemap .sitemap-extra .LnkQuick li:last-child {margin:0}
.customSitemap .sitemap-extra .LnkQuick li a {}
.customSitemap .sitemap-extra .LnkQuick li a span {display:inline-block;line-height:1;padding:5px 0 7px;box-sizing:border-box;position:relative;font-size:17px;color:#333;letter-spacing:-.05em;transition:all .3s ease}
.site-eng .customSitemap .sitemap-extra .LnkQuick li a span {letter-spacing:0;}
.customSitemap .sitemap-extra .LnkQuick li a span:after {content:"";display:block;position:absolute;width:0;height:2px;background:#333;left:0;bottom:0;transition:all .3s ease}
.customSitemap .sitemap-extra .LnkQuick li a:focus span:after,
.customSitemap .sitemap-extra .LnkQuick li a:hover span:after {width:100%}
.customSitemap .sitemap-extra .LnkSns {display:block;text-align:left;font-size:0;margin:64px 0 0 -4px}
.customSitemap .sitemap-extra .LnkSns li {display:inline-block;vertical-align:top;margin:0 14px 0 0}
.customSitemap .sitemap-extra .LnkSns li:last-child {margin:0}
.customSitemap .sitemap-extra .LnkSns li a {display:block;width:20px;height:20px}
.customSitemap .sitemap-extra .LnkSns li a:after {content:"";display:block;height:17px;top:0;right:0;bottom:0;left:0;margin:auto;}
.customSitemap .sitemap-extra .LnkSns li.face a:after {width:9px;background-position:0px 0px}
.customSitemap .sitemap-extra .LnkSns li.blog a:after {width:18px;background-position:-19px 0px}
.customSitemap .sitemap-extra .LstAddr {}
.customSitemap .sitemap-extra .LstAddr li {display:block;margin:0 0 26px}
.customSitemap .sitemap-extra .LstAddr li:last-child {margin:0}
.customSitemap .sitemap-extra .LstAddr dl {display:block}
.customSitemap .sitemap-extra .LstAddr dl dt,
.customSitemap .sitemap-extra .LstAddr dl dd {display:block;font-size:15px;color:#555;line-height:1.4;word-wrap:break-word;word-break:keep-all;white-space:normal}
.customSitemap .sitemap-extra .LstAddr dl dt {font-weight:500}
.customSitemap .sitemap-extra .LstAddr dl dd {margin:3px 0 0}
.customSitemap .sitemap-extra .Copyright {font-family:"poppins", sans-serif;font-weight:500;color:#555;opacity:.6;font-size:13px;margin:26px 0 0}
.customSitemap .sitemap-extra .Copyright span {display:inline}
@media all and (max-width:1800px) {
	.customSitemap {padding:0 500px 0 0}
	.customSitemap .sitemap-list {padding:80px 0 0 100px}
	.site-eng .customSitemap .sitemap-list {padding:80px 0 0 50px}
	.customSitemap .sitemap-extra {width:500px;padding:207px 0 0 100px}
}
@media all and (max-width:1500px) {
	.customSitemap .sitemap-list .sitemap-Title:before {width:50px;margin:0 20px 0 0}
	.customSitemap .sitemap-list .depth1-wr {padding:0 0 0 150px;margin:0 0 40px}
	.site-eng .customSitemap .sitemap-list .depth1-wr {padding:0 0 0 230px;margin:0 0 40px}
	.site-eng .customSitemap .sitemap-list .depth2-wr .depth2 .lm_l2 {width:33%;margin-bottom:20px;}
	.customSitemap .sitemap-extra {padding:207px 0 0 50px}
	.customSitemap .sitemap-extra .f2 {left:50px}
	.customSitemap .sitemap-extra .Copyright span {display:block}

}
@media all and (max-width:1300px) {
	.customSitemap {padding:0 400px 0 0}
	.customSitemap .sitemap-list {padding:80px 0 0 50px}
	.customSitemap .sitemap-list .sitemap-Title {line-height:1.3;margin:0 0 43px}
	.customSitemap .sitemap-extra {width:400px;padding:175px 0 0 50px}
}
@media all and (max-width:1200px) {
	.site-eng .customSitemap .sitemap-list .depth2-wr .depth2 .lm_l2 {width:50%;}
}

@media all and (max-width:1100px) {
	.customSitemap {padding:0 300px 0 0}
	.customSitemap .sitemap-list {padding:40px 0 0 30px}
	.customSitemap .sitemap-list .sitemap-Title {margin:0 0 20px}
	.customSitemap .sitemap-list .sitemap-Title:before {margin:0 10px 0 0}
	.customSitemap .sitemap-list .depth1-wr {padding:0 0 0 120px;margin:0 0 30px}
	.customSitemap .sitemap-extra {width:300px;padding:115px 0 0 30px}
	.customSitemap .sitemap-extra .f2 {left:30px;right:30px}
}
@media all and (max-width:999px) {
	.customSitemap.active {overflow:auto}
	.customSitemap {padding:0}
	.customSitemap .customSitemap-closer {position:fixed;width:60px;height:0}
	.customSitemap.active .customSitemap-closer {height:60px}
	.customSitemap .sitemap-list {padding:30px 0 40px 40px}
	.customSitemap .sitemap-list .sitemap-Title {font-size:30px;line-height:1.3;margin:0 0 30px}
	.customSitemap .sitemap-list .sitemap-Title:before {top:18px}
	.customSitemap .sitemap-list .depth1-wr {padding:0 0 0 190px;margin:0 0 30px}
	.customSitemap .sitemap-list .depth1-wr h4 {top:0}
	.customSitemap .sitemap-list .depth1-wr h4 a {font-size:19px}
	.customSitemap .sitemap-extra {position:relative;width:auto;height:auto;right:auto;top:auto;border-left:0;border-top:1px solid #ddd;padding:30px 30px 0}
	.customSitemap .sitemap-extra:after {background-size:cover}
	.customSitemap .sitemap-extra .f2 {position:relative;left:auto;right:auto;bottom:auto;margin:20px 0 0;}
	.customSitemap .sitemap-extra .LnkQuick li {display:inline-block;vertical-align:top;margin:0 20px 0 0}
	.customSitemap .sitemap-extra .LnkSns {position:absolute;margin:0;right:30px;top:36px;}
	.customSitemap .sitemap-extra .LstAddr li {margin:0 0 10px;}
	.customSitemap .sitemap-extra .Copyright {margin:20px 0 0;}
	.customSitemap .sitemap-extra .Copyright span {display:inline}
}
@media all and (max-width:839px) {
	.customSitemap .sitemap-list .depth1-wr {padding:0 0 0 140px;margin:0 0 30px}
}
@media all and (max-width:699px) {
	.customSitemap .sitemap-list .depth1-wr {margin:0;}
	.customSitemap .sitemap-list .depth2-wr .depth2 .lm_l2 {width:33.33%;margin:0 0 20px}
}
@media all and (max-width:599px) {
	.customSitemap a span:after {display:none !important}
	.customSitemap .sitemap-list {padding:30px 20px 0}
	.customSitemap .sitemap-list .depth1-wr {padding:0;margin:0 0 20px;border-bottom:1px solid #ddd}
	.site-eng .customSitemap .sitemap-list .depth1-wr {padding:0;}
	.customSitemap .sitemap-list .depth1-wr:last-child {padding:0;margin:0;border-bottom:0}
	.customSitemap .sitemap-list .depth1-wr:nth-last-child(-n+2) {border-bottom:0}
	.customSitemap .sitemap-list .depth1-wr h4 {position:relative;}
	.customSitemap .sitemap-list .depth1-wr h4 a {font-size:20px;padding: 0 0 10px;margin-bottom: 20px;}
	.customSitemap .sitemap-list .depth2-wr .depth2 .lm_l2 .lm_a2 {line-height:1}
	.customSitemap .sitemap-list .depth2-wr .depth2 .lm_l2 .lm_a2 .isTxt {font-size:17px;padding:0;}
	.customSitemap .sitemap-list .depth3 {margin:10px 0 0;}
	.customSitemap .sitemap-list .depth3 .lm_l3 .lm_a3 .isTxt {font-size:15px}
	.customSitemap .sitemap-extra {padding:20px 20px}
	.customSitemap .sitemap-extra:after {background-size:contain}
	.customSitemap .sitemap-extra .LnkSns {right:20px;top:26px;}
	.site-eng .customSitemap .sitemap-extra .LnkSns {position:relative;right:auto;top:auto;margin:15px 0 0 -4px;}
	.customSitemap .sitemap-extra .LnkQuick li a span {font-size:16px}
	
}
@media all and (max-width:499px) {
	.customSitemap .sitemap-list .depth1-wr {padding:0;}
	.customSitemap .sitemap-list .depth2-wr .depth2 .lm_l2 {width:33.33%;margin:0 0 12px;}
	.customSitemap .sitemap-extra .Copyright span {display:block}
	.customSitemap .sitemap-extra .LnkSns {position:relative;right:auto;top:auto;margin:15px 0 0 -4px;}
}
@media all and (max-width:399px) {
	.customSitemap .sitemap-list .depth2-wr .depth2 .lm_l2 {width:50%}
	.site-eng .customSitemap .sitemap-list .depth2-wr .depth2 .lm_l2 {width:100%;}
	.customSitemap .sitemap-extra .LnkQuick {font-size:0}
	.customSitemap .sitemap-extra .LnkQuick li {width:50%;margin:0;}
}


/********************************
 만족도조사
 *******************************/
.stf_box {margin-top:50px; border:1px solid #d5d5d5;}
.stf_t_box {position:relative; padding:10px 20px;}
.stf_t_box .stf_txt {position:relative; margin-bottom:0; padding-left:18px; display:inline-block;}
.stf_t_box .stf_txt strong {display:inline-block; margin:0 5px; color:#333;}
.stf_t_box .stf_txt span {display:inline-block; margin:0 5px;}
.stf_t_box .stf_txt span .m_hidden {display:inline; margin:0;}
.stf_t_box .stf_txt span em {color:#006cbd ; letter-spacing:0;}
.stf_t_box .stf_txt:before {content:''; display:inline-block; position:absolute; top:3px; left:0; width:18px; height:18px; background-image:url(../images/layout/sub_ir.png); background-repeat:no-repeat;}
.stf_t_box .stf_txt.stf_l:before {background-position:-34px -140px;}
.stf_t_box .stf_txt.stf_r:before {background-position:-60px -140px;}
.stf_line {position:relative; display:inline-block; padding-left:20px; margin-left:15px;}
.stf_line:before {content:''; display:inline-block; position:absolute; top:3px; left:0; width:6px; height:18px; background:url(../images/layout/sub_ir.png) -208px 0 no-repeat;}

.stf_srchbox {padding:15px 30px; background-color:#f7f7f7;}
.stf_srchbox .stf_fix {position:relative;}
.stf_srchbox .stf_fix .stf_srchinner {display:table; position:relative; width:75%; padding-left:90px; height:76px;}
.stf_srchbox .stf_fix .stf_srchinner:before {content:''; display:inline-block; position:absolute; top:0; left:0; width:76px; height:76px; background:url(../images/layout/sub_ir.png) -140px -24px no-repeat;}
.stf_srchbox .stf_fix .stf_srchinner dl {display:table-cell; vertical-align:middle;}
.stf_srchbox .stf_fix .stf_srchinner dt {color:#333;font-weight: normal;}
.stf_srchbox .stf_fix .stf_srchinner dd {display:inline-block; margin:2px;}
.stf_srchbox .stf_fix .stf_srchinner dd label {font-weight:normal;}
.stf_srchbox .stf_fix .stf_srchinner dd.user_comt {display:block; width:100%; margin:2px;}
.stf_srchbox .stf_fix .stf_srchinner dd.user_comt label {display:block; margin:0; padding:0;}
.stf_srchbox .stf_fix .stf_srchinner dd.user_comt label.blind {overflow:hidden; position:absolute; top:-99999px; width:0; height:0; line-height:0; text-indent:-99999px;}
.stf_srchbox .stf_fix .stf_srchinner dd.user_comt input {display:block; width:100%; height:40px; line-height:40px; border:1px solid #ddd; background-color:#fff;}
.stf_srchbox .stf_fix .stf_srchinner input {margin-right:3px; vertical-align:inherit;}
.stf_srchbox .stf_fix .srf_btn {display:inline-block; position:absolute; right:0; top:50%; margin-top:-20px; width:140px; height:40px; font-weight:500; color:#fff; border-radius:5px; background-color:#333;}
.stf_srchbox .stf_fix .srf_btn:hover, .stf_srchbox .stf_fix .srf_btn:active, .stf_srchbox .stf_fix .srf_btn:focus {background-color:#157883; transition: background-color 0.1s linear;}

.stf_t_box + .stf_line + .stf_srchbox {border-top:1px solid #e0e2e3;}


@media screen and (max-width:1024px) {
	.stf_box {margin-top:40px;}
}

@media screen and (max-width:767px) {
	.stf_box {margin-top:30px;}
	.stf_t_box {padding-left:20px;}
	.stf_t_box .stf_txt {display:block;}
	.stf_t_box .stf_txt:before {top:2px;}
	.stf_t_box .stf_txt.stf_r {margin-top:6px;}
	.stf_line {padding-left:0; margin-left:0;}
	.stf_line:before {display:none;}
	
	.stf_srchbox {padding-left:20px;}
	.stf_srchbox .stf_fix .srf_btn {margin-top:-17px; width:100px; height:34px;}
}

@media screen and (max-width:640px) {
	.stf_t_box .stf_txt span .m_hidden {display:none;}
	.stf_srchbox {padding:15px 20px 18px 20px;}
	.stf_srchbox .stf_fix .stf_srchinner {padding-left:0; width:100%; height:auto;}
	.stf_srchbox .stf_fix .stf_srchinner:before {display:none;}	
	.stf_srchbox .stf_fix .srf_btn {display:block; position:static; right:auto; top:auto; margin-top:10px; width:100%; height:40px;}
	
}