/*head*/
.category_list li{margin-bottom: 15px}
.mobile-menu2{top: 5% !important}
.m_menu{display: none}
.mobile-menu {
    display: block;
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    right: 20px;
    z-index: 300;
    width: 45px;
    height: 45px;
    padding: 5px;
    background-color: transparent;
    border: 0;
}
.mobile-menu i {
    font-size: 2em;
}
.menuwrap {
    position: fixed;
    top: 0;
    right: -300px; /* 너비 300px 인 사이드바를 왼쪽으로 300px 이동시켜 화면에 보이지 않게 함 */
    z-index: 400;
    overflow: auto;
    width: 300px; /* 너비 */
    height: 100%;
    padding: 50px 20px;
    box-sizing: border-box;
    transition: right .3s ease-in-out; /* 0.3초 동안 이동 애니메이션 */
    background-color: #f0f0f0;
}
.menuwrap.on {
    right: 0;
}
#dimmed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 300;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}
.h_w {
	background-color: #004aad;
	padding: 8px 0;
}

.h_w a {
	color: #fff
}

.h_w ul li {
	display: inline-block;
	margin-left: 15px;
}

.h_w ul {
	text-align: right
}

#jsddm {
	margin: 0;
	padding: 0;    position: absolute;
    right: 0;    top: 50px;
    transform: translateY(-50%);z-index: 1;
}

#jsddm li {
    display: inline-block;
    margin-left: 40px;
	position: relative
}

#jsddm li a {
	display: block;
	padding: 5px 12px;
	text-decoration: none;
	white-space: nowrap;
	font-size: 18px;
}

#jsddm li a:hover {color: #004aad}

#jsddm li ul {
	margin: 0;
	padding: 15px 30px;
	position: absolute;
	visibility: hidden;
	top: 68px;    background-color: #fff;
	left: 50%;
    transform: translateX(-50%); border-top: 2px solid #004aad;z-index: 9;
}

#jsddm li ul li {
	float: none;
	    display: block;
    margin-left: 0px;
}

#jsddm li ul li a {
	width: auto;    font-size: 16px;

}
.blue{color: #004aad}
#jsddm li ul li a:hover { }
.h_w2 {height: 100px;}
.logo{    position: absolute;left: 0;    top: 50px;
    transform: translateY(-50%);}
.logo li {display: inline-block; font-size: 18px;vertical-align: middle;
    margin-right: 20px;}
.
/*head*/
/*슬라이드*/
.slick-prev{display: none !important}
.slick-next{display: none !important}
.slick-dots{display: none !important}
.s_d_1{background: url(/images/slider_img1.jpg) center no-repeat; background-size: cover; height: 748px;}
.s_d_2{background: url(/images/slider_img2.jpg) center no-repeat; background-size: cover; height: 748px;}
.slider-txt{position: absolute; bottom: 27%; color: #fff;    left: 50%;
    transform: translateX(-88%);}
.slider-txt h1{font-size: 72px; margin-bottom: 30px}
.slider-txt p{font-size: 24px; margin-bottom: 50px}
.slider-txt a{font-size: 18px; background-color: #fff;color: #455a73;padding: 15px 35px; border-radius: 30px;    width: 200px; display: inline-block;text-align: center;}
.slider-txt a img{margin-top: 4px;margin-right: 16px; transition: all 0.5s}
.slider-txt a:hover img{margin-right: 3px;}


/* scroll */
.scroll {
  position: absolute; bottom: 20px; left: 50%; 
  transform: translatex(-50%);
  z-index: 2;
  display: inline-block;
  color: #fff;
  transition: opacity .3s;padding-top: 70px;
}


.scroll span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotateZ(-45deg);
    animation: sdb05 1.5s infinite;
    box-sizing: border-box;
}
@keyframes sdb05 {
    0% {transform: rotate(-45deg) translate(0, 0); opacity: 0;}
    50% {opacity: 1;}
    100% {transform: rotate(-45deg) translate(-20px, 20px); opacity: 0;}
}

/*슬라이드*/
/*컨텐츠*/
.s2{background-color: #efefef;    margin-top: -35px;    padding: 50px 0;}
.mb5{margin-bottom: 5px}
.plus{position: absolute; right: 20px; top: 20px}
.bgsize{opacity: 0.7}
.s2_c2_b1{background: url(/images/s2_c2_b1.jpg) center no-repeat;    background-size: cover; height: 320px; width: 100%; position: relative;    box-shadow: 0px 0px 16px 1px grey; transition: all 0.5s}
.s2_c2{width: 49%}
.s2_w{display: flex;justify-content: space-between;}
.plus2{position: absolute; right: 20px; top: 20px;}
.s2_c2_b1_txt h1{font-size: 24px; display: inline-block; margin-right: 50px}
.s2_c2_b1_txt span{font-size: 18px; display: block}
.s2_c2_b1_txt{color: #fff; position: absolute;  top: 20px;
    left: 20px;}
.s2_c2_b2{background: url(/images/s2_c2_b2.jpg) center no-repeat;    background-size: cover; height: 320px; width: 49%; position: relative;    box-shadow: 0px 0px 16px 1px grey;margin-top: 30px;    transition: all 0.5s;}
.s2_c2_b3{background: url(/images/s2_c2_b3.jpg) center no-repeat;    background-size: cover; height: 320px; width: 49%; position: relative;    box-shadow: 0px 0px 16px 1px grey;margin-top: 30px;    transition: all 0.5s;}
.s2_c2_b2 h1{    font-size: 24px;
    color: #fff;
    position: absolute;
    bottom: 9px;
    left: 50%;
    transform: translateX(-50%);    width: 100%;
    text-align: center;}
.s2_c2_b3 h1{    font-size: 24px;
    color: #fff;
    position: absolute;
    bottom: 9px;
    left: 50%;
    transform: translateX(-50%);}

.s2_c2_b2_w{    display: flex;
    justify-content: space-between;}
.s2_c2_b2_w a{color: #fff}

.s3_c1_b1{background: url(/images/s3_c1_b1.jpg) center no-repeat;    background-size: cover; height: 330px; width: 50%;position: relative}
.s3_c1_b1_txt{background-color: rgba( 255, 255, 255, 0.7 ); width: 60%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);    text-align: center;padding: 20px;
    border-radius: 30px;}
.s3_c1_b1_txt span{display: block; font-size: 20px;   font-weight: 600;}
.s3_c1_b2{background: url(/images/s3_c1_b2.jpg) center no-repeat;    background-size: cover; height: 330px; width: 50%;position: relative}
.more:hover{font-weight: bold}
.s3_c1{    display: flex;
    justify-content: flex-start;}
/*컨텐츠*/
/*푸터*/
.f_w{background-color: #f9f9f9; padding: 80px 0}
.f_w_s1{display: inline-block; vertical-align: top; margin-right: 100px}
.f_w_s2{display: inline-block; vertical-align: middle}
.f_w_s2 ul li{display: inline-block; }
.f_w_s2 ul:first-child li{margin-right: 50px; margin-bottom: 30px }
.f_w_s2 ul:first-child li:hover a{font-weight: 500}
.f_w_s2 ul:nth-child(2) li{margin-right: 20px }
.f_w_s2 ul:nth-child(3) li{margin-right: 20px; margin-bottom: 30px}

.link{background-color: #5b8be8; color: #fff;    padding: 30px 0;clear: both;}
.link_s2 ul li{display: inline-block; margin-left: 10px; transition: all 0.5s}
.link_s2 ul li img{ transition: all 0.5s}
.link_s2 ul li img:hover{ margin-top: -10px}
.link_s2{position: absolute;right: 0; top: 50%; transform: translateY(-50%)}
.link_s1 h1{display: inline-block; margin-left: 5px; margin-bottom: 5px}
.s2_c1{background: url(/images/s2_c1.jpg) center no-repeat; background-size: cover; height: 670px; width: 49%; color: #fff;    padding: 20px; position: relative; transition: all 0.5s;    box-shadow: 0px 0px 16px 1px grey}

/*푸터*/