.s_wrap .sub .sv09{background:url(/img/sub/sv009.jpg) 50% 50% no-repeat;}

/* 구독신청 */
.promotion .link_btn{text-align: center;}
.promotion .link_btn a{display:inline-block; vertical-align: top; width: 100%; max-width: 220px; font-size:18px; font-weight:400; background: #0b2f6f; border:1px solid #0b2f6f; color: #fff; height: 60px; cursor: pointer; line-height: 60px;}
.promotion .link_btn a span{margin-top: 19px; margin-left: 6px; display:inline-block; vertical-align: top; width: 25px; height: 25px;font-size:26px; font-weight:400;}
.p_location {display:flex; align-items:center; margin-bottom:40px;}
.p_location li{font-family: 'Noto Sans KR', 'Malgun Gothic', 'verdana', sans-serif; position:relative; font-weight:300; font-size:15px; color: #666; margin-right: 24px;}
.p_location li::after{content:url(/img/sub/icon_location01.png); display:inline-block; vertical-align: top; position:absolute; top: 47%; right: -16px; transform:translateY(-50%);}
.p_location li.rc::after{top: 50%;}
.p_location li:last-of-type{margin-right: 0;}
.p_location li:last-of-type::after{display:none; }
.construction .search_ctn.c{justify-content:center;}

.promotion{}
.promotion *{letter-spacing:-0.03em;}
.promotion_tit{font-weight:300; font-size:40px; letter-spacing:-0.03em; color: #111; text-align: center; margin-bottom:55px;}
.promotion .cont{}
.promotion .cont .p_list{display:flex; flex-wrap:wrap;}
.promotion .cont .p_list .item{position:relative; width: calc((100% - 72px) / 3);border-top: 1px solid #333; margin-right: 36px; margin-bottom:80px;}
.promotion .cont .p_list .item::after{content:""; position:absolute; top: -1px; left: 0; width: 0; height: 1px; background: #0e3173; transition:0.4s;}
.promotion .cont .p_list .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.promotion .cont .p_list .item:nth-of-type(3n),
.promotion .cont .p_list .item:last-of-type{margin-right: 0;}
.promotion .cont .p_list .item .txt{}
.promotion .cont .p_list .item .txt p:not(.tag){font-weight:300; font-size:14px; color: #888888;}
.promotion .cont .p_list .item .txt .tag{display:inline-block; vertical-align: top; width: auto; min-width: 85px; height: 30px; font-size:14px; color: #fff; background: #333333; text-align: center; line-height: 30px; transition:0.4s; text-transform: uppercase; padding: 0 15px; box-sizing:border-box;}
.promotion .cont .p_list .item .txt h3{font-size:26px; color: #333; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 2.6em; line-height:1.3em; margin: 26px 0;}
.promotion .cont .p_list .item .img{position:relative; margin-top: 30px;}
.promotion .cont .p_list .item .img figure{position:relative; padding-bottom:64%; overflow: hidden;}
.promotion .cont .p_list .item .img figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.promotion .cont .p_list .item .img .hover{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.promotion .cont .p_list .item .img .hover::before{content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #a6c3f8; mix-blend-mode:multiply; opacity: 0; transition:0.4s;}
.promotion .cont .p_list .item .img .hover img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); opacity: 0; transition:0.4s;}

.promotion .cont .p_list .item:hover::after{width: 100%;}
.promotion .cont .p_list .item:hover .txt .tag{background: #0e3173;}
.promotion .cont .p_list .item:hover .img .hover img,
.promotion .cont .p_list .item:hover .img .hover::before{opacity: 1;}

.promotion_view{}
.promotion_view .cont{}
.promotion_view .cont .view{}
.promotion_view .cont .view .tit{border-top: 1px solid #eeeeee; text-align: center; padding: 40px 0;}
.promotion_view .cont .view .tit h3{font-weight:300; font-size:19px; color: #111;}
.promotion_view .cont .view ul{display:flex; justify-content:space-between; align-items:center; padding: 20px 20px 40px; border-top: 1px solid #eeeeee;}
.promotion_view .cont .view ul:not(.move_page) li{font-size:14px; color: #666;}
.promotion_view .cont .view ul:not(.move_page) li span{position:relative; margin-right: 20px;}
.promotion_view .cont .view ul:not(.move_page) li span:last-of-type{margin-right: 0;}
.promotion_view .cont .view ul:not(.move_page) li span::after{content:""; position:absolute; top: 5px; right: -13px; width: 1px; height: 12px; background: #f0f0f0;}
.promotion_view .cont .view ul:not(.move_page) li span:last-of-type::after{display:none; }
.promotion_view .cont .view .info{/* background: #f6f6f6; */ padding: 60px 50px;}
.promotion_view .cont .view .info *{word-break:break-all}
.promotion_view .cont .view .list{display: block;text-align: center; border-top: 1px solid #eeeeee; padding: 30px 0; margin-top: 60px;}
.promotion_view .cont .view .list a{display:inline-block; width: 80px; height: 40px; line-height: 40px; color: #fff; font-size:15px; background: #0c2f6f;}
.promotion_view .cont .view .list a:last-of-type{width: 180px;  box-sizing:border-box;}
.promotion_view .cont .view .move_page{display:block; padding:  0; text-align: center;}
.promotion_view .cont .view .move_page li{border-bottom: 1px solid #eee; padding: 26px 0;}
.promotion_view .cont .view .move_page li span{position:relative; font-weight:500; font-size:18px; color: #0c2f6f; margin-right: 26px;}
.promotion_view .cont .view .move_page li span::after{content:""; position:absolute; top: 7px; right: -14px; width: 1px; height: 16px; background: #0c2f6f;}
.promotion_view .cont .view .move_page li a{font-weight:300; font-size:18px; color: #0c2f6f;}

.media{}
.media .pop_ctn{display:none; position:fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: #000000aa;}
.media .pop_ctn .p50{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: 1000px; width: 100%;}
.media .pop_ctn .p50 .close{position:absolute; top: 0; right: -50px; width: 50px; height: 50px; background: #0c2f6f; text-align: center; cursor: pointer;}
.media .pop_ctn .p50 .close i{font-size:20px; color: #fff; line-height: 50px;}
.media .pop_ctn .p50 .video{position:relative; padding-bottom:51%; overflow: hidden;}
.media .pop_ctn .p50 .video iframe{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}

.media .promotion_tit{}
.media .promotion_tit h2{}
.media .promotion_tit p{font-weight:300; font-size:16px; color: #666666;margin-top: 26px;}
.media .main_video{position:relative; padding-bottom:51%; overflow: hidden;}
.media .main_video iframe{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.media .slide_ctn{margin-top: 20px;}
.media .slide_pop_ctn{margin-top: 100px;}
.media .slide_pop_ctn .slide_ctn .slick-list{margin-right: -105px;}
.media .slide_pop_ctn .slide_ctn .item{margin-right: 105px;}
.media .slide_pop_ctn .slide_ctn .item figure{position:relative; padding-bottom:57%; overflow: hidden;}
.media .slide_pop_ctn .slide_ctn .item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.media .slide_pop_ctn .slide_ctn .item .txt{margin-top: 35px;}
.media .slide_pop_ctn .slide_ctn .item .txt h4{ font-size:20px; color: #111;}
.media .slide_pop_ctn .slide_ctn .item .txt p{font-weight:300; font-size:16px; color: #666; margin: 22px 0;} 
.media .slide_pop_ctn .slide_ctn .item .pop_btn{}
.media .slide_pop_ctn .slide_ctn .item .pop_btn p{width: 142px; height: 40px; text-align: center; font-weight:300; font-size:14px; color: #fff; background: #0c2f6f; cursor: pointer; display:inline-block; vertical-align: top; line-height: 38px;}
.media .slide_pop_ctn .slide_ctn .item .pop_btn p img{display:inline; margin-top: 14px; margin-left: 6px;}
.media .slide_wrap{}
.media .slide_wrap .slide_ctn{}
.media .slide_wrap .slide_ctn .slick-list{margin-right: -20px;}
.media .slide_wrap .slide_ctn .item{margin-right: 20px;}
.media .slide_wrap .slide_ctn .item .img{background: #f6f6f6; padding: 20px;}
.media .slide_wrap .slide_ctn .item figure{position:relative; padding-bottom:132%; overflow: hidden;}
.media .slide_wrap .slide_ctn .item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.media .slide_wrap .slide_ctn .item .txt{margin: 24px 0 24px;}
.media .slide_wrap .slide_ctn .item .txt h4{font-size:20px; color: #111;}
.media .slide_wrap .slide_ctn .item ul{display:flex;}
.media .slide_wrap .slide_ctn .item ul li{width: calc(50% - 5px); margin-right: 10px;}
.media .slide_wrap .slide_ctn .item ul li:last-of-type{margin-right: 0;}
.media .slide_wrap .slide_ctn .item ul li a{display:inline-block; vertical-align: top; width: 100%; height: 40px; border:1px solid #0c2f6f; color: #0c2f6f; font-size:14px; text-align: center; line-height: 36px;}
.media .slide_wrap .slide_ctn .item ul li a i{}
.media .slide_wrap .slide_ctn .item ul li:last-of-type a{background: #0c2f6f; color: #fff;}

.media .slide_ui{display:flex; justify-content:flex-end; align-items:center;}
.media .slide_ui .prev{cursor:pointer;}
.media .slide_ui .next{cursor:pointer;}
.media .slide_ui .slide_current{margin: 0 10px;}
.media .slide_ui .slide_current p{font-weight:300; font-size:18px; color: #777777;}
.media .slide_ui .slide_current p span{}
.media .slide_ui .slide_current p .current{color: #0e3173;}


.subscribe{}
.subscribe .cont{border-top: 1px solid #333; padding: 40px 0 0;}
.subscribe .cont .flex_box{display:flex; margin-bottom:20px;}
.subscribe .cont .flex_box:last-of-type{margin-bottom:0;}

.subscribe .cont .flex_box .mail{display:flex; align-items:center; width: 50%;}
.subscribe .cont .flex_box .mail h4{width: 124px; font-size:18px; color: #333; font-weight:500;}
.subscribe .cont .flex_box .mail input{width: calc(100% - 124px); max-width: 340px; height: 50px; background: #f4f4f4;	 border:none; padding: 0 20px; font-size:16px; color: #000;}
.subscribe .cont .flex_box .chk_ctn{display:flex; flex-wrap:wrap; align-items:center; width: 50%;}
.subscribe .cont .flex_box .chk_ctn h4{font-size:18px; color: #333; font-weight:500; margin-right: 40px}
.subscribe .cont .flex_box .chk_ctn h4 span{color: #0b2f6f;}
.subscribe .cont .flex_box .chk_ctn .chk_box input{display:none; }
.subscribe .cont .flex_box .chk_ctn .chk_box label{display:flex; align-items:center; cursor: pointer; margin-right: 16px;}
.subscribe .cont .flex_box .chk_ctn .chk_box:last-of-type label{margin-right: 0;}
.subscribe .cont .flex_box .chk_ctn .chk_box label span{position:relative; top: 2px; display:inline-block; vertical-align: middle; width: 16px; height: 16px; box-sizing:border-box; border:1px solid #ddd; line-height:1.3em}
.subscribe .cont .flex_box .chk_ctn .chk_box label span i{position: absolute; top: -1px; left: -1px; color: #fff; font-size:16px; font-weight:bold;}
.subscribe .cont .flex_box .chk_ctn .chk_box label p{width: calc(100% - 16px); display:inline-block; vertical-align: middle; font-weight:400; font-size:16px; letter-spacing:-0.02em; color: #222; padding-left: 5px; box-sizing:border-box; line-height:1.4em; position:relative; top: 1px;}
.subscribe .cont .flex_box .chk_ctn .chk_box > input:checked + label span{}
.subscribe .cont .flex_box .chk_ctn .chk_box > input:checked + label span i{color: #0b2f6f;}
.subscribe .cont .info{border:1px solid #ddd; margin-top: 20px; height: 200px; overflow-y: scroll; padding: 20px;}
.subscribe .cont .info .item{margin-bottom:20px;}
.subscribe .cont .info .item h3{font-weight:700; font-size:20px; color: #111; margin-bottom: 10px;}
.subscribe .cont .info .item p{font-size:17px; color: #666;margin-top:10px; line-height:1.5em}
.subscribe .cont .info .item p:first-of-type{margin-bottom:0px;}
.subscribe .cont .info .item ul{margin-top: 10px;}
.subscribe .cont .info .item ul li{font-size:17px; color: #666; margin-bottom:10px;}
.subscribe .cont .info .item ul li:last-of-type{margin-bottom:0px;}
.subscribe .cont .btn{display:flex; justify-content:center; margin-top: 40px;}
.subscribe .cont .btn button{width: calc(50% - 10px); max-width: 200px; margin-right: 20px; background: #fff; font-size:20px; color: #000; border:1px solid #ddd; height: 50px; cursor: pointer;}
.subscribe .cont .btn button:last-of-type{margin-right: 0;}
.subscribe .cont .btn button:first-of-type{background: #0b2f6f; border:1px solid #0b2f6f; color: #fff;}


@media (max-width: 1200px){
	.promotion_tit{margin-bottom:30px;}

	.media .pop_ctn .p50 .close{right: 0; top: -50px;}
	.promotion_view .cont .view .info{padding: 40px 16px;}
	
	.subscribe .cont .flex_box .mail{width: calc(50% - 20px); margin-right: 40px;}
	.subscribe .cont .flex_box .mail h4{width: 120px; margin-right: 0;}
	.subscribe .cont .flex_box .mail input{width: calc(100% - 120px)}
	.subscribe .cont .flex_box .chk_ctn{width: calc(50% - 20px);}
}

@media (max-width: 1000px){
	.promotion .cont .p_list .item{margin-right: 15px; width: calc((100% - 30px) / 3); margin-bottom:50px;}
	.promotion_view .cont .view .tit{padding: 30px 0;}

	
	.media .cont.mt{margin-top: 100px;}
	.media .pop_ctn .p50{ width: calc(100% - 32px);}
	.media .promotion_tit p{margin-top: 10px;}
	.media .slide_pop_ctn .slide_ctn .slick-list{margin-right: -20px;}
	.media .slide_pop_ctn .slide_ctn .item{margin-right: 20px;}

	.subscribe .cont .flex_box{flex-wrap:wrap; margin-bottom:0px;}
	.subscribe .cont .flex_box .mail{width: 100%; margin-right: 0; margin-bottom:20px;}
	.subscribe .cont .flex_box .chk_ctn{width: 100%;}
	.subscribe .cont .info{margin-top: 40px;}
	.subscribe .cont .info .item h3{font-size:18px;}
	.subscribe .cont .info .item p{font-size:16px;}
	.subscribe .cont .info .item ul li{font-size:16px;}

	.promotion .link_btn a{width: calc(100% - 20px); line-height: 58px; height: 58px; margin-left: 20px; font-size:16px;}
	.promotion .link_btn a span{margin-top: 17px;}
}

@media (max-width: 800px){
	.promotion .cont .p_list .item{margin-right: 20px; width: calc((100% - 20px) / 2); margin-bottom:50px;}
	.promotion .cont .p_list .item:nth-of-type(3n){margin-right: 20px;}
	.promotion .cont .p_list .item:nth-of-type(2n){margin-right: 0;}
	.promotion .cont .p_list .item .txt h3{font-size:20px; margin: 16px 0;}

	.media .pop_ctn .p50 .video{padding-bottom:70%;}

	.media .slide_pop_ctn{margin-top: 60px;}
	.media .slide_pop_ctn .slide_ctn .item .txt{margin-top: 20px;}
	.media .slide_pop_ctn .slide_ctn .item .txt p{margin: 12px 0;}

	.media .slide_wrap .slide_ctn .item ul li a{font-size:12px;}
	
	.promotion .search_ctn .select{order:-1}
	.promotion .search_ctn .input{order:3}
	.promotion .link_btn{order:2}
	.promotion .link_btn a{width: 100%; max-width: none; margin-left: 0;}
}