@charset "utf-8";

.wrapper{width:1300px;margin:0 auto;position:relative;}
.wrapper:after{content:'';display:block;clear:both;}

.wrapper_small{width:1150px;margin:0 auto;position:relative;}
.wrapper_small:after{content:'';display:block;clear:both;}

.wrapper_print{width:1000px;margin:0 auto;position:relative;}
.wrapper_print:after{content:'';display:block;clear:both;}

.wrapper_s_small{width:700px;margin:0 auto;position:relative;}
.wrapper_s_small:after{content:'';display:block;clear:both;}


#header-top{position:relative;background:#fff;height:55px;width:100%;}
#header-top .header_top{padding:15px 0 30px 0;position:relative;z-index:100;}
#header-top .header_top .utils{text-align:right;}
#header-top .utils ul{font-size:0;}
#header-top .utils li{padding:0 13px;display:inline-block;position:relative;}
#header-top .utils li + li:before{content:'';width:1px;height:13px;margin-top:-6px;background-color:#d8d8d8;position:absolute;left:0;top:50%;}
#header-top .utils a{display:block;font-size:13px;font-weight:400;color:#484848;}
#header-top .utils .utils_join a{color:#cd1519;}
#header-top .utils .utils_community > a:after{content:'';width:13px;height:8px;margin-left:5px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/layout/icon_select_arr.png') no-repeat;-ms-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
#header-top .utils .utils_s{position:absolute;right:13px;top:100%;opacity:0;-ms-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-ms-transform-origin:50% 0;-webkit-transform-origin:50% 0;transform-origin:50% 0;}
#header-top .utils .utils_s_box{width:100px;margin-top:5px;padding:8px 0;border:1px solid #ddd;border-radius:5px;background-color:#fff;}
#header-top .utils .utils_s a{padding:4px 11px;text-align:left;}
#header-top .utils .utils_s a:hover{color:#5e7db7;}
#header-top .utils .utils_community:hover .utils_s{opacity:1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
#header-top .utils .utils_community:hover > a:after{-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}

#header{padding-top:15px;height:70px;width:100%;background:#fff;top:45px;left:0;z-index:99;position:absolute;}
#header .header-cont{width:100%;height:100%;justify-content:center;align-items:center;}

#header.drop{position:fixed;top:0px;animation:dropHeader 0.3s;box-shadow:0px 0px 5px 2px rgba(0, 0, 0, 0.1);}

@keyframes dropHeader{
	0%{
		top:-5rem;
	}
	100%{
		top:0;
	}
}





#gnb{position:relative;z-index:100;padding-bottom:40px}
#gnb .logo{display:inline-block;width:210px;}
#gnb .gnb_1depth{position:absolute;left:250px;top:-10px;}
#gnb .gnb_1depth > ul{font-size:0;}
#gnb .gnb_1depth > ul > li{padding:0 25px 0 25px;display:inline-block;vertical-align:top;position:relative;}

#gnb .gnb_1depth > ul > li > a{display:block;text-align:center;font-size:18px;font-weight:500;line-height:60px;color:#000;}
#gnb .gnb_1depth > ul > li > a.dep2:after{content:'';width:13px;height:8px;margin-left:5px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/layout/icon_select_arr2.png') no-repeat;-ms-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

#gnb .gnb_1depth > ul > li:hover > a{color:#ca1818;}
#gnb .gnb_1depth > ul > li:hover > a.dep2:after{content:'';width:13px;height:8px;margin-left:5px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/layout/icon_select_arr2.png') no-repeat;-ms-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

#gnb .gnb_1depth > ul > li.active > a{color:#ca1818;}


#gnb .gnb_1depth > ul > li:hover .gnb_2depth{opacity:1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1); width:140px}
#gnb .gnb_2depth{width:100%;position:absolute;left:0;top:100%;opacity:0;-ms-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-ms-transform-origin:50% 0;-webkit-transform-origin:50% 0;transform-origin:50% 0;}
#gnb .gnb_2depth ul{background-color:#fff;border:1px solid #e1e1e1;}

#gnb .gnb_2depth li a{padding:7px 0 7px 10px;display:block;text-align:left;font-size:15px;font-weight:400;color:#333333;position:relative;}
#gnb .gnb_2depth a:hover{color:#cd1519;}
#gnb .gnb_2depth a:hover:after{content:'';display:block;width:7px;height:11px;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/ico_ar.png') no-repeat 0 7px;position:absolute;top:10px;right:15px;}



#gnb .join-cont{position:absolute;right:0px;top:-3px;}
#header .join-cont ul{font-size:0;}
#header .join-cont li{padding:0 5px;display:inline-block;position:relative;}
#header .join-cont a{display:block;font-size:16px;font-weight:500;}
#header .join-cont .top-mypage > a:after{content:'';width:13px;height:8px;margin-left:5px;display:inline-block;vertical-align:middle;background:url('/assets/hpg/asp/ebspeak/cmn/pc/images/layout/icon_select_arr.png') no-repeat;-ms-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
#header .join-cont .utils_s{position:absolute;right:13px;top:100%;opacity:0;-ms-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-ms-transform-origin:50% 0;-webkit-transform-origin:50% 0;transform-origin:50% 0;}
#header .join-cont .utils_s_box{width:100px;margin-top:5px;padding:8px 0;border:1px solid #ddd;border-radius:5px;background-color:#fff;}
#header .join-cont .utils_s a{padding:4px 11px;font-size:14px; font-weight:400;text-align:left;}
#header .join-cont .utils_s a:hover{color:#5e7db7;}
#header .join-cont .top-mypage:hover .utils_s{opacity:1;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
#header .join-cont .top-mypage:hover > a:after{-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}

#container {position:relative; min-width:1300px; width:100%;}
#footer {position:relative;min-width:1300px; width:100%;}
#container{margin-top:80px}

.bottomarea{background:#555;box-sizing:border-box}
.bottomwrap{position:relative;width:1100px;padding:35px 0 20px 0;margin:0 auto;box-sizing:border-box}
.bottomwrap h1{position:absolute;top:35px;left:0}
.bottomwrap h1 a{display:inline-block}
.bottomwrap .bot_guide{padding:0 0 25px 190px;font-size:13px;color:#eee;}
.bottomwrap .bot_customer{margin-bottom:20px;font-size:13px;font-weight:300;color:#eee;}
.bottomwrap .botlink{overflow:hidden}
.bottomwrap .botlink li{float:left;margin-left:17px;padding-left:20px;background:url('/asset/skin/riki_senior/images/icon/bu_gray.png') no-repeat  0 50%}
.bottomwrap .botlink li:first-child{margin-left:0;padding-left:0;background:none}
.bottomwrap .botlink li:first-child a{color:#ff6068}
.bottomwrap .botlink li a{color:#d2d2d2}
.bottomwrap .copyright{margin-top:20px;color:#a9a9a9;font-size:11px;font-weight:400;}
.bottomwrap .copyright *{vertical-align:middle}
.bottomwrap .copyright span{margin-left:10px}
.bottomwrap .copyright button{height:18px;margin:0 -5px 0 5px;padding:0 5px;background:#363636;color:#a9a9a9;font-size:11px;line-height:18px}
.bottomwrap .escrow{position:absolute;top:58px;right:0}

#footer .family_site{display:block;position:absolute;top:25px;right:0;z-index:1;width:215px;height:30px}
#footer .family_site .select_site{width:100%;border:1px solid #353535;background-color:#3d3d3d;position:absolute;left:0;bottom:0;display:none;}
#footer .family_site .select_site .btn_close_site{width:12px;height:12px;font-size:0;text-indent:-9999px;background:#3d3d3d url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_close_arr02.png') no-repeat 100% 50%;color:#a9a9a9;position:absolute;right:9px;bottom:11px;}
#footer .family_site .select_site ul{padding:12px;}
#footer .family_site .select_site li{padding:3px;}
#footer .family_site .select_site a{display:block;font-size:12px;font-weight:400;color:#c6c6c6;}
#footer .family_site .select_site a:hover{color:#fff;}
#footer .btn_select_site{width:100%;height:30px;padding:0 8px;display:block;font-size:12px;line-height:30px;color:#c6c6c6;letter-spacing:1px;border:1px solid #353535;background-color:#3d3d3d;position:relative;}
#footer .btn_select_site:after{content:'';width:8px;height:5px;margin-top:-2px;background:#3d3d3d url('/assets/hpg/asp/ebspeak/cmn/pc/images/icon/icon_close_arr02.png') no-repeat;position:absolute;right:11px;top:50%;-ms-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
