@charset "utf-8";
/* CSS Document */

/* 스크롤바 꾸미기 */
/* ::-webkit-scrollbar{ width:10px;height:10px; border-radius:50px;}
::-webkit-scrollbar-track{background-color:#E8E8E8; border-radius:50px;}
::-webkit-scrollbar-thumb{background:#0071b9;border-radius:50px; }
::-webkit-scrollbar-thumb:hover{background:#0071b9;}
::-webkit-scrollbar-thumb:active{background:#0071b9;}
::-webkit-scrollbar-button { display: none; } */

#wrap{width:100%; margin:0 auto; position:relative;}
.w1600{width:100%; max-width:1600px; margin:0 auto;}
.w1300{width:100%; max-width:1300px; margin:0 auto;}
.w1200{width:100%; max-width:1200px; margin:0 auto;}
.inner100{width:100%; margin:0 auto;}

.clearfix{ *zoom: 1; }
.clearfix:after{content: ""; display: block; clear: both }

@media all and (max-width:1300px) { 
	.w1300{width:96%; margin:0 auto;}
}
@media all and (max-width:1200px) { 
	.w1200{width:96%; margin:0 auto;}
}

.blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}

table {border-collapse:separate;border-spacing:0;}
.table_cont {width:100%; vertical-align:top;}
.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid #000;}
.table_style th{font-size:15px; color:#111111; font-weight:500; text-align:left; padding:15px 20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; letter-spacing:-0.5pt; line-height:1.5; box-sizing:border-box;}
.table_style td{font-size:15px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color: #666666; padding:15px 20px; text-align:left; line-height:1.5; box-sizing:border-box; font-weight:300; letter-spacing:-0.5pt;}
.table_style th.no, .table_style td.no {border-right:none;}
.table_style th.center, .table_style td.center {text-align: center;}
.table_style img {border: none;}

.table_style_div {width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid #000; overflow: hidden;}
.table_style_div .tr {width: 50%; float: left;}
.table_style_div .tr:last-child {width: 100%;}
.table_style_div .th{width:150px; float: left; font-size:17px; color:#111111; font-weight:500; text-align:left; padding:30px 20px; border-bottom:1px solid #ddd; letter-spacing:-0.5pt; line-height:1.5; box-sizing:border-box;}
.table_style_div .td{font-size:17px; width: calc(100% - 150px); float: left; border-bottom:1px solid #ddd; color: #666666; padding:30px 20px; text-align:left; line-height:1.5; box-sizing:border-box; font-weight:300; letter-spacing:-0.5pt;}

@media all and (max-width:780px) { 
	.table_cont {padding: 0 2%; width: 100%;}
	.table_style_div .tr {width: 100%; float: none;}
	.table_style_div .th {font-size: 15px; width:140px;}
	.table_style_div .td {font-size: 15px; width: calc(100% - 140px);}
}

.header{position:fixed; width: 100%; max-width: 1920px; box-sizing:border-box; font-size:0; z-index: 500; background:#fff; border-bottom: 1px solid #eee;transition: all 0.3s linear;}
.header.scroll {background:#fff; border-bottom: 1px solid #eee;}
.header .logo{position:relative;display:inline-block;vertical-align:middle;width: 129px;height: 90px;background: url(../img/logo.png) 50% 50% no-repeat;}
.header .logo a{position:absolute;top: 0;right: 0;left: 0;bottom: 0;}
.header .gnb{display:inline-block;float: right;vertical-align: middle;box-sizing:border-box;text-align: center;/* margin-right: 150px; */max-width: 615px;margin-right: 12%;}
.header .gnb > ul{}
.header .gnb > ul > li{display:inline-block; vertical-align: top; position:relative; }
.header .gnb > ul > li > a{display:inline-block;vertical-align: top;font-size: 20px;color: #222;line-height:90px;padding: 0 40px;font-weight: 500;}
.header .gnb > ul > li > ul{display:none ; position: absolute; top: 90px; left: 0; width: 300px; text-align: left; background: #fff; box-sizing:border-box; border:1px solid #eee; padding: 40px 45px; box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 5px;}
.header .gnb > ul > li > ul::before{content:""; position:absolute; top:0px; left: 0; width: 0; height: 3px; background: #002b72; z-index: 1; transition:0.4s}
.header .gnb > ul > li > ul > li{position:relative;}
.header .gnb > ul > li > ul > li > a{position:relative; display:inline-block; vertical-align: top; width: 100%; font-size:16px; letter-spacing:-0.04em; color: #666666; box-sizing:border-box; padding: 14px 0; border-bottom: 1px solid #e0e0e0}
.header .gnb > ul > li > ul > li:last-child > a {border-bottom: none;}
.header .gnb > ul > li > ul > li > a i{position:absolute; right: 1px; top: 16px; display:inline-block; width: 20px; height: 20px; background-size:cover}
.header .gnb > ul > li > ul > li > .depth03{display:none; width: 270px; position:absolute; top: 0; right:-316px; background: #fafafa; box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 5px;}
.header .gnb > ul > li > ul > li > .depth03 li{}
.header .gnb > ul > li > ul > li > .depth03 li > a{display:inline-block; vertical-align: top; width: 100%; font-size:15px; color: #3f67ae; padding: 14px 28px; box-sizing:border-box; border-bottom: 1px solid #d5d5d5;}


.header{display:inline-block;  vertical-align: middle;}
.header .header_in {max-width: 1300px;margin: 0 auto;}
.header .header_in:after {content:"";display: block;clear: both;}
.header .language{position:relative; display:inline-block; vertical-align: middle; z-index: 100;}
.header .language .icon{display:inline-block; width: 34px; height: 22px;  background:url(../img/icon_Elang02.png) 50% 50% no-repeat; background-size:cover; transition:0.4s; cursor: pointer;}

.header .m_btn{position:relative; display:inline-block; width: 100px; height: 100px; vertical-align: middle; text-align: center; z-index: 100; cursor: pointer;}
.header .m_btn span{position:relative; display:inline-block; width: 27px; height: 2px; background: #000; margin: 49px 0; transition:0.4s}
.header .m_btn span::after{content:""; position:absolute; top: -8px; left: 0; width: 100%; height: 2px; background: #000;transition:0.4s}
.header .m_btn span::before{content:""; position:absolute; top: 8px; left: 0; width: 100%; height: 2px; background: #000; transition:0.4s}
.header .all_nav{position:fixed; top: 0; right: -100%; width: 100%; max-width:500px; background: #003377; height: 100%;  transition:0.4s;  overflow-y: scroll; z-index: 2;}
.header .all_nav > ul{padding-top:100px;}
.header .all_nav > ul > li{}
.header .all_nav > ul > li > a{display:inline-block; width: 100%; box-sizing:border-box; padding: 20px 50px; font-size:36px; font-weight:600; color: #fff;}
.header .all_nav > ul > li > .sub_depth{display:none; }
.header .all_nav > ul > li > .sub_depth > li{}
.header .all_nav > ul > li > .sub_depth > li > a{display:inline-block; font-size:17px; color: #fff; opacity: 0.8; padding: 14px 70px; width: 100%; box-sizing:border-box;}
.header .all_nav > ul > li > .sub_depth > li .depth03{display:none; }
.header .all_nav > ul > li > .sub_depth > li .depth03 li{}
.header .all_nav > ul > li > .sub_depth > li .depth03 li a{}
.header .all_nav > ul > li > .sub_depth > li .gnb_depth03{}
.header .all_nav > ul > li > .sub_depth > li .gnb_depth03 li{}
.header .all_nav > ul > li > .sub_depth > li .gnb_depth03 li a{display:inline-block; font-size:15px; color: #fff; opacity: 0.8; padding: 12px 80px; width: 100%; box-sizing:border-box;}
.header .all_nav > ul > li > .sub_depth > li .gnb_depth03 li .depth04 li a{padding: 10px 90px;}



.header .m_btn{vertical-align: top; text-align: center; z-index: 200; display: none;}
.header .m_btn span{position:relative; display:inline-block; width: 30px; height: 2px; background: #333; transition:0.4s}
.header .m_btn span::before{content:""; position:absolute; top: -8px; left: 0; width: 100%; height: 2px; background: #333; transition:0.4s}
.header .m_btn span::after{content:""; position:absolute; top: 8px; left: 0; width: 100%; height: 2px; background: #333; transition:0.4s}

.header .m_menu{position:fixed;top: 0;right: -100%;width: 100%;height: 100%;max-width:640px;background: #fff;z-index: 100;box-sizing:border-box;padding: 0 16px;transition:0.4s;border-top: 1px solid #eee;}
.header .m_menu .m_logo{display: inline-block;position: absolute;bottom: 0;right: 16px;vertical-align:middle;width: 150px;height: 60px;background:url(../img/logo.png) 50% 50% no-repeat;background-size:contain;margin: 25px 0;}
.header .m_menu .m_lang{ padding-top: 10px; padding-left: 40px;}
.header .m_menu .m_lang span{position:relative; display:inline-block; vertical-align: bottom;}
.header .m_menu .m_lang span a{position:relative; display:inline-block; vertical-align: bottom; font-size:16px; font-weight:500; color: #222; letter-spacing:0.025em; margin-right: 40px; opacity: 0.4; padding: 0;}
.header .m_menu .m_lang span:first-of-type::after{content:""; position:absolute; top: 4px; right: 21px; width: 1px; height: 12px; background: #222; opacity: 0.4;}
.header .m_menu .m_lang span.on a::after{content:"";position:absolute;  bottom: -6px; left: 0; height: 3px; width: 100%; background: #3f67ae; transition:0.4s;;}
.header .m_menu .m_lang span.on a{font-weight:500; font-size:18px; color: #3f67ae; opacity: 1;}
.header .m_menu > ul {
    padding-top: 70px;
}
.header .m_menu > ul > li{padding-left: 40px; border-radius:10px}
.header .m_menu > ul > li > a{position:relative; display:inline-block; width: 100%; font-size:20px; color: #333; padding: 14px 0; box-sizing:border-box; line-height:1.2em; font-weight: 600;}
.header .m_menu > ul > li > a::before{content:"";position:absolute;top: 25%;right: 45px;display:inline-block;width: 23px;height: 24px;background:url(../img/icon_m_gnb.png) 50% 50% no-repeat;background-size:cover}
.header .m_menu > ul > li > ul{display:none; padding: 10px 0 10px 25px;} 
.header .m_menu > ul > li > ul > li{}
.header .m_menu > ul > li > ul > li > a{position:relative; display:inline-block; width: 100%; font-size:16px; color: #222;  box-sizing:border-box; padding: 10px 0; font-weight: 600;}
.header .m_menu > ul > li > ul > li > a i{position:absolute; right: 53px; top: 19px; display:inline-block; width: 6px; height: 6px; background:url(../img/icon_arrowG.png) 50% 50% no-repeat; background-size:cover}
/* .header .m_menu > ul > li > ul > li > .depth03{ padding: 10px 0;} */
.header .m_menu > ul > li > ul > li > .depth03 li{}
.header .m_menu > ul > li > ul > li > .depth03 li > a{ display:inline-block; vertical-align: top; width: 100%; box-sizing:border-box; font-weight:300; font-size:16px; color: #222; padding: 8px 0 8px 25px;}

/* gnb */
.header .gnb > ul > li > ul.on::before{width: 100%;}
.header .gnb > ul > li > ul > li:hover a{color: #002b72; border-bottom: 1px solid #002b72;}
.header .gnb > ul > li > ul > li:hover > a i{background:url(../img/top_menu_on.png) right 50% no-repeat;}
.header .gnb > ul > li > ul > li > .depth03 li:hover a{background: #ebebeb;}

/* lang */
.header .lang li:hover a::after,
.header .lang li.on a::after{width: 100%; opacity: 1;}
.header .lang li:hover a{opacity: 1;}

/* common */
.header.wf .gnb > ul > li > a{color: #ccc;}
.header.wf .lang li a{color: #ccc;}
.header.wf .lang li a::after{background: #ccc;	}
.header.sc,
.header:hover{background: #fff;}
.header.sc .gnb > ul > li > a,
.header:hover .gnb > ul > li > a{color: #333;}
.header.sc .lang li a,
.header:hover .lang li a{color: #333;}
.header.sc .lang li a::after,
.header:hover .lang li a::after{background: #4b82e4;}
.header.sc .lang li:first-of-type::after,
.header.wf .lang li:first-of-type::after,
.header:hover .lang li:first-of-type::after{background: #333;}


.m_btn.on{}
.m_btn.on span{background: transparent;}
.m_btn.on span::before{position:absolute; top: 0; transform:rotate(45deg);}
.m_btn.on span::after{position:absolute; top: 0; transform:rotate(-45deg);}

.header .m_menu.on{right: 0; display:block;}
.header .m_menu > ul > li.on{background: #f5f5f5;}
.header .m_menu > ul > li.on > a{color: #3f67ae;}
.header .m_menu > ul > li.on > a::before{content:""; background:url(../img/icon_m_gnb02.png) 50% 50% no-repeat; background-size:cover}
.header .m_menu > ul > li > ul > li.on a{color: #3f67ae;}
.header .m_menu > ul > li > ul > li.on > a i{ background:url(../img/icon_arrowB.png) 50% 50% no-repeat; background-size:cover}


button {border: none; background: transparent;}
/* header menu open btn */
.menu-open-btn-box {z-index: 2000;vertical-align: top;}
.menu-open-btn-box button {position: absolute;width: 25px;height: 40px;top: 25px;right: 110px;}
.menu-open-btn-box button > span {display: block;width: 25px;height: 2px;margin: 7px 0;background: #000;}
.menu-open-btn-box button > span.scroll-btn-on,
.menu-open-btn-box button > span.menu-btn-on {background: #333333;}

/* header (main-menu) */
.main-menu {width: 0;height: 0;opacity: 0;position: fixed;top: 0;right: 0;background: #002b72 url("../img/all_menu_logo.png") bottom 90px right 90px;background-repeat: no-repeat;padding-top: 250px;z-index: 1;}
.main-menu.main-menu-on {width: 100%; height: 100vh; opacity: 1; top: 0; z-index: 2000; transition: all 0.2s ease-in-out;}
.main-menu > ul {width: 90%; max-width: 1450px; margin: 0 auto; display: flex; flex-flow: row nowrap;}
.main-menu ul > li {color: #ffffff; font-family: 'Noto Sans KR', 'Rajdhani', sans-serif; font-weight: 700; font-size: 35px; width: calc(100% / 4);}
.main-menu ul > li > span.main-menu-line {display: block; width: 80%; height: 1px; background: rgba(255,255,255,.3); position: relative; margin: 40px 0;}
.main-menu ul > li > span.main-menu-line::before {content: ''; position: absolute; width: 10%; height: 1px; top: 0; left: 0; background: #fff; opacity: 100%;}
.main-menu ul > li:hover > span.main-menu-line::before {width: 100%; transition: all 0.2s;}
.main-menu ul > li > ul {display: flex; flex-flow: column nowrap; width: 100%;}
.main-menu ul > li > ul > li {font-weight: 300; font-size: 17px; margin-bottom: 30px; width: 100%;}
.main-menu ul > li > ul > li > a {color: #ffffff; opacity: 70%; display:inline-block; width: 100%;}
.main-menu ul > li > ul > li > ul {padding-top: 10px}
.main-menu ul > li > ul > li > ul > li {font-weight: 300; font-size: 15px; margin-bottom: 5px; width: 100%; padding: 0 0 0 10px}
.main-menu ul > li > ul > li > ul > li:last-child {margin: 0;}
.main-menu ul > li > ul > li:hover > a {opacity: 100%;}

/* header menu close btn */
.menu-close-btn-box {position: absolute;top: 0;right: 110px;width: 130px;height: 90px;z-index: 1000;display: none;}
.menu-close-btn-box button {position: absolute;width: 25px;height: 40px;top: 25px;right: 0;}
.menu-close-btn-box button > span {display: block; width: 30px; height: 1px; margin: 10px 0; background: #fff; position: absolute; top: 7.5px;right: 0px;}
.menu-close-btn-box button > span:first-child {transform: rotate(45deg);}
.menu-close-btn-box button > span:last-child {transform: rotate(-45deg);}


/* @media all and  (max-width:1600px) and (max-height:800px){
	.header{height: 60px; background: #fff;}
	.header .logo{margin: 15px 0;}
	.header .lang li a{color: #333333;}
	.header .lang li a::after{background: #4b82e4;}
	.header .lang li:first-of-type::after{background: #333;}
	.header .gnb > ul > li > a{line-height:100px}
	.header .gnb > ul > li > ul{top:100px}
} */

@media all and  (max-width:1600px){
	.header{padding: 0 60px;}
	.header .gnb > ul > li > a{color: #333;}
	.menu-open-btn-box button, .menu-close-btn-box{right: 4.3%;}
	.w1600{padding: 0 16px;}
	.w1600.pl{padding-left: 16px; padding-right: 0;}
}

@media all and  (max-width:1400px){
	.header{padding: 0 16px;}
	.menu-open-btn-box button, .menu-close-btn-box {right: 16px;}
	.w1400{padding: 0 16px;}
}

@media all and  (max-width:1300px){
	.header .gnb > ul > li > ul > li > a{padding-left: 10px;}
	.header .gnb > ul > li > ul > li > a i{right: 10px;}
}


@media all and  (max-width:1200px){
	.header{height: 70px; background: #fff;}
	.header .logo{background-size: contain;height: 70px;} 
	.header.wf .lang li a,
	.header .lang li a{color: #333333;}
	.header.wf .lang li a::after,
	.header .lang li a::after{background: #4b82e4;}
	.header .lang li:first-of-type::after{background: #333;}
	.header .gnb{width: calc(100% - 290px);}
	.header .gnb > ul{display:none; }
	.header .m_btn{position:relative;display:inline-block;width: 40px;height: 70px;vertical-align: middle;margin-left: 20px;cursor: pointer;transition:0.4s;float: right;}
	.header .m_btn.on{margin-left: 0;}
	.header .m_btn span{margin: 33px 0;}
	.header .m_menu{display:block; overflow-y:scroll;}
	
	.main-menu {display: none;}
	.menu-open-btn-box {display: none;}
}


@media all and  (max-width:800px){
	.header .m_menu .m_lang{padding-left: 20px;}
	.header .m_menu > ul > li{padding-left: 20px;}

	.header .m_menu > ul > li > a::before{top: 22px;}
	.header .m_menu > ul > li > a::before{transform:scale(0.8);}
}
@media all and  (max-width:500px){
	.header .m_menu{padding: 0 16px;}
	.header .m_menu > ul > li > a::before{right: 20px;}
	.header .m_menu > ul > li > ul{padding: 4px 0 4px 15px;}
	.header .m_menu > ul > li > ul > li > .depth03{padding: 0;}
	.header .m_menu > ul > li > ul > li > .depth03 li > a{padding: 8px 0 8px 15px;}
	.header .m_btn{margin-left: 80px;}
}


/* common_more_btn */
a.common_more_btn{display:block;width:152px;font-size: 15px;color:#333;line-height:1;position:relative;text-transform:uppercase;}
a.common_more_btn:before,
a.common_more_btn:after{content:""; display:block; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
a.common_more_btn:before{width:50px; height:2px; background:url(../img/common_more_btn_bar_off.jpg) no-repeat; right:11px; z-index:1;}
a.common_more_btn:after{width:21px; height:21px; border:1px solid #676768; background-color:transparent; box-sizing:border-box; right:0; border-radius:50%; transition:all .5s;}
a.common_more_btn:hover{font-weight:700;}
a.common_more_btn:hover:before{background:url(../img/common_more_btn_bar_on.jpg) no-repeat;}
a.common_more_btn:hover:after{width:40px; height:40px; border-color:#002b72; background-color:#002b72; right:-10px;}



/* mv */
.mv{position:relative;}
.mv .control_box{position:absolute;width:90%;max-width: 1300px;z-index: 13 !important;margin-left: 25px;bottom: 150px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);font-size:0;height: 0;}
.mv .control_box > *{display:inline-block; vertical-align:middle;}
.mv .control_box span{font-size: 15px;font-weight: 600;color: #ffffffa8;line-height:1;font-family: 'Blinker', sans-serif;}
.mv .control_box span.current{color: #fff;}
.mv .control_box .swiper-progress-bar {position: relative; width: 100px; z-index: 1; height: 3px; margin:0 17px;}
.mv .control_box .swiper-progress-bar .slide_progress-bar {position: absolute; height: 2px; background-color: rgba(255,255,255,0.1); width: auto; clear: both; opacity: 0; bottom: 0; left: 0; right: 0;}
.mv .control_box .swiper-progress-bar .slide_progress-bar:after {position: absolute; top: 0; left: 0; background-color: rgba(238,28,27,1); height: 100%; width: 0; content: "";}
.mv .control_box .swiper-progress-bar.active .slide_progress-bar {opacity: 1;}
.mv .control_box .swiper-progress-bar.animate .slide_progress-bar:after {transition: width linear; transition-delay: unset; width: 100%; transition-duration: 3s;}
.mv .control_box .stop_btn{width:12px;height:14px;background:url(../img/stop_icon_off.png) center top no-repeat;margin-left: 70px;}
.mv .control_box .stop_btn.play{width:12px; height:14px; background:url(../img/stop_icon_on.png) center top no-repeat; background-size:cover;}
.mv .arrow_box{width:90%;max-width: 1300px;position:absolute;bottom: 110px;left:50%;z-index: 11 !important;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);text-align:left;font-size:0;}
.mv .arrow_box div{position:relative; display:inline-block; vertical-align:top; width:100px; height:65px; box-sizing:border-box; top:auto; margin-top:0;}
.mv .arrow_box .mv-button-prev{background:url(../img/slide_prev.png) left no-repeat; left:auto; }
.mv .arrow_box .mv-button-next{background:url(../img/slide_next.png) right no-repeat; right:auto; z-index: 14}
.mv .mv_slide .swiper-slide{width:100%; height:980px; position:relative; overflow:hidden;}
.mv .mv_slide .swiper-slide .bg {height:100%; -webkit-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); transition: all 3s ease;}
.mv .mv_slide .swiper-slide .bg.on {-webkit-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
.mv .mv_slide .swiper-slide.type01 .bg{background:url(../img/main_visu01.jpg) center top no-repeat; background-size:cover;}
.mv .mv_slide .swiper-slide.type02 .bg{background:url(../img/main_visu02.jpg) center top no-repeat; background-size:cover;}
.mv .mv_slide .swiper-slide.type03 .bg{background:url(../img/main_visu03.jpg) center top no-repeat; background-size:cover;}
.mv .mv_slide .swiper-slide .txt{width: 100%;max-width: 1300px;position:absolute;top:350px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
.mv .mv_slide .swiper-slide .txt h3 {font-size: 24px;font-weight: lighter;color: #fff;}
.mv .mv_slide .swiper-slide .txt p{font-size: 76px;font-weight:700;color:#fff;line-height:1.2em;padding-bottom: 50px;position:relative;transition: all 1s ease;/*-webkit-transform:translateY(50px); -ms-transform:translateY(50px); -moz-transform:translateY(50px); -o-transform:translateY(50px); transform:translateY(50px); opacity:0; transition-delay: 0.6s;*/}
.mv .mv_slide .swiper-slide .txt span{display:block;font-size: 26px;letter-spacing:-0.03em;color: #fff;line-height:1.4em;position:relative;/*opacity:0; transition: all 1s ease; -webkit-transform:translateY(50px); -ms-transform:translateY(50px); -moz-transform:translateY(50px); -o-transform:translateY(50px); transform:translateY(50px); transition-delay: 0.9s;*/}
.mv .mv_slide .swiper-slide .txt a.common_more_btn{margin-top:60px;color: #ffffffa8;position:relative;font-family: 'Blinker', sans-serif;/*opacity:0; transition: all 1s ease; -webkit-transform:translateY(50px); -ms-transform:translateY(50px); -moz-transform:translateY(50px); -o-transform:translateY(50px); transform:translateY(50px); transition-delay: 1.1s;*/padding:5px 0;letter-spacing: 1px;}
.mv .mv_slide .swiper-slide .txt a.common_more_btn:before{height:1px; background:none #fff;}
.mv .mv_slide .swiper-slide .txt a.common_more_btn:after{border-color:#fff;}
.mv .mv_slide .swiper-slide .txt a.common_more_btn:hover:after{border-color:#002b72;}
.mv .mv_slide .swiper-slide.on .txt p,
.mv .mv_slide .swiper-slide.on .txt span,
.mv .mv_slide .swiper-slide.on .txt a.common_more_btn{-webkit-transform:translateY(0); -ms-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); opacity:1;}


@media all and (max-width:1600px){
	/* main_common_txt */
	.main_common_txt h6{font-size:40px;}

	/* mv */
	.mv .control_box{padding:0 15px; box-sizing:border-box;}
	.mv .mv_slide .swiper-slide .txt{padding:0 15px;box-sizing:border-box;}
	.mv .arrow_box{padding:0 15px; box-sizing:border-box;}
	.mv .mv_slide .swiper-slide .txt h3 {font-size: 22px;}
	.mv .mv_slide .swiper-slide .txt p{font-size:60px;}
	.mv .mv_slide .swiper-slide .txt span{font-size: 24px;}
}

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

	/* mv */
	.mv .mv_slide .swiper-slide{height:800px;}
	.mv .mv_slide .swiper-slide .txt{top:260px;}
	.mv .mv_slide .swiper-slide .txt h3 {font-size: 20px;}
	.mv .mv_slide .swiper-slide .txt p{font-size:55px;}
	.mv .mv_slide .swiper-slide .txt span{font-size: 22px;}
}

@media all and (max-width:1200px){
	/* main_common_txt */
	.main_common_txt h6{font-size:30px; padding:20px 0 10px;}
	.main_common_txt p{line-height:1.6em;}
	
	/* mv */
	.mv .mv_slide .swiper-slide{height:700px;}
	.mv .control_box{bottom:125px;}
	.mv .mv_slide .swiper-slide .txt{top:200px;}
	.mv .mv_slide .swiper-slide .txt span br{display:none;}
	.mv .mv_slide .swiper-slide .txt a.common_more_btn{margin-top:50px;}
	.mv .arrow_box{bottom:85px;}
}

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

	/* mv */
	.mv .mv_slide .swiper-slide .txt{top:240px;}
	.mv .mv_slide .swiper-slide .txt p{font-size: 35px;padding-bottom:10px;text-shadow: 1px 1px 1px gray;}
	.mv .mv_slide .swiper-slide .txt span{font-size:18px; word-break:keep-all; text-shadow: 1px 1px 1px gray;}
}

@media all and (max-width:768px){
	a.common_more_btn:after{width:28px; height:28px;}

	/* main_common_txt */
	.mv .mv_slide .swiper-slide .txt{top:200px;}
	.main_common_txt span{font-size:18px;}
	.main_common_txt h6{font-size:28px;}

	/* mv */
	.mv .mv_slide .swiper-slide{height:600px;}
	.mv .mv_slide .swiper-slide .txt h3 {font-size: 18px;}
	.mv .mv_slide .swiper-slide .txt p{font-size: 32px;}
	.mv .mv_slide .swiper-slide .txt span{font-size: 20px;}
	.mv .mv_slide .swiper-slide.type01 .bg{background-position:top right !important;}
	.mv .mv_slide .swiper-slide.type02 .bg{}
	.mv .mv_slide .swiper-slide.type03 .bg{background-position: -500px top !important;}
	.mv .arrow_box {bottom: 50px;}
	.mv .control_box {bottom: 89px;}
}


.com_pad {padding: 110px 0;box-sizing:border-box;}
.com_pad h3 {font-size:55px;color: #111;font-weight:700;}
.com_pad p {color: #444;letter-spacing:0.1pt;line-height:1.4;font-weight:400;font-size: 18px;word-break: keep-all;}


@media all and (max-width:980px){
	.com_pad {padding:100px 0; box-sizing:border-box;}
}

@media all and (max-width:680px){
	.com_pad {padding:80px 0; box-sizing:border-box;}
}

@media all and (max-width:480px){
	.com_pad {padding:60px 0; box-sizing:border-box;}
}

/* section1 */
#section1 {text-align:Center; position: relative;}
#section1::after{content: ""; display: block; background: url(../img/main_section1_bg.png) no-repeat; width: 100%; max-width: 1900px; height: 480px; background-size: cover; background-position: center bottom; position: absolute; left: 0; bottom: 0; z-index: -1;}

.quick_con {position:relative; overflow:hidden; margin-top: 50px}
.quick_con::after{}

.quick_con dl {width: calc(100% / 3 - 2.6%);margin-right: 3.9%;float:left;}
.quick_con dl:last-child {margin-right:0}
.quick_con dl a {display:block; transition: all 0.3s linear;}
.quick_con dt {overflow:hidden;}
.quick_con dt img {width:100%; transition: all 0.3s linear;}
.quick_con dd {display:table; width:100%; padding-top:20px}
.quick_con dd h6 {position:relative; color: #222; font-weight: 400; text-align: left; font-size:16px; line-height:1.3; display:table-cell; vertical-align:bottom; letter-spacing:-0.55pt; width:calc(100% - 70px); transition: all 0.3s linear; word-break: keep-all;}
.quick_con dd h6 strong {display:block;font-weight:600;font-size:22px;color:#222;line-height:1;padding-bottom: 15px;letter-spacing:0}
.quick_con dd div {display:table-cell; vertical-align:bottom; width:70px; text-align:right;}
.quick_con dd h6 i{display: block;}

.quick_con dl a:hover {}
.quick_con dl a:hover dt img { transform: scale(1.1);}
.quick_con dl a:hover dd h6 {color:#002b72}
.quick_con dl a:hover dd h6 strong {}


@media all and (max-width:1540px){
	#section1::after{display: none;}
}
@media all and (max-width:1024px){
	.quick_con dd h6 i{display: inline-block;}
	#section1 h3{font-size: 40px;}
	
}
@media all and (max-width:980px){
	#section1 h3 {font-size:2.2rem;}
	.quick_con dd h6 strong{font-size: 20px;}
	
}

@media all and (max-width:680px){
	#section1 h3 {font-size:2rem;}
	
	.quick_con {}
	.quick_con dl {width:48.59%; margin:0 2.82% 5% 0;}
	.quick_con dl:nth-child(2n) {margin-right:0;}
	.quick_con dl:last-child {margin-bottom:0;}
	.quick_con dd {padding-top:17px;}
	.quick_con dd h6 br {display: none;}
}

@media all and (max-width:480px) {
	.quick_con {margin-top: 30px}
	.quick_con dl {float:none; width:100%; margin-bottom:25px}
	.quick_con dt {height: 200px; position: relative;}
	.quick_con dd h6 strong{font-size: 18px;}
}
/* section1 */


/* section2 */
#section2 {text-align:Center; background-color: #f2f2f2;}

.product_con {position:relative;margin-top: 100px;}
.product_con .productList { max-width:1300px; margin:0 auto; z-index:10}
.product_con .productList dl {margin: 0 15px;position:relative;}
.product_con .productList dl a {display:block; transition: all 0.3s linear;}
.product_con .productList dt {box-sizing: border-box; border-right:1px solid #ddd; position:relative; transition: all 0.3s linear;}
.product_con .productList dt img {width:100%;  background-position:center; transition: all 0.3s linear;  background-size:contain; background-repeat: no-repeat;}
.product_con .productList dt .more {opacity:0; width:50px; height:50px; background:#002b72 url('../img/moreBtn.png') center center no-repeat; box-shadow: 10px 10px 10px rgba(0,0,0,0.1); position:absolute; right:20px; bottom:20px; transition: all 0.3s linear;}
.product_con .productList dd strong {display:block;font-size: 26px;color: #222;font-weight: 500;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-wrap: normal !important;margin-bottom:12px;transition: all 0.3s linear;position: absolute;top: 0px;left: 0px;}

.product_con .productList dl a:hover {}
/* .product_con .productList dl a:hover dt {border:1px solid #002b72} */
.product_con .productList dl a:hover dt .more {opacity:1;}

.product_con .productList .slick-arrow {cursor:pointer;width: 24px;height: 45px;background:url('../img/p_prev.png') center center/100% no-repeat;position:absolute;top:50%;left:-80px;transform:translate(0, -50%);padding:0;margin:0;font-size:0;border:none;}
.product_con .productList .slick-next {left:auto; right:-80px; background-image:url('../img/p_next.png')}


/* Start-슬릭기본 */
.slick-slider{position: relative;display: block; box-sizing: border-box;
		-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;
				touch-action: pan-y;-webkit-tap-highlight-color: transparent;	}
.slick-list{position: relative; display: block; overflow: hidden; margin:0; padding:0;  width:100%;}
.slick-slide{display: none; float: left; width:100%;}
.slick-initialized .slick-slide{display: block;}
/* End-슬릭기본 */


@media all and (max-width:1500px) { 
	.product_con {}
	.product_con .productList {padding:0 9%; width:100%; max-width:100%}
	.product_con .productList .slick-arrow {left:3%}
	.product_con .productList .slick-next {left:auto; right:3%}

}
@media all and (max-width:1280px) { 
	.product_con {}
	.product_con:after {width:auto; height:auto; padding:30%; bottom:0; margin:0; left:-15%}
	.product_con .productList dd strong{font-size: 25px;}

	

}
@media all and (max-width:1024px) { 
	#section2 h3{font-size: 40px;}
	.product_con .productList dd strong{font-size: 20px;}
}
@media all and (max-width:980px) { 
	#section2 h3 {font-size:2.2rem;}
	.product_con {}
	.product_con .productList dl {margin:0 10px}
	.product_con .productList dd {padding:20px 15px 0}
	.product_con .productList dd strong {font-size:1.4rem; position: absolute; top: 40px; left: 30px; }
	.product_con .productList .slick-arrow {top:50%}
}
@media all and (max-width:768px) { 
	.product_con .productList dd strong{top: 0;}
	.product_con .productList dt img{width: 90%;}
}
@media all and (max-width:680px) { 
	#section2 h3 {font-size:2rem;}
	.product_con {}
	.product_con:after {left:-20%; padding:40%}
	.product_con .productList dl {margin:0 5px}
	.product_con .productList dt .more {display:none;}
	.product_con .productList dd {padding:15px 10px 0}
	.product_con .productList dd strong {margin-bottom:10px; top: 0; font-size: 20px;}
	.product_con .productList .slick-arrow {top:50%; width:15px; height:26px}
}
@media all and (max-width:480px) { 
	.product_con {margin-top: 30px}
	.product_con:after {left:-25%; padding:50%}
	.product_con .productList {padding:0 7%} 
	.product_con .productList dl {}
	.product_con .productList dd strong {font-size:1.1rem;position: absolute;top: auto;bottom: 20px;left: 0;right: 0;}
	.product_con .productList dt {border-right: 0;}
	.product_con .productList dt img{width: 60%;}
}
/* section2 */

/* section3 */
#section3 {text-align:Center; }
#section3 .more_btn{ font-size: 18px; font-weight: 600; color: #303030; position: absolute; top: 0; right: 0;}  
#section3 .more_btn:hover{color: #002b72 ;}
@media all and (max-width:1024px) { 
	#section3 h3{font-size: 40px;}
}
@media all and (max-width:980px) { 
	#section3 h3 {font-size:2.2rem;}
}
@media all and (max-width:768px) { 

	#section3 .more_btn{top: -55px;}
}
@media all and (max-width:680px) { 
	#section3 h3 {font-size:2rem;}
}
@media all and (max-width:480px) { 
	#section3 p{font-size: 16px;}
	#section2 p{font-size: 16px;}
	#section1 p{font-size: 16px;}
	#section3 .more_btn{top: 65px; font-size: 16px;}
}

/* section3 */


/*** Footer ***/
#footer {position:relative; width:100%; clear:both; overflow:hidden; background:#191919;}
#footer .foot_in {position:relative;margin:0 auto;width: 1300px;overflow:hidden;padding: 25px 0;}
#footer .foot_in > img {margin: 0 0 30px;}
#footer .foot_in > p.address {font-size: 16px;color: #fff;letter-spacing:0.5pt;line-height:1.8;font-weight:300;}
#footer .foot_in > p.address span {padding: 0 30px 0 10px;position: relative;color: #aaa;letter-spacing: -0.5px;}
#footer .foot_in > p.tel {font-size:16px;color: #fff;letter-spacing:0.5pt;line-height:1.8;font-family: 'Rajdhani', sans-serif;font-weight: 500;}
#footer .foot_in > p.tel span {padding: 0 30px 0 10px;position: relative;color: #aaa;letter-spacing: -0.5px;}
#footer .foot_in > p.copyright {color: #aaa;font-size: 16px;padding-top: 25px;margin-top: 50px;border-top: 1px solid #aaa;}
#footer .foot_in > p br {display: none;}
#footer .foot_in > p a {color:#fff;}


/* #footer .family_site {position:absolute; top:70px; right:0; width:210px; height:30px; color:#fff; line-height:30px; transition:all 0.3s;}
#footer .family_site:after {content:''; width:9px; height:9px; background: url('/img/plus.png') no-repeat center; position:absolute; right:5px; top:10px; transform:rotate(0); transition:all 0.3s;}
#footer .family_site.on:after {transform:rotate(90deg); transition:all 0.3s;}
#footer .family_site .family {line-height:30px;}
		.family_site a.family {display:inline-block; *display:inline; zoom:1; width:210px; color:#fff; font-size:13px; line-height:100%; border-bottom:1px solid rgba(255,255,255,.2); box-sizing:border-box; transition:background-color 0.3s;}
		.family_site .fm_list {visibility:hidden; opacity:0; width:210px; padding:10px 0; border-bottom:1px solid #ddd; background:#fff; box-sizing:border-box;  z-index:9999; transition:all 0.3s;} 
		.family_site .fm_list li {float:none; background:none; padding:0; height:auto;}
		.family_site .fm_list a {display:block; padding:2px 10px; line-height:normal !important; font-size:13px; color:#777}
		.family_site .fm_list a:hover {color:#222; text-decoration:underline;}
		.family_site.on .fm_list {visibility:visible; opacity:1; top:30px; transition: all 0.3s;} */
#footer .family_site{position: absolute; top: 120px; right: 0; width: 180px; text-align: center; background-color: #222; height: 50px; line-height: 50px; cursor: pointer;}
#footer .family_site p{font-weight: 'Noto Sans KR', sans-serif; color: #fff; font-size: 14px; display: flex; justify-content: space-around;}
#footer .family_site p span{}
#footer .family_site p i{line-height: 50px;}

#footer .family_site .family_site_list{display: none;}
#footer .family_site .family_site_list li{height: 40px; line-height: 40px; }
#footer .family_site .family_site_list li a{display: block; width: 100%; height: 100%;  border: 1px solid #ddd; background-color: #fff;}


#footer .foot_menu {position:absolute;right:0;top: 60px;display: flex;flex-wrap: wrap;justify-content: space-between;}
#footer .foot_menu a {font-size: 16px;color: #aaa; padding-right:40px;}
#footer .foot_menu a:last-child {padding-right:0;}
#footer .foot_menu a:hover {text-decoration:underline;}

#footer .privacy {position:absolute;right:0;top: 130px;border: 1px solid #aaa;}
#footer .privacy a {display: inline-block;color: #aaa;font-size:16px;letter-spacing:0.5pt;padding: 8px 28px;position: relative;}
/* #footer .privacy a:last-child {font-family: 'Rajdhani', sans-serif; font-size: 16px; font-weight: 500; padding-right: 0;} */
#footer .privacy a:after {content: ''; position: absolute; width: 2px; height: 2px; background-color: #d3d3d3; right: 20px; top: 10px;}
#footer .privacy a:last-child:after {display: none;}
#footer .privacy:hover {background: #fff;transition: all .3s;}
#footer .privacy:hover a {color: #111;transition: all .3s;}


/* layerpopup */
.layerpopup{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.4);z-index:9999;overflow:auto;}
.layerpopup .pop_wrap{margin:50px auto;padding:47px 37px 48px;background:#fff;box-sizing:border-box;border:1px solid #c1c1c1;position:relative;}
.layerpopup .pop_wrap .pop_head{text-align:center;padding-bottom:50px;font-size:30px;color:#08a7dd;letter-spacing:-0.05em;line-height:35px; font-weight:bold;}
.layerpopup .pop_wrap .text_top{font-size:18px;line-height:28px;letter-spacing:-0.05em;text-align:center;color:#666}
.layerpopup .pop_wrap .btn_wrap_pop{margin:46px 0 0;text-align:center;}
.layerpopup .pop_wrap .btn_wrap_pop .btn{display:inline-block;width:250px;height:70px;line-height:70px;background:#0060b9;font-size:18px;color:#fff;font-weight:500;}
.layerpopup .pop_wrap .btn_pop_close{display:block;width:55px;height:55px;position:absolute;right:37px;top:33px;box-sizing:border-box;text-indent:-9999px;border:1px solid #08a7dd;overflow:hidden;padding:12px 0}
.layerpopup .pop_wrap .btn_pop_close:after{content:'';display:block;width:30px;height:30px;position:absolute;top:12px;left:12px;background:url(../img/btn_pop_close.png) no-repeat 0 0;margin:0 auto;transition:all 0.3s}
.layerpopup .pop_wrap .btn_pop_close:hover:after{transform:rotate(180deg);}

/* 개인정보 동의 팝업 */
.pop_privacy_term .pop_wrap{width:1000px}
.pop_privacy_foot .pop_wrap{width:1000px}

/* 이메일 무단 수집 거부 */
.pop_email_reject .pop_wrap{width:1000px}
.pop_email_reject .pop_wrap .text_top{font-size:18px;line-height:28px;letter-spacing:-0.05em;text-align:center;color:#666}
.pop_email_reject .pop_wrap .box{margin:35px 0 0;padding:24px 23px 24px 27px;border:1px solid #c3c3c3;background:#fafafa;}
.pop_email_reject .pop_wrap .box .list_txt_01 li{color:#666; position:relative; padding-left:13px; padding-bottom:8px; line-height:20px;font-size:15px;}
.pop_email_reject .pop_wrap .box .list_txt_01 li:last-child {padding-bottom:0;}
.pop_email_reject .pop_wrap .box .list_txt_01 li:before {content:''; width:5px; height:5px; border-radius:50%; background-color:#666; position:absolute; left:0; top:6px;}


.pop_cont {margin-top:30px;}
.term_wrap{font-size:16px;color:#666;line-height:26px;letter-spacing:-0.05em}
.term_wrap strong{font-weight:500}
.term_wrap .txt_top{padding:0 0 15px;text-align:center;font-size:17px;color:#666;line-height:25px;letter-spacing:-0.05em}
.term_wrap .tit_term{margin:25px 0 12px;font-size:20px;color:#222;font-weight:500;letter-spacing:-0.05em}
.term_wrap .tit_term:first-child{margin-top:0}
.term_wrap .tbl_box{display:table;width:100%;border:1px solid #c3c3c3;letter-spacing:-0.05em}
.term_wrap .tbl_box .row{display:table-row;}
.term_wrap .tbl_box .col_th{display:table-cell;width:216px;background:#fafafa;border-top:1px solid #dedede;vertical-align:middle;text-align:center;font-weight:500;}
.term_wrap .tbl_box .col_td{display:table-cell;padding:25px 20px;border-top:1px solid #dedede;}
.term_wrap .tbl_box .col_td strong{font-weight:500;}
.term_wrap .tbl_box .row:first-child .col_th,
.term_wrap .tbl_box .row:first-child .col_td{border-top:none}
.term_wrap .bd_box{border:1px solid #c3c3c3;background:#fcfcfc;padding:25px;}
.term_wrap .bd_box span {padding-left:10px;}
.term_wrap .bd_box strong {font-weight:bold;}
.term_wrap .bu_dot li{padding-left:5px;}
.term_wrap .bu_dot li i{display:inline-block;width:5px;margin-left:-5px}
.term_wrap .bu_etc{padding:25px 25px 15px;}
.term_wrap .bu_etc li{padding-left:17px;}
.term_wrap .bu_etc li i{display:inline-block;width:17px;margin-left:-17px; }


.refund {width:100%; background-color:#f9f9f9; padding:50px; margin-top:150px;}
.refund_tit1 {font-size:23px; line-height:33px; color:#333; padding:0 0 10px; font-weight:700}
.refund_txt1 {font-size:20px; line-height:30px;}
.refund_tit {font-size:20px; line-height:30px; color:#333; padding:50px 0 10px;}
.refund li {font-size:17px; line-height:20px; padding-bottom:10px; position:relative; padding-left:15px; color:#666}
.refund li:last-child {padding-bottom:0;}
.refund li:before {width:5px; height:5px; border-radius:50%; background-color:#666; content:''; position:absolute; left:0; top:8px;}

@media all and (max-width:1000px){
	.layerpopup .pop_wrap{padding:30px 20px 30px;background:#fff;box-sizing:border-box;border:1px solid #c1c1c1;position:relative;}
	.layerpopup .pop_wrap .pop_head{padding:0 0 0px;font-size:25px;color:#08a7dd;letter-spacing:-0.05em;line-height:35px; font-weight:bold;}
	.layerpopup .pop_wrap .text_top{font-size:15px;line-height:25px;}
	.pop_privacy_term .pop_wrap{width:96%; margin: 0 2%;}
	.pop_privacy_foot .pop_wrap{width:96%; margin: 0 2%;}
	.pop_email_reject .pop_wrap{width:96%; margin: 0 2%;}
	
	.term_wrap .tit_term{margin:25px 0 12px;font-size:18px;color:#222;font-weight:500;letter-spacing:-0.05em}
	.term_wrap .bd_box{padding:20px; font-size: 15px;}
	.term_wrap .bu_etc{padding:25px 0px 15px;}
	.term_wrap .bu_etc li{font-size: 15px;}
	
	.layerpopup .pop_wrap .btn_wrap_pop .btn{display:inline-block;width:250px;height:40px;line-height:40px;background:#0060b9;font-size:18px;color:#fff;font-weight:500;}
	.layerpopup .pop_wrap .btn_pop_close{display:block;width:40px;height:40px;position:absolute;right:20px;top:20px;box-sizing:border-box;text-indent:-9999px;border:1px solid #08a7dd;overflow:hidden;padding:12px 0}
	.layerpopup .pop_wrap .btn_pop_close:after{width:20px; height:20px;top:10px;left:9px; background-image: 20px; background-size: 20px; background-position: center;}
}

@media all and (max-width:800px){
	.refund {padding:30px; margin-top:80px;}
	.refund_tit1 {font-size:20px; line-height:30px; color:#333; padding:0 0 10px;}
	.refund_txt1 {font-size:17px; line-height:27px;}
	.refund_tit {font-size:17px; line-height:27px; color:#333; padding:30px 0 5px;}
	.refund li {font-size:13px; line-height:20px; padding-bottom:5px; position:relative; padding-left:10px; color:#666}
	.refund li:before {width:3px; height:3px; border-radius:50%; background-color:#666; content:''; position:absolute; left:0; top:8px;}
}

@media all and (max-width:1600px) {
	#footer .foot_in {width:96%;}
 }
@media all and (max-width:980px) { 
	#footer .foot_in > img {width:130px; margin:0 0 25px;}
	#footer .foot_menu a {padding-right: 20px;}
#footer .foot_in > p.copyright {margin-top: 25px;padding-top: 50px;}
	#footer .privacy {top: auto;bottom: 25px;}
	/* #footer .family_site {width:160px;} */
}
@media all and (max-width:768px) { 
	#footer .foot_in {padding:30px 0 45px;}
	#footer .foot_in > p.copyright {margin-top: 25px;padding-top: 50px;}
}
@media all and (max-width:680px) { 
	#footer .foot_in {padding:30px 0; text-align: center;}
	
	#footer .foot_in > p.address {padding-top: 104px;}
		#footer .foot_in > p.address, #footer .foot_in > p.tel {font-size: 15px;}
	#footer .foot_in > p.address span {padding-right: 0;}
	#footer .foot_in > p.address span:first-child:after {display: none;}
	#footer .foot_in > p.tel span:nth-child(2) {padding-right: 0}
	#footer .foot_in > p.tel span:nth-child(2):after {display: none;}
	#footer .foot_in > p.copyright {text-align: center;}
	#footer .foot_in > p br {display: block;}
	#footer .foot_in > p.copyright {padding-top: 30px;font-size: 14px;}
	#footer .foot_menu {top: 100px;left: 0;max-width: 300px;margin: 0 auto;}

	#footer .privacy {
    left: 0;
    bottom: 56%;
}
	.layerpopup .pop_wrap .pop_head{font-size: 20px;}

}
@media all and (max-width:450px) { 
	#footer .privacy {bottom: 55%;}
	#footer .foot_menu a, #footer .foot_in > p.address, #footer .foot_in > p.tel, #footer .privacy a {font-size: 14px;}
	#footer .foot_in > p.copyright {font-size: 13px;}
	#footer .privacy a{padding-right: 25px;}
	#footer .privacy a:after{right: 10px;}
}

/*** Footer ***/