/************************************************************************
 * 설명       :   기본 스타일시트
 * 작성자     :   (주)웨이투원
 * 파일명     :   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:'Noto Sans KR','돋움', Dotum, Helvetica, AppleGothic, Sans-serif; color:#666; font-weight:400;  }
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;}

img {max-width:100%; 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; line-height:1em}
input, textarea, select { border:1px solid #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:35px; box-sizing:border-box; border-radius:0; -webkit-border-radius:0;}
input.text {padding:0px 10px; height:35px; 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:35px; border:1px solid #ccc; box-sizing:border-box;}
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}
._wsaicon{display:none !important;}

.posr {position: relative;}

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

.btn_gray {width:80px; height:35px; line-height:33px; font-size:13px; background:#fff; padding:0px; margin-left:1px; display:inline-block; color:#666; text-decoration:none; text-align: center; border:1px solid #ccc; cursor:pointer; border-radius:2px;}
.btn_gray2 {width:120px; height:40px; line-height:38px; font-size:16px;   padding:0px; margin-left:1px; display:inline-block; color:#666; text-decoration:none; text-align: center; border:1px solid #ccc; cursor:pointer; border-radius:2px;}
.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 {width:80px; height:35px; line-height:33px; font-size:13px; background:#fff; padding:0px; margin-left:1px; display:inline-block; color:#cf0121; text-decoration:none; text-align:center; border:1px solid #cf0121; cursor:pointer; border-radius:2px;}
.btn_red2 {width:120px; height:40px; line-height:38px; font-size:16px;   padding:0px; display:inline-block; color:#cf0121; text-decoration:none; text-align:center; border:1px solid #cf0121; cursor:pointer; border-radius:2px;}
.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:#cf0121; font-size:12px; border:1px solid #cf0121; }
.btn_red4 {width:135px; height:40px; background:#cf0121; color:#fff; text-align:center; line-height:40px; font-weight:600; font-size:15px; border-radius:2px;}

.btn_black {width:80px; height:35px; line-height:33px; font-size:13px; background:#fff; padding:0 5px; margin-left:1px; display:inline-block; color:#444; text-decoration:none; text-align: center; border:1px solid #777; cursor:pointer; border-radius:2px;}
.btn_black.rebod { border-color:#ccc; }

.btn_login {display:block; width:131px; height:85px; border:none; background:#cf0121; font-size:16px; font-weight:500; color:#fff; text-align:center; line-height:85px; cursor:pointer; border-radius:2px;}
.btn_search {width:80px; height:33px; cursor:pointer; line-height:31px; font-size:13px;   padding:0px; margin-left:1px; display:inline-block; color:#444; text-decoration:none; text-align: center; border:1px solid #777; border-top-color:#999; border-bottom-color:#444; border-radius:2px;}
.btn_prnext {width:30px; height:30px; cursor:pointer; line-height:28px; font-size: 13px; background:#fff; 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_more01 {display: block; width: 284px; height: 53px; margin: 70px auto 0; background: #cf0121; font-family:'Oswald', Sans-serif; font-size: 17px; font-weight: 500; text-align: center; color: #fff; vertical-align: top; line-height: 53px; border-radius: 30px;}
.btn_s_more01 {display: block; width: 160px; height: 45px; margin: 70px auto 0; background: #cf0121; font-family:'Oswald', Sans-serif; font-weight: 500; text-align: center; color: #fff; vertical-align: top; line-height: 43px; border-radius: 30px;}
.btn_more02 {display: block; width: 284px; height: 53px; margin: 70px auto 0; border: 1px solid #ddd; background: #fff; font-family:'Oswald', Sans-serif; font-size: 17px; font-weight: 300; text-align: center; color: #666; vertical-align: top; line-height: 53px; border-radius: 30px; box-sizing: border-box;}

/* Tab Style */
.TabType01 {margin-bottom: 50px;}
.TabType01 ul {text-align: center; font-size: 0;}
.TabType01 ul li {display: inline-block; width: 240px; height: 53px; font-family:'Oswald', Sans-serif; font-size: 19px; font-weight: 400; color: #222; line-height: 53px; border-radius: 30px; vertical-align: top; cursor: pointer;}
.TabType01 ul li.on {background: #cf0121; color: #fff;}

.TabType02 {border-top: 1px solid #555; border-bottom: 1px solid #dfdfdf;}
.TabType02 ul {text-align: center; font-size: 0;}
.TabType02 ul li {display: inline-block; margin-left: 50px; font-size: 18px; color: #888; line-height: 65px; box-sizing: border-box;}
.TabType02 ul li:first-child {margin-left: 0;}
.TabType02 ul li a {display: inline-block; min-width: 130px; box-sizing: border-box;}
.TabType02 ul li.on a {color: #222; border-bottom: 2px solid #222;}

/* List Style */
.ListType01 {font-size: 0; overflow: hidden;}
.ListType01 li {display: inline-block; width: 33.3333333333%; text-align: center; color: #fff; vertical-align: top;}
.ListType01 li img {width: 80px;}
.ListType01 li b {display: block; padding-top: 25px; font-size: 24px; font-weight: 500; line-height: 1;}
.ListType01 li p {padding-top: 15px; font-size: 17px; line-height: 25px; word-break:keep-all;}
.ListType01.list5 li:nth-child(4) {margin-top: 90px; margin-left: 16.66666665%;}
.ListType01.list5 li:nth-child(5) {margin-top: 90px; margin-right: 16.66666665%;}

/* padding */
.pdT0 {padding-top: 0px !important;}

/* margin */
.mgB5 {margin-bottom: 5px !important;}
.mgT30 {margin-top: 30px !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:#cf0121 !important;}







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

/* Tab Style */
.TabType01 ul li {width: 25%; height: 50px; font-size: 17px; line-height: 50px;}

.TabType02 ul li {margin-left: 40px; font-size: 17px; line-height: 55px;}

/* List Style */
.ListType01 li {display: block; width: 100%; margin-top: 70px !important;}
.ListType01 li:first-child {margin-top: 0 !important;}
.ListType01 li img {width: 70px;}
.ListType01 li b {padding-top: 15px; font-size: 22px;}
.ListType01 li p {padding-top: 10px; font-size: 16px; line-height: 22px;}
.ListType01.list5 li:nth-child(4) {margin-left: 0;}
.ListType01.list5 li:nth-child(5) {margin-right: 0;}

/* 더보기버튼 스타일 */
.btn_more01,
.btn_more02 {width: 260px; height: 50px; font-size: 16px; line-height: 50px;}


}



/*===============================================================*/
/*======================= 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:14px;}

/* Tab Style */
.TabType01 {margin-bottom: 40px;}
.TabType01 ul li {height: 38px; font-size: 14px; line-height: 38px;}

.TabType02 ul li {width: 50%;  margin-left: 0; font-size: 15px; line-height: 45px;}
.TabType02 ul li a {min-width: 100px;}

/* List Style */
.ListType01 li {margin-top: 60px !important;}
.ListType01 li b {padding-top: 12px; font-size: 18px;}
.ListType01 li p {font-size: 14px; line-height: 20px;}

/* btn */
.btn_red,
.btn_gray, 
.btn_black,
.btn_search {width: 65px; height: 30px; padding: 0; font-size: 12px; line-height: 28px;}
.btn_black.wide {width: 80px;}

.btn_red2,
.btn_gray2 {font-size: 15px;}

/* 더보기버튼 스타일 */
.btn_more01 {width: 250px; height: 48px; font-size: 15px; line-height: 48px;}
.btn_s_more01 {width: 140px; height: 40px; line-height: 40px;}
.btn_more02 {width: 250px; height: 48px; margin-top: 50px; font-size: 15px; line-height: 45px;}



}

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

/* Tab Style */
.TabType01 ul li {font-size: 13px;}


}