@charset 'utf-8';

/* °øÅë */
.top_btn_main{position:fixed; bottom: 120px; right: 16px; width: 70px; height: 70px; background: #45877c; box-shadow:0 0 5px 2px #00000073; border-radius:50%; z-index: 100; text-align: center; cursor: pointer;}
.top_btn_main .p50{position:absolute; display:flex; flex-direction:column; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.top_btn_main .p50 img{max-width: 100%; width: 12px; margin: 0 auto 4px;}
.top_btn_main .p50 p{font-size:16px; color: #fff;}
.top_btn_main.on{bottom: 40px;}
.fix-quick{position:fixed; bottom: 40px; right: 16px; width: 70px; height: 70px; background: #45877c; box-shadow:0 0 5px 2px #00000073; border-radius:50%; z-index: 100;}
.fix-quick a{position:relative; width: 100%; height: 100%; display:inline-block; vertical-align: top; color: #fff; font-size:24px; text-align: center; line-height: 70px;}
.fix-quick a i{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
@media (max-width: 800px){
	.top_btn_main,
	.fix-quick{width: 50px; height: 50px; bottom: 16px; line-height: 50px;}
	.top_btn_main{bottom: 76px;}
	.top_btn_main .p50 p{font-size:15px;}
	.top_btn_main.on{bottom: 16px;}
}

.fab {
    font-family: "Font Awesome 5 Brands" !important;
}
.dummy{position:fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 600;}
.w1680{width: 100%; max-width: 1500px; margin: 0 auto; box-sizing:border-box;}
.w1680.w1425{max-width: 1425px;}
.w1680.jc{display:flex; justify-content:center; flex-direction: column;}
.clip {position: absolute; clip: rect(0,0,0,0); width: 1px; height: 1px;overflow: hidden;}
body{font-family: 'Helvetica'; font-weight:400; background: #ededed; line-height: 1.3}
*{line-height: 1.3;}
figure{margin: 0;}
/* ÆùÆ® */
@font-face {
    font-family: 'Inkfree';
    src: url('/font/Inkfree.woff') format('woff');
}

@font-face {
    font-family: 'SegoeUI';
    src: url('/font/segoeui.woff') format('woff');
	font-weight: 400;
}
@font-face {
    font-family: 'SegoeUI-SB';
    src: url('/font/seguisb.woff') format('woff');
}

@font-face {
    font-family: 'SegoeUI-Italic';
    src: url('/font/segoeuii.woff') format('woff');
}

@font-face {
    font-family: 'SegoeUI-Bold';
    src: url('/font/segoeuib.woff') format('woff');
}

@font-face {
    font-family: 'SegoeUI-BoldItalic';
    src: url('/font/segoeuiz.woff') format('woff');
}

@font-face {
    font-family: 'Helvetica';
    src: url('/font/segoeui.woff') format('woff');
	font-weight:400;
}

@font-face {
    font-family: 'Helvetica';
    src: url('/font/HelveticaBd_1.woff') format('woff');
	font-weight:700;
}

@font-face {
    font-family: 'Helvetica';
    src: url('/font/HelveticaNeue-Medium_1.woff') format('woff');
	font-weight:500;
}

/* ÆäÀÌ¡ */
.paging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.paging .arr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.paging .arr a:not(:last-child) {
  margin-right: 5px;
}

.paging .arr a.last,
.paging .arr a.first {
  letter-spacing: -10px;
}

.paging .arr a.last i,
.paging .arr a.first i {
  -webkit-transform: translateX(-5px);
  transform: translateX(-5px);
}

.paging a {
  font-family: 'Helvetica';
  font-weight:400;
  width: 25px;
  height: 25px;
  border: 1px solid #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #e5e5e5;
}

.paging ul {
  margin: 0 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.paging ul li:not(:last-child) {
  margin-right: 5px;
}

.paging ul li.on a {
	font-family: 'Helvetica'; font-weight:700;
	color: #fff;
}
.paging a{display:inline-block; vertical-align: top; line-height: 25px;border-radius:50%; border:none; color: #e5e5e5; text-align: center; font-size:20px;}
.paging .arr a{color: #fff; box-sizing:border-box; padding: 1px 0;}
.paging.tar{justify-content:flex-end}
.paging.c ul li.on a {color: #45877c;}
.paging.c a{color: #000000;}
.paging.c .arr a{color: #45877c;}






/* ¸ð¹ÙÀÏ */
input[type="submit"],input[type="button"], input[type="file"],
input[type="text"], button { appearance: none; -moz-appearance: none; 
-webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; 
-moz-border-radius: 0; }
input[type="checkbox"]{ padding: 0 !important;}

/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; }
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }

/* °øÅ븵ũ */
.h_link{display:flex; margin: 0 18px 0 38px;}
.h_link li{width: 40px; height: 40px; margin-right: 15px;}
.h_link li:last-of-type{margin-right: 0;}

/* header */
.header{position:absolute; top: 0; left: 0; width: 100%; box-sizing:border-box; padding: 20px 90px 0; display:flex; align-items:center; z-index: 100;}
.header .logo{width: 182px; height: 50px;}
.header .logo a{}
.header .h_nav{width: calc(100% - 360px); display:flex; align-items:center; }
.header .h_nav .gnb{display:flex}
.header .h_nav .gnb > li{position:relative; }
.header .h_nav .gnb > li > a{display:inline-block; vertical-align: top; padding: 0 20px; box-sizing:border-box; font-size:20px; color: #000; line-height: 90px; transition:0.4s color;}
.header .h_nav .gnb > li > ul{display:none; position:absolute; top: 90px; right: 50%; width: 300px; box-sizing:border-box; padding: 17px 44px; transform:translateX(50%); box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.3); border-radius:0 20px 0 0;}
.header .h_nav .gnb > li > ul::before{content:''; position:absolute; top: 0; left: 0; right: 0; bottom: 0; background: #45877c; opacity: 0.8; border-radius:0 20px 0 0;}
.header .h_nav .gnb > li > ul > li{}
.header .h_nav .gnb > li > ul > li > a{position:relative; display:inline-block; vertical-align: top; width: 100%; font-size:20px; color: #4d4d4d; text-align: center; padding: 17px 0; transition:0.4s;}
.header .h_nav .gnb > li > ul > li > a::after{content:''; position:absolute; bottom: 6px; left: 0; width: 0; height: 3px; opacity: 0.8; background: #fff; transition:0.4s}

.header .h_nav .gnb > li > ul.bgf::before{opacity: 1; background: #fff;}
.header .h_nav .gnb > li > ul.bgf > li > a::after{background: #45877c;}

.header .header_ui{display:flex; align-items:center; width: 178px;}
.header .header_ui .lang{}
.header .header_ui .lang > li{position:relative; }
.header .header_ui .lang > li span{display:inline-block; vertical-align: top; width: 72px; height: 30px; font-size:16px; color: #000; line-height: 30px; cursor: pointer;}
.header .header_ui .lang > li span img{width: 13px; height: 10px; vertical-align: middle; margin-right: 6px;}
.header .header_ui .lang > li > ul{display:none; position:absolute; top: 30px; left: 0; width: 120%; border-radius:0 10px 0 0; background: #fff; box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.3);padding: 5px 0; box-sizing:border-box;}
.header .header_ui .lang > li > ul > li{}
.header .header_ui .lang > li > ul > li > a{display:inline-block; width: 100%; vertical-align: top; font-size:16px; color: #4d4d4d; padding: 5px;}
.header .header_ui .sign{text-align: center; margin-left: 28px;}
.header .header_ui .sign a{display:inline-block; vertical-align: top; width: 80px; height: 30px; line-height: 30px; border-radius:0 10px 0 0; background: #45877c; color: #fff; font-size:16px;}
.header .menuBtn{display:none; position: relative; vertical-align: middle;width: 32px;height: 22px; margin-left: 25px; cursor: pointer;}
.header .menuBtn ul{width: 100%;height: 100%;}
.header .menuBtn ul li{position: absolute;left: 0;display: block;width: 100%;height: 2px;background: #45877c;transition: all 0.3s;}
.header .menuBtn ul li.line01{top: 50%;left: 50%;transform:translateX(-50%);margin-top: -10px;width: 24px;}
.header .menuBtn ul li.line02{top: 50%;margin-top: -1px;}
.header .menuBtn ul li.line03{bottom: 50%;left: 50%;transform:translateX(-50%);margin-bottom: -10px;width: 24px;}


/* mobile nav */
.mobNavBg{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,.5);z-index: 200;overflow: hidden;display: none;}
.mobNav{position: absolute;top: 0;right: -290px;background: #fff;width: 280px;height: 100%;overflow-y: auto;transition:all .3s;}
.mobNav .top{position: relative;background: #101010;padding: 20px 10px;box-sizing:border-box;}
.mobNav .top .mobNavClose{position: absolute;top: 50%;transform:translateY(-50%);right: 10px;display: block;width: 22px;height: 22px;overflow: hidden;text-indent: -9999px;}
.mobNav .top .mobNavClose:before{content: "";display: block;width: 2px;height: 30px;background: #fff;position: absolute;top: -5px;left: 10px;transform: rotate(45deg);-webkit-transform: rotate(45deg); border-radius: 1px;}
.mobNav .top .mobNavClose:after{content: "";display: block;width: 2px;height: 30px;background: #fff;position: absolute;top: -5px;right: 10px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);border-radius: 1px;}
.mobNav nav > ul{position: relative;}
.mobNav nav > ul > li{position: relative;}
.mobNav nav > ul > li > a{position: relative;display: block;height: 55px;line-height: 55px;color: #555;font-size: 17px;font-weight: 500;padding: 0 20px;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.mobNav nav > ul > li.active > a{background: #45877c;color: #fff;}
.mobNav nav > ul > li.active > a:after{position: absolute;content: "";display: block;width: 12px;height: 12px;top: 16px;right: 20px;background: none;box-sizing: border-box;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.mobNav .sub_depth {position: relative;background: #f2f2f2;display: none;}
.mobNav .sub_depth > li > a{position: relative;display: block;height: 45px;line-height: 45px; color: #666;font-size: 15px;font-weight: 300;padding: 0 20px;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.mobNav .sub_depth > li > a:after{position: absolute;content: "";display: block;width: 12px;height: 12px;top: 17px;right: 20px;background: none;box-sizing: border-box;border-right: 2px solid #999;border-bottom: 2px solid #999;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.mobNav .sub_depth > li.active > a{font-weight: 600;color: #000;background: #fff;}
.mobNav .sub_depth > li.active > a:after{border-right: 2px solid #000;border-bottom: 2px solid #000;}

.mobNav.active{right: 0;transition:all .3s;}
/* ¾Ö´ÏµðÀÚÀθ¸ Ãß°¡ */
.mobNav .h_link{margin: 16px 16px 0; justify-content:flex-end}

/* hover */
.header .h_nav .gnb > li:hover > a{font-weight:bold; color: #45877c;}
.header .h_nav .gnb > li > ul > li:hover > a::after{width: 100%;}
.header .h_nav .gnb > li > ul > li:hover > a{font-weight:bold; color: #fff;}
.header .h_nav .gnb > li > ul.bgf > li:hover > a{color: #45877c;}



/* footer */
footer{position: relative;font-size: 16px;}
footer .fcon02{position: relative;background: #333333;padding: 65px 0 60px;box-sizing:border-box;}
footer .fcon02 .fcon02Wrap{position: relative;width: 100%; max-width:1680px; margin: 0 auto;display: flex;justify-content:space-between;}
footer .fcon02 .fcon02Wrap .siteMapBox{position: relative;display: flex;/*  margin-top:32px; */}
footer .fcon02 .fcon02Wrap .siteMapBox dl{position: relative;margin-right: 100px;}
footer .fcon02 .fcon02Wrap .siteMapBox dl:last-child{margin-right: 0;}
footer .fcon02 .fcon02Wrap .siteMapBox dt{font-size: 17px;font-weight: 800;color: #fff;padding-bottom: 10px; letter-spacing:0.08em;}
footer .fcon02 .fcon02Wrap .siteMapBox dd{}
footer .fcon02 .fcon02Wrap .siteMapBox dd a{display: block;font-size: 14px; color: #fff;padding: 4px 0;box-sizing:border-box;}
footer .fcon02 .fcon02Wrap .siteMapBox dd a:hover{color: #45877c;transition:all .3s;}

footer .fcon02 .fcon02Wrap .socialBox{position: relative; padding-left: 60px;padding-bottom: 10px;border-left: 1px solid #fff;box-sizing:border-box;width: 380px;}
footer .fcon02 .fcon02Wrap .socialBox::after{content:""; position:absolute; top: 10px; right: 0;background: url("/img/common/footer_logo02.png") no-repeat right center; background-size:cover; width: 25px; height: 188px;}
footer .fcon02 .fcon02Wrap .socialBox div h5{font-size:15px;font-weight: 500;color: #fff;padding-top: 5px; letter-spacing:0.08em;}
footer .fcon02 .fcon02Wrap .socialBox div ul{position: relative;display: flex; margin: 15px 0 30px;}

footer .fcon02 .fcon02Wrap .socialBox div ul li{}
footer .fcon02 .fcon02Wrap .socialBox div ul li a{display: block;font-size:1.3em; color: #fff;margin-right: 30px;transition:all .3s;}
/* footer .fcon02 .fcon02Wrap .socialBox div ul li:nth-child(1) a{font-size: 24px;} */
footer .fcon02 .fcon02Wrap .socialBox div ul li a:hover{color: #45877c;transition:all .3s;}
footer .fcon02 .fcon02Wrap .socialBox > ul{position: relative; margin-top:0;}
footer .fcon02 .fcon02Wrap .socialBox > ul.mb{margin-bottom:30px;}
footer .fcon02 .fcon02Wrap .socialBox > ul li{}
footer .fcon02 .fcon02Wrap .socialBox > ul li a{display: inline-block;font-size: 0.813em;font-weight: 500;color: #fff;padding: 6px 0;box-sizing:border-box; letter-spacing:0.08em;}
footer .fcon02 .fcon02Wrap .socialBox > ul li a:hover{color: #45877c;transition:all .3s;}

footer .fcon03{position: relative;padding: 50px 0 70px;box-sizing:border-box;background: #45877c;}
footer .fcon03Wrap{position: relative;width: 100%;max-width:1680px;margin: 0 auto;}
footer .fcon03Wrap img{display: block;margin: 0 auto 35px;}
footer .fcon03Wrap address{font-size: 12px;color: #fff;font-weight: 400;line-height: 1.7;text-align: center; letter-spacing:0.08em;}
footer .fcon03Wrap address a{font-size: 12px;color: #fff;font-weight: 400;}
footer .fcon03Wrap p{font-size: 12px;color: #fff;text-align: center;line-height: 1.7; letter-spacing:0.08em;}


@media screen and (max-width:1680px) {
	/*=== header ===*/
	.header{padding: 0 40px;}
	/*=== footer ===*/
	footer .fcon02 .fcon02Wrap{box-sizing:border-box; padding: 0 40px;}
}

@media screen and (max-width:1400px) {
	.go_top{right: 16px; bottom: 16px;}
	/*=== footer ===*/
	footer .fcon02 .fcon02Wrap{box-sizing:border-box; padding: 0 16px;}
	footer .fcon02 .fcon02Wrap .siteMapBox dl{margin-right: 30px;}
}

@media screen and (max-width:1200px) {
	/*=== header ===*/
	.header{padding: 16px; justify-content:space-between;}
	.header .h_nav{display:none; }
	.header .header_ui{width: 210px;}
	.header .header_ui .sign{margin-left: 14px;}
	
	.header .menuBtn{display:block; margin-left: 14px;}

	/*=== footer ===*/
	footer .fcon02 .fcon02Wrap .siteMapBox dl{margin-right: 30px;}
	footer .fcon02 .fcon02Wrap .socialBox{width: 250px;padding-left: 30px;}
}

@media screen and (max-width:1000px) {
    /*=== footer ====*/
	footer .fcon02 .fcon02Wrap{flex-direction:column;}
	footer .fcon02 .fcon02Wrap .siteMapBox dl{margin-right: 30px;}
	footer .fcon02 .fcon02Wrap .socialBox{width: 100%;border-left: none;padding-top: 40px;margin-top: 40px;padding-left: 0;padding-bottom: 0;border-top: 1px solid #fff;}
	footer .fcon02 .fcon02Wrap .socialBox > ul:last-child{margin-bottom: 0;}
}
@media screen and (max-width:800px) {
    /*=== footer ====*/
	footer .fcon02 .fcon02Wrap .siteMapBox dt{font-size: 18px;}
	footer .fcon02 .fcon02Wrap .siteMapBox dd a{font-size:15px;}
}

@media screen and (max-width:640px) {
    /*=== footer ====*/
	footer .fcon02{padding: 40px 0 26px;}
	footer .fcon02 .fcon02Wrap .siteMapBox{flex-wrap:wrap;}
	footer .fcon02 .fcon02Wrap .siteMapBox dl{width: 50%;margin-right: 0;}
	footer .fcon02 .fcon02Wrap .siteMapBox dl:nth-child(n+3){margin-top: 30px;}
	footer .fcon03Wrap p{line-height: 1.7;}
	footer .fcon02 .fcon02Wrap .socialBox div h5{padding-top:0;}
	footer .fcon02 .fcon02Wrap .socialBox > ul{margin-top:20px;}
	footer .fcon02 .fcon02Wrap .socialBox::after{top:30px;  transform:translateY(0);}
}