@charset "utf-8";

/* 초기화 */
body {margin:0;padding:0;font-size:0.75em;font-family:'Noto Sans Korean','Noto Sans KR','Malgun Gothic', dotum, sans-serif;-webkit-text-size-adjust: none;font-smoothing: antialiased;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}
textarea, select{font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*,
:after,
:before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type=text],
input[type=password],
textarea {-webkit-transition:all 0.30s ease-in-out;-moz-transition:all 0.30s ease-in-out;-ms-transition:all 0.30s ease-in-out;-o-transition:all 0.30s ease-in-out;outline:none;}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus,select:focus {-webkit-box-shadow:0 0 5px #9ed4ff;-moz-box-shadow:0 0 5px #9ed4ff;box-shadow:0 0 5px #9ed4ff;border:1px solid #558ab7 !important;}

/* 여기부터 시작 */
html,body{background-color:#fff;color:#000;}

.button{display:inline-block;padding:6px 8px;border:0;cursor:pointer;text-align:center;vertical-align:top;border-radius:4px}
.button-large{padding:12px 24px;font-size:17px;font-weight:bold;border-radius:10px}
.button-xlarge{padding:12px 24px;font-size:24px;font-weight:bold;border-radius:15px}
.button-full{width:100%;font-size:24px;font-weight:bold}
.button-default{background-color:#fefefe;border:1px solid #ccc;}
.button-default:hover{background-color:#d9d9d9}
.button-primary{background-color:#000;color:#fff}
.button-primary:hover{background-color:#c0c0c0}

.container{position:relative;width:1300px;margin:0 auto;padding:50px 0;font-size:14px;}
.container .content_title{margin-bottom:50px;font-size:31px;letter-spacing:-1px;font-weight:700;color:#000;}

.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}

.i_text{margin:3px;padding:3px;border:1px solid #ccc}

.font-point {color:#3399cc;}

.tbl-type-a,
.tbl-type-a th,
.tbl-type-a td{border:0;}
.tbl-type-a{width:100%;margin-bottom:12px;border-spacing:0;}
.tbl-type-a th,
.tbl-type-a td{padding:13px 13px;}
.tbl-type-a th{;}
.tbl-type-a tbody td{;}

.tbl-type-b,
.tbl-type-b th,
.tbl-type-b td{border:0;}
.tbl-type-b{width:100%;margin-bottom:12px;border-top:2px solid #999;border-spacing:0;}
.tbl-type-b th,
.tbl-type-b td{padding:13px 5px 13px 20px;border-bottom:1px solid #fff}
.tbl-type-b tbody td{;}

.tbl-type-c,
.tbl-type-c th,
.tbl-type-c td{border:0;}
.tbl-type-c{width:100%;border-top:1px solid #ccc;border-spacing:0;}
.tbl-type-c th,
.tbl-type-c td{padding:13px 10px;border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.tbl-type-c { border-left:1px solid #ccc;  }
.tbl-type-c th{;}
.tbl-type-c tbody td{color:#ccc}

.form-table{}
.form-table input,
.form-table textarea,
.form-table select,
.form-table table,
.form-table button{vertical-align:top}
.form-table table,
.form-table th,
.form-table td{border:0}
.form-table table{width:100%;margin-bottom:20px;border:0;table-layout:fixed;border-collapse:collapse;border-top:2px solid #ccc}
.form-table caption{padding:8px;font-weight:bold;text-align:left}
.form-table th,
.form-table td{padding:8px}
.form-table th{color:#333}
.form-table td{color:#666}
.form-table thead th{border-bottom:1px solid #ccc;background:#f8f8f8}
.form-table tbody th{border-bottom:1px solid #ddd;background:#fafafa;text-align:left}
.form-table tfoot th{border-bottom:1px solid #ddd}
.form-table tbody td{border-bottom:1px solid #ddd}
.form-table tfoot td{border-bottom:1px solid #ddd;font-weight:bold;color:#333}
.form-table em{color:#f33}
.form-table .item{position:relative;margin:-4px 0}
.form-table .item .i_help{position:absolute;top:4px;right:0}
.form-table .item .i_label{ top:6px; left:10px}
.form-table .item .i_dsc{margin:2px 0}
.form-table .item .i_check,
.form-table .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
.form-table .item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.form-table .item .i_text{position:relative;max-width:100%;margin:2px;padding:8px;border:1px solid #ddd;outline:none;box-sizing:border-box;font-size:15px}
.form-table .item .i_text:hover,
.form-table .item .i_text:focus{border-color:#334478}
.form-table .item .i_text:read-only{background-color:#ddd}
.form-table .item label{margin:0 10px 0 0;cursor:pointer;white-space:nowrap}
.form-table .cont{margin:20px 0;background:#fff}
.form-table .right{float:right}
.form-table .space{display:inline-block;padding:3px 40px 0 0}

.btn{display:inline-block;padding:8px 12px;border:0;cursor:pointer;white-space:nowrap;text-decoration:none;line-height:1.2}
.btn-small{padding:4px}
.btn-default{background-color:#777;color:#fff;border-radius:3px;}
.btn-primary{background-color:#444;color:#fff;border-radius:3px}

.btn-right{padding:6px 0;text-align:right}

.btn-both{padding:8px 0;}
.btn-both:after{display:block;clear:both;content:''}
.btn-both .fl{float:left;}
.btn-both .fr{float:right}

.paginate-complex{margin-bottom:30px;padding:15px 0;line-height:normal;text-align:center;}
.paginate-complex a{margin:0 1px;padding:5px 10px;color:#666;font-size:13px;text-decoration:none}
.paginate-complex a.on,
.paginate-complex a:hover{color:#ff565c;font-weight:bold}

@keyframes fadein {
    0%	{opacity:0;transform:translateY(-100px)}
    100%{opacity:1;transform:translateY(-50%)}
}

.wrap{width:1500px;margin:0 auto;overflow:hidden;}

/* 로그인 */
#page-login{;}
#page-login form{width:480px;margin:0 auto 0px;padding:30px;}
#page-login form .item-group{margin-bottom:15px}
#page-login form .item{position:relative;margin:0 0 8px;border:1px solid #d7d7d7;}
#page-login form .item label{position:absolute;top:12px;left:12px;font-weight:bold;font-size:12px}
#page-login form .item .i_text{width:70%;margin-left:25%;padding:12px 5px; border:0; outline:none;border-left:1px solid #ccc;-webkit-appearance:none;appearance:none;-webkit-border-radius:0;}
#page-login form .btn-primary{display:inline-block;width:100%;padding:15px;border:0;background-color:rgba(43,93,178,0.9);color:#fff;font-size:17px;margin-bottom:20px;}

/* 게시판 */
#page-board-lists{padding:30px 0}
#page-board-lists table,
#page-board-lists th,
#page-board-lists td{border:0}
#page-board-lists table{width:100%;border-top:2px solid #444;border-spacing:0}
#page-board-lists th,
#page-board-lists td{padding:8px;border-bottom:1px solid #ccc}
#page-board-lists thead th{background-color:#eee}
#page-board-lists table .notice{background-color:#f9f9f9}
#page-board-lists table .notice .ico-notice{display: inline-block;margin: 1px 3px 0 0;width: 52px;height: 25px;line-height: 23px;text-align: center;font-size: 12px;color: #fff;border-radius: 3px;background: #e23950;;}
#page-board-lists table .notice a{font-weight:bold;color:#f24d63;}
#page-board-lists .category{margin-bottom:30px}
#page-board-lists .category a{display:inline-block;width:120px;margin-right:10px;padding:10px 15px;text-align:center;border:1px solid #444;text-decoration:none;font-size:15px}
#page-board-lists .category a.active{background-color:#444;color:#fff;}

/* 게시판(갤러리) */
#page-board-gallery-lists{}
#page-board-gallery-lists .list-gallery{}
#page-board-gallery-lists .list-gallery:after{display:block;clear:both;content:''}
#page-board-gallery-lists .list-gallery .item{float:left;width:25%}
#page-board-gallery-lists .list-gallery .item .box{margin:10px;padding:10px;border:1px solid #ccc;border-radius:10px}
#page-board-gallery-lists .list-gallery .item .box .thumb{display:block;height:240px;margin-bottom:12px;background-size:cover;text-align:center;}
#page-board-gallery-lists .list-gallery .item .box .thumb img{}
#page-board-gallery-lists .list-gallery .item .box .thumb .no-image{line-height:240px}
#page-board-gallery-lists .list-gallery .item .box .subject{font-size:15px;}

#page-board-view{padding:30px 0}
#page-board-view .comment{}
#page-board-view .comment h3.hx{padding:12px;background-color:#f9f9f9;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#page-board-view .comment .list{margin-bottom:12px;}
#page-board-view .comment .list .item{padding:12px;background-color:#fff;border-bottom:1px solid #e1e1e1}
#page-board-view .comment .list .item p{margin-bottom:12px}
#page-board-view .comment .list .item .username{color:#666}
#page-board-view .comment .list .item .date{color:#666}
#page-board-view .comment .list .reply{padding:12px;padding-left:30px;background-color:transparent}
#page-board-view .comment .list .reply .cont{}
#page-board-view .comment .list .reply p{margin-bottom:12px}
#page-board-view .comment .list .reply .username{color:#666}
#page-board-view .comment .list .reply .date{color:#666}
#page-board-view .comment .form{}
#page-board-view .comment .form .item{}
#page-board-view .comment .form .item .i_text{width:100%;height:120px;padding:6px;border:0;outline:none;box-sizing:border-box}
#page-board-view .section-reply{display:none;margin-top:10px;}
#page-board-view img{max-width:100%}

/* 뉴상단메뉴 */
#navbar{position:fixed;top:0;width:100%;transition: 0.4s;z-index: 10000; padding: 10px 0 0 0; border-bottom:0px solid #cbcbcb; }
#navbar #header-wrap { width:1400px; margin:0 auto; position:relative;}
#navbar #header-wrap #header-top .logo {transition: 0.4s; text-align:center; margin:10px 0 20px; overflow:hidden;}
#navbar #header-wrap #header-top .logo-a{display:block;}
#navbar #header-wrap #header-top .logo-b{display:none;}
#navbar #header-wrap #header-top .tnb { position:absolute; right:0; top:30px;}
#navbar #header-wrap #header-top .tnb a { color:#fff; font-size:15px; margin-left:10px; padding: 4px 0;}
#navbar #header-wrap #header-top .tnb a:hover ,#navbar #header-wrap #header-top .tnb a.active { font-weight:bold; color:#fff; border-bottom:2px solid #fff;}
#navbar #header-wrap #header-bottom { border-top:1px solid rgba(255,255,255,0.5)}
#navbar #header-wrap #header-bottom { width:100%; float:left; }
#navbar #header-wrap #header-bottom .gnb { float:right; width:85%; margin:20px 0; font-family: 'NanumSquareNeo';  font-weight: normal;}
#navbar #header-wrap #header-bottom .gnb ul li { float:left; margin:0  40px;}
#navbar #header-wrap #header-bottom .gnb ul li a {font-size:18px; display:block; color:#fff;}
#navbar #header-wrap #header-bottom .gnb ul li a:hover{ color:#c21616;}
#navbar #header-wrap #header-bottom .all-menu {float:left; margin-top:20px; display:block;}
#navbar #header-wrap #header-bottom .all-menu .menu-a {display:block;}
#navbar #header-wrap #header-bottom .all-menu .menu-b {display:none;}

#navbar .gnb-full { display:none; background:rgba(43,93,178,0.9);}
#navbar:hover .gnb-full { display:block;}
#navbar .gnb-full {  display:none; width:100%; overflow:hidden; padding:20px 0;}
#navbar .gnb-full .wrap { width:1190px; margin:0 auto; padding-left:110px; }
#navbar .full-gnb { float:left; text-align:center; font-size:16px; font-weight:500;  min-height:170px;}
#navbar .full-gnb li { padding: 7px 0;}
#navbar .full-gnb a { color:#fff; padding: 7px 0;line-height:20px;}
#navbar .full-gnb a:hover { color:#000;}

#navbar:hover {background:rgba(255,255,255,0.9); cursor:pointer;}
#navbar:hover #header-wrap { width:1400px; margin:0 auto; position:relative;}
#navbar:hover #header-wrap #header-top .logo {transition: 0.4s; text-align:center; margin:10px 0 20px; overflow:hidden;}
#navbar:hover #header-wrap #header-top .logo-a{display:none;}
#navbar:hover #header-wrap #header-top .logo-b{display:block;}
#navbar:hover #header-wrap #header-top .tnb { position:absolute; right:0; top:30px;}
#navbar:hover #header-wrap #header-top .tnb a { color:#000; font-size:15px; margin-left:10px; padding: 4px 0;}
#navbar:hover #header-wrap #header-top .tnb a:hover ,
#navbar:hover #header-wrap #header-top .tnb a.active { font-weight:bold; color:#3275bc; border-bottom:2px solid #3275bc;}
#navbar:hover #header-wrap #header-bottom { border-top:1px solid rgba(210,210,210,0.5)}
#navbar:hover #header-wrap #header-bottom { width:100%; float:left; }
#navbar:hover #header-wrap #header-bottom .gnb { float:right; width:85%; margin:20px 0; font-family: 'NanumSquareNeo';  font-weight: normal;}
#navbar:hover #header-wrap #header-bottom .gnb ul li { float:left; margin:0  40px;}
#navbar:hover #header-wrap #header-bottom .gnb ul li a {font-size:18px; display:block; color:#000;}
#navbar:hover #header-wrap #header-bottom .gnb ul li a:hover{ color:#3275bc;}
#navbar:hover #header-wrap #header-bottom .all-menu {float:left; margin-top:20px;}
#navbar:hover #header-wrap #header-bottom .all-menu .menu-a {display:none;}
#navbar:hover #header-wrap #header-bottom .all-menu .menu-b {display:block;}

.fixed #navbar{position:fixed;top:0;width:100%;transition: 0.4s;z-index: 10000; background:#fff; opacity:0.9;}
.fixed #navbar #header-wrap { width:1400px; margin:0 auto; position:relative;}
.fixed #navbar #header-wrap #header-top .logo {transition: 0.4s; text-align:center; margin:10px 0 20px; overflow:hidden;}
.fixed #navbar #header-wrap #header-top .logo-a{display:none;}
.fixed #navbar #header-wrap #header-top .logo-b{display:block;}
.fixed #navbar #header-wrap #header-top .tnb { position:absolute; right:0; top:30px;}
.fixed #navbar #header-wrap #header-top .tnb a { color:#000; font-size:15px; margin-left:10px; padding: 4px 0;}
.fixed #navbar #header-wrap #header-top .tnb a:hover ,
.fixed #navbar #header-wrap #header-top .tnb a.active { font-weight:bold; color:#3275bc; border-bottom:2px solid #3275bc;}
.fixed #navbar #header-wrap #header-bottom { border-top:1px solid rgba(210,210,210,0.5)}
.fixed #navbar #header-wrap #header-bottom { width:100%; float:left; }
.fixed #navbar #header-wrap #header-bottom .gnb { float:right; width:85%; margin:20px 0; font-family: 'NanumSquareNeo';  font-weight: normal;}
.fixed #navbar #header-wrap #header-bottom .gnb ul li { float:left; margin:0  40px;}
.fixed #navbar #header-wrap #header-bottom .gnb ul li a {font-size:18px; display:block; color:#000;}
.fixed #navbar #header-wrap #header-bottom .gnb ul li a:hover{ color:#3275bc;}
.fixed #navbar #header-wrap #header-bottom .all-menu {float:left; margin-top:20px;}
.fixed #navbar #header-wrap #header-bottom .all-menu .menu-a {display:none;}
.fixed #navbar #header-wrap #header-bottom .all-menu .menu-b {display:block;}

#footer { background:#fff; width:1400px; margin:0 auto; padding:40px 0;overflow:hidden; font-size:14px;font-family: 'NanumSquareNeo';font-weight:bold; border-top: 1px solid #d4d4d4;}
#footer .col01 { float:left; margin-right:20px;}
#footer .col02 { float:left; line-height:23px; color:#a3a3a3;}
#footer .col02 span { padding: 0 7px; color:#000;}
#footer .col02 .copy {color:#a9a9a9; padding-left:7px;}
#footer .col03 { float:right; color:#a3a3a3;}
#footer .col03 a { color:#000; margin: 0 10px; font-weight:800;}
#footer .col03 a:hover { text-decoration:underline;}

.snb{height:56px;background-color:#424242}
.snb .container{padding:0}

.sub-visual{position:relative;width:100%; height:473px;}
.sub-visual:after { display:block;clear:both;content:''}
.sub-visual .subtop{ display:block;width:100%;height:473px;background-position:bottom center;background-repeat:no-repeat;background-color:#ccc;background-size:cover;}
.sub-visual h2{position:absolute;width:100%;text-align:center;top:65%;font-size:50px;color:#fff;transform:translateY(-50%);letter-spacing:-1px;z-index:9;font-weight:800;text-transform:uppercase;animation:fadein 2s ease-in-out;}
.sub-visual h2:before{display: block; width: 45px;height: 0px; margin: 0 0 10px 4px;content: '';background-color:#eb5350;}

#sub_visual01 .subtop_sub01{background-image:url(../images/sub_visual01.jpg)}
#sub_visual02 .subtop_sub02{background-image:url(../images/sub_visual02.jpg);}
#sub_visual03 .subtop_sub03{background-image:url(../images/sub_visual03.jpg);}
#sub_visual04 .subtop_sub04{background-image:url(../images/sub_visual04.jpg);}
#sub_visual05 .subtop_sub05{background-image:url(../images/sub_visual05.jpg);}
#sub_visual06 .subtop_sub06{background-image:url(../images/sub_visual06.jpg);}
#sub_visual07 .subtop_sub07{background-image:url(../images/sub_visual07.jpg);}

.subbar { overflow: hidden; background-color:#fff; font-size:16px; color:#565656; height:60px; border-bottom:1px solid #d4d4d4;}
.subbar .home {width:70px; height:60px; padding-top:17px;text-align:center; background:#3275bc;}
.subbar .subbar_wrap { width:1400px; margin:0 auto;}
.subbar a { float: left; color: white; text-decoration: none; }
.subbar .subbar_wrap .dropdown { float: left; overflow: hidden; }
.subbar .subbar_wrap .dropdown .dropbtn {border: none; outline: none; padding-left:20px; height:60px; line-height:60px;width:280px; text-align:left; border-right:1px solid #d4d4d4; background-color: inherit; margin: 0; background:url(../images/subbar-arow.png) 240px 25px no-repeat;}
.subbar a:hover,
.subbar .subbar_wrap .dropdown:hover .dropbtn { background-color: #fff; }
.subbar .subbar_wrap .dropdown-content {transition: 0.4s; display: none; position: absolute;background-color: #fff; min-width: 281px;margin-top:-1px;margin-left:-1px;border:1px solid #d4d4d4;z-index: 1; }
.subbar .subbar_wrap .dropdown-content a { float: none; color: black; padding:15px 20px;  line-height:20px;text-decoration: none; display: block; text-align: left;}
.subbar .subbar_wrap .dropdown-content a:hover { background-color: #f3f3f3; }
.subbar .subbar_wrap .dropdown:hover .dropdown-content { display: block;}

#contents{min-height:600px;padding-top:100px;}
#contents > h3{margin:0 auto 50px;text-align:center;font-family:'GmarketSans';font-weight: 700; font-size:50px; color:#2c2c2c; }

/* 메인페이지 */
@keyframes txt01 {
    from { transform:translate(0, 150px); opacity:0; }
    to { transform:translate(0, 0); opacity:1 }
}
@keyframes txt02 {
    from { transform:translate(0, 300px); opacity:0; }
    to { transform:translate(0, 0); opacity:1 }
}
@keyframes txt03 {
    0% { transform:translate(0, -50px); opacity:0; }
    100% { transform:translate(0, 0); opacity:1 }
}
@keyframes itembg {
    0% {  transform: scale(1.2);  opacity:0.5; }
    100% {  transform: scale(1); opacity:1; }
}

@keyframes scrollDown {
    0%,100% {top:0;}
    50% {top:100px;}
}

#page-main{}
#page-main .swiper {display:block;width:100%;height:100%;font-family: 'Noto Sans KR';}
#page-main .swiper .mouse_wheel {width:2px; height:120px; background:rgba(255,255,255,0.2); position:absolute; bottom:0; right:50%;z-index:999999; font-size:0;}
#page-main .swiper .mouse_wheel::before {font-family: 'Lexend',  sans-serif; content:'SCROLL'; font-size:13px; color:#fff; font-weight:400; line-height:1; position:absolute;top:20px; left:-44px; transform:rotate(-90deg);}
#page-main .swiper .mouse_wheel::after {content:''; width:100%; height:40px; background:#d8ff2c; position:absolute; top:0; left:0; animation: scrollDown 2s linear infinite;}
#page-main .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;position:relative;}
#page-main .swiper-slide .item-bg { display:block;}
#page-main .swiper-slide .text { position:absolute;  z-index:3000; font-family:'GmarketSans';}
#page-main .swiper-slide .text p {overflow: hidden;}
#page-main .swiper-slide .text .text01 { font-weight: 300; display:block;margin-top:50px;color:#fff; line-height: 120px; font-size: 72px}
#page-main .swiper-slide .text .text02 {font-weight: 800; display:block;color:#fff; line-height: 110px; font-size: 110px; }
#page-main .swiper-slide img { display: block; width: 100%;  height: 100%; object-fit: cover;}
#page-main .swiper-slide.swiper-slide-active .item-bg{animation:itembg 3s; }
#page-main .swiper-slide.swiper-slide-active .text01{animation:txt01 2s;}
#page-main .swiper-slide.swiper-slide-active .text02{animation:txt02 2s;}
#page-main .swiper-slide.swiper-slide-active .text03{animation:txt03 6s;}
#page-main .swiper-button-next,
#page-main .swiper-rtl .swiper-button-prev { right:100px; font-size:0;color:transparent;}
#page-main .swiper-button-prev,
#page-main .swiper-rtl .swiper-button-next { left:100px; font-size:0;color:transparent;}
#page-main #main-careers { overflow:hidden; background:#3b3b3b;}
#page-main #main-careers .item-left { float:left; width:50%; height:844px; background:url('/assets/images/careers.jpg') top center no-repeat; background-size:cover;}
#page-main #main-careers .item-left img { max-width:100%;}
#page-main #main-careers .item-right { float:left; width:50%; padding:200px 0 0 115px;  }
#page-main #main-careers .item-right .tit01 { font-size:60px; font-family: 'GmarketSans'; color:#fff; font-weight:bold; margin-bottom:20px;}
#page-main #main-careers .item-right .txt01 {  font-size:26px; font-family: 'GmarketSans'; font-weight:light; color:#939393; margin-bottom:30px;}
#page-main #main-careers .item-right .item-list { width:335px;}
#page-main #main-careers .item-right .item-list li { display:block; border-bottom:1px solid #686868; font-size:32px; color:#fff; padding:25px 0; background:url('/assets/images/arrow.png') 323px 34px no-repeat;}
#page-main #main-careers .item-right .item-list a {color:#fff;font-family: 'GmarketSans';     transition: 0.5s ease-in-out;}
#page-main #main-careers .item-right .item-list a:hover { letter-spacing:5px;     transition: 0.3s ease-in-out; color:#00d8ff;}
#page-main #main-company { overflow:hidden;background:#e2e2e2; padding:150px 0; text-align:center;}
#page-main #main-company .tit02 { text-align:center; font-size:60px; font-family: 'GmarketSans'; color:#2f2f2f; font-weight:bold; margin-bottom:20px;}
#page-main #main-company .txt02 {  text-align:center; font-size:26px; font-family: 'GmarketSans'; color:#2c2c2c; font-weight:300;}
#page-main #main-company .banner-list { width:1263px; margin:0 auto;}
#page-main #main-company .banner-list li { float:left; margin: 70px 20px 0;   overflow:hidden;}
#page-main #main-company .banner-list li img {transform: scale(1.0);  transition: transform 0.5s;}
#page-main #main-company .banner-list li:hover img { display:block;  transform: scale(1.1);transition: transform 0.5s;}
#page-main #main-brand { background:url(/assets/images/brand.jpg) top center no-repeat; background-size:cover; min-height:1030px; text-align:center; padding:130px 0 100px;}
#page-main #main-brand h3 {font-size:60px; font-family: 'GmarketSans'; color:#fff; font-weight:bold; margin-bottom:70px;}

/* 인사말 */
#page-company-greeting{;}
#page-company-greeting .greeting_bg {min-height:880px;padding:90px 0;background-image: url(../images/greeting_bg.jpg);background-size:cover;font-family:'GmarketSans'; }
#page-company-greeting .greeting_txtbox { position:relative;width:1400px; background:#fff; margin:0 auto; padding:120px 0 0 0; min-height:696px; padding-left:554px;padding-left:584px; font-size:23px; font-weight:300; line-height:45px;}
#page-company-greeting .greeting_txtbox h4 { font-size:36px; font-weight:500; margin-bottom:30px;}
#page-company-greeting .greeting_pic { position:absolute;top:110px; left:-85px;left:35px;}

/* 연혁 */
#page-company-history{}
#page-company-history #history { width:1400px; margin: 150px auto; position:relative;}
#page-company-history #history .row .left { float:left;}
#page-company-history #history .row .right { float:right; padding-left:50px;  }
#page-company-history #history .row .right:before { content: '';  position: absolute;  width: 18px;  height: 18px;   left: -23px;   background-color: #2c2c2c;  top: 10px;  border-radius: 50%; z-index: 1;}
#page-company-history #history .row {display:block; overflow:hidden; margin-bottom:50px;}
#page-company-history #history .row .history-list { width:50%; display:inline-block;}
#page-company-history #history .row .history-list h3 { font-size:40px; font-family:'GmarketSans'; font-weight:700; text-align:left; margin-bottom:30px;}
#page-company-history #history .row .history-list ul { margin-bottom:100px;}
#page-company-history #history .row .history-list ul li { display:block; font-family:'GmarketSans';  font-size:20px;font-weight:300;}
#page-company-history #history .row .history-list ul li span {font-weight:500; width:120px; display:inline-block; margin-bottom:20px;}
#page-company-history #history .row .history-img { width:50%;display:inline-block;}
#page-company-history #history .line {position:absolute; top:0; left:49%; margin:0 auto; width:1px; display:block; background:#e3e3e3; height:100%;}

/* 경영이념 */
#page-company-operate{}
#page-company-operate #company .operate{background-image: url(../images/operate_bg.jpg); min-height:1043px; background-size:cover;  padding:180px 0; text-align:center;font-family:'GmarketSans';overflow:hidden}
#page-company-operate #company .operate h3 { color:#fff; font-size:60px; font-weight:700; margin-bottom:20px; }
#page-company-operate #company .operate h4 { color:#c8c8c8; font-size:50px; font-weight:300;margin-bottom:120px; }

/* CI */
#page-company-ci{;}
#page-company-ci #ci {width:1181px; margin: 0 auto 80px; font-family:'GmarketSans'; font-size:17px; color:#5e5e5e;font-weight:500;}
#page-company-ci #ci h3 { font-size:40px; font-weight:700; text-align:left; color:#000;}

/* 오시는길 */
#page-company-location{}
#page-company-location #location { width:1400px; margin: 0 auto 100px; }
#page-company-location #location .map_info { margin:30px 0; font-family: 'GmarketSans'; font-size:17px; font-weight:300;}
#page-company-location #location .map_info span { font-weight:bold; margin-right:20px; font-weight:500;}

#page-partner{}
#page-partner #partner {margin:100px 0 0 0;}
#page-partner #partner .row01 {overflow:hidden; height:1200px; width:100%; background: url(../images/partner_bg.jpg) top center no-repeat; background-size:cover; }
#page-partner #partner .row01 h3 { font-size:60px; font-weight:700; color:#fff; padding:100px 0 0; text-align: center;}
#page-partner #partner .row01 ul { width:1400px; margin:100px auto 0;}
#page-partner #partner .row01 ul li { color:#000; overflow:hidden; border:1px solid #fff; background: rgba( 255, 255, 255, 0.5); padding:50px;  width:100%; font-family:'GmarketSans';  margin: 30px 0;  padding-left:20px;}
#page-partner #partner .row01 ul li .tit-area { float:left; width:27%;font-weight:700; font-size:35px; text-align:center;}
#page-partner #partner .row01 ul li .detail-area {float:left; width:73%; font-weight:500; font-size:22px; line-height: 30px;}
#page-partner #partner .row02 { height:952px; width:100%; background: url(../images/partner_bg.jpg) top center no-repeat; }
#page-partner #partner .row02 h3 { font-size:60px; font-weight:700; color:#fff; padding:200px 0 50px;}
#page-partner #partner .row02 .partner_diagram { width:1200px; margin:0 auto;}
#page-partner #partner .row02 .partner_diagram ul {}
#page-partner #partner .row02 .partner_diagram ul li { padding-top:110px; float:left; margin:0 50px;border-radius:300px; line-height:40px; vertical-align:middle;width:300px; height:300px; display:block; border:3px solid #fff; text-align:Center; color:#fff;font-family: 'SebangGothic';font-size:35px; font-weight:300;}
#page-partner #partner .row03 { background: #f0f0f0; width:100%; margin: 0 auto;  min-height:700px; overflow:hidden;  font-family:'GmarketSans';}
#page-partner #partner .row03 .col01 { width:100%; text-align: center;}
#page-partner #partner .row03 .col02 { position:relative; width:1400px; margin:0 auto;}
#page-partner #partner .row03 .col02 .map { position: absolute; top:0; right:0}
#page-partner #partner .row03 .col02 h3{ width:100%; text-align:left; display:block; font-weight:700; font-size:60px; padding-top:160px; margin-bottom: 30px;}
#page-partner #partner .row03 .col02 ul { font-size:26px; width:100%; }
#page-partner #partner .row03 .col02 ul li{padding:30px 0; font-weight:300; border-bottom:1px solid #ccc; background: url(../images/welfare_list.png) 0px 40px no-repeat; padding-left:20px;}
#page-partner #partner .row03 .col02 ul li span {font-weight:700; padding-right:100px;}

#page-brand{}
#page-brand #brand {  position:relative; width:1398px; margin:100px auto; z-index:100;}
#page-brand #brand .map-txt { position:absolute; top:0; left:0; z-index:1000;}
#page-brand #brand-group { }
#page-brand #brand-group .row-group { width:100%; background-color:#2e2e2e;overflow: hidden;}
#page-brand #brand-group .row-group .left { width:50%;float:left;}
#page-brand #brand-group .row-group .right {width:50%;float:left;}
#page-brand #brand-group .row-group .item01 { display:block; min-height:689px;background:url('/assets/images/pork_img.jpg') top center no-repeat; background-size:cover;}
#page-brand #brand-group .row-group .item02 { display:block; min-height:689px;background:url('/assets/images/beef_img.jpg') top center no-repeat; background-size:cover;}
#page-brand #brand-group .row-group .tit01 { display:block;margin:120px 0 40px 0;font-size:50px; font-family: 'GmarketSans'; color:#fff; font-weight:bold; margin-bottom:20px;}
#page-brand #brand-group .row-group .tit02 { display:inline-block; margin:0; font-size:24px; font-family: 'GmarketSans'; color:#b0b0b0; }
#page-brand #brand-group .row-group .tit03 a{font-size:26px; font-family: 'GmarketSans';  color:#b0b0b0; font-weight:300; line-height:35px;margin-bottom:20px;}
#page-brand #brand-group .row-group .tit03 a:hover { text-decoration:underline;}
/* 인재상 */
#page-recruit-people{}
#page-recruit-people #people { margin-bottom:100px;}
#page-recruit-people #people h3 { font-size:60px; text-align:center;font-family: 'GmarketSans';font-weight:700; margin-top:80px;}
#page-recruit-people #people .row01 { width:100%; text-align:center;}
#page-recruit-people #people .row02 { width:100%; text-align:center; margin: 30px 0 70px;}
#page-recruit-people #people .row03 { width:1627px; margin: 0 auto; background: url(../images/people_diagram02.jpg) top center no-repeat;}
#page-recruit-people #people .row03 .diagram_list {width:1479px; margin: 0 auto; overflow:hidden;}
#page-recruit-people #people .row03 .diagram_list li { float:left; width:333px; margin:0 18px; text-align:center; font-size:19px; line-height:35px; font-family: 'GmarketSans';font-weight:300;}
#page-recruit-people #people .row03 .diagram_list li .title { font-size:27px; width:100%; display:block;font-family: 'NanumSquareNeo';  font-weight:bold; color:#fff; line-height:74px; margin-bottom:30px;}

/* 복리후생 */
#page-recruit-welfare #welfare { width:100%;}
#page-recruit-welfare #welfare .row01 { font-family:'GmarketSans'; padding-top:220px;min-height:548px; line-height:70px;background: url(../images/welfare_top.jpg) top center no-repeat; background-size:cover; text-align:center; font-size:50px; font-weight:300;}
#page-recruit-welfare #welfare .row01 span { font-weight:700;}
#page-recruit-welfare #welfare .row02 { background:#f4f4f4; padding:100px 0 0;}
#page-recruit-welfare #welfare .row02 .welfare_info { width:1400px; margin: 0 auto; overflow:hidden; }
#page-recruit-welfare #welfare .row02 .welfare_info ul { float:left; width:33.3333%; font-family: 'GmarketSans'; min-height: 300px;}
#page-recruit-welfare #welfare .row02 .welfare_info ul h4{ font-size:30px; font-weight:700; margin-bottom:20px;}
#page-recruit-welfare #welfare .row02 .welfare_info ul h4 img { margin-right:20px;}
#page-recruit-welfare #welfare .row02 .welfare_info ul li { margin-left:75px;background: url(../images/welfare_list.png) 0px 15px no-repeat; width:100%; padding-left:20px; float:left; display:inline-block;font-size:21px; font-weight:300; line-height:40px;}

/* 사업제휴 */
#page-customer-partnership{;}
#page-customer-partnership #partnership{width:800px;margin:0 auto}

#page-common-agreement article,
#page-common-privacy article{width:1400px;margin:0 auto;}