/* 레이아웃 */
        @charset "UTF-8";
        
        .single-blog-content{background-color:#CCFFCC;
        margin: 80;
        padding-top: 100;
        padding-bottom: 100;
        }
        
        h2 .title22{background:#CCCCFF;
        color:#003366;
        height:50px;
        text-align:center;
        font-size:24px;
        margin-top:20px;

        }
        .ttpp{width:95%;
        padding-top:2%;
        padding-left:5%;
        padding-right:3%;
        }
        .page-title{ 
        font-size:18px;
        color: red;
        margin-top:20px;
        }

        
        /* 반응형 Dangunee20200117
        img {width: 100%;}*/

        /* clearfix */
        .clearfix{*zoom:1;}
        .clearfix:before, .clearfix:after {display: block; content: '';line-height: 0;}
        .clearfix:after {clear: both;}

        /* IR 효과 */
        .ir_pm {display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px;} /* 의미있는 이미지의 대체 텍스트를 제공하는 경우(Phark Method) */
        .ir_wa {display:block; overflow:hidden; position:relative; z-index:-1; width:100%; height: 100%;} /* 의미있는 이미지의 대체 텍스트로 이미지가 없어도 대체 텍스트를 보여주고자 할 때(WA IR) */
        .ir_su {overflow: hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px;} /* 대체 텍스트가 아닌 접근성을 위한 숨김 텍스트를 제공할 때 */

        /* margin, padding */
        .mt10 {margin-top: 10px !important;}
        .mt15 {margin-top: 15px !important;}
        .mt20 {margin-top: 20px !important;}
        .mt25 {margin-top: 25px !important;}
        .mt30 {margin-top: 30px !important;}
        .mt35 {margin-top: 35px !important;}
        .mt40 {margin-top: 40px !important;}
        .mt45 {margin-top: 45px !important;}
        .mt50 {margin-top: 50px !important;}

        /* style */
        /* 레이아웃 */
        body {background: url(../img/header_bg.jpg) repeat-x center top;}
        #header {  }
        #nav {background-color: #f6fdff;}
        #title {background-color: #eaf7fd;}
        #contents .container {border-right: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb;}
        #cont_left {float: left; width: 250px;}
        #cont_center {
            overflow: hidden;
            margin-right: 250px;
            min-height: 1300px;
            border-right: 1px solid #dbdbdb;
            border-left: 1px solid #dbdbdb;
        }
        #cont_right {position: absolute; right: 0; top: 0px; width: 250px;}
        #footer {border-top: 1px solid #dbdbdb;}

        /* 메인 컨테이너 세부 사항 Dangunee202001 */
        .container {position: relative; width: 1200px; margin: 0 auto; /* background: rgba(0,0,0,0.3) */}
        .small-section {padding-right:10px; padding-left:10px;} /* Dangunee 200101 상세 내역 전체 패딩 값 줌 */
        .syosai {padding: 0px 5px 10px 5px; height:100%;  }  /*Dangunee 20-1/1 상세 내역 설명만 padding 위,오른쪽,아래,왼쪽 */
        .bookimage {height: auto; float:left; padding: 20px; width:35%; vertical-align:auto; } /*Dangunee 20-1-18 이미지 옆 설명 보이기*/ 
        .clear {clear: both;}   /*Dangunee 200122 이미지가 있는 글 단락, 기존 float:left 풀어줌*/

        /* 헤더 */
        .header {height: 327px;}
        .header .header_menu {text-align: right;}
        .header .header_menu a {color: #fff; padding: 8px 0 6px 10px; display: inline-block; transition: color 0.3s ease; font-family: 'Abel', sans-serif;}
        .header .header_menu a:hover {color: #ccc;}

       /*  .header .header_tit { text-align: center; text-transform: uppercase; margin-top: 55px; font-family: 'Abel', sans-serif;} Dangunee200206 Title 소문자도 가능*/
        .header .header_tit { text-align: center; margin-top: 55px; font-family: 'Abel', sans-serif;}
        .header .header_tit h1 {
            font-size: 30px;
            color: #fff;
            background: #51b0dc;
            display: inline-block;
            padding: 5px 30px 5px 30px;
            letter-spacing: 2px;
            font-weight: 900;
            transition: box-shadow 0.25s ease-in-out;
            border-radius: 10px; 
        }
        .header .header_tit h1:hover {
            box-shadow:
                inset -12em 0 0 0 #257FAC,
                inset 12em 0 0 0 #257FAC;
        }
        .header .header_tit a {
            font-size: 16px;
            color: #fff;
            background: #4a9abf;
            display: inline-block;
            padding: 10px 20px 10px 20px;
            margin-top: -7px;
            transition: box-shadow 0.3s ease-in-out;
            border-radius: 10px; 
        }
        .header .header_tit a:hover {
            box-shadow:
                0 0 0 5px rgba(75,154,191,0.9) inset,
                0 0 0 100px rgba(0,0,0,0.1) inset;
        }

        .header .header_icon {text-align: center; margin-top: 40px; padding-bottom: 45px;}
        .header .header_icon li {display: inline; margin: 0 2px;}
        .header .header_icon li a {
            position: relative;
            background-color: #3192bf;
            border-radius: 50%;
            width: 60px;
            height: 60px;
            color: #fff;
            display: inline-block;
            font-size: 35px;
            line-height: 60px;
            transition: all 0.3s ease;
        }
        .header .header_icon li a span {
            position: absolute;
            opacity: 0;
            left: 50%; top: -40px;
            transform: translateX(-50%);
            font-size: 12px;
            line-height: 1.6;
            background: #3192bf;
            padding: 3px 9px;
            border-radius: 6px 0;
            transition: all 0.3s ease;
        }
        .header .header_icon li a span:before {
            content: '';
            position: absolute;
            left: 50%; bottom: -5px;
            margin-left: -5px;
            border-top: 5px solid #3192bf;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
        }
        .header .header_icon li a:hover span {
            opacity: 1;
            top: -33px;
        }
        .header .header_icon li a:hover {
            box-shadow:
                0 0 0 3px rgba(75,154,191,0.9) inset,
                0 0 0 100px rgba(0,0,0,0.1) inset;
        }

        /* 전체 메뉴 */
        .nav {overflow: hidden; padding: 25px 0; display: none;}
        .nav > div {float: left; width: 15%;}         /* width: 40%;}
        /*.nav > div:last-child {width: 20%;} Dangunee 200206*/
        .nav > div ol {overflow: hidden;}
        .nav > div li {float: left; width: 100%; position: relative; padding-left: 8px; box-sizing: border-box;}
        .nav > div:last-child li {width: 100%;}
        .nav > div li a {position: relative;}
        /*.nav > div li:before {
            content: '';
            width: 3px; height: 3px;
            background-color: #25a2d0;
            border-radius: 50%;
            position: absolute; left: 0; top: 8px;
        } Dangunee 200206 메인 메뉴 일자 정렬*/
        .nav > div h3 {
            font-size: 18px;
            color: #504f8b;
            font-weight: bold;
            margin-bottom: 4px;
        }
        .nav > div li a:after {
            content: '';
            display: inline-block;
            width: 0;
            height: 1px;
            position: absolute;
            bottom: 0;
            left: 0;
            background: #25a2d0;
            transition: all .2s ease-out;
        }
        .nav > div li:hover a:after {width: 100%;}

        /* 타이틀 */
        .title {position: relative; text-align: center; }
        .title h2 {font-family: 'Kosugi Maru', sans-serif; font-size: 39px; color: #0093bd; padding: 5px 0;}
        /*.title h2 {font-family: 'Nanum Brush Script', cursive; font-size: 39px; color: #0093bd; padding: 5px 0;}*/
        .title .btn {
            position: absolute; right: 0; top: 5px;
            width: 60px;
            height: 60px;
            line-height: 60px;
            background: #3192bf;
            color: #fff;
            font-size: 35px;
            border-radius: 50%;
            transition: all 0.3s ease;
        }
        .title .btn:hover {
            box-shadow:
                0 0 0 3px rgba(75,154,191,0.9) inset,
                0 0 0 100px rgba(0,0,0,0.1) inset;
        }

        /* 컨텐츠 영역 */
        .column {padding: 15px; border-bottom: 1px solid #dbdbdb;}
        .column .col_tit {font-size: 20px; color: #2f7fa6; padding-bottom: 5px;}
        .column .col_desc {
            border-bottom: 1px dashed #dbdbdb;
            padding-bottom: 15px; margin-bottom: 15px;
            color: #878787;
            line-height: 18px;
        }
        .column.col1 {}
        .column.col2 {}
        .column.col3 {border-bottom: 0;}
        .column.col4 {}
        .column.col5 {}
        .column.col6 {border-bottom: 0;}
        .column.col7 {}
        .column.col8 {}
        .column.col9 {border-bottom: 0;}

        /* 페이지별 강좌 특징 버튼 Dangunee200127*/
        .intro {position: relative; border: 2px solid rgba(18, 127, 146, 0.788); padding: 10px; border-radius: 5px; margin:5px;
            text-align: left; font-size:18px; color:rgb(34, 78, 88); background-color: rgb(204, 245, 239);}  /*Danguee200128 메인 광고 강조 */

        /* 수강 신청 버튼 Dangunee200120*/
        .apply_btn { text-align: center; margin-top: 15px;  
            margin-top: 10px;
            padding-bottom: 5px;
            border-bottom: 3px solid #1b4d7c;        }

        .apply_btn a {
            font-size: 16px;
            color: #fff;
            background: hsl(204, 71%, 57%);
            display: inline-block;
            padding: 10px 20px 10px 20px;
            margin-top: -5px;
            transition: box-shadow 0.3s ease-in-out;
            border-radius: 15px; 
        }
        .apply_btn a:hover {
            box-shadow:
            inset -10em 0 0 0 #257FAC,
            inset 10em 0 0 0 #257FAC;
        }
        
        /* 메뉴 */
        .menu li {position: relative;}
        .menu li a {
            font-size: 16px; text-transform: uppercase;
            color: #878787; border-bottom: 1px solid #dbdbdb;
            padding: 10px;
            display: block;
            transition: box-shadow 0.34s ease, background 0.34s ease;
        }
        .menu li a i {position: absolute; right: 10px; top: 15px;}
        .menu li a:hover {
            box-shadow: inset 180px 0 0 0 rgba(36,130,174,0.7);
            color: #fff;
            background: rgba(36,130,174,0.9);
        }

        /* 게시판1 */
        .notice1 {position: relative; border: 2px solid orangered; background-color: rgb(253, 245, 199); padding: 10px; border-radius: 5px;}  /*Danguee200128 메인 광고 강조 */
        .notice1 h5 {font-size: 18px; color: #2f7fa6; padding-bottom: 5px;}
        .notice1 li {position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 8px;}
        .notice1 li:before {
	        content: ''; width: 3px; height: 3px;
            border-radius: 50%;
            background: #449ce2;
            position: absolute; left: 0; top: 6px;
        }
        .notice1 .more {
            position: absolute;
            right: 0; top: 3px;
            color: #878787;
            text-transform: uppercase;
            font-size: 10px;
            padding: 10px;
        }

        /* 게시판2 */
        .notice2 {position: relative;  }
        .notice2 h5 {font-size: 14px; color: #2f7fa6; padding-bottom: 5px;}
        .notice2 li {
            position: relative;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp : 2;
            padding-left: 8px;
            padding-bottom: 5px;
            max-height: 40px; /* ie */
        }
        .notice2 li:before {
            content: ''; width: 3px; height: 3px;
            border-radius: 50%;
            background: #449ce2;
            position: absolute; left: 0; top: 6px;
        }
        .notice2 .more {
            position: absolute;
            right: 0; top: 3px;
            color: #878787;
            text-transform: uppercase;
            font-size: 10px;
        }

        /* 주목강좌1 */
        .blog1 img {width: 100%;}
        .blog1 .img-retina {display: none;}

        @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
               only screen and (min-device-pixel-ratio: 1.5),
               only screen and (min-resolution: 1.5dppx) {
                .blog1 .img-retina {display: initial;}
                .blog1 .img-normal {display: none;}
        }

        /* 주목강좌2 */
        .blog2 h5 {color: #fff; text-align: center; padding: 30px 30px; text-transform: uppercase;}
        .blog2 p {padding-top: 5px;}

        .blog2 .img-retina {
            background-image: url(../img/taiken.png);
            background-size: cover;
            border-radius: 10px;
            border-right: 5px solid #ccc;
            border-bottom: 5px solid #999;
            margin-bottom: 5px;            
        }

        @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
               only screen and (min-device-pixel-ratio: 1.5),
               only screen and (min-resolution: 1.5dppx) {
                .blog2 .img-retina {background-image: url(../img/taiken.png);}
        }

        /* 이미지 슬라이드 */
        .slider figure {position: relative;}
        .slider figcaption {position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px;
            box-sizing: border-box;
            background-color: rgba(0,0,0,0.5);
            color: #fff;
            font-size: 18px;
        }
        .slider figcaption em {
            display: block;
            font-weight: bold; font-size: 28px; text-transform: uppercase; font-family: 'Abel', sans-serif;
            opacity: 0;
            transform: translateX(50px);
            transition: all .84s ease;
        }
        .slider figcaption span {
            display: block;
            overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
            opacity: 0;
            transform: translateX(50px);
            transition: all .84s 0.2s ease;
        }
        .slider .slick-active figcaption em {opacity: 1; transform: translateX(0)}
        .slider .slick-active figcaption span {opacity: 1; transform: translateX(0)}

        .slider .slick-dots {display: block; width: 100%; text-align: center;}
        .slider .slick-dots li {display: inline-block; width: 15px; height: 15px; margin: 5px;}
        .slider .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 15px; height: 15px;
            cursor: pointer;
            background: #5dbfeb;
            border-radius: 50%;
        }
        .slider .slick-dots li.slick-active button {background: #2b91c8;}
        .slider .slick-prev {
            position: absolute; left: 0; bottom: 0;
            z-index: 1000;
            width: 30px; height: 30px;
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            text-indent: -9999px;
        }
        .slider .slick-prev::before {
            content: "\f053";
            color: #5dbfeb;
            text-indent: 0;
            position: absolute; left: 9px; top: 8px;
        }
        .slider .slick-next {
            position: absolute; right: 0; bottom: 0;
            z-index: 1000;
            width: 30px; height: 30px;
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            text-indent: -9999px;
        }
        .slider .slick-next::before {
            content: "\f054";
            color: #5dbfeb;
            text-indent: 0;
            position: absolute; left: 11px; top: 8px;
        }

        /* 라이트 박스 */
        .square a {float: left; width: 19%; margin: 0.5%; position: relative; overflow: hidden;  }
        .square a img {width: 100%; display: block;}
        .square a em {background: rgba(0,0,0,0.77); color: #fff; width: 100%; text-align: center; position: absolute; left:0; bottom: -30px; opacity: 1; transition: all .3s ease;}
        .square a:hover em {bottom: 0; background: rgba(0,0,0,0.57); }
        .square a:nth-child(1):hover img {filter: blur(2px);}
        .square a:nth-child(2):hover img {filter: brightness(50%);}
        .square a:nth-child(3):hover img {filter: contrast(10%);}
        .square a:nth-child(4):hover img {filter: grayscale(100%);}
        .square a:nth-child(5):hover img {filter: hue-rotate(120deg);}
        .square a:nth-child(6):hover img {filter: invert(100%);}
        .square a:nth-child(7):hover img {filter: opacity(10%);}
        .square a:nth-child(8):hover img {filter: saturate(10%);}
        .square a:nth-child(9):hover img {filter: sepia(120%);}
        .square a:nth-child(10):hover img {filter: sepia(120%) hue-rotate(120deg);}

        /* 비디오 */
        .video {position: relative; width: 100%; padding-bottom: 56.25%;}
        .video iframe {position: absolute; width: 100%; height: 100%;}

        /* 푸터 */
        .footer {text-align: center; padding: 30px 50px; }
        .footer li {position: relative; display: inline; padding: 0 7px 0 10px; white-space: nowrap;}
        .footer li:before {content: ''; width: 1px; height: 12px; background-color: #dbdbdb; position: absolute; left: 0; top: 2px;}
        .footer li:first-child:before {width: 0;}
        .footer address {padding-top: 15px;}

        /* 사이드 이펙트1 */
        .side1 {position: relative; display: block; perspective: 600px;}
        .side1 .front {
            transform-style: preserve-3d;
            transform: rotateY(0deg);
            transition: all 0.5s ease-in-out;
            backface-visibility: hidden;
        }
        .side1 .back {
            position: absolute; top: 0; left: 0;
            width: 100%; height: 100%; z-index: -1;
            transform-style: preserve-3d;
            color: #fff;
            background: #4038DC;
            text-align: center;
            transform: rotateY(-180deg);
            transition: all 0.5s ease-in-out;
            backface-visibility: hidden;
        }
        .side1 .back i {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
        .side1:hover .front {transform: rotateY(180deg);}
        .side1:hover .back {transform: rotateY(0deg); z-index: 1;}

        /* 사이드 이펙트2 */
        .side2 {position: relative; display: block; perspective: 600px;}
        .side2 .front {
            transform-style: preserve-3d;
            transform: rotateY(0deg);
            transition: all 0.5s ease-in-out;
            backface-visibility: hidden;
        }
        .side2 .back {
            position: absolute; top: 0; left: 0;
            width: 100%; height: 100%; z-index: -1;
            transform-style: preserve-3d;
            transform: rotateY(-180deg);
            transition: all 0.5s ease-in-out;
            backface-visibility: hidden;
        }
        .side2 .front figcaption {
            position: absolute; left: 50%; top: 50%;
            transform: translate(-50%,-50%) translateZ(100px);
            display: block;
            text-align: center;
        }
        .side2 .back figcaption {
            position: absolute; left: 50%; top: 50%;
            transform: translate(-50%,-50%) translateZ(100px);
            color: #fff;
            font-size: 20px;
            display: block;
            text-align: center;
        }
        .side2 figcaption {width: 60%;}
        .side2 figcaption h3 {color: #fff; font-size: 20px; font-family: 'Abel', sans-serif; font-weight: bold; background: rgba(0,0,0,0.4); padding: 3px 10px;}
        .side2 figcaption p {font-size: 14px;}
        .side2:hover .front {transform: rotateY(180deg);}
        .side2:hover .back {transform: rotateY(0deg); z-index: 1;}

        /* 사이드 이펙트3 */
        .side3 {position: relative; overflow: hidden; background: #000;}
        .side3 figcaption {
            position: absolute;
	        top: 50%; left: 50%;
            color: #fff;
            text-align: center;
            opacity: 0;
            text-transform: uppercase;
            transition: all 0.3s ease;
	        transform: translate(350%, -50%) rotate(180deg);
        }
        .side3 figcaption:after {
            content: '';
            width: 100px; height: 100px;
            background: #000;
            border-radius: 50%;
            position: absolute; left: 50%; top: 50%; z-index: -1;
            transform: translate(-50%, -50%);
        }
        .side3 figcaption h3 {font-size: 16px;}
        .side3 figcaption em {display: block; font-weight: bold;}
        .side3 img {display: block; transition: all 0.3s ease;}
        .side3:hover img {opacity: 0.4;}
        .side3:hover figcaption {transform: translate(-50%, -50%) rotate(0deg); opacity: 1;}

        /* 강의 세부 제목 디자인*/
        .small-section h4 {
            border-top: 2px solid;
            color: rgba(28, 57, 138, 0.89);
            margin-top: 2px;
            padding: 0.3em 0;
            position: sticky;
            top: 3px;
        }


	    /*Generic Styling, for Desktops/Laptops 표 기본 디자인 Osh191223*/      		   
        table.type01 {
            border-collapse: collapse;
            text-align: left;
            line-height: 1.5;
            width: 100%;                  
        }
        table.type01 thead th {
            font-weight: bold;
            text-align: center;
            vertical-align: top;
            color: #369;
            background: hsl(202, 85%, 79%);  /* Dangunee200120 th 백그라운드 색깔 추가 */
            border-bottom: 3px solid #036;
        }
        table.type01 tbody th {
            padding: 10px;
            font-weight: bold;
            vertical-align: top;
            border-bottom: 1px solid #ccc;
            background: #f3f6f7;
        }
        table.type01 td {
            padding: 10px;
            vertical-align: top;
            border-bottom: 1px solid #ccc;
        }

        /* osh 20200124 td 체험레슨 신청 디자인 추가 */
        .type02 {
            text-align: left;
            line-height: 1.5;
            width: 100%;       
            border: #aed1f3 1px solid ;
        }
        
        .type02 tbody th {               
            padding: 10px; 
            font-weight: bold;
            vertical-align: top;
            text-align: left;
            border-bottom: 1px solid #ccc;
            background: #aed1f3;
            width: 25%;
        }
        
        .type02 tbody td {             
            padding: 10px;
            text-align: left;
            vertical-align: top;
            border-bottom: 1px solid #ccc;
            width: 75%;            
        }
        /* osh 체험레슨 신청 디자인 끝 */

        /*블로그 내용 리스트 디자인*/
        #includedContent li {
            list-style-position: outside;
            margin-left: 20px;
            border-bottom: 1px solid #ccc;
            margin-bottom: 10px;
        }

        .red { color:red; width:100%;}

        /* mediaquery 미디어쿼리*/
        /* 화면 너비 0~1220px */
        @media (max-width: 1220px){
            .container {width: 100%;}
            .row {padding: 0 15px;}
            #cont_center {min-height: 1350px;}
	        #contents .container {border: 0;}

            .title .btn {right: 15px;}
            .square a {width: 24%}
	        .square a:nth-child(5n) {display: none;}
        }

        /* 화면 너비 0~1024px */
        @media (max-width: 1024px){
            .square a {width: 32.33333%}
	        .square a:nth-child(5) {display: block;}
        }

        /* 화면 너비 0~960px */
        @media (max-width: 960px){
            #cont_right {position: static; width: 100%; border-top: 1px solid #dbdbdb;}
	        #cont_center {margin-right: 0; border-right: 0;}

            .nav > div {float: none; width: 100%;}
            .nav > div:last-child {width: 100%;}
            .nav > div li {width: 33.333%;}
            .nav > div:last-child li {width: 33.333%;}
            .nav > div ol {margin-bottom: 10px;}

            #cont_right {overflow: hidden;}
            #cont_right .column {float: left; width: 50%; box-sizing: border-box;}
            #cont_right .column.col7 {border-right: 1px solid #dbdbdb; border-bottom: 0;}
            #cont_right .column.col8 {border-right: 1px solid #dbdbdb; border-bottom: 0;}
        }

        /* 화면 너비 0~768px */
        @media (max-width: 768px){
            #cont_left {float: none; width: 100%;}
	        #cont_center {border-left: 0;}
        }

        /* 화면 너비 0~600px */
        @media (max-width: 600px){
            body {background: url(../img/header_bg1.png) repeat-x center top;}
            .header {height: auto;}
            .nav > div li {width: 50%;}
	        .nav > div:last-child li {width: 50%;}

            .header .header_tit {display: none;}
            .header .header_icon {display: none;}
            .title .btn {display: none;}
            .column.col1 .col_tit {display: none;}
            .column.col1 .col_desc {display: none;}
            .column.col1 .menu li a i {display: none;}
            .column.col1 {padding: 0; border-bottom: 0;}
            .column.col1 .menu ul {overflow: hidden;}
            .column.col1 .menu li {float: left; width: 33.33333%; text-align: center; border-right: 1px solid #dbdbdb; box-sizing: border-box;}
            .column.col1 .menu li:nth-child(3n) {border-right: 0;}
            .column.col1 .menu li a {color: #fff; text-shadow: 0 0 5px rgba(0,0,0,0.7);}
            .column.col1 .menu li a:hover {box-shadow: none; background: rgba(36,130,174,0.3);}
            .column.col2 {background: #fff;}
	        .column.col4 {border-top: 1px solid #dbdbdb;}

            #cont_center {margin-top: -20px; background: #fff;}    /*Dangunee 200122 메뉴바 빈 공간 없애기 200122 아래 섹션 흰색으로 커버*/  
            #cont_right .column {width:50%;}
            #cont_right .column.col8 {border-right: 0;}
            #cont_right .column.col9 {display: none;}

            .slider figcaption {padding: 10px;}
            .slider figcaption em {font-size: 18px;}
            .slider figcaption span {font-size: 14px;}

            .square a {width: 49%}
            .square a:nth-child(5) {display: none;}
        }
        
        /* 화면 너비 0~480px */
        @media (max-width: 480px){
            .header {height: 45px;} /* Dangunee 20-1/2 휴대폰 시 배경 화면 조정*/
            .notice1 h5 {font-size: 18px;}  /*Dangunee 20-1/1 스마트폰 메인 화면 주목 강좌 글자크기 확대 */
            .small-section h4, h3  {font-size: 18px;}  /*Dangunee 20-1/1 스마트폰 상세 화면 글자크기 확대 */
            .syosai {font-size: 17px;}  /*Dangunee 20-1/1 */
            .type01 {font-size: 16px;}  /*Dangunee 20-1/1 표 안*/
            .header .header_icon {display: none;}  
            .img {width: 50%}
            .lightbox .square .clearfix {display: none;}    
            /*.type02 tbody th, td{  Dangunee 200130 체험신청 스마트폰 세로 나열  
                width: 95%;
                display: block;
            }        */
        }

        /* 화면 너비 0~320px */
        @media (max-width: 320px){
            #cont_right .column {width:100%;}
	        #cont_right .column.col7 {border-right: 0; border-bottom: 1px solid #dbdbdb;}
            .square a {width: 100%; margin-left:0; margin-right: 0;}
        }      

        /*메인 표 윗 제목과 분리되는 부분 공간 없애기 Dangunee-200122
        .tableMain {margin-top: 0px;
        }*/