@charset "utf-8";
<!-- @import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css'); -->
<!-- @import url('//fonts.googleapis.com/css?family=Roboto:300,400,700'); -->

/* 초기화 */
* {margin:0;padding:0;box-sizing: border-box}
html {overflow-y:scroll}
body {font-family: 'Roboto','NotoSansKR',sans-serif;color:#000;font-size:13px;letter-spacing:-0.7px;font-weight:300;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
h1,h2,h3,h4,h5,h6 {font-weight:400}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul, ol {list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img{vertical-align:middle;border:0}
a {text-decoration: none; color:inherit}
textarea, select, input, button {outline: none;font:inherit}
hr {display:none}
i {vertical-align: middle}
pre {overflow-x:scroll;font-size:1.1em}
select {-webkit-appearance: none;-moz-appearance: none; appearance: none;background: url(../img/common/select_arrow.png) #fff no-repeat 93% 50%}
select::-ms-expand { display: none; }
input[type="text"],input[type="submit"] {-webkit-appearance: none;-moz-appearance: none; appearance: none;}
input[type=text]::-ms-clear {display:none}
#skip_to_container, .sound_only  {display: none}
::selection {background:#00ac97; color:#ffffff;}
::-moz-selection{background:#00ac97; color:#ffffff}

.clearfix:before, .clearfix:after {content:''; display:block}
.clearfix:after {clear:both}

/*IE스크롤바*/
html {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #efefef; scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef}
/*Webkit(Safari, Chrome)용 코드*/
::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background:#efefef}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

/* 게시판 버튼 */
/*버튼 감싸는 부분*/
.btn_single {width:100%;margin-top:20px}

/*기능별 색상 구분*/
.btn_black {border:1px solid #aaa;background:#fff}
.btn_black:hover {border:1px solid #333;transition: all 0.3s ease}
.btn_red {border:1px solid #fe9696;color:#fd4242;background:#fff}
.btn_red:hover {border:1px solid #fd4242;transition: all 0.3s ease}
.btn_blue {border:1px solid #448aca;color:#448aca;background:#fff}
.btn_blue:hover {border:1px solid #0155ab;color:#0155ab;transition: all 0.3s ease}
.btn_orange {border:1px solid #f8b551; color:#f8b551;background:#fff}
.btn_orange:hover {border:1px solid #ec6941; color:#ec6941; transition: all 0.3s ease}
.btn_download {background:#73c6be;color:#fff}
.btn_download:hover {background:#00ac97;transition: all 0.3s ease}

/*버튼 사이즈 구분*/
.btn_more {display: inline-block;color: #fff;text-align: center;padding:4px 20px;font-size:15px;line-height:2}
.btn_small {padding:7px 15px;border-radius: 2px;display:inline-block;text-align: center;vertical-align: middle;cursor: pointer;font-size:13px} /*인풋박스랑 높이 같음*/
.btn_medium {text-align: center;border-radius: 2px;display:inline-block;vertical-align: middle;padding:12px 20px;cursor: pointer}
.btn_large {text-align: center;border-radius: 2px;display:inline-block;vertical-align: middle;padding: 15px 25px; font-size:15px;cursor: pointer}
.btn_confirm {width:100%;text-align:center;margin:30px 0;}

/*입력요소*/
.input_normal {padding:8px 10px;border: 1px solid #ccc;border-radius: 2px;display: inline-block;margin: 0 2px;font-family:inherit}
.input_normal:focus {background:#f5f5f5 !important}
.combo_normal {padding:7px 10px;font-family: inherit;border: 1px solid #ccc;border-radius: 2px;font-family:inherit;min-width: 100px}
.input_underline {border-bottom:1px solid #ccc;padding:0 10px;background:#f5f5f5;height: 35px;line-height: 35px}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {z-index:99;position: fixed;width: 100%;background:rgba(255,255,255,0.9); height:120px;}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;top:40px;margin:0 auto;width:1500px;height:80px;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#header_top {width: 100%;background:#74c6be;height:40px;overflow: hidden; position: absolute;top: 0;left: 0;}
#header_top > ul {width:1500px;margin:0 auto}
#header_top > ul > li {display: inline-block;float: right;border-right: 1px solid rgba(255,255,255,0.3)}
#header_top > ul > li:last-child {border-left: 1px solid rgba(255,255,255,0.3)}
#header_top > ul > li.user_info {line-height:40px;background: #00ac97}
#header_top > ul > li.user_info p {color: #fff;padding:0 20px}
#header_top > ul > li > a {display: block;padding:0 20px;line-height: 40px;color:#fff;}
#header_top > ul > li > a > i {vertical-align: -2px;padding-right: 3px;font-size: 15px}
#header_top > ul > li > a:hover {background:#2eb6aa;transition:all .5s}

#logo {height:80px;width:26%;float:left;}
#logo a {display: block;height: 100%;width:100%;margin-top:-4px;background: url(../img/common/logo_normal.svg) center no-repeat;}
#logo img {}
#logo .xsmall {display: none}

/* 메인메뉴 */
#gnb {position:relative;}
#gnb h2 {display: none}
#gnb_1dul {height: 100%;text-align: center;line-height:80px;width:56%;float:left}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;display: inline-block;width:auto}
/*.gnb_1dli:last-child {width:5%;}*/
.gnb_1da {display:block;color:#555;font-size:22px;font-weight:400;padding:0 45px}
.gnb_1da:focus, .gnb_1da:hover{border-bottom: 3px solid #74c6be;}
.gnb_2dul {display:none;position:absolute;top:100px;width:100%;left:0}
.gnb_2da {display:block; width:100%;line-height:40px;font-size:17px;color:#555}
.gnb_1dli_air .gnb_2da {background:#73c6be}
.gnb_1dli_on .gnb_2da {background:#73c6be}
.gnb_2da:focus, .gnb_2da:hover {color:#00ac97;transition:all .3s}

.subnav-bg {position:absolute;padding:20px 0;display:none; top:80px; left:-210px; width:1920px; min-height:200px !important;border-bottom: 1px solid #ddd; background:rgba(255,255,255,0.9);z-index:900;box-sizing: content-box;transition:all .5s}

#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em}
#gnb_empty a {text-decoration:underline}

/*모바일메뉴*/
.topmenu_m {display: none;width: 40px; height: 40px; position: absolute; top:20px;left:10px}
.topmenu_m > #sidebar {width: 300px;padding: 15px;background: #222;position: absolute;top: 73px;right: 0px; height: 100vh; min-height: 1024px}
.topmenu_m .menu {cursor: pointer;text-align: center;background:#00ac97;border-radius: 20px}
.topmenu_m .menu .open_side {width: 100%; height: 100%}
.topmenu_m .menu .open_side i {font-size: 20px;color: #fff;line-height: 40px}

#mnav {position:fixed; top:0;left:-250px; width:250px; height:100%; background:#fff; z-index:1111}
#navmask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity='70'); z-index:1100;transition: all 0.4s ease}
#mnav .inner {position:relative; min-height:100vh; padding:30px 0; overflow:hidden}
#mnav .inner ul {position:relative; left:0; padding:0 20px}
#mnav .inner ul > li > a {position:relative; display:block;color:#555;padding:15px 0}
#mnav .inner ul.depth1 > li > a:after {position:absolute; top:50%; right:0; content:'\e941'; font-family:'xeicon'; font-size:13px; color:#888; margin-top:-6px; transition:all 0.35s ease}
#mnav .inner ul.depth1 > li.open > a:after {transform:rotate(180deg)}
#mnav .inner ul > li:first-child > a {border:none}
#mnav .inner ul.depth2 {display:none;background: #f5f5f5;margin-bottom: 10px}
#mnav .inner ul.depth3 {display:none; position:relative; left:0; padding:0 0 0 10px !important}
#mnav .inner ul.depth3 > li > a {color:#555 !important; font-size:12px !important; padding:8px 0 !important}
#mnav .inner ul.depth3 > li > a:before {content:'-'; color:#bbb; margin-right:5px}

#mnav .inner .submnu {position:absolute; top:30px; left:-100%; width:100%}
#navBack {width:30px; height:30px; margin:0 0 20px 10px; text-align:center; line-height:30px; border:none; background:none; cursor:pointer}
#navBack i {font-size:18px; color:#fff}

/*모바일메뉴 하단 로그인영역*/
div.line {width: 100px;height: 3px;background:#e8e8e8;margin:100px auto;}
.user-login {width: 100%;margin: 30px 0;padding: 0 20px;text-align: center}
.user-login a {display: inline-block; margin:0 5px;}

/*상단 검색*/
#hd_sch {border: 0;width:18%;height:40px;line-height:40px;position: absolute;top:20px;right:0}
#hd_sch #sch_stx {color:#555;border:0;padding:0 10px;width: 100%;height:40px;font-size:15px;border:1px solid #00ac97;}
#sch_submit {background: transparent;float: left;position:relative;font-size:0}
label.search {position: absolute;top:2px;right:0;cursor: pointer;color:#00ac97;height:38px;width:40px;text-align: center}
label.search:before {content:'\e97a';font-family:'xeicon';font-size:20px}


/* 중간 레이아웃 */
#wrapper {z-index:5;width: 100%}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#container {z-index:4;position:relative;width: 100%}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}

/*메인비주얼 영역*/
#page1 {width: 100%;height:auto;overflow:hidden}
#fadeSlider {position:relative;width:100%;height:700px}
#fadeSlider > .imgList {position:relative}
#fadeSlider > .imgList > li {position:absolute; top:0; left:0; width:100%;min-height:100%;overflow:hidden; z-index:5;background-size: cover !important;height:700px}
#fadeSlider > .imgList > li > img {display:block; width:100%; height:auto;transform:scale(1.2, 1.2); transition:all 4s ease-in-out}
#fadeSlider > .imgList > li.active {z-index:10}
#fadeSlider > .imgList > li.active > img {transform:scale(1.0, 1.0)}
#fadeSlider > .imgList > li.active-last {z-index:8}
#fadeSlider > .imgList > li.visual01 {background:url(../img/main/main_visual01.jpg) center no-repeat;}
#fadeSlider > .imgList > li.visual02 {background:url(../img/main/main_visual02.jpg) center no-repeat;}
#fadeSlider > .imgList > li.visual03 {background:url(../img/main/main_visual03.jpg) center no-repeat;}
#fadeSlider > .imgList > li.visual04 {background:url(../img/main/main_visual04.jpg) center no-repeat;}

#fadeSlider > .imgList > li .typo {position:absolute;top: 45%;left: 0;z-index: 20;width: 100%;text-align: center}
#fadeSlider > .imgList > li .typo h2 {font-size:40px; font-family: 'Nanum Myeongjo'; color:#fff;line-height: 1.5;letter-spacing: -1.5px;transition:all .5s; transition-delay:.5s; transform:translateY(40px); opacity:0}
#fadeSlider > .imgList > li .typo h2 span {display:block; font-size: 50px;font-weight: 600}
#fadeSlider > .imgList > li .typo p {font-size:17px;font-family: 'Nanum Myeongjo'; color:#fff;line-height:1.5;padding-bottom: 20px;display:block;transition:all .3s; transition-delay:.3s; transform:translateY(40px); opacity:0}
#fadeSlider > .imgList > li.active .typo h2, #fadeSlider > .imgList > li.active .typo p {transform:translateX(0); opacity:1}

/* 컨트롤 배너 */
#fadeSlider > .control {position:absolute; bottom:0; left:0; width:100%; z-index:20}
#fadeSlider > .control:after {clear:both; display:table; content:''}
#fadeSlider > .control > li {float:left; width:25%; height:35px; text-align:center; line-height:35px; border-right:1px solid #dedede; border-bottom:1px solid #dedede; background:#efefef; cursor:pointer; transition:all .3s ease}
#fadeSlider > .control > li:first-child {border-left:1px solid #dedede}
#fadeSlider > .control > li.on {font-weight:600; color:#fff; background:#333}

/* 컨트롤 버튼 */
#fadeSlider > .control-btn {position:absolute; top:40%; left:10%; z-index:20;display: none}
#fadeSlider > .control-btn > li {display:inline-block; margin-right:3px}
#fadeSlider > .control-btn > li > a {display:block; width:60px; height:60px; font-size:25px; color:#fff; text-align:center; line-height:60px;border: 1px solid #fff;background: rgba(0,0,0,0.3); opacity:.7}

/* 페이지네이션 */
#fadeSlider > .pagination {width: 100%;position: absolute;bottom: 85px;z-index: 20;text-align: center}
#fadeSlider > .pagination > li {width:30px; height:6px;margin:4px;border-radius: 5px; background:#fff; display:inline-block; opacity:.85; transition:all .3s; cursor:pointer}
#fadeSlider > .pagination > li.on {opacity:1;background: #1b7ab7}

/*퀵메뉴*/
#quick_menu_wrap {position: fixed;z-index: 999;top: 120px;right: 20px}
#quick_menu_wrap p.quick_btn {width: 50px;height: 50px;text-align: center;line-height:50px;background: #9f8244;color: #fff;font-size: 24px;position: absolute;left: -50px;display: none;}
#quick_menu_wrap p.quick_btn:after {content:'\eb46';font-family:'xeicon'}
#quick_menu_wrap.openmenu > p.quick_btn:after {content:'\eb45';font-family:'xeicon'}
#quick_menu {width: 120px}
#quick_menu li {background:rgba(0,0,0,0.7);text-align: center;border-bottom: 1px solid #444;transition: all 0.4s ease}
#quick_menu li:last-child {border-bottom:0}
#quick_menu li a {display: block;width: 100%;height: 100%;padding: 10px; cursor: pointer;opacity: .7;transition: all 0.4s ease}
#quick_menu li a div {width: 40px;height: 40px;margin: 0 auto;background-size: contain !important}
#quick_menu li a div.icon1 {background:url(../img/main/quick_icon01.svg) center no-repeat}
#quick_menu li a div.icon2 {background:url(../img/main/quick_icon02.svg) center no-repeat}
#quick_menu li a div.icon3 {background:url(../img/main/quick_icon03.svg) center no-repeat}
#quick_menu li a div.icon4 {background:url(../img/main/quick_icon04.svg) center no-repeat}
#quick_menu li a div.icon5 {background:url(../img/main/quick_icon05.svg) center no-repeat}
#quick_menu li a:hover div.icon1 {background:url(../img/main/quick_icon01_hover.svg) center no-repeat}
#quick_menu li a:hover div.icon2 {background:url(../img/main/quick_icon02_hover.svg) center no-repeat}
#quick_menu li a:hover div.icon3 {background:url(../img/main/quick_icon03_hover.svg) center no-repeat}
#quick_menu li a:hover div.icon4 {background:url(../img/main/quick_icon04_hover.svg) center no-repeat}
#quick_menu li a:hover div.icon5 {background:url(../img/main/quick_icon05_hover.svg) center no-repeat}
#quick_menu li a p {color: #fff;padding-top:10px;font-size:15px}
#quick_menu li a:hover {background:#f5f5f5;opacity:1;transition: all 0.4s ease}
#quick_menu li a:hover p {color:#0075c1;transition: all 0.4s ease}

/*우측하단 top 버튼*/
#btn_top {position: fixed; right: 20px; bottom: 10px;z-index:8; width: 50px; height: 50px;background: rgba(0,0,0,0.7);text-align: center;padding:5px;cursor: pointer;border-radius: 25px}
#btn_top i {color:#fff;font-size: 13px;padding-top:5px;}
#btn_top span {display: block;color:#fff;font-size: 12px}

/*바로가기*/
#page2 {position:relative;width:1200px;margin: 0 auto;top: -75px;z-index: 99}
#page2 .link_list {width:100%}
#page2 .link_list li {float:left;width:33.33%;height:150px}
#page2 .link_list li:nth-child(1) {background:url(../img/main/work_area_bg01.png) left top #73c6be no-repeat}
#page2 .link_list li:nth-child(2) {background:url(../img/main/work_area_bg02.png) left top #00ac96 no-repeat}
#page2 .link_list li:nth-child(3) {background:url(../img/main/work_area_bg03.png) right top #0075c1 no-repeat}
#page2 .link_list li a {display: block;width:100%;height:100%;text-align:center;padding:30px 0}
#page2 .link_list li a img {width:50px;height:50px}
#page2 .link_list li p {color:#fff;font-size:22px;padding-top:10px}

/*게시판 브리프 탭버튼*/
#page3 {width:1200px;margin:0 auto;margin-bottom:50px;text-align:justify;clear:both}
#page3:after {content:'';width:100%;display:inline-block}
#page3 .brief {display: inline-block;width: 48%;vertical-align:top}
#page3 .brief .title {width:100%;height:40px;line-height:40px}
#page3 .brief .title h2 {display: inline-block;font-size: 28px;color: #00ac96}
#page3 .brief .title .view_more {width:40px;height: 40px;float: right;background:#9f8244;color:#fff;font-size:17px;text-align: center}
.view_list {margin-top:30px}
.view_list li {font-size: 17px;color: #555;border-bottom: 1px solid #e8e8e8}
.view_list li span {float:right;line-height:45px;color:#777}
.view_list li a {line-height: 45px;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;width: 350px}
.faq-list li {border-bottom:none !important}
.faq-list li .header {cursor:pointer; border-bottom: 1px solid #e8e8e8}
.faq-list li .contents {display:none;padding:15px;background:#f5f5f5}
.faq-list li .contents p {font-size:13px;line-height:2;}

/*센터비전2030*/
#page4 {width:100%;height:auto;padding:100px 0;background:url(../img/main/vision_bg.jpg) center no-repeat;background-attachment: fixed}
#page4 h2 {text-align:center;color:#fff;font-size:36px;line-height:1.5;letter-spacing:-3px}
#page4 h2 br {display: none}
#page4 h2 span {display: block;font-size:50px;font-weight:600}
#page4 .inner {width: 1200px;margin:0 auto;}
#page4 .inner ul {width: 100%;text-align:center;margin-top:50px;font-size:0}
#page4 .inner ul li {display: inline-block;width:230px;height:230px;margin:0 -15px;border-radius:130px;text-align:center;vertical-align:top;cursor:default;transition: all 0.3s ease}
#page4 .inner ul li:nth-child(odd) {background:url(../img/main/li_bg1.png) center top no-repeat;}
#page4 .inner ul li:nth-child(even) {background:url(../img/main/li_bg2.png) center top no-repeat;}
#page4 .inner ul li > p {color:#fff;font-size:20px;padding-top:85px}
#page4 .inner ul li:hover {transform: scale(1.1,1.1);}

/*센터소개*/
#page5 {width:100%;height:auto;overflow:hidden}
#page5 .text_area {width:100%;height:auto;overflow:hidden;padding:100px 0;background: url(../img/main/intro_text_bg.jpg) #f9f9f9 no-repeat}
#page5 .main_intro {font-size:22px;text-align: center;color:#555;line-height:1.7}
#page5 .main_intro:first-child {margin-bottom:50px}
#page5 .bg_area {width:100%;height:300px;background: url(../img/sub/sub1_1_img01.jpg) center no-repeat;background-size: cover;background-attachment: fixed}

/*오시는길*/
#page6 {width:100%;height:400px;overflow:hidden}
div.custom_box {background:#0068b7;color:#fff;font-size:15px;border-radius:5px;padding:10px 20px}
.main_map {float:left}
#page6 .address {float: left;width: 45%;padding:70px 40px}
#page6 .add_list li {color:#555;margin-bottom:20px}
#page6 .add_list li h3 {font-size:16px}
#page6 .add_list li h3 i {font-size:20px}
#page6 .add_list li p {font-size:16px;padding-left:25px}
#page6 .btn_wrap {width: 100%;height: auto;overflow: hidden; margin-top: 30px}
#page6 .btn_wrap a {margin-right: 5px;padding: 10px 30px;border: 1px solid #ddd;color: #999;font-size: 14px;display: inline-block}
#page6 .btn_wrap a:hover {border:1px solid #333;color:#333;transition: all 0.4s ease}


/* 하단 레이아웃 */
#footer_wrap {background: #f5f5f5;width: 100%;height: auto;border-top:1px solid #ddd;}
#footer_wrap .link_tab {width:100%;height:60px;border-bottom: 1px solid #ddd;background:#fff;}
#footer_wrap .link_tab > ul {width:1500px;height:100%;margin:0 auto;border-left: 1px solid #ddd}
#footer_wrap .link_tab ul > li {display:inline-block;height:100%;border-right:1px solid #ddd}
#footer_wrap .link_tab ul > li.right {float: right}
#footer_wrap .link_tab ul > li > a {color:#555;text-align: left;padding:12px 10px;display:block;height: 100%;transition: all 0.3s ease}
#footer_wrap .link_tab ul > li > a:hover {background:#f5f5f5;transition: all 0.3s ease}
#footer_wrap .link_tab ul > li > a img {display: inline-block;margin-right: 10px;vertical-align: -1px}
#footer_wrap .link_tab ul > li > a p {display:inline-block}
#footer_wrap .link_tab ul > li > a p span {display:block;font-size:12px}
#footer_wrap .footer {width:1500px;height: 100%;margin:0 auto}
#footer_wrap .footer > div {display: inline-block;vertical-align: middle}
#footer_wrap .footer .bottom_logo {background: url(../img/common/logo_bottom.svg) center no-repeat;width: 330px;height:95px}
#footer_wrap .footer .address {margin-left: 50px;color:#555}
#footer_wrap .footer .admin_page {float: right;text-align: center;margin-top:20px;font-size: 12px}
#footer_wrap .footer .admin_page a {display: inline-block;margin: 0 3px;border: 1px solid #999;padding: 5px 10px}

#footer_wrap .link_tab.type_thin {width:100%;height:50px;border-bottom: 1px solid #ddd;background:#f5f5f5;}
#footer_wrap .link_tab.type_thin > ul {border-left: none;}
#footer_wrap .link_tab.type_thin ul > li {border-right: none;}
#footer_wrap .link_tab.type_thin ul > li > a {color: #fd5151;font-weight: 500;font-size: 16px;padding: 11px 12px;}


.dr-wrapper {width:200px;height:100%;position:relative}
.dr-wrapper.dropdown1 {top:0px}
.dr-wrapper.dropdown2 {top:10px}
.dr-wrapper.dropdown3 {top:20px}
.dr-wrapper > .dr-caption {position:relative; display:block; width:100%;height:100%;color: #555;line-height:59px; padding: 0 15px;border-left: 1px solid #ddd}
.dr-wrapper > .dr-caption:after {position:absolute; top:50%; right:15px; content:''; border-style:solid; border-width:4px}
.dr-wrapper[data-direction="up"] > .dr-caption:after {margin-top:-6px; border-color:transparent transparent #888 transparent}
.dr-wrapper[data-direction="up"].open > .dr-caption:after {margin-top:-2px; border-color:#888 transparent transparent transparent}
.dr-wrapper > .dr-caption:after, .dr-wrapper[data-direction="down"] > .dr-caption:after {margin-top:-2px; border-color:#888 transparent transparent transparent}
.dr-wrapper.open > .dr-caption:after, .dr-wrapper[data-direction="down"].open > .dr-caption:after {margin-top:-6px; border-color:transparent transparent #888 transparent}
.dr-wrapper[data-direction="up"] > .dr-dropdown {bottom:0}
.dr-wrapper[data-direction="down"] > .dr-dropdown {top:0}
.dr-wrapper > .dr-dropdown {position:absolute; display:none; width:100%; padding:10px 0; border:1px solid #555; background:#666;z-index: 9}
.dr-wrapper > .dr-dropdown > li {display:block !important;border:0 !important;}
.dr-wrapper > .dr-dropdown > li > a {display:block; color:#fff !important; padding:10px 15px;text-align:left !important}
.dr-wrapper > .dr-dropdown > li a:hover {color:#fff; background:#555 !important}



/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}
/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative;border:0}
#captcha legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:160px;height:62px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:160px;;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:160px;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin-left: 30px;padding: 10px;width: 160px;height: 62px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:17px;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin-top:5px;font-size:13px;color:#777}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:15px;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display: inline-block;padding: 7px 10px; background: #777;color: #fff; cursor: pointer;border-radius: 3px;font-size:13px}
.cke_sc_def {margin:10px 0;padding:20px;border:1px solid #e8e8e8;background:#f9f9f9;text-align:center}
.cke_sc_def > button {display: none}
.cke_sc_def dl{text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt {width:20%;font-weight:bold;height:40px;line-height:40px;float:left;border-bottom: 1px solid #ddd}
.cke_sc_def dd {width:30%;height:40px;line-height:40px;float: left; border-bottom: 1px solid #ddd}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}


/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:90px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:center}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:15px;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 검색결과 색상 */
.sch_word {color:#fd5151}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 페이징 */
.pg_wrap {clear:both;width: 100%;margin:20px 0;text-align:center}
.pg {}
.pg_page, .pg_current {display: inline-block;height: 25px;color: #000; vertical-align: middle; width: 25px; text-align: center; line-height: 25px; border-radius: 20px;margin:5px 0}
.pg_page {background:#f5f5f5}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

@media screen and (min-width:1201px) {
	/*상단바 스크롤됐을때*/
	body.fixed #hd {top:0;height:70px;background:#fff;border-bottom: 1px solid #aaa;transition:all .2s}
	body.fixed #header_top {top:-40px;transition:all .2s}
	body.fixed #hd_wrapper {top: 0;transition:all .2s}
	body.fixed #logo {height: 70px;transition:all .2s}
	body.fixed #gnb_1dul {line-height:70px;height:70px;transition:all .2s}
	body.fixed .subnav-bg {top:70px;transition:all .2s}
	body.fixed .gnb_2dul {top:90px;transition:all .2s}
	body.fixed #hd_sch {top:15px;transition:all .2s}
	body.fixed #tnb {line-height: 70px;transition:all .2s}
	body.fixed #quick_menu_wrap {top:70px}

	#btn-open-search {display:none}
}

@media screen  and (max-width:1500px) {
	#hd,#header_top > ul,#hd_wrapper,#footer_wrap .link_tab > ul,#footer_wrap .footer  {width:100%}
	#hd_wrapper,#footer_wrap .footer {padding:0 10px}
	#hd_sch {right:10px}
}

@media screen  and (max-width:1280px) {
	.gnb_1da {padding:0 30px}
	#quick_menu_wrap {right:-120px;transition:all .5s}
	#quick_menu_wrap.openmenu {right:0;transition:all .5s}
	#quick_menu_wrap p.quick_btn {display: block}
}

@media screen  and (max-width:1200px) {
	#hd {background:#fff;border-bottom:1px solid #ddd}
	#hd,#logo,#hd_wrapper {height: 70px}
	#logo {margin: 0 auto;float: none;width:350px}
	#gnb,#header_top {display: none}
	#hd_wrapper {top:0}
	.topmenu_m {display: block}
	#quick_menu_wrap  {top:70px}

	/*상단 검색*/
	#hd_sch {position:fixed; top:70px; left:0; width:100%; height:auto; max-height:0; background:#fff; visibility:hidden; overflow:hidden; transition:all 0.35s ease-in}
	#hd_sch:before, #hd_sch:after {content:''; display:block}
	#hd_sch:after {clear:both}
	#hd_sch.show {padding:15px; max-height:80px; visibility:visible}
	#hd_sch #sch_stx {float:left; width:calc(100% - 42px)}
	label.search {position:static; float:right}
	#btn-open-search {position:absolute; top:20px; right:10px; width:40px; height:40px; color:#fff; font-size:20px; line-height:38px; border:none; border-radius:50%; background:#00ac97; cursor:pointer; transition:all 0.25s}
	#btn-open-search > i {transition:all 0.25s}
	#btn-open-search > span {position:absolute; display:block; top:50%; left:50%; width:20px; height:2px; margin:-1px 0 0 -10px; background:#fff; opacity:0; visibility:hidden; transition:all 0.25s}
	#hd_sch.show + #btn-open-search {background:#007567}
	#hd_sch.show + #btn-open-search > i {opacity:0; visibility:hidden}
	#hd_sch.show + #btn-open-search > span {opacity:1; visibility:visible}
	#hd_sch.show + #btn-open-search > span.line1 {transform:rotate(45deg)}
	#hd_sch.show + #btn-open-search > span.line2 {transform:rotate(-45deg)}

	#page2,#page3,#page4 .inner {width:100%;padding:0 30px}
	#page4 .inner ul li {width: 210px;height: 210px; background-size: cover !important}
	#page4 .inner ul li > p {padding-top:75px}
	#page6 .address {padding:50px 30px}


	#footer_wrap .footer .admin_page {display: none}
}

@media screen  and (max-width:1024px) {
	#page4 .inner ul li:nth-child(4) {clear: both}
	#page5 .main_intro {font-size:20px}
}

@media screen  and (max-width:800px) {
	#fadeSlider > .imgList > li .typo p {font-size:14px;padding-bottom:10px}
	#fadeSlider > .imgList > li .typo h2,#page4 h2 {font-size:30px}
	#fadeSlider > .imgList > li .typo h2 span {font-size:40px}
	#fadeSlider > .pagination {bottom:10px}
	#page2 {margin:50px auto;height:auto;overflow:hidden;position:initial;top:inherit}
	#page2 .link_list li p {font-size:18px}
	#page3 {margin-bottom:0}
	#page3 .brief {display: block;width:100%;margin-bottom:30px}
	#page5 .main_intro br,#footer_wrap .link_tab ul > li > a img{display: none}

	#page5 .text_area {padding:70px 30px}
	#page5 .main_intro {text-align:justify}
	.main_map,#page6 .address {width:50% !important}
	#page6 .address {padding:20px}
	#page6 .add_list li h3,#page6 .add_list li p,#page6 .add_list li h3 i {font-size:14px;vertical-align:0}
	#page6 .add_list li p {padding-left:15px}
	#page6 .btn_wrap a {display:block;margin:0 0 5px 0;font-size:12px;text-align:center}
	#footer_wrap .link_tab {display: none}
	#footer_wrap .footer .bottom_logo {width:300px;margin: 0 auto;display: block;height: 60px}
	#footer_wrap .footer .address {margin:0 0 20px 0;text-align:center;display:block}
}

@media screen  and (max-width:640px) {
	#page6 {height: auto;}
	.main_map,#page6 .address {width:100% !important;}
	.main_map {height:250px !important}
}

@media screen  and (max-width:414px) {
	.btn_small {padding:5px 12px;font-size:12px}
	#logo {width: 200px}
	#logo a {background: url(../img/common/logo_xsmall.svg) center no-repeat}
	#fadeSlider > .imgList > li .typo p,#footer_wrap .footer .address p,#footer_wrap .link_tab ul > li > a  {font-size:12px}
	#fadeSlider > .imgList > li .typo h2 {font-size:20px}
	#fadeSlider > .imgList > li .typo h2 span {font-size: 30px}
	#page2 {padding:0;margin:0;margin-bottom:30px}
	#page2 .link_list li p,.view_list li {font-size:13px}
	#page3 {padding:0 20px}
	#page3 .brief .title h2 {font-size:24px}
	.view_list li a {width: 200px}
	#page4 h2 {font-size:24px}
	#page4 h2 br {display: block}
	#page4 .inner ul li {width: 180px;height: 180px;margin:0 -12px}
	#page4 .inner ul li > p {font-size:18px;padding-top:65px}

	#page5 .main_intro {font-size: 15px}
	#page5 .main_intro:first-child {margin-bottom:20px}
	#page5 .bg_area {height: 200px;background-attachment:inherit}
	#footer_wrap .footer .address p span {display: block}
	
	#quick_menu li a div {width: 35px;height: 35px;}
	#quick_menu li a p {font-size: 13px}

}

@media screen  and (max-width:320px) {
	#page4 h2 {font-size:20px}
	#page4 h2 span {font-size:40px}
	#page4 .inner ul li {width: 150px;height: 150px;margin: 0 -10px}
	#page4 .inner ul li > p {font-size:15px;padding-top:50px}
	
}