@charset "euc-kr";

@font-face {
    font-family: 'NotoSansL';
    font-weight: 300;
    src: url(./font/NotoKR-Light.eot);
    src: local('NotoKR-Light'), url(./font/NotoKR-Light.eot?#iefix) format('embedded-opentype'), url(./font/NotoKR-Light.woff) format('woff'), url(./font/NotoKR-Light.woff2) format('woff2'), url(./font/NotoKR-Light.ttf) format('truetype');
}
@font-face {
    font-family: 'NotoSansR';
    font-weight: 400;
    src: url(./font/notokr-regular.eot);
    src: local('notokr-regular'), url(./font/notokr-regular.eot?#iefix) format('embedded-opentype'), url(./font/notokr-regular.woff) format('woff'), url(./font/notokr-regular.woff2) format('woff2'), url(./font/notokr-regular.ttf) format('truetype');
}

body { font-family:'NotoSansR',sans-serif; -webkit-text-size-adjust: 100%; }
.wrap { position:relative; width:100%; overflow-x:hidden;}

/* header */
.header {
    position:absolute;
    top:0;
    width:100%;
    background:rgba(0,0,0,.6);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000 ); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000 )"; 
    zoom: 1; 
    z-index:200;
}
.header .container {
    width:100%;
    max-width:1200px;
    margin:0 auto;
}
.header .main_logo {
    float:left;
    height:70px;
    padding-top:14px;
    box-sizing:border-box;
}
.header .main_logo a {
    display:inline-block;
    width:253px;
    height:42px;
    background:url(../images/main_logo.png) no-repeat;
    text-indent:-9999px;
}
.header .gnb {
    float:right;
    position:relative;
    z-index:51;
}
.header .gnb > li {
    float:left;
}
.header .gnb > li > a {
    display:inline-block;
    width:130px;
    line-height:68px;
    font-family:'NotoSansR',sans-serif;
    letter-spacing:-0.065rem;
    font-size:18px;
    color:#fff;
    text-align:center;
    border-bottom:2px solid transparent;
    box-sizing:border-box;
}
.header .gnb > li:hover > a {
    border-bottom-color:#fff;
}
.header .gnb.on .depth_menu {
    display:block;
}
.header .depth_menu {
    display:none;
    margin:16px auto 50px;
}
.header .depth_menu li {
    text-align:center;
}
.header .depth_menu li a {
    font-size:15px;
    line-height:30px;
    letter-spacing:-0.065rem;
    color:#fff;
}
.header .depth_menu li:hover a {
    color:#00c4d3;
}
.header .gnb_btn, .gnb_wrap {
    display:none;
}
/* Main */
.M_visual {
    position:relative;
    width:100%;
    height:670px;
    z-index:100;
}
.M_visual .slide {
    width:100%;
    height:670px;
    background-position:50% 50%;
    background-size:cover;
    padding-top:240px;
    box-sizing:border-box;
}
.M_visual .slide h2 {
    font-family:'Roboto', 'NotoSansR', sans-serif;
    font-weight:800;
    color:#fff;
    font-size:110px;
    text-align:center;
    text-shadow:3px 3px 5px rgba(0,0,0,.6);
}
.M_visual .slide p {
    font-family:'Roboto', 'NotoSansR', sans-serif;
    font-weight:300;
    font-size:30px;
    color:#fff;
    letter-spacing:0.03rem;
    line-height:1.6;
    text-shadow:1px 1px 3px rgba(0,0,0,.6);
    text-align:center;
}
.M_visual .cycle-pager {
    position:absolute;
    width:100%;
    bottom:29%;
    text-align:center;
    z-index:999;
}
.M_visual .cycle-pager span {
    display:inline-block;
    width:15px;
    height:15px;
    background:transparent;
    border:2px solid #fff;
    opacity:0.6;
    border-radius:50%;
    margin:0 4px;
    text-indent:-9999px;
    box-shadow:1px 1px 3px rgba(0,0,0,.4);
    cursor:pointer;
    box-sizing:border-box;
}
.M_visual .cycle-pager .cycle-pager-active {
    background:#00c4d3;
    border-color:#00c4d3;
    opacity:1;
}

.prd_area ul li {
    float:left;
    width:16.6667%;
    height:240px;
    border-left:1px solid #e6e6e6;
    box-sizing:border-box;
    background-position:right 7% bottom 0;
    background-size:auto 97%;
    background-repeat:no-repeat;
    transition:all 0.3s;
}
.prd_area ul li:first-child {
    background-image:url(../images/vis/main_cat1.png);
}
.prd_area ul li:nth-child(2) {
    background-image:url(../images/vis/main_cat2.png);
}
.prd_area ul li:nth-child(3) {
    background-image:url(../images/vis/main_cat3.png);
}
.prd_area ul li:nth-child(4) {
    background-image:url(../images/vis/main_cat4.png);
}
.prd_area ul li:nth-child(5) {
    background-image:url(../images/vis/main_cat5.png);
}
.prd_area ul li:last-child {
    background-image:url(../images/vis/main_cat6.png);
    border-right:1px solid #e6e6e6;
}
.prd_area ul li:hover {
    background-color:rgba(0,159,171,.15);
}
.prd_area ul li a {
    position:relative;
    display:block;
    width:100%;
    height:100%;
    padding:35px 0 0 20px;
    box-sizing:border-box;
}
.prd_area li h2 {
    font-family:'NotoSansL',sans-serif;
    font-size:28px;
    letter-spacing:-0.045rem;
}
.prd_area li h2 span {
    letter-spacing:-0.1rem;
}
.prd_area li a > span {
    position:absolute;
    top:120px;
    left:20px;
    font-size:15px;
    letter-spacing:-0.045rem;
    color:#009fab;
    padding-bottom:3px;
    border-bottom:1px solid #009fab;
}
.lnk_area {
    position:relative;
    width:100%;
    height:510px;
    background:#009fab url(../images/vis/main_bg.png) no-repeat;
    background-position:right 5% top -160%;
    margin-bottom:240px;
}
.lnk_container {
    width:100%;
    max-width:1500px;
    margin:0 auto;
    padding-top:100px;
}
.lnk_container > div {
    float:left;
    width:50%;
    height:275px;
}
.lnk_container > div > a {
    display:block;
    width:100%;
    height:100%;
}
.lnk_container .intro_cont {
    padding:50px 0 0 50px;
    background:url(../images/main_ban1.jpg) right 0 bottom 0 no-repeat;
    background-size:cover;
    box-sizing:border-box;
}
.intro_cont .logo {
    width:275px;
    height:68px;
    background:url(../images/banner_logo.png) no-repeat;
    margin-bottom:10px;
    text-indent:-9999px;
}
.intro_cont span {
    font-family:'Roboto', 'NotoSansR', sans-serif;
    font-weight:300;
    font-size:22px;
    color:#fff;
    line-height:28px;
}
.lnk_container .notice_cont {
    padding:0 50px;
    background-color:#fff;
    box-sizing:border-box;
}
.notice_cont .ttl {
    padding:38px 0 0;
    margin-bottom:24px;
}
.notice_cont .ttl h3 {
    float:left;
    font-size:24px;
    line-height:44px;
    letter-spacing:-0.065rem;
    color:#222;
}
.notice_cont .ttl a {
    float:right;
    width:44px;
    height:44px;
    line-height:43px;
    text-align:center;
    border:1px solid #e7e7e7;
    box-sizing:border-box;
}
.notice_cont li {
    font-size:16px;
    line-height:33px;
    color:#444;
}
.notice_cont li a:hover {
    color:#009fab;
    text-decoration:underline;
}
.notice_cont li .date {
    float:right;
    color:#999;
}
.lnk_container .equip_cont {
    padding:50px 0 0 50px;
    background:url(../images/main_ban2.jpg) right 0 bottom 0 no-repeat;
    box-sizing:border-box;
}
.equip_cont h3 {
    font-size:31px;
    letter-spacing:-0.085rem;
    line-height:60px;
    color:#fff;
}
.equip_cont span {
    font-size:17px;
    letter-spacing:-0.065rem;
    color:#fff;
    line-height:24px;
}
.lnk_container .custom_cont {
    width:25%;
    text-align:center;
    background:url(../images/main_ban3.jpg) 50% 50% no-repeat;
    background-size:cover;
    padding-top:50px;
    box-sizing:border-box;
}
.custom_cont h3 {
    font-size:27px;
    line-height:60px;
    letter-spacing:-0.065rem;
    color:#fff;
}
.custom_cont span {
    font-size:16px;
    line-heighT:21px;
    letter-spacing:-0.065rem;
    color:#fff;
}
.custom_cont span:nth-child(2):after {
    content:'';
    display:block;
    width:1px;
    height:20px;
    background:#fff;
    margin:5px auto 0;
}
.custom_cont .lnk_box {
    display:block;
    width:110px;
    height:35px;
    line-height:35px;
    border-radius:17px;
    border:1px solid #fff;
    margin:13px auto;
    box-sizing:border-box;
}
.lnk_container .down_cont {
    position:relative;
    width:25%;
    text-align:center;
    background:#00516e url(../images/main_ban5.jpg) right 0 top 0 no-repeat;
    padding-top:65px;
    box-sizing:border-box;
}
.down_cont a > span {
    font-size:20px;
    line-height:40px;
    letter-spacing:0.2rem;
    color:#fff;
}
.down_cont h3 {
    width:160px;
    font-size:35px;
    line-height:60px;
    letter-spacing:0.2rem;
    color:#fff;
    margin:0 auto;
}
.down_cont h3 .left {
   float:left;
}
.down_cont h3 .right {
    float:right;
}
.request_area {
    width:100%;
    height:285px;
    background:url(../images/main_ban4.jpg) 50% 50% no-repeat;
    background-size:cover;
    padding-top:55px;
    text-align:center;
    box-sizing:border-box;
}
.request_area h2 {
    font-family:'Roboto', 'NotoSansR', sans-serif;
    font-size:50px;
    line-height:60px;
    font-weight:600;
    color:#fff;
}
.request_area p {
    font-size:19px;
    letter-spacing:-0.045rem;
    line-height:35px;
    color:#fff;
    margin:10px auto 35px;
}
.request_area a {
    display:block;
    width:180px;
    height:45px;
    line-height:45px;
    border:1px solid #fff;
    text-align:center;
    font-size:17px;
    letter-spacing:-0.045rem;
    color:#fff;
    margin:0 auto;
    transition:all 0.3s;
    box-sizing:border-box;
}
.request_area a:hover {
    background:rgba(255,255,255,.3);
}
/* footer */
.footer {
    position:relative;
    width:100%;
    background:#2e3234;
    padding-bottom:130px;
}
.footer .container {
    width:100%;
    max-width:1200px;
    margin:0 auto;
}
.footer_top {
    width:100%;
    height:70px;
    border-bottom:1px solid #4f4f51;
}
.footer_top ul {
    float:left;
}
.footer_top li {
    float:left;
    font-size:15px;
    letter-spacing:-0.065rem;
    line-height:70px;
    color:#aaa;
    margin-left:20px;
}
.footer_top li:not(:last-child):after {
    content:'';
    display:inline-block;
    width:1px;
    height:14px;
    background:#4b4b4d;
    vertical-align:middle;
    margin-left:19px;
}
.footer_top .catalog {
    float:right;
    line-height:70px;
    font-family:'Roboto', 'NotoSansR', sans-serif;
    font-weight:300;
    font-size:15px;
    letter-spacing:0.02rem;
    color:#aaa;
    
}
.footer_top .catalog a {
    display:block;
    width:100%;
    height:100%;
    background:url(../images/ico/cata_ico.png) right 20px top 50% no-repeat;
    padding-right:55px;
    box-sizing:border-box;
}
.footer_info {
    margin-top:30px;
}
.footer_info .info {
    float:left;
    height:125px;
    padding-left:25%;
    background:url(../images/foot_logo.png) left 50px top 0 no-repeat;
}
.footer_info .info dl {
    display:inline-block;
    vertical-align:middle;
}
.footer_info .info dt {
    font-size:18px;
    line-height:41px;
    letter-spacing:-0.045rem;
    color:#fff;
    margin-bottom:15px;
}
.footer_info .info dd {
    font-size:14px;
    line-height:22px;
    color:#aaa;
}
.footer_info .info .bar {
    display:inline-block;
    width:1px;
    height:13px;
    background:#4b4b4b;
    vertical-align:middle;
    margin:0 5px;
}
.footer_info .info .copy {
    font-family:'Roboto', 'NotoSansR', sans-serif;
    font-weight:300;
    margin-top:5px;
}
.footer_info .center {
    float:right;
    margin-right:9%;
}
.footer_info .center_call .ttl {
    font-family:'Roboto', 'NotoSansR', sans-serif;
    font-size:20px;
    line-height:41px;
    color:#fff;
}
.footer_info .center_call .ttl span {
    display:inline-block;
    margin-right:20px;
    font-size:18px;
    font-family:'NotoSansR',sans-serif;
    letter-spacing:-0.045rem;
    background:url(../images/ico/center_ico.png) 0 0 no-repeat;
    padding-left:55px;
}
.footer_info .center_call .ttl + span {
    display:block;
    margin-left:137px;
    font-size:17px;
    font-family:'Roboto', 'NotoSansR', sans-serif;
    font-weight:300;
    letter-spacing:-0.02rem;
    color:#aaa;
}
.footer_info p {
    font-size:15px;
    letter-spacing:-0.045rem;
    line-height:25px;
    color:#aaa;
    margin:5px 0 0 55px;
}
.footer .gt_btn {
    position:fixed;
    right:20px;
    bottom:20px;
    width:89px;
    height:89px;
    line-height:89px;
    text-indent:-9999px;
    background:rgba(0,0,0,.8) url(../images/ico/scroll_up.png) 50% 50% no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#cc000000, endColorStr=#cc000000 ); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#cc000000, endColorStr=#cc000000 )"; 
    zoom: 1; 
    border:none;
    outline:none;
    opacity:0;
    transition:opacity 0.3s;
    cursor:pointer;
}
.footer .gt_btn.on {
    opacity:1;
}
/* pc sub CSS */
.sub_visual {
    width:100%;
    height:350px;
}
.sub_visual .vis_cont {
    width:100%;
    height:350px;
    background-position:50% 50%;
    background-size:cover;
    background-repeat:no-repeat;
}
.sub_visual .vis_cont h2 {
    font-size:42px;
    font-weight:800;
    letter-spacing:-0.025rem;
    color:#fff;
    line-height:41px;
    text-align:center;
    text-shadow:3px 3px 5px rgba(0,0,0,.8);
    padding-top:140px;
}
.sub_visual .vis_cont p {
    font-family:'Roboto', 'NotoSansR', sans-serif;
    font-size:23px;
    color:#fff;
    text-align:center;
    text-shadow:1px 1px 3px rgba(0,0,0,.8);
    margin-top:16px;
}
.sub_visual .bg1 {
    background-image:url(../images/vis/sub_vis1.jpg);
}
.sub_visual .bg2 {
    background-image:url(../images/vis/sub_vis2.jpg);
}
.sub_visual .bg3 {
    background-image:url(../images/vis/sub_vis3.jpg);
}
.sub_visual .bg4 {
    background-image:url(../images/vis/sub_vis4.jpg);
}
.sub_visual .bg5 {
    background-image:url(../images/vis/sub_vis5.jpg);
}
.S_container {
    width:100%;
    margin-top:-50px;
}
.S_container .container {
    width:100%;
    max-width:1200px;
    margin:0 auto;
}
.snb_wrap {
    width:100%;
    height:50px;
    background:rgba(0,159,171,.9);
}
.snb_wrap .home_btn {
    float:left;
    width:60px;
    height:50px;
    line-height:50px;
    background:#005968;
}
.snb_wrap .home_btn a {
    display:block;
    width:100%;
    height:100%;
    background:url(../images/ico/home_ico.png) 50% 50% no-repeat;
    text-indent:-9999px;
}
.snb_wrap .container > ul {
    float:left;
    width:270px;
    height:50px;
}
.snb_wrap .container > ul > li {
    width:270px;
    height:50px;
    line-height:50px;
    font-size:17px;
    letter-spacing:-0.085rem;
    color:#fff;
}
.snb_wrap .container > ul > li > span {
    display:block;
    width:100%;
    height:100%;
    border-right:1px solid #43b7c1;
    background:url(../images/ico/snb_ico.png) right 20px top 50% no-repeat;
    padding:0 20px 0 28px;
    cursor:pointer;
    box-sizing:border-box;
    
}
.snb_wrap ul.on .snb_depth {
    display:block;
}
.snb_wrap .snb_depth {
    position:relative;
    display:none;
    background:rgba(0,159,171,.9);
    z-index:50;
}
.snb_wrap .snb_depth li {
    width:100%;
    height:100%;
    line-height:50px;
    border-bottom:1px solid #49b1b9;
}
.snb_wrap .snb_depth li:hover {
    background:rgba(3,97,110,.9);
}
.snb_wrap .snb_depth li a {
    display:block;
    width:100%;
    height:100%;
    padding-left:30px;
    box-sizing:border-box;
}
.sub_contents {
    width:100%;
    max-width:1200px;
    min-height:900px;
    margin:0 auto 100px;
}
.sub_contents .sub_ttl {
    position:relative;
    width:100%;
    height:140px;
    line-height:140px;
    text-align:center;
    border-bottom:1px solid #ddd;
}
.sub_contents .sub_ttl.none {
    border-bottom:none;
}
.sub_contents .sub_ttl h2 {
    font-size:40px;
    letter-spacing:-0.045rem;
    color:#222;
}
.sub_contents .sub_ttl .prev {
    position:absolute;
    top:0;
    left:0;
	font-family:'Roboto', 'NotoSansR', sans-serif;
    height:140px;
    line-height:140px;
    font-size:20px;
    letter-spacing:-0.045rem;
    color:#444;
    background:url(../images/ico/sub_ttl_ico2.png) left 0 top 50% no-repeat;
    padding-left:27px;
}
.sub_contents .sub_ttl .next {
    position:absolute;
    top:0;
    right:0;
	font-family:'Roboto', 'NotoSansR', sans-serif;
    height:140px;
    line-height:140px;
    font-size:20px;
    letter-spacing:-0.045rem;
    color:#444;
    background:url(../images/ico/sub_ttl_ico.png) right 0 top 50% no-repeat;
    padding-right:27px;
}
.manage_area .manage_ttl {
    margin-top:80px;
    text-align:center;
}
.manage_area .manage_ttl p {
    font-family:'NotoSansL',sans-serif;
    font-size:27px;
    letter-spacing:-0.065rem;
    line-height:36px;
    color:#444;
    margin-bottom:10px;
}
.manage_area .manage_ttl h3 {
    font-size:35px;
    letter-spacing:-0.065rem;
    line-height:36px;
    color:#222;
}
.manage_area .manage_cont {
    position:relative;
    width:100%;
    max-width:1200px;
    margin:50px auto 500px;
    display: flex; justify-content: flex-start;
    align-items: flex-start; align-content: flex-start;
    flex-wrap: wrap;
}
.manage_cont .manage_intro {
    width: 100%;
    padding:60px 0 50px 60px;
    box-sizing:border-box;
}
.manage_cont .manage_intro h3 {
    font-size:30px;
    letter-spacing:-0.065rem;
    line-height:39px;
    margin-bottom:25px;
    color: #222;
}
.manage_cont .manage_intro p {
    font-size:17px;
    letter-spacing:-0.045rem;
    line-height:28px;
    word-break:keep-all;
    color: #444;
}
.manage_area .manage_vis {
    order: -1;
    width: 100%;
    height:400px;
    background:url(/images/sub/sg_intro.png) 50% 50% no-repeat; background-size: 100% auto;
}
.manage_area .manage_txt {
    width: 100%;
    padding:0 260px 0 60px;
    box-sizing:border-box;
    background:url(../images/sub/manage_vis2.png) calc(100% - 20px) bottom no-repeat;
    background-size: auto 250px;
    height: 250px;

}
.manage_txt h3 {
    font-family:'NotoSansR',sans-serif;
    font-size:30px;
    letter-spacing:-0.065rem;
    line-height:39px;
    margin-bottom:15px;
    color: #222;
}
.manage_txt p {
    width:100%;
    font-family:'NotoSansR',sans-serif;
    font-size:17px;
    letter-spacing:-0.045rem;
    line-height:28px;
    color: #444;
}
.his_area .his_tab {
    width:100%;
    margin:50px auto 60px;
}
.his_tab li {
    float:left;
    width:33.3%;
    height:60px;
    line-height:60px;
    background:#e4e4e4;
    text-align:center;
    font-size:20px;
    color:#666;
    cursor:pointer;
}
.his_tab li.on {
    background:#009fab;
    color:#fff;
}
.his_area .his_ttl {
    text-align:center;
    margin-bottom:50px;
}
.his_area .his_ttl p {
    font-family:'Roboto', 'NotoSansR', sans-serif;
    font-weight:300;
    font-size:30px;
    line-height:36px;
    letter-spacing:-0.025rem;
    color:#009fab;
    margin-bottom:10px;
}
.his_area .his_ttl h3 {
    font-size:35px;
    letter-spacing:-0.065rem;
    color:#222;
}
.his_cont .tabCont {
    position:relative;
    width:100%;
    height:1200px;
}
.his_cont .tabCont:last-child:before {
    content:'';
    position:absolute;
    left:50%;
    top:0;
    margin-left:-0.5px;
    width:1px;
    height:840px;
    background:#009fab;
}
.his_cont .tabCont:before {
    content:'';
    position:absolute;
    left:50%;
    top:0;
    margin-left:-0.5px;
    width:1px;
    height:1200px;
    background:#009fab;
}
.his_cont .tabCont .fr {
    position:absolute;
    left:50%;
    text-align:left;
    margin-left:-1px;
}
.his_cont .tabCont .fl {
    position:absolute;
    right:50%;
}
.his_cont .fr dl > * {
    padding-left:89px;
    box-sizing:border-box;
}
.his_cont .fl dl > * {
    padding-right:89px;
} 
.his_cont dt {
    position:relative;
    font-family:'Roboto', 'NotoSansR', sans-serif;
    font-size:35px;
    line-height:40px;
    font-weight:300;
    color:#222;
    padding:10px 0;
}
.his_cont .fl dt {
    text-align:right;
}
.his_cont .fl dd:after {
    content:'';
    display:block;
    clear:both;
}
.his_cont .fl dd > * {
    float:right;
    text-align:right;
}
.his_cont .fr dt:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:77px;
    height:13px;
    margin-left:-7px;
    margin-top:16px;
    background:url(../images/sub/his_tab_right.png) 0 50% no-repeat;
}
.his_cont .fl dt:before {
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:77px;
    height:13px;
    margin-right:-7px;
    margin-top:16px;
    background:url(../images/sub/his_tab_left.png) 0 50% no-repeat;
}
.his_cont dd {
    font-size:17px;
    line-height:30px;
    letter-spacing:-0.025rem;
    color:#777;
}
.his_cont dd img {
    width:100%;
    height:auto;
}
.his_cont .fr dd strong {
    display:inline-block;
    color:#222;
    margin-right:15px;
    vertical-align:top;
}
.his_cont .fl dd strong {
    display:inline-block;
    color:#222;
    margin-left:15px;
    vertical-align:top;
}
.his_cont .fr dd span {
    display:inline-block;
}

.his_cont .y2023{
    top:100px;
}

.his_cont .y2022{
    top:300px;
}

.his_cont .y2021{
    top:450px;
}

.his_cont .y2020{
    top:600px;
}


.his_cont .y2018{
    padding-top:100px;
}

.his_cont .y2017{
    padding-top:170px;
}
.his_cont .y2016{
    padding-top:300px;
}
.his_cont .y2015{
    padding-top:400px;
}
.his_cont .y2013 {
    top:700px;
}
.his_cont .y2012 {
    top:800px;
}
.his_cont .y2011 {
    top:980px;
}
.his_cont .y2010 {
    top:1050px;
}
.his_cont .y2009 {
    top:65px;
}
.his_cont .img {
    top:65px;
    margin-right:90px;
}
.his_cont .img img {
    width:100%;
    height:auto;
}
.his_cont .y2008 {
    top:235px;
}
.his_cont .y2007 {
    top:330px;
}
.his_cont .y2006 {
    top:440px;
}
.his_cont .y2005 {
    top:540px;
}
.his_cont .y2004 {
    top:700px;
}
.organ_area {
    margin-bottom:160px;
}
.organ_area .his_ttl {
    margin:80px auto 50px;
}
.organ_area .or_ttl {
    font-size:28px;
    letter-spacing:-0.065rem;
    line-height:36px;
    color:#222;
    margin-bottom:30px;
}
.organ_area .or_ttl:before {
    content:'';
    display:block;
    width:20px;
    height:2px;
    background:#009fab;
    vertical-align:top;
    margin-bottom:16px;
}
.organ_area .or_table {
    width:100%;
    margin-bottom:80px;
    border-top:1px solid #494a4e;
}
.organ_area .or_table tr > * {
    height:55px;
    border-bottom:1px solid #d3d4d8;
    vertical-align:middle;
    text-align:left;
    padding-left:25px;
    font-size:16px;
    letter-spacing:-0.065rem;
    box-sizing:border-box;
}
.organ_area .or_table th {
    width:176px;
    color:#222;
    background:#f5f6f7;
}
.organ_area .or_table td {
    color:#666;
    line-height:25px;
}
.organ_cont {
    margin-top:50px;
    text-align:center;
}
.organ_cont img {
    width:100%;
    max-width:1180px;
    height:auto;
}
.organ_cont img:last-child {
    display:none;
}
.ci_area .his_ttl {
    margin-top:80px;
}
.ci_cont {
    margin-top:65px;
}
.ci_cont .ci_box {
    margin-bottom:50px;
}
.ci_box .ci_img_box {
    float:left;
    width:50%;
    max-width:600px;
    border:1px solid #bcbcbc;
    background:url(../images/sub/ci_bg.jpg) 50% 50% repeat;
    text-align:center;
    padding:60px 0;
    margin-right:50px;
    box-sizing:border-box;
}
.ci_box dl {
    float:left;
    width:45%;
    max-width:540px;
    margin-top:40px;
}
.ci_box dt {
    font-size:28px;
    letter-spacing:-0.065rem;
    line-height:36px;
    color:#222;
    margin-bottom:35px;
}
.ci_box dt:before {
    content:'';
    display:block;
    width:20px;
    height:2px;
    background:#009fab;
    vertical-align:top;
    margin-bottom:20px;
}
.ci_box dd {
    font-size:17px;
    letter-spacing:-0.065rem;
    line-height:30px;
    color:#666;
    word-break:keep-all;
}
.ci_box .ci_color {
    background:none;
    background-color:#fff;
    padding:60px 0;
}
.ci_color .color_box {
    display:inline-block;
    width:210px;
}
.ci_color .color_box:first-child {
    margin-right:50px;
}
.ci_color .color_box .color {
    width:100%;
    max-width:210px;
    height:70px;
    margin-bottom:20px;
    background:#00aab0;
}
.ci_color .color_box:last-child .color {
    background:#008196;
}
.ci_color .color_box li {
    font-family:'Roboto', 'NotoSansR', sans-serif;
    font-size:12px;
    line-height:20px;
    text-align:left;
}
.ci_color .color_box li strong {
    display:inline-block;
    width:50px;
}
.coop_cont ul {
    margin-bottom:50px;
}
.coop_cont li {
    float:left;
    width:18.6%;
    max-width:224px;
    margin:0 1.6% 20px 0;
}
.coop_cont li img {
    width:100%;
    height:auto;
}
.coop_cont li:nth-child(5n) {
    margin-right:0;
}
.coop_cont .coop_table {
    float:left;
    width:50%;
    border-top:1px solid #494a4e;
}
.coop_table th {
    background:#f5f6f7;
}
.coop_table th, .coop_table td {
    width:50%;
    height:55px;
    border-bottom:1px solid #d3d4d8;
    text-align:center;
    vertical-align:middle;
    word-break:keep-all;
}
.map_area {
    margin-top:50px;
}
.map_area .or_ttl {
    margin-bottom:15px;
}
.map_area .map_info {
    margin-bottom:30px;
}
.map_area .map_info ul {
    float:left;
}
.map_area .map_info .map_btn {
    float:right;
}
.map_area .map_info li {
    float:left;
    color:#888;
    font-size:20px;
    line-height:36px;
    letter-spacing:-0.065rem;
    margin-right:28px;
}
.map_area .map_info li strong {
    color:#222;
}
.map_btn a {
    float:left;
    width:110px;
    height:45px;
    line-height:45px;
    background:#009fab;
    color:#fff;
    font-size:18px;
    letter-spacing:-0.065rem;
    text-align:center;
    margin-left:10px;
}
.map_btn a:last-child {
    background:#00516e;
}
.idc_area {
    margin-top:50px;
}
.idc_area .idc_btn {
    margin:0 auto 50px;
    text-align:center;
}
.idc_btn .control {
    display:inline-block;
    width:20%;
    max-width:199px;
    height:50px;
    line-height:50px;
    text-align:center;
    background:#e4e4e4;
    border:none;
    outline:none;
    font-size:16px;
    color:#444;
    font-family:'Roboto', 'NotoSansR', sans-serif;
    box-sizing:border-box;
    cursor:pointer;
}
.inter_btn {
    text-align:center;
}
.inter_btn .control {
    display:inline-block;
    width:15%;
    max-width:15%;
    height:50px;
    line-height:50px;
    text-align:center;
    background:#e4e4e4;
    border:none;
    outline:none;
    font-size:16px;
    color:#444;
    font-family:'Roboto', 'NotoSansR', sans-serif;
    box-sizing:border-box;
    vertical-align:top;
    cursor:pointer;
}
.idc_btn .control.line {
    line-height:25px;
}
.idc_btn .control.on {
    background:#009fab;
    color:#fff;
}
.idc_area .mix-wrapper {
    text-align:left;
}
.idc_area .mix-wrapper .mix {
    display:inline-block;
    width:23%;
    margin:1rem 0.8%;
    text-align:center;
}
.idc_area .mix-wrapper .mix a {
    display:block;
    width:100%;
    height:100%;
}
.idc_area .mix-wrapper .mix img {
    width:100%;
    height:auto;
    border:1px solid #ddd;
    box-sizing:border-box;
}
.idc_area .mix-wrapper .mix h4 {
    font-size:18px;
    line-height:36px;
    font-family:'Roboto', 'NotoSansR', sans-serif;
    color:#333;
    margin-top:0.5rem;
}
.idc_view .prd_info {
    width:100%;
    border-bottom:1px solid #ddd;
    padding-bottom:70px;
    margin-bottom:70px;
}
.idc_view .prd_view {
    width:100%;
    border-bottom:1px solid #ddd;
    padding-bottom:70px;
    margin-bottom:70px;
}
.idc_view .prd_view img {
    width:100%;
    height:auto;
}
.idc_view > a {
    float:right;
    width:110px;
    height:45px;
    line-height:45px;
    font-size:18px;
    color:#fff;
    background:#009fab;
    letter-spacing:-0.065rem;
    text-align:center;
}
.idc_view .prd_info .prd_img {
    float:left;
    width:42%;
    max-width:500px;
    margin-right:4%;
    border:1px solid #ddd;
    box-sizing:border-box;
}
.idc_view .prd_info .prd_img img {
    width:100%;
    height:auto;
}
.idc_view .prd_info .prd_txt {
    float:right;
    width:54%;
}
.idc_view .prd_txt dl, .idc_view .prd_txt ul {
    margin-bottom:30px;
}
.idc_view .prd_txt dt {
    font-weight:600;
    font-size:18px;
    letter-spacing:-0.065rem;
    line-height:30px;
    color:#333;
}
.idc_view .prd_txt dd {
    float:left;
    font-size:18px;
    letter-spacing:-0.065rem;
    line-height:30px;
    color:#888;
    margin-right:20px;
}
.idc_view .prd_info .orange {
    color:#fb8600;
}
.idc_view .prd_info .blue {
    color:#00adfa;
}
.idc_view .prd_info .cyan {
    color:#009fab;
}
.idc_view .prd_info .green {
    color:#72af2d;
}
.idc_view .prd_info .prd_txt h2 {
    font-family:'Roboto', 'NotoSansR', sans-serif;
    font-weight:800;
    font-size:36px;
    line-height:36px;
    color:#333;
    margin-bottom:30px;
}
.idc_view .prd_info .prd_txt h2 span {
    font-weight:300;
}
.idc_view .prd_info .prd_txt.blue h2:before {
    background:#00adfa;
}
.idc_view .prd_info .prd_txt.green h2:before {
    background:#72af2d;
}
.idc_view .prd_info .prd_txt.cyan h2:before {
    background:#009fab;
}
.idc_view .prd_info .prd_txt h2:before {
    content:'';
    display:block;
    width:20px;
    height:2px;
    background:#ff7e00;
    vertical-align:top;
    margin-bottom:18px;
}
.idc_view .prd_info .prd_txt p {
    font-size:18px;
    letter-spacing:-0.065rem;
    line-height:30px;
    color:#333;
    word-break:keep-all;
}
.idc_view .prd_info .prd_txt p ~ p {
    margin-bottom:30px;
}
.idc_view .prd_info .prd_txt li {
    font-size:18px;
    line-height:30px;
    letter-spacing:-0.065rem;
    word-break:keep-all;
}
.acc_area {
    margin:50px auto 120px;
}
.acc_area .prd_list > li {
    float:left;
    width:31.6%;
    max-width:380px;
    height:450px;
    margin:0 2.5% 50px 0;
    transition:all 0.4s;
}
.acc_area .prd_list > li img {
    width:100%;
    height:auto;
    border:1px solid #ddd;
    margin-bottom:18px;
    box-sizing:border-box;
}
.acc_area .prd_list > li h3 {
    font-size:22px;
    line-height:36px;
    color:#333;
    margin-bottom:16px;
}
.acc_area .prd_list ul.left {
    float:left;
}
.acc_area .prd_list > li li {
    font-size:16px;
    letter-spacing:-0.065rem;
    line-height:26px;
    color:#666;
}
.acc_area .prd_list ul.right {
    float:right;
}
.acc_area .prd_list > li:nth-child(3n) {
    margin-right:0;
}
.equip_area {
    width:100%;
    margin:50px auto 120px;
}
.equip_info {
    margin:0 auto 80px;
}
.equip_info .equip_img {
    float:left;
    width:47.5%;
}
.equip_info .equip_img img {
    width:100%;
    height:auto;
    border:1px solid #ddd;
    box-sizing:border-box;
}
.equip_info .equip_img ul {
    margin-top:20px;
}
.equip_info .equip_img li {
    float:left;
    width:32%;
    margin-right:2%;
}
.equip_info .equip_img li:last-child {
    margin-right:0;
}
.equip_info .equip_txt {
    float:right;
    width:48%;
    margin:20px 0 0 4.5%;
}
.equip_info .equip_txt h2 {
    font-size:30px;
    line-height:36px;
    color:#222;
    margin-bottom:50px;
}
.equip_info .equip_txt h2:before {
    content:'';
    display:block;
    width:20px;
    height:2px;
    background:#009fab;
    vertical-align:top;
    margin-bottom:18px;
}
.equip_info .equip_txt li {
    font-size:18px;
    line-height:30px;
    letter-spacing:-0.065rem;
    word-break:keep-all;
    margin-bottom:30px;
}
.equip_info .equip_txt li strong {
    color:#009fab;
    display:block;
}
.equip_info .equip_txt li span {
    color:#666;
}
.equip_tbz .organ_area, .equip_tbz .organ_area h2 {
    margin-bottom:20px;
}
.equip_tbz > img {
    width:100%;
    height:auto;
    border:1px solid #ddd;
    box-sizing:border-box;
}
.equip_tbz .equip_ttl {
    width:100%;
    text-align:center;
    margin:50px auto;
}
.equip_tbz .equip_ttl img {
    width:100%;
    height:auto;
}
.equip_tbz .equip_ttl h3 {
    display:inline-block;
    font-size:30px;
    line-height:39px;
    letter-spacing:-0.065rem;
    color:#fff;
    padding-bottom:2px;
    border-bottom:1px solid #fff;
    margin-bottom:40px;
}
.equip_tbz .equip_ttl ul {
    width:72%;
    margin:0 auto;
}
.equip_tbz .equip_ttl li {
    float:left;
    width:30%;
    font-size:20px;
    font-family:'NotoSansL',sans-serif;
    letter-spacing:-0.065rem;
    line-height:25px;
    color:#fff;
    text-align:left;
    margin-right:3%;
}
.equip_tbz .equip_ttl li:nth-child(2) {
    width:36%;
}
.equip_tbz .equip_ttl li:last-child {
    width:28%;
    margin-right:0;
}
.equip_tbz .equip_ttl li:before {
    content:'01';
    float:left;
    font-family:'Roboto', 'NotoSansR', sans-serif;
    font-size:40px;
    font-weight:600;
    line-height:50px;
    letter-spacing:-0.045rem;
    color:#fff;
    padding-right:20px;
    margin-right:20px;
    border-right:1px solid #fff;
    opacity:0.5;
    vertical-align:middle;
}
.equip_tbz .equip_ttl li:nth-child(2):before {
    content:'02';
}
.equip_tbz .equip_ttl li:last-child:before {
    content:'03';
}
.equip_table {
    margin-bottom:50px;
}
.equip_table table {
    float:left;
    width:50%;
}
.equip_table table th, .equip_table table td {
    height:55px;
    border-bottom:1px solid #d3d4d8;
    border-right:1px solid #d3d4d8;
    vertical-align:middle;
    text-align:center;
    font-size:15px;
    letter-spacing:-0.065rem;
    color:#666;
}
.equip_table table thead th {
    border-top:1px solid #494a4e;
    color:#222;
    background:#f5f6f7;
}
.equip_table table th:last-child, .equip_table table td:last-child {
    border-right:0;
}
.equip_table table:first-child th:last-child, .equip_table table:first-child td:last-child {
    border-right:1px solid #a4a4a6;
}
.equip_table table tbody td:first-child {
    width:11.5%;
}
.equip_table table tbody td:nth-child(2) {
    width:26%;
}
.equip_table table tbody td:nth-child(3) {
    width:34%;
}
.equip_table table tbody td:nth-child(4) {
    width:11.5%;
}
.equip_table table tbody td:last-child {
    width:17%;
}
.equip_list {
    margin:0 auto;
}
.equip_list li {
    float:left;
    width:22%;
    border:1px solid #ddd;
    margin-right:4%;
    box-sizing:border-box;
}
.equip_list li:last-child {
    margin-right:0;
}
.equip_list li img {
    width:100%;
    height:auto;
}
.inq_area {
    text-align:center;
    margin:50px auto;
}
.inq_area .organ_area {
    margin:0 auto;
    text-align:left;
}
.inq_area table {
    width:100%;
    border-top:1px solid #494a4e;
    margin-bottom:50px;
}
.inq_area table th {
    width:15%;
    height:55px;
    background:#f5f6f7;
}
.inq_area table th, .inq_area table td {
    border-bottom:1px solid #d3d4d8;
    vertical-align:middle;
    text-align:left;
    padding:9px 20px;
    box-sizing:border-box;
}
.inq_area table input[type="text"] {
    width:100%;
    max-width:290px;
    height:36px;
    background:#f7f7f7;
    font-family:'NotoSansR',sans-serif;
    letter-spacing:-0.065rem;
    font-size:16px;
    border:1px solid #ddd;
    padding-left:11px;
    box-sizing:border-box;
    vertical-align:middle;
}
.inq_area table input[name="phone"],
.inq_area table input[name="hphone1"],
.inq_area table input[name="hphone2"],
.inq_area table input[name="hphone3"] {
    width:70px;
}
.inq_area table input[type="file"] {
    width:100%;
    max-width:320px;
    padding:2px;
    border:1px solid #ddd;
    background:#f7f7f7;
    cursor:pointer;
    box-sizing:border-box;
}
.inq_area table textarea {
    width:100%;
    height:250px;
    resize:none;
    font-family:'NotoSansR',sans-serif;
    letter-spacing:-0.065rem;
    font-size:16px;
    color:#666;
    border:1px solid #ddd;
    padding:12px;
    box-sizing:border-box;
}
.inq_area button {
    width:130px;
    height:50px;
    line-height:50px;
    background:#009fab;
    text-align:center;
    color:#fff;
    font-family:'NotoSansR',sans-serif;
    letter-spacing:-0.065rem;
    font-size:18px;
    border:none;
    cursor:pointer;
}
.cert_area {
    margin:50px auto;
}
.cert_area .lightbox_wrap {
    width:100%;
}
.cert_area .lightbox_wrap a {
    float:left;
    width:18.75%;
    max-width:224px;
    height:310px;
    margin:0 1.5% 50px 0;
    border:1px solid #ddd;
    padding:5px 6px;
    text-align:center;
    box-sizing:border-box;
}
.cert_area .lightbox_wrap a:nth-child(5n) {
    margin-right:0;
}
.cert_area .lightbox_wrap a img {
    width:100%;
    height:100%;
}
.lb-data .lb-number {
    display:none !important;
}
.privacy {width:100%; font-size:14px; color:#555; line-height:1.6; word-break:keep-all; padding:0 4%; box-sizing:border-box;}
.privacy h6 {font-size:20px; font-weight:700; color:#111; margin:10px 0;}
.privacy b {font-weight:700;}
.list_basic li {padding:3px 0 3px 10px; text-align:left;}
.list_basic li:before {content:''; display:inline-block; width:4px; height:4px; background:#ccc; border-radius:50%; margin-right:5px; vertical-align:middle;}

.agr_chk {width:100%; margin:20px auto;}
.agr_chk input {float:left; width:18px; height:18px; margin:8px 8px 0 0;}
.agr_chk label {float:left; font-family:'NotoSansR',sans-serif; font-size:15px; color:#333; font-weight:700; line-height:34px;}
.agr_chk a {float:right; width:80px; height:34px; line-height:32px; text-align:center; border:1px solid #009fab; border-radius:3px; font-size:13px; font-weight:500; color:#009fab; box-sizing:border-box; transition:all 0.3s;}
.agr_chk a:hover {background:#009fab; color:#fff;}

/* media pc min */
@media screen and (max-width:1200px) {
    .prd_area ul li {
        background-size:auto 80%;
    }
    .prd_area li h2 {
        font-size:24px;
    }
    .acc_area .prd_list ul.right {
        float:none;
        clear:both;
    } 
    
}
/* media pad */
@media screen and (max-width:1024px) {
    .header .main_logo {
        height:70px;
        padding-left:3%;
        box-sizing:border-box;
    }
    .header .gnb_btn {
        display:block;
        float:right;
        width:90px;
        height:70px;
        background:url(../images/ico/menu_ico.png) 50% 50% no-repeat;
        border:none;
        text-indent:-9999px;
        outline:none;
        cursor:pointer;
    }
    .header .close_btn {
        background:url(../images/ico/close_ico.png) 50% 50% no-repeat;
    }
    .header .gnb {
        display:none;
        clear:both;
        float:none;
    }
    .header .gnb.m_none {
        display:none;
    }
    .header .gnb.m_block {
        display:block;
    }
    .header .gnb > li {
        float:none;
        display:block;
        background:#000 url(../images/ico/down_ico.png) right 3% top 22px no-repeat;
        cursor:pointer;
    }
    .header .gnb > li > a {
        margin-left:3%;
        font-size:22px;
        line-height:60px;
        text-align:left;
        border:none;
    }
    .header .gnb > li > a:hover {
        border:none;
    }
    .header .gnb > li.on {
        background:#01a0ad url(../images/ico/up_ico.png) right 3% top 22px no-repeat;
    }
    .header .gnb.on .depth_menu {
        display:none;
    }
    .header .gnb > li.on .depth_menu {
        display:block;
        margin:0;
        background:#00516e;
    }
    
    .header .depth_menu li {
        font-size:18px;
        letter-spacing:-0.085rem;
        line-height:60px;
        text-align:left;
        border-bottom:1px solid #33748b;
    }
    .header .depth_menu li a {
        display:inline-block;
        width:100%;
        height:100%;
        line-height:60px;
        vertical-align:top;
        padding:0 3%;
        box-sizing:border-box;
    }
    .header .depth_menu li a:before {
        content:'-';
        display:inline-block;
        margin-right:5px;
    }
    .gnb_wrap {
        display:none;
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,.5);
        z-index:101;
    }
    /* M_contents */
    .prd_area ul li {
        width:33.3%;
        background-size:auto 80%;
        background-position:right 0 bottom 0;
    }
    .prd_area ul li:nth-child(-n+3) {
        border-bottom:1px solid #e6e6e6;
    }
    .prd_area ul li:last-child {
        border-right:none;
    }
    .lnk_area {
        height:auto;
        background-image:none;
        margin-bottom:0;
    }
    .lnk_container {
        padding-top:30px;
    }
    .lnk_container .intro_cont {
        padding:50px 0 0 4%;
    }
    .lnk_container .notice_cont {
        padding:0 4%;
    }
    .notice_cont li {
        font-size:16px;
    }
    .notice_cont li a {
        display:inline-block;
        width:65%;
        white-space:nowrap;
        text-overflow:ellipsis;
        overflow:hidden;
        vertical-align:top;
    }
    .lnk_container .equip_cont {
        width:100%;
        height:275px;
        padding:50px 0 0 4%;
        background-color:#26262b;
        background-size:auto 90%;
    }
    .lnk_container .custom_cont {
        width:50%;
    }
    .lnk_container .down_cont {
        width:50%;
    }
    /* footer */
    .footer .container {
        padding:0 3%;
        box-sizing:border-box;
    }
    .footer_info .info {
        background:url(../images/foot_logo.png) left 0 top 5px no-repeat;
        background-size:25% auto;
        padding-left:18%;
    }
    .footer_info .info dt {
        margin-bottom:0;
    }
    .footer_info .info dd {
        font-size:13px;
    }
    .footer_info .center {
        margin-right:0;
    }
    .footer .gt_btn {
        width:50px;
        height:50px;
        background-size:auto 50%;
    }
    /* sub CSS */
    .sub_visual, .sub_visual .vis_cont {
        height:270px;
    }
    .sub_visual .vis_cont h2 {
        padding-top:100px;
    }
    .manage_area .manage_cont {
        max-width: 900px; margin: 0 auto 0;
        width: 100%;
    }
    .manage_area .manage_vis {height: 0; padding-bottom: calc(100% / 1200 * 400); box-sizing: border-box; margin: 50px 0 0;}

    .manage_area .manage_ttl {padding: 0 20px; box-sizing: border-box;}
    .manage_area .manage_ttl p {font-size: 20px;}
    .manage_area .manage_ttl h3 {font-size: 24px; word-break: keep-all;}

    .his_area {
        width:94%;
        margin:0 auto;
    }
    .his_cont .tabCont .fr {
        margin-left:0;
    }
    .his_cont dd {
        font-size:16px;
    }
    .organ_area .or_table th {
        width:140px;
    }
    .organ_area .or_table td {
        padding:4px 22px;
    }
    .ci_box .ci_img_box {
        float:none;
        width:100%;
        max-width:100%;
        margin-right:0;
    }
    .ci_box dl {
        float:none;
        width:100%;
        max-width:100%;
    }
    .ci_box .ci_color {
        padding:60px 0;
    }
    .ci_color .color_box {
        width:25%;
        max-width:210px;
    }
    .ci_color .color_box:first-child {
        margin-right:5%;
    }
    .ci_color .color_box .color {
        width:100%;
    }
    .map_info .map_btn {
        clear:both;
        float:none;
        display:block;
        margin-top:20px;
    }
    .sub_contents .sub_ttl .idc {
        font-size:36px;
    }
    .idc_area .idc_btn:after {
        content:'';
        display:block;
        clear:both;
    }
    .idc_btn .control {
        float:left;
        width:calc(20% - 1px);
        margin-right:1px;
    }
    .inter_btn .control {
        width:calc(20% - 1px);
        max-width:calc(20% - 1px);
        font-size:14px;
        letter-spacing:-0.045rem;
    }
    .inter_btn .control:last-child {
        width: 20%;
        line-height:25px;
    }
    .open_btn .control {
        width:calc(33.3% - 1px);
        max-width:calc(33.3% - 1px);
    }
    .open_btn .control:last-child {
        width:33.3%;
        margin-right:0;
    }
    .idc_area .mix-wrapper .mix {
        width:31.3%;
    }
    .idc_view {
        width:94%;
        margin:0 auto;
    }
    .idc_view .prd_info .prd_txt h2 {
        font-size:28px;
    }
    .idc_view .prd_info .prd_txt p, .idc_view .prd_info .prd_txt li,.idc_view .prd_txt dt, .idc_view .prd_txt dd {
        font-size:16px;
    }
    .idc_view .prd_view, .idc_view .prd_info {
        margin-bottom:35px;
        padding-bottom:35px;
    }
    .acc_area, .equip_area {
        width:94%;
        margin:50px auto;
    }
    .acc_area .prd_list > li {
        height:400px;
    }
    .board_area {
        width:94%;
        margin:0 auto;
    }
    .equip_table table {
        float:none;
        width:100%;
    }
    .equip_table table:last-child thead {
        display:none;
    }
    .equip_table table:first-child th:last-child, .equip_table table:first-child td:last-child {
        border-right:none;
    }
    .inq_area, .cert_area, .map_area {
        width:94%;
        margin:50px auto;
    }
    .inq_area table th {
        width:21%;
    }
    .cert_area .lightbox_wrap a {
        width:23%;
        height:280px;
        margin-right:2.6%;
    }
    .cert_area .lightbox_wrap a:nth-child(5n) {
        margin-right:2.6%;
    }
    .cert_area .lightbox_wrap a:nth-child(4n) {
        margin-right:0;
    }
}
@media screen and (max-width:840px) {
    /* footer */
    .footer_info .info {
        clear:both;
        float:none;
        width:100%;
        padding-left:30%;
        background:url(../images/foot_logo.png) left 0 top 50% no-repeat;
        background-size:auto 60%;
    }
    .footer_info .info dl {
        width:94%;
        margin:0 auto;
        text-align:left;
    }
    .footer_info .center {
        clear:both;
        float:none;
        width:100%;
        text-align:right;
        border-top:1px solid #4f4f51;
        padding-top:30px;
        margin-top:20px;
    }
    /* sub CSS */

    .his_cont .tabCont:last-child:before {
        height:1000px;
    }
    .his_cont .y2006 {
        top:510px;
    }
    .his_cont .y2005 {
        top:600px;
    }
    .his_cont .y2004 {
        top:890px;
    }
    .acc_area .prd_list > li {
        height:360px;
    }

    .manage_cont .manage_intro {padding: 30px 20px 30px;}
    .manage_area .manage_txt {padding: 0 20px 250px; background-position: calc(100% - 20px) bottom; background-size:  auto 250px; height: auto;}
}
/* media phone */
@media screen and (max-width:720px) {
    /* mobile big */
    .his_tab li {
        float:none;
        width:100%;
    }
    .his_area .his_ttl p {
        font-size:22px;
    }
    .his_area .his_ttl h3 {
        width:94%;
        font-size:28px;
        margin:0 auto;
        word-break:keep-all;
    }
    .his_area {
        width:100%;
        margin:0 auto;
    }
    .his_cont .tabCont {
        width:100%;
        height:auto;
        margin-bottom:200px;
    }
    .his_cont .tabCont:before {
        display:none;
    }
    .his_cont .tabCont .fr, .his_cont .tabCont .fl {
        position:relative;
        top:0;
        left:0;
        right:0;
        width:100%;
        height:auto;
        padding:0 6% 16px;
        box-sizing:border-box;
    }
    .his_cont .fr dt:before, .his_cont .fl dt:before {
        display:none;
    }
    .his_cont .fl dt {
        text-align:left;
    }
    .his_cont .fl dd > * {
        float:none;
        text-align:left;
    }
    .his_cont .fr dl > *, .his_cont .fl dl >* {
        padding:0;
    }
    .his_cont .fl dd strong {
        margin:0 15px 0 0;
    }
    .his_cont .y2015 {
        padding-top:30px;
        border-top:1px solid #eaeaea;
    }
    .his_cont .y2015 ~ div:not(:last-child), .his_cont .img ~ div:not(:last-child) {
        border-bottom:1px solid #eaeaea;
    }
    .his_cont .y2019 ~ div:not(:last-child), .his_cont .y2019 {
        border-bottom:1px solid #eaeaea;
    }
    .his_cont .y2023 ~ div:not(:last-child), .his_cont .y2023 {
        border-bottom:1px solid #eaeaea;
    }
    .his_cont .y2016 {border: 0;}
    .his_cont dt {
        font-size:30px;
        margin:15px 0;
    }
    .his_cont .y2008 dd > * {
        float:left;
    }
    .organ_area, .ci_area {
        width:94%;
        margin:0 auto 120px;
    }
    .idc_area {
        width:94%;
        margin:50px auto;
    }
    .sub_contents .sub_ttl .idc {
        font-size:30px;
    }
    .idc_btn .control {
        width:calc(50% - 1px);
        max-width:50%;
        margin:0 1px 1px 0;
        font-size:14px;
    }
    .idc_btn .control:last-child {
        width:50%;
    }
    .idc_area .mix-wrapper .mix {
        width:100%;
    }
    .cert_area .lightbox_wrap a {
        width:48%;
        max-width:48%;
        height:260px;
        margin: 0 4% 25px 0;
    }
    .cert_area .lightbox_wrap a:nth-child(5n) {
        margin-right:4%;
    }
    .cert_area .lightbox_wrap a:nth-child(4n) {
        margin-right:4%;
    }
    .cert_area .lightbox_wrap a:nth-child(2n) {
        margin-right:0;
    }
}
@media screen and (max-width:640px) {
    .header .main_logo {
        width:70%;
        height:70px;
        padding:0 0 0 6%;
    }
    .header .main_logo a {
        width:70%;
        height:70px;
        background-position:left 0 top 50%;
        background-size:100% auto;
    }
    .header .gnb_btn {
        width:30px;
        margin-right:6%;
    }
    .header .close_btn {
        background-size:80% auto;
    }
    .header .gnb > li {
        background-size:auto 25%;
        background-position:right 6% top 22px;
    }
    .header .gnb > li.on {
        background-position:right 6% top 22px;
    }
    .header .gnb > li > a {
        margin-left:6%;
    }
    .M_visual {
        height:480px;
    }
    .M_visual .slide {
        height:480px;
        padding-top:165px;
    }
    .M_visual .slide h2 {
        font-family:'Roboto', 'NotoSansR', sans-serif;
        font-weight:800;
        color:#fff;
        font-size:85px;
        text-align:center;
        text-shadow:3px 3px 5px rgba(0,0,0,.6);
    }
    .M_visual .slide p {
        width:70%;
        font-family:'Roboto', 'NotoSansR', sans-serif;
        font-weight:300;
        font-size:22px;
        color:#fff;
        letter-spacing:0.03rem;
        line-height:1.6;
        text-shadow:1px 1px 3px rgba(0,0,0,.6);
        text-align:center;
        margin:10px auto;
        word-break:keep-all;
    }
    .M_visual .cycle-pager {
        bottom:100px;
    }
    .prd_area ul li {
        clear:both;
        float:none;
        width:100%;
        height:190px;
        border-width:0 0 1px;
        border-style:solid;
        border-color:#e6e6e6;
        background-size:auto 95%;
    }
    .lnk_container {
        padding:0;
    }
    .lnk_container > div, .lnk_container .custom_cont, .lnk_container .down_cont {
        float:none;
        width:100%;
    }
    .request_area h2 {
        font-size:30px;
    } 
    .request_area p {
        width:80%;
        font-size:16px;
        line-height:1.6;
    }
    .footer {
        padding-bottom:70px;
    }
    .footer .container {
        padding:0 5%;
    }
    .footer_top {
        height:auto;
        border-bottom:none;    
    }
    .footer_top ul {
        float:none;
        width:100%;
    }
    .footer_top li {
        font-size:12px;
        margin-left:9px;
    }
	.footer_top li:nth-child(2) {display:none;}
    .footer_top li:not(:last-child):after {
        margin-left:8px;
    }
    .footer_top li:nth-child(5):after , .footer_top li:last-child {
        display:none;
    }
    .footer_top .catalog {
        float:none;
        display:block;
        width:100%;
        height:50px;
        line-height:50px;
        background:#202324;
        text-align:center;
        margin:0 auto;
    }
    .footer_top .catalog a {
        background:url(../images/ico/cata_ico.png) left 60% top 50% no-repeat;
    }
    .footer_info .info {
        padding:100px 0 0 0;
        background:url(../images/foot_logo.png) left 50% top 0 no-repeat;
        background-size:auto 40%;
        height:auto;
    }
    .footer_info .info dt {
        margin-bottom:5px;
    }
    .footer_info .info dd {
        font-size:11px;
    }
    .footer_info .info .copy {
        font-size:10px;
    }
    .footer_info .center {
        width:100%;
        text-align:center;
    }
    .footer_info p {
        text-align:left;
        margin-left:75px;
    }
    /* sub CSS */
    .sub_visual, .sub_visual .vis_cont {
        height:220px;
    }
    .sub_visual .vis_cont h2 {
        font-size:30px;
        line-height:30px;
        padding-top:90px;
    }
    .sub_visual .vis_cont p {
        font-size:16px;
    }
    .snb_wrap .home_btn, .snb_wrap .menu_list {
        display:none;
    }
    .snb_wrap .container .depth_list {
        width:100%;
    }
    .snb_wrap .container .depth_list li {
        width:100%;
    }
    .snb_wrap .container .depth_list li a {
        border-right:none;
    }
    .sub_contents .sub_ttl .next, .sub_contents .sub_ttl .prev {
        display:none;
    }

    .organ_area .his_ttl h3 {
        font-size:26px;
        line-height:28px;
    }
    .organ_area .or_ttl {
        font-size:24px;
    }
    .organ_area .or_table, .organ_area .or_table tbody, .or_table tr {
        display:block;
        width:100%;
    }
    .organ_area .or_table tr:after {
        content:'';
        display:block;
        clear:both;
    }
    .organ_area .or_table tr > * {
        float:left;
        display:inline-block;
        min-height:60px;
        font-size:14px;
        height:auto;
        padding:0 0 0 20px;
        box-sizing:border-box;
    }
    .organ_area .or_table th {
        width:42%;
        line-height:59px;
    }
    .organ_area .or_table td {
        width:58%;
        line-height:59px;
    }
    .organ_area .or_table tr:nth-child(2) td:nth-child(2), .organ_area .or_table tr:last-child td:nth-child(2) {
        line-height:29px;
    }
    .organ_area .or_table th[rowspan="2"] {
        height:132px;
    }
    .organ_area .or_table td[rowspan="2"] {
        height:132px;
        line-height:26px;
        padding:10px 0 10px 20px;
    }
    .organ_cont img:first-child {
        display:none;
    }
    .organ_cont img:last-child {
        display:inline-block;
        width:100%;
        max-width:280px;
        height:auto;
    }
    .ci_box .ci_img_box {
        padding:40px 0;
    }
    .ci_box .ci_img_box img {
        width:80%;
    }
    .ci_box:first-child .ci_img_box img {
        max-width:306px;
    }
    .ci_box:nth-child(2) .ci_img_box img {
        max-width:132px;
    }
    .ci_box dl {
        margin-top:20px;
    }
    .ci_box dt {
        margin-bottom:25px;
    }
    .ci_color .color_box {
        width:39%;
    }
    .coop_cont ul {
        width:100%;
        margin:0 auto 40px;
    }
    .coop_cont li {
        width:48%;
        max-width:48%;
        margin-right:3%;
    }
    .coop_cont li:nth-child(5n) {
        margin-right:3%;
    }
    .coop_cont li:nth-child(2n) {
        margin-right:0;
    }
    .coop_cont .coop_table {
        float:none;
        width:100%;
    }
    .coop_table th, .coop_table td {
        font-size:14px;
    }
    .map_area {
        margin:50px auto 120px;
    }
    .map_area .map_info ul {
        float:none;
    }
    .map_area .map_info li {
        float:none;
        font-size:16px;
    }
    .map_area .map_info .map_btn {
        float:none;
        width:100%;
    }
    .map_btn a {
        width:50%;
        max-width:145px;
        margin-left:0;
    }
    .map_btn a:first-child {
        float:left;
    }
    .map_btn a:last-child {
        float:right;
    }
    .map_cont #map {
        height:333px !important;
    }
    .idc_view .prd_info .prd_img {
        float:none;
        width:100%;
        max-width:100%;
        margin:0 auto;
    }
    .idc_view .prd_info .prd_txt {
        float:none;
        width:100%;
        margin:30px auto 0;
    }
    .idc_view > a {
        width:100px;
        height:40px;
        line-height:40px;
        font-size:16px;
    }
    .acc_area .prd_list > li {
        float:none;
        width:100%;
        max-width:100%;
        height:auto;
        margin:0 auto 25px;
    }
    .equip_info {
        margin:0 auto 40px;
    }
    .equip_info .equip_img, .equip_info .equip_txt {
        float:none;
        width:100%;
    }
    .equip_info .equip_txt h2 {
        font-size:24px;
        margin-bottom:25px;
    }
    .equip_info .equip_txt h2:before {
        margin-bottom:9px;
    }
    .equip_info .equip_txt li {
        font-size:16px;
        margin-bottom:15px;
    }
    .equip_table table th, .equip_table table td {
        height:42px;
        font-size:12px;
    }
    .equip_tbz .equip_ttl {
        margin:25px auto;
    }
    .equip_table {
        margin-bottom:25px;
    }
    .equip_list li {
        width:48%;
        margin:0 2% 2% 0;
    }
    .equip_list li:nth-child(2n) {
        margin-right:0;
    }
    .inq_area table {
        border:1px solid #ccc;
        margin-bottom:25px;
    }
    .inq_area table th {
        display:none;
    }
    .inq_area table td {
        border-bottom:1px solid #eee;
    }
    .inq_area table tr:last-child td {
        border-bottom:none;
    }
    .inq_area table input[type="text"] {
        max-width:100%;
        background:none;
        border:none;
    }
    .inq_area table input[name="phone"] {
        width:30%;
    }
    .inq_area table textarea {
        height:180px;
        border:none;
    }
    .inq_area .prd_table {
        border:none;
    }
    .inq_area .prd_table tr {
        border-width:0 1px;
        border-style:solid;
        border-color:#ccc;
    }
    .inq_area .prd_table tr:first-child {
        border-top:1px solid #ccc;
    }
    .inq_area .prd_table tr:nth-child(4) {
        border-bottom:1px solid #ccc;
    }
    .inq_area .prd_table tr:nth-child(n+5) {
        border:none;
    }
    .inq_area .prd_table tr:nth-child(n+4) td {
        border-bottom:none;
    }
    .inq_area .prd_table tr:nth-child(n+5) td {
        padding:9px 0;
    }
    .inq_area .prd_table tr:nth-child(5) td:before {
        content:'À̹ÌÁö÷ºÎ1';
        display:block;
        margin-bottom:6px;
    }
    .inq_area .prd_table tr:nth-child(6) td:before {
        content:'À̹ÌÁö÷ºÎ2';
        display:block;
        margin-bottom:6px;
    }
    .inq_area .prd_table tr:nth-child(7) td:before {
        content:'À̹ÌÁö÷ºÎ3';
        display:block;
        margin-bottom:6px;
    }

}
/* phone min */
@media screen and (max-width:480px) {

    .cert_area .lightbox_wrap a {
        height:220px;
    }
    .manage_area .manage_cont {
        max-width: 100%; margin: 0 auto 100px;
        width: 100%;
    }
    .manage_cont .manage_intro h3 {font-size: 20px; line-height: 28px; margin: 0 0 20px;}
    .manage_txt h3 {font-size: 20px; line-height: 28px; margin: 0 0 20px;}
    .manage_cont .manage_intro p {font-size: 16px; line-height: 24px;}
    .manage_txt p {font-size: 16px; line-height: 24px;}
    .manage_area .manage_vis {padding-bottom: calc(100% / 320 * 350); background-size: cover; background-position: 0 50%; box-sizing: border-box; margin: 50px 0 0;}

}
@media screen and (max-width:360px) {
    .sub_contents .sub_ttl .idc {
        font-size:22px;
    }
}