@charset "utf-8";

.kr_flag {position:absolute; top:-10px; left:162px;}
.social_list {position:absolute; top:0px; left:-125px;}
.social_list2 {position:absolute; top:60px; left:-125px;}
.sc_bg1 {background:url("http://www.jongno.go.kr/portal/open_content/images/2016new/common/social_bg1.gif") left top no-repeat; width:109px; height:115px; padding-top:12px; text-align:center;}
.sc_bg1 ul li {margin-bottom:5px;}
.tv_box {border-left:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; border-top:solid 1px #dfdfdf; border-bottom:solid 1px #dfdfdf; text-align:center; padding:20px 10px;}
.bg_gnb{background:#fff; position:absolute;top:187px;left:0;z-index:50;width:770px;height:0; border-bottom:solid 1px #3d79c6;}

.weather_box {width:110px; height:212px; padding-top:10px; background: url("http://www.jongno.go.kr/portal/open_content/images/2016new/common/bg_weather1.jpg") left top no-repeat }
.weather_box .wethr1 {color:#fff; text-align:center; margin-bottom:5px;}
.weather_box .wethr1 span {font-size:16px; line-height:16px;}
.weather_box h5 {font-size:28px; line-height:36px; font-weight:bold; color:#fff; text-align:center; margin-bottom:4px;}
.weather_box .weather_icon {text-align:center; margin-bottom:3px;}
.weather_box .weather_icon img {height:50px;}
.weather_box .weather_time {text-align:center; margin:0 5px 9px 5px; padding:4px 0px; color:#fff; border-top:solid 1px #fff; border-bottom:solid 1px #fff;}
.weather_box ul {overflow:hidden; margin-left:5px;}
.weather_box ul li {float:left; width:50px; text-align:center; color:#fff;}
.weather_box ul li dl dd {font-size:14px; line-height:22px;}
.weather_box ul li.last { border-left:solid 1px #fff; padding-left:2px; width:48px;}
.weather_box ul li.last dl dd {color:#ddc410; font-size:14px; line-height:22px;}

.mwLogin * {font-family: "Nanum Gothic","나눔고딕","맑은고딕","malgun gothic","AppleGothic","돋음","dotum",Helvetica,Arial,sans-serif;color:#333}
.mwLogin { display:none;position:fixed; /* _position:absolute; top:0; left:0;   */width:100%; height:100%; z-index:10000;}
.mwLogin .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000;}

#login{ position:absolute; width:520px; top:50%; left:50%; padding:28px 28px 0 28px; margin:-200px 0 0 -284px; border:3px solid #808080; font-size:12px; font-family:Tahoma, Geneva, sans-serif; line-height:normal; background:#fff; white-space:normal; color:#767676;}
#login .loginTimeOk {background:url(http://www.jongno.go.kr/portal/open_content/images/2015new/common/bg_login_time02.gif) no-repeat 30px top;padding:30px 0 0 160px;height:110px;border-bottom:1px solid #eee}
#login .loginTimeOk .time01{font-size:25px;color:#000;padding-top:15px;margin:0}
#login .loginTime01{background:url(http://www.jongno.go.kr/portal/open_content/images/2015new/common/bg_login_time01.gif) no-repeat 30px top;padding:8px 0 0 43px;height:195px;border-bottom:1px solid #eee;font-size:18px;}
#login .loginTime01 .timeout strong{width:120px;display:inline-block}
#login .loginTime01 .timeLog{padding:55px 0 0 180px;font-size:30px;font-weight:600;}
#login .loginTime01 .timeLog strong{color:#4a9df0;font-size:60px}
#login .loginTimeArea{padding:20px;font-size:14px}
#login .loginTimeArea .time02{text-align:center;font-weight:600;line-height:149%}
#login .btnG {text-align:center;margin-top:20px}
#login .btnG a{background:#2762cc;color:#fff;padding:8px;min-width:110px;display:inline-block;font-size:15px;font-weight:600}
#login .btnG a.gray{background:#707070;color:#fff;}
#login .blue {color:#0062ad}


.gLogin{ position:absolute; width:520px; top:50%; left:50%; padding:28px 28px 0 28px; margin:-200px 0 0 -284px; border:3px solid #808080; font-size:12px; font-family:Tahoma, Geneva, sans-serif; line-height:normal; background:#fff; white-space:normal; color:#767676;}
.gLogin .loginTimeOk {background:url(http://www.jongno.go.kr/portal/open_content/images/2015new/common/bg_login_time02.gif) no-repeat 30px top;padding:30px 0 0 160px;height:110px;border-bottom:1px solid #eee}
.gLogin .loginTimeOk .time01{font-size:25px;color:#000;padding-top:15px;margin:0}
.gLogin .loginTime01{background:url(http://www.jongno.go.kr/portal/open_content/images/2015new/common/bg_login_time01.gif) no-repeat 30px top;padding:8px 0 0 43px;height:195px;border-bottom:1px solid #eee;font-size:18px;}
.gLogin .loginTime01 .timeout strong{width:120px;display:inline-block}
.gLogin .loginTime01 .timeLog{padding:55px 0 0 180px;font-size:30px;font-weight:600;}
.gLogin .loginTime01 .timeLog strong{color:#4a9df0;font-size:60px}
.gLogin.loginTimeArea{padding:20px;font-size:14px}
.gLogin.loginTimeArea .time02{text-align:center;font-weight:600;line-height:149%}
.gLogin .btnG {text-align:center;margin-top:20px}
.gLogin .btnG a{background:#2762cc;color:#fff;padding:8px;min-width:110px;display:inline-block;font-size:15px;font-weight:600}
.gLogin .btnG a.gray{background:#707070;color:#fff;}
.gLogin .blue {color:#0062ad}

#f_link {width:100%; min-width:1000px; background:#ddd; height:36px; overflow:hidden;}
.f_link_wrap {width:1000px; margin:0px auto; overflow:hidden;}
.f_link_wrap ul {overflow:hidden;}
.f_link_wrap ul li:first-child {background:none;}
.f_link_wrap ul li {float:left;background:url("http://www.jongno.go.kr/portal/open_content/images/2016new/common/gray_line1.gif") left 13px no-repeat; padding-left:10px; margin-left:10px; line-height:36px;}

#sub_footer {background:#f3f3f3; width:100%; padding-bottom:50px; overflow:hidden;}
#sub_footer .footer_wrap {width:1000px; margin:0 auto; position:relative;}
#sub_footer .footer_wrap address {padding-top:20px;}
#sub_footer .footer_wrap .w3c_mark {position:absolute;  top:10px; right:110px;}
#sub_footer .footer_wrap .i_safe {position:absolute;top:10px; right:20px;}

/* 20180514 */
.wrap_sub{position:relative;width:100%;min-width:1000px;margin:0 auto;background: url('/portal/open_content/images/2018new/common/bg_body.gif') left top repeat-x;} 

/* Util link */
.top_area1 {position:relative; width:999px;min-width:999px;height:39px; margin: 0 auto;border-left: 1px solid #d7d7d7;}
.top_area1:after{content: "";display: block;clear: both}
.top_area1 > a{position:relative;float:left;display: block;width: 66px;height:30px;padding:7px 0 0 0;border-right: 1px solid #d7d7d7;text-align: center}
.top_area1 > a.btn_home{height:32px; background-color: #fff;}
.top_area1 ul.top_cals1 {position:absolute; top:0; right:0px; overflow:hidden; width: auto;height:39px;line-height:39px;padding:0 }
.top_area1 ul.top_cals1 li:first-child {background:none; padding-left:18px;}
.top_area1 ul.top_cals1 li {padding:0 10px;float:left;background:url("/portal/open_content/images/2018new/common/gray_line1.gif") left 13px no-repeat;}
.top_area1 ul.top_cals1 li.lag{background-image: none;background-color:#e1e1e1;}
.top_area1 ul.top_cals1 li select {background:#e1e1e1; border:0px;height: 38px;line-height: 38px}
.top_area1 ul.top_cals1 li a {color:#707070;font-size: 13px;color: #504945}

/* Header */
.header{position:relative;width:100%;min-width:1000px;margin:0 auto;height:159px;z-index: 100;}
.header_box {width:1000px;min-width:1000px;height:104px; margin:0 auto 1px auto;}
.header_box:after{content: "";display: block;clear: both}
.header_box .logo{float:left;padding-top: 30px }
.tour_logo {float:right;padding:27px 0 0 0}

/*  Top search  */
.search_area {float:left; width:364px;height:41px;border:3px solid #005aab;margin:28px 0 0 134px;padding:0;background: none;border-radius: 30px;}
.search_area:after{content: "";display: block;clear: both}
.search_area > div > form > fieldset{position:relative; height:31px;line-height:31px; padding: 5px 35px 0 105px  ;}
.search_area  .top_sch_sle{display: block;position: absolute;left:10px;top:5px;width:90px; border: 0;height: 31px;line-height: 31px}
.search_area  .top_sch_int{display:block;width:99%;height:31px;line-height:31px; border:0px;}
.search_area  .top_sch_btn{display: block;position: absolute;right:13px;top:9px;border: 0}

/*인기검색어*/
.recom_list {display:none;float:left; position:relative; margin:10px 0 0 10px;}
.sh_seq{position:absolute;top:0px;left:0px;margin:0;width:240px;z-index:99999;overflow:hidden}
.sh_seq dl{overflow:hidden;padding:6px 0 0 0;/* background:url(http://www.jongno.go.kr/dong/open_content/images/common/ico_tshbg.gif) no-repeat 0 0 */}
.sh_seq dt{float:left;padding:0 6px 0 3px;color:#231f20;font-weight:bold}
.sh_seq dt span{padding:0 10px 0 0; font-size:14px;line-height:22px;/* background:url(http://www.jongno.go.kr/dong/open_content/images/tsh/ico_dot.gif) no-repeat right center */}
.sh_seq dd{float:left;width:128px}
.sh_seq ol{display:block;width:100%;}
.sh_seq li{display:block;padding:1px;margin-top:-1px}
.sh_seq li a{padding:0 0 0 0px;display:block;margin-bottom:5px;height:22px; font-size:14px; line-height:22px;color:#231f20}
.sh_seq li a:hover,
.sh_seq li a:focus{color:#231f20;text-decoration:underline}
.sh_seq li a span{background:url(http://www.jongno.go.kr/dong/open_content/images/tsh/rank_default.gif) no-repeat right 50%;display:block}
.sh_seq li.new a span{background:url(http://www.jongno.go.kr/dong/open_content/images/tsh/ico_new.gif) no-repeat right 50%}
.sh_seq li.up a span{background:url(http://www.jongno.go.kr/dong/open_content/images/tsh/arrow_inc.gif) no-repeat right 50%}
.sh_seq li.down a span{background:url(http://www.jongno.go.kr/dong/open_content/images/tsh/arrow_dec.gif) no-repeat right 50%}
.sh_seq_open{border:2px solid #09539c;background-color:#fff;visibility:visible;height:auto}
.sh_seq_open dl{background-image:none;padding:0;width:100%}
.sh_tag_open dt{float:none;padding:10px 0;border-bottom:1px solid #d7d7d7;text-align:center;background-color:#f8f8f8}
.sh_seq_open dt span{background-image:none;margin-left:20px;margin-bottom:3px;border-bottom:1px solid #ccc;width:180px;display:block}
.sh_seq_open dd{float:none;padding:5px 16px 2px;width:auto}
.sh_seq_open ol{width:100%}
.sh_seq_open ol li{}
.sh_seq_open ol li a{}
.sh_seq_open ol li a span{}
.sh_openpos{z-index:1000 !important;position:absolute;width:100%;height:auto}

/* Pc Gnb */
.gnb_box{position:relative;width: 100%;min-width: 1000px;height: 54px;}
.gnb{position:relative;overflow:hidden;width:1000px;height:54px;margin: 0 auto;z-index:1005;}
.gnb #menu:after{content: "";display: block;clear: both;}
.gnb > ul > li{ line-height:54px;height:54px;float:left;width:16.6%;z-index:1000;padding: 0 0 1px 0;text-align: center}
.gnb > ul > li:first-child{width:17%;}
.gnb > ul > li > a{position:relative;display: inline-block; color: #232323; font-size:18px;text-align: center;font-family: "Noto Sans KR", sans-serif;padding: 0 10px}
.gnb > ul > li.on > a{color:#005aab}
.gnb  > ul > li > div {border-right:solid 1px #e8e7e6; background-color:#fff;padding: 10px 0 0 0 }
.gnb  > ul > li:first-child > div{ border-left:solid 1px #e8e7e6;}
.gnb  > ul > li > div > ul{height:322px;}
.gnb  > ul > li > div > ul > li {float:none;line-height:30px;text-align:left;font-weight:normal;background:none;}
.gnb  > ul > li > div > ul > li > a{text-align:left;background:none;padding-left:5px;font-size:14px;color:#555555;}
.gnb  > ul > li > div > ul > li.on a{color:#2b6ac0;text-decoration:underline;}
.gnb  > ul > li.on > div, 
.gnb>ul> div> li.current> ul{background:#fafafa;color:#2b6ac0}
.bg_gnb{display: none;background:#fff; position:absolute;top:54px;left:0;width:100%;border-bottom:solid 1px #6f6764;z-index:1000;}
.bg_gnb.on{display: block;height: 411px}
.bar_gnb{display: block;position: absolute;bottom: 0;width: 0;left:0; height: 3px;background-color: #005aab;}

/* 모바일 메뉴 */
.mob_gnb{position: fixed;display:none; z-index: 105;background-color: #005aab;width: 100%;height: 100%;}
.mob_gnb.open{display:none;}
.mob_gnb .mob_gnb_box{position: relative;overflow:auto;}
.btn_logon{display: block;height:53px;line-height:53px;padding: 0 0 0 27px; background-color: #fff ;border-top:1px solid #79726f;}
.btn_logon span{display: block;padding: 0 0 0 17px; background: url("/portal/open_content/images/common/menu/icon_login.png") 0 20px no-repeat;font-size: 16px;color:#333}
.mob_menu li  a {display: block;line-height:30px}
.mob_menu li  a span{display: inline-block;font-size:16px;}
.depth1{border-bottom: 1px solid #8db2d2}
.depth1 > li{border-top: 1px solid #8db2d2;}
.depth1 > li >  a{padding:11px 27px 11px 27px; color:#fff;background: url("/portal/open_content/images/common/menu/arr03.png") 97% center no-repeat;}
.depth1 > li >  a >  span{}
.depth1 > li >  a.on{background: url("/portal/open_content/images/common/menu/arr01.png") 97% center no-repeat;}
.depth1 > li >  a.on > span{background: url("/portal/open_content/images/common/menu/line01.gif") left bottom repeat-x;}
.depth2{display: none}
.depth2 > li{background-color: #fff;border-bottom: 1px solid #e7e7e7}
.depth2 > li > a{padding:11px 27px 11px 27px;color:#555555;background-color: #fff;}
.depth2 > li > a.on{background-color: #667788;color: #fff}
.depth2 > li > a.haschild{background: #fff url(/portal/open_content/images/common/menu/arr02.png) 97% center no-repeat;}
.depth2 > li > a.haschild.on{background: #667788  url("/portal/open_content/images/common/menu/arr01.png") 97% center no-repeat;}
.depth3{display: none}
.depth3 { padding:16px 0;background-color: #f5f7f9}
.depth3 > li{margin-bottom:3px}
.depth3 > li > a{ padding: 0 0 1px 39px;background: url("/portal/open_content/images/common/menu/dot01.gif") 30px 13px no-repeat;color:#555}
.depth3 > li > a.on > span{background: url("/portal/open_content/images/common/menu/line02.gif") left bottom repeat-x;}
.depth2.active{display: block;}
.depth3.active{display: block;}


/* 모바일 메뉴 버튼*/
.btn_mob_gnb {display:none;position:absolute;top:19px;left:15px;width:68px;height:48px;overflow:hidden;/* white-space:nowrap;color:transparent; */background-color:#005aab;border-radius: 25px;z-index:1005;}
.btn_mob_gnb span, 
.btn_mob_gnb span::before, 
.btn_mob_gnb span::after {
  /* hamburger icon in CSS */
  position:absolute;
  display:inline-block;
  height:3px;
  width:27px;
  background:#fff;
}
.btn_mob_gnb span {
  /* line in the center */
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-13px;
  margin-top:-2px;
  -webkit-transition:background 0.2s;
  -moz-transition:background 0.2s;
  transition:background 0.2s;
}
.btn_mob_gnb span::before, 
.btn_mob_gnb span::after {
  /* other 2 lines */
  content:'';
  right:0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  -ms-transform:translateZ(0);
  -o-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transform-origin:0% 50%;
  -moz-transform-origin:0% 50%;
  -ms-transform-origin:0% 50%;
  -o-transform-origin:0% 50%;
  transform-origin:0% 50%;
  -webkit-transition:-webkit-transform 0.2s;
  -moz-transition:-moz-transform 0.2s;
  transition:transform 0.2s;
}
.btn_mob_gnb span::before {
  /* menu icon top line */
  top:-8px;
}
.btn_mob_gnb span::after {
  /* menu icon bottom line */
  top:8px;
}
.btn_mob_gnb.on span {
  /* hide line in the center */
  background:rgba(255, 255, 255, 0);
}
.btn_mob_gnb.on span::before, 
.btn_mob_gnb.on span::after {
  /* keep visible other 2 lines */
  background-color:#fff;
}
.btn_mob_gnb.on span::before {
  -webkit-transform:translateX(1px) translateY(2px) rotate(42deg);
  -moz-transform:translateX(1px) translateY(2px) rotate(42deg);
  -ms-transform:translateX(1px) translateY(2px) rotate(42deg);
  -o-transform:translateX(1px) translateY(2px) rotate(42deg);
  transform:translateX(2px) translateY(0px) rotate(42deg);
}
.btn_mob_gnb.on span::after {
  -webkit-transform:translateX(1px) translateY(0px) rotate(-42deg);
  -moz-transform:translateX(1px) translateY(0px) rotate(-42deg);
  -ms-transform:translateX(1px) translateY(0px) rotate(-42deg);
  -o-transform:translateX(1px) translateY(0px) rotate(-42deg);
  transform:translateX(2px) translateY(2px) rotate(-42deg);
}			

/* Footer */
#wrap_footer {clear: both; width: 100%; min-width:1000px;}
.site_wrap{width:100%;min-width:1000px;height:55px;margin:0 auto;background-color: #464c58}
.site_cont{width: 1000px;min-width:1000px;margin: 0 auto}
.site_cont:after{content: "";display: block;clear: both;}
.sel_box{float: left;width: 25%;height: 55px;}
.sel_box > div{position:relative;height: 32px;padding:12px 55px 11px 10px;border-right: 1px solid #5d6580;}
.sel_box.sel_item1 div{border-left: 1px solid #5d6580} 
.btn_site{display: block;position: absolute;right: 0;top:12px}
.site_sel{position:relative;display: block;}
.site_sel label {display: none;position: absolute;width:95%;font-size: 13px;color: #fff;top: 0;left: 0;height: 32px;line-height:32px;letter-spacing: -1px;cursor: pointer;}
.site_sel .slebox_site{width: 100%;height: 32px;min-height: 32px;line-height: 32px;padding: 0 10px;opacity: 1;filter: alpha(opacity=0); /* IE 8 */cursor: pointer;border: 0;background: #464c58;color: #fff;}

.footer { clear: both; width:1000px;margin:0 auto;}
.foot_menu {overflow:hidden; width: auto; padding-top: 25px;margin:  0 30px 10px 0 ;}
.foot_menu li {display: inline-block;padding: 0  0 0 14px ; margin:0 0 0 13px ;border-left: 1px solid #c8c8c8;vertical-align: top}
.foot_menu li.fir{padding-left: 0;margin-left: 0;border-left: 0}
.foot_menu li a{font-family:'dotum';display:block;font-size: 14px;color: #555555;}
.foot_menu li.pivacy a{color: #b26100;font-weight: bold;}
.foot_menu li:first-child {margin-left:0}
.foot_menu li.end { padding: 0; margin:-5px 0 0 19px; border-left:0}
.footer_area {font-family:'dotum';clear:both;position:relative;padding-top: 0;margin:0;font-size: 12px;line-height: 22px;color: #222}
.footer_area address {padding-bottom: 0; }
.footer_area address span{display: inline-block;margin-right: 5px}
.footer_area .foot_crp{color:#7a7a7a}

.footer_area .mark{position:absolute;top:-10px;right:0}
.footer_area .mark .icon_mark1{width: 52px}
.footer_area .mark .icon_mark2 img{width: 66px}
.footer_area .mark .icon_mark3 img{width: 52px}
.btn_top{display:none;padding:15px 0; background-color: #c3c3c3;text-align: center;}




/* main */
#main_contents { position:relative; clear:both; float:left; overflow:hidden; width:100%; padding-bottom:11px; padding-top:68px }
#main_contents .con_search { position:absolute; top:0; right:0; z-index:10; /*float:right;*/ width:516px; height:56px; padding-right:50px; padding-top:4px; padding-left:69px;background:url("http://www.jongno.go.kr/portal/open_content/images/2015new/main/bg_con_search.gif") 0 bottom no-repeat; }
#main_contents .con_search p { padding-top:12px; text-align:right; }
.main_area { overflow:hidden; width:100%; padding-bottom:10px; }
.main_area .con_left { float:left; width:433px; padding-right:24px; }
.main_area .con_center { float:left; width:302px; }
.main_area .con_right { float:left; width:238px; }

/* sub */
.container_box{width: 1000px;position: relative;margin: 0 auto}
.container_box:after{content: "";display: block;clear: both}
#container { position:relative; float:left; width:770px; padding-bottom:30px;  }
.contents { clear:both; overflow:hidden;}
#sub_contents { clear:both; float:left; overflow:hidden; width:100%; z-index:10; }
#subContent { clear:both; width:100%; overflow:hidden; padding-top:15px; }
#lnb { float:left; width:230px;}
.contents_tit{overflow:hidden;height:93px;border-bottom:1px solid #c4c4c4;position:relative;}
.location { float:right; width:auto; padding-top:28px; }
.location ol { float:right; color:#7d7d7d; padding-right:10px; padding-top:38px}
.location li { float:left; padding-left:10px; margin-left:7px; background:url("http://www.jongno.go.kr/portal/open_content/images/2015new/common/location_line.gif") 0 5px no-repeat; }
.location li.home { padding-left:0; margin-left:0; background:none;}
.location .current { color:#333333; text-decoration:underline; }
.location .icon{position:absolute;top:15px;right:0}
.tit_03 {float:left; padding-top:27px;color: #231f20;font-size: 2.25em;line-height:2.25em;font-weight: 600;letter-spacing: -0.1em;}


/*20200401*/
.popup-box2 .coronal-table > table th{word-break: break-all;}
.btn_logon{float: left;display: block;height:53px;line-height:53px;}
.btn_logon span{display: block;padding: 0 0 0 17px; background: url("https://www.jongno.go.kr/portal/open_content/images/common/menu/icon_login.png") 0 20px no-repeat;font-size: 16px;color:#333}
.encase-top{background: #fff;padding: 0 5px 0 25px;overflow: hidden;border-top:1px solid #79726f;}
.mobile-select{display: none;float: right;background: #e1e1e1;padding-right: 6px;margin-top: 8px;}
.mobile-select select{background: #e1e1e1;border: 0px;height: 38px;line-height: 38px;}

@media screen and (max-width: 480px){
.mobile-select{display: block;}
}
/*20200401*/

/*20220324*/
#subContent {padding:10px 0;} 

@media screen and (max-width:1000px){
  #subContent {padding:8px 0 20px;}
}