@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900&display=swap');

*{ font-family: 'Noto Sans KR', sans-serif; }
html { height: 100%; }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select, a{ margin:0; padding:0; color:#333;outline: 0;font-family: 'Noto Sans KR', sans-serif; }
body{margin:0; padding:0; font-size:14px; line-height:1.4;}
.wrap{width:1200px; margin:0 auto; position:relative;}
table{ border-collapse:collapse}
img,fieldset{ border:0}
ul,ol{ list-style:none}
em,address{ font-style:normal}
a{ color:inherit;text-decoration:none}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{ margin:0; padding:0; border:0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block;}
body{ -webkit-text-size-adjust:none; }
ol, ul{ list-style:none;}
blockquote, q{ quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{ content:''; content:none; }
table{ width:100%; border-collapse:collapse; border-spacing:0; }
img{ border:0; max-width:100%; height:auto; }
iframe,
embed,
object,
video {max-width:100%;}
i, 
cite, 
em, 
var, 
address, 
dfn { font-style:normal;}

.blind,
legend{ position:absolute;  top:-9999px; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
caption{ position:absolute; top:-9999px; left:-9999px;}

h1 {font-size: 38px;font-weight: 700;}
h2 {font-size: 28px;margin-bottom: 15px; font-family: 'Noto Sans KR', sans-serif;}
h3 {font-size: 32px; color:#222; font-weight:normal; font-family: 'Noto Sans KR', sans-serif;}
h4 {font-size: 18px;font-weight: 700; font-family: 'Noto Sans KR', sans-serif;}
h5 {font-size: 16px;text-transform: uppercase;font-weight: 700; font-family: 'Noto Sans KR', sans-serif;}
h6 {font-weight: 700;}

/* 상단 레이아웃 */
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_admin {background:#a6ce39;-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.1);box-shadow:0 1px 5px rgba(0,0,0,0.1)}
#hd_admin .hello_adm {display:inline-block;padding:15px;color:#fff}
#hd_admin a.admin_btn {float:right;padding:20px 15px 10px;border-left:1px solid #61a032;background:#61a032;color:#fff}

#hd_wrapper {position:relative;width:100%;margin:0 auto;height:58px;border-bottom:1px solid #ebebeb}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}


/*2021-06-11 하단 파트너사 슬라이드 추가 수정 요청*/

.partner-content{border-bottom: 1px solid #ccc;}
.partner-content .wrap{width: 1400px;}
.partner-list{position:relative;}
.partner-list li{float:left;}
.partner-list li a{position:relative; height:95px; padding:0 6px; display:block}
.partner-list li a figure{display:block; position:relative; height:100%; width:100%; background-color: #fff;}
.partner-list li a figure img{position:absolute; top:0px; left:0px; bottom:0px; right:0px; max-width:100%; max-height:100%; margin:auto;}
.partner-list .slick-arrow{position:absolute; top:50%; margin-top:-20px; width:40px; height:40px; cursor:pointer; border:0; cursor:pointer; z-index:9; font-size:30px;}
.partner-list .slick-arrow i{line-height:40px; vertical-align:top}
partner-list .slick-arrow.slick-prev{left:0px;}
.partner-list .slick-arrow.slick-next{right:0px;}
.partner-list i{color:#333;}


/************************************************
	form
************************************************/
fieldset{border:0}
input,
textarea{ border:#c7c7c7 1px solid; }
input[type=text],
input[type=submit],
input[type=password],
input[type=file]{ line-height:36px; height:36px; text-indent:5px; padding:0; margin:0; vertical-align:middle; background:#fff; border-radius:2px; border:#ccc 1px solid; box-shadow:none;-webkit-appearance:none; ime-mode:inactive; font-size:14px;}
input:read-only { background-color:#f9f9f9;}
input[type=image]{border:none;background:none;}
input.date{ margin-right:5px;}
input.block,
textarea.block,
select.block{ width:100%;}

.checkbox, .radio{position:relative;display:inline-block;width:16px;height:16px;vertical-align:middle;}
.checkbox input, .radio input{opacity:0;position:absolute;left:0;top:0;width:16px;height:16px;margin:0;padding:0;z-index:1;}
.checkbox input:checked, .radio input:checked, .checkbox input:focus, .radio input:focus{outline:none! important}
.checkbox i:before, 
.radio i:before{content:'';display:block;width:16px;height:16px;border:1px solid #ccccce;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);background:#fff;box-sizing:border-box;vertical-align:middle;}
.radio i:before{border-radius:100%;}
.checkbox input+i:after, 
.radio input+i:after{content:'';display:inline-block;position:absolute;}
.checkbox input+i:after{width:9px;height:5px;top:5px;left:4px;border:2px solid #ddd;border-top:none;border-right:none;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.radio input+i:after{width:6px;height:6px;top:4px;left:4px;border-radius:100%;background:#ddd;}
.checkbox input:checked+i:after{border-color:#eb1c23;}
.radio input:checked+i:after{background:#eb1c23;}
.checkbox input:disabled+i:before, .radio input:disabled+i:before, 
.checkbox input[disabled]+i:before, .radio input[disabled]+i:before, 
.checkbox input.disabled+i:before, .radio input.disabled+i:before{background:#f6f6f6;}
.checkbox input:disabled+i:after, .radio input:disabled+i:after, 
.checkbox input[disabled]+i:after, .radio input[disabled]+i:after, 
.checkbox input.disabled+i:after, .radio input.disabled+i:after{/*opacity:0.5;*/}
.label.hover input + i:before, label.hover input + i:before{border-color:#ccccce}
.label:hover .checkbox input+i:before, 
.label:hover .radio input+i:before{border-color:#ccccce;}
.checkbox input:focus+i:before,
.radio input:focus+i:before{border-color:#ccccce !important;}

button{ border:0 none; background:none; cursor:pointer;}
textarea{ padding:10px 4px; border:#ccc 1px solid; border-radius:2px;margin:0;}
select{ height:36px; padding:0 2px 0 2px; min-width:110px; vertical-align:middle; }
select.select{ height:34px; line-height:34px; padding:0 30px 0 10px; vertical-align:middle; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-rtl-ordering:logical; color:#666; font-size:13px; background:#fff url('../images/common/blt_select0.png') no-repeat right center; border:#ccc 1px solid;}
select.select::-ms-expand{display:none;}
label { display:inline-block; vertical-align:middle; font-weight:normal;}
label.radio{ margin-right:20px;}

a { -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }
a:hover { text-decoration:none;}
a:focus,
a:active {}
a.blue{ color:#2471c8;}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.clearfix:before,
.clearfix:after,{
  display: table;
  content: " ";
}
.clearfix:after{
  clear: both;
  display:block; 
  height:0; 
  visibility:hidden;
  content:""; 
}

:-ms-input-placeholder{color:#999; line-height:35px; vertical-align:middle; }
::-moz-placeholder{color:#999; line-height:35px; vertical-align:middle; }
:-moz-placeholder{color:#999; line-height:35px; vertical-align:middle; }
::-webkit-input-placeholder{ color:#999; vertical-align:middle; font-weight:normal; }

/* Buttons */
.btn{ padding:0 12px; line-height:36px; min-width:40px; margin:0; height:36px; font-size:14px; text-align:center; border-radius:2px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; display:inline-block; vertical-align:middle;}

.btn-default{ background-color:transparent; color:#555; border:#aaa 1px solid; }
.btn-red{ background-color:#e00529; color:#fff; border:#e00529 1px solid; }
.btn-gray{ background-color:#444; color:#fff; border:#444 1px solid; }

.btn-lg{ line-height:50px; height:50px; font-size:16px; padding:0 56px; border-radius:0;}
.btn-lg.btn-default{ border:#aaa 2px solid;}

.btn>[class^="icon-"],
.btn>[class*="icon-"]{ display:inline-block; vertical-align:middle; height:30px; width:14px; background-position:50% 50%; background-repeat:no-repeat;}
.btn>.icon-arr{ background:url(../images/common/icon_arr.png) 50% 50% no-repeat; height:13px; width:13px;}

/* btn-box */
.btn-box{ width:100%; margin-top:40px; text-align:center; position:relative; clear:both; }
.btn-box:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.btn-box .btn{ float:none;}
.btn-box>.fr{ float:right;}
.btn-box>.fl{ float:left;}
.btn-box.page-line{ position:relative; z-index:1; height:0; margin-top:0; }
.btn-box.page-line .fr,
.btn-box.page-line .fl{ position:absolute; top:-30px; float:none; }
.btn-box.page-line .fr{right:0;}
.btn-box.page-line .fl{left:0;}
.btn-box [class^="btn"],
.btn-box [class*=" btn"]{margin:0 2px;}
.btn-box .fr [class^="btn"]:last-child,
.btn-box .fr [class*=" btn"]:last-child{margin-right:0;}
.btn-box .fl [class^="btn"]:first-child,
.btn-box .fl [class*=" btn"]:first-child{margin-left:0;}
.btn-box.r [class^="btn"]:last-child,
.btn-box.r [class*=" btn"]:last-child{margin-right:0;}


/* font */
.l{ text-align:left !important;}
.c{ text-align:center !important;}
.r{ text-align:right !important;}
.vt{ vertical-align:top !important;}
.vm{ vertical-align:middle !important;}
.underline{ text-decoration:underline;}

/* color */
.cWhite{ color:#fff !important;}
.cGreen{ color:#88b14b !important;}
.cBlue{ color:#2471c8 !important;}
.cBlue2{ color:#98bce5 !important;}
.c333{ color:#333 !important;}
.cRed{ color:#e52a1f !important;}
.font16{ font-size:16px;}
.font14{ font-size:14px;}

/* margin, padding */
.pt0{ padding-top:0 !important;}
.ml0{ margin-left:0 !important;}
.ml10{ margin-left:10px !important;}
.mt0{ margin-top:0 !important;}
.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px !important;}
.mt35{ margin-top:35px !important;}
.mt40{ margin-top:40px !important;}
.mt50{ margin-top:50px !important;}
.mt60{ margin-top:60px !important;}
.mt70{ margin-top:70px !important;}
.mt80{ margin-top:80px !important;}
.ml5{ margin-left:5px !important;}
.ml10{ margin-left:10px !important;}
.ml20{ margin-left:20px !important;}
.ml40{ margin-left:40px !important;}
.mr20{ margin-right:20px !important;}
.mb0{margin-bottom:0!important}
.mb5{ margin-bottom:5px !important;}
.mb10{ margin-bottom:10px !important;}
.mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px !important;}
.mb30{ margin-bottom:30px !important;}
.mb35{ margin-bottom:35px !important;}
.mb40{ margin-bottom:40px !important;}
.mb50{ margin-bottom:50px !important;}
.mb60{ margin-bottom:60px !important;}
.mb70{ margin-bottom:70px !important;}
.mb80{ margin-bottom:80px !important;}

ul:after, div:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;	
}


/**cont4= 이념박스**/
/* ==========================================================================
  #cont4
   ========================================================================== */
#cont4{
	background:url(../images/icons_bg0.png) no-repeat bottom fixed;
	width:100%;
	height:300px;
}
#cont4 .wrap{height:100%; width:1400px;}
#cont4 .wrap .icons_box{
	position:relative;	
	width:100%;
	height:100%;
	display:table;
}
#cont4 .wrap .icons_box ul{
	width:100%;	
	height:100%;
	display:table-cell;
	vertical-align:middle;
}
#cont4 .wrap .icons_box ul li{
	width:25%;
	box-sizing:border-box;
	padding:20px 0;
	float:left;
}
#cont4 .wrap .icons_box ul li:last-child{
	margin-right:0!important	
}
#cont4 .wrap .icons_box ul li a{
	width:100%;
	padding:0 30px;
	box-sizing:border-box;
	display:block;
	color:#fff;
}
#cont4 .wrap .icons_box ul li figure,
#cont4 .wrap .icons_box ul li figcaption{
	width:100%;
	text-align:center;	
}
#cont4 .wrap .icons_box ul li figure{
	height:104px;
	transition:ease-in-out 0.2s;	
}
#cont4 .wrap .icons_box ul li a figure#icon_img1{
	background:url(../images/main_sec01_img1.png) no-repeat center;
}
#cont4 .wrap .icons_box ul li a figure#icon_img2{
	background:url(../images/main_sec01_img2.png) no-repeat center;
}
#cont4 .wrap .icons_box ul li a figure#icon_img3{
	background:url(../images/main_sec01_img3.png) no-repeat center;
}
#cont4 .wrap .icons_box ul li a figure#icon_img4{
	background:url(../images/main_sec01_img4.png) no-repeat center;
}
#cont4 .wrap .icons_box ul li figcaption dl dt{
	color:#fff;
	font-size:27px;
	font-weight:bold;	
	padding:20px 0;
	border-bottom:1px solid rgba(255,255,255,0.5);
	margin-bottom:10px;
}
#cont4 .wrap .icons_box ul li figcaption dl dd{
	color: #bec3b9;
	font-size:18px;	
}

/*footer*/
 footer .footer_wrap {
	margin: 0 auto;
	padding: 60px 0 70px;
	box-sizing: border-box;
	transition: all 0.3s ease;
	position:relative;
	width:1400px
}
.logo_wrap{width:15%; height:97px; display:table; float:left;}
footer .footer_wrap .logo {
    text-align: left;
}
footer .footer_wrap .add-wrap {
    border-top: 1px solid #505050;
    margin-top:25px;
	display:table;
	width:100%;
}
footer .footer_wrap .add-wrap .add-area {
    float: left;
    margin-top: 42px;
}
footer .footer_wrap .add-wrap .add-area .util_area {
    padding:0  0 30px 0 ;
}
footer .footer_wrap .add-wrap .add-area .util_area li {
    float: left;
    margin-left: 15px;
    padding-left: 16px;
    position: relative;
}
footer .footer_wrap .add-wrap .add-area .util_area li:before {
    content: "";
    width: 2px;
    height: 13px;
    background: #ddd;
    position: absolute;
    top: 3px;
    left: 0;
}
footer .footer_wrap .add-wrap .add-area .util_area li:first-child {
    padding-left: 0;
    margin-left: 0;
}
footer .footer_wrap .add-wrap .add-area .util_area li:first-child:before {
    display: none;
}
footer .footer_wrap .add-wrap .add-area .util_area li a {
    font-size: 14px;
    color:#666;
    font-weight: 500;
    transition: all 0.3s ease;
}
footer .footer_wrap .add-wrap .add-area .util_area li a:hover {
    color:#61a032
}
footer .footer_wrap .add-wrap .add-area .util_area li:first-child a:hover {
    color:#fff!important;;
}
footer .footer_wrap .add-wrap .add-area address {
    color: #888;
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px;
	font-weight:300;
}
footer .footer_wrap .add-wrap .sns-area {
    margin-top:95px;
	position:absolute;
	top:0;
	right:0;
}
footer .footer_wrap .add-wrap .add-area p {
	color: #898989;
    font-size: 15px;
    line-height: 24px;
}
footer .footer_wrap .add-wrap .add-area p button {
	color: #898989;
	font-weight:500;
}
footer .footer_wrap .add-wrap .sns-area ul {
   /* overflow: hidden;*/
}
footer .footer_wrap .add-wrap .sns-area ul li {
    float: left;
    margin: 0 16px;
    height:45px;
    line-height:45px;
}
.ftccs{
	background:#a6ce39;
	padding:9px 10px;
	color:#fff !important;
	border-radius:5px;
}
.ftccs:hover{color:#fff !important;}
.sns-area_sele{
	margin-right:0px!important; 
	margin-left:16px !important;; float:left;}

/*푸터전용 셀렉터*/
.sns-area_sele > .nice-select {
	z-index: 17;
    color: #777;
    font-weight: 300;
    -webkit-tap-highlight-color: transparent;
	border-bottom:1px solid #aaa;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 35px;
    line-height: 30px;
    outline: none;
    padding-left: 10px;
    padding-right: 50px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 210px;
}
.sns-area_sele > .nice-select:hover {
    border-color:#a6ce39; color: #61a032;}
.sns-area_sele >  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; z-indeX:60}
.sns-area_sele >  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 7px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
   -ms-transform-origin: 66% 66%;
   transform-origin: 66% 66%;
	
    -webkit-transform: rotate(-135deg);
 	-ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 7px;
	visibility:visible;
}
.sns-area_sele > .nice-select.open:after {
	-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
.sns-area_sele > .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
     transform: scale(1) translateY(0); 
}
.sns-area_sele > .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
.sns-area_sele > .nice-select.wide {
    width: 100%; }
.sns-area_sele > .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
.sns-area_sele > .nice-select.right { float: right; }
.sns-area_sele > .nice-select.right .list { left: auto; right: 0; }
.sns-area_sele > .nice-select.small {font-size: 12px; height: 36px; line-height: 34px; }
.sns-area_sele > .nice-select.small:after { height: 4px; width: 4px; }
.sns-area_sele > .nice-select.small .option { line-height: 34px; min-height: 34px; }
.sns-area_sele > .nice-select .list { 
     background-color: #a6ce39;
    border: 1px solid #a6ce39;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    -webkit-transform-origin:0% 0;
    -ms-transform-origin: 0% 0;
    transform-origin: 0% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px); 
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
    padding: 10px 0px 15px;
    border-radius: 0 0 5px 5px;
}
.sns-area_sele >  .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
.sns-area_sele >  .nice-select .option {
    cursor: pointer;
	width:100% !important;
    font-weight: 400;
    line-height:45px;
    list-style: none;
    max-height: 45px;
	height:45px;
    outline: none;
	margin:-8px 0 !important;
	text-indent:10px;
    text-align: left !important;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
	font-size:15px;
 }
.sns-area_sele >  .nice-select .option a{color:#fff;}
.nice-select .option:hover,
.nice-select .option.focus, 
.nice-select .option.selected.focus 
{ background-color:#a6ce39; text-decoration:underline; font-weight:bold; }
.sns-area_sele > .nice-select .option.selected { font-weight: 300;}
.sns-area_sele > .nice-select .option.disabled {background-color: transparent; color: #999; cursor: default; }

.no-csspointerevents .nice-select .list {display: none; }
.no-csspointerevents .nice-select.open .list {display: block; }
.nice-select ul li:first-child{display:none;}

#top_btn{position:absolute; bottom:0; right:0; margin-bottom:68px; z-index:9999}
#top_btn .top_btn_wp{width:50px; height:50px; border-radius:50%; background:#a6ce39}
#top_btn .top_btn_wp a{display:block; background:url(../images/icon_top_arr.png) no-repeat center center; width:100%; height:100%;}


/*2019-05-23해드 변경요청*/
#gnb-wrap{
	margin-top:10px;!important
}
#gnb>li>a{line-height: 20px!important; font-family: 'Noto Sans KR', sans-serif;}
#header .inner h1.logo{top:20px!important}
#header .inner{height: 90px!important;}
#header .sub-bg{top:95px;}
#gnb>li>.subdepth{margin-top:}


/*개인정보처리방침 및 이용약관*/
.page-tab {
  width: 440px;
  height: 48px;
  margin-bottom: 55px;
}
.page-tab:after {
  content: "";
  display: block;
  clear: both;
}
.page-tab-item {
  width: 50%;
  float: left;
}
.page-tab-item .page-tab-link {
  background: #4d4d4d;
}
.page-tab-item .page-tab-link.on {
  background:#3fb1c8;
}
.page-tab-item:nth-child(1) .page-tab-link {
  border-radius: 5px 0 0 5px;
}
.page-tab-item:nth-child(2) .page-tab-link {
  border-radius: 0 5px 5px 0;
}
.page-tab-link:hover{
  text-decoration:underline;	
}
.page-tab-link {
  display: block;
  width: 100%;
  height: 48px;
  color: #fff;
  text-align: center;
  line-height: 50px;
}
.location-terms-of-use-wrap {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  margin-bottom:100px;
}
.location-terms-of-use-title {
  font-weight: bold;
  font-size:22px;
}
.location-terms-of-use-title2 {
  font-weight: bold;
  font-size:18px;
}
.location-terms-of-use-subtitle{
	font-size:17px;
	margin-bottom:5px;
	color:#666;
	font-weight:bold;	
}
.location-terms-of-use-content {
  margin: 27px 0;
}
.location-terms-of-use-ordered-2depth {
  margin-bottom: 32px;
}
.location-terms-of-use-service-type {
  margin-top: 12px;
  font-size: 22px;
  font-weight: bold;
}
.policy_topbox{
	border-bottom:1px solid #d9d9d9;
}
.section_txt2{
   font-size:15px;
   color:#666;	
   line-height:1.8;
   margin:20px 0;
   letter-spacing:-0.5px;
}
.strong{
	font-weight:bold;
	color:#222	;
	display:block;
	font-size:17px;
	margin-bottom:10px;
}
.strong2{
	color:#666;
	font-weight:bold;	
}
.tb-1.line{
	border-top:2px solid #a6ce39;
	margin:20px 0 40px;	
}
.tb-1 tr, th, td{
	word-wrap:break-word;	
	border-right:1px solid #ddd;	
}
.tbList.hbg tr th, .tbList.hbg tr td{
	padding:13px 0 12px 0;;
	text-align:center;
	border-top:1px solid #ddd;
	font-size:15px;		
}
.tbList.hbg thead tr th{
	background:#f9f9f9;
	font-weight:bold;
	color:#111;	
}
.b_no{
	border-right:0!important	
}
.mgT1{
	font-size:14px;	
	color:#111;
	font-weight:bold;
}
.mgT2{
	font-weight:400;
	font-size:14px;	
	color:#111;			
}
.section h5 {
    font-weight: bold;
    margin-top: 17px;
	font-size:16px;	
}
h4.section_title{
	font-size: 26px;
    letter-spacing: -1px;
    color:#222;
    font-weight:700;	
	
}
.tb-1 tr td:nth-of-type(1), .tb-1 tr td:nth-of-type(3){width:250px!important;}
.tb-1 tr td:nth-of-type(2), .tb-1 tr td:nth-of-type(4){width:350px!important;}

#mail_pop{position:fixed; width:100%; height:100%; top:0; left:0; display:none; z-index:9999}
#mail_pop .no_mail{
	width:900px; 
	height:495px; 
	position:absolute; 
	top:50%; left:50%; 
	border:2px solid #a6ce39; 
	margin-left: -450px;
    margin-top: -275.5px;	
}
.block_mail_address {
    background-color: #f6f6f6;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    height: 100%;
    box-sizing: border-box;
    padding: 85px 30px;
}
.block_mail_address strong{    
	display: block;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 18px;
    padding-top: 180px;
	background:url(../images/ico_mail.png) no-repeat 50% 0;
	line-height:1.4
}
.mail_close{
	position: absolute;
    right: -62px;
    top: -2px;
    width: 60px;
    height: 60px;
	background:url(../images/btn_close_1.png) no-repeat center;
    font-size: 0;
    text-indent: -9999%;
	display:block;
}

@media(max-width:600px) {/* Small Devices, 크기 sm */
/*2021-06-11 추가 사항*/
.partner-list li a{height:65px}
.partner-list li a figure img{ width:auto;}
}

@media(max-width:800px) {/* Small Devices, 크기 sm */
body, html{width:100%; overflow-x:hidden; height:auto;}
.m_hidden{display:none!important}
.ft_fix{display:none!important}
.wrap{width:100%!important;}
#skip_to_container > a{display:none;}
#hd_pop{position: absolute; font-size: 0;line-height: 0;}
#m_header{ position:fixed; width:100%; top:0; left:0; z-index:9999}
#m_head{width: 100%;height: 50px; position:relative;}
.mtop_head{width:100%; height:100%; position:relative; z-index:150; background:#fff;border-bottom:1px solid #bbcc04;}
.mtop_head .logo{top: 0;right: 0; width: 145px; margin:auto; height:100%;}
.mtop_head .logo > a{display: block;width: 100%;height: 100%; background:url(../images/logo.gif) no-repeat center; background-size: auto 30px}
.menu { z-index: 11;position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; border-right:1px solid #ddd }
.burger-menu { position: relative; padding: 17px 15px; width: 100%; height: 100%; }
.burger-wrap { position: relative; width: 100%; height: 100%; }
.burger-wrap span { position: absolute; width: 100%; height: 2px;
    background: #a6ce39;
   -webkit-transition: ease-out .3s;
   -o-transition: ease-out .3s;
   transition: ease-out .3s;
}
.burger-menu[aria-pressed="false"] .burger-top { top: 0; right: 0; }
.burger-menu[aria-pressed="false"] .burger-middle { top: 0; right: 0; bottom: 0; margin: auto; }
.burger-menu[aria-pressed="false"] .burger-bottom { bottom: 0; right: 0; }
.burger-menu[aria-pressed="true"] .burger-top { top: 7px; right: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.burger-menu[aria-pressed="true"] .burger-middle { top: 0; right: 0; bottom: 0; margin: auto; opacity: 0; visibility: hidden; }
.burger-menu[aria-pressed="true"] .burger-bottom { bottom: 7px; right: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.mh_btn{position:absolute; right:0; top:0; width:55px; height:50px;background:#a6ce39; z-index:200}
.mh_btn a{color:#fff; font-size:11px; font-weight:bold; line-height:50px; text-align:center!important; width:100%; height:100%; display:block;}

/*모바일 팝업 레이어*/
#hd_pop{width: 320px!important;min-width: 320px!important;max-width: 320px!important;}
.hd_pops_con {width: 100%!important;height: auto!important;}
#hd_pop .hd_pops_con a{display:block; width:100%; height:100%;}
.hd_pops_footer{font-size:12px;}
.hd_pops{ left:1%!important}
#hd_pops_2{top:1%!important}
#hd_pops_3

/* Mobile Gnb */
#m_header{width:100%; height:50px; position:fixed;top:0; left:0; z-index:99999;}
.m_gnb { z-index: 101; 
	overflow: hidden; 
	position: fixed; 
	top: 0px; left: 0; 
	-webkit-transform: translateX(-101%); transform: translateX(-101%);
    padding-top: 50px; width: 65%; height: 100%;
    -webkit-transition: ease-in-out .55s;
    -o-transition: ease-in-out .55s;
    transition: ease-in-out .55s;
}
.m_gnb #menu-container { padding-bottom: 50px; background: #fff; height:100%;}
.mo_gnb_on { -webkit-transform: translateX(0); transform: translateX(0); }
.menu-login { margin: 7px 0; }
.menu-login li { position: relative; background: #fff; }
.menu-login li a { display: block; padding: 16px 15px 14px 60px; width: 100%; font-size: 13px; }
.login_icon { display: inline-block; vertical-align: middle; position: absolute; top: 9px; left: 15px; width: 30px; height: 30px; background: url('/child/img/icon/icon_profile.png') no-repeat center / 30px; }
.my-page { background: #fff; }
.my-page li { font-size: 14px !important; border-bottom: 1px solid #e5e5e5; }
.my-page li a { display: block; padding: 15px; font-size: 14px; color: #333; font-weight: 500; }
.active-tab .menu-link { background: #fff; }
.accordion-toggle:before{
    content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: linear-gradient(to right, #61a032, #efa81b, #a6ce39);
    -webkit-transition: ease-out .35s;
    -o-transition: ease-out .35s;
    transition: ease-out .35s;
}
.accordion-toggle.active-tab:before { width: 100%; }
.my-page .menu-submenu li { background: #f7f7f7; }
.my-page .menu-submenu li a { padding: 12px 30px; font-size: 13px; font-weight: 400; }

.m-menu-li { border-bottom: 1px solid #e5e5e5; }

.gnb-dimmed { z-index:100; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    animation: dimmed .35s ease-in-out .3s forwards;
}
#menu-container .qk { padding: 7px; height: 80px; text-align: center; font-size: 13px; border-radius: 0; }
#menu-container .q1, #menu-container .q2, #menu-container .q4 { padding-top: 20px; }
#menu-container .qk i { display: block; position: static; height: 20px; background-size: auto 20px; }

#menu-container .menu-list { padding-left: 0; display: block; width: 100%; background: white; overflow-y: auto; overflow-x: hidden; }
#menu-container .menu-list li.accordion-toggle, #menu-container .menu-list .menu-login {
    font-size: 15px;
    text-transform: uppercase;
/*    border-top: 1px solid #dbdcd2;*/
}
#menu-container .menu-list li:first-of-type { border-top: 0; }
.accordion-toggle, .accordion-content { font-size: 16px; position: relative; letter-spacing: 1px; }
.accordion-content { display: none; }
.accordion-toggle a:before, .accordion-toggle a:after { content: ''; display: block; position: absolute; top: 50%; right: 30px; width: 15px; margin-top: -1px;
     background-color: #333; height: 1px;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: ease-out 0.35s;
    transition: ease-out 0.35s; }
.accordion-toggle a:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 1; z-index: 2; }
.accordion-toggle a.active:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    background: #333 !important; }
.accordion-toggle a.active:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background: #333 !important; opacity: 0; }

@keyframes dimmed {
    o% { background: rgba(0,0,0,0); }
    100% { background: rgba(0,0,0,.55); }
}


/*슬로건*/
#cont4{ background:url(../images/icons_bg0.png) no-repeat center; background-size:cover; height: auto!important}
#cont4 .wrap .icons_box ul li{
	width:50%!important; 
	border-right:1px solid rgba(255,255,255,0.2); 
	border-bottom:1px solid rgba(255,255,255,0.2)
}
#cont4 .wrap .icons_box ul li:nth-of-type(2), #cont4 .wrap .icons_box ul li:nth-of-type(4){border-right:0;}
#cont4 .wrap .icons_box ul li:nth-of-type(3), #cont4 .wrap .icons_box ul li:nth-of-type(4){border-bottom:0;}
#cont4 .wrap .icons_box ul li figure{ width:65px; height:65px!important; background-size:100% auto!important; margin: 0 auto}
#cont4 .wrap .icons_box ul li a{padding:0 6%!important}
#cont4 .wrap .icons_box ul li figcaption dl dt{font-size:1.2rem!important; margin-bottom:0!important; border:0; padding:5px 0 3px 0 }
#cont4 .wrap .icons_box ul li figcaption dl dd{font-size:14px; }


/* footer */
.footer{padding:0px 0 30px;background:#fff; position:relative}
.footer .snsArea{margin:0 0 15px;text-align:center;}
.footer .snsArea a{display:inline-block;margin:0 4px;width:39px;height:39px;background-repeat:no-repeat;background-size:190px 20px;background-image:url(../images/footer_sns.png);text-indent:-9999px;}
.footer .snsArea .naverBlog{background-position:11px 9px;}
.footer .snsArea .band{background-position: -34px 9px;}
.footer .snsArea .insta{background-position:-165px 9px;}
.footer .snsArea .facebook{width:32px;background-position:-82px 9px;}
.footer .snsArea .youtube{background-position:-121px 11px;}


.footer .termArea{padding:0 25px;}
.footer .termArea:after{content:'';display:block;clear:both;}
.footer .termArea li{float:left;margin:15px 0 0;padding:0 9px;}
.footer .termArea li:nth-child(3n+1){padding-left:0;}
.footer .termArea li:nth-child(2){border-left:1px solid #666;border-right:1px solid #666;}
.footer .termArea li a{font-size:12px;color:#444;}
.footer .termArea li:first-child a{color:#61a032;}

.footer .footerCont{margin:20px 25px 0;padding:20px 0 0;border-top:1px solid #393939;}
.footer .footerCont:after{content:'';display:block;clear:both;}
.footer .footerCont .logo{float:left;width:56px;height:36px;margin:0 13px 0 0;background:url(../images/footer_logo.png) no-repeat 0 0;background-size:56px auto;text-indent:-9999px;}
.footerIntro{float:left;width:calc(100% - 69px);font-weight:300;color:#999;font-size:13px;line-height:18px;}
.footerIntro .address{margin:0 0 15px;}
.footerIntro .intro span{display:inline-block;margin:0 2px 0 0;color:#666;}
.footerIntro .intro a{color:#999;}
.footerIntro .copyright{margin:15px 0 0;color:#999;font-size: 11px;}


.top-f{background:#f4f4f4; padding: 20px 0 10px; margin-bottom:10px;}
.sns-area_sele{margin:0!important; float:none;}
.sns-area_sele > .nice-select{border-bottom:0; border:1px solid #aaa; margin:0 auto 20px; float:none; background:#fff;}
#top_btn{left:0!important; bottom:0!important; margin-left:15px; margin-bottom:0px; margin-bottom:30px}
.sound_only{
	display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;}
	
/*개인정보처리방침*/
.section_title{display:none}
.ctt_privacy h3{margin-top:30px!important;}
.section_txt2, .tMg1, .mgT2, .stxt{font-size: 3.2vw; letter-spacing:-0.5px;}
.tbList.hbg tbody tr td{width:auto!important; box-sizing:border-box; padding: 8px 5px 6px;}	
.tbList.hbg tr th, .tbList.hbg tr td{font-size:2.3vw;}
.tb-1 tr, th, td{border-right:0;}
.tbList.hbg tr th, .tbList.hbg tr td{border-right:1px solid #ddd}
.tbList.hbg tr th:last-child, .tbList.hbg tr td:last-child{border-right:0}
.footer .termArea li:last-child{padding-right:0}

#mail_pop{box-sizing:border-box; padding:0 30px;}
#mail_pop .no_mail{width: 100%;height:47vh;margin: 0;left: 0;top: 50%; margin-top: -35%;}
.mail_close{width:30px; height:30px; background-size:100% auto;right: 0px;}
.block_mail_address{padding:30px 10px; font-size:3vw;line-height: 1.7;}
.block_mail_address strong{ background: url(../images/ico_mail.png) no-repeat 50% 10%; background-size:20% auto; padding-top:100px;font-size: 4vw; margin-bottom:10px;}
}

@media (min-width:801px) {/* Large Devices, 크기 lg  pc용*/
.pc_hidden{display:none!important}
/*해드*/
.active{display:block!important}
#header{ 
	position:fixed; 
	top:0; 
	left:0; 
	width:100%; 
	padding:0; 
	z-index:100; 
	background:#fff;
	border-bottom: #bbcc04 1px solid;	
}
#header .inner{ 
	position:relative; 
	width:1400px; 
	height:110px; 
	margin:0 auto; 
	padding:36px 0 0 0;
}
#header .inner h1.logo{ position:absolute; top:28px; left:0; width:243px; z-index:999}
#header .inner h1.logo a{ 
	display:block; 
	background:url(../images/logo.gif) 50% 50% no-repeat; 
	height:56px; 
	text-indent:-9999px;
}
#header .sub-bg{ 
	z-index:1; 
	width:100%; 
	height:300px; 
	position:absolute; 
	top:96px; 
	left:0; 
	background-color:#fff; 
	border-top:#bbcc04 1px solid; 
	display:none; 
	box-shadow:1px 1px 3px rgba(170,170,170,0.2)
}
#header #sponsor_btn{
	width:165px;
	height:47px;
	position:absolute;
	top:24px;
	right:0;	
	z-index:999;
}
#header #sponsor_btn > a{
	width:100%;
	height:100%;
	background:#a6ce39;	
	display:block;
	text-align:center;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	box-sizing:border-box;;
	line-height:45px;
}
#gnb-wrap{ 
	position:relative; 
	padding:0 0 0 340px; 
	z-index:2;
}
#gnb>li{ float:left; margin-right:62px;}
#gnb>li>a{ 
    position: relative;
    line-height: 44px;
    padding: 0 35px 30px;
    color: #333;
    font-size: 22px;
    font-weight:500;
    display: block;
    font-family: 'Noto Sans KR', sans-serif;
}
#gnb>li>a>strong{ color:#a6ce39;}
#gnb>li>a:hover,
#gnb>li:hover>a{ color:#a6ce39; }
#gnb>li>a:hover:after,
#gnb>li:hover>a:after{ 
	content:""; 
	position:absolute; 
	bottom:0; 
	left:50%; 
	margin-left:-25px; 
	width:50px; 
	height:2px; 
	display:block; 
	background-color:#61a032;
}
#gnb>li>.subdepth{
	position:absolute;
	top:40px;
	left:0;
	padding:40px 0 0;
	height:300px;
	text-align:left;
	/* display:none; */
}

.sch-inner{ 
	position:fixed; 
	top:111px; 
	left:0;  
	background-color:#fff; 
	width:100%; 
	z-index:5; 
	border-top:#e00529 1px solid; 
	padding:80px 0; 
	display:none;
}
.sch-inner .form{ 
	position:relative; 
	margin:0 auto; 
	padding:0 60px 0 0; 
	width:570px; 
	border-bottom:#ccc 1px solid;
}
.sch-inner .form .input{ 
	line-height:60px; 
	height:60px; 
	width:100%; 
	display:block; 
	border:none; 
	text-align:center; 
	font-size:22px; 
	color:#333; 
	font-weight:600; 
}
.sch-inner .form .bt-sch{ 
	position:absolute; 
	top:0; 
	right:0; 
	width:60px; 
	height:60px; 
	background:url(../images/common/icon_search2.png) 100% 50% no-repeat; 
	display:block; 
	text-indent:-9999px;} 

.subdepth:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.subdepth .maj-bx{ width:280px; float:left;}
.subdepth .maj-bx .thum{ display:block; margin:0 0 15px 0;}
.subdepth .maj-bx .thum img{ display:block; width:100%;}
.subdepth .maj-bx .tbx{ 
	display: block;
    color: #111;
    font-size: 14.5px;
    letter-spacing: -0.3px;
	word-break:keep-all;
}
.subdepth .maj-bx .tbx strong{ color:#e00529; font-weight:400;}
.subdepth .sDepth{ float:left; margin:0 0 0 30px; border-right:#f3f3f3 1px solid; }
.subdepth .sDepth:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.subdepth .sDepth>li{ 
	width:222px; 
	min-height:235px; 
	float:left; 
	border-left:#f3f3f3 1px solid; 
	padding:0 0 0 30px;}
.subdepth .sDepth>li>a{ 
	color:#a6ce39; 
	font-size:18px; 
	font-weight:600; 
	line-height:1; 
	display:block; 
	font-family: 'Noto Sans KR', sans-serif;
}
.subdepth .sDepth>li>ul{ margin-top:25px;}
.subdepth .sDepth>li>ul>li>a{ 
	position:relative; 
	font-size:15px; 
	color:#111; display:block; 
	line-height:32px; 
	padding:0 0 0 10px;}
.subdepth .sDepth>li>ul>li>a:before{ 
	content:""; 
	position:absolute; 
	top:13px; left:0; 
	border-radius:50%; 
	width:2px; height:2px; 
	background-color:#757575; display:block; }
.subdepth .sDepth.no_bl>li:last-child>ul>li>a:before{display:none;}	
.subdepth .sDepth>li>ul>li>a:hover{ color:#61a032; text-decoration:underline;}
.subdepth .sDepth>li>div{ position:relative; margin-top:25px; min-height:180px;}
.subdepth .sDepth>li>div.commSub01{ 
	background:url(../images/common/gnb_icon0301.png) 100px 100% no-repeat;}
.subdepth .sDepth>li>div.commSub02{ 
	background:url(../images/common/gnb_icon0302.png) 100px 100% no-repeat;}
.gnb3 .subdepth .sDepth>li{ width:222px;}

}



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#gnb-wrap{
	margin-top:14px;!important
}
#header .inner h1.logo{top:18px!important}
#gnb>li>a{padding:0 35px 37px!important;font-family:"Noto Sans KR", sans-serif; font-weight:600;line-height:4px!important;}
#header #sponsor_btn{top:20px;}
#mainVisual{margin-top:90px!important}	
#header .sub-bg{top:90px;}	
#gnb > li > .subdepth{top:25px;}
#cont4 .wrap .icons_box ul li figcaption dl dt{margin-bottom:20px;}
.slick-dots li:before{top:12px;}
.slick-dots li:after{top:6px;}
.ftccs{padding:5px 10px;}
}