
@charset "utf-8";


/******************************** menu ***********************************/

/* Search form colors */
.searchform input, .searchform input:not(:focus){
color:#B1B1B1; /*search form text color default*/
background: #fff; /*search form background color default*/
}
.searchfield:focus{
color: #6FA7A9; /* search form text color after click */
}

/*=====================================================================
	Color Scheme End
====================================================================*/

/*====================
	Submenu
=====================*/

#nav li ul { display:none; position:absolute; left:50%; top:100%; margin:0 0 0 -90px; background: #0063bc; z-index: 999; min-width: 180px; }

#nav li:hover > ul { display:block; }
#nav li ul li { border-bottom: 1px solid rgba(214,236,251,0.1); /*border-top: 1px solid rgba(0,87,148,1);*/ -webkit-transition: all 0.3s;  -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
#nav li ul li:last-child { border-bottom: 0; }
#nav li ul li:hover { background: #095284; /*border-top: 1px solid #095284;*/ border-bottom: 1px solid #095284; }
#nav li ul li:last-child:hover { border-bottom: 0; }

#nav li ul li a { display: block; width: 100%; text-shadow: none; font-size:13px; line-height: 15px; font-weight:300; color:#fff; padding: 12px 20px; box-sizing: border-box; }
#nav li ul li:hover a { color:#fff; }

.hd_menu #nav li ul li a { padding: 5% 7%; display: inline-block; width: 86%; }

/* == 12. Sub-Sub Menu == */
#nav li ul li ul { display:none; }
#nav li ul li:hover ul { left:100%; top:0; }

/*====================
	Search form
====================*/
.searchform { position: absolute; right: 15px; top: 6px; display: inline-block; zoom: 1; *display: inline; border: 0; padding: 0; }
.searchform input { font: normal 12px/100% Arial, Helvetica, sans-serif; }
.searchform .searchfield { height: 27px; line-height: 27px; padding-left: 10px; padding-right: 10px; width: 150px; border: 2px solid #333; outline: none; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; -moz-box-shadow: inset 1px 1px 2px #A1A1A1; -webkit-box-shadow: inset 1px 1px 2px #A1A1A1; box-shadow: inner 1px 1px 2px #A1A1A1; }
.searchfield:focus{ font-weight: 700; width: 220px; }
.searchfield:not(:focus){ width: 150px; }

dd.no_space {margin-bottom:0 !important;}
/*========================
		Transitions
========================*/
/******* SUB ********/
/* sub_visual */
.sub_visual { width: 100%; max-width: 2000px; margin: 0 auto; height: 395px; overflow: hidden; text-align: left; background: #f5f5f5; padding-top: 190px; box-sizing: border-box;  background: url('../shop/img/sub/sub_vis01.jpg') no-repeat top center; background-size: cover; }
.sub_visual > div.sidebar_txt { padding: 0 30px; box-sizing: border-box; }
.sub_visual01 { background: url('/img/sub/sub_vis01.jpg') no-repeat top center; background-size: cover; }
.sub_visual02 { background: url('/img/sub/sub_vis02.jpg') no-repeat top center; background-size: cover; }
.sub_visual03 { background: url('/img/sub/sub_vis03.jpg') no-repeat top center; background-size: cover; }
.sub_visual04 { background: url('/img/sub/sub_vis04.jpg') no-repeat top center; background-size: cover; }
.sub_visual05 { background: url('/img/sub/sub_vis05.jpg') no-repeat top center; background-size: cover; }
.sub_visual06 { background: url('/img/sub/sub_vis06.jpg') no-repeat top center; background-size: cover; }
.sub_visual07 { background: url('/img/sub/sub_vis07.jpg') no-repeat top center; background-size: cover; }
.sub_visual08 { background: url('/img/sub/sub_vis08.jpg') no-repeat top center; background-size: cover; }
.sub_visual09 { background: url('/img/sub/sub_vis09.jpg') no-repeat top center; background-size: cover; }
.sub_visual h3 { font-size: 23px; line-height: 1em; color:#fff; font-weight: 700; letter-spacing: -0.25px; word-break:keep-all;}
.sub_visual p { font-size: 17px; line-height: 24px; color: #d6d6d6;  font-weight: 400; margin-top: 15px; letter-spacing: -0.25px; word-break:keep-all;font-family:'Montserrat', 'Noto Sans KR', sans-serif;letter-spacing:0; }


.sub_visual_sw { height: 265px;  padding-top: 60px; }
.sub_visual_sw .sidebar_txt img { display: block;margin-bottom: 40px;}

/*siderbar2*/
.select_menu {position:relative; }
.select_menu > a {display:block; overflow:hidden;}
.select_menu > a:after,
.select_menu > ul > li:first-child:after {display:block; float:right;}
.select_menu > ul > li a:hover:after { display:none;  }
#sidebar .snb ul li.select_menu a:hover { font-weight:normal; }

.select_menu > a:hover:after { position: inherit !important;content: '';background: url(../shop/img/sub/select_arrow.png) no-repeat 0 top !important;width: 15px !important;height: 12px !important;margin-left: 20px !important;}
.select_menu > a:after { content: '';background: url(../shop/img/sub/select_arrow.png) no-repeat 0 top !important;width: 15px;height: 12px;margin-left: 20px;}
#sidebar .select_menu > ul { position:absolute; width:300px !important; top:61px; background:#fff; border:1px solid #ddd; display:none; z-index:99; }
.select_menu > ul > li {cursor:pointer; border-top:0; width:300px; }
.select_menu > ul > li a { font-size: 17px !important;padding: 15px !important;line-height: 25px !important; width:100%; box-sizing:border-box; }
.select_menu > ul > li:after { display:none !important; }
.select_menu > ul > li:hover { background:#eaeaea; transition: all 0.4s; }

#sidebar .snb.snb_select02 ul li:nth-child(6) {position:relative;}
#sidebar .snb.snb_select02 ul li:nth-child(6):after {content:''; position:absolute; height:40%; width:2px; background:#dadada; top:27%;}


/* sidebar */
#sidebar {/*border-bottom:1px solid #e6e6e6;*/ height:60px;background: #f5f5f5;text-align:center;}
#sidebar .snb {/* width: 100% */; padding: 0 30px; box-sizing: border-box; }

#sidebar ul{ display: inline-block; }
#sidebar ul li { display: inline-block; float:left;}
#sidebar ul li a {border-left: #e3e3e3 1px solid;display: inline-block; padding: 0 30px; color:#01131c; font-size: 16px; line-height: 60px; letter-spacing: -0.25px; position:relative;white-space: nowrap;}
#sidebar ul li:last-child a {border-right: #e3e3e3 1px solid;}
#sidebar ul li a.over {background:#fff;font-weight:800;}

/* #sidebar .snb.snb_select ul .select_menu {padding:0 20px;} */
#sidebar .snb.snb_select ul .select_menu select {color:#01131c; font-size:18px; background: url('../shop/img/sub/select_arrow.png') right no-repeat; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; min-height:40px; box-shadow:none; padding:10px; outline:none;}
#sidebar .snb.snb_select ul .select_menu select::-ms-expand {display: none;}
#sidebar .snb.snb_select ul .select_menu select option {background:#f5f5f5; border:none; border-radius: 3px;}
#sidebar .snb.snb_select ul .select_menu select option:checked, select option:hover {font-weight:bold;}



/* 서브페이지 */
#container {position: relative; width: 100%;  max-width: 1400px;zoom: 1;  margin: 0 auto; padding: 0 0 100px 0; }
#container_width { position: relative; width: 100%; zoom: 1;  margin: 0 auto; }
#sub_cont {overflow: hidden; position: relative;}
#sub_cont > h2 {color:#101010; font-size:35px; font-weight:900; position:relative; display:inline-block; margin-bottom:75px;}
#sub_cont > h2:after {content:''; position:absolute; display:block; height:1px; width:85px; background:#9e9e9e; right: -100px; top:50%;}


/* 서브페이지 타이틀 */
.sub_title { margin: 90px 0 45px; text-align: center; }
.sub_title h1 { font-size: 35px;line-height: 1em;font-weight:600;margin-bottom: 15px;text-align: left;position: relative;}
.sub_title h1:after { position: absolute;content: "";width: 50px;height: 1px;background: #bbbbbb;margin-top: 16px;margin-left: 20px;}

.sub_title_type02 { margin:50px 0 45px; }
.sub_title_type02 span.sub_navi { top:-150px !important; }

/* 서브페이지 탭메뉴01 */
.first_tab {width:100%;/*  border-bottom:1px solid #004ea2; */ float:left; margin-bottom:30px;}
.first_tab ul {width:100%; min-height:70px;  font-size:0;  border:1px solid #cbcbcb; background:#f7f7f7; box-sizing:border-box;}
.first_tab ul li {width:50%; float:left; display:table; position:relative; padding: 0 20px; /*border:1px solid #cbcbcb;background:#f7f7f7; */text-align:center; font-size:20px; margin-left:-1px; margin-top:-1px; height:70px; box-sizing:border-box;}
.first_tab ul li:nth-child(3n+1) {margin-left:0;}
.first_tab ul li.current {border:1px solid #004ea2; /* border-bottom:0 !important; */position:relative; z-index:90; color:#004ea2; background:#fff ; font-weight:bold; /* top:1px; */ }
.first_tab ul li.current span {background:url(../shop/img/sub/select_arrow2.png) #fff no-repeat right center !important; display:inline-block; padding-right:35px;}
.first_tab ul li a {display:table-cell; vertical-align:middle; word-break:keep-all;}
.first_tab ul li.current a {color:#004ea2; text-align:center;}
.tab_six ul li {width:33.4%;}
.tab_six ul li:nth-child(n+4) {border-top:0;}


/* 서브페이지 탭메뉴02 */
#tabs {box-sizing:border-box; width:100%; overflow:hidden; font-size:0; margin: 0 auto; margin-bottom:25px;}
#tabs li {display: inline-block; text-align:center; box-sizing:border-box; float:left; margin-right:1%; min-width:calc(97% / 4);}
#tabs li:last-child {margin-right:0;}
#tabs li a {width:100%; letter-spacing:-1px; display:block; position: relative; font-size: 18px; color:#4d4d4d; box-sizing:border-box; border:1px solid #ddd; border-radius:0px;  line-height:60px;}
#tabs li a:hover {color:#004ea2;}
/* #tabs li a:after {content: ""; display: block; margin: 0 auto; height: 1px; background: #29408a; transition: width 0.5s; width:0; margin-top: 10px;} */
#tabs li.current a {color:#fff; background:#004ea2; border:1px solid #004ea2;}


/* 서브페이지 네비게이션 */
.sub_title span.sub_navi { display: inline-block; font-size: 14px; color: #dadada; letter-spacing: -0.25px; position: absolute; right: 0;top: -190px;}

h2#container_title {display: none;}
div#bo_list {width: 100% !important;margin: 0 auto;background: #fff; max-width:1400px;}

/* Member */
/*#container #mb_login {background: url(../shop/img/login_tx.png) no-repeat center top;padding-top: 60px; margin-top: 80px; }*/
/*.mb_login_img {background: url(../shop/img/ch02.png) no-repeat;padding: 56px 78px;position: absolute;top: -3px;left: 20%;z-index: 5;}*/

/* 서브페이지 */

.tab_content > h3 {font-size:30px; color:#202020; font-weight:800; position:relative; margin-top:30px;}
.tab_content > h3:after{position: absolute;content: "";width: 7px;height: 7px;background: #d6413f;border-radius: 50%;margin-left: 5px;}



/*연구소소개  -201130*/
#sub_cont div > h2 {word-break: keep-all;font-size: 27px;font-weight: 700;letter-spacing: -0.5px;line-height: 130%; margin-bottom:60px; transition:all 0.4s; padding:30px; border:1px solid #004ea2; text-align:center; }
#sub_cont div > h2 span {color: #004ea2;}
.swtest h2 {display:flex; flex-direction:column; justify-content: center;}
.swtest h2 p {color: #000; text-align:center;}

/*CEO인사말*/
.ceo_left { display: inline-block;width: 57%; vertical-align:top; }
.ceo_left p { font-size: 20px;letter-spacing: -1px;line-height: 160%; margin-bottom: 40px; word-break: keep-all;}
.ceo_left p.ceo_name { text-align: right;margin-right: 10px;}
.ceo_left p.ceo_name span { font-size: 30px;font-weight: 900;}
.ceo_right { display: inline-block;width: 42%; background:url(../shop/img/sub/ceo_bg.jpg) no-repeat right 0; padding:310px 0;  }
.ceo_right img { display:block; width:80%; float:right; }


/*미션과 비전*/
div.mission_icon { text-align: center; font-size:0;}
div.mission_icon:after { display: block; content:""; clear: both; }
div.mission_icon dl {width: 20%; display: inline-block;  font-size: 20px;letter-spacing: -0.5px; margin-block-start: 0; margin-block-end: 0;}
div.mission_icon dt {display: table; text-align:center; margin:0 auto 20px;}
div.mission_icon dt span{display: table-cell; vertical-align:middle; background:#f7f7f7; border-radius:50%; width:160px; height:160px; padding:10px; }
div.mission_icon dt img { display: block; width:75%; margin:0 auto;}
div.mission_icon dd {display: inline-block; margin-inline-start: 0px; color:#fff; background:#004ea2; padding:7px 20px; border-radius:50px;}

.mission_step { background: #fafafa;padding: 70px 0;text-align: center;margin-top: 70px;}
.mission_step ul li { display: inline-block;width: 48%;text-align: left; vertical-align:top; }

.mission_step ul li h3 { font-size: 23px;font-weight: 900;line-height: 40px;position: relative;}
.mission_step ul li h3 span {color:#004ea2; display: block; }
.mission_step ul li h3:after { position: absolute;content: "";width: 50px;height: 1px;background: #bcbcbc;left: 0;bottom: -25px;}
.mission_step ul li p { font-size: 18px;margin-top: 55px; line-height:28px; }

/*li특화연구소  설립개요*/

.labor_inner p.labor_p { font-size: 25px;margin-top: -20px; line-height: 35px; text-align:center; color:#004ea2;}
.labor_inner ul.labor_step { margin-top: 90px;}
.labor_inner ul.labor_step li { display: inline-block;width: 31%;position: relative; padding-left:2%; margin-bottom:5%; vertical-align:top; }
.labor_inner ul.labor_step li:nth-child(1) { background: url(../shop/img/sub/labor_icon01.png) no-repeat 0px 20px;background-size: 130px;}
.labor_inner ul.labor_step li:nth-child(2) { background: url(../shop/img/sub/labor_icon02.png) no-repeat 10px 26px;background-size: 120px;}
.labor_inner ul.labor_step li:nth-child(3) { background: url(../shop/img/sub/labor_icon03.png) no-repeat 0px 12px;background-size: 130px;}
.labor_inner ul.labor_step li:nth-child(4) { background: url(../shop/img/sub/labor_icon04.png) no-repeat -10px 38px;background-size: 120px;}
.labor_inner ul.labor_step li:nth-child(5) { background: url(../shop/img/sub/labor_icon05.png) no-repeat 0px 25px;background-size: 120px;}


.labor_inner ul.labor_step li h4 { font-size: 20px;font-weight: 900;position: relative;float: left;}
.labor_inner ul.labor_step li h4:after { position: absolute;content: "";width: 100%;height: 3px;background: #333;left: 0;top: -8px;}
.labor_inner ul.labor_step li div { display: inline-block;margin-left: 20%;}
.labor_inner ul.labor_step li div h3 { font-size: 23px;font-weight: 900;letter-spacing: -1px; margin-bottom: 15px; color:#004ea2; }
.labor_inner ul.labor_step li div h3 span { display: block;font-size: 16px;margin-bottom: 15px; color:#777;}
.labor_inner ul.labor_step li div p {font-size: 18px;letter-spacing: -0.5px;line-height: 25px;}

.labor_banner { background:url(../shop/img/sub/labor_banner_bg.jpg) no-repeat; background-attachment:fixed; /* background-size:100%; */ padding:80px 0; margin-bottom:90px; }
.labor_banner h2 { color:#fff; display:inline-block; vertical-align:middle; margin-bottom:0 !important; border:0 !important; padding:0 !important; }
.labor_banner img.labor_baner_p { display:inline-block; margin-left:2%; vertical-align:middle;}
.labor_banner img.labor_baner_m { display:none; margin:0 auto;}

/*연혁*/
.history_inner .his_tab { list-style: none;margin: 0;padding: 0;overflow: hidden; display:inline-block; vertical-align:top;}
.history_inner .his_tab li { display: block; margin-bottom:30px; }
.history_inner .his_tab li a { display: block;color: #000;font-size: 23px;transition: 0.3s;box-sizing: border-box;}
.history_inner ul.his_tab li.current a { font-weight: 900;color: #004ea2;}
.history_inner .tabcontent { display: none;background-color:#fff;padding: 6px 12px;color:#333;}
.history_inner .tabcontent.current { display: inline-block;width: 80%;float: right;}

.history_inner .tabcontent .history_desc { display: inline-block;width: 100%;}
.history_inner .tabcontent .history_desc dl { margin: 0;border-bottom: 1px solid #b9b9b9;padding: 40px 0;}
.history_inner .tabcontent .history_desc dl.his_first { padding-top:0; }
.history_inner .tabcontent .history_desc dl.his_last { border-bottom:0; }
.history_inner .tabcontent .history_desc dl dt { float: left;font-size: 20px;font-weight: 900;}
.history_inner .tabcontent .history_desc dl dd { font-size: 17px;margin-bottom: 30px;margin-left: 90px;}
.history_inner .tabcontent .history_desc dl dd span {display:inline-block; color:#004ea2; margin-right:10px;}
.history_inner .tabcontent .history_desc dl dd:last-child{ margin-bottom:0; }

.chunjinbiz_con {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 40px;
}
.chunjinbiz_con h3 {font-size:20px;margin-bottom:20px;}
.chunjinbiz_con p {font-size:16px;margin-bottom:10px;word-break:keep-all;}
.chunjinbiz_con table {border-collapse: collapse;width: 100%; border-top:1px solid #1c1c1c;border-left:1px solid #d7d7d7;  position:relative;}

.chunjinbiz_con table tr th, .chunjinbiz_con02 table tr td { padding:15px; word-break:keep-all;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;}
.chunjinbiz_con table tr th {background:#f7f7f7; text-align:center; font-size:16px;}
.chunjinbiz_con table tr td {font-size:16px; line-height:28px;text-align:left;}



.chunjinbiz_con02 {
    width: 100%;
    clear: both;
    float: left;
    margin-bottom: 40px;
}
.chunjinbiz_con02 h3 {font-size:20px;margin-bottom:20px;}
.chunjinbiz_con02 p {font-size:16px;margin-bottom:10px;word-break:keep-all;}
.chunjinbiz_con02 table {border-collapse: collapse;width: 100%; border-top:1px solid #1c1c1c;border-left:1px solid #d7d7d7;  position:relative;}

.chunjinbiz_con02 table tr th, .chunjinbiz_con table tr td { padding:15px; word-break:keep-all;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;}
.chunjinbiz_con02 table tr th {background:#f7f7f7; text-align:center; font-size:16px;}
.chunjinbiz_con02 table tr td {font-size:16px; line-height:28px;text-align:center;}

.chunjinbiz_con table.pc {display:table;}
.chunjinbiz_con table.mobile {display:none;}
.cbiz_mobile_txt {display:none;}
/*시설*/
.facility{width: 100%; height: 620px; margin-bottom: 30px;}
.facility .wrap{height: 100%;}
.facility .fa_left{position: relative; float: left; width: 40%; height: 100%;}
.facility .fa_left .fa_list{width: 100%; height: 40%;}

.facility .fa_left .fa_list ul{width: 100%; margin-top: 14%;}
.facility .fa_left .fa_list ul li{position: relative; width: 100%; margin-bottom: 27px; font-size: 22px; font-weight: 600; color: #c9c9c9;
letter-spacing: -1px; cursor: pointer; margin-left: 7%; transition: 0.2s ease;}
.facility .fa_left .fa_list ul li::before{position: absolute; left: -6%; top: 37%; content: ''; width: 8px; height: 8px;
background-color: #c9c9c9; border-radius: 50%;}
.facility .fa_left .fa_list ul li:first-child::after{position: absolute; top: 68%; left: -5.4%; content: ''; width: 1px; height: 207px;
background-color: #c9c9c9; z-index: -1;}

background-color: #c9c9c9;}
.facility .fa_left .fa_list ul li:hover{filter: brightness(1.1);}
.facility .fa_left .fa_list ul li.active{font-size: 24px; color: #00294b; font-weight: 800;}
.facility .fa_left .fa_list ul li.active::before{background-color: #d6413f; width: 9px; height: 9px;}
.facility .fa_left .fa_list ul li:hover::before{background-color: #d6413f;}

/*.facility .fa_bg1{position: absolute;top: 15%; width: 100%; height: 390px; background-color: #f3f6ff; z-index: -999;}*/
.facility .fa_left .fa_bg2{padding: 11%; background: url(../img/bgLogo1.png)no-repeat; background-size: contain;}
.facility .fa_left .fa_bg3{position: absolute; left: 52%; top: 37%; padding: 30% 29%; background: url(../img/bgLogo2.png)no-repeat; background-size: cover;}

.facility .fa_right{float: left; width: 60%; height: 100%;}
.facility .fa_right .fa_ctbox{filter: drop-shadow(-2px 5px 6px #c9c9c9);}
.facility .fa_right .contents{display: none; width: 100%;}
.facility .fa_right .contents img{display: block; width: 100%; height: 100%;}

.facility .slick-dots{right: 0%; bottom: -6%;}
.facility .slick-dots li button:before{font-size: 20px;}

/*시설형태변경*/
.facility_contents { margin-bottom:0 !important; }

.facility_contents .fa_bg2{ position:absolute; padding: 17%; background: url(../img/bgLogo1.png)no-repeat; background-size: contain;}
.facility_contents .fa_bg3 {position: absolute;left: 21%;margin-top: 240px;padding: 11%;background: url(../img/bgLogo2.png)no-repeat;background-size: contain;}

.facility_contents .facility_tab { position:relative; float:left; width:40%; margin-top:14%; margin-bottom:11%;  }
.facility_contents .facility_tab:before {position: absolute;content: '';width: 1px;height: 80%;background: #ddd;margin-top: 15px;}
.facility_contents .facility_tab li { position: relative;width: 100%;margin-bottom: 27px;cursor: pointer;margin-left: 30px;transition: 0.2s ease;}
.facility_contents .facility_tab li a {  font-size: 22px;font-weight: 600;color: #c9c9c9;letter-spacing: -1px; transition: 0.2s ease; }
.facility_contents .facility_tab li a:before {position: absolute;content: '';width: 8px;height: 8px;background: #c9c9c9;border-radius: 50%;left: -33px;margin-top: 10px;}

.facility_contents .facility_tab li.current a { font-size: 24px; color: #00294b; font-weight: 800; }
.facility_contents .facility_tab li.current a:before { background:#d6413f;  }
.facility_contents .facility_tab li:hover a:before {  background:#d6413f;  }

.facility_contents .tabcontent { /*display: none;*/  float:right; width:60%;}
.facility_contents .tabcontent.current { display: block; position:relative; }
.facility_contents .tabcontent .fa_ctbox{filter: drop-shadow(-2px 5px 6px #c9c9c9);}

.contents .slick-initialized.slick-slider { width:100%; display:inline-block; }
.contents .slick-initialized.slick-slider div img { display: block;width: 100%;}
.contents .slick-slide img { width:100%; }











/*CI*/
.ci_inner .ci_center { text-align: center;padding: 100px 0;border: 1px solid #ddd;background: url(../shop/img/sub/ci_grid.jpg) no-repeat center;}
.ci_desc { padding:40px 0; }
.ci_desc h3 { font-size: 23px;display: inline-block;}
.ci_desc h3 span { display: block;font-size: 25px;font-weight: 900;margin-top: 20px;}
.ci_desc .ci_dp { display: inline-block;width: 70%;float: right;font-size: 19px;letter-spacing: -0.5px;line-height: 30px; transition:all 0.4s; }
.ci_desc .ci_dp span { display: block;margin-top: 25px;font-size: 18px;color: #df1c1c;}

.ci_desc .ci_dp ul { margin: 30px 0;}
.ci_desc .ci_dp ul li { display: inline-block;margin-right: 50px;font-size: 18px;padding-left: 30px;position: relative; transition:all 0.4s; }
.ci_desc .ci_dp ul li:nth-child(1):after { position: absolute;content: "";width: 25px;height: 25px;background: #004ea2;border-radius: 50%;left: 0;margin-top: 1px;}
.ci_desc .ci_dp ul li:nth-child(2):after { position: absolute;content: "";width: 25px;height: 25px;background: #d6413f;border-radius: 50%;left: 0;margin-top: 1px;}


button.ci_btn { display: inline-block;background: #5d5d5d;width: 195px;margin-right: 10px; transition:all 0.4s;}
button.ci_btn a { color: #fff;padding: 15px 0;display: block;font-size: 15px;}
button.ci_btn:hover { background:#004ea2; }

.ci_inner h3.ci_ent { font-size:25px; position:relative; font-weight:900; clear:both; margin-top:17%; margin-bottom:20px; }
.ci_inner h3.ci_ent:after { position: absolute;content: "";width: 8px;height: 8px;background: #d6413f;border-radius: 50%;margin-left: 10px;}

.ci_inner ul.ci_entimg li { display: inline-block;width: 49%;background: url(../shop/img/sub/ci_grid.jpg) no-repeat;padding: 40px 0;text-align: center; box-sizing:border-box; border:1px solid #ddd; }
.ci_inner ul.ci_entimg li:last-child { float:right; }

/*조직도*/
.organ_inner { text-align:center; }
.organ_p { display:block; margin:0 auto; width:auto; max-width:100%; }
.organ_m { display:none; margin:0 auto; width:100%;}


/*유관기관 및 협력기관*/
#sub_cont div.partner_room > h2 { border:0; margin-bottom:20px; }
#sub_cont div.partner_room > h2 span { font-weight:800; }

.partner_room ul li {display: inline-block;width: 22%;margin-right: 3%;margin-bottom: 2%;}
.partner_room ul li:nth-child(4n) { margin-right:0;  }
.partner_room ul li a {display: block;width: 100%;text-align: center;font-size: 17px;}
.partner_room ul li a img {border: 1px solid #ddd;margin-bottom: 10px; width:100%; display:block; }



/*찾아오시는 길*/
.loca_inner { position:relative; }
.loca_inner:after { position:absolute; content:''; background:url(../shop/img/dong_simbol.png) no-repeat 0 0; width:340px; height:340px; top:0; right:0; background-size: contain; opacity: 0.1; }
div#daumRoughmapContainer1616473150379 { display:inline-block; vertical-align:bottom; width:48%; }

.loca_desc { width: 48%;margin: 0;display: inline-block; padding-left:2%; }
.loca_desc img { display: block;width: 70%;}
.loca_desc img.loca_2 { display:none; }
.loca_desc ul { display: inline-block; margin-top:40px; }
.loca_desc ul li { font-size: 17px;margin-bottom: 20px; line-height:37px; }
.loca_desc ul li img { display: inline-block;width: 25px;margin-right: 10px;}
.loca_desc ul li:first-child { display: block;}

.loca_inner h3.ci_ent { font-size: 25px;position: relative;font-weight: 900;clear: both;margin-bottom: 20px;margin-top: 60px;}
.loca_inner h3.ci_ent:after { position: absolute;content: "";width: 8px;height: 8px;background: #d6413f;border-radius: 50%;margin-left: 10px;}

.loca_bus { background: #f5f5f5;padding: 25px 35px 15px;}
.loca_bus dl dt { font-size: 18px;font-weight: 600;letter-spacing: -0.5px;margin-bottom: 10px;}
.loca_bus dl dd { margin-left: 0;font-size: 17px;letter-spacing: -0.5px;margin-bottom: 25px;}
.loca_bus02 { margin-top:	40px; }

/* 서브페이지 */
.con_box {padding: 30px 0; clear: both;}
.con_box p {text-align:left; font-size:20px; padding-bottom:20px; word-break:keep-all; color:#444; line-height:30px; }
.con_box p span { display:block; font-size:18px; }
.con_box h4 {text-align: left;font-size: 25px;font-weight: 900;position: relative; padding-bottom:30px; word-break:keep-all}
.con_box h4:after {position: absolute;content: "";width: 8px;height: 8px;background: #d6413f;border-radius: 50%;margin-left: 10px;}

 .summary {border:1px solid #ccc; background:#fff; padding:20px;}


.con_list {margin-bottom:20px; text-align:left; }
.con_list li {position:relative; font-size:20px; word-break:keep-all; line-height:28px; padding-left: 20px; color:#444; margin:10px 0;}
.con_list li:before {content:''; position:absolute; width:6px; height:6px; background:#004ea2; left:0; top:10px; border-radius:2px;}
.con_list li span {color:#004ea2; font-weight:600; display:block; margin-bottom:10px; }
.con_list02 li:before {height:1px; top:14px;}

.inner_img img { display:block; width:60%; margin:0 auto; }

dl.info_list { margin-top: 0;display: inline-block;vertical-align: top; width:100%; }
dl.info_list dt { font-size: 22px;font-weight: 600;margin: 20px 0 10px; color:#004ea2; }
dl.info_list dd { font-size: 18px;font-weight: 400;line-height: 30px;margin-left: 16px;}

/*기업지원 안내*/
.corporation_info { /* background: url(../shop/img/sub/seminar_bg.png)no-repeat right 50%;background-size: 1450px; */padding-bottom: 100px;}
.corpor_inner dl.info_list { margin-top: 0;display: inline-block;vertical-align: top; width:45%; }
.corpor_inner dl.info_list dt { font-size: 23px;font-weight: 600;margin: 20px 0 10px;}
.corpor_inner dl.info_list dd { font-size: 18px;font-weight: 400;line-height: 30px;margin-left: 16px;}
.corpor_inner img.copor_img { display: inline-block;float: right; width: 52%; }

/*교육지원 안내*/
.seminar_inner { background: url(../shop/img/sub/corpor_bg.jpg) no-repeat right top; }
.seminar_inner .con_box p { line-height:30px;}
.seminar_inner dl.info_list { margin-top: 0;display: inline-block;width: 49%;vertical-align: top;}
.seminar_inner dl.info_list dt { font-size: 21px;font-weight: 600;letter-spacing: -1px;margin-top: 0px; margin-bottom:10px; }
.seminar_inner dl.info_list dd { font-size: 18px;margin-left: 10px;line-height: 28px;}

ul.seminar_step { text-align: center;}
ul.seminar_step li { display: inline-block;width: 23%;margin-left: -3px;font-size: 20px;letter-spacing: -0.5px;position: relative;}
ul.seminar_step li:after { position: absolute;content: "";background: url(../shop/img/sub/seminar_arrow.png)no-repeat 0 0;width: 34px;height: 50px;background-size: contain;right: 0;top: 35%;}
ul.seminar_step li:last-child:after { display:none; }
ul.seminar_step li img { display: block;margin: 0 auto;margin-bottom: 20px;}

/*컨설팅지원 안내*/
.consulting { background:url(../shop/img/sub/swconsul_bg.png) no-repeat right bottom;background-size:70%; padding-bottom:100px;  }
.counsul_inner dl.info_list { margin-top: 0;display: inline-block;width: 49%;vertical-align: top;}
.counsul_inner dl.info_list dt { font-size: 20px;font-weight: 500;letter-spacing: -1px;margin-top: 0px; margin-bottom:10px; color:#333; }
.counsul_inner dl.info_list dd { font-size: 18px;margin-left: 10px;line-height: 28px;}



/*sw공인시험 안내*/
.con_box02 { float: left;width: 50%;}

.swtest_inner {/*background:url(../shop/img/sub/swtest_bg.png) no-repeat 50% bottom;*/ padding-bottom:100px; }
.swtest_inner p.labor_p { font-size: 25px;margin-top: -20px; line-height: 35px; text-align:center; color:#004ea2;}
.swtest_inner dl.info_list { margin-top: 0;display: inline-block;width: 49%;vertical-align: top;}
.swtest_inner dl.info_list dt { font-size: 21px;font-weight: 600;letter-spacing: -1px;margin-top: 0px; margin-bottom:10px; }
.swtest_inner dl.info_list dd { font-size: 18px;margin-left: 10px;line-height: 28px;}
.swtest_inner .con_box img.swtest_step { display:block; width:100%; }
.swtest_inner .con_box img.swtest_step_m { display:none; }

img.img_ab { position: absolute;top:5px;right: 0;width: 40%;}

.eq_list {margin:0; padding:0;}
.eq_list li {list-style:none; font-size:20px; margin-bottom:20px; word-break:keep-all; text-indent : -20px; padding-left: 20px;}
.eq_list li p {padding: 7px 10px; font-size: 16px;}
.eq_list li span {color: #004ea2; font-weight:600; }
.eq .sign {float:right;  font-size:25px; font-weight:800; padding:30px 80px 10px 0; background: url(../shop/img/sub/sign.jpg) right center no-repeat;}

.sw_list {display:block;  text-align:center; font-size:0;}
.sw_list li{display:inline-block; text-align:center;width:23%; margin:0 1%; }
.sw_list li:nth-child(5), .sw_list li:nth-child(6) {width:35%; margin-top:50px;}
.sw_list li img {border:1px solid #ddd; width:80%; display:block;  margin:0 auto;}
.sw_list li span {display:inline-block;font-size:16px; margin-top:10px; color:#fff; background:#004ea2; padding:7px 20px; border-radius:50px; word-break:keep-all; line-height:140%;}

/*서브페이지 테이블형식*/

.table_bg {background:#f7f7f7;}





.con_table03 { }
.con_table03 table {border-collapse: collapse;width: 100%; margin-bottom:90px; border-top:1px solid #1c1c1c;  position:relative;}
.con_table03 table caption {text-align: left; font-size: 25px;font-weight: 900;position: relative; margin-bottom:20px; }
.con_table03 table caption:after {position: absolute;content: "";width: 8px;height: 8px;background: #d6413f;border-radius: 50%;margin-left: 10px;top: 0px;}
.con_table03 table caption span { display: inline-block;font-size: 18px;font-weight: 400;margin-left: 5px;}
.con_table03 table tr {border-bottom:1px solid #d7d7d7; }
.con_table03 table tr th, .con_table03 table tr td { padding:10px; word-break:keep-all; border-right:1px solid #d7d7d7;}

.con_table03 table tr th:last-child, .con_table03 table tr td:last-child {border-right:0;}
.con_table03 table tr th {background:#f7f7f7; text-align:center; font-size:16px;}
.con_table03 table tr td {font-size:16px; line-height:25px; border-top: 0;border-bottom: 0;}
.con_table03 table tr td textarea { width:100%; box-sizing:border-box; }
.con_table03 table tr td ul li { font-size:17px; }
.con_table03 table tr td ul li span { display:inline-block; color:#004ea2; margin-right:15px; font-weight: 900; }



p.table_scroll { display:none; }



.tab_container div img { width:100%; }
div#sub_cont table.__se_tbl tr td p img, div#sub_cont table.__se_tbl tr td div img { width:40%; }


/*con_box*/
.con_box > ul { margin-bottom:40px; }
.con_box > ul li { font-size: 20px;line-height: 35px;}

.con_box img.con_img { display: block;width: 100%; }



/* 게시판 목록 */
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_chk {width:30px;text-align:center}
#bo_list .td_date {width:80px;text-align:center}
#bo_list .td_datetime {width:110px;text-align:center}
#bo_list .td_group {width:100px;text-align:center}
#bo_list .td_mb_id {width:100px;text-align:center}
#bo_list .td_mng {width:80px;text-align:center}
#bo_list .td_name {min-width:100px;text-align:center}
#bo_list .td_nick {width:100px;text-align:center}
#bo_list .td_num {width:50px;text-align:center}
#bo_list .td_numbig {width:80px;text-align:center}

#bo_list .txt_active {color:#5d910b}
#bo_list .txt_expired {color:#ccc}

#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin-bottom:10px;padding-left:1px;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-bottom:-1px}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:90px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}

.td_subject img {margin-left:3px}


/* 2024-11-21 홈페이지 개편 추가 css */

/* sub04_01.php */
.swtest .box02 {display:flex; justify-content: space-between;}
.swtest .box02 .text_box {width:60%; display:flex; flex-direction:column;}
.swtest .box02 .text_box ul {margin-bottom: 30px;}
.swtest .box02 .text_box ul li {padding:5px 0;}
.swtest .con_box03 .img_box {width: 45%;}
.swtest .con_box03 .img_box > img {width: 100%;}
.swtest .con_box03 .img_box .text_box02 strong{display:inline-block; background: #303f47; color: #fff ; font-weight:500; padding: 12px 15px;}
.swtest .con_box03 .img_box .text_box02 p {padding: 5px 10px 5px 15px; font-size:16px; background:#eee;}
.swtest .con_box03 .img_box .text_box02 p > span {font-size:16px; color: red; display:inline;}
.swtest .box03 h5,.swtest .box04 h5 {font-size:25px; font-weight:900; padding-bottom:30px;}
.swtest .box03 p {padding-bottom: 7px; font-size: 16px;}
.swtest .box04 table {width:100%; text-align:center;}
.swtest .box04 table tr {border:1px solid #000;}
.swtest .box04 table tr td {padding: 5px; border: 1px solid #eee;}
.swtest .box04 table tr td.first {word-break:keep-all; background: #eee; font-weight:500;}
.swtest .box04 table tr td.sec {font-weight:500;}
.swtest .box04 table tr td:last-child {width: 50%;}

/* sub04_03.php */
.swtest02 p {font-size:17px; line-height:1; padding-bottom:0;}
.swtest02 h2 p {font-size:20px; line-height:30px;}
.swtest02 .rnd04 .box_wrap, .swtest02 .rnd05 .box_wrap{display:flex; justify-content: space-between;}
.swtest02 .rnd04 .box_wrap .box {width:48%;}
.swtest02 .rnd04 .box_wrap .box strong{width:100%; display: inline-block; padding: 12px 0; background: #004EA2; color: #fff; text-align:center; font-size:20px;}
.swtest02 .rnd04 .box_wrap .box li  {font-size: 18px; padding: 30px 15px; background: #eee; height: 50px; }
.swtest02 .rnd05 h5 {font-size: 22px; font-weight:600; margin-bottom:20px;}
.swtest02 .rnd05 .box_wrap .box {width: 32%;}
.swtest02 .rnd05 .box_wrap .box p {height: 80px; display: flex; justify-content: center; align-items: center; padding: 12px 0;
background: #004EA2; color: #fff; text-align:center; font-size:18px; font-weight: 500;}
.swtest02 .rnd05 .box_wrap .box ul {height:175px; font-size: 18px; padding: 30px 15px; background: #eee;}
.swtest02 .rnd05 .box_wrap .box ul li {margin-bottom: 10px; word-break: keep-all;}
.swtest02 .rnd05 .box_wrap .box ul li.add {display:flex; flex-direction: column;}
.swtest02 .rnd05 .box_wrap .box ul li.add span {margin-bottom: 5px;}
.swtest02 .add_text {margin-top:15px; color:#999; font-size:16px;}
.swtest02 .rnd06 .box, .swtest03 .safety04 .box {display:flex; justify-content: space-between;}
.swtest03 .safety04 .box img {width: 100%;}
.swtest02 .rnd06 .box ul, .swtest03 .safety04 .box ul {width: 14%; border:1px solid #999; border-radius:15px; position:relative}
.swtest02 .rnd06 .box ul:after, .swtest03 .safety04 .box ul:after {position:absolute; content: ''; top:0; right: -50%; width:90px; height:50px; background: url('../img/sub/sub_next.png') center no-repeat; z-index:-1;}
.swtest02 .rnd06 .box ul:last-child:after, .swtest03 .safety04 .box ul:last-child:after {display:none;}
.swtest02 .rnd06 .box ul p, .swtest03 .safety04 .box  ul p {background: #004EA2; color: #fff; padding:12px; border-radius:10px; text-align:center; margin-bottom:5px;}
.swtest02 .rnd06 .box ul li, .swtest03 .safety04 .box ul li{padding: 2px 10px; text-indent : -10px; padding-left: 20px; word-break: keep-all;}
.swtest .inquiry ul {display:flex; justify-content: space-between; align-items: center;}
.swtest .inquiry ul li.contact {width:49%;}
.swtest .inquiry ul li.contact p {font-size: 20px;  margin-bottom: 30px;}
.swtest .inquiry ul li.btn {display:flex; flex-direction:column;}
.swtest .inquiry ul li.btn a {background: #dd693c; color: #fff; padding: 12px 24px;  margin-bottom: 15px; border-radius:20px;}

/* sub07_01.php */
.swtest03 h2 p {padding-bottom:0;}
.swtest03 .safety01 {display:flex; justify-content: space-between;}
.swtest03 .safety01 .left {width:49%;}
.swtest03 .safety01 .left .box:first-child {margin-bottom: 15px; }
.swtest03 .safety01 .left .box h5 {font-size: 25px; font-weight:900; margin-bottom:30px;}
.swtest03 .safety01 .left .box p {font-size:16px;}
.swtest03 .safety01 .right {width:49%;}
.swtest03 .safety01 .right table {width:100%;}
.swtest03 .safety01 .right table tr td {border: 1px solid #999;}
.swtest03 .safety01 .right table tr td.center,.swtest03 .safety01 .right table tr td.top {text-align:center; }
.swtest03 .safety01 .right table tr td.top {background: #eee;}
.swtest03 .safety02 .box, .swtest03 .safety03 .box {display:flex; margin-bottom: 30px; column-gap:5%;}
.swtest03 .safety02 .box strong, .swtest03 .safety03 .box strong {width:15%; font-size:20px; font-weight:500; display:flex; justify-content: center; align-items: center;
position:relative; background: #004EA2; color: #fff; border-radius:20px;}
.swtest03 .safety02 {position:relative;}
.swtest03 .safety02:after {position:absolute; content: ''; bottom:0; left:50%; width: 80%; transform:translateX(-50%); border: 1px solid #eee;}
.swtest03 .safety02 .box02, .swtest03 .safety03 .box02 {display:flex; flex-direction: column; row-gap:20px;}
.swtest03 .safety02 .box02 h5,.swtest03 .safety03 .box02 h5 {font-size:20px;}
.swtest03 .safety02 .box02 .item, .swtest03 .safety03 .box02 .item {display: flex; gap:20px; flex-wrap:wrap;}
.swtest03 .safety02 .box02 .item p {width: 15%; border: 1px solid #004ea2;  padding:20px; text-align:center;  border-radius:20px; transition:0.3s;}
.swtest03 .safety03 .box02 .item p {width: 20%; border: 1px solid #004ea2;  padding:20px; text-align:center;  border-radius:20px; transition:0.3s;}
.swtest03 .safety03 .box02 .item p:hover, .swtest03 .safety02 .box02 .item p:hover {background: #004ea2; color: #fff;}
.swtest03 .safety04 .text_box {margin-top: 20px;}
.swtest03 .safety04 .text_box p {font-weight:500;}

/* sub08_01, sub08_02 */
.swtest03 .ai01 .box p {font-size:16px;}
.swtest03 .ai01 .box:first-child {margin-bottom: 20px;}
.swtest03 .ai01 .box p.point{color: #999;}
.swtest03 .ai02 > p {font-size:18px;}
.swtest03 .ai02 figure, .swtest03 .aitest figure {width:100%; margin:0 auto; text-align:center;}
.swtest03 .ai02 figure img, .swtest03 .aitest figure img {width:90%; object-fit:cover; margin:0 auto;}
.swtest03 .ai02 .table_wrap, .swtest03 .aitest .table_wrap {width:100%;}
.swtest03 .ai02 .table_wrap table, .swtest03 .aitest .table_wrap table {width: 90%; margin: 0 auto;}
.swtest03 .ai02 .table_wrap table tr td, .swtest03 .aitest .table_wrap table tr td{border: 1px solid #999; padding:5px 2px; text-align:center; word-break: keep-all;}
.swtest03 .ai02 .table_wrap table tr td.point, .swtest03 .aitest .table_wrap table tr td.point {text-align:center; background: #F6F6F6; font-weight:500;}
.swtest03 .aitest .table_wrap p {display:none; color: #999; font-size: 14px;}
.swtest03 .ai02 span, .swtest03 .aitest .event {color: #999; font-size: 14px; display:none;}


/* 반응형 */

@media screen and (max-width: 1400px){
	footer .snb {overflow:hidden;}

	#container {width:100%; padding: 40px 2%;box-sizing: border-box;}

	.con_table table { width:100%; }

	.labor_banner { padding:50px 0; }
	.labor_banner h2 { color: #fff;display: block;width: 100%;margin: 0 auto;padding-top: 30px;margin-bottom: 20px !important;text-align: center;}
	.labor_banner img { display:block; width:75%; margin:0 auto; padding-bottom:30px; }


}
@media screen and (max-width: 1200px){
	.sub_visual {height:300px; padding-top:150px;}
	.sub_visual h3 {font-size: 18px; line-height:24px;}
	.sub_visual p {font-size: 16px; margin-top:10px;}

	.sub_title span.sub_navi { right:10px; top:inherit; }

	.con_table table tr th { font-size:18px; }
	.con_table table tr td { font-size:16px; }
	.con_table table tr th, .con_table table tr td { padding:15px 10px; }

    #sub_cont div > h2 {font-size: 25px;}

	.labor_inner ul.labor_step { margin-top: 60px;}
	.labor_inner ul.labor_step li div { margin-left:15%; }
	.labor_inner ul.labor_step li div h3 { font-size:21px !important; }
	.labor_inner ul.labor_step li div p { font-size:16px; }
	.labor_inner ul.labor_step li:nth-child(1) { background: url(../shop/img/sub/labor_icon01.png) no-repeat 0px 30px;background-size: 90px;}
	.labor_inner ul.labor_step li:nth-child(2) { background: url(../shop/img/sub/labor_icon02.png) no-repeat 10px 35px;background-size: 80px;}
	.labor_inner ul.labor_step li:nth-child(3) { background: url(../shop/img/sub/labor_icon03.png) no-repeat 0px 23px;background-size: 90px;}
	.labor_inner ul.labor_step li:nth-child(4) { background: url(../shop/img/sub/labor_icon04.png) no-repeat 5px 41px;background-size: 90px;}
	.labor_inner ul.labor_step li:nth-child(5) { background: url(../shop/img/sub/labor_icon05.png) no-repeat 10px 35px;background-size: 80px;}

	#sidebar .snb03  li.select_menu > ul { position:inherit; width:200px !important; top:inherit; }
.swtest02 .rnd05 .box_wrap .box ul {height: 200px;}
}

@media screen and (max-width: 1110px){
	img.img_ab { position:inherit; display:block; margin:0 auto; text-align:center; width:50%; }
	.sw_box > ul li {padding-right: 0;}

.swtest .box02 {flex-direction: column;}
.swtest .box02 .text_box {width: 100% !important;}
.swtest .box02 .img_box {width: 60% !important;}
.swtest02 .rnd05 .box_wrap .box ul {height:auto; padding: 15px 10px;}
}

@media screen and (max-width: 978px){
	.ci_desc .ci_dp { width:65%; }

	.corpor_inner dl.info_list { width:100%; }
	.corpor_inner img.copor_img { display: block;float: inherit;width: 90%;margin: 0 auto;}

	ul.seminar_step li { font-size:18px; }
	ul.seminar_step li img { width: 57%; margin-bottom:33px; }
	ul.seminar_step li:after { width:20px; }



}

@media screen and (max-width: 959px){
	.swtest03 .safety04 .box img{display:none;}
	#sub_cont div > h2 { padding:25px; font-size:22px; margin-bottom:40px; }
	.ceo_left { width:100%; }
	.ceo_left p { font-size:17px; word-break:keep-all;}
	.ceo_left p br { display:none; }
	.ceo_left p.ceo_name span { font-size:20px; }
	.ceo_right { width: 100%; height:200px; padding: 0;background-size: cover;float: left; }


	div.mission_icon dl{ font-size:18px; }
	div.mission_icon dt span{width:130px; height:130px;}

	.mission_step {  padding:50px 0; }
	.mission_step ul li { width:100%; vertical-align: top;margin-bottom: 20px;}
	.mission_step ul li h3 { font-size: 21px !important;line-height: 35px !important;display: inline-block;width: 47%;}
	.mission_step ul li h3:after { bottom: inherit;top: 40px;width: 1px;height: 50px;left: inherit;right: 10%;}
	.mission_step ul li p { font-size: 17px;margin-top: 45px;line-height: 24px;display: inline-block;}

	.labor_inner p.labor_p { margin-top: 0; }
	.labor_inner ul.labor_step li { width:47%; }
	.labor_inner ul.labor_step li div { margin-left:20%; }
	.labor_banner img { width:90%; }

	.history_inner .his_tab { margin-bottom: 30px;}
	.history_inner .his_tab li { display:inline-block; margin-right:30px; }
	.history_inner .tabcontent.current { width:100%; display:block; float:inherit;box-sizing: border-box; }
	.history_inner .tabcontent .history_desc dl dd { float:inherit !important; }
	.history_inner .tabcontent .history_desc dl dt { width: 100% !important;margin-bottom: 30px;}
	.history_inner .tabcontent .history_desc dl dd { float: inherit !important;margin-left: 0;width: 100% !important;}

	.ci_inner .ci_center { padding:80px 0; }
	.ci_inner .ci_center img { width: 400px;}
	.ci_desc h3 { font-size: 21px; }
	.ci_desc .ci_dp { font-size:17px; }
	.ci_desc .ci_dp br { display:none; }
	.ci_desc .ci_dp span { margin-top: 16px;font-size: 16px; }
	.ci_desc .ci_dp ul li { font-size:16px; }
	.ci_desc .ci_dp ul li:nth-child(1):after, .ci_desc .ci_dp ul li:nth-child(2):after { width:20px; height:20px; margin-top:4px; }
	button.ci_btn { width:150px; }
	button.ci_btn a { padding:10px 0; font-size:15px; }

	.ci_inner ul.ci_entimg li img { width:75%; }



.swtest_list li {font-size:18px; margin-bottom:10px;}

	.table_scroll {overflow-x: scroll;}
	.table_scroll p {display:block;}

	.table_sc { overflow:scroll; }
	p.table_scroll { display: block;color: #044eac;font-weight: 600;font-size: 17px; margin-bottom:20px; }
	.table_sc table { width:1200px;  }
	.seminar_inner .con_box p br { display:none; }




.con_table03 table {margin-bottom:50px;}
.con_table03 table caption { font-size: 20px;margin-bottom:10px; }
.con_table03 table caption span {font-size: 16px;}
.con_table03 table tr th, .con_table table tr td { padding:15px 5px;}
.con_table03 table tr th { font-size:18px;}
.con_table03 table tr td {font-size:16px; line-height:140%;}
.con_table03 table tr td ul li { font-size:16px; }

.swtest03 .safety04 .box ul{display:none;}
.swtest03 .safety04 .box {width:100%; height:390px; background: url('../img/sub/sub04_test_mobile01.jpg') center no-repeat;}
.swtest03 .safety02 .box02 .item p {font-size:17px;}
.swtest03 .ai03 .box  {width:100%; height: 390px; background: url('../img/sub/sub04_test_mobile.jpg') center no-repeat;
background-size: contain;}
.swtest03 .aitest03 .box {width:100%; height: 390px; background: url('../img/sub/sub08_test_mobile.jpg') center no-repeat;
background-size: contain;}

.swtest03 .ai02 .table_wrap table, .swtest03 .aitest .table_wrap table {width:100%;}
} /* 959px end */





@media screen and (max-width: 850px) {
.swtest03 .aitest .table_wrap table tr td img {scale:0.8;}
}


@media screen and (max-width: 765px){
#container {padding: 0 2% 40px 2%;}


	.ci_desc h3 { width:100%; }
	.ci_desc h3 br { display:none; }
	.ci_desc .ci_dp { width: 100%;margin-top: 20px; float: inherit; }
	.ci_inner h3.ci_ent { margin-top:30px; }

	.loca_desc ul { margin-left:0; }

	div#daumRoughmapContainer1616473150379 { width:100% !important; }
	.loca_desc { width:100%; margin-top:20px; padding:0;}
	.loca_desc img { width:65%; }
	.loca_desc ul li { margin-bottom:10px; word-break: keep-all;}

	.loca_inner:after { width: 35%;top:23%; z-index: -1;}

.swtest_list li {font-size:16px;}
.sw_list li:nth-child(5), .sw_list li:nth-child(6) {width:45%; margin-top:25px;}
.sw_list li img {width:90%;}
.sw_list li span {font-size:15px; margin-top:10px; line-height:130%;}


.con_table table {margin-bottom:30px;}
.con_table table caption { font-size: 18px;}
.con_table table caption span {font-size: 15px;}
.con_table table tr th, .con_table table tr td { padding:10px 5px;}
.con_table table tr th {font-size:16px;}
.con_table table tr td {font-size:15px;}
.con_table table tr td ul li { font-size:15px; }

.con_table03 table {margin-bottom:30px;}
.con_table03 table caption { font-size: 18px;}
.con_table03 table caption span {font-size: 15px;}
.con_table03 table tr th, .con_table03 table tr td { padding:10px 5px;}
.con_table03 table tr th {font-size:16px;}
.con_table03 table tr td {font-size:15px;}
.con_table03 table tr td ul li { font-size:15px; }

	#bo_list .tbl_head01 a {font-size: 15px;}
.swtest .inquiry ul li.contact p, .swtest .inquiry ul li.btn a {font-size:17px;}
.swtest02 .rnd06 .box {width:100%; height: 390px; background: url('../img/sub/sub04_test_mobile.jpg') center no-repeat;
background-size: contain;}
.swtest02 .rnd06 .box ul {display:none;}

.swtest03 .aitest .table_wrap {overflow-x: scroll;}
.swtest03 .aitest .table_wrap p {display:block;}
}

@media screen and (max-width: 720px){
	#sidebar .snb ul li a {font-size:16px; padding: 25px 20px; }
	#sidebar .snb.snb_select ul .select_menu select {font-size:16px;}


	.tab_six ul li {width:50%;}
	.tab_six ul li:nth-child(3n+1) {margin-left:-1px;}
	.tab_six ul li:nth-child(odd) {margin-left:0;}
	.tab_one ul li {width:100%;}



	.mission_inner h2 { word-break:keep-all; }
	.mission_step { margin-top:20px; }
	.mission_step ul li h3 { width:100%; }
	.mission_step ul li h3:after { display:none; }
	.mission_step ul li h3 br { display:none; }
	.mission_step ul li p { width:100%; margin-top:25px; }

	div.mission_icon dl{ margin-bottom:40px; width:32%; }

	.con_box02 { width: 100%; padding:10px 0; }
	.swtest_inner dl.info_list { width:100%; }


}


@media screen and (max-width: 700px){

	#sidebar { height:auto; }
	#sidebar .snb02 { overflow: inherit;padding: 0;}
	#sidebar .snb02 ul { width: 100% !important;}
	#sidebar .snb02 ul li { width: 100%;height: 100%; border-top:1px solid #ddd; }
	#sidebar .snb02 ul li:nth-child(1), #sidebar .snb02 ul li:nth-child(2) { display: none;}
	#sidebar .snb02 ul li a { display: block;}
	#sidebar .snb02 ul .select_menu > ul { width: 100% !important;position: inherit;top: inherit; border:0; z-index:9; }
	#sidebar .snb02 ul .select_menu > ul li:nth-child(1), #sidebar .snb02 ul .select_menu > ul li:nth-child(2) { display:block; }
	#sidebar .snb02 ul .select_menu > ul li a { background:#f9f9f9; }
	.sub_title span.sub_navi { top:inherit; }

	.con_table table tr th, .con_table table tr td {/*display:block; width:100%;*/ box-sizing:border-box; }
	.con_table table tr { border:0; }
	.con_table table tr td { border:1px solid #ddd; }

	.con_table #R_calendar table tr th, .con_table #R_calendar table tr td { display:revert; width:auto; }
	#R_calendar { width:100%; margin-bottom:20px;}


	.partner_room ul li { width:47%; }
	.partner_room ul li:nth-child(4n) { margin-right:inherit; }
	.partner_room ul li:nth-child(2n) { margin-right:0; }
	#tabs li {display: block;text-align: center;box-sizing: border-box;float: left;margin-right: 0;min-width: auto;width: 50%;}
	#tabs li a {width: auto;line-height: 54px;margin: 3px;}
	.chunjinbiz_con table.pc {display:none;}
.chunjinbiz_con table.mobile {display:table;}

.swtest03 h2 p {font-size:18px;}
.swtest03 .safety01 {flex-direction:column;}
.swtest03 .safety01 .left,.swtest03 .safety01 .right{width:100%;}
.con_box h4 {padding-bottom: 0px;}
.swtest03 .safety01 .left .box h5 {margin-bottom:0px;}
.swtest03 .safety02 .box {margin-top: 15px;}
.swtest03 .safety02 .box strong, .swtest03 .safety03 .box strong {width: 25%; font-size: 18px;}
.con_box p {font-size: 16px; padding-bottom: 10px;}
.swtest03 .safety02:after {width: 95%;}
.swtest03 .safety02 .box02 .item p {font-size: 16px; padding: 12px 16px;}
.con_box p span {font-size: 15px;}
.swtest03 .safety02 .box02 .item, .swtest03 .safety03 .box02 .item {gap:0px; row-gap:20px; justify-content: space-between;}
.swtest03 .safety02 .box02 .item p {width: 21%;}
.swtest03 .safety03 .box02 .item p {width: 25%;}
.swtest03 .swtest_inner {padding-bottom: 0;}
}


@media screen and (max-width: 650px){
.sub_visual09 h3 br{display:none;}
	#sub_cont div > h2 { font-size:22px; word-break:keep-all; }
	#sub_cont div > h2 br { display:none; }

	.labor_inner ul.labor_step li h4 { float:inherit; }
	.labor_inner ul.labor_step li h4:after { display:none; }

	.labor_inner ul.labor_step li { background-image:none !important; }
	.labor_inner ul.labor_step li div { margin-left:0; }

	.history_inner .his_tab li a { font-size:20px; }
	.swtest_inner p.labor_p { font-size: 18px;line-height: 25px; text-align:left;}
.swtest03 .safety04 .box {background-size: contain;}
}

@media screen and (max-width: 640px){
	.ceo_inner > h2 { word-break:keep-all; }
	.ceo_inner > h2 br { display:none; }

	.con_box h4 {font-size:20px; padding-bottom:20px;}
	.sw_box h4 {font-size: 20px !important;}
	.sw_box > ul li {font-size: 15px !important;}
	.swtext_step_img {padding: 13px;}
	.con_box p, .con_box ul li {font-size:16px; transform:skew(-0.999deg); line-height: 26px; }
	.con_list li {font-size:16px; line-height:22px; padding-left:15px;}
	.con_list li:before {top:10px;}
	.con_list02 li {transform:skew(0.999deg);}

	.seminar_inner dl.info_list, .swtest_inner dl.info_list { width:100%; }
	.seminar_inner dl.info_list dt, .swtest_inner dl.info_list dt { font-size:18px; }
	.seminar_inner dl.info_list dd, .swtest_inner dl.info_list dd { font-size:16px; }

	ul.seminar_step li { width:40%; margin-bottom:30px; }

	.swtest_inner .con_box img.swtest_step_m { display:block; width:100%;}
	.swtest_inner .con_box img.swtest_step { display:none; }

	#bo_list .td_date {display:none;}
#gs_product_table .td_date {display: table-cell;}

.swtest .box03 h5 {font-size:20px; padding-bottom:20px;}
.swtest02 .rnd04 .box_wrap .box strong {font-size:16px;}
.swtest02 .rnd05 .box_wrap {flex-direction:column; row-gap: 25px;}
.swtest02 .rnd05 .box_wrap .box {width:100%;}
.swtest02 .rnd05 .box_wrap .box p {height:auto; font-size:16px;}
.swtest02 .rnd04 .box_wrap .box li, .swtest02 .rnd05 .box_wrap .box ul li {font-size:15px;}
.swtest02 .add_text {font-size:14px;}
.swtest02 .rnd05 h5 {font-size:18px;}
.swtest03 .safety01 .left .box h5 {font-size:20px;}
}


@media screen and (max-width: 580px){
	.first_tab ul li {font-size:16px; padding:5px 5px;}
	.first_tab ul li a {transform:skew(0.999deg);}
	#tabs li a {font-size: 16px; transform:skew(0.999deg);}

	.labor_banner h2 { font-size:20px !important; line-height:30px !important; }

	.ci_inner .ci_center img { width:310px; }
	.ci_desc h3 { font-size:20px !important; }
	.ci_desc h3 span { margin-top:5px; display:inline-block; }
	.ci_desc .ci_dp { font-size:16px; }
	.ci_inner ul.ci_entimg li { width:100%; margin-bottom:20px; }

	.loca_desc { margin:30px 0; }
	.loca_bus { padding:15px 20px; }
	.loca_bus dl dt { font-size:17px; }
	.loca_bus dl dd { font-size:16px; }

	a.form_down {position: relative;top: -40px;left: 0; line-height:28px; }
	img.img_ab {
    position: inherit;
    display: block;
    margin: 0 auto 30px auto;
    text-align: center;
    width: auto;
    max-width: 100%;}
.swtest .box04 .table_wrap {overflow-x: scroll !important;}
.chunjinbiz_con table tr th, .chunjinbiz_con table tr td { padding:8px; }

.swtest .inquiry ul {flex-direction:column; align-items: flex-start;}
.swtest .inquiry ul li.contact p, .swtest .inquiry ul li.btn a {font-size:16px !important;}
.swtest .inquiry ul li.btn a  {padding: 7px !important;}
.swtest .inquiry ul li.contact p {margin-bottom: 15px !important;}
.swtest02 .rnd06 .box {height:300px !important;}
.swtest03 .safety03 .box02 .item p {width:44%; padding: 10px;}

.swtest03 .ai02 .table_wrap table {width:100%}
.swtest03 .ai02 figure img, .swtest03 .aitest figure img {width:100%;}
}

@media screen and (max-width: 460px){
	.sub_visual p {font-size:14px;}
	#tabs li {width: 50%;}

	#sub_cont div > h2 {font-size:20px; margin-bottom:30px; padding:20px; text-align:left;}
	.ceo_left p { font-size:16px; line-height:25px; margin-bottom:20px; }
	.ceo_right { height:150px; }

	div.mission_icon dl{ font-size:16px; }
	div.mission_icon dt span{width:100px; height:100px;}
	.mission_step { padding: 40px 0 30px;}
	.mission_step ul li h3 { font-size:20px !important; }
	.mission_step ul li p { font-size:16px; margin-top:15px; }

	.labor_inner p.labor_p { font-size: 18px; line-height:25px;}

	.labor_inner ul.labor_step li { background-image: block; width:100%;  }
	.labor_inner ul.labor_step li:nth-child(1) { background: url(../shop/img/sub/labor_icon01.png) no-repeat 0px 30px !important; background-size: 130px;}
	.labor_inner ul.labor_step li:nth-child(2) { background: url(../shop/img/sub/labor_icon02.png) no-repeat 0px 25px !important; }
	.labor_inner ul.labor_step li:nth-child(3) { background: url(../shop/img/sub/labor_icon03.png) no-repeat 0px 23px !important; }
	.labor_inner ul.labor_step li:nth-child(4) { background: url(../shop/img/sub/labor_icon04.png) no-repeat 5px 41px !important }
	.labor_inner ul.labor_step li:nth-child(5) { background: url(../shop/img/sub/labor_icon05.png) no-repeat 0px 35px !important; }

	.labor_inner ul.labor_step li div { margin-left:40%; }
	.labor_inner ul.labor_step li div h3 { font-size:19px !important; }
	.labor_inner ul.labor_step li div h3 span { margin-bottom:0; }

	.labor_banner img.labor_baner_p { display:none; }
	.labor_banner img.labor_baner_m { display:block; }



	.history_inner .tabcontent .history_desc dl dd { font-size:16px; margin-bottom:22px; }

	.organ_p { display:none; }
	.organ_m { display:block; }

	.loca_desc img.loca_2 { width:270px; }

	.corpor_inner dl.info_list dt { font-size:18px; }
	.corpor_inner dl.info_list dd { font-size: 16px;line-height: 23px;margin-left: 12px;}

	.testform .testform_table select#swtest_type { width:100%; }

	.swtest_list li {font-size:15px;}

.sw_list li span {font-size:14px; margin-top:5px; }

.con_table table tr th, .con_table table tr td { padding:10px 10px; }
.con_table table caption { font-size: 16px;}
.con_table table caption span {font-size: 14px;}
.con_table table tr th {font-size:15px;}
.con_table table tr td {font-size:14px;}
.con_table table tr td ul li { font-size:14px; }


.con_table03 table caption { font-size: 16px;}
.con_table03 table caption span {font-size: 14px;}
.con_table03 table tr th {font-size:15px;}
.con_table03 table tr td {font-size:14px;}
.con_table03 table tr td ul li { font-size:14px; }

.swtest .box02 .img_box {width:100% !important;}
.swtest .box02 .img_box img {width: 320px;}
.swtest02 .rnd04 .box_wrap .box li {height:auto; padding: 15px;}
.swtest03 .safety04 .box {height: 260px;}
.swtest03 .ai02 > p {font-size: 16px;}
.swtest03 .ai02 .table_wrap {overflow-x: scroll;}

.swtest03 .ai02 figure, .swtest03 .aitest figure {overflow-x: scroll;}
.swtest03 .ai02 figure img, .swtest03 .aitest figure img {min-width: 450px;}
.swtest03 .ai02 span, .swtest03 .aitest .event {display:block;}
}
@media screen and (max-width:440px) {
.swtest03 .safety03 .box02 .item p {width:100%;}
.swtest03 .safety02 .box strong, .swtest03 .safety03 .box strong {font-size:16px;}
.con_box p, .con_box ul li {font-size:15px;}
.swtest03 .safety02 .box02 h5, .swtest03 .safety03 .box02 h5, .con_box h4, .swtest03 .safety01 .left .box h5 {font-size: 17px;}
.swtest03 .ai01 .box p.point {font-size: 15px;}
}
@media screen and (max-width: 380px){
.sub_visual09 h3 {font-size: 14px;}
	.first_tab ul li {padding:5px; font-size:15px;}

	.table_th table colgroup col { width:100%; }
	.table_th table tr th, .con_table table tr td { display:block; }
	.table_th  table tr th { border-top:1px solid #ddd; }

	.table_scroll table tr th, .table_scroll table tr td {display:table-cell;}
	.non_block table tr th, .non_block table tr td {display:table-cell;}

	ul.seminar_step li { width:47%; }

.swtest02 .rnd06 .box, .swtest03 .safety04 .box {height:200px !important;}

}