/* header */
#header{position:relative;top:0;width:100%;height:125px;background-color:#1a2b7f;}
.head_top{position:relative;max-width:1200px;margin:0 auto;}
.topnav {position:relative;max-width:1200px;top:35px;margin:0 auto;overflow: hidden;background-color: #1a2b7f;}
.topnav h1{float:left;}
.topnav ul{float:right;margin-top:18px;}
.topnav ul li{float:left;margin-left:60px;}
.topnav a {float: left;display: block;color: #fff;font-weight:400;text-align: center;text-decoration: none;font-size: 18px;}
.topnav ul li a:hover {border-bottom:solid 2px #bbc6e4;}
.topnav .icon {display: none;}

@media screen and (max-width:1199px) {
.topnav h1{padding-left:20px;}
.topnav ul{padding-right:20px;}
.topnav ul li{margin-left:40px;}
}
@media screen and (min-width:768px) and (max-width: 1023px) {
#header{height:100px;}
.topnav h1{padding-left:20px;}
.topnav ul{padding-right:20px;}
.topnav ul li{margin-left:16px;}
.topnav ul li:first-child{margin-left:0px;}
.topnav h1 img{width:128px;height:auto;}
}
@media screen and (max-width:767px) {
#header{height:100px;}
.topnav {top:32px;}
.topnav h1{padding-left:20px;float:none;}
.topnav h1 img{width:128px;height:auto;}
.topnav ul{float:none;margin-top:0px;}
.topnav ul li{float:none;margin-left:0px;}
.topnav ul li a {display: none;}
.topnav a.icon {float: right;display: block;padding:20px;margin-top:-10px;}

.topnav.responsive {position: relative;z-index:9999;}
.topnav.responsive .icon {position: absolute;right: 0;top:0;}
.topnav.responsive ul{border-top:solid 1px #31418c;margin:25px 0;}
.topnav.responsive ul li{padding:25px 0 0 30px;}
.topnav.responsive a{float: none;display:block;text-align: left;color:#bbc6e4;}
.topnav.responsive a:hover{border:none;color:#fff;}
}


/* main */
.main_wrap{position:relative;width:100%;margin:0 auto;display:block;}
.main_img{position:relative;overflow:hidden;height:790px;background:linear-gradient(#1a2b7f 40rem,#fff 0);}
.main_img .main_tit{position:relative;max-width:1200px;margin:0 auto;z-index:10;font-size:54px;font-weight:400;line-height:70px;color:#fff;}
.main_img .main_tit span{position:absolute;top:130px;left:120px;text-shadow: 2px 2px 3px rgba(0,0,0,0.4);}
.main_img .main_imgbox{position:absolute;width:auto;height:auto;top:0;left:50%;transform: translate(-50%,0);z-index: 1;box-shadow: 15px 15px 20px -10px rgb(0 0 0 / 35%);}

@media screen and (min-width:846px) and (max-width: 1024px) {
.main_img .main_tit span{left:8%;}
}
@media screen and (min-width:768px) and (max-width: 845px) {
.main_img .main_tit span{left:4%;}
}
@media screen and (max-width:767px) {
.main_img{height:auto;}
.main_img .main_tit span{position:absolute;top:70px;left:10px;}
.main_img .main_tit{max-width:100%;font-size:24px;line-height:32px;letter-spacing:-1px;}
.main_img .main_imgbox{position:relative;left:-50%;transform:none;}
.main_img .main_imgbox img{width:180%;height:auto;}
}


/**/
.main_intro{position:relative;margin:30px auto 0;display:block;text-align:center;}
h3{font-weight:500;font-size:30px;}
h3 span{background:url("../images/tit_line.gif") bottom repeat-x ;}
.main_intro .intro_tit{font-family:'Noto Serif KR';font-weight:700;font-size:45px;color:#111;line-height:55px;margin-top:40px;}
.main_intro .intro_txt{font-size:20px;margin-top:30px;}
.main_intro .btn_more a{position:relative;display:inline-block;line-height:44px;border:1px solid #ddd;letter-spacing:0;margin-top:40px;}
.main_intro .btn_more .more_txt{float:left;font-size:14px;font-weight:500;color:#000;padding:0 40px;}
.main_intro .btn_more .more_icon{float:right;height:44px;width:44px;background:#000;text-align:center;display:inline-block;}
.main_intro .btn_more .more_icon img{margin:0;vertical-align:center;margin-top:-5px;}
.main_intro .intro_img{margin-top:70px;background:linear-gradient(#fff 50%,#f1f3f7 0);}
.main_intro .intro_img > img{max-width:100%;}

@media screen and (min-width:768px) and (max-width: 1023px) {
}
@media screen and (max-width:767px) {
h3{font-size:25px;}
.main_intro .intro_tit{font-size:33px;line-height:45px;margin-top:20px;}
.main_intro .intro_txt{font-size:17px;margin:20px 10px 0;}
.main_intro .intro_img{margin-top:40px;}
}


/**/
.swiper{width: 100%;height: 100%;margin-top:50px;display:inline-block;}
.swiper-slide {background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;
justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img {display: block;}
.swiper-button-prev {float:left;width:31px;height:54px;background:url(../images/controls.png) 0 0 no-repeat;opacity:0.5;}
.swiper-button-prev:hover{background-position:0 -54px;opacity:1;}
.swiper-button-next {float:right;width:31px;height:54px;background:url(../images/controls.png) -32px 0 no-repeat;opacity:0.5;}
.swiper-button-next:hover{background-position:-32px -54px;opacity:1;}
.swiper-button-next::after,.swiper-button-prev::after {display: none;}

.main_list{position:relative;background-color:#f1f3f7;}
.ljy_list{max-width:1200px;margin:0 auto;padding:80px 0 95px;}
.ljy_list h3{text-align:center;}
.list_tit{font-family:'Noto Serif KR';font-weight:700;font-size:45px;color:#111;line-height:55px;margin-top:30px;text-align:center;}
.list_tit span{font-family:'Noto Serif KR';font-weight:700;font-size:45px;color:#111;line-height:55px;text-align:center;}
.list_btn{display:block;position:absolute;z-index:9999;top:45%;max-width:1200px;width:98%;}
.list_btn .swiper-button-prev{position:relative;left:-50px;}
.list_btn .swiper-button-next{position:relative;right:-50px;}
.list_btn_m{display:none;}
.list_box{/*max-width:367px;*/background:#fff url("../images/list_back.gif") 280px 105px no-repeat;}
.list_box:hover{box-shadow:inset 0px 0px 0px 10px #1647c1;}
.list_box ul{position:relative;width:100%;padding:320px 40px 45px 40px;font-weight:500;color:#111;}
.listbox_cat{position:absolute;top:50px;font-size:24px;}
.listbox_icon{position:absolute;top:10px;right:10px;}
.listbox_tit{position:absolute;top:100px;width:75%;font-size:24px;}
.listbox_btn{position:absolute;top:280px;}
.listbox_btn a{font-weight:600;color:#193988;font-size:20px;}
.listbox_btn a img{float:left;margin:6px 7px 0 0;}

@media screen and (min-width:861px) and (max-width: 1024px) {
.ljy_list{margin:0 10px;padding:50px 0 65px;}
.list_box{background-position:230px 100px;}
.list_box ul{padding:320px 30px 45px 30px;}
.listbox_tit{font-size:22px;}
}
@media screen and (min-width:861px) and (max-width: 1316px) {
.ljy_list{margin:0 10px;padding:50px 0 65px;}
.list_btn{display:block;position:absolute;z-index:9999;top:45%;max-width:1200px;width:98%;}
.list_btn .swiper-button-prev{position:relative;left:0;}
.list_btn .swiper-button-next{position:relative;right:0;}
.list_box{background-position:230px 100px;}
.list_box ul{padding:320px 30px 45px 30px;}
.listbox_tit{font-size:22px;}
}
@media screen and (max-width:860px) {
.ljy_list{margin:0 10px;padding:50px 0 70px;}
.list_box ul{padding-left:40px;}
.list_tit{font-size:33px;line-height:45px;}
.list_tit span{display:block;font-size:33px;line-height:45px;}
.list_btn{display:none;}
.list_btn_m{display:block;position:absolute;z-index:9999;top:48%;width:97%;left:2%;}
.list_btn_m .swiper-button-prev {float:left;width:17px;height:27px;background:url(../images/controls_m.png) 0 0 no-repeat;opacity:1;}
.list_btn_m .swiper-button-next {float:right;width:17px;height:27px;background:url(../images/controls_m.png) -19px 0 no-repeat;opacity:1;}
}


/**/
.main_plan{background-color:#193988;color:#fff;}
.main_planbox{margin:0 auto;max-width:1200px;padding:80px 0 95px;background:url("../images/planbox_bg.gif") right bottom no-repeat;display:flow-root;overflow:hidden;}
.main_planbox .planbox_tit{float:left;width:25%;}
.main_planbox .planbox_tit span{font-family:'Noto Serif KR';font-weight:700;font-size:50px;background:url("../images/tit_line.gif") bottom repeat-x ;}
.main_planbox .planbox_btn{float:right;width:70%;margin-top:10px;}
.main_planbox .planbox_btn a{color:#fff;}
.main_planbox .planbox_btn a:hover{color:#f9f5a8;border-bottom:solid 1px #f9f5a8;}
.main_planbox .planbox_btn .planbox_slogun{float:left;font-size:24px;}
.main_planbox .planbox_btn .planbox_down{float:right;display:flex;}
.main_planbox .planbox_btn .planbox_down a{font-size:20px;font-weight:500;background:url("../images/btn_icon_down.gif") left no-repeat;border:solid 1px #8596bf;padding:18px 25px 18px 53px;}
.main_planbox .planbox_btn .planbox_down a:hover{background:url("../images/btn_icon_down_over.gif") left no-repeat;border-color:#f9f5a8;}

@media screen and (min-width:879px) and (max-width: 1024px) {
.main_planbox{margin:0 10px;}
}
@media screen and (min-width:879px) and (max-width: 996px) {
.main_planbox .planbox_tit{float:left;width:25%;}
.main_planbox .planbox_tit span{font-size:45px;}
.main_planbox .planbox_btn .planbox_down{float:none;display:inline-block;margin-top:40px;}
}
@media screen and (min-width:768px) and (max-width: 878px) {
.main_planbox{margin:0 10px;}
.main_planbox .planbox_tit{float:none;width:100%;}
.main_planbox .planbox_tit span{font-size:45px;}
.main_planbox .planbox_btn{float:none;display:inline-block;width:100%;}
.main_planbox .planbox_btn .planbox_down{display:block;margin-top:20px;}
}
@media screen and (max-width:767px) {
.main_planbox{padding:50px 10px 75px;background-position:center bottom;}
.main_planbox .planbox_tit{float:none;width:100%;font-size:35px;text-align:center;}
.main_planbox .planbox_tit span{font-size:35px;}
.main_planbox .planbox_btn{float:none;width:100%;margin-top:10px;text-align:center;}
.main_planbox .planbox_btn .planbox_slogun{float:none;font-size:20px;margin-top:20px;}
.main_planbox .planbox_btn .planbox_down{float:none;display:block;margin-top:40px;}
}