@import url("layout.css");
@import url("/common/css/con_com.css");
@import url("/common/css/board.css");

/*-------------------------------------------------
Author : SY,CHo
Create date : 2020. 08. 19.
Edit : sehyun oh, 2020. 08. 31.
-------------------------------------------------*/

#wrap {position: relative;}
#wrap:before {position: absolute; top: 4.25rem; left: 0; width: 100%; height: 6.25rem; background: #f0f1f5; content: "";}
#wrap > .container {position: relative;}

#quickWrap { top:7.8rem; }

#snb {float: left; margin-bottom: 2rem; width: 12.5rem; /*font-family: 'SCDream';*/ font-weight: 500;}
#snb h2 {display: table; table-layout: fixed; width: 100%; height: 5.25rem; text-align: center; background: #043763;}
#snb h2 a {display: table-cell; font-size: 1.4rem; font-weight:600; color: #fff; vertical-align: middle;}
#snb h2 a:hover { text-decoration:none; }
#snb .depth2 a {position: relative; display: block; line-height: 1.3;}
#snb .depth2 > li + li { margin-top:-1px; }
#snb .depth2 > li > a {padding: 0.5rem 1rem; font-size: 0.75rem; font-weight:600; color: #222; background: #fff; border: 1px solid #bababa;}
#snb .depth2 > li.child > a:after {position: absolute; top: 0.5rem; right: 1rem; content: url("/images/common/00003/sub/ico_plus.png");}
#snb .depth2 > li.child.active > a:after {color: #fff; content: url("/images/common/00003/sub/ico_minus.png");}
#snb .depth2 > li.active > a {color: #fff; background: #49769d; border: none;}
#snb .depth2 > li.active > a:hover { text-decoration:none; }
#snb .depth2 > li.active:not(.child) + li > a {border-top: none;}
#snb .depth3 {padding: 0 0.7rem; background: #f0f1f5; overflow: hidden; height: 0; opacity: 0; visibility: hidden; transition: all .35s ease; -webkit-transition: all .35s ease;}
#snb .depth2 > li.active > .depth3 {padding: 0.5rem 0.7rem; height: auto; opacity: 1; visibility: visible;}
#snb .depth3 > li > a {padding: 0.35rem 0.8rem; font-size: 0.75rem; color: #222;}
#snb .depth3 > li > a:after {position: absolute; top: 0.75rem; left: 0.3rem; width: 3px; height: 3px; background: #606060; content: "";}
#snb .depth3 > li.active > a {color: #364c86;}
#snb .depth3 > li.active > a:after {background: #364c86;}
#snb .depth4 {padding: 0 0.75rem; background: #fff; overflow: hidden; height: 0; opacity: 0; visibility: hidden; transition: all .35s ease; -webkit-transition: all .35s ease;}
#snb .depth3 > li.active > .depth4 {padding: 0.5rem 0.75rem; height: auto; opacity: 1; visibility: visible;}
#snb .depth4 > li > a {padding: 0.25rem 0.5rem; font-size: 0.7rem; color: #222;}
#snb .depth4 > li > a:after {position: absolute; top: 0.7rem; left: 0; width: 4px; height: 1px; background: #828282; content: "";}

/* 새창, 다운로드 아이콘 */
#snb li.window > a:after {position: absolute; top: 0.35rem; right: 0; content: url("/images/common/00003/layout/ico_window.png");}
#snb li.down > a:after {position: absolute; top: 0.35rem; right: 0; content: url("/images/common/00003/layout/ico_down.png");}
#snb .depth2 > li.window > a:after,
#snb .depth2 > li.down > a:after {top: 0.5rem; right: 0.5rem;}
#snb .depth3 > li.window > a:after,
#snb .depth3 > li.down > a:after {right: -0.15rem;}
#snb .depth4 > li.window > a,
#snb .depth4 > li.down > a {padding: 0.25rem 1rem 0.25rem 0.55rem;}
#snb .depth4 > li.window > a:after,
#snb .depth4 > li.down > a:after {right: 0.5rem;}
#snb .depth5 > li.window > a:after,
#snb .depth5 > li.down > a:after {right: 0.5rem;}

/* ============ 201220 추가  ============ */
.snb_imgbox{margin-top:1rem; padding:0.8rem 0.5rem 0.4rem; border:1px solid #97b6d2; border-top:2px solid #49769d; background:#f8fbfe;} /*201124 choeun*/
.snb_imgbox .tit{font-size:1rem; font-weight:600;}
.snb_imgbox .tit span{vertical-align:middle;}
.snb_imgbox .tit img{margin-left:0.2rem; width:59px; height:30px;}
.snb_imgbox .txt{padding:0.5rem 0; line-height:1.4; font-size:0.7rem; letter-spacing:-0.05rem;}
.snb_imgbox .time{padding:0.5rem 0 0.5rem 0.9rem; border-top:1px dashed #ccc; color:#e43c45; font-size:0.7rem; letter-spacing:-0.05rem; background:url("/images/web/nts/layout/snb_time.png") no-repeat left 55%;}
.snb_imgbox .time span{color:#555;}

#container {position: relative; float: left; margin-left: 2.5rem; width: calc(100% - 15rem); z-index: 1;}

.titleH2 {padding-top: 1.5rem; height: 3.5rem;/* font-family: 'SCDream'; */font-size: 1.3rem;font-weight: 600;}

.locationWrap {position: relative; /* padding-top: 0.75rem; */ height: 1.75rem; border-bottom: 1px solid #b1b8c2;}
.locationWrap:after {clear: both; display: block; width: 100%; content: "";}
.location > li {float: left; display: inline-block; color: #555;}
.location > li > a {position: relative; display: inline-block; padding-left: 0.75rem;}
.location > li:last-of-type {color: #043763; font-weight: 600;}
.location > li + li {margin-left: 0.5rem;}
.location > li a:after {position: absolute; top: 0; left: 0; content: url("/images/common/00003/sub/ico_arrow1.png");}
.location > li a.home {padding-left: 0.9rem;}
.location > li a.home:after {content: url("/images/common/00003/sub/ico_home.png");}

.shareWrap {position: absolute; bottom: 0.7rem; right: 0; z-index: 1;}
.shareWrap li {float: left; margin-left: 0.3rem;}
.shareWrap a {position: relative; display: inline-block; width: 1.85rem; height: 1.85rem; border-radius: 50%;}
.shareWrap a:before {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: no-repeat center center; content: "";}
.shareWrap > li > a {background: #8a9eb0;}
.shareWrap > li > a:hover,
.shareWrap > li > a.active {background: #454545;}
.shareWrap .share:before {background-image: url("/images/common/00003/layout/share_ico.png");}
.shareWrap .share.active:before {background-image: url("/images/common/00003/layout/share_close_ico.png");}
.shareWrap .print:before {background-image: url("/images/common/00003/layout/print_ico.png");}

.shareWrap .facebook {background: #3b59dd;}
.shareWrap .twitter {background: #00b4ff;}
.shareWrap .kakaostory {background: #f1c51f;}
.shareWrap .facebook:before {background-image: url("/images/common/00003/layout/ico_facebook.png");}
.shareWrap .twitter:before {background-image: url("/images/common/00003/layout/ico_twitter.png");}
.shareWrap .kakaostory:before {background-image: url("/images/common/00003/layout/ico_story.png");}

#shareList {display:none; position: absolute; top: 0; right: 4.3rem; width: 0; height: 1.85rem; overflow: hidden; transition: all .35s ease; -webkit-transition: all .35s ease;}
#shareList.active {width: 6.45rem;}

#contents {min-height:32rem; padding:1.5rem 0 2rem; line-height: 1.6;}
#contents:after {clear: both; display: block; width: 100%; content: "";}

/* 가이드 수정 */
.Guide_con {padding: 0;}

/* 타이틀(블릿 타입) */
#contents > .tit1:first-child,
#contents > .titT1:first-child,
#contents > .tit2:first-child,
#contents > .titT2:first-child,
#contents > .tit3:first-child,
#contents > .titT3:first-child {margin-top: 0;}

/* 여백조절 */
[class^="list_st"] > li > [class^="box_st"],
[class^="list_st"] > li > [class^="tbl_st"],
[class^="list_ol"] > li > [class^="box_st"],
[class^="list_ol"] > li > [class^="tbl_st"],
[class^="box_st"] + p:not([class^="tit"]),
[class^="tbl_st"] + p:not([class^="tit"]),
p:not([class^="tit"]) + [class^="box_st"],
/*p + [class^="tbl_st"],*/
.bu_wnrn2_star + [class^="tbl_st"],
.bu_wnrn2_star + [class^="box_st"] {margin-top: 0.35rem;}

input[type="hidden"] + [class^="tit"],
[class^="tab_st"] + [class^="tit"],
script + [class^="tit"] { margin-top:0; }

div[class^="tab_st"] { overflow:visible; margin-bottom:0; }
ul[class^="tab_st"] { margin-bottom:1rem; }

/* ################# 서브컨텐츠 : eunji Nam ################## */

/*공통_실명인증*/
.name_info .box_st5{word-break: keep-all;}
.name_info .pageForm{position:relative; width:50%;  margin:1.5rem auto; padding:1rem 1.5rem; border:1px solid #c9c9c9; box-shadow:4px 3px 3px 0 rgba(0, 0, 0, 0.1);}
.name_info .pageForm .box input{margin:0; margin-bottom: 0.3rem;}
.name_info .pageForm .box label{margin-right:0.5rem;}
.name_info .pageForm ul li{position:relative; margin:0.6rem 0;}
.name_info .pageForm ul li label{display:inline-block; width:21%; font-weight: 600;}
.name_info .pageForm ul li input{width:35%; height:30px; border:1px solid #adadad; border-radius:0; font-size:0.75rem;}
.name_info .pageForm button {position:relative; width:100%; height:45px; margin-top:0.5rem; line-height:45px; color:#fff; font-size:0.8rem; font-weight:400; text-align:center; border:1px solid #00377b; background:#044ca4; overflow:hidden;}
.name_info .pageForm button span {position:relative; display:block;  z-index:2;}
.name_info .pageForm button:before{content:''; position:absolute; bottom:-30px; right:-30px; width:30px; height:30px; border-radius:50%; background:rgba(0,0,0,0.5); z-index:1;} /* 첫번째 색상 */
.name_info .pageForm button:after {content:''; position:absolute; bottom:-30px; left:-30px; width:30px; height:30px; border-radius:50%; background:#044ca4;  z-index:1;} /* 두번째 색상 */
.name_info .pageForm button:hover:before {transform:scale(30); transition:all 0.4s;}
.name_info .pageForm button:hover:after{transform:scale(30); transition:all 0.4s; transition-delay:0.3s;}
.name_info .box_st1 .bu_wnrn2{margin-top: 0;}

/* ################# 서브컨텐츠 : sehyun oh ################## */

/* 2.1.고객의소리(VOC) */
.csv_wrap{margin: 0.8rem 0 0 0;}
.csv_wrap br{display: none;}
.csv_btn[class*="btn"]{margin: 0 0 0 0.5rem;}
.csv_btn_wrap{margin: 1rem 0 2rem; text-align: center;}

.contToggle_panel { display:none; }
.contToggle_panel.on { display:block; }

.iframe_box { margin-top:1rem; }
.iframe_box iframe { width:100%; min-height:40rem; border:0; vertical-align:top; }

/* 0401_연혁 201012 수정 */
.history_wrap { position:relative; min-height:17rem; padding:2.4rem 1.5rem 1.8rem 18.5rem; border:1px solid #e1e1e1; }
.history_wrap .hist_imgbox { display:block; position:absolute; top:0; bottom:0; left:1.5rem; width:295px; height:273px; margin:auto 0; background: url("/images/common/00003/sub/history_bg2.png") no-repeat 50% 50%; }
.history_wrap .hist_imgbox:before { content:""; display:block; position:absolute; top:0; bottom:0; left:-7px; width:100%; height:100%; margin:auto 0; background: url("/images/common/00003/sub/history_bg3.png") no-repeat; background-size:cover; }
.history_wrap .hist_imgbox > p { overflow:hidden; position:absolute; top:0; bottom:0; left:0; right:0; width:245px; height:245px; margin:auto; border-radius:50%; }
.history_wrap .hist_imgbox img { width:100%; height:100%; image-rendering:-webkit-optimize-contrast; }
.history_wrap > ul > li { position:relative; padding-left:4rem; font-size:0.75rem; line-height:1.74; color:#555; }
.history_wrap .hist_date { display:block; position:absolute; top:0.28rem; left:0; font-weight:600; font-size:0.8rem; letter-spacing:0; line-height:0.95; color:#333; }

/* 4.2.관할구역안내 */
.js_page { display:none; }
.js_page.active { display:block; }
.js_page > .tit1:first-child,
.js_page > .titT1:first-child,
.js_page > .tit2:first-child,
.js_page > .titT2:first-child,
.js_page > .tit3:first-child,
.js_page > .titT3:first-child {margin-top: 0;}

.area_info_wrap { padding:0.25rem 1rem; border:1px solid #e1e1e1; background:#fbfbfb; }
.area_info_wrap > ul > li { display:table; position:relative; width:100%; height:2.45rem; padding:0.75rem 0 0.75rem 10rem; font-size:0.75rem; letter-spacing:-0.06em; color:#222; table-layout:fixed; }
.area_info_wrap > ul > li + li { border-top:1px dashed #d0d0d0; }
.area_info_wrap .ai_tit { display:block; position:absolute; top:0; left:0; height:2.45rem; font-weight:600; font-size:0.8rem; line-height:2.45rem; } /*201006*/
.area_info_wrap .ai_tit[class*="ico"] { padding-left:2.12rem; background-repeat:no-repeat; background-position:left center; } /*201006*/
.area_info_wrap .ai_tit.ico01 { background-image:url("/images/common/00003/sub/ai_tit_ico01.png"); }
.area_info_wrap .ai_tit.ico02 { background-image:url("/images/common/00003/sub/ai_tit_ico02.png"); }
.area_info_wrap .ai_tit.ico03 { background-image:url("/images/common/00003/sub/ai_tit_ico03.png"); }
.area_info_wrap .ai_tit.ico04 { background-image:url("/images/common/00003/sub/ai_tit_ico04.png"); }
.area_info_wrap .ai_tit.ico05 { background-image:url("/images/common/00003/sub/ai_tit_ico05.png"); }
.area_info_wrap .ai_tit.ico06 { background-image:url("/images/common/00003/sub/ai_tit_ico06.png"); }
.area_info_wrap .ai_tit.ico07 { background-image:url("/images/common/00003/sub/ai_tit_ico07.png"); }
.area_info_wrap .ai_tit.ico08 { background-image:url("/images/common/00003/sub/ai_tit_ico08.png"); }
.area_info_wrap .ai_tit.ico09 { background-image:url("/images/common/00003/sub/ai_tit_ico09.png"); }
.area_info_wrap .ai_tit.ico10 { background-image:url("/images/common/00003/sub/ai_tit_ico10.png"); }
.area_info_wrap .ai_tit.ico11 { background-image:url("/images/common/00003/sub/ai_tit_ico11.png"); }
.area_info_wrap .ai_tit.ico12 { background-image:url("/images/common/00003/sub/ai_tit_ico12.png"); }
.area_info_wrap .ai_tit.ico13 { background-image:url("/images/common/00003/sub/ai_tit_ico13.png"); }
.area_info_wrap .ai_tit.ico14 { background-image:url("/images/common/00003/sub/ai_tit_ico14.png"); }
.area_info_wrap .ai_tit.ico15 { background-image:url("/images/common/00003/sub/ai_tit_ico15.png"); }
.area_info_wrap .ai_tit.ico16 { background-image:url("/images/common/00003/sub/ai_tit_ico16.png"); }

.btn_find_emp { display:inline-block; width:10rem; height:2rem; margin:0 0 1rem 0; padding-left:1rem; background:#053863 url("/images/common/00003/sub/btn_find_emp_ico.png") no-repeat 90% center; font-size:0.75rem; color:#fff; text-align:left; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; }
.btn_find_emp:hover,
.btn_find_emp:focus { background-color:#2171b3; background-position-x:93%; }

.inp_wrap { padding:1rem; border:1px solid #ddd; background:#f5f5f5; font-size:0; color:#222; text-align:center; }
.inp_wrap > * { display:inline-block; height:2rem; vertical-align:top; }
.inp_wrap select { width:6rem; padding-left:1rem; border:1px solid #ccc; font-size:0.8rem; }
.inp_wrap select option { color:#222; }
.inp_wrap .search_inp { width:30rem; margin:0 1%; padding:0 0.5rem; border:1px solid #ccc; background:#fff; }
.inp_wrap .search_btn { width:6rem; padding:0; background:#333; font-size:0.8rem; color:#fff; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; }
.inp_wrap .search_btn:before { content:url("/images/common/00003/sub/search_btn_ico.png"); display:inline-block; margin-right:0.3rem; line-height:1; vertical-align:middle; }
.inp_wrap .search_btn:hover,
.inp_wrap .search_btn:focus { background:#2f6ea5; }

/* 4.3.찾아오시는 길 */
.ai_mapbox { padding:1.25rem 1rem; border:1px solid #e1e1e1; background:#fbfbfb; }

.mapbtns { font-size:0; text-align:right; }
.mapbtns a { display:inline-block; width:10rem; height:2rem; margin-left:0.5rem; padding:0.35rem 0 0 2.25rem; border:1px solid transparent; background-repeat:no-repeat; font-size:0.75rem; text-align:left; color:#333; vertical-align:top; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; }
.mapbtns a span { font-weight:700; }
.mapbtns .btn_navermap { border-color:#dfdfdf; background-color:#fff; background-image:url("/images/common/00003/sub/btn_navermap_ico.png"); background-position:0.35rem 50%; }
.mapbtns .btn_navermap:hover,
.mapbtns .btn_navermap:focus { border-color:#7b93c5; text-decoration:none; }
.mapbtns .btn_kakaomap { background-color:#fae100; background-image:url("/images/common/00003/sub/btn_kakaomap_ico.png"); background-position:1rem 50%; }
.mapbtns .btn_kakaomap:hover,
.mapbtns .btn_kakaomap:focus { background-color:#ffef5e; text-decoration:none; }

/* 4.4.지방국세청장과의 대화 */
.greeting_header { position:relative; word-break:keep-all; word-wrap:break-word; }
.greeting_header .imgbox { float:right; position:relative; z-index:1; width:190px; height:245px; margin-left:1.5%; margin-bottom:1rem; }
.greeting_header .imgbox:before { content:""; display:block; position:absolute; bottom:-0.5rem; right:-0.5rem; z-index:-1; width:100%; height:100%; background:url("/images/common/00003/sub/greeting_pttrn.png") no-repeat; }
.greeting_header .imgbox img { width:100%; height:100%; }
.greeting_header .top_wrap { position:relative; z-index: 1; min-height:10.1rem; padding:2rem 2.35rem 2rem 1.5rem; background:#005da4; background:linear-gradient(to right, #005da4, rgba(191, 234, 255, 0.35) 200%); font-size:1.5rem; line-height:1.3; color:#fff; } /*201006*/
.greeting_header .top_wrap:before { content:url("/images/common/00003/sub/greeting_bg.png"); display:block; position:absolute; top:0; right:17.05rem; pointer-events:none; }
.greeting_header .top_wrap strong { font-weight:600; font-size:1.267em;} /*201006*/
.greeting_header .top_wrap strong em { font-weight:700; color:#c0ddf3; }
.greeting_header .top_wrap .small { margin-top:0.72rem; font-size:0.6em; line-height:1.4; color:rgba(255, 255, 255, 0.8); }

.greeting_body { position:relative; z-index:1; padding-bottom:1rem; font-size:0.8rem; line-height:1.65; color:#444; word-break:keep-all; word-wrap:break-word; }
.greeting_body:before { content:""; display:block; position:absolute; top:0; right:0; z-index:-1; width:7px; height:125px; background-color:#bfd6e8; } /*201006*/
.greeting_body:after { content:""; display:block; position:absolute; top:0; right:7px; z-index:-1; width:100%; height:125px; background:url("/images/common/00003/sub/greeting_bg02.png") no-repeat; background-size:100% 100%; pointer-events:none; image-rendering:-webkit-optimize-contrast; } /*201006*/
.greeting_body .top_txt { position:relative; z-index:1; padding-top:1.5rem; font-weight:600; font-size:0.9rem; line-height:1.65; color:#222; margin-bottom: 0.75rem;} /*201006*/
.greeting_body .top_txt:empty { font-size:0; }
.greeting_body .top_txt p span { display:block; font-size:1.2rem; color:#1d4469; }
.greeting_body > p { padding-top:1.2rem; }

.greeting_footer { margin-top:1rem; padding-top:1rem; border-top:1px dashed #d0d0d0; font-size:0; text-align:right; }
.greeting_btn { display:inline-block; margin-bottom:0.4rem; padding:0.5rem 3rem 0.5rem 2.7rem; background-repeat:no-repeat; background-position:1rem 0.55rem; font-weight:600; font-size:0.75rem; letter-spacing:-0.06em; color:#fff; text-align:left; vertical-align:top; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; }
.greeting_btn + .greeting_btn { margin-left:1rem; }
.greeting_btn.type1 { background-color:#455564; background-image:url("/images/common/00003/sub/greeting_btn_ico01.png"); }
.greeting_btn.type1:hover,
.greeting_btn.type1:focus { background-color:#4173a1; }
.greeting_btn.type2 { background-color:#8c8d8f; background-image:url("/images/common/00003/sub/greeting_btn_ico02.png"); }
.greeting_btn.type2:hover,
.greeting_btn.type2:focus { background-color:#646464; }

/* 5.1.1.홍보관 둘러보기 */
.area_info_picList { margin-top:1.5rem; word-break:keep-all; word-wrap:break-word; }
.area_info_picList dl { position:relative; min-height:13.2rem; border:1px solid #d2d2d2; }
.area_info_picList dl:after { content:""; display:block; clear:both; }
.area_info_picList dl + dl { margin-top:1rem; }
.area_info_picList dt { float:left; position:relative; width:8.95rem; min-height:inherit; padding:4rem 1rem 1rem 1rem; background:#fff; font-size:1.1rem; line-height:1.4; color:#222; }
.area_info_picList dt span { display:block; position:absolute; top:-1px; left:-1px; width:2.75rem; height:2.75rem; background:#005da4; background:linear-gradient(135deg, #005da4, rgba(191, 234, 255, 0.5) 200%); font-family:"SCDream"; font-weight:600; font-size:1.25rem; line-height:2.75rem; color:#fff; text-align:center; }
.area_info_picList dd { float:left; width:calc(100% - 8.95rem); min-height:inherit; padding:1rem 4% 0; border-left:1px solid #d2d2d2; background:#f5f5f5; }
.area_info_picList dd > ul { width:101.15%; margin-left:-1.15%; font-size:0; line-height:0;}
.area_info_picList dd > ul > li { display:inline-block; overflow:hidden; width:31%; margin:1.15% 1.15% 1rem 1.15%; line-height:1.6; vertical-align:top; text-align:center; }
.area_info_picList .ai_desc { margin-bottom:0.65rem; padding-left:1.4rem; background:url("/images/common/00003/sub/ai_desc_bu.png") no-repeat left 0.23rem; background-size:1rem; font-size:0.85rem; color:#222; text-align:left; }
.area_info_picList dd > ul > li > img { position:relative; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:250px; height:170px; }

/* 5.1.2.관람안내 */
.area_info_topbox { overflow:hidden; position:relative; height:12rem; margin-top:1.5rem; padding-left:18rem; word-break:keep-all; word-wrap:break-word; }
.area_info_topbox .tit_wrap { display:block; position:absolute; top:0; left:0; width:18rem; height:100%; padding:3.25rem 1rem; background:#005da4; background:linear-gradient(90deg, #005da4, rgba(191,234,255,0.35) 230%); }
.area_info_topbox .tit_wrap:before { content:url("/images/common/00003/sub/img5.1.2_02.png"); display:block; position:absolute; top:-2.55rem; right:-4.2rem; width:auto; height:auto; pointer-events:none; }
.area_info_topbox .ai_tb_tit { font-weight:400; font-size:1.8rem; color:#fff; }
.area_info_topbox .ai_tb_tit span { font-weight:600; color:#c0ddf3; }
.area_info_topbox .tit_wrap p { font-size:0.9rem; line-height:1.45; color:rgba(255, 255, 255, 0.8); }
.area_info_topbox .ai_tb_img { overflow:hidden; height:100%; }
.area_info_topbox .ai_tb_img img { position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:100%; height:100%; }

/* 5.2.1.예약 및 확인 */
.reserv_wrap { overflow:hidden; height:23.5rem; margin-top:1.5rem; border-bottom:1px solid #ccc; border-left:1px solid #ccc; }
.reserv_cal { float:left; width:20.5rem; height:100%; padding:0.8rem 1.25rem; border-top:1px solid #ccc; }

.reserv_cal_header { text-align:center; }
.reserv_cal_header .inner { display:inline-block; position:relative; }
.reserv_cal_header .date { font-weight:600; font-size:0.9rem; color:#000; }
.reserv_cal_header .btn { display:block; overflow:hidden; position:absolute; top:0; bottom:0; width:1.3rem; height:1.3rem; margin:auto 0; background-repeat:no-repeat; background-position:center; color:transparent; }
.reserv_cal_header .btn.prev { right:calc(100% + 1rem); background-image:url("/images/common/00002/sub/reserv_cal_prev.png"); }
.reserv_cal_header .btn.next { left:calc(100% + 1rem); background-image:url("/images/common/00002/sub/reserv_cal_next.png"); }

/* start : 201029 수정 */
.reserv_cal_body { margin-top:0.75rem; }
.reserv_cal_body table { border-top:1px solid #000; font-size:0.7rem; text-align:center; table-layout:fixed; border-collapse:collapse; }
.reserv_cal_body table tbody tr:first-child td { border-top:0; }
.reserv_cal_body table th { padding:0 1rem; height:2rem; border-bottom:2px solid #cbcbcb; font-weight:600; color:#000; }
.reserv_cal_body table td { position:relative; height:2.5rem; padding-top:0.13rem; border:1px solid #dfdfdf; color:#555; vertical-align:top; }
.reserv_cal_body table td:first-child { border-left:0; }
.reserv_cal_body table td:last-child { border-right:0; }
.reserv_cal_body table td:empty { background:url("/images/common/00003/sub/reserv_empty_td.png") repeat; }
.reserv_cal_body table td.sun { color:#e13244; }
.reserv_cal_body table td.sat { color:#045cbb; }
.reserv_cal_body table td.resv,
.reserv_cal_body table td.holi { background-repeat:no-repeat; background-position:50% 85%; }
.reserv_cal_body table td.resv { background-image:url("/images/common/00002/sub/reserv_resv_ico.png"); }
.reserv_cal_body table td.holi { background-image:url("/images/common/00002/sub/reserv_holi_ico.png"); }
.reserv_cal_body table td.today { background-color:#fef6e7; }
.reserv_cal_body table td.isResv:before { content:""; display:block; position:absolute; bottom:0.5rem; left:0; right:0; z-index:-1; width:0.5rem; height:0.5rem; margin:0 auto; border-radius:50%; background-color:#0aadaf; }
.reserv_cal_body table td a { display:block; }
.reserv_cal_body table td a:before { content:""; display:block; position:absolute; top:0; bottom:0; left:0; right:0; }

.reserv_cal_footer { overflow:hidden; font-size:0; line-height:0; margin-top:0.5rem; }
.reserv_cal_footer p { display:inline-block; margin-top:0.25rem; padding-left:1.25rem; background-repeat:no-repeat; background-position:0 50%; font-size:0.7rem; line-height:1.6; color:#444; vertical-align:top; }
.reserv_cal_footer p ~ p { margin-left:0.9rem; }
.reserv_cal_footer p.resv { position:relative; padding-left:0.9rem; }
.reserv_cal_footer p.resv:before { content:""; display:block; position:absolute; bottom:0; top:0; left:0; width:0.5rem; height:0.5rem; margin:auto 0; border-radius:50%; background-color:#0aadaf; }
.reserv_cal_footer p.holi { background-image:url("/images/common/00002/sub/reserv_holi_ico.png"); }
.reserv_cal_footer .btn_resv { display:block; float:right; width:6rem; height:2rem; padding:0 0 0.1rem 0; background:#0aadaf; font-family:"NotoSans"; font-size:0.75rem; font-weight:600; line-height:2rem; color:#fff; text-align:center; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; }
.reserv_cal_footer .btn_resv:hover,
.reserv_cal_footer .btn_resv:focus { background:#1fc4c7; }
/* end : 201029 수정 */

.reserv_search { float:right; position:relative; width:calc(100% - 20.5rem); height:100%; padding:1.25rem; border:1px solid #ccc; border-bottom:0; }
.reserv_search:before { content:""; display:block; position:absolute; top:100%; left:-1px; width:1px; height:100%; background-color:#ccc; }
.reserv_search_header { position:relative; padding-left:3.2rem; font-size:0; line-height:0; text-align:right; }
.reserv_search_header > * { height:2rem; padding:0 0 0.1rem 0; vertical-align:middle; line-height:1.1; }
.reserv_search_header > * ~ * { margin-left:1.5%; }
.reserv_search_header label { display:block; position:absolute; top:0; left:0; font-size:0.9rem; color:#000; line-height:2rem; }
.reserv_search_header .inp_search { width:41%; padding:0 0.5rem; border:1px solid #ccc; background:#fff; }
.reserv_search_header .btn_search { width:19%; padding-left:9%; background:#333 url("/images/common/00002/sub/reserv_search_ico.png") no-repeat 24% center; font-size:0.8rem; color:#fff; text-align:left; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; }
.reserv_search_header .btn_search:hover,
.reserv_search_header .btn_search:focus { background-color:rgb(90, 90, 90); }
.reserv_search_header .btn_all { display:inline-table; width:31%; background:#043763; font-weight:400; font-size:0.8rem; color:#fff; text-align:center; table-layout:fixed; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; }
.reserv_search_header .btn_all:hover,
.reserv_search_header .btn_all:focus { background:#0b5da5; text-decoration:none; }
.reserv_search_header .btn_all span { display:table-cell; vertical-align:middle; }

.reserv_search_body { margin-top:1.05rem; }
.reserv_search_body table { font-size:0.75rem; }
.reserv_search_body table td.ing { color:#777; }
.reserv_search_body table td.comp { color:#0aadaf; }
.reserv_search_body .bbs_pagerB .bbs_arr,
.reserv_search_body .bbs_pagerB .bbs_pge_num,
.reserv_search_body .bbs_pagerB div { border:0; }
.reserv_search_body .bbs_pagerB strong.bbs_pge_num:before { border-color:#043763; }
.reserv_search_body .bbs_pagerB strong.bbs_pge_num,
.reserv_search_body .bbs_pagerB strong.bbs_pge_num:hover,
.reserv_search_body .bbs_pagerB strong.bbs_pge_num:focus { background:#043763; }
.reserv_search_body .reserv_tit { display:inline-block; margin-right:0.4rem; }
.reserv_search_body .reserv_tit + p { display:inline-block; }
.reserv_search_body table input[type="text"],
.reserv_search_body table input[type="search"],
.reserv_search_body table input[type="password"],
.reserv_search_body table select { height:1.3rem; font-size:0.75rem; line-height:0.8rem; border:1px solid rgb(118, 118, 118);} /*201007*/
.reserv_search_body table select.reservBox { padding-right:1.5rem; }
.reserv_search_body table input[type="text"]::placeholder { letter-spacing:-0.08em; }
.reserv_search_body table input[type="text"] ~ p { display:inline-block; margin-left:1%; font-size:0.75rem; vertical-align:middle; }
.reserv_search_body table label { cursor:pointer; }
.reserv_search_body table td label ~ input[type="text"] { width:24%; }
.reserv_search_body table td label { margin:0 1%; vertical-align:middle; }
.reserv_search_body table textarea { width:100%; vertical-align:middle; }

.reserv_tabpanel { display:none; }
.reserv_tabpanel.on { display:block; }

.reserv_qna_list { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.reserv_qna_list + .reserv_qna_list { margin-top:0.6rem; }
.reserv_qna_list .item { position:relative; padding:0.5rem 1rem; font-size:0.75rem; line-height:1.55; color:#444; word-break:keep-all; word-wrap:break-word; }
.reserv_qna_list .question { border-bottom:1px solid #e5e5e5; background:#f7f7f7; }
.reserv_qna_list .item p { margin-left:2rem; padding-left:1rem; border-left:1px solid #ccc; }
.reserv_qna_list .item .mark { display:block; position:absolute; top:0.5rem; left:1rem; font-family:"GmarketSans"; font-weight:400; font-size:1.1rem; line-height:1; color:#333; }

/* 5.2.2.세금체험 프로그램 */
.taxProg_wrap { margin-top:1.5rem; font-size:0; line-height:0; }
.taxProg_wrap > li { display:inline-block; width:31%; line-height:1.6; vertical-align:top; }
.taxProg_wrap > li + li { margin-left:3.5%; }
.taxProg_wrap .item { overflow:hidden; position:relative; padding-top:12.2rem; border:1px solid #ccc; }
.taxProg_wrap .item:before { content:""; display:block; position:absolute; top:0; left:0; width:100%; height:12.2rem; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; }
.taxProg_wrap > li:first-child .item:before { background-image:url("/images/common/00003/sub/img5.2.2_01.png"); }
.taxProg_wrap > li:nth-child(2) .item:before { background-image:url("/images/common/00003/sub/img5.2.2_02.png"); }
.taxProg_wrap > li:nth-child(3) .item:before { background-image:url("/images/common/00003/sub/img5.2.2_03.png"); }
.taxProg_wrap .tp_subtit { display:block; position:absolute; top:-2.5rem; right:1rem; width:3.25rem; height:3.25rem; border-radius:50%; box-shadow:rgba(0,0,0,0.2) 0.15rem 0.15rem 0.15rem; font-weight:600; font-size:0.8rem; line-height:3.25rem; color:#fff; text-align:center; }
.taxProg_wrap .tp_subtit.red { background:#e13244; }
.taxProg_wrap .tp_subtit.blue { background:#187be1; }
.taxProg_wrap .tp_subtit.green { background:#009e93; }
.taxProg_wrap .tp_tit { margin-bottom:0.1rem; font-weight:600; font-size:0.9rem; line-height:1.5; color:#222; }
.taxProg_wrap .txts { position:relative; padding:1rem 0.7rem; font-size:0.75rem; line-height:1.75; color:#444; }
.taxProg_wrap .txts p { letter-spacing:-0.08em; }

/* 예약 및 확인 레이어팝업 201212 sehyun oh */
#registDiv,
#updtDiv { padding:0.5rem; background:#fff; }
#registDiv .pop_tbl .inp { margin-left:0.3rem; }
#updtDiv .inp_group label { margin-right:0.3rem; vertical-align:middle; }
#updtDiv .inp_group + .inp_group { margin-left:0.3rem; }
#updtDiv textarea { width:100%; height:3rem; }

/*가이드추가*/
.mgb10n {margin-bottom:-0.5rem !important;}

/* 여백조절 - 200904 추가 */
[class^="list_st"] > li > [class^="box_st"],
[class^="list_st"] > li > [class^="tbl_st"],
[class^="list_ol"] > li > [class^="box_st"],
[class^="list_ol"] > li > [class^="tbl_st"],
[class^="box_st"] + p:not([class^="tit"]),
[class^="tbl_st"] + p:not([class^="tit"]),
p:not([class^="tit"]) + [class^="box_st"],
/*p + [class^="tbl_st"],*/
.bu_wnrn2_star + [class^="tbl_st"],
.bu_wnrn2_star + [class^="box_st"] {margin-top: 0.35rem;}
/* [class^="list_tit"] > li > [class^="list_st"],  */

.bbs_srch + .bbs_ListA { margin-top:1rem; }

/* 여백조절 - 201027 추가 영상정보처리기기운영관리방침 */
.videoInfor [class^="list_tit"] > li > [class^="tbl_st"],
.videoInfor [class^="list_tit"] > li > [class^="list_ul"],
.videoInfor [class^="list_tit"] > li > [class^="list_ol"] {font-weight:400;}
.videoInfor [class^="list_tit"] > li > [class^="box_st"] {font-size:0.75rem;}

.videoInfor .tit2 + .indent1 .tbl_st:first-child,
.videoInfor p + [class^="tbl_st"],
.videoInfor p + [class^="btns"]  {margin-top:0.5rem;}

.videoInfor [class^="list_st"] > li > [class^="box_st"],
.videoInfor [class^="list_st"] > li > [class^="tbl_st"],
.videoInfor [class^="list_ol"] > li > [class^="box_st"],
.videoInfor [class^="list_ol"] > li > [class^="tbl_st"],
.videoInfor [class^="box_st"] + p:not([class^="tit"]),
.videoInfor [class^="tbl_st"] + p:not([class^="tit"]),
.videoInfor p:not([class^="tit"]) + [class^="box_st"],
.videoInfor /*p + [class^="tbl_st"],*/
.videoInfor .bu_wnrn2_star + [class^="tbl_st"],
.videoInfor .bu_wnrn2_star + [class^="box_st"] {margin-top: 0.35rem;}
.videoInfor [class^="list_tit"] > li > [class^="list_st"], 

.videoInfor [class^="list_tit"] > li > [class^="tbl_st"],
.videoInfor [class^="list_tit"] > li > [class^="list_ul"],
.videoInfor [class^="list_tit"] > li > [class^="list_ol"] {font-weight:400;}
.videoInfor [class^="list_tit"] > li > [class^="box_st"] {font-size:0.75rem;}

.videoInfor .tit2 + .indent1 .tbl_st:first-child,
.videoInfor p + [class^="tbl_st"],
.videoInfor p + [class^="btns"]  {margin-top:0.5rem;}

/* 세무서장과의 대화 아이콘이미지 박스 틀어짐현상 수정 201213 sehyun oh */
.box_st_ico.epeople {padding-left: 14rem;}
.box_st_ico.epeople .ico_boxImg {top:0.5rem; width: 14rem;}
.box_st_ico.epeople .ico_boxImg img {transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

/* ============ 2020.12.04. 대표 모범납세자 CSS 추가 sehyun oh ============ */

/* 산업훈장 */
.award_wrap { padding-bottom:2.5rem; background-color:#f4f4f4; }
.award_wrap > .container { overflow:hidden; }

.award_wrap .aw_titbox { padding-top:3.75rem; padding-bottom:2.25rem; line-height:1.3; text-align:center; word-break:keep-all; word-wrap:break-word; }
.award_wrap .aw_titbox strong { display:inline-block; position:relative; padding-left:4.25rem; font-weight:600; font-size:1.3rem; letter-spacing:-0.05em; line-height:1.3; color:#022222; }
.award_wrap .aw_titbox strong:before { content:""; display:block; position:absolute; top:0; bottom:0; left:0; width:69px; height:69px; margin:auto 0; background:url("/images/web/nts/sub/award_mark.png") no-repeat; }
.award_wrap .aw_titbox .aw_skyblue { color:#1e97d4; }
.award_wrap .aw_titbox .aw_gold { color:#b6701a; }
.award_wrap .aw_titbox p { margin-top:0.5rem; font-weight:600; font-size:0.75rem; color:#444; }

.award_wrap div[class^="tab_st"] { margin-bottom:1.5rem; }
/* .award_wrap .tab_st1_box a:hover, */
.award_wrap .tab_st1_box li.on a,
/* .award_wrap .tab_st1_box.double .tab_st1 > li > a:hover, */
.award_wrap .tab_st1_box.double .tab_st1 > li.on > a { background-color:#043763; }
.award_wrap .tab_st1 > li:nth-of-type(4n+1):not(:first-child) > a { margin-left:-1px; }

.award_wrap .tab_st3_box a { background:#fff; }
.award_wrap .tab_st3 > li { width:14.2%; }

.award_wrap .tab_list { background:#fff; }
.award_wrap .tab_list > li { width:10%; }

.award_wrap .tab_st3.custom > li { width:calc(100% / 17); }
.award_wrap .tab_st3.custom li.on a { background:#fff url("/images/web/nts/sub/award_tab_arr.png") no-repeat 85% center; }

.award_wrap .aw_list { font-size:0; line-height:0; }
.award_wrap .aw_list > li { display:inline-block; width:30%; margin-bottom:1rem; font-size:0.75rem; line-height:1; vertical-align:top; }
.award_wrap .aw_list > li + li { margin-left:5%; }
.award_wrap .aw_list > li:nth-child(3n+1) { margin-left:0; }
.award_wrap .aw_list .aw_item { position:relative; height:215px; padding:1.1rem 1rem 1.1rem 170px; background-color:#fff; }
.award_wrap .aw_list .aw_imgbox { display:block; position:absolute; top:1.1rem; left:1rem; width:133px; height:170px; }
.award_wrap .aw_list .aw_imgbox img { width:100%; height:100%; }
.award_wrap .aw_name { display:inline-block; margin-top:0.25rem; font-weight:600; font-size:1.1rem; color:#004a8f; vertical-align:middle; }
.award_wrap .aw_list .aw_comp { margin-top:0.5rem; font-weight:600; font-size:0.7rem; line-height:1.2; color:#222; }
.award_wrap .aw_info { margin-top:1.5rem; font-weight:600; font-size:0.85rem; letter-spacing:-0.1em; line-height:1.2; color:#da3c47; }
.award_wrap .aw_info .aw_skyblue { color:#1c93d1; }
.award_wrap .aw_list .aw_btn { display:block; position:absolute; bottom:1.1rem; right:1rem; text-align:right; }

.award_wrap .aw_layerPop { display:none; position:fixed; top:0; left:0; width:100%; height:100vh; z-index:99; background:rgba(0,0,0,0.7); }
.award_wrap .aw_layerPop.active { display:block; }
.award_wrap .aw_layerPop > .inner { overflow-y:auto; position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:34.3rem; min-height:30.1rem; margin:0 auto; background-color:#fff; }
.award_wrap .aw_layerPop h2 { height:2.25rem; padding-left:1rem; background-color:#49769d; font-weight:600; font-size:0.9rem; line-height:2.25rem; color:#fff; }
.award_wrap .aw_layerPop .aw_titbox { padding:1.5rem 0 1.25rem 0; border-bottom:1px solid #b4b4b4; }
.award_wrap .aw_layerPop .aw_titbox strong { padding-left:3.5rem; font-size:1rem; }
.award_wrap .aw_layerPop .aw_titbox strong:before { width:54px; height:54px; margin:0; background-size:100% 100%; image-rendering:-webkit-optimize-contrast; }
.award_wrap .aw_layerPop .aw_titbox p { margin-top:0.25rem; }
.award_wrap .aw_layerTop { position:relative; padding:1.1rem 1rem 0 177px; }
.award_wrap .aw_layerTop .aw_imgbox { display:block; position:absolute; top:1.1rem; left:1rem; width:133px; height:170px; }
.award_wrap .aw_layerTop .aw_imgbox img { width:100%; height:100%; }
.award_wrap .aw_layerTop .aw_info { margin-top:0; margin-bottom:0.75rem; }
.award_wrap .aw_layerTop .aw_name { margin-top:0; }
.award_wrap .aw_layerTop .aw_comp { display:inline-block; margin-left:0.4rem; padding-left:0.4rem; border-left:1px solid #d1d1d1; font-weight:600; font-size:0.7rem; color:#222; vertical-align:middle; }
.award_wrap .aw_layerTop .aw_about { display:block; margin:1.15rem 0 0.65rem; font-size:0.85rem; font-weight:600; letter-spacing:-0.1em; color:#222; }
.award_wrap .aw_layerTop .aw_desc { font-size:0.7rem; font-weight:600; line-height:1.45; color:#444; }
.award_wrap .aw_layerTop .aw_btn { display:block; position:absolute; top:12.75rem; right:1rem; }
.award_wrap .aw_layerBottom { display:block; position:absolute; bottom:0; left:0; width:100%; height:auto; padding:1rem 1rem 1.5rem 1rem; background-color:#f0f1f5; letter-spacing:-0.08em; }
.award_wrap .aw_layerBottom h3 { margin-bottom:0.5rem; font-weight:600; font-size:0.85rem; color:#222; }
.award_wrap .aw_layerBottom p { font-weight:600; font-size:0.75rem; line-height:1.45; color:#555; }
.award_wrap .aw_LayerClose { display:block; position:absolute; top:0; right:0; width:2.25rem; height:2.25rem; background:#295f8e url("/images/web/nts/sub/award_close.png") no-repeat 50% 50%; }

/* 아름다운 납세자 */
.award_wrap .aw_titbox2 { margin:2.25rem 0 3.25rem; text-align:center; }
.award_wrap .aw_titbox2 strong { display:block; font-weight:600; font-size:1.4rem; color:#012d5a; }
.award_wrap .aw_titbox2 .aw_gold { display:block; margin-bottom:0.5rem; font-size:0.8rem; font-weight:600; line-height:1.3; color:#b6701a; }
.award_wrap .aw_titbox2 .aw_skyblue { color:#0087bf; }
.award_wrap .aw_titbox2 p { margin-top:0.5rem; font-weight:600; line-height:1.3; }

.award_wrap .aw_sumr { margin:0.6rem 0; font-weight:600; font-size:0.8rem; color:#da3c47; }
.award_wrap .aw_sumrList > li { position:relative; padding-left:0.3rem; font-weight:600; font-size:0.7rem; line-height:1.3; color:#444; }
.award_wrap .aw_sumrList > li:before { content:""; display:block; position:absolute; top:0.45rem; left:0; width:2px; height:2px; background-color:#646a7d; }

.award_wrap.type2 .aw_list .aw_item { height:auto; min-height:215px; }

.select_year_box { margin-bottom:1rem; text-align:right; }
.select_year_box select { min-width:5rem; padding:0.2rem 0.5rem 0.2rem 0.5rem; border:1px solid #ccc; }

/* 공시송달 201215 sehyun oh */
.selectSvbtcList { text-align:center; }
.selectSvbtcList #searchValue { width:20rem; }

@media screen and (max-width: 1800px){
	#quickWrap {top: 13rem; z-index: 2;}
}

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

	/* 4.2.관할구역안내 */
	.inp_wrap select { width:13%; }
	.inp_wrap .search_inp { width:54%; }
	.inp_wrap .search_btn { width:13%; }

	/* 4.4.지방국세청장과의 대화 */
	.greeting_header .imgbox { width:180px; height:232px; }
}

@media screen and (max-width: 1400px){
	.shareWrap {right: 0;}

	#contents { min-height:auto; }

	/*공통_실명인증*/
	.name_info .pageForm{width:70%;}

	/* 5.2.1.예약 및 확인 */
	.reserv_cal { width:31%; }
	.reserv_search { width:69%; }
	.reserv_search_header .inp_search { width:39%; }
}

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

	/* 5.2.2.세금체험 프로그램 */
	.taxProg_wrap .txts { min-height:6.5rem; }
}

@media screen and (max-width: 1280px) {
	
	/* 하위 탭 없을 경우 틀어짐 방지 */
	div[class^="tab_st"] { overflow:hidden; margin-bottom:1rem; }
	.reactTab.noTab { margin-bottom:0; padding-top:0; }
	
	/* ============ 2020.12.04. 대표 모범납세자 CSS 추가 sehyun oh ============ */
	/* 산업훈장 */
	.award_wrap .aw_titbox { padding-top:1.7rem; padding-bottom:0.7rem; }

	.award_wrap div[class^="tab_st"] { margin-bottom:0.7rem; }
	.award_wrap .tab_st3.custom li.on a { background-position-x:97%; }
}

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


	/* 4.4.지방국세청장과의 대화 */
	.greeting_header .imgbox { width:160px; height:206px; }
	.greeting_header .top_wrap { font-size:1.4rem; }

	.greeting_body:before,
	.greeting_body:after { display:none; } /*201006*/

	.greeting_body .top_txt { padding-right:10.777777rem; margin-bottom: 0; } /*201006*/
	.greeting_body .top_txt p span { font-size:1.3rem; }

	/* 5.1.2.관람안내 */
	.area_info_topbox .ai_tb_img img { left:25%; -webkit-transform:translate(-25%, -50%); -ms-transform:translate(-25%, -50%); transform:translate(-25%, -50%); width:auto; }

	/* 5.2.1.예약 및 확인 */
	.reserv_wrap { height:auto; }
	.reserv_cal { float:none; width:auto; border-right:1px solid #ccc; }
	.reserv_search { float:none; width:auto; padding-bottom:0.5rem; border-top:1px solid #ccc; border-left:0; }
	.reserv_search:before { display:none; }
	
	/* ============ 2020.12.04. 대표 모범납세자 CSS 추가 sehyun oh ============ */
	/* 산업훈장 */
	.award_wrap .tab_list > li { width:12.5%; }

	.award_wrap .aw_list > li { width:31%; }
	.award_wrap .aw_list > li + li { margin-left:3.5%; }
	.award_wrap .aw_list .aw_item { height:185px; padding-left:150px; }
	.award_wrap .aw_list .aw_imgbox { width:113px; height:144px; }

	/* 아름다운 납세자 */
	.award_wrap.type2 .aw_list .aw_item { min-height:215px; }
}

@media screen and (min-width: 1025px) {
	#snb .depth2 { display:block !important; } /* 201222, 좌측메뉴 리사이즈 시 제대로 toggle되지 않는 문제 수정 sehyun oh */
}

@media screen and (max-width: 1024px){
	#wrap:before {display: none;}
	#wrap > .container {padding: 1rem;}

	#snb {margin-bottom: 0; width: 100%;}
	#snb h2 {padding-top: 0; height: auto;}
	#snb h2 a {position: relative; padding: 0.75rem; width: 100%; font-size: 1rem;}
	#snb h2 a:after {position: absolute; top: 0.5rem; right: 1rem; width: 1.2rem; height: 1.2rem; background: url("/images/common/00003/sub/btn_down.png") no-repeat center center; background-size: 100%; image-rendering:-webkit-optimize-contrast; content: "";}
	#snb h2 a.active:after {background-image: url("/images/common/00003/sub/btn_up.png");}
	#snb h2 a em {display: inline-block; margin-top: 0; margin-left: 0.5rem;}
	#snb .depth2 {display: none;}
	#snb .depth2 > li > a {padding: 0.75rem;}
	#snb .depth2 > li.child > a:after {top: 0.85rem;}
	
	/* ============ 201220 추가 ============ */
	.snb_imgbox{display:none;}

	#container {margin-top: 0; margin-left: 0; width: 100%;}

	.titleH2 {padding: 1.5rem 0; font-size: 1.2rem;}

	.locationWrap {padding: 0 3rem 0 0; height: auto;}
	.location li {margin-bottom: 0.5rem;}
	.shareWrap > li {margin-left: 0;}
	.shareWrap > li + li {display: none;}
	#shareList {right: 2.15rem;}

	#contents {padding: 1rem 0;}

	/* 4.1.연혁 */
	.history_wrap { /*min-height:15rem;*/ padding-top:2.1rem; }

	/* 5.1.1.홍보관 둘러보기 */
	.area_info_picList dt { width:7.55rem; }
	.area_info_picList dd { width:calc(100% - 7.55rem); }
	.area_info_picList dd > ul { margin-left:-0.575%; }
	
	/* ============ 2020.12.04. 대표 모범납세자 CSS 추가 sehyun oh ============ */
	/* 산업훈장 */
	.award_wrap .aw_list .aw_item { height:auto; min-height:318px; padding-left:1rem; }
	.award_wrap .aw_list .aw_imgbox { position:relative; top:auto; left:auto; width:133px; height:170px; margin:0 auto 0.8333rem; }
	.award_wrap .aw_list .aw_btn { position:relative; bottom:auto; right:auto; margin-top:0.5556rem; text-align:center; }
}

@media (max-width: 960px) {
	/* 예약 및 확인 레이어팝업 201209 sehyun oh */
	#registDiv,
	#updtDiv { width:80% !important; }
	#registDiv .pop_tbl .inp { display:block; width:100%; margin-left:0; margin-top:0.3rem; }
	
	/* ============ 2020.12.04. 대표 모범납세자 CSS 추가 sehyun oh ============ */
	/* 산업훈장 */
	.award_wrap .tab_list > li { width:16.66%; }
}

@media (max-width: 860px) {
	/* ============ 2020.12.04. 대표 모범납세자 CSS 추가 sehyun oh ============ */
	/* 아름다운 납세자 */
	.award_wrap.type2 .aw_list .aw_item { min-height:378px; }
}

@media screen and (max-width: 800px){
	
	/* 5.2.1.예약 및 확인 */
	.reserv_search_body .bbs_pagerB strong.bbs_pge_num,
	.reserv_search_body .bbs_pagerB strong.bbs_pge_num:hover,
	.reserv_search_body .bbs_pagerB strong.bbs_pge_num:focus { background:none; }
	
	/* 201126 sehyun oh 추가 */
	.rsp_inpW100 { width:100% !important; }
	
	/* 공시송달 201215 sehyun oh */
	.selectSvbtcList label[for="regNm"],
	.selectSvbtcList label[for="cmpnyNm"],
	.selectSvbtcList label[for="ihidnum"],
	.selectSvbtcList label[for="bizrno"],
	.selectSvbtcList #ihidnum_tk_btn,
	.selectSvbtcList #bizrno_tk_btn { display:block; margin:0.5rem 0; text-align:left; }
	
	#viewerIframe {display:none}	
}

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

	/*공통_실명인증*/
	.name_info .pageForm{width:100%;}

	/* 2.1.고객의소리(VOC) */
	.csv_wrap br{display: block;}
	.csv_btn[class*="btn"]{margin: 0.3rem 0 0;}

	/* 4.1.연혁 */
	.history_wrap { padding-top:1.3rem; padding-bottom:1.3rem; }

	/* 4.2.관할구역안내 */
	.inp_wrap select { width:20%; }
	.inp_wrap .search_inp { width:58%; }
	.inp_wrap .search_btn { width:20%; }

	/* 4.4.지방국세청장과의 대화 */
	.greeting_header .top_wrap { font-size:1.2rem; }
	.greeting_header .imgbox { width:130px; height:168px; }
	.greeting_header .top_wrap .small { font-size:15px; }

	.greeting_body .top_txt { padding-right:7.555555rem; font-size:16px; }
	.greeting_body .top_txt p span { font-size:1.1rem; }
	.greeting_body:before { height:95px; }
	.greeting_body:after { top:-34px; width:320px; }
	.greeting_body br { display:none; }

	/* 5.1.1.홍보관 둘러보기 */
	.area_info_picList dd > ul > li { width:47.7%; }

	/* 5.1.2.관람안내 */
	.area_info_topbox { padding-left:15rem; }
	.area_info_topbox .tit_wrap { width:15rem; }
	.area_info_topbox .ai_tb_tit { font-size:1.4rem; }
	.area_info_topbox .tit_wrap p { font-size:0.85rem;}
	
	/* 5.2.1.예약 및 확인 */
	.reserv_search_body table .inp_container { font-size:0; }
	.reserv_search_body table .inp_group { display:inline-block; font-size:0.75rem; vertical-align:middle; }
	.reserv_search_body table .inp_container.w50 .inp_group { width:48%; }
	.reserv_search_body table .inp_container.w30 .inp_group { width:30%; }
	.reserv_search_body table .inp_group ~ .inp_group { margin-left:4%; }
	.reserv_search_body table td .inp_group label:not(.sr-only) { display:block; margin-bottom:0.3rem; }
	.reserv_search_body table .inp_group select,
	.reserv_search_body table td .inp_group input[type="text"] { width:100% !important; }
	.reserv_search_body table .inp_group.w100 { display:block; }

	/* 5.2.2.세금체험 프로그램 */
	.taxProg_wrap .item { padding-top:8rem; }
	.taxProg_wrap .item:before { height:8rem; }
	.taxProg_wrap .tp_subtit { top:-2rem; width:2.8rem; height:2.8rem; font-size:0.75rem; line-height:2.8rem; }
	
	/* ============ 2020.12.04. 대표 모범납세자 CSS 추가 sehyun oh ============ */
	/* 산업훈장 */
	.award_wrap .aw_titbox { padding-top:1.6rem; text-align:left; }
	.award_wrap .aw_titbox p { padding-left:4.25rem; }

	.award_wrap .aw_layerPop > .inner { width:95%; }
	.award_wrap .aw_layerPop .aw_titbox { padding-left:1rem; }
	.award_wrap .aw_layerPop .aw_titbox p { padding-left:3.5rem; }
}

@media (max-width: 680px) {
	/* 예약 및 확인 레이어팝업 201209 sehyun oh */
	#updtDiv .inp_group { display:block; width:100%; }
	#updtDiv .inp_group + .inp_group { margin-top:0.5rem; margin-left:0; }
	#updtDiv .inp_group label { display:block; margin-bottom:0.3rem; margin-right:0; }
	#updtDiv .inp_group select,
	#updtDiv .inp_group input[type="text"],
	#updtDiv .inp_group input[type="password"] { display:block; width:100% !important; }
	
	/* ============ 2020.12.04. 대표 모범납세자 CSS 추가 sehyun oh ============ */
	/* 산업훈장 */
	.award_wrap .tab_list > li { width:25%; }
}

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

	/* 5.2.2.세금체험 프로그램 */
	.taxProg_wrap .txts { min-height:8rem; }
}

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

	/* 4.1.연혁 */
	.history_wrap { min-height:auto; padding:1rem; }
	.history_wrap .hist_imgbox { position:relative; top:auto; bottom:auto; left:auto; margin:0 auto 1rem; }

	/* 5.2.1.예약 및 확인 */
	.reserv_tbl table tbody tr,
	.reserv_tbl table tbody th,
	.reserv_tbl table tbody td { display:block; }

	/* 5.2.2.세금체험 프로그램 */
	.taxProg_wrap .txts { min-height:7.32rem; }
	
	/* ============ 2020.12.04. 대표 모범납세자 CSS 추가 sehyun oh ============ */
	/* 산업훈장 */
	.award_wrap .aw_list > li { width:48%; }
	.award_wrap .aw_list > li:nth-child(3n+1) { margin-left:4%; }
	.award_wrap .aw_list > li:nth-child(odd) { margin-left:0; }

	.award_wrap .aw_layerTop { padding-left:1rem; }
	.award_wrap .aw_layerTop .aw_imgbox { position:relative; top:auto; left:auto; margin:0 auto 1.1rem ; }
	.award_wrap .aw_layerTop .aw_btn { position:relative; top:auto; right:auto; margin:0.5rem 0; }
	.award_wrap .aw_layerBottom { position:relative; bottom:auto; left:auto; }

	/* 아름다운 납세자 */
	.award_wrap.type2 .aw_list .aw_item { min-height:366px; }
	
	/* 세무서장과의 대화 아이콘이미지 박스 틀어짐현상 수정 201213 sehyun oh */
	.box_st_ico.epeople {padding-left: 1rem;}
	.box_st_ico.epeople .ico_boxImg {width: 100%;}
	.box_st_ico.epeople .ico_boxImg img {transform: none; -webkit-transform: none;}
}

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

	/* 5.2.2.세금체험 프로그램 */
	.taxProg_wrap .txts { min-height:8.7rem; }
}

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

	/* 4.4.지방국세청장과의 대화 */
	.greeting_header .top_wrap { min-height:215px; font-size:1.1rem; }
	.greeting_header .imgbox { width:120px; height:155px; }

	.greeting_body .top_txt { padding-right:0; font-size:0.8rem; }

	.greeting_footer .greeting_btn { display:block; margin-left:auto; margin-right:auto; padding-right:1rem; }

	/* 5.1.1.홍보관 둘러보기 */
	.area_info_picList dd > ul { width:auto; margin-left:0; }
	.area_info_picList dd > ul > li { display:block; width:auto; margin:0 0 1rem 0; }
	.area_info_picList dd > ul > li > img { position:static; -webkit-transform:none; -ms-transform:none; transform:none; width:100%; height:auto; }

	/* 5.1.2.관람안내 */
	.area_info_topbox { height:auto; padding-left:0; }
	.area_info_topbox .tit_wrap { position:relative; top:auto; left:auto; width:auto; padding:0.7rem; text-align:center; }
	.area_info_topbox .ai_tb_img img { top:auto; left:auto; -webkit-transform:none; -ms-transform:none; transform:none; width:100%; height:auto; }

	/* 5.2.1.예약 및 확인 */
	.reserv_search { padding-top:0.5rem; }
	.reserv_search_header { padding-left:0; text-align:center; }
	.reserv_search_header label { position:relative; top:auto; left:auto; line-height:1.7; }
	.reserv_search_header .inp_search { width:100%; margin-left:0; margin-bottom:0.3rem; }
	.reserv_search_header .btn_search { width:49%; margin-left:0; padding:0; background-position-x:30%; text-align:center; } 
	.reserv_search_header .btn_all { width:49%; }
	
	/* 예약 및 확인 레이어팝업 201209 sehyun oh */
	#registDiv .pop_tbl td { float:left; width:100%; text-align:left; }
	
	/* ============ 2020.12.04. 대표 모범납세자 CSS 추가 sehyun oh ============ */
	/* 산업훈장 */
	.award_wrap .tab_list { overflow-y:auto; max-height:11.2rem; }
	.award_wrap .aw_titbox { padding-top:1.3rem; }
}
@media screen and (max-width: 480px){


	/*공통_실명인증*/
	.name_info .pageForm .box{font-size: 0.7rem;}
	.name_info .pageForm .box label{margin-right:0.3rem;}
	.name_info .pageForm ul li label{width:100%; margin-bottom:0.4rem;}
	.name_info .pageForm ul li input.usernm{width:99%;}
	.name_info .pageForm ul li input.userno{width:47%;}

	/* 4.2.관할구역안내 */
	.area_info_wrap .ai_tit { position:relative; top:auto; left:auto; }
	.area_info_wrap > ul > li { display:block; height:auto; padding-left:0; }
	.area_info_wrap > ul > li:first-child { padding-top:0.2rem; }

	.inp_wrap select { width:26%; }
	.inp_wrap .search_inp { width:46%; }
	.inp_wrap .search_btn { width:26%; }

	/* 4.3.찾아오시는 길 */
	.mapbtns a { display:block; margin:0 auto; }
	.mapbtns a ~ a { margin-top:0.5rem; }

	/* 4.4.지방국세청장과의 대화 */
	.greeting_header .top_wrap { padding-bottom:1.333333rem; font-size:1rem; }
	.greeting_header .imgbox { width:110px; height:142px; }

	/* 5.1.1.홍보관 둘러보기 */
	.area_info_picList dt { width:6.8rem; font-size:1rem; }
	.area_info_picList dd { width:calc(100% - 6.8rem); }

	/* 5.2.2.세금체험 프로그램 */
	.taxProg_wrap { margin-top:1rem; }
	.taxProg_wrap > li { display:block; width:auto; }
	.taxProg_wrap > li + li { margin-left:0; margin-top:3vw; }
	.taxProg_wrap .item { padding-top:35vw; }
	.taxProg_wrap .item:before { height:35vw; }
	.taxProg_wrap .tp_subtit { width:2.5rem; height:2.5rem; line-height:2.5rem; }
	.taxProg_wrap .tp_tit { font-size:0.85rem; }
	.taxProg_wrap .txts { padding:3.7vw; min-height:0; }
	
	/* ============ 2020.12.04. 대표 모범납세자 CSS 추가 sehyun oh ============ */
	/* 산업훈장 */
	.award_wrap .tab_list > li { width:50%; }

	/* 아름다운 납세자 */
	.award_wrap.type2 .aw_list .aw_item { min-height:390px; }
}

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


	/* 4.4.지방국세청장과의 대화 */
	.greeting_header { text-align:center; }
	.greeting_header .top_wrap { min-height:0; padding:1.111111rem; font-size:1.111111rem; }
	.greeting_header .top_wrap strong { font-size:1.111111rem; }
	.greeting_header .imgbox { float:none; width:120px; height:155px; margin:0 auto 1.3rem auto; }

	.greeting_body .top_txt { padding:0.805555rem 0 0 0; }
	.greeting_body .top_txt p span { font-size:1rem; }
}

@media screen and (max-width: 380px){
	
	/* 4.1.연혁 */
	.history_wrap .hist_imgbox { width:255px; height:233px; background-size:230px; }
	.history_wrap .hist_imgbox > p { width:204px; height:204px; }

	/* 0401_1관할구역및전화번호 */
	.area_info_wrap .ai_tit { font-size:0.833333rem; }

	.inp_wrap { padding:0.7rem; }
	.inp_wrap select { width:26%; padding-left:0.5rem; }
	.inp_wrap .search_inp { width:42%; }
	.inp_wrap .search_btn { width:30%; }

	/* 5.1.1.홍보관 둘러보기 */
	.area_info_picList dt { width:6.5rem; font-size:0.95rem; }
	.area_info_picList dd { width:calc(100% - 6.5rem); }

	/* 5.1.2.관람안내 */
	.area_info_topbox .ai_tb_tit { font-size:1.2rem; }

	/* 5.2.1.예약 및 확인 */
	.reserv_search { padding-top:0.3rem; }
	.reserv_search_header label { font-size:0.8rem; }
	.reserv_search_header .btn_search { padding-left:8%; font-size:0.7rem; background-size:0.9rem; }
	.reserv_search_header .btn_all { font-size:0.7rem; }
	
	/* ============ 2020.12.04. 대표 모범납세자 CSS 추가 sehyun oh ============ */
	/* 산업훈장 */
	.award_wrap .aw_list .aw_item { min-height:290px; padding-left:0.5rem; padding-right:0.5rem; }
	.award_wrap .aw_list .aw_imgbox { width:100px; height:128px; }
	.award_wrap .aw_list .aw_name { font-size:1.05rem; }
	.award_wrap .aw_list .aw_info { margin-top:0.8rem; font-size:0.8rem; }
	.award_wrap .aw_list .aw_btn a { width:100%; }

	.award_wrap .aw_layerTop .aw_imgbox { width:100px; height:128px; }

	/* 아름다운 납세자 */
	.award_wrap.type2 .aw_list .aw_item { min-height:356px; }
}

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

	.titleH2 { height:auto; padding:1rem 0; }

	/*공통_실명인증*/
	.name_info .pageForm ul li input.userno{width:98%;}

	/* 4.1.연혁 */
	.history_wrap .hist_imgbox { width:225px; height:203px; background-size:200px; }
	.history_wrap .hist_imgbox > p { width:174px; height:174px; }

	.inp_wrap select { width:32%; }
	.inp_wrap .search_inp { width:36%; }
	.inp_wrap .search_btn:before { -webkit-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9); margin-right:0; }

	/* 5.1.1.홍보관 둘러보기 */
	.area_info_picList dt { float:none; width:auto; min-height:0; padding-top:0.888888rem; padding-left:3.138888rem; font-size:0.9rem; }
	.area_info_picList dt span { top:0.555555rem; left:0.777777rem; width:34px; height:34px; line-height:34px; font-size:0.833333rem; }
	.area_info_picList dd { float:none; width:auto; border-left:0; border-top:1px solid #d2d2d2; }
	.area_info_picList dd > ul > li { margin-bottom:0; padding-bottom:4%; }

	/* 5.2.1.예약 및 확인 */
	.reserv_cal_footer .btn_resv { width:5rem; }
	.reserv_search_body table .inp_group { display:block; width:auto !important; }
	.reserv_search_body table .inp_group ~ .inp_group { margin-left:0; margin-top:3%; }
	
	/* ============ 2020.12.04. 대표 모범납세자 CSS 추가 sehyun oh ============ */
	/* 산업훈장 */
	.award_wrap .aw_titbox { padding-top:0.7rem; }
	.award_wrap .aw_titbox strong { padding-left:0; }
	.award_wrap .aw_titbox strong:before { position:static; margin:0 auto 0.7rem; }
	.award_wrap .aw_titbox p { padding-left:0; }

	.award_wrap .aw_layerPop .aw_titbox strong,
	.award_wrap .aw_layerPop .aw_titbox p { padding-left:0; }
	.award_wrap .aw_layerPop .aw_titbox strong:before { margin:0 auto 0.7rem; }
}

@media print {
	#header, #footer {display: none; width: 0; height: 0;}
}