body { font-size:13px; line-height:18px;}

/***  공통   ***/
#sub_content h3 {font-size:18px; padding-bottom:15px;}
#sub_content h4 {font-size:16px; padding-left:15px; padding-bottom:15px;}
#sub_content h4:before {width:3px; height:18px;}
p.con_tt01 {line-height:20px; font-size:13px;}
p.con_tt01 br {display:none;}
p.con_tt02 {font-size:13px; padding-bottom:5px; line-height:20px;}
#sub_content h5 {font-size:15px; padding-left:10px; padding-bottom:15px;}
#sub_content h5:before {top:6px;}
.con_tt02 li {padding-left:10px; font-size:13px; padding-bottom:5px; line-height:20px;}
.con_tt03 li {font-size:13px; padding-bottom:5px; line-height:20px;}
.mgt60 {margin-top:30px !important;}
.mgt40 {margin-top:20px !important;}
.mgt25 {margin-top:15px !important;}
.mgt20 {margin-top:10px !important;}
.view_box .view_head span:after {display:none;}



/***  header   ***/
.header {height:55px; position:fixed; width:100%; z-index:999; background:#fff;}
.header .header_wrap {height:55px; background:#fff;}
.top_menu {height:100px; background:#4e4d4d; position:relative; z-index:4;}
.top_menu .top_wrap {padding:0; height:50px; line-height:50px;}
.top_menu .top_wrap .right {position:absolute; top:0; z-index:1000;}
.top_menu .top_wrap .right span.login:before {background:#fff;}
.top_menu .top_wrap .right span:before {left:10px;}
.top_menu .top_wrap .left {padding-top:50px; box-sizing:border-box; float:none; width:100%; right:0; bottom:0;}
.top_menu .top_wrap .left ul {text-align:left; background:#3f3f3f;}
.top_menu .top_wrap .left ul li {width:50%; display:block; border-left:0; box-sizing:border-box; position:relative;}
.top_menu .top_wrap .left ul li:first-child:before {display:none;}
.top_menu .top_wrap .left ul li a {font-size:14px; padding-left:15px; text-align:left;}
.top_menu .top_wrap .left ul li {width:100%; top:0; left:0; height:50px; line-height:inherit; background:#4e4d4d;}
.top_menu .top_wrap .left ul li a {display:block; padding:0px 15px; font-size:14px; height:50px; line-height:50px; background:#222; border-radius:0; border:0; color:#fff; font-weight:400;}
.top_menu .top_wrap .right .daily_users{display: none;}

#GNB {position:relative;}
.mobile_menu {display:block; position:fixed; text-indent:-9999px; right:0; z-index:3; top:0;}
.mobile_menu a {display:block; width:56px; height:55px; background:url(../images/main/mobile_menu.png) no-repeat center; background-size:26px;}
.mobile_login {display:block; text-indent:-9999px; position:fixed; right:0px; top:0;}
.mobile_login a {display:block; width:50px; height:55px; background:url(../images/main/mobile_login.png) no-repeat center; background-size:20px;}
.gnb_wrap {width:100%; height:55px; padding:0px; box-sizing:border-box; position:static;}
.logo {position:fixed; height:55px; background:#fff; left:0; top:0;}
.logo a {display:inline-block; width:120px; padding:13.5px 0px 13.5px 15px;}
.logo img {width:100%;}
.gnb_wrap .menu {width:100%; background:#fff; position:fixed; height:100%; z-index:101; overflow:auto; box-sizing:border-box; padding-bottom:120px;}
.header .header_wrap {position:fixed; z-index:999; width:100%; height:100%; background:#fff; right:-100%; overflow:hidden;}
.menu_close {display:block; position:absolute; text-indent:-9999px; right:0; top:0; z-index:1000;}
.menu_close a {display:block; width:50px; height:50px; background:#4e4d4d url(../images/main/menu_close.png) no-repeat center; background-size:20px;}
.gnb_wrap .ld1 {float:none; border-bottom:0; padding-left:0; display:block; margin-right:0;}
.gnb_wrap .ld1 > li {float:none; position:relative;}
.gnb_wrap .ld1 > li > a {line-height:55px; padding:0 15px; font-size:17px; position:relative; border-bottom:1px solid #dedede; text-align:left; font-weight:700;}
.gnb_wrap .ld1 > li:nth-child(2) > a {border-top:0;}
.gnb_wrap .ld1 > li > a:after {background:url(../images/main/down_arrow01.png) no-repeat; content:''; display:block; width:20px; height:10px; position:absolute; right:20px; top:23px; background-size:20px;}
.gnb_wrap .ld1 > li > a:hover {background:#fff;}
.gnb_wrap .ld1 > li > a.on {background:#1e57a1; border-bottom:1px solid #dedede; color:#fff;}
.gnb_wrap .ld1 > li > a.on:after {background:url(../images/main/down_arrow02.png) no-repeat; background-size:20px;}
.gnb_wrap .ld1 > li > a:before {display:none;}
.gnb_wrap .ld1 li.cd1c2 a:before {display:none;}
.gnb_wrap .ld1 li a span {line-height:55px;}
.gnb_wrap .ld1 li a span:after {display:none;}
.gnb_wrap .ld1 li a.on span:after {display:none;}
.gnb_wrap .search_box {display:none;}
.gnb_wrap .ld1 .ld2 li {display:block;}
.gnb_wrap .ld1 .lb1 {display:block; position:relative; border-top:0; border-bottom:0;}
.gnb_wrap .ld1 .lb1 .ld2 {width:100%; position:relative; width:100%;  box-sizing:border-box; height:inherit; line-height:inherit; display:none;}
.gnb_wrap .ld1 .lb1 .ld2 > li {width:100%; border:0;}
.gnb_wrap .ld1 .lb1 .ld2 > li > a {font-size:15px; padding:0 15px; border-bottom:1px solid #cdcdcd; box-sizing:border-box; text-align:left; position:relative; font-weight:400;}
.gnb_wrap .ld1 .lb1 .ld2 > li > a.on {background:none; color:#333;}
.gnb_wrap .ld1 .lb1 .ld2 > li > a:after {background:url(../images/main/morebg01.png) no-repeat; content:''; display:block; width:18px; height:18px; position:absolute; right:20px; top:16px; background-size:18px;}
.gnb_wrap .ld1 .lb1 .ld2 > li > a.on:after {background:url(../images/main/morebg02.png) no-repeat; content:''; display:block; width:18px; height:2px; position:absolute; right:20px; top:26px; background-size:18px;}
.gnb_wrap .ld1 .lb1 .ld2 li .ld3 {padding:0; height:inherit !important; border:0; display:none;}
.gnb_wrap .ld1 .lb1 .ld2 li .ld3 li a {font-size:13px; padding:0 0 0 30px; background:#e3e3e3; position:relative; border-bottom:1px solid #cdcdcd; line-height:50px;}
.gnb_wrap .ld1 .lb1 .ld2 li .ld3 li a:before {content:''; display:block; width:2px; height:2px; background:#555; position:absolute; left:20px; top:50%; margin-top:-1px;}
.gnb_wrap .ld1 .lb1 .ld2 li .ld3 li a span {line-height:inherit;}
.gnb_wrap .ld1 .lb1 .ld2 li .ld3 li a span br {display:none;}
.allmenu {display:none;}
.top_menu .top_wrap .right span {padding:0 10px 0 15px;}
#container {padding-top:55px;}



/** 준비중(2019-03-29추가) **/
.ready {padding:0; text-align:center;}
.ready dl {padding-left:0px; text-align:center; padding-top:110px;}
.ready dl:before {width:80px; height:80px; background:url(../images/sub/readybg.png) no-repeat; background-size:80px; position:absolute; left:50%; top:0%; margin-top:-0px; margin-left:-40px;}
.ready dl dt {font-size:20px; padding-bottom:15px;}
.ready dl dd {font-size:15px; color:#787878; line-height:20px;}



/***  메인비쥬얼   ***/
.box_area01 {width:100%;}
.box_area01 > ul > li {height:inherit;}
.box_area01 > ul > li.box01 {width:100%; height:350px;}
.box_area01 > ul > li.box02 {width:100%;}
.box_area01 > ul > li.box03 {width:100%;}
.go_btn {position:relative;}
.sec_slide { position: relative; left:0; top:0;  height:100%; width:100%;}
.sec_slide img {width:100%; height:263px;}
.sec_slide .rollling { position: relative; height:350px; width:100%; display:block; float:left;}
.sec_slide .slick-arrow {width:36px; height:36px; margin-top:-20px;}
.sec_slide .slick-prev {background:rgba(0,0,0,0.2) url(../images/main/left_arrow.png) no-repeat center; background-size:16px; left:15px;}
.sec_slide .slick-next {background:rgba(0,0,0,0.2) url(../images/main/right_arrow.png) no-repeat center; background-size:16px; right:15px;}
.sec_slide .slick-dots {bottom:30px; line-height:1; /*left:50%; margin-left:-30px;*/ height:8px;}
.sec_slide .slick-dots li {height:10px;}
.sec_slide .slick-dots button {width:10px;  height:10px;  margin:0 3px; background:rgba(255,255,255,0.5); border-radius:100%; cursor:pointer; text-indent:-99999px; overflow:hidden;}
.sec_slide .slick-dots .slick-active button {background:#fff;}
/*
.box01 .pause {background:url(../images/main/stopbg.png) no-repeat; width:9px; height:12px; bottom:27px; left:50%; margin-left:38px;}
.box01 .play {background:url(../images/main/playbg.png) no-repeat; width:9px; height:12px; bottom:27px; left:50%; margin-left:38px;}
*/
/*2023.05.23*/
.box01 .pause {background:url(../images/main/stopbg.png) no-repeat; width:9px; height:12px; bottom:17px; left:calc(50% + 170px); }
.box01 .play {background:url(../images/main/playbg.png) no-repeat; width:9px; height:12px; bottom:17px; left:calc(50% + 170px); }
.box_area01 > ul > li.box01 .cen {width:280px; height:280px; margin-left:-140px; top:50%; margin-top:-130px;}
.box_area01 > ul > li.box01 .cen em {display:inline-block; position:relative; z-index:2; top:0px; left:0px;}
.box_area01 > ul > li.box01 .cen span {width:210px; height:210px; margin-left:-105px; top:50%; margin-top:-115px;}




/***  메인컨텐츠   ***/
.icon_box ul li a {padding:20px 0;}
.icon_box ul li a span {font-size:16px; padding-top:15px;}
.icon_box ul li a img {width:53px;}
.notice {height:inherit; padding:0 15px;}
.notice .notice_top {padding:20px 0 20px;}
.notice .notice_top h3 {font-size:17px;}
.notice .notice_top a {top:20px;}
.notice .notice_box {padding:20px 0 25px;}
.notice .notice_box li {padding-bottom:10px;}
.notice .notice_box li a {padding-left:10px; font-size:14px;}
.notice .notice_box li a:before {width:2px; height:2px; content:''; display:block; background:#656565; position:absolute; left:0; top:7px;}
.popup {position:relative;}
.popup h3 {position:absolute; font-size:17px; font-weight:700; color:#222; top:35px; left:15px; z-index:99;}
/*** 팝업버튼   ***/
.popup .slidesjs_btn {left:69px; top:36px; width:43px; height:18px;}
.popup #slidesjs-log {color:#666; font-size:14px;}
.popup a.slidesjs-next {background:#7c7c7c url(../images/main/next_btn.png) no-repeat 23px center; display:block; width:40px; height:25px; overflow: hidden; text-indent: -9999px; position:absolute; z-index:100; border-radius:0px 30px 30px 0px; left:140px; top:30px;}
.popup a.slidesjs-previous {background:#7c7c7c url(../images/main/previous_btn.png) no-repeat 10px center; display:block; width:40px; height:25px; overflow: hidden; text-indent: -9999px; position:absolute; z-index:100; border-radius:30px 0px 0px 30px; left:120px; top:30px;}
.popup a.slidesjs-play {background:url(../images/main/play_btn.png) no-repeat; display:block; width:7px; height:11px; overflow: hidden; text-indent: -9999px; position:absolute; z-index:101; left:147px; top:37px;}
.popup a.slidesjs-stop {background:url(../images/main/stop_btn.png) no-repeat; display:block; width:8px; height:11px; overflow: hidden; text-indent: -9999px; position:absolute; z-index:101; left:147px; top:37px;}
.popup img {width:100%;  max-width:468px; height: auto !important;  }
.popup_img { width: 100%; height:176px; background-size:cover;}
.box03 {background:url(../images/main/backbg02.jpg) no-repeat; background-size:cover; height:inherit;}
.box03 dl {padding:25px 15px;}
.box03 dl:after {clear:both; content:''; display:block;}
.box03 dl dt {font-size:17px; padding-bottom:25px;}
.box03 dl dd {padding-bottom:10px; float:left; width:100%; box-sizing:border-box;}
.box03 dl dd:last-child {padding-bottom:0;}
/*.box03 dl dd:nth-child(odd) {padding-left:5px;}
.box03 dl dd:nth-child(even) {padding-right:5px;}*/
.box03 dl dd a {padding:10px; font-size:14px; text-align:center;}
.box03 dl dd a:after {background:none;}
.box03 .go_btn a {padding:15px; font-size:16px;}
.box03 .go_btn a:after {width:24px; height:24px; background:url(../images/main/gobtnbg02.png) no-repeat; right:15px; top:12px; background-size:24px;}
.slider_box {padding:10px 0; width:100%;}
.slider_box .slider {padding:0 40px; height:140px;}
.slider_box .slider:after {clear:both; content:''; display:block;}
.slider_box .slider li a {display:table; height:140px; width:100%;}
.slider_box .slider li a span img {display:inline-block; width:75px; height:75px;}
.slider_box .slider li a span em {margin-top:10px;}
.slider_box .slick-prev, .slider_box .slick-next {width:32px; height:32px; top:50%; margin-top:-16px;}
.slider_box .slick-prev {left:10px; background:url(../images/main/slider_left.png) no-repeat center; background-size:32px;}
.slider_box .slick-next {right:10px; background:url(../images/main/slider_right.png) no-repeat center; background-size:32px;}


/***  footer   ***/
footer aside {height:inherit; width:100%; box-sizing:border-box;}
footer aside .algin_box {width:100%; text-align:center; padding:0;}
footer .click_box span {display:inline-block;}
footer .click_box span a {padding:0 5px; height:40px; line-height:40px; font-size:11px;}
footer .click_box span:first-child a {padding-left:0; color:#f7a134;}
footer .click_box span a:hover {color:#f7a134;}
.family_box {position:relative; right:0; top:0px;}
.family_box:after {clear:both; content:''; display:block;}
.family_box .select {height:40px; width:50%; float:left;}
.family_box .select dl dt a {height:40px; width:100%; line-height:40px; padding:0 15px; font-size:11px; color:#ffffff; text-align:left; border-width:1px 0 0 1px;}
.family_box .select dl dt a:after {content:''; display:block; width:11px; height:6px; position:absolute; right:15px; background:url(../images/main/foot_selectbg.png) no-repeat; top:50%; margin-top:-3.5px;}
.family_box .select dl dt a.on:after {content:''; display:block; width:11px; height:6px; position:absolute; right:15px; background:url(../images/main/foot_selectbg02.png) no-repeat; top:50%; margin-top:-3.5px;}
.family_box .select.width {margin-left:0px;}
.family_box .select dl dd {bottom:40px; width:100%; height:150px;}
.family_box .select dl dd a {padding:8px 10px; font-size:11px;}
.family_box .select dl dd a:hover {background:#f7a134; color:#fff;}
.family_box .select dl dd a:focus {background:#f7a134; color:#fff;}
footer .foot_in {padding:60px 15px 25px 15px; line-height:13px; background:url(../images/main/foot_logo.png) no-repeat center 15px; box-sizing:border-box; width:100%; box-sizing:border-box; text-align:center; background-size:120px; font-size:11px;}
footer .foot_in span {margin:0px 5px; display:inline-block; padding:5px 0;}
.main_pop_sevice {width:100%;}
.main_pop_sevice .popsevice_con {display:inline-block; text-align:left;}
.main_pop_sevice .popsevice_con dl {padding:20px 15px 20px; background:none;}
.main_pop_sevice .popsevice_con dl dt {font-size:17px;}
.main_pop_sevice .popsevice_con dl dd {font-size:11px; line-height:18px;}
.main_popbtn {display:none;}




/***  서브페이지   ***/
.wrap {width:100%; padding:30px 15px 30px; box-sizing:border-box;}


#container #SUB-GNB	{ margin-top:0px; }
#SUB-GNB #submenu	{ width: auto; margin: 0; }
#SUB-GNB a.home,
#SUB-GNB a.home *,
.breadcrumb .col2,
.breadcrumb .col2 *	{ display: none !important; background: none !important; }
#SUB-GNB .drop_menu	{ float: none; height: 45px; }
#SUB-GNB .drop_menu .ld1	{ width: 100%; }
#SUB-GNB .drop_menu .lb1	{ left: 0; width: 100%; margin-left: 0; }
#SUB-GNB .drop_menu .lb2	{ left: 0; width: 100%; margin-left: 0; }
#SUB-GNB .drop_menu ul li.fix_menu	{ display: none; }
#SUB-GNB .drop_menu ul li.fix_menu.last_depth	{ display: block; }
#SUB-GNB .drop_menu ul.last_depth	{ position: absolute; left: 0; top: 0; width: 100%; }
#SUB-GNB .drop_menu a	{ line-height: 45px; border-bottom:1px solid #404040;}
#SUB-GNB a:after	{ height: 45px; }
#SUB-GNB .drop_menu ul.show_menu	{ padding-top: 45px !important; }
#SUB-GNB .drop_menu ul li.fix_menu > a {border-right:0; float:none !important;}
#SUB-GNB .drop_menu a {font-size:14px;}
#SUB-GNB .drop_menu ul li.fix_menu.last_depth   { float: none !important; }
#SUB-GNB .drop_menu ul li.fix_menu > a   { float: none !important; }  
#SUB-GNB .drop_menu ul.show_menu > li   { float: none !important; }
#SUB-GNB .drop_menu ul.show_menu > li > a   { float: none !important; }


/*서브비쥬얼*/
.sub_visual {height:120px;}
.sub_visual h2 {font-size:28px; line-height:28px; padding-bottom:0;}
.sub_visual.sub_visual01 {background:url(../images/sub/sub_visual01.jpg) no-repeat; background-size:cover;}
.sub_visual.sub_visual02 {background:url(../images/sub/sub_visual02.jpg) no-repeat; background-size:cover;}
.sub_visual.sub_visual03 {background:url(../images/sub/sub_visual03.jpg) no-repeat; background-size:cover;}
.sub_visual.sub_visual04 {background:url(../images/sub/sub_visual04.jpg) no-repeat; background-size:cover;}
.sub_visual.sub_visual05 {background:url(../images/sub/sub_visual05.jpg) no-repeat; background-size:cover;}
.sub_visual.sub_visual06 {background:url(../images/sub/sub_visual06.jpg) no-repeat; background-size:cover;}
.sub_visual.sub_visual07 {background:url(../images/sub/sub_visual07.jpg) no-repeat; background-size:cover;}
.sub_visual.sub_visual08 {background:url(../images/sub/sub_visual08.jpg) no-repeat; background-size:cover;}


/** 로그인 **/
.sub_tt {font-size:23px; line-height:23px; padding:0px 0 20px;}
.sub_txt {padding:0px 0 30px; font-size:13px; line-height:20px;}
.login_box .login > ul {padding:20px 0;}
.login_box .login > ul > li {width:100%; padding:0 15px; height:inherit; margin-bottom:30px;}
.login_box .login > ul > li:last-child {margin-bottom:0;}
.login_box .login > ul > li:first-child:after {width:0px;}
.login_box .login ul li .title {font-size:20px; padding-bottom:20px;}
.login_box .login ul li .login_form {position:relative;}
.login_box .login ul li .login_area {padding-right:105px;}
.login_box .login ul li .login_area p.id {padding-bottom:15px;}
.login_box .login ul li .login_area p input {height:35px; padding-left:20px; font-size:13px;}
.login_box .login ul li .login_area p.id input {background:url(../images/sub/idbg.png) no-repeat left center; background-size:10px;}
.login_box .login ul li .login_area p.psw input {background:url(../images/sub/pswbg.png) no-repeat left center; background-size:10px;}
.login_btn a {width:90px; height:85px; line-height:85px; font-size:13px;}
.click_menu {padding-top:20px;}
.click_menu span a {padding:0 10px; font-size:13px;}
.con_tab.in {padding-bottom:20px;}
.con_tab.in ul li a {font-size:12px;}
.rollbtn_area a {height:40px; line-height:40px; font-size:13px;}
.in_text {padding-top:20px; font-size:13px; line-height:20px;}
.in_text br {display:none;}
.social span {padding:0 10px;}
.social span a {width:40px;}
.social span a img {width:100%;}
.login_box .login .text_box p.st {padding-left:10px;}
.con_tab.in {padding-bottom:20px;}
.con_tab.in ul li a {font-size:12px;}
.con_tab ul li a {height:40px; line-height:40px; font-size:13px;}
.text_box {padding:15px; margin-top:25px;}
.text_box p {font-size:13px; color:#878787; padding-bottom:5px;}
.text_box p:last-child {padding-bottom:0;}
.text_box p.lh {line-height:20px;} 
.con_tab.long li {width:100%; margin-top:-1px;}


/** 회원가입선택 **/
.sub_tt {font-size:23px; line-height:23px; padding:0px 0 20px; margin-bottom:20px;}
.sub_txt {padding:0px 0 30px; font-size:13px; line-height:20px;}
.icon_view {padding:10px 0 30px; display:none;}
.icon_view:after {height:0px;}
.icon_view ul li {width:100%; margin-bottom:20px;}
.icon_view ul li:last-child {margin-bottom:0;}
.icon_view ul li:nth-child(1) dl dt {background:url(../images/sub/backicon01.png) no-repeat center; background-size:75px;}
.icon_view ul li:nth-child(2) dl dt {background:url(../images/sub/backicon02.png) no-repeat center; background-size:75px;}
.icon_view ul li:nth-child(3) dl dt {background:url(../images/sub/backicon03.png) no-repeat center; background-size:75px;}
.icon_view ul li:nth-child(4) dl dt {background:url(../images/sub/backicon04.png) no-repeat center; background-size:75px;}
.icon_view ul li:nth-child(5) dl dt {background:url(../images/sub/backicon05.png) no-repeat center; background-size:75px;}
.icon_view ul li.on:nth-child(1) dl dt {background:url(../images/sub/backicon01on.png) no-repeat center; background-size:75px;}
.icon_view ul li.on:nth-child(2) dl dt {background:url(../images/sub/backicon02on.png) no-repeat center; background-size:75px;}
.icon_view ul li.on:nth-child(3) dl dt {background:url(../images/sub/backicon03on.png) no-repeat center; background-size:75px;}
.icon_view ul li.on:nth-child(4) dl dt {background:url(../images/sub/backicon04on.png) no-repeat center; background-size:75px;}
.icon_view ul li.on:nth-child(5) dl dt {background:url(../images/sub/backicon05on.png) no-repeat center; background-size:75px;}
.icon_view ul li dl {width:100%; padding:0 0px;}
.icon_view ul li dl dt {padding-bottom:20px; width:100%; height:75px;}
.icon_view ul li dl dd {font-size:13px;}
.icon_view ul li.on dl dd {font-size:15px;}
.member_box ul li {width:100%; margin-bottom:10px;}
.member_box ul li:last-child {margin-bottom:0;}
.member_box ul li:nth-child(1) {padding-right:0px;}
.member_box ul li:nth-child(2) {padding-left:0px;}
.member_box ul li .member {padding:25px 15px;}
.member_box ul li .member dl dt {padding-bottom:15px; width:75px; display:inline-block;}
.member_box ul li .member dl dt img {width:100%;}
.member_box ul li .member dl dd {font-size:15px;}
.btn_area {padding-top:15px;}
.b_btn {width:100%; height:35px; line-height:35px; font-size:13px;}



/** 회원가입약관동의 **/
.box_text {padding:20px 15px; font-size:13px; margin-bottom:20px;}
.tt_txt {font-size:16px; padding-bottom:15px; line-height:16px;}
.tt_txt.pdt {padding-top:20px;}
.etc_box {border:1px solid #e2e2e2; padding:20px 15px; height:100px; line-height:22px;}
.chk.pdt {padding-top:10px;}
.chk span input[type="checkbox"] {width:16px;height:16px;}
.chk span label:after{width:16px;height:16px; background:url(../images/sub/unchek_bg.gif) no-repeat center; background-size:16px; top:0;}
.chk span input:checked + label:after{background:url(../images/sub/onchek_bg.gif) no-repeat center; background-size:16px;}
.btn_wrap {padding-top:20px;}
.btn_wrap.two span {display:inline-block; margin:0px; width:50%; box-sizing:border-box;}
.btn_wrap span:nth-child(1) {padding-right:5px;}
.btn_wrap span:nth-child(2) {padding-left:5px;}



/** 회원정보입력 **/
.tt_txt {font-size:15px; padding-bottom:15px; line-height:16px;}
.tt_txt span {font-size:13px;}
.tt_txt.pdt {padding-top:30px;}
.tt_txt.pdt br {display:block; line-height:20px;}
.hisco_table .type04 .line_h {line-height:inherit;}
.hisco_table.login .type04 th {width:90px; font-size:13px; padding-left:15px;}
.essential {position:absolute; left:0px;}
.hisco_table .type04 th {font-size:12px; padding:0 3px; letter-spacing:-1px;}
.hisco_table .type04 th br {display:block;}
.hisco_table .type04 th span {margin-left:3px;}
.hisco_table .type04 td {padding:10px; font-size:12px; position:relative;}
.hisco_table .type04 td.left {padding-left:10px; letter-spacing:-1px;}
.hisco_table .type04 td input {height:33px; padding:0 10px; font-size:13px;}
.hisco_table .type04 td input[type="file"] {font-size:13px;}
.hisco_table .type04 td.chk span {margin-left:5px;}
.hisco_table .type04 td.chk span label {margin-left:3px; font-size:13px;}
.hisco_table .type04 td p.eri_txt {padding-top:5px;}
.hisco_table .type04 td p:first-child {padding-top:0;}
.hisco_table.login .type04 td input {width:100%;}
.paw_area button {display:inline-block; width:80px; height:33px; line-height:33px; margin-left:0px; font-size:12px;}
.paw_area {position:inherit; display:block; padding-top:10px; top:0; right:0;}
.chage_txt {margin-left:0px; display:block; margin-top:10px;}
.space02 {display:inline-block; padding-left:10px;}
.space03 {display:inline-block; padding-left:15px;}
.space04 {display:inline-block; padding-left:20px;}
.hisco_table.login table td ul.mail {display:block;}
.hisco_table.login table td ul.mail li.width01 {width:100%; display:block; margin-bottom:10px;}
.hisco_table.login table td ul.mail li.width02 {display:none;}
.hisco_table.login table td ul.mail li.width03 {width:100%; display:block; margin-bottom:10px; padding-left:0;}
.hisco_table.login table td ul.mail li.width04 {width:100%; display:block; padding-left:0px;}
.hisco_table.login table.type04 td ul.mail li input {width:100%;}
.one_width {width:100%;}
.hisco_table.login table.type04 .chk span {margin-left:0px; display:block;}
.hisco_table.login table.type04 .chk span:nth-child(2) {margin:10px 0;}
.hisco_table.login table.type04 .chk span label:after{width:16px;height:16px; background:url(../images/sub/unchek_bg.png) no-repeat;z-index:1; background-size:16px;}
.hisco_table.login table.type04 .chk span input:checked + label:after{background:url(../images/sub/onchek_bg.png) no-repeat 0 0; background-size:16px;}
.hisco_table.login table.type04 .chk span label:after{width:16px;height:16px; background:url(../images/sub/unchek_bg.gif) no-repeat; background-size:16px; top:1px;}
.hisco_table.login table.type04 .chk span input:checked + label:after{background:url(../images/sub/onchek_bg.gif) no-repeat 0 0; background-size:16px;}
.etc_txt {padding-top:10px;}
.etc_txt span {font-size:13px;}
.etc_txt p {padding-bottom:5px;}
.select {height:35px;}
.hisco_table .type04 select {height:35px; background:#f9f9f9 url(../images/sub/selectbg.png) no-repeat 95% center; background-size:15px; font-size:13px; padding-left:10px;}


/** 회원가입약관동의 **/
.box_text {padding:20px 15px; font-size:13px; margin-bottom:20px;}
.tt_txt {font-size:16px; padding-bottom:15px; line-height:16px;}
.tt_txt.pdt {padding-top:20px;}
.etc_box {border:1px solid #e2e2e2; padding:20px 15px; height:100px; line-height:22px;}
.chk.pdt {padding-top:10px;}
.chk span input[type="checkbox"] {width:16px;height:16px;}
.chk span label:after{width:16px;height:16px; background:url(../images/sub/unchek_bg.gif) no-repeat center; background-size:16px; top:0;}
.chk span input:checked + label:after{background:url(../images/sub/onchek_bg.gif) no-repeat center; background-size:16px;}
.btn_wrap {padding-top:20px;}
.btn_wrap.two span {display:inline-block; margin:0px; width:50%; box-sizing:border-box;}
.btn_wrap span:nth-child(1) {padding-right:5px;}
.btn_wrap span:nth-child(2) {padding-left:5px;}


/** 회원가입완료 **/
.completion {padding:20px 15px;}
.completion dl {display:block; width:100%; text-align:center;}
.completion dl dt {display:inline-block; width:75px; padding-bottom:15px;}
.completion dl dt img {width:100%;}
.completion dl dd {display:block;}
.completion dl dd .mt {font-size:15px; padding-bottom:15px; line-height:15px;}
.completion dl dd .st {font-size:13px; line-height:20px;}
.completion dl dd .st br {display:none;}
.completion.mdt {margin-top:20px;}
.position_btn {position:static; right:0; top:0; margin-top:0px; padding-top:20px;}
.w_btn {width:100%; height:40px; line-height:40px; font-size:13px;}


/** 아이디찾기 **/
.con_tab {padding-bottom:30px;}
.con_tab ul li {width:50%;}
.con_tab.three.mtwo ul li {width:50%;}
.con_tab ul li a {height:40px; line-height:40px; font-size:13px;}
.hisco_table.login table.type04 td ul.birth > li {width:100%; padding-left:0px; margin-top:10px;}
.hisco_table.login table.type04 td ul.birth > li:first-child {padding-left:0; margin-top:0;}


/** 아이디찾기결과 **/
.ctext_box {padding:25px 15px;}
.ctext_box dl dt {font-size:15px; padding-bottom:15px;}
.ctext_box dl dd {font-size:13px;}
.ctext_box dl dd span {font-size:13px;}



/** 비밀번호찾기 **/
.member_box li .member dl dd .mt {font-size:15px; padding-bottom:10px;}
.member_box li .member dl dd .st {font-size:13px;}
.id_box {padding-bottom:25px;}
.id_box .center {width:100%;}
.id_box dl {width:100%;}
.id_box dl dt {font-size:13px; width:20%;}
.id_box dl dd {padding-left:15px; width:80%;}
.id_box dl dd input {height:33px; border:1px solid #e1e1e1; background:#f9f9f9; padding:0 10px; box-sizing:border-box; font-size:13px;}


/** 내가쓴글관리 **/
.con_tab.ten ul li {width:50%;}
.m_table table {border-top:1px solid #4075bd;}
.m_table table tr th {padding:10px 5px; font-size:13px;}
.m_table table tbody tr td {padding:10px 5px; font-size:13px; letter-spacing:-0.7px; line-height:18px;}
.m_table table tr th br {display:block;}
.paging{margin-top:25px;}
.paging span a{display:inline-block; width:33px; height:33px; font-size:14px; line-height:33px;}
.paging span a.first {background:url(../images/sub/page_leftbg.png) no-repeat center center; text-indent:-9999em; width:33px; height:33px; background-size:8px;}
.paging span a.last {background:url(../images/sub/page_rightbg.png) no-repeat center center; text-indent:-9999em; width:33px; height:33px; background-size:8px;}
.paging span.target{width:33px; height:33px; line-height:33px; font-size:14px;}
.mywrite_search {padding:20px 15px; margin-bottom:25px;}
.mywrite_search.mgt {margin-top:20px;}
.mywrite_search > form > fieldset > ul {position:relative; width:100%;}
.mywrite_search > form > fieldset > ul > li {box-sizing:border-box;}
.mywrite_search > form > fieldset > ul > li.width00 {width:100%; margin-bottom:10px;}
.mywrite_search > form > fieldset > ul > li.width01 {width:50%; padding-right:5px; margin-bottom:10px;}
.mywrite_search > form > fieldset > ul > li.width02 {width:50%; margin-left:0px; padding-left:5px; margin-bottom:10px;}
.mywrite_search.full > form > fieldset > ul > li.width02 {width:100%; margin-left:0px; padding-left:0px; margin-bottom:10px;}
.mywrite_search > form > fieldset > ul > li.width03 {width:100%; margin-left:0px;}
.mywrite_search > form > fieldset > ul > li.width04 {width:80px; margin-left:10px; position:absolute; right:0; bottom:0;}
.mywrite_search > form > fieldset > ul input {width:100%; height:35px; padding-left:10px; padding-right:90px; font-size:13px;}
.mywrite_search > form > fieldset > ul > li.width04 button {line-height:35px; font-size:13px; width:80px;}
select {height:35px; font-size:13px;}
.boardType .boardList.new span {border-right:0;}



/** 고객의소리 **/
.iconbg_box {padding:100px 15px 15px 20px; background:url(../images/sub/iconboxbg01.png) no-repeat center 20px; background-size:65px;}
.iconbg_box p {line-height:22px; color:#5c5c5c;}
.iconbg_box p.pl_area {padding-top:10px;}
.icon_btn a {display:block; width:200px; height:35px; line-height:35px; padding-left:35px; font-size:14px;}
.icon_btn a em {width:35px; height:35px; background:url(../images/sub/phonebg.png) no-repeat center; background-size:18px; border-right:1px solid #3068b0;}
.imgbg_box {padding-top:20px; display:none;}
.ptt {padding-top:30px !important;}
.btn_wrap.one.right {text-align:center; padding-top:20px;}

/*  2019.05.22 css 추가 부분  */
.org_link { padding: 20px 15px; box-sizing: border-box;  }
.org_link a { display: block; padding-left: 40px; padding-right: 15px; box-sizing: border-box; font-size: 13px; width: 100%; height: 40px; line-height: 40px; }
.org_link a em { width: 40px; height: 40px; }
/*  2019.05.22 css 추가 부분  */

/** 고객의소리_입력 **/
.radio span input[type="radio"] {opacity:0; width:16px;height:16px;}
.radio span label {font-size:12px; margin-left:8px;} 
.radio span label::after{top:-1px;left:0px; width:16px;height:16px; background:url(../images/sub/unchek_bg.png) no-repeat;  background-size:16px;}
.radio span input:checked + label::after { background:url(../images/sub/onchek_bg.png) no-repeat;; background-size:16px; border:0;}
.radio span.disabled label::after {opacity:0.5;}
.hisco_table.login .type04 td .radio span {margin-right:10px;}
.hisco_table.login .type04 td .radio label {margin-left:10px;}
.radio_area i {margin-right:10px;}
.hisco_table .type04 td textarea {height:120px;}



/** 통합아이디 **/
.member_box.integration {padding-top:30px;}
.member_box.integration ul li .member dl dd {font-size:13px; letter-spacing:-1px;}



/** 고객의소리상세 **/
.view_tt {font-size:16px; padding-bottom:15px; position:relative;}
.view_tt.pdt {padding-top:30px;}
.view_tt span {padding:0 15px; height:28px; line-height:28px; font-size:13px; margin-right:0px;}
.view_tt em {font-size:16px;}
.view_tt i {display:block; font-size:15px; padding-top:10px;}
.view_box .view_head {padding:15px; font-size:13px;}
.view_box .view_head span {display:block; padding:0;}
.view_box .view_head span:first-child {padding-bottom:5px;}
.view_box .view_head span:nth-child(2) {padding-bottom:5px;}
.view_box .view_head em {display:inline-block; float:none; padding-top:5px;}
.view_box .view_con {padding:15px; font-size:13px; line-height:20px;}
.view_box .view_file {padding:15px;}
.view_box .view_file dl {display:block;}
.view_box .view_file dl dt {display:block; font-size:13px; font-weight:700; padding-bottom:15px;}
.view_box .view_file dl dd {display:block;}
.view_box .view_file dl dd span {display:block; margin-right:0px; margin-bottom:10px;}
.view_box .view_file dl dd span:last-child {margin-bottom:0;}
.view_box .view_file dl dd span a {padding:0 15px; height:30px; line-height:30px;}
.hisco_table .type04 td textarea {height:130px; padding:10px; font-size:13px; }
.view_tt .like_area {position:absolute; top:0; right:0; line-height:37px; font-size:15px; padding-left:20px;}
.view_tt .like_area:before {width:18px; height:16px; content:''; display:block; position:absolute; left:0; background:url(../images/sub/likebg.png) no-repeat; top:10px; background-size:18px;}
.btn_area03 span:nth-child(1) {padding-right:5px;}
.btn_area03 span:nth-child(2) {padding-left:5px;}
.btn_area03 span a {width:100%; height:36px; line-height:36px; font-size:13px;}
.btn_area03 span {width:50%; margin-left:0px; box-sizing:border-box; margin:0;}
.btn_area03 span:nth-child(3) {width:100%; margin-top:10px;}
.like_btn {border:1px solid #d97d08; color:#d97d08; padding-left:30px; position:relative;}
.like_btn:before {width:18px; height:16px; content:''; display:block; position:absolute; left:50%; margin-left:-30px; background:url(../images/sub/likebg02.png) no-repeat; top:9px; background-size:18px;}
.like_btn.on:before {width:18px; height:16px; content:''; display:block; position:absolute; left:50%; margin-left:-30px; background:url(../images/sub/likebg03.png) no-repeat; top:9px; background-size:18px;}
.view_box .satisfaction .radio {text-align:left; padding:10px 0;}
.view_box .satisfaction .radio span {display:block; width:100%; padding:3px 0;}
.view_box .satisfaction .radio span label {width:113px; padding-left:10px;}
.view_box .satisfaction .radio span label img {width:85px;}
.view_box .satisfaction .radio span label::after{width:16px;height:16px; background:url(../images/sub/unchek_bg.png) no-repeat;  background-size:16px; left:0; top:5px;}
.view_box .satisfaction .radio span input:checked + label::after { background:url(../images/sub/onchek_bg.png) no-repeat;; background-size:16px;}



/** 고객제안 **/
.bg_box {padding:20px 15px !important;}
.bg_box:after {display:none !important;}
.bg_box p {font-size:13px; line-height:20px;}
.bg_txtbox {padding:20px 15px;}
.bg_txtbox dl dt {font-size:15px; padding-bottom:15px;}
.bg_txtbox dl dd {font-size:13px; padding-bottom:5px;}
.bg_txtbox dl dd:before {content:'-'; display:block; color:#5e5e5e; position:absolute; left:0; top:0;}
.img_btn_area {padding-top:20px;}
.img_btn_area span {display:inline-block; margin-left:0px; width:100%; margin-bottom:5px;}
.img_btn_area span a {display:block; width:100%; height:40px; line-height:40px; padding-right:15px; box-sizing:border-box; text-align:center; padding-left:40px;}
.img_btn_area span a em {display:inline-block; width:40px; height:40px;}





/** 고객서비스헌장 **/
.charter {background:#f3f3f2 url(../images/sub/handbg.png) no-repeat right bottom; padding:35px 15px; background-size:190px;}
.charter .charter_tt {font-size:20px; line-height:20px; padding-left:25px; margin-bottom:30px;}
.charter .charter_tt:before {width:36px; height:30px; position:absolute; left:0px; top:-10px; background:url(../images/sub/charter01.png) no-repeat; background-size:36px;}
.charter .charter_tt:after {width:36px; height:30px; position:absolute; right:-25px; bottom:-10px; background:url(../images/sub/charter02.png) no-repeat; background-size:36px;}
.charter .basic_tt {font-size:13px; line-height:20px; padding-bottom:20px;}
.charter .basic_tt br {display:none;}
.charter ol {padding-bottom:20px;}
.charter ol li {font-size:14px; padding-bottom:10px; line-height:20px;}
.charter ol li:last-child {padding-bottom:0;}
.charter .basic_tt:last-child {padding-bottom:0;}




/** 서비스이행표준공통 **/
.con_tab.many li {width:50%;}



/** 고시및공고 **/
.text_btn .mt {font-size:13px; padding-bottom:5px;}
.text_btn .p_btn a {padding-bottom:2px;}



/** 경영공시제도안내 **/
.box_btn {display:block; margin-top:15px;}
.box_btn a {padding:7px 12px; text-align:center; display:inline-block; font-size:13px; line-height:13px; margin-left:0px;}




/** 경영공시비전과목표 **/
/*
.vision > ul {background:none;}
.vision > ul > li {padding-bottom:30px;}
.vision ul li dl dt {font-size:23px; line-height:23px; padding-bottom:15px;}
.vision ul li dl dd img {width:100%; max-width:636px;}
.vision ul li dd ul.goals li {width:50%; margin-bottom:20px;}
.vision ul li dd ul.goals li p {width:120px; height:120px; line-height:20px; padding:40px 0;}
.vision ul li dd ul.strategy li {width:100%; margin-right:0px; height:inherit; padding:25px 15px; margin-bottom:20px;}
.vision ul li dd ul.strategy li:last-child {margin-right:0; margin-bottom:0;}
.vision ul li dd ul.strategy li .img {padding-bottom:15px; width:100px; height:100px; display:inline-block;}
.vision ul li dd ul.strategy li .img img {width:100%;}
.vision ul li dd ul.strategy li dl dt {font-size:18px; padding-bottom:20px;}
.vision ul li dd ul.strategy li dl dd {padding-bottom:10px; padding-left:10px;}*/


/** 경영공시경영평가 **/
.m_table table tr.total td {font-size:13px;}


/** 경영공시재무상태 **/
#sub_content h3 .right {font-size:13px; line-height:13px; position:relative; top:5px;}


/** 경영공시사업예산 **/
#sub_content h4 .right {font-size:13px; line-height:13px; position:relative; top:5px;}



/** 도시개발사업자체개발사업 **/
#slides {text-align:center;}
.sub_slide_box ul li {height:inherit; width:100%;}
.sub_slide_box ul li img {width:100%; max-width:600px;}
.sub_slide_box ul li.text {padding:25px 15px;}
.sub_slide_box ul li.text .mt {font-size:20px; padding-bottom:20px;}
.sub_slide_box ul li.text .st dl {padding-bottom:10px;}
.sub_slide_box ul li.text .st dl dt {width:70px; font-size:13px; padding-left:8px;}
.sub_slide_box ul li.text .st dl dt:before {width:2px; height:2px; top:8px;}
.sub_slide_box ul li.text .st dl dd {font-size:13px;}
.sub_slide_box ul li.text .st dl dd a {color:#545454;}
.m_table.left table tbody tr td {padding:10px 15px;}
.etc_txt.color span {color:#0c4da2;}

/*** 슬라이드버튼   ***/
.sub_slide_box .slidesjs_btn {height:48px; position:relative; line-height:48px; padding:0 15px;}
.sub_slide_box #slidesjs-log {font-size:16px; font-weight:400;}
.sub_slide_box a.slidesjs-next {width:30px; height:30px; right:15px; bottom:9px; background-size:30px;}
.sub_slide_box a.slidesjs-previous {width:30px; height:30px; left:15px; bottom:9px; background-size:30px;}



/** 공공시설 **/
.con_tab.many.line_h ul li {width:50%;}
.con_tab.many.line_h ul li a {display:block; height:60px; line-height:18px; font-size:13px; padding:10px 0; letter-spacing:-2px;}
.con_tab.line_h ul li a {display:block; height:60px !important; line-height:18px; font-size:13px; padding:10px 0; letter-spacing:-2px;}
.con_tab.two.line_h ul li a {display:block; height:60px; line-height:18px; font-size:13px; padding:10px 0; letter-spacing:-2px;}
.con_tab.many.line_h ul li a.on {color:#4075bd; background:#edf0f6; border:1px solid #4075bd; position:relative;}
.con_tab.many.line_h li {width:20%; margin-left:-1px; margin-top:-1px;}





/** 시설운영사업체육문화시설 **/
.year_imgbox ul li {width:100%; margin-right:0px; height:inherit;}
.year_imgbox ul li .img {text-align:center;}
.year_imgbox ul li .img img {width:100%; max-width:283px;}
.year_imgbox ul li dl {padding:20px 15px;}
.year_imgbox ul li dl dt {font-size:15px; padding-bottom:5px;}
.year_imgbox ul li dl dd {font-size:13px; line-height:20px;}




/** CEO인사말 **/
.boss_box {padding:25px 15px 170px;}
.boss_box:after {display:block; content:''; background:url(../images/sub/ceobg.png) no-repeat; position:absolute; right:0px; bottom:0; width:220px; height:180px; background-size:220px;}
.boss_box dl dt {font-size:20px; line-height:20px; padding-bottom:10px; letter-spacing:-0.5px;}
.boss_box dl dt:before {display:none;}
.boss_box dl dt:after {display:none;}
.boss_box dl dt span {font-size:20px; letter-spacing:-1px;}
.boss_box dl dd {font-size:13px; line-height:20px;}
.boss_box dl dd br {display:none;}
.boss_box dl dd.sign {padding-top:25px;}
.boss_box dl dd.sign span {display:block; padding-left:0px; padding-top:15px;}
.boss_box dl dd.sign span img {width:80px;}
.boss_txt {padding-top:30px;}
.boss_txt p {font-size:13px; line-height:20px; padding-top:10px;}
.boss_txt p br {display:none;}




/** 보상절차 **/
.compensation ul li {width:100%; margin-bottom:20px; padding-right:0px;}
.compensation ul li:after {background:none;}
.compensation ul li img {width:100%; max-width:360px;}




/** 연혁 **/
.dl_text dl dt {font-size:22px; padding-bottom:15px;}
.dl_text dl dd {font-size:16px; line-height:22px;}
.dl_text dl dd br {display:none;}
.history ul {display:block; padding-bottom:15px;}
.history ul:last-child {padding-bottom:0;}
.history ul li {display:block;}
.history ul li.year {font-size:25px; line-height:25px; width:100%; padding-bottom:5px;}
.history ul li.day {padding:10px 0 15px;}
.history ul li.day:before {display:none;}
.history ul li.day p {padding:3px 0; padding-left:0px;}
.history ul li.day p:before {display:none;}
.history ul li.day p:first-child:before {display:none;}
.history ul li.day p span {font-size:13px; position:absolute;}
.history ul li.day p em {padding-left:25px; font-size:13px;}




/** 부조리신고센터 **/
.arrow_box ul li {width:100%; margin-bottom:20px;}
.arrow_box ul li:last-child {margin-bottom:0;}
.arrow_box ul li:after {display:none;}
.arrow_box ul li .table {width:100%; height:65px;}
.arrow_box ul li .table p {display:table-cell; line-height:20px;}
.con_tab.line_h.four ul li {width:50%;}
.con_tab.line_h.four ul li a {height:40px !important;}
.con_tab.line_h.four.lenth ul li a {height:60px !important; display:block; height:60px; line-height:18px; font-size:13px; padding:10px 0; letter-spacing:-2px;}
.con_tab.three.lenth ul li a {height:60px !important; display:block; height:60px; line-height:18px; font-size:13px; padding:10px; letter-spacing:-2px;}


/** 부조리신고센터_신고하기 **/
.con_tt03 .radio span label {padding-left:0px;}



/** 부조리신고센터_신고자보상 **/
.arrow_box02 ul li {width:100%; margin-bottom:20px;}
.arrow_box02 ul li:last-child {margin-bottom:0;}
.arrow_box02 ul li:after {display:none;}
.arrow_box02 ul li .table {width:100%; height:65px;}
.arrow_box02 ul li .table p {display:table-cell; line-height:20px;}
.arrow_box02 ul li:last-child {width:100%;}




/** 홍보동영상 **/
.movie_box ul li {width:100%; height:inherit;}
.movie_box ul li img {width:100%; max-width:600px;}
.movie_box ul li:last-child {padding:20px 15px;}
.movie_box ul li dl dt {font-size:15px; padding-bottom:15px;}
.movie_box ul li dl dd {font-size:13px; line-height:20px; padding-bottom:15px;}
iframe {width:100% !important; height:250px;}






/** 영상정보처리기기 설치/운영 현황 **/
.m_table.no_pad table tbody tr td {padding:10px 5px; font-size:13px; line-height:18px;}



/** 남양주도시공사약도**/
.root_daum_roughmap {width: auto !important; max-width: 100% !important;}
.wrap_map {height:250px !important;}



/** 인증현황**/
.certificate01 {position:relative; right:0; top:0; margin-bottom:20px; text-align:center;}
.certificate02 {position:relative; right:0; top:0; text-align:center; margin-bottom:20px;}
.certificate_box img {width:100%; max-width:328px;}



/** 오시는길셔틀버스안내**/
.bus ul li {width:100%;}
.bus ul li:first-child {padding-right:0px; margin-bottom:20px;}
.bus ul li:last-child {padding-left:0px;}
.busbg p img {width:100%;}



/** 조직도**/
.group_img .group01 {padding-bottom:30px;}
.group_img .group01:after {display:none;}
.group_img .group01 p {width:100%; height:70px; padding:3px;}
.group_img .group01 p a {display:block; height:60px;}
.group_img .group01 p span {font-size:16px; /*padding-top:10px;*/}
.group_img .group01 p span em {font-size:15px;}
.group_img .group02 dl {display:block; padding-left:0; margin-left:0; padding-bottom:30px;}
.group_img .group02 dl:after {display:none;}
.group_img .group02 dl:before {display:none;}
.group_box dl dt a {width:100%; height:50px; line-height:50px; font-size:16px;}
.group_box dl dd a {margin-top:10px; height:40px; line-height:40px; font-size:13px; width:100%;}
.group_box dl dd.str a {border:1px solid #738f03;}
.group_img .group03 ul:before {display:none;}
.group_img .group03 ul li {width:100%; padding-top:0px; margin-top:20px;}
.group_img .group03 ul li:first-child {margin-top:0;}
.group_img .group03 ul li:before {display:none;}
.group_img .group03 ul li dl {display:block;}
.group_img .group022 ul li {padding:0 0 30px; width:100%;}
.group_box .group022 dl dt a {width:100%; height:50px; line-height:50px; font-size:16px;}
.group_img .group022 ul li dl {display:block;}
.group_img .group022 ul li:last-child {padding:0 0 30px;}
.group_img .group022 ul:before {display:none;}
.group_img .group022 ul li:before {display:none;}
.group_img .group022 ul li:after {display:none;}
.group_img .group022 ul li:last-child:after {display:none;}
.group_box .group03 dl dt a {width:100%; height:50px; line-height:50px; font-size:16px;}
.group_box .group03 dl dd a {margin-top:10px; height:40px; line-height:40px; font-size:13px; width:100%;}
.group_img .group03 ul li:last-child {width:100%;}


/** 개인정보처리방침**/
.etc_tt {line-height:20px;}
.etc_tt p.img {padding-top:15px;}
.etc_tt p.img img {width:100%;}



/** 공사CI **/
.ci_area p {line-height:160px; padding:20px 30px; box-sizing:border-box;}
.ci_area p img {vertical-align:middle; width:100%; max-width:385px;}
.ci_box ul li {width:100%; border-right:0; border-bottom:1px solid #e1e1e1;}
.ci_box ul li:last-child {border-bottom:0;}
.ci_box ul li .ci {padding:20px;}
.ci_box ul li .ci p {padding-left:32px; font-weight:700; font-size:17px;}
.ci_box ul li:nth-child(1) .ci p {background:url(../../resources/images/sub/cibg03.png) no-repeat left center; background-size:22px;}
.ci_box ul li:nth-child(2) .ci p {background:url(../../resources/images/sub/cibg04.png) no-repeat left center; background-size:22px;}
.ci_box ul li .ci p span {font-size:13px; display:block;}
.img_btn_area.same span a {display:block; width:100%; height:40px; line-height:40px; padding-right:15px; box-sizing:border-box; text-align:center; padding-left:40px;}
.img_btn_area.same span a em {display:inline-block; width:40px; height:40px;}
.ci_half ul li {width:100%; margin-bottom:20px;}
.ci_half ul li:first-child {padding-right:0px;}
.ci_half ul li:last-child {padding-left:0px; margin-bottom:0;}
.ci_half ul li .ci_img {padding:40px 0;}
.ci_half ul li .ci_img img {width:45px;}
.ci_half02 ul li {width:100%; margin-bottom:20px;}
.ci_half02 ul li:first-child {padding-right:0px;}
.ci_half02 ul li:last-child {padding-left:0px; margin-bottom:0px;}
.ci_half02 ul li .ci_img {height:inherit; padding:40px 0;}
.ci_half02 ul li .ci_img p {line-height:inherit;}
.ci_half02 ul li .ci_img p img {vertical-align:middle;}
.ci_half02 ul li:first-child .ci_img p img {width:250px;}
.ci_half02 ul li:last-child .ci_img p img {width:130px;}




/** 정보공개청구절차**/
.procedure ul li {width:100%; margin-bottom:10px;}
.procedure ul li:after {display:none;}
.procedure ul li:last-child:after {display:none;}
.procedure ul li .box {width:100%; height:inherit;}
.procedure ul li .box .tt {height:35px; line-height:35px; font-size:15px;}
.procedure ul li .box .box_tt {padding:20px 0px 20px 20px; height:inherit;}
.procedure ul li .box .box_tt p {font-size:13px; padding-bottom:5px;}
.procedure ul li .box .box_tt p:before {position:absolute; content:''; display:block; width:2px; height:2px; border-radius:100%; border:1px solid #565656; left:0; top:6px;}
.procedure ul.type {padding-top:0px;}
.procedure ul.type:before {display:none;}
.procedure ul.type li:after {display:none;}
.procedure ul.type li {line-height:0; margin-bottom:0;}
.w_text p {padding-top:8px;}
.w_text p .img_btn_area.same {padding-top:10px;}
.w_text p .img_btn_area.same a {min-width:260px; padding:0 20px 0 65px; width:auto;}
.img_btn_area.width a {min-width:260px; padding:0 20px 0 65px; width:auto;}
.w_text p .img_btn_area.same span:nth-child(2) a {background: #0c4da2}
.w_text p .img_btn_area.same span a em {border-right: 1px solid #3068b0;}
.img_btn_area.width.no_pd {padding-top:0;}




/** 사전정보공표**/
.public {padding:20px 15px; background:#fcfcfc;}
.public dl dt {font-size:16px; padding-bottom:10px;}
.public dl dd.st {font-size:13px; line-height:20px;}
.public dl dd.st br {display:none;}
.public dl dd.ht {padding-top:10px;}
.public_pt {padding-top:15px;}
.public_btn a {display:block; width:200px; height:35px; line-height:35px; padding-left:35px; font-size:14px;}
.public_btn a em {width:35px; height:35px; background:url(../images/sub/publicbtnbg.png) no-repeat center; background-size:18px; border-right:1px solid #3068b0;}



.new_icon {vertical-align:middle; padding-left:10px; width:15px;}



/** 사이트맵 **/
.site ul li {width:100%; float:left; padding:0 10px; box-sizing:border-box; margin-bottom:20px;}
.site ul li dl {padding-top:10px; border-top:1px solid #d97d08;}
.site ul li dl dt {padding:5px 0 15px; margin-bottom:15px;}
.site ul li dl dt a {display:block; color:#333; font-weight:700; font-size:18px;}
.site ul li dl dd {padding-bottom:7px;}


/** 경영공시비전과목표 **/
.vision_tt dl dt {font-size:20px; line-height:20px; padding-bottom:15px;}
.vision_tt dl dd {font-size:16px; line-height:22px;}
.vision_tt dl dd br {display:none;}
.vision_box01 {padding-top:25px;}
.vision_box01 ul li {width:100%; margin-bottom:20px;}
.vision_box01 ul li:last-child {margin-bottom:0;}
.vision_box01 ul li:nth-child(odd) {padding-right:0px;}
.vision_box01 ul li:nth-child(even) {padding-left:0px;}
.vision_box01 ul li dl dt {padding:20px 0; border:1px solid #2e66af; font-size:16px;}
.vision_box01 ul li dl dt:after {width:18px; height:18px; bottom:-12px; margin-left:-9px;}
.vision_box01 ul li:nth-child(1) dl dt:after {background:url(../images/sub/vi01.png) no-repeat; background-size:18px;}
.vision_box01 ul li:nth-child(2) dl dt:after {background:url(../images/sub/vi02.png) no-repeat; background-size:18px;}
.vision_box01 ul li:nth-child(3) dl dt:after {background:url(../images/sub/vi03.png) no-repeat; background-size:18px;}
.vision_box01 ul li:nth-child(4) dl dt:after {background:url(../images/sub/vi04.png) no-repeat; background-size:18px;}
.vision_box01 ul li:nth-child(1) dl dt {border:1px solid #2e66af;}
.vision_box01 ul li:nth-child(2) dl dt {border:1px solid #354556;}
.vision_box01 ul li:nth-child(3) dl dt {border:1px solid #738f03;}
.vision_box01 ul li:nth-child(4) dl dt {border:1px solid #d97d08;}
.vision_box01 ul li dl dd {font-size:15px; line-height:20px; padding:25px 15px;}
.vision_box01 ul li dl dd div {display:table-cell; vertical-align:middle;}
.vision_box01 ul li:nth-child(1) dl dd, .vision_box01 ul li:nth-child(2) dl dd {height:inherit; margin-bottom:0px;}
.vision_box01 ul li:nth-child(3) dl dd, .vision_box01 ul li:nth-child(4) dl dd {height:inherit;}
.vision_box01 ul li:nth-child(3) dl dd {padding:25px 15px; text-align:center;}
.vision_box02 {margin-top:35px;}
.vision_top {padding:20px 0; border:1px solid #c7c7c7; border-radius:50px; margin-bottom:15px; font-size:16px;}
/*.vision_top:after {background:url(../../resources/images/sub/vi05.png) no-repeat; width:18px; height:18px; bottom:-12px; margin-left:-9px; background-size:18px;}*/
.vision_top:after {display:none;}
.vision_box02 ul li {width:100%; margin-right:0px; margin-bottom:15px;}
.vision_box02 ul li:last-child {margin-bottom:0;}
.vision_box02 ul li p {padding:20px 0;}
.vision_box02 ul li p img {width:96px;}
.vision_box02 ul li p span {padding-top:15px; font-size:15px;}
.vision_box03 {margin-top:35px;}
.vision_box03 ul li {padding:20px 15px 20px 15px;}
.vision_box03 ul li p {font-size:15px; padding-bottom:5px;}
.vision_box04 {margin-top:35px;}
.vision_box04 ul li {width:100%; height:inherit; padding:20px 15px 20px 15px;}
.vision_box04 ul li p {font-size:15px; padding-bottom:5px;}
.vision_box04 ul li:nth-child(2) {width:100%; padding:0; border:0;}
.vision_box04 ul li:nth-child(2) p {height:inherit; line-height:65px; padding:20px 0;}
.vision_box04 ul li:nth-child(2) p img {width:65px;}
.vision_box04 .vision_top:after {display:none;}
.vision_box04 .vision_top:before {display:none;}
.vision_last {margin-top:35px;}
.vision_last p {font-size:15px;}
.vision_last p span {font-size:18px;}


/****버튼****/
.btn_area01 span {width:50%; margin:0; box-sizing:border-box;}
.btn_area01 span a {width:100%; height:36px; line-height:36px; font-size:13px;}
.btn_area01 span:nth-child(1) {padding-right:0;}
.btn_area02 span {width:50%; margin:0; box-sizing:border-box;}
.btn_area02 span:nth-child(1) {padding-right:5px;}
.btn_area02 span:nth-child(2) {padding-left:5px;}
.btn_area02 span a {width:100%; height:36px; line-height:36px; font-size:13px;}
.btn_area03 span {width:50%; margin:0; box-sizing:border-box;}
.btn_area03 span a {width:100%; height:36px; line-height:36px; font-size:13px;}
.btn_area03 span:nth-child(3) {width:100%; margin-top:10px;}
.btn_area03 span a {width:100%; height:36px; line-height:36px; font-size:13px;}
.btn_area04 span {width:50%; margin:0; box-sizing:border-box;}
.btn_area04 span a {width:100%; height:36px; line-height:36px; font-size:13px;}
.btn_area04 span:nth-child(1) {padding-right:5px;}
.btn_area04 span:nth-child(2) {padding-left:5px;}
.btn_area04 span:nth-child(3) {padding-right:5px; margin-top:10px;}
.btn_area04 span:nth-child(4) {padding-left:5px; margin-top:10px;}


@media all and (min-width:320px) and (max-width:468px) {
.popup .slidesjs-container { height: auto !important;}
}

@media all and (min-width:320px) and (max-width:374px) {
.box03 dl dd a {padding:10px 5px;}
.icon_box ul li a img {width:40px;}
footer .click_box span:last-child {display:none;}
.popup_img { width: 100%; height:148px; background-size:cover;}

}

@media all and (min-width:414px) and (max-width:420px) {
.popup_img { width: 100%; height:191px; background-size:cover;}
}

@media all and (min-width:320px) and (max-width:420px) {
.m_table.scroll01 {overflow:auto;}
.m_table.scroll01 table {width:420px;}
}



@media all and (min-width:600px) and (max-width:1199px) {
.slidesjs-container {height:380px !important;}
.sub_slide_box .slidesjs_btn {position:absolute;}
}

@media all and (min-width:320px) and (max-width:700px) {
.m_table.scroll {overflow:auto;}
.m_table.scroll table {width:700px;}
.m_table.scroll02 table {width:800px;}
.m_table.scroll02 table {width:900px;}
.basic_table.scroll {overflow:auto;}
.basic_table.scroll table {width:700px;}
}


@media all and (min-width:320px) and (max-width:800px) {
.m_table.scroll02 {overflow:auto;}
.m_table.scroll02 table {width:800px;}
}

@media all and (min-width:320px) and (max-width:900px) {
.m_table.scroll03 {overflow:auto;}
.m_table.scroll03 table {width:900px;}

}

@media all and (min-width:320px) and (max-width:1000px) {
.m_table.scroll04 {overflow:auto;}
.m_table.scroll04 table {width:1000px;}
}

@media all and (min-width:420px) and (max-width:1199px) {
.popup_img { width: 100%; height:216px; background-size:cover;}
}

@media all and (min-width:660px) and (max-width:1199px) {
.main_pop_sevice .popsevice_con dl {padding:20px 15px 20px; background:none; padding:22px 0 22px 150px; background:url(../images/main/mainpopbg.png) no-repeat left bottom; background-size:130px;}
}