@import url( "https://fonts.googleapis.com/css?family=Poppins" );
@import url( "https://fonts.googleapis.com/css?family=Anton" );
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}

::selection {
    background:#ffa4a4;
    color: #FFF;
    text-shadow: none;
}
::-moz-selection {
    background:#ffa4a4;
    color: #FFF;
    text-shadow: none;
}
::-webkit-selection {
    background:#ffa4a4;
    color: #FFF;
    text-shadow: none;
}

body {font-family: 'Nanum Gothic Coding', serif;}

.white_line_bg {width:100%; height:100%; z-index:2; position:absolute; background:url(../images/main/white_bg.png) center bottom no-repeat;}
.white_line_bg .grad{width:100%; height:295px; position:absolute; bottom:0px; background:url(../images/main/gra.png)}

.quick_menu{width:100%; background:#333; height:500px;}
.quick_menu .quick_cont{width:1020px; height:640px; margin:-180px auto 0 auto; position:relative; z-index:3; }
.quick_menu .quick_cont ul{overflow:hidden; padding:0 30px}
.quick_menu .quick_cont ul.bottom{margin:-30px 0 100px 0;}
.quick_menu .quick_cont ul li{float:left; width:300px; height:290px;   position:relative;}
.quick_menu .quick_cont ul li.center{margin:30px;}
.quick_menu .quick_cont ul li .box_shadow{box-shadow: 10px 10px 20px #000; width:100%;height:100%; position:absolute; opacity:0.15; z-index:1; transition:.4s}
.quick_menu .quick_cont ul li a:hover .box_shadow{opacity:0.3;}
.quick_menu .quick_cont ul li .cont{position:absolute; width:100%; height:100%; z-index:2}
.quick_menu .quick_cont ul li .cont p{font-size:20px; text-transform: uppercase; color:#fff; line-height:80px; padding:0 20px; font-family: 'Anton', sans-serif; letter-spacing:2px; background:#d63232; transition:.4s}
.quick_menu .quick_cont ul li a:hover .cont p{background:#444;}




.top_header{position:absolute; z-index:5; width:100%;}
.top_header .logo{position:absolute; margin:50px;}
.top_header .menu{overflow:hidden; position:absolute; right:50px;}
.top_header .menu li{float:left; background:#444;  height:100px; transition:.4s; }
.top_header .menu li:hover{background:#555;}
.top_header .menu li:hover a{color:#fff; border-bottom:3px solid #df0000}
.top_header .menu li a{color:#eee; padding:0 40px; line-height:97px; display:block; font-size:15px; font-family: 'Poppins', sans-serif; border-right:1px solid #787878; 
background:url(../images/common/bloat.png)no-repeat center 68px; border-bottom:3px solid #444; transition:.4s}
.top_header .menu li .m_btn{width:90px; height:100%; background:#000000; cursor:pointer}

.m_txt{position:absolute; z-index:4; width:900px; color:#fff; font-family: 'Anton', sans-serif; font-size:100px; line-height:100px; left:50%; margin-left:-450px; top:40%}
.m_txt p{font-size:20px; text-transform: uppercase; font-family: 'Anton', sans-serif;}

.scro_top{height:80px; background:#fff; width:100%;  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); position:fixed; top:0px; z-index:15;display:none;}
.scro_top .logo2{margin:12px 30px; display:inline-block;}
.scro_top .menu2{overflow:hidden; float:right; margin-right:30px; padding-right:7px}
.scro_top .menu2 li{display:inline-block;}
.scro_top .menu2 li a{color:#333; font-family: 'Poppins', sans-serif; display:block; margin-right:-7px;line-height:77px; font-weight:bold; padding:0 30px; font-size:15px; transition:.4s; border-bottom:3px solid #fff; transition:.4s}
.scro_top .menu2 li a:hover{color:#d63232; border-bottom:3px solid #df0000; background:#eee}
.scro_top .menu2 li.mm{background:#333;}
.scro_top .menu2 li.mm a{color:#fff; padding:0; border:none;  margin-right:0}
.scro_top .menu2 li.mm a:hover{background:#555 !important;}





.contents_w{width:100%; margin:0 auto; position:relative;}
.contents_w .title{margin:30px 0; text-align:center; overflow:hidden; padding-top:50px; padding-bottom:80px;}
.contents_w .title .txt{display:inline-block; position:relative; }
.contents_w .title .txt .tx{ font-size:50px; line-height:50px; text-transform: uppercase; z-index:2px; font-family: 'Anton', sans-serif; }
.contents_w .title .txt .line{width:106%; height:5px; background:#ff0000; opacity:0.5; position:absolute; top:23px; left:-3%; }
.contents_w .title .txt .info{position:absolute; left:0px; top:-40px; padding:5px; color:#fff; background:#d63232; font-weight:bold;}
.contents_w .title .txt .tx span{color:#fff;}


.contents_s{width:100%; margin:0 auto; position:relative;}
.contents_s .title{margin:30px 0; text-align:center; overflow:hidden; padding-top:50px}
.contents_s .title .txt{display:inline-block; position:relative; }
.contents_s .title .txt .tx{ font-size:50px; line-height:50px; text-transform: uppercase; z-index:2px; font-family: 'Anton', sans-serif; }
.contents_s .title .txt .line{width:106%; height:5px; background:#ff0000; opacity:0.5; position:absolute; top:23px; left:-3%; }
.contents_s .title .txt .info{position:absolute; left:0px; top:-40px; padding:5px; color:#fff; background:#d63232; font-weight:bold;}
.contents_s .title .txt .tx span{color:#fff;}


.sub01{padding:50px; position:relative; height:340px}
.sub01 .cen_shadow {width:620px; height:340px; margin:0 auto; box-shadow: 10px 10px 20px #000; opacity:0.15; position:absolute; z-index:1; left:50%; margin-left:-310px;}
.sub01 .center_box{width:600px; height:320px; border:10px solid #d63232; margin:0 auto; position:absolute; z-index:2; left:50%; margin-left:-310px;}
.sub01 .center_box .txt{padding:30px; text-align:center}
.sub01 .center_box .txt p{font-size:18px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #343434; font-weight:bold;}
.sub01 .center_box .txt .st{line-height:25px; font-size:15px; text-align:left}
.sub01 .center_box .left{position:absolute; width:220px; height:260px; background:#333333; left:-230px; top:30px;}
.sub01 .center_box .left p{font-size:25px; font-family: 'Anton', sans-serif; color:#fff; letter-spacing:2px; display:block; position:absolute; bottom:20px; left:20px; line-height:40px; }
.sub01 .center_box .right{position:absolute; right:-230px; top:30px;}


.un_list{overflow:hidden; text-align:center; padding:50px}
.un_list li{width:300px; height:500px; background:#fff; display:inline-block; position:relative; margin:0 10px 50px 10px}
.un_list li .shadow{width:100%; height:100%; box-shadow: 10px 10px 20px #000; opacity:0.05; z-index:1; position:absolute; top:0}
.un_list li .over{width:290px; height:490px; border:5px solid #d63232; position:absolute; left:0; top:0; opacity:0; transition:.4s; z-index:1}
.un_list li:hover .over{opacity:1}
.un_list li .img{ width:100%; height: 240px; position:absolute; top:120px;}
.un_list li .s_tit{font-size:13px; font-weight:bold; position:absolute; top:380px; width:100%;}
.un_list li .s_txt{font-size:12px; width:100%; position:absolute; top:410px;}
.un_list li .num{font-size:100px; color:#000;opacity:0.2; font-family: 'Anton', sans-serif; padding-top:15px; position:absolute; width:100%; text-align:center; z-index:2}
.un_list li .name{font-size:18px; font-weight:bold; letter-spacing:-1px; padding-top:10px;position:absolute; width:100%; z-index:3; top:70px}


.ofarm{overflow:hidden; position:relative; height:1050px;}
.ofarm .left{position:absolute; left:0; width:50%; height:100%; top:0; background:url(../images/main/ofarm_bg1.png) no-repeat center right; background-size:27%}
.ofarm .right{position:absolute; right:0; width:50%; height:100%;  background:#d63232 url(../images/main/ofarm_bg2.png) no-repeat center left; top:0; background-size:27%}
.ofarm .title{position:absolute; z-index:2; width:100%;}
.ofarm .ofarm_img{position:absolute; top:250px; width:100%; z-index:1;  text-align:center;}
.ofarm .ofarm_img img{max-width:100%;}



.left_txt{position:absolute; left:50%; width:400px; margin-left:-821px; z-index:3; top:250px}
.left_txt .box{overflow:hidden;}
.left_txt .box .utitle{border-bottom:1px solid #cdcdcd; padding:30px 0 10px 0; text-align:left;}
.left_txt .box .utitle .num{color:#d63232; font-size:30px;  font-family: 'Anton', sans-serif; display:inline-block;}
.left_txt .box .utitle .name{font-size:15px; color:#d63232; display:inline-block; font-weight:bold;}
.left_txt .box .usub{padding:20px 30px 30px 0; line-height:25px;}




.right_txt{position:absolute; left:50%; width:400px; margin-left:421px; z-index:3; top:250px}
.right_txt .box{overflow:hidden;}
.right_txt .box .utitle{border-bottom:1px solid #cdcdcd; padding:30px 0 10px 50px; text-align:left;}
.right_txt .box .utitle .num{color:#ffffff; font-size:30px;  font-family: 'Anton', sans-serif; display:inline-block;}
.right_txt .box .utitle .name{font-size:15px; color:#ffffff; display:inline-block; font-weight:bold;}
.right_txt .box .usub{padding:20px 0 30px 50px; line-height:25px; color:#fff}



.interior{width:1060px; margin:0 auto; position:relative; overflow:hidden;}
.line_txt{position:absolute; color:#333333; opacity:0.15; left:50%; margin-left:-750px; top:415px; font-family: 'Anton', sans-serif; font-size:25px; letter-spacing:20px; transform: rotate(90deg);}

.interior .box{width:500px; float:left; padding:100px 0 70px 0;}
.interior .box .in{overflow:hidden; padding-top:10px}
.interior .box .in .num{display:inline-block; font-size:25px; font-family: 'Anton', sans-serif; }
.interior .box .in .line{display:inline-block; height:1px; background:#333; width:50px; margin:10px 15px}
.interior .box .in .ti{display:inline-block; font-family: 'Anton', sans-serif; font-size:25px;}
.interior .box .in .su{padding:20px 0 50px 112px; line-height:22px}

.interior .inte_img{width:480px; height:510px; overflow:hidden; float:right; margin-top:60px; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1); margin-right:20px}
.interior .title_name{font-size:150px; font-family: 'Anton', sans-serif;  position:absolute; bottom:125px; right:165px; z-index:10; color:#fff; opacity:0.5}
.interior .title_name span{color:#ddd}


.foot{overflow:hidden; background:#444444;}
.foot .footer{width:1060px; margin:0 auto;}
.foot .footer .foot_logo{padding: 30px 0; overflow:hidden;}
.foot .footer .foot_logo .sns{overflow:hidden; float:left;}
.foot .footer .foot_logo .sns li{float:left; margin-right:20px}
.foot .footer .foot_logo .logo{overflow:hidden; float:right; padding-top:15px;}
.foot .footer .foot_logo .logo li{float:left; margin-left:20px}

.foot .footer .infomation{overflow:hidden; border-top:1px solid #696969; padding:30px 0; border-bottom:1px solid #696969; }
.foot .footer .infomation ul{text-align:center; overflow:hidden;}
.foot .footer .infomation ul li{display:inline-block; margin:0 20px; width:300px}
.foot .footer .infomation ul li img{padding-bottom:10px}
.foot .footer .infomation ul li .ti{color:#fff; line-height:30px; font-size:16px; font-weight:bold;}
.foot .footer .infomation ul li .su{color:#999999; line-height:30px; font-size:13px; font-weight:bold;}

.foot .footer .footInfo{text-align:center; color:#ffffff; font-size:12px; line-height:20px;margin-top:10px;}

.foot .footer .copyright{text-align:center; color:#ffffff; font-size:12px; line-height:70px}

.top_btn{position:fixed; bottom:30px; right:30px; width:70px; height:70px; background:#333; z-index:10; transition:.4s; cursor:pointer; border:1px solid rgba(255, 255, 255, 0.2);}
.top_btn:hover{background:#d63232}





.cont_sub_top{height:650px; }
.cont_sub_top .cnt{width:1200px; margin:0 auto; background:url(../images/main/white_bg2.png)no-repeat center bottom; height:100%; text-align:center}
.cont_sub_top .cnt .cn_title{display:inline-block; color:#fff; font-family: 'Anton', sans-serif; font-size:80px; text-align:center; margin-top:330px; line-height:80px}
.cont_sub_top .cnt .cn_title span{display:inline-block; width:60px; height:4px; background:#ff0000; margin-bottom:10px;}
.cont_sub_top .cnt .sub_tap{overflow:hidden; margin-top:70px;}
.cont_sub_top .cnt .sub_tap li{display:inline-block;}
.cont_sub_top .cnt .sub_tap li a{color:#fff; padding:10px 30px; border-radius:30px; border:1px solid #fff; display:block; font-weight:bold; font-size:15px; margin:0 7px; transition:.4s; cursor:pointer}
.cont_sub_top .cnt .sub_tap li a:hover{background:#fff; color:#444;}



.contents_s{overflow:hidden; background:#fafafa; padding:100px 0}

.organization{overflow:hidden; width:1100px; margin:0 auto; background:url(../images/common/line.png) no-repeat center 245px }
.organization .block{overflow:hidden; text-align:center; margin-top:50px}
.organization .block .redone{width:180px; height:180px; background:#fff; border:10px solid #df0000; display:inline-block; border-radius:100%; line-height:180px; 
font-family: 'Anton', sans-serif; font-size:50px; color:#df0000}
.organization .block2 .cont{width:29%; overflow:hidden; text-align:center; float:left;  margin:80px 2% 0 2%}
.organization .block2 .cont .red{width:150px; height:150px; background:#fff; border:10px solid #df0000; display:inline-block; border-radius:100%; line-height:150px; 
font-family: 'Anton', sans-serif; font-size:40px; color:#df0000}
.organization .block2{overflow:hidden; text-align:center; }
.organization .block2 .cont .list{overflow:hidden; width:50%; float:left; padding-top:50px; }
.organization .block2 .cont .list li{width:90%; margin:10px 5%; border:1px solid #df0000; border-radius:20px; padding:10px 0; font-size:13px; color:#df0000; }
.organization .block2 .cont .list .col{background:#f1f1f1; font-weight:bold;font-size:15px;}



/* .history_wrap{overflow:hidden; position:relative; margin:80px 0}
.history_wrap .line{position:absolute; width:3px; background:#ddd; height:100%; left:50%; margin-left:-1px; z-index:1;}
.history_wrap .left{float:left; width:50%; position:relative;}
.history_wrap .right{float:right; width:50%; position:relative; padding-top:100px}

.history_wrap .left .box{padding-right:70px; text-align:right; }
.history_wrap .left .box .year{ font-size:28px; line-height:30px; font-family: 'Poppins', sans-serif; position:relative;}
.history_wrap .left .box .year .bloat{width:10px; height:10px; border:8px solid #df0000; position:absolute; right:-84px; border-radius:100%; z-index:5; top:0px; background:#fff}
.history_wrap .left .box .year .bloat .red_line{width:50px; height:1px; background:#df0000; position:absolute; right:10px; top:4px}
.history_wrap .left .box img{margin-top:20px;}
.history_wrap .left .box .list_txt {overflow:hidden; margin:20px 0 100px 0;}
.history_wrap .left .box .list_txt .block{background:url(../images/about/red_bloat.png)no-repeat right 5px; font-size:15px; padding-right:15px; margin-bottom:15px}
.history_wrap .left .box .list_txt .block span{font-family: 'Poppins', sans-serif; font-weight:bold; font-size:16px; padding-left:15px}
.history_wrap .left .since{position:absolute; bottom:-100px; right:0px; color:#fff; font-family: 'Poppins', sans-serif; background:#df0000; line-height:20px; font-size:20px; padding:8px 20px}

.history_wrap .right .box{padding-left:70px; text-align:left; }
.history_wrap .right .box .year{ font-size:28px; line-height:30px; font-family: 'Poppins', sans-serif; position:relative;}
.history_wrap .right .box .year .bloat{width:10px; height:10px; border:8px solid #df0000; position:absolute; left:-83px; border-radius:100%; z-index:5; top:0px; background:#fff}
.history_wrap .right .box .year .bloat .red_line{width:50px; height:1px; background:#df0000; position:absolute; left:10px; top:4px}
.history_wrap .right .box img{margin-top:20px;}
.history_wrap .right .box .list_txt {overflow:hidden; margin:20px 0 100px 0;}
.history_wrap .right .box .list_txt .block{background:url(../images/about/red_bloat.png)no-repeat left 5px; font-size:15px; padding-left:15px; margin-bottom:15px}
.history_wrap .right .box .list_txt .block span{font-family: 'Poppins', sans-serif; font-weight:bold; font-size:16px; padding-right:15px}
 */

.history_w{overflow:hidden; width:800px; margin:auto;}



.history_w .h_box
{

	margin-bottom:40px;

}
.history_w .h_box .h_years
{
	font-family: 'GmarketSansMedium';
	color:#fff;
	font-size:15px;
	text-align:center;
	width: 150px;
	padding:18px 0;
    background: #df0000;
    border-radius: 50px;
	float:left;
}



/* .history_w .h_box .h_line1
{

	width:500px;
	height:2px;
	background: #df0000;

}

.history_w .h_box .h_line2
{

	width:500px;
	height:1px;
	background: #cfcfcf;

} */

.history_w .h_box .h_cont_wrap
{
	float:right;	
	font-family: 'Poppins', sans-serif;
	font-size:15px;
	width:600px;
}


.history_w .h_box .h_cont 
{
	padding:0 15px;
	border-top:2px solid #df0000;
	border-bottom:1px solid #cfcfcf;
}

.history_w .h_box .h_cont .h_cont_dot_wrap
{
	float:left;
	width:10px;
	margin-top:30px;
}

.history_w .h_box .h_cont .h_cont_dot
{
	/* font-size:50px; */
	border:1px solid;
	color: #df0000;
	width:5px;
	height:5px;
	border-radius:50px;
	background:red;
	vertical-align:2px;
}

.history_w .h_box .h_cont .h_cont_txt
{
	line-height:20px;
	width:545px;
	float:right;
	padding:25px 0;
}

.clearBoth
{
	clear:both;
}


.identity{overflow:hidden; margin:80px auto; width:900px;  }
.identity .ide_title{ font-size:18px; font-weight:bold; line-height:25px; text-align:center; padding: 0 0 30px 0; }
.identity .ide_sub{line-height:25px;  padding: 0 0 30px 0;}
.identity .ci{background:url(../images/about/pattern.png) center center; border:1px solid #ddd; text-align:center;padding:100px 0; text-align:center}
.identity .ci img{ margin:0 20px;}

.location{overflow:hidden; margin:80px auto; width:900px; }
.location .location_txt{overflow:hidden; padding:30px 0 0 0}
.location .location_txt p{line-height:20px}
.location .location_txt .t01{font-weight:bold; font-size:15px}
.location .location_txt .t02{font-size:11px}
.location .location_txt .t03{padding:40px 0 0 0; line-height:30px; font-size:14px}
.location .location_txt .t03 span{font-weight:bold;}

.lo_bo_txt{border-top:1px solid #ddd}
.lo_bo_txt .box_wra{width:900px; margin:0 auto;}
.lo_bo_txt .box_wra .box{border-right:1px solid #ddd; width:33%;}


.popup_all_menu{width:100%; height:100%; position:fixed; background:#333; z-index:20; display:none;}
.popup_all_menu .tong_mm{width:600px; margin:12% 0 0 -300px; left:50%; position:absolute; z-index:100; height:70%; font-family: 'Anton', sans-serif; color:#fff}
.popup_all_menu .tong_mm .dae{text-align:center; overflow:hidden; font-size:90px; height:100px; border-bottom:1px solid #555; cursor:pointer; margin-bottom:30px; position:relative;}
.popup_all_menu .tong_mm .dae p{ padding:65px 0 0 0; opacity:0.8; transition:.7s; }
.popup_all_menu .tong_mm .dae:hover p{opacity:1; padding:200px 0 0 0; }

.popup_all_menu .tong_mm .dae .opa{position:absolute; width:100%; z-index:1; bottom:15px; opacity:0; transition:.7s}
.popup_all_menu .tong_mm .dae:hover .opa{opacity:1}
.popup_all_menu .tong_mm .dae .opa a{color:#fff; font-size:13px; display:inline-block; margin:0 20px; padding:10px; font-family: 'Nanum Gothic Coding', serif; transition:.4s}
.popup_all_menu .tong_mm .dae .opa a:hover{background:#df0000;}


.popup_all_menu .closed_btn{position:absolute; color:#fff; font-size:50px; line-height:60px; font-family: 'Poppins', sans-serif; padding:5px 20px; border:1px solid #999; opacity:0.7;; cursor:pointer;
right:20px; top:20px; transition:.4s}
.popup_all_menu .closed_btn:hover{opacity:1;}