@charset "utf-8";

header *, footer *{box-sizing:border-box}

.new_lang{display:none}
.top_sns{width:25px;display: inline-block;}
.top_sns img{width: 100% !important;}

.gnb_wrap .potal_s a:first-child{background:#20409a;color:#fff;margin:0 5px 0 0}
.gnb_wrap .gnb_mn{padding: 22px 0 0 215px;}

.m_t h1, .new_main_top h1{font-size:20px;font-weight:800;letter-spacing:-0.05em}
.m_t h1 span, .new_main_top h1 span{display:inline-block;width:48px;height:0;padding:48px 0 0 0;background:url("/images/sharemajor/common/logo_m.png") no-repeat;overflow:hidden;vertical-align:middle}

.footer{background:#35436b;color:#fff}
.f_mn ul li{background:url("/images/sharemajor/common/bt_mn_line.png") no-repeat left 3px;font-size:14px}
.f_mn ul li a{color:#fff}
.f_mn ul li:first-child a{color:#3bffff}
.copyright{font-size:14px}
.copyright span{color:#9ea8c6;font-size:12px}

@media all and (min-width:768px) {
.m_t h1, .new_main_top h1{font-size:30px;padding:15px 0 0 10px}
.m_t h1 span, .new_main_top h1 span{width:189px;padding:53px 0 0 0;background:url("/images/sharemajor/common/logo.png") no-repeat}

}

@media all and (min-width:1023px) {
.m_t, .new_main_top{border:none}
.m_t h1, .new_main_top h1{padding:0}
.new_main_top{background:url("/images/sharemajor/common/top_mn_bg.gif") repeat-x rgba(32, 64, 154, .86);height:470px}
.navi{padding-left:400px}
.navi>ul>li{position:relative}
.navi li{padding: 0 10px;}
.navi li a{font-size:22px;text-align:center; padding-top:12px;}
.navi li.on>a{color:#20409a}
.navi div p{display:none}
.navi div{margin:0 auto;left:0}
.navi div ul li{float:none;width:100%}
.navi div ul li a{background:none;border:none;padding:10px 0}
.navi div ul{margin:10px 0 0 0}
.navi div li ul{display:none}
.navi div li a{word-break:keep-all}
.navi div li a,.navi div li.on a,.navi li.on li a,.navi li.on div li.on a{color:#fff}
.navi div li a:hover,.navi div li a:focus,.navi div li.on a:hover,.navi div li.on a:focus{color:#fff;text-decoration:underline}

.footer .f_logo{display:none}
.footer .f_c{padding:30px 0}
.f_mn{padding:0}

}



/*sub*/
.sub_container{background:url("/images/003iphak/new_main/common/s_top_bg.gif") repeat-x;}
.s_left{display:none;}
.s_top{height:49px;}
.s_top .loca{text-align:center;padding-top:10px;}
.s_top .loca a{display:inline-block;color:#000;font-size:12px;padding:0 5px;font-weight:400;line-height:28px;}
.s_top .loca a.home{background:url("/images/003iphak/new_main/common/s_loca_ico.png") no-repeat left top;padding-left:35px;}
.s_top .loca a.now{color:#20409a;font-weight:600;}
.s_con{padding:20px;}

.title_guide{margin:0 0 40px 0}
.title_guide h3{color:#000;font-size:30px;letter-spacing:-1px;text-align:center;padding:0 0 15px 0;border-bottom:1px solid #d2d2d2}



@media all and (min-width:768px) {
.s_top .loca{width:auto;text-align:left;padding-left:20px;}
.s_top .loca a{font-size:14px;}

.title_guide{}
.title_guide h3{text-align:left;font-size:35px}
}

@media all and (min-width:1023px) {
.s_wrapper{width:1200px;margin:0 auto;}
.s_wrapper:after{content:"";display: block;clear: both;}
.s_visual{min-width:1200px;}

.s_left{display:block;float:left;width:20%;}
.s_left .left_menu h2{background:#20409a url("/images/003iphak/new_main/common/s_tit_bg.png") no-repeat -30px -60px;color:#fff;font-size:24px;font-weight:600;text-align: center;height:100px;padding-top: 33px;box-sizing: border-box;}
.s_left .left_menu ul{border:solid 1px #e9e9e9;}
.s_left .left_menu li{border-bottom:solid 1px #e9e9e9;position:relative;}
.s_left .left_menu li a{color:#000;display:block;padding:15px;font-weight:500;}
.s_left .left_menu li:after{display:block;content:"";width:6px;height:11px;position:absolute;right:20px;top:20px;background:url("/images/003iphak/new_main/common/s_mn_arr1.png") no-repeat left top;}
.s_left .left_menu li.on a{background:#ea7f00;color:#fff;}
.s_left .left_menu li a:hover,
.s_left .left_menu li a:focus{background:#ea7f00;color:#fff;}
.s_left .left_menu li.on:after{width:10px;height:2px;right:19px;top:24px;background:url("/images/003iphak/new_main/common/s_mn_arr2.png") no-repeat left top;}
.s_left .left_menu li a.new_win span{display:inline-block;background:url("/images/003iphak/new_main/common/new_ico.png") no-repeat right 5px;padding:0 15px 0 0;}
.s_left .left_menu li.on a.new_win span,
.s_left .left_menu li a:hover span,
.s_left .left_menu li a:focus span{background-position:right -15px;}

.s_left .left_menu li.on ul{background:#f5f5f5;padding:15px;}
.s_left .left_menu li.on li{border:none;}
.s_left .left_menu li.on li:after{background:none;}
.s_left .left_menu li.on li a{background:none;color:#000;font-size:14px;padding:5px 0;}
.s_left .left_menu li.on li a.new_win span{background-position:right 4px;}
.s_left .left_menu li.on li a:hover,
.s_left .left_menu li.on li a:focus{color:#20409a;}
.s_left .left_menu li.on li.on a{color:#20409a;text-decoration:underline;}

.s_right{float:left;width:80%;}
.s_top .loca{padding-left:40px;}
.s_tit h3{font-size:36px;font-weight:600;}
.s_right .s_con{padding:40px;padding-right:0;}

.title_guide h3{font-size:45px;padding:25px 0 20px 0}
}

               

/*공공누리*/
.kogl{border-top:solid 1px #cbcbcb; padding:45px 0 30px 0; overflow:hidden;position:relative; margin-top:40px; float:none; clear:both;}
.kogl_left{ width:80%;}



.kogl .kogl_field{padding-right:30px; background:#fff; display:inline-block; vertical-align: top; float:left; margin-bottom:10px;}
.kogl .kogl_field .kogl03{width:190px;height:50px;background:url("/images/000inc/kogl_bg03.png") no-repeat left center}
.kogl .kogl_field .kogl02{width:160px;height:50px;background:url("/images/000inc/kogl_bg02.png") no-repeat left center}
.kogl .kogl_field .kogl01{width:125px;height:50px;background:url("/images/000inc/kogl_bg01.png") no-repeat left center}
.kogl .kogl_field ul{position:relative;}
.kogl .kogl_field ul li{position:absolute;top:7px}
.kogl .kogl_field ul li:nth-child(1){left:88px}
.kogl .kogl_field ul li:nth-child(2){left:122px}
.kogl .kogl_field ul li:nth-child(3){left:155px}

.kogl_txt01{ line-height:25px; word-break: keep-all;}



/*담당자*/
.page_charge{border:1px solid #ebebeb; background:#f7f7f7; overflow:hidden; margin:15px 0 0 0; width:80%;}
.page_charge ul{ font-size:0; text-align:center;}
.page_charge li { width: auto; vertical-align:top; border-left:1px solid #ebebeb; padding:13px 2%; text-align:center;font-size:13px; display:inline-block;}  
.page_charge li span{color:#005cbb;font-weight:600;}
.page_charge li:first-child{border-left:0;}


/*바코드*/
.qrcode{ position:absolute; top:50px; right:0; text-align:right;}
.qrcode img{width:80px; padding:10px; border:5px solid #00baff;}



/*페이지만족도*/
.satisfaction .sati{position:relative;border:1px solid #e2e2e2; margin-bottom:25px;background:#efefef url("/images/000inc/sat_bg01.png") no-repeat 25px center; padding:25px 0 25px 150px;}
.satisfaction .sati dl{overflow:hidden; margin-bottom:5px;}
.satisfaction .sati dt{ font-weight:600;}
.satisfaction .sati dd{float:left;}
.satisfaction .sati dd p{padding:8px 0 0 30px; float:left;margin-right:25px; height:25px;}

.sat_icon01{background: url("/images/000inc/sat_icon01.png") no-repeat left 6px;}
.sat_icon02{background: url("/images/000inc/sat_icon02.png") no-repeat left 6px;}
.sat_icon03{background: url("/images/000inc/sat_icon03.png") no-repeat left 6px;}
.sat_icon04{background: url("/images/000inc/sat_icon04.png") no-repeat left 6px;}
.sat_icon05{background: url("/images/000inc/sat_icon05.png") no-repeat left 6px;}


.satisfaction .com{height:30px;border:solid 1px #e2e3ea;border-top:solid 1px #abadb3;border-bottom:solid 1px #e3e9ef;border-radius:3px;margin-top:2px;width: 80%;}
.satisfaction .btn_com{background:#656565;color:#fff;border-radius:3px;margin: 2px 0 0 0;height: 30px;width: 11%;}




@media all and (max-width :1220px) {
/*담당자*/
.page_charge{width:99%;border-bottom:0;}

.page_charge li { width: 43%; padding:10px 3%;font-size:12px; text-align:left; border-left:0;border-bottom:1px solid #ebebeb;} 
/*바코드*/
.qrcode{ display:none;}

/*공공누리*/
.kogl_left{ width:100%;}
.kogl_txt01{  font-size:13px;}


	
}



@media all and (max-width :850px) {
	



/*페이지만족도*/
.satisfaction .sati{background:#efefef none; padding:20px 25px;}
.satisfaction .com{width: 69%;}
.satisfaction .btn_com{width: 20%;}





}



/* 모바일 */
@media all and (max-width :768px) {

.kogl .kogl_field{margin-bottom:0;}



/*담당자*/
.page_charge{border:1px solid #ebebeb;}
.page_charge li { width: 89%;padding:8px 5%; text-align:left;} 




/*페이지만족도*/
.satisfaction .sati dd p{ font-size:14px;margin-right:10px;}
.satisfaction .com{width: 64%;}
.satisfaction .btn_com{width: 25%; font-size:12px;}



}


@media all and (max-width :480px) {



/*페이지만족도*/
.sat_icon01{background:none;}
.sat_icon02{background:none;}
.sat_icon03{background:none;}
.sat_icon04{background:none;}
.sat_icon05{background:none;}
.satisfaction .sati dd p{padding:8px 0 0 0; font-size:12px; height:18px;}



}


@media all and (max-width :380px) {

}


/* 사이트맵 */



.sitemap_wrap ul{ font-size:0; width:100%; display:table;}
.sitemap_wrap p{ display:none;}
.sitemap_wrap ul li{ line-height:30px; display:inline-block; vertical-align:top; font-size:18px; font-weight:600;}
.sitemap_wrap ul li a{ width:90%; border-bottom:1px solid #616161; margin-bottom:20px; background:#6b6b6b url("/images/000inc/org_bg01.png") right center no-repeat; background-size:100px; color:#fff; display:inline-block; padding:2% 5%;}

.sitemap_wrap ul li ul li { width:100%; margin:0; line-height:22px; margin-bottom:15px;font-size:15px;  background:#ececec url("/images/000inc/icon03.gif") 10px 13px no-repeat;border-bottom:1px solid #e0e0e0; padding:0;}
.sitemap_wrap ul li ul li a{ width:75%; border-bottom:0; margin-bottom:0; color:#000; padding:8px 10% 8px 27px; background:none;}


.sitemap_wrap ul li ul li ul{  border:1px solid #ebebeb; border-top:0; background:#fff; padding:10px 0 20px 0;}
.sitemap_wrap ul li ul li ul li { width:100%; margin:0;  border:0; padding-top:10px;font-size:14px; font-weight:400; line-height:18px;background: url("/images/000inc/icon01.gif") 20px 18px no-repeat;}
.sitemap_wrap ul li ul li ul li a{ width:83%; border-bottom:0;margin-bottom:0; padding:0; padding-left:30px;}

.sitemap_w06 li{width:14.6%; margin:0 1% 50px 1%;}
.sitemap_w05 li{width:18%; margin:0 1% 50px 1%;}
.sitemap_w04 li{width:23%; margin:0 1% 50px 1%;}
.sitemap_w03 li{width:30%; margin:0 1.5% 50px 1.5%;}

@media all and (max-width: 1220px) {
                                                         /* 사이트맵 */	
.sitemap_w06 li{width:30%; margin:0 1.5% 50px 1.5%;}
.sitemap_w05 li{width:30%; margin:0 1.5% 50px 1.5%;}
.sitemap_w04 li{width:30%; margin:0 1.5% 50px 1.5%;}

}
 @media all and (max-width: 768px) {


/* 사이트맵 */	
.sitemap_w06 li{width:47%; margin:0 1.5% 50px 1.5%;}
.sitemap_w05 li{width:47%; margin:0 1.5% 50px 1.5%;}
.sitemap_w04 li{width:47%; margin:0 1.5% 50px 1.5%;}
.sitemap_w03 li{width:47%; margin:0 1.5% 50px 1.5%;}

}
@media all and (max-width: 480px) {


/* 사이트맵 */	
.sitemap_w06 li{width:100%; margin:0 0 50px 0;}
.sitemap_w05 li{width:100%; margin:0 0 50px 0;}
.sitemap_w04 li{width:100%; margin:0 0 50px 0;}
.sitemap_w03 li{width:100%; margin:0 0 50px 0;}



}