/************************************************************************
 * 설명       :   기본 스타일시트
 * 작성자     :   (주)웨이투원
 * 파일명     :   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:'Roboto', 'Poppins', 'Noto Sans KR', Noto Sans KR, '돋움', Dotum, Helvetica, AppleGothic, Sans-serif; color:#333}
body, h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, form, fieldset, legend, button { margin: 0; padding: 0; }

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: 600;}
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; font-size:1em;}
input, textarea, select { border:1px solid #e3e3e3; background:#fff; outline:0;}
select {height:50px;}
input.text {padding:0px 20px; height:50px; font-weight: 300; color:#666; border-radius:50px; box-sizing: border-box; }
input.file {height: 50px; border:1px solid #e3e3e3; border-radius:50px; box-sizing: border-box; line-height:50px; padding-left: 20px;}
input.check {border:none; background:none;}
input.radio	{border:0 none; background:none;}
textarea.textarea {height:120px; padding:2px 0;}

input.text::placeholder { /* CSS Working Draft */ color: #666; opacity: 1;}
input.text::-moz-placeholder { /* Firefox 19+ */ color: #666; opacity: 1;}
input.text:-moz-placeholder { /* Firefox 4 - 18 */ color: #666; opacity: 1;}
input.text::-webkit-input-placeholder { /* Chrome, Safari, Opera */ color: #666; opacity: 1;}
input.text::-ms-input-placeholder { /* Edge */ color: #666; opacity: 1;}
input.text:-ms-input-placeholder { /* Edge */ color: #666; opacity: 1;}

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

.btn_gray {display: inline-block; width: 65px; height: 35px; line-height: 33px; padding: 0; background: #999; border: none; text-align: center; font-size: 14px; color: #fff; cursor: pointer; border-radius: 20px;}
.btn_gray2 {display: inline-block; width: 190px; height: 50px; line-height: 50px; border: none; background: #999; font-size: 16px; font-weight: 500; color: #fff; text-align: center; border-radius: 30px; box-sizing: border-box; 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_blue {display: inline-block; width: 65px; height: 35px; line-height: 33px; padding: 0; background: #32448b; border: none; text-align: center; font-size: 14px; color: #fff; cursor: pointer; border-radius: 20px;}
.btn_blue2 {display: inline-block; width: 190px; height: 50px; line-height: 50px; border: none; background: #32448b; font-size: 16px; font-weight: 500; color: #fff; text-align: center; border-radius: 30px; box-sizing: border-box; cursor: pointer;}
.btn_blue3 {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_blue4 {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: 65px; height: 35px; line-height: 33px; padding: 0; background: #000; border: none; text-align: center; font-size: 14px; color: #fff; cursor: pointer; border-radius: 20px;}
.btn_black.rebod { border-color:#ccc; }
.btn_black2 {display: inline-block; width: 190px; height: 50px; line-height: 50px; border: none; background: #000; font-size: 16px; font-weight: 500; color: #fff; text-align: center; border-radius: 30px; box-sizing: border-box;}

.btn_login {display:block; width:100%; height:60px; border:none; background:#32448b; font-size:20px; font-weight:600; color:#fff; text-align:center; line-height:60px; cursor:pointer; border-radius:60px; text-decoration: none !important;}
.btn_search {display: inline-block; width: 70px; height: 35px; line-height: 33px; padding: 0; background: #999; border: none; text-align: center; font-size: 14px; color: #fff; cursor: pointer; border-radius: 20px;}
.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_pink {display: inline-block; width: 190px; height: 50px; line-height: 50px; border: none; background: #32448b; font-size: 16px; font-weight: 500; color: #fff; text-align: center; border-radius: 30px; box-sizing: border-box; cursor: pointer;}
.btn_s_pink {display: inline-block; min-width: 72px; height: 29px; line-height: 29px; padding: 0 15px; border: none; background: #32448b; font-size: 15px; font-weight: 500; color: #fff; text-align: center; border-radius: 30px; box-sizing: border-box;}
.btn_s_grayLine {display: inline-block; min-width: 72px; height: 29px; line-height: 27px; padding: 0 15px; border: 1px solid #ddd; background: #fff; font-size: 15px; font-weight: 500; color: #666; text-align: center; border-radius: 30px; box-sizing: border-box;}

.btn_BlackLine01 {display: block; width: 100%; height: 60px; border: 1px solid #222; font-weight: 400; color: #222; text-align: center; line-height: 60px; border-radius:50px; font-size:20px;}
 
.btn_download {display: inline-block; width: 134px; height: 39px; line-height: 39px; border: none; background: #32448b; font-size: 15px; font-weight: 400; color: #fff; text-align: center; border-radius: 30px;}
.btn_download span {display: inline-block; padding-right: 28px; background: url('/images/common/icon/icon_down.png') no-repeat right 45%;}
.btn_homepage {display: inline-block; width: 134px; height: 39px; line-height: 39px; border: none; background: #222; font-size: 15px; font-weight: 400; color: #fff; text-align: center; border-radius: 30px;}
.btn_homepage span {display: inline-block; padding-right: 22px; background: url('/images/common/icon/icon_link.png') no-repeat right center;}



/* icon */
.icon_new {font-size: 13px; font-weight: 600; color: #32448b; position: relative; top: -8px;}


/* margin */
.mgT0 { margin-top:0px !important; }
.mgT30 { margin-top:30px !important; }
.mgT50 { margin-top:50px !important; }
.mgT100 { margin-top:100px !important; }

.mgB5 { margin-bottom:5px !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;}

/*color*/
.red{color:#dd0000 !important}
.blue {color:#32448b !important;}

.subject input.text {width:100%; }