@charset "utf-8";


/* 서브 공통 */
#sub_content {padding: 7% 0;}
h3.sub_title {text-align: center; font-size: 4.6rem; margin-top: 20px;}

/*=== contect common style ===*/
.rglt-sec {margin-top: 80px;}
.rglt-sub-sec{margin-top:25px;}
.rglt-sub-tit{font-weight:700; font-size:22px; letter-spacing:-0.15px; color:#121212; line-height:1.77; margin-bottom:20px;border-bottom: 1px solid #121212; padding-bottom: 18px;}
.rglt-sub-tit.big-tit{font-size:26px}
.rglt-common-txt{font-weight:400; font-size:18px; letter-spacing:-0.15px; color:#000; line-height:1.77}
.rglt-common-txt strong{font-weight:700}
.rglt-common-txt.plus{position:relative; margin-bottom:20px; padding-left:30px}
.rglt-common-txt.plus:before{position:absolute; display:inline-block; content:""; width:15px; height:16px; background:url("../../img/plus_icon.png") no-repeat; top:8px; left:0}
.rglt-common-txt.plus:last-child{margin-bottom:0}
.rglt-common-txt.plus span{position:relative; display:block; font-weight:400; font-size:18px; letter-spacing:-0.15px; color:#555; padding-left:15px;}
.rglt-common-txt.plus span:before{position:absolute; display:inline-block; content:""; width:6px; height:6px; background-color:#555; border-radius:50%; left:0; top:12px}
.rglt-common-txt.plus span:first-child{margin-top:15px}
/* 표 공통 */
.table_wrap table {width: 100%;}
.table_wrap table.tb_style1 {border-top:2px solid #111;}
.table_wrap table tr th, .table_wrap table tr td {font-family: 'Roboto';}
.table_wrap table.tb_style1 tr th { padding: 19px 0 19px 24px;  border-bottom:1px solid #ddd; border-right: 1px solid #ddd;  color: #282828;  font-weight: 500; background: #f7f7f7; font-size: 16px; text-align: left;}
.table_wrap table.tb_style1 tr td {padding-left: 24px; color:#888; border-bottom:1px solid #ddd; border-left:1px solid #ddd;  line-height: 1.5; letter-spacing: -0.2px; font-size: 16px; }
.table_wrap table.tb_style2 {border-top: 2px solid #e7191e;}
.table_wrap table.tb_style2 tr th {text-align: center; text-transform: uppercase; font-size: 18px; color: #111; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 21px 0;}
.table_wrap table.tb_style2 tr td {width: 33.3333%; text-align: center; font-size: 18px; border-bottom: 1px solid #ddd; border-left:1px solid #ddd;  line-height: 1.5; letter-spacing: -0.2px; color: #111; border-right: 1px solid #ddd; padding: 17px 0;}
.table_wrap table.tb_style2 tr td:first-child {color: #777;}
.table_wrap table.tb_style2 tr td:nth-child(2) {background: #fbf0ee;}
.table_wrap table.tb_style2 tr th.first {height: 100%;  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAACJJREFUGFdjZEACZ86c+c8I44M4JiYmjGABGAfEZkTmgAQA+IUPaECzUiUAAAAASUVORK5CYII=)repeat;}

.table_wrap table.tb_style1 tr th:nth-child(3)~*, .table_wrap table.tb_style1 tr td:nth-child(3)~*{ width:25%}
.tb_info{margin-top: 20px;font-size: 16px;color: #222;font-weight: 600;} 
.table_scroll_info{ display:none}
.dot-list-box{margin:20px -1px 0}
.dot-list-box > div{margin: 0 1px;background-color: #f7f7f7;box-sizing: border-box;padding: 27px 30px 30px;}
.dot-list-box > div > div{padding:25px 30px}
.dot-list-box > div .dot-list li{position:relative; font-weight:400; font-size:18px; letter-spacing:-0.15px; color:#555; line-height:1.77; padding-left:15px} 
.dot-list-box > div .dot-list li:before{position:absolute; display:inline-block; content:""; width:6px; height:6px; background-color:#555; border-radius:50%; top:13px; left:0}


/*=========== 슬라이드 버튼 ============== */
.slick_dots_wrap {display: inline-block;vertical-align: middle;}
.circle .slick-dots { text-align:center;}
.circle .slick-dots > li {display: inline-block;vertical-align: top;border: 1px solid transparent;width: 18px;border-radius: 50%;height: 18px;margin: 0 4px; cursor:pointer; -webkit-transition: border 300ms;transition: border 300ms; position: relative; box-sizing:border-box;}
.circle .slick-dots > li > button {width: 4px;height: 4px;padding:0;margin: 6px ;font-size:0;background: #222;border:none;border-radius: 10px;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;position: absolute; top: 0; left: 0;}
.circle .slick-dots > li.slick-active {border-color:#222;}

.slick_control {display: block;width: 100%;height: 50px;position: absolute;left: 0;top: 50%;margin-top: -25px;}
.slick_arrows {padding:10px;margin: 0; font-size:13px; font-weight:600; color:#aaa; background: none;border: none;-webkit-box-shadow: none;box-shadow: none;cursor: pointer;z-index: 2;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.slick_arrows > button {display: block; margin: 0;padding: 0;position: absolute;top: 0;bottom: 0;left: 0;right: 0;font-size: 0;background: transparent;border: none;cursor: pointer;}
.slick_arrows:after {font-weight: normal;font-size: 36px;line-height: 50px;text-align: center;color: #ccc;-webkit-transition: color 300ms;transition: color 300ms;}
.slick_arrows.slick_prev {margin-right:30px;}
.slick_arrows.slick_next {margin-left:30px;}
.slick_play_state {display: inline-block;vertical-align: middle;width: 25px;height: 20px;position: relative;}
.slick_play_state_btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 0;left: 0;background: transparent;border: none;cursor: pointer;opacity: 0;visibility: hidden;-webkit-transition:opacity 300ms;transition: opacity 300ms; font-size:15px; color:#222}
.slick_play_state_btn:after {display: block;font-size: 18px;font-weight: normal;text-align: center;line-height: 20px;color: #222;}
.slick_play_state.play .slick_state_pause {opacity: 1; visibility: visible;}
.slick_play_state.pause .slick_state_play {opacity: 1; visibility: visible;}
html.ios .slick_play_state {margin-top:3px;}
.slick_play_state_btn:after {display: block; font-size: 18px;font-weight: normal; text-align: center; line-height: 20px; color: #222;}
/* 네모 버튼 (자세히 보기 등) */



/* ----------- 개별 스타일 strat ------------ */
/*포트폴리오 탭메뉴*/
#bo_cate {margin: 52px 0}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1; text-align: center; border-bottom: 1px solid #888;display: flex; justify-content: center; align-items: center;}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {width: 18%;}
#bo_cate a {display:block; color:#111;font-size: 2.4rem; line-height: 1.2; padding: 10px 0;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#f36f21; border: 1px solid #f36f21; color:#fff; }
#bo_cate #bo_cate_on {z-index:2;background:#f36f21;color:#fff;font-weight:600;border:1px solid #f36f21;}
#bo_gall .gall_text_href {text-align: center; padding-top: 15px;}
#bo_gall .gall_text_href img {margin:0 0 0 4px}
#bo_gall .bo_tit {display:inline-block;line-height:30px;font-weight:bold;color:#000;font-size:1.8rem}
.bo_cate_link {display:inline-block; color: #999; font-weight:300; line-height:10px; padding:5px 8px;font-size: 1.7rem;} /* 글제목줄 분류스타일 */
.bo_cate_link:hover {text-decoration:none}


/* ABOUTUS :: 인사말 */
.aboutUs-content {position: relative; margin-top: 40px;}
.aboutUs-content:before {content:''; background: url(/img/aboutUs_bg.png)no-repeat; position: absolute; top: 0; left: 0; }
.aboutUs-content .cont:last-child {margin-top: 9%;}
.aboutUs-content .cont .txt_box {font-size: 5rem; line-height: 1.3;}
.aboutUs-content .cont .txt_box strong {word-break: keep-all}
.aboutUs-content .cont .txt_box2 {font-size: 4rem; padding-left: 310px;}
.aboutUs-content .cont .txt_box p {font-weight: 300;}
.aboutUs-content .cont .img_box {padding: 85px 0 100px; text-align: right;}
.aboutUs-content .cont .img_box img {max-width: 100%;}
.aboutUs-content h4 {font-size: 7rem; letter-spacing: -2px; font-weight: 600;}
.aboutUs-content .value_list {display: flex;justify-content: space-around; margin-top: 70px;}
.aboutUs-content .value_list li figure img {max-width: 100%;}
.aboutUs-content .value_list li figure figcaption {position: relative; margin-top: 60px; padding: 0 100px;}
.aboutUs-content .value_list li figure figcaption:before {position: absolute; top: 0; right: 0; font-size: 150px; font-weight: 300; color: #f4f4f4; line-height: 1; z-index: -1}
.aboutUs-content .value_list li:nth-child(1) figure figcaption:before {content:'01';}
.aboutUs-content .value_list li:nth-child(2) figure figcaption:before {content:'02';}
.aboutUs-content .value_list li:nth-child(3) figure figcaption:before {content:'03';}
.aboutUs-content .value_list li figure figcaption strong {font-size: 2.5rem; font-weight: 600; color: #111; letter-spacing: -2px;}
.aboutUs-content .value_list li figure figcaption p {font-size: 2rem; font-weight: 300; color: #777; letter-spacing: -1px; margin-top: 30px; line-height: 1.55;}

/* ABOUTUS :: 인증서 */
.certi-content .list {display: flex; flex-wrap: wrap; margin-top: 52px;}
.certi-content .list li {flex-basis: 23%; margin: 1%; border: 1px solid #ccc;}
.certi-content .list li img {max-width:100%;}



/* 문의하기 03 :: 상단 */
.inquiryCont{margin-top: 60px}
.inquiry-style03-tbl{ margin-top:80px}
.inquiry-essential-txt{text-align:right; color:#373737; font-size:13px; letter-spacing:-0.3px; padding-bottom:15px;}
.essential-icon{color:#cf0505;}
.inquiry-style03-tit {text-align:center; padding-top: 55px; padding-bottom: 40px;}
.inquiry-style03-tit h3 {font-size:34px; line-height: 45px; letter-spacing: -0.75px; color:#333; font-weight: 500; }
.inquiry-style03-tit p {font-size:13px; line-height: 35px; letter-spacing: 5px; color:#aaa}



/* 문의하기 03 :: 개인정보처리방침 */
.bbs-inquiry-agree-con{ margin-bottom:80px}
.bbs-inquiry-agree-con .sect h2{ font-size:22px; color:#222; font-weight:500; margin-bottom:15px}
.bbs-inquiry-agree-con .sect .info-text{ font-size:16px; line-height:1.5; color:#333}
.bbs-inquiry-agree-con .inquiry-agreement-con{ margin-top:20px; width:100%; }
.bbs-inquiry-agree-con .inquiry-agreement-con > div{border: 1px solid #ddd;height:200px;overflow-y: auto;overflow-x: hidden; }	
.bbs-inquiry-agree-con .inquiry-agreement-con textarea{ width:100%;background-color: #fff;padding: 20px; border:0;line-height: 1.8;font-size: 15px;color: #777;}
.bbs-inquiry-agree-con .agree-txt{background: #fbfbfb;padding: 20px;text-align: center; border: 1px solid #ddd;box-sizing: border-box; border-top: 0; font-size:16px; font-weight:500; color:#222}
.bbs-inquiry-agree-con .agree-txt input{ display: inline-block;position: relative;top: -2px;margin-right: 10px;}
/* 문의하기 03 :: 작성폼 */
.inquiry-style03-write-box{margin-bottom:50px;}
.inquiry-style03-write-box .double-con{margin:0 -5px}
.inquiry-style03-write-box .double-con dl{float:left; width:calc(50% - 10px); margin:0 5px 10px; box-sizing:border-box}
.inquiry-style03-write-box dl {display:table; width:100%; margin-bottom: 10px; border:1px solid #ddd; background-color:#F7F7F7;}
.inquiry-style03-write-box dt {display:table-cell; position:relative; width:120px; vertical-align: top; height:48px; padding-left: 15px; font-size:15px; line-height: 48px; letter-spacing: -0.5px; color:#555555;}
.inquiry-style03-write-box dt::after {content:""; position:absolute; height:12px; width:2px; background-color:#ddd; right:0; top:20px;}
.inquiry-style03-write-box dd {display:table-cell; vertical-align: top; padding:0 2%;}
.inquiry-style03-write-box dd input,
.inquiry-style03-write-box dd select,
.inquiry-style03-write-box dd textarea{height:48px; border:0; width:50%; font-size:15px; letter-spacing: -0.5px; color:#555; font-weight: 300; background-color:#F7F7F7;}
.inquiry-style03-write-box dd textarea {width:100%; height:120px; padding: 15px 0px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; resize:none;  }
.inquiry-style03-write-box .file dd {vertical-align: middle;}
.inquiry-style03-write-box .file dd input {height:30px; }
.inquiry-style03-write-box p {height:48px; line-height: 48px; font-size:15px; letter-spacing: -0.5px; color:#555;}

.inquiry-style03-write-box dl.on {border:1px solid #A0CB49; background-color:#fff;}
.inquiry-style03-write-box dl.on input , .inquiry-style03-write-box dl.on textarea, .inquiry-style03-write-box dl.on select {background-color:#fff}
/* 문의하기 03 :: 작성폼 기타 */
.inquiry-style03-write-box .address-fieldset .write-input{margin-top:6px;}
.inquiry-style03-write-box .address-fieldset .write-input:first-child{margin-top:0;}
.inquiry-style03-write-box .address-fieldset .write-input:nth-of-type(2){border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.inquiry-style03-write-box .address-btn{display:inline-block; min-width:114px; padding:0 10px; height:38px; border:1px solid #464646; vertical-align:middle; text-align:center; color:#464646; font-size:14px; font-weight:400; margin-left:10px;}
.inquiry-style03-write-box .address-btn:hover{background-color:#464646; color:#fff;}


/* ************************************
@ 미디어쿼리 시작
****************************************/
/* 서브 공통 */
@media all and (max-width:1285px){
    h3.sub_title {font-size: 4rem;}
}
@media all and (max-width:1024px){
    h3.sub_title {font-size: 3.5rem;}
}
@media all and (max-width:768px){
    h3.sub_title {font-size: 3rem;}
}

/* ABOUT US */
@media all and (max-width:1540px){
    .aboutUs-content .cont .txt_box {font-size: 4.5rem;}
    .aboutUs-content .value_list li figure figcaption {padding: 0 60px;}
}
@media all and (max-width:1440px){
    .aboutUs-content .value_list li figure figcaption strong {font-size: 2.3rem;}
    .aboutUs-content .value_list li figure figcaption p {font-size: 1.8rem;}
    .aboutUs-content .value_list li figure figcaption:before {font-size: 115px; right: 30px;}
}
@media all and (max-width:1200px){
    .aboutUs-content .cont .txt_box {font-size: 4rem; text-align: center;}
    .aboutUs-content .cont .txt_box2 {padding: 0;}
    .aboutUs-content .value_list li figure figcaption {padding: 0 30px;}
    .aboutUs-content .value_list li figure figcaption:before {font-size: 100px;}
    .aboutUs-content h4 {font-size: 6rem;}
}
@media all and (max-width:1024px){
    .aboutUs-content .cont .txt_box {font-size: 3.6rem;}
    .aboutUs-content .cont .img_box {padding: 55px 0}
    .certi-content .list li {flex-basis: 31.3%;}
}
@media all and (max-width:768px){
    .aboutUs-content .cont .txt_box {font-size: 3rem;}
}
@media all and (max-width:640px){
    .aboutUs-content .cont:last-child {margin-top: 20%;}
    .aboutUs-content .value_list {flex-wrap: wrap; margin-top: 30px;}  
    .aboutUs-content .value_list li {margin-bottom: 10%;}
    .aboutUs-content .value_list li figure figcaption {margin-top: 40px;}
    
}
@media all and (max-width:540px){
    .aboutUs-content h4 {font-size: 4rem;}
    .aboutUs-content .cont .txt_box {font-size: 2.6rem;}
    .certi-content .list li {flex-basis: 48%;} 
}
@media all and (max-width:480px){
    .aboutUs-content h4 {font-size: 3rem;}
    .aboutUs-content .cont .txt_box {font-size: 2rem; padding: 0 5%;}
    .aboutUs-content .cont .img_box {padding: 35px 0; height: 200px;}
    .aboutUs-content .cont .img_box img {width: auto; height: 100%;}
    .aboutUs-content .value_list li figure figcaption {margin-top: 20px; padding: 30px 0 0 15px;}
    .aboutUs-content .value_list li figure figcaption strong {font-size: 2rem;}
    .aboutUs-content .value_list li figure figcaption p {margin-top: 15px; font-size: 1.6rem;}
    .aboutUs-content .value_list li figure figcaption:before {right: 15px;}
}

@media all and (max-width:380px){
    .aboutUs-content .cont .txt_box {font-size: 1.8rem}
}


/* PORTFOLIO */
@media all and (max-width:1240px){
    #bo_cate li {flex: 1}
    #bo_cate a {font-size: 2.2rem;}
}
@media all and (max-width:1024px){
    #bo_cate a {font-size: 2rem;}
    .gall_row .col-gn-3 {width: 50%;}
    .gall_row .box_clear {clear: unset;}
    #bo_gall .gall_img {height: 235px!important;}
}
@media all and (max-width:768px) {
    #bo_cate ul {flex-flow: row; justify-content: space-evenly; flex-wrap: wrap;}
    #bo_cate li {flex:1; flex-basis: 33.333%;}
    #bo_gall .gall_img {height: 200px!important;}
}
@media all and (max-width:640px) {
    .gall_row .col-gn-3 {width: 100%;}
}
@media all and (max-width:480px) {
    #bo_cate a {font-size: 1.4rem;}
    #bo_gall .bo_tit {font: 1.6rem;}
}
@media all and (max-width:375px) {
    #bo_gall .gall_text_href {padding-top: 5px;}
}
@media all and (max-width:350px) {
    #bo_gall .gall_img {height: 160px!important;}
}