@charset "utf-8";
#wrap{width:100%;margin:0 auto;overflow:hidden;min-height:100%;position:relative;word-break:keep-all;max-width:1920px;}

/****** 공통 ******/

/* header */
#header{position:relative;width:100%;height:100px;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3)  ; }
#header h1{float:left;width:245px;padding:25px 0 24px 31px}
#header_wrap{width:100%}

/* menu */
#menuwrap{position:relative;width:850px;padding-top:20px;height:75px;float:right}
#navigation{position:relative;width:1140px;margin:0 auto}
#navigation li{float:left;width:140px;line-height:55px;text-align:center}
#navigation li a{display:block;font-size:18px;color:#1c1c1c;padding:0px 15px;font-weight:700;text-align:center}
#menuwrap h1{padding-left:10px;float:left}
#menuwrap h2{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
#menuwrap h3{display:inline;float:left}
	
.header_fullmenu{padding:10px 0 0 4px;position:absolute;right:33px;width:100px;z-index:999}
.header_fullmenu a{margin-right:7px}
.header_fullmenu a.btn_fullmenu{display:block;width:44px;height:43px;overflow:hidden;background:url('../img/main/header_btn_fullmenu.png') no-repeat}
.header_fullmenu span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
.header_fullmenu a.btn_home{float:left;display:block;width:44px;height:43px;overflow:hidden;background:url('../img/main/header_btn_home.png') no-repeat}	
.header_fullmenu a.btn_network{float:left;display:block;width:44px;height:43px;overflow:hidden;background:url('../img/main/header_btn_network.png') no-repeat}
a:hover.btn_fullmenu{background-position: 0 -43px}
a:hover.btn_home{background-position: 0 -43px}
a:hover.btn_network,a:hover,.header_fullmenu a.on{background-position: 0 -43px}

.header_fullmenu_t{display:none}
.header_fullmenu_m{display:none}

#main_contents_wrap{width:100%}

	.pullDown{z-index:9999;height:auto;top:65px;left:0;display:none;position:absolute}
	.pullDown ul{background:#5a5a5a ;padding:0px 0px 40px 0px;box-sizing:border-box;min-width:140px;border-top:5px solid #ffb30f}
	.pullDown ul li{display:block;float:none !important;position:relative;line-height:21px !important;}
	.pullDown ul li a{font-size:12px !important;color:#fff !Important;position:relative;line-height:32px !Important;border-left:none !important;padding-left:20px !important}
	.pullDown ul li a:hover,.pullDown ul li a.on{color:#fff !important;font-weight:800;text-decoration:none !Important;background:#333 !important}

.navigation_s1 ul{position:relative;left:0px}
.navigation_s2 ul{position:relative;left:140px}
.navigation_s3 ul{position:relative;left:280px}
.navigation_s4 ul{position:relative;left:320px}
.navigation_s5 ul{position:relative;left:560px}



/* 비주얼존 */
.visual_wrap{position:relative;width:55%;height:701px;float:left;overflow:hidden}
.visual_wrap .visual_btnbox a{font-size:0}
.visual_wrap .visual_btnbox a.btn_prev{position:absolute;left:0;top:40%;width:30px;height:80px;background:#b7b7b7 url('../img/main/visual_btnprev.png') no-repeat 7px 28px}
.visual_wrap .visual_btnbox a.btn_next{position:absolute;right:0;top:40%;width:30px;height:80px;background:#b7b7b7 url('../img/main/visual_btnnext.png') no-repeat 10px 28px}
.visual_wrap .visual_btnbox a:hover{background-color:#454545}
.visual_wrap .visual_navi{position:absolute;bottom:10px;margin:0 auto;width:100px;text-align:center;left:48%}
.visual_wrap .visual_navi ul li a.play{background:url('../img/main/play_stop.png') no-repeat;width:15px}
.visual_wrap .visual_navi ul li a.play_stop{background-position:0 -21px}
.visual_wrap .visual_navi ul li a.on{background:url('../img/main/visual_onbtn.png') no-repeat}
.visual_wrap .visual_navi ul li a{display:block;width:15px;height:15px;float:left;margin-right:3px;background:url('../img/main/visual_offbtn.png') no-repeat}

/* 소개 바로가기영역 */
.center_box{position:relative;float:left;width:23%;height:auto;overflow:hidden}
.center_box .introduce_box{position:relative;float:left;width:100%}
.center_box .introduce_box .gjth_intro{width:50%;float:left}
.center_box .introduce_box .gjth_intro a{width:100%;display:block;height:210px;font-size:17px;font-weight:600;color:#fff;text-align:center;box-sizing:border-box;padding-top:80px;background:#2878d3 url('../img/main/mainicon_01.png') no-repeat center 25px}
.center_box .introduce_box .gjth_intro a span.bar{width:20px;height:4px;background:#1560b5;display:block;text-align:center;margin:20px auto}
.center_box .introduce_box .gjth_intro a span.gjth{font-size:13px;display:block;font-weight:400;line-height:16px}
.center_box .introduce_box .gjth_intro a span.eng{display:block;font-size:13px;line-height:20px}
.center_box .introduce_box .gjth_intro a:hover{background-color:#1560b5}

.center_box .introduce_box .gjth_intro2{width:50%;float:left}
.center_box .introduce_box .gjth_intro2 a{width:100%;display:block;height:210px;font-size:17px;font-weight:600;color:#fff;text-align:center;box-sizing:border-box;padding-top:100px;background:#2878d3 url('../img/main/ceo_icon.png') no-repeat center 35px}
.center_box .introduce_box .gjth_intro2 a span.gjth{font-size:13px;display:block;font-weight:400;line-height:18px;margin-top:10px}
.center_box .introduce_box .gjth_intro2 a:hover{background-color:#1560b5}

.center_box .introduce_box .gjth_intro3{width:50%;float:left}
.center_box .introduce_box .gjth_intro3 a{width:100%;display:block;height:210px;font-size:17px;font-weight:600;color:#fff;text-align:center;box-sizing:border-box;padding-top:100px;background:#6e5deb url('../img/main/importent_icon.png') no-repeat center 35px}
.center_box .introduce_box .gjth_intro3 a span.gjth{font-size:13px;display:block;font-weight:400;line-height:18px;margin-top:10px}
.center_box .introduce_box .gjth_intro3 a:hover{background-color:#4938c6}

.center_box .tech_intro{width:50%;float:left}
.center_box .tech_intro a{width:100%;font-size:15px;font-weight:600;text-align:right;display:block;height:105px;color:#989898;border-bottom:1px solid #eee;box-sizing:border-box;background:url('../img/main/mainicon_02.png') no-repeat 20px 20px;padding:60px 20px 0 0}
.center_box .tech_intro a span{display:block;font-size:12px;letter-spacing:0px;line-height:25px}

.center_box .v_a_g{width:50%;float:left}
.center_box .v_a_g a{width:100%;font-size:15px;font-weight:600;text-align:left;display:block;height:105px;color:#989898;box-sizing:border-box;background:url('../img/main/mainicon_03.png') no-repeat right top;padding:60px 0 0 20px}
.center_box .v_a_g a span{display:block;font-size:12px;letter-spacing:0px;line-height:25px}

.center_box .business{width:100%;height:135px;float:left;background:url('../img/main/business_bg.jpg') no-repeat left top;overflow:hidden}
.center_box .business a{width:100%;height:135px;display:block;box-sizing:border-box;background:url('../img/main/mainicon_04.png') no-repeat center 25px;text-align:center;padding-top:75px;color:#fff;font-size:15px;font-weight:700}
.center_box .business a span{display:block;font-size:13px;line-height:20px}

/* 추가-*/
.center_box .business2{width:100%;height:124px;float:left;background:url('../img/main/business_bg01.png') no-repeat left top;overflow:hidden}
.center_box .business2 a{width:100%;display:block;box-sizing:border-box;background:url('../img/main/business_icon001.png') no-repeat 60px 35px;text-align:left;padding:45px 0 0 140px;color:#fff;font-size:24px;font-weight:700}
.center_box .business2 a span{display:block;font-size:14px;line-height:24px;margin-top:10px}
.center_box .business3{width:100%;height:124px;float:left;background:url('../img/main/business_bg02.png') no-repeat left top;overflow:hidden}
.center_box .business3 a{width:100%;display:block;box-sizing:border-box;background:url('../img/main/business_icon002.png') no-repeat  60px 35px; text-align:left;padding:45px 0 0 140px;color:#fff;font-size:24px;font-weight:700}
.center_box .business3 a span{display:block;font-size:14px;line-height:24px;margin-top:10px}



/* 팝업존 */
.popupzone{position:relative;width:22%;float:left;height:345px;overflow:hidden}
.popupzone .popup_btn{position:absolute;right:18px;bottom:18px;width:112px}
.popupzone .popup_btn li{float:left;margin-right:1px}
.popupzone .popup_btn li.popnum{background:#fff;padding:5px 10px}
.popupzone .popup_btn a{width:22px;height:22px;border:1px solid #eee;font-size:0;display:block;box-sizing:border-box;}
.popupzone .popup_btn a.popup_play{background:#fff url('../img/main/play_stop2.png') no-repeat center 6px}
.popupzone .popup_btn a.stop{background-position:7px -15px}
.popupzone .popup_btn a.popup_prev{background:#fff url('../img/main/popbtn_prev.png') no-repeat center center}
.popupzone .popup_btn a.popup_next{background:#fff url('../img/main/popbtn_next.png') no-repeat center center}

.bottom_box_l{position:relative;float:left;width:24.3%;overflow:hidden}
	/* 퀵버튼3개 */
	.quick_btn3{position:relative;float:left;width:100%;border-bottom:1px solid #d7e5ec}
	.quick_btn3 ul li a{width:33.3%;border-right:1px solid #d7e5ec;padding:80px 5px 20px;float:left;display:block;box-sizing:border-box;text-align:center;font-size:14px;color:#555}
	.quick_btn3 ul li a.btn01{background:url('../img/main/quick_btn01.png') no-repeat center 30px}
	.quick_btn3 ul li a.btn02{background:url('../img/main/quick_btn02.png') no-repeat center 30px}
	.quick_btn3 ul li a.btn03{background:url('../img/main/quick_btn03.png') no-repeat center 30px}
	.quick_btn3 ul li a.btn01:hover{color:#fff;font-weight:600;background:#ffb30f url('../img/main/quick_btn01.png') no-repeat center -40px}
	.quick_btn3 ul li a.btn02:hover{color:#fff;font-weight:600;background:#ffb30f url('../img/main/quick_btn02.png') no-repeat center -40px}
	.quick_btn3 ul li a.btn03:hover{color:#fff;font-weight:600;background:#ffb30f url('../img/main/quick_btn03.png') no-repeat center -40px}

	/* 게시판영역 */
	.board_box {position:relative; width:99.9%; height:243px;background:#fff;float:left;border-right:1px solid #d7e5ec;border-bottom:1px solid #d7e5ec;box-sizing:border-box}
	.board_box > ul {padding-top:30px;padding-left:40px}
	.board_box > ul > li > a {font-size:14px;font-weight:600; color:#999; padding:13px 10px 2px 10px;display:block; float:left}
	.board_box > ul > li > a.on {color:#0078e8; border-top:4px solid #55a1fd;border-left:4px solid #55a1fd;border-right:4px solid #55a1fd;margin-top:-3px}
	.board_box .board_con {display:block;position:absolute; left:40px; top:70px;width:85% }
	.board_box .board_con ul li a{float:left;font-size:13px; width:96%; line-height:30px;color:#555;background:url('../img/main/board_listbg.png') 0 center no-repeat;padding-left:10px;}
	.board_box .board_con ul li a:hover{color:#0e90e3}
	.board_box .board_con ul li a span{display:block; float:left}
	.board_box .board_con ul li a span.cont{width:auto; max-width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.board_box .board_con ul li a span.date{float:right;font-size:12px;letter-spacing:-1.2px;color:#666}
	.board_box .board_con ul li a span.new{width:25px; height:13px; background:url(../img/main/board_new.gif) left top no-repeat; margin-top:9px;margin-left:5px}
	.board_box .board_con ul li a.more{position:absolute; right:0px; top:-48px; font-size:24px; font-weight:600; color:#333;width:auto; float:auto;padding:0;background:none;border-bottom:none}

/*홍보동영상*/
.bottom_box_r{position:relative;float:left;width:22%;height:355px;overflow:hidden;box-sizing:border-box;background:#000;display:flex;vertical-align:middle}
.videobox{display:inline;position:absolute;top:40px;width:100%}

	/* footer */
	#footer{width:100%;height:auto;clear:both;background:url('/pages/basic/img/main/footer_bg2.gif') repeat}
	#footer_info_wrap{background:#f2f2f2;border-bottom:1px solid #ddd;clear:both;height:70px;width:100%;box-sizing:border-box;padding:0px}
	.footer_info_box{width: 1600px; position: relative;  display: block;  margin: 0 auto; padding: 9px 0 0;}
	/* banner_wrap */
	#banner_box{float:left;width: 100%; position: relative;}
	#banner_box .banner_conbox {margin: 7px 30px 0 0;float:left;}
	#banner_box .bx-wrapper {float:left;overflow: hidden;max-width:80% !important;}
	#banner_box h3{font-size:14px;color:#313131;}
	#banner_box a.btn_total{font-size:11px; border:1px solid #bdbdbd; background:#fefefe; border-radius:2px; margin-top:19px; margin-left:8px;padding:3px 4px 1px 4px ;color:#999;float:left;letter-spacing:-1.5px;font-family:"돋움"}
	#banner_box a.btn_total:hover{color:#333} 	
	#banner_box .control{padding:10px 0 0 5px}
	#banner_box .control a{display:block;width:17px;height:17px;overflow:hidden;float:left;margin-right:3px;line-height:65px}
	#banner_box .control a span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
	#banner_box .control a.btn_prev{background:url('../img/main/banner_btn_prev.gif') no-repeat}
	#banner_box .control a.btn_next{background:url('../img/main/banner_btn_next.gif') no-repeat}
	#banner_box .control a:hover.btn_prev, #banner_wrap .banner_box .control a:hover.btn_next{background-position:0 -17px}
	#banner_box ul.list{padding:0px 0 0 30px;margin:0;float:left}
	#banner_box ul.list li{display:inline}
	#banner_box ul.list li a{display:block;width:140px;height:50px;overflow:hidden;background:#fff;border:1px solid #d9d9d9;float:left;margin-right:10px;box-sizing:border-box;padding:0px 10px}
	#banner_box ul.list li a img{width:100%;padding-top: 5px;}

	.sitelink_box{position:absolute;top:10px}
	.sitelink_sbox{right:0;margin:4px 0px 0 0;position: absolute;}
	.sitelink_sbox button{background:#fff url('../img/main/input_arrow_ico2.gif') center right no-repeat;border:1px solid #ddd;color:#666;cursor:pointer;float:left;font-family:'Malgun Gothic'; font-size:13px; height:40px; margin-left:4px; padding:0 30px 0 15px;position:relative;text-align:left;width:170px}
	.sitelink_sbox ul{background:#fff;border:1px solid #ddd;border-radius:0px 0px 4px 4px;position:absolute;width:170px;z-index:999;bottom:33px;left:5px;height:250px;padding:20px 0px 20px 0px;box-sizing:border-box;overflow:hidden;overflow-y: scroll;margin-left:-1px}
	.sitelink_sbox ul li a{font-size:12px;color:#666;display:block;width:100%;line-height:23px;padding:0 20px 0 12px}
	.sitelink_sbox ul li a:hover{background:#efefef;color:#000;font-weight:bold}

	/* copy_box */
	.copy_box{width:100%;margin:0 auto;position:relative;clear:both;padding:17px 30px 80px 60px;background:#4b4e55 url('../img/main/foot_logo.png') no-repeat right 50px;box-sizing:border-box}
	.copy_box .footer_area{float:left;padding-bottom:7px}
	.copy_box .footer_area h2{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
	.copy_box .footer_area ul{padding-top:5px}
	.copy_box .footer_area li{display:inline;font-size:13px}
	.copy_box .footer_area li a{color:#eee;line-height:30px}
	.copy_box .footer_area li span{padding:0 3px;color:#7d7d7d}
	.copy_box address{clear:both;color:#999;line-height:18px;font-style:normal;font-size:13px}
	.copy_box address span{font-weight:600}
	.copy_box p.copyright{color:#a2a2a2;line-height:18px;letter-spacing:-0.04em;padding-top:4px}
	



/****** Mobile ******/
@media screen and (max-width:690px){
/* menu */
#header{height:105px}
#header h1{padding:24px 0 24px 31px}
.header_fullmenu{display:none}
.header_fullmenu_t{display:none}
.header_fullmenu_m{display:block}

.header_fullmenu_m{position:fixed;float:none;top:27px;right:4px;z-index:9999}
.header_fullmenu_m a.btn_fullmenu_m{display:block;width:49px;height:43px;overflow:hidden;background:url('../img/main/header_btn_fullmenu.png') no-repeat}
.header_fullmenu_m a:hover{background-position:0 -43px}
a.btn_fullmenu_m span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
#menuwrap{display:none}

	.navigation_mobile_bg{position:fixed;width:100%;height:100%;min-height:100%;z-index:9998;background:#333;top:0;left:0;opacity:0.8;display:none}
		#navigation_mobile{position:absolute;width:280px;height:100%;min-height:100%;background:#2f3443;right:0;top:0;z-index:9999;display:none}
		#navigation_mobile ul li a{color:#000;font-size:17px;line-height:55px;display:block;height:55px;background:#fff;border-bottom:1px solid #ddd;padding-left:20px;position:relative}
		#navigation_mobile ul li a:hover{font-weight:bold}
		#navigation_mobile ul li a.on{background:#0170b0;color:#999;border-bottom:1px solid #fff}
		#navigation_mobile ul li a.on span{font-size:33px}
		#navigation_mobile ul li a span{position:absolute;right:20px;font-size:20px;font-weight:bold;text-align:center;color:#666}
		#navigation_mobile li ul{padding-top:0}
		#navigation_mobile li li a{background:#efefef ;line-height:45px;height:45px;font-size:15px;padding-left:30px;border-bottom:1px solid #ddd;color:#666}
		#navigation_mobile li li a:hover{color:#fff;font-weight:bold;background:#73a6d1}
		#navigation_mobile li li a span{right:30px}
		#navigation_mobile li li a.on{background:#f0f0f0}
		#navigation_mobile li li li a{background:#d9efca;line-height:45px;height:45px;font-size:14px;padding-left:40px;border-bottom:1px solid #efefef;color:#3c4337}
		#navigation_mobile li li li a:hover,#navigation_mobile li li li a.on{border:1px solid #fff;color:#fff;font-weight:bold;background:#54a816}
		#navigation_mobile .btn_close{border-radius:50%;z-index:9999;font-size:0;position:fixed;display:block;width:40px;height:40px;background:#0f6bae url('../img/main/m_menu_close.png') center center no-repeat;line-height:56px;text-align:center;color:#fff;font-weight:bold;top:10px;right:10px}

		#navigation_m li{float:none !important}

		#navigation_mobile .navigation_mobile_top{height:60px;background:#0f6bae}
		#navigation_mobile .navigation_mobile_top ul{padding:60px 0 0 20px}
		#navigation_mobile .navigation_mobile_top a{display:block;height:auto;text-align:center;background:#0f6bae;border-radius:7px;line-height:22px;color:#dad7d4;border:1px solid #73a6d1;padding:8px 15px;margin-right:2px;width:18%;float:left}
		#navigation_mobile .navigation_mobile_top a:hover{background:#fff;color:#422e16}
		#navigation_mobile .navigation_mobile_top a span{position:static}




#contents_wrap{width:100%}
	/*비주얼존*/
	.visual_wrap{position:relative;width:100%;margin:0 auto;height:auto;float:none;text-align:center}
	.visual_wrap .visual_imglist img{width:100%;height:auto}


	/* 소개 바로가기영역 */
	.center_box{width:100%;float:none;margin:0px auto;height:auto;padding:7px; box-sizing:border-box}
	.center_box .introduce_box{width:100%}
	.center_box .introduce_box .gjth_intro{width:100%;margin-right:7px}
	.center_box .introduce_box .gjth_intro a{height:180px;padding-top:70px;background-position: center 20px}
	.center_box .tech_intro{width:50%}
	.center_box .tech_intro a{border:1px solid #ddd;height:150px;padding:80px 0 0 0;background-position:center 30px;text-align:center;line-height:18px}
	.center_box .v_a_g{width:50%}
	.center_box .v_a_g a{border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;height:150px;padding:80px 0 0 0;background-position:center 30px;text-align:center;line-height:18px;background:url('../img/main/mainicon_03m.png') no-repeat center 30px;}
	.center_box .business{width:100%;margin-top:7px;height:188px;background-size:cover}
	.center_box .business a{padding:118px 0 70px;background-position:center 60px;box-sizing:border-box}
	
/* 추가-*/

.center_box .business2 a{width:80%;display:block;box-sizing:border-box;background:url('../img/main/business_icon001.png') no-repeat 40px 35px;text-align:left;padding:45px 0 0 100px;color:#fff;font-size:18px;font-weight:700}
.center_box .business2 a span{display:block;font-size:12px;line-height:20px;margin-top:10px}

.center_box .business3 a{width:80%;display:block;box-sizing:border-box;background:url('../img/main/business_icon002.png') no-repeat  40px 30px; text-align:left;padding:45px 0 0 100px;color:#fff;font-size:18px;font-weight:700}
.center_box .business3 a span{display:block;font-size:12px;line-height:20px;margin-top:10px}




	.bottom_wrap{width:100%;float:none;padding:7px;box-sizing:border-box}
	.bottom_box_l{width:100%}
	.bottom_box_l .quick_btn3{width:100%; border:1px solid #ccc;margin-right:7px;margin-bottom:7px;box-sizing:border-box}
	.bottom_box_l .quick_btn3 ul li a{width:33.3%;float:left}
	.bottom_box_l .quick_btn3 ul li a.btn03{border-bottom:none;border-right:none}
	.quick_btn3 ul li a.btn01{border-left:1px solid #d7e5ec}

/* 게시판 */
	.board_box{width:100%;border:1px solid #ddd;height:218px;margin-top:7px;margin-bottom:0px}
	.board_box > ul{padding-top:20px;padding-left:30px}
	.board_box .board_con{left:30px;top:60px;width:87%}
	.board_box .board_con ul li a{width:455px;line-height:28px;width:100%}

	/* 팝업존 */
	.popupzone{float:right;width:100%;margin-top:0px;height:auto;padding:5px;box-sizing:border-box}
	.popup_imglist img{width:100%}
	.popupzone .popup_btn{bottom:20px}

	/* 홍보동영상 */
	.bottom_box_r{width:100%;float:right;height:auto;margin-bottom:40px;text-align:center;padding:5px;box-sizing:border-box;background:#fff;display:block}
	.videobox > img img{width:100%}

	/* 푸터 */
	#footer{border-top:1px solid #ccc}
	#footer_info_wrap{display:none;border-top:1px solid #ddd}
	.footer_info_box{width:98%;}
	#banner_box .bx-wrapper{max-width: 85% !important;}
	.sitelink_sbox{display:none}
	.copy_box{padding:17px 40px 150px;box-sizing:border-box;background-position:right 160px;background:#4b4e55 }

	/*게시판*/
	.board_box .board_con ul li a span.cont{max-width:200px}
   .center_box .business2 a span{font-size:13px;line-height:18px;}
	.center_box .business3 a span{font-size:13px;line-height:18px;}
}


/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px) {
/* menu */
#header{height:105px}
#header h1{padding:24px 0 24px 31px}
.header_fullmenu{display:none}
.header_fullmenu_t{display:none}
.header_fullmenu_m{display:block}

.header_fullmenu_m{position:fixed;float:none;top:27px;right:4px;z-index:9999}
.header_fullmenu_m a.btn_fullmenu_m{display:block;width:49px;height:43px;overflow:hidden;background:url('../img/main/header_btn_fullmenu.png') no-repeat}
.header_fullmenu_m a:hover{background-position:0 -43px}
a.btn_fullmenu_m span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
#menuwrap{display:none}


	.navigation_mobile_bg{position:fixed;width:100%;height:100%;min-height:100%;z-index:9998;background:#333;top:0;left:0;opacity:0.8;display:none}
		#navigation_mobile{position:absolute;width:280px;height:100%;min-height:100%;background:#2f3443;right:0;top:0;z-index:9999;display:none}
		#navigation_mobile ul li a{color:#000;font-size:17px;line-height:55px;display:block;height:55px;background:#fff;border-bottom:1px solid #ddd;padding-left:20px;position:relative}
		#navigation_mobile ul li a:hover{font-weight:bold}
		#navigation_mobile ul li a.on{background:#0170b0;color:#999;border-bottom:1px solid #fff}
		#navigation_mobile ul li a.on span{font-size:33px}
		#navigation_mobile ul li a span{position:absolute;right:20px;font-size:20px;font-weight:bold;text-align:center;color:#666}
		#navigation_mobile li ul{padding-top:0}
		#navigation_mobile li li a{background:#efefef ;line-height:45px;height:45px;font-size:13px;padding-left:30px;border-bottom:1px solid #ddd;color:#666}
		#navigation_mobile li li a:hover{color:#fff;font-weight:bold;background:#73a6d1}
		#navigation_mobile li li a span{right:30px}
		#navigation_mobile li li a.on{background:#f0f0f0}
		#navigation_mobile li li li a{background:#d9efca;line-height:45px;height:45px;font-size:14px;padding-left:40px;border-bottom:1px solid #efefef;color:#3c4337}
		#navigation_mobile li li li a:hover,#navigation_mobile li li li a.on{border:1px solid #fff;color:#fff;font-weight:bold;background:#54a816}
		#navigation_mobile .btn_close{border-radius:50%;z-index:9999;font-size:0;position:fixed;display:block;width:40px;height:40px;background:#0f6bae url('../img/main/m_menu_close.gif') center center no-repeat;line-height:56px;text-align:center;color:#fff;font-weight:bold;top:10px;right:10px}

		#navigation_m li{float:none !important}

		#navigation_mobile .navigation_mobile_top{height:120px;background:#0f6bae}
		#navigation_mobile .navigation_mobile_top ul{padding:60px 0 0 20px}
		#navigation_mobile .navigation_mobile_top a{display:block;height:auto;text-align:center;background:#0f6bae;border-radius:7px;line-height:22px;color:#dad7d4;border:1px solid #73a6d1;padding:8px 15px;margin-right:2px;width:18%;float:left}
		#navigation_mobile .navigation_mobile_top a:hover{background:#fff;color:#422e16}
		#navigation_mobile .navigation_mobile_top a span{position:static}



#contents_wrap{width:100%}
	/*비주얼존*/
	.visual_wrap{position:relative;width:100%;margin:0 auto;height:auto;float:none;text-align:center}
	.visual_wrap .visual_imglist img{width:100%;height:auto}
	.visual_wrap .visual_navi{bottom:20px}
	/* 소개 바로가기영역 */
	.center_box{width:100%;float:none;padding:5px;box-sizing:border-box}
	.center_box .introduce_box{width:100%}
	.center_box .introduce_box .gjth_intro{width:34%;margin-right:7px}
	.center_box .introduce_box .gjth_intro a{height:345px;padding-top:145px;background-position: center 80px}
	.center_box .tech_intro{width:32.2%}
	.center_box .tech_intro a{border:1px solid #ddd;height:150px;padding:80px 0 0 0;background-position:center 30px;text-align:center;line-height:18px}
	.center_box .v_a_g{width:32.2%}
	.center_box .v_a_g a{border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;height:150px;padding:80px 0 0 0;background-position:center 30px;text-align:center;line-height:18px;;background:url('../img/main/mainicon_03m.png') no-repeat center 25px;}
	.center_box .business{width:64.5%;margin-top:7px;height:188px;background-size:100%}
	.center_box .business a{padding:118px 0 70px;background-position:center 60px;box-sizing:border-box}


	 
	 .center_box .business2{width:50%}
     .center_box .business3{width:50%}

	.bottom_wrap{width:100%;float:none;margin:0 auto}
	.quick_btn3{width:100%; border:1px solid #ccc;margin:7px 0}
	.quick_btn3 ul li a{width:33.3%;float:left}
	.quick_btn3 ul li a.btn03{border-bottom:none;border-right:none}

	/* 게시판 */
	.board_box{width:100%;border:1px solid #ddd;height:218px}
	.board_box > ul{padding-top:20px;padding-left:30px}
	.board_box .board_con{left:30px;top:60px;width:87%}
	.board_box .board_con ul li a{width:455px;line-height:28px;width:100%}

	/* 팝업존 */
	.popupzone{float:left;width:50%;height:324px;padding:5px;box-sizing:border-box}
	.popupzone img{width:100%;height:324px}

	/* 홍보동영상 */
	.bottom_box_r{width:48%;float:left;height:319px;margin-bottom:40px;margin:5px 5px 60px;padding:auto;box-sizing:border-box}
	.bottom_box_r img{width:100%}

	/* 푸터 */
	#footer_info_wrap{border-top:1px solid #ddd}
	.footer_info_box{width:98%;}
	#banner_box .bx-wrapper{max-width: 90% !important;}
	.sitelink_sbox{display:none}
	.copy_box{background:#4b4e55 }

}


/****** Desktop Device ******/
@media screen and (min-width:900px) and (max-width:1280px) {

#menuwrap{width:620px}
#header h1{padding:25px 0 24px 18px}
#navigation li{width:100px;}
#navigation li a{padding:0px;font-size:16px;}
.header_fullmenu{width:100px;right:20px}
.header_fullmenu_t{display:none}
.header_fullmenu_m{display:none}
.btn_fullmenu_m{display:none}
.navigation_s5.pullDown.menu_2depth_wrap li{}
.navigation_s1 ul{position:relative;left:0px}
.navigation_s2 ul{position:relative;left:80px}
.navigation_s5 ul{position:relative;left:380px}

	.pullDown ul li a{font-size:12px !important;color:#fff !Important;position:relative;line-height:32px !Important;border-left:none !important;padding-left:20px !important;padding-right:20px !important;width:100%}
	.pullDown ul li a:hover,.pullDown ul li a.on{color:#fff !important;font-weight:800;text-decoration:none !Important;background:#333 !important}

#contents_wrap{width:100%}
	/*비주얼존*/
	.visual_wrap{position:relative;min-width:900px;margin:0 auto;height:auto;float:none;text-align:center}
	.visual_wrap .visual_imglist img{width:100%}
	.visual_wrap .visual_navi{bottom:30px}
	/* 소개 바로가기영역 */
	.center_box{min-width:900px;float:none;margin:7px auto}
	.center_box .introduce_box{width:50%}
	.center_box .introduce_box .gjth_intro{width:46%;margin-right:7px}
	.center_box .introduce_box .gjth_intro a{height:230px;padding-top:110px;background-position: center 30px}
	.center_box .tech_intro{width:229px}
	.center_box .tech_intro a{border:1px solid #ddd;height:115px;padding:60px 30px 0 0}
	.center_box .v_a_g{width:229px}
	.center_box .v_a_g a{border-top:none;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;height:115px;padding:60px 0 0 30px }
	.center_box .business{width:99%;margin-top:7px;height:151px}
	.center_box .business a{padding:118px 0 70px;background-position:center 60px;box-sizing:border-box}

	/* 추가-*/
.center_box .business2{width:50%;height:120px;float:left;background:url('../img/main/business_bg01.png') no-repeat left top;overflow:hidden}
.center_box .business2 a{width:100%;display:block;box-sizing:border-box;background:none;text-align:center;padding:55px 0 0 0px;color:#fff;font-size:18px;font-weight:700}
.center_box .business2 a span{display:none}
.center_box .business3{width:50%;height:120px;float:left;background:url('../img/main/business_bg02.png') no-repeat left top;overflow:hidden}
.center_box .business3 a{width:100%;display:block;box-sizing:border-box;background:none; text-align:center;padding:55px 0 0 0px;color:#fff;font-size:18px;font-weight:700}
.center_box .business3 a span{display:none}

		
    .center_box .introduce_box .gjth_intro2{width:50%;float:left}
    .center_box .introduce_box .gjth_intro2 a{height:150px;}
    .center_box .introduce_box .gjth_intro2 a span.gjth{display:none}

   .center_box .introduce_box .gjth_intro3{width:50%;float:left}
   .center_box .introduce_box .gjth_intro3 a{height:150px;}
   .center_box .introduce_box .gjth_intro3 a span.gjth{display:none;}

	.quick_btn3{width:49.5%;border-top:1px solid #ddd;border-left:1px solid #ddd;margin-right:0px}
	.quick_btn3 ul li a{width:33.3%;float:left;border-right:1px solid #ddd;border-bottom:none}
	.quick_btn3 ul li a.btn03{border-bottom:none}



	/* 게시판 */
	.board_box{width:49.5%;border:1px solid #ddd;height:270px;margin-top:0px}
	.board_box > ul{padding:20px }
	.board_box .board_con{left:20px}
	.board_box .board_con ul li a{width:375px}



	/* 팝업존 */
	.right_wrap{width:900px;margin:0 auto}
	.popupzone{float:left;width:49.5%;margin-right:5px}
	.popupzone img{width:100%;height:345px}

	/* 홍보동영상 */
	.bottom_box_r{width:49%;float:left;height:345px;margin-bottom:40px}
	.videobox > img{width:100%}
	
	/* 푸터 */
	#footer_info_wrap{border-top:1px solid #ddd}
	
	.footer_info_box{width:95%;}
	#banner_box .bx-wrapper{max-width: 90% !important;}
	.sitelink_sbox{display:none}
	.copy_box{background:#4b4e55 }
}



/****** Desktop Wide Device ******/
@media screen and (min-width:1281px){
	/* header */
	#navigation_mobile_wrap,.header_fullmenu_m,.header_fullmenu_t{display:none}
	.btn_fullmenu_m{display:none}
	/* contents_wrap */
	#contents_wrap{width:882px;height:auto;float:left;padding-bottom:30px;padding-left:35px}
	.header_fullmenu_m{display:block}
	
	.footer_info_box{width:95%}
	#banner_box .bx-wrapper{max-width: 75% !important;}



}


/****** Desktop Wide Device ******/
@media screen and (min-width:1400px){

	.footer_info_box{width:95%}
	#banner_box .bx-wrapper{max-width: 80% !important;}

}