/************************************************************************
 * 설명       :   기본 스타일시트
 * 작성자     :   (주)웨이투원
 * 파일명     :   basic.css
!important
************************************************************************/

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


*:focus { outline:none; }

body, input, textarea, select, button, table{margin:0; font-size:18px; font-family:'Montserrat','Noto Sans KR', Noto Sans KR, 'Lato','돋움', Dotum, Helvetica, AppleGothic, Sans-serif; color:#000}
body, h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, form, fieldset, legend, button { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 {color: #000000; margin: 0;}

img {max-width:100%;}
img, fieldset{border:0 none}
dl, ul, ol, li {list-style: none outside none;}
button{border:0 none; cursor:pointer; display: block;}
table {border-collapse:collapse;}

img {vertical-align:top;}
li img { vertical-align:top;}
td img { vertical-align:middle;}
.cursor { cursor: pointer;}

strong, .strong , b { font-weight: 500;}
address, caption, cite, code, dfn, em, var {font-style:normal;}

hr { clear:both; display: none; }
.blind, legend, caption {display:none;}

a {text-decoration:none; color:#666;}
a:hover, a:active, a:focus {text-decoration:none;}
table a:hover, table a:active {text-decoration:underline;}
table a.nonehoverline { text-decoration:none; }

input, select, textarea {vertical-align:middle;}
input, textarea, select { border-width:1px; border-style: solid; border-color:#ccc; background:#fff; outline:0;}
input[type=button],
input[type=submit],
textarea {border-radius:0; -webkit-border-radius:0; appearance:none; -webkit-appearance:none;}
select {height:45px; box-sizing:border-box; border-radius:0; -webkit-border-radius:0;}
input.text {padding:0px 10px; height:45px; color:#666; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; appearance:none; -webkit-appearance:none; box-sizing:border-box;}
input.file {height:45px; border:1px solid #ccc; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; appearance:none; -webkit-appearance:none;}
input.check	{border:none; background:none;}
input.radio	{border:0 none; background:none;}
textarea.textarea {height:120px; padding:10px; box-sizing:border-box;}
label {cursor:pointer;}
.button {border:0 none; cursor:pointer; border-radius:0; -webkit-border-radius:0; appearance:none; -webkit-appearance:none;}

/* btn */
.BtnArea {margin-top:50px; text-align:center;}
.button {border:0 none; cursor:pointer}

.btn_gray {display:inline-block; width:100px; height:50px; border:1px solid #ccc; background:#fff; font-size:16px; text-align:center; color:#888; cursor:pointer; box-sizing:border-box; line-height:46px; border-radius:0; -webkit-border-radius:0; appearance:none; -webkit-appearance:none;}
.btn_gray2 {display:inline-block; width:190px; height:50px; border:1px solid #666; background:#fff; font-weight:400; text-align:center; color:#666; line-height:48px; border-radius:0; -webkit-border-radius:0; appearance:none; -webkit-appearance:none; cursor:pointer;}
.btn_gray3 {width:135px; height:40px; background:#666; color:#fff; text-align:center; line-height:40px; font-weight:600; font-size:15px; border-radius:2px;}

.btn_red {display:inline-block; width:100px; height:50px; border:1px solid #87ca3c; background:#87ca3c; font-size:16px; text-align:center; color:#fff; cursor:pointer; box-sizing:border-box; line-height:46px; border-radius:0; -webkit-border-radius:0; appearance:none; -webkit-appearance:none;}
.btn_red2 {display:inline-block; width:190px; height:50px; border:none; background:#87ca3c; font-weight:400; text-align:center; color:#fff; line-height:50px; border-radius:0; -webkit-border-radius:0; appearance:none; -webkit-appearance:none; cursor:pointer;}
.btn_red3 {display:inline-block; width:92px; height:25px; margin-top:15px; background:url('/images/common/btn/btn_bg1.gif') repeat-x 0 0; padding:0; word-spacing:3px; text-align:center; line-height:25px; color:#977b5d; font-size:12px; border:1px solid #977b5d; }
.btn_red4 {width:135px; height:40px; background:#977b5d; color:#fff; text-align:center; line-height:40px; font-weight:600; font-size:15px; border-radius:2px;}

.btn_black {display:inline-block; width:100px; height:50px; border:1px solid #666; background:#fff; font-size:16px; text-align:center; color:#666; cursor:pointer; box-sizing:border-box; line-height:46px; border-radius:0; -webkit-border-radius:0; appearance:none; -webkit-appearance:none;}
.btn_black.rebod { border-color:#ccc; }
.btn_s_black {display:inline-block; width:90px; height:40px; border:1px solid #666; background:#fff; font-size:16px; text-align:center; color:#666; cursor:pointer; box-sizing:border-box; line-height:38px; border-radius:0; -webkit-border-radius:0; appearance:none; -webkit-appearance:none;}

.btn_green {display:inline-block; width:225px; height:60px; border:none; background:#87ca3c; font-weight:400; text-align:center; color:#fff; line-height:59px; border-radius:0; -webkit-border-radius:0; appearance:none; -webkit-appearance:none; cursor:pointer;}

.btn_login {display:block; width:131px; height:85px; border:none; background:#977b5d; font-size:16px; font-weight:500; color:#fff; text-align:center; line-height:85px; cursor:pointer; border-radius:2px;}
.btn_search {display:inline-block; width:115px; height:45px; border:none; background:#a3a3a3; text-align:center; color:#fff; line-height:45px; border-radius:0; -webkit-border-radius:0; appearance:none; -webkit-appearance:none; cursor:pointer;}
.btn_prnext {width:30px; height:30px; cursor:pointer; line-height:28px; font-size: 13px; background:url('/images/common/btn/btn_bg1.gif') repeat-x left top; padding: 0px;display: inline-block;color:#666; text-decoration:none; text-align: center; border:1px solid #ccc; border-top-color:#ddd; border-bottom-color:#bbb; border-radius:2px;}
.btn_comment {width:80px; height:52px; border:none; line-height:51px; font-size:13px; background:#999 !important; padding:0px; display:inline-block; color:#fff; text-decoration:none; text-align:center; cursor:pointer; border-radius:2px;}

/* btn more */
.btn_more01 {display:block; width:120px; height:40px; border:1px solid #aaa; font-family:'Poppins', Sans-serif; font-size:14px; text-align:center; line-height:40px; box-sizing:border-box; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.btn_more01:hover {border-color:#87ca3c; background:#87ca3c; color:#fff;}
.btn_more02 {display:inline-block; border-bottom:1px solid #8c8c8c; font-family:'Poppins', Sans-serif; font-size:15px; font-weight:600; line-height:1.2; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.btn_more02:hover {color:#87ca3c; border-color:#87ca3c;}

/* dot */
.dot {position: relative;}
.dot::after {content: ""; width: 12px; height: 12px; border-radius: 50%; background-color: #87ca3c; position: absolute; bottom: 4px; margin-left: 10px;}

/* font */
.noto {font-family: "Noto Sans KR", sans-serif;}
.montserrat {font-family: Montserrat, sans-serif;}

/* font-size */
.tit {position: relative;
    font-size: 40px;
    font-weight: bold;
    color: #000;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
  margin-bottom: 80px;}

.dot::after {content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #87ca3c;
  position: absolute;
  bottom: 4px;
  margin-left: 10px;}

  @media screen and (max-width: 1024px) {
    .tit {
    margin-bottom: 40px;}
  }

@media screen and (max-width: 520px) {
  .tit {font-size: 28px;}
  .dot::after {width: 10px; height: 10px;}
}


/* @media screen and (max-width: 991px) {
  .tit {font-size: 36px; margin-bottom: 60px;}
}

@media screen and (max-width: 768px) {
  .tit {font-size: 32px; margin-bottom: 40px;}
}

@media screen and (max-width: 575px) {
  .tit {font-size: 28px; margin-bottom: 30px;}
}

@media screen and (max-width: 360px) {
  .tit {font-size: 20px;}
} */

/* font-weight */
.fw-100 {font-weight: 100;}
.fw-100 {font-weight: 100;}
.fw-100 {font-weight: 100;}
.fw-100 {font-weight: 100;}
.fw-100 {font-weight: 100;}
.fw-100 {font-weight: 100;}
.fw-100 {font-weight: 100;}
.fw-100 {font-weight: 100;}

/* margin */
.mgT0 {margin-top:0px !important}
.mgT3 {margin-top:3px !important}
.mgT5 {margin-top:5px !important}
.mgT6 {margin-top:6px !important}
.mgT8 {margin-top:8px !important}
.mgT10 {margin-top:10px !important}
.mgT13 {margin-top:13px !important}
.mgT15 {margin-top:15px !important}
.mgT20 {margin-top:20px !important}
.mgT25 {margin-top:25px !important}
.mgT30 {margin-top:30px !important}
.mgT35 {margin-top:35px !important}
.mgT40 {margin-top:40px !important}
.mgT50 {margin-top:50px !important}
.mgT60 {margin-top:60px !important}
.mgT60 {margin-top:60px !important}
.mgT75 {margin-top:75px !important}
.mgT80 {margin-top:80px !important}


.mgB0 {margin-bottom:0px !important}
.mgB5 {margin-bottom:5px !important}
.mgB10 {margin-bottom:10px !important}
.mgB20 {margin-bottom:20px !important}
.mgB30 {margin-bottom:30px !important}
.mgB35 {margin-bottom:35px !important}
.mgB40 {margin-bottom:40px !important}
.mgB50 {margin-bottom:50px !important}

.mgR0 {margin-right:0px !important}
.mgR5 {margin-right:5px !important}
.mgR10 {margin-right:10px !important}
.mgR12 {margin-right:12px !important}
.mgR14 {margin-right:14px !important}
.mgR20 {margin-right:20px !important}
.mgR23 {margin-right:23px !important}
.mgR28 {margin-right:28px !important}
.mgR30 {margin-right:30px !important}
.mgR70 {margin-right:70px !important}

.mgL0 {margin-left:0px !important}
.mgL5 {margin-left:5px !important}
.mgL10 {margin-left:10px !important}
.mgL12 {margin-left:12px !important}
.mgL15 {margin-left:15px !important}
.mgL17 {margin-left:17px !important}
.mgL20 {margin-left:20px !important}
.mgL25 {margin-left:25px !important}
.mgL30 {margin-left:30px !important}
.mgL35 {margin-left:35px !important}
.mgL40 {margin-left:40px !important}

/* padding */
.pd0 {padding:0px !important}
.pd3 {padding:3px !important}
.pd10 {padding:10px !important}
.pd17 {padding:17px !important}

.pdT0 {padding-top:0px !important}
.pdT2 {padding-top:2px !important}
.pdT3 {padding-top:3px !important}
.pdT4 {padding-top:4px !important}
.pdT5 {padding-top:5px !important}
.pdT7 {padding-top:7px !important}
.pdT10 {padding-top:10px !important}
.pdT15 {padding-top:15px !important}
.pdT20 {padding-top:20px !important}
.pdT30 {padding-top:30px !important}
.pdT50 {padding-top:50px !important}

.pdB0 {padding-bottom:0px !important}
.pdB5 {padding-bottom:5px !important}
.pdB7 {padding-bottom:7px !important}
.pdB10 {padding-bottom:10px !important}
.pdB20 {padding-bottom:20px !important}
.pdB30 {padding-bottom:30px !important}
.pdB40 {padding-bottom:40px !important}
.pdB50 {padding-bottom:50px !important}

.pdL0 {padding-left:0px !important}
.pdL8 {padding-left:8px !important}
.pdL10 {padding-left:10px !important}
.pdL12 {padding-left:12px !important}
.pdL20 {padding-left:20px !important}
.pdL50 {padding-left:50px !important}

.pdR0 {padding-right:0px !important}
.pdR5 {padding-right:5px !important}
.pdR10 {padding-right:10px !important}
.pdR20 {padding-right:20px !important}

/* align */
.alignL {text-align:left !important}
.alignR {text-align:right !important}
.alignC {text-align:center !important}
.alignJ{text-align:justify !important;}
.clear {clear:both !important}
.floatL {float:left !important}
.floatR {float:right !important}
img.imgT {vertical-align:top !important}
img.imgB {vertical-align:bottom !important}
img.imgC {vertical-align:middle !important}
.vaT {vertical-align:top !important;}
.vaB {vertical-align:bottom !important;}
.vaM {vertical-align:middle !important;}

/* border */
.bdBn {border-bottom:none !important;}
.bdTn {border-top:none !important;}
.bdLn {border-left:none !important;}
.bdRn {border-right:none !important;}


/*color*/
.red{color:#aa2929 !important}
.blue {color:#2e4f9e !important;}
.black {color:#222 !important;}
.green {color:#608041 !important;}

/*============================================================*/
/*======================= PC 1024 px ~ =======================*/
/*============================================================*/
@media only screen and (max-width:1024px){
body, input, textarea, select, button, table {font-size:17px; font-weight:400; letter-spacing:-0.5px;}

select,
input.text,
input.file {height:42px; font-size:16px;}
textarea.textarea {font-size:16px;}

/* btn */
.btn_gray,
.btn_black,
.btn_red {width:90px; height:45px; font-size:15px; line-height:45px;}

.btn_gray2,
.btn_red2 {width:160px; height:45px; line-height:45px;}

.btn_s_black {width:90px; height:35px; font-size:15px; line-height:32px;}

.btn_green {width:200px; height:55px; line-height:54px;}

.btn_search {width:100px; height:42px; line-height:42px;}

}


/*===============================================================*/
/*======================= Tablet 850 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:850px){


}

/*===============================================================*/
/*======================= Tablet 768 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:768px){


}

/*===============================================================*/
/*======================= Mobile 640 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:640px){

}

/*===============================================================*/
/*======================= Mobile 520 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:520px){
body, input, textarea, select, button, table {font-size:3.6vw;}
select {height:10v.5w; font-size:3.5vw;}
input.text {height:10.5vw; padding:0 2%; font-size:3.5vw;}
input.file {height:10.5vw; font-size:3.5vw;}
textarea.textarea {padding:2%; font-size:3.5vw;}

/* btn */
.btn_gray,
.btn_red,
.btn_black {width:20vw; height:9vw; font-size:3.4vw; line-height:9vw;}
.btn_search {width:22%; height:9vw; line-height:9vw; font-size:3.4vw;}

.btn_s_black {width:20vw; height:8.5vw; font-size:3.4vw; line-height:8vw;}

.btn_red2,
.btn_gray2 {height:11vw; line-height:11vw;}

.btn_green {width:49%; height:12vw; line-height:12vw;}

/* btn more */
.btn_more01 {width:24vw; height:10vw; font-size:3.4vw; line-height:10vw;}
.btn_more02 {font-size:3.4vw;}







}

/*===============================================================*/
/*======================= Mobile 360 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:360px){



}