@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

html, body{width: 100%;height: 100%;}

*{-webkit-text-size-adjust: none;}
body, table {font-family:"Nanum Gothic","나눔고딕","맑은고딕","malgun gothic","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif;font-size: 12px; line-height: 1.5em; word-break: keep-all;}
label { cursor:pointer}
a { text-decoration:none; color: #3c3c3c; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p,blockquote, th, td, button { padding: 0;margin:0 ;}
table { border:none}
td, th { border:0 none}
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select,  sub { font-size:1em; }
textarea {font-size: 12px; }
table {border-collapse:collapse;border-spacing:0;}
fieldset, img, abbr, acronym { border: 0}
address, caption, cite, code, dfn, em, strong, th, var {font-weight:normal;font-style:normal}
ol, ul, li { list-style:none }
q:before, q:after {content:''}
img, input, button, select, textarea { vertical-align:middle}
hr { overflow:hidden; position:absolute; top:0; left:0; }
caption, legend, .blind { font-size:0; line-height:0; height:0; width:0;text-indent:-999em; }
hr, caption {text-indent:-999em; font-size:0; width:0; height:0; line-height:0; }
legend { display: none; }
input, img { vertical-align:middle; }
/* input {-webkit-appearance: none; -moz-appearance: none;appearance: none;} *//* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
/* input::-ms-clear { display: none; } *//* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type=radio]{-webkit-appearance:radio}
input[type=text] { height:18px; line-height:18px; }
input[type=password] { height:18px; line-height:18px;}
select { height:20px; line-height:18px;}
#zipcode1 { height:18px; line-height:18px; }
#rsvctmZip1 { height:18px; line-height:18px; }
#histResveAtdrnZip1 { height:18px; line-height:18px; }
#resveZip1 { height:18px; line-height:18px; }
#ntcrZipcode1 { height:18px; line-height:18px; }

/* skip */
.skip, .blind {/* visibility:hidden; */overflow: hidden;position:absolute;font-size:0;width:0;height:0;line-height:0;margin:0;padding:0;background:none;line-height: 0;border:none;}
.skip, .blind {/* visibility:hidden; */overflow: hidden;position:absolute;font-size:0;width:0;height:0;line-height:0;margin:0;padding:0;background:none;line-height: 0;border:none;}
#skip a {display:block; position:absolute; left:0%; top:-9999px; overflow:hidden; width:100%; background:black; color:#fff; font-size:12px; font-weight:bold; text-align:center; z-index:2222;}
#skip a:focus {position:absolute; top:0; padding:10px 0; z-index:99999;}

/* */
.text_search {ime-mode:active;}
#searchWrd {ime-mode:active;}
.hidden {display:none;}

/* align */
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.vat {vertical-align:top !important;}
.vm {vertical-align: middle;}
.fl, .fl_l {float:left !important;}
.fr, .fl_r {float:right !important;}

/* clear float */
.clear {clear: both;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
strong { font-weight:bold}
.text_area_2 { margin-left:23px}
.text_area_3 { margin-left:15px; padding-bottom:12px}
.text_p1 { line-height: 19px; margin-bottom:7px}
.con_wrap { float:left; width:50%}
.cont_box_to2 { float: left; width: 325px}
.cont_box_type_s1 { border: 2px solid #EAEBF1; margin-bottom: 20px}
.cont_box_type_s1 dt, .cont_box_type_b1 dt { float:left; padding: 10px 15px 0; text-align: center}
.cont_box_type_b1 { overflow:hidden; border: 2px solid #EAEBF1; margin-bottom: 20px}
.cont_box_to2 .cont_box_type_s1 dt { clear:both; width:100%; text-align:center; padding-left:0; padding-right:0}
.cont_box_to2 .cont_box_type_s1 dd { clear:both} /* width:100%; */

.cont_box_to { overflow: hidden; width:100%} /* float:left; */
.cont_box_to .cont_box_type_s1 { overflow:hidden}
.cont_box_to dl { width:100%}
.cont_box_to dt { float:left; padding: 10px 15px 0;}
.cont_box_type_s1 dd { line-height: 18px; padding: 10px;}
.cont_box_type_s1 p { line-height: 18px; padding: 10px;}
.cont_box_type_s1 .btn2, .cont_box_type_b1 .btn2 { padding:8px 0; text-align: center; background:#f7f8fa url("http://www.jongno.go.kr/portal/open_content/images/common/dot_bg.gif") 0 0 repeat-x;line-height: 18px; padding: 10px}
.cont_box_type_s1 .btn2 a, .cont_box_type_b1 .btn2 a { display:inline-block; color:#fee41a; font-weight:bold; padding-left:8px; background: url("http://www.jongno.go.kr/portal/open_content/images/2015new/common/btn2_left.gif") 0 0 repeat-x}
.cont_box_type_s1 .btn2 a span, .cont_box_type_b1 .btn2 a span {display:inline-block; color:#fff; height:27px; line-height:27px;  padding-right:20px; background: url("http://www.jongno.go.kr/portal/open_content/images/2015new/common/btn2_right.gif") right 0 no-repeat}

.btn3 { padding:8px 0; text-align: center}
.btn3 a { display:inline-block; color:#fee41a; font-weight:bold; padding-left:8px; background: url("http://www.jongno.go.kr/portal/open_content/images/2015new/common/btn2_left.gif") 0 0 repeat-x}
.btn3 a span {display:inline-block; color:#fff; height:27px; line-height:27px;  padding-right:20px; background: url("http://www.jongno.go.kr/portal/open_content/images/2015new/common/btn2_right.gif") right 0 no-repeat}
.ofh, .cell_info { overflow:hidden}

#btn_area {clear: both;overflow: hidden;width: 100%;}
.btn_right_fl { float: left}
.btn_right_fr { float: right}
.btn_center {clear: both; text-align: center;}
.btn_center2 {background: url("../../../images/common/line_rbox_in.gif") no-repeat scroll center top;clear: both;overflow: hidden;padding-top: 9px;text-align: center;width: 100%;}
.btn_right_up { clear: both; margin-top: -25px; text-align: right; width: 100%}

/* hidden */
.hidden {visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none;line-height: 0;border:none;}
.hidden *{border:none !important;}
.bk {display:block;}
.cspt {cursor:pointer;}
.bold { font-weight:bold}

/* font color */
.f_bold { font-weight:bold}
.fc_red{color:#920005}
.txt_blue{color:#0000ff}
.txt_blue2{color: #2163b5}
.txt_red1{color: #ff0000}
.txt_black1{color: #222222}


/* margin */
.m1 { padding-left:24px}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px  !important}
.mt20 {margin-top:20px  !important}
.mt25 {margin-top:25px  !important}
.mt30 {margin-top:30px  !important}
.mt35 {margin-top:35px  !important}
.mt40 {margin-top:40px  !important}
.mt45 {margin-top:45px  !important}
.mt50 {margin-top:50px  !important}
.mt60 {margin-top:60px  !important}
.mt70 {margin-top:70px  !important}

.mr5 {margin-right:5px  !important}
.mr10 {margin-right:10px  !important}
.mr15 {margin-right:15px  !important}
.mr20 {margin-right:20px  !important}
.mr25 {margin-right:25px  !important}
.mr30 {margin-right:30px  !important}
.mr35 {margin-right:35px  !important}
.mr40 {margin-right:40px  !important}
.mr45 {margin-right:45px  !important}
.mr50 {margin-right:50px  !important}
.mr70 {margin-right:70px  !important}

.ml0 {margin-left:0 !important}
.ml5 {margin-left:5px !important}
.ml8 {margin-left:8px !important}
.ml10 {margin-left:10px  !important}
.ml15 {margin-left:15px  !important}
.ml20 {margin-left:20px  !important}
.ml25 {margin-left:25px  !important}
.ml30 {margin-left:30px  !important}
.ml35 {margin-left:35px  !important}
.ml40 {margin-left:40px  !important}
.ml45 {margin-left:45px  !important}
.ml50 {margin-left:50px  !important}
.ml65 {margin-left:65px  !important}
.ml170 {margin-left:170px  !important}
.ml340 {margin-left:300px  !important}

.mb0 {margin-bottom:0 !important}
.mb5 {margin-bottom:5px  !important}
.mb10 {margin-bottom:10px  !important}
.mb15 {margin-bottom:15px  !important}
.mb20 {margin-bottom:20px  !important}
.mb25 {margin-bottom:25px  !important}
.mb30 {margin-bottom:30px  !important}
.mb35 {margin-bottom:35px  !important}
.mb40 {margin-bottom:40px  !important}
.mb45 {margin-bottom:45px  !important}
.mb50 {margin-bottom:50px  !important}



/* padding */
.pt5 {padding-top:5px  !important}
.pt10 {padding-top:10px  !important}
.pt15 {padding-top:15px  !important}
.pt20 {padding-top:20px  !important}
.pt25 {padding-top:25px  !important}
.pt30 {padding-top:30px  !important}
.pt35 {padding-top:35px  !important}
.pt40 {padding-top:40px  !important}
.pt45 {padding-top:45px  !important}
.pt50 {padding-top:50px  !important}

.pr5 {padding-right:5px  !important}
.pr10 {padding-right:10px  !important}
.pr15 {padding-right:15px  !important}
.pr20 {padding-right:20px  !important}
.pr25 {padding-right:25px  !important}
.pr30 {padding-right:30px  !important}
.pr35 {padding-right:35px  !important}
.pr40 {padding-right:40px  !important}
.pr45 {padding-right:45px  !important}
.pr50 {padding-right:50px  !important}

.pl5 {padding-left:5px  !important}
.pl10 {padding-left:10px  !important}
.pl15 {padding-left:15px  !important}
.pl20 {padding-left:20px  !important}
.pl25 {padding-left:25px  !important}
.pl30 {padding-left:30px  !important}
.pl35 {padding-left:35px  !important}
.pl40 {padding-left:40px  !important}
.pl45 {padding-left:45px  !important}
.pl50 {padding-left:50px  !important}

.pb5 {padding-bottom:5px  !important}
.pb10 {padding-bottom:10px  !important}
.pb15 {padding-bottom:15px  !important}
.pb20 {padding-bottom:20px  !important}
.pb25 {padding-bottom:25px  !important}
.pb30 {padding-bottom:30px  !important}
.pb35 {padding-bottom:35px  !important}
.pb40 {padding-bottom:40px  !important}
.pb45 {padding-bottom:45px  !important}
.pb50 {padding-bottom:50px  !important}

.link_col a{text-decoration:underline;color:blue;font-weight:bold}
.link_col a:visited{color:purple}

#movieListContainer{overflow:hidden}
#movieListContainer span, #movieListContainer span a{display:block}


#zipcode1 { height:18px; line-height:18px; }
#rsvctmZip1 { height:18px; line-height:18px; }
#histResveAtdrnZip1 { height:18px; line-height:18px; }
#resveZip1 { height:18px; line-height:18px; }
#ntcrZipcode1 { height:18px; line-height:18px; }

/* */
.text_search {ime-mode:active;}
#searchWrd {ime-mode:active;}

.wi100per {width:100%;}

/* 2023-04-21 */
body.ov-hidden {overflow: hidden;}
.popup-wrap {width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 101; padding: 30px; display:none; visibility: hidden; opacity: 0; transition: all 1s; box-sizing: border-box;}
.popup-inner {position: relative; max-width: 1290px; max-height: 100%; margin: 0 auto; padding:25px; background: #fff; border-radius: 10px; box-sizing: border-box; overflow-y: auto;}
.popup-inner::-webkit-scrollbar {width: 10px;}
.popup-inner::-webkit-scrollbar-thumb {background: #c6c6c6; border-radius:10px;}
.popup-inner::-webkit-scrollbar-track {background:#fff; border-radius:10px;}
.popup-inner .tit em {display: block; margin-bottom: 10px; padding-bottom: 20px; border-bottom:1px solid #dcdcdc ; font-size: 22px; font-weight: bold; line-height: 1.3;}
.popup-inner .tit p {font-size: 18px; font-weight: 500; line-height: 1.3;}
.popup-inner > div {margin: 15px 0;}
.popup-inner .gray-bg {padding: 15px; background: #f5f5f5; font-size: 16px;}
.popup-inner .gray-bg em {display: block; margin-bottom: 15px; font-size: 18px; font-weight: bold; line-height: 1.5;}
.popup-inner .gray-bg span {display: inline-block; margin-right: 5px;}
.popup-inner .gray-bg p {line-height: 1.5;}
.popup-inner .explain {margin-top: 15px;}
.popup-inner .explain > p {padding-left: 10px; font-size: 15px; line-height: 1.5;}
.popup-inner .explain > p.underline {text-decoration: underline;}
.popup-inner .app-down {display: flex; justify-content: center; flex-wrap: wrap; margin-top: 15px;}
.popup-inner .app-down a {display:inline-block; min-width: 165px; max-width: 165px; padding: 10px; text-align: center; border: 1px solid #dcdcdc;}
.popup-inner .app-down a + a {margin-left: 10px;}
.popup-inner .img-list {display: flex; justify-content: center; margin: 20px 0;}
.popup-inner .img-list li {margin-bottom: 10px; border: 1px solid #dcdcdc; overflow: hidden;}
.popup-inner .img-list li + li {margin-left:20px;}
.popup-inner .close {position: absolute; top: 15px; right: 10px;}
.popup-wrap.show-modal {visibility: visible; opacity: 1; display:block;}
@media screen and (max-width:650px) {
    .popup-inner .img-list li {width: calc(100% / 3);}
    .popup-inner .img-list li + li {margin-left:0px;}
    .popup-inner .img-list li > img {width: 100%;}
}
@media screen and (max-width:500px) {
    .popup-wrap {padding: 15px;}
    .popup-inner {padding: 15px;}
    .popup-inner .app-down {display: block;}
    .popup-inner .app-down a {display: block; width: 100%; max-width:100%; min-width: 100%; box-sizing: border-box;}
    .popup-inner .app-down a + a {margin-top: 10px; margin-left: 0;}
}

/* 2023-04-21 END*/