@charset 'euc-kr';
@import url('color_typo.css');
@import url('form_components.css');

body,
html {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Noto Sans KR;
}

img {
    border: 0;
    vertical-align: top;
    max-width: 100%;
}

ul {
    list-style: none;
}

a,
a:hover {
    text-decoration: none;
}

/* ³ÐÀÌ */
.w860 { width: 860px; }
.w670 { width: 670px; }
.w640 { width: 640px; }
.w400 { width: 400px; }
.w330 { width: 330px; }
.w320 { width: 320px; }
.w310 { width: 310px; }
.w300 { width: 300px; }
.w260 { width: 260px; }
.w250 { width: 250px; }
.w235 { width: 235px; }
.w230 { width: 230px; }
.w220 { width: 220px; }
.w200 { width: 200px; }
.w190 { width: 190px; }
.w180 { width: 180px; }
.w170 { width: 170px; }
.w160 { width: 160px; }
.w150 { width: 150px; }
.w140 { width: 140px; }
.w130 { width: 130px !important; }
.w120 { width: 120px; }
.w110 { width: 110px; }
.w100 { width: 100px; }
.w95 { width: 95px; }
.w90 { width: 90px; }
.w80 { width: 80px; }
.w70 { width: 70px; }
.w65 { width: 65px; }
.w60 { width: 60px; }
.w50 { width: 50px; }
.w50 { width: 45px; }
.w35 { width: 35px; }
.w20 { width: 20px; }

.ms50 { margin-left: 50px; }
.ms40 { margin-left: 40px; }
.ms30 { margin-left: 30px; }
.ms20 { margin-left: 20px; }
.ms14 { margin-left: 14px !important; }
.ms10 { margin-left: 10px !important; }
.ms5 { margin-left: 5px; }
.ms3 { margin-left: 3px; }

.me20 { margin-right: 20px; }
.me10 { margin-right: 10px; }
.me8 { margin-right: 8px; }
.me5 { margin-right: 5px; }

.mt140 { margin-top: 140px; }
.mt124 { margin-top: 124px; }
.mt100 { margin-top: 100px; }
.mt80 { margin-top: 80px; }
.mt70 { margin-top: 70px; }
.mt60 { margin-top: 60px; }
.mt50 { margin-top: 50px; }
.mt40 { margin-top: 40px; }
.mt30 { margin-top: 30px; }
.mt25 { margin-top: 25px; }
.mt24 { margin-top: 24px; }
.mt20 { margin-top: 20px; }
.mt15 { margin-top: 15px; }
.mt13 { margin-top: 13px; }
.mt10 { margin-top: 10px; }
.mt8 { margin-top: 8px; }
.mt7 { margin-top: 7px; }
.mt5 { margin-top: 5px; }
.mt4 { margin-top: 4px; }
.mt2 { margin-top: 2px; }

.mb35 { margin-bottom: 35px; }
.mb25 { margin-bottom: 25px; }
.mb10 { margin-bottom: 10px; }

.ps50 { padding-left: 50px; }
.ps30 { padding-left: 30px; }
.ps17 { padding-left: 17px; }

.pe50 { padding-right: 50px; }

.pt40 { padding-top: 40px; }
.pt20 { padding-top: 20px !important; }

.box {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.green_bg { background: #5DB049; }

.card {
    margin-bottom: 15px;
}


.mid_line { text-decoration: line-through; }
.rt { margin-top: 30px; }
.new_icon { display: inline-block; vertical-align: top; }
.cs_d { cursor: default; }
.m_private {
    background: #148AE1;
    border-radius: 12px;
    padding: 2px 10px 2px 10px;
}
.price_dc { text-decoration-line: line-through; margin-left: 5px; position: relative; top: -2px; }
.MT { margin-top: -3px; }

.page-item:not(:first-child) .page-link {
    margin-left: 1px;
}
.page-item:not(.active) .page-link:hover { color: #148AE1; border: 1px solid #148AE1; background: transparent; }
.page-link {
    padding: 0.375rem 0.817rem;
    line-height: 24px;
    text-align: center;
    border: 1px solid rgba(43, 45, 48, 0.2);
    background: transparent;
}
.page-item.disabled .page-link { background: transparent; color: #B8BFC8; }
.page-item:first-child .page-link { border-radius: 6px 0px 0px 6px; }
.page-item:last-child .page-link { border-radius: 0px 6px 6px 0px; }

.search_area input {
    border: 2px solid #D4DBE4;
    box-sizing: border-box;
    border-radius: 6px;
    background: url(/static/images/common/icon-search.png) left 10px center no-repeat;
    padding: 0.532rem 15px 0.532rem 35px;
}

#wrap .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 13px !important; margin-bottom: 15px; }
#wrap .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 0 5px;
    background: rgba(43,45,48,0.3);
}
#wrap .owl-theme .owl-dots .owl-dot.active span {
    border: 3px solid #264966;
    box-sizing: border-box;
    background: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0;
    margin: 0;
    border: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:visited {
    border: 0;
    background: #fff;
    padding: 0;
    margin: 0;
}
div.dataTables_wrapper div.dataTables_processing {
    height: 100px;
    background: #fff;
    z-index: 999;
    margin: 0;
    width: 100%;
    left: 0;
    top: 70px;
    border: 0;
    padding-top: 20px;
}
div.dataTables_wrapper .row { position: relative; }
div.dataTables_wrapper div.dataTables_processing .spinner-border { margin: 0 auto; }

.page-link {
    border: 0;
    border: 1px solid #D4DBE4;
    vertical-align: top;
    margin: 0 1px;
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.03em;
    color: #264966;
}

.board_basic .data-table-export td {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #6C6F73;
}
.board_basic .data-table-export tbody tr td:nth-child(2) { text-align: left; }

.getupcnt {
    background: #F3F6FA;
    border-radius: 20px;
    height: 40px;
    padding: 0 20px;
    margin-top: 10px;
}
.getupcnt:first-child { margin-top: 25px; }

.tab_1 a { 
    display: block; vertical-align: top; padding: 11px 15px; text-align: center; border-radius: 6px 6px 0px 0px; box-sizing: border-box; 
    background: #F3F6FA;
    border-left: 1px solid #D4DBE4;
    border-right: 1px solid #D4DBE4;
    border-top: 1px solid #D4DBE4;
    position: relative;
}
.tab_1 a:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #B8BFC8; }
.tab_1 a.ST { 
    background: #FFFFFF;
    border-left: 2px solid #B8BFC8;
    border-right: 2px solid #B8BFC8;
    border-top: 2px solid #B8BFC8;
    color: #2B2D30 !important;
}
.tab_1 a:hover { color: #2B2D30 !important; text-decoration: underline; }
.tab_1 a.ST:after { background: #fff; }
.tab_1 a.ST:hover { text-decoration: none; }

.page-link:hover {
    background-color: #fff;
    border: 1px solid #D4DBE4;
}

.won_area ul { overflow: hidden; }
.won_area ul li { float: left; }
.won_area a {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #D4DBE4;
    box-sizing: border-box;
    border-radius: 23px;
    height: 35px;
    line-height: 33px;
    padding: 0 10px;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 10px;
    min-width: 85px;
    word-break: break-word!important;
    overflow-wrap: break-word!important;
    -webkit-transition: all .3s; transition: all .3s;
}
.won_area a:not(.ST):hover {
    background: #148AE1;
    border: 1px solid #148AE1;
    -webkit-transition: all .3s; transition: all .3s;
    color: #fff !important;
}
.won_area a.ST {
    background: #264966;
    border: 1px solid #264966;
    color: #fff !important;
}

/*table.dataTable thead th, table.dataTable thead td { border-bottom: 0; }*/

#wrap .table th:nth-child(1) {
    border-left: 0;
}

#wrap .table th:last-child {
    border-right: 0;
}

#wrap .table td:nth-child(1) {
    border-left: 0;
}

#wrap .table td:last-child {
    border-right: 0;
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #D4DBE4;
    padding: 10px;
}

.table-bordered th {
    color: #2B2D30;
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    /* identical to box height, or 150% */

    letter-spacing: -0.03rem;
}

.table-bordered td {
    color: #2B2D30;
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height, or 150% */

    letter-spacing: -0.03rem;
}

.table>:not(:first-child) {
    /*border-top: 0;*/
    border-top: 2px solid #2B2D30;
}

table.dataTable { margin-top: 12px !important; margin-bottom: 20px !important; }

table.dataTable th {
    text-align: center;
    border-top: 1px solid #D4DBE4;
    border-bottom: 2px solid #2B2D30;
    /*border-left: 1px solid #D4DBE4;*/

    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #2B2D30;
    /*padding-top: 13px; padding-bottom: 13px;*/
    padding: 13px 10px;
}

table.dataTable th:last-child {
    border-right: 1px solid #D4DBE4;
}

table.dataTable td {
    text-align: center;
    border-bottom: 1px solid #D4DBE4;
    /*border-left: 1px solid #D4DBE4;*/
    /*padding-top: 12px; padding-bottom: 12px;*/
    padding: 12px 10px;
}

table.dataTable tr td:last-child {
    border-right: 1px solid #D4DBE4;
}

table.dataTable tbody tr:hover { background: #F3F6FA; }

/*.dataTables_filter { margin-bottom: 6px; }*/
.dataTables_info {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.03em;
    color: #6C6F73;
}
.page-item.active .page-link {
    background: #148AE1;
    border-radius: 0px;
}

div.dataTables_wrapper div.dataTables_filter input { 
    margin-left: 0; width: 100%; 
    padding: .532rem 15px .532rem 35px;
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.03em;
    color: #6C6F73;
    border: 2px solid #D4DBE4;
    box-sizing: border-box;
    border-radius: 6px;
    position: relative;
    background: url('/static/images/common/icon-search.png') left 10px center no-repeat;
}

div.dataTables_wrapper div.dataTables_filter label { width: 100%; }
.dataTables_wrapper > .row:first-child > .col-md-6:first-child { display: none; }

.text_overflow {
    /*width: 200px;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  /* ¸»ÁÙÀÓ Àû¿ë */
}

.banner_link {
    padding: 0 15px;
}

/* °øÅë ¹è³Ê¸µÅ© */
.banner_link li:nth-child(2) span:after {
    content: '';
    position: absolute;
    opacity: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    bottom: 0;
    display: block;
    text-align: center;
    height: 1px;
    background: #6C6F73;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.banner_link li:nth-child(2) span {
    position: relative;
}

.banner_link:hover li:nth-child(2) span:after {
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.banner_link li:nth-child(2) b {
    display: inline-block;
    transform: translateX(0);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.banner_link:hover li:nth-child(2) b {
    transform: translateX(5px);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.app_down_area { position: absolute; right: 20px;  z-index: 999; display: none; bottom: 10px; }
.app_down_area a { display: inline-block; vertical-align: top; }
.app_down_area li { margin-bottom: 5px; }

/* °øÅë */
#wrap {
    min-width: 1000px;
}

.container {
    padding-left: 10px;
    padding-right: 10px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0;
}

.TRAN {
    opacity: 0;
    transition: all 0.3s;
    transition-property: transform, opacity;
}

.ANI.TRAN {
    transform: translateX(0px) translateY(0px) scale(1) !important;
    opacity: 1.0 !important;
    z-index: 11;
}

.ANI .TRAN {
    transform: translateX(0px) translateY(0px) scale(1) !important;
    opacity: 1.0 !important;
    z-index: 11;
}

.Valign {
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 5;
    margin-top: auto;
    margin-bottom: auto;
}

.Halign {
    left: 0;
    right: 0;
    position: absolute;
    z-index: 5;
    margin-left: auto;
    margin-right: auto;
}

.form-check .form-check-input { margin-top: 4px; }

.modal-header {
    border-bottom: 1px dashed #B8BFC8;
    padding: 20px 25px;
}
.modal-title {
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.03rem;
    color: #2B2D30;
}
.modal-content {
    background: #FFFFFF;
    border: 1px solid rgba(43, 45, 48, 0.2);
    box-sizing: border-box;
    box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}

.main_top {
    position: relative;
    margin-top: 235px;
    -webkit-transition: all .3s; transition: all .3s;
}

.main_top.SC {
    margin-top: 0;
    -webkit-transition: all .3s; transition: all .3s;
}

.loader {
    width:100%;height:100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
    transform-origin: 50% 50%; 
}

.table.basic th, .table.basic td {
    text-align: center;
}
.table.basic th { 
    padding: 13px 10px;
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #2B2D30;
    border-top: 1px solid #D4DBE4;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #D4DBE4;
}
.table.basic td { 
    padding: 12px 10px;
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #2B2D30;
    border-top: 1px solid #D4DBE4;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #D4DBE4;
}

.table.basic_left { margin-bottom: 0; }
.table.basic_left th {
    padding: 13px 0;
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    text-align: left;
    letter-spacing: -0.03em;
    color: #2B2D30;
    border-top: 1px solid #D4DBE4;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #D4DBE4;
}
.table.basic_left td { 
    padding: 10px 0;
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-align: left;
    letter-spacing: -0.03em;
    color: #2B2D30;
    border-top: 1px solid #D4DBE4;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #D4DBE4;
}

ul.basic_jum li {
    padding-left: 12px;
    background: url('/static/images/common/list-bullet.png') left top 8px no-repeat;
    background-size: 4px 4px;
}

ul.basic_jum2 li {
    padding-left: 12px;
    background: url('/static/images/common/list-bullet.png') left center no-repeat;
    background-size: 4px 4px;
}

ul.basic_jum2_white li {
    padding-left: 12px;
    background: url('/static/images/common/list-bullet-white.png') left center no-repeat;
    background-size: 4px 4px;
}

ul.basic_jum3 li {
    padding-left: 12px;
    background: url('/static/images/common/list-bullet.png') left top 11px no-repeat;
    background-size: 4px 4px;
}

.under { text-decoration: underline; }
.under:hover { text-decoration: underline; }

/* End °øÅë */

/* GNB */
/*#gnb { position: relative; background: #fff; height: 160px; -webkit-transition: all .3s; transition: all .3s; background: #fff; }*/
#gnb { 
    position: fixed; left: 0; top: 0; width: 100%; -webkit-transition: all .3s; transition: all .3s;
    z-index: 999;
    transform: translateY(0);
}
#gnb.SC { -webkit-transition: all .3s; transition: all .3s; transform: translateY(-175px); }
#gnb .box_1 { 
    padding-top: 15px; padding-bottom: 14px; border-bottom: 1px solid #D4DBE4;
    background: #fff;
}
#gnb .box_1_1 { background: #264966; /*display: none;*/ }
#gnb .box_1_1 .line { width: 1px; height: 45px; background-color: rgba(0,0,0,0.5); }
#gnb .box_1_1 .line2 { width: 1px; height: 45px; background-color: rgba(255,255,255,0.15); }
#gnb .box_2 { border-bottom: 1px solid #D4DBE4; position: relative; background: #fff;  }
#gnb.SC .box_2 { background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(30px); }
#gnb .box_3 { 
    position: absolute; left: 0; top: 235px; width: 100%; background: #fff; height: 0;
    opacity: 0; visibility: hidden;
    -webkit-transition: all .3s; transition: all .3s; 
    background: #fff;
    border-bottom: 1px solid #D4DBE4;
}
#gnb.OVER .box_3 { 
    height: 370px;
    -webkit-transition: all .3s; transition: all .3s;
    opacity: 1; visibility: visible;
}

.logo_area { text-align: center; }
.logo_area a { vertical-align: top; display: inline-block; }
.login_member_area .line { background: #D4DBE4; width: 1px; height: 14px; margin: 0 10px; }
.login_member_area > a:hover { text-decoration: underline; }
.big_menu_area { text-align: center; }
.big_menu_area > a { height: 100%; position: relative; }
.big_menu_area > a span { margin: 0 15px; display: inline-block; position: relative; padding-top: 18px; padding-bottom: 19px; }
.big_menu_area > a span b {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    bottom: 0;
    display: block;
    text-align: center;
    height: 2px;
    background: #2B2D30;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.big_menu_area > a.under_line span b {
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.big_menu_area > a.under_line2 span b {
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.all_menu a:hover > span { text-decoration: underline; }
.all_menu .title2 { display: inline-block; margin-right: 10px; }
.hamburger { width: 32px; height: 32px; display: inline-block; }
.sub_menu_div { 
    padding-top: 49px; padding-bottom: 40px; transform: translateY(20px); position: absolute; left: 0; top: 0; width: 100%; 
    opacity: 0; visibility: hidden;
    -webkit-transition: all .3s; transition: all .3s;
}
.sub_menu_div.menu_view { transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition: all .3s; transition: all .3s; }
.sub_menu_area a { display: inline-block; vertical-align: top; margin-bottom: 12px; }

.all_menu_cont {
    /*box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.2);*/
    opacity: 0;
    visibility: hidden;
    background: #fff;
    position: absolute;
    left: 0;
    top: 235px;
    z-index: 88;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #D4DBE4;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.all_menu_cont .container {
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.all_menu_cont.menu_view {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.all_menu_cont.menu_view .container {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.all_menu_cont dl dt {
    margin-bottom: 15px;
}

.all_menu_cont dl dd {
    margin-bottom: 12px;
}

.all_menu_cont dl dd a:hover {
    text-decoration: underline;
}

.all_menu_col {
    /*height: 270px;*/
    border-right: 1px solid #D4DBE4;
    padding-left: 40px;
}

.all_menu_col:first-child {
    padding-left: 0;
}

.all_menu_col:last-child {
    border-right: 0;
}

.all_menu_col dd a {
    word-break: keep-all;
}

.all_etc_menu { margin-top: 60px; }
.all_service { margin-top: 25px; }
.all_etc_menu a { margin-left: 30px; }
.all_etc_menu a:hover { text-decoration: underline; }

/*.big_menu a span:after { content: ''; position: absolute; left: 0; right: 0; margin: auto; width: 0; bottom: 0; display: block; text-align: center; height: 2px; background: #2B2D30; -webkit-transition: all .3s; transition: all .3s; }
.big_menu a span:hover:after { width: 100%; -webkit-transition: all .3s; transition: all .3s; }*/
.big_menu a span {
    margin: 0 12px;
    padding: 18px 0;
    display: inline-block;
    position: relative;
}

.big_menu a span b {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    bottom: 0;
    display: block;
    text-align: center;
    height: 2px;
    background: #2B2D30;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.big_menu a.under_line span b {
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.banner_ad_1 ul li {
    margin-bottom: 25px;
}

.sub_menu {
    padding-top: 10px;
}

.sub_menu .title {
    margin-right: 30px;
}

.sub_menu_area li {
    /*margin-bottom: 12px;*/
}

.sub_menu_area a {
    position: relative;
}

.sub_menu_area a:hover {
    text-decoration: underline;
}

/*.sub_menu_area a:after {
    content: '';
    position: absolute;
    opacity: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    bottom: -1px;
    display: block;
    text-align: center;
    height: 1px;
    background: #2B2D30;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.sub_menu_area a:hover:after {
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s;
}*/

.sub_menu .line {
    width: 1px;
    height: 270px;
    background: #D4DBE4;
    margin-left: 50px;
    margin-right: 30px;
}

.startup .sub_menu .line,
.pass .sub_menu .line {
    height: 180px;
}

.startup .sub_menu .line2 {
    margin-left: 80px;
}

.banner_ad_2 {
    margin-top: 40px;
}

.pass_div>.row {
    min-height: 180px;
}

.pass_div>.row>.basic_col {
    border-right: 1px solid #D4DBE4;
}

.pass_div>.row>.basic_col:nth-child(n+2) {
    padding-left: 40px;
}

.pass_div>.row>.basic_col:last-child {
    border-right: none;
}

.pass_div dl dt {
    margin-bottom: 15px;
}

.pass_div dl dd {
    /*margin-bottom: 12px;*/
}

.jindan .basic_col:nth-child(1) {
    width: 12.66666667%;
}

.jindan .basic_col:nth-child(2) {
    width: 18.66666667%;
}

.jindan .basic_col:nth-child(4) {
    width: 17.66666667%;
}

.jindan .basic_col:nth-child(5) {
    width: 17.66666667%;
}

.sub_menu_div.info .row {
    min-height: 270px;
}

.sub_menu_div.info .sub_menu {
    border-right: 1px solid #D4DBE4;
    padding-top: 0;
}

.sub_menu_div.info .sub_menu:nth-child(n+2) {
    padding-left: 40px;
}

.sub_menu_div.info .sub_menu:last-child {
    border-right: none;
}

.sub_menu_div.info .presentation {
    margin-top: 80px;
}


/* End GNB */

/* Footer */
#footer {
    background: #2B2D30;
}

#footer .container {
    position: relative;
    padding: 40px 0;
}

#footer .box_1 a:hover {
    text-decoration: underline;
    color: #fff !important;
}

#footer .line {
    margin: 0 10px;
    background: #6C6F73;
    width: 1px;
    height: 14px;
}

.top_move {
    position: absolute;
    text-indent: -99999px;
    right: 0;
    top: 0;
    z-index: 3;
    width: 50px;
    height: 50px;
    background: url('/static/images/common/footer-top-button-off.png') center center no-repeat;
    background-size: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.top_move:hover {
    background: url('/static/images/common/footer-top-button-on.png') center center no-repeat;
    background-size: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}

#footer .company li:last-child {
    margin-top: 11px;
}

#footer .box_2 {
    margin-top: 15px;
}

#footer .box_1 .f_privacy:hover {
    color: #CFBE9F !important;
}

.sns_area {
    margin-top: 16px;
}

.sns_area a {
    width: 40px;
    height: 40px;
    margin-left: 10px;
    font-size: 0;
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transition: all .3s; transition: all .3s;
}

.blog_icon {
    background-image: url('/static/images/common/footer-blog-off.png');
}

.blog_icon:hover {
    background-image: url('/static/images/common/footer-blog-on.png');
    -webkit-transition: all .3s; transition: all .3s;
}

.instagram_icon {
    background-image: url('/static/images/common/footer-instagram-off.png');
}

.instagram_icon:hover {
    background-image: url('/static/images/common/footer-instagram-on.png');
    -webkit-transition: all .3s; transition: all .3s;
}

.facebook_icon {
    background-image: url('/static/images/common/footer-facebook-off.png');
}

.facebook_icon:hover {
    background-image: url('/static/images/common/footer-facebook-on.png');
    -webkit-transition: all .3s; transition: all .3s;
}
.modal_btn { margin-top: 40px; }
#modal_basic .modal-body, .basic_modal .modal-body { padding: 30px 25px 46px 25px; }
.basic_modal .modal-dialog { max-width: 860px; }
.basic_modal .small { max-width: 450px; }
.basic_modal .middle { max-width: 600px; }
.basic_modal .big { max-width: 1080px; }

/* End Footer */

/* °íµîÇб³ °Ë»ö ·¹À̾î */
#high_layer .table td, #mid_layer .table td {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #2B2D30;
    border-top: 1px solid #D4DBE4;
    border-bottom: 1px solid #D4DBE4;
    vertical-align: middle;
}
#high_layer .table_2, #mid_layer .table_2 { height: 375px; overflow-y: auto; }
/* End °íµîÇб³ °Ë»ö ·¹À̾î */


@media (max-width: 1399px) {
    .container {
        padding-left: 14px;
        padding-right: 14px;
        max-width: 100%;
    }
}

@media (max-width: 1199px) {
    .container, .sub_menu_div {
        padding-left: 7.2px;
        padding-right: 7.2px;
        max-width: 100%;
    }

    .big_menu_area > a {
        font-size: 14px;
        line-height: 21px;
    }

    .big_menu_area > a span {
        /*margin: 0 10px;*/
    }

    .sub_menu .title,
    .all_menu_col dt,
    .all_menu_col dd a,
    .all_etc_menu .title2,
    .all_etc_menu a,
    .sub_menu_area .title {
        font-size: 14px;
        line-height: 21px;
    }

    .sub_menu_area a {
        font-size: 14px;
        line-height: 21px;
    }

    .sub_menu .line {
        margin-left: 30px;
        margin-right: 20px;
    }

    .startup .sub_menu .line2 {
        margin-left: 30px;
        margin-right: 20px;
    }

    .banner_ad_2>.row>div {
        padding: 0;
    }

    .pass_div>.row>.basic_col:nth-child(n+2) {
        padding-left: 20px;
    }

    .sub_menu_div {
        padding-top: 20px;
    }

    #footer {
        padding-left: 39px;
        padding-right: 39px;
    }

    

    .consulting_search {
        width: 130px;
    }

    .form-select2 {
        padding: .688rem 2.5rem .688rem 3.5rem !important;
    }

    .consulting_banner { padding: 0 25px }
    /*.story_detail_cont .detail_left, #sticky-wrapper { width: 180px }*/

    .blog_row .posts2 { padding: 10px; }
    .blog_row .posts2:nth-child(4n + 1) { padding-left: 10px; }
}

@media (min-width: 1700px) {
    .app_down_area { display: block; }
}