@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');



*{font-family: 'Nanum Gothic', sans-serif;}
{font-family: 'Open Sans', sans-serif;}

body{ font-size:13px; color:#666666; font-family: "Nanum Gothic", sans-serif, µ¸¿ò, dotum ;}
body, div, ul, li, dl, dt, dd, ol, p, h1, h2, h3, h4, h5, h6, form, img, span,  select, input, textarea, option{margin:0; padding:0; text-align:justify; font-family: "Nanum Gothic", sans-serif}

 /* -----±âº» ¸µÅ©½ºÅ¸ÀÏ----- */
a:link{color:#666666; text-decoration:none;}
a:visited{color:#666666;  text-decoration:none;}
a:hover{color:#76c3cb; text-decoration:none;}
a:active{color:#4cb2da; text-decoration:none;}
.hidden{display:none;}

caption, legend{font-size:0px; width:0px; height:0px; overflow:hidden; position:absolute; visibility:hidden;}

img{border:0px}

td img{border:0;vertical-align:middle;}


input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit;}

ul,ol,dl{list-style:none;}

textarea{overflow:auto;}

button,label{cursor:pointer;}




.libox:last-child:after{content:none;}
.explain2{
	font-size: 14px;
}
.explain3{
	font-size: 14px;
	font-weight:bold;
}

.buyguide {line-height:160%; background:#fff; padding:12px}


.clear:after{
	content:"";
	clear:both;
	display:block;
}
.fl{float:left;}
.fr{float:right;}

.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}



.top_margin{margin-left:17px;}
.tmenu_s{
	margin:0 auto;
	padding-top:10px;
	width:1100px;
}
.tmenu_s td a{color:#8e8e8e}



/** ·Î°í ¼­Ä¡ ºÎºÐ*/
.searchBarbox {
	margin: 11px 0 0 0;
    width: 223px;
    height: 32px;
    font-size:14px;
    font-weight: bold;
    background: #f3f3f3;
}
.searchBarbox .serch_key {
    width: 193px;
    height: 30px;
	ime-mode:active;
	border:0;
    background: #f3f3f3;
}
.searchBarbox .searchIcon {
	padding: 0 4px 0 0;
	vertical-align: -4px;

}
.1serch_key{
	padding-left:10;
	background-repeat:no-repeat;
	background-position:center;
	height:28px;
	width:390px;
	border-width:0;
	font-family:Verdana;
	font-size:9pt;
	color:#545454;
	padding-top:6px;
	ime-mode:active;
}

#gnb{font-family: 'Noto Sans Korean', sans-serif;}
.tavls{
	width:100%;
	text-align:center;
}
.tavls2{
	width:100%;
	text-align:center;
	/*background:url('../99_img/main/sid_bg.jpg')no-repeat center top;*/
}
.mis{
	margin:0 auto;
	padding:0;
	width:1100px;
}

.ca{
    margin: 30px 0 32px 0;
	border: 2px solid #71b62b;
	background: #fff;
}
.ctd{
	padding:20px 0 0 20px;
	width:400px;
	font-size:15px;
}
.bbox{
	margin-top:28px;
	border: 1px solid #ebebec;
}
.pl{padding-left:5px;}
.not_box{
	width:546px;
	height:239px;
	border: 1px solid #e4e3e0;
	background:#fbfbfb;
}
.notice{margin:11px 0}

.mb{
	width:100%;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background:#f9f9f9;
}
.mb2{
	margin:0 auto;
	padding:33px 0;
	width:1100px;
}

.hbar{
	margin:0 43px;
	width:1px;
	height:120px;
	background:#f0f0f0;
}


#table1 {border:0; width:100%; border-top:2px solid #333333; } /* ÀÔȸ½Åû*/
#table1 tr {height:30px;}
#table1 th {
	padding:35px 24px;
	width:120px;
	text-align: left;
    color: #000;
	background:url("../../images/tit/pattern_bg.gif") repeat left top;

}
#table1 td {border-right:0px solid #dfdfdf;}
#table1 td.pad {padding:10px}
#table1 td.end{border-right:0px;}
#input {
    position: relative;
    padding: 0 1em;
    width: 100%;
    height: 40px;
    background: transparent;
    border: 1px solid #e4dcd3;
    color: #000;
    z-index: 1;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
.explain4{
	color: #d63509;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 20px;
}


.check_wrap>input {
    position: absolute;
    z-index: -1;
    width: 13px;
    height: 13px;
    padding: 0;
    left: -9999em;
}
.hmc_form .ui_table label {
    color: #000;
    font-family: 'TextMedium';
}



/*üũ¹öÆ°2*/
.check {
	float:right;
	display:block;

	position:relative;
	margin:12px 70px 0 0 ;
	padding:2px 0 0 25px;;
	font-size:15px;
	cursor:pointer;
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
}
.check input {position:absolute; opacity:0; cursor:pointer;}
.checkmark {position:absolute; top:0; left:0px; width:20px; height:20px; background-color:#fff; border:1px solid #ddd;}
.check:hover input ~ .checkmark {background-color:#ccc;}
.check input:checked ~ .checkmark {background-color:#75c2ca;}
.checkmark:after {display:none; position:absolute; content:"";}
.check input:checked ~ .checkmark:after {display:block;}
.check .checkmark:after {top:2px; left:7px; width:5px; height:10px; border:solid white; border-width:0 3px 3px 0; transform:rotate(45deg);-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);}


.check2 {
	float:left;
	display:block;
	position:relative;
	margin:0 70px 0 0 ;
	padding:2px 0 0 25px;;
	font-size:14px;
	cursor:pointer;
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
}
.check2 input {position:absolute; opacity:0; cursor:pointer;}
.check2:hover input ~ .checkmark {background-color:#ccc;}
.check2input:checked ~ .checkmark {background-color:#75c2ca;}
.checkmark:after {display:none; position:absolute; content:"";}
.check2 input:checked ~ .checkmark:after {display:block;}
.check2 .checkmark:after {top:2px; left:7px; width:5px; height:10px; border:solid white; border-width:0 3px 3px 0; transform:rotate(45deg);-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);}



























/*üũ¹öÆ°2*/
input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label {
    color:#f2f2f2;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) -19px top no-repeat;
}



.notice_text a{
	font-size:12px;
	/*font-weight:600;*/
	color:#959595;
}
.facea2{
	width:187px;
	height:40px;
	line-height:40px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	border:0;
	background-color:#f93030;
}

.td_t{	
	padding-right:47px;
	width:185px;
	text-align:center;
}
.td_t:last-child{	
	padding-right:0px;
}

.img_mbox{
	position:relative;
	margin-left:44px;
	float:left;
}
.img_mbox:nth-child(5){
	margin-left:0;
}
.img_mbox:first-child{
	margin-left:0;
}
.mbox{
	width:185px;
	height:185px;
	text-align:center;
	border:#ccc 1px solid;
}

.content{
    margin: 17px 0 0 30px;
    width: 875px;
	text-align: center;
}

.page_f1{font-size:13px;}





#left{
	margin:30px 0 0 30px;
	width:900px;
}
#left .lnb {margin-bottom:20px;}

#left .lnb .l_title {
	padding:26px 0 0 0px;
	height:66px;
	line-height:24px;
	font-size:28px;
	font-weight:bold;
	text-align: center;
	color:#fff;
	background:#202b56;
}
#left .lnb .l_title2 {
	padding:26px 0 0 27px;
	height:66px;
	line-height:24px;
	font-size:28px;
	font-weight:bold;
	text-align: center;
	color:#fff;
	background:#293b75;
}
#left .lnb .l_title span{font-size:11px; font-family:tahoma; color:#bababa;}
#left .lnb .l_title2 span{font-size:11px; font-family:tahoma; color:#bababa;}
#left > ul {width:200px; margin:0; border-top:1px solid #d9d9d9;}

.lnb > ul > li {	
	float:left;
    width: 175px;
    height: 51px;
    background: #313131;
    color: #fff;
    text-align: center;
    font-size: 15px;
	font-weight:bold;
    line-height: 51px;
}
.sub_m a{color:#fff;}
.sub_m:hover{background:#72b62b;}




#over{background:#72b62b;}
a.on:link, a.on:visited, a.on:active { text-decoration:none; color:#ffffff !important;}
a.on:hover { text-decoration:none;color:#ffffff;}

.btitle{
    margin: 17px 0 0 30px;
    text-align: left;
    font-size: 25px;
    font-weight: bold;
}