@charset "utf-8";
html, body {word-break: keep-all;font-size:17px;}
.yeol{font-family: 'RixYeoljeongdo_Regular', sans-serif;}
.container-section{min-height: 300px;}
.pages{padding:120px 0;}
.p_tit,
.tit{line-height: 1.35;}

@media (max-width:768px){
    .pages {padding:60px 0;}
}

#page_5{}
#page_5 .cts01{
    background: url(/images/contents/p5_bg01.jpg) center center no-repeat; width:100%; height: 400px; position:relative;
}
#page_5 .cts01 .p_tit{color:#fff; padding:0; width:90%; max-width:1000px; height:120px;}
#page_5 .cts01 .p_tit:after{
    position: absolute; left:0; top:-41px; content: ''; font-size: 70px;
    background: url(/images/contents/p5_dot.png) center center no-repeat; width:37px; height: 31px;
}
#page_5 .cts02{}
#page_5 .cts02 .top_box {text-align: center; margin: 80px 0;}
#page_5 .cts02 .top_box .tit{}
#page_5 .cts02 .top_box p{margin-top: 35px;}
#page_5 .cts02 .top_box p strong{color:#076fd0;}
#page_5 .cts02 ul{}
#page_5 .cts02 ul li{padding-left:0; padding-right: 0;}
#page_5 .cts02 ul li img.ico{margin-bottom: 65px;}
#page_5 .cts02 ul li strong{display: block; position: relative;}
#page_5 .cts02 ul li strong:before{position: absolute; left:0; top:-35px; width:100%; height: 1px; background: #ddd; content: '';}
#page_5 .cts02 ul li strong:after{position: absolute; left:0; top:-36px; width:50px; height: 3px; background: #29ce8a; content: ''; z-index: 1;}
#page_5 .cts02 ul li p{font-weight: 300; margin-top: 10px;}
#page_5 .cts02 ul li .inner {text-align: right; }
#page_5 .cts02 ul li .inner img.num{display: inline-block; margin: -20px 20px 0 0;}
#page_5 .cts02 ul li:nth-child(1) img.num{margin: 5px 20px 0 0;}
/* #page_5 .cts02 ul li:nth-child(4) img.num{margin: -43px 20px 0 0;} */

@media (max-width:768px){
    #page_5 .cts01{height: auto;}
    #page_5 .cts01 .p_tit {padding:70px 30px; position:relative; height:auto; font-size: 25px;}
    #page_5 .cts01 .p_tit:after {top:35px; left:15px;}
    #page_5 .cts02 .top_box {margin:40px 0;}
    #page_5 .cts02 ul.row {margin:0;}
    #page_5 .cts02 .top_box .tit{font-size: 30px;}
    #page_5 .cts02 .top_box p{font-size: 22px;}
}

#page_6 {text-align: center; background: #f8f8f8; }
#page_6 .p_tit{text-align: center;}
#page_6 .cts{margin-top: 60px; position:relative;}
#page_6 .cts .ce_logo{z-index:100;}
#page_6 .cts ul{margin-left: 0; margin-right: 0; position: relative;}
/*
#page_6 .cts ul:after{background: url(/images/contents/p6_logo_bg.png); width: 360px; height: 360px; position: absolute; left:0; top:0; right:0; bottom:0; content: '';}
*/
#page_6 .cts ul li{ flex: 1 1 40%; background: #fff; height: 325px; width:100%;}

#page_6 .cts ul li:nth-child(1),
#page_6 .cts ul li:nth-child(4){background: #f2f2f2; }
#page_6 .cts ul li .num{color:#eaeaea; margin-top: 70px;}
#page_6 .cts ul li .tit{margin-bottom: 20px; margin-top: -25px;}
#page_6 .cts ul li p{}
#page_6 .cts ul li:hover{
    background: url(/images/contents/p6_bg01.jpg); transition: all .3s ease; color:#fff;
}
#page_6 .cts ul li:hover:nth-child(2){ background: url(/images/contents/p6_bg02.jpg); }
#page_6 .cts ul li:hover:nth-child(3){ background: url(/images/contents/p6_bg03.jpg); }
#page_6 .cts ul li:hover:nth-child(4){ background: url(/images/contents/p6_bg04.jpg); }
#page_6 .cts ul li:hover .num{color:rgba(255,255,255,0.4);}
#page_6 .cts ul li:hover .tit{}
#page_6 .cts ul li:hover p{}

@media (max-width:768px){
    #page_6 .cts img.absolute-center {position:relative;}
    #page_6 .p_tit{font-size: 25px; margin-top: 30px;}
    #page_6 .p_tit br {display:none;}
    #page_6 .cts{margin-top: 20px;}
    #page_6 .cts ul.row {flex-direction:column;}
    #page_6 .cts ul li {padding:20px;}
    #page_6 .cts ul li .num {margin:0;}
    #page_6 .cts ul li .tit {margin:0;}
    #page_6 .cts ul li:nth-child(2n-1) {background-color:#f2f2f2;}
    #page_6 .cts ul li:nth-child(2n-1) .num {color: #ddd;}
    #page_6 .cts ul li:nth-child(2n) {background-color:#fff;}
}

#page_7{}
#page_7 .cts{width: 100%; position: relative;}
#page_7 .cts:after{position: absolute; left:50%; top:15px; content: ''; width: 1px; height: 100%; background: #ddd;}
#page_7 .cts .inner{position: relative;}
#page_7 .cts .inner:after{
    position: absolute; left:48.45%; top:24px; content: ''; width: 39px; height: 39px; background: url(/images/contents/history_ico.png); z-index: 1;
}
#page_7 .cts .inner > div{width: 50%; margin-bottom: 60px;}
#page_7 .cts .inner .float-left {text-align:right;}
#page_7 .cts .inner .float-left,
#page_7 .cts .inner .float-right{padding:0 40px;}
/*#page_7 .cts .inner .float-left .num{margin-left: 30px;}*/
/*#page_7 .cts .inner .float-right .num{margin-right: 30px;}*/
#page_7 .cts .inner .date{font-size: 55px; color:#61a78a; position: relative;}
#page_7 .cts .inner .history{margin-top: 18px;}
#page_7 .cts .inner .history .line{line-height: 2.5; }
#page_7 .cts .inner .history .line .num{color:#444;}
#page_7 .cts .inner .history .line .txt{color:#777;}
#page_7 .cts .inner .pic_inner{margin-top: 23px;}
#page_7 .cts .inner .pic_inner img{}

#page_7 .cts .clearfix:nth-child(2n-1) .float-left {float:right !important; text-align:left;}
#page_7 .cts .clearfix:nth-child(2n-1) .float-right {float:left !important;}
#page_7 .cts .clearfix:nth-child(2n) {}

@media (max-width:768px){
    #page_7 .cts:after {display:none;}
    #page_7 .cts .inner:after {left:0;}
    #page_7 .cts .clearfix {border-bottom:1px solid #ddd; margin-bottom:10px;}
    #page_7 .cts .clearfix:nth-child(2n-1) .float-left {float:left !important; text-align:left; width:100%;}
    #page_7 .cts .clearfix:nth-child(2n-1) .float-right {float:right !important;}
    #page_7 .cts .clearfix:nth-child(2n-1) .float-right,
    #page_7 .cts .clearfix .float-left {width:100%; text-align:left; margin:0 0 20px 0;}
    #page_7 .cts .clearfix .float-right {display:none;}
    #page_7 .cts .inner .history {margin:0;}
}

/* CI */
#page_8{}
#page_8 .cts01{margin-bottom: 60px;}
#page_8 .cts01 .pic{background: url(/images/contents/p8_bg01.jpg) center center no-repeat; position: relative; width: 100%; height: 350px; border:1px solid #ccc; position: relative;}
#page_8 .cts01 .pic img{}
#page_8 .cts01 .pic .floating{
    width:220px; position: absolute; right:50px; bottom:40px; border: 1px solid #000; background: #fff;
    padding: 16px 26px 15px 56px; box-shadow: 8px 8px 30px rgba(0,0,0,0.2);
}
#page_8 .cts01 .pic .floating span{position: relative;}
#page_8 .cts01 .pic .floating span:before{position: absolute; left:-25px; bottom:0; content: ''; background: url(/images/contents/p8_ico.png) center center no-repeat; width:16px; height: 18px; } 
#page_8 .cts02 {}
#page_8 .cts02 .inner{margin-bottom: 55px;}
#page_8 .cts02 .tit{margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
#page_8 .cts02 .txt{}
#page_8 .cts02 .txt .g_txt{color:#2a4a33; margin-bottom: 20px; display: block;}
#page_8 .cts02 .txt p{ color:#444; margin-bottom: 15px;}
#page_8 .cts02 .txt span{color:#777;}
#page_8 .cts02 ul{}
#page_8 .cts02 ul li{}
#page_8 .cts02 ul li .g_txt{}
#page_8 .cts02 ul li .g_txt em{font-style: normal; color:#444; margin-left: 20px;}
#page_8 .cts02 ul li .inner_box{display: flex; flex-wrap: wrap;}
#page_8 .cts02 ul li .inner_box .c_box{width:100px; height: 100px; background: #0093c9; margin: 5px 35px 0 0;}
#page_8 .cts02 ul li .inner_box .c_box2{background: #6b7d8c;}
#page_8 .cts02 ul li .inner_box .box{}

@media (max-width:768px){
    #page_8 .cts01 .pic img {max-width:90%;}
    #page_8 .cts01 .pic .floating {right:0; left:0; margin:auto;}
    #page_8 .cts02 ul li:last-child {margin-top:40px;}
}

/**/
#page_9{position: relative;}
#page_9:after{background: #f4f4f4; width: 100%; height: 716px; position: absolute; left: 0; bottom:0; content:'';}
#page_9 .root_daum_roughmap{width: 100%; margin-top: 40px;}
#page_9 .inner h5{position: relative; z-index: 2; }
#page_9 .inner h5 span{font-size: 30px; text-transform: uppercase;  margin:45px 0 40px; padding-bottom:20px; border-bottom: 1px solid #ddd; position: relative; z-index: 2; display: block;}
#page_9 .inner h5 em{font-style: normal;}
#page_9 .inner h5 em:after{position: absolute; right:-8px; top: -16px; content: 'EDAMTECH'; font-size: 120px; color:rgba(255,255,255,0.45);}
#page_9 .inner ul.map_info{margin-top: 15px; position: relative; z-index: 2;}
#page_9 .inner ul.map_info li{float: left; width: 50%; vertical-align: middle; }
#page_9 .inner ul.map_info li:first-child{width: 100%; padding-bottom: 30px;}
#page_9 .inner ul.map_info li .pic{float:left; min-width: 85px;}
#page_9 .inner ul.map_info li .txt{float:left;}
#page_9 .inner ul.map_info li .txt strong{font-size: 20px; text-align: left;}
#page_9 .inner ul.map_info li .txt p{color:#797979;}
#page_9 .cts01 .inner:after{bottom: -90px;}
#page_9 .cts02{margin-top: 180px;}

@media (max-width:768px){
    #page_9 .inner h5 em:after{ display: none;}
    #page_9 .inner ul.map_info li:first-child,
    #page_9 .inner ul.map_info li {display:block; width:100%; margin:0 0 40px 0; padding:0; position:relative;}
    #page_9 .inner ul.map_info li:last-child {margin-bottom:0;}
    
    #page_9 .inner ul.map_info li .pic {min-width: 70px;}
    #page_9 .inner ul.map_info li .pic img{max-width: 95%; max-width: 48px;}
    #page_9 .inner ul.map_info li .txt {position:absolute; top:0; left:0; width:100%; padding:0 0 0 65px; }
}

/* R&D 철학 */
#page_14{overflow: hidden; padding-bottom: 0;}
#page_14 .cts01{position: relative;}
#page_14 .cts01 .wrap{}
#page_14 .cts01 .tit_box{padding: 70px 0 100px 0;}
#page_14 .cts01 .tit_box .tit_sub{color:#29ce8a; font-size: 20px; font-weight: 500;}
#page_14 .cts01 .tit_box .ti{font-size: 50px; font-weight: 700;padding: 5px 0 30px 0; line-height: 1.05;}
#page_14 .cts01 .tit_box p{position:relative; padding-left:12px;}
#page_14 .cts01 .tit_box p:before{content:''; position:absolute; left:0; top:12px; width:4px; height:4px; background:#333;}
#page_14 .cts01 .pic{background: url(/images/contents/p14_bg.jpg) center right no-repeat; background-size: cover;  position: absolute; left: 50%; top:0; width: 1000px; height: 670px;}
#page_14 .cts01 .list{background: #f4f4f4; width: 100%; height: auto;padding: 110px 0;}
#page_14 .cts01 .list ul.w_box{padding-left: 50px; position: relative;}
#page_14 .cts01 .list ul.w_box:before{position: absolute; left:0; top:0; height: 100%; width: 3px; content: ''; background: #29ce8a;}
#page_14 .cts01 .list ul.w_box>li{width: 370px; height: 390px; background: #fff; margin-right: 20px; float: left;}
#page_14 .cts01 .list ul.w_box>li:last-child{margin-right: 0;}
#page_14 .cts01 .list ul.w_box li .ti{text-align: center; height: 87px; padding-top: 50px; font-size: 22px; margin-top: 45px; line-height: 1.2;}
#page_14 .cts01 .list ul.w_box li:nth-child(1) .ti{background: url(/images/contents/p14_t_bg01.png) center center no-repeat; padding-top: 65px; }
#page_14 .cts01 .list ul.w_box li:nth-child(2) .ti{background: url(/images/contents/p14_t_bg02.png) center center no-repeat; }
#page_14 .cts01 .list ul.w_box li:nth-child(3) .ti{background: url(/images/contents/p14_t_bg03.png) center center no-repeat; padding-top: 65px; }
#page_14 .cts01 .list ul.w_box li ul.inner_list{ margin-top: 70px;}
#page_14 .cts01 .list ul.w_box li ul.inner_list li{background: url(/images/contents/p14_bull.png) left top 4px no-repeat; margin: 0 37px 0 45px; padding: 0 0 7px 27px;}

@media (max-width:1270px){
    #page_14 .cts01 .list ul.w_box{padding-left: 0;}
    #page_14 .cts01 .list ul.w_box:before{background: none;}
    #page_14 .cts01 .list ul.w_box>li{width: 32%; height: 330px; margin: 1%;}
    #page_14 .cts01 .list ul.w_box>li:first-child{margin-left: 0;}
}

@media screen and (max-width:1200px){
    #page_14 .cts01 .tit_box .ti{font-size: 35px;}
    #page_14 .cts01 .tit_box .tit_sub{font-size: 17px;}
    #page_14{}
    #page_14 .cts01{position: relative; margin: 0 auto;}
    #page_14 .cts01 .wrap{max-width: 1000px;}
    #page_14 .cts01 .tit_box{padding: 0 0 60px 0;}
    #page_14 .cts01 .pic{ position: relative; left: 0; max-width:1000px; width: 100%; height: 270px; display: inline-block;}
    #page_14 .cts01 .list{margin-top:-100px; padding-top: 100px;}
    #page_14 .cts01 .list ul.w_box>li:last-child{margin-right: 0;}
    #page_14 .cts01 .list ul.w_box li .ti{ font-size: 20px;}
    #page_14 .cts01 .list ul.w_box li ul.inner_list{}
    #page_14 .cts01 .list ul.w_box li ul.inner_list li{text-align: left; margin-left: 10%; font-size: 15px;}

}

@media screen and (max-width:1000px){ 
    #page_14 .cts01 .wrap{max-width: 90%;}
    #page_14 .cts01 .pic{height: 300px;}
    #page_14 .cts01 .list{padding-top: 0;}
    #page_14 .cts01 .list ul.w_box>li{width: 100%;margin: 20px 0; height: auto; padding: 50px 10%;}
    #page_14 .cts01 .list ul.w_box li .ti{margin-top: 0; text-align: left; width: 50%; float:left;}
    #page_14 .cts01 .list ul.w_box li:nth-child(1) .ti{background: url(/images/contents/p17_t_bg01.png) left center no-repeat; padding-top: 20px;}
    #page_14 .cts01 .list ul.w_box li:nth-child(2) .ti{background: url(/images/contents/p17_t_bg02.png) left center no-repeat; padding-top: 10px;}
    #page_14 .cts01 .list ul.w_box li:nth-child(3) .ti{background: url(/images/contents/p17_t_bg03.png) left center no-repeat; padding-top: 20px;}
    #page_14 .cts01 .list ul.w_box li ul.inner_list{width: 50%; float:left; margin-top: 10px;}
    #page_14 .cts01 .list ul.w_box li ul.inner_list li{margin-left: 0;}

    }

@media screen and (max-width:800px){   
    #page_14 .cts01 .list ul.w_box li .ti{width: 100%; float:none;}
    #page_14 .cts01 .list ul.w_box li ul.inner_list{width: 100%; float:none; margin-top: 30px; font-size: 14px;}
    #page_14 .cts01 .list ul.w_box li ul.inner_list li{background: url(/images/contents/p17_bull.png) left top 1px no-repeat;}
    
}
@media screen and (max-width:600px){
    #page_14 .cts01 .list{padding:80px 0;}
    #page_14 .cts01 .tit_box .ti{font-size: 32px;}

}