html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,button
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  list-style:none;
  text-decoration: none;
  font-family:Notosans-jkr
}

/* wrap */
#wrap{min-width:1200px;max-width: 100%;width: 100%;margin: 0 auto;}

/* header */
#header{z-index: 100;position:fixed;width:100%;height:78px;left:0;top:0;background: rgba(3,20,40,.8);}
#header>h1{width:50px;height:28px;padding:10px 50px;margin-bottom:10px;letter-spacing:10px;}
#header>.gnb{position: absolute;right: 50px;line-height: 3px;}
#header>.gnb>ul{float:right;}
#header>.gnb>ul>li {float:left;margin-left:78px;color:white;font-size:20px;}
#header>.gnb>ul>li>a{color:Gray;}
#header>.gnb>ul>li>a:hover{font-weight:bold; color:black;}
#header:after{content:"";display:block;clear:both;}
#header:hover{background: white; }
#header:hover>a{color: black;}

/* video */
.bg_video{width:100%;overflow: hidden;margin:0 auto;position:relative;z-index:-10;}
.main_contents{position: absolute;top:35%;width:100%; height:800px;margin:0 auto;text-align: center;color:white;letter-spacing:7px;}
.main_contents>.main_tit{width:50%;border-bottom:1px solid white; font-size:80px;margin:0 auto;font-weight:bold;}
.main_contents>.main_txt{font-size:25px;margin-top:15px;margin-bottom:40px;letter-spacing: 6px;}
.main_contents>.main_subtit{padding:11px 0!important; background: #385e9d;margin: 0 auto;width: 40%;padding: 5px;color:white;font-size: 1.5em;}
.main_contents>.main_btn{width:50%;margin:0 37%;text-align: center;}
.main_contents>.main_btn>li{padding-top: 15px;padding-bottom: 15px;width: 20%;border: 1px solid white;
float: left;margin-top: 40px;text-align: center;margin-left: 30px;}
.main_contents>.main_btn>li>a{color:white;}
.main::after{content:"";display:block;clear:both;}

/* section2 */
.info{width:100%; margin:0 auto;  padding:60px 15px 35px; text-align:center;/*background: #f9f9f9; border-bottom:1px solid #eee;*/ }
/* .info>.contents_tit{padding-top:48px;} */

.info>.contents_tit > h2{font-size: 24px;padding-top: 30px;margin-bottom:17px;}
.info>.contents_tit > p{ margin-top:-45px; margin-bottom:15px; font-size: 17px;color:#555;}
.info>.contents_box_top{ max-width:1685px; margin:0 auto; text-align:center; }
.info>.contents_box_top > div{width:100%; }
.info>.contents_box_top .box{width:23.875%;margin-right:1.5%;float: left;border:1px solid #eee;box-sizing: border-box;height:207px;padding-top:78px; border-radius:6px; }
.info>.contents_box_top .box:last-child{ margin-right:0; }
.info>.contents_box_top .box_year{background: #fcfcfc url(../img/sec01_icn01.png) no-repeat 50% 30px;}
.info>.contents_box_top .box_empl{background: #fcfcfc url(../img/sec01_icn04.png) no-repeat 50% 30px;}
.info>.contents_box_top .box_partner{background: #fcfcfc url(../img/sec01_icn03.png) no-repeat 50% 30px;}
.info>.contents_box_top .box_project{background: #fcfcfc url(../img/sec01_icn01.png) no-repeat 50% 30px;}
.info>.contents_box_top .stong_number{font-size: 50px;color: #333333;font-family: Arial, sans-serif;font-weight: bold;letter-spacing: -1px;line-height: 1;}
.info>.contents_box_top .eng_txt{ font-size:16px; font-weight:400; }
.info>.contents_box_top .kor_txt{font-size: 16px;color: #23539a; padding-top: 2px;}
.info>.contents_box_top::after{content:"";display:block;clear:both;}

.contents_desc{padding-top:50px; max-width:1700px; margin:0 auto; }
.desc_left{float: left; width:32%;box-sizing: border-box;text-align: right;}
.desc_center{float: left;width: 35%;text-align: center;}
.desc_right{float: left;width: 32%;box-sizing: border-box;text-align: left;}
.desc_left_top{padding-bottom: 50px;padding-top: 60px;padding-right:100px;border-bottom: 1px solid #dfdfdf; background:url('../img/sec01_icn05.png') no-repeat 100% 65px;}
.desc_left_bottom {padding-bottom: 50px;padding-top: 60px;padding-right:100px;background:url(../img/sec01_icn06.png) no-repeat 100% 65px;}
.desc_tit{font-size: 19px;font-weight:500;padding-bottom: 10px;}
.desc_right_top{padding-bottom: 50px;padding-top: 60px;padding-left:100px;border-bottom: 1px solid #dfdfdf; background:url(../img/sec01_icn07.png) no-repeat 0% 65px;}
.desc_right_bottom {padding-bottom: 50px;padding-top: 60px;padding-left:100px;background:url(../img/sec01_icn08.png) no-repeat 0% 65px;}

.contents_desc::after{content:"";display:block;clear:both;}
/* section3 */
.portfolio{width: 100%;height:100vh; display: inline-block; padding-top:6%;}
.portfolio .pofol_wrap{width:90%;margin:0 5%;}
.pofol_wrap .list{width:1200px; margin:0 auto;}
.pofol_wrap .list > .list_one{float:left; width:30%; padding:0 0 0 20px; box-sizing:border-box;}
.pofol_wrap .list > .list_one img{overflow: hidden;}
.pofol_wrap .list > .list_one span{display: block; text-align: center;overflow:hidden;}
.pofol_wrap .list > .list_one .list_txt_name{border-bottom:1px solid gray;font-size:18px;font-weight:600;padding-top:13px;padding-bottom:5px;color:black;}
.pofol_wrap .list > .list_one .list_txt_link{font-size:16px;color:#23539a;padding:5px 0; margin-bottom:10px;}
.pofol_wrap .list:after{content:"";display: block;clear:both;}

.pofol_btn a{width:280px; height: 60px;font-size:16px;font-weight:600;position:absolute;right: 15%; background:#284780;color:white;text-align:center;line-height:60px;}
.pofol_wrap:after{content:"";display: block;clear:both;}

/* section4 */
.csservice{ text-align: center;width:100%;height:100vh; padding-top: 6%;position:relative;background-color: #1b2024; top:50%; color:white; }
.csservice .csservice_contents{width:1200px; margin:0 auto;}
.csservice .cs_tit h2 {font-size:27px;margin-bottom: 7px;}
.csservice .cs_tit p{font-size:17px;color:#dfdfdf;}
.csservice .cs_contents{padding-top:20px;}
.csservice .cs_contents li{width:33%;float: left;margin-top:20px;padding-left:20px;}
.csservice .cs_contents .box_no1{background:url(../img/sec03_icn01.png) no-repeat 50% 50px;}
.csservice .cs_contents .box_no2{background:url(../img/sec03_icn02.png) no-repeat 50% 50px;}
.csservice .cs_contents .box_no3{background:url(../img/sec03_icn03.png) no-repeat 50% 50px;}
.csservice .cs_contents .box_no4{background:url(../img/sec03_icn04.png) no-repeat 50% 50px;}
.csservice .cs_contents .box_no5{background:url(../img/sec03_icn05.png) no-repeat 50% 50px;}
.csservice .cs_contents .box_no6{background:url(../img/sec03_icn06.png) no-repeat 50% 50px;}
.csservice .cs_contents div{height:240px;border:1px solid #606366;box-sizing:border-box; padding-top:120px;}

.csservice .cs_contents .cs_box_tit{display:block; font-size:18px;}
.csservice .cs_contents .cs_box_desc{display:block; font-size:15px; padding-top:10px; color:#5e6264;}
/* =======================메일페이지끝===================== */
/* 회사소개페이지 시작 */
.company{width:100%; margin:0 auto; text-align: center;}
.company .company_box_top{height: 471px; background:#1b2024;padding-top: 101px;}
.company .company_box_top .top_box_inner{width: 1200px; margin:0 auto;border-bottom:1px solid #32373a; padding-bottom: 25px; color:white;}
.company .company_box_top .top_box_inner h2 {font-size: 40px;}
.company .company_box_top .top_box_inner p {font-size: 16px;padding:5px;color:gray;}
.company .company_box_bottom{width:100%; background: #f3f3f3;}
.company .company_box_bottom .middle_img{width:1200px; margin: 0 auto;}
.company .company_box_bottom .middle_img > img{width:1200px;margin-top:-210px; }
.company .company_box_bottom .company_bottombox{padding-top:80px; padding-bottom:60px;}
.company .company_box_bottom .company_bottombox .middle_text{margin-top: 20px; font-size:30px;}
.company .company_box_bottom .company_bottombox .middle_text2{margin-top: 3px;font-size:17px;color: #454545; font-weight: 500;}
.company .company_box_bottom .list_box{width:1200px; margin:0 auto; }
.company .company_box_bottom li{float:left; width:25%; text-align: center; padding-left:20px;}
.company .company_box_bottom ul:first-child{margin-left: -20px;}
.company .company_box_bottom li strong{display:block;border-bottom:1px solid #c9c9c9;font-size:22px;padding-bottom:12px;margin-bottom:12px;font-weight:bold; color:#23539a;}
.company .company_box_bottom li span{display:block; font-size:18px; font-weight:bold;}
.company .company_box_bottom ul:after{content:"";display:block;clear: both;}
.company .company_box_bottom > p{font-size:18px;margin-top:50px;padding-bottom:50px; font-weight:bold;}

.company_box_wrap{width:1200px; margin: 0 auto; }
.company_box_wrap .company_contents{padding-top:80px;}
.company_box_wrap .company_contents h3{text-align: center;}
.company_box_wrap .company_desc{margin-top:30px;}
.company_box_wrap .company_desc li{float:left; width:33.3%;box-sizing: border-box; text-align:center;}
.company_box_wrap .company_desc li:first-child{}
.company_box_wrap .company_desc li strong{font-size:25px;display:block;font-weight:bold;}
.company_box_wrap .company_desc li strong > span{font-size:15px;display:block;font-weight:400;padding-top:3px;color:#23539a;}
.company_box_wrap .company_desc li > span{font-size:16px;display:block;line-height:26px;margin-top:17px; color:gray;}
.company_box_wrap .company_desc li:after{content:"";display:block;clear: both;}
.company_box_wrap .last_text > p{line-height: 100px;margin-top:70px; text-align: center;font-size: 18px; color: #252525;font-weight: bold;}

.question_box{width:100%;margin:0 auto; background:url(../img/visual02.jpg) no-repeat 50% 50%; }
.question_box .request{height:370px;width:1200px;margin: 0 auto;}
.reqest_box{padding-top:100px;}
.reqest_box > p{font-size: 27px;color: white;font-weight: 500;line-height: 37px;padding-bottom: 34px;}
.reqest_box .request_btn a{display:inline-block;min-width: 290px;padding:21px 29px;font-size:17px;font-weight:500px;border:1px solid white;overflow: hidden; color:white;}

.company_clients{width:100%;margin-bottom:50px;}
.clients_box{width:1200px; margin:0 auto;}
.clients_text{font-size: 40px;padding-top:60px;}
.clients_text > p{font-size: 17px; color:gray; padding-top:3px;}
.clients_text > div{margin-top:70px;}

.portfolo_box{width:100%;margin-top:50px; background:url(../img/visual03.jpg) no-repeat 50% 50%; }
.portfolo_box .pofol{height:370px;width:1200px;margin: 0 auto;}
.pf_box{padding-top:100px;}
.pf_box > p{font-size: 27px;color: white;font-weight: 500;line-height: 37px;padding-bottom: 34px;}
.pf_box .pf_btn a{display:inline-block;min-width: 290px;padding:21px 29px;font-size:17px;font-weight:500px;border:1px solid white;overflow: hidden; color:white;}



@media (max-width:1200px){

/*----------------------------------------
    메인 컨텐츠
----------------------------------------*/
.info>.contents_box_top .stong_number{ font-size:44px; }

}
@media (max-width:999px){

/*----------------------------------------
    메인 컨텐츠
----------------------------------------*/
.info{ padding:35px 15px 0; }
.info > .contents_box_top > div{ }
.info > .contents_box_top > div:after{ clear:both; content:''; display:block; }
.info > .contents_box_top > div{ margin-top:-10px;   }
.info > .contents_box_top .box{ width:49%; margin:10px 0 0 2%;height:auto;  padding:70px 0 28px; background-size:auto 28px !important; background-position:50% 30px; }
.info > .contents_box_top .box:nth-child(2n+1){ margin-left:0; }

.info>.contents_box_top .stong_number{}
.info > .contents_box_top .stong_number{ font-size:26px; }
.info > .contents_box_top .eng_txt{ font-size:14px; }
.info > .contents_box_top .kor_txt{ font-size:12px; }

.contents_desc{ padding-top:10px; }

.desc_left{ float:none; width:100%; text-align:left; }
.desc_center{ float:none; width:100%; padding:20px 0; }
.desc_center img{ max-width:220px; }
.desc_right{ float:none; width:100%; text-align:right; }

.desc_left_top,
.desc_left_bottom{ padding:20px 80px 20px 0; background-position:100% 20px; background-size:auto 70px; }

.desc_right_top,
.desc_right_bottom{ padding:20px 0 20px 80px; background-position:0 20px; background-size:auto 70px; }

.desc_tit{ font-size:15px; padding-bottom:5px;  }

}