cxtra/cm-web-legacy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
pakerpale
2020-06-10 06:19:03 +09:00
commit cd6b5b7832
6081 changed files with 624389 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

665
public/css/admin/common.css Executable file
View File

@@ -0,0 +1,665 @@
@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;}