@charset "utf-8";

@font-face {
	font-family:"Kakao-Lt";
	font-style:normal;
	font-weight:100;
	src:url("../fonts/Kakao-Lt.eot");
	src:url("../fonts/Kakao-Lt.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Kakao-Lt.woff") format("woff"),
		url("../fonts/Kakao-Lt.woff2") format("woff2");
}

@font-face {
	font-family:"Kakao-Rg";
	font-style:normal;
	font-weight:400;
	src:url("../fonts/Kakao-Rg.eot");
	src:url("../fonts/Kakao-Rg.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Kakao-Rg.woff") format("woff"),
		url("../fonts/Kakao-Rg.woff2") format("woff2");
}

@font-face {
	font-family:"Kakao-Bd";
	font-style:normal;
	font-weight:700;
	src:url("../fonts/Kakao-Bd.eot");
	src:url("../fonts/Kakao-Bd.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Kakao-Bd.woff") format("woff"),
		url("../fonts/Kakao-Bd.woff2") format("woff2");
}

@font-face {
	font-family:"NotoSansKR-Light";
	font-style:normal;
	font-weight:300;
	src:url("../fonts/NotoSansKR-Light.eot");
	src:url("../fonts/NotoSansKR-Light.eot?#iefix") format("embedded-opentype"),
		url("../fonts/NotoSansKR-Light.woff") format("woff"),
		url("../fonts/NotoSansKR-Light.woff2") format("woff2");
}

@font-face {
	font-family:"NotoSansKR-Regular";
	font-style:normal;
	font-weight:400;
	src:url("../fonts/NotoSansKR-Regular.eot");
	src:url("../fonts/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"),
		url("../fonts/NotoSansKR-Regular.woff") format("woff"),
		url("../fonts/NotoSansKR-Regular.woff2") format("woff2");
}

/* Mobile Reset CSS */
html, body, div, header, footer, section, nav, article, aside, h1, h2, h3, h4, h5, h6, p, span, a, blockquote, dl, dt, dd, ol, ul, li, form, fieldset, legend, table, tr, th, td, textarea, input, select, button{margin:0;padding:0;line-height:1;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
body{-webkit-text-size-adjust:none}
ul, ol, li{list-style:none}
table{border-collapse:collapse;border-spacing:0}
button{display:block;margin:0;padding:0;border:0;background-color:transparent;cursor:pointer;outline:none}
a{color:inherit;text-decoration:none}
em, address{font-style:normal}
iframe, fieldset, img{border:0}
textarea{resize:none}

/* common classes */
body{font-family:"Kakao-Lt"}
#wrapper{overflow:hidden;position:relative;width:100%}
.float__after-clear:after{display:block;content:"";clear:both}
.ir__txt-hide{overflow:hidden;visibility:hidden;position:absolute;width:1px;height:1px;margin:-1px;font-size:0;line-height:0}

/* header */
#header{position:absolute;top:0;left:0;z-index:100;width:100%;height:124px}
.header__logo{position:absolute;top:50px;left:80px}
.link-main{display:block;width:120px;height:24px;text-indent:-10000px;background:url("../img/ci.png") no-repeat 50% 50%;background-size:100% auto}
.contents__inner{position:relative;z-index:10;width:1000px;margin:0 auto}

@media screen and (max-width:1280px) {
	.header__logo{left:30px}
}

@media screen and (max-width:960px) {
	#header{height:60px}
	.header__logo{top:0;left:0}
	.link-main{width:146px;height:60px;background-size:89px 18px}
}

.sub__visual{position:relative;width:100%;height:472px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
.advertisement__visual{background-image:url("../img/visual__advertisement-bg.jpg")}
.sub__visual-desc{padding-top:135px;text-align:center}
.sub__visual-tit{color:#fff;font-family:"Kakao-Rg";font-weight:400;font-size:45px;letter-spacing:-.01em}
.sub__visual-txt{padding-top:25px;color:#ddd;font-size:18px;line-height:1.5}
.contents__advertisement{position:relative;width:100%;font-size:0;background:#f8f8f8}
.advertisement__cont{display:inline-block;vertical-align:top;width:100%;margin-top:-190px;padding:80px;background:#fff}
.advertisement__item{position:relative;padding:70px 0;border-top:1px solid #d7d7d7}
.advertisement__item:first-child{padding-top:0;border-top:0}
.advertisement__ttl{padding-bottom:15px;color:#2d2d2d;font-family:"NotoSansKR-Regular";font-size:24px;letter-spacing:-.5px}
.advertisement__txt{padding-top:15px;color:#2d2d2d;font-family:"NotoSansKR-Regular";font-size:16px;line-height:30px;letter-spacing:-.3px}
.advertisement__type{position:relative;padding-top:30px}
.advertisement__type-ttl{padding:15px 0;color:#2d2d2d;font-family:"NotoSansKR-Regular";font-size:16px;letter-spacing:-.3px}
.advertisement__type-txt{position:relative;padding-left:12px;color:#2d2d2d;font-family:"NotoSansKR-Regular";font-size:16px;line-height:28px;letter-spacing:-.3px}
.advertisement__type-txt:before{display:block;content:"-";position:absolute;top:0;left:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit}
.advertisement-deco{display:block;position:absolute;background-repeat:no-repeat;background-size:100% auto}
.advertisement-deco-1{bottom:0;right:20px;width:220px;height:328px;background-image:url("../img/advertisement-deco-1.png")}
.advertisement-deco-2{top:50%;right:0;width:258px;height:206px;margin-top:-80px;background-image:url("../img/advertisement-deco-2.png")}
.advertisement__file{position:relative;width:100%;margin-top:20px;border:1px solid #d7d7d7;background:#fbfbfb}
.advertisement__file-name{display:block;padding:15px 200px 15px 30px;color:#ffba00;font-family:"NotoSansKR-Regular";font-size:16px;letter-spacing:-.5px}
.advertisement__file-info{display:block;position:absolute;top:0;right:0;padding:17px 30px 16px;width:200px;color:#808080;font-family:"NotoSansKR-Regular";font-size:14px;text-align:right}

@media screen and (max-width:1020px) {
	.contents__inner{width:auto;margin:0}
	.sub__visual-desc{padding-top:185px}
	.advertisement__cont{margin-top:0;padding:60px}
}

@media screen and (max-width:960px) {
	.sub__visual{height:236px}
	.sub__visual-desc{padding:155px 25px 0;text-align:left}
	.sub__visual-tit{font-size:24px}
	.sub__visual-txt{padding-top:15px;font-size:13px}
	.sub__visual-txt br{display:none}
	.advertisement__cont{padding:30px 25px 0}
	.advertisement__item{padding:40px 0}
	.advertisement__item:first-child{padding-bottom:0}
	.advertisement__ttl{padding-bottom:8px;font-size:18px}
	.advertisement__txt{padding-top:8px;font-size:14px;line-height:26px}
	.advertisement__type{padding-top:20px}
	.advertisement__type-ttl{padding:8px 0;font-size:14px}
	.advertisement__type-txt{padding-left:10px;font-size:14px;line-height:24px}
	.advertisement-deco{position:relative}
	.advertisement-deco-1{bottom:auto;right:auto;width:110px;height:164px;margin:40px auto 0}
	.advertisement-deco-2{top:auto;right:auto;width:129px;height:103px;margin:40px auto 0}
	.advertisement__file-name{padding:15px 20px 0;font-size:14px}
	.advertisement__file-info{display:block;position:relative;top:auto;right:auto;padding:15px 20px;width:auto;font-size:12px;text-align:left;}
}

@media screen and (max-width:640px) {
	.sub__visual{height:200px}
	.sub__visual-desc{padding:110px 25px 0}
	.sub__visual-txt{padding-top:10px;font-size:13px}
}

/* footer */
#footer{position:relative;width:100%;padding:40px 0;background:#0e0e0e}
.footer__company-info{margin:0 80px;font-size:0}
.footer-logo-link{display:block;width:92px;height:18px;text-indent:-10000px;background:url("../img/footer__company-logo.png") no-repeat}
.footer__cont{font-size:0;padding-top:20px}
.company__address-txt,
.company__phone-num,
.company__ceo-name{display:inline-block;color:#fff;font-size:12px;line-height:1}
.company__phone-num,
.company__ceo-name{position:relative;margin-left:23px}
.company__phone-num:before,
.company__ceo-name:before{display:block;content:"";position:absolute;top:3px;left:-12px;width:1px;height:7px;background:#fff}
.footer__copyright{display:inline-block;margin-left:20px;color:#b0b0b0;font-size:12px;letter-spacing:.01em}
.footer__copyright br{display:none}

@media screen and (max-width:1280px) {
	.footer__company-info{margin:0 30px}
}

@media screen and (max-width:960px) {
	.footer__cont{padding-top:0}
	.footer__company-logo,
	.company__address-txt,
	.company__phone-num,
	.company__ceo-name{display:none}
	.footer__copyright{display:block;margin-left:0;font-family:"Kakao-Rg";font-weight:400;text-align:center;line-height:1.35}
	.footer__copyright br{display:block}
}