@charset "utf-8";

/* Noto Sans Light */
@font-face {
	font-family:"Noto Sans";
	font-style:200;
	src:url("/static/simple/fonts/nkt_pc/NotoSans-Light.woff2") format("woff2"),
		url("/static/simple/fonts/nkt_pc/NotoSans-Light.woff") format("woff"),
		url("/static/simple/fonts/nkt_pc/NotoSans-Light.eot"),
		url("/static/simple/fonts/nkt_pc/NotoSans-Light.eot?#iefix") format("embedded-opentype");
}
/* Noto Sans DemiLight */
@font-face {
	font-family:"Noto Sans";
	font-style:normal;
	font-weight:300;
	src:url("/static/simple/fonts/nkt_pc/NotoSans-DemiLight.woff2") format("woff2"),
		url("/static/simple/fonts/nkt_pc/NotoSans-DemiLight.woff") format("woff"),
		url("/static/simple/fonts/nkt_pc/NotoSans-DemiLight.eot"),
		url("/static/simple/fonts/nkt_pc/NotoSans-DemiLight.eot?#iefix") format("embedded-opentype");
}
/* Noto Sans Regular */
@font-face {
	font-family:"Noto Sans";
	font-style:normal;
	font-weight:400;
	src:url("/static/simple/fonts/nkt_pc/NotoSans-Regular.woff2") format("woff2"),
		url("/static/simple/fonts/nkt_pc/NotoSans-Regular.woff") format("woff"),
		url("/static/simple/fonts/nkt_pc/NotoSans-Regular.eot"),
		url("/static/simple/fonts/nkt_pc/NotoSans-Regular.eot?#iefix") format("embedded-opentype");
}

/* Noto Sans Medium */
@font-face {
	font-family:"Noto Sans";
	font-style:normal;
	font-weight:500;
	src:url("/static/simple/fonts/nkt_pc/NotoSans-Medium.woff2") format("woff2"),
		url("/static/simple/fonts/nkt_pc/NotoSans-Medium.woff") format("woff"),
		url("/static/simple/fonts/nkt_pc/NotoSans-Medium.eot"),
		url("/static/simple/fonts/nkt_pc/NotoSans-Medium.eot?#iefix") format("embedded-opentype");
}

/* Noto Sans Bold */
@font-face {
	font-family:"Noto Sans";
	font-style:normal;
	font-weight:700;
	src:url("/static/simple/fonts/nkt_pc/NotoSans-Bold.woff2") format("woff2"),
		url("/static/simple/fonts/nkt_pc/NotoSans-Bold.woff") format("woff"),
		url("/static/simple/fonts/nkt_pc/NotoSans-Bold.eot"),
		url("/static/simple/fonts/nkt_pc/NotoSans-Bold.eot?#iefix") format("embedded-opentype");
}

/* Noto Sans Blank */
@font-face {
	font-family:"Noto Sans";
	font-style:normal;
	font-weight:800;
	src:url("/static/simple/fonts/nkt_pc/NotoSans-Black.woff2") format("woff2"),
		url("/static/simple/fonts/nkt_pc/NotoSans-Black.woff") format("woff"),
		url("/static/simple/fonts/nkt_pc/NotoSans-Black.eot"),
		url("/static/simple/fonts/nkt_pc/NotoSans-Black.eot?#iefix") format("embedded-opentype");
}

html, body {min-height:auto;}
html body, html button {font-family:"Apple SD Gothic Neo", "Apple Gothic", -apple-system, BlinkMacSystemFont, Noto Sans, "Noto Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;font-weight:400;}

html.main-president, html.main-president body {height:100% !important;}
html.main-president body {background:#222;}
html.main-president body #container {background:#fff;}

.m-main {max-width:1080px;width:100%; margin:0 auto;}
.m-main .link-item:focus { display: block; outline: 1px dashed #000; outline-offset: 0 !important; }

.figure-item, .figure-item img {display:block; width:100%;}
.figure-item { position: relative; margin: 0 auto; }
.figure-button { overflow: hidden; display: block; position: absolute; background-color: transparent; border: 0; color: transparent !important; }
.figure-button:hover { outline: 0 !important; outline-offset: 0 !important; }
.figure-button:focus { outline: 1px dashed #000 !important; outline-offset: 0 !important; }

.is-hidden { overflow: hidden; display: inline-block; position: absolute; top: 0; left: 0; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; font-size: 1px; }

#wrap.page-list,
.page-list .sec {max-width:1920px;margin:0 auto;}
.page-list .sec-kv {background-size:auto 100%;}
.page-list .sec-list {padding:120px 0 100px;}
.page-list .sec-list header {text-align: center;padding:0 20px;margin-bottom:40px;}
.page-list .list-container {margin:0 -30px;align-items: flex-start; padding:0 10px;}
.page-list .list-container .list-ul {padding:0 20px; width:50%;}
.page-list .list-container .list-ul > li {margin-bottom:40px;}
.page-list .list-container .list-ul li a {outline:none;}
.page-list .list-container .list-ul .card-item {display:block ;width:100%; border-radius: 40px; color:#fff; overflow: hidden}
.page-list .list-container .list-ul .card-item.t1 {background:#ff7e36}
.page-list .list-container .list-ul .card-item.t2 {background:#ed8b00}
.page-list .list-container .list-ul .card-item.t3 {background:#3864ff}
.page-list .list-container .list-ul .card-item.t4 {background:#0f0060}
.page-list .list-container .list-ul .card-item.t5 {background:#3c53ba}
.page-list .list-container .list-ul .card-item.t6 {/*background:linear-gradient(180deg, #0766f3, #44afe1);*/ background:#44afe1;}
.page-list .list-container .list-ul .card-item img {display:block; width:auto;position:relative}
.page-list .list-container .list-ul .card-item.t1 img,
.page-list .list-container .list-ul .card-item.t5 img{margin-top:-15%;}
.page-list .list-container .list-ul .dec-wrap {padding:50px 40px; position:relative; z-index:1}
.page-list .list-container .list-ul .dec-wrap .logo {position:absolute; right:20px; top:50px; display:block;}
.page-list .list-container .list-ul .dec-wrap .logo img {display:block;height: 25px;margin:0;margin-top:5px;}
.page-list .list-container .list-ul a[href*=lotte_rentcar] .dec-wrap .logo {right:20px;}/* 0328 롯데렌트카 수정 */
.page-list .list-container .list-ul a[href*=lotte_rentcar] .dec-wrap .logo img {height:45px; transition:0.3s;}/* 0328 롯데렌트카 수정 */
.page-list .list-container .list-ul a.yaamstore .dec-wrap .logo {right:45px;}/* 0410 yaam store 수정 */
.page-list .list-container .list-ul a.yaamstore .dec-wrap .logo img {height:48px; transition:0.3s;}/* 0410 yaam store 수정 */
.page-list .list-container .list-ul a.yaamstore .img-column {padding-bottom:48px;}/* 0410 yaam store 수정 */
.page-list .list-container .list-ul .round {border:2px solid #fff; border-radius:35px;height:35px; line-height:31px; padding:0 10px; font-size:22px;display:inline-block;min-width:83px;text-align:center;}
.page-list .list-container .list-ul .dec {font-size:30px;margin-top:75px;}
.page-list .list-container .list-ul .dec.sm-tt {font-size:22px;}
.page-list .list-container .list-ul .tit {display:block; font-size:35px;line-height:1.2;}
.page-list .list-container .list-ul .tit.tp1 {font-size:32px;}
.page-list .list-container .list-ul .tit .en-tt {letter-spacing:1px;}
.page-list .list-container .list-ul .tit .point {color:#e60012;}
.page-list .list-container .list-ul .btn {margin-top:40px; border:2px solid #fff;border-radius: 0;background:transparent;font-size:22px; color:#fff; padding:0 40px;display:inline-block; line-height:46px; height:50px;width:auto;}
.page-list .list-container .list-ul .img-column {text-align:right;}
.page-list .list-container .list-ul .img-column img {display:inline-block;}

.page-list .list-container .list-ul .card-item.c-blue {color:#110063}
.page-list .list-container .list-ul .card-item.c-blue .round,
.page-list .list-container .list-ul .card-item.c-blue .btn {border-color:#110063;color:#110063}

.page-list .list-container .list-ul .card-item:focus {outline: 2px dashed #000 !important;}

/* 하이마트 */
.page-list .list-container .list-ul li.himart .logo {position:static;margin:82px 0 0 0;}
.page-list .list-container .list-ul li.himart .logo img {height:auto;margin:0;}
.page-list .list-container .list-ul li.himart .dec.sm-tt {margin:33px 0 0 0;color:#000;}
.page-list .list-container .list-ul li.himart .tit {color:#000;}
.page-list .list-container .list-ul li.himart .img-column img {margin:0 45px 48px 0;}

#footer .list-ul > li {word-break:keep-all;}

.entrance-flex {margin:0 -5px; align-items: stretch}
.entrance-flex .col {width:50%; padding:0 15px;}
.entrance-flex .col .box {height:100%; text-align:center; border:1px solid #ededed; border-radius: 15px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); padding:45px 15px;}
.entrance-flex .col .term-dl {width:100%; max-width:410px; margin:0 auto;}
.entrance-flex .col .tit {padding-top:84px; display:block; width:100%; position:relative;font-size:26px;}
.entrance-flex .col .tit:before {content:""; display:block; width:72px; height:70px; position:absolute; top:0; left:50%; transform: translate(-50%, 0); background-size:cover; background-position: center; background-repeat: no-repeat}
.entrance-flex .col .tit.t1:before {background-image:url(/static/benefit/small-business/bossbenefit/entrance/img/ico1.png);}
.entrance-flex .col .tit.t2:before {background-image:url(/static/benefit/small-business/bossbenefit/img/ico2.png);}
.entrance-flex .col .term-dl > dd {padding-top: 15px;}
.entrance-flex .col .term-dl > dd [type=text] {height:54px; padding:0 10px;font-size:18px;}
.entrance-flex .btn {border-color:#05a5ae; background:#05a5ae;}
.entrance-flex .btn:hover,
.entrance-flex .btn:focus {background:#fff;}

figure {display:block; text-align: center; width:100%;}
figure img {margin:0 auto;}
.sec-list header .dec {color:#111; font-size:35px; line-height:1.1; font-weight:400; display:block; margin-top:15px;font-weight:500;}
.sec-list header .dec-under {margin-top:24px; display:inline-block; padding-bottom:20px; border-bottom:2px solid #05a5ae;font-size:24px;}
.c-green {color:#05a5ae; font-weight:500;}

.tab-wrap .term-dl > dt {font-weight:500;}

.tab-wrap .term-dl .btn {font-weight:500;}

.main-president-container-btm {margin:50px 0 0 0;padding:0 18px;}
.main-president-container-btm .tip-more {display:block;position:relative;padding:110px 0 0 0;color:#111;font-size:28px;text-align:center;}
.main-president-container-btm .tip-more:before {content:"";display:block;width:70px;height:70px;background:url('https://product.kt.com/static/prodetail/1513/common/itemAccordion/images/ico_more_220607.png') center no-repeat;background-size:cover;position:absolute;left:50%;top:0;transform:translate(-50%, 0)}

.main-president-container-btm .accordion-list {margin:50px 0 0 0;}
.main-president-container-btm .accordion-list .opener-trigger {position:relative;width:100%;padding:16px 32px 16px 16px;border-top:1px solid #ccc;background-color:#ebebeb;font-weight:500;font-size:24px;text-align:left;}
.main-president-container-btm .accordion-list .opener-trigger:hover, .main-president-container-btm .accordion-list .opener-trigger:focus {outline-color:#000;}
.main-president-container-btm .accordion-list .opener-trigger:after {content:"";position:absolute;top:50%;right:30px;width:16px;height:16px;border-left:2px solid #6e6e6e;border-top:2px solid #6e6e6e;transform:translateY(-50%) rotate(225deg);transition: all 0.5s;-webkit-transition: all 0.5s;}
.main-president-container-btm .accordion-list .list-column.active .opener-trigger:after {content:"";margin:5px 0 0 0;transform:translateY(-50%) rotate(45deg);}

.main-president-container-btm .accordion-list .accordion-content {display:none;padding:30px 15px 20px;background:#fff;font-size:18px;}

.president-desh-list li {position:relative;padding:0 0 0 14px;word-break:keep-all;}
.president-desh-list li:before {content:'';position:absolute;top:12px;left:0;width:7px;height:2px;background:#000;}
.president-desh-list li + li {margin:10px 0 0 0;}

@media (max-width: 1080px) {
	.page-list .list-container {margin:0 -2.28vw;padding:0 1.85vw; }
	.page-list .list-container .list-ul {padding:0 1.85vw; }
	.page-list .list-container .list-ul > li {margin-bottom:3.7vw;}
	.page-list .list-container .list-ul .card-item {border-radius: 3.7vw;}
	.page-list .list-container .list-ul .dec-wrap {padding:4.63vw 3.7vw;}
	.page-list .list-container .list-ul .dec-wrap .logo {top:4.63vw;}
	.page-list .list-container .list-ul .dec {font-size:2.78vw;margin-to p:6.94vw;}
	.page-list .list-container .list-ul .tit {font-size:4.17vw;}

	.page-list .list-container .list-ul li.himart .logo {margin:42px 0 00;}
	.page-list .list-container .list-ul a[href*=lotte_rentcar] .dec-wrap .logo img {height:30px;}/* 0328 롯데렌트카 수정 */
}

@media (max-width: 768px) {
	.sec-list header .dec {font-size:24px;}

	.entrance-flex {margin:0}
	.entrance-flex .col {width:100%; padding:0 10px; margin-bottom:20px;}
	.entrance-flex .col .box {padding:20px 10px;}
	.entrance-flex .btn {margin-top:20px;}

	.page-list .sec-list {padding:80px 0;}

	.page-list .list-container {margin:0; padding:0}
	.page-list .list-container .list-ul {padding:0 10px; }
	.page-list .list-container .list-ul > li {margin-bottom:20px;}
	.page-list .list-container .list-ul .dec {font-size:18px;margin-top:30px;}
	.page-list .list-container .list-ul .dec.sm-tt {font-size:18px;}
	.page-list .list-container .list-ul .tit, .page-list .list-container .list-ul .tit.tp1 {font-size:24px;}
	.page-list .list-container .list-ul .btn {margin-top:20px; font-size:16px; padding:0 20px;}
	.page-list .list-container .list-ul .dec-wrap .logo {margin-bottom:20px; position:relative; right:auto; top:auto; }
	.page-list .list-container .list-ul a[href*=lotte_rentcar] .dec-wrap .logo {right:auto;}/* 0328 롯데렌트카 수정 */
	.page-list .list-container .list-ul a[href*=lotte_rentcar] .dec-wrap .logo img {height:25px;}/* 0328 롯데렌트카 수정 */
	.page-list .list-container .list-ul .dec-wrap .logo img {margin-top:0; width: auto;}
	.page-list .list-container .list-ul a.yaamstore .dec-wrap .logo {right:auto;}/* 0410 yaam store 수정 */
	.page-list .list-container .list-ul a.yaamstore .dec-wrap .logo img {height:25px; transition:0.3s;}/* 0410 yaam store 수정 */
	.page-list .list-container .list-ul a.yaamstore .img-column {padding-bottom:28px;}/* 0410 yaam store 수정 */

	.main-president-container-btm {padding:0 10px;}

	.main-president-container-btm .tip-more {font-size:20px;}
	.main-president-container-btm .accordion-list .opener-trigger {font-size:16px;}
	.main-president-container-btm .accordion-list .accordion-content {font-size:13px;}

	.president-desh-list li {padding:0 0 0 7px;}
	.president-desh-list li:before {top:7px;width:3px;height:1px;}

	.main-president-container-btm .accordion-list .list-column .opener-trigger:after {width:10px;height:10px;}
	.main-president-container-btm .accordion-list .list-column.active .opener-trigger:after {margin:3px 0 0 0;}

	/* 하이마트 */
	.page-list .list-container .list-ul li.himart .img-column img {margin:0;}
}
@media (max-width: 600px) {
	.sec-list header .dec {font-size:20px;}

	.page-list .list-container .list-ul {width:100%;}
}
@media (max-width: 450px) {
	.sec-list header .dec {font-size:16px;white-space: nowrap}
}