@charset "utf-8";
#header_type1 .icon1::before{content: ''; background-size: 100% auto; background-repeat: no-repeat; background-position: center center; display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
#header_type1  .icon2::after{content: ''; background-size: 100% auto; background-repeat: no-repeat; background-position: center center; display: inline-block; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
#header_type1 .allmenu {width: 1.813em;height: 1em;margin-right: 5%;position: relative;}
#header_type1 .allmenu span, #header_type1 .allmenu::before, #header_type1 .allmenu::after{display: inline-block; content: ''; position: absolute; width: 100%; height: 2px; background: #111; }
#header_type1 .allmenu span{top: 50%; left: 0; transform: translateY(-50%);}
#header_type1 .allmenu::before{top: 0; left: 0;}
#header_type1 .allmenu::after{bottom: 0; left: 0;}
#header_type1 .btn_sch{background: url('/resources/paik/img/main/ico_search.png') no-repeat center center / 100%;right: 0;width: 1.563em;height: 1.5em;margin-left: 5%;position: relative;z-index: 10;}

/* header */
#header_type1 .top_header{position: relative;height: 100px;z-index: 100;}
#header_type1 #logo{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
#header_type1 #logo a{display: block; /* width: 15.575em; */  text-indent: -9999px;}
#header_type1 #logo img{display: block;}
#header_type1 .top_header .etc{position: absolute;top: 50%;right: 0;transform: translateY(-50%);z-index: 100;}
#header_type1 .top_header .etc li{display: inline-block;z-index: 100;width: 100%;}
#header_type1 .top_header .etc li:not(:last-child){border-bottom: 1px solid #b1b5b9;}
#header_type1 .top_header .etc li a{font-size: 0.890em;position: relative;padding-left: 1.3em;margin-right: .8em;font-weight: 600;display: block;height: 100%;}
#header_type1 .top_header .etc .login::before{width: 1.077em; height: 1.231em; background-image: url('/resources/paik/img/main/ico_login.png');}
#header_type1 .top_header .etc .join::before{width: 1.154em; height: 1.231em; background-image: url('/resources/paik/img/main/ico_join.png');}
#header_type1 .top_header .etc .lang{transition: 0.5s ease;}
#header_type1 .top_header .etc .lang >a:after{width: 6px; height: 4px; background: url('/resources/paik/img/main/ico_arrow1.png') no-repeat;}
#header_type1 .top_header .etc .lang a{padding: 5px 20px;z-index: 100;margin-right: 0;}
#header_type1 .top_header .etc .lang .depth{position: absolute; display: none; border: 1px solid #b1b5b9;background: #fff; width: 100%;}
#header_type1 .top_header .etc .lang:hover .depth{display: block;}
#header_type1 .top_header .tablet{position: relative; height: 100%;}
#header_type1 .allmenu_m{/*border: 2px solid #b1b5b9;*/width: 2.8em;height: 2.8em;padding: 0;position: absolute;top: 50%;transform: translateY(-50%);}
#header_type1 .allmenu_m span,
#header_type1 .allmenu_m::before,
#header_type1 .allmenu_m::after{display: inline-block; content: ''; position: absolute; width: 70%; height: 3px; background: #222; }
#header_type1 .allmenu_m span{top: 50%; right: 15%; transform: translateY(-50%); /* width: 40%; */}
#header_type1 .allmenu_m::before{top: 15%;right: 15%;}
#header_type1 .allmenu_m::after{bottom: 15%; right: 15%;}
#header_type1 .tablet .btn_sch{/*border: 2px solid #b1b5b9;*/ width: 2.8em; height: 2.8em; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background-size: auto;}

/* nav */
#header_type1 .menu_type1{position: relative;}
#header_type1 #top_nav{border-top: 1px solid #b1b5b9;border-bottom: 1px solid #b1b5b9;height: 4.375em;}
#header_type1 .bg{position: absolute;width: 100%;background: #fff;top: 4.375em;z-index: 10; display: none; border-bottom: 1px solid #b1b5b9;}
#header_type1 .bg.open{display: block;}
#header_type1 .bg_search{position: absolute;width: 100%;height: 170px;top: 4.375em;z-index: 25;display: none;background: rgba(35,37,45,0.9);padding: 2em 0;}
#header_type1 .sch_type1{position: relative;width: 100%;}
#header_type1 .sch_type1 input{width: 100%;height: 4.3em;padding: 1em 1.5em;border-radius: 3em;border: 2px solid #fff;background: transparent;color: #fff;}
#header_type1 .sch_type1 input::placeholder{font-size: 1.125em; color: #fff; letter-spacing: -1px;}
#header_type1 .sch_type1 .btn_sch{background: url('/resources/paik/img/main/ico_search2.png') no-repeat center center;background-color: #2a629d;border: 0;padding: 1em 2.5em;height: 4.4em;position: absolute;right: -3px;top: -1.6px; border-radius: 0 2em 2em 0;}
#header_type1 .bg_search .hash{color: #a3a4a8; padding: 1em 0 0 1.5em;}
#header_type1 .top_nav_wrap{height: 4.375em;display: flex;justify-content: space-between;align-items: center;}
#header_type1 #top_nav #gnb{display: flex;height: 100%;justify-content: space-between;align-items: center;width: 90%;}
#header_type1 #top_nav #gnb a{position: relative;display: inline-block;height: 100%;}
#header_type1 #top_nav #gnb >li{height: 100%;width: 100%;position: relative;}
#header_type1 #top_nav #gnb >li >a{display: flex;height: 100%;align-items: center;transition: 0.3s ease;justify-content: center;font-weight: 600; font-size: 1.128em; text-align: center;}
#header_type1 #top_nav #gnb >li >a:hover::before,
#header_type1 #top_nav #gnb >li >a.active::before,
#header_type1 #top_nav #gnb >li >a.action::before{display: inline-block;content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #2a629d;}
#header_type1 #top_nav .depth2{position: absolute;right: 0;width: 100%; padding: 1em 1em 0; display: none; border-right: 1px solid #ced2d6; z-index: 10;}
#header_type1 #top_nav #gnb >li:last-child .depth2{border-right: 0;}
#header_type1 #top_nav .depth2.open{display: block;}
#header_type1 #top_nav .depth2 >li{position: relative;z-index: 15;line-height: 1.7; /* border-bottom: 1px solid #ced2d6; */}
#header_type1 #top_nav .depth2 >li >a{font-size: 1.0em;padding: 5px 0;width: 100%;}
#header_type1 #top_nav .depth2 .more{padding-right: 1.8em;}
#header_type1 #top_nav .depth2 .more::after{width: 1.188em;height: 1.063em;background-image: url('/resources/paik/img/main/ico_plus.png');content: ''; background-size: 100% auto; background-repeat: no-repeat; background-position: center center; display: inline-block; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
#header_type1 #top_nav .depth2 .more.close::after{background-image: url('/resources/paik/img/main/ico_minus.png');}
#header_type1 #top_nav .depth2 >li >a:hover,
#header_type1 #top_nav .depth2 >li >a.on{color: #2a629d;}
#header_type1 #top_nav .depth3{display: none;border-top: 1px solid #b1b5b9;border-bottom: 1px solid #b1b5b9;padding: 0.3em 0;line-height: 1.3;}
#header_type1 #top_nav .depth3.open{display: block;}
#header_type1 #top_nav .depth3 a{padding: 5px 0 5px 1em;width: 100%;}
#header_type1 #top_nav .depth3 a.on,
#header_type1 #top_nav .depth3 a:hover{color: #2a629d;}


/* mobile nav */
#header_type1 #top_nav_m{position: fixed;right: -9999px;top:0;width: 100%;max-width:1024px;z-index: 300;background: #fff;overflow-y: auto;height: 100%;}
#header_type1 .header_m{background : #1358a8;position: relative;}
#header_type1 #logo_m{padding: 1.2em 1em;}
#header_type1 #logo_m a{display: block; width: 20em; /* height: 2.5em; background: url('/resources/paik/img/main/top_logo_white.png') no-repeat center center / 100%;text-indent: -9999px; */}
#header_type1 .header_m .close{position: absolute;width: 1.2em;height: 1.2em;background: url('/resources/paik/img/main/ico_close2.png') no-repeat center center; right: 1em; top: 1.2em;}
#header_type1 .header_m .etc_m{display: flex;border: 1px solid rgba(255,255,255,.5);}
#header_type1 .header_m .etc_m >li:last-child{border-right: none;}
#header_type1 .header_m .etc_m >li{width: 100%; border-right: 1px solid rgba(255,255,255,.5);}
#header_type1 .header_m .etc_m >li a{display: flex;width: 100%;height: 100%; font-size: 1.1em; color: #fff;align-items: center;justify-content: flex-start; padding: 1rem;}
#header_type1 .header_m .etc_m .lang{position: relative;}
#header_type1 .header_m .etc_m .lang >a:after{content: '';display: inline-block;width: 12px;height: 10px;background: url('/resources/paik/img/main/ico_arrow2.png') no-repeat center center / 100%;margin-left: 20px; }
#header_type1 .header_m .etc_m .lang .depth{position: absolute; background: #1358a8; width: 100%; display: none; z-index: 105;}
#header_type1 .gnb_m{}
#header_type1 .gnb_m >li{border-bottom: 1px solid #ddd;}
#header_type1 .gnb_m >li >a{display: block;font-size: 1.1em;font-weight: 500;padding: 1.5em .8em;position: relative;}
#header_type1 .gnb_m >li >a span{position: absolute;display: inline-block;width: .5em;height: .5em;right: 1em;top: 50%;transform: translateY(-50%);}
#header_type1 .gnb_m >li >a span::after{content:'';display: inline-block;width: 100%;height: 100%;border-top: 2px solid #333;border-right: 2px solid #333;position: absolute;transform: rotate(135deg);transition: 0.3s ease;}
#header_type1 .gnb_m >li >a.on span::after{transform: rotate(315deg);}
#header_type1 .gnb_m .depth2{display: none;}
#header_type1 .gnb_m .depth2 li a{display: block; padding: 1.5em .8em 1em 1.5em; border-top: 1px solid #bbb; background: #e2e3e5; position: relative;}
#header_type1 .gnb_m .depth2 >li >a.on{background:#c2c4c8;}
#header_type1 .gnb_m .depth2 .more::before,
#header_type1 .gnb_m .depth2 .more::after{content: '';display: inline-block;background: #333;position: absolute;top: 50%;transform: translateY(-50%);}
#header_type1 .gnb_m .depth2 .more::before{width: 1em;height: 2px;right: 1em;}
#header_type1 .gnb_m .depth2 .more::after{width: 2px;height: 1em;right: 1.5em;}
#header_type1 .gnb_m .depth2 .more.on::after{display: none;}
#header_type1 .gnb_m .depth3 li a{padding-left: 2.3em}
#header_type1 .gnb_m .depth3{display: none;}
#header_type1 .quick_m{display: flex; align-items: center; flex-wrap: wrap;}
#header_type1 .quick_m >*{width: 20%;padding: .5em;text-align: center;color: #3c3c3c;font-size: 1.1em;height: 120px;word-break: keep-all;display: flex;flex-direction: column;justify-content: center;border-right: 1px solid #b1b5b9;}
#header_type1 .quick_m .notice,
#header_type1 .quick_m .news,
#header_type1 .quick_m .tel{background-color: #0081e5;color: #fff;height: 100px; margin: 0; border-radius: 0;}
#header_type1 .quick_m .notice:before,
#header_type1 .quick_m .news:before,
#header_type1 .quick_m .tel:before{display: none;}
#header_type1 .quick_m .tel{width: 60%; text-align: left; background-image: url('/resources/paik/img/main/main-quick-images_10.png');background-repeat: no-repeat;background-position: right 15px bottom;background-size: 100px;}
#header_type1 .quick_m .tel strong{font-size: 1.2em;}
#header_type1 .quick_m a::before{content:''; display:block; background-repeat:no-repeat; background-position:0 0; margin:0 auto 8px;}
#header_type1 .quick_m .online::before{background-image:url('/resources/paik/_layout/htype1/main_quick/main-quick-images_01.png'); width:36px; height:24px;}
#header_type1 .quick_m .inquiry::before{background-image:url('/resources/paik/_layout/htype1/main_quick/main-quick-images_02.png'); width:29px; height:23px;}
#header_type1 .quick_m .timetable::before{background-image:url('/resources/paik/_layout/htype1/main_quick/main-quick-images_03.png'); width:26px; height:26px;}
#header_type1 .quick_m .parking::before{background-image:url('/resources/paik/_layout/htype1/main_quick/main-quick-images_04.png'); width:42px; height:26px;}
#header_type1 .quick_m .print::before{background-image:url('/resources/paik/_layout/htype1/main_quick/main-quick-images_05.png'); width:31px; height:27px;}

@media screen and (max-width:1340px){
	#header_type1 .top_header .etc{right: 1rem;}
}
@media screen and (max-width:1200px){
    #header_type1 #top_nav .lnb{padding-left: 2em;}
    #header_type1 #top_nav .lnb >li a{font-size: .9em}
}
@media screen and (max-width:1024px){
    #header_type1 .menu_type1{height: auto;}
}
@media screen and (max-width:768px){
	#header_type1 #logo_m a {width: 13em;}
}
@media screen and (max-width:480px){
/* 	#logo a{width: 12em;} */
	#header_type1 .top_header{height: 80px;padding: 0 1em;}
	#header_type1 .bg_search {top: 0;}
	#header_type1 .gnb_m .depth2 li a {padding: 1em 0.8em 1em 1.5em;font-size:1.2em;}
	#header_type1 .gnb_m >li >a {font-size: 1.3em;padding: 1.2em 0.8em;}
	#header_type1 .quick_m >* {line-height: 1.2em;word-break: normal;}
}