/* 전체레이아웃 설정값 */

#wrap{ min-width:320px;word-break:keep-all;}
.inner{ position:relative; width:1920px; margin:0 auto;}

.dl{display:flex;}
.dl dt{flex-shrink: 0;}
.dl dd{flex-grow: 1;}

.ul{ display:flex; flex-wrap: wrap;}


#header { position: relative;z-index: 5; height:150px; }
#header .container { position:relative; width:1920px;margin: 0 auto; }


/* 로고, 메뉴, 검색, 전체메뉴 */
.headerWrap { position:fixed; top:0; left:0; width:100%; }
.headerWrap .container { display: flex;align-items: center; height:100%; }
.headerWrap h1{ width:300px;}
.headerWrap h1 a { position: relative; }
.headerWrap h1 a img{ width:100%;}


#header.fixed .headerWrap{ background:#fff;box-shadow: 12px 9px 17px #0000001c;}

/* 메뉴 */
#nav { z-index: 3; padding-left:70px;; }
#gnb::before { position: absolute; top:150px; left: -100%; width: 200vw; height: 100vh; background: rgba(0, 0, 0, 0.5); content: ""; opacity: 0; display: none; }
#gnb .depth01 > ul { display: table; }
#gnb .depth01 > ul > li { display: table-cell; }
#gnb .depth01 > ul > li > a { display: flex; align-items: center; justify-content: center; height:150px; text-align: center; font-size:23px; padding:0 30px; font-weight: 500; }
#gnb .depth01 > ul > li > a > span { position: relative; }
#gnb .depth01 > ul > li > a > span::before { position: absolute; top: 0.5rem; right: 0.5rem; width: 0.7rem; height: 0.7rem; border-radius: 50%; background: rgba(231, 64, 17, 0.3); opacity: 0; content: ""; }
#gnb .depth02 { position: absolute; top: 100%; left:0; width:100%; background: #fff;display: none; z-index: 4; }
#gnb .depth02::before { position: absolute; top: 0; left: 0; width: 200vw; height: 100%; background: #fff; border-radius: 0 0 0 4.8rem; content: ""; z-index: -1; }
#gnb .depth02 .tit_Box { position: relative; width:455px; padding-top:50px; color:#fff; }
#gnb .depth02 .tit_Box::before { position: absolute; top: 0; right: 0; width:700px; height: 100%; background: url('/images/newdjeV3/layout/gnb_titBox_bg.png') no-repeat bottom right, linear-gradient(to left, #004896, #00a291); content: ""; z-index: -1; }
#gnb .depth02 .tit_Box .tit { font-size:40px; margin-bottom:10px; font-weight: 600; padding-top: 1rem; background: url('/images/newdjeV3/layout/gnb_titBox_titDeco.png') no-repeat top left; }
#gnb .depth02 .tit_Box span { display: block; }
#gnb .depth02 .group { width: 100%; overflow: hidden; } /* 240703 추가 */
#gnb .depth02 > ul{display: grid; grid-template-columns:repeat(4, 1fr);gap:20px 15px; padding:70px;}



#gnb .depth02 > ul > li > a { position:relative; display:block; border:1px #ddd solid; padding:20px 30px; border-radius:7px; font-weight:600;}
#gnb .depth02 > ul > li > a:before{ content: "\ea4e"; position:absolute; top:50%;transform: translateY(-50%);right:20px;font-family: "remixicon"; color:#777;}
#gnb .depth02 > ul > li > a:hover{border:1px #004896 solid;box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.18);}
#gnb .depth02 > ul > li > a:hover:before{ color:#fff;}
#gnb .depth02 > ul > li > a[target="_blank"]:after {content: "\f0f4"; display:inline-block;font-family: "remixicon"; color:#999; margin-left:7px; font-size:20px; font-weight:500}
#gnb .depth02 > ul > li > a:hover[target="_blank"]:after{ color:#fff;}
#gnb .depth03 { margin-top:17px; padding:0 15px;}
#gnb .depth03 > ul > li { position: relative;}
#gnb .depth03 > ul > li > a { position:relative;display:block; width:100%; color: #666; padding:5px 15px; font-size:19px; }
#gnb .depth03 > ul > li > a:before {content: '';position: absolute;left:0px;top:50%;transform: translateY(-50%);background-color: #ACACB3;width: 3px;height: 3px;display: inline-block;border-radius: 50%;transition: all 0.2s;}
#gnb .depth03 > ul > li > a:hover:before{background-color:#004896}
#gnb .depth03 > ul > li > a[target="_blank"]:after {content: "\f0f4"; display:inline-block;font-family: "remixicon"; color:#999; margin-left:7px; font-size:17px;}
#gnb .depth03 > ul > li > a:hover[target="_blank"]:after { color:#004896}

/* 메뉴:active */
#gnb::before,
#gnb li,
#gnb li a,
#gnb div,
#gnb .depth01 > ul > li > a,
#gnb .depth01 > ul > li > a > span::before { transition: all 0.3s; }

#gnb.active::before { opacity: 1; display: block; }
#gnb .depth01 > ul > li.on .depth02 { display: flex; }

#gnb .depth01 > ul > li > a:hover,
#gnb .depth01 > ul > li > a:focus,
#gnb .depth01 > ul > li.on > a { color: #004896; }
#gnb .depth01 > ul > li.on > a > span::before,
#gnb .depth01 > ul > li > a:hover > span::before,
#gnb .depth01 > ul > li > a:focus > span::before { top: 0; right: -0.4rem; opacity: 1; }
#gnb .depth02 > ul > li > a:hover,
#gnb .depth02 > ul > li > a:focus { background: #004896; color: #fff; }
#gnb .depth03 > ul > li > a:hover,
#gnb .depth03 > ul > li > a:focus { color: #004895; }


#header  .container .icon-box { position:absolute; top:0; right:0;height: 100%; display: flex; align-items: center;}
#header  .container .icon-box a.en{ color:#333; font-size:23px; margin-right:15px;}
#header  .container .icon-box a.en i{ margin-right:7px;}
#header  .container .icon-box a+a, #header  .container .icon-box a+button, #header  .container .icon-box button+button, #header  .container .icon-box button+a{ margin-left:10px;}
#header  .container .icon-box img{ width:50px;}
#header  .container .icon-box button, #header  .container .icon-box .fullmenu {font-size: 22px; color:#333; cursor:pointer;width:50px; height:50px;border-radius:50%;display:flex;justify-content: center;align-items: center;}
#header  .container .icon-box button.ham {display: none;background:#003471; color:#fff;}
#header  .container .icon-box button.search-btn{  background:#898989; color:#fff;}
#header  .container .icon-box .fullmenu{  background:#003471; color:#fff;}



/*depth 4*/
.deth-4 {display: flex; margin-bottom:70px;}
.deth-4 .ul {display: flex;}
.deth-4 .ul li {position: relative;}
.deth-4 .ul li a.on{color: #007BFF;}
.deth-4 .ul li:not(:last-child)::after {
    content: "|";
    margin-left: 10px;
    margin-right: 10px;
    color: #888; /* 구분자 색상 */
}

.deth-3 + .deth-4 { margin-top:-37px;}


/* 전체메뉴 */

.popFullmenu { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999;background:url(../images/common/sub-menu-bg.jpg) no-repeat 100% 100% / cover; }
.popFullmenu .fullmenu_wrap { max-width: 100%; width:100%;  height: 100%; overflow-y: auto; overflow-x: hidden; margin: 0 auto; scrollbar-width:none}
.popFullmenu .fullmenu_group { padding:100px 170px; }
.popFullmenu .fullmenu_group .depth01 > ul { display: grid;grid-template-columns: repeat(4, 1fr);gap:30px;}
.popFullmenu .fullmenu_group .depth01 > ul > li+li{ border-left:1px solid rgb(255,255,255,0.2); padding-left:30px; }
.popFullmenu .fullmenu_group .depth01 > ul > li > a { display: block; text-align: center; padding: 0.9rem 0.5rem; color: #fff; border-radius:10px; background: #0072bc; font-weight: 600; font-size:23px; }
.popFullmenu .fullmenu_group .depth02 { padding:20px 10px; border-radius: 0 0 0.9rem 0.9rem; }
.popFullmenu .fullmenu_group .depth02 .tit_Box { display: none; }
.popFullmenu .fullmenu_group .depth02 > ul > li + li { margin-top:15px; padding-top:15px; border-top:1px solid rgb(255,255,255,0.2) }
.popFullmenu .fullmenu_group .depth02 > ul > li > a { position: relative; display: block;  color: #fff; font-weight:600; }
.popFullmenu .fullmenu_group .depth02 > ul > li > a[target="_blank"]:after {content: "\f0f4"; display:inline-block;font-family: "remixicon"; color:rgb(255,255,255,0.7); margin-left:7px; font-size:17px; font-weight:500}
.popFullmenu .fullmenu_group .depth02 > ul > li > a:hover[target="_blank"]:after{ color:#6dcff6;}

.popFullmenu .fullmenu_group .depth03 { padding:10px 0 0 15px }
.popFullmenu .fullmenu_group .depth03 > ul > li > a { position: relative; display: block; padding-left: 0.5rem; color:rgb(255,255,255,0.7); font-size:18px; line-height:24px; }
.popFullmenu .fullmenu_group .depth03 > ul > li > a::before { position: absolute; top: 0.6rem; left: 0; width: 0.2rem; height: 0.1rem; background: #fff; content: ""; opacity:0.6;}
.popFullmenu .fullmenu_group .depth03 > ul > li > a[target="_blank"]:after {content: "\f0f4"; display:inline-block;font-family: "remixicon";color:rgb(255,255,255,0.7); margin-left:7px; font-size:13px;}
.popFullmenu .fullmenu_group .depth03 > ul > li > a:hover[target="_blank"]:after { color:#6dcff6}





.popFullmenu .popUntil { display: none; }

.popFullmenu .fullmenuClose { position: absolute; top:50px;right:50px; color: #fff; font-size:30px; }
/* 전체메뉴:active */
.fullmenu em { transition: all 0.3s; }
.fullmenu:hover em,
.fullmenu:focus em { width: 100%; margin-left: 0; background: #00a291; }
.popFullmenu .fullmenu_group .depth01 > ul > li > a:hover,
.popFullmenu .fullmenu_group .depth01 > ul > li > a:focus {}
.popFullmenu .fullmenu_group .depth02 > ul > li > a:hover,
.popFullmenu .fullmenu_group .depth02 > ul > li > a:focus { color:#6dcff6}
.popFullmenu .fullmenu_group .depth02 > ul > li > a:hover::before,
.popFullmenu .fullmenu_group .depth02 > ul > li > a:focus::before { background: #6dcff6; }
.popFullmenu .fullmenu_group .depth03 > ul > li > a:hover,
.popFullmenu .fullmenu_group .depth03 > ul > li > a:focus { color: #6dcff6; }
.popFullmenu .fullmenu_group .depth03 > ul > li > a:hover::before,
.popFullmenu .fullmenu_group .depth03 > ul > li > a:focus::before { background: #6dcff6; }


.hid {position: absolute;margin: -1px;padding: 0;width: 1px;height: 1px;border: 0;clip: rect(0, 0, 0, 0);overflow: hidden;}

@media (max-width:1920px){
	#header .container {width:1500px;}
	.headerWrap h1{ width:210px;}
	#nav{ padding-left:50px;}
	#gnb .depth01 > ul > li > a{ font-size:19px; padding:0 22px; height:110px;}
	#gnb::before {top:110px;}
	#gnb .depth02 .tit_Box {width:355px;}

	#gnb .depth02 > ul > li > a{ padding:15px 20px;}
	#gnb .depth02 > ul > li > a[target="_blank"]:after{ font-size:17px;}
	#gnb .depth03 { margin-top:10px;}
	#gnb .depth03 > ul > li > a{ font-size:16px;padding:3px 10px; }
	#gnb .depth03 > ul > li > a[target="_blank"]:after {font-size:15px;}
	
	.popFullmenu .fullmenu_wrap
	.popFullmenu .fullmenu_group { padding:70px 100px; }

	.popFullmenu .fullmenu_group .depth01 > ul > li > a{ font-size:20px;}
	.popFullmenu .fullmenu_group .depth02 > ul > li + li {margin-top: 10px;padding-top: 10px;}
	.popFullmenu .fullmenu_group .depth02 > ul > li > a{ font-size:18px;}
	.popFullmenu .fullmenu_group .depth03{ padding:5px 0 0 5px;}
	.popFullmenu .fullmenu_group .depth03 > ul > li > a{ font-size:16px; line-height:22px;}
	.popFullmenu .fullmenu_group .depth02 > ul > li > a[target="_blank"]:after { font-size:15px;}
	.popFullmenu .fullmenu_group .depth03 > ul > li > a[target="_blank"]:after { font-size:12px;}
	
	
	
}


@media (max-width: 1800px) {
    .popFullmenu .fullmenuClose {
        left: auto;
        transform: translateX(0);
        right: 1rem;
    }
    
    .popFullmenu .fullmenu_group { padding:50px; }
    .popFullmenu .fullmenuClose{ top:20px;}
    .popFullmenu .fullmenu_group .depth01 > ul{ gap:10px;}
    .popFullmenu .fullmenu_group .depth01 > ul > li+li{ padding-left:10px;}
}

@media (max-width:1280px){

    /* 메뉴 */
    #nav { display: none; }
	
   
    /* 전체메뉴 */
    .fullmenu { position: relative; top: auto; right: auto; margin-left: 1.2rem; }  
    
    
    .popFullmenu { padding: 0; background:#003663 }
    .popFullmenu .fullmenu_wrap{ padding:0; }
    .popFullmenu .popUntil { display:flex; justify-content: space-between;align-items: center; padding:20px; background: #1e2740; }
    .popFullmenu .popUntil .util { display: block !important; }
    .popFullmenu .popUntil .util li { display: inline-block; vertical-align: middle; }
    .popFullmenu .popUntil h1{ width:200px;}
    .popFullmenu .popUntil h1 img{ width:100%;}
    .popFullmenu .popUntil .icon-box{ margin-right:50px;}
    .popFullmenu .popUntil .icon-box img{ width:37px;}
    
    .popFullmenu .fullmenu_group{ padding:0 15px;}
    .popFullmenu .fullmenu_group .depth01 > ul { display:block; width: 100%; margin-left: 0; }
    .popFullmenu .fullmenu_group .depth01 > ul > li { width: 100%; padding: 0; border-bottom: 1px solid rgb(255,255,255,0.2); }
    .popFullmenu .fullmenu_group .depth01 > ul > li + li{ border-left:none; padding:0;}
    .popFullmenu .fullmenu_group .depth01 > ul > li > a { position: relative; border-radius: 0; text-align: left; padding:10px 20x; font-weight: 400; background:none }
    .popFullmenu .fullmenu_group .depth01 > ul > li.dep > a::before { position: absolute; top: calc(50% - 0.5rem); right: 0.5rem; color: #fff; font-family: 'remixicon'; font-size: 1rem; content: "\ea4e"; }
    .popFullmenu .fullmenu_group .depth02 { border-radius: 0; display: none; padding: 1rem; }
    .popFullmenu .fullmenu_group .depth02 > ul > li+li{ border-top:1px #ddd solid;}
    .popFullmenu .fullmenu_group .depth02 > ul > li > a { position: relative; color:#1e2740}
    .popFullmenu .fullmenu_group .depth02 > ul > li > a:hover,
    .popFullmenu .fullmenu_group .depth02 > ul > li > a:focus { color:#0072bc}
    .popFullmenu .fullmenu_group .depth02 > ul > li > a[target="_blank"]::after{color:#1e2740}
    .popFullmenu .fullmenu_group .depth02 > ul > li > a:hover[target="_blank"]:after{ color:#0072bc;}
    .popFullmenu .fullmenu_group .depth02 > ul > li.dep > a { padding-right: 1.5rem; }
    .popFullmenu .fullmenu_group .depth02 > ul > li.dep > a::after { position: absolute; top: calc(50% - 0.5rem); right: 0; color:#1e2740; font-family: 'remixicon'; font-size: 0.9rem; content: "\ea4e"; }
    .popFullmenu .fullmenu_group .depth03 { display: none; }
    .popFullmenu .fullmenu_group .depth03 > ul > li > a{ color:rgb(30,39,64,0.7); line-height:25px;}
    .popFullmenu .fullmenu_group .depth03 > ul > li > a::before{ background:#0072bc; }
    .popFullmenu .fullmenu_group .depth03 > ul > li > a[target="_blank"]::after{ color:rgb(30,39,64,0.7)}
    .popFullmenu .fullmenuClose { top: 0.5rem; right: 1rem; border-radius: 0; width: 2rem; height: 2rem; border-radius: 50%; background: #fff; color: #111; text-align: center; }
    .popFullmenu .fullmenu_group .depth03 > ul > li > a:hover,
    .popFullmenu .fullmenu_group .depth03 > ul > li > a:focus { color: #0072bc; }
    
    
    /* 전체메뉴:active */
    .popFullmenu .fullmenu_group .depth01 > ul > li.active { padding:15px 0;}
    .popFullmenu .fullmenu_group .depth01 > ul > li.active > a { background:#0072bc; border-radius:10px 10px 0 0; padding:15px 20px; }
    .popFullmenu .fullmenu_group .depth01 > ul > li.dep.active > a::before { transform: rotate(180deg); }
    .popFullmenu .fullmenu_group .depth01 > ul > li.active .depth02 { display: block; background:#fff; border-radius:0 0 10px 10px ;}
    .popFullmenu .fullmenu_group .depth02 > ul > li.dep.active > a::after { transform: rotate(180deg); color:#0072bc; }
    .popFullmenu .fullmenu_group .depth02 > ul > li.active .depth03 { display: block; }
    
    
     .popFullmenu .fullmenuClose {top:22px;right: 1rem; color:#fff; background:none;}
    
}
@media (max-width: 480px){
.popFullmenu .fullmenu_group .depth02 > ul > li > a{ font-size:16px;}
}



/* 검색 */
.search-btn-form_wrap { position:relative;opacity: 0; pointer-events: none; position:fixed; top:0; z-index: 101; width: 100%; height:100vh; transition: 0.3s ease-in-out; box-sizing:border-box;}
.search-btn-form_wrap.show {opacity: 1; pointer-events: inherit;}
.search-btn-form_wrap .search-btn-box {height:100%;display: flex; align-items: center; justify-content: center;  flex-direction: column;background:url(../images/common/sub-menu-bg.jpg) no-repeat 100% 100% / cover; }
.search-btn-form_wrap .search-btn-box h2{ color:#fff; margin-bottom:20px; font-weight:600; font-size:37px;}
.search-btn-form_wrap .search-btn-box h2 span{ color:#F60}
.search-btn-form_wrap .search-btn-box h2 br{ display:none}
.search-btn-form_wrap .search-btn-box > .search-btn-area_close {color:#FFFFFF; margin-left:15px; font-size:30px; cursor: pointer; position:absolute; top:30px; right:30px; z-index: 9;}
.search-btn-form_wrap .search-btn-box > .search-btn-area_close i {color:#fff;}
.search-btn-form_wrap .search-btn-box .input_box {width:460px; height:60px; position: relative; background:#fff; border-radius:35px; overflow:hidden;}
.search-btn-form_wrap .search-btn-box input {width:100%; height:100%;  border:none; outline: none; box-sizing:border-box; padding:0 85px 0 30px }
.search-btn-form_wrap .search-btn-box button {font-size:0; position: absolute; top:0; right:0; height:100%; padding:0 20px; color: #000}
.search-btn-form_wrap .search-btn-box button i {font-size:20px; color: #000}



.menu-container{ position:fixed; top:0; left:0; width:100%; height:100vh; background:url(../images/common/sub-menu-bg.jpg) no-repeat 100% 100% / cover; display:none; z-index:99999;transition: 0.3s ease-in-out;}
.menu-container .close{font-size:30px; color: #fff; position: absolute; top:0; right:0;padding:30px; cursor:pointer; display:block;}
.menu-content{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);  padding:20px; width:77%; }
.menu-content a{color:#fff;}
.menu-content > ul{ display:grid;grid-template-columns:repeat(6, 1fr); text-align:center;}


footer{ margin-top:100px;}
footer .f-info .inner{ display: grid; grid-template-columns:300px 1fr; }
footer .f-info .inner h1 img{ width:250px;}

footer .f-info .inner .area .tel{ display:flex;align-items: center;}
footer .f-info .inner .area .tel p+p{ margin-left:20px;}

footer .f-info .inner .area span{ font-size:30px; font-weight:900;}
footer .f-info .inner .area b{ font-weight:500; margin-right:7px;}
footer .f-info .inner .area span+b{ margin-left:30px;}

footer .copy{ background:#121a42; padding:25px 0; text-align:center; color:rgb(255,255,255,0.7); margin:37px 0; font-size:18px; letter-spacing:0;}

.banner_zone { position: relative; margin-bottom:37px; }
.banner_zone .inner { position: relative; display: flex; align-items: center; }
.banner_zone .bnWrap { position: relative; flex: 1; width: calc(100% + 2.4rem); margin-left: -1.2rem; overflow: hidden; }
.banner_zone .bnWrap::before { position: absolute; top: 0; right: 0; width: 3rem; height: 100%; background: linear-gradient(to right, transparent, #fff); z-index: 1; content: ""; }
.banner_zone .bnWrap p { position: relative; padding: 0 30px; }
.banner_zone .bnWrap p::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0.3rem; height: 0.3rem; border-radius: 50%; background: #c9c9c9; content: ""; }
.banner_zone .bnWrap p.slick-current::before { display: none; }
.banner_zone .bnWrap p a { display: block; }
.banner_zone .bnWrap p a img{ height:50px;}
.banner_zone .btn { display: flex; flex-wrap: nowrap; z-index: 2; }
.banner_zone .btn a,
.banner_zone a.list { display:flex; align-items: center;justify-content: center; width:30px; height:30px; line-height: 1.5rem; border-radius: 50%; background: #ebebeb; text-align: center; }
.banner_zone .btn a + a,
.banner_zone a.list { margin-left: 0.25rem; }
.banner_zone .btn .play { display: none; }






@media (max-width: 1920px){
	.inner{width:1500px;}
	
	#header{height:110px;}
	#headerInnerWrap{height:110px;}
	.header .logo img{width:230px;  }
	.header .nav{ left:300px;}
	.header .nav .deps_1 > li{ font-size:20px;}
	.header .nav .deps_1 > li a{ padding:0 21px;}
	#header  .container .icon-box img{ width:40px;}
	#header  .container .icon-box a.en{ font-size:18px;}
	#header  .container .icon-box button, #header  .container .icon-box .fullmenu { width:40px; height:40px; font-size:16px;}
	#header  .container .icon-box a+a, #header  .container .icon-box a+button, #header  .container .icon-box button+button{ margin-left:5px;}
	
	footer .f-info .inner .area span{ font-size:25px;}

	footer .copy{ padding:17px 0;font-size:15px;}
	
	.banner_zone .bnWrap p a img{ height:40px;}
	

}
@media (max-width: 1500px){
	
	#header{ height:77px;}
	#header .container{ width:100%; padding:0 15px; box-sizing:border-box; height:77px}
	.inner{ width:100%;}
	
	footer{ margin-top:100px;}
	footer .f-info{ padding:0 15px;}
	.banner_zone{ margin:0 15px 37px 15px;}
	
	#header  .container .icon-box{ right:15px;}
	
	#gnb .depth02 .tit_Box{ padding-left:20px;}
	#gnb .depth02 .tit_Box .tit{ font-size:30px;} 
	#gnb .depth02 > ul{ padding:30px;}
	#gnb .depth02 > ul > li{ padding:0 7px;}
	
	
	
	
}
@media (max-width: 1280px){
	.search-btn-form_wrap .search-btn-box h2{ font-size:30px;}
	
	
}
@media (max-width: 1024px){
	
	
	footer{ margin-top:70px}
	footer .f-info .inner{ display:block;}
	footer .f-info .inner .area{ margin-top:10px;}
	footer .f-info .inner .s01{ display:block; }
	footer .f-info .inner .s01 ul{ margin-top:15px;gap:0 10px;}
	footer .f-info .inner .s01 ul li + li{ padding-left:10px;}
	
	
	
}

@media (max-width: 800px){
	footer .f-info .inner .s02{ display:block;}
	footer .f-info .inner .s02 .area+.area{ margin-top:15px;}
	
	.banner_zone .bnWrap p{ padding:0 20px;}
	.banner_zone .bnWrap p a img{ height:30px;}
	
	.search-btn-form_wrap .search-btn-box{ text-align:center;}
	.search-btn-form_wrap .search-btn-box h2 br{ display:block}
	
	#header .container .icon-box .sns{ display:none;}

	
	
}

@media (max-width:640px){
	
	footer .f-info .inner .s01 ul{ display:block;}
	footer .f-info .inner .s01 ul li + li{ padding:10px 0 0 0;}
	footer .f-info .inner .s01 ul li + li:after{ display:none;}
	footer .f-info .inner .area .tel{ display:block;}
	footer .f-info .inner .area .tel p + p{ margin-left:0;}

	.search-btn-form_wrap .search-btn-box .input_box{ width:370px;}
}




@media (max-width: 480px){
	
	footer{ margin-top:50px}
	
	.headerWrap h1{ width:160px;}
	
	.search-btn-form_wrap .search-btn-box h2{ font-size:27px;}
	
	#header  .container .icon-box a.en{ margin-right:5px;}
	#header  .container .icon-box button + a{ margin-left:5px;}
	.popFullmenu .popUntil .icon-box{ margin-right:40px;}
	.popFullmenu .popUntil h1{ width:150px;}
	
	footer .f-info .inner .area span{ font-size:20px;}
	footer .f-info .inner .area .tel{ margin-bottom:5px;}
	
	
}
@media (max-width: 480px){
	footer .copy{ font-size:13px;}
}