@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(/common/font/NanumSquareR.eot);
 src: url(/common/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(/common/font/NanumSquareR.woff) format('woff'),
      url(/common/font/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(/common/font/NanumSquareB.eot);
 src: url(/common/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(/common/font/NanumSquareB.woff) format('woff'),
      url(/common/font/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(/common/font/NanumSquareEB.eot);
 src: url(/common/font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(/common/font/NanumSquareEB.woff) format('woff'),
      url(/common/font/NanumSquareEB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url(/common/font/NanumSquareL.eot);
 src: url(/common/font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(/common/font/NanumSquareL.woff) format('woff'),
      url(/common/font/NanumSquareL.ttf) format('truetype');
}


@font-face {
  font-family: 'FuturaStd-Book';
  src: url('/common/font/FuturaStd-Book.otf') format('opentype'),
       url('/common/font/FuturaStd-Book.woff') format('woff'),
       url('/common/font/FuturaStd-Book.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
html, body{width: 1920px; margin: 0 auto; width: 100%}

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=69fb9f6f-b87d-4109-af00-4490bf281b08&fontids=5962287");
@font-face{
font-family:"Optima LT W01 Bold";
src:url("Fonts/5962287/37e9f983-314e-43dd-a758-fb589f1aa813.woff2") format("woff2"),url("Fonts/5962287/fc369bb6-2bc7-4b6b-84f1-c31db8239944.woff") format("woff");
}
#pop-layer-2 img{display: block}
#pop-layer-2-close{background: #074235 !important}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, a{;margin:0;  padding:0;  border:0; font-size:100%; vertical-align:baseline; background:transparent; -webkit-text-size-adjust:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family: 'NanumSquare', sans-serif;font-style: normal; }
html{ font-smoothing:antialiased; -ms-touch-action:auto;}
html,body, section{width:100%;}

img{}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav, section{}
legend, caption{width:0;height:0;visibility:hidden;font-size:0;line-height:0;}
button{cursor:pointer; border:none; padding:0; font-family: 'NanumSquare', sans-serif !important;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
li,dd{list-style:none;}
blockquote, q {quotes:none;}
address, caption, em, cite, i, a {font-weight:normal; font-style:normal; text-decoration: none;}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed;}
iframe{width:100%;vertical-align:middle;}
caption{display:none;}
figcaption{display:block;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance:none;  margin:0; }

input[type="text"], input[type="number"],input[type="email"], input[type="search"],
input[type="password"], input[type="date"], input[type="tel"], select{display:table-cell; vertical-align:middle; padding:  0 0 0 7px; height: 40px; line-height: 1; box-sizing: border-box; background:#fff; border:1px solid #cccccc; border-radius:0; color:#999; font-size:14px;font-family: 'Noto Sans KR', sans-serif !important;}

input[type="search"] {border-radius:0; -webkit-border-radius:0; -webkit-appearance:textfield;}
input[type="search"]::-webkit-search-results-decoration {-webkit-appearance:none;}

input[type='checkbox'],input[type='radio'] {vertical-align:middle; margin-top:0; 0/IE8+9;  cursor:pointer;}

input.disabled {background:#fff;}

input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
    display: none;
}


select::-ms-expand{display:none; }
select{ cursor: pointer; outline :none; overflow :hidden; color:#999; width:100%;;  }
textarea{width:100%;height:100px; resize:none; border:1px solid #cccccc;   padding:10px; color:#999;}

#footer{background: #114c41;text-align: center; padding-top: 100px; padding-bottom: 98px; }


/*::-webkit-input-placeholder { /* WebKit, Blink, Edge */   color:#1a4d80 !important;}*/
/*:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color:#1a4d80 !important;   opacity:  1;}*/
/*::-moz-placeholder { /* Mozilla Firefox 19+ */   color:#1a4d80 !important;   opacity:  1;}*/
/*:-ms-input-placeholder { /* Internet Explorer 10-11 */   color:#1a4d80 !important;}*/

.blind{position:absolute; top:-999999px; width:0; height:0; font-size:0; overflow:hidden;}
.clear{clear:both;}
.clearfix{overflow:hidden;}
.clearfix:after{clear:both; display:table; content:'';}
.center{text-align:center; display:block; float:none !important;}

#header{position: fixed;width: 1920px;max-width: 100%;z-index: 9999}
#header.on{display: none}
#header .logo{position: absolute; top: 28px; left: 46px; z-index: 999}
#header .right{position: absolute; top: 0; right: 0; z-index: 999}
#header .gnb .logo{z-index: 9999; opacity: 0;transition: 1.2s}
#header .act .gnb .logo{opacity: 1}
#header  .gnb .right{padding-right: 65px}
#header .right:after{content: ''; display: block; clear: both}
#header .right > div{float: left}
#header .right > div{padding-right: 55px;position: relative}
#header .right > div:last-child{padding-right: 0}
#header .right > div:last-child:after{display: none}
#header .right > div:after{content: ''; display: inline-block; width: 1px; height: 23px; background: #d3d3d3; position: absolute;right: 30px; top: 6px}
#header .right{padding-top: 45px; padding-right: 45px}
#header .right > div button{border: none; background: none; color: #0d4c43; font-size: 16px; font-family:"Optima LT W01 Bold"; !important;height: 36px; font-weight: 600;vertical-align: middle}
#header .right > div button i{display: inline-block; width: 6px; height: 6px; background: #00544b; border-radius: 50%;vertical-align: middle}
#header .right > div button span{position: relative; display: inline-block; width: 16px; height: 16px; top: 2px; margin-left: 6px}
#header .right > div button span i{position: absolute;transition: 0.5s}
#header .right > div button span i.dot01{left: 0; top: 0}
#header .right > div button span i.dot02{left: 10px; top: 0}
#header .right > div button span i.dot03{left: 0; bottom: 0}
#header .right > div button span i.dot04{left: 10px; bottom: 0}

#header .right > div button:hover span i.dot01{top: 5px}
#header .right > div button:hover span i.dot02{top: 5px}
#header .right > div button:hover span i.dot03{bottom: 5px}
#header .right > div button:hover span i.dot04{bottom: 5px}

#header .gnb .right > div button span i.dot01{top: 5px}
#header .gnb .right > div button span i.dot02{top: 5px}


#header .gnb .right > div button:hover span i.dot01{left: 5px}
#header .gnb .right > div button:hover span i.dot02{left: 5px}

#header .gnb .right{z-index: 1111}

#header .right > div:nth-child(1) button i{margin-left: 6px}
#header .sitemap.on{display: block}
#header .sitemap{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: url(/img/common/menu_bg.jpg); top: 0; left: 0; z-index: 1110;display: none}
#header .sitemap > div{width: 100%; height: 100%; position: relative;display: table; width: 100%}
#header .sitemap > div .gnb{display: table-cell; vertical-align: middle; width: 100%; text-align: center; position: relative;z-index: 2}
#header .sitemap > div .bg{position: absolute; left: 50%; top: 50%; margin-top: -390px; margin-left: -390px; }
#header .sitemap > div ul li a{color: #0d4c43; font-size: 56px; font-weight: 600; line-height: 135px; font-size: 67px; font-weight: 600}
#header .sitemap > a{position: absolute; display: block; width: 162px; line-height: 162px; background: url(/img/common/join_bg.png); font-weight: 600; color: #ffffff; font-size: 56px; border-radius: 50%; box-shadow: 0 0 30px rgba(0,0,0,0.1); left: 50%; margin-left: 315px;top: 50%; margin-top: -81px;z-index: 999; text-align: center}
#footer .ft_logo{margin-bottom: 50px}
#footer .ft_logo img{display: block; margin: 0 auto}
#footer p{line-height: 38px; font-size: 20px; color: #fff; }
#footer p a{font-size: inherit; color: inherit; }
#footer address{display: block; font-size: 22px; color: #b4b5b5; margin-top: 40px;}

#parking {text-align: center}
#parking img{max-width: 100%}

#header .sitemap > div ul li {opacity: 0}
#header .sitemap.act > div ul li {opacity: 1;transition: 1.2s}
#header .sitemap.act > div ul li a{transition: 1s}
#header .sitemap.act > div ul li a.opc{opacity: 0.5;}
#header .sitemap.act > div ul li:nth-child(2) {transition-delay: 0.4s}
#header .sitemap.act > div ul li:nth-child(3) {transition-delay: 0.8s}

#header .sitemap > a{opacity: 0}
#header .sitemap.act > a{opacity: 1;transition: 1.2s; transition-delay: 1.2s; animation: opc 2s infinite;animation-delay: 2.4s}

.personal {position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top:0;left: 0;z-index: 999;display: none}
.personal.on{display: block}
.personal > div{width: 1000px;margin: 0 auto;height: 500px;}
.personal > div >div{padding: 70px 50px;background: #fff;margin: 100px 0;overflow-y: scroll;height: 500px;position: relative}
.personal > div >div p{font-size: 16px;letter-spacing: -0.5px;color: #333;line-height: 30px;margin-top: 10px;}
.personal > div >div button{border: none;background: none;float: right}



@keyframes opc{
	0%{opacity: 0.8}
	50%{opacity: 1}
	100%{opacity: 0.8}
}
@media (max-width: 1100px){
	.personal > div{width: 80%}
	.personal > div > div{padding: 30px 20px;}
}
@media (max-width: 950px){
	#header .logo{left: 20px; top: 20px; }
	#header .logo img{width: 42px; }
	#header .sitemap > div .bg {margin-top: -275px; margin-left: -275px; }
	#header .sitemap > div .bg img{width: 550px; }
	#header .sitemap > div ul li a{line-height: 80px; font-size: 40px}
	#header .sitemap > a{width: 100px; line-height: 100px; background-size: 100%;font-size: 29px; margin-left: 220px; margin-top: -50px}
	#header .right > div button{font-size: 14px; }
	#header .right, #header .gnb .right{padding-top: 35px; padding-right: 20px}
	#header .sitemap > div ul li a img{width: 200px}
	#header .sitemap.act > a img{width: 50px;}
	.personal > div >div p{font-size: 13px;line-height: 26px;}
}
@media (max-width: 650px){
	.brand .con03 .slide_area .wrap{padding-right: 0}
    #parking{padding-top: 100px}
    #footer p{font-size: 13px; line-height: 26px; }
    #footer .ft_logo img{width: 170px; }
    #footer address{font-size: 12px; }
    #footer{padding-top: 60px; padding-bottom: 60px; }
    #footer .ft_logo{margin-bottom: 20px; }
    #footer address{margin-top: 20px; }
	#header .sitemap {background-size: auto 100%}
	#header .sitemap > div .bg {margin-top: -175px; margin-left: -175px; }
	#header .sitemap > div .bg img{width: 350px; }
	#header .sitemap > div ul li a{line-height: 60px; font-size: 30px}
	#header .sitemap > a{width: 70px; line-height: 70px; background-size: 100%;font-size: 24px; margin-left: 105px; margin-top: 0; top: 57%}
	#pop-layer-2{left: 10px !important; top: 10px !important;}
	#pop-layer-2{width: 300px !important}
	#pop-layer-2 img{max-width: 100%}
	#pop-layer-2-body{height: 427px !Important}
  #header .right > div.yt{display: none}
}