@charset "utf-8";
/* 워랩 CSS */
#wrapper{width:100%; margin:0; padding:0;}

/* 헤더 CSS > include/header.asp */
.header{width:100%; height:323px; margin:0 auto; background:url(../images/bg_headline.gif) repeat-x 0 0; }
.hgroup{width:982px; height:323px; margin:0 auto;}

/* 헤더 top */
.thead{float:left; width:982px; height:86px; overflow:hidden;}
.thead .tlogo{float:left;}
.thead .tsite{float:right; height:86px;} /* width:248px;*/
.thead .tsite ul li{float:left; font-size:0;}
.thead .tmenu{float:right; width:342px; height:86px;}
.thead .tmenu ul li{float:right; font-size:0;}

/* 헤더 bottom */
.bhead{width:982px; height:232px; float:left; overflow:hidden;}
.bhead ul{width:982px; height:232px;}
.bhead ul li{float:left; height:30px; margin:10px 30px; padding-top:35px;}
.bhead ul li a{font-size:17px; font-family:"Nanum Gothic";}
.bhead ul li p{font-size:26px; font-family:"Nanum Gothic";}
.bhead ul li:nth-child(1) p{color:#0354b8;}
.bhead ul li:nth-child(2) p{color:#ef9800;}
.bhead ul li:nth-child(3) p{color:#78ca02;}
.bhead ul li:nth-child(4) p{color:#dc1515;}
.bhead ul li:nth-child(5) p{color:#a719c5;}
.bhead ul li:nth-child(6) p{color:#833910;}
.bhead ul li:nth-child(7) p{color:#4f2828;}
.bhead ul li:nth-child(8) p{color:#e90089;}
.bhead ul li:nth-child(9) p{color:#e56c00;}
.bhead ul li:nth-child(10) p{color:#2950cf;}
.bhead ul li:nth-child(11) p{color:#00adef;}


/* 배너 CSS > include/banner1.asp */
.banner{width:100%; min-height:398px; margin:0 auto; overflow:hidden;}

/* 컨테이너 공통CSS */
.container{width:100%; min-height:500px; margin:0px auto; padding:45px 0;}
.container:after{content:''; display:block; clear:both; zoom:1;}
.container .cgroup{width:982px; min-width:0px; margin:0 auto;}
.cgroup:after{content:''; display:block; clear:both; zoom:1;}

/* CS센터 CSS > include/footer.asp */
.cscenter{width:100%; height:234px; margin:45px auto 0px auto; clear:both;}
.mcon_tit2{width:982px; height:90px; text-align:center; font-size:15px; color:#666; font-family:"Nanum Gothic";}
.mcon_tit2 p{font-size:35px; color:#000; font-weight:900; font-family:"Tahoma";}
.mcon_cs{width:982px; height:144px; overflow:hidden;}
.mcon_cs ul{width:982px; height:144px;}
.mcon_cs ul li{float:left; margin:0px 3px;}

/* 카피라이트 CSS > include/footer.asp */
.footer{width:100%; height:186px; margin:0 auto; background:#505050; clear:both;}
.fgroup{width:982px; height:186px; margin:0 auto; text-align:center;}


/*롤링배너*/
#brandVisual {position:relative; width:100%; margin:0 auto; overflow:hidden; min-height:398px;}
#brandVisual ul {position:relative; float:left; width:100%; min-height:398px; list-style:none;}
#brandVisual li {position:absolute; width:100%; min-height:398px;}
#brandVisual li a {display:block;text-indent:-9999px}

#banner{width:100%; margin:0 auto;}
#banner2{width:100%; margin:0 auto;}
#buttonList{width:120px; position:relative; top:-50px;}
#buttonList:after {content:""; display:block; clear:both;}
#buttonList li{background:url("/images/btnVisual.png") 0 -16px no-repeat; width:14px; height:15px; float:left; overflow:hidden; margin:0 5px; cursor:pointer;}
#buttonList li.on { background-position:0 0;}
#buttonList li a {display:block;text-indent:-9999px}

/* 스크롤 > 탑 */
.quickLinkr{position:fixed; _position:absolute; left:50%; bottom:20px; margin-left: 520px;}


/*동의박스*/
		#agreeBox{width: 100%;}
		#agreeBox input[type="radio"]{position: relative; top: 2px; transform:scale(1.3); margin-left: 10px;}
		#agreeBox input[type="checkbox"]{position: relative; top: 2px; transform:scale(1.3); margin-right: 10px;}
		#agreeBox .summarybox{width: 100%; font-size: 14px; color: #333; margin-bottom: 20px;}
		#agreeBox .summarybox strong{font-size: 16px;}
		#agreeBox .summarybox strong span{color: #e86a53;}
		#agreeBox .summarybox p{line-height: 1.4;}
		#agreeBox .summarybox em{font-size: 12px; color: #aaa; font-style: normal; font-weight: bold;}
		#agreeBox .summarybox .summary-text{border: 1px solid #dcdcdc; background: #fff; padding: 20px;}
		#agreeBox .summarybox .summary-text table{border: 1px solid #dcdcdc; margin: 10px 0;}
		#agreeBox .summarybox .summary-text table th{background: #eee; color: #666; padding: 10px 0px; border-bottom: 1px solid #dcdcdc;}
		#agreeBox .summarybox .summary-text table th:nth-of-type(1){border-right: 1px solid #dcdcdc;}
		#agreeBox .summarybox .summary-text table th:nth-of-type(2){border-right: 1px solid #dcdcdc;}
		#agreeBox .summarybox .summary-text table td{border-bottom: 1px solid #dcdcdc; text-align: center; padding: 10px 0px; color: #666;}
		#agreeBox .summarybox .summary-text table td:nth-of-type(1){border-right: 1px solid #dcdcdc;}
		#agreeBox .summarybox .summary-text table td:nth-of-type(2){border-right: 1px solid #dcdcdc;}
		#agreeBox .summarybox .summary-text table tr:last-of-type td{border-bottom: 0;}
		#all{text-align: center; font-size: 14px; color: #333; margin-top: 40px;}

.best_20191230{}
.best_20191230 ul{}
.best_20191230 ul li{float: left; width: 238px; margin-right: 10px; margin-bottom: 10px;}
.best_20191230 ul li:nth-of-type(4n+4){margin-right: 0;}
.best_20191230 ul li img{width: 100%;}