html {
    background-color: red;
}

::-moz-selection {
    background: #fe57a1;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #fe57a1;
    color: #fff;
    text-shadow: none;
}

/* 초기화 */

html,
body,
form,
div,
p,
dl,
dt,
dd,
ul,
ol,
li,
h1 {
    border: 0;
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    margin: 0;
    padding: 0;

    th {
        vertical-align: middle !important;
        text-align: center !important;
        ;
    }
}

input {
    margin: 0;
}

a img {
    border: 0;
}


/* COMMMON */
ul {
    list-style: none;
}

.hidden_file {
    /*  display: none !important; */
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.cover_file {}

.upload_file button,
.upload_file div,
.upload_file input {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.upload_file div.input-append {
    vertical-align: top;
}

textarea {
    resize: none;
}

.only_eng {
    ime-mode: inactive !important;
}

.only_kor {
    ime-mode: active !important;
}

.txt_center {
    text-align: center !important;
}

.txt_left {
    text-align: left !important;
}

.txt_right {
    text-align: right !important;
}

.shadow_box {
    padding: 30px 20px 50px;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff;
}

/* margins */
.btn_w_input {
    /* 인풋 옆의 스몰 버튼 마진 */
    margin-bottom: 10px;
}

/* basic */
/* 게시판 테이블 */
.comment_list > li {
    clear: both;
    overflow: hidden;
    display: block;
    padding: 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px dashed #ebebeb;

    // .photo {
    //  float: left;
    //  margin-right: 20px;
    // }
    // .detail {
    //  margin-left: 100px;
    // }
    .writer {
        .name {
            color: #000 !important;
        }

        .date {
            color: #aaa !important;
            margin-left: 10px;
        }
    }

    .comment_content {
        padding: 10px 0;
    }
}

.bbs_wrapper {
    // width: @container;
}

.bbs {}

.bbs thead {
    background: #fff;
    border-bottom: 1px solid #fff;
}

.board {
    border-top: 2px solid #fff;
    border-bottom: 1px solid #fff;
}

.bbs th,
.board th,
.bbs_head {
    background: #fff !important;
    text-align: center !important;
    font-weight: normal !important;
}

.bbs_title_in_view {
    color: #84286a !important;
    font-size: 20px;
    text-align: center;
}

.bbs_view_title {
    color: #777;
}

.bbs_view_detail {
    font-weight: bold;
    color: #666;
    margin-left: 5px;
    margin-right: 30px;
}

.div4board {

    // width: 650px;
    // float: right;
    // background: white;
    // max-height: 400px;
    // border-top: 2px solid #e02d2c;
    // border-bottom: 2px solid #e02d2c;
    // overflow: auto;
    // margin-right: 35px;
    input {
        margin: 0;
        padding: 0 8px;
    }

    select {
        margin: 0;
        height: auto;
        font-size: 11px;
        padding: 2px;
    }
}

.bbs_date {
    background: url('/resources/images/sogong/bbs_icon/icon_date.gif') no-repeat 0 2px;
    padding-left: 20px;
    color: #888;
    /*line-height: 30px;*/
    height: 30px;
    display: inline-block;
}

.box {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 0 10px 0;
    background: #fff;
    color: #505050;
    font-weight: bold;
    word-break: break-all;
    font-size: 1.2em;
    border-top: 1px solid #999;
}

.bbs_mb_info {
    color: #969696;
    padding: 10px 0 10px 0;
    text-align: center;
    border-bottom: solid 1px #c6c6c6;

    /*color: #505050;*/
}

.bbs_title_liner {
    margin-top: -3px;
    width: 100px;
    height: 3px;
    background: #eb34b8;
}


.bbs_content {
    padding: 20px 0 0 0;
    /*border-bottom: 1px solid #999;*/
}


.bbs_title {
    margin-top: -70px;
    margin-bottom: 30px;
}

/* join */
.mb_join {
    width: 80%;
    clear: both;
    background: #fff;
    padding: 20px 30px;
    margin: 50px auto !important;

    h3 {
        text-align: center;
    }
}

.mb_join .control-group {
    clear: both;
    overflow: hidden;
}

.mb_join label.control-label {
    font-weight: bold;
    vertical-align: top;
    padding-top: 7px;
    padding-right: 20px;
    width: 130px;
    text-align: right;
    display: block;
    float: left;
}

.mb_join .controls {
    display: block;
    float: left;
    width: 500px;
}

.personal {
    text-align: left;
    height: 200px;
    width: 485px;
    overflow-y: scroll;
    margin-left: 150px;
}

.mb_join input {}

// 캘린더
.ui-datepicker-year,
.ui-datepicker-month {
    width: 40% !important;
    padding: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    margin: 0;
}

h2 {
    margin: 20px 0;
}

/* site */
@main-color: #fff;
@text-color : #424242;
@url: '/resources/img/site/';
@container: 1000px;
@side: 205px;
@bg-color: #545454;
@font-size: 14px;


input,
select,
label {
    font-size: @font-size;
}


// @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
// @import url('http://api.mobilis.co.kr/webfonts/v2/css/NanumBarunGothicWeb');
/* 
 * NanumBarunGothic
 */
// @font-face {
//   font-family: 'NanumBarunGothicBold';
//   font-style: normal;
//   // font-weight: 700;
//   src: url(../fonts/NanumBarunGothicBold.eot);
//   src: url(../fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
//        url(../fonts/NanumBarunGothicBold.woff) format('woff'),
//        url(../fonts/NanumBarunGothicBold.ttf) format('truetype');
// }
// @font-face {
// font-family: 'NanumBarunGothic';
// font-style: normal;
// // font-weight: 400;
// src: url(../fonts/NanumBarunGothic.eot);
// src: url(../fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
// url(../fonts/NanumBarunGothic.woff) format('woff'),
// url(../fonts/NanumBarunGothic.ttf) format('truetype');
// }

// @import url(http://fonts.googleapis.com/css?family=Cabin:400);

// @import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

// @import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);

/* 나눔명조 */
// @font-face {
//  font-family: 'NanumMyeongjo';
//  src: url(../fonts/NanumMyeongjo.eot);
//  src: url(../fonts/NanumMyeongjo.eot?#iefix) format('embedded-opentype'),
//     url(../fonts/NanumMyeongjo.woff) format('woff'),
//     url(../fonts/NanumMyeongjo.ttf) format('truetype');
// }

/* 나눔고딕 */
// @font-face {
//  font-family: 'NanumGothic';
//  src: url(../fonts/NanumGothic.eot);
//  src: url(../fonts/NanumGothic.eot?#iefix) format('embedded-opentype'),
//     url(../fonts/NanumGothic.woff) format('woff'),
//     url(../fonts/NanumGothic.ttf) format('truetype');
// }

/* 맑은고딕 */
@font-face {
    font-family: 'malgun';
    src: url(../fonts/malgun.eot);
    src: url(../fonts/malgun.eot?#iefix) format('embedded-opentype'),
        url(../fonts/malgun.woff) format('woff'),
        url(../fonts/malgun.ttf) format('truetype');
}

html {
    overflow-y: scroll;
    background: @bg-color;
    height: 100%;
}

body {
    // background: url('@{url}body_bg.png') repeat;
    // font-family: tahoma, "segoe UI", "Microsoft JhengHei", "Microsoft Yahei", meiryo, "malgun gothic" !important;
    font-family: 'malgun', Arial, sans-serif;
    // font-family: Helvetica, Arial, sans-serif, "MingLiU", '新細明體' !important;
    // font-family: Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif !important;
    // font-family: Arial, Helvetica, tahoma, verdana, 宋体, SimSun, 华文细黑, STXihei, sans-serif !important;
    line-height: normal;
    font-size: @font-size;
    min-width: @container;
    color: @text-color;
    letter-spacing: -1;
}

// .bbs_title_list {
//  font-family: "Microsoft MingLiU", '新細明體', Helvetica, Arial, sans-serif !important;
// }


h1 {}

h2 {}

h3 {}

h4 {}

.container {
    width: @container  !important;
    height: 100%;
    clear: both;
    overflow: hidden;
    position: relative;
}

header {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    // height: 230px; 
    background: url('@{url}header_bg.png') 50% top repeat-x;

    .logo {
        padding: 40px 0 0 0;
    }

}


.gnb_wrap {
    overflow: hidden;

    .gnb {
        overflow: hidden;
        position: relative;

        & > li {

            &.active,
            &:hover {
                .gnb_sub {
                    display: block;
                }
            }

            float: left;
            width: @container/4;
            text-align: center;

            & > a {}
        }
    }

    // &.active, &:hover 
    .gnb_sub {
        display: none;

        & > li {
            & > a {}
        }
    }
}


#bodyarea {
    clear: both;
    margin: 0 auto;
    min-height: 100%;
    overflow: hidden;
}

.content {
    clear: both;
    overflow: hidden;
}



#footer {
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 143px;
    margin-top: 20px;
    padding: 15px 0;
    background: #fff url('@{url}/footer_bg.png') repeat-x;

    .footer_logo {
        margin-top: 5px;
        color: #fff;
    }

    .admin_login a {
        color: #b2b2b2 !important;
    }
}

#header {
    background-color: #2d64a7;

    /*border-bottom:1px solid #dedede;*/
    .container {
        overflow: visible;
    }

    .logo {
        margin-left: 20px;

        a {
            line-height: 110px;
        }
    }

    .navercafeLink {
        margin-right: 15px;
        background-color: #2a3a55;
        padding: 55px 10px 43px;

        a {
            /*display:block;
			font-size:16px;
			color:#fff;
			padding:55px 20px 40px;
			text-decoration:none;*/

            display: block;
            background-image:url('@{url}gnb.png');
            background-repeat: no-repeat;
            background-position: 0px -95px;
            width: 91px;
            height: 19px;
            font-size: 0px;
        }
    }

    .btns {
        margin-top: 10px;

        ul.gnb {
            margin-right: 30px;

            li {
                a {
                    color: #fff;
                    text-decoration: none;
                    font-size: 12px;
                }
            }
        }

        ul.lnb {

            /*margin-right:20px;*/
            li.lnb {
                position: relative;
                padding: 25px 20px 41px;
                border: 1px solid #2d64a7;
                border-bottom: none;

                a.lnb {
                    position: relative;
                    z-index: 20;
                    /*padding:25px;
					padding-bottom:41px;
					font-size:16px;
					color:#fff;
					text-decoration:none;*/

                    display: block;
                    background-image:url('@{url}gnb.png');
                    background-repeat: no-repeat;
                    width: 91px;
                    height: 19px;
                    font-size: 0px;
                }

                /*ul.snb {
					position:absolute;
					top:60px;
					left:-1px;
					z-index:10;
					background-color:#fff;
					width:151px;
					padding:10px;
					padding-bottom:0px;
					display:none;
					li.snb {
						text-align:left;
						margin-bottom:10px;
						a.snb {
							display:block;
							border-bottom:1px solid #2d64a7;
							padding-left:5px;
							text-decoration:none;
						}
						
						ul.sub {
							li.sub {
								a.sub {
									display:block;
									padding-left:5px;
									line-height:2em;
									text-decoration:none;
								}
								
								ul.tab {
									li.tab {
										a.tab {
											display:block;
											padding-left:10px;
											text-decoration:none;
										}
									}
								}
							}
						}
					}
				}*/

                ul {
                    display: none;
                    position: absolute;
                    z-index: 10;
                    border: 1px solid #70acf6;
                    border-radius: 0px;
                    background-color: #fff;
                    box-shadow: none;
                    width: 170px;

                    li {
                        position: relative;

                        a {
                            color: #767676;
                            text-align: left;
                            text-decoration: none;
                            line-height: 2.5em;
                            display: block;
                            padding: 0px 10px;
                            font-size: 12px;
                            font-family: '굴림';

                            .pull-right {
                                color: #70acf6;
                            }
                        }

                        a:hover {
                            background-color: #fff;
                            background-image: none;
                            color: #70acf6;
                            font-weight: bold;
                        }
                    }
                }

                ul.snb {
                    top: 85px;
                    left: -1px;
                    border-top: 1px solid #fff;

                    li.snb.hover {
                        ul.sub {
                            display: block;
                            position: relative;
                            border: none;
                            left: 0px;

                            li.sub {
                                a.sub {
                                    padding-left: 20px;
                                }
                            }
                        }
                    }

                    li.snb.hover:hover {
                        ul.sub {
                            left: 0px;

                            a.sub:hover {
                                background-color: #70acf6;
                                color: #fff;

                                .pull-right {
                                    color: #fff;
                                }
                            }

                            li.sub:hover {
                                ul.tab {
                                    position: relative;
                                    left: 0px;
                                    border: none;

                                    li.tab {
                                        a.tab {
                                            padding-left: 20px;
                                        }
                                    }
                                }
                            }
                        }
                    }

                    li.snb:hover {
                        ul.sub {
                            display: block;
                            top: 0px;
                            left: 170px;
                            /*li.sub:hover {
								ul.tab {
									display:block;
									top:0px;
									left:170px;
								}
							}*/
                        }
                    }
                }
            }

            li.lnb.subject {
                a.lnb {
                    background-position: 0px 0px;
                }
            }

            li.lnb.subject:hover {
                a.lnb {
                    background-position: -91px 0px;
                }
            }

            li.lnb.apply {
                a.lnb {
                    background-position: 0px -19px;
                }
            }

            li.lnb.apply:hover {
                a.lnb {
                    background-position: -91px -19px;
                }
            }

            li.lnb.notice {
                a.lnb {
                    background-position: 0px -38px;
                }
            }

            li.lnb.notice:hover {
                a.lnb {
                    background-position: -91px -38px;
                }
            }

            li.lnb.introduction {
                a.lnb {
                    background-position: 0px -57px;
                }
            }

            li.lnb.introduction:hover {
                a.lnb {
                    background-position: -91px -57px;
                }
            }

            li.lnb.study {
                a.lnb {
                    background-position: 0px -76px;
                }
            }

            li.lnb.study:hover {
                a.lnb {
                    background-position: -91px -76px;
                }
            }

            li.lnb:hover {
                background-color: #fff;
                border: 1px solid #70acf6;
                border-bottom: none;

                a.lnb {
                    color: #2d64a7;
                }

                ul.snb {
                    display: block;
                }
            }
        }
    }

    .subMenu {
        margin-top: 29px;
        margin-right: 10px;
        display: none;

        a {
            color: #fff;
            text-decoration: none;
        }
    }

    .notPC {
        background-color: #545454;
        clear: both;
        width: 100%;
        display: none;

        ul.gnb {
            overflow: hidden;

            li {
                margin-left: 10px;

                a {
                    color: #fff;
                    line-height: 40px;
                    text-decoration: none;
                }
            }

            li.menu {
                margin-right: 10px;
            }
        }

        ul.lnb {
            li.lnb {
                border-bottom: 1px solid #c8c8c8;

                a {
                    color: #fff;
                    line-height: 30px;
                    text-decoration: none;
                    display: block;
                    padding-right: 10px;
                    padding-left: 10px;
                }

                ul.snb {
                    display: none;

                    li.snb {
                        a.snb {
                            padding-left: 30px;
                        }

                        ul.sub {
                            display: none;

                            li.sub {
                                a.sub {
                                    padding-left: 60px;
                                }

                                ul.tab {
                                    display: none;

                                    li.tab {
                                        a.tab {
                                            padding-left: 60px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }

            li.last {
                overflow: hidden;

                .half {
                    width: 50%;
                }
            }
        }
    }
}

#bodyarea {
    background-color: #fff;

    #subpage {
        .nav_ob {
            background-color: #e6ff99 !important;

            nav {
                margin-right: 10px;
                font-size: 12px;
                line-height: 36px;
            }
        }

        .contentWrap {
            margin-top: 30px;

            aside {
                width: 178px;

                ul.lnb {
                    li.lnb {
                        border-bottom: 1px solid #dedede;

                        a.lnb {
                            /*display:block;
							font-size:16px;
							font-weight:bold;
							line-height:38px;
							padding-left:15px;
							text-decoration:none;
							color:#4b4a4a;*/

                            display: block;
                            font-size: 13px;
                            color: #464646;
                            letter-spacing: -1px;
                            line-height: 36px;
                            height: 39px;
                            padding: 0 0 0 7px;
                            text-decoration: none;

                            .pull-right {
                                padding-right: 5px;
                            }
                        }

                        ul.snb {
                            background-color: #f7f7f7;

                            li.snb {
                                a.snb {
                                    display: block;
                                    padding-left: 15px;
                                    font-size: 12px;
                                    line-height: 30px;
                                    text-decoration: none;
                                    color: #848484;
                                }
                            }

                            li.snb.active {
                                a.snb {
                                    color: #2d64a7;
                                    font-weight: bold;
                                }
                            }
                        }
                    }

                    li.lnb.active {
                        a.lnb {
                            /*background-color:#2d64a7;
							color:#fff;*/

                            background-color: #2d64a7;
                            font-size: 14px;
                            color: #fff;
                            font-weight: bold;
                        }
                    }

                    li.lnb.first {
                        img {
                            vertical-align: top;
                            line-height: 11px;
                            display: block;
                            /* 정체불명의 하단 여백 제거용.. */
                        }

                        /*p {
							font-size:28px;
							font-weight:bold;
							line-height:68px;
							margin-left:5px;
						}*/
                        p.lnbTitle {
                            background-image:url('@{url}/lnb_title.png');
                            background-repeat: no-repeat;
                            height: 32px;
                            font-size: 0px;
                            margin-top: 25px;
                            margin-bottom: 15px;
                            margin-left: 5px;
                        }

                        p.lnbTitle.subject {
                            background-position: 0px 0px;
                        }

                        p.lnbTitle.apply {
                            background-position: 0px -32px;
                        }

                        p.lnbTitle.introduction {
                            background-position: 0px -64px;
                        }

                        p.lnbTitle.notice {
                            background-position: 0px -96px;
                        }

                        p.lnbTitle.study {
                            background-position: 0px -128px;
                        }
                    }

                    li.lnb.last {
                        border-top: 1px solid #c9c9c9;
                        border-bottom: none;

                        .box {
                            margin-top: 35px;
                            border: 1px solid #d7d5d5;
                            border-radius: 5px;
                        }
                    }
                }
            }

            .documentWrap {
                width: 795px;

                .summary {
                    background-color: #f7f5f5;
                    padding: 15px;
                    padding-bottom: 10px;
                    overflow: hidden;

                    ul {
                        width: 18%;
                        margin-left: 2.5%;
                        float: left;

                        li {
                            margin-bottom: 5px;

                            a {
                                display: block;
                                font-size: 16px;
                                line-height: 1.4;
                                padding: 10px 0;
                                border: 1px solid #ebebeb;
                                background-color: #fff;
                                text-align: center;
                                text-decoration: none;
                            }
                        }

                        li.title {
                            a {
                                color: #fff;
                                /*font-size:22px;*/
                                font-size: 0px;
                                font-weight: bold;
                                height: 40px;
                                line-height: 40px;
                                padding: 0;
                            }
                        }
                    }

                    ul.toeic {
                        li.title {
                            a {
                                /*background-color:#3a3d4d;*/
                                background:#3a3d4d url('@{url}/subject.png') center -80px no-repeat;
                            }
                        }
                    }

                    ul.sparta {
                        margin-left: 0%;

                        li.title {
                            a {
                                /*background-color:#2d518f;*/
                                background:#2d518f url('@{url}/subject.png') center 0px no-repeat;
                            }
                        }
                    }

                    ul.lock {
                        li.title {
                            a {
                                /*background-color:#1368a6;*/
                                background:#1368a6 url('@{url}/subject.png') center -40px no-repeat;
                            }
                        }
                    }

                    ul.speaking {
                        li.title {
                            a {
                                /*background-color:#43a3bd;*/
                                background:#1368a6 url('@{url}/subject.png') center -120px no-repeat;
                            }
                        }
                    }

                    ul.tse {
                        li.title {
                            a {
                                /*background-color:#50b2b3;*/
                                background:#1368a6 url('@{url}/subject.png') center -150px no-repeat;
                            }
                        }
                    }
                }

                .summary.mobile {
                    display: none;
                    background-color: #fff;
                    padding: 0px;
                }

                h3.pageTitle {
                    margin-top: 40px;
                    padding-bottom: 10px;
                    padding-left: 10px;
                    border-bottom: 1px solid #ddd;
                }

                .document {
                    margin-top: 30px;
                    min-height: 300px;

                    .subject {
                        p {
                            font-size: 15px;

                            span {
                                font-weight: bold;
                            }
                        }

                        h5.icon.circle {
                            margin-bottom: 10px;
                        }
                    }

                    p {
                        font-size: 16px;
                        line-height: 26px;
                    }

                    .text-red {
                        color: #bc0000;
                    }

                    .text-blue {
                        color: #2d64a7;
                    }

                    .text-orange {
                        color: #ed735d;
                    }

                    .text-green {
                        color: #009544;
                    }

                    .cBoth {
                        clear: both;
                    }

                    .ohidden {
                        overflow: hidden;
                    }

                    .icon.circle {
                        background-image:url('@{url}/icon.png');
                        background-repeat: no-repeat;
                        background-position: 0px center;
                        padding-left: 20px;
                        color: #2d64a7;
                        font-weight: bold;
                    }

                    ul.icon.check {
                        li {
                            background-image:url('@{url}/lock_icon.png');
                            background-repeat: no-repeat;
                            background-position: left top;
                            margin-top: 10px;
                            padding-left: 30px;
                            line-height: 24px;
                        }
                    }

                    ul.icon.dot {
                        margin-left: 10px;

                        li {
                            background-image:url('@{url}/icon_dot.png');
                            background-repeat: no-repeat;
                            background-position: left 12px;
                            padding-left: 10px;
                            line-height: 30px;
                        }
                    }

                    .checkList {
                        padding: 15px 10px;
                        background:#f7f7f7 url('@{url}/lock_01.png') right center no-repeat;

                        h5 {
                            font-weight: bold;
                        }

                        ul.icon.check {
                            margin-left: 15px;
                        }
                    }

                    .banner {
                        text-align: center;
                    }

                    .muted {
                        color: #838383;
                    }

                    /* 과목안내 */
                    .subject {
                        .intro {
                            border-bottom: 2px dotted #ededed;
                            padding-bottom: 30px;
                            text-align: center;

                            h2 {
                                font-size: 44px;
                                margin-top: 40px;
                                word-break: keep-all;
                                line-height: 1.5em;
                            }

                            h4 {
                                font-size: 20px;
                                line-height: 1.5em;
                            }
                        }
                    }

                    /* 온라인 수강신청 */
                    .applyOnline {
                        .location {
                            .tabMenu {
                                ul.inline {
                                    font-size: 0px;

                                    li {
                                        margin: 0px 1px;
                                        padding: 0px;
                                        overflow: hidden;
                                        width: 111px;

                                        a {
                                            font-size: 14px;
                                            line-height: 1em;
                                            padding: 0px 5px;
                                            word-break: keep-all;

                                            p {
                                                display: table-cell;
                                                vertical-align: middle;
                                                width: 111px;
                                                height: 50px;
                                                font-size: 14px;
                                                line-height: 1.2em;
                                            }
                                        }
                                    }

                                    li.first {
                                        margin-left: 0px;
                                    }

                                    li.last {
                                        margin-right: 0px;
                                    }
                                }
                            }
                        }
                    }

                    /* 지점별 위치 안내 */
                    .location {
                        .tabMenu {
                            text-align: center;

                            ul.inline {
                                li {
                                    background-image:url('@{url}/business_fabric_tarpaulin_box_off.png');
                                    background-repeat: no-repeat;
                                    background-position: top center;
                                    width: 112px;
                                    height: 62px;

                                    a {
                                        display: block;
                                        line-height: 50px;
                                        color: #fff;
                                        font-weight: bold;
                                        text-decoration: none;
                                    }
                                }

                                li.active {
                                    background-image:url('@{url}/business_fabric_tarpaulin_box_on.png');
                                }
                            }
                        }

                        .mapWrap {
                            margin-top: 20px;

                            .root_daum_roughmap.root_daum_roughmap_landing {
                                width: 100% !important;
                            }
                        }

                        dl.dl-horizontal {
                            margin-top: 25px;

                            dt {
                                text-align: left;
                                width: 120px;
                                margin-top: 10px;
                                box-sizing: border-box;
                            }

                            dd {
                                margin-top: 10px;
                                margin-left: 120px;
                            }

                            dd.icon {
                                background-repeat: no-repeat;
                                padding-left: 30px;
                            }

                            dd.bus {
                                background-image:url('@{url}/location_bus.png');
                                background-position: left center;
                            }

                            dd.car {
                                background-image:url('@{url}/location_car.png');
                                background-position: 1px center;
                            }
                        }
                    }

                    /* timetable */
                    .timetable {
                        .location {
                            margin-bottom: 10px;

                            .tabMenu {
                                ul.inline {
                                    font-size: 0px;
                                    width: 242px;
                                    margin: 0px auto;

                                    li {
                                        overflow: hidden;
                                        width: 111px;

                                        a {
                                            font-size: 14px;
                                            line-height: 1em;
                                            padding: 0px 5px;
                                            word-break: keep-all;

                                            p {
                                                display: table-cell;
                                                vertical-align: middle;
                                                width: 111px;
                                                height: 50px;
                                                font-size: 14px;
                                                line-height: 1.2em;
                                            }
                                        }
                                    }
                                }
                            }
                        }

                        .tabbable {
                            margin-bottom: 30px;

                            .nav {
                                background-color: #fff;
                                margin-bottom: 0px;
                                border-width: 5px;

                                li {
                                    a {
                                        font-size: 25px;
                                        font-weight: bold;
                                        color: #fff;
                                    }
                                }
                            }

                            .tab-content {
                                border: 1px solid #d9d9d9;
                                border-top: none;
                                border-width: 5px;

                                .tab-pane {
                                    padding: 10px;

                                    ul {
                                        li {
                                            span {
                                                font-size: 1.25em;
                                            }

                                            span.box-red {
                                                background-color: #e10415;
                                                color: #fff;
                                                font-size: 1em;
                                                font-weight: bold;
                                                padding: 3px;
                                            }
                                        }
                                    }

                                    table {
                                        margin-top: 10px;
                                        margin-bottom: 0px;

                                        tbody {
                                            tr {
                                                td {
                                                    text-align: center;
                                                    vertical-align: middle;
                                                    word-break: keep-all;
                                                }

                                                td.cel1 {
                                                    font-weight: bold;
                                                }

                                                td.cel4 {
                                                    min-width: 110px;
                                                }

                                                td.cel6 {
                                                    max-width: 230px;

                                                    img {
                                                        /*height:100px;*/
                                                    }
                                                }
                                            }
                                        }
                                    }

                                    dl.dl-horizontal {
                                        dt {
                                            width: 25%;
                                            padding: 5px 0px;
                                        }

                                        dd {
                                            margin-left: 30%;
                                            padding: 5px 0px;
                                        }
                                    }

                                    p.bottom {
                                        margin-top: 10px;
                                        text-align: center;
                                    }
                                }
                            }
                        }

                        .tabbable.panel_toeic {
                            ul.nav {
                                border-color: #e98700;

                                li.active {
                                    border-color: #e98700;

                                    a {
                                        background-color: #e98700;
                                        border-color: #e98700;
                                    }
                                }
                            }

                            .tab-content {
                                border-color: #e98700;
                            }
                        }

                        .tabbable.panel_700 {
                            ul.nav {
                                border-color: #1c8236;

                                li.active {
                                    border-color: #1c8236;

                                    a {
                                        background-color: #1c8236;
                                        border-color: #1c8236;
                                    }
                                }
                            }

                            .tab-content {
                                border-color: #1c8236;
                            }
                        }

                        .tabbable.panel_800 {
                            ul.nav {
                                border-color: #0f5885;

                                li.active {
                                    border-color: #0f5885;

                                    a {
                                        background-color: #0f5885;
                                        border-color: #0f5885;
                                    }
                                }
                            }

                            .tab-content {
                                border-color: #0f5885;
                            }
                        }

                        .tabbable.panel_actual {
                            ul.nav {
                                border-color: #7e4c93;

                                li.active {
                                    border-color: #7e4c93;

                                    a {
                                        background-color: #7e4c93;
                                        border-color: #7e4c93;
                                    }
                                }
                            }

                            .tab-content {
                                border-color: #7e4c93;
                            }
                        }

                        .tabbable.panel_sparta {
                            ul.nav {
                                border-color: #e7524c;

                                li.active {
                                    border-color: #e7524c;

                                    a {
                                        background-color: #e7524c;
                                        border-color: #e7524c;
                                    }
                                }
                            }

                            .tab-content {
                                border-color: #e7524c;
                            }
                        }

                        .tabbable.panel_lock {
                            ul.nav {
                                border-color: #557bbc;

                                li.active {
                                    border-color: #557bbc;

                                    a {
                                        background-color: #557bbc;
                                        border-color: #557bbc;
                                    }
                                }
                            }

                            .tab-content {
                                border-color: #557bbc;
                            }
                        }

                        .tabbable.panel_speaking {
                            ul.nav {
                                border-color: #767571;

                                li.active {
                                    border-color: #767571;

                                    a {
                                        background-color: #767571;
                                        border-color: #767571;
                                    }
                                }
                            }

                            .tab-content {
                                border-color: #767571;
                            }
                        }

                        .tabbable.panel_opic {
                            ul.nav {
                                border-color: #e57faf;

                                li.active {
                                    border-color: #e57faf;

                                    a {
                                        background-color: #e57faf;
                                        border-color: #e57faf;
                                    }
                                }
                            }

                            .tab-content {
                                border-color: #e57faf;
                            }
                        }

                        .tabbable.panel_tse {
                            ul.nav {
                                border-color: #a5cd46;

                                li.active {
                                    border-color: #a5cd46;

                                    a {
                                        background-color: #a5cd46;
                                        border-color: #a5cd46;
                                    }
                                }
                            }

                            .tab-content {
                                border-color: #a5cd46;
                            }
                        }

                        .tabbable.panel_month {
                            ul.nav {
                                border-color: #557bbc;

                                li.active {
                                    border-color: #557bbc;

                                    a {
                                        background-color: #557bbc;
                                        border-color: #557bbc;
                                    }
                                }
                            }

                            .tab-content {
                                border-color: #557bbc;
                            }
                        }

                        dl.dl-horizontal {
                            dd.bold {
                                font-size: 1.2em;
                                font-weight: bold;
                            }

                            hr {
                                border-color: #000;
                            }
                        }

                        .ordering {
                            border: 5px solid #dab5d6;

                            p.title {
                                line-height: 2em;
                                margin: 0px auto;
                                margin-top: 30px;
                                background-color: #dbb8d6;
                                text-align: center;
                                color: #fff;
                                font-weight: bold;
                                width: 150px;
                                border-radius: 10px;
                            }

                            dl.dl-horizontal {
                                margin: 30px auto;
                                width: 75%;

                                dt {
                                    background-color: #dbb8d6;
                                    border-bottom: 1px solid #dabcd6;
                                    border-radius: 5px;
                                    margin-top: 5px;
                                    text-align: center;
                                    color: #fff;
                                    line-height: 2em;
                                    width: 120px;
                                }

                                dd {
                                    border-bottom: 1px solid #dabcd6;
                                    margin-top: 5px;
                                    line-height: 2em;
                                    text-align: center;
                                    margin-left: 5px;
                                }
                            }
                        }

                        p.call {
                            font-size: 1.2em;
                            font-weight: bold;
                            margin-top: 10px;
                        }
                    }
                }
            }
        }

        .quickMenu {
            position: absolute;
            top: 181px;
            left: 50%;
            margin-left: 520px;

            ul.unstyled {
                li {
                    margin-bottom: 2px;
                }
            }
        }
    }
}

.category_info {
    overflow: hidden;
    padding: 20px 0 0 0;
    border-bottom: #4D4E4C 1px solid;

    h5 {
        // font-size: 16px;
        font-weight: bold;
        margin: 0 0 10px 0;
    }

    .category_btn {
        background: #4D4E4C;
        color: #fff;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        height: 80px;
        width: 80px;
    }

    p.desc {
        font-size: 14px !important;
        line-height: 1 !important;
    }

    button.toggle_times {
        border-radius: 0;
    }
}

.category_items {
    display: none;
    padding: 20px;
    background: #eee;
    border-top: #fff 1px solid;
    border-bottom: #4D4E4C 1px solid;
}

footer {
    padding-top: 80px;
    background-color: #fff;

    .footerBtns {
        background-color: #f1f1f1;
        border-bottom: 1px solid #fff;

        .container {
            overflow: inherit;

            ul.inline {
                li {
                    padding: 0px 8px;
                    box-sizing: border-box;

                    a {
                        color: #656565;
                        font-size: 12px;
                        line-height: 44px;
                        text-decoration: none;
                        display: block;
                    }
                }
            }

            .select {
                margin-right: 50px;

                select[name="familySite"] {
                    border-radius: 0px;
                    margin: 7.5px 0px;
                }
            }

            .topBtn {
                position: absolute;
                right: 0px;
                bottom: -1px;
                height: 46px;
                background-color: #5f5f5f;
            }
        }
    }

    .copyrightWrap {
        background-color: @bg-color;
    }

    .logo {
        margin-top: 25px;
        margin-left: 10px;
    }

    .copyright {
        margin-top: 25px;
        margin-left: 25px;
        width: 825px;

        dl {
            dt {
                float: left;
                width: 75px;
                color: #c1af5c;
                font-size: 12px;
            }

            dt.hong {
                color: #8bbbfe;
            }

            dd {
                color: #fff;
                font-size: 11px;
                line-height: 22px;
                margin-left: 75px;
                word-break: keep-all;
            }
        }

        p {
            color: #b5b5b5;
            font-size: 12px;
            line-height: 22px;
            margin-bottom: 10px;
        }

        span {
            color: #b5b5b5;
            font-size: 11px;
            line-height: 22px;
        }
    }
}

.italic {
    font-style: italic;
}

@media (max-width: 1000px) {
    body {
        min-width: 0px;
    }

    .container {
        width: 100% !important;
    }

    #header {
        .logo {
            a {
                line-height: 83.5px;
            }
        }

        .subMenu {
            margin-top: 22.5px;
            display: block;
        }

        .navercafeLink {
            display: none;
        }

        .btns {
            display: none;
        }

        .notPC {
            display: block;
        }
    }

    #bodyarea {
        #subpage {
            .contentWrap {
                aside {
                    display: none;
                }

                .documentWrap {
                    float: none;
                    width: auto;
                    padding: 0px 10px;
                }
            }

            .quickMenu {
                display: none;
            }
        }
    }

    footer {
        .footerBtns {
            .container {
                .select {
                    margin-right: 5px;
                }

                .topBtn {
                    display: none;
                }
            }
        }

        .copyright {
            margin-left: 0px;
            width: 100%;

            dl {
                margin: 0px 10px;
            }

            p {
                margin: 0px 10px 10px;
            }
        }
    }
}

@media (max-width: 767px) {
    #bodyarea {
        #subpage {
            .contentWrap {
                .documentWrap {
                    h3.pageTitle {
                        margin-top: 0px;
                    }

                    .summary {
                        display: none;
                    }

                    .summary.mobile {
                        display: block;
                    }

                    .document {
                        .checkList {
                            background-image: none;
                        }

                        .location {
                            dl.dl-horizontal {
                                dt {
                                    width: 100%;
                                    float: none;
                                }

                                dd {
                                    margin-left: 0px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    footer {
        .footerBtns {
            .container {
                .select {
                    margin-right: 0px;
                    padding: 5px;
                    width: 100%;
                    box-sizing: border-box;

                    select {
                        width: 100%;
                    }
                }
            }
        }

        .copyright {
            dl {
                dt {
                    width: 100%;
                }

                dd {
                    margin-left: 0px;
                }
            }
        }
    }
}

@media (max-width: 480px) {
#bodyarea #subpage .contentWrap .documentWrap {margin-bottom:40px;}
.txt_right {margin-bottom:40px;}
.txt_center {margin-bottom:40px;}
	footer .footerBtns .container ul.inline li {padding:0px 11px; float:left; width:calc(95.5% / 4); margin-left:3px; margin-top:10px; margin-bottom:0px;}
		footer {padding-top:0 !important; border-top:1px solid #ccc;}
		footer .footerBtns .container ul.inline li a {text-align:center; font-size:0.7rem; line-height:17px; letter-spacing:-2px;}
    html {
        width: 100%;
        box-sizing: border-box;
    }

    body {
        width: 100%;
        box-sizing: border-box;
    }

    #bodyarea {
        #subpage {
            .contentWrap {
                .documentWrap {
                    .document {
                        .timetable {
                            .ordering {
                                dl.dl-horizontal {
                                    width: 90%;

                                    dt {
                                        width: 100%;
                                        float: none;
                                    }

                                    dd {
                                        word-break: keep-all;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    footer {
        .footerBtns {
            ul.inline {
                width: 100%;
                overflow: hidden;

                li {
                    float: none;
                    width: 100%;
                }
            }
        }
    }
}

/* display popup start */
#display_popup_bg {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 100;
    background-color: #3f3a38;
    opacity: 0.95;
}

#display_popup {
    position: absolute;
    top: 0px;
    right: 0px;
    // bottom:0px;
    left: 0px;
    z-index: 101;

    ul.inline {
        margin-top: 10px;
        margin-bottom: 10px;

        li {
            color: #fff;
        }
    }
}

/* display popup end */

/* Responsive Video */
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;

    iframe,
    object,
    embed,
    video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
}

/* text cut */
.txt-cut {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


// online
// 
// 

.modal {
    left: 5%;
    width: 90%;
    max-width: 800px;
    margin-left: 0;
}

.nav-pills li a {
    background: #B2B2B2;
    color: #fff;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background: #B2B2B2;
    color: #fff;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
    background: #2D63A5 !important;
}

.online_table {
    @base-color: #636463;
    margin: 0;

    th,
    td {
        border-top: @base-color 1px solid;
    }

    th {
        background: @base-color;
        color: #fff;
    }

    td {
        background: #fff;
        text-align: center;
        vertical-align: middle;
    }

    td.title {
        font-weight: bold;
    }
}

.online_mobile {
    @base-color: #636463;
    border-top: 1px solid @base-color;
    border-right: 1px solid @base-color;
    border-left: 1px solid @base-color;

    li {
        line-height: 1.8;
        border-bottom: 1px solid @base-color;
        padding: 10px;
        background: #fff;
    }

    .right_stuff {
        line-height: 1;
        text-align: right;
    }

    .text-red {
        font-size: 1.4em;
    }

    .action {
        overflow: hidden;
        padding-top: 5px;
    }

    span.label {
        padding: 4px 12px 7px 12px;
        line-height: 1;
        vertical-align: top;
    }

    span.label,
    button {
        margin-top: 5px;
    }
}



/* loop default */
.mp-loop(0, 5, 100);

.mp-loop(@start, @step, @max) when (@start =< @max) {
    .mt@{start} {
        margin-top: (@start * 1px);
    }

    .mr@{start} {
        margin-right: (@start * 1px);
    }

    .mb@{start} {
        margin-bottom: (@start * 1px);
    }

    .ml@{start} {
        margin-left: (@start * 1px);
    }

    .pt@{start} {
        padding-top: (@start * 1px);
    }

    .pr@{start} {
        padding-right: (@start * 1px);
    }

    .pb@{start} {
        padding-bottom: (@start * 1px);
    }

    .pl@{start} {
        padding-left: (@start * 1px);
    }

    .mp-loop((@start + @step), @step, @max);
}


/* 2019.05.22 서브헤더 css 수정본 */
#header .btns ul.lnb li.lnb {
    border: none;
}

#header .btns ul.lnb li.lnb:hover {
    border: none;
}

#header .btns ul.lnb li.lnb ul.snb {
    border-top: 1px solid #70acf6;
}

#header .subMenu a {
    color: #000;
}

#header {
    background-color: #fff;
}

#header .btns ul.gnb li a {
    color: #2d64a7;
}

#header .navercafeLink {
    background-color: #48b942;
}

#header .btns ul.lnb li.lnb ul li a {font-size:11px;}


.span2 > .category_btn > span {font-size:0.7rem;}

#bodyarea #subpage .contentWrap aside ul.lnb li.lnb.active a.lnb > span {font-size:11px; letter-spacing:1px;}
#header .btns ul.lnb li.lnb ul li a > span {font-size:11px; letter-spacing:-0.5px;}