@charset "utf-8";

/* COMMON RESET   ========================================================================================= */

@import  url('https://cdn.rawgit.com/young-ha/webfont-archive/master/css/NanumBarunGothic.css') /*NanumBarunGothic*/
@import  url('https://cdn.rawgit.com/young-ha/webfont-archive/master/css/NanumSquare.css') /*'NanumSquare'*/
@import  url('https://cdn.rawgit.com/young-ha/webfont-archive/master/css/Youth.css') /* youth*/

@font-face{font-family:'nbg'; src:url("'https://cdn.rawgit.com/young-ha/webfont-archive/master/css/NanumBarunGothic.css'") ; }/*NanumBarunGothic*/
@font-face{font-family:'Ns'; src:url("'https://cdn.rawgit.com/young-ha/webfont-archive/master/css/NanumSquare.css'") ; }/*'NanumSquare'*/
@font-face{font-family:'yu'; src:url("'https://cdn.rawgit.com/young-ha/webfont-archive/master/css/Youth.css'") ; }/* youth*/




body{margin:0; padding: 0;  font-family: 'NanumBarunGothic' , sans-serif;  word-break: break-all ; /*overflow-x: hidden;  */ -webkit-text-size-adjust: none ;}
img{margin: 0; padding: 0; border:0;  font-size: 0; }
hr {display:none;}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none ; }
address, em {font-style: normal;}
ul  , ol, dl, li, dt,  dd {margin: 0; padding: 0; list-style: none; }
form {margin:0 ; padding: 0; }
form , p {margin: 0; }

.skipMenu{position:absolute; width: 100%; height:  40px; line-height: 40px; top:-9999px; border:1px solid #e66f1a; background:#f37820; box-sizing: border-box; color:#ffffff;  font-size:14px; font-weight:bold;   text-align: center; z-index:1000001}
.skipMenu:focus{top:0px;}
.skipMenu:active{top:0px;}

.pr {position: relative }
.db {display: block }
.fl {float: left }
.fr {float: right }
.clearfix:after {content: ''; display: block; clear: both; width: 0; height: 0; overflow: hidden; }
.clear {clear: both ;}
.hidden {position: absolute; width: 0; height: 0; line-height: 0; margin: 0; padding: 0; font-size: 0;  text-indent: -9999px;   }

.flex {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}


.mt0 {margin-top: 0 ; }
.mt5 {margin-top: 5px ; }
.mt10 {margin-top: 10px ; }
.mt15 {margin-top: 15px ;}
.mt20 {margin-top: 20px ;}
.mt30 {margin-top: 30px ; }
.mt35 {margin-top: 35px ; }
.mt40 {margin-top: 40px ; }
.mt40 {margin-top: 40px ; }
.mt50 {margin-top: 50px ; }
.mt60 {margin-top: 60px ;  }

.ml5 {margin-left: 5px; }
.ml10 {margin-left: 10px; }
.ml15 {margin-left: 15px; }
.ml20 {margin-left: 20px; }
.ml50 {margin-left: 50px; }


/*  text Type   |  text Align  */
.tar {text-align: right }
.tac {text-align: center }
.tal {text-align: left }
.ellipsis {overflow:hidden; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -moz-binding:url(/xe/ellipsis.xml#ellipsis)}
.ellipsis2 {display: -webkit-box ; text-overflow: ellipsis;  -webkit-line-clamp: 2 ; word-wrap: break-word; -webkit-box-orient: vertical;  overflow: hidden; }
.ellipsis3 {display: -webkit-box ; text-overflow: ellipsis;  -webkit-line-clamp: 3 ; word-wrap: break-word; -webkit-box-orient: vertical;  overflow: hidden; }



/* form  */
fieldset {margin:0; padding: 0; border: 0;  }

input[type="radio"] { border-radius:50%; }
input[type="file"] , input[type="button"] , select{ -webkit-appearance:none; }


input, select, option, button, textarea {font-family:'NanumBarunGothic', sans-serif; }
table {width: 100%;  table-layout: fixed; border-collapse:  collapse; }
input[type=text], input[type=password], input[type=date] {height: 42px; line-height: 42px; padding:0  10px;  background: #fff; border: 1px solid #c7c7c7; box-sizing: border-box;  vertical-align: top; }
input[readonly] , textarea[readonly] {background: #f1f1f1; }
select {height: 42px; line-height: 42px; padding-left: 10px;  border: 1px solid #c7c7c7; box-sizing: border-box; vertical-align: top; }

.radio-box {display: block; position: relative; height: 20px; line-height: 20px;  }
input[type=radio].custom01:not(old){position: absolute; width:20px; height: 20px; margin:0;padding:0;top: 0; left: 0;  z-index: 10; opacity:0; } /* radio box */
input[type=radio].custom01:not(old) + label{display: inline-block; height:20px; line-height: 20px;  padding-left: 30px;background: url('../img/sub/btn_raido_off.png') no-repeat 0 0; font-size: 14px; color: #222;  cursor: pointer; }
input[type=radio].custom01:checked + label{background: url('../img/sub/btn_raido_on.png') no-repeat 0 0;}

.check-box {display: block; position: relative; height: 20px; line-height: 20px;  }
input[type=checkbox].custom01:not(old){position: absolute; width:20px; height: 20px; margin:0;padding:0;top: 0; left: 0;  z-index: 10; opacity:0; } /* radio box */
input[type=checkbox].custom01:not(old) + label{display: inline-block; height:20px; line-height: 20px;  padding-left: 25px;background: url('../img/sub/btn_check_off.png') no-repeat 0 0; font-size: 14px; color: #222;  cursor: pointer; }
input[type=checkbox].custom01:checked + label{background: url('../img/sub/btn_check_on.png') no-repeat 0 0;}



.dimd {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0;  background: #000; opacity: 0.7;  z-index: 300}



/* table*/
 





/* tab */