@charset "utf-8";
@import url('./font.css');

*{margin:0;padding:0;}
html,body{width:100%;height:100%; font-size:62.5%;}
html{font-family:'Noto Sans KR', '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움', dotum, sans-serif; -webkit-font-smoothing: antialiased;}
body{*word-break:break-all;-ms-word-break:break-all; font-family:'Noto Sans KR', '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움',dotum,sans-serif; -webkit-text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;-ms-text-size-adjust: 100% !important;}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{color:#555;font-family:'Noto Sans KR', '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움',dotum,sans-serif;font-size:100%;font-weight:normal}
br{font-family:initial;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,svg {display: block;}
table {border-collapse: collapse; border-spacing: 0;}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
input{-webkit-appearance: none; -webkit-border-radius: 0;}
a{color:inherit;text-decoration:none;cursor:pointer}
a:hover{color:inherit; text-decoration:none}
button,label{cursor:pointer;}
button{background:0;border:0;outline:0;font-size:inherit;font-weight:inherit;font-family:inherit}
button img{left:-3px;*left:auto}
select {
	outline:0;
	-webkit-appearance: none;  /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	background: url('/img/common/select_i1.png') no-repeat 93% 50%;  /* 화살표 모양의 이미지 */
	border-radius:0;
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
    display: none;
}
option{padding-right:6px}
textarea{overflow:auto;*margin:-1px 0;padding-right:1px}
.blind, legend, caption{position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
sub {font-size:10px;}
.clear:after {clear:both;content:'';display:block;}
#bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;z-index:1001;}
div.ie_alert_text {display:none;position: fixed;top: 0;left: 0;width: 100%;height: 50px;background: #ddd;z-index: 10000;text-align: center;padding-top: 10px;font-size: 13px;font-family: 'Noto Sans KR', sans-serif;}
#skip-nav {font-size: 16px;line-height: 40px;position: fixed;z-index: 100000;top: -40px;left: 0;width: 100%;-webkit-transition: .4s;transition: .4s;text-align: center;color: #fff;background: rgba(0,0,0,.6);}
#skip-nav:focus{top:0}
.e_{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box}


/* margin-top 0 5 10 15 20 ··· 150 */
.mt00{margin-top:0px !important;}.mt05{margin-top:5px !important;}.mt10{margin-top:10px !important;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}.mt30{margin-top:30px !important;}.mt35{margin-top:35px !important;}.mt40{margin-top:40px !important;}.mt45{margin-top:45px !important;}.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}.mt60{margin-top:60px !important;}.mt65{margin-top:65px !important;}.mt70{margin-top:70px !important;}.mt80{margin-top:80px !important;}.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}.mt105{margin-top:105px !important;}.mt110{margin-top:110px !important;}.mt115{margin-top:115px !important;}.mt120{margin-top:120px !important;}
.mt125{margin-top:125px !important;}.mt130{margin-top:130px !important;}.mt135{margin-top:135px !important;}.mt140{margin-top:140px !important;}.mt145{margin-top:145px !important;}.mt150{margin-top:150px !important;}
/* margin-bottom 0 5 10 15 20 ··· 150 */
.mb00{margin-bottom:0px !important;}.mb05{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}.mb40{margin-bottom:40px !important;}.mb45{margin-bottom:45px !important;}.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}.mb60{margin-bottom:60px !important;}.mb65{margin-bottom:65px !important;}.mb70{margin-bottom:70px !important;}.mb80{margin-bottom:80px !important;}.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}.mb105{margin-bottom:105px !important;}.mb110{margin-bottom:110px !important;}.mb115{margin-bottom:115px !important;}.mb120{margin-bottom:120px !important;}
.mb125{margin-bottom:125px !important;}.mb130{margin-bottom:130px !important;}.mb135{margin-bottom:135px !important;}.mb140{margin-bottom:140px !important;}.mb145{margin-bottom:145px !important;}.mb150{margin-bottom:150px !important;}
/* padding-top 0 5 10 15 20 ··· 150 */
.pt00{padding-top:0px !important;}.pt05{padding-top:5px !important;}.pt10{padding-top:10px !important;}.pt15{padding-top:15px !important;}.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}.pt30{padding-top:30px !important;}.pt35{padding-top:35px !important;}.pt40{padding-top:40px !important;}.pt45{padding-top:45px !important;}.pt50{padding-top:50px !important;}
.pt55{padding-top:55px !important;}.pt60{padding-top:60px !important;}.pt65{padding-top:65px !important;}.pt70{padding-top:70px !important;}.pt80{padding-top:80px !important;}.pt90{padding-top:90px !important;}
.pt100{padding-top:100px !important;}.pt105{padding-top:105px !important;}.pt110{padding-top:110px !important;}.pt115{padding-top:115px !important;}.pt120{padding-top:120px !important;}
.pt125{padding-top:125px !important;}.pt130{padding-top:130px !important;}.pt135{padding-top:135px !important;}.pt140{padding-top:140px !important;}.pt145{padding-top:145px !important;}.pt150{padding-top:150px !important;}
/* padding-bottom 0 5 10 15 20 ··· 150 */
.pb00{padding-bottom:0px !important;}.pb05{padding-bottom:5px !important;}.pb10{padding-bottom:10px !important;}.pb15{padding-bottom:15px !important;}.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}.pb30{padding-bottom:30px !important;}.pb35{padding-bottom:35px !important;}.pb40{padding-bottom:40px !important;}.pb45{padding-bottom:45px !important;}.pb50{padding-bottom:50px !important;}
.pb55{padding-bottom:55px !important;}.pb60{padding-bottom:60px !important;}.pb65{padding-bottom:65px !important;}.pb70{padding-bottom:70px !important;}.pb80{padding-bottom:80px !important;}.pb90{padding-bottom:90px !important;}
.pb100{padding-bottom:100px !important;}.pb105{padding-bottom:105px !important;}.pb110{padding-bottom:110px !important;}.pb115{padding-bottom:115px !important;}.pb120{padding-bottom:120px !important;}
.pb125{padding-bottom:125px !important;}.pb130{padding-bottom:130px !important;}.pb135{padding-bottom:135px !important;}.pb140{padding-bottom:140px !important;}.pb145{padding-bottom:145px !important;}.pb150{padding-bottom:150px !important;}



/* module --------------------------------------------------------------------------------------------------------------------*/
/* -------- 수정시 재선언하시거나 해당 클래스명을 지워주세요 -------- */
/* con */
[class*="con-"][class*="-width1"]{position:relative; width: 93%; max-width: 1600px;margin:0 auto; z-index: 5;}
[class*="con-"][class*="-width2"]{position:relative; width: 93%; max-width: 1400px;margin:0 auto; z-index: 5;}
[class*="con-"][class*="-width3"]{position:relative; width: 93%; max-width: 1280px;margin:0 auto; z-index: 5;}

[class*="-layout"]{position:relative;}

/* col */
[class*="col-"][class*="-1"]{width: 100% !important;}
[class*="col-"][class*="-2"]{width: 50% !important;}
[class*="col-"][class*="-3"]{width: 33.33% !important;}
[class*="col-"][class*="-4"]{width: 25% !important;}
[class*="col-"][class*="-5"]{width: 20% !important;}
[class*="col-"][class*="-6"]{width: 16.66% !important;}
[class*="col-"][class*="-7"]{width: 14.28% !important;}
[class*="col-"][class*="-8"]{width: 12.5% !important;}
/* con */
[class*="con-"][class*="-1000"]{width: 1000px;margin:0 auto;}
[class*="con-"][class*="-1100"]{width: 1100px;margin:0 auto;}
[class*="con-"][class*="-1200"]{width: 1200px;margin:0 auto;}
[class*="con-"][class*="-1300"]{width: 1300px;margin:0 auto;}
[class*="con-"][class*="-1400"]{width: 1400px;margin:0 auto;}
[class*="con-"][class*="-1500"]{width: 1500px;margin:0 auto;}
[class*="m-"][class*="-width1"]{width: 93%;margin:0 auto;}

/* lang ko en */
#container [lang="ko"]{font-family:'Noto Sans KR', '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움', dotum, sans-serif !important;}
#container [lang="en"]{font-family:'Montserrat', sans-serif !important;}

/* module --------------------------------------------------------------------------------------------------------------------*/

/* container */
#wrap{ overflow:hidden;}
#wrap, #container {width:100%;position: relative;}
#contents {position:relative;}
#wrap .inner *{-webkit-box-sizing:border-box; box-sizing:border-box;}

/* header */
#wrap header {position:absolute; top:0; left: 0; width:100%; z-index: 1000;}
#wrap header *{box-sizing:border-box;}
header .header_wrap{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;width: 93%;padding: 40px 0 0 0;margin: 0 auto;z-index: 1001;}
#wrap header h1.logo {position:relative;width: 256px;height: 41px;margin-top: 15px;z-index: 100;}
header h1.logo a{display:block; width:100%; height:100%;background-image: url('/img/common/logo.png');background-repeat: no-repeat;background-size: 100%;transition: 0.5s ease 0.3s;}
#wrap.dark header h1.logo a{background-image: url('/img/common/logo_dark.png');}
header h1.logo svg{width: 100%; height: auto;}
header h1.logo svg polygon{fill:#fff;transition: 0.5s 0.3s;}

/* hamburger_btn */
header .hamburger_btn{width: 78px;height: 78px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;cursor: pointer;border: 3px solid #fff;transition: 0.5s ease 0.3s;}
header .hamburger_btn .btn{width: 18px;height: 18px;position: relative;transition: .5s;display:block;}
header .hamburger_btn .btn:before,header .hamburger_btn .btn:after{display: block;content:"";position: absolute;top: -3px;left: 8px;width: 3px;height: 23px;background: #fff;transform: rotate(45deg);opacity: 0;transition: 0.6s ease;}
header .hamburger_btn .btn:after{transform: rotate(-45deg);}
header .hamburger_btn span{position:relative; width: 4px;height: 4px;background-color: #fff;display: block;border-radius: 50%;position: absolute;transition: 0.5s ease 0.3s;}
header .hamburger_btn span:nth-child(1){left: 0;top: 0;}
header .hamburger_btn span:nth-child(2){left: 7px;top: 0;}
header .hamburger_btn span:nth-child(3){right: 0;top: 0;}
header .hamburger_btn span:nth-child(4){left: 0;top: 7px;}
header .hamburger_btn span:nth-child(5){position: absolute;left: 7px;top: 7px;}
header .hamburger_btn span:nth-child(6){right: 0px;top: 7px;}
header .hamburger_btn span:nth-child(7){left: 0px;bottom: 0px;}
header .hamburger_btn span:nth-child(8){position: absolute;left: 7px;bottom: 0px;}
header .hamburger_btn span:nth-child(9){right: 0px;bottom: 0px;}
header .hamburger_btn.close .btn{transform: rotate(90deg);transition: .7s cubic-bezier(.8, .5, .2, 1.4);}
header .hamburger_btn.close span{border-radius:50%;opacity:0;}
header .hamburger_btn.close .btn:before,header .hamburger_btn.close .btn:after{opacity:1; transition: 0.5s ease 0.4s;}
#wrap.dark header .hamburger_btn{border-color:#222222;}
#wrap.dark header .hamburger_btn span{background-color:#222222;}
#wrap.dark header .hamburger_btn.close .btn:before,#wrap.dark header .hamburger_btn.close .btn:after{background: #222;}

.main_nav_g{background: #fff;padding: 56px 0;}
.main_nav_g .inner{display:flex; flex-wrap:wrap;}
.main_nav_g .menu{width:16.66666666666667%;border-left: 1px solid rgba(0,0,0,0.2);padding: 0 30px;}
.main_nav_g h2{font-size: 2rem;font-weight: 600;line-height: 1em;color: #000;margin-bottom: 16px;}
.main_nav_g h2 a{display: inline-block;}
.main_nav_g .dep2{font-size: 1.7rem;font-weight: 300;line-height: 1.5;color: #666;letter-spacing: -0.25px;}
.main_nav_g .dep2 li + li{margin-top: 7px;}
.main_nav_g .dep2 li a{display: inline-block;}

header .hamburger_btn.open .btn{animation:hamburgerMove 1.2s cubic-bezier(0.445,0.05,0.55,0.95) infinite 0.3s; animation-direction:alternate;}

@keyframes hamburgerMove {
0%{transform: rotate(90deg);}
50%{transform: rotate(0deg);}
100%{transform: rotate(0deg);}
}


#wrap.open header{position:fixed;}
#wrap.open header h1.logo a{background-image: url('/img/common/logo.png');}
#wrap.open header .hamburger_btn{border-color:#fff;}
#wrap.open header .hamburger_btn span{background-color:#fff;}
#wrap.open header .hamburger_btn.close .btn:before,#wrap.open header .hamburger_btn.close .btn:after{background: #fff;}

/*allmenu*/
#allmenu{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1000; background: rgba(0,0,0,0.9); display: none;}
/*#allmenu .inner:before{position:absolute;top:0;right: 0; background: rgba(0,0,0,0.9);width: 100%; height: 100%;}*/
#allmenu .inner{height: 100%;display: flex;flex-wrap: wrap;align-items: center;}
#allmenu .group{width: 100%;margin-top: -50px;}
#allmenu .util{width: ;}
#allmenu .util{display: flex;flex-wrap: wrap;font-family: 'Montserrat';text-transform: uppercase;font-size: 1.2rem;color: rgba(255,255,255,.6);}
#allmenu .util li{position: relative;padding-left: 30px;}
#allmenu .util li + li{margin-left: 35px;}
#allmenu .util li a{display: block; transition:0.4s;}
#allmenu .util li:before{display: block;content:"";position: absolute;top: 7px;left: 0;width: 20px;height: 1px;background: rgba(255,255,255,0.3);transition:0.3s;}
#allmenu .util li:hover a{color: #fff;}
#allmenu .util li:hover:before{background:#fff; animation:lineActiveAnimation .8s cubic-bezier(0.445,0.05,0.55,0.95); }
#allmenu .menu_wrap{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;color: #fff;font-family: 'Heebo';margin-top: 170px;}
#allmenu .menu_wrap:before{display: block;content:"";position: absolute;top: 109px;left: 50%;width: 10000%;height: 1px;background: rgba(255,255,255,0.1);transform: translateX(-50%);}
#allmenu .menu_wrap .dep1{pointer-events: none;}
#allmenu .menu_wrap .dep1 .num{display: block;font-size: 4.4rem;line-height: 1em;font-weight: 100;color: rgba(255,255,255,0.3);}
#allmenu .menu_wrap .dep1 h2{font-size: 2.6rem;font-weight: 600;color: rgba(255,255,255,.8);line-height: 1em;margin-top: 10px;letter-spacing: -0.4px;font-family: 'Heebo';}
#allmenu .menu_wrap .dep2{font-size: 1.7rem;color: rgba(255,255,255,0.4);margin-top: 55px;}
#allmenu .menu_wrap .dep2 li + li{margin-top: 10px;}
#allmenu .menu_wrap .dep2 li a{display: inline-block;transition: 0.4s;}
#allmenu .menu_wrap .dep2 li a:hover{color: #fff; transform:translateX(10px);}
#allmenu .group::-webkit-scrollbar {background:rgba(255,255,255,0.2);width:3px; height:7px;}
#allmenu .group::-webkit-scrollbar-track {box-shadow: none;}
#allmenu .group::-webkit-scrollbar-thumb {background-color: #fff;}


@-webkit-keyframes lineActiveAnimation {
0%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center right;transform-origin:center right}
49%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center right;transform-origin:center right}
50%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center left;transform-origin:center left}
99%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center left;transform-origin:center left}
100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:center left;transform-origin:center left}
}



/* footer */
#wrap footer{position:relative;width:100%;background: #000000; padding: 45px 0 55px 0;}
#wrap footer *{box-sizing:border-box;}
#wrap footer .txt1{font-size: 1.7rem;color: rgba(255,255,255,0.6);line-height: 1.75;font-weight: 300;letter-spacing: -0.3px;word-break: keep-all;}
#wrap footer .footer_wrap{display: flex;flex-wrap: wrap;font-weight: 400;}
#wrap footer .logo{width: 256px;height: 41px;background-image: url('/img/common/logo.png');background-repeat: no-repeat;opacity:0.6;background-size: 100%;}
#wrap footer .logo svg{width:100%; height: auto;}
#wrap footer .foot_g_wrap1{width: calc(100% - 676px);padding: 7px 60px 0 60px;}
#wrap footer .link_list{display: flex;flex-wrap: wrap;align-items: center;line-height: 1em;margin-bottom: 25px;}
#wrap footer .link_list li a{display: block;}
#wrap footer .info_list li{display: flex;}
#wrap footer .info_list li + li{margin-top:3px;}
#wrap footer .info_list b{font-weight: 400;width: 45px;display: inline-block;}
#wrap footer .info_list p{display: inline-block;width: calc(100% - 45px);}
#wrap footer .info_list li.type2 b{width: 63px;}
#wrap footer .info_list li.type2 p{width: calc(100% - 63px);}
#wrap footer .foot_g_wrap2{width: 420px;}
#wrap footer .sns_list{display: flex;flex-wrap: wrap;font-size: 1.6rem;font-weight: 400;text-align: center;}
#wrap footer .sns_list > li{width: calc(50% - 2.5px);margin-right: 5px;border: 1px solid rgba(255,255,255,0.13);height: 45px;line-height: 43px;}
#wrap footer .sns_list > li:nth-child(2n){margin-right:0;}
#wrap footer .sns_list > li:nth-child(n+3){margin-top:5px;}
#wrap footer .sns_list > li > a{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
#wrap footer .sns_list figure{width: 8px;height: 15px;background-repeat: no-repeat;background-position: center;display: inline-block;margin-right: 8px;}
#wrap footer .sns_list .facebook figure{background-image: url('/img/common/foot_sns_i1.png');}
#wrap footer .sns_list .twitter figure{background-image: url('/img/common/foot_sns_i2.png');width: 15px;}
#wrap footer .sns_list .instagram figure{background: url('/img/common/foot_sns_i3.png');width: 15px;}
#wrap footer .sns_list .youtube figure{background-image: url('/img/common/foot_sns_i4.png');width: 15px;}
#wrap footer .copyright,#wrap footer .noti{font-size: 1.3rem;text-align: right;margin-top: 30px;letter-spacing: 0;color: rgba(255,255,255,0.5);text-align: left;}
#wrap footer .noti{margin-top:10px;letter-spacing: -0.5px;font-weight: 300;}
#wrap footer .Family_site{position: relative;}
#wrap footer .Family_site .btn{display: block;width: 100%;height: 100%;padding: 0 20px 2px 20px;text-align: center;font-size: 1.6rem;color: rgba(255,255,255,0.6);font-weight: 400;line-height: 1em;}
#wrap footer .Family_site .btn:after{display:block;content:"";position: absolute;top: 18px;right: 20px;width: 4px;height: 4px;border: 1px solid rgba(255,255,255,0.6);transform: rotate(45deg);border-top: 0;border-left: 0;transition: 0.4s;}
#wrap footer .Family_site .btn.on:after{transform: rotate(-135deg);top: 21px;}
#wrap footer .Family_site .Family_list{display:none;position: absolute;left: -1px;bottom: 43px;width: calc(100% + 2px);border: 1px solid rgba(255,255,255,0.13);background: #000;font-size: 1.6rem;font-weight: 400;text-align: center;z-index: 10;}
#wrap footer .Family_site .Family_list li{height: 45px;line-height: 45px; transition:0.3s;}
#wrap footer .Family_site .Family_list li + li{border-top: 1px solid rgba(255,255,255,0.13);}
#wrap footer .Family_site .Family_list li a{display: block;padding: 0 20px;}
#wrap footer .Family_site .Family_list li:hover{color: #fff;}


/* video popup */
#video-popup{display:none;position:fixed;top:50%;left:50%;max-width: 1080px;width: 93%;z-index:20000;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#video-popup .inner{position:relative;width: 100%;height: 0;padding-top: 56%;}
#video-popup .close{position: absolute;right: 0;top: -50px;cursor: pointer;}
#video-popup iframe{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}



/* popup */
#layer-popup{display:none;position:fixed;top:50%;left:50%;z-index:2000;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#layer-popup .popup-close{position:relative; text-align:right; cursor:pointer; z-index:1000; top:60px; right:30px;}
#layer-popup .inner{width:1200px; margin:0 auto; height:695px;  padding:100px 75px; background:#fff; box-sizing: border-box;}
#layer-popup .inner h1{text-align:left;font-size:30px;font-weight:500;color:#362e2b;line-height:28px}
#layer-popup .inner pre{width:100%;margin:0 auto;height:432px;white-space:pre-wrap;overflow-y:scroll;box-sizing:border-box;border-top:1px solid #cfcdcd;border-bottom:1px solid #cfcdcd;background:#f5f5f5;font-family:'Noto Sans KR';font-size:17px;color:#362e2b;padding:50px 30px;margin-top:28px}
#layer-popup .sub_tit{font-weight:500;font-size:20px}
#layer-popup .inner pre table td,#text-popup .inner pre table th{border:1px solid #000;padding:2px}
#layer-popup.find .inner{width:650px;height:468px;padding:184px 0 0;background:#fff url(../img/page/find_idpw_popup.jpg) no-repeat center top}
#layer-popup.find .inner .pop_title{text-align:center;font-family:'GyeonggiBatang';font-size:26px;font-weight:500;color:#362e2b}


/* today index popup */
.pop_today_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}
.pop_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}


#loading_img{text-align:center;display:none;margin-top:70px}
#loading_img img{-webkit-animation:loading .8s infinite linear;animation:loading .8s infinite linear}
@-webkit-keyframes loading {
from{-webkit-transform:rotate(0);transform:rotate(0deg)}
to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes loading {
from{-webkit-transform:rotate(0);transform:rotate(0deg)}
to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}


/*motion*/
/*header h1.logo{transform:translateX(70px); opacity:0;}
header .header_wrap .group{transform:translateX(-70px); opacity:0;}
#wrap.on header h1.logo,#wrap.on header .header_wrap .group{transform:translateX(0px); transition:2s ease; opacity:1;}*/

@media(max-width:1570px){
	#wrap footer .foot_g_wrap1{width:calc(100% - 256px); padding: 7px 0 0 60px;}
	#wrap footer .foot_g_wrap2{width:calc(100% - 256px);margin-left:256px;margin-top: 30px;padding-left: 60px;}
	#wrap footer .copyright{text-align:left; margin-top:50px;}
	#wrap footer .sns_list{max-width:550px;}
}

@media(max-width:1279px){
	#allmenu .inner{width: 100%;padding: 0 3.5%;display: block;height: 100%;}
	#allmenu .menu_wrap:before{display:none;}
	#allmenu .group{position: relative;display: flex;flex-wrap: wrap;overflow: hidden;overflow-y: auto;height: calc(100% - 200px);top: 200px;padding-bottom: 100px;}
	#allmenu .util{width: 100%;order: 2;justify-content: center;margin-top: 60px;}
	#allmenu .menu_wrap{display: block;width: 100%;margin-top: 0;order: 1;}
	#allmenu .menu_wrap .menu{width: 100%;}
	#allmenu .menu_wrap .dep1{position: relative;display: flex;flex-wrap: wrap;align-items: center;padding: 15px 0;border-bottom: 1px solid rgba(255,255,255,0.1);cursor: pointer;pointer-events: auto;}
	#allmenu .menu_wrap .dep1 *{transition:0.3s;}
	#allmenu .menu_wrap .dep1.act *{color:#fff;}
	#allmenu .menu_wrap .dep1:after{display: block;content:"";position: absolute;top: 50%;right: 5px;width: 15px;height: 15px;border: 2px solid rgba(255,255,255,0.7);transform: rotate(45deg);border-top: 0;border-left: 0;margin-top: -13px;transition: 0.4s ease;}
	#allmenu .menu_wrap .dep1.act:after{transform: rotate(-135deg);margin-top: -4px;border-color: #fff;}
	#allmenu .menu_wrap .dep1 .num{width: 80px;}
	#allmenu .menu_wrap .dep1 h2{margin: 0;width: calc(100% - 80px);}
	#allmenu .menu_wrap .box{display: none;}
	#allmenu .menu_wrap .dep2{margin: 25px 0 15px 80px;width: calc(100% - 80px);display: flex;flex-wrap: wrap;}
	#allmenu .menu_wrap .dep2 li{width: 50%;}
	#allmenu .menu_wrap .dep2 li + li{margin:0;}
	#allmenu .menu_wrap .dep2 li:nth-child(n+3){margin-top:10px;}
	.main_nav_g{height:100%;padding: 70px 0;}
	.main_nav_g .inner{height:100%;}
	.main_nav_g .menu{width: 33.3333333333%;height: auto;min-height: 190px;}
	.main_nav_g .menu:nth-child(n+4){margin-top: 30px;}

	#wrap footer .foot_g_wrap1{width: 100%;padding: 0;margin-top: 50px;}
	#wrap footer .foot_g_wrap2{width:100%;margin: 0;padding: 0;margin-top: 30px;}
	select {
	background: url('/img/common/select_i1.png') no-repeat 96.5% 50%;  /* 화살표 모양의 이미지 */
}
}

@media(max-width:980px){
	.main_nav_g .menu{width: 50%;margin: 0;}
	.main_nav_g .menu:nth-child(n+3){margin-top: 30px;}
}

@media(max-width:767px){
	header .header_wrap{padding-top: 15px;align-items: center;}
	#wrap header h1.logo{width: 175px;height: 28px;margin-top: 3px;}
	header .hamburger_btn{width: 50px;height: 50px;border-width: 2px;}
	header .hamburger_btn button{transform: scale(0.8);}
	@keyframes hamburgerMove {
		0%{transform: rotate(90deg) scale(0.8);}
		50%{transform: rotate(0deg) scale(0.8);}
		100%{transform: rotate(0deg) scale(0.8);}
		}
	header .hamburger_btn.close .btn{transform: rotate(90deg) scale(0.9);}
	header .hamburger_btn .btn:before, header .hamburger_btn .btn:after{width:2px;height: 20px;left: 8px;top: -1px;}
	/*header h1.logo{transform:translateX(30px);}
	header .header_wrap .group{transform:translateX(-30px);}*/
	#allmenu .util{justify-content: space-around;max-width: 400px;margin: 40px auto 0;padding: 0 3%;}
	#allmenu .util li{padding-left: 0;}
	#allmenu .util li + li{margin-left: 0;}
	#allmenu .util li:before{display: none;}
	#allmenu .group{top: 145px;height: calc(100% - 145px);padding-bottom: 50px;}
	#allmenu .menu_wrap .dep1{width: ;}
	#allmenu .menu_wrap .dep1 .num{width: 50px;font-size: 3.1rem;}
	#allmenu .menu_wrap .dep1 h2{font-size: 1.8rem;width: calc(100% - 50px);}
	#allmenu .menu_wrap .dep2{margin: 20px 15px 25px 50px;width: calc(100% - 50px);font-size: 1.3rem;}
	#allmenu .menu_wrap .dep2 li a:hover{transform:inherit;}
	#allmenu .menu_wrap .dep2 li{width: ;}
	#allmenu .menu_wrap .dep2 li:nth-child(n+3){width: ;}
	#allmenu .menu_wrap .dep1:after{width: 10px;height: 10px;margin-top: -10px;}
	#allmenu .menu_wrap .dep1.act:after{width: ;}
	#allmenu .group::-webkit-scrollbar {width:2px;}
	.main_nav_g{padding:50px 0;}
	.main_nav_g .menu{height: auto;min-height: 137px;border-left: 1px solid rgba(0,0,0,0.1);padding: 0 20px;}
	.main_nav_g h2{font-size:1.5rem;margin-bottom: 12px;}
	.main_nav_g .dep2{font-size:1.2rem;}
	.main_nav_g .menu:nth-child(n+3){margin-top:25px;}
	.main_nav_g .dep2 li + li{margin-top:5px;}
	#wrap footer{padding: 40px 0 50px 0;}
	#wrap footer .logo{width: 175px;height: 38px;}
	#wrap footer .foot_g_wrap1{margin-top: 25px;}
	#wrap footer .link_list{margin-bottom: 15px;}
	#wrap footer .info_list b{width: 35px;}
	#wrap footer .info_list p{width: calc(100% - 35px);}
	#wrap footer .info_list li.type2 b{width:47px;}
	#wrap footer .info_list li.type2 p{width:calc(100% - 47px);}
	#wrap footer .txt1{font-size: 1.3rem;}
	#wrap footer .sns_list{font-size: 1.2rem;}
	#wrap footer .sns_list > li{height: 37px;line-height: 35px;}
	#wrap footer .copyright,#wrap footer .noti{font-size: 1rem;text-align: left;margin-top: 27px;}
	#wrap footer .noti{margin-top: 7px;}
	#wrap footer .foot_g_wrap2{margin-top: 35px;}
	#wrap footer .sns_list figure{transform:scale(0.8);margin-right: 5px;}
	#wrap footer .Family_site .btn,#wrap footer .Family_site .Family_list{font-size: 1.3rem;}
	#wrap footer .Family_site .Family_list{bottom:35px;}
	#wrap footer .Family_site .Family_list li{height: 35px; line-height: 35px;}
	#wrap footer .Family_site .Family_list li a,#wrap footer .Family_site .btn{padding: 0 10px;}
	#wrap footer .Family_site .btn:after{right: 10px; top:14px;}
	#wrap footer .Family_site .btn.on:after{top:16px;}

}