@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);

*{margin:0; padding:0;}
body{font-size:17px; line-height:200%;
	 font-family: "NanumBarunGothic";
	 height:auto; background:#fff; color:#111; position:relative;}

a{text-decoration:none; color:#333;}
li{list-style:none;}
img{border:0; vertical-align:middle;}
button{border:0; font-family: "NanumBarunGothic"; font-size:0.8em;}
button:hover{cursor:pointer;}
.fl{float:left;}
.fr{float:right;}
.cb:after{content:""; display:block; clear:both;}

.fourteen{font-size:14px;}
.fifteen{font-size:15px;}
.eightteen{font-size:18px;}
.twenty{font-size:20px;}
.txlf{text-align:left;}
.txrt{text-align:right;}
.txjf{text-align:justify;}

.conText{font-size:15px; line-height:170%;}

.grn{color:#216915;}
.grn2{color:#63c12f;}

.wrap{width:70%; margin:0 auto;}


/* header 스타일 시작 */
header{width:100%; height:72px; line-height:72px; position:fixed; z-index:1000; margin:0 auto; background:#fff; box-shadow:0px 1px 3px rgba(49,49,49,0.3);}
header h1 a{color:#63c12f;}
	nav{width:50%;}
		nav>ul{width:100%;}
		nav>ul>li{width:20%; text-align:right;}
		nav>ul>li a{color:#222;}
		nav>ul>li>ul>li>a{color:#222;}
		nav>ul>li a:hover{opacity:0.8; transition:all 0.4s;}
		
		.wholemenu{margin-top:19px;}
		.wholemenu:hover{cursor:pointer;}
/* header 스타일 끝 */


#infoSub{width:100%; padding-top:73px; background:rgba(255,255,255,0.9); position:fixed; z-index:90; border-bottom:1px solid rgba(49,49,49,0.2); display:none;}
#infoSub>ul{width:100%; text-align:center; font-size:17px;}
#infoSub>ul>li{padding:10px 0; transition:all 0.4s;}
#infoSub>ul>li:hover{cursor:pointer; background:rgba(99,193,47,0.3); font-weight:bold;}

/* aside 스타일 시작 */
aside{padding:122px 0 80px 0;}
aside>hr{border:0.5px solid #d9d9d7; margin:30px 0;}
.conText .welcome{width:510px; height:auto; margin:0 auto; margin-top:40px; margin-bottom:40px;}

iframe+p{color:#707172;}
iframe+p b{color:#212721;}

/* aside 스타일 끝 */


/* section 스타일 시작 */
section{}

.sectionTitle{color:#212721; font-weight:bold; font-size:24px; margin-bottom:10px;}
.grayArea{background:#f1f1f1; height:auto; text-align:center; margin-bottom:80px; color:#707172; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:44px;}

#phil{width:50%; /*background:red;*/ margin:0 auto; margin-bottom:30px;}
#phil>li{width:30.65%; /*background:yellow;*/}
#phil>li:nth-child(1), #phil>li:nth-child(2){margin-right:4%;}
#phil>li>img{margin-bottom:10px;}

.companypf>ul{width:500px; margin:0 auto;}

.sectionCon{width:100%;}
.sectionCon table{font-size:16px;}
.sectionCon:nth-child(1) table{width:500px; margin:0 auto;}
.sectionCon:nth-child(2) table{width:700px; margin:0 auto;}

.sectionCon table td{text-align:left !important;}
.sectionCon:nth-child(1) table th{width:40%; text-align:right; padding-right:9%;}
.sectionCon:nth-child(1) table th+td, .sectionCon:nth-child(2) table th+td{width:60px;}
.sectionCon:nth-child(2) table th{width:20%;}

.sectionCon_left{width:67%; height:auto;}
.sectionCon_left hr{border:1px solid #63c12f; width:90px; margin-bottom:9px;}

.sectionCon_right{width:33%; text-align:center;}
.sectionCon:nth-child(1) .sectionCon_right{margin-top:123px;}

.servInt{margin-bottom:112px;}

.onVid{margin-bottom:34px;}
.onVid>p{color:#707172;}
.onVid button{background:#63c12f; width:94px; height:32px; border-radius:20px;}
.onVid button a{color:#fff;}
.onVid+img{margin-bottom:40px;}


.underVid{}
.underVid>li:nth-child(1){width:12%;}
.underVid>li:nth-child(2){width:88%;}

.appDown{margin:34px 0;}
.appDown>li{width:156px; height:44px; border:1px solid #63c12f; background:#fff; border-radius:30px; line-height:44px; margin-right:15px;}
.appDown>li p{margin:0 auto;}
.appDown>li:nth-child(1) p{width:112px;}
.appDown>li:nth-child(2) p, .appDown>li:nth-child(3) p{width:100px;}
.appDown>li:nth-child(3){margin-right:0;}


.servSns{}
.servSns li{margin-right:7px;}

.conText>.grn2{font-size:24px;}

.corpValue{font-weight:bold; font-size:22px; width:628px; height:auto; margin:0 auto;}
.corpValue>li{width:150px; height:150px; border-radius:75px; background:#fff; border:1px solid #63c12f; line-height:150px;}
.corpValue>li:nth-child(1), .corpValue>li:nth-child(2){margin-right:86px;}

#recruitArea{width:65%; height:auto; margin:0 auto;}
#recruitArea>ul{width:20%; font-size:17px; display:block !important;}
#recruitArea>ul>li{width:100%; height:48px; line-height:48px; text-align:center;}
#recruitArea>ul>li:hover{cursor:pointer;}
#recruitArea>ul>li>a{color:#707172;}
#recruitArea .greenOn{background:#63c12f; font-weight:bold; text-decoration:underline; text-decoration-color:#fff;}
#recruitArea .greenOn>a{color:#fff;}

#recruitArea>div{width:80%; text-align:justify; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 40px;}
#recruitArea>div>p{color:#212721;}

#recruitArea+.grayArea{margin-top:80px; margin-bottom:0;}

#apply{width:152px; height:48px; background:#63c12f; font-weight:bold; color:#fff; border-radius:10px;}

/* section 스타일 끝 */



/* footer 스타일 시작 */
footer{background:#f1f1f1; height:auto; line-height:150%; font-size:15px; /*margin-top:82px;*/ padding:80px 0;}
footer address{font-style:normal;}

#footer_wrap{width:70%; height:100%; margin:0 auto;}
#footer_left{width:84%;}

#footer_right{width:16%;}
#footer_right>ul{width:100%;}
#footer_right>ul>li{margin-left:7px;}
/* footer 스타일 끝 */