@charset "utf-8";

/* 메인 롤링 이미지 */
#mainSlider {position:relative; margin-top:80px; overflow:hidden}
#mainSlider ul.imgList {position:relative; width:1000%;}
#mainSlider ul.imgList li {position:relative; float:left; height:550px; overflow:hidden; background-size:cover !important;min-width:100vw;}
#mainSlider ul.imgList li.img1 {background:url(../../img/main_visual1.jpg) center no-repeat}
#mainSlider ul.imgList li.img2 {background:url(../../img/main_visual2.jpg) center no-repeat}
#mainSlider ul.imgList li.img3 {background:url(../../img/main_visual3.jpg) center no-repeat}
#mainSlider ul.imgList li img {position:absolute; display:block; top:0; left:0; width:100%; height:100%}
#mainSlider ul.imgList li .caption {position:relative; top:20%; max-width:1400px; margin:0 auto; padding:0 50px; z-index:20}
#mainSlider ul.imgList li .caption h2 {font-size:56px; font-weight:600; color:#000; line-height:1.1; max-width:75%}
#mainSlider ul.imgList li .caption h2:after {display:block; width:60px; height:3px; content:''; margin:30px 0; background:#000}
#mainSlider ul.imgList li .caption p {font-size:15px; color:#000; max-width:75%}
#mainSlider ul.imgList li .caption a.btn {position:relative; display:inline-block; margin-top:60px; padding:10px 35px; font-size:15px; font-weight:600; color:#000; border:2px solid #000}
#mainSlider ul.imgList li .caption a.btn span {position:relative; transition:all .3s ease; z-index:10}
#mainSlider ul.imgList li .caption a.btn:before {position:absolute; top:0; left:0; width:100%; height:0; content:''; background:#000; transition:all .3s ease}
#mainSlider ul.imgList li .caption a.btn:hover:before {height:100%}
#mainSlider ul.imgList li .caption a.btn:hover span {color:#fff}
#mainSlider ul.imgList li .caption.white h2 {color:#fff !important}
#mainSlider ul.imgList li .caption.white h2:after {background:#fff !important}
#mainSlider ul.imgList li .caption.white p {color:#fff !important}
#mainSlider ul.imgList li .caption.white a.btn {color:#000; border:2px solid #000}
#mainSlider ul.imgList li .caption.white a.btn:before {color:#fff; background-color:#333; }
#mainSlider ul.imgList li .caption.white a.btn:hover span {color:#fff}
#mainSlider ul.pagination {position:absolute; bottom:30px; left:0; width:100%; text-align:center; z-index:50}
#mainSlider ul.pagination li {display:inline-block; width:16px; height:16px; margin:0 3px; border:2px solid #000; border-radius:50%; transition:all .3s ease; cursor:pointer}
#mainSlider ul.pagination li.active {background:#000}
#mainSlider a.control {position:absolute; top:50%; margin-top:-29px; z-index:50}
#mainSlider a.control.prev {left:50px}
#mainSlider a.control.next {right:50px}

/* 메인 섹션 */
#container .mainSection {position:relative; padding:60px 0}
#container .mainSection .inner {position:relative; max-width:1400px; margin:0 auto; padding:0 50px}
#container .mainSection .inner:after {clear:both; display:block; content:''}
#container .mainSection .inner .title {text-align:center; margin-bottom:30px}
#container .mainSection .inner .title h2 {font-size:36px; font-weight:300; color:#555; line-height:1}
#container .mainSection .inner .title h2:after {display:block; width:40px; height:1px; content:''; margin:20px auto 40px auto; background:#999}
/* our team */
.mainSection.section1 ul.team_list {text-align:justify}
.mainSection.section1 ul.team_list:after {display:inline-block; width:100%; content:''}
.mainSection.section1 ul.team_list > li {display:inline-block; width:23%; vertical-align:top}
/* 2022.12.26 .mainSection.section1 ul.team_list > li .imgArea {margin-bottom:30px; height:200px; overflow:hidden} */
.mainSection.section1 ul.team_list > li .imgArea {overflow:hidden}
.mainSection.section1 ul.team_list > li .imgArea img {display:block; width:100%}
.mainSection.section1 ul.team_list > li .info h3 {font-size:18px; font-weight:600; color:#555; line-height:2}
.mainSection.section1 ul.team_list > li .info span {font-size:12px; color:#999}
.mainSection.section1 ul.team_list > li .info ul {margin-top:25px}
.mainSection.section1 ul.team_list > li .info ul li {color:#888}
.mainSection.section1 ul.team_list > li .info ul li:before {display:inline-block; width:3px; height:3px; content:''; margin-right:5px; background:#ccc; vertical-align:middle}
/* 솔루션 섹션 */
.mainSection.section2 {background:url(../../img/mainbanner_bg.jpg) center top no-repeat; background-size:cover}
.mainSection.section2 .inner {max-width:720px; margin:0 auto; text-align:center}
.mainSection.section2 .inner h2 {font-size:30px; font-weight:300; color:#444; line-height:1.3; margin-bottom:20px}
.mainSection.section2 .inner span {display:inline-block; color:#fff; line-height:1; padding:15px 40px; border-radius:2px; background:#333; transition:all .3s ease}
.mainSection.section2 .inner:hover span {color:#333; background:#fff}

/* portfolio */
.mainSection.section3 {background:#f4f4f4}
#photoSlide {position:relative}
#photoSlide .slide_wrap {position:relative; padding-bottom:15px; overflow:hidden}
#photoSlide .slide_wrap > div {position:relative; width:1000%}
#photoSlide .slide_wrap > div:after {clear:both; display:block; content:''}
#photoSlide .slide_wrap > div > table {float:left; width:285px; margin-right:20px; background:#fff; box-shadow:0 1px 2px 0 rgba(0,0,0,0.12); transition:all .4s ease}
/* #photoSlide .slide_wrap > div > table .board_output_gallery_img img {display:block; width:100%; height:auto} */
/* 2022.12.14 #photoSlide .slide_wrap > div > table .board_output_gallery_img img {display:block; width:300px; height:200px;} 
#photoSlide .slide_wrap > div > table .board_output_gallery_img {height:250px; overflow:hidden}
*/
#photoSlide .slide_wrap > div > table .board_output_gallery_img {overflow:hidden}
#photoSlide .slide_wrap > div > table .board_output_gallery_img img {display:block; width:90%; height:80%; padding: 25px 0 10px 0; margin-left: auto; margin-right: auto;}
#photoSlide .slide_wrap > div > table .board_output_gallery_img a {display:block; overflow:hidden}
#photoSlide .slide_wrap > div > table td br {display:none !important}
/* 2022.12.14 #photoSlide .slide_wrap > div > table .board_output_gallery_subject {display:block; padding:15px 20px; font-size:15px; font-weight:400; color:#444; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; transition:all .4s ease} */
#photoSlide .slide_wrap > div > table .board_output_gallery_subject {display:block; margin-left: auto; margin-right: auto; font-size:15px; font-weight:400; color:#444; text-align:left; height: 60px; width: 90%;cursor:pointer; transition:all .4s ease}
#photoSlide .slide_wrap > div > table .board_output_gallery_subject a {font-size:15px; font-weight:bold; color:#444; transition:all .4s ease}
#photoSlide .slide_wrap > div > table:hover {margin-top:-15px}
#photoSlide .slide_wrap > div > table:hover .board_output_gallery_subject {color:#fff; background:#000}
#photoSlide .slide_wrap > div > table:hover .board_output_gallery_subject a {color:#fff}
#photoSlide .control {position:absolute; display:none; top:50%; margin-top:-18px}
/* 2022.12.14 #photoSlide .prev {left:30px}
#photoSlide .next {right:30px} */
#photoSlide .prev {left:15px}
#photoSlide .next {right:15px}

/* 최근게시물 추출 및 고객센터 영역 */
.mainSection.section4 .inner .latestBox {float:left; width:35%; margin-right:3%}
.mainSection.section4 .inner > div .tit {text-align:left; margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #eee; overflow:hidden}
.mainSection.section4 .inner > div .tit h3 {float:left; font-size:16px; color:#444; line-height:1}
.mainSection.section4 .inner > div .tit a.more {float:right; font-size:12px; color:#888}
.mainSection.section4 .inner > .latestBox > table.board_output tr td {text-align:left}
.mainSection.section4 .inner > .latestBox > table.board_output tr td:last-child {text-align:right !important}
.mainSection.section4 .inner > .latestBox > table.board_output td {color:#ccc; line-height:2; overflow:hidden}
.mainSection.section4 .inner > .latestBox > table.board_output td a {color:#666}
.mainSection.section4 .inner .customerBox {margin-left:78%}
.mainSection.section4 .inner .customerBox .info h4 {font-size:28px; color:#444; line-height:1.2; margin-bottom:10px}
.mainSection.section4 .inner .customerBox .info h4 a {font-size:28px !important; color:#444}
.mainSection.section4 .inner .customerBox .info p {color:#777; margin-bottom:20px}
.mainSection.section4 .inner .customerBox .info p span {font-weight:600}
.mainSection.section4 .inner .customerBox .info a.btnContact {display:block; width:100%; height:50px; font-size:inherit; color:#fff; text-align:center; line-height:46px; border:2px solid #000; background:#000; transition:all .3s ease}
.mainSection.section4 .inner .customerBox .info a.btnContact:hover {color:#000; background:#fff}
.mainSection.section4 .inner .latestBox.customer_center {float:left; width:20%; margin-right:3%} /* 2025.03.20 추가 */




/* QuickMenu */
#all_product {position:fixed; bottom:30px; left:50px; z-index:10000}
#all_product > span {display:block; width:50px; height:50px; padding:15px; font-size:14px; background:#21bbb1 url(./../../img/wr_plus.png) center top no-repeat; color:#fff; border-radius:25px; transition:all 0.3s ease}
#all_product > span:hover {background-image:none; height:450px; background-color:#21bbb1; width:200px;border-radius:15px;}
#all_product > span:hover p {display:block; opacity:1; transition-delay:0.31s; }
#all_product > span > p {opacity:0;  font-weight:500; color:#fff; text-align:center; line-height:30px}
#all_product > span > p:hover {text-decoration:underline; }


/* 2024.07.24 PC에서는 CLOSE 버튼 안 보이게 처리 */
.wrap .Srch_box .input_item #btn_search_close { top: 10px; position: fixed; padding-left: 10px; font-size: 20px; height: 40px; line-height: 40px; display: none; }





/*모바일 : -479px*/
@media all and (max-width:479px){
	#mainSlider ul.imgList li {height:220px}
    #mainSlider ul.imgList li img {width:auto !important}
    #mainSlider ul.imgList li .caption {top:27%; padding:0 30px}
    #mainSlider ul.imgList li .caption h2 {font-size:24px; max-width:100%}
    #mainSlider ul.imgList li .caption h2:after {margin:15px 0; width:40px; height:1px}
    #mainSlider ul.imgList li .caption p {font-size:10px; max-width:100%}
    #mainSlider ul.imgList li .caption a.btn {display:none}
    #container .mainSection .inner {padding:0 30px}
    #container .mainSection .inner .title h2 {font-size:24px; font-weight:500}
    #photoSlide .slide_wrap ul li .caption {padding:10px 15px}
    .mainSection.section1 ul.team_list > li {width:100% !important; text-align:center; margin-bottom:30px}
    /* 2022.12.14 .mainSection.section1 ul.team_list > li .imgArea {width:128px; height:100px; margin:0 auto 0px auto} */
    .mainSection.section1 ul.team_list > li .imgArea {width:100%; height:100%; margin:0 auto 0px auto}
    .mainSection.section4 .inner .latestBox {width:100%; margin:0 0 40px 0}
    .mainSection.section1 ul.team_list > li .info ul {margin-top:15px}
    .mainSection.section4 .inner .latestBox.customer_center {float:left; width:100%; margin-right:3%} /* 2025.03.20 추가 */

    /* 2022.12.14 */
    #mainSlider ul.pagination li {display:inline-block; width:8px; height:8px; margin:0 3px; border:2px solid #000; border-radius:50%; transition:all .3s ease; cursor:pointer}
    #mainSlider ul.pagination {position:absolute; bottom:0px; left:0; width:100%; text-align:center; z-index:50}

    /**
    * 2022.12.29
    */
    .mainSection.section1 ul.team_list .info {
        padding-top: 5px;
    }

    /* 모바일에서 메인화면에 원큐패스 인기강의, 원큐패스 신규강의 여백 제거 */
    #container .mainSection {position:relative; padding:10px 0}
    #container .mainSection .inner .title {text-align:center; margin-bottom:30px; top: 20px !important;}

    /* 2024.07.16 */
    .mainSection.section1 ul.team_list > li .info { width: 100%; }
    .mainSection.section1 ul.team_list > li {width:48% !important; text-align:center; margin-bottom:30px}

    .mainSection.section1 ul.team_list > li .imgArea {
       width: 100% !important;
       height: auto !important;
    }

    .mainSection.section4 .inner .customerBox {margin-left:unset}
    .mainSection.section2 .inner h2 {font-size:13px; font-weight:400; margin-bottom:15px}

    /* 2024.07.18 메인 인기강의 영역 과정명 폰트 설정 */
    .mainSection.section1 ul.team_list > li .info h3 {font-size:13px; font-weight:600; color:#555; line-height:1.5;}

    /* 2024.07.24 모바일에서는 CLOSE 버튼 보이게 처리 */
    .wrap .Srch_box .input_item #btn_search_close { display: unset !important; }
    .btn_search #btn_search_icon { display: none; }
}


/*모바일 가로 & 태블릿 세로 : 480px-767px*/
@media all and (min-width:480px) and (max-width:767px){
	#mainSlider ul.imgList li {height:220px}
    #mainSlider ul.imgList li img {width:auto !important}
    #mainSlider ul.imgList li .caption {top:27%; padding:0 30px}
    #mainSlider ul.imgList li .caption h2 {font-size:24px; max-width:100%}
    #mainSlider ul.imgList li .caption h2:after {margin:15px 0; width:40px; height:1px}
    #mainSlider ul.imgList li .caption p {font-size:10px; max-width:100%}
    #mainSlider ul.imgList li .caption a.btn {display:none}
    #container .mainSection .inner {padding:0 30px}
    #container .mainSection .inner .title h2 {font-size:24px; font-weight:500}
    #photoSlide .slide_wrap ul li .caption {padding:10px 15px}
    .mainSection.section1 ul.team_list > li {width:100% !important; text-align:center; margin-bottom:30px}
    /* 2022.12.14 .mainSection.section1 ul.team_list > li .imgArea {width:128px; height:100px; margin:0 auto 0px auto} */
    .mainSection.section1 ul.team_list > li .imgArea {width:100%; height:100%; margin:0 auto 0px auto}
    .mainSection.section4 .inner .latestBox {width:100%; margin:0 0 40px 0}
    .mainSection.section1 ul.team_list > li .info ul {margin-top:15px}
    .mainSection.section4 .inner .latestBox.customer_center {float:left; width:100%; margin-right:3%} /* 2025.03.20 추가 */

    /* 2022.12.14 */
    #mainSlider ul.pagination li {display:inline-block; width:8px; height:8px; margin:0 3px; border:2px solid #000; border-radius:50%; transition:all .3s ease; cursor:pointer}
    #mainSlider ul.pagination {position:absolute; bottom:0px; left:0; width:100%; text-align:center; z-index:50}

    /**
    * 2022.12.29
    */
    .mainSection.section1 ul.team_list .info {
        padding-top: 5px;
    }

    /* 모바일에서 메인화면에 원큐패스 인기강의, 원큐패스 신규강의 여백 제거 */
    #container .mainSection {position:relative; padding:10px 0}
    #container .mainSection .inner .title {text-align:center; margin-bottom:30px; top: 20px !important;}

    /**
     * 2024.07.16
     */
     .mainSection.section1 ul.team_list > li .info { width: 100%; }
     .mainSection.section1 ul.team_list > li {width:48% !important; text-align:center; margin-bottom:30px}

     .mainSection.section1 ul.team_list > li .imgArea {
        width: 100% !important;
        height: auto !important;
     }

     .mainSection.section4 .inner .customerBox {margin-left:unset}
     .mainSection.section2 .inner h2 {font-size:13px; font-weight:400; margin-bottom:15px}

     /* 2024.07.18 메인 인기강의 영역 과정명 폰트 설정 */
    .mainSection.section1 ul.team_list > li .info h3 {font-size:13px; font-weight:600; color:#555; line-height:1.5;}

    #photoSlide .slide_wrap > div > table {float:left; width:285px !important; margin-right:20px !important; background:#fff; box-shadow:0 1px 2px 0 rgba(0,0,0,0.12); transition:all .4s ease}

    /* 2024.07.24 모바일에서는 CLOSE 버튼 보이게 처리 */
    .wrap .Srch_box .input_item #btn_search_close { display: unset !important; }
    .btn_search #btn_search_icon { display: none; }
}

/*태블릿 가로 : 769px-1023px*/
@media all and (min-width:768px) and (max-width:1023px){
    #mainSlider ul.imgList li {height:350px}
	#mainSlider ul.imgList li .caption {top:23%; padding:0 30px}
    #mainSlider ul.imgList li .caption a.btn {display:none}
    #mainSlider ul.imgList li .caption h2 {font-size:30px; max-width:100%}
    #mainSlider ul.imgList li .caption h2:after {margin:15px 0; width:40px; height:1px}
    #mainSlider ul.imgList li .caption p {font-size:17px; max-width:100%}
    .mainSection.section2 .inner h2 {font-size:13px; font-weight:400; margin-bottom:15px}
    .mainSection.section2 .inner h2 br {display:none}
    .mainSection.section2 .inner span {font-size:11px; font-weight:500; padding:8px 12px}
 
    .mainSection.section1 ul.team_list > li {width:100% !important; text-align:center; margin-bottom:30px}
    
    
    /* 2022.12.14 */
    #mainSlider ul.pagination li {display:inline-block; width:8px; height:8px; margin:0 3px; border:2px solid #000; border-radius:50%; transition:all .3s ease; cursor:pointer}
    #mainSlider ul.pagination {position:absolute; bottom:0px; left:0; width:100%; text-align:center; z-index:50}

    /**
    * 2022.12.29
    */
    .mainSection.section1 ul.team_list .info {
        padding-top: 5px;
    }

    /* 모바일에서 메인화면에 원큐패스 인기강의, 원큐패스 신규강의 여백 제거 */
    #container .mainSection {position:relative; padding:10px 0}
    #container .mainSection .inner .title {text-align:center; margin-bottom:30px; top: 20px !important;}

    /**
     * 2024.07.16
     */
     .mainSection.section1 ul.team_list > li .info { width: 100%; }
     .mainSection.section1 ul.team_list > li {width:48% !important; text-align:center; margin-bottom:30px}

     .mainSection.section1 ul.team_list > li .imgArea {
        width: 100% !important;
        height: auto !important;
     }

     .mainSection.section4 .inner .customerBox {clear:both; margin-left:0}

     .mainSection.section4 .inner .latestBox {
        width: 100%;
        padding-top: 20px;
     }

     .mainSection.section4 .inner .customerBox {
        width: 100%;
        padding-top: 20px;
     }

     /* 2024.07.18 메인 인기강의 영역 과정명 폰트 설정 */
    .mainSection.section1 ul.team_list > li .info h3 {font-size:13px; font-weight:600; color:#555; line-height:1.5;}

    #photoSlide .slide_wrap > div > table {float:left; width:285px !important; margin-right:20px !important; background:#fff; box-shadow:0 1px 2px 0 rgba(0,0,0,0.12); transition:all .4s ease}

    /* 2024.07.24 모바일에서는 CLOSE 버튼 보이게 처리 */
    .wrap .Srch_box .input_item #btn_search_close { display: unset !important; }
    .btn_search #btn_search_icon { display: none; }
}



/*노트북 & 태블릿 가로 : 1024px-1279px*/
@media all and (min-width:1024px) and (max-width:1279px){
	#mainSlider ul.imgList li {height:350px}
    #mainSlider ul.imgList li .caption {top:12%}
    #mainSlider ul.imgList li .caption h2 {font-size:38px}
    #mainSlider ul.imgList li .caption p {font-size:13px}
    #mainSlider ul.imgList li .caption a.btn {font-size:13px; margin-top:40px}
    #mainSlider a.control {display:none}
    #photoSlide .slide_wrap > div > table .board_output_gallery_subject a {font-size:16px; font-weight: bold;}
    .mainSection.section1 ul.team_list > li {width:48%; margin-bottom:50px}
    .mainSection.section4 .inner .latestBox {width:48%;}
    .mainSection.section4 .inner .latestBox:first-child {margin-left:0}
    .mainSection.section4 .inner .customerBox {clear:both; margin-left:0}
    .mainSection.section4 .inner > .latestBox > table.board_output td {font-size:12px !important}
    .mainSection.section4 .inner > .latestBox > table.board_output td a {font-size:12px !important}
   
    /**
    * 2022.12.29
    */
    .mainSection.section1 ul.team_list .info {
        padding-top: 20px;
    }

    /**
     * 2024.07.16
     */
     .mainSection.section1 ul.team_list > li .info { width: 100%; }
     .mainSection.section1 ul.team_list > li {width:48% !important; text-align:center; margin-bottom:30px}

     .mainSection.section1 ul.team_list > li .imgArea {
        width: 100% !important;
        height: auto !important;
     }

     .mainSection.section4 .inner .latestBox {
        width: 100%;
        padding-top: 20px;
     }

     .mainSection.section4 .inner .customerBox {
        width: 100%;
        padding-top: 20px;
     }

     #photoSlide .slide_wrap > div > table {float:left; width:285px !important; margin-right:20px !important; background:#fff; box-shadow:0 1px 2px 0 rgba(0,0,0,0.12); transition:all .4s ease}

     /* 2024.07.24 PC에서 CLOSE 버튼 안 보이게 처리 */
     .wrap .Srch_box .input_item #btn_search_close { top: 10px; position: fixed; padding-left: 10px; font-size: 20px; height: 40px; line-height: 40px; display: none; }
}






/* @media screen and (max-width:480px) {
    #all_product {position:fixed; bottom:30px; left:30px}

    .mainSection.section1 ul.team_list > li {width:100% !important; text-align:center; margin-bottom:30px}
    
    / **
    * 2022.12.29
    * /
    .mainSection.section1 ul.team_list .info {
        padding-top: 5px;
    }

    / * 모바일에서 메인화면에 원큐패스 인기강의, 원큐패스 신규강의 여백 제거 * /
    #container .mainSection {position:relative; padding:10px 0}
    #container .mainSection .inner .title {text-align:center; margin-bottom:30px; top: 20px !important;}
}

@media screen and (max-width:640px) {
    #mainSlider ul.imgList li {height:220px}
    #mainSlider ul.imgList li img {width:auto !important}
    #mainSlider ul.imgList li .caption {top:27%; padding:0 30px}
    #mainSlider ul.imgList li .caption h2 {font-size:24px; max-width:100%}
    #mainSlider ul.imgList li .caption h2:after {margin:15px 0; width:40px; height:1px}
    #mainSlider ul.imgList li .caption p {font-size:10px; max-width:100%}
    #mainSlider ul.imgList li .caption a.btn {display:none}
    #container .mainSection .inner {padding:0 30px}
    #container .mainSection .inner .title h2 {font-size:24px; font-weight:500}
    #photoSlide .slide_wrap ul li .caption {padding:10px 15px}
    .mainSection.section1 ul.team_list > li {width:100% !important; text-align:center; margin-bottom:30px}
    / * 2022.12.14 .mainSection.section1 ul.team_list > li .imgArea {width:128px; height:100px; margin:0 auto 0px auto} * /
    .mainSection.section1 ul.team_list > li .imgArea {width:100%; height:100%; margin:0 auto 0px auto}
    .mainSection.section4 .inner .latestBox {width:100%; margin:0 0 40px 0}
    .mainSection.section1 ul.team_list > li .info ul {margin-top:15px}

    / * 2022.12.14 * /
    #mainSlider ul.pagination li {display:inline-block; width:8px; height:8px; margin:0 3px; border:2px solid #000; border-radius:50%; transition:all .3s ease; cursor:pointer}
    #mainSlider ul.pagination {position:absolute; bottom:0px; left:0; width:100%; text-align:center; z-index:50}

    / **
    * 2022.12.29
    * /
    .mainSection.section1 ul.team_list .info {
        padding-top: 5px;
    }

    / * 모바일에서 메인화면에 원큐패스 인기강의, 원큐패스 신규강의 여백 제거 * /
    #container .mainSection {position:relative; padding:10px 0}
    #container .mainSection .inner .title {text-align:center; margin-bottom:30px; top: 20px !important;}
}

@media screen and (max-width:768px) {
    #mainSlider ul.imgList li .caption {top:23%; padding:0 30px}
    #mainSlider ul.imgList li .caption a.btn {display:none}
    #mainSlider ul.imgList li .caption h2 {font-size:30px; max-width:100%}
    #mainSlider ul.imgList li .caption h2:after {margin:15px 0; width:40px; height:1px}
    #mainSlider ul.imgList li .caption p {font-size:17px; max-width:100%}
    .mainSection.section2 .inner h2 {font-size:13px; font-weight:400; margin-bottom:15px}
    .mainSection.section2 .inner h2 br {display:none}
    .mainSection.section2 .inner span {font-size:11px; font-weight:500; padding:8px 12px}
 
    .mainSection.section1 ul.team_list > li {width:100% !important; text-align:center; margin-bottom:30px}
    
    / * 2022.12.14 * /
    #mainSlider ul.pagination li {display:inline-block; width:8px; height:8px; margin:0 3px; border:2px solid #000; border-radius:50%; transition:all .3s ease; cursor:pointer}
    #mainSlider ul.pagination {position:absolute; bottom:0px; left:0; width:100%; text-align:center; z-index:50}

    / **
    * 2022.12.29
    * /
    .mainSection.section1 ul.team_list .info {
        padding-top: 5px;
    }

    / * 모바일에서 메인화면에 원큐패스 인기강의, 원큐패스 신규강의 여백 제거 * /
    #container .mainSection {position:relative; padding:10px 0}
    #container .mainSection .inner .title {text-align:center; margin-bottom:30px; top: 20px !important;}
}

/ * 미디어 쿼리 * /
@media screen and (max-width:1024px) {
    #mainSlider ul.imgList li {height:350px}
    #mainSlider ul.imgList li .caption {top:12%}
    #mainSlider ul.imgList li .caption h2 {font-size:38px}
    #mainSlider ul.imgList li .caption p {font-size:13px}
    #mainSlider ul.imgList li .caption a.btn {font-size:13px; margin-top:40px}
    #mainSlider a.control {display:none}
    #photoSlide .slide_wrap > div > table .board_output_gallery_subject a {font-size:16px; font-weight: bold;}
    .mainSection.section1 ul.team_list > li {width:48%; margin-bottom:50px}
    .mainSection.section4 .inner .latestBox {width:48%; margin:0 0 40px 4%}
    .mainSection.section4 .inner .latestBox:first-child {margin-left:0}
    .mainSection.section4 .inner .customerBox {clear:both; margin-left:0}
    .mainSection.section4 .inner > .latestBox > table.board_output td {font-size:12px !important}
    .mainSection.section4 .inner > .latestBox > table.board_output td a {font-size:12px !important}
   
       / **
       * 2022.12.29
       * /
       .mainSection.section1 ul.team_list .info {
           padding-top: 20px;
       }
   }
    */