@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Quicksand');
@import url('https://fonts.googleapis.com/css?family=Archivo+Black|Hammersmith+One');
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto:400,500,700');
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600);


@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/NotoSansKR-Thin.woff2) format('woff2'),
       url(../fonts/NotoSansKR-Thin.woff) format('woff'),
       url(../fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/font/NotoSansKR-Light.woff2) format('woff2'),
       url(/font/NotoSansKR-Light.woff) format('woff'),
       url(/font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/font/NotoSansKR-Regular.woff2) format('woff2'),
        url(/font/NotoSansKR-Regular.woff) format('woff'),
        url(/font/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/font/NotoSansKR-Medium.woff2) format('woff2'),
        url(/font/NotoSansKR-Medium.woff) format('woff'),
        url(/font/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/font/NotoSansKR-Bold.woff2) format('woff2'),
        url(/font/NotoSansKR-Bold.woff) format('woff'),
        url(/font/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(/font/NotoSansKR-Black.woff2) format('woff2'),
        url(/font/NotoSansKR-Black.woff) format('woff'),
        url(/font/NotoSansKR-Black.otf) format('opentype');
 } 

body{font-family:'Noto Sans KR', sans-serif; }
#header{width:100%; top:0; height:100px; position:fixed; z-index:1000; border-bottom:1px solid #444; transition:all 300ms linear; 
background:#fff;}
#header.fixed{background:#fff; width:100%; height:110px; transition:all 300ms linear; }
.header_inner{max-width:1200px; height:100px; margin:0 auto; position:relative; }
.header_inner h1{position:absolute; top:20px; }/*top:0으로 했는데 위에 공간이 있어여.*/

#gnb{position:absolute; top:45px; right:150px;} /*분명 absolute인데 위 h1을 absolute를 해제할경우 영역으로 인식하는지 밑으로 내려감*/
#gnb > li{position:relative; float:left; margin-left:80px; }
#gnb > li > a{display:block; color:#242424; font-size:21px; text-decoration:none; border-top:4px solid rgba(255, 255, 255, 0); padding:10px 0; font-weight:bold; height:60px; }
#gnb > li > a:hover{color:#f08500; border-top: 4px solid #f08500; }
#gnb > li:hover .link-1{color:#f08500; border-top: 4px solid #f08500; }
.gnb_2depth{position:absolute; left:50%; transform:translatex(-50%); width:160px; top:55px; background:#fff;
z-index:9990; display:none;   }
.gnb_2depth.fixed li{position:absolute; top:200px;}
.gnb_2depth li{height:39px; width:100%;  line-height:38px; text-align:center; font-size:14px;}
.gnb_2depth li a{display:block; width:100%; height:100%; color:#242424; border-top:1px solid #eee;}
.gnb_2depth li a:hover{color:#f08500;}


.sitemap{display:inline-block; width:80px; height:30px; border:1px solid #305689; border-radius:8px; position:absolute; top:50px; right:0; 
line-height:28px; text-align:center; font-size:12px;}
.sitemap a{display:block; color:#305689; }
.sitemap a:hover{background:#305689; color:#fff; border-radius:5px;}
.popup{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:99999; display:none; }
.popup_box{width:60%; height:70%; background:#fff; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; font-size:14px; }
.popup_box h3{background:#f08500; color:#fff; height:55px; line-height:55px; text-indent:20px;}
.popup_box span{display:block; width:19px; height:19px; position:absolute; top:18px; right:25px; }
.popup_box ul li a:hover{color:#f08500;}
.popup_box > ul > li{float:left; width:25%; padding:15px; font-weight:bold;}
.popup_box li > ul li{padding:5px; padding-left:15px; }
.popup_box li > ul li > ul li{padding-left:20px; }


#mo_menu{width:220px; background:#fff; color:#000 ; margin-top: 5px; display:none; position:absolute; top:70px; }
#mo_menu > ul > li{border-bottom:1px solid #f2921b; height:40px; line-height:39px; padding-left:10px;}
.subsub{text-indent:20px; }
.subsub li {background:#f2921b; height:40px; line-height:39px; }
.subsub li a{color:#fff;}
.submenu1{display:none;}
.submenu2{display:none;}
.submenu3{display:none;}
.nav-toggle {position: absolute; top: 30px; left: 15px; z-index: 999999; padding: 10px 35px 16px 0; cursor: pointer; display:none;}
.nav-toggle span,
.nav-toggle span:before,
.nav-toggle span:after {content: ""; position: absolute; display: block; width: 35px; height: 3px; border-radius: 1px; border-color:#000; 
background: #000; cursor: pointer;}
.nav-toggle span:before {top: -10px;}
.nav-toggle span:after {bottom: -10px;}
.nav-toggle span,
.nav-toggle span:before,
.nav-toggle span:after {transition: all 300ms ease-in-out;}
.nav-toggle.active span {background-color: transparent;}
.nav-toggle.active span:before,
.nav-toggle.active span:after {top: 0;}
.nav-toggle.active span:before {transform: rotate(45deg);}
.nav-toggle.active span:after {top:10px; transform: translatey(-10px)   rotate(-45deg);}

#visual{width:100%; height:900px; position:relative; padding-top:100px;}
.visual_txt{position:absolute; top:370px; left:50%; margin-left:-389.5px; color:#242424; z-index:10; text-align:center; letter-spacing:-1px; }
.line{width:70px; height:1px; background:#fff; }
.visual_txt h2{font-size:60px; line-height:1; margin-top:20px; font-weight:700; letter-spacing:-2px;}
.visual_txt p{font-size:35px; line-height:50px; font-weight:500; margin-top:50px; }
.visual_mo_p{display:none;}
.visual_slide {position: absolute; width: 100%; height: 800px; overflow: hidden;}


figure {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;
  /*animation*/
  
  animation: slideShow 24s linear infinite 0s;
  -o-animation: slideShow 24s linear infinite 0s;
  -moz-animation: slideShow 24s linear infinite 0s;
  -webkit-animation: slideShow 24s linear infinite 0s;}

figurecaption {position: absolute; top: 50%; left: 50%; color: #fff;}

.pic-1 {opacity:1; background: url(/images/visual1.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.pic-2 {animation-delay: 6s;
  -o-animation-delay: 6s;
  -moz--animation-delay: 6s;
  -webkit-animation-delay: 6s;
  background: url(/images/visual2.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.pic-3 {animation-delay: 12s;
  -o-animation-delay: 12s;
  -moz--animation-delay: 12s;
  -webkit-animation-delay: 12s;
  background: url(/images/visual33.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.pic-4 {animation-delay: 18s;
  -o-animation-delay: 18s;
  -moz--animation-delay: 18s;
  -webkit-animation-delay: 18s;
  background: url(/images/visual5.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* keyframes*/

@keyframes 
slideShow {  0% {opacity: 0; transform:scale(1.2); -ms-transform:scale(1.2);}
5% {opacity:1; transform:scale(1.3); -ms-transform:scale(1.3);}
25%{opacity:1; transform:scale(1.4); -ms-transform:scale(1.4);}
30% {opacity: 0; transform:scale(1.5); -ms-transform:scale(1.5);}
100% {opacity: 0; transform:scale(1.6); -ms-transformm:scale(1.6);}
}

@-o-keyframes 
slideShow {0% {opacity:0; -o-transform:scale(1);}
5%{opacity:1;}
25%{opacity: 1;}
30%{opacity: 0; -o-transform:scale(1.1);}
100% {opacity: 0; -o-transformm:scale(1);}
}
@-moz-keyframes 
slideShow {0% {opacity: 0; -moz-transform:scale(1);}
5%{opacity:1;}
25%{opacity: 1;}
30%{opacity: 0; -moz-transform:scale(1.1);}
100%{opacity: 0; -moz-transformm:scale(1);}
}
@-webkit-keyframes 
slideShow {0%{
 opacity: 0; -webkit-transform:scale(1);}
5% {opacity: 1;}
25% {opacity: 1;}
30% {opacity: 0; -webkit-transform:scale(1.1);}
100% {opacity: 0; -webkit-transformm:scale(1);}
}
.container_inner{position:relative; max-width:1200px; margin:0 auto;}

.contents{width:100%; text-align:center; }
.contents h3{font-size:13px; font-family:'Quicksand',  'NanumSquare'; -webkit-margin-before: 1em; line-height:1; color:#f08500;
    -webkit-margin-after: 1em; -webkit-margin-start: 0px;  -webkit-margin-end: 0px; text-align:center;}
.contents h4{color:#242424; font-weight:700; line-height:1; margin-top:10px; font-size:38px; }
.info{font-size:16px; line-height:1; margin:20px 0; text-align:center; color:#888;}
.con1_wrap{background:#f2f2f2; height:550px; }
.con1{width:1200px; margin:0 auto; padding-top:80px;}

.accordion{width:1200px; max-width:1200px; height:250px; margin:50px auto; overflow:hidden; }
.accordion ul li{float:left; width:15.8%; height:250px; margin-right:1%; background:#fff;}
.accordion ul li:nth-child(1){background:#fff url(/images/icon1.png) center 50px no-repeat;}
.accordion ul li:nth-child(2){background:#fff url(/images/icon2.png) center 50px no-repeat; }
.accordion ul li:nth-child(3){background:#fff url(/images/icon3.png) center 50px no-repeat; }
.accordion ul li:nth-child(4){background:#fff url(/images/icon4.png) center 50px no-repeat; }
.accordion ul li:nth-child(5){background:#fff url(/images/icon5.png) center 50px no-repeat; }
.accordion ul li:nth-child(6){background:#fff url(/images/icon6.png) center 50px no-repeat; }
.accordion ul li a{display:block; width:100%; height:100%; color:#242424; border:4px solid #fff;}
.accordion ul li a:hover{border:4px solid #f08500; }
.accordion ul li:last-child{margin-right:0;}
.accordion .solution_txt{padding-top:160px;}
.accordion .solution_txt h5{font-size:20px; line-height:1; font-family:"Lato", sans-serif; font-weight:700;}
.accordion .solution_txt p{font-size:16px; line-height:1; margin-top:10px;}
.mo_accordion{display:none;}


.con2{width:100%; height:640px; margin:0 auto; text-align:center; padding-top:80px; 
background:url(/images/bg03.jpg) no-repeat; }
.con2 .research{width:32%; height:300px; background:#3095e5; overflow:hidden; text-align:center; }
.con2 .research h4{line-height:1; font-weight:400; }
.con2 .research_box{max-width:1200px; margin:0 auto; overflow:hidden; margin-top:50px; }
.con2 .research_box dl{float:left; font-size:18px; margin-right:2%; line-height:30px; position:relative;}
.con2 .research_box dl:last-child{margin-right:0;}
.con2 .research_box dt{font-size:20px; border:1px solid #fff; display:inline-block; width:150px; height:40px; line-height:38px; letter-spacing: .1em;}
.con2 .research_box dd{text-align:left; font-size:16px;}
.con2 .research_box dl:nth-child(2){background:#116cca;}
.con2 .research_box dl:nth-child(3){background:#6a5fdf;}
.con2 .research_box .first{margin-top:30px;}
.con2 .research_box .research a{color:#fff; display:block; width:100%; height:100%; padding:70px 110px;}
.con2 .research_box .more{position:absolute; right:100px; bottom:10px; display:inline-block; }


.con3{width:100%; height:500px; text-align:center; padding-top:80px; background:url(/images/bg04.jpg) center top no-repeat; 
color:#fff; font-size:16px; position:relative; }
.con3 h4{color:#fff;}
.con3 p{margin:50px 100px; line-height:25px; }
a.btn_more{font-size:14px; color:#f79929; display:inline-block; font-family:'Hammersmith One', sans-serif; width:44px; height:18px; border-bottom:2px solid #f39800; 
font-weight:bold; line-height:1; text-align:right; transition:all 300ms linear;} 
a.btn_more:hover{width:80px; transition:all 300ms linear;}

.con3 .more{text-decoration:underline; font-family:'Hammersmith One', sans-serif;}
.con3 .more a{color:#f08500}

.con4{width:1200px; margin:0 auto; height:380px; position:relative;}
.news{ width:1200px;overflow:hidden; position:absolute; bottom:0;}
.con4_left{width:50%; height:450px; background:#f08500; color:#fff; float:left; text-align:left; padding:30px; position:relative;}
.con4_left h4{font-size:30px; border-bottom:1px solid #fff; margin-bottom:15px; padding-bottom:15px; color:#fff;}
.con4_left ul li{background:url(/images/dot.png) left center no-repeat; padding-left:10px; position:relative; line-height:25px;}
.con4_left ul li a{color:#fff; }
.con4_left .view{position:absolute; right:30px; top:30px; font-size:30px;}
.con4_left .view a{color:#fff; }
.con4_left .date{position:absolute; right:0; font-family: 'Nanum Gothic';}
.con4_right{width:50%; height:450px; background:url(/images/bg05.jpg) no-repeat; float:left;}

.footer_wrap{width:100%; height:135px; border-top:1px solid #ddd; margin-top:50px; }
#footer{width:1200px; height:135px; margin:0 auto; padding-top:30px; position:relative; color:#242424; font-size:14px; }
#footer h1{position:absolute; left:0; top:20px;}
address{line-height:20px; padding-left:200px;}
#footer span{margin-right:15px;}
#footer p{color:#949494;}
#footer .pc{display:none;}


.btn_top{width:60px; height:60px; border-radius:50%; background:#f08500; text-align:center; color:#fff; position:fixed; left:50%; margin-left:500px;
bottom:-70px; z-index:1000; border:2px solid #fff;}
.btn_top a{display:block;  height:60px; border-radius:50%; color:#fff; padding-top:10px; }
/*.content_box{position:relative; width:1200px; height:300px; margin:0 auto;}
.content_inner{position:absolute; left:0; bottom:0; width:100%;}*/



/*sub01-----------------------------------------------------------------------------------------------------------------------------------*/
.title_box{overflow:hidden; margin-top:20px; text-align:center; }
.title_left{width:48%; float:left; height:400px; margin-right:4%; margin-top:20px; }
.title_right{width:48%; float:left; height:400px; border:1px solid #bbb; line-height:400px; margin-top:20px; }
.title_right img{vertical-align:middle;}
.h3_title{font-size:30px; line-height:35px; text-align:left; border-bottom:1px solid #bbb; padding-bottom:8px; }
.p_title{line-height:24px; text-align:left; text-align:justify;}
.p_info{margin-top:10px; line-height:24px;}
.p_info li{padding-left:10px; position:relative;}
.p_info .dash{position:absolute; left:0;}
.h4_title{text-align:left; font-size:28px; color:#bc071c; }
.h5_title{font-size:18px; }


.spec{margin-top:80px;}
.spec table{margin-top:10px;}
.spec table{width:100%; text-align:left;}
.spec table span{color:#bc071c; font-weight:normal;}
.spec table th{color:#000;}
.spec table td{height:28px;}
.spec table thead tr{border-top:2px solid #000; height:40px;  font-weight:bold;  border-bottom:1px solid #aaa;}
.spec table thead td{color:#000; }
.spec table tr{ height:28px; border-bottom:1px solid #ddd;}

.tab1_con1{margin-top:80px;}
.tab3_con1{margin-top:80px;}
.tab4_con1{margin-top:80px;}
.tab4_con2{margin-top:80px;}
.tab4_con3{margin-top:80px;}
.tab5_con1{margin-top:80px;}
.tab6_con1{margin-top:80px;}
.tab7_con1{margin-top:80px;}
.tab8_con1{margin-top:80px;}
.tab9_con1{margin-top:80px;}
.tab10_con1{margin-top:80px;}




/*--sub3 about------------------------------------------------------------------------------------------------------------------------*/
#sub_visual{position:relative;height:410px; background:url(/images/sub_top_bg.jpg) center top no-repeat; background-size:cover; 
margin-top:100px;  color:#fff;}
.sub_visual_inner{position:absolute; width:100%; height:137px; top:0; bottom:0; margin:auto 0; line-height:24px;  padding-left:55%;}
/*.sub_visual_inner{position:absolute;width:100%; height:47px; top:0; bottom:0; margin:auto 0; text-align:center; line-height:24px; }세로 가운데정렬 방법*/
.sub_visual_inner h2{font-size:30px; color:#444; line-height:36px; color:#fff; margin-bottom:15px; }
.sub_menuWrap{position:relative; width:1200px; margin:0 auto;}
.sub_menu{position:absolute; bottom:0; }
.sub_menu ul li{float:left; height:65px; line-height:65px; font-size:20px; margin-right:70px; letter-spacing:-0.6px; }
.sub_menu ul li a{color:#fff;  }
.sub_menu ul li a:hover{color:#f08500;}
.sub_menu ul li.on{background:url(http://www.evertrust.co.kr/images/sub/page_on.png) center bottom no-repeat;}

.sub3_contents{max-width:1200px; height:100%; margin:0 auto; text-align:center; padding-top:80px; font-size:20px; }
.sub3_contents h2{font-size:40px; line-height:1; margin-bottom:20px; }
.sub3_contents h3{font-family: "Lato", 'NanumSquare'; }
.one_stop{font-size:0;}
.one_stop dl{width:280px; height:280px; border-radius:50%; display:inline-block; margin-top:50px; padding-top:80px; margin-right:25px; position:relative;}
.one_stop dl:nth-child(1):before{content:"01"; display:inline-block; font-size:70px; position:Absolute; left:0; top:46px ; width:100%; color:#ddd;  z-index:-1; font-family:'NanumSquare'; font-weight:bold; }
.one_stop dl:nth-child(2):before{content:"02"; display:inline-block; font-size:70px; position:Absolute; left:0; top:46px ; width:100%; color:#ddd;  z-index:-1; font-family:'NanumSquare'; font-weight:bold;}
.one_stop dl:nth-child(3):before{content:"03"; display:inline-block; font-size:70px; position:Absolute; left:0; top:46px ; width:100%; color:#ddd;  z-index:-1; font-weight:bold;}
.one_stop dl:nth-child(4):before{content:"04"; display:inline-block; font-size:70px; position:Absolute; left:0; top:46px ; width:100%; color:#ddd;  z-index:-1; font-weight:bold; }
.one_stop dl:nth-child(1){border:10px solid #3095e5;}
.one_stop dl:nth-child(2){border:10px solid #116cca;}
.one_stop dl:nth-child(3){border:10px solid #004ea2;}
.one_stop dl:nth-child(4){border:10px solid #6a5fdf; margin-right:0;}
.one_stop dt{font-size:30px; font-weight:bold;}
.one_stop dd{font-size:17px; line-height:22px; margin-top:20px;}
.sub3_about_table{margin-top:80px;}
.sub3_about_table table{width:1200px; border-top:1px solid #f08500; text-align:left; }
.sub3_about_table table tr{border-bottom:1px solid #ddd; height:50px; font-size:18px; background:url(/images/sub_dot.png) no-repeat; background-position:15px 23px;}
.sub3_about_table table th{font-size:17px; width:25%; color:#242424; text-indent:40px; letter-spacing:1px;}
.sub3_about_table table td{font-size:17px; text-indent:80px; color:#242424; }
.sub3_about_table_mo{display:none;}

/*-- sub3 history  ------------------------------------------------------------------------------------------------------------------------*/
.history_box{width:1200px; margin:0 auto; overflow:hidden; margin-top:80px;}
.history_left{float:left; width:463px; height:1500px; text-align:left; position:relative; }
.history_left .history_img1{position:absolute; width:636px; top:350px; z-index:1;}
.history_left .history_img2{position:absolute; width:636px; top:760px; z-index:1;}
.history_left .history_img1:after{content:""; display:inline-block; width:72.5%; height:1px; background:#ddd; position:absolute; top:50%; right:0;}
.history_left .history_img2:after{content:""; display:inline-block; width:72.5%; height:1px; background:#ddd; position:absolute; top:50%; right:0; }
.history_right{float:left; width:737px; text-align:left; position:relative;}
.history_right dl{width:100%; overflow:hidden; }
.history_right dt{font-size:26px; float:left; width:15%; font-weight:bold; font-style:italic; line-height:34px;}
.history_right dd{background:url(/images/line.png) repeat-y 10% top; float:left; width:85%; padding-bottom:10%;}
.history_2010 dd{padding-bottom:3%;}
.history_right dd p {width:100%; overflow:hidden; line-height:37px;}
.history_right dd p strong{color:#ed4f17; width:10%; height:37px; float:left; font-style:italic; display:inline-block;}
.history_right dd p span{float:left; font-size:17px; width:84%; position:relative; padding-left:6%;}
.history_right dd p span:before{content:""; display:inline-block; width:17px; height:17px; background:url(/images/history_icon.png) no-repeat; 
position:absolute; left:-8px; top:11px;}
.history_img3{position:absolute; top:1165px; width:100%;}
.history_img3 p{text-align:right;}
.history_img3:after{content:""; display:inline-block; width:386px; height:1px; background:#ddd; position:absolute; top:50%; left:175px;}

.member{width:1200px; margin:50px auto;}

.certificate_wrap{max-width:1200px; margin:0 auto; padding:30px; background:#f0f0f0; overflow:hidden;}
.certificate_wrap ul li{float:left; width:33.3333%; padding:30px; text-align:center; font-size:16px;}
.certificate_wrap ul li span{display:inline-block;}
.certificate_wrap ul li p{margin-top:15px; line-height:22px;}
.certificate_wrap ul li h3{margin-top:20px;}
.certificate_wrap ul li span img{width:100%; box-shadow:2px 2px 2px #ccc;}
.certificate_box{max-width:1200px; margin:30px auto;   overflow:hidden;}
.certificate_box ul li{float:left; width:25%; padding:30px; text-align:center; }
.certificate_box ul li span{display:inline-block; border:1px solid #ccc;}
.certificate_box ul li p{margin-top:20px; font-size:16px;}
.certificate_box ul li span img{width:100%;}

.map{width:100%; margin:50px auto;}
.map iframe{height:450px;}
.contact_box{width:1200px; margin:0 auto; height:50px; position:relative; color:#fff; z-index:99999;}
.contact{width:380px; height:300px; background:#f08500; position:absolute; bottom:0; left:50px; padding:40px 20px; }
.contact ul li:last-child{border-bottom:0;}
.contact ul li{border-bottom:1px solid #fff; height:50px; line-height:49px; font-size:16px; position:relative; text-align:left; padding-left:90px;}
.contact ul li:first-child{height:65px; line-height:25px;}
.contact_title{position:absolute; left:0;}















@media screen and (max-width : 1200px) {
.con2 .research{width:32.16vw; height:25vw; background:#3095e5; overflow:hidden; text-align:center; }
.con2 .research h4{line-height:1; font-weight:400; }
.con2 .research_box{font-size:0; }
.con2 .research_box dl{display:inline-block; font-size:18px; margin-right:5px; margin-top:50px; line-height:30px;}
.con2 .research_box dl:last-child{margin-right:0;}
.con2 .research_box dt{font-size:20px; border:1px solid #fff; display:inline-block; width:12.5vw; height:3.33vw; line-height:3.33vw;}
}

@media screen and (max-width : 1024px) {
.content_box{position:relative; width:100%; height:300px;  margin:0 auto;}
.content_inner{position:relative; width:100%;}
}



/*=========  태블릿 사이즈  ========================================================*/

@media all and (min-width:768px) and (max-width : 1024px){

#header{width:100%; height:100px; position:fixed; z-index:1000; }
#header.fixed{height:100px; transition:all 1s;}
.header_inner{width:100%; height:100px; margin:0 auto; position:relative; transition:all 1s;}
.header_inner h1{text-align:center; position:relative; transition:all 1s; top:20px;}/*가운데 정렬을 위해 position:relative를 줘도 되는가?*/
#gnb{display:none; transition:all 1s;}
.sitemap{display:none; transition:all 1s;}

#mo_menu{width:220px; background:#fff; color:#000 ; margin-top:5px; display:none; position:absolute; top:70px; border-top:1px solid #f2921b;}
#mo_menu > ul > li{border-bottom:1px solid #f2921b; height:40px; line-height:39px; padding-left:10px; cursor:pointer;}
#mo_menu li a{color:#000;}
.subsub{text-indent:20px; }
.subsub li {background:#f2921b; height:35px; line-height:34px; color:#fff; cursor:pointer;}
.subsub li a{color:#fff;}
.submenu1{display:none;}
.submenu2{display:none;}
.submenu3{display:none;}
.submenu1_1{display:none; text-indent:60px;}
.submenu1_2{display:none; text-indent:60px;}
.submenu1_3{display:none; text-indent:60px;}
.nav-toggle{display:block; position:absolute; top:38px; left:35px; transition:all 1s; }
.nav-toggle span,
.nav-toggle span:before,
.nav-toggle span:after {content: ""; position: absolute; display: block; width: 30px; height: 3px; border-radius: 1px; border-color:#000; 
background: #000; cursor: pointer;}
.nav-toggle span:before {top: -10px;}
.nav-toggle span:after {bottom: -10px;}
.nav-toggle span,
.nav-toggle span:before,
.nav-toggle span:after {transition: all 300ms ease-in-out;}
.nav-toggle.active span {background-color: transparent;}
.nav-toggle.active span:before,
.nav-toggle.active span:after {top: 0;}
.nav-toggle.active span:before {transform: rotate(45deg);}
.nav-toggle.active span:after {top:10px; transform: translatey(-10px)   rotate(-45deg);}

#visual{height:802px; }
.visual_txt{position:absolute; top:300px; left:50%; margin-left:-350px; }
.visual_slide{position:absolute; width:100%; height:700px; overflow:hidden; }

.con1_wrap{height:580px; }
.con1{width:100%; padding:5% 1%; }
.accordion{width:100%; height:350px; margin:30px auto; }
.accordion ul li{float:left; width:32.33%; height:160px; margin-right:1%; background:#fff;}
.accordion ul li:nth-child(1){background:#fff url(/images/icon1.png) center 30px no-repeat;}
.accordion ul li:nth-child(2){background:#fff url(/images/icon2.png) center 30px no-repeat; }
.accordion ul li:nth-child(3){background:#fff url(/images/icon3.png) center 30px no-repeat; }
.accordion ul li:nth-child(4){background:#fff url(/images/icon4.png) center 30px no-repeat; margin-top:1%;}
.accordion ul li:nth-child(5){background:#fff url(/images/icon5.png) center 30px no-repeat; margin-top:1%;}
.accordion ul li:nth-child(6){background:#fff url(/images/icon6.png) center 30px no-repeat; margin-top:1%; }
.accordion .solution_txt{padding-top:110px;}
.accordion .solution_txt p{display:none;}

.con2{width:100%; height:460px; margin:0 auto; text-align:center; padding-top:0px; color:#fff; font-family:'Hammersmith One', sans-serif;
background:url(/images/bg03.jpg) no-repeat; padding:5% 1%;  }
.con2 .research_box{width:100%; font-size:0; margin-top:0; }
.con2 .research_box dl{margin-right:0; margin-top:0; }
.con2 .research_box .research a{color:#fff; display:block; width:100%; height:100%; padding:50px 70px;}
.con2 .research{width:33.33%; height:230px; }

.con3{height:400px; padding-top:50px; }
.con3_wrap{width:100%; text-align:center; background:url(/images/bg04.jpg) center top no-repeat; 
color:#fff; font-size:16px; position:relative; border:1px solid blue;}
.con3 h3{color:#fff;}

.con4{width:100%; height:350px; }
.news{ width:100%; }
.con4_left{width:50%; height:350px; }
.con4_right{width:50%; height:350px; }

.footer_wrap{padding:0 5%;}
#footer{width:100%; height:135px; margin:0 auto; padding-top:30px; position:relative; color:#242424; font-size:13px; }


.btn_top{position:fixed; left:50%; margin-left:380px; bottom:-70px; z-index:1000; }
.btn_top a{display:block;  height:60px; border-radius:50%; color:#fff; padding-top:13px; }


/*sub3==============================*/
.sub_visual_inner{}
/*.sub_visual_inner{position:absolute;width:100%; height:47px; top:0; bottom:0; margin:auto 0; text-align:center; line-height:24px; }세로 가운데정렬 방법*/
.sub_menu{left:20px;}

.sub3_contents{width:100%; padding-top:80px; }
.sub3_contents h2{font-size:40px; line-height:1; margin-bottom:20px; }
.one_stop dl{width:210px; height:210px; border-radius:50%; display:inline-block; margin-top:40px; padding-top:68px; margin-right:1%; position:relative; }
.one_stop dt{font-size:25px; }
.one_stop dd{font-size:14px; line-height:20px; margin-top:10px;}
.sub3_about_table{margin-top:60px; padding:0 2%;}
.sub3_about_table table{width:100%; }
.sub3_about_table table td{text-indent:40px; }

.history_box{width:90%; margin:0 auto; overflow:hidden; margin-top:50px;}
.history_left{float:left; width:27%; height:1500px; text-align:left; position:relative; }
.history_left .history_img1{position:absolute; width:164%; top:335px; }
.history_left .history_img2{position:absolute; width:164%; top:730px;}
.history_left .history_img1:after{content:""; display:inline-block; width:100%; height:1px; background:#ddd; position:absolute; top:50%; left:0; z-index:-1;}
.history_left .history_img2:after{content:""; display:inline-block; width:100%; height:1px; background:#ddd; position:absolute; top:50%; left:0; z-index:-1; }
.history_right{float:left; width:73%; text-align:left; position:relative;}
.history_right dl{width:100%; overflow:hidden; }
.history_right dt{font-size:26px; float:left; width:15%; font-weight:bold; font-style:italic; line-height:34px;}
.history_right dd{background:url(/images/line.png) repeat-y 10% top; float:left; width:85%; padding-bottom:10%;}
.history_2010 dd{padding:15% 0 3% 0;}
.history_right dd p {width:100%; overflow:hidden; line-height:37px;}
.history_right dd p strong{color:#ed4f17; width:10%; height:37px; float:left; font-style:italic; display:inline-block;}
.history_right dd p span{float:left; font-size:17px; width:84%; position:relative; padding-left:6%;}
.history_right dd p span:before{content:""; display:inline-block; width:17px; height:17px; background:url(/images/history_icon.png) no-repeat; 
position:absolute; left:-8px; top:11px;}
.history_img3{position:absolute; top:1150px; left:23.5%; width:75%; }
.history_img3 p{text-align:right;}
.history_img3:after{content:""; display:inline-block; width:100%; height:1px; background:#ddd; position:absolute; top:50%; left:0; z-index:-1;}

.member{width:100%; margin:50px auto;}

.map{width:100%; margin:50px auto;}
.contact_box{max-width:1200px; margin:0 auto; height:100px; position:relative; color:#fff; transition:all 0.5s;}
.contact{width:380px; height:260px; background:#f08500; position:absolute; bottom:0; left:50px; padding:20px 20px; transition:all 0.5s;}
.contact ul li:last-child{border-bottom:0;}
.contact ul li{border-bottom:1px solid #fff; height:50px; line-height:49px; font-size:16px; position:relative; text-align:left; padding-left:90px;}
.contact ul li:first-child{height:65px; line-height:25px;}
.contact_title{position:absolute; left:0;}

/*sub1*/
.title_box{overflow:hidden; width:100%; margin-top:30px; text-align:center; padding:0 2%;}
.title_left{width:48%; float:left; height:100%; margin-right:4%; }
.title_right{width:48%; float:left; height:350px; border:1px solid #bbb; line-height:350px;}
.title_right img{vertical-align:middle; width:100%; padding:20px; }
.h3_title{font-size:30px; line-height:35px; text-align:left; border-bottom:1px solid #bbb; padding-bottom:8px; }
.p_title{line-height:24px; text-align:left; text-align:justify;}
.p_info{margin-top:10px; line-height:24px; }
.h4_title{text-align:left; font-size:28px; color:#bc071c; }
.h5_title{font-size:18px; }

.tab1_content{padding:0 2%; }
.tab2_content{padding:0 2%; }
.tab3_content{padding:0 2%; }
.tab4_content{padding:0 2%; }
.tab5_content{padding:0 2%; }
.tab6_content{padding:0 2%; }
.tab7_content{padding:0 2%; }
.tab8_content{padding:0 2%; }
.tab9_content{padding:0 2%; }
.tab10_content{padding:0 2%; }


}


/*=========  모바일 사이즈  ========================================================*/
@media all and (max-width: 767px) {

#header{width:100%; height:74px; position:fixed; z-index:1000; }
#header.fixed{height:74px; transition:all 1s;}
.header_inner{width:100%; height:74px; margin:0 auto; position:relative; transition:all 1s;}
.header_inner h1{transition:all 1s; position:relative; top:7px; text-align:center;}
#gnb{display:none; transition:all 1s;}
.sitemap{display:none; transition:all 1s;}

#mo_menu{width:100%; background:#fff; color:#000; margin-top:5px; display:none; position:absolute; top:67px; border-top:1px solid #f2921b; }
#mo_menu > ul > li{border-bottom:1px solid #f2921b; height:40px; line-height:39px; padding-left:20px; cursor:pointer;}
.subsub{text-indent:40px; }
.subsub li {background:#f2921b; height:35px; line-height:34px; color:#fff; }
.subsub li a{color:#fff;}
.submenu1{display:none;}
.submenu2{display:none;}
.submenu3{display:none;}
.submenu1_1{display:none; text-indent:60px;}
.submenu1_2{display:none; text-indent:60px;}
.submenu1_3{display:none; text-indent:60px;}
.nav-toggle{display:block; position:absolute; top:26px; left:20px; transition:all 1s; }
.nav-toggle span,
.nav-toggle span:before,
.nav-toggle span:after {content: ""; position: absolute; display: block; width: 28px; height: 3px; border-radius: 1px; border-color:#000; 
background: #000; cursor: pointer;}
.nav-toggle span:before {top: -10px;}
.nav-toggle span:after {bottom: -10px;}
.nav-toggle span,
.nav-toggle span:before,
.nav-toggle span:after {transition: all 300ms ease-in-out;}
.nav-toggle.active span {background-color: transparent;}
.nav-toggle.active span:before,
.nav-toggle.active span:after {top: 0;}
.nav-toggle.active span:before {transform: rotate(45deg);}
.nav-toggle.active span:after {top:10px; transform: translatey(-10px)   rotate(-45deg);}














#visual{width:100%; height:374px; padding-top:74px; }
.visual_txt{position:absolute; top:170px; left:50%; margin-left:-135px; }
.visual_txt h2{font-size:28px;  margin-top:5px; }
.visual_txt p{font-size:16px; line-height:20px; margin-top:20px;}
.visual_pc_p{display:none;}
.visual_mo_p{display:block;}
.visual_slide{position:absolute; width:100%; height:300px; overflow:hidden; }

.contents h3{display:none;}
.contents h4{font-size:24px; text-align:center; font-weight:normal; }
.info{display:none;}
.con1_wrap{height:270px;}
.con1{width:100%; height:100%; padding:5% 1%; }
.accordion{display:none;}
.mo_accordion{display:block; height:300px; overflow:hidden; margin-top:10px; }
.mo_accordion ul li{float:left; width:49.5%; background:#fff; height:60px; overflow:hidden;}
.mo_accordion ul li a{display:block; color:#242424;}
.mo_accordion ul li:nth-child(1){margin-right:1%; }
.mo_accordion ul li:nth-child(2){}
.mo_accordion ul li:nth-child(3){margin-right:1%; margin-top:1%;}
.mo_accordion ul li:nth-child(4){margin-top:1%;}
.mo_accordion ul li:nth-child(5){margin-right:1%; margin-top:1%;}
.mo_accordion ul li:nth-child(6){margin-top:1%;}
.mo_icon{width:30%; float:left; padding-top:15px;}
.mo_txt{width:70%; float:left; line-height:60px; text-align:left;}

.con2{width:100%; height:230px; margin:0 auto; text-align:center; padding-top:0px; color:#fff; font-family:'Hammersmith One', sans-serif;
background:url(/images/bg03.jpg) no-repeat; padding:5% 1%;  }
.con2 .research_box{width:100%; font-size:0; margin-top:10px; }
.con2 .research_box dl{margin-right:0; margin-top:0; }
.con2 .research_box dt{font-size:16px; width:100px; height:30px; line-height:28px; letter-spacing:0;}
.con2 .research_box dd{display:none;}
.con2 .research_box .research a{color:#fff; display:block; width:100%; height:100%; padding:30px 0px;}
.con2 .research{width:33.33%; height:160px; }

.con3{height:250px; padding-top:20px; }
.con3_wrap{width:100%; text-align:center; background:url(/images/bg04.jpg) center top no-repeat; 
color:#fff; font-size:16px; position:relative; }
.con3 h3{color:#fff; }
.con3 p{font-size:14px; line-height:20px; margin:20px 20px; }

.con4{width:100%; height:240px;}
.con4 h4{text-align:left;}
.con4_left h4{font-size:25px; border-bottom:1px solid #fff; margin-bottom:10px; padding-bottom:10px; color:#fff;}
.news{ width:100%; font-size:14px; }
.con4_left{width:100%; height:240px; padding:10px;}
.con4_left ul li{line-height:22px;}
.con4_left .view{position:absolute; right:15px; top:20px; font-size:30px; }
.con4_right{display:none;}

.footer_wrap{padding:0 5%; padding:0; margin-top:15px; border:none; }
#footer{width:100%; min-height:210px; margin:0 auto; padding-top:10px; color:#242424; font-size:13px;  position:relative; 
text-align:center; padding:0; border-top:1px solid #ddd;}
#footer h1{position:static; text-align:center; margin-top:15px; padding:0;}
#footer h1 img{width:30%;}
address{line-height:20px; padding-left:0; letter-spacing:-0.5px; text-align:center; margin-top:10px;}
#footer span{margin-right:10px; }
#footer .pc{display:block; width:50px; border:1px solid #bbb; margin:0 auto; margin-top:10px;}
#footer p a{display:inline-block; width:50px; color:#888;}



/*sub3-1==============================*/
#sub_visual{position:relative; height:270px; background:url(/images/sub_top_bg_mo.png) center center no-repeat; background-size:cover; 
margin-top:74px;  color:#fff;}

.sub_visual_inner{position:absolute; width:100%; height:137px; line-height:22px;  top:40px; margin:0 auto;
text-align:center; padding-left:0;}
.sub_visual_inner h2{font-size:20px; color:#444; line-height:32px; color:#fff; margin-bottom:15px; }
.sub_menuWrap{position:relative; width:100%; margin:0 auto;}
.sub_menu{display:none;}

.sub3_contents{width:100%; padding-top:20px; }
.sub3_contents h2{font-size:30px; line-height:1; margin-bottom:20px; }
.sub3_contents h3{font-size:14px; word-break:keep-all; padding:0 50px; line-height:22px;}
.one_stop dl{width:150px; height:150px; border-radius:50%; display:inline-block; margin-top:20px; padding-top:57px; margin-right:1%; position:relative; }
.one_stop dt{font-size:19px; }
.one_stop dd{display:none;}

.one_stop dl:nth-child(1):before{content:"01"; display:inline-block; font-size:50px; position:Absolute; left:0; top:30px ; width:100%; color:#ddd;  z-index:-1; font-family:'NanumSquare'; font-weight:bold; }
.one_stop dl:nth-child(2):before{content:"02"; display:inline-block; font-size:50px; position:Absolute; left:0; top:30px ; width:100%; color:#ddd;  z-index:-1; font-family:'NanumSquare'; font-weight:bold;}
.one_stop dl:nth-child(3):before{content:"03"; display:inline-block; font-size:50px; position:Absolute; left:0; top:30px ; width:100%; color:#ddd;  z-index:-1; font-weight:bold;}
.one_stop dl:nth-child(4):before{content:"04"; display:inline-block; font-size:50px; position:Absolute; left:0; top:30px ; width:100%; color:#ddd;  z-index:-1; font-weight:bold; }
.one_stop dl:nth-child(1){border:10px solid #3095e5;}
.one_stop dl:nth-child(2){border:10px solid #116cca;}
.one_stop dl:nth-child(3){border:10px solid #004ea2;}
.one_stop dl:nth-child(4){border:10px solid #6a5fdf; margin-right:0;}

.sub3_about_table{display:none; }
.sub3_about_table_mo{display:block; border-top:1px solid #f08500; margin-top:20px;}
.sub3_about_table_mo ul li{width:100%; font-size:14px; border-bottom:1px solid #ddd; text-align:left; text-indent:22px; padding:2%;}
.sub3_about_table_mo ul li:nth-child(14){line-height:20px; -webkit-padding-start: 30px; text-indent:0;}
.sub3_about_table_mo ul li:nth-child(16){line-height:20px; -webkit-padding-start: 30px; text-indent:0; }
.sub3_about_table_mo ul li:nth-child(1){background:url(/images/sub_dot.png) no-repeat; background-position:12px 13px; font-weight:bold;}
.sub3_about_table_mo ul li:nth-child(3){background:url(/images/sub_dot.png) no-repeat; background-position:12px 13px; font-weight:bold;}
.sub3_about_table_mo ul li:nth-child(5){background:url(/images/sub_dot.png) no-repeat; background-position:12px 13px; font-weight:bold;}
.sub3_about_table_mo ul li:nth-child(7){background:url(/images/sub_dot.png) no-repeat; background-position:12px 13px; font-weight:bold;}
.sub3_about_table_mo ul li:nth-child(9){background:url(/images/sub_dot.png) no-repeat; background-position:12px 13px; font-weight:bold;}
.sub3_about_table_mo ul li:nth-child(11){background:url(/images/sub_dot.png) no-repeat; background-position:12px 13px; font-weight:bold;}
.sub3_about_table_mo ul li:nth-child(13){background:url(/images/sub_dot.png) no-repeat; background-position:12px 13px; font-weight:bold;}
.sub3_about_table_mo ul li:nth-child(15){background:url(/images/sub_dot.png) no-repeat; background-position:12px 13px; font-weight:bold;}
.sub3_about_table_mo ul li:nth-child(2n*1){background:url(/images/sub_dot.png) no-repeat;  font-weight:bold; color:#000; font-weight:bold;}
.sub3_about_table_mo ul li:last-child{border-bottom:0;}
.sub3_about_table_mo ul li p{word-break:keep-all;}

.history_box{width:90%; margin:0 auto; overflow:hidden; margin-top:30px; }
.history_left{display:none;}
.history_right{float:left; width:100%; text-align:left; position:relative;}
.history_right dl{width:100%; overflow:hidden; }
.history_right dt{font-size:20px; float:left; width:20%; font-weight:bold; font-style:italic; line-height:28px;}
.history_right dd{background:url(/images/line.png) repeat-y 15% top; float:left; width:80%; padding-bottom:10%; }
.history_2010 dd{padding:0 0 3% 0; }
.history_right dd p {width:100%; overflow:hidden; line-height:30px; }
.history_right dd p strong{color:#ed4f17; width:18%; height:30px; float:left; font-style:italic; display:inline-block; font-size:16px;}
.history_right dd p span{float:left; font-size:15px; width:80%; position:relative; padding-left:6%;}
.history_right dd p span:before{content:""; display:inline-block; width:17px; height:17px; background:url(/images/history_icon.png) no-repeat; 
position:absolute; left:-16px; top:8px;}
.history_img3{display:none; }

.member{width:100%; margin:30px auto;}
.member img{width:95%;}

.certificate_wrap ul li{float:left; width:100%; padding:20px; text-align:center;}
.certificate_box ul li{float:left; width:50%; padding:30px; text-align:center; }
.certificate_box ul li p{font-size:15px;}
.certificate_wrap ul li p{margin-top:10px; font-size:15px;}

.map{width:100%; height:100px; margin:20px auto;}
.map iframe{height:300px;}
.contact_box{width:100%; margin:0 auto; height:380px; position:relative; color:#fff; transition:all 0.5s;}
.contact{width:100%; height:195px; background:#f19c33; position:absolute; bottom:0; left:0; padding:10px 10px; transition:all 0.5s;}
.contact ul li:last-child{border-bottom:0;}
.contact ul li{border-bottom:1px solid #fff; height:40px; line-height:39px; font-size:16px; position:relative; text-align:left; padding-left:90px;}
.contact ul li:first-child{height:60px; line-height:25px;}
.contact_title{position:absolute; left:0;}


/*sub1*/
.title_box{overflow:hidden; width:100%; margin-top:0; text-align:center; padding:0 2%;}
.title_left{width:100%; float:left; height:100%; margin-right:4%; margin-top:10px;  }
.title_right{width:100%; float:left; height:100%; border:1px solid #bbb; margin-top:10px; line-height:0;}
.title_right img{vertical-align:middle; width:100%; padding:20px; }
.h3_title{font-size:20px; line-height:28px; text-align:left; border-bottom:1px solid #bbb; padding-bottom:0; letter-spacing:-1px;}
.p_title{line-height:20px; text-align:left; text-align:justify; font-size:15px;}
.p_info{margin-top:5px; line-height:20px; position:relative; font-size:15px;}
.p_info li{padding-left:10px;}
.dash{position:absolute; left:0; }
.h4_title{text-align:left; font-size:22px; color:#bc071c; }
.h5_title{font-size:18px; }
.spec{display:none;}


.tab1_content{padding:0 2%; }
.tab2_content{padding:0 2%; }
.tab3_content{padding:0 2%; }
.tab4_content{padding:0 2%; margin:40px 0; }
.tab5_content{padding:0 2%; }
.tab6_content{padding:0 2%; }
.tab7_content{padding:0 2%; }
.tab8_content{padding:0 2%; }
.tab9_content{padding:0 2%; }
.tab10_content{padding:0 2%; }
.tab2_con1{margin:40px 0; }
.tab2_con3{margin:40px 0; }
.tab1_con1{margin:40px 0; }
.tab3_con1{margin-top:80px;}
.tab4_con1{margin-top:80px; display:none;}
.tab4_con2{margin:40px 0;  }
.tab4_con3{ margin:40px 0;}
.tab5_con1{margin:40px 0; }
.tab6_con1{margin:40px 0;}
.tab7_con1{margin-top:80px;}
.tab8_con1{margin-top:80px;}
.tab9_con1{margin-top:80px;}
.tab10_con1{margin-top:80px;}


}