@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 700;
	src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
	url('http://script.ebay.co.kr/fonts/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('http://script.ebay.co.kr/fonts/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 500;
	src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
	url('http://script.ebay.co.kr/fonts/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('http://script.ebay.co.kr/fonts/GmarketSansMedium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 300;
	src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
	url('http://script.ebay.co.kr/fonts/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('http://script.ebay.co.kr/fonts/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

*{font-family: 'Gmarket Sans';font-weight: 300;margin:0;padding:0;-webkit-margin-before:0;-webkit-margin-after:0;box-sizing: border-box;}
ul,ol,li{list-style:none;}
img,fieldset{border:0 none;}
em{font-style:normal;}
input:focus{outline:0 none;}
option{padding-right:6px;}
button,label{cursor:pointer; border:none; background:none; }
button img{vertical-align:top;}
input,select{margin:0; padding:0;}
button[disabled=disabled]{cursor:pointer; }
legend{visibility:hidden; overflow:hidden; clear:both; position:absolute; top:0; left:0 ;width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; }
caption{visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; }
table,
tr,
td{margin:0; padding:0; border-collapse:collapse; border-spacing:0; }
a,a:link,a:active,a:hover,a:visited{ text-decoration:none; }
a:focus{ outline:thin dotted; }
a:active,
a:hover{ outline:0 }
input[type="button"]{ cursor:pointer; -webkit-appearance:none; }
a,a:link,a:active,a:hover,a:visited { text-decoration:none; }
img { vertical-align:middle; }
map > area,map > area:active,map > area:focus { border: 0;}
body { padding:0px; margin:0 auto; min-width:300px; max-width:1900px; width:100%; line-height:120%; }
a { color:#000; }

.clearfix:after{ content:""; display:block; clear:both; height:0; overflow:hidden; visibility:hidden; }

/* ------------------------------------public------------------------------------ */

#warp { max-width:1920px; width:100%; }
.bg {}
.left { float:left; }
.right { float:right; }
.inner {margin:0 auto;}
.inner1 { margin:0 auto; width:95%; }



/* ----------------------------------------header----------------------------- */

#header .inner { text-align:center; }
.logo {
    padding: 100px 0 83px;
    text-align: center;
}

#container { text-align:center; }

.part01 {margin:0 auto;max-width: 783px;}
.part01 > div{display:table; box-shadow:0 4px 8px 4px #A5BAC7; width: calc(50% - 21px);border-radius:38px;text-align:center;float: left;table-layout: fixed;}
.part01 > div span {display:block; color:#fff; font-size:32px;font-weight:500;line-height: 37px;letter-spacing:-2px; height:137px; margin-bottom:24px;margin:0 auto; }
.part01 > div a:after {position:absolute;top:18px;right: 47px;content:"";width:20px;height:8px;background: url(../image/arrow.png)no-repeat right center;}
.part01 > div > p.box {height: 304px;padding:71px 15px 0 15px;vertical-align: middle;}
.part01 > div > p.box a {position:relative;display:inline-block;color:#505050;background:#fff;border-radius: 50px;font-size: 18px;line-height:28px;height: 47px;width:195px;box-sizing:border-box;padding: 12px 0;font-weight:400;padding-right:17px;font-weight: 500;}
.part01 .left { background:#4B6DD1; }
.part01 .right {background:#00AA9D; position:relative; float:right; }
.part01 .right .box img { position:absolute; right:-47px; bottom:30px; }
.part01 .right .box span { padding-top:20px; }
.part01 .left .box span br:first-child { display:none; }


.part02 {margin:42px auto 0;text-align:left;border:3px solid #4B6DD1;border-radius:32px;padding: 34px 32px 37px;background: #ffffff;max-width: 783px;}
.part02 h3 {font-size: 19px;letter-spacing:-1px;background: url("../image/titl01.png")no-repeat left 4px;padding-left:20px; color: #383838; font-weight:500; line-height: 30px;}
.part02 > ul + h3{margin-top: 7px;}
.part02 .cont {padding-left:23px;margin-top: 5px;}
.part02 .cont li {position:relative;padding-left:13px;font-size: 19px;color: #383838;line-height:25px; letter-spacing:-1px; }
.part02 .cont li+ li{margin-top:5px;}
.part02 .cont li:before { position:absolute; top:9px; left:0; content:""; width:8px; height:1px; background:#7C7C7C; }

.bg {  background:url("../image/bg01.jpg")no-repeat center center;background-size: cover; padding-bottom:132px; }

@media screen and (max-width:1024px) { 
.bg {padding:0 20px 236px; background:url("../image/fn-bg.png")no-repeat center center; background-size:cover; }
.logo{padding: 70px 0 44px;}

.part01 .right .box img { display:none; }
.part01 > div > p.box { height:auto; padding:0;  }
.part01 > div{width:calc(50% - 6px);height:223px; padding-top:48px;  }
.part01 > div span{font-size:24px;height:96px;line-height:30px;width:190px;margin-bottom: 3px;}
.part02{margin-top:13px; }
.logo { width:278px; margin:0 auto; }
.logo img { width:100%; }
.part01 > div > p.box a {width:139px;height:36px; line-height:26px; padding: 8px 0; padding-right:15px; }
.part01 > div a:after {right: 18px; top:13px; }

.part02 .cont{margin-top:0;}

}
@media screen and (max-width:480px) {




.part01 > div > p.box a { font-size:16px; width:129px; }

.part02 {padding: 35px 23px 29px;}
.part02 h3 { font-size:18px; line-height:24px;  }
.part02 .cont li { font-size:17px; }
.part02 > ul + h3 {margin-top: 8px;}
.part01 .right .box span { padding-top:15px; }
.part01 > div span { width:167px; }
.part01 .right .box span.pt0 { padding-top:0; }
.part01 .left .box span br:first-child { display:block; }
.part01 > div span { height:137px; }
.part01 > div > p.box { height:auto; padding-bottom:42px; }

.part02 .cont li span{display: block;}


}
@media screen and (max-width:400px) { 

.part01 > div { float:none; margin:15px auto 0; width:95%; }
.part01 .left .box span br:first-child { display:none; }
.part01 > div span { width:auto;  height:auto; padding-bottom:15px; }

.part02 .cont li span{display: block;}

}