@charset "utf-8"; @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); @import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); #wrap{height: 100%;background: #cfd6e3;} html{height: 100%;min-width: 1300px;} body{height: 100%;background:#000;} #wrap{height: 100%;} input[type="checkbox"]{width:15px;height: 15px;} body.no_scroll,html.no_scroll{height:100%;overflow:hidden;} /*#wrap.noscroll{overflow-y:hidden;position:fixed;height:100%;}*/ body, input, select, textarea, button {font-family:'NotoSansKR_400',NotoSansKR,'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;font-size:14.5px;line-height:1.5;color:#333;} a {text-decoration:none;color:#333;background-color:transparent;font-size: 14.5px;} /*a:hover, a:focus {color:#f00;outline:0;font-size: 1em;}*/ /*img{width:100%;}*/ .com_wrap{min-width: 1310px;padding:30px;padding-top:10px; background: #fff;} .full_helper{position: absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%;} .max_func{max-width:1310px;margin:0 auto;padding:0 50px;} .make_table{display: table;height:100%;width:100%;} #header_wrap, #container_wrap, #footer_wrap {position: relative;min-width:1150px;} #footer_wrap{background: #2c353d;padding:30px 0 30px 0; } .top_wrap{padding-top:10px;padding-right:9px;min-width:1150px;} #container_wrap{padding-top:120px;padding-left:320px;box-sizing: border-box;background: #cfd6e3;} #container_wrap.notive{padding-left:0} #container_wrap.full{padding:10px 10px;} .inner_content{width:100%;background: #fff; padding:15px;box-sizing: border-box;} #header_wrap {z-index:999;border-bottom:7px dotted #ccc;position: fixed;} #header {height:60px;background:#25907b;margin:0 auto;position: relative;} #container {max-width:1310px;margin:70px auto 40px ;position: relative;padding:0 50px;} #footer {max-width:1310px;color:#fff;margin:0 auto;position: relative;padding:0 50px;} .ma_content{max-width:1310px;padding:0 50px;margin:0 auto;position: relative;} .ma_content02{max-width:1310px;padding:0 50px;margin:0 auto;position: relative;top:0;height:100%;} #header .logo {width:300px;height:60px;position: absolute;top:0px;left:0px;line-height: 60px;font-weight: bold;} #header .logo a{font-weight: bold;font-size: 30px;color:#fff;font-weight: bold;background: #2A3F54;display: block;} #header .logo img{width:100%;max-width:400px;margin-right: 10px;} #header_wrap{background: #fff;/*padding-top:30px;*/;width:100%;} /* utilmenu */ .utilmenu {position:absolute;right:30px;top:5px;} .utilmenu li {padding:0 10px;/*background:url('/img/admin/common/sep_util.jpg') 0 8px no-repeat;*/font-weight: bold;font-size: 14px;line-height: 50px;display: inline-block; color:#fff;} .utilmenu li:first-child {padding-left:0;background:none;color:#fff;} .utilmenu li:last-child {padding-right:0;} .utilmenu li a { background: #fff;margin-left:7px;border-radius:20px;font-size: 12px; padding:5px; } .utilmenu li img{display: inline-block;width:40px;height: 40px;border-radius: 50%;border:3px solid #fff;padding:3px;margin-right: 5px; margin-top: -2px;background: #54cbc6;} .black_board{position: fixed;width:100%;height: 100%;background: #000;opacity: 0.6; z-index:1000;top:0;left:0;display: none;} .black_board.on{display: block;} .pop_con h2{font-size: 20px;font-weight: bold;text-align: center; padding-bottom: 10px;} .pop_con .pop_close{position: absolute;top:-40px;right:-5px;font-size: 25px;font-weight: 500;color:#fff;} .common_table.pop_con{width:400px;height: auto;padding:20px;position: fixed;top:-1000px; left:50%;margin-left:-220px;background: #fff;border: 1px solid #ccc;z-index:2000; box-shadow: 3px 2px 1px #ccc;} .common_table.pop_con th{font-size: 16px;min-width: 80px;} .pop_con.on{top:100px;} #container_wrap .tl{text-align:left;} #container_wrap .tr{text-align:right;} #container_wrap .tc{text-align:center;} #container_wrap .fn{float:none;} #container_wrap .fl{float:left} #container_wrap .fr{float:right} #container_wrap .mbn{margin:0;} #container_wrap .mb10{margin-bottom:10px;} #container_wrap .mb30{margin-bottom:10px;} #container_wrap .middle{display:table-cell;vertical-align:middle;} .file_custom {display:inline-block;zoom:1;*display:inline;vertical-align:middle;font-size:0;position:relative;width:300px;} .file_custom .disable_field {display:inline-block;vertical-align:top;width:230px;height:24px;line-height:24px;margin:0;padding:2px 5px;border:1px solid #ddd;background-color:#fafafa;} .file_custom .btn_file_wrap {position:absolute;left:205px;overflow:hidden;top:0;border:solid 1px #aaa;display:inline-block;vertical-align:top;} .file_custom .btn_file_wrap input.upload {position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;} .file_custom .btn_file_wrap .btn_file {display:inline-block;vertical-align:middle;padding:0 20px;height:28px;line-height:28px;font-size:13px;font-weight:bold;color:#555;background-color:#fff;} /*--------------------------------------moving_all-------------------------------*/ /*컨텐츠가 리사이즈로 움직였을때 애니메이션효과주는 class*/ .moving_all{ -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .moving_all2{ -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; } .biger{ -webkit-transition: -webkit-transform 300ms ease-out, background-color 300ms ease-out, font-size 300ms ease-out; -moz-transition: -moz-transform 300ms ease-out, background-color 300ms ease-out, font-size 300ms ease-out; -ms-transition: -moz-transform 300ms ease-out, background-color 300ms ease-out, font-size 300ms ease-out; -o-transition: -o-transform 300ms ease-out, background-color 300ms ease-out, font-size 300ms ease-out; transition: transform 300ms ease-out, background-color 300ms ease-out, font-size 300ms ease-out; } .scale_all{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);} /*shape custom------------------------------------------------------------*/ /*하단 밑줄 바 아이콘 생성 클레스*/ .color_tick{ margin: 0; display: block; min-height: 21px; height: auto; overflow: hidden; white-space: nowrap; width: 100%; margin:5px 0 35px; text-align: center; } .color_tick_inner{ width:50px; display: inline-block; position: relative; height: 1px; left: 0; top: 50%; margin-top: -1px; background: #164732; border-color:#164732; border-top-width: 2px; border-top:0.5px solid #164732 } /* slickcaption 갑자기 올라오는 버그를 잡기 위해서는 슬릭에 두가지 첨가 centerMode:true, centerPadding:'0px', */ /* 슬라이더 캡션 스타일 start .main_slide .slick_caption {position:absolute;left:0;top:0;width:100%;padding:20px 0;text-align:center;color:#fff;overflow:hidden;z-index:30;} .main_slide .slick_caption .caption1 {margin-bottom:30px;font-size:80px;font-weight:700;line-height:85px;letter-spacing:-2px;} .main_slide .slick_caption .caption2 {margin-bottom:5px;font-size:22px;font-weight:400;line-height:27px;letter-spacing:-2px;} .main_slide .slick_caption .caption3 {margin-bottom:10px;font-size:25px;font-weight:400;line-height:30px;letter-spacing:-2px;} .main_slide .slick_caption .caption4 {margin-bottom:10px;font-size:37px;font-weight:400;line-height:42px;letter-spacing:-2px;} .main_slide .slick_caption .caption1 span, .main_slide .slick_caption .caption2 span, .main_slide .slick_caption .caption3 span {font-size:1.1em;font-weight:700;} /* 슬라이더 캡션 스타일 end */ /* 슬라이더 캡션 트렌지션 start */ .fade_in, .from_top, .from_bottom, .from_left, .from_right {opacity: 0; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;} .delay1 {-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-o-transition-delay:0.1s; transition-delay:0.1s;} .delay2 {-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;-o-transition-delay:0.2s; transition-delay:0.2s;} .delay3 {-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s; transition-delay:0.3s;} .delay4 {-webkit-transition-delay:0.4s;-moz-transition-delay:0.4s;-o-transition-delay:0.4s; transition-delay:0.4s;} .delay5 {-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s; transition-delay:0.5s;} .delay6 {-webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s; transition-delay:0.6s;} .delay7 {-webkit-transition-delay:0.7s;-moz-transition-delay:0.7s;-o-transition-delay:0.7s; transition-delay:0.7s;} .delay8 {-webkit-transition-delay:0.8s;-moz-transition-delay:0.8s;-o-transition-delay:0.8s; transition-delay:0.8s;} .delay9 {-webkit-transition-delay:0.9s;-moz-transition-delay:0.9s;-o-transition-delay:0.9s; transition-delay:0.9s;} .delay10 {-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s; transition-delay:1s;} .delay11 {-webkit-transition-delay:1.1s;-moz-transition-delay:1.1s;-o-transition-delay:1.1s; transition-delay:1.1s;} .delay12 {-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;-o-transition-delay:1.2s; transition-delay:1.2s;} .slick-slider .slick-active .fade_in, .slick-slider .slick-center .fade_in {opacity: 1;} .slick-slider .slick-slide .from_top { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);} .slick-slider .slick-active .from_top, .slick-slider .slick-center .from_top {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} .slick-slider .slick-slide .from_bottom { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);} .slick-slider .slick-active .from_bottom, .slick-slider .slick-center .from_bottom {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} .slick-slider .slick-slide .from_left { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);} .slick-slider .slick-active .from_left, .slick-slider .slick-center .from_left {opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} .slick-slider .slick-slide .from_right { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);} .slick-slider .slick-active .from_right, .slick-slider .slick-center .from_right {opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);} /* 슬라이더 캡션 트렌지션 end */ /*.main_slide {width:1200px;height:620px;position:relative;}*/ .main_slide .slide_01 .slick_caption {left:10%;top:17%;width:40%;} .main_slide .slide_01 .slick_caption .caption1 {color:#ea749b;} .main_slide .slide_01 .slick_caption .caption2 {color:#333;} .main_slide .slide_01 .slick_caption .caption3 {color:#333;} .main_slide .slide_01 .slick_caption .caption4 {color:#ea749b;} .main_slide .slide_02 .slick_caption {left:43%;top:10%;width:40%;} .main_slide .slide_02 .slick_caption .caption1 {color:#5c6bc0;} .main_slide .slide_02 .slick_caption .caption2 {color:#333;} .main_slide .slide_02 .slick_caption .caption3 {color:#333;} .main_slide .slide_02 .slick_caption .caption4 {color:#5c6bc0;} .main_slide .slide_03 .slick_caption {left:12%;top:10%;width:40%;} .main_slide .slide_03 .slick_caption .caption1 {color:#85b5e4;} .main_slide .slide_03 .slick_caption .caption2 {color:#333;} .main_slide .slide_03 .slick_caption .caption3 {color:#333;} .main_slide .slide_03 .slick_caption .caption4 {color:#85b5e4;} .title_big{font-size: 20px;font-weight: bold;margin-top:-55px;margin-bottom: 30px;margin-left:-15px;position: relative;} .s_title p{font-size: 19px;border-bottom:2px solid #1f69b4;display: inline-block;padding-bottom:5px;} .title_big .location{position: absolute;right:0;top:15px;} .title_big .location li{float:left;padding-right:15px;font-weight: 500;font-size: 14px; padding-left:15px; background:url(/img/admin/misc/arr_depth01.png)no-repeat right center; } .title_big .location li:last-child{padding-left:10px;background:none;} .logo{ width: 100%;height: 80px;text-align: center;line-height: 80px;} .logo a{font-weight: bold;color:#fff;font-size: 25px;} #header .logo img{max-width:140px;margin-top: 10px;} /*테블릿 gnb*/ #tablet_wrap{width:300px;background: #2A3F54;position: fixed;left:0;height: 100%;} #tablet_wrap.notive{left:-340px;} #tablet_gnb{position:absolute;top:0px;right:0;width:100%;z-index:99999;height:100%;overflow-y: scroll; scrollbar-face-color: #e0e0e0; scrollbar-track-color: #fff; scrollbar-arrow-color: #ccc; scrollbar-highlight-color: #e0e0e0; scrollbar-3dlight-color: none; scrollbar-shadow-color: #e0e0e0; scrollbar-darkshadow-color: none; } /* Chrome, Safari용 스크롤 바 */ #tablet_gnb::-webkit-scrollbar {width:5px; height:17px;} /*스크롤 바 영역 전체(크기지정가능)*/ #tablet_gnb::-webkit-scrollbar-button:start:decrement, #tablet_gnb::-webkit-scrollbar-button:end:increment {display: block;} /*상하좌우 화살표 영역_배경넣어줘야함*/ #tablet_gnb::-webkit-scrollbar-track {background:#fff;} /*트랙*/ #tablet_gnb::-webkit-scrollbar-thumb {background:#e3e3e3; border: 1px solid #e3e3e3;} /*스크롤*/ #tablet_gnb a {display:block;vertical-align:top;text-align:center;color:#9c9c9c;} .tab_icon{display:inline-block;vertical-align: middle;padding-top:6px;margin-right:4px;} #tablet_gnb>li:first-child {} #tablet_gnb>li {position:relative;} #tablet_gnb>li:first-child {background:none;} #tablet_gnb>li:last-child {padding-right:0;} #tablet_gnb>li>a {width:100%;height:55px;line-height:55px;font-size:16px;text-align: left;padding-left:20px; background: url(/img/admin/menu_arrow_off.png) no-repeat 90% center; /* background:url(/img/admin/common/menu_more.png)no-repeat 95% center;color:#fff;background-size:5%;*/ font-weight:400; box-sizing: border-box;color:#fff;} #tablet_gnb>li>a i{display: inline-block;position: relative;top:-2px;} #tablet_gnb>li>a .fa{font-size: 14px;} #tablet_gnb a.onar{ /* background:#2A3F54 url(/img/admin/common/menu_arrow_on.png)no-repeat 90% center;color:#fff;*/ text-shadow: rgba(0,0,0,.25) 0 -1px 0; background: url(/img/admin/menu_arrow_on.png) no-repeat 90% center; box-shadow: rgba(0,0,0,.25) 0 1px 0, inset rgba(255,255,255,.16) 0 1px 0; color:#ffd034; } #tablet_gnb a:hover{ text-shadow: rgba(0,0,0,.25) 0 -1px 0; box-shadow: rgba(0,0,0,.25) 0 1px 0, inset rgba(255,255,255,.16) 0 1px 0; color:#ffd034; } #tablet_gnb li.check{background:url(/img/admin/common/checked.png)no-repeat 30px center;background-size: 15px 15px;} #tablet_gnb>li.onar{border-bottom:none;} #tablet_gnb>li.onar ul li{ } /*#tablet_gnb>li:first-child ul{display: block;}*/ /*서브메뉴가 없을때 붙는 class*/ #tablet_gnb>li.noarrow>a{} #tablet_gnb>li.nosub.onar>a{background:#30a7dd;} #tablet_gnb>li.on>a {color:#fff;background:#30a7dd ;} /* #tablet_gnb a:hover{text-shadow: rgba(0,0,0,.25) 0 -1px 0; box-shadow: rgba(0,0,0,.25) 0 1px 0, inset rgba(255,255,255,.16) 0 1px 0;} #tablet_gnb a.fly{text-shadow: none;box-shadow: none;} */ .por{position: relative;} .bars{position: absolute;left:310px;top:15px;color:#fff;} #tablet_gnb ul.on{display: block;} #tablet_gnb>li>ul {position:relative;width:100%;background: #2A3F54;height: 100%;overflow-x: hidden;display: none; border:2px solid #1ABB9C;box-sizing: border-box;} #tablet_gnb ul{ border-top:2x solid #1ABB9C!important;} /*ie*/ #tablet_gnb>li>ul{ scrollbar-face-color: #2A3F54; scrollbar-track-color: #2A3F54; scrollbar-arrow-color: #2A3F54; scrollbar-highlight-color: #2A3F54; scrollbar-3dlight-color: none; scrollbar-shadow-color: #2A3F54; scrollbar-darkshadow-color: none; } .scs{ scrollbar-face-color: #2A3F54; scrollbar-track-color: #2A3F54; scrollbar-arrow-color: #2A3F54; scrollbar-highlight-color: #2A3F54; scrollbar-3dlight-color: none; scrollbar-shadow-color: #2A3F54; scrollbar-darkshadow-color: none; } /* Chrome, Safari용 스크롤 바 */ .scs::-webkit-scrollbar {width:5px; height:17px;} /*스크롤 바 영역 전체(크기지정가능)*/ .scs::-webkit-scrollbar-button:start:decrement, .scs::-webkit-scrollbar-button:end:increment {display: block;} /*상하좌우 화살표 영역_배경넣어줘야함*/ .scs::-webkit-scrollbar-track {background:#2A3F54;} /*트랙*/ .scs::-webkit-scrollbar-thumb {background:#2A3F54; border: 1px solid #2A3F54;} /*스크롤*/ /* Chrome, Safari용 스크롤 바 */ #tablet_gnb>li>ul::-webkit-scrollbar {width:5px; height:17px;} /*스크롤 바 영역 전체(크기지정가능)*/ #tablet_gnb>li>ul::-webkit-scrollbar-button:start:decrement, #tablet_gnb>li>ul::-webkit-scrollbar-button:end:increment {display: block;} /*상하좌우 화살표 영역_배경넣어줘야함*/ #tablet_gnb>li>ul::-webkit-scrollbar-track {background:#2A3F54;} /*트랙*/ #tablet_gnb>li>ul::-webkit-scrollbar-thumb {background:#2A3F54; border: 1px solid #2A3F54;} /*스크롤*/ #tablet_gnb ul li {padding-left:15px;} #tablet_gnb ul li:before { background: #425668; bottom: auto; content: ""; height: 8px; left: 10px; margin-top: 15px; position: absolute; right: auto; width: 8px; z-index: 1; border-radius: 50%; } #tablet_gnb ul li:after { border-left: 1px solid #425668; bottom: 0; content: ""; left: 14px; position: absolute; top: 0; } #tablet_gnb ul li:last-child {border-bottom:none;} #tablet_gnb ul a {;height:40px;color:#fff;line-height:40px;text-align: left;padding-left:40px; font-size:15px;} #tablet_gnb ul a:hover {color:#9c9c9c;} #tablet_gnb ul a.on{ color:#9c9c9c!important; } #tablet_gnb>li>ul ul.depth3{position:fixed;top:0px;left:560px;width:270px;background: #2A3F54;height: 100%;padding:0; box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.6);} /*list css*/ .n_btn{display:inline-block;background: #2A3F54;color:#fff;padding:0 5px; height: 30px;line-height: 30px;vertical-align: middle;} .common_depth3{width:100%;margin-bottom: 30px;} .common_depth3 .depth3_tep{float:left;} .common_depth3 li{float:left;} .common_depth3 li a{display: block;padding:5px 10px;border-bottom: 1px solid #ccc;margin-right: 15px;} .common_depth3 li a.on{font-weight: bold;border-bottom: 2px solid #25907b;color:#25907b;} .searh_area{float:right;} .searh_area select{width:auto;display: inline-block;padding:0 10px;height: 30px;line-height: 30px;} .searh_area input{width:150px;display: inline-block;height: 30px;line-height: 30px;} .searh_area select .btn{width:30px;display: inline-block;height: 30px;line-height: 30px;} /*tep*/ .common_tep{border-bottom: 1px solid #ccc;padding:15px 0;} .common_tep ul li{float:left;} .common_tep ul{float:left;} .common_tep ul li a{display: block;padding:5px 10px;border: 1px solid #ccc;margin-right: 10px;border-radius: 15px;} .common_tep.type01 ul li a.on{background: #2A3F54;color:#fff;} .common_tep .file_box{float:right;} .common_tep .small_title{display: inline-block;margin-right: 4px;} .common_tep select{width:auto;display: inline-block;padding:0 10px;height: 30px;line-height: 30px;} .common_tep input{width:150px;display: inline-block;height: 30px;line-height: 30px;} .common_tep .btn{width:30px;display: inline-block;height: 30px;line-height: 30px;} .common_tep.type2 li a{border:none;} .common_tep.type2 li a.on{color:#2A3F54;font-weight: bold;} .common_tep.type2 li{border-right: 1px solid #ccc;} .common_tep.type2 li:last-child{border-right: none;} .btn .tit{display:block;background: #ebebeb;border: 1px solid #ccc;padding:15px; width:block;margin-top: 10px;text-align: center;margin-bottom: 10px; max-width:120px;} .btn span{font-weight: bold;padding-right: 10px;} /*tep2*/ .common_tep2 ul li{float:left;} .common_tep2 ul{float:left;} .common_tep2 ul li a{display: block;padding:5px 10px;border: 1px solid #ccc;margin-right: 10px;border-radius: 15px;} .common_tep2.type01 ul li a.on{background: #2A3F54;color:#fff;} .common_tep2 .file_box{float:right;} .common_tep2 .small_title{display: inline-block;margin-right: 4px;} .common_tep2 select{width:auto;display: inline-block;padding:0 10px;height: 30px;line-height: 30px;} .common_tep2 input{width:150px;display: inline-block;height: 30px;line-height: 30px;} .common_tep2 .btn{width:30px;display: inline-block;height: 30px;line-height: 30px;} .common_tep2.type2 li a{border:none;} .common_tep2.type2 li a.on{color:#2A3F54;font-weight: bold;} .common_tep2.type2 li{border-right: 1px solid #ccc;} .common_tep2.type2 li:last-child{border-right: none;} /*table*/ .common_table{margin:10px 0;} .common_table table{width:100%;} .common_table table{border-top:3px solid #1f69b4;} .common_table table td,.common_table table th{padding:7px;text-align: center; border-bottom:1px solid #ccc;} .common_table table th{background: #e5e5e5;color:#212121;text-align: center;font-size: 15px;font-weight: 500;} .common_table table td.title{cursor: pointer;text-decoration:underline;} .common_table table tr.docu{background: #ebebeb;min-height:100px;display: none; text-align: left;padding-left:15px;} .common_table table tr.docu p{text-align: left;padding-left:15px;} .common_table table .tool_btn a{display:inline-block;padding:5px;border: 1px solid #aaaaaa;background: #d9d9d9;border-radius: 17px;font-size: 14px;} .common_table select{height: 29px;} .common_table select {width:auto} .common_table input.type00{width:500px;} .common_table input.type01{width:400px;} .common_table input.type02{width:150px;} .common_table input.type03{width:80px;} .common_table .subtitle{width:100%;font-size: 17px;margin:30px 0px 10px 0;font-weight: bold;} .common_table .subtitle span{color:#25907b} .common_table.news th{width:200px;font-size: 16px;} .two_box_type01 .con{float:left;width:400px;margin-right: 20px; background: #e5e5e5;padding:15px;height:370px;} .two_box_type01 .con:last-child{margin-right: 0;} .two_box_type01 .con.button{width:100px;background: none;display: table;} .two_box_type01 .con.button a{display:inline-block;padding:10px;background: #838383; color:#fff;text-align: center;border-radius: 25px;margin-bottom: 5px;} .two_box_type01 .con h3{text-align: center;} .two_box_type01 .con .list{background: #fff;padding:10px; height: 250px;overflow-y:scroll;} .two_box_type01 .con .list li{width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;} .two_box_type01 .con .list.type02{height:320px;} .two_box_type01.headline .con{height: 230px;} .two_box_type01.headline .con.thum_wrap{width:545px;} .two_box_type01.headline .con .thumil{display: none;border: 1px solid #919191;} .two_box_type01.headline .con .thumil.on{display: block;height: 100%;} .two_box_type01.headline .thumil img{width:100%; height:100%;} .two_box_type01.headline .con.button{background: #25907b;box-sizing: border-box;padding-top:10px;height: 230px;display: inline-block;overflow-y: scroll;} .two_box_type01.headline .con.button a{width:100%;background:none;box-sizing: border-box;} .two_box_type01.headline .con.button a.on{background: #1041b1;border-radius: 50%;width:30px;height: 30px;line-height: 13px;} .two_box_type01.headline .con.counting li{float:left;width:50%;position: relative; border: 1px solid #ccc; background: #fff;box-sizing: border-box;cursor: pointer;} /*.two_box_type01.headline .con.counting li:nth-of-type(2n){margin-right: 0;}*/ .two_box_type01.headline .con.counting li.first{background: #fff;border: 1px solid #ccc; width:100%;box-sizing: border-box;text-align: center; } .stebox{position: absolute;top:0;left:0;bottom:0;right:0;width:100%;height: 100%; opacity:0;} .two_box_type01.headline .con.counting li a{display: block;height: 40px;line-height: 40px;} .two_box_type01.headline .con.counting li a.on{background: #2A3F54;color:#fff;display: block;} .opt_box{display: inline-block;padding-right:70px;} .img_type01{width:500px;height: 200px;} .icon_list a{float:left;cursor: pointer;} .icon_list a{display: block;width:50px;height: 50px;box-sizing: border-box;margin-right: 7px;margin-bottom: 8px;} .icon_list a:nth-0f-type(6n){margin-right: 0;} .icon_list a img{width:100%;height: 100%;} .icon_list a.on{border: 3px solid #2580ff;} .write_btn{text-align: right} .write_btn a{display:inline-block;background: #ebebeb;border: 1px solid #ccc;padding:15px; width:auto;margin-top: 10px;text-align: center;margin-bottom: 10px;} .foot_searh{text-align: center;} .foot_searh select{width:auto;display: inline-block;padding:0 10px;height: 30px;line-height: 30px;} .foot_searh input{width:150px;display: inline-block;height: 30px;line-height: 30px;} .foot_searh .btn{width:30px;display: inline-block;height: 30px;line-height: 30px;} /*type2 검색박스*/ .big_search{width:100%;} .big_search td{border: 1px solid #ccc;} .big_search .moth a{display: inline-block;padding:3px 10px;border: 1px solid #25907b; color:#25907b;margin-right: 8px;} .big_search .moth a:last-child{margin-right: 0;} .big_search .moth a.on{background: #25907b;color:#fff;} .big_search .sb a{display: block;padding:8px 5px;background: #000;color:#fff; width:90%;margin:0 auto;} .big_search .sb a:last-child{background: #25907b;margin-top: 8px;} .btn_s_blue{display: inline-block;background: #25907b;color:#fff;border-radius: 10px;margin-left:7px;font-size: 13px;} @media only screen and (max-width:1630px) { #container_wrap{padding-left:0;} #tablet_wrap{left:-500px;} #tablet_wrap.mintive{left:0;} .title_big{box-sizing: border-box;padding-left:15px;} .bars .b1{display: none;} .bars .a1{display: block;} #iquersier{display: none;} } .btn_black{display: inline-block;padding:8px 5px;background: #000;color:#fff;margin-right: 8px;} .btn_green{display: inline-block;padding:8px 5px;background: #25907b;color:#fff;margin-right: 8px;} /* -------------------------------- TABLET --------------------------------- */ /* @media only screen and (max-width:970px) { } @media only screen and (max-width:600px) { .sick{display: block;text-indent: -99999px;height: 0;width:0;} .mv{display: block;} #header .logo{height: 40px;top: 25px;left: 10px;} #header .logo img{max-width:150px;} #footer{font-size: 14px;} #footer .logo_foot{width:100%;float:none;height:auto;margin-bottom:30px;margin-left:0;padding:0;} #footer .address{} #footer .site_map a{;font-size: 13px;} #footer .site_map li{padding:4px 0;} .menu_hide{position: absolute;height: 60px;width: 60px;line-height: 60px; text-decoration: none;text-align: center;left:90%;top: 15px;z-index: 10000;margin-left:-40px;} .color_tick{margin-bottom:20px; margin-top:0} } */ .text_blue { color:deepskyblue } .text_red { color:red } .text_green { color:#25907b } .text_s_green { font-size: 8px;color:#25907b;!important; } /* common layer */ .common_layer {display:none;} .common_layer .dim_area {position:fixed; top:0; left:0; z-index:150; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity:'70');} .common_layer .layer_box {position:fixed; top:100px; left:50%; z-index:160; padding:25px 25px 20px; background:#fff; border-top:3px solid #5362a4;} .common_layer .layer_box .btn_close_layer {position:absolute; top:32px; right:32px;} .common_layer .layer_box h2 {margin-bottom:10px; padding-bottom:20px; letter-spacing:-1px; color:#222; font-size:18px; font-weight:normal; border-bottom:1px solid #ccc;} .common_layer .layer_btns {margin-top:20px; text-align:center;} .common_layer .layer_btns .btn {display:inline-block; margin:0 3px; width:155px; height:43px; line-height:43px; font-size:14px;} .common_layer .layer_btns .btn.full {width:calc(100% - 2px);} .common_layer .layer_btns .btn.gray {color:#fff; background:#474747; border:1px solid #1e1e1e;} .common_layer .layer_btns .btn.blue {color:#fff; background:#1c59a4; border:1px solid #0e386c;} .common_layer .form_btns .btn {padding:0; min-width:159px; text-align:center;} /* 가맹비 추가하기 */ .common_layer.add_cost .layer_box {margin-left:-430px; width:810px;} /* 운영 프로그램 검색 */ .common_layer.common_search .layer_box {margin-left:-264px; width:330px;} .common_layer.common_search .guide {padding:10px 0 15px; color:#666; font-size:14px;} .common_layer.common_search .input_box {position:relative; height:36px; border:1px solid #ccc;} .common_layer.common_search .input_box input {padding:0 10px; width:calc(100% - 75px); height:36px; line-height:36px; color:#444; font-size:13px; border:0;} .common_layer.common_search .input_box.in_btn .btn {display:block; position:absolute; top:-1px; right:-1px; width:75px; height:36px; line-height:36px; color:#fff; font-size:13px; text-align:center; border:1px solid #070707; background:#393939;} .common_layer.common_search .result {display:none;} .common_layer.common_search .result .info {padding:20px 0 16px; color:#444; font-size:13px;} .common_layer.common_search .result .info .mark {color:#1c59a4;} .common_layer.common_search .result .list {height:240px; overflow-y:auto;} .common_layer.common_search .result .list li {padding:12px 0; border-bottom:1px solid #ccc; zoom:1;} .common_layer.common_search .result .list li:after {display:block; content:""; clear:both;} .common_layer.common_search .result .list li .name, .common_layer.common_search .result .list li .age, .common_layer.common_search .result .list li .gender, .common_layer.common_search .result .list li .phone {float:left; height:28px; line-height:28px; color:#666; font-size:13px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .common_layer.common_search .result .list li .name {width:270px;} .common_layer.common_search .result .list li .age {width:38px;} .common_layer.common_search .result .list li .gender {width:38px;} .common_layer.common_search .result .list li .phone {width:114px;} .common_layer.common_search .result .list li .btn_select {display:block; float:right; width:57px; height:26px; line-height:26px; color:#2fb7bf; text-align:center; border:1px solid #2fb7bf;} .common_layer.common_search .result .list li .shop_info {float:left;} .common_layer.common_search .result .list li .shop_info .name {float:none; width:230px; color:#222; font-size:15px; text-align:left;} .common_layer.common_search .result .list li .shop_info .address {margin-top:4px; width:230px; color:#888; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}