@charset "utf-8";

#wrap{width:100%;min-width:1200px;min-height:100vh}

#header{display:table;position:relative;height:100px}
#header .logo{display:table-cell;text-align:center;vertical-align:middle}
#header .logo img{vertical-align:top}
#header .user_info{position:absolute;top:50%;right:0;margin-top:-6px}
#header .user_info li{position:relative;padding-left:23px;color:#4a4a4a;font-size:13px}
#header .user_info li:before{content:'';position:absolute;top:0;left:11px;width:1px;height:13px;background-color:#4a4a4a}
#header .user_info li:first-child{padding-left:0}
#header .user_info li:first-child:before{display:none}
#header .user_info li.profile{margin-top:-2px;padding-left:10px}
#header .user_info li.profile:before{display:none}
#header .search_area{position:absolute;top:50%;right:0;width:210px;height:34px;margin-top:-17px}
#header .search_area .search input{width:100%;height:34px;border-color:#e4e4e4;border-radius:17px;background-color:#fff}
.gnb_area{position:relative;width:100%;height:65px;background-color:#464646}
#gnb .bg_depth{display:none;position:absolute;top:65px;left:0;width:100%;height:50px;border-bottom:1px solid #cacaca;background-color:#fff;z-index:90}
#gnb.active .bg_depth{display:block}
#gnb .nav > li .depth01{display:block;position:relative;padding:0 23px;color:#fff;font-size:16px;font-weight:700;line-height:65px}
#gnb .nav > li .depth{display:none;position:absolute;top:65px;padding-left:23px;z-index:100}
#gnb .nav > li .depth li{margin-right:45px}
#gnb .nav > li .depth li:last-child{margin-right:0}
#gnb .nav > li .depth li a{font-weight:700;line-height:50px}
#gnb .nav > li:nth-child(5) .depth.depth_center,
#gnb .nav > li:nth-child(6) .depth.depth_center{left:50%;margin-left:-276px}
#gnb .nav > li.active .depth01:after{content:'';position:absolute;bottom:0;left:50%;width:18px;height:9px;margin-left:-9px;background:url(../../../../img/t09/common/bg_depth_over.png) no-repeat 0 0}
#gnb .nav > li.active .depth{display:block}
#gnb .nav > li:first-child .depth01,
#gnb .nav > li:first-child .depth{padding-left:0}
#gnb .nav > li:first-child.active .depth01:after{margin-left:-21px}
.gnb_area .all_menu{position:absolute;top:0;left:-10px;width:38px;height:65px;background:url(/pc/images/button/all_menu.png) no-repeat 50% 50%}
.gnb_area .btn_my_class{float:right;width:185px;height:35px;margin-top:15px;text-align:center;border-radius:3px;background-color:#3272d1;box-shadow:inset 1px 1px 3px rgba(0,0,0,0.4)}
.gnb_area .btn_my_class span{display:inline-block;padding-left:25px;color:#fff;font-size:14px;font-weight:700;line-height:35px;vertical-align:top;background:url(/img/t09/icon/my_class.png) no-repeat 0 50%}

.footer_wrap{background-color:#464646}
#footer{border-top:1px solid #6a6a6a}
#footer > dl{position:relative;padding:33px 0 58px}
#footer > dl > dt{margin:7px 40px 0 0}
#footer > dl > dt img{height:24px;vertical-align:top}
#footer .footer_info ul li{margin-right:20px;color:#fff;font-size:14px;line-height:28px}
#footer .footer_info ul li strong{margin-right:8px;color:#cacaca;font-weight:normal}
#footer .footer_info ul li.address{float:none;margin-right:0;clear:both}
#footer .footer_info .copyright{margin-top:5px;color:#808080;font-size:13px}
#footer .family_site{position:absolute;top:40px;right:0}
#footer .family_site .txt_family_site{display:block;position:relative;width:167px;height:30px;padding:0 28px 0 9px;color:#f5f5f5;font-size:12px;font-weight:700;line-height:28px;border:1px solid #f5f5f5;box-sizing:border-box}
#footer .family_site .txt_family_site:before,
#footer .family_site .txt_family_site:after{content:'';position:absolute;top:14px;right:11px;width:7px;height:1px;background-color:#f5f5f5}
#footer .family_site .txt_family_site:after{transform:rotate(90deg)}
#footer .family_site .family_site_list{display:none;position:absolute;bottom:29px;left:0;width:100%;padding:5px 0;border:1px solid #f5f5f5;background-color:#464646;box-sizing:border-box}
#footer .family_site .family_site_list li a{display:block;padding:0 9px;color:#fff;line-height:28px}
.footer_wrap .util_area{padding:25px 0}
.footer_wrap .util_area li{position:relative;padding-left:37px}
.footer_wrap .util_area li:before{content:'';position:absolute;top:0;left:18px;width:1px;height:13px;background-color:#ececec}
.footer_wrap .util_area li:first-child{padding-left:0}
.footer_wrap .util_area li:first-child:before{display:none}
.footer_wrap .util_area li a{color:#f5f5f5;font-size:16px;font-weight:700}
.logoV #header .logo img,.logoV #footer > dl > dt img{height:50px}
.logoH #header .logo img,.logoH #footer > dl > dt img{/*height:30px*/}

.contents{width:1200px;margin:0 auto;box-sizing:border-box}
#container{width:100%;min-height:calc(100vh - 391px)}
#container .left_conts{width:200px;margin-right:50px;padding: 50px 0px 50px 0px}
#container .right_conts{width:950px;padding:50px 0 100px}
#container .single_conts{width:100%;padding:50px 0 100px}
.nav_tit{padding-bottom:15px;font-size:22px;font-weight:900;border-bottom:2px solid #4a4a4a}
.lnb > li{border-bottom:1px solid #e7e8e9}
.lnb > li > a{display:block;position:relative;padding:0 25px 0 3px;color:#4a4a4a;font-size:16px;line-height:45px}
.lnb > li.active > a{color:#3272d1;font-weight:700}
.lnb > li.active > a:after{content:'';position:absolute;top:50%;right:10px;width:5px;height:7px;margin-top:-4px;background:url(../../../../img/t09/common/lnb_arr.gif) no-repeat 0 0}
.lnb > li > dl > dd{margin-left:30px;margin-top:10px;}
.lnb > li > dl > dd:last-child{margin-left:30px;margin-top:10px;margin-bottom:10px;}
.page_tit{margin-bottom:20px;padding-bottom:15px;font-size:22px;font-weight:normal;line-height:22px;border-bottom:2px solid #4a4a4a}
.page_tit.no_line{margin-bottom:0;border-bottom:0}

.main_type{text-align:right;border-bottom:1px solid #e7e8e9;background-color:#f8fafb}
.main_type ul{display:inline-block;vertical-align:top}
.main_type ul li{display:inline-block;position:relative;padding-left:30px;font-size:13px;vertical-align:top}
.main_type ul li:before{content:'';position:absolute;top:50%;left:15px;width:1px;height:13px;margin-top:-6px;background-color:#808080}
.main_type ul li:first-child:before{display:none}
.main_type ul li a{display:block;line-height:30px}