@charset "utf-8";

/* =====================
		mobile
========================*/

.mobile_top_nav{display:none;}

/* 공통 */
@media screen and (min-width:769px) and (max-width:100000px) {
	.top-nav {display:block !important;}
}

@media screen and (min-width:1px) and (max-width:1200px) {
	.main_container{padding-top:54px;}
	.top-nav__fav2 p.name{color:#000;}
	.main_container .top p{width:213px; text-align:center; display:inline-block;}
	.news_bn{width:100%; height:auto;}
	.news_bn strong{top:85px; font-size:30px; line-height:30px;}
	.news_bn strong span{font-size:14px;}
	.news_bn p{margin-left:-80px;}
	.news_bn p a{padding:6px 10px;}
	.right_popup{float:left; margin-left:0; width:100%; padding:10px;}
	.right_popup .img{width:100%; height:auto;}
	.pupup_btn{top:10px; right:10px; width:100%; text-align:right;}
	.cont02{overflow:unset;}
	.news_photo{width:100%;}
	.news_photo .img{width:100%; height:auto;}
	.news_photo p img{width:100%; height:auto;}
	.news_board{margin-left:0; width:100%;}
	.news_board .tit{font-size:14px;}
	.news_board .board_body a strong{width:70%;}
	.news_board .board_body a span{width:30%;}
	.left_popup{width:100%;position:relative;}
	.left_popup .pupup_btn{top:0; right:0;}
	.left_popup .popup_img img{height:auto;}
	.cont03{margin-top:0; padding:5px 15px 25px;}
	.cont03 .quick .tit{width:100%; text-align:center; padding-bottom:15px; margin-top:0; border-bottom:1px solid #d6d6d6; border-right:0;}
	.cont03 .quick ul{width:100%;}
	.cont03 .quick ul li{margin-top:20px; width:50%;}
	.main_section01{padding-bottom:0;}
	.mobile_none{display:none;} /*mobile*/
	.sr_location {top:12px;}
	.fban_slide .owl-stage{height:117px;}
	.intro04 .sub_input > ul > li.select{width:100px; margin-right:5px;}
	.intro04 .sub_input > ul > li.select:nth-child(3n){margin-right:0;}
	.intro04 .sub_input > ul > li.input{width:319px; margin-top:5px;}
	.sub_report > ul > li > span a{ display: block; text-align: center; }

	[class*="header__wrap"] {width:100%;}
	header{width:100%}
	.header_in{width:100%}
	#gnb{background-image:none;}
	#sidebar{z-index:1}
	.top-nav__box {width:100%}
	.header__wrap__h1 {width:100%;background-color: #fff;}

	/*.gnb{width:100%;padding-top:37px;padding-left:0px;}*/
	.gnb-menu > a {background-image:none;white-space:nowrap;}
	/*.gnb .gnb-ul {width:100%;padding-left:0;}*/

	/**/
	.ex-btn-wrap__in {width:100%}

	.wrap{width:100%}

	.sub-page-container__wrap.hide {margin-top:0px;padding-top:0px}
	#quick_wrap {display:none;}

	.visual_wrap{display:none;}
	#sidebar{margin-top:0px;}


	/*footer*/
	#footer{height:auto;min-height:100px;padding:10px;background-image:none;position:relative;z-index:3;}
	.footer_in_wrap{width:100%;min-height:100%;}

	/*---------
		메인
	---------*/

	/*	subpage
	========================*/

	/*layout*/
	.sub-page-container__wrap {width:100%; position:relative;background-image:none;}
	.sub_wrap{width:100%; position:relative;}
	.sub-contents{float:none;width:98%;padding:1%;padding-top:10px;margin:0;}
	/* .contents{float:none;width:98%;padding:1%;padding-top:40px;} */
	.sub-contents__top {height:auto;margin-bottom:20px;}
	.sub-contents__top {margin-right:0px !important;margin-left:0px !important;}
	.sub-contents__top h2.sub-tit {padding-top:0;}
	.location-box__cont {position:relative;top:0;}

}



/*
================================================================================
===============================모바일용 메뉴 공통================================
================================================================================*/
@media screen and (min-width:1px) and (max-width:1100px) {

	/**/
	header{overflow:visible;position:fixed;background-color:#fff;border-bottom:1px solid #685b5b;}
	header h1 a{width:89px !important;background-size:100% auto;}
	.header__wrap__h1 h1 {position:relative;top:0;width:100%;text-align:center;padding-top:10px;}
	[class*="header__wrap"] h1 a{margin:0 auto;height:auto;}
	[class*="header__wrap"] {height:53px;}
	.gnb {display:none;}
	.top-nav{z-index:10000}
	.top-nav__fav2{top:56px;left:5px;}
	.top-nav__fav2 > a{color:#000;padding: 0 3px;background-image:none;}
	.top-nav__fav2 > a:after{display:none;}
	.top-nav__fav2 > a:last-child{padding-left:3px;}

	/*header*/
	header{height:auto;padding-bottom:0px;height:54px;}
	.sub-page-container.wrap {padding-top: 84px;}
	
	/*모바일 메뉴*/
	.gnb-ul {padding-left:0;}

	.mobile_top_nav{position:relative;z-index:9999;max-height:100%;position:fixed;top:0;left:0px;width:100%;display:block;background-repeat:repeat;background-position:0 0;}
	.mobile_top_nav.selected {height:100%;overflow:auto;width:100%;left:0px;}
	.mobile_top_nav .m_s_btn{position:absolute;top:12px;right:15px;display:block;width:28px;height:28px;}
	.mobile_top_nav .m_s_btn img{width:100%;}
	.mobile_top_nav .m_open_btn{position:absolute;top:12px;left:15px;display:block;width:28px;height:28px;}
	.mobile_top_nav .m_open_btn img{width:100%;}
	.mobile_top_nav__in{left:-320px;width: 320px;position: fixed;top: 0;height: 100%;background-color: #fff;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;overflow:auto;}
	.mobile_top_nav.selected .mobile_top_nav__in {left:0;-webkit-box-shadow: 3px 4px 18px -7px rgba(0,0,0,0.75);-moz-box-shadow: 3px 4px 18px -7px rgba(0,0,0,0.75);box-shadow: 3px 4px 18px -7px rgba(0,0,0,0.75);}
	.font-size-box {display:none;}
	.gnb-menu > a {width:auto;}
	#gnb_nav_mobile{opacity:0;position:relative;padding-top:80px;z-index:9999;background-color:#fff;border-top:1px solid #d1d1d6;background-color:#fff;}

	#gnb_nav_mobile li.gnb-menu > a {width:auto;display:block;padding:0px 10px 0px 20px;height:38px;line-height:38px;font-size:17px;font-weight:800;color:#222;text-align:left;border-top:1px solid #e8e8e8;background-color:transparent;}
	#gnb_nav_mobile li.sub-nav__box__list:first-child{}
	#gnb_nav_mobile li.sub-nav__box__list > a{border-top:1px solid #d1d1d6;padding:0px 10px 0px 30px;width:auto;height: 38px;line-height: 38px;font-weight:bold;}
	#gnb_nav_mobile .gnb-menu:first-child {border-left:0px;}
	.selected .sub-nav {border-top:0px;}

	.linkWrap{display:none;}
	.linkWrap_m{display:inline-block; vertical-align:top; margin:6px 10px 0 0; position:absolute; right:0}
	.linkWrap_m a{font-size:13px; display:block; text-align:center; background:#0480ce; color:#fff; padding:5px 10px;}

	/*불켜짐*/
	#gnb_nav_mobile li.gnb-menu.on .sub-nav{height: auto;visibility: visible;}
	#gnb_nav_mobile li.gnb-menu.on > a {color:#000;}
	#gnb_nav_mobile .sub-nav__box__list.on > a {color:#000;text-decoration:underline}
	#gnb_nav_mobile .sub-nav__box__list.on > a span {color:#000;text-decoration:underline}
	#gnb_nav_mobile .gnb-menu {background-image:url('../../images/common/mobile-bul-minus.png');background-repeat:no-repeat;background-position:95% 20px;background-size:14px auto;}
	#gnb_nav_mobile .gnb-menu.selected, #gnb_nav_mobile .gnb-menu.on {background-image:url('../../images/common/mobile-bul-plus.png');background-position:95% 13px;}

	.top-nav__box{-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
	.top-nav{left:-320px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
	.top-nav.selected {left:0;}

	/* 모바일 메뉴 닫기 */
	.mobile-close {position:fixed;left:-30px;top:14px;opacity:0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
	.mobile_menu_open .mobile-close{left:275px;z-index: 10000;opacity:1;}
	.mobile-close a{font-size:0;width:25px;height:25px;text-indent:-9999px;display:block;background-image:url("../../images/common/mobile-close.jpg");background-position:center center;background-repeat:no-repeat;}
	.mobile_top_nav.selected .mobile-close{opacity:1;left:285px;}

	/*gnb 방식변경*/
	.top-nav{border-top:1px solid #cbcbcb;width:320px;border-bottom:0;border-top:0;}
	.top-nav__fav2{top:0;width:320px;left:0;padding-left:10px;background-color:#fff;padding-top:36px;height:45px;background-image:url('../../images/common/logo.png');background-position:10px 12px;background-repeat:no-repeat;background-size:72px auto;}
	.top-search {top:53px;left:0px;width:100%;}
	.top-search__in {border:0px solid #e0e0e0;padding-right:0;}
	.search-off-btn {display:none;}

	.gnb-ul {width:100%;display:block;padding-right:0;border-bottom:1px solid #e8e8e8;}
	.gnb-menu {width:100%;display:block;border-right:0px;}
	.gnb-menu > a {text-align:left;line-height:30px;height:30px;padding-left:15px;}
	.sub-nav{width:auto;border:0;background-color: #f7f7f7;text-align:left;}
	.gnb-menu.over .sub-nav {border:0px solid #a82923;background-color: #96705d;}
	.sub-nav__box__list a span {color:#666666;background-image:none !important;font-size:17px;}

	#gnb_nav_mobile li.gnb-menu.selected .sub-nav{height:auto;visibility:visible;}

	#gnb_nav_mobile.selected {display:block;opacity:1;}
	.gnb.selected {display:block;opacity:1;}
	.top-nav.selected {display:block;opacity:1;}

	/*사이드메뉴*/
	.contents{z-index:0;}
	.sub_wrap{z-index:9;padding-top:53px;}
	#sidebar{height:40px;z-index:1;position:fixed;top:54px;left:0;padding-top:0px;z-index:999;}
	#sidebar h2{border-radius:0px;min-height:33px;color:#fff;background-color:#786d61;border:0px}
	/*.sidebar__wrap li ul{display:block;}*/
	#sidebar.selected{height:100%;background-image:url("../../images/common/opa.png");background-position:0 0;background-repeat:repeat;}
	#sidebar .sidebar__wrap{width:280px;display:block;opacity:0;margin-left:-280px;}
	#sidebar .sidebar__wrap{display:block;}
	#sidebar.selected .sidebar__wrap{
		background-color:#fff;
	}
	.sidebar__wrap li ul li a{font-size:14px;}

	#sidebar .sidebar__wrap{}

	#sidebar.selected .sidebar__wrap{height:74%}
	.side_ul{height:100%;overflow:auto;border:0px;}


	#sidebar h2 a{
		display:inline-block;color:#0480ce;background-color:#fff;vertical-align:middle;padding:2px 4px;margin-left:10px;
		}
	#sidebar h2 small{
		display:inline-block;font-size:1.5rem;padding-right:10px;
		}

	.intro04 h3{padding:0 0 20px 30px;line-height:40px;font-size:17px;font-weight:700;color:#333;background:url("../../images/sub/bullet_t1.png") no-repeat 0 9px}
	.intro04 .dk_title h2{margin-bottom:10px;padding:0 0 0 30px;line-height:30px;font-size:16px;font-weight:700;color:#333;background:url("../../images/sub/bullet_t1.png") no-repeat 0 4px}
	.intro04 .dk_search{position:unset;}
	.intro04 .dk_title .dk_search{float:none;}
	.intro04 .dk_search fieldset select{width:100%;box-sizing:border-box;padding:0 5px;padding-right:20px;padding-right:5px\9;font-size:12px;font-weight:800;color:#777;border:1px solid #ccc;background:#fff url("../../images/sub/select_arrow.png") no-repeat 98% 50%;border-radius:0;-webkit-appearance:none}
	.tb_type7 table{width:100%;}
	.tb_type7 table th, .tb_type7 table td{font-size:12px; padding:10px 0;}

	.jojik-wrap {background-image:none; min-height:0; padding-bottom:30px; overflow:hidden;}
	.jojik-wrap .directors {width:100%; background-repeat:repeat; position:relative; left:0; top:0;}
	.jojik-wrap .gamsa {width:auto; position:relative; left:0; top:0;}
	.jojik-wrap .gamsa__tab {padding:5px 0;}
	.jojik-wrap .directeam {width:auto; position:relative; left:0; top:10px;}
	.jojik-wrap .directeam__tab {padding:5px 0;}
	.jojik-wrap .reader {width:auto; background-repeat:repeat; position:relative; left:0; top:0px; }
	.jojik-wrap .reader__tab {padding:5px 0;}
	
	.jojik-wrap .managerment {width:20%; position:relative; left:0; top:20px; float:left;}
	.jojik-wrap .culture {width:20%; position:relative; left:0; top:20px; float:left;}
	.jojik-wrap .artcenter {width:20%; position:relative; left:0; top:20px; float:left;}
	.jojik-wrap .enter {width:20%; position:relative; left:0; top:20px; float:left;}
	.jojik-wrap .future {width:20%; position:relative; left:0; top:20px; float:left;}
	
	/*조직도 레이아웃 변경*/
	.jojik-wrap ul li.managerment__list {width: 33.3%;margin-left: 0; padding:0 11%:}

}

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

	.mobile_none{display:none;} /*mobile*/

	[class*="header__wrap"] {width:100%;}
	header{width:100%}
	.header_in{width:100%}
	#gnb{background-image:none;}
	#sidebar{z-index:9999;}
	.top-nav__box {width:100%}
	.header__wrap__h1 {width:100%;background-color: #fff;}

	.gnb{width:100%;padding-top:37px;padding-left:0px;}
	.gnb-menu > a {background-image:none;white-space:nowrap;}
	.gnb .gnb-ul {width:100%;padding-left:0;}

	/**/
	.ex-btn-wrap__in {width:100%}

	.wrap{width:100%}

	.sub-page-container__wrap.hide {margin-top:0px;padding-top:0px}
	#quick_wrap {display:none;}

	.visual_wrap{display:none;}
	#sidebar{margin-top:0px;}
	
	

	/*footer*/
	#footer{height:auto;min-height:100px;padding:10px;background-image:none;position:relative;z-index:3;}
	.footer_in_wrap{width:100%;min-height:100%;}



	/*---------
		메인
	---------*/

	/*	subpage
	========================*/

	/*회원메뉴들*/
	.loginbox{margin-right:10%}
	.login_wrap2 div div{text-align:center;}


	.sub-sns-link {top:25px;}

	/*layout*/
	.sub-page-container__wrap {width:100%; position:relative;background-image:none;z-index:999;}
	.sub_wrap{width:100%; position:relative;}
	.sub-contents{float:none;width:98%;padding:1%;padding-top:10px;margin:0;}
	/* .contents{float:none;width:98%;padding:1%;padding-top:40px;} */
	.sub-contents__top {height:auto;margin-bottom:20px;}
	.sub-contents__top {margin-right:0px !important;margin-left:0px !important;}
	.sub-contents__top h2.sub-tit {padding-top:0;}
	.location-box__cont {position:relative;top:0;}

	img {max-width:100%;}
	.cont-in {width:auto;}
	.cont_in {width:auto;}

	.cont_in img{max-width:100%;height:auto;}
	.cont_in .bbs_cont img{max-width:100%;height:auto !important;}
	.cont-in img{max-width:100%;height:auto;}
	.cont-in .bbs_cont img{max-width:100%;height:auto !important;}
	.bbs_view_wrap tbody td .bbs_cont table td{width:auto !important;}
	.bbs_view_wrap .bbs_cont table td{width:auto !important;}
	.bbs_view_wrap .bbs_cont div{width:auto !important;max-width:100%;}
	.bbs_view_wrap table{width:100% !important;}

	.sbj_line{background-image:none;min-height:60px;margin-bottom:10px;height:auto;}
	.sbj_line .location{position:relative;top:0;padding-top:5px;padding-bottom:5px;font-size:11px;border-bottom:1px dotted #eee;right:0;}
	.sbj_line h2{font-size:19px;padding-left:5px;padding-top:5px;height:auto;display:block;padding-bottom:10px;border-bottom:none;}
	.func_box{top:0;}

	.sidebar {padding-bottom:10px;}
	#sidebar{float:none;width:100%;}
	.side_in_wrap{display:none;opacity:0;}
    #sidebar h2{
		text-align:left;background-image:none;background-color:#0480ce;color:#fff;padding-left:12px;font-size:1rem;height:30px;
		padding-top:2px;line-height:1.6;
		margin-bottom:0;
		}
	.sidebar__h2{padding-bottom:0px;margin-top:0;}
	.side-list__li > span > a {height:30px;line-height:30px;}
	.side-list__li.open-type > span > a {background-position:96% 8px}
	.side-list__li.open-type.on > span > a {background-position:96% 8px}
	.sp-open-type {background-position:97% 12px}
	.sp-open-type.on {background-position:97% 15px}

	/*l_box*/
	.l_box.type02 .con_box01, .l_box.type02 .con_box02{width:100%;}
	.l_box.type02 .con_box01 {padding:69px 10px 10px 173px;}
	.l_box.type02 .con_box02 {padding:10px 47px 32px 32px}

	.itech_bbk > dl{ display: block; }
	.itech_bbk > dl > dt,
	.itech_bbk > dl > dd{ display: block; width: 100%; text-align: center; margin-bottom: 10px; padding:0;}
}

@media screen and (min-width:1px) and (max-width:740px) {
	.sr_location{top:-20px; width:100%; text-align:right;}
	.pc_board{display:none;}
	.mob_board{display:block !important;}
	.a_space{margin-bottom:10px;}
	.a_space2{margin-bottom:10px;}
	.a_space3{margin-bottom:10px;}
	.mob_board dl dt a{display:block;}
	.mob_board .board_fonts > dd > p{position:relative;}
	.mob_board .board_fonts > dd > p:before{content:""; display:block; width:1px; height:10px; background:#ddd; position:absolute; top:6px; right:-10px;}
	.mob_board .board_fonts > dd > p:last-child:before{display:none;}
	.paging > a{width: 20px;margin: 0; font-size: 14px;}
	.paging > a.none{width: 20px;}

	.sub_report > ul > li{width:100%;padding-left:0;height:auto;}
	.sub_report > ul > li > span{width:auto;position:static;}
	.report_fonts{display:block;padding-top:10px;}

	.humanrighGridItem{width:100%;}
	.humanrighGrid.col4 .humanrighGridItem{width:100%;}

	.form_down{margin:0;}
	.form_down .dayn{padding:0;}
	.form_down a{padding:10px; width:100%; margin-bottom:10px;}

	.pho_bx ul.col5 li{width:100%;}
	.pho_bx ul.col5 li img{height:auto;}

	.sub_accept > ul > li{width:46% !important;}
	.sub_accept > ul > li:after{display:none !important;}
	.sub_accept_sns > ul > li{width:46% !important;}
	.sub_accept_sns > ul > li:after{display:none !important;}

	ul.dev_step li{width:96%; margin-bottom:10px;}
	ul.dev_step li:last-child{margin-bottom:0;}
	ul.dev_step li p:after{border-top:30px solid #fff;border-bottom:30px solid #fff;border-left:20px solid #e8ebff;right:-8px;z-index:1;}

	.pho_bx ul.col4 li{width:49.5%;}
	.pho_bx ul.col4 li:nth-child(2n){margin-right:0;}

	.pho_bx ul.col3 li{width:100%; margin-bottom:20px;}
	.pho_bx ul.col3 li:last-child{margin-bottom:0;}
	
	.sub_media{background:none;}
	.sub_media > dl{margin-bottom:50px;}

	.button_below > a{min-width:104px;}

	.table_row td input[type="text"]{width:100%;}

	.second_fowing > ul > li{width:100%;}
	.mks4i4{padding:40px 20px;}
	.zmts4in4{padding-left:0;background:none;}
	.bgbx2{background:none;}
	.table_row input{padding:0;}

	.sitemapWrap .categori_area .depth_area .row ul.depth2{width:50%;}

	.joinWrap .PrivacyBox2 .PrivacyCont .col3 input[type="text"]{width:51px;}
	.joinWrap .PrivacyBox2 .PrivacyCont input[type="text"]{width:100%;}
	.joinWrap .PrivacyBox2 .PrivacyCont li span{display:block;}
	.snsBtn_wrap a.btn_naver, .snsBtn_wrap a.btn_google{padding-left:35px;}

	#tabwrap.timeline .tabCont dt{width:45%;}
	#tabwrap.timeline .tabCont dd{width:55%;}
	#tabwrap.timeline .tabCont dd img{display:none;}
	
	.BUSEO .table_col colgroup col:last-child{display:none;}
	.BUSEO .table_col th:last-child, .BUSEO .table_col td:last-child{display:none;}

	.organ_layer{width:350px; height:480px; margin:-220px 0 0 -175px; background:#fff; padding:0 10px 0px;}
	.organ_layer .bkst_s4{margin-top:20px;}
	.organ_layer .bkst_s4 > h4{margin-top:10px;}
	.organ_layer div.table_scroll{height:300px;}
	#hd_pop{top:55px; left:0; width:100%;}
}