@charset "utf-8";



/* 기본공통 속성 추가 */
html .clear_btn {padding:0;margin:0;border:none;background:none;cursor:pointer}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {background:#e7e8ec}
.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head + body .ui-btn-a.ui-btn, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head + body .ui-btn-a.ui-btn:visited {background:#fff;border:1px solid #898989}
.bnt_massage {background:#fff;border:1px solid #d3292c}
.ui-page-theme-a .ui-btn:hover, html .ui-bar-a .ui-btn:hover, html .ui-body-a .ui-btn:hover, html body .ui-group-theme-a .ui-btn:hover, html head + body .ui-btn-a.ui-btn:hover {background:#fcfcfc;border:1px solid #d3292c}
.ui-btn {line-height:100%; padding:.7em 1em .8em 1em; font-weight:300 }
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {text-shadow:none}
.fade.out{opacity:0;-webkit-animation-duration:325ms;-webkit-animation-name:fadeout;-moz-animation-duration:325ms;-moz-animation-name:fadeout;animation-duration:325ms;animation-name:fadeout}
.fade.in{opacity:1;-webkit-animation-duration:625ms;-webkit-animation-name:fadein;-moz-animation-duration:625ms;-moz-animation-name:fadein;animation-duration:625ms;animation-name:fadein}
.ui-content {padding:0}
.ui-btn-corner-all, .ui-corner-all.ui-btn, .ui-corner-all.ui-slider-track, .ui-corner-all.ui-flipswitch, .ui-li-count {border-radius:.25em}

.con_w {background:#fff}
.con_w .ui-page {background:#fff}

/* wrap_intro */
#wrap_intro .ui-page {background:#fff url(../img/contents/bg_intro.jpg) center top no-repeat;height:100%;background-size:1100px}
#wrap_intro .introimg {width:270px;margin:0 auto;margin-top:180px}
#wrap_intro .introimg img {width:100%}

/* header */
#header {background:#fff; position:relative; height:50px;border-bottom:3px solid #ed3126}
#header h1 {font-size:1.2rem;padding:12px 0 0 50px}
#header .header_p1 {font-size:20px;line-height: 90%;}
#header .header_p2 {font-size:15px;margin-left:15px;}
#header .btn_navi {position:absolute;left:18px; top:15px; width:26px;height:30px;background:url(../img/layout/bnt_navi.png)left top no-repeat;background-size:100%;font-size:0;}
#header .btn_top_massage {position:absolute;text-align:center;right:12px; top:7px; width:60px;padding-top:24px;background:url(../img/layout/icon_top_massage.png)center top no-repeat;background-size:20px;color:#666;font-size:0.6rem;letter-spacing:-1.5px}
#header button {
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

/* header_02 */
#header_02 {background:#fff; position:relative; border-top:3px solid #ed3126}

/* footer */
#footer {z-index:900;position:fixed; bottom:0;width:100%}
#footer ul li button, #footer ul li a {display:block;text-align:center;float:left;width:20%;height:40px;padding-top:20px; border-left:1px solid #666666;border-top:1px solid #666666;background:#d4d4d4;font-size:0.6rem;color:#333333; box-sizing:border-box}
/*#footer ul li button, #footer ul li a {display:block;text-align:center;float:left;width:20%;height:40px; border-left:1px solid #666666;border-top:1px solid #666666;background:#d4d4d4;font-size:0.6rem;color:#333333; box-sizing:border-box}*/
#footer ul li:first-child a, #footer ul li:first-child button {border-left:none}
#footer ul li:nth-child(1) a, #footer ul li:nth-child(1) button {background:#d4d4d4 url(../img/layout/icon_foot06.png)center 6px no-repeat;background-size:14px;}
#footer ul li:nth-child(2) a, #footer ul li:nth-child(2) button {background:#d4d4d4 url(../img/layout/icon_foot01.png)center 6px no-repeat;background-size:14px;}
#footer ul li:nth-child(3) a, #footer ul li:nth-child(3) button {background:#d4d4d4 url(../img/layout/icon_foot02.png)center 10px no-repeat;background-size:14px;}
#footer ul li:nth-child(4) a, #footer ul li:nth-child(4) button {background:#d4d4d4 url(../img/layout/icon_foot03.png)center 10px no-repeat;background-size:14px;}
#footer ul li:nth-child(5) a, #footer ul li:nth-child(5) button {background:#d4d4d4 url(../img/layout/icon_foot07.png)center 9px no-repeat;background-size:14px;}
/*
#footer ul li:nth-child(1) a, #footer ul li:nth-child(1) button {background:#d4d4d4;}
#footer ul li:nth-child(2) a, #footer ul li:nth-child(2) button {background:#d4d4d4;}
#footer ul li:nth-child(3) a, #footer ul li:nth-child(3) button {background:#d4d4d4;}
#footer ul li:nth-child(4) a, #footer ul li:nth-child(4) button {background:#d4d4d4;}
#footer ul li:nth-child(5) a, #footer ul li:nth-child(5) button {background:#d4d4d4;}
*/
#footer .btn_topgo {opacity:0; position:fixed;bottom:50px; right:10px; width:36px;height:36px;border-radius:36px;background: url(../img/layout/btn_topbutton.png)left top no-repeat;background-size:100%; font-size:0}
#footer .btn_topgo.f_moveup {opacity:1;}

/* container */
#container .contents {padding:10px 15px 60px 15px; }
#container .full_contents {padding: 10px 15px}
#container_off .contents {padding:5px 5px 5px 5px;}
#container_off .full_contents {padding: 5px}

/* off_container */
#off_container .contents {padding:10px 0px 0px 0px; }


/* navimenu */
#navimenu .wrap_menu {z-index:1100;position:fixed;left:0; top:0;width:280px;height:100%;background:#fff;}
#navimenu .wrap_menu.navi_set {left:-100%}
#navimenu .toptitle {position:relative; width:100%;height:47px; background:#d3292c}
#navimenu .toptitle p {height:47px;color:#fff;font-size:1.1rem;padding:12px 0 0 55px;background:url(../img/layout/bnt_navi_off.png) 18px 15px no-repeat;background-size:26px;}
#navimenu .toptitle .navi_close {position:absolute;right:18px; top:14px; width:20px;height:20px;background:url(../img/layout/bnt_navi_close.png)left top no-repeat;background-size:100%}

#navimenu ul li {background:url(../img/layout/arrow_leftnavi.png)right 15px no-repeat;background-size:30px}
#navimenu ul li a {display:block;width:calc(100% - 55px);height:44px;line-height:44px;text-align:left;border-bottom:1px solid #e7e8ec;padding-left:55px;color:#333}
#navimenu ul li button {display:block;width:calc(100%);height:44px;line-height:44px;text-align:left;border-bottom:1px solid #e7e8ec;padding-left:55px;color:#333;background:url(../img/layout/arrow_leftnavi.png)right 15px no-repeat;background-size:30px}
#navimenu ul li:nth-child(1) a, #navimenu ul li:nth-child(1) button {background:url(../img/layout/icon_leftnavi01.png) 20px 10px no-repeat;background-size:24px;}
#navimenu ul li:nth-child(2) a, #navimenu ul li:nth-child(2) button {background:url(../img/layout/icon_leftnavi06.png) 20px 10px no-repeat;background-size:24px;}
#navimenu ul li:nth-child(3) a, #navimenu ul li:nth-child(3) button {background:url(../img/layout/icon_leftnavi07.png) 20px 10px no-repeat;background-size:24px;}
#navimenu ul li:nth-child(4) a, #navimenu ul li:nth-child(4) button {background:url(../img/layout/icon_leftnavi05.png) 20px 10px no-repeat;background-size:24px;}
#navimenu ul li:nth-child(5) a, #navimenu ul li:nth-child(5) button {background:url(../img/layout/icon_leftnavi08.png) 20px 10px no-repeat;background-size:24px;}
#navimenu ul li:nth-child(6) a, #navimenu ul li:nth-child(6) button {background:url(../img/layout/icon_leftnavi04.png) 20px 10px no-repeat;background-size:24px;}


/* navimenu2 */
#navimenu2 .wrap_menu {z-index:1100;position:fixed;left:0; top:0;width:280px;height:100%;background:#fff;}
#navimenu2 .wrap_menu.navi_set {left:-100%}
#navimenu2 .toptitle {position:relative; width:100%;height:47px; background:#d3292c}
#navimenu2 .toptitle p {height:47px;color:#fff;font-size:1.1rem;padding:12px 0 0 55px;background:url(../img/layout/bnt_navi_off.png) 18px 15px no-repeat;background-size:26px;}
#navimenu2 .toptitle .navi_close {position:absolute;right:18px; top:14px; width:20px;height:20px;background:url(../img/layout/bnt_navi_close.png)left top no-repeat;background-size:100%}

#navimenu2 ul li {background:url(../img/layout/arrow_leftnavi.png)right 15px no-repeat;background-size:30px}
#navimenu2 ul li a {display:block;width:calc(100% - 55px);height:44px;line-height:44px;text-align:left;border-bottom:1px solid #e7e8ec;padding-left:55px;color:#333}
#navimenu2 ul li button {display:block;width:calc(100%);height:44px;line-height:44px;text-align:left;border-bottom:1px solid #e7e8ec;padding-left:55px;color:#333;background:url(../img/layout/arrow_leftnavi.png)right 15px no-repeat;background-size:30px}
#navimenu2 ul li:nth-child(1) a, #navimenu2 ul li:nth-child(1) button {background:url(../img/layout/icon_leftnavi01.png) 20px 10px no-repeat;background-size:24px;}
#navimenu2 ul li:nth-child(2) a, #navimenu2 ul li:nth-child(2) button {background:url(../img/layout/icon_leftnavi06.png) 20px 10px no-repeat;background-size:24px;}
#navimenu2 ul li:nth-child(3) a, #navimenu2 ul li:nth-child(3) button {background:url(../img/layout/icon_leftnavi05.png) 20px 10px no-repeat;background-size:24px;}
#navimenu2 ul li:nth-child(4) a, #navimenu2 ul li:nth-child(4) button {background:url(../img/layout/icon_leftnavi04.png) 20px 10px no-repeat;background-size:24px;}
#navimenu2 ul li:nth-child(5) a, #navimenu2 ul li:nth-child(5) button {background:url(../img/layout/icon_leftnavi09.png) 20px 10px no-repeat;background-size:24px;}









/* animation */
.f_moveright {
	-webkit-transform: translateX(0);
	-webkit-animation-name: f_moveright;
	-webkit-animation-duration: 250ms;
	-webkit-animation-timing-function: ease-out;
	-moz-transform: translateX(0);
	-moz-animation-name: f_moveright;
	-moz-animation-duration: 250ms;
	-moz-animation-timing-function: ease-out;
	transform: translateX(0);
	animation-name: f_moveright;
	animation-duration: 250ms;
	animation-timing-function: ease-out;
}
@-webkit-keyframes f_moveright {
    from { -webkit-transform: translateX(-100%)}
    to { -webkit-transform: translateX(0)}
}
@-moz-keyframes f_moveright {
    from { -moz-transform: translateX(-100%)}
    to { -moz-transform: translateX(0)}
}
@keyframes f_moveright {
    from { transform: translateX(-100%)}
    to { transform: translateX(0)}
}


.f_moveleft {
	-webkit-transform: translateX(-100%);
	-webkit-animation-name: f_moveleft;
	-webkit-animation-duration: 250ms;
	-webkit-animation-timing-function: ease-out;
	-moz-transform: translateX(-100%);
	-moz-animation-name: f_moveleft;
	-moz-animation-duration: 250ms;
	-moz-animation-timing-function: ease-out;
	transform: translateX(-100%);
	animation-name: f_moveleft;
	animation-duration: 250ms;
	animation-timing-function: ease-out;
}
@-webkit-keyframes f_moveleft {
    from { -webkit-transform: translateX(0)}
    to { -webkit-transform: translateX(-100%)}
}
@-moz-keyframes f_moveleft {
    from { -moz-transform: translateX(0)}
    to { -moz-transform: translateX(-100%)}
}
@keyframes f_moveleft {
    from { transform: translateX(0)}
    to { transform: translateX(-100%)}
}










.f_moveup {
	-webkit-transform: translateY(0);
	-webkit-animation-name: f_moveup;
	-webkit-animation-duration: 400ms;
	-moz-transform: translateY(0);
	-moz-animation-name: f_moveup;
	-moz-animation-duration: 400ms;
	transform: translateY(0);
	animation-name: f_moveup;
	animation-duration: 400ms;
}
@-webkit-keyframes f_moveup {
    from { -webkit-transform: translateY(100%);opacity: 0 }
    to { -webkit-transform: translateY(0);opacity: 1 }
}
@-moz-keyframes f_moveup {
    from { -moz-transform: translateY(100%);opacity: 0 }
    to { -moz-transform: translateY(0);opacity: 1 }
}
@keyframes f_moveup {
    from { transform: translateY(100%);opacity: 0 }
    to { transform: translateY(0);opacity: 1 }
}
.f_movedown {
	-webkit-transform: translateY(0);
	-webkit-animation-name: f_movedown;
	-webkit-animation-duration: 400ms;
	-moz-transform: translateY(0);
	-moz-animation-name: f_movedown;
	-moz-animation-duration: 400ms;
	transform: translateY(0);
	animation-name: f_movedown;
	animation-duration: 400ms;
}
@-webkit-keyframes f_movedown {
    from { -webkit-transform: translateY(0);opacity: 1 }
    to { -webkit-transform: translateY(100%);opacity: 0 }
}
@-moz-keyframes f_movedown {
    from { -moz-transform: translateY(0);opacity: 1 }
    to { -moz-transform: translateY(100%);opacity: 0 }
}
@keyframes f_movedown {
    from { transform: translateY(0);opacity: 1 }
    to { transform: translateY(100%);opacity: 0 }
}