/************************************************************************
 * 설명       :   기본 스타일시트
 * 작성자     :   (주)웨이투원
 * 작성일     :   2013. 10. 18
 * 최종수정일 :   2019. 04. 23
 * 파일명     :   basic.css
!important
************************************************************************/


*:focus { outline:none; }
* { font-family: "OneSinhan", sans-serif; }

@font-face {
	font-family: 'OneSinhan';
	font-weight:300;
	src: url('/bbs/Fonts/OneShinhanLight.woff') format('woff');
}

@font-face {
	font-family: 'OneSinhan';
	font-weight:400;
	src: url('/bbs/Fonts/OneShinhanMedium.woff') format('woff');
}
@font-face {
	font-family: 'OneSinhan';
	font-weight:500;
	src: url('/bbs/Fonts/OneShinhanBold.woff') format('woff');
}

body, input, textarea, select, button, table{margin:0; font-size:15px; font-family:'OneSinhan', 'Montserrat', 'Noto Sans KR' , '돋움', Dotum, Helvetica, AppleGothic, Sans-serif; color:#000; font-weight:300; }
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:#363636;}
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 #ccc; background:#fff; outline:0;}
select {height:35px;}
input.text {padding:0px 8px; height:33px; color:#666}
input.file {border:1px solid #ddd; padding:2px 6px;}
input.check {border:none; background:none;}
input.radio	{border:0 none; background:none;}
textarea.textarea {height:120px; padding:10px; box-sizing:border-box;}


/* btn */
.btn_red {width:100px; height:45px; line-height:43px; font-size:15px; padding:0 5px; margin-left:1px; display:inline-block; color:#fff; text-decoration:none; text-align:center; border:1px solid #1d2b42; background:#1d2b42; cursor:pointer;box-sizing:border-box; }
.btn_black {width:100px; height:45px; line-height:43px; font-size:15px; padding:0 5px; margin-left:1px; display:inline-block; color:#000; text-decoration:none; text-align:center; border:1px solid #000; background:#fafafa; cursor:pointer;box-sizing:border-box; }
.btn_gray {width:100px; height:45px; line-height:43px; font-size:15px; padding:0 5px; margin-left:1px; display:inline-block; color:#666; text-decoration:none; text-align:center; border:1px solid #ccc; background:#fafafa; cursor:pointer; box-sizing:border-box; }


.btn_search {width:80px; height:48px; cursor:pointer; line-height:48px; font-size:15px; font-weight: 400; padding:0 5px; margin-left:1px; display:inline-block; color:#fff; text-decoration:none; text-align: center; border: none; background: #0046ff; border-radius:5px; border: 1px solid #ccc; box-sizing:border-box;}
.btn_search01 {width:50px; height:50px; cursor:pointer; line-height:40px; font-size:0; font-weight: 400; padding:0 5px; margin-left:1px; display:inline-block; border: 1px solid #b5b5b5; border-left:0; background:#fff url('/images/common/btn/btn_search.png') no-repeat 58% center; border-radius:5px; box-sizing:border-box;}

/* .btn_search {width:120px; height:50px; cursor:pointer; line-height:50px; font-size:17px;   padding:0px; margin-left:1px; display:inline-block; color:#fff; text-decoration:none; text-align: center; background:#888;}
 */




/* 신한버튼 */
.btn_color {width:100px; height:45px; line-height:43px; font-size:15px; padding:0 5px; margin-left:1px; display:inline-block; color:#fff; text-decoration:none; text-align:center; border:1px solid #0046ff; background:#0046ff; cursor:pointer; box-sizing:border-box; }
.btn_line {width:100px; height:45px; line-height:43px; font-size:15px;  padding:0 5px; margin-left:1px; display:inline-block; color:#0046ff; text-decoration:none; text-align: center; border:1px solid #0046ff; background:#fff; cursor:pointer;box-sizing:border-box;}
.btn_colorL {width:160px; height:50px; line-height:48px; font-size:18px; padding:0 5px; display:inline-block; color:#fff; text-decoration:none; text-align:center; border:1px solid #0046ff; background:#0046ff; cursor:pointer;box-sizing:border-box; }
.btn_lineL {width:160px; height:50px; line-height:48px; font-size:18px; padding:0 5px; margin-left:1px; display:inline-block; color:#0046ff; text-decoration:none; text-align: center; border:1px solid #0046ff; background:#fff; cursor:pointer;box-sizing:border-box;}






/* .btn_login {display:block; width:131px; height:85px; border:none; background:#977b5d; font-size:16px; font-weight:500; color:#fff; text-align:center; line-height:85px; cursor:pointer;}

.btn_search_pink {width:80px; height:40px; cursor:pointer; line-height:40px; font-size:15px; font-weight: 400; padding:0px; margin-left:1px; display:inline-block; color:#fff; text-decoration:none; text-align: center; border: none; background: #dd2e73; border-radius:5px;}
.btn_prnext {width:40px; height:40px; cursor:pointer; line-height:40px; padding: 0px;display: inline-block; font-size: 15px; text-decoration:none; text-align: center; border:1px solid #ccc; border-top-color:#ddd; border-bottom-color:#bbb;}
.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;}
 */






.BtnArea {margin-top:30px; text-align:center;}
.button {border:0 none; 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_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:#977b5d; font-size:12px; border:1px solid #977b5d; }
.btn_red4 {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.rebod { border-color:#ccc; }

.btn_login {display:block; width:131px; height:85px; border:none; background:#977b5d; 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;  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;}

/* input-radio */
.comm_radio {position:absolute;left:-9999px}
.comm_radio_label {font-size:13px; margin-right:10px;}
.comm_radio_label .ico_radio {display:inline-block; width:16px; height:16px; margin-top:-2px; background:url('/images/common/icon/icon_radio.gif') no-repeat left top; overflow:hidden; font-size:0; line-height:0; vertical-align:middle}
.radio_on .ico_radio {background-position:left bottom}

/* input-checkbox */
.comm_check {position:absolute;left:-9999px}
.comm_check_label {font-size:13px; cursor:pointer;}
.comm_check_label .ico_check {display:inline-block; width:19px; height:19px; margin-top:-1px; background:url('/images/common/icon/icon_check.gif') no-repeat left top; overflow:hidden; font-size:0; line-height:0; vertical-align:middle}
.comm_check_label .ico_check2 {display:inline-block; width:16px; height:16px; margin-top:-1px; background:url('/images/common/icon/icon_check02.gif') no-repeat left top; overflow:hidden; font-size:0; line-height:0; vertical-align:middle}
.check_on .ico_check, .check_on .ico_check2 {background-position:left bottom}
.check_on {color:#555}

/* margin */
.mgT30 { margin-top:30px; }
.mb-0 {margin-bottom: 0!important;}

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

/* border */
.border-bottom-0 {border-bottom: none 0!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:#977b5d !important;}


@media screen and (max-width:640px){
	.btn_red,
	.btn_black ,
	.btn_gray,
	.btn_color,
	.btn_line { width:70px; height:38px; line-height:36px; font-size:13px; }

	.btn_colorL,
	.btn_lineL { width:120px; height:45px; line-height:43px; font-size:14px; }

	.btn_search {width: 60px; height: 38px; /* font-size: 13px;  */line-height: 36px;}
	.btn_search01 {width: 60px; height: 38px; line-height: 36px;}
}


@media screen and (max-width:420px){
	.btn_red,
	.btn_black,
	.btn_gray,
	.btn_color,
	.btn_line { width:15vw; height:38px; line-height:36px; font-size:3.2vw;  }

	.btn_colorL,
	.btn_lineL { width:100px; height:45px; line-height:43px; font-size:3.2vw;  }

	.btn_search {width: 60px; height: 38px; font-size:3.2vw; line-height: 36px;}
	.btn_search01 {width: 60px; height: 38px; line-height: 36px;}

	input, select, textarea {font-size: 3.2vw;}
}

@media screen and (max-width:320px){
	.btn_red,
	.btn_black ,
	.btn_gray,
	.btn_color,
	.btn_line { height:30px; line-height:28px;}

	.btn_colorL,
	.btn_lineL { width:80px; height:38px; line-height:36px; }

	.btn_prnext {width: 25px; height: 25px; cursor: pointer; line-height: 23px; font-size: 3.2vw;}
}