@charset "utf-8";

/**** 둘러보기 슬라이드 ****/
.ph-img{text-align:center;padding:15px 0px;}
.fes-top-img{margin:0px 0px 50px 0px;}
.p_block{display:block;}
.text-center{text-align:center;}


#mainPhoto img{width:100%;text-align:center;margin-bottom:10px;}

.slider-wrap{width:100%;margin:0 auto 30px auto;}

.slider-wrap .slick-dots {position:absolute; left:0; bottom:25px; width:100%; margin:0 auto; text-align:center;}
.slider-wrap .slick-dots li {display:inline-block;}
.slider-wrap .slick-dots li button {width:12px; height:12px; margin-right:10px; border-radius:50%; background:#fff; text-indent:-9999px;}
.slider-wrap .slick-dots li.slick-active button {background:#00b5e2;}

.slider-wrap .mainPhoto{text-align: center;background-color:#000;height:600px !important;margin-bottom:20px;}
.slider-wrap .mainPhoto img{height:100%; width: auto;max-height: 600px;}

.slider-wrap .slick-slide-list{margin-top:15px; padding:0px 0px 0px 0px;}
.slider-wrap .slick-slide-list img { display:inline-block; width:100%;  height:230px;border: 0px solid #000;}


.multiple-items2 { float:left; width:100%;margin-bottom:40px;}
.multiple-items2 div { float:left; width:49%; margin:0% 1% 1% 0%;border:solid 1px #ececec}
.multiple-items2 div img{width:100%;height:448px;overflow:hidden;}
.multiple-items2 div:nth-child(2n+2) a{ margin-right:0}


/* 둘러보기 슬라이드 버튼 */
.slider-wrap .slick-prev,
.slider-wrap .slick-next
{
    font-size: 0;
    line-height: 0;

    z-index:100;

    position: absolute;
    top: -140%;

    display: block;

    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background:#0079AB;
    z-index:999;
}
.slider-wrap  .slick-prev:hover,
.slider-wrap  .slick-prev:focus,
.slider-wrap  .slick-next:hover,
.slider-wrap  .slick-next:focus
{
    color: transparent;
    outline: none;
}
.slider-wrap .slick-prev:hover:before,
.slider-wrap .slick-prev:focus:before,
.slider-wrap .slick-next:hover:before,
.slick-next:focus:before
.slider-wrap {
    opacity: 1;
}
.slider-wrap .slick-prev.slick-disabled:before,
.slider-wrap .slick-next.slick-disabled:before
{
    opacity: .25;
}

.slider-wrap .slick-prev:before,
.slider-wrap .slick-next:before
{
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slider-wrap .slick-prev
{
    left:0px;
}
[dir='rtl'] .slick-prev
{
    right: 0px;
    left: auto;
}
.slider-wrap .slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slider-wrap .slick-next
{
    right: 0px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 0px;
}
.slider-wrap .slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}




.list_style1{margin-bottom:50px;}
.list_style1 li{border:none !important;margin:3px 0px;padding-left:12px;background:url(../images/sub/icon_dot.png) no-repeat 0px 10px;}

.desc-bx{width:100%;max-width:900px;height:300px;margin:20px auto;overflow-y:scroll;border:1px solid #ddd;background:#f9f9f9;text-align:left;padding:10px 15px; }

/* 이미지크게보기 */
.img_wrap {display:inline-block;position:relative; text-align:center; width:100%;}
.img_wrap img{/*float:left;*/ max-width:100%; padding:0;margin:0px 0px 30px 0px;}
.img_wrap .img_zoom{display:none;overflow:hidden;position:absolute;bottom:0;right:0;z-index:10;width:25px;height:25px;padding:6px;font-size:12px;}
.img_wrap .img_zoom a{ display:block;width:25px;height:25px;font-size:0;line-height:0;text-indent: 100%;}

/* 이미지 크게보기-박스결합 */
.box.img_wrap {position:static; width:100%;}
.box.img_wrap img {float:none;}

.mapimg {position:relative; width:1300px; height:600px;}
.mapbox {position:absolute; left:0; top:0;}
.pin01_box a {display:block; width:39px; height:54px;}
.pin02_box a {display:block; width:29px; height:42px;}

.pin01 {position:absolute; left:588px; top:308px; width:39px; height:54px;}
.pin01 a {display:block;}
.pin02 {position:absolute; left:63px; top:91px; width:29px; height:42px;}
.pin02 a {display:block;}
.pin03 {position:absolute; left:233px; top:131px; width:29px; height:42px;}
.pin03 a {display:block;}
.pin04 {position:absolute; left:314px; top:169px; width:29px; height:42px;}
.pin04 a {display:block;}
.pin05 {position:absolute; left:361px; top:186px; width:29px; height:42px;}
.pin05 a {display:block;}
.pin06 {position:absolute; left:546px; top:278px; width:29px; height:42px;}
.pin06 a {display:block;}
.pin07 {position:absolute; left:517px; top:261px; width:29px; height:42px;}
.pin07 a {display:block;}
.pin08 {position:absolute; left:1132px; top:275px; width:29px; height:42px;}
.pin08 a {display:block;}
.pin09 {position:absolute; left:517px; top:414px; width:29px; height:42px;}
.pin09 a {display:block;}
.pin10 {position:absolute; left:678px; top:513px; width:29px; height:42px;}
.pin10 a {display:block;}
.pin11 {position:absolute; left:33px; top:188px; width:29px; height:42px;}
.pin11 a {display:block;}
.pin12 {position:absolute; left:1186px; top:250px; width:29px; height:42px;}
.pin12 a {display:block;}

.pinguide01 {position:absolute; left:42px; top:-154px;}
.pinguide02 {position:absolute; left:30px; top:-154px;}
.pinguide03 {position:absolute; left:30px; top:-154px;}
.pinguide04 {position:absolute; left:30px; top:-171px;}
.pinguide05 {position:absolute; left:30px; top:-154px;}
.pinguide06 {position:absolute; left:30px; top:-154px;}
.pinguide07 {position:absolute; left:-110px; top:-182px;}
.pinguide08 {position:absolute; left:-306px; top:-58px;}
.pinguide09 {position:absolute; left:-110px; top:-182px;}
.pinguide10 {position:absolute; left:-110px; top:-182px;}
.pinguide11 {position:absolute; left:30px; top:-84px;}
.pinguide12 {position:absolute; left:-204px; top:-166px;}

.pintip {position:relative; background-color:#fff; width:305px; padding:14px; border:1px solid #555; box-shadow:2px 2px rgb(0, 0, 0, 15%); z-index:200;}
.pin_title {font-family:'돋움'; font-size:12px; font-weight:bold; color:#104fc1;}
.pin_address {position:relative; padding-left:5px; font-family:'돋움'; font-size:11px; color:#555;}
.pin_address:before {position:absolute; content:''; left:0; top:5px; width:2px; height:2px; background-color:#777;}
.passfinder a {position:relative; display:inline-block; width:76px; height:28px; margin-top:5px; padding:5px 4px 5px 25px; background-color:#3396ff; font-family:'돋움'; font-size:12px; font-weight:bold; color:#fff; transition:0.3s; box-sizing:border-box;}
.passfinder a:before {position:absolute; content:''; left:10px; top:7px; width:12px; height:13px; background:url(../images/sub/signpost.png) 0 0 no-repeat;}
.passclose {position:absolute; top:10px; right:10px; width:20px; height:20px; background:url(../images/sub/close.png) 0 0 no-repeat;}
.passclose a {display:block; width:20px; height:20px;}
.screen_out {overflow:hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px;}

.pinballoon-left {position:relative; background-color:#fff; padding:4px 8px 0 8px; border:1px solid #555; box-shadow:2px 2px rgb(0, 0, 0 / 15%); z-index:100;}
.pinballoon-left:before {position:absolute; content:''; left:-6px; top:6px; width:0; height:0; border-right: 5px solid #333; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}
.pinballoon-left:after {position:absolute; content:''; left:-5px; top:6px; width:0; height:0; border-right: 5px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}
.pinballoon-right {position:relative; background-color:#fff; padding:4px 8px 0 8px; border:1px solid #555; box-shadow:2px 2px rgb(0, 0, 0 / 15%); z-index:100;}
.pinballoon-right:before {position:absolute; content:''; right:-6px; top:6px; width:0; height:0; border-left: 5px solid #333; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}
.pinballoon-right:after {position:absolute; content:''; right:-5px; top:6px; width:0; height:0; border-left: 5px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}
.pin_stitle {font-family:'돋움'; font-size:11px; letter-spacing:-1px;}

.p01 {left:46px; top:-42px; width:148px; z-index:100;}
.p02 {left:36px; top:-38px; width:164px; z-index:100;}
.p03 {left:36px; top:-38px; width:164px; z-index:100;}
.p04 {left:-170px; top:-38px; width:164px; z-index:100;}
.p05 {left:37px; top:-38px; width:164px; z-index:100;}
.p06 {left:35px; top:-38px; width:164px; z-index:100;}
.p07 {left:-170px; top:-38px; width:164px; z-index:100;}
.p08 {left:-170px; top:-34px; width:164px; z-index:100;}
.p09 {left:-170px; top:-38px; width:164px; z-index:100;}
.p10 {left:-132px; top:-38px; width:126px; z-index:100;}
.p11 {left:35px; top:-32px; width:124px; z-index:100;}
.p12 {left:-139px; top:-43px; width:134px; z-index:100;}

@media (min-width:0) and (max-width:1300px){
	.mapib{overflow-x:scroll;}
	.mapib img {width:1300px;}
}

@media (min-width:0) and (max-width:767px){
	.tblib{overflow-x:scroll;margin-bottom:30px;}
	.tblib table{width:767px;}
}

.tbl_type1 {width:100%; margin:5px 0px 40px 0px; border-top:3px solid #666;}
.tbl_type1 th{color:#222;font-size:17px; background-color:#f6f6f6; padding:15px;border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;text-align:center;}
.tbl_type1 td{padding:10px; text-align:center; border:1px solid #ddd;font-size:15px;}
.tbl_type1 td img {vertical-align:middle;width:100%;}
.tbl_type1 tfoot{background-color:#e7eff1;font-weight:bold; }
.tbl_type1 .txtL{text-align:left;}
.tbl_type1 .txtR{text-align:right;}
.tbl_type1 .txtC{text-align:center;}
.tbl_type1 .bg1{background:#f8f8f0;}

.commentator-bx{position:relative;width:100%;height:100%;min-height:500px;text-align:center;}
.commentator-bx:before{position:absolute;left:0px;top:0px;width:1300px;height:712px;content:'';background:url(../images/sub/bg_commentator.png) no-repeat;}
.commentator-bx .info{position:relative;top:160px;}
.commentator-bx h3{font-size:34px !important;color:#007749 !important;font-weight:500;}
.commentator-bx h3:before{display:none;}
.commentator-bx p{font-size:20px;}
.commentator-bx .btn-cr {position:relative;display:inline-block;color:#ffffff; text-align:center; background:#003b9d; font-size:17px; border-radius: 50px; margin:0; padding:0px 50px;  width:auto; height:42px; line-height:42px; transition:all ease-in-out 0.2s;}
.commentator-bx .btn-cr:hover {background:#198126; color:#fff;}

.commentator-bx ul{float:left;margin:530px 0px 30px 0px;border-bottom:1px dashed #ddd;padding:20px;}
.commentator-bx ul li{float:left;display:block;margin:15px 0px;}
.commentator-bx ul li .tit{width:100px;float:left;padding:3px 0px 6px 0px;text-align:center;border-radius:7px;background:#2760a7;color:#fff;}
.commentator-bx ul li .ph{float:left;width:530px;padding:5px 0px 5px 15px;text-align:left;}


.spot_list{/*width:100%;float:left;*/ overflow:hidden; }
.spot_list li{width:46%;float:left;margin:1% 2%;}
figure.spot {position: relative;overflow: hidden;margin: 10px;width: 100%;color: #fff;background-color: #122e75;}
figure.spot * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease;}
figure.spot img { max-width: 100%; backface-visibility: hidden; vertical-align: top;}
figure.spot:after,figure.spot figcaption { position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
figure.spot:after { content: ''; background-color: rgba(18, 46, 117, 0.65); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; opacity: 0;}
figure.spot figcaption { z-index: 1; padding: 90px 50px;}
figure.spot h2,figure.spot .links { width: 100%; margin: 5px 0; padding: 0;}
figure.spot h2 {font-size: 24px; text-transform: uppercase; opacity: 0;color:#fff;background:none;text-align:center;margin-bottom:20px;}
figure.spot p { font-size:16px;opacity: 0; top: 50%; -webkit-transform: translateY(40px); transform: translateY(40px);text-align:center;}
figure.spot div { width:100px;font-size:16px;letter-spacing:-0.03em;border:1px solid #fff;padding:5px;margin:15px auto 0px auto;opacity: 0; top: 50%; -webkit-transform: translateY(40px); transform: translateY(40px);text-align:center;}
figure.spot div:hover{background:#fff;color:#333;}
figure.spot span{display:block;}
figure.spot a {  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  z-index: 1;}
figure.spot:hover img,figure.spot.hover img {  zoom: 1;  filter: alpha(opacity=50);  -webkit-opacity: 0.5;  opacity: 0.5;}
figure.spot:hover:after,figure.spot.hover:after {  opacity: 1;  position: absolute;  top: 10px;  bottom: 10px;  left: 10px;  right: 10px;}
figure.spot:hover h2,figure.spot.hover h2,figure.spot:hover p,figure.spot.hover p,figure.spot:hover div,figure.spot.hover div {  -webkit-transform: translate(0px, 0px);  transform: translate(0px, 0px);  opacity: 1;}

.spot2 { position: relative; background: #122e75; cursor: pointer; overflow: hidden;}
.spot2 img { width: 100%; transition: all 0.3s ease-in-out;}
.spot2:before { content: ''; background: #fff; width: 0px; height: 1px; position: absolute; right: 20px; top: 20px; transition: all 0.35s ease;}
.spot2:after { content: ''; background: #fff; width: 1px; height: 0px; position: absolute; right: 20px; top: 20px;transition: all 0.35s ease;}
.spot2 .info { position: absolute; left: 0; bottom: 0; color: #fff; width: 100%; padding: 15px;box-sizing: border-box;opacity: 0; transition: all 0.3s ease-in-out;}
.spot2 .info h2 {font-size: 24px;color:#fff;margin:0px;padding:20px 20px 10px 20px;}
.spot2 .info p {color:#fff;margin:0px;padding:0px 20px 20px 20px;}
.spot2:hover .info {opacity: 1;}
.spot2:hover img { opacity: 0.2;}
.spot2:hover:before { width: 60px;}
.spot2:hover:after { height: 60px;}



.status-bx{position:relative;float:left;width:100%;margin-bottom:50px;background:url(../images/sub/bg_logo2.png) left 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);}
.status-bx .info{float:left;width:60%;}
.status-bx .info p.tit{text-align:center;font-size:30px;margin:40px 0px 20px 0px;letter-spacing:-0.05em;}
.status-bx .info span{display:block;}
.status-bx .photo{float:right;width:40%;position:relative;}
.status-bx .photo img{width:100%;}
.status-bx .photo .cap{position:absolute;left:0px;bottom:0px;width:100%;padding:5px 10px 10px 5px;background-color: rgba(0, 0, 0, 0.65);color:#fff;text-align:right;overflow:hidden;}
.status-bx .ph{padding:0px 30px 30px 30px;line-height:180%;font-size:18px;}
.status-bx ul li{border:none !important;margin:3px 0px;padding-left:12px;background:url(../images/sub/icon_dot.png) no-repeat 0px 10px;}
.status-tit{text-align:center;font-size:30px;font-weight:500;margin-bottom:20px;color:#3468a5;font-style:italic;font-family:'gyeonggi-Title_Medium';}

.status-bx2{position:relative;float:left;width:100%;margin-bottom:50px;background:url(../images/sub/bg_logo2.png) left 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);}
.status-bx2 .info{float:left;width:70%;padding:0px 10px;}
.status-bx2 .info p.tit{text-align:center;font-size:27px;margin:40px 0px 30px 0px ;}
.status-bx2 .info span{display:block;}
.status-bx2 .photo{float:right;width:30%;position:relative;text-align:center;}
.status-bx2 .photo img{width:100%;margin-top:10px;}
.status-bx2 .photo .cap{position:absolute;left:0px;bottom:0px;width:100%;padding:5px 10px 10px 5px;background-color: rgba(0, 0, 0, 0.65);color:#fff;text-align:right;overflow:hidden;}
.status-bx2 .ph{padding:0px 30px 30px 30px;}
.status-bx2 ul li{border:none !important;margin:6px 0px;padding-left:12px;background:url(../images/sub/icon_dot.png) no-repeat 0px 13px;font-size:18px;}


.s_link {position:absolute; left:0; bottom:0; right:0; top:0; text-indent:-99999px; z-index:10; background:#ffffff; opacity: 0; filter: alpha(opacity=0);}


.txthidden{position:absolute;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0;}



/*** sub ***/
#wrap {position:relative; overflow:hidden;	}
#content_wrap {padding-top:0px; }


@media screen and (max-width: 767px) {
	#content_wrap {padding-top:0px; }
}


/*** 국가정원 개요 ***/
.summary_bx1{position: relative; margin:0px 0px 40px 0px; height:650px; background:url(../images/sub/summary_img1.jpg) 0% 0% no-repeat;}
.summary_bx1 .txtbox{position: absolute; top:60px; right:60px; padding:40px 20px 20px 50px; width:380px; height:290px; background:rgba(255, 255, 255, .9); color:#222; box-sizing: border-box;}
.summary_bx1 .txtbox li{font-size:16px;  line-height:32px; letter-spacing:-0.07em;}
.summary_bx1 .txtbox:before{content:""; position:absolute; left:0%; top:0; width:185px; height:1px; margin:28px 0px 0px -50px; background:#52a261;}
.summary_bx2{position: relative;border: 1px solid #e5e3d8;  background:#f5f5f5;	box-sizing: border-box;}



.img-list1{text-align:center;}
.img-list1 li{display:inline-block; width:31%; margin:0 1%; margin-bottom:4%; border: 0px solid #ddd; background-color:#fff;  box-sizing: border-box;}
.img-list1 li img{margin:0 0 20px; /*max-height:200px; verflow:hidden;*/}
.img-list1 li .tit{color:#333; font-size:20px; font-weight:500; line-height:1.3; margin:0 0 15px;}
.img-list1 li p{font-weight:300;}
.img-list1 li:first-child:nth-last-child(2),
.img-list1 li:first-child:nth-last-child(2)~li,
.img-list1 li:first-child:nth-last-child(3),
.img-list1 li:first-child:nth-last-child(3)~li,
.img-list1 li:first-child:nth-last-child(1),
.img-list1 li:first-child:nth-last-child(1)~li { margin-bottom:0;}

.img-list1.left{text-align:left;}
.img-list1.left p{text-align:left; padding:5px 0 5px 15px; position:relative; font-weight:300;}
.img-list1.left p:after{content:''; width:4px; height:4px; border-radius:50%; position:absolute; left:0; top:14px; background:#014099;}


@media screen and (max-width: 767px) {
.summary_bx1{position: relative; margin:0px 0px 40px 0px; height:450px; background:url(../images/sub/summary_img1.jpg) 0% 0% no-repeat; background-size: cover;}
.summary_bx1 .txtbox{position: absolute; top:30px; right:20px; padding:40px 20px 20px 30px; width:250px; height:290px; }
.summary_bx1 .txtbox li{font-size:14px;  line-height:28px; }

.img-list1 li{display:inline-block; width:47%; margin:0 1%; margin-bottom:4%;}

}



/*** 조직도 ***/

.sdonly {position:absolute; top:0 !important; left:0 !important; line-height:0 !important; font-size:0 !important; width:0 !important; height:0 !important; color:transparent !important; overflow:hidden !important;} /*사운드리더 only */
.sdonly:before, .sdonly:after {display:none !important;}
::selection {background:#1e6cbb; color:#fff;}
.ov-bg {background: #000; opacity: 0.7; filter: alpha(opacity=70);top:0;left:0; right:0; height:100%; z-index:100; position: fixed; display: none;}
.clr:after {clear:both; display:block; content:'';}

.inner {max-width:1300px; width:100%; margin:0 auto; /*padding:0 13.5; padding:0 260px;*/}

.por {position:relative;}
.poa {position:absolute;}
.clr > li {float:left;}
.clr:after {content:''; display:block; clear:both;}
.fl {float:left;}
.fr {float:right;}
.tac {text-align:center;}
.tal {text-align:left;}
.tar {text-align:right;}
.dpb {display:block;}
.dpib {display:inline-block;}
.p_color {color:#1d66b7;}
.f00 {font-weight:100;}
.f100 {font-weight:200;}
.f400 {font-weight:400;}
.f700 {font-weight:700;}
.fwb {font-weight:bold;}
.lh2 {line-height:2;}
.lh17 {line-height:1.7;}
.lh16 {line-height:1.6;}
.lh15 {line-height:1.5;}
.lh14 {line-height:1.4;}
.lh13 {line-height:1.3;}
.lhn {line-height:normal;}


.row {display: block;}
.row:after, .row:before {content:''; display: block; clear:both;}
.row > * {float: left;}
.row > .fr {float:right;}
.u2 {width:50%;}
.u3 {width:33.33%;}
.u3:last-child {width:33.34%;}
.u4 {width:25%;}
.u5 {width:20%;}
.u7 {width:14.28%;}
.u7:last-child {width:14.32%;}



.jojik .jojik_line .jl01 {width:67%; height:260px; margin:0 auto;  background:url('../images/sub/jojik_back.png') center center no-repeat; display:table; }
.jojik .jojik_line .jl01 .jl01_txt {display:table-cell; color:#fff;text-shadow: 2px 2px 1px #206e5a; font-size:26px; line-height:150%;	letter-spacing:-0.05em;  vertical-align:middle;}

.jojik .jojik_line .jl_box {width:305px; height:80px; line-height:80px; border-radius:5px; text-align:center; margin:0 auto;}

.jojik .jojik_line .jl02 .jl_box {background:#1581c5;}
.jojik .jojik_line .jl03 .jl_box {background:#01749a;}
.jojik .jojik_line .jl04 .jl_box {background:#09b3b1;}

.jojik .jojik_line .orun_box {width:50%; }
.jojik .in_jl.row {margin-right:0px; }
.jojik .in_jl.row > li {padding:0px 20px 0px 20px;  }
.jojik .in_jl.row .in_jl_box .in_jl_tit {width:100%; margin-bottom:6px; height:80px; line-height:80px;   background:#e5af27;border-radius:5px; text-align:center;  }
.jojik .in_jl.row > li:last-child .in_jl_tit {}
.jojik .in_jl.row .in_jl_box .in_jl_txt {border:1px solid #b7b7b7; border-radius:5px; padding:25px; background:#ffffff; height: 170px; }
.jojik .in_jl.row .in_jl_box .in_jl_txt li {padding-left:10px; text-indent:-10px;}

.jojik .jojik_line {position:relative; z-index:0;}
.jojik .jojik_line:after {content:''; display:block; width:1px; height:660px; background:url('../images/sub/dash_g.jpg') 0 0 repeat-y; position:absolute; top:0; left:50%; z-index:-1;}
.jojik .jojik_line .orun_box {position:relative; z-index:0;}
.jojik .jojik_line .orun_box:after {content:''; display:block; width:100%; height:1px; background:url('../images/sub/jojik_dash.png') 0 0 repeat-x; position:absolute; top:50%; left:0; z-index:-1}



.jojik .jojik_line .jl01 {position:relative; z-index:0;} /* 태화강 국가정원 */
.jojik .jojik_line .jl01:before { content:'';  display:block; width:100%; height:1px; background:#000; top:319px; position:absolute; background:url('../images/sub/jojik_dash.png') 0 0 repeat-x; z-index:-1; }

.jojik .jojik_line .jl01:after {content:''; display:block;  position:absolute; bottom:-60px; width:100%; height:0px;  background:url('../images/sub/jojik_dash.png') 0 0 repeat-x; z-index:-1; }
.jojik .jojik_line .jl03 {position:relative; z-index:0;}
.jojik .jojik_line .jl03:after {content:''; display:block; position:absolute; bottom:-60px;width:100%; height:1px; background:url('../images/sub/jojik_dash.png') 0 0 repeat-x;   z-index:-1}


.jojik .jojik_line .jl05 {margin-top:200px;}


.jojik .in_jl.row .in_jl_box .in_jl_tit {position:relative; z-index:0;}
.jojik .in_jl.row .in_jl_box .in_jl_tit:before, .jojik .in_jl.row .in_jl_box .in_jl_tit:after {content:''; display:block;  position:absolute;  z-index:-1; }

.jojik .in_jl.row .in_jl_box .in_jl_tit:before {width:1px; background:url('../images/sub/dash_g.jpg') 0 0 repeat-y; left:50%; }
.jojik .in_jl.row .in_jl_box .in_jl_tit:after {background:#ffffff; width:50%; height:0px; }

.jojik .in_jl.row .in_jl_box .in_jl_tit02:before{background:none;}

.jojik .in_jl.row .in_jl_box .in_jl_tit01:before , .jojik .in_jl.row .in_jl_box .in_jl_tit04:before {height:140px; top:-140px;}
.jojik .in_jl.row .in_jl_box .in_jl_tit02:before , .jojik .in_jl.row .in_jl_box .in_jl_tit03:before {height:140px; top:-140px;}

.jojik .in_jl.row .in_jl_box .in_jl_tit01:before, .jojik .in_jl.row .in_jl_box .in_jl_tit02:before {margin-left:-1px;}
.jojik .in_jl.row .in_jl_box .in_jl_tit03:before, .jojik .in_jl.row .in_jl_box .in_jl_tit04:before {margin-right:-1px;}

.jojik .in_jl.row .in_jl_box .in_jl_tit01:after, .jojik .in_jl.row .in_jl_box .in_jl_tit04:after {top:-141px;}
.jojik .in_jl.row .in_jl_box .in_jl_tit04:after, .jojik .in_jl.row .in_jl_box .in_jl_tit03:after {right:0; }
.jojik .in_jl.row .in_jl_box .in_jl_tit02:after, .jojik .in_jl.row .in_jl_box .in_jl_tit03:after {top:0px;}

.jojik .in_jl.row > li.ink_l {position:relative;} /* 정원운영담당 */
.jojik .in_jl.row > li.ink_l:before {width:100%; height:0px; background:#ddd; top:-41px; position:absolute; content:'';}
.jojik .in_jl.row > li.ink_l04:before {right:20px;}

@media screen and (max-width: 991px) {
	.jojik .in_jl.row .in_jl_box .in_jl_txt {height:210px;  font-size:14px;}
}


@media screen and (max-width: 767px) {
	.u3 {width:100%;}
	.u3:last-child {width:100%;}

	.jojik .in_jl.row .in_jl_box {margin:0px 0px 30px 0px;}

	.jojik .jojik_line .jl05 {margin-top:100px;}

	.jojik .jojik_line:after {content:''; display:block; width:1px; height:auto; min-height:970px; background:url('../images/sub/dash_g.jpg') 0 0 repeat-y; position:absolute; top:0; left:50%; z-index:-1;}
	.jojik .jojik_line .jl01:before  {background:none;}


	.jojik .jojik_line .jl01:after {background:none;}
	.jojik .in_jl.row .in_jl_box .in_jl_tit:before{background:none;}

	.jojik .in_jl.row .in_jl_box .in_jl_txt {height: auto; font-size:14px;}


}



/*** 연혁  ***/

.history_bg_text {position:fixed; top:50%; left:50%; width:300px; height: 180px; margin-left: -150px; margin-top: -90px; z-index: -1; font-size: 64px; color:#555; text-align: center;}

.cont{display: block;position: relative;margin: 0 auto;}

.history .history_fix {height:64px;}
.history .target_depth {width:100%; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9;}
.history .target_depth.fixed {position:fixed;z-index:2;top:60px; max-width:1400px;height:auto; width:100%;}
.history .target_depth li { height:60px;  line-height:60px; text-align:center; border-right:1px solid #c9c9c9; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; background:#fff; font-family: 'NotoSerifKr-Regular' !important;}
.history .target_depth li:last-child {border-right:0px;}
.history .target_depth li a {display:block; width:100%; height:100%;}
.history .target_depth li.now{ color:#fff; background:#1d66b7; border:1px solid #1d66b7; }
.history .target_depth li.now a{ color:#fff; }
.history .inner{position:relative;}
.history .count{position:absolute; z-index: -1;top:0;padding-top:80px; left:0; right:0; font-size:300px; color:rgba(124, 162, 188, 0.08);text-align:center; font-family: 'NotoSerifKr-Bold' !important;}
.history .his_count {position:relative;}
.history .his_count.fixed{position:fixed; z-index: -1;top:130px; max-width:1400px; width:100%;}
.history .wrap_right{width:100%; position:relative; margin-top:100px;}
.history .wrap_right:before{display:inline-block;content:''; position: absolute; top: 0; left: 50%; margin-left: -5px;width:9px; height:9px; background:#a9a9a9;border-radius:50%; z-index:1;}
.history .wrap_right:after{display:inline-block;content:''; position: absolute; bottom: 0; left: 50%; margin-left: -5px;width:9px; height:9px; background:#a9a9a9;border-radius:50%; z-index:1;}


.history .his_left dl{padding-left:90px; }
.history .his_left .his_h5 {position:relative; margin-top:50px;margin-bottom:25px;font-size:36px; color:#000; font-family: 'NotoSerifKr-Bold' !important;}
.history .his_left .his_h5:before {position: absolute; content: ''; left: -83px; top: 50%; width: 50px; height: 1px; background: #b5b5b5; }
.history .his_left .his_h5 .circle {position: absolute; content: ''; margin-top:-12px; left: -103px; top: 50%; width:25px; height:25px; background:url('../images/sub/his_dot.png') 0 0 no-repeat;}

.history .his_right dl{padding-right:90px;}
.history .his_right .his_h5 {position:relative; margin-top:50px;margin-bottom:20px;font-size:36px; color:#000; font-family: 'NotoSerifKr-Bold' !important;}
.history .his_right .his_h5:before {position: absolute; content: ''; right: -82px; top: 50%; width: 50px; height: 1px; background: #b5b5b5; }
.history .his_right .his_h5 .circle {position: absolute; content: ''; margin-top:-12px; right: -102px; top: 50%; width:25px; height:25px; background:url('../images/sub/his_dot.png') 0 0 no-repeat;}


.history dl dt {position:relative;}
.history dl dd {position:relative; font-size:17px; line-height:1.5; margin-bottom:15px; }
.history dl dd:last-child {margin-bottom:0px;}
.history dl dd .month {position: absolute; font-weight:400; font-size:19px; line-height:normal; border: 0px solid #000;}

.history .his_left dl dd {padding-left:64px;}
.history .his_left dl dd .month {left:0;}

.history .his_right {text-align:right;}
.history .his_right dl dd {padding-right:64px;}
.history .his_right dl dd .month {right:0;}

.history_pd1{padding-left:50px;}
.history_pd2{padding-right:50px;}
.history_pd3{padding-right:120px;}


.history .history_img {display:block;  margin-left: 21px; margin-bottom:50px;  }
.history .history_img.img_right {display:block;  margin:0 auto; margin-right:0;}
.history .wrap_left {position:absolute;left:-666px;width:1200px;}
.history .wrap_left .summary {width: 538px; padding-right: 61px;}
.history .wrap_left .tit_h4 {font-size:30px;}
.history .wrap_left .nowrap {white-space: nowrap;}
.history .slick-slider {width:508px; margin: 0 auto; margin-right: 0; margin-bottom:60px; border: 0px solid #eee; }
.history .btn_sld{position: absolute;z-index:1;bottom:0;width:48px;height:48px;background:#fff;}
.history .btn_sld.sld_prev {right: 50px;background:#fff url('../images/sub/btn_sld_left.png') no-repeat center;}
.history .btn_sld.sld_next {right:0;background:#fff url('../images/sub/btn_sld_right.png') no-repeat center;}
.summary { overflow: hidden;}


.history .his_middle_line {position:relative;  padding-top:100px; }
.history .his_middle_line > li {margin-bottom:80px;}
.history .his_middle_line > li:last-child {margin-bottom:0px;}
.history .his_middle_line:before {content:''; position:absolute; display:block; width:1px; height:100%; background:#b5b5b5; top:0; left:50%; z-index:0; margin-left:-1px;}
.history .his_left .in_slider {padding-right:80px; position:relative; }
.history .his_right .in_slider {padding-left:80px; position:relative; }

.in_slider .bx-controls {position:absolute;  bottom:0px; right:0px; width:140px; height:60px;  background:rgba(255,255,255,1); box-sizing: border-box;}
.in_slider .bx-controls .bx-prev, .in_slider .bx-controls .bx-next { border: 0px solid #000;width:70px; height:60px; display:inline-block; text-indent:-9999px; color:transparent;}
.in_slider .bx-controls .bx-prev {left:0px; top:0px; background:rgba(255,255,255,1) url('../images/sub/arr_l.png') center center no-repeat; }
.in_slider .bx-controls .bx-prev:after {content:''; display:block; width:1px; height:22px; background:#d5d5d5; right:0px; top:20px; position:absolute; }
.in_slider .bx-controls .bx-next {right:0px; top:0px; background:rgba(255,255,255,1) url('../images/sub/arr_r.png') center center no-repeat;}

.his_slider img {width:100%;}
.in_slider .bx-prev:hover, .in_slider .bx-next:hover {opacity:0.9;}


@media screen and (max-width:1400px){
.history .target_depth.fixed {width:auto; left:40px; right:40px;}
.history .wrap_right.prl60 {padding-left:0px; padding-right:0px;}
.history .his_left .in_slider {padding-right:60px;}
.history .his_right .in_slider {padding-left:60px;}
.history .his_left dl {padding-left:70px;}
.history .his_right dl {padding-right:70px;}
.history .his_left .his_h5 .circle {left:-84px;}
.history .his_left .his_h5:before {left:-64px;}
.history .his_right .his_h5 .circle {right:-81px;}
.history .his_right .his_h5:before {right:-62px;}
}


@media screen and (max-width: 991px) {
.u2 {float:none !important;  width:100%;}


.history_pd2{padding-left:50px;}
.history_pd3{padding-left:120px;}


.history .in_slider {width:560px; height:320px;}
.his_middle_line .row > div {float:none; clear:both;}
.history .his_right {text-align:left;}

.history .his_right .in_slider {padding-left:0px;}
.history .his_left .in_slider {padding-right:0px;}

.his_inner {padding-right:0px; padding-left:0px;}
.history .wrap_right.prl60 {padding-right:40px; padding-left:40px;}
.history .his_middle_line:before {left:0; margin-left:0px;}
.history .wrap_right:before, .history .wrap_right:after {left:36px; margin-left:0px;}
.history .his_middle_line {padding-left:95px;}
.history .target_depth.fixed {left:0; right:0; top:100px;}
.history .his_left dl {padding-left:0px;}
.history .his_right dl {padding-right:0px;}
.history .his_right .his_h5:before, .history .his_left .his_h5:before {left:-86px; margin-top:22px;}
.history .his_right .his_h5 .circle, .history .his_left .his_h5 .circle {left:-106px; margin-top:10px;}
.history .his_right dl dd {padding-right:0px; padding-left:64px;}
.history .his_right dl dd .month {left:0px;}
.history .his_left .his_h5, .history .his_right .his_h5 {margin-top:0px; padding-top:50px;}

}

@media screen and (max-width:767px){
.history_pd1{padding-left:35px;}
.history_pd2{padding-left:35px;}
.history_pd3{padding-left:95px;}


.history .in_slider {width:280px; height:163px;}
.history .in_slider > .his_nay {height:100%; width:100%;}
.history .count {font-size:137px; padding-top:10px; text-indent:20px;}
.history .wrap_right.prl60 {padding-left:30px; padding-right:30px;}
.history .wrap_right:before, .history .wrap_right:after {left:26px;}
.history .his_right .his_h5 .circle, .history .his_left .his_h5 .circle {width:18px; height:18px; background-size:18px auto; left:-53px; margin-top:3px;}
.history .his_left .his_h5:before, .history .his_right .his_h5:before {width:30px; left:-39px; margin-top:12px;}
.history .his_middle_line {padding-left:45px; padding-top:45px;}
.history .wrap_right {margin-top:45px;}
.history .target_depth li {height:45px; line-height:45px;}
.history .target_depth li a {font-size:15px;}
.history .his_left .his_h5, .history .his_right .his_h5  {font-size:23px; padding-top:25px; margin-bottom:10px;}
.history dl dd {font-size:14px;}
.history dl dd .month {font-size:14px;}
.history .his_left dl dd, .history .his_right dl dd {padding-left:40px;}
.history dl dd {margin-bottom:3px;}
.history .his_middle_line > li {margin-bottom:50px;}
.in_slider .bx-controls {width:90px; height:42px;}
.in_slider .bx-prev, .in_slider .bx-next {width:45px; height:42px;}
.in_slider .bx-prev:after {top:11px;}
.history .target_depth.fixed {top:53px;}

.wrap.pb150 {padding-bottom:65px;}
}


/*** 국가정원 BI  ***/

*[class^="colum"]{font-size:0; text-align:center;}
*[class^="colum"] > li{display:inline-block; position:relative; box-sizing:border-box; font-size:1rem; text-align:center; vertical-align:top;}
*[class^="colum"].border > li{border:1px solid #dcdcdc;}
.colum_wrap{overflow:hidden; width:100%; margin-top:1.375rem;}
.colum1 > li{width:100%; margin-bottom:1rem;}
.colum1 > li:last-child{margin-bottom:0;}
.colum2{width:101.92%;}
.colum2 > li{width:48.08%; margin:1.92% 1.92% 0 0;}
.colum2 > li:nth-child(-n+2){margin-top:0;}
.colum3{width:106.53%;}
.colum3 > li{width:26.803%; margin:0 6.53% 3% 0;}
.colum4{width:102%;}
.colum4 > li{width:23%; margin:0 2% 2% 0;}
.colum5{width:102%;}
.colum5 > li{width:18%; margin:0 2% 0 0;}

.ci_color_list > li:nth-child(1) strong{background:#6bb35a;}
.ci_color_list > li:nth-child(2) strong{background:#35807d;}
.ci_color_list > li:nth-child(3) strong{background:#26bdce;}
.ci_color_list > li:nth-child(4) strong{background:#3366a8;}
.ci_color_list > li strong.en{display:block; line-height:1; padding:2.125rem 0; color:#fff; letter-spacing:0.1em; text-shadow:1px 1px 1px rgba(0,0,0,0.8)}
.ci_color_list ul{margin-top:2.125rem;}
.ci_color_list ul li{overflow:hidden; padding:1rem 0; border-bottom:1px solid #dedede; text-align:left; text-transform:uppercase;}
.ci_color_list ul li span{display:block; float:left; width:32%; font-weight:500; letter-spacing:0.03em; color:#333; word-break:keep-all; word-wrap:break-word;}
.ci_color_list ul li p{margin-left:34%; letter-spacing:0.1em;}


.thum-down-list{}
.thum-down-list li{ float: left; display: inline-block; width: 30.66%; margin-left: 4%; border:1px solid #ddd; border-radius: 4px;}
.thum-down-list li:first-child{ margin-left: 0; }
.thum-down-list li .thumb{display: block; width: 100%; height:200px;  vertical-align: middle; text-align:center; border-bottom: 1px solid #ddd;background-color:#fff; box-sizing: border-box; }

.thum-down-list li .img1{padding:40px 10px 20px 10px;}
.thum-down-list li .img1 img{max-width:220px;}
.thum-down-list li .img2{padding:70px 10px 20px 10px;}
.thum-down-list li .img2 img{max-width:220px;}
.thum-down-list li .img3{padding:20px 10px 20px 10px;}
.thum-down-list li .img3 img{max-width:50px;}

.thum-down-list li .thumb img{ width: 100%; height: auto; }
.thum-down-list li .ci-down{ display: block;}
.thum-down-list li .ci-down a{ float:left; display: inline-block; width:47%; margin-right:1.5%; min-height: 24px; border-left: 1px solid #ddd; padding: 12px 12px 12px 20px; font-size:14px; font-weight: 400;  background: url(../images/sub/download.png) no-repeat right 10px;  box-sizing: border-box;}
.thum-down-list li .ci-down a:first-child{ border: 0; }
.thum-down-list li .ci-down a i{ float: right; margin-top: 3px; color:#767676; }
.thum-down-list li .ci-down a:hover,
.thum-down-list li .ci-down a:focus{ background-color:#fff; color:#3468a5;font-weight:600; }
.thum-down-list li .ci-down a:hover i,
.thum-down-list li .ci-down a:focus i{ color:#fff; }
.tbar-cont .info-graybox{ background-color: transparent; text-align: center; padding: 70px 20px; }



@media(max-width: 1279px){
	.thum-down-list li .ci-down a{ padding: 12px 12px 12px 20px;  }
}

@media screen and (max-width: 991px) {
	.thum-down-list li .ci-down a{ float: none; width:96%;  margin:0px 2% 0px 2%;  border-left:none; border-top: 1px solid #ddd; }

	.ci_color_list > li strong.en{display:block; line-height:1; padding:1.625rem 0; color:#fff; letter-spacing:0.1em;}

	.ci_color_list ul li{padding:0.7rem 0; margin-bottom:20px;}

	.colum4 > li{width:48.08%; margin:1.92% 1.92% 0 0;}
	.colum4 > li:nth-child(-n+2){margin-top:0;}
	.thum-down-list li .ci-down a{font-size:14px;}
}


@media(max-width: 767px){
	.thum-down-list li{ float: none; width: 100%; margin: 0 0 20px 0; }

	.ci_color_list > li strong.en{display:block; line-height:1; padding:1.125rem 0; color:#fff; letter-spacing:0.1em;}

	.ci_color_list ul{margin-top:1.125rem;}


	.colum4 > li{width:100%; margin-bottom:1rem;}
	.colum4 > li:last-child{margin-bottom:0;}

}


/*** 오시는길  ***/
.traffic_info{width:100%; display:block; font-size:0; border-top:1px solid #000; box-sizing:border-box;}
/*.traffic_info > div:nth-child(n+2){border-left:1px solid #dddfe5;}**/
.traffic_info > div {display:inline-block; vertical-align:top; box-sizing:border-box; position:relative; width:100%; padding:35px 36px 40px 124px; border-bottom:1px solid #dddfe5;}
.traffic_info > div img{width:42px; position:absolute; left:35px; top:35px;}
.traffic_info > div .traffic_tit{font-size:24px; font-weight:bold; letter-spacing:-0.5px; line-height:30px; margin-bottom:20px;}
.traffic_info > div .traffic_tit span{font-weight:400;}
.traffic_info > div .info_txt{font-size:16px; font-weight:400; letter-spacing:-0.3px; color:#000; display:block;}
.traffic_info > div .info_txt i{display:inline-block; position:relative; vertical-align:baseline; color:#bb9126; margin-right:10px; padding-left:33px; box-sizing:border-box; font-style:normal; font-weight:normal;}
.traffic_info > div .info_txt i:before{content:attr(data-content); width:24px; height:24px; border-radius:50%; -webkit-border-radius:50%; background-color:#cda43a; color:#fff; font-weight:normal; position:absolute; left:0; top:1px; text-align:center; line-height:22px;}
.traffic_info > div .info_txt i.green{color:#697021}
.traffic_info > div .info_txt i.green:before{background-color: #697021}
.traffic_info > div .info_txt i.purple{color:#8936e0}
.traffic_info > div .info_txt i.purple:before{background-color: #8936e0}
.traffic_info > div .info_txt:nth-of-type(n+2){margin-top:10px;}
.traffic_info > div .info_txt2{font-size:16px; font-weight:400; letter-spacing:-0.4px; display:block;}
.traffic_info > div .info_txt2:nth-of-type(1){margin-top:-3px;}
.traffic_info > div .info_txt2:nth-of-type(n+2){margin-top:3px;}
.traffic_info > div .info_txt2 i{font-style:normal; min-width:40px; padding:0 5px; box-sizing:border-box; font-size:14px; color:#fff; display:inline-block; background-color:#50a332; vertical-align:baseline; margin-right:7px; height:24px; text-align:center; line-height:22px;}
.traffic_info > div .info_txt2.len_small{width: 120px; display: inline-block;}
.traffic_info > div .info_txt2 i.blue{background-color:#0b67b5}
.traffic_info > div .info_txt2 i.sky{background-color:#52a5df}
.traffic_info > div .info_txt2 i.green{background-color:#3d6c32}
.traffic_info > div .info_txt2 i.red{background-color:#e51616}
.traffic_info > div .info_txt2 i.orange{background-color:#c1311a}
.traffic_info > div .info_txt2 i.purple{background-color:#6e4e96}

.traffic_info > div .info_txt3{font-size:16px; color:#000; font-weight:400; line-height:24px; letter-spacing:-0.5px;}
.traffic_info.v2 > div {width:33.333%; padding-right:5px;height: 212px;}
.traffic_info.v3 > div{height: auto;}

@media screen and (max-width: 991px) {
	.traffic_info > div{ padding:20px 20px 10px 60px; }
	.traffic_info > div .traffic_tit{font-size:18px; line-height:26px; margin-bottom:10px;}
	.traffic_info > div img{width:42px; position:absolute; left:10px; top:20px;}

	.traffic_info > div .info_txt3{font-size:14px;  line-height:20px;}
}

@media(max-width: 767px){
	.traffic_info > div{width:100%; padding:20px 20px 10px 55px; border-bottom:1px solid #dddfe5;}
	.traffic_info > div:nth-child(n+2){border-left:0px solid #dddfe5; border-bottom:0px solid #dddfe5;}
	.traffic_info > div .traffic_tit{font-size:18px;line-height:26px; margin-bottom:10px;}
	.traffic_info > div img{width:30px; position:absolute; left:10px; top:20px;}
}



/*** 오시는길 - 문의전화 ***/
.telBox{position:relative; text-align:center; box-sizing: border-box;}
.telBox dt{margin:25px 0px 15px 0px; font-size:24px;line-height:28px;font-weight:400}
.telBox dd{line-height:27px}

.telBox .item{float:left; margin:0px 1% 0px 1%; width:31.3%; height:180px; border: 1px solid #ddd; background-color:#fff;  box-sizing: border-box; }
.telBox .item + .item{margin-left:0px;  padding:20px; box-sizing: border-box;}


.tel{position:relative;padding:0 0px; }
.telBox .tel .item01{padding-top:76px; border: 1px solid #000; }
.telBox .tel .item01 i{margin-bottom:42px}

.telBox .tel .item02{padding-top:76px}
.telBox .tel .item02 i{margin-bottom:47px}

.telBox .tel .item03{padding-top:80px}
.telBox .tel .item03 i{margin-bottom:43px}



.telBox .tel .icon-tel1 {
  background-image: url(../images/sub/icon_car.png);
  background-position: -663px 0px;
  width: 67px;
  height: 85px;
}

.telBox .tel .icon-tel2 {
  background-image: url(../images/sub/icon_car.png);
  background-position: -111px -245px;
  width: 91px;
  height: 81px;
}

.telBox .tel .icon-tel3 {
  background-image: url(../images/sub/icon_car.png);
  background-position: -276px -344px;
  width: 80px;
  height: 80px;
}


@media screen and (max-width: 991px) {
	.telBox dt{margin:25px 0px 15px 0px; font-size:18px; line-height:28px;font-weight:400}

}

@media(max-width: 767px){
	.telBox .item{float:none !important; margin:0px 1% 20px 1%; width:98%; float:none !important;}

}



/*** 국가정원 백서 ***/
.tb_whitepaper {width:100%; margin:5px 0px 0px 0px; border-top:2px solid #151515; font-size:15px; word-break:keep-all;}
.tb_whitepaper th{ font-weight:normal; color:#333;text-align:center !important; padding:5px 0px 5px 0px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:#f5f5f5;}
.tb_whitepaper th.end{border-right:0}
.tb_whitepaper td{padding:0 !important; padding-right:1em; padding-left:1em; border-bottom:1px solid #ccc;}
.tb_whitepaper td .index{border-bottom:0}
.tb_whitepaper td .index li{padding:0.5em 1em 0.55em 1em}
.tb_whitepaper td .last{border-bottom:0 !important}
.tb_whitepaper td a.label{margin-left:5px}
.tb_whitepaper p{padding:0.5em 1em 0.55em 1em;border-bottom:1px solid #ccc}
.tb_whitepaper dl{border-bottom:1px solid #ccc}
.tb_whitepaper dt{padding:0.5em 1em 0.55em 1em;font-weight:normal !important;font-family:'Noto Sans Korean Medium' !important}
.tb_whitepaper dd p{padding:0.5em 1em 0.55em 0;border-top:1px solid #ccc;border-bottom:0}
.tb_whitepaper dd ul,table.tb_whitepaper dd ol{border-top:1px solid #ccc}
.tb_whitepaper dd li{padding:0.3em 1em 0.35em 0}
.tb_whitepaper dd p,table.tb_whitepaper dd ol,table.tb_whitepaper dd ul{padding-left:1.5em}
.tb_whitepaper dd p + ul,table.tb_whitepaper dd p + ol{padding-left:2em}


@media screen and (max-width: 767px) {
.tb_whitepaper td .index li{padding:0.4em 0.5em 0.45em 0.9em}
.tb_whitepaper p{padding-right:0.5em;padding-left:0.5em}
.tb_whitepaper dt{padding-right:0.5em;padding-left:0.5em}
.tb_whitepaper dd li{padding-right:0.5em}
.tb_whitepaper dd p,table.tb_whitepaper dd ol,table.tb_whitepaper dd ul{padding-left:0.9em}
.tb_whitepaper dd p + ul,table.tb_whitepaper dd p + ol{padding-left:1.5em}

}


.tbl_type3 {width:100%; margin:5px 0px 0px 0px; border-top:0px solid #151515; font-size:15px; word-break:keep-all;}
.tbl_type3 th{ font-weight:normal; color:#fff;text-align:center !important; font-size:16px; padding:12px 0px 12px 0px; background:#1f7bab; border-right:1px solid #2581cb; border-bottom:1px solid #dfdfdf; }
.tbl_type3 th.end{border-right:0}
.tbl_type3 tbody th{ background:#f3f3f3; color:#2d2d2d; border-right:1px solid #dfdfdf;}
.tbl_type3 td{padding:0 !important; padding-right:1em; padding-left:1em;  color:#3b3b3b; border-bottom:1px solid #dfdfdf; }
.tbl_type3 td .index{border-bottom:0}
.tbl_type3 td .index li{padding:0.5em 1em 0.55em 1em}
.tbl_type3 td .last{border-bottom:0 !important}
.tbl_type3 td a.label{margin-left:5px}
.tbl_type3 p{padding:0.5em 1em 0.55em 1em;border-bottom:1px solid #dfdfdf}
.tbl_type3 dl{border-bottom:1px solid #dfdfdf}
.tbl_type3 dt{padding:0.5em 1em 0.55em 1em;font-weight:normal !important;font-family:'Noto Sans Korean Medium' !important}
.tbl_type3 dd p{padding:0.5em 1em 0.55em 0;border-top:1px solid #dfdfdf;border-bottom:0}
.tbl_type3 dd ul,table.tb_whitepaper dd ol{border-top:1px solid #dfdfdf}
.tbl_type3 dd li{padding:0.3em 1em 0.35em 0}
.tbl_type3 dd p,table.tbl_type3 dd ol,table.tbl_type3 dd ul{padding-left:1.5em}
.tbl_type3 dd p + ul,table.tbl_type3 dd p + ol{padding-left:2em}



@media screen and (max-width: 767px) {

.tbl_type3 {font-size:14px;}
.tbl_type3 th{ font-size:14px;}

.tbl_type3 td .index li{padding:0.4em 0.5em 0.45em 0.9em}
.tbl_type3 p{padding-right:0.5em;padding-left:0.5em}
.tbl_type3 dt{padding-right:0.5em;padding-left:0.5em}
.tbl_type3 dd li{padding-right:0.5em}
.tbl_type3 dd p,table.tb_whitepaper dd ol,table.tb_whitepaper dd ul{padding-left:0.9em}
.tbl_type3 dd p + ul,table.tbl_type3 dd p + ol{padding-left:1.5em}

}



.news{ position: relative; height:280px; margin-bottom: 90px;  }
.news h3{ margin-bottom: 30px; font-family: 'nsr'; font-size: 1.8rem; font-weight: 900; color: #333; line-height: 1.2; letter-spacing: -2px; }
.news .tablink{position: relative;z-index: 1;display: inline-block;font-size: 1rem;font-weight: 500;letter-spacing: -1px;color: #333;margin-bottom: 1rem;}
.news .tablink span{ position: relative; display: inline-block;  }
.news .tablink:after{content: "\e93f";display: inline-block;font-family: 'xeicon';font-size: .9rem;color: #999;margin-left: 70px;vertical-align: middle;}
.tab-ul,
.tab-ul > li{ display: block;}
.tab-ul > li .tab_obj{ display: none; }
.tab-ul > li .more{display:none;position: absolute;top: 225px;left: 0;vertical-align: middle;font-size: 0;z-index: 1;border: 1px solid #ddd;padding: 10px 66px;color: #67748d;}
.tab-ul > li .more i{font-size: 1rem;}
.tab-ul > li .more:hover,
.tab-ul > li .more:focus{ background-color: #ddd; transition: all .2s; -webkit-transition: all .2s;}
.tab-ul > li .more:hover i,
.tab-ul > li .more:focus i{ color: #fff; }
.tab-ul > li.on .tablink{ color: #222; }
.tab-ul > li.on .tablink:after{ color: #222; }
.tab-ul > li .tablink span:before{ opacity: 0; position: absolute; bottom: 2px; left: 0; z-index: -1; content: ""; display: inline-block; width: 0; height: 4px; background-color: #f4b800; transition: all .2s; -webkit-transition: all .2s;}
.news .tab-ul > li.on .tablink span:before,
.tab-ul > li .tablink:hover span:before,
.tab-ul > li .tablink:focus span:before{ opacity: 1; width: 100%;}
.tab-ul > li.on .tab_obj{ display: block; }
.tab-ul > li.on .more{display: inline-block;}



/*** sub ***/

#content .img {width:100%; margin:0 auto; }
#content .img img {width:100%; }

#tit {text-align:center;margin-bottom:50px;position:relative; }
#tit h3 {line-height:1em;font-size:36px;color:#333;}

#tit > ul {margin-top:10px;}
#tit > ul > li {display:inline-block;vertical-align:middle;margin:0 10px;}
#tit > ul > li > * {display:inline-block;vertical-align:middle;font-size:14px;}
#tit > ul > li span:first-child  {font-size:16px;}
#tit > ul > li em {margin:0 8px;color:#333;}
#tit .btn > * {display:inline-block;vertical-align:middle;position:relative;}
#tit .btn button {display:inline-block;width:36px;height:36px;box-sizing:border-box;border:1px solid #ddd;border-radius:50%;line-height:34px;color:#888;font-size:20px;background:#fff;position:relative;z-index:10;}
#tit .btn button:hover,
#tit .btn .on button  {background:#777;border-color:#777;color:#fff;}
#tit .btn .share .sns li {width:36px;transition:0.3s;position:absolute;left:0;top:0;opacity:0;}
#tit .btn .share .sns li img {transition:0.3s;}
#tit .btn .share.on .sns {display:block;}
#tit .btn .share.on .sns li {opacity:1;}
#tit .btn .share.on .sns li:nth-child(1) {left:39px;}
#tit .btn .share.on .sns li:nth-child(2) {left:78px;}
#tit .btn .share.on .sns li:nth-child(3) {left:117px;}
#tit .btn .share.on .sns li:nth-child(4) {left:156px;}
#tit .btn .share.on .sns li:nth-child(5) {left:195px;}
#tit .btn .share.on .sns li:hover a img {transform:scale(1.1) rotate(360deg);}

/* 예약안내페이지 */
.res_info{background-color: #f9f9f9; padding: 20px; text-align: center;}
.c_mint{color: #10a0ab;}
/*.res_info a{display: inline-block; width: auto; padding: 0 20px; background: #003f9c; color: #fff; font-size: 16px;
transition: 0.3s;box-sizing: border-box; height: 40px; line-height: 38px;border: 1px solid #003f9c;}
.res_info a:hover{color: #fff; background: #0e9d9a;border:none;}*/
.res_info .txt{margin-top: 10px; margin-bottom: 17px; font-size: 18px;}
.res_directions{width: 80%; margin: 30px auto 0 auto;}
.res_directions ul:after{content: ""; display: block; clear: both;}
.res_directions li{width: 24%;  float: left; text-align: center; background-color: #f5f5f5; box-sizing: border-box; padding-bottom: 20px; font-size: 17px;}
.res_directions li img{margin-bottom: 15px;}
.res_directions li .nb{width: 100%; display: block; padding: 3px; box-sizing: border-box; background-color: #6f6f6f; color: #fff; margin-bottom: 15px;}
.res_directions .next{width: 13%; height: 50px; background-color: transparent; margin-top: 70px; }
.res_directions2{margin-top: 30px;}
.res_directions2 h3{background-color: #939393; text-align: center; color: #fff; line-height: 37px; font-weight: 400; margin-bottom: 20px;}


.__blue {color:#00a0e9;}
.__mint {color:#555}
.__orange {color:#ff7316 !important;}
.__red {color:#dc3232 !important;}
.__black {color:#000 !important;}
.__green {color:#5bd51f}
.__purple {color:#8455bd !important;}

.__u {text-decoration:underline;}

.__tit1 {position:relative;}
.__tit1 h3 {font-size:26px;font-weight:600;color:#333;margin-bottom:15px;}
.__tit1 h4 { font-weight:600; color:#ccb080;}
.__tit1 .rig {position:absolute;right:0;bottom:0;}
.__tit1 span {color:#bebebe;}

.__txt1 {font-size:16px;line-height:1.5em;}
.__txt2 {font-size:20px;line-height:1.5em;color:#333; font-weight:600;}
.__txt3 {font-size:15px;line-height:1.5em;}
.__txt4 {font-size:18px;line-height:1.5em;}
.__txt5 {font-size:16px;line-height:1.5em; font-weight:500 !important;}

.__btn1 {display:inline-block;height:40px;line-height:38px;padding:0 20px; background:#1db3af; color:#fff;font-size:16px;transition:0.3s;border:1px solid #555;box-sizing:border-box;}
.__btn1:hover {box-shadow:0 0 5px 1px rgba(0,0,0,0.3);}
.__btn1.type2 {color:#555;background:#fff;}
.__btn1.type3, .bg2 {color:#fff;background:#707070; border:none;}
.__btn1.type4, .bg1 {color:#fff;background:#007b71; border:none;}
.__btn1.type5{color: #fff;background: #444af1; border:none;}
a.bg1:hover {background:#00657b; color:#fff;}
a.bg2:hover {background:#666; color:#fff;}

.__btn2 {display:inline-block;height:60px;line-height:58px;width:100%;background:#555;color:#fff;font-size:16px;border:1px solid #555;text-align:center;}

.__btn3 {display:inline-block;height:36px;line-height:36px;padding:0 15px; background:#1db3af; color:#fff;font-size:14px;transition:0.3s;border:1px solid #555;box-sizing:border-box;}
.__btn3:hover {box-shadow:0 0 3px 1px rgba(0,0,0,0.1);}
.__btn3.type1 {color:#555;background:#fff;}

.__btn4 {display:inline-block;height:30px;line-height:26px;padding:0 20px; background:#1db3af; color:#fff;font-size:14px;transition:0.3s;border:1px solid #555;box-sizing:border-box;margin-top:5px;}
.__btn4:hover {box-shadow:0 0 5px 1px rgba(0,0,0,0.3);}
.__btn4.type2 {color:#555;background:#fff;}

@media all and (max-width:1000px){
	.__tit1 h3 {font-size:22px;margin-bottom:10px;}

	.__txt1 {font-size:15px;line-height:1.5em;}
	.__txt2 {font-size:16px;line-height:1.4em;}
	.__txt3 {font-size:14px;line-height:1.4em;}
	.__txt4 {font-size:15px;line-height:1.4em;}

	.__btn1 {height:32px;line-height:30px;padding:0 15px;font-size:15px;}
	.__btn2 {height:45px;line-height:43px;font-size:14px;}
}


@media all and (max-width:768px){

	/* 예약안내페이지 */
	.res_directions li{width: 100%; float: none;}
	.res_directions .next{width: 20%; height: auto; margin-top: 30px; margin-left: auto; margin-right: auto;}



	.__tit1 h3 {font-size:18px;}

	.__txt1 {font-size:14px;}
	.__txt2 {font-size:13px;}
	.__txt3 {font-size:12px;}
	.__txt4 {font-size:13px;}
	.__btn1 {font-size:14px;}
	.__btn2 {height:32px;line-height:30px;font-size:12px;}
}



.__toparea {position:relative;margin-bottom:20px;font-size:0;}
.__toparea .all {font-size:15px;padding-top:15px;}
.__toparea .__search1, .__toparea .__search2 {position:absolute;right:0;bottom:0;}

.__tab1 {font-size:0;padding:1px 0 0 1px;}
.__tab1 a {display:inline-block;vertical-align:top;box-sizing:border-box;box-sizing:border-box;width:150px;height:50px;border:1px solid #ddd;margin:-1px 0 0 -1px;white-space:nowrap;color:#000;font-weight:500;text-align:center;position:relative;}
.__tab1 a:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__tab1 a span {display:inline-block;vertical-align:middle;max-width:100%;white-space:normal;font-size:15px; font-weight:normal;}
.__tab1 .active {background:#45484d;color:#fff;border-color:#45484d;z-index:10;}

.__search1 {display:inline-block;position:relative;font-size:0;}
.__search1 select,
.__search1 input[type='text'],
.__search1 button {display:inline-block;vertical-align:top;box-sizing:border-box;height:40px;}
.__search1 select,
.__search1 input[type='text'] {border:1px solid #ddd;font-size:15px;padding-left:5px;}
.__search1 select {min-width:120px;margin-right:3px;}
.__search1 input[type='text'] {width:230px;}
.__search1 button {margin-left:-1px;background:#555;color:#fff; /*border-color:#109cd7;border:1px solid #109cd7;*/ font-size:18px;width:50px;}


.__search2 {display:inline-block;position:relative;font-size:0;}
.__search2 select,
.__search2 input[type='text'],
.__search2 button {display:inline-block;vertical-align:top;box-sizing:border-box;height:40px;}
.__search2 select,
.__search2 input[type='text'] {border:1px solid #ddd;font-size:15px;padding-left:5px;}
.__search2 select {min-width:90px;margin-right:3px;}
.__search2 input[type='text'] {width:140px;}
.__search2 button {margin-left:-1px;background:#555;color:#fff; /*border-color:#109cd7;border:1px solid #109cd7;*/ font-size:18px;width:50px;}


.__pdt-list {table-layout:fixed;border-top:2px solid #666;width:100%;}
.__pdt-list tr > * {border-bottom:1px dashed #999;padding:20px;text-align:center;}
.__pdt-list col.img {/*width:210px;*/ width:30%}
.__pdt-list col.people {width:160px;}
.__pdt-list col.state {width:180px;}
.__pdt-list td.info {text-align:left;}
.__pdt-list td.info .ico {margin-bottom:15px;}
.__pdt-list td.info .ico span {margin-right:5px;}
.__pdt-list td.info .subject  a {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:18px;font-weight:500;color:#000;}
.__pdt-list td.info ul {margin-top:10px;}
.__pdt-list td.info ul li {font-size:15px;}
.__pdt-list td.info ul li strong {color:#888;font-weight:normal;}
.__pdt-list td.info ul li span {color:#000;}
.__pdt-list td.people li {font-size:15px;margin-top:5px;}
.__pdt-list td.people li:first-child {margin-top:0;}
.__pdt-list td.people .people2 {color:#555;}
.__pdt-list td.people .people3 {color:#ff7316;}
.__pdt-list td.state li {margin-top:5px;}
.__pdt-list td.state li:first-child {margin-top:0;}
.__pdt-list td.state li > * {display:inline-block;width:110px;height:32px;box-sizing:border-box;border-radius:16px;font-size:15px;text-align:center;line-height:30px;}
.__pdt-list td.state .state1 > * {background:#fff;border:1px dotted #626262;}
.__pdt-list td.state .state2 > * {color:#fff;border:1px solid #00b4a5;background:#00b4a5;}
.__pdt-list td.state .state3 > * {color:#fff; background:#626262;}
.__pdt-list td.state .state1 > span {background:#f2f2f2;border-color:#cbcbcb;color:#a2a2a2;}
.__pdt-list tr:hover > * {background:#f1fbfe;}
.__pdt-list tr td.nomore {padding:50px;font-size:18px;text-align:center;color:#000;}
.__pdt-list.nocol colgroup {display:none;}

.__ico1 {display:inline-block;padding:0 10px;min-width:55px;box-sizing:border-box;border-radius:3px;height:22px;line-height:22px;color:#fff;background:#a4a4a4;font-size:12px;text-align:center;}
.__ico1.type2 {background:#f9783b;}
.__ico1.type3 {background:#555;}


.ovh {font-size:16px; margin-top:10px;}

#step_style1{margin:50px 0px;}
#step_style1 ul{width:100%;text-align:center;overflow:hidden;padding:10px 0px;}
#step_style1 ul li{float:none;display:inline-block;width:25%;background:url(../images/sub/icon_next.png) no-repeat  260px 50%;margin-bottom:15px;}
#step_style1 ul li.last{background:none;width:auto;}
#step_style1 ul li > div{width:220px;border:1px solid #ddd;border-radius:7px;}
#step_style1 ul li > div img{margin-bottom:15px;}
#step_style1 ul li > div p.stepTit{padding:10px 0;background-color:#f6f6f6;color:#0044a1;font-size:15px;text-align:center;border-radius:7px 7px 0px 0px;border-bottom:2px solid #0044a1;}
#step_style1 ul li > div > div{display:table-cell;width:220px;height:180px;border-top:1px solid #0044a1;color:#2f2f2f;font-size:15px;vertical-align:middle;;text-align:center}
#step_style1 ul li > div p.user{padding:10px 0;background-color:#f2f2f2;color:#2f2f2f;font-size:15px;text-align:center}
@media (min-width:0) and (max-width:1024px){
	#step_style1 ul li{width:30%;margin-bottom:20px}
	 .narae ul li > div{width:120px}
	.narae ul li > div > div {}
}
@media (min-width:0) and (max-width:767px){
	#step_style1 ul li{display:block;width:100%;margin-bottom:20px;background:none;}
	#step_style1 ul li > div{width:100%}
	#step_style1 ul li > div > div{width:100%;height:auto;padding:30px 0px;border-top:none;display:block;}
	#step_style1 ul li.last{width:100%;}


}



/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {

.fes-top-img{margin:0px;}
.slider-wrap{width:100%;margin:0px 0px 40px 0px;}

.slider-wrap .mainPhoto{text-align: center;background-color:#000;height:400px !important;margin-bottom:20px;}
.slider-wrap .mainPhoto img{height:100%; width: auto;max-height: 400px;}

.slider-wrap .slick-slide-list img{display:inline-block; width:100%; height:164px;}

.multiple-items2 { float:left; width:100%;margin-bottom:40px;}
.multiple-items2 div { float:left; width:49%;margin:0% 1% 1% 0%;border:solid 1px #ececec}
.multiple-items2 div img{width:100%;height:100%;overflow:hidden;}
.multiple-items2 div:nth-child(2n+2) a{ margin-right:0}

.commentator-bx{position:relative;width:100%;height:100%;min-height:500px;text-align:center;}
.commentator-bx:before{position:absolute;left:0px;top:0px;width:100%;height:712px;content:'';background:url(../images/sub/bg_commentator.png) no-repeat;background-size:100%;}
.commentator-bx .info{position:relative;top:80px;padding:0px 60px;}
.commentator-bx h3{font-size:30px !important;color:#007749 !important;font-weight:500;}
.commentator-bx h3:before{display:none;}
.commentator-bx p{font-size:18px;}
.commentator-bx .btn-cr {position:relative;display:inline-block;color:#ffffff; text-align:center; background:#003b9d; font-size:15px; border-radius: 50px; margin:0; padding:0px 40px;  width:auto; height:38px; line-height:38px; transition:all ease-in-out 0.2s;}
.commentator-bx .btn-cr:hover {background:#198126; color:#fff;}

.commentator-bx ul{float:left;margin:200px 0px 30px 0px;border-bottom:1px dashed #ddd;padding:20px;}
.commentator-bx ul li{float:left;display:block;margin:15px 0px;}
.commentator-bx ul li .tit{width:100px;float:left;padding:3px 0px 6px 0px;text-align:center;border-radius:7px;background:#2760a7;color:#fff;}
.commentator-bx ul li .ph{float:left;width:530px;padding:5px 0px 5px 15px;text-align:left;}

.spot_list li{width:100%;float:left;margin:3% 0%;}
figure.spot {position: relative;overflow: hidden;margin: 10px;width: 100%;color: #ffffff;background-color: #000000;}
figure.spot * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease;}
figure.spot img { width: 100%; backface-visibility: hidden; vertical-align: top;}
figure.spot:after,figure.spot figcaption { position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
figure.spot:after { content: ''; background-color: rgba(18, 46, 117, 0.65); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; opacity: 0;}
figure.spot figcaption { z-index: 1; padding: 90px 50px;}
figure.spot h2,figure.spot .links { width: 100%; margin: 5px 0; padding: 0;}
figure.spot h2 {font-size: 24px; text-transform: uppercase; opacity: 0;color:#fff;background:none;text-align:center;margin-bottom:20px;}
figure.spot p { font-size:16px;opacity: 0; top: 50%; -webkit-transform: translateY(40px); transform: translateY(40px);text-align:center;letter-spacing:-0.03em;}
figure.spot div { width:100px;font-size:16px;border:1px solid #fff;padding:5px;margin:15px auto 0px auto;opacity: 0; top: 50%; -webkit-transform: translateY(40px); transform: translateY(40px);text-align:center;}
figure.spot a {  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  z-index: 1;}
figure.spot:hover img,figure.spot.hover img {  zoom: 1;  filter: alpha(opacity=50);  -webkit-opacity: 0.5;  opacity: 0.5;}
figure.spot:hover:after,figure.spot.hover:after {  opacity: 1;  position: absolute;  top: 10px;  bottom: 10px;  left: 10px;  right: 10px;}
figure.spot:hover h2,figure.spot.hover h2,figure.spot:hover p,figure.spot.hover p,figure.spot:hover div,figure.spot.hover div {  -webkit-transform: translate(0px, 0px);  transform: translate(0px, 0px);  opacity: 1;}

.status-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);}
.status-bx .info{float:none;width:100%;}
.status-bx .info p.tit{text-align:center;font-size:20px;margin:0px ;padding:20px;}
.status-bx .info span{display:block;}
.status-bx .photo{float:none;width:100%;position:relative;}
.status-bx .photo img{width:100%;}
.status-bx .photo .cap{position:absolute;left:0px;bottom:0px;width:100%;padding:5px 10px 10px 5px;background-color: rgba(0, 0, 0, 0.65);color:#fff;text-align:right;overflow:hidden;}
.status-bx .ph{padding:0px 30px 30px 30px;}
.status-bx ul li{border:none !important;margin:3px 0px;padding-left:12px;background:url(../images/sub/icon_dot.png) no-repeat 0px 10px;}
.status-tit{text-align:center;font-size:26px;font-weight:500;margin-bottom:20px;font-style:italic;}

.status-bx2{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);}
.status-bx2 .info{float:none;width:100%;}
.status-bx2 .info p.tit{text-align:center;font-size:20px;margin:0px ;padding:20px;}
.status-bx2 .info span{display:block;}
.status-bx2 .photo{float:none;width:100%;position:relative;}
.status-bx2 .photo img{width:100%;}
.status-bx2 .photo .cap{position:absolute;left:0px;bottom:0px;width:100%;padding:5px 10px 10px 5px;background-color: rgba(0, 0, 0, 0.65);color:#fff;text-align:right;overflow:hidden;}
.status-bx2 .ph{padding:0px 30px 30px 30px;}
.status-bx2 ul li{border:none !important;margin:3px 0px;padding-left:12px;background:url(../images/sub/icon_dot.png) no-repeat 0px 10px;}

#tit {margin-top:20px;}

.__toparea .all {font-size:13px;padding-top:13px;}

.__tab1 a {width:110px;height:40px;}
.__tab1 a span {font-size:15px;}

.__toparea .__search1 {top:10px;}
.__search1 select,
.__search1 input[type='text'],
.__search1 button {height:35px;}
.__search1 select,
.__search1 input[type='text'] {font-size:13px;}
.__search1 select {min-width:90px;}
.__search1 input[type='text'] {width:200px;}
.__search1 button {font-size:18px;width:40px;}

.__toparea .__search2 {top:0px;}
.__search2 select,
.__search2 input[type='text'],
.__search2 button {height:40px;}
.__search2 select,
.__search2 input[type='text'] {font-size:13px;}
.__search2 select {min-width:90px;}
.__search2 input[type='text'] {width:130px;}
.__search2 button {font-size:18px;width:40px;}

.__pdt-list tr > * {padding:10px;}
.__pdt-list col.people {width:100px;}
.__pdt-list col.state {width:130px;}
.__pdt-list td.info .ico {margin-bottom:10px;}
.__pdt-list td.info .ico span {margin-right:3px;}
.__pdt-list td.info .subject a {font-size:20px;}
.__pdt-list td.info ul {margin-top:7px;}
.__pdt-list td.info ul li {font-size:13px;}
.__pdt-list td.people li {font-size:13px;margin-top:3px;}
.__pdt-list td.state li {margin:0 3px;display:inline-block;vertical-align:middle;}
.__pdt-list td.state li > * {width:100px;height:30px;border-radius:15px;font-size:13px;line-height:28px;}
.__pdt-list tr td.nomore {padding:40px 0;font-size:15px;}




}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
.fes-top-img{margin:0px;}
.slider-wrap{width:100%;margin:0px 0px 40px 0px;}

.slider-wrap .mainPhoto{text-align: center;background-color:#000;height:300px !important;margin-bottom:20px;}
.slider-wrap .mainPhoto img{height:100%; width: auto;max-height: 300px;}

.slider-wrap .slick-slide-list img{display:inline-block; width:100%; height:90px;}

.img_wrap {display:inline-block;position:relative; max-width:100%;}
.img_wrap img{float:left; max-width:100%; padding:0;margin:0px 0px 30px 0px;}
.img_wrap .img_zoom{display:inline-block;overflow:hidden;position:absolute;bottom:0;right:0;z-index:10;width:30px;height:30px;background: url('../images/sub/icon_zoom.png') no-repeat;padding:0px;font-size:12px;}
.img_wrap .img_zoom a{ display:block;width:30px;height:30px;font-size:0;line-height:0;text-indent: 100%;}

.multiple-items2 { float:none; width:100%;margin-bottom:40px;}
.multiple-items2 div { float:none; width:100%; margin:0% 0% 2% 0%;border:solid 1px #ececec}
.multiple-items2 div img{width:100%;height:100%;overflow:hidden;}
.multiple-items2 div:nth-child(2n+2) a{ margin-right:0}

.commentator-bx{position:relative;width:100%;height:100%;min-height:100%;text-align:center;}
.commentator-bx:before{position:absolute;left:0px;top:0px;width:100%;height:500px;overflow:hidden;content:'';background:url(../images/sub/bg_commentator_m.png) no-repeat;}
.commentator-bx .info{position:relative;top:140px;padding:0px 30px;}
.commentator-bx h3{font-size:24px !important;color:#007749 !important;font-weight:500;}
.commentator-bx h3:before{display:none;}
.commentator-bx p{font-size:16px;margin-bottom:-20px;}
.commentator-bx .btn-cr {position:relative;display:inline-block;color:#ffffff; text-align:center; background:#003b9d; font-size:15px; border-radius: 50px; margin:0; padding:0px 40px;  width:auto; height:38px; line-height:38px; transition:all ease-in-out 0.2s;}
.commentator-bx .btn-cr:hover {background:#198126; color:#fff;}

.commentator-bx ul{float:left;margin:300px 0px 30px 0px;border-bottom:1px dashed #ddd;padding:20px;}
.commentator-bx ul li{float:left;display:block;margin:15px 0px;width:100%;}
.commentator-bx ul li .tit{width:100px;float:left;padding:3px 0px 6px 0px;text-align:center;border-radius:7px;background:#2760a7;color:#fff;}
.commentator-bx ul li .ph{float:left;width:100%;padding:5px 0px 5px 0px;text-align:left;}

.spot_list li{width:100%;float:none;margin:2% 0%;overflow: hidden;}
figure.spot {position: relative;overflow: hidden;margin: 10px;width: 95%;color: #ffffff;;background-color: #000000;}
figure.spot * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease;}
figure.spot img { max-width: 100%; backface-visibility: hidden; vertical-align: top;}
figure.spot:after,figure.spot figcaption { position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
figure.spot:after { content: ''; background-color: rgba(18, 46, 117, 0.65); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; opacity: 0;}
figure.spot figcaption { z-index: 1; padding: 30px;}
figure.spot h2,figure.spot .links { width: 100%; margin: 5px 0; padding: 0;}
figure.spot h2 {font-size: 20px; text-transform: uppercase; opacity: 0;color:#fff;background:none;text-align:center;margin-bottom:20px;}
figure.spot p { font-size:15px;opacity: 0; top: 50%; -webkit-transform: translateY(40px); transform: translateY(40px);text-align:center;letter-spacing:-0.03em;}
figure.spot div { width:90px;font-size:13px;border:1px solid #fff;padding:3px;margin:15px auto 0px auto;opacity: 0; top: 50%; -webkit-transform: translateY(40px); transform: translateY(40px);text-align:center;}
figure.spot span{display:inline-block;}
figure.spot a {  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  z-index: 1;}
figure.spot:hover img,figure.spot.hover img {  zoom: 1;  filter: alpha(opacity=50);  -webkit-opacity: 0.5;  opacity: 0.5;}
figure.spot:hover:after,figure.spot.hover:after {  opacity: 1;  position: absolute;  top: 10px;  bottom: 10px;  left: 10px;  right: 10px;}
figure.spot:hover h2,figure.spot.hover h2,figure.spot:hover p,figure.spot.hover p,figure.spot:hover div,figure.spot.hover div {  -webkit-transform: translate(0px, 0px);  transform: translate(0px, 0px);  opacity: 1;}

.spot2 { position: relative; background: #122e75; cursor: pointer; overflow: hidden;}
.spot2 img { width: 100%; transition: all 0.3s ease-in-out;}
.spot2:before { content: ''; background: #fff; width: 0px; height: 1px; position: absolute; right: 20px; top: 20px; transition: all 0.35s ease;}
.spot2:after { content: ''; background: #fff; width: 1px; height: 0px; position: absolute; right: 20px; top: 20px;transition: all 0.35s ease;}
.spot2 .info { position: absolute; left: 0; bottom: 0; color: #fff; width: 100%; padding:20px;box-sizing: border-box;opacity: 0; transition: all 0.3s ease-in-out;}
.spot2 .info h2 {font-size: 20px;color:#fff;margin:0px;padding:0px 0px 10px 0px;}
.spot2 .info p {color:#fff;margin:0px;padding:0px;}
.spot2:hover .info {opacity: 1;}
.spot2:hover img { opacity: 0.2;}
.spot2:hover:before { width: 60px;}
.spot2:hover:after { height: 60px;}

.status-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);}
.status-bx .info{float:none;width:100%;}
.status-bx .info p.tit{text-align:center;font-size:20px;margin:0px ;padding:20px;}
.status-bx .info span{display:inline;}
.status-bx .photo{float:none;width:100%;position:relative;}
.status-bx .photo img{width:100%;}
.status-bx .photo .cap{position:absolute;left:0px;bottom:0px;width:100%;padding:5px 10px 10px 5px;background-color: rgba(0, 0, 0, 0.65);color:#fff;text-align:right;overflow:hidden;}
.status-bx .ph{padding:0px 30px 20px 30px;}
.status-bx ul li{border:none !important;margin:3px 0px;padding-left:12px;background:url(../images/sub/icon_dot.png) no-repeat 0px 10px;}
.status-tit{text-align:center;font-size:20px;font-weight:500;margin-bottom:10px;padding:15px;font-style:italic;}

.status-bx2{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);}
.status-bx2 .info{float:none;width:100%;}
.status-bx2 .info p.tit{text-align:center;font-size:18px;margin:0px ;padding:20px;}
.status-bx2 .info span{display:inline;}
.status-bx2 .photo{float:none;width:100%;position:relative;}
.status-bx2 .photo img{width:100%;}
.status-bx2 .photo .cap{position:absolute;left:0px;bottom:0px;width:100%;padding:5px 10px 10px 5px;background-color: rgba(0, 0, 0, 0.65);color:#fff;text-align:right;overflow:hidden;}
.status-bx2 .ph{padding:0px 30px 20px 30px;}
.status-bx2 ul li{border:none !important;margin:3px 0px;padding-left:12px;background:url(../images/sub/icon_dot.png) no-repeat 0px 10px;font-size:15px;}

.m_block{display:block;}

.__toparea {text-align:center; /*margin-bottom:10px;*/}
.__toparea .all {display:none;}
.__toparea .__search1, .__toparea .__search2 {position:relative;}
.__toparea .__tab1 {text-align:center;margin-bottom:10px;}

.__tab1 a {width:auto;padding:0 20px;height:30px;}
.__tab1 a span {font-size:12px;}

.__search1 select,
.__search1 input[type='text'],
.__search1 button {height:30px;}
.__search1 select,
.__search1 input[type='text'] {font-size:12px;}
.__search1 select {min-width:70px;}
.__search1 input[type='text'] {width:150px;}
.__search1 button {font-size:16px;width:35px;}

.__search2 select,
.__search2 input[type='text'],
.__search2 button {height:30px;}
.__search2 select,
.__search2 input[type='text'] {font-size:12px;}
.__search2 select {min-width:70px;}
.__search2 input[type='text'] {width:150px;}
.__search2 button {font-size:16px;width:35px;}


.__pdt-list .img {/*display:none;*/ width:100%;}
.__pdt-list .img img {width:100%;}
.__pdt-list,
.__pdt-list tbody,
.__pdt-list tr {display:block;font-size:0;}
.__pdt-list tr {border-bottom:1px solid #ddd;padding:5px 0;}
.__pdt-list tr:after {content:"";display:block;clear:both;}
.__pdt-list td {display:block;border:none;box-sizing:border-box;display:inline-block;vertical-align:middle;padding:2% 5%;}
.__pdt-list tr:hover td {background:none;}
.__pdt-list td.info {width:100%;}
.__pdt-list td.people {width:30%;}
.__pdt-list td.state {width:100%;}
.__pdt-list td.state li > * {width:auto;height:auto;border-radius:20px;font-size:12px;/*line-height:auto;*/padding:0 10px;}

.__pdt-list tr td.nomore {padding:30px 0;font-size:13px;}

.__ico1 {padding:0 5px;min-width:0;font-size:11px;}




}



.__prgram-view .one {border-top:1px solid #333;background:#fafafa;border-bottom:1px solid #ddd;padding:30px 40px;}
.__prgram-view .one:after {content:"";display:block;clear:both;}
.__prgram-view .one .img {float:left;width:256px;}
.__prgram-view .one .info {width:calc(100% - 256px);float:right;padding-left:65px;box-sizing:border-box;}
.__prgram-view .one .info .subject {font-size:22px;font-weight:500;color:#000;}
.__prgram-view .one .info .ico {margin-top:10px;}
.__prgram-view .one .info .ico span {margin-right:5px;}
.__prgram-view .one .info ul {margin-top:20px;}
.__prgram-view .one .info ul li {margin-top:5px;font-size:16px;color:#333;}
.__prgram-view .one .info ul li:first-child {margin-top:0;}
.__prgram-view .one .info ul li strong {font-weight:normal;color:#888;}
.__prgram-view .one .info .btn {margin-top:40px;}
.__prgram-view .one .info .btn .__btn1 {width:140px;margin-right:10px;text-align:center;}
.__prgram-view .two {margin-top:60px; margin-bottom:60px; }
.__prgram-view .two h3 {width:200px;background:#555;padding:10px;text-align:center;color:#fff;font-size:20px;font-weight:500;border-radius:0px 15px 0px 0px;}
.__prgram-view .two .con {font-size:15px;line-height:1.5em;padding:30px;margin-bottom:30px; width:100%;border:1px solid #ddd;}
.__prgram-view .two .con * {max-width:100% !important;}


@media all and (max-width:1000px){
	.__prgram-view .one {padding:10px;}
	.__prgram-view .one .img {width:200px;}
	.__prgram-view .one .info {width:calc(100% - 200px);padding-left:30px;}
	.__prgram-view .one .info .subject {font-size:16px;}
	.__prgram-view .one .info .ico {margin-top:7px;}
	.__prgram-view .one .info .ico span {margin-right:3px;}
	.__prgram-view .one .info ul {margin-top:15px;}
	.__prgram-view .one .info ul li {margin-top:3px;font-size:13px;}
	.__prgram-view .one .info .btn {margin-top:20px;}
	.__prgram-view .one .info .btn .__btn1 {width:auto;margin-right:5px;}
	.__prgram-view .two {margin-top:30px;}
	.__prgram-view .two h3 {padding:10px;font-size:16px;}
	.__prgram-view .two .con {margin-top:30px;font-size:13px;line-height:1.4em;}

}

@media all and (max-width:768px){
	.__prgram-view .one {padding:10px;}
	.__prgram-view .one .img {width:80px;}
	.__prgram-view .one .info {width:calc(100% - 80px);padding-left:15px; float:left;}
	.__prgram-view .one .info .subject {font-size:14px;}
	.__prgram-view .one .info .ico {margin-top:5px;}
	.__prgram-view .one .info ul {margin-top:10px;}
	.__prgram-view .one .info ul li {margin-top:2px;font-size:12px;}
	.__prgram-view .one .info .btn {margin-top:15px;}
	.__prgram-view .one .info .btn .__btn1 {margin-right:2px;padding:0 10px;}
	.__prgram-view .two {margin-top:20px;}
	.__prgram-view .two h3 {padding:10px;font-size:14px;}
	.__prgram-view .two .con {margin-top:20px;font-size:12px;line-height:1.4em;}
	.__prgram-view .two .con * {font-size:12px !important;line-height:1.4em !important;}
	.__prgram-view .one {padding:10px;}
	.__prgram-view .one .img {width:100%; text-align:center;}
	.__prgram-view .one .info {width:100%;padding-left:0; margin-top:20px;}
	.__prgram-view .one .info .btn {display:block;}
	.__prgram-view .one .info .btn .__btn1 {font-size:12px;}
}



.__numlist:after {content:"";display:block;clear:both;}
.__numlist ul {float:left;}
.__numlist ul li {display:block;position:relative;padding-left:30px;position:relative;margin-top:13px;}
.__numlist ul li:first-child {margin-top:0;}
.__numlist ul li strong {position:absolute;left:0;top:50%;width:24px;height:24px;line-height:23px;text-align:center;color:#fff;border-radius:50%;background:#2297d8;font-size:14px;margin-top:-12px;}
.__numlist ul li.active strong {background:#ff7316;}
.__numlist ul li.active span {color:#ff7316;text-decoration:underline;}



@media all and (max-width:1000px){

	.__numlist ul {}
	.__numlist ul li {padding-left:27px;margin-top:10px;}
	.__numlist ul li strong {width:20px;height:20px;line-height:19px;font-size:13px;margin-top:-10px;}
}

@media all and (max-width:767px){

	.__numlist ul {width:100%;}
	.__numlist ul li {padding-left:20px; padding-right:20px; margin-top:10px;}
	.__numlist ul li strong {width:20px;height:20px;line-height:19px;font-size:13px;margin-top:-10px;}
}




/*인사말 */
.intro_txt {word-break:keep-all; text-align:justify;}

.__info-top {font-size:0; margin-top:40px; margin-bottom:50px;}
.__info-top > * {display:inline-block;vertical-align:top;box-sizing:border-box;}
.__info-top .lef {padding-right:25px;}
/* .__info-top .rig {padding-left:25px;} */
.__info-top .img span {position:relative;display:inline-block;}
.__info-top .img span img {width:100%;}
.__info-top .txt h2 {font-size:30px; /*font-weight:600;*/ color:#333;line-height:1.3em;letter-spacing:-0.05em;}
.__info-top .lef.img span:before {content:"";display:block;width:153px;height:29px;/*background:url(../images/sub/img-edge.png) no-repeat;left:100%;*/margin-left:-85px;top:40px;position:absolute;}
.__info-top .tar {text-align:right; font-weight:500; color:#333; padding-right:10px; }

@media all and (max-width:1000px){
	.__info-top > * {vertical-align:top;}
	.__info-top .lef {padding-right:10px;}
	.__info-top .rig {padding-left:10px;}
	.__info-top .txt h2 {font-size:20px;}
	.__info-top .lef.img span:before {display:none;}
}

@media all and (max-width:768px){
	.__info-top > * {width:100% !important;}
	.__info-top .img {text-align:center;}
	.__info-top .lef {padding-right:0;}
	.__info-top .rig {padding-left:0;margin-top:15px;}
	.__info-top .txt h2 {font-size:18px;letter-spacing:-0.1em;}

}



.__create-top {position:relative;}
.__create-top span {display:none;position:absolute;right:20px;bottom:20px;color:#fff;font-size:22px;}


.__create-mid .area {position:relative;padding-left:295px;margin-top:80px;}
.__create-mid .area:first-child {margin-top:0;}
.__create-mid .area h3 {position:absolute;left:0;top:0;padding-top:20px;font-size:26px;font-weight:600;color:#333; letter-spacing:-1px;}
.__create-mid .area h3:before {content:"";display:block;position:absolute;top:0;width:70px;height:12px;background:url(../images/sub/img-edge.png) no-repeat;background-size:contain;}

.__create-history  {position:relative;padding-left:40px;}
.__create-history:before {content:"";display:block;position:absolute;left:9px;top:0;width:1px;height:100%;background:#ff7316;}
.__create-history dl {font-size:0;position:relative;margin-top:30px;}
.__create-history dl:first-child {margin-top:0;}
.__create-history dl:before {content:"";display:block;position:absolute;left:-40px;width:19px;height:19px;background:url(../images/sub/chdot.png) no-repeat;background-size:100% 100%;top:8px;}
.__create-history dl > * {display:inline-block;vertical-align:top;}
.__create-history dl dt {width:135px;font-size:24px;font-weight:600;color:#000;}
.__create-history dl dd {width:calc(100% - 135px);font-size:16px;padding-top:7px;}



@media all and (max-width:1000px){

	.__create-top span {right:10px;bottom:10px;font-size:18px;}

	.__create-mid .area {padding-left:220px;margin-top:30px;}
	.__create-mid .area h3 {padding-top:15px;font-size:20px;}
	.__create-mid .area h3:before {width:50px;height:9px;}

	.__create-history  {padding-left:30px;}
	.__create-history:before {left:9px;}
	.__create-history dl {margin-top:20px;}
	.__create-history dl:before {left:-27px;width:12px;height:12px;top:6px;}
	.__create-history dl dt {/*width:90px;*/font-size:18px;}
	.__create-history dl dd {/*width:calc(100% - 90px);*/font-size:14px;padding-top:4px;}
}

@media all and (max-width:768px){

	.__create-top span {font-size:14px;}

	.__create-mid .area {padding-left:0;margin-top:20px;}
	.__create-mid .area h3 {padding-top:10px;font-size:18px;position:relative;margin-bottom:20px; line-height:20px}
	.__create-mid .area h3:before {width:40px;height:6px;}

	.__create-history {padding-left:30px;}
	.__create-history:before {left:9px;}
	.__create-history dl {margin-top:15px;}
	.__create-history dl > * {display:block;}
	.__create-history dl:before {left:-27px;width:12px;height:12px;top:5px;}
	.__create-history dl dt {width:100%;font-size:16px;}
	.__create-history dl dt br {display:none;}
	.__create-history dl dd {width:100%;font-size:14px;padding-top:4px;}
}




.__comm-caution {border:1px solid #ddd;background:#f5f3f4;padding:30px 60px;font-size:0; text-align:center;}
.__comm-caution h4 {font-size:24px; color:#ccb080; border-bottom:2px solid #ccb080; padding-bottom:15px; font-weight:600;  margin:15px auto; word-break:keep-all;}
.__comm-caution > * {display:inline-block;vertical-align:middle;box-sizing:border-box;}
.__comm-caution .ico {width:125px;}
.__comm-caution .txt {width:calc(100% - 125px);font-size:16px;word-break:keep-all;}
.__comm-caution .txt li {margin-top:10px;line-height:1.4em;}
.__comm-caution .txt li:first-child {margin-top:0;}
.__comm-caution .txt li span {display:inline-block;}
.__comm-caution + .__toparea {margin-top:40px;}
.__comm-caution.type2 {background:none;}
.__comm-caution.type2 .ico {width:160px;}
.__comm-caution.type2 .txt {width:calc(100% - 160px);}
.__comm-caution .img { width:100%;}
.__comm-caution .img img {width:600px;}

@media all and (max-width:1000px){
	.__comm-caution {padding:20px 30px;}
	.__comm-caution .ico {width:70px;}
	.__comm-caution .txt {width:calc(100% - 70px);font-size:13px;padding-left:20px;}
	.__comm-caution .txt li {margin-top:7px;}
	.__comm-caution + .__toparea {margin-top:30px;}
	.__comm-caution.type2 .ico {width:120px;}
	.__comm-caution.type2 .txt {width:calc(100% - 120px);}
}

@media all and (max-width:768px){
	.__comm-caution {padding:15px;}
	.__comm-caution .ico {display:none;}
	.__comm-caution .txt {width:100%;font-size:14px;padding-left:0;}
	.__comm-caution .txt li {margin-top:5px;}
	.__comm-caution .txt li span {display:inline;}
	.__comm-caution + .__toparea {margin-top:15px;}
	.__comm-caution.type2 .ico {width:70px;}
	.__comm-caution.type2 .txt {width:calc(100% - 70px);}
}


.__dsearch-top {padding:35px 45px;border:1px solid #ddd;font-size:0;}
.__dsearch-top > * {display:inline-block;vertical-align:middle;}
.__dsearch-top .img {width:190px;}
.__dsearch-top .txt {width:calc(100% - 190px);box-sizing:border-box;padding-left:45px;}

.__dsearch {max-width:1200px;margin:0 auto;font-size:0;}
.__dsearch .box {padding:0 20px;box-sizing:border-box;width:50%;text-align:center;display:inline-block;vertical-align:top;}
.__dsearch .box .in {display:block;position:relative;border:1px solid #ddd;padding:45px 20px;}
.__dsearch .box .color_in {padding:45px 20px;}
.__dsearch .box .in > * {display:block;}
.__dsearch .box .in .img {padding:25px 0px;}
.__dsearch .box .in strong {font-size:22px;color:#333;padding-bottom:15px;margin-bottom:15px;position:relative;}
.__dsearch .box .in strong:before {content:"";display:block;position:absolute;left:50%;bottom:0;margin-left:-20px;width:40px;height:1px;background:#ddd;}
.__dsearch .box .in .txt {font-size:13px;line-height:1.4em;margin-bottom:25px; word-break:keep-all;}
.__dsearch .box .in .ov {opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;background:#009b99;transition:0.5s;}
.__dsearch .box .in .ov em {display:block;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);width:140px;height:40px;line-height:38px;border:1px solid #fff;font-size:14px;color:#fff;text-align:center;}
.__dsearch .box .in:hover .ov {opacity:1;}
.__dsearch .box .in .in_box {display:inline-block; width:100%; position:relative; height:auto; overflow:hidden; font-size:13px;}
.__dsearch .box .in .in_box dl { display:inline-block;; text-align:left; margin-top:10px;}
.__dsearch .box .in .in_box dt {float:left; width:20%; font-weight:600; }
.__dsearch .box .in .in_box dd {float:right; width:80%;}

.__dsearch .colorst_01 {background-color:#009b99; padding:7px 10px; font-size:10px; color:#FFF; text-align:left;}
.__dsearch .colorst_02 {background-color:#925b37; padding:7px 10px; font-size:10px; color:#FFF; text-align:left;}

.__dsearch.type2 {margin:0 0px;}
.__dsearch.type2 .box {padding:0px; padding-left:10px; width:25%;}
.__dsearch.type2 .box:first-child {padding:0px; padding-left:0px; width:50%;}

@media all and (max-width:1000px){

	.__dsearch-top {padding:25px}
	.__dsearch-top .img {width:160px;}
	.__dsearch-top .txt {width:calc(100% - 160px);padding-left:25px;}


	.__dsearch .box {padding:0 10px;}
	.__dsearch .box .in {padding:30px 20px;}
	.__dsearch .box .in strong {font-size:18px;padding-bottom:10px;margin-bottom:10px;}
	.__dsearch .box .in .txt {font-size:14px;margin-bottom:20px;}
	.__dsearch.type2 {margin:0 -5px;}
	.__dsearch.type2 .box {padding:0px; padding-right:10px; width:50%; float:left; margin-top:10px;}
	.__dsearch.type2 .box:first-child {padding:0px; padding-left:0px; width:100%;}
	.__dsearch.type2 .box:last-child {padding:0px; float:right; padding-right:0px;}
	.__dsearch.type2 .box .img {padding:0 20px;}

}

@media all and (max-width:768px){

	.__dsearch-top {padding:15px}
	.__dsearch-top .img {display:none;}
	.__dsearch-top .txt {display:block;padding-left:0;width:100%;letter-spacing:-0.075em;}


	.__dsearch .box {padding:0 5px;width:100%;margin-top:10px;}
	.__dsearch .box:first-child {margin-top:0;}
	.__dsearch .box .in {padding:15px;}
	.__dsearch .box .in strong {font-size:16px;}
	.__dsearch .box .in .txt {font-size:13px;margin-bottom:15px;}
	.__dsearch .box .in .img img {width:100px;}
	.__dsearch .box .in .ov em {width:90px;height:34px;line-height:32px;font-size:12px;}

	.__dsearch.type2 {}
	.__dsearch.type2 .box {width:100%;margin-bottom:10px;  padding-right:0px;}
	.__dsearch.type2 .box .in .img img {width:200px;}
}



.__lr1 { }
.__lr1:after {content:"";display:block;clear:both;}
.__lr1 > * {box-sizing:border-box;}
.__lr1 .lef {float:left;}
.__lr1 .rig {float:right;}
.__lr1 .img span {position:relative; /*display:inline-block;*/}
.__lr1 .img span:before {content:"";display:block;position:absolute;top:40px;width:110px;height:19px;/*background:url(../images/sub/img-edge.png) no-repeat;*/}
.__lr1 .lef.img span:before {left:100%;margin-left:-55px;}
.__lr1 .rig.img span:before {right:100%;margin-right:-55px;}
.__lr1 .txt {/* padding:50px 70px 0; */ padding:0 70px 0;}
.__lr1.type2 .rig.txt {padding-right:0;}

.__dotlist1 h5 {font-size:20px;font-weight:500;color:#ccb080;margin-bottom:15px;}
.__dotlist1 dl {position:relative;padding-left:60px;font-size:16px;margin-top:5px;}
.__dotlist1 dl:first-child {margin-top:0;}
.__dotlist1 dl dt {position:absolute;left:0;top:0; /*padding-left:12px;*/font-weight:600;}
.__dotlist1 dl dt:before {content:"";display:block;width:5px;height:5px;position:absolute;left:0;top:9px;background:#999;border-radius:50%;}
.__dotlist1 dl dd {}
.__dotlist1 li {margin-top:5px;font-size:16px;position:relative;padding-left:12px;}
.__dotlist1 li:before {content:"";display:block;width:5px;height:5px;position:absolute;left:0;top:9px;background:#999;border-radius:50%;}
.__dotlist1 li:first-child {margin-top:0;}

.__dotlist2 li {margin-top:5px;font-size:15px;position:relative;padding-left:12px;}
.__dotlist2 li:before {content:"";display:block;width:3px;height:3px;position:absolute;left:0;top:9px;background:#999;border-radius:50%;}
.__dotlist2 li:first-child {margin-top:0;}


.__dotlist2 .listCategory li {margin-top:5px;font-size:15px;position:relative;padding-left:12px;}
.__dotlist2 .listCategory li:before {display:none;}

.listCategory {overflow:hidden; margin-top:20px;}
.li_list .listCategory li{padding:0; background:none;}
.listCategory li{position:relative; width:20%; float:left; margin:10px 0 10px;}
.listCategory p{color:#05838b;}
.listCategory span.title{font-size:20px; color:#333; font-weight:600;}
.listCategory.R5 li {width:20%;}
.listCategory .btn_small span {margin-left:0;}

.btn_small{display:inline-block; text-decoration:none; vertical-align:middle; margin-top:15px; }
.btn_small span{display:inline-block; float:left; font-size:14px; margin-left:5px; text-align:center; text-decoration:none; cursor:pointer;}

.layerWrap {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none; z-index:999;}
.layer_pop{position:absolute; top:50%; left:50%; margin:-300px 0 0 -300px; width:600px; min-height:400px; border:5px solid #2b221b; padding:0; background:#fff; z-index:999; box-shadow:0 2px 5px 0 rgba(0,0,0,0.4);}
.layer_pop .layer_close{position:absolute; top:0; right:0;}
.layer_pop>.title{padding:30px;}
.layer_pop>.title>span.txt{display:inline-block; color:#fff; font-family:'NBGothicB'; width:50px; text-align:center; height:50px; line-height:54px; font-size:16px; background:#05838b; display:block; -webkit-border-radius:50px;border-radius:50px;}
.layer_pop>.title>span.subject{position:absolute; width:200px; color:#333; font-size:24px; top:38px; left:100px;}

.layer_con{padding:0 40px 30px}
.layer_con p{margin:0 0 10px 0}
.layer_con dt{color:#333; margin-bottom:5px; font-size:15px;}


.gall ul {width:100%; margin: 0 auto; border-top:1px solid #ddd; padding-top:50px;}
.gall li {width:33.33%; float:left; text-align:center;}
.gall li:last-child {width:33.33%; float:right;}
.gall li p {margin-top:10px;}

.gall2 {overflow:hidden; border-top:1px solid #ddd; padding-top:30px; }
.gall2 li{float:left;display:inline-block;width:25%;padding-left:12px;margin-bottom:20px;height:230px;}
.gall2 li p{text-align:left; margin-top:10px}
.gall2 li img{width:241px; height:175px;}
.gall2 li.none{padding-left:0;}

/* 전시관 */
.__reser_btn {width:100%; position:relative; display:inline-block;}
.__reser_btn a {float:right;}

.vr{overflow:hidden; margin-top:60px; border-bottom: 0px solid #dfe1e2; padding-bottom:80px}
.vr img {width:100%;}
.vr ul li{width:25%; float:left; margin-top:40px;}
.vr ul p{color:#05838b; font-size:18px; font-weight:600;}
.vr ul span.title{font-size:20px; color:#333; }
.vr ul.R5 li {width:20%;}
.vr .btn_small span {margin-left:0;}


@media all and (max-width:1000px){
	.__lr1 .img span:before {display:none;}
	.__lr1 .txt {padding:20px 20px 0;}

	.__dotlist1 dl {padding-left:65px;font-size:16px;margin-top:5px;}
	.__dotlist1 dl dt {padding-left:12px;}
	.__dotlist1 dl dt:before {width:3px;height:3px;top:7px;}

	.__dotlist1 li {margin-top:5px;font-size:16px;padding-left:10px;}
	.__dotlist1 li:before {width:3px;height:3px;top:8px;}

	.listCategory li {width:33.3%;}

}

@media all and (max-width:768px){
	.__lr1 > * {width:100% !important;}
	.__lr1 > * + * {margin-top:15px;}
	.__lr1 .img {text-align:center;}
	.__lr1 .txt {padding:15px 0 0;}

	.__dotlist1 dl {padding-left:50px;margin-top:5px;}
	.__dotlist1 dl dt {padding-left:7px;}
	.__dotlist1 dl dt:before {width:2px;height:2px;top:7px;}
	.__dotlist1 li {margin-top:3px;padding-left:8px;}
	.__dotlist1 li:before {width:2px;height:2px;top:7px;}


	.gall2 li{float:left;display:inline-block;width:50%;padding-left:12px;margin-bottom:20px;height:230px;}

	.listCategory span.title {font-size:15px;}


	.layer_pop {margin:0; width:80%; transform:translate(-50%,-50%);}
	.layer_pop>.title {padding:10px;}
	.layer_pop>.title>span.txt {width:30px; height:30px; line-height:30px;}
	.layer_pop>.title>span.subject {font-size:20px; top:12px; left:50px;}
	.layer_con  {padding:0 20px 20px;}
	.layer_con dt {margin-top:20px;}
}


/* 조직도 */

.__orgatop {max-width:888px;margin:0 auto;}

.__orgamid .area {display:none;}
.__orgamid .area.active {display:block;}

.__orgamid .tbl {width:100%;table-layout:fixed;border-top:1px solid #333;}
.__orgamid .tbl tr > * {border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:15px;text-align:center;}
/* .__orgamid .tbl tr > *:last-child {border-right:none;} */
.__orgamid .tbl tr > *:not(:last-of-type) {border-left:1px solid #ddd; border-collapse:collapse;}
.__orgamid .tbl th {background:#f9f9f9;color:#333; font-weight:600}
.__orgamid .tbl col.orga1 {width:15%;}
.__orgamid .tbl col.orga2 {width:15%;}
.__orgamid .tbl col.orga3 {width:15%;}
.__orgamid .tbl col.orga5 {width:15%;}

.__orgamid .tbl2 {width:100%;table-layout:fixed;border-top:1px solid #333;}
.__orgamid .tbl2 tr > * {border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:15px;text-align:center;font-size:15px;}
.__orgamid .tbl2 tr > *:last-child {border-right:none;}
.__orgamid .tbl2 th {background:#f9f9f9;color:#333; font-weight:600}
.__orgamid .tbl2 col.orga1 {width:25%;}
.__orgamid .tbl2 col.orga2 {width:15%;}
.__orgamid .tbl2 col.orga4 {width:25%;}


@media all and (max-width:1000px){
	.__orgamid .tbl tr > * {padding:10px;}
	.__orgamid .tbl2 tr > * {padding:10px;}
	.__orgamid .tbl col.orga1 {width:15%;}
	.__orgamid .tbl col.orga2 {width:15%;}
	.__orgamid .tbl col.orga3 {width:20%;}
	.__orgamid .tbl col.orga5 {width:20%;}
	.__orgamid .tbl2 col.orga1 {width:20%;}
	.__orgamid .tbl2 col.orga2 {width:20%;}
	.__orgamid .tbl2 col.orga4 {width:30%;}

}

@media all and (max-width:768px){
	.__orgamid .tbl tr > * {padding:5px;}
	.__orgamid .tbl2 tr > * {padding:5px;}
	.__orgamid .tbl col.orga1 {width:15%;}
	.__orgamid .tbl col.orga2 {width:15%;}
	.__orgamid .tbl col.orga3 {width:20%;}
	.__orgamid .tbl col.orga5 {width:40%;}
	.__orgamid .tbl2 col.orga1 {width:20%;}
	.__orgamid .tbl2 col.orga2 {width:20%;}
	.__orgamid .tbl2 col.orga4 {width:35%;}
	.__orgamid .area .ovh {overflow:hidden;}
	.__orgamid .area .ovh table {width:100%;}


}


/*찾아오시는 길*/



.__loc-top .top .wrap_controllers {display:none;}
.__loc-top .bot {background:#fafafa;border:1px solid #ddd;border-top:none;padding:25px;}
.__loc-top .bot li {display:inline-block;margin-left:100px;}
.__loc-top .bot li:first-child {margin-left:0;}
.__loc-top .bot li > * {display:inline-block;vertical-align:middle;}
.__loc-top .bot li i {font-size:22px;color:#cf3128;}
.__loc-top .bot li span {font-size:16px;}

.__loc-bot .box {border-top:1px solid #ddd;padding:60px 0;}
.__loc-bot .box:first-child {border-top:none;}
.__loc-bot .box:after {content:"";display:block;clear:both;}
.__loc-bot .box .ico {float:left;width:12.5%;}
.__loc-bot .box .info {float:right;width:87.5%;}
.__loc-bot .box .info h3 > * {display:inline-block;vertical-align:middle;position:relative;}
.__loc-bot .box .info h3 strong {font-size:26px;color:#333;}
.__loc-bot .box .info h3 span {position:relative;font-size:26px;color:#888;padding-left:10px;margin-left:10px;}
.__loc-bot .box .info h3 span:before {content:"";display:block;width:1px;height:18px;position:absolute;left:0;top:50%;margin-top:-9px;background:#ddd;}

.__ico2 {display:inline-block;box-sizing:border-box;height:24px;line-height:24px;border-radius:3px;background:#355cba;padding:0 10px;color:#fff;font-size:14px;}
.__ico2.type2 {background:#50a332;}


@media all and (max-width:1000px){
	.__loc-top .bot {border-top:none;padding:15px;text-align:center;}
	.__loc-top .bot li {margin:5px 15px !important;}
	.__loc-top .bot li i {font-size:20px;}
	.__loc-top .bot li span {font-size:15px;}

	.__loc-bot .box {padding:40px 0;}
	.__loc-bot .box .ico {width:12.5%;}
	.__loc-bot .box .info {width:87.5%;padding-left:20px;box-sizing:border-box;;}
	.__loc-bot .box .info h3 strong {font-size:20px;}
	.__loc-bot .box .info h3 span {font-size:20px;}
	.__loc-bot .box .info h3 span:before {height:18px;margin-top:-9px;}

	.__ico2 {height:24px;line-height:24px;border-radius:3px;padding:0 10px;font-size:13px;}

}

@media all and (max-width:768px){
	.__loc-top .bot {padding:10px;text-align:left;}
	.__loc-top .bot li {display:block;}
	.__loc-top .bot li i {font-size:16px;margin-right:3px;}
	.__loc-top .bot li span {font-size:13px;}

	.__loc-bot .box {padding:20px 0;}
	.__loc-bot .box .ico {display:none;}
	.__loc-bot .box .info {width:100%;padding-left:0;}
	.__loc-bot .box .info h3 strong {font-size:16px;}
	.__loc-bot .box .info h3 span {font-size:16px;}
	.__loc-bot .box .info h3 span:before {height:12px;margin-top:-6px;}
	.__loc-bot .__btn1 {letter-spacing:-0.1em;padding:0 10px;margin-bottom:3px;}

	.__ico2 {height:22px;line-height:22px;font-size:12px;}

}





.__info-top {font-size:0;}
.__info-top > * {display:inline-block;/* vertical-align:middle; */box-sizing:border-box;}
.__info-top .lef {padding-right:25px;}
/* .__info-top .rig {padding-left:25px;} */
.__info-top .img span {position:relative;display:inline-block;}
.__info-top .txt h2 {font-size:30px;font-weight:600;color:#333;line-height:1.3em;letter-spacing:-0.05em;}
.__info-top .lef.img span:before {content:"";display:block;width:110px;height:19px;/*background:url(../images/sub/img-edge.png) no-repeat;left:100%;*/margin-left:-55px;top:40px;position:absolute;}

@media all and (max-width:1000px){
	.__info-top > * {vertical-align:top;}
	.__info-top .lef {padding-right:10px;}
	.__info-top .rig {padding-left:10px;}
	.__info-top .txt h2 {font-size:26px;}
	.__info-top .lef.img span:before {display:none;}
}

@media all and (max-width:768px){
	.__info-top > * {width:100% !important;}
	.__info-top .img {text-align:center;}
	.__info-top .lef {padding-right:0;}
	.__info-top .rig {padding-left:0;margin-top:15px;}
	.__info-top .txt h2 {font-size:24px;letter-spacing:-0.1em;}

}



.__info-sum {margin-right:-4px;font-size:0;text-align:center;}
.__info-sum .box {display:inline-block;width:25%;margin:-1px 0 0 -1px;box-sizing:border-box;border:1px solid #ddd;padding:35px 20px 10px;height:280px;vertical-align:top;}
.__info-sum .box h3 {line-height:1em;font-size:22px;font-weight:600;color:#333;padding-bottom:15px;position:relative;margin:15px 0 20px;}
.__info-sum .box h3:before {content:"";display:block;width:40px;height:1px;background:#bbb;position:absolute;left:50%;bottom:0;margin-left:-20px;}
.__info-sum .box .txt {font-size:16px;line-height:1.4em;color:#333;}
/*.__info-sum .box:first-child {background:#009c99;}
.__info-sum .box:first-child * {color:#fff !important;}
.__info-sum .box:first-child h3:before {background:#fff;}
.__info-sum .box:nth-child(2) {background:#915b37;}
.__info-sum .box:nth-child(2) h3 {color:#fff;}
.__info-sum .box:nth-child(2) .txt {color:#fff;}*/



@media all and (max-width:1000px){
	.__info-sum .box {padding:20px 5px 0;height:190px;}
	.__info-sum .box h3 {font-size:18px;padding-bottom:10px;margin:8px 0 15px;}
	.__info-sum .box .txt {font-size:14px;}
}

@media all and (max-width:768px){
	.__info-sum .box {width:50%;padding:15px 5px 0;height:200px;}
	.__info-sum .box .ico img {width:50px;}
	.__info-sum .box h3 {font-size:16px;}
	.__info-sum .box .txt {font-size:12px;}
}




.__info-caution .box {margin-top:30px;}
.__info-caution .box:first-child {margin-top:0;}
.__info-caution .box:after {content:"";display:block;clear:both;}
.__info-caution .box .img {float:left;width:114px;}
.__info-caution .box .info {float:right;width:calc(100% - 114px);padding-left:25px;box-sizing:border-box;}

@media all and (max-width:1000px){
	.__info-caution .box {margin-top:20px;}
	.__info-caution .box .img {width:80px;}
	.__info-caution .box .info {width:calc(100% - 80px);padding-left:15px;}
}

@media all and (max-width:768px){
	.__info-caution .box {margin-top:15px;}
	.__info-caution .box .img {width:60px;}
	.__info-caution .box .info {width:calc(100% - 60px);padding-left:15px;}
}



.__flow-box {border:1px solid #ccc;padding:40px 45px;background:#f9f9f9;}
.__flow-box ul {overflow:hidden;text-align:center; margin-left:4%; width:100%;}
.__flow-box ul li {float:left;width:20%;padding-right:8%;background:url(../images/sub/arrow_gray.png) no-repeat 90% 40px;display:table; min-height:105px;}
.__flow-box ul li:last-child {width:12%; background:0;padding-right:0;}
.__flow-box ul li div {background:#fff;border:1px solid #ccc;width:100%;display:table-cell;vertical-align:middle;padding:0 10px;}
.__flow-box ul li div p {font-size:1em;}
.__flow-box ul li div.bg-wave-brown {background-color:#915b37;border:0;}
.__flow-box ul li div.bg-wave-brown p {color:#fff;}
.__flow-box ul li div.bg-wave-mint {background-color:#009c99;border:0;}
.__flow-box ul li div.bg-wave-mint p {color:#fff;}

@media only screen and (max-width:999px){
	.__flow-box{padding:30px;}
	.__flow-box ul {margin-left:0%;}
	.__flow-box ul li{width:100%;padding-right:0%; padding-bottom:50px;min-height:95px;background:url(../images/sub/arrow_gray.png) no-repeat 47% 85%;}
	.__flow-box ul li:last-child{width:100%; min-height:45px;  padding-bottom:0px; }
	.__flow-box ul li div.bg-wave-blue {background-size:cover;}
	.__flow-box ul li div.bg-wave-green {background-size:cover;}
}
.desc .__linebox { width:100%; display:inline-block;}
.desc .__linebox dl {border:2px solid #915b37; padding:0px;}
.desc .__linebox dt {font-size:16px; color:#915b37; font-weight:500; position:relative; padding:14px 0px;  text-align:center; border-bottom:2px solid #915b37;  }
.desc .__linebox dt:before {display:none;}
.desc .__linebox dd {padding:14px 20px; font-size:14px;}



/* faq */
.faq_wrap {border-top:2px solid #000;}
.faq_wrap>div>* {padding:20px; border-bottom:1px solid #ddd;}
.faq_wrap>div>div>i {display:inline-block; width:30px; height:30px; margin-right:10px; padding-top:3px; float:left; border-radius:50%; text-align:center; vertical-align:middle; font-weight:600;}
.faq_wrap>div>div>p {padding-left:40px;}
.faq_wrap .faq {background:url(../images/layout/arrow_down.png) no-repeat 98% center;}
.faq_wrap .faq.on {background:url(../images/layout/arrow_up.png) no-repeat 98% center;}
.faq_wrap .faq:hover {cursor:pointer;}
.faq_wrap .faq i {border:1px solid #ddd; color:#004098;}
.faq_wrap .answer {display:none; background:#f8f8f8; font-size:14px; color:#333;}
.faq_wrap .answer i {background:#004098; color:#fff;}


.__line {border-top:1px solid #ddd;  }

/* SNS 공유 */
.share-sns-div {padding:10px; margin:30px auto 0;}
.share-sns-div h5 {font-size:16px; font-weight:400; margin:10px 0 20px;}
.share-sns-div ul {overflow:hidden; display:inline-block;}
.share-sns-div ul li { overflow:hidden; float:left; margin:0 5px; }
.share-sns-div ul li button:focus {border:3px solid #000;width:46px;height:46px;border-radius:50%;}
.share-sns-div li span {text-indent:-99999px;}
.share-sns-div i {display:inline-block; width:40px; height:40px; background-repeat:no-repeat;}
.share-sns-div i.i_twitter {background-image:url(../images/sub/ico_twitter.png);}
.share-sns-div i.i_facebook {background-image:url(../images/sub/ico_facebook.png);}
.share-sns-div i.i_band {background-image:url(../images/sub/ico_band.png);}
.share-sns-div i.i_kakao {background-image:url(../images/sub/ico_kakaostory.png);}

/* 축제 행사*/
.viw-board .sj {display: block; font-size: 30px; text-align: center; font-weight: 600; line-height: 1.4em;}
.viw-board .subSj {display: block; font-size: 17px; text-align: center; font-weight: 600;}
.viw-board .cn {display: block;}
.viw-board dl dt{float: left;width: 52%;}
.viw-board dd{float: right;width: 48%;padding-left: 30px; padding-top:10px;}



/* 버튼 */
.btn2 {position:relative;display:inline-block;color:#ffffff; text-align:center; background:#296968; font-size:22px; border-radius: 50px; margin:0; padding:0px 70px;  width:auto; height:48px; line-height:48px; transition:all ease-in-out 0.2s;}
.btn2:hover {background:#3569A5; color:#fff;}


.btn1{position:relative;display:inline-block;margin:0px 0px 5px 0px;padding:20px 20px;height:auto;line-height:inherit;border:none;background-color:#51565e;font-size:16px;color:#fff;text-align:center;text-decoration:none;vertical-align:top;cursor:pointer;box-sizing:border-box;}
.btn1:hover{text-decoration:underline;}
.btn1:after{content:"";display:inline-block;vertical-align:middle;}
.btn1:visited,.btn:link{color:#fff;}
.btn1.type2:visited,.btn.type2:link{color:#444;}
.btn1 input{height:auto;border:none;padding:0;margin:0;line-height:20px;}
.btn1.wide{min-width:200px;}
.btn1.middle{min-width:150px;}
.btn1.normal:hover{text-decoration:none;cursor:text;}

.btn1.bg_color1{background-color:#19377a;}/* 남색 */
.btn1.bg_color2{background-color:#3b5fae;}/* 연한남색 */
.btn1.bg_color3{background-color:#197b30;}/* 녹색 */
.btn1.bg_color4{background-color:#2d9a46;}/* 연한녹색 */
.btn1.bg_color5{background-color:#d46161;}/* 짙은분홍 */
.btn1.bg_color6{background-color:#de7979;}/* 분홍색 */
.btn1.bg_color7{background-color:#076760;}/* 진한녹색 */
.btn1.bg_color8{background-color:#0b8f86;}/* 진한에메랄드색 */
.btn1.bg_color9{background-color:#898989;}/* 회색 */

.btn1.type2{padding:11px 20px;border:1px solid #4d5360;background-color:#fff;color:#444;}
.btn1.type3{padding:2px 20px;border:1px solid #4d5360;background-color:#fff;color:#444;}

.btn1.round{border-radius:25%;}
.btn1.round{border-radius:25%;}
.btn1.small{padding:9px 15px;font-size:15px;line-height:17px;}
.btn1.small input{line-height:17px;}
.btn1.type2.small{padding:8px 15px;}
.btn1.small.wide{min-width:100px;}

.btn1.download{text-align:left;}
.btn1.download:after{width:19px;height:16px;margin-left:20px;background:transparent url('/images/common/btn_icon.png') no-repeat -40px -40px;vertical-align:middle;}
.btn1.download.type2{}
.btn1.download.type2:after{background-position:0 -40px;}


.btn1.link{text-align:left;}
.btn1.link:after{width:21px;height:17px;margin-left:20px;background:transparent url('/images/common/btn_icon.png') no-repeat -40px 0;vertical-align:middle;}
.btn1.link.type2:after{background-position:0 0;}
.btn1.link.view:after{background-position:-160px 0;}
.btn1.link.type2.view:after{background-position:-200px 0;}


/*************
축제 및 행사
*************/
/* 대체텍스트 */
.blind,
.screen_out {overflow:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px;}

.change_btn {}
.change_btn:after {content:''; display:block; visibility:hidden; clear:both;}
.change_btn ul {text-align:right;}
.change_btn li {display:inline-block; margin-left:10px; padding:10px 0;}
.change_btn li:after {content:''; display:block; visibility:hidden; clear:both;}
.change_btn li a {position:relative; padding:10px 20px 10px 40px; text-align:center; background-color:#1ba99e; color:#fff; border:1px solid #1ba99e;}
.change_btn li a:before {content:''; position:absolute; left:17px; top:50%; margin-top:-9px; width:18px; height:18px; background-position:0 0; background-repeat:no-repeat;}
.change_btn li a.list_btn:before {background-image:url(/s/storyCms/garden/assets/images/sub/icon05.png);}
.change_btn li a.calendar_btn:before {background-image:url(/s/storyCms/garden/assets/images/sub/icon04.png);}
.change_btn li.tab_on a,
.change_btn li a:hover,
.change_btn li a:active,
.change_btn li a:focus {background-color:#fff; color:#222;}
.change_btn li.tab_on a.list_btn:before,
.change_btn li a.list_btn:hover:before,
.change_btn li a.list_btn:active:before,
.change_btn li a.list_btn:focus:before {background-image:url(/s/storyCms/garden/assets/images/sub/icon02.png)}
.change_btn li.tab_on a.calendar_btn:before,
.change_btn li a.calendar_btn:hover:before,
.change_btn li a.calendar_btn:active:before,
.change_btn li a.calendar_btn:focus:before {background-image:url(/s/storyCms/garden/assets/images/sub/icon01.png);}

/*달력*/
.calendar_box {position:relative;}
.calendar_box:after {content:''; display:block; visibility:hidden; clear:both;}

.calendar_box .cal_ctrlbox {position:relative; margin:30px 0;}
.cal_ctrlbox .cal_year {font-size:34px; font-weight:600; line-height:1.2; color:#121212; text-align:center;}
.cal_ctrlbox .cal_btnset {position:absolute; top:50%; margin-top:-21px;}
.cal_ctrlbox .cal_btnset button {display:block; width:42px; height:42px; background-image:url(/s/storyCms/garden/assets/images/sub/ctrl_ir.png); background-repeat:no-repeat;}
.cal_ctrlbox .cal_btnset.cal_btn_pre {left:0;}
.cal_ctrlbox .cal_btnset.cal_btn_pre button {background-position:0 0;}
.cal_ctrlbox .cal_btnset.cal_btn_pre button:hover,
.cal_ctrlbox .cal_btnset.cal_btn_pre button:active,
.cal_ctrlbox .cal_btnset.cal_btn_pre button:focus {background-position:0 -43px;}
.cal_ctrlbox .cal_btnset.cal_btn_next {right:0;}
.cal_ctrlbox .cal_btnset.cal_btn_next button{background-position:-43px 0;}
.cal_ctrlbox .cal_btnset.cal_btn_next button:hover,
.cal_ctrlbox .cal_btnset.cal_btn_next button:active,
.cal_ctrlbox .cal_btnset.cal_btn_next button:focus {background-position:-43px -43px;}

.calendar_box .cal_cont {}
.calendar_box .cal_cont:after {content:''; display:block; visibility:hidden; clear:both;}


/*calendar-list*/
.tbl_cal_list {border-collapse:separate;table-layout:fixed;margin-bottom:10px;width:100%;line-height:1.4;border-style:solid;border-width:3px 0 0 0;border-color:#ddd;border-top-color:#0054a2;}
.tbl_cal_list thead th {padding:1.5% 0 1.2%; font-size:18px; font-weight:400; color:#121212; text-align:center; border-bottom:1px solid #d5d5d5; background-color:#f4fbff; border-right:1px solid #d5d5d5;}
.tbl_cal_list thead th:first-child {border-left:1px solid #d5d5d5;}

.tbl_cal_list tbody td {border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; font-size:1.4rem; vertical-align:top; background-color:#fff;}
.tbl_cal_list tbody td:first-child {border-left:1px solid #d5d5d5;}

.tbl_cal_list tbody td .day {position:relative; display:block; padding:0 0 20px; min-height:150px; height:100%;}
.tbl_cal_list tbody td .day b {position:absolute; right:5%; top:5%; font-size:17px; color:#333;}
.tbl_cal_list tbody td .day.sun b,
.tbl_cal_list tbody td .day.holiday b{color:#ed1d1d;}
.tbl_cal_list tbody td .day.sat b {color:#0073e9;}
.tbl_cal_list tbody td .no_day {position:relative; display:block; height:100%; background-color:#fbfbfb;}
.tbl_cal_list tbody td .no_day b {position:absolute; right:5%; top:5%; font-size:17px; color:#666;}

/*.tbl_cal_list tbody td .day:hover,
.tbl_cal_list tbody td .day:active,
.tbl_cal_list tbody td .day:focus {background-color:#f1fffe;}
.tbl_cal_list tbody td .day:hover:after,
.tbl_cal_list tbody td .day:active:after,
.tbl_cal_list tbody td .day:focus:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid #0054a2; box-sizing:border-box;}*/

.tbl_cal_list tbody td .day .day_schedule_box {padding:40px 5% 0;}
.tbl_cal_list tbody td .day .day_schedule_box li button {overflow:hidden;display:block; padding:5px 0;width:98%;line-height:1.2;font-size:15px;font-weight:300;white-space: nowrap;color:#222;text-overflow: ellipsis;text-align:left;}
.tbl_cal_list tbody td .day .day_schedule_box li .day_group {margin-right:5px; padding:5px; font-size:1.1rem; color:#222; font-weight:500;}
.tbl_cal_list tbody td .day .day_schedule_box li .day_group.c_festival {background-color:#ffa258;}
.tbl_cal_list tbody td .day .day_schedule_box li .day_group.c_event {background-color:#7dccf1;}
.tbl_cal_list tbody td .day .day_schedule_box li .day_group.c_event2 {background-color:#92e08a;}
.tbl_cal_list tbody td .day .day_schedule_box li .day_group.c_experience {background-color:#be99df;}
.tbl_cal_list tbody td .day .day_schedule_box li .day_group.c_education {background-color:#f8e145;}

.tbl_cal_list tbody td .day .day_schedule_box li:hover a,
.tbl_cal_list tbody td .day .day_schedule_box li:active a,
.tbl_cal_list tbody td .day .day_schedule_box li:focus a {background-color:#FFFF80; color:#333; font-weight:500;}

/*모달레이어창*/
.caltext_layer {position:absolute; left:50%; top:30%; margin-left:-40%; padding:30px; width:80%; min-height:260px; background-color:#fff; border:3px solid #0054a2; border-radius:20px;}
.caltext_layer .layer_inner {}
.caltext_layer .layer_inner .layer_titbox {margin-bottom:20px; padding-right:5%; text-align:center;}
.caltext_layer .layer_inner .layer_titbox > span {display:inline-block; vertical-align:middle;}
.caltext_layer .layer_inner .day_group {border-radius:2px; margin-right:10px; padding:0 7px; font-size:1.4rem; color:#222; font-weight:500;}
.caltext_layer .layer_inner .day_group.c_festival {background-color:#ffa258;}
.caltext_layer .layer_inner .day_group.c_event {background-color:#7dccf1;}
.caltext_layer .layer_inner .day_group.c_event2 {background-color:#92e08a;}
.caltext_layer .layer_inner .day_group.c_experience {background-color:#be99df;}
.caltext_layer .layer_inner .day_group.c_education {background-color:#f8e145;}

.caltext_layer .layer_inner .cal_tit {font-size:1.6rem; font-weight:500; color:#333;}

.tbl_base.layer_table {border-top-color:#0054a2;}
.tbl_base.layer_table tbody th {background-color:#f4fbff; font-weight:500; width:15%; padding-left:20px;}
.tbl_base.layer_table tbody td {text-align:left; padding-left:20px;}

.layer_close {display:block; position:absolute; right:30px; top:33px;}
.layer_close a {overflow:hidden; width:50px; height:28px; }
.layer_close a .line {width:25px; height:3px; background-color:#0054a2; margin:10px 0; transition-duration:0.5s;}
.layer_close a #top {transform:translateY(5px) rotate(45deg);}
.layer_close a #btm {transform:translateY(-8px) rotate(-45deg);}

/*축제리스트*/
.src_list2 .select_class {padding:5px 10px; width:100%; height:39px; line-height:39px; border:1px solid #ddd;}

.list_totle {position:relative; margin-top:30px; padding-left:8px;}
.list_totle:before {content:''; position:absolute; left:0; top:50%; margin-top:-2px; width:4px; height:4px; border-radius:50%; background-color:#0a639d;}
.list_totle span {font-size:18px; font-weight:500; color:#0a639d;}

.list_box table td .tabgroup {display:inline-block; padding:1px 2px; border-radius:2px; font-size:13px;font-weight:300;color:#000;}
.list_box table td .tabgroup.c_festival {background-color:#ffa258;}
.list_box table td .tabgroup.c_event {background-color:#7dccf1;}
.list_box table td .tabgroup.c_event2 {background-color:#92e08a;}
.list_box table td .tabgroup.c_experience {background-color:#be99df;}
.list_box table td .tabgroup.c_education {background-color:#f8e145;}


/********************************
 media query
 *******************************/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.calendar_box .cal_ctrlbox {margin-top:40px; margin-bottom:20px;}
	.cal_ctrlbox .cal_year {font-size:26px;}

	.tbl_cal_list thead th {font-size:16px;}
	.tbl_cal_list tbody td .day b,
	.tbl_cal_list tbody td .no_day b {font-size:16px;}
}
@media screen and (max-width:920px) {
	.caltext_layer .layer_inner .cal_tit {font-size:22px;}
}
@media screen and (max-width:767px) {
	.calendar_box .cal_ctrlbox {margin-top:25px; margin-bottom:15px;}
	.cal_ctrlbox .cal_year {font-size:22px;}

	.tbl_cal_list thead th {padding:2.8% 0 2.0%; font-size:15px;}
	.tbl_cal_list thead th .blind_ck {overflow:hidden; display:block; position:absolute; left:-9999px;}

	.tbl_cal_list tbody td {font-size:12px;}
	.tbl_cal_list tbody td .day b,
	.tbl_cal_list tbody td .no_day b {font-size:14px;}
	.caltext_layer {padding:20px;}
	.layer_close {right:20px; top:22px;}
}
@media screen and (max-width:640px) {
	.tbl_cal_list thead th {font-size:14px;}

	.caltext_layer {top:14%; border-width:2px;}
	.caltext_layer .layer_inner .cal_tit {font-size:20px;}
	.caltext_layer .layer_inner .layer_titbox {margin-bottom:15px; padding-right:15%; text-align:left;}

	.tbl_cal_list tbody td .day .day_schedule_box li button {font-size:14px;}


}
@media screen and (max-width:480px) {
	.cal_ctrlbox .cal_year {font-size:2.0rem;}

	.tbl_cal_list thead th {font-size:1.3rem;}
	.tbl_cal_list tbody td {font-size:1.0rem;}
	.tbl_cal_list tbody td .day b,
	.tbl_cal_list tbody td .no_day b {right:7%; font-size:8px;}
	.tbl_cal_list tbody td .day .day_schedule_box li button {font-size:10px;}
	.calendar_box table td .tabgroup {display:none;}
	.tbl_cal_list tbody td .day .day_schedule_box li button {font-size:10px; letter-spacing:-2px;}

	.caltext_layer {top:10%; padding:15px;}
	.caltext_layer .layer_inner .cal_tit {font-size:18px;}

	.layer_close {right:15px; top:15px;}
}


/********************************
 상단박스
 *******************************/
.board_topbox {position:relative; margin:10px 0 20px; border:1px dashed #aaa;}
.board_topbox:after {content:''; display:block; visibility:hidden; clear:both;}
.boardtop_txtinner {position:relative; padding:20px 20px 10px; min-height:80px;}
.boardtop_txtinner:after {content:''; display:block; visibility:hidden; clear:both;}
.boardtop_txtinner .t_txt {display:block; min-height:auto; vertical-align:middle;}
.boardtop_txtinner .t_txt h3 {margin-top:0; color:#0b717b;}

.search_ctbox2 {position:relative; float:left; width:50%;}
.search_ctbox2:after {content:''; display:block; visibility:hidden; clear:both;}
.search_ctbox2 .src_list2 {float:left;}
.search_ctbox2 .src_list2.schedule {margin-left: 15px;}
.search_ctbox2 .src_list2.schedule dd span {position:relative; display:inline-block;}
.search_ctbox2 .src_list2.schedule dd span:before {content:''; position:absolute; right:12px; top:50%; margin-top:-9px; width:18px; height:18px; background:url(/s/storyCms/garden/assets/images/sub/icon03.png) 0 0 no-repeat;}
.search_ctbox2 .src_list2.schedule input {padding-left: 10px;height:39px;border:1px solid #ddd;}
.search_ctbox2 .src_list2:after {content:''; display:block; visibility:hidden; clear:both;}
.search_ctbox2 .src_list2 dl {}
.search_ctbox2 .src_list2 dl dt {display:inline-block; float:left; font-weight:600; color:#222; font-size:18px; line-height:40px;}
.search_ctbox2 .src_list2 dl dd {display:inline-block; float:left; margin-left:10px;}
.search_ctbox2 .src_list2 dl dd li {display:inline-block; float:left; line-height:40px;}
.search_ctbox2 .src_list2 dl dd li input {vertical-align:inherit;}

.search_tbox {position:relative; padding:0 90px 0 160px; float:right; width:70%; }
.search_listbox {position:absolute; left:0; top:0; width:150px;}
.search_listbox select {padding:5px 10px; width:100%; height:39px; line-height:39px; border:1px solid #ddd;}
.search_txtbox {border:1px solid #ddd; height:39px; background-color:#fff;}
.search_txtbox input {display:block; width:100%; height:37px; line-height:37px; border:none;}
.search_txtbox .form-control {background-color:transparent; box-shadow:none; color:#444;}/*bootstrap-reset*/
.search_btnbox {position:absolute; right:0; top:0; width:80px;}
.search_btnbox button {position:relative; width:100%; height:37px; font-size:0; background:#333; cursor:pointer;}
.search_btnbox button:before {content:''; position:absolute; left:50%; top:50%; margin-top:-12px; margin-left:-12px; width:25px; height:25px; font-size:0; background:url(/s/storyCms/garden/assets/images/sub/search_icon.png) 0 0 no-repeat; cursor:pointer;}
.search_btnbox button:hover,
.search_btnbox button:active,
.search_btnbox button:focus {background-color:#0054a2; transition: background-color 0.1s linear;}

.search_tbox2 {position:relative; float:left; width:50%; padding:0 90px 0 0;}



@media screen and (max-width:1300px) {
	.search_ctbox2 {float:none; width:100%; margin-bottom:10px;}
	.search_tbox2 {float:none; width:100%;}
}
@media screen and (max-width:767px) {
	.board_topbox:before {height:30px;}
	.boardtop_txtinner {position:relative; padding:20px; min-height:auto;}
	.boardtop_txtinner:before {display:none;}
	.boardtop_txtinner .t_txt {display:block; min-height:auto;}

	.board_total {padding-top:0;}
	.board_total2 {float:none; margin-bottom:10px; width:100%;;}
	.search_tbox {position:relative; padding:0 70px 0 140px; float:none; width:100%;}
	.search_tbox2 {position:relative; padding:0 70px 0 0;}
	.search_listbox {width:130px;}
	.search_btnbox {width:60px;}

	.search_ctbox3 {width:40%;}
}
@media screen and (max-width:640px) {
	.search_ctbox {margin-bottom:10px; padding-bottom:5px;}
	.search_ctbox .src_list {padding-left:0; margin-bottom:5px;}
	.search_ctbox.col_list4 .src_list {width:100%; margin-bottom:5px !important;}
	.search_ctbox.col_list3 .src_list,
	.search_ctbox.col_list2 .src_list {width:100%;}
	.search_ctbox.col_list1 {margin-bottom:5px;}
	.search_ctbox.col_list1 .src_list {margin-bottom:5px;}
	.search_ctbox2 .src_list2 {display:block; float:none;}
	.search_ctbox2 .src_list2.schedule {margin-left:0;}
	.boardtop_txtinner {padding:15px;}
	.search_tbox {position:relative; padding:0 60px 0 110px; float:none; width:100%;}
	.search_listbox {width:105px;}
	.search_btnbox {width:55px;}

}
@media screen and (max-width:480px) {
	.search_ctbox2 .src_list2 dl dd {max-width: calc(100% - 50px);}
	.search_ctbox2 .src_list2 dl dd span input[type="text"] {margin-bottom:5px; width:130px;}
}

/********************************
 테이블
 *******************************/
	/*스크롤*/
.scrl_info {display:none; margin-bottom:4px;}
.scrl_info p {position:relative; display:table-cell; height:42px; vertical-align:middle;}
.scrl_box {}

	/*리스트 내 테이블 위치수정*/
.list_in_tbl01 {margin-left:-20px;} /*1depth : li*/
.list_in_tbl02 {margin-left:-28px;} /*2depth : li*/
.list_in_tbl03 {margin-left:-36px;} /*3depth : li*/

table.txt_c {text-align:center;}
table.txt_l {text-align:left;}
table.txt_r {text-align:right;}
table.valg_m th, table.valg_m td {vertical-align:middle;}

	/*기본 테이블*/
.tbl_base {table-layout:fixed;margin-bottom:10px;width:100%;line-height:1.4;border-style:solid;border-color:#ddd;border-width:2px 1px 0 1px;border-top-color:#0152a6;}
.tbl_base thead th {padding:12px 5px 10px; font-weight:500; color:#333; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #bbb; background-color:#f4fbff;}
.tbl_base thead th:last-child {border-right-width:0;}
.tbl_base thead th.add_line {border-right-width:1px;}

.tbl_base tbody th, .tbl_base tbody td,
.tbl_base tfoot th, .tbl_base tfoot td {padding:10px 5px 8px;}

.tbl_base tbody th {color:#333; font-weight:400; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f8f8f8;}
.tbl_base tbody td {border-right:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#fff;}
.tbl_base tbody td:last-child {border-right-width:0;}
.tbl_base tbody td.add_line {border-right-width:1px;}

.tbl_base tfoot th {color:#333; font-weight:400; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fef6e8;}
.tbl_base tfoot td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fef6e8;}
.tbl_base tfoot td:last-child {border-right-width:0;}
.tbl_base tfoot td.add_line {border-right-width:1px;}
#listcalTab02 .tbl_base {border-left:0; border-right:0;}

@media screen and (max-width:767px) {
	.scrl_info {display:table;}
	.scrl_box {overflow-x:scroll; width:100%;}
	.scrl_box .tbl_base {width:768px;}/*스크롤 사용시 테이블 사이즈 고정*/
}