@charset "utf-8";

@import url("./webfont/Pretendard/pretendard.css"); /* 프리텐다드 */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap');

/**
태그 초기화
**/
html, body {width:100%; height:100%;}
body{background-color:#fff;word-break:keep-all;
-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,li,dt,dd,a,p,input,textarea,select,option,button{
	color:#555;
	font-family:"Pretendard Regular","Orbitron";
	font-size:16px;font-weight:normal;
	margin:0px;
}
div, iframe, h1, h2, h3, h4, h5, h6, p, button, abbr, address, blockquote, q, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {margin:0; padding:0; font-weight:normal;}
div {box-sizing:border-box; word-wrap:break-word; word-break:keep-all;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block; margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 {line-height:1;}
ol, ul, li {list-style:none;}
table {width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
form, fieldset, iframe {border:0;}
img {max-width:100%; border:0; vertical-align:middle; font-size:0; line-height:0;}
button {border:0; cursor:pointer;}
hr{display:none}
caption{*line-height:0}

address { font-style:normal;}

label, button {cursor:pointer;}

input, textarea, select, button {font-family:"Pretendard Regular","Orbitron";  font-weight:400; font-size:14px; vertical-align:middle; background:none; outline:none; border:none; border-radius:0;}
a {box-sizing:border-box; font-family:inherit; text-decoration:none; color:inherit;}

#bg{position:fixed;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,0.5);display:none;z-index:1001;}

/*layout*/
[class*="con-"][class*="-width1"]{position:relative; max-width: 1400px; width:100%; margin:0 auto;}
[class*="con-"][class*="-width3"]{position:relative; max-width: 1600px; width:100%; margin:0 auto;}
[class*="con-"][class*="-width4"]{position:relative; max-width: 1200px; width:100%; margin:0 auto;}
[class*="con-"][class*="-width2"]{width: 93%;margin:0 auto;}
[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;}

/* padding */
/* 왼쪽 */
.padL00 {padding-left:0px !important;}
.padL01 {padding-left:1px !important;}
.padL02 {padding-left:2px !important;}
.padL03 {padding-left:3px !important;}
.padL04 {padding-left:4px !important;}
.padL05 {padding-left:5px !important;}
.padL06 {padding-left:6px !important;}
.padL07 {padding-left:7px !important;}
.padL08 {padding-left:8px !important;}
.padL09 {padding-left:9px !important;}
.padL10 {padding-left:10px !important;}
.padL15 {padding-left:15px !important;}
.padL20 {padding-left:20px !important;}
.padL25 {padding-left:25px !important;}
.padL30 {padding-left:30px !important;}
.padL35 {padding-left:35px !important;}
.padL40 {padding-left:40px !important;}
.padL45 {padding-left:45px !important;}
.padL50 {padding-left:50px !important;}
.padL55 {padding-left:55px !important;}
.padL60 {padding-left:60px !important;}

/* 오른쪽 */
.padR00 {padding-right:0px !important;}
.padR01 {padding-right:1px !important;}
.padR02 {padding-right:2px !important;}
.padR03 {padding-right:3px !important;}
.padR04 {padding-right:4px !important;}
.padR05 {padding-right:5px !important;}
.padR06 {padding-right:6px !important;}
.padR07 {padding-right:7px !important;}
.padR08 {padding-right:8px !important;}
.padR09 {padding-right:9px !important;}
.padR10 {padding-right:10px !important;}
.padR15 {padding-right:15px !important;}
.padR20 {padding-right:20px !important;}
.padR25 {padding-right:25px !important;}
.padR30 {padding-right:30px !important;}
.padR35 {padding-right:35px !important;}
.padR40 {padding-right:40px !important;}
.padR45 {padding-right:45px !important;}
.padR50 {padding-right:50px !important;}
.padR55 {padding-right:55px !important;}
.padR60 {padding-right:60px !important;}

/* 위 */
.padT00 {padding-top:0px !important;}
.padT01 {padding-top:1px !important;}
.padT02 {padding-top:2px !important;}
.padT03 {padding-top:3px !important;}
.padT04 {padding-top:4px !important;}
.padT05 {padding-top:5px !important;}
.padT06 {padding-top:6px !important;}
.padT07 {padding-top:7px !important ;}
.padT08 {padding-top:8px !important;}
.padT09 {padding-top:9px !important;}
.padT10 {padding-top:10px !important;}
.padT15 {padding-top:15px !important;}
.padT20 {padding-top:20px !important;}
.padT25 {padding-top:25px !important;}
.padT30 {padding-top:30px !important;}
.padT35 {padding-top:35px !important;}
.padT40 {padding-top:40px !important;}
.padT45 {padding-top:45px !important;}
.padT50 {padding-top:50px !important;}
.padT55 {padding-top:55px !important;}
.padT60 {padding-top:60px !important;}

/* 아래 */
.padB00 {padding-bottom:0px !important;}
.padB01 {padding-bottom:1px !important;}
.padB02 {padding-bottom:2px !important;}
.padB03 {padding-bottom:3px !important;}
.padB04 {padding-bottom:4px !important;}
.padB05 {padding-bottom:5px !important;}
.padB06 {padding-bottom:6px !important;}
.padB07 {padding-bottom:7px !important;}
.padB08 {padding-bottom:8px !important;}
.padB09 {padding-bottom:9px !important;}
.padB10 {padding-bottom:10px !important;}
.padB15 {padding-bottom:15px !important;}
.padB20 {padding-bottom:20px !important;}
.padB25 {padding-bottom:25px !important;}
.padB30 {padding-bottom:30px !important;}
.padB35 {padding-bottom:35px !important;}
.padB40 {padding-bottom:40px !important;}
.padB45 {padding-bottom:45px !important;}
.padB50 {padding-bottom:50px !important;}
.padB55 {padding-bottom:55px !important;}
.padB60 {padding-bottom:60px !important;}

/* 전체 */
.pad00 {padding:0px !important;}
.pad01 {padding:1px !important;}
.pad02 {padding:2px !important;}
.pad03 {padding:3px !important;}
.pad04 {padding:4px !important;}
.pad05 {padding:5px !important;}
.pad10 {padding:10px !important;}
.pad15 {padding:15px !important;}
.pad20 {padding:20px !important;}
.pad25 {padding:25px !important;}
.pad30 {padding:30px !important;}
.pad35 {padding:35px !important;}
.pad40 {padding:40px !important;}
.pad45 {padding:45px !important;}
.pad50 {padding:50px !important;}
.pad55 {padding:55px !important;}
.pad60 {padding:60px !important;}

/* margin */
/* 왼쪽 */
.marL00 {margin-left:0px !important;}
.marL01 {margin-left:1px !important;}
.marL02 {margin-left:2px !important;}
.marL03 {margin-left:3px !important;}
.marL04 {margin-left:4px !important;}
.marL05 {margin-left:5px !important;}
.marL06 {margin-left:6px !important;}
.marL07 {margin-left:7px !important;}
.marL08 {margin-left:8px !important;}
.marL09 {margin-left:9px !important;}
.marL10 {margin-left:10px !important;}
.marL15 {margin-left:15px !important;}
.marL20 {margin-left:20px !important;}
.marL25 {margin-left:25px !important;}
.marL30 {margin-left:30px !important;}
.marL35 {margin-left:35px !important;}
.marL40 {margin-left:40px !important;}
.marL45 {margin-left:45px !important;}
.marL50 {margin-left:50px !important;}
.marL55 {margin-left:55px !important;}
.marL60 {margin-left:60px !important;}


/* 오른쪽 */
.marR00 {margin-right:0px !important;}
.marR01 {margin-right:1px !important;}
.marR02 {margin-right:2px !important;}
.marR03 {margin-right:3px !important;}
.marR04 {margin-right:4px !important;}
.marR05 {margin-right:5px !important;}
.marR06 {margin-right:6px !important;}
.marR07 {margin-right:7px !important;}
.marR08 {margin-right:8px !important;}
.marR09 {margin-right:9px !important;}
.marR10 {margin-right:10px !important;}
.marR13 {margin-right:13px !important;}
.marR15 {margin-right:15px !important;}
.marR20 {margin-right:20px !important;}
.marR25 {margin-right:25px !important;}
.marR30 {margin-right:30px !important;}
.marR35 {margin-right:35px !important;}
.marR40 {margin-right:40px !important;}
.marR45 {margin-right:45px !important;}
.marR50 {margin-right:50px !important;}
.marR55 {margin-right:55px !important;}
.marR60 {margin-right:60px !important;}

/* 위 */
.marT00 {margin-top:0px !important;}
.marT01 {margin-top:1px !important;}
.marT02 {margin-top:2px !important;}
.marT03 {margin-top:3px !important;}
.marT04 {margin-top:4px !important;}
.marT05 {margin-top:5px !important;}
.marT06 {margin-top:6px !important;}
.marT07 {margin-top:7px !important;}
.marT08 {margin-top:8px !important;}
.marT09 {margin-top:9px !important;}
.marT10 {margin-top:10px !important;}
.marT15 {margin-top:15px !important;}
.marT20 {margin-top:20px !important;}
.marT25 {margin-top:25px !important;}
.marT30 {margin-top:30px !important;}
.marT35 {margin-top:35px !important;}
.marT40 {margin-top:40px !important;}
.marT45 {margin-top:45px !important;}
.marT50 {margin-top:50px !important;}
.marT55 {margin-top:55px !important;}
.marT60 {margin-top:60px !important;}
.marT70 {margin-top:70px !important;}
.marT80 {margin-top:80px !important;}
.marT90 {margin-top:90px !important;}
.marT100 {margin-top:100px !important;}

/* 아래 */
.marB00 {margin-bottom:0px !important;}
.marB01 {margin-bottom:1px !important;}
.marB02 {margin-bottom:2px !important;}
.marB03 {margin-bottom:3px !important;}
.marB04 {margin-bottom:4px !important;}
.marB05 {margin-bottom:5px !important;}
.marB06 {margin-bottom:6px !important;}
.marB07 {margin-bottom:7px !important;}
.marB08 {margin-bottom:8px !important;}
.marB09 {margin-bottom:9px !important;}
.marB10 {margin-bottom:10px !important;}
.marB15 {margin-bottom:15px !important;}
.marB20 {margin-bottom:20px !important;}
.marB25 {margin-bottom:25px !important;}
.marB30 {margin-bottom:30px !important;}
.marB35 {margin-bottom:35px !important;}
.marB40 {margin-bottom:40px !important;}
.marB45 {margin-bottom:45px !important;}
.marB50 {margin-bottom:50px !important;}
.marB55 {margin-bottom:55px !important;}
.marB60 {margin-bottom:60px !important;}

/* 전체 */
.mar00 {margin:0px !important;}
.mar01 {margin:1px !important;}
.mar02 {margin:2px !important;}
.mar03 {margin:3px !important;}
.mar04 {margin:4px !important;}
.mar05 {margin:5px !important;}
.mar06 {margin:6px !important;}
.mar07 {margin:7px !important;}
.mar08 {margin:8px !important;}
.mar09 {margin:9px !important;}
.mar10 {margin:10px !important;}
.mar15 {margin:15px !important;}
.mar20 {margin:20px !important;}
.mar25 {margin:25px !important;}
.mar30 {margin:30px !important;}
.mar35 {margin:35px !important;}
.mar40 {margin:40px !important;}
.mar45 {margin:45px !important;}
.mar50 {margin:50px !important;}
.mar55 {margin:55px !important;}
.mar60 {margin:60px !important;}

/* Width % */
.w1p  {width:1% !important;}
.w2p  {width:2% !important;}
.w3p  {width:3% !important;}
.w4p  {width:4% !important;}
.w5p  {width:5% !important;}
.w6p  {width:6% !important;}
.w7p  {width:7% !important;}
.w8p  {width:8% !important;}
.w9p  {width:9% !important;}
.w10p {width:10% !important;}
.w11p {width:11% !important;}
.w12p {width:12% !important;}
.w13p {width:13% !important;}
.w14p {width:14% !important;}
.w15p {width:15% !important;}
.w16p {width:16% !important;}
.w17p {width:17% !important;}
.w18p {width:18% !important;}
.w19p {width:19% !important;}
.w20p {width:20% !important;}
.w21p {width:21% !important;}
.w22p {width:22% !important;}
.w23p {width:23% !important;}
.w24p {width:24% !important;}
.w25p {width:25% !important;}
.w26p {width:26% !important;}
.w27p {width:27% !important;}
.w28p {width:28% !important;}
.w29p {width:29% !important;}
.w30p {width:30% !important;}
.w31p {width:31% !important;}
.w32p {width:32% !important;}
.w33p {width:33% !important;}
.w34p {width:34% !important;}
.w35p {width:35% !important;}
.w36p {width:36% !important;}
.w37p {width:37% !important;}
.w38p {width:38% !important;}
.w39p {width:39% !important;}
.w40p {width:40% !important;}
.w41p {width:41% !important;}
.w42p {width:42% !important;}
.w43p {width:43% !important;}
.w44p {width:44% !important;}
.w45p {width:45% !important;}
.w46p {width:46% !important;}
.w47p {width:47% !important;}
.w48p {width:48% !important;}
.w49p {width:49% !important;}
.w50p {width:50% !important;}
.w51p {width:51% !important;}
.w52p {width:52% !important;}
.w53p {width:53% !important;}
.w54p {width:54% !important;}
.w55p {width:55% !important;}
.w56p {width:56% !important;}
.w57p {width:57% !important;}
.w58p {width:58% !important;}
.w59p {width:59% !important;}
.w60p {width:60% !important;}
.w61p {width:61% !important;}
.w62p {width:62% !important;}
.w63p {width:63% !important;}
.w64p {width:64% !important;}
.w65p {width:65% !important;}
.w66p {width:66% !important;}
.w67p {width:68% !important;}
.w68p {width:68% !important;}
.w69p {width:69% !important;}
.w70p {width:70% !important;}
.w71p {width:71% !important;}
.w72p {width:72% !important;}
.w73p {width:73% !important;}
.w74p {width:74% !important;}
.w75p {width:75% !important;}
.w76p {width:76% !important;}
.w77p {width:77% !important;}
.w78p {width:78% !important;}
.w79p {width:79% !important;}
.w80p {width:80% !important;}
.w81p {width:81% !important;}
.w82p {width:82% !important;}
.w83p {width:83% !important;}
.w84p {width:84% !important;}
.w85p {width:85% !important;}
.w86p {width:86% !important;}
.w87p {width:87% !important;}
.w88p {width:88% !important;}
.w89p {width:89% !important;}
.w90p {width:90% !important;}
.w91p {width:91% !important;}
.w92p {width:92% !important;}
.w93p {width:93% !important;}
.w94p {width:94% !important;}
.w95p {width:95% !important;}
.w96p {width:96% !important;}
.w97p {width:97% !important;}
.w98p {width:98% !important;}
.w99p {width:99% !important;}
.w100p {width:100% !important;}

/* position */
.posR {position:relative;}
.posA {position:absolute;}

.posTm01 {position:relative; top:-1px;}
.posTm02 {position:relative; top:-2px;}
.posTm03 {position:relative; top:-3px;}
.posTm04 {position:relative; top:-4px;}
.posTm05 {position:relative; top:-5px;}
.posTm10 {position:relative; top:-10px;}
.posTm15 {position:relative; top:-15px;}
.posTm20 {position:relative; top:-20px;}
.posTm25 {position:relative; top:-25px;}

.posTp01 {position:relative; top:1px;}
.posTp02 {position:relative; top:2px;}
.posTp03 {position:relative; top:3px;}
.posTp04 {position:relative; top:4px;}
.posTp05 {position:relative; top:5px;}
.posTp10 {position:relative; top:10px;}
.posTp15 {position:relative; top:15px;}
.posTp20 {position:relative; top:20px;}
.posTp25 {position:relative; top:25px;}


/* container */
#wrap, #container {width:100%;position: relative; overflow:hidden;}
#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%;height:90px;z-index:100; transition:0.7s;}
#wrap header:hover{ transition:0.8s;}
#wrap header .header_wrap{position:relative; height:100%; display: flex;flex-wrap: wrap;align-items:center;justify-content: space-between; padding:0 3%;}
#wrap header h1.logo {position:relative;width: 165px;height: 42px;background: url('../img/common/logo_white.png')no-repeat center;background-size: 100% !important;}
#wrap header h1.logo a{display:block; width:100%; height:100%;}
#wrap header .gnb{display:flex; justify-content:center;overflow: hidden;}
#wrap header .gnb:after{display:block; content:""; clear:both;}
#wrap header .gnb li.depth1:last-child:after{display:none;}
#wrap header .gnb li.depth1{margin: 0 30px; color:#fff;}
#wrap header .gnb li.depth1 > a{position:relative;font-size: 17px;font-weight: 400;display:block;line-height: 90px;font-family: 'Pretendard SemiBold'; font-size:20px;}
#wrap header .gnb li.depth1 + li.depth1 > a:before{display:block; content:""; position:absolute; top:50%; margin-top:-5px; left:-30px; width:1px; height:11px; background:rgba(255,255,255,0.4);}
#wrap header .gnb li.depth1 > a:after{position: absolute;content: '';bottom: 0;left:0;transform:scaleX(0); transition: .2s ease-out; width: 100%;height: 3px;background: #E23434; }
#wrap header .gnb li.depth1:hover > a:after{transform:scaleX(1);transition: .5s ease-out;}

#wrap header .lnb{display:none; position: absolute;top: 90px;left: 0;width: 100%;height: 65px;background:#101010;margin: 0 auto;text-align: center;font-size: 0;}
#wrap header .lnb ul{position: relative;width: 100%;height: 70px;margin:0 auto;text-align: left;font-size: 0;vertical-align: top;z-index: 2;text-align: center;/* display:none; */}
#wrap header .lnb ul li{position:relative; box-sizing: border-box;padding: 0px 33px;display: inline-block;vertical-align: top;}
#wrap header .lnb ul li + li:before{position:absolute; left:0; top:50%; margin-top:-5px; display:block; content:""; width:1px; height:11px; background:rgba(255,255,255,0.3);}
#wrap header .lnb ul li a{position:relative;display: inline-block;font-size: 17px;font-weight: 400;line-height:65px;color:rgba(255,255,255,0.6);}
#wrap header .lnb ul li a:hover{color:#E23434;}

.all_menu{position:fixed;top:0;left: calc(100% - 0px);width:450px;height:100%;background:#000 url('/img/common/all_menubg.jpg')no-repeat right bottom;overflow:hidden;z-index:100;font-family: 'Montserrat';transition: 1.4s 0.1s; z-index:9000;}
.all_menu.open{left: calc(100% - 450px);}
.all_menu > *{color:#fff !important;}
.all_menu .inner{position:relative; }
.all_menu .menu_h{position:relative;width: 100%;height: 90px;padding: 37px 60px 0 60px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.all_menu .menu_h .sub_logo{position: relative;width: 165px;height: 42px;background: url(../img/common/logo_white.png)no-repeat center;background-size: 100% !important;}
.all_menu .menu_h .sub_logo a{position:relative; }
.all_menu .menu_h .close{position:relative;width: 33px;height: 33px;}
.all_menu .menu_h .close span{position: absolute;top: 0;background: #fff;width: 2px;height: 100%;}
.all_menu .menu_h .close span:first-child{transform: rotate(-45deg);left: 15px;}
.all_menu .menu_h .close span:last-child{transform: rotate(45deg);left: 15px;}
.all_menu .menu_box{padding-top: 83px;height: calc(100% - 90px);font-family: 'Pretendard SemiBold';overflow-y: auto;}
.all_menu .menu_box .box{position: relative;padding: 35px 60px;transition: 0.5s;}
.all_menu .menu_box .box:hover{background:#E23434; transition:0.7s;}
.all_menu .menu_box .box:after{display:block;content:"";position: absolute;bottom: 0;transform: translateX(-50%);left: 50%;width: calc(100% - 120px);height: 1px;background: rgba(255,255,255,0.2);}
.all_menu .menu_box h2{font-size: 25px;color: #fff;letter-spacing: -0.25px;line-height: 1em;font-family: 'Pretendard SemiBold';}
.all_menu .menu_box ul{display: flex;flex-wrap: wrap;margin-top: 25px;}
.all_menu .menu_box ul li + li:before{display: inline-block;content:"";width: 1px;height: 11px;background: rgba(255,255,255,0.4);margin: 0 20px;vertical-align: top;margin-top: 5px;}
.all_menu .menu_box ul li a{display: inline-block;font-size: 18px;color: rgba(255,255,255,0.5);font-weight: 400;vertical-align: top;transition:0.2s;}
.all_menu .menu_box ul li a:hover{color:#fff; transition:0.2s;}

/*토글*/
header .hamburger_btn{position:relative; width:46px; padding-left:10px; margin: 0 auto; text-align: center;cursor:pointer;z-index:100;}
header .hamburger_btn span{width: 20px;height: 2px;background: #fff;display:block;margin:3px 0 3px; transition:0.3s;}
header .hamburger_btn span:nth-child(1){width:18px;margin-left: 18px;}
header .hamburger_btn span:nth-child(2){width: 32px;margin-left: 4px;}
header .hamburger_btn span:nth-child(3){width:18px;}
header .hamburger_btn:hover span{width:36px; margin-left:0; transition:0.3s;}

/*헤더 활성화*/
#wrap header.active{background:#fff;transition: 0.8s;}
#wrap header.active h1.logo{background: url('../img/common/logo.png')no-repeat center;}
/*#wrap header.active *{color:#000;}*/
#wrap header.active .gnb li.depth1 + li.depth1 > a:before{background:#E23434;}
#wrap header.active .gnb li.depth1 {color:#22272B !important;}
#wrap header.active .lnb ul li a{color:#fff !important;}
#wrap header.active .lnb ul li a:hover{color:#E23434 !important;}
header.active .language .title span{border-color:#000;}
header.active .hamburger_btn span{background: #000;}

/* header */
/*
#wrap header{ position:fixed;top:0;left: 0;width:100%; z-index: 1000;}
#wrap header *{box-sizing:border-box; width:100%;}
#wrap header .header_wrap *{box-sizing:border-box;}
#wrap header .header_wrap{position: relative;height:80px;}

#wrap header .header_wrap .head{ width:1400px; margin:0 auto; height:80px; position:relative;}
#wrap header .header_wrap .head .logo{ width:164px; height:43px; position:absolute; left:0; top:22px;}
#wrap header .header_wrap .head .logo .off{display:block;}
#wrap header .header_wrap .head .logo .on{display:none;}
#wrap header .header_wrap .head .nav{ width:100%; height:80px; line-height:80px; text-align:right;}
#wrap header .header_wrap .head .nav .gnb_list{ display: flex; justify-content: flex-end;}
#wrap header .header_wrap .head .nav .gnb_list li{ width:150px; text-align:Center;}
#wrap header .header_wrap .head .nav .gnb_list li a{ font-family:"Pretendard Bold"; font-size:20px; color:#fff;}

#wrap header.active{ position:fixed;top:0;left: 0;width:100%; z-index: 1000; background-color:#fff;}
#wrap header.active *{box-sizing:border-box; width:100%;}
#wrap header.active .header_wrap *{box-sizing:border-box;}
#wrap header.active .header_wrap{position: relative;height:140px; background:url("../img/common/menu_bg.png") repeat-x;}

#wrap header.active .header_wrap .head{ width:1400px; margin:0 auto; height:80px; position:relative;}
#wrap header.active .header_wrap .head .logo{ width:164px; height:43px; position:absolute; left:0; top:22px; }
#wrap header.active .header_wrap .head .logo .off{display:none;}
#wrap header.active .header_wrap .head .logo .on{display:block;}
#wrap header.active .header_wrap .head .nav{ width:100%; height:80px; line-height:80px; text-align:right;}
#wrap header.active .header_wrap .head .nav .gnb_list{ display: flex; justify-content: flex-end;}
#wrap header.active .header_wrap .head .nav .gnb_list li{position:relative;}
#wrap header.active .header_wrap .head .nav .gnb_list .menu01{ width:150px; text-align:Center; }
#wrap header.active .header_wrap .head .nav .gnb_list a.menu01{ 
	font-family:"Pretendard Bold"; font-size:20px; color:#22272B; position:relative;
}
#wrap header.active .header_wrap .head .nav .gnb_list .sub_menu{ position:absolute; width:600px; left:0; top:80px; text-align:left; height:60px; line-height:60px;}

#wrap header.active .header_wrap .head .nav .gnb_list .sub_menu li{
	display:inline-block;
}
*/



/*
#wrap header{position:fixed;top:0;left: 0;width:100%;z-index: 1000; background-color:#fff;}
#wrap header *{box-sizing:border-box;}
#wrap header .header_wrap *{box-sizing:border-box;}
#wrap header .header_wrap{position: relative;height: 80px;margin-top:20px;padding: 0 50px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;transition: 0.3s;  background-color:#fff;}
#wrap header .main_logo{position: relative;width: 164px;height: 43px;}
#wrap header .main_logo a{display: inline-block;width: 100%; height: 100%;}
#wrap header .main_logo a svg{width: 100%; height: 100%;}
#wrap header .area_r{height: 100%;right:0;top:0;display: flex;flex-wrap: wrap;align-items: center;}

#wrap header.act{background: #fff;}
#wrap header.act .header_wrap{margin-top:0;border-bottom: 1px solid #d9d9d9;}
#wrap header.act #logo_svg .color_1{fill:#69b6fa;}
#wrap header.act #logo_svg .color_2{fill:#1972da;}
#wrap header.act #logo_svg .color_3{fill:#BCBBC2;}
#wrap header.act #nav{color:#000;}
#wrap header.act .hamburger_btn .line{background: #000;}
#wrap header.act .hamburger_btn .txt{color: #000; font-weight: 700;}
#wrap header.act #util_list{color: #000;}
#wrap header.act #util_list .language .title{color: #000;}
#wrap header.act #util_list .language .title span{border-color: #000;}
#wrap header.act #util_list li + li:before{background: rgba(0,0,0,0.5);}

#wrap header #nav{color: #fff;font-size: 2rem;height: 80px;margin-left:100px;display: flex;flex-wrap: wrap;}
#wrap header #nav .gnb{display: flex;flex-wrap: wrap;align-items: center;height: 100%;}
#wrap header #nav [class*="menu"]{text-align: center;height:100%;display: flex;flex-wrap: wrap;align-items: center;}
#wrap header #nav [class*="menu"] + [class*="menu"]{margin-left: 85px;}
#wrap header #nav [class*="menu"] > a{position: relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;border-radius: 46px;padding-bottom: 2px;}
#wrap header #nav [class*="menu"] > a:after{position: absolute;content: '';bottom: -27px;left:0;transform:scaleX(0);transition: .3s ease-out;width: 100%;height: 3px;background: #69b6fa;z-index: 100;}
#wrap header #nav [class*="menu"]:hover > a:after{transform:scaleX(1);transition: .3s ease-out;}
#wrap header #nav .lnb{display: none;position: absolute;top:78px;left: 0;width: 100%;text-align: left;background: #f5f5f5;border-top: 1px solid #d9d9d9;z-index: 10;}
/*#wrap header #nav .lnb .inner{max-width:1320px;padding: 30px 0;display: flex;flex-wrap: wrap;align-items: center;}
#wrap header #nav .lnb .group{max-width:1400px; position:relative; right:0; top:0;}
#wrap header #nav .lnb .group .dep1{font-size:16px;color: #212121;font-weight: 600;line-height: 1em;}
#wrap header #nav .lnb .tit{width: 620px;height: 150px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;text-align: center;background: #eee;}
#wrap header #nav .lnb .tit span{color: #fff;font-size: 4rem;line-height: 1em;font-family: 'Play';font-weight: 600;}
#wrap header #nav .lnb ul{display: flex;flex-wrap: wrap;text-align: left;font-size:16px;color: #555;font-weight: 300;}
#wrap header #nav .lnb ul li{position: relative;margin-right: 40px;height: 50px;border-bottom: 1px solid #d0d0d0;}
#wrap header #nav .lnb ul li:hover{color:#000;font-weight:500;letter-spacing:-0.2px;}
#wrap header #nav .lnb ul li:before{display: block;content:"";position: absolute;bottom: -1px;left: 0;width:100%;height:2px;background: #000;transform: scaleX(0);transform-origin: right;transition: transform 0.7s;z-index: 1;}
#wrap header #nav .lnb ul li:hover:before{transform: scaleX(1);transform-origin: left;}
#wrap header #nav .lnb ul li:nth-child(2n){margin-right:0;}
#wrap header #nav .lnb ul li a{position: relative;width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-items: center;padding: 0 20px;}
#wrap header #nav .lnb ul li a:after{display: block;content:"";position: absolute;top: 23px;right: 20px;width: 5px;height: 5px;border: 2px solid #999999;transform: rotate(-135deg);border-top: 0;border-right: 0;transition: 0.5s 0.3s;}
#wrap header #nav .lnb ul li:hover a:after{border-color:#000;}
**/



/*
.foot .copy{
	width:1400px;
	margin:0 auto;
	font-family:"Pretendard ExtraLight";
	color:#5F6F81;
	font-size:14px;
	line-height:21px;
}
*/

.foot {
	position:relative;
	width:100%;
	min-width:1400px;
	margin:0 auto;

}

.foot .foot_menu{
	position:relative;
	border-bottom:1px solid #e8ecf5;
}

.foot .foot_menu .foot_ul{
	position:relative;
	width:1400px;
	margin:0 auto;
	height:60px;
	line-height:60px;
}

.foot .foot_menu .foot_ul ul{
	/*display:flex;*/
}

.foot .foot_menu .foot_ul ul li{
	position:relative;
	float:left;
	padding-right:10px;margin-right:9px;
}

.foot .foot_menu .foot_ul ul li:after{
	display:block;content:"";
	width:1px;height:13px;
	background-color:rgba(255,255,255,0.2);
	position:absolute;right:0;top:7px;
}
.foot .foot_menu .foot_ul ul li:last-child:after{display:none;}
.foot .foot_menu .foot_ul ul li a{	font-size:15px; color:#222}

.foot .foot_menu .foot_ul .sns_wrap{
	position:absolute;
	z-index:100;
	right:0%;top:0px;
	height:60px;
	line-height:60px;
}

.foot .foot_menu .foot_ul .sns_wrap span{
	display:inline-block;
	width:40px;
	text-align:right;
}



.foot .info{
	width:1400px;
	margin:0 auto;
	display:flex;justify-content:space-between;flex-direction:row-reverse;
	position:relative;
	padding:30px 0%;
}
.foot .info h1{margin-top:10px;}
.foot .info address{
	font-size:14px;
	color: #5F6F81;
	line-height:21px;
}
.foot .info address .com{
	font-weight:bold;
}
.foot .info address .bar{
	display:inline-block;
	width:1px;height:12px;
	background:rgba(255,255,255,0.2);
	margin:0 6px 0 5px;
}



@media(max-width:1400px){
	#nav{display:none;}
	.all_menu .menu_h{padding:15px 5% 0 5%;}
	.all_menu .menu_box{height: calc(100% - 150px);padding: 0;}
	.all_menu .language{position:relative;padding: 20px 5% 0 5%;height: 60px;}
	.all_menu .language:after{display: block;content: "";position: absolute;bottom: 0;transform: translateX(-50%);left: 50%;width: calc(100% - 10%);height: 1px;background: rgba(255,255,255,0.2)}
	.all_menu .language ul{display: flex;flex-wrap: wrap;}
	.all_menu .language ul li + li{margin-left: 20px;}
	.all_menu .language ul li a{display: inline-block;font-size: 15px;color: rgba(255,255,255,0.9);font-weight: 500;vertical-align: top;transition:0.2s;}
	.all_menu .language ul li.on a{color:#42a979; font-weight:600;}
	.all_menu .menu_box .box{padding: 25px 5%;}
	.all_menu .menu_box .box:after{width:calc(100% - 10%);}
	.all_menu .menu_box .box:hover{background:transparent;}
	#popup{padding:70px 50px;}
	#popup .textarea{height:370px;}

	#footer{
	width:100%;
	margin-top:30px;
	border-top:1px solid #E8ECF5;
}


}

@media(min-width:768px) and (max-width:1279px){

	#wrap header h1.logo,
	.all_menu .menu_h .sub_logo{width:88px;height: 25px;}
	#wrap header{height:50px;}
	.all_menu{width:80%;}
	.all_menu.open{left: 20%;}
	.all_menu .menu_h{height:55px;}
	.all_menu .menu_h .close{width:27px; height:27px; margin-top:-3px;}
	.all_menu .language{height: 50px;}
	.all_menu .language ul li a{font-size:12px;}
	.all_menu .menu_box{height:calc(100% - 105px);}
	.all_menu .menu_box .box{padding:15px 5%;}
	.all_menu .menu_box h2{font-size:18px;}
	.all_menu .menu_box ul{margin-top:10px;}
	.all_menu .menu_box ul li a{font-size:16px;}
    .all_menu .language ul li + li{margin-left:10px;}
	.all_menu .menu_box ul li + li:before{height: 9px;margin: 0 10px 0 9px;margin-top: 4px;}
	header .hamburger_btn{width: 40px;}
	header .hamburger_btn span:nth-child(1){width: 15px;margin-left: 15px;}
	header .hamburger_btn span:nth-child(2){width: 26px;margin-left: 4px;}
	header .hamburger_btn span:nth-child(3){width: 15px;}

	
	.foot {
		width:100%;
		position:relative;
	}

	.foot .foot_menu{
		position:relative;
		border-bottom:1px solid #e8ecf5;
	}

	.foot .foot_menu .foot_ul{
		position:relative;
		width:100%;
		margin:0 auto;
		height:60px;
		line-height:60px;
	}

	.foot .foot_menu .foot_ul ul{
		padding:0 1%;
	}

	.foot .foot_menu .foot_ul ul li{
		float:left;
		position:relative;
		padding-right:10px;margin-right:9px;
	}

	
	.foot .foot_menu .foot_ul ul li a{	font-size:15px; color:#222}

	.foot .foot_menu .foot_ul .sns_wrap{
		position:absolute;
		z-index:100;
		right:0%;top:0px;
		height:60px;
		line-height:60px;
	}

	.foot .foot_menu .foot_ul .sns_wrap span{
		display:inline-block;
		width:40px;
		text-align:right;
	}

	.foot .info{
		width:100%;
		padding:0px;
		margin:15px auto;
		text-align:left;
		word-break:break-all;
	}
	.foot .info address{
		font-size:14px;
		color: #5F6F81;
		line-height:21px;
		padding:5px;
	}
	.foot .info address .com{
		font-weight:bold;
	}
	.foot .info address .bar{
		display:inline-block;
		width:1px;height:12px;
		background:rgba(255,255,255,0.2);
		margin:0 5px;
	}
	.foot .copy{
		padding:0 10px 0 10px;
		font-family:"Pretendard ExtraLight";
		color:#5F6F81;
		font-size:14px;
		line-height:21px;
		text-align:left !important;
	}	

}


@media(max-width:767px){
	#wrap header h1.logo,
	.all_menu .menu_h .sub_logo{width:88px;height: 25px;}
	#wrap header{height:50px;}
	.all_menu{width:80%;}
	.all_menu.open{left: 20%;}
	.all_menu .menu_h{height:55px;}
	.all_menu .menu_h .close{width:27px; height:27px; margin-top:-3px;}
	.all_menu .language{height: 50px;}
	.all_menu .language ul li a{font-size:12px;}
	.all_menu .menu_box{height:calc(100% - 105px);}
	.all_menu .menu_box .box{padding:15px 5%;}
	.all_menu .menu_box h2{font-size:18px;}
	.all_menu .menu_box ul{margin-top:10px;}
	.all_menu .menu_box ul li a{font-size:16px;}
    .all_menu .language ul li + li{margin-left:10px;}
	.all_menu .menu_box ul li + li:before{height: 9px;margin: 0 10px 0 9px;margin-top: 4px;}
	header .hamburger_btn{width: 40px;}
	header .hamburger_btn span:nth-child(1){width: 15px;margin-left: 15px;}
	header .hamburger_btn span:nth-child(2){width: 26px;margin-left: 4px;}
	header .hamburger_btn span:nth-child(3){width: 15px;}

	
	.foot {
		width:100%;
		position:relative;
	}

	.foot .foot_menu{
		position:relative;
		border-bottom:1px solid #e8ecf5;
	}

	.foot .foot_menu .foot_ul{
		position:relative;
		width:100%;
		margin:0 auto;
		height:60px;
		line-height:60px;
	}

	.foot .foot_menu .foot_ul ul{
		padding:0 1%;
	}

	.foot .foot_menu .foot_ul ul li{
		float:left;
		position:relative;
		padding-right:10px;margin-right:9px;
	}

	
	.foot .foot_menu .foot_ul ul li a{	font-size:15px; color:#222}

	.foot .foot_menu .foot_ul .sns_wrap{
		position:absolute;
		z-index:100;
		right:0%;top:0px;
		height:60px;
		line-height:60px;
	}

	.foot .foot_menu .foot_ul .sns_wrap span{
		display:inline-block;
		width:40px;
		text-align:right;
	}

	.foot .info{
		width:100%;
		padding:0px;
		margin:15px auto;
		text-align:left;
	}
	.foot .info address{
		font-size:14px;
		color: #5F6F81;
		line-height:21px;
		word-break:break-all;
		padding:5px;
	}
	.foot .info address .com{
		font-weight:bold;
	}
	.foot .info address .bar{
		display:inline-block;
		width:1px;height:12px;
		background:rgba(255,255,255,0.2);
		margin:0 5px;
	}
	.foot .copy{
		padding:0 10px 0 10px;
		font-family:"Pretendard ExtraLight";
		color:#5F6F81;
		font-size:14px;
		line-height:21px;
		text-align:left !important;
	}

	
}

.paging{margin:20px 0;text-align:center;}
.paging a{
	display:inline-block;vertical-align:top;
	width:40px;height:40px;
	text-align:center;line-height:36px;
	font-family: 'Montserrat', sans-serif;
	font-size:15px;color:#a8a8a8;
	border:1px solid #ddd;
}
.paging strong{
	display:inline-block;vertical-align:top;
	width:40px;height:40px;
	text-align:center;line-height:36px;
	font-family: 'Montserrat', sans-serif;
	font-size:15px;color:#c40f39;font-weight:500;
	border:1px solid #c40f39;
}
.paging a.page_prev{margin-right:30px;}
.paging a.page_next{margin-left:30px;}




@media(min-width:1400px){
/*subtop tab*/
.sub_tab_wrap{position:relative; top:0; bottom:0; width:100%; height:50px; background-color:#000;  z-index:2;}
div.sub_tab_wrap .sub_tab{max-width:1400px;height:50px;text-align:center;margin:0 auto;font-size:0;/*opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);*/}
/*div.sub_top .sub_tab.on{opacity:1; -webkit-transform:translateY(0px); transform:translateY(0px); -webkit-transition: 0.7s 0.3s; transition: 0.7s 0.3s;}*/
div.sub_tab_wrap .sub_tab:after{display:block; content:""; clear:both;}
div.sub_tab_wrap .sub_tab>li{position:relative; display:inline-block;padding: 0 40px;}
div.sub_tab_wrap .sub_tab>li:before{position:absolute;top:50%;left:0;display:block;content:"";width: 3px;height: 3px;background:#444;border-radius: 50%;}
div.sub_tab_wrap .sub_tab>li>a{display:inline-block;font-size: 19px;letter-spacing:-0.5px;color:#fff;height: 100%;line-height: 50px; opacity: 0.7;}
div.sub_tab_wrap .sub_tab>li:first-child:before{display:none;}
div.sub_tab_wrap .sub_tab>li.on>a{color:#fff; opacity: 1.0;}
div.sub_tab_wrap .sub_tab>li.on:after{position:absolute;display:block;content:"";bottom:0px;left:0%;background:#fff;width:100%;height:4px;}
}

@media (min-width:768px){
/*subtop tab*/
.sub_tab_wrap{position:relative; top:0; bottom:0; width:100%; height:50px; background-color:#000;  z-index:2;}
div.sub_tab_wrap .sub_tab{height:50px;text-align:center;margin:0 auto;font-size:0;/*opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);*/}
/*div.sub_top .sub_tab.on{opacity:1; -webkit-transform:translateY(0px); transform:translateY(0px); -webkit-transition: 0.7s 0.3s; transition: 0.7s 0.3s;}*/
div.sub_tab_wrap .sub_tab:after{display:block; content:""; clear:both;}
div.sub_tab_wrap .sub_tab>li{position:relative; display:inline-block;padding: 0 30px;}
div.sub_tab_wrap .sub_tab>li:before{position:absolute;top:50%;left:0;display:block;content:"";width: 3px;height: 3px;background:#444;border-radius: 50%;}
div.sub_tab_wrap .sub_tab>li>a{display:inline-block;font-size:16px;letter-spacing:-0.5px;color:#fff;height: 100%;line-height: 50px; opacity: 0.7;}
div.sub_tab_wrap .sub_tab>li:first-child:before{display:none;}
div.sub_tab_wrap .sub_tab>li.on>a{color:#fff; opacity: 1.0;}
div.sub_tab_wrap .sub_tab>li.on:after{position:absolute;display:block;content:"";bottom:0px;left:0%;background:#fff;width:100%;height:4px;}
}


@media(max-width:767px){
/*subtop tab*/
.sub_tab_wrap{position:relative; top:0; bottom:0; width:100%; height:50px; background-color:#000;  z-index:2;}
div.sub_tab_wrap .sub_tab{height:50px;text-align:center;margin:0 auto;font-size:0;/*opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);*/}
/*div.sub_top .sub_tab.on{opacity:1; -webkit-transform:translateY(0px); transform:translateY(0px); -webkit-transition: 0.7s 0.3s; transition: 0.7s 0.3s;}*/
div.sub_tab_wrap .sub_tab:after{display:block; content:""; clear:both;}
div.sub_tab_wrap .sub_tab>li{position:relative; display:inline-block;padding: 0 30px;}
div.sub_tab_wrap .sub_tab>li:before{position:absolute;top:50%;left:0;display:block;content:"";width: 3px;height: 3px;background:#444;border-radius: 50%;}
div.sub_tab_wrap .sub_tab>li>a{display:inline-block;font-size:16px;letter-spacing:-0.5px;color:#fff;height: 100%;line-height: 50px; opacity: 0.7;}
div.sub_tab_wrap .sub_tab>li:first-child:before{display:none;}
div.sub_tab_wrap .sub_tab>li.on>a{color:#fff; opacity: 1.0;}
div.sub_tab_wrap .sub_tab>li.on:after{position:absolute;display:block;content:"";bottom:0px;left:0%;background:#fff;width:100%;height:4px;}
}