@media (max-width:999px){
/*200928 가디페이지 추가 - 이혜림*/
.overview_top{overflow:hidden; margin-bottom:70px;}
.overview_top .did_title_wrap li{float:none; width:100%; margin-right:0; margin-bottom:40px;}
.overview_top .did_title_wrap li img.icon{width:50px; height:50px;}
.overview_top .did_title_wrap dt{margin:28px 0 12px; font-size:13px; line-height:20px;}
.overview_top .did_title_wrap dd{font-size: 13px; line-height: 20px;}

.overview_top .img_left{width:100%; padding-right:0; float:none;}
.overview_top .did_title_wrap img{width:100%;}
.overview_top .txt_right{width:100%; text-align:left; float:none;}
.overview_top .txt_left{width:100%; text-align:left; float:none; clear:both;}
.overview_top .img_right{width:100%; padding-left:0; float:none;}
.overview_top p{display:block; margin-bottom:10px !important;}
.overview_top .cont_wrap{width:100%; margin-top:30px;}

.gadi_top{ max-width:1230px; margin:0 auto; padding-bottom:40px; padding-right:15px; padding-left:15px; overflow:hidden; margin-bottom:70px;}
.gadi_top .txt_left{width:100%; float:none;}
.gadi_top .txt_left .title{font-size:15px; font-weight:500; line-height:1.6em;}
.gadi_top li{font-size: 13px; line-height:20px; text-align:left;}
.gadi_top img{width:50%;}
.gadi_top .img_right{width:100%; padding-left:0; float:left;}
.gadi_top p{display:block; margin-bottom:20px !important;}
.gadi_top ul{overflow:hidden; margin-bottom:20px !important;}

/*201013 설립자 개요 추가 - 이혜림*/
.founder_introduce li{height:300px; width:100%; padding:70px 40px 40px 40px; margin-right:0; margin:40px auto 30px auto; }

.founder_introduce p{font-size:13px; line-height:1.8em;}
.founder_introduce .imgBox{width:80px; height:80px; border-radius:40px; position:absolute; z-index:100; left:calc(50% - 40px); top:-40px; overflow:hidden;}
.founder_introduce .imgBox img{width:100%;}

    
    
    
.container_wrap{  }

/*------------------------------------
    링크 버튼
------------------------------------*/
/* 버튼 영역 */
.btn_padding{ clear:both; position:relative; }
.btn_padding.right{ text-align:right; }
.btn_style01 {padding:8px 30px; font-size:12px;}
/* 버튼 스타일 */
.btn{ padding:1px 10px 0; margin-left:4px; min-width:40px; font-size:12px; line-height:28px; }
.btn:hover{ border-color:#261909; background:#261909; color:#fff; }

/* 페이징 버튼 */
.paging_btn{ padding-bottom:15px; padding-top:25px; }
.paging_btn span b, .paging_btn span a{ height:28px; padding:0 10px 0; font-size:11px; line-height:28px; }
.paging_btn span.btn_wrap a:before{ vertical-align:0; }
.paging_btn span.arrow a:before{ vertical-align:0; }

.board_btn_wrap{ padding-top:35px; }

.centerWrap .checkbox.all i{ top:4px; }
.centerWrap .checkbox.all span{ margin-left:0; font-size:11px; }

.board_passwd_wrap .inputField{ margin-bottom:5px; }
.board_passwd_wrap .iconField i{ width:70px; height:70px; line-height:70px; font-size:20px; }
.board_passwd_wrap .iconField i:before{}
.board_passwd_wrap dt{ margin-top:20px; font-size:12px; line-height:20px; }
.board_passwd_wrap .inputField input[type="password"]{ height:32px; line-height:30px; font-size:12px; }

/* prev, next, list 버튼 하단으로 이동 */
.prev_next_bottom_btn{ padding:0; margin:25px 0 0; }
.prev_next_bottom_btn li{ float:none; width:100%; padding:0 10px 2px; height:39px; }
.prev_next_bottom_btn li:first-child{ border-bottom:1px solid #eee; }
.prev_next_bottom_btn li a{ float:left !important; width:80%; padding:0 15px; font-size:12px; line-height:39px; }
.prev_next_bottom_btn li strong{ float:left !important; width:20%; max-widtH:100px; padding:0 10px 0 0; font-size:0; line-height:39px; text-align:center; }
.prev_next_bottom_btn li strong:before{ position:relative; left:auto; top:auto; width:auto; content:'Prev'; font-size:12px; background:none; }
.prev_next_bottom_btn li strong:after{ top:14px; height:12px; }
.prev_next_bottom_btn li span{ float:left !important; padding:0 15px; font-size:12px; line-height:39px; }

.prev_next_bottom_btn li.next a{ text-align:left; }
.prev_next_bottom_btn li.next strong{ padding:0 10px 0 0; }
.prev_next_bottom_btn li.next strong:after{ left:auto; right:0; }
.prev_next_bottom_btn li.next strong:before{ content:'Next'; background:none; }
.prev_next_bottom_btn li.next span{ text-align:left; }

.board_bottom_list_btn{ margin-top:35px; }
.board_bottom_list_btn .btn{ width:100px; font-size:14px; line-height:38px; }

.contactus_submit .btn{ width:100px; font-size:14px; line-height:38px; }
.application_form_btn_wrap{ margin:25px auto 30px; }
.application_form_btn_wrap .contactus_submit .btn{ padding-left:15px; padding-right:15px; width:auto; }

/*------------------------------------
    로고
------------------------------------*/
.middle_wrap .logo{  }
.middle_wrap .logo a{ width:65px; height:26.95px; top:15px; }
.middle_wrap .logo a > img{  }


/*------------------------------------
    전체 카테고리
------------------------------------*/
.nav{ height:56px; }
.nav .site_map{ display:block; height:56px; width:62px; }
.nav .site_map > h1 a{ width:55px; }

/*------------------------------------
    상단 gnb
------------------------------------*/
.navbar_center{ border-bottom-color:#f8f6f4; }
.navbar_center .top_menu{ display:none; }


/*------------------------------------
    상단 해더
------------------------------------*/
/* 다국어 버튼 */
.header_center{ display:block; height:57px; }
.header_center .top_wrap{ }
.header_center .top_wrap .right{ position:absolute; right:0; top:0; }
.header_center .top_wrap .right > li .language_btn{  }
.header_center .top_wrap .right > li .language_btn{ margin:17px 18px 0 0; padding:1px 8px 0; line-height:18px; font-size:12px; color:#777; border:1px solid #eee; border-radius:100px; }
.header_center .top_wrap .right > li .language_btn span{ display:none; }
.header_center .top_wrap .right > li .language_btn:hover{ background:#1f3c84; color:#fff; }

/* 사이트맵, 검색 */
.header_center .top_wrap .right{ right:15px; top:10px; }
.siteMap{ padding:10px 0; width:40px; height:36px; }
.siteMap div{ width:18px; height:16px; }
.siteMap span{ border-radius:0; }
.siteMap span:nth-of-type(2){ top:7px; }

.header_center .top_wrap .right > li{ height:55px; }
.header_center .top_wrap .right .search_btn a{ width:62px; height:56px; background-size:20px; }

/* .header_center.fixed .top_wrap .right{ right:0; top:0; }
.fixed .siteMap{ width:62px; height:56px; padding:19px 0; } */

/*------------------------------------
    공통부분
------------------------------------*/
/* .wd33 {width:100% !important;}
.wd40 {width:100% !important;}
.wd50 {width:100% !important;}
.wd60 {width:100% !important;}
.wd100 {width:100% !important;}
 */

/*------------------------------------
    사이트맵
------------------------------------*/
#sitemap .mobile.logo span{  }
#sitemap .depth_1 { color:#666; font-size:14px; line-height:51px; }
#sitemap li > .depth_1{ padding:15px 16px; line-height:20px; min-width:122px; }
#sitemap .depth_2 { width:calc(100% - 122px); padding-top:51px; }
#sitemap .depth_2 .depth_1 { font-size:17px; }
#sitemap .depth_2 li > a { font-size:14px; line-height:48px; }



/*------------------------------------
    스크롤시 상단메뉴 고정
------------------------------------*/
/* .middle_wrap.fixed .logo{ top:13px; }
.middle_wrap.fixed .logo a{ width:156px; height:33.8px; } */


/*------------------------------------
    서브 : 상단 메뉴
------------------------------------*/
.sub_category_top .centerWrap{ padding:0; }
.sub_category_top:before{ display:none; }

.depth_2_sub{ background:url(/img/product_img_bg.jpg); }
.depth_2_sub:before{ height:1px; width:100%; }
.depth_2_sub > li{ width:50%; }
.depth_2_sub > li.active:before{ bottom:0; height:1px; background:#ddd; }
.depth_2_sub > li:before{ z-index:10; position:absolute; left:0; bottom:0; content:''; width:100%; height:1px; background:#ddd; }
.depth_2_sub > li:hover:before{ bottom:0; height:1px; background:#ddd; }
.depth_2_sub > li a{ font:300 12px/32px 'Roboto','NanumGothic','Noto Sans KR','Malgun Gothic'; }
.depth_2_sub > li a{ width:100%; overflow:hidden; padding:0 5px; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; }
.depth_2_sub > li:nth-child(even) a{ border-right:none; }
.depth_2_sub > li.active > a{ background:#333; color:#fff; font-weight:400; }
.depth_2_sub > li:hover > a:after{ z-index:99; position:absolute; left:0; bottom:0; content:''; width:100%; height:1px; background:#ddd; }
.depth_2_sub > li.active:hover > a{ background:#333; color:#fff; font-weight:400; }
.depth_2_sub > li:hover > a{ background:#fff; color:#222; font-weight:400; }
.depth_2_sub > li a i:before{ color:#444; }
.depth_2_sub > li:hover a i:before{ color:#444; }
.depth_2_sub > li.active a i:before{ color:#fff; }

.depth_3_sub{ display:none; top:31px; }
.hover .depth_3_sub{ display:block; }

.depth_3_sub li a{ line-height:31px; }

.company_body .depth_2_sub > li{ width:50%; }
.product_body .depth_2_sub > li{ width:50%; }
.cs_body .depth_2_sub > li{ width:50%; }

.hover .depth_3_sub{ display:block; padding-top:0; }


.sub_category_type2{ display:none; }

.sub_head_wrap{ padding-top:0; padding:0 0 17px; margin-bottom:35px; text-align:center; border-bottom:1px solid #ddd; }
.sub_head_wrap:before{ }
.sub_active_title{ position:relative; display:inline-block; padding:0 5px; font-size:20px; line-height:22px; }
.sub_active_title:after{ position:absolute; left:0; bottom:-20px; content:''; width:100%; height:2px; background:#261909; }

.sub_contents_wrap > .centerWrap{ padding-top:55px; padding-bottom:70px; }

.move_page_warp{ top:3px; width:100%; }
.move_page_warp li{ background:none !important; margin:0; }
.move_page_warp li:first-child{  }
.move_page_warp li a{ width:15px; height:39px; background:url(/img/arrow_left_black.png) no-repeat center 1px; background-size:7px !important; border-bottom:1px solid #444; }
.move_page_warp li:last-child{ float:right; }
.move_page_warp li:last-child a{ width:15px; height:39px; background:url(/img/arrow_right_black.png) no-repeat center 1px; }

/*------------------------------------
    서브 : 좌측 메뉴 영역
------------------------------------*/
.depth_2_left{ background:url(/img/product_img_bg.jpg); }
.depth_2_left > li{ width:50%; }
.depth_2_left > li a{ font-size:12px; line-height:30px; }

.product_body .depth_2_left > li{ width:50%; }



/*------------------------------------
    서브 : 100% 컨텐츠 영역
------------------------------------*/
.sub_right_contents{ min-height:250px; }
.sub_contents_wrap { min-height:300px; }
.left_ui_wrap .container_wrap {background:none;}

.sub_contents_wrap:before{ border-right:340px solid rgba(0,0,0,0.02); border-bottom:160px solid transparent; }

/*------------------------------------
    서브 : 우측 컨텐츠 영역
------------------------------------*/
.sub_left{ padding:40px 0 50px 0; min-height:300px; }



/*------------------------------------
	서브비주얼
------------------------------------*/
.sub_visual_wrap{ height:200px; }
.sub_visual_wrap h1{ padding:0 20px; margin-top:85px; font-size:24px; }


/*------------------------------------
    일반 서브페이지 카테고리 탭메뉴
------------------------------------*/
.contents_tab_wrap{ margin:-10px auto 40px; }
.contents_tab{ overflow:visible; width:100%; margin:0 auto; max-width:500px; }
.contents_tab:after{ clear:both; content:''; display:block; }
.contents_tab li{ width:50%; margin-top:-1px; }
.contents_tab li:nth-child(2n+1){ margin-left:0; }
.contents_tab li:nth-child(2n+1) a{ border-right:0; }
.contents_tab li a{ border-width:1px; }
.contents_tab li:first-child a{ border-left-width:1px; border-bottom-left-radius:0; border-top-left-radius:0; }
.contents_tab li:nth-child a{ border-top-right-radius:4px; }
.contents_tab li:last-child a{ border-right-width:1px; border-top-right-radius:0; border-bottom-right-radius:0; }
.contents_tab li:first-child a:before{ display:none; }
.contents_tab li a:before{ display:none; }
.contents_tab li a{ width:100%; padding:0 5px; font-size:12px; line-height:34px; }
.contents_tab li.active a{ font-weight:500; }


.history_body .contents_tab{ margin:0; }
.history_body .contents_tab li a{ padding:0 20px; font-size:15px; line-height:32px; }
.history_body .contents_tab li:first-child a{ border-top-left-radius:4px; }
.history_body .contents_tab li:last-child a{ border-top-right-radius:4px; }


/*------------------------------------
    서브 컨텐츠 대표 문구 : 타이틀
------------------------------------*/
.sub_contents_title{ margin-bottom:40px; font-size:13px; line-height:20px; font-weight:300; text-align:left; }
.sub_contents_title br{ display:none; }
.sub_contents_title strong{ font-weight:400; }

.sub_right_contents{ padding:0; min-height:auto; }
.sub_title_wrap{ margin-bottom:30px; }
.sub_title_wrap .img_wrap{ max-width:90px; margin-bottom:15px; }
.sub_title { font-size:13px; line-height:18px; }
.sub_title h1{ font-size:16px; line-height:20px; font-weight:500; }
.sub_title h1:after{ width:25px; margin:15px auto; }
.sub_title h3{ font-size:16px; line-height:20px; font-weight:500; }
.sub_title h4{ margin-bottom:10px; font-size:14px; line-height:20px; font-weight:500; }
.sub_title span{ margin-top:10px; font-size:12px; line-height:22px; }
.sub_title span br{ display:none; }


.dotted{ padding-top:20px; margin-bottom:20px; }
.dotted_big{ padding-top:30px; margin-bottom:30px; }
.dotted_line{ padding-top:30px; margin-bottom:30px; }
.dotted_big_line{ padding-top:40px; margin-bottom:40px; }
.dotted_small{ padding-top:8px; margin-bottom:8px; }

/*------------------------------------
    서브 > 페이지 타이틀
------------------------------------*/
.page_title_wrap{ margin-bottom:45px; }
.page_title_wrap h1{ font-size:20px; line-height:26px; }
.page_title_wrap h1:after{ margin-top:12px; width:30px; }


/*------------------------------------
    회사소개
------------------------------------*/
/* 인사말 */
.greetings_wrap:after{ display:none; }
.greetings_left{ position:relative; left:auto; top:auto; width:100%; max-width:100%; height:auto; padding:55px 30px 52px; border-radius:4px 4px 0 0; }
.greetings_left h2{ margin-bottom:15px; font-size:24px; line-height:36px; }
.greetings_left p{ padding-left:0; }

.greetings_right_wrap:after{ display:none; }
.greetings_right{ display:block; width:100%; max-width:100%; margin-top:0; padding:23px 30px 30px; border-radius:0 0 4px 4px; }
.greetings_right h3{ margin-bottom:5px; line-height:26px; font-size:16px; }
.greetings_right h3:after{ width:40px; right:-60px; }
.greetings_right h3 b{ font-size:42px; }
.greetings_right .thanks{ margin-top:10px; }
.greetings_right .sign{ margin-top:20px; }
.greetings_right .sign span{ font-size:12px; }
.greetings_right .sign span i{ margin:0 7px; }


/* 3뎁스 공통 타이틀 */
.did_title_wrap{ margin-bottom:40px; }
.did_title{ max-width:230px; font-size:18px; }
.did_title:before{ top:14px; left:-40px; content:''; width:25px; }
.did_title:after{ top:14px; right:-40px; width:25px; }
.did_title_wrap p{ margin-top:13px; }


/* overview : did aliiance */
.did_bottom_block{ padding:45px 15px 58px; }
.did_bottom_wrap{ max-width:400px; }
.did_bottom_wrap .did_bottom:before{ display:none; }
.did_bottom{ display:block; padding-top:25px; }
.did_contents{ display:block; }
.did_contents li{ display:block; width:100% !important; }
.did_contents li .img_wrap{ padding:0; }
.did_contents li div img{ max-height:80px; margin-right:-5px; }
.did_bottom_wrap .did_bottom:nth-child(2) .did_contents li div img{ margin-right:-2px; margin-bottom:7px; }
.did_contents li h3{ margin:5px 0 8px; font-size:16px; text-align:center; text-transform:uppercase; }
.did_contents li p{ text-align:center; }
.did_dotted li p{ padding-left:8px; text-align:left; }
.did_dotted li p:before{ top:10px; width:3px; height:3px; }

/* overview : vision & mission */
.overview_top{ padding-bottom:0; }
.vision_bottom_wrap{ padding:55px 0; }

.vision_bottom{ display:block; max-width:450px; margin:0 auto; }
.vision{ display:block; }
.vision li{ display:block; width:100%; max-width:400px; margin:0 auto; }
.vision li.vision_left{ background-size:auto; background:none; }
.vision li.vision_center{ width:100%; max-width:100%; }
.vision li.vision_right{ background-size:auto; background:none; }
.vision li.vision_left div{ padding:0 15px 40px; }
.vision li.vision_right div{ padding:40px 20px 0; }
.vision li div h3{ font-size:15px; line-height:40px; box-shadow:-2px 6px 10px 0 rgba(16, 44, 115, 0.2); }
.vision li div p{ margin-top:25px; font-size:13px; line-height:22px; }


/* 백그라운드 : 상단 */
.bg_top_wrap:before{ display:none; }

.bg_top_wrap{ margin-bottom:60px; }

.bg_top_left{ width:100%; padding:48px 30px 50px; margin:0 auto; }
.bg_top_left .img_wrap{ float:none; width:100%; padding-top:0; margin-right:0; padding-bottom:20px; text-align:right; }
.bg_top_left .img_wrap img{ max-height:85px !important; }
.bg_top_left .bg_contents{ float:none; width:100%; }
.bg_top_wrap h2{ margin-bottom:10px; font-size:24px; line-height:30px; }
.bg_top_left .bg_contents{ min-width:230px; }

.bg_top_middle{ margin:15px 0; text-align:center; }
.bg_top_middle > div{ width:100%; display:block; max-width:100%; padding:48px 30px 50px; }
.bg_top_middle .img_wrap{ margin-bottom:20px; }
.bg_top_middle .img_wrap img{ max-height:60px !important; }
.bg_top_middle .bg_contents{ min-width:220px; }

.bg_top_botom{ padding:45px 30px 47px; margin-left:0; max-width:100%; width:100%; }
.bg_top_botom .img_wrap{ float:none; width:100%; padding-bottom:22px; text-align:right; }
.bg_top_botom .img_wrap img{ max-height:100px !important; }
.bg_top_botom .bg_contents{ min-width:230px; padding:0; }

.bg_bottom_block{ padding-top:50px; padding-bottom:61px; }
.bg_bottom_wrap > div{ margin-top:40px; }
.bg_bottom_short{ padding:0; }
.bg_bottom_short > p{ width:100%; }
.bg_bottom_short .img_box_bg > div{ width:100%; }
.bg_bottom_short .img_box_bg > div h3{ right:30px; bottom:35px; }
.bg_bottom_short.right .img_box_bg > div{ float:none; }
.bg_bottom_short.right .img_box_bg > div h3{ left:30px; }
.bg_bottom_short .img_box_bg p{ position:relative; right:auto; bottom:auto; width:100%; margin-top:15px; }
.bg_bottom_short.right .img_box_bg p{ margin-top:15px; left:auto; text-align:left; }
.bg_bottom_long{ padding:48px 30px 50px; }
.bg_bottom_long.right{ padding:48px 30px 50px; }
.bg_bottom_wrap h3{ margin-bottom:15px; font-size:24px; line-height:30px; }


/* business direction */
.business_top{ margin-bottom:60px; }
.business_top:after{ display:none; }

.business_right_wrap{ text-align:left; }
.business_left{ position:relative; left:auto; top:auto; width:100%; max-width:100%; padding:48px 30px 50px; border-radius:4px 4px 0 0; }
.business_left h2{ font-size:24px; line-height:34px; }
.business_left h2 b{ font-size:46px; line-height:52px; }
.business_left .img_wrap img{ max-height:150px !important; }
.business_right{ display:block; margin-top:0; max-width:100%; width:100%; padding:28px 30px 35px; border-radius:0 0 4px 4px; }
.business_right h3{ margin-bottom:10px; font-size:16px; line-height:24px; }
.business_right p{ padding-left:8px; }
.business_right p:before{ top:12px; width:3px; height:3px; }

.business_bottom_block{ padding-top:50px; padding-bottom:65px; }
.business_bottom li{ display:block; padding-bottom:40px; }
.business_bottom li dl{ display:block; }
.business_bottom li dl dt{ display:block; width:100%; height:100px; }
.business_bottom li dl dt strong{ z-index:3; bottom:auto; top:28px; right:30px; font-size:50px; line-height:50px; color:rgba(255,255,255,0.3); }
.business_bottom li dl dd{ display:block; width:100%; padding-left:0; margin-top:-80px; }
.business_bottom li dl dd div{ padding:18px 30px 35px; }
.business_bottom li dl dd div:after{ right:50%; bottom:-23px; height:24px; width:50px; margin-right:-25px; }
.business_bottom li h4{ font-size:16px; }
.business_bottom li h4:after{ right:-55px; top:15px; width:40px; }
.business_bottom li p{ z-index:4; }


/* 연혁 */
.history dt{ padding:20px 5px; width:23%; vertical-align:top; }
.history dt strong{ font-size:28px; line-height:28px; }
.history dt strong:after{ display:none; }
.history dd{ padding:20px 5px; width:77%; }
.history dd p{ padding:3px 0 3px 8px; font-size:13px; }
.history dd p:before{ top:12px; width:3px; height:3px; }


/*------------------------------------
    Projects
------------------------------------*/
/* What is did */
.what_top{ margin-bottom:57px; }
.what{ margin-bottom:110px; }
.what:after{ width:50%; left:-15px; bottom:-50px; }
.what_top > p{ padding-left:0; max-width:100%; }

.what > p{ position:relative; top:auto; left:auto; max-width:500px; margin:0 auto 45px; padding-left:0; text-align:left; }
.what_img{ max-width:100%; margin-top:0;}

.what_middle_wrap{ margin-bottom:57px; }

.what_bottom_wrap{ padding:55px 0 58px; }
.what_bottom ul{ margin:-35px auto 0; }
.what_bottom ul li{ padding:0 7px; margin-top:25px; }
.what_bottom ul li div img{ max-height:80px !important; }
.what_bottom ul li h3{ margin:15px 0 5px; font-size:16px; line-height:26px; }
.what_bottom ul li p{ font-size:13px; line-height:22px; }


/* social contribution */
.social_wrap{}
.social{ padding:30px 15px 0; }
.social h2{ font-size:24px; line-height:34px; }
.social h3{ margin:20px 0 5px; padding:0; font-size:22px; line-height:32px; }
.social p{ padding:20px 0 0 ; font-size:14px; }

/* global cooperation */
.cooperation_top{ padding-bottom:10px; }
.cooperation_top:after{ width:50%; left:-15px; bottom:3px; }
.cooperation_top h2{ margin:35px 0 3px; font-size:20px; line-height:30px; }
.cooperation_top p{ padding-top:25px; font-size:14px; }

.cooperation_bottom{ max-width:800px; margin-right:auto; margin-left:auto; padding-bottom:0; }

.cooperation_left{ display:block; max-width:100%; width:100%; padding:23px 26px 28px 25px; border-radius:0 0 4px 4px; }
.cooperation_left h3{ line-height:26px; margin-bottom:0; font-size:16px; }
.cooperation_left h3:after{ width:43px; margin:8px 0 10px; }
.cooperation_left p{ padding-top:8px; padding-left:10px; }
.cooperation_left p:before{ top:17px; width:3px; height:3px; }
.cooperation_right{ position:relative; right:auto; bottom:auto; width:100%; max-width:100%; }

/* global support */
.table01{  }
.table01 th, .table01 td{ padding:8px 10px; height:38px; font-size:12px; line-height:18px; border-width:2px 0; }
.table01 th:first-child, .table01 td:first-child{ border-right-width:2px; }
.table01 td p{ padding-left:8px; font-size:12px; line-height:18px; }
.table01 td p:before{ top:7px; width:3px; height:3px; }

.support_top{ padding-bottom:100px; }
.support_top:after{ width:60%; left:-15px; bottom:-10px;  }

.support_bottom{ padding-bottom:0; max-width:700px; margin:0 auto; }
.support_right{ position:relative; right:auto; bottom:auto; width:100%; max-width:100%; }
.support_left{ width:100%; display:block; max-width:100%; padding:22px 26px 27px 25px; border-radius:0 0 4px 4px; }
.support_left h3{ margin-bottom:0; font-size:16px; }
.support_left p{ padding-top:8px; padding-left:10px; }
.support_left p:before{ top:17px; width:3px; height:3px; }


/*------------------------------------
    member
------------------------------------*/

/* benefits */
.benefits_top_wrap{ padding-top:60px; padding-bottom:63px; height:auto; }
.benefits_top{ margin-top:-25px; max-width:380px; margin:0 auto; }
.benefits_top li{ width:48%; margin-top:25px; margin-left:4%; }
.benefits_top li:nth-child(2n+1){ margin-left:0; clear:both; }
.benefits_top li div{ width:95px; height:95px; padding:22px 0; }
.benefits_top li:last-child div{ padding:26px 0 20px; }
.benefits_top li p{ margin-top:12px; font-size:13px; line-height:20px; }

.benefits_bottom_wrap{ padding:55px 0 58px; }
.benefits_right_wrap{ margin:0 auto; max-width:600px; }
.benefits_right_wrap .img_wrap{ max-width:100%; }
.benefits_right{ position:relative; right:auto; top:auto; width:100%; padding:0; margin-top:30px; }
.benefits_right p{ padding-left:10px; font-size:13px; line-height:22px; }
.benefits_right p:before{ top:7px; width:3px; height:3px; }

.benefits_middle_wrap{ padding-top:60px; padding-bottom:67px; height:auto; }
.benefits_middle{ padding-top:0; }
.benefits_middle li{ float:none; width:100%; margin-left:0; margin-top:40px; }
.benefits_middle li:after{ right:0; top:auto; bottom:-40px; width:100%; height:40px; background-size:auto 16px !important; transform:rotate(90deg); }
.benefits_middle li p{ height:auto; padding:20px 0; }
.benefits_middle li p strong{ font-size:13px; line-height:20px; }
.benefits_middle li p strong br{ display:none; }



/*------------------------------------
    문의 : Contact Us
------------------------------------*/
.contact_us_wrap{ margin-top:50px; }
.contact_us{ padding-bottom:70px; }
.contact_us > p{ padding-left:0; margin-bottom:55px; }
.map_area{ margin-top:40px; }
.map_area h3{ font-size:16px; line-height:40px; }
.map_area iframe{ margin:12px 0 15px; height:250px; }




/*------------------------------------
    푸터
------------------------------------*/
footer.footer_center{ padding:35px 0 26px; }
.copyright h3{ margin-bottom:15px; display: flex; justify-content: center;}
.copyright h3 a{ max-width:170px; }

.copyright{ text-align:center; }
.copyright .addr ul{ display:block; }
.copyright .addr ul li{ display:block; width:100%; font-size:12px; line-height:24px; }
.copyright .addr ul li:after{ display:none; padding:0 4px 0 8px; font-size:11px; vertical-align:0px; }

.footer_sns_wrap{ display:inline-block; position:relative; right:auto; top:auto; margin-top:22px; text-align:left; }
.footer_sns_wrap > li{ margin-left:12px; }
.footer_sns_wrap > li > a{ height:24px; }

.language_select{ width:90px; margin-right:2px; }
.language_select h5{ padding:0 8px; line-height:21px; font-size:11px; }
.language_select h5:before{ width:24px; font-size:14px; line-height:21px; }
.language_select:hover h5:before{ line-height:23px; }
.language_select ul{ padding:5px 0 2px; }
.language_select ul li a{ padding:0 8px; font-size:11px; line-height:18px; }
.language_select ul li a img{ max-width:12px; margin-right:2px; vertical-align:-1px; }

/* contact 버튼 */
.main_contact_btn{ right:25px; bottom:27px; width:48px; height:48px; background-size:12px !important; }

/*------------------------------------
	fa 자료 준비 중입니다.
------------------------------------*/
.ing_fa_text{ font-size:14px; line-height:40px; }



/*------------------------------------
    좌측메뉴 UI : 스타일 변경
------------------------------------*/
/* 푸터 */
.footer_left{ padding:30px 0 33px; }
.copyright_left .addre{ padding-bottom:25px; }
.copyright_left .addre h5{ margin-top:6px; font-size:11px; }
.copyright_left .addre p span{ font-size:11px; }

ul.footer_site_btn{ max-width:400px; }
ul.footer_site_btn li a{ font-size:11px; background:#950b13; }
ul.footer_site_btn li a:hover{ background:#333; }

/* 서브비주얼 */
.left_ui_wrap .sub_visual_wrap{ height:130px; }
.left_ui_wrap .sub_visual_wrap h1{ margin-top:51px; font-size:17px; line-height:30px; }


/* 서브 컨텐츠 */
.left_ui_wrap .sub_contents_wrap .centerWrap{ padding:45px 15px 45px; }


/*------------------------------------
	비밀글 삭제등
------------------------------------*/
.board_passwd_basic{ padding-top:60px; }







/*------------------------------------
    로그인 페이지
------------------------------------*/
.formControl{ height:28px; font-size:11px; line-height:26px; }
.submit_btn{ max-width:50%; padding:5px; font-size:13px; }

.loginbox{ padding:20px 0; }
.loginbox h2{ padding-bottom:15px; margin-bottom:15px; font-size:18px; line-height:30px; }

.formLogin li{ margin-bottom:15px; }
.formLogin li label i{ font-size:12px; line-height:26px; }
.formLogin li label .formControl{ font-size:12px; }



/*------------------------------------
    테이블
------------------------------------*/
.table_basic th, .table_basic td{ padding:2px 5px; height:28px; font-size:10px; line-height:16px; }
.table_basic th{ height:30px; }



/*------------------------------------
    검색결과 페이지
------------------------------------*/
.search_page_box_wrap{ margin:-38px -15px 0; padding-bottom:30px; }
.search_page_box{ padding:15px; border-width:0 0 1px 0; }
.search_page_box dt{ float:none; width:100%; margin-bottom:3px; padding-right:0; text-align:center; }
.search_page_box dt b{ font-size:16px; line-height:20px; }
.search_page_box dt span{ font-size:11px; line-height:16px; }
.search_page_box dd{ width:78%; }
.search_page_box dd:last-child{ width:22%; }

.search_page_input{ width:100%; height:30px; line-height:30px; padding:0 10px; font-size:11px; }
.search_page_btn{ width:100%; height:30px; line-height:30px; font-size:11px; }

.search_result_title{ padding:0 0 10px; margin-bottom:20px; font-size:12px; line-height:18px; }

.search_page_result{ padding:0 0 14px; margin-bottom:15px; }
.search_page_result h2{ font-size:14px; line-height:20px; }
.search_page_result h2:before{ font-size:12px; }
.search_page_result h3{ padding:6px 0 4px; font-size:11px; line-height:16px; }
.search_page_result h3 strong{ font-size:12px; }

.search_page_result .path_box a{ font-size:10px; }
.search_page_result .path_box a:before{ font-size:8px; vertical-align:1px; }
.search_page_result .path_box a:first-child:before{ font-size:10px; vertical-align:-3px; }

.search_body .sub_head_wrap, .search_body .sub_visual_wrap{ display:none; }

/*------------------------------------
    개인정보처리방침
------------------------------------*/
.privacy_wrap h2{ padding:25px 0 10px; font-size:14px; }

.privacy_wrap p{ padding:5px 0; font-size:12px; line-height:22px; }
.privacy_wrap p > b{ padding:5px 0; }

.privacy_wrap ul{ margin:12px 0 15px; padding:10px 15px; }
.privacy_wrap ul li{ padding-left:8px; margin:3px 0; font-size:12px; line-height:22px; }
.privacy_wrap ul li:before{ top:7px; width:2px; height:2px; }
.privacy_wrap ul li.before_none_li:first-child{ padding:0 0 3px; }
.privacy_wrap ul li.before_none_li:first-child b{ font-size:13px; }



}




@media (max-width:800px){

/*------------------------------------
    Projects
------------------------------------*/
/* What is did */
.what_bottom ul{ max-width:500px; }
.what_bottom ul li{ width:50%; }
.what_bottom ul li:nth-child(2n+1){ clear:both; }
.what_bottom ul li:last-child{ width:100%; }

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

/*------------------------------------
    레이어팝업
------------------------------------*/
.layer .pop {width:320px; height:250px;}
.pop .pop_container {padding:0;}

/*------------------------------------
    회사소개
------------------------------------*/
/* 회사소개 */
.company_contents p{ text-align:left; }

/*------------------------------------
    제품소개
------------------------------------*/
/* 제품 인트로 */
.product_intro_wrap{  }
.product_intro_wrap li{ float:none; width:100%; margin-left:0; text-align:center; }
.product_intro_wrap li:nth-child(3n+1){ margin-left:0; }
.product_intro_wrap li h2{ padding:15px 0.5% 4px; }
.product_intro_wrap li a > p{ padding:0 0.5%; }


}