/************************************************************************
 * 설명       :   기본 스타일시트
 * 작성자     :   (주)웨이투원
 * 작성일     :   2013. 10. 18
 * 최종수정일 :   2019. 08. 26
 * 파일명     :   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'); 
 } 

/* noto-serif-kr-300 - korean */
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 300;
  src: url('/common/css/fonts/noto-serif-kr-v6-korean-300.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif KR Light'), local('NotoSerifKR-Light'),
       url('/common/css/fonts/noto-serif-kr-v6-korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/common/css/fonts/noto-serif-kr-v6-korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/common/css/fonts/noto-serif-kr-v6-korean-300.woff') format('woff'), /* Modern Browsers */
       url('/common/css/fonts/noto-serif-kr-v6-korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/common/css/fonts/noto-serif-kr-v6-korean-300.svg#NotoSerifKR') format('svg'); /* Legacy iOS */
}

/* noto-serif-kr-regular - korean */
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 400;
  src: url('/common/css/fonts/noto-serif-kr-v6-korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif KR'), local('NotoSerifKR-Regular'),
       url('/common/css/fonts/noto-serif-kr-v6-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/common/css/fonts/noto-serif-kr-v6-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/common/css/fonts/noto-serif-kr-v6-korean-regular.woff') format('woff'), /* Modern Browsers */
       url('/common/css/fonts/noto-serif-kr-v6-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/common/css/fonts/noto-serif-kr-v6-korean-regular.svg#NotoSerifKR') format('svg'); /* Legacy iOS */
}

/* noto-serif-kr-500 - korean */
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 500;
  src: url('/common/css/fonts/noto-serif-kr-v6-korean-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Serif KR Medium'), local('NotoSerifKR-Medium'),
       url('/common/css/fonts/noto-serif-kr-v6-korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/common/css/fonts/noto-serif-kr-v6-korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/common/css/fonts/noto-serif-kr-v6-korean-500.woff') format('woff'), /* Modern Browsers */
       url('/common/css/fonts/noto-serif-kr-v6-korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/common/css/fonts/noto-serif-kr-v6-korean-500.svg#NotoSerifKR') format('svg'); /* Legacy iOS */
}


*:focus { outline:none; }

body, input, textarea, select, button, table{margin:0; font-size:16px; font-family:'Noto Sans KR', Noto Sans KR, 'Lato','돋움', Dotum, Helvetica, AppleGothic, Sans-serif; font-weight:300; 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%;  */vertical-align:top;}
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;}

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:#444;}
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:1em; line-height:130%}
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:2px; -webkit-border-radius:2px; 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; background:#fff; font-weight:300; color:#222; box-sizing:border-box; border-radius:2px; -webkit-border-radius:2px; appearance:none; -webkit-appearance:none; box-sizing:border-box;}
input.require {background:#f8fbff;}
input.file {height:45px; border:1px solid #ddd;}
input.check	{border:none; background:none;}
input.radio	{border:0 none; background:none;}
textarea.textarea {height:120px; padding:10px; box-sizing:border-box; resize:none; overflow-y:auto;}
label {cursor:pointer;}
.button {border:0 none; cursor:pointer}

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

/* BtnStyle */
.button {border:0 none; padding:0; cursor:pointer; -webkit-border-radius:0; appearance:none; -webkit-appearance:none;}
.BtnArea {margin-top:40px; text-align:center;}
.BtnArea p {padding-bottom:60px; font-weight:400; color:#222; line-height:1.5;}
.btnArea {margin-top:70px; overflow:hidden;}
.btnArea a {margin:0 2px; font-weight:400;}

.btn_black {display:inline-block; height:45px; border:none; padding:0 30px; line-height:45px; background:#333; color:#fff !important; text-decoration:none; text-align: center; cursor:pointer;}

.btn_gray {display:inline-block; width:120px; height:45px; border:none; line-height:45px; background:#b2b2b2; text-align:center; font-weight:300; color:#fff !important; text-decoration:none; text-align: center; border-radius:2px; cursor:pointer;}
.btn_gray2 {display:inline-block; width:160px; height:52px; border:none; padding:0; background:#778390; font-size:18px; color:#fff !important; text-align:center; line-height:52px; border-radius:5px; cursor:pointer;}
.btn_gray3 {display:inline-block; width:180px; height:45px; border:none; padding:0; background:#888; font-size:19px; color:#fff !important; text-align:center; line-height:45px; cursor:pointer;}
.btn_gray4 {display:inline-block; width:120px; height:40px; border:none; padding:0; line-height:40px; background:#888; color:#fff !important; text-decoration:none; text-align: center; cursor:pointer;}

.btn_blue {display:inline-block; width:120px; height:45px; border:none; line-height:45px; background:#003876; text-align:center; font-weight:300; color:#fff !important; text-decoration:none; text-align: center; border-radius:2px; cursor:pointer;}
.btn_blue2 {display:inline-block; width:160px; height:52px; border:none; padding:0; background:#003876; font-size:18px; color:#fff !important; text-align:center; line-height:52px; border-radius:5px; cursor:pointer;}
.btn_s_blue {display:inline-block; width:44px; height:23px; background:#003876; text-align:center; font-size:13px; font-weight:300; color:#fff; border-radius:4px; line-height:21px;}

.btn_skyblue {display:inline-block; width:120px; height:45px; border:none; padding:0; line-height:45px; background:#2fb8e6; color:#fff !important; text-decoration:none; text-align: center; cursor:pointer;}
.btn_skyblue2 {display:inline-block; width:160px; height:52px; border:none; padding:0; background:#5da3f0; font-size:18px; color:#fff !important; text-align:center; line-height:52px; border-radius:5px; cursor:pointer;}
.btn_skyblue3 {display:inline-block; height:45px; border:none; padding:0 30px; line-height:45px; background:#2fb8e6; font-size:19px; color:#fff !important; text-decoration:none; text-align: center; cursor:pointer;}

.btn_add2 {display:block; width:100%; height:44px; border:1px solid #ccc; background:#f3f3f3; color:#666; text-align:center; box-sizing:border-box; line-height:42px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; border-radius:5px;}
.btn_add2 span {padding-right:24px; background:url('/images/common/btn/btn_add02.png') no-repeat right center; background-size:15px;}
.btn_add2:hover {border-color:#003876; background:#fff; color:#003876;}
.btn_add2:hover span {background-image:url('/images/common/btn/btn_add02_b.png');}

.btn_delete2 {position:absolute; top:-1px; right:-1px; display:block; width:26px; height:26px; border:1px solid #888; background:url('/images/common/btn/btn_delete02.jpg') no-repeat 0 0; background-size:100%; font-size:0; line-height:0; text-indent:-9999px; z-index:1; box-sizing:border-box;}

/* icon */
.icon_state {display:inline-block; height:18px; padding:0 5px; margin-left:2px; margin-top:-2px; font-size:11px; font-family:'돋움', Dotum, Sans-serif; color:#fff; border-radius:50px; line-height:20px; vertical-align:middle;}
.icon_state.icon_career01 {background:#5579c3;}
.icon_state.icon_career02 {background:#b255c3;}
.icon_state.icon_career03 {background:#dc8621;}

/* Radio */
.Radio01 input[type="radio"] {display:none;}
.Radio01 input[type="radio"] + label {font-weight:300;}
.Radio01 input[type="radio"] + label span {display:inline-block; width:20px; height:20px; margin:-4px 6px 0 0; vertical-align:middle; background:url('/images/common/icon/icon_radio.png') left top no-repeat; background-size:100%; cursor:pointer;}
.Radio01 input[type="radio"]:checked + label span {background-image:url('/images/common/icon/icon_radio_on.png');}


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

/* 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:#003876 !important;}

/* width */
.w100 {width:100% !important;}


/*============================================================*/
/*======================= PC 1024 px ~ =======================*/
/*============================================================*/
@media only screen and (max-width:1024px){
body, input, textarea, select, button, table {font-size:15px; letter-spacing:-0.5px;}
select {height:40px;}
input.text {height:40px;}
textarea.textarea {padding:15px;}

/* btn */
.BtnArea p {padding-bottom:40px;}
.btnArea {margin-top:50px;}

.btn_blue,
.btn_gray {width:100px; height:40px; font-weight:400; line-height:40px;}
.btn_blue2,
.btn_gray2,
.btn_skyblue2 {width:150px; height:50px; font-size:17px; line-height:50px;}

/* icon */
.icon_state {height:17px;  font-size:10px; line-height:18px;}

/* Radio */
.Radio01 input[type="radio"] + label span { width:18px; height:18px;}


}


/*===============================================================*/
/*======================= 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.5vw;}
select {height:10vw;}
input.text {height:10vw; padding:0 2%;}
textarea.textarea {padding:2%;}

/* btn */
.BtnArea {margin-top:8%; overflow:hidden;}
.BtnArea p {padding-bottom:8%;}
.BtnArea .btn_wrap {overflow:hidden;}
.BtnArea a {float:left; width:49%; margin-left:2%;}
.BtnArea a:first-child {margin-left:0;}
.BtnArea.list1 a {float:none;}
.BtnArea.list3 a {width:32%;}
.btnArea {margin-top:10%;}
.btnArea a {width:28vw;}

.btn_blue,
.btn_gray {width:20vw; height:10vw; line-height:10vw;}
.btn_blue2,
.btn_gray2,
.btn_skyblue2 {height:12vw; font-size:4vw; line-height:11vw;}

.btn_add2 {height:10vw; line-height:10vw;}
.btn_add2 span {padding-right:5%; background-size:3vw;}

/* icon */
.icon_state {height:5w; padding:0 1.5vw; font-size:2.6vw; line-height:5w;}

/* Radio */
.Radio01 input[type="radio"] + label span {width:4vw; height:4vw; background-image:url('/images/common/icon/icon_radio_m.png');}
.Radio01 input[type="radio"]:checked + label span {background-image:url('/images/common/icon/icon_radio_on_m.png');}

}

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



}