@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url(http://cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);

html{width:100%;font-family: 'NanumSquare',sans-serif;font-size:18px;margin:0 auto;}
body{width:100%;min-width:1440px;position:relative;}
.w1200{margin: 0 auto; width: 1200px;}
.w1440{margin: 0 auto; width: 1440px;}
.fl{float:left;}
.fr{float:right;}
.pt30{padding-top:30px;}
.pt70{padding-top:70px;}
.pb70{padding-bottom:70px;}
.pr90{padding-right:90px;}
.pl90{padding-left:90px;}
.mt12{margin-top:12px;}
.txt-l{text-align:left;}
.txt-c{text-align:center;}
.txt-r{text-align:right;}
.txt{color:#fff; line-height:1.4em;}
.txt p {padding: 13px 0px; font-size:1.3em; font-weight:600; letter-spacing:78px;}
.relative{position:relative;}
.after:after{content:""; clear:both; display:block;}

/*메뉴*/
	.position{
		position: fixed;
		z-index:1;
		width: 100%;
		left: 0;
		background:#fff;
		border-bottom: 1px solid #c9c9c9;
	}
	nav:after{content:""; clear:both; display:block;}
	nav{margin:0 auto; padding:15px 65px; width:1440px;}
	.position > nav > div{float:left;}
	.position > nav > ul {float:right;}
	.position > nav > ul >li{float:left;}
	.position > nav > ul >li a{display:block; padding:10px 25px; line-height:2em; }
	
/*비주얼*/
.btns a:hover{background:#fff; color:#36bacc;}
.btns {
    display: block;
    min-height: 1px;
    border-radius: 3px;
    clear: both;
}
.btns .btn {
    display: inline-block;
    min-width: 156px;
    height: 46px;
    border: 1px solid #fff;
    border-radius: 2px;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: 42px;
    text-align: center;
}

/*종류색상*/
	.type{padding-top: 80px;text-align: center;}
	.type:after{content:""; clear:both; display:block;}
	.type p{
		padding: 27px 0px 16px;
		font-size: 2.5em;
		font-weight: 500;
		line-height: 1.5em;
	}
	
/*사이드 기능번호*/
.side_title {
    position: absolute;
    left: 0;
    top: 40%;
    border-bottom: 1px solid #ebebeb;
    text-align: right;
    width: 120px;
}

.section_title {
    color: #2f3336;
    font-size: 40px;
    font-weight: 300;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    padding-top: 90px;
    white-space: nowrap;
}
	.en-txt_r {
    font-family: 'Raleway', sans-serif !important;
}
	
/*함께하는 일을 쉽고 빠르게*/

	.sub-tit{padding: 25px 0px;font-size:1.1em; line-height:1.8em;}
	.tit{padding-bottom:45px; font-size:1.5em; font-weight:600; color:#fff; line-height:1.5em;}
	.line{    margin: 20px auto 0px;    width: 65px;    border-bottom: 2px solid #848282;}

/*콘테스트빌더, 손쉽게 사용하세요*/	
	.function-tit {
    font-size: 1.5em;
    color: #4d5154;
}
.function-img {margin-top:20px;width: 53%;}
	.function_contents{    width: 32%;}
	.function_contents ul li {
    margin-bottom: 20px;
    padding: 20px 0 40px 0;
    color: #6b7072;
    font-size: 1em;
    line-height: 1.5;
    font-family: 'Noto Sans', sans-serif !important;
}
	.function_contents ul li p{
    font-size: 1.4em;
    font-weight: 500;
    color: #2f3336;
    margin-bottom: 15px;
}
	
	
	.about{background-color: #f7f7f7;}
	/*footer*/
	.footer{
		margin-top:50px;
		padding-bottom:40px;
		width:100%;
		color:#8a8989;
		background:#383838;
	}
	.footer .nav{border-bottom:1px solid #8a8989;}
	.nav ul:after{content:""; clear:both; display:block;}
	.nav ul{margin: 0 auto;width: 620px;}
	.nav > ul > li {float: left;}
	.nav > ul > li > a{
		padding: 15px 20px;
		display: block;
		color: #8a857c;
		font-size: 1em;
		line-height: 1em;
	}