.w_custom {width:1200px;margin-left:auto;margin-right:auto;box-sizing:border-box; position:relative;z-index: 1;}
.for_m{display:none;}
#wrap, #header, #footer, #container, #contents {width:100%;margin:0 auto;padding:0;box-sizing:border-box;z-index:1;}
#header{position: relative;border-bottom:0px solid #ddd;max-width:1920px;background: #fff;border-bottom: 1px solid #ddd;z-index: 3;}
#wrap {overflow:hidden;}
#header .hd_box{width: 1200px;margin: 0px auto;display: flex;align-items: center;justify-content: space-between;}
#header .hd_box > div{display: flex;padding:15px 0;}
#header .hd_box .hd_logo{padding: 0;;}
#header .hd_lnb_box{display: flex;justify-content: space-evenly;width: 820px;padding: 15px 0;margin-left:0;}
#header .hd_lnb_box > div{display: flex;box-sizing:border-box;vertical-align: top;}

#header .hd_lnb_box .hd_lnb ul{display: flex;width: 535px;justify-content: space-evenly;margin-left:0;padding-left:0;}
#header .hd_lnb_box .hd_lnb ul li + li{margin-left:0px;}
#header .all_menu_wrap{z-index:11;}

#header .hd_lnb_box .lnb_btn{width:210px;margin-left:0;}


#header .hd_gnb{width: 240px;display: flex;justify-content: space-around;background: #fff;height:auto;padding:0;}
#header .hd_gnb li{line-height:normal;width: auto;}
#header .hd_gnb li + li{margin-left:0px;} 
#header .hd_gnb li img{vertical-align: middle;opacity:1;}
#header .hd_gnb li:hover img{opacity:1;}
#header .hd_gnb li a{height: 50px;display: flex;flex-direction: column;align-items: center;justify-content: space-around}
#header .hd_gnb li a span{font-size:9px;position: relative;opacity: 1;}
#header .hd_gnb li:hover span:before{width:0;}

#contents {width:1200px;margin:0 auto;padding:0;padding-bottom:0px;}
.sub_contents{width:1200px;margin:0 auto;box-sizing:border-box;}

@media only screen and (max-width:1200px) {
    #header .hd_box{width: 100%;height: 50px; margin: 0;padding:15px 30px 0; border-bottom:0 ;}
    #header .hd_box:after{display: none;}
    #header .hd_box > div.hd_lnb_box, #header .hd_gnb {display: none;}
    #header .hd_box .hd_logo {padding: 15px 0 0;}
    #header .hd_box .btn_cate {min-width: 15px;min-height: 15px;display: flex;justify-content: flex-end;align-items: center;padding:0; height:15px; background: none;}
    #header .hd_box .btn_cate a {width: 15px;height: 15px; display: inline-block;box-sizing: border-box;position: relative;}
    #header .hd_box .btn_cate a span {display: inline-block;width: 100%;height: 2px;background: #000;position: absolute;left: 0;}
    #header .hd_box .btn_cate a span:nth-child(1) {top: 0;}
    #header .hd_box .btn_cate a span:nth-child(2) {top: 50%;}
    #header .hd_box .btn_cate a span:nth-child(3) {bottom: 0;}
    #header .all_menu_wrap .w_custom > li > a{font-size:15px;}
    #header .all_menu_wrap .w_custom > li .dep2 li a{font-size:14px;line-height:35px;}

    #header .btm_slide_menu{display:none;}

    #contents {width: 100%;}
    .w_custom{width:100%;padding-left:30px;padding-right:30px;}
    .sub_contents{width:100%;padding-left:30px;padding-right:30px;}
}

.main_visual{position:relative; width:695px;height: 440px;overflow: hidden;}
.main_visual .swiper-slide{position:relative; background:url('/images/skin/main_visual.jpg') no-repeat center center; background-size:cover; height:465px;border-radius: 40px; overflow:hidden; display:flex; align-items:center;}


.main_wrap{display: flex;justify-content: space-between;height: 680px; margin-top: 15px;}
.main_left{width: 695px;height: 665px;display: flex;flex-direction: column;justify-content: space-between;}
.main_visual .swiper-slide{background: #fff;border-radius:0;}
.main_left .m_l_b ul{width: 695px;height: 210px;display: flex;justify-content: space-between;}
.main_left .m_l_b ul li{width: 340px;background:#fff;border:0px solid #000;}
.main_center{width:212px;}
.main_center ul{display: flex;flex-direction: column;justify-content: space-between;height: 667px;}
.main_center ul li{background:#fff; border:0px solid #000;}
.main_center ul li img{width:100%;}
.main_right{width:247px;}
.main_right > p{width:234px;height: 110px;display: flex;justify-content: center;font-size: 24px;font-weight: bold;padding: 35px 0 0;}
.main_right ul{display: flex;flex-direction: column;justify-content: space-between;height: 550px;}
.main_right ul li{height: 100px;background:#f4f4f4;border:0px solid #000;border-radius: 15px;display: flex;align-items: center;justify-content: space-around;}
.main_right ul li a{display: flex;align-items: center;}
.mo_main_right{width:100%;height:460px;display:none;background:#dbf6ff;}
.mo_main_right > p{width: 100%;height: 70px;display: flex;font-size: 21px;font-weight: bold;align-items: center;justify-content: center;}
.mo_main_right ul{height:350px;display: flex;justify-content: space-around;flex-direction: column;align-items: center;}
.mo_main_right ul li{width:290px; height:60px;padding-left: 30px; background:#fff; border:0px solid #000;border-radius: 5px;display: flex;align-items: center; justify-content: space-between;}
.mo_main_right ul li a{display: flex;align-items: center;justify-content: space-around;}
.txt_wrap{padding-left:15px;}
.txt_wrap p{height:20px;}

.line_banner{width:100%;height:120px;margin: 0px 0 0;position:relative;}
.line_banner .banner_item{position:absolute; left:0; top:0; width:100%; height:100%; display:none;}
.line_banner .banner_indicator{position:absolute; left:0; bottom:-20px; width:100%; text-align:center; z-index:3;}
.line_banner .banner_indicator span{display:inline-block; width:12px; height:12px; border-radius:50%; background:#eee; opacity:0.5; margin:0 4px; vertical-align:middle; transition:all 0.2s; cursor:pointer;}
.line_banner .banner_indicator .active{opacity:1; background:#28a745; width:32px; border-radius:6px;}

@media only screen and (max-width:1200px){
	.main_wrap{flex-direction: column;height: auto; padding: 0 30px;}
	.main_wrap .main_left, .main_wrap .main_center, .main_wrap .main_right{width:100%;margin: auto;}
	.main_left{height:auto;}
	.main_visual{margin: auto;}
	.main_left .m_l_b ul{width:100%;height:auto;padding: 0px 0 12px;}
	.main_left .m_l_b ul li{width:48%; display: flex;flex-direction: column;align-items: center;}
	.main_center ul{flex-direction: row; justify-content: space-between; height:auto;}
	.main_center ul li{width:33%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
	.main_right{display: none;}
	.mo_main_right{display:block; width:100%; margin:20px 0 0;}
	.line_banner{width:calc(100vw - 60px); height: auto;min-height: calc(100vw * (120 / 1200));margin:16px 30px 0;}
	.line_banner .banner_indicator{display: none; bottom:-20px;}

    .line_banner .banner_indicator span{ width:6px; height:6px; }
    .line_banner .banner_indicator .active{width:22px;}
}
@media only screen and (max-width:695px){
    #header .hd_box .hd_logo img{max-width:77px;}
	.main_visual{width:100%;}
	.main_visual{height: auto;}
	.main_visual .swiper-slide {
		background: #fff;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: calc((100vw - 60px) * (465 / 695)); /* 가로폭이 695px보다 작아지면 비율에 맞게 높이 자동 조정 */
		max-width: 695px;
		margin: 0 auto;
	}
	.main_visual .swiper-slide img {
		width: 100%;
		height: auto;
		object-fit: contain;
		display: block;
		margin: 0 auto;
		max-width: 100%;
	}
}

.quick_menu{position: fixed;left: 0;bottom: 0;z-index: 12;background: #fff;width: 100%;height: 70px;border-top: 1px solid #eee;display: none; }
.quick_menu ul{display: flex;justify-content: space-around;width: 100%;}
.quick_menu ul li a{display: flex;flex-direction: column;align-items: center;}
.quick_menu ul li a img{width: 24px;height: 24px;}
.quick_menu ul li a p{font-size:12px;}

@media only screen and (max-width:1200px){
    .quick_menu{display: flex;align-items: center;}
    #footer .ft_menu_box .ft_menu li + li{margin-left:18px;}
    #footer .ft_menu_box .family_site_box{width:20%;}
    #footer .ft_menu_box .family_site_box .family_site{width:100%;}
    #footer .ft_menu_box .family_site_box .family_site span{background-position:90% center;padding-left:20px;}
    #footer .ft_menu_box .family_site_box .family_site ul li a{padding-left:20px;}
}

#footer {background: #f4f4f4;padding: 17px 0 0;margin-top:100px;}
.ft_top  {width: 1200px; margin:0 auto; position:relative; background: #fff; border-radius: 45px;z-index: 1;}
.ft_top_menu {height: 100px; display: flex; align-items: center; }
.ft_top_menu ul {width: 100%;display: flex;flex-wrap: nowrap;flex-direction: row;justify-content: space-evenly; }
.ft_top_menu ul li {font-size: 17px;font-weight: 500;}
.ft_top_menu ul li:first-child {color: #478545;font-weight:bold;}
.ft_cs {width:100%;display: flex;}
.ft_cs_time{width: 50%;padding:0 85px;}
.ft_cs_time img{position: absolute;left: 35px;bottom: -30px;}
.ft_cs_info {width: 50%; display: flex; flex-wrap: wrap; align-items: center; }
.ft_cs_info dl {display: table;margin-bottom: 20px;}
.ft_cs_info dl dt {font-size: 14px;letter-spacing: -0.6px;text-align: center;color: #fff;width: 120px;height: 27px;line-height: 25px;border-radius: 13.5px;margin-right: 10px;background: #478545;font-weight: 400;}
.ft_cs_info dl dd {display: table-cell;font-size: 14px;line-height: 25px;letter-spacing: -0.28px;text-align: left;font-weight: 400;word-break: keep-all;
}

.ft_bottom {width: 1200px; margin:0 auto;position:relative;z-index: 2; }
.ft_bt_menu {height: 80px; display: flex; align-items: center;justify-content: space-between; }
.ft_bt_menu .ft_menu {width: 75%;display: flex;flex-wrap: nowrap;flex-direction: row;justify-content: space-between;align-items: center;;}
.ft_bt_menu .ft_menu li {font-size: 17px;}
.family_site {position: relative;box-sizing: border-box;width: 200px; height: 50px;background: #bbb;display: flex;align-items: center;}
.family_site span {font-size: 17px; color: #fff;display: inline-block;width: 100%;font-size: 16px;line-height: 80px;box-sizing: border-box;padding-left: 50px;cursor: pointer;}
.family_site ul {width: 100%;
box-sizing: border-box;position: absolute;top: 100%;left: 0;background: #888;z-index: 5;padding: 15px 0 15px;display: none;}
.family_site ul li{background: #888;z-index: 5;text-align: left;padding: 8px 0 0 50px;}
.family_site ul li a{color:#fff;}
.ft_info_top{display: flex;align-items: center; margin: 0 0 15px;}
.ft_info_top_left{cursor: pointer;}
.ft_info_top_left span{font-size: 19px;}
.isms_logo {margin-left: 10px;font-size: 12px;display: inline-block;}
.isms_logo img {vertical-align: middle;margin-right: 10px;max-width: 57px;width: 100%;display: inline-block;height: auto !important;}
.isms_txt_box{display:inline-block;vertical-align:middle;text-align:left;}
.isms_logo p{margin:2px 0;line-height:1.4;font-size:15px;color: #666;}
.ft_info_bottom{color: #666;font-size: 15px;display: none;}
.copy{height: 60px; display: flex; align-items: center; color: #666; padding: 0 40px;}
.m_br {display: none;}

@media only screen and (max-width:1200px){
    .ft_wrap{display: flex;flex-direction: column;}
    .ft_top{width: 100%;border-radius:20px} 
    .ft_top_menu{display: none;}
    .ft_cs{height: 640px;flex-direction: column;padding:25px 20px 0;}
    .ft_cs_time{width: 100%;padding:80px 0px 20px;}
    .ft_cs_time img{position: absolute;left: -32px;top: 0px; width:300px;}
    .ft_cs_info {width:100%;}
    .ft_bottom {width: 100%; padding: 25px 10px;}
    .ft_bt_menu {height: 60px;display: flex;align-items: flex-end;justify-content: flex-end;flex-wrap: wrap;flex-direction: column-reverse;}
    .ft_bt_menu .ft_menu {width: 100%;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;align-items: center;}
    .ft_bt_menu .ft_menu li {font-size: 15px; margin: 5px 10px;}
    .family_site{display: none;;}
    .ft_info_top{flex-direction: column-reverse;align-items: flex-start;margin: 0;}
    .ft_info_top_left{margin: 20px 0 0;}
    .ft_info_top_left span {font-size: 16px;}
    .ft_info_top_right{margin: 20px 0 0;}
    .copy{margin-bottom: 60px;font-size: 14px;padding: 0;}
    .m_br {display: block;}
}