@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");

*{margin:0;padding:0}
ol, ul, li{list-style:none}
input{outline-width:0;padding:7px;border:1px solid #d7d7d7;/*ios대응*/-webkit-appearance:none;-webkit-border-radius:0}
button, select, fieldset{border:none;outline-width:0;cursor:pointer}
input[type="text"]{cursor:text}
caption, legend{font-size:0;line-height:0;width:0;height:0;overflow:hidden;visibility:hidden;/*display:none;*/}
legend{position:absolute;top:0;left:-9999px}
img{border:0 none}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;zoom:1;width:100%;empty-cells:show}
th,td{word-wrap:break-word}
a{text-decoration:none;cursor:pointer;color:#666}
table a:hover{text-decoration:underline;color:#333}
/*a:focus{outline:none !important}*/
i, em, address{font-style:normal;font-weight:normal}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.container{max-width:1920px;margin:0 auto}
#dvHeader{max-width:1920px;margin:0 auto}
.pointer{cursor:pointer}
.memu-center{margin-left:25%;width:420px}
.btn-level{width:200px!important;padding-left:25px!important;font-size:1.0rem!important;height:45px!important;z-index:1!important}
.align-center{text-align:center}
.align-left{text-align:left!important}

/*드래그 컬러(s)*/
::selection{
  background:#cca674;
  color:#fff;
  text-shadow:none
}
::-moz-selection{
  background:#cca674;
  color:#fff;
  text-shadow:none
}
::-webkit-selection{
  background:#cca674;
  color:#fff;
  text-shadow:none
}
/*드래그 컬러(e)*/


/*float*/
.fl{float:left}
.fr{float:right}
.hidden{display:none!important}
.perfact25{font-weight:700;text-decoration:underline}
.bold-phone{font-weight:bold;font-size:17pt}

/*폰트*/
html, body{
  /* overflow:hidden;*/
  font-family:"Montserrat", "Noto Sans KR", "sans-serif"
}

.normal{font-weight:400}
.bold{font-weight:700}
.bolder{font-weight:800}
.light{font-weight:300}

.tc{text-align:center!important}
.tl{text-align:left!important}
.tr{text-align:right!important}

/*color*/
.red{color:red!important}
.blue{color:#004ea2}
.gray{color:#888}
.thick_gray{color:#666}
.orange{color:#ff9400}


/*border*/
.bd_t{border-top:1px solid #e3e3e3}
.bd_b{border-bottom:1px solid #e3e3e3}
.bd_l{border-left:1px solid #e3e3e3}
.bd_r{border-right:1px solid #e3e3e3}


/*display*/
.dp_no{display:none}
.dp_inline{display:inline-block}

/*clear*/
.cl{clear:both}

/*버튼*/
.btn_lg{padding:20px 50px;font-size:20px;display:inline-block}
.btn_md{padding:15px 30px;font-size:18px;display:inline-block}
.btn_sm{padding:10px 20px;font-size:16px;display:inline-block}
.btn_xsm{padding:8px 13px;font-size:14px;display:inline-block}
.btn_xxsm{padding:5px 8px;font-size:12px;display:inline-block}
.btn_lg:hover,
.btn_md:hover,
.btn_sm:hover,
.btn_xsm:hover,
.btn_xxsm:hover{text-decoration:none;color:#fff}
.btn_radius{border-radius:30px}

/*width*/
.w6{width:6%;box-sizing:border-box}
.w10{width:10%;box-sizing:border-box}
.w20{width:20%;box-sizing:border-box}
.w25{width:25%;box-sizing:border-box}
.w30{width:30%;box-sizing:border-box}
.w40{width:40%;box-sizing:border-box}
.w50{width:50%;box-sizing:border-box}
.w60{width:60%;box-sizing:border-box}
.w70{width:70%;box-sizing:border-box}
.w75{width:75%;box-sizing:border-box}
.w80{width:80%;box-sizing:border-box}
.w85{width:85%;box-sizing:border-box}
.w90{width:90%;box-sizing:border-box}
.w95{width:95%;box-sizing:border-box}
.w100{width:100%;box-sizing:border-box}

/*font-size*/
.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f0_85e{font-size:0.85em}

.lh_1-3{line-height:1.3}

/*margin,padding*/
.mgt-5{margin-top:-5px}
.mgt-30{margin-top:-30px}
.mgt-35{margin-top:-35px}
.mgt-40{margin-top:-40px}
.mgt5{margin-top:5px!important}
.mgt10{margin-top:10px}
.mgt15{margin-top:15px}
.mgt20{margin-top:20px}
.mgt25{margin-top:25px}
.mgt30{margin-top:30px}
.mgt35{margin-top:35px}
.mgt40{margin-top:40px}
.mgt45{margin-top:45px}
.mgt50{margin-top:50px}
.mgt55{margin-top:55px}
.mgt60{margin-top:60px}
.mgt65{margin-top:65px}
.mgt70{margin-top:70px}
.mgt75{margin-top:75px}

.mgb_no{margin-bottom:0!important}
.mgb5{margin-bottom:5px!important}
.mgb10{margin-bottom:10px}
.mgb15{margin-bottom:15px}
.mgb20{margin-bottom:20px}
.mgb25{margin-bottom:25px}
.mgb30{margin-bottom:30px}
.mgb35{margin-bottom:35px}
.mgb40{margin-bottom:40px}
.mgb45{margin-bottom:45px}
.mgb50{margin-bottom:50px}
.mgb55{margin-bottom:55px}
.mgb60{margin-bottom:60px}
.mgb65{margin-bottom:65px}
.mgb70{margin-bottom:70px}
.mgb75{margin-bottom:75px}

.mgr5{margin-right:5px}
.mgr10{margin-right:10px}
.mgr15{margin-right:15px}
.mgr20{margin-right:20px}
.mgr25{margin-right:25px}
.mgr30{margin-right:30px}
.mgr35{margin-right:35px}
.mgr40{margin-right:40px}
.mgr45{margin-right:45px}
.mgr50{margin-right:50px}
.mgr55{margin-right:55px}
.mgr60{margin-right:60px}
.mgr65{margin-right:65px}
.mgr70{margin-right:70px}
.mgr75{margin-right:75px}

.mgl3{margin-left:3px}
.mgl5{margin-left:5px}
.mgl10{margin-left:10px}
.mgl15{margin-left:15px}
.mgl20{margin-left:20px}
.mgl25{margin-left:25px}
.mgl30{margin-left:30px}
.mgl35{margin-left:35px}
.mgl40{margin-left:40px}
.mgl45{margin-left:45px}
.mgl50{margin-left:50px}
.mgl55{margin-left:55px}
.mgl60{margin-left:60px}
.mgl65{margin-left:65px}
.mgl70{margin-left:70px}
.mgl75{margin-left:75px}

.pdt4{padding-top:4px}
.pdt5{padding-top:5px}
.pdt10{padding-top:10px}
.pdt15{padding-top:15px}
.pdt20{padding-top:20px}
.pdt25{padding-top:25px}
.pdt30{padding-top:30px}
.pdt35{padding-top:35px}
.pdt40{padding-top:40px}
.pdt45{padding-top:45px}
.pdt50{padding-top:50px}
.pdt55{padding-top:55px}
.pdt60{padding-top:60px}
.pdt65{padding-top:65px}
.pdt70{padding-top:70px}
.pdt75{padding-top:75px}

.pdb4{padding-bottom:4px}
.pdb5{padding-bottom:5px}
.pdb10{padding-bottom:10px}
.pdb15{padding-bottom:15px}
.pdb20{padding-bottom:20px}
.pdb25{padding-bottom:25px}
.pdb30{padding-bottom:30px}
.pdb35{padding-bottom:35px}
.pdb40{padding-bottom:40px}
.pdb45{padding-bottom:45px}
.pdb50{padding-bottom:50px}
.pdb55{padding-bottom:55px}
.pdb60{padding-bottom:60px}
.pdb65{padding-bottom:65px}
.pdb70{padding-bottom:70px}
.pdb75{padding-bottom:75px}

.pdr5{padding-right:5px}
.pdr10{padding-right:10px}
.pdr15{padding-right:15px}
.pdr20{padding-right:20px}
.pdr25{padding-right:25px}
.pdr30{padding-right:30px}
.pdr35{padding-right:35px}
.pdr40{padding-right:40px}
.pdr45{padding-right:45px}
.pdr50{padding-right:50px}
.pdr55{padding-right:55px}
.pdr60{padding-right:60px}
.pdr65{padding-right:65px}
.pdr70{padding-right:70px}
.pdr75{padding-right:75px}

.pdl5{padding-left:5px}
.pdl10{padding-left:10px}
.pdl15{padding-left:15px}
.pdl20{padding-left:20px}
.pdl25{padding-left:25px}
.pdl30{padding-left:30px}
.pdl35{padding-left:35px}
.pdl40{padding-left:40px}
.pdl45{padding-left:45px}
.pdl50{padding-left:50px}
.pdl55{padding-left:55px}
.pdl60{padding-left:60px}
.pdl65{padding-left:65px}
.pdl70{padding-left:70px}
.pdl75{padding-left:75px}

.pdn{padding:0!important}
.pdl_n{padding-left:0!important}
.pdr_n{padding-right:0!important}
.pdt_n{padding-top:0!important}
.pdb_n{padding-bottom:0!important}
.pd20{padding:20px}
.pd30{padding:30px}


/* Layout */
.header{
  top:0;
  width:100%;
  max-width:1920px;
  height:80px;
  border-bottom:1px solid #ebebeb;
  background:#fff;
  position:fixed;
  z-index:1000
}
.header a{text-decoration:none}
.header h1{
  top:50%;
  left:50px;
  transform:translateY(-50%);
  position:absolute
}
.header .menu{
  top:50%;
  width:70%;
  text-align:left;
  transform:translateY(-50%);
  position:absolute
}

.header .menu li{
  padding:0 20px;
  display:inline-block
}
.header .menu li a{
  font-size:1rem;
  font-weight:700;
  color:#333
}
#submenu_1 li a.active,
.header .menu li a.active{color:#cca674}
#submenu_1 li a.hover,
#submenu_1 li a.active:hover,
.header .menu li a:hover,
.header .menu li a.active:hover{color:#383fe7}

.header .icon{
  top:50%;
  right:50px;
  transform:translateY(-50%);
  position:absolute
}
.header .icon li{
  padding-left:10px;
  vertical-align:middle;
  display:inline-block
}
/*.header .icon li:first-child{margin-right:100px;text-align:end}*/
.header .icon li:first-child img{width:70%}
.mb_header{display:none}

/*히단셀렉트박스 */
.desc{color:#e8e8e8}
.desc a{color:#fff}

.dropdown{
  /* width:150px;*/
  margin:0;
  display:inline-block
}
.dropdown dd, .dropdown dt, .dropdown ul{
  margin:0;
  padding:0
}
.dropdown dd{position:relative}
.dropdown a, .dropdown a:visited{
  width:220px;
  font-size:0.8rem;
  border-radius:25px;
  color:#b1b1b1;
  outline:none;
  text-decoration:none;
}
.dropdown a:hover{color:#3b3b3b}
.dropdown dt a:hover{color:#ccc}
.dropdown dt a{
  padding-right:20px;
  width:220px;
  height:33px;
  background:#565656 url("../images/common/arrow.png") no-repeat scroll right center;
  display:block
}
.dropdown dt a span{
  line-height:29px;
  padding-left:10px;
  cursor:pointer;
  display:block
}
.dropdown dd ul{
  width:auto;
  min-width:210px;
  top:0;
  left:0;
  padding:5px 0;
  list-style:none;
  text-align:left;
  border:1px solid #ccc;
  color:#515151;
  background:#565656 none repeat scroll 0 0;
  display:none;
  position:absolute;
}
.dropdown span.value{display:none}
.dropdown dd ul li a{
  padding:10px;
  display:block
  /*padding-left:11px*/
}
.dropdown dd ul li a:hover{background-color:#e8e8e8}
.dropdown img.flag{
  padding:11px;
  border:none;
  vertical-align:middle
}
.flagvisibility{display:none}

/*modal */
.overlay{
  width:100%;
  height:100%;
  top:0;
  left:0;
  background:rgba(0, 0, 0, 0.8);
  z-index:1000000;
  position:fixed
}
#dvLoading {
  width:100%;
  height:100%;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:rgba(0,0,0,0.8);
  z-index:1000000;
  position:fixed
}
#dvLoading .loading{
  top:50%;
  left:50%;
  font-size:50px;
  color:white;
  transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  position:absolute
}

.modal{
  width:300px;
  left:50%;
  top:50%;
  margin-left:-150px;
  background:#fff;
  box-shadow:3px 3px 10px #333;
  transform:translateY(-50%);
  z-index:100000000000;
  position:fixed
}

.pop_header{
  padding:18px 20px;
  background:#cca674;
  text-align:left
}
.pop_header h3{
  max-width:90%;
  font-size:24px;
  font-weight:normal;
  color:#fff;
  display:inline-block
}
.pop_header .close{
  width:25px;
  height:25px;
  margin-top:3px;
  float:right;
  background:url("../images/common/icon_close_white.png")no-repeat;
  text-indent:-9999px
}

.pop_content{padding:20px 15px;text-align:center}
.pop_content .content{width:100%;margin-bottom:15px}
.pop_content .pop_title{
  font-size:18px;
  font-weight:500;
  margin-bottom:25px;
  color:#333
}
.pop_content .pop_title2{
  font-size:20px;
  font-weight:700;
  padding-bottom:7px;
  color:#333;
  border-bottom:1px solid #ccc
}
.pop_content .pop_txt{
  font-size:14px;
  line-height:1.3em;
  padding-top:15px;
  color:#333
}
.pop_content .customer{
  margin-top:30px;
  padding-top:20px;
  border-top:1px solid #e3e3e3;
  display:inline-block
}
.pop_content .customer .icon{float:left}
.pop_content .customer p{float:left;width:60%;margin-left:15px;box-sizing:border-box;margin-top:10px}
.pop_content .customer p span{width:100%;display:inline-block;text-align:left;color:#555;font-size:12px}
.pop_content .customer p span:first-child{font-size:15px;font-weight:700;margin-bottom:5px}


.pop_footer{
  width:100%;
  text-align:center;
  border-top:1px solid #e3e3e3
}
.pop_footer .close{
  color:#fff;
  font-weight:700
}
.pop_footer ul li{
  float:left;
  width:50%;
  display:inline-block;
  padding:15px 0
}
.pop_footer ul li a{color:#fff}
.pop_footer ul .no_agree{background:#afafaf}
.pop_footer ul .agree{background:#333}

.footer{width:100%;padding:0 10px;box-sizing:border-box}
.footer .f_left, .footer .address, .footer .right{
  float:left;
  text-align:left
}
.footer .f_left{width:10%;padding-right:35px;text-align:right}
.footer .f_left h3{margin-top:0}
.footer .address{width:85%}
.footer .address ol li{display:inline-block}
.footer .address ol li a{
  text-decoration:none;
  font-size:0.9rem
}
.footer .address ol li:first-child a{color:#818285}
.footer .address ol li:nth-child(2) a{color:#ebebeb}
.footer .address p{
  color:#818285;
  font-size:0.9rem;
  line-height:1.5rem;
  margin-top:20px;
  word-break:keep-all
}
.footer .address .copy{
  margin-top:30px;
  font-size:0.7rem;
  line-height:1rem
}
.footer .right{
  width:30%;
  padding-left:30px;
  box-sizing:border-box
}


/*================미디어 쿼리 시작============*/
@media all and (max-width:1249px){
  .header .icon li:first-child{display:none}
}

@media all and (max-width:1024px){
  .footer{padding-bottom:70px}
  .footer .f_left, .footer .address, .footer .right{
    float:none;
    text-align:center;
    width:100%
  }

  .footer .address{margin-top:30px}
  .footer .right{padding-left:0;text-align:center;margin-top:30px}
  .footer .right .selectbox{margin:0 auto}
  .footer .right .selectbox a{text-align:left}
}

@media all and (max-width:920px){
  .header{display:none}
  .mb_header{display:block}
  /*mob*/
  .mb_header{
    width:100%;
    height:50px;
    top:0;
    left:0;
    background:#fff;
    z-index:10000;
    border-bottom:1px solid #ebebeb;
    position:fixed;
    display:flex
  }
  .mb_header h1{width:65%;top:57%;left:30px;transform:translateY(-50%);position:absolute}
  .mb_header h1 img{width:35%}
  .mb_header .menu_icon{top:51%;right:22px;cursor:pointer;transform:translateY(-50%);position:absolute}
  .mb_header .menu_icon a{display:inline-block;text-align:right}
  .mb_header .menu_icon a img{width:40%}
  .mb_header ol{top:51px;width:100%;height:100vh;background-color:#333;position:absolute}
  .mb_header ol li .menu{
    width:100%;
    text-align:center;
    font-size:2rem;
    padding:5vh 0;
    color:#fff;
    background:#333;
    display:inline-block
  }
  .mb_header ol li:first-child{padding-top:5vh}
  .mb_header ol .icon_area{background:#333;padding:5vh 0;text-align:center}
  .mb_header ol .icon_area a{display:inline-block;width:45px;padding:0 2vh;vertical-align:middle}
  .mb_header ol .icon_area a img{width:100%}

  .background:first-child .content-title,
  .background:first-child .content-subtitle{padding:0 30px;box-sizing:border-box}
}


@media all and (max-width:1024px){
  .footer .f_left{padding-right:0}
}
@media all and (max-width:640px){
  .mb_header ol li .menu{font-size:1.5rem}
  .mb_header ol .icon_area a{width:35px}
  .mb_header h1 img{width:40%}
}
@media all and (max-width:600px){
  .mb_header h1 img{width:50%}
}
@media all and (max-width:490px){}
@media all and (max-width:320px){}