#k_main{height: 100%; overflow: hidden; background-image: url(../images/about_banner.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 100}

.k_main_title{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.k_main_title>h2{font-size: 1.75rem; font-weight: 400; color: #fff; width: 100%;}
.k_main_title>p{font-size: 1rem; font-weight: 300; color: #fff; margin-top:3%;}
.k_main_title>p:last-child{margin-top:10px;}
.arrow{position: absolute; bottom: 7%; width: 100%; text-align: center;}
.head_nav>ul>li:nth-child(1)>div>a{color: #FF791F !important;}



/*value 가치체계*/
#value{}
#value>h2{color: #000; font-size: 2.5rem;}
#value>p{color: #414042; margin-bottom: 5%; font-size: 1.25rem;}


.value_list>li{display: inline-block; text-align: center; margin-right: 200px;}
.value_list>li:last-child{margin-right: 0px;}
.value_list>li>div{width: 130px; height: 130px; line-height: 130px; border-radius: 50%; display: inline-block; overflow: hidden;}
.value_list>li:nth-child(1)>div{background-image: url(../images/value_icon1.png); background-position: center; background-size: 100%;}
.value_list>li:nth-child(2)>div{background-image: url(../images/value_icon2.png); background-position: center; background-size: 100%;}
.value_list>li:nth-child(3)>div{background-image: url(../images/value_icon3.png); background-position: center; background-size: 100%;}

.value_list>li>h4{ color: #414042; font-size: 1.125rem; margin: 1rem 0; font-weight: 400;}
.value_list>li>p{color: #8C8C8C; font-size: 1rem; line-height: 1.5rem; font-weight: 300;}




/*history 연혁*/

#history{}
#history>h2{color: #000; font-size: 2.5rem;}
.k3_stoke{width: 100%; height: 3px; background: #b0b0b0; margin:3% auto; position: relative;}
.k3_stoke>div:nth-child(1){width: 1rem; height:1rem; border-radius: 50%; background: #FF791F; position: absolute; top: 50%; transform: translateY(-50%); left: 17%; cursor: pointer;}
.k3_stoke>div:nth-child(2){width: 1rem; height:1rem; border-radius: 50%; background: #b0b0b0; position: absolute; top: 50%; transform: translateY(-50%); left: 50%; cursor: pointer;}
.k3_stoke>div:nth-child(3){width: 1rem; height:1rem; border-radius: 50%; background: #b0b0b0; position: absolute; top: 50%; transform: translateY(-50%); right: 17%; cursor: pointer;}
.k3_stoke>div:nth-child(4){width: 0px; height:4px; background: #FF791F; position: absolute; top: 50%; transform: translateY(-50%); left: 17%;}


.color1{color: #FF791F}
.history_list>li{float: left;width: 33.33%; text-align: center; cursor: pointer;}

.history_list>li:nth-child(2),.history_list>li:nth-child(3){opacity: 0.5;}
.history_list>li>h3{font-size: 1.5rem; margin-bottom: 10%}

.history_cont{ padding-left: 100px; margin-bottom: 20px;}
.history_cont>div{float: left; margin-right: 15px;}
.history_cont>div:nth-child(1){font-size:1.5rem; font-weight: 300; }
.history_cont>div:nth-child(2){text-align: left;}
.history_cont>div:nth-child(2)>div{margin-bottom: 15px;}
.history_cont>div:nth-child(2)>div>span:nth-child(1){font-size: 1rem; color: #333132; font-weight: 500;}
.history_cont>div:nth-child(2)>div>span:nth-child(2){font-size: 1rem; color: #414042; font-weight: 300;}



/*certification 인증*/

#certification{background: #f7f7f7;}
#certification>h2{color: #000; font-size: 2.5rem;}
#certification>p{width: 100%; max-width: 1300px; border-bottom: 2px solid #d7d7d7; text-align: center; padding-bottom: 10px; color: #414042; margin: 0 auto 3%;}


.certification_list{}
.certification_list>li{text-align: center; color:#555; font-size: 1.5rem; margin-bottom: 3%; cursor: pointer; font-weight: 300;}
.certification_active{color: #FF791F !important; font-weight: bold !important;}

.certification_cont_list{background: #eeeeee; padding: 25px 50px;}
.certification_item>h4{color:#FF791F; font-size: 1.5rem; border-bottom: 3px solid #FF791F; padding-bottom: 5px; display: inline-block; font-weight: 500; margin: 20px 0;}
.certification_item>p{font-size: 1rem; line-height: 2rem; color:#555555; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.certification_item>p>span{display: block; float: left;}
.certification_item>p>span:nth-child(3){width:0px;height:0px;
border-left:2rem solid transparent; /*border의 성질을 이용해 오른쪽테두리만 투명으로 만든다. */
border-bottom:2rem solid #ccc; /*border를 사용해 두께를 만든다.*/ float: right;}
.certification_item>p>span:nth-child(2){background: #ccc; float: right; color:#fff; width: 200px; text-align: right; padding-right: 20px; box-sizing: border-box;}
.certification_cont_list>li{display: none;}
.certification_cont_list>li:last-child{display: block;}

.certification_img{width: 100%; position: relative; cursor: pointer;}
.certification_back{width: 100%; height: 100%;  background: rgba(255,121,31,0.7); position: absolute; display: none;}
.certification_icon{display: block; text-align: center; width: 100%; position: absolute; top: 50%; transform: translateY(-50%);}


/*모달 인증*/
.modal-lg, .modal-xl{max-width: 600px;}
.modal{z-index: 10500;}

.item_list{margin-top: 7%;}
.item_list>li{width: 15%; margin-right: 2%; float: left; margin-bottom: 2.5%;}
.item_list>li:nth-child(6n){margin-right: 0;}
.item_list>li>p:nth-child(2){margin-top: 10px; font-size: 1rem; color: #9c9c9c; text-align: center}
.item_list>li>p:nth-child(3){margin-top: 10px; font-size: 1rem; line-height: 1.5rem; color: #242424; text-align: center}
.item_list>li>p:nth-child(3)>span{font-weight: bold; vertical-align: top;}


/*greeting 인사말*/

#greeting{}
#greeting>h2{color: #000; font-size: 2.5rem;}

.greeting_box{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.greeting_box>div{width: 50%; display: inline-block; }
.greeting_box>div:nth-child(1){background: #FF791F}
.greeting_box>div:nth-child(2){text-align: left; margin-left: -4px; padding-left: 70px; box-sizing: border-box;}
.greeting_box>div:nth-child(2)>h3{font-size: 3rem; line-height: 4rem; color: #FF791F; font-weight: bold;}
.greeting_box>div:nth-child(2)>h3>span{color: #010101; vertical-align: top;}
.greeting_box>div:nth-child(2)>p:nth-child(2){font-size: 1.25rem; color: #4d4d4f; margin: 5% 0;}
.greeting_box>div:nth-child(2)>p:nth-child(3){font-size: 1rem; color: #909091; line-height: 1.75rem;}


/*파트너사*/

#partner{}
#partner>h2{color: #000; font-size: 2.5rem;}
#partner>p{font-size: 1.5rem; line-height: 2rem; margin-top: 3%; color: #414042;}
#partner>p>br{display: none;}
#partner>p>span:nth-child(1){font-weight: bold; vertical-align: top;}
#partner>p>span:nth-child(2),#partner>p>span:nth-child(3){font-weight: bold; color:#FF791F; vertical-align: top;}
.partner_cont{height: 300px; width: 100%; background-image: url(../images/partner.jpg); background-size: cover; color: #414042; position: relative;}
.partner_cont>div{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.owl-item>li>img{ width: 200px !important; display: inline-block !important;}
.owl-item>li{ text-align: center;}
.partners_logo{position: relative;}
.owl-nav{position: absolute; top: 50%; transform: translateY(-50%); margin-top: 0px !important; width: 100%;}
.owl-prev{float: left; background: none !important;} 
.owl-next{float: right; background: none !important;}
/*오시는길*/

#location{background: #f7f7f7;}
#location>h2{color: #000; font-size: 2.5rem;}
.map>*{float: left; width: 50%;}
.map_cont{position: relative; background: #FF791F;}
.map_height{height: 400px; }
.map_cont>div{position: absolute; top: 50%; transform: translateY(-50%); position: absolute; top:50%; left: 5%; transform: translateY(-50%); padding: 50px; }
.map_cont>div>h5{font-size: 1.5rem; color: #fff; margin-bottom: 7%; font-weight: bold;}
.map_cont>div>p{margin-bottom: 10px;}
.map_cont>div>p:last-child{margin-bottom: 0px;}
.map_cont>div>p>span:nth-child(1){width:100px; color: #fff; font-size: 1rem; display: inline-block; line-height: 1.5rem; vertical-align: top;}
.map_cont>div>p>span:nth-child(2){font-size: 1rem; color: #fff; display: inline-block; line-height: 1.5rem; font-weight: 100;}


@media (max-width:1300px){
    :root{font-size: 15px;}
    .history_cont>div:nth-child(1){margin-right: 0px; width: 100%; text-align: left; margin-bottom: 15px;}
    .history_cont>div:nth-child(2){width: 100%;}
    .history_cont{}
}
@media (max-width:1024px){
    :root{font-size: 14px;}
    .value_list>li{margin-right: 100px;}
    .history_cont{padding-left: 50px;}
    .k3_stoke>div:nth-child(1){left: 17%;}
    .k3_stoke>div:nth-child(3){right: 17%;}
    .item_list>li{width: 23%; margin-right:2.66%;}
    .item_list>li:nth-child(6n){margin-right:2.66%;}
    .item_list>li:nth-child(4n){margin-right: 0px;}
    .greeting_box>div:nth-child(2)>p:nth-child(3) br{ display: none;}
    .greeting_box>div:nth-child(2){padding-left: 30px; padding-right: 30px;}
    .owl-item>li>img{width: 70% !important;}
}
@media (max-width:768px){
    :root{font-size: 13px;}
    .value_list>li{margin-right: 30px;}
    .history_cont{padding-left: 20px;}
    .history_cont>div:nth-child(2)>div{margin-bottom: 10px;}
    .certification_item>p>span:nth-child(2){padding-right: 10px; width: 140px;}
    .certification_cont_list{padding: 25px;}
    .item_list>li{width: 32%; margin-right:2%;}
    .item_list>li:nth-child(6n){margin-right:2%;}
    .item_list>li:nth-child(4n){margin-right:2%;}
    .item_list>li:nth-child(3n){margin-right:0;}
    .certification_item>h4{margin: 15px 0; border-bottom: 1px solid #FF791F;}
    .greeting_box>div{width: 100%;}
    .greeting_box>div:nth-child(2){padding: 30px;}
    .owl-item>li>img{width: 50% !important;}
    .partner_cont{height: 200px;}
    #partner>p>br{display: block;}
    .map>*{width: 100%;}
    .map_height{height: 300px;}
    .map_cont {height: auto !important;}
    .map_cont>div{position: static; top:0px; left: 0; transform: none; padding: 25px;}
    .map_cont>div>h5{margin-bottom: 5%;}
}
@media (max-width:480px){
    :root{font-size: 12px;}
    .value_list>li{width: 100%; margin: 0 0 20px 0;}
    .value_list>li:last-child{margin: 0;}
    .k3_stoke{display: none;}
    .history_list {text-align: center;}
    .history_list>li{width: 60%; display: inline-block;  float: none; text-align: center;}
    .history_list>li>h3{margin-top: 5%;}
    .history_list>li>h3{padding: 10px; background: #fff; color: #FF791F; border: 1px solid #FF791F;}
    .history_list>li{opacity: 1 !important;}
    .history_list>li>h3, .history_cont>div:nth-child(1){color: #FF791F !important;}
    .history_cont>div:nth-child(2)>div:last-child{margin-bottom: 0px;}
    .certification_cont_list{padding: 15px;}
    .item_list>li{width: 47.5%; margin-right:5%;}
    .item_list>li:nth-child(6n){margin-right:5%;}
    .item_list>li:nth-child(4n){margin-right:5%;}
    .item_list>li:nth-child(3n){margin-right:5%;}
    .item_list>li:nth-child(2n){margin-right:0;}
    .certification_item>p>span{float: none;}
    .owl-item>li>img{width: 50% !important;}
    #partner>p{font-size: 1.25rem;}
}