@charset "utf-8";
/* CSS Document */

a, abbr, acronym, address, b, blockquote, big, body,center, caption, cite, code, command, dd, del, dfn, dl, div, dt, em, embed,fieldset, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img,
label, legend, li, object, ol,p, pre, q, s, samp, section, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, u, ul, var { margin:0; padding:0}
h1,h2,h3,h4,h5,h6 {font-size:100% }
ol, ul {list-style:none}
address, caption, cite, code, dfn, em, 
strong, th, var {font-style :normal; font-weight:normal}
table {border-collapse:collapse; border-spacing:0}
fieldset, img {border:0}
img, input, button, select, textarea { vertical-align:middle}
caption, th {text-align:left }
q:before, q:after {content :''} 

/* hidden_class */
.hidden {width:0; height:0; margin:0; padding:0; overflow:hidden; line-height:0; font-size:0; visibility:hidden; position:absolute; left:0; top:0}
body{font-family:"Helvetica Neue","Apple SD Gothic Neo",sans-serif, "돋움",Dotum; font-size:1em;color:#666;line-height:1.4;}

a{outline:none;}

a:link,a:visited{color:#666666;text-decoration:none;}
a:hover,a:active{color:#e5767d; text-decoration:none;}

a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; }


/* layout
-----------------------------------------------------------------------------------------------------------------------------------*/
#wrap{width:100%;max-width: 600px;margin: auto;}
#header_top{position:relative;text-align:center;width:100%;font-size:1.4em;padding:10px 0;border-bottom:1px solid #dddddd;}
#header_top .close{padding:5px;position:absolute;right:10px;top:50%;margin-top:-6%;z-index:1000;}
#header_top .close img{width:50%;}
#header_top .back{;width:4%;display:inline-block;position:absolute;left:10px;margin-left:10px;}
#header_top .back img{width:85%;}
#header_top h1 img{width:30%;}
#header_top .kakao{font-size:0.58em;width:20%;position:absolute;right:0;top:3%;}
#header_top .kakao img{width:40%;}
#header{height:10%;margin:5%  20px 3% 20px;text-align:center;}
#header a{color:#222222;}
#header .chat{width:100%;font-size:0.9em;text-align:right;}
#header .chat img{width:5%;margin-right:6px;}
#header .chat a{color:#888888;font-weight:500;}
#rolling_banner{text-align:center;margin:0 20px;position:relative;}
#rolling_banner .control{z-index:100;right:20px;bottom:20px;padding:2px 12px;font-size:0.95em;font-weight:400;border-radius:20px;background-color:rgba(100,100,100,0.4);position:absolute;color:rgba(255,255,255,0.5);}
#rolling_banner .control span{color:#ffffff;font-weight:500;}
#rolling_banner img{width:100%;height:auto;box-shadow:0px 1px 8px -1px rgba(0,0,0,0.15);border-radius:20px;}
#rolling_banner #slides {display: none}
#rolling_banner .slidesjs-pagination .active {color:red;}
#rolling_banner #slides .slidesjs-pagination{display:none;}
#rolling_banner #slides  a{display:none;}
#main_btn_area ul{overflow:hidden;margin:0 20px;}
#main_btn_area ul li{float:left;width:46%;margin:8% 4% 8% 1%;}
#main_btn_area ul li a{;font-size:1.2em;font-weight:600;display:block;width:100%;padding:35% 0;border-radius:10px;box-shadow:0px 1px 8px -1px rgba(0,0,0,0.15);text-align:center;}
#main_btn_area ul li:nth-child(1){background:url("../simple_images/btn_info02.png") no-repeat right bottom;background-size:50% 50%;}
#main_btn_area ul li:nth-child(2){margin-right:0;background:url("../simple_images/btn_booking02.png") no-repeat right bottom;background-size:50% 50%;}
#main_btn_area ul li img{width:40%;margin-bottom:10px;}
#container{margin:0 20px 22% 20px;padding-bottom:20px;}
#container:after{content:""; display:block; clear:both}
#top_btn{margin:5% 0 0 0;}


h2{font-size:1.5em;margin:5% 0 5% 0;font-weight:600;letter-spacing:-0.1em;color:#222222;}
h3{font-size:1.2em;font-weight:500;color:#222222;margin:12% 0 3% 0;}
h4{color:#222222;margin:12% 0 3% 0;}

.btn_area a{display:inline-block;margin-right:3%;border:0.7px solid #dddddd;color:#e5767d;text-align:center;font-size:1.1em;padding:4% 0;border-radius:5px}
.btn_area a.on, .btn_area a:hover{background-color:#e5767d;color:#ffffff;border:0.7px solid #e5767d;}
.btn_area.type2 a:nth-child(2n), .btn_area.type4 a:nth-child(4){margin-right:0;}
.btn_area.type2 a:nth-child(3), .btn_area.type2 a:nth-child(4){margin-top:10px;}
.btn_area.type2 a{width:47%;}
.btn_area.type5 a{width:17%;}
.btn_area.type4 a{width:21%;}
.btn_area.type4, .btn_area.type5{text-align:center}
.calendar{text-align:center;width:100%;}
.calendar table{padding-bottom:3%;width:100%;border-radius:5px;margin-top:10px;font-size:1em;line-height:1;display:inline-block;border:0.7px solid #dddddd;overflow:hidden;}
.calendar table th{text-align:center;width:100px;padding:3% 0;}
.calendar table td{position:relative;text-align:center;width:14%;color:#cccccc;height:15px;padding:12px 0;}
.calendar table td a{display:inline-block;color:#666666;height:20px;padding:4px;font-weight:600;}
.calendar table td.on a{background-color:#e5767d;height:20px;line-height:20px;width:20px;color:#ffffff;border-radius:50px;}
.calendar table td .today{text-align:center;font-size:0.75em;color:#e5767d;width:100%;position:absolute;left:0%;bottom:-6px;}
.calendar .date span{font-size:1.2em;}
.calendar .date a:nth-child(1) img{width:3%;margin:0 28% 0 0;}
.calendar .date a:nth-child(3) img{width:3%;margin:0 0 0 28%;}
.my_h_list ul li{border-bottom:0.5px solid #dddddd;display:table;width:100%;padding:8% 0 ;height:100%;overflow:hidden;vertical-align:middle;}
.my_h_list ul li.manager_top{border-top:0.5px solid #dddddd;}
.my_h_list ul li div{font-size:0.95em;color:#222222;font-weight:400;line-height:1.4;display:table-cell;vertical-align:middle;}
.my_h_list ul li div:nth-child(2){width:30%;font-size:0.9em;color:#e5767d;text-align:center;}
.my_h_list ul li div .address{font-size:0.9em;color:#888888}
.my_h_list ul li div.manager{font-size:0.8em;font-weight:300;color:#888888;width:20%;text-align:center;}
.my_h_list ul li div.manager img{width:74%;border:0.5px solid #dddddd;border-radius:25px;}
.my_h_list ul li div.manager span{font-size:1.1em;line-height:1;font-weight:500;display:inline-block;border:1.8px solid #e5767d;color:#e5767d;border-radius:25px;padding:16px 6px;}

.my_h_list_ing ul{padding:0 20px;border-radius:15px;box-shadow:1px 1px 5px 3px rgba(0,0,0,0.1);}
.my_h_list_ing ul li{display:table;width:100%;padding:8% 0 ;height:100%;overflow:hidden;vertical-align:middle;}
.my_h_list_ing ul li.manager_top{border-top:0.5px solid #dddddd;}
.my_h_list_ing ul li div{font-size:0.95em;color:#222222;font-weight:400;line-height:1.4;display:table-cell;vertical-align:middle;}
.my_h_list_ing ul li div:nth-child(2){width:30%;font-size:0.9em;color:#e5767d;text-align:center;}
.my_h_list_ing ul li div .address{font-size:0.9em;color:#888888}
.my_h_list_ing ul li div.manager{font-size:0.8em;font-weight:300;color:#888888;width:20%;text-align:center;}
.my_h_list_ing ul li div.manager img{width:74%;border:0.5px solid #dddddd;border-radius:25px;}
.my_h_list_ing ul li div.manager span{font-size:1.1em;line-height:1;font-weight:500;display:inline-block;border:1.8px solid #e5767d;color:#e5767d;border-radius:25px;padding:16px 6px;}
.my_h_list_ing_none{color:#888888;padding:20px 0;text-align:center;border-radius:10px;box-shadow:1px 1px 5px 3px rgba(0,0,0,0.1);}
.my_h_list_ing_done ul{border-top:0.5px solid #dddddd}
.my_h_list_ing_done ul li{border-bottom:0.5px solid #dddddd;display:table;width:100%;padding:8% 0 ;height:100%;overflow:hidden;vertical-align:middle;}
.my_h_list_ing_done ul li.manager_top{border-top:0.5px solid #dddddd;}

.my_h_list_ing_done ul li div{font-size:0.95em;color:#222222;font-weight:400;line-height:1.4;display:table-cell;vertical-align:middle;}
.my_h_list_ing_done ul li div:nth-child(2){width:30%;font-size:0.9em;color:#888888;text-align:center;}
.my_h_list_ing_done ul li div .address{font-size:0.9em;color:#888888}
.my_h_list_ing_done ul li div.manager{font-size:0.8em;font-weight:300;color:#888888;width:20%;text-align:center;}
.my_h_list_ing_done ul li div.manager img{width:74%;border:0.5px solid #dddddd;border-radius:25px;}
.my_h_list_ing_done ul li div.manager span{font-size:1.1em;line-height:1;font-weight:500;display:inline-block;border:1.8px solid #e5767d;color:#e5767d;border-radius:25px;padding:16px 6px;}


.accordion span.view{float:right;color:#888888;}
.accordion li{border-bottom:1px solid #dddddd;padding:5% 0;}


.price{background-color:#f2f2f2;padding:5% 0;text-align:center;border-radius:5px;color:#222222;margin-top:20px;}
.account_info img{width:55%}
.account_info table{font-size:0.95em;width:100%}
.account_info table td{color:#222222;text-align:left;}
.account_info table td.center{text-align:center;}
.account_info table td.left{text-align:left;}
.manager_pic img{width:40%;max-height:160px;border:0.5px solid #dddddd;border-radius:25px;margin-bottom:20px;}
.manual ul li{margin-bottom:20px;float:left;width:50%;text-align:center;font-size:0.85em;}
.manual ul li div{color:#ffffff;line-height:1;background-color:#e5767d;width:30%;font-size:1.2em;margin:0 auto 8px;height:16px;width:80px;padding:32px 0;border-radius:80px;}
.notice_list ul li{border-bottom:0.5px solid #dddddd;font-size:0.8em;color:#888888;font-weight:300;padding:6% 0 ;}
.notice_list ul li div{font-size:1.3em;margin-bottom:5px;color:#222222;font-weight:400;}
.view_contents{width:100%;overflow:hidden;}
.view_contents img{width:100%;}
.backbg{background-color:rgba(0,0,0,0.5);width:100%;z-index:1000;position:fixed;height:100%;top:0;left: 0;}
.popup{z-index:10000;font-size:1.1em;color:#222222;position:fixed;text-align:center;height:20%;margin:-30% 0 0 -40%;padding:10% 0;background-color:#ffffff;width:80%;left:50%;top:50%;border-radius:10px;:}
.popup .btn{bottom:10%;position:absolute;width:90%;left:50%;margin:0 0 0 -45%}
.popup .btn a, .popup02 .btn a{width:46%;margin-top:6%;padding:4% 0;font-size:1em;display:inline-block;text-align:center;border-radius:5px;background-color:#ffffff;color:#e5767d;border:1px solid #e5767d;}
.popup .btn a:last-child, .popup02 .btn a:nth-child(2){margin-left:3%;border:1px solid #e5767d;background-color:#e5767d;color:#ffffff;}
.popup02{z-index:10000;font-size:1.1em;color:#222222;position:absolute;text-align:center;margin: 10% 0 10% -22%;padding:30px 7%;background-color:#ffffff;width: 80%;max-width: 600px;left:50%;top:0%;border-radius:10px;}
.popup02 .title{font-size:1.3em;margin-bottom:20px;}
.popup02 .btn{width:100%;margin:auto}
.popup02 .btn.type1 a{width:100%;margin-left:0;background-color:#e5767d;color:#ffffff;}
.popup02.account{height:380px;top:50%;margin-top:-220px;}
.popup02.account table{margin-left:20px;}
.popup02.date{position:fixed;top:0;}
.popup02.manager{position:fixed;top:0;}
.popup02.housekeeper{position:fixed;top:0%;}
.popup02.address{position:fixed;top:0;}
.popup02 .close{position:relative;text-align:right;width:100%;top:-5px;}
.popup02 .close img{width:6%;}
.address_list li{font-size:0.85em;border-bottom:0.7px solid #dddddd;padding:5% 0;line-height:1;}
.address_list li a.close img{float:right;width:4%;}
.address_list li a:first-child{width:90%;display:inline-block;}
.faq ul li{padding:6% 0;font-weight:300;border-bottom:0.5px solid #dddddd;}
.faq ul li span{font-weight:500;color:#e5767d;margin-right:5px;}
.faq ul li img{width:4.5%;float:right;margin-top:6px;}
.more ul li{border-bottom:0.5px solid #dddddd;padding:6% 0;color:#222222;}
.more ul li a{color:#222222}
.more ul li img{width:7%;margin:0 15px 0 10px;}
.more ul li ul{padding:4% 0;border-radius:5px;background-color:#f2f2f2;margin-top:15px;}
.more ul li ul li{border:0 none;padding:2% 0;padding-left:20px;}
.more ul li ul li a{color:#888888;font-size:0.95em;}
.service_info{width:100%;display:table;overflow:hidden;margin-bottom:10px;}
.service_info li{display:table-cell;}
.service_info li a{width:25%;}
.service_info li:first-child{width:;}
.service_info li:last-child{width:63%;text-align:right}
#favorite{position:fixed;bottom:0;z-index:100;width:100%;overflow:hidden;background-color:#ffffff;border-top:0.5px solid #dddddd;padding:2% 0;}
#favorite ul li, #favorite_main ul li{float:left;width:33%;text-align:center;}
#favorite ul li a, #favorite_main ul li a{color:#aaaaaa;font-size:0.9em;font-weight:500;}
#favorite ul li.on a, #favorite_main ul li.on a{color:#e5767d;}
#favorite ul li img, #favorite_main ul li img{width:14%;}
#favorite_main{width:100%;overflow:hidden;background-color:#ffffff;border-top:0.5px solid #dddddd;padding:4% 0;}


/* 폰트 및 블릿 및 버튼
-----------------------------------------------------------------------------------------------------------------------------------*/

.box01{border-radius:5px;background-color:#f2f2f2;padding:3% 0;}
.box02{border-radius:5px;background-color:#f2f2f2;padding:3%;font-size:0.85em;margin-top:5px;width:94%}
.box03{text-align:center;border-radius:5px;background-color:#f2f2f2;padding:3%;width:94%}
.box04{border-radius:5px;background-color:#f2f2f2;padding:5%;font-size:0.85em;margin-top:5px;width:90%}
a.btn_more{float:right;background:url("../simple_images/btn_arrow.png") no-repeat top right;font-size:0.8em;line-height:1;padding-right:15px;background-size:contain;color:#888888;display:inline-block;}
.input_btn100{width:87%;margin-top:10px;display:inline-block;margin-right:3%;border:0.7px solid #dddddd;color:#e5767d;text-align:center;font-size:0.9em;padding:4% 6%;border-radius:5px}
.input_btn{display:inline-block;margin-right:3%;border:0.7px solid #dddddd;color:#e5767d;text-align:center;font-size:0.9em;padding:4% 6%;border-radius:5px}
a.input_btn_on{display:inline-block;margin-right:3%;background-color:#e5767d;border:0.7px solid #e5767d;color:#ffffff;text-align:center;font-size:0.9em;padding:4% 6%;border-radius:5px}
a.input_btn02{display:inline-block;margin-right:3%;border:0.7px solid #dddddd;color:#e5767d;text-align:center;font-size:0.95em;padding:2% 6%;border-radius:5px}
.btn_bottom a{margin-top:6%;padding:3% 0;border:1px solid #e5767d;font-size:1.2em;display:inline-block;text-align:center;border-radius:5px;background-color:#e5767d;color:#ffffff;width:100%;font-weight:500;}
.btn_bottom a.white{margin-top:6%;padding:3% 0;border:1.6px solid #e5767d;font-size:1.2em;display:inline-block;text-align:center;border-radius:5px;background-color:#ffffff;color:#ffffff;width:100%;color:#e5767d;font-weight:500;}
.btn_bottom.type2 a{width:47%;}
.btn_bottom.type2 a:nth-child(1){margin-right:2%;}
.btn_bottom.type2 a.white{background-color:#ffffff;color:#e5767d;border:1px solid #e5767d;}

.btn_moreview{padding:4% 0;text-align:center;font-size:0.9em;}
.btn_moreview a{color:#888888;}
.btn_moreview img{width:4%;}

.chk img, .chk_on img{width:8%;}
input[type="text"]{background-color:#f2f2f2;border:0 none;padding:5% 4%;color:#222222;font-size:1.1em;border-radius:5px;font-family:"Helvetica Neue","Apple SD Gothic Neo",sans-serif, "돋움",Dotum;}
input[type="password"]{background-color:#f2f2f2;border:0 none;padding:5% 4%;color:#222222;font-size:1.1em;border-radius:5px;font-family:"Helvetica Neue","Apple SD Gothic Neo",sans-serif, "돋움",Dotum;}
input[type="text"].input_small{background-color:#ffffff;padding:3% 4%;border:0.7px solid #dddddd;color:#222222;font-size:1.1em;border-radius:5px;font-family:"Helvetica Neue","Apple SD Gothic Neo",sans-serif, "돋움",Dotum;}

textarea{background-color:#f2f2f2;border:0 none;padding:4% 4%;color:#222222;font-size:1em;border-radius:5px;font-family:"Helvetica Neue","Apple SD Gothic Neo",sans-serif, "돋움",Dotum;}
select{line-height:1.6;background-color:#ffffff;color:#222222;border:0.7px solid #dddddd;font-size:1em;font-family:"Helvetica Neue","Apple SD Gothic Neo",sans-serif, "돋움",Dotum;}
input::-webkit-input-placeholder { color: #cccccc; }
input::-ms-input-placeholder { color: #cccccc; }
input::-moz-placeholder { color: #cccccc; }

textarea::-webkit-input-placeholder { color: #cccccc; }
textarea::-ms-input-placeholder { color: #cccccc; }
textarea::-moz-placeholder { color: #cccccc; }


.sel_box{display:block;position:relative;width:100%;height:50px;border:solid 1px #dadada;padding:10px 12px 10px 12px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top}
.sel{width:100%;height:30px;border:none;*height:auto;*margin-top:3px;-webkit-appearance:none;background:#fff url("../simple_images/icon_arrow03.png") 98% 50% no-repeat;-webkit-background-size:16px 8px;background-size:16px 8px}


.pt5{height:5px;clear:both;}
.pt8{height:8px;clear:both;}
.pt10{height:10px;clear:both;}
.pt20{height:20px;clear:both;}
.pt30{height:30px;clear:both;}
.pt50{height:50px;clear:both;}
.pt100{height:100px;clear:both;}



.font08{font-size:0.8em}
.font085{font-size:0.85em}
.font09{font-size:0.9em;line-height:1.6}
.font095{font-size:0.95em;line-height:1.6}
.font11{font-size:1.1em}
.font12{font-size:1.2em}
.font14{font-size:1.4em}
.font22{font-size:2.2em}
.desc{font-weight:300;color:#888888;font-size:0.9em;margin-bottom:3%}
.gray{color:#888888}
.gray02{color:#cccccc}
.darkgray{color:#666666}
.green{color:#e5767d;}
.black{color:#222222;}
.bold{font-weight:500;}
.weight300{font-weight:300;}
.red{color:#e23b3b;}

.aligncenter{text-align:center;}
.alignleft{text-align:left;}
.floatright{float:right}
.blackbg{background-color:rgba(0,0,0,0.15);width:100%;z-index:10;background-size:cover;position:absolute;height:78%;margin:-10px 0 0 -20px;}
.line01{background-color:#dadada;height:1px;margin:15px 0;}






/* table, tab
-----------------------------------------------------------------------------------------------------------------------------------*/

.list_A {width:100%;border:solid 0.7px #e1e1e1;clear:both;}
.list_A th { text-align:left;  padding:3% 0% 3% 5%;color:#888888;font-size:0.9em;  }
.list_A td {padding:3% 2% 3% 0; line-height:1.6em; text-align:left;font-size:1em;color:#222222;}

.view_A {width:100%;border:solid 0.7px #e1e1e1;clear:both;}
.view_A th { text-align:center;line-height:1;  padding:3% 0% 3% 0%;color:#888888;font-size:0.9em;  }
.view_A td {padding:3% 0%; line-height:20px; text-align:center;font-size:0.9em;color:#222222;}


.tab ul{overflow:hidden;width:100%;border-bottom:0.7px solid #dddddd;}
.tab ul li{font-size:1.1em;padding:4% 0;float:left;text-align:center;}
.tab ul li a{color:#cccccc;}
.tab ul li.on{border-bottom:2.2px solid #e5767d;}
.tab ul li.on a{color:#e5767d;}
.tab.type2 ul li {width:50%;}
.tab.type3_row1 ul li{width:33%}
.tab.type3 ul li {width:33%;height:45px;padding:6px 0;}
.tab.type3 ul li:nth-child(1){line-height:45px;}

.tab_2th ul{overflow:hidden;margin:auto;width:80%;border-radius:5px;border:1px solid #e5767d;}
.tab_2th ul li{float:left;width:50%;}
.tab_2th ul li a{font-size:0.95em;padding:8% 0;display:inline-block;width:100%;text-align:center;color:#e5767d;}
.tab_2th ul li.on a{background-color:#e5767d;color:#ffffff;}

.tab02{overflow:hidden;}
.tab02 ul li{text-align:center;float:left;width:49%;border-left:1px solid #dddddd;}
.tab02 ul li:nth-child(1), .tab02 ul li:nth-child(2){border-top:1px solid #dddddd;}
.tab02 ul li a{padding:10px 0;display:block;width:100%;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;}
.tab02 ul li a.on{color:#ffffff;font-weight:bold;background-color:#e5767d;border-right:1px solid #e5767d;}

.tab03{margin-top:30px;overflow:hidden;}
.tab03 ul li{text-align:center;float:left;width:49%;}
.tab03 ul li a{font-size:1.1em;padding:10px 0;display:block;width:100%;border:1px solid #dddddd;background-color:#ffffff;}
.tab03 ul li.on a{color:#ffffff;font-weight:bold;background-color:#e5767d;border-color:#e5767d;}

.tab04{overflow:hidden;}
.tab04 ul li{text-align:center;float:left;width:33%;border-left:1px solid #dddddd;border-top:1px solid #dddddd;}
.tab04 ul li a{padding:10px 0;display:block;width:100%;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;}
.tab04 ul li a.on{color:#ffffff;font-weight:bold;background-color:#e5767d;border-right:1px solid #e5767d;}




.sub_title{color:#ffffff;margin:20px auto 40px;font-weight:bold;background-color:#e5767d;border-radius:50px;padding:5px 0px;width:50%;}
.cs{font-size:1em;color:#666666;text-align:center;}
.cs div:nth-child(1){font-size:1.4em;color:#222222;line-height:1;}
.cs div:nth-child(2){margin-bottom:5px;font-size:2.4em;color:#e5767d;font-weight:600;line-height:1.2;}
.bottom{bottom:12%;position:absolute;width:94%;left:50%;margin-left:-47%;}
.btn50{width:30%;display:inline-block;margin-right:3%;border:1px solid #dddddd;color:#e5767d;text-align:center;font-size:1.2em;padding:3% 6%;border-radius:5px}
.month_detail{text-align:center;margin-top:;font-size:1em;background-color:#f2f2f2;padding:15px 0;line-height:1em;}
.month_detail div{margin:0 8px;display:inline}
.date_search img{width:6%;margin-left:3px;cursor:pointer;}
.work ul li{position:relative;margin-bottom:15px;width:90%;box-shadow:1px 3px 3px rgba(0,0,0,0.055);border:0.7px solid #dddddd;border-radius:6px;overflow:hidden;padding:30px 5%;}
.work ul li.none{text-align:center;color:#666666;padding:15px 5%;}
.work ul li.none img{width:20%;margin-bottom:10px;}
.work ul li span.new{position:absolute;right:2%;top:5%;background:url("../simple_images/icon_new02.png") no-repeat;background-size:contain;width:10%;height:25%;}
.work ul li div dl dt img{width:8%;margin-right:5px;}
.work ul li div dl dt:first-child{line-height:1;font-size:1em;color:#888888;margin-bottom:10px;}
.work ul li div dl dt:nth-child(2){line-height:1.4;color:#222222;font-size:1.08em;letter-spacing:-0.4px;margin-bottom:8px;}
.work ul li div dl dt:nth-child(3){letter-spacing:-0.6px;line-height:1;color:#222222;font-size:0.96em;}
.work ul li div:nth-child(1){display:table-cell;vertical-align:middle;color:#666666;width:26%;}
.work ul li div:nth-child(2){display:table-cell;font-size:0.95em;vertical-align:middle;color:#666666;width:10%;text-align:center;}
a.btn01{color:#ffffff;font-weight:bold;font-size:1.1em;background-color:#e5767d;display:inline-block;margin-right:3%;border:0.7px solid #e5767d;text-align:center;font-size:1em;padding:8% 8.5%;border-radius:5px}
a.btn02{color:#e5767d;font-weight:500;font-size:1.1em;background-color:#ffffff;display:inline-block;margin-right:3%;border:0.7px solid #dddddd;text-align:center;font-size:1em;padding:8% 8.5%;border-radius:5px}
a.btn03{color:#e5767d;width:100%;font-weight:500;font-size:1.1em;background-color:#ffffff;display:inline-block;margin-right:3%;border:0.7px solid #dddddd;text-align:center;font-size:1em;padding:3% 0%;border-radius:5px}


.program{padding:30px 0 0 20px;border:1px solid #dddddd;overflow:hidden;}
.program ul{width:100%;}
.program ul li{width:43%;height:30%;margin:0 0px 8% 0;text-align:center;float:left;position:relative;}
.program ul li:nth-child(2n-1){margin:0 25px 3% 0;}
.program ul li img{width:100%;}
.program ul li span{background-color:#e5767d;padding:4px 0;border-radius:80px;vertical-align:middle;height:24px;width:32px;position:absolute;left:0px;top:0px;color:#ffffff;font-weight:bold;font-size:1em;}
.program ul li div{margin-top:10px;font-size:15px;letter-spacing:-1px;line-height:1.4;}
.program ul li div h5{color:#222222;font-size:1.1em;font-weight:500;letter-spacing:-1px;}
.guide{color:#222222;}
.guide img{border:0.6px solid #dddddd;}
#btn_top{cursor:pointer;position:fixed;bottom:10%;right:5%;width:20%;height:10%;z-index:10100;}
#btn_top a {	width: 95%;	height:95%;display: block;margin-bottom: 7px;background:url("../manager_app/images/btn_top.png") no-repeat center center;
	-webkit-transition: 1s;	-moz-transition: 1s;	transition: 1s;background-size:contain}

img.covid{position:absolute;right:8px;top:5px;width:12%}

div.show{display:block;}
div.hide{display:none;}


	.video_area{position:relative;min-height:200px;}
	#vdo{position:absolute;top:0;left:0;z-index:;}
	.video_area .img{min-height:;position:absolute;top:0;left:0;z-index:;}
	.player_area{position:absolute;bottom:0px;}
	.playerbar{position:bottom;margin-top:10px;position:relative;padding:2% 5%;font-size:100%;vertical-align:middle;border-radius:50px;color:#ffffff;overflow:hidden;width:90%;background-color:#262127;}
	.playerbar div{margin-right:3%;cursor:pointer;float:left;width:8%;}
	.playerbar p{float:left;height:100%;line-height:1.6;display:table-cell;}
	.playerbar div img{width:100%;}
	.playerbar div:nth-child(5), .playerbar div:nth-child(6){position:absolute;right:15%;top:50%margin-top:-55%;}
	.playerbar div:nth-child(4){float:right;}


.appy_type a{width:47%;margin-bottom:10px;display:inline-block;border:0.7px solid #dddddd;color:#666666;text-align:center;font-size:0.9em;padding:4% 0%;border-radius:5px;}
.appy_type a:nth-child(1){margin-right:2%;}
.appy_type a.app_btn_on{display:inline-block;background-color:#e5767d;border:0.7px solid #e5767d;color:#ffffff;text-align:center;font-size:0.9em;border-radius:5px}
.appy_type a.app_btn{display:inline-block;border:0.7px solid #dddddd;color:#e5767d;text-align:center;font-size:0.9em;border-radius:5px}