html {overflow:auto; min-height: 780px;min-width:340px;  }
body {margin:0;padding:0;font-size:0.75em; height:100%;font-family: 'Pretendard'; -webkit-font-smoothing: antialiased;/*overflow:auto;*/ -moz-osx-font-smoothing: grayscale;  position: relative; width: 100%; letter-spacing:.3px; min-width:340px;margin:0 auto; } 
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Pretendard';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle; font-family: 'Pretendard';}
input, button {margin:0;padding:0;font-size:1em;font-family: 'Pretendard';;}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em; -webkit-appearance:none}
textarea, select {font-size:1em;font-family: 'Pretendard';}
textarea {border-radius:0;-webkit-appearance:none;font-family: 'Pretendard';;}
select {margin:0;background:none;font-family: 'Pretendard';}
p {margin:0;padding:0;word-break:break-all; font-family: 'Pretendard';}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none; font-weight:400; font-family: 'Pretendard';}
ul,li,dl,dt,dd {padding:0;margin:0; font-family: 'Pretendard';}
ul {list-style:none}
*,:after,:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
input[type="text"]:focus {outline: none;}
input[type="password"]:focus {outline: none;}
textarea:focus {outline: none;}
input[type="text"]::placeholder {color:#ccc;}
input[type="password"]::placeholder {color:#ccc;}
textarea::placeholder {color:#ccc;}




.header--fixed{position:fixed;z-index:11;right:0;left:0;top:0}
.slideDown {display: block;}
.headroom--not-top {top:0px; background:#fff;}
.headroom--top {top:0; background: #fff;}
/*.slideUp {top:-125px;}*/

.header {height:70px; width:100%; padding:0px 40px; transition: .3s; z-index: 11; background:#fff;}
/*.header:hover {background:#fff;}*/
.header:after {content:''; clear: both; display: table;}

.header .logo {float:left; margin-top:21px; position: relative; z-index: 1; transition: .3s;}
.header .logo img {width:116px;}
.header:hover .logo img {filter: initial;} 
.headroom--not-top .logo img {filter: initial;} 



@media screen and (min-width:1200px) {
.header nav {position: absolute; top:0px; height:100%; width:100%; z-index: 0; left:0;}
.header nav ul {text-align:center;}
.header nav>ul:after {content:''; position: absolute; left:0; width:100%; top:70px; height:0px; background:#fff; transition: .3s; z-index: 1; border-top:1px solid #fff;}
.header:hover nav>ul:after {height:208px; border-top:1px solid #D2D2D7;}
.header nav ul li {display: inline-block; padding:25PX 64px 0 0px; font-size:18px; position: relative;}
.header nav ul li:last-child {margin-right:0;}
.header nav ul li a {color:#2B2E33; transition: .3s; display: inline-block; font-weight:600; letter-spacing: .5px;} 
.header nav ul li a:hover {color:#5E318F; }

.header nav ul li ul {position: absolute; left:0; top:75px; width:180px; height:0px; overflow: hidden;  z-index: 2; transition: .3s; }
.header:hover nav ul li ul {height:208px;  padding:14px 0; }
.header nav ul li a img {display: none;}
.header nav ul li ul li {display: inline-block; padding:6px 0px; width:100%; text-align: left;}
.header nav ul li ul li a { color:#878787; transition: .3s; font-size:14px; font-weight:400; border-bottom:1px solid #fff; transition: .3s; }
.header:hover nav ul li ul li a { color:#878787;}
.header nav ul li ul li a:hover {color:#2B2E33; border-bottom:1px solid #2B2E33;}
.headroom--top nav ul li ul:after {content:''; top:100px;}
.header nav .close {display: none;}
.header nav ul li.mo_last {display: none;}
.header nav ul li.mo_login {display: none;}

.headroom--not-top {border-bottom:1px solid #eee;}
.headroom--not-top nav ul li a {color:#111;}
.headroom--not-top nav ul li ul li a { color:#fff;}
.headroom--not-top .logo img {filter: initial;} 
}
.header .r_con {float:right;  margin-top:14px; position: relative; z-index: 1;}
.header .r_con button {height:42px; border:none; background:#5E318F; padding:0 16px; border-radius:30px; color:#fff; font-size:18px; font-weight:300; margin-left:4px;}
.header .r_con button.col1 {border:1px solid #5E318F; background:#fff; color:#5E318F; font-weight:700;}
.header .r_con .mo_open {display: none;}

.headroom--not-top .r_con .a0 {color:#444; font-weight:500;}
.headroom--not-top .r_con .a1 {color:#111; font-weight:500;}
.headroom--not-top .r_con .a1 img {filter:invert(1);}


@media screen and (max-width:1199px) {
  .header {padding:0 20px;}
  .headroom--not-top {box-shadow: 0 0 8px rgba(0,0,0,.2);}
  .slideUp {}
  .header.on .logo {position: relative; z-index: 11; margin-top:36px; margin-left:10px;}

  .header nav {position: fixed; right:-100%; top:0; background:#fff; padding: 100px 30px 0 30px; width:100%; height:100%; z-index: 10; transition: .3s}
  .header.on nav {right:0;}

  .header .r_con {width:auto; position: absolute; right:55px; top:16px; margin:0; z-index: 12;}
  .header .r_con .a1 {display: none;}
  .header .r_con .con_box .c_more {display: none;}
  .header .r_con .a2 {float:left;}
  .header .r_con .mo_open {display: block; float:right; margin-top:7px; }
  .header:hover .r_con .mo_open {filter:invert(1);}
  .headroom--not-top .r_con .mo_open {filter:invert(1);}
  .header .r_con .a0 {display:none;}
  .header .r_con button {height:38px; font-size:16px;}

  .header nav {display: block; overflow-y: scroll;}
  .header nav::-webkit-scrollbar {display: none;}
  .header nav .close {position: absolute; right:20px; top:20px; border:none; background:none; }
  .header nav .close img {width:22px; filter: invert(1);}
  .header nav ul li {font-size:14px; cursor: pointer; padding:0; -webkit-tap-highlight-color: rgba(0,0,0,0);}
  .header nav ul li a {color:#333;}
  .header nav ul li a.mo_link {pointer-events: none; }
  .header nav ul>li>a {font-size:18px; display: inline-block; width:100%; padding:15px 0; color:#2B2E33; font-weight:600;}
  .header nav ul>li>a img {transform: rotate(-90deg); width:13px; float:right; margin-top:6px; transition: .3s; filter:invert(1); opacity: .4;}
  .header nav ul>li ul {margin-bottom:30px; transition: .3s; height:0; overflow: hidden; margin-bottom:0px; transition: .3s;}
  .header nav ul>li ul li a {font-size:14px; padding:7px 0; color:#878787; font-weight:300;}
  .header nav ul li.on ul {height:auto; margin-bottom:10px;}
  .header nav ul li.on a img {transform: rotate(0deg);}

  .header nav ul>li.mo_last {padding-top:10px; margin-top:20px;border-top:1px solid #eee}
  .header nav ul>li.mo_last a {font-size:16px; }

  .header nav ul>li.mo_login {text-align: center;}
  .header nav ul>li.mo_login a {display: inline-block; width:auto; margin:0 10px; font-size:14px; color:#999;}

  .header nav ul>li>ul>li:last-child {padding:0;margin:0;border:none;}
  .header nav ul>li>ul>li:last-child a {font-size:15px;}
  .header nav ul>li .c_img {float:inherit; margin-top:-3px; transform: rotate(0); margin-right:9px; width:17px;}

  .toggle {
    position: fixed;
    display: block;
    cursor: pointer;
    right:20px; top:25px; 
    z-index: 11;
    transition: .3s;

  }
  .toggle span {
    display: block;
    background: #2B2E33;
    width:23px;
    height: 2px;
    border-radius: 3px;
    transition: 0.25s margin 0.25s, 0.25s transform;
  }
  .toggle span:nth-child(1) {
    margin-bottom: 6px;
  }
  .toggle span:nth-child(3) {
    margin-top: 6px;
  }
  .toggle.active {top:21px; right:24px;}
  .toggle.active span {
    transition: 0.25s margin, 0.25s transform 0.25s;
  }
  .toggle.active span:nth-child(1) {
    margin-top: 15px;
    margin-bottom: -2px;
    transform: rotate(45deg);
  }
  .toggle.active span:nth-child(2) {
    transform: rotate(45deg);
    opacity: 0
  }
  .toggle.active span:nth-child(3) {
    margin-top: -2px;
    transform: rotate(135deg);
  }
}


@media screen and (max-width:767px) {
  .header {padding:0px 20px; height:64px;}  
  .header .tnb p {font-size:12px;}
  .header .logo {margin-top:19px;}
  .header.on .logo {margin-top:26px;}
  .header .logo img {width:100px;}
  .header nav {padding: 80px 30px 0 30px;}
  .header .r_con {width:auto; top:17px; right:55px; transition: .3s;}
  .header .r_con .mo_open img {width:22px; }
  .header .r_con .a2 {font-size:12px; padding:7px 14px;}
  .header .r_con button {height:30px; font-size:14px; padding:0 12px; margin-left:2px;}
  .header .r_con button:first-child {margin-left:0;}
  .header nav .close {top:32px; right:32px;}
  .header nav .close img {width:17px;}

  .header.on .r_con {top:22px; right:60px;}

  .toggle { top:22px;}
}









.top_move {position: fixed; right:44px ;bottom:44px; border:none; background:none;}



footer {width:100%; background:#2B2E33; padding:48px 20px;}
footer .wid {max-width:1260px; margin:0 auto; width:100%; }
footer .wid:after{content:''; clear:both; display: table;}
footer .logo {float:left;}
footer .box {float:right; width:calc(100% - 300px); }
footer .box ul {width:100%; margin-bottom:18px;}
footer .box ul li {display:inline-block; margin-right:27px; }
footer .box ul li a {font-size:14px; color:#fff; font-weight:300; }
footer .box span {display: inline-block; font-size:14px; color:#fff; font-weight:200; margin-top:6px; margin-right:5px;}
footer .box span:last-child {margin-top:12px;}
@media screen and (max-width:1200px) {

  footer .box {width:100%; margin-top:30px;}
}


@media screen and (max-width:767px) {
  footer .box ul li {margin-right:20px;}
  footer .box ul li:last-child {margin-right:0;}
  footer .box ul li a {font-size:13px;}
  footer .box span {font-size:13px; margin-top:10px;}
}










.sub_page {position: relative; z-index: 9; margin-top:70px;}
.sub_page .sub_img {height:400px; background:#333; text-align: center; padding-top:135px;}
.sub_page .sub_img h1 {font-size:80px; font-weight:600; color:#fff; }
.sub_page .sub_img p {font-size:20px; margin-top:15px; color:#fff; font-weight:100;}
.sub_page .sub_img p br {display: none;}
.sub_page .sub_img1 {background:url('../img/sub_img1.png')no-repeat center; background-size:cover;}


.sub_page .sub_menu {max-width:1400px; width:100%; margin:0 auto;}
.sub_page .sub_menu ul:after {content:''; clear:both; display: table;}
.sub_page .sub_menu ul .sli1 {float:left; width:220px; position: relative; border-right:1px solid #e4e4e4; height:57px; cursor: pointer;}
.sub_page .sub_menu ul .sli1:first-child {width:63px; text-align: center;background:#C6A806; border-right:none;}
.sub_page .sub_menu ul .sli1:first-child a {display: inline-block; width:100%; height:100%;}
.sub_page .sub_menu ul .sli1:first-child img {width:21px; margin-top:16px; filter:brightness(100);}
.sub_page .sub_menu ul .sli1 span {display: inline-block; padding-left:25px; font-size:18px; color:#555; width:100%; line-height:57px; background:url('../img/down_arrow.svg')no-repeat center right 20px;}
.sub_page .sub_menu ul .sli1:last-child:after {content:''; position: absolute; left:-1px; width:calc(100% + 2px); bottom:-1px; height:2px; background:#C6A806; z-index: 1;}
.sub_page .sub_menu ul li ul {height:0; overflow: hidden; transition: .3s; width:calc(100% + 2px); position: absolute; left:-1px; top:57px; border:1px solid #e4e4e4; border-top:none;}
.sub_page .sub_menu ul .sli1:hover ul {height:250px ;}
.sub_page .sub_menu ul .sli1:hover .ul2 {height:100px ;}
.sub_page .sub_menu ul .sli1:hover .ul3 {height:150px ;}
.sub_page .sub_menu ul .sli1:hover .ul4 {height:200px ;}
.sub_page .sub_menu ul li ul {background:#fff;}
.sub_page .sub_menu ul li ul li {height:auto; width:100%;}
.sub_page .sub_menu ul li ul li a {display: inline-block; padding:15px 0 15px 25px; font-size:16px; color:#555; border-bottom:1px dashed #eee; width:100%; transition: .3s;}
.sub_page .sub_menu ul li ul li:last-child a {border-bottom:none;}
.sub_page .sub_menu ul li ul li a:hover {background:#f7f7f7;}
.sub_page .sub_menu ul li ul li a.on {color:#C6A806;}

@media screen and (max-width:767px) {
  .sub_page .sub_img {height:200px; padding-top:60px;}
  .sub_page .sub_img h1 {font-size:38px;}
  .sub_page .sub_img p {line-height:1.4em; margin-top:10px; font-size:15px;}
  .sub_page .sub_img p br {display: block;}

  .sub_page .sub_menu ul .sli1 {width:calc((100% - 53px) / 2); height:50px;}
  .sub_page .sub_menu ul .sli1:first-child img {width:18px; margin-top:13px;}
  .sub_page .sub_menu ul .sli1 span {font-size:16px; padding-left:18px; line-height:50px; background:url('../img/down_arrow.svg')no-repeat center right 12px; background-size:12px;}
  .sub_page .sub_menu ul .sli1:first-child {width:53px;}
  .sub_page .sub_menu ul .sli1:last-child {border-right:none;}
  .sub_page .sub_menu ul li ul {top:50px;}
}








@media screen and (max-width:767px) {
  .top_move {bottom:20px; right:20px;}
  .top_move img {width:38px;}
}