@charset "utf-8";

/* 슬라이드 공용 */
.slick-slider { transition:all ease-in-out .3s; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent }
.slick-slide { display:none; height:100%; min-height:1px; vertical-align:middle }
.slick-list { overflow:hidden; height:100% }
.slick-list.dragging { cursor:pointer }
.slick-track { height:100% }
.slick-initialized .slick-slide { display:inline-block }
.slick-arrow.slick-hidden { display:none }
.slick-current { display:block; opacity:1 }

/* 상단팝업 */
.tpopup_wrap { position:relative; z-index:998; width:100%; height:auto; background:#274160;}
.top_popup { overflow:hidden; max-width:1400px; position:relative; margin:0 auto }
.top_popup .list_wrap { overflow: hidden; height:2.75rem; margin:1.75rem 1.5rem; }
.top_popup .topPopList { margin-left:-1px }
.top_popup .topPopList .topPopListItem { float:left; width:33.33% }
.top_popup .topPopList .topPopListItem a { display:block; position:relative; min-height:2.7rem; padding:0 1rem 0 4rem; border-left:1px dashed #6c829c; line-height:0.9rem; font-weight:400; font-size:0.75rem; color:#fff }
.top_popup .topPopList .topPopListItem a img { width:100%; max-height:2.75rem }
.top_popup .topPopList .topPopListItem a:before { content:""; position:absolute; top:0; left:1rem; width:2.5rem; height:2.5rem; border-radius:2.5rem; background:#102743 url('/resources/images/T4_B_main/ico_toppopup.png') no-repeat center }
.top_popup .slick-arrow { overflow:hidden; position:absolute; top:50%; width:1.6rem; height:1.6rem; margin-top:-0.8rem; background-repeat:no-repeat; background-position:center; background-size:100%; color:transparent; cursor:pointer }
.top_popup .slick-prev { left:0; background-image:url('/resources/images/T4_B_main/btn_link01_prev.png') }
.top_popup .slick-next { right:0; background-image:url('/resources/images/T4_B_main/btn_link01_next.png') }

/* 검색영역(T4_B01) */
.search h2{text-align: center; font-weight: 200; font-size: 1.7rem; margin-top: 6rem; word-break: keep-all;}
.search h2 .searTit1{font-weight: 800;}
.search h2 .searTit2{font-weight: 600;}
.search .totalSearch { width:21rem; height:2.5rem; background:none; line-height:2.5rem; border-bottom: 0.4rem solid #000; margin: 1rem auto 3.5rem; box-sizing: content-box; position: relative;}
.search .totalSearch::after{display: block; content: ""; height: 1.1rem; background: #8c99a3; position: absolute; top: 0.7rem;}
.search .totalSearch .srchOption { position:relative; z-index:11; float:left; width:4.7rem; height:2.5rem; line-height:2.5rem; border:none; background:transparent; font-size: 0.9rem; cursor: pointer;}
.search .totalSearch input { float:left; width:Calc(100% - 3.5rem); height:2.5rem; padding:0 0.5rem; line-height:2.5rem; border:none; background:transparent; font-weight:400; color:#333; font-size: 0.9rem;}
.search .totalSearch input::placeholder { color:#636363; }
.search .totalSearch button { width:2.5rem; height:2.5rem; line-height:2.5rem; padding:0; font-size:1.5rem; color:#000; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; float: right;}

/* 공지사항(T4_B02) */
.notice{width: 100%; background: #fff; border-radius: 1rem 1rem 0 0; padding: 1.25rem;}
.notice h2{/* font-family:"GmarketSans"; */ font-weight: 400; margin-bottom: 0.5rem;}
.notice ul::after{display: block; content: ""; clear: both;}
.notice ul li{width: 32%; margin-right: 2%; float: left; border: 1px solid #ccc; box-sizing: border-box; position: relative; padding: 1.8rem 1.3rem; transition: 0.3s; -webkit-transition: 0.3s;}
.notice ul li:hover, .notice ul li:focus{border: 1px solid #004792;}
.notice ul li:last-child{margin-right: 0;}
.notice ul li.new:after{display: block; content: "N"; width: 1.75rem; height: 1.75rem; background: #6347a3; color: #fff; text-align: center; line-height: 1.75rem; position: absolute; top: 0; left: 0;}
.notice ul li a{display: block;}
.notice ul li h3{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.8rem;}
.notice ul li:hover h3, .notice ul li:focus h3{text-decoration: underline;}
.notice ul li p{margin: 0.5rem 0; height: 2.4rem; overflow: hidden; font-size: 0.7rem; color: #555;}
.notice ul li:hover p, .notice ul li:focus p{text-decoration: underline;}
.notice ul li span{position: relative; padding-left: 1.4rem; font-size: 0.6rem; /* font-family:"GmarketSans"; */}
.notice ul li span::after{display: block; content: ""; width: 19px; height: 24px; background: url(/resources/images/T4_B_main/ico_notiTime.png); position: absolute; top: -0.3rem; left: 0;}
.notice .btn_more{position: absolute; top: 1rem; right: 1.25rem; font-size: 1.2rem; transition: 0.3s; -webkit-transition: 0.3s;}
.notice .btn_more:hover{transform: rotate(180deg); -webkit-transform: rotate(180deg);}

/* 퀵메뉴(T4_B03) */
.quickMenu{width: 100%; background: #004792; height: 4.8rem; border-radius: 0 0 1rem 1rem; overflow: hidden;}
.quickMenu::after{display: block; content: ""; clear: both;}
.quickMenu h3{width: 20%; float: left;text-align: center; color: #fff; background: #003975; line-height: 4.8rem;}
.quickMenu ul{width: 80%; float: left;}
.quickMenu ul::after{display: block; content: ""; clear: both;}
.quickMenu ul li{width: 25%; float: left; text-align: center; position: relative;}
.quickMenu ul li:after{display: block; content: ""; width: 4px; height: 14px; background: url(/resources/images/T4_B_main/ico_quick_after.png); position: absolute; right: -0.4rem; top: 2rem;}
.quickMenu ul li:last-child::after{display: none;}
.quickMenu ul li a{display: block;}
.quickMenu ul li span{color: #fff; line-height: 4.8rem; margin-left: 0.2rem; vertical-align: middle;}
.quickMenu ul li p{display: inline-block;}
.quickMenu ul li p img{transition: 0.3s; -webkit-transition: 0.3s; width: 2.1rem; height: 1.5rem;}
.quickMenu ul li:hover p img{transform: rotateY(180deg);}

/* 알림판(T4_B04) */
.box_popup { overflow:hidden; position:relative; height:100%; border-radius: 1rem; overflow: hidden;}
.box_popup .pop { overflow:hidden; position:relative; height:100%; border-radius:1rem 1rem 0 0; background:rgba(0,0,0,0.3); }
.box_popup .pop .popItem { width:100%; height:100%; }
.box_popup .pop .popItem a { display:block; width:100%; height:100%; }
.box_popup .pop .popItem a img {width:100%;height: 100%;position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.box_popup .control { position:absolute; bottom:0; right:0; z-index:10; padding:0 2.2rem 0 1.15rem; height:2.5rem; background:rgba(0,0,0,0.7); z-index:1;}
.box_popup .control a { display:block; overflow:hidden; float:left; width:1.7rem; height:100%; background-repeat:no-repeat; background-position:center; color:transparent; }
.box_popup .control .prev { background-image:url('/resources/images/T1_A_main/pop_btn_prev.png'); }
.box_popup .control .next { background-image:url('/resources/images/T1_A_main/pop_btn_next.png'); }
.box_popup .control .stop { background-image:url('/resources/images/T1_A_main/pop_btn_stop.png'); }
.box_popup .control .play { display:none; background-image:url('/resources/images/T1_A_main/pop_btn_play.png'); }
.box_popup a.more { position:absolute; right:0.5rem; bottom:0; display:block; width:1.7rem; height:2.5rem; background:url('/resources/images/T1_A_main/pop_btn_more.png') no-repeat center; z-index:2; color: transparent;}
.box_popup .control .count { display:block; float:left; font-weight:200; font-size:0.8rem; line-height:2.5rem; color:#fff; }
.box_popup .control .count .current { color:#ffd800; }
.box_popup .control .count .current:after { content:"/"; color:#fff; }

	
@media (max-width:1420px) {

	/* 상단팝업 */
	.top_popup { max-width:none; width:96% }
	
}
@media (max-width:1200px) {

	/* 상단팝업 */
	.top_popup .list_wrap { margin:1rem 1.5rem }

	/* 퀵메뉴 */
	.quickMenu ul li:after{right: -0.2rem;}
	.quickMenu ul li p img{width: 1.6rem; height: auto;}
	.quickMenu ul li span{margin-left: 0;}
}

@media (max-width:1024px){
	/* 퀵메뉴 */
	.quickMenu ul li p img{width: 2.1rem;}

}


@media (max-width:680px) {

	/* 검색영역 */
	.search h2{margin-top: 4rem;}
	.search .totalSearch{width: 100%; margin-bottom: 2.5rem;}

	/* 상단팝업 */
	.top_popup ul li a { border:0 }
	
	/* 공지사항 */
	.notice {border-radius: 1rem; margin-bottom: 2rem;}
	.notice ul li{width: 100%; margin-right: 0; margin-bottom: 1rem; padding: 1rem;}
	.notice ul li.new{padding:2rem 1rem 1rem;}

	/* 퀵메뉴 */
	.quickMenu{border-radius: 1rem; height: auto;}
	.quickMenu h3{width: 100%; float: none; height: auto; line-height: 1; padding : 1.3rem 0;}
	.quickMenu ul{width: 100%; float: none;}

}

@media (max-width:540px) {
	/* 퀵메뉴 */
	.quickMenu ul li{width: 50%;}
	.quickMenu ul li:nth-of-type(even):after{display: none;}
}

@media (max-width:480px){
	/* 공지사항 */
	.notice { margin-bottom: 1rem;}

	/* 검색영역 */
	.search h2{margin-top: 2rem; font-size: 1.5rem;}
	.search .totalSearch{border-bottom: 2px solid #000;}

	/* 알림판 */
	.box_popup .pop .popItem a img{width: 100%; height: auto; position: static; transform: none; -webkit-transform: none;}
}

@media (max-width:420px) {
	/* 상단팝업 */
	.top_popup ul li a { padding:0 1rem }
	.top_popup ul li a:before { display:none }
	.top_popup ul li a img { margin:0.25rem 0 0 }

	
}

@media (max-width:320px) {
	.search .totalSearch input{margin-left: 0.8rem; width: Calc(100% - 8rem); padding: 0;}
	.search .totalSearch::after{left: 5rem;}
}