/* jny css */
@charset "utf-8";

/* ÆùÆ® font-weight ¼Ó¼º ¼³Á¤ */
/* noto-sans-kr-100 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/noto-sans-kr-v8-korean-100.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Thin'), local('NotoSansKR-Thin'),
       url('../fonts/noto-sans-kr-v8-korean-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-korean-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-korean-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-300 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-sans-kr-v8-korean-300.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
       url('../fonts/noto-sans-kr-v8-korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-kr-v8-korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('../fonts/noto-sans-kr-v8-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-kr-v8-korean-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
       url('../fonts/noto-sans-kr-v8-korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-kr-v8-korean-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('../fonts/noto-sans-kr-v8-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-900 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/noto-sans-kr-v8-korean-900.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Black'), local('NotoSansKR-Black'),
       url('../fonts/noto-sans-kr-v8-korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-korean-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

/* nanum-gothic-regular - korean */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nanum-gothic-v13-korean-regular.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic'),
       url('../fonts/nanum-gothic-v13-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nanum-gothic-v13-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nanum-gothic-v13-korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nanum-gothic-v13-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nanum-gothic-v13-korean-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
/* nanum-gothic-700 - korean */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nanum-gothic-v13-korean-700.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic Bold'), local('NanumGothic-Bold'),
       url('../fonts/nanum-gothic-v13-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nanum-gothic-v13-korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nanum-gothic-v13-korean-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nanum-gothic-v13-korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nanum-gothic-v13-korean-700.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
/* nanum-gothic-800 - korean */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/nanum-gothic-v13-korean-800.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic ExtraBold'), local('NanumGothic-ExtraBold'),
       url('../fonts/nanum-gothic-v13-korean-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nanum-gothic-v13-korean-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nanum-gothic-v13-korean-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nanum-gothic-v13-korean-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nanum-gothic-v13-korean-800.svg#NanumGothic') format('svg'); /* Legacy iOS */
}

/* nanumsquarer-300 */
@font-face {
  font-family: 'NanumSquare';
  font-weight: 300;
  src: url('../fonts/NanumSquareL.eot'); /* IE9 Compat Modes */
  src: url('../fonts/NanumSquareL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/NanumSquareL.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/NanumSquareL.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquareL.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* nanumsquarer-400 */
@font-face {
  font-family: 'NanumSquare';
  font-weight: 400;
  src: url('../fonts/NanumSquareR.eot'); /* IE9 Compat Modes */
  src: url('../fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/NanumSquareR.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/NanumSquareR.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquareR.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* nanumsquarer-700 */
@font-face {
  font-family: 'NanumSquare';
  font-weight: 700;
  src: url('../fonts/NanumSquareB.eot'); /* IE9 Compat Modes */
  src: url('../fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/NanumSquareB.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/NanumSquareB.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquareB.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* nanumsquarer-800 */
@font-face {
  font-family: 'NanumSquare';
  font-weight: 800;
  src: url('../fonts/NanumSquareEB.eot'); /* IE9 Compat Modes */
  src: url('../fonts/NanumSquareEB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/NanumSquareEB.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/NanumSquareEB.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquareEB.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* ¼û±è ¿ä¼Ò */
legend {position: absolute; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0;}

/* Å×À̺í - ¸¶Å©¾÷¿¡ 'cellspacing="0"' ÁöÁ¤  */
table {border-collapse: separate; border-spacing:0; border:0 none;}
caption, th, td {text-align: left; font-weight: normal; border: 0;}

/* ¼öÆò¼±*/
hr {display: none;}

/* Body common */
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form {margin: 0; padding: 0;}
body {font-family: Gulim,'±¼¸²';}
ul,li,ol,dl {list-style: none;}
img {border: 0; vertical-align: top;}
fieldset, button {border: 0 none;}
input:focus {outline: none;}
a {cursor: pointer; text-decoration: none;}
a:link, a:visited {text-decoration: none;}
a:hover, a:focus, a:active {text-decoration: none;}

/* Layout */
#wrap {float: left; width: 100%;}
#header {float: left; position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 999;}
#contents {float: left; width: 100%;}
#footer {float: left; width: 100%; margin-top: 5%; background: #3b3b3b;}

/* topaside_common */
.topaside {float: left; width: 100%;}
.topaside li {float: left; width: 25%; background: #231f20; border-right: 1px solid #000; border-left: 1px solid #474344; box-sizing:border-box;}
.topaside li:first-child {border-left: 0;}
.topaside li:last-child {border-right: 0;}
.topaside li a {display: block; width: 100%; height: 38px; font-family: "Noto Sans KR", sans-serif; font-size: 12px; color: #fff; font-weight: 400; Line-height: 38px; text-align: center;}
.topaside li.active {background: #484848;}

/* headertop_common */
.headertop {float: left; width: 100%;}
.topbtncon {float: left; width: 100%; height: 80px; padding: 25px 2% 0; box-sizing:border-box; background: #fff;}
.mobile_togglelist {position: relative; float: left; width: 30px; z-index: 2;}

/* mobilelogo */
.mobilelogo {position: absolute; top: 51px; left: 0; width: 100%; z-index: 1;}
.mobilelogo h1 {margin: 0 auto; width: 130px;}

/* logo_rightbtns */
.logo_rightbtns {float: right;}
.logo_rightbtns ul {float: left; width: 100%;}
.logo_rightbtns ul li.mobile_cart {position: relative; float: left; width: 34px; z-index: 2;}
.logo_rightbtns ul div.mobile_search {position: relative; float: left; width: 30px; margin-left: 10px; z-index: 2;}
.search-area {position: absolute; top: 110px; left: 0; width: 97.22222222222222%; height: 48px; margin-left: 1.428571428571429%; background-color: rgba(255,255,255,1); border: 1px #231f20 solid; box-sizing:border-box; display: none; z-index: 1000000;}
.search-area #search-box {float: left; width: 87%;}
.search-area #search-box input {width: 96%; height: 26px; font-family: "Noto Sans KR", sans-serif; font-size: 16px; font-weight: 400; padding: 2.5% 2%; margin-top: 3%; background: transparent; border: 0; outline:none;}
.search-area #search-box-btn {position: absolute; top: 0; right: 0; width: 46px; height: 46px; background: url(../images/m_topbtn_search.png) no-repeat center center; background-size: 50% 50%; text-indent: -9999px; border: 0;}

/* mobile togglemenu_common */
html .opened {overflow: hidden;} /* ¿ÞÂÊ ¸Þ´º°¡ ¿ÀÇ嵃 ¶§ html¿¡ Àû¿ëµÇ´Â ¼Ó¼º */
.drawer-toggle {top: 0; left: 0;} /* open/closed ¹öÆ° */
#drawer {position: fixed; width: 70%; height: 100%; top: 0; left: -70%; background: #f6f6f6; -webkit-transition: .3s; transition: .3s; overflow: hidden; z-index: 10000000000;} /* ¿ÀÇ½à ³ªÅ¸³ª´Â drawer ű×. closed »óÅ¿¡¼­ È­¸é ¹Û¿¡ À§Ä¡ÇÏ°í open½Ã¿¡ ³ªÅ¸³­´Ù. */
#drawer.opened {left: 0; box-shadow: 5px 5px 15px 1.5px rgba(0, 0, 0, 0.2); display: block;} /* left¼Ó¼ºÀÌ -(width)px ¶ó¼­ È­¸é ¹Û¿¡ ÀÖ°í left¸¦ 0À¸·Î ¹Ù²ã¼­ È­¸é¿¡ ³ªÅ¸³­´Ù.  */
#blocker {display: none; background: rgba(0, 0, 0, 0.8); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999;} /* drawer open ½Ã ¹è°æ ¾îµÓ°Ô Çϱâ */ 
#blocker.opened {display: block; background: rgba(0, 0, 0, 0.8) url(../images/toggle_ico_close.png) no-repeat 80% 17px; background-size: 20px;}

.drawer_area {float: left; width: 100%;}
#slide_categorymenu {width: 100%; top: 0; right: 0px; font-family: "Noto Sans KR", sans-serif; z-index: 10000000000;}
#slide_categorymenu ul {width: 100%; height: 100%; background: #496183;}
#slide_categorymenu ul li {width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #5c79a3; overflow: hidden; position: relative; box-sizing:border-box;}
#slide_categorymenu ul li.tt_fr a {padding-left: 30px; cursor: pointer;}
#slide_categorymenu ul li.tt_fr .lotate_v {position: absolute; top: 22px; right: 30px; width: 14px; height: 7px; display: block;}
#slide_categorymenu ul li.tt_fr .lotate_none {position: absolute; top: 20px; right: 18px; width: 9px; height: 8px; display: block;-ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ transform: rotate(-90deg);}
#slide_categorymenu ul li.tt_fr .lotate_none img {vertical-align: top;}
#slide_categorymenu ul li.tt_fr .lotate_v img {vertical-align: top;}
#slide_categorymenu ul li.tt_fr .lotate_v_180 {-ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg);}
#slide_categorymenu ul li.active {background: #1d1d1b; color: #fff;}
#slide_categorymenu ul li.active a {color: #fff; cursor: pointer;}
#slide_categorymenu ul li a {display: block; cursor: pointer; color: #fff; font-size: 15px; font-weight: 400; text-decoration: none; cursor: pointer;}
#slide_categorymenu ul li span {color: #dd042b; font-size: 11px; font-weight: bold; margin-left: 11px;}
#slide_categorymenu ul li ul.nav {background: #e8e8e6; display: none;}
#slide_categorymenu ul li ul.nav li {border-bottom: 1px solid #d6d6d4; height: 40px; line-height: 40px;}
#slide_categorymenu ul li ul.nav li a {display: block; font-size: 15px; font-weight: normal; color: #3d3d3d; cursor: pointer; transition: all 0.3s ease;}
#slide_categorymenu ul li ul.nav li a:hover {color: #fff; font-weight: 700; background-color: #757575; cursor: pointer; text-decoration: none;}

.mobile_topbtns_box {font-family: "Noto Sans KR", sans-serif; text-align: center; padding: 10px 0; background-color: #1e56a4; overflow: hidden;}
.login {display: inline-block; width: 38%; margin-right: 2%;}
.login a {display: block; width: 100%; height: 32px; color: #fff; font-size: 15px; line-height: 30px; border: 1px solid #85ace3; box-sizing: border-box; border-radius: 50px;}
.join {display: inline-block; width: 38%; margin-right: 2%;}
.join a {display: block; width: 100%; height: 32px; color: #fff; font-size: 15px; line-height: 30px; border: 1px solid #85ace3; box-sizing: border-box; border-radius: 50px;}

.mobile_quickbtn {font-family: "Noto Sans KR", sans-serif; text-align: center; background-color: #2e2e2e; overflow: hidden;}
.mobile_quickbtn ul {float: left; width: 100%;}
.mobile_quickbtn ul li {float: left; width: 50%; border-right: 1px solid #4f4f4f; box-sizing: border-box;}
.mobile_quickbtn ul li a {display: block; width: 100%; height: 44px; color: #b5b5b5; font-size: 15px; font-weight: 300; line-height: 44px;}
.mobile_quickbtn ul li:last-child {border-right: 0;}

/* gnb_common */
.gnb {float: left; width: 100%; border-top: 1px solid #052858; border-bottom: 1px solid #052858;}
.gnb li {float: left; width: 25%; background: #114183; border-right: 1px solid #000; border-left: 1px solid #255597; box-sizing:border-box;}
.gnb li:first-child {border-left: 0;}
.gnb li:last-child {border-right: 0;}
.gnb li a {display: block; width: 100%; height: 40px; font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #fff; font-weight: 500; Line-height: 40px; text-align: center; letter-spacing: -0.8px;}
.gnb li.active a {background: #1a59b5;}

/* customer_common */
.customer_box {float: left; width: 100%; padding: 0 3%; box-sizing:border-box; margin-top: 50px;}
.customer_area {float: left; width: 100%; height: auto; box-sizing:border-box; border-top: 3px solid #222222; border-left: 0; border-right: 0; border-bottom: 0;}
.customer_title {float: left; width: 100%; padding: 0 4%; box-sizing:border-box; border: 1px solid #e3e3e3; border-top: 0; border-bottom: 0;}
.cus_titleimg {float: left; width: 100%; margin-top: 31px; margin-left: 0; margin-bottom: 15px;}
.cus_titleimg li {float: left;}
.cus_titletxt {font-family: "Noto Sans KR", sans-serif; font-size: 22px; color: #434242; font-weight: 400; line-height: 45px; margin-left: 15px;}
.shop_infobox {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; padding: 0 4%; box-sizing:border-box; border: 1px solid #e3e3e3; border-top: 0; border-bottom: 0;}
.shop_infoarea {float: left; padding-left: 0; margin-top: 10px; border-left: 0;}
.point_icon1 {float: left; width: 30px; margin-left: 0; margin-right: 19px;}
.point_icon1 li img {width: 100%;}
.mallinfo {float: left;}
.mall_call {font-size: 18px; color: #222222; font-weight: 700; line-height: 30px; letter-spacing: -0.8px;}
.mall_call br {display: none;}
.mall_call .callnum1 {margin-right: 10px;}
.mall_mail {font-size: 14px; color: #434343; font-weight: 400; padding-left: 25px; margin-top: 5px; background: url("../images/cu_mail_ico.png") no-repeat left 6px;} 
.mall_data {font-size: 14px; color: #444343; font-weight: 300; line-height: 18px; margin-top: 5px;}
.mall_linkbtn {float: left; width: 100%; margin-top: 20px;}
.mall_linkbtn li {float: left; width: 48%;}
.mall_linkbtn li:nth-child(2) {float: right; margin-left: 0;}
.mall_linkbtn li a {display: block; width: 100%; height: 40px; font-size: 15px; color: #555454; font-weight: 400; line-height: 38px; padding-left: 20px; background: url("../images/cu_btn_arrow.jpg") no-repeat 88% center; border: 1px solid #ebebeb; box-sizing:border-box; transition: all 0.3s ease;}
.mall_linkbtn li a:hover {color: #111; border: 1px solid #111;}
.mallask {float: left; font-size: 14px; color: #8b8888; margin-top: 5px;}
.board_notice {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; padding: 0 4%; box-sizing:border-box; border: 1px solid #e3e3e3; border-top: 0; border-bottom: 0;}
.notice_box {float: left; width: 100%; padding: 0; margin-top: 30px; border-left: 0;}
.notice_title {float: left; width: 100%; margin-bottom: 10px;}
.point_icon2 {float: left; width: 32px; margin-left: 0; margin-right: 10px;}
.point_icon2 img {width: 100%;}
.title_name {float: left; font-size: 17px; font-weight: 600; margin-top: 2px;}
.title_more {float: right; margin-top: 11px;}

.board_content {float: left; width: 100%;}
.board_content li {float: left; width: 100%; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.board_content a {display: inline-block; font-size: 14px; color: #8f9090; line-height: 20px; letter-spacing: 0.4px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all 0.3s ease;}
.board_content a:hover {color: #7f238a; text-decoration: underline;}
.bullet {float: left; width: 3px; margin: 10px 8px 0 0;}
.cus_banner {float: left; width: 100%; padding: 25px 4% 4%; box-sizing:border-box; margin-top: 0; border: 1px solid #e3e3e3; border-top: 0;}
.cus_banner div img {width: 100%;}

/* footer */
.footinfo_box {float: left; width: 100%; background: #3b3b3b;}
.footinfo_area {float: left; width: 100%;}
.foot_navlink {float: left; width: 100%; height: 70px; padding: 0 2%; box-sizing:border-box;}
.foot_logo {float: left; width: 90px; margin-top: 18px; margin-right: 15px;}
.foot_logo img {width: 100%;}
.foot_links {float: left; margin-top: 25px;}
.foot_links li {display: inline-block; margin-right: 7px;}
.foot_links li a {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #b8b6b6; font-weight: 400;}
.foot_links li a:hover {color: #fff;}
.foot_links li.active a {color: #fff;}

.foot_address {float: left; width: 100%; padding: 5% 2% 0; box-sizing:border-box; border-top: 1px solid #5c5b5b;}
.address_infotxt {position: relative; float: left;}
.address_infotxt li {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #8f8e8e; font-weight: 300; line-height: 22px; margin-right: 10px;}
.foot_mark {position: absolute; margin-top: 60px; right: 2%;}
.foot_mark li {display: inline-block; width: 50px; margin-left: 5px;}
.foot_mark li:nth-child(2) {width: 40px;}
.foot_mark li img {width: 100%;}
.copyright_txt {float: left; width: 100%; padding: 3% 2% 7%; box-sizing:border-box;}
.copyright_txt p {font-family: "Noto Sans KR", sans-serif; font-size: 12px; color: #6d6c6c; font-weight: 300; letter-spacing: -0.2px;}

/* gototop */
.gototop {position: fixed; bottom: 20px; right: 20px; z-index: 1000; opacity: 0; visibility: hidden; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.gototop.active {opacity: 0.9; visibility: visible;}
.gototop a {width: 50px; height: 50px; display: table; background: #000; font-size: 12px; color: #fff; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.gototop a:hover {background: #38a0c8;}
.gototop a i {height: 50px; display: table-cell; vertical-align: middle;}
[class^="icon-"], [class*=" icon-"] 
{font-family: "Noto Sans KR", sans-serif !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}