@media screen and (max-width:1550px) {

}
@media screen and (max-width:640px) {

}

/*basic-set*/
input[type=text],
input[type=password],
textarea
{
    -webkit-box-sizing :border-box;
    -moz-box-sizing :border-box;
    box-sizing :border-box;
	line-height: normal;
	vertical-align:top;
}
select { border: 1px solid #e0e1e5; border-radius: 10px; height: 30px; padding: 0 10px 0 10px; font-size: 12px; appearance: none; }
#wrap * { transition:all ease-in-out 0.3s; }
html.on { height: 100%; overflow: hidden ;}
a.off { opacity:0.7; -webkit-opacity:0.7; pointer-events:none; cursor:default; }
.bt_view_detail { position:absolute; top:0; left:0; right:0; bottom:0; text-indent:-9999px; }
@media screen and (max-device-width: 1200px){
body { -webkit-text-size-adjust:none; }
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus { border: 1px solid #52b6c6 !important; background: #edf8f9; outline: 0; }

.pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.3); z-index:98; display:none; transition:none; }
.pu_bg_d2 { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.1); z-index:100; display:none; transition:none; }
.pu,
.pu_d2 { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; border-radius: 10px; z-index:99; display:none; transition:none; box-shadow: 3px 3px 15px rgba(0,0,0,0.2); }
.pu_d2 { z-index: 101; }
.pu *,
.pu_d2 * { position: relative; }

.pu .bt_close,
.pu_d2 .bt_close { position: absolute; top: 30px; right: 30px; width: 20px; height: 20px; background: url(/images/bt_pu_close.png) 0/100%; text-indent: -9999px; z-index: 1; }
@media screen and (max-width:640px) {
.pu .bt_close,
.pu_d2 .bt_close { top: 15px; right: 15px; width: 17px; height: 17px; }
}
.bt_txt { text-align: center; }
.bt_txt:hover { text-decoration: none; }

.ov_box { overflow: hidden; }
.ov_box * { transition: none; }


/*layout*/
body { background: #f2f3f8; }

#wrap { min-height: 900px; }

#header { position: fixed; top: 0; left: 0; bottom: 0; background: #fff; width: 280px; min-height: 650px; z-index: 20; }
#header h1 { position: absolute; top: 20px; left: 20px; }
/*#header h1 a { display: block; background: url(/images/logo.png) no-repeat 0 2px/auto 12px; padding-left: 31px; font-size: 18px; font-weight: 500; line-height: 100%; letter-spacing: -0.3px; }*/
#header h1 a { display: block;  padding-left: 31px; font-size: 18px; font-weight: 500; line-height: 100%; letter-spacing: -0.3px; }
#header h1 a:hover { text-decoration: none; }
#header .user { position: absolute; top: 60px; left: 0; right: 0; height: 234px; border-bottom: 1px solid #b2b2b2; padding: 15px 20px 0; text-align: center; }
#header .user .ph { width: 100px; height: 100px; border-radius: 50%; background: #eee center center/cover; margin: 0 auto 10px; }
#header .user .name { font-size: 20px; font-weight: 500; margin-bottom: 3px; }
#header .user .aff { font-size: 13px; color: #868686; margin-bottom: 12px; }
#header .user .bt_modify { display: block; max-width: 180px; line-height: 30px; background: #dfe3eb; border-radius: 5px; font-size: 14px; color: #000; margin: 0 auto; }
#header .user .bt_logout { display: block; width: 78px; line-height: 28px; border: 1px solid #dfe0e4; border-radius: 5px; font-size: 14px; color: #000; margin: 0 auto; }

#gnb { position: absolute; top: 310px; left: 0; right: 0; bottom: 120px; overflow: hidden; overflow-y: auto; }
#gnb a:hover { text-decoration: none; }
#gnb ul.menu { padding: 20px; }
#gnb ul.menu>li { position: relative; margin-bottom: 2px; }
#gnb ul.menu>li>a { position: relative; display: block; line-height: 40px; padding-left: 52px; font-size: 16px; color: #101010; border-radius: 6px; }
#gnb ul.menu>li.on>a { background: #dfe3eb; }
#gnb ul.menu>li.ds>a::after { content: ''; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 11px; height: 6px; background: url(/images/gnb_arrow.png) 0/100% 100%; }
#gnb ul.menu>li.ds.on>a::after { transform: translateY(-50%) rotate(180deg); }
#gnb ul.menu>li>a::before { content: ''; position: absolute; top: 0; left: 20px; bottom: 0; width: 18px; background: no-repeat center center/auto 18px; }
#gnb ul.menu>li.m00>a::before { background-image: url(/images/gnb_ic00.png); }
#gnb ul.menu>li.m01>a::before { background-image: url(/images/gnb_ic01.png); }
#gnb ul.menu>li.m02>a::before { background-image: url(/images/gnb_ic02.png); background-size: auto 15px; }
#gnb ul.menu>li.m03>a::before { background-image: url(/images/gnb_ic03.png); background-size: auto 17px; }
#gnb ul.menu>li.m04>a::before { background-image: url(/images/gnb_ic04.png); }
#gnb ul.menu>li.m05>a::before { background-image: url(/images/gnb_ic05.png); }
#gnb ul.menu>li.m06>a::before { background-image: url(/images/gnb_ic06.png); background-size: auto 15px; }
#gnb ul.menu>li.m07>a::before { background-image: url(/images/gnb_ic07.png); }

#gnb ul.menu>li>ul { padding-left: 60px; display: none; }
#gnb ul.menu>li.on>ul { display: block; }
#gnb ul.menu>li>ul>li>a { display: block; line-height: 34px; font-size: 16px; color: #101010; }
#gnb ul.menu>li>ul>li>a:hover { text-decoration: underline; }
#gnb ul.menu>li>ul>li.on>a { color: #52b6c6; }
#gnb ul.menu>li>ul>li>a.bt_add_menu { padding-left: 25px; color: #52b6c6; background: url(/images/ic_menu_add.png) no-repeat 0 center;}

.f_menu { position: absolute; bottom: 0; left: 0; right: 0; border-top: 1px solid #b2b2b2; padding: 20px; }
.f_menu * { position: relative; }
.f_menu>li>a { display: block; line-height: 40px; padding-left: 52px; font-size: 16px; color: #101010; border-radius: 6px; }
.f_menu>li>a::before { content: ''; position: absolute; top: 0; left: 20px; bottom: 0; width: 20px; background: no-repeat center center/auto 18px; }
.f_menu>li.m01>a::before { background-image: url(/images/f_menu_ic01.png); }
.f_menu>li.m02>a::before { background-image: url(/images/f_menu_ic02.png); background-size: auto 15px; }
.f_menu>li.on>a { background: #dfe3eb; }

#hdader_mo { display: none; }
#bt_menu { display: none; }

#container { margin-left: 280px; }
#container h2 { line-height: 60px; height: 60px; padding: 0 50px; background: #dfe3eb; font-size: 16px; font-weight: 500; }
#container h2 i { display: inline-block; width: 6px; height: 11px; vertical-align: middle; margin: -3px 10px 0; background: url(/images/pt_arrow.png) 0/100%; text-indent: -9999px; }
#contents { padding: 50px; }

@media screen and (max-width:1700px) {
#header { width: 240px; }
#gnb ul.menu>li>a { font-size: 15px; }
#gnb ul.menu>li>ul { padding-left: 52px; }
#gnb ul.menu>li>ul>li>a { font-size: 15px; }
.f_menu>li>a { font-size: 15px; }
#container { margin-left: 240px; }
#contents { padding: 30px; }
}
@media screen and (max-width:1550px) {
#hdader_mo { position: relative; display: block; background: #fff; }
#hdader_mo h1 { text-align: center; padding: 0 20px; line-height: 60px; }
/*#hdader_mo h1 a { display: inline-block; background: url(/images/logo.png) no-repeat 0 2px/auto 12px; padding-left: 31px; font-size: 18px; font-weight: 500; line-height: 100%; letter-spacing: -0.3px; vertical-align: middle; }*/
#hdader_mo h1 a { display: inline-block; padding-left: 31px; font-size: 18px; font-weight: 500; line-height: 100%; letter-spacing: -0.3px; vertical-align: middle; }
#hdader_mo h1 a:hover { text-decoration: none; }
#container h2 { padding: 0 20px; line-height: 45px; height: 45px; font-size: 14px; }

#bt_menu { position:absolute; text-indent: -9999px; top: 50%; right: 15px; width: 20px; height: 16px; margin-top: -8px; z-index: 51; display: block; }
#bt_menu i { position: absolute; left: 0; right: 0; height: 2px; background: #000; font-size: 0; line-height: 0; border-radius: 2px; -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
#bt_menu i:nth-child(1) { top: 0; }
#bt_menu i:nth-child(2),
#bt_menu i:nth-child(3) { top: 7px; }
#bt_menu i:nth-child(4) { top: 14px; }
#bt_menu i:nth-child(1),
#bt_menu i:nth-child(4) { transition: opacity 0.8s; -webkit-transition: opacity 0.8s; }
#bt_menu.on i:nth-child(1),
#bt_menu.on i:nth-child(4) { opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; }
#bt_menu.on i:nth-child(2),
#bt_menu.on i:nth-child(3) { opacity: 0.7; -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
#bt_menu.on i:nth-child(2) { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); }
#bt_menu.on i:nth-child(3) { transform: rotate(-495deg); -webkit-transform: rotate(-495deg); }

#header { position: fixed; top: 0; bottom: 0; left: 100%; right: -100%; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); z-index: 50; }
#header.on { left: auto; right: 0; width: 300px; }

.menu_bg { position: fixed; top: 0; left: -100%; right: 100%; bottom: 0; background: rgba(0,0,0,0.7); opacity: 0; transition: all ease-in-out 0.1s; z-index: 49; }
.menu_bg.on { left: 0; right: 0; opacity: 1; }

#container { margin-left: 0; }
#container h2 { padding: 0 30px; }
#contents { padding: 25px; }
}
@media screen and (max-width:640px) {
#hdader_mo h1 { padding: 0 15px; text-align: left; }
#container h2 { padding: 0 15px; }
#contents { padding: 15px; }
#header.on { left: 0; width: auto; }
}


/*main*/
.w_box { background: #fff; border-radius: 20px; padding: 30px 35px; box-sizing: border-box; }
.w_box h3 { font-size: 20px; font-weight: 500; margin: 0 10px 23px 0; letter-spacing: -0.5px; display: inline-block; }

.main .w_box { position: relative; float: left; width: calc(50% - 17px); }
.main .w_box.m_reservation_state { margin-bottom: 40px; }
.main .w_box.m_health_counsel { float: right; margin-bottom: 40px; }
.main .w_box.m_reservation_state h3,
.main .w_box.m_health_counsel h3 { margin-bottom: 14px; }
.main .w_box.m_kw_top10 { width: calc(25% - 25px); margin-right: 33px; }
.main .w_box.m_by_site { width: calc(25% - 25px); }
.main .w_box.m_recent_uv_pv { float: right; }
.main .w_box .bt_view_more { display: block; font-size: 18px; color: #b2b2b2; text-align: center; margin-top: 17px; }

.m_board_list { min-height: 250px; }
.m_board_list * { position: relative; }
.m_board_list li { position: relative; border-bottom: 1px solid #dfe0e4; line-height: 49px; height: 49px; font-size: 18px; }
.m_board_list li > * { position: absolute; top: 0; }
.m_board_list li .time { left: 0; color: #b2b2b2; }
.m_board_list li .time span { margin-left: 2px; }
.m_board_list li .name { left: 155px; }
.m_board_list li .part { right: 75px; }
.m_board_list li .state { top: 50%; right: 0; transform: translateY(-50%); width: 60px; line-height: 26px; font-size: 14px; text-align: center; background: #dfe3eb; border-radius: 5px; }
.m_board_list li .state.on { background: #52b6c6; color: #fff; }
.m_board_list li .center { left: 0; color: #52b6c6; width: 125px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m_board_list li .tit { left: 135px; right: 270px; color: #52b6c6; }
.m_board_list li .tit a span { display: inline-block; max-width: 100%; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m_board_list li .tit span:hover { text-decoration: underline; }
.m_board_list li .name_date { right: 75px; }
.m_board_list li .name_date span { display: inline-block; max-width: 60px; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m_board_list li.new .name a::after,
.m_board_list li.new .tit a::after { content: ''; position: absolute; left: calc(100% + 5px); top: 2px; width: 7px; height: 7px; border-radius: 100%; background: #ec4536; }

.main .w_box .period { position: relative; padding-right: 55px; margin-bottom: 25px; }
.main .w_box .period::after { content: ''; display: block; clear: both; }
.main .w_box .period input { float: left; width: calc(50% - 8px); height: 35px; border: 1px solid #b2b2b2; border-radius: 10px; font-size: 16px; color: #b2b2b2; font-weight: 500; text-align: center; }
.main .w_box .period i { float: left; width: 16px; font-size: 16px; color: #b2b2b2; font-weight: 500; text-align: center; line-height: 35px; }
.main .w_box .period a { position: absolute; top: 0; right: 0; width: 50px; line-height: 35px; background: #b2b2b2; border-radius: 10px; font-size: 16px; color: #fff; font-weight: 500; }

.main .w_box .graph { height: 160px; }

ul.tab_m_con { position: absolute; top: 20px; right: 40px; background: #dfe3eb; border-radius: 20px; }
ul.tab_m_con li { float: left; margin: 0 -5px; }
ul.tab_m_con li a { display: block; font-size: 16px; padding: 0 20px; border-radius: 20px; line-height: 40px; background: #dfe3eb; }
ul.tab_m_con li a:hover { text-decoration: none; }
ul.tab_m_con li.active a { position: relative; color: #fff; background: #52b6c6; z-index: 1; }
.tab_m_con_content { display: none; }
.tab_m_con_content.on { display: block; }

.main .w_box.m_recent_uv_pv .graph { height: 220px; }
@media screen and (max-width:1700px) {
.main .w_box { width: calc(50% - 10px); }
.main .w_box.m_reservation_state,
.main .w_box.m_health_counsel { margin-bottom: 25px; }
.main .w_box.m_kw_top10 { width: calc(25% - 15px); margin-right: 20px; }
.main .w_box.m_by_site { width: calc(25% - 15px); }

.main .w_box .period input { font-size: 14px; letter-spacing: -1px; }

}
@media screen and (max-width:1550px) {
.w_box { padding: 25px; }
ul.tab_m_con { top: 15px; right: 30px; }
}
@media screen and (max-width:1250px) {
.main .w_box { width: 100%; }
.main .w_box.m_reservation_state,
.main .w_box.m_health_counsel { margin-bottom: 20px; }
.main .w_box.m_kw_top10 { width: calc(50% - 10px); margin: 0 20px 20px 0; }
.main .w_box.m_by_site { width: calc(50% - 10px);margin-bottom: 20px; }
}
@media screen and (max-width:640px) {
.w_box { padding: 15px; }
.w_box h3 { font-size: 18px; margin-bottom: 17px; }
.main .w_box.m_kw_top10 { width: 100%; margin: 0 0 20px; }
.main .w_box.m_by_site { width: 100%; }
.main .w_box .bt_view_more { font-size: 13px; margin-top: 10px; }

.m_board_list { min-height: 0; }
.m_board_list li { line-height: 39px; height: 39px; font-size: 13px; }
.m_board_list li .time span { margin-left: 0; }
.m_board_list li .name { left: 110px; }
.m_board_list li .part { right: 60px; }
.m_board_list li .state { width: 50px; line-height: 24px; font-size: 12px; }
.m_board_list li .center { width: 90px; }
.m_board_list li .tit { left: 100px; right: 195px; }
.m_board_list li .name_date { right: 60px; }
.m_board_list li .name_date span { max-width: 38px; }
.m_board_list li.new .name a::after,
.m_board_list li.new .tit a::after { left: calc(100% + 3px); top: 0; width: 4px; height: 4px; }

.main .w_box .period { padding-right: 50px; margin-bottom: 15px; }
.main .w_box .period input { width: calc(50% - 5px); height: 30px; font-size: 13px; border-radius: 7px; }
.main .w_box .period i { width: 10px; font-size: 13px; line-height: 30px; }
.main .w_box .period a { width: 45px; line-height: 30px; font-size: 13px; border-radius: 7px; }

ul.tab_m_con { top: 10px; right: 17px; }
ul.tab_m_con li { margin: 0 -3px; }
ul.tab_m_con li a { font-size: 13px; padding: 0 15px; line-height: 34px; }
}

.pu_noti { position: fixed; top: auto; left: auto; bottom: 20px; right: 20px; transform: none; width: 240px; background: #fff; border-radius: 15px; padding: 25px; z-index: 30; font-size: 16px; line-height: 150%; box-shadow: 3px 3px 15px rgba(0,0,0,0.2); }
.pu_noti .bt_close { top: 9px; right: 9px; }
.pu_noti .tit { font-weight: 500; margin-bottom: 20px; }
@media screen and (max-width:640px) {
.pu_noti { bottom: 15px; right: 15px; width: 200px; padding: 15px; font-size: 13px; }
.pu_noti .tit { margin-bottom: 13px; }
}


/*common*/
.pagination { text-align: center; }
.pagination a { border-radius: 100%; display: inline; vertical-align: top; margin: 0 3px; }
.pagination a.pn { display: inline-block;text-indent: -9999px; height: 30px; width: 30px; background: no-repeat center center/auto 11px; }
.pagination a.pn.first { background-image: url(/images/pn_first.png); }
.pagination a.pn.prev { background-image: url(/images/pn_prev.png); }
.pagination a.pn.next { background-image: url(/images/pn_next.png); }
.pagination a.pn.last { background-image: url(/images/pn_last.png); }
.pagination span a { line-height: 30px; min-width: 20px; padding: 0 5px; font-size: 16px; }
.pagination span a.on { background: #dfe3eb; }

.cb input { display: none; }
.cb input + label::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin: -3px 6px 0 0; background: url(/images/cb.png) 0/100%; }
.cb input:checked + label::before { background-image: url(/images/cb_on.png); }

.bt_onoff input { display: none; }
.bt_onoff input + label { position: relative; display: inline-block; width:50px; height:20px; border:5px solid #dfe3eb; background:#dfe3eb; border-radius:30px; text-indent:-9999px; }
.bt_onoff input:checked + label { background:#52b6c6; border-color:#52b6c6; }
.bt_onoff input + label::before { content: ''; position:absolute; top:0; left:0; width:20px; height:20px; background:#fff; border-radius:100%; transition: all 0.3s; }
.bt_onoff input:checked + label::before { left:30px; }

.bt_onoff.mini input + label { width:35px; height:15px; }
.bt_onoff.mini input + label::before { width:15px; height:15px; }
.bt_onoff.mini input:checked + label::before { left:20px; }

.bt_line { display: inline-block; line-height: 28px; padding: 0 12px; background: #fff; border: 1px solid #b2b2b2; border-radius: 6px; font-size: 14px; }
.bt_line:hover { text-decoration: none; background: #f5f5f5; }
.bt_line.c_blue { color: #52b6c6; border-color: #52b6c6; }
.bt_line.c_blue:hover { background: #f6fcfd; }
.bt_line.c_grey { color: #acacac; border-color: #dfe0e4; }
.bt_line.c_grey:hover { background: #fafafa; }
.bt_line.c_red { color: #ec4535; border-color: #ec4535; }
.bt_line.c_red:hover { background: #fff8f7; }
.bt_line.b_grey { background: #dfe3eb; border-color: #dfe3eb; }
.bt_line.b_grey:hover { background: #d6dae2; border-color: #d6dae2; }
.bt_line.b_blue { background: #52b6c6; border-color: #52b6c6; color: #fff; }
.bt_line.b_blue:hover { background: #4aa5b3; border-color: #4aa5b3; }

.list_box { position: relative; padding-bottom: 50px; }
.list_box .count { display: inline-block; font-size: 16px; color: #acacac; }
.list_box .list_search { position: absolute; top: 19px; right: 35px; width: 330px; }
.list_box .list_search input { width: 100%; height: 45px; border-radius: 30px; border: 0; background: #f2f3f8; border: 1px solid #f2f3f8; padding: 0 60px 0 24px; font-size: 16px; outline: 0; }
.list_box .list_search input:focus { border-color: #52b6c6; background: #fff; }
.list_box .list_search .bt_search { position: absolute; top: 0; right: 24px; bottom: 0; width: 24px; background: url(/images/ic_search.png) no-repeat center center/16px; text-indent: -9999px;border: 0; }

.tb_g_list { width: 100%; table-layout: fixed; border-top: 1px solid #dfe0e4; text-align: center; }
.tb_g_list thead th { background: #f2f3f8; border-bottom: 1px solid #dfe0e4; height: 69px; font-size: 14px; font-weight: 500; }
.tb_g_list tbody td { border-bottom: 1px solid #dfe0e4; padding: 13px 10px; font-size: 14px; line-height: 150%; }
.tb_g_list tbody td.tl { text-align: left; }
.tb_g_list tbody td.cb input + label::before { margin: 0; }
.tb_g_list tbody td.bt_onoff { padding: 0; }
.tb_g_list tbody td.bt_onoff input + label { vertical-align: middle; }

.tb_g_list .c_blue { color: #52b6c6; }
.tb_g_list .c_grey { color: #acacac; }
.tb_g_list .ov_h { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tb_g_list thead th .bt_line { padding: 0 8px; }

.tb_g_list .sel { position: relative; display: inline-block; }
.tb_g_list .sel::after { content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 9px; height: 5px; background: url(/images/sel_arrow.png) 0/100%; }
.tb_g_list .sel select { width: 100%; border: 1px solid #e0e1e5; border-radius: 10px; height: 30px; padding: 0 10px 0 10px; font-size: 14px; appearance: none; }

.tb_g_list .a_state a { margin: 0 3px 0 2px; }

.tb_g_list .memo { position: relative; max-width: 350px; padding-right: 76px; }
.tb_g_list .memo input[type=text] { width: 100%; border: 1px solid #e0e1e5; border-radius: 6px; height: 30px; padding: 0 10px; font-size: 16px; }
.tb_g_list .memo p { padding: 0 11px; line-height: 30px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tb_g_list .memo .bt_line { position: absolute; top: 0; right: 0; }

.list_bot { position: relative; min-height: 30px; margin: 14px 0 -10px; }
.list_bot::after { content: ''; display: block; clear: both; }
.list_bot .bt_line { z-index: 1; }
.list_bot .r_bt { position: absolute; top: 0; right: 0; }

.table_ov { overflow: hidden; overflow-x: auto; }
@media screen and (max-width:1550px) {
.pagination a { margin: 0 2px; }
.pagination a.pn { height: 24px; width: 24px; background-size: auto 9px; }
.pagination span a { line-height: 24px; min-width: 16px; padding: 0 4px; font-size: 14px; }

.bt_onoff input + label { width:40px; height:22px; border-width:3px; }
.bt_onoff input + label::before { width:16px; height:16px; }
.bt_onoff input:checked + label::before { left:19px; }

.bt_line { line-height: 26px; padding: 0 10px; border-radius: 5px; font-size: 13px; }

.list_box .list_search { top: 14px; right: 20px; }

.tb_g_list { min-width: 1000px; }
.tb_g_list thead th { height: 59px; font-size: 14px; }
.tb_g_list tbody td { padding: 12px 8px; font-size: 14px; }
.tb_g_list tbody tr:nth-child(2n) { background: #f5f5f5; }

.tb_g_list .sel::after { right: 10px; width: 7px; height: 4px; }
.tb_g_list .sel select { height: 28px; padding: 0 25px 0 5px; font-size: 13px; border-radius: 7px; }
}
@media screen and (max-width:640px) {
.list_box { padding-bottom: 20px; }
.pagination a { margin: 0 1px; }
.pagination a.pn { height: 20px; width: 20px; background-size: auto 7px; }
.pagination span a { line-height: 20px; min-width: 14px; padding: 0 3px; font-size: 13px; }

.bt_onoff input + label { width:30px; height:14px; border-width:2px; }
.bt_onoff input + label::before { width:14px; height:14px; }
.bt_onoff input:checked + label::before { left:16px; }

.bt_onoff.mini input + label { width:30px; height:14px; }
.bt_onoff.mini input + label::before { width:14px; height:14px; }
.bt_onoff.mini input:checked + label::before { left:16px; }

.bt_line { line-height: 24px; padding: 0 8px; border-radius: 4px; }

.list_box .list_search { position: relative; top: auto; right: auto; width: auto; margin-bottom: 15px; }
.list_box .list_search input { height: 40px; padding: 0 40px 0 15px; font-size: 13px; }
.list_box .list_search .bt_search { right: 15px; width: 20px; background-size: 14px; }

.tb_g_list { min-width: 900px; }
.tb_g_list thead th { height: 49px; font-size: 14px; }
.tb_g_list tbody td { padding: 10px 5px; font-size: 13px; }

.tb_g_list .a_state a { margin: 0 1px; }

.tb_g_list .memo { padding-right: 66px; }
.tb_g_list .memo input[type=text] { padding: 0 5px; border-radius: 4px; height: 26px; font-size: 13px; }
.tb_g_list .memo p { padding: 0 6px; line-height: 26px; }

.list_bot { min-height: 26px; margin: 10px 0; }
}

.pu_g { width: 1080px; max-width: calc(100% - 40px); height: 810px; padding: 80px 30px 35px; box-sizing: border-box; overflow-y: scroll;  }

ul.tab_pu { margin-bottom: 25px; }
ul.tab_pu::after { content: ''; display: block; clear: both; }
ul.tab_pu li { float: left; margin-right: 10px; }
ul.tab_pu li a { display: block; line-height: 45px; padding: 0 20px; font-size: 17px; border-radius: 10px; }
ul.tab_pu li a:hover { text-decoration: none; }
ul.tab_pu li.active a { color: #fff; background: #52b6c6; }
ul.tab_pu li.disabled a { color:#8b8888; }
.tab_pu_content { display: none; height: 625px; }
.tab_pu_content.on { display: block; }

/*.pu_g .bot_btns { position: absolute; bottom: 0; left: 0; right: 0; }*/
.pu_g .bot_btns { position: relative;margin-top: 10px; }
.pu_g .bot_btns::after { content: ''; display: block; clear: both; }
.pu_g .bot_btns a { margin-right: 5px; }
.pu_g .bot_btns .r_bt { float: right; }
.pu_g .bot_btns .r_bt a { margin: 0 0 0 5px; }

.tb_form { width: 100%; border-top: 1px solid #dfe0e4; font-size: 16px; }
.tb_form th,
.tb_form td { border-bottom: 1px solid #dfe0e4; padding: 6px 15px; height: 28px; font-size: 14px; }
.tb_form th { width: 15%; background: #f2f3f8; text-align: center; font-weight: normal; }
.tb_form input[type=text], .tb_form input[type=password], .tb_form input[type=date], .tb_form input[type=time], .tb_form input[type=email] { width: 100%; border: 1px solid #e0e1e5; border-radius: 10px; height: 30px; padding: 0 15px; font-size: 14px; }
.tb_form .sel { display: inline-block; }
.tb_form .sel::after { content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 9px; height: 5px; background: url(../images/sel_arrow.png) 0/100%; }
.tb_form .sel select { width: 100%; border: 1px solid #e0e1e5; border-radius: 10px; height: 36px; padding: 0 45px 0 15px; font-size: 16px; appearance: none; }
.tb_form textarea { width: 100%; border: 1px solid #e0e1e5; border-radius: 10px; padding: 10px 15px; font-size: 16px; line-height: 150%; }
.tb_form textarea::placeholder { font-size: 16px; }
.tb_form i { float: left; width: 24px; line-height: 36px; text-align: center; }
.tb_form .name input[type=text] { max-width: 410px; }
.tb_form .phone { max-width: 410px; }
.tb_form .phone .sel,
.tb_form .phone input[type=text] { float: left; width: calc(33.3333% - 16px); }
.tb_form .e_mail { max-width: 410px; }
.tb_form .e_mail input[type=text] { float: left; width: calc(45% - 24px); }
.tb_form .e_mail .sel { float: left; width: 55%; }
.tb_form .department .sel { float: left; width: 200px; margin-right: 10px; }
.tb_form .department .bt_add { float: left; display: block; width: 98px; line-height: 34px; border: 1px solid #dfe0e4; border-radius: 10px; color: #acacac; text-align: center; }
.tb_form .department .bt_add:hover { text-decoration: none; }
.tb_form .course textarea { height: 80px; }
.tb_form .radio span { margin-right: 20px; }
.tb_form .img_link .tx { position: absolute; top: 0; left: 15px; }
.tb_form .img_link input[type=text] { width: calc(100% - 150px); padding-left: 60px; margin-right: 16px; }
.tb_form .pc_po .sel { width: 160px; }
.tb_form select { vertical-align: top; }
.tb_form .pc_po .unit { display: inline-block; margin-right: 20px; }
.tb_form .pc_po .hide.on { display: inline-block !important; margin-left: 13px; }
.tb_form .pc_po .hide input { width: 70px; text-align: center; }
.tb_form .pc_po .hide .sel { width: auto; margin-left: 13px; }
.tb_form .mo_po .sel { width: 160px; }
.tb_form select { vertical-align: top; }
.tb_form .mo_po .unit { display: inline-block; margin-right: 20px; }
.tb_form .mo_po .hide.on { display: inline-block !important; margin-left: 13px; }
.tb_form .mo_po .hide input { width: 70px; text-align: center; }
.tb_form .mo_po .hide .sel { width: auto; margin-left: 13px; }



.img_regi { position: relative; }
.img_regi .ph { width: 100px; height: 100px; border-radius: 100%; background: #f2f3f8 center center/cover; margin-bottom: 10px; }
.img_regi.fabicon .ph { width: 168px; height: 168px; border-radius: 10px; border: 1px solid #dfe0e4; background: no-repeat center center/contain; }
.img_regi.og_img .ph { width: 418px; height: 198px; border-radius: 10px; border: 1px solid #dfe0e4; background: no-repeat center center/cover; }
.img_regi.popup .ph { width: 200px; height: 130px; border-radius: 0; background: #ebebeb no-repeat center center/contain; margin: 10px 0 0; }
.img_regi input[type="file"] { position:absolute; left:0; bottom:0; width:90px; height:36px; filter:alpha(opacity=0); opacity:0; cursor:pointer; z-index:5; }
.img_regi.popup input[type="file"] { top: 0; bottom: auto; }
.img_regi a { display: inline-block; width: 88px; line-height: 34px; border: 1px solid #dfe0e4; border-radius: 10px; text-align: center; margin-right: 9px; }
.img_regi a.bt_delete { position: absolute; top: 45px; left: 210px; width: 16px; height: 16px; border: 0; background: url(/images/bt_pu_close.png); text-indent: -9999px; }
.img_regi span { color: #acacac; margin-right: 20px; }
.img_regi span.on { color: #000; }
.img_regi .guide { display: inline-block; color: #acacac; }
@media screen and (max-width:1550px) {
.pu_g { height: auto; max-height: calc(100% - 40px); overflow: auto; }

ul.tab_pu li { margin-right: 5px; }
ul.tab_pu li a { padding: 0 10px; }

.tab_pu_content { height: auto; }
.pu_g .bot_btns { position: relative; bottom: auto; left: auto; right: auto; margin-top: 10px; }

.tb_form.popup th { width: 130px; }

.img_regi .guide { display: block; margin-top: 10px; }
}
@media screen and (max-width:640px) {
.pu_g { max-width: calc(100% - 30px); max-height: calc(100% - 30px); padding: 40px 15px 20px; }

ul.tab_pu { margin-bottom: 10px; }
ul.tab_pu li { margin-right: 0; }
ul.tab_pu li a { padding: 0 7px; font-size: 14px; line-height: 35px; }

.tb_form { font-size: 13px; }
.tb_form th,
.tb_form td { padding: 5px; }
.tb_form th { width: 75px; }
.tb_form input[type=text] { height: 32px; padding: 0 10px; font-size: 13px; border-radius: 7px; }
.tb_form .sel::after { right: 10px; width: 7px; height: 4px; }
.tb_form .sel select { height: 32px; padding: 0 25px 0 10px; font-size: 13px; border-radius: 7px; }
.tb_form textarea { padding: 5px 10px; font-size: 13px; }
.tb_form textarea::placeholder { font-size: 13px; }
.tb_form i { width: 21px; line-height: 32px; }
.tb_form .name input[type=text] { max-width: none; width: 100%; }
.tb_form .phone { max-width: none; }
.tb_form .phone .sel,
.tb_form .phone input[type=text] { width: calc(33.3333% - 14px); }
.tb_form .e_mail { max-width: none; width: 100%; }
.tb_form .e_mail input[type=text] { width: calc(45% - 21px); }
.tb_form .department .sel { width: calc(100% - 85px); margin-right: 5px; }
.tb_form .department .bt_add { width: 78px; line-height: 30px; border-radius: 7px; }
.tb_form .course textarea { height: 70px; border-radius: 7px; }

.tb_form.popup th { width: 100px; }
.tb_form .radio span { margin-right: 10px; }
.tb_form .img_link .tx { left: 7px; }
.tb_form .img_link input[type=text] { width: 100%; padding-left: 50px; margin: 0; }
.tb_form .pc_po .sel { width: 100px; }
.tb_form select { vertical-align: top; }
.tb_form .pc_po .unit { display: block; margin: 0 0 5px 0; }
.tb_form .pc_po .unit:last-child { margin: 0; }
.tb_form .pc_po .hide.on { margin-left: 3px; }
.tb_form .pc_po .hide input { width: 60px; }
.tb_form .pc_po .hide .sel { margin-left: 3px; }
.tb_form .mo_po .sel { width: 100px; }
.tb_form .mo_po .unit { display: block; margin: 0 0 5px 0; }
.tb_form .mo_po .unit:last-child { margin: 0; }
.tb_form .mo_po .hide.on { margin-left: 3px; }
.tb_form .mo_po .hide input { width: 60px; }
.tb_form .mo_po .hide .sel { margin-left: 3px; }


.img_regi { min-height: 80px; padding-left: 90px; }
.img_regi.popup { padding: 0; }
.img_regi .ph { position: absolute; top: 0; left: 0; width: 80px; height: 80px; margin: 0; }
.img_regi.popup .ph { position: relative; top: auto; left: auto; }
.img_regi input[type="file"] { left:90px; top:0; width:80px; height:32px; }
.img_regi.popup input[type="file"] { left:0; }
.img_regi a { width: 78px; line-height: 30px; margin-right: 3px; border-radius: 7px; }
.img_regi span { margin: 0; }

.img_regi.fabicon,
.img_regi.og_img { padding: 0; }

.img_regi.fabicon .ph,
.img_regi.og_img .ph { position: relative; top: auto; left: auto; margin-bottom: 5px; }
.img_regi.og_img .ph { width: 218px; height: 95px; }
}
@media screen and (max-width:380px) {
ul.tab_pu li a { padding: 0 5px; font-size: 13px; }
ul.tab_pu li a { padding: 0 5px; font-size: 13px; letter-spacing: -1px; }
}

.mt_date { font-size: 16px; }
.mt_date .period { margin-bottom: 16px; }
.mt_date .period a { display: inline-block; width: 35px; height: 35px; border-radius: 100%; background-size: 100%; text-indent: -9999px; }
.mt_date .period .bt_prev { background-image: url(/images/mt_date_period_bt_prev.png); }
.mt_date .period .bt_next { background-image: url(/images/mt_date_period_bt_next.png); }
.mt_date .period span { display: inline-block; padding: 0 13px; line-height: 35px; font-weight: 500; color: #52b6c6; vertical-align: top; }

.tb_mt_date { width: 100%; border-top: 1px solid #dfe0e4; text-align: center; }
.tb_mt_date th,
.tb_mt_date td { border-bottom: 1px solid #dfe0e4; height: 49px; font-weight: normal; }
.tb_mt_date thead th { background: #dfe3eb; }
.tb_mt_date tbody th { background: #f2f3f8; }
.tb_mt_date tr select {     width: 90%;border: 1px solid #e0e1e5;border-radius: 10px;height: 36px;padding: 0 45px 0 15px;font-size: 16px;appearance: none; }
/*.tb_mt_date tr *:nth-child(1) { width: 17.6%; }*/
.tb_mt_date input { display: none; }
.tb_mt_date input + label { display: inline-block; width: 20px; height: 20px; border-radius: 100%; background: #f2f3f8; vertical-align: middle; }
.tb_mt_date input:checked + label { background: #52b6c6; }
@media screen and (max-width:640px) {
.mt_date { font-size: 13px; }
.mt_date .period { margin-bottom: 10px; }
.mt_date .period a { width: 25px; height: 25px; }
.mt_date .period span { padding: 0 7px; line-height: 25px; }

.tb_mt_date th,
.tb_mt_date td { height: 39px; }
.tb_mt_date input + label { width: 15px; height: 15px; }
}

.tb_d_info { width: 100%; border-top: 1px solid #dfe0e4; font-size: 16px; }
.tb_d_info>tbody>tr>th,
.tb_d_info>tbody>tr>td { border-bottom: 1px solid #dfe0e4; padding: 15px; }
.tb_d_info>tbody>tr>th { width: 15%; background: #f2f3f8; text-align: center; }
.tb_d_info textarea { width: 100%; height: 450px; border: 1px solid #e0e1e5; border-radius: 10px; padding: 10px 15px; font-size: 16px; }

.recess_date_select { margin-bottom: 10px; }
.recess_date_select .unit { float: left; width: calc(50% - 7px); height: 400px; padding: 5px 26px 0; border: 1px solid #dfe0e4; border-radius: 10px; box-sizing: border-box; }
.recess_date_select .unit:last-child { float: right; }
.recess_date_select .unit .c_header { line-height: 54px; text-align: center; font-size: 18px; font-weight: 500; }
.recess_date_select .unit .c_header a { position: absolute; top: 50%; transform: translateY(-50%); width: 14.2857%; height: 20px; background: no-repeat center center/8px auto; text-indent: -9999px; }
.recess_date_select .unit .c_header a.bt_prev { left: 0; background-image: url(/images/calendar_bt_prev.png); }
.recess_date_select .unit .c_header a.bt_next { right: 0; background-image: url(/images/calendar_bt_next.png); }

.tb_calendar { width: 100%; text-align: center; }
.tb_calendar th { height: 32px; }
.tb_calendar td { width: 14.2857%; }
.tb_calendar th:nth-child(1) { color: #dd2a2a; }
.tb_calendar th:nth-child(7) { color: #2e47d8; }
.tb_calendar td a { display: block; width: 30px; line-height: 30px; color: #000; border-radius: 100%; margin: 0 auto; }
.tb_calendar td:nth-child(1) a { color: #dd2a2a; }
.tb_calendar td.hd a { color: #dd2a2a; }
.tb_calendar td:nth-child(7) a { color: #2e47d8; }
.tb_calendar td.on a { color: #000; background: #dfe3eb; }
.tb_calendar td.off a { color: #acacac; }
.tb_calendar td a:hover { text-decoration: none; }
.tb_calendar td.on::before { content: ''; position: absolute; top: 1px; left: 0; right: 0; height: 30px; }
.tb_calendar td:first-child::before { border-radius: 15px 0 0 15px; }
.tb_calendar td:last-child::before { border-radius: 0 15px 15px 0; }
.tb_calendar td.on.start,
.tb_calendar td.on.end { background: none; }
.tb_calendar td.on.start::before,
.tb_calendar td.on.end::before { width: 50%; }
.tb_calendar td.on.start::before { left: 50%; }
.tb_calendar td.on.end::before { right: 50%; }
.tb_calendar td.on.start a,
.tb_calendar td.on.end a { background: #dfe3eb; }
.tb_calendar td span { display: inline-block; font-size: 13px; line-height: 15px; height: 15px; }
.tb_calendar td.hd span { color: #dd2a2a; }
.tb_calendar td.off span { color: #acacac; }
.selected_recess_date li { display: inline-block; line-height: 20px; padding-right: 25px; margin-right: 15px; }
.selected_recess_date li:last-child { margin: 0; }
.selected_recess_date li .bt_delete { position: absolute; top: 0; right: 0; width: 20px; height: 20px; background: url(/images/bt_pu_close.png) 0/100%; text-indent: -9999px; }
.selected_recess_date li::after { content: ','; position: absolute; left: calc(100% + 3px); top: 0; }
.selected_recess_date li:last-child::after { display: none; }
@media screen and (max-width:1550px) {
.tb_d_info>tbody>tr>th,
.tb_d_info>tbody>tr>td { padding: 10px; }
.recess_date_select .unit { padding: 10px; }
.recess_date_select .unit .c_header { line-height: 34px; font-size: 15px; }
.recess_date_select .unit .c_header a { background-size: 7px auto; }
.tb_calendar { font-size: 14px; }
.tb_calendar td a { width: 22px; line-height: 22px; }
.tb_calendar td.on::before { height: 22px; }
.tb_calendar td span { font-size: 12px; line-height: 14px; height: 14px; }
}
@media screen and (max-width:640px) {
.tb_d_info { font-size: 13px; }
.tb_d_info>tbody>tr>th,
.tb_d_info>tbody>tr>td { padding: 5px; }
.tb_d_info textarea { height: 250px; font-size: 13px; }
.recess_date_select { margin: 0; }
.recess_date_select .unit { float: none; width: auto; max-width: 400px; height: auto; padding: 5px; margin: 0 auto 5px; }
.recess_date_select .unit:last-child { float: none; }
.recess_date_select .unit .c_header { line-height: 30px; font-size: 14px; }
.recess_date_select .unit .c_header a { background-size: 6px auto; }
.tb_calendar { font-size: 12px; }
.tb_calendar td a { width: 20px; line-height: 20px; }
.tb_calendar td.on::before { height: 20px; }
.tb_calendar td span { font-size: 11px; line-height: 13px; height: 13px; }
.selected_recess_date { padding: 5px 0; }
.selected_recess_date li { line-height: 15px; padding-right: 20px; margin-right: 10px; }
.selected_recess_date li .bt_delete { width: 15px; height: 15px; }
}

.tb_md_management { width: 100%; border-top: 1px solid #dfe0e4; font-size: 16px; text-align: center; table-layout: fixed; }
.tb_md_management th,
.tb_md_management td { border-bottom: 1px solid #dfe0e4; font-weight: normal; }
.tb_md_management th { height: 50px; }
.tb_md_management td { padding: 9px; }
.tb_md_management td.tl { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tb_md_management td.bt_onoff,
.tb_md_management td.btn { padding: 0; }
@media screen and (max-width:640px) {
.tb_md_management { font-size: 13px; }
.tb_md_management th { height: 40px; }
.tb_md_management td { padding: 7px; }
.tb_md_management td .bt_line { line-height: 20px; padding: 0 7px; font-size: 12px; }
}

.pu_add_md { width: 550px; max-width: calc(100% - 40px); padding: 65px 25px 30px; box-sizing: border-box; z-index: 101; }
.pu_add_md .tb_form { margin-bottom: 14px; }
.pu_add_md .tb_form th { width: 26%; }
.pu_add_md .tb_form input[type=text] { max-width: 300px; }
@media screen and (max-width:640px) {
.pu_add_md { max-width: calc(100% - 30px); padding: 40px 15px 20px; }
.pu_add_md .tb_form { margin-bottom: 10px; }
}

.tb_g_list .tit { text-align: left; }
.tb_g_list .tit a { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; }
.tb_g_list .ov_h { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pu_g .h100_con { min-height: 695px; }

.main_banner { max-width: 480px; height: 305px; border-radius: 30px; }
.main_banner .tx { position: absolute; top: 30px; left: 35px; color: #fff; width: calc(50% - 35px); }
.main_banner .tx .cate { font-size: 11px; padding-left: 5px; margin-bottom: 10px; }
.main_banner .tx .cate::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 3px; height: 3px; background: #fff; border-radius: 100%; }
.main_banner .tx .tit { font-size: 24px; font-weight: 600; margin-bottom: 10px; }
.main_banner .tx .s_tit { font-size: 12px; }
.main_banner .img { position: absolute; bottom: 30px; right: 35px; width: calc(50% - 35px); height: calc(57% - 30px); background: no-repeat right bottom/contain; }

.pu_add_category { width: 500px; height: 300px; }
.pu_add_category .tb_form th { width: 40%; }

.pu_add_holiday { width: 600px; height: 300px; }
.pu_add_holiday .tb_form th { width: 30%; }

.pu_add_banner .tb_form tbody td { width: 35%; }
.pu_add_banner .preview { padding: 9px 15px; }
.pu_add_banner .cate .sel { width: 100%; max-width: 220px; }
.pu_add_banner .size span { margin-right: 25px; }
.pu_add_banner input[type=text] { max-width: 730px; }
.pu_add_banner .bg_color .color { display: inline-block; width: 30px; height: 30px; border-radius: 100%; vertical-align: middle; margin-right: 10px; }
.pu_add_banner .bg_color input[type=text] { max-width: 100px; margin-right: 5px; }
.pu_add_banner .bg_color .bt_enter { display: inline-block; width: 58px; line-height: 34px; border: 1px solid #dfe0e4; border-radius: 10px; text-align: center; }
.pu_add_banner .bg_color .bt_enter:hover { text-decoration: none; }

.radio input { display: none; }
.radio input:checked + label::before { background-image: url(/images/radio_on.png); }
.radio input + label::before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin: -3px 10px 0 0; background: url(/images/radio.png) 0/100%; }

.attach { line-height: 36px; color: #acacac; }
.attach input[type="file"] { position:absolute; top:0; left:0; width:90px; height:36px; filter:alpha(opacity=0); opacity:0; cursor:pointer; z-index:5; }
.attach a { position:absolute; top:0; left:0; width:88px; line-height:34px; border: 1px solid #dfe0e4; border-radius: 10px; text-align: center; }
.attach a:hover { text-decoration: none; }
.attach span { display: inline-block; vertical-align: top; margin-left:100px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-right: 20px; }
.attach.on span { color: #000; }
@media screen and (max-width:640px) {
.pu_g .h100_con { min-height: 0; }

.main_banner { height: 260px; border-radius: 20px; }
.main_banner .tx { top: 20px; left: 25px; width: calc(70% - 25px); }
.main_banner .tx .cate { margin-bottom: 7px; }
.main_banner .tx .tit { font-size: 22px; margin-bottom: 5px; }
.main_banner .img { bottom: 20px; right: 25px; width: calc(50% - 25px); height: calc(57% - 20px); }

.pu_add_banner .tb_form tbody td { width: 30%; }
.pu_add_banner .preview { padding: 5px; }
.pu_add_banner .cate .sel { width: 100%; max-width: 220px; }
.pu_add_banner .size span { margin-right: 5px; }
.pu_add_banner .bg_color .color { width: 26px; height: 26px; margin-right: 7px; }
.pu_add_banner .bg_color .bt_enter { width: 48px; line-height: 30px; border-radius: 5px; }
.pu_add_banner .bg_color .bt_enter:hover { text-decoration: none; }

.attach { line-height: 32px; }
.attach input[type="file"] { width:80px; height:32px; }
.attach a { width:78px; line-height:30px; border-radius: 5px; }
.attach span { margin-left:90px; }
.attach em { display: block; margin-top: 5px; line-height: 150%; font-size: 11px; }
}

.pu_add_popup .tb_form { line-height: 36px; }
.pu_add_popup input[type=text] { max-width: 730px; }
.pu_add_popup .time_select .cal { display: inline-block; vertical-align: top; width: 200px; margin-right: 20px; }
.pu_add_popup .time_select .cal input { background: none; }
.pu_add_popup .time_select .cal::before { content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 18px; height: 18px; background: url(/images/ic_cal.png) 0/100%; }
.pu_add_popup .time_select span { display: inline-block; vertical-align: top; margin-right: 20px; }
.pu_add_popup .time_select span input { width: 70px; margin-right: 6px; }
.pu_add_popup .s_num input { width: 70px; margin-right: 6px; }
@media screen and (max-width:640px) {
.pu_add_popup .tb_form { line-height: 32px; }
.pu_add_popup .time_select::after { content: ''; display: block; clear: both; }
.pu_add_popup .time_select .cal { float: left; width: calc(46% - 10px); margin-right: 10px; }
.pu_add_popup .time_select .cal::before { right: 10px; width: 16px; height: 16px; }
.pu_add_popup .time_select span { float: left; width: calc(27% - 10px); margin-right: 10px; }
.pu_add_popup .time_select span input { width: calc(100% - 20px); margin-right: 3px; }
.pu_add_popup .s_num input { width: 60px; margin-right: 3px; }
}

.tb_g_list .add_file_preivew { padding: 0; }
.tb_g_list .add_file_preivew a { display: inline-block; width: 36px; height: 36px; border-radius: 5px; background: #eee center center/cover; vertical-align: middle; }
.tb_g_list .state { padding: 0; }
.tb_g_list .state span { display: inline-block; width: 70px; line-height: 30px; border-radius: 5px; background: #dfe3eb; }
.tb_g_list .state.on span { background: #52b6c6; color: #fff; }

.pu_add_file_preivew { width: 100%; height: 100%; max-width: calc(100% - 30px); max-height: calc(100% - 30px); background: none; box-shadow: none; }
.pu.pu_add_file_preivew .bt_close { top: 0; right: 0; }
.pu_add_file_preivew img { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); max-width: 100%; max-height: 100%; }
@media screen and (max-width:640px) {
.tb_g_list .add_file_preivew i { width: 30px; height: 30px; }
.tb_g_list .state span { width: 55px; line-height: 26px; }
}

.tb_form .tx { line-height: 150%; padding: 12px 15px; }
.pu_counsel .tb_form .con_tx textarea { height: 225px; }
.pu_counsel .tb_form .answer th { background: #dfe3eb; }
.pu_counsel .tb_form .answer textarea { height: 120px; }
.pu_board_answer .tb_form td { width: 35%; }
@media screen and (max-width:640px) {
.tb_form .tx { padding: 10px; }
.pu_counsel .tb_form .con_tx textarea { height: 150px; }
.pu_counsel .tb_form .answer textarea { height: 80px; }
}

.tb_form .noti_tit { padding-right: 75px; }
.tb_form .noti_tit span { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); }
.tb_form .writer input { max-width: 350px; }
.pu_notice textarea { height: 340px; }
.pu_recruit textarea { height: 440px; }
.pu_board_wc textarea { height: 390px; }
@media screen and (max-width:640px) {
.tb_form .noti_tit { padding-right: 60px; }
.tb_form .noti_tit span { right: 5px; }
.pu_notice textarea { height: 150px; }
.pu_recruit textarea { height: 150px; }
.pu_board_wc textarea { height: 150px; }
}

.statistics .w_box { float: left; box-sizing: border-box; width: calc(50% - 17px); min-height: 380px; padding: 32px 36px; }
.statistics .w_box:nth-child(2n) { float: right; }
.statistics .w_box:nth-child(1),
.statistics .w_box:nth-child(2) { margin-bottom: 40px; }
.statistics .w_box .graph { min-height: 265px; }
@media screen and (max-width:1550px) {
.statistics .w_box { width: calc(50% - 10px); height: auto; padding: 25px; }
.statistics .w_box:nth-child(1),
.statistics .w_box:nth-child(2) { margin-bottom: 20px; }
}
@media screen and (max-width:640px) {
.statistics .w_box { float: none !important; width: auto; padding: 20px; margin-bottom: 10px !important; }
.statistics .w_box .graph { height: 200px; }
}

.seo .w_box { margin-bottom: 30px; }
.seo .w_box:last-child { margin: 0; }
.seo .w_box .tb_form th { width: 20%; }
.seo .w_box .tb_form textarea.exp { height: 140px; }
.seo .w_box .tb_form textarea.og { height: 70px; }
.seo .w_box .tb_form .radio span { margin-right: 28px; }
.seo .w_box .bot_btns { text-align: right; margin-top: 14px; }
.seo .w_box .bot_btns a { margin-left: 10px; }
.naver_re_channel tr { transition: none !important; }
.naver_re_channel .ui-sortable-helper { background-color: #fff; border-radius: 10px; border: 1px solid #dfe0e4; border-bottom: 0; overflow: hidden; }
.ic_move { display: inline-block; width: 16px; height: 6px; background: url(/images/ic_move.png) 0/100% 100%; }
.seo .w_box .tb_g_list input[type=text] { width: 100%; border: 1px solid #e0e1e5; border-radius: 10px; height: 36px; padding: 0 15px; font-size: 16px; }
.quick_url_add { position: relative; padding-right: 60px; }
.quick_url_add .bt_delete { position: absolute; top: 0; right: 0; width: 48px; line-height: 34px; border: 1px solid #dfe0e4; background: #fff; border-radius: 10px; text-align: center; }
.quick_url_add .bt_delete:hover { text-decoration: none; }
.naver_re_channel .tb_g_list td { padding: 0 10px; height: 50px; }
.tb_sortable { margin-bottom: -1px; }

.path_select { position: relative; margin-bottom: 16px; padding-right: 95px; }
.path_select input[type=text] { width: 100%; background: #f8f9fb; border: 1px solid #e0e1e5; border-radius: 10px; height: 36px; padding: 0 15px; font-size: 16px; }
.path_select a { position: absolute; top: 0; right: 0; width: 83px; line-height: 34px; border: 1px solid #dfe0e4; background: #fff; border-radius: 10px; font-size: 16px; text-align: center; }
.path_select a:hover { text-decoration: none; }
@media screen and (max-width:640px) {
.seo .w_box { margin-bottom: 15px; }
.seo .w_box .tb_form th { width: 35%; }
.seo .w_box .tb_form textarea.exp { height: 120px; }
.seo .w_box .tb_form textarea.og { height: 60px; }
.seo .w_box .tb_form .radio span { margin-right: 8px; }
.seo .w_box .bot_btns { margin-top: 10px; }
.seo .w_box .bot_btns a { margin-left: 5px; }
.ic_move { width: 12px; height: 5px; }
.seo .w_box .tb_g_list { min-width: 950px; }
.seo .w_box .tb_g_list input[type=text] { height: 30px; padding: 0 10px; font-size: 13px; border-radius: 5px; }
.quick_url_add { padding-right: 50px; }
.quick_url_add .bt_delete { width: 43px; line-height: 28px; border-radius: 5px; }
.naver_re_channel .tb_g_list td { padding: 0 5px; height: 45px; }

.path_select { margin-bottom: 10px; padding-right: 75px; }
.path_select input[type=text] { height: 30px; padding: 0 10px; font-size: 13px; border-radius: 5px; }
.path_select a { width: 68px; line-height: 28px; border-radius: 5px; font-size: 13px; }
}

.login { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 500px; max-width: calc(100% - 60px); }
.login h1 { font-size: 24px; color: #101010; font-weight: 600; text-align: center; margin-bottom: 25px; }
.login .w_box { padding: 46px 35px 48px; }
.login input[type=text],
.login input[type=password] { width: 100%; border: 1px solid #e0e1e5; border-radius: 10px; height: 40px; padding: 0 18px; font-size: 16px; }
.login input[type=text] { margin-bottom: 10px; }
.login input[type=password] { margin-bottom: 26px; }
.login .bt_login { display: block; line-height: 50px; border-radius: 10px; background: #52b6c6; font-size: 16px; color: #fff; text-align: center;width: 100%;border: 0; }
.login .bt_login:hover { text-decoration: none; background: #4aa5b3; border-color: #4aa5b3; }
@media screen and (max-width:640px) {
.login h1 { font-size: 20px; margin-bottom: 20px; }
.login .w_box { padding: 30px 25px; }
.login input[type=text],
.login input[type=password] { border-radius: 7px; height: 35px; padding: 0 12px; font-size: 13px; }
.login input[type=text] { margin-bottom: 7px; }
.login input[type=password] { margin-bottom: 15px; }
.login .bt_login { line-height: 40px; border-radius: 7px; font-size: 13px; }
}

.alarm { border-top: 1px solid #dfe0e4; }
.alarm>dl { border-bottom: 1px solid #dfe0e4; padding: 18px 0 19px 18px; font-size: 16px; }
.alarm dl dt { color: #000; font-weight: 500; margin-bottom: 4px; }
.alarm dl dt .bt_management { margin-left: 6px; padding: 0 7px; }
.alarm dl dd { color: #acacac; }
.alarm dl dd dl { margin-top: 15px; }
.alarm dl dd dl:first-child { margin-top: 20px; }

.alarm .sel { position: absolute; top: -5px; right: 0; width: 120px; }
.alarm .sel::after { content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 9px; height: 5px; background: url(/images/sel_arrow.png) 0/100%; }
.alarm .sel select { width: 100%; border: 1px solid #e0e1e5; border-radius: 10px; height: 36px; padding: 0 45px 0 15px; font-size: 16px; appearance: none; }

.alarm .bt_onoff { position: absolute; top: -5px; right: 0; }

@media screen and (max-width:640px) {
.alarm>dl { padding: 15px 0 15px 5px; font-size: 13px; }
.alarm dl dt { margin-bottom: 6px; }
.alarm dl dd dl { margin-top: 15px; }
.alarm dl dd dl:first-child { margin-top: 20px; }
.alarm dl dd dl dd { padding-right: 100px; }

.alarm .bt_onoff { top: 0; }
.alarm .sel { width: 100px; }
.alarm .sel::after { right: 10px; width: 7px; height: 4px; }
.alarm .sel select { height: 32px; padding: 0 25px 0 10px; font-size: 13px; border-radius: 7px; }
}

.pu_notice_setting { width: 480px; padding: 78px 30px 35px; }
.pu_notice_setting .onoff { text-align: right; margin-bottom: 17px; font-size: 16px; font-weight: 500; line-height: 30px; }
.pu_notice_setting .onoff input + label { vertical-align: top; margin-left: 12px; }
.pu_notice_setting .tb_form { margin-bottom: 54px; }
.pu_notice_setting textarea { height: 150px; }

.br_btns { text-align: right; }
.br_btns a { margin-left: 5px; }

.pu_alarm_management { width: 360px; padding: 65px 25px 30px; }

.alarm_management { background: #abc1d1; border: 2px solid #000; border-radius: 20px; overflow: hidden; margin-bottom: 24px; }
.alarm_management .preview { height: 360px; }
.alarm_management .preview .mCSB_container { padding: 25px 20px; }
.alarm_management .preview dl { position: relative; padding-left: 38px; }
.alarm_management .preview dl::before { content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 30px; border-radius: 12px; background: #fff url(/images/logo.png) no-repeat center center/18px auto; }
.alarm_management .preview dl dt { color: #66727b; line-height: 100%; margin-bottom: 7px; }
.alarm_management .preview dl dd { background: #fff; border-radius: 15px; max-width: 246px; overflow: hidden; }
.alarm_management .preview dl dd .tit { padding: 8px 10px; font-size: 13px; line-height: 150%; background: #ffe600; }
.alarm_management .preview dl dd p { padding: 10px 14px; line-height: 150%; min-height: 18px; }
.alarm_management .write { background: #fff; }
.alarm_management .write textarea { width: 100%; border: 0 !important; padding: 22px 24px; height: 200px; font-size: 16px; line-height: 150%; }
.alarm_management .write textarea:focus { background: #fff; }

@media screen and (max-width:640px) {
.pu_notice_setting { max-width: calc(100% - 60px); max-height: calc(100% - 120px); padding: 50px 15px 20px; overflow: hidden; overflow-y: auto; }
.pu_notice_setting .onoff { margin-bottom: 10px; font-size: 13px; line-height: 20px; }
.pu_notice_setting .onoff input + label { margin-left: 7px; }
.pu_notice_setting .tb_form { margin-bottom: 20px; }
.pu_notice_setting textarea { height: 120px; }

.br_btns a { margin-left: 3px; }

.pu_alarm_management { max-width: calc(100% - 60px); max-height: calc(100% - 120px); padding: 50px 15px 15px; overflow: hidden; overflow-y: auto; }

.alarm_management { border-width: 1px; margin-bottom: 15px; }
.alarm_management .preview { height: 240px; }
.alarm_management .preview .mCSB_container { padding: 15px; }
.alarm_management .preview dl { padding-left: 30px; }
.alarm_management .preview dl::before { width: 25px; height: 25px; border-radius: 10px; background-size: 16px auto; }
.alarm_management .preview dl dt { margin-bottom: 5px; }
.alarm_management .preview dl dd .tit { padding: 6px 8px; }
.alarm_management .preview dl dd p { padding: 8px 12px; }
.alarm_management .write textarea { padding: 15px 20px; height: 150px; font-size: 13px; }
}

.pu_msg { width: 350px; padding: 86px 30px 30px; box-sizing: border-box; }
.pu_msg .msg { font-size: 16px; text-align: center; margin-bottom: 60px; }
.pu_msg .bc_btns { text-align: center; }
.pu_msg .bc_btns a { margin: 0 3px; }
@media screen and (max-width:640px) {
.pu_msg { width: 280px; padding: 50px 15px 15px; }
.pu_msg .msg { font-size: 13px; margin-bottom: 30px; }
.pu_msg .bc_btns a { margin: 0 2px; }
}

.pu_member_info input[type=text], .pu_member_info input[type=password] { max-width: 410px; }
.pu_member_info textarea { height: 80px; }
.pu_member_info .phone,
.pu_member_info .e_mail { display: inline-block; vertical-align: middle; margin-right: 10px; }
.pu_member_info .rc_option { display: inline-block; vertical-align: middle; }
.pu_member_info .rc_option li { display: inline-block; margin-right: 16px; }
.pu_member_info .last_login { padding-left: 32px; }
@media screen and (max-width:640px) {
.pu_member_info textarea { height: 60px; }
.pu_member_info .phone,
.pu_member_info .e_mail { margin: 0; }
.pu_member_info .rc_option { display: block; padding: 7px 0 2px; }
.pu_member_info .rc_option li { margin-right: 8px; }
.pu_member_info .last_login { padding-left: 17px; }
}


.pu_path_finder { width: 480px;padding: 78px 30px 35px;max-height: 100%;height: 500px;overflow-y: scroll; }
.btn_path_select { display: inline-block;line-height: 28px;padding: 0 12px;background: #fff;border: 1px solid #b2b2b2;border-radius: 6px;font-size: 14px; }