@charset "utf-8";

/* ==========================================================================
  font-face
   ========================================================================== */

   @import url('./common/font.css');
   @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* ==========================================================================
   Base styles & Helper
   ========================================================================== */

@import url('./common/normalize.css');
@import url('./common/animated.min.css');
@import url('./common/owl.carousel2.css');

/* base */
h1, h2, h3, h4, h5, h6, fieldset,ul, ol, dl, dt, dd, p, button ,figure{margin:0;padding:0;}
/* body{font:normal 14px/1.5 "Apple SD Gothic Neo", 'Noto Sans KR', sans-serif;color:#666;} */
body{font:normal 14px/1.5 'Noto Sans KR';color:#666;}
legend, caption{width:0;height:0;visibility:hidden;font-size:0;line-height:0;}
a{text-decoration:none;color:#666;}
img{vertical-align:middle;}
fieldset, button{background:none;border:0px;}
ul:after,ol:after{content:'';display:block;clear:both;}
li{list-style:none;}
table{width:100%;border-spacing:0px;border-collapse:collapse;}
iframe{width:100%;vertical-align:middle;border:0 none;}
hr{margin:20px 0;border:0 none;height:1px;background:#c9c9c9;}
button, input, optgroup, select, textarea{font-family: "Noto Sans KR", sans-serif;}
button{outline: none;}
.button:active{-webkit-transform: scale(.95);transform: scale(.95);}
/*** mobile_base ***/
	/*iphone 글자크기 자동조정 방지*/
	/*body{-webkit-text-size-adjust:none;} */ 
	/*안드로이드 주황색 포커스 제거 */
	/*body{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);} */ 
	/*iphone 폼요소 리셋 */
	/*input, select{-webkit-appearance:none;-webkit-border-radius:0}*/

/* ==========================================================================
   form
   ========================================================================== */
	 
label{display:inline-block}
label input{vertical-align:middle;}
textarea, input[type="text"], input[type="password"], input[type="file"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]
	{display:inline-block;height:40px;line-height:38px;padding:0px 20px;border:1px solid #ddd;background:#fff;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;vertical-align:middle;box-sizing:border-box;}
input[type="file"]{padding:3px;line-height:36px;}
select:hover, textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="file"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover{border-color:#f4f4f4;border-width: 1px;}
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus{border-color:#f4f4f4;border-width: 1px;outline: none;}
select:disabled, textarea:disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="date"]:disabled, input[type="month"]:disabled, input[type="time"]:disabled, input[type="week"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="url"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="color"]:disabled{background-color:#f3f3f3;color:#222;font-weight:bold;}
select{display:inline-block;height:40px;padding:0px 20px 0 20px;border:1px solid #ddd;vertical-align:middle;box-sizing:border-box;background:#fff url(../images/common/bg_select.png) no-repeat right center;color:#999;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select::-ms-expand{display: none;}
textarea{width:100%;min-height:100px;padding:10px;resize:none;line-height:1.5;box-sizing:border-box;}
::-webkit-input-placeholder,
::-moz-placeholder,
::-ms-input-placeholde,
:-ms-input-placeholder,
.placeholder{color:#999;opacity:1;}


.checkbox, .radio{position:relative;display:inline-block;margin:5px 0;cursor:pointer;vertical-align:middle;color:#777;}
.checkbox input, .radio input{opacity:0;position:absolute;left:0;top:0;width:19px;height:19px;z-index:1;}
.checkbox input:checked, .radio input:checked, .checkbox input:focus, .radio input:focus{outline:none! important;}
.checkbox input:checked+.lbl, .radio input:checked+.lbl{color:#000;font-weight: bold;}
.checkbox input+.lbl, .radio input+.lbl{position:relative;display:inline-block;margin:0;line-height:19px;min-height:19px;padding:0px 0 0px 34px;font-weight:normal;vertical-align:top;word-break:break-all;}
.checkbox.only input+.lbl, .radio.only input+.lbl{padding-left:19px;text-indent:-999em;font-size:0;}
.checkbox input+.lbl:before, .radio input+.lbl:before{content:'';border:1px solid #000;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);background:#fff;display:inline-block;height:19px;width:19px;position:absolute;left:0;top:0;box-sizing:border-box;}
.checkbox input+.lbl:after, .radio input+.lbl:after{content:'';display:inline-block;position:absolute;background-color:#ddd}
.radio input+.lbl:after,
.checkbox input+.lbl:after{width:10px;height:6px;top:3px;left:4px;border:2px solid #fff;border-top:none;border-right:none;background:transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.checkbox input:focus+.lbl:before, .radio input:focus+.lbl:before{border-color:#e1251b;}
.radio input:checked+.lbl:before{background:#e1251b;border-color:#e1251b;}
.radio input:focus+.lbl:before, .checkbox input:focus+.lbl:before{border-color:#000;}

.checkbox input:checked+.lbl:before{border-color:#e1251b;background:#e1251b;}
.checkbox input:checked+.lbl:after{border-color:#fff;}
.checkbox input:disabled+.lbl:before, .radio input:disabled+.lbl:before, 
.checkbox input[disabled]+.lbl:before, .radio input[disabled]+.lbl:before, 
.checkbox input.disabled+.lbl:before, .radio input.disabled+.lbl:before,
.checkbox input:disabled+.lbl:after, .radio input:disabled+.lbl:after, 
.checkbox input[disabled]+.lbl:after, .radio input[disabled]+.lbl:after, 
.checkbox input.disabled+.lbl:after, .radio input.disabled+.lbl:after{opacity:0.5;}
.checkbox.hover > input + .lbl:before, .radio.hover > input + .lbl:before{border-color:#777}

.inp_standard{position:relative;box-sizing:border-box;}
.inp_standard p:after{content:'';clear:both;display: block;}

.inp_email p{position: relative;}
.inp_email{max-width:617px;padding-right:210px;box-sizing:border-box;padding-left:180px;position:relative;}
.inp_email input{width:180px;position: absolute;left:0;}
.inp_email select{position: absolute;right:0;top:0;width:200px;}
.inp_ico{position: relative;padding-left:40px;display: block;box-sizing:border-box;}
.inp_ico i{position: absolute;left:10px;line-height:40px;font-size:20px;font-style: normal;}
.inp_email .inp_ico input{width:100%;position:relative;}
.inp_addr2{padding-right:280px;position:relative;}
.tab_address2{display: none;}
.inp_search input{width:100%;}
.inp_search span{display:inline-block;position:absolute;right:0;top:0;}
.inp_search span a{line-height:48px;width:120px;display:inline-block;margin-left:20px;box-sizing:border-box;}
.text_box{box-sizing:border-box;padding:20px;overflow-y:auto;border:1px #ddd solid;}
.search_result{height:80px}
.text_box span{display:block;line-height:30px;cursor:pointer;}
.text_box.search_result span.selected{color:#222;font-weight:bold;}
.text_box.search_result span.no_result{color:#e21a22;}
input::-ms-input-placeholder  {opacity:1;}

.inp_phone{position: relative;box-sizing:border-box;}
.inp_phone input{margin-left:10px;}
.form_must{position: relative;}
.form_must:before{content:'*';color:#e5757e;display: inline-block;position: absolute;left:-10px;vertical-align: middle;}

/*파일첨부*/
.inp_file{position:relative;padding-right:110px;cursor: pointer;}
.inp_file > input{width:100%;vertical-align:middle;}
.inp_file .btn_file{display:inline-block;position:absolute;right:0;top:0;overflow:hidden;vertical-align:middle;}
.inp_file .btn_file input{position:absolute;left:0;top:0;width:100%;height:100%;padding:0;margin:0;z-index:2;font-size:10em;line-height:2;cursor:pointer;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
span.inp_file{display:inline-block;padding-right:0;}
span.inp_file > input{width:400px;}
span.inp_file .btn_file{position:relative;}



/* ==========================================================================
   common
   ========================================================================== */

.f16{font-size:1.143em;}
.f20{font-size:1.429em;}
.cont_tit{font-size:2.5714em;}
.sub_page_tit{font-size:3.8571em; font-weight: 900;font-family: 'Noto Sans KR';}

.w_none{display:none;}
.block{display:block;}
.inblock{display:inline-block;}
.hide{display:none;}
.hidden{overflow:hidden;}
.blind{position:absolute;overflow:hidden;visibility:hidden;width:0px;height:0px;font-size:0;line-height:0;text-indent:-9999px;}
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.op80{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.bgLayer{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#333;opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;z-index:60;}
i,em{font-style: normal;}
.blur img{-webkit-filter:blur(6px);-moz-filter:blur(6px);filter:blur(6px);}
.grayscale img{
	filter:url(filters.svg#gray);/* Gecko and FF*/
	filter:gray;/* IE */
	-moz-filter:grayscale(1);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	-webkit-filter:grayscale(1);}
a.grayscale:hover img, a.grayscale:focus img, a.grayscale:active img{
	filter:none;
	-moz-filter:none;
	-ms-filter:none;
	-o-filter:none;
	-webkit-filter:none;}

/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar{width:8px;height:8px;border:3px solid #fff;}
::-webkit-scrollbar-track{background:#efefef;-webkit-border-radius:10px;border-radius:10px;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb{height:50px;width:50px;background:rgba(0,0,0,.2);-webkit-border-radius:8px;border-radius:8px;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1)}


/* ==========================================================================
   Layout
   ========================================================================== */
#pageTit{font-size:0;}
.inner{width:100%;padding:0 20px;margin:auto;position:relative;box-sizing: border-box;max-width: 1300px;}

/* header */
#header{height:100px;position: absolute;width:100%;left:0;top:0;z-index: 20;height:120px;background-color: #fff;}
#header .inner{height:100%;box-sizing: border-box;}
#header #nav{position: absolute;right: 20px;top:65px;font-size:0;padding-right: 130px;}
#header #logo{font-size:0;position: absolute;left:20px;bottom:20px;width:165px;height:50px;background-image: url('../images/common/img_logo.svg');background-size: 100%;background-repeat: no-repeat;}
#header #logo a{display: block;height: 100%;}
#header #nav li{display: inline-block;padding-left:40px;}
#header #nav li a{font-size:16px;line-height: 21px;font-weight: 400;color:#000;position: relative;display: inline-block;padding-bottom:10px;}
#header #nav li a:before{content:'';display: block;height:2px;background: #e1251b;left:51%;right:51%; bottom:0;position: absolute;transition: .3s cubic-bezier(0.075, 0.82, 0.165, 1) all;}
#header #nav li a:hover:before{left:0;right:0;}
#header #nav li.active a{color:#e1251b;font-weight:500;}
#header #nav li a:active:before{left:0;right:0;transition: none;}
#header .lang{position: absolute;right:0;top: 0;font-size:0;}
#header .lang::before{content:'';display: block;position: absolute;left:0;top:50%;margin-top:-9px; width:1px;height:18px;background: #d8d8d8;}
#header .lang span{display: inline-block;padding-left:20px;}
#header .lang span + span{padding-left:15px;}
#header .lang a{font-size:15px;line-height: 21px;font-weight: 400;color:#d8d8d8;}
#header .lang span + span a{color:#000;}
#header .lang.kor span a{color:#000;}
#header .lang.kor span + span a{color:#d8d8d8;}
#header .gnb_btn{display: none;width:23px;position: absolute;font-size:0;height:19px;right:20px;top:30px;cursor: pointer;outline:none;}

#header .gnb_btn i{top:50%;}
#header .gnb_btn i:before, #header .gnb_btn i:after, #header .gnb_btn i{position:absolute;left:0;display:block;width:23px;height:2px;background:#e1251b;}
#header .gnb_btn i:before, #header .gnb_btn i:after{content:'';width:100%;height:2px;
-webkit-transition-duration: .3s,.2s;
transition-duration: .3s,.2s;
-webkit-transition-delay: 0.5s, 0s;
transition-delay: 0.5s, 0s;
}
.gnb_open{width:100%;overflow: hidden;height:100%;position: fixed;}
#header .gnb_btn i:before{left:0;top:-8px;transition-property:top,transform;}
#header .gnb_btn i:after{left:0;top:auto;bottom:-8px;transition-property:bottom,transform;}
.gnb_open #header .gnb_btn{z-index: 100;position: fixed;}
.gnb_open #header .gnb_btn i{background:none;transition:background 0s 0.3s;}
.gnb_open #header .gnb_btn i:before{top:0;transform:rotate(45deg);transition-delay:0s, 0.3s;}
.gnb_open #header .gnb_btn i:after{bottom:0;width:100%;transform:rotate(-45deg);transition-delay:0s, 0.3s;}

.sticky #header{position: fixed;top:-120px;opacity: 0; border-bottom:1px #d8d8d8 solid;
/* -webkit-transition: .5s cubic-bezier(0.075, 0.82, 0.165, 1) all;
transition: .5s cubic-bezier(0.075, 0.82, 0.165, 1) all; */
}
.sticky.scroll_down #header{top:0;opacity: 1;}
/* container */
#container{padding-top:150px;position: relative; box-sizing: border-box;}

/* footer */
#footer{padding-top: 50px;background: #fff;padding-bottom:50px;position:relative}
#footer .logo{font-size:0;}
#footer .logo a{display: inline-block;width:48px;height:43px;background-image: url('../images/common/img_symbol.svg');font-size:0;background-size: 48px 43px;}
#footer ul{font-size:0;margin-top:30px;}
#footer ul li,
#footer ul li div{display: inline-block;vertical-align: top;}
#footer ul li div + div,
#footer ul li + li{margin-left:100px;}
#footer .mail_address a,
#footer ul li span,
#footer ul li a{font-size:15px;line-height: 1.67;color: #e1251b;display: inline-block;font-weight: 400;position: relative;}
#footer ul li span{display: block;}
#footer ul li span i{display: inline-block;position: relative}
#footer ul li span i:before,
#footer ul li p a:before,
#footer .mail_address a:before{display:inline-block;content:"";position: absolute;z-index: 1;background:#e1251b;width:0; height: 1px;left: 0;bottom:-1px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;}
#footer ul li span:hover i:before,
#footer .mail_address a:hover:before,
#footer ul li p a:hover:before,
#footer ul li a.active:before,
#footer ul li a:active:before{width:100%;bottom:-1px;background:#e1251b;height:1px;}

#btnTop{opacity: 0;visibility: hidden;position: absolute;left:50%;width:40px;font-size:0;margin-left:590px;bottom: 122px;font-size:14px;line-height: 25px;color: #e1251b;}
#btnTop.on{opacity: 1;visibility: visible;}
#btnTop::before{content:'';position:absolute;right:0;width: 6px;height: 6px;border-left:1px #e1251b solid;border-bottom:1px #e1251b solid;transform: rotate(135deg);top: 9px;}
#btnTop::after{content:'';display: inline-block;height:11px;position: absolute;width:1px;left: 36px;background:#e1251b;top: 9px;}

/* ==========================================================================
	Media Queries for Responsive Design.
========================================================================== */
@media only screen and (max-width:1300px) {
	/* footer */
	#footer .logo a{width:39px;height:35px;background-size:39px 35px;}
	#footer ul{margin-top:23px;position: relative;/*padding-right:50px;*/box-sizing: border-box;}
	#footer ul li{width:auto;}
	#footer ul li + li{margin-left:0;position: absolute;right:0;text-align: right;top:0;}
	#btnTop{margin-left:0;right:20px;left:auto;bottom:146px;}
	
}
@media only screen and (max-width:1024px) {
	
	/* header */
	#header{height:80px;}
	#header #logo{left:20px;width:99px;height:30px;}
	#header .gnb_btn{display: block}
	#header .lang{position: relative;right:0;padding-top: 100px;}
	#header .lang span{display: block;padding-left:0;}
	#header .lang span + span{padding-left:0;}
	#header .lang::before{content: none;}
	#header #nav{right: -243px;width:243px;top:0; position: fixed;background: #fff;box-sizing: border-box;padding:100px 30px;height:100%;overflow-y: auto;
	-webkit-transition: .3s cubic-bezier(0.075, 0.82, 0.165, 1) all;
	transition: .3s cubic-bezier(0.075, 0.82, 0.165, 1) all;
	}
	#header #nav li{padding-left: 0;display: block;}
	#header #nav a,
	#header #nav li a{font-size:25px;line-height: 55px;padding-bottom:0;}
	#header .pop_bg{position: fixed;visibility: hidden;opacity: 0; background-color: rgba(225, 37, 27, 0.85);width:100%;height:100%;left:0;top:0;
	-webkit-transition: .3s cubic-bezier(0.075, 0.82, 0.165, 1) all;
	transition: .3s cubic-bezier(0.075, 0.82, 0.165, 1) all;
	}
	.gnb_open #header #nav{right:0;}
	.gnb_open #header .pop_bg{visibility: visible;opacity: 1;}

	/* container */
	#container{padding-top:110px;}

	/* footer */
	#footer .mail_address a,
	#footer ul li span, 
	#footer ul li a{font-size:12px;}
	#btnTop{font-size:12px;}
}

@media only screen and (max-width:760px) {
	/* footer */
    #footer{padding-top:125px;}
	#btnTop{top:0;bottom:auto;font-weight: 500;}

	#footer ul li div + div{margin-left:0;}
	#footer ul li div{margin-left:0;display: block;margin-bottom:20px;}
}

@media only screen and (max-width:480px) {

	/* footer */
    #footer ul li span:hover i:before,
	#footer .mail_address a:hover:before,
	#footer ul li a.active:before,
	#footer ul li a:active:before{height:1px;}
	
}

@media only screen and (max-width:375px) {
	
    /* header */
	#header{height:60px;}
	#header #logo{bottom:auto;top:25px;}
	#header .gnb_btn{top:25px;}
	#header #nav{padding:50px 20px;}
	#header .lang{padding-top:50px;}
	#header #nav .lang a{font-size:16px;line-height:40px}
	#header #nav li a{font-size:18px;line-height:40px}
}