@charset "utf-8";

@import url(./media_sub.css);

/*** MediaQuery ***/
@media (max-width:1600px){
	/* Main */
	#section0 .owl-theme .owl-nav .owl-prev {left:0;}
	#section0 .owl-theme .owl-nav .owl-next {right:0;}

	#section0 .mv_info {padding:0 50px;}
}

@media (max-width:1500px){
	/* Main */
	#fp-nav.right {right:0;}
	@keyframes Ico_move {
		0% {bottom:40px;}
		50% {bottom:20px;}
		100% {bottom:40px;}
	}
	.main_wrap > .section:before {left:20px;}
	@keyframes Ico_view {
		0% {bottom:40px;opacity:0;}
		100% {bottom:20px;opacity:1;}
	}
}

@media (max-width:1400px){
	body {overflow-x :hidden !important;overflow-y:auto !important;}

	/* Header */
	.header .hd_sub {padding:0 20px;}

	/* Footer */
	.footer .ft_sub {padding:50px 20px;}

	/* Main */
	.main_wrap > .section:before, .main_wrap > .section:after {display:none;}
	.main_wrap .section .fp-tableCell {padding:80px 20px;}
	.main_wrap #section0 .fp-tableCell, .main_wrap #section5 .fp-tableCell {padding:0;}

	.quick_m {bottom:15%;}

	#section0 #mv_list .item > img {width:100%;}
	#section0 .owl-nav {left:0;margin:-80px 0 0;}
	#section0 .mv_info {left:0;margin:0;}
}

@media (max-width:1300px){
	/* Main */
	#section1 .sec01_bans > li > a {padding:40px 30px 100px;}
	#section1 .sec01_bans > li.ban02 > a {padding:40px 30px;}
}

@media (max-width:1200px){
	/* header  */
	.hd_logo > a {background-size:100% auto !important;}
	.gnb > li > a {font-size:17px;}
	.gnb .dep2 > a {padding:5px;font-size:14px;}

	/* Footer */
	.footer .ft_sub {padding:40px 20px;}
	.ft_cont {background-size:17% auto;}

	/* Main */
	#section0 .mv_info {font-size:24px;line-height:30px;}
	#section0 .mv_tit {margin-bottom:10px;font-size:65px;line-height:80px;}
	#section0 .mv01 .mv_tit {margin:10px 0 0;}

	#section1 .sec01_bans > li > a {padding:40px 30px 105px;}
	#section1 .sec01_bans > li.ban03 > a {padding:40px 30px 75px;}
	#section1 .sec01_bans > li > a:before {height:150px;margin-bottom:50px;}
	#section1 .sec01_bans > li.ban02 .info {margin-top:15px;}

	#section2 .rec_box > dt {width:25%;padding:50px 0 50px 30px;}
	#section2 .rec_box > dd {padding:50px 0;}
	#section2 #rec_list .item {padding:0 30px;}
	#section2 .owl-theme .owl-nav {left:-30%;}
}

@media (max-width:1024px){
	/* Footer */
	.ft_cont {font-size:13px;}
	.ft_menu {margin-left:-10px;}
	.ft_menu > a {padding:0 10px;font-size:13px;}

	.ft_etc {float:none;width:100%;margin-top:20px;text-align:center;}
	.ft_sns {display:inline-block;margin:0;vertical-align:middle;}
	.ft_sns > a {width:auto;margin:0 10px !important;}
	.ft_fs {display:block;width:100%;line-height:0;vertical-align:middle;margin: 10px auto 0;text-align: center}
    .ft_fs .ui-selectmenu-button {width: 200px !important}
	.ft_fs .ui-selectmenu-button span.ui-selectmenu-text {font-size:14px;}

	/* Main */
	.main_wrap .section .fp-tableCell {padding:60px 20px;}
	.section .sec_tit {font-size:54px;line-height:60px;}
	.section .sec_tit > span {margin-bottom:5px;padding-left:30px;font-size:18px;}
	.section .sec_txt {font-size:15px;}

	#section0 .mv_info {font-size:18px;line-height:24px;}
	#section0 .mv_tit {font-size:60px;line-height:70px;}

	#section1 .sec01_bans > li.ban03 > a {padding:40px 30px 85px;}
	#section1 .sec01_bans > li > a:before {height:120px;margin-bottom:30px;}
	#section1 .sec01_bans > li .tit {font-size:30px;}
	#section1 .sec01_bans > li .tit > span {font-size:16px;line-height:22px;}

	#section2 {text-align:center;}
	#section2 .rec_box {display:block;background:transparent;text-align:center;}
	#section2 .rec_box > dt {display:block;width:100%;padding:0 20px 20px;}
	#section2 .rec_box > dd {display:block;padding:40px 0;background:#fff;}
	#section2 #rec_list .item .tit {font-size:22px;line-height:30px;}
	#section2 #rec_list .item .tit:after {left:50%;margin-left:-20px;}
	#section2 #rec_list .item .date {margin-top:30px;}
	#section2 .vm {margin:20px 0 0 !important;background:#fff;font-size:18px;}
	#section2 .owl-theme .owl-nav {left:auto;right:0;bottom:auto;top:-90px;margin:0;text-align:right;}
	#section2 .owl-theme .owl-nav [class*="owl-"] {width:40px;height:40px;}

	#section4 .ico_bans > a {font-size:20px;}

	#section5 .mbtm_bans .txt {display:none;}
}

@media (max-width:800px){
	/* Header */
	.header .hd_logo {width:24%;}
	.header .btn_mo_menu {display:block;}
	.header .gnb {position:fixed;float:none;right:-100%;top:90px;width:100%;height:calc(100% - 90px);padding:0 20px;background:#fff;overflow-y:auto;box-sizing:border-box;transition:right 0.4s;}
	.gnb > li {float:none;width:100%;}
	.gnb > li > a {padding:0 20px;border-bottom:solid 1px #dbdbdb;font-size:30px;color:#111;text-align:left;box-sizing:border-box;}
	.gnb > li:hover > a {color:#111 !important;}
	.gnb > li.mview > a {color:#004098;}
	.gnb > li > a:after {content:"+";position:absolute;left:auto;right:0;bottom:auto;top:50%;width:90px;height:90px;margin:-45px 0 0;background:none;font-size:40px;font-weight:100;text-align:center;opacity:1;}
	.gnb > li:hover > a:after {bottom:auto;}
	.gnb > li.mview > a:after {content:"-";}
	.gnb .dep2 {padding:0;border-bottom:solid 1px #dbdbdb;}
	.gnb .dep2 > a {padding:0 40px;font-size:23px;text-align:left;line-height:65px;}

	/* Footer */
	.ft_cont {float:none;width:100%;padding:50px 0 0;background-position:center top;background-size:auto 30px;text-align:center;line-height:24px;}
	.ft_menu {margin:10px 0 0;border:solid #373737;border-width:1px 0;}
	.ft_menu > a {padding:5px 10px;}
	.ft_menu > a:after {top:14px;}
    
	/* Main */
	.main_wrap .section .fp-tableCell {padding:40px 20px;}

	.section .sec_tit {font-size:46px;line-height:56px;}
	.section .sec_txt {margin-top:5px;}

	.quick_m {bottom:10%;}
	.quick_m > span {font-size:16px;}

	#section1.active .bans_wrap {margin:30px auto 0;}
	#section1 .sec01_bans {display:block;}
	#section1 .sec01_bans:after {content:"";display:block;clear:both;}
	#section1 .sec01_bans > li {display:block;float:left;width:50% !important;}
	#section1 .sec01_bans > li.ban02 {border:none;}
	#section1 .sec01_bans > li.ban03, #section1 .sec01_bans > li.ban04 {border-top:solid 1px #e5e5e5;}
	#section1 .sec01_bans > li > a {padding:40px 30px !important;text-align:center;}
	#section1 .sec01_bans > li.ban02 > a {padding:24px 20px !important;text-align:left;}
	#section1 .sec01_bans > li.ban02 > a:before {width:42%;}
	#section1 .sec01_bans > li.ban02 .info {width:58%;margin-top:10px;}
	#section1 .sec01_bans > li .tit {font-size:26px;}
	#section1 .sec01_bans > li .tit > span {font-size:14px;}

	#section2 #rec_list .item .txt {height:104px;overflow:hidden;}

	#section3 {background-size:30% auto;}
	#section3 .fp-tableCell:after {right:0;top:auto;bottom:0;width:100%;height:220px;background-position:center center;background-size:100% auto;opacity:1;}
	#section3 .med_box {width:100%;border:solid 2px #fff;box-sizing:border-box;}

	#section4 {background-size:25% auto;}
	#section4 .ico_bans > a {font-size:18px;}
	#section4 .ico_bans > a:before {height:100px;background-size:auto 100% !important;}

	#section5 .mbtm_bans > a {padding:15px 70px;}
	#section5 .mbtm_bans > a:before {left:20px;}
	#section5 .mbtm_bans > a:after {width:30px;height:30px;margin-top:-15px;background-size:100% 100% !important;}
	#section5 .mbtm_bans .tit {font-size:18px;line-height:26px;}
    
    .modal {left: 0 !important; top: 100px !important; width: 300px !important}
}

@media (max-width:640px){
	/* Main */
	#section1 .sec01_bans > li {width:100% !important;border-right:none;}
	#section1 .sec01_bans > li.ban02 {border-top:solid 1px #e5e5e5;}
	#section1 .sec01_bans > li > a {padding:25px 20px !important;text-align:left !important;}
	#section1 .sec01_bans > li > a:before {float:left;width:30% !important;margin:0;background-position:left center !important;}
	#section1 .sec01_bans > li > a:after {content:"";display:block;clear:both;}
	#section1 .sec01_bans > li .info {float:right;width:70% !important;margin:0 !important;}
	#section1 .sec01_bans > li .tit {margin-top:15px;}
	#section1 .sec01_bans > li .tit > span {display:inline-block;margin:0 0 0 10px;vertical-align:middle;}

	#section2 .rec_box > dd {padding:30px 0;}
	#section2 #rec_list .item {font-size:14px;line-height:24px;}
	#section2 #rec_list .item .tit {font-size:20px;line-height:26px;}
	#section2 #rec_list .item .txt {height:96px;}
	#section2 #rec_list .item .date {margin-top:20px;}
	#section2 .owl-theme .owl-nav {top:-70px;}
	#section2 .owl-theme .owl-nav [class*="owl-"] {width:35px;height:35px;}

	#section4 .ico_bans > a {width:50% !important;padding:30px 20px;border:solid #ddd !important;border-width:0 0 1px !important;}
	#section4 .ico_bans > a.ico02, #section4 .ico_bans > a.ico04 {border-width:0 0 1px 1px !important;}
	#section4 .ico_bans > a.ico05 {border:none !important;}
	#section4 .ico_bans > a.ico06 {border-width:0 0 0 1px !important;}

	#section5 .mbtm_bans > a {padding:15px 50px 15px 40px; width: 100%; border-right: 0; border-bottom: 1px solid #bbc3ce;}
	#section5 .mbtm_bans > a:before {left:10px;width:20px;height:20px;margin-top:-10px;background-size:100% auto !important;}
	#section5 .mbtm_bans > a:after {right:10px;}
	#section5 .mbtm_bans .tit {font-size:16px;}
    #section5 .mbtm_bans > a.ban02 {
        padding:15px 50px 15px 40px;
    }
}

@media (max-width:480px){
	/* Common */
	.ui-menu .ui-menu-item {font-size:12px;}

	/* Header */
	.header .hd_logo {width:30%;}
	.hd_logo > a {height:70px;}
	.header .btn_mo_menu {width:70px;height:70px;}
	.header .gnb {top:70px;height:calc(100% - 70px);}
	.gnb > li > a {font-size:24px;line-height:80px;}
	.gnb > li > a:after {width:80px;height:80px;margin:-40px 0 0;font-size:30px;}
	.gnb .dep2 > a {padding:0 20px;font-size:20px;line-height:60px;}

	/* Footer */
	.footer .ft_sub {padding:30px 20px;}
	.ft_cont {padding:40px 0 0;background-size:auto 25px;font-size:12px;}
	.ft_menu > a {font-size:12px;}
	.ft_etc {margin-top:10px;}
	.ft_sns {line-height:0;}
	.ft_sns > a {margin:0 5px !important;padding-left:35px;background-size:auto 26px !important;font-size:12px;line-height:26px;}
	.ft_sns > a:before {width:26px;height:26px;background-size:100% auto !important;}
	.ft_fs .ui-selectmenu-button span.ui-selectmenu-text {font-size:12px;line-height:30px;}

	/* Main */
	.section .sec_tit {font-size:40px;line-height:50px;}
	.section .sec_tit > span {margin:0;font-size:15px;}
	.section .sec_txt {margin:0;font-size:13px;}

	.quick_m {right:calc(-100% + 85px);width:calc(100% - 40px);}
	.quick_m > span {height:100px;line-height:20px;}
	.quick_m > a {font-size:12px;}

	#section0 .mv_info {font-size:16px;line-height:22px;}
	#section0 .mv_info .mv_txt > br {display:inline;}
	#section0 .mv_tit {font-size:40px;line-height:50px;}

	#section1 .sec01_bans > li > a:before {width:100px !important;height:100px;margin-right:20px;}
	#section1 .sec01_bans > li .info {width:calc(100% - 120px) !important;}
	#section1 .sec01_bans > li .tit {margin-top:5px;font-size:22px;}
	#section1 .sec01_bans > li .tit > span {display:block;margin:0;font-size:12px;}
	#section1 .sec01_bans > li .vm {margin-top:15px;}
	#section1 .sec01_bans > li > a.ban0201, 
	#section1 .sec01_bans > li.ban03 > a {text-align:right !important;}
	#section1 .sec01_bans > li > a.ban0201:before, 
	#section1 .sec01_bans > li.ban03 > a:before {float:right;margin:0 0 0 20px;}

	#section2 #rec_list .item .tit {font-size:18px;}
	#section2 .vm {padding:5px 10px;font-size:16px;}

	#section3 {background-size:30% auto;}

	#section4 .ico_bans > a {padding:20px 10px;font-size:16px;}
	#section4 .ico_bans > a:before {height:80px;margin-bottom:10px;}

	#section5 .mbtm_bans > a {padding:10px;}
	#section5 .mbtm_bans > a:before, 
	#section5 .mbtm_bans > a:after {display:none;}
	#section5 .mbtm_bans .tit {font-size:14px;text-align:center;}
}

@media (max-width:414px){
	/* Header */
	.header .hd_logo {width:35%;}

	.gnb > li > a {font-size:22px;line-height:70px;}
	.gnb > li > a:after {width:70px;height:70px;margin:-35px 0 0;}
	.gnb .dep2 > a {font-size:18px;line-height:50px;}

	/* Main */
	.section .sec_tit > span {font-size:14px;}
	.section .sec_txt {font-size:12px;}

	/*.quick_m {right:calc(-100% + 65px);width:calc(100% - 20px);}*/
	.quick_m {right:-349px;width:394px;}
	.quick_m > a {line-height:20px;}

	#section3 .fp-tableCell:after {height:150px;}
}

@media (max-width:375px){
	/* Header */
	.header .hd_logo {width:40%;}

	/* Footer */
	.ft_sns > a {padding-left:26px;font-size:0;}

	/* Main */
	#section0 .mv_info {font-size:14px;line-height:20px;}
	#section0 .mv_tit {font-size:34px;line-height:44px;}

	#section2 .owl-theme .owl-nav [class*="owl-"] {width:30px;height:30px;}

	.quick_m {right:-310px;width:355px;}
    
    .modal {width: 250px !important}
}