/*!
 * style css v0.0.1
 * Copyright 2023.01
 * Writer 김준엽
 * UPDATE
 *
 * Writer 		Date 			Desc
 * -------------------------------------------
 * 
 *  
 */
 
@charset "UTF-8";

/*.skipNavi {position: absolute;margin: 0 auto;width: 998px;list-style: none;font-size: 1.15em;top: -10.5em;left: 0;z-index: 1000;background: #eee;border: 1px solid #ccc;}*/

/* font */
@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 400;
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}
   
@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 700;
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}
   
@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 300;
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

.nanumbarungothic * {
 font-family: 'NanumBarunGothic', sans-serif;font-family: 'NanumBarunGothic', sans-serif;
}

img{max-width: 100%;}

/* container */
.wrap{min-width:1920px;}
.inner{width:1079px;margin:0 auto;}
.container{float:right;font-family:'NanumBarunGothic', sans-serif;}
.sub_contents::after{content:'';display:block;clear:both;}
.contents{width:1400px;margin:0 auto;}
.contents::after{content:'';display:block;clear:both;}

/* 오시는길 */
#map{width:100%;height:400px;margin-bottom:60px;background:rgb(221, 221, 221);z-index:1}
.map_wrap{position:absolute;left:2px;bottom:40px;width:288px;height:112px;margin-left:-144px;text-align:left;overflow:hidden;font-size:12px;font-family:'NBG';line-height:1.5}
.map_wrap *{padding:0;margin:0}
.map_wrap .map_info{width:286px;height:100px;border-radius:5px;border-bottom:2px solid #ccc;border-right:1px solid #ccc;overflow:hidden;background:#fff}
.map_wrap .map_info .body{position:relative;overflow:hidden}
.map_wrap .map_info .desc{position:relative;margin:13px 0 0 90px;height:75px}
.map_wrap .map_info .link{color:#5085BB}
.map_wrap .map_info::after{content:'';position:absolute;margin-left:-12px;left:50%;bottom:0;width:22px;height:12px;background:url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.map_wrap .map_info:nth-child(1){border:0;box-shadow:0px 1px 2px #888}
.map_wrap .map_info .map_title{padding:5px 0 0 10px;height:30px;background:#eee;border-bottom:1px solid #ddd;font-size:18px}
.map_desc .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:14px 0 0 10px;line-height:20px}
.map_desc .jibun{font-size:11px;color:#888;margin-top:-2px}

/* sub-visual */
.sub_visual{width:1920px;margin:0 auto; text-align: center;position: relative;height: 205px;/*  left: 0; width: 100%;  */background: no-repeat 0 0;background-image: url(/images/new/group06/sub_visual_01.png);}
/* .sub_visual img{max-width: 100%;}
.sub_visual h2{max-width: 100%;} */
.sub_visual h2{font-size: 40px;color: #3a4a51; margin-bottom: 5px; padding-top: 86px;}
.sub_visual h2 span{color: #5266af; font-weight: 600;}
.sub_visual p{color: #3a4a51; font-size: 15px;}

/* sub-title */
.strapline{font-size:21px;position:relative;top:-50px;left:0px;display: inline-block;}
.strapline h3{font-size:21px;color:#444;font-weight:600;}

/* navigation */
.navi .n_wrap{width:1400px;margin:0 auto;display:flex;justify-content:flex-end;padding-top:60px;padding-bottom:28px}
.navi .n_wrap span{padding:0 15px;font-size:15px;color:#444;position:relative;}
.navi .n_wrap span:not(:first-child)::after{content:"";display:block;position:absolute;top:7px;left:-3px;width:5px;height:6px;background:url(/images/new/group/triangle_icon.png) no-repeat;background-size:contain;}
.navi .n_wrap .state{display:Flex;align-items:center;}
.navi .n_wrap .etc{position:relative;padding-left:15px;display:Flex;align-items:center;}
.navi .n_wrap .etc a{padding:0 10px;}
.navi .n_wrap .etc::before{content:"";display:block;position:absolute;top:2px;left:0;width:1px;height:18px;background:#c0c0c0;}

.navi .n_wrap .etc{position: relative;display: flex;}
.navi .n_wrap .etc .alllink_box{display: none;position: absolute;top: 48px;left: -152px;width: 252px;height: 178px;padding: 20px;background-color: #fff;border-radius: 12px;color: #767676;box-shadow: 4.7px 2.7px 11px 0 rgb(0 0 0 / 9%);/*box-shadow: 5.7px 5.7px 16px 0 rgba(41, 150, 204, 0.08);*/box-sizing: border-box;z-index: 2;}
.navi .n_wrap .etc.on .alllink_box{display: block !important;}
.navi .n_wrap .etc .alllink_box p{margin-bottom: 18px;font-size: 14px;}
.navi .n_wrap .etc .alllink_box ul {display: flex;margin-bottom: 12px;}
.navi .n_wrap .etc .alllink_box ul li {float: left;margin-left: 8px;}
.navi .n_wrap .etc .alllink_box ul li .link_btn {padding-right: 0px;}
.navi .n_wrap .etc .alllink_box ul li:first-child {margin-left: 0;}
.navi .n_wrap .etc .alllink_box span{padding: 0;color: #444;position: initial;}
.navi .n_wrap .etc .alllink_box span:not(:first-child)::after {display: none;}
.navi .n_wrap .etc .alllink_box span a {display: block;height: 36px;padding: 10px 0;border: 1px solid #e5e5e5;border-radius: 8px;font-size: 12px;text-align: center;box-sizing: border-box;width: 100%;}
.navi .n_wrap .etc .alllink_box > a {position: absolute;top: 20px;right: 10px;}

/* right-wrap */
.right-wrap{padding:60px 0 0;/* border-top:1px solid #c0c0c0; */}
.right-wrap .content:not(:first-child){padding-top:45px;}

/* banner */
.content .banner{padding:41px 284px 55px 56px;border:1px solid #c0c0c0;background:url(/images/new/group/content01_bg.png) no-repeat;background-size:contain;background-position:right;border-radius:0 0 15px 15px;}
.content .banner h1{font-size:21px;font-weight:600;}
.content .banner p{font-size:18px;color:#777;padding-top:30px;line-height:26px;}

/* content */
.content .main-tit{font-size:21px;color:#36808d;padding-bottom:30px;}
.content .sub-tit{position:relative;margin:20px 0;padding-left:30px;font-weight:600;}
.content .sub-tit::before{content:"";display:block;position:absolute;top:1px;left:0;width:16px;height:15px;background:url(/images/new/group/main_tit_icon.png) no-repeat;}
.content .desc{font-size:16px;line-height:26px;}
.content .caption{padding:20px 0;}
.content .img-area{padding:100px 0;margin-top:20px;background:black;color:#fff;text-align:center;}
.content .img-area img{width:100%;}

.content.info .content-box{display:flex;gap:43px;}
.content.info .content-box .box{width:calc(100% / 3);border:1px solid #c0c0c0;}
.content.info .content-box .box .img-area{padding:17px 20px;}
.content.info .content-box .box .img-area img{width:100%;}
.content.info .content-box .box .desc{padding:20px 0;background:#f9f9f9;text-align:center;}

/* 컨텐츠 박스 */
.content_box{position: relative; display: flex; background: url(/images/new/group/content_box_bg.png) no-repeat 100% 50% / contain; width: 100%;border: 1px solid #c6c6c6; border-radius: 0 0 15px 15px; border: 1px solid #c6c6c6; border-radius: 0 0 15px 15px;}
.content_box .img_box{position: absolute;right: 65px;top: 118px; margin-top: -65px;z-index: 1;}
/*.content_box .img_box:before{content:'';position: absolute;right: -62px; top: -23px; width: 86px;height: 87px; background: url(/images/new/web/sub/content_box_02.png) no-repeat 0 0;z-index: -1;}
.content_box .img_box:after{content:'';position: absolute;left: 0px;bottom: -10px; width: 32px;height: 31px; background: url(/images/new/web/sub/content_box_03.png) no-repeat 0 0;}*/
.content_box .img_box a{}
.content_box .img_box img{background: #fff;padding: 10px;border-radius: 50%;box-shadow: 0 0 45px; color: #e2e2e2;}
.content_box .tit_box{padding: 50px 344px 60px 50px;min-height: 300px;box-sizing: border-box;}
.content_box .tit_box .tit{color: #111;font-family: 'GM'; font-size: 21px; margin-bottom: 20px;line-height: 1.5;}
.content_box .tit_box .txt{color: #777;font-size: 17px;font-family: 'GM';line-height: 1.5;word-break: keep-all;}
.content_box .tit_box .txt span{color: #e6451f;}

/* common table */
table{width:100%;border-spacing:0;}
.table-wrap {margin-top:20px;border-top:2px solid #304850;}
.table-wrap table{border-top:none;border-spacing:0 }
.table-wrap table tr:first-child > td {color:#111;font-weight:600;}
.table-wrap table td {text-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:15px;color:#777;padding:15px;vertical-align:middle;}
.table-wrap table tr:nth-child(1) td {font-size: 15px;background:#f9f9f9;}

/* 사업소개 table */
.tbl-type01 { border-top:2px solid #304850; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; }
.tbl-type01 table caption{display:none;}
.tbl-type01 thead th { font-size:14px; color:#262626; font-weight: normal;  background: #f2f2f2; height:50px; border-left:1px solid #dbdbdb; border-top:1px solid #dbdbdb; text-align: center; line-height:50px; }
.tbl-type01 thead tr:first-child th { border-top:none; }
.tbl-type01 tbody th { height:50px; }
.tbl-type01 tbody th { background: #f2f2f2; border-top:1px solid #dbdbdb; font-weight: normal; text-align: center;}
.tbl-type01 tbody td { padding:15px 10px; line-height:20px; border-left:1px solid #dbdbdb; border-top:1px solid #dbdbdb; text-align:center;}
.tbl-type01 thead td { padding:15px 10px; line-height:20px; border-left:1px solid #dbdbdb; border-top:1px solid #dbdbdb; text-align:center;}
.tbl-type01 tbody td:first-child { border-left:none ;}
.tbl-type01 tfoot td { padding:15px 10px; line-height:20px; border-left:1px solid #dbdbdb; border-top:1px solid #dbdbdb; text-align:center;}
.tbl-type01 tfoot th { background: #f2f2f2; border-top:1px solid #dbdbdb;}

/* left-menu */
#left_menu{width:277px;float:left;font-family: 'S-CoreDream-3Light';position:relative;top:-150px;}
#left_menu h2{margin-bottom:7px;padding-left:28px;color:#fff;line-height:89px;border-radius:10px;background:url(/images/new/group06/lnb_bg.png) no-repeat;width:249px;height:89px;background-size:cover;}
#left_menu > ul > li.has_sub > .util_line > .util{display:block; position:relative; float:right; text-indent:-9999px; cursor:pointer;}
#left_menu > ul > li.has_sub > .util_line > .util:before{content:""; display:block; position:absolute; top:23%; left:0; width:6px; height:9px;background:url(/images/new/group/btn_arrow_right.png) 0 0 no-repeat;}
#left_menu > ul > li.has_sub.active > .util_line > .util:before{content:""; display:block; position:absolute; top:25%; left:0; width:9px; height:6px;background:url(/images/new/group/drop_down_icon.png) 0 0 no-repeat;}


#left_menu .has_sub {border-radius:10px;}
#left_menu .has_sub.active{border-radius:15px;}
#left_menu .has_sub.active ul{display:none;padding-top: 20px; padding-bottom: 20px;}
#left_menu .has_sub.active .util_line{padding:20px 26px;background:#5266af;color:#fff;border-radius: 10px 10px 0 0;}
#left_menu .has_sub.active .util_line span{color:#fff;}
#left_menu .has_sub.active .util_line ul{background:#eef7f7;}
#left_menu .has_sub ul{background:#eef1f7;border-radius:0 0 10px 10px;margin-bottom:10px;padding:0px 0px;display:none;}
/* #left_menu .has_sub ul li{padding:10px 0;} */
#left_menu .has_sub ul li a {border-bottom:1px dotted #b2b2b2; margin: 0px 40px; padding: 10px 0px; display: block;}
#left_menu .has_sub ul li a.on {/* background: #00a0a0;   */}
#left_menu .has_sub ul li a.on span {color: #5266af !important;}
#left_menu .has_sub span{color:#111; /*background:url(/images/new/group/btn_arrow.png) no-repeat;*/background-position:right; line-height: 165%;}
#left_menu .has_sub .util_line{padding:15px 26px;border-bottom:1px solid #dadcdf; background:url(/images/new/group/btn-arrow.png) no-repeat;margin-bottom:10px;border:1px solid #e0e0e0;border-radius:10px 10px 0 0;}
#left_menu > ul > li > a{display: block; padding:15px 26px;border-bottom:1px solid #dadcdf; background:url(/images/new/group/btn-arrow.png) no-repeat;margin-bottom:10px;border:1px solid #e0e0e0;border-radius:10px 10px 0 0; width: 100%; box-sizing: border-box;}
#left_menu > ul > li > a.on {    background: #5266af; color: #fff;}
/* 평가하기 */
.comment-wrap{margin-top:50px;border:1px solid #d2d2d2;margin-bottom:50px;}
.comment-wrap ul{display:flex;}
.comment-wrap .info{display:flex;justify-content:space-between;}
.comment-wrap .info ul{padding:18px 0 18px 49px;}
.comment-wrap .info ul:last-child{padding-right:26px;}
.comment-wrap .info ul li a{padding-left:30px;padding-right:15px;padding-top:3px;}
.comment-wrap .info ul li:nth-of-type(1) a{background:url(/images/new/group/comment_icon01.png) no-repeat;}
.comment-wrap .info ul li:nth-of-type(2) a{background:url(/images/new/group/comment_icon01.png) no-repeat;}
.comment-wrap .info ul li:nth-of-type(3) a{background:url(/images/new/group/comment_icon01.png) no-repeat;}

#evaluation{position:relative;margin-bottom:74px;padding:26px 116px;background:#f5f7f9;display:none;}
#evaluation::before{content:"";display:block;background:url(/images/new/group/comment_icon.png) no-repeat;position:absolute;top:26px;left:41px;width:57px;height:57px;background-size:cover;}
#evaluation .eval_sec .eval_txt{font-size:17px;padding-bottom:10px;position:relative;}
#evaluation .eval_sec .gtb ul{display:flex;}
#evaluation .eval_sec .gtb ul li:not(:first-child){padding: 0 10px;}
#evaluation .eval_sec .gtb ul li label{padding-left:10px;}
#evaluation .eval_sec .eval_insert{display:flex;position:absolute;top:37px;left:48%;}
#evaluation .eval_sec .eval_insert span input{width:115px;height:42px;background:#2f71d2;color:#fff;border:none;font-size:15px;text-align:center;line-height:42px;}
#evaluation #eval_etc_text{border:1px solid #d2d2d2;width:384px;height:40px;padding:0 15px;}

/* 만족도/페이지담당자 */
.management{ border: 1px solid #ddd; margin-top: 60px;margin-bottom:74px;}
.management .manager{display: flex;background: #fff;padding: 20px 30px 20px 37px; justify-content: space-between;border-bottom: 1px solid #ddd; align-items: center;}
.management .manager ul{display: flex; margin-top: 10px;}
.management .manager .left ul:first-child {margin-top: 0;}
.management .manager ul li{position: relative; font-size: 16px; color: #333;font-family: 'NBG';padding: 0 30px;margin-bottom: 0;}
.management .manager ul li strong{font-weight: 400;}
.management .manager ul li:nth-of-type(1):after{content:''; position:absolute;top: -2px; left: 0px; width: 25px;height: 24px; background: url(/images/new/group/satisfaction_01.png) no-repeat 0 0; }
.management .manager ul li:nth-of-type(2):after{content:''; position:absolute;top: -2px; left: 0px; width: 25px;height: 24px; background: url(/images/new/group/satisfaction_02.png) no-repeat 0 0; }
.management .manager ul li:nth-of-type(3):after{content:''; position:absolute;top: -2px; left: 0px; width: 25px;height: 24px; background: url(/images/new/group/satisfaction_03.png) no-repeat 0 0; }
.management .manager .date{position: relative; font-size: 16px;color: #666;font-family: 'NBG'; margin: 0;}
.management .manager .date:after{content:''; position:absolute; top: 4px; left: -22px; width: 15px;height: 15px; background: url(/images/new/group/satisfaction_04.png) no-repeat 0 0; }
.management .satisfaction{position: relative; padding: 38px 30px 34px 120px; box-sizing: border-box; background: #f5f7f9 url(/images/new/group/satisfaction_05.png) no-repeat 4% 50%;}
/*.management .satisfaction:after{content:''; position:absolute;top: 1px; right: 0px; width: 374px;height: 130px; background: url(/images/new/group/satisfaction_04.png) no-repeat 0 0;}*/
.management .satisfaction .box_01{display: flex; justify-content: space-between; align-items: center;}
.management .satisfaction .question_wrap{display: flex; justify-content: space-between; align-items: center;}
.management .satisfaction .question_wrap .question_box{padding-left: 75px; position: relative;}
.management .satisfaction .question_wrap .question_box:after{content:''; position:absolute; top: 0px; left: 0px; width: 60px;height: 60px; background: url(/images/new/group/satisfaction_05.png) no-repeat 0 0; }
.management .satisfaction p{position: relative;color: #111;font-family: 'NBG';letter-spacing: -0.8px;font-size: 17px;margin-bottom: 8px;}
.management .satisfaction p:after{content:''; position:absolute;top: -2px; left: 0px; width: 20px;height: 20px;}
.management .satisfaction ul{display:inline-block; vertical-align:middle;}
.management .satisfaction ul li{float:left; font-size:14px; margin: 5px 9px 5px 0;}
.management .satisfaction ul li:last-child{margin-right: 10px;}
.management .satisfaction ul li input{margin-right:4px;}
.management .satisfaction ul li label{margin-right:4px; vertical-align: middle;}
.management .satisfaction ul li img{position: relative;top: 2px; width:auto;vertical-align: initial;}
.management .satisfaction a{display:inline-block; vertical-align:middle; width:50px; padding:3px 0; font-size:12px; text-align:center; background-color: #345aa0; color: #fff; border-radius: 3px;}
.management .satisfaction .other_opinions{display:none; overflow:hidden; margin-top:11px;width: 50%;}
.management .satisfaction .other_opinions textarea{float:left; height:32px; padding:13px 0 0 7px; border:1px solid #d4d4d4;width: calc(100% - 20%);font-size: 15px;}
.management .satisfaction .other_opinions input{ margin-left: -1px; height:47px; border: 1px solid #d4d4d4; text-align:center; cursor:pointer;width: 85px;background: #2f71d2;color: #fff;font-size: 15px;}

/*중소규모 사업장 화학안전관리*/
.apps-bx{
    width: 100%;
}
.apps-bx > li {
    overflow: hidden;
    margin-top: 10px;
}
.apps-bx > li > strong {
    display: inline-block;
    float: left;
    width: 30%;
    height: 126px;
    background: #528fc6;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 126px;
}
.apps-bx > li > ul {
    border: 1px solid #cfcfcf;
    width: 70%;
    height: 126px;
    padding: 0px 30px;
}
.apps-bx > li > ul > li {font-size: 14px;}
.small > strong{line-height: 55px !important; height: 55px !important;}
.small > ul{height: 24px !important; padding: 15px 30px !important;}
table td{
    padding: 15px 10px;
}

/* 게시물 sub */
#sub {float: left; width: 1100px; margin-left: 20px; border-top: 1px solid #c0c0c0;}

/* 사이트맵 */
.sitemap_wrap{margin-top: 40px;}
.sitemap_wrap .sitemap{overflow:hidden; margin-bottom:35px;}
.sitemap_wrap .sitemap > ol{display: flex;justify-content: space-between;}
.sitemap_wrap .sitemap > ol > li{width: 25%;margin-right: 10px;}
.sitemap_wrap .sitemap > ol > li > a{display:block;width:100%;padding:13px 0 13px 22px;margin-top:0;background: #5266af;color:#fff;font-size:16px;box-sizing: border-box;}
.sitemap_wrap .sitemap > ol > li > ol {padding:0 0 15px 0;}
.sitemap_wrap .sitemap > ol > li > ol > li{font-size:15px; font-weight:bold;}
.sitemap_wrap .sitemap > ol > li > ol > li > a {display:block;padding:15px 0 15px 20px;border-bottom: 1px solid #5266af; color: #5266af;}
.sitemap_wrap .sitemap > ol > li > ol > li > ol{padding:7px 0 14px;background:#fcfcfe;border-bottom: 1px solid #b5c6cf;}
.sitemap_wrap .sitemap > ol > li > ol > li > ol > li{position:relative; margin: 7px 10px 0 22px; color:#959595;padding-left:12px; font-size:13px; font-weight:normal;}
.sitemap_wrap .sitemap > ol > li > ol > li > ol > li:before{content: '';display: inline-block;position: absolute;left: 0;top: 8px;width: 5px;height: 1px;background: #959595;}
.sitemap_wrap .sitemap > ol > li > ol > li > ol > li > a{color:#666;}

@media screen and (max-width:1200px) {
    .wrap{width: 100%;min-width: 100%;}
    .sub_visual{height: auto;width: auto; background: no-repeat 50% 50%/cover; background-image: url(/images/new/group/sub_visual_01.png);}
    .sub_visual h2{font-size: 30px;padding-top: 43px;}
    .sub_visual p{padding-bottom: 32px;}
    .navi .n_wrap{width: 100%; padding: 20px; box-sizing: border-box;}
    .contents{width: auto; margin: 0 20px;}
    #left_menu{display: none; float: none;}
    #sub {width: auto; float: none; margin-left: 0px;}
    .container{float: none;}
    .inner { width: 100%;}
    .strapline{ position: inherit; margin-top: 20px;}
    .strapline h3{font-size: 18px;margin-bottom: 20px;}
    .right-wrap{padding: 40px 0 0;}
    /* 사이트맵 */
    .sitemap_wrap .sitemap > ol{flex-wrap: wrap;}
    .sitemap_wrap .sitemap > ol > li{flex: 1 1 30%;}
    .management .satisfaction{height: auto;}
    .management .satisfaction .question_wrap {display: flex;justify-content: normal;align-items: normal;flex-direction: column;}
    .management .satisfaction .other_opinions{ width: auto;}

    /* 서브 컨텐츠 */
    .sub_contents .sub_title_01:first-child{display: none;}

    /* navi 링크박스 */
    .navi .n_wrap .etc .alllink_box{left: -188px;}

    /* 만족도 담당자 */
    .management .satisfaction .box_01 {align-items: normal;flex-direction: column;}


}
@media screen and (max-width:768px) {
    .navi .n_wrap span{font-size: 12px;padding: 0 6px;}
    /* 사이트맵 */
    .sitemap_wrap .sitemap > ol > li{flex: 1 1 40%;}
    .strapline{position: inherit; margin-top: 10px;}

    /* 만족도 */
    .management .manager ul:after {top: -3px;}
    .management .manager .date {display: none;}
    .management .manager ul .tit {width: 100%;margin: 0px 0 10px 25px;font-size: 14px;font-weight: 600;}
    .management .manager {padding: 15px;}
    .management .manager ul {flex-wrap: wrap;}
    .management .manager ul li {width: 50%;margin-left: 0;margin-bottom: 9px; font-size: 14px;}
    .management .manager ul li:last-child {width: 100%;margin-bottom: 0px;}
    .management .satisfaction {padding: 15px;height: auto;background: #f5f7f9;}
    .management .satisfaction:after {display: none;}
    .management .satisfaction p {margin-top: 0;font-size: 14px;}
    .management .satisfaction ul li {margin: 5px 15px 5px 0;font-size: 12px;}
    .management .satisfaction ul li:last-child {margin-right: 0;}
    .management .satisfaction a {font-size: 11px;}
    .management .satisfaction .other_opinions {}
    .management .satisfaction .other_opinions textarea {float: none;height: 28px;padding: 0 0 0 10px;font-size: 12px;line-height: 28px;vertical-align: bottom;width: calc(100% - 40%);}
    .management .satisfaction .other_opinions input {height: 30px;margin-left: -7px;font-size: 12px;}

    /* 컨텐츠 박스 */
    .content_box .tit_box {padding: 180px 20px 20px;}

    /* 서브 컨텐츠 */
    .sub_contents .sub_title_01:first-child{display: none;}
    .content_box{background: url(/images/new/group/content_box_bg.png) no-repeat 100% 50% / cover;}
    .content_box .img_box{top: 82px;width: 145px;/*width: 198px;*/transform: translate(50%); right: 50%; z-index: 0;}
    .content_box .img_box img{max-width: 86%;}
    .content_box .tit_box .tit{font-size: 16px;margin-bottom: 10px;}
    .content_box .tit_box .txt{font-size: 15px;}

    .navi .n_wrap .etc{display: none;}
}

@media screen and (max-width:479px) {
    /* 사이트맵 */
    .sitemap_wrap{
        margin-top: 20px;
    }
    .sitemap_wrap .sitemap > ol{
        flex-direction: column;
    }
    .sitemap_wrap .sitemap > ol > li{
        width: 100%;
        margin-right: 0;
    }
    .sitemap_wrap .sitemap > ol > li > a{
        padding: 13px 0 13px 17px;
        font-size: 15px;
    }
    .sitemap_wrap .sitemap > ol > li > ol > li > a{
        padding: 10px 0 10px 15px;
        font-size: 14px;
    }
    .sitemap_wrap .sitemap > ol > li > ol > li > ol > li{
        margin: 7px 0 0 17px;
    }
    .sitemap_wrap .sitemap > ol > li > ol > li > ol > li > a{
        display: block;
    }
    .paging .num{
        margin: 0 10px;
    }
}
@media screen and (max-width:415px) {

    /* 서브 비주얼 */
    .sub_visual p{padding: 0 15px 32px; font-size: 14px;}
    /* 서브 네비 */
    .navi .n_wrap{flex-direction: column;}
    .navi .n_wrap .state {display: flex;align-items: normal;justify-content: center;}
    .navi .n_wrap .etc{display: none;}
    .navi .n_wrap .etc::before{display: none;}

    /* navi 링크박스 */
    .navi .n_wrap .etc .alllink_box{left: 80px;top: 28px;}


}
@media screen and (max-width:376px) {
    .sub_visual p{ line-height: 1.5; word-break: keep-all;}
    .navi .n_wrap span { padding: 0 13px;}

    /* navi 링크박스 */
    .navi .n_wrap .etc .alllink_box{left: 60px;top: 28px;}
}