@charset "utf-8";

/* common */


  @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(/fonts/NotoSansKr/NotoSansKR-Thin.woff2) format('woff2'),
         url(/fonts/NotoSansKr/NotoSansKR-Thin.woff) format('woff'),
         url(/fonts/NotoSansKr/NotoSansKR-Thin.otf) format('opentype');
  }
  @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/NotoSansKr/NotoSansKR-Light.woff2) format('woff2'),
         url(/fonts/NotoSansKr/NotoSansKR-Light.woff) format('woff'),
         url(/fonts/NotoSansKr/NotoSansKR-Light.otf) format('opentype');
  }
  @font-face {
     font-family: 'Noto Sans KR';
     font-style: normal;
     font-weight: 400;
     src: url(/fonts/NotoSansKr/NotoSansKR-Regular.woff2) format('woff2'),
          url(/fonts/NotoSansKr/NotoSansKR-Regular.woff) format('woff'),
          url(/fonts/NotoSansKr/NotoSansKR-Regular.otf) format('opentype');
   }
  @font-face {
     font-family: 'Noto Sans KR';
     font-style: normal;
     font-weight: 500;
     src: url(/fonts/NotoSansKr/NotoSansKR-Medium.woff2) format('woff2'),
          url(/fonts/NotoSansKr/NotoSansKR-Medium.woff) format('woff'),
          url(/fonts/NotoSansKr/NotoSansKR-Medium.otf) format('opentype');
   }
  @font-face {
     font-family: 'Noto Sans KR';
     font-style: normal;
     font-weight: 700;
     src: url(/fonts/NotoSansKr/NotoSansKR-Bold.woff2) format('woff2'),
          url(/fonts/NotoSansKr/NotoSansKR-Bold.woff) format('woff'),
          url(/fonts/NotoSansKr/NotoSansKR-Bold.otf) format('opentype');
   }
  @font-face {
     font-family: 'Noto Sans KR';
     font-style: normal;
     font-weight: 900;
     src: url(/fonts/NotoSansKr/NotoSansKR-Black.woff2) format('woff2'),
          url(/fonts/NotoSansKr/NotoSansKR-Black.woff) format('woff'),
          url(/fonts/NotoSansKr/NotoSansKR-Black.otf) format('opentype');
   }




#wrap {position:relative;}
.inner {max-width:1140px; margin:0 auto;}
img {max-width:100%;}
.eng_font {font-family:'Noto Sans KR'; text-transform:uppercase;}
.pc_img {display:block !important; width:100%;}
.m_img {display:none !important;}


/* header */
#header {position:fixed; top:0; left:0; right:0; height:66px; z-index:10; border-bottom:1px solid rgba(0,0,0,0.2); box-sizing:border-box; background:rgba(255,255,255,1);}
#header._bg {background:rgba(255,255,255,0.8);}
#header .header_wrap {position:relative; max-width:1100px; margin:0 auto; padding:0 20px; box-sizing:border-box;}
#header .logo {display:block; float:left; padding-left:0px;}
#header .logo a {display:block; height:66px;}
#header .logo img {height:28px; margin-left: 30px; padding:18px 0;}
#header .btn_menu_open {float:left; width:44px; height:24px; margin:21px 0; margin-right:16px; text-indent:-9999em; background:url('/images/common/btn_menu_open.png') no-repeat 50%; background-size:contain;}
#header .btn_menu_open:hover {background:url('/images/common/btn_menu_open2.png') no-repeat 50%;}
#header .btn_menu {position:relative; width:40px; height:24px; margin:21px 16px 21px 0; background:none;}
#header .btn_menu span {display:block; position:absolute; top:50%; bottom:0; right:0; width:60%; height:2px; margin-top:-1px; background:#000;}
#header .btn_menu:before,
#header .btn_menu:after {content:'';display:block; position:absolute; right:0; background:#000; height:2px;}
#header .btn_menu:before {top:0; width:60%;}
#header .btn_menu:after {bottom:0; width:60%;}
#header .btn_menu:hover {background:none;}
#header .btn_menu:hover span,
#header .btn_menu:hover:before,
#header .btn_menu:hover:after {background:#2997ff;}
#header .btn_loginOut {display:inline-block; float:right; font-size:14px; line-height:1; margin:16px 16px 16px 0; padding:10px 30px 10px 0; background:url('/images/common/btn_loginOut.png') no-repeat 98% 50%; background-size:24px;}
#header .btn_loginOut:hover {color:#2997ff; text-decoration:none; background:url('/images/common/btn_loginOut_hover.png') no-repeat 98% 50%; background-size:24px;}
#header._bg #gnb ul li ul {background:rgba(255,255,255,0.8);}


#header_title {display:table; float:left; text-align:left; margin-left:4px; height:66px;}
#header_title .title {display:table-cell;vertical-align:bottom;padding:0px 0px 10px 0px;font-size:20px;font-family:Noto Sans KR;}

/* gnb */
#gnb {float:center; text-align:center; margin-right:0px;}
#gnb ul li {position:relative; display:inline-block; padding:13.5px 40px;}
#gnb ul li a {position:relative; display:inline-block; padding:10px 15px; font-weight:700; color:#777; font-size:14px;font-family:Lato;}
#gnb ul li a:hover {text-decoration:none; color:#2997ff;}
#gnb ul li a.active {color:#2997ff;}
#pageName {position: absolute; left: -9999em; overflow: hidden; width: 1px !important; height: 1px !important; font-size: 0; line-height: 0; text-indent: -9999em;}
#gnb ul li ul {display:none; position:absolute; top:66px; left:0; right:0; /* background:#fff; */background:rgba(255,255,255,0.8); text-align:center;}
#gnb ul li ul li {display:inline-block; padding:0;}
#gnb ul li ul li:last-child {margin-bottom:10px;}
#gnb ul li ul li a {padding:10px;}

#lnb{position:fixed; top:0; left:-320px; bottom:0; width:320px; padding-top:100px; background:#fff; z-index:99;}
#lnb .btn_menu_close {position:absolute; top:20px; right:20px; width:30px; height:30px; text-indent:-9999em; background:url('/images/common/btn_menu_close_b.png') no-repeat 50%;}
#lnb ul {margin:0 50px;padding:50px 0;}
#lnb ul li {padding:5px 0;}
#lnb ul li a {display:inline-block; padding:5px 0; color:#000;}
#lnb ul li a:hover {color:#2997ff; text-decoration:none;}
#lnb ul + ul {border-top:1px solid #000;}
#lnb ul li ul {display:none; margin:0; padding:0;}
#lnb .menu_list ul {display:none;}
#lnb .menu_list ul li {padding-left:20px; font-size:14px; font-weight:300;}
#lnb .menu_list li a {position:relative; letter-spacing:0.1em;}
#lnb .menu_list li a:hover {color:#000; text-decoration:none;}
#lnb .menu_list li a:after {content:''; position:absolute; bottom:0; left:0; display:block; width:0; border-bottom:2px solid #2997ff;}
#lnb .menu_list li a:hover:after {width:100%; transition:width linear 0.25s;}
/* #lnb .menu_list li a.point {color:#2997ff; font-weight:700;} */

/* login popup */
#loginPopup {display:none; position:fixed; background:#fff; z-index:110; padding:110px 160px;}
.backscreen {display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:101;}
#loginPopup .btn_popup_close {position:absolute; top:20px; right:20px; width:20px; height:20px; background:url('/images/common/btn_popup_close.png') no-repeat 50%; text-indent:-9999em;}
#loginPopup .popup_wrap {width:425px;}
#loginPopup .popup_title {margin-bottom:20px; border-bottom:2px solid #000; font-size:28px;}
#loginPopup input {display:inline-block; width:100%; margin-bottom:10px; padding:4px 15px; border:1px solid #000; background:#fff; box-sizing:border-box;}
#loginPopup .btn_login {display:block; height:47px; line-height:47px; padding:0; background:#282828; color:#fff; font-size:12px; text-align:center;}
#loginPopup ul {margin-top:25px; text-align:center; font-size:0;}
#loginPopup ul li {display:inline-block; width:33%; font-size:16px;}
#loginPopup ul li a {display:inline-block; padding:5px; font-size:12px;}

/* footer */
#footer .banner {padding:0 80px; background:#fff;}
#footer .banner ul {padding:20px 0; font-size:0;}
.main_cont + #footer .banner ul {border-top:1px solid #9a9a9a;}
#footer .banner ul li {display:inline-block; width:16.5%; padding:5px 0; font-size:16px; text-align:center; box-sizing:border-box;}
#footer .footer_bottom {position:relative; padding:30px 80px; background:#282828; overflow:hidden;}
#footer .info {padding-bottom:40px; color:#fff; font-size:12px; font-weight:300;}
#footer .info .address {margin:15px 0;}
#footer .info .fnb {margin:15px 0;}
#footer .info .fnb ul li {display:inline-block; margin-right:30px;}
#footer .info .fnb ul li a {color:#fff;}
#footer .copyright {position:absolute; left:80px; bottom:40px; color:#fff; font-size:12px; font-weight:300;}
#footer .sns_link {position:absolute; top:60px; right:80px;}
#footer .sns_link a {margin:0 5px;}
#footer .contact {position:absolute; bottom:40px; right:80px; text-align:right; color:#fff;}
#footer .contact .email {font-weight:500;}
#footer .contact .tel {font-size:36px; font-weight:700;}

#topBtn {display:none; position:fixed; bottom:150px; right:80px; z-index:20;}
#topBtn a {display:block; width:50px; height:50px; line-height:50px; background:rgba(255,255,255,0.7); border:1px solid #000; text-align:center; color:#000; font-size:14px;}
#topBtn a:hover {background:#2997ff; text-decoration:none;}

@media screen and ( max-width:1600px ){
	#header .header_wrap {max-width:1400px; padding:0;}
}

@media screen and ( max-width:1400px ){
	.inner {width:100%; margin:0 auto; padding:0 16px; box-sizing:border-box;}
	.inner .inner {padding:0;}
}

/* tablet */
@media screen and ( max-width:1200px ){
	/* #header {height:85px;}
	#header .logo {top:10px; left:20px;}
	#header .logo img {width:50px;}
	#header .btn_menu_open {top:30px; right:20px; width:40px; height:20px;} */

	/* #gnb ul li {margin:20px 2%;} */

	#loginPopup {padding:80px 100px;}

	#footer .banner {padding:0 40px;}
	#footer .footer_bottom {padding:20px 40px;}
	#footer .copyright {left:40px;}
	#footer .sns_link {top:20px; right:40px;}
	#footer .contact {bottom:20px; right:40px;}
	#footer .contact .tel {font-size:32px;}

	#topBtn {bottom:120px; right:40px;}
}

/* mobile */
@media screen and ( max-width:768px ){
	.pc_img {display:none !important;}
	.m_img {display:block !important; margin:0 auto;}

	#header {border-bottom:0;}
	/* #header .logo {position:absolute; top:0; left:50%; margin-left:-19px; padding:0;} */
	#header .btn_menu_open {width:28px; height:14px; margin:26px 0; margin-right:16px; background:url('/images/common/m_btn_menu_open.png') no-repeat 50%;}
	#header .btn_menu_open:hover {background:url('/images/common/m_btn_menu_open2.png') no-repeat 50%;}
	#header .btn_menu {width:30px; height:18px; margin:24px 16px 24px 0; background:none;}
	#header .btn_menu:hover {background:none;}
	#header .btn_menu:hover span,
	#header .btn_menu:hover:before,
	#header .btn_menu:hover:after {background:#2997ff; background-image:none;}
	#header .btn_loginOut {font-size:12px; margin:17px 16px 17px 0; padding-right:26px; background-size:20px;}
	#header .btn_loginOut:hover {background-size:20px;}
	/* #header .btn_loginOut {width:35px; height:30px; margin:18px 16px 18px 0;} */

	#gnb {display:none;}

	#lnb{padding-top:60px;}
	#lnb .btn_menu_close {top:30px; right:30px; background:url('/images/common/m_btn_menu_close_b.png') no-repeat 50%;}
	#lnb ul {margin:0;padding:0;}
	#lnb .menu_list {margin:30px;}
	#lnb .menu_list li {font-size:20px;}
	/* #lnb .menu_list ul {display:block;} */
	#lnb .menu_list + ul {position:absolute; bottom:30px; margin:30px; border:0;}

	#loginPopup {width:calc(100% - 32px); margin:0 16px; padding:100px 20px; box-sizing:border-box;}
	#loginPopup .popup_wrap {width:100%;}

	#footer .banner {display:none;}
	#footer .footer_bottom {padding:40px 16px;}
	#footer .footer_logo img {width:50px;}
	#footer .info {padding-bottom:120px;}
	#footer .copyright {left:16px; bottom:50px;}
	#footer .sns_link {top:40px; right:16px;}
	#footer .contact {bottom:70px; left:16px; right:auto; text-align:left;}
	#footer .contact .tel {font-size:32px;}

	#topBtn {bottom:40px; right:16px;}
	#topBtn a {width:40px; height:40px; line-height:40px; font-size:12px;}
}

/* mobile */
@media screen and ( max-height:600px ){
	#lnb {padding-top:0;}
	#lnb ul {padding:20px 0;}
	#lnb .menu_list li a {padding:0; font-size:18px;}
	#lnb ul li a {padding:0;}

}


.ds-g-overlay {
  position: absolute;
  z-index:11;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  visibility: hidden;
  transition: background .3s ease; }
  .ds-g-overlay.visible {
    background: rgba(0, 0, 0, 0.32);
    pointer-events: initial;
    visibility: visible; }

/* display */
.dp_inline {display:inline !important;}
.dp_inBlock {display:inline-block !important;}
.dp_block {display:block !important;}
.dp_none {display:none !important;}

.hidden,
legend > span,
caption > span {position:absolute;left:-9999em;overflow:hidden;width:1px !important;height:1px !important;font-size:0;line-height:0;text-indent:-9999em;}

/* float */
.floatL {float:left !important;}
.floatR {float:right !important;}
.clear:after {content:'';display:block;clear:both;}
.clearL {clear:left;}
.clearR {clear:right;}

/* width */
.w10p {width:10% !important;}
.w20p {width:20% !important;}
.w30p {width:30% !important;}
.w40p {width:40% !important;}
.w50p {width:50% !important;}
.w60p {width:60% !important;}
.w70p {width:70% !important;}
.w80p {width:80% !important;}
.w90p {width:90% !important;}
.w95p {width:95% !important;}
.w100p {width:100% !important;}

/* height */
.h10p {height:10% !important;}
.h20p {height:20% !important;}
.h30p {height:30% !important;}
.h40p {height:40% !important;}
.h50p {height:50% !important;}
.h60p {height:60% !important;}
.h70p {height:70% !important;}
.h80p {height:80% !important;}
.h90p {height:90% !important;}
.h100p {height:100% !important;}

/* input, select, textarea size */
.size80 {width:80px !important;}
.size100 {width:100px !important;}
.size150 {width:150px !important;}
.size200 {width:200px !important;}
.size250 {width:250px !important;}
.size100p {width:100% !important;}

/* overflow */
.overHidden {overflow:hidden;}
.scroll {overflow:auto;}
.scrollX {overflow-x:scroll;}
.scrollY {overflow-y:scroll;}

/* margin */
.mg0{margin:0 !important;}
.mgT0 {margin-top:0px !important;}
.mgT5 {margin-top:5px !important;}
.mgT10 {margin-top:10px !important;}
.mgT15 {margin-top:15px !important;}
.mgT20 {margin-top:20px !important;}
.mgT25 {margin-top:25px !important;}
.mgT30 {margin-top:30px !important;}
.mgT40 {margin-top:40px !important;}
.mgT50 {margin-top:50px !important;}
.mgT80 {margin-top:80px !important;}
.mgT100 {margin-top:100px !important;}

.mgR0 {margin-right:0px !important}
.mgR5 {margin-right:5px !important}
.mgR10 {margin-right:10px !important}
.mgR15 {margin-right:15px !important}
.mgR20 {margin-right:20px !important}
.mgR25 {margin-right:25px !important}
.mgR30 {margin-right:30px !important}
.mgR40 {margin-right:40px !important}
.mgR50 {margin-right:50px !important}
.mgR80 {margin-right:80px !important}
.mgR100 {margin-right:100px !important}

.mgB0 {margin-bottom:0px !important;}
.mgB5 {margin-bottom:5px !important;}
.mgB10 {margin-bottom:10px !important;}
.mgB15 {margin-bottom:15px !important;}
.mgB20 {margin-bottom:20px !important;}
.mgB25 {margin-bottom:25px !important;}
.mgB30 {margin-bottom:30px !important;}
.mgB40 {margin-bottom:40px !important;}
.mgB50 {margin-bottom:50px !important;}
.mgB80 {margin-bottom:80px !important;}
.mgB100 {margin-bottom:100px !important;}

.mgL0 {margin-left:0px !important;}
.mgL5 {margin-left:5px !important;}
.mgL10 {margin-left:10px !important;}
.mgL15 {margin-left:15px !important;}
.mgL20 {margin-left:20px !important;}
.mgL25 {margin-left:25px !important;}
.mgL30 {margin-left:30px !important;}
.mgL40 {margin-left:40px !important;}
.mgL50 {margin-left:50px !important;}
.mgL80 {margin-left:80px !important;}
.mgL100 {margin-left:100px !important;}

/* padding */
.pd0{padding:0 !important;}

.pdT0 {padding-top:0px !important;}
.pdT5 {padding-top:5px !important;}
.pdT10 {padding-top:10px !important;}
.pdT15 {padding-top:15px !important;}
.pdT20 {padding-top:20px !important;}
.pdT25 {padding-top:25px !important;}
.pdT30 {padding-top:30px !important;}
.pdT40 {padding-top:40px !important;}
.pdT50 {padding-top:50px !important;}
.pdT80 {padding-top:80px !important;}
.pdT100 {padding-top:100px !important;}

.pdR0 {padding-right:0px !important;}
.pdR5 {padding-right:5px !important;}
.pdR10 {padding-right:10px !important;}
.pdR15 {padding-right:15px !important;}
.pdR20 {padding-right:20px !important;}
.pdR25 {padding-right:25px !important;}
.pdR30 {padding-right:30px !important;}
.pdR40 {padding-right:40px !important;}
.pdR50 {padding-right:50px !important;}
.pdR80 {padding-right:80px !important;}
.pdR100 {padding-right:100px !important;}

.pdB0 {padding-bottom:0px !important;}
.pdB5 {padding-bottom:5px !important;}
.pdB10 {padding-bottom:10px !important;}
.pdB15 {padding-bottom:15px !important;}
.pdB20 {padding-bottom:20px !important;}
.pdB25 {padding-bottom:25px !important;}
.pdB30 {padding-bottom:30px !important;}
.pdB40 {padding-bottom:40px !important;}
.pdB50 {padding-bottom:50px !important;}
.pdB80 {padding-bottom:80px !important;}
.pdB100 {padding-bottom:100px !important;}

.pdL0 {padding-left:0px !important;}
.pdL5 {padding-left:5px !important;}
.pdL10 {padding-left:10px !important;}
.pdL15 {padding-left:15px !important;}
.pdL20 {padding-left:20px !important;}
.pdL25 {padding-left:25px !important;}
.pdL30 {padding-left:30px !important;}
.pdL40 {padding-left:40px !important;}
.pdL50 {padding-left:50px !important;}
.pdL80 {padding-left:80px !important;}
.pdL100 {padding-left:100px !important;}

/* border style */
.bd0 {border:0 !important;}
.bdT0 {border-top:0 !important;}
.bdR0 {border-right:0 !important;}
.bdB0 {border-bottom:0 !important;}
.bdL0 {border-left:0 !important;}

.bd_solid {border:1px solid #ccc !important;}
.bdT {border-top:1px solid #ccc !important;}
.bdR {border-right:1px solid #ccc !important;}
.bdB {border-bottom:1px solid #ccc !important;}
.bdL {border-left:1px solid #ccc !important;}

.bd_black {border-color:#000 !important;}
.bd_white {border-color:#fff !important;}
.bd_gray {border-color:#eee !important;}

/* color */
.black {color:#000 !important;}
.white {color:#fff !important;}

/* background color */
.no_bg {background:none !important;}
.bg_black {background-color:#000 !important;}
.bg_white {background-color:#fff !important;}

/* align */
.alignL {text-align:left !important;}
.alignC {text-align:center !important;}
.alignR {text-align:right !important;}

.valignT {vertical-align:top !important;}
.valignM {vertical-align:middle !important;}
.valignB {vertical-align:bottom !important;}

/* font Size */
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:16px !important;}
.fs20 {font-size:20px !important;}
.fs24 {font-size:24px !important;}
.fs36 {font-size:36px !important;}

/* font-weight */
.fw100 {font-weight:100 !important;}
.fw300 {font-weight:300 !important;}
.fw350 {font-weight:350 !important;}
.fw400 {font-weight:400 !important;}
.fw500 {font-weight:500 !important;}
.fw700 {font-weight:700 !important;}
.fw900 {font-weight:900 !important;}

/* grid */
.row {position:relative; margin:0 -0.625rem; overflow:hidden;}
.row > div {float:left;box-sizing:border-box;padding:0 0.625rem;}
.row .col1 {width:8.333%;}
.row .col2 {width:16.666%;}
.row .col3 {width:25%;}
.row .col4 {width:33.333%;}
.row .col5 {width:41.666%;}
.row .col6 {width:50%;}
.row .col7 {width:58.333%;}
.row .col8 {width:66.666%;}
.row .col9 {width:75%;}
.row .col10 {width:83.333%;}
.row .col11 {width:91.666%;}
.row .col12 {width:100%;}

@media screen and (max-width:768px) {
	.row > div {width:100% !important; padding-bottom:1.25rem;}
}