/*-------- 메인페이지 스타일 --------*/
@font-face{ 
	font-family: 'Vitro_core';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Vitro_core.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}
@font-face {
    font-family: 'FlightSans-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/FlightSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'FlightSans-Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/FlightSans-Bold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'FlightSans-Title';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/FlightSans-Title.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-4Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

*{letter-spacing:-.5px; }

/*-- font style --*/
.font_vitro{font-family: 'Vitro_core';}
.font_flight{font-family: 'FlightSans-Title';}
.font_flight_b{font-family: 'FlightSans-Bold';}
.font_flight_r{font-family: 'FlightSans-Regular';}
.font_paper{font-family: 'Paperlogy-4Regular';}
.font_paper_eb{font-family: 'Paperlogy-8ExtraBold';}

/*-- font weight --*/
.fw_m{font-weight:400;}
.fw_sb{font-weight:500;}
.fw_b{font-weight:bold;}
.fw_bl{font-weight:900;}

/*-- font size --*/
.fs_13{font-size:13px; }
.fs_14{font-size:14px; }
.fs_15{font-size:15px; }
.fs_16{font-size:16px; }
.fs_18{font-size:18px; }
.fs_20{font-size:20px; }
.fs_21{font-size:21px; }
.fs_22{font-size:22px; }
.fs_23{font-size:23px; }
.fs_24{font-size:24px; }
.fs_25{font-size:25px; }
.fs_26{font-size:26px; }
.fs_28{font-size:28px; }
.fs_29{font-size:29px; }
.fs_30{font-size:30px; }
.fs_33{font-size:33px; }
.fs_37{font-size:37px; }
.fs_40{font-size:40px; }
.fs_64{font-size:64px; }

/*@media screen and (max-width:760px){ */
	.fs_13{font-size:10px; }
	.fs_14{font-size:11px; }
	.fs_15{font-size:11px; }
	.fs_16{font-size:11px; }
	.fs_18{font-size:11px; }
	.fs_20{font-size:13px; }
	.fs_21{font-size:13px; }
	.fs_22{font-size:13px; }
	.fs_23{font-size:12px; }
	.fs_24{font-size:14px; }
	.fs_25{font-size:14px; }
	.fs_26{font-size:18px; }
	.fs_27{font-size:20px; }
	.fs_29{font-size:15px; font-size:24px;}
	.fs_33{font-size:14px; }
	.fs_37{font-size:18px; }
	.fs_64{font-size:42px; }
/*}*/

@media screen and (max-width:760px){
	.fs_33{font-size:12px; }
}

.txt_c{text-align:center; }

/*-- container --*/
.b_inner{max-width:950px; width:94%; margin: 0 auto; }

/*@media screen and (max-width:720px){ */
	.b_inner{max-width:635px; }
/*}*/

/*-- index --*/
.b_box_wrap{/*max-width:1080px;*/ max-width:460px; width:100%; margin: 0 auto; overflow:hidden; }
.b_box_wrap img{max-width:100%; display:block; }

/*-- main visual --*/
.b_mv_box {background:url(/img/index/mv_bg.jpg) no-repeat center bottom / cover; padding:70px 0 25%; }
.b_mv_box img{max-width:100%; display:block; }
.b_mv_box .b_top_logo{display:flex; justify-content:space-between; align-items:center; margin-bottom: 100px; }
.b_mv_box .b_tit_box {padding-bottom:30px; }
.b_mv_box .b_tit_box .b_top_tit{display:flex; justify-content:center; align-items:flex-end; }
.b_mv_box .b_tit_box .b_top_tit p{color:#273067; font-style:italic; line-height: 1; margin-right:4px;}
.b_mv_box .b_tit_box .b_bot_tit{transform:translateY(-6px)}
.b_mv_box .b_tit_box .b_bot_tit img{margin:0 auto; }
.b_mv_box .b_info_box{text-align:center; }
.b_mv_box .b_info_box .b_sub_txt{background-color:rgba(3,28,69,.8); border-radius:15px; padding:10px 30px; color:#fff; width:fit-content; margin:0 auto; margin-bottom:20px; background: url("/img/index/txt_mask.png") no-repeat center 59%;}
.b_mv_box .b_info_box .b_sub_txt b{color:#d2fffa; }
.b_mv_box .b_info_box ul{display:flex; align-items:center; justify-content:center; column-gap:20px; }
.b_mv_box .b_info_box li{display:flex; align-items:center; }
.b_mv_box .b_info_box li p{color:#000f2f; border-right:3px solid #000f2f; width:fit-content; padding-right:10px; margin-right:10px; }
.b_mv_box .b_info_box li span{color:#000f2f; font-size: 12px;}

/*@media screen and (max-width:760px){ */
	.b_mv_box {padding:20px 0 22%; } 
	.b_mv_box .b_tit_box {padding-bottom: 10px;}
	.b_mv_box .b_tit_box .b_top_tit img{width:100px;}
	.b_mv_box .b_tit_box .b_bot_tit img{max-width: 377px; width: 100%;}
	.b_mv_box .b_top_logo{margin-bottom: 35px;}
	.b_mv_box .b_top_logo img{height: 15px;}
	.b_mv_box .b_info_box ul{column-gap: 12px;}
	.b_mv_box .b_info_box li p{padding-right: 8px; margin-right: 8px; border-right: 2px solid #000f2f; font-size: 12px;}
	.b_mv_box .b_info_box .b_sub_txt{margin-bottom: 10px; border-radius: 8px; padding: 6px 20px; background: url(/img/index/txt_mask.png) no-repeat center 65%;}
	.b_mv_box .b_tit_box .b_top_tit p{font-size: 13px;}
	.b_mv_box .b_tit_box .b_top_tit .toto_logo {width: 70px;}
	.b_mv_box .b_tit_box .b_top_tit .toto_txt {width: 108px; margin-right:2px;}
/*}*/
@media screen and (max-width:760px){ 
	.b_mv_box .b_tit_box .b_bot_tit img{max-width: 295px;}
}

.b_main_sec .b_cont_box{background-color:#e5e9f4; padding:30px 0 50px;}
.b_main_sec .b_cont_box .b_inner{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:30px 2% ; }
.b_main_sec .b_cont_box .b_box{position:relative; width:100%; height:335px; border-radius:10px; padding:30px 40px 0 40px; overflow:hidden; }
.b_main_sec .b_cont_box .b_box_03, .b_main_sec .b_cont_box .b_box_04{width:49%; }
.b_main_sec .b_cont_box .b_box_01{background-color:#1a87e4; }
.b_main_sec .b_cont_box .b_box_02{background-color:#1ebee7; }
.b_main_sec .b_cont_box .b_box_03{background-color:#add3f8; }
.b_main_sec .b_cont_box .b_box_04{background-color:#7cd8ae; }
.b_main_sec .b_cont_box .b_box > a{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; }
.b_main_sec .b_cont_box .b_box .b_txt_box{color:#fff; position:relative; z-index:5;}
.b_main_sec .b_cont_box .b_box .b_txt_box h3{margin: 10px 0 40px; }
.b_main_sec .b_cont_box .b_box .b_txt_box p{line-height:1.5}
.b_main_sec .b_cont_box .b_box_03 .b_txt_box, .b_main_sec .b_cont_box .b_box_04 .b_txt_box{color:#00273f; }
.b_main_sec .b_cont_box .b_box .b_bg_img{position:absolute; z-index:3; right:10px;     bottom: 15px; z-index:2; }
.b_main_sec .b_cont_box .b_box .b_btn_img{position:absolute; z-index:3; left:50%; transform:translateX(-50%); bottom: 0; z-index:1; }
.b_main_sec .b_cont_box .b_box_03 .b_btn_img, .b_main_sec .b_cont_box .b_box_04 .b_btn_img{left:0; transform:translateX(0); bottom: 8px;}
.b_main_sec .b_cont_box .b_box_04 .b_txt_box{padding-top:40px; }
.b_main_sec .b_cont_box .b_box_04 .b_txt_box h3{margin:0; }

/*@media screen and (max-width:1080px){ */
	.b_main_sec .b_cont_box{padding: 20px 0 35px;}
	.b_main_sec .b_cont_box .b_inner{gap: 15px 2%;}
	.b_main_sec .b_cont_box .b_box{height:225px; padding: 20px 35px 0 35px;}
	.b_main_sec .b_cont_box .b_box_01 .b_bg_img, .b_main_sec .b_cont_box .b_box_02 .b_bg_img{height: 200px;}
	.b_main_sec .b_cont_box .b_box_03 .b_bg_img, .b_main_sec .b_cont_box .b_box_04 .b_bg_img{height: 135px; bottom: 0;}
	.b_main_sec .b_cont_box .b_box_04 .b_txt_box {padding-top: 25px;}
	.b_main_sec .b_cont_box .b_box .b_txt_box span{font-size:18px; }
	.b_main_sec .b_cont_box .b_box .b_txt_box h3{font-size:40px; }
	.b_main_sec .b_cont_box .b_box .b_txt_box p{font-size:20px; }
	.b_main_sec .b_cont_box .b_box_03 .b_txt_box h3, .b_main_sec .b_cont_box .b_box_04 .b_txt_box h3{font-size:28px;}
	.b_main_sec .b_cont_box .b_box .b_btn_img{width:200px; }
	.b_main_sec .b_cont_box .b_box_03 .b_txt_box .b_btn_img, .b_main_sec .b_cont_box .b_box_04 .b_txt_box .b_btn_img{width:190px; }
}

/*@media screen and (max-width:760px){ */
	.b_main_sec .b_cont_box {padding: 10px 0 17px;}
	.b_main_sec .b_cont_box .b_inner {gap: 10px 2%;}
	.b_main_sec .b_cont_box .b_box{height:143px; padding: 10px 12px 0 12px; border-radius: 5px;}
	.b_main_sec .b_cont_box .b_box .b_txt_box span{font-size:12px; }
	.b_main_sec .b_cont_box .b_box .b_txt_box h3{font-size:27px; margin: 3px 0 12px;}
	.b_main_sec .b_cont_box .b_box .b_txt_box p{font-size:14px; }
	.b_main_sec .b_cont_box .b_box_03 .b_txt_box h3, .b_main_sec .b_cont_box .b_box_04 .b_txt_box h3{font-size:18px;}
	.b_main_sec .b_cont_box .b_box_01 .b_bg_img, .b_main_sec .b_cont_box .b_box_02 .b_bg_img {height: 125px;bottom: 0; top: 50%; transform: translateY(-50%);}
	.b_main_sec .b_cont_box .b_box_03 .b_bg_img, .b_main_sec .b_cont_box .b_box_04 .b_bg_img{height: 86px; bottom: 1px; right: 6px;}
	.b_main_sec .b_cont_box .b_box .b_btn_img {width: 127px; bottom: -3px;}
	.b_main_sec .b_cont_box .b_box_03 .b_btn_img, .b_main_sec .b_cont_box .b_box_04 .b_btn_img{left:2px; width: 122px;}
	.b_main_sec .b_cont_box .b_box_04 .b_txt_box {padding-top: 15px;}
/*}*/

@media screen and (max-width:760px){
	.b_main_sec .b_cont_box .b_box{height:112px; }
	.b_main_sec .b_cont_box .b_box .b_txt_box h3{font-size:22px; margin: 3px 0 12px;}
	.b_main_sec .b_cont_box .b_box .b_txt_box span{font-size:11px; }
	.b_main_sec .b_cont_box .b_box .b_txt_box p{font-size:12px; }
	.b_main_sec .b_cont_box .b_box_01 .b_bg_img, .b_main_sec .b_cont_box .b_box_02 .b_bg_img {height: 95px;}
	.b_main_sec .b_cont_box .b_box .b_btn_img {width: 100px;}
	.b_main_sec .b_cont_box .b_box_03 .b_txt_box h3, .b_main_sec .b_cont_box .b_box_04 .b_txt_box h3{font-size:14px;}
	.b_main_sec .b_cont_box .b_box_03 .b_bg_img, .b_main_sec .b_cont_box .b_box_04 .b_bg_img{height: 65px; right: 4px;}
}


/*-- footer --*/
#b_footer{background-color:#1b2735; padding:20px 0; color:#fff; max-width: 460px; width: 100%; margin: 0 auto; overflow: hidden;}
#b_footer .b_ft_top{padding-bottom:20px; margin-bottom:20px; /*border-bottom:1px solid rgba(255,255,255,.4); */}
#b_footer .b_policy_btn{color:#fff; display:block; width:fit-content; margin-bottom:8px; }
#b_footer address{line-height:1.7; color: #5a6270;}
#b_footer address .b_copy{margin-top:10px; letter-spacing: 0;}
#b_footer .b_ft_bot h4{margin:8px 0; letter-spacing: .5px;}
#b_footer .b_ft_bot span{line-height:1.7; color: #5a6270;}


/*-- quick menu --*/
#b_quick_wrap{position:fixed; left:50%; top:40%; transform:translate(-50%,-50%); z-index:20; max-width: 460px; width: 100%; margin: 0 auto;}
#b_quick_menu{position:absolute; right:5px; top:50%; transform:translateY(-50%); }
#b_quick_menu {display:flex; flex-direction:column; row-gap:5px; align-items:center; }
#b_quick_menu li:nth-child(1) a{background-color:#031c45; }
#b_quick_menu li:nth-child(2) a{background-color:#ff9711; }
#b_quick_menu li:nth-child(3) a{background-color:#ff274b; }
#b_quick_menu li:nth-child(4) a{background-color:#006410; }
#b_quick_menu li a{display:flex; align-items:center; justify-content:center; border-radius:5px; width:40px; aspect-ratio:1/1; }
#b_quick_menu li img{display:block; max-width:100%; width:22px; }


/*---개인정보처리방침, 이용약관 팝업 추가---*/
.add_pop_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 20;display: none;}
.add_pop_inner{position: absolute;top: 0;left: 50%;width: 94%;max-width: 500px;height: 450px;border-radius: 0px;overflow: hidden;transform: translateX(-50%) scale(.9);transition: transform .3s ease; margin-top: 20px; border-radius: 10px;}
.add_pop_wrap.active .add_pop_inner{transform: translateX(-50%) scale(1);}
.add_pop_tit{background: #014d9e;color: #FFF;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding:0 15px;font-weight: bold;}
.add_pop_close{width: 20px;height: 40px;position: relative;}
.add_pop_close span{position: absolute;top: 19px;left: 0;width: 20px;height: 2px;background: #FFF;z-index: 1;transition: transform .3s ease;}
.add_pop_close span:nth-child(1){transform: rotate(45deg);}
.add_pop_close span:nth-child(2){transform: rotate(-45deg);}
.add_pop_close:hover span{transform: rotate(0);}
.add_pop_con{background: #FFF;padding: 15px;overflow-y: scroll;height: calc( 100% - 40px );}
.add_pop_con p{margin-bottom:20px; line-height:1.4; }
.add_pop_con h5{font-weight: bold;margin-bottom: 4px;}

@media (max-width: 760px){ 
	.add_pop_con p{font-size: 12px;}
}