/************************************************************************
 * 설명       :   기본 스타일시트
 * 작성자     :   (주)웨이투원
 * 파일명     :   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:17px; font-family:'Saira', sans-serif, 'Noto Sans KR', Noto Sans KR, 'Saira', '돋움', Dotum, Helvetica, AppleGothic, Sans-serif; color:#666}
body, h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, form, fieldset, legend, button { margin: 0; padding: 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:#555;}
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; font-size:1.1em; line-height:130%}
input, textarea, select { border-width:1px; border-style: solid; border-color:#ddd; background:#fff; outline:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;  -webkit-border-radius: 0; vertical-align: middle; display: inline-block;}

select {height:35px; min-width: 130px;}
input.text {padding:0px 8px; height:35px; color:#666; box-sizing:border-box;}
input.file {border:1px solid #ddd; padding:2px 6px; font-size:1em; }
input.check	{border:none; background:none;}
input.radio	{border:0 none; background:none;}
textarea.textarea {height:120px; padding:2px 0;}
label {cursor:pointer;}
.comm_check_label { font-size: 13px;}

select.phoneFirSelect { width:55px; padding-left: 8px; padding-right: 8pa;}

input::placeholder {font-weight:300; color:#999; opacity:1;}
input::-moz-placeholder { /* Firefox 19+ */ font-weight:300; color:#999; opacity:1;}
input:-moz-placeholder { /* Firefox 4 - 18 */ font-weight:300; color:#999; opacity:1;}
input::-webkit-input-placeholder { /* Chrome, Safari, Opera */ font-weight:300; color:#999; opacity:1;}
input::-ms-input-placeholder { /* Edge */ font-weight:300; color:#999; opacity:1;}
input:-ms-input-placeholder { /* Edge */ font-weight:300; color:#999; opacity:1;}



@media screen and (max-width:900px){
	select.phoneFirSelect { width:28% !important; }
	input.text.mope { width:30% !important; }
}
@media screen and (max-width:640px){
	select { min-width: auto;}

}

/* font-color */
.fc-orange {color:#f7941e;}


/* 말줄임 */
.ellipsis {	display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;	}
.ellipsis2 {text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



/* btn */
.BtnArea {margin-top:60px; text-align:center;}
.button {border:0 none; appearance:none; -webkit-appearance:none; cursor:pointer; border-radius:3px !important; -webkit-border-radius:3px !important;}


.btn_gray2 {width:172px; height:50px; line-height:50px; font-weight:400; padding:0px; display:inline-block; background:#adafb0; color:#fff; text-decoration:none; text-align:center; border:none; cursor:pointer; box-sizing:border-box;}
.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:132px; height:45px; border:none; padding:0; background:#41435f; text-align:center; font-weight:600; color:#fff; line-height:45px; vertical-align:top; appearance:none; -webkit-appearance:none; cursor:pointer; border-radius:3px !important; -webkit-border-radius:3px !important; cursor:pointer;} */
.btn_red2 {width:172px; height:50px; line-height:50px; font-weight:400; padding:0px; display:inline-block; background:#f7941e; color:#fff; text-decoration:none; text-align:center; border:none; cursor:pointer; box-sizing:border-box;}
.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:#128ae7; font-size:12px; border:1px solid #128ae7; }
.btn_red4 {width:135px; height:40px; background:#128ae7; color:#fff; text-align:center; line-height:40px; font-weight:600; font-size:15px; border-radius:2px;}
/* 
.btn_black {display:inline-block; width:132px; height:45px; border:none; padding:0; background:#76797b; text-align:center; font-weight:600; color:#fff; line-height:45px; vertical-align:top; appearance:none; -webkit-appearance:none; cursor:pointer; border-radius:3px !important; -webkit-border-radius:3px !important; cursor:pointer;}
.btn_black.rebod { border-color:#ccc; } */

.btn_login {display:block; width:131px; height:85px; border:none; background:#128ae7; font-size:16px; font-weight:500; color:#fff; text-align:center; line-height:85px; cursor:pointer; border-radius:2px;}

/* .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_balckLine {display:inline-block; width:255px; height:56px; border:1px solid #555; font-size:18px; font-weight:600; color:#222; text-align:center; vertical-align:top; border-radius:30px; box-sizing:border-box; line-height:56px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.btn_balckLine:hover {border-color:#222; background:#222; color:#fff;}

/* btn more */
.btn_more {display:inline-block; /* width:200px; */ padding:1.5vh 2.5vw; background:transparent; border:1px solid #fff; font-family: 'Saira', sans-serif; font-size:16px; font-weight:400; color:#fff; text-align:center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

.btn_more_m {display:inline-block; width: 37vw; height: 5.5vh; line-height: 5.5vh; background:transparent; border:1px solid #fff; font-family: 'Saira', sans-serif; font-size:3.5vw; font-weight:400; color:#fff; text-align:center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

.btn_orange {
    display: inline-block;
    width: 200px;
    height: 50px;
	line-height: 50px;
	/* padding:0 50px; */
    background: #f7941e;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.btn_more01 {display:inline-block; width:230px; height:60px; background:#fff; font-family: 'Frank Ruhl Libre', serif; font-size:22px; font-weight:600; color:#222; text-align:center; line-height:60px; border-radius:30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.btn_more02 {display:inline-block; width:140px; height:45px; background:#fff; font-family: 'Frank Ruhl Libre', serif; font-size:18px; font-weight:600; color:#222; text-align:center; line-height:45px; border-radius:30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.btn_more02.b {background:#00a1e2; color:#fff;}

/* checkbox custon */
.CheckType01 {display:inline-block; vertical-align:middle;display: flex; justify-content: flex-end; align-items: center;}
/* .CheckType01 input {display:none;} */
.CheckType01 .icon {display:inline-block; width:17px; height:17px; margin-right:5px; margin-top:-2px; background:url('/eng/images/common/icon/icon_check.png') no-repeat 0 0; background-size:100%; vertical-align:middle;display: none;}
.CheckType01 b {font-weight:300; margin-left: 10px;}
.CheckType01 input:checked + .icon {background-image:url('/eng/images/common/icon/icon_check_on.png');}
.CheckType01 input:checked + .icon + b {color:#222;}


.CheckType01 input {width: 16px; height: 16px; vertical-align: bottom;appearance:auto; -webkit-appearance:checkbox;border-width: 1px;border-style: solid;border-color: #ddd;background: #fff;outline: 0;}
input[type="checkbox"]:checked {accent-color: #f7941e; display: block;} 

/* .comm_check_label .comm_check {width: 16px; height: 16px; vertical-align: bottom;appearance:auto; -webkit-appearance:checkbox;border-width: 1px;border-style: solid;border-color: #ddd;background: #fff;outline: 0;}
input[type="checkbox"]:checked {accent-color: #f7941e;} */

.btn_black { padding:0 35px; min-width:130px; height:50px; line-height:48px; font-size:16px; color:#fff; font-weight:500; text-align:center;  cursor:pointer; background-color:#292929; appearance:none; -webkit-appearance: none;  -webkit-border-radius: 0; box-sizing:border-box;}
.btn_black.wide { padding:0 80px;  }

.btn_prnext {width:50px; height:50px; line-height:46px; font-size: 16px; color:#666; font-weight:500; text-align:center; cursor:pointer;  background-color:#f5f5f5; appearance:none; -webkit-appearance: none; -webkit-border-radius: 0; box-sizing:border-box;}
.btn_prnext.wide { padding:0 80px; }

.btn_red {padding:0 20px; min-width:130px; height:50px; line-height:48px; font-size: 16px; color:#fff; font-weight:500; text-align:center; cursor:pointer; background-color:#f7931e;  appearance:none; -webkit-appearance: none; -webkit-border-radius: 0; box-sizing:border-box;}

.btn_gray { padding:0 20px; min-width:130px; height:50px; line-height:48px; font-size: 16px; color:#fff; font-weight:500; text-align:center;  cursor:pointer; background:#adafb0;  appearance:none; -webkit-appearance: none; -webkit-border-radius: 0; box-sizing:border-box;}

.btn_search {display:inline-block; width:132px; height:45px; line-height:45px; padding:0; color:#fff; font-weight:500; text-align:center;  cursor:pointer; background:#76797b; appearance:none; -webkit-appearance:none; -webkit-border-radius: 0; box-sizing:border-box;}



/* margin */
.mgT30 { margin-top:30px; }
.mb0 {margin-bottom:-150px;}



/* 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;}

/*color*/
.red{color:#e00000 !important}
.blue {color:#2e4f9e !important;}
.skyblue {color:#128ae7 !important;}



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

.btn_gray2,
.btn_red2 {width:150px; height:45px; font-size:17px; line-height:43px;}

.btn_balckLine {width:225px; height:45px; font-size:17px; line-height:43px;}

/* btn more */
.btn_more01 {width:200px; height:55px; font-size:20px; line-height:55px;}
.btn_more02 {width:125px; height:42px; font-size:17px; line-height:42px;}


/* btn */
.btn_black {min-width:80px;  height:45px; line-height:45px;  font-size:15px;}
.btn_prnext {width:45px;  height:45px; line-height:45px;  font-size:15px;}

.btn_black.wide ,
.btn_prnext.wide {min-width:80px; padding:0 50px; }

.btn_gray,
.btn_red,
.btn_search {min-width:80px; height:45px; line-height:45px;  font-size:15px; box-sizing:border-box;}



}

/*===============================================================*/
/*======================= 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){
body, input, textarea, select, button, table {font-size:3.6vw;}
/* select {height:10vw;} */
input.text {/* height:10vw;  */padding:0 2%;}
input.file {/* height:10vw; */}
textarea.textarea {padding:2%;}

/* btn */
/* .BtnArea {margin-top:10%;}
.BtnArea:after {content:''; display:block; clear:both;}
.BtnArea input,
.BtnArea a {float:left; width:49.5%; margin-left:1%;}
.BtnArea input:first-child,
.BtnArea a:first-child {margin-left:0;} */



/* btn */
.btn_black {min-width:auto; width:13vw; padding:0 10px;  height:40px; line-height:40px;}
.btn_prnext {width:40px; height:40px; line-height:38px;  font-size:15px;}

.btn_black.wide ,
.btn_prnext.wide {min-width:auto; padding:0 30px; }

.btn_gray,
.btn_red {min-width:auto; width:13vw; padding:0 10px;  height:40px; line-height:40px;}



.btn_balckLine {width:180px; height:45px; font-size:15px; line-height:43px;}

/* btn more */
.btn_more01 {width:42vw; height:13vw; font-size:4.5vw; line-height:13vw;}
.btn_more02 {width:24vw; height:9vw; font-size:3.6vw; line-height:9vw;}

/* checkbox custon */
.CheckType01 .icon {width:4vw; height:4vw;}


}

/*===============================================================*/
/*======================= Mobile 520 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:520px){
	
	.btn_red {min-width:auto; width:auto;}
	input.check {font-size:3vw;}
	
	.btn_gray,
	.btn_red,
	.btn_black {width:16vw;}
	
}

/*===============================================================*/
/*======================= Mobile 380 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:380px){
	.btn_gray2,
	.btn_red2 {width:35vw; font-size:4vw; height:12vw; line-height:12vw;}

	.btn_orange {font-size:4vw; width:40vw; height:12vw; line-height:12vw;}

	.btn_black,
	.btn_gray,
	.btn_red {width:20vw; font-size:3.6vw; height:11vw; line-height:11vw; }

	.btn_prnext {width:11vw; height:11vw; line-height:11vw;  font-size:3.6vw;}

	

}