@charset "utf-8";

@font-face{
	font-family:'SCDream';
	font-weight: 300;
	src:url("../font/SCDream-light.woff2") format('woff2'),
	url("../font/SCDream-light.woff") format('woff');
}
@font-face{
	font-family:'Jalnan';
	font-weight: 600;
	src:url("../font/Jalnan.woff2") format('woff2'),
	url("../font/Jalnan.woff") format('woff');
}

body{font-family:'NotoKr',sans-serif; box-sizing:border-box;}

/* top_wrap */
#wrapper{overflow-x:hidden; position:relative; width:100%; clear:both; background-color:#f8f4e7;}
#top_wrap{position:relative; width:100%; min-height:496px; padding-top:14px; box-sizing: border-box; background:#f8f4e7 url("../images/top_bg.png") no-repeat center bottom; text-align:center;}
#top_wrap:before{display:block; position:absolute; left:0; right:0; bottom:5px; width:259px; height:201px; margin:0 auto; background:url('../images/top_char.png') no-repeat;}
#top_wrap .section_inner{display:block; width:100%; padding-right:calc((100% - 1120px) / 2); padding-left:calc((100% - 1120px) / 2); font-size:0; line-height:0;}
#top_wrap .logo{text-align:left;}
#top_wrap .logo a img{width:164px; height:64px;}
#top_wrap .tit{display:inline-block; position:relative; margin-top:-14px; margin-left:auto; margin-right:auto; color:#1f2857; font-size:63px; line-height:73px; letter-spacing:-0.025em; font-family:'Jalnan';}
#top_wrap .tit:before{display:block; position:absolute; top:19px; left:125px; width:89px; height:48px; background:url('../images/top_deco01.png') no-repeat;}
#top_wrap .tit:after{display:block; position:absolute; top:0; right:-55px; width:119px; height:57px; background:url('../images/top_deco02.png') no-repeat;}
#top_wrap .tit em{font-size:54px;}
#top_wrap .tit span{color:#885732;}
#top_wrap .txt{margin-top:15px; color:#4a4a4a; font-size:30px; line-height:40px; letter-spacing:-0.05em; font-family:'SCDream';}
@media all and (max-width:1120px){
	#top_wrap .logo{padding:0 3%;}
	#top_wrap .logo a img{width:144px; height:56px;}
}
@media all and (max-width:1000px){
	#top_wrap{min-height:410px; background-size:contain;}
	#top_wrap:before{width:200px; height:155px; background-size:cover;}
	#top_wrap .tit{margin-top:0; font-size:45px; line-height:55px;}
	#top_wrap .tit:before{left:65px; width:69px; height:37px; background-size:cover;}
	#top_wrap .tit:after{right:-35px; width:92px; height:44px; background-size:cover;}
	#top_wrap .tit em{font-size:40px;}
	#top_wrap .txt{margin-top:10px; font-size:22px; line-height:32px;}
}
@media all and (max-width:640px){
	#top_wrap{min-height:280px;}
	#top_wrap:before{width:132px; height:102px;}
	#top_wrap .logo a img{width:98px; height:38px;}
	#top_wrap .tit{margin-top:5px; font-size:26px; line-height:34px;}
	#top_wrap .tit:before{top:8px; left:50px; width:45px; height:24px;}
	#top_wrap .tit:after{right:0; width:60px; height:29px;}
	#top_wrap .tit em{font-size:24px;}
	#top_wrap .txt{margin-top:5px; font-size:16px; line-height:24px;}
}

/* header */
#header{position:relative; z-index:12;}
#header.fixed{position:fixed; top:0; left:0; right:0;}
#header .header_box{overflow:visible !important; z-index:13; position:relative; width:100%; height:86px; background-color:#1f2857;}
#header .header_wrap{padding:0; color:#fff; margin:0 auto; text-align: center; width:1120px;}
#header #lnb .depth1{ float: left; width: 20%; color:#fff; }
#header #lnb .tit{display:block; padding:13px 0 17px 0; text-align:center;}
#header #lnb .tit span{position:relative; padding:0 42px; border-radius:30px; color:#fff; font-size:26px; line-height:56px; letter-spacing:-0.025em; font-family:'Jalnan';}
#header #lnb .tit span:before{opacity:0; display:block; position:absolute; top:100%; left:0; right:0; width:0; height:0; margin:0 auto; border-style:solid; border-width:10px 8px 0 8px; border-color:#f5f0df transparent transparent transparent;}
#header #lnb .depth1.active .tit span,
#header #lnb .tit:hover span{background-color:#f5f0df; color:#1f2857;}
#header #lnb .depth1.active .tit span:before,
#header #lnb .tit:hover span:before{opacity:1;}
#header.web_move{position:fixed; left: 0; top:0; width:100%;}
@media all and (max-width:1120px) {
	#header .header_wrap{width:100%; padding-left:3%; padding-right:3%;}
}
@media all and (max-width:1000px){
	#header .header_box{height:70px;}
	#header #lnb .tit{padding:13px 0 15px 0;}
	#header #lnb .tit span{padding:0 15px; font-size:22px; line-height:42px;}
	#header #lnb .tit span:before{border-width:8px 6px 0 6px;}
}
@media all and (max-width:640px){
	#header .header_box{height:60px;}
	#header .header_wrap{padding-left:2%; padding-right:2%;}
	#header #lnb .tit{padding:12px 0;}
	#header #lnb .tit span{width:100%; padding:0; font-size:16px; line-height:36px;}
	#header #lnb .tit span:before{border-width:6px 4px 0 4px;}
}

/* container */
#container{position:relative; width:100%; padding-bottom:97px; clear:both; background-color:#f8f4e7; z-index:1;}
#container .cont_w {position:relative; width:100%; overflow:hidden;}
#container .cont_w h2{position:relative; color:#1f2857; font-size:44px; line-height:48px; letter-spacing:0; font-family:'Jalnan'; text-align:center;}
#container .cont_w h2 span{position:relative;}
#container .cont_w h2 span:before{display:inline-block; margin-right:15px; background-repeat:no-repeat; background-size:cover;}
#container .cont_w.bg01 h2 span:before{width:42px; height:40px; background-image:url('../images/title_icon01.png'); vertical-align:-3px;}
#container .cont_w.bg02 h2 span:before{width:41px; height:43px; background-image:url('../images/title_icon02.png'); vertical-align:-5px;}
#container .cont_w.bg03 h2 span:before{width:47px; height:44px; background-image:url('../images/title_icon03.png'); vertical-align:-5px;}
#container .cont_w.bg04 h2 span:before{width:46px; height:46px; background-image:url('../images/title_icon04.png'); vertical-align:-6px;}
#container .cont_w.bg05 h2 span:before{width:33px; height:43px; background-image:url('../images/title_icon05.png'); vertical-align:-5px;}
#container .cont{ position:relative; width:1120px; padding:68px 0 0; margin:0 auto; clear:both; overflow:hidden;}
#container .box{position:relative; width:100%; margin-top:34px; padding:39px 48px 56px; border:1px solid #e6e6e6; background-color:#fff; border-radius:20px; }
#container .box h3{margin-top:44px; margin-bottom:18px; font-size:28px; font-weight:600;}
#container .box h3:first-child{margin-top:0;}
#container .box .bu li{margin-bottom:8px; font-size:20px;}
#container .box .btn.arrow{padding:21px 35px; border-radius:20px; border:none; background-color:#1f2857; color:#fff; font-size:22px; letter-spacing:-0.05em;}
#container .box .btn.arrow:after{width:24px; height:24px; margin-left:20px; background:url('../images/btn_icon.png') no-repeat; vertical-align:-4px;}
#container .box_cont{ position:relative; width:calc(100% - 80px); margin:10px 0; padding:25px 40px; clear:both; background-color:#f3f3f3; border-radius:20px; }
#container .cont_w.bg01 .box .btn.arrow{margin-top:28px;}
#container .cont_w.bg04 .box{padding-top:56px;}
#container .box .table tbody tr:last-child td{border-bottom:none;}
#container .box .bg_table{border-top-color:#f4f5f9;}
#container .box .bg_table:before{background-color:#f4f5f9;}
#container .box .bg_table th{border-left:none; border-right:none; border-bottom-color:#e5e5e5; background-color:#f4f5f9; color:#425b55; font-size:20px; letter-spacing:0;}
#container .box .bg_table th.sat{color:#1b5bd2;}
#container .box .bg_table th.sun{color:#db3326;}
#container .box .bg_table tbody th{color:#333; font-size:18px;}
#container .box .bg_table td{border:none; background-color:#f4f5f9;}
#container .box .bg_table td .stat{min-width:100%; height:48px; border-radius:30px; color:#fff; font-size:18px; letter-spacing:0; word-break:keep-all;}
#container .box .bg_table td .stat+.stat{margin-top:7px;}
#container .box .bg_table td .stat.blue{background-color:#437dea;}
#container .box .bg_table td .stat.red{background-color:#ef6156;}
#container .box .bg_table td .stat:before{display:inline-block; height:100%; vertical-align:middle;}
#container .box .bg_table td .stat em{display:inline-block; vertical-align:middle;}
@media all and (max-width:1120px){
	#container .cont{width:100%; padding-left:3%; padding-right:3%;}
	#container .box{padding:35px 40px 45px;}
	#container .cont_w.bg04 .box{padding-top:45px;}
}
@media all and (max-width:1000px){
	#container .cont_w h2{font-size:36px; line-height:42px;}
	#container .cont_w.bg01 h2 span:before{width:36px; height:34px;}
	#container .cont_w.bg02 h2 span:before{width:35px; height:37px;}
	#container .cont_w.bg03 h2 span:before{width:41px; height:38px;}
	#container .cont_w.bg04 h2 span:before{width:40px; height:40px;}
	#container .cont_w.bg05 h2 span:before{width:27px; height:35px;}
	#container .cont{padding-top:45px;}
	#container .box{margin-top:30px;}
	#container .box .bu li{margin-bottom:4px; font-size:18px;}
	#container .box .btn.arrow{padding:16px 30px; font-size:18px;}
	#container .box .bg_table th{font-size:16px;}
	#container .box .bg_table tbody th{font-size:16px;}
	#container .box .bg_table td .stat{font-size:15px; line-height:18px;}
}
@media all and (max-width:640px){
	#container{padding-bottom:45px;}
	#container .cont_w h2{font-size:30px; line-height:38px;}
	#container .cont_w h2 span:before{margin-right:10px;}
	#container .cont_w.bg01 h2 span:before{width:30px; height:28px;}
	#container .cont_w.bg02 h2 span:before{width:29px; height:31px; vertical-align:-4px;}
	#container .cont_w.bg03 h2 span:before{width:35px; height:32px;}
	#container .cont_w.bg04 h2 span:before{width:34px; height:34px;}
	#container .cont_w.bg05 h2 span:before{width:24px; height:31px; vertical-align:-4px;}
	#container .cont{padding-top:40px;}
	#container .box{padding:25px 20px 30px;}
	#container .box h3{margin-top:35px; margin-bottom:14px; font-size:22px; line-height:28px;}
	#container .box .bu li{margin-bottom:2px; font-size:15px; line-height:24px;}
	#container .box .btn.arrow{padding:14px 18px; border-radius:15px; font-size:16px; word-break:keep-all;}
	#container .box .btn.arrow:after{width:20px; height:20px; margin-left:10px; background-size:cover;}
	#container .cont_w.bg04 .box{padding-top:30px;}
	#container .cont_w.bg01 .box .btn.arrow{margin-top:15px;}
}

/* footer */
#footer{position:relative; padding-top:52px; padding-bottom:43px; background-color:#fff;}
#footer .footer_content{position:relative; width:1120px; margin:0 auto; padding-left:192px;}
#footer .footer_content .logo{position:absolute; top:-10px; left:15px; bottom:0; margin:auto 0;}
#footer .footer_content .info{color:#7d7d7d; font-size:15px; line-height:24px; font-weight:300;}
#footer .footer_content .info_copyright{margin-top:3px; word-break:keep-all;}
@media all and (max-width:640px){
	#footer{padding-top:35px; padding-bottom:30px;}
	#footer .footer_content{width:100%; padding-left:3%; padding-right:3%;}
	#footer .footer_content .logo{position:relative; top:auto; left:auto;}
	#footer .footer_content .logo img{width:98px; height:38px;}
	#footer .footer_content .info{margin-top:15px; font-size:13px; line-height:18px;}
}