@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap);


/* common */
*{box-sizing:border-box;}
html{font-size:20px;-webkit-text-size-adjust:none;}
body{margin:0;font-family:"Noto Sans KR",sans-serif;font-weight:400;color:#313131;}
ul{margin:0;padding:0;list-style:none;}
p{margin:0;}
a{text-decoration:none;color:#313131;}
h1,h2,h3,h4{margin:0;font-weight:700;}
em, i{font-style:normal;}
strong{font-weight:700;}
img{display:block;max-width:100%;image-rendering:-webkit-optimize-contrast;}


/* font */
@font-face{font-family:"Y Spotlight App";font-weight:normal;src:url(../fonts/yspotlightapp.woff2) format('woff2'), url(../fonts/yspotlightapp.woff) format('woff'), url(../fonts/yspotlightapp.eot) format('eot');}
.primary{color:#f8971d;}
.caution{color:#f03636;}


/* form */
input[type=text], input[type=tel], input[type=password]{height:36px;padding:0 10px;border-radius:0;border:1px solid #b2b2b2;font-family:"Noto Sans KR",sans-serif;font-size:0.8rem/*@16px*/;font-weight:300;color:#313131;outline:none;-webkit-appearance:none;}
input[type=text]:focus, input[type=tel]:focus, input[type=password]:focus{border-color:#f8971d;}
::placeholder{color:#adadad;}
input[type=radio]{display:none;width:0;height:0;margin:0;}
input[type=radio] + label{position:relative;padding-left:25px;cursor:pointer;}
input[type=radio] + label:before{display:block;position:absolute;top:5px;left:0;width:17px;height:17px;border-radius:100%;border:1px solid #555;content:"";}
input[type=radio]:checked + label:before{background-color:#72cdf4;box-shadow:0 0 0 3px #fff inset;}
input[type=file]{font-family:"Noto Sans KR",sans-serif;font-size:0.8rem/*@16px*/;font-weight:300;color:#313131;-webkit-appearance:none;}
select{min-width:77px;height:36px;padding:0 35px 0 10px;border-radius:0;border:1px solid #b2b2b2;background:url(../images/common/ico-sel.png) no-repeat right 15px center;font-family:"Noto Sans KR",sans-serif;font-size:0.8rem/*@16px*/;font-weight:300;color:#313131;outline:none;-webkit-appearance:none;}
select::-ms-expand{display:none;}
textarea{width:100%;min-height:110px;padding:10px;border-radius:0;border:1px solid #b2b2b2;font-family:"Noto Sans KR",sans-serif;font-size:0.8rem/*@16px*/;color:#313131;outline:none;-webkit-appearance:none;}
textarea:focus{border-color:#f8971d;}
.ipt-max{width:100%;}
.ipt-min{width:77px;}


/* button */
.btn{display:flex;align-items:center;font-weight:300;line-height:1;}
.btn i{display:block;}
.btn i.arr{width:28px;height:28px;margin-left:30px;background:url(../images/sub/ico-btn-arr-r.png) no-repeat center center;}
.btn i.download{width:16px;height:15px;background:url(../images/sub/ico-btn-download.png) no-repeat center center;}
.btn.primary{background-color:#f8971d;color:#fff;}
.btn.gray{background-color:#bebebe;color:#fff;}
.btn.dark{background-color:#313131;color:#fff;}
.btn.dark i.arr{border-radius:100%;background-color:#fff;}
.btn.md{min-width:194px;padding:14px 30px 16px;font-size:0.9rem/*@18px*/;letter-spacing:-1px;}
.btn.lg{padding:24px 60px 26px;font-size:1.2rem/*@24px*/;letter-spacing:-1px;}
.btn-wrap{display:flex;justify-content:center;margin-top:80px;}
.btn-wrap .btn{margin:0 5px;}
.btn-wrap .btn:first-child{margin-left:0;}
.btn-wrap .btn:last-child{margin-right:0;}


/* margin&padding */
.mgt36{margin-top:36px !important;}


/* grid */
.grid{max-width:1280px;margin:0 auto;}


/* header */
header .grid{display:flex;position:relative;padding:24px 0 27px;}
header .grid h1{width:calc(100% - 361px);padding-left:361px;}
header .grid h1 a{display:block;width:199px;height:119px;margin:0 auto;background:url(../images/common/ci.png) no-repeat left center;background-size:100% auto;font-size:0;}
header .grid .util-and-search{width:361px;padding-top:50px;}
header .grid .util-and-search .util{/*display:flex;*/display:none;justify-content:flex-end;}
header .grid .util-and-search .util li a{display:block;position:relative;margin-left:21px;font-size:0.7rem/*@14px*/;font-weight:300;color:#797979;}
header .grid .util-and-search .util li a:before{display:block;position:absolute;top:50%;left:-11px;width:1px;height:11px;background-color:#afafaf;transform:translateY(-50%);content:"";}
header .grid .util-and-search .util li:first-child a{margin-left:0;}
header .grid .util-and-search .util li:first-child a:before{display:none;}
header .grid .util-and-search .search{display:flex;height:46px;margin-top:19px;padding:2px 2px 2px 21px;border-radius:23px;border:2px solid #72cdf4;}
header .grid .util-and-search .search input[type=text]{width:calc(100% - 38px);height:100%;padding:0;border:none;font-size:0.7rem/*@14px*/;outline:none;}
header .grid .util-and-search .search a{display:flex;justify-content:center;align-items:center;width:38px;height:38px;border-radius:19px;background-color:#72cdf4;font-size:0;}
header .grid .util-and-search .search a i{display:block;width:20px;height:21px;background:url(../images/common/ico-set-1x.png) no-repeat;}
header .grid .btn-menu{display:none;position:absolute;top:50%;right:-8px;width:40px;height:40px;padding:11px 8px 0;transform:translateY(-50%);}
header .grid .btn-menu span i{display:block;width:24px;height:2px;margin-top:6px;border-radius:1px;background-color:#000;}
header .grid .btn-menu span i:first-child{margin-top:0;}
header .grid .btn-menu span i:nth-child(2){width:18px;margin-left:6px;}
header .gnb{position:relative;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;}
header .gnb .close-gnb{display:none;position:absolute;top:23px;right:12px;z-index:1;width:40px;height:40px;cursor:pointer;}
header .gnb .close-gnb i{display:block;position:absolute;top:19px;left:7px;width:24px;height:2px;background-color:#000;}
header .gnb .close-gnb i:first-child{transform:rotate(45deg);}
header .gnb .close-gnb i:last-child{transform:rotate(135deg);}
header .gnb > ul{display:flex;justify-content:center;}
header .gnb > ul > li > a{display:block;padding:16px 100px 20px;font-size:22px;font-weight:300;color:#1f1f1f;}
header .gnb > ul > li.g5 > a{color:#f8971d;}
header .gnb > ul > li .snb{display:none;position:absolute;top:68px;left:50%;z-index:4;width:1280px;padding:72px 0 87px 349px;background-repeat:no-repeat;background-position:0 60px;transform:translateX(-50%);}
header .gnb > ul > li .snb > li.s-tit{/*position:relative;left:50%;transform:translateX(-640px);*/position:absolute;top:60px;left:0;width:261px;min-height:227px;padding-top:130px;border-right:1px solid #c3c4dd;}
header .gnb > ul > li .snb > li.s-tit em{display:block;font-size:1.8rem/*@36px*/;font-weight:500;color:#585aab;}
header .gnb > ul > li .snb > li.s-tit .desc{display:block;font-size:0.8rem/*@16px*/;font-weight:300;color:#363636;line-height:1.41;}
header .gnb > ul > li .snb > li:not(.s-tit) > a{display:flex;align-items:center;height:54px;font-size:1.2rem/*@24px*/;}
header .gnb > ul > li .snb > li:not(.s-tit) > a:hover{color:#898dce;}
header .gnb > ul > li .snb > li > ul{margin:4px 0 -11px;}
header .gnb > ul > li .snb > li > ul li a{display:block;padding:3px 20px 2px;font-size:0.85rem/*@17px*/;font-weight:300;color:#070506;}
header .gnb > ul > li.g1 .snb{background-image:url(../images/common/bg-snb-img-new1.png);}
header .gnb > ul > li.g2 .snb{background-image:url(../images/common/bg-snb-img-new2.png);}
header .gnb > ul > li.g3 .snb{background-image:url(../images/common/bg-snb-img-new3.png);}
header .gnb > ul > li.g4 .snb{background-image:url(../images/common/bg-snb-img-new4.png);}
header .gnb > ul > li.g5 .snb{background-image:url(../images/common/bg-snb-img-new5.png);}
/*header .gnb > ul > li:hover .snb{display:flex;flex-wrap:wrap;}*/
header .gnb .bg-snb{display:none;position:absolute;top:68px;left:0;z-index:3;width:100%;height:347px;background-color:#f2f2f2;/*box-shadow:0 10px 10px rgba(0,0,0,0.15);*/}


/* footer */
footer{padding:33px 0 53px;background-color:#2d2d2d;border-top:1px solid #444;}
footer .grid{display:flex;flex-wrap:wrap;}
footer .grid .ft-ci{flex:none;margin:15px 30px 0 0;}
footer .grid .link-and-info{flex:1;}
footer .grid .link-and-info .link{display:flex;flex-wrap:wrap;}
footer .grid .link-and-info .link li a{display:block;position:relative;margin-right:22px;font-size:0.7rem/*@14px*/;font-weight:300;color:#dcdcdc;}
footer .grid .link-and-info .link li a:after{display:block;position:absolute;top:50%;right:-12px;width:2px;height:6px;background-color:#888;transform:translateY(-50%);content:"";}
footer .grid .link-and-info .link li:last-child a{margin-right:0;}
footer .grid .link-and-info .link li:last-child a:after{display:none;}
footer .grid .link-and-info .info{margin-top:29px;}
footer .grid .link-and-info .info li{display:flex;flex-wrap:wrap;margin-top:4px;font-size:0.55rem/*@11px*/;color:#888;}
footer .grid .link-and-info .info li:first-child{margin-top:0;}
footer .grid .link-and-info .info li span{margin-right:20px;}
footer .grid .link-and-info .info li span:last-child{margin-right:0;}
footer .grid .link-and-info .info li a{color:#888;}
footer .grid .link-and-info .info li.copyright{margin-top:20px;}
footer .grid .others{flex:none;margin-left:80px;}
footer .grid .others ul{display:flex;align-items:center;}
footer .grid .others ul li{margin-left:20px;}
footer .grid .others ul li:first-child{margin-left:0;}
footer .grid .others ul li a{display:block;width:34px;height:34px;background:url(../images/common/ico-set-1x.png) no-repeat;font-size:0;}
footer .grid .others ul li.lk1 a{background-position-x:-164px;}
footer .grid .others ul li.lk2 a{background-position-x:-218px;}
footer .grid .others ul li select{width:180px;padding:0 16px;border-radius:18px;border:1px solid #dcdcdc;background:#2d2d2d url(../images/common/bg-sel.png) no-repeat right 16px center;font-size:0.6rem/*@12px*/;color:#dcdcdc;}


/* overlay&layer */
.overlay{display:none;position:fixed;top:0;left:0;z-index:2;width:100%;height:100%;background-color:rgba(0,0,0,0.7);}
.lay{display:none;position:absolute;left:50%;z-index:2;min-width:280px;width:542px;background-color:#fff;transform:translateX(-50%);}
.lay-top{position:relative;padding:42px 50px 24px;}
.lay-top h3{font-size:1.5rem/*@30px*/;font-weight:300;}
.lay-mdl{padding:0 50px 50px;}
.lay-mdl .flx-tbl.basic > ul > li:first-child{border-top:2px solid #313131;}
.lay-mdl .flx-tbl.list > ul.tbody{max-height:317px;overflow-y:auto;}
.lay-mdl .flx-tbl + .btn-wrap{margin-top:40px;}
.lay-mdl .flx-tbl.list + .btn-wrap{margin-top:40px;}
.lay-mdl .flx-tbl + .btn-wrap .btn.lg{min-width:134px;height:58px;font-size:1.1rem/*@22px*/;}


/* to top */
.to-top{display:none;position:fixed;right:183px;bottom:268px;z-index:1;width:68px;height:68px;padding-top:18px;border-radius:100%;background-color:#414141;font-size:0.8rem/*@16px*/;font-weight:300;color:#fff;line-height:1;text-align:center;}
.to-top:hover{background-color:#00d0e4;}
.to-top i{display:block;width:14px;height:15px;margin:0 auto 2px;background:url(../images/common/ico-to-top.png) no-repeat;}


/* animation */
.show-down-ani{transform:translateY(-72px);}
.show-down-ani.on{animation-name:show-down-ani;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:ease-in;}
@keyframes show-down-ani{
	0%{opacity:0;}
	100%{transform:translateY(0);opacity:1;}
}

.bg-zoom-in-out-ani{background-size:auto 110%;}
.bg-zoom-in-out-ani.on{animation-name:bg-zoom-in-out-ani;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:ease-in;}
@keyframes bg-zoom-in-out-ani{
	0%{opacity:0;}
	100%{background-size:auto 100%;}
}


/* media query */
@media all and (-webkit-min-device-pixel-ratio:2){
	header .grid h1 a{background-image:url(../images/common/ci@3x.png);}
}

@media all and (max-width:1569px){
	.to-top{right:20px;bottom:244px;width:54px;height:54px;padding-top:12px;font-size:14px;}
}

@media all and (min-width:1320px){
	header .gnb{display:block !important;}
	header .gnb > ul > li .snb > li:not(.s-tit) > a{min-width:88px;margin:0 165px 43px 0;color:#585aab;}
	header .gnb > ul > li .snb > li:not(.s-tit):nth-child(4n+1) > a{margin-right:60px;}
	header .gnb > ul > li .snb > li > ul li a{max-width:193px;padding-left:0;padding-right:0;word-break:keep-all;}
	header .gnb > ul > li .snb > li > ul li a:hover{color:#898dce;}
	header .gnb > ul > li.g2 .snb, header .gnb > ul > li.g5 .snb{padding-top:42px;}
	header .gnb > ul > li.g2 .snb > li:not(.s-tit) > a, header .gnb > ul > li.g5 .snb > li:not(.s-tit) > a{margin-bottom:0;}
}

@media all and (max-width:1319px){
	html{font-size:17.5px;}
	input[type=radio] + label:before{top:3px;}
	.btn.lg{padding:15px 60px 17px;}
	.grid{max-width:none;margin:0 20px;}
	header .grid{justify-content:center;padding:15px 0;}
	header .grid h1{width:auto;padding-left:0;}
	header .grid h1 a{width:94px;height:57px;}
	header .grid .util-and-search{display:none;}
	header .grid .btn-menu{display:flex;}
	header .gnb{display:none;position:fixed;top:0;left:0;z-index:4;width:100%;height:100%;padding-top:87px;/*background:linear-gradient(135deg, rgba(255,255,255,1) 75%, rgba(114,205,244,1) 100%);*/background:#f2f2f2 url(../images/common/bg-m-gnb.png) no-repeat right 20px bottom 20px;background-size:120px;overflow-y:auto;}
	header .gnb .close-gnb{display:block;}
	header .gnb > ul{flex-direction:column;}
	header .gnb > ul > li > a{padding:7px 30px 11px;border-bottom:1px solid #c4c4c4;background:#f2f2f2 url(../images/common/m-ico-gnb-unfold.png) no-repeat right 30px center;background-size:12px;}
	header .gnb > ul > li.opened > a{background-color:#585aab;background-image:url(../images/common/m-ico-gnb-fold.png);color:#fff;}
	header .gnb > ul > li.g5.opened > a{color:#f8971d;}
	header .gnb > ul > li.opened .snb{display:block !important;position:static;width:auto;padding:17px 0;border-bottom:1px solid #c4c4c4;background-color:#fff;background-image:none;transform:none;}
	header .gnb > ul > li.opened .snb > li.s-tit{display:none;}
	header .gnb > ul > li .snb > li:not(.s-tit){margin:0;}
	header .gnb > ul > li .snb > li:not(.s-tit) > a{display:block;width:auto;height:auto;padding:2px 30px 4px;border-radius:0;border:none;font-size:18px;}
	header .gnb > ul > li .snb > li:not(.s-tit) > a:hover{background-color:transparent;color:inherit;}
	header .gnb > ul > li .snb > li > ul{margin:0 0 9px;}
	header .gnb > ul > li .snb > li:last-child > ul{margin-bottom:0;}
	header .gnb > ul > li .snb > li > ul li a{padding:2px 30px 4px;}
	header .gnb > ul > li .snb > li > ul li a:before{margin-right:5px;content:"·";}
}

@media all and (min-width:1280px){
	.line-break1280over{display:block;}
}

@media all and (max-width:1023px){
	footer{padding:30px 0;}
	footer .grid .ft-ci{margin-top:0;}
	footer .grid .ft-ci img{width:94px;}
	footer .grid .others{margin-left:40px;}
	footer .grid .others ul li:last-child{display:none;}
	.to-top{bottom:169px;}
}

@media all and (max-width:640px){
	footer .grid{position:relative;}
	footer .grid .ft-ci{width:100%;}
	footer .grid .link-and-info .link{margin-top:13px;}
	footer .grid .link-and-info .link li a{padding:4px 0;}
	footer .grid .others{position:absolute;top:22px;right:0;}
	.to-top{bottom:238px;}
	.lay-mdl .flx-tbl + .btn-wrap .btn.lg{min-width:0;height:46px;}
}

@media all and (max-width:581px){
	.lay{left:0;width:calc(100% - 40px);margin:0 20px;transform:none;}
	.lay-top{padding:32px 20px 14px;}
	.lay-mdl{padding:0 20px 40px;}
	.lay-mdl .flx-tbl.basic > ul > li{padding-bottom:15px;border-bottom:1px solid #ababab;}
	.lay-mdl .flx-tbl.basic > ul > li > em{width:105px;}
}

@media all and (max-width:414px){
	.to-top{bottom:30px;background-color:#00d0e4;}
}

@media all and (max-width:360px){
	.to-top{bottom:286px;}
}

.blind{ display:none !important; }