/* 2016년 12월 한양도성 리뉴얼 추가 CSS*/

@import url(jquery.bxslider.css);
@import url(common.css);

* { margin:0; padding:0; list-style:none; color:#333;font-family:/* 'Noto Sans KR'*/, 'Nanum Barun Gothic',  sans-serif}
body,h1,h2,h3,h4,h5,th,td,input,select, ul,li,p,span,div ,a, button {
  margin:0; padding:0; list-style:none;color:#333;font-weight:400;font-family: /* 'Noto Sans KR'*/, 'Nanum Barun Gothic',  sans-serif;word-break:keep-all;line-height:1.4;
  letter-spacing:-0.5px; /* 20170117 수정 추가*/
}

/*img {width:100%}*/
/* common */
.clearfix:after {content:"";display:block;clear:both;}
.max-wrap {max-width:1020px;margin:0 auto}
.sub_max-wrap {max-width:960px}
.center {margin:0 auto}
.block {display:block}
.none {display:none}

.mleft5 {margin-left:5px}
.mright10 {margin-right:10px}
.mright20 {margin-right:20px}
.mtop5 {margin-top:5px}
.mtop20 {margin-top:20px}
.mtop30 {margin-top:30px}
.mtop50 {margin-top:50px}

.ptop2 {padding-top:2px}
.ptop3 {padding-top:3px}
.ptop5 {padding-top:5px}

.f_yellow {color:#fff200!important}

.u_line {width:50px;height:0;margin-top:5px}
.u_line_45 {width:45px;margin-top:25px}
.u_line_w {border-bottom:1px solid #fff}
.u_line_y {border-bottom:1px solid #fff200}
.u_line_r {border-bottom:1px solid #e5000c}

.list_bg {background-color:#fbfbfb}

.label-normal {display: inline-block;background:transparent;color:#333;border:1px solid #333;font-weight:300}
.label-lg {font-size:14px;padding:10px 20px}
.opacity {width:100%;height:100%;background:url(../images/common/opacity40.png) repeat}

.divi {padding:0 10px}


/* 메인 페이지 부트스트랩 */

/* 헤더 GNB*/
.top-head {padding:20px 10px 0}
.top-head form a {display: inline-block;font-size:14px;line-height:25px;font-weight:500;padding:0 5px}
.top-head form input {width:150px;height:25px;margin-top:1px;padding-right:30px;border:1px solid #00577d}
.top-head form a.glyphicon-search {margin-left:-30px}
.search_m form , .lang_sel select {display:none}
.lang_sel {margin-top:15px;margin-left:10px}
.lang_sel select {width:150px;height:30px}
.navbar-toggle {margin:15px}
.navbar-default {background: none;box-shadow: none;}
.nav>li>a {padding:10px 30px}
.navbar {margin-bottom:15px}
a.navbar-brand {padding:0 50px 0 15px}
.navbar-brand img {width:105px;margin-top:-10px}
.navbar-default .navbar-toggle {border-color:#c20130}
.navbar-default .navbar-toggle .icon-bar {background-color:#c20130}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:#fff2f5 }
.dropdown-menu {top:100%;padding:10px 0;}
/* 영문 */ li.dropdown a {font-size:16px;font-weight:bold;letter-spacing:-1px}
li.dropdown a:hover {color:#ff9b00;}
ul.dropdown-menu li a {font-size:14px;font-weight:400}
#myNavbar {margin-top:15px;padding-left:30px}
.nav>li>a:focus, .nav>li>a:hover {background-color:#fff}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color:#fff}

/* 메인 비쥬얼 */
.main_visual {border-top:3px solid #00577d}
.main_visual a:link        {color:transparent;}
.main_visual a:visited     {color:transparent;}
.main_visual a:active      {color:transparent;}
.main_visual a:hover       {color:transparent;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a {width:12px;height:12px;background-color: transparent}
.main_visual .bx-viewport, .main_visual .bx-viewport .bx-wrapper{position:relative;width:100%;height:100%;top:0;left:0}
.main_visual .bx-wrapper .bx-viewport {border: none !important}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {bottom: 35px;margin-left:-30px}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {width:50px;bottom:33px;left:50%;margin-left:40px}
.main_visual .bx-wrapper .bx-controls-direction a {top:92%}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {width:100%;text-align:center;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a {background-image:url(../images/common/paging_off.png)}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {background-image:url(../images/common/paging_on.png)}
.main_visual .bx-wrapper .bx-controls-auto .bx-start {width:14px;height:14px;background:url(../images/common/play_btn.png) 0 0}
.main_visual .bx-wrapper .bx-controls-auto .bx-stop {width:14px;height:14px;background:url(../images/common/stop_btn.png) 0 0}
.main_visual .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {background-position: 0 0}
.main_visual .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {background-position: 0 0}
.main_visual ul.main_slide {width:100%;height:570px}
.main_visual ul.main_slide li.slider {width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
/* .main_visual ul.main_slide li.slider_1 {background-image:url(../images/main/main_photo/main_1.jpg)} */
/* 메인 슬라이드 넘버 조정 및 리스트 추가 20161228*/
/* .main_visual ul.main_slide li.slider_2 {background-image:url(../images/main/main_photo/main_2.jpg)}
.main_visual ul.main_slide li.slider_3 {background-image:url(../images/main/main_photo/main_3.jpg)}
.main_visual ul.main_slide li.slider_4 {background-image:url(../images/main/main_photo/main_4.jpg)}
.main_visual ul.main_slide li.slider_5 {background-image:url(../images/main/main_photo/main_5.jpg)}
.main_visual ul.main_slide li.slider_6 {background-image:url(../images/main/main_photo/main_6.jpg)} */
.main_title {margin:0 auto;padding-top:150px;text-align: center;}
.main_title h1 {margin-top:20px}
.main_title h1.mt_1 {margin-top:0}

#main h1 {font-size:40px;color:#fff;font-weight:400;padding-bottom:15px}
#main h4 {font-size:24px;color:#fff;font-weight:300;padding-top:15px;line-height:34px}

#main h2 {font-size:30px;font-weight: 400}
#main h3 {font-size:24px;font-weight: 400}
#main p {font-size:16px}

/* 메인 비디오 */
.main-video {margin-top:50px}
.main-video .bx-wrapper .bx-viewport {border:none;left:0}
.main-video .bx-wrapper .bx-controls-direction a {width:16px;margin:0 20px;z-index:999}
.main-video .bx-wrapper .bx-pager.bx-default-pager a {background:#fff;border:1px solid #ccc}
.main-video .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main-video .bx-wrapper .bx-pager.bx-default-pager a.active {background:#ccc}
.main-video .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:-40px}
.main-video .bx-wrapper .bx-prev {left:-60px;background:url(../images/common/prev_btn.png) no-repeat}
.main-video .bx-wrapper .bx-next {right:-60px;background:url(../images/common/next_btn.png) no-repeat}
.main-video .vod {position:relative;margin-top:30px}
.main-video img.vod_top {position:absolute;top:-70px;right:0;width:40%}


/* 순성구간안내 */
.area-info {margin-top:50px;padding:80px 0;}
.area-info .area-map img {display:block;width:90%; margin:0 auto}
.area-info .content {margin-top:50px}
.area-info .content h2 {font-size:28px!important}
.area-info .content .floatright p {font-size:14px;padding-top:9px}
.area-info .content .floatright p span {color:#666}
.area-info ul.area {margin-top:30px}
.area-info ul.area {margin-top:30px}
.area-info ul.area li {display:table;font-size:14px;margin-top:10px}
.area-info ul.area li span {display:table-cell;width:310px;vertical-align:middle}/*20170117 수정 추가*/
.area-info ul.area li img {margin-left:20px;margin-right:10px;vertical-align:middle;padding-bottom:2px}
.area-info ul.area li a {
  display:inline-block;width:178px;height:43px;font-size:14px;font-weight:500;text-align:center;line-height:43px;border:1px solid #fff;
  -webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px
}
.area-info ul.area li a.baegak {color:#34485e;border-color:#34485e}
.area-info ul.area li a.naksan {color:#2a80ba;border-color:#2a80ba}
.area-info ul.area li a.heungin {color:#27ae60;border-color:#27ae60}
.area-info ul.area li a.namsan {color:#c1392c;border-color:#c1392c;line-height: 18px;padding-top:5px;}/*20170117 추가*/
.area-info ul.area li a.sunglye {color:#f39c12;border-color:#f39c12}
.area-info ul.area li a.inwang {color:#7f8c8d;border-color:#7f8c8d}

.area-info ul.area li img.namsan_level {margin-top:-22px}


/* 매거진 */
.zine {display:relative;margin-top:30px;padding:80px 0;}
.zine img.zine_img {display:block;width:250px;height:340px;border:1px solid #ddd;margin:0 auto}
.zine h3 small {color:#999;font-size:18px;margin-left:5px}
.zine .label {margin-top:25px;padding:.5em .7em;font-size:12px!important;font-weight:600;color:#666;border-color:#999}
.zine table.table {margin-top:25px;border:none}
.zine table.table th {width:22%;font-size:16px;font-weight:600;padding:15px 5px 15px 0;border:none}
.zine table.table td {width:78%;font-size:16px;border:none;padding:15px 5px;}
.zine .add_btn {position:absolute;right:20px;bottom:1px} /* 20170118 수정*/
.zine .add_btn a {width:25px;height:25px} /* 20170118 추가*/

/* 가이드 아이콘*/
.guide {margin-top:40px}
.guide .blue_box {padding:40px;height:155px;border:1px solid #006fd2}
.guide .blue_box h3 {color:#006fd2;padding-bottom:20px}
.guide .blue_box p img {display:inline-block;margin-top:-2px;margin-right:5px;}
.guide .blue_box p a {vertical-align: middle;margin-right:30px}
.guide .blue_box a {color:#006fd2}
.guide .blue_box ul li {float:left;margin-right:5px;}
.guide .blue_box ul li a{
  display: block;width:65px;height:30px;line-height:30px;text-align: center;
  border:1px solid #006fd2;-webkit-border-radius:3px;border-radius:3px;
}

/* 게시판 미리보기 */

.board {margin-top:90px;margin-bottom:50px}
.board h3 {padding-bottom:5px;border-bottom:1px solid #999}
.board table.table {margin-top:30px;border:none}
.board table.table td {font-size:14px;border:none}
.board table.table td.tar {min-width:95px;padding-left:5px;padding-right:5px}


/* 푸터  */

p.address {margin-top:20px;line-height:19px;font-size:12px;color:#949494;letter-spacing:-0.5px!important }
/*.footer .ft_sns {float:right} */
.footer select {
  margin-top:40px;width: 400px; height:30px;
  /* padding-right:25px;background: url(../images/common/opt_icon.png) no-repeat 97% 50%;*/
}



/*위로가기 버튼*/
#gotop {position:fixed;right:30px;bottom:30px;display: none;cursor:pointer;}


 /*  메인 반응형 미디어쿼리  //////////////////////////////////////*/

 @media screen and (max-width:1200px){
   .zine h3 small {font-size:16px}
   .area-info ul.area li span {width:330px}

   .guide .blue_box {padding:20px;height:120px}
   .guide .blue_box h3 {font-size:22px!important}
   .guide .blue_box ul li a{width:60px;}

 }

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

 /* 영문 */ li.dropdown a {font-size:14px}

 .navbar {margin-bottom:25px}
 a.navbar-brand {padding-right:35px}
 .main_visual ul.main_slide {height:450px}
 .main_title {padding-top:100px}
 .main_title .btn_2 {bottom:230px}
 .main_visual ul.main_slide {height:470px}
 .main-video img.vod_top {top:-50px}
 .main-video .bx-wrapper .bx-prev {left:-50px}
 .main-video .bx-wrapper .bx-next {right:-50px}
 .program .s-left {padding:0 15px}
 .program .s-right {padding:0 15px}
 .program .col-xs-2 img {width:80%}
 .zine img.zine_img {margin-bottom:50px}
 .zine table.table th {padding:8px 5px 8px 0}
 .zine table.table td {padding:8px 5px}

 .guide .blue_box h3 {font-size:20px!important}
 .guide .blue_box ul li a{width:50px;}
 .guide .blue_box .floatright img {width:40px}


 .footer {margin-top:0px;padding:30px 0}
 .footer-1 {display: none}
 .footer-2 {display: block;margin-top:50px}
 /*.footer-2 .sns {float:right}*/
 .footer-2 .addr a {float:left}
 .footer-2 .address {float:right}
.footer-2 .addr img {width:115%;margin-left:20px;margin-top:30px}
.footer select {width:400px}
 .footer-2 .ft_sns {margin-top:20px}
 .footer-2 .ft_sns img {margin-top:3px}
 .footer-2 select {margin-top:0}
 p.address {margin-top:15px}
 }

 @media screen and (max-width:820px){
   a.navbar-brand img {margin-top:0px;vertical-align:middle}
   a.navbar-brand {padding-right:20px}
  /* 영문 */  /*li.dropdown a {font-size:17px}*/
   .main-video .bx-wrapper .bx-prev {left:10px;background:url(../images/common/prev_w.png) no-repeat}
   .main-video .bx-wrapper .bx-next {right:10px;background:url(../images/common/next_w.png) no-repeat}
 }



 @media screen and (max-width:767px){
   #myNavbar {margin-top:20px;border-top:1px solid #00577d}
   #main h1 {font-size:28px!important}
   #main h2 {font-size:24px!important}

   .main_title {padding-top:70px}
   .main_title .btn_2 {bottom:200px}
   .main_visual ul.main_slide {height:390px}
   .main-video {margin-top:0}
   li.dropdown a {font-size:16px}

   nav.navbar {margin:20px 0}
   .top-head {display: none;}
   .search_m.top-head {padding-top:10px}
   .search_m form , .lang_sel select {display:block}
   .navbar-nav .open .dropdown-menu .dropdown-header,
   .navbar-nav .open .dropdown-menu>li>a {padding:7px 15px 7px 40px}
   a.navbar-brand {float:none;display:block;width:105px;margin:0 auto;text-align: center;padding:0}
   a.navbar-brand img {margin-top:-4px}
   a.seoul {display:block;float:left;margin:15px}
   a.seoul img {width:33px}

   .area-info .area-map img {width:75%}
   .area-info , .zine , .organ {margin-top:30px;padding:40px 0;}
   .area-info {margin-top:20px}
   .nav>li>a {padding:10px 15px}
   .main-video img.vod_top {display: none}
   ul.area-1 {display:none}
   ul.area-2 {display:block}
   .area-info ul.area-2 li img {margin-left:0px;margin-right:5px;}
   .area-info ul.area li span {width:100%}
   .area-info .content .floatright p {font-size:13px!important;padding-top:4px}
   .area-info .content .floatright p span {font-size:13px;color:#666}
   .program .container > a > div {margin-top:40px}
   .zine table , .zine img.block {display:none}



   .guide {margin-top:20px}
   .guide .blue_box {margin:10px auto;width:400px}
   /*.guide .blue_box .floatright {display:block}*/
   .guide .blue_box .floatright img {width:100%}


   .board table td.tar {display:none}

 }

 @media screen and (max-width:600px){
 #main h1 {font-size:24px!important}
 #main h2 {font-size:22px!important}
 #main h4 , #main h3 {font-size:20px!important}
 .vod-con {padding:0}
 .area-info .content {margin-top:30px}
 .area-info .area-map img {width:100%}
 .program .col-xs-2 img {width:120%}
 .program .col-xs-10 .floatright img {margin-top:-1px}
 #main .board .nav h2 {font-size:24px!important;}
 .zine {margin-top:0px;padding:50px 0 30px;}
 .zine h3 small {font-size:13px}
 .guide {margin-top:0}

 .board {margin-top:60px}
 .board .nav-1 {display: none}
 .board .nav-2 {display: block}

 .footer-2 .sns {float:left;}
 .footer-2 .addr a {float:left}
 .footer-2 .address {float:left;margin-left:10px}
 .footer-2 .addr img {width:100%;margin-top:10px;margin-left:0px;margin-right:10px}

 }

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

   .main_title {padding-top:30px}

   .top-head form a {font-size:13px;padding:0 2px}
   .main_visual ul.main_slide {height:250px}
   .program .col-xs-2 img {width:110%}
   .program .col-xs-10 .floatright img {margin-top:0px}

   .zine img.zine_img {width:270px}
   .zine h3 small {display:block;line-height:19px}

   .guide .blue_box {margin:10px auto;width:100%;padding:15px;height:105px;}
   .guide .blue_box .floatright img {width:40px}
   .guide .blue_box ul li a{width:45px;}


   .footer-2 .address {margin-left:0}
 }

 @media screen and (max-width:430px){
   #main h1 {font-size:22px!important}
   #main h2 {font-size:18px!important}
   #main h4 , #main h3 {font-size:16px!important}

   .main_title .btn {bottom:80px;margin-left:-90px;width:180px;height:40px;font-size:16px}
   .main_title .btn_2 {bottom:200px}
   .program .col-xs-2 img {width:150%}
   .program .col-xs-10 .floatright img {margin-top:-2px}
   #main .board .nav h2 {font-size:24px!important;}

   .footer select {width:100%}

 }

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

   .guide .blue_box .floatright {display:none}

  /*.footer select {width:70%;margin-top:10px}*/
}

 @media screen and (max-width:350px){
   .program .col-xs-2 img {width:170%}
 }

 @media screen and (min-width:768px){
   #main h1 {font-size:36px;}
   #main h2 {font-size:28px;}
   #main h4 , #main h3 {font-size:20px;}
   .area-info .area-map img {width:65%}
   .area-info .content {margin-top:50px}
   .main-video {margin-top:30px}
   .area-info , .zine , .organ {padding:60px 0;}
   .area-info {margin-top:40px}
   .program .container > a > div {margin-top:60px}
   .zine {padding-bottom:30px}
   /* 영문 */ .nav>li>a {padding:10px 10px}
 }


 @media screen and (min-width:992px){
   .container {width:880px}
   #main h1 {font-size:40px;}
   #main h2 {font-size:30px;}
   #main h4 , #main h3 {font-size:24px;}
   /* 영문 */ .nav>li>a {padding:10px 17px 20px}
 }


 @media screen and (min-width:1200px){
   .container {width:1020px;}
   .sub_container {width:960px}
   .area-info .area-map img {width:95%}
   .area-info .content {margin-top:0px}
   .main-video {margin-top:30px}
   .area-info ,.zine , .organ {margin-top:70px;padding:60px 0 60px;}
   .area-info {margin-top:50px}
   .program .container > a > div {margin-top:90px}
 }


 /*/////////// 서브페이지 /////////////////////////////////*/

.page_tit .divi {display: none}

.guide_menu .item {float: left; width: 90px; height: 30px; line-height: 30px; text-align: center; border-top: 1px solid #ccc; border-bottom: 0px solid #ccc; border-right: 1px solid #ccc;}
.guide_menu .item.first {float: left; border: 1px solid #ccc; height: 30px; line-height: 30px; text-align: center;}
.guide_menu .item a {width: 90px; height: 30px; display: block;line-height:30px}
.guide_menu .item a.on { background-color: #34495e; color: white; }
.guide_menu .item a:HOVER { background-color: #34495e; color: white; }

.public_info .nav select {width:165px;height:35px;font-size:14px}



/*//////// 서브 반응형 미디어쿼리  //////////////////////////////////////////////////////////////*/

@media screen and (max-width:1200px){
  .srch_bx input {width:195px;}
}

 @media screen and (max-width:991px){
   .map_area {height:520px}
   .level ul li {padding-right:75px}
   .preparation ul.ready li.copy_6 , .preparation ul.ready li.copy_8 {padding-bottom:40px}

   .srch_bx .sel , .srch_bx .inp {width:100%;margin-top:10px;float:left}

   #grid-content .box {height:350px}
   #grid-content .box .img img {max-height:260px}
   #grid-content.old_gal .box {height:315px}
   #grid-content.old_gal .box .img img {max-height:225px}

   .gally .srch_bx {margin-top:0px}
   .bg_gally .srch_bx {margin-top:0px}

   .newsgroup_list li .img img {display:block;margin:0 auto 20px}
   .newsgroup_list .col-md-8 {padding-right:0;padding-left:0}

   /* 영문 */ .page_tit .copy_2 {font-size:18px;}
   /* 영문 */ .sub_tit .copy_5 {padding-top:33px;font-size:20px;letter-spacing:-0.5px}

 }

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

   .public_info .nav-1 li a {padding:6.5px 15px}
   .ccl ul li.ccl_con_last ul li p {padding-top:8px}
   .story100 .img {float:none;margin:15px auto 30px;text-align: center}
   .story100 .img img {width:100%}

   .sitemap ul.ect {padding:0}

   .ds_cnt .nav-1 {display: none}
   .ds_cnt .nav-2 {display: block}
   .ds_cnt .nav-2 select {width:50%;height:30px}
   .ds_cnt > .img {margin-bottom:30px}
   .characteristic {padding-bottom:20px}

   .f_type2 .a>.cnt_box .img img {width:100%} /* 20170117 추가 */


 }

 @media screen and (max-width:768px){
   #contents {padding:30px 20px 0px 20px;}
   .path {display: none}
   .pagetit_wrap {height:55px;border:none}

   .page_tit  {width:174px;margin:0px;margin-left:-13px;font-size:24px;color:#2980B8;}
   .type_g2 .page_tit {width:173px;}
   .type_p .page_tit   {width:140px}
   .type_na .page_tit {width:173px}
   .type_ref .page_tit {width:173px}
   .type_n .page_tit {width:173px}
   .type_u .page_tit {width:173px}

   .page_tit span.divi {display:inline-block;color:#2980B8;}
   .type_p .page_tit span.divi {color:#d35400}
   .type_na .page_tit span.divi {color:#16a085}
   .type_u .page_tit span.divi {color:#f39c12}
   .type_n .page_tit span.divi {color:#006fd2}
   .type_s .page_tit span.divi {color:#2c3e50}
   

   .page_tit .copy_2 {position:absolute;left:12px;bottom:11px;display:inline-block;font-size:18px;font-weight:400;letter-spacing:-1px;color:#2980B8;}
   .type_g2 .page_tit .copy_2 {color:#8e44ad}
   .type_p .page_tit .copy_2 {color:#d35400}
   .type_na .page_tit .copy_2 {color:#16a085}
   .type_u .page_tit .copy_2 {color:#f39c12}
   .type_n .page_tit .copy_2 {color:#006fd2}
   .type_s .page_tit .copy_2 {color:#2c3e50}
   .type_ref .page_tit .copy_2 {color:#95a5a6}
   .type_ref .page_tit span.divi {color:#95a5a6}
   .type_g2 .page_tit span.divi {color:#8e44ad}

   /* 영문 */ .sub_tit .sub_top {display: none;}

   .sub_tit {margin:0px;}

   /* 영문 */ .sub_tit .copy_5 {font-size:18px;padding-top:31px}

   .type_b {background:none}
   .type_n {background:none}
   .type_u {background:none}
   .type_s {background:none}
   .type_p {background:none}
   .type_na {background:none}
   .type_ref {background:none}
   .type_g2 {background: none}
   .type_sitemap {background:none}
   .map_area {height:450px}
   .map_info_tap {margin-top:20px;padding:0 50px}
   .map_info_tap dl {padding:0 35px}
   .map_info_tap dl dt .tit {font-size:24px;line-height: 24px}
   .level {display: none}
   .explain_txt ul li .txt {margin-top:5px}
   .guide_map_area {height:320px}
   .guide .txt_1{margin-top:15px}
   .main_point ul li p.desc {margin-top:10px}
   .vicinage {padding:0;margin-bottom:0;border-bottom:0;}
   .vicinage li:nth-child(2) {margin:0}
   .vicinage dl {margin-top:20px}
   .vicinage .btn_view {position:static;float:right;margin-right: 15px;margin-top:15px}
   .vicinage .btn_view a {width:120px;height:35px;font-size:14px;line-height:37px;}

   .public_info .nav-1 {display: none}
   .public_info .nav-2 {display: block}

   .pgr_list li .img img {width:50%;display:block;margin:10px auto 20px}
   .pgr_list .btn_view {margin-top:15px}
   .pgr_list .btn_view a {width:120px;height:35px;font-size:14px;line-height:37px;}

   .bbs_view table td.third > div {padding:0;border-bottom:1px solid #e3e3e3}
   .bbs_view table td.third > div.last {border-bottom:none}
   .bbs_write table td {padding-left:0;}

   .bbs table .nr , .bbs table .aut, .bbs table .dat, .bbs table .clk {display: none}
   .bbs table .tit {width:100%}

   #grid-content .box {height:500px}
   #grid-content .box .img img {max-height:410px}
   #grid-content.old_gal .box {height:465px}
   #grid-content.old_gal .box .img img {max-height:375px}

   .bbs_write .file .td_2 a.file_na {float:left;padding:7px 10px 3px 0;}
   .bbs_write .file .btn_type03 {float:left;margin:2px 0 7px;padding:6px 25px;}
   .bbs_write .file .btn_type03_1 {margin:5px 5px 5px 0}
   .bbs_write table tbody .file_i {margin-top:2px}

   .cb_wrt {margin:30px 0 0 0px;}

   .comment ul {margin:0;}

   .f_type1 .q a {font-size:20px}

   .ds_cnt .crt .line img {width:45%}
   .ds_cnt .nav-2 select {width:100%;height:30px}

   .tab_type1_1 ul li {width:115px;}

   .map_area .map_tip {display:none} /* 20170104  추가 */

 }

 @media screen and (max-width:600px){
   .guide_menu {width:100%;}
   .guide_menu .item {width:50%;height:45px;}
   .guide_menu .item a {width:100%;height:45px;line-height:45px;font-size:15px}
   /* 영문 */ /*.sub_tit .sub_top {display: none;}*/
   .guide_list select{margin-bottom:10px}
   .guide_map_area {height:263px}
   .level_gallery {display:none}
   .level_gallery_slider {display:block}

   #grid-content .box {height:450px}
   #grid-content .box .img img {max-height:360px}
   #grid-content.old_gal .box {height:415px}
   #grid-content.old_gal .box .img img {max-height:325px}

   .ds_cnt img.img_2 {width:50%;}
   .tab_type1_1 ul li {width:90px;}

   /* 영문 */ .f_type2 .q .h1 {font-size:18px;}
   /* 영문 */ .f_type2 .q .h2 {font-size:12px;line-height:18px;}
 }

 @media screen and (max-width:479px){
  #contents {padding:0px 15px 0px 15px;}
  .guide_map_area {height:230px}
  .map_area {height:380px}
  .map_info_tap {padding:0 10px}
  .map_info_tap dl {padding:0 15px}
  .map_info_tap dl dt .tit {font-size:18px;line-height: 18px}

  .pagetit_wrap {margin-bottom:25px}

  .box_gray {padding:15px 20px;border-width:3px}

  .pgr {padding-top:5px}
  .pgr .tab_list ul {border:0;font-size:12px}
  .pgr .tab_list li {width:24.5%;margin:0;border-right:1px solid #fff}
  .pgr .tab_list li a { border:1px solid #e67e22;background:#e67e22;font-size:12px;letter-spacing:-1.7px}
  .tab_list.m1 .m1 a {border:1px solid #e67e22;background:#fff;color:#e67e22}

  .pgr_list {margin-top:15px}
  .pgr_list li .img img {width:70%;}
  .pgr_list li dl {padding:0 5px}
  .pgr_list li dl dd {font-size:13px;line-height:16px}

  .preparation ul.ready li {padding-left:120px}

  .paginate a.m_no {display:none}

  #grid-content .box {height:350px}
  #grid-content .box .img img {max-height:260px}
  #grid-content.old_gal .box {height:315px}
  #grid-content.old_gal .box .img img {max-height:225px}

  .ds_cnt img.img_2, .ds_cnt img.img_3 {width:100%;}
  .ds_cnt .img {margin-bottom:30px}
  .ds_cnt dl.copy_ds {padding-bottom:20px}
  .ds_cnt .f_type1 .a {margin-bottom:20px}

  .bbs_view table .th {padding-left:0}
  .bbs_write , .bbs_view {margin-bottom:0px}

  .ccl ul li.ccl_con ul li img {width:80%;padding-right:0}

  .f_type1 .q a {font-size:18px}

  .sitemap dl {margin-bottom:25px}
  .col-xxs-12 {width:100%}

  .ds_cnt .crt .line img {width:60%%}

  .cnt_2 {font-size:11px;margin-top:10px}

  .tab_type1_1 ul li {width:60px;font-size:11px}

  /* 영문 */ .page_tit  {width:155px;}
  /* 영문 */ .page_tit .copy_2 {font-size:16px;}
  /* 영문 */ .sub_tit .copy_5 {font-size:16px;padding-top:35px}
 }

 @media screen and (max-width:430px){
   .page_tit {width:110px}
   .type_p .page_tit  {width:120px}
   .type_na .page_tit {width:140px}
   .type_ref .page_tit {width:140px}
   .type_g2 .page_tit {width:140px;}
   .type_n .page_tit {width:140px;}
   .type_u .page_tit {width:140px;}

   /* 영문 */  /*.page_tit .copy_2 {font-size:20px}*/
   /* 영문 */  /*.sub_tit .copy_5 {font-size:20px;padding-top:28px}*/

   /* 영문 */ .page_tit  {width:138px;}
   /* 영문 */ .page_tit .copy_2 {font-size:14px;}
   /* 영문 */ .sub_tit .copy_5 {font-size:14px;padding-top:36px}
 }

 @media screen and (max-width:400px){
   .preparation ul.ready li {padding:100px 0 24px 20px}
   .srch_bx input {width:150px;}

   #grid-wrapper .modal .item .floatleft img {width:100px}
   #grid-wrapper .modal .item .floatright img {width:95px}

   .ccl ul li.ccl_con ul li img {width:70%;padding-right:0}

 }

 @media screen and (max-width:350px){
   .map_info_tap {padding:0}
   .type_g2 .page_tit {width:127px;}

   /* 영문 */ .divi {padding:0 3px}
   /* 영문 */ .page_tit  {width:127px;}
   /* 영문 */ .page_tit .copy_2 {font-size:14px;}
   /* 영문 */ .sub_tit .copy_5 {font-size:14px;padding-top:36px}
 }


 @media screen and (min-width:768px){
   .container.sub_container {width:700px}
 }


 @media screen and (min-width:992px){
   .container.sub_container {width:880px}

 }


 @media screen and (min-width:1200px){
   .container.sub_container {width:960px}

 }
 
 /* 20170119 유튜브 반응형 추가 */
.modal-dialog {margin-top:50px;border:5px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0%; left: 0; width: 100%; height: 100%; }