/*서브페이지 소스 ver04*/

/* 중간 레이아웃 */
#container_c { position:relative; padding-bottom: 100px; max-width:1400px; margin:0 auto; }
#container_c > div:nth-child(3) { float: left; width: 1100px; }

@media screen and (max-width: 1400px) {
    #container_c { padding-bottom:120px; }
}

@media screen and (max-width: 1200px) {
    #container_c { padding-bottom:100px; }
}

@media screen and (max-width: 1000px) {
    #container_c { padding-bottom:80px; }
}

@media screen and (max-width: 860px) {
    #container_c { padding-bottom:60px; }
}

@media screen and (max-width: 600px) {
    #container_c { padding-bottom:40px; }
}

@media screen and (max-width: 370px) {
    #container_c { padding-bottom:20px; }
}

#container:after{display:block;visibility:hidden;clear:both;content:""}
#container_wr{position:relative;margin:0 auto;padding-bottom:0;}
#container_wr:after{display:block;visibility:hidden;clear:both;content:""}
#container_s{padding:0;max-width:100%;margin:0 auto;}

#sub_top_img { position: relative; width:100%; }
#sub_top_img img { display: block; width:100%; }
#sub_top_img > .sub_top_text { position: absolute; color: #fff; top:50%; left:22.3958333vw; transform: translateY(-50%); font-size:33px; line-height:46px; }

@media screen and (max-width:860px) {
    #sub_top_img { height:180px; overflow: hidden; }
    #sub_top_img img { width:auto; height:100%; position: absolute; top:0; left:50%; transform: translateX(-50%); }
}
@media screen and (max-width: 600px) {
    #sub_top_img { height:140px; }
}

.ct_bg{background:#efefef;height:98%;width:100%;position:absolute;top:225px}

#container_title{letter-spacing:1.5px;text-align :center;padding:0 15px;font-family:'NanumGothic',sans-serif;font-size:1.5em;margin:82px 0 20px}
#container_title span{display:inline-block;font-weight:bold;padding:0 10px}
.contents_tit{text-align :center;padding:0 15px;font-family:'NanumGothic',sans-serif;background:url(../img/tab-bg.jpg) repeat-x 0 50%;display:inline-block;font-size:1.25em;margin:30px 0 10px}
.contents_tit span{display:inline-block;background:#fff;font-weight:bold;padding:0 10px}
.con_tit{display:inline-block;font-size:1em;margin:10px;color:#fff;background:#3e3e3e;padding:5px 10px}
.con_tit a{font-size:1em;color:#fff;}
.con_tit:after{display:block;visibility:hidden;clear:both;content:"";}


/* 서브메뉴 */
#container_c .location {
    width:100%;
    height:50px;
    text-align: right;
    font-weight:bold;
    color: #9c9c9c;
    font-size: 1em;
    margin-top:50px;
}
#container_c .location i {font-size: 1em;}

.location_box {
    background-color: #e8f0f4; border-top:1px solid #d5e0e5; border-bottom:1px solid #d5e0e5; color:#777; font-size:14px;
    height:50px; line-height: 49px; margin-bottom: 60px;
}

#container_c ul.sub_menu { float:left; width:220px; position: relative; margin-right:50px; }

@media screen and (max-width: 1400px) {
    #container_c > div:nth-child(3) { width:100%; margin-right: 0; }
    #container_c ul.sub_menu { width:100%; }
    .sub_con { padding:0 10px; }
}
@media screen and (max-width: 1220px) {
    .location_box { margin-bottom:0; }
    #container_c .lc_bix_inner { padding-left:10px; }
}

#container_c ul.sub_menu > li { width:220px; border-bottom: 1px solid #ddd; }

#container_c ul.sub_menu > li > a {
    font-size: 16px; height:50px; line-height: 49px; color: #444; letter-spacing: -1px; box-sizing: border-box; display: block; font-weight: 500;
    white-space: nowrap; text-align:left; position: relative; text-overflow: ellipsis; overflow: hidden; padding-left: 23px; 
}
#container_c ul.sub_menu > li > a:not(:only-child) { border-bottom: 1px solid #ddd; }

#container_c ul.sub_menu > li > a::after {
    content: "-"; color: #2e2e2e; position: absolute; right:20px; top:45%;
    transform: translateY(-50%); font-size:30px; font-weight: 400; display: block;
}

#container_c ul.sub_menu > li > a:not(:only-child)::after {
    content:"+"; font-size:20px;
}

#container_c ul.sub_menu > li.sub_menu_title {
    width: 100%;
    height: 140px; 
    line-height: 137px; 
    letter-spacing: -1px; 
    position: relative; 
    color:#fff; 
    font-size: 25px; 
    font-weight: 500; 
    border-bottom: 1px solid #fff; 
    background-color: #574691; 
    text-align: center;
}

#container_c ul.sub_menu > li > a:hover, #container_c ul.sub_menu > li > a.on { color: #333333; background-color:#f6f6f6; }

#container_c ul.sub_menu > li > ul { padding:12px 18px; box-sizing: border-box; overflow: hidden; }

#container_c ul.sub_menu > li > ul > li > a {
    font-size:15px; height:30px; line-height:30px; display: block; color: #555; padding-left: 14px; position: relative; letter-spacing: -1px;
}

#container_c ul.sub_menu > li > ul > li > a::before {
    content:""; position: absolute; display: block; width:4px; height:4px; background-color: #2e2e2e; top:50%; left:0; transform: translateY(-50%);
}

#container_c ul.sub_menu > li > ul > li > a:hover, #container_c ul.sub_menu > li > ul > li > a.on {
    color: #5d5fca; border-style: none; background-color: transparent; font-weight: 500;
}

#container_c ul.sub_menu > li > ul > li > a:hover::before, #container_c ul.sub_menu > li > ul > li > a.on::before {
    background-color: #5d5fca;
}

#container_c ul.sub_menu #sub_quick { margin-top:50px; border-radius: 17px; background-color: #ebf2f6; box-sizing: border-box; padding:35px 18px; border-bottom: none; }
#container_c ul.sub_menu #sub_quick ul { padding:0; }
#sub_quick ul li { float:left; width:50%; text-align: center; padding:72px 0 0 0; height: auto; cursor: pointer; }
#sub_quick ul li img { display: inline-block; }
#sub_quick ul li span {display: block; font-size: 14px; color: #555; letter-spacing: -1px; white-space: nowrap; }
#sub_quick .sub_quick_cell1 { background: url(../img/sub/sub_quick_cell1.png) center top no-repeat; }
#sub_quick .sub_quick_cell2 { background: url(../img/sub/sub_quick_cell2.png) center top no-repeat; }
#sub_quick .sub_quick_cell3 { background: url(../img/sub/sub_quick_cell3.png) center top no-repeat; }
#sub_quick .sub_quick_cell4 { background: url(../img/sub/sub_quick_cell4.png) center top no-repeat; }


#sct_location { position: absolute; top: 18px; left:14vw; color:#777; font-size: 14px; }

/*@media screen and (max-width: 1700px) {
    #sct_location { left:30px; }
}*/

@media screen and (max-width: 1400px) {
    #container_c ul.sub_menu #sub_quick { display: none; }
    #sct_location { left:10px; }
    #container_c ul.sub_menu > li > a:not(:only-child) { border-bottom: none; }
}

@media screen and (max-width: 1000px) {
    #sct_location { font-size: 12px; }
}

@media (max-width: 1400px) {
    #container_c .location { margin-top:0; }
    #container_c ul.sub_menu { border-bottom:0px solid #d0d0d0; width:100%; margin:50px auto; height:100%; text-align: center; position: relative;}
    #container_c ul.sub_menu .location {text-align: right; margin-bottom: 10px;}
    #container_c ul.sub_menu > li {
        display:inline-block; width:27%; max-width:140px; margin:1px; background:none;
    }
    #container_c ul.sub_menu > li > a::after { display: none; }
    #container_c ul.sub_menu > li > ul {
        position: absolute; left: 50%; transform: translateX(-50%); top: 105%; width: 90vw; display: none;
    }
    #container_c ul.sub_menu > li > a.on + ul { display: block; }
    #container_c ul.sub_menu > li > ul > li { display: inline-block; margin: 0 5px; }
    #container_c ul.sub_menu > li > ul > li > a { border: 1px solid #ddd; font-size:13px; padding:15px; line-height: 18px; height:auto; box-sizing: border-box; }
    #container_c ul.sub_menu > li > ul > li > a:hover, #container_c ul.sub_menu > li > ul > li > a.on { border: 3px solid #5d5fca; color: #5d5fca; padding:10px; box-sizing: border-box; }
    #container_c ul.sub_menu > li > ul > li > a::before { display: none; }
    #container_c ul.sub_menu li a:not(:only-child)::after { display: none; }
    #container_c ul.sub_menu li a { letter-spacing: -1px; font-size: 15px; height: 40px; line-height: 40px; text-align: center; padding-left: 0; }
    #container_c ul.sub_menu > li > a:hover, #container_c ul.sub_menu > li > a.on { line-height: 36px; }
    #container_c ul.sub_menu > li > ul > li > a::before
    #container_c > div:nth-child(3) { float:none; width:100%; padding:0 10px; }
    #container_c ul.sub_menu li.sub_menu_title { display: block; max-width: none; background:none; color:#5d5fca; text-align: center; font-weight: 600; height:100px; line-height: 99px; }
    #container_c ul.sub_menu::after { display: none; }
}

@media (max-width: 600px){
    #container_wr{margin:0}
    #container_title{margin:20px;font-size:1.167em;}
    #container_c ul.sub_menu > li > ul > li { margin:0; }
    #container_c ul.sub_menu { margin:40px 0 70px; padding:0 50px; }
    #container_c ul.sub_menu > li { width:30%; }
    #container_c ul.sub_menu > li > a { font-size:12px; line-height:14px; overflow: hidden; text-overflow: clip; white-space: normal; padding: 7px 0; height:auto; word-break: keep-all; }
    #container_c ul.sub_menu > li > a:hover, #container_c ul.sub_menu > li > a.on { line-height:14px; }
    #container_c ul.sub_menu > li > ul > li > a { font-size:12px; line-height: 16px; padding:7px; }
    #container_c ul.sub_menu li.sub_menu_title { padding-left: 10px; background-position: left top; font-size: 20px; }
}

#container_c .page_title {
    padding:60px 0 63px;
    font-size: 42px;
    line-height: 42px;
    text-align: left;
    font-weight: 600;
    color: #333;
    border-bottom:1px solid #e1e1e1;
}

@media screen and (max-width:1200px) {
    #container_c .page_title {
        font-size:35px;
        padding:50px 0 30px;
        margin-bottom:25px;
    }
}

@media screen and (max-width:500px) {
    #container_c .page_title {
        zoom:.7;
        padding:50px 20px 30px;
    }
}

#container_c .page_title { padding:85px 0 25px; font-size: 28px; line-height: 28px; text-align: left; font-weight: 500; color: #222;
    border-bottom:1px solid #ccc; letter-spacing: -1px; max-width: 1200px; margin: 0 auto;
}

@media screen and (max-width:1400px) {
    #container_c .page_title { font-size: 26px; padding: 0 10px 25px; }
}

@media screen and (max-width:1200px) {
    #container_c .page_title { font-size: 24px; padding: 0 10px 15px; }
}

@media screen and (max-width:1000px) {
    #container_c .page_title { /*font-size: 20px;*/ padding: 0 10px 15px; }
}

@media screen and (max-width:860px) {
    #container_c .page_title { /*font-size: 18px;*/ padding: 0 10px 15px; }
}


/*서브페이지 기본*/
.sub_con p.sign { text-align:right; font-family: 'InkLipquid'; font-size:25px; margin-top:50px;}
.sub_con p.sign b {font-size: 47px; padding-left: 10px; font-weight: normal;}

.sub_con_bg_img { position: absolute; width:100%; height:; z-index:-1; }

.max-width80 { max-width: 80px; }
.max-width100 { max-width: 100px; }
.max-width470 { max-width: 470px; }
.max-width800 { max-width: 800px; }
.max-width880 { max-width: 880px; }
.max-width920 { max-width: 920px; }
.max-width1150 { max-width: 1150px; }
.max-width1160 { max-width: 1160px; }
.max-width1188 { max-width: 1188px; }

.marginauto { margin:auto; }


/*margin-top 시작*/
.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; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }

@media screen and (max-width: 1200px) {
    .mt10 { margin-top: 8px !important; }
    .mt15 { margin-top: 12px !important; }
    .mt20 { margin-top: 16px !important; }
    .mt25 { margin-top: 20px !important; }
    .mt30 { margin-top: 24px !important; }
    .mt35 { margin-top: 28px !important; }
    .mt40 { margin-top: 32px !important; }
    .mt45 { margin-top: 36px !important; }
    .mt50 { margin-top: 40px !important; }
    .mt55 { margin-top: 44px !important; }
    .mt60 { margin-top: 48px !important; }
    .mt65 { margin-top: 52px !important; }
    .mt70 { margin-top: 56px !important; }
    .mt75 { margin-top: 60px !important; }
    .mt80 { margin-top: 64px !important; }
    .mt85 { margin-top: 68px !important; }
    .mt90 { margin-top: 72px !important; }
    .mt95 { margin-top: 76px !important; }
    .mt100 { margin-top: 80px !important; }
}

@media screen and (max-width: 860px) {
    .mt10 { margin-top: 6px !important; }
    .mt15 { margin-top: 9px !important; }
    .mt20 { margin-top: 12px !important; }
    .mt25 { margin-top: 15px !important; }
    .mt30 { margin-top: 18px !important; }
    .mt35 { margin-top: 21px !important; }
    .mt40 { margin-top: 24px !important; }
    .mt45 { margin-top: 27px !important; }
    .mt50 { margin-top: 30px !important; }
    .mt55 { margin-top: 33px !important; }
    .mt60 { margin-top: 36px !important; }
    .mt65 { margin-top: 39px !important; }
    .mt70 { margin-top: 42px !important; }
    .mt75 { margin-top: 45px !important; }
    .mt80 { margin-top: 48px !important; }
    .mt85 { margin-top: 51px !important; }
    .mt90 { margin-top: 54px !important; }
    .mt95 { margin-top: 57px !important; }
    .mt100 { margin-top: 60px !important; }
}

@media screen and (max-width: 600px) {
    .mt10 { margin-top: 4px !important; }
    .mt15 { margin-top: 6px !important; }
    .mt20 { margin-top: 8px !important; }
    .mt25 { margin-top: 10px !important; }
    .mt30 { margin-top: 12px !important; }
    .mt35 { margin-top: 14px !important; }
    .mt40 { margin-top: 16px !important; }
    .mt45 { margin-top: 18px !important; }
    .mt50 { margin-top: 20px !important; }
    .mt55 { margin-top: 22px !important; }
    .mt60 { margin-top: 24px !important; }
    .mt65 { margin-top: 26px !important; }
    .mt70 { margin-top: 28px !important; }
    .mt75 { margin-top: 30px !important; }
    .mt80 { margin-top: 32px !important; }
    .mt85 { margin-top: 34px !important; }
    .mt90 { margin-top: 36px !important; }
    .mt95 { margin-top: 38px !important; }
    .mt100 { margin-top: 40px !important; }
}


/*margin-right 시작*/
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
.mr65 { margin-right: 65px !important; }
.mr70 { margin-right: 70px !important; }
.mr75 { margin-right: 75px !important; }
.mr80 { margin-right: 80px !important; }
.mr85 { margin-right: 85px !important; }
.mr90 { margin-right: 90px !important; }
.mr95 { margin-right: 95px !important; }
.mr100 { margin-right: 100px !important; }

@media screen and (max-width: 1200px) {
    .mr10 { margin-right: 8px !important; }
    .mr15 { margin-right: 12px !important; }
    .mr20 { margin-right: 16px !important; }
    .mr25 { margin-right: 20px !important; }
    .mr30 { margin-right: 24px !important; }
    .mr35 { margin-right: 28px !important; }
    .mr40 { margin-right: 32px !important; }
    .mr45 { margin-right: 36px !important; }
    .mr50 { margin-right: 40px !important; }
    .mr55 { margin-right: 44px !important; }
    .mr60 { margin-right: 48px !important; }
    .mr65 { margin-right: 52px !important; }
    .mr70 { margin-right: 56px !important; }
    .mr75 { margin-right: 60px !important; }
    .mr80 { margin-right: 64px !important; }
    .mr85 { margin-right: 68px !important; }
    .mr90 { margin-right: 72px !important; }
    .mr95 { margin-right: 76px !important; }
    .mr100 { margin-right: 80px !important; }
}

@media screen and (max-width: 860px) {
    .mr10 { margin-right: 6px !important; }
    .mr15 { margin-right: 9px !important; }
    .mr20 { margin-right: 12px !important; }
    .mr25 { margin-right: 15px !important; }
    .mr30 { margin-right: 18px !important; }
    .mr35 { margin-right: 21px !important; }
    .mr40 { margin-right: 24px !important; }
    .mr45 { margin-right: 27px !important; }
    .mr50 { margin-right: 30px !important; }
    .mr55 { margin-right: 33px !important; }
    .mr60 { margin-right: 36px !important; }
    .mr65 { margin-right: 39px !important; }
    .mr70 { margin-right: 42px !important; }
    .mr75 { margin-right: 45px !important; }
    .mr80 { margin-right: 48px !important; }
    .mr85 { margin-right: 51px !important; }
    .mr90 { margin-right: 54px !important; }
    .mr95 { margin-right: 57px !important; }
    .mr100 { margin-right: 60px !important; }
}

@media screen and (max-width: 600px) {
    .mr10 { margin-right: 4px !important; }
    .mr15 { margin-right: 6px !important; }
    .mr20 { margin-right: 8px !important; }
    .mr25 { margin-right: 10px !important; }
    .mr30 { margin-right: 12px !important; }
    .mr35 { margin-right: 14px !important; }
    .mr40 { margin-right: 16px !important; }
    .mr45 { margin-right: 18px !important; }
    .mr50 { margin-right: 20px !important; }
    .mr55 { margin-right: 22px !important; }
    .mr60 { margin-right: 24px !important; }
    .mr65 { margin-right: 26px !important; }
    .mr70 { margin-right: 28px !important; }
    .mr75 { margin-right: 30px !important; }
    .mr80 { margin-right: 32px !important; }
    .mr85 { margin-right: 34px !important; }
    .mr90 { margin-right: 36px !important; }
    .mr95 { margin-right: 38px !important; }
    .mr100 { margin-right: 40px !important; }
}


/*margin-bottom 시작*/
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }

@media screen and (max-width: 1200px) {
    .mb10 { margin-bottom: 8px !important; }
    .mb15 { margin-bottom: 12px !important; }
    .mb20 { margin-bottom: 16px !important; }
    .mb25 { margin-bottom: 20px !important; }
    .mb30 { margin-bottom: 24px !important; }
    .mb35 { margin-bottom: 28px !important; }
    .mb40 { margin-bottom: 32px !important; }
    .mb45 { margin-bottom: 36px !important; }
    .mb50 { margin-bottom: 40px !important; }
    .mb55 { margin-bottom: 44px !important; }
    .mb60 { margin-bottom: 48px !important; }
    .mb65 { margin-bottom: 52px !important; }
    .mb70 { margin-bottom: 56px !important; }
    .mb75 { margin-bottom: 60px !important; }
    .mb80 { margin-bottom: 64px !important; }
    .mb85 { margin-bottom: 68px !important; }
    .mb90 { margin-bottom: 72px !important; }
    .mb95 { margin-bottom: 76px !important; }
    .mb100 { margin-bottom: 80px !important; }
}

@media screen and (max-width: 860px) {
    .mb10 { margin-bottom: 6px !important; }
    .mb15 { margin-bottom: 9px !important; }
    .mb20 { margin-bottom: 12px !important; }
    .mb25 { margin-bottom: 15px !important; }
    .mb30 { margin-bottom: 18px !important; }
    .mb35 { margin-bottom: 21px !important; }
    .mb40 { margin-bottom: 24px !important; }
    .mb45 { margin-bottom: 27px !important; }
    .mb50 { margin-bottom: 30px !important; }
    .mb55 { margin-bottom: 33px !important; }
    .mb60 { margin-bottom: 36px !important; }
    .mb65 { margin-bottom: 39px !important; }
    .mb70 { margin-bottom: 42px !important; }
    .mb75 { margin-bottom: 45px !important; }
    .mb80 { margin-bottom: 48px !important; }
    .mb85 { margin-bottom: 51px !important; }
    .mb90 { margin-bottom: 54px !important; }
    .mb95 { margin-bottom: 57px !important; }
    .mb100 { margin-bottom: 60px !important; }
}

@media screen and (max-width: 600px) {
    .mb10 { margin-bottom: 4px !important; }
    .mb15 { margin-bottom: 6px !important; }
    .mb20 { margin-bottom: 8px !important; }
    .mb25 { margin-bottom: 10px !important; }
    .mb30 { margin-bottom: 12px !important; }
    .mb35 { margin-bottom: 14px !important; }
    .mb40 { margin-bottom: 16px !important; }
    .mb45 { margin-bottom: 18px !important; }
    .mb50 { margin-bottom: 20px !important; }
    .mb55 { margin-bottom: 22px !important; }
    .mb60 { margin-bottom: 24px !important; }
    .mb65 { margin-bottom: 26px !important; }
    .mb70 { margin-bottom: 28px !important; }
    .mb75 { margin-bottom: 30px !important; }
    .mb80 { margin-bottom: 32px !important; }
    .mb85 { margin-bottom: 34px !important; }
    .mb90 { margin-bottom: 36px !important; }
    .mb95 { margin-bottom: 38px !important; }
    .mb100 { margin-bottom: 40px !important; }
}

/*margin-left 시작*/
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 70px !important; }
.ml75 { margin-left: 75px !important; }
.ml80 { margin-left: 80px !important; }
.ml85 { margin-left: 85px !important; }
.ml90 { margin-left: 90px !important; }
.ml95 { margin-left: 95px !important; }
.ml100 { margin-left: 100px !important; }

@media screen and (max-width: 1200px) {
    .ml10 { margin-left: 8px !important; }
    .ml15 { margin-left: 12px !important; }
    .ml20 { margin-left: 16px !important; }
    .ml25 { margin-left: 20px !important; }
    .ml30 { margin-left: 24px !important; }
    .ml35 { margin-left: 28px !important; }
    .ml40 { margin-left: 32px !important; }
    .ml45 { margin-left: 36px !important; }
    .ml50 { margin-left: 40px !important; }
    .ml55 { margin-left: 44px !important; }
    .ml60 { margin-left: 48px !important; }
    .ml65 { margin-left: 52px !important; }
    .ml70 { margin-left: 56px !important; }
    .ml75 { margin-left: 60px !important; }
    .ml80 { margin-left: 64px !important; }
    .ml85 { margin-left: 68px !important; }
    .ml90 { margin-left: 72px !important; }
    .ml95 { margin-left: 76px !important; }
    .ml100 { margin-left: 80px !important; }
}

@media screen and (max-width: 860px) {
    .ml10 { margin-left: 6px !important; }
    .ml15 { margin-left: 9px !important; }
    .ml20 { margin-left: 12px !important; }
    .ml25 { margin-left: 15px !important; }
    .ml30 { margin-left: 18px !important; }
    .ml35 { margin-left: 21px !important; }
    .ml40 { margin-left: 24px !important; }
    .ml45 { margin-left: 27px !important; }
    .ml50 { margin-left: 30px !important; }
    .ml55 { margin-left: 33px !important; }
    .ml60 { margin-left: 36px !important; }
    .ml65 { margin-left: 39px !important; }
    .ml70 { margin-left: 42px !important; }
    .ml75 { margin-left: 45px !important; }
    .ml80 { margin-left: 48px !important; }
    .ml85 { margin-left: 51px !important; }
    .ml90 { margin-left: 54px !important; }
    .ml95 { margin-left: 57px !important; }
    .ml100 { margin-left: 60px !important; }
}

@media screen and (max-width: 600px) {
    .ml10 { margin-left: 4px !important; }
    .ml15 { margin-left: 6px !important; }
    .ml20 { margin-left: 8px !important; }
    .ml25 { margin-left: 10px !important; }
    .ml30 { margin-left: 12px !important; }
    .ml35 { margin-left: 14px !important; }
    .ml40 { margin-left: 16px !important; }
    .ml45 { margin-left: 18px !important; }
    .ml50 { margin-left: 20px !important; }
    .ml55 { margin-left: 22px !important; }
    .ml60 { margin-left: 24px !important; }
    .ml65 { margin-left: 26px !important; }
    .ml70 { margin-left: 28px !important; }
    .ml75 { margin-left: 30px !important; }
    .ml80 { margin-left: 32px !important; }
    .ml85 { margin-left: 34px !important; }
    .ml90 { margin-left: 36px !important; }
    .ml95 { margin-left: 38px !important; }
    .ml100 { margin-left: 40px !important; }
}

/*padding-top 시작*/
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }
.pt65 { padding-top: 65px !important; }
.pt70 { padding-top: 70px !important; }
.pt75 { padding-top: 75px !important; }
.pt80 { padding-top: 80px !important; }
.pt85 { padding-top: 85px !important; }
.pt90 { padding-top: 90px !important; }
.pt95 { padding-top: 95px !important; }
.pt100 { padding-top: 100px !important; }

@media screen and (max-width: 1200px) {
    .pt10 { padding-top: 8px !important; }
    .pt15 { padding-top: 12px !important; }
    .pt20 { padding-top: 16px !important; }
    .pt25 { padding-top: 20px !important; }
    .pt30 { padding-top: 24px !important; }
    .pt35 { padding-top: 28px !important; }
    .pt40 { padding-top: 32px !important; }
    .pt45 { padding-top: 36px !important; }
    .pt50 { padding-top: 40px !important; }
    .pt55 { padding-top: 44px !important; }
    .pt60 { padding-top: 48px !important; }
    .pt65 { padding-top: 52px !important; }
    .pt70 { padding-top: 56px !important; }
    .pt75 { padding-top: 60px !important; }
    .pt80 { padding-top: 64px !important; }
    .pt85 { padding-top: 68px !important; }
    .pt90 { padding-top: 72px !important; }
    .pt95 { padding-top: 76px !important; }
    .pt100 { padding-top: 80px !important; }
}

@media screen and (max-width: 860px) {
    .pt10 { padding-top: 6px !important; }
    .pt15 { padding-top: 9px !important; }
    .pt20 { padding-top: 12px !important; }
    .pt25 { padding-top: 15px !important; }
    .pt30 { padding-top: 18px !important; }
    .pt35 { padding-top: 21px !important; }
    .pt40 { padding-top: 24px !important; }
    .pt45 { padding-top: 27px !important; }
    .pt50 { padding-top: 30px !important; }
    .pt55 { padding-top: 33px !important; }
    .pt60 { padding-top: 36px !important; }
    .pt65 { padding-top: 39px !important; }
    .pt70 { padding-top: 42px !important; }
    .pt75 { padding-top: 45px !important; }
    .pt80 { padding-top: 48px !important; }
    .pt85 { padding-top: 51px !important; }
    .pt90 { padding-top: 54px !important; }
    .pt95 { padding-top: 57px !important; }
    .pt100 { padding-top: 60px !important; }
}

@media screen and (max-width: 600px) {
    .pt10 { padding-top: 4px !important; }
    .pt15 { padding-top: 6px !important; }
    .pt20 { padding-top: 8px !important; }
    .pt25 { padding-top: 10px !important; }
    .pt30 { padding-top: 12px !important; }
    .pt35 { padding-top: 14px !important; }
    .pt40 { padding-top: 16px !important; }
    .pt45 { padding-top: 18px !important; }
    .pt50 { padding-top: 20px !important; }
    .pt55 { padding-top: 22px !important; }
    .pt60 { padding-top: 24px !important; }
    .pt65 { padding-top: 26px !important; }
    .pt70 { padding-top: 28px !important; }
    .pt75 { padding-top: 30px !important; }
    .pt80 { padding-top: 32px !important; }
    .pt85 { padding-top: 34px !important; }
    .pt90 { padding-top: 36px !important; }
    .pt95 { padding-top: 38px !important; }
    .pt100 { padding-top: 40px !important; }
}

/*padding-right 시작*/
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr55 { padding-right: 55px !important; }
.pr60 { padding-right: 60px !important; }
.pr65 { padding-right: 65px !important; }
.pr70 { padding-right: 70px !important; }
.pr75 { padding-right: 75px !important; }
.pr80 { padding-right: 80px !important; }
.pr85 { padding-right: 85px !important; }
.pr90 { padding-right: 90px !important; }
.pr95 { padding-right: 95px !important; }
.pr100 { padding-right: 100px !important; }

@media screen and (max-width: 1200px) {
    .pr10 { padding-right: 8px !important; }
    .pr15 { padding-right: 12px !important; }
    .pr20 { padding-right: 16px !important; }
    .pr25 { padding-right: 20px !important; }
    .pr30 { padding-right: 24px !important; }
    .pr35 { padding-right: 28px !important; }
    .pr40 { padding-right: 32px !important; }
    .pr45 { padding-right: 36px !important; }
    .pr50 { padding-right: 40px !important; }
    .pr55 { padding-right: 44px !important; }
    .pr60 { padding-right: 48px !important; }
    .pr65 { padding-right: 52px !important; }
    .pr70 { padding-right: 56px !important; }
    .pr75 { padding-right: 60px !important; }
    .pr80 { padding-right: 64px !important; }
    .pr85 { padding-right: 68px !important; }
    .pr90 { padding-right: 72px !important; }
    .pr95 { padding-right: 76px !important; }
    .pr100 { padding-right: 80px !important; }
}

@media screen and (max-width: 860px) {
    .pr10 { padding-right: 6px !important; }
    .pr15 { padding-right: 9px !important; }
    .pr20 { padding-right: 12px !important; }
    .pr25 { padding-right: 15px !important; }
    .pr30 { padding-right: 18px !important; }
    .pr35 { padding-right: 21px !important; }
    .pr40 { padding-right: 24px !important; }
    .pr45 { padding-right: 27px !important; }
    .pr50 { padding-right: 30px !important; }
    .pr55 { padding-right: 33px !important; }
    .pr60 { padding-right: 36px !important; }
    .pr65 { padding-right: 39px !important; }
    .pr70 { padding-right: 42px !important; }
    .pr75 { padding-right: 45px !important; }
    .pr80 { padding-right: 48px !important; }
    .pr85 { padding-right: 51px !important; }
    .pr90 { padding-right: 54px !important; }
    .pr95 { padding-right: 57px !important; }
    .pr100 { padding-right: 60px !important; }
}

@media screen and (max-width: 600px) {
    .pr10 { padding-right: 4px !important; }
    .pr15 { padding-right: 6px !important; }
    .pr20 { padding-right: 8px !important; }
    .pr25 { padding-right: 10px !important; }
    .pr30 { padding-right: 12px !important; }
    .pr35 { padding-right: 14px !important; }
    .pr40 { padding-right: 16px !important; }
    .pr45 { padding-right: 18px !important; }
    .pr50 { padding-right: 20px !important; }
    .pr55 { padding-right: 22px !important; }
    .pr60 { padding-right: 24px !important; }
    .pr65 { padding-right: 26px !important; }
    .pr70 { padding-right: 28px !important; }
    .pr75 { padding-right: 30px !important; }
    .pr80 { padding-right: 32px !important; }
    .pr85 { padding-right: 34px !important; }
    .pr90 { padding-right: 36px !important; }
    .pr95 { padding-right: 38px !important; }
    .pr100 { padding-right: 40px !important; }
}

/*padding-bottom 시작*/
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb65 { padding-bottom: 65px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb75 { padding-bottom: 75px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb85 { padding-bottom: 85px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb95 { padding-bottom: 95px !important; }
.pb100 { padding-bottom: 100px !important; }

@media screen and (max-width: 1200px) {
    .pb10 { padding-bottom: 8px !important; }
    .pb15 { padding-bottom: 12px !important; }
    .pb20 { padding-bottom: 16px !important; }
    .pb25 { padding-bottom: 20px !important; }
    .pb30 { padding-bottom: 24px !important; }
    .pb35 { padding-bottom: 28px !important; }
    .pb40 { padding-bottom: 32px !important; }
    .pb45 { padding-bottom: 36px !important; }
    .pb50 { padding-bottom: 40px !important; }
    .pb55 { padding-bottom: 44px !important; }
    .pb60 { padding-bottom: 48px !important; }
    .pb65 { padding-bottom: 52px !important; }
    .pb70 { padding-bottom: 56px !important; }
    .pb75 { padding-bottom: 60px !important; }
    .pb80 { padding-bottom: 64px !important; }
    .pb85 { padding-bottom: 68px !important; }
    .pb90 { padding-bottom: 72px !important; }
    .pb95 { padding-bottom: 76px !important; }
    .pb100 { padding-bottom: 80px !important; }
}

@media screen and (max-width: 860px) {
    .pb10 { padding-bottom: 6px !important; }
    .pb15 { padding-bottom: 9px !important; }
    .pb20 { padding-bottom: 12px !important; }
    .pb25 { padding-bottom: 15px !important; }
    .pb30 { padding-bottom: 18px !important; }
    .pb35 { padding-bottom: 21px !important; }
    .pb40 { padding-bottom: 24px !important; }
    .pb45 { padding-bottom: 27px !important; }
    .pb50 { padding-bottom: 30px !important; }
    .pb55 { padding-bottom: 33px !important; }
    .pb60 { padding-bottom: 36px !important; }
    .pb65 { padding-bottom: 39px !important; }
    .pb70 { padding-bottom: 42px !important; }
    .pb75 { padding-bottom: 45px !important; }
    .pb80 { padding-bottom: 48px !important; }
    .pb85 { padding-bottom: 51px !important; }
    .pb90 { padding-bottom: 54px !important; }
    .pb95 { padding-bottom: 57px !important; }
    .pb100 { padding-bottom: 60px !important; }
}

@media screen and (max-width: 600px) {
    .pb10 { padding-bottom: 4px !important; }
    .pb15 { padding-bottom: 6px !important; }
    .pb20 { padding-bottom: 8px !important; }
    .pb25 { padding-bottom: 10px !important; }
    .pb30 { padding-bottom: 12px !important; }
    .pb35 { padding-bottom: 14px !important; }
    .pb40 { padding-bottom: 16px !important; }
    .pb45 { padding-bottom: 18px !important; }
    .pb50 { padding-bottom: 20px !important; }
    .pb55 { padding-bottom: 22px !important; }
    .pb60 { padding-bottom: 24px !important; }
    .pb65 { padding-bottom: 26px !important; }
    .pb70 { padding-bottom: 28px !important; }
    .pb75 { padding-bottom: 30px !important; }
    .pb80 { padding-bottom: 32px !important; }
    .pb85 { padding-bottom: 34px !important; }
    .pb90 { padding-bottom: 36px !important; }
    .pb95 { padding-bottom: 38px !important; }
    .pb100 { padding-bottom: 40px !important; }
}

/*padding-left 시작*/
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl55 { padding-left: 55px !important; }
.pl60 { padding-left: 60px !important; }
.pl65 { padding-left: 65px !important; }
.pl70 { padding-left: 70px !important; }
.pl75 { padding-left: 75px !important; }
.pl80 { padding-left: 80px !important; }
.pl85 { padding-left: 85px !important; }
.pl90 { padding-left: 90px !important; }
.pl95 { padding-left: 95px !important; }
.pl100 { padding-left: 100px !important; }

@media screen and (max-width: 1200px) {
    .pl10 { padding-left: 8px !important; }
    .pl15 { padding-left: 12px !important; }
    .pl20 { padding-left: 16px !important; }
    .pl25 { padding-left: 20px !important; }
    .pl30 { padding-left: 24px !important; }
    .pl35 { padding-left: 28px !important; }
    .pl40 { padding-left: 32px !important; }
    .pl45 { padding-left: 36px !important; }
    .pl50 { padding-left: 40px !important; }
    .pl55 { padding-left: 44px !important; }
    .pl60 { padding-left: 48px !important; }
    .pl65 { padding-left: 52px !important; }
    .pl70 { padding-left: 56px !important; }
    .pl75 { padding-left: 60px !important; }
    .pl80 { padding-left: 64px !important; }
    .pl85 { padding-left: 68px !important; }
    .pl90 { padding-left: 72px !important; }
    .pl95 { padding-left: 76px !important; }
    .pl100 { padding-left: 80px !important; }
}

@media screen and (max-width: 860px) {
    .pl10 { padding-left: 6px !important; }
    .pl15 { padding-left: 9px !important; }
    .pl20 { padding-left: 12px !important; }
    .pl25 { padding-left: 15px !important; }
    .pl30 { padding-left: 18px !important; }
    .pl35 { padding-left: 21px !important; }
    .pl40 { padding-left: 24px !important; }
    .pl45 { padding-left: 27px !important; }
    .pl50 { padding-left: 30px !important; }
    .pl55 { padding-left: 33px !important; }
    .pl60 { padding-left: 36px !important; }
    .pl65 { padding-left: 39px !important; }
    .pl70 { padding-left: 42px !important; }
    .pl75 { padding-left: 45px !important; }
    .pl80 { padding-left: 48px !important; }
    .pl85 { padding-left: 51px !important; }
    .pl90 { padding-left: 54px !important; }
    .pl95 { padding-left: 57px !important; }
    .pl100 { padding-left: 60px !important; }
}

@media screen and (max-width: 600px) {
    .pl10 { padding-left: 4px !important; }
    .pl15 { padding-left: 6px !important; }
    .pl20 { padding-left: 8px !important; }
    .pl25 { padding-left: 10px !important; }
    .pl30 { padding-left: 12px !important; }
    .pl35 { padding-left: 14px !important; }
    .pl40 { padding-left: 16px !important; }
    .pl45 { padding-left: 18px !important; }
    .pl50 { padding-left: 20px !important; }
    .pl55 { padding-left: 22px !important; }
    .pl60 { padding-left: 24px !important; }
    .pl65 { padding-left: 26px !important; }
    .pl70 { padding-left: 28px !important; }
    .pl75 { padding-left: 30px !important; }
    .pl80 { padding-left: 32px !important; }
    .pl85 { padding-left: 34px !important; }
    .pl90 { padding-left: 36px !important; }
    .pl95 { padding-left: 38px !important; }
    .pl100 { padding-left: 40px !important; }
}

/*서브콘텐츠 레이아웃 툴 시작*/

/*인사말 시작*/
.sub_con .greeting_row { height:356px; }
.sub_con .greeting_row > div { height:100%; position: relative; float:left; box-sizing: border-box; }
.sub_con .greeting_row > .img_cell { width*:520px; width:47.2%; }
.sub_con .greeting_row > .img_cell > img { position: absolute; top:-30px; left:0; max-width:none !important; z-index: 1; width:111.5384615%; }
.sub_con .greeting_row > .text_cell { width*:580px; width: 52.7%; border:10px solid #eee; }
.sub_con .greeting_row > .text_cell > div { position: absolute; white-space: nowrap; top:50%; left:53%; transform: translateY(-50%) translateX(-50%); z-index: 1; }

@media screen and (max-width: 1000px) {
    .sub_con .greeting_row { height:285px; }
    .sub_con .greeting_row > .img_cell > img { top:-20px; }
}

@media screen and (max-width: 860px) {
    .sub_con .greeting_row { height:210px; }
    .sub_con .greeting_row > .img_cell { width:34.9%; }
    .sub_con .greeting_row > .text_cell { width:64.9%; }
    .sub_con .greeting_row > .text_cell > div { left:50%; }
}

@media screen and (max-width: 600px) {
    .sub_con .greeting_row { height:auto; }
    .sub_con .greeting_row > .img_cell { width:100%; height:auto; }
    .sub_con .greeting_row > .text_cell { width:100%; text-align: center; height:200px; }
    .sub_con .greeting_row > .img_cell > img { position: static; }
}
/*인사말 끝*/


/*연혁1 시작*/
.sub_con .history_text_row { border-top: 1px solid #e0e0e0; }

.sub_con .history_text_row .year_cell { float: left; line-height: 30px; margin-right:65px; }
.sub_con .history_text_row .text_cell { float: left; line-height: 30px; }
.sub_con .history_text_row .text_cell span { margin-right:8px; }

@media screen and (max-width:1200px) {
    .sub_con .history_text_row .year_cell { margin-right:40px; line-height: 28px; }
    .sub_con .history_text_row .text_cell { line-height: 28px; }
}

@media screen and (max-width: 1000px) {
    .sub_con .history_text_row .year_cell { margin-right:30px; line-height: 25px; }
    .sub_con .history_text_row .text_cell { line-height: 25px; }
}

@media screen and (max-width: 860px) {
    .sub_con .history_text_row .year_cell { float: none; text-align: center; margin-right:0; margin-bottom: 15px; line-height: 23px; }
    .sub_con .history_text_row .text_cell { line-height: 23px; }
}

@media screen and (max-width: 600px) {
    .sub_con .history_text_row .year_cell { line-height: 20px; }
    .sub_con .history_text_row .text_cell { line-height: 20px; }
}
/*연혁1 끝*/


/*1:1*/
.sub_con .harf_row { }
.sub_con .harf_row > div { float: left; width:calc((99.9% - 30px) / 2); }
.sub_con .harf_row > div:nth-of-type(1) { margin-right:30px; }
.sub_con .harf_row > div img { display: block; }

@media screen and (max-width: 1200px) {
    .sub_con .harf_row > div { width:calc((99.9% - 30px) / 2); }
    .sub_con .harf_row > div:nth-of-type(1) { margin-right:30px; }
}

@media screen and (max-width: 860px) {
    .sub_con .harf_row > div { width:calc((99.9% - 20px) / 2); }
    .sub_con .harf_row > div:nth-of-type(1) { margin-right:20px; }
}

@media screen and (max-width: 600px) {
    .sub_con .harf_row > div { width:calc((99.9% - 10px) / 2); }
    .sub_con .harf_row > div:nth-of-type(1) { margin-right:10px; }
}

@media screen and (max-width: 400px) {
    .sub_con .harf_row > div { width:100%; float:none; }
    .sub_con .harf_row > div:nth-of-type(1) { margin-right:0; margin-bottom:15px; }
}

/*1:1*/
.sub_con .harf_row2 { }
.sub_con .harf_row2 > div { float: left; width:50%; }
.sub_con .harf_row2 > div img { display: block; }

@media screen and (max-width: 600px) {
    .sub_con .harf_row2 > div { width:100%; float:none; }
}

/*동아리 활동 혜택 추가*/
.sub_con .harf_row3 { }
.sub_con .harf_row3 > div { float: left; width:calc((99.9% - 30px) / 2); padding:30px 0; }
.sub_con .harf_row3 > div:nth-of-type(1) { margin-right:30px; }
.sub_con .harf_row3 > div img { display: block; }

.sub_con .harf_row3 > div > .img_cell { float:left; max-width:30%; padding-left: 11%; }
.sub_con .harf_row3 > div > .text_cell { float:left; padding: 20px 0 0 30px; }

@media screen and (max-width: 1200px) {
    .sub_con .harf_row3 > div { width:calc((99.9% - 30px) / 2); }
    .sub_con .harf_row3 > div:nth-of-type(1) { margin-right:30px; }
    .sub_con .harf_row3 > div > .img_cell { padding-left: 6%; }
    .sub_con .harf_row3 > div > .text_cell { padding: 20px 0 0 20px; }
}

@media screen and (max-width: 860px) {
    .sub_con .harf_row3 > div { width:calc((99.9% - 10px) / 2); padding:20px 0; }
    .sub_con .harf_row3 > div:nth-of-type(1) { margin-right:10px; }
    .sub_con .harf_row3 > div > .img_cell { max-width:22%; }
    .sub_con .harf_row3 > div > .text_cell { padding: 10px 0 0 15px; }
}

@media screen and (max-width: 680px) {
    .sub_con .harf_row3 > div { width:100%; float:none; }
    .sub_con .harf_row3 > div:nth-of-type(1) { margin-right:0; margin-bottom:10px; }
    .sub_con .harf_row3 > div > .img_cell { max-width: 100px; }
}

@media screen and (max-width: 600px) {
    .sub_con .harf_row3 > div { padding:10px 0; }
    .sub_con .harf_row3 > div:nth-of-type(1) { margin-bottom:8px; }
    .sub_con .harf_row3 > div > .img_cell { max-width: 80px; }
}

@media screen and (max-width: 400px) {
    .sub_con .harf_row3 > div > .img_cell { max-width: 70px; }
}

/*1:1:1*/
.sub_con .three_equal_row { }
.sub_con .three_equal_row > div { float: left; width:calc((99.9% - 50px) / 3); overflow: hidden; }
.sub_con .three_equal_row > div:not(:nth-of-type(3)) { margin-right:25px; }
.sub_con .three_equal_row > div img { display: block; }

@media screen and (max-width: 1200px) {
    .sub_con .three_equal_row > div { width:calc((99.9% - 40px) / 3); }
    .sub_con .three_equal_row > div:not(:nth-of-type(3)) { margin-right:20px; }
}

@media screen and (max-width: 860px) {
    .sub_con .three_equal_row > div { width:calc((99.9% - 30px) / 3); }
    .sub_con .three_equal_row > div:not(:nth-of-type(3)) { margin-right:15px; }
}

@media screen and (max-width: 600px) {
    .sub_con .three_equal_row > div { width:calc((99.9% - 20px) / 3); }
    .sub_con .three_equal_row > div:not(:nth-of-type(3)) { margin-right:10px; }
}

@media screen and (max-width: 400px) {
    .sub_con .three_equal_row > div { width:100%; float:none; }
    .sub_con .three_equal_row > div:not(:nth-of-type(3)) { margin-right:0; margin-bottom:10px; }
}


/*1:1:1:1*/
.sub_con .quarter_row { }
.sub_con .quarter_row > div { float: left; width:calc((99.9% - 60px) / 4); border-radius: 9px; overflow: hidden; }
.sub_con .quarter_row > div:not(:nth-of-type(4)) { margin-right:20px; }
.sub_con .quarter_row > div img { display: block; }

@media screen and (max-width: 1200px) {
    .sub_con .quarter_row > div { float: left; width:calc((99.9% - 51px) / 4); border-radius: 9px; overflow: hidden; }
    .sub_con .quarter_row > div:not(:nth-of-type(4)) { margin-right:17px; }
}

@media screen and (max-width: 860px) {
    .sub_con .quarter_row > div { float: left; width:calc((99.9% - 39px) / 4); border-radius: 9px; overflow: hidden; }
    .sub_con .quarter_row > div:not(:nth-of-type(4)) { margin-right:13px; }
}

@media screen and (max-width: 600px) {
    .sub_con .quarter_row > div { float: left; width:calc((99.9% - 30px) / 4); border-radius: 9px; overflow: hidden; }
    .sub_con .quarter_row > div:not(:nth-of-type(4)) { margin-right:10px; }
}

@media screen and (max-width: 400px) {
    .sub_con .quarter_row > div { width:100%; float:none; }
    .sub_con .quarter_row > div:not(:nth-of-type(3)) { margin-right:0; margin-bottom:10px; }
}


/*1:2(.toOne : .toTwo) or 2:1(.toTwo : .toOne)*/
.sub_con .oneToTwo_row {  }
.sub_con .oneToTwo_row > div { float: left; border-radius: 9px; overflow: hidden; }
.sub_con .oneToTwo_row > div:nth-of-type(1) { margin-right:20px; }
.sub_con .oneToTwo_row > div:nth-of-type(2) { }
.sub_con .oneToTwo_row > div.toTwo { width: calc(((99.9% - 20px) / 3) * 2); }
.sub_con .oneToTwo_row > div.toOne { width: calc(((99.9% - 20px) / 3) * 1); }
.sub_con .oneToTwo_row > div img { display: block; }


/*1:3(.toOne : .toThree) or 3:1(.toThree : .toOne)*/
.sub_con .oneToThree_row { }
.sub_con .oneToThree_row > div { float: left; border-radius: 9px; overflow: hidden; }
.sub_con .oneToThree_row > div:nth-of-type(1) { margin-right:20px; }
.sub_con .oneToThree_row > div.toThree { width: calc(((99.9% - 20px) / 4) * 3); }
.sub_con .oneToThree_row > div.toOne { width: calc(((99.9% - 20px) / 4) * 1); }
.sub_con .oneToThree_row > div img { display: block; }


/*1:4(.toOne : .toFour) or 4:1(.toFour : .toOne)*/
.sub_con .oneToFour_row { }
.sub_con .oneToFour_row > div { float: left; box-sizing: border-box; }
.sub_con .oneToFour_row > div:nth-of-type(1) { margin-right:20px; }
.sub_con .oneToFour_row > div.toFour { width: calc(((99.9% - 20px) / 5) * 4); max-width: 923px; }
.sub_con .oneToFour_row > div.toOne { width: calc(((99.9% - 20px) / 5) * 1); }
.sub_con .oneToFour_row > div img { display: block; }

@media screen and (max-width: 600px) {
    .sub_con .oneToFour_row > div { float: none; }
    .sub_con .oneToFour_row > div:nth-of-type(1) { width: 100%; margin-right:0; margin-bottom:20px; }
    .sub_con .oneToFour_row > div:nth-of-type(2) { width:100%; }
}
/*서브콘텐츠 레이아웃 툴 끝*/


/*서브콘텐츠 텍스트 시작*/

/*타이틀*/
.sub_con_tit1 { font-size:35px; letter-spacing: -1px; line-height: 150%;}
.sub_con_tit2 { font-size: 30px; letter-spacing: -1px; line-height: 150%;}
.sub_con_tit3 { font-size:25px; letter-spacing: -1px; line-height: 150%;}
.sub_con_tit4 { font-size:20px; letter-spacing: -1px; line-height: 150%;}
.sub_con_tit5 { font-size: 22px; letter-spacing: -1px; line-height: 150%; }
.sub_con_tit6 {  }

/*텍스트*/
.sub_con_txt1 { font-size: 20px; line-height: 18px; letter-spacing: -1px; word-break: keep-all; }
.sub_con_txt2 { font-size: 18px; line-height: 18px; letter-spacing: -1px; word-break: keep-all; }
.sub_con_txt3 { font-size: 16px; line-height: 30px; letter-spacing: -1px; word-break: keep-all; }
.sub_con_txt4 { font-size: 14px; word-break: keep-all; line-height: 150%;}
.sub_con_txt5 { font-size: 16px; line-height: 25px; letter-spacing: -1px; word-break: keep-all; }
.sub_con_txt6 { font-size: 15px; line-height: 30px; letter-spacing: -1px; word-break: keep-all; }
.sub_con_txt7 { font-size: 17px; line-height: 17px; letter-spacing: -1px; word-break: keep-all; }

@media screen and (max-width:1200px) {
    /*타이틀*/
    .sub_con_tit1 { font-size:30px;}
    .sub_con_tit2 { font-size: 25px;}
    .sub_con_tit3 { font-size:20px;}
    .sub_con_tit4 { font-size:17px;}
    .sub_con_tit5 { font-size: 20px; }
    .sub_con_tit6 {  }

    /*텍스트*/
    .sub_con_txt1 { font-size: 19px; line-height: 17px; }
    .sub_con_txt2 { font-size: 17px; line-height: 17px; }
    .sub_con_txt3 { font-size: 15px; line-height: 29px; }
    .sub_con_txt4 { font-size: 13px; }
    .sub_con_txt5 { font-size: 15px; line-height: 24px; }
    .sub_con_txt6 { font-size: 14px; line-height: 29px; }
    .sub_con_txt7 { font-size: 16px; line-height: 16px; }
}

@media screen and (max-width:1000px) {
    /*타이틀*/
    .sub_con_tit1 { font-size:25px;}
    .sub_con_tit2 { font-size: 20px;}
    .sub_con_tit3 { font-size:17px;}
    .sub_con_tit4 { font-size:15px;}
    .sub_con_tit5 { font-size: 18px; }
    .sub_con_tit6 {  }

    /*텍스트*/
    .sub_con_txt1 { font-size: 18px; line-height: 16px; }
    .sub_con_txt2 { font-size: 16px; line-height: 16px; }
    .sub_con_txt3 { font-size: 14px; line-height: 28px; }
    .sub_con_txt4 { font-size: 12px;}
    .sub_con_txt5 { font-size: 14px; line-height: 23px; }
    .sub_con_txt6 { font-size: 13px; line-height: 28px; }
    .sub_con_txt7 { font-size: 15px; line-height: 15px; }
}

@media screen and (max-width:860px) {
    /*타이틀*/
    .sub_con_tit1 { font-size:20px;}
    .sub_con_tit2 { font-size: 16px;}
    .sub_con_tit3 { font-size:14px;}
    .sub_con_tit4 { font-size:13px;}
    .sub_con_tit5 { font-size: 16px; }
    .sub_con_tit6 {  }

    /*텍스트*/
    .sub_con_txt1 {  }
    .sub_con_txt2 { font-size: 15px; line-height: 15px; }
    .sub_con_txt3 { font-size: 13px; line-height: 27px; }
    .sub_con_txt4 { font-size: 11px;}
    .sub_con_txt5 { font-size: 13px; line-height: 22px; }
    .sub_con_txt6 { font-size: 12px; line-height: 27px; }
    .sub_con_txt7 { font-size: 14px; line-height: 14px; }
}

@media screen and (max-width:600px) {
    /*타이틀*/
    .sub_con_tit1 { font-size:18px;}
    .sub_con_tit2 { font-size: 15px;}
    .sub_con_tit3 { font-size:13px;}
    .sub_con_tit4 { font-size:12px;}
    .sub_con_tit5 { font-size: 14px; }
    .sub_con_tit6 {  }

    /*텍스트*/
    .sub_con_txt1 {  }
    .sub_con_txt2 { font-size: 14px; line-height: 14px; }
    .sub_con_txt3 { font-size: 12px; line-height: 26px; }
    .sub_con_txt4 { font-size: 10px;}
    .sub_con_txt5 { font-size: 12px; line-height: 21px; }
    .sub_con_txt6 { font-size: 11px; line-height: 26px; }
    .sub_con_txt7 { font-size: 12px; line-height: 12px; }
}

@media screen and (max-width:370px) {
    /*타이틀*/
    .sub_con_tit1 { letter-spacing: -2px; }
    .sub_con_tit2 { letter-spacing: -2px; }
    .sub_con_tit3 { letter-spacing: -2px; }
    .sub_con_tit4 { letter-spacing: -2px; }
    .sub_con_tit5 { letter-spacing: -2px; }
    .sub_con_tit6 {  }

    /*텍스트*/
    .sub_con_txt1 {  }
    .sub_con_txt2 { letter-spacing: -1.5px; }
    .sub_con_txt3 { letter-spacing: -1.5px; }
    .sub_con_txt4 { letter-spacing: -1.5px; }
    .sub_con_txt5 { letter-spacing: -1.5px; }
    .sub_con_txt6 { letter-spacing: -1.5px; }
}


/*불릿*/
.sub_con_bullet1 {line-height: 25px; }
.sub_con_bullet1::before { 
    content:""; 
    display: inline-block;
    clear: both;
    width: 3px;
    height: 25px;
    line-height: 150%;
    background-color: #5d5fca;
    vertical-align: middle;
    margin-right: .5rem;
}
.sub_con_bullet2 { padding-left:14px; position: relative; }
.sub_con_bullet2::before { 
    content:""; 
    display: block; 
    position: absolute; 
    left: 0; 
    top:50%; 
    transform: translateY(-50%); 
    width:6px; 
    height:6px; 
    background-color:#48326a; 
}
.sub_con_bullet3 { padding-left:34px; position: relative; line-height: 22px; }
.sub_con_bullet3::before { 
    content:""; 
    display: block; 
    position: absolute; 
    left: 0; 
    top:50%; 
    transform: translateY(-50%); 
    width:26px; 
    height:18px; 
    background:url(../img/sub/down_ico.png) left top no-repeat;
}

@media screen and (max-width: 1200px) {
    .sub_con_bullet1 {}
    .sub_con_bullet1::before {height: 20px;}
    .sub_con_bullet2 {padding-left: 10px;}
    .sub_con_bullet2::before {height: 5px; width: 5px;}
}
@media screen and (max-width: 1000px) {
    .sub_con_bullet1 {}
    .sub_con_bullet1::before {height: 18px;}
    .sub_con_bullet2 {padding-left: 8px;}
    .sub_con_bullet2::before {height: 4px; width: 4px;}
}
@media screen and (max-width: 860px) {
    .sub_con_bullet1 {}
    .sub_con_bullet1::before {height: 16px;}
    .sub_con_bullet2 {padding-left: 6px;}
    .sub_con_bullet2::before {height: 3px; width: 3px;}
}
@media screen and (max-width: 600px) {
    .sub_con_bullet1 {}
    .sub_con_bullet1::before {height: 14px; margin-right: .3rem;}
}

.num_bg { display: inline-block; width: 30px; position: relative; color:#fff; font-size: 14px; padding-left:7px; }
.num_bg span { position: relative; }
.num_bg::before { content:""; display: block; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); width:30px; height:30px; border-radius: 50%; background-color:#2a5082; }

@media screen and (max-width: 1200px) {
    .num_bg { width:28px; font-size: 13px; line-height: 28px; }
    .num_bg::before { width:28px; height:28px; }
}

@media screen and (max-width: 1000px) {
    .num_bg { width:26px; font-size: 12px; line-height: 26px; }
    .num_bg::before { width:26px; height:26px; }
}

@media screen and (max-width: 860px) {
    .num_bg { width:24px; font-size: 11px; line-height: 24px; padding-left:6px; }
    .num_bg::before { width:24px; height:24px; }
}

@media screen and (max-width: 600px) {
    .num_bg { width:22px; font-size: 10px; line-height: 22px; }
    .num_bg::before { width:22px; height:22px; }
}

@media screen and (max-width: 370px) {
    .num_bg { width:19px; font-size: 9px; line-height: 19px; padding-left:5px; }
    .num_bg::before { width:19px; height:19px; }
}

/*밑줄*/
.sub_con_unLine1 { display: inline-block; padding-bottom:10px; border-bottom:2px solid #2a5082; }
.sub_con_unLine2 { display: inline-block; padding-bottom: 3px; border-bottom:1px solid #07a367; }
.sub_con_unLine3 {  }
.sub_con_unLine4 {  }
.sub_con_unLine5 {  }

/*테두리*/
.border_box { border:1px solid #ccc; }

/*텍스트 컬러*/
.main_color {  }
.pt_color1 {color:#5254c2 !important;}
.pt_color2 {color:#333333 !important;}
.pt_color3 {color:#555555 !important;}
.pt_color4 {color: #111111 !important;}
.pt_color5 {  }

/*텍스트 굵기*/
.weight500 { font-weight: 500 !important; }
.weight600 { font-weight: 600 !important; }
.weight700 { font-weight: 700 !important; }
.weight800 { font-weight: 800 !important; }
.weight900 { font-weight: 900 !important; }

/*포인트 폰트*/
.pt_font1 { font-family: "Montserrat", sans-serif; }
.pt_font2 {  }
.pt_font3 {  }

/*배경색*/
.bg_color1 { background:#e9eafc;  }
.bg_color2 {  }
.bg_color3 {  }
.bg_color4 {  }
.bg_color5 {  }

/*줄바뀜*/
.nowrap { white-space: nowrap; }

/*줄간격*/
.lh150 {line-height: 150% !important;}
.lh160 {line-height: 160% !important;}
.lh170 {line-height: 170% !important;}
.lh180 {line-height: 180% !important;}

/*텍스트 정렬*/
.text_align_c { text-align: center !important; }
.text_align_l { text-align: left !important; }
.text_align_r { text-align: right !important; }
.vertical_align_m { vertical-align:middle; }

/*이미지*/
.sub_con_img_box { border-radius: 9px; overflow: hidden; }
.sub_con_img_box img {display: block; transition: all .5s;}
.sub_con_img_box:hover img { transform: scale(1.05); }
.img_box img {width: 100% !important;}

/*디스플레이*/
.block { display: block !important; }
.inline-block { display: inline-block !important; }
.inline { display: inline !important; }

/*폰트 굵기*/
.weight400 {font-weight: 400!important;}
.weight500 {font-weight: 500!important;}
.weight600 {font-weight: 600!important;}

/*서브콘텐츠 텍스트 끝*/


/*서브콘텐츠 테이블 시작*/
/*컨텐츠 페이지 테이블*/
.table_wrap { overflow-x:scroll; width: 100%;}
.table_wrap table { width: 100%; border-collapse: collapse; border-top:2px solid #555; border-bottom:1px solid #555; letter-spacing: -1px; }
.table_wrap table > * {word-break: keep-all;}
.table_wrap table th:not(:last-child), 
.table_wrap table td:not(:last-child) { border-right:1px solid #ccc; }
.table_wrap table thead { border-bottom:1px solid #999; }
.table_wrap table thead th { 
    background-color: #614d8a;
    color:#ffffff; 
    font-size: 17px; 
    line-height: 17px; 
    padding:18px 0; 
    text-align: center; 
    font-weight: 300;
}
.table_wrap table tbody tr:not(:first-child) { border-top:1px solid #ddd; }
.table_wrap table tbody th { 
    color:#444; 
    font-size: 16px; 
    line-height: 25px; 
    padding:15px 20px; 
    text-align: center; 
    word-break: keep-all; 
    box-sizing: border-box;
}
.table_wrap table tbody td { 
    color:#777; 
    font-size: 16px; 
    line-height: 25px; 
    padding:15px 20px; 
    text-align: center; 
    word-break: keep-all; 
    box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
    .table_wrap table thead th { font-size:16px; line-height: 16px; padding:17px 0; }
    .table_wrap table tbody th { font-size:15px; line-height: 24px; padding:14px 19px; }
    .table_wrap table tbody td { font-size:15px; line-height: 24px; padding:14px 19px; }
}

@media screen and (max-width: 1000px) {
    .table_wrap table thead th { font-size:15px; line-height: 15px; padding:16px 0; }
    .table_wrap table tbody th { font-size:14px; line-height: 23px; padding:13px 18px; }
    .table_wrap table tbody td { font-size:14px; line-height: 23px; padding:13px 18px; }
}

@media screen and (max-width: 860px) {
    .table_wrap table thead th { font-size:14px; line-height: 14px; padding:15px 0; }
    .table_wrap table tbody th { font-size:13px; line-height: 22px; padding:12px 17px; }
    .table_wrap table tbody td { font-size:13px; line-height: 22px; padding:12px 17px; }
}

@media screen and (max-width: 600px) {
    .table_wrap table thead th { font-size:13px; line-height: 13px; padding:14px 0; }
    .table_wrap table tbody th { font-size:12px; line-height: 21px; padding:11px 16px; }
    .table_wrap table tbody td { font-size:12px; line-height: 21px; padding:11px 16px; }
}

@media screen and (max-width: 400px) {
    .table_wrap table thead th { font-size:12px; line-height: 12px; padding:13px 0; }
    .table_wrap table tbody th { font-size:11px; line-height: 20px; padding:10px 15px; }
    .table_wrap table tbody td { font-size:11px; line-height: 20px; padding:10px 15px; }
}

/*스킨 포함 공통 테이블*/

/*서브콘텐츠 테이블 끝*/

/*운영비전문구*/
.vision_bg1, .vision_bg2 { position: relative; }
.vision_bg1::before, .vision_bg2::after { content: ""; position: absolute; display: block; width:44px; height:43px; }
.vision_bg1::before { top:-15px; left:-56px; background: url(../img/sub/w1/vision_bg1.png) center no-repeat; }
.vision_bg2::after { bottom:-27px; right:-74px; background: url(../img/sub/w1/vision_bg2.png) center no-repeat; }
@media screen and (max-width:1000px) {
    .vision_bg1::before, .vision_bg2::after { width:32px; height:31px; background-size: contain; }
    .vision_bg1::before { top:-10px; left:-42px; }
    .vision_bg2::after { bottom:-12px; right:-52px; }
}
@media screen and (max-width: 450px) {
    .vision_bg1::before, .vision_bg2::after { width:24px; height:23px; }
    .vision_bg1::before { top:-8px; left:-25px; }
    .vision_bg2::after { bottom:-12px; right:-30px; }
}
@media screen and (max-width: 370px) {
    .vision_bg1::before, .vision_bg2::after { width:20px; height:19px; }
    .vision_bg1::before { top:-8px; left:-20px; }
    .vision_bg2::after { bottom:-10px; right:-27px; }
}

/*임시*/
.btn i { display: none; }

/*#hd_pop { position: relative; z-index: 10; }*/