@charset "UTF-8";

.header_wrap{position:fixed}

/* page_navi */
.sub_navi{position:relative;z-index:50;height:175px;padding-top:140px}
.page_btns{position:absolute;top:190px;text-align:center}
.page_btns.page_prev{left:50%;margin-left:-540px}
.page_btns.page_next{right:50%;margin-right:-540px}
.page_btns .num{font-family:'NotoSansKR-Bold';font-size:20px;letter-spacing:0.2em;color:#203f99}
.page_btns .line_wrap{margin:18px 0}
.page_btns span{display:inline-block;height:1px;background:#203f99}
.page_btns .line_split{position:relative;width:25px}
.page_btns .line_split:before, .page_btns .line_split:after{display:block;content:'';position:absolute;top:0;width:12px;height:1px;background:#203f99;opacity:0;transition: all .5s;}
.page_prev .line_split:before, .page_prev .line_split:after{left:0;
-webkit-transform-origin:0 0;
-ms-transform-origin:0 0;
transform-origin:0 0
}
.page_next .line_split:before, .page_next .line_split:after{right:0;
-webkit-transform-origin:100% 100%;
-ms-transform-origin:100% 100%;
transform-origin:100% 100%
}
.page_btns .line{width:120px;transition: all .5s}
.page_prev .line{
-webkit-transform-origin:100% 100%;
-ms-transform-origin:100% 100%;
transform-origin:100% 100%
}
.page_next .line{
-webkit-transform-origin:0 0;
-ms-transform-origin:0 0;
transform-origin:0 0
}
.page_btns:hover .line{
-webkit-transform:scale(0.79, 1);
-ms-transform:scale(0.79, 1);
transform:scale(0.79, 1)
}
.page_btns.page_prev:hover .line_split:before{left:0;opacity:1;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.page_btns.page_prev:hover .line_split:after{left:0;opacity:1;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.page_btns.page_next:hover .line_split:before{right:0;opacity:1;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.page_btns.page_next:hover .line_split:after{right:0;opacity:1;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.page_btns .page_name{font-size:17px;letter-spacing:-0.07em;color:#203f99}

/* sub_title_area */
.sub_title{padding:35px 0 10px;font-family:'NotoSansKR-Thin';font-size:50px;letter-spacing:-0.05em;color:#203f99}
.sub_text{font-size:20px;letter-spacing:-0.05em;line-height:195%;color:#000}

.text{font-family:'NotoSansKR-Light';font-size:15px;letter-spacing:-0.05em;line-height:160%;color:#777}
.text em{font-family:'NotoSansKR-Medium';color:#555}
.stit{font-family:'NotoSansKR-Bold';font-size:18px;letter-spacing:-0.05em;color:#203f99}
.tit{font-family:'NotoSansKR-Light';font-size:30px;letter-spacing:-0.05em;color:#222}
.tit em{font-family:'NotoSansKR-Medium'}

/* bottom_links */
.bottom_links{height:101px;padding-top:30px;border-top:1px solid #e5e5e5 ;box-sizing:border-box;background:#fff;font-size:0;text-align:center}
.bottom_links li{display:inline-block;position:relative;padding-left:103px;box-sizing:border-box}
.bottom_links li.li01{width:296px;padding-left:87px}
.bottom_links li.li02{width:291px}
.bottom_links li.li03{width:267px}
.bottom_links li.li04{width:306px}
.bottom_links li:before, .bottom_links li:after{display:block;content:'';position:absolute}
.bottom_links li:after{right:0;top:3px;width:1px;height:40px;background:rgba(0,0,0,0.1)}
.bottom_links li:before{left:50px;top:2px;width:40px;height:40px;background-repeat:no-repeat;background-position:center}
.bottom_links li:last-child:after{display:none}
.bottom_links li.li01:before{left:40px;background-image:url('../img/sub/bot_ico01.png')}
.bottom_links li.li02:before{background-image:url('../img/sub/bot_ico02.png')}
.bottom_links li.li03:before{background-image:url('../img/sub/bot_ico03.png')}
.bottom_links li.li04:before{background-image:url('../img/sub/bot_ico04.png')}
.bottom_links .text{color:#aaa;text-align:left}
.bottom_links .text em{font-family:'NotoSansKR-Bold';color:#203f99}

/* bottom_inquiry */
.bottom_inquiry{height:80px;background:#f8cc00}
.bottom_inquiry .center{height:100%;font-size:0}
.bottom_inquiry .center > img{left:34px;bottom:0}
.bottom_inquiry .inq_txt{display:inline-block;padding:20px 30px 0 0;font-family:'NotoSansKR-Bold';font-size:16px;letter-spacing:-0.1em;line-height:125%;color:#203f99}
.bottom_inquiry .inq_num{display:inline-block;padding:20px 30px 0 0}
.bottom_form{display:inline-block;padding-top:20px}
.bottom_form .type_txt{position:relative;width:190px;height:40px;margin-right:10px}
.bottom_form .type_txt input{width:100%;height:100%;padding:0 15px;box-sizing:border-box;border:0;font-size:15px;letter-spacing:-0.05em;color:#919191}
.bottom_form .type_txt label{position:absolute;left:15px;top:0;font-size:15px;letter-spacing:-0.05em;line-height:40px;color:#919191}
.inq_btn_wrap{width:202px;height:40px;background:#203f99}
.btn_send{text-indent:30px;font-size:12px;letter-spacing:-0.05em;line-height:40px;color:#fff}
.btn_policy{position:absolute;left:13px;top:16px}

/* tabmenu */
.tabmenu_wrap{margin:0 auto}
.tabmenu{padding:0 0 40px 0;position:relative;text-align:center}
.tabmenu:after{display:block;clear:both;content:""}
.tabmenu > li{display:inline-block;width:195px;height:50px;margin-left:8px}
.tabmenu > li:first-child{margin-left:0}
.tabmenu > li > a{display:block;width:100%;font-family:'NotoSansKR-Medium';font-size:22px;color:#fff;text-align:center;line-height:50px;letter-spacing:-0.025em;background:#f8cc00}
.tabmenu > li.on > a, .tabmenu > li > a:hover{background:#203f99}