@media (max-width:999px){

.container_wrap{ margin-top:60px; }

/*------------------------------------
    링크 버튼
------------------------------------*/
/* 버튼 영역 */
.btn_padding{ clear:both; position:relative; }
.btn_padding.right{ text-align:right; }

/* 버튼 스타일 */
.btn{ display:inline-block; padding:0 9px; min-width:40px; margin:0 1px 3px 1px; border:solid 1px #b4b4b6; border-radius:4px; font:400 12px/22px 'NanumGothic'; text-align:center; }
.btn:hover{ border-color:#005bac; background:#005bac; color:#fff; }

/* 페이징 버튼 */
.paging_btn{ padding:0px 0 25px 0; }

/*------------------------------------
    상세검색
------------------------------------*/
.search_btn{ max-width:400px; width:auto; margin:0 auto; }
.search_btn form input{ height:35px; font-size:11px; }
.search_btn form button{ top:0;}

/*------------------------------------
    로고
------------------------------------*/
.middle_wrap .logo{ top:12px; margin-left:0; left:15px; }
.middle_wrap .logo a > img{ width:160px; }

.left_ui_wrap .middle_wrap .logo a { width:115px; height:33px; /*background:url(/img/mobile_logo2.png) no-repeat center; */ }
/*.left_ui_wrap .middle_wrap .logo a img{ display:none; }*/

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

/*------------------------------------
    상단 gnb
------------------------------------*/
.top_menu{ display:none; }


/*------------------------------------
    상단 해더
------------------------------------*/
.header .top_wrap .left a{ width:46px; }
.header .top_wrap .right{ right:46px; }
.header .top_wrap .right > li.language h2{ padding:0 10px; }


.header{ height:0; position:fixed; }
.header .top_wrap .centerWrap{ border:none; }
.header .top_wrap .left{ position:absolute; right:0; top:0; padding:0; }
.header .top_wrap .left a{ width:55px; height:60px; background:url(/img/search_icon_w.png) no-repeat center; background-size:22px auto !important; }
.header .top_wrap .left a:before{ display:none; }
.header .top_wrap .left li:nth-child(2){ display:none; }
.header .top_wrap .left li:nth-child(3){ display:none; }

/* 다국어 버튼 */
.header .top_wrap{ }
.header .top_wrap .right{ position:absolute; right:58px; top:9px; }
.header .top_wrap .right > li.language{ margin-top:8px; }
.header .top_wrap .right > li.language h2{ background:rgba(0,0,0,0.1); line-height:24px; color:#fff; border:1px solid rgba(255,255,255,0.2); }
.header .top_wrap .right > li.language h2:hover{ background:rgba(0,0,0,0.2); }

.left_ui_wrap .header .top_wrap .right li:last-child a::before{ color:#333;}

/*------------------------------------
    스크롤시 상단메뉴 고정
------------------------------------*/
/* .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:400 13px/32px 'NanumGothic','Noto Sans KR','Malgun Gothic'; }
.depth_2_sub > li:nth-child(even) a{ border-right:none; }
.depth_2_sub > li.active > a{ background:#005bac; color:#fff; font-weight:600; }
.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:#005bac; color:#fff; font-weight:600; }
.depth_2_sub > li:hover > a{ background:#fff; color:#222; font-weight:600; }
.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; }



/*------------------------------------
    서브 : 좌측 메뉴 영역
------------------------------------*/
.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%; }


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



/*------------------------------------
	서브비주얼
------------------------------------*/
.sub_visual_wrap{ height:100px; background-size:cover !important; }
.sub_visual_wrap h1{ padding:0 20px; margin-top:35px; font-size:17px; line-height:30px; }


/*------------------------------------
    일반 서브페이지 카테고리 탭메뉴
------------------------------------*/
.contents_tab_wrap{ margin-bottom:35px; }
.contents_tab{ width:80%; max-width:350px; }
.contents_tab li{ float:left; display:block; width:49%; margin:2px 0 2px 2%; }
.contents_tab li:nth-child(2n+1){ margin-left:0; }
.contents_tab li a{ width:100%; padding:0 5px; font-size:11px; line-height:32px; }


/*------------------------------------
    서브 컨텐츠 대표 문구 : 타이틀
------------------------------------*/
.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; }
.sub_title_wrap{ margin-bottom:30px; }
.sub_title_wrap .img_wrap{ max-width:90px; margin-bottom:15px; }
.sub_title { font-size:16px; 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 span{ margin-top:10px; font-size:13px; line-height:22px; }
.sub_title span br{ display:none; }
.sub_title p{word-break:keep-all !important;}


.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; }



.left_ui_wrap .sub_contents_wrap{ min-height:auto; }

/*------------------------------------
    회사소개
------------------------------------*/
/* 경영이념 */
.operation_wrap{ margin:-45px -15px 0 -15px; }

.operation_top_wrap{ margin:0; max-width:100%; width:100%; text-align:center; }
.operation_top_wrap > p{ position:relative; left:auto; top:auto; margin-left:0; padding:27px 0 25px; width:100%; height:232px; border-width:0 0 1px; border-radius:0; background:#fcfcfc url(/img/bg_pattern_01.png); }
.operation_top_wrap > p img{ display:inline-block; width:auto; max-width:100%; height:100%; }

.operation_top{ margin-top:40px; }
.operation_top li{ float:left !important; width:33.33333% !important; padding:0 !important; }
.operation_top li dl{ padding:75px 0 0 0 !important; text-align:center; }
.operation_top li dl:before{ position:absolute; content:''; width:60px; right:auto !important; left:50% !important; top:0 !important; margin:0 0 0 -30px !important; height:60px; background-size:56% !important; }
.operation_top li dl dt{ padding:0 5px; font-size:12px; line-height:20px; }
.operation_top li dl dt br{  }


.operation_bottom dl { padding:3px; }
.operation_bottom dd { width:90px; height:90px; padding-top:32px; font-size:11px; line-height:16px; }
.operation_bottom{ max-width:500px; width:auto; margin:0 auto; padding:0 15px; }
.operation_bottom .bottom2{ max-width:67%; }

/* 오시는길 */
.mapArea{ height:auto; border-right:none; border-bottom:none; border-left:none; }
.mapArea .mapField{ float:none; width:100%; }
.mapArea .mapinfo{ float:none; width:100%; }
.mapArea .mapinfo{ padding:0; margin-top:30px; }
.mapArea .mapinfo .titleField{ margin-bottom:15px; font-size:20px; }
.mapArea .mapinfo li{ padding-left:76px; margin-bottom:8px; font-size:13px; line-height:22px; }
.mapArea .mapinfo li strong{ padding:0 8px; font-weight:300; font-size:13px; width:66px; margin-left:-76px; }
.mapArea .mapField iframe{ height:250px; }

/* 인사말 */
.ceo_bg{ background-size:auto 130px; height:130px; }
.ceo_contents p{ font-size:13px; line-height:22px;}
.ceo_contents .img_wrap{ max-width:140px; }

/* ci */
/*ci*/
.ci_wrap{ max-width:500px; margin:0 auto; }
.ci_wrap p{ font-size:12px; line-height:22px; }

.ci_top{ }
.ci_top ul{  }
.ci_top li{ float:none; width:100%; margin:0; }
.ci_top li:first-child{ margin-bottom:20px; }
.ci_top li p{ font-size:13px; line-height:22px; top:10px; right:11px; padding:0 10px 1px; }

.ci_middle_wrap{  }
.ci_middle{  }
.ci_middle li{ float:none; width:100%; margin:12px 0 0 0; }
.ci_middle li:first-child{ margin-top:0; }

.ci_content{ position:relative; }
.ci_middle li i{ position:absolute; left:0; top:-4px; width:50px; float:none; height:50px; }
.ci_middle .icon1 i{ background-size:36px; }
.ci_middle .icon2 i{ background-size:36px; }
.ci_middle .icon3 i{ background-size:36px; }
.ci_middle li p{ float:none; width:100%; padding-left:50px; line-height:21px; }

.ci_bottom_wrap{ }
.ci_bottom{  }
.ci_bottom li{ float:none; width:100%; margin:12px 0 0 0; }
.ci_bottom li:first-child{ margin:0; }

.ci_bottom li i{ height:50px; }
.ci_bottom li p{ border-left:none; padding:2px 0; }


/*연혁 */
.history_top{ margin-bottom:40px; }
.history_top .sub_title{ display:none; }
.history{ padding:0 15px; }
.history:before{ left:41px; }
.history_wrap h3{ font-size:14px; }
.history h5{ width:52px; height:auto; display:inline-block; font-size:13px; line-height:24px; font-weight:500; border-radius:10px 0; }
.history ul{ padding:5px 0 10px; }
.history ul li{ width:100%; padding:3px 0 3px 64px; }
.history ul li:nth-child(2n+1){ float:none; }
.history ul li:nth-child(2n){ float:none; text-align:left; }
.history ul li:before{ left:23px; top:10px; width:7px; height:7px; }
.history ul li:after{ left:27px; top:13px; width:25px;}
.history ul li:nth-child(2n):before{ left:23px; top:10px; right:auto; }
.history ul li:nth-child(2n):after{ left:27px; right:auto; }

.history ul li dl dt{ padding-bottom:2px; font-size:12px; line-height:20px; text-align:left; }
.history ul.left_array li:before{ left:23px; right:0; }
.history ul.left_array li:after{ left:23px; right:0; }

.history ul li dl dd{ font-size:12px; line-height:16px; word-break:keep-all; text-align:left; }

/* 채용정보 : 인사제도 */
.hire_title{ font-size: 17px; margin:0 0 15px; }
.hire_greeting .img_wrap{ max-width:290px; }
 
.hire_contents{ padding:5px 20px; }
.hire_contents p{ font-size:11px; }

.hire_table td{ font-size:11px; }

.hire_greeting_top ol li{ padding:52px 13px 10px 5px; font-size:11px; background:none; }
.hire_greeting_top ol li:nth-child(2n+1){ background:none; }
.hire_greeting_top ol li:before{ content:'>'; top:53px; right:6px; font-size:10px; width:0; height:0; z-index:9; background:#ddd; }
.hire_greeting_top ol li:nth-child(2n+1):before{ background:#ddd; }

/* 채용정보 : 급여/복리후생 */
.hire_top li:nth-child(2):before{ position:absolute; top:33px; left:-31px; content:''; background:url(/img/icon_plus.jpg) no-repeat center; width:20px; height:20px; margin:10px auto; }
.hire_top dl{ padding:5px; }
.hire_top dl dt{ width:95px; height:95px; padding-top:37px; }
.hire_top span{ top:95px; left:-20%; font-size:14px; line-height:20px; background:none; padding-bottom:20px;  }
.hire_top .text2 span{left:auto; right:-5%;}


.hire_middle p b{ font-size:12px;}
.hire_middle p{ font-size:11px; height:100px; word-break:keep-all; }

.hire_bottom h4{ font-size:14px; padding:10px 0; line-height:22px; word-break:keep-all; vertical-align:center;  }
.hire_bottom li {height:650px;}
.hire_bottom dl{ padding:5px 8px; }
.hire_bottom dl dt{ font-size:12px; line-height:20px; }
.hire_bottom dl dd { font-size:11px;}


/*------------------------------------
    푸터
------------------------------------*/
footer.footer{ padding:20px 0; }
.copyright h3{ display:none; text-align:left; }
.copyright h3 a{ max-width:160px; }
/*.copyright .addr{ text-align:left; }*/
.copyright .addr ul{ display:block; }
.copyright .addr ul li{ font-size:11px; line-height:20px; }
.copyright .addr ul li.m_after:after{ display:none; }
.copyright .addr ul li.m_after_block{ float:none; display:block; }

.copyright .addr ul:last-child{  }
.copyright .addr ul .login_btn{ padding:0 6px 0 5px; margin:10px 0 0 0; font-size:10px; line-height:12px; }
.copyright .addr ul .login_btn:before{ font-size:10px; }



/*------------------------------------
    좌측메뉴 UI : 스타일 변경
------------------------------------*/


/* 푸터 */

.left_ui_wrap .copyright .addr{ padding-bottom:25px; }
.left_ui_wrap .copyright .addr h5{ margin-top:6px; font-size:11px; }
.left_ui_wrap .copyright .addr ul li{ font-size:11px; }

.left_ui_wrap ul.footer_site_btn{ max-width:120px; }


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


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


/*인사말*/
.company_body.ceo.left_ui_wrap  .centerWrap { padding-bottom:0 !important;}
.company_body.ceo.left_ui_wrap .sub_right_contents{ min-height:auto !important;}

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

/*agenct:jsy추가*/
.mapArea.agency::before{ display:none; }
.mapArea.agency{ height:auto; border-right:none; border-bottom:none; border-left:none; padding-bottom:0;  }
.mapArea.agency .mapField{ float:none; width:100%; }
.mapArea.agency .mapinfo{ float:none; width:100%; }
.mapArea.agency .mapinfo{ padding-right:1%; margin-top:30px; }
.mapArea.agency .mapinfo .titleField{ margin-bottom:15px; font-size:20px; }
.mapArea.agency .mapinfo li{ padding-left:76px; margin-bottom:8px; font-size:12px; line-height:22px; }
.mapArea.agency .mapinfo li strong{ padding:0 8px; font-weight:300; font-size:13px; width:66px; margin-left:-76px; }
.mapArea.agency .mapField iframe{ height:250px; }





/*------------------------------------
    로그인 페이지
------------------------------------*/
.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:-50px -15px 0; padding-bottom:30px; }
.search_page_box{ padding:15px; border-width:0 0 1px 0; }
.search_page_box dt{ float:none; width:100%; padding-right:0; text-align:center; }
.search_page_box dt b{ font-size:20px; line-height:28px; }
.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; }


/*------------------------------------
    개인정보처리방침
------------------------------------*/
.privacy_wrap h2{ margin:20px 0 5px; padding:10px 0; font-size:13px; line-height:20px; }
.privacy_wrap h2 span{ font-size:13px; line-height:20px; }

.privacy_wrap p{ font-size:12px; line-height:18px; }
.privacy_wrap p.i_wrap{ font-size:15px; line-height:24px; }
.privacy_wrap p > span{ font-size:12px; line-height:18px; }
.privacy_wrap p > i{ font-size:13px; line-height:20px; }

.privacy_wrap ul{ padding:10px 15px; }
.privacy_wrap ul li{ font-size:12px; line-height:18px; }



}


@media (max-width:600px){





}