html {}
body {  color:#262626;   line-height: 1.3;}
a { text-decoration: none; }
input:focus{ outline: none; }
textarea:focus{ outline: none; }

input::placeholder { color:#ccc; }

.highlight {background-color:yellow;} 
#header .search-area1 img { width: 15px !important; }
#header .search-area1 { position: absolute; right: 165px; top: 27px; line-height: normal;cursor: pointer; }
.search-area2 { position: absolute; right: 183px; top: 18px; line-height: normal; cursor: pointer; z-index: 100; background-color: #fff; height: 37px; width: 219px; }
.sInput{ height: 28px !important; width: 83%; }
.close { font-size: 12px; width: 12%; text-align: center;     display: inline-block; }

.pc { }
.mobile { display:none; }

#wrap {/*	height:100%;*/ position: relative; z-index: 999; }

.off { border: solid 1px #b4b3b3 !important; color: #b4b3b3; } 

.float-left { float:left; }
.float-right { float:right; }
.clear-both { clear: both; }
.overflow-auto { overflow: auto; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.width100p { width:100%; }

.ellipsis2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
} 
.ellipsis3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
} 

.pwd-btn { content:''; position:absolute; margin-left:-35px; margin-top:20px; background:url( "../images/common/bullet_eye2.png" ) no-repeat ; width:30px; height:30px; }
.pwd-btn.active { background:url( "../images/common/bullet_eye.png" ) no-repeat ;  }

.p-left39 { padding-left: 39px; }
.reset { float:none !important; padding:0px; margin:0px; clear: both; font-size:0px; line-height: 0px; }

select { vertical-align: middle; font-family: 'NanumSquare', 'Noto Sans KR'; color:#444; height:24px; font-size:12px; border:solid 1px #ddd; border-radius: 2px; }
textarea { border:solid 1px #ddd; font-family: 'NanumSquare', 'Noto Sans KR'; font-size:12px; line-height: 1.4;  border-radius: 2px; }

.loading-container { position: fixed; width:100%; height:100%; background:url(/admin/asset/images/bg-pop-mask.png); z-index: 99999;}
.loading-container img { position: fixed; top:50%; left:50%; width:30px; margin: -15px 0 0 0; }

.popup-container { position: absolute; width:100%; height:100%; top:0px; left:0px; display:none; z-index: 1000; }
.popup-container .bg { position: fixed; background: #000; opacity: 0.8; filter:alpha(opacity=80); height: 100%; width:100%; }
.popup-container > iframe { position: absolute; top:50%; left:50%; width:600px; height:500px; margin:-300px 0 0 -250px; background:#fff; border:solid 5px #000; border-radius: 5px; }

.popup-body { background:none; }
#popup-wrap { padding:20px 15px 70px 15px; }
#popup-wrap h3 { color:#333; font-size:16px; margin-bottom:10px; }
#popup-wrap .form-style01 { padding:0px; border:none; }
#popup-wrap .form-style01 th { font-size:12px; }
#popup-wrap .form-style01 td { font-size:12px; }
#popup-wrap .list-style01 { padding:0px; border:none; }
#popup-wrap .list-style01 th { font-size:12px; }
#popup-wrap .list-style01 td { font-size:12px; }
#popup-wrap .search-container { padding:8px 10px; border-radius: 2px; }
#popup-wrap > .btn-container { position: fixed; left:0px; bottom:0px; padding:7px 0; width:100%; background:#eee; border-top:solid 1px #ddd; }


input.disabled { border:none;  }

.btn { font-weight: bold; min-width:250px; text-align:center; color:#262626; display:inline-block; vertical-align: middle; font-size:17px; margin:0px; line-height: 50px; border:solid 1px #262626;  white-space: nowrap; }
.btn:hover { background:#262626; color:#fff;  }

.btn span { font-size:inherit; color:inherit; }
.btn.icon-download span { background: url(../images/icon_download.png) no-repeat right center; display:inline-block; padding-right:35px; }
.btn.icon-download:hover span { background: url(../images/icon_download_w.png) no-repeat right center;  }
.btn.icon-more span { background: url(../images/icon_arrow.png) no-repeat right center; display:inline-block; padding-right:25px; }
.btn.icon-more:hover span { background: url(../images/icon_arrow_w.png) no-repeat right center;  }



span.red { color:#f53c09; }
span.white { color:#fff; }

.paging-container { font-family: 'NanumSquare'; clear:both; text-align: center;  font-size:0px; padding:25px 0 15px 0; position: relative; }
.paging-container > a { font-weight: 400; display:inline-block; vertical-align: top; height:20px; line-height: 20px; width:31px; text-align: center; margin:0 0 1px 0; font-size:11px; }
.paging-container > a.bic { width:40px; }
.paging-container > a:hover { text-decoration: underline;}
.paging-container > a img {  margin-top:5px; height: 9px; }
.paging-container > ul { display:inline; margin:0 5px; }
.paging-container > ul li { display:inline-block; zoom:1; *display:inline; font-size:13px; margin:0 1px; }
.paging-container > ul li a { display:block; padding:0px 4px; line-height:20px; height:20px; color:#5d5d5d; font-weight:400;  }
.paging-container > ul li.selected a { font-weight: bold; color:#000; text-decoration: underline; }
.paging-container > ul li:hover a { text-decoration: underline; }

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


#header { position: fixed; width:100%; top:0px; height:110px; background:#fff; z-index: 900; }
#header.line { border-bottom:solid 1px #eee; }
#header > .inner { /*max-width:1280px; margin:0 auto;*/ padding:0 15px; }
#header .logo { float:left; margin-left:20px; margin-top:40px; }
#header .menu { float:right; margin-right:20px; margin-top:45px;  }

#footer { background:#262626; color:#fff; font-size:14px; margin-top:80px; }
#footer > .inner { max-width:1280px; margin:0 auto; padding:50px 15px; }
#footer dl { float:left; margin-right:35px; line-height: 1.4; }
#footer dl dt { font-weight: 800; margin-bottom:3px; }
#footer dl.copyright { float:right; }
#footer dl.copyright dt { text-align: right; margin-bottom:10px; }

#sidebar-container { position: fixed; top:0px; left:0px; height: 100%; width:100%;  z-index: 999; color:#fff; display:none; }
#sidebar-container .bg { height: 100%; width:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); display:none; }
#sidebar-container .sidebar { position: absolute; top:0px; right:0px; background:#262626; width:300px; height:100%; padding:50px; }
#sidebar-container .sidebar > a { float:right; margin:0px -5px; }
#sidebar-container .menu { margin-top:110px; }
#sidebar-container .menu li { margin-bottom:45px; }
#sidebar-container .menu a { display:block; font-size:30px; font-weight: bold; }
#sidebar-container .menu a:hover { color:#f53c09; }
#sidebar-container .contact { padding-top:30px; font-size:14px; line-height: 1.4; }
#sidebar-container .addr { margin-top:30px; font-size:14px; line-height: 1.4; }


.main-container { padding-top:110px; }
.main-container .title { font-size:80px; font-family: 'Bebas Neue'; text-align: center; line-height: 1;  }
.main-container .title > img { margin-bottom:30px; }
.main-container .title .subtitle { display:block; font-family: 'NanumSquare'; font-size:27px; text-align: center; margin-top:10px; font-weight: bold;  }
.main-container .text1 { font-size:20px; margin-top:40px; text-align: center; line-height: 1.4; }

.main-container .section1 { padding:40px 15px 70px ; }
.main-container .section1 .mov_box { max-width:1000px; margin:0 auto; margin-top:40px; position: relative;  }
.main-container .section1 .mov_box span { display:block; padding-bottom:50%; font-size:9px; height:0px; }
.main-container .section1 .mov_box img { width:100% !important; height:100% !important; position: absolute; top:0px; left:0px; object-fit: cover;}
.main-container .section1 .mov_box iframe { width:100% !important; height:100% !important;  position: absolute; top:0px; left:0px; }
.main-container .section1 .btn-box { text-align: center; margin-top:40px; }


.main-container .section2 { padding:110px 15px 150px; background: #f4f4f4; }
.main-container .section2 .box1 { max-width:950px; margin:0 auto; padding:65px 0 100px; }
.main-container .section2 .box1 li { width:33.3%; float:left; margin-bottom:20px; }
.main-container .section2 .box1 li:nth-child(4n) { clear:both; }
.main-container .section2 .box1 li > div { display:table; margin:0 auto; width:96%; padding-bottom:19px; color:#fff; font-size:20px; font-weight: 500; background: url(../images/bullet_arrow_down.png) no-repeat center bottom ; }
.main-container .section2 .box1 li > div > span { height:68px;  border-radius: 8px; display:table-cell; padding:5px; vertical-align: middle; text-align: center; background:#262626; }

.main-container .section2 .list1 { max-width:1145px; margin:0 auto; margin-top:50px; }
.main-container .section2 .list1 li { float:left; width:25%; }
.main-container .section2 .list1 li > div { margin:3px; position: relative; cursor:pointer; cursor:hand; }
.main-container .section2 .list1 li > div > img { width:100%; -webkit-filter: grayscale(100%); filter: gray; }
.main-container .section2 .list1 li > div a { display:none; position: absolute; top:0px; left:0px; width:100%; height:100%; color:#fff; background:url(../images/thumb_mask.png) no-repeat bottom center; }
.main-container .section2 .list1 li > div a span { display:block; position: absolute; bottom:0px; padding:10px;  font-size:13px; }
.main-container .section2 .list1 li > div a span b { display:block; font-size:18px; }
.main-container .section2 .list1 li > div:hover > img { width:100%; -webkit-filter: grayscale(0); filter: none; }
.main-container .section2 .list1 li > div:hover a { display:block;
  animation: fadein 0.3s;
  -moz-animation: fadein 0.3s; /* Firefox */
  -webkit-animation: fadein 0.3s; /* Safari and Chrome */
  -o-animation: fadein 0.3s; /* Opera */
 }

.main-container .section3 { background:#262626; color:#fff; padding:120px 0 140px; }
.main-container .section3 .expert { text-align: center; padding-top:30px; max-width:1210px; margin:0 auto; }
.main-container .section3 .expert > img { width:100%; max-width:1210px; }
.main-container .section3 .expert ul { padding-top:20px; }
.main-container .section3 .expert li { float:left; width:20%; text-align: center; }
.main-container .section3 .expert li span { display:block; text-align: center; padding:5px; font-size:20px; }
.main-container .section3 .expert li span b { display:block; text-align: center; font-size:22px; padding-top:3px; }

.main-container .section4 { background:#f53c09; color:#fff; padding:140px 15px; }
.main-container .section4 > .inner { max-width:1280px; margin:0 auto; }
.main-container .section4 .contact_form { float:left; width:47%; }
.main-container .section4 .map { float:left; width:53%; text-align: right; }
.main-container .section4 .map img { width:100%; max-width:648px; }
.main-container .section4 .title { text-align: left; color:#262626; }

.main-container .section4 .contact_info { margin-top:60px; }
.main-container .section4 .contact_info > ul > li { float:left; width:40%; line-height: 1.5; }
.main-container .section4 .contact_info > ul > li:last-child { width:60%; }
.main-container .section4 .contact_info > ul > li dt { color:#262626; font-weight: 800; }
.main-container .section4 .contact_info > ul > li dd > span { display:block; word-break: break-all; }
.main-container .section4 .contact_info > ul > li label { color:#262626; font-weight: 800; }

.main-container .section4 .form { max-width:600px; color:#262626; margin-top:50px; }
.main-container .section4 .form ul li { position: relative; float:left; width:50%; font-size:18px; font-weight: 800; margin-bottom:30px; }
.main-container .section4 .form ul li.merge {  margin-bottom:0px; width:100%; }
.main-container .section4 .form ul li .input { border-bottom:solid 1px #000;padding-bottom:3px; margin-right:30px; position: relative; }
.main-container .section4 .form ul li label { position: absolute; }
.main-container .section4 .form ul li .form_wrap { margin-left:60px; }
.main-container .section4 .form ul li .form_wrap input { width:100%; }
.main-container .section4 .form textarea { color:#fff; overflow-y: auto; width:100%; height:100px; border:none; padding:0px; margin:0px; margin-top:7px; margin-bottom:5px; background: transparent; font-size:18px; }
.main-container .section4 .form input { color:#fff; text-indent: 5px; border:none; padding:0px; margin:0px; background: transparent; font-size:18px;}
.main-container .section4 .form a img { margin:0px; }
.main-container .section4 .form a { display:inline-block; margin-top:20px; margin-right:30px; }
.main-container .section4 form { text-align: right; }
.main-container .section4 .btn-sendmail { border:solid 1px #fff; height:35px; line-height: 37px; padding:0px 25px; color:#fff; font-size:18px; font-weight: bold; background: transparent; cursor: pointer;}
.main-container .section4 .form_bottom_wrap { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-right: 30px; }
.main-container .section4 .form_bottom_wrap a { margin: 0;}
.main-container .section4 .form_checkbox { display: flex; align-items: center; font-size: 16px; color: white; font-weight: 300; padding-left: 30px; position: relative; }
.main-container .section4 .form_checkbox label::before { content: ''; width: 20px; height: 20px; display: block; border: 1px solid white; position: absolute; left: 0; }
.main-container .section4 .form_bottom_wrap label a { font-weight: bold; text-decoration: underline; text-underline-offset: 4px; display: inline; }
.main-container .section4 .form_checkbox input { display: none; }
.main-container .section4 .form_checkbox input:checked+label::after { content: ''; width: 12px; height: 12px; display: block; background: white; position: absolute; left: 5px; top: 5px; }

.select_wrap .select_cur { cursor:pointer; cursor:hand; background: url(../images/form_arrow.png)  no-repeat right center !important; }
.select_wrap .select_cur.over { background: url(../images/form_arrow2.png)  no-repeat right center !important; }
.select_wrap .dropdown_list { top:100%; display:none; margin-top:0px; position: absolute;  background:#fff; z-index: 999; }
.select_wrap .dropdown_list li { width:100% !important; color:#666; border-bottom:solid 1px #eee; float:none; padding:0px; margin:0px !important; padding:8px 0; font-size:17px !important; font-weight: bold; text-align: center; cursor:pointer; cursor:hand; }
.select_wrap .dropdown_list li:hover { color:#000; }


.content-container { padding-top:150px; }


.content-container .title { font-size:80px; font-family: 'Bebas Neue'; text-align: center; line-height: 1;  }
.content-container .title > img { margin-bottom:30px; }
.content-container .title .subtitle { display:block; font-family: 'NanumSquare'; font-size:27px; text-align: center; margin-top:15px; font-weight: bold; line-height: 1.2;  }
.content-container .text1 { font-size:20px; margin-top:40px; text-align: center; line-height: 1.4; }
.content-container .text1 b { display:block; margin-top:13px; font-weight: 800; text-align: center; font-size:25px; }


.work-container { padding:0 15px; }
.work-container .mobile { display:none; }
.work-container .list1 { max-width:1145px; margin:0 auto; margin-top:30px; }
.work-container .list1 li { float:left; width:25%; }
.work-container .list1 li > div { margin:3px; position: relative; cursor:pointer; cursor:hand; }
.work-container .list1 li > div > img { width:100%; -webkit-filter: grayscale(100%); filter: gray; }
.work-container .list1 li > div a { display:none; position: absolute; top:0px; left:0px; width:100%; height:100%; color:#fff; background:url(../images/thumb_mask.png) no-repeat bottom center; }
.work-container .list1 li > div a span { display:block; position: absolute; bottom:10px; left:10px; font-size:13px; }
.work-container .list1 li > div a span b { display:block; font-size:18px; }
.work-container .list1 li > div:hover > img { width:100%; -webkit-filter: grayscale(0); filter: none; }
.work-container .list1 li > div:hover a { display:block; 
  animation: fadein 0.3s;
  -moz-animation: fadein 0.3s; /* Firefox */
  -webkit-animation: fadein 0.3s; /* Safari and Chrome */
  -o-animation: fadein 0.3s; /* Opera */
}
.work-container .more { text-align: center; margin-top:45px; }

.work-container .category { padding-top:45px; position: relative; }
.work-container .category ul.pc { font-size:0px; text-align: center; }
.work-container .category ul.pc li { display:inline-block; margin:0 18px; margin-bottom:10px; }
.work-container .category ul.pc li a { display:block;  border-bottom:solid 3px #fff; font-family: Arial; font-weight: 800; font-size:17px; letter-spacing: -1px;  padding-bottom:3px;}
.work-container .category ul.pc li a.selected { border-bottom:solid 3px #333; padding-bottom:3px; }

.service-container > .inner { padding:0 15px; }
.service-container .dig1 { margin-top:70px; padding-bottom:70px; }
.service-container .dig1 ul { max-width:1140px; margin:0 auto; }
.service-container .dig1 li { float:left; width:33.3%; }
.service-container .dig1 li > .inner { margin:0 20px; text-align: center; position: relative; }
.service-container .dig1 li > .inner > img { width:100%; max-width:292px; }
.service-container .dig1 li .box { margin-top:45px; font-size:22px; background:url(../images/bullet_arrow_down.png) no-repeat center bottom; padding-bottom:19px;  }
.service-container .dig1 li .box span { padding:15px 0; border-radius: 8px; display:block; background:#262626; color:#fff; font-size:22px; font-weight: bold; text-align: center; }

.service-container .dig1 li .desc { margin-top:25px; font-size:18px; line-height: 1.5; }

.service-container .section1 { padding:120px 15px; background:#262626; color:#fff; text-align: center; }
.service-container .section1 .title { font-family: 'NanumSquare'; font-size:60px; font-weight: 800; line-height: 1.2; }
.service-container .section1 > img { margin-top:60px; width:100%; max-width: 832px; }

.service-container .section2 { padding:120px 15px; text-align: center; background:url(../images/service_bg1.png) no-repeat center bottom; background-size:cover; }
.service-container .section2 .title { font-family: 'NanumSquare'; font-size:60px; font-weight: 800; line-height: 1.2; }
.service-container .section2 > img { margin-top:60px; width:100%; max-width: 1129px; }

.select_container { position: relative; display:inline-block; z-index: 888; }
.select_container .select_list { position: absolute; width:101%; background:#fff; margin-top:-1px; display:none; }
.select_container .select_list ul { border:solid 1px #262626;  }
.select_container .select_list ul li span { display:block; padding:8px 0; text-align: center; cursor:pointer; border-bottom:dotted 1px #ccc; }
.select_container input { cursor:pointer; width:100%; padding:0px; border:solid 1px #262626; height:40px; line-height: 40px; text-indent: 10px; font-size:18px; font-weight: bold; background:url(../images/icon_arrow.png) no-repeat 95% center; }



.news-container > .inner { max-width:1200px; margin:0 auto; padding:0 15px; }

.news-container .category { padding:70px 0 50px; text-align: center; }
.news-container .category .search { width:35%; position: relative; display:inline-block; margin-left:5px; }
.news-container .category .search a { position: absolute; top:0px; right:0px; padding:12px; }
.news-container .category .search input { width:100%; padding:0px; border:solid 1px #262626; height:40px; line-height: 40px; text-indent: 10px; font-size:18px; font-weight: bold; }


.news-container .list2 li { margin-bottom:20px; cursor:pointer; }
.news-container .list2 li:hover { background:#fafafa; }
.news-container .list2 li > .inner { border:solid 1px #262626; position: relative; }
.news-container .list2 li > .inner > img { position: absolute; border-right:solid 1px #262626; width:381px; }
.news-container .list2 li > .inner .desc { margin-left:410px; height:209px; }
.news-container .list2 li > .inner .desc > span { display:block; }
.news-container .list2 li > .inner .ctg { padding-top:35px; font-size:17px; font-weight: 800; }
.news-container .list2 li > .inner .tit { padding-top:12px; height:90px; } 
.news-container .list2 li > .inner .tit a { word-break: break-all; height:55px; font-size:22px; font-weight: bold; margin-right:10px; }
.news-container .list2 li > .inner .dtm { font-size:14px; color:#888888; font-weight: bold; }
.news-container .more { text-align: center; margin-top:50px; }

.news-container .view1 { margin-top:80px; }
.news-container .view1 .tit { font-size:30px; font-weight: 800; border-bottom:solid 1px #262626; padding-bottom:10px; }
.news-container .view1 .article { padding:30px 0 50px; font-size:18px; border-bottom:solid 1px #262626; }
.news-container .view1 .article .dtm { margin-bottom:40px; color:#bbb; }


.careers-container > .inner { text-align: center; padding:0 15px; }
.careers-container > .inner > img { width:100%; max-width:1280px; margin-top:60px; }
.careers-container .section1 { background:#262626; color:#fff; padding:110px 15px; }
.careers-container .section1 .dig1 { max-width:1280px; margin:0 auto; margin-bottom:200px; }
.careers-container .section1 .dig1 li { float:left; width:20%; }
.careers-container .section1 .dig1 li > .inner { text-align: center; margin:0 15px; }
.careers-container .section1 .dig1 li > .inner > img { max-width:182px; width:100%; }
.careers-container .section1 .dig1 li .box { font-size:20px; text-align: center; padding:25px 0; letter-spacing: -1px; }
.careers-container .section1 .dig1 li .box b { display:block; text-align: center; font-size:22px; font-weight: 800; }
.careers-container .section1 .dig1 li .desc { line-height: 1.6; text-align: center;  letter-spacing: -1px;}
.careers-container .section1 .dig1 li .desc b { margin-bottom:8px; line-height: 1.3; display:block; text-align: center;  color:#f53c09; font-size:20px; font-weight: bold; letter-spacing: -1px; }
.careers-container .section1 .title { font-family: 'NanumSquare'; font-size:60px; font-weight: 800;  line-height: 1.2; }
.careers-container .section1 .apply { text-align: center; padding-top:80px; }
.careers-container .section1 .apply a { min-width:300px; height:70px; line-height: 70px; color:#f53c09; border:solid 1px #f53c09; font-size:28px; font-weight: 800; }
.careers-container .section1 .apply a:hover { color:#fff; }

.detail-container {}
.detail-container .head { background:#262626; color:#fff; padding-bottom:35px; }
.detail-container .head > .inner { max-width:1280px; margin: 0 auto; padding:0 15px; }
.detail-container .head .ctg { font-size:16px; color:#f53c09; }
.detail-container .head .tit { font-size:35px; font-weight: bold; line-height: 1.1; margin-top:35px; margin-bottom:15px; }
.detail-container .head .dtm { font-size:14px; float:left; }
.detail-container .head .btns { font-size:14px; float:right; }
.detail-container .head .btns span { padding:0 5px; opacity: 0.5;}
.detail-container .head .btns a.disabled { opacity: 0.5; }
.detail-container .mov_area { max-width:1081px; margin:0 auto; margin-top:0px; position: relative;  padding:75px 15px; text-align: center;}
.detail-container .mov_area .btn_left { position: absolute; top:50%; left:35px; margin-top:-29px; z-index: 600; }
.detail-container .mov_area .btn_left img { width:30px; }
.detail-container .mov_area .btn_right { position: absolute; top:50%; right:35px; margin-top:-29px; z-index: 600;  }
.detail-container .mov_area .btn_right img { width:30px; }
.detail-container .mov_area span { display:block; padding-bottom:56.3%; font-size:9px; height:0px; position: relative; z-index: 100; }
.detail-container .mov_area span img { width:100% !important; height:100% !important; position: absolute; top:0px; left:0px; object-fit: cover; }
.detail-container .mov_area span iframe { width:100% !important; height:100% !important;  position: absolute; top:0px; left:0px; }

.detail-container .info { background:#f0f0f0; padding:65px 0; }
.detail-container .info > .inner { max-width:1280px; margin: 0 auto; padding:0 15px; position: relative; }
.detail-container .info  img { position: absolute; right:15px; top:0px;  }
.detail-container .info .desc { margin-right: 580px ; min-height:286px; }
.detail-container .info .desc .tit { display:block; font-size:28px; font-weight: 800; }
.detail-container .info .desc .txt { display:block; font-size:18px; font-weight: normal; line-height: 1.5; margin-top:15px; }

.detail-container .rel {}
.detail-container .rel > .inner { max-width:1300px; margin:0 auto; padding:70px 5px; }
.detail-container .rel .tit { display:block; font-size:28px; font-weight: 800; padding-bottom:30px; margin:0 10px; }

.detail-container .rel li { float:left; width:50%; }
.detail-container .rel li > div { margin:10px; position: relative; cursor:pointer; cursor:hand; }
.detail-container .rel li > div > img { width:100%; }
.detail-container .rel li > div a { position: absolute; top:0px; left:0px; width:100%; height:100%; color:#fff; background:url(../images/thumb_mask.png) no-repeat bottom center; background-size:cover; }
.detail-container .rel li > div a span { display:block; position: absolute; bottom:30px; left:30px; font-size:22px; }
.detail-container .rel li > div a span b { display:block; font-size:30px; }
.detail-container .rel li > div:hover > img { width:100%; -webkit-filter: grayscale(0); filter: none; }
.detail-container .rel li > div:hover a { display:block; }

.privacy-wrapper { padding-top: 110px; }
.privacy-container { color: #212121; font-family: 'NanumSquare'; padding: 90px 0 83px; background-color: #ececec; }
.privacy-container .inner { max-width: 1280px; margin: 0 auto; }
.privacy-container h1{ font-size: 43px; font-weight: 800; line-height: 1.2; margin: 0 0 54px 30px; }
.privacy-container .privacy-list { margin: 0 27px; width: fit-content; box-sizing: border-box; letter-spacing: -0.02em; }
.privacy-container .privacy-list li { padding: 0 6px; }
.privacy-container .privacy-list li:not(li:last-child) { padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid; }
.privacy-container .privacy-list span { font-size: 24px; font-weight: 800; line-height: 1; }
.privacy-container .privacy-list p { font-size: 18px; font-weight: 400; line-height: 1.5; margin-top: 19px; word-break: keep-all; }
	
/* 회사소개서 modal */
#company-info-download-modal { width: 100%; max-width: 800px; padding: 30px; display: none;}
#company-info-download-modal .close-modal { display: none; }
#company-info-download-modal .close-btn { display:block; position: absolute; right: 30px; }
#company-info-download-modal .modal-title { font-size: 27px; font-weight: bold; text-align: center;  margin: 30px 0 10px;}
#company-info-download-modal .modal-title span { font-weight: 900;}
#company-info-download-modal input:not([type='checkbox']) { display: block; outline: none; width:100%; border: black 1px solid; font-size: 20px; padding: 15px 20px; margin: 20px auto;}
#company-info-download-modal input:not([type='checkbox']):focus {box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
#company-info-download-modal #download-agree {accent-color: black;}
#company-info-download-modal label[for="download-agree"] span {font-weight: bold;}
#company-info-download-modal form { width: 80%; margin: 30px auto; }
#company-info-download-modal .download-submit {display: block; margin: 40px auto 0 auto; background: black; color: white; font-weight: bold; padding: 10px 35px; outline: none; cursor: pointer; font-size: 24px; font-family: inherit; border: none;}
#company-info-download-modal label[for="download-agree"] a { font-weight: bold; text-decoration: underline; text-underline-offset: 4px; display: inline; }