@charset "utf-8";

/* 공통 css */
ul,ol,li{list-style:none}
body{font-size:16px; line-height:1; color:#333}
.container_fix{width:1310px}
.mobile_header{display:none}

/* 공통 타이틀 */
.main_title{text-align:center}
.main_title h2{font-size:32px;color:#222222; font-weight:700}
.main_title p{font-size:20px;color:#666666;margin-top:23px;font-weight:400}
/*********************************************************************
	탑배너. html > page > top_banner.php
*********************************************************************/
.sub_text{margin:0; padding:58px 0 54px}
@media (max-width:991px){
	.sub_text.ca_it_mb{padding:0}
}
@media (max-width:768px){
	.sub_text{padding:50px 0 30px;}
}


/*********************************************************************
	헤더. html > thme > Fivesense-basic > shop.head.php
*********************************************************************/
.at-menu{width:100%;position:absolute;left:0;top:0;z-index:20;background:transparent;border:0}
.pc-menu .at_lnb{padding:30px 0 20px}
/* .pc-menu .at_lnb .right_lnb li{height:72px;line-height:72px} */
.pc-menu .at_lnb > div > div > ul > li{padding:0 12px}
.pc-menu .at_lnb > div > div > ul > li:last-child{padding-right:0}
.pc-menu .at_lnb > div > div > ul > li:after{height:10px}
.pc-menu .at_lnb .right_lnb li a,
.pc-menu .at_lnb .right_lnb li span{font-size:14px;color:#ffffff;font-weight:400}
.pc-menu .at_lnb .right_lnb li.lang_box{position:relative;cursor:pointer}
.pc-menu .at_lnb .right_lnb li.lang_box img{vertical-align:middle;margin-right:1px;margin-top:-3px}
.pc-menu .at_lnb .right_lnb li.lang_box .lang_arrow{display:inline-block;margin-left:13px}
.pc-menu .at_lnb .right_lnb li.lang_box .lang_ul{display:none;position:absolute;left:0;top:30px;z-index:20;background:#ffffff;width:80px;border-radius:3px;padding:10px 10px;box-shadow:0px 3px 5px rgba(0,0,0,0.5)}
.pc-menu .at_lnb .right_lnb li.lang_box .lang_ul li{text-align:center;height:30px;line-height:30px}
.pc-menu .at_lnb .right_lnb li.lang_box .lang_ul li a{color:#666666}
.pc-menu.active{background:#ffffff;height:90px}
.pc-menu.active .at_lnb .right_lnb li a,
.pc-menu.active .at_lnb .right_lnb li span{color:#666666}

.at-menu .pc-menu .nav-full{transition:none}
.pc-menu .nav-full-height{}
.pc-menu .nav-full-height.at-container{max-width:1280px;/* display:flex;align-items:center;justify-content:center;align-items:center;-ms-display:flex;-ms-justify-content:center;-ms-align-items:center */}
.pc-menu .nav-slide{width:850px;margin:0 auto;position:relative}
.pc-menu .nav-full-back,
.pc-menu .nav-full .menu-ul,
.pc-menu .nav-full .menu-a{background:transparent}
.pc-menu .nav-full .menu-ul{width:100%;text-align:center; padding-bottom:10px}
.pc-menu .nav-full .menu-li{display:inline-block}
.pc-menu .nav-full .menu-a{font-size:18px;font-weight:400;position:relative;padding:0 38px}
.pc-menu .nav-full .sub-1div{border:0;top:0px}
.pc-menu .nav-full .sub-1dul {padding:20px 0;}
.pc-menu .nav-full .sub-1da{font-size:16px;color:#666666;font-weight:400;border-bottom:0;padding:7px 0}
.pc-menu .nav-full .menu-li:hover .menu-a::after{display:block;content:"";width:60%;height:3px;background:#0b367a;position:absolute;left:50%;transform:translateX(-50%);bottom:0px}
.pc-menu .nav-full .menu-li:hover .menu-a, .pc-menu .nav-full .menu-li.on .menu-a{background:transparent;color:#222222}
.pc-menu .nav-full .menu-li:hover .sub-1div{border-top:none;box-shadow: 0 0 0;-webkit-box-shadow: 0 0 0;}
.pc-menu .nav-full .menu-li:hover .sub-1div::before{display:none}
.pc-menu .nav-full .sub-1dli.on .sub-1da, .pc-menu .nav-full .sub-1dli:hover .sub-1da{background:transparent;color:#0b367a;font-weight:600}
.pc-menu .nav-full.on{background:#ffffff}
.pc-menu .nav-full.on .nav-full-back{background:#ffffff;border-bottom:1px solid #e1e1e1}
.pc-menu .header_logo{position:absolute;left:0;top:30px;/* width:300px */}
.pc-menu .header_right{position:absolute;right:0;top:30px;/* width:260px; */display:flex;align-items:center;justify-content:center;align-items:center;-ms-display:flex;-ms-justify-content:center;-ms-align-items:center}
.pc-menu .header_right div{}
.pc-menu .header_right div + div{margin-left:24px}
.pc-menu .header_right div.search_box{}
.pc-menu .header_right div.search_box input[type="text"]{width:130px;line-height:30px;padding-left:6px;background:transparent;border:0;box-shadow:0 0 0;-webkit-box-shadow:0 0 0;font-size:14px;color:#666666;visibility:hidden}
.pc-menu .header_right div.search_box input::placeholder{font-size:14px;color:#666666}
.pc-menu .header_right div.search_box .search_btn{background:transparent;border:0}
.pc-menu .header_right div.all_btn{cursor:pointer}
.pc-menu .header_right div.all_btn .m_line{display:block;width:28px;height:2px;background:#ffffff}
.pc-menu .header_right div.all_btn .m_line + .m_line{margin-top:10px}

.all_menu_wrap{display:none;position:fixed;right:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:50}
.all_menu_wrap .all_menu_con{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:1396px;max-width:100%;margin:0 auto;background:#ffffff;border:1px solid #e1e1e1; height: 544px;}
.all_menu_con .allm_ul{display:table;width:100%}
.all_menu_con .allm_ul .allm_li{display:table-cell;table-layout:fixed;width:16.666%;min-height:500px;padding:60px 0 60px 38px}
.all_menu_con .allm_ul .allm_li + .allm_li{border-left:1px solid #e1e1e1}
.all_menu_con .allm_ul .allm_li .allm_a{font-size:30px;color:#000000; font-weight:600}
.all_menu_con .allm_ul .allm_li .allm_line{display:block;width:26px;height:3px;background:#0b367a;margin:15px 0 30px}
.all_menu_con .allm_ul .allm_sub_li{padding:10px 0}
.all_menu_con .allm_ul .allm_sub_a{font-size:18px;color:#666666;font-weight:400}
.all_menu_con .allm_ul .allm_sub_a.on, .all_menu_con .allm_ul .allm_sub_a:hover{color:#0b367a;}
.all_menu_wrap .btn_close{position:absolute;top:-42px;right:0;cursor:pointer}
.pc-menu.active .header_right div.search_box input[type="text"]{visibility:visible;border-bottom:2px solid #222222;}
.pc-menu.active .header_right div.all_btn .m_line{background:#222222}
.pc-menu.active .nav-full .menu-a{color:#222222}

/*********************************************************************
	푸터. html > thme > Fivesense-basic > shop.tail.php
*********************************************************************/
.fix_footer{margin-top:0;position:relative; margin-top:100px;}
.fix_footer.no_margin{margin-top:0 !important;}
.fix_footer .fix_links_box{border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb}
.fix_footer .fix_links_box ul{padding:20px 0}
.fix_footer .fix_links_box .fix_links > li + li{margin-left:44px;padding-left:44px;}
.fix_footer .fix_links_box .fix_links > li + li:after{background:#e5e5e5}
.fix_footer .fix_links_box .fix_links > li a{font-size:16px;color:#666666;font-weight:400}
.fix_footer .fix_infos_box{padding:29px 0 33px}
.fix_footer .fix_infos_box .info_ul{margin-bottom:10px}
.fix_footer .fix_infos_box .info_ul > li{font-size:15px;color:#666666;font-weight:500}
.fix_footer .fix_infos_box .info_ul > li + li{margin-left:16px;padding-left:16px}
.fix_footer .fix_infos_box .info_ul > li + li:after{display:none}
.fix_footer .fix_infos_box .info_ul > li span{color:#999999;font-weight:500;padding-left:5px}
.fix_footer .fix_infos_box h4{font-size:15px;color:#999999;font-weight:400;margin-top:18px}
.fix_footer .at-go{position:absolute;right:35px;bottom:38px;cursor:pointer}
.fix_footer .at-go .top{display:block;width:60px;height:60px;line-height:60px;background:#0b367a;border-radius:50%;text-align:center}


@media (max-width:991px){
	.mobile_header{display:block;position:absolute;left:0;top:0;width:100%;z-index:10; padding:0 0;}
	.mobile_header .container_fix{display:flex;align-items:center;justify-content: space-between;}
	.mobile_header .m_img{height:60px}
	.mobile_header .m_img.img_off {display:inline-block}
	.mobile_header .m_img.img_on {display: none;}
	.mobile_header .logo_box .m_img {height: 28px;}
	.mobile_header .logo_box .m_img.mlogo_off {display: block;}
	.mobile_header .logo_box .m_img.mlogo_on {display:none}
	.mobile_header .right_box{display:flex;align-items:center;justify-content: space-between;position:relative}
	.mobile_header .right_box .m_right{padding:0 7px}
	.mobile_header .right_box .m_right:last-child{padding-right:0}
	.mobile_header .right_box .m_lang{cursor:pointer}
	.mobile_header .right_box .lang_tit{font-size:17px;color:#fff;font-weight:400;display:inline-block;vertical-align:middle;margin-left:6px}
	.mobile_header .right_box .lang_arrow{display:inline-block;vertical-align:middle;margin-left:3px}
	.mobile_header .right_box .lang_arrow img{height:18px}
	.mobile_header .right_box .lang_ul{display:none;position:absolute;left:0;top:50px;z-index:20;background:#ffffff;width:80px;border-radius:3px;padding:10px 10px;box-shadow:0px 3px 5px rgba(0,0,0,0.5)}
	.mobile_header .right_box .lang_ul li{text-align:center;height:30px;line-height:30px}
	.mobile_header .right_box .lang_ul li a{color:#666666;padding:0}

	.all_menu_wrap{width:100%}
	.all_menu_wrap .all_menu_con{width:80%;height:100%;left:unset;right:0;top:0;transform:translateY(0); overflow-y: auto;}
	.all_menu_con .allm_ul{margin:40px 0 0;padding:0 0 0 28px}
	.all_menu_con .allm_ul .allm_li{display:block;width:100%;min-height:auto;padding:20px 0 0}
	.all_menu_con .allm_ul .allm_li:first-child{padding-top:0}
	.all_menu_con .allm_ul .allm_li + .allm_li{border-left:0;border-top:1px solid #e1e1e1; padding:25px 0 0}
	.all_menu_con .allm_ul .allm_li .allm_a{font-size:22px; }
	.all_menu_con .allm_ul .allm_sub_a{font-size:15.5px}
	.all_menu_con .allm_ul .allm_li .allm_line{margin:23px 0 25px; height: 1.5px; width: 14.5px;}
	.all_menu_con .allm_ul .allm_sub_li{float:left;margin-right:0; padding:10px 12px}
	.all_menu_con .allm_ul .allm_sub_div .allm_sub_ul {margin-bottom:22px; margin-left:-12px; padding-left: 10px;}
	.all_menu_wrap .btn_close{top:15px;right:15px}
	.all_menu_wrap .btn_close img{height:17px}

	/* 공통 타이틀 */
	.main_title h2{font-size:23px;}
	.main_title p{font-size:17px;margin-top:17px}

	/* 푸터 */
    .fix_footer{margin-top:70px;}
	.fix_footer .fix_infos_box{padding:18px 0 36px}
	.fix_footer .fix_links_box ul{text-align:left;padding:14px 0}
	.fix_footer .fix_links_box .fix_links > li + li{margin-left:15px;padding-left:15px}
	.fix_footer .fix_links_box .fix_links > li a{font-size:14.5px}
	.fix_footer .fix_infos_box .info_ul > li{font-size:13.5px}
	.fix_footer .fix_infos_box .info_ul > li + li{margin-left:0;padding-left:0;margin-top:10px}
	.fix_footer .fix_infos_box .info_ul > .mob_li{display:inline-block; margin-right:14px;padding-right:14px}
	.fix_footer .fix_infos_box .info_ul > .mob_li + .mob_li{}
	.fix_footer .fix_infos_box h4{font-size:13px;margin-top:15px}

	.fix_footer .at-go{right:15px;bottom:initial;top:38%}
	.fix_footer .at-go .top{width:40px;height:40px;line-height:36px}
	.fix_footer .at-go .top > img{height:7px}
}
@media (max-width:480px){
	.mobile_header .right_box .lang_tit{padding-top:5px}
	/* 푸터 */
	.fix_footer .at-go{top:35%}

}