/************************************************************************
 * 설명       :   기본 스타일시트
 * 작성자     :   (주)웨이투원
 * 파일명     :   basic.css
!important
************************************************************************/
html{overflow:auto;}
body{background-color:#fff;}
body, input, textarea, select, button, table{margin:0; font-size:14px; font-family:'Noto Sans KR','맑은 고딕', Malgun Gothic, '돋움', Dotum, Helvetica, AppleGothic, Sans-serif; font-weight:400; color:#555}
body, h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, /*blockquote,*/ 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, th, td, div{border-collapse:separate;}
table {border:0 none; width:100%; border-spacing:0;}
table th, table td {margin:0; padding:0;}

a,img,input {outline:none;}
area {outline:0;}

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

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

hr { clear: both; display: none; }
.blind, legend, caption {display:none !important}
label {position:absolute; left:-1000em; top:-1000em;}

a {text-decoration:none; color:#555;}
a:hover, a:active, a:focus {text-decoration:none;}
a.underline {text-decoration:none; color:#555;}
a.underline:hover, a.underline:active, a.underline:focus {color:#dd0000; text-decoration:underline;}
table a:link, table a:visited {color:#555;}
table a:hover, table a:active {color:#000; text-decoration:underline;}

input, select, textarea {vertical-align:middle; font-size:1em; line-height:130%}
input, textarea, select { border-width:1px; border-style: solid; border-color:#ddd; background:#fff; outline:0;}
select{height:28px;}
input.text {padding:0px 2px; height:28px; font-family:'Noto Sans KR','맑은 고딕', Malgun Gothic, '돋움', Dotum, Helvetica, AppleGothic, Sans-serif; color:#666}
input.file {border:1px solid #ddd; padding:0 2px;}
input.check	{border:none; background:none;}
input.radio	{border:0 none; background:none;}
textarea.textarea {height:120px; padding:2px 0;}

.button {border:0 none; cursor:pointer}

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


.mgB5 {margin-bottom:5px !important}
.mgB10 {margin-bottom:10px !important}
.mgB20 {margin-bottom:20px !important}
.mgB25 {margin-bottom:25px !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}
.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}
.mgL40 {margin-left:40px !important}

/* padding */
.pd3 {padding:3px !important}
.pd10 {padding:10px !important}
.pd17 {padding:17px !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}

.pdB5 {padding-bottom:5px !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}
.pdL12 {padding-left:12px !important}
.pdL20 {padding-left:20px !important}
.pdL50 {padding-left:50px !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}

/*color*/
.blue {color:#000330 !important;}
.black {color:#222 !important;}
.red {color:#000330 !important;}
.lgray {color:#b0b0b0 !important;}

/* button */
input[type=text] {border-radius:0;}
input[type=password] {border-radius:0;}
input[type=submit] {border:0;}
textarea {border-radius:0;}
.btn_search_gray {display:inline-block; min-width:67px; height:40px; line-height:40px; text-align:center; vertical-align:middle; padding:0 10px; background:#666; color:#fff !important; font-size:16px; font-weight:300;}
.btn_search_gray:hover {text-decoration:none;}
.btn_white {display:inline-block; min-width:145px; height:46px; line-height:46px; text-align:center; vertical-align:middle; padding:0 20px; background:#fff; border:2px solid #222; font-size:16px; font-weight:500; color:#222 !important;}
.btn_white:hover {text-decoration:none;}
.btn_white_small {display:inline-block; width:111px; height:36px; line-height:32px; text-align:center; vertical-align:middle; padding:0 10px; background:#fff; border:2px solid #222; font-size:14px; font-weight:500; color:#222 !important;}
.btn_white_small:hover {text-decoration:none;}
.btn_white_mid {display:inline-block; width:141px; height:50px; line-height:50px; text-align:center; vertical-align:middle; padding:0 10px; background:#fff; border:2px solid #222; font-size:16px; font-weight:500; color:#222 !important;}
.btn_white_mid:hover {text-decoration:none;}
.btn_gray {display:inline-block; min-width:90px; height:42px; font-weight:300; color:#fff !important; text-align:center; line-height:42px; background:#b2b2b2; padding:0 10px; vertical-align:middle;}
.btn_gray:hover {text-decoration:none;}
.btn_lgray_mid {display:inline-block; min-width:67px; height:39px; line-height:39px; text-align:center; padding:0 10px; color:#fff !important; font-weight:300; font-size:16px; background:#b2b2b2;}
.btn_lgray_mid:hover {text-decoration:none;}
.btn_dgray_mid {display:inline-block; min-width:67px; height:39px; line-height:39px; text-align:center; padding:0 10px; color:#fff !important; font-weight:300; font-size:16px; background:#666;}
.btn_dgray_mid:hover {text-decoration:none;}
.btn_blackLine {display:inline-block; min-width:50px; padding:0 14px; height:30px; line-height:30px; color:#555 !important; border:1px solid #555; background:#fff;}
.btn_blackLine:hover {text-decoration:none; background:#000330; color:#fff !important; border-color:#000330;}
.btn_blackLine_small {display:inline-block; min-width:20px; padding:0 14px; height:30px; line-height:30px; color:#555 !important; border:1px solid #555; background:#fff;}
.btn_blackLine_small:hover {text-decoration:none;}

#atbd .btn_blackLine {border-width:2px;}

/* icon */
.ico_blue {display:inline-block; min-width:72px; padding:0 5px; height:30px; line-height:30px; text-align:center; color:#fff; background:#000330; border-radius:3px; font-size:16px; font-weight:300;}
.ico_blue:hover {text-decoration:none;}
.ico_lgray {display:inline-block; min-width:72px; padding:0 5px; height:30px; line-height:30px; text-align:center; color:#fff; background:#cbcbcb; border-radius:3px; font-size:16px; font-weight:300;}
.ico_lgray:hover {text-decoration:none;}
.ico_dgray {display:inline-block; min-width:72px; padding:0 5px; height:30px; line-height:30px; text-align:center; color:#fff; background:#666; border-radius:3px; font-size:16px; font-weight:300;}
.ico_dgray:hover {text-decoration:none;}
.ico_keyword {display:inline-block; padding:0 5px; border:1px solid #d0d0d0; background:#f3f3f3; font-weight:300; border-radius:2px; margin-right:3px; margin-bottom:3px; vertical-align:top;}
.ico_keyword:hover {text-decoration:none;}
.ico_white {display:inline-block; min-width:44px; height:30px; line-height:30px; text-align:center; padding:0 10px; border:1px solid #d0d0d0; background:#fff; font-weight:300; border-radius:2px;}

@media only screen and (max-width: 1024px) {
/* button */
input[type=text] {border-radius:0; box-sizing:border-box;}
input[type=password] {border-radius:0; box-sizing:border-box;}
input[type=submit] {border:0;}
}