@charset "utf-8";
@import url(/template/css/reset.css);


html,body{font-family: 'Noto Sans KR', sans-serif;}
.desc .title{text-align: center !important;}
.m_vis{display: none;}
.clearfix:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:block;}
.icons{position:relative;}
.icons:after{content: "";position: absolute;right: 0px;top: 0px;width: 50px;height: 50px;background: url(/template/image/icon/sub_nav.png) no-repeat;background-position: center center;}

.overlay{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:99;}
.none {display:none;}

#popup_view_box img{width: 100%;}
.main_popup {background: #000;text-align:right;}
.main_popup a{color: #fff;font-size:12px;font-family: 'dotum';padding: 5px;}





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

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


html, 
body{width:100%;height:100%;}
body.overflow {overflow:hidden;}
body.overflow .page_main {overflow:hidden; left:17px;}
body.overflow .group .btn_smap {margin-right:17px;}

#wrapper{width:100%;padding-top: 180px;}
.group button{position:fixed;top:45px;width:50px;height:50px;z-index:100;font-size:0;}
.group .btn_works{left:45px; z-index:99;}
.group .btn_smap{right:3%;}
.page_work .group .btn_smap:after{background-position:-100px 0;}

@media (max-width:930px) {
    .group .btn_smap {right:1%;}
}
/* gnb */
#gnb{position:relative;height:100%;background-color:#fff;z-index:100;}

#gnb.fixed .wrapper{padding:60px 60px 0px 100px;}


#gnb.fixed{position:fixed;right:0;top:0;width:0px;padding:0;overflow:hidden;transition:width .3s ease; overflow-y:auto;-ms-overflow-style:none;-ms-overflow-y:none;}
#gnb .btn_gnb_close{position:absolute;top:45px;right:45px;width:50px;height:50px;font-size:0;
background:url(/image/icon/close_on_btn.png) no-repeat;
background-position: center;
background-size:27px;
}
#gnb h1{padding:30px 30px 30px 0;}
#gnb .logo {display: block;width: 200px;height: 32px;background: url('/image/logo/logo.png') no-repeat;background-size:100%;}

#gnb .lang{padding:100px 0 20px;font-family:"Poppins",sans-serif;}
#gnb .lang a{margin-right:40px;color:#000;}
#gnb .lang a.active{text-decoration:underline;}



#gnb .localnav {margin-top: 100px;}
#gnb .localnav > ul > li{padding-bottom: 10px;line-height: 1.2;}
#gnb .localnav > ul > li > a{font-size: 30px;font-weight: 500;}
#gnb .localnav > ul > li > a.on{color: #083194;}
#gnb .localnav > ul > li .inner ul {padding: 20px 0;}
#gnb .localnav > ul > li ul li {}
#gnb .localnav > ul > li ul li a{font-size:20px;line-height: 1.6;}
#gnb .localnav > ul > li ul li a.on{color: #083194;}
#gnb .localnav > ul > li:last-child{padding-top: 30px;}




#gnb .localnav a{color:#000;}
#gnb .localnav .main1{height:372px; padding-bottom:50px;}
#gnb .localnav .main1 > li{}
#gnb .localnav .main1 > li > a{display: block;font-size:30px;margin-bottom:10px;}
#gnb .localnav .main1 .depth2 li{padding-left:20px;padding-bottom:10px;line-height:1.2;}
#gnb .localnav .main1 .depth2 li a{font-size:20px;}
#gnb .localnav .main1 .depth2 li.current a{color:#083194;}

#gnb .localnav .main1 > li.work > a{display:none;}
#gnb .localnav .main1 .work .depth2 li{padding-left:0px;}
#gnb .localnav .main1 .work .depth2 li a{font-size:30px;}


#gnb .localnav .sub{padding-bottom:75px;}
#gnb .localnav .sub .depth1 > li > a{font-size:20px;line-height:1.6;}
#gnb .localnav .sub .depth2{display:none;}
#gnb .localnav .sub .current,
#gnb .localnav .sub .active{display:none;}

#gnb .search{position:relative;width:100%;height:40px;padding-left:50px; margin-bottom:50px;}
#gnb .search .btn_srch{position:absolute;left:0;top:0;width:40px;height:40px;font-size:0;}
#gnb .search .btn_srch:after{content:"";position:absolute;left:50%;top:50%;margin:-14px 0 0 -14px;width:28px;height:28px;background:url(/template/image/ex/icons.png) no-repeat -100px -100px;}
#gnb .search input{width:100%;height:40px;border:0 solid #dcddde;border-bottom:1px solid #dcddde;padding:0 10px;max-width:300px;}
#gnb .search .box{display:none;}
#gnb .search.on .box{display:block;}

.navopen #gnb.fixed{width:450px;}
.navopen2 #gnb.fixed{width:450px;}
.navopen2 #gnb.fixed .btn_gnb_close{display: none;}

.navopen .overlay{display:block;}


/* main */
.main_visual{overflow:hidden;position:relative;width:100%;height:100%;}
.main_visual .swipe_inner,
.main_visual ul,
.main_visual li{position:absolute;left:0;top:0;width:100%;height:100%;}
/*
.main_visual li{width:100%;height:100%;overflow:hidden;opacity:0; background-repeat:no-repeat; background-size:cover;background-position:center;}
.main_visual li .thumb{height:100%;overflow:hidden;display:block;}
.main_visual li .thumb img {position:absolute;left:0;top:0;min-width:100%;min-height:100%;
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
     -ms-transform:scale(1.1);
     transform: scale(1.1);
     -webkit-transition-property: -webkit-transform, -moz-transform, -o-transform, -ms-transform, transform;
     -webkit-transition-duration: 8s;
     -webkit-transition-timing-function: cubic-bezier(0,0,.2,1);
     transition-property: -webkit-transform, -moz-transform, -o-transform, -ms-transform, transform;
     transition-duration: 8s;
     transition-timing-function: cubic-bezier(0,0,.2,1);}
.main_visual li.current{opacity:1;z-index:3;}
.main_visual li.current .thumb img {
     -webkit-transform: scale(1);
     -moz-transform:scale(1);
     -o-transform:scale(1);
     -ms-transform: scale(1);
     transform:scale(1);}
*/
/* 181001*/
.main_visual .swipe_inner {position: relative; overflow: hidden;}
.main_visual .swipe_inner li {overflow:hidden; left:100%; }
.main_visual .swipe_inner li.current{left:0;}
.main_visual .swipe_inner li .img_wrap {width:100%; height:100%; display:block; position:relative;}
.main_visual .swipe_inner li .img_wrap .thumb {width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat;}
/**/
.main_visual li .title{position:absolute;left:14%;top:50%;color:#fff;}
.main_visual li .title p{padding-bottom:40px;font-size:80px;line-height:1.1;font-weight: 500;}
.main_visual li .title .more{font-size:15px;color:#fff;}
.main_visual li .title .arr{display:inline-block;margin:4px 0 0 5px;width:7px;height:13px;background:url(/template/image/ex/icons.png) no-repeat -20px -130px;vertical-align:top;}

@media (max-width:1380px){
    .main_visual li .title{left:10%;top:50%;}
    .main_visual li .title p{font-size:70px;}
}
@media all and (orientation:landscape){
    .main_visual li .title{top:50%;}
}


.main_visual .btn_group{position:absolute;left:0;bottom:0;width:100%;height:70px;text-align:center;z-index:10;}
.main_visual .btn_group button{position:relative;width:50px;height:50px;vertical-align:top;font-size:0;}
.main_visual .btn_group button:after{content:"";position:absolute;left:50%;top:50%;margin:-11px 0 0 -7px;width:13px;height:21px;
background-image:url(/template/image/ex/icons.png);background-repeat:no-repeat;}
.main_visual .btn_group .btn_prev:after{background-position:0 -100px;}
.main_visual .btn_group .btn_next:after{background-position:-20px -100px;}
.main_visual .btn_group .btn_stop:after{background-position:-50px -100px;}
.main_visual .btn_group .btn_play:after{background-position:-70px -100px;}
.main_visual .btn_group button.on{display:none;}

#footer{width:100%;height:80px;padding:0 60px;background-color:#000;z-index:10;color:#fff;font-size:12px;}
#footer p{float:left;padding-top:33px;text-transform:uppercase;}
#footer .btn_intranet{float:right;margin-top:33px;margin-left:23px;}
#footer .btn_private{float:right;margin-top:33px;}

/* latest_project */
.page_main {position:relative;}
.page_main .latest_project_bg {width:100%; height:100%; background:rgba(202,44,44,0.7); position:absolute; top:0; left:0; z-index:3; display:none;}
.page_main .latest_project_bg.active {display:block;}
/**/
.page_main .latest_project.project_inner {padding-right:0; position:relative;}
.page_main .latest_project #slider_popup {padding:100px 0 50px; position:relative; left:17px;}
.page_main .slider_popup {position:relative; left:17px;}
.page_main .latest_project {overflow:hidden; overflow-y:auto; position:fixed; top:0; left:0; z-index:99;}
.page_main .latest_project #container {padding:130px 0 0 90px; overflow:hidden; position:relative;}
.page_main .latest_project {}
.page_main .latest_project {width:100%; height:100%; padding-right:10.417%; background:#fff; background-clip:content-box;}
.page_main .latest_project .main_title {text-align:center; font-size:60px;font-weight:normal;}
.page_main .latest_project .close {width:50px; height:50px; text-indent:-9999px; background:url(/template/image/ex/main_icon.png); background-position:0 13px; position:absolute; top:100px; left:90px;}
.page_main .main_inner {padding-top:70px; margin-left:90px; height:100%; overflow:hidden;}
.page_main .slider_wrap {width:100%; height:100%;}
.page_main .slider_wrap ul {width:99999999px; position:relative; left:0;}
.page_main .slider_wrap li.cover::before {content:""; width:100%; height:100%;  background:rgba(255,255,255,0.7); position:absolute; top:0; left:0; z-index:80;}
.page_main .slider_wrap li {width:824px; overflow:hidden; margin:10px 60px 0 10px; float:left; position:relative;}
.page_main .slider_wrap li:hover {margin:0 70px 10px 0; box-shadow:20px 20px 20px 5px rgba(0,0,0,0.1); transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -ms-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    -webkit-transition: 0.5s ease-out;}
.page_main .slider_wrap li a {width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.page_main .slider_wrap li .img_wrap {width:100%; height:0; padding-bottom:61.17%; display:block;}
.page_main .slider_wrap li img{width:100%; max-width:100%; transform:scale3d(1, 1, 1) rotate(0deg); transition:transform 2s ease-out;}
.page_main .slider_wrap li:hover img{transform:scale3d(1.1, 1.1, 1.1) rotate(0deg);}


.page_main .slider_wrap li .title {font-size:22px; color:#fff; position:absolute; bottom:40px; left:50px;}
.page_main .slider_wrap li .btn_share{width:50px; height:50px; background:url(/template/image/ex/icons.png) no-repeat -150px 0; font-size:0; position:absolute; top:20px; right:20px;}

.page_main .slider_wrap li .share_box{}
.page_main .slider_wrap li .share_box .sns_list{display:none;}
.page_main .slider_wrap li .share_box:hover {width:100%; height:100%; padding-top: 27%; text-align:center; background:rgba(0,0,0,.5); position:absolute; top:0; left:0;}
.page_main .slider_wrap li .share_box:hover .sns_list{display:block;}

.page_main .slider_wrap .page_btn {height:40px; margin-top:80px; margin-right:60px; position:relative;}
.page_main .page_btn .slider_control {width:100%; height:100%; position:absolute; top:-14px; left:0;}

.page_main .slider_control button {height:100%; font-size:15px; position:relative;}
.page_main .slider_control .prev {padding-left:25px; float:left; text-align:right;}
.page_main .slider_control .next {padding-right:25px; float:right;}
.page_main .slider_control .off {color:#cacaca;}
.page_main .slider_control button::before {content :""; width:16px; height:32px; background:url(/template/image/ex/main_icon.png); position:absolute; top:7px; left:0;}
.page_main .slider_control .prev::before {background-position:-50px -50px; left:0;}
.page_main .slider_control .next::before {background-position:-100px -50px; left:38px;}

.page_main .slider_control .prev.off::before {background-position:-50px 0px; left:0;}
.page_main .slider_control .next.off::before {background-position:-100px 0; left:38px;}

.page_main .page_btn .slider_num {text-align:center;}
.page_main .page_btn .slider_num span {font-size:15px;}
.page_main .page_btn .slider_num .now {margin-right:45px; color:#ca2c2c; position:relative;}
.page_main .page_btn .slider_num .now::before {content:""; width:50px; height:50px; background:url(/template/image/ex/main_icon.png); background-position:0 -50px; position:absolute; top:-10px; left:27px;}
.page_main .page_btn .slider_num .all {}
@media (max-width:960px){
    .page_main .latest_project .main_title {padding-left:90px; font-size:50px;}
}

/**/
.top_title{width:100%;height:180px;padding:70px 60px 0;background-color:#f1f2f2;position: fixed;z-index: 99;top: 0;}
.page_work .top_title {position:fixed; z-index:99;}
.top_title h1{font-size:40px;font-weight:100;font-weight: bold;word-break: keep-all;}
.page_work .group button {position:fixed;}
/* sub work page */
.list_wrap{width:100%;min-height: 700px;}
.list_wrap li{overflow:hidden;position:relative;float:left;width:50%;}
.list_wrap li:hover{}

/*.list_wrap li img{width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}*/
.list_wrap li img{width:100%;transition: transform 1s ease-out;  -moz-transition: transform 1s ease-out;  -ms-transition: transform 1s ease-out;  -o-transition: transform 1s ease-out;  -webkit-transition: transform  1s ease-out;}
/*
.list_wrap li:hover img{-webkit-transform:scale(1.1);
     -moz-transform:scale(1.1);
     -o-transform:scale(1.1);
     -ms-transform:scale(1.1);
     transform:scale(1.1);
     -webkit-transition-property: -webkit-transform, -moz-transform, -o-transform, -ms-transform, transform;
     -webkit-transition-duration:1s;
     -webkit-transition-timing-function: cubic-bezier(0,0,.2,1);
     transition-property: -webkit-transform, -moz-transform, -o-transform, -ms-transform, transform;
     transition-duration:1s;
     transition-timing-function: cubic-bezier(0,0,.2,1);}
*/
.list_wrap li:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.list_wrap li a{display:block;width:100%;height:100%;
-webkit-transform:scale(1);
     -moz-transform:scale(1);
     -o-transform:scale(1);
     -ms-transform:scale(1);
     transform:scale(1);
     -webkit-transition-property: -webkit-transform, -moz-transform, -o-transform, -ms-transform, transform;
     -webkit-transition-duration:1s;
     -webkit-transition-timing-function: cubic-bezier(0,0,.2,1);
     transition-property: -webkit-transform, -moz-transform, -o-transform, -ms-transform, transform;
     transition-duration:1s;
     transition-timing-function: cubic-bezier(0,0,.2,1);
	 
	 }
.list_wrap li a:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

.list_wrap li .title{position:absolute;left:0px;bottom:40px;font-size:22px;color:#fff;font-weight: 500;width: 100%;padding: 0 40px;text-align: center;}
.list_wrap li .btn_share{position:absolute;right:20px;top:20px;width:50px;height:50px;background:url(/template/image/icon/share_icon.png) no-repeat; font-size:0;background-position: center;}
.list_wrap li .share_box .sns_list{display:none;}
.list_wrap li .share_box:hover{position:absolute;left:0;top:0;text-align:center;width:100%;height:100%;padding-top:22%;background:rgba(0,0,0,.5);}
.list_wrap li .share_box:hover .sns_list{display:block;}

/**/
.more_wrap{margin:90px 0;text-align:center;}
.more_wrap button{display:inline-block;width:80px;height:80px;background:url(/template/image/ex/icons_more.png) no-repeat center;font-size:0;}


/* sns list */
.sns_list button{width:50px;height:50px;margin:0 10px;background:url(/template/image/ex/icons.png) no-repeat;font-size:0;opacity:.7;}
.sns_list button:hover{opacity:1;}
.sns_list .fb{background-position:0 -50px;cursor: pointer;}
.sns_list .tw{background-position:-50px -50px;}
.sns_list .gg{background-position:-100px -50px;}

.layeropen{overflow:hidden;}

.work_detail{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;z-index:100;}
.work_detail.active{display:block;}
.work_detail .btn_layer_close{position:absolute;top:45px;right:45px;width:50px;height:50px;font-size:0;background:url(/template/image/ex/icons.png) no-repeat -250px 0;z-index:101;}

.work_detail .slider{}
.work_detail .slider .swipe_inner,
.work_detail .slider ul,
.work_detail .slider li{width:100%;height:100%;}
.work_detail .slider li{position:absolute;opacity:0;}
.work_detail .slider li{opacity:0;transition:opacity 1s ease-in;}
.work_detail .slider li.current{opacity:1;z-index:3;}
.work_detail .slider .content{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;vertical-align:middle;text-align:center;}


.work_detail .slider .content img{display:inline-block;max-width:100%;max-height:100%;width:auto !important;height:auto !important;vertical-align:middle; position:fixed; top:0; right:0; bottom:0; left:0; margin:auto; overflow:auto; min-height: 100%; min-width:100%;}



.work_detail .slider .desc{}
.work_detail .slider .desc .title{position:absolute;left:0;bottom:120px;width:100%;padding:0 60px;font-size:45px;color:#fff;}
.work_detail .slider .desc .sns_list{position:absolute;left:50px;bottom:60px;}
.work_detail .slider .desc .sns_list button{margin-left:0;}

.work_detail .slider .btn_group button{position:absolute;top:50%;margin-top:-50px;width:50px;height:100px;font-size:0;z-index:101;}
.work_detail .slider .btn_group .btn_prev{left:60px;}
.work_detail .slider .btn_group .btn_next{right:60px;}
.work_detail .slider .btn_group button:after{content:"";position:absolute;left:50%;top:50%;margin:-41px 0 0 -20px;width:40px;height:82px;background:url(/template/image/ex/icons.png) no-repeat;}
.work_detail .slider .btn_group .btn_prev:after{background-position:0 -150px;}
.work_detail .slider .btn_group .btn_next:after{background-position:-50px -150px;}
.work_detail .slider .btn_group .btn_prev:hover:after{background-position:-100px -150px;}
.work_detail .slider .btn_group .btn_next:hover:after{background-position:-150px -150px;}

.work_detail .sns_list button{width:35px;height:35px;margin:0 10px;background:url(/template/image/ex/icons.png) no-repeat;font-size:0;opacity:.7; background-size: 200px auto;}
.work_detail .sns_list .fb {background-position:3px -31px;}
.work_detail .sns_list .tw {background-position:-31px -31px;}
.work_detail .sns_list .gg {background-position:-65px -31px;}

/* #container */
.page_sub{position:relative;padding-right:450px;}
.page_sub #gnb{position:absolute;right:0;top:0;width:450px;}
.page_sub #container{width:100%;/*height:100%;*/padding:120px 0 150px 140px;background-color:#f6f6f6;}

/* #container popup*/
.page_pop{position:relative;}
.page_pop #container_pop{width:100%;padding:20px 20px 10px 20px;background-color:#f6f6f6;}
#container_pop .pop_title {color:#ca2c2c}

@media (max-width:1600px) {
	.page_sub{padding-right:380px;}
	.page_sub #gnb{width:380px;padding:60px 30px 0 60px;}
}
@media (max-width:1400px) {
	.page_sub{padding-right:300px;}
	.page_sub #gnb{width:300px;padding:60px 20px 0 40px;}
}
/*
@media (max-width:1920px) {

.work_detail .slider .content img{width:100%; height:auto;}
}
*/
.route{font-size:20px;line-height:2.2;}
.main_title{font-size:50px;line-height:1.2;}
@media (max-width:1280px) {
.page_sub .main_title {padding-right:70px;}
}
@media (max-width:960px) {
.page_sub .main_title {padding-right:30px;}
}


/* ::::::::::::::::::::: */
legend {font-size:0;}
caption {font-size:0;}
.page_sub {font-size:15px;}
.page_sub {word-break:keep-all;}
.page_sub img {max-width:100%;}
.page_sub .red_star {color:#ca2c2c;}
.block {display:block;}
.dash {padding-left:13px; position:relative;}
.dash::before {content:"- "; display:block; position:absolute; top:0; left:0;}

@media (max-width:1280px){
    .page_sub #container {padding:120px 0 150px 70px;}
}
@media (max-width:960px){
    .page_sub #container {padding:120px 0 150px 30px;}
}
/* table_wrap */
.table_wrap table {/*max-width:820px; */border:1px solid #ddd;}
.table_wrap table th {width:200px; padding-left:20px; text-align:left; font-size:15px; font-weight:bold; border-bottom:1px solid #ddd; background:#f6f6f6;}
.table_wrap table td {border:1px solid #ddd;}
.table_wrap table td.text_field {height:200px; background:#fff;}

.table_wrap .alert {margin-top:26px; font-size:15px; display:block;}
.table_wrap table input {width:100%; height:100%; padding:16px 10px; border:none;}
.table_wrap table .text_area {width:100%; height:100%; padding:15px; margin-top:5px; border:none;}
.table_wrap .btn_wrap {margin-top:37px;}
.table_wrap .btn_wrap .btn_list {width:200px; height:50px; font-size:15px; color:#fff; background:#ca2c2c;}

@media (max-width:1310px){
    .contact_request .request_inner {padding-right:30px;}
    .contact_after .after_inner {padding-right:30px;}
}
@media (max-width:960px){
    .table_wrap table.content_table,
    .table_wrap table.content_table tbody,
    .table_wrap table.content_table tr,
    .table_wrap table.content_table th,
    .table_wrap table.content_table td,
    .table_wrap table.content_table .text {width:100%; display:block; float:left;}  
    .table_wrap table.content_table th {height:50px; line-height:50px; border:none;}
    .table_wrap table.content_table td {border:none; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
    .table_wrap .btn_wrap {width:48.1927%; margin-top:37px; text-align:center;}
    .table_wrap table .text_area {width:100%; height:100%; padding:15px; margin-top:1px;}
}
/* ::::::::::::::::::::: */
/* about_ceo */
.about_ceo #container {padding:0 0 0 134px;}
.about_ceo .block {display:block;}
.about_ceo .top_area {position:absolute; top:120px; left:140px;}
.about_ceo .top_area .main_title .block {display:none;}
.about_ceo .text_wrap {width:50%; padding-top:255px; padding-right:85px; padding-bottom:20px; float:left;}
.about_ceo .text_wrap h1 {margin-bottom:34px;}
.about_ceo .text_wrap .sub_title {line-height:1.2em; font-size:40px; color:#ca2c2c;}
.about_ceo .text_wrap .text_box {margin-top:26px; float:left;}
.about_ceo .text_wrap .text_box p {line-height:1.7; font-size:17px;}
.about_ceo .text_wrap .text_box .bottom_text {padding-right:33px; margin-top:40px;}
.about_ceo .text_wrap .text_box .bottom_text p {line-height:1.9;}
.about_ceo .text_wrap .text_box .center {margin-top:45px;}
.about_ceo .text_wrap .text_box .sign {padding-right:33px; margin-top:20px; float:right;}

.about_ceo .img_wrap {width:50%; float:right; margin-top:176px;}
.about_ceo .img_wrap .tablet_img {display:none;}
@media (max-width:1792px){
.about_ceo .block {display:none;}
}
@media (max-width:1280px){
    .about_ceo #container {padding:0 0 0 70px;}
    .about_ceo .top_area {left:70px;}
    .about_ceo .text_wrap {padding-right:4%}
}
@media (max-width:1210px){
    .about_ceo .top_area .main_title .block {display:block;}
    .about_ceo .text_wrap {padding-top:315px;}
}
@media (max-width:1100px){
    .about_ceo #container {padding:0;}
    .about_ceo .top_area {padding:0 70px; padding-top:120px; position:static;}
    .about_ceo .top_area .main_title .block {display:none;}
    .about_ceo .img_wrap {width:100%; padding-top:35px; margin-top:0; float:none;}
    .about_ceo .img_wrap .desktop_img {display:none;}
    .about_ceo .img_wrap .tablet_img {display:block;}
    .about_ceo .text_wrap {width:100%; padding:35px 70px 20px; padding-right:70px; float:none;}
    
}  
@media (max-width:960px){
    .about_ceo #container {padding:0;}
    .about_ceo .top_area {padding:0 30px; padding-top: 120px;}
    .about_ceo .text_wrap {padding:35px 30px 20px; padding-right:30px;}
}   
    
/* about_overview */
.about_overview .overview_inner {padding-right:30px;}
.about_overview .overview_inner .sub_title {margin-top:35px;}
.about_overview .overview_inner .sub_title li {padding-left:8px; position:relative;}
.about_overview .overview_inner .sub_title li::before {content:""; width: 2px; height:2px; background:url(/template/image/ex/icon.png); background-position:0 -20px; position:absolute; top:10px; left:0;}
.about_overview .overview_inner .overview {min-width:330px; margin-top:43px;}
.about_overview .overview_inner .overview li {width:150px; height:150px; margin-right:30px; float:left; border-radius:50%; background:#fff; }
.about_overview .overview_inner .overview {margin-top:45px;}
.about_overview .overview_inner dl {margin-top:50px;}
.about_overview .overview_inner dt {margin-bottom:20px; float:left;}
.about_overview .overview_inner dd {padding-left:260px; margin-bottom:20px;}
@media (max-width:1280px){
    .about_overview .overview_inner dd {padding-left:33%;}
}
@media (max-width:960px){
    .about_overview .overview_inner dt {margin-bottom:5px; float:none;}
    .about_overview .overview_inner dd {padding-left:0;}
}
/* about_history */
.about_history {}
.about_history .history_inner {margin-top:79px;}
.about_history .history_inner div {width:50%; float:left;}
.about_history .bottom {padding-top:275px;} 
.about_history .history_inner .history_list {margin-top:55px;}
.about_history .history_content .since {font-size:28px; font-weight:bold; color:#ca2c2c; position:relative;}
.about_history .history_content .since::before {content:""; width:65%; max-width:300px; height:2px; background:#ca2c2c; position:absolute; top:20px; left:100px;}
.about_history .history_list li {margin-bottom:50px; position:relative;}
.about_history .history_list .date {font-size:23px; position:absolute; top:-4px; left:0;}
.about_history .history_list .work {padding-left:130px; font-size:15px; display:inline-block;}

@media (max-width:1723px){
    .about_history .history_inner div {width:100%; float:none;}
    .about_history .bottom {padding-top:0;} 
}
@media (max-width:960px){
    .about_history .history_inner {padding-right:30px;}
}
@media (max-width:720px){
    .about_history .history_inner .history_list {margin-top:25px;}
    .about_history .history_list li {margin-bottom:31px;}
    .about_history .history_list .work {padding-top:40px; padding-left:0;}
}

/* about_organ */
.about_organ #container {height:100%;min-height:990px;}
.about_organ .organ_inner {padding-right:140px; margin-top:80px;}

@media (max-width:1280px){
    .about_organ #container {padding:120px 0 150px 70px;}
    .about_organ .organ_inner {padding-right:70px;}
}
@media (max-width:960px){
    .about_organ #container {padding:120px 0 150px 30px;}
    .about_organ .organ_inner {padding-right:30px;}
}
/* explore_vison */
.explore_vison {}
.explore_vison .vison_inner {padding-right:137px; margin-top:32px;}
.explore_vison .vison_center {max-width:1190px; padding-top:100px; padding-bottom:110px;  margin-bottom:10px; background:#e7e7e7;}
.explore_vison .vison_center p {width:50%; float:left;}
.explore_vison .vison_center .left {padding: 0 15px; text-align:center; font-size:28px;}
.explore_vison .vison_center .right {padding-left:78px; padding-right:102px; font-size:18px;}
.explore_vison .vison_bottom {max-width:1190px; overflow:hidden; margin-top:45px; margin-right:-1%;}
.explore_vison .vison_bottom li {width:32.333%; padding-left:50px; margin-right:1%; float:left; font-size:23px;}
.explore_vison .vison_bottom span {margin-bottom:10px; display:block;}
@media (max-width:1280px){
    .explore_vison .vison_inner {padding-right:70px;}
    .explore_vison .vison_center p {width:100%; padding:0 30px; float:none;}
    .explore_vison .vison_center .left {padding:0; padding:0 30px;}
    .explore_vison .vison_center .right {padding:0; padding:0 30px; margin-top:50px; text-align:center;}
    .explore_vison .vison_bottom li {width:100%; padding-left:0; margin-bottom:10px; text-align: center; float:none;}
    .explore_vison .vison_bottom span {margin-bottom:0;}
}
@media (max-width:960px){
    .explore_vison .vison_inner {padding-right:30px;}
}
@media (max-width:720px){
    .explore_vison .vison_center {padding-top:60px; padding-bottom:70px;}
}

/* explore_service */



/* pagenation */
.page_sub .pagenation {margin-top:40px; text-align:center;}
.page_sub .pagenation ul {display:inline-block;}
.page_sub .pagenation li {width:20px; height:20px; margin:9px; float:left;}
.page_sub .pagenation .prev {margin-right:20px;}
.page_sub .pagenation .next {margin-left:20px;}
.page_sub .pagenation .arrow a {background:url(/template/image/ex/icon.png);}
.page_sub .pagenation .prev a {background-position:-40px 0;}
.page_sub .pagenation .next a {background-position:-20px -0;}
.page_sub .pagenation a {width:100%; height:100%; line-height:20px; text-align:center; font-size:18px; color:#000; display:block;}
.page_sub .pagenation .current a {color:#ca2c2c;}

@media (max-width:1080px) {
    .page_sub .pagenation li {margin:5px}
    .page_sub .pagenation .prev {margin-right:10px;}
    .page_sub .pagenation .next {margin-left:10px;}
}

/* explore_news */
.explore_news {}
.explore_news .news_inner {padding-right:145px}
.explore_news .news_inner table {width:100%; margin-top:70px; border-top:1px solid #dcddde;}
.explore_news table col:first-child {width:70px;}
.explore_news table col:nth-child(2) {width:200px;}
.explore_news table col:nth-child(3) {width:auto;}
.explore_news table td {height:160px; padding:29px 0; border-bottom:1px solid #dcddde;}
.explore_news table .img img {max-width:150px;}
.explore_news table .text a {width:90%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#000; display:block;}
.explore_news table .text:hover .file {display:block;}
.explore_news table .text span {font-size:15px; display:block;}

.explore_news table .text .title {margin-bottom:20px; display:inline-block; position:relative;}
.explore_news table .text .file {width:15px; height:15px; text-indent: -9999px; background:url(/template/image/ex/icon.png); position:absolute; top:2px; right:-15%; display:none;}

@media (max-width:1080px) {
    .explore_news .news_inner {padding-right:70px}
}
@media (max-width:806px) {
    .explore_news .news_inner {padding-right:30px;}
    .explore_news .news_inner table,
    .explore_news .news_inner table tbody,
    .explore_news .news_inner table tr,
    .explore_news .news_inner table .img,
    .explore_news .news_inner table .text {display:block; float:left;}        
    .explore_news .news_inner table tr {text-align:center; position:relative;}
    .explore_news table td {padding:30px 0 0 0; border-bottom:none;}
    .explore_news table .num{position:absolute; top:95px; left:2%;}
    .explore_news table .text {padding:10px 0 36px 0; border-bottom:1px solid #dcddde;}
}

/* contact_sinmungo */
.contact_sinmungo {}
.contact_sinmungo .sinmungo_inner {margin-top:55px; margin-bottom:233px;}
/* .contact_sinmungo p {line-height:1.8; font-size:15px;} */
.contact_sinmungo .title {margin-top:20px; margin-bottom:5px; font-size:18px; font-weight:bold;}
.contact_sinmungo a {color:#ca2c2c;}
@media (max-width:1280px) {
.contact_sinmungo .sinmungo_inner {padding-right:70px;}
}

@media (max-width:960px) {
.contact_sinmungo .sinmungo_inner {padding-right:30px;}
}

/* contact_request */
.contact_request {}
.contact_request .request_inner {margin-top:40px;}
/*.table_wrap .btn_wrap .btn_list*/
@media (max-width:1280px) {
    .contact_request .request_inner {padding-right:70px;}
}
@media (max-width:960px) {
    .contact_request .request_inner {padding-right:30px;}
}








     



.main_visual li .title p{font-family:'Noto Sans KR', sans-serif;}
.container{width: 1200px;margin: auto;min-height: 900px;padding: 80px 0;height: 100%;box-sizing:border-box;}
.container h3{font-family: 'Noto Sans KR', sans-serif;}
#ceo {text-align: left;color: #000;padding-bottom: 200px;}
#ceo h3 {font-size:25px;font-weight: bold;padding-bottom: 30px;}
#ceo p.con{font-size:18px;padding-bottom: 5px;}
#ceo li:first-child{padding-bottom: 130px;}
#ceo .ceo_sign {padding-top:200px;}
#ceo .ceo_sign img{width: 120px;}
#ceo .ceo_sign p{display: inline-block;position: relative;}
#ceo .ceo_sign p .txt01 {font-weight: bold;}
#ceo .ceo_sign p .txt02 {font-weight: bold;font-weight: 800;font-size:25px;padding-left: 26px;}
#ceo .ceo_sign p img{position: absolute;bottom: -14px;right: -132px;}


#history{text-align: center;color: #444;}
#history img{width: 100%;}
#history h3{font-size: 25px;font-weight: bold;padding-bottom: 30px;}
.timeline-wrap {margin:0 auto;}
.timeline-wrap .container {padding-bottom:1em; position:relative; overflow:auto;}
.timeline-wrap .img {width:1400px; margin-bottom:20px;}
.timeline-wrap .img img {display:block; margin:0 auto;}
.timeline {position:relative;}
.timeline:after {content:""; position:absolute; top:41px; left:0; width:100%; height:1px; background:#dfdfdf; z-index:1;}
.timeline ul {*zoom:1; padding:0 59px;}
.timeline ul:after {content:""; display:block; clear:both;}
.timeline ul li {float:left; position:relative; width:11.11111111%;}
.timeline ul li:after {content:""; position:absolute; top:37px; left:50%; margin-left:-5px; width:10px; height:10px; border-radius:5px; background:#5692cc;z-index: 2;}
.timeline ul li .year {margin-bottom:24px; text-align:center; color:#002e93; font-weight: bold;font-size:16px;line-height:20px;}
.timeline ul li .line {width:1px; height:48px; margin:0 auto; background:#898989; margin-bottom:10px;}
.timeline ul li .cnt {display:inline-block; color:#2c2c2c; font-size:14px;  line-height:20px; letter-spacing:-.01em; white-space:nowrap;}
.timeline ul li .cnt .en {color:#878787;}
.timeline ul li:nth-child(even) .line {height:185px;}
.timeline ul li:nth-child(2),
.timeline ul li:nth-child(4),
.timeline ul li:nth-child(5),
.timeline ul li:nth-child(9) {text-align:right;}
/* .timeline ul li:nth-child(1) .cnt {margin-left:26px;}
.timeline ul li:nth-child(2) .cnt {margin-left:26px;}
.timeline ul li:nth-child(3) .cnt {margin-left:15px;}
.timeline ul li:nth-child(4) .cnt {margin-left:26px;}
.timeline ul li:nth-child(5) .cnt {margin-right:45px;}
.timeline ul li:nth-child(6) .cnt {margin-left:25px;}
.timeline ul li:nth-child(7) .cnt {margin-left:20px;}
.timeline ul li:nth-child(8) .cnt {margin-left:16px;}
.timeline ul li:nth-child(9) .cnt {margin-left:20px;} */


.news_wrap{ width: 1200px;margin: auto;min-height: 700px;padding: 80px 0;}
.news_wrap#board_list table th{font-weight: normal;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.news_wrap .boardno0{font-size:14px;}
.news_wrap#board_list .b_search .input_t{height: 34px;}
.news_wrap#board_list .b_search .ibtns{padding: 5px 14px 6px 14px;}

#organization {text-align: center;padding: 0 0 100px;}
#organization img{width: 100%;}

/*paging*/
.paging {padding:30px; text-align:center;}
.paging li {display:inline;}
.paging li a {display:inline-block; width:30px !important;height: 30px;line-height: 30px; padding:2px 2px; background:#fff; font-size:14px; color:#777;}
.paging li a.over {background:#000; font-size:14px; color:#fff;}
.paging li a.p_prev {width:10px; margin:0 10px 0 4px; border:1px solid #5f5f5f; font-size:10px;}
.paging li a.p_prev:hover {background:#000; color:#fff;}
.paging li a.p_next {width:10px; margin:0 4px 0 10px; border:1px solid #5f5f5f; font-size:10px;}
.paging li a.p_next:hover {background:#000; color:#fff;}
.paging li a.p_nextpage {width:12px;  border:1px solid #5f5f5f; font-size:10px;}
.paging li a.p_nextpage:hover {background:#000; color:#fff;}
.paging li a.p_prevpage {width:12px; border:1px solid #5f5f5f; font-size:10px;}
.paging li a.p_prevpage:hover {background:#000; color:#fff;}
@media (max-width: 1670px){

.container{width: 100%;padding: 80px 10px;}
.navopen2 #gnb.fixed {width: 330px;}
#gnb.fixed .wrapper{padding: 40px;}
#gnb .btn_gnb_close{ top: 31px;right: 5px;}
.top_title h1{font-size:35px;}

}
@media (max-width: 1400px){
	#organization {padding: 50px 0 100px;}
}
@media (max-width: 1300px){
	.navopen2 #gnb.fixed{width: 0;}
	.navopen2 #gnb.fixed.on{width: 330px;}
	.navopen2 #gnb.fixed .btn_gnb_close{display: block;}
	/*common*/
	.top_title h1{font-size:25px;}
	.container{padding: 40px 10px;min-height: 500px;}
	#gnb .btn_gnb_close{}
	/*ceo*/
	#ceo h3{font-size:20px}
	#ceo p.con{font-size:16px;}
	/*organi*/

	/*history*/
	.timeline ul li{float:none;width: 100%;text-align:left;position: relative;}
	.timeline ul li .year{text-align: left;position: absolute;top: -6px;left: 28px;}
	.timeline ul li .line{margin: 0;height: 100px;}
	.timeline ul li:nth-child(even) .line{height: 100px;}
	.timeline ul li:after{left: 0;top: 0;}
	.timeline ul li .cnt{ position: absolute;top: 24px;left: 0;margin-left: 28px;}
	.timeline ul li:nth-child(5) .cnt{margin-right: 0;}
	.timeline:after{display: none;}

	

}
@media (max-width: 760px){
	.pc_vis{display: none;}
	.m_vis{display: block;}
	#gnb h1{padding:0;}
	#gnb .logo {width: 150px;height: 25px;background: url('/image/logo/logo02.png') no-repeat;background-size:100%;}
	#gnb .localnav > ul > li > a {font-size:25px}
	#gnb .localnav > ul > li ul li a{font-size:16px;}
	.top_title h1 {font-size:20px;padding-right:30px;}
	.top_title{padding: 30px 20px 30px;height: auto;}
	.icons:after{ background: url(/template/image/icon/sub_nav.png) no-repeat;background-position: center center;background-size: 22px;}
	#wrapper{padding-top: 88px;}
	.main_visual li .title p{font-size:40px}
	.group button{top: 20px;}
	#gnb .localnav{margin-top: 50px;}
	.navopen #gnb.fixed{width: 100%;}
	.navopen2 #gnb.fixed.on{width: 100%;}
	#gnb.fixed .wrapper{padding:30px;}
	#gnb .logo img{width: 150px;}
	#gnb .btn_gnb_close{top: 20px;right: 20px;}
	#footer{height: auto;padding: 20px 20px;}
	#footer p{padding-top: 0;text-align: center;float:none;font-size:12px;}

	/*project*/
	.list_wrap li{width: 100%;}
	.list_wrap li .title{left: 0px;bottom: 30px;}
	#organization{padding: 40px 10px;}
	#organization img{padding-top: 80px;}
	.list_wrap li .btn_share{top:0px;right:0px;background-size:15px;display: none;}
	.paging li a.over{line-height: 23px;}
	/*ceo*/
	#ceo{padding-bottom:100px;}
	#ceo li:first-child{padding-bottom: 80px;}
	#ceo h3{font-size:16px;padding-bottom: 15px;}
	#ceo p.con{font-size:14px;}
	#ceo .ceo_sign{padding-top: 120px;}
	#ceo .ceo_sign p .txt01{font-size:14px;}
	#ceo .ceo_sign p .txt02{font-size:18px;padding-left: 13px;}
	
	/*organization*/
	#organization {text-align: center;}
	/* #organization h4 {width: 200px;height: 200px;border:1px solid #8a8a8a;border-radius:50%;margin: auto;background: url(/image/logo/logo02.png) no-repeat;background-position: center;background-size:149px;text-indent: -9999px;}
	#organization  ul.orga_list > li{width: 100%;padding-bottom:30px;}
	#organization  ul.orga_list .cir_tit{display: block;width: 150px;height: 150px;border-radius:50%;border:1px dashed #8a8a8a;display: table;margin: 30px auto 10px;}
	#organization  ul.orga_list .cir_tit .inner{display: table-cell;vertical-align: middle;}
	#organization  ul.orga_list .cir_tit .inner h5{font-size:16px;font-weight: bold;}
	#organization  .txt_wrap p{font-size:16px;padding-bottom: 10px;}
	#organization  .txt_wrap li{font-size:14px;color: #a0a0a0;} */
#organization .timeline ul{padding:0 20px;}
#organization .timeline ul li:after{background: #5592cc;}
#organization .timeline ul li .line{height: 230px;background: #898989;}
#organization .timeline ul li:last-child .line{height: 180px;}
#organization .timeline ul li .year{color: #2c2c2c;}
#organization .timeline ul li .cnt{color: #b7b7b7;top: 49px;text-align: left;}
#organization .timeline ul li .cnt .info{display: block;color: #2c2c2c;}
	
	

}