@charset "utf-8";

#ctt_con {
    
background: #f3f4f3;
    
padding-top: 70px;
}

div#ctt_con .wrapper {
    padding: 0;
}
.text_1 {
    
font-size: 24px;
    
font-weight: 500;
}

.text_1 p:first-child{
    font-weight: 900;
}
#ctt h2 {
    font-size: 20px;
    font-weight: 200;
    text-align: center;
    padding: 40px 0 65px;
}

.text_1 p {
    padding-bottom: 70px;
    line-height: 50px;
}

/*common lnb*/
#ctt .lnb {
    padding: 20px 160px;
}

#ctt .lnb ul {
    display: table;
    width: 100%;
    background: #fff;
}

#ctt .lnb li {
    width: calc(1/3*100%);
    font-size: 24px;
    font-weight: 900;
    height: 44px;
    color: #343434;
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    float: left;
}
#ctt .lnb li span{
    display: table-cell;
    vertical-align: middle;
    width: calc(1/3*1200px);
    height: 44px;
}
#ctt .lnb li.active,
#ctt .lnb li:hover {background:#241f21;color:#fff}

/**/
.content {
    padding: 50px 0;
}

.item_wrap {
    display: none;
}
.item_wrap:not(:first-child){    padding: 20px 160px;}
.item_wrap:first-child {
    display: block;
}
.item_wrap:nth-child(2) ul {
    text-align: left;
}
.item_wrap ul {
    text-align: center;
    margin: 0px -12px;
}

.item_wrap:first-child li {}
.item_wrap:first-child li:nth-child(1) {margin-left: 200px;}
.item_wrap:first-child li:nth-child(5) {margin-right: 200px;}
.item_wrap li {
    padding: 0 12px 135px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.item_wrap li img {}


.txt_wrap {
    width: 100%;
    position: absolute;
    padding: 20px 0 0;
    left: 0;
    text-align: center;
}


.txt_wrap .in_num {
    font-size: 20px;
    font-weight: 900;
    padding-bottom: 8px;
}

.txt_wrap .in_txt {
    font-size: 18px;
    font-weight: 200;
}

.txt_wrap span {
    display: block;
}





/*modal*/
section.modal_wrap {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    top: 0;
    text-align: center;
    background: rgba(0,0,0,.5);
}

section.modal_wrap .modal {
    display: inline-block;
    position: relative;
    margin-top: 2%;
    max-width: 600px;
    /* width: 100%; */
}
section.modal_wrap .modal.garo {
    margin-top: 5%;
    max-width: 1000px;
}
section.modal_wrap button.cls_btn {
    position: absolute;
    top: 0;
    right: -20px;
    width: 20px;
    height: 20px;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 20px;
    font-family: dotum;
    font-weight: 900;
}

button.cls_btn {}

section.modal_wrap .modal img {
    width: 100%;
}


html[lang=en] .item_wrap li {
    padding: 0 12px 185px;
}


html[lang=ru] .item_wrap li {
    padding: 0 12px 185px;
}
html[lang=ru] .txt_wrap .in_num {
    font-size: 14px;
}

html[lang=ru] .txt_wrap .in_txt {
    font-size: 13px;
}