@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

*{margin:0; padding:0}
html{width:100%; height:100%; }
body{width:100%;  font-size:13px; /*font-family:'NanumSquareR',sans-serif;*/ font-family: 'Noto Sans KR', sans-serif; color:#444; margin:0 auto; background:#fff;  }
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-weight:700;  }
ul,ol,li{list-style:none;  }
img, fieldset{border:none; vertical-align:top;}
b { font-weight:700;  }  

legend, caption{position:absolute; left:-2000%;}
textarea, button{vertical-align:middle;}
input, select{ vertical-align:middle; background:#fff; border:1px solid #ccc; color:#333; padding:3px; font-size:13px;  }
textarea{ }

.checkbox{padding:0; border:0;}
.disNone{display:none;}

a{color: #555; text-decoration:none;}
a:hover, a:active, a:focus{color:#000; text-decoration:none;}
table {border-collapse:collapse}

strong{ font-weight:600; color:#444}
option{padding: 2px 5px; }

.port_box { margin:0 auto; width:262px; }

/*
.item01, .item03 { width:262px;height:263px; }
.item02, .item04 { width:262px;height:435px;  }
.item06, .item08 { width:262px;height:189px;  }
.item05, .item07 { width:262px;height:361px;  }
*/



/*4단 메인배너_모바일용*/
.mb_banner_mob { float:left; width:100%; margin:0 0 50px 0; }
.mb_banner_mob ul {  }
.mb_banner_mob ul li { float:left; width:49%; padding:1px; }
.mb_banner_mob ul li img { width:100%; }





@media only screen and (min-width:1px) and (max-width:540px) {

.mb_banner_web { display:none; }
.mb_banner_mob { display:block; }

/*모바일 메뉴 */
.mob_header{ float:left; position:fixed; top:0; left:0; width:100%; padding:10px 0; z-index:9999; background:#fff; border-bottom:1px solid #ccc;}
.mob_header h1{ width:30%; float:left; margin-left:20px; }
.mob_header .btn_gnb{position:absolute; top:0px; right:0px; display:block; width:40px; height:40px; padding:5px 20px 0 0;}

.gnb{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; 
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(99%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.gnb .inner{position:fixed; overflow-y:scroll; right:-50%; width:70%; height:100%; padding-bottom:200px; z-index:9999; background:#222;}
.gnb .home { margin:15px 0 0 30px; }
.gnb .mob_menu { }
.gnb .depth01 { margin:20px 0 0 30px;  }
.gnb .depth01 dd a{display:block; width:100%; padding:10px 0; text-indent:10px; font-size:20px; color:#fff;}

.gnb .depth02{width:100%;}
.gnb .depth02 dd { padding-left:10px;  }
.gnb .depth02 dd a{ font-size:14px;  }
.gnb .depth03{width:100%; background:#757575}
.gnb .depth03 > dd > a{border-bottom:1px solid #555;}

.gnb .depth02,
.gnb .depth03{display:none;}

.mobmenu_sns { width:100%; margin:30px 0 0 30px;  }
.mobmenu_sns ul li { float:left; border:1px solid #777; padding:10px 13px; margin:0 0 0 10px; border-radius:50%;  }
.mobmenu_sns ul li a {   }

.mobmenu_copy { float:left; width:100%;  }
.mobmenu_copy ul { margin:20px 30px 0 40px;  }
.mobmenu_copy ul li { font-size:12px; color:#e8e8e8; line-height:20px;  }

/*퀵 메뉴 */
.quick_menu{ display:none;}
.quick_menu a{color:#fff;display:block; height:100%;width:100%;}
.quick_menu li{margin-top:5px;font-size:0;}
.quick_menu .menu1{width:75px;height:87px; background: url("/images/quick_main_menu_01.png");}
.quick_menu .menu2{width:75px;height:87px; background: url("/images/quick_main_menu_02.png");}
.quick_menu .menu3{width:75px;height:87px; background: url("/images/quick_main_menu_03.png");}
.quick_menu .menu4{width:75px;height:87px; background: url("/images/quick_main_menu_04.png");}


.quick_menu .menu1:hover{width:75px;height:87px; background: url("/images/quick_main_menu_01_on.png");}
.quick_menu .menu2:hover{width:75px;height:87px; background: url("/images/quick_main_menu_02_on.png");}
.quick_menu .menu3:hover{width:75px;height:87px; background: url("/images/quick_main_menu_03_on.png");}
.quick_menu .menu4:hover{width:75px;height:87px; background: url("/images/quick_main_menu_04_on.png");}


.quick_menu .menu1.quickon{width:75px;height:87px; background:#000;}
.quick_menu .menu2.quickon{width:75px;height:87px; background:#000;}
.quick_menu .menu3.quickon{width:75px;height:87px; background:#000;}
.quick_menu .menu4.quickon{width:75px;height:87px; background:#000;}


#section1 {float:left;  width:100%; height:100%;  z-index:1; }
#section2 {float:left;  width:100%; height:100%; background:#fff; z-index:1; }
#section3 { float:left; width:100%; height:100%; z-index:1; background:#ff9000; }
#section3_2 { float:left; width:100%; height:100%; z-index:1; background:#fff; }
#section3_3 { float:left; width:100%; height:100%; z-index:1; background:#5d8be0; }
#section3_4 { float:left; width:100%; height:100%; z-index:1; background:#fff; }
#section4 {float:left;  width:100%; height:100%; background:#333; z-index:1; }





/*웹 메뉴 */
.top_wrap { display:none; }
.top { width:100%; margin:0 auto; margin-top:0px;  }
.logo {float:left; width:178px;} 
.menu {float:right; margin-top:30px; }
.menu ul { }
.menu ul li {float:left; margin-left:30px; font-size:15px; }
.menu ul li a{color: #555; text-decoration:none;}
.menu ul li a:hover, a:active, a:focus{color:#000; text-decoration:none;}



/*메인 서비스 */
.sevice_wrap {width:96%; margin:0 auto;   }
.sevice_title { width:100%; margin:0 auto;  text-align:center;  margin-top:20px;  }
.sevice_title img {width:50px; }
.sevice_title h2 {font-size:25px; margin-top:10px;}
.sevice_title h4 {font-size:15px; font-weight:200; } 
.service_point {font-weight:700; font-size:15px;}

.service_contents_new {width:100%; margin:0 auto; } 
.service_contents {width:100%; margin:0 auto; } 
.service_contents ul { width:100%; margin:0 auto; margin-top:20px; }
.service_contents ul li { float:left; margin-right:10px; width:20%; margin-bottom:30px; }
.service_contents ul li img {width:100%; }

/*메인포트폴리오 */
.portfolio_wrap {width:96%; margin:0 auto;   }
.portfolio_title { width:100%; margin:0 auto;  text-align:center;  margin-top:20px;  }
.portfolio_title img {width:50px; }
.portfolio_title h2 {font-size:25px; margin-top:10px; color:#fff;}
.portfolio_title h4 {font-size:18px; font-weight:400; color:#fff; font-weight:200; letter-spacing:-1.5px; }
.portfolio_point {font-weight:700; font-size:18px;}

.portfolio {width:100%; margin:0 auto; margin-top:40px;  }
.portfolio_box { float:left; width:100%;   }
.portfolio_box ul { width:100%; float:left;  }  
.portfolio_box ul li { float:left; width:100%; margin-bottom:20px; margin-right:10x; position:relative; overflow:hidden; cursor:pointer; }
.portfolio_box ul li img { width:100%; height:100%; cursor: pointer;}

.portfolio_box ul li a {color:#fff;}
.portfolio_box ul li a:hover, a:active, a:focus{color:#fff; text-decoration:none;}

.portfolio_box ul li:hover .p-mask {
	opacity: 0.8; visibility: visible;
	-webkit-transform: translate3d( 0px, 0px, 0px);
	-moz-transform: translate3d( 0px, 0px, 0px);
	-ms-transform: translate3d( 0px, 0px, 0px);
	-o-transform: translate3d( 0px, 0px, 0px);
	transform: translate3d( 0px, 0px, 0px);
}

.p-mask {   float:left; padding:20px 0; 
	opacity:0; visibility:hidden; background:#000; bottom:0%; position:absolute; padding:0px; width:100%; 
	-webkit-transform: translate3d( 0px, 70%, 0px); 
	-moz-transform: translate3d( 0px, 70%, 0px); 
	-ms-transform: translate3d( 0px, 70%, 0px);
	-o-transform: translate3d( 0px, 70%, 0px);
	transform: translate3d( 0px, 70%, 0px);
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
	text-align: left;
	float:left;
	color:#fff;
}

.p-mask h4 { padding-left:20px; padding-top:10px; font-size:14px;}
.p-mask p { padding-left:20px; font-size:12px; padding-bottom:20px;  padding-top:5px; }

.p-mask_le { float:left; width:180px; }
.p-mask_ri { float:right; width:46px; margin-right:10px; margin-top:10px;  }
.more {margin-top:10px; } 

.main_more {width:100%; margin:0 auto;   text-align:center;  margin-bottom:30px;}
.main_more img { margin-top:0px; width:40%;}

/*뉴 포트폴리오_모바일*/

/*뉴 포트폴리오 끝*/



/*메인공지 */
.company_wrap {width:100%; float:left;  background:#fff;} 
.company_info { width:96%;  margin:0 auto;  }
.mid_logo { display:none;  } 
.main_news {margin:0 auto;  width:100%; margin-top:40px;  }
.main_news h2 { font-size:22px; margin-bottom:10px; }
.main_news ul {}
.main_news ul li {padding-bottom:10px; }
.main_news ul li .news_point { color:#848484; font-size:12px; margin-left:30px; float:right; } 
.main_news ul li a{color: #555; text-decoration:none;}
.main_news ul li a:hover, a:active, a:focus{color:#000; text-decoration:none;}

.brochure {float:left;  width:45%;  margin-top:20px;  margin-left:10px; }
.brochure h2{font-size:18px; }
.brochure p {padding:10px 0; color:#848484;  font-weight:300; font-size:12px;  }
.brochure img {width:100px; margin-bottom:30px;}

.info {float:right;  width:45%; margin-top:20px;  }
.info h2{font-size:18px; }
.info p {padding:10px 0; color:#848484; font-weight:300; font-size:12px;  }
.info  img {width:100px; margin-bottom:30px;}


.contact_wrap {width:100%; float:left;  }
.contact {width:100%; margin:0 auto; }
.map {width:96%;  color:#fff; margin-top:30px; margin:0 auto;  }
.map h2{ font-size:18px; margin-bottom:10px;  margin-top:30px; }
.map p {color:#fff;  }
.map img {width:100%}

.sms {margin-top:50px;  width:100%; float:left; background:#b8c61a;  } 
.sms h2 { text-align:center; margin-top:30px; color:#fff; font-size:20px;  }
.sms h2 img {vertical-align:middle; }
.sms ul { width:96%; margin:0 auto; margin-top:20px; }
.sms ul li { float:left; width:100%; background:#323232; border-radius:5px;  margin-bottom:5px;  }
.sms p { text-align:left; color:#fff; font-size:12px; }

.sms_le {float:left;  color:#fff; padding:15px 0 10px 20px;; font-size:15px;  }
.sms_ri {float:left; padding:10px 0; margin-left:20px; }
.sms_ri  .name {height:20px; background:#323232; color:#fff; border:1px solid #323232;  }

.sms_top {float:left;  color:#fff; padding:15px 0 0px 20px;; font-size:15px; }
.sms_bottom {width:100%; float:left; padding:10px 0 10px 0; margin-left:20px;}
.sms_bottom .message {width:90%; margin:0 auto; background:#323232; color:#fff;  border:1px solid #323232; font-family: 'Noto Sans KR', sans-serif;   }
.sms_ri .auto {background:#666;padding:3px 10px; color:#fff; vertical-align:middle; }
.submit {  width:100%; margin:0 auto;   text-align:center;}
.submit img { margin-top:30px; margin-bottom:30px; }

.footer_wrap {width:100%; height:200px; float:left;  }
.copy { width:100%;float:left;  border-bottom:1px solid #ccc; border-bottom:1px solid #ccc;}
.copy_menu {width:96%; margin:0 auto; }
.copy_menu ul{ width:100%;  }
.copy_menu ul li  { float:left; margin:20px 10px 20px 0; }
.copy2 {width:100%; float:left; } 
.copy_text {width:96%; margin:0 auto;  margin-top:30px;  margin-bottom:40px; line-height:18px; font-size:12px; font-weight:300;} 
.copy_point {font-weight:700; } 
.copy_point2 { font-size:11px; color:#7f7f7f; }

/*서브상단배너*/
.sub_wrap { float:left; width:100%; margin-top:50px; z-index:1; border-bottom:1px solid #ccc; }
.sub_banner { width:100%; float:left; height:200px; background:url('/images/sub_banner_bg.jpg') no-repeat top center; background-color:#000000; }
.banner_title {width:100%; margin:0 auto; text-align:center; color:#fff; margin-top:80px;}
.banner_title .title { font-size:28px; font-weight:700; }

/*서브포트폴리오*/
.sub_port_wrap {width:100%; float:left; }
.sub_port_list { width:100%; margin:0 auto; margin-top:20px}
.sub_port_list h2{text-align:center; font-size:30px; }
.sub_port_list p{text-align:center; font-size:16px;  }
.sub_port {width:100%; margin:0 auto;  border:1px solid #333;  }
.tabcon2{width:98%; text-align:center; overflow:hidden; margin:0 auto; margin-top:20px;}
.tabcon2 li{float:left;width:49%; padding:5px 0 0px 0; background-color:#b8c61a; font-size:14px; border-top:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff; }
.tabcon2 li span{display:inline-block;width:100%;  }
.tabcon2 li span a{display:block; padding:10px 0 10px 0;text-decoration:none; color:#fff;font-weight:bold; font-weight:400; }

.tabcon2 p {float:left; width:98.1%; padding:5px 0 0px 0; background-color:#b8c61a; font-size:14px; border-top:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff; }
.tabcon2 p span{display:inline-block;width:100%;  }
.tabcon2 p span a{display:block; padding:10px 0 10px 0;text-decoration:none; color:#fff;font-weight:bold; font-weight:400; }

.tabcon2 .on{background-color:#353232;}
.tabcon2 .on a{color:#fff;}

.sub_port_more { width:100%; margin:0 auto;margin-top:20px;  text-align:center; margin-bottom:60px; }

/*서브포트폴리오 뷰*/
.portfolio_view_wrap { width:100%; float:left; margin-top:20px; }
.portfolio_view {width:96%; margin:0 auto; }
.portfolio_view .title { font-size:20px; text-align:center;  margin-top:20px; color:#bfcc36;   } 
.portfolio_view .text { font-size:14px; text-align:center; padding-bottom:20px; margin-bottom:40px; border-bottom:1px solid #ccc;   } 
.portfolio_view .view  img { width:70px; float:right; margin:10px 0 40px 0;  }
.portfolio_view img { width:100%; }



/*서브 가현*/ 
.sub_tab_wrap { width:100%; float:left; }
.sub_tab { width:100%; margin:0 auto; margin-top:20px;   }
.sub_tab h2{text-align:center; font-size:30px; }
.sub_tab p{text-align:center; font-size:16px;  }

.tabcon{width:98%; text-align:center; overflow:hidden; margin:0 auto; margin-top:20px;}

.tabcon li{float:left;width:49.5%; padding:0px 0 0px 0; background-color:#b8c61a; font-size:14px; border-top:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff; }
.tabcon li span{display:inline-block;width:100%;  }
.tabcon li span a{display:block; padding:15px 0 15px 0;text-decoration:none; color:#fff;font-weight:bold; font-weight:400; }
.tabcon .on{background-color:#353232;}
.tabcon .on a{color:#fff;}

.ko_tabcon { width:98%; margin:0 auto;  }
.overview {width:90%;  height:100%; background:url('/images/overview_bg.jpg'); margin:0 auto; padding:30px 0; }
.overview .title {font-size:18px; padding-top:10px; line-height:30px; font-weight:200;  } 
.overview .title img {width:100%;padding-top:10px; }
.overview .text {font-size:14px; padding-top:30px;  font-weight:200; letter-spacing:-1px;  line-height:25px;}
.overview .title .point {font-weight:700;}
.overview .text .point {font-weight:700;}


.profile_wrap {width:90%; margin:0 auto; } 
.profile_wrap .title {font-size:20px; margin-top:20px; } 
.profile {width:100%; float:left;   }
.profile dl {float:left; width:100%; border:1px solid #ccc; margin-top:20px; margin-right:36px; }
.profile dl dt {float:left; width:100%; background:#f8f9f2; padding:15px 0; font-size:15px; font-weight:700; text-align:center;  }
.profile dl dt  img {width:28px; vertical-align:middle; margin-right:5px; }
.profile dl dd {float:left; width:100%;  font-size:14px;  padding:20px 0 15px 0 ; padding-left:0px; font-weight:300;  letter-spacing:-0.5px;  text-align:center; }
.profile .point {margin-right:0px; }
.profile .point2 {padding:25px 0 23px 0 ; background:#f8f9f2; }
.profile .point3  {font-weight:600;  }


.profile2 { width:100%; float:left;  }
.profile2 dl {float:left; width:100%; border:1px solid #ccc; margin-top:20px; }
.profile2 dl dt {float:left; width:100%; background:#f8f9f2; padding:15px 0; font-size:15px; font-weight:700; text-align:center;  }
.profile2 dl dt  img {width:28px; vertical-align:middle; margin-right:5px; }
.profile2 dl dd {float:left; width:100%;  font-size:14px;  padding:15px 0 15px 0 ; padding-left:20px; font-weight:300;  line-height:25px;  text-align:center; }
.profile2 .point { font-weight:700; color:#b8c61a; font-size:20px; vertical-align:middle; }

.profile3 { width:100%; float:left;  }
.profile3 dl {float:left; width:100%; border:1px solid #ccc; margin-top:20px; }
.profile3 dl dt {float:left; width:100%; background:#f8f9f2; padding:15px 0; font-size:15px; font-weight:700; text-align:center;  }
.profile3 dl dt  img {width:20px; vertical-align:middle; margin-right:5px; }
.profile3 dl dd {float:left; width:100%;  font-size:14px;  padding:15px 0 15px 0  font-weight:300;  line-height:25px; text-align:center;  }
.profile3 .point { font-weight:700; color:#b8c61a; font-size:20px; vertical-align:middle; }


.license_wrap {width:90%; margin:0 auto;   } 
.license_wrap .title {font-size:20px; margin-top:20px;  font-weight:400;} 
.license {width:100%;  float:left;  margin-top:20px; text-align:left; }
.license img {width:100%; border:1px solid #ccc; margin:20px 0 40px 0; }



.area {width:90%; margin:0 auto;  }
.area .title {font-size:18px; padding-top:40px; line-height:30px; font-weight:200;letter-spacing:-1.5px;   } 
.area .text {font-size:14px; padding-top:30px;  font-weight:200;  line-height:25px;}
.area .title .point {font-weight:700;}
.area .text .point {font-weight:700; color:#b8c61a; }
.area_detail { width:80%;  margin:0 auto; margin-bottom:60px; margin-top:30px;   text-align:center; }
.area_detail img { width:100%;  } 
.area .btn_area {float:left; margin:20px 0 30px 0;  }
.area .btn_area img { width:160px;  }

.oganization {width:90%; margin:0 auto; }
.oganization .title {font-size:18px; padding-top:40px; line-height:30px; font-weight:200;  } 
.oganization .text {font-size:14px; padding-top:30px;  font-weight:200;  line-height:25px;}
.oganization .title .point {font-weight:700;}
.oganization .text .point {font-weight:700;  }
.oganization_detail { width:100%; float:left; margin-bottom:60px; text-align:center; }
.oganization_detail img { width:100%;  } 

.location {width:100%; float:left; margin-bottom:100px;   }
.location .map { width:100%; height:350px; background:#ccc;  margin-bottom:30px; margin-top:40px;}
.location .title { width:100%; font-weight:700; margin-top:0px; font-size:18px; color:#b8c61a;  float:left;  text-align:center; padding:15px 0 ;  }
.location .text { font-size:14px; margin-top:40px; margin:0 auto; padding-top:0px;  width:90%; font-weight:400;  letter-spacing:-1px; line-height:25px;  }
.location .point {font-weight:700; color:#b8c61a; }


.news_wrap { width:90%; margin:0 auto; }
.news_list { width:width:98%;  }
.tbl_newsA { width:98%; margin:0 auto;  }
.tbl_newsA  th { height:50px; background:#565656; font-size:14px; color:#fff; border-right:1px solid #fff; }
.tbl_newsA  td {  background:#f8f8f8;padding:15px 0; border:1px solid #ccc; text-align:center;  } 
.paging {width:100%; margin:0 auto; text-align:center; margin-top:30px;  margin-bottom:100px; letter-spacing:10px; font-size:14px; }
.news_list .title {font-size:18px; padding-top:40px; line-height:30px; font-weight:200; margin-bottom:40px;  } 
.news_list .title .point {font-weight:700;}

.news_view { width:90%; margin:0 auto; }
.tbl_newsA_view { width:98%; margin:0 auto;  }
.tbl_newsA_view  th { height:45px; background:#565656; font-size:15px; color:#fff; border-right:1px solid #fff;  border-bottom:1px solid #666;}
.tbl_newsA_view  td {  background:#f8f8f8;padding:10px 0 10px 0px ; border:1px solid #ccc; text-align:center;  } 
.new_btn_list {width:98%; margin:0 auto; text-align:right;  margin-top:10px;  margin-bottom:60px; } 
.news_view .title {font-size:25px; padding-top:80px; line-height:30px; font-weight:200; margin-bottom:40px;  } 
.news_view .title .point {font-weight:700;}

/*서비스*/
.sub_tab_wrap { width:100%; float:left; }
.sub2_tab { width:98%; margin:0 auto; margin-top:20px;   }
.sub2_tab h2{text-align:center; font-size:20px; }
.sub2_tab p{text-align:center; font-size:16px;  }

.sub2_tab .tabcon{width:98%; text-align:center; overflow:hidden; margin:0 auto; margin-top:20px; }
.sub2_tab .tabcon li{float:left;width:49.5%; padding:0px 0 0px 0; background-color:#b8c61a; font-size:14px; border-top:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff; }
.sub2_tab .tabcon li:nth-child(3n) { border-left:0px;  } 
.sub2_tab .tabcon li span{display:inline-block;width:100%;  }
.sub2_tab .tabcon li span a{display:block; padding:15px 0 15px 0;text-decoration:none; color:#fff;font-weight:bold; font-weight:400; }
.sub2_tab .tabcon .on{background-color:#353232;}
.sub2_tab .tabcon .on a{color:#fff;}

.ko_tabcon { width:100%;  margin:0 auto;  }

.process_wrap {width:96%; margin:0 auto; margin-top:10px; } 
.process_wrap .title {font-size:18px; font-weight:700;} 
.process {width:100%; margin-top:10px; }
.process ul {width:100%; margin: 0 auto;}
.process ul li { margin-bottom:40px; width:100%; }
.process ul li img { margin-bottom:0px; width:100%; }
.process ul li h4 { font-size:18px; } 
.btn_area2 {text-align:center; margin-bottom:60px;  }

.process_w {display:none; } 


/*서비스-*전시부스*/

.booth {width:96%; margin:0 auto;  margin-top:20px;  }
.booth .title {font-size:25px; padding-top:40px; line-height:35px; font-weight:200;  letter-spacing:-1px;  } 
.booth .text {font-size:16px; padding-top:30px;  font-weight:300; letter-spacing:-1px;  line-height:25px;}
.booth .title .point {font-weight:700; color:#b8c61a; }
.booth .text .point {font-weight:700;}
.booth ul { width:100%; float:left;  margin-top:20px; margin-bottom:10px;  }
.booth ul li {width:100%;  margin-bottom:30px;   float:left; margin-right:16px; border:1px solid #ccc; background:#f8f8f8; }
.booth ul li img {width:100%;}
.booth ul li h4 { font-size:17px; color:#899411; padding-top:15px;  margin-left:10px;  }
.booth ul li p {font-size:14px; text-align:left; padding:10px 10px;    }
.booth .btn_area { float:left; width:100%; margin:20px 0 100px 0; text-align:center;  }
.booth .btn_area img { width:196px;   text-align:center;  }


/*서비스-컨벤션*/
.conven {width:100%; float:left; margin-top:40px;  }
.conven .title {font-size:25px; padding-top:40px; line-height:35px; font-weight:200;  letter-spacing:-1px;  } 
.conven .title .point {font-weight:700; color:#b8c61a; }
.conven ul { width:100%; float:left;  margin-top:20px; margin-bottom:10px;  }
.conven ul li {width:100%;  margin-bottom:30px;   float:left; margin-right:16px; border:1px solid #ccc; background:#f8f8f8; }
.conven ul li h4 { font-size:17px; color:#899411; padding-top:15px;  margin-left:10px;  }
.conven ul li p {font-size:14px; text-align:left; padding:10px 10px;  word-break:keep-all;  }
.conven ul li img {width:100%;}
.conven .btn_area { float:left; width:100%; margin:20px 0 100px 0; text-align:center;  }
.conven .btn_area img { width:196px;  }


/*서비스-*프린트*/
.print {width:100%; float:left;  margin-top:40px;  }
.print .title {font-size:25px; padding-top:40px; line-height:35px; font-weight:200;  letter-spacing:-1px;  } 
.print .text {font-size:16px; padding-top:30px;  font-weight:300; letter-spacing:-1px;  line-height:25px;}
.print .title .point {font-weight:700; color:#b8c61a; }
.print .text .point {font-weight:700;}
.print ul { width:100%; float:left;  margin-top:20px; margin-bottom:10px;  }
.print ul li {width:100%;  margin-bottom:30px;   float:left; margin-right:16px; border:1px solid #ccc; background:#f8f8f8; }
.print ul li h4 { font-size:17px; color:#899411; padding-top:15px;  margin-left:10px;  }
.print ul li p {font-size:14px; text-align:left; padding:10px 10px;    }
.print ul li img {width:100%;}
.print .btn_area { float:left; width:100%; margin:20px 0 100px 0; text-align:center;  }
.print .btn_area img { width:196px;  }

/*서비스-*부가서비스*/
.other_w {display:none;}
.other_t {display:none;}
.other_m  {width:100%; margin-top:20px; margin-bottom:40px;  }



/*문의하기*/
.conctact_wrap {width:100%; float:left;  background:url('/images/contact_bg.jpg') no-repeat top center;  }
.sub_conctact {width:100%; margin:0 auto; margin-top:40px;  }

.contact_le { width:98%; margin:0 auto;  margin-top:20px; }
.contact_le .title {font-size:25px; font-weight:700; color:#fff;  text-align:center;}
.contact_le .text {font-size:15px;  font-weight:300;  line-height:25px;  color:#fff;  text-align:center; } 
.contact_le img {text-align:center; width:100%; }
.contact_le .map_web {display:none; }

.contact_ri { width:96%; margin:0 auto; margin-top:30px;  margin-bottom:40px; } 
.contact_text1  { width:100%; float:left; margin-top:20px;    } 
.contact_text1 dl {width:100%; float:left;  margin-bottom:0px;  border-bottom:1px solid #666;   }
.contact_text1 dl dt { float:left; width:20%;  padding:15px 0 10px 0 ; text-align:center; color:#fff; }
.contact_text1 dl dd { float:left;  width:70%; margin-left:0px; vertical-align:middle; background:transparent;  }
.contact_text1 dl dd .name{ width:90%; height:25px;  margin-top:5px; margin-left:20px; background: url('/images/background_white_bg.png');  border:none; color:#fff;  } 
.contact_text1 dl dd .email {  width:70%;  height:25px;  margin-top:5px; margin-left:20px;width:22%; background:transparent;  } 
.contact_text1 dl dd select { width:50%; height:33px;    }
.contact_text1 dl dd .sel_type { border:none; margin-top:5px; margin-left:20px; width:40%; background: url('/images/background_white_bg.png'); color:#fff; }
.contact_text1 dl dd option { background: transparent; color: #000;}
.contact_text1 dl dd  img {vertical-align:mlddle;  margin-top:5px; }
.contact_text1 dl dd .number  {  width:40%; height:25px;  margin-top:5px; margin-left:20px; background: url('/images/background_white_bg.png'); color:#fff;  border:none; }

.contact_text2  { width:98%; float:left; }  
.contact_text2 dl {width:100%; float:left; border-bottom:1px solid #666; }
.contact_text2 dl dt { float:left; width:100%;  padding:15px 0 10px 0 ; text-align:center; color:#fff;  border-bottom:1px solid #666; }
.contact_text2 dl dd { float:left;  width:100% ;  vertical-align:middle;  }
.contact_text2  textarea { width:100%;  border:none; margin:11px 0; font-family: 'Noto Sans KR', sans-serif; font-weight:300; color:#fff;  font-size:11px; background: url('/images/background_white_bg.png');  } 

.btn_app { float:left; width:100%; text-align:center; margin:40px 0 40px 0;   }

.popup-button {cursor: pointer;  }
.dimmed { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: black; opacity: 0.6; z-index: 1000;}

.app_popup { display: none; position: fixed; left: 0; top: 0; width: 250px; height: 270px; border:1px solid #b8c61a; background: #b8c61a; z-index: 1500;}
.app_popup ul { padding:30px 0 0 0; }
.app_popup ul li { float:left; width:100%; font-size:16px; color:#fff; text-align:center; line-height:25px; padding:0 0 10px 0;  }
.app_popup ul .pop_check_img img { padding-left:20px;  }
.app_popup ul .pop_loading_img img { padding-left:0px;  }

.app_popup1 { display: none; position: fixed; left: 0; top: 0; width: 250px; height: 270px; border:1px solid #b8c61a; background: #b8c61a; z-index: 1500;}
.app_popup1 ul { padding:30px 0 0 0; }
.app_popup1 ul li { float:left; width:100%; font-size:16px; color:#fff; text-align:center; line-height:25px; padding:0 0 10px 0;  }
.app_popup1 ul .pop_check_img img { padding-left:20px;  }
.app_popup1 ul .pop_loading_img img { padding-left:0px;  }

.app_popup2 { display: none; position: fixed; left: 0; top: 0; width: 250px; height: 270px; border:1px solid #b8c61a; background: #b8c61a; z-index: 1500;}
.app_popup2 ul { padding:30px 0 0 0; }
.app_popup2 ul li { float:left; width:100%; font-size:16px; color:#fff; text-align:center; line-height:25px; padding:0 0 10px 0;  }
.app_popup2 ul .pop_check_img img { padding-left:20px;  }
.app_popup2 ul .pop_loading_img img { padding-left:0px;  }

.app_close { padding:5px 20px; cursor:pointer;}

.agree { width:100%;float:left;  text-align:center; color:#fff; margin-top:20px; }


/*하단 카피 컨텐츠*/
.dgcopy_wrap { float:left; width:100%; height:100%; background:#222; padding:50px 0; }
.dgcopy_w { width:90%; margin:0 auto;  }
.dgcopy_w .info { float:left; width:100%; }
.dgcopy_w .info .title { float:left; width:100%;  margin:0 0 10px 0; font-size:15px; color:#fff;   }  
.dgcopy_w .info ul { float:left; width:100%;  margin:0 0 10px 0; }
.dgcopy_w .info ul .dgcopy_title { font-size:13px; color:#b8c61a;  }
.dgcopy_w .info ul li { font-size:13px; color:#ccc;  }
.dgcopy_w .info ul li span { padding-left:15px;  }
.dgcopy_w .info ul li span img { width:100px; }

.dgcopy_w .company { float:right; width:100%; }
.dgcopy_w .company .title { float:left; width:100%;  margin:0 0 20px 0; font-size:15px; color:#fff;   }  
.dgcopy_w .company .left {  float:left; width:100%; height:100%; background:none; margin:0px 0 20px 0; text-align:center;  }
.dgcopy_w .company .left img { width:150px; }
.dgcopy_w .company .right { float:left; width:100%;  }
.dgcopy_w .company .right ul li { font-size:13px; color:#ccc;  }
.dgcopy_w .company .right ul li span { color:#b8c61a;   }


.map_daum { width:95%; margin:0 auto; padding:20px 0 0 0; }

}

 
 
 
 
 
 
 
 /* 반응형 1xp~ 860px */

@media only screen and (min-width:541px) and (max-width:860px) { 

.mb_banner_web { display:none; }
.mb_banner_mob { display:block; }

/*모바일 메뉴 */
.mob_header{ float:left; position:fixed; top:0; left:0; width:100%; padding:10px 0; z-index:9999; background:#fff; border-bottom:1px solid #ccc;}
.mob_header h1{ width:30%; float:left; margin-left:20px; }
.mob_header .btn_gnb{position:absolute; top:0px; right:0px; display:block; width:40px; height:40px; padding:5px 20px 0 0;}

.gnb{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; 
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(99%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.gnb .inner{position:fixed; overflow-y:scroll; right:-50%; width:70%; height:100%; padding-bottom:200px; z-index:9999; background:#222;}
.gnb .home { margin:0px 0 0 0px; }
.gnb .mob_menu { }
.gnb .depth01 { margin:0px 0 0 30px;  }
.gnb .depth01 dd a{display:block; width:100%; padding:10px 0; text-indent:10px; font-size:20px; color:#fff;}

.gnb .depth02{width:100%;}
.gnb .depth02 dd { padding-left:10px;  }
.gnb .depth02 dd a{ font-size:14px;  }
.gnb .depth03{width:100%; background:#757575}
.gnb .depth03 > dd > a{border-bottom:1px solid #555;}

.gnb .depth02,
.gnb .depth03{display:none;}

.mobmenu_sns { width:100%; margin:30px 0 0 30px;  }
.mobmenu_sns ul li { float:left; border:1px solid #777; padding:10px 13px; margin:0 0 0 10px; border-radius:50%;  }
.mobmenu_sns ul li a {   }

.mobmenu_copy { float:left; width:100%;  }
.mobmenu_copy ul { margin:20px 30px 0 40px;  }
.mobmenu_copy ul li { font-size:12px; color:#e8e8e8; line-height:20px;  }

/*퀵 메뉴 */
.quick_menu{ display:none;}
.quick_menu a{color:#fff;display:block; height:100%;width:100%;}
.quick_menu li{margin-top:5px;font-size:0;}
.quick_menu .menu1{width:75px;height:87px; background: url("/images/quick_main_menu_01.png");}
.quick_menu .menu2{width:75px;height:87px; background: url("/images/quick_main_menu_02.png");}
.quick_menu .menu3{width:75px;height:87px; background: url("/images/quick_main_menu_03.png");}
.quick_menu .menu4{width:75px;height:87px; background: url("/images/quick_main_menu_04.png");}


.quick_menu .menu1:hover{width:75px;height:87px; background: url("/images/quick_main_menu_01_on.png");}
.quick_menu .menu2:hover{width:75px;height:87px; background: url("/images/quick_main_menu_02_on.png");}
.quick_menu .menu3:hover{width:75px;height:87px; background: url("/images/quick_main_menu_03_on.png");}
.quick_menu .menu4:hover{width:75px;height:87px; background: url("/images/quick_main_menu_04_on.png");}


.quick_menu .menu1.quickon{width:75px;height:87px; background:#000;}
.quick_menu .menu2.quickon{width:75px;height:87px; background:#000;}
.quick_menu .menu3.quickon{width:75px;height:87px; background:#000;}
.quick_menu .menu4.quickon{width:75px;height:87px; background:#000;}


#section1 {float:left;  width:100%; height:100%;  z-index:1; }
#section2 {float:left;  width:100%; height:100%; background:#fff; z-index:1; }
#section3 { float:left; width:100%; height:100%; z-index:1; background:#ff9000; }
#section3_2 { float:left; width:100%; height:100%; z-index:1; background:#fff; }
#section3_3 { float:left; width:100%; height:100%; z-index:1; background:#5d8be0; }
#section3_4 { float:left; width:100%; height:100%; z-index:1; background:#fff; }

#section4 {float:left;  width:100%; height:100%; background:#333; z-index:1; }



/*웹 메뉴 */
.top_wrap { display:none; }
.top { width:100%; margin:0 auto; margin-top:0px;  }
.logo {float:left; width:178px;} 
.menu {float:right; margin-top:30px; }
.menu ul { }
.menu ul li {float:left; margin-left:30px; font-size:15px; }
.menu ul li a{color: #555; text-decoration:none;}
.menu ul li a:hover, a:active, a:focus{color:#000; text-decoration:none;}




/*메인 서비스 */
.sevice_wrap {width:96%; margin:0 auto;   }
.sevice_title { width:100%; margin:0 auto;  text-align:center;  margin-top:20px;  }
.sevice_title img {width:50px; }
.sevice_title h2 {font-size:25px; margin-top:10px;}
.sevice_title h4 {font-size:15px; font-weight:200; } 
.service_point {font-weight:700; font-size:15px;}

.service_contents_new {width:100%; margin:0 auto; } 
.service_contents {width:100%; margin:0 auto; } 
.service_contents ul { width:100%; margin:0 auto; margin-top:20px; }
.service_contents ul li { float:left; margin-right:10px; width:20%; margin-bottom:30px; }
.service_contents ul li img {width:100%; }

/*메인포트폴리오 */
.portfolio_wrap {width:96%; margin:0 auto;   }
.portfolio_title { width:100%; margin:0 auto;  text-align:center;  margin-top:20px;  }
.portfolio_title img {width:50px; }
.portfolio_title h2 {font-size:25px; margin-top:10px; color:#fff;}
.portfolio_title h4 {font-size:18px; font-weight:400; color:#fff; font-weight:200; letter-spacing:-1.5px; }
.portfolio_point {font-weight:700; font-size:18px;}

.portfolio {width:100%; margin:0 auto; margin-top:40px;  }
.portfolio_box { float:left; width:100%;   }
.portfolio_box ul { width:100%; float:left;  }  
.portfolio_box ul li { float:left; width:100%; margin-bottom:20px; margin-right:10x; position:relative; overflow:hidden; cursor:pointer; }
.portfolio_box ul li img { width:100%; height:100%; cursor: pointer;}

.portfolio_box ul li a {color:#fff;}
.portfolio_box ul li a:hover, a:active, a:focus{color:#fff; text-decoration:none;}

.portfolio_box ul li:hover .p-mask {
	opacity: 0.8; visibility: visible;
	-webkit-transform: translate3d( 0px, 0px, 0px);
	-moz-transform: translate3d( 0px, 0px, 0px);
	-ms-transform: translate3d( 0px, 0px, 0px);
	-o-transform: translate3d( 0px, 0px, 0px);
	transform: translate3d( 0px, 0px, 0px);
}

.p-mask {   float:left; padding:20px 0; 
	opacity:0; visibility:hidden; background:#000; bottom:0%; position:absolute; padding:0px; width:100%; 
	-webkit-transform: translate3d( 0px, 70%, 0px); 
	-moz-transform: translate3d( 0px, 70%, 0px); 
	-ms-transform: translate3d( 0px, 70%, 0px);
	-o-transform: translate3d( 0px, 70%, 0px);
	transform: translate3d( 0px, 70%, 0px);
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
	text-align: left;
	float:left;
	color:#fff;
}

.p-mask h4 { padding-left:20px; padding-top:10px; font-size:14px;}
.p-mask p { padding-left:20px; font-size:12px; padding-bottom:20px;  padding-top:5px; }

.p-mask_le { float:left; width:180px; }
.p-mask_ri { float:right; width:46px; margin-right:10px; margin-top:10px;  }
.more {margin-top:10px; } 

.main_more {width:100%; margin:0 auto;   text-align:center;  margin-bottom:30px;}
.main_more img { margin-top:0px; width:40%;}

/*뉴 포트폴리오_모바일*/

/*뉴 포트폴리오 끝*/



/*메인공지 */
.company_wrap {width:100%; float:left;  background:#fff;} 
.company_info { width:96%;  margin:0 auto;  }
.mid_logo { display:none;  } 
.main_news {margin:0 auto;  width:100%; margin-top:40px;  }
.main_news h2 { font-size:22px; margin-bottom:10px; }
.main_news ul {}
.main_news ul li {padding-bottom:10px; }
.main_news ul li .news_point { color:#848484; font-size:12px; margin-left:30px; float:right; } 
.main_news ul li a{color: #555; text-decoration:none;}
.main_news ul li a:hover, a:active, a:focus{color:#000; text-decoration:none;}

.brochure {float:left;  width:45%;  margin-top:20px;  margin-left:10px; }
.brochure h2{font-size:18px; }
.brochure p {padding:10px 0; color:#848484;  font-weight:300; font-size:12px;  }
.brochure img {width:100px; margin-bottom:30px;}

.info {float:right;  width:45%; margin-top:20px;  }
.info h2{font-size:18px; }
.info p {padding:10px 0; color:#848484; font-weight:300; font-size:12px;  }
.info  img {width:100px; margin-bottom:30px;}


.contact_wrap {width:100%; float:left;  }
.contact {width:100%; margin:0 auto; }
.map {width:96%;  color:#fff; margin-top:30px; margin:0 auto;  }
.map h2{ font-size:18px; margin-bottom:10px;  margin-top:30px; }
.map p {color:#fff;  }
.map img {width:100%}

.sms {margin-top:50px;  width:100%; float:left; background:#b8c61a;  } 
.sms h2 { text-align:center; margin-top:30px; color:#fff; font-size:20px;  }
.sms h2 img {vertical-align:middle; }
.sms ul { width:96%; margin:0 auto; margin-top:20px; }
.sms ul li { float:left; width:100%; background:#323232; border-radius:5px;  margin-bottom:5px;  }
.sms p { text-align:left; color:#fff; font-size:12px; }

.sms_le {float:left;  color:#fff; padding:15px 0 10px 20px;; font-size:15px;  }
.sms_ri {float:left; padding:10px 0; margin-left:20px; }
.sms_ri  .name {height:20px; background:#323232; color:#fff; border:1px solid #323232;  }

.sms_top {float:left;  color:#fff; padding:15px 0 0px 20px;; font-size:15px; }
.sms_bottom {width:100%; float:left; padding:10px 0 10px 0; margin-left:20px;}
.sms_bottom .message {width:90%; margin:0 auto; background:#323232; color:#fff;  border:1px solid #323232; font-family: 'Noto Sans KR', sans-serif;   }
.sms_ri .auto {background:#666;padding:3px 10px; color:#fff; vertical-align:middle; }
.submit {  width:100%; margin:0 auto;   text-align:center;}
.submit img { margin-top:30px; margin-bottom:30px; }

.footer_wrap {width:100%; height:200px; float:left;  }
.copy { width:100%;float:left;  border-bottom:1px solid #ccc; border-bottom:1px solid #ccc;}
.copy_menu {width:96%; margin:0 auto; }
.copy_menu ul{ width:100%;  }
.copy_menu ul li  { float:left; margin:20px 10px 20px 0; }
.copy2 {width:100%; float:left; } 
.copy_text {width:96%; margin:0 auto;  margin-top:30px;  margin-bottom:40px; line-height:18px; font-size:12px; font-weight:300;} 
.copy_point {font-weight:700; } 
.copy_point2 { font-size:11px; color:#7f7f7f; }


/*서브상단배너*/
.sub_wrap { float:left; width:100%; margin-top:50px; z-index:1; border-bottom:1px solid #ccc; }
.sub_banner { width:100%; float:left; height:309px; background:url('/images/sub_banner_bg.jpg') no-repeat top center; background-color:#000000; }
.banner_title {width:100%; margin:0 auto; text-align:center; color:#fff; margin-top:120px;}
.banner_title .title { font-size:35px; font-weight:700; }

/*서브포트폴리오*/
.sub_port_wrap {width:100%; float:left; }
.sub_port_list { width:100%; margin:0 auto; margin-top:40px}
.sub_port_list h2{text-align:center; font-size:30px; }
.sub_port_list p{text-align:center; font-size:16px;  }
.sub_port {width:100%; margin:0 auto; height:700px; border:1px solid #333;  }
.tabcon2{width:98%; text-align:center; overflow:hidden; margin:0 auto; margin-top:40px;}

.tabcon2 li{float:left;width:49%; padding:5px 0 0px 0; background-color:#b8c61a; font-size:14px; border-top:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff; }
.tabcon2 li span{display:inline-block;width:100%;  }
.tabcon2 li span a{display:block; padding:15px 0 15px 0;text-decoration:none; color:#fff;font-weight:bold; font-weight:400; }

.tabcon2 p{float:left; width:98.1%; padding:5px 0 0px 0; background-color:#b8c61a; font-size:14px; border-top:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff; }
.tabcon2 p span{display:inline-block;width:100%;  }
.tabcon2 p span a{display:block; padding:15px 0 15px 0;text-decoration:none; color:#fff;font-weight:bold; font-weight:400; }

.tabcon2 .on{background-color:#353232;}
.tabcon2 .on a{color:#fff;}

.sub_port_more { width:100%; margin:0 auto;margin-top:20px;   text-align:center; margin-bottom:60px; }

/*서브포트폴리오 뷰*/
.portfolio_view_wrap { width:100%; float:left; margin-top:20px;  }
.portfolio_view {width:96%; margin:0 auto; }
.portfolio_view .title { font-size:25px; text-align:center;  margin-top:20px; color:#bfcc36;  } 
.portfolio_view .text { font-size:16px; text-align:center; padding-bottom:20px; margin-bottom:40px; border-bottom:1px solid #ccc;   } 
.portfolio_view .view  img { width:100px; float:right; margin:0px 0 60px 0;  }
.portfolio_view img { width:100%; }

/*서브 가현*/ 
.sub_tab_wrap { width:100%; float:left; }
.sub_tab { width:100%; margin:0 auto; margin-top:40px;   }
.sub_tab h2{text-align:center; font-size:30px; }
.sub_tab p{text-align:center; font-size:16px;  }

.tabcon{width:98%; text-align:center; overflow:hidden; margin:0 auto; margin-top:20px;}

.tabcon li{float:left;width:49.7%; padding:5px 0 0px 0; background-color:#b8c61a; font-size:14px; border-top:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff; }
.tabcon li span{display:inline-block;width:100%;  }
.tabcon li span a{display:block; padding:15px 0 15px 0;text-decoration:none; color:#fff;font-weight:bold; font-weight:400; }
.tabcon .on{background-color:#353232;}
.tabcon .on a{color:#fff;}

.ko_tabcon { width: 98%; margin:0 auto;  }

.overview{ width:90%;  height:100%; background:#fff; margin:0 auto; padding:30px 0; }
.overview .title {font-size:20px; padding-top:40px; line-height:30px; font-weight:200;  } 
.overview .text {font-size:14px; padding-top:30px;  font-weight:200; letter-spacing:-1px;  line-height:25px;}
.overview .title .point {font-weight:700;}
.overview .text .point {font-weight:700;}


.profile_wrap {width:90%; margin:0 auto; } 
.profile_wrap .title {font-size:20px; margin-top:20px; } 
.profile {width:100%; float:left;   }
.profile dl {float:left; width:100%; border:1px solid #ccc; margin-top:20px; margin-right:36px; }
.profile dl dt {float:left; width:30%; background:#f8f9f2; padding:15px 0; font-size:15px; font-weight:700; text-align:center;  }
.profile dl dt  img {width:28px; vertical-align:middle; margin-right:5px; }
.profile dl dd {float:left; width:65%;  font-size:14px;  padding:20px 0 15px 0 ; padding-left:20px; font-weight:300;    letter-spacing:-0.5px; }
.profile .point {margin-right:0px; }
.profile .point2 {padding:25px 0 23px 0 ; background:#f8f9f2; }
.profile .point3  {font-weight:600;  }


.profile2 { width:100%; float:left;  }
.profile2 dl {float:left; width:100%; border:1px solid #ccc; margin-top:20px; }
.profile2 dl dt {float:left; width:30%; background:#f8f9f2; padding:58px 0; font-size:15px; font-weight:700; text-align:center;  }
.profile2 dl dt  img {width:28px; vertical-align:middle; margin-right:5px; }
.profile2 dl dd {float:left; width:65%;  font-size:14px;  padding:50px 0 15px 0 ; padding-left:20px; font-weight:300;  line-height:25px;  }
.profile2 .point { font-weight:700; color:#b8c61a; font-size:20px; vertical-align:middle; }

.profile3 { width:100%; float:left;  }
.profile3 dl {float:left; width:100%; border:1px solid #ccc; margin-top:20px; }
.profile3 dl dt {float:left; width:30%; background:#f8f9f2; padding:58px 0; font-size:15px; font-weight:700; text-align:center;  }
.profile3 dl dt  img {width:28px; vertical-align:middle; margin-right:5px; }
.profile3 dl dd {float:left; width:65%;  font-size:14px;  padding:20px 0 15px 0 ; padding-left:20px; font-weight:300;  line-height:25px;  }
.profile3 .point { font-weight:700; color:#b8c61a; font-size:20px; vertical-align:middle; }


.license_wrap {width:90%; margin:0 auto;   } 
.license_wrap .title {font-size:20px; margin-top:20px;  font-weight:400;} 
.license {width:100%;  float:left;  margin-top:20px; text-align:left; }
.license img {width:100%; border:1px solid #ccc; margin:20px 0 40px 0; }



.area { width:90%; margin:0 auto; }
.area .title {font-size:20px; padding-top:40px; line-height:30px; font-weight:200;  } 
.area .text {font-size:14px; padding-top:30px;  font-weight:200;  line-height:25px;}
.area .title .point {font-weight:700;}
.area .text .point {font-weight:700; color:#b8c61a; }
.area_detail { width:80%;  margin:0 auto; margin-bottom:60px; margin-top:30px;   text-align:center; }
.area_detail img { width:100%;  } 
.area .btn_area {float:left; margin:20px 0 30px 0;  }
.area .btn_area img { width:160px;  }


.oganization { width:90%; margin:0 auto; }
.oganization .title {font-size:20px; padding-top:40px; line-height:30px; font-weight:200;  } 
.oganization .text {font-size:14px; padding-top:30px;  font-weight:200;  line-height:25px;}
.oganization .title .point {font-weight:700;}
.oganization .text .point {font-weight:700;  }
.oganization_detail { width:100%; float:left; margin-bottom:60px; text-align:center; }
.oganization_detail img { width:100%;  } 

.location {width:100%; float:left; margin-bottom:100px;   }
.location .map { width:100%; height:350px; background:#ccc;  margin-bottom:30px; margin-top:40px;}
.location .title { width:100%; font-weight:700; margin-top:0px; font-size:18px; color:#b8c61a;  float:left;  text-align:center; padding:15px 0 ;  }
.location .text { font-size:14px; margin-top:40px; margin:0 auto; padding-top:0px;  width:90%; font-weight:400;  letter-spacing:-1px; line-height:25px;  }
.location .point {font-weight:700; color:#b8c61a; }


.news_wrap { width:90%; margin:0 auto; }
.news_list { width:width:98%;  }
.tbl_newsA { width:98%; margin:0 auto;  }
.tbl_newsA  th { height:50px; background:#565656; font-size:15px; color:#fff; border-right:1px solid #fff; }
.tbl_newsA  td {  background:#f8f8f8;padding:15px 0; border:1px solid #ccc; text-align:center;  } 
.paging {width:100%; margin:0 auto; text-align:center; margin-top:30px;  margin-bottom:100px; letter-spacing:10px; font-size:14px; }
.news_list .title {font-size:20px; padding-top:40px; line-height:30px; font-weight:200; margin-bottom:40px;  } 
.news_list .title .point {font-weight:700;}

.news_view { width:90%; margin:0 auto; }
.tbl_newsA_view { width:98%; margin:0 auto;  }
.tbl_newsA_view  th { height:45px; background:#565656; font-size:15px; color:#fff; border-right:1px solid #fff;  border-bottom:1px solid #666;}
.tbl_newsA_view  td {  background:#f8f8f8;padding:10px 0 10px 0px ; border:1px solid #ccc; text-align:center;  } 
.new_btn_list {width:98%; margin:0 auto; text-align:right;  margin-top:20px;  margin-bottom:60px; } 
.news_view .title {font-size:25px; padding-top:80px; line-height:30px; font-weight:200; margin-bottom:40px;  } 
.news_view .title .point {font-weight:700;}



/*서비스*/
.sub_tab_wrap { width:100%; float:left; }
.sub2_tab { width:98%; margin:0 auto; margin-top:20px;   }
.sub2_tab h2{text-align:center; font-size:30px; }
.sub2_tab p{text-align:center; font-size:16px;  }

.sub2_tab .tabcon{width:98%; text-align:center; overflow:hidden; margin:0 auto; margin-top:20px; }
.sub2_tab .tabcon li{float:left;width:49.5%; padding:0px 0 0px 0; background-color:#b8c61a; font-size:14px; border-top:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff; }
.sub2_tab .tabcon li:nth-child(3n) { border-left:0px;  } 
.sub2_tab .tabcon li span{display:inline-block;width:100%;  }
.sub2_tab .tabcon li span a{display:block; padding:15px 0 15px 0;text-decoration:none; color:#fff;font-weight:bold; font-weight:400; }
.sub2_tab .tabcon .on{background-color:#353232;}
.sub2_tab .tabcon .on a{color:#fff;}

.ko_tabcon { width:100%;  margin:0 auto;  }

.process_wrap {width:96%; margin:0 auto; margin-top:10px; } 
.process_wrap .title {font-size:18px; font-weight:700;} 
.process {width:100%; margin-top:10px; }
.process ul {width:100%; margin: 0 auto;}
.process ul li { margin-bottom:40px; width:100%; }
.process ul li img { margin-bottom:0px; width:100%; }
.process ul li h4 { font-size:18px; } 
.btn_area2 {text-align:center; margin-bottom:60px;  }

.process_w {display:none; } 


/*서비스-*전시부스*/

.booth {width:96%; margin:0 auto;  margin-top:20px;  }
.booth .title {font-size:20px; padding-top:40px; line-height:35px; font-weight:200;  letter-spacing:-1px;  } 
.booth .text {font-size:16px; padding-top:30px;  font-weight:300; letter-spacing:-1px;  line-height:25px;}
.booth .title .point {font-weight:700; color:#b8c61a; }
.booth .text .point {font-weight:700;}
.booth ul { width:100%; float:left;  margin-top:20px; margin-bottom:10px;  }
.booth ul li {width:49%;  margin-bottom:30px;   float:left; margin-right:7px; border:1px solid #ccc; background:#f8f8f8; }
.booth ul li img {width:100%;}
.booth ul li h4 { font-size:17px; color:#899411; padding-top:15px;  margin-left:10px;  }
.booth ul li p {font-size:14px; text-align:left; padding:10px 10px;    }
.booth ul li:nth-child(2n) { margin-right:0px;} 

.booth .btn_area { float:left; width:100%; margin:20px 0 100px 0; text-align:center;  }
.booth .btn_area img { width:196px;   text-align:center;  }


/*서비스-컨벤션*/
.conven {width:100%; float:left; margin-top:40px;  }
.conven .title {font-size:20px; padding-top:40px; line-height:35px; font-weight:200;  letter-spacing:-1px;  } 
.conven .title .point {font-weight:700; color:#b8c61a; }
.conven ul { width:100%; float:left;  margin-top:20px; margin-bottom:10px;  }
.conven ul li {width:49%;  margin-bottom:30px;   float:left; margin-right:7px; border:1px solid #ccc; background:#f8f8f8; }
.conven ul li img {width:100%;}
.conven ul li h4 { font-size:17px; color:#899411; padding-top:15px;  margin-left:10px;  }
.conven ul li p {font-size:14px; text-align:left; padding:10px 10px;  word-break:keep-all;  }
.conven ul li:nth-child(2n) { margin-right:0px;} 
.conven .btn_area { float:left; width:100%; margin:20px 0 100px 0; text-align:center;  }
.conven .btn_area img { width:196px;  }


/*서비스-*프린트*/
.print {width:100%; float:left;  margin-top:40px;  }
.print .title {font-size:25px; padding-top:40px; line-height:35px; font-weight:200;  letter-spacing:-1px;  } 
.print .text {font-size:16px; padding-top:30px;  font-weight:300; letter-spacing:-1px;  line-height:25px;}
.print .title .point {font-weight:700; color:#b8c61a; }
.print .text .point {font-weight:700;}
.print ul { width:100%; float:left;  margin-top:20px; margin-bottom:10px;  }
.print ul li {width:49%;  margin-bottom:30px;   float:left; margin-right:7px; border:1px solid #ccc; background:#f8f8f8; }
.print ul li img {width:100%;}
.print ul li h4 { font-size:17px; color:#899411; padding-top:15px;  margin-left:10px;  }
.print ul li p {font-size:14px; text-align:left; padding:10px 10px;    }
.print ul li:nth-child(2n) { margin-right:0px;} 
.print .btn_area { float:left; width:100%; margin:20px 0 100px 0; text-align:center;  }
.print .btn_area img { width:196px;  }


/*서비스-*부가서비스*/
.other_w {display:none;}
.other_t {width:100%; margin-top:20px; margin-bottom:40px;  }
.other_m  {display:none;}


/*문의하기*/
.conctact_wrap {width:100%; float:left;  background:url('/images/contact_bg.jpg') no-repeat top center;  }
.sub_conctact {width:100%; margin:0 auto; margin-top:40px;  }

.contact_le { width:98%; margin:0 auto;  margin-top:20px; }
.contact_le .title {font-size:25px; font-weight:700; color:#fff;  text-align:center;}
.contact_le .text {font-size:15px;  font-weight:300;  line-height:25px;  color:#fff;  text-align:center; } 
.contact_le img {text-align:center; width:100%; }
.contact_le .map_web {display:none; }

.contact_ri { width:96%; margin:0 auto; margin-top:30px;  margin-bottom:40px; } 
.contact_text1  { width:100%; float:left; margin-top:0px;    } 
.contact_text1 dl {width:100%; float:left;  margin-bottom:0px;  border-bottom:1px solid #666;   }
.contact_text1 dl dt { float:left; width:20%;  padding:15px 0 10px 0 ; text-align:center; color:#fff; }
.contact_text1 dl dd { float:left;  width:70%; margin-left:0px; vertical-align:middle; background:transparent;  }
.contact_text1 dl dd .name{ width:80%; height:25px;  margin-top:5px; margin-left:20px;background: url('/images/background_white_bg.png');  border:none; color:#fff; } 
.contact_text1 dl dd .email {  width:70%;  height:25px;  margin-top:5px; margin-left:20px;width:22%; background:transparent;  } 
.contact_text1 dl dd select { width:50%; height:33px;    }
.contact_text1 dl dd .sel_type { border:none; margin-top:5px; margin-left:20px; width:40%; background: url('/images/background_white_bg.png'); color:#fff; }
.contact_text1 dl dd option { background: transparent; color: #000;}
.contact_text1 dl dd  img {vertical-align:mlddle;  margin-top:5px; }
.contact_text1 dl dd .number  {  width:40%; height:25px;  margin-top:5px; margin-left:20px; background: url('/images/background_white_bg.png'); border:none; color:#fff; }

.contact_text2  { width:98%; float:left; }  
.contact_text2 dl {width:100%; float:left; border-bottom:1px solid #666; }
.contact_text2 dl dt { float:left; width:100%;  padding:15px 0 10px 0 ; text-align:center; color:#fff;  border-bottom:1px solid #666; }
.contact_text2 dl dd { float:left;  width:100% ;  vertical-align:middle;  }
.contact_text2  textarea { width:100%;  border:none; margin:11px 0; font-family: 'Noto Sans KR', sans-serif; font-weight:300; color:#fff;  font-size:11px; background: url('/images/background_white_bg.png');  } 

.btn_app { float:left; width:100%; text-align:center; margin:40px 0 40px 0;   }

.popup-button {cursor: pointer;  }
.dimmed { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: black; opacity: 0.6; z-index: 1000;}

.app_popup { display: none; position: fixed; left: 0; top: 0; width: 250px; height: 270px; border:1px solid #b8c61a; background: #b8c61a; z-index: 1500;}
.app_popup ul { padding:30px 0 0 0; }
.app_popup ul li { float:left; width:100%; font-size:16px; color:#fff; text-align:center; line-height:25px; padding:0 0 10px 0;  }
.app_popup ul .pop_check_img img { padding-left:20px;  }
.app_popup ul .pop_loading_img img { padding-left:0px;  }

.app_popup1 { display: none; position: fixed; left: 0; top: 0; width: 250px; height: 270px; border:1px solid #b8c61a; background: #b8c61a; z-index: 1500;}
.app_popup1 ul { padding:30px 0 0 0; }
.app_popup1 ul li { float:left; width:100%; font-size:16px; color:#fff; text-align:center; line-height:25px; padding:0 0 10px 0;  }
.app_popup1 ul .pop_check_img img { padding-left:20px;  }
.app_popup1 ul .pop_loading_img img { padding-left:0px;  }

.app_popup2 { display: none; position: fixed; left: 0; top: 0; width: 250px; height: 270px; border:1px solid #b8c61a; background: #b8c61a; z-index: 1500;}
.app_popup2 ul { padding:30px 0 0 0; }
.app_popup2 ul li { float:left; width:100%; font-size:16px; color:#fff; text-align:center; line-height:25px; padding:0 0 10px 0;  }
.app_popup2 ul .pop_check_img img { padding-left:20px;  }
.app_popup2 ul .pop_loading_img img { padding-left:0px;  }

.app_close { padding:5px 20px; cursor:pointer;}

.agree { width:100%;float:left;  text-align:center; color:#fff; margin-top:20px; }


/*하단 카피 컨텐츠*/
.dgcopy_wrap { float:left; width:100%; height:100%; background:#222; padding:50px 0; }
.dgcopy_w { width:90%; margin:0 auto;  }
.dgcopy_w .info { float:left; width:100%; }
.dgcopy_w .info .title { float:left; width:100%;  margin:0 0 10px 0; font-size:15px; color:#fff;   }  
.dgcopy_w .info ul { float:left; width:100%;  margin:0 0 10px 0; }
.dgcopy_w .info ul .dgcopy_title { font-size:13px; color:#b8c61a;  }
.dgcopy_w .info ul li { font-size:13px; color:#ccc;  }
.dgcopy_w .info ul li span { padding-left:15px;  }
.dgcopy_w .info ul li span img { width:100px; }

.dgcopy_w .company { float:right; width:100%; }
.dgcopy_w .company .title { float:left; width:100%;  margin:0 0 20px 0; font-size:15px; color:#fff;   }  
.dgcopy_w .company .left {  float:left; width:100%; height:100%; background:none; margin:0px 0 20px 0; text-align:center;  }
.dgcopy_w .company .left img { width:200px; }
.dgcopy_w .company .right { float:left; width:100%;  }
.dgcopy_w .company .right ul li { font-size:13px; color:#ccc;  }
.dgcopy_w .company .right ul li span { color:#b8c61a;   }


.map_daum { width:95%; margin:0 auto; padding:20px 0 0 0; }


} 










 /* 반응형 860px~  */
@media only screen and (min-width: 861px) {

.mb_banner_web { display:block; }
.mb_banner_mob { display:none; }

.mob_header {display:none;}

.quick_menu{position: fixed;top:240px; right:20px;z-index:10;}
.quick_menu a{color:#fff;display:block; height:100%;width:100%;}
.quick_menu li{margin-top:5px;font-size:0;}
.quick_menu .menu1{width:75px;height:87px; background: url("/images/quick_main_menu_01.png");}
.quick_menu .menu2{width:75px;height:87px; background: url("/images/quick_main_menu_02.png");}
.quick_menu .menu3{width:75px;height:87px; background: url("/images/quick_main_menu_03.png");}
.quick_menu .menu4{width:75px;height:87px; background: url("/images/quick_main_menu_04.png");}


.quick_menu .menu1:hover{width:75px;height:87px; background: url("/images/quick_main_menu_01_on.png");}
.quick_menu .menu2:hover{width:75px;height:87px; background: url("/images/quick_main_menu_02_on.png");}
.quick_menu .menu3:hover{width:75px;height:87px; background: url("/images/quick_main_menu_03_on.png");}
.quick_menu .menu4:hover{width:75px;height:87px; background: url("/images/quick_main_menu_04_on.png");}


.quick_menu .menu1.quickon{width:75px;height:87px; background:#000;}
.quick_menu .menu2.quickon{width:75px;height:87px; background:#000;}
.quick_menu .menu3.quickon{width:75px;height:87px; background:#000;}
.quick_menu .menu4.quickon{width:75px;height:87px; background:#000;}


#section1 { width:100%; height:100%;  z-index:1; }
#section2 { width:100%; height:700px; background:#fff; z-index:1; }
#section3 { width:100%; height:980px; z-index:1; background:url('/images/main_port_bg01.jpg') no-repeat bottom center; min-width:1100px; }
#section3_2 { width:100%; height:820px; z-index:1; background:url('/images/main_port_bg02.jpg') no-repeat bottom center; min-width:1100px; }
#section3_3 { width:100%; height:750px; z-index:1; background:url('/images/main_port_bg03.jpg') no-repeat bottom center; min-width:1100px; }
#section3_4 { width:100%; height:820px; z-index:1; background:url('/images/main_port_bg04.jpg') no-repeat bottom center; min-width:1100px; }
#section4 { width:100%; height:652px; background:#333; z-index:1; }
#section5 { width:100%; height:700px; background:#333; z-index:1; }


.top_wrap { position:fixed; width:100%; height:100px; background:#fff; z-index:99999; border-bottom:1px solid #ccc; }
.top { width:1100px; margin:0 auto; margin-top:20px;  }
.logo {float:left; width:178px;} 
.menu {float:right; margin-top:30px; }
.menu ul { }
.menu ul li {float:left; margin-left:30px; font-size:15px; }
.menu ul li a{color: #555; text-decoration:none;}
.menu ul li a:hover, a:active, a:focus{color:#000; text-decoration:none;}



.sevice_wrap {width:100%; float:left;  }
.sevice_title { width:1100px; margin:0 auto;  text-align:center;  margin-top:50px;  }
.sevice_title img {width:78px; }
.sevice_title h2 {font-size:30px; margin-top:10px;}
.sevice_title h4 {font-size:20px; font-weight:200; } 
.service_point {font-weight:700; font-size:20px;}

.service_contents_new {width:1100px; margin:0 auto; }
.service_contents {width:1100px; margin:0 auto; } 
.service_contents ul { width:1100px; margin-top:20px; }
.service_contents ul li { float:left; margin-right:10px; }

.portfolio_wrap {width:100%; float:left;  }
.portfolio_title { width:1100px; margin:0 auto;  text-align:center;  margin-top:50px;  }
.portfolio_title img {width:78px; }
.portfolio_title h2 {font-size:30px; margin-top:10px; color:#fff;}
.portfolio_title h4 {font-size:20px; font-weight:400; color:#fff; font-weight:200; letter-spacing:-1.5px; }
.portfolio_point {font-weight:700; font-size:20px;}

.portfolio {width:1100px; margin:0 auto; margin-top:40px;  }
.portfolio_box { float:left; width:262px;  margin-right:17px; }
.portfolio_box ul { width:262px; float:left;  }  
.portfolio_box ul li { float:left; width:262px; margin-bottom:20px; position:relative; overflow:hidden; cursor:pointer; }
.portfolio_box  ul li img { width:100%; height:100%; cursor: pointer;}


.portfolio_box ul li a {color:#fff;}
.portfolio_box ul li a:hover, a:active, a:focus{color:#fff; text-decoration:none;}

.portfolio_box ul li:hover .p-mask {
	opacity: 0.8; visibility: visible;
	-webkit-transform: translate3d( 0px, 0px, 0px);
	-moz-transform: translate3d( 0px, 0px, 0px);
	-ms-transform: translate3d( 0px, 0px, 0px);
	-o-transform: translate3d( 0px, 0px, 0px);
	transform: translate3d( 0px, 0px, 0px);
}

.p-mask {   float:left; padding:20px 0; 
	opacity:0; visibility:hidden; background:#000; bottom:0%; position:absolute; padding:0px; width:100%; 
	-webkit-transform: translate3d( 0px, 70%, 0px); 
	-moz-transform: translate3d( 0px, 70%, 0px); 
	-ms-transform: translate3d( 0px, 70%, 0px);
	-o-transform: translate3d( 0px, 70%, 0px);
	transform: translate3d( 0px, 70%, 0px);
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
	text-align: left;
	float:left;
	color:#fff;
}

.p-mask h4 { padding-left:20px; padding-top:10px; font-size:14px;}
.p-mask p { padding-left:20px; font-size:12px; padding-bottom:20px;  padding-top:5px; }

.p-mask_le { float:left; width:180px; }
.p-mask_ri { float:right; width:46px; margin-right:10px; margin-top:10px;  }
.more {margin-top:10px; } 

.main_more {width:1100px; margin:0 auto;  text-align:center; }
.main_more img { margin-top:40px; width:200px;}

/*뉴 포트폴리오*/

/*뉴 포트폴리오 끝*/


/*메인 컨택 */
.contact_wrap {width:100%; float:left; height:652px; background: url("/images/main_map_bg.jpg")  center;  }
.contact {width:1100px; margin:0 auto; }
.map { color:#fff; margin-top:50px; float:left;  }
.map h2{ font-size:22px; margin-bottom:10px; }
.map p {color:#fff;  }

.sms {margin-top:50px; height:562px; width:322px; float:right; background: url("/images/main_sms_bg.png");  } 
.sms h2 { text-align:center; margin-top:70px; color:#fff; font-size:20px;  }
.sms h2 img {vertical-align:middle; }
.sms ul { width:280px; margin:0 auto; margin-top:20px; }
.sms ul li { float:left; width:280px; background:#323232; border-radius:5px;  margin-bottom:5px;  }
.sms p { text-align:left; color:#fff; font-size:12px; }
.sms_le {float:left;  color:#fff; padding:15px 0 10px 20px;; font-size:15px;  }
.sms_ri {float:left; padding:10px 0; margin-left:20px; }
.sms_ri  .name {height:20px; background:#323232; color:#fff; border:1px solid #323232;  }

.sms_top {float:left;  color:#fff; padding:15px 0 0px 20px;; font-size:15px; }
.sms_bottom {float:left; padding:10px 0 10px 0; margin-left:20px; border-top:1px solid #fff; }
.sms_bottom .message {width:240px; background:#323232; color:#fff;  border:1px solid #323232; font-family: 'Noto Sans KR', sans-serif;   }
.sms_ri .auto {background:#666;padding:3px 10px; color:#fff; vertical-align:middle; }
.submit {  width:240px; margin:0 auto;   text-align:center;}
.submit img { margin-top:50px;}

.footer_wrap {width:100%; height:200px; float:left;  }
.copy { width:100%;float:left;  border-bottom:1px solid #ccc; border-bottom:1px solid #ccc;}
.copy_menu {width:1100px; margin:0 auto; }
.copy_menu ul{ width:1100px;  }
.copy_menu ul li  { float:left; margin:10px 50px 10px 0; }
.copy_menu ul li a{color: #555; text-decoration:none;}
.copy_menu ul li a:hover, a:active, a:focus{color:#000; text-decoration:none;}

.copy2 {width:100%; float:left; } 
.copy_text {width:1100px; margin:0 auto;  margin-top:30px;  margin-bottom:40px; line-height:22px; font-size:13px; font-weight:200;} 
.copy_point {font-weight:700; } 
.copy_point2 { font-size:12px; color:#7f7f7f; }


/*서브상단배너*/
.sub_wrap { float:left; width:100%; margin-top:100px; z-index:1; border-bottom:1px solid #ccc; }
.sub_banner { width:100%; float:left; height:309px; background:url('/images/sub_banner_bg.jpg') no-repeat top center; background-color:#000; min-width:1100px; }
.banner_title {width:1100px; margin:0 auto; text-align:center; color:#fff; margin-top:120px;}
.banner_title .title { font-size:35px; font-weight:700; }

/*서브포트폴리오*/
.sub_port_wrap {width:100%; float:left; }
.sub_port_list { width:1100px; margin:0 auto; padding-top:40px; min-width:1190px;}
.sub_port_list h2{text-align:center; font-size:30px; }
.sub_port_list p{text-align:center; font-size:16px;  }
.sub_port {width:1100px; margin:0 auto; height:700px; border:1px solid #333;  }
.tabcon2{width:1100px; text-align:center; overflow:hidden; margin:0 auto; margin-top:40px;}
.tabcon2 li{float:left; /*width:218.8px;*/ width:273.5px; padding:0px 0 0px 0; background-color:#b8c61a; font-size:14px; border-top:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff; }
.tabcon2 li span{display:inline-block;width:100%;  }
.tabcon2 li span a{display:block; padding:15px 0 15px 0;text-decoration:none; color:#fff;font-weight:bold; font-weight:400; }
.tabcon2 p { float:left; width:218.8px; padding:0px 0 0px 0; background-color:#b8c61a; font-size:14px; border-top:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff;  }
.tabcon2 p span{display:inline-block;width:100%;  }
.tabcon2 p span a{display:block; padding:15px 0 15px 0;text-decoration:none; color:#fff;font-weight:bold; font-weight:400; }
.tabcon2 .on{background-color:#353232;}
.tabcon2 .on a{color:#fff;}

.sub_port_more { width:1100px; margin:0 auto;margin-top:20px;   text-align:center; margin-bottom:60px; }

/*서브포트폴리오 뷰*/
.portfolio_view_wrap { width:100%; float:left; margin-top:40px;  }
.portfolio_view {width:1100px; margin:0 auto; }
.portfolio_view .title { font-size:30px; text-align:center;  margin-top:40px; color:#b6c702;  } 
.portfolio_view .text { font-size:16px; text-align:center; padding-bottom:20px; margin-bottom:40px; border-bottom:1px solid #ccc;   } 
.portfolio_view .view  img { width:100px; float:right; margin:0px 0 60px 0;  }
.port_view_img img { width:1100px;   }


/*서브 가현*/ 
.sub_tab_wrap { width:100%; float:left; }
.sub_tab { width:1100px; margin:0 auto; margin-top:40px;   }
.sub_tab h2{text-align:center; font-size:30px; }
.sub_tab p{text-align:center; font-size:16px;  }

.tabcon{width:1100px; text-align:center; overflow:hidden; margin:0 auto; margin-top:40px;}

.tabcon li{float:left;width:273.5px; padding:0px 0 0px 0; background-color:#b8c61a; font-size:14px; border-top:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff; }
.tabcon li span{display:inline-block;width:100%;  }
.tabcon li span a{display:block; padding:15px 0 15px 0;text-decoration:none; color:#fff;font-weight:bold; font-weight:400; }
.tabcon .on{background-color:#353232;}
.tabcon .on a{color:#fff;}
.ko_tabcon { width: 1100px;  }


.overview {width:1100px;  height:500px; background:url('/images/overview_bg.png'); margin-top:30px; }
.overview .title {font-size:25px; padding:20px 0 0px 0; line-height:30px; font-weight:200;  } 
.overview .title img { }
.overview .text {font-size:16px; padding-top:30px;  font-weight:300; letter-spacing:-1px;  line-height:25px;}
.overview .title .point {font-weight:700;}
.overview .text .point {font-weight:700;}


.profile_wrap {width:1100px; float:left; margin-top:20px; } 
.profile_wrap .title {font-size:25px; margin-top:40px; font-weight:700; } 
.profile {width:1100px; float:left;   }
.profile dl {float:left; width:530px; border:1px solid #ccc; margin-top:20px; margin-right:36px; }
.profile dl dt {float:left; width:170px; background:#f8f9f2; padding:15px 0; font-size:15px; font-weight:700; text-align:center;  }
.profile dl dt  img {width:28px; vertical-align:middle; margin-right:5px; }
.profile dl dd {float:left; width:300px;  font-size:14px;  padding:20px 0 15px 0 ; padding-left:20px; font-weight:300;    letter-spacing:-0.5px; }
.profile .point {margin-right:0px; }
.profile .point2 {padding:25px 0 23px 0 ; background:#f8f9f2; }
.profile .point3  {font-weight:600;  }


.profile2 { width:1100px; float:left;  }
.profile2 dl {float:left; width:1100px; border:1px solid #ccc; margin-top:20px; }
.profile2 dl dt {float:left; width:170px; background:#f8f9f2; padding:58px 0; font-size:15px; font-weight:700; text-align:center;  }
.profile2 dl dt  img {width:28px; vertical-align:middle; margin-right:5px; }
.profile2 dl dd {float:left; width:860px;  font-size:14px;  padding:50px 0 15px 0 ; padding-left:20px; font-weight:300;  line-height:25px;  }
.profile2 .point { font-weight:700; color:#b8c61a; font-size:20px; vertical-align:middle; }

.profile3 { width:1100px; float:left;  }
.profile3 dl {float:left; width:1100px; border:1px solid #ccc; margin-top:20px; }
.profile3 dl dt {float:left; width:170px; background:#f8f9f2; padding:58px 0; font-size:15px; font-weight:700; text-align:center;  }
.profile3 dl dt  img {width:28px; vertical-align:middle; margin-right:5px; }
.profile3 dl dd {float:left; width:860px;  font-size:14px;  padding:20px 0 15px 0 ; padding-left:20px; font-weight:300;  line-height:25px;  }
.profile3 .point { font-weight:700; color:#b8c61a; font-size:20px; vertical-align:middle; }


.license_wrap {width:1100px; float:left; margin-bottom:60px; } 
.license_wrap .title {font-size:25px; margin-top:20px; font-weight:700;} 
.license {width:1100px; margin-top:30px; text-align:left; }
.license img { margin:20px 0 0 0; border:1px solid #ccc; }




.area {width:1100px;   float:left;  }
.area .title {font-size:25px; padding-top:80px; line-height:30px; font-weight:200;  } 
.area .text {font-size:16px; padding-top:30px;  font-weight:300;  line-height:25px;}
.area .title .point {font-weight:700;}
.area .text .point {font-weight:700; color:#b8c61a; }
.area_detail { width:1100px;  float:left; margin-bottom:60px; margin-top:30px;   text-align:center; }
.area_detail img { width:610px;  } 



.oganization {width:1100px;  float:left; }
.oganization .title {font-size:25px; padding-top:80px; line-height:30px; font-weight:200;  } 
.oganization .text {font-size:16px; padding-top:30px;  font-weight:300;  line-height:25px;}
.oganization .title .point {font-weight:700;}
.oganization .text .point {font-weight:700;  }
.oganization_detail { width:1100px; float:left; margin-bottom:60px; text-align:center; }

.location {width:1100px; float:left; margin-bottom:100px;   }
.location .map { width:1100px; height:500px; margin:0 auto; background:#ccc;  margin-top:40px; margin-bottom:30px; }
.location .title { font-weight:700; margin-top:30px; font-size:20px; color:#b8c61a;  float:left;  border-top:2px solid #b8c61a; padding-top:40px;  }
.location .text { font-size:14px; margin-top:30px;  float:right; border-top:2px solid #b8c61a;   padding-top:40px;  width:860px; height:30px; font-weight:400;   }
.location .point {font-weight:700; color:#b8c61a; }


.news_wrap { width:100%; float:left; }
.news_list { width:width:1100px;  }
.tbl_newsA { width:1100px; margin:0 auto;  }
.tbl_newsA  th { height:50px; background:#565656; font-size:15px; color:#fff; border-right:1px solid #fff; }
.tbl_newsA  td {  background:#f8f8f8;padding:15px 0; border:1px solid #ccc; text-align:center;  } 
.paging {width:1100px; margin:0 auto; text-align:center; margin-top:30px;  margin-bottom:100px; letter-spacing:10px; font-size:15px; }
.news_list .title {font-size:25px; padding-top:80px; line-height:30px; font-weight:200; margin-bottom:40px;  } 
.news_list .title .point {font-weight:700;}

.news_view { width:1100px; margin:0 auto; }
.tbl_newsA_view { width:1100px; margin:0 auto;  }
.tbl_newsA_view  th { height:45px; background:#565656; font-size:15px; color:#fff; border-right:1px solid #fff;  border-bottom:1px solid #666;}
.tbl_newsA_view  td {  background:#f8f8f8;padding:10px 0 10px 0px ; border:1px solid #ccc; text-align:center;  } 
.new_btn_list {width:1100px; margin:0 auto; text-align:right;  margin-top:30px;  margin-bottom:100px; } 
.news_view .title {font-size:25px; padding-top:80px; line-height:30px; font-weight:200; margin-bottom:40px;  } 
.news_view .title .point {font-weight:700;}
.new_btn_list {width:1100px; float:right; }

/*서비스*/
.sub_tab_wrap { width:100%; float:left; }
.sub2_tab { width:1100px; margin:0 auto; margin-top:40px;   }
.sub2_tab h2{text-align:center; font-size:30px; }
.sub2_tab p{text-align:center; font-size:16px;  }

.sub2_tab .tabcon{width:1100px; text-align:center; overflow:hidden; margin:0 auto; margin-top:40px; }

.sub2_tab .tabcon li{float:left;width:273px; padding:0px 0 0px 0; background-color:#b8c61a; font-size:14px; border-top:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff; }
.sub2_tab .tabcon li span{display:inline-block;width:100%;  }
.sub2_tab .tabcon li span a{display:block; padding:15px 0 15px 0;text-decoration:none; color:#fff;font-weight:bold; font-weight:400; }
.sub2_tab .tabcon .on{background-color:#353232;}
.sub2_tab .tabcon .on a{color:#fff;} 
.ko_tabcon { width: 1100px;  }

.process_wrap {width:1100px; float:left; margin-top:30px; } 
.process_wrap .title {font-size:25px; font-weight:700;} 
.process {width:1100px; margin-top:30px; }
.process ul {width:1100px; margin: 0 auto;}
.process ul li { margin-bottom:40px;  }
.process ul li img { margin-bottom:20px; }
.process ul li h4 { font-size:18px; } 
.btn_area2 {text-align:center; margin-bottom:60px;  }

.process_m {display:none} 

/*서비스-*전시부스*/

.booth {width:1100px; float:left;  margin-top:40px;  }
.booth .title {font-size:25px; padding-top:40px; line-height:35px; font-weight:200;  letter-spacing:-1px;  } 
.booth .text {font-size:16px; padding-top:30px;  font-weight:300; letter-spacing:-1px;  line-height:25px;}
.booth .title .point {font-weight:700; color:#b8c61a; }
.booth .text .point {font-weight:700;}
.booth ul { width:1100px; float:left;  margin-top:20px; margin-bottom:10px;  }
.booth ul li {width:260px;  margin-bottom:30px;   float:left; margin-right:16px; border:1px solid #ccc; background:#f8f8f8; }
.booth ul li img { width:260px; }
.booth ul li h4 { font-size:17px; color:#899411; padding-top:25px;  margin-left:10px;  }
.booth ul li p {font-size:14px; text-align:left; padding:20px 10px;    }
.booth .btn_area { float:left; width:100%; margin:20px 0 100px 0; text-align:center;  }
.booth .btn_area img { width:196px;   text-align:center;  }


/*서비스-컨벤션*/
.conven {width:1100px; float:left; margin-top:40px;  }
.conven .title {font-size:25px; padding-top:40px; line-height:35px; font-weight:200;  letter-spacing:-1px;  } 
.conven .title .point {font-weight:700; color:#b8c61a; }
.conven ul { width:1100px; float:left;  margin-top:20px; margin-bottom:10px;  }
.conven ul li {width:260px;  margin-bottom:30px;   float:left; margin-right:16px; border:1px solid #e2e2e2; background:#f9f9f9;  }
.conven ul li h4 { font-size:17px; color:#899411; padding-top:25px;  margin-left:10px;  }
.conven ul li p {  font-size:14px; text-align:left; padding:20px 10px;  word-break:keep-all;  }
.conven .btn_area { float:left; width:100%; margin:20px 0 100px 0; text-align:center;  }
.conven .btn_area img { width:196px;  }


/*서비스-*프린트*/
.print {width:1100px; float:left;  margin-top:40px;  }
.print .title {font-size:25px; padding-top:40px; line-height:35px; font-weight:200;  letter-spacing:-1px;  } 
.print .text {font-size:16px; padding-top:30px;  font-weight:300; letter-spacing:-1px;  line-height:25px;}
.print .title .point {font-weight:700; color:#b8c61a; }
.print .text .point {font-weight:700;}
.print ul { width:1100px; float:left;  margin-top:20px; margin-bottom:10px;  }
.print ul li {width:350px;    float:left; margin-right:20px;  margin-bottom:20px; border:1px solid #e9e9e9; background:#f9f9f9;  }
.print ul li img {width:350px;} 
.print ul li h4 { font-size:17px; color:#899411; padding-top:30px;  margin-left:10px;   }
.print ul li p {  font-size:14px; text-align:left; margin-top:10px; margin-left:10px;  margin-bottom:30px; word-break:keep-all; }

.print .btn_area { float:left; width:100%; margin:20px 0 100px 0; text-align:center;  }
.print .btn_area img { width:196px;  }



/*서비스-*부가서비스*/
.other_w {margin-top:40px; margin-bottom:60px;  }  
.other_t {display:none; }
.other_m  {display:none;}



/*문의하기*/
.conctact_wrap {width:100%; float:left;  background:url('/images/contact_bg.jpg') no-repeat top center;  }
.sub_conctact {width:1100px; margin:0 auto; margin-top:40px;  }

.contact_le { width:500px; float:left; margin-top:20px; }
.contact_le .title {font-size:25px; font-weight:700; color:#fff; }
.contact_le .text {font-size:15px;  font-weight:300;  line-height:25px;  color:#fff; } 
.contact_le .map_mob {display:none; }

.contact_ri { width:550px; float:right; margin-bottom:40px; } 
.contact_text1  { width:550px; float:left; margin-top:110px;   } 
.contact_text1 dl {width:550px; float:left;  margin-bottom:0px;  border-bottom:1px solid #666;   }
.contact_text1 dl dt { float:left; width:100px;  padding:15px 0 10px 0 ; text-align:center; color:#fff; }
.contact_text1 dl dd { float:left;  width:448px; margin-left:0px; vertical-align:middle; background:transparent;  }
.contact_text1 dl dd .name{ width:300px; height:25px;  margin-top:5px; margin-left:20px; background: url('/images/background_white_bg.png'); border:none; color:#fff; } 
.contact_text1 dl dd .email {  width:120px;  height:25px;  margin-top:5px; margin-left:20px;width:22%; background:transparent;  } 
.contact_text1 dl dd select { width:120px; height:33px; background: url('/images/background_white_bg.png');  color:#000;   }
.contact_text1 dl dd .sel_type { border:none; margin-top:5px; margin-left:20px; width:40%;  color:#fff; border:1px solid #666; }
.contact_text1 dl dd option { background: transparent; color: #000;}
.contact_text1 dl dd  img {vertical-align:mlddle;  margin-top:5px; }
.contact_text1 dl dd .number  { width:150px; height:25px;  margin-top:5px; margin-left:20px; background: url('/images/background_white_bg.png'); border:none; color:#fff; }

.contact_text2  { width:550px; float:left; }  
.contact_text2 dl {width:550px; float:left; border-bottom:1px solid #666; }
.contact_text2 dl dt { float:left; width:550px;  padding:15px 0 10px 0 ; text-align:center; color:#fff;  border-bottom:1px solid #666; }
.contact_text2 dl dd { float:left;  width:550px ;  vertical-align:middle;  }
.contact_text2  textarea { width:528px;  border:none; margin:11px 0; padding-left:10px;  padding-right:10px; font-family:'Noto Sans KR', sans-serif; font-weight:300; color:#fff;  font-size:11px; background: url('/images/background_white_bg.png');  } 

.btn_app { float:left; width:100%; text-align:center; margin:40px 0 40px 0;   }

.popup-button {cursor: pointer;  }
.dimmed { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: black; opacity: 0.6; z-index: 1000;}

.app_popup { display: none; position: fixed; left: 0; top: 0; width: 250px; height: 270px; border:1px solid #b8c61a; background: #b8c61a; z-index: 1500;}
.app_popup ul { padding:30px 0 0 0; }
.app_popup ul li { float:left; width:100%; font-size:16px; color:#fff; text-align:center; line-height:25px; padding:0 0 10px 0;  }
.app_popup ul .pop_check_img img { padding-left:20px;  }
.app_popup ul .pop_loading_img img { padding-left:0px;  }

.app_popup1 { display: none; position: fixed; left: 0; top: 0; width: 250px; height: 270px; border:1px solid #b8c61a; background: #b8c61a; z-index: 1500;}
.app_popup1 ul { padding:30px 0 0 0; }
.app_popup1 ul li { float:left; width:100%; font-size:16px; color:#fff; text-align:center; line-height:25px; padding:0 0 10px 0;  }
.app_popup1 ul .pop_check_img img { padding-left:20px;  }
.app_popup1 ul .pop_loading_img img { padding-left:0px;  }

.app_popup2 { display: none; position: fixed; left: 0; top: 0; width: 250px; height: 270px; border:1px solid #b8c61a; background: #b8c61a; z-index: 1500;}
.app_popup2 ul { padding:30px 0 0 0; }
.app_popup2 ul li { float:left; width:100%; font-size:16px; color:#fff; text-align:center; line-height:25px; padding:0 0 10px 0;  }
.app_popup2 ul .pop_check_img img { padding-left:20px;  }
.app_popup2 ul .pop_loading_img img { padding-left:0px;  }

.app_close { padding:5px 20px; cursor:pointer;}

.agree { width:100%;float:left;  text-align:center; color:#fff; margin-top:20px; }


/*하단 카피 컨텐츠*/
.dgcopy_wrap { float:left; width:100%; height:100%; background:#222; padding:50px 0;  }
.dgcopy_w { width:1100px; margin:0 auto;  }
.dgcopy_w .info { float:left; width:400px; }
.dgcopy_w .info .title { float:left; width:100%;  margin:0 0 10px 0; font-size:15px; color:#fff;   }  
.dgcopy_w .info ul { float:left; width:100%;  margin:0 0 10px 0; }
.dgcopy_w .info ul .dgcopy_title { font-size:13px; color:#b8c61a;  }
.dgcopy_w .info ul li { font-size:13px; color:#ccc;  }
.dgcopy_w .info ul li span { padding-left:15px;  }
.dgcopy_w .info ul li span img { width:100px; }

.dgcopy_w .company { float:right; width:650px; }
.dgcopy_w .company .title { float:left; width:100%;  margin:0 0 20px 0; font-size:15px; color:#fff;   }  
.dgcopy_w .company .left {  float:left; width:200px; height:200px; background:#ccc; margin:0px 0 0px 0;  }
.dgcopy_w .company .left img { width:200px; }
.dgcopy_w .company .right { float:right; width:430px; word-break:keep-all;  }
.dgcopy_w .company .right ul li { font-size:13px; color:#ccc;  }
.dgcopy_w .company .right ul li span { color:#b8c61a;   }


.map_daum { width:100%; margin:20px 0 0 0; padding:0; }



}




/*프로젝트 리스트*/
.tbl_board0202_tit { float:left; width:100%; border-bottom:1px solid #000; margin:0 0 20px 0; }
.tbl_board0202_tit ul li .tb02_1 {  width:150px; background:#000; font-size:18px; font-weight:700; color:#ffb400; text-align:center; padding:10px; margin:30px 0 0px 0;  }
.tbl_board0202_tit ul li .tb02_2 {  width:170px; background:#000; font-size:18px; font-weight:700; color:#ffb400; text-align:center; padding:10px; margin:30px 0 0px 0;  }
.tbl_board0202_tit ul li .tb02_3 {  width:200px; background:#000; font-size:18px; font-weight:700; color:#ffb400; text-align:center; padding:10px; margin:30px 0 0px 0;  }
.tbl_board0202_tit ul li .tb02_4 {  width:190px; background:#000; font-size:18px; font-weight:700; color:#ffb400; text-align:center; padding:10px; margin:30px 0 0px 0;  }

.tbl_board0202_wrap { width:100%; max-width:850px; margin:0 auto;  }
.tbl_board0202 { width:100%;  }


.tbl_board0202 tbody tr td { padding:5px 0; font-size:16px; font-weight:500; color:#000; vertical-align:middle;  }
.tbl_board0202 .so_cat { font-weight:400;  color:#555; }
.tbl_board0202 .so_cp { font-size:16px;  }

.bg_cr { background:#f8f8f8; }
.tbl_board0202_colorbg1 { float:left; width:100%; height:20px; background: linear-gradient(90deg, #2773da, #0f50a7 ); }
.tbl_board0202_colorbg2 { float:left; width:100%; height:20px; background: linear-gradient(90deg, #85b61c, #6f9d0c ); }
.tbl_board0202_colorbg3 { float:left; width:100%; height:20px; background: linear-gradient(90deg, #f08038, #d85e0f ); }
.tbl_board0202_colorbg4 { float:left; width:100%; height:20px; background: linear-gradient(90deg, #1eab9b, #089282 ); }


@media only screen and (min-width:1px) and (max-width:540px) {
.tbl_board0202_pic ul { width:100%; margin:0 auto;   }

}

@media only screen and (min-width:541px) and (max-width:860px) { 
.tbl_board0202_pic ul { width:100%; margin:0 auto;   }

}

@media only screen and (min-width: 861px) {
.tbl_board0202_pic ul { width:100%; margin:0 auto;   }

}

.tbl_board0202_pic { float:left; width:100%;  margin:30px 0 30px 0;    }

.tbl_board0202_pic ul li { float:left; width:calc(100%/3); text-align:center;  }
.tbl_board0202_pic ul li img { width:97%; }