@charset "utf-8";

/* 메인쪽 메뉴 */
/*.main #header .gnb_bg.on {top:130px;}
.main #header #allMenu {top:40%;}
.main #header #nav ul.depth01 {padding:29px 0 0;overflow:hidden;}
.main #header #nav ul.depth01 > li a{margin-bottom:29px;}*/

/* btn - 공용 */
.btnArea02 {position:absolute;font-size:0px;}
.btnArea02 button {text-indent:-9999px;border:1px solid #9fa0a0;margin-left:-1px;box-sizing:border-box;position:relative;}
.mBtnArea button.btnMore {border:1px solid #fff;box-sizing:border-box;width:100%;height:44px;background:url(../imgs/common/mBtnMore.png) no-repeat 56% 50%;padding-right:8%;font-size:15px;color:#fff;font-family:'NanumSquareL';margin-top:30px;}

/* mainVisual*/
#mainCon .mainVisual {position:relative;}
#mainCon .mainVisual .btnArea01 {position:absolute;left:50%;margin-left:-92px;width:184px;overflow:hidden;}
#mainCon .mainVisual .btnArea01 .ctrl {float:left;width:110px;height:40px;line-height:40px;background:#000;opacity:0.5;padding:0 10px;border-radius:20px;}
#mainCon .mainVisual .btnArea01 .ctrl .num {float:left;height:40px;color:#fff;font-size:17px;margin:0 5px 0 10px;}
#mainCon .mainVisual .btnArea01 .ctrl button {float:left;width:31px;height:40px;text-indent:-9999px;}
#mainCon .mainVisual .btnArea01 .ctrl button.btnPrev {background:url(../imgs/common/btnArrPrev.gif) no-repeat 50% 50%;}
#mainCon .mainVisual .btnArea01 .ctrl button.btnNext {position:relative;background:url(../imgs/common/btnArrNext.gif) no-repeat 50% 50%;}
#mainCon .mainVisual .btnArea01 .ctrl button.btnNext:after {position:absolute;left:0;top:50%;margin-top:-8px;content: '';background:#fff;width:1px;height:16px;}
#mainCon .mainVisual .btnArea01 button.btnStop {float:left;margin-left:13px;right:15px;background:url(../imgs/common/btnArrStop.gif) no-repeat 50% 50% #000;opacity:0.5;width:40px;height:40px;border-radius:100%;text-indent:-9999px;}

#mainCon .mainVisual ul>li.vImg01 {background-size:cover!important;}
#mainCon .mainVisual ul>li.vImg01 .inner {padding:135px 0;}
#mainCon .mainVisual .vImg01 h2 {padding-top:0px;}
#mainCon .mainVisual .vImg01 h2 img {display:inline;}
#mainCon .mainVisual .vImg01 p.neonP {color:#2f2140;font-family:'NanumSquareEB';}
#mainCon .mainVisual .vImg01 p {font-size:18px;color:#fff;font-family:'NanumSquareL';padding-bottom:0px;text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.5);}

/* icoArea */
#mainCon .icoArea ul {display:table;width:100%;text-align:center;}
#mainCon .icoArea ul li.ico01 {background:url(../imgs/main/ico01.png) no-repeat 50% 40%;}
#mainCon .icoArea ul li.ico02 {background:url(../imgs/main/ico02.png) no-repeat 50% 40%;}
#mainCon .icoArea ul li.ico03 {background:url(../imgs/main/ico03.png) no-repeat 50% 40%;}
#mainCon .icoArea ul li.ico04 {background:url(../imgs/main/ico04.png) no-repeat 50% 40%;}
#mainCon .icoArea ul li.ico05 {background:url(../imgs/main/ico05.png) no-repeat 50% 40%;}
#mainCon .icoArea ul li.ico06 {background:url(../imgs/main/ico06.png) no-repeat 50% 40%;}
#mainCon .icoArea ul li a {display:block;font-size:16px;padding-top:80px;position:relative;width:120px;margin:0 auto;font-family: 'NanumSquareL';z-index:15;}
#mainCon .icoArea ul li:hover a:after {position:absolute;bottom:0;left:4px;content:'';background:rgba(248, 160, 25, 0.5);height:10px;width:110px;border-radius:5px;z-index:10}

/* productsArea */
#mainCon .productsArea {background:url(../imgs/main/productBg.png) no-repeat;background-size:cover;}
#mainCon .productsArea h2, #mainCon .productsArea a, #mainCon .productsArea p {color:#fff;}
#mainCon .productsArea .btnArea02 button {border:1px solid #fff;}
#mainCon .productsArea .btnArea02 button.btnPrev {background:url(../imgs/common/btnArrLeft.png) no-repeat 50% 50%;}
#mainCon .productsArea .btnArea02 button.btnNext {background:url(../imgs/common/btnArrRight.png) no-repeat 50% 50%;}
#mainCon .productsArea .productsList ul {font-size:0px;overflow:hidden;}
#mainCon .productsArea .productsList ul li {background-color:#0f4e97;display:inline-block;text-align:center;}
#mainCon .productsArea .productsList ul li img {border:1px solid #ddd;box-sizing:border-box;width:100%;height:256px;}
#mainCon .productsArea .productsList ul li div {color:#fff;}

/* noticeArea */
#mainCon .noticeArea h2 {font-family:'Exo2.0-Medium';}
#mainCon .noticeArea .inner {font-size:0px;}
#mainCon .noticeArea .inner > div {vertical-align:top;}

/* noticeArea - newsArea */
#notice, #news {background-color:white;}
#mainCon .noticeArea .newsArea .tabLinks {background-color:#e6e6e6;color:#241a0e;border:1px solid #c2c3c3;cursor:pointer;padding:14px 16px;font-size:22px;box-sizing:border-box;}
#mainCon .noticeArea .newsArea .defaultOpen {border-bottom:none;background-color:#fff;color:#1690d6;}
#mainCon .noticeArea .newsArea .contentsNews:before {content:""; display:block; clear:both;}
#mainCon .noticeArea .newsArea .contentsNews .noticeIco {border-bottom:1px solid #cfcfcf;height:55px;padding: 12px 0 30px 125px;margin-top:20px;}
#mainCon .noticeArea .newsArea .contentsNews .noticeIco a {display:block;text-align:left;}
#mainCon .noticeArea .newsArea .contentsNews .noticeIco a span{display:block;text-align:left;color:#727171;font-family:'NanumSquareL';}
#mainCon .noticeArea .newsArea .contentsNews .mBtnArea button.btnMore {border:none;background:url(../imgs/common/mBtnMoreG.png) no-repeat 56% 50% #e6e6e6;padding-right:10%;font-size:15px;color:#241a0e;margin-top:0px;margin-bottom:28px;}
#mainCon .noticeArea .newsArea .contentsNews ul li {position:relative;padding-bottom:10px;}
#mainCon .noticeArea .newsArea .contentsNews ul li:before {content:'';width:5px;height:5px;background-color:#1690d6;left:0px;position:absolute;}
#mainCon .noticeArea .newsArea .contentsNews ul li a {display:block;text-align:left;}
#mainCon .noticeArea .newsArea .contentsNews ul li a span{color:#727171;position:absolute;right:0;top: 2px;font-family:'NanumSquareL';}

/* noticeArea - popupArea */
#mainCon .noticeArea .popupArea {border:5px solid #168fd6;box-sizing:border-box;text-align:center;}
#mainCon .noticeArea .popupArea .popupTop {position:relative;padding-bottom: 8px;border-bottom:1px solid #cfcfcf;}
#mainCon .noticeArea .popupArea h3 {font-family:'Exo-2.0-SemiBold';text-align:left;}
#mainCon .noticeArea .popupArea h3 span {color:#1690d6;}
#mainCon .noticeArea .popupArea .popupTop p {font-size:18px;padding:0;position:absolute;top:7px;}
#mainCon .noticeArea .popupArea .popupTop p span {color:#f9a119;}
#mainCon .noticeArea .popupArea .popupTop .btnArea02 {top:5px;}
#mainCon .noticeArea .popupArea .popupTop .btnArea02 button {width:31px;height:31px;}
#mainCon .noticeArea .popupArea .popupTop .btnArea02 button.btnPrev {background:url(../imgs/common/btnArrLeftG.png) no-repeat 50% 50%;}
#mainCon .noticeArea .popupArea .popupTop .btnArea02 button.btnNext {background:url(../imgs/common/btnArrRightG.png) no-repeat 50% 50%;}
#mainCon .noticeArea .popupArea .popupTop .btnArea02 button.btnPlay {background:url(../imgs/common/btnPlayG.png) no-repeat 50% 50%;}
#mainCon .noticeArea .popupArea img {/*width: 100%;cursor:pointer;*/}
#mainCon .noticeArea .popupArea img.connectLink {cursor:pointer;}

/* photoGalleryArea */
#mainCon .photoGalleryArea {background:#e6e6e6;display:none;}
#mainCon .photoGalleryArea .btnArea02 button.btnPrev {background:url(../imgs/common/btnArrLeftB.png) no-repeat 50% 50%;}
#mainCon .photoGalleryArea .btnArea02 button.btnNext {background:url(../imgs/common/btnArrRightB.png) no-repeat 50% 50%;}
#mainCon .photoGalleryArea .btnArea02 button.btnMore {background:url(../imgs/common/btnMoreB.png) no-repeat 50% 50%;}
#mainCon .photoGalleryArea .productsList ul {font-size:0px;overflow:hidden;}
#mainCon .photoGalleryArea .productsList ul li {background-color:#fff;display:inline-block;width:278px;height:340px;text-align:center;border:1px solid #ddd;box-shadow: 2px 2px 3px #696969;}
#mainCon .photoGalleryArea .productsList ul li div {padding-top:13px;text-align:center;color:#595757;}
#mainCon .photoGalleryArea .productsList ul li div span {display:block;font-family:'NanumSquareL';font-size:16px;}

/* qnaArea */
#mainCon .qnaArea {height:200px;background:url(../imgs/main/qnaBg.png) no-repeat;background-size:cover;}
#mainCon .qnaArea dt, #mainCon .qnaArea dd, #mainCon .qnaArea a {color:#fff;font-family:'NanumSquare'}
#mainCon .qnaArea .inner {font-size:0px;height:100%;}
#mainCon .qnaArea .leftQna .txt02 {}
#mainCon .qnaArea .leftQna .txt02 span {color:#f8a019;}
#mainCon .qnaArea .rightQna img {vertical-align:baseline;margin-right:22px;}
#mainCon .qnaArea .rightQna .callLogo {display:inline-block;}
#mainCon .qnaArea .rightQna .callLogo .num a {color:#d34c02;font-weight: bolder;font-family: 'NanumSquareEB';}
#mainCon .qnaArea .rightQna .btnQna a {margin-left:80px;width:93px;height:93px;border:2px solid #fff;border-radius:50px;text-align:center;line-height:93px;cursor:pointer;box-sizing:border-box;display:block;}

/* banner */
#mainCon .bannerArea {height:76px;}
#mainCon .bannerArea .btnArea02 {top:20px;left:1px;}
#mainCon .bannerArea .btnArea02 button {width:33px;height:33px;}
#mainCon .bannerArea .btnArea02 button.btnPrev {background:url(../imgs/common/btnArrLeftG.png) no-repeat 50% 50%;}
#mainCon .bannerArea .btnArea02 button.btnNext {background:url(../imgs/common/btnArrRightG.png) no-repeat 50% 50%;}
#mainCon .bannerArea .btnArea02 button.btnPlay {background:url(../imgs/common/btnPlayG.png) no-repeat 50% 50%;}
#mainCon .bannerArea ul {position:absolute;right:40px;top:2px;display:table;height:56px;text-align:center;margin:8px 0px;}
#mainCon .bannerArea ul li {display:table-cell;vertical-align:middle;}
#mainCon .bannerArea ul li a {margin-left:35px;display:block;width:165px;}

/*모바일*/
@media all and (max-width:480px) {

    #mainCon h2 {font-size:25px;padding-top:55px;}
    #mainCon p {font-size:16px;padding-bottom:35px;}
    #mainCon a {font-size:16px;font-family:'NanumSquareL'}

    /* btnArea*/
    .btnArea02 {right:5%;top:50px;}
    .btnArea02 button {width:32px;height:32px;}
    .btnArea02 button.btnMore {display:none;}

    /* mainVisual */
    #mainCon .mainVisual ul>li.vImg01 {background:url(../imgs/main/mainV.png) no-repeat 50% 0;height:252px;}
    #mainCon .mainVisual .btnArea01 {bottom:20px;}

    #mainCon .mainVisual ul>li.vImg01 .inner {padding:3vh 0!important;}
    #mainCon .mainVisual .vImg01 h2 img {width:300px;}
    #mainCon .mainVisual .vImg01 p {font-size:13px!important;}

    /* icoArea */
    #mainCon .icoArea {height:292px;}
    #mainCon .icoArea .inner {padding-top:30px;}
    #mainCon .icoArea ul li {display:inline-block;width:33.33%;}

    /* productsArea */
    #mainCon .productsArea {height:480px;}
    #mainCon .productsArea .btnArea02 button.btnPrev, #mainCon .productsArea .btnArea02 button.btnNext {background-size:30%;}
    #mainCon .productsArea .productsList ul {height:200px;}
    #mainCon .productsArea .productsList ul li {width:48%;height:200px;}
    #mainCon .productsArea .productsList ul li:nth-child(2n-1) {margin-right:4%;}
    #mainCon .productsArea .productsList ul li img {height:150px;}
    #mainCon .productsArea .productsList ul li div {padding-top:9px;}

    /* noticeArea */
    #mainCon .noticeArea {height:970px;}
    #mainCon .noticeArea .inner > div {display:table;}
    #mainCon .noticeArea .newsArea {width:100%;}

    /* noticeArea - newsArea */
    #mainCon .noticeArea .newsArea .contentsNews {border:1px solid #c2c3c3;border-top-color:#fff;border-bottom-color:#000;margin-top:-1px;}
    #mainCon .noticeArea .newsArea .tabLinks {width:50%;height:56px;}
    #mainCon .noticeArea .newsArea .tabLinks.news {border-left:none;}
    #mainCon .noticeArea .newsArea .tabLinks.noArea {display:none;}
    #mainCon .noticeArea .newsArea .tabLinks.more {display:none;}
    #mainCon .noticeArea .newsArea .tabContent {margin:0 18px;}
    #mainCon .noticeArea .newsArea .tabContent .noticeIco {background:url(../imgs/main/notice01.png)no-repeat 10px 0;padding:17px 0 19px 80px;background-size:60px;}
    #mainCon .noticeArea .newsArea .tabContent .noticeIco a span{font-size:12px;}
    #mainCon .noticeArea .newsArea .tabContent ul {margin:20px 10px;}
    #mainCon .noticeArea .newsArea .tabContent ul li:before {top:8px;}
    #mainCon .noticeArea .newsArea .tabContent ul li a {font-size:15px;padding-left:12px;text-overflow:ellipsis;white-space:nowrap;width:175px;overflow:hidden;}
    #mainCon .noticeArea .newsArea .tabContent ul li a span{font-size:11px;}

    /* noticeArea - popupArea */
    #mainCon .noticeArea .popupArea {width:100%;padding:35px;margin-top:30px;display:block;}
    #mainCon .noticeArea .popupArea h3 {font-size:20px;}
    #mainCon .noticeArea .popupArea img {height:200px;margin-top:13px;}
    #mainCon .noticeArea .popupArea .popupTop p {right:40%;}

    /* photoGalleryArea */
    #mainCon .photoGalleryArea {height:480px;}
    #mainCon .photoGalleryArea .btnArea02 button.btnPrev, #mainCon .photoGalleryArea .btnArea02 button.btnNext {background-size:30%;background-color:#fff;}
    #mainCon .photoGalleryArea .btnArea02 button.btnPrev, #mainCon .productsArea .btnArea02 button.btnNext {background-size:30%;}
    #mainCon .photoGalleryArea .productsList ul {height:205px;}
    #mainCon .photoGalleryArea .productsList ul li {width:47%;height:200px;}
    #mainCon .photoGalleryArea .productsList ul li:nth-child(2n-1) {margin-right:4%;margin-bottom:5px;}
    #mainCon .photoGalleryArea .productsList ul li img {width:100%;height:150px;}
    #mainCon .photoGalleryArea .productsList ul li div {padding-top:1px;font-family:'NanumSquareL';height:65px;}
    #mainCon .photoGalleryArea .productsList ul li div span {font-size:13px;}
    #mainCon .photoGalleryArea .mBtnArea button.btnMore {background-color:#1b7eb1;color:#fff;border:none;font-size:13px;}

    /* bannerArea */
    #mainCon .bannerArea {display:none;}

    /* qnaArea */
    #mainCon .qnaArea dt, #mainCon .qnaArea dd, #mainCon .qnaArea a {font-size:12px;font-family:'NanumSquareL'!important;}
    #mainCon .qnaArea .inner {}
    #mainCon .qnaArea .inner > div {display:block;text-align:center;}
    #mainCon .qnaArea .leftQna {padding:28px 0 25px;}
    #mainCon .qnaArea .leftQna .txt02 {font-size:22px;}
    #mainCon .qnaArea .rightQna {padding-bottom:25px;}
    #mainCon .qnaArea .rightQna .callLogo {}
    #mainCon .qnaArea .rightQna .callLogo .num a {font-size:25px;}
    #mainCon .qnaArea .rightQna .callLogo .txt03 {font-size:15px;}
    #mainCon .qnaArea .rightQna .btnQna {display:none;}

}

@media (max-width: 768px) and (min-width: 481px) {

    #mainCon h2 {font-size:25px;padding-top:55px;}
    #mainCon p {font-size:16px;padding-bottom:35px;}
    #mainCon a {font-size:16px;font-family:'NanumSquareL'}

    /* 메인쪽 메뉴 */
    .main #header h1 {margin-left:35%;}

    /* btnArea*/
    .btnArea02 {right:5%;top:50px;}
    .btnArea02 button {width:32px;height:32px;}
    .btnArea02 button.btnMore {display:none;}

    /* mainVisual */
    #mainCon .mainVisual ul>li.vImg01 {background:url(../imgs/main/mainV.png) no-repeat 50% 0;height:450px!important;}
    #mainCon .mainVisual .btnArea01 {bottom:20px;}
    /*#mainCon .mainVisual ul>li.vImg01 .inner {padding:3vh 0!important;}*/
    #mainCon .mainVisual .vImg01 h2 img {width:350px;}
    #mainCon .mainVisual .vImg01 p {font-size:13px!important;}
    /* icoArea */
    #mainCon .icoArea {height:150px!important;}
    #mainCon .icoArea .inner {padding:2vh 0 0!important;}
    #mainCon .icoArea ul li {display:inline-block;width:33.33%;}

    /* productsArea */
    #mainCon .productsArea {height:644px!important;}
    #mainCon .productsArea .btnArea02 button.btnPrev, #mainCon .productsArea .btnArea02 button.btnNext {background-size:30%;}
    #mainCon .productsArea .productsList ul {height:200px;}
    #mainCon .productsArea .productsList ul li {width:30%;height:230px!important;margin-left:5%;}
    #mainCon .productsArea .productsList ul li:nth-child(3n-2) {margin-left:0px;}
    #mainCon .productsArea .productsList ul li img {height:150px;}
    #mainCon .productsArea .productsList ul li div {padding-top:9px;}

    /* noticeArea */
    #mainCon .noticeArea {height:970px;}
    #mainCon .noticeArea .inner > div {display:table;}
    #mainCon .noticeArea .newsArea {width:100%;}

    /* noticeArea - newsArea */
    #mainCon .noticeArea .newsArea .contentsNews {border:1px solid #c2c3c3;border-top-color:#fff;border-bottom-color:#000;margin-top:-1px;}
    #mainCon .noticeArea .newsArea .tabLinks {width:50%;height:56px;}
    #mainCon .noticeArea .newsArea .tabLinks.news {border-left:none;}
    #mainCon .noticeArea .newsArea .tabLinks.noArea {display:none;}
    #mainCon .noticeArea .newsArea .tabLinks.more {display:none;}
    #mainCon .noticeArea .newsArea .tabContent {margin:0 18px;}
    #mainCon .noticeArea .newsArea .tabContent .noticeIco {background:url(../imgs/main/notice01.png)no-repeat 10px 0;padding:10px 0 20px 80px;background-size:55px;}
    #mainCon .noticeArea .newsArea .tabContent .noticeIco a span{font-size:12px;}
    #mainCon .noticeArea .newsArea .tabContent ul {margin:20px 10px;}
    #mainCon .noticeArea .newsArea .tabContent ul li:before {top:8px;}
    #mainCon .noticeArea .newsArea .tabContent ul li a {font-size:15px;padding-left:12px;text-overflow:ellipsis;white-space:nowrap;width:400px;overflow:hidden;}
    #mainCon .noticeArea .newsArea .tabContent ul li a span{font-size:11px;}

    /* noticeArea - popupArea */
    #mainCon .noticeArea .popupArea {width:100%;padding:35px;margin-top:30px;display:block!important;}
    #mainCon .noticeArea .popupArea h3 {font-size:20px;}
    #mainCon .noticeArea .popupArea img {height:200px;margin-top:13px;}
    #mainCon .noticeArea .popupArea .popupTop p {right:40%;}

    /* photoGalleryArea */
    #mainCon .photoGalleryArea {height:480px;}
    #mainCon .photoGalleryArea .btnArea02 button.btnPrev, #mainCon .photoGalleryArea .btnArea02 button.btnNext {background-size:30%;background-color:#fff;}
    #mainCon .photoGalleryArea .btnArea02 button.btnPrev, #mainCon .productsArea .btnArea02 button.btnNext {background-size:30%;}
    #mainCon .photoGalleryArea .productsList ul {height:205px!important;}
    #mainCon .photoGalleryArea .productsList ul li {width:28%!important;height:200px;margin-left:7%;margin-bottom:5px;}
    #mainCon .photoGalleryArea .productsList ul li:nth-child(3n-2) {margin-left:0px;}
    #mainCon .photoGalleryArea .productsList ul li img {width:100%;height:150px;}
    #mainCon .photoGalleryArea .productsList ul li div {padding-top:1px;font-family:'NanumSquareL';height:65px;}
    #mainCon .photoGalleryArea .productsList ul li div span {font-size:13px;}
    #mainCon .photoGalleryArea .mBtnArea button.btnMore {background-color:#1b7eb1;color:#fff;border:none;font-size:13px;}

    /* bannerArea */
    #mainCon .bannerArea {display:none;}

    /* qnaArea */
    #mainCon .qnaArea dt,#mainCon .qnaArea dd, #mainCon .qnaArea a {font-size:12px;font-family:'NanumSquareL';}
    #mainCon .qnaArea .inner {}
    #mainCon .qnaArea .inner > div {display:block;text-align:center;}
    #mainCon .qnaArea .leftQna {padding:28px 0 25px;}
    #mainCon .qnaArea .leftQna .txt02 {font-size:22px;}
    #mainCon .qnaArea .rightQna {padding-bottom:25px;}
    #mainCon .qnaArea .rightQna .callLogo {}
    #mainCon .qnaArea .rightQna .callLogo .num a {font-size:25px;}
    #mainCon .qnaArea .rightQna .callLogo .txt03 {font-size:15px;}
    #mainCon .qnaArea .rightQna .btnQna {display:none;}

}

/*아이패드*/
@media all and (min-width:481px) and (max-width:768px) {


    /* noticeArea */
    #mainCon .noticeArea {height:1150px!important;}
    #mainCon .noticeArea .inner > div {display:table;}
    #mainCon .noticeArea .newsArea,#mainCon .noticeArea .popupArea {width:100%!important;}

    /* noticeArea - newsArea */
    #mainCon .noticeArea .newsArea {border:none!important;}
    #mainCon .noticeArea .newsArea .contentsNews {border:1px solid #c2c3c3;border-top-color:#fff;border-bottom-color:#000;margin-top:-1px;}
    #mainCon .noticeArea .newsArea .tabLinks {width:50%!important;height:56px;}
    #mainCon .noticeArea .newsArea .tabLinks.news {border-left:none;}
    #mainCon .noticeArea .newsArea .tabLinks.noArea {display:none;}
    #mainCon .noticeArea .newsArea .tabLinks.more {display:none;}
    #mainCon .noticeArea .newsArea .tabContent {margin:0 18px;}
    #mainCon .noticeArea .newsArea .tabContent .noticeIco {background:url(../imgs/main/notice01.png)no-repeat 10px 0;padding:17px 0 19px 80px;background-size:60px;}
    #mainCon .noticeArea .newsArea .tabContent .noticeIco a span{font-size:12px;}
    #mainCon .noticeArea .newsArea .tabContent ul {margin:20px 10px;}
    #mainCon .noticeArea .newsArea .tabContent ul li:before {top:8px;}
    #mainCon .noticeArea .newsArea .tabContent ul li a {font-size:15px;padding-left:12px;}
    #mainCon .noticeArea .newsArea .tabContent ul li a span{font-size:11px;}

}

/*아이패드프로*/
@media all and (min-width:769px) and (max-width:1024px) {

    #mainCon .noticeArea .newsArea .tabContent ul li a {font-size:15px;padding-left:12px;text-overflow:ellipsis;white-space:nowrap;width:300px;overflow:hidden;}

}

@media (max-width: 920px) and (min-width: 769px) {

    /* noticeArea - newsArea */
    #mainCon .noticeArea .newsArea {width:400px!important;}
    #mainCon .noticeArea .newsArea .tabLinks {width:162px!important;}
    #mainCon .noticeArea .newsArea .tabLinks.more {width:77px!important;}
    #mainCon .noticeArea .newsArea .tabContent {margin:0 15px!important;font-family:'NanumSquareL'!important;}

    /* noticeArea - popupArea */
    #mainCon .noticeArea .popupArea {width:292px!important; padding:20px 15px!important;}
    #mainCon .noticeArea .popupArea h3 {font-size:20px;}
    #mainCon .noticeArea .popupArea .popupTop p.num {display: none;}
    #mainCon .noticeArea .popupArea img {height:230px!important;}

}

@media (max-width: 1024px) and (min-width: 920px) {

    #mainCon .noticeArea .newsArea .tabLinks {width:185px!important;}
    #mainCon .noticeArea .newsArea .tabLinks.more {width:141px!important;}
    #mainCon .noticeArea .newsArea {width:510px!important;}

}

@media all and (min-width:768px) and (max-width:1200px) {

    #mainCon h2 {font-size:45px;padding-top:114px;}
    #mainCon p {font-size:20px;padding-bottom:70px;}
    #mainCon a {font-size:20px;}

    /* 메인쪽 메뉴 */
    /*.main #header {height:130px;}
    .main #header h1 {position:absolute;left:20px;top:38px;}*/

    /* btnArea*/
    .btnArea02 {right:0;top:175px;}
    .btnArea02 button {width:52px;height:52px;}
    .mBtnArea {display:none;}

    /* mainVisual */
    #mainCon .mainVisual ul>li.vImg01 {background:url(../imgs/main/mainV.png) no-repeat 50% 0;height:590px;}
    #mainCon .mainVisual .btnArea01 {bottom:30px;}

    /* icoArea */
    #mainCon .icoArea {height:120px;}
    #mainCon .icoArea ul li {display:table-cell;width:16.666%;}

    /* productsArea */
    #mainCon .productsArea {height:746px;}
    #mainCon .productsArea .btnArea02 button.btnMore {background:url(../imgs/common/btnMore.png) no-repeat 50% 50%;}
    #mainCon .productsArea .productsList {text-align:center;}
    #mainCon .productsArea .productsList ul {height:340px;}
    #mainCon .productsArea .productsList ul li {width:30%;height:340px;margin-left:5%;}
    #mainCon .productsArea .productsList ul li:nth-child(3n-2) {margin-left:0px;}
    #mainCon .productsArea .productsList ul li div {height:85px;padding-top:25px;}

    /* noticeArea */
    #mainCon .noticeArea {height:758px;}
    #mainCon .noticeArea .inner > div {display:inline-block;height:350px;}
    #mainCon .noticeArea .newsArea {margin-right:40px;}

    /* noticeArea - newsArea */
    #mainCon .noticeArea .newsArea {border:1px solid #c2c3c3;border-bottom-color:#000;border-top:none;box-sizing:border-box;}
    #mainCon .noticeArea .newsArea .tabLinks {width:220px;height:65px;float:left;margin-left:-1px;}
    #mainCon .noticeArea .newsArea .tabLinks.noArea {display:none;}
    #mainCon .noticeArea .newsArea .tabLinks.more {width:76px;text-indent:-9999px;background:url(../imgs/common/btnMoreG.png) no-repeat 50% 50% #e6e6e6;border-right:none;}
    #mainCon .noticeArea .newsArea .tabContent {margin:0 40px;}
    #mainCon .noticeArea .newsArea .tabContent .noticeIco {background:url(../imgs/main/notice01.png)no-repeat 3px 0;padding-left:80px;padding-top:5px;background-size:55px;}
    #mainCon .noticeArea .newsArea .tabContent .noticeIco a span{font-size:15px;}
    #mainCon .noticeArea .newsArea .tabContent ul {margin:40px 0;}
    #mainCon .noticeArea .newsArea .tabContent ul li:before {top:11px;}
    #mainCon .noticeArea .newsArea .tabContent ul li a {font-size:18px;padding-left:20px;text-overflow:ellipsis;white-space:nowrap;width:300px;overflow:hidden;}
    #mainCon .noticeArea .newsArea .tabContent ul li a span{font-size:15px;}

    /* noticeArea - popupArea */
    #mainCon .noticeArea .popupArea {width:400px;padding:40px 35px;}
    #mainCon .noticeArea .popupArea h3 {font-size:25px;}
    #mainCon .noticeArea .popupArea img {height:200px;margin-top:20px;}
    #mainCon .noticeArea .popupArea .popupTop p {left:190px;}

    /* photoGalleryArea */
    #mainCon .photoGalleryArea {height:740px;}
    #mainCon .photoGalleryArea .productsList {text-align:center;}
    #mainCon .photoGalleryArea .productsList ul {height:285px!important;}
    #mainCon .photoGalleryArea .productsList ul li {width:28%!important;height:280px;margin-left:7%;margin-bottom:5px;}
    #mainCon .photoGalleryArea .productsList ul li:nth-child(3n-2) {margin-left:0px;}
    #mainCon .photoGalleryArea .productsList ul li img {width:100%;height:70%;}
    #mainCon .photoGalleryArea .productsList ul li div {height:85px;}

    /* bannerArea */
    #mainCon .bannerArea {display:none;}

    /* qnaArea */
    #mainCon .qnaArea {height:240px!important;}
    #mainCon .qnaArea dt, #mainCon .qnaArea dd, #mainCon .qnaArea a {font-size:15px;}
    #mainCon .qnaArea .leftQna .txt01 {font-size:20px;}
    #mainCon .qnaArea .leftQna .txt02 {font-size:37px;}
    #mainCon .qnaArea .rightQna .callLogo {text-align:left;}
    #mainCon .qnaArea .rightQna .callLogo .num a {font-size:27px;}
    #mainCon .qnaArea .rightQna .callLogo .txt03 {font-size:16px;}
    #mainCon .qnaArea .inner > div {display:block;text-align:center;}
    #mainCon .qnaArea .leftQna {padding:28px 0 25px;}
    #mainCon .qnaArea .rightQna {padding-bottom:25px;}
    #mainCon .qnaArea .rightQna .btnQna {display:none;}

}

/* PC */
@media all and (min-width:1200px) {

    #mainCon h2 {font-size:45px;padding-top:114px;}
    #mainCon p {font-size:20px;padding-bottom:70px;}
    #mainCon a {font-size:20px;}

    /* 메인쪽 메뉴 */
    /*.main #header {height:130px;}
    .main #header h1 {position:absolute;left:0;top:38px;}*/

    /* btnArea*/
    .btnArea02 {right:0;top:175px;}
    .btnArea02 button {width:52px;height:52px;}
    .mBtnArea {display:none;}

    /* mainVisual */
    #mainCon .mainVisual ul>li.vImg01 {background:url(../imgs/main/mainV.png) no-repeat 50% 0;height:590px;}
    #mainCon .mainVisual .btnArea01 {bottom:30px;}

    /* icoArea */
    #mainCon .icoArea {height:120px;}
    #mainCon .icoArea ul li {display:table-cell;width:16.666%;}

    /* productsArea */
    #mainCon .productsArea {height:746px;}
    #mainCon .productsArea .btnArea02 button.btnMore {background:url(../imgs/common/btnMore.png) no-repeat 50% 50%;}
    #mainCon .productsArea .productsList ul li {width:280px;height:340px;margin-left:26px;}
    #mainCon .productsArea .productsList ul li:first-child {margin-left:0px;}
    #mainCon .productsArea .productsList ul li div {height:85px;padding-top:25px;}

    /* noticeArea */
    #mainCon .noticeArea {height:758px;}
    #mainCon .noticeArea .inner > div {display:inline-block;height:350px;}

    /* noticeArea - newsArea */
    #mainCon .noticeArea .newsArea {border:1px solid #c2c3c3;border-bottom-color:#000;border-top:none;box-sizing:border-box;width:760px;margin-right:40px;}
    #mainCon .noticeArea .newsArea .tabLinks {width:190px;height:65px;float:left;margin-left:-1px;}
    #mainCon .noticeArea .newsArea .tabLinks.noArea {cursor:context-menu;width:307px;}
    #mainCon .noticeArea .newsArea .tabLinks.more {width:75px;text-indent:-9999px;background:url(../imgs/common/btnMoreG.png) no-repeat 50% 50% #e6e6e6;border-right:none;}
    #mainCon .noticeArea .newsArea .tabContent {margin:0 40px;}
    #mainCon .noticeArea .newsArea .tabContent .noticeIco {background:url(../imgs/main/notice01.png)no-repeat 20px 0;}
    #mainCon .noticeArea .newsArea .tabContent .noticeIco a span{font-size:15px;}
    #mainCon .noticeArea .newsArea .tabContent ul {margin:40px 0;}
    #mainCon .noticeArea .newsArea .tabContent ul li:before {top:11px;}
    #mainCon .noticeArea .newsArea .tabContent ul li a {font-size:18px;padding-left:20px;}
    #mainCon .noticeArea .newsArea .tabContent ul li a span{font-size:15px;}

    /* noticeArea - popupArea */
    #mainCon .noticeArea .popupArea {width:400px;padding:40px 35px;}
    #mainCon .noticeArea .popupArea h3 {font-size:25px;}
    #mainCon .noticeArea .popupArea img {height:200px;margin-top:20px;}
    #mainCon .noticeArea .popupArea .popupTop p {left:190px;}

    /* photoGalleryArea */
    #mainCon .photoGalleryArea {height:740px;}
    #mainCon .photoGalleryArea .productsList ul {height:347px;}
    #mainCon .photoGalleryArea .productsList ul li {margin-left:25px;margin-bottom:5px;}
    #mainCon .photoGalleryArea .productsList ul li:first-child {margin-left:0px;}
    #mainCon .photoGalleryArea .productsList ul li img {width:278px;}
    #mainCon .photoGalleryArea .productsList ul li div {height:85px;}

    /* qnaArea */
    #mainCon .qnaArea dt, #mainCon .qnaArea dd, #mainCon .qnaArea a {font-size:15px;}
    #mainCon .qnaArea .inner {display:table;}
    #mainCon .qnaArea .inner > div {display:table-cell;vertical-align:middle;}
    #mainCon .qnaArea .leftQna {text-align:left;}
    #mainCon .qnaArea .leftQna .txt02 {font-size:30px;letter-spacing:2.5px;}
    #mainCon .qnaArea .rightQna {text-align:right;}
    #mainCon .qnaArea .rightQna > div {display:table-cell;vertical-align:middle;width:100%;}
    #mainCon .qnaArea .rightQna .callLogo {text-align:left;}
    #mainCon .qnaArea .rightQna .callLogo .num a {font-size:27px;}
    #mainCon .qnaArea .rightQna .callLogo .txt03 {font-size:16px;}

}