@charset "utf-8";

body,h1,h2,h3,h4,h5,h6,ul,li,p,button,a
{margin:0; padding:0; list-style:none; text-decoration:none;}
img{border:0;}
button{cursor:pointer; background:none; border:0;}

body,button{font-family: NanumSquare, sans-serif;}
.none{display:none;}

.header_wrap,.section_wrap,.footer_wrap{width:1100px; margin:0 auto;}


/*header*/
#header{
    position:fixed; z-index:10; left:0; top:0;
    width:100%; height:100px;
    background:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}

h1{float:left; margin-left:70px;}
nav{float:right;}
.gnb>li{float:left; margin-right:35px;}
.gnb>li>button{height:50px; margin:25px 0px; font-size:18px; font-weight:800;}
.gnb>li>button:hover{opacity:0.4; border-bottom:2px solid #000;}

/*container*/
#container .section_wrap{height:1000px;}

#container h2{margin-top:25px;}
.section_wrap>div:nth-child(2){clear:both; padding-top:70px;}

/*h2 title*/
h2{font-size:40px; font-weight:800;}

.h2_left{
    width:1100px; height:100px;
    background:url(../images/bg_title_left.gif) no-repeat left center;}
.h2_left>*{float:left; margin-left:435px;}
.h2_left p{font-size:20px; margin:25px 0 0 35px;}

.h2_right{
    width:1100px; height:100px;
    float:right;
    background:url(../images/bg_title_right.gif) no-repeat right center;}
.h2_right>*{float:right; margin-right:435px;}
.h2_right p{font-size:20px; margin:25px 35px 0 0; text-align:right;}


/*1.intro*/
.intro_text{margin:100px 0 0 70px;}

.i_icon li{float:left; margin:0 40px 60px 0;}

.i_text{clear:both; margin-bottom:60px;}
.i_text p:nth-child(1){float:left; margin-right:40px;}
.i_text p:not(:nth-child(1)){margin-bottom:21px; font-size:18px; font-weight:800;}

.intro_text>p{margin-bottom:100px;}

.intro_down p{margin-bottom:10px; text-align:center; font-size:14px; font-weight:600;}


/*2.history*/
.history_graph ul{
    width:1100px; height:193px; margin-bottom:70px;
    background:url(../images/bg_history_graph.gif) no-repeat center bottom;}

.history_graph ul li{float:left; opacity:0.9;}
.history_graph ul li:nth-child(1){margin:45px 0 0 85px;}
.history_graph ul li:nth-child(2){position:absolute; z-index:1; margin:28px 0 0 190px;}
.history_graph ul li:nth-child(3){position:absolute; z-index:1; margin:28px 0 0 310px;}
.history_graph ul li:nth-child(4){margin:10px 0 0 13px;}
.history_graph ul li:nth-child(5){position:absolute; z-index:1; margin:45px 0 0 390px;}
.history_graph ul li:nth-child(6){margin:28px 0 0 -110px;}
.history_graph ul li:nth-child(7){position:absolute; z-index:1; margin:10px 0 0 525px;}
.history_graph ul li:nth-child(8){position:absolute; z-index:1; margin:45px 0 0 632px;}
.history_graph ul li:nth-child(9){margin:28px 0 0 112px;}
.history_graph ul li:nth-child(10){margin:45px 0 0 130px;}

.history_graph>p{clear:both; text-align:center; line-height:26px; font-size:18px;}


/*3.skill*/
.skill_graph{
    width:1100px; height:400px;
    background:url(../images/bg_skill.gif) no-repeat center center;}
.skill_graph ul li{height:40px;}
.skill_graph ul li h3{width:110px; text-align:center;}

.skill_graph ul li p{position:absolute; margin:-30px 0 0 110px; opacity:0.9;}
.skill_graph ul li:nth-child(2) p{z-index:1;}
.skill_graph ul li:nth-child(3) p{z-index:2;}
.skill_graph ul li:nth-child(4) p{z-index:3;}
.skill_graph ul li:nth-child(5) p{z-index:4;}
.skill_graph ul li:nth-child(6) p{z-index:5;}
.skill_graph ul li:nth-child(7) p{z-index:6;}


/*4.education*/
.edu_step{clear:both; padding-top:70px;}
.edu_step>li{float:left;}

.edu_wrap{width:1100px; height:400px; overflow:hidden; margin-top:145px;}

.edu_slide{width:9900px; height:400px;}
.edu_slide>li{width:1100px; height:400px; float:left;}
.edu_slide>li>*{text-align:center;}

.edu_slide>li>h3{margin-bottom:75px; font-size:36px; font-weight:800;}
.edu_slide>li>p:nth-of-type(1){margin-bottom:70px; font-size:20px;}
.edu_slide>li>ul{margin-left:380px;}
.edu_slide>li>ul li{float:left; margin:0 35px 20px 0;}
.edu_slide>li>p:nth-of-type(2){clear:both; font-size:18px; font-weight:800;}

.edu_slide>li:nth-child(1) h3{color:#00c8ff;}
.edu_slide>li:nth-child(2) h3{color:#0d4bff;}
.edu_slide>li:nth-child(3) h3{color:#ff8a19;}
.edu_slide>li:nth-child(4) h3{color:#ff4719;}
.edu_slide>li:nth-child(5) h3{color:#ff0d59;}
.edu_slide>li:nth-child(6) h3{color:#e800be;}
.edu_slide>li:nth-child(7) h3{color:#860ce8;}
.edu_slide>li:nth-child(8) h3{color:#229c00;}
.edu_slide>li:nth-child(9) h3{color:#145c00;}

.edu_btn{clear:both;}
.edu_btn>li:first-child{
    position:absolute; left:50%;
    margin:-300px 0 0 -480px;}
.edu_btn>li:last-child{
    position:absolute; left:50%; 
    margin:-300px 0 0 400px;}


/*5.license*/
.license_graph{
    width:1100px; height:520px;
    background:url(../images/bg_license.gif) no-repeat right bottom;}
.license_graph li>*{position:absolute;}
.license_graph h3{margin-top:490px; font-size:16px; font-weight:500;}

.license_graph li:nth-child(1) h3{margin-left:150px;}
.license_graph li:nth-child(2) h3{margin-left:380px;}
.license_graph li:nth-child(3) h3{margin-left:545px;}
.license_graph li:nth-child(4) h3{margin-left:715px;}
.license_graph li:nth-child(5) h3{margin-left:925px;}

.license_graph li:nth-child(1) p{margin:410px 0 0 190px;}
.license_graph li:nth-child(2) p{margin:138px 0 0 385px;}
.license_graph li:nth-child(3) p{margin:138px 0 0 555px;}
.license_graph li:nth-child(4) p{margin:93px 0 0 740px;}
.license_graph li:nth-child(5) p{margin:47px 0 0 990px;}


/*6.works*/
#container .works_line{
    width:1100px; height:720px;
    background:url(../images/bg_works.gif) no-repeat center center;}
#container .works_line li{position:absolute; text-align:center;}
#container .works_line li p:nth-of-type(2){font-weight:800;}

#container .works_line li:nth-child(1) h3{margin:405px 0 0 175px;}
#container .works_line li:nth-child(1) p:nth-of-type(1){margin:-140px 0 0 175px;}
#container .works_line li:nth-child(1) p:nth-of-type(2){margin:5px 0 0 175px;}
#container .works_line li:nth-child(1) p:nth-of-type(3){margin:70px 0 0 175px;}

#container .works_line li:nth-child(2) h3{margin:230px 0 0 390px;}
#container .works_line li:nth-child(2) p:nth-of-type(1){margin:-100px 0 0 540px;}
#container .works_line li:nth-child(2) p:nth-of-type(2){margin:5px 0 0 540px;}
#container .works_line li:nth-child(2) p:nth-of-type(3){margin:-250px 0 0 390px;}

#container .works_line li:nth-child(3) h3{margin:350px 0 0 600px;}
#container .works_line li:nth-child(3) p:nth-of-type(1){margin:-100px 0 0 740px;}
#container .works_line li:nth-child(3) p:nth-of-type(2){margin:5px 0 0 740px;}
#container .works_line li:nth-child(3) p:nth-of-type(3){margin:40px 0 0 610px;}

#container .works_line li:nth-child(4) h3{margin:295px 0 0 860px;}
#container .works_line li:nth-child(4) p:nth-of-type(1){margin:20px 0 0 860px;}
#container .works_line li:nth-child(4) p:nth-of-type(2){margin:5px 0 0 860px;}
#container .works_line li:nth-child(4) p:nth-of-type(3){margin:-370px 0 0 860px;}


/*7.infomation*/
.info_list{width:1100px; height:250px; background:url(../images/bg_info.gif) no-repeat center bottom;}
.info_list li{float:left; width:190px; height:190px; margin:25px 0 0 25px; text-align:center;
	background:url(../images/bg_info_li.gif) no-repeat;}
.info_list h3{margin-top:50px; font-size:32px; font-weight:800;}
.info_list li:first-child p{margin-top:35px; font-size:18px;}
.info_list li:not(:first-child) p{margin-top:20px; font-size:18px;}


/*footer*/
#footer{width:100%; height:100px; background:#fff; border-top:1px solid rgba(0,0,0,0.1);}
.footer_wrap{text-align:center; line-height:15px;}