@charset "utf-8";

@font-face {
    font-family: 'GongGothicBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GongGothicLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GongGothicMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EliceDigitalBaeum-Bd';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_elice@1.0/EliceDigitalBaeum-Bd.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EliceDigitalBaeum';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_elice@1.0/EliceDigitalBaeum.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}




/* mobile gnb ani */
@-webkit-keyframes fade {
  0% { opacity: 0;}
  100% { opacity: 1;}
}
@keyframes fade {
  0% { opacity: 0;}
  100% { opacity: 1;}
}


/* layout */
.inner {	width: 100%; max-width:1600px;	position:relative;	margin-left:auto;	margin-right:auto; }
.m-inner {	width:94%; max-width:1600px;	position:relative;	margin-left:auto;	margin-right:auto; }
.s-inner{	width:94%; max-width:1280px;	position:relative;	margin-left:auto;	margin-right:auto; }

/* 폰트 사이즈 */
@media all and (max-width:1399px) {
   body #wrap { font-size: 16px; }
}

@media all and (max-width:1280px) {
	body #wrap { font-size: 15px; }
}

@media all and (max-width:978px) {
	body #wrap { font-size: 12px; }
}

/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:767px) {
	body #wrap { font-size: 11px; }
}

@media all and (max-width:640px) {
	body #wrap { font-size: 2.2vw; }
}

@media all and (max-width:500px) {
	body #wrap { font-size: 2.8vw !important; }
}




/*Header*/
#hd_wrap{position:fixed; width:100%; height:110px; z-index:1002; background:none;}

#hd_wrap .hd_logo {position:absolute; top:-3px; line-height:110px;left: 50%; margin-left: -90px; z-index:89}
#hd_wrap .hd_logo img{vertical-align:middle;}
#hd_wrap .hd_mbx{display:none;}

.logo_c { display: none; }
#hd_wrap.scroll .logo_c { display: block; }
#hd_wrap.scroll .logo_w { display: none; }

#gnb_pc{position:relative; overflow:hidden; width:100%; box-sizing:border-box;  text-align:right;  max-width: 1500px; margin: 0 auto; padding-left: 4%;}

#gnb_pc > ul { display: inline-block; }
#gnb_pc > ul.float_left { float:left; }

#gnb_pc .gnb_dp1{display:inline-block; vertical-align:top; text-align:center; letter-spacing:-0.08em; }
#gnb_pc .gnb_dp1>div {padding:0 20px; height:110px; line-height:110px; font-size:1.25em; font-weight:400; box-sizing:border-box; cursor:pointer;  }
#gnb_pc .gnb_dp1>div>span{display:inline-block; position:relative}
#gnb_pc .gnb_dp1>div>span a {color:#fff; font-family: 'EliceDigitalBaeum-Bd', 'GongGothicLight', sans-serif;}
#gnb_pc .gnb_dp1>div>span a:hover  {color:#bf1e2e;}
#gnb_pc .gnb_dp1 .smenu { display:none; padding:30px 0; color:#fff; }
#gnb_pc .gnb_dp1 .smenu li{ line-height: 1.0em; margin-bottom: 18px;   font-weight:300;}
#gnb_pc .gnb_dp1 .smenu li:hover{text-decoration:underline; color:#003777;}
#gnb_pc .gnb_dp1 .smenu li a { color:#fff; }

#gnb_pc li.gnb_dp1:hover span{color:#d2a612; font-weight:500;}
#hd_wrap.menu_on #gnb_pc {  /* background:rgba(0, 0, 0, 0.5); */}
#hd_wrap.menu_on #gnb_pc .gnb_dp1 .smenu{display:none; color:#fff;}

#hd_wrap.scroll #gnb_pc:before{content:""; width:100%; height:90px; background:rgba(255,255,255,1); position:absolute; top:0; left:0; }
#hd_wrap.scroll #gnb_pc{color:#333;}
#hd_wrap.scroll #gnb_pc .gnb_dp1>div>span a { color: #333; }

#hd_wrap.scroll { height: 90px; background: #fff; }
#hd_wrap.scroll .hd_logo { line-height: 90px; }
#hd_wrap.scroll #gnb_pc .gnb_dp1>div { height:90px; line-height: 90px; }
#hd_wrap.scroll .t-tel { height: 90px; }



#gnb_mo{position:fixed; height:100%; z-index:49; left:0;  padding:20px; padding-top:70px; background:rgba(191,30,46,0.8); color:#FFF; width:100%; max-width:300px; box-sizing:border-box; transition: all 0.4s ease;
	-webkit-transform: translateX(-100%) rotate(0);
	-moz-transform: translateX(-100%) rotate(0);
	-ms-transform: translateX(-100%) rotate(0);
	-o-transform: translateX(-100%) rotate(0);
	transform: translateX(-100%) rotate(0);
}

#gnb_mo .gnb_dp1 div{ font-weight:500; font-size:1.2em; padding:12px 0; cursor:pointer; border-bottom:1px dotted rgba(255, 255, 255, 0.5);}
#gnb_mo .gnb_dp1 div a { color:#FFF; }

#gnb_mo .smenu{display:none; padding:10px 0; background:#9b7442}
#gnb_mo .smenu>li br{display:none;}
#gnb_mo .smenu>li>a,
#gnb_mo .smenu>li>span{display:block; padding:4px 10px; font-size:1.4em; color:#fff;}
#gnb_mo .smenu>li>a:hover,
#gnb_mo .smenu>li>span:hover{background:rgba(0,0,0,0.2); color:#FFF; font-weight:500;}
#gnb_mo .ssmenu{display:none; background:rgba(0,0,0,0.4); padding:10px 0; font-size:0.96em}
#gnb_mo .ssmenu>li>a{display:block; padding:4px 15px;  }
#gnb_mo .ssmenu>li>a:hover{font-weight:bold;}


@media all and (max-width:1599px) {
   #hd_wrap{}
   #gnb_pc .gnb_dp1>div {padding:0 15px; }
}



@media all and (max-width:1280px) {
	#hd_wrap #gnb_pc{display:none;}

	#hd_wrap{height:70px; border-bottom:1px solid rgba(255,255,255,0.2);}
    #content { padding-top: 70px; }

	#hd_wrap .hd_bx{line-height:70px; }
    #hd_wrap .hd_logo { left: auto; left: unset;  margin-left: 0; }
	#hd_wrap .logo_c { display: block; }
	#hd_wrap .logo_c img { height: 58px; }
    #hd_wrap .logo_w { display: none; }

	#hd_wrap .hd_tel {right:unset; right:0; z-index:90; border-right:1px solid rgba(255,255,255,0.2); background-repeat: no-repeat; background-position: center center;
                             background-color:#165fad; background-image:url("/images/common/t_tel_w.png"); background-size: 100% auto;  }
	#hd_wrap .hd_tel a { display: block; width:100%; height:100%;}

	#hd_wrap .hd_mbx{display:inline-block;  position:absolute; top:0; width:70px; height:70px; line-height:70px; text-align:center; padding:0;}
	#hd_wrap .hd_mbx img,
	#hd_wrap .hd_mbx img.mo{display:inline-block; width:100%; max-width:65px; vertical-align:middle;}

	#hd_wrap .hd_logo{width:100%; text-align:center; }
	
	
	#hd_wrap .hd_full {display:inline-block; left:0; z-index:90; border-left:1px solid rgba(255,255,255,0.2); background-repeat: no-repeat; background-position: center center;
                              background-image:url("/images/common/t_menu.png"); background-size: 100% auto; }

	#hd_wrap.on{background:#FFF; border-bottom-color:transparent;}

	#hd_wrap.on .hd_tel { background-color:#165fad; background-image:url("/images/common/t_tel_w.png"); }
	#hd_wrap.on .hd_full{ background-color:#bf1e2e; background-image:url("/images/common/t_menu_w.png");}
	#gnb_mo.mo_menu_on{	-webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0);	-ms-transform: translateX(0) rotate(0);	-o-transform: translateX(0) rotate(0);	transform: translateX(0) rotate(0); }


	#hd_wrap.scroll{background:#FFF; border-bottom-color:transparent;}
	#hd_wrap.scroll .hd_tel{ background-color:#165fad; background-image:url("/images/common/t_tel_w.png"); }
	#hd_wrap.scroll .hd_full{ background-color:#bf1e2e; background-image:url("/images/common/t_menu_w.png"); }


   #hd_wrap.scroll { height: 70px; }
   #hd_wrap.scroll .hd_logo { line-height: 70px; }
   #hd_wrap.scroll #gnb_pc .gnb_dp1>div { height:70px; line-height: 70px; }
 }
@media all and (max-width:978px) {
	#hd_wrap{height:60px; }
   #content { padding-top: 60px; }
	#hd_wrap .hd_bx{line-height:60px; padding:0; }
	#hd_wrap .hd_mbx{width:60px; height:60px; line-height:60px;}

   #hd_wrap.scroll { height: 60px; }
   #hd_wrap.scroll .hd_logo { line-height: 60px; }
   #hd_wrap.scroll #gnb_pc .gnb_dp1>div { height:60px; line-height: 60px; }
}

@media all and (max-width:640px) {
	#hd_wrap{height:55px; }
   #content { padding-top: 55px; }
	#hd_wrap .hd_bx{line-height:55px; padding:0; }
	#hd_wrap .hd_mbx{width:55px; height:55px; line-height:55px;}
	#hd_wrap .hd_logo img {height:40px;}

   #hd_wrap.scroll { height: 55px; }
   #hd_wrap.scroll .hd_logo { line-height: 55px; }
   #hd_wrap.scroll #gnb_pc .gnb_dp1>div { height:55px; line-height: 55px; }
}






#quick {width:90px; text-align:center; position: fixed; right:0; top: 280px; z-index:50}
#quick .bg {background:url('/images/main/quick-bg.png') no-repeat; text-align:center}
#quick .bg p {font-size:0.875em; padding:1.5em 0;font-weight:500; letter-spacing:0.03em; line-height: 1.5em;  font-family: 'Poppins', sans-serif; color:#FFF}
#quick ul {border:1px solid #eee;  padding:0.7em 7px; background:#FFF; border-radius: 10px; }
#quick ul li {border-bottom:1px solid #eee; padding-bottom:0.7em; margin-bottom:0.7em;}
#quick ul li:last-child {border-bottom:0; padding-bottom:0; margin-bottom:0}
#quick ul li a p {font-size:0.8125em; padding-top:5px; }
#quick ul li a:hover p {color:#222}

@media all and (max-width:978px) {
	#quick .bg p  {font-size:1em;  padding:2em 0;}
	#quick ul li img {width:35px}
	#quick ul li a p  {font-size:1em}
}
@media all and (max-width:640px){
    #quick { display: none; top: auto; bottom: 0; width: 100%; }
	#quick .bg {display:none}
	#quick ul {overflow:hidden;}
    #quick ul li{float: left; width: 16.6%; padding: 10px 0; border-bottom:0; padding-bottom:0; margin-bottom:0; border-right:1px solid #eee; ; }
	#quick ul li:last-child {border-right:0;}
	#quick ul li img {width:40px; }
}
@media all and (max-width:500px){
	#quick ul li img {width:40%;}
}



#footer { background: #2e2e2e; width: 100%; height: auto; padding-bottom: 70px; }
#footer.bottom_sub { padding-bottom: 0; }

.fq_inner { width: 100%; height: auto; border-bottom: 1px solid #272937; }
.fq_inner ul { display: flex; width: 90%; max-width: 1400px; margin: 0 auto;  padding: 30px 0; }
.fq_inner ul li { padding-right: 3%; }
.fq_inner ul li a { color: #4c4c4c; } 
.fq_inner ul li a:hover { color: #fff; }

.f_info { display: flex; justify-content: space-between; flex-wrap: wrap; width: 90%; max-width: 1400px; margin: 0 auto; padding: 2.5% 0; }
.f_info_inner { width: 83%; }
.f_info img { width: 100%; max-width: 130px; }
.f_info ul { color: #4c4c4c;  width: 100%; height: auto; padding-bottom: 2%; font-family: 'S-CoreDream-4Regular';  } 
.f_info ul li { display: inline-block; padding-right: 3%; margin-bottom: 1%; font-size: 0.93em; }
.f_info_inner p:last-child { color: #555555; border-top: 1px solid #323232; padding-top: 2%; font-size: 0.9em; font-family: 'Jost', sans-serif; }

@media all and (max-width:1280px){
	.fq_inner ul { padding: 22px 0; }
	.f_info_inner { width: 75%; }
}
@media all and (max-width:1080px){
	#footer { padding-bottom: 120px; }
}
@media all and (max-width:980px){
	.f_info { padding: 3.5% 0; }
	#footer { padding-bottom: 100px; }
}

@media all and (max-width:860px){
	#footer { padding-bottom: 12%; }
}
@media all and (max-width:767px){
	.fq_inner ul { padding: 22px 0; }
	.f_info_inner { width: 70%; }
	#footer { padding-bottom: 14vw; }
}

@media all and (max-width:640px){
	#footer { padding-bottom: 18vw; }
	.fq_inner ul { padding: 22px 0; }
	.f_info_inner { width: 100%; margin-top: 4%; }
	.f_info_inner ul li { font-size: 0.9em; }
}

@media all and (max-width:500px){
	
	#footer { padding-bottom: 24vw; }
	.fq_inner ul { padding: 16px 0; }
}
@media all and (max-width:440px){
	
	#footer { padding-bottom: 26vw; }
	.fq_inner ul { padding: 16px 0; }
}



.qna_quick { position: fixed; z-index: 99; bottom: 0; width: 100%; height: auto; background: #be1522; padding: 10px 0; }
.qq_inner { width: 90%; max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; }

.qq_inner_txt { display: flex; align-items: center; }
.qq_inner_txt p:first-child { color: #fff; font-family: 'EliceDigitalBaeum-Bd', 'GongGothicLight', sans-serif; font-size: 1.9em; }
.qq_inner_txt p:last-child { color: #ffd615; font-family: 'Jost', sans-serif; font-size: 2.5em; margin-left: 10px; }

.qq_inner_form { width: auto; height: auto; padding: 0; }
.qq_inner_form form { display: flex; justify-content: space-between; width: 100%; margin: 1% auto 0; }

.qq_inner_form .write_area { display: flex; height: 40px; width: 560px; }

.qq_inner_form input.btn_submit { border: none; background: #2e2e2e; color: #fff; width: 160px; padding: 0.8% 0; text-indent:0; font-family: 'EliceDigitalBaeum-Bd', 'GongGothicLight', sans-serif;}

.qq_inner_form .write_area input::placeholder { color: #fff; }
.qq_inner_form .write_area input { color: #fff; border: 1px solid #fff; background: none; width: 33.3%; padding: 0.8% 0; text-indent:14px; font-family: 'S-CoreDream-4Regular'; }
.qq_inner_form .write_area input:first-child { border-right: none; }
.qq_inner_form .write_area input:nth-child(2) { border-right: none; }

input.btn_submit{ cursor: pointer; text-indent: 0; background: #c6c6c6; color: #fff; font-size: 1.2em;transition: 0.3s; }
input.btn_submit:hover { background: #ac1522; transition: 0.3s; }


.agree { color: #fff; margin: 1.2% 14px; font-family: 'S-CoreDream-4Regular';  }
.agree a {border-bottom:1px solid #aaa; color: #fff; border-bottom: 0;}
.agree .css-checkbox {width: 16px; height: 16px;  margin-right: 3px;  vertical-align: middle;}


@media all and (max-width: 1520px){
	.qq_inner_form .write_area { width: 440px; }
}
@media all and (max-width: 1400px){
	.qq_inner_txt p:first-child { color: #fff; font-family: 'EliceDigitalBaeum-Bd', 'GongGothicLight', sans-serif; font-size: 1.5em; }
	.qq_inner_txt p:last-child { color: #ffd615; font-family: 'Jost', sans-serif; font-size: 2.1em; margin-left: 10px; }
}
@media all and (max-width: 1300px){
	.qq_inner_form .write_area { width: 380px; }
	.qq_inner_form input.btn_submit { width: 110px; }
	.agree { font-size: 0.9em; }
}
@media all and (max-width: 1120px){
	.qq_inner_form .write_area { width: 340px; }
	.qq_inner_form input.btn_submit { width: 110px; }
	.agree { font-size: 0.9em; }
}
@media all and (max-width: 1080px){
	.qq_inner_txt p:first-child { color: #fff; font-family: 'EliceDigitalBaeum-Bd', 'GongGothicLight', sans-serif; font-size: 1.6em; }
	.qq_inner_txt p:last-child { color: #ffd615; font-family: 'Jost', sans-serif; font-size: 2.3em; margin-left: 10px; }
	.qq_inner { flex-wrap: wrap; }
	.qq_inner_form { width: 100%; margin-top: 0; }
	.qq_inner_form form { margin: 2px auto 0; }
	.qq_inner_form .write_area { width: 65%; }
}

@media all and (max-width: 980px){
	.agree { font-size: 1em; }
	.qq_inner_form .write_area input  { padding: 0; }
	.qq_inner_form .write_area { height: 34px; }

	input.btn_submit { height: 36px; }
}
@media all and (max-width: 860px){
	.qq_inner_form .write_area { width: 55%; }
}
@media all and (max-width: 640px){
	.qq_inner_form .write_area { width: 53%; }
	.qq_inner_form .write_area input::placeholder { font-size: 0.8em; }
	.qq_inner_form input.btn_submit { width: 100px; padding: 0 0 4px 0;}
	.agree { font-size: 0.8em; }
}

@media all and (max-width: 570px){
	.qq_inner_form input.btn_submit  { width: 70px; font-size: 0.9em; }
	.agree { margin: 1.2% 8px; }
}
@media all and (max-width: 500px){
	.qq_inner_form .write_area { width: 48%; }
	.qq_inner_form .write_area input  { text-indent: 4px; }
	.qq_inner_form .write_area input::placeholder { font-size: 0.7em; }
}
@media all and (max-width: 450px){
	.qq_inner_form .write_area { width: 52%; }
	.qq_inner_form input.btn_submit  { width: 54px; font-size: 0.9em; }
	.qq_inner_form .write_area input::placeholder { font-size: 0.7em; }
	.agree { margin: 1.2% 4px; }
}

@media all and (max-width: 430px){
	.qq_inner_form .write_area { width: 47%; }
	.qq_inner_form .write_area input:first-child { width: 23%; }
	.qq_inner_form .write_area input:nth-child(2) { width: 33%; }
	.qq_inner_form .write_area input:last-child { width: 44%; }
	.qq_inner_form input.btn_submit  { width: 46px; font-size: 0.9em; }
	.qq_inner_form .write_area input::placeholder { font-size: 0.6em; }
}






.layer{position:fixed; display:none; left:0;top:180px; z-index:9999; width:100%;}
.layer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#111;  border-radius:0 10px 0 10px; color: #fff;}
.layer .close_btn a{display: block;color: #fff;padding:14px 18px; font-size:20px; font-weight:bold;}
.layer .layer_wrap{position:relative;width:100%; max-width:700px; top:0px; margin:0 auto; border-radius:10px; background: #fff; text-align:left; letter-spacing:-0.5px; box-shadow:0 0 50px rgba(0,0,0,0.6);}
.layer .layer_wrap .DB_info_detail{width:100%;  margin:18px auto; padding-bottom:16px; line-height:18px; color: #333;font-size:12px;}
.layer .layer_wrap .DB_info_detail h2{padding:28px 20px;border-bottom:1px solid #eee; font-size:21px; font-weight:500;  font-family: 'GongGothic'; }
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap p{padding:8px;margin-bottom:12px; font-size:13px;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap{width:98%; height:360px; padding:8px 16px; overflow:auto; box-sizing:border-box;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dt{display:block; background: #eee;border-radius:3px; padding:7px 10px; font-weight: bold;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dd{margin-bottom:16px; padding:4px 12px; box-sizing:border-box;}