@charset "utf-8";

/* .side_nav_container{margin:1rem 0rem 3.5rem 0;}

.side_nav_container .list-group {
    border-radius: 0;
    flex-direction: row;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: flex;
    gap: 1px;
    overflow: auto hidden;
    padding-right: 16px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.side_nav_container .list-group .list-group-item {
    border: none;
    text-align: center;
    display: inline-flex;
    scroll-snap-align: start;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    align-content: center;
    flex-wrap: nowrap;
    padding: 10px 10px;
}

.side_nav_container .list-group .list-group-item i {
    display: none;
}

@media (min-width:992px){
    .side_nav_container .list-group {
        flex-direction: column;
        padding-right: 0;
        overflow: visible;
        scrollbar-width: auto;
        padding-right: 0;
    }
    .side_nav_container .list-group .list-group-item {
        min-width: unset;
        max-width: unset;
        width: 100%;
        text-align: left;
        justify-content: flex-start;
    }
    .side_nav_container .list-group .list-group-item i {
        display: inline-block;
        padding-left: 8px;
    }
} */






h3.title{display:block; color:#fff; font-size:38px; text-align:center; font-weight:normal; padding:41px 0 63px 0;}
#company_CI {
    display: block;
    margin: 3rem auto 0 auto;
    width: 250px;
}
.companyIndexWrap{display:block; margin:0 auto;}
.companyIndexWrap h2 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    color: var(--blue);
    text-align: center;
    padding: 1rem 0;
    margin: 0;
}
.companyIndexWrap h2 i {
    display: inline-block;
    margin: 0 8px;
    font-size: 12px;
}
.companyHope{display:block; text-align:center; padding: 3rem 0 3rem 0;}
.companyHope p{display:block; color:#333; font-size:1.1rem; padding:0;margin:0; line-height:1.8;}
.companyHope p.bold{display:block; color: var(--blue)}
.companyHope p.accent{display:block; color: #000; font-weight: 700;}

.section_block {
    margin: 4rem 0;
}
.section_block:nth-child(1) {
    margin-top: 3rem;
}
.section_block h3 {
    display: inline-block;
    border-bottom: 2px solid #000;
    padding: 0 0 6px 0;
    margin: 0 0 1.5rem 0;
}
/* h3.aboutblue{background:url('/images/company/icon_company_index_about.png') 247px center no-repeat;}
h3.works{background:url('/images/company/icon_company_index_works.png') 152px center no-repeat;}
h3.history{background:url('/images/company/icon_company_index_history.png') 184px center no-repeat;}
h3.contactus{background:url('/images/company/icon_company_index_contact.png') 277px center no-repeat;}
h3.map{background:url('/images/company/icon_company_index_map.png') 107px center no-repeat;} */


@media (min-width:768px){

}
@media (min-width:992px){
    .side_nav_container{margin:1rem 0rem;}
    #company_CI {
        width: 300px;
    }
}
@media (min-width:1200px){
    .companyIndexWrap h2 {}
}




/* about blue */
.aboutblueWrap{display:block;}
.aboutblueWrap h6{
    display: inline-block;
    margin-top: 1.2rem;
    font-size: 1.3em;
}
.aboutblueWrap p{line-height:22px; color:#000; font-size:14px;margin:0}
.aboutblueWrap p.bold{color:var(--blue); font-size:18px;  padding:0 0 12px 0;}
/* .aboutblueWrap p.accent{color:var(--blue); font-size:18px; padding:0 0 12px 0;} */
.tblCompanyAbout{display:block; width:100%; margin:35px 0 40px 0;}
.tblCompanyAbout th{width:130px; color:#333; font-size:14px; padding:14px 20px 13px 20px; border:1px solid #ccc; background-color:#f0f0f0;}
.tblCompanyAbout td{width:640px; color:#000; font-size:14px; padding:0 20px; border:1px solid #ccc;}
.tblCompanyAbout td a{color:#000; font-size:14px;}
/* works */
.worksWrap{display:block;}
.worksWrap h6{
    display: inline-block;
    margin-top: 1.2rem;
    font-size: 1.3em;
}
.worksWrap p{line-height:22px; color:#000; font-size:14px; padding-bottom:8px;}
.worksWrap p.bold{line-height:20px; color:var(--blue); font-size:18px;  padding:0 0 12px 0;}
.worksWrap p.bold span{color:#999; font-size:14px; }
/* history */
.historyWrap{display:block;}
.historyWrap h6{display:block; color:var(--blue); font-size:28px; font-family:'avenir heavy',sans-serif; letter-spacing:-0.03em;}
.historyWrap h6 strong{display:inline-block; color:#c7c7c7; font-size:20px; font-family:'avenir heavy',sans-serif; padding-left:5px;}
.historyWrap h6 strong span{display:inline-block; color:#a8a8a8; font-size:14px; padding-left:5px;}
.historyWrap p{display:block; color:#000; padding:8px;}
.tblCompanyHistory{display:block; width:100%; margin:20px 0 40px 0;}
/* .tblCompanyHistory th{width:70px; color:#333; font-size:12px; padding:0; border:1px solid #ccc; background-color:#f0f0f0;} */
/* .tblCompanyHistory td{width:315px; color:#000; font-size:12px; padding:14px 20px; border:1px solid #ccc;} */
/* contact us */
.tblCompanyContact{display:block; width:100%; margin-bottom:40px;}
/* .tblCompanyContact th{width:180px; color:#333; font-size:14px; padding:0; border:1px solid #ccc; background-color:#f0f0f0;} */
/* .tblCompanyContact td{width:295px; color:#000; font-size:16px; padding:14px 20px; border:1px solid #ccc;} */
.tblCompanyContact td a{color:#000; font-size:16px;}
/* map */
.mapWrap{display:block; }
.googleMap{display:block; width:100%; height:450px;}
.mapWrap address{display:block; line-height:26px; color:#000;  padding:18px 0 2px 10px;}
.mapWrap p{display:block; line-height:22px; color:#000; padding-left:10px;}


#company_summary th {
    width: 100px;
}

@media (min-width:992px){
    #company_summary th {
        width: 140px;
    }
}





















/* 국외여행 표준약관 */
.travelWrap{line-height:160%}
.travelWrap h1{
    margin: 40px 0 15px 0;
    font-size: 1.2rem;
    color: #01369b;
    font-weight: bold;
}
.travelWrap li{list-style-type: inherit;}
.travelWrap p{margin:0 0 10px 0;}
.travelWrap .bul_s1{margin: 10px 0 10px 0;padding-left:15px;list-style:decimal}
.travelWrap .bul_s2{margin: 10px 0 10px 0;list-style:none;counter-reset: number;}
.travelWrap .bul_s2 > li:before{content: counter(number)")";counter-increment: number;position: relative;top: 0;width: auto;padding-right: 5px;}
.travelWrap .bul_s3{margin: 10px 0 10px 0;padding-left:15px;list-style: none;}
.travelWrap .bul_s3 > li:before{content:'';top:0;padding-right: 5px;}
.travelWrap .bul_s3 > li:nth-child(1):before{content:'①';}
.travelWrap .bul_s3 > li:nth-child(2):before{content:'②';}
.travelWrap .bul_s3 > li:nth-child(3):before{content:'③';}
.travelWrap .bul_s3 > li:nth-child(4):before{content:'④';}
.travelWrap .bul_s3 > li:nth-child(5):before{content:'⑤';}
.travelWrap .bul_s3 > li:nth-child(6):before{content:'⑥';}
.travelWrap .bul_s3 > li:nth-child(7):before{content:'⑦';}
.travelWrap .bul_s3 > li:nth-child(8):before{content:'⑧';}
.travelWrap .bul_s3 > li:nth-child(9):before{content:'⑨';}
.travelWrap .bul_s3 > li:nth-child(10):before{content:'⑩';}
.travelWrap .bul_s3 > li:nth-child(11):before{content:'⑪';}
.travelWrap .bul_s4{margin: 0 0 10px 0;padding-left:18px;list-style:none;}
.travelWrap .bul_s4 > li:before{content: '';display: inline-block;width: 3px;height: 3px;position: absolute;left: 0;top: 10px;}





















/* 회원약관 */
.memberWrap{line-height:160%}
.memberWrap h1{
    margin: 40px 0 15px 0;
    font-size: 1.2rem;
    color: #01369b;
    font-weight: bold;
}
.memberWrap li{list-style-type: inherit;}
.memberWrap p{margin:0 0 10px 0;}
.memberWrap .bul_s1{margin: 10px 0 10px 0;padding-left:15px;list-style:decimal}
.memberWrap .bul_s2{margin: 10px 0 10px 0;list-style:none;counter-reset: number;}
.memberWrap .bul_s2 > li:before{content: counter(number)")";counter-increment: number;position: relative;top: 0;width: auto;padding-right: 5px;}
.memberWrap .bul_s3{margin: 10px 0 10px 0;padding-left:15px;list-style: none;}
.memberWrap .bul_s3 > li:before{content:'';top:0;padding-right: 5px;}
.memberWrap .bul_s3 > li:nth-child(1):before{content:'①';}
.memberWrap .bul_s3 > li:nth-child(2):before{content:'②';}
.memberWrap .bul_s3 > li:nth-child(3):before{content:'③';}
.memberWrap .bul_s3 > li:nth-child(4):before{content:'④';}
.memberWrap .bul_s3 > li:nth-child(5):before{content:'⑤';}
.memberWrap .bul_s3 > li:nth-child(6):before{content:'⑥';}
.memberWrap .bul_s3 > li:nth-child(7):before{content:'⑦';}
.memberWrap .bul_s3 > li:nth-child(8):before{content:'⑧';}
.memberWrap .bul_s3 > li:nth-child(9):before{content:'⑨';}
.memberWrap .bul_s3 > li:nth-child(10):before{content:'⑩';}
.memberWrap .bul_s3 > li:nth-child(11):before{content:'⑪';}
.memberWrap .bul_s4{margin: 0 0 10px 0;padding-left:18px;list-style:none;}
.memberWrap .bul_s4 > li:before{content: '';display: inline-block;width: 3px;height: 3px;position: absolute;left: 0;top: 10px;}
.memberWrap h6 {
    font-weight: bold;
    text-decoration: underline;
}








/* 개인정보 취급방침 */
.privacyWrap{line-height:160%}
.box {
    padding: 1rem;
    background-color: #f3f3f3;
    margin: 1rem 0;
}

.privacyWrap h1{
    margin: 40px 0 15px 0;
    font-size: 1.2rem;
    color: #01369b;
    font-weight: bold;
}
.privacyWrap li{list-style-type: inherit;}
.privacyWrap p{margin:0 0 10px 0;}
.privacyWrap .bul_s1{margin: 10px 0 10px 0;padding-left:15px;list-style:decimal}
.privacyWrap .bul_s2{margin: 10px 0 10px 0;list-style:none;counter-reset: number;}
.privacyWrap .bul_s2 > li:before{content: counter(number)")";counter-increment: number;position: relative;top: 0;width: auto;padding-right: 5px;}
.privacyWrap .bul_s3{margin: 10px 0 10px 0;padding-left:15px;list-style: none;}
.privacyWrap .bul_s3 > li:before{content:'';top:0;padding-right: 5px;}
.privacyWrap .bul_s3 > li:nth-child(1):before{content:'①';}
.privacyWrap .bul_s3 > li:nth-child(2):before{content:'②';}
.privacyWrap .bul_s3 > li:nth-child(3):before{content:'③';}
.privacyWrap .bul_s3 > li:nth-child(4):before{content:'④';}
.privacyWrap .bul_s3 > li:nth-child(5):before{content:'⑤';}
.privacyWrap .bul_s3 > li:nth-child(6):before{content:'⑥';}
.privacyWrap .bul_s3 > li:nth-child(7):before{content:'⑦';}
.privacyWrap .bul_s3 > li:nth-child(8):before{content:'⑧';}
.privacyWrap .bul_s3 > li:nth-child(9):before{content:'⑨';}
.privacyWrap .bul_s3 > li:nth-child(10):before{content:'⑩';}
.privacyWrap .bul_s3 > li:nth-child(11):before{content:'⑪';}
.privacyWrap .bul_s4{margin: 0 0 10px 0;padding-left:18px;list-style:none;}
.privacyWrap .bul_s4 > li:before{content: '';display: inline-block;width: 3px;height: 3px;position: absolute;left: 0;top: 10px;}
.privacyWrap h6 {
    font-weight: bold;
    text-decoration: underline;
}
.pl20 {
    padding-left: 20px;
}