@charset "utf-8";
@import url('frame_basic.css');


/** Mobile **/
@media screen and (max-width: 360px) {
    /* 페이지 경로 및 공유하기*/
}

@media screen and (min-width: 480px) {
    /* 페이지 경로 및 공유하기*/
    /*.sub_util {display: inline-block; vertical-align: middle;}*/
}

@media screen and (max-width: 480px) {
	/* 콘텐츠 관리 및 평가 */
    .page_util .survey_info > dt {margin-bottom: 5px;}
    .page_util .survey_info .va_point > span {margin-right: 0;}
    .page_util .survey_info .va_point > span > label {letter-spacing: -0.2px;}
}

@media screen and (max-width: 640px) {
	/* 콘텐츠 관리 및 평가 */
    .page_util .admin_info > li:first-child + li > div {margin-top: 8px;}
}

@media screen and (min-width: 680px) {
    /* 콘텐츠 관리 및 평가 */
    .page_util .admin_info > li:first-child + li {float: right; width: 325px;}
    .page_util .survey_info .va_point > span {margin-top: 0;}
}

@media screen and (max-width: 1023px) {
    /** Header 영역 **/
    .header_area h1 {margin: 18px 0 15px 15px}
	
	/***** 실국 *****/
	.header_area h1.part_logo {margin: 15px 0 13px 0; margin-left: 10px; text-align: left;}
	.header_area h1.part_logo img {width: auto;}
	.header_area h1.part_logo .part_name {display: inline-block; border-left: solid 1px #ccc; padding: 5px 0 5px 10px; margin: 0; margin-left: 5px;}
	/***** //실국 *****/

    .gnb_menu_area {height: 80px;}
    .gnb_menu_area .etc_site {display: inline-block; width: 135px;}
    .gnb_menu_area .etc_site > a {display: block; height: 32px; padding-top: 8px; text-align: center; color: #fff;}
    .gnb_menu_area .etc_site > ul {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    }
    .gnb_menu_area .gnb_menu {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 200px;
     border-top: solid 1px #353e4d;
     text-align: center;
    }
    .gnb_menu_area .gnb_menu li {width: 99px; text-align: center;}
    .gnb_menu_area .gnb_menu li:first-child {border-left: none;}
    .gnb_menu_area .gnb_menu li a {display: block;}
    .gnb_menu_area .header_sns_link {
    position: absolute;
    right: 34px;
    top: 0;
    height: 40px;
    }
    .gnb_menu_area .header_sns_link > a {display: inline-block; height: 31px; padding: 9px 6px 0 6px; text-align: center;}
    .gnb_menu_area .language {
    /*float: right;
    margin-right: 40px;*/
    position: absolute;
    right: 0;
    bottom: 0;
    }

	
    /* 제주시날씨 */
    .header_weather {display: none;}

    /* 분야별정보 뎁스 메뉴 */
    .area_depth_menu {padding: 13px 15px;}
    .area_depth_menu h2 {width: 168px;}
    .area_depth_menu h2 img {width: 34px;}
    .area_depth_menu h2 .text {
    background-size: auto 12px;
    padding-right: 15px;
    margin-left: 13px;
    font-size: 20px; font-size: 2.0rem;
    }
    .area_depth_menu .menu_depth a {margin-right: 15px; font-size: 14px; font-size: 1.4rem;}

    .right_menu {
    position:absolute;
    right: 15px;
    top: 18px;
    }
    .right_menu > li:first-child {float:right; margin-left: 15px;}

    #fullmenu {margin-left: 10px;}
    #fullmenu img, #language img {width: 30px;}
	
  	#search_btn {display: inline-block;}
    #search_btn img {width: 25px;}
	
	
    /* 통합검색 */
    .search_area {
	position: absolute;
	right: 0;
	top: 57px;
	z-index: 90;
	display: none;
	width: 100%;
	width:calc(100% - 2px);
	width:-webkit-calc(100% - 2px); /* google, safari */
	width:-moz-calc(100% - 2px); /* firefox */
	width:-o-calc(100% - 2px); /* opera */		
	padding: 0;
	border: solid 1px #c2c2c2;
	}
	.search_area .suggest_lay {margin-top: 5px;}
    .search_area .close_btn {position: absolute; right: 60px; top: -45px; background-color: #fff; padding: 5px;}

	
    #menu_area {
    display:inline-block;
    position: fixed;
    top: 0;
    left: -100%;
    /*left: 0;*/
    z-index: 9990;
    width: 300px;
    height: 100%;
    overflow-y: auto;
    background-color: #4d4d4d;
    }

    #lnb_menu {margin-bottom:25px;}
    #lnb_menu > ul {background-color: #0098e7; padding: 80px 0 38px 0;}
    #lnb_menu > ul > li {border-bottom:solid 1px #0086cf; font-size: 15px; font-size: 1.5rem;}
    #lnb_menu > ul > li.active {background-color: #0086cf; font-weight: 700;}
    #lnb_menu > ul > li:first-child {border-top:solid 1px #0086cf;}
    #lnb_menu > ul > li a {display: block;}
    #lnb_menu > ul > li > a {
    background-image:url(../../images/jejusi/icon/plus_icon03.png);
    background-position: right 18px;
    background-repeat: no-repeat;
    background-size: 30px auto;
    padding: 14px 20px;
    color: #fdfdfd;
    }
    #lnb_menu > ul > li > a.on {background-image:url(../../images/jejusi/icon/minus_icon03.png);}
    #lnb_menu > ul > li .menu_depth {display: none; background-color: #f8f8f8; padding: 15px 0; font-size: 14px; font-size: 1.4rem;}
    #lnb_menu > ul > li .menu_depth .menu_depth_detail > ul > li {background:url(../../images/jejusi/icon/menu_icon01.png) no-repeat 20px 11px; font-weight: 400;}
    #lnb_menu > ul > li .menu_depth .menu_depth_detail > ul > li > span a {display: block; padding: 3px 30px;}
    #lnb_menu > ul > li .menu_depth .menu_depth_detail > ul > li.depth > a.on {
    background-image:url(../../images/jejusi/icon/down_icon04.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
    }
    #lnb_menu > ul > li .menu_depth .menu_depth_detail > ul > li > .menu_3depth {display: none; background-color: #fff; border-top: solid 1px #eee; border-bottom: solid 1px #eee; padding: 7px 0 7px 30px;}
    #lnb_menu > ul > li .menu_depth .menu_depth_detail > ul > li > .menu_3depth > li {background:url(../../images/jejusi/icon/dot_icon01.png) no-repeat 0 center; padding-left: 8px;}
    #lnb_menu > ul > li .menu_depth .menu_depth_detail > ul > li > .menu_3depth > li.active {font-weight:700;}

    #lnb_menu > ul > li .menu_depth .menu_depth_detail > ul > li span a {
	display: inline-block;	
	width: 100%; 
	width:calc(100% - 90px);
	width:-webkit-calc(100% - 90px); /* google, safari */
	width:-moz-calc(100% - 90px); /* firefox */
	width:-o-calc(100% - 90px); /* opera */	
	}
	#lnb_menu > ul > li .menu_depth .menu_depth_detail > ul > li .menu_3depth > li a {
	display: inline-block;	
	width: 100%; 
	width:calc(100% - 30px);
	width:-webkit-calc(100% - 30px); /* google, safari */
	width:-moz-calc(100% - 30px); /* firefox */
	width:-o-calc(100% - 30px); /* opera */
	color: #555;
	}

    #menu_area .menu_close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9990;
    width: 40px;
    height: 40px;
    text-align: center;
    }
    #menu_area .menu_close a {display: block; line-height: 40px;}
    #menu_area .menu_close img {width: 18px}
    .fullmenu_wrap {display: none !important;}


    /** Contents 영역 **/
    /* 페이지 경로 및 공유하기*/
    .location span,
    .location strong {margin: 0 6px;}
    .sub_util {margin-top: 12px;}
    .print_btn, .expand_btn {display: none !important;}
	/*메일 보내기*/
	.sub_util .snad_mail .snad_mail_form {left: -1px;}
	.sub_util .snad_mail .snad_mail_form .active {left: 0;}
    /* //페이지 경로 및 공유하기*/


    .content-box > .container {margin-top: 28px;}
    #side_menu {display: none !important;}
    .cont_title {margin-left: 18px; line-height: 32px; font-size: 24px; font-size: 2.4rem;}
    #contents_area {margin: 0 10px;}
    #contents {margin-top: 24px;}
    .depth_tabmenu {padding-top: 18px;}
    .depth_tabmenu > ul > li {font-size: 14px; font-size: 1.4rem;}


    /* 콘텐츠 관리 및 평가 */
    .page_util .admin_info {padding: 12px 0 10px 15px;}
    .page_util .survey_info {padding: 20px 15px 15px 15px;}
    .page_util .survey_info .va_point > span {margin-right: 10px; margin-top: 5px;}


    /** Footer 영역 **/
    .footer .sns_link,
    .footer .etc_info .qr_code {display: none;}

    .footer .footer_left,
    .footer .etc_info {display: block;}
    .footer .etc_info {margin-top: 20px;}

    #footer_wrap .footer_link > li {letter-spacing: -0.6px; font-size: 13px; font-size: 1.3rem;}
    #footer_wrap .footer address,
    #footer_wrap .footer p {line-height: 1.5em; font-size: 12px; font-size: 1.2rem;}
	
	.footer_banner_area .footer_banner .bx-wrapper {margin: 15px 110px 0 35px;}
	.footer_banner_area .footer_banner .slider_btn #fb_prev {left: 10px;}
	.footer_banner_area .footer_banner .slider_btn #fb_next {right: 10px;}
	.footer_banner_area .footer_banner .slider_btn #fb_control {right: 40px;}
	.footer_banner_area .footer_banner .slider_btn #fb_list {right: 75px;}
	
	.layery_popup_wrap.banner {margin: 0 10px;}
	
}

@media screen and (max-width: 640px) {
	/** Header 영역 **/
	/***** 실국 *****/
	.header_area h1 .part_name {/*padding-top: 3px; padding-bottom: 3px;*/ font-size: 20px; font-size: 2.0rem;}
	
	.header_area h1.part_logo {margin: 5px 0 0 10px; text-align: left;}
	.header_area h1.part_logo img {width: 100px;}
	.header_area h1.part_logo .part_name {display: block; border-left: none; padding-left: 0; margin: 0;}
	/***** //실국 *****/
	
	/* 메뉴 4뎁스 탭메뉴 */
    .depth_tabmenu > ul > li {
    width: 50%;
    width:calc(50% + 1px);
    width:-webkit-calc(50% + 1px); /* google, safari */
    width:-moz-calc(50% + 1px); /* firefox */
    width:-o-calc(50% + 1px); /* opera */
    }
    /* //메뉴 4뎁스 탭메뉴 */
}


/** Tablet, Web **/
@media screen and (min-width: 1024px) {
    /*#wrap {min-width: 1200px;}*/


    /** Header 영역 **/
    #header_wrap {
    width: 100%;
    min-width: 1024px;
    min-height: 80px;
    transition: all .3s;
    }
    .header_area {margin-top: 40px;}
    .header_area h1 {display: inline-block; margin: 25px 0 0 10px;}

	/***** 실국 *****/
	.header_area h1.part_logo {min-width: 150px;}
	/***** //실국 *****/
	
    .header_area .right_menu {float: right; height: 60px; margin-top: 20px;}
    .header_area .right_menu > li > a {display: inline-block; padding: 10px;}

    #menu_area {display: inline-block; margin-right: 5px; vertical-align: top;}
    .gnb_menu_area > div {width: 1200px; margin: 0 auto;}
    .gnb_menu_area .etc_site {display: inline-block;}
    .gnb_menu_area .etc_site > a {display: none;}
    .gnb_menu_area .etc_site > ul li > a {padding: 9px 19px 0 19px;}
    .gnb_menu_area .etc_site > ul li.on {background-color: #fff;}
    .gnb_menu_area .etc_site > ul li.on > a {color: #000;}

    .gnb_menu_area .gnb_menu {float: right;}
    .gnb_menu_area .language {float: right;}
    .gnb_menu_area .header_sns_link {float: right;}

    #fullmenu {
	display: inline-block;
	/*position: absolute;
	right: 200px;*/	
	}
    #mainmenu,
    .menu_close {display: none;}
	/*.right_menu {position: relative;}*/
	.search_area .close_btn {display: none !important;}
	
    /* 제주시날씨 */
    .header_weather {float: right; width: 140px; height: 60px; margin: 20px 10px 0 0; text-align: right;}
    .header_weather .icon,
    .header_weather .text {display: inline-block; vertical-align: top;}
    /*.header_weather .icon {margin-top: 3px;}*/
    .header_weather .text {/*margin-left: 3px;*/ text-align: center;}
    .header_weather .text > strong {display: block; font-size: 30px; font-size: 3.0rem; color: #158dcb;}
    .header_weather .text > strong > span {display: inline-block; margin-top: -4px; vertical-align: top; font-size: 20px; font-size: 2.0rem;}
    .header_weather .text > em {
    display: block;
    margin-top: 3px;
    font-weight: 400;
    font-size: 12px; font-size: 1.2rem;
    color: #414c5d;
    }
    /* //제주시날씨 */

	/* 통합검색 */
	.search_area {display: inline-block !important; position: relative; float: right; width: 206px; margin-top: 15px; margin-right: -10px;}
	.search_area .container {}
	.search_area .search_box {float: right; width: 190px;}
	.search_area .suggest_lay {
	position: absolute;
	left: -10px;
	top: 40px;
	}
	.search_area .suggest_lay ul {width: 188px;}
	.search_area .input input {width: 152px;}

    #lnb_menu {float: right; width: 755px; margin: 19px 0 0 25px; transition: all .3s;}
    #lnb_menu > ul {display: table; width: 100%;}
   	#lnb_menu > ul > li.jejusi_10,
	#lnb_menu > ul > li.jejusi_11 {display: none !important;} /* pc화면 상단메뉴에서만 숨김(이용안내, 마이페이지) */
    #lnb_menu > ul > li {
    /*position: relative;*/
    display: table-cell;;
    min-width: 65px;
    /* padding: 0 3.1%; */
    text-align: center;
    vertical-align: top;
    font-weight: 700;
    font-size: 18px; font-size: 1.8rem;
    /*white-space: nowrap;*/
    /*transition: all .3s;*/
    }
    #lnb_menu > ul > li > a {position: relative; z-index: 9991; display: inline-block; width: 80%; height: 49px; padding: 12px 8px 0 8px; color: #000;}
	#lnb_menu > ul > li.active > a {height: 45px; border-bottom: solid 4px #0098e7;}
    #lnb_menu > ul > li:focus > a,
    #lnb_menu > ul > li:hover > a {height: 49px; border: solid 1px #e0e0e0; border-bottom: none; background-color: #f0f0f0; padding: 11px 7px 1px 7px; margin-bottom: -1px; color: #426ebd;}
    #lnb_menu > ul > li:hover > a,
    #lnb_menu > ul > li:focus > a {text-decoration: none;}
    #lnb_menu > ul > li:hover .menu_depth {display: block !important;}
    #lnb_menu > ul > li .menu_depth.focusActive {display: block;}
    #lnb_menu > ul > li .menu_depth {
    position: absolute;
    top: 120px;
    left: 0;
    z-index: 9990;
    width: 100%;
    min-width: 1024px;
    background-color: #f0f0f0;
    border-top: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
    text-align: left;
    }
    #lnb_menu > ul > li .menu_depth .menu_depth_detail {
    position: relative;
    left: 50%;
    margin-left: -600px;
    width: 1200px;
	padding-top: 5px; 
	/*margin-top: -1px;*/
    }
	#lnb_menu > ul .menu_depth_detail > ul {display: inline-block; text-align: left;}
	#lnb_menu > ul > li .menu_depth .menu_depth_detail > ul > li {
	position: relative;
    float: left;
	/*width: 198px;*/
	min-width: 198px;
	margin-bottom: -1px;
	vertical-align: top;
	letter-spacing: -1px;
    font-weight: 400;
    font-size: 14px; font-size: 1.4rem; 
    }
	#lnb_menu > ul > li .menu_depth .menu_depth_detail > ul > li span {
	display: block; 
	background-color: #f0f0f0;
	border: solid 1px #e0e0e0;	
	/*border-top: none;*/
	border-left: none;
	/*margin-bottom: 9px;*/
 	padding-left: 13px;
	white-space: nowrap;
	}
	#lnb_menu > ul > li .menu_depth .menu_depth_detail > ul > li:first-child span, 
	#lnb_menu > ul > li:not(.jejusi_6) .menu_depth .menu_depth_detail > ul > li:nth-of-type(6n) +li span {border-left: solid 1px #e0e0e0;}

	#lnb_menu > ul > li .menu_depth .menu_depth_detail > ul > li span a {
	display: inline-block;
	width: 100%; 
 	width:calc(100% - 30px);
    width:-webkit-calc(100% - 28px); /* google, safari */
    width:-moz-calc(100% - 28px); /* firefox */
    width:-o-calc(100% - 28px); /* opera */	
	padding: 8px 3px 8px 8px; 
	color: #555;
	}
	#lnb_menu > ul > li .menu_depth .menu_depth_detail > ul > li.depth > span {background: #f0f0f0 url(../../images/jejusi/icon/plus_icon08.png) no-repeat left 5px top 14px;}
	
	#lnb_menu > ul > li:not(.jejusi_6) .menu_depth .menu_depth_detail > ul > li:focus > span, 
	#lnb_menu > ul > li:not(.jejusi_6) .menu_depth .menu_depth_detail > ul > li:hover > span {background-color: #fff; font-weight: 700; color: #555;}
	#lnb_menu > ul > li:not(.jejusi_6) .menu_depth .menu_depth_detail > ul > li.depth:hover > span {
	background-color: #fff; 
	border: solid 1px #555;	
	border-bottom: none;	
	font-weight: 700; color: #555;
	}
	#lnb_menu > ul > li:not(.jejusi_6) .menu_depth .menu_depth_detail > ul > li.depth:hover > span a {padding: 8px 3px 8px 8px; color: #010000;}
	#lnb_menu > ul > li .menu_depth .menu_depth_detail > ul > li.depth .menu_3depth {display: none;}
	#lnb_menu > ul > li:not(.jejusi_6) .menu_depth .menu_depth_detail > ul > li.depth:hover .menu_3depth {display: block !important;}
    #lnb_menu > ul > li .menu_depth .menu_depth_detail > ul > li .menu_3depth.focusActive {display: block;}	
	#lnb_menu > ul > li .menu_depth .menu_depth_detail > ul > li .menu_3depth {
	position: absolute;
	left: 0;
	top: 40px;
	z-index: 90;
	width: 100%;
	width:calc(100% - 2px);
    width:-webkit-calc(100% - 2px); /* google, safari */
    width:-moz-calc(100% - 2px); /* firefox */
    width:-o-calc(100% - 2px); /* opera */		
	background-color: #fff;
	border: solid 1px #555;	
	border-top: none;	
	padding: 5px 0;
	}
	#lnb_menu > ul > li .menu_depth .menu_depth_detail > ul > li .menu_3depth > li {
	/*background: url(../../images/jejusi/icon/dot_icon08.png) no-repeat 8px 12px;*/ 
	/*border-bottom: solid 1px #e0e0e0;*/
	padding-left: 24px;
	font-size: 14px; font-size: 1.4rem;
	}
	/*#lnb_menu > ul > li .menu_depth .menu_depth_detail > ul > li .menu_3depth > li:first-child {border-top: solid 1px #e0e0e0;}*/
	#lnb_menu > ul > li .menu_depth .menu_depth_detail > ul > li .menu_3depth > li a {
	display: inline-block; padding: 4px 0; word-break: keep-all;
	width: 100%; 
 	width:calc(100% - 20px);
    width:-webkit-calc(100% - 20px); /* google, safari */
    width:-moz-calc(100% - 20px); /* firefox */
    width:-o-calc(100% - 20px); /* opera */	
	}
	
	#lnb_menu > ul > li.jejusi_7 .menu_depth_detail > ul {margin-left: 150px;}
	
	#lnb_menu > ul > li.sijang_2 .menu_depth_detail > ul {margin-left: 150px;}
	#lnb_menu > ul > li.sijang_3 .menu_depth_detail > ul {margin-left: 430px;}
	#lnb_menu > ul > li.sijang_4 .menu_depth_detail > ul {margin-left: 430px;}
	
	/*#lnb_menu > ul > li.jejusi_vill_1_1 .menu_depth_detail > ul {margin-left: 150px;}*/
	/*실과, 읍면동만*/
	#lnb_menu > ul.part_menu li:nth-child(1) .menu_depth_detail > ul {margin-left: 200px;}
	#lnb_menu > ul.part_menu li:nth-child(2) .menu_depth_detail > ul {margin-left: 390px;}
	#lnb_menu > ul.part_menu li:nth-child(3) .menu_depth_detail > ul {margin-left: 550px;}
	#lnb_menu > ul.part_menu li:nth-child(4) .menu_depth_detail, 
	#lnb_menu > ul.part_menu li:last-child .menu_depth_detail {text-align: right;}
	#lnb_menu > ul.part_menu li:last-child .menu_depth_detail > ul {width: 100%; margin-left: 0 !important;}
	
	
    /* 메뉴 '분야별정보' 만 적용 */
    #lnb_menu > ul > li.jejusi_6 .menu_depth .menu_depth_detail > ul > li .menu_3depth {display: none !important;}
    #lnb_menu > ul > li.jejusi_6 .menu_depth .menu_depth_detail {padding-top: 0;}
    #lnb_menu > ul > li.jejusi_6 .menu_depth .menu_depth_detail > ul {display: inline-block; width: 100%; background: none; padding: 10px 0 5px 0; text-align: center;}
    #lnb_menu > ul > li.jejusi_6 .menu_depth .menu_depth_detail > ul > li {display: inline-block; width: 116px; min-width: auto; background: none; margin: 0 8px;}
    #lnb_menu > ul > li.jejusi_6 .menu_depth .menu_depth_detail > ul > li > span {
    display: block;
    width: auto;
    height: 110px;
    /*background-color: #fff;*/
    /*background-image: url(../../images/jejusi/menu/area_menu01_icon.png);*/
    background-repeat: no-repeat;
    background-position: center 0;
	border: none;
    padding: 0;
    text-align: center;
    }
    #lnb_menu > ul > li.jejusi_6 .menu_depth .menu_depth_detail > ul > li > span a {display: block; width: auto; height: 20px; padding-top: 90px; padding-left: 0; color: #000;}
    #lnb_menu > ul > li.jejusi_6 .menu_depth .menu_depth_detail > ul > li:nth-child(1) > span {background-image: url(../../images/jejusi/menu/area_menu01_icon.png);}
    #lnb_menu > ul > li.jejusi_6 .menu_depth .menu_depth_detail > ul > li:nth-child(2) > span {background-image: url(../../images/jejusi/menu/area_menu02_icon.png);}
    #lnb_menu > ul > li.jejusi_6 .menu_depth .menu_depth_detail > ul > li:nth-child(3) > span {background-image: url(../../images/jejusi/menu/area_menu03_icon.png);}
    #lnb_menu > ul > li.jejusi_6 .menu_depth .menu_depth_detail > ul > li:nth-child(4) > span {background-image: url(../../images/jejusi/menu/area_menu04_icon.png);}
    #lnb_menu > ul > li.jejusi_6 .menu_depth .menu_depth_detail > ul > li:nth-child(5) > span {background-image: url(../../images/jejusi/menu/area_menu05_icon.png);}
    #lnb_menu > ul > li.jejusi_6 .menu_depth .menu_depth_detail > ul > li:nth-child(6) > span {background-image: url(../../images/jejusi/menu/area_menu06_icon.png);}
    #lnb_menu > ul > li.jejusi_6 .menu_depth .menu_depth_detail > ul > li:nth-child(7) > span {background-image: url(../../images/jejusi/menu/area_menu07_icon.png);}
    #lnb_menu > ul > li.jejusi_6 .menu_depth .menu_depth_detail > ul > li:nth-child(8) > span {background-image: url(../../images/jejusi/menu/area_menu08_icon.png);}
    #lnb_menu > ul > li.jejusi_6 .menu_depth .menu_depth_detail > ul > li:nth-child(9) > span {background-image: url(../../images/jejusi/menu/area_menu09_icon.png);}
    /* //메뉴 '분야별정보' 만 적용 */

	
    /* 전체메뉴 **/
	#fullmenu > a {display: inline-block; width: 46px; padding: 12px 0 1px 0; text-align: center;}
	#fullmenu:hover > a {position: relative; z-index: 9991; width: 44px; height: 49px; border: solid 1px #e0e0e0; border-bottom: none; background-color: #f0f0f0; padding: 11px 0 1px 0; margin-bottom: -1px;}
	#fullmenu:hover .fullmenu_wrap {display: block !important;}
	#fullmenu .fullmenu_wrap.focusActive {display: block;}
	
    .fullmenu_wrap {
    position: absolute;
    top: 120px;
    left: 0;
    z-index: 990;
    /*overflow: hidden;*/
    width: 100%;
    min-width: 1024px;
    background-color: #f0f0f0;
    border-top: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
    }
    .fullmenu_wrap .fullmenu_area {position: relative; width: 1200px; margin: 0 auto; /*border-top: solid 1px #fb1c55;*/ border-top: solid 1px #e0e0e0;}
    .fullmenu_wrap .fullmenu_area > dl {display: table-cell; width: 200px; border-right: solid 1px #e0e0e0;}
    .fullmenu_wrap .fullmenu_area > dl:first-child {border-left: solid 1px #e0e0e0;}
    .fullmenu_wrap .fullmenu_area.sijang > dl {width: 300px;}
    .fullmenu_wrap .fullmenu_area > dl dt {
    height: 35px;
    border-bottom: solid 1px #e0e0e0;
    padding: 15px 0 0 20px;
    font-weight: 700;
    font-size: 16px; font-size: 1.6rem;
    }
    .fullmenu_wrap .fullmenu_area > dl > dd > ul {margin-left: 20px; font-size: 14px; font-size: 1.4rem;}
    .fullmenu_wrap .fullmenu_area > dl > dd > ul > li {
    background: url(../../images/jejusi/icon/dot_icon05.png) no-repeat 0 8px;
    padding-left: 8px;
    margin: 10px 0;
    }
    .fullmenu_wrap .fullmenu_area > dl > dd > ul > li a {color: #696969;}
    .fullmenu_wrap .fullmenu_area > dl > dd > ul > li a img {margin-top: -1px; margin-left: 8px;}
    .fullmenu_wrap .fullmenu_area .close_btn {
    position: absolute;
    right: 209px;
    top: -52px;
    z-index: 990;
    background-color: #fff;
    padding: 1px;
    }


    /** Contents 영역 **/
    /* 페이지 경로 및 공유하기*/
    .location > img {width: 3px;}
    .location span,
    .location strong {margin: 0 5px;}
    .sub_util {float: right;}
	/*메일 보내기*/
	.sub_util .snad_mail .snad_mail_form {right: -2px;}
	.sub_util .snad_mail .snad_mail_form .active {right: 0;}
    /* //페이지 경로 및 공유하기*/


    /* 메뉴 4뎁스 탭메뉴 */
   	/*분야별정보 4뎁스 탭메뉴(1024px이상에서 숨김처리)*/
	.depth_tabmenu.field_4depth {display: none !important;}
	
    /*기존유지*/
    .depth_tabmenu .tab01 > li {
    width: 25%;
    width:calc(25% + 1px);
    width:-webkit-calc(25% + 1px); /* google, safari */
    width:-moz-calc(25% + 1px); /* firefox */
    width:-o-calc(25% + 1px); /* opera */
    }
	/*//기존유지*/
	
	/*한줄에 2개*/
	.depth_tabmenu .tab02 > li {
    width: 50%;
    width:calc(50% + 1px);
    width:-webkit-calc(50% + 1px); /* google, safari */
    width:-moz-calc(50% + 1px); /* firefox */
    width:-o-calc(50% + 1px); /* opera */
    }
	/*한줄에 3개*/
	.depth_tabmenu .tab03 > li {
    width: 33.33333%;
    width:calc(33.33333% + 1px);
    width:-webkit-calc(33.33333% + 1px); /* google, safari */
    width:-moz-calc(33.33333% + 1px); /* firefox */
    width:-o-calc(33.33333% + 1px); /* opera */
    }
	/*한줄에 4개*/
	.depth_tabmenu .tab04 > li {
    width: 25%;
    width:calc(25% + 1px);
    width:-webkit-calc(25% + 1px); /* google, safari */
    width:-moz-calc(25% + 1px); /* firefox */
    width:-o-calc(25% + 1px); /* opera */
    }
	/*한줄에 5개*/
	.depth_tabmenu .tab05 > li {
    width: 20%;
    width:calc(20% + 1px);
    width:-webkit-calc(20% + 1px); /* google, safari */
    width:-moz-calc(20% + 1px); /* firefox */
    width:-o-calc(20% + 1px); /* opera */
    }
    /* //메뉴 4뎁스 탭메뉴 */


    .content-box .container {margin-top: 45px;}
    #side_menu,
    #contents_area {display: inline-block; vertical-align: top;}
    #side_menu {width: 235px; margin-right: 30px;}
    #side_menu .title_1depth {height: 48px; text-align:center; line-height: 24px; font-weight:400; font-size: 24px; font-size: 2.4rem;}
    #side_menu > ul > li img {margin-left: 8px;}
    #side_menu > ul li a {display: block;}
    #side_menu > ul > li {border: solid 1px #dbdbdb; margin-bottom: 5px; letter-spacing: -1px; font-size: 17px; font-size: 1.7rem;}
    #side_menu > ul > li > a {
    min-height: 24px;
    background-position: right 19px;
    background-repeat: no-repeat;
    background-size: 30px auto;
    padding: 16px 20px 12px 20px;
    }
    #side_menu > ul > li.active {border: none; background-color: #0098e7;}
    #side_menu > ul > li.active > a {min-height: 26px; color: #fdfdfd;}
    #side_menu > ul > li.active.depth > a {background-image:url(../../images/jejusi/icon/minus_icon03.png);}
    #side_menu > ul > li.depth > a {background-image:url(../../images/jejusi/icon/plus_icon02.png);}
    #side_menu > ul > li .menu_depth {display: none; background-color: #f8f8f8; padding: 15px 0; font-size: 14px; font-size: 1.4rem;}
    #side_menu > ul > li.active.depth .menu_depth {display: block;}
    #side_menu > ul > li .menu_depth > li {background:url(../../images/jejusi/icon/menu_icon01.png) no-repeat 20px center; letter-spacing: 0;}
    #side_menu > ul > li .menu_depth > li > a {padding: 2px 30px;}
    #side_menu > ul > li .menu_depth > li.active > a {text-decoration:underline; font-weight:700; color: #3568ba;}

    .cont_top {font-size: 12px; font-size: 1.2rem;}

    .cont_title {margin-left: 5px; font-size: 32px; font-size: 3.2rem;}
    #contents {min-height: 300px; margin-top: 34px;}


    /** Footer 영역 **/

    .footer_right {float: right;}
    .sns_link {margin: 0 25px 30px 0;}
}


@media screen and (max-width: 767px) {
    /* 분야별정보 뎁스 메뉴 */
    .area_depth_menu h2 {width: auto !important; padding-right: 13px;}
    .area_depth_menu .menu_depth {position: relative;}
    .area_depth_menu .menu_depth > dt {
    display: block;
    background: url(../../images/jejusi/icon/down_icon05.png) no-repeat right center;
    line-height: 1.4em;
    }
    .area_depth_menu .menu_depth > dt.on {background: url(../../images/jejusi/icon/up_icon05.png) no-repeat right center;}
    .area_depth_menu .menu_depth > dt .btn {font-size: 0;}
    .area_depth_menu .menu_depth > dt a {display: block; padding-right: 23px; color: #fff;}
    .area_depth_menu .menu_depth > dt a:hover {text-decoration: none;}
    .area_depth_menu .menu_depth > dd {
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 10;
    display: none;
    overflow-y: auto;
    min-width: 200px;
    max-height: 235px;
    padding: 5px 0;
    border: solid 1px #ccc;
    background: #fff;
    }
    .area_depth_menu .menu_depth a {display: block; margin: 10px 10px; font-size: 16px !important; font-size: 1.6rem !important;}
    .area_depth_menu .menu_depth a img {display: none;}
    .area_depth_menu .menu_depth a,
    .area_depth_menu .menu_depth a.active {color: #1f1b1b;}
    /* //분야별정보 뎁스 메뉴 */
}


/** Tablet **/
@media screen and (min-width: 640px) and (max-width: 1023px) {
    /** Contents 영역 **/
    /* 메뉴 4뎁스 탭메뉴 */
    .depth_tabmenu > ul > li {
    width: 33.33333% !important;
    width:calc(33.33333% + 1px) !important;
    width:-webkit-calc(33.33333% + 1px) !important; /* google, safari */
    width:-moz-calc(33.33333% + 1px) !important; /* firefox */
    width:-o-calc(33.33333% + 1px) !important; /* opera */
    }
    /* //메뉴 4뎁스 탭메뉴 */
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    /** Header 영역 **/
    #header_wrap {min-width: 1024px;}
    #header_wrap .header_area {width: 1024px;}
    .gnb_menu_area > div {width: 1024px;}
    .header_area h1 {width: 173px;}
    #lnb_menu {width: 563px;}
    #lnb_menu > ul > li {margin: 0 1%;}

    #lnb_menu > ul > li .menu_depth .menu_depth_detail {width: 1024px; margin-left: -512px;}

    /* 메뉴 '분야별정보' 만 적용 */
    #lnb_menu > ul > li.jejusi_6 .menu_depth .menu_depth_detail ul > li {width: 90px;}
    /* //메뉴 '분야별정보' 만 적용 */

    /* 분야별정보 뎁스 메뉴 */
    .area_depth_menu .menu_depth a {margin-right: 24px; font-size: 17px; font-size: 1.7rem;}
    /* //분야별정보 뎁스 메뉴 */

    /* 전체메뉴 **/
    .fullmenu_wrap .fullmenu_area {width: 1024px;}
    .fullmenu_wrap .fullmenu_area > dl {width: 170px;}


    /** Contents 영역 **/
    .content-box .container {width: 984px;}
    .cont_top {width: 994px; font-size: 12px; font-size: 1.2rem;}
    #contents_area {width: 715px;}


    /* 메뉴 4뎁스 탭메뉴 */
	/*한줄에 5개*/
	.depth_tabmenu .tab05 > li {
    width: 25%;
    width:calc(25% + 1px);
    width:-webkit-calc(25% + 1px); /* google, safari */
    width:-moz-calc(25% + 1px); /* firefox */
    width:-o-calc(25% + 1px); /* opera */
    }
    /* //메뉴 4뎁스 탭메뉴 */
	

    /** Footer 영역 **/
    /* 하단 배너 */
    .footer_banner_area .footer_banner {width: 1024px;}
    /* //하단 배너 */

    #footer_wrap .footer {width: 1004px;}
    #footer_wrap .footer_link > li {font-size: 14px; font-size: 1.4rem;}
    #footer_wrap .footer address,
    #footer_wrap .footer p {line-height: 1.5em; font-size: 13px; font-size: 1.3rem;}
}


/** Web **/
@media screen and (min-width: 1200px) {
    html>/**/body {overflow-y: scroll;}


    /** Header 영역 **/
    #header_wrap {min-width: 1200px;}
    .header_area {width: 1200px;}
	/*.search_area {min-width: 1200px;}
	.search_area .container {width: 1200px;}*/
	
    
	/** Contents 영역 **/
    .content-box .container {width: 1200px;}
    .cont_top {width: 1170px;}
    #contents_area {width: 930px;}


    /** Footer 영역 **/
    /* 하단 배너 */
    .footer_banner_area .footer_banner {width: 1200px;}
    /* //하단 배너 */

    #footer_wrap .footer {width: 1180px;}
	
	
	/* 레이어팝업 */
	.layery_popup_wrap {
	left: 50%;
	margin-left: -600px;
	width: 1120px;
	}
}


/** 유관기관 바로가기 **/
@media screen and (max-width: 479px){
    .site_link_area .site_link > dl {width: 48.9%;}
    .site_link_area .site_link > dl dt {font-size: 1.4rem;}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .site_link_area .site_link > dl {width: 32.5%;}
}
@media screen and (min-width: 768px) {
    .site_link_area .site_link > dl {width: 32.8%;}
}
@media screen and (min-width: 980px) {
    .site_link_area .site_link > dl {width: 32.9%;}
}
@media screen and (min-width: 1024px) {
    .site_link_area .site_link > h3 + dl {border-left: solid 1px #484848;}
    .site_link_area .site_link {width: 1024px; margin: 0 auto;}
    .site_link_area .site_link > dl {width: 166px;}
}
@media screen and (min-width: 1200px) {
    .site_link_area .site_link {width: 1200px;}
    .site_link_area .site_link > dl {width: 195.5px;}
    .site_link_area .site_link > dl:first-child {width: 200.5px;}
}