/* ±âº» wrap*/
.wrap{width:1500px;margin:0 auto;}
.clearfix:after{display:block;clear:both;content:".";visibility:hidden;height:0;}
.clearfix{display:block;}
.background_wrap{background:#f5f5f5;margin:0 4%;}

/*¼­ºêºñÁÖ¾ó ÀÔ´Ï´Ù*/
.sub_visual .wrap{width:1500px;margin:0 auto;}
.sub_visual.adfinder{background:url(../img/greeting/intro_greeting_subvisual.jpg) center bottom no-repeat;height:600px;text-align:center;color:#333;font-weight:300;}
.sub_visual.adfinder h2{font-size:60px;font-weight:300;padding:195px 0 25px 0;} 
.sub_visual.adfinder p{padding-bottom:45px;}
.sub_visual.adfinder p span{font-weight:500;}
.sub_visual.adfinder .lnb{display: inline-block;}
.sub_visual.adfinder .lnb ul{text-align:center;}
/*
.sub_visual.adfinder .lnb ul li{float:left;width:150px;height:50px;border:1px solid #019eae;margin-right:20px;}
.sub_visual.adfinder .lnb ul li a{line-height:50px;}*/

.sub_visual.adfinder .lnb ul li:nth-child(3){background:#019eae;}
.sub_visual.adfinder .lnb ul li:nth-child(3) a{color:#fff;}

/*.sub_visual.adfinder .lnb ul li:hover{background:#019eae;}
.sub_visual.adfinder .lnb ul li:hover a{color:#fff;}*/

@media screen and (max-width:1000px){
	.sub_visual.adfinder .lnb ul li{width:125px;}
}

@media screen and (max-width:800px){
	.sub_visual.adfinder{height:auto;}
	.sub_visual.adfinder h2{font-size:30px;font-weight:500;padding:85px 0 5px 0;}
	.sub_visual.adfinder .lnb{display: none;}
}

/*ÄÁÅÙÃ÷ ½ÃÀÛÀÔ´Ï´Ù */
 
 /*2016~ ÇöÀç*/
.sub_title h2{font-size:40px;padding-top:80px;text-align:center;font-weight:300;}

.sub_contents .box_2016{background:url(../img/history/history_middle_line.png) top 100px center no-repeat;height:1765px;}
.sub_contents .box_2013{background:url(../img/history/history_middle_line2.png) top 100px center no-repeat;height:2020px;}

.sub_contents ul{margin-top:50px;}
.sub_contents ul li{float:left;width:50%;text-align:center;height:60px;border:1px solid #ccc;padding-bottom:40px;}
.sub_contents ul li a{display:block;line-height:60px;}
.sub_contents .box_2016 img{margin:253px 0 0 40px;}
.sub_contents .box_2016 .txt{float:right;margin-top:70px;}
.sub_contents .box_2016 .contents_box2 .txt{margin:-450px 18px 0 0;}
.sub_contents .box_2016 .contents_box2 img{margin:293px 0 0 40px;}
.sub_contents .box_2016 .contents_box3 img{margin:270px 0 325px 40px;}
.sub_contents .box_2016 .contents_box3 .txt{margin:-760px -13px 0 0;}

.sub_contents .box_2016 .txt h3{display:inline-block;margin-right:455px;font-weight:300;}
.sub_contents .box_2016 .txt h3 em{display:block;font-size:30px;color:#019eae;font-weight:400;}
.sub_contents .box_2016 .txt h3 span{font-size:17px;}
.sub_contents .box_2016 .txt .txt_time{margin:13px 0 35px 0;}
.sub_contents .box_2016 .txt .txt_time p{line-height:40px;color:#333;font-weight:300;}
.sub_contents .box_2016 .txt .txt_time p span{margin-right:50px;}

/* ¹ÝÀÀÇücss */
@media screen and (max-width:1630px){
	.sub_contents .box_2016 img{margin:40px 0 0 40px;width:520px;}
	.sub_contents .box_2016 .txt{margin-top:30px;}
	.sub_contents .box_2016 .contents_box2 .txt{margin:-25px 61px 0 0;}
	.sub_contents .box_2016 .contents_box3 .txt{margin:-155px -11px 0 0;}
	.sub_contents .box_2016 .txt h3{margin-right:0;}
}

@media screen and (max-width:1300px){
	.sub_contents .box_2016 img{margin:40px 0 0 20px;}
	.sub_contents .box_2016 .txt .txt_time p span{margin-right:20px;}
	.sub_contents .box_2016 .contents_box2 img{margin:120px 0 0 20px;}
	.sub_contents .box_2016 .contents_box3 img{margin:120px 0 325px 20px;}
	.sub_contents .box_2016 .contents_box2 .txt{margin:-25px 61px 0 0;}
	.sub_contents .box_2016 .contents_box3 .txt{margin:-155px -11px 0 0;}
}

@media screen and (max-width:1250px){
	.sub_contents .box_2016 .txt .txt_time p{line-height:35px;}
	.sub_contents .box_2016 .txt h3{margin-top:20px;}
	.sub_contents .box_2016 img{width:45%;}
	.sub_contents .box_2016 .contents_box2 img{width:45%;margin:0 0 0 52%;}
	.sub_contents .box_2016 .txt{width:48%;}
	.sub_contents .box_2016 .contents_box1,	.sub_contents .box_2016 .contents_box2,	.sub_contents .box_2016 .contents_box3{width:100%;}
	.sub_contents .box_2016 .contents_box2 .txt{margin:-310px 48% 0 0;width:52%;}
	.sub_contents .box_2016 .contents_box3 .txt{margin:-75px -11px 0 0;}
}

@media screen and (max-width:900px){
	.sub_contents .box_2016{height:2000px;}
	.sub_contents .box_2016 .contents_box2 .txt{margin:-310px 48% 0 0;width:46%;}
}	

@media screen and (max-width:800px){
	.sub_title h2{padding-top:40px;font-size: 25px;font-weight: 500;}
	.sub_contents ul{margin-top:20px;}
	.sub_contents .box_2016{background:none;height:auto;}
	.sub_contents .box_2016 .txt h3{margin:0;}
	.sub_contents .box_2016 .contents_box1 .txt{margin:0;width:100%;}
	.sub_contents .box_2016 .contents_box2 .txt{margin:0;width:100%;}
	.sub_contents .box_2016 .contents_box3 .txt{margin:0;width:100%}
	.sub_contents .box_2016 img{width:100%;margin:0;}
	.sub_contents .box_2016 .contents_box2 img{width:100%;margin:0;}
	.sub_contents .box_2016 .contents_box3 img{width:100%;margin:0;}
	.sub_contents .box_2016 .txt{width:100%;}
}	


/*2013³â~*/
.sub_contents ul{margin-bottom:40px;}
.sub_contents ul li{float:left;width:50%;text-align:center;height:60px;border:1px solid #ccc;padding-bottom:40px;}
.sub_contents ul li a{display:block;line-height:60px;}
.sub_contents .box_2013 img{margin:233px 0 0 40px;}
.sub_contents .box_2013 .txt{float:right;margin-top:70px;}
.sub_contents .box_2013 .contents_box2 .txt{margin:-260px 99px 0 0;}
.sub_contents .box_2013 .contents_box2 img{margin:120px 0 0 40px;}
.sub_contents .box_2013 .contents_box3 img{margin:120px 0 325px 40px;}
.sub_contents .box_2013 .contents_box3 .txt{margin:-393px -29px 0 0;}
.sub_contents .box_2013 .contents_box4 img{margin:-203px 0 0 40px;}

.sub_contents p.right em{margin-left:-10px;}

.sub_contents .box_2013 .txt h3{display:inline-block;margin-right:455px;font-weight:300;}
.sub_contents .box_2013 .txt h3 em{display:block;font-size:30px;color:#019eae;font-weight:400;}
.sub_contents .box_2013 .txt h3 span{font-size:17px;}
.sub_contents .box_2013 .txt .txt_time{margin:13px 0 35px 0;}
.sub_contents .box_2013 .txt .txt_time p{line-height:40px;color:#333;font-weight:300;}
.sub_contents .box_2013 .txt .txt_time p span{margin-right:50px;}

/* ¹ÝÀÀÇücss */
@media screen and (max-width:1630px){
	.sub_contents .box_2013 img{margin:40px 0 0 40px;width:520px;}
	.sub_contents .box_2013 .txt{margin-top:30px;margin-right:90px;}
	.sub_contents .box_2013 .contents_box2 .txt{margin:-50px 137px 0 0;}
	.sub_contents .box_2013 .contents_box3 .txt{margin:-160px 190px 0 0;}
	.sub_contents .box_2013 .txt h3{margin-right:0;}
}

@media screen and (max-width:1300px){
	.sub_contents .box_2013 img{margin:40px 0 0 20px;}
	.sub_contents .box_2013 .txt{margin-right:110px;}
	.sub_contents .box_2013 .txt .txt_time p span{margin-right:15px;}
	.sub_contents .box_2013 .contents_box2 img{margin:120px 0 0 20px;}
	.sub_contents .box_2013 .contents_box3 img{margin:120px 0 325px 20px;}
	.sub_contents .box_2013 .contents_box2 .txt{margin:-35px 152px 0 0;}
	.sub_contents .box_2013 .contents_box3 .txt{margin:-145px 203px 0 0;}
	.sub_contents .box_2013 .contents_box4 img{margin:-203px 0 0 20px;}
}

@media screen and (max-width:1250px){
	.sub_contents .box_2013{background:url(../img/history/history_middle_line.png) top 100px center no-repeat;height:1765px;}
	.sub_contents .box_2013 .txt .txt_time p{line-height:35px;}
	.sub_contents .box_2013 .txt h3{margin-top:20px;}
	.sub_contents .box_2013 img{width:45%;}
	.sub_contents .box_2013 .contents_box2 img{width:45%;margin:0 0 0 52%;}
	.sub_contents .box_2013 .contents_box3 img{margin:20px 0 0 20px;}
	.sub_contents .box_2013 .contents_box4 img{display:none;}
	.sub_contents .box_2013 .txt{width:48%;margin-right:0;}
	.sub_contents .box_2013 .contents_box1,	.sub_contents .box_2013 .contents_box2,	.sub_contents .box_2013 .contents_box3{width:100%;}
	.sub_contents .box_2013 .contents_box2 .txt{margin:-310px 48% 0 0;width:52%;}
	.sub_contents .box_2013 .contents_box3 .txt{margin:-35px -11px 0 0;}

}
@media screen and (max-width:800px){
	.sub_contents .box_2013{background:none;height:auto;}
	.sub_contents .box_2013 .txt h3{margin:0;}
	.sub_contents .box_2013 img{width:100%;margin:0;}
	.sub_contents .box_2013 .contents_box2 img{width:100%;margin:0;}
	.sub_contents .box_2013 .contents_box3 img{width:100%;margin:0;}
	.sub_contents .box_2013 .contents_box2 .txt{margin:0;width:100%;}
	.sub_contents .box_2013 .contents_box3 .txt{margin:0}
	.sub_contents .box_2013 .txt{margin:0;width:100%;}
}

/*on class Ãß°¡*/
.sub_contents ul li.on{background:#019eae;}
.sub_contents ul li.on a{color:#fff;}

/*transition È¿°ú*/
.sub_contents .box_2016 .contents_box1{opacity:0;transform:translate(-250px,0);transition:1s;}
.sub_contents .box_2016 .contents_box1.on{opacity:1;transform:translate(0,0);}

.sub_contents .box_2016 .contents_box2{opacity:0;transform:translate(250px,0);transition:1s;}
.sub_contents .box_2016 .contents_box2.on{opacity:1;transform:translate(0,0);}

.sub_contents .box_2016 .contents_box3{opacity:0;transform:translate(-250px,0);transition:1s;}
.sub_contents .box_2016 .contents_box3.on{opacity:1;transform:translate(0,0);}

.sub_contents .box_2013 .contents_box1{opacity:0;transform:translate(-250px,0);transition:1s;}
.sub_contents .box_2013 .contents_box1.on{opacity:1;transform:translate(0,0);}

.sub_contents .box_2013 .contents_box2{opacity:0;transform:translate(250px,0);transition:1s;}
.sub_contents .box_2013 .contents_box2.on{opacity:1;transform:translate(0,0);}

.sub_contents .box_2013 .contents_box3{opacity:0;transform:translate(-250px,0);transition:1s;}
.sub_contents .box_2013 .contents_box3.on{opacity:1;transform:translate(0,0);}

.sub_contents .box_2013 .contents_box4{opacity:0;transform:translate(-250px,0);transition:1s;}
.sub_contents .box_2013 .contents_box4.on{opacity:1;transform:translate(0,0);}

@media screen and (max-width:800px){
	.sub_contents .box_2016 .contents_box1{opacity:1;transform:translate(0,0);transition:0;}
	.sub_contents .box_2016 .contents_box2{opacity:1;transform:translate(0,0);transition:0;}
	.sub_contents .box_2016 .contents_box3{opacity:1;transform:translate(0,0);transition:0;}
	.sub_contents .box_2016 .contents_box4{opacity:1;transform:translate(0,0);transition:0;}
	
}