/*브랜드사이트 공통 (header/footer)*/

@charset "utf-8";
/* @font-face { */
/*    font-family: 'NanumBarunGothic'; */
/*     font-weight: normal; */
/*     font-style: normal; */
/* } */
#header_bannerTop{transition: padding-top 0.4s; padding-top: 118px;}
.headerTop{display: none !important;}
.address_sns{display:none}

/* 메인 슬라이트 '자세히 보기' 클릭시 모바일에서 테두리 생긴거 뺌 */
a:focus{outline : none;}

/*::-moz-selection { background-color: #317572; color: #fff; }
      ::selection { background-color: #317572; color: #fff; }/*
      
 /****************header_pop*****************/
#promotionBanner_fixed{position: fixed;    width: 100%;z-index: 100;    top: 0;}
#promotionBanner {
	width: 100%; 
	height: 70px; 
	background-color:#E4F0FF; 
	color: #f1f1f1; 
	overflow: hidden;
	position: relative;
	}
.popContents {margin: 0 auto; padding: 0; overflow: hidden; text-align: center;}
.popContents > img{width: 100%;padding-top: 10px;}
.popContents img.pop_left_p{width: 157px;position: absolute;left:3%;}
.popContents img.pop_right_p{width: 114px;position: absolute;right: 3%;}


.header_1200{
	width: 64vw;
	height: 70px; 
	margin: 0 auto;    
	position: relative;
}
.popClose {
	position: absolute;     
	transform: translateY(-50%);
	top:50%; 
	right: 30px; 
	text-align: right; 
	font-size: 9pt; 
	padding: 0;
}
#chkday {color: #5a5a5a;}
label[for=chkday] { cursor: pointer; color: #d8d8d8; padding-right: 10px;}



.header_pop_txt{height: 100px;	font-size: 29px;    letter-spacing: -1px !important;color: #fff;    display: flex;justify-content: center;align-items: center;}
.header_pop_txt ul{display: flex;align-items: center;}
.header_pop_txt ul li{font-weight:300 !important; color:#fff;display: flex;align-items: center;    line-height: 1;}
.header_pop_txt ul li.pop_li01{padding-right: 10px;padding-left:10px;}
.header_pop_txt ul li.pop_li01 strong{padding-left:10px}
.header_pop_txt ul li.pop_li02{}
.header_pop_txt strong{}


.look_btn{width: max-content;display: inline-block;font-size: 0;margin-left:30px;}
.look_btn a{font-size: 12px;color: #fff;border: 1px solid #fff;    letter-spacing: 0px;padding:5px 30px;display: block;}


.popClose img {
	width: 14px;
	height: 14px;
}
      
/****************header*****************/



/*------햄버거------*/

.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	    z-index: 201;
}

.menu-trigger {
	position: relative;
	width: 30px;
	height: 20px;
}

.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #000;
}


.menu-trigger span:nth-of-type(1) {
	top: 0;
}

.menu-trigger span:nth-of-type(2) {
	top:8px;
}

.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
/* type-05 */
/* 중앙 라인이 밖으로 빠지면서 상하라인 엑스자 만들기 */
.menu-trigger.active-5 span:nth-of-type(1) {
	-webkit-transform : translateY(10px) rotate(-45deg);
	transform : translateY(10px) rotate(-45deg);
	background:#fff !important;
}
.menu-trigger.active-5 span:nth-of-type(2) {
	left : 50%;
	opacity : 0;
	-webkit-animation : active-menu-bar05 .8s forwards;
	animation : active-menu-bar05 .8s forwards;
}
@-webkit-keyframes active-menu-bar05 {
	100% {
		height: 0;
	}
}
@keyframes active-menu-bar05 {
	100% {
		height: 0;
	}
}
.menu-trigger.active-5 span:nth-of-type(3) {
	-webkit-transform : translateY(-8px) rotate(45deg);
	transform : translateY(-8px) rotate(45deg);
	background:#fff !important;
}
/*------햄버거sns------*/

.header_sns{display: none;justify-content: flex-start;width: 100%;}
.header_sns ul{height: 100%;font-size: 0;padding: 0;display: inline-flex;align-items: center;}
.header_sns ul li{height: 100%;display: inline-block !important; vertical-align: top !important;margin-right:10px !important;}
.header_sns ul li a{display: block;height: 100%}

.header_sns ul li.sns_01{width:35px;height: 35px !important;;background: url("../img/sns_blog.png")no-repeat 50% 50%;    border-radius: 50%;}
.header_sns ul li.sns_02{width:35px;height: 35px !important;;background: url("../img/sns_ins.png")no-repeat 50% 50%;    border-radius: 50%;}
.header_sns ul li.sns_03{width:35px;height: 35px !important;;background: url("../img/sns_face.png")no-repeat 50% 50%;    border-radius: 50%;}
.header_sns ul li.sns_04{width: 35px;height:35px !important;;background: url("../img/sns_youtube.png")no-repeat 50% 50%;    border-radius: 50%;}
.header_sns ul li.sns_05{width:35px;height: 35px !important;;background: url("../img/sns_ka.png")no-repeat 50% 50%;    border-radius: 50%;}


/* .header_sns ul li.sns_01:hover{background: url("../img/sns_blog_h.png")no-repeat 50% 50%;background-size:auto ;} */
/* .header_sns ul li.sns_02:hover{background: url("../img/sns_ins_h.png")no-repeat 50% 50%;background-size:auto ;} */
/* .header_sns ul li.sns_03:hover{background: url("../img/sns_face_h.png")no-repeat 50% 50%;background-size:auto ;} */
/* .header_sns ul li.sns_04:hover{background: url("../img/sns_youtube_h.png")no-repeat 50% 50%;background-size:auto ;} */
/* .header_sns ul li.sns_05:hover{background: url("../img/sns_ka_h.png")no-repeat 50% 50%;background-size:auto ;} */



/*------사이트별------*/

.header{width: 100%; height:80px;;z-index:100;background: #fff;}
.header .frame1200{width: 1200px;height: 100%;position: relative;margin: 0 auto;}

.headerTop{text-align: right;padding-top: 20px;}/*브랜드,기업*/
.headerBottom{}


.header .logo{height: 80px;float: left;padding-right: 30px;}
.header .logo img{padding-top:21px;}

.header .site_01{    display: inline-block;}
.header .site_01 a ,.header .site_02 a{font-size:13px;font-weight: bold;color: #444444;}
.header .site_01::after{content:"|";clear: both;color: #666;padding: 0 10px;font-size:15px; }

.header .site_02{    display: inline-block;}
.header > div > div > a{font-size: 12px;  color: #666;}
.header > div > div:hover > a{font-weight: bold;}


 .header .hide_menu{display: none;}
 .mo_sideGR{display: none;}

/*------메인메뉴------*/
.header .header_main{height: 80px;float: right;padding-left:100px;}

.header .header_main .menu{height: 80px;text-align: center;line-height:80px;    display: inline-block;
    vertical-align: top;}
.header .header_main .menu ul{font-size: 0;}
.header .header_main .menu ul li{height: 80px;line-height: 80px;display: inline-block; vertical-align: top; padding-left: 50px;}
.header .header_main .menu ul li a{font-size:18px;  color: #373737;}
.header .header_main .menu ul li:hover{font-weight: bold;}
.header .header_main .menu ul li img{display: none}

.time_txt li {
    display: inline-block;
    vertical-align: top;
}
.time_txt li::after {
    content: "|";
    padding: 0 5px;
}
.time_none {color: #727272 !important;}
/*------sns------*/
.time_last{font-size:14px;    padding-top: 4px;display: inline-block;}
footer p.smalltxt{font-size:14px;font-weight: bold;padding-bottom:10px}
footer .footer_link{height: 100%;padding: 10px 0;}
footer .footer_link nav{height: 100%;}
footer .footer_link  nav ul{height: 100%;font-size: 0;padding: 0;}
footer .footer_link nav ul li{height: 100%;display: inline-block; vertical-align: top;margin-right: 10px;}
footer .footer_link nav ul li a{display: block;height: 40px;}
footer .footer_link nav ul li:nth-child(1){width: 40px;height: 40px;background: url("../img/sns_blog.png")no-repeat 50% 50%;}
footer .footer_link nav ul li:nth-child(2){width:40px;height: 40px;background: url("../img/sns_ins.png")no-repeat 50% 50%;}
footer .footer_link nav ul li:nth-child(3){width:40px;height: 40px;background: url("../img/sns_face.png")no-repeat 50% 50%;}
footer .footer_link nav ul li:nth-child(4){width: 40px;height:40px;background: url("../img/sns_youtube.png")no-repeat 50% 50%;}
footer .footer_link nav ul li:nth-child(5){width:40px;height: 40px;background: url("../img/sns_ka.png")no-repeat 50% 50%;}

footer .footer_link nav ul li:nth-child(1):hover{background: url("../img/sns_blog_h.png")no-repeat 50% 50%;background-size:auto ;}
footer .footer_link nav ul li:nth-child(2):hover{background: url("../img/sns_ins_h.png")no-repeat 50% 50%;background-size:auto ;}
footer .footer_link nav ul li:nth-child(3):hover{background: url("../img/sns_face_h.png")no-repeat 50% 50%;background-size:auto ;}
footer .footer_link nav ul li:nth-child(4):hover{background: url("../img/sns_youtube_h.png")no-repeat 50% 50%;background-size:auto ;}
footer .footer_link nav ul li:nth-child(5):hover{background: url("../img/sns_ka_h.png")no-repeat 50% 50%;background-size:auto ;}
.sub_menu{display: none;}

/*------메인메뉴------*/
/* footer .footer_main{height: 80px;;} */

footer .footer_main .menu{height:auto;line-height: 60px;    display: inline-block;
    vertical-align: top;    text-align: left;}
footer .footer_main .menu ul{font-size: 0;}
footer .footer_main .menu ul li{height: 60px;display: inline-block; vertical-align: top; padding-right:30px;}
footer .footer_main .menu ul li a{font-size:17px;  color: #000;}
footer .footer_main .menu ul li:hover{font-weight: bold;}
footer .footer_main .menu ul li img{display: none}

/****************footer*****************/
footer{width: 100%; height: auto; background: #fff; color:#515151;padding: 30px 20px;border-top: 1px solid #ddd;}
footer .frame1200{position: relative;}
footer .f_logo{position: absolute;top:10px;right: 0;}

.footer_link ul li::after{content:""}
footer h2{font-size:22px;padding-bottom:10px}
footer .time{font-size: 13px;    font-weight: 600;}
.time li { display: inline-block;vertical-align: top;}
.time li:last-child::after {content: "";color: transparent;}
.time li::after {content: "|";padding: 0 5px;}


footer .header_main .menu{text-align: center; display: inline-block;vertical-align: top;padding:30px 0}
footer .header_main .menu ul{font-size: 0;}
footer .header_main .menu ul li{display: inline-block; vertical-align: top; padding-right: 25px;}
footer .header_main .menu ul li a{font-size:17px;  color: #fff;}
footer .header_main .menu ul li:hover{font-weight: bold;}

footer .addressbox ul li{font-size: 14px; display: inline-block; vertical-align: top;line-height: 1.8;}
footer .addressbox ul li::after{content: "|"; clear: both;padding: 0 15px;}
footer .addressbox ul li:nth-child(4)::after{content: ""; clear: both;padding:0}
footer .addressbox ul li:nth-child(8)::after{content: ""; clear: both;}
footer .footer_f{font-size: 12px;padding-top: 15px;display: inline-block;    letter-spacing: 1px;}


.side_fix{}
.side_fix img{width:72px; height:72px;position: fixed;bottom: 5vh; z-index: 10;right:64px}
.side_fix a{  display:block;}


@media all and (max-width:1237px) {
	.header_pop_txt{font-size:2vw}
	.look_btn a {    padding: 0.5vw 1.5vw;}
	.header .frame1200 {width: 100%}
  footer .frame1200{width: 100% !important}
   .header .logo {padding-left: 30px;}
   .header .header_main {display: inline-block;padding-left: 8%;padding-right: 30px;}
   .header .header_link {position: absolute;top: 0;right: 0;}
}
@media all and (max-width:1200px) {
	footer .frame1200 {width:100%}
	.header_scroll{}
}

@media all and (max-width:1135px) {
footer ul li {font-size: 15px;}
footer .footer_main .menu ul li a{font-size: 15px;}
}



@media all and (max-width:1017px) {
   .header .logo img {width: 100px;}
   .header .header_main {padding-left: 6%;}
   .header .site_01 a, .header .site_02 a {font-size: 15px;}
   .header .header_main .menu ul li a {font-size: 15px;}

}

@media all and (max-width:990px) {

   footer ul li {margin: 0;line-height: 30px;}
   footer ul li::after {padding: 0 5px;}

   footer .footer_main {height: auto;}
   footer .footer_main .menu {height: auto;line-height: 0;}
	footer .footer_main .menu ul li {height:auto;padding-right: 50px;}
	footer .footer_main .menu {text-align: left;}
	
}
@media all and (max-width:972px) {
/*      footer ul li:nth-child(3)::after{color: transparent;} */
       footer ul li:nth-child(6)::after{color: transparent;}
}

@media all and (max-width:980px) {
	#header_bannerTop { 
	padding-top: 54px;
	}
}



@media all and (max-width:942px) {
   .header .header_main { padding-left: 3%;}
   footer ul {width: 100%;}
   footer p:last-child {display: inline-block;}
}


@media all and (max-width:1200px) {/*햄버거박스로 디자인변경*/
	
	
	.header_sns{display: inline-flex;}
	.hide_sitemenu{display: block !important;}
   .header .hide_menu a{display: block;}
   .header .hide_menu a img{display: block; height: 18px;}
   .header .hide_menu{display:inline-block; position: absolute; top:31px; right:30px; }

   .header .header_main.active {right:-115%;}
   .header .header_main {z-index: 200;width: 300px;position: absolute;top:00px;padding-right: 0px;right: -10px;transition: right 1s;height:  1000px;padding-left: 0;display: flex;flex-flow: row wrap; justify-content: space-between;flex-direction: column;background: #f5f9ff}
   .header .header_main .menu {height:800px;order:2;}
   .header .menu ul {width:auto; height: auto; z-index: 9;text-align: center;opacity: 85%;}
   .header .header_main .menu {line-height: 90px;}
    .header .header_main .menu ul{padding: 0 30px}
   .header .header_main .menu ul li {position: relative;height: 60px; line-height:60px;display: block;padding: 0;text-align: left; font-weight: bold;/*padding-left: 40px;*/}
   .header .header_main .menu .header_scroll ul li {border-bottom: 1px solid #f1f3f5;}
   .header .header_main .menu ul li img{display: block;}
   .header .header_main .menu ul li a {font-size: 17px;color: #757575;display: block;    height: 100%;height: 60px;
    line-height: 60px;}
    .header .header_main .menu ul li:hover a   {color:#6690ca}
   .header .header_link{padding-left: 0;order: 1;height: auto;position: initial;border-bottom: 1px solid #fff;}

   .header .header_link nav {    width: 100%;height: auto;    text-align: center;}
   .header .header_link nav ul li:nth-child(1) {display: inline-block;background-size: contain;}
   .header .header_link nav ul li:nth-child(2) {display: inline-block;background-size: contain;}
   .header .header_link nav ul li:nth-child(3) {display: inline-block;background-size: contain;}
   .header .header_link nav ul li:nth-child(4) {display: inline-block;background-size: contain;}
   .header .header_link nav ul li:nth-child(5) {display: inline-block;background-size: contain;}
   .header .header_link nav ul li:nth-child(6) {display: inline-block;background-size: contain;}
   
   .header .header_link nav ul li:nth-child(1):hover  a{background-size: contain;}
   .header .header_link nav ul li.sns_01{width:40px;    margin: 20px 5px;}
   .header_main .menu ul li img{width: 20px;position: absolute;top: 32px;right: 20px;}
   
    .mo_sideGR{display: block; height:80px; width:100%;    padding: 12px 0;background-image: linear-gradient(90deg, #eaf3ff, #c4ddff); }
}


@media all and (max-width:900px) { 
	.header_pop_txt ul li.pop_li01 strong {padding-left: 5px;}
	.popContents img.pop_left_p{display:none}
	.popContents img.pop_right_p{ width: 12vw;    min-width: 100px;bottom: 0;right: initial;left: 3%;transform:rotate(90deg);
            -moz-transform: scaleX(-1); 
            -o-transform: scaleX(-1); 
            -webkit-transform: scaleX(-1); 
            transform: scaleX(-1);   
            filter: FlipH;
            -ms-filter: "FlipH";}
      .header_1200 {width: 100%;}
     .header_pop_txt{font-size:30px}
      .header_pop_txt ul{flex-direction: column;    align-items: flex-start;}
      .header_pop_txt ul li.pop_li01{padding-bottom: 5px;padding-right:0;padding-left:10px;}
      .look_btn{height:auto}
      .look_btn a {font-size: 1.5vw;    padding:5px 2.5vw;}
      .pop_li01 strong.pop_li_p{padding-left:0 !important}
      .header_pop_txt ul li.pop_li02 {width: 100%;padding-left: 10px;}
/*        .header_pop_txt ul li.pop_li02 strong{padding-left:10px} */


}
@media all and (max-width:880px) { 
   footer {padding: 30px 30px;}
   footer p {font-size: 13px;   }
  .side_fix img {left: auto;right: 15px;}
}

@media all and (max-width:824px) {
	 footer ul li:nth-child(6)::after{color: transparent;}
	  footer ul li:nth-child(5)::after{color: #515151;;}
}

@media all and (max-width:794px) {
	 footer ul li:nth-child(5)::after{color: transparent;}
	 footer ul li:nth-child(6)::after{color: #515151;;}
	 footer .f_logo img{width:300px}
	 footer .f_logo {top:35px}
}

@media all and (max-width:700px) {
   footer p {display:block;}
   footer p:last-child {padding-top:0;}
}

@media all and (max-width:679px) {
	 footer ul li:nth-child(5)::after{color: #515151;}
}

@media all and (max-width:625px) {
   footer ul li {font-size: 14px;font-style: initial;}
   .footer_f {font-size: 13px !important;font-style: initial;}
   footer .footer_main .menu {width: 100%; text-align: left;}
   footer .footer_main .menu ul li { padding-right: 30px;}
}

@media all and (max-width:620px) {
	 footer ul li:nth-child(5)::after{    font-size: 0;}
}

@media all and (max-width:614px) {
	footer ul li:nth-child(5)::after {font-size: inherit;color: #515151;}
	footer ul li:nth-child(6)::after {color: transparent;}
}
@media all and (max-width:605px) {
	footer .addressbox ul li {    font-size: 2.3vw;;}
	footer .addressbox ul li::after {padding: 0 5px;}
/* 	footer ul li:nth-child(5)::after{ color: transparent;} */
	footer ul li:nth-child(6)::after{color: #515151;;}
}

@media all and (max-width:600px) {
	footer .addressbox ul li {    font-size: 2.3vw;;}
	footer .addressbox ul li::after {padding: 0 5px;}
	footer ul li:nth-child(5)::after{ color: transparent;}
	footer ul li:nth-child(6)::after{color: #515151;;}
	.time_none {display: none;}
/* 	#header_bannerTop {padding-top: 160px;} */
/* 	.header , .header .logo  {height: 60px; } */
/* 	.header .logo img {padding-top: 15px;} */
	.header .hide_menu { top: 25px;}
	.header_pop_txt{padding-left: 7%;font-size: 5vw;}
	.look_btn{margin-left: 2vw;}
	.look_btn a {font-size: 13px;}
	.emsp{display:block !important;}
}


@media all and (max-width:570px) {
/* 	footer .footer_f {padding-top: 50px;} */
	footer .f_logo {display:none;}
	.address_sns { display: block;    padding: 10px 0;}
	.address_sns  img{width:300px;}
}

@media all and (max-width:531px) {
   .header .hide_menu {right: 20px;}
   .header .site_02 {width: 80px;}
   .side_fix img {right: 10px;}
   .popClose{right:20px}
}


@media all and (max-width:517px) {
/*    footer ul li:nth-child(1)::after{color: #81abe6;} */
   footer ul li{line-height: 1;}
    footer .footer_main .menu ul li {   padding-right: 20px;    line-height: 1.5;}
    footer .footer_main .menu ul li a {font-size: 3vw;}
}

@media all and (max-width:500px) {
	.popContents img.pop_right_p {min-width: initial; width: 20vw;left: 1%;}
	.header_pop_txt ul li.pop_li01{padding-right:0;padding-left:10px;}
	.look_btn a {font-size: 2.5vw;}
	.popClose {right: 25px;}
	.popClose img{    width: 20px; height: 20px;}
}



@media all and (max-width:475px) {
	footer ul li:nth-child(5)::after{color: #515151;}
/* 	footer ul li:nth-child(6)::after{color: transparent;} */
	footer .f_logo img {width:250px;}
	.time li:last-child {width: 182px;text-align: right;}
	.time li:nth-child(2)::after { content: "";color: transparent;}
}

@media all and (max-width:466px) {
	footer h2 {padding-bottom: 5px;}
	.time_txt li { width: 180px;display: flex; justify-content: flex-start;    line-height: 1.5;}
	.time_txt li:nth-child(1)::after {color: transparent;}
	.time_txt li:nth-child(2)::after {color: transparent;}
	footer .footer_main .menu ul {padding-bottom:10px}
	.addressbox li:last-child::after { content: "";color: transparent;}
		.time_txt li::after {color: transparent;}
}

@media all and (max-width:423px) {
	footer .f_logo {bottom: 80px;}
}


@media all and (max-width:415px) {
/*    footer ul li {font-size: 12px !important;font-style: initial;} */
   .footer_f {font-size: 12px !important;font-style: initial;}
   .header_pop_txt { padding-left: 15px;}
}
@media all and (max-width:391px) {
	footer .f_logo {bottom: 98px;}
	.address_sns img {width: 100%;}
}
@media all and (max-width:388px) {
/* 	footer ul li:nth-child(3)::after{color: #515151;} */
	footer ul li:nth-child(2)::after{color: transparent;}
	footer .footer_main .menu ul li:last-child {padding:0}
	
}

@media all and (max-width:384px) {
	.time_txt li:nth-child(1)::after {color: transparent;}
	.time_txt li:nth-child(2) {text-align: right;}
}

@media all and (max-width:365px) {
	footer ul li:nth-child(2)::after {color: #515151}

}


@media all and (max-width:360px) {
/*    footer ul li {font-size: 10px !important;font-style: initial;} */
   .footer_f {font-size: 10px !important;font-style: initial;}
   footer .footer_f {padding-top: 20px;}
   footer .f_logo { bottom: 15px;}
}

@media all and (max-width:351px) {
	footer .f_logo {bottom: 50px;}
}

@media all and (max-width:344px) {
		.time li:nth-child(2) {width: 182px; text-align: right;}
		.time li:nth-child(1)::after {content: "";color: transparent;}
}

@media all and (max-width:343px){
	footer .f_logo {bottom: 64px;}
}	

@media all and (max-width:331px) {
	footer ul li:nth-child(3)::after{color: transparent;}
}

@media all and (max-width:318px) {
	footer ul li:nth-child(1)::after{color: transparent;}
	footer ul li:nth-child(2)::after{color: #515151;}
}

@media all and (max-width:309px) {
	footer ul li:nth-child(5)::after{color: transparent;}
	footer ul li:nth-child(7)::after{color: transparent;}
	footer ul li:nth-child(6)::after{color: #515151;}
}
@media all and (max-width:306px){
	footer {padding-bottom: 0;}
	footer .f_logo {bottom: 68px;}
	footer .f_logo img {width: 230px;}
	
}

@media all and (max-width:298px){
	
	footer .f_logo img {width: 215px;}
}

@media all and (max-width:298px) {
	footer .footer_main .menu ul li { padding-right: 40px;padding-bottom: 10px;}
}
@media all and (max-width:295px) {
  footer ul li:nth-child(6)::after{color: transparent;}
 footer ul li:nth-child(7)::after{color: #515151;}
}

@media all and (max-width:290px) {
  footer ul li:nth-child(7)::after{color: transparent;}

}

/*******↑↑↑footer관련삭제해도댐↑↑↑********/

/************************푸터새로만듬*************************************/
.footer{color:#626262;padding: 30px 0px; background:#f2f8ff;}
/* .footer_flex {display: flex;justify-content: space-between;} */

.footer_1200{width:1200px; margin:0 auto}
.footer .footer_1200 .footer_h2{padding-bottom:15px;}
.footer .footer_1200 .footer_h2 h2{font-size: 19px;display:inline-block}
.h2_pointColor{padding-left:5px;color:#6088d1}

/*************************/
.footer_time {}
.footer_time ul{}
.footer_time ul:first-child{padding-bottom:5px}
.footer_time ul li{color:#626262;font-size: 14px;display:inline-flex}
.footer_time ul:first-child li::after{content:"|"; padding:0 10px}
.footer_time ul li:last-child::after{content:none}

.footer_time .emsp{    color: transparent;}




/*************************/
.footer_border {border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;margin:20px 0; padding:10px 0;}
.footer_border  .footer_flex{    
	display: flex;
    justify-content: space-between;
	align-items: center;
}

.footer_menu_mo{display:none !important;}

.footer_menu{display: inline-flex;}
.footer_menu ul{}
.footer_menu ul li{display:inline-flex;font-weight: 500;font-size: 13px;}
.footer_menu ul li a{color:#626262;}
.footer_menu ul li::after{content:"·";padding:0 5px}
.footer_menu ul li:last-child::after{content:none}

.footer .footer_sns{display: inline-flex;}
.footer .footer_sns ul{height: 100%;font-size: 0;padding: 0;}
.footer .footer_sns ul li{height: 100%;display: inline-block; vertical-align: top;margin-right: 10px;}
.footer .footer_sns ul li a{display: block;height: 40px;}

.footer .footer_sns ul li.sns_01{width: 40px;height: 40px;background: url("../img/sns_blog.png")no-repeat 50% 50%;}
.footer .footer_sns ul li.sns_02{width:40px;height: 40px;background: url("../img/sns_ins.png")no-repeat 50% 50%;}
.footer .footer_sns ul li.sns_03{width:40px;height: 40px;background: url("../img/sns_face.png")no-repeat 50% 50%;}
.footer .footer_sns ul li.sns_04{width: 40px;height:40px;background: url("../img/sns_youtube.png")no-repeat 50% 50%;}
.footer .footer_sns ul li.sns_05{width:40px;height: 40px;background: url("../img/sns_ka.png")no-repeat 50% 50%;}

.footer .footer_sns ul li.sns_01:hover{background: url("../img/sns_blog_h.png")no-repeat 50% 50%;background-size:auto ;}
.footer .footer_sns ul li.sns_02:hover{background: url("../img/sns_ins_h.png")no-repeat 50% 50%;background-size:auto ;}
.footer .footer_sns ul li.sns_03:hover{background: url("../img/sns_face_h.png")no-repeat 50% 50%;background-size:auto ;}
.footer .footer_sns ul li.sns_04:hover{background: url("../img/sns_youtube_h.png")no-repeat 50% 50%;background-size:auto ;}
.footer .footer_sns ul li.sns_05:hover{background: url("../img/sns_ka_h.png")no-repeat 50% 50%;background-size:auto ;}



/*************************/
/* .footer_company{display: inline-flex;flex-direction: column;align-items: flex-start;} */
.footer_company ul{}
.footer_company ul li{font-size:12px;display:inline-flex}
.footer_company ul li::after{content:"|"; padding:0 10px}
.footer_company ul li:last-child::after{content:none}
.footer_company_pc-adress::after{content:none !important}
.footer_company_mo-adress {display:none !important}

.footer_company .f_copyright {padding-top:10px}


.footer_company_logo_pc{
/* 	display: inline-flex; */
/* 	flex-direction: column; */
/* 	align-items: flex-end; */
	padding-top: 4px;
}
.footer_company_logo _pc img{}
.footer_company_logo_mo{display:none}
.footer600,
.footer414{
	display: none;
}
.footer_company_Title {display:none}
.footer_company_Title > div{display:flex}
.footer_company_Btn span{position: relative;}
.footer_company_Btn span::after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid #121212;
    border-right: 2px solid #121212;
    display: inline-block;
    transform: rotate(135deg);
}

@media all and (max-width:1200px) {
	.footer_1200{width:100%;padding: 0 20px;}
	
}

@media all and (max-width:1000px) {
	.footer_flex_menu {flex-direction: column;    align-items: flex-start !important; }
	.footer_sns{display:none !important}
}

@media all and (max-width:980px) {

}
    
@media all and (max-width:900px) {

	.footer_company_logo_pc{padding-top:10px}
	
	
	.footer_flex_company {
	    display: flex;
	    justify-content: space-between;
	    flex-direction: column;
	    align-items: flex-start;}
    
 }  
    
    


@media all and (max-width:750px) {
	
}	
	

@media all and (max-width:600px) {
	.footer_menu_pc{display:none}
	.footer_menu_mo{
		display:block !important;
	}
	.footer600{
		display: flex;
	}
	.footer_time ul li{display:flex ;     align-items: center;}
	.footer_time ul li::after{content:none !important}
	.footer_time ul:first-child li{padding-bottom:5px}
	.footer_time ul:first-child{padding-bottom:0}
	.footer_time ul:last-child li:first-child {padding-bottom:5px;} 
	
	.footer_company_logo_pc{display:none}
	
	
	.footer_company_logo_mo{display:block;    padding-top: 20px;}
	.footer_flex {display: flex;justify-content: space-between;flex-direction: column;    align-items: flex-start !important;}
	.footer_menu_mo ul{
	padding-bottom:5px;
	flex-wrap: wrap;
	justify-content: flex-start;
	}
	.footer_menu_mo ul:last-child{padding-bottom:0px}
	.footer_menu ul li{
	display: flex;
	font-size:14px;
	}
	.footer_menu ul li::after {content: "|";}
	
	.footer_border {border-bottom: none;margin-bottom: 0;}
	.footer_company{display:none}
	.footer_company ul li::after{content:none}
	.footer_company ul li{display: flex;padding-bottom: 5px;    font-size: 14px;    word-break: keep-all;}
	.footer_company_mo-adress{display:block !important}
	.footer_company_pc-adress{display:none !important}
	.footer_company .f_copyright{padding-bottom:20px;}
	.footer_company_bg{background:#f1f1f1}
	.footer_company_Title{
	display: flex !important;
	justify-content: left;
	padding: 20px 8px 20px 0px;
	}
	.footer_company_Btn {
    margin-left: 16px;
	}
	.footer_company_Title p{font-size: 20px;}
}

@media all and (max-width:500px) {
	.footer_company_logo_mo img{width:80vw}
	.footer_company_hide{display:none}
	
}
@media all and (max-width:414px) {
	.footer600{
		display: none !important;
	}
	.footer414{
		display:flex;
	}
}
.header_dark.active{    display: block;
    z-index: 100;
    opacity: 1;}
.header_dark{display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: -1;
    opacity: 1;
}





/*자세히 보기 팝업*/
 .fixbody {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}

 
 .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
 .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(4px)
}
 .modal-dialog {
    position: relative;
    width: 100%;
    height: 100%;
/*     margin: 0.5rem; */
    pointer-events: none;
        transform: none;
}
.modal-content {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 520px;
     margin: 0 auto;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);  
     font-size: 15px;       line-height: 1.5;    letter-spacing: -1px;
} 
 
 
 .modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
/*     border-bottom: 1px solid #dee2e6; */
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    height: 50px;
    position: relative;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.popheader{    position: relative;}
.popheader .close{ top: 0;}

 .modal-header .close , .popheader .close , .close , .E_close {line-height: 50px;
/*     margin-right: 10px; */
    cursor: pointer;
    background: transparent;
    border: transparent;
    font-size: 25px;    color: #787878;position: absolute;
 padding: 0;z-index: 1;    height: 50px; 
}
 .modal-header .close {   margin-right: 10px;}
.E_close{    right: 20px; }
 
 .modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}
 .modal-body ul{padding-bottom:10px}
  .modal-body ul li{}
.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}
.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

 .modal  .btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}