@charset "utf-8";

/* 공통 css */
ul,ol{list-style:none}
body{font-size:16px; line-height:1; color:#333}
.container_fix{width:1630px}
.sub-html .container_fix{max-width:1310px; width:100%;}
.container_md{width:1270px; max-width:100%; margin:0 auto; padding:0 15px}
.container_lg{/* width:1790px; max-width:100%; */margin:0 auto; padding:0 4.15%;}

@font-face { font-family: 'KBIZHanmaumMyungjo'; font-weight:300; src:url('/font/KBIZHanmaumMyungjo-L.woff') format('woff');}
@font-face { font-family: 'KBIZHanmaumMyungjo'; font-weight:400; src:url('/font/KBIZHanmaumMyungjo-R.woff') format('woff');}
@font-face { font-family: 'KBIZHanmaumMyungjo'; font-weight:500; src:url('/font/KBIZHanmaumMyungjo-M.eot');src:local(※), url('/font/KBIZHanmaumMyungjo-M.woff') format('woff');}
@font-face { font-family: 'KBIZHanmaumMyungjo'; font-weight:600; src:url('/font/KBIZHanmaumMyungjo-B.eot');src:local(※), url('/font/KBIZHanmaumMyungjo-B.woff') format('woff');}
.f_hm{font-family:'KBIZHanmaumMyungjo', serif !important}

/* 메인 공통 */
.main_con{padding-top:100px}
.main_con .mc_title{}
.main_con .mc_title .title{font-weight:500; font-size:48px; line-height:1.3; color:#665c52}
.main_con .mc_title .text{font-size:18px; line-height:1.7; color:#999}
.main_con .mc_content{}
.main_con .mc_tbl_cell{display:table-cell; vertical-align:middle}

@media (max-width:991px){
	.main_con{padding:50px 0}
	.main_con .mc_title .title{font-size:24px; line-height: 1.36;}
	.main_con .mc_title .text{font-size:13.5px; line-height:1.556}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
헤더 html > thema > fivesense-basic > shop.head.php 배분형 기준
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.at-menu{position:fixed; top:0; left:0; z-index:20; border:0; background-color:#fff; transition:all 0.2s ease}
.sub-html .at-menu{border-bottom:1px solid #ededed}
.at-menu > .container_lg{position:relative}
.at-menu .pc-menu .header_logo{position:absolute; top:0; bottom:0; left:4.15%; height:34px; margin:auto}
.at-menu .pc-menu .nav-top{display:table; float:right; position:static; width:auto; padding:0}
.at-menu .pc-menu .nav-top .menu-ul{display:table-cell; width:auto;}
.at-menu .pc-menu .nav-top .menu-li:hover .menu-a, .at-menu .pc-menu .nav-top .menu-li.on .menu-a{}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:first-child{margin-right:0}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .menu-a{position:relative; padding:0 35px; font-weight:600; font-size:18px; color:#222}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .menu-a::after{display:block; content:""; position:absolute; bottom:10px; left:50%; width:2px; height:19px; margin-left:-1px; background-color:#b21339; opacity:0; transition:all 0.2s ease}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:hover .menu-a::after{bottom:0; opacity:1}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div{top:115px; width:100%; min-width:130px; padding:16px 20px 20px; border:0; text-align:left}
.sub-html .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div{border-top:1px solid #ededed}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da{border:0; padding:6px 0; /* font-family:'NanumSquare', sans-serif; font-weight:600; */ font-weight:400; font-size:15px; line-height:1.2; color:#666; }
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da:hover, .at-menu .pc-menu .nav-top.nav-both .menu-ul .sub-1dli.on .sub-1da{background:none; border:0; font-weight:500; color:#222}
.at-menu .pc-menu .nav-top .lnb_ul{display:table-cell; padding-right:34px; vertical-align:middle}
.at-menu .pc-menu .nav-top .lnb_ul > li{display:inline-block; position:relative}
.at-menu .pc-menu .nav-top .lnb_ul > li + li{margin-left:6px; padding-left:10px;}
.at-menu .pc-menu .nav-top .lnb_ul > li + li::before{display:block; content:""; position:absolute; top:50%; left:0; width:1px; height:12px; margin-top:-6px; background-color:#919191}
.at-menu .pc-menu .nav-top .lnb_ul > li a{display:block; position:relative; font-size:14px; color:#666}
.at-menu .pc-menu .nav-top .lnb_ul > li:first-child a{padding-left:22px}
.at-menu .pc-menu .nav-top .lnb_ul > li:first-child a::before{display:block; content:""; position:absolute; top:50%; left:0; width:12px; height:15px; margin-top:-7px; background:url('/img/icon_login.png') no-repeat 50% 50%}
.at-menu .pc-menu .nav-top .btn_allmenu{display:table-cell; vertical-align:middle}
/* 모바일 헤더 */
.at-menu .m-menu{position:relative; background-color:#fff; transition:all 0.2s ease}
.at-menu .m-menu > .container_fix{padding:15px}
.at-menu .m-menu .m_logo{position:absolute; top:0; bottom:0; height:34px; margin:auto 0}
.at-menu .m-menu .m_logo img{display:block; height:100%}
.at-menu .m-menu .m_allmenu{float:right}
.at-html.mobile .at-menu{background-color:transparent}
.at-html.mobile .at-menu .m-menu{background-color:transparent}
.at-html.mobile.sub-html .at-menu .m-menu{background-color:#fff}
.at-html.mobile .at-menu.fixed .m-menu{background-color:#fff}

.sub-html .at-wrapper{padding-top:100px}

@media (max-width:1500px){
	.at-menu .pc-menu .container_lg{padding:0 15px}
	.at-menu .pc-menu .header_logo{left:15px; height:34px}
	.at-menu .pc-menu .header_logo > a, .at-menu .pc-menu .header_logo img{display:block; height:100%}
	.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .menu-a{padding:0 17px; font-size:17px}
	.at-menu .pc-menu .nav-top .lnb_ul{padding-right:15px}
}
@media (max-width:768px){
	.at-menu .m-menu > .container_fix{padding:10px 15px}
	.at-menu .m-menu .m_logo{height:20px;}
	.at-menu .m-menu .m_allmenu{height:32px}
	.at-menu .m-menu .m_allmenu img{display:block; height:100%}
	.sub-html .at-wrapper{padding-top:52px}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
푸터 html > thema > fivesense-basic > 
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.fix_footer{position:relative; margin-top:100px; padding:50px 0 43px; background-color:#cfcfcf}
.fix_footer.main_margin{margin-top:0}
.fix_footer.no_margin{margin-top:0}
.fix_footer .ft_logo{float:left; margin:45px 65px 0 0}
.fix_footer .ft_infos{float:left; font-size:15px; color:#555}
.fix_footer .ft_links_ul > li{display:inline-block; position:relative}
.fix_footer .ft_links_ul > li + li{margin-left:10px; padding-left:15px}
.fix_footer .ft_links_ul > li + li::before{display:block; content:""; position:absolute; top:50%; left:0; width:1px; height:14px; margin-top:-7px; background-color:#747474}
.fix_footer .ft_links_ul > li a{font-family:'NanumSquare', sans-serif; font-size:17px; color:#666;}
.fix_footer .ft_address_ul{margin-top:18px}
.fix_footer .ft_address_ul::after{display:block; content:""; clear:both}
.fix_footer .ft_address_ul > li{float:left; position:relative; line-height:1.75}
.fix_footer .ft_address_ul > li.ft_clear{clear:both}
.fix_footer .ft_address_ul > li.ft_before{margin-left:15px; padding-left:15px}
.fix_footer .ft_address_ul > li.ft_before::before{display:block; content:""; position:absolute; top:50%; left:0; width:1px; height:14px; margin-top:-7px; background-color:#747474}
.fix_footer .copyright{margin-top:10px; font-family:'NanumSquare', sans-serif}
.fix_footer #btn_top{position:absolute; right:0; bottom:0; width:70px; height:70px; background-color:#b21339; cursor:pointer}
.fix_footer #btn_top::before, .fix_footer #btn_top::after{display:block; content:""; position:absolute; top:22px; right:0; margin:auto; width:1px; height:25px; background-color:#fff}
.fix_footer #btn_top::before{transform:rotate(45deg); left:-17px}
.fix_footer #btn_top::after{transform:rotate(-45deg); left:17px}
.at-go .go-btn{display:none !important}

@media (max-width:991px){
	.fix_footer{margin-top:50px; padding:35px 0}
	.fix_footer .ft_logo{float:none; margin:0 0 35px}
	.fix_footer .ft_logo img{display:block; height:27px}
	.fix_footer .ft_infos{overflow:hidden; float:none; font-size:12px}
	.fix_footer .ft_links_ul{margin-left:-20px; margin-bottom:-10px}
	.fix_footer .ft_infos .ft_links_ul > li{margin-left:9px; margin-bottom:10px; padding-left:12px;}
	.fix_footer .ft_infos .ft_links_ul > li::before{display:block; content:""; position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-5px; background-color:#747474}
	.fix_footer .ft_links_ul > li a{font-size:13px}
	.fix_footer .ft_address_ul{margin-top:20px}
	.fix_footer .ft_address_ul > li.ft_clear{clear:none}
	.fix_footer .ft_address_ul > li.ft_mclear{clear:both}
	.fix_footer .ft_address_ul > li.ft_before{margin-left:0; padding-left:0}
	.fix_footer .ft_address_ul > li.ft_mbefore{margin-left:14px; padding-left:14px}
	.fix_footer .ft_address_ul > li.ft_before::before{display:none}
	.fix_footer .ft_address_ul > li.ft_mbefore::before{display:block; content:""; position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-5px; background-color:#747474}
	.fix_footer .copyright{margin-top:15px}
	.fix_footer #btn_top{width:50px; height:50px}
	.fix_footer #btn_top::before, .fix_footer #btn_top::after{top:15px; height:18px}
	.fix_footer #btn_top::before{left:-13px}
	.fix_footer #btn_top::after{left:13px}
}