.fclear::after{content: "";clear: both;display: block;}
.inner{width: 1280px;margin: 0 auto;}
.checkbox1>div{position: relative;}
[class^=checkbox] input{width: 19px;height: 19px;position: absolute;top: 7px;left: 1px;}
[class^=checkbox] label {position: relative;padding-left: 25px;}
[class^=checkbox] label::before{background: url(../images/sub/chk_icon.png)no-repeat;content: "";display: inline-block;width: 21px;height: 21px;position: absolute;left: 0;top: 3px;}
[class^=checkbox] input:checked+label:before{background: url(../images/sub/chk_icon_o.png)no-repeat; content: "";display: inline-block;width: 21px;height: 21px;position: absolute;}

.radio1{position: relative;}
[class^=radio] input{width: 15px;height: 15px;position: absolute;bottom: 4px;}
[class^=radio] label {position: relative;padding-left: 25px;}
[class^=radio] label::before{background: url(../images/sub/radio_icon.png)no-repeat;content: "";display: inline-block;width: 15px;height: 15px;position: absolute;left: 0;bottom: 4px;}
[class^=radio] input:checked+label:before{background: url(../images/sub/radio_icon_o.png)no-repeat; content: "";display: inline-block;width: 15px;height: 15px;position: absolute;background-position: right;}

.com_tab{margin-bottom: 35px;border-top: 1px solid;border-bottom: 1px solid #c7c7c7;}
.com_tab.tab2 li{width:50%;}
.com_tab li{width: calc(100% / 3);float: left;cursor: pointer;text-align: center;border-right: 0;box-sizing: border-box;padding: 12px 0;transition: background 0.3s;}
.com_tab li.active{color: #ed1b24;font-weight: 300;border-bottom: 2px solid #ed1b24;}
.com_tab li:last-child{}
.tabpanel_wrap .tabpanel {display:none;}
.tabpanel_wrap>.active{display:block;}

.table_shape{border-top: 1px solid #eae9ee;background: #f8f8fa;position: relative;z-index: 9;}
.table_shape:before{content:"";position:absolute;width:75%;height:100%;background:#fff;right:0;z-index: -1;}
.table_shape li::after{content: "";display: block;clear: both;}
.table_shape li{border-bottom: 1px solid #eae9ee;}
.table_shape .th_shape{float: left;width: 25%;padding: 15px;}
.table_shape .td_shape{width: 75%;float: left;background: #ffffff;padding: 15px;min-height: 54px;}
.table_shape input{padding: 4px 10px;vertical-align: top;}
.table_shape select{padding: 4px 10px;}
.table_shape .basic{font-size:inherit;font-weight: 100;padding: 0;}

.evt_pop{position: absolute;width: 100%;background: #17cbca;top: 0;transition: left 0.5s;left: 0;}
.evt_pop img{display: block;margin: 0 auto;}
.evt_pop .close{position: absolute;width: 50px;height: 50px;right: 15px;top: 50%;transform: translateY(-50%);}
.evt_pop .close::before{content: '';width: 1px;height: 100%;background: #000;transform: rotate(45deg);position: absolute;top: 0;}
.evt_pop .close::after{content: '';width: 1px;height: 100%;background: #000;transform: rotate(-45deg);position: absolute;top: 0;}

header{transition:padding 0.5s;font-family:'NanumSquare',san-serif;}
header .inner{position: relative;margin-top: 20px;margin-bottom: 20px;}
header .inner>a{position: absolute;left: 0;z-index: 1;}
header .menu_wrap .top{padding-left: 200px;position: relative;height: 88px;}
header .menu_wrap .top .icon{position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 2;}
header .menu_wrap .top .icon div{position:absolute;right: 0px;border: 1px solid #000;border-radius: 7px;background: #fff;padding: 10px 25px;width: 150px;top: 36px;box-sizing: border-box;display: none;}
header .menu_wrap .top .icon div a{display:block;font-weight: 500;padding: 4px 0;}
header .menu_wrap .top .icon>a{display: inline-block;margin-left: 15px;padding: 5px 0;}
header .menu_wrap .top .icon>a.cart{position:relative;}
header .menu_wrap .top .icon>a.cart em{position:absolute;background: #e5011a;color: #fff;border-radius:500px;display:inline-block;top: 0;font-size: 12px;font-family: 'NanumSquare',san-serif;font-weight: 600;line-height: 0.8;width: 17px;height: 17px;box-sizing: border-box;padding: 4px 0;text-align: center;right: -5px;top: -5px;}
header .menu_wrap .top .icon a img{display: block;width: 25px;}
header .menu_wrap .top>a{font-weight: 900;margin-right: 15px;}
header .menu_wrap .menu{position: relative;margin-top: 20px;}
header .menu_wrap .menu .all{font-weight: 900;}
header .menu_wrap .menu .all img{margin-right:7px;vertical-align: middle;margin-top: -2px;}
header .menu_wrap .menu .vertical{display:inline-block;margin-left: 66px;}
header .menu_wrap .menu .vertical li{ margin-left: 15px;font-weight: 700; color:#999999; display:inline-block;}
header .menu_wrap .menu .vertical>li{margin-left:0;padding: 0 10px;}

header .menu_wrap .menu .horizontal{
	position:absolute;background:#fff;
	border: 1px solid #000;
	border-radius: 10px;top: 30px;left: 0;display: none;z-index: 1;
}
header .menu_wrap .menu .horizontal .depth1{
	padding-top: 10px;
	display: inline-block;
}
header .menu_wrap .menu .horizontal .depth1 li {
	border:1px solid #cecece;
	background-color:#f9f9f9;
}
/*
header .menu_wrap .menu .horizontal .depth1 li:last-child{margin-top:30px;border-top:1px solid #d7d7d7}
header .menu_wrap .menu .horizontal .depth1 li:last-child a{padding: 9px 20px;}
header .menu_wrap .menu .horizontal .depth1 li:last-child a:hover{background: #fff3f3;border-radius: 0 0 10px 10px;}
header .menu_wrap .menu .horizontal .depth1 li:last-child a img{padding-left:7px}
header .menu_wrap .menu .horizontal .depth1 li:last-child a .active{display:none;}
header .menu_wrap .menu .horizontal .depth1 li:last-child a:hover img{display:none;}
header .menu_wrap .menu .horizontal .depth1 li:last-child a:hover .active{display:inline-block;}
*/
header .menu_wrap .menu .horizontal .depth1 a{
	display:block;padding: 10px 20px;font-weight: 400;
	font-size:14px;
	font-weight:700;
}
header .menu_wrap .menu .horizontal .depth1 a:hover{
	background: #fff3f3 url(../images/sub/red_arrow.png) no-repeat; background-position: calc(100% - 20px);
}

header .menu_wrap .menu .horizontal .depth2{display: none;vertical-align: top;padding-top: 10px;}
header .menu_wrap .menu .horizontal .depth2 li{
	display:none;
	border:1px solid #cecece;
	}
header .menu_wrap .menu .horizontal .depth2 li a{
	display:block;font-size: 14px;padding: 5px 20px;font-weight: 400;width: 190px;box-sizing: border-box;
	background-color:#f9f9f9;
	font-size:14px;
	font-weight:700;
	width: 100%;
}
header .menu_wrap .menu .horizontal .depth2 a:hover{color: #f68080;}
header .menu_wrap .menu .horizontal .close{position: absolute;right: -50px;bottom: 0;}


header .menu_wrap .menu .horizontal2{position:absolute;background:#fff;border: 1px solid #000;border-radius: 10px;top: 30px;left: 0;display: none;z-index: 1;}
header .menu_wrap .menu .horizontal2 .depth1{width: 170px;padding-top: 10px;display: inline-block;box-shadow: 2px 0 7px rgba(130, 130, 130, 0.5);border-radius: 0 5px 5px;}
header .menu_wrap .menu .horizontal2 .depth1 li:last-child{margin-top:30px;border-top:1px solid #d7d7d7}
header .menu_wrap .menu .horizontal2 .depth1 li:last-child a{padding: 9px 20px;}
header .menu_wrap .menu .horizontal2 .depth1 li:last-child a:hover{background: #fff3f3;border-radius: 0 0 10px 10px;}
header .menu_wrap .menu .horizontal2 .depth1 li:last-child a img{padding-left:7px}
header .menu_wrap .menu .horizontal2 .depth1 li:last-child a .active{display:none;}
header .menu_wrap .menu .horizontal2 .depth1 li:last-child a:hover img{display:none;}
header .menu_wrap .menu .horizontal2 .depth1 li:last-child a:hover .active{display:inline-block;}
header .menu_wrap .menu .horizontal2 .depth1 a{display:block;padding: 5px 20px;font-weight: 400;}
header .menu_wrap .menu .horizontal2 .depth1 a:hover{background: #fff3f3 url(../images/sub/red_arrow.png)no-repeat;background-position: calc(100% - 20px);}
header .menu_wrap .menu .horizontal2 .depth2{display: none;vertical-align: top;padding-top: 10px;}
header .menu_wrap .menu .horizontal2 .depth2 li{display:none;}
header .menu_wrap .menu .horizontal2 .depth2 a{display:block;font-size: 14px;padding: 5px 20px;font-weight: 400;width: 190px;box-sizing: border-box;}
header .menu_wrap .menu .horizontal2 .depth2 a:hover{color: #f68080;}
header .menu_wrap .menu .horizontal2 .close{position: absolute;right: -50px;bottom: 0;}

header .menu_wrap .menu .search{position: absolute;right: 0;bottom: 1px;border-bottom: 1px solid #000;}
header .menu_wrap .menu .search button{vertical-align: middle;}
header .menu_wrap .menu .search button img{display:block;}
header .menu_wrap .menu .search button img.white{display: none;}
header .menu_wrap .menu .search input{padding: 0 5px;border: 0;vertical-align: top;font-size: 15px;font-family: 'Noto Sans KR';font-weight: 300;width: 220px;}
header .menu_wrap .menu .search input::placeholder{color: #000;}
.mo_close{display: none;}
.mo_open{display: none;}

footer .gray{background: #f7f7f7;padding: 9px 0;}
footer .gray ul{margin-top:20px; margin-bottom:20px;}
footer .gray li{width: calc((100% - 15px) / 3);display: inline-block;vertical-align: top;padding-left: 30px;box-sizing: border-box;}
footer .gray li+li{border-left: 1px solid rgba(0,0,0,0.2);}
footer .gray li+li h1{margin-bottom:20px}
footer .gray li h1{font-size: 26px;margin-bottom: 6px;font-weight: 500;}
footer .gray li .num{color: #e5011a;margin-bottom: 9px;font-size: 28px;font-weight: 500;}
footer .gray li>p{margin-bottom: 4px;font-size: 15px;/* font-weight: 500; */}
footer .gray li a{display: block;position: relative;padding-left: 11px;font-size: 15px;margin-left: 5px;margin-bottom: 2px;}
footer .gray li a::before{content: '';width: 3px;height: 3px;background: #e5011a;border-radius: 500px;left: 0;top: 50%;transform: translateY(-50%);position: absolute;}
footer .gray li a p{display: inline-block;color: rgb(99, 99, 99);width: calc(100% - 65px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;vertical-align: middle;}
footer .gray li a span{opacity: 0.7;width: 40px;display: inline-block;vertical-align: middle;}
footer .dark{background: #303030;color: #fff;padding: 30px 0;}
footer .dark .inner{position: relative;}
footer .dark a{font-size: 15px;margin-right: 10px;}
footer .dark span{font-size: 12px; margin-right:10px; }
footer .dark p{font-size: 12px;}
footer .dark select{position: absolute;right: 10px;top: 45px;transform: translateY(-50%);color: #fff;font-size: 15px;letter-spacing: 1px;padding: 3px 25px;padding-right: 35px!important;background-position: calc(100% - 17px);background-position: -webkit-calc(100% - 17px);background-position: -moz-calc(100% - 17px);opacity: 0.6;}
footer .dark select option {color:#333;}

footer .dark .footer_manager {position: absolute;right: 10px; margin-top:-74px; transform: translateY(-50%);color: #fff;font-size: 15px;letter-spacing: 1px; width:120px; padding: 3px 25px;padding-right: 35px!important;background-position: calc(100% - 17px);background-position: -webkit-calc(100% - 17px);background-position: -moz-calc(100% - 17px);opacity: 0.6;}

footer .footer_manager1 {
		float:right; 
		margin-right:200px; 
		width:120px; 
		text-align:center; 
		padding: 2px 24px; 
		border:1px solid white; 
		transform: translateY(-50%);
		opacity: 0.6;
	}

@media(max-width:1280px){
    .inner{width:100%;padding:0 10px;}
    .evt_pop .close{height:35px;}
    header .inner>a{left: 10px;}
}
@media(max-width:1024px){
    .menu_wrap{position:fixed;height: 100%;background: #fff;z-index: 9;top: 0;right: -100%;width: 100%;transition: right 0.5s;}
    header .inner>a{position:static;width: 140px;}
    header .inner{margin: 10px 0;}
    header .menu_wrap .top{padding-left:0;height:auto;background: #ccc;padding: 0 15px;padding-bottom: 13px;padding-top: 10px;}
    header .menu_wrap .top .icon{transform:none;position:static;text-align:center}
    header .menu_wrap .top .icon a{margin-left:0;width:calc(25% - 5px);}
    header .menu_wrap .top .icon a img{margin:0 auto;}
    header .menu_wrap .top>a{margin-right:0;float:left;border: 1px solid #fff;color: #fff;width: calc(100% / 3);box-sizing: border-box;text-align: center;padding: 10px;margin-top: 10px;}
    header .menu_wrap .top>a+a{border-left:0;}
    header .menu_wrap .menu .search{position:static;}
    header .menu_wrap .menu{padding:15px;margin-top: 0;}
    header .menu_wrap .menu .search input{width: calc(100% - 36px);border-color: #313131;padding: 7px;font-size: inherit;}
    header .menu_wrap .menu .search button{background: #313131;display: inline-block;width: 33px;height: 33px;}
    header .menu_wrap .menu .search button img{margin:0 auto;display: none;}
    header .menu_wrap .menu .search button img.white{display: block;}
    header .menu_wrap .menu .all{display:none;}
    header .menu_wrap .menu .globalCategory{display:none;}
	
    header .menu_wrap .menu .vertical{margin-left:0;width: 100%;margin-top: 10px;display: none;}
    header .menu_wrap .menu .vertical li{margin-left:0;width:100%;}
    header .menu_wrap .menu .vertical li a{display: block;padding: 8px 15px;}
    .mo_close{display: block;position: relative;width: 30px;height: 30px;margin-left: calc(100% - 30px);margin-bottom: 15px;}
    .mo_close::before{content: '';width: 1px;height: 100%;background: #fff;transform: rotate(45deg);position: absolute;top: 0;}
    .mo_close::after{content: '';width: 1px;height: 100%;background: #fff;transform: rotate(-45deg);position: absolute;top: 0;}
    .mo_open{display: block;position: absolute;right: 20px;width: 35px;top: 50%;transform: translateY(-50%);}
    .mo_open img{width:70%;}
    footer .gray ul{}
    footer .gray li {width: 100%;margin:0px; padding:0px;}
    footer .gray li h1{font-size: 24px;margin-bottom:0}
    footer .gray li .num{font-size: 20px;margin-bottom: 0;}
    footer .gray li+li{display: none;}
    footer .gray li>p br{display: none;}
    footer .gray ul{text-align: center;margin-top: 0;}
    header .menu_wrap .menu .horizontal{display:block;position: unset;margin-top: 10px;border: 0;}
    header .menu_wrap .menu .horizontal .depth1{box-shadow: none;width: 100%;}
    header .menu_wrap .menu .horizontal .depth1 li:last-child a:hover{border-radius:0;}
    header .menu_wrap .menu .horizontal .depth1 li:last-child{border-top:0;}
    header .menu_wrap .menu .horizontal .depth2 a{font-size:inherit;width:100%}
    header .menu_wrap .menu .horizontal .depth1 .active{background: #fff3f3 url(../images/sub/red_arrow.png)no-repeat;background-position: calc(100% - 20px);}
    header .menu_wrap .menu .horizontal .depth1 li.active:last-child {background-image: none;}
}
@media(max-width:1024px){
    footer .dark{padding:10px 0}
    footer .gray li h1{font-size:20px;}
    footer .gray li .num{font-size:18px;}
    footer .dark select{top:0;width: calc(100% - 20px);font-size:13px;left: 50%;transform: translateX(-50%);padding: 2px 20px;}
    footer .dark .inner{padding-top: 35px;}
    footer .dark a{font-size:13px}
    header .menu_wrap .menu .horizontal .depth2{width:calc(50% - 5px);}


}
@media(max-width:800px){
    .evt_pop{height:39px;overflow: hidden;}
    .evt_pop img{height:100%;max-width:inherit;position: absolute;left: 50%;transform: translateX(-50%);}
}
@media(max-width:650px){
    .table_shape:before{display:none;}
    .table_shape .th_shape{width:100%;padding: 10px;}
    .table_shape .td_shape{width:100%;padding: 10px;min-height: 39px;}
}



