@charset "utf-8";

@font-face{
	font-family: "GSL";
	font-style: nomral;
	font-weight: 300;
	src:local("Gmarket Sans Light"),local("GmarketSans-Light"),
	url("http://script.ebay.co.kr/fonts/GmarketSansLight.woff2") format("woff2"),
	url("http://script.ebay.co.kr/fonts/GmarketSansLight.woff") format("woff");
}

@font-face{
	font-family: "GSM";
	font-style: nomral;
	font-weight: 500;
	src:local("Gmarket Sans Medium"),local("GmarketSans-Medium"),
	url("http://script.ebay.co.kr/fonts/GmarketSansMedium.woff2") format("woff2"),
	url("http://script.ebay.co.kr/fonts/GmarketSansMedium.woff") format("woff");
}

@font-face{
	font-family: "GSB";
	font-style: nomral;
	font-weight: 700;
	src:local("Gmarket Sans Bold"),local("GmarketSans-Bold"),
	url("http://script.ebay.co.kr/fonts/GmarketSansBold.woff2") format("woff2"),
	url("http://script.ebay.co.kr/fonts/GmarketSansBold.woff") format("woff");
}

@font-face{ 
	font-family:'NS';
	src:url('/Assets/fonts/NanumSquare.eot');
	src:url('/Assets/fonts/NanumSquare.eot?#iefix') format('embedded-opentype'),
		url('/Assets/fonts/NanumSquare.woff') format('woff'),
		url('/Assets/fonts/NanumSquare.ttf') format('truetype'),
		url('/Assets/fonts/NanumSquare.svg#NanumSquare') format('svg');
	src:local(※), url('/Assets/fonts/NanumSquare.woff') format('woff');
}

@font-face{ 
	font-family:'NSB';
	src:url('/Assets/fonts/NanumSquareB.eot');
	src:url('/Assets/fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'),
		url('/Assets/fonts/NanumSquareB.woff') format('woff'),
		url('/Assets/fonts/NanumSquareB.ttf') format('truetype'),
		url('/Assets/fonts/NanumSquareB.svg#NanumSquareB') format('svg');
	src:local(※), url('/Assets/fonts/NanumSquareB.woff') format('woff');
}

@font-face{ 
	font-family:'NSEB';
	src:url('/Assets/fonts/NanumSquareEB.eot');
	src:url('/Assets/fonts/NanumSquareEB.eot?#iefix') format('embedded-opentype'),
		url('/Assets/fonts/NanumSquareEB.woff') format('woff'),
		url('/Assets/fonts/NanumSquareEB.ttf') format('truetype'),
		url('/Assets/fonts/NanumSquareEB.svg#NanumSquareEB') format('svg');
	src:local(※), url('/Assets/fonts/NanumSquareEB.woff') format('woff');
}


/* header */
header{position:fixed; top:0; left:0; right:0; height:125px; background-color:#fff; transition:all ease .5s; z-index:1000;}
header.fixed{height:95px; box-shadow:5.7px 5.7px 8px 0 rgba(0, 0, 0, 0.1);}
header.fixed .inner{padding:21px 30px;}
header .inner{max-width:1902px; margin:0 auto; padding:36px 30px; transition:all ease .5s;}
header .inner:after{content:""; display:block; clear:both;}
header .inner h1{float:left;}
header .inner nav{float:right; margin-top:14px;}
header .inner nav ul:after{content:""; display:block; clear:both;}
header .inner nav ul li{float:left;}
header .inner nav ul li:not(:first-child){margin-left:60px;}
header .inner nav ul li a{font-family:"NSEB"; font-size:24px;}
.mobile_btn,
.mobile_menu{display:none;}

/* footer */
footer{text-align:center;}
footer .inner{padding:50px 0 270px; color:#0050a4;}
footer .inner .link{margin-bottom:110px; font-size:0;}
footer .inner .link a{display:inline-block; position:relative; font-size:30px; color:#0050a4;}
footer .inner .link a:not(:first-child){margin-left:20px; padding-left:20px;}
footer .inner .link a:not(:first-child):before{content:""; display:block; position:absolute; top:50%; left:0; width:1px; height:20px; transform:translateY(-50%); background-color:#0050a4;}
footer .inner .sns{margin-bottom:70px; font-size:0;}
footer .inner .sns a{display:inline-block; vertical-align:middle;}
footer .inner .sns a:not(:first-child){margin-left:64px;}
footer .inner p{font-family:"NSB"; font-size:20px; line-height:32px; letter-spacing:-2px;}

.topBtn{display:block; position:fixed; bottom:40px; right:40px; width:96px; height:96px; padding-top:62px; background:#5486e6 url(/Assets/img/common/top_arr.png) center 15px no-repeat; border-radius:12px; box-shadow:0px 1px 30px 0 rgba(12, 39, 92, 0.3); font-family:"NSB"; font-size:18px; text-align:center; color:#fff !important; box-sizing:border-box; z-index:100;}

/* layer popup */
.layerPopup {
    width: auto;
    height: auto;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 9000;
    border: 5px solid #fff;
    background: #222;
    box-sizing: border-box;
    max-width: 500px;
    max-height: 800px;
    margin:0 12px;
}

.layerPopup div {
    color: #fff;
    padding: 6px;
    position: relative;
}

.layerPopup div input[type="button"] {
    background: #777;
    color: #fff;
    width: 40px;
    height: 20px;
    font-size: 12px;
    border: 0;
    line-height: 20px;
    cursor: pointer;
    position: absolute;
    top: 13px;
    right: 10px;
    border-radius: 0
}

.layerPopup div label {
    margin-bottom: 0
}

.layerPopup a {
    display: block;
    width: 100%
}

.layerPopup a img {
    width: 100%;
    display: block;
    /* max-width: 500px;
    max-height: 600px; */
}

.control-group {display: inline-block;vertical-align: top;background: #fff;text-align: left;box-shadow: 0 1px 2px rgba(0,0,0,0.1);padding: 30px;width: 200px;height: 210px;margin: 10px;}
.control {display: inline-block;position: relative;cursor: pointer;font-size: 13px; font-weight: 500;}
.control input {position: absolute;z-index: -1;opacity: 0;}
.control__indicator {position: absolute;top: 4px; left: 0;height: 16px;width: 16px;background: #fff;border-radius: 3px;display: inline-block;margin-right:3px; box-sizing:border-box;}
.control--radio .control__indicator {border-radius: 50%;}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {background: #ccc;}
.control input:checked ~ .control__indicator {background: #013a76;display: inline-block;}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {background: #013a76;}
.control input:disabled ~ .control__indicator {background: #e6e6e6;opacity: 0.6;pointer-events: none;}
.control__indicator:after {content: '';position: absolute;display: none;}
.control input:checked ~ .control__indicator:after {display: block;}
.control--checkbox .control__indicator:after {left: 6px;top: 3px;width: 3px;height: 8px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.control--checkbox input:disabled ~ .control__indicator:after {border-color: #7b7b7b;}
.adress_check .control__indicator{top: -3px;}
.adress_check .control{padding-left: 25px}


@media screen and (max-width:1920px){
	
	/* header */
	header .inner{width:1200px; box-sizing:border-box;}
	
	/* footer */
	footer .inner .link a{font-size:24px;}
	
	/* topBbtn */
	.topBtn{bottom:40px; right:40px; width:80px; height:80px; padding-top:50px; background-position:center 12px; background-size:22px auto;}
	
}

@media screen and (max-width:1200px){
	
	body{word-break:keep-all;}
	
	/* header */
	header{height:auto;}
	header.fixed{height:auto;}
	header.fixed .inner{padding:20px;}
	header .inner{width:auto !important; padding:20px;}
	header .inner h1 img{height:27px;}
	header .inner nav{margin-top:6px;}
	header .inner nav ul li:not(:first-child){margin-left:30px;}
	header .inner nav ul li a{font-size:18px;}
	
	/* footer */
	footer .inner{padding:50px 0;}
	footer .inner .link{margin-bottom:100px;}
	footer .inner .link a{font-size:18px;}
	footer .inner .link a:not(:first-child){margin-left:15px; padding-left:15px;}
	footer .inner .link a:not(:first-child):before{top:calc(50% - 1px)}
	footer .inner .sns{margin-bottom:70px;}
	footer .inner p{font-size:18px; line-height:28px;}
	
	/* topBbtn */
	.topBtn{bottom:20px; right:20px; width:70px; height:70px; padding-top:42px; background-size:15px 21px; background-position:center 15px; font-size:16px;}
}


@media screen and (max-width:768px){
	
	/* header */
	header .inner{padding:12px;}
	header.fixed .inner{padding:12px;}
	header .inner nav{display:none;}	
	
	/* footer */
	footer .inner{padding:20px 12px;}
	footer .inner .link{overflow:hidden; margin-bottom:50px;}
	footer .inner .link a{float:left; width:calc(100% / 2); font-family:"GSM"; font-size:14px; box-sizing:border-box;}
	footer .inner .link a:not(:first-child){margin-left:0; padding-left:0;}
	footer .inner .link a:nth-child(n+3){margin-top:10px;}
	footer .inner .link a:not(:first-child):before{height:12px;}
	footer .inner .link a:nth-child(odd):before{display:none;}
	footer .inner .sns{margin-bottom:35px;}
	footer .inner .sns a:not(:first-child){margin-left:32px;}
	footer .inner .sns a:nth-child(1) img{height:32px;}
	footer .inner .sns a:nth-child(2) img{height:28px;}
	footer .inner .sns a:nth-child(3) img{height:30px;}
	footer .inner p{font-family:"GSM"; font-size:14px; line-height:21px;}
	
	/* mobile menu */
	.dmm{position:fixed; top:0; left:0; right:0; z-index:6000; height:10000px; background-color:rgba(0, 0, 0, 0.7);}
	.mobile_btn {display:block; position:absolute; top:17px; right:12px; width:24px; height:24px; margin: auto; text-align: center;}
	.mobile_btn .bar {display: block; position: absolute; left:0; top: 15px; width: 100%; height: 3px; background:#2057d4; border-radius:5px;}
	.mobile_btn .bar:nth-child(1) {top:0;}
	.mobile_btn .bar:nth-child(2) {top:8px;}
	.mobile_btn .bar:nth-child(3) {top:16px;}
	
	
	.mobile_menu{display:none; overflow-y:auto; position:fixed; right:0; top:0; width:100%; height:100%; background-color:#2057d4; z-index:99999; /* transition:all 0.3s; */}
	.mobile_menu div{position:absolute; top:calc(50% - 10px); left:50%; transform:translate(-50%, -50%); text-align:center;}
	
	.mobile_menu .close{display:block; position:absolute; top:20px; right:12px;}
	.mobile_menu p{margin-bottom:60px;}
	.mobile_menu ul li:not(:first-child){margin-top:20px;}
	.mobile_menu ul li a{font-family:"GSM"; font-size:24px; color:#fff;}
	.section4 .inner .con .btn{display:block;}
	
}