.sub-page {width:100%; /*font-family:'Noto Sans KR', sans-serif;*/ color:#5D5D5D; font-size:17px; line-height:32px; letter-spacing:-0.4px; word-break:keep-all;}
.sub-content {padding-bottom:80px;}
/* 공통 */
.sub-page h3 {color:#333; /*font-family:'Montserrat','Noto Sans KR', sans-serif;*/}
.sub-page h4 {color:#000; font-size:24px; line-height:34px; font-weight:500; padding-bottom:15px;}
.sub-page h5 {color:#1E1E1E; font-size:20px; line-height:28px; font-weight:500; font-family:'Montserrat','Noto Sans KR', sans-serif;}
.sub-page p {font-size:16px; line-height:24px; word-break:keep-all;}

/*이미지슬라이드*/

.slides {
    padding: 0;
    width: 100%;
    height: 1000px;
    display: block;
    margin: 0 auto;
    position: relative;
}

.slides * {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.slides input { display: none; }

.slide-container { display: block; }

.slide {
    top: 0;
    opacity: 0;
    width: 100%;
    height: 1000px;
    display: block;
    position: absolute;

    transform: scale(0);

    transition: all .7s ease-in-out;
}

.slide img {
    width: 100%;
    height: 100%;
}

.nav label {
    width: 200px;
    height: 100%;
    display: none;
    position: absolute;

	  opacity: 0;
    z-index: 9;
    cursor: pointer;

    transition: opacity .2s;

    color: #FFF;
    font-size: 156pt;
    text-align: center;
    line-height: 380px;
    font-family: "Varela Round", sans-serif;
    background-color: rgba(255, 255, 255, .3);
    text-shadow: 0px 0px 15px rgb(119, 119, 119);
}

.slide:hover + .nav label { opacity: 0.5; }

.nav label:hover { opacity: 1; }

.nav .next { right: 0; }

input:checked + .slide-container  .slide {
    opacity: 1;

    transform: scale(1);

    transition: opacity 1s ease-in-out;
}

input:checked + .slide-container .nav label { display: block; }

.nav-dots {
	width: 100%;
	bottom: 35px;
	height: 11px;
	display: block;
	position: absolute;
	text-align: center;
}

.nav-dots .nav-dot {
	top: -5px;
	width: 11px;
	height: 11px;
	margin: 0 4px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.6);
}

.nav-dots .nav-dot:hover {
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.8);
}

input#img-1:checked ~ .nav-dots label#img-dot-1,
input#img-2:checked ~ .nav-dots label#img-dot-2,
input#img-3:checked ~ .nav-dots label#img-dot-3,
input#img-4:checked ~ .nav-dots label#img-dot-4,
input#img-5:checked ~ .nav-dots label#img-dot-5,
input#img-6:checked ~ .nav-dots label#img-dot-6 {
	background: rgba(0, 0, 0, 0.8);
}


/* 서브메뉴 */

.submenu {width:100%;height:55px;background:#fac741; text-align:center; border:none;}
.submenu.big {width:100%;height:109px;background:#fac741; text-align:center; border:none;}
.submenu ul {display:inline-block; vertical-align:top;}
.submenu li {float:left;}
.submenu li a {display:block; padding:12px 0px; color:rgba(255,255,255,0.7);width:190px; }
.submenu li a:hover {color:#1E1E1E; font-weight:500; background:#FFF;}
.submenu li a.active {color:#1E1E1E; font-weight:500; background:#FFF;}

ul.menu .sub{background-color:#001F60; }
ul.menu li{float: left;width: 179px;height: 55px;position: relative;}
ul.menu li a{display: block;width: 100%;height: 100%;font-weight: 400;color: #333; text-decoration: none;}
ul.menu li a:after{ content: ""; position: absolute;top:35px;left: 42px; bottom: -10px;width: 0px;height: 2px;margin: 5px 0 0;transition: all 0.2s ease-in-out;transition-duration: 0.3s;opacity: 0;background-color: #fac741;}
ul.menu li a:hover{background-color: #fff; transition:0.5s all}
ul.menu li a:hover:after{  width: 53%;opacity: 1;}
ul.menu{zoom: 1;}
ul.menu:after{ height: 0; visibility: hidden; content: "."; display: block;clear: both;}
.submenu li a.active{background-color: #fff;
  transition: 0.5s all;}
/* 여백 */
.sm-bottom {margin-bottom:30px;}
.md-bottom {margin-bottom:50px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
/* 정렬 */
.txt-center {text-align:center;}
/* 폰트 컬러 */
.fc-brown {color:#876340; font-weight:400;}
.fc-blue {color:#00529B; font-weight:500;}
/* 상단이미지 */
.sub-top-01 {background:url('/img01/sub-banner01.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-02 {background:url('/img01/sub_top_02.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-03 {background:url('/img01/sub-visual2.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-04 {background:url('/img01/sub_top_04.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-05 {background:url('/img01/sub_top_05.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
.sub-top-06 {background:url('/img01/sub_top_06.jpg') center no-repeat; text-align:center; width:100%; background-size:cover;}
/* 상단이미지 슬로건 */
.slogan-box {padding:100px 0;}
.slogan-box h2 {font-size:36px; font-weight:500; color:#FFFFFF; font-family:'Montserrat','Noto Sans KR', sans-serif; padding-bottom:10px;}
.slogan-box p {color:#EEE; font-size:15px; line-height:22px;}
/* 서브페이지 타이틀 */
.title-box {border-bottom:1px solid #DDD; margin-bottom:70px; text-align:center;padding:80px 0 60px;}
.title-box h3 {color:#000; font-size:34px; line-height:42px; font-weight:500; padding-bottom:10px; width:100%; letter-spacing:-1px; /*font-family:'Noto Sans KR', sans-serif;*/ display:block;}
.title-box p {font-size:13px;}
.title-box .navi {width:100%; display:block; color:#888;}
.arrow-pd {padding:0 4px;}
/* 회사소개 */
.company .img {padding-bottom:40px; line-height:0;}
.company .img img {width:100%;}
.company .tit {font-size:30px; color:#1E1E1E; letter-spacing: -1px; font-weight:500;line-height: 42px; margin-bottom: 10px;}
.company .txt {width:100%; text-align:justify; margin:0 auto; margin-top:20px;margin-bottom:30px;}
/* CEO 인사말 */
.ceo .img img {width:100%; margin-top: 50px;}
.ceo .tit-sm {padding-top: 60px; font-size:16px; line-height:28px; color:#FAC741; letter-spacing:5px; font-weight:600; padding-bottom:10px; text-align: center;}
.ceo .tit {font-size:30px; line-height:40px; color:#1E1E1E; padding-bottom:20px;}
.ceo-txt { width:100%; vertical-align:top; letter-spacing:-1.05px; text-align:center;}
.ceo_sign {display:block; padding-top:30px; font-size:100%; color:#888;}
.ceo_sign img {padding-left:10px;}
.ceo_sign .txt {vertical-align:top;}
.ceo_sign .name {vertical-align:top;}
.img-left {float:left; width:35%; vertical-align:top; padding-right:50px;}
.img-left img {width:100%;margin0bottom:40px;}
.img-right {float:left; width:50%; vertical-align:top; padding-left:50px;}
.img-right img {width:100%;}
/*시설안내*/



/* 주요현황 */
.company-info {text-align:center; background:url('/img01/company_bg.jpg') center top no-repeat; padding:80px 40px; background-size:cover;}
.company-info h4 {color:#FFF; padding-bottom:10px;}
.company-info p {color:#FFF; padding-bottom:40px;}

/* 주요현황 박스디자인 */
.list-box5 ul {width:100%;}
.list-box5 li {color:#333; width:24%; margin-right:0.5%; padding:40px 0; background:rgba(255,255,255,0.85); float:left;}
.list-box5 li:last-child {margin-right:0;}
.list-box5 li .img {line-height:0; padding-bottom:20px;}
.list-box5 li .txt h5 {color:#000; padding-bottom:10px;}
.list-box5 li .txt p {color:#666; padding-bottom:0;}
/* 테이블 스타일 */
.table table {width:100%; text-align:left; border-top:2px solid #FAC741 !important;}
.table td {padding:10px 20px; border:1px solid #DDD; }
.bc-gray {color:#000; background:#F5F5F5;}
.box_overflow {width:100%; overflow-x:auto; margin-bottom: 50px;}
.table_guide {display:none;}
.tg  {border-collapse:collapse;border-color:#aaa;border-spacing:0; }
.tg td{background-color:#fff;border-color:#aaa;border-style:solid;border-width:1px;color:#333;
  font-size:16px;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{background-color:#f38630;border-color:#aaa;border-style:solid;border-width:1px;color:#fff;
 font-size:17px;font-weight:normal;overflow:hidden;padding:10px 36px;word-break:normal;}
.tg .tg-lzv3{background-color:#001f60;border-color:#c0c0c0;text-align:center;vertical-align:middle}
.tg .tg-pw4r{background-color:#001f60;border-color:#c0c0c0;color:#ffffff;text-align:center;vertical-align:top}
.tg .tg-wo29{border-color:#c0c0c0;text-align:center;vertical-align:top}
@media screen and (max-width: 767px) {.tg {width: auto !important;}.tg col {width: auto !important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;}}</style>

/* 사업분야2 */
ul.list-img-2 {width:100%; font-size:0;}
.business01{margin-bottom:50px; width:100%;}
.list-img-2 li {width:48%; margin-right:2%; margin-bottom:50px; display:inline-block; vertical-align:top;}
.list-img-2 li:nth-child(2n+2) {margin-right:0%;}
.list-img-2 li .img {line-height:0; padding-bottom:0px;}
.list-img-2 li .img img {width:100%;}
.list-img-2 li .txt h5 {color:#FAC741; padding-bottom:15px; margin-bottom:15px;margin-top: 15px; font-weight:400;}
/* 사업분야3 */
ul.list-img {width:100%; font-size:0;}
.list-img li {width:32%; margin-right:2%; margin-bottom:50px; display:inline-block; vertical-align:top;}
.list-img li:nth-child(3n+3) {margin-right:0%;}
.list-img li .img {line-height:0; padding-bottom:15px;}
.list-img li .img img {width:100%;}
.list-img li .txt h5 {color:#00529b; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #DDD;}
/* 업무영역 */
.work dl {width:50%; float:left;}
.work dt {color:#000; font-weight:500; font-size:147%; margin-bottom:20px;}
.work dd {padding-bottom:14px;}
.work dd:last-child {padding-bottom:0;}
/* 연혁 */
.year-box {text-align:center;}
.year-box .tit-year {display:inline-block; background:#396eb3; margin:0 auto; padding:10px 30px; font-size:19px; color:#FFF; border-radius:3px;}
.history-box {display:table; width:100%; position:relative; background:url('/img01/history_line.gif') center repeat-y; padding-bottom:80px;}
.history-box .his-list {width:100%; display:block; padding-top:50px;}
.history-box .his-list:after {content:""; display:block; clear:both;}
.his-left {width:100%; float:left; text-align:right; padding-right:49.2%;}
.his-left dt {float:right !important;}
.his-right {width:100%; float:right; padding-left:49.2%;}
.his-round {display:inline-block; border:5px solid #396eb3; width:20px; height:20px; border-radius:50px;}
.his-arrow {display:inline-block; width:6%; vertical-align:top;}
.his-txt .his-year {display:block; color:#161e36; font-size:22px; font-weight:500; padding-bottom:15px;}
.his-txt {display:inline-block; width:93%; vertical-align:top;}
.his-txt dl {width:100%; position:relative;}
.his-txt dt {width:100%; color:#000;}
.his-txt dd {width:100%; line-height:normal; padding-bottom:10px;}
/* 오시는 길 */
.map .map_img {height:450px;}
ul.address {border-top:1px solid #DDD; padding-bottom:0 !important;}
.address li {width:100%; display:table; position:relative; border-bottom:1px solid #DDD;}
.address li .tit {font-size: 18px; color:#000; background:#F5F5F5; width:20%; display:table-cell; vertical-align:middle; padding:20px 30px; }
.address li .tit i {color:#FAC741; font-size:135%; font-weight:500; margin-right:15px; vertical-align:middle;}
.address li .txt {width:80%; display:table-cell; vertical-align:middle; padding:20px;}
/* 인증서 */
.txt-box{width:auto; background-color:#f9f9f9; border:1px solid #e5e5e5;height:90px;margin-bottom:80px;text-align:center;line-height:90px;margin:0 auto;margin-bottom:20px;}
.txt-box2{width:auto; background-color:#f9f9f9; border:1px solid #e5e5e5;height:90px;margin-bottom:80px;text-align:center;line-height:90px;margin:0 auto;margin-bottom:67px;}
.certificate ul {width:100%; font-size:0;}
.certificate li {width:23.5%; margin-right:2%; padding-bottom:40px; display:inline-block; vertical-align:top; text-align:center;}
.certificate li:nth-child(4n+4) {margin-right:0;}
.certificate li .pic {line-height:0; }
.certificate li .pic img {border:0px solid #fff;}
.certificate li p {color:#333; font-size:15px; line-height:20px; padding:10px 0;}
/* 파트너 */
.partner ul {width:100%; font-size:0;}
.partner li {width:23.5%; margin-right:2%; padding-bottom:30px; display:inline-block; vertical-align:top; text-align:center;}
.partner li:nth-child(4n+4) {margin-right:0;}
.partner li p {color:#333; font-size:15px; line-height:20px; padding:10px 0;}
.partner li .pic {line-height:0;}
.partner li .pic img {width:100%; border:1px solid #E0E0E0;}
/*메뉴버튼*/
.sul_menu{display:none;}

.sul_menu ul{width:15%; margin:0 auto;}
.sul_menu ul{height:35px; }
.sul_menu li{float:left; width:50%}

/*서브페이지 백그라운드*/
.product1-main{height: 408px;background:url('/img01/sub01-banner-01.jpg') left no-repeat; width:100%; background-size:cover; background-repeat:no-repeat;}
.product2-main{height: 408px;background:url('/img01/sub01-banner-02.jpg') left no-repeat; width:100%; background-size:cover; background-repeat:no-repeat;}
.product3-main{height: 408px;background:url('/img01/sub01-banner-03.jpg') left no-repeat; width:100%; background-size:cover; background-repeat:no-repeat;}
.product4-main{height: 408px;background:url('/img01/sub01-banner-04.jpg') left no-repeat; width:100%; background-size:cover; background-repeat:no-repeat;}
.product5-main{height: 408px;background:url('/img01/sub01-banner-05.jpg') left no-repeat; width:100%; background-size:cover; background-repeat:no-repeat;}
.product3-1-main{height: 408px;background:url('/img01/sub03-banner-01.jpg') left no-repeat; width:100%; background-size:cover; background-repeat:no-repeat;}
.product3-2-main{height: 408px;background:url('/img01/sub03-banner-02.jpg') left no-repeat; width:100%; background-size:cover; background-repeat:no-repeat;}
.product3-3-main{height: 408px;background:url('/img01/sub03-banner-03.jpg') left no-repeat; width:100%; background-size:cover; background-repeat:no-repeat;}
.product3-4-main{height: 408px;background:url('/img01/sub03-banner-04.jpg') left no-repeat; width:100%; background-size:cover; background-repeat:no-repeat;}
.product3-5-main{height: 408px;background:url('/img01/sub03-banner-05.jpg') left no-repeat; width:100%; background-size:cover; background-repeat:no-repeat;}
.product3-6-main{height: 408px;background:url('/img01/sub03-banner-06.jpg') left no-repeat; width:100%; background-size:cover; background-repeat:no-repeat;}
.product3-7-main{height: 408px;background:url('/img01/sub01-banner-04.jpg') left no-repeat; width:100%; background-size:cover; background-repeat:no-repeat;}
.product3-8-main{height: 408px;background:url('/img01/sub03-banner-08.jpg') left no-repeat; width:100%; background-size:cover; background-repeat:no-repeat;}
.product3-9-main{height: 408px;background:url('/img01/sub01-banner-02.jpg') left no-repeat; width:100%; background-size:cover; background-repeat:no-repeat;}
.product3-10-main{height: 408px;background:url('/img01/sub03-banner-09.jpg') left no-repeat; width:100%; background-size:cover; background-repeat:no-repeat;}


.program_tit{    font-size: 28px;
    margin: 20px 0 25px 0px;
    color: #333;
    font-weight: 500;}
.text-section h1{font-size: 30px; color: #fff;margin-bottom: 20px;font-weight: 600;}
.text-section .depth{font-size: 17px; color: #fff; line-height: 1.5}

.text-section{width: 53%;padding: 118px 0 0 75px;}
.product1-main h1{font-size: 30px; color: #fff;margin-bottom: 20px;font-weight: 600;}
.product1-main .depth{font-size: 17px; color: #fff; line-height: 1.5}
.product1-word{width: 100%;;display: inline-block; margin-bottom: 60px; text-align: left;}
.product1-word03{width: 100%;height:210px ;display: inline-block; margin-top:100px}
.product1-word03 img{margin-top:50px;}
.product1-word03 h1{font-size: 23px; margin: 13px 0 5px 0; color: #333;}
.product1-word .element{margin-top:10px;margin-bottom: -25px;}
.product1-word h1{font-size: 28px; margin: 40px 0 10px 0; color: #333; font-weight: 500;    line-height: 40px;}
.product1-word h1 img{width:100%}
.product1-word span{font-size: 17px; line-height: 1.4}
.product1-explan{display: block; margin: 0 auto; margin-top:30px; width:56%;}

.text-section{width: 53%;padding: 118px 0 0 75px;}
.product2-main h1{font-size: 30px; color: #fff;margin-bottom: 20px;}
.product2-main .depth{font-size: 17px; color: #fff; line-height: 1.7}
.product2-word{width: 100%;;display: inline-block; margin-bottom: 30px;}
.product2-word03{width: 100%;height:210px ;display: inline-block; margin-top:100px}
.product2-word03 img{margin-top:50px;}
.product2-word03 h1{font-size: 23px; margin: 13px 0 5px 0; color: #333;}
.product2-word .element{margin-top:10px;}
.product2-word h1{font-size: 28px; margin: 20px 0 0px 0; color: #333;}
.product2-word h1 img{width:100%}
.product2-word span{font-size: 17px; line-height: 1.4}
.product2-explan{display: block; margin: 0 auto; margin-top:30px; width:56%;}

.text-section{width: 53%;padding: 118px 0 0 75px;}
.product3-main h1{font-size: 30px; color: #fff;margin-bottom: 20px;}
.product3-main .depth{font-size: 17px; color: #fff; line-height: 1.5}
.product3-word{width: 100%;;display: inline-block; margin-bottom: 60px;}
.product3-word03{width: 100%;height:210px ;display: inline-block; margin-top:100px}
.product3-word03 img{margin-top:50px;}
.product3-word03 h1{font-size: 23px; margin: 13px 0 5px 0; color: #333;}
.product3-word .element{margin-top:10px;}
.product3-word h1{font-size: 28px; margin: 20px 0 0px 0; color: #333;}
.product3-word h1 img{width:100%}
.product3-word span{font-size: 17px; line-height: 1.4}
.product3-explan{display: block; margin: 0 auto; margin-top:30px; width:56%;}

.text-section{width: 53%;padding: 90px 0 0 75px;}
.product4-main h1,.product5-main h1{font-size: 30px; color: #fff;margin-bottom: 20px;}
.product4-main .depth, .product5-main .depth{font-size: 17px; color: #fff; line-height: 1.7}
.product4-word{width: 100%;;display: inline-block; margin-bottom: 30px;}
.product4-word03{width: 100%;height:210px ;display: inline-block; margin-top:100px}
.product4-word03 img{margin-top:50px;}
.product4-word03 h1{font-size: 23px; margin: 13px 0 5px 0; color: #333;}
.product4-word .element{margin-top:10px;}
.product4-word h1{font-size: 28px; margin: 20px 0 0px 0; color: #333;}
.product4-word h1 img{width:100%}
.product4-word span{font-size: 17px; line-height: 1.4}
.product4-explan{display: block; margin: 0 auto; margin-top:30px; width:56%;}

.product_certificate li {width:100%; margin-right:2%; padding-bottom:40px; display:inline-block; vertical-align:top; text-align:center;}
.product_certificate li:nth-child(4n+4) {margin-right:0;}
.product_certificate li .pic {line-height:0; }
.product_certificate li .pic img {width:100%; border:1px solid #DDD;}
.product_certificate li p {color:#333; font-size:15px; line-height:20px; padding:10px 0;}
.graph01,
.graph02{float: left; width: 50%; }
.graph01 p{margin-bottom:20px}
.graph02 p{margin-bottom:20px}
.graph01 img{width: 92%;}
.graph02 img{width: 96%;}
.tg {border-collapse:collapse;border-spacing:0;
margin-bottom: 10px;}
.tg td{border-color:black;border-style:solid;border-width:1px;
overflow:hidden;padding:10px 20px; word-break:normal; text-align:center}
.tg th{border-color:black;border-style:solid;border-width:1px;
font-weight:normal;overflow:hidden;word-break:normal;background-color:#646464; color:#fff; padding: 8px 55x;}
.tg .tg-fuxe{border-color:inherit;text-align:center;}
.tg .tg-0pky{border-color:inherit;}



/*아동청소년상담*/

.chk_list_sec {
    padding: 90px 0 100px;
}
.check-ico{display: flex;
    justify-content: center;}
    .check-ico img{width: 70px;}
.chk_last{    width: 70%;
    margin: 0 auto;
    margin-top: 50px;
    background-color: #f1f1f1;
    padding: 20px;}
.chk_last p{font-size: 18px;text-align: center;
        line-height: 30px;}
        .sub_banner i{display: flex;
            justify-content: center;}
.sub_banner p{  line-height: 40px;  color: #000;font-size: 27px;text-align: center;font-weight: 500;    font-family: 'NotoSerifKR';padding-top: 25px;}



@media screen and (max-width: 1024px) {
    .chk_list_sec {
        padding:40px 0
    }
}

.chk_list_sec.g_no {
    background: #f4f3f3
}

.chk_list_sec .chk_tab_box {
    max-width: 830px;
    margin: 0 auto 50px
}

@media screen and (max-width: 1024px) {
    .chk_list_sec .chk_tab_box {
        margin:0 auto 30px
    }
}

.chk_list_sec .chk_tab_box ul li {
    float: left;
    padding: 0 40px
}

.chk_list_sec .chk_tab_box ul li a {
    display: block;
    height: 80px;
    max-width: 330px;
    border-radius: 80px;
    line-height: 80px;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    text-indent: 30px;
}


@media screen and (max-width: 1024px) {
    .chk_list_sec .chk_tab_box ul li {
        padding:0 5px
    }

    .chk_list_sec .chk_tab_box ul li a {
        height: 45px;
        line-height: 45px;
        border-radius: 45px;
        font-size: 16px;
        text-indent: 10px;
        background-position: 10% center;
        background-size: 16px auto
    }
}

.chk_list_sec .target_info_list {
    margin-top: 150px
}

@media screen and (max-width: 1024px) {
    .chk_list_sec .target_info_list {
        margin-top:60px
    }
}

.chk_list_sec .target_info_list li .inner {
    background: #fdfdfd
}

.chk_list_sec .top_tit {
    padding-top: 60px;
    background: url(../images/counseling/chk_t_i.png) no-repeat center 0;
    color: #222;
    font-weight: 600;
    font-size: 35px;
    padding-bottom: 50px;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .chk_list_sec .top_tit {
        background-size:30px;
        padding-top: 40px;
        font-size: 22px
    }
}

.chk_list_sec .chk_list_bx {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 45px 90px 70px;
    text-align: left
}

.chk_list_sec .chk_list_bx.type_02 li {
    padding: 10px 100px 10px 30px
}

@media screen and (max-width: 1024px) {
    .chk_list_sec .chk_list_bx.type_02 li {
        padding:10px 10px 10px 30px
    }
}

.chk_list_sec .chk_list_bx.type_02 li:after {
    display: none
}

.chk_list_sec .chk_list_bx.type_02 li .answer_txt {
    position: absolute;
    top: 9px;
    right: 10px
}

@media screen and (max-width: 1024px) {
    .chk_list_sec .chk_list_bx.type_02 li .answer_txt {
        position:static;
        display: inherit;
        margin-top: 10px
    }
}

.chk_list_sec .chk_list_bx.type_02 li .answer_txt span {
    position: relative;
    display: inline-block;
    padding-left: 40px
}

@media screen and (max-width: 1024px) {
    .chk_list_sec .chk_list_bx.type_02 li .answer_txt span {
        padding-left:30px
    }
}

.chk_list_sec .chk_list_bx.type_02 li .answer_txt span:first-child {
    margin-right: 20px
}

.chk_list_sec .chk_list_bx.type_02 li .answer_txt span .custom_chk {
    right: auto;
    left: 0
}

.chk_list_sec .chk_list_bx .s_t {
    margin-top: -30px;
    color: #4391ff;
    text-align: center;
    font-size: 18px;
    margin-bottom: 50px
}

@media screen and (max-width: 1024px) {
    .chk_list_sec .chk_list_bx .s_t {
        font-size:14px;
        margin-top: -10px;
        margin-bottom: 30px
    }
}

.chk_list_sec .chk_list_bx .tit {
    padding-top: 40px;
    color: #222;
    font-weight: 600;
    font-size: 35px;
    padding-bottom: 50px;
    text-align: center
}



@media screen and (max-width: 1024px) {
    .chk_list_sec .chk_list_bx .tit.chk_i {
        background-size:30px
    }
}

@media screen and (max-width: 1024px) {
    .chk_list_sec .chk_list_bx .tit {
        background-size:30px;
        padding-top: 40px;
        font-size: 20px;
        padding-bottom: 20px
    }
}

.chk_list_sec .chk_list_bx li {
    font-size: 1.125em;
    border-bottom: 1px solid #ddd;
    padding: 10px 40px 10px 20px;
    position: relative
}

.chk_list_sec .chk_list_bx li:first-child {
    border-top: 1px solid #ddd
}


.chk_list_sec .chk_list_bx li .num_t {
    font-weight: 600;
    color: #FAC741;
    margin-right: 10px
}

@media screen and (max-width: 1024px) {
    .chk_list_sec .chk_list_bx li {
        padding:10px 10px 5px 43px; font-size: 15px;
    }

    .chk_list_sec .chk_list_bx li .num_t {
        margin-right: 5px;
        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -11px
    }
}



@media screen and (max-width: 768px) {
    .chk_list_sec .chk_list_bx li .custom_chk {
        right:0
    }
    .chk_last{width: 100%;}
    .chk_list_sec .chk_list_bx .tit{    padding-top: 25px;}
    .chk_last{    margin-top: 20px;}
    .chk_last p{line-height: 25px;}
}

.chk_list_sec .chk_list_bx li .custom_chk input[type=checkbox],.chk_list_sec .chk_list_bx li .custom_chk input[type=radio] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}
@media screen and (max-width: 1024px) {
    .chk_list_sec .chk_list_bx {
        padding:30px 20px 30px
    }

    .sub_banner p{font-size: 17px !important; }


}


/*심리검사*/
.img-full{max-width: 100%;}

/* 기타 */
.no_page {width: 100%;border: 1px solid #DDD;background:#F5F5F5;text-align: center;padding: 200px 0;font-size: 24px;}
.guide_txt {padding: 20px; }
.guide_txt li {padding: 5px;list-style-type: disc;}
.sub02_txt {margin: 0 auto; text-align: center;}
.sub02_txt .tit_img {width: 28%;display: inline-block;text-align: center;}
.sub02_txt .tit_txt {width: 52%;display: inline-block;vertical-align: top;padding-top: 60px;}
.sub02_txt .tit_txt > h3 {font-size: 40px;color: #1e1e1e;font-weight: 300;line-height: 45px;padding-bottom: 20px;text-align: left;}
.sub02_txt .tit_txt > p {font-size: 18px;color: #666;font-weight: 400;line-height: 26px;text-align: left;}
.icon_box {width: 100%;text-align: center;font-size: 0;padding: 20px;background: url("../../../img01/_design/images/sub02/arrow.html") no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: 100%;}
.icon_box .box {width:20%;display: inline-block;vertical-align: top;}
.icon_box .box p {font-size: 20px;color: #1e1e1e;font-weight: 400;}
.icon_box .arrow {padding-top: 55px;display: inline-block;}
.green{color: #00ad87;font-weight: 600;}
.privacy_title {font-size: 18px;padding: 20px 0;color: #333;}
.privacy_txt {padding: 20px;border: 3px solid #e5e5e5;font-size: 14px;}


@media all and (max-width: 1280px) {
.sub-content {width:100%; padding:0 20px 100px 20px;}
}


@media all and (max-width: 1200px) {
.sub-page {font-size:14px; line-height:22px;}
/* 공통 */
.sub-page h4 {font-size:20px; line-height:30px;}
.sub-page h5 {font-size:17px; line-height:24px;}
.sub-page p {font-size:14px; }
.img-1 img {width:100%;}
/* 서브페이지 타이틀 */
.title-box {padding:40px 0; margin-bottom:50px;}
.title-box h3 {font-size:28px; line-height:36px;}
/* 서브메뉴 */
.submenu li{width:auto;}
.submenu li a {padding:17px 0px; font-size:14px;}
/* 상단이미지 슬로건 */
.slogan-box {padding:80px 20px;}
.slogan-box h2 {font-size:28px; line-height:34px; padding-bottom:10px;}
.slogan-box p {font-size:12px; line-height:16px;}
/* CEO 인사말 */
.ceo .tit-sm {font-size:16px; line-height:24px;}
.ceo .tit {font-size:24px; line-height:32px;}
.ceo-txt {font-size:15px; line-height:24px;}
/* 회사소개 */
.company .tit {    font-size: 30px;
  color: #1E1E1E;
  font-weight: 500;
  line-height: 42px;
  padding-bottom: 10px;}
/* 연혁 */
.his-left {padding-right:49%;}
.his-right {padding-left:49%;}


/*원형산기장치*/
.product1-main{height:295px}
.product1-main h1{line-height: 50px; margin-bottom:10px; font-size:30px}
.text-section{padding:62px 0 0 30px; width:76%}
.point-inner{width:100%;height: 323px;}
.point-inner h2{line-height:30px; padding:6% 0 10px 0}
.point-inner .machine{padding:5%}
.tg th{padding:10px 53px;}

.product2-main{height:295px}
.text-section{padding:62px 0 0 30px; width:76%}
.point-inner{width:100%;height: 323px;}
.point-inner h2{line-height:30px; padding:6% 0 10px 0}
.point-inner .machine{padding:5%}
.tg th{padding:10px 53px;}


/*봉형산기장치*/
.product1-2main{height:338px}
.product1-2main h1{line-height: 50px; margin-bottom:10px; font-size:30px}
.product1-3main{height:338px}
.product1-3main h1{line-height: 50px; margin-bottom:10px; font-size:30px}

/*수로형자외선소독기*/
.product2main{height:295px}
.product2main h1{line-height: 50px; margin-bottom:10px; font-size:30px}
.text-section{padding:60px 0 0 30px; width:76%}
/*관로형자외선소독기*/
.product2-2main{height:295px}
.product2-2main h1{line-height: 50px; margin-bottom:10px; font-size:30px}


}


@media all and (max-width: 1024px){
.tg th{padding:11px 27px;}
}

@media all and (max-width: 960px){
.tg th{padding:11px 17px;}
.product2-2main .text-section{width:73%}
}


@media all and (max-width: 768px) {
/* 여백 */
.lg-bottom {margin-bottom:0px;}
/* 공통 */
.sub-page h4 {font-size:20px; line-height:26px;}
.sub-page h5 {font-size:15px; line-height:24px;}

/* 상단이미지 슬로건 */
.slogan-box {padding:40px 20px;}
.slogan-box h2 {font-size:24px; line-height:28px; padding-bottom:10px;}
/* 서브페이지 타이틀 */
.title-box {margin-bottom:30px;padding:40px 0 30px 0}
.title-box h3 {font-size:24px; line-height:32px;}
/*상세 네비게이션 바*/
.submenu{display:none}
.submenu ul{width:100%;}
.submenu li{width:33%;}
.submenu li a{width:100%;}
/* 회사소개 */
.company .txt {width:100%;}

/* CEO 인사말 */
.ceo .tit-sm {font-size:13px; line-height:20px;padding-top: 30px;}
.ceo .tit {font-size:20px; line-height:28px;}
.img-left {width:50%; }
/* 연혁 */
.year-box {text-align:left;}
.year-box .tit-year {padding:8px 24px; font-size:16px;}
.history-box {background:none; padding-bottom:50px;}
.history-box:last-child {padding-bottom:0;}
.history-box .his-list {width:100%; display:block; padding:20px 0; border-bottom:1px solid #DDD;}
.his-left {text-align:left; padding-right:0%;}
.his-left dt {float:left !important;}
.his-right {padding-left:0%;}
.his-arrow {display:none;}
.his-txt .his-year {font-size:17px;}
.his-txt {width:100%;}
.his-txt dt {width:15%;}
.his-txt dd {width:85%;}
/* 오시는 길 */
.address li .tit {width:25%; padding:15px;font-size: 15px;}
.address li .txt {width:72%; padding:15px;}
/* 사업분야 */
.business .box-wrap li {width:48%; margin:1% !important; padding-bottom:30px;}
.business .box-wrap > .box dt {font-size:16px; line-height:20px; color:#876340; padding:5px 0;}
/* 사업분야3 */
.list-img li .txt h5 {padding:10px 0; margin-bottom:10px;}
/* 사업분야2 */
.list-img-2 li .txt h5 {padding:0px 0; margin-bottom:10px;}
/* 인증서 */
.txt-box{width:45%}
.certificate li {width:48%; margin:1% !important;}
.certificate li p {font-size:14px; line-height:18px;}
.certificate li .pic img {width:60%; border:1px solid #fff;}
/* 파트너 */
.partner li {width:48%; margin:1% !important;}
.partner li p {font-size:14px; line-height:18px;}
/* 주요현황 */
.company-info {padding:60px 40px;}
/* 주요현황 박스디자인 */
.list-box5 li {color:#333; width:100%; margin-bottom:0.5%; padding:30px 0;}
.list-box5 li:nth-child(3n+3) {margin-right:0;}
/*제품소개*/
.submenu .submenu_first{width:25%}
ul.menu li{width:25%;}
.sub_menu{display:none}

/*탭메뉴*/
.sul_menu{display:block;}

/*원형산기장치*/
.sul_menu ul{width:40%; padding-top:7px;}
.product1-point{height:575px;}
.text-section{width:90%;padding: 41px 0 0 30px;}
.point-inner{text-align:center;}
.point-inner .machine{width:70%;float:none; padding-top:35px}
.point-inner h2{font-size:24px; padding:3px 0 10px 0;}
.sub-page p{font-size:14px; line-height: 23px; }
.tg th{padding:14px 0px;}
.product1-main{height:284px}
.product1-main h1{font-size:23px; margin-bottom:0px}
.product1-main .depth{font-size:14px;}
.product1-word03 h1{font-size:22px; line-height:32px;}
.product1-explan{width:90%;}
.tg .tg-fuxe{font-size:13px;}
.product1-word h1{font-size:20px;     line-height: 28px;}
.product1-word span{font-size:15px;}
.graph01, .graph02{width:100%}
.graph01 img{padding-bottom:40px;}

/*봉형산기관*/
.product1-2main{height:284px}
.product1-2main h1{font-size:25px; margin-bottom:0px;line-height:50px;}
.product1-2main .depth{font-size:14px;}
.product1-3main{height:284px}
.product1-3main h1{font-size:25px; margin-bottom:0px;line-height:50px;}
.product1-3main .depth{font-size:14px;}
/*수로형소독장치*/
.product2main{height:284px}
.product2main h1{font-size:27px; margin-bottom:0px}
.product2main .depth{font-size:14px;}
/*관로형소독장치*/
.product2-2main{height:284px}
.product2-2main h1{font-size:27px; line-height:40px;}
.product2-2main .depth{font-size:14px;}
/*오존발생장치*/
.product3main{height:284px}
.product3main h1{font-size:30px; margin-bottom:10px}
.product3main .depth{font-size:14px;}
.product3word03 h1{font-size:22px; line-height:32px;}
.product3explan{width:90%;}
.product3-txt{font-size:16px; line-height:50px;}
.product3-icon li i img{width:10%;}
.product3-icon span{font-size:18px;}

/*차염발생장치*/
.product4main{height:284px}
.product4main h1{font-size:30px; margin-bottom:10px}
.product4main .depth{font-size:14px;}
.product1-word03{margin-top:50px;}

.program_tit{font-size: 20px;}

.company .tit{line-height: 28px;font-size: 18px;padding-bottom: 0px;}

.slides{height: 500px;}
.slide img{height: 49%;}

.product2-main, .product3-main,.product4-main,.product5-main, .product3-1-main,
.product3-2-main,.product3-3-main,.product3-4-main,.product3-5-main,.product3-6-main,.product3-7-main,.product3-8-main,
.product3-9-main,.product3-10-main {height: 284px;}
.product2-main h1,.product3-main h1,.product4-main h1,.product5-main h1, .text-section h1{font-size:23px;margin-bottom: 15px;}
.product2-main .depth,.product3-main .depth,.product4-main .depth,.product5-main .depth,.text-section .depth {font-size: 14px;}

.list-img-2 li{margin-bottom: 20px;}
.box_overflow{margin-bottom: 0;}
}

@media all and (max-width: 640px){
/*원형산기관*/
.product1-point{height:520px}
.product_certificate li{width:100%;}

.product2-point{height:520px}
.product_certificate li{width:100%;}

/*봉형산기관*/
.product2main .text-section{width:85%}
.product1-2main .depth{font-size:14px;}
.product2_certificate li{width:100%}
/*자외선 살균기*/
.product3_certificate li{width:100%; margin-top:40px;}
.product1-word{margin-bottom:20px;}


}

@media all and (max-width: 480px) {
/* 서브페이지 타이틀 */
.title-box {padding:30px 0 30px 0; margin-bottom:30px;}
.title-box h3 {font-size:24px; line-height:32px; padding-bottom:5px;}
.title-box p {font-size:12px !important;}
/* 회사소개 */
.company .tit {font-size:18px; line-height:26px;word-break: break-all;}
.company nav{ word-break: break-all;}
.company .img {padding-bottom:25px;}
/* CEO 인사말 */
.ceo .tit-sm {padding:10px 0;}
.img-left {width:100%; padding-right:0px;}
.img-right {width:100%; padding-top:10px; padding-left:0px;}
.ceo-txt {float:left; width:100%;}
.ceo_sign {display:block; padding-top:30px; font-size:92%; color:#888;}
.ceo_sign img {padding-left:10px;}
/* 오시는 길 */
.address li {padding:15px;}
.address li .tit {width:100%; display:inline-block; background:#FFF; padding:0; padding-bottom:5px;}
.address li .tit i {margin-right:7px;}
.address li .txt {width:100%; display:inline-block; padding:0;}
/* 사업분야 */
.business .box-wrap li {width:100%; margin:0% !important; padding-bottom:30px;}
/* 사업분야2 */
.list-img-2 li {width:100%; margin-right:0%;}
.list-img-2 li:last-child {margin-bottom:0%;}
/* 사업분야3 */
.list-img li {width:100%; margin-right:0%;}
.list-img li:last-child {margin-bottom:0%;}
/* 업무영역 */
.work dl {width:100%; padding-top:20px;}
.work dt {color:#000; font-weight:500; font-size:110%;}
.work dd {padding-bottom:30px;}
.work dd:last-child {padding-bottom:0;}
/* 인증서 */
.txt-box{width:70%}
.certificate li {width:100%; margin:0% !important; padding-bottom:30px;}
/* 주요현황 */
.company-info {padding:50px 20px;}
/* 주요현황 박스디자인 */
.list-box5 li {width:100%; margin-bottom:5px;}
.list-box5 li:nth-child(3n+3) {margin-right:0;}
/*제품소개*/
.submenu ul{display:block;}
ul.menu > li{width:25%}
ul.menu .sub{}


/*원형산기장치*/
.product1-main{height: 340px;; padding-bottom:240px;}
.product1-main h1{font-size:22px;}
.product1-point{height:450px;}
.tg th{padding:0 0;}
.tg td{font-size:13px; padding:10px 10px;}
.product2_certificate li{width:100%}

.product2-main{ padding-bottom:240px;}
.product2-main h1{font-size:22px;}
.product2-point{height:450px;}
.tg th{padding:0 0;}
.tg td{font-size:13px; padding:10px 10px;}
.product2_certificate li{width:100%}

.product3-main{height: 340px;; padding-bottom:240px;}
.product3-main h1{font-size:22px;}
.product3-point{height:450px;}
.tg th{padding:0 0;}
.tg td{font-size:13px; padding:10px 10px;}
.product2_certificate li{width:100%}

.product4-main{height: 340px;; padding-bottom:240px;}
.product4-main h1{font-size:22px;}
.product4-point{height:450px;}
.tg th{padding:0 0;}
.tg td{font-size:13px; padding:10px 10px;}
.product2_certificate li{width:100%}



/*봉형산기관*/
.product1-2main{height:340px;}
.product2main h1{font-size:26px; margin-bottom:0px;}
.product1-explan{margin-top:0px; width:100%}
.sul_menu ul{width:50%;}

/*관로형소독장치*/
.product2-2main .text-section{width:94%}
.product2-2main h1{font-size:27px; line-height:34px;}
.product2-2main .depth{font-size:14px;}
/*오존발생장치*/
.product3main h1{font-size:28px;}
.product3main .depth{font-size:14px;}
.product3-txt{padding-left:48px;}

/*차염발생장치*/
.product4-explan{width:100%;}

}

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

/*제품소개*/
.sul_menu ul{width:65%}
.submenu li a{padding:17px 0px;}
ul.menu .sub > li{width:85px;}

/*원형산기관*/
.text-section{width:100%}
.product1-word .element{width:21%;}
.product1-main .depth{display:none}
.product1-word h1{font-size:20px;}
.product1-word span{font-size:14px;}
.product1-explan{width:100%;margin-top:0px;}
.point-inner h2{font-size:19px;}

.text-section{width:100%}
.product2-word .element{width:21%;}
.product2-main .depth{display:none}
.product2-word h1{font-size:20px;}
.product2-word span{font-size:14px;}
.product2-explan{width:100%;margin-top:0px;}
.point-inner h2{font-size:19px;}
.point-inner p{line-height:28px;}

.text-section{width:100%}
.product3-word .element{width:21%;}
.product3-main .depth{display:none}
.product3-word h1{font-size:20px;}
.product3-word span{font-size:14px;}
.product3-explan{width:100%;margin-top:0px;}
.point-inner h2{font-size:19px;}
.point-inner p{line-height:28px;}

.text-section{width:100%}
.product4-word .element{width:21%;}
.product4-main .depth{display:none}
.product4-word h1{font-size:20px;}
.product4-word span{font-size:14px;}
.product4-explan{width:100%;margin-top:0px;}
.point-inner h2{font-size:19px;}
.point-inner p{line-height:28px;}


/*봉형산기관*/
.product1-2main h1{font-size:22px;}
.product1-2main .depth{font-size:14px;}


}