@charset "utf-8";
/* 공용 */
.main_tit p{font-size:34px; letter-spacing:-0.045em; color:#162347; font-weight:bold;}


/* main visual */
.main_visual{width:100%; height:100%;}
.main_visual ul li{background:url('/img/main_visual01.png') no-repeat center / cover; }
.main_visual ul li .table{display:table; width:100%; height:100%; text-align:center; }
.main_visual ul li .table p{display:table-cell; vertical-align:bottom; padding-bottom:50px;font-size:52px; letter-spacing:-0.045em; color:#ffffff; font-weight:bold;}

@media all and (max-width:1200px){
	.main_visual ul li .table p{font-size:40px;}
}

@media all and (max-width:1000px){
	.main_visual ul li .table p{font-size:32px;}
}

/* main contents */
.main_con01{font-size:0; letter-spacing:-4px; position:relative; }
.main_con01:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:100px; background:#f1f1f1; z-index:-1; }
.main_con01 .inner:after{content:''; display:block; clear:both; }
.main_con01 .left_box{float:left; width:calc(70% - 10px); margin-right:20px; overflow:hidden; height:480px; border-radius:10px;}
.main_con01 .right_box{float:right; display:table; width:calc(30% - 10px); height:480px; background:#162347; padding:40px 30px; box-sizing:border-box; border-radius:10px; }
.main_con01 .right_box .table{display:Table-cell; vertical-align:middle; width:100%;}
.main_con01 .right_box .txt_box p{font-size:34px; letter-spacing:0; color:#FFF; font-weight:400;}
.main_con01 .right_box .login_box{padding-top:20px; }
.main_con01 .right_box .login_box dl + dl{margin-top:10px; }
.main_con01 .right_box .login_box dl dt{display:inline-block; vertical-align:middle; width:100px;}
.main_con01 .right_box .login_box dl dt p{font-size:20px; letter-spacing:-0.045em; color:#ffffff; font-weight:300;}
.main_con01 .right_box .login_box dl dd{display:inline-block; vertical-align:middle; width:calc(100% - 100px);}
.main_con01 .right_box .login_box dl dd input{width:100%; height:50px; font-size:18px; letter-spacing:-0.045em; color:#222222; font-weight:300; padding:15px; box-sizing:border-box; }
.main_con01 .right_box .storage_box{padding-top:25px; text-align:right; }
.main_con01 .right_box .storage_box ul li{display:inline-block; vertical-align:top; margin-right:25px; }
.main_con01 .right_box .storage_box ul li:last-of-type{margin-right:0; }
.main_con01 .right_box .storage_box ul li label.check_custom input{display:none}
.main_con01 .right_box .storage_box ul li label.check_custom i{display:inline-block; vertical-align:middle; width:18px; height:18px; background:url('/img/storage_box_icon_off.png')no-repeat; margin-right:10px; }
.main_con01 .right_box .storage_box ul li label.check_custom span{display:inline-block; vertical-align:middle; font-size:17px; letter-spacing:-0.045em; color:#ffffff; font-weight:300;}
.main_con01 .right_box .storage_box ul li input:checked + i{background:url('/img/storage_box_icon_on.png')no-repeat;}
.main_con01 .right_box .bot_box{padding-top:50px;}
.main_con01 .right_box .bot_box ul li{display:inline-block; vertical-align:top; width:calc(50% - 5px); margin-right:10px; height:60px; text-align:center; }
.main_con01 .right_box .bot_box ul li:nth-of-type(1){width:100%; margin-right:0;}
.main_con01 .right_box .bot_box ul li:nth-of-type(1) a{font-size:20px; background:#0e2b7b}
.main_con01 .right_box .bot_box ul li:nth-of-type(n+2){margin-top:10px;}
.main_con01 .right_box .bot_box ul li:last-of-type{margin-right:0; }
.main_con01 .right_box .bot_box ul li a{display:block; font-size:17px; letter-spacing:-0.045em; color:#FFF; line-height:60px; background:#040c20}

@media all and (max-width:1200px){
	.main_con01 .left_box{width:calc(60% - 10px);}
	.main_con01 .right_box{width:calc(40% - 10px);}
}

@media all and (max-width:1000px){
	.main_con01 .left_box{width:100%; display:block; margin-right:0;  margin-top:30px; float:none;}
	.main_con01 .right_box{width:100%; display:block; float:none; height:auto;}
	.main_con01 .right_box .table{display:block;}
}

.main_con02{font-size:0; letter-spacing:-4px; padding:80px 0 150px;}
.main_con02 .left_box{display:inline-block; vertical-align:top; width:calc(70% - 10px); margin-right:20px; }
.main_con02 .left_box .top_box{padding-bottom:20px;}
.main_con02 .left_box .top_box:after{content:''; display:block; clear:both; }
.main_con02 .left_box .top_box .main_tit{display:inline-block; vertical-align:middle;}
.main_con02 .left_box .top_box .notice_tab{display:inline-block; vertical-align:middle;  float:right;}
.main_con02 .left_box .top_box .notice_tab ul li{display:inline-block; vertical-align:middle; margin-right:15px; }
.main_con02 .left_box .top_box .notice_tab ul li a{width:154px; height:50px; border:2px solid #e4e4e4; border-radius:25px; box-sizing:border-box; font-size:20px; letter-spacing:-0.045em; color:#222222; font-weight:300; line-height:46px; text-align:center; display:block; background:#FFF}
.main_con02 .left_box .top_box .notice_tab ul li.on a{color:#FFF; background:#162347; border:0; }
.main_con02 .left_box .mid_box > div{display:none; border-top:2px solid #162347; background:#FFF}
.main_con02 .left_box .mid_box > div.on{display:block; }
.main_con02 .left_box .mid_box ul li{ border-bottom:1px solid #dee1e8; }
.main_con02 .left_box .mid_box ul li a{display:block; padding:21px 30px; box-sizing:border-box;}
.main_con02 .left_box .mid_box ul li a p{display:inline-block; vertical-align:middle; width:calc(100% - 270px); color:#222222; font-size:20px; letter-spacing:-0.045em;  font-weight:300; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; position:relative; padding-left:25px; box-sizing:border-box; }
.main_con02 .left_box .mid_box ul li a p:after{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:12px; height:12px; border-radius:50%; border:3px solid #FFF; background:#162347; box-sizing:border-box;}
.main_con02 .left_box .mid_box ul li a span{display:inline-block; vertical-align:middle;  width:170px; padding-left:20px; box-sizing:border-box; font-size:18px; letter-spacing:-0.045em; color:#222222; font-weight:300;}
.main_con02 .left_box .mid_box ul li a span.date{display:inline-block; vertical-align:middle;  width:100px; color:#999999; font-size:18px; letter-spacing:0; font-weight:400; padding-left:0;}
.main_con02 .left_box .mid_box ul li:hover{background:#0e2b7b}
.main_con02 .left_box .mid_box ul li:hover a p{color:#FFF; font-weight:bold;}
.main_con02 .left_box .mid_box ul li:hover a span{color:#FFF; font-weight:500;}
.main_con02 .left_box .mid_box ul li:hover a span.date{color:#FFF;}
.main_con02 .left_box .bot_box{margin-top:15px; }
.main_con02 .left_box .bot_box ul li{display:inline-block; vertical-align:top; width:calc(33.333333% - 13.333333px); margin-right:20px; }
.main_con02 .left_box .bot_box ul li:nth-of-type(3n){margin-right:0}
.main_con02 .left_box .bot_box ul li .img_box{position:relative; padding:41.7% 0; overflow:hidden;}
.main_con02 .left_box .bot_box ul li .img_box img{position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%)}
.main_con02 .left_box .bot_box ul li .img_box .txt_box{position:absolute; left:0; bottom:0; width:100%; height:50px; padding:0 25px; box-sizing:border-box; background:#162347}
.main_con02 .left_box .bot_box ul li .img_box .txt_box p{font-size:18px; letter-spacing:-0.045em; color:#FFF; font-weight:300; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; line-height:50px; }
.main_con02 .right_box{display:inline-block; vertical-align:top; width:calc(30% - 10px);}
.main_con02 .right_box .top_box .main_tit{padding-bottom:20px}
.main_con02 .right_box .info_box{border-top:2px solid #162347; background:#FFF}
.main_con02 .right_box .info_box{padding:20px 30px 33px; box-sizing:border-box;}
.main_con02 .right_box .info_box .peo_box ul li{display:block; padding:10px 0; }
.main_con02 .right_box .info_box .peo_box ul li + li{border-top:1px dotted #c9c9c9}
.main_con02 .right_box .info_box .peo_box ul li p{width:140px; display:inline-block; vertical-align:middle; padding-left:35px; box-sizing:border-box; margin-right:15px; font-size:20px; letter-spacing:-0.045em; color:#222222; font-weight:500; position:relative; }
.main_con02 .right_box .info_box .peo_box ul li p:after{content:''; position:absolute; width:6px; height:6px; background:#162347; border-radius:50%; left:15px; top:50%; transform:translateY(-50%); }
.main_con02 .right_box .info_box .peo_box ul li span{width:calc(100% - 160px); display:inline-block; vertical-align:middle; font-size:18px; letter-spacing:-0.045em; color:#222222; font-weight:300;}
.main_con02 .right_box .info_box .money_box{padding-top:30px;}
.main_con02 .right_box .info_box .money_box p{padding-left:40px; box-sizing:border-box; position:relative; font-size:20px; letter-spacing:-0.045em; color:#222222; font-weight:bold;}
.main_con02 .right_box .info_box .money_box p:after{content:''; position:absolute; left:0; top:2px; background:url('/img/main_con02_icon01.png') no-repeat; width:27px; height:23px; }
.main_con02 .right_box .info_box .money_box span{display:block; padding-left:40px; box-sizing:border-box; font-size:20px; letter-spacing:-0.045em; color:#666666; font-weight:300;}
.main_con02 .right_box .bot_box{margin-top:15px; }
.main_con02 .right_box .bot_box ul li + li{margin-top:15px}
.main_con02 .right_box .bot_box ul li .img_box{position:relative; padding:15% 0;}
.main_con02 .right_box .bot_box ul li .img_box img{position:absolute; left:0; top:50%; transform:translateY(-50%); width:100% }

@media all and (max-width:1400px){
	.main_con02 .right_box .info_box{padding:15px 10px 30px;}
	.main_con02 .right_box .info_box .peo_box ul li p{padding-left:15px; width:120px;}
	.main_con02 .right_box .info_box .peo_box ul li p:after{left:0;}
	.main_con02 .right_box .info_box .peo_box ul li span{width:width:calc(100% - 120px);}
}

@media all and (max-width:1200px){
	.main_con02 .left_box .mid_box ul li a p{width:calc(100% - 200px)}
	.main_con02 .left_box .mid_box ul li a span{width:100px}
	.main_con02 .right_box .info_box .peo_box ul li span{box-sizing:border-box;}
	.main_con02 .left_box .top_box .notice_tab ul li a{width:140px;}
}

@media all and (max-width:1000px){
	.main_con02 .left_box{display:block; width:100%; margin-right:0; }
	.main_con02 .right_box{display:block; width:100%; margin-top:30px; }
	.main_con02 .left_box .top_box .main_tit{display:block}
	.main_con02 .left_box .top_box .notice_tab{display:block; float:none; margin-top:15px; }
	.main_con02 .left_box .top_box .notice_tab ul li{margin-right:5px; }
}

@media all and (max-width:767px){
	.main_con02 .left_box .bot_box ul li{display:block; width:100%; margin-righT:0; }
	.main_con02 .left_box .bot_box ul li + li{margin-top:15px; }
}

.greeting_con01{padding:30px 0 150px;}