@font-face { font-family: 'NanumBarunGothic'; src: url('../fonts/NanumBarunGothic.eot'); /* IE9 Compat Modes */ src: url('../fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/NanumBarunGothic.woff') format('woff'), /* Modern Browsers */ url('../fonts/NanumBarunGothic.ttf') format('truetype'); /* Safari, Android, iOS */ } @font-face { font-family: 'NanumBarunGothicBold'; src: url('../fonts/NanumBarunGothicBold.eot'); /* IE9 Compat Modes */ src: url('../fonts/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/NanumBarunGothicBold.woff') format('woff'), /* Modern Browsers */ url('../fonts/NanumBarunGothicBold.ttf') format('truetype'); /* Safari, Android, iOS */ } .pc-only {display:none !important;} .mo-only {display:block !important;} @media only screen and (min-width:1024px){ .pc-only {display:block !important;} .mo-only {display:none !important;} } body{font-family:'NanumBarunGothic', sans-serif; font-size:14px;} header{padding-top:23px; width:100%;box-sizing:border-box; margin:0 auto;} fieldset{border:0 none;} video { width:100%; max-width:576px; height:auto; } #mcontent {position:relative; width:100%; min-height:1100px; background:url(../images/main_bg.jpg) no-repeat 100% 0; background-size:cover;} .wrapper{position:relative; width:1200px; margin:0 auto;} .bg_r{border-radius:12px; overflow:hidden;} .bold{font-weight:bold;} .b{font-weight:bold;} .skipmenu {display:inline-block; top:0; left:0; position:absolute;} .skipmenu > a {padding:5px;display:inline-block;background:#fff;padding: 5px;display: inline-block;background: #fff;background: #444;color: #fff !important;padding: 10px 20px;} .hid{position:absolute; left:-10000px; width:1px; height:1px; overflow:scroll;} .dn{width:1px; height:1px; position:absolute; left:-99999px; margin:0; padding:0; line-height:0; font:0} .mobile_block{display:none; margin:0; padding:0; line-height:0; font:0} /* color_gray ton*/ .color_333{color:#333;} .color_000{color:#000;} .color_969696{color:#969696;} .color_484848{color:#484848;} .color_353535{color:#353535;} /*color_blue ton*/ .color_27537F{color:#27537F;} .color_005555{color:#004d43;} /*color_red ton*/ .color_663333{color:#663333;} .color_b34643{color:#b34643;} .color_b64242{color:#b64242;} .color_red{color:#ff0000;} /*color_green ton*/ .color_056161{color:#056161;} .table_bg{background:#f1f1f1;} .bdr{border-right:1px solid #393939;} .title01 {color: #27537F;font-weight: bold; padding-bottom:10px;} .title02 {color: #27537F;font-weight: bold; padding-bottom:5px; padding-top:5px;} .table_semi_title{font-size:14px; color:#333; padding-bottom:20px; font-weight:bold;} .table_exchange{font-size:14px; color:#333; padding-bottom:20px; text-align:right;} .text_border{float:left; border:1px solid #ccc; padding:20px; margin-bottom:35px;} .text_border2{text-align:left; width:500px; padding:20px; box-sizing:border-box; border:1px solid #27537F; display:inline-block; margin-bottom:15px;} /*버튼감싸는 DIV 중앙*/ .button_wrap{text-align:center; width:100%; float:left; } .pointer{cursor:pointer;} .button_wrap span.write_btn{margin-right:5px;display:inline-block; box-sizing:border-box; padding:0px 10px; height:30px; line-height:30px; text-align:center; color:#fff; background:#27537F; font-size:14px;} .button_wrap span.reg_btn{margin-right:5px;display:inline-block; box-sizing:border-box; padding:0px 10px; height:30px; line-height:30px; text-align:center; color:#fff; background:#27537F; font-size:14px; margin-right:7px;} .button_wrap span.cancel_btn{margin-right:5px;display:inline-block; box-sizing:border-box; padding:0px 10px; height:30px; line-height:30px; text-align:center; color:#fff; background:#4c4c4c; font-size:14px;} .button_wrap span.modify_btn{margin-right:5px;display:inline-block; box-sizing:border-box; padding:0px 10px; height:30px; line-height:30px; text-align:center; color:#fff; background:#27537F; font-size:14px;margin-right:7px;} .button_wrap span.delete_btn{margin-right:5px;display:inline-block; box-sizing:border-box; padding:0px 10px; height:30px; line-height:30px; text-align:center; color:#fff; background:#b34643; font-size:14px;} .button_wrap span.view_btn{margin-right:5px;display:inline-block; box-sizing:border-box; padding:0px 10px; height:30px; line-height:30px; text-align:center; color:#fff; background:#666666; font-size:14px;} /*고객의 소리 환불게시판 바로가기버튼*/ .button_wrap_05{text-align:center;width:100%;float:left;/* margin:-25px 0px 0px 120px; */} .pointer05{cursor:pointer;} /*indent(들여쓰기)*/ .indent{margin-left:13px;} /*팝업 p 스타일*/ .sub_contents p {font-size:16px; line-height:1.3; padding-bottom:5px;} .sub_contents p.max_txt{font-size:16px; font-weight:bold; line-height:130%; padding-bottom:8px; } .sub_contents .bluebar{background:url(../images/sub/bluebar.png) no-repeat;width: 7px;height: 11px;vertical-align:middle;display:inline-block;padding-right:5px;} .sub_contents p.max_txt1{font-size:14px; line-height:150%; padding-bottom:15px !important;} .sub_contents p.max_txt2{text-indent:-11px; font-size:14px; line-height:130%; padding-bottom:3px; padding-left:16px;} .sub_contents p.max_txt2::before {content: url("http://new2.cwsisul.or.kr/css/../images/sub/li_circle.png"); padding-right: 5px; vertical-align:super;} .sub_contents p.max_txt3{font-size:14px; line-height:130%; padding-bottom:3px; /*margin-left:10px;*/} .bluebar{background:url(../images/sub/bluebar.png) no-repeat; width:6px; height:2px; vertical-align:middle; display:inline-block; padding-right:5px;} /*text-align*/ .text_l{text-align:left !important;} .text_r{text-align:right !important;} .text_c{text-align:center !important;} .ar{text-align:right !important;} .al{text-align:left !important;} /* float */ .float_l{float:left !important;} .float_r{float:right !important;} /*padding*/ .pr25{padding-right:25px;} .pr10{padding-right:10px;} .pr14{padding-right:14px !important;} .pb20{padding-bottom:20px !important;} .pb15{padding-bottom:15px !important;} .pb10{padding-bottom:10px !important;} .pt10{padding-top:10px !important;} .pt20{padding-top:20px !important;} .pb5{padding-bottom:5px !important;} .pt5{padding-top:5px !important;} .pdl10{padding-left:10px !important;} .pdl20{padding-left:20px !important;} .pdl30{padding-left:30px !important;} .pdl40{padding-left:40px !important;} .pdl50{padding-left:50px !important;} .pdlr5{padding:0px 5px;} .pd5{padding:5px;} /*margin*/ .mb5{margin-bottom:5px !important;} .mt5{margin-top:5px !important;} .mb10{margin-bottom:10px;} .mb20{margin-bottom:20px !important;} .mb15{margin-bottom:15px;} .mb30{margin-bottom:30px;} .mb35{margin-bottom:35px;} .mb40{margin-bottom:40px;} .mt35{margin-top:35px;} .mr8{margin-right:8px;} .mt8{margin-top:8px;} .mt15{margin-top:15px;} .mt20{margin-top:20px;} .mt40{margin-top:40px;} .mr15{margin-right:15px;} .mr20{margin-right:20px;} .ml40{margin-left:40px;} .ml30{margin-left:30px;} .ml20{margin-left:20px;} .ml10{margin-left:10px;} .font16{margin:0px 15px 2px 10px} .lh17{line-height:2.0em;} /*font*/ .font24{font-size:24px;} .font20{font-size:20px;} .font13{font-size:13px;} .font14{font-size:14px;} .font15{font-size:15px;} .font16{font-size:16px;} .font17{font-size:17px;} .font18{font-size:18px;} /*font_color*/ .c27537F{color:#27537F;} /*width*/ .width_100p{width:100% !important;} .width_95p{width:95%;} .width_90p{width:90%;} .width_85p{width:85%;} .width_80p{width:80%;} .width_75p{width:75%;} .width_70p{width:70%;} .width_65p{width:65%;} .width_60p{width:60%;} .width_55p{width:55%;} .width_50p{width:50%;} .width_45p{width:45%;} .width_40p{width:40%;} .width_35p{width:35%;} .width_30p{width:30%;} .width_25p{width:25%;} .width_20p{width:20%;} .width_19p{width:19%;} .width_15p{width:15%;} .width_10p{width:10%;} .width_5p{width:5%;} .bdgray{border:1px solid #ddd;} /*display*/ .hide{display:none;} /* vertical-align*/ .vam{vertical-align:middle;} /* 공통 paging*/ .screen_out {display: block;overflow: hidden;position: absolute;left: -9999px;width: 1px;height: 1px;font-size: 0;line-height: 0;text-indent: -9999px;} .paging_comm {width:100%; float:left; font-weight:bold;font-size:14px;line-height:14px;text-align:center;vertical-align:top} .paging_comm .link_page {display:inline-block;padding:2px 6px 2px 5px;margin-right:5px;text-decoration:none} .paging_comm .link_page:hover, .paging_comm em.link_page {background:#27537F; color:#fff;font-weight:bold} .paging_comm .img_sample {display:inline-block;padding:6px 2px 4px 3px;border:0 none;font-weight:normal;color:#999;text-decoration:none} .paging_comm .link_page:hover {text-decoration:none} .paging_comm .btn_prev {padding-left:6px;background-position:0 10px; padding-right:5px;} .paging_comm .btn_next {padding-right:7px;background-position:100% -10px; padding-left:5px;} .paging_comm a.btn_prev:hover {background-position:0 -30px;color:#333} .paging_comm a.btn_next:hover {background-position:100% -50px;color:#333} .paging_comm span.btn_prev {background-position:0 10px;color:#999} .paging_comm span.btn_next {background-position:100% -10px;color:#999} @media screen and (max-width:640px){ .paging_comm .link_page{margin-right:0px;} } .selection_select{overflow:auto; width:100%; border:none;} /*레이어 팝업*/ #overlay_t { background-color: #000; bottom: 0; left: 0; opacity: 0.5; /*filter: alpha(opacity = 50); IE7 & 8 */ position: fixed; right: 0; top: 0; z-index: 9998; display:none;} #popup_layer { width:1200px; height:700px; background:#fff; box-sizing:border-box; position:absolute; z-index:9999; display:none;} #popup_layer .close{position:absolute; right:0; top:-50px;} #popup_layer h2{float:left; font-size:20px; color:#27537F; width:100%; margin:15px 0; line-height:1; font-weight:600;} #popup_layer .main_popup_title{font-weight:bold; height:80px; line-height:80px; color:#27537F; font-size:24px; text-align:center;} #popup_layer .common_board{float:left; width:100%; margin-bottom:20px;} #popup_layer table.common_table{table-layout:fixed;width:100%;border:0;border-spacing:0; } #popup_layer table.common_table td,table.common_table th{padding:12.5px 0px; line-height:1; font-size:14px;} #popup_layer table.common_table th{border-bottom:1px solid #393939; font-weight:normal; border-right:1px solid #393939;} #popup_layer table.common_table th:last-child{border-right:none;} #popup_layer table.common_table th.b_right_bold{border-right:1px solid #393939;} #popup_layer table.common_table th{background:#f1f1f1;} #popup_layer table.common_table td{position:relative;border-bottom:1px solid #dad9d9; border-right:1px solid #dad9d9; text-align:center; padding:12.5px; box-sizing:border-box; } #popup_layer table.common_table td:last-child{border-right:none;} #overlay_t02 { background-color: #000; bottom: 0; left: 0; opacity: 0.5; /* filter: alpha(opacity = 50); IE7 & 8 */ position: fixed; right: 0; top: 0; z-index: 9998;display:none;} #popup_layer02 { width:580px; height:350px; background:#fff; box-sizing:border-box; position:absolute; z-index:9999; left:50%; top:20%; margin-left:-290px;display:none;} #popup_layer02 .close {position:absolute; right:0; top:-50px;} #popup_layer02 .main_popup_title {font-weight:bold; height:80px; line-height:80px; color:#27537F; font-size:26px; text-align:center; letter-spacing:1px;} #popup_layer02 .main_pop_content {margin:20px; letter-spacing:1px; text-align:center;} #popup_layer02 .main_pop_content .content_txt {line-height:190%;} #popup_layer02 .main_pop_content .content_btn {margin-top:25px;} #popup_layer02 .main_pop_content .content_btn img {margin:0 20px;} #overlay_t03 { background-color: #000; bottom: 0; left: 0; opacity: 0.5;/* filter: alpha(opacity = 50); IE7 & 8 */ position: fixed; right: 0; top: 0; z-index: 9998;display:none;} #popup_layer03 { width:580px; height:350px; background:#e9e9e9; box-sizing:border-box; position:absolute; z-index:9999; left:50%; top:20%; margin-left:-290px;display:none;} #popup_layer03 .close {position:absolute; right:0; top:-50px;} #popup_layer03 .main_popup_title {font-weight:bold; height:150px; padding-top:120px;line-height:80px; color:#27537F; font-size:30px; text-align:center; letter-spacing:1px;} /*시설 팝업 상단 이미지 & 컨텐츠,*/ .popup_contents_wrapper{box-sizing:border-box; padding:20px; width:100%; } .popup_contents_wrap{float:left;width:100%; box-sizing:border-box;} .popup_contents_zone{float:left; width:100%; margin-bottom:40px;} .popup_contents_zone .popup_contents_left{float:left; width:280px; box-sizing:border-box;} .popup_contents_zone .popup_contents_left img{} .popup_contents_zone .popup_contents_left .img_label{font-size:12px; text-align:center; height:34px; line-height:34px; box-sizing:border-box; border:1px solid #ccc; border-top:none;} .popup_contents_zone .popup_contents_right{float:left; margin-left:30px; font-size:14px; text-align:left;} .popup_contents_zone .popup_contents_right p{line-height:1; padding-bottom:10px;} @media screen and (max-width:1400px){ #popup_layer{width:95%;} } @media screen and (max-width:640px){ #popup_layer .popup_contents_wrapper .popup_contents_zone .popup_contents_left{width:50%;} #popup_layer .popup_contents_wrapper .popup_contents_zone .popup_contents_left img {width:100%;} #popup_layer .popup_contents_wrapper .popup_contents_zone .popup_contents_right{width:calc(50% - 30px); margin-top:20px;} #popup_layer .main_popup_title{line-height:40px; height:40px; font-size:20px;} #popup_layer{width:95%;} #popup_layer{height:450px;} #popup_layer .popup_contents_wrapper{height:400px;} #popup_layer .main_popup_title{} } /*상단 header*/ #top_head { position : relative;width : 100%; } #top_head #logo { position : absolute; left : calc(50% - 93px); top:0; z-index:30} #top_head #logo a { display : block; width : 241px; height : 35px; background : url(../images/logo.png) no-repeat;font-size : 0; line-height : 0; } #top_head .wrapper { position : relative; margin : 0 auto; width : 1200px; height:62px; box-sizing:border-box;} #top_head .width_100p{width:100%;} #gnb {display:block;position:relative;width :100%;} #header_group {position:relative;top:0;left:0;padding-top:35px;background:#bfbfbf;} #header_group.option{z-index:999;} #info{ position : relative; width : 100%; } #info .info_btn {float:left;} #info .info_btn a {/*display:block;float:left;*/display:inline-block;height:24px;line-height:21px; float:left;} #info .info_btn a:hover, #info .info_btn a:focus{text-decoration:underline;} #info .info_btn a.icon1 {font-size:16px;padding-right:36px; } #info .info_btn a.icon1 img{padding-right:8px; vertical-align:middle;} #info .info_btn a.icon2 {font-size:16px;padding-right:36px; } #info .info_btn a.icon2 img{padding-right:8px; vertical-align:middle;} #info .info_btn span.icon3{font-size:13px;padding:0px 4px; float:left; color:#484848;} .letterinter{ float: left; border:1px solid #cccccc; line-height: 19px;vertical-align:middle; margin-top: 24px; } #info .info_btn .letterinter a.letter{height:auto; margin-top:1px;border-left:1px solid #cccccc;line-height: 17px;} #info .info_btn .letterinter a.letter img{vertical-align:middle;} #info .info_btn a.letter{height:24px; margin-top:1px;} #info .info_btn a.letter img{vertical-align:middle;} .m_info{display:none;} #search_box {position:relative;float:right; margin-right:19px;} #search_box form {width:auto;/*height:33px;line-height:35px*/} #search_box form:after { content : ""; display : block; visibility : hidden; clear : both; } #search_box input{width: 255px; box-sizing: border-box; padding-left: 10px; border: 3px solid #195ea3; height: 40px; box-sizing: border-box; color: #353535;} #search_box input[type=submit]{border:none;} #search_box label.flow{padding-left:10px;width : 150px;font-size:13px;color:#adadad;} #search_box label.tflow{position:absolute;top:11px;left:8px; font-size:12px; color:#353535;} #search_box input#search_find{border-right:0;} #search_box input.srh_btn{position:absolute;top:0; right:-19px;display:inline-block;float:right;padding:0;width:42px;height:40px;background:url(../mimg/srt_btn.png) no-repeat 50% 50%;font-size:0;line-height:0;} #search_box input.srh_btn:hover, #search_box input.srh_btn:focus{border:1px solid #888;} #search_engine {position:relative;float:left; width:100%; margin-bottom:45px;} #search_engine .search_area{ position: relative; float: left; width:calc(100% - 106px);} #search_engine .search_area form {width:auto;/*height:33px;line-height:35px*/} #search_engine .search_area form:after { content : ""; display : block; visibility : hidden; clear : both; } #search_engine .search_area input{width:calc(100% - 23.5px); box-sizing:border-box;padding-left:10px;/*border : none;*/border:1px solid #cccccc;height :51px; background-color:#eaeae6; box-sizing:border-box; color:#353535;} #search_engine .search_area label.flow{padding-left:10px;width :150px;font-size:13px;color:#adadad;} #search_engine .search_area label.tflow{position:absolute;top:19px;left:8px; font-size:12px; color:#353535;} #search_engine .search_area input.srh_btn2{border:none; position:absolute;top:0; right:0px;display:inline-block;float:right;padding:0;width:47px;height:51px;background:url(../images/srt_btn2.png) no-repeat 50% 50%;font-size:0;line-height:0;} #search_engine .selectbox {margin-right:15px;box-sizing:border-box;position: relative; width: 91px;border: 1px solid #333;z-index: 1; font-size:12px; background-color:#f1f1f1; color:#4c4c4c;} #search_engine .selectbox.subscribe{width:150px;} #search_engine .selectbox:before {content: ""; position: absolute;top: 50%;right: 7px;width: 0;height: 0;margin-top: -1px; border-left: 5px solid transparent; border-right: 5px solid transparent;border-top: 5px solid #333;} #search_engine .selectbox label {position: absolute;top:5px;left: 5px;padding:15px 0px;color: #4c4c4c;z-index: -1; font-size:14px;} #search_engine .selectbox select {width: 100%;height: auto;line-height: normal; font-family: inherit;padding:18px 0px;border: 0;opacity: 0;appearance: none;} #search_engine .selectbox.focus {} .search_result {padding:0 0 20px;margin:0 0 30px;border-bottom:1px dashed #ccc;line-height:17px;} .search_result li {display:block;margin-bottom:10px;padding:20px;border:1px dotted #ccc;} .search_result .ti {float:left; display:inline-block;padding:0 0 3px;font-weight:bold;} .search_result h2 {border:0;} .search_result h2:before {display:none} .search_result h2 span {font-weight:normal} .search_result li:after {content:"";display:block;clear:both} .linkadrs {float:right} #top_head nav.width_100p{height:65px;} #top_head nav .wrapper{position : relative; margin : 0 auto; width : 1200px; height:65px; box-sizing:border-box;} @media screen and (max-width:1024px){ #info .info_btn{display:none;} .m_info{display:inline-block; height:42px; line-height:42px; width:100%; background:#f3f5f8;text-align:center;} .m_info .icon1{width:48%; display:inline-block; border-right:1px solid #ccc;} .m_info .icon1 img{padding-right:5px;} .m_info .icon2{width:48%; display:inline-block;} .m_info .icon2 img{padding-right:5px;} } /*전체메뉴*/ @media screen and (max-width:1240px){ #top_head .wrapper{width:100%;} #top_head nav .wrapper{width:98%;} #info .info_btn{padding-left:1%;} } dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote{padding:0; margin:0;} /* link style */ a{text-decoration:none;} a:link, a:visited{color:#484848;} a:hover, a:focus, a:active{/*color:none;*/} /*controls*/ contents #mcontent .control.side .wrapper{padding:0;} contents #mcontent .control.side{width:1200px; margin:0 auto; position:relative;} contents #mcontent .control.side a{position:absolute;top:620px; display:block;font-size:0;line-height:0;z-index:120} contents #mcontent .control.side a.bx-prev{position:absolute; background:url(../images/rolling_l.png) no-repeat; left:-5%; width:24px; height:52px;} contents #mcontent .control.side a.bx-next{position:absolute; background:url(../images/rolling_r.png) no-repeat; right:-5%; width:24px; height:52px;} @media screen and (max-width:1400px){ contents #mcontent .control.side a.bx-next,contents #mcontent .control.side a.bx-prev{display:none;} } @media screen and (max-width:1300px){ contents #mcontent .control.side{width:100%;} contents #mcontent .control.side a.bx-prev{left:5%; top:50px; display:block;} contents #mcontent .control.side a.bx-next{right:5%; top:50px; display:block;} contents #mcontent .paging{} } /*contents*/ contents{margin-top:66px; width:100%; display:inline-block; } contents #mcontent .contents{margin-bottom:65px; width:100%; height:1100px; display:inline-block; position:relative;} contents #mcontent .contents .frame{position:relative; height:100%; } contents #mcontent .contents .rolling_s{float:left; margin:0;} contents #mcontent .contents .rolling_s.active{opacity:1;visibility: visible;} contents #mcontent .contents .wrapper{ box-sizing:border-box; margin-top:181px; height:calc( 100% - 181px); width:1200px; overflow:hidden;} contents #mcontent .contents .wrapper a:hover{text-decoration:underline;} contents #mcontent .contents .wrapper b{width:100%;font-size:24px; text-align:center; padding-bottom:10px; display:inline-block;} contents #mcontent .contents .wrapper p{font-size:13px; text-align:center; box-sizing:border-box;} contents #mcontent .contents .wrapper .rolling_btn_l{position:absolute; left:0; bottom:15px; background:url(../images/rolling_btn_l.png) no-repeat; width:31px; height:58px; z-index:1} contents #mcontent .contents .wrapper .rolling_btn_r{position:absolute; right:0; bottom:15px; background:url(../images/rolling_btn_r.png) no-repeat; width:31px; height:58px; z-index:1} .m_side{position:relative;overflow:hidden;} .m_side.wid{width:49%; height:462px;float:left; margin-right:2%;} .m_side .grep{overflow:hidden;position:relative;width:100%;z-index:10;} .m_side .grep .obj{position:relative; width:300%;} .m_side .grep .obj .item{display:inline-block;float:left;overflow:hidden;position:relative;} .m_side .grep .obj .item a{display:block;position:relative;} .m_side .grep .obj .item a:hover b, .m_side .grep .obj .item a:focus b, .m_side .grep .obj .item a:hover .text, .m_side .grep .obj .item a:focus .text{text-decoration:underline;} .m_side .grep .obj .item figure{position:relative;width:100%;height:462px;} .m_side .grep .obj .item figure .rolling_img{display:block; width:100%;text-align:center;} .m_side .grep .obj .item figure .rolling_img img {width:100%; border-radius:15px;} .m_side .grep .obj .item figure img{width:100%; height:462px;} .m_side .grep .obj .item figure figcaption{position:absolute;bottom:0;left:0;padding:30px;height:192px;width:100%;} .m_side .grep .obj .item figure figcaption span.titwrap{display:block;position:relative;} .m_side .grep .obj .item figure figcaption span.titwrap:after{content:"";display:block;visibility:hidden;clear:both;} .m_side .grep .obj .item figure figcaption .cate{display:block;overflow:hidden;position:absolute;border-radius:7px;color:#2b2676;font-size:11px;} .m_side .grep .obj .item figure figcaption .cate:after{content:"";display:block;visibility:hidden;clear:both;} .m_side .grep .obj .item figure figcaption .cate strong{float:left;padding:4px;background:#fff;} .m_side .grep .obj .item figure figcaption .cate em{float:right;padding:4px;/*background:#069c98;*/background:#058570;color:#fff;} .m_side .grep .obj .item figure figcaption b{display:block;padding-left:80px;width:95%;color:#fff;font-size:20px;line-height:28px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;} .m_side .grep .obj .item figure figcaption .text{display:block;overflow:hidden;margin-top:25px;color:#fff;font-size:14px;line-height:22px;min-height:66px;} .m_side .control{position:absolute;bottom:0;left:0;padding:30px 15px 30px 30px;width:100%;z-index:11;text-align:center;} .m_side .control *{vertical-align: middle} .m_side .control a{display:inline-block;background:url(../images/bg_mnews.png) no-repeat; font-size:0;line-height:0;} .m_side .control a.stop{width:8px;height:13px;background-position:0 0} .m_side .control a.play{width:7px;height:13px;background-position:-13px 0;} .m_side .control .number{display:inline-block;padding:0 15px;} .m_side .control .number a{width:12px;height:13px;background-position:-44px 0px; padding-right:5px;} .m_side .control .number a.ov{background-position:-26px 0px;} .m_side .control .paging{display:none;padding-top:2px;color:#fff;font-size:16px;line-height:22px;} .m_side .control .paging em{display:inline-block;margin:0 2px;text-decoration:underline;} contents #mcontent .contents .wrapper .s1 .r1 img{width:100%; height:100%;} contents #mcontent .contents .wrapper .s1 .r2 img{width:100%; height:100%;} contents #mcontent .contents .wrapper .s1 .r3 img{width:100%; height:100%;} contents #mcontent .contents .wrapper .s1 .r1 .btn{width:138px; height:36px; box-sizing:border-box; padding:12px 0px;} contents #mcontent .contents .wrapper .s1 .r1 .btn a{font-size:14px; text-align:center; line-height:36px; } contents #mcontent .contents a.card_box{box-sizing:border-box;display: block;/* padding: 40px 25px 40px; */padding: 40px 30px; height: 282px;font-size: 18px;color: #fff; text-align: center;} contents #mcontent .contents .wrapper .s2{position:relative; width:49%; height:462px; float:left; display:inline-block; margin-bottom:15px; box-sizing:border-box; background:#fff; } contents #mcontent .contents .wrapper .s3{background:url(../images/see_bg.png) no-repeat; position:relative; width:288px; height:282px; float:left; display:inline-block; box-sizing:border-box; margin-right:16px; } contents #mcontent .contents .wrapper .s3 span.see_i{background:url(../images/see_icon.png) no-repeat; width:94px; height:97px; display:inline-block; padding-bottom:15px; } contents #mcontent .contents .wrapper .s4{background:url(../images/voc_bg.png) no-repeat; position:relative; width:288px; height:282px; float:left; display:inline-block; box-sizing:border-box; margin-right:16px;} contents #mcontent .contents .wrapper .s4 span.voc_i{background:url(../images/voc_icon.png) no-repeat; width:96px; height:98px; display:inline-block; padding-bottom:15px;} contents #mcontent .contents .wrapper .s5{background:url(../images/often_bg.png) no-repeat; position:relative; width:592px; height:282px; float:left; display:inline-block; box-sizing:border-box; padding:26px 30px;} contents #mcontent .contents .wrapper .s5 strong{font-size:16px; text-align:left; color:#fff; padding-bottom:10px; display:inline-block;} contents #mcontent .contents .wrapper .icon_wrapper{ position:relative; display:inline-block; box-sizing:border-box; width:100%; } contents #mcontent .contents .wrapper .icon_wrapper ul{padding:13px 17px;} contents #mcontent .contents .wrapper .icon_wrapper ul li{float:left; width:16.66%;} contents #mcontent .contents .wrapper .icon_wrapper ul li a{display:block; color:#fff; text-align:center;} contents #mcontent .contents .wrapper .icon_wrapper ul li a p{font-size:13px; text-align:center; padding-bottom:20px;} contents #mcontent .contents .wrapper .icon_wrapper ul li a span{padding-bottom:5px;} contents #mcontent .contents .wrapper .icon_wrapper ul li a span.i1{background:url(../images/often_i1.png) no-repeat; width:59px; height:60px; display:inline-block;} contents #mcontent .contents .wrapper .icon_wrapper ul li a span.i2{background:url(../images/often_i2.png) no-repeat; width:59px; height:60px; display:inline-block;} contents #mcontent .contents .wrapper .icon_wrapper ul li a span.i3{background:url(../images/often_i3.png) no-repeat; width:59px; height:60px; display:inline-block;} contents #mcontent .contents .wrapper .icon_wrapper ul li a span.i4{background:url(../images/often_i4.png) no-repeat; width:59px; height:60px; display:inline-block;} contents #mcontent .contents .wrapper .icon_wrapper ul li a span.i5{background:url(../images/often_i5.png) no-repeat; width:59px; height:60px; display:inline-block;} contents #mcontent .contents .wrapper .icon_wrapper ul li a span.i6{background:url(../images/often_i6.png) no-repeat; width:59px; height:60px; display:inline-block;} contents #mcontent .contents .wrapper .icon_wrapper ul li a span.i7{background:url(../images/often_i7.png) no-repeat; width:59px; height:60px; display:inline-block;} contents #mcontent .contents .wrapper .icon_wrapper ul li a span.i8{background:url(../images/often_i8.png) no-repeat; width:59px; height:60px; display:inline-block;} contents #mcontent .contents .wrapper .icon_wrapper ul li a span.i9{background:url(../images/often_i9.png) no-repeat; width:59px; height:60px; display:inline-block;} contents #mcontent .contents .wrapper .icon_wrapper ul li a span.i10{background:url(../images/often_i10.png) no-repeat; width:59px; height:60px; display:inline-block;} contents #mcontent .contents .wrapper .icon_wrapper ul li a span.i11{background:url(../images/often_i11.png) no-repeat; width:59px; height:60px; display:inline-block;} contents #mcontent .contents .wrapper .icon_wrapper ul li a span.i12{background:url(../images/often_i12.png) no-repeat; width:59px; height:60px; display:inline-block;} contents #mcontent .contents .wrapper .icon_wrapper ul li a span.i13{background:url(../images/often_i13.png) no-repeat; width:59px; height:60px; display:inline-block;} /*2nd slide contents*/ contents #mcontent .contents .wrapper ul.card_wrapper{box-sizing:border-box; width:100%; display:inline-block;} contents #mcontent .contents .wrapper ul.card_wrapper li{float:left; padding-right:16px; padding-bottom:15px;} contents #mcontent .contents .wrapper ul.card_wrapper li:nth-child(4n){padding-right:0px;} contents #mcontent .contents .wrapper ul.card_wrapper a{cursor:pointer; padding:0; margin:0;} contents #mcontent .contents .wrapper ul.card_wrapper li a img{position:relative; width:100%; height:100%;} /*contents #mcontent .contents .wrapper ul.card_wrapper li a img:hover {content: url('../images/c_ov.png');}*/ /*contents .contents .wrapper ul.card_wrapper li a img:hover{background:url(../images/c_ov.png) no-repeat; width:100%; height:282px; z-index:1; z-index:9999; }*/ @media screen and (max-width:1240px){ contents #mcontent .contents{} contents #mcontent .contents .wrapper{width:95%; margin-top:161px; height: calc( 100% - 161px);} contents #mcontent .contents .wrapper .s2{width:49%;} contents #mcontent .contents .wrapper .s3{height:auto; width:24%; margin-right:1%;} contents #mcontent .contents .wrapper .s4{height:auto; width:24%; margin-right:2%;} contents #mcontent .contents .wrapper .s5{height:auto; width:49%;} contents #mcontent .contents a.card_box{padding:5% 3%; max-height:100%;} contents #mcontent .contents .wrapper ul.card_wrapper li{width:24%; padding-right:1%;} contents #mcontent .contents .wrapper ul.card_wrapper li:nth-child(3n){margin-right:0px;} contents #mcontent .contents .wrapper ul.card_wrapper li:nth-child(4n){margin-right:1%;} contents #mcontent .contents .wrapper .icon_wrapper ul li a p{font-size:11px;} } @media screen and (max-width:1000px){ contents #mcontent .contents{background-size:cover; height:auto; background-position:inherit; margin-bottom:30px; background:url(../images/main_bg_1300.png) no-repeat;} contents #mcontent .contents .wrapper ul.card_wrapper li{width:33%; padding-right:0.5%;} contents #mcontent .contents .wrapper ul.card_wrapper li:nth-child(3n){padding-right:0;} contents #mcontent .contents .wrapper ul.card_wrapper li:nth-child(4n){padding-right:0.5%; margin-right:0;} contents #mcontent .contents .wrapper ul.card_wrapper li:last-child{padding-right:0%;} .m_side.wid{width:580px; left:calc( 50% - 290px ); margin-bottom:30px; margin-right:0;} contents #mcontent .contents #m0{margin-bottom:60px;} contents #mcontent .contents .wrapper .s2{width:100%;} contents #mcontent .contents .wrapper .s3{width:49%; margin-right:2%; margin-bottom:2%; background-size:cover;} contents #mcontent .contents .wrapper .s4{width:49%; margin-right:0%; margin-bottom:2%; background-size:cover;} contents #mcontent .contents .wrapper .s5{width:100%; background-size:cover;} contents #mcontent .contents a.card_box{height:auto;} } @media screen and (max-width:600px){ contents #mcontent .contents .wrapper{width:95%;} contents #mcontent .contents .wrapper ul.card_wrapper li{width:49%; padding-right:1%;} contents #mcontent .contents .wrapper ul.card_wrapper li:nth-child(3n){padding-right:1%;} contents #mcontent .contents .wrapper ul.card_wrapper li:nth-child(4n){padding-right:1%; margin-right:0;} .m_side.wid{width:100%; height:427px; left:0px;} .m_side .grep .obj .item figure{ height:427px;} .m_side .grep .obj .item figure img{height:427px;} contents #mcontent .contents .wrapper .icon_wrapper ul li{width:25%;} contents #mcontent .contents a.card_box{min-height:230px;} .seaTabs_item li{} contents #mcontent .contents #m0{margin-bottom:0px;} } @media screen and (max-width:450px){ contents #mcontent .control.side{display:none;} contents #mcontent .contents .wrapper .icon_wrapper ul li{width:33%;} contents #mcontent .contents .wrapper b{font-size:20px;} contents #mcontent .contents .wrapper p{font-size:12px;} .seaTabs_item li{height:120px;} } @media screen and (max-width:380px){ .m_side.wid{width:100%; height:299px; left:0px;} .m_side .grep .obj .item figure{ height:299px;} .m_side .grep .obj .item figure img{height:299px;} } @media screen and (max-width:360px){ .m_side.wid{width:100%; height:283px; left:0px;} .m_side .grep .obj .item figure{ height:283px;} .m_side .grep .obj .item figure img{height:283px;} } @media screen and (max-width:320px){ .m_side.wid{width:100%; height:251px; left:0px;} .m_side .grep .obj .item figure{ height:251px;} .m_side .grep .obj .item figure img{height:251px;} } /*tab*/ .seaTabs * { box-sizing: border-box; } .seaTabs_switch { overflow: hidden; } .seaTabs_tab { float: left; cursor: pointer;width:calc(100% / 3);} .seaTabs_item { display: none; } .seaTabs_content_active { display: block; } .seaTabs_tab {padding: 0px 30px; height:38px; line-height:38px; border-width: 1px 1px 1px 0;border-style: solid;border-color: #ccc;background: #eaeaea;text-align:center;position:relative;} .seaTabs_tab:first-child {border-left: 1px solid #ccc;border-top-left-radius: 12px;} .seaTabs_tab:last-child { border-top-right-radius: 12px; } .seaTabs_content { margin-top: -1px; } .seaTabs_item { padding: 48px 0px;border-radius: 0 0 5px 5px;height:537px;} .seaTabs_switch_active { background: #fff;text-align:left;cursor: default;} .seaTabs_tab a.more{display:none;} .seaTabs_switch_active a.more{position:absolute;right:15px;top:7px;cursor:pointer;display:block;} .seaTabs_item li{width:100%; border-bottom:1px solid #ccc; position:relative; margin-bottom:16px; padding-bottom:25px; float:left;} .seaTabs_item li:last-child{border-bottom:none;} .seaTabs_item li span.icon{width:52px; height:55px; float:left; font-size:0;margin-right:22px; margin-left:30px;} .seaTabs_item li span.icon img{width:100%;} .seaTabs_item li span.content{ float:left; position:absolute;top:-4px;} .seaTabs_item li span.content .title{width:100%;font-size:16px; padding-bottom:10px; float:left; font-weight:bold; color:#353535;} contents #mcontent .contents .wrapper .s2 .seaTabs_item li span.content p{padding-bottom:3px; font-size:14px; text-align:left; color:#737373;} @media screen and (max-width:1920px){ .sisul_select_wrapper .tab06_03_12{width:135%;} } @media screen and (max-width:1025px){ .sisul_select_wrapper .tab06_03_12{width:100%;} } @media screen and (max-width:600px){ .seaTabs_tab{padding:10px 15px;} .seaTabs_item{padding:30px 0px;} } .finance_tab{/*! float:left; */ width:100%; /*! margin-bottom:45px; */display: flex;} .finance_tab * {box-sizing:border-box; width:100%; float:left; /*margin-bottom:45px;*/} .organ_type .finance_tab li{padding:0px 5px; width:auto;} .organ_type .finance_tab li:last-child{width:auto;} .finance_tab li{width:14%; height:40px; line-height:40px; text-align:center; border:1px solid #494d48; border-right:none; background:#666;} .finance_tab li a{ color:#fff; font-weight:normal; font-size:14px;} .finance_tab li:last-child{border-right:0px; /*width:28%;*/} .finance_tab li.finance_active{background:#006357;} .finance_content{float:left; width:100%;} .finance_item{display:none;} .finance_content_active{display:block;} .finance_tab.tab_06 li{width:15%;} .finance_tab.tab_05_06 li{width:14%;} /*.finance_tab.tab_06 li:last-child{width:15%;}*/ .finance_tab.tab_06_03_03 li{padding:0px 12px; width:initial;} .finance_tab.tab_06_03_03 li:last-child{} @media screen and (max-width:800px){ .finance_tab.tab_06_03_03{display:none;} } /*banner */ #m_banner{display:block;width:100%; height:65px; background-color:#333333; z-index:100;} #m_banner .wrapper{box-sizing:border-box !important; margin-top:0 !important; height:auto !important;} #fbn{display:block; position:relative; width:100%; height:65px; margin:0 auto; } #fbn:after{content:""; clear:both; display:block;} #fbn h3, #fbn .more, #fbn .grap, #fbn .control{float:left; padding-right:75px;} #fbn h3{ padding-right:10px; height:65px; line-height:65px; font-size:16px; color:#d5d2cf; background:none;} #fbn .more{padding-top:13px; padding-right:1px;} #fbn .control img{padding-top:25px; float:left; } #fbn .control a{/*float:left;*/} #fbn .grap{position:relative; width:calc(100% - 232px); height:47px; overflow:hidden; box-sizing:border-box; } #fbn .grap .obj{position:relative; width:9999px; height:65px;} #fbn .grap .obj li{float:left; padding:0 17px 0 20px; height:65px; line-height:65px; display:inline-block;} #fbn .grap .obj li a{/*float:left;*/color:#d7d7d7; font-size:13px; letter-spacing:-1px;} #fbn .grap .obj li a:hover, #fbn .grap .obj li a:focus{text-decoration:underline;} #fbn .grap .obj li img{vertical-align:middle;} @media screen and (max-width:1000px){ #m_banner{display:none;} } /*top_btn*/ .top_btn{position:relative;width:100%;text-align:right;z-index:2;} .top_btn .inner{position:fixed;bottom:0;width:100%;} .top_btn .inner .top_btn_wrapper{margin:0 auto;width:1200px;} .top_btn .inner .top_btn_wrapper img{right:-60px; position:relative; bottom:50px;} .top_btn .inner.foot-butt{position:absolute;width:100%;} @media only screen and (max-width:1350px){ .top_btn .inner .top_btn_wrapper img{right:0px; position:relative; bottom:50px;} } @media only screen and (max-width:1250px){ .top_btn .inner .top_btn_wrapper{width:95%;} .top_btn .inner.foot-butt{position:absolute;width:100%; bottom:50px;} } @media only screen and (max-width:767px){ .top_btn .inner.foot-butt{right:18px;width:60px;} } @media only screen and (max-width:640px){ .top_btn .inner.foot-butt{width:60px; right:15px;} .top_btn .inner .top_btn_wrapper img{position:static;} } @media only screen and (max-width:450px){ .top_btn .inner.foot-butt{right:2px;} } /*survey*/ .survey_wrapper{width:/*calc(75% - 62px)*/100%; display:inline-block; border:1px solid #4c4c4c; margin-top:20px; /*position:absolute; right:40px; bottom:40px;*/} .survey_wrapper .survey_top{background-color:#f1f1f1;width:100%;box-sizing:border-box; padding:15px 20px;} .survey_wrapper .survey_top span{padding-right:40px; display:inline-block;} .survey_wrapper .survey_top span img{padding-right:5px; vertical-align:middle;} .survey_wrapper .survey_top span.right{float:right; padding-right:0px;} .survey_wrapper .survey_bottom{padding:20px; box-sizing:border-box; display:inline-block; width:100%;} .survey_wrapper .survey_bottom .survey_left{width:60%; box-sizing:border-box; float:left;} .survey_wrapper .survey_bottom .survey_left p{padding-bottom:15px !important; display:inline-block !important;} .survey_wrapper .survey_bottom .survey_left .radio{width:100%; display:inline-block;} .survey_wrapper .survey_bottom .survey_left .radio span{font-size:14px; padding-right:10px;} .survey_wrapper .survey_bottom .survey_right{width:40%; box-sizing:border-box; float:left;} .survey_wrapper .survey_bottom .survey_right p{padding-bottom:10px !important; display:inline-block !important;} .survey_wrapper .survey_bottom .survey_right .comment_box{width:100%;} .survey_wrapper .survey_bottom .survey_right .comment_box input[type="text"].comments{display:inline-block; background-color:#f1f1f1; border:1px solid #4c4c4c;width:calc(100% - 50px) ; height:23px; line-height:23px; float:left;} .survey_wrapper .survey_bottom .survey_right .comment_box .comments_btn{line-height:25px;text-align:center;display:inline-block;width:47px; height:25px; box-sizing:border-box; background-color:#4c4c4c; color:#fff; font-size:14px; font-weight:bold; float:left; cursor:pointer;} @media screen and (max-width:1024px){ .survey_wrapper{width:/*calc(100% - 80px)*/100%; right:40px; left:40px; bottom:40px; margin-left:0%;} .survey_wrapper .survey_top{float:left; width:100%;} .survey_wrapper .survey_top span.right{float:right; width:100%; padding-top:10px; text-align:right;} .survey_wrapper .survey_bottom .survey_left{width:100%; box-sizing:border-box; float:left; padding-bottom:20px;} .survey_wrapper .survey_bottom .survey_right{width:100%; box-sizing:border-box; float:left;} .radio span input[type="radio"]{margin-right:0px;} } /*footer*/ footer{height:137px;} #footer_group{position:relative;padding:22px 0 0px 0;background:#fff;z-index:1000; box-sizing:border-box} #footer_group:after { content : ""; display : block; visibility : hidden; clear : both; } #footer_group .wrapper .f_logo { display : block; float : left;margin-top:35px; width : 241px; height : 33px; background : url(../images/footer_logo.png) no-repeat 0 0; } #footer_group .wrapper .finfo{ float : left; width:calc(100% - 241px); text-align:center;} #footer_group .finfo .p_number {color:#484848; font-size:12px; display:inline-block; line-height:16px;} #footer_group .finfo .p_number span{padding-right:10px;} #footer_group .finfo .p_number span:last-child{padding-right:0px;} #footer_group .finfo .copyright {color:#484848; font-size:12px; line-height:16px; display:inline-block;} #footer_group .finfo .info_box{margin-bottom:22px} #footer_group .finfo .info_box a {display:inline-block;position : relative; padding-left : 15px;color:#353535; font-size:12px;} #footer_group .finfo .info_box a:after { content : ""; display : block; position : absolute; top : 4px; left : 2%; width : 1px; height :10px; background:#ddd; } #footer_group .finfo .info_box a:first-child { padding-left : 0; } #footer_group .finfo .info_box a:first-child:after { display : none; } #footer_group .finfo .info_box a:hover, #footer_group .finfo .info_box a:focus{text-decoration:underline;} #footer_group .wrapper { position : relative; margin : 0 auto; width : 1200px; } #footer_group .wrapper * { padding : 0; margin : 0; } #footer_group address {color:#484848; font-size:12px;/*color : #636467;*/ font-style:normal; line-height:16px;} #footer_group address span{padding-left:20px !important; display:inline-block;} #family_wrap{float:right;} #footer_group .f_left:after{content:"";display:block;visibility:hidden;clear:both;} #footer_group .f_left{float:left;width:78%;} #footer_group .f_right{float:right;width:22%;} #footer_group .f_right .qr{background:url(../images/qr.png) no-repeat; width:100px; height:83px; float:left; display:inline-block;} #footer_group .f_right{position:relative;padding-top:23px;} #footer_group #fbanner{} #footer_group .wa{position:absolute;top:0;left:0;width:80px;} #footer_group #fbanner ul:after{content:"";display:block;visibility:hidden;clear:both;} #footer_group #fbanner ul .item{display:inline-block;float:right;position:relative;/*margin-right:3px;*/width:60%;/*width:230px;*/} #footer_group #fbanner ul .item:first-child{margin-bottom:5px; margin-top:8px;} #footer_group #fbanner ul .item .button{display:block;position:relative;padding:5px 6px;border:1px solid #464a53;color:#9b9da3; font-size:12px; color:#3f3f3f;} #footer_group #fbanner ul .item .button:hover,#footer_group #fbanner ul .item .button:focus{color:#3f3f3f;border:1px solid #b8b8b8;} #footer_group #fbanner ul .item .button:after {content:"";display:block;visibility:hidden;clear:both;} #footer_group #fbanner ul .item .button *{vertical-align:middle} #footer_group #fbanner ul .item .button .bio{display:inline-block;position:absolute;top:10px;right:5px;overflow:hidden;width:7px;height:7px;background:url(../images/plus.png) no-repeat;} #footer_group #fbanner ul .item .button:hover .bio, #footer_group #fbanner ul .item .button:focus .bio{display:inline-block;position:absolute;top:10px;right:5px;overflow:hidden;width:7px;height:7px;background:url(../images/plus.png) no-repeat;} #footer_group #fbanner ul .item .button.ov .bio{background:url(../images/plus.png) no-repeat right top;} #footer_group #fbanner ul .item .obj{box-sizing:border-box;display:none;overflow:hidden;position:absolute;bottom:43px;left:0;padding:10px;width:100%;border:1px solid #c7c7c7;z-index:10;} /*background:#fff url(/images/common/common/bg_fb.jpg) no-repeat right top;*/ #footer_group #fbanner ul .item .obj ul{overflow:hidden;overflow-y:auto;height:140px;} #footer_group #fbanner ul .item .obj li{display:block;border-top:1px dashed #ddd;} #footer_group #fbanner ul .item .obj li:first-child{border-top:none;} #footer_group #fbanner ul .item .obj li a{display:block;padding:5px;font-size:13px;line-height:18px; } #footer_group #fbanner ul .item .obj li a:hover{color:#268de4} #footer_group .wrapper address span{display:inline-block;padding:0 5px;} @media screen and (max-width:1240px){ footer{height:160px;} #footer_group .wrapper{width:100%;} #footer_group .f_left{width:100%; position:absolute;top:44px; margin-bottom:15px;} #footer_group .f_left{width:100%;} #footer_group .f_right{width:100%; padding-left:2%; position:absolute; top:0px; padding-top:0px; text-align:center; padding-left:0%;} #footer_group .f_right .qr{display:none;} #footer_group #fbanner ul .item{width:20%; float:none;} #footer_group #fbanner ul .item:first-child{margin-right:3%;} #footer_group .wrapper .f_logo{display:none;} #footer_group .wrapper .finfo{width:100%;} } @media screen and (max-width:1000px){ footer{margin-top:0px;} } @media screen and (max-width:600px){ #footer_group #fbanner ul .item{width:45%;} footer{height:204px;} } /* paging */ contents #mcontent .paging{position:absolute;top:68px;width:100%;z-index:1;} contents #mcontent .paging .wrapper{width:1200px !important; margin:0 auto !important; position:relative; } contents #mcontent .paging .wrap{padding:0;text-align:left; background:url('../images/slogan.png') right center no-repeat;} contents #mcontent .paging .wrap a{display:inline-block;position:relative;width:65px;height:65px;padding-top:10px;color:#fff;font-size:16px;line-height:20px;text-align:center;} /*#mcontent .paging .wrapper a.btn0{font-size:14px;}*/ /*#mcontent .paging .wrapper a.btn0{padding-top:9px;}*/ contents #mcontent .paging .wrap span{display:block;margin:0 auto;width:21px;height:19px;} contents #mcontent .paging .wrap a.btn0{background:url(../images/p1.png) no-repeat; width:67px; height:100px; padding-right:15px;} contents #mcontent .paging .wrap a.btn1{background:url(../images/p2.png) no-repeat; width:67px; height:100px; padding-right:15px;} contents #mcontent .paging .wrap a.btn2{background:url(../images/p3.png) no-repeat; width:67px; height:100px; padding-right:15px;} contents #mcontent .paging .wrap a.btn3{background:url(../images/p4.png) no-repeat; width:67px; height:100px; position:absolute;} contents #mcontent .paging .wrap a.btn0.ov{background:url(../images/p1_ov.png) no-repeat; width:67px; height:100px;} contents #mcontent .paging .wrap a.btn1.ov{background:url(../images/p2_ov.png) no-repeat; width:67px; height:100px;} contents #mcontent .paging .wrap a.btn2.ov{background:url(../images/p3_ov.png) no-repeat; width:67px; height:100px;} contents #mcontent .paging .wrap a.btn3.ov{background:url(../images/p4_ov.png) no-repeat; width:67px; height:100px;} contents #mcontent .paging .wrap a.btn0:hover{background:url(../images/p1_ov.png) no-repeat; width:67px; height:100px;} contents #mcontent .paging .wrap a.btn1:hover{background:url(../images/p2_ov.png) no-repeat; width:67px; height:100px;} contents #mcontent .paging .wrap a.btn2:hover{background:url(../images/p3_ov.png) no-repeat; width:67px; height:100px;} contents #mcontent .paging .wrap a.btn3:hover{background:url(../images/p4_ov.png) no-repeat; width:67px; height:100px;} #mcontent .paging .wrap a span{display:block;font-size:9px;letter-spacing:-1px;} @media only screen and (max-width:1300px){ contents #mcontent .paging{top:40px; left:-33px;} contents #mcontent .paging .wrapper{width:98% !important;} contents #mcontent .paging .wrap{text-align:center; background:none;} } @media only screen and (max-width:767px){ /*#mcontent .paging .wrapper a.btn0{display:none;}*/ } @media only screen and (max-width:360px){ #mcontent .paging .wrap a{width:60px;height:60px;} } /* 회원가입 */ .join_step_wrap{width:100%; float:left; text-align:center; border:1px solid #ccc; box-sizing:border-box; margin-bottom:45px;} .join_step_wrap li{font-size:16px;width:33.33%; box-sizing:border-box; float:left; border-right:1px solid #ccc; padding:20px 0px;} .join_step_wrap li.on{background-color:#006357; color:#fff;} .join_step_wrap li:last-child{border-right:none;} .join_step_wrap li img{vertical-align:middle; padding-right:5px;} .join_btn_wrapper {position:relative; clear:both; margin:20px 0;} .join_btn_wrapper ul {position:relative; left:50%; float:left;} .join_btn_wrapper ul li {float:left; position:relative; right:50%; margin:0 5px; line-height:30px; color:#fff; padding:0 15px; cursor:pointer;} .join_btn_wrapper ul li.join_btn01 {background-color:#27537F;} .join_btn_wrapper ul li.join_btn01 input {background:none; border:0; line-height:30px; color:#fff;} .join_btn_wrapper ul li.join_btn02 {background-color:#666;} .join_btn_wrapper ul li.join_btn03 {background-color:#666;} @media screen and (max-width:850px){ .join_step_wrap li{width:100%; border-bottom:1px solid #ccc;} .join_step_wrap li:last-child{border-bottom:none;} } /* 회원가입 테이블 */ .change-width1{width:25%;} .change-width2{/*width:*;*/} .change-pwd { border-top:1px solid #ccc;} .change-pwd tbody th{border-right: 1px solid #d7d7d7; text-align:left;} .change-pwd tbody td{padding:10px; box-sizing:border-box; } .change-pwd th strong {color:#cc3333; padding-right:5px;} .change-pwd td .input{box-sizing:border-box;line-height:31px; border: 1px solid #d7d7d7; } .change-pwd td #upFile{box-sizing:border-box;line-height:31px; width:100%; } .change-pwd td .input, .change-pwd td .select {font-size:14px; width:182px; text-indent: 10px;} .change-pwd td .input.address {width:100%;} .change-pwd td .address_label {padding-left:0;} .change-pwd td .tel-no {width:78px;} .change-pwd td .add{width:20%;} .change-pwd td .add2{width:40%;} .change-pwd td .add3{width:20%;} .change-pwd td .addr {width:279px;} .change-pwd td .input_error{line-height:27px; border: 1px solid #ff5c5c; background:#fff6f6; color:#f12d2d;} .change-pwd td .txt_pwd{margin:0 30px;} .join-notice {margin-top:-47px; margin-bottom:28px; text-align:right;} .change-pwd .textarea {width:80%; box-sizing:border-box;padding:10px; overflow-x:hidden;} .change-pwd td .input2{font-size:14px; width:100%; text-indent:15px; line-height:31px; border:1px solid #d7d7d7} .tbl_write{width:100%;margin-bottom:10px;} .tbl_write label{padding-left:5px;} .tbl_write th{padding:10px 14px 8px 14px;text-align:left;border-bottom:1px solid #dedede; border-right:1px solid #d7d7d7; background:#f6f7f9; text-align:center;} .tbl_write td{padding:6px 17px 6px 15px;text-align:left;border-bottom:1px solid #dedede;} .tbl_write td .inpfile{width:218px;margin-right:4px;} .tbl_write td.brdara{padding-top:10px;padding-bottom:10px;} .tbl_write td .fileBtn{margin-bottom:5px;} .tbl_write td .usefile{height:50px;border:1px solid #c8c8c8;} .tbl_write td label + input[type="checkbox"], .tbl_write td label + input[type="radio"]{margin-left:20px;} .tbl_write select{height:31px; border: 1px solid #d7d7d7;padding-left:5px;} .tbl_write .input{height:31px; border:1px solid #d7d7d7; padding-left:5px;} .textarea.sizing{width:796px; box-sizing:border-box; overflow-y:scroll;} .inptype.sizing{width:790px;} .btn_gr3{box-sizing:border-box; display: inline-block;height:31px;padding: 0 10px; margin-left: 5px;border: 1px solid transparent; color:#fff; background: #005555;white-space: nowrap;line-height: 31px;font-weight:500;font-size: 14px;vertical-align: middle;} .btn_gr3 span{color:#fff;} @media screen and (max-width:640px){ .change-pwd td #term_m{width:20%} .change-pwd td #term_d{width:20%} .change-pwd td .tel-no{width:20%} .change-pwd td #phone_home1{width:25%} .change-pwd td #phone_home2{width:25%} .change-pwd td #phone_home3{width:30%} .change-pwd td #phone_hp1{width:25%} .change-pwd td #phone_hp2{width:25%} .change-pwd td #phone_hp3{width:30%} .change-pwd td #postal_code{width:30%} .change-pwd td #addr1{width:100%} .change-pwd td #addr2{width:100%} .btn_gr3{margin-top:5px; margin-left:0px; text-align:center;} .tbl_write select{margin-top:5px; margin-bottom:5px;} .change-pwd td .input{} .change-pwd tbody td{} .tbl_write th{padding:5px; width:25%;} .tbl_write td{padding:5px; width:75%;} } /*수강신청*/ .online_subscribe{padding-bottom:10px !important; width:100%; float:left;} .online_subscribe img {vertical-align:middle; padding-right:10px;} .sub_wrap.subscribe{background:url("../images/sub/subscribe_bg.png") no-repeat 100% 100%; background-size:cover;} .sub_wrap.subscribe h3{font-size:16px; color:#27537F; line-height:1; display:inline-block; margin-bottom:25px;} .sub_wrap.subscribe h2{font-size:20px; color:#27537F; line-height:1; display:inline-block; margin-bottom:15px;} .subscribe_select_01{float:left; width:100%; margin-top:60px; position:relative;} .subscribe_select_01 ul:after{content:"";display:block;visibility:hidden;clear:both;} .subscribe_select_01 ul .item{box-sizing:border-box;display:inline-block;float:left;position:relative;border:1px solid #333;width:26.66%;/*width:230px;*/} .subscribe_select_01 ul .item .button{display:block;position:relative;padding:20px 0px;color:#9b9da3; font-size:18px; color:#3f3f3f; text-align:center;} .subscribe_select_01 ul .item .button:hover,.submain_contents .submain_select_wrap #fbanner ul .item .button:focus{color:#3f3f3f;} .subscribe_select_01 ul .item .button:after {content:"";display:block;visibility:hidden;clear:both;} .subscribe_select_01 ul .item .button *{vertical-align:middle} .subscribe_select_01 ul .item .button:hover,.subscribe_select_01 ul .item .button:focus{color:#27537F;} .subscribe_select_01 ul .item .button .bio{display:inline-block;position:absolute;top:28px;right:5px;overflow:hidden;width:6px;height:5px;background:url(../images/sub/select_down.png) no-repeat;} .subscribe_select_01 ul .item .obj{box-sizing:border-box;display:none;overflow:hidden;position:absolute;left:0;padding:10px;width:100%;background:#fff;border:1px solid #c7c7c7;z-index:10;} .subscribe_select_01 ul .item .obj ul{overflow:hidden;height:100%;} .subscribe_select_01 ul .item .obj li{display:block;border-top:1px dashed #ddd;} .subscribe_select_01 ul .item .obj li:first-child{border-top:none;} .subscribe_select_01 ul .item .obj li a{display:block;padding:5px;font-size:13px;line-height:18px; } .subscribe_select_01 ul .item .obj li a:hover{color:#268de4} .subscribe_select_01 ul li.select_next{text-align:center; width:10%; position:relative; top:22px; box-sizing:border-box;float:left; vertical-align:middle;} .subscribe_select_01 ul.subscribe_select_title li{font-weight:bold; color:#27537F; font-size:20px; margin-bottom:15px;} .subscribe_select_01 ul.subscribe_select_title li:first-child{float:left;width:26.66%; margin-right:10%;} .subscribe_select_01 ul.subscribe_select_title li:nth-child(2){float:left;width:26.66%; margin-right:10%;} .subscribe_select_01 ul.subscribe_select_title li:last-child{float:left;width:26.66%;} .subscribe_select_01 .subscribe_btn{cursor:pointer; text-align:center; float:left; width:26.66%; box-sizing:border-box; background-color:#27537F; color:#fff; font-size:14px; padding:22px 0px; } .subscribe_select_01 .subscribe_btn a{color:#fff;} .subscribe_select_01 .subscribe_m_title{display:none;} @media screen and (max-width:800px){ .subscribe_select_01{margin-top:30px;} .subscribe_select_01 ul .item .button{padding:10px 0px;} .subscribe_select_01 ul .item{width:100%;} .subscribe_select_01 ul li.select_next {margin-bottom:15px;} .subscribe_select_01 ul.subscribe_select_title li{display:none;} .subscribe_select_01 ul li.select_next img{display:none;} .subscribe_select_01 .subscribe_btn{width:100%; padding:10px 0px; } .subscribe_select_01 .subscribe_m_title{font-weight:bold;display:block; color:#27537F; font-size:20px; text-align:left; float:left; width:100%; margin-bottom:15px} .subscribe_select_01 ul .item .button .bio{top:17px;} } .sub_contents .submain_select_wrap #sub_select{width:100%;box-sizing:border-box; margin-bottom:46px;} .sub_contents .submain_select_wrap .wa{position:absolute;top:0;left:0;width:80px;} .sub_contents .submain_select_wrap #sub_select ul:after{content:"";display:block;visibility:hidden;clear:both;} .sub_contents .submain_select_wrap #sub_select ul .item{display:inline-block;float:left;position:relative;/*margin-right:3px;*/width:100%; background-color:#27537F;/*width:230px;*/} .sub_contents .submain_select_wrap #sub_select ul .item:first-child{margin-bottom:5px;} .sub_contents .submain_select_wrap #sub_select ul .item .button{display:block;position:relative;padding:15px 0px; color:#fff; font-size:18px;text-align:center;} .sub_contents .submain_select_wrap #sub_select ul .item .button:hover,.sub_contents .submain_select_wrap #fbanner ul .item .button:focus{color:#fff;} .sub_contents .submain_select_wrap #sub_select ul .item .button:after {content:"";display:block;visibility:hidden;clear:both;} .sub_contents .submain_select_wrap #sub_select ul .item .button *{vertical-align:middle} .sub_contents .submain_select_wrap #sub_select ul .item .button:hover,.sub_contents .submain_select_wrap #sub_select ul .item .button:focus{color:#fff;} .sub_contents .submain_select_wrap #sub_select ul .item .button .bio{display:inline-block;position:absolute;top:20px;right:20px;overflow:hidden;width:16px;height:10px;background:url(../images/sub2/sub/down_white.png) no-repeat;} .sub_contents .submain_select_wrap #sub_select ul .item .button:hover .bio, .sub_contents .submain_select_wrap #sub_select ul .item .button:focus .bio{display:inline-block;position:absolute;top:20px;right:20px;overflow:hidden;width:16px;height:10px;background:url(../images/sub2/sub/down_white.png) no-repeat;} .sub_contents .submain_select_wrap #sub_select ul .item .button.ov .bio{background:url(../images/sub2/sub/up_white.png) no-repeat right top;} .sub_contents .submain_select_wrap #sub_select ul .item .obj{box-sizing:border-box;display:none;overflow:hidden;position:absolute;left:0;padding:10px;width:100%;background:#fff;border:1px solid #c7c7c7;z-index:10;} .sub_contents .submain_select_wrap #sub_select ul .item .obj ul{overflow:hidden;overflow-y:auto;height:140px;} .sub_contents .submain_select_wrap #sub_select ul .item .obj li{display:block;border-top:1px dashed #ddd;} .sub_contents .submain_select_wrap #sub_select ul .item .obj li:first-child{border-top:none;} .sub_contents .submain_select_wrap #sub_select ul .item .obj li a{display:block;padding:5px;font-size:13px;line-height:18px; } .sub_contents .submain_select_wrap #sub_select ul .item .obj li a:hover{color:#268de4} .sub_contents .submain_select_wrap .wrapper address span{display:inline-block;padding:0 5px;} .sub_contents .submain_select_wrap #m_sub_select{display:none; background:#27537F; margin-bottom:20px;} .sub_contents .submain_select_wrap #m_sub_select{width:100%;box-sizing:border-box;} .sub_contents .submain_select_wrap .wa{position:absolute;top:0;left:0;width:80px;} .sub_contents .submain_select_wrap #m_sub_select ul:after{content:"";display:block;visibility:hidden;clear:both;} .sub_contents .submain_select_wrap #m_sub_select ul .item{display:inline-block;float:left;position:relative;/*margin-right:3px;*/width:100%;/*width:230px;*/} .sub_contents .submain_select_wrap #m_sub_select ul .item:first-child{margin-bottom:5px;} .sub_contents .submain_select_wrap #m_sub_select ul .item .button{display:block;position:relative;padding:20px 25px;color:#fff; font-size:18px; text-align:left;} .sub_contents .submain_select_wrap #m_sub_select ul .item .button:hover,.sub_contents .submain_select_wrap #fbanner ul .item .button:focus{color:#3f3f3f;} .sub_contents .submain_select_wrap #m_sub_select ul .item .button:after {content:"";display:block;visibility:hidden;clear:both;} .sub_contents .submain_select_wrap #m_sub_select ul .item .button *{vertical-align:middle} .sub_contents .submain_select_wrap #m_sub_select ul .item .button:hover,.sub_contents .submain_select_wrap #m_sub_select ul .item .button:focus{color:#fff;} .sub_contents .submain_select_wrap #m_sub_select ul .item .button .bio{display:inline-block;position:absolute;top:24px;right:25px;overflow:hidden;width:16px;height:10px;background:url(../images/sub2/sub/down_white.png) no-repeat;} .sub_contents .submain_select_wrap #m_sub_select ul .item .button:hover .bio, .sub_contents .submain_select_wrap #m_sub_select ul .item .button:focus .bio{display:inline-block;position:absolute;top:24px;right:25px;overflow:hidden;width:16px;height:10px;background:url(../images/sub2/sub/down_white.png) no-repeat;} .sub_contents .submain_select_wrap #m_sub_select ul .item .button.ov .bio{background:url(../images/sub2/sub/down_white.png) no-repeat right top;} .sub_contents .submain_select_wrap #m_sub_select ul .item .obj{box-sizing:border-box;display:none;overflow:hidden;position:absolute;left:0;padding:10px;width:100%;background:#fff;border:1px solid #c7c7c7;z-index:10;} .sub_contents .submain_select_wrap #m_sub_select ul .item .obj ul{overflow:hidden;overflow-y:auto;height:140px;} .sub_contents .submain_select_wrap #m_sub_select ul .item .obj li{display:block;border-top:1px dashed #ddd;} .sub_contents .submain_select_wrap #m_sub_select ul .item .obj li:first-child{border-top:none;} .sub_contents .submain_select_wrap #m_sub_select ul .item .obj li a{display:block;padding:5px;font-size:13px;line-height:18px; } .sub_contents .submain_select_wrap #m_sub_select ul .item .obj li a:hover{color:#268de4} /* 수강신청 - 프로그램 안내 */ .subscribe_contents_wrap{float:left; width:100%; box-sizing:border-box; border:2px solid #27537F; margin-top:20px; } .subscribe_contents_wrap .subscribe_contents_title{padding:20px; box-sizing:border-box; text-align:center; border-bottom:1px solid #ccc;} .subscribe_contents_wrap .subscribe_contents_left{text-align:center;float:left;width:40%; box-sizing:border-box; padding:20px; } .subscribe_contents_wrap .subscribe_contents_left img{width:100%;} .subscribe_contents_wrap .subscribe_contents_left .mobile_img{display:none;} .subscribe_contents_wrap .subscribe_contents_right{border-left:1px solid #ccc; float:left;width:60%; box-sizing:border-box; padding:20px;} .subscribe_contents_wrap .subscribe_contents_right p{font-size:14px; line-height:1.3; } .subscribe_contents_wrap .subscribe_contents_right .scroll{height:auto; overflow-y:auto;} .subscribe_inform_wrap{margin-top:30px; width:100%; float:left; box-sizing:border-box;} @media screen and (max-width:640px){ .subscribe_contents_wrap .subscribe_contents_left{width:100%;} .subscribe_contents_wrap .subscribe_contents_right{width:100%;} .subscribe_contents_wrap .subscribe_contents_left .mobile_img{display:block;} .subscribe_contents_wrap .subscribe_contents_left .pc_img{display:none;} } /* sub */ .sub_wrap{/*! background:url('/simg/subbg.png') repeat top center; */ width:100%; height:100%; position:relative; padding-top:50px; padding-bottom:40px;} .sub_wrap .wrapper .sub_nav{position:absolute; top:-30px; right:0; padding-bottom:14px;} .sub_wrap .wrapper .sub_nav nav {color:#222; font-size:14px;} .sub_wrap .wrapper .sub_nav nav a{color:#222; font-size:14px;} .sub_wrap .wrapper{width:1200px; margin:0 auto;} .sub_wrap .wrapper .wrapper_bg{border-radius:14px; background-color:#fff;box-sizing:border-box; padding:40px; } @media screen and (max-width:1250px){ .sub_wrap .wrapper{width:95%;} .sub_wrap .wrapper .sub_nav{} } @media screen and (max-width:1050px){ .sub_wrap{padding-top:20px;} .sub_wrap .wrapper .sub_nav{position:relative; top:0px; text-align:center;} } @media screen and (max-width:640px){ .sub_wrap .wrapper .wrapper_bg{padding:40px 20px;} } /*lnb*/ .sub_wrap .wrapper .wrapper_bg .lnb_wrap{width:20%; vertical-align:top; box-sizing:border-box; display:inline-block;margin-right:5%;} .sub_wrap .wrapper .wrapper_bg .lnb_wrap .lnb_title{font-size:28px; font-weight:bold; color:#353535; padding-bottom:22px; border-bottom:2px solid #353535; margin-bottom:20px; } .sub_wrap .wrapper .wrapper_bg .lnb_wrap .menu_v{position:relative;width:100%;font-size:14px;line-height:normal} .sub_wrap .wrapper .wrapper_bg .lnb_wrap .menu_v ul{margin:0;padding:0;list-style:none} .sub_wrap .wrapper .wrapper_bg .lnb_wrap .menu_v ul .lnb_top{} .sub_wrap .wrapper .wrapper_bg .lnb_wrap .menu_v li{position:relative;margin:0 0 -1px 0;vertical-align:top;} .sub_wrap .wrapper .wrapper_bg .lnb_wrap .menu_v li a{display:block;position:relative;padding:0px 15px;color:#fff;font-weight:normal;text-decoration:none;background:#27537F;border:1px solid #eee; line-height:34px; height:34px;} .sub_wrap .wrapper .wrapper_bg .lnb_wrap .menu_v li a span{display:inline-block; width:100%; box-sizing:border-box;} .sub_wrap .wrapper .wrapper_bg .lnb_wrap .menu_v li a .i{position:absolute;top:calc(50% - 3.5px);right:17px;width:14px;height:6px;color:#ccc;background:url(../images/sub/right.png) no-repeat;} .sub_wrap .wrapper .wrapper_bg .lnb_wrap .menu_v li.active a .i{position:absolute;top:calc(50% - 3.5px);right:17px;width:13px;height:7px;color:#ccc;background:url(../images/right_.png) no-repeat;} .sub_wrap .wrapper .wrapper_bg .lnb_wrap .menu_v li ul{padding:0;background:#fff} .sub_wrap .wrapper .wrapper_bg .lnb_wrap .menu_v li li{margin:0} .sub_wrap .wrapper .wrapper_bg .lnb_wrap .menu_v li li a{height:34px; line-height:34px;border:0;background:#fff;font-weight:normal; } .sub_wrap .wrapper .wrapper_bg .lnb_wrap .menu_v li li a span{color:#666} .sub_wrap .wrapper .wrapper_bg .lnb_wrap .menu_v li.active li.active a span.ra{background:url(../images/ra_a.png) no-repeat; width:3px; height:6px; top:calc(50% - 3px); left:22px; display:inline-block; } .sub_wrap .wrapper .wrapper_bg .lnb_wrap .menu_v li.active li a span.ra{background:url(../images/ra.png) no-repeat; width:3px; height:6px; top:calc(50% - 3px); left:22px; display:inline-block; } .sub_wrap .wrapper .wrapper_bg .lnb_wrap .menu_v li.active{z-index:2;border:1px solid #ccc;padding-bottom: 0px;} .sub_wrap .wrapper .wrapper_bg .lnb_wrap .menu_v li li.active{border:0;} .sub_wrap .wrapper .wrapper_bg .lnb_wrap .menu_v li.active a{border:0;color:#fff; background:#353535;} .sub_wrap .wrapper .wrapper_bg .lnb_wrap .menu_v li.active li a{border:0; background:#f1f1f1; border-bottom:1px solid #cccccc; line-height:34px; height:34px; } .sub_wrap .wrapper .wrapper_bg .lnb_wrap .menu_v li.active ul{display:block;border-top:1px solid #eee} .sub_wrap .wrapper .wrapper_bg .lnb_wrap .menu_v li.active li.active a span{font-weight:bold;color:#2561aa;letter-spacing:-1px} .sub_wrap .wrapper .wrapper_bg .lnb_wrap .menu_v li.active ul a{background-color:#f1f1f1; color:#2561aa; border-bottom:1px solid #ccc;} /*sub_content*/ .sub_wrap .wrapper .wrapper_bg .sub_contents{width:74%; vertical-align:top; box-sizing:border-box; display:inline-block; position: relative;} .sub_wrap .wrapper .wrapper_bg .sub_contents.one_page{width:100%; vertical-align:top; box-sizing:border-box; display:inline-block;} .sub_wrap .wrapper .wrapper_bg .sub_contents.one_page h2 {/* font-size: 20px; *//* color: #27537F; */line-height: 1;/*display: inline-block;*/margin-bottom: 20px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_title{width:100%; float:left; text-align:left;letter-spacing:-2px;font-size:35px; font-weight:bold; color:#353535; padding-bottom:13px; border-bottom:1px solid #353535; margin-bottom:30px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman{background:url(/_sub06/img/contents_sub_bg2.png) no-repeat; width:100%; height:292px; padding-bottom:15px; background-size:contain; background-position:50% 50%;} .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman .chairman_title{padding-top:73px; font-size:26px; font-weight:bold; color:#353535; letter-spacing:-2px; } .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman .chairman_title b{font-size:16px;color:#27537F;padding-bottom:6px;display:inline-block;background: linear-gradient(to right bottom, #006CAF, #008565);-webkit-background-clip: text; /* 사파리/크롬 */-webkit-text-fill-color: transparent;background-clip: text; /* 파이어폭스 등 */color: transparent;} .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman_sign p{line-height:18px; font-size:14px; letter-spacing:-1px; padding-bottom:15px; display:inline-block;} .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman_sign .sign_r{margin-bottom:45px; height:20px;padding-top:25px; float:right; position:relative; width:100%; display:inline-block;} .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman_sign .sign_r span.sign_img{display:inline-block; background:url(../images/sub/chairman_sign1.png) no-repeat; width:307px; height:50px; position:absolute; right:0; top:10px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_title2{letter-spacing:-2px;font-size:35px; font-weight:bold; color:#353535; border-bottom:1px solid #353535; margin-bottom:45px; padding-bottom:13px; width:100%; display:inline-block;} .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman_profile{display:inline-block; position:relative;width:100%; height:316px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman_profile .c_left{width:50%; display:inline-block; float:left;} .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman_profile .c_left img{text-align:left; float:left;} .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman_profile .c_right{width:50%; display:inline-block;} .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman_profile .c_right b{font-size:20px; color:#27537F; padding-bottom:15px; display:inline-block;} .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman_profile .c_right p{font-size:14px; color:#484848; line-height:18px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman_profile .c_right span{background:url(../images/sub/bluebar.png) no-repeat; width:6px; height:2px; vertical-align:middle; display:inline-block; padding-right:5px; padding-left:2px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman_profile .c_right .middle{display:inline-block;padding-bottom:40px;width:100%;} .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman_talk{display:inline-block; margin-bottom:40px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman_talk .sub_chairman_bg{background:url(../images/sub/chairman_talk.png) no-repeat; width:100%; height:200px; display:inline-block; padding-bottom:25px; background-size:contain;} .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman_talk p{padding-bottom:20px; line-height:1.3; font-size:14px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman_talk b{padding-bottom:20px; font-size:14px; line-height:1.3; display:inline-block;} .sub_wrap .wrapper .wrapper_bg .sub_contents .old_chairman{display:inline-block;width:100%;background: #f8f8f8;padding: 30px;border-radius: 10px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .old_chairman .old_c_card_wrap{width:100%;float:left;/* margin-bottom:20px; */display: flex;flex-wrap: wrap;gap: 10px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .old_chairman .old_c_card {height:400px;padding:17px 30px;background: #fff;border: 0px;border-radius: 10px;box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.06);} .sub_wrap .wrapper .wrapper_bg .sub_contents .old_chairman .old_c_card{width: calc(33.3333333% - 16px);height:480px;padding:17px 50px;/* border:2px solid #27537F; */box-sizing:border-box;text-align:center;float:left;margin-right:15px;margin-bottom: 9px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .old_chairman .old_c_card img{text-align:center; display:inline-block; margin-bottom:15px; } .sub_wrap .wrapper .wrapper_bg .sub_contents .old_chairman .old_c_card h2{width:100%;font-size:20px; color:#333333; display:inline-block; margin-bottom:15px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .old_chairman .old_c_card span{display:inline-block;text-align:left;float:left;font-size:13px;letter-spacing: -1px;padding-bottom:5px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .old_chairman .old_c_card div{display:inline-block; width:100%; text-align:left; margin-left:15px; text-indent:0px; font-size:14px; line-height:17px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .old_chairman .old_c_card span.text{font-size:14px; letter-spacing:-2px; float:left;} .sub_wrap .wrapper .wrapper_bg .sub_contents .old_chairman .old_c_card img.bar{vertical-align:middle; display:inline-block;padding-left:2px; margin-bottom:0px; margin-left:-10px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .old_chairman .old_c_card b{margin-bottom:5px; color:#27537F; display:inline-block; font-size:13px; width:100%; text-align:left;} .sub_wrap .wrapper .wrapper_bg .sub_contents .old_chairman .old_c_card span b{color:#27537F; display:inline-block; font-size:14px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .old_chairman .old_c_card{margin-right:1%;} @media screen and (max-width:1250px){ /*.sub_wrap .wrapper .wrapper_bg{height:4300px;}*/ .sub_wrap .wrapper .wrapper_bg .sub_contents .old_chairman .old_c_card{width:49%; margin-right:2%;} .sub_wrap .wrapper .wrapper_bg .sub_contents .old_chairman .old_c_card.last_child{margin-right:inherit;} .sub_wrap .wrapper .wrapper_bg .sub_contents .old_chairman .old_c_card:nth-child(2n){margin-right:0%;} } @media screen and (max-width: 1024px){ .sub_wrap .wrapper .wrapper_bg .lnb_wrap{display:none;} .sub_wrap .wrapper .wrapper_bg .sub_contents{width:100%;} } @media screen and (max-width:800px){ .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman{background:none; height:auto;} .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman .chairman_title{padding-top:0px;} } @media screen and (max-width:750px){ /*.sub_wrap .wrapper .wrapper_bg{height:4400px;}*/ } @media screen and (max-width:700px){ /*.sub_wrap .wrapper .wrapper_bg{height:5900px;}*/ .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman_profile{height:auto; padding-bottom:40px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman_profile .c_left{box-sizing:border-box;float:none; width:100%; padding-left:calc( 50% - 119.5px ); padding-bottom:36px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman_profile .c_left img{text-align:center; float:none;} .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman_profile .c_right{box-sizing:border-box;float:none; width:100%; padding-left:calc( 50% - 119.5px )} .sub_wrap .wrapper .wrapper_bg .sub_contents .old_chairman .old_c_card{width:100%; margin-right:0%;} } @media screen and (max-width:600px){ .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman_talk .sub_chairman_bg{display:none;} } @media screen and (max-width:550px){ /*.sub_wrap .wrapper .wrapper_bg{height:6300px}*/ } @media screen and (max-width:450px){ .sub_wrap .wrapper .wrapper_bg .sub_contents .sub_chairman_sign .sign_r span.sign_img{background-size:contain; width:100%;} /*.sub_wrap .wrapper .wrapper_bg{height:6800px}*/ .sub_wrap .wrapper .wrapper_bg .sub_contents .old_chairman .old_c_card div{font-size:13px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .old_chairman .old_c_card{height:auto;} } @media screen and (max-width:380px){ /* .sub_wrap .wrapper .wrapper_bg{height:7300px}*/ } @media screen and (max-width:360px){ /* .sub_wrap .wrapper .wrapper_bg{height:7500px}*/ } /*UN Blobal Compact*/ .sub_wrap .wrapper .wrapper_bg .introduce h2{color:#27537F; font-size:20px; display:inline-block; line-height:1; padding-bottom:20px;} .sub_wrap .wrapper .wrapper_bg .introduce p{font-size:14px; line-height:1.3; color:#353535; padding-bottom:45px;display:inline-block; letter-spacing:-2px; } .sub_wrap .wrapper .wrapper_bg .sub_contents img.un_bg{width:100%; height:100%; padding-bottom:35px;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.sub_middle_wrap{width:100%; float:left; box-sizing:border-box;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.sub_middle_wrap li{width:50%; float:left; height:165px;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.sub_middle_wrap li span.first_icon{background:url(../images/sub/sub_title_icon1.png) no-repeat; width:29px; height:29px; vertical-align:middle; display:inline-block; padding-right:10px; } .sub_wrap .wrapper .wrapper_bg .sub_contents ul.sub_middle_wrap li span.second_icon{background:url(../images/sub/sub_title_icon2.png) no-repeat; width:29px; height:29px; vertical-align:middle; display:inline-block; padding-right:10px; } .sub_wrap .wrapper .wrapper_bg .sub_contents ul.sub_middle_wrap li span.third_icon{background:url(../images/sub/sub_title_icon3.png) no-repeat; width:29px; height:29px; vertical-align:middle; display:inline-block; padding-right:10px; } .sub_wrap .wrapper .wrapper_bg .sub_contents ul.sub_middle_wrap li span.forth_icon{background:url(../images/sub/sub_title_icon4.png) no-repeat; width:29px; height:29px; vertical-align:middle; display:inline-block; padding-right:10px; } .sub_wrap .wrapper .wrapper_bg .sub_contents ul.sub_middle_wrap li h2{color:#27537F; font-size:20px; display:inline-block; padding-bottom:15px; line-height:1; vertical-align:sub;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.sub_middle_wrap li p{font-size:14px; padding-bottom:0px; letter-spacing:-2px;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.establish_wrap{width:100%; float:left; box-sizing:border-box;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.establish_wrap li{width:30%; float:left; height:388px; padding-right:5%;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.establish_wrap li span{padding-bottom:15px;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.establish_wrap li span.first_icon{background:url(/_sub06/img/establish1.png) no-repeat; width:239px; height:239px; vertical-align:middle; display:inline-block;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.establish_wrap li span.second_icon{background:url(/_sub06/img/establish2.png) no-repeat; width:239px; height:239px; vertical-align:middle; display:inline-block;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.establish_wrap li span.third_icon{background:url(/_sub06/img/establish3.png) no-repeat; width:239px; height:239px; vertical-align:middle; display:inline-block;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.establish_wrap li:last-child{padding-right:0px;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.establish_wrap p{padding-left:5%; width:90%; font-size:15px; line-height:1.3; color:#353535; padding-bottom:45px;display:inline-block; letter-spacing:-1px;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.number_wrap{width:100%; float:left;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.number_wrap li{width:25%; float:left;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.number_wrap li img.num_icon{float:left;} .sub_wrap .wrapper .wrapper_bg .sub_contents .manage_wrap {width:100%; text-align:center; padding-bottom:60px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .manage_wrap img.manage_bg{text-align:center; padding-top:25px;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.system_wrap{width:100%; float:left; box-sizing:border-box; padding-top:25px; text-align:center;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.system_wrap li{width:30%; float:left;padding-right:5%;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.system_wrap li span{padding-bottom:15px;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.system_wrap li span.first_icon{background:url(../images/sub/system1.png) no-repeat; width:239px; height:239px; vertical-align:middle; display:inline-block;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.system_wrap li span.second_icon{background:url(../images/sub/system2.png) no-repeat; width:239px; height:239px; vertical-align:middle; display:inline-block;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.system_wrap li span.third_icon{background:url(../images/sub/system3.png) no-repeat; width:239px; height:239px; vertical-align:middle; display:inline-block;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.system_wrap li:last-child{padding-right:0px;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.system_wrap li .first_color_font{font-size:16px; color:#339999; padding-bottom:25px; text-align:center; display:inline-block; width:100%;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.system_wrap li .second_color_font{font-size:16px; color:#175ea9; padding-bottom:25px; text-align:center; display:inline-block; width:100%;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.system_wrap li .third_color_font{font-size:16px; color:#3a6756; padding-bottom:25px; text-align:center; display:inline-block; width:100%;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.system_wrap li b.system_b{width:100%;font-weight:bold; font-size:14px; padding-bottom:15px; display:inline-block;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.system_wrap li p{line-height:1.3; font-size:15px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .ci{width:100%; position:relative; margin-bottom:40px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .ci_image{padding-bottom:15px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .ci .btn_wrap{text-align:center;width:100%;} .sub_wrap .wrapper .wrapper_bg .sub_contents .blue_circle{margin-right:20px; vertical-align:middle; display:inline-block; width:51px; height:51px; border-radius:50%; background-color:#0067b3; } .sub_wrap .wrapper .wrapper_bg .sub_contents .green_circle{margin-right:20px; vertical-align:middle; display:inline-block; width:51px; height:51px; border-radius:50%; background-color:#afd34c; } @media screen and (max-width:1250px){ .sub_wrap .wrapper .wrapper_bg .sub_contents .ci_image img{width:100%;} .sub_wrap .wrapper .wrapper_bg .sub_contents .manage_wrap {max-width:650px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .manage_wrap img.manage_bg{padding-top:25px; width:100%; } } @media screen and (max-width:1040px){ /*.sub_wrap .wrapper .un_global{height:7085px;}*/ .sub_wrap .wrapper .wrapper_bg .sub_contents ul.sub_middle_wrap li{width:100%; height:auto; padding-bottom:20px;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.establish_wrap li{width:100%; height:auto; text-align:center;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.system_wrap li{width:100%; height:auto;} .sub_wrap .wrapper .wrapper_bg .sub_contents ul.system_wrap li b.system_b{width:100%;} .sub_wrap .wrapper .wrapper_bg .sub_contents .ci_image{width:100%; padding-left:0px;} .pr25{padding-right:0px;} } @media screen and (max-width:650px){ .sub_wrap .wrapper .wrapper_bg .sub_contents ul.number_wrap li{width:50%; padding-bottom:20px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .ci .btn_wrap{text-align:center; display:inline-block;} .sub_wrap .wrapper .wrapper_bg .sub_contents .ci .btn_wrap a{display:inline-block;} .sub_wrap .wrapper .wrapper_bg .sub_contents .ci .btn_wrap a span{display:inline-block; padding-bottom:10px;} .trash_list img{width:100%;} } @media screen and (max-width:450px){ /*.sub_wrap .wrapper .un_global{height:7285px;}*/ .sub_wrap .wrapper .wrapper_bg .sub_contents .ci .btn_wrap a span img{margin-bottom:15px; display:inline-block;} } @media screen and (max-width:420px){ /*.sub_wrap .wrapper .un_global{height:7585px;}*/ } /*연혁*/ .yun_tab{overflow:hidden; position:relative; height:80px; } .yun_tab .tabs ul{overflow:hidden; width:100%;} .yun_tab .tabs li{float:left; width:110px; height:100px; padding-left:0; margin-top:0; margin-right:27px; background:url("/images/kor/sub/sub04/yun_tab2.gif") no-repeat left 68px top;} .yun_tab .tabs li a{height:54px;} .yun_tab .tabs li .simbol{left:48px; top:57px;} /*.yun_list ul li{padding-left:187px;} .yun_list ul li strong{position:relative; left:auto; top:auto;} */ .result_title {width:55%;} .result_title_img {width:45%;} .yun_tab .mCSB_container_wrapper{margin:0;} .yun_tab .mCSB_container{padding:0;} .yun_tab .tabs{position:absolute;right:0;top:0;width:137px;height:56px;padding:16px 0px;background:url("../images/sub/tab_bar.png") repeat-y 44px top;} .yun_tab .tabs ul{width:180px;} .yun_tab .tabs li{position:relative; height:80px; padding-left:70px; margin-top:13px; background:url("../images/sub/tab.png") no-repeat right top;} .yun_tab .tabs li:first-child{margin-top:0;} .yun_tab .tabs li.on{background:url("../images/sub/tab_ov.png") no-repeat right top;} .yun_tab .tabs li a{display:block; width:137px; height:56px; line-height:41px; text-align:center; text-decoration:none; font-weight:600; font-size:16px; color:#303030;} .yun_tab .tabs li.on a{color:#fff;} .yun_tab .tabs li .simbol{ position:absolute; left:38px; top:50px; width:9px; height:9px; line-height:4px; background:#555555; border-radius:50%; } .yun_tab .tabs li.on .simbol{background:#27537F;} .yun_tab .photo{overflow:hidden; position:relative; height:187px;} .yun_tab .photo .move{position:absolute; left:0; top:0; width:100%; height:3000px;} .yun_tab .photo ul{overflow:hidden; width:100%; height:171px; margin:8px 0px;} .yun_tab .photo ul li{float:left; width:33.3%; height:171px;} .yun_tab .photo ul li div{overflow:hidden; position:relative; height:165px; margin-right:18px; border:1px solid #d8d8d8;} .yun_tab .photo ul li div img{position:absolute; left:50%; top:0; width:260px; margin-left:-130px;} .yun_list{padding:45px 0px;} /*.yun_list ul li{position:relative; padding-left:120px;} .yun_list ul li strong{position:absolute; left:0; top:0px; display:block; margin-bottom:30px; font-weight:600; font-size:1em !important; line-height:1.2em; color:#0453a4;} .yun_list ul li ul{} .yun_list ul li ul li{position:relative; padding:4px 0px 4px 89px;} .yun_list ul li ul li:first-child{border-top:none; font-size:15px;} .yun_list ul li ul li strong{position:absolute; left:0; top:4px; width:93px; margin-bottom:0; font-size:14px; color:#00496a; background:url("/images/kor/sub/sub04/yun_bar.gif") no-repeat right 6px;} .yun_list ul li ul li ul li{padding:0; border-top:none; color:#303030;} */ .yun_tab{} .yun_tab .tabs{right:auto;left:0;width:100%;height:100px;padding:0;background:url("../images/sub/tab_bar.png") repeat-x left 68px;} .yun_tab .tabs ul{overflow:hidden; width:500px;} .yun_tab .tabs li{float:left; width:137px; height:80px; padding-left:0; margin-top:0; margin-right:27px; background:url("../images/sub/tab.png") no-repeat left top;} .yun_tab .tabs li.on{background:url("../images/sub/tab_ov.png") no-repeat left top;} .yun_tab .tabs li a{height:54px;} .yun_tab .tabs li .simbol{left:64px; top:64px;} .tabcontent { width: 100%; position: relative;} .tabcontent ul { width: 100%; float: left; margin-bottom:30px; } .tabcontent ul li { line-height: 32px; display:inline; } .tabcontent ul li.date { float: left; width: 15%; font-weight: bold; text-align:left; color:#27537F;} .tabcontent ul li.con { float: left; width: 80%; word-break: break-all; letter-spacing: -1px; } @media screen and (max-width:1040px){ .yun_list ul li strong{position:relative; left:auto; top:auto;} .yun_list ul li{padding-left:0;} .yun_tab .tabs{height:200px;} .tabcontent { width: 100%; position: relative;} .tabcontent ul { width: 100%; float: left; margin-bottom:30px; } .tabcontent ul li { line-height: 32px; display:inline; } .tabcontent ul li.date { float: left; width: 15%; font-weight: bold; text-align:left; color:#27537F;} .tabcontent ul li.con { float: left; width: 80%; word-break: break-all; letter-spacing: -1px; } } @media screen and (max-width:640px){ .yun_list ul li ul li{padding-left:0;} .yun_list ul li ul li strong{position:relative; left:auto; top:auto; margin-bottom:5px; background:none;} .tabcontent { width: 100%; position: relative;} .tabcontent ul { width: 100%; float: left; margin-bottom:30px; } .tabcontent ul li { line-height: 32px; display:inline; } .tabcontent ul li.date { float: left; width: 35%; font-weight: bold; text-align:left; color:#27537F;} .tabcontent ul li.con { float: left; width: 60%; word-break: break-all; letter-spacing: -1px; } } /*조직도*/ /*.sub_wrap .wrapper .organ{height:1665px;}*/ .organ_reference{float:left;margin-bottom:40px;background-color: #f8f8f8;padding: 20px;font-size: 1rem;color:#353535;width:100%;box-sizing:border-box;border-radius: 5px;} #organ01{position:relative;width:100%;height: 575px;overflow:hidden;background: url('/_sub06/img/organ_bg.png') no-repeat center 97px;margin-top:40px;margin-bottom:40px;border: 1px solid #dedede;border-radius: 10px;background: url(/img3/org_bg.jpg) no-repeat;} #organ01 ol{padding-top: 50px;} #organ01 li{} #organ01 .tit.chair.org1_1{background:url(/_sub06/img/organ_01.png) no-repeat;background: linear-gradient(to right bottom, #006CAF, #008565);border-radius: 10px;font-size: 1.2rem;color: #fff;font-weight: 600;} #organ01 .tit{width: 140px;height: 60px;display:block;font-size:0;text-align:center;display:block;line-height: 60px;} #organ01 .green{width:100px; height:40px; display:block; font-size:0; text-align:center; display:block;} #organ01 .blue{width:100px; height:40px; display:block; font-size:0; text-align:center; display:block;} #organ01 .gray{width: 116px;height:40px;display:block;font-size:0;text-align:center;display:block;font-size: 1rem;background: #444;color: #fff;border-radius: 4px;line-height: 40px;font-size: 0.95rem;} #organ01 .org1_1{position:absolute;top: 40px;left:50%;margin-left: -70px;} #organ01 .org1_2{position:absolute;top:119px;left:50%;margin-left:40px;background:url(/_sub06/img/organ_02.png) no-repeat;font-size: 1rem;background: #008565;border-radius: 10px;line-height: 40px;color: #fff;font-weight: 500;} #organ01 .org1_3{position:absolute;top: 225px;left:50%;margin-left: -303px;background:url(/_sub06/img/organ_03.png) no-repeat;background: #006CAF;font-size: 1rem;line-height: 40px;font-weight: 500;color: #fff;border-radius: 10px;} #organ01 .org1_4{position:absolute;top: 225px;left:50%;margin-left: 143px;background:url(/_sub06/img/organ_04.png) no-repeat;background: #006CAF;color: #fff;font-size: 1rem;line-height: 40px;font-weight: 500;border-radius: 10px;} #organ01 .org1_5{position:absolute;top: 99px;left:50%;margin-left: 180px;background:url(/_sub06/img/organ_12.png) no-repeat;background: #666;color: #fff;font-size: 0.95rem;line-height: 40px;border-radius: 10px;} #organ01 .org1_6{position:absolute;top: 142px;left:50%;margin-left: 180px;background:url(/_sub06/img/organ_14.jpg) no-repeat;background: #666;color: #fff;font-size: 0.95rem;line-height: 40px;border-radius: 10px;} #organ01 .org2_1{position:absolute;left:50%;margin-left: -434px;background:url(/_sub06/img/organ_05.png) no-repeat;} #organ01 .org2_2{position:absolute;left:50%;margin-left: -311px;background:url(/_sub06/img/organ_06.png) no-repeat;} #organ01 .org2_3{position:absolute;left:50%;margin-left: -187px;background:url(/_sub06/img/organ_07.png) no-repeat;} #organ01 .org2_4{position:absolute;left:50%;margin-left: -46px;background:url(/_sub06/img/organ_08.png) no-repeat;} #organ01 .org2_5{position:absolute;left:50%;margin-left: 76px;background:url(/_sub06/img/organ_09.png) no-repeat;} #organ01 .org2_6{position:absolute;left:50%;margin-left: 198px;background:url(/_sub06/img/organ_10.png) no-repeat;} #organ01 .org2_7{position:absolute;left:50%;margin-left: 320px;background:url(/_sub06/img/organ_11.png) no-repeat;} #organ01 .org_box{float:left; margin-top:263px;} #organ01 .org_box .org_list{width: 117px;box-sizing:border-box;text-align:center;line-height:25px;padding:5px 0px;} #organ01 .org_list li{border:1px solid #ccc;box-sizing:border-box;text-align:center;margin-bottom:5px;/* margin-left:-8px; */display:inline-block;width:100%;border-radius: 3px;line-height: 1;padding: 10px 0;background: #f1f1f1;border: 0px;color: #222;} #organ01 .org_list li a{font-size:14px;letter-spacing: -1px;text-align:center;line-height: 1;} #organ_m{display:none;} #organ_m .chair{cursor:pointer;margin-bottom:20px;height:52px;line-height:52px;text-align:center;box-sizing:border-box;font-size:20px;font-weight:bold;background-color:#942726;border-radius:5px;border:1px solid transparent;color:#fff;background: linear-gradient(to right bottom, #006CAF, #008565);} #organ_m .green{cursor:pointer;margin-bottom:20px;height:42px;line-height:42px;text-align:center;box-sizing:border-box;font-size:14px;font-weight:bold;background-color: #008565;border-radius:5px;border:1px solid transparent;color:#fff;} #organ_m .blue{cursor:pointer;margin-bottom:20px;height:42px;line-height:42px;text-align:center;box-sizing:border-box;font-size:14px;font-weight:bold;background-color: #006CAF;border-radius:5px;border:1px solid transparent;color:#fff;} #organ_m .gray_wrap{float:left; width:100%; margin-bottom:20px;} #organ_m .gray{height:42px;text-align:center; line-height:42px; box-sizing:border-box; font-size:14px; font-weight:bold; background-color:#434343; border-radius:5px; border:1px solid transparent; color:#fff;} #organ_m .gray ul{margin-top:10px; float:left; width:100%;} #organ_m .gray li{cursor:pointer;color:#595959;float:left;width:100%;height:40px;line-height:40px;box-sizing:border-box;font-size:13px;background-color:#fff;/* border:1px solid #595959; */border-radius:5px;background: #f1f1f1;margin-bottom:10px;} #organ_m .gray li:first-child{margin-top:10px;} #organ_m .gray li:last-child{margin-bottom:0px;} .organ_detail{float:left; color:#fff;width:100%; height:50px; line-height:50px; font-size:20px; font-weight:bold; margin-bottom:40px; text-align:center; border:1px solid transparent; box-sizing:border-box;} .organ_detail.gray_bg{background-color:#666666;} .organ_detail.chair_bg{background-color:#942726;} .organ_detail.green_bg{background-color:#006357;} .organ_detail.blue_bg{background-color:#27537F} .organ_type .card_wrapper{float:left;border:2px solid #27537F; width:100%; box-sizing:border-box; padding:34px 76px; margin-bottom:25px; } .organ_type .card_wrapper span{float:left; display:inline-block;} .organ_type .card_wrapper span.organ_img{padding-right:75px; } .organ_type .card_wrapper span.organ_txt_wrap{padding-top:20px;width: calc(100% - 226px); box-sizing:border-box; } .organ_type .card_wrapper span.organ_txt_wrap .organ_name{color:#333; font-size:20px; padding-bottom:14px; line-height:1; display:inline-block;} .organ_type .card_wrapper span.organ_txt_wrap p{float:left;width:100%;color:#27537F;text-align:left; font-size:14px; line-height:1; padding-bottom:5px;} .organ_type .card_wrapper span.organ_txt_wrap .organ_txt img{vertical-align: middle;padding-left: 2px;margin-bottom: 0px; padding-right:10px;} .organ_type .card_wrapper span.organ_txt_wrap .organ_txt{line-height:1.3; color:#353535; font-size:14px; width:100%; text-align:left;} .organ_type .organ_btn{text-align:center;} @media screen and (max-width:1050px){ /*.sub_wrap .wrapper .organ{height:1865px;} */ } @media screen and (max-width:900px){ .popup_contents_zone {margin-bottom:20px;} .popup_contents_zone .popup_contents_left{margin-bottom:20px;} .popup_contents_zone .popup_contents_right{margin-left:0;} } @media screen and (max-width:850px){ .popup_contents_zone .popup_contents_left{margin-bottom:20px;} .popup_contents_zone .popup_contents_right{margin-left:0;} #organ01{display:none;} #organ_m{display:block; position:relative; width:100%; height:auto; margin-top:40px; float:left; margin-bottom:20px; } /*.sub_wrap .wrapper .organ{height:3165px;} */ .organ_type .card_wrapper span.organ_img{width:100%; padding-right:0px; text-align:center;} .organ_type .card_wrapper span.organ_txt_wrap{width:100%; padding-left:calc(50% - 77px);} } @media screen and (max-width:550px){ /*.sub_wrap .wrapper .organ{height:3365px;} */ .organ_type .card_wrapper{padding:34px 2%;} } @media screen and (max-width:370px){ /*.sub_wrap .wrapper .organ{height:3415px;} */ } .sub_wrap .wrapper .wrapper_bg .organ h2{color: #27537F; font-size: 20px;display: inline-block;padding-bottom: 15px;line-height: 1;} .sub_wrap .wrapper .wrapper_bg .sub_contents .txt{font-size: 1rem;color:#333;margin-bottom:20px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .txt img.bar{vertical-align:middle; display:inline-block;padding-right:5px;} .sub_wrap .wrapper .wrapper_bg .sub_contents .txt span{line-height:1.3; } caption{overflow:hidden;width:1px;height:1px;font-size:0;line-height:0} table.row_table{width:100%;border:0;border-spacing:0; margin-bottom:45px;} table.row_table td,table.row_table th{padding:12.5px 0px; line-height:1;} table.row_table th{border-bottom:1px solid #393939;} table.row_table th.b_right_bold{border-right:1px solid #393939;} table.row_table th:nth-child(1){border-right:1px solid #393939;} table.row_table th{background:#f1f1f1} table.row_table td{border-bottom:1px solid #e0e0e0; text-align:left; padding:12.5px 14px; } table.row_table td:nth-child(1){border-right:1px solid #e0e0e0; text-align:center;} table.row_table td.b_right{border-right:1px solid #e0e0e0; text-align:center;} table.row_table td.text_l{text-align:left;} table.row_table2{width:100%;border:0;border-spacing:0; margin-bottom:45px;} table.row_table2 td,table.row_table2 th{padding:12.5px 0px; line-height:1;} table.row_table2 th{border-bottom:1px solid #393939; border-right:1px solid #393939; font-weight:normal !important;} table.row_table2 th{border-right:1px solid #393939;} table.row_table2 th:last-child{border-right:none;} table.row_table2 th{background:#f1f1f1} table.row_table2 td{border-bottom:1px solid #e0e0e0; text-align:center; padding:12.5px 14px; border-right:1px solid #e0e0e0; } /*table.row_table2 td:last-child{border-right:none; text-align:left;}*/ table.row_table2 td.b_right{border-right:1px solid #e0e0e0; text-align:center;} table.row_table2 td.text_l{text-align:left;} .scroll_table{clear:both;overflow-x:auto; margin-bottom:15px;} table.scroll_row_table .th2{border-right:1px solid #ccc !important;} table.scroll_row_table{width:100%;border:0;border-spacing:0; } table.scroll_row_table td,table.scroll_row_table th{padding:12.5px 0px; line-height:1; } table.scroll_row_table th:last-child{border-right:none;} table.scroll_row_table th{border:1px solid #ccc; border-top:none;} table.scroll_row_table th:nth-child(1){border-left:none; text-align: center;} table.scroll_row_table th{background:#f1f1f1; text-align: center;} table.scroll_row_table td{border-bottom:1px solid #e0e0e0; border-right: 1px solid #e0e0e0; padding:12.5px 14px;} table.scroll_row_table td:nth-child(1){border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; border-left:none; background-color:#f1f1f1;} table.scroll_row_table2{width:100%;border-top:1px solid #ccc; border-spacing:0; } table.scroll_row_table2 td,table.scroll_row_table2 th{padding:12.5px 14px; line-height:1.6em; border:1px solid #000000;} table.scroll_row_table2 th:last-child{border-right:none;} table.scroll_row_table2 th{border:1px solid #ccc; border-top:none;} table.scroll_row_table2 th:nth-child(1){border-left:none;} table.scroll_row_table2 th{background:#f1f1f1} table.scroll_row_table2 td{border:1px solid #e0e0e0; padding:12.5px;} table.scroll_row_table2 td:last-child{border-right:none;} table.scroll_row_table2 td .tel-no {width:78px;} table.scroll_row_table2 .bdr{border-right:1px solid #393939;} @media screen and (max-width:640px){ /*.scroll_table::-webkit-scrollbar { width: 3px !important; } .scroll_table::-webkit-scrollbar-thumb { background: #a9a9a9 !important; }*/ } /*.sub_wrap .wrapper .wrapper_bg.organ_type{height:7450px;}*/ .sub_wrap .wrapper .wrapper_bg .organ_type h2{color: #27537F; font-size:20px; display: inline-block; line-height: 1;} .sub_wrap .wrapper .wrapper_bg .organ_type p{font-size:14px; line-height:1.3; padding-bottom:10px;} .organ_txt.mb15 img{display: inline-block !important;} .indent_txt{text-indent:-11px; font-size:14px; line-height:1; padding-bottom:5px; margin-left:26px; } .indent_txt::before{content:"·"; padding-right:5px;} .sub_wrap .wrapper .wrapper_bg .organ_type b{color:#353535; font-size:14px;} table.organ_table{width:100%;border:0;border-spacing:0; margin-bottom:45px;} table.organ_table td,table.organ_table th{padding:12.5px 0px; line-height:1; color:#393939; font-size:14px;} table.organ_table th{border-bottom:1px solid #ccc; border-top: 1px solid #ccc; } table.organ_table th:nth-child(1){} table.organ_table th{background:#f1f1f1; font-size:14px;} table.organ_table td{border-bottom:1px solid #ccc; color:#393939; text-align:left; padding:13px 15px; border-top: 1px solid #ccc; } table.organ_table td:nth-child(1){border-right:1px solid #e0e0e0; text-align:center;} p.organ_txt img{vertical-align: middle;padding-left: 2px;margin-bottom: 0px; padding-right:5px;} /*봉사대 소개*/ .since_circle_wrapper{margin-top:5px; margin-bottom:45px;} .since_circle_wrapper .since_circle_wrap{margin-bottom:10px; display:inline-block; width:100%;} .since_circle_wrapper .since_circle_wrap .since_circle_l{float:left; width:102px;} .since_circle_wrapper .since_circle_wrap .since_circle_r{float:left; width:calc(100% - 102px); padding:20px 0;} .since_circle_wrapper .since_circle_wrap .since_circle_l .since_green{margin-right:25px;vertical-align:text-top;color:#fff;background-color:#006357; width:77px; height:77px; display:inline-block; border-radius:50%; font-size:16px; text-align:center; line-height:77px;} .since_circle_wrapper .since_circle_wrap .since_circle_l .since_blue{margin-right:25px;vertical-align:text-top;color:#fff;background-color:#294057; width:77px; height:77px; display:inline-block; border-radius:50%; font-size:16px; text-align:center; line-height:77px;} .since_circle_wrapper .since_circle_wrap .since_circle_l .since_skyblue{margin-right:25px;vertical-align:text-top;color:#fff;background-color:#557f01; width:77px; height:77px; display:inline-block; border-radius:50%; font-size:16px; text-align:center; line-height:77px;} .since_circle_wrapper .since_circle_wrap .since_circle_r .since_date{display:inline-block;width:53px; font-weight:bold;} .since_circle_wrapper .since_circle_wrap .since_circle_r .since_data{display:inline-block;} .service_corps{margin-top:15px; text-align:center;} .m_service_corps{margin-top:15px; text-align:center; display:none;} @media screen and (max-width:640px){ .scroll_table{clear:both;overflow-x:scroll; margin-bottom:15px;} } @media screen and (max-width:1024px){ .service_corps{display:none;} .m_service_corps{display:block;} } @media screen and (max-width:450px){ .m_service_corps img{width:100%;} .since_circle_wrapper .since_circle_wrap .since_circle_r .since_date{width:100%; padding-bottom:2px;} } /*공통 게시판 폼*/ .common_board{float:left; width:100%; margin-bottom:40px;} table.common_table{table-layout:fixed;width:100%;border:0;border-spacing:0; margin-bottom:45px;} table.common_table td,table.common_table th{padding:12.5px 0px; line-height:1; font-size:14px;} table.common_table th{border-bottom:1px solid #393939; font-weight:normal;} table.common_table th.b_right_bold{border-right:1px solid #393939;} table.common_table th{background:#f1f1f1;} table.common_table td{position:relative;border-bottom:1px solid #e0e0e0; text-align:center; padding:12.5px 5px; box-sizing:border-box; } table.common_table td .common_txt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align:left; width:95%;} table.common_table td .common_txt2{padding:0px 15px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align:left; width:90%;} table.common_table td .common_new{position: absolute;right: 0;top:calc(50% - 7.5px);} table.common_table td .common_lock{position: absolute;left: 0;top:calc(50% - 7.5px);} table.common_table td.b_right{border-right:1px solid #e0e0e0; text-align:center;} table.common_table td.text_l{text-align:left;} table.common_table td .button_accept{font-size:14px;width:100%; height:30px; box-sizing:border-box; border:1px solid transparent; background:#005555; color:#fff; padding:8px 0px; text-align:center; } table.common_table td .button_continue{font-size:14px;width:100%; height:30px; box-sizing:border-box; border:1px solid transparent; background:#353535; color:#fff; padding:8px 0px; text-align:center; } table.common_table td .button_complete{font-size:14px;width:100%; height:30px; box-sizing:border-box; border:1px solid #666; background:#fff; color:#333; padding:8px 0px; text-align:center; } .common_num{width:10%;} .common_title{width:40%;} .common_file{width:10%;} .common_name{width:10%;} .common_date{width:20%;} .common_view{width:10%;} /* 감사결과공개 */ .common_checkbox{width:5%;} .common2_num{width:10%;} .common2_sisul{width:20%;} .common2_title{} .common2_file{width:10%;} .common2_date{width:15%;} .common2_view{width:10%;} /*고객의 소리*/ .common_checkbox{width:5%;} .common3_num{width:10%;} .common3_sisul{width:15%;} .common3_title{} .common3_name{width:10%;} .common3_status{width:12.5%;} .common3_date{width:12.5%; font-size:13px;} .searchbox_wrap{float:right; } .selectbox {box-sizing:border-box;position: relative; width: 91px;border: 1px solid #333;z-index: 1; font-size:12px; background-color:#f1f1f1; color:#4c4c4c; } .selectbox.subscribe{width:150px;} .selectbox:before {position: absolute;top: 44%;right: 4px;width: 0;height: 0;margin-top: -1px; border-left: 5px solid transparent; border-right: 5px solid transparent;border-top: 5px solid #333;} .selectbox label {position: absolute;top: 1px;left: 5px;padding:7.5px 0px;color: #4c4c4c;z-index: -1;} .selectbox select {width: 100%;height: auto;line-height: normal; font-family: inherit;padding:7.5px 0px;border: 0;} .selectbox.focus {} .search_box {position:relative;float:left; margin-left:10px;} .search_box form {width:auto;/*height:33px;line-height:35px*/} .search_box form:after { content : ""; display : block; visibility : hidden; clear : both; } .search_box input{width:264px; box-sizing:border-box;padding-left:10px;border:1px solid #333;height :31px; background-color:#eaeae6; box-sizing:border-box; color:#353535;} .search_box input[type=submit]{border:none;} .search_box label.flow{padding-left:10px;width : 150px;font-size:13px;color:#adadad;} .search_box label.tflow{position:absolute;top:11px;left:8px; font-size:12px; color:#353535;} .search_box input#search_find{border-right:0;} .search_box input.srh_btn{position:absolute;top:0; right:-14px;display:inline-block;float:right;padding:0;width:28px;height:31px;background:url(../images/sub/search_btn.png) no-repeat 50% 50%;font-size:0;line-height:0;} .search_box input.srh_btn:hover, .search_box input.srh_btn:focus{border:1px solid #888;} @media screen and (max-width:1920px){ .sisul_select_wrapper .searchbox_wrap{margin-bottom:10px;} } @media screen and (max-width:640px){ .searchbox_wrap{width:80%;} .search_box{float:right; width: calc(100% - 101px); margin-right:0px;} .search_box input{width:100%;} .common3_status{width:25%;} .common3_sisul{width:20%;} } @media screen and (max-width:400px){ .searchbox_wrap{width:100%;} .paging_comm .link_page{padding:2px;} .btn_wrap span.write_btn{margin-top:10px;} } /*버튼종류*/ .btn_wrap{float:right;} .btn_wrap span.write_btn{margin-right:5px;display:inline-block; box-sizing:border-box; padding:0px 10px; display:inline-block; height:30px; line-height:30px; text-align:center; color:#fff; background:#27537F; font-size:14px;} .btn_wrap span.reg_btn{margin-right:5px;display:inline-block; box-sizing:border-box; padding:0px 10px; display:inline-block; height:30px; line-height:30px; text-align:center; color:#fff; background:#27537F; font-size:14px; margin-right:7px;} .btn_wrap span.cancel_btn{margin-right:5px;display:inline-block; box-sizing:border-box; padding:0px 10px; display:inline-block; height:30px; line-height:30px; text-align:center; color:#fff; background:#4c4c4c; font-size:14px;} .btn_wrap span.modify_btn{margin-right:5px;display:inline-block; box-sizing:border-box; padding:0px 10px; display:inline-block; height:30px; line-height:30px; text-align:center; color:#fff; background:#27537F; font-size:14px;margin-right:7px;} .btn_wrap span.delete_btn{margin-right:5px;display:inline-block; box-sizing:border-box; padding:0px 10px; display:inline-block; height:30px; line-height:30px; text-align:center; color:#fff; background:#b34643; font-size:14px;} .btn_wrap span.view_btn{margin-right:5px;display:inline-block; box-sizing:border-box; padding:0px 10px; display:inline-block; height:30px; line-height:30px; text-align:center; color:#fff; background:#666666; font-size:14px;} .c_btn_wrap {text-align:center;} .c_btn_wrap span.modify_btn{margin-right:5px;display:inline-block; box-sizing:border-box; padding:0px 10px; display:inline-block; height:30px; line-height:30px; text-align:center; color:#fff; background:#27537F; font-size:14px;margin-right:7px;} .c_btn_wrap span.reg_btn{margin-right:5px;display:inline-block; box-sizing:border-box; padding:0px 10px; display:inline-block; height:30px; line-height:30px; text-align:center; color:#fff; background:#666666; font-size:14px; margin-right:7px;} .search-btn{ height: 31px; margin-left:10px; padding: 0px 10px; box-sizing:border-box; text-align:center; border:1px solid #333; } /*공통게시판 글쓰기*/ table.write_table{table-layout:fixed;width:100%;border:0;border-spacing:0; margin-bottom:20px;} table.write_table td,table.write_table th{padding:15px 5px; line-height:1;} table.write_table th{border-bottom:1px solid #6e6e6e; border-top:1px solid #6e6e6e; font-weight:bold; background:#f1f1f1; font-size:14px;} table.write_table th.b_right_bold{border-right:1px solid #393939;} table.write_table th{background:#f1f1f1;} table.write_table td{position:relative;border-bottom:1px solid #dadada; border-top:1px solid #dadada;padding:12.5px 5px; box-sizing:border-box; } table.write_table td .common_txt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align:left; width:95%;} table.write_table td .common_new{position: absolute;right: 0;top:calc(50% - 7.5px);} table.write_table td.b_right{border-right:1px solid #e0e0e0; text-align:center;} table.write_table td.text_l{text-align:left;} table.write_table td.input_td{padding:5px 15px;} table.write_table td.input_td input[type="text"],table.write_table td.input_td input[type="password"]{box-sizing:border-box; height:30px; line-height:30px; padding:0 10px; width:100%; border:1px solid #4d4d4d; background:#f1f1f1;} table.write_table td.input_td input[type="checkbox"]{} table.write_table .selectbox {position: relative; width:167px;border: 1px solid #333;z-index: 1; font-size:12px; background-color:#f1f1f1; color:#4c4c4c;} table.write_table .selectbox:before {content: ""; position: absolute;top: 50%;right: 7px;width: 0;height: 0;margin-top: -1px; border-left: 5px solid transparent; border-right: 5px solid transparent;border-top: 5px solid #333;} table.write_table .selectbox label {position: absolute;top: 1px;left: 5px;padding:7.5px 0px;color: #4c4c4c;z-index: -1;} table.write_table .selectbox select {width: 100%;height: auto;line-height: normal; font-family: inherit;padding:7.5px 0px;border: 0;opacity: 0;/*filter:alpha(opacity=0);-webkit-appearance: none;-moz-appearance: none;*/appearance: none;} table.write_table .selectbox.focus {} table.write_table input[type="checkbox"], input[type="radio"]{vertical-align:middle;} .radio_padding{padding-left:8px; padding-right:3%; display:inline-block;font-size:14px;} table.write_table tbody .bdnone{border:none;} table.write_table tbody .pd0{padding:0px;} table.write_table tbody #editer{margin:20px 0px; min-height:200px; box-sizing:border-box; width:100%; border:1px solid #ccc;} #file { width:0; height:0; } table.write_table td#upload_td{padding:0; background:#f1f1f1; width:100%;} .upload_wrap{display:inline-block; width:100%; border:1px solid #4c4c4c; box-sizing:border-box;} .upload_wrap .upload_title{box-sizing:border-box;text-align:left; background:#f1f1f1; width:100%; font-size:14px; color:#4c4c4c; line-height:40px; height:40px; padding:0px 15px;} .upload_wrap .upload_title .file_icon{vertical-align:middle; padding-right:10px;} .upload_wrap .upload_file_upload{width:100%; float:left; padding:20px; box-sizing:border-box; background:#fff;} .upload_wrap .upload_file_upload li{width:12.28%; float:left; position:relative; margin-left:2%;} .upload_wrap .upload_file_upload li:first-child{margin-left:1%;} .upload_wrap .upload_file_upload .extension{background:#fff3f1; text-align:center; font-size:15px; height:30px; line-height:30px;} .upload_wrap .upload_file_upload .file_name_wrap{margin-top:5px;} .upload_wrap .upload_file_upload .file_name_wrap .upload_file_name{display:inline-block; font-size:12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;width:calc(100% - 19px );} .upload_wrap .upload_file_upload .file_name_wrap .upload_file_cancel{display:inline-block; background:url(../images/sub/upload_cancel.png) no-repeat; width:14px; height:14px; right:0; bottom:0;} .upload_wrap .upload_file_upload .file_name_wrap input[type="file"]{} .find-file {display:inline-block; width:100%;} .find-file label {box-sizing:border-box; padding-right:15px; width:100%; text-align:right;display: inline-block;height:30px; line-height:30px; color:#fff;font-size:14px;vertical-align:middle;background-color: #4c4c4c;cursor: pointer;} .find-file label img{vertical-align:middle;} table.write_table02{table-layout:fixed;width:100%;border:0;border-spacing:0; margin-bottom:20px;} table.write_table02 td,table.write_table02 th{padding:15px 5px; line-height:1;} table.write_table02 th{border-bottom:1px solid #a0a0a0; border-top:1px solid #a0a0a0; font-weight:bold; background:#f1f1f1; font-size:14px;} table.write_table02 th.b_right_bold{border-right:1px solid #393939;} table.write_table02 th{background:#f1f1f1;} table.write_table02 td{position:relative;border-bottom:1px solid #a0a0a0; border-top:1px solid #a0a0a0;padding:10px 5px; box-sizing:border-box; } table.write_table02 td .common_txt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align:left; width:95%;} table.write_table02 td .common_new{position: absolute;right: 0;top:calc(50% - 7.5px);} table.write_table02 td.b_right{border-right:1px solid #e0e0e0; text-align:center;} table.write_table02 td.text_l{text-align:left;} table.write_table02 td.input_td{padding:5px 15px;} table.write_table02 td.input_td input[type="text"],table.write_table02 td.input_td input[type="password"]{box-sizing:border-box; height:30px; line-height:30px; padding:0 10px; width:100%; border:1px solid #4d4d4d; background:#f1f1f1;} table.write_table02 td.input_td input[type="checkbox"]{} table.write_table02 .selectbox {position: relative; width:167px;border: 1px solid #333;z-index: 1; font-size:12px; background-color:#f1f1f1; color:#4c4c4c;} table.write_table02 .selectbox:before {content: ""; position: absolute;top: 50%;right: 7px;width: 0;height: 0;margin-top: -1px; border-left: 5px solid transparent; border-right: 5px solid transparent;border-top: 5px solid #333;} table.write_table02 .selectbox label {position: absolute;top: 1px;left: 5px;padding:7.5px 0px;color: #4c4c4c;z-index: -1;} table.write_table02 .selectbox select {width: 100%;height: auto;line-height: normal; font-family: inherit;padding:7.5px 0px;border: 0;opacity: 0;/*filter:alpha(opacity=0);-webkit-appearance: none;-moz-appearance: none;*/appearance: none;} table.write_table02 .selectbox.focus {} table.write_table02 input[type="checkbox"], input[type="radio"]{vertical-align:middle;} .radio_padding{padding-left:8px; padding-right:3%; display:inline-block;font-size:14px;} table.write_table02 tbody .bdnone{border:none;} table.write_table02 tbody .pd0{padding:0px;} table.write_table02 tbody #editer{margin:20px 0px; min-height:200px; box-sizing:border-box; width:100%; border:1px solid #ccc;} #file { width:0; height:0; } table.write_table02 td#upload_td{padding:0; background:#f1f1f1; width:100%;} /* 파일 í•„ë“œ 숨기기 */ .find-file input[type="file"] { position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;} /*번호 , 작성일 , 조회수 모바일일시 제거*/ /*공통게시판 뷰단*/ table.view_table{table-layout:fixed;width:100%;border:0;border-spacing:0; margin-bottom:20px;} table.view_table td.reply_th{background-color:#27537F; color:#fff; text-align:center;} table.view_table td,table.write_table th{padding:15px 5px; line-height:1; font-size:14px;} table.view_table th{border-bottom:1px solid #6e6e6e; border-top:1px solid #6e6e6e; font-weight:bold; background:#f1f1f1; font-size:14px;} table.view_table th.b_right_bold{border-right:1px solid #393939;} table.view_table th{background:#f1f1f1;} table.view_table td{border-bottom:1px solid #6e6e6e; border-top:1px solid #6e6e6e; text-align:left; padding:12.5px 14px; box-sizing:border-box; } table.view_table td .common_txt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align:left; width:95%;} table.view_table td .common_new{position: absolute;right: 0;top:calc(50% - 7.5px);} table.view_table td.b_right{border-right:1px solid #e0e0e0; text-align:center;} table.view_table td.text_l{text-align:left;} table.view_table td.input_td{padding:5px 15px;} table.view_table td.input_td input[type="text"]{box-sizing:border-box; height:30px; line-height:30px; padding:10px; width:100%; border:1px solid #4d4d4d; background:#f1f1f1;} .title_blue{font-size:14px; color:#27537F; padding-right:15px;} .social_box{position:absolute; right:17px; top:7px;} .social_box a img{vertical-align:middle;} .jpg_icon{background:url(../images/sub/upload_jpg.png) no-repeat; width:16px; height:18px; display:inline-block; padding-right:10px;} .hwp_icon{background:url(../images/sub/upload_hwp.png) no-repeat; width:16px; height:16px; display:inline-block; padding-right:10px;} .pdf_icon{background:url(../images/sub/upload_pdf.png) no-repeat; width:16px; height:16px; display:inline-block; padding-right:10px;} .zip_icon{background:url(../images/sub/upload_zip.png) no-repeat; width:16px; height:17px; display:inline-block; padding-right:10px;} table.view_table td.content_text{box-sizing:border-box; padding:25px 0px 52px 0px; width:100%; line-height:25px;} /*댓글적는폼*/ .comment_wrap{display:inline-block;width:100%; margin-top:30px; margin-bottom:40px; border:1px solid #4c4c4c; box-sizing:border-box;} .comment_wrap .comment_title{box-sizing:border-box;text-align:left; background:#f1f1f1; width:100%; font-size:14px; color:#4c4c4c;padding:10px 15px;} .comment_wrap .comment_title .keyboard_icon{vertical-align:middle; padding-right:10px;} .comment_wrap .comment_l{width:30%; float:left; padding:20px; box-sizing:border-box; background:#fff;} .comment_wrap .comment_l .first_line{display:inline-block; width:100%; margin-bottom:8px;} .comment_wrap .comment_l .first_line .name{float:left; font-size:12px;width:20%; margin-right:3%; line-height:30px; } .comment_wrap .comment_l .second_line{display:inline-block; width:100%; margin-bottom:8px;} .comment_wrap .comment_l .second_line .password{float:left; font-size:12px;width:20%; margin-right:3%;line-height:30px;} .comment_wrap .comment_l input[type="text"]{float:left;box-sizing:border-box; height:30px; line-height:30px; padding:10px; width:calc(100% - 25%); border:1px solid #4d4d4d; background:#f1f1f1;} .comment_wrap .comment_r{width:70%; float:left; padding:20px 0; box-sizing:border-box; background:#fff;} .comment_wrap .comment_r .commentbox{display: inline-block;float: left;width:calc(100% - 25%);height: 57px;padding: 5px;vertical-align: middle;overflow-y: scroll; border:1px solid #4d4d4d; background:#f1f1f1; margin-right:3%;} .comment_wrap .comment_r .comment_button{cursor:pointer;display:inline-block; float:left; width:17%; height:69px; line-height:69px; font-size:14px; background:#27537F; color:#fff; text-align:center; box-sizing:border-box;} /*댓글폼*/ .comment_box_wrap{box-sizing:border-box;width:100%; display:inline-block;margin-bottom:15px; border-bottom:1px solid #dad9d9;} .comment_box_wrap .comment_title{box-sizing:border-box; background:#f1f1f1; width:100%; padding:12px 20px; position:relative; font-size:14px;} .comment_box_wrap .comment_title .member_name{color:#27537F; display:inline-block;} .comment_box_wrap .comment_title .comment_delete{width:14px; height:14px; display:inline-block; background:url(../images/sub/upload_cancel.png) no-repeat; position:absolute; right:20px; top:13px; cursor:pointer;} .comment_box_wrap .comment_content{float:left;min-height:68px;box-sizing:border-box; width:100%;padding:21px 23px 10px 23px; position:relative; color:#353535;} .comment_box_wrap .comment_content .comment_list_text{word-break: break-all;word-wrap: break-word;width:calc(100% - 67px);box-sizing:border-box;float:left;margin-bottom:9px;color:#353535;text-align: left;font-size:14px;padding:0px;} .comment_box_wrap .comment_content .comment_modify{cursor:pointer; box-sizing:border-box; color:#666666; cursor:pointer;float:left;} .comment_box_wrap .comment_content .comment_modify:before{content :"l"; display:inline-block; padding:0 17px; } .comment_box_wrap .comment_content .comment_bottom{width:100%; float:right;} .comment_box_wrap .comment_content .comment_bottom .day{display:inline-block; float:right;} @media screen and (max-width:850px){ .m_none{display:none;} table.common_table{table-layout:fixed;} .common_title{width:60%;} .common_file{width:15%;} .common_name{width:25%;} } @media screen and (max-width:640px){ .comment_wrap .comment_l{width:100%; padding:20px 2.5% 20px 2.5%;} .comment_wrap .comment_r{width:100%; padding:0px 2.5% 20px 2.5%;} .comment_wrap .comment_l .first_line .name{width:10%;} .comment_wrap .comment_l .second_line .password{width:10%;} .comment_wrap .comment_l input[type="text"]{width: calc(100% - 16%);} .comment_wrap .comment_r .commentbox{margin-right:0%; width:69%;} .comment_wrap .comment_r .comment_button{width:25%;} .social_box{display:none;} label.radio_padding{width:calc(100% - 30px);} } .sisul_select_wrapper{width:100%; float:left; margin-bottom:20px; } .sisul_select_wrapper .total_sisul_selectbox{float:left;} /*온비드 공고내역*/ #onbid_finance_tab{display:block;} #onbid_finance_tab li{width:auto; padding:0px 15px;} .download_box{float:left; margin-bottom:20px; width:100%; box-sizing:border-box; /*padding:0px 10px; height:30px;*/ line-height:53px;} .download_box .db_text{display:inline-block; font-size:16px; width:100%; text-align:left;border:1px solid #27537F;} .download_box .db_downbtn{float:right;display: flex;gap: 5px;background: #f8f8f8;width: 100%;justify-content: center;border-radius: 10px;padding: 15px;flex-wrap: wrap;} .download_box .db_downbtn span{display:inline-block;float:left;padding:7px 15px;color: #fff;background: #666;font-weight:normal;margin-right:5px;font-size:14px;line-height: 31px;/* margin-top:12px; */cursor:pointer;background-image: url("data:image/svg+xml;utf8,");background-image: url("data:image/svg+xml;utf8,");background-repeat: no-repeat;font-size: 1rem;font-weight: 500;/* border: 1px solid #dedede; */background-position: calc(100% - 11px) center;padding-right: 32px;background-size: 17px;border-radius: 3px;} @media screen and (max-width:545px){ .download_box{float:left;/* height:130px; */} .download_box .db_downbtn{float:right;/* height:70px; */} .download_box .db_downbtn span{display:inline-block;float:left;padding:7px 15px;padding-right: 36px;} } @media screen and (max-width:712px){ .logintext{margin-top:10px;} } @media screen and (max-width:545px){ .logintext{margin-top:50px;} } /*포토갤러리*/ @media all and (min-width:769px) { .bbs_photo { margin-bottom:20px;width:100%; border-top:2px solid #464646; border-bottom:1px solid #ccc; padding:10px 0; overflow:hidden; clear:both; } .bbs_photo li { width:25%; float:left; display:inline; padding:10px 0; text-align:center;} .bbs_photo li .img {max-width:200px; width:98%; max-height:150px; display:inline-block; border:1px solid #ddd; margin-bottom:15px;} .bbs_photo li .img img { max-width:100%;} /* 이미지사이즈조절 */ .bbs_photo li div { width:90%; float:left; padding:1% 3%;} .bbs_photo li div .photo_title {width:98%; float:left; text-align:center; font-size:1.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .bbs_photo li div .photo_date {width:100%; text-align:center; float:left; padding:5px 0;} .bbs_photo li div .photo_title a:hover {text-decoration:underline; color:#27537F;} } @media all and (max-width:768px) { .bbs_photo { width:100%; border-top:2px solid #464646; border-bottom:1px solid #ccc; padding:10px 0; overflow:hidden; clear:both; margin-top:20px; } .bbs_photo li { width:50%; float:left; display:inline; padding:10px 0; text-align:center;} .bbs_photo li .img {max-width:200px; width:98%; max-height:150px; display:inline-block; border:1px solid #ddd; margin-bottom:15px;} .bbs_photo li .img img { max-width:100%;} /* 이미지사이즈조절 */ .bbs_photo li div { width:90%; float:left; padding:1% 3%;} .bbs_photo li div .photo_title {width:98%; float:left; text-align:center; font-size:1.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .bbs_photo li div .photo_date {width:100%; text-align:center; float:left; padding:5px 0;} .bbs_photo li div .photo_title a:hover {text-decoration:underline; color:#27537F;} } /* 봉사대 조직 */ #organ02{position:relative;width:100%;height: 440px;overflow:hidden;background: url('/_sub06/img/organ_bg2.png') no-repeat center 97px;margin-top: 0px;margin-bottom:40px;/* background: #f8f8f8; */border-radius: 10px;border: 1px solid #dedede;padding-bottom: 30px;} #organ02 li{} #organ02 .marshal_box{text-align:center;position:absolute;top:80px;left:50%;margin-left:-82.5px;width:165px;line-height:50px;height:50px;color:#fff;border-radius:5px;background:#89100f;font-size:20px;background: linear-gradient(to right bottom, #006CAF, #008565);} #organ02 .low_box{text-align:center;width:165px;line-height:40px;height:40px;color:#fff;border-radius:5px;font-size: 1rem;} #organ02 .low_box.org02_1{position:absolute;top:160px;left:50%;margin-left:-295px;background: #006CAF;} #organ02 .low_box.org02_2{position:absolute;top:160px;left:50%;margin-left:129px;background: #008565;} #organ02 .low_box.org02_3{position:absolute;top:210px;left:50%;margin-left:129px;background: #008565;} #organ02 .group_box{border-top-left-radius:5px;border-top-right-radius:5px;/* border:1px solid #666; */width:136px;height:80px;border-radius: 5px;background: #f6f6f6;} #organ02 .group_box .group_title{color:#fff;background-color:#595959;height:30px;line-height:30px;text-align:center;border-radius: 5px;} #organ02 .group_box .group_person{padding:10px;box-sizing:border-box;color:#353535;font-size:13px;text-align: center;} #organ02 .group_box .group_person p{line-height:1.3;padding-bottom:0;font-size: 1rem;} #organ02 .group_box.org03_1{position:absolute;top:283px;left:50%;margin-left:-295px;} #organ02 .group_box.org03_2{position:absolute; top:283px; left:50%; margin-left:-145px;} #organ02 .group_box.org03_3{position:absolute; top:283px; left:50%; margin-left:5px;} #organ02 .group_box.org03_4{position:absolute; top:283px; left:50%; margin-left:155px;} #organ02_m{display:none; float:left; width:100%;margin-bottom:10px; } #organ02_m li{text-align:center;} #organ02_m .marshal_box{cursor:pointer;height:52px; line-height:52px; text-align:center; box-sizing:border-box; font-size:20px; font-weight:bold; background-color:#942726; border-radius:5px; border:1px solid transparent; color:#fff;} #organ02_m .low_box{width:100%; display:inline-block; } #organ02_m .org02_1{height:42px; line-height:42px;text-align:center; box-sizing:border-box; font-size:14px; font-weight:bold; background-color:#27537F;border-radius:5px; border:1px solid transparent; color:#fff;} #organ02_m .org02_2{height:42px; line-height:42px;text-align:center;box-sizing:border-box; font-size:14px; font-weight:bold; background-color:#4f4f7b; border-radius:5px; border:1px solid transparent; color:#fff;} #organ02_m .org02_3{float:left; width:100%; margin-bottom:20px;} #organ02_m .org_gray_wrap .org_gray{height:42px; line-height:42px;text-align:center;box-sizing:border-box; font-size:14px; font-weight:bold; background-color:#595959; border-radius:5px; border:1px solid transparent; color:#fff;} #organ02_m .org_gray_wrap .org_gray_box{padding:11px 0px; text-align:center; width:100% ;box-sizing:border-box; font-size:13px; background-color:#fff; border:1px solid #666;} #organ02_m .org_gray_wrap .org_gray_box p{line-height:1.4; font-size:13px; padding-bottom:0; } hr.middle_bar{height:20px; width:0; border-right:0; margin:0; display:inline-block; margin-left:50%;} hr.middle_bar2{height:10px; width:0; border-right:0; margin:0; display:inline-block; margin-left:50%;} @media screen and (max-width:850px){ #organ02{display:none;} #organ02_m{display:block;} } /* 찾아오시는 길*/ .directions{height:775px !important;} #waytocomBox{ overflow:hidden; position:relative; float:left; width:100%;} #waytocomBox .popupBox{ position:absolute; top:0; z-index:3; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:all .2s linear 0s; } #waytocomBox > .outer{ width:100%; height:100%; display:table;} #waytocomBox > .outer > .inner{ display:table-cell; vertical-align:middle; text-align:center;} #waytocomBox .popupBox .contents{ background:url("../images/sub/map_bg.png") no-repeat; position:relative; width:400px; height:180px; margin:0 auto; margin-top:120px; padding:40px 0px; box-sizing:border-box; text-align:center; } #waytocomBox .popupBox .contents .titleText{ color:#27537F; font-size:20px; font-weight:bold; line-height:1; margin-bottom:10px; } #waytocomBox .popupBox .contents .bodyText{ margin-bottom:20px; font-size:16px; color:#3d3d3d; line-height:1;} #waytocomBox .popupBox .contents .btnBox{ position:absolute; right:5px; top:10px; } #waytocomBox .popupBox .contents .btnBox .close_btn{background:url("../images/sub/close_btn.png") no-repeat; width:17px; height:18px; cursor:pointer;} #waytocomBox .resetBox{position:absolute; z-index:2; width:100%; bottom:20px; text-align:center; display:none;} #waytocomBox .resetBox .btnBox{position:absolute; right:10px; bottom:10px;} #waytocomBox .resetBox .btnBox .btn1{background:url("../images/sub/map_btn.png") no-repeat; width:79px; height:40px; cursor:pointer;} .root_daum_roughmap .wrap_controllers{display:none;} @media screen and (max-width:1050px){ .directions{height:850px !important;} } @media screen and (max-width:850px){ .root_daum_roughmap .wrap_map{height:350px !important; width:100% !important; } #waytocomBox .popupBox .contents{margin-top:14%;} } @media screen and (max-width:600px){ #waytocomBox .popupBox .contents{width:85%; padding:40px 20px;} } /* 정부소개3.0 */ .m_finanace_tab{ display:none; margin-bottom:50px;} @media screen and (max-width:800px){ .m_finanace_tab{display:block; float:left; width:100%;} .finance_tab{display:none;} .service_tab{display:block;} .finance_item{display:none;} .finance_content_active{display:block;} } .sub_wrap.gov3{background:url("../images/sub/sub_bg_2.png") no-repeat 100% 100%; background-size:cover;} .sub_wrap .gov3 h3{font-size:16px; color:#27537F; line-height:1; display:inline-block; margin-bottom:25px;} .sub_wrap .gov3 h2{font-size:20px; color:#27537F; line-height:1; display:inline-block; margin-bottom:15px;} /*.sub_wrap .wrapper .gov3{height:1883px;}*/ .year_date_wrap{font-size:16px;width:100%; border:1px solid #27537F; box-sizing:border-box; padding:15px 17px; float:left; margin-bottom:20px;} .year_date_wrap .year_date_right{float:right;} .year_date_wrap .year_date_right .selectbox {margin-right:10px;} .year_date_wrap .year_date_right .year_date_text{float:left;padding-top:8px; padding-right:15px; } .year_date_wrap .year_date_right .move_btn{cursor:pointer; float:left; background:#27537F; color:#fff;text-align:center; font-size:14px; width:54px; box-sizing:border-box; padding:7px 0px;} .sub_wrap.gov3 #year_wrap{display:inline-block; width:100%;} /*그래프*/ .sub_wrap .gov3 .graph_wrap{text-align:center; width:100%; margin-bottom:20px;} /*스크롤 테이블*/ .sub_wrap .gov3 table.scroll_row_table th{border-left:none; border-right:none; font-weight:normal; font-size:14px;} .sub_wrap .gov3 table.scroll_row_table .bdr{border-right:1px solid #393939;} .sub_wrap .gov3 table.scroll_row_table td{/*border-right:1px solid #ccc;*/ font-size:14px;} .sub_wrap .gov3 table.scroll_row_table td:nth-child(1){background:none; border-right:1px solid #ccc; border-bottom:1px solid #ccc; } .sub_wrap .gov3 table.scroll_row_table td:last-child{border-right:none;} .sub_wrap .gov3 .border_top_393939{border-top:1px solid #393939;} .sub_wrap .gov3 .border_top_e0e0e0{border-top:1px solid #e0e0e0;} /*.sub_wrap.gov3 table.scroll_row_table tbody tr:last-child td{border-bottom:none;}*/ .sub_wrap.gov3 table.scroll_row_table tbody tr:first-child td{border-bottom:1px solid #ccc;} .sub_wrap.gov3 table.scroll_row_table tfoot th{border-bottom:1px solid #ccc; border-top:1px solid #393939;} /* 재무현황 */ .sub_wrap.gov3 .finance_item p{font-size: 14px;line-height: 1.3;padding-bottom: 10px;} .sub_wrap.gov3 .finance_item p img{vertical-align: middle; padding-left: 2px;margin-bottom: 0px; padding-right: 5px;} .sub_wrap.gov3 .finance_item p.indent_txt{line-height:1.3;} /*.sub_wrap .wrapper p{font-size:14px; line-height:1.3; padding-bottom:10px;}*/ .blue_txt{font-size:14px; color:#27537F; font-weight:bold; padding-bottom:5px !important;} .indent_txt.none{ text-indent: 0px !important;font-size: 14px;line-height: 1;padding-bottom: 5px;margin-left: 31px;} .indent_txt.none::before{content:""; padding-right:11px;} .indent_txt2.none{text-indent:-6px; font-size:14px; line-height:1; padding-bottom:5px; margin-left:29px;} .indent_txt.none::before{content:""; padding-right:0px;} .indent_txt2{font-size:14px; line-height:1; padding-bottom:5px;} .indent_txt2::before{content:""; padding-right:5px;} .indent_txt3{text-indent:-11px; font-size:14px; line-height:1 !important; padding-bottom:3px !important; margin-left:19px; } .indent_txt3::before{content:url("../images/sub/li_circle.png"); padding-right:5px; vertical-align:super;} .indent_txt4{text-indent:-15px; font-size:14px; line-height:1; margin-left:45px; padding-bottom:5px; } .indent_txt4::before{content:"-"; padding-right:5px; vertical-align:middle;} .indent_txt_bluebar{text-indent:-11px;font-size: 1rem;line-height:1;padding-bottom:5px;margin-left:10px;} .indent_txt_bluebar::before{content:url("../images/sub/bluebar.png");vertical-align:super;padding-left:2px;padding-right:3px;position: relative;top: 6px;} .underline_redcolor{text-decoration:underline; color:#FF0000;} .img_06_03_01{width:100%; padding-left:0; padding-right:0; text-align:center; margin:35px 0px 20px 0px;} .m_img_06_03_01{width:100%; padding:0; text-align:center; margin:20px 0px; display:none;} @media screen and (max-width:640px){ .img_06_03_01{display:none;} .m_img_06_03_01{display:block;} .indent_txt_bluebar{padding-bottom:15px;} } /* 제정배경 & 직원다짐*/ .member_promise_bg{float:left;background:url(/_sub05/img/06_02_04_bg.png) no-repeat;background-position:center;width:100%;height:274px;margin-bottom:35px;background: url(/img3/sub05_bg_01.jpg);border-radius: 10px;} .member_promise_bg .member_promise_text{letter-spacing: -1px;font-weight:bold;margin-top:85px;margin-left: 50px;font-size:20px;line-height:1.4;color:#353535;width:456px;height:auto;} .circle_numbering_wrapper{float:left;} .circle_numbering_wrapper li{margin-bottom:20px; display:inline-block; width:100%;} .circle_numbering_wrapper .l_numbering{float:left; width:15%; text-align:center;} .circle_numbering_wrapper .r_numbering{float:left; width:85%; font-size:14px; line-height:1.3;} .circle_numbering_wrapper .l_numbering2{float:left; width:15%; text-align:center;} .circle_numbering_wrapper .r_numbering2{float:left; width:85%; font-size:14px; line-height:1.3;padding-top: 27px;} p.circle_number2{box-sizing:border-box;display:inline-block;width:70px; padding-top: 6px;height:70px; border-radius:50%; background-color:#005555; color:#fff; font-size:16px; text-align:center; vertical-align:top;} p.circle_number2.bg_brown{background-color:#644e50;} p.circle_number{box-sizing:border-box;display:inline-block;width: 60px;height: 60px;border-radius:50%;background-color:#005555;color:#fff;font-size:16px;text-align:center;vertical-align:top;border-radius: 5px;font-weight: 600;line-height: 60px !important;} p.circle_number br{display:none;} p.circle_number.bg_brown{background-color:#644e50;} @media screen and (max-width:850px){ .member_promise_bg{background:none; height:auto;} .member_promise_bg .member_promise_text{margin-top:0; margin-left:0; width:100%;} } @media screen and (max-width:640px){ p.circle_number{line-height:1 !important;width:100%;height:auto;background-color: inherit !important;text-align:left;color:#005555;font-size:16px;font-weight:bold;padding-top:2px;} p.circle_number.bg_brown{background: none !important;color:#644e50;} } /*경영목표*/ ul.ul05{padding-left:15px;} /*경영성과*/ @media screen and (max-width:650px){ .graph06_01_04 img{width:100%;} } /*고객광장*/ .sub_wrap.guest{background:url("../images/sub/sub_bg_2.png") no-repeat 100% 100%; background-size:cover;} .confirm_btn1{cursor:pointer;font-weight:bold;color:#fff;margin-right:12px; display:inline-block; background-color:#27537F; padding:12px 0px; box-sizing:border-box; text-align:center; width:135px; font-size:16px; line-height:1; } .confirm_btn2{cursor:pointer;font-weight:bold; color:#fff;display:inline-block; background-color:#005555; padding:12px 0px; box-sizing:border-box; text-align:center; width:135px; font-size:16px; line-height:1;} .button_wrap img{display:inline-block; vertical-align:middle; padding-right:5px;} .agree_btn{cursor:pointer;font-weight:bold;color:#fff;margin-right:12px; display:inline-block; background-color:#27537F; padding:12px; box-sizing:border-box; text-align:center; font-size:16px; line-height:1;} .not_agree_btn{cursor:pointer;font-weight:bold;color:#fff;margin-right:12px; display:inline-block; background-color:#27537F; padding:12px; box-sizing:border-box; text-align:center; font-size:16px; line-height:1;} .not_agree_btn.not_agree{background:#666666;} .address_btn{font-size:14px; float:left; border:1px solid transparent; background:#005555; color:#fff; font-weight:bold; padding:7px; margin:0px 8px; text-align:center; cursor:pointer; } .detail_add{width:calc( 100% - 63% );} /*input_txt*/ @media screen and (max-width:650px){ .agree_btn{width:100%; margin-bottom:8px;} .not_agree_btn{width:100%; margin-bottom:8px;} .td_writer{width:100%;} .td_pass{width:100%;} .td_tell{width:25%;} .td_add1{width:calc(100% - 112px );} .td_add2{width:100%; margin-top:8px;} .text_border2{width:100%;} } /*고객광장 - 전문*/ .preamble_bg{float:left;background:url(/_sub04/img/05_02_01_bg.png) no-repeat;background-position:center;width:100%;height:274px;margin-bottom:35px;background: url(/img3/sub04_bg_01.jpg);border-radius: 10px;} .preamble_bg .preamble_text{letter-spacing: -1px;font-weight:bold;margin-top:85px;margin-left: 60px;font-size:20px;line-height:1.4;color:#353535;width:456px;height:auto;} .preamble_numbering_wrapper{float:left;} .preamble_numbering_wrapper li{margin-bottom:20px; display:inline-block; width:100%;} .preamble_numbering_wrapper .l_numbering{float:left; width:2%; text-align:center; margin-right:5%;} .preamble_numbering_wrapper .r_numbering{float:left; width:90%; font-size:16px; line-height:45px;} .preamble_numbering_wrapper p.circle_number{display:inline-block;width:45px;height:45px;border-radius: 5px;background-color:#333366;color:#fff;font-size:16px;text-align:center;line-height:45px;vertical-align:top;} @media screen and (max-width:850px){ .preamble_bg{background:none; height:auto;} .preamble_bg .preamble_text{margin-top:0; margin-left:0; width:100%;} } @media screen and (max-width:640px){ .preamble_numbering_wrapper p.circle_number{color:#333366;line-height:1;width:100%;height:auto;background-color: inherit !important;text-align:left;font-size:16px;font-weight:bold;padding-top:2px;} } /*고객광장 - 기본자세*/ .basic.circle_numbering_wrapper{float:left;} .basic.circle_numbering_wrapper li{margin-bottom:20px; display:inline-block; width:100%;} .basiccircle_numbering_wrapper .l_numbering{float:left; width:15%; text-align:center;} .basic.circle_numbering_wrapper .r_numbering{float:left; width:85%; font-size:16px;} .basic.circle_numbering_wrapper p.circle_number{display:inline-block;width:70px; height:70px; border-radius:50%; background-color:#005555; color:#fff; font-size:16px; text-align:center; line-height:70px; vertical-align:top;} .basic.circle_numbering_wrapper p.circle_number.bg_redbrown{background-color:#663333;} @media screen and (max-width:640px){ .basic.circle_numbering_wrapper p.circle_number{color:#663333; line-height:1; width:100%; height:auto; background-color:inherit;text-align:left; font-size:16px; font-weight:bold; padding-top:2px;} .basic.circle_numbering_wrapper p.circle_number.bg_redbrown{background-color:#fff;} } /*고객광장 - 서비스이행기준*/ .sub_wrap.service h2{font-size:20px; color:#27537F; line-height:1; display:inline-block; margin-bottom:15px;} /*고객광장 - 분야별 서비스 이행기준*/ .service_standard .finance_tab{float:left; width:100%;} .service_standard .finance_tab * {box-sizing:border-box; width:100%; float:left; margin-bottom:45px;} .service_standard .finance_tab li{width:33.3%; height:40px; line-height:40px; text-align:center; border:1px solid #494d48; border-right:none; background:#666;} .service_standard .finance_tab li a{ color:#fff; font-weight:bold; font-size:14px;} .service_standard .finance_tab li.finance_active{background:#006357;} .service_standard .finance_content{float:left; width:100%;} .service_standard .finance_item{display:none;} .service_standard .finance_content_active{display:block;} .sub_tabmenu_wrap{width:100%; float:left;} .sub_tabmenu{} .sub_tabmenu select{width: 100%;padding: 10px; display:none;} .sub_tabmenu { } .sub_tabmenu:before, .sub_tabmenu:after { content:""; display:table; } .sub_tabmenu:after {clear:both;} .sub_tabmenu ul li {float:left; position:relative; padding:9px 0px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;} .sub_tabmenu ul li a {padding:0 9px;display:inline-block; border-right:1px solid #ccc; font-size:14px; color:#353535;} .sub_tabmenu ul li a { text-decoration:none; } .sub_tabmenu ul li a.current {} .sub_tabmenu ul li a.current { font-weight:bold; color:#006357;} .sub_tabmenu ul li a span { } .sub_tabmenu_content {float:left;width:100%;box-sizing:border-box;margin-top:40px;} @media screen and (max-width:760px){ .sub_tabmenu select{display:block;} .sub_tabmenu ul{display:none;} } @media screen and (max-width: 640px){ .service_standard .finance_tab{display:block;} .service_standard .finance_tab li a{font-size:13px;} } @media screen and (max-width: 450px){ .service_standard .finance_tab li a{font-size:12px;} } /* 로그인폼 */ .sub_wrap.member_service{background:url("../images/sub/member_bg.png") no-repeat 100% 100%; background-size:cover;} .login_box_wrapper{width:100%; float:left; border:1px solid #ccc; margin-top:20px; box-sizing:border-box;} .login_box_wrapper .login_l{float:left;padding:60px 35px; width:50%; box-sizing:border-box;} .login_box_wrapper .login_l .input_line {width:75%; display:inline-block;} .login_box_wrapper .login_l .input_line .first_line{display:inline-block; width:100%; margin-bottom:8px;} .login_box_wrapper .login_l .input_line .first_line .id{float:left; font-size:12px;width:20%; line-height:30px; letter-spacing:-1px; } .login_box_wrapper .login_l .input_line .second_line{display:inline-block; width:100%;} .login_box_wrapper .login_l .input_line .second_line .password{float:left; font-size:12px;width:20%; line-height:30px; letter-spacing:-1px;} .login_box_wrapper .login_l input[type="text"],.login_box_wrapper .login_l input[type="password"]{float:left;box-sizing:border-box; height:30px; line-height:30px; padding:10px; width:calc(100% - 25%); border:1px solid #4d4d4d; background:#f1f1f1;} .login_box_wrapper .login_l .btn_wrap{display:inline-block; width:25%; } .login_box_wrapper .login_l .btn_wrap .login_btn{cursor:pointer; text-align:center; background-color:#27537F; border:1px solid transparent; color:#fff; font-size:14px; padding:25px 0px; } .login_box_wrapper .login_r{float:left; width:50%; box-sizing:border-box; border-left:1px solid #ccc;} .login_box_wrapper .login_r .login_join{box-sizing:border-box; display:inline-block; width:100%; border-bottom:1px solid #ccc; padding:25.5px 20px;} .login_box_wrapper .login_r .login_text{float:left; font-size:12px; line-height:1; color:#353535; line-height:40px;} .login_box_wrapper .login_r .member_btn{cursor:pointer;background-color:#666666; color:#fff; font-size:14px; text-align:center; line-height:40px; height:40px; border:1px solid transparent; padding:0px 10px; } .login_box_wrapper .login_r .member_btn img{vertical-align:middle; padding-right:5px;} .login_box_wrapper .login_r .login_find{box-sizing:border-box; display:inline-block; width:100%; padding:25.5px 20px;} .login_box_wrapper .login_r a {color:#fff;} @media screen and (max-width:850px){ .login_box_wrapper .login_l{width:100%;} .login_box_wrapper .login_r{width:100%; border-right:none; border-top:1px solid #ccc;} } @media screen and (max-width:470px){ .login_box_wrapper .login_l{padding:30px;} .login_box_wrapper .login_l .input_line .first_line .id{width:100%;} .login_box_wrapper .login_l .input_line .second_line .password{width:100%;} .login_box_wrapper .login_l .first_line .id , .login_box_wrapper .login_l .second_line .password{width:100%;} .login_box_wrapper .login_l input[type="text"],.login_box_wrapper .login_l input[type="password"]{width:100%} .login_box_wrapper .login_l .btn_wrap{width:100%;} .login_box_wrapper .login_l .input_line {width:100%;} .login_box_wrapper .login_l .btn_wrap .login_btn{margin-top:15px; padding:10px; box-sizing:border-box;} } /*아이디 비밀번호 찾기*/ .login_mini_title{float:left;font-size:20px; margin-top:40px; color:#27537F; font-weight:bold;} .login_box_wrapper .find_l{float:left;padding:60px 35px; width:60%; box-sizing:border-box; margin-left:20%;} .login_box_wrapper .find_l .input_line {width:75%; display:inline-block;} .login_box_wrapper .find_l .input_line .first_line{display:inline-block; width:100%; margin-bottom:8px;} .login_box_wrapper .find_l .input_line .first_line .id{float:left; font-size:12px;width:20%; line-height:30px; letter-spacing:-1px; } .login_box_wrapper .find_l .input_line .second_line{display:inline-block; width:100%;} .login_box_wrapper .find_l .input_line .second_line .password{float:left; font-size:12px;width:20%; line-height:30px; letter-spacing:-1px;} .login_box_wrapper .find_l input[type="text"],.login_box_wrapper .find_l input[type="password"]{float:left;box-sizing:border-box; height:30px; line-height:30px; padding:5px 10px; width:calc(100% - 25%); border:1px solid #4d4d4d; background:#f1f1f1;} .login_box_wrapper .find_l .btn_wrap{display:inline-block; width:25%; } .login_box_wrapper .find_l .btn_wrap .login_btn{cursor:pointer; text-align:center; background-color:#27537F; border:1px solid transparent; color:#fff; font-size:14px; padding:25px 0px; } .login_box_wrapper .find_l .input_line .third_line {display:inline-block; width:100%; margin-top:8px;} .login_box_wrapper .find_l .input_line .third_line .email{float:left; font-size:12px;width:20%; line-height:30px; letter-spacing:-1px;} .login_box_wrapper .find_l .input_line .forth_line{display:inline-block; width:100%; margin-top:8px;} .login_box_wrapper .find_l .input_line .forth_line .check_method{float:left; font-size:12px;width:20%; line-height:30px; letter-spacing:-1px;} .login_box_wrapper .find_l .input_line .forth_line .radio_wrapper{ width:calc(100% - 25%);float:left; padding-top:5px;} .login_box_wrapper .find_l .input_line .forth_line .radio_wrapper .radio_wrap{width:33.3%; float:left;} .login_box_wrapper .find_l .input_line .forth_line .radio_wrapper input{padding-right:5px;} .login_box_wrapper .find_l .input_line .forth_line .radio_wrapper label{padding-right:5px; font-size:14px;} .passfind .find_l .btn_wrap .login_btn{margin-top:38px;cursor:pointer; text-align:center; background-color:#27537F; border:1px solid transparent; color:#fff; font-size:14px; padding:25px 0px; } @media screen and (max-width:850px){ .login_box_wrapper .find_l{width:100%; margin-left:0px; padding:30px 20px;} .login_box_wrapper .find_l .input_line {width:100%;} .login_box_wrapper .find_l .input_line .first_line .id{margin-right:5%;} .login_box_wrapper .find_l .input_line .second_line .password{margin-right:5%; font-size:11px;} .login_box_wrapper .find_l .input_line .third_line .email{margin-right:5%;} .login_box_wrapper .find_l .input_line .forth_line .check_method{margin-right:5%;} .login_box_wrapper .find_l .input_line .forth_line .radio_wrapper .radio_wrap{width:100%; float:left; margin-bottom:5px;} .login_box_wrapper .find_l .input_line .forth_line .radio_wrapper input{float:left; padding-right:5px;} .login_box_wrapper .find_l .input_line .forth_line .radio_wrapper label{float:left; padding-right:5px; font-size:14px;} .login_box_wrapper .find_l .btn_wrap{width:100%;} .login_box_wrapper .find_l .btn_wrap .login_btn{padding:8px 0px; margin-top:20px;} } @media screen and (max-width:650px){ } /* 아이디 비밀번호 찾기 ê²°ê³¼ */ .find_result_box gov3 li a{color:#353535;} .login_box_wrapper .find_result_box{float:left;padding:20px 0px; width:100%; box-sizing:border-box; } .login_box_wrapper .find_result_box .input_line{text-align:center;} .login_box_wrapper .find_result_box .input_line p.result_txt{margin-bottom:30px;} .login_box_wrapper .find_result_box .input_line ul li{float:left; width:33.3%; box-sizing:border-box; border-right:1px solid #ccc;} .login_box_wrapper .find_result_box .input_line .modify_inform{float:left; width:100%; box-sizing:border-box;} .login_box_wrapper .find_result_box .input_line .modify_inform img{vertical-align:middle; padding-right:10px;} .login_box_wrapper .find_result_box .input_line ul li:last-child{float:left; width:33.3%; box-sizing:border-box; border-right:none;} .login_box_wrapper .find_result_box .input_line ul li img{vertical-align:middle; padding-right:10px;} .login_box_wrapper .find_result_box .find_result_btn{cursor:pointer; display:inline-block; min-width:75px; padding:13px 0px; color:#fff; font-size:14px; text-align:center; border:1px solid transparent; background-color:#27537F;} .find_pass_question{color:#27537F;} .login_box_wrapper .find_result_box input[type="text"]{box-sizing:border-box; height:32px; line-height:32px; padding:5px 10px; width:calc(50% - 15%); border:1px solid #4d4d4d; background:#f1f1f1;} .login_box_wrapper .find_result_box .find_result_btn2{margin-left:5px; cursor:pointer; display:inline-block; min-width:92px; padding:7px 0px; color:#fff; font-size:14px; text-align:center; border:1px solid transparent; background-color:#27537F;} .passfind .input_line{width:100%; display:inline-block; box-sizing:border-box; text-align:center;} .passfind .input_line .find_result_btn2{margin-left:5px; cursor:pointer; display:inline-block; min-width:92px; padding:7px 0px; color:#fff; font-size:14px; text-align:center; border:1px solid transparent; background-color:#27537F;} .result_txt{font-size:14px;} @media screen and (max-width:700px){ .login_box_wrapper .find_result_box{padding:20px;} .passfind .input_line .find_result_btn2{margin-top:10px;} .login_box_wrapper .find_result_box .find_result_btn2{margin-top:10px;} } @media screen and (max-width:550px){ .login_box_wrapper .find_result_box .input_line ul li img{display:none;} } @media screen and (max-width:450px){ .login_box_wrapper .find_result_box{padding:20px 15px;} .login_box_wrapper .find_result_box input[type="text"]{width:100%;} } .personal_notice_box{float:left;border:1px solid #ccc;width:100%;box-sizing:border-box;padding:20px;font-size:14px;margin-bottom:40px;background: #f8f8f8;border-radius: 10px;border: 0px;line-height: 1.5;font-size: 1rem;} .member .finance_tab{float:left; width:100%;} .member .finance_tab * {box-sizing:border-box; width:100%; float:left; margin-bottom:45px;} .member .finance_tab li{width:50%;height:50px;line-height:50px;text-align:center;/* border:1px solid #000000; */border-right:none;/* background:#575757; */} .member .finance_tab li a{/* color:#fff; */font-weight:bold;/* font-size:14px; */} .member .finance_tab li.finance_active{/* background:url('/img/tab_on.png') no-repeat top left; *//* background-color:#006357; *//* border: 3px solid #000; */} .member .finance_tab li:hover{background-color:#006CAF;color: #fff;} .member .finance_content{float:left; width:100%;} .member .finance_item{display:none;} .member .finance_content_active{display:block;} .sub_wrap h2{font-size:23px;color: #006CAF;line-height:1;display:inline-block;margin-bottom:15px;} .sub_wrap .sub_title2 .h2bold{font-size:23px;} .sub_wrap .member_survey {text-align:center; float:left; width:100%; margin:20px 0px;} .sub_wrap .m_member_survey{text-align:center; float:left; width:100%; margin:20px 0px; display:none;} @media screen and (max-width:800px){ .sub_wrap .member_survey img{width:100%;} #inform_finance_tab{display:block;} } @media screen and (max-width:640px){ .sub_wrap .member_survey {text-align:center; float:left; width:100%; margin:20px 0px; display:none;} .sub_wrap .m_member_survey{text-align:center; float:left; width:100%; margin:20px 0px; display:block;} .sub_wrap .m_member_survey img{width:100%;} #inform_finance_tab li{width:100%; margin-bottom:0px;} #inform_finance_tab{margin-bottom:20px;} .member .finance_tab{ display: flex; flex-wrap: wrap; } } /* 이메일 수집거부 */ .login_box_wrapper .email_box .email_img{width:100%; text-align:center; margin-bottom:20px;} .login_box_wrapper .email_box{float:left;padding:20px;width:100%;box-sizing:border-box;background: #f8f8f8;border-radius: 10px;text-align: center;} .login_box_wrapper .email_box .result_txt{ word-break: auto-phrase; } /*사이트맵*/ #sitemap {border-top:1px solid #ddd; float:left; position:relative;/*background:url(/images/common/sitemap_bg.gif) repeat-y 25% 0;*/border-bottom:1px solid #ddd;} #sitemap:after{content:"";clear:both;display:block;visibility:hidden;} /*#sitemap .amthum{border-bottom:1px solid #ccc;}*/ #sitemap .amthum:after{border-top:1px solid #ccc; content:"";clear:both;display:block} #sitemap .amthum h2{float:left;margin:0;padding:0;width:25%;/*border-bottom:none;*/background:none;font-size:1.286em;line-height:3.55em;} #sitemap .amthum .sitemap_list {float:right;width:74%;/*padding:20px 0;*/border-left:1px solid #e0e0e0;border-bottom:none;border-right:none;} #sitemap .amthum .sitemap_list:after{content:"";clear:both;display:block} #sitemap .amthum .sitemap_list .site_t_02{box-sizing:border-box;display:block;float:left;width:100%;/*margin-bottom:20px;*/padding:2% 3%;border-top:1px solid #d5d5d5;/*border-bottom:1px dashed #d5d5d5;*/} #sitemap .amthum .sitemap_list .site_t_02:first-child{border-top:none;} #sitemap .amthum .sitemap_list .site_t_02 a{font-weight:bold;} #sitemap .amthum .sitemap_list .site_t_03 a{font-weight:normal;} /*#sitemap .amthum .sitemap_list .site_t_03 a::before{content:url('../images/sub/bluebar.png'); vertical-align:super; display:inline-block; padding-right:3px; }*/ #sitemap .amthum .sitemap_list .site_t_02 h3{float:left;width:23%;margin:0 0 15px 0;padding:0;background:none;font-size:1.1em;} #sitemap .amthum .sitemap_list .site_t_02 h3 a{display:block;color:#0057b9} #sitemap .amthum .sitemap_list .site_t_02 ul{float:right;width:70%;margin-top:0;margin-left:0;} #sitemap .amthum .sitemap_list .site_t_02 ul li{display:block;float:left;width:33%;word-break:keep-all;word-wrap:break-word;} @media only all and (max-width:1025px){ #sitemap {/*background:url(/images/common/sitemap_bg.gif) repeat-y 35% 0;*/} #sitemap .amthum h2{width:25%;} #sitemap .amthum .sitemap_grep {width:60%;} } @media only all and (max-width:981px){ #sitemap .amthum h2{width:20%;} } @media only all and (max-width:801px){ #sitemap .amthum{margin-top:50px;border-bottom:none} #sitemap .amthum:first-child{margin-top:0;} #sitemap .amthum h2{float:none;padding:10px 0 10px 10px;width:100%;background:#efefef;/*background:#fbfbfb;*/border-top:1px solid #ccc;/*border-bottom:1px dashed #ccc;*/line-height:1.5em;} #sitemap .amthum .sitemap_list{float:none;width:100%;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;} } @media only all and (max-width:767px){ /*#sitemap .amthum h2{margin-bottom:20px;}*/ /*#sitemap .amthum .sitemap_list{padding:0 0 17px 0;}*/ #sitemap .amthum .sitemap_list .site_t_02{float:none;/*margin-bottom:10px;*//*border-bottom:1px dotted #d5d5d5;*/} #sitemap .amthum .sitemap_list .site_t_02 h3{float:none;width:100%;margin:0 0 10px;} #sitemap .amthum .sitemap_list .site_t_02 ul{float:none;width:100%} #sitemap .amthum .sitemap_list .site_t_02 .list_2st:after{content:"";clear:both;display:block} #sitemap .amthum .sitemap_list .site_t_02 .list_2st{margin-bottom:10px} #sitemap .amthum .sitemap_list .site_t_02 ul li{width:100%;} } /* sitemap type2*/ #sitemap .amthum2{width:33.3%;float:left;padding:0 10px;} #sitemap .amthum2:after{content:"";display:block;visibility:hidden;clear:both;} #sitemap .amthum2 h2{position:relative;width:100%;margin:0 0 10px 0;padding:20px 0 20px 0;font-size:18px; text-align:center;color:#fff;} #sitemap .amthum2 ul{width:100%;padding:0 0 0;} #sitemap .amthum2 ul .site_t_02{display:block;margin-bottom:5px;border:1px solid #dbdbdb;color:#333;background:#fff;} #sitemap .amthum2 ul .site_t_02 ul{margin:0 0 0 20px;padding:10px 0 0;width:100%;/*border-top:1px dotted #0067b1;*/} #sitemap .amthum2 ul .site_t_02 h3 {margin:0;padding:0;} #sitemap .amthum2 ul .site_t_02 h3 a{display:block;padding:12px 0 12px 18px;font-size:15px;} #sitemap .amthum2 ul .site_t_02 h3 a:link, #sitemap .amthum2 ul .site_t_02 h3 a:visited{color:#333;background:#fff;} #sitemap .amthum2 ul .site_t_02 h3 a:focus, #sitemap .amthum2 ul .site_t_02 h3 a:hover{color:#fff;background:#6e7781;} #sitemap .amthum2 ul .site_t_02 ul{float:none;margin:0;padding:10px 0 10px 20px;border-top:1px dashed #ddd;} #sitemap .no_mar{margin-right:0 ;} #sitemap .no_mar ul li {margin:0;width:140px;} #sitemap .clear{clear:both ;display:block;padding:0;width:0;height:0;background:none;} .amthum2 .stmtit_1{background:#faa619;} .amthum2 .stmtit_2{background:#f57e1f;} .amthum2 .stmtit_3{background:#d8460d;} .amthum2 .stmtit_4{background:#77a6d9;} .amthum2 .stmtit_5{background:#3d6ec1;} .amthum2 .stmtit_6{background:#46adcf;} .amthum2 .stmtit_7{background:#747474;} .sitemap_wrap #sitemap{background:none;border-top:none} @media only screen and (max-width:460px){ #sitemap .amthum2 {width:100%;float:none;} } @media only screen and (max-width:900px){ #sitemap .amthum2 {width:33.3%;} } @media only screen and (max-width:640px){ #sitemap .amthum2 {width:50%;} } @media only screen and (max-width:480px){ #sitemap .amthum2 {width:100%;} } /* 비밀번호 변경 */ .pw_change {float:left; padding:30px 20px; width:100%; box-sizing:border-box; border:1px solid #ccc;} .pw_change p {color:#6b6b6b;} .pw_change p.txt_L {font-size:18px; color:#005555; line-height:30px;} .pin_btn {position:relative; clear:both; padding:20px 0;} .pin_btn ul {position:relative; float:left; left:50%;} .pin_btn ul li {position:relative; float:left; right:50%; margin:0 5px;} .pin_btn ul li a { color:#fff; line-height:30px; display:inline-block; padding:0 15px;} .pin_btn ul li.now a {background-color:#27537F;} .pin_btn ul li.after a {background-color:#666;} /* 정보수정 */ .sub_contents .login_mody .title{border-bottom: 1px solid #353535; text-align: left; font-size: 35px; padding-bottom: 13px; margin-bottom: 43px;} .sub_contents .login_mody .box{ width:100%; height:113px; border:2px solid #27537F; margin-bottom:203px;} .sub_contents .login_mody .box .boxin{ text-align:center; margin-top:20px; font-size:15px;} .sub_contents .login_mody .box .pinbox{ width:298px; margin:0 auto; padding-top:18px;} .sub_contents .login_mody .box .pinbox .pinboxin_1{ float:left; padding-right:10px; padding-top:4px;} .sub_contents .login_mody .box .pinbox .pinboxin_2{ float:left; padding-right:10px;} .sub_contents .login_mody .box .pinbox .pinboxin_2 .text{display:inline-block; background-color:#f1f1f1; border:1px solid #4c4c4c; height:25px; line-height:20px;} .sub_contents .login_mody .box .pinbox .pinboxin_3{ float:left; display: inline-block; width: 70px; height: 19px; background-color: #27537F; color:#fff; text-align:center; padding:4px;} /* 부조리신고 */ .report_box_wrapper{width:100%; float:left; border:1px solid #4c4c4c; box-sizing:border-box;} .report_box_wrapper .report_box_top{padding:15px; text-align:center;} .report_box_wrapper .report_box_bottom{float:left; width:100%;padding:15px 50px; box-sizing:border-box;} .report_box_wrapper .report_box_bottom .report_left_box{float:left; width:50%; box-sizing:border-box;} .report_box_wrapper .report_box_bottom .report_left_box img{vertical-align:middle; padding-right:5px;} .report_box_wrapper .report_box_bottom .report_button{box-sizing:border-box;display:inline-block;border:1px solid transparent; background:#27537F; color:#fff; font-size:16px; text-align:center; padding:0px 15px; cursor:pointer; margin-bottom:10px; min-width:218px; line-height:43px; height:43px;} .report_box_wrapper .report_box_bottom .report_button2{box-sizing:border-box;display:inline-block;border:1px solid transparent; background:#005555; color:#fff; font-size:16px; text-align:center; padding:0px 15px; cursor:pointer;min-width:218px;line-height:43px; height:43px;} .report_box_wrapper .report_box_bottom .report_right_box{float:left; width:50%; box-sizing:border-box;} .report_box_wrapper .report_box_bottom .report_right_box {float:left;width:50%; box-sizing:border-box;} .report_box_wrapper .report_box_bottom .report_right_box .input_line {width:75%; display:inline-block;} .report_box_wrapper .report_box_bottom .report_right_box .input_line .first_line{display:inline-block; width:100%; margin-bottom:8px;} .report_box_wrapper .report_box_bottom .report_right_box .input_line .first_line .id{float:left; font-size:12px;width:20%; line-height:30px; letter-spacing:-1px; } .report_box_wrapper .report_box_bottom .report_right_box .input_line .second_line{display:inline-block; width:100%;} .report_box_wrapper .report_box_bottom .report_right_box .input_line .second_line .password{float:left; font-size:12px;width:20%; line-height:30px; letter-spacing:-1px;} .report_box_wrapper .report_box_bottom .report_right_box input[type="text"],.report_box_wrapper .report_box_bottom .report_right_box input[type="password"]{float:left;box-sizing:border-box; height:30px; line-height:30px; padding:10px; width:calc(100% - 25%); border:1px solid #4d4d4d; background:#f1f1f1;} .report_box_wrapper .report_box_bottom .report_right_box .btn_wrap{display:inline-block; width:25%; } .report_box_wrapper .report_box_bottom .report_right_box .btn_wrap .login_btn{cursor:pointer; text-align:center; background-color:#27537F; border:1px solid transparent; color:#fff; font-size:14px; padding:25px 0px; } @media screen and (max-width:750px){ .report_box_wrapper .report_box_bottom .report_left_box{width:100%; text-align:center;} .report_box_wrapper .report_box_bottom .report_right_box{width:100%;} .report_box_wrapper .report_box_bottom .report_button2{margin-bottom:10px;} } @media screen and (max-width:450px){ .report_box_wrapper .report_box_bottom{padding:15px;} .report_box_wrapper .report_box_bottom .report_right_box .input_line .first_line .id{width:25%;} .report_box_wrapper .report_box_bottom .report_right_box .input_line .second_line .password{width:25%;} .report_box_wrapper .report_box_bottom .report_right_box input[type="text"], .report_box_wrapper .report_box_bottom .report_right_box input[type="password"]{width:calc(100% - 30%);} } /* 법령 */ .law_top_bg{ float:left; background:url(/_sub05/img//law_top_bg.png) no-repeat; width:100%; height:469px; background-size:cover; background-position:center center;} .law_top_bg h2{width:100%; margin-top:30px; margin-bottom:20px; text-align:left; margin-left:calc(50% - 100px);} .law_top_bg .indent_txt_bluebar{padding-bottom:0px; margin-left:calc(50% - 100px);} .law_box_wrap img{padding-bottom:10px; margin:20px;} .law_text h2 {width:100%;text-align:center;} .law_text p {text-align:center;} .more_btn_wrapper {text-align:center;} .more_btn_wrapper .more_btn{cursor:pointer; display:inline-block; border:1px solid transparent; padding:10px 0px; width:200px; background:#27537F; color:#fff;margin:20px;} .law_box_wrap{width:100%; text-align:center; display:inline-block;} @media screen and (max-width:800px){ .law_top_bg{margin-bottom:40px;} .law_top_bg h2{margin-top:0px;} .law_top_bg{background:none; height:auto;} } @media screen and (max-width:700px){ } .hidden {left:-9999px !important; top:-9999px !important; height:0px; line-height:0; font-family:Arial; font-size:0px; font-style:normal; font-variant:normal; position:absolute !important;} /* 로그인 */ .box_1{width:100%;margin:0;float:left;list-style:none;} .box_1 p {padding-top:20px;text-align:center;} .box_1 textarea {width:100%; box-sizing:border-box;padding:30px; overflow-x:hidden;} .join_confirm00{width:850px;height:200px;overflow:scroll;overflow-x:auto;padding:30px;border:1px solid #ccc;} .box_1 h2 {padding:35px 0 20px 0;} .box_1 .Agree_btn_wrapper{float:left; width:100%; text-align:center; margin-top:15px;padding-top:30px;} .box_1 .Agree_btn_wrapper a{color:#fff;} .box_1 .Agree_btn_wrapper img{vertical-align:middle; padding-right:5px;} .box_1 .Agree_btn_wrapper .Agree_btn {box-sizing:border-box;display:inline-block;cursor:pointer;border:1px solid transparent; padding:8px 0px; width:204px; background:#346697; color:#fff; font-size:15px;} .box_1 .Agree_btn_wrapper .Agree_btn1{box-sizing:border-box;display:inline-block;margin-left:10px; cursor:pointer; border:1px solid transparent; padding:10.5px 0px; width:204px; background:#006766; color:#fff; font-size:15px;} @media screen and (max-width:640px){ .box_1 .Agree_btn_wrapper .Agree_btn {width:100%; margin-bottom:10px;} .box_1 .Agree_btn_wrapper .Agree_btn1 {width:100%; margin-left:0px; } } /*정보수정*/ .modify_box {float:left; padding:50px 20px; width:100%; box-sizing:border-box; border:1px solid #ccc;} .modify_box .modify_pw {line-height:30px; border:1px solid #4c4c4c; background-color:#f1f1f1; box-sizing:border-box; padding: 0 5px; width:50%; margin-bottom:10px;} .modify_box .modify_ok {width:90px; line-height:30px; border:1px solid #27537F; background-color:#27537F; color:#fff; font-weight:normal;} /*로그인 완료(개인정보 재동의)*/ .login_end {width:100%; padding:50px 20px; float:left; box-sizing:border-box; border:1px solid #ccc; text-align:center;} .login_end p > span {color:#27537F; font-weight:bold;} .login_end img {margin-bottom:20px;} /* 기존 게시판 */ /******************** 글쓰기 부분 ********************************************************/ .borad-1-write{width:100%; border-top:3px solid #7c7c7c; } /* .borad-1-write thead{background:#FAFAFA; border-top:3px solid #486690;} .borad-1-write th{height:30px; color:#384c6c; padding-left:15px; border-bottom:1px dotted #CECECE;}*/ .borad-1-write th{padding-top:2px; border-bottom:1px solid #c6c6c6; background-color:#fafafa } .borad-1-write td{border-bottom:1px solid #c6c6c6;} .borad-1-write .bbs_input{border:1px solid #B9B9B9; background:#FCFCFC; padding:0px 3px 3px 3px;} .borad-1-write .bbs_textarea{border:1px solid #B9B9B9; background:#FCFCFC; padding:0px 3px 3px 3px;} .write_file{ border-bottom:1px dotted #c6c6c6; padding-bottom:10px; margin-bottom:10px;} /******************** 에디터 부분 ********************************************************/ .ed_ul *{padding:0; margin:0;} .ed_ul li{float:left; padding-left:10px; padding-top:0px;} .ed_table{border:1px solid #C3C3C3; width:100%; background:#efefef; padding-top:5px;} .ed_table td{height:25px;} .file_up{width:100%;} .file_up li{float:left; padding-left:10px;} .file_up #file_div input{border:1px solid #DBDBDB; background:#FAFAFA; width:300px;} .download_btn {background: #27537F; padding: 5px 10px; color: #fff;} /* TOLAN ....................................... */ .label.admappled_0, .label.admappled_1, .label.admappled_2 { border-radius : 12px 12px; color: white; padding: 2px 8px 2px 8px; margin-right: 10px; line-height: 20px; } select.admappled_0, select.admappled_1, select.admappled_2 { } select.admin_appled_selectbox { color: white; } .admappled_0 { background-color: #999; } .admappled_1 { background-color: red; } .admappled_2 { background-color: black; } .label.admappled_0::after { content: '미승인'; } .label.admappled_1::after { content: '승인요청'; } .label.label.admappled_2::after { content: '승인'; } .admin_appled_btns { } .admin_appled_btns button { width: 80px; height:80px; line-height: 50px; border-radius: 50%; border: none; background-color: transparent; color: white; font-weight: bold; white-space: nowrap; } .admin_appled_btns .admappled_btn_notok { background-color: #999; } .admin_appled_btns .admappled_btn_wait { background-color: rgba(255, 0, 0, 0.85); } .admin_appled_btns .admappled_btn_ok { background-color: black; } /* ````````````````````````````````````````````` */