@charset "UTF-8";
@import url('/Main/design_new/common/css/Pretendard.css');
@import url('/Main/design_new/common/css/Montserrat.css');
@import url('/Main/design_new/common/css/SBAggro.css');

html, body {overflow-x:hidden;}
html {font-size:10px;}
body {background:#fff; font-family:'Pretendard', sans-serif; font-weight:400; font-size:1.7rem; color:#2b2b2b; line-height:1.6; letter-spacing:-0.1px;}
input, button, textarea, select {font-family:'Pretendard', sans-serif !important; font-weight:400; color:#2b2b2b  !important; letter-spacing:-0.1px; font-size:1.6rem; border-radius:0; background:#fff;}
button, input[type="button"], input[type="submit"] {border:0; cursor:pointer; vertical-align:top; background:#1e1e1e; color:#fff; padding:0.7rem 2.3rem; font-size:1.6rem;}
input[type=checkbox], input[type=radio] {width:auto !important; height:auto !important; margin:0 !important; vertical-align:middle !important;}
select::-ms-expand {display:none;}
select,
input[type="text"],
input[type="password"] {padding:0.7rem 1.3rem !important; border:1px solid #ddd; font-size:1.6rem !important;}
select {-moz-appearance:window; -webkit-appearance:none; background:#fff url('/Main/Images/new/ko/board/select_bg.gif') no-repeat 83% 50% !important; cursor:pointer; padding:0.7rem 3.5rem 0.7rem 1.3rem !important;}
h1, h2, h3, h4, h5 {font-size:1.7rem; font-weight:normal; letter-spacing:-0.5px;}
img {vertical-align:middle;}
a {color:#2b2b2b;}
b {font-weight:700;}
.noScroll {overflow-y:hidden;}
.wrap {max-width:1400px; margin:0 auto;}
.ir, .arrow2 {position:relative;}
.arrow2:before {content:''; position:absolute; top:50%; width:0.6rem; height:0.6rem; border-bottom:2px solid #322820; border-right:2px solid #322820; transform:translateY(-50%) rotate(45deg);}
.tmpl_layout {display:block; background:url('/Main/Images/saemaul/common/tmpl_layout.png') no-repeat; text-indent:-9999px;}
.ir_layout:before {content:''; position:absolute; background:url('/Main/Images/saemaul/common/tmpl_layout.png') no-repeat;}
/*
.slick-slider,
.slick-list {margin-bottom:-6px !important;}
*/
.slick-prev,
.slick-next {display:block; position:absolute; top:50%; width:4rem; height:4rem; margin-top:-2rem; padding:0; background:none; text-indent:-9999px;}
.slick-prev {left:0;}
.slick-next {right:0;}
.slick-prev:before,
.slick-next:before {content:''; position:absolute; top:50%; left:50%; width:1rem; height:1rem; border-bottom:2px solid #2b2b2b; border-right:2px solid #2b2b2b;}
.slick-prev:before {transform:translate(-50%, -50%) rotate(135deg)}
.slick-next:before {transform:translate(-50%, -50%) rotate(-45deg);}
.slick-dots {margin:2rem 0; display:block; text-align:center;}
.slick-dots li {display:inline-block;}
.slick-dots li button {width:1rem; height:1rem; background:rgba(17, 117, 51, 0.5); margin:0.5rem; padding:0; border-radius:50%; text-indent:-9999px;}
.slick-dots li.slick-active button {top:0; width:2.5rem; background:rgba(17, 117, 51, 1); border-radius:4rem;}
#container {clear:both;}
@media all and (max-width:1540px) {
  html {font-size:9.8px;}
  .wrap {max-width:96%;}
}
@media all and (max-width:599px) {
  html {font-size:9px;}
  .wrap {max-width:92%;}
  .arrow2:before {width:0.4rem; height:0.4rem;}
}

/* header */
#header, #header .logo, #header .right {height:10rem;}
#header {width:100%; padding:0 2rem;}
#header > div.wrap {position:relative;}
#header .logo, #header .right {display:table;}
#header .logo a, #header .right li {display:table-cell; vertical-align:middle;}
#header .logo {float:left;}
#header .logo a {width:263px; background:url('/Main/Images/saemaul/common/h_logo.png') no-repeat center; background-size:contain; text-indent:-9999px;}
#header .lang {position:relative;}
#header .lang a {display:block; font-family:'Montserrat'; text-transform:uppercase; font-weight:600;}
#header .lang > a {padding-left:3rem;}
#header .lang > a:before {left:0; top:50%; width:19px; height:20px; margin-top:-11px; background-position:0 0;}
#header .lang > a > span {display:block; padding-right:2rem;}
#header .lang > a > span:before {right:0; top:50%; width:8px; height:6px; margin-top:-3px; background-position:-19px 0; transition:all 0.3s;}
#header .lang > a.on > span:before {transform:rotate(-180deg);}
#header .lang > div {display:none; position:absolute; width:120%; left:50%; margin-top:1.3rem; background:#fff; border:1px solid #ddd; border-radius:6px; box-shadow:10px 10px 15px rgba(0,0,0,0.1); z-index:300; transform:translateX(-50%);}
#header .lang > div > a {font-size:1.5rem; padding:0.5rem; border-bottom:1px dashed #ddd; text-align:center;}
#header .lang > div > a:last-of-type {border-bottom:0;}
#header .lang.mobile > a:before {background-position:0 -20px;}
#header .lang.mobile > a > span:before {background-position:-19px -6px;}
#header .lang.mobile > div {margin-top:-2px;}
#header .lang.sns > a:before {background-position:-45px -20px;}
#header .lang.sns > a > span:before {background-position:-19px -6px;}
#header .lang.sns > div {margin-top:-2px;}
#header .lang.sns > div > a {font-family:'Pretendard';}
#header .right {float:right;}
#header .right .nav_open a {margin-left:3rem; width:18px; height:18px; background-position:-27px 0;}
#header .pc_nav nav {float:left; margin-left:10rem;}
#header .pc_nav a,
#header .m_nav a {display:block;}
#header .pc_nav a[target="_blank"] span,
#header .m_nav a[target="_blank"] span {padding-right:2rem; background:url('/Main/Images/saemaul/common/blank_b.png') no-repeat right 47%;}
#header .pc_nav .depth02 a[target="_blank"] span,
#header .pc_nav .depth03 a[target="_blank"] span {background:url('/Main/Images/saemaul/common/blank_w2.png') no-repeat right 47%;}
#header .pc_nav .depth01 {margin-left:-3rem;}
#header .pc_nav .depth01 > li {position:relative; float:left; padding:0 3rem;}
#header .pc_nav .depth01 > li > a {position:relative; font-size:2.4rem; line-height:10rem; font-weight:600;}
#header .pc_nav .depth01 > li > a:after {content:''; position:absolute; bottom:0; left:50%; width:0; height:0; border-left:1rem solid transparent; border-right:1rem solid transparent; border-bottom:1rem solid #117533; opacity:0; transition:all 0.3s; transform:translateX(-50%);}
#header .pc_nav .depth01 > li.on > a,
#header .pc_nav .depth01 > li:hover > a {font-weight:600;}
#header .pc_nav .depth01 > li.on > a:after,
#header .pc_nav .depth01 > li:hover > a:after {opacity:1;}
#header .pc_nav .depth02 {display:none; position:absolute; width:23rem; top:10rem; left:50%; background:#117533; z-index:100; box-shadow:10px 10px 15px rgba(0,0,0,0.1); transform:translateX(-50%);}
#header .pc_nav .depth02 > li {position:relative;}
#header .pc_nav .depth02 li a {position:relative; padding:1.1rem 2rem; border-bottom:1px dashed rgba(255,255,255,0.2); color:#fff; font-size:1.8rem;}
#header .pc_nav .depth02 > li.has > a:after {content:''; position:absolute; top:50%; right:2rem; width:0.6rem; height:0.6rem; border-bottom:2px solid rgba(255,255,255,0.7); border-right:2px solid rgba(255,255,255,0.7); transform:translateY(-50%) rotate(-45deg);}
#header .pc_nav .depth02 > li.on > a,
#header .pc_nav .depth02 > li:hover > a {color:#ffeb00; font-weight:500; background:#0a5d26;}
#header .pc_nav .depth03 {display:none; position:absolute; width:23rem; top:0; left:23rem; background:#0a5d26; box-shadow:10px 10px 15px rgba(0,0,0,0.1);}
#header .pc_nav .depth03 > li.on > a,
#header .pc_nav .depth03 > li:hover > a {color:rgba(255,255,255,1); text-decoration:underline;}
#header .m_nav {display:none; position:fixed; right:0; top:0; width:100%; height:100%; z-index:300;}
#header .m_nav:before {content:''; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); transition:all 0.85s cubic-bezier(0.43, 0.03, 0.21, 1);}
#header .m_nav nav {position:absolute; right:-100%; top:0; width:100%; max-width:360px; height:100%; overflow-y:auto; background:#fff; text-align:center; z-index:100; transition:all 0.85s cubic-bezier(0.43, 0.03, 0.21, 1); transition-delay:0.3s;}
#header .m_nav .depth01 {position:absolute; top:5.3rem; width:100%; height:100%; background:#f4f4f4; text-align:left; z-index:100;}
#header .m_nav .depth01 a {position:relative; padding:0 2rem;}
#header .m_nav .depth01 > li {width:140px;}
#header .m_nav .depth01 > li > a {padding-top:1.3rem; padding-bottom:1.3rem; font-weight:500;}
#header .m_nav .depth01 > li.on > a,
#header .m_nav .depth01 > li:hover > a {background:#ddd; font-weight:700;}
#header .m_nav .depth01 > li.on .depth02 {display:block;}
#header .m_nav .depth02 {display:none; position:absolute; top:0; right:0; width:calc(100% - 140px); height:100%; background:#fff;}
#header .m_nav .depth01 > li:first-child > .depth02 {display:block;}
#header .m_nav .depth02 > li > a {padding-top:1.3rem; padding-bottom:1.2rem; padding-right:3rem; border-bottom:1px solid #ddd; font-weight:500;}
#header .m_nav .depth02 > li.has > a:before {content:''; position:absolute; top:50%; right:2rem; width:0.6rem; margin-top:-0.1rem; height:0.6rem; border-bottom:2px solid #c7c7c7; border-right:2px solid #c7c7c7; transform:translateY(-50%) rotate(45deg);}
#header .m_nav .depth02 > li.on > a,
#header .m_nav .depth02 > li:hover > a {color:#117533; font-weight:700;}
#header .m_nav .depth02 > li.has.on > a:before,
#header .m_nav .depth02 > li.has:hover > a:before {border-color:#117533;}
#header .m_nav .depth03 {padding:1.1rem 0; border-bottom:1px solid #ddd;}
#header .m_nav .depth03 > li > a {padding-left:3.2rem; margin:0.7rem 0; font-size:1.6rem; color:#2b2b2b;}
#header .m_nav .depth03 > li > a:before {content:''; position:absolute; top:1.1rem; left:2rem; width:0.4rem; height:0.4rem; background:#c7c7c7; border-radius:50%;}
#header .m_nav .depth03 > li.on > a,
#header .m_nav .depth03 > li:hover > a {text-decoration:underline;}
#header .m_nav .depth03 > li.on > a:before,
#header .m_nav .depth03 > li:hover > a:before {background:#000;}
#header .m_nav .top {/*overflow:hidden;*/ padding-left:2.2rem; background:#117533; text-align:left;}
#header .m_nav .top:after {content:''; display:block; clear:both;}
#header .m_nav .top > li {float:left; margin-right:3rem;}
#header .m_nav .top > li > a {line-height:5.5rem; color:#fff;}
#header .m_nav_close {position:absolute; top:0; right:0; width:5.3rem; height:5.3rem; background:#0a4c20;}
#header .close_btn {display:block; position:absolute; top:50%; left:50%; width:1.4rem; height:1.4rem; z-index:200; transform:translate(-50%, -50%);}
#header .close_btn span {display:block; position:absolute; top:50%; left:0; width:100%; height:0.2rem; background:rgba(255,255,255,0); color:transparent; transform:translate(0, -50%);}
#header .close_btn span:before,
#header .close_btn span:after {content:""; position:absolute; left:0; top:0; width:100%; height:0.2rem; background:rgba(255,255,255,1);}
#header .close_btn span:before {top:0; transform:rotate(45deg);}
#header .close_btn span:after {top:0; transform:rotate(-45deg);}
@media all and (max-width:1540px) {
  #header {padding:0 2%;}
  #header .logo a {width:200px;}
  #header .pc_nav nav {margin-left:6rem;}
  #header .pc_nav .depth01 {margin-left:-2.3rem;}
  #header .pc_nav .depth01 > li {padding:0 2.3rem;}
  #header .pc_nav .depth01 > li > a {font-size:2.2rem;}
  #header .pc_nav .depth01 > li > a:after {border-left:0.8rem solid transparent; border-right:0.8rem solid transparent; border-bottom:0.8rem solid #117533;}
}
@media all and (max-width:1240px) {
  #header, #header .logo, #header .right {height:9rem;}
  #header .logo a {width:180px;}
  #header .right .nav_open a {margin-left:0;}
  #header .pc_nav .right .lang {display:none;}
  #header .pc_nav .depth01 {margin-left:-1.5rem;}
  #header .pc_nav .depth01 > li {padding:0 1.5rem;}
  #header .pc_nav .depth01 > li > a {font-size:2rem; line-height:9rem;}
  #header .pc_nav .depth02 > li > a {font-size:1.7rem;}
  #header .pc_nav .depth02 {top:9rem;}
}
@media all and (max-width:1023px) {
  #header, #header .logo, #header .right {height:8rem;}
  #header .pc_nav nav {display:none;}
}
@media all and (max-width:599px) {
  #header, #header .logo, #header .right {height:7rem;}
  #header {padding:0 4%;}
  #header .m_nav nav {max-width:100%;}
}

/* footer */
#footer {padding:10rem 0 4rem;}
#footer > div.wrap {overflow:hidden; position:relative;}
#footer .logo {position:absolute; top:0;}
#footer .logo span {display:block; text-indent:-9999rem; margin-bottom:2.5rem;}
#footer .logo span.gb {width:16rem; height:4.3rem; background:url('/Main/Images/new/ko/contents/symbol03.png') no-repeat center/contain;}
#footer .logo span.saemaul {width:24rem; height:4.4rem; background:url('/Main/Images/saemaul/common/h_logo.png') no-repeat center/contain;}
#footer .f_info {float:left; padding-left:29rem;}
#footer .f_info address * {display:inline-block;}
#footer .f_info address > p,
#footer .f_info address > div {margin-right:1.5rem;}
#footer .f_info address b {margin-right:0.7rem;}
#footer .f_info small {display:inline-block; color:#b0b0b0; font-size:1.3rem; text-transform:uppercase; letter-spacing:0.4px; margin-top:1.2rem;}
#footer .f_link ul {overflow:hidden; float:right;}
#footer .f_link ul li {float:left;}
#footer .f_link ul li a {display:block; position:relative; padding:0 2rem;}
#footer .f_link ul li a:before {content:''; position:absolute; top:50%; left:0; width:0.1rem; height:1rem; background:#b4b4b4; transform:translateY(-50%);}
#footer .f_link ul li:first-child a {color:#117533; padding-left:0; font-weight:700;}
#footer .f_link ul li:first-child a:before {display:none;}
@media all and (max-width:1440px) {
  #footer .logo {display:none;}
  #footer .f_info {background:none; padding-left:0;}
}
@media all and (max-width:1023px) {
  #footer {padding:7rem 0 4rem; text-align:center;}
  #footer .f_info {float:none;}
  #footer .f_info address {margin:1rem 0 2rem;}
  #footer .f_info address > p,
  #footer .f_info address > div {display:block;}
  #footer .f_link {display:inline-block;}
  #footer .f_link ul {float:none;}
}