@charset 'UTF-8';
/*=========================================================
1. 폰트
=========================================================*/

/* ROBOTO */
/* @import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900,900i'); */

/* Montserrat */
@import url('https://fonts.googleapis.com/css?family=Montserrat:500,500i,700,700i,900,900i');

/* 나눔명조 */
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,900&subset=korean');

/* spoqahansansneo */
/* @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css); */

/* Noto */
@font-face {font-style:normal; font-weight:normal; font-family:'Noto Sans KR'; src:url('font/notokr-regular.eot'); src:url('font/notokr-regular.eot?#iefix') format('embedded-opentype'),
	url('font/notokr-regular.woff2') format('woff2'),
	url('font/notokr-regular.woff') format('woff');
}

@font-face {font-style:normal; font-weight:500; font-family:'Noto Sans KR'; src:url('font/notokr-medium.eot'); src:url('font/notokr-medium.eot?#iefix') format('embedded-opentype'),
	url('font/notokr-medium.woff2') format('woff2'),
	url('font/notokr-medium.woff') format('woff');
}

@font-face {font-style:normal; font-weight:bold; font-family:'Noto Sans KR'; src:url('font/notokr-bold.eot'); src:url('font/notokr-bold.eot?#iefix') format('embedded-opentype'),
	url('font/notokr-bold.woff2') format('woff2'),
	url('font/notokr-bold.woff') format('woff');
}

/*=========================================================
2. 리셋
=========================================================*/
#wpadminbar{
	display:block !important;
}
html {font-size:1em; letter-spacing:-0.04em;}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
button {margin:0; padding:0; border:0; font-size:100%; font-family:'Noto Sans KR',Dotum,'돋움',Helvetica,'Apple SD Gothic Neo',sans-serif; vertical-align:baseline; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;}

input[type='text'],
input[type='email'],
input[type='number'],
input[type='submit'],
input[type='reset'],
input[type='tel'],
input[type='password'],
input[type='url'],
input[type='search'],
input[type='file'],
button,
textarea {margin:0; padding:0; border:none; border-radius:0; background:none; font-size:100%; font-family:'Roboto','Noto Sans KR',Dotum,'돋움',Helvetica,'Apple SD Gothic Neo',sans-serif; letter-spacing:-0.04em; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-border-radius:0; -moz-border-radius:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
body {position:relative; background:#fff; font-size:14px; line-height:1.8; color:#4c5358; word-wrap:break-word; word-break:keep-all; -webkit-text-size-adjust:none; -moz-text-size-adjust:none;}
blockquote,
q {quotes:none;}
/* input:focus,button:focus {border:none;} */
table {border-collapse:collapse; border-spacing:0;}
ul,
ol,
li {list-style:none;}
a:focus {outline:none !important;}
a {color:#686f75; text-decoration:none;}
:invalid {box-shadow:none;}
:-moz-submit-invalid {box-shadow:none;}
:-moz-ui-invalid {box-shadow:none;}
button::-moz-focus-inner {margin-top:-2px; margin-bottom:-2px; padding:0; border:0;}
input::-moz-focus-inner {margin-top:-2px; margin-bottom:-2px; padding:0; border:0;}
img {max-width:100%; height:auto;}
button:hover {cursor:pointer;}
button {background:transparent;}
textarea:focus {outline:none;}
:focus {outline:none;}
em,
address,
i {font-style:normal;}
sup {position:relative; top:-0.3em; font-size:smaller; vertical-align:top;} /* 제품 명칭 tm, ®용 위첨자 */

/* 워드프레스 테마 리셋 */
#buffer-extension-hover-button {display:none !important;}
.entry-footer {display:none; clear:both;}
.skip-link {display:none;}
html {overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.post-edit-link {display:none !important;}
.screen-reader-text {display:none;}
.dropdown-toggle {display:none;}
.site-header svg {display:none !important;}
.menu-toggle {display:none;}

@media screen and (max-width:599px) {
    #wpadminbar {position:fixed !important; top:0; left:0; z-index:100000;}
}

/* PC, 모바일 제어 */
.pc {display:block !important;}
.mobile {display:none !important;}

@media screen and (max-width:1024px) {
    .pc {display:none !important;}
    .mobile {display:block !important;}
}

/* Hidden */
.hidden {overflow:hidden; clip:rect(0 0 0 0); position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0;}

/*=========================================================
3. 공통 레이아웃
=========================================================*/

html.fixed {overflow-y:hidden;}
.max_container {position:relative; min-width:320px; max-width:1480px; margin:0 auto; padding:0 40px;}
.move_top {visibility:hidden; position:fixed; right:40px; bottom:100px; z-index:7; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; opacity:0;}
.move_top.on {visibility:visible; bottom:110px; opacity:1;}
.move_top:after {position:absolute; top:13px; left:50%; width:0; height:0; margin-left:-6px; border-width:6px; border-style:solid; border-color:transparent transparent #0071bb transparent; background:none; content:'';}
.move_top a {width:60px; height:60px; padding-top:34px; border:1px solid #0071bb; border-radius:50%; background:#fff; line-height:1; color:#0071bb; text-align:center; -moz-box-shadow:2px 2px 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow:2px 2px 2px 2px rgba(0,0,0,0.1); box-shadow:2px 2px 2px 2px rgba(0,0,0,0.1);}

.floating_banner {text-align:right; position:fixed; bottom:30px; right:40px; z-index:7; transition:all 0.35s; display:block;}
.floating_banner.active {bottom:180px;}
.floating_banner:after {clear:both; content:''; display:block;}
.floating_banner > * {float:right; display:inline-block;}
.floating_banner img {max-width:100%;} 
.floating_banner p {position:relative; margin-top: 14px; padding-right:10px;}
.floating_banner p.hide {display:none;}
.floating_banner p .btn_close {width:18px; height:18px; font-size:0; position:absolute; top:53%; right:16%; display:inline-block;}
.floating_banner p .btn_close:before, .floating_banner p .btn_close:after {width:25px; border-top:1px solid #fff; content:''; position:absolute; top:8px; right:-4px; display:inline-block;}
.floating_banner p .btn_close:before {transform:rotate(45deg);}
.floating_banner p .btn_close:after {transform:rotate(-45deg);}

/* 공통 스타일 (20220712 추가) */
.alignL {text-align:left;}
.alignR {text-align:right;}
.floatL {float:left;}
.floatR {float:right;}

@media screen and (max-width:1024px) {
    .max_container {padding:0 30px;}
	.move_top {right:30px; bottom:60px; z-index:6;}
	.move_top.on {bottom:50px;}

	.floating_banner {bottom:50px; right:30px;}
	.floating_banner.active {bottom:120px;}
	.floating_banner p {width:50%; margin-top:5px;}
	.floating_banner p .btn_close {top:47%;}
	.floating_banner p .btn_close:before, .floating_banner p .btn_close:after {width:20px; right:-1px;}	
	.floating_banner a {max-width:62px;}

}

@media screen and (max-width:600px){
	.floating_banner p .btn_close {right:18%;}	
	.floating_banner p {margin-top:0;}
	.floating_banner p .btn_close:before, .floating_banner p .btn_close:after {width:18px; right:-2px;}
	/* .floating_banner a {width:20%;} */
}

/*** 폼 요소 ***/

/* 리셋 */
input[type='text'],
input[type='password'],
input[type='email'],
textarea {width:100%; padding:0 15px; border:1px solid #d6dce1; background:#fff; font-size:14px; -webkit-transition:border 0.2s; -moz-transition:border 0.2s; -ms-transition:border 0.2s; -o-transition:border 0.2s; transition:border 0.2s;}
input[type='password'] {border:1px solid #2a2e31;}
input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
textarea:focus {border:1px solid #2a2e31;}
input[type='text'],
input[type='password'],
input[type='email'] {height:40px; line-height:38px;}
input[type='text']:disabled,
input[type='text']:read-only,
input[type='password']:disabled,
input[type='password']:read-only,
textarea:disabled,
textarea:read-only {background:#eee;}
textarea {vertical-align:middle; resize:none;}
a,
button {display:inline-block; margin:0; padding:0; border:none; text-align:left; cursor:pointer;}

/* 체크박스 */
.check_form ul {overflow:hidden; margin-bottom:-5px; font-size:0;}
.check_form ul li {overflow:hidden; float:left; margin-bottom:5px; line-height:1;}
.check_form input[type='checkbox'] {width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; opacity:0;}
.check_form input[type='checkbox'] + label {float:left; position:relative; margin-right:40px; padding-left:40px; font-weight:700; font-size:14px; line-height:28px; color:#2a2e31; cursor:pointer;}
.check_form ul li:last-child input[type='checkbox'] + label {margin-right:0;}
.check_form input[type='checkbox'] + label:before {display:inline-block; position:absolute; top:0; left:0; width:28px; height:28px; border:1px solid #d6dce1; background:#fff; content:''; box-sizing:border-box;}
.check_form input[type='checkbox']:checked + label:after {display:inline-block; position:absolute; top:8px; left:6px; width:18px; height:12px; background-image:url(../image/sprite/sprite.png); background-position:-5px -5px; background-size:500px 500px; content:'';}
.check_form input[type='checkbox']:disabled + label:before {background:#f4f8fb;}

@media screen and (max-width:1024px) {
    /* .check_form input[type='checkbox'] + label {margin-right:20px;}  */
}

/* 라디오 */
.radio_form ul {overflow:hidden; margin-bottom:-5px; font-size:0;}
.radio_form ul li {overflow:hidden; float:left; margin-bottom:5px; line-height:1;}
.radio_form input[type='radio'] {width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; opacity:0;}
.radio_form input[type='radio'] + label {float:left; position:relative; margin-right:40px; padding-left:40px; font-weight:700; font-size:14px; line-height:28px; color:#2a2e31; cursor:pointer;}
.radio_form ul li:last-child input[type='radio'] + label {margin-right:0;}
.radio_form input[type='radio'] + label:before {display:inline-block; position:absolute; top:0; left:0; width:28px; height:28px; border:1px solid #d6dce1; border-radius:50%; content:''; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; box-sizing:border-box;}
.radio_form input[type='radio']:checked + label:after {display:inline-block; position:absolute; top:8px; left:8px; width:12px; height:12px; border-radius:50%; background:#0071bb; content:''; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.radio_form.large input[type='radio'] + label {font-size:18px; line-height:24px;}
.radio_form.large input[type='radio'] + label:before {width:24px; height:24px; background:#fff;}
.radio_form.large input[type='radio']:checked + label:after {top:6px; left:6px; background:#00a66c;}

@media screen and (max-width:1024px) {
    .radio_form.large input[type='radio'] + label {margin-right:32px; padding-left:34px; font-size:14px;}
}

/* 셀렉트 */
.select_form {position:relative; background:#fff;}
.select_form button {display:block; overflow:hidden; width:100%; padding:0 35px 0 15px; border:1px solid #2a2e31; background:#fff; font-weight:700; line-height:38px; color:#2a2e31; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:border 0.2s; -moz-transition:border 0.2s; -ms-transition:border 0.2s; -o-transition:border 0.2s; transition:border 0.2s; ;}
.select_form button:after {display:block; position:absolute; top:50%; right:15px; width:0; height:0; margin-top:-2px; border-width:4px; border-style:solid; border-color:#0071bb transparent transparent transparent; content:'';}
.select_form button.on:after {margin-top:-6px; border-color:transparent transparent #0071bb transparent;}
.select_form ul {visibility:hidden; position:absolute; width:100%; height:0; padding:6px 15px; border:1px solid #2a2e31; border-top:0; -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -ms-transition:opacity 0.5s; -o-transition:opacity 0.5s; transition:opacity 0.5s; opacity:0;}
.select_form button.on + ul {visibility:visible; z-index:6; height:auto; background:#fff; opacity:1;}
.select_form ul li a {display:block; padding:5px 0; line-height:20px; color:#4c5358;}
.select_form ul li a:hover {font-weight:700; color:#0071bb; text-decoration:underline;}

/* 파일업로드 */
.upload {font-size:0;}
.upload input[type=file] {position:absolute; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; opacity:0;}
.upload input[type=file] + label {display:inline-block; width:130px; height:40px; margin-left:10px; border:2px solid #0071bb; background:#fff; font-weight:700; font-size:14px; line-height:36px; color:#0071bb; text-align:center;}
.upload input[type=file] + label:hover {background:#0071bb; color:#fff;}
.upload .upload_name {overflow:hidden; float:left; width:calc(100% - 140px); max-width:250px; height:40px; padding:0 15px; border:1px solid #d6dce1; background:#fff; font-size:14px; line-height:40px; color:#686f75; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}

@media screen and (max-width:1024px) {
    .upload input[type=file] + label {border-width:1px; line-height:38px;}
}
@media screen and (max-width:599px) {
    .upload .upload_name {width:calc(70% - 5px); max-width:100%;}
    .upload input[type=file] + label {width:calc(30% - 5px);}
}

/* 검색창 */
.board_util {margin-bottom:30px; line-height:0; text-align:right;}
.board_util:after {display:block; clear:both; content:'';}
.board_util .link_wrap {float:left; position:relative;}
/* .board_util .link_wrap .link {position:absolute; top:0; left:0; line-height:40px; padding-right:50px; font-size:14px; color:#0071bb;}
.board_util .link_wrap .link:after {content:""; position:absolute; width:31px; height:6px; right:0; top:50%; margin-top:-3px; background-image:url(../image/sprite/sprite.png); background-size:500px 500px; background-position:-41px -80px; transition:right 0.2s; -webkit-transition:right 0.2s; -moz-transition:right 0.2s; -ms-transition:right 0.2s; -o-transition:right 0.2s;}
.board_util .link_wrap .link:hover:after {right:-10px;}  */
.board_util .link_wrap .link {min-width:140px; padding:0 10px; border:2px solid #0071bb; background:#fff; font-weight:700; font-size:14px; line-height:40px; color:#0071bb; text-align:center;}
.board_util .link_wrap .link:hover {background:#0071bb; color:#fff;}
.search_form {float:right; width:410px;}
.search_form:after {display:block; clear:both; content:'';}
.search_form.left {float:left; width:auto;}
.search_form .select_form {float:left; width:160px;}
.search_form .select_form ul {width:100%; background:#fff;}
.search_form .search_wrap {float:right; position:relative; width:calc(100% - 170px);}
.search_form .search_wrap input {width:100%; padding-right:60px; font-size:14px;}
.search_form .search_wrap button {position:absolute; top:0; right:0; width:45px; background:none; line-height:38px; text-indent:-9999px;}
.search_form .search_wrap button:before {position:absolute; top:50%; left:0; width:1px; height:20px; margin-top:-10px; background:#e1e6eb; content:'';}
.search_form .search_wrap button:after {position:absolute; top:50%; left:50%; width:16px; height:16px; margin:-8px 0 0 -8px; background-image:url(../image/sprite/sprite.png); background-position:-56px -114px; background-size:500px 500px; content:'';}
.search_form.large {width:100%;}
.search_form.large .select_form {width:250px; border:none;}
.search_form.large .select_form button {padding:0 26px; border:2px solid #00a66c; font-size:18px; line-height:76px;}
.search_form.large .select_form button:after {right:25px; margin-top:-3px; border-width:6px; border-color:#00a66c transparent transparent transparent;}
.search_form.large .select_form button.on:after {margin-top:-10px; border-color:transparent transparent #00a66c transparent;}
.search_form.large .select_form ul {border:2px solid #00a66c; border-top:0;}
.search_form.large .search_wrap {width:calc(100% - 270px);}
.search_form.large.no_option .search_wrap {width:100%;}
.search_form.large .search_wrap input {height:80px; padding:0 130px 0 40px; border:2px solid #00a66c; font-size:18px; line-height:80px; color:#686f75;}
.search_form.large .search_wrap button {width:90px; line-height:80px;}
.search_form.large .search_wrap button:before {height:50px; margin-top:-25px;}
.search_form.large .search_wrap button:after {width:28px; height:28px; margin:-14px 0 0 -14px; background-image:url(../image/sprite/sprite.png); background-position:-5px -34px; background-size:500px 500px;}

@media screen and (max-width:1600px) {
    .search_form.large .select_form button {line-height:66px;}
	.search_form.large .search_wrap input {height:70px; line-height:70px;}
    .search_form.large .search_wrap button {line-height:70px;}
}
@media screen and (max-width:1366px) {
    .search_form.large .select_form {width:200px;}
	.search_form.large .select_form button {line-height:56px;}
	.search_form.large .search_wrap {width:calc(100% - 220px);}
	.search_form.large .search_wrap input {height:60px; line-height:60px;}
    .search_form.large .search_wrap button {line-height:60px;}
}
@media screen and (max-width:1024px) {
    .board_util {text-align:center;}
	.board_util .link_wrap .link {min-width:120px; padding:0 10px; border:1px solid #0071bb; font-weight:700; line-height:40px; text-align:center;}
	.board_util .link_wrap .link:after {display:none;}
	.board_util .link_wrap .link:hover {background:#0071bb; color:#fff;}
	.search_form {width:calc(100% - 170px); max-width:410px;}
	.search_form.large .select_form button {padding:0 20px; font-size:14px; line-height:36px;}
	.search_form.large .search_wrap input {height:40px; padding:0 64px 0 20px; font-size:14px; line-height:40px;}
	.search_form.large .search_wrap button {width:44px; line-height:40px;}
	.search_form.large .search_wrap button:before {height:20px; margin-top:-10px;}
    .search_form.large .search_wrap button:after {width:14px; height:14px; margin:-7px 0 0 -7px; background-position:-2px -17px; background-size:250px 250px;}
}
@media screen and (max-width:599px) {
    .board_util .link_wrap {float:none; margin-bottom:10px;}
	.board_util .link_wrap .link {position:static; width:100%; line-height:32px;}
	.search_form {float:none !important; width:100%; max-width:100%;}
	.search_form .select_form {width:100% !important;}
	.search_form .search_wrap {width:100% !important; margin-top:10px;}
    .search_form.left {margin-bottom:10px;}
}

/* 일반 리스트 */
.list_type1 > li {position:relative; padding-left:10px; font-size:14px; line-height:24px;} /* 원(·) */
.list_type1 > li:before {position:absolute; top:8px; left:0; width:4px; height:4px; border-radius:50%; background:#2a2e31; content:'';}
.list_type2 > li {padding-left:11px; font-size:14px; line-height:24px; text-indent:-11px;} /* 별(*) */
.list_type2 > li:before {margin-right:6px; color:#00a66c; content:'*';}
.list_type3 > li {position:relative; padding-left:19px; font-size:14px; line-height:24px;} /* 정사각형(■) */
.list_type3 > li:before {position:absolute; top:8px; left:0; width:4px; height:4px; background:#00a66c; content:'';}
.list_type3_b > li {position:relative; padding-left:19px; font-size:14px; line-height:24px;} /* 정사각형(■) 파랑 */
.list_type3_b > li:before {position:absolute; top:8px; left:0; width:4px; height:4px; background:#0071bb; content:'';}
.list_type4 > li {padding-left:11px; font-size:14px; line-height:24px; text-indent:-11px;} /* 대쉬(-) */
.list_type4 > li:before {margin-right:6px; content:'-';}

/*** 게시판 테이블 ***/

/* 테이블 리셋 */
table {width:100%; border-collapse:collapse; border-bottom:1px solid #d6dce1; background:#fff; table-layout:fixed;}
table th,
table td {border-top:1px solid #d6dce1;}
caption {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
label {cursor:pointer;}

/* 데이터 테이블(투자 파트 등) */
.data_list .scroll {display:none;}
.data_list {overflow:hidden;}
.data_list table {width:calc(100% + 1px);}
.data_list table th,
.data_list table td {text-align:center; vertical-align:middle;}
.data_list table th {padding:18px 0; background:#f4f8fb; font-weight:700; font-size:16px; line-height:24px; color:#2a2e31;}
.data_list table tr:first-child th,
.data_list table tr:first-child td {border-top:1px solid #000;}
.data_list table th.border_l {border-left:1px solid #d6dce1;}
.data_list table td {overflow:hidden; padding:20px; border-right:1px solid #d6dce1; font-size:14px; line-height:24px; color:#4c5358;}
.data_list.vertical table td {border-right:0;}
.data_list table td.left {text-align:left;}
.data_list table td.right {text-align:right;}
.data_list table td .value {display:inline-block; position:relative; padding-left:20px; font-size:14px; font-family:'Montserrat'; line-height:20px; color:#ec1a1a;}
.data_list table td .value:before {position:absolute; top:-2px; left:0; width:0; height:0; border-width:8px 6px; border-style:solid; border-color:transparent transparent #ec1a1a transparent; content:'';}
.data_list table td .value.minus {color:#0071bb;}
.data_list table td .value.minus:before {top:6px; border-color:#0071bb transparent transparent transparent;}
.data_list table td .value.same {padding:0; color:#4c5358;}
.data_list table td .value.same:before {display:none;}
.data_list table td.num {font-family:'Montserrat'; letter-spacing:0;}
.data_list table td .logo {max-width:100%; max-height:50px;}
.data_list table tr .row {border-right:1px solid #d6dce1; background:#fff; font-weight:700;}
.data_list table tr .rowgroup {border-right:1px solid #d6dce1; background:#e6f4ef; font-weight:700;}
.data_list table tr.total td {background:#e6f4ef; font-weight:700;}
.data_list table tr.total.all td {color:#00a66c;}

@media screen and (max-width:1024px) {
    .data_list {overflow-x:auto;}
	.data_list table {width:180%;}
	.data_list table th,
	.data_list table td {padding:10px; font-size:14px;}
	.data_list table tr th:last-child,
	.data_list table tr td:last-child {border-right:0;}
	.data_list table tr td:last-child {border-left:1px solid #d6dce1;}/*20220714*/
	.data_list .scroll {display:block; position:relative; padding-left:12px; font-size:12px; line-height:20px; color:#00a66c; animation:horizonal_scroll 1s infinite linear; -webkit-animation:horizonal_scroll 1s infinite linear;}
	.data_list .scroll:before,
	.data_list .scroll:after {display:block; position:absolute; top:4px; left:0; border-width:4px; border-style:solid; border-color:transparent; content:'';}
	.data_list .scroll:before {left:5px; border-left-color:#00a66c;}
    .data_list .scroll:after {left:-5px; border-right-color:#00a66c;}
}
@media screen and (max-width:599px) {
    .data_list table {width:250%;}
}
@keyframes horizonal_scroll {
    0% {left:0;}
	50% {left:10px;}
    100% {left:0;}
}

/* 게시물 리스트(기본) */
.board_header_tit {margin:28px 0 30px; font-weight:700; font-size:16px; line-height:1.4em; color:#2a2e31; text-align:center;}
.board_header_tit em {color:#0071bb;}
.board_list table th,
.board_list table td {text-align:center; vertical-align:middle;}
.board_list table thead th {border-top:1px solid #000; background:#f4f8fb; font-weight:700; font-size:16px; line-height:60px; color:#000;}
.board_list table tbody tr .num {font-family:'Montserrat'; letter-spacing:0;}
.board_list table th {font-weight:400;}
.board_list table td {overflow:hidden; padding:20px; line-height:30px;}
.board_list table td.left,
.board_list table td.tit {text-align:left;}
.board_list table td.right {text-align:right;}
.board_list table td.tit .new {display:inline-block; position:relative; top:-2px; width:42px; margin-left:3px; border-radius:9px; background:#00a66c; font-size:11px; font-family:'Montserrat'; line-height:18px; color:#fff; text-align:center; vertical-align:middle; -webkit-border-radius:9px; -moz-border-radius:9px; -ms-border-radius:9px; -o-border-radius:9px; text-transform:uppercase;}
.board_list table td.name {text-overflow:ellipsis; white-space:nowrap;}
.board_list table td .reply {float:left; width:50px;}
.board_list table td .reply.on {color:#00a66c;}
.board_list table td .reply + a {float:right; width:calc(100% - 80px);}
.board_list table td a {display:block; font-weight:700; font-size:16px; line-height:30px; color:#2a2e31; word-break:break-all;}
.board_list table td a:hover {color:#0071bb;}
.board_list table td a i {display:inline-block; position:relative; top:-1px; width:12px; height:17px; margin-left:5px; background-image:url(../image/sprite/sprite.png); background-position:-77px -114px; background-size:500px 500px; font-size:0; vertical-align:middle;}
.board_list table td .area {font-weight:700; font-size:16px; color:#2a2e31;}
.board_list table td .spot {display:inline-block; position:relative; right:0; width:31px; height:6px; background-image:url(../image/sprite/sprite.png); background-position:-41px -80px; background-size:500px 500px; text-indent:-9999px; vertical-align:middle; -webkit-transition:right 0.2s; -moz-transition:right 0.2s; -ms-transition:right 0.2s; -o-transition:right 0.2s; transition:right 0.2s;}
.board_list table td .spot:hover {right:-10px;}
.board_list table td.down a,
.board_list table td.down span {display:inline-block; width:19px; height:24px; background-image:url(../image/sprite/sprite.png); background-size:500px 500px; text-indent:-9999px;}
.board_list table td.down a {background-position:-71px -5px;}
.board_list table td.down span {background-position:-47px -5px;}

@media screen and (max-width:1024px) {
    .board_header_tit {font-size:14px;}
    .board_header_tit br {display:none;}
    .board_list {overflow:hidden;}
	.board_list table,
	.board_list table thead,
	.board_list table tbody,
	.board_list table tr,
	.board_list table th,
	.board_list table td {display:block; float:left; clear:both; width:100%; border:none; text-align:left;}
	.board_list table {border-top:1px solid #d6dce1;}
	.board_list table tr {position:relative; padding:10px 0; border-bottom:1px solid #d6dce1;}
	.board_list table thead {overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px;}
	.board_list table td {padding:0; line-height:1.5em;}
	.board_list table thead th,
	.board_list table td.view {display:none;}
	.board_list table td a {line-height:1.4em;}
	.board_list table td .reply {display:block; float:none; margin-bottom:5px;}
	.board_list table td .reply + a {float:none; width:100%;}
	.board_list table tbody tr:hover {background:none;}
	.board_list table td.tit {margin:10px 0;}
	.board_list table td .spot {position:absolute; right:10px; bottom:17px;}
	.board_list table td .spot:hover {right:0;}
	.board_list table td.tel:before {content:'Tel : ';}
	.board_list table td.fax:before {content:'Fax : ';}
	.board_list table td.down a {margin-top:10px;}
    .board_list table td.down span {display:none;}
}

@media screen and (max-width:599px) {
    .board_header_tit {font-size:12px;}
}

/* 게시물 리스트(이벤트) */
.event_list ul {border-top:1px solid #000;}
.event_list ul li {overflow:hidden; position:relative; min-height:200px; padding:30px 0; border-bottom:1px solid #d6dce1; font-size:0;}
.event_list ul li.no_post {min-height:0; font-size:14px; text-align:center;}
.event_list ul li img {float:left; width:240px; height:auto; margin-right:30px;}
.event_list ul li .wrap {float:left; width:calc(100% - 440px);}
.event_list ul li .wrap .cate {display:inline-block; padding:0 15px; background:#00a66c; font-weight:700; font-size:14px; line-height:30px; color:#fff;}
.event_list ul li .wrap .tit {overflow:hidden; height:56px; margin-top:10px; font-weight:700; font-size:18px; line-height:28px; color:#2a2e31;}
.event_list ul li .wrap .date {display:inline-block; margin-top:13px; font-size:14px; font-family:'Montserrat'; line-height:30px; color:#4c5358; letter-spacing:0;}
.event_list ul li .link {float:right; margin-top:45px;}
.event_list ul li .btn {display:inline-block; width:140px; border:2px solid #0071bb; background:#fff; font-weight:700; font-size:14px; line-height:46px; color:#0071bb; text-align:center; box-sizing:border-box;}
.event_list ul li .join:hover {background:#0071bb; color:#fff;}
.event_list ul li .end {border-color:#4c5358; background:#4c5358; color:#fff;}

@media screen and (max-width:1024px) {
    .event_list ul li .cont {overflow:hidden;}
	.event_list ul li .wrap {width:calc(100% - 270px);}
	.event_list ul li .wrap .tit {height:2.8em; font-size:16px; line-height:1.4em;}
	.event_list ul li .wrap .date {line-height:1.4em;}
	.event_list ul li .link {float:none; margin-top:20px; text-align:center;}
    .event_list ul li .btn {width:auto; min-width:120px; padding:0 10px; border-width:1px; line-height:48px;}
}
@media screen and (max-width:599px) {
    .event_list ul li img {float:none; width:100%; margin:0; margin-bottom:30px;}
	.event_list ul li .wrap {float:none; width:100%;}
    .event_list ul li .btn {width:100%; min-width:auto; line-height:30px;}
}

/* 게시물 뷰(기본) */
.board_view .cate_wrap {margin-bottom:20px; font-size:0; text-align:center;}
.board_view .cate {display:inline-block; padding:0 15px; background:#00a66c; font-weight:700; font-size:14px; line-height:30px; color:#fff;}
.board_view .tit {margin-top:-4px; font-weight:700; font-size:22px; line-height:30px; color:#2a2e31; text-align:center;}
.board_view .reply {margin-right:25px; font-weight:400; font-size:18px; color:#686f75; vertical-align:middle;}
.board_view .reply.on {color:#00a66c;}
.board_view .tit i {display:inline-block; position:relative; top:-1px; width:12px; height:17px; margin-left:5px; background-image:url(../image/sprite/sprite.png); background-position:-77px -114px; background-size:500px 500px; font-size:0; vertical-align:middle;}
.board_view .meta {margin:20px 0 35px 0; text-align:center;}
.board_view .meta li,
.board_view .meta li dl,
.board_view .meta li dl dt,
.board_view .meta li dl dd {display:inline-block; font-size:0; vertical-align:middle;}
.board_view .meta li dl dt {font-weight:700; font-size:14px; color:#2a2e31;}
.board_view .meta li dl dd {overflow:hidden; max-width:300px; padding-right:40px; padding-left:15px; font-size:14px; text-overflow:ellipsis; white-space:nowrap;}
.board_view .meta li dl .num {font-family:'Montserrat'; letter-spacing:0;}
.board_view .meta li:last-child dl dd {padding-right:0;}
.board_view .meta li dl dt:after {padding-right:15px; border-right:1px solid #d6dce1; content:'';}
.board_view .content {padding:30px; border-top:1px solid #d6dce1; border-bottom:1px solid #d6dce1;}
.board_view .content .board_ctr a {width:170px;}
.board_view .content p {font-size:14px; line-height:24px;}
.board_view .content .answer {position:relative; left:-30px; width:calc(100% + 60px); margin-top:25px; padding:30px; background:#edf7f4;}
.board_view .content .qna i {float:left; width:40px; font-weight:700; font-size:18px; font-family:'Montserrat'; line-height:40px; color:#fff; text-align:center;}
.board_view .content .qna .que {background:#0071bb;}
.board_view .content .qna .ans {background:#00a66c;}
.board_view .content .qna .tit {margin:0; padding:5px 0 5px 55px; font-weight:700; font-size:18px; line-height:30px; color:#2a2e31; text-align:left;}
.board_view .content .qna .txt {margin-top:25px; font-size:14px; line-height:24px;}
.board_view .content .user_ctrl {overflow:hidden; margin-top:30px; text-align:right;}
.board_view .content .user_ctrl ul {display:inline-block; overflow:hidden; margin:0;}
.board_view .content .user_ctrl ul li {display:block; float:left; padding:0 15px; line-height:14px;}
.board_view .content .user_ctrl ul li:last-child {padding-right:0; border-left:1px solid #d6dce1;}
.board_view .content .user_ctrl ul li a {display:block; font-weight:700; font-size:14px; color:#686f75; text-decoration:none;}
.board_view .content .user_ctrl ul li a:hover {color:#0071bb;}
.board_view .content .file_upload {position:relative; left:-30px; width:calc(100% + 60px); margin:60px 0 20px;}
.board_view .content .file_upload ul {overflow:hidden; margin:0; padding:20px 30px 10px; background:#f4f8fb;}
.board_view .content .file_upload ul li {float:left; max-width:100%; margin-bottom:10px; list-style:none;}
.board_view .content .file_upload ul li a {display:block; overflow:hidden; position:relative; margin-right:30px; padding-left:25px; font-size:14px; line-height:20px; color:#686f75; text-decoration:none; text-overflow:ellipsis; white-space:nowrap;}
.board_view .content .file_upload ul li a:hover {font-weight:700; color:#0071bb; text-decoration:underline;}
.board_view .content .file_upload ul li a:before {position:absolute; top:0; left:0; width:16px; height:20px; background-image:url(../image/sprite/sprite.png); background-position:-56px -4px; background-size:400px 400px; text-indent:-9999px; content:'';}
.board_view .paging_wrap {position:relative; margin-top:50px;}
.board_view .paging_wrap:after {display:block; clear:both; content:'';}
.board_view .paging_wrap .btn_style {position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
.board_view .paging_wrap dl {position:relative; max-width:400px; height:50px; padding:0 55px;}
.board_view .paging_wrap .prev {float:left;}
.board_view .paging_wrap .next {float:right; text-align:right;}
.board_view .paging_wrap dl:after {display:block; position:absolute; top:50%; width:0; height:0; border-width:9px; border-style:solid; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); content:'';}
.board_view .paging_wrap .prev:after {left:0; border-color:transparent #d6dce1 transparent transparent;}
.board_view .paging_wrap .next:after {right:0; border-color:transparent transparent transparent #d6dce1;}
.board_view .paging_wrap .prev.on:after {border-color:transparent #0071bb transparent transparent;}
.board_view .paging_wrap .next.on:after {border-color:transparent transparent transparent #0071bb;}
.board_view .paging_wrap dl dt {font-weight:700; line-height:15px; color:#2a2e31;}
.board_view .paging_wrap dl dd {margin-top:15px; font-size:18px; line-height:20px;}
.board_view .paging_wrap dl dd a {overflow:hidden; width:100%; color:#999; text-overflow:ellipsis; white-space:nowrap;
}
.board_view .paging_wrap dl.on dd a {color:#0071bb;}
.board_view .paging_wrap dl dd i {display:inline-block; position:relative; top:-1px; width:12px; height:17px; margin-left:5px; background-image:url(../image/sprite/sprite.png); background-position:-77px -114px; background-size:500px 500px; font-size:0; vertical-align:middle;}

@media screen and (max-width:1024px) {
    .board_view .tit,
	.board_view .meta {text-align:left;}
	.board_view .meta {margin:20px 0;}
	.board_view .meta li {display:block;}
	.board_view .meta li dl dd {max-width:190px; margin-left:15px; padding:0;}
	.board_view .content {padding:25px 0;}
	.board_view .content .qna .tit {padding:7px 0 7px 55px; font-size:16px; line-height:26px;}
	.board_view .content .qna .txt {margin-top:15px;}
	.board_view .content .user_ctrl {text-align:center;}
	.board_view .content .user_ctrl ul li {margin-right:10px; padding:0; border:0 !important; line-height:0;}
	.board_view .content .user_ctrl ul li:last-child {margin:0; padding-right:0; border-left:1px solid #d6dce1;}
	.board_view .content .user_ctrl ul li a {min-width:120px; border:1px solid #686f75; line-height:48px; text-align:center;}.board_view .content .user_ctrl ul li a:hover {background:#686f75; color:#fff;}
	.board_view .content .file_upload {left:0; width:100%; margin:30px 0;}
	.board_view .paging_wrap {margin-top:30px;}
	.board_view .paging_wrap dl {overflow:hidden; float:none !important; max-width:100%; height:auto; padding:0; text-align:left !important;}
	.board_view .paging_wrap dl:after {display:none;}
	.board_view .paging_wrap dl dt,
	.board_view .paging_wrap dl dd {float:left; height:25px; margin:0; line-height:25px;}
	.board_view .paging_wrap dl dt:after {padding-right:15px; border-right:1px solid #d6dce1; content:'';}
	.board_view .paging_wrap dl dd {width:calc(100% - 70px); margin-left:15px; font-size:14px;}
	.board_view .paging_wrap dl dd:after {display:block; clear:both; content:'';}
	.board_view .paging_wrap .btn_style {overflow:hidden; position:static; width:auto; min-width:120px; border-width:1px; line-height:48px; text-overflow:ellipsis; white-space:nowrap; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
	.board_view .paging_wrap .btn_style span {padding:0;}
    .board_view .paging_wrap .btn_style span:after {display:none;}
}
@media screen and (max-width:599px) {
    .board_view .paging_wrap .btn_style {width:100%; min-width:auto; line-height:30px;}
	.board_view .content .qna i {width:30px; font-size:16px; line-height:30px;}
	.board_view .content .qna .tit {padding:3px 0 3px 40px; font-size:14px; line-height:24px;}
	.board_view .content .qna .txt {margin:0; padding:10px 0; line-height:20px;}
	.board_view .content .user_ctrl ul {display:block;}
	.board_view .content .user_ctrl ul li {width:calc(50% - 5px);}
	.board_view .content .user_ctrl ul li a {line-height:30px;}
    .board_view .content .file_upload ul li {width:100%;}
}

/* 게시물 뷰(이벤트) */
.modal.form {max-width:1200px;}
.modal.form .board_input {border-top:2px solid #2a2e31;}
.modal.form .board_input td .more {margin:0; margin-bottom:20px;}
.modal.form .board_input td .more.side {display:inline-block; margin:0; margin-left:20px;}
.modal.form .modal_view .agree p {font-weight:700; font-size:14px; line-height:24px; color:#2a2e31;}
.modal.form .modal_view .agree .radio_form {margin:13px 0 30px;}
.modal.isjoin,
.modal.joininfo {max-width:600px; height:auto;}
.modal.isjoin .modal_view {padding:40px 110px;}
.modal.isjoin .board_input td .more {margin:0; margin-bottom:20px;}
.modal.isjoin .board_input th {height:0; opacity:0;}
.modal.isjoin .board_input td {padding:0; border:0 !important;}
.modal.isjoin .board_input input[type='text'] {width:380px;}

@media screen and (max-width:1280px) {
    .modal.form .board_input td .more.side {display:block; margin:0; margin-top:20px;}
    .modal.form .board_input td.address input[type='text'].long:last-of-type {margin-top:20px;}
}
@media screen and (max-width:1024px) {
    .modal.form .modal_view .agree {margin-top:20px;}
	.modal.form .board_input td .more {margin-bottom:10px;}
	.modal.form .board_input td .more.side {display:block; margin:0; margin-top:10px;}
	.modal.form .board_input td.address input[type='text'].long:last-of-type {margin-top:10px;}
	.modal.isjoin,
	.modal.joininfo {max-width:100%; height:100%;}
	.modal.isjoin .modal_view {padding:0;}
	.modal.isjoin .board_input table {border:0;}
	.modal.isjoin .board_input td .more {margin-bottom:10px;}
    .modal.isjoin .board_input input[type='text'].tel {width:110px;}
}
@media screen and (max-width:599px) {
    .modal.isjoin .board_input input[type='text'] {width:100%;}
}

/* 게시물 입력(기본) */
.board_input tr:last-child th,
.board_input tr:last-child td {border-bottom:1px solid #d6dce1;}
.board_input th,
.board_input td {padding:20px 0; font-size:0; text-align:left; vertical-align:middle;}
.board_input.result th {padding:0;}
.board_input.result td {padding:10px 0; font-size:14px;}
.board_input th.top,
.board_input td.top {vertical-align:top;}
.board_input th .label {display:inline-block; position:relative; padding:0 10px; font-weight:700; font-size:16px; line-height:40px; color:#2a2e31;}
.board_input th .label .require {display:inline-block; position:absolute; top:-3px; right:0; color:#00a66c;}
.board_input td p {margin-top:5px; line-height:1;}
.board_input td input[type='text'],
.board_input td input[type='email'],
.board_input td input[type='password'] {width:200px;}
.board_input td input[type='text'].long,
.board_input td input[type='email'].long,
.board_input td input[type='password'].long {width:380px;}
.board_input td .check_form,
.board_input td .radio_form {padding:6px 0;}
.board_input td .char {display:inline-block; font-size:14px; line-height:40px; color:#2a2e31; text-align:center; vertical-align:top;}
.board_input td .at {width:50px;}
.board_input td .dash {width:25px;}
.board_input td .more {margin-top:20px; font-size:0;}
.board_input td .more .tit {display:inline-block; margin-right:30px; font-weight:700; font-size:14px; line-height:28px; color:#2a2e31; vertical-align:middle;}
.board_input td .more .check_form,
.board_input td .more .radio_form {display:inline-block; padding:0; vertical-align:middle;}
.board_input td .more .check_form + .txt,
.board_input td .more .radio_form + .txt {margin-top:10px;}
.board_input td textarea {width:770px; max-width:100%; height:370px; padding:12px 15px; font-size:14px; line-height:20px;}
.board_input td.email input[type='text'] {max-width:calc(50% - 25px);}
.board_input td.tel input[type='text'],
.board_input td.tel .select_form {display:inline-block; width:110px; max-width:calc(33.33% - 17px); font-size:14px; vertical-align:top;}
.board_input td.address input[type='text'].long:first-of-type {margin:20px 20px 0 0;}
.board_input td.address button {margin-left:20px; line-height:36px;}
.board_input td.person_id button {width:130px; margin-left:20px; line-height:36px;}
.board_input.type2 td input[type='text'],
.board_input.type2 td input[type='email'],
.board_input.type2 td input[type='password'] {width:250px;}
.board_input.type2 td input[type='text'].max,
.board_input.type2 td.person_id input[type='text'] {width:calc(100% - 230px);}
.board_input.type2 td textarea {width:calc(100% - 230px);}
.board_input.type2 td.tel input[type='text'],
.board_input.type2 td.tel .select_form {width:110px;}

@media screen and (max-width:1024px) {
    .board_input {overflow:hidden;}
	.board_input table,
	.board_input table thead,
	.board_input table tbody,
	.board_input table tr,
	.board_input table th,
	.board_input table td {display:block; float:left; clear:both; width:100%; border:none; text-align:left;}
	.board_input table {border-top:1px solid #d6dce1;}
	.board_input th {padding:0; padding-top:10px; border:none !important;}
	.board_input.result th {padding-top:10px;}
	.board_input th .label {margin-bottom:5px; padding-left:0; line-height:25px;}
	.board_input td {padding:0; padding-bottom:10px; border-top:none !important; border-bottom:1px solid #d6dce1 !important;}
	.board_input td .check_form,
	.board_input td .radio_form {padding:0;}
	.board_input td input[type='text'].long,
	.board_input td input[type='email'].long,
	.board_input td input[type='password'].long {width:calc(50% - 5px);}
	.board_input td textarea {width:100% !important;}
	.board_input td .more {margin-top:10px;}
	.board_input td .more .txt li {line-height:20px;}
	.board_input td.address input[type='text'].long:first-of-type {margin:10px 10px 0 0;}
	.board_input td.address button {margin-left:10px; line-height:38px; vertical-align:top;}
	.board_input td.person_id button {width:130px; margin-left:10px; line-height:38px; vertical-align:top;}
	.board_input.type2 td input[type='text'],
	.board_input.type2 td.person_id input[type='text'] {width:250px;}
    .board_input.type2 td input[type='text'].max {width:100%;}
}
@media screen and (max-width:599px) {
    .board_input td input[type='text'],
	.board_input td input[type='email'],
	.board_input td input[type='password'],
	.board_input td input[type='text'].long,
	.board_input td input[type='email'].long,
	.board_input td input[type='password'].long,
	.board_input.type2 td input[type='text'],
	.board_input.type2 td input[type='email'],
	.board_input.type2 td input[type='password'] {width:100%;}
	.board_input td.address input[type='text']:nth-of-type(2) {margin:10px 0;}
	.board_input td textarea {height:200px;}
	.board_input td.email input[type='text'] {width:calc(50% - 10px) !important; max-width:100%;}
	.board_input td.tel input[type='text'] {width:calc(50% - 68px) !important; max-width:100px;}
	.board_input td.tel .select_form {width:80px !important; max-width:100%;}
	.board_input td .char {width:20px;}
	.board_input td.address .post_wrap input[type='text'] {width:calc(60% - 5px);}
	.board_input td.address .post_wrap button {width:calc(40% - 5px);}
	.board_input td.person_id input[type='text'] {width:calc(70% - 5px) !important;}
    .board_input td.person_id button {width:calc(30% - 5px) !important;}
}

/* 하단 게시물 제어버튼(작성, 취소 등) */
.board_ctr {margin-top:50px; font-size:0; text-align:center;}
.board_ctr.no_cont {margin:0;}
.board_ctr a,
.board_ctr button {margin-right:20px;}
.board_ctr a:last-child,
.board_ctr button:last-child {margin:0;}
.btn_style {min-width:140px; padding:0 10px; border:2px solid #686f75; background:#fff !important; font-weight:700; font-size:14px; line-height:46px; color:#686f75 !important; text-align:center; text-decoration:none !important;}
.btn_style:hover {background:#686f75 !important; color:#fff !important;}
.btn_style.blue {border-color:#0071bb !important; color:#0071bb !important;}
.btn_style.blue:hover {background:#0071bb !important; color:#fff !important;}
.btn_style.list span {position:relative; padding-left:34px;}
.btn_style.list span:after {position:absolute; top:50%; left:0; width:19px; height:14px; background-image:url(../image/sprite/sprite.png); background-position:-32px -114px; background-size:500px 500px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); content:'';}
.btn_style.list:hover span:after {background-position:-32px -95px;}

@media screen and (max-width:1024px) {
    .btn_style {overflow:hidden; width:auto; min-width:120px; border-width:1px; line-height:48px; vertical-align:middle;}
	.btn_style.list span {padding:0;}
	.btn_style.list span:after {display:none;}
	.board_ctr,
	.board_ctr.no_cont {margin-top:30px;}
	.board_ctr a,
    .board_ctr button {margin-right:10px;}
}
@media screen and (max-width:599px) {
    .btn_style {width:100%; min-width:auto; line-height:30px; text-overflow:ellipsis; white-space:nowrap;}
	.board_ctr.type2 .btn_style {width:calc(50% - 5px) !important;}
    .board_ctr.type3 .btn_style {width:calc(33.33% - 7px) !important;}
}

/* 영상 플레이어 버튼 */
.video_player .play_btn,
.video_player .dummy {position:absolute; top:50%; left:50%; width:120px; height:120px; margin-top:-60px; margin-left:-60px; border-radius:50%; background:rgba(21,171,119,0.5); -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.video_player:hover .play_btn {animation-name:video_hover; animation-duration:1s; -webkit-animation-name:video_hover;}
@keyframes video_hover {
    from {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); opacity:1;}
    to {-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); opacity:0;}
}
.video_player .dummy i {position:absolute; top:50%; left:50%; width:30px; height:44px; margin-top:-22px; margin-left:-15px; background-image:url(../image/sprite/sprite.png); background-position:-5px -376px; background-size:500px 500px; font-size:0;}

@media screen and (max-width:1024px) {
    .video_player .play_btn,
	.video_player .dummy {width:90px; height:90px; margin-top:-45px; margin-left:-45px;}
    .video_player .dummy i {margin-left:-13px;}
}
@media screen and (max-width:599px) {
    .video_player .play_btn,
	.video_player .dummy {width:60px; height:60px; margin-top:-30px; margin-left:-30px;}
    .video_player .dummy i {width:15px; height:22px; margin-top:-11px; margin-left:-7px; background-position:-2px -188px; background-size:250px 250px;}
}

/* 페이징 */
.pagenation {position:relative; height:32px; margin-top:60px; font-size:0; text-align:center;}
.pagenation .link_wrap .link {position:absolute; top:0; right:0; padding-right:50px; font-size:14px; line-height:32px; color:#0071bb;}
.pagenation .link_wrap .link:after {position:absolute; top:50%; right:0; width:31px; height:6px; margin-top:-3px; background-image:url(../image/sprite/sprite.png); background-position:-41px -80px; background-size:500px 500px; -webkit-transition:right 0.2s; -moz-transition:right 0.2s; -ms-transition:right 0.2s; -o-transition:right 0.2s; transition:right 0.2s; content:'';}
.pagenation .link_wrap .link:hover:after {right:-10px;}
.pagenation .pager {display:inline-block;}
.pagenation .pager > a {float:left; position:relative; width:32px; height:32px; margin-left:10px; border:1px solid #d6dce1; background:#fff; text-indent:-9999px;}
.pagenation .pager > a:before,
.pagenation .pager > a:after {display:block; position:absolute; top:50%; left:50%; width:0; height:0; margin-top:-4px; border-width:4px; border-style:solid; border-color:transparent; content:'';}
.pagenation .pager > a:hover {border-color:#0071bb;}
.pagenation .pager .first:before {margin-left:-9px; border-right-color:#686f75;}
.pagenation .pager .first:after {margin-left:-4px; border-right-color:#686f75;}
.pagenation .pager .prev:after {margin-left:-6px; border-right-color:#686f75;}
.pagenation .pager .next:after {margin-left:-2px; border-left-color:#686f75;}
.pagenation .pager .last:before {margin-left:-4px; border-left-color:#686f75;}
.pagenation .pager .last:after {margin-left:1px; border-left-color:#686f75;}
.pagenation .pager > a:hover.first:before,
.pagenation .pager > a:hover.first:after,
.pagenation .pager > a:hover.prev:after {border-right-color:#0071bb;}
.pagenation .pager > a:hover.next:after,
.pagenation .pager > a:hover.last:before,
.pagenation .pager > a:hover.last:after {border-left-color:#0071bb;}
.pagenation .pager > a:first-child {margin-left:0;}
.pagenation .pager > a.first,
.pagenation .pager > a.next {margin-left:0;}
.pagenation ul {overflow:hidden; float:left; margin:0 20px;}
.pagenation ul li {float:left; margin-left:10px;}
.pagenation ul li:first-child {margin-left:0;}
.pagenation ul li span,
.pagenation ul li a {display:inline-block; width:32px; font-size:14px; font-family:'Montserrat'; line-height:32px; color:#2a2e31; letter-spacing:0; text-align:center; box-sizing:border-box;}
.pagenation ul li span {background:#0071bb; color:#fff;}
.pagenation ul li a:hover {color:#0071bb; text-decoration:underline;}

@media screen and (max-width:1024px) {
    .pagenation {height:auto; margin-top:30px;}
	.pagenation .link_wrap .link {overflow:hidden; position:static; width:auto; min-width:120px; margin-top:32px; padding:0 10px; border:1px solid #0071bb; font-weight:700; line-height:48px; text-align:center; text-overflow:ellipsis; white-space:nowrap;}
	.pagenation .link_wrap .link:hover {background:#0071bb; color:#fff;}
	.pagenation .link_wrap .link:after {display:none;}
	.pagenation .pager > a {width:25px;}
	.pagenation ul li span,
    .pagenation ul li a {width:25px; letter-spacing:-0.1em;}
}
@media screen and (max-width:599px) {
    .pagenation .pager {text-align:center;}
	.pagenation .link_wrap .link {width:100%; min-width:auto; line-height:30px;}
	.pagenation .pager > a {float:none;}
	.pagenation ul {float:none; width:100%; margin:0; margin-bottom:10px;}
	/* .pagenation ul li:nth-child(n+6) {display:none;}  */
	.pagenation ul li {display:inline-block; float:none; margin:10px 3px 0 !important;}
	.pagenation ul li span,
    .pagenation ul li a {width:20px; font-size:12px;}
}

/*=========================================================
4. 헤더
=========================================================*/

.site-header {position:fixed; top:0; z-index:7; width:100%; height:100px; background:#fff;}
/* .site-header:before {content:""; display:block; position:absolute; left:0; bottom:-300px; width:100%; height:300px; background-color:rgba(255,255,255,0.7); opacity:0; visibility:hidden; transition:all ease-out 0.5s; -webkit-transition:all ease-out 0.5s; -moz-transition:all ease-out 0.5s; -ms-transition:all ease-out 0.5s; -o-transition:all ease-out 0.5s; z-index:999;}
.site-header:hover:before {opacity:1; visibility:visible;} */
.site-header h1 {float:left; margin-top:15px;}
.site-header h1 img {width:148px; height:50px; margin-top:10px;}
.site-header .border {position:absolute; width:100%; height:6px;}
.site-header .border.top {top:0;}
.site-header .border.bottom {bottom:0;}
.site-header .border:before,
.site-header .border:after {display:block; position:absolute; bottom:0; width:50%; height:6px; content:'';}
.site-header .border:before {left:0;}
.site-header .border:after {right:0;}
.site-header .border.top:before,
.site-header .border.bottom:after {background:#00a66c;}
.site-header .border.top:after,
.site-header .border.bottom:before {background:#0071bb;}
.admin-bar .site-header {top:32px;}
.m_menu {display:none; position:absolute; top:12px; left:30px; width:15px; height:13px; text-indent:-9999px;}
.m_menu span {position:absolute; top:0; left:0; width:100%; height:1px; background:#0071bb;}
.m_menu span:nth-child(2) {top:6px;}
.m_menu span:nth-child(3) {top:12px;}
.m_search {display:none;}

@media screen and (max-width:1024px) {
    .m_menu,
	.m_search {display:block;}
    .m_search {position:absolute; top:11px; right:30px; width:16px; height:16px; background-image:url(../image/sprite/sprite.png); background-position:-56px -114px; background-size:500px 500px; text-indent:-9999px;}
}
@media screen and (max-width:782px) {
    .admin-bar .site-header {top:46px;}
}

/*** PC 네비게이션 ***/
.navigation-top {height:0;}

/* 1depth */
.navigation-top .menu {float:left; margin:35px 0 0 30px; line-height:30px;}
.navigation-top .menu:after {display:block; clear:both; content:'';}
.navigation-top .menu > li {float:left; position:relative; padding-bottom:13px;}
.navigation-top .menu > li > a {padding:0 40px; font-weight:700; font-size:20px; color:#2a2e31; -webkit-transition:color 0.5s; -moz-transition:color 0.5s; -ms-transition:color 0.5s; -o-transition:color 0.5s; transition:color 0.5s;}
.navigation-top .menu > li[class*='current'] > a,
.navigation-top .menu > li > a:hover {color:#0071bb;}

/* 2depth */
.navigation-top .menu > li > .sub-menu {visibility:hidden; position:absolute; left:50%; z-index:1; width:200px; margin-left:-100px; padding:5px; background:#0071bb; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; transition-timing-function:ease-in-out; opacity:0; -webkit-box-shadow:0 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow:0 0 1px 1px rgba(0,0,0,0.1); box-shadow:0 0 1px 1px rgba(0,0,0,0.1);}
.navigation-top .menu > li:hover > .sub-menu {visibility:visible; -webkit-transform:translateY(13px); -moz-transform:translateY(13px); -ms-transform:translateY(13px); -o-transform:translateY(13px); transform:translateY(13px); opacity:1;}
.navigation-top .menu > li > .sub-menu > li {position:relative; margin-bottom:10px;}
.navigation-top .menu > li > .sub-menu > li:after {position:absolute; bottom:-5px; left:50%; width:160px; height:1px; background:rgba(255,255,255,0.15); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); content:'';}
.navigation-top .menu > li > .sub-menu > li:last-child {margin:0;}
.navigation-top .menu > li > .sub-menu > li:last-child:after {display:none;}
.navigation-top .menu > li > .sub-menu > li > a {display:block; font-size:16px; line-height:40px; color:#fff; text-align:center; transition:background 0.2s; -webkit-transition:background 0.2s; -moz-transition:background 0.2s; -ms-transition:background 0.2s; -o-transition:background 0.2s;}
.navigation-top .menu > li > .sub-menu > li[class*='current'] > a,
.navigation-top .menu > li > .sub-menu > li > a:hover {background:#fff; font-weight:700; color:#0071bb;}

/* 3depth */
.navigation-top .menu > li > .sub-menu .sub-menu {visibility:hidden; position:absolute; top:0; left:100%; width:190px; padding:5px 10px; background:#fff; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; transition-timing-function:ease-in-out; opacity:0; -webkit-box-shadow:0 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow:0 0 1px 1px rgba(0,0,0,0.1); box-shadow:0 0 1px 1px rgba(0,0,0,0.1);}
.navigation-top .menu > li > .sub-menu > li:hover .sub-menu {visibility:visible; opacity:1;}
.navigation-top .menu > li > .sub-menu .sub-menu li {border-bottom:1px solid #d6dce1;}
.navigation-top .menu > li > .sub-menu .sub-menu li:last-child {border:0;}
.navigation-top .menu > li > .sub-menu .sub-menu li a {display:block; text-align:center; transition:color 0.2s; -webkit-transition:color 0.2s; -moz-transition:color 0.2s; -ms-transition:color 0.2s; -o-transition:color 0.2s;}
.navigation-top .menu > li > .sub-menu .sub-menu li[class*='current'] > a,
.navigation-top .menu > li > .sub-menu .sub-menu li a:hover {font-weight:700; color:#0071bb;}

/* 상단 메뉴 */
.top_menu {float:right; position:relative; margin-top:27px; line-height:46px;}
.top_menu .recruit {float:left; position:relative; width:73px; margin-right:25px; font-weight:700; font-size:18px; color:#6c6c6c; text-align:right; -webkit-transition:color 0.5s; -moz-transition:color 0.5s; -ms-transition:color 0.5s; -o-transition:color 0.5s; transition:color 0.5s;}
.top_menu .recruit:hover {color:#0071bb;}
.top_menu .recruit:before {position:absolute; top:50%; left:0; width:29px; height:22px; margin-top:-11px; background-image:url(../image/sprite/sprite.png); background-position:-95px -5px; background-size:500px 500px; content:'';}
.top_menu .recruit:hover:before {background-position:-129px -5px;}
.top_menu .lang {overflow:hidden; float:right; width:140px; margin-right:42px; border-radius:23px; -webkit-border-radius:23px; -moz-border-radius:23px; -ms-border-radius:23px; -o-border-radius:23px;}
.top_menu .lang li {float:left; position:relative; width:50%;}
.top_menu .lang li:after {position:absolute; top:50%; right:0; width:1px; height:12px; margin-top:-6px; background:#e1e6eb; content:'';}
.top_menu .lang li:last-child:after {display:none;}
.top_menu .lang li a {display:block; background:#f4f8fb; font-weight:700; font-size:14px; color:#686f75; text-align:center;}
.top_menu .lang li.on a {color:#0071bb;}
.top_menu .search_wrap {overflow:hidden; position:absolute; top:0; right:0; width:18px; height:46px; background:#fff; font-size:0; -webkit-transition:width 0.5s; -moz-transition:width 0.5s; -ms-transition:width 0.5s; -o-transition:width 0.5s; transition:width 0.5s; transition-timing-function:cubic-bezier(0.50,0,0.50,0);}
.top_menu .search_wrap.on {width:280px;}
.top_menu .search_wrap .search {position:absolute; top:50%; right:0; width:18px; height:18px; margin-top:-9px;}
.top_menu .search_wrap .search:after {position:absolute; top:50%; left:0; width:18px; height:18px; margin-top:-8px; background-image:url(../image/sprite/sprite.png); background-position:-56px -114px; background-size:500px 500px; content:'';}
.top_menu .search_wrap input[type='text'] {width:calc(100% - 43px); height:46px; margin-left:25px; border:none; line-height:46px;}
.top_menu .search_wrap button {visibility:hidden; position:absolute; top:50%; right:0; z-index:1; width:18px; height:18px; margin-top:-9px; opacity:0;}
.top_menu .search_wrap.on button {visibility:visible; opacity:1;}

@media screen and (max-width:1600px) {
    .navigation-top .menu > li > a {padding:0 35px;}
}
@media screen and (max-width:1366px) {
    .navigation-top .menu > li > a {padding:0 28px;}
}
@media screen and (max-width:1280px) {
    .navigation-top .menu > li > a {padding:0 14px;}
	.top_menu .recruit {margin-right:10px;}
	.top_menu .lang {width:100px;}
    .top_menu .search_wrap.on {width:230px;}
}
@media screen and (max-width:1024px) {
    .site-header {height:50px; border:none;}
	.site-header:before {display:none;}
	.site-header h1 {float:none; height:35px; margin:7px auto 8px; text-align:center;}
	.site-header h1 img {width:74px; height:25px; margin-top:5px;}
	.site-header .border {bottom:-3px; height:3px;}
	.site-header .border:before,
	.site-header .border:after {height:3px;}
	.navigation-top,
    .top_menu {display:none;}
}

/*** 모바일 네비게이션 ***/
.mobile_nav {position:fixed; top:0; left:-100%; z-index:50; width:100%; height:100%; background:#fff; -webkit-transition:left 0.5s; -moz-transition:left 0.5s; -ms-transition:left 0.5s; -o-transition:left 0.5s; transition:left 0.5s;}
.admin-bar .mobile_nav {top:32px; height:calc(100% - 32px);}
.mobile_nav.active {left:0;}
.mobile_nav .wrap {overflow-y:auto; position:absolute; top:0; left:0; width:100%; height:100%; padding:50px 30px 35px;}

/* 1depth */
.mobile_nav .wrap > ul > li > a {display:block; position:relative; padding:13px 10px; border-bottom:1px solid #d6dce1; font-weight:700; font-size:16px; line-height:24px; color:#2a2e31; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.mobile_nav .wrap > ul > li > a:after {display:block; position:absolute; top:25px; right:15px; width:0; height:0; border-width:4px; border-style:solid; border-color:#686f75 transparent transparent transparent; content:'';}
.mobile_nav .wrap > ul > li[class*='current'] > a,
.mobile_nav .wrap > ul > li > a.active {border-color:#0071bb; color:#0071bb;}
/* .mobile_nav .wrap > ul > li[class*="current"] > a:after {border-color:#0071bb transparent transparent transparent;} */
.mobile_nav .wrap > ul > li > a.active:after {top:20px; border-color:transparent transparent #0071bb transparent;}

/* 2depth */
.mobile_nav .wrap > ul > li > .sub-menu {display:none; padding:10px; background:#0071bb;}
.mobile_nav .wrap > ul > li[class*='current'] > .sub-menu {display:block;}
.mobile_nav .wrap > ul > li > .sub-menu > li > a {display:block; position:relative; padding:10px; padding-right:45px; font-size:14px; line-height:20px; color:#fff;}
.mobile_nav .wrap > ul > li > .sub-menu > li > a:before {position:absolute; bottom:-1px; left:10px; width:calc(100% - 20px); height:1px; background:#2686c5; content:'';}
.mobile_nav .wrap > ul > li > .sub-menu > li > a:after {position:absolute; top:50%; right:25px; width:20px; height:6px; margin-top:-3px; background-image:url(../image/sprite/sprite.png); background-position:-52px -80px; background-size:500px 500px; -webkit-transition:right 0.2s; -moz-transition:right 0.2s; -ms-transition:right 0.2s; -o-transition:right 0.2s; transition:right 0.2s; content:'';}
.mobile_nav .wrap > ul > li > .sub-menu > li.menu-item-has-children > a:after {display:block; position:absolute; top:20px; right:15px; width:0; height:0; border-width:4px; border-style:solid; border-color:#fff transparent transparent transparent; content:'';}
.mobile_nav .wrap > ul > li > .sub-menu > li[class*='current'].menu-item-has-children > a:after {top:20px; border-color:#0071bb transparent transparent transparent;}
.mobile_nav .wrap > ul > li > .sub-menu > li.menu-item-has-children > a.active:after {top:16px; border-color:transparent transparent #0071bb transparent;}
.mobile_nav .wrap > ul > li > .sub-menu > li:last-child a:before {display:none;}
.mobile_nav .wrap > ul > li > .sub-menu > li > a + ul {position:relative;}
.mobile_nav .wrap > ul > li > .sub-menu > li > a + ul:before {position:absolute; top:0; left:10px; width:calc(100% - 20px); height:1px; background:#f4f8fb; content:'';}
.mobile_nav .wrap > ul > li > .sub-menu > li > a.active + ul:before {background:#0071bb;}
/* .mobile_nav .wrap > ul > li > .sub-menu > li > a:after {content:""; position:absolute; right:25px; top:50%; width:20px; height:6px; margin-top:-3px; background-image:url(../image/sprite/sprite.png); background-size:500px 500px; background-position:-52px -80px; transition:right 0.2s; -webkit-transition:right 0.2s; -moz-transition:right 0.2s; -ms-transition:right 0.2s; -o-transition:right 0.2s;} */
.mobile_nav .wrap > ul > li > .sub-menu > li[class*='current'] > a,
.mobile_nav .wrap > ul > li > .sub-menu > li > a.active {background:#fff; font-weight:700; color:#0071bb;}
.mobile_nav .wrap > ul > li > .sub-menu > li > a.active:after {right:15px;}

/* 3depth */
.mobile_nav .wrap > ul > li > .sub-menu > li > .sub-menu {display:none; padding:10px; background:#fff;}
.mobile_nav .wrap > ul > li > .sub-menu > li[class*='current'] > .sub-menu {display:block;}
.mobile_nav .wrap > ul > li > .sub-menu > li > .sub-menu li a {display:block; position:relative; padding:5px 10px; line-height:20px; color:#686f75;}
.mobile_nav .wrap > ul > li > .sub-menu > li > .sub-menu li a:after {position:absolute; top:50%; right:20px; width:20px; height:6px; margin-top:-3px; background-image:url(../image/sprite/sprite.png); background-position:-52px -80px; background-size:500px 500px; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; content:''; opacity:0;}
.mobile_nav .wrap > ul > li > .sub-menu > li > .sub-menu li[class*='current'] > a,
.mobile_nav .wrap > ul > li > .sub-menu > li > .sub-menu li a:hover {font-weight:700; color:#0071bb;}
.mobile_nav .wrap > ul > li > .sub-menu > li > .sub-menu li[class*='current'] > a:after,
.mobile_nav .wrap > ul > li > .sub-menu > li > .sub-menu li a:hover:after {right:10px; opacity:1;}

/* 기타 */
.mobile_nav .wrap .lang {position:absolute; top:12px; right:30px; width:100px;}
.mobile_nav .wrap .lang ul {overflow:hidden; height:30px; padding:0 5px; border-radius:15px; background:#f4f8fb; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px;}
.mobile_nav .wrap .lang ul li {float:left; width:50%;}
.mobile_nav .wrap .lang ul li a {display:block; position:relative; font-weight:700; font-size:12px; line-height:30px; color:#686f75; text-align:center;}
.mobile_nav .wrap .lang ul li:first-child a:before {position:absolute; top:50%; right:0; width:1px; height:10px; margin-top:-5px; background:#e1e6eb; content:'';}
.mobile_nav .wrap .lang ul li.active a {color:#0071bb;}
/* .mobile_nav .wrap .recruit {display:inline-block; position:relative; line-height:18px; margin-top:30px; padding-left:30px; font-size:14px; font-weight:700; color:#686f75;}
.mobile_nav .wrap .recruit:before {content:""; position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-9px; background-image:url(../image/sprite/sprite.png); background-size:500px 500px; background-position:-5px -332px;} */
.mobile_nav .wrap .close {position:absolute; top:20px; left:30px; width:14px; height:14px; font-size:0;}
.mobile_nav .wrap .close:before,
.mobile_nav .wrap .close:after {position:absolute; top:50%; left:50%; width:2px; height:14px; margin-top:-7px; margin-left:-1px; background:#0071bb; transform-origin:center; content:'';}
.mobile_nav .wrap .close:before {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.mobile_nav .wrap .close:after {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.menu-top-container ul#top-menu > li.recruit_menu {display:none;}
@media screen and (max-width:782px) {
    .admin-bar .mobile_nav {top:46px; height:calc(100% - 46px);}
}

/* 모바일 검색창 */
.m_search_form {visibility:hidden; position:absolute; top:43px; left:0; width:100%; -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -ms-transition:opacity 0.5s; -o-transition:opacity 0.5s; transition:opacity 0.5s; opacity:0;}
.m_search_form.active {visibility:visible; opacity:1;}
.m_search_form:before {position:absolute; top:17px; left:30px; width:16px; height:16px; background-image:url(../image/sprite/sprite.png); background-position:-56px -114px; background-size:500px 500px; content:'';}
.m_search_form .search {height:50px; padding:0 30px 0 55px; font-size:12px; line-height:50px; color:#686f75;}
.m_search_form .search:focus {border-color:#fff;}
.m_search_form .search_close {position:absolute; top:-32px; right:30px; width:16px; height:16px; background:#fff; font-size:0;}
.m_search_form .search_close:before,
.m_search_form .search_close:after {position:absolute; top:50%; left:50%; width:2px; height:16px; margin-top:-8px; margin-left:-1px; background:#0071bb; transform-origin:center; content:'';}
.m_search_form .search_close:before {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.m_search_form .search_close:after {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}

/*=========================================================
5. 푸터
=========================================================*/

footer {position:relative; z-index:7; background:#f4f8fb;}
footer .upper {height:60px; border-bottom:1px solid #e1e6eb;}
footer .upper .bottom_list {padding:23px 0;}
footer .upper .bottom_list:after {display:block; clear:both; content:'';}
footer .upper .bottom_list li {float:left; margin-right:30px; padding-right:30px; border-right:1px solid #e1e6eb; line-height:14px;}
footer .upper .bottom_list li:last-child {border:none;}
footer .upper .bottom_list li a {color:#686f75;}
footer .upper .bottom_list li a em {font-weight:700; color:#2a2e31;}
footer .upper .bottom_list li a:hover,
footer .upper .bottom_list li a:hover em {font-weight:700; color:#0071bb;}
footer .upper .select_form {position:absolute; top:7px; right:40px; width:180px; border:none; background:none;}
footer .upper .select_form button {padding:0 28px 0 10px; border:none; border-bottom:1px solid #0071bb; background:none; font-weight:700; font-family:'Montserrat'; line-height:52px; color:#0071bb;}
footer .upper .select_form button:after {right:10px; margin-top:-3px; border-width:6px;}
footer .upper .select_form button.on:after {margin-top:-9px;}
footer .upper .select_form ul {overflow:hidden; bottom:53px; height:0; margin-bottom:7px; border:1px solid #0071bb;}
footer .upper .select_form button.on + ul {height:auto;}
footer .lower {height:130px; padding:30px 0;}
footer .lower .sns .facebook {position:absolute; top:19px; right:40px; padding-left:45px; line-height:30px;}
footer .lower .sns .facebook:before {display:block; position:absolute; top:0; left:0; width:30px; height:30px; background-image:url(../image/sprite/sprite.png); background-position:-40px -390px; background-size:500px 500px; content:'';}
footer .lower .sns .facebook li {display:inline; position:relative; margin-right:20px;}
footer .lower .sns .facebook li:after {display:block; position:absolute; top:7px; right:-10px; width:2px; height:2px; border-radius:50%; background:#686f75; content:''; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
footer .lower .sns .facebook li:last-child {margin:0;}
footer .lower .sns .facebook li:last-child:after {display:none;}
footer .lower .sns .facebook li a {font-weight:700; color:#686f75;}
footer .lower .sns .facebook li a:hover {color:#00a66c;}
footer .lower .info {overflow:hidden;}
footer .lower .logo {float:left;}
footer .lower .logo img {width:120px; height:70px;}
footer .lower address {float:left; position:relative; margin-left:50px; padding-top:5px; padding-left:18px; line-height:29px;}
footer .lower address i {position:absolute; top:13px; left:0; width:12px; height:14px; background-image:url(../image/sprite/sprite.png); background-position:-51px -332px; background-size:500px 500px;}
footer .lower address p {display:inline;}
footer .lower address ul {margin-left:-5px;}
footer .lower address ul,
footer .lower address ul li {display:inline;}
footer .lower address ul li:nth-child(1),
footer .lower address ul li:nth-child(3) {font-family:'Montserrat'; letter-spacing:0;}
footer .lower address ul li span {margin:0 10px 0 20px; font-weight:700; color:#686f75; letter-spacing:-0.04em;}
footer .lower address .copyright {display:block; margin-left:-18px; font-size:12px; font-family:'Montserrat'; color:#919ca4; letter-spacing:0;}
footer .lower address .copyright em {font-weight:700; color:#686f75;}

@media screen and (max-width:1280px) {
    footer .upper .bottom_list li {margin-right:20px; padding-right:20px;}
	footer .lower address {margin-top:-13px;}
	footer .lower address ul {display:block; margin-left:-38px;}
	footer .lower address p {position:relative; top:2px;}
	footer .lower address .copyright {top:-2px;}
    footer .lower .sns .facebook {top:-8px;}
}
@media screen and (max-width:1024px) {
    footer {z-index:6;}
    footer .upper .bottom_list li {margin-right:8px; padding-right:8px;}
	footer .upper .select_form {right:30px; width:140px;}
	footer .upper .select_form button:after {right:0;}
	footer .lower .info {margin-top:-5px;}
	footer .lower .sns .facebook {right:30px;}
	footer .lower .sns .facebook li {margin-right:10px;}
    footer .lower .sns .facebook li:after {right:-5px;}
}
@media screen and (max-width:767px) {
    footer .upper {height:auto; padding-top:22px;}
	footer .upper .bottom_list {padding:0;}
	footer .upper .bottom_list li {margin-right:2px; border:none; line-height:26px;}
	footer .upper .bottom_list li:nth-child(3) {clear:both;}
	footer .upper .bottom_list li a {font-size:12px;}
	footer .upper .select_form {position:relative; top:1px; right:0; width:100%;}
	footer .upper .select_form button {padding:0; font-size:12px; line-height:33px;}
	footer .upper .select_form ul {bottom:33px;}
	footer .lower {height:auto;}
	footer .lower .logo {display:none;}
	footer .lower .info {font-size:12px;}
	footer .lower address {position:relative; margin:0; padding-top:0; line-height:26px;}
	footer .lower address i {top:7px;}
	footer .lower address ul li:first-child:after {display:block; clear:both; content:'';}
	footer .lower address .copyright {display:none;}
	footer .lower .sns {position:relative; margin-top:10px; font-size:12px;}
	footer .lower .sns .facebook {position:static; right:auto; padding-left:34px; line-height:24px;}
    footer .lower .sns .facebook:before {width:24px; height:24px; background-position:-32px -312px; background-size:400px 400px;}
}

/*=========================================================
6. 모달
=========================================================*/
.modal_wrap {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:500; background:rgba(0,0,0,0.5);}
.modal_wrap2 {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:501;}
.modal {position:absolute; top:50%; left:50%; width:calc(100vw - 100px); height:calc(100vh - 120px); min-height:460px; /* border:1px solid #d6dce1; */ background:#fff; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.admin-bar .modal {top:calc(50% + 16px); height:calc(100vh - 152px);}
.modal .scroll_wrap {overflow-y:auto; height:100%;}
.modal .modal_tit {padding:40px; padding-bottom:0; background:#f4f8fb; color:#4c5358;}
.modal .modal_tit .tit {margin:-6px 0; font-weight:700; font-size:30px; line-height:1.4em; color:#2a2e31;}
.modal .modal_tit .tit .eng {font-size:24px; font-family:'Montserrat'; letter-spacing:0; text-transform:uppercase;}
.modal .modal_sub {position:relative; padding:40px; padding-top:15px; background:#f4f8fb;}
.modal .modal_sub:before,
.modal .modal_sub:after {position:absolute; bottom:-3px; width:50%; height:3px; content:'';}
.modal .modal_sub:before {left:0; background:#0071bb;}
.modal .modal_sub:after {right:0; background:#00a66c;}
.modal .modal_sub .txt {font-size:14px; line-height:24px;}
.modal .modal_sub small {display:block; font-size:12px; line-height:20px;}
.modal .modal_sub dl {font-size:14px; line-height:24px;}
.modal .modal_sub dl dt {padding:16px 0 6px; font-weight:700; color:#2a2e31;}
.modal .modal_sub dl dd .check_form {padding:12px 0;}
.modal .modal_sub .warning {margin-top:16px; font-weight:700; color:#2a2e31;}
.modal .modal_view {padding:40px;}
.modal .modal_view .user_ctrl {text-align:center;}
.modal .modal_view .user_ctrl ul {display:inline-block; overflow:hidden; width:380px; margin:10px 0 0 -30px; padding:5px 0;}
.modal .modal_view .user_ctrl ul li {display:block; float:left; padding:0 15px; line-height:14px;}
.modal .modal_view .user_ctrl ul li:last-child {padding-right:0; border-left:1px solid #d6dce1;}
.modal .modal_view .user_ctrl ul li:first-child {border:0;}
.modal .modal_view .user_ctrl ul li a {display:block; font-weight:700; font-size:14px; color:#686f75;}
.modal .close {position:absolute; top:-60px; right:0; width:60px; height:60px; background:#2a2e31; text-indent:-9999px;}
.modal .close i {position:absolute; top:50%; left:50%; width:24px; height:24px; margin-top:-12px; margin-left:-12px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); transform-origin:center center;}
.modal .close i:before,
.modal .close i:after {position:absolute; top:50%; left:0; width:24px; height:2px; margin-top:-1px; background:#fff; content:'';}
.modal .close i:after {-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); transform-origin:center center;}

@media screen and (max-width:1024px) {
    .modal {top:0; left:0; width:100%; height:100%; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
	.admin-bar .modal {top:32px; height:calc(100% - 32px);}
	.modal .modal_tit {padding:30px;}
	.modal .modal_tit .tit {font-size:26px;}
	.modal .modal_tit .tit .eng {font-size:20px;}
	.modal .modal_cont {overflow-y:auto; height:calc(100vh - 85px); padding:30px;}
	.modal .scroll_wrap .modal_cont {overflow-y:visible; height:auto;}
	.modal .modal_sub {padding:0; background:none;}
	.modal .modal_sub:before,
	.modal .modal_sub:after {display:none;}
	.modal .modal_view {padding:0;}
	.modal .modal_view .user_ctrl {text-align:left;}
	.modal .modal_view .user_ctrl ul {margin-left:-15px;}
	.modal .close {top:0; width:30px; height:30px;}
	.modal .close i {width:12px; height:12px; margin-top:-6px; margin-left:-6px;}
	.modal .close i:before,
    .modal .close i:after {width:12px; height:1px;}
}
@media screen and (max-width:782px) {
    .admin-bar .modal {top:46px; height:calc(100% - 46px);}
}
@media screen and (max-width:599px) {
    .modal .modal_tit .tit {font-size:18px;}
    .modal .modal_tit .tit .eng {font-size:16px;}
}

/*=========================================================
7. 페이지별 스타일
=========================================================*/

.site-content-contain {margin-top:100px;}

@media screen and (max-width:1024px) {
    .site-content-contain {margin-top:50px;}
}

/*** 메인페이지 ***/

/* 공통 */
.index .max_container {max-width:1800px; padding:0;}
.index .wrapper {position:relative; z-index:6;}
.index .wrapper:after {display:block; clear:both; content:'';}
.index .wrapper .bg_wrap {position:absolute; top:0; left:0; width:28.8888888888%; height:100%;}
.index .wrapper .bg_wrap:before {position:absolute; top:0; left:-999%; width:999%; height:100%; content:'';}
.index .wrapper .bg_wrap .sub {position:absolute; top:30px; left:87%; width:auto; font-weight:700; font-size:24px; font-family:'Montserrat'; letter-spacing:1px; white-space:nowrap; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); transform-origin:left center; text-transform:uppercase;}
.index .wrapper .bg_wrap .sub br {display:none;}
.index .wrapper .bg_wrap .bottom {display:table; position:absolute; bottom:0; width:100%; height:100px; padding:0 30px 0 60px;}
.index .wrapper .bg_wrap .bottom p {display:table-cell; height:4.5em; font-size:18px; line-height:1.5em; vertical-align:middle;}
.index .wrapper .bg_wrap .add_on {position:absolute; bottom:0; width:100%; cursor:pointer;}
.index .wrapper .bg_wrap .add_on a {width:100%; height:150px; padding:55px 0; text-align:center;}
.index .wrapper .bg_wrap .add_on a p {display:inline-block; position:relative; padding-left:60px; font-weight:700; font-size:24px; line-height:40px; color:#fff; vertical-align:middle; -webkit-transition:color 0.5s; -moz-transition:color 0.5s; -ms-transition:color 0.5s; -o-transition:color 0.5s; transition:color 0.5s;}
.index .wrapper .bg_wrap .add_on a p i {position:absolute; top:0; left:0; width:40px; height:40px; border-radius:50%; background:#fff; -webkit-transition:background 0.5s; -moz-transition:background 0.5s; -ms-transition:background 0.5s; -o-transition:background 0.5s; transition:background 0.5s; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.index .wrapper .bg_wrap .add_on a p i .bar {position:absolute; left:50%; width:16px; height:2px; margin-left:-8px;}
.index .wrapper .bg_wrap .add_on a p i span:nth-child(1) {top:12px;}
.index .wrapper .bg_wrap .add_on a p i span:nth-child(2) {top:19px;}
.index .wrapper .bg_wrap .add_on a p i span:nth-child(3) {top:26px;}
.index .wrapper .sticky {padding:60px 0 0 60px;}
.index .wrapper .sticky .tit {font-weight:700; font-size:50px; line-height:1;}
.index .wrapper .sticky .tit span {display:block; margin-top:8px; line-height:1.2em;}
.index .wrapper .sticky .tit span br {display:none;}
.index .wrapper .sticky .tit.on {position:fixed; top:160px;} /* [D] Sticky 효과 적용 중 */
.index .wrapper .sticky .tit.end {position:absolute; top:auto; bottom:160px;} /* [D] Sticky 효과 적용 끝 */
.index .wrapper .cont_wrap {float:right; position:relative; width:71.1111111111%; min-height:320px; background:#fff;}
/* .index .wrapper .cont_wrap:after {content:""; position:absolute; top:0; right:-999%; width:999%; height:100%; background:#fff;} */
.home .site {overflow:hidden;}
.home .index .max_container {position:relative;}
.home .index .max_container:after {position:absolute; top:0; right:-2000px; z-index:6; width:2000px; height:100%; background:#fff; content:'';}

@media screen and (max-width:1600px) {
    .index .wrapper .sticky .tit {font-size:46px;}
	.index .wrapper .sticky .tit span br {display:block;}
	.index .wrapper .bg_wrap .sub {top:35px; font-size:22px;}
    .index .wrapper .bg_wrap .bottom p {font-size:17px;}
}
@media screen and (max-width:1366px) {
    .index .wrapper .sticky .tit {font-size:42px;}
	.index .wrapper .bg_wrap .sub {top:40px; font-size:20px;}
    .index .wrapper .bg_wrap .bottom p {font-size:16px;}
}
@media screen and (max-width:1024px) {
    .index .wrapper .sticky {padding:23px 30px;}
	.index .wrapper .sticky .tit {font-size:22px;}
	.index .wrapper .sticky .tit span {margin-top:3px;}
	.index .wrapper .bg_wrap,
	.index .wrapper .cont_wrap {overflow:hidden; float:none; position:static; width:100%; height:auto; min-height:auto;}
	.index .wrapper .bg_wrap .sub {top:55px; right:30px; left:auto; font-size:12px; line-height:18px; text-align:right; transform:none;}
	.index .wrapper .bg_wrap .bottom {display:none;}
	.index .wrapper .bg_wrap .add_on {position:static;}
	.index .wrapper .bg_wrap .add_on a {height:60px; padding:15px 0;}
	.index .wrapper .bg_wrap .add_on a p {padding-left:50px; font-size:14px; line-height:30px;}
	.index .wrapper .bg_wrap .add_on a p i {width:30px; height:30px;}
	.index .wrapper .bg_wrap .add_on a p i .bar {width:14px; margin-left:-7px;}
	.index .wrapper .bg_wrap .add_on a p i span:nth-child(1) {top:8px;}
	.index .wrapper .bg_wrap .add_on a p i span:nth-child(2) {top:14px;}
    .index .wrapper .bg_wrap .add_on a p i span:nth-child(3) {top:20px;}
}
@media screen and (max-width:320px) {
    .index .cont_04 .bg_wrap .sub {top:37px;}
    .index .cont_04 .bg_wrap .sub br {display:block;}
}

/* 00 슬라이드 */
.index .slider {overflow:hidden; width:100%; font-size:0;}
.index .slider .slide_wrap {position:relative; height:calc(100vh - 100px); min-height:540px;}
.admin-bar .index .slider .slide_wrap {height:calc(100vh - 132px);}
.index .slider .slide li {position:absolute !important; top:0; right:0; bottom:0; left:0; opacity:0;}
.index .slider .slide li.active {visibility:visible; z-index:1; opacity:1;}
.index .slider .slide li a {overflow:hidden; position:fixed; width:100%; height:100%; background-size:cover; /* background-attachment:fixed !important; */}
.index .slider .slide li a .txt_wrap {position:fixed; left:6.94%; /* top:100px; */ width:55%; padding-top:100px; color:#fff;}
.index .slider .slide li a .txt_wrap .tit_wrap {overflow:hidden; padding-bottom:10px;}
.index .slider .slide li a .txt_wrap .tit {height:2.96em; /* padding-left:4.5%; */ font-weight:700; font-size:120px; font-family:'Montserrat'; line-height:1em; letter-spacing:0.01em; text-shadow:-5px -5px 25px rgba(0,0,0,0.2);}
.index .slider .slide li a .txt_wrap .cmt {overflow:hidden; height:2.8em; margin-top:20px; font-weight:700; font-size:24px; line-height:1.4em; text-shadow:-1px -1px 3px rgba(0,0,0,0.2);}
.index .slider .slide_ctrl {position:fixed; top:550px; left:6.94%; z-index:2; padding-top:100px;}
.admin-bar .index .slider .slide_ctrl {top:582px;}
.index .slider .slide_ctrl li {float:left; margin-right:40px; line-height:10px;}
.index .slider .slide_ctrl li:last-child {margin:0;}
.index .slider .slide_ctrl li a {position:relative; width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,0.7); font-size:0; font-family:'Montserrat'; vertical-align:middle; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.index .slider .slide_ctrl li.active a {width:64px; background:none; font-weight:700; font-size:14px; color:#fff; letter-spacing:0; text-align:right;}
.index .slider .slide_ctrl li.active a:before {display:block; position:absolute; top:50%; left:0; width:30px; height:1px; background:#fff; content:'';}
.index .slider .scroll {position:absolute; bottom:60px; left:50%; z-index:2; width:70px; height:70px; margin-left:-35px; text-align:center;}
.index .slider .scroll .scroll_btn {font-weight:700; font-size:18px; font-family:'Montserrat'; color:#fff; letter-spacing:0.05em;}
.index .slider .scroll .scroll_btn:before,
.index .slider .scroll .scroll_btn:after {position:absolute; bottom:0; left:50%; width:48px; height:30px; margin-left:-24px; background-image:url(../image/sprite/sprite.png); background-position:-5px -297px; background-size:500px 500px; content:'';}
.index .slider .scroll .scroll_btn:hover:after {animation:scroll_hover 0.2s infinite; -webkit-animation:scroll_hover 0.2s infinite;}
@keyframes scroll_hover {
    from {bottom:0; opacity:1;}
    to {bottom:-5px; opacity:0.25;}
}
.index .slider .banner_wrap {position:absolute; bottom:0; left:50%; z-index:3; width:100%; max-width:1400px; height:0; margin:0 auto; padding-bottom:10%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; transition-timing-function:cubic-bezier(0.50,-0.50,0.50,1.50);}
.index .slider .banner_wrap.on {visibility:hidden; bottom:-180px; z-index:-1; opacity:0;}
.index .slider .banner_wrap .banner {overflow:hidden; position:relative; text-align:center;}
.index .slider .banner_wrap .banner .link {position:absolute; top:0; right:0; width:140px; height:140px; background:rgba(0,0,0,0.2); -webkit-transition:background 0.5s; -moz-transition:background 0.5s; -ms-transition:background 0.5s; -o-transition:background 0.5s; transition:background 0.5s;}
.index .slider .banner_wrap .banner a:hover .link {background:rgba(0,0,0,0.5);}
/* .index .slider .banner_wrap .banner .link:after {content:""; display:block; position:absolute; left:50%; top:50%; width:45px; height:8px; background-image:url(../image/sprite/sprite.png); background-size:500px 500px; background-position:-5px -67px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}  */
.index .slider .banner_wrap .ctrl {position:absolute; top:-40px; right:0; min-width:210px; font-size:0; text-align:right;}
.index .slider .banner_wrap .ctrl .check_form,
.index .slider .banner_wrap .ctrl .check_form ul {display:inline;}
.index .slider .banner_wrap .ctrl .check_form label {margin-right:10px; padding-left:27px; font-weight:700; font-size:14px; line-height:40px; color:#fff;}
.index .slider .banner_wrap .ctrl .check_form label:before {top:11px; bottom:11px; left:1px; width:16px; height:16px; border:1px solid #fff; background:none; content:'';}
.index .slider .banner_wrap .ctrl .check_form label:after {top:13px; left:2px; width:15px; background-position:-21px -4px; background-size:400px 400px;}
.index .slider .banner_wrap .ctrl button {position:relative; width:40px; height:40px; background:#2a2e31;}
.index .slider .banner_wrap .ctrl button:after {position:absolute; top:50%; left:50%; width:14px; height:14px; background-image:url(../image/sprite/sprite.png); background-position:-5px -96px; background-size:500px 500px; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); content:'';}
.index .slider .banner_wrap .banner img {width:100%;}

@media screen and (max-width:1800px) {
    .index .slider .slide li a .txt_wrap .tit {font-size:110px;}
	.index .slider .slide li a .txt_wrap .cmt {font-size:22px;}
    .index .slider .slide_ctrl {/* bottom:35%; */ top:550px;}
}
@media screen and (max-width:1600px) {
    .index .slider .slide li a .txt_wrap .tit {height:2.95em; font-size:90px;}
	.index .slider .slide li a .txt_wrap .cmt {font-size:20px;}
    .index .slider .slide_ctrl {bottom:30%; padding:0;}
}
@media screen and (max-width:1400px) {
    .index .slider .banner_wrap .banner .link {width:10%; height:0; padding-bottom:10%;}
}
@media screen and (max-width:1366px) {
    .index .slider .slide li a .txt_wrap .tit {height:2.9em; font-size:70px;}
	.index .slider .slide li a .txt_wrap .cmt {font-size:18px;}
    .index .slider .slide_ctrl {bottom:25%;}
}
@media screen and (min-width:1400px) {
    .index .slider .banner_wrap {height:140px; padding:0;}
}
@media screen and (max-width:1024px) {
    .index .slider .slide_wrap,
	.admin-bar .index .slider .slide_wrap {height:417px; min-height:0;}
	.index .slider .slide li a {position:absolute; padding:0; background-attachment:scroll !important; -webkit-transform:none !important; -moz-transform:none !important; -ms-transform:none !important; -o-transform:none !important; transform:none !important;}
	.index .slider .slide li a .txt_wrap {position:absolute; top:40px; width:85%; padding:0;}
	.index .slider .slide li a .txt_wrap .tit {font-size:60px;}
	.index .slider .slide li a .txt_wrap .cmt {font-size:16px;}
	.index .slider .slide_ctrl {position:absolute; top:300px;}
	.admin-bar .index .slider .slide_ctrl {top:300px;}
	.index .slider .banner_wrap {width:320px; height:95px; padding:0;}
	.admin-bar .index .slider .banner_wrap {bottom:0;}
	.index .slider .banner_wrap .banner .mobile {width:320px; height:95px;}
	.index .slider .banner_wrap .ctrl {top:-30px; min-width:auto; margin-left:130px;}
	.index .slider .banner_wrap .ctrl button {width:30px; height:30px;}
    .index .slider .banner_wrap .ctrl button:after {width:12px; height:12px;}
}
@media screen and (max-width:599px) {
    .index .slider .slide li a {background-position:center bottom; background-size:782px 417px;}
	.index .slider .slide li a .txt_wrap .tit {font-size:50px;}
	.index .slider .slide li a .txt_wrap .cmt {font-size:14px; line-height:22px;}
	.index .slider .slide_ctrl {top:270px;}
	.index .slider .slide_ctrl li {margin-right:20px; line-height:8px;}
	.index .slider .slide_ctrl li a {width:8px; height:8px;}
	.index .slider .slide_ctrl li.on a {width:46px;}
    .index .slider .slide_ctrl li.on a:before {width:20px; height:1px;}
}
@media screen and (device-aspect-ratio:21/9) {
    .index .slider .slide_ctrl {bottom:30%;}
}
@media screen and (device-aspect-ratio:32/9) {
    .index .slider .slide_ctrl {bottom:25%;}
}

/* 01 소개 */
.index .wrapper .product .item_box {float:left; position:relative; width:33.33333%; height:0; padding-bottom:26.62%;}
.index .wrapper .product .item_box:nth-child(4):before {display:block; clear:both; content:'';}
/* .index .wrapper .product .item_box.grey {background:#f4f8fb;}  */
.index .wrapper .product .item_box.x2 {overflow:hidden; width:66.66666%; padding-bottom:53.24%; /* background:#dfeaf2; */}
.index .wrapper .product .item_box.x2 span.tit {position:absolute; top:50px; left:50px; z-index:3; font-weight:700; font-size:30px; line-height:1; color:#0071bb;}
.index .wrapper .product .item_box.x2 .sub {position:absolute; top:20%; width:100%; font-weight:700; font-size:5.55vw; line-height:1.0em; color:rgba(204,215,223,0.5); text-align:center; text-align:center; -webkit-transform:scaleX(1.1); -moz-transform:scaleX(1.1); -ms-transform:scaleX(1.1); -o-transform:scaleX(1.1); transform:scaleX(1.1); text-transform:uppercase;}
.index .wrapper .product .item_box.x2 img {-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.index .wrapper .product .item_box.x2:hover img {-webkit-transform:translate(-50%,-50%) scale(1.05) rotate(2deg); -moz-transform:translate(-50%,-50%) scale(1.05) rotate(2deg); -ms-transform:translate(-50%,-50%) scale(1.05) rotate(2deg); -o-transform:translate(-50%,-50%) scale(1.05) rotate(2deg); transform:translate(-50%,-50%) scale(1.05) rotate(2deg);}
.index .wrapper .product .item_box img {position:absolute; top:50%; left:50%; max-width:100%; height:auto; max-height:100%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.index .wrapper .product .item_box .desc_wrap {visibility:hidden; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(19,114,185,0.92); color:#fff; text-align:center; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; opacity:0;}
.index .wrapper .product .item_box:hover .desc_wrap {visibility:visible; opacity:1;}
.index .wrapper .product .item_box .desc {display:block; position:absolute; top:50%; right:60px; left:60px; text-align:center; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.index .wrapper .product .item_box .desc .cate {display:inline-block; overflow:hidden; min-width:90px; max-width:100%; padding:0 27px; border-top:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3); font-weight:700; font-size:14px; line-height:35px; text-overflow:ellipsis; white-space:nowrap;}
.index .wrapper .product .item_box .desc .tit {overflow:hidden; width:100%; font-weight:700; font-size:24px; line-height:2.5em; text-overflow:ellipsis; white-space:nowrap;}
.index .wrapper .product .item_box .desc .txt {overflow:hidden; height:5.4em; font-size:14px; line-height:1.8em;}
.index .wrapper .product .item_box .desc .ctrl {display:inline-block; overflow:hidden; margin-top:29px;}
.index .wrapper .product .item_box .desc .ctrl li {float:left; position:relative; padding:0 20px; font-weight:700; font-size:14px; line-height:16px;}
.index .wrapper .product .item_box .desc .ctrl li:before {position:absolute; background-image:url(../image/sprite/sprite.png); background-size:500px 500px; content:'';}
.index .wrapper .product .item_box .desc .ctrl .more:before {top:0; left:20px; width:16px; height:16px; background-position:-5px -355px;}
.index .wrapper .product .item_box .desc .ctrl .cf:before {top:2px; left:18px; width:18px; height:13px; background-position:-26px -355px;}
.index .wrapper .product .item_box .desc .ctrl li:after {position:absolute; top:50%; right:0; height:14px; margin-top:-7px; border-right:1px solid rgba(255,255,255,0.2); content:'';}
.index .wrapper .product .item_box .desc .ctrl li:last-child:after {display:none;}
.index .wrapper .product .item_box .desc .ctrl li a {padding-left:25px; color:#fff;}
.index .wrapper .product .item_box .desc .ctrl li a:hover {text-decoration:underline;}
.index .wrapper .product .row:after {display:block; clear:both; content:'';}
.index .wrapper .product .about {position:relative; width:100%; height:0; padding-bottom:26.62%; background:url(../image/bg/bg_main_about.jpg) no-repeat; background-size:cover; background-attachment:fixed; /*animation:background_rotation 30s ease-in-out infinite; -webkit-animation:background_rotation 30s ease-in-out infinite;*/}
@keyframes background_rotation {
    0% {background-position-x:left;}
	50% {background-position-x:right;}
    100% {background-position-x:left;}
}
.index .wrapper .product .about .text,
.index .wrapper .product .about ul {position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.index .wrapper .product .about .text {left:80px; padding-bottom:63px; font-weight:700; font-size:30px; line-height:1.3em; color:#fff;}
.index .wrapper .product .about .text em {color:#569bcf;}
.index .wrapper .product .about .text:after {position:absolute; bottom:25px; left:0; width:100px; height:4px; background:rgba(255,255,255,0.2); content:'';}
.index .wrapper .product .about ul {right:80px; margin-right:-60px;}
.index .wrapper .product .about ul li {float:left; position:relative; width:350px; height:180px; line-height:1.5; color:rgba(255,255,255,0.6); text-align:center;}
.index .wrapper .product .about ul li:last-child:before {width:70px; margin-left:-35px; background-position:-78px -425px;}
.index .wrapper .product .about ul li:after {position:absolute; top:50%; right:0; width:1px; height:176px; margin-top:-88px; background:rgba(255,255,255,0.2); content:'';;}
.index .wrapper .product .about ul li:last-child:after {display:none;}
.index .wrapper .product .about ul li a {display:block; padding:115px 0 0; text-align:center;}
.index .wrapper .product .about ul li a:before {position:absolute; top:10px; left:50%; width:68px; height:70px; margin-left:-34px; background-image:url(../image/sprite/sprite.png); background-position:-5px -425px; background-size:500px 500px; content:'';}
.index .wrapper .product .about ul li a:hover:before {background-position:-189px -355px;}
.index .wrapper .product .about ul li:last-child a:before {width:70px; background-position:-78px -425px;}
.index .wrapper .product .about ul li:last-child a:hover:before {background-position:-262px -355px;}
.index .wrapper .product .about ul li span {display:block; padding-bottom:7px; font-weight:700; font-size:30px; color:#fff;}
.index .wrapper .product .about ul li a:hover span {color:#00a66c;}
.index .wrapper.cont_01 .bg_wrap {background:#0071bb;}
.index .wrapper.cont_01 .bg_wrap:before {background:#0071bb;}
.index .wrapper.cont_01 .bg_wrap .sub {color:rgba(255,255,255,0.2);}
.index .wrapper.cont_01 .bg_wrap .bottom p {border-top:1px solid #94c6e6; color:#94c6e6;}
.index .wrapper.cont_01 .sticky .tit em {color:#94c6e6;}
.index .wrapper.cont_01 .sticky .tit span {color:#fff;}

@media screen and (min-width:1921px) {
    .index .wrapper .product .item_box.x2 .sub {font-size:100px;}
}
@media screen and (max-width:1600px) {
    .index .wrapper .product .item_box .desc {right:40px; left:40px;}
	.index .wrapper .product .item_box .desc .tit {line-height:2.2em;}
	.index .wrapper .product .about ul li {width:300px; padding-right:40px; padding-left:40px;}
    .index .wrapper .product .about .text {left:60px;}
}
@media screen and (max-width:1366px) {
    .index .wrapper .product .item_box .desc {right:20px; left:20px;}
	.index .wrapper .product .item_box .desc .tit {line-height:2em;}
	.index .wrapper .product .item_box .desc .ctrl {margin-top:10px;}
	.index .wrapper .product .about ul li {width:250px; padding-right:25px; padding-left:25px;}
	.index .wrapper .product .about ul li span {font-size:28px;}
    .index .wrapper .product .about .text {left:40px; font-size:28px;}
}
@media screen and (max-width:1280px) {
    .index .wrapper .product .item_box .desc .txt {height:3em; line-height:1.5em;}
	.index .wrapper .product .item_box .desc .ctrl li {padding:0 10px;}
	.index .wrapper .product .item_box .desc .ctrl .more:before {left:10px;}
	.index .wrapper .product .item_box .desc .ctrl .cf:before {left:8px;}
	.index .wrapper .product .about .text {left:30px; font-size:26px;}
	.index .wrapper .product .about ul li {width:200px; padding-right:10px; padding-left:10px;}
    .index .wrapper .product .about ul li span {font-size:26px;}
}
@media screen and (max-width:1024px) {
    .index .wrapper .product .row {overflow:hidden;}
	.index .wrapper .product .row:after {display:none;}
	.index .wrapper .product .row:nth-of-type(2) {display:none;}
	.index .wrapper .product .item_box {width:50%; padding-bottom:42.1875%; border-right:1px solid #0071bb;}
	.index .wrapper .product .row .item_box:last-child {border:0;}
	.index .wrapper .product .item_box .desc_wrap {display:none;}
	.index .wrapper .product .item_box a.mobile {position:absolute; top:0; left:0; width:100%; height:100%;}
	.index .wrapper .product .item_box.x2 {width:100% !important; padding-bottom:84.375% !important; border:0; border-bottom:1px solid #0071bb;}
	.index .wrapper .product .item_box.x2:hover img {-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
	.index .wrapper .product .item_box.x2 span.tit {top:30px; left:30px; font-size:22px;}
	.index .wrapper .product .item_box.x2 .sub {font-size:80px;}
	/* .index .wrapper .product .about {display:none;}  */
	.index .wrapper .product .about {height:300px; padding:30px; background-attachment:scroll; background-size:cover;}
	.index .wrapper .product .about .text {position:static; padding:0; font-size:24px; text-align:center; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
	.index .wrapper .product .about .text:after {display:none;}
	.index .wrapper .product .about ul {overflow:hidden; position:static; max-width:500px; margin:30px auto 0; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
	.index .wrapper .product .about ul li {width:50%; height:140px; padding:0;}
	.index .wrapper .product .about ul li a {padding-top:95px;}
	.index .wrapper .product .about ul li span {font-size:24px;}
	/*.index .wrapper .product .about {float:left; height:270px; padding:30px; text-align:center; animation:none !important; -webkit-animation:none !important; background-position:center;}
    .index .wrapper .product .about .text {position:relative; left:auto; top:auto; line-height:26px; padding:0; font-size:18px; transform:none; text-align:center;}
    .index .wrapper .product .about .text:after {left:50%; bottom:-20px; margin-left:-50px;}
    .index .wrapper .product .about ul {display:inline-block; position:static; margin:50px auto 0; transform:none;}
    .index .wrapper .product .about ul li {height:120px; padding-top:91px;}
    .index .wrapper .product .about ul li:after {display:none;}
    .index .wrapper .product .about ul li span {font-size:18px;} */
	.index .wrapper.cont_01 .bg_wrap .add_on:hover p {color:#00a66c;}
	.index .wrapper.cont_01 .bg_wrap .add_on:hover i {background:#00a66c;}
	.index .wrapper.cont_01 .pro_more {background:url(../image/bg/bg_main_more.png) no-repeat; background-size:cover;}
	.index .wrapper.cont_01 .pro_more a {display:block; height:60px; padding:15px 0; text-align:center;}
	.index .wrapper.cont_01 .pro_more a p {display:inline-block; position:relative; padding-left:50px; font-weight:700; font-size:14px; line-height:30px; color:#fff; vertical-align:middle; -webkit-transition:color 0.5s; -moz-transition:color 0.5s; -ms-transition:color 0.5s; -o-transition:color 0.5s; transition:color 0.5s;}
	.index .wrapper.cont_01 .pro_more a p i {position:absolute; top:0; left:0; width:30px; height:30px; border-radius:50%; background:#fff; -webkit-transition:background 0.5s; -moz-transition:background 0.5s; -ms-transition:background 0.5s; -o-transition:background 0.5s; transition:background 0.5s; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
	.index .wrapper.cont_01 .pro_more a p i:before {position:absolute; top:50%; left:50%; width:16px; height:16px; margin-top:-8px; margin-left:-8px; background-image:url(../image/sprite/sprite.png); background-position:-112px -114px; background-size:500px 500px; content:'';}
	.index .wrapper.cont_01 .pro_more a:hover p {color:#0071bb;}
	.index .wrapper.cont_01 .pro_more a:hover p i {background:#0071bb;}
	.index .wrapper.cont_01 .video_link {position:relative; height:0; padding-top:53.75%; background-image:url(../image/bg/bg_main_cf.png); background-size:cover;}
    .index .wrapper.cont_01 .video_link .video_player {position:absolute; top:0; left:0; width:100%; height:100%;}
}
@media screen and (max-width:599px) {
    /* .index .wrapper .product .row:nth-child(2) {display:none;} */
	/* .index .wrapper .product .item_box.mo_grey {background:#f4f8fb;}  */
	.index .wrapper .product .item_box {width:100%; padding-bottom:84.375%; border:0;}
	.index .wrapper .product .row .item_box:last-child {display:none;}
	.index .wrapper .product .item_box.x2 .sub {top:60px; font-size:48px; line-height:1em;}
	.index .wrapper .product .item_box.x2 span.tit {font-size:20px;}
	.index .wrapper .product .item_box .desc .txt {height:4.5em;}
	.index .wrapper .product .item_box .desc .ctrl {margin-top:30px;}
	/* .index .wrapper .product .about .text {text-align:left;}
    .index .wrapper .product .about .text:after {left:0; bottom:-18px; width:50px; margin:0;}
    .index .wrapper .product .about ul {display:block;}
    .index .wrapper .product .about ul li {width:50%; padding-top:66px;}
    .index .wrapper .product .about ul li:before {width:44px; height:44px; margin-left:-22px; background-size:310px 310px; background-position:-2px -263px;}
    .index .wrapper .product .about ul li:last-child:before {margin-left:-22px; background-position:-48px -263px;}  */
	.index .wrapper .product .about {height:270px;}
	.index .wrapper .product .about .text,
	.index .wrapper .product .about ul li span {font-size:18px;}
    .index .wrapper .product .about ul li {height:130px;}
}

/* 02 제품검색 */
.index .wrapper .search {padding:80px;padding-bottom:128px; background:#edf7f4;}
.index .wrapper .search .search_form {margin-top:40px;}
.index .wrapper .search .radio_form.large input[type='radio'] + label:before {border:none;}
.index .wrapper .search .search_form .search_wrap input {border:2px solid #fff; -webkit-transition:border 0.5s; -moz-transition:border 0.5s; -ms-transition:border 0.5s; -o-transition:border 0.5s; transition:border 0.5s;}
.index .wrapper .search .search_form .search_wrap input:focus {border:2px solid #00a66c;}
.index .wrapper .search .search_form .search_wrap .hash_wrap {position:relative; margin-top:24px;}
.index .wrapper .search .search_form .search_wrap .hash_wrap span {position:absolute; top:0; left:0; width:90px; font-weight:700; font-size:14px; line-height:1.5; color:#2a2e31; letter-spacing:0;}
.index .wrapper .search .search_form .search_wrap .hash_wrap ul {padding-left:90px;}
.index .wrapper .search .search_form .search_wrap .hash_wrap ul:after {display:block; clear:both; content:'';}
.index .wrapper .search .search_form .search_wrap .hash_wrap ul li {float:left; margin-right:20px; line-height:1;}
.index .wrapper .search .search_form .search_wrap .hash_wrap ul li a {overflow:hidden; max-width:200px; background:none; font-size:14px; line-height:1.5; color:#686f75; text-overflow:ellipsis; white-space:nowrap;}
.index .wrapper .search .search_form .search_wrap .hash_wrap ul li a:hover {font-weight:700; color:#00a66c;}
.index .wrapper .search .search_form .search_wrap .hash_wrap ul li a:before {content:'#';}
.index .wrapper.cont_02 .bg_wrap {background:#fff;}
.index .wrapper.cont_02 .bg_wrap:before {background:#fff;}
.index .wrapper.cont_02 .bg_wrap .sub {color:rgba(104,111,117,0.4);}
.index .wrapper.cont_02 .bg_wrap .bottom p {border-top:1px solid #e1e6eb; color:#686f75;}
.index .wrapper.cont_02 .sticky .tit em {color:#2a2e31;}
.index .wrapper.cont_02 .sticky .tit span {color:#00a66c;}

@media screen and (max-width:1600px) {
    .index .wrapper .search {padding:60px;}
}
@media screen and (max-width:1366px) {
    .index .wrapper .search {padding:40px;}
}
@media screen and (max-width:1280px) {
    .index .wrapper .search {padding:30px;}
}
@media screen and (max-width:1024px) {
    .index .wrapper .search {min-height:230px;}
	.index .wrapper .search .search_form {max-width:100%; margin-top:20px;}
	.index .wrapper .search .search_form .search_wrap .hash_wrap ul li a {max-width:150px;}
	.index .wrapper .search .search_form .search_wrap .hash_wrap ul li a,
    .index .wrapper .search .search_form .search_wrap .hash_wrap span {line-height:28px;}
}

/* 03 소식 */
.index .wrapper .news {padding:80px; background:#fef9f6;}
.index .wrapper .news .news_slider {position:relative; height:0; padding-bottom:31.25%;}
.index .wrapper .news .news_slider .article li {visibility:hidden; position:absolute; top:0; right:0; bottom:0; left:0; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; opacity:0;}
.index .wrapper .news .news_slider .article li.on {visibility:visible; z-index:1; opacity:1;}
.index .wrapper .news .news_slider .slide_ctrl {overflow:hidden; position:absolute; right:40px; bottom:40px; z-index:2; font-size:0;}
.index .wrapper .news .news_slider .slide_ctrl li {float:left; margin-right:15px;}
.index .wrapper .news .news_slider .slide_ctrl li:last-child {margin:0;}
.index .wrapper .news .news_slider .slide_ctrl li a {width:8px; height:8px; border:1px solid #f99d6a; border-radius:50%; background:#fff; -webkit-transition:background 0.5s; -moz-transition:background 0.5s; -ms-transition:background 0.5s; -o-transition:background 0.5s; transition:background 0.5s; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.index .wrapper .news .news_slider .slide_ctrl li.on a {background:#f99d6a;}
.index .wrapper .news .article:after {display:block; clear:both; content:'';}
.index .wrapper .news .article li {font-size:0;}
.index .wrapper .news .article li a {width:100%;}
.index .wrapper .news .article li .cont {position:relative; width:50%; height:0; padding-top:31.25%; background:#fff;}
.index .wrapper .news .article li .thumb {overflow:hidden; float:left;}
.index .wrapper .news .article li .thumb img {position:absolute; top:50%; left:50%; width:100%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.index .wrapper .news .article li a:hover .thumb img {-webkit-transform:translate(-50%,-50%) scale(1.05); -moz-transform:translate(-50%,-50%) scale(1.05); -ms-transform:translate(-50%,-50%) scale(1.05); -o-transform:translate(-50%,-50%) scale(1.05); transform:translate(-50%,-50%) scale(1.05);}
.index .wrapper .news .article li .info {float:right;}
.index .wrapper .news .article li .info .wrap {position:absolute; top:50%; right:40px; left:40px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.index .wrapper .news .article li .info .cate {display:inline-block; min-width:80px; padding:0 10px; font-weight:700; font-size:14px; line-height:30px; color:#fff; text-align:center;}
.index .wrapper .news .article li .info .broadcast {background:#00a66c;}
.index .wrapper .news .article li .info .tit {overflow:hidden; height:2.8em; margin:14px 0 8px 0; font-weight:700; font-size:24px; line-height:1.4em; color:#2a2e31; -webkit-transition:color 0.5s; -moz-transition:color 0.5s; -ms-transition:color 0.5s; -o-transition:color 0.5s; transition:color 0.5s;}
.index .wrapper .news .article li .info .txt {overflow:hidden; height:6.8em; font-size:14px; line-height:1.7em; color:#4c5358;}
.index .wrapper .news .article li .info .date {display:block; position:relative; width:100%; margin-top:40px; font-size:14px; font-family:'Montserrat'; line-height:1; color:#686f75; letter-spacing:0;}
.index .wrapper .news .article li a:hover .tit {color:#0071bb;}
.index .wrapper .news .article.no_img {overflow:hidden;}
.index .wrapper .news .article.no_img li {float:left; width:50%;}
.index .wrapper .news .article.no_img li .cont {width:100%;}
.index .wrapper .news .article.no_img li .cont:after {display:block; position:absolute; bottom:0; width:calc(100% - 40px); height:1px; background:#dbdbc9; content:'';}
.index .wrapper .news .article.no_img li a:hover .cont:after {background:#0071bb;}
.index .wrapper .news .article.no_img li:first-child .cont:after {left:0;}
.index .wrapper .news .article.no_img li:last-child .cont:after {right:0;}
.index .wrapper .news .article.no_img li .info {padding-top:67.86%; background:none;}
.index .wrapper .news .article.no_img li .info .date:after {position:absolute; right:20px; bottom:0; width:31px; height:6px; background-image:url(../image/sprite/sprite.png); background-position:-5px -80px; background-size:500px 500px; -webkit-transition:right 0.2s; -moz-transition:right 0.2s; -ms-transition:right 0.2s; -o-transition:right 0.2s; transition:right 0.2s; content:'';}
.index .wrapper .news .article.no_img li a:hover .info .date:after {right:10px; background-position:-41px -80px;}
.index .wrapper .news .article.no_img li:first-child .info .wrap {left:0;}
.index .wrapper .news .article.no_img li:last-child .info .wrap {right:0;}
.index .wrapper .news .article.no_img li .info .txt {max-height:8.4em;}
.index .wrapper.cont_03 .bg_wrap {background:#f99d6a;}
.index .wrapper.cont_03 .bg_wrap:before {background:#f99d6a;}
.index .wrapper.cont_03 .bg_wrap .sub {color:rgba(255,255,255,0.8);}
.index .wrapper.cont_03 .bg_wrap .bottom {bottom:150px;}
.index .wrapper.cont_03 .bg_wrap .bottom p {border-top:1px solid #fff; color:#fff;}
.index .wrapper.cont_03 .bg_wrap .add_on:before {position:absolute; right:0; bottom:0; width:112%; height:100%; background:url(../image/bg/bg_main_news.png) no-repeat; background-size:cover; content:'';}
/* .index .wrapper.cont_03 .bg_wrap .add_on:hover:before {background:none;}  */
.index .wrapper.cont_03 .bg_wrap .add_on a p i .bar {background:#f99d6a;}
.index .wrapper.cont_03 .bg_wrap .add_on:hover p {color:#0071bb;}
.index .wrapper.cont_03 .bg_wrap .add_on:hover i {background:#0071bb;}
.index .wrapper.cont_03 .sticky .tit.end {bottom:310px;}
.index .wrapper.cont_03 .sticky .tit em {color:#d67d4c;}
.index .wrapper.cont_03 .sticky .tit span {color:#fff;}

@media screen and (min-width:1921px) {
    .index .wrapper.cont_03 .bg_wrap .add_on:before {width:300%;}
}
@media screen and (max-width:1800px) {
    .index .wrapper.cont_03 .bg_wrap .add_on {background:url(../image/bg/bg_main_news.png) no-repeat; background-size:cover;}
    .index .wrapper.cont_03 .bg_wrap .add_on:before {display:none;}
}
@media screen and (max-width:1600px) {
    .index .wrapper .news {padding:60px;}
    .index .wrapper .news .article li .info .tit {height:1.4em; font-size:22px;}
}
@media screen and (max-width:1366px) {
    .index .wrapper .news {padding:40px;}
	.index .wrapper .news .article li .info .txt {height:5.1em;}
    .index .wrapper .news .article.no_img li .info .txt {height:6.8em;}
}
@media screen and (max-width:1280px) {
    .index .wrapper .news {padding:30px;}
	.index .wrapper .news .article li .info .txt {height:3.4em;}
    .index .wrapper .news .article.no_img li .info .txt {height:5.1em;}
}
@media screen and (max-width:1024px) {
    .index .wrapper .news .article li .cont {background:none;}
	.index .wrapper .news .article li .info .txt,
	.index .wrapper .news .news_slider .article li:nth-child(2),
	.index .wrapper .news .news_slider .article li:nth-child(3),
	.index .wrapper .news .news_slider .slide_ctrl {display:none;}
	.index .wrapper .news .article.no_img {margin-top:30px;}
	.index .wrapper .news .article.no_img li .cont:after {display:none;}
	.index .wrapper .news .article.no_img li .info {padding-top:180px;}
	.index .wrapper .news .article.no_img li .info .date:after {bottom:5px;}
	.index .wrapper .news .article li .info .wrap {right:0; left:30px; height:100%;}
	.index .wrapper .news .article li .info .tit {height:4.15em;}
    .index .wrapper .news .article li .info .date {position:absolute; bottom:0; left:0;}
}
@media screen and (max-width:599px) {
    .index .wrapper .news .news_slider {height:auto; padding:0;}
	.index .wrapper .news .news_slider .article li.on {position:static;}
	.index .wrapper .news .article li .cont {float:none; width:100%; height:auto; padding:0;}
	.index .wrapper .news .article li .thumb img {position:static; -webkit-transform:none !important; -moz-transform:none !important; -ms-transform:none !important; -o-transform:none !important; transform:none !important;}
	.index .wrapper .news .article li .info .wrap {position:static; margin-top:20px; padding-bottom:20px; border-bottom:1px solid #d6dce1; transform:none;}
	.index .wrapper .news .article li .info .tit {height:56px; margin-bottom:13px; font-size:18px; line-height:28px;}
	.index .wrapper .news .article li .info .date {position:relative; margin-top:0; font-size:12px;}
	.index .wrapper .news .article.no_img {margin-top:0;}
	.index .wrapper .news .article.no_img li {width:100%;}
	.index .wrapper .news .article.no_img li:not(:first-child) {display:none;}
	.index .wrapper .news .article.no_img li .info {padding-top:0;}
    .index .wrapper .news .article.no_img li .info .date:after {right:0;}
}

/* 04 사회공헌 */
.index .wrapper .social {padding:80px; background:url(../image/bg/bg_main_social.jpg) no-repeat; background-position:center; background-size:cover; background-attachment:fixed;}
.index .wrapper .social .main_tit {position:relative; margin-top:20px; font-weight:700; font-size:40px; line-height:1.375em; color:#fff;}
.index .wrapper .social .main_tit:after {display:block; position:absolute; right:0; bottom:8px; width:130px; height:6px; background:#fff; content:'';}
.index .wrapper .social .social_list {margin-top:50px;}
.index .wrapper .social .social_list:after {display:block; clear:both; content:'';}
.index .wrapper .social .social_list li {float:left; position:relative; width:50%; height:0; padding-top:33.04%;}
.index .wrapper .social .social_list li a {position:absolute; top:0; width:100%; height:100%; background-repeat:no-repeat; background-size:103%; background-position:center; transition:background-size 0.5s; -webkit-transition:background-size 0.5s; -moz-transition:background-size 0.5s; -ms-transition:background-size 0.5s; -o-transition:background-size 0.5s; color:#fff;}
.index .wrapper .social .social_list li .link {position:absolute; width:170px; height:170px; background:rgba(13,115,181,0.9); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.index .wrapper .social .social_list li .link .info {position:absolute; width:170px; height:170px; padding:20px; font-weight:700; font-size:24px; line-height:1.4em;}
.index .wrapper .social .social_list li .link .info:after {display:block; position:absolute; right:20px; bottom:26px; width:45px; height:8px; background-image:url(../image/sprite/sprite.png); background-position:-5px -67px; background-size:500px 500px; content:''; opacity:0.5;}
.index .wrapper .social .social_list li .link small {display:block; visibility:hidden; overflow:hidden; height:5.1em; padding:0 10px; font-size:14px; line-height:1.7em; text-align:center; -webkit-transition:opacity 0.2s; -moz-transition:opacity 0.2s; -ms-transition:opacity 0.2s; -o-transition:opacity 0.2s; transition:opacity 0.2s; opacity:0;}
.index .wrapper .social .social_list li p {visibility:visible; position:absolute; bottom:24px; left:20px; font-weight:700; font-size:16px; line-height:1.625em; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; opacity:1;}
.index .wrapper .social .social_list li a:hover {background-size:100%;}
.index .wrapper .social .social_list li a:hover .link {width:100%; height:100%;}
.index .wrapper .social .social_list li a:hover .link .info {position:static; width:100%; height:auto; margin:15% 0 15px 0; text-align:center;}
.index .wrapper .social .social_list li a:hover .link .info:after {top:auto; bottom:25%; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); opacity:1;}
.index .wrapper .social .social_list li a:hover .link .info br {display:none !important;}
.index .wrapper .social .social_list li a:hover .link small {visibility:visible; -webkit-transition:all 0s; -moz-transition:all 0s; -ms-transition:all 0s; -o-transition:all 0s; transition:all 0s; transition-delay:0.15s; opacity:1;}
.index .wrapper .social .social_list li a:hover p {visibility:hidden; opacity:0;}
.index .wrapper .social .social_list li:nth-child(even) p {right:20px; text-align:right;}
.index .wrapper .social .social_list li:nth-child(1) a {background-image:url(../image/bg/bg_main_social_01.png);}
.index .wrapper .social .social_list li:nth-child(2) a {background-image:url(../image/bg/bg_main_social_02.png);}
.index .wrapper .social .social_list li:nth-child(3) a {background-image:url(../image/bg/bg_main_social_03.png);}
.index .wrapper .social .social_list li:nth-child(4) a {background-image:url(../image/bg/bg_main_social_04.png);}
.index .wrapper .social .social_list li:nth-child(1) .link,
.index .wrapper .social .social_list li:nth-child(1) .link .info {right:0; bottom:0;}
.index .wrapper .social .social_list li:nth-child(2) .link,
.index .wrapper .social .social_list li:nth-child(2) .link .info {bottom:0; left:0;}
.index .wrapper .social .social_list li:nth-child(3) .link,
.index .wrapper .social .social_list li:nth-child(3) .link .info {top:0; right:0; ;}
.index .wrapper .social .social_list li:nth-child(4) .link,
.index .wrapper .social .social_list li:nth-child(4) .link .info {top:0; left:0;}
.index .wrapper .social .social_list li:nth-child(2) .link {background:rgba(11,161,108,0.9);}
.index .wrapper .social .social_list li:nth-child(3) .link {background:rgba(11,161,108,0.9);}
.index .wrapper .social .social_list li:nth-child(even) .link span {left:0;}
.index .wrapper .social .video_cont {overflow:hidden; margin-top:60px;}
.index .wrapper .social .video_cont > a {width:100%;}
.index .wrapper .social .video_cont .cont {float:right; position:relative; width:50%; height:0; padding-top:29.46%;}
.index .wrapper .social .video_cont .info .wrap {position:absolute; top:50%; left:0; width:100%; padding-right:90px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.index .wrapper .social .video_cont .info .tit p {font-weight:700; font-size:30px; line-height:1.26em; color:#fff;}
.index .wrapper .social .video_cont .info small {display:block; position:relative; padding:0.3em 0; font-weight:700; font-size:18px; font-family:'Montserrat'; line-height:1.5em; color:#748e82;}
.index .wrapper .social .video_cont .info .txt {overflow:hidden; position:relative; margin-top:10px; padding-top:17px; padding-bottom:50px; border-top:2px solid rgba(255,255,255,0.2); font-weight:700; font-size:16px; line-height:1.7em; color:rgba(255,255,255,0.4); letter-spacing:-0.07em;}
.index .wrapper .social .video_cont .info .txt:after {position:absolute; bottom:1px; left:0; width:31px; height:6px; background-image:url(../image/sprite/sprite.png); background-position:-77px -80px; background-size:500px 500px; content:'';}
.index .wrapper .social .video_cont .video .video_wrap {position:absolute; top:0; width:100%; height:100%; background:url(../image/bg/bg_main_video.png) no-repeat center; background-size:100%;}
.index .wrapper.cont_04 .bg_wrap {background:#00a66c;}
.index .wrapper.cont_04 .bg_wrap:before {background:#00a66c;}
.index .wrapper.cont_04 .bg_wrap .sub {color:rgba(255,255,255,0.4);}
.index .wrapper.cont_04 .bg_wrap .bottom p {border-top:1px solid #33b889; color:#86dabd;}
.index .wrapper.cont_04 .sticky .tit em {color:#86dabd;}
.index .wrapper.cont_04 .sticky .tit span {color:#fff;}

@media screen and (max-width:1800px) {
    .index .wrapper .social .social_list li a:hover .link .info {margin-bottom:0;}
}
@media screen and (max-width:1600px) {
    .index .wrapper .social {padding:60px;}
	.index .wrapper .social .main_tit {font-size:38px;}
	.index .wrapper .social .social_list li a:hover .link .info {margin-top:12%;}
	.index .wrapper .social .social_list li:nth-child(1) p,
	.index .wrapper .social .social_list li:nth-child(2) p {top:24px;}
	.index .wrapper .social .video_cont .info .wrap {padding-right:30px;}
	.index .wrapper .social .video_cont .info small {padding:0; font-size:16px;}
    .index .wrapper .social .video_cont .info .txt {margin-top:7px; padding-top:7px; padding-bottom:20px; font-size:14px;}
}
@media screen and (max-width:1366px) {
    .index .wrapper .social {padding:40px;}
	.index .wrapper .social .main_tit {font-size:36px;}
	.index .wrapper .social .social_list li a:hover .link .info {margin-top:9%;}
	.index .wrapper .social .video_cont .info .txt {padding-bottom:0;}
    .index .wrapper .social .video_cont .info .txt:after {display:none;}
}
@media screen and (max-width:1280px) {
    .index .wrapper .social {padding:30px;}
	.index .wrapper .social .main_tit {font-size:34px;}
	.index .wrapper .social .social_list li a:hover .link .info:after {bottom:15%;}
	.index .wrapper .social .social_list li .link,
	.index .wrapper .social .social_list li .link .info {height:100px;}
	.index .wrapper .social .social_list li:nth-child(3) .link .info:after,
	.index .wrapper .social .social_list li:nth-child(4) .link .info:after {top:26px; bottom:auto;}
	.index .wrapper .social .video_cont .info .tit {margin-top:0; font-size:24px;}
    .index .wrapper .social .video_cont .info .tit p {font-size:26px;}
}
@media screen and (max-width:1024px) {
    .index .wrapper .social {background-attachment:scroll; background-size:cover;}
    .index .wrapper .social .social_list li .link .info {font-size:20px;}
	.index .wrapper .social .main_tit {margin-top:0; font-size:28px;}
	.index .wrapper .social .main_tit:after {right:auto; bottom:-20px; left:0;}
	.index .wrapper .social .social_list li .link,
	.index .wrapper .social .social_list li .link .info {width:100%; height:65px;}
	.index .wrapper .social .social_list li a:hover .link {height:65px;}
	.index .wrapper .social .social_list li a:hover .link .info {margin:0; padding:20px; text-align:left;}
	.index .wrapper .social .social_list li a:hover .link .info:after {right:20px; bottom:26px; left:auto; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; opacity:0.5;}
	.index .wrapper .social .social_list li p {top:auto !important; bottom:24px; font-size:14px;}
	.index .wrapper .social .social_list li a:hover p {visibility:visible; opacity:1;}
	.index .wrapper .social .social_list li .link .info br {display:none;}
	.index .wrapper .social .social_list li .link small {display:none;}
	.index .wrapper .social .social_list li:nth-child(1) .link,
	.index .wrapper .social .social_list li:nth-child(1) .link .info,
	.index .wrapper .social .social_list li:nth-child(2) .link,
	.index .wrapper .social .social_list li:nth-child(2) .link .info {top:0; bottom:auto;}
	.index .wrapper .social .social_list li:nth-child(3) .link .info:after,
	.index .wrapper .social .social_list li:nth-child(4) .link .info:after {top:auto; bottom:26px;}
	.index .wrapper .social .video_cont {margin-top:30px;}
	.index .wrapper .social .video_cont .cont {float:none; width:100%; height:auto; padding:0;}
	.index .wrapper .social .video_cont .info .wrap {position:static; padding:0; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
	.index .wrapper .social .video_cont .info .tit p {margin-top:25px; font-size:18px;}
	.index .wrapper .social .video_cont .info small {margin-top:5px; font-size:14px;}
	.index .wrapper .social .video_cont .info .txt {margin-top:10px; padding:0; padding-top:10px; font-size:12px;}
	.index .wrapper .social .video_cont .info .txt:after {display:none;}
    .index .wrapper .social .video_cont .video {height:0; padding-top:53.85%;}
}
@media screen and (max-width:599px) {
    .index .wrapper .social .main_tit {font-size:18px; line-height:26px;}
	.index .wrapper .social .main_tit br {display:block !important;}
	.index .wrapper .social .main_tit:after {display:none;}
	.index .wrapper .social .social_list {margin-top:25px;}
	.index .wrapper .social .social_list li {float:none; width:100%; height:160px; padding:0;}
	.index .wrapper .social .social_list li p {top:auto !important; bottom:12px; left:15px; width:calc(50% - 20px); font-size:12px; line-height:18px;}
	.index .wrapper .social .social_list li:nth-child(even) p {left:auto;}
	.index .wrapper .social .social_list li .link,
	.index .wrapper .social .social_list li .link .info {top:auto !important; right:0 !important; bottom:0 !important; width:90px; height:90px; padding:5px 10px; font-size:14px; line-height:20px;}
	.index .wrapper .social .social_list li .link .info:after {right:10px; bottom:10% !important;}
	.index .wrapper .social .social_list li .link .info br {display:block !important;}
	.index .wrapper .social .social_list li .link small {font-size:12px;}
	/* .index .wrapper .social .social_list li a:hover .link {height:90px;} */
	.index .wrapper .social .social_list li a:hover .link {width:90px; height:90px;}
	.index .wrapper .social .social_list li a:hover .link .info {padding:0;}
	.index .wrapper .social .social_list li a:hover .link .info:after {right:10px;}
	.index .wrapper .social .social_list li a:hover .link .info br {display:block !important;}
	.index .wrapper .social .social_list li a:hover .link small {margin-top:5px; padding:0;}
    /* .index .wrapper .social .social_list li:nth-child(even) p {left:auto; right:15px; text-align:right;} */
}

/* 05 브랜드 */ /* 수정 2020.04.06 */
.index .wrapper .brand .brand_list {font-size:0;}
.index .wrapper .brand .brand_list li {display:inline-block; position:relative; width:50%; height:0; padding-top:15.625%;}
.index .wrapper .brand .brand_list li a {position:absolute; top:0; width:100%; height:100%; background-position:center center; background-size:cover;}
.index .wrapper .brand .brand_list li:nth-child(1) a {background-image:url(../image/bg/bg_brand_01_2020.png);}
.index .wrapper .brand .brand_list li:nth-child(2) a {background-image:url(../image/bg/bg_brand_02_2020.png);}
.index .wrapper .brand .brand_list li:nth-child(3) a {background-image:url(../image/bg/bg_brand_03_2020.png);}
.index .wrapper .brand .brand_list li:nth-child(4) a {background-image:url(../image/bg/bg_brand_04_2020.png);}
.index .wrapper .brand .brand_list li:nth-child(5) a {background-image:url(../image/bg/bg_brand_05_2020.png);}
.index .wrapper .brand .brand_list li:nth-child(6) a {background-image:url(../image/bg/bg_brand_06_2020.png);}
.index .wrapper .brand .brand_list li a img {position:absolute; bottom:0; left:0; width:100%; -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -ms-transition:opacity 0.5s; -o-transition:opacity 0.5s; transition:opacity 0.5s; opacity:0;}
.index .wrapper .brand .brand_list li a:hover img {opacity:1;}
.index .wrapper.cont_05 .bg_wrap {background:#70609d;}
.index .wrapper.cont_05 .bg_wrap:before {background:#70609d;}
.index .wrapper.cont_05 .bg_wrap .sub {color:rgba(255,255,255,0.3);}
.index .wrapper.cont_05 .bg_wrap .bottom p {border-top:1px solid #8d80b1; color:#bcb2d8;}
.index .wrapper.cont_05 .sticky .tit em {color:#504179;}
.index .wrapper.cont_05 .sticky .tit span {color:#fff;}

@media screen and (max-width:1024px) {
    .index .wrapper .sticky .tit span br {display:none;}
	.index .wrapper .brand .brand_mobile {overflow:hidden; font-size:0;}
	.index .wrapper .brand .brand_mobile li {float:left; width:50%; height:70px; background:#fff;}
	.index .wrapper .brand .brand_mobile li a {display:block; text-align:center;}
    .index .wrapper .brand .brand_mobile li img {height:70px;}
}
@media screen and (max-width:599px) {
    .index .wrapper .brand .brand_list li {width:100%; padding-top:31.25%;}
}
@media screen and (max-width:567px) {
    /* .index .wrapper .brand .brand_list li {overflow-x:hidden; overflow-y:visible; height:70px;}
    .index .wrapper .brand .brand_list li a img {left:calc(50% - 106px); width:231px; height:74px; max-width:999%;} */
}

/* 06 패럴렉스 엘레베이터 */
/* .index .elevator {position:fixed; left:145%; top:15%; width:100%;}
.index .elevator ul {overflow:hidden; transform:translate(-50%,-50%) rotate(90deg); transform-origin:left top; letter-spacing:0; -webkit-transform:translate(-50%,-50%) rotate(90deg); -moz-transform:translate(-50%,-50%) rotate(90deg); -ms-transform:translate(-50%,-50%) rotate(90deg); -o-transform:translate(-50%,-50%) rotate(90deg);}
.index .elevator ul li {float:left; margin-right:40px;}
.index .elevator ul li:last-child {margin:0;}
.index .elevator ul li a {font-family:'Montserrat'; font-size:18px; font-weight:700; color:rgba(255,255,255,0.3); text-transform:uppercase;} */

/*** 서브페이지 ***/

/* 배경이미지 */
.sub_wrap .sub_bg {position:absolute; top:0; z-index:-1; width:100%; height:280px; background-image:url(../image/default/default_subban.png); background-position:center center; background-size:cover;} /* default */
body.products .sub_wrap .sub_bg {background-image:url(../image/bg/bg_subban_products.png);} /* 제품 */
body.rd .sub_wrap .sub_bg {background-image:url(../image/bg/bg_subban_rd.png);} /* R&D */
body.ethic .sub_wrap .sub_bg {background-image:url(../image/bg/bg_subban_ethic.png);} /* 윤리경영 */
body.invest .sub_wrap .sub_bg {background-image:url(../image/bg/bg_subban_invest.png);} /* 투자 */
body.social-contribution .sub_wrap .sub_bg {background-image:url(../image/bg/bg_subban_social-contribution.png);} /* 사회공헌 */
body.customer .sub_wrap .sub_bg {background-image:url(../image/bg/bg_subban_customer.png);} /* 고객 */
body.recruit .sub_wrap .sub_bg {background-image:url(../image/bg/bg_subban_recruit.png);} /* 채용 */

/* 공통 */
.entry-header {max-width:1200px; height:120px; margin:0 auto; text-align:center;}
.entry-header h2 {display:inline-block; position:relative; margin-top:60px; padding:0 32px; font-weight:700; font-size:38px; line-height:60px; color:#fff; white-space:nowrap; text-shadow:-2px -2px 5px rgba(0,0,0,0.2);}
/* .entry-header h2:after {content:""; position:absolute; top:12px; right:0; width:12px; height:12px; background:#fff;}  */
.sub_wrap .max_container {max-width:1280px;}
.sub_wrap .sub_title {position:relative; height:160px; color:#fff; text-align:center;}
.sub_wrap .sub_title p.txt {overflow:hidden; height:4.2em; padding-top:5px; font-size:14px; line-height:1.4em; color:#fff;}
.sub_wrap .sub_title .breadcrumb {position:absolute; bottom:0; left:0; z-index:5; width:100%;}
.sub_wrap .sub_content {margin:80px 0 100px 0;}
.sub_wrap .sub_content .tit_line {margin:46px 0 26px 0; font-weight:700; font-size:24px; line-height:30px; color:#2a2e31;}
.sub_wrap .sub_content .tit_line .eng {font-size:24px; font-family:'Montserrat'; letter-spacing:0;}
.sub_wrap .sub_content .tit_line + .board_list {margin-top:0;}
.sub_wrap .sub_content .subtit_line {height:24px; margin:67px 0 17px 0; font-weight:700; font-size:18px; line-height:24px; color:#2a2e31;}
.sub_wrap .sub_content .subtit_line.top {margin-top:0;}
.sub_wrap .sub_content .subtit_line span {float:right; margin-left:20px; font-weight:400; font-size:14px; line-height:18px; color:#686f75;}
.sub_wrap .sub_content .txt + .txt {margin-top:6px;}
.sub_wrap .sub_content .txt a,
.sub_wrap .sub_content ul[class*='list_type'] li a {color:#0071bb; text-decoration:underline; text-indent:0;}

@media screen and (max-width:1024px) {
    .sub_wrap .sub_bg {height:220px;}
	.sub_wrap .sub_title {height:100px;}
	.sub_wrap .sub_content {margin:30px 0 50px 0;}
	.sub_wrap .sub_content .tit_line {margin:26px 0 11px 0; font-size:20px !important;}
	.sub_wrap .sub_content .tit_line .eng {font-size:22px;}
	.sub_wrap .sub_content .subtit_line {height:auto; margin:30px 0 5px 0; font-size:16px;}
    .sub_wrap .sub_content .subtit_line span {display:block; float:none; margin:0; margin-top:5px;}
}
@media screen and (max-width:599px) {
    .entry-header {height:70px;}
	.entry-header h2 {margin-top:30px; padding:0 15px; font-size:24px; line-height:40px;}
	.entry-header h2:after {top:8px; width:8px; height:8px;}
	.sub_wrap .sub_bg {height:150px;}
	.sub_wrap .sub_title {height:80px;}
	.sub_wrap .sub_content .tit_line {font-size:18px !important;}
    .sub_wrap .sub_content .tit_line .eng {font-size:20px;}
}

/* 빵가루 */
.breadcrumb a.home {float:left; position:relative; width:60px; height:60px; background:rgba(66,83,74,0.9); text-indent:-9999px;}
.breadcrumb a.home:after {position:absolute; top:50%; left:50%; width:23px; height:19px; background-image:url(../image/sprite/sprite.png); background-position:-5px -114px; background-size:500px 500px; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); content:'';}
.breadcrumb > ul {float:right; width:calc(100% - 60px); height:60px; background:rgba(1,151,97,0.9);}
.breadcrumb > ul:after {display:block; clear:both; content:'';}
.breadcrumb > ul > li {float:left; width:380px;}
.breadcrumb > ul > li.home a {display:block; height:100%; background:rgba(71,88,78,0.9);}
.breadcrumb > ul > li .select_form {background:none;}
.breadcrumb > ul > li button {padding:0 64px 0 30px; border:none; border-right:1px solid rgba(255,255,255,0.5); background:none; font-size:18px; line-height:60px; color:#fff;}
.breadcrumb > ul > li button:focus {border:none; border-right:1px solid rgba(255,255,255,0.5);}
.breadcrumb > ul > li button:after {right:30px; margin-top:-3px; border-width:6px; border-color:#fff transparent transparent transparent;}
.breadcrumb > ul > li button.on:after {margin-top:-9px; border-color:transparent transparent #fff transparent;}
.breadcrumb > ul > li:last-child button {border:none; background:#fff; color:#00a66c;}
.breadcrumb > ul > li:last-child button:after {border-color:#00a66c transparent transparent transparent;}
.breadcrumb > ul > li:last-child button.on:after {border-color:transparent transparent #00a66c transparent;}
.breadcrumb > ul > li .select_form ul {overflow-y:auto; width:100%; max-height:410px; padding:20px 30px; border:none; background:#e6f4ef; -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05); -moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05); box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);}
.breadcrumb > ul > li .select_form ul li a {display:block; position:relative; padding:5px 61px 5px 0; font-size:18px; line-height:1.5em; color:#2a2e31;}
.breadcrumb > ul > li .select_form ul li a:after {visibility:hidden; position:absolute; top:50%; right:10px; width:31px; height:6px; margin-top:-3px; background-image:url(../image/sprite/sprite.png); background-position:-113px -80px; background-size:500px 500px; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; content:''; opacity:0;}
.breadcrumb > ul > li .select_form ul li a:hover {font-weight:700; color:#00a66c;}
.breadcrumb > ul > li .select_form ul li a:hover:after {visibility:visible; right:0; opacity:1;}

@media screen and (max-width:1366px) {
    .breadcrumb > ul > li {width:33.3333333333%;}
}
@media screen and (max-width:1024px) {
    .breadcrumb {display:none;}
}

/* 탭메뉴 */
.tab_menu {display:table; width:100%; margin-bottom:50px; border-collapse:collapse; table-layout:fixed;}
.tab_menu ul {display:table-row; border-left:1px solid #d6dce1;}
.tab_menu ul li {display:table-cell; position:relative; border-right:1px solid #d6dce1; border-bottom:1px solid #d6dce1; vertical-align:middle; cursor:pointer;}
.tab_menu.type2 ul li {width:50%;}
.tab_menu.type3 ul li {width:33.33%;}
.tab_menu.type4 ul li {width:25%;}
.tab_menu.type5 ul li {width:20%;}
.tab_menu.type6 ul li {width:16.66%;}
.tab_menu ul li.active:before,
.tab_menu ul li:hover:before {display:block; position:absolute; top:-1px; left:0; width:100%; height:2px; background:#0071bb; content:'';}
.tab_menu.type2 ul li:nth-child(-n+2),
.tab_menu.type3 ul li:nth-child(-n+3),
.tab_menu.type4 ul li:nth-child(-n+4),
.tab_menu.type5 ul li:nth-child(-n+5),
.tab_menu.type6 ul li:nth-child(-n+6) {border-top:1px solid #d6dce1;}
.tab_menu ul li a {display:block; padding:18px 0; font-size:16px; line-height:24px; text-align:center;}
.tab_menu ul li.active a,
.tab_menu ul li:hover a {font-weight:700; color:#0071bb;}

@media screen and (max-width:1024px) {
    .tab_menu {display:block; margin-bottom:30px;}
	.tab_menu ul {display:block; overflow:hidden;}
	.tab_menu ul li {float:left; width:50% !important;}
	.tab_menu ul li a {padding:12px 0; font-size:14px;}
	.tab_menu.type2 ul li:nth-child(-n+2),
	.tab_menu.type3 ul li:nth-child(-n+3),
	.tab_menu.type4 ul li:nth-child(-n+4),
	.tab_menu.type5 ul li:nth-child(-n+5),
	.tab_menu.type6 ul li:nth-child(-n+6) {border-top:0;}
    .tab_menu ul li:nth-child(-n+2) {border-top:1px solid #d6dce1 !important;}
}
@media screen and (max-width:599px) {
    .tab_menu ul li {width:100% !important; height:40px;}
	.tab_menu ul li:nth-child(-n+2) {border-top:0 !important;}
    .tab_menu ul li:first-child {border-top:1px solid #d6dce1 !important;}
}

/* 회사소개, 사회공헌파트 배경 공통 */
.introduce .bg_wrap,
.social .bg_wrap {margin-top:-80px; padding-top:80px; background:#f4f8fb;}

@media screen and (max-width:1024px) {
    .introduce .bg_wrap,
    .social .bg_wrap {margin-top:-30px; padding-top:1px;}
}

/*** 기업 ***/

/* 인사말 */
.greeting .ceo_wrap {overflow:hidden; font-size:0;}
.greeting .ceo_wrap .cont {float:left; position:relative; width:50%; height:400px;}
.greeting .ceo_wrap .ceo {overflow:hidden;}
.greeting .ceo_wrap .ceo img {position:absolute; top:0; left:50%; max-width:600px; height:400px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
.greeting .ceo_wrap .info {position:relative; background:url(../image/bg/bg_greeting.png) right top; background-size:cover;}
.greeting .ceo_wrap .info .txt {position:absolute; bottom:0; left:0; padding:44px 50px; font-weight:700; font-size:30px; line-height:1.4em; color:#fff;}
.greeting .ceo_wrap .info .txt:before {position:absolute; top:0; left:50px; width:90px; height:6px; background:#fff; content:'';}
.greeting .ceo_wrap .info .txt em {color:#94c6e6;}
.greeting .ceo_text {margin-top:45px;}
.greeting .ceo_text .tit {margin-bottom:15px; font-weight:700; font-size:24px; line-height:34px; color:#2a2e31;}
.greeting .ceo_text .txt {margin-top:6px; font-size:14px; line-height:24px; color:#4c5358;}
.greeting .ceo_text .author {overflow:hidden; margin-top:35px;}
.greeting .ceo_text .author dl {overflow:hidden; float:right;}
.greeting .ceo_text .author dt,
.greeting .ceo_text .author dd {float:left; font-weight:700; line-height:30px; color:#2a2e31;}
.greeting .ceo_text .author dt {font-size:14px;}
.greeting .ceo_text .author dd {margin-left:20px; font-size:18px; font-family:'Nanum Myeongjo';}

@media screen and (max-width:1024px) {
    .greeting .ceo_wrap .info .txt {padding:30px; font-size:26px;}
	.greeting .ceo_wrap .info .txt:before {left:30px; width:60px;}
	.greeting .ceo_text {margin-top:0;}
	.greeting .ceo_text .tit {margin:25px 0 20px; font-size:22px; line-height:1.4em;}
    .greeting .ceo_text .author {margin-top:30px;}
}
@media screen and (max-width:599px) {
    .greeting .ceo_wrap .cont {float:none; width:100%; height:auto;}
	.greeting .ceo_wrap .ceo img {position:static; width:100%; max-width:100%; height:auto; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
	.greeting .ceo_text .tit {font-size:20px;}
	.greeting .ceo_wrap .info .txt {position:static; padding:15px 30px; background:#0071bb; font-size:18px;}
    .greeting .ceo_wrap .info .txt:before {display:none;}
}

/* 회사소개 */
.introduce .bg_wrap {padding-bottom:60px;}
.introduce .bg_wrap .txt {margin-bottom:15px; font-size:14px; line-height:24px; color:#4c5358;}
.introduce .info_wrap {overflow:hidden; margin-top:70px;}
.introduce .info_wrap .cont {float:left; width:50%;}
.introduce .info_wrap .img {padding-right:40px;}
.introduce .info_wrap .img img {width:100%;}
.introduce .info_wrap .info .tit {margin-bottom:15px; font-weight:700; font-size:24px; line-height:34px; color:#2a2e31;}
.introduce .info_wrap .info .tit em {color:#0071bb;}
.introduce .info_wrap .info .tit em.green {color:#00a66c;}
.introduce .info_wrap .info .txt {margin-bottom:30px; font-size:14px; line-height:24px; color:#4c5358;}

@media screen and (max-width:1024px) {
    .introduce .bg_wrap {padding:30px 0 15px;}
	.introduce .info_wrap {margin-top:30px;}
	.introduce .info_wrap .img {padding-right:30px;}
	.introduce .info_wrap .info {float:none; width:100%;}
    .introduce .info_wrap .info .tit {font-size:22px; line-height:1.4em;}
}
@media screen and (max-width:599px) {
    .introduce .info_wrap .img {float:none; width:100%; margin-bottom:15px; padding:0;}
	.introduce .info_wrap .info .tit {font-size:20px;}
    .introduce .info_wrap .info .txt {margin-bottom:15px;}
}

/* 미션&비전 */
.mnv {overflow:hidden; position:relative; height:320px; margin-bottom:50px; background-image:url(../image/bg/bg_mnv.png); background-repeat:no-repeat; background-position:center; background-size:600px 321px;}
.mnv:after {display:block; position:absolute; top:50%; left:0; z-index:-1; width:100%; height:1px; margin-top:-1px; background:#d6dce1; content:'';}
.mnv .cont {float:left; position:relative; width:50%; text-align:center;}
.mnv .cont .main_tit {position:absolute; top:0; width:320px; height:320px; text-align:center;}
.mnv .cont .main_tit .wrap {position:absolute; top:50%; left:0; width:100%; letter-spacing:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.mnv .cont .main_tit span {display:block; font-weight:700; font-size:18px; font-family:'Montserrat'; line-height:18px; text-transform:uppercase;}
.mnv .cont .main_tit em {display:block; margin-top:10px; font-weight:700; font-size:30px; font-family:'Montserrat'; line-height:30px; color:#fff;}
.mnv .cont .tit {display:inline-block; position:relative; margin-top:-3px; font-weight:700; font-size:18px; font-family:'Montserrat'; line-height:24px; letter-spacing:0;}
.mnv .cont .tit:after {position:absolute; top:50%; width:37px; height:4px; margin-top:-2px; content:'';}
.mnv .cont .txt {margin-top:38px; font-size:18px; line-height:28px; color:#2a2e31;}
.mnv .mission {text-align:left;}
.mnv .mission .main_tit {right:-20px;}
.mnv .mission .main_tit span {color:#94c6e6;}
.mnv .mission .tit {padding-right:56px; color:#0071bb;}
.mnv .mission .tit:after {right:0; background:#0071bb;}
.mnv .vision {text-align:right;}
.mnv .vision .main_tit {left:-20px;}
.mnv .vision .main_tit span {color:#86dabd;}
.mnv .vision .tit {padding-left:56px; color:#00a66c;}
.mnv .vision .tit:after {left:0; background:#00a66c;}
.value_list ul {overflow:hidden;}
.value_list ul li {float:left; position:relative; width:20%; height:270px; padding-top:115px; background:#fff; text-align:center;}
.value_list ul li:nth-child(odd) {background:#f6f5f9;}
.value_list ul li:before {position:absolute; top:50px; left:50%; height:40px; background-image:url(../image/sprite/sprite.png); background-size:500px 500px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); content:'';}
.value_list ul li:nth-child(1):before {width:35px; background-position:-5px -137px;}
.value_list ul li:nth-child(2):before {width:50px; background-position:-45px -137px;}
.value_list ul li:nth-child(3):before {width:41px; background-position:-100px -137px;}
.value_list ul li:nth-child(4):before {width:44px; background-position:-145px -137px;}
.value_list ul li:nth-child(5):before {width:33px; background-position:-190px -137px;}
.value_list ul li p.tit {font-weight:700; font-size:18px; line-height:1.5em; color:#2a2e31;}
.value_list ul li p.txt {margin-top:15px; font-size:14px; line-height:24px; color:#4c5358;}

@media screen and (max-width:1280px) {
    .mnv {height:214px; background-size:400px 214px;}
	.mnv .cont .main_tit {width:214px; height:214px;}
	.mnv .cont .txt {margin-top:5px; font-size:16px; line-height:24px;}
	.mnv .mission .main_tit {right:-13px;}
    .mnv .vision .main_tit {left:-13px;}
}
@media screen and (max-width:1024px) {
    .mnv {height:360px; margin-bottom:30px; background-position:top center;}
	.mnv:after {top:108px;}
	.mnv .cont {position:absolute; top:234px;}
	.mnv .cont .main_tit {margin-top:-234px;}
	.mnv .mission {left:0;}
	.mnv .vision {right:0;}
	.value_list ul li {width:33.33%; height:230px; padding:0 20px; padding-top:90px;}
    .value_list ul li:before {top:30px;}
}
@media screen and (max-width:599px) {
    .mnv {height:auto; background:none;}
	.mnv:after {display:none;}
	.mnv .cont {float:none; position:static; width:100%; text-align:left !important;}
	.mnv .cont .main_tit {position:static; width:100%; height:auto; margin:0; margin-bottom:30px;}
	.mnv .cont .main_tit .wrap {position:static; padding:10px 0; font-size:0; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
	.mnv .cont .main_tit span,
	.mnv .cont .main_tit em {display:inline-block; margin:0; font-size:18px; line-height:18px;}
	.mnv .cont .main_tit em {margin-left:8px; text-transform:uppercase;}
	.mnv .cont .tit {padding-right:56px; padding-left:0 !important;}
	.mnv .cont .tit:after {right:0; left:auto;}
	.mnv .cont .txt {font-size:14px; line-height:20px;}
	.mnv .mission .main_tit {background:#0071bb;}
	.mnv .vision {margin-top:30px;}
	.mnv .vision .main_tit {background:#00a66c;}
	.value_list ul li {float:none; width:100%; height:auto; padding:10px; padding-top:70px;}
	.value_list ul li:before {top:15px;}
    .value_list ul li p.txt {margin-top:10px;}
}

/* 연혁 */
/* .history .jumbotron {position:relative; height:360px; margin-bottom:60px; padding-top:67px;; font-weight:700; color:#fff; text-align:center; background-position:center; background-size:cover;}
.history.v1 .jumbotron {background-image:url(../image/img/img_history_01.png);}
.history.v2 .jumbotron {background-image:url(../image/img/img_history_02.png);}
.history.v3 .jumbotron {background-image:url(../image/img/img_history_03.png);}
.history .jumbotron .tit {line-height:66px; position:relative; font-size:40px;}
.history .jumbotron .tit:before {content:""; position:absolute; top:-10px; left:50%; width:124px; height:4px; margin-left:-62px; background:#fff;}
.history .jumbotron small {display:block; line-height:28px; font-size:18px;}
.history .jumbotron > a {position:absolute; top:0; width:80px; height:360px; opacity:0.9;}
.history .jumbotron > a:hover {opacity:1;}
.history .jumbotron > a span {position:absolute; left:50%; top:0; padding-left:20px; font-size:18px; font-weight:700; color:#fff; transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform-origin:left center; opacity:0.7; white-space:nowrap;}
.history .jumbotron > a:hover span {opacity:1;}
.history .jumbotron > a:after {content:""; display:block; position:absolute; bottom:30px; left:50%; width:0; height:0; border-style:solid; border-width:6px; opacity:0.7;}
.history .jumbotron > a:hover:after {opacity:1;}
.history .jumbotron .prev {left:0;}
.history.v1 .jumbotron .prev {background:#00a66c;}
.history.v2 .jumbotron .prev {background:#0071bb;}
.history.v3 .jumbotron .prev {background:#00a66c;}
.history .jumbotron .prev:after {margin-left:-8px; border-color:transparent #fff transparent transparent;}
.history .jumbotron .next {right:0;}
.history.v1 .jumbotron .next {background:#0071bb;}
.history.v2 .jumbotron .next {background:#70609d;}
.history.v3 .jumbotron .next {background:#70609d;}
.history .jumbotron .next:after {margin-left:-2px; border-color:transparent transparent transparent #fff;}  */
.jumbotron {overflow:hidden; height:360px; margin-bottom:60px; background:#000;}
.jumbotron ul li {float:left; position:relative; width:80px; height:360px; padding-top:67px; background-position:center; background-size:cover; font-weight:700; color:#fff; text-align:center; -webkit-transition:width 0.35s; -moz-transition:width 0.35s; -ms-transition:width 0.35s; -o-transition:width 0.35s; transition:width 0.35s; transition-delay:0.1s;}
.jumbotron ul li.active {width:1040px;}
.jumbotron ul li:nth-child(1) {background-image:url(../image/img/img_history_01.png);}
.jumbotron ul li:nth-child(2) {background-image:url(../image/img/img_history_02.png);}
.jumbotron ul li:nth-child(3) {background-image:url(../image/img/img_history_03.png);}
.jumbotron ul li a {position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; -webkit-transition:opacity 0.2s; -moz-transition:opacity 0.2s; -ms-transition:opacity 0.2s; -o-transition:opacity 0.2s; transition:opacity 0.2s; opacity:0.9;}
.jumbotron ul li:nth-child(1) a {background:#70609d;}
.jumbotron ul li:nth-child(2) a {background:#00a66c;}
.jumbotron ul li:nth-child(3) a {background:#0071bb;}
.jumbotron ul li.active a {background:none; opacity:0;}
.jumbotron ul li a span {position:absolute; top:0; left:50%; padding-left:20px; font-weight:700; font-size:18px; color:#fff; white-space:nowrap; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); transform-origin:left center; opacity:0.7;}
.jumbotron ul li .cont {visibility:hidden; -webkit-transition:all 0.1s; -moz-transition:all 0.1s; -ms-transition:all 0.1s; -o-transition:all 0.1s; transition:all 0.1s; transition-delay:0s; opacity:0;}
.jumbotron ul li.active .cont {visibility:visible; -webkit-transition:all 0s; -moz-transition:all 0s; -ms-transition:all 0s; -o-transition:all 0s; transition:all 0s; transition-delay:0.45s; opacity:1;}
.jumbotron ul li .cont .tit {position:relative; font-size:40px; line-height:66px; white-space:nowrap;}
.jumbotron ul li .cont .tit:before {position:absolute; top:-10px; left:50%; width:124px; height:4px; margin-left:-62px; background:#fff; content:'';}
.jumbotron ul li .cont small {display:block; font-size:18px; line-height:28px;}
.jumbotron ul li a:after {display:none; position:absolute; bottom:30px; left:50%; width:0; height:0; border-width:12px; border-style:solid; content:''; opacity:0.7;}
.jumbotron ul li.left a:after {display:block; margin-left:-18px; border-color:transparent #fff transparent transparent;}
.jumbotron ul li.right a:after {display:block; margin-left:-4px; border-color:transparent transparent transparent #fff;}
.history.v1 .txt_wrap {background:#f6f5f9;}
.history.v2 .txt_wrap {background:#edf7f4;}
.history.v3 .txt_wrap {background:#f4f8fb;}
.history .txt_wrap table {background:none;}
.history .txt_wrap table th,
.history .txt_wrap table td {height:140px; border-bottom:1px solid #d6dce1; vertical-align:middle;}
.history .txt_wrap table th {padding-right:80px; font-weight:700; font-size:18px; line-height:28px; color:#2a2e31; text-align:left;}
.history .txt_wrap table td {font-size:14px; line-height:24px; color:#4c5358;}
.history .txt_wrap table tr:last-child th,
.history .txt_wrap table tr:last-child td {border:0;}
.history .chronicle .year > li .tit {display:block; padding:80px 0 50px; font-weight:700; font-size:24px; line-height:50px; color:#2a2e31;}
.history .chronicle .year > li .tit em {font-size:60px; font-family:'Montserrat'; letter-spacing:0;}
.history .chronicle .year .wrap {display:table; width:100%; padding-bottom:20px; border-top:1px solid #d6dce1; table-layout:fixed;}
.history .chronicle .year ul {display:table-row;}
.history .chronicle .year ul li {display:table-cell; text-align:center;}
.history .chronicle .year ul li dl {position:relative; padding-top:15px;}
.history .chronicle .year ul li dl:before {position:absolute; top:-4px; left:50%; width:8px; height:8px; margin-left:-4px; border-radius:50%; background:#2a2e31; content:''; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.history .chronicle .year ul li dl dt {font-weight:700; font-size:30px; font-family:'Montserrat'; line-height:50px; color:#2a2e31; letter-spacing:0;}
.history.v1 .chronicle .year ul li:nth-child(odd) dl dt {color:#70609d;}
.history.v2 .chronicle .year ul li:nth-child(odd) dl dt {color:#00a66c;}
.history.v3 .chronicle .year ul li:nth-child(odd) dl dt {color:#0071bb;}
.history .chronicle .year ul li dl dd {margin-bottom:5px; padding:0 5px; font-size:14px; line-height:24px; color:#4c5358;}
@media screen and (max-width:1280px) {
    .jumbotron ul li.active {width:calc(100% - 160px);}
}
@media screen and (max-width:1024px) {
    /* .history .jumbotron {height:250px; margin-bottom:30px; padding-top:50px;}
    .history .jumbotron .tit {line-height:1.4em; font-size:30px;}
    .history .jumbotron .tit:before {display:none;}
    .history .jumbotron small {line-height:1.4em; margin-top:15px; font-size:16px;}
    .history .jumbotron > a {top:auto; bottom:0; width:50%; height:50px;}
    .history .jumbotron > a:after {left:auto; top:50%;}
    .history .jumbotron > a span {left:auto; line-height:50px; font-size:16px; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none;}
    .history .jumbotron .prev {left:0;}
    .history .jumbotron .prev:after {left:30px; margin:0; margin-top:-6px;}
    .history .jumbotron .prev span {left:0; padding-left:50px;}
    .history .jumbotron .next {right:0;}
    .history .jumbotron .next:after {right:30px; margin:0; margin-top:-6px;}
    .history .jumbotron .next span {right:0; padding-right:50px;}  */
	.jumbotron {height:300px; margin-bottom:30px;}
	.jumbotron ul li {width:60px; height:300px;}
	.jumbotron ul li.active {width:calc(100% - 120px);}
	.jumbotron ul li .cont .tit {font-size:28px; line-height:1.4em; white-space:nowrap;}
	.jumbotron ul li .cont .tit:before {top:-15px;}
	.jumbotron ul li .cont small {margin-top:10px; font-size:16px; line-height:1.4em;}
	.jumbotron ul li.active .cont .tit {white-space:normal;}
	.history .txt_wrap {overflow:hidden; padding:10px 0;}
	.history .txt_wrap table,
	.history .txt_wrap table tbody,
	.history .txt_wrap table tr,
	.history .txt_wrap table th,
	.history .txt_wrap table td {display:block; float:left; clear:both; width:100%; border:none; text-align:left;}
	.history .txt_wrap table th,
	.history .txt_wrap table td {height:auto; padding:10px 0;}
	.history .txt_wrap table th {font-size:16px; line-height:1.4em;}
	.history .chronicle .year > li .tit {padding:0; padding-top:30px; font-size:20px; line-height:30px; text-align:center;}
	.history .chronicle .year > li .tit em {font-size:40px;}
	.history .chronicle .year .wrap {padding-bottom:0; border:0;}
	.history .chronicle .year .wrap,
	.history .chronicle .year ul,
	.history .chronicle .year ul li {display:block;}
	.history .chronicle .year ul li dl {padding-top:10px;}
	.history .chronicle .year ul li dl:before {display:none;}
	.history .chronicle .year ul li dl dt {font-size:26px; line-height:1.4em;}
    .history .chronicle .year ul li dl dd {padding:0;}
}
@media screen and (max-width:599px) {
    /* .history .jumbotron {height:200px; padding:30px 10px;}
    .history .jumbotron .tit {font-size:20px;}
    .history .jumbotron small {font-size:14px;}
    .history .jumbotron > a {height:40px;}
    .history .jumbotron > a span {line-height:40px; font-size:14px;}
    .history .jumbotron .prev:after {left:20px;}
    .history .jumbotron .prev span {padding-left:40px;}
    .history .jumbotron .next:after {right:20px;}
    .history .jumbotron .next span {padding-right:40px;}  */
	.jumbotron {height:250px;}
	.jumbotron ul li {width:40px; height:250px;}
	.jumbotron ul li a span {font-size:14px;}
	.jumbotron ul li.active {width:calc(100% - 80px);}
	.jumbotron ul li .cont .tit {font-size:18px; line-height:1.4em;}
	.jumbotron ul li .cont .tit:before {display:none;}
	.jumbotron ul li .cont small {font-size:14px;}
	.jumbotron ul li a:after {border-width:6px;}
	.jumbotron ul li.left a:after {margin-left:-9px;}
	.jumbotron ul li.right a:after {margin-left:-3px;}
	.history .chronicle .year > li .tit {font-size:16px;}
	.history .chronicle .year > li .tit em {font-size:30px;}
    .history .chronicle .year ul li dl dt {font-size:22px;}
}

/* 수상 */
.award .period > li {overflow:hidden; padding:50px 0;}
.award .period > li:nth-child(odd) .cont {float:right;}
.award .period > li:nth-child(2) {background:#f4f8fb url(../image/bg/bg_award.png) no-repeat right bottom;}
.award .period > li:nth-child(4) {background:#edf7f4;}
.award .period > li .cont {float:left; width:50%;}
.award .period > li .year span {display:inline-block; width:390px; height:80px; margin-top:50px; border-bottom:2px solid #2a2e31; font-weight:700; font-size:24px; line-height:50px; color:#2a2e31;}
.award .period > li:nth-child(odd) .year span {text-align:right;}
.award .period > li .year span em {font-size:60px; font-family:'Montserrat'; letter-spacing:0;}
.award .period > li .info dl {overflow:hidden; position:relative; margin-bottom:38px;}
.award .period > li .info dl:last-child {margin:0;}
.award .period > li .info dl dt {position:absolute; top:0; left:0; font-weight:700; font-size:30px; font-family:'Montserrat'; line-height:24px; color:#2a2e31; letter-spacing:0;}
.award .period > li .info dl:nth-child(odd) dt {color:#0071bb;}
.award .period > li:nth-child(n+2) .info dl:nth-child(odd) dt {color:#00a66c;}
.award .period > li .info dl dd {padding-left:95px; font-size:14px; line-height:24px; color:#4c5358;}

@media screen and (max-width:1024px) {
    .award .period > li {padding:30px 0;}
	.award .period > li .cont {float:none; width:100%;}
	.award .period > li .year span {height:60px; margin-top:0; margin-bottom:30px; font-size:22px; text-align:left !important;}
	.award .period > li .year span em {font-size:50px;}
	.award .period > li .info dl {margin-bottom:20px;}
    .award .period > li .info dl dt {font-size:26px;}
}
@media screen and (max-width:599px) {
    .award .period > li:nth-child(1) {background-size:270px 381px;}
	.award .period > li .year span {width:100%; height:50px; font-size:20px;}
	.award .period > li .year span em {font-size:40px;}
	.award .period > li .info dl dt {position:static; margin-bottom:5px; font-size:24px;}
    .award .period > li .info dl dd {padding-left:0;}
}

/* 자회사 및 관계사 */
.coworker .company_wrap {position:relative; height:0; padding-top:83.333%; background:url(/wp-content/themes/handok/image/img/img_coworker.png?ver=20230217) no-repeat; background-size:cover;}
.coworker .company_wrap .cont .tit,
.coworker .company_wrap .company li {text-indent:-9999px;}
.coworker .company_wrap .company li a {position:absolute; width:11.67%; height:22.35%; border-radius:5px; background:#0071bb; -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -ms-transition:opacity 0.5s; -o-transition:opacity 0.5s; transition:opacity 0.5s; opacity:0;}
.coworker .company_wrap .company li a:hover {opacity:0.1;}
.coworker .company_wrap .child li:nth-child(1) a {top:27%; left:5%;} /* 테라밸류즈 */
.coworker .company_wrap .child li:nth-child(2) a {top:51%; left:16.5%;} /* 이노큐브 */
.coworker .company_wrap .relate li:nth-child(1) a {top:66.5%; left:30%;} /* 칼로스메디칼 */
.coworker .company_wrap .relate li:nth-child(2) a {top:78%; left:44%;} /* 한독테바 */
.coworker .company_wrap .relate li:nth-child(3) a {top:66.5%; right:30%;} /* 제넥신 */
.coworker .company_wrap .relate li:nth-child(4) a {top:50%; right:16.5%;} /* 엔비포스텍 */
.coworker .company_wrap .relate li:nth-child(5) a {top:27%; right:5%;} /* 레졸루트 */
.co_info {margin-top:100px; font-size:0; text-align:right;}
.co_info:after {display:block; clear:both; content:'';}
.co_info li {display:inline-block; position:relative; margin-left:40px; padding-left:50px; font-weight:700; font-size:14px; line-height:30px; color:#2a2e31;}
.co_info li i {position:absolute; top:0; left:0; width:30px; height:30px; /* border:1px solid #000; */ border-radius:50%; background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.co_info li i:before {position:absolute; top:50%; left:50%; width:10px; height:10px; margin-top:-5px; margin-left:-5px; border-radius:50%; background:#000; content:''; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.co_info .rel i {background:rgba(0,166,108,0.2);}
.co_info .rel i:before {background:#06a86f;}
.co_info .chi i {background:rgba(112,96,157,0.2);}
.co_info .chi i:before {background:#70609d;}

@media screen and (max-width:599px) {
    .coworker .company_wrap {height:auto; padding:0; background:none; text-align:center;}
	.coworker .company_wrap .cont {margin-bottom:30px;}
	.coworker .company_wrap .cont .tit,
	.coworker .company_wrap .company li {text-indent:0;}
	.coworker .company_wrap .cont .tit {position:relative; padding-top:140px; font-weight:700; font-size:18px;}
	.coworker .company_wrap .cont .tit:before {position:absolute; top:0; left:50%; width:63px; height:130px; margin-left:-32px; background-image:url(../image/sprite/sprite.png); background-size:500px 500px; content:'';}
	.coworker .company_wrap .chi .tit {color:#70609d;}
	.coworker .company_wrap .chi .tit:before {background-position:-163px -5px;}
	.coworker .company_wrap .rel .tit {color:#06a86f;}
	.coworker .company_wrap .rel .tit:before {background-position:-231px -5px;}
	.coworker .company_wrap .company {margin-top:10px;}
	.coworker .company_wrap .company li a {position:static; width:auto; height:auto; background:none; text-decoration:underline; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; opacity:1;}
	.coworker .company_wrap .company li a:hover {opacity:1;}
    .co_info {display:none;}
}

/* CI */
.ci .logo_wrap {padding:10px 0 40px;}
.ci .logo_wrap .logo {font-size:0; text-align:center;}
.ci .logo_wrap .logo .eng {height:168px;}
.ci .logo_wrap .logo .kor {height:84px; margin:42px 0 42px 40px;}
.ci .info_wrap {overflow:hidden; padding-bottom:70px;}
.ci .info_wrap + .tit_line {margin-top:10px;}
.ci .info_wrap .cont {float:left; width:calc(50% - 10px);}
.ci .info_wrap .logo .graph {position:relative; width:100%; height:270px; border:1px solid #d6dce1; background:url(../image/bg/bg_graph.png); background-size:9px 9px;}
.ci .info_wrap .logo .graph img {position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.ci .info_wrap .logo .graph .eng {height:170px;}
.ci .info_wrap .logo .graph .kor {height:85px;}
.ci .info_wrap .info {margin-left:20px;}
.ci .info_wrap .info dl dt {position:relative; margin-bottom:6px; padding-left:20px; font-weight:700; font-size:18px; line-height:33px; color:#2a2e31;}
.ci .info_wrap .info dl dt:before {position:absolute; top:50%; left:0; width:4px; height:4px; margin-top:-2px; background:#00a66c; content:'';}
.ci .info_wrap .info dl dd {padding-left:20px;}
.ci .info_wrap .info dl dt:last-of-type {margin-top:17px;}
.ci .info_wrap p {font-weight:400; font-size:14px; line-height:24px; color:#4c5358;}
.ci .info_wrap .tit {margin:6px 0 17px; font-weight:700; font-size:18px; line-height:28px; color:#2a2e31;}
.ci .info_wrap .tit em {color:#0071bb;}
.main_color {margin-bottom:80px; padding:50px 0; background:#f4f8fb;}
.main_color .color_wrap {overflow:hidden; padding-top:10px;}
.main_color .color_wrap .cont {float:left; width:calc(50% - 10px);}
.main_color .color_wrap .cont .panel {float:left; position:relative; width:170px; height:170px;}
.main_color .color_wrap .cont .panel em {position:absolute; right:20px; bottom:20px; font-weight:700; font-size:14px; font-family:'Montserrat'; color:#fff;}
.main_color .color_wrap .cont .info {padding-left:200px;}
.main_color .color_wrap .cont .info .tit {font-weight:700; font-size:18px; font-family:'Montserrat'; line-height:40px;}
.main_color .color_wrap .cont .info .txt {font-size:14px; line-height:24px; color:#4c5358;}
.main_color .color_wrap .blue .panel {background:#0071bb;}
.main_color .color_wrap .blue .info .tit {color:#0071bb;}
.main_color .color_wrap .green {margin-left:20px;}
.main_color .color_wrap .green .panel {background:#00a66c;}
.main_color .color_wrap .green .info .tit {color:#00a66c;}
.slogan {overflow:hidden;}
.slogan .cont {float:left; width:calc(50% - 10px); font-size:0;}
.slogan .img img {height:40px;}
.slogan .txt {margin-left:20px;}
.slogan .txt p {font-size:14px; line-height:20px; color:#4c5358;}

@media screen and (max-width:1024px) {
    .ci .logo_wrap,
	.ci .info_wrap {padding:0;}
	.ci .info_wrap + .tit_line {margin-top:30px;}
	.ci .info_wrap .logo {width:calc(40% - 15px);}
	.ci .info_wrap .logo .graph .eng {height:85px;}
	.ci .info_wrap .logo .graph .kor {height:43px;}
	.ci .info_wrap .info {width:calc(60% - 15px); margin-left:30px;}
	.ci .info_wrap .tit {margin-top:0;}
	.ci .info_wrap .info dl dt {line-height:28px;}
	.main_color {margin:30px 0; padding:30px 0;}
	.main_color .color_wrap .cont {width:calc(50% - 15px);}
	.main_color .color_wrap .green {margin-left:30px;}
	.main_color .color_wrap .cont .panel {float:none; width:50%; height:0; padding-bottom:50%;}
	.main_color .color_wrap .cont .info {margin-top:10px; padding:0;}
	.slogan .cont {float:none; width:100%;}
	.slogan .img {margin-top:10px;}
	.slogan .txt {margin:0; margin-top:20px;}
    .slogan .txt p {line-height:24px;}
}
@media screen and (max-width:599px) {
    .ci .logo_wrap .logo .eng {height:85px;}
	.ci .logo_wrap .logo .kor {height:43px; margin:21px 0 21px 10px;}
	.ci .info_wrap .cont {float:none; width:100% !important;}
	.ci .info_wrap .info {margin-top:20px; margin-left:0;}
	.ci .info_wrap .logo .graph {height:150px;}
	.main_color .color_wrap .cont {float:none; width:100% !important;}
	.main_color .color_wrap .green {margin-top:20px; margin-left:0;}
    .slogan .img img {width:100%; height:auto;}
}

/*사업부문 */
.business .info_list li {overflow:hidden; padding:80px 0;}
.business .info_list li:first-child {padding-top:0;}
.business .info_list li:nth-child(2) {background:#edf7f4;}
.business .info_list li:nth-child(4) {background:#f4f8fb;}
.business .info_list li:nth-child(6) {background:#f6f5f9;}
.business .info_list li .cont {float:left; width:calc(50% - 20px);}
.business .info_list li:nth-child(even) .cont {float:right;}
.business .info_list li .info {padding-left:40px;}
.business .info_list li:nth-child(even) .info {padding:0; padding-right:40px;}
.business .info_list li .info .tit {margin:15px 0 18px; font-weight:700; font-size:24px; line-height:34px; color:#2a2e31;}
.business .info_list li .info .txt {font-size:14px; line-height:24px; color:#4c5358;}
.business .info_list li a.link {display:block; margin-top:30px; font-weight:700; color:#00a66c;}
.business ul.list_type1 {margin-top:30px;}
.business ul.list_type1 li {padding:0; padding-left:10px;}

@media screen and (max-width:1024px) {
    .business .info_list li {padding:30px 0;}
	.business .info_list li:last-child {padding-bottom:0;}
	.business .info_list li:nth-child(even) .cont {float:left;}
	.business .info_list li .img {width:calc(50% - 15px); margin-right:30px;}
	.business .info_list li .info {float:none !important; width:100%; padding:0;}
    .business .info_list li .info .tit {margin-top:0; font-size:22px; line-height:1.4em;}
}
@media screen and (max-width:599px) {
    .business .info_list li .img {float:none !important; width:100%; margin:0;}
    .business .info_list li .info .tit {margin:15px 0 10px; font-size:20px;}
}


/* 생산 */ /*20200610 수정*/
.produce .main_tit {margin:-6px 0; font-weight:700; font-size:30px; line-height:1.4em; color:#2a2e31; text-align:center;}
.produce .main_tit em {color:#0071bb;}
.produce .info_wrap {margin-top:80px; line-height:0;}
.produce .info_wrap:after {display:block; clear:both; content:'';}
.produce .main_tit + .info_wrap {margin-top:50px;}
.produce .info_wrap .img_wrap,
.produce .info_wrap .info {width:calc(50% - 20px);}
.produce .info_wrap .img_wrap {position:relative;}
.produce .info_wrap .img_wrap img {width:580px; height:auto;}
.produce .panel {position:absolute; top:0; left:0; width:60px; font-size:18px; font-family:'Montserrat'; line-height:60px; color:#fff; text-align:center;}
.produce .panel.blue {background:#0071bb;}
.produce .panel.green {background:#00a66c;}
.produce .panel.purple {background:#70609d;}
.produce .info_wrap .info .tit {margin:-6px 0; padding-bottom:10px; font-weight:700; font-size:24px; line-height:36px; color:#2a2e31;}
.produce .info_wrap .info .sub_tit {margin-top:15px; font-weight:700; font-size:18px; line-height:24px; color:#2a2e31;}
.produce .info_wrap .info .txt {margin-top:15px; font-size:14px; line-height:24px; color:#4c5358;}
.produce .info_wrap .info .purple {color:#70609d;}
.produce .info_wrap .info .link_wrap {margin-top:15px;}
.produce .info_wrap .info .link_wrap .link {position:relative; padding-right:50px; font-weight:700; font-size:14px; line-height:32px; color:#0071bb;}
.produce .info_wrap .info .link_wrap .link:after {position:absolute; top:50%; right:0; width:31px; height:6px; margin-top:-3px; background-image:url(../image/sprite/sprite.png); background-position:-41px -80px; background-size:500px 500px; -webkit-transition:right 0.2s; -moz-transition:right 0.2s; -ms-transition:right 0.2s; -o-transition:right 0.2s; transition:right 0.2s; content:'';}
.produce .info_wrap .info .link_wrap .link:hover:after {right:-10px;}
.produce .left .img_wrap,
.produce .left .info {float:left; line-height:0;}
.produce .left .info {margin-left:40px;}
.produce .right .img_wrap,
.produce .right .info {float:right;}
.produce .right .info {margin-right:40px;}
.produce_grade {margin-top:50px; padding:40px 0; background:#f4f8fb;}
.produce_grade ul {overflow:hidden;}
.produce_grade ul li {float:left; width:50%; text-align:center;}
.produce_grade ul li:nth-child(3),
.produce_grade ul li:nth-child(4) {padding-top:40px;}
.produce_grade ul li dl {border-right:1px solid #d6dce1; font-size:0;}
.produce_grade ul li:nth-child(2) dl,
.produce_grade ul li:nth-child(4) dl {border:0;}
.produce_grade ul li dl dt {margin-bottom:8px; font-weight:700; font-size:18px; line-height:24px; color:#70609d;}
.produce_grade ul li dl dd {height:72px; font-size:14px; line-height:24px; color:#4c5358;}
.produce .history {margin-top:40px;}
.produce .history ul {overflow:hidden;}
.produce .history ul li {float:left; width:calc(20.66% - 24px); margin-right:20px; padding:10px; border:1px solid #d6dce1; border-top:2px solid #0071bb; text-align:center;}
.produce .history ul li:last-child {margin:0;}
.produce .history ul li dl dt {position:relative; height:80px;}
.produce .history ul li dl dt:after {position:absolute; bottom:0; left:10px; width:calc(100% - 20px); height:1px; background:#d6dce1; content:'';}
.produce .history ul li dl dt .wrap {position:absolute; top:50%; left:0; width:100%; font-weight:700; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.produce .history ul li dl dt .wrap p {font-size:18px; line-height:24px; color:#0071bb;}
.produce .history ul li dl dt .wrap small {font-size:14px; color:#2a2e31;}
.produce .history ul li dl dd {display:table; width:100%; height:80px;}
.produce .history ul li dl dd p {display:table-cell; vertical-align:middle;}
.produce .award {margin:20px 0 60px;}
.produce .award ul {overflow:hidden; background:#0071bb; font-size:0; text-align:center;}
.produce .award ul li {display:table; float:left; width:14.28%; height:100px; border-right:1px solid #2b86c3;}
.produce .award ul li:last-child {border:0;}
.produce .award ul li span,
.produce .award ul li .wrap {display:table-cell; font-weight:700; line-height:1.5; vertical-align:middle;}
.produce .award ul li span {font-size:18px; color:#fff; text-transform:uppercase;}
.produce .award ul li em {display:block; font-size:24px; color:#fff;}
.produce .award ul li small {font-size:14px; color:#94c6e6;}
.produce .produce_tit {position:relative; padding-left:80px; font-weight:700; font-size:24px; line-height:60px; color:#2a2e31;}
.produce .produce_tit + .subtit_line {margin-top:0;}
.produce .adv_wrap {margin-bottom:50px;}
.produce .adv_wrap ul {overflow:hidden; padding:20px 0; background:#f4f8fb; font-size:0;}
.produce .adv_wrap ul li {float:left; width:33.3%; padding:5px 0; border-right:1px solid #d6dce1; font-weight:700; font-size:14px; line-height:20px; color:#70609d; text-align:center;}
.produce .adv_wrap ul li:last-child {border:0;}
.produce .subtit_line.adv {margin-top:17px;}

@media screen and (max-width:1024px) {
    .produce .main_tit {font-size:26px;}
	.produce .main_tit + .info_wrap {margin-top:30px;}
	.produce .info_wrap {margin-top:30px;}
	.produce .info_wrap .img_wrap {margin-bottom:10px;}
	.produce .info_wrap .info {/*float:none;*/ width:100%; margin:0;}
	.produce .info_wrap .info .tit {font-size:22px; line-height:34px;}
	.produce .info_wrap .info .sub_tit {font-size:16px; line-height:22px;}
	.produce .left .img_wrap {margin-right:30px;}
	.produce .right .img_wrap {margin-left:30px;}
	.produce .panel {width:40px; line-height:40px;}
	.produce_grade ul li {width:calc(50% - 15px) !important; margin:0 30px 30px 0; padding:0 !important;}
	.produce_grade ul li:nth-child(even) {margin-right:0;}
	.produce_grade ul li:last-child {margin-bottom:0;}
	.produce_grade ul li dl {border:0;}
	.produce_grade ul li dl dd {height:auto;}
	.produce .history {margin-top:30px;}
	.produce .history ul li {width:calc(33.33% - 20px); margin-right:30px;}
	.produce .history ul li:nth-child(-n+3) {margin-bottom:30px;}
	.produce .history ul li:nth-child(3n) {margin:0;}
	.produce .history ul li dl dt,
	.produce .history ul li dl dd {height:70px;}
	.produce .award {margin:30px 0;}
	.produce .award ul li {width:33.33%; height:80px; border:0;}
	.produce .award ul li:first-child {width:calc(100% - 60px); height:60px; margin:0 30px; border-bottom:1px solid #2b86c3;}
	.produce .award ul li:first-child span {font-size:20px;}
	.produce .award ul li em {font-size:16px;}
	.produce .produce_tit {margin-bottom:30px; padding-left:60px; font-size:18px; line-height:40px;}
	.produce .adv_wrap {margin-bottom:30px;}
	.produce .adv_wrap ul li {display:table-cell; float:none; padding:5px 15px; vertical-align:middle;}
	.produce .info_wrap .info .link_wrap {clear:both; margin:0; padding:30px 0; text-align:center;}
	.produce .info_wrap .info .link_wrap .link {width:auto; min-width:120px; padding:0 10px; border:1px solid #0071bb; line-height:48px; text-align:center; vertical-align:middle;}
	.produce .info_wrap .info .link_wrap .link:hover {background:#0071bb; color:#fff;}
	.produce .info_wrap .info .link_wrap .link:after {display:none;}
    .produce .subtit_line.adv {margin-top:0;}
}
@media screen and (max-width:599px) {
    .produce .main_tit {font-size:18px;}
	.produce .info_wrap .img_wrap {margin:0;}
	.produce .info_wrap .img_wrap,
	.produce .info_wrap .info {float:none; width:100%;}
	.produce .info_wrap .info .tit {margin:0; padding:0; padding-top:10px; font-size:18px; line-height:28px;}
	.produce .info_wrap .info .sub_tit {margin-top:10px; font-size:16px;}
	.produce .info_wrap .info .txt {margin-top:10px;}
	.produce .panel {width:30px; font-size:16px; line-height:30px;}
	.produce_grade ul li {width:100% !important; margin:0; margin-bottom:30px;}
	.produce .history ul li {width:100%; margin-right:0; margin-bottom:30px !important;}
	.produce .history ul li:last-child {margin-bottom:0 !important;}
	.produce .award ul li {width:100%;}
	.produce .produce_tit {padding-left:40px; line-height:30px;}
	.produce .info_wrap .info .link_wrap .link {width:100%; line-height:30px;}
	.produce .subtit_line.adv {padding-top:10px;}
	.produce .adv_wrap ul {padding:10px 0;}
    .produce .adv_wrap ul li {display:block; width:100%; border:0; padding: 10px 15px;}
}

/* 뉴스(리스트) */
.news_preview {margin-bottom:50px;}
.news_preview .preview:after {display:block; clear:both; content:'';}
.news_preview .preview li {float:left; position:relative; width:calc(33.33% - 20px); margin-right:30px; padding:20px;}
.news_preview .preview li:last-child {margin-right:0;}
.news_preview .preview li:after {position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1; border:1px solid #d6dce1; content:'';}
.news_preview .preview li:hover:after {border:2px solid #0071bb;}
.news_preview .preview li a {width:100%; font-size:0;}
.news_preview .preview li .thumb {overflow:hidden; position:relative; height:180px;border:solid 1px #eeeeee;}
.news_preview .preview li .thumb img {position:absolute; top:0; left:50%; max-width:340px; height:180px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
.news_preview .preview li .thumb .cate {display:inline-block; position:absolute; bottom:0; left:0; min-width:80px; padding:0 10px; font-weight:700; font-size:14px; line-height:30px; color:#fff; text-align:center;}
.news_preview .preview li .thumb .broadcast {background:#00a66c;}
.news_preview .preview li .cont {position:relative; padding:14px 10px 0;}
.news_preview .preview li .cont .tit {overflow:hidden; height:56px; font-weight:700; font-size:18px; line-height:28px; color:#2a2e31;}
.news_preview .preview li .cont:after {visibility:hidden; position:absolute; right:20px; bottom:3px; width:31px; height:6px; background-image:url(../image/sprite/sprite.png); background-position:-41px -80px; background-size:500px 500px; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; content:''; opacity:0;}
.news_preview .preview li:hover .cont:after {visibility:visible; right:10px; opacity:1;}
.news_preview .preview li:hover .cont .tit {color:#0071bb;}
.news_preview .preview li .cont .txt {overflow:hidden; height:75px; margin:12px 0 24px; font-size:14px; line-height:25px;}
.news_preview .preview li .cont .date {font-size:12px; font-family:'Montserrat'; line-height:12px; letter-spacing:0;}

@media screen and (max-width:1024px) {
    .news_preview {margin-bottom:0;}
	.news_preview + .board_list {margin-top:30px;}
	.news_preview .preview li {float:none; width:100%; margin-top:30px; margin-right:0;}
	.news_preview .preview li:first-child {margin-top:0;}
	.news_preview .preview li .thumb {float:left; width:340px;}
    .news_preview .preview li .cont {float:left; width:calc(100% - 340px); padding:0; padding-left:30px;}
}
@media screen and (max-width:599px) {
    .news_preview .preview li .thumb {float:none; width:100%;}
    .news_preview .preview li .cont {float:none; width:100%; padding:0; padding-top:14px;}
}

/* 영상 리스트 */
.video_preview {padding:40px 0; background:#f4f8fb;}
.video_preview .preview:after {display:block; clear:both; content:'';}
.video_preview .preview .cont {float:left;}
.video_preview .preview .video {overflow:hidden; position:relative; width:65.83%; height:400px; line-height:0;}
.video_preview .preview .video iframe {position:absolute; top:0; left:50%; width:790px; height:400px; margin-left:-395px;}
.video_preview .preview .info {width:34.16%; padding-left:40px;}
.video_preview .preview .info .tit {overflow:hidden; max-height:2.8em; margin:10px 0 20px; font-weight:700; font-size:28px; line-height:1.4em; color:#2a2e31;}
.video_preview .preview .info .txt {overflow-y:auto; height:243px; padding:15px 0; border-top:1px solid #d6dce1; border-bottom:1px solid #d6dce1; font-size:14px; line-height:24px;}
.video_preview .preview .info .show {position:relative; margin-top:15px; padding-left:28px; font-weight:700; line-height:32px; color:#0071bb;}
.video_preview .preview .info .show:before {position:absolute; top:9px; left:0; width:18px; height:13px; background-image:url(../image/sprite/sprite.png); background-position:-49px -355px; background-size:500px 500px; content:'';}
.video_list {margin-top:80px;}
.video_list ul:after {display:block; clear:both; content:'';}
.video_list ul li {float:left; width:calc(33.33% - 20px); height:325px; margin-top:50px; margin-right:30px; border-bottom:1px solid #d6dce1; line-height:0;}
.video_list ul li:nth-child(3n) {margin-right:0;}
.video_list ul li:nth-child(-n+3) {margin-top:0;}
.video_list ul li a {display:block; height:100%;}
.video_list ul li .thumb_wrap {overflow:hidden; position:relative; height:220px;}
.video_list ul li .thumb_wrap:after {position:absolute; top:50%; left:50%; width:30px; height:44px; margin-top:-22px; margin-left:-15px; background-image:url(../image/sprite/sprite.png); background-position:-5px -376px; background-size:500px 500px; content:'';}
.video_list ul li .thumb_wrap img {position:absolute; top:0; left:50%; max-width:380px; height:220px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
.video_list ul li .video_tit {overflow:hidden; margin-top:24px; font-weight:700; font-size:18px; line-height:28px; color:#2a2e31; text-overflow:ellipsis; white-space:nowrap;}
.video_list ul li a:hover .video_tit {color:#0071bb;}
.video_list ul li .date {display:block; margin-top:10px; font-size:12px; font-size:14px; font-family:'Montserrat'; line-height:15px; letter-spacing:0;}
.modal.video_view {max-width:1200px;}
.modal.video_view .video_wrap {padding:40px; line-height:0;}
.modal.video_view .video_wrap iframe {width:100%; height:450px;}
.modal.video_view .video_txt {overflow-y:auto; height:calc(100vh - 650px); padding:34px 40px; background:#f4f8fb;}
.modal.video_view .video_txt .date {font-size:14px; font-family:'Montserrat'; color:#686f75; letter-spacing:0;}
.modal.video_view .video_txt .tit {font-weight:700; font-size:28px; line-height:1.4em;}
.modal.video_view .video_txt .txt {margin-top:10px; font-size:14px; line-height:24px;}

@media screen and (max-height:900px) {
    .video_preview .preview .info .tit,
	.modal.video_view .video_txt .tit {font-size:26px;}
	.modal {min-height:290px;}
	.modal.video_view .video_wrap iframe {height:400px;}
    .modal.video_view .video_txt {height:calc(100vh - 600px);}
}
@media screen and (max-height:800px) {
    .video_preview .preview .info .tit,
	.modal.video_view .video_txt .tit {font-size:24px;}
	.modal.video_view .video_wrap iframe {height:350px;}
    .modal.video_view .video_txt {height:calc(100vh - 550px);}
}
@media screen and (max-height:768px) {
    .video_preview .preview .info .tit,
	.modal.video_view .video_txt .tit {font-size:22px;}
	.modal.video_view .video_wrap iframe {height:calc(50vh - 60px);}
    .modal.video_view .video_txt {height:calc(50vh - 30px);}
}
@media screen and (max-height:568px) {
    .modal.video_view .video_txt .tit {font-size:20px;}
}
@media screen and (max-width:1024px) {
    .video_preview {padding:30px 0;}
	.video_preview .preview .cont {float:none; width:100%;}
	.video_preview .preview .video {height:0; padding-bottom:56.25%;}
	.video_preview .preview .video iframe {left:0; width:100%; height:100%; margin:0;}
	.video_preview .preview .info {padding-left:0;}
	.video_preview .preview .info .tit {overflow:visible; max-height:100%; margin:15px 0 10px; font-size:24px;}
	.video_preview .preview .info .txt {overflow:visible; height:auto; padding:0; border:0;}
	.video_preview .preview .info .show_wrap {text-align:center;}
	.video_preview .preview .info .show {min-width:120px; padding:0 10px; border:1px solid #0071bb; line-height:48px; text-align:center;}
	.video_preview .preview .info .show:before {display:none;}
	.video_preview .preview .info .show:hover {background:#0071bb; color:#fff;}
	.video_list {margin-top:30px;}
	.video_list ul li {width:calc(50% - 15px); height:auto; margin-top:30px;}
	.video_list ul li:nth-child(3n) {margin-right:30px;}
	.video_list ul li:nth-child(-n+3) {margin-top:30px;}
	.video_list ul li:nth-child(even) {margin-right:0;}
	.video_list ul li:nth-child(-n+2) {margin-top:0;}
	.video_list ul li .thumb_wrap {height:auto;}
	.video_list ul li .thumb_wrap img {position:static; left:0; width:100%; max-width:100%; height:auto; margin:0; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
	.video_list ul li .video_tit {margin-top:10px;}
	.video_list ul li .date {margin:10px 0;}
	.modal.video_view .video_wrap {padding:30px;}
	/* .modal.video_view .video_wrap iframe {height:260px;} */
	.modal.video_view .video_txt {height:calc(50vh - 30px); padding:0 30px; background:#fff;}
    .modal.video_view .video_wrap iframe {height:calc(50vh - 60px);}
}
@media screen and (max-width:599px) {
    .video_preview .preview .info .tit {font-size:20px;}
	.video_preview .preview .info .show {width:100%; line-height:30px;}
	.video_list ul li {width:100%; margin-right:0 !important;}
	.video_list ul li:nth-child(-n+2) {margin-top:30px;}
	.video_list ul li:first-child {margin-top:0;}
	.video_list ul li .video_tit {font-size:16px; line-height:24px;}
    /* .modal.video_view .video_wrap iframe {height:100px;} */
}

/* 프린트 리스트 */
.print_preview {padding:40px 0; background:#f4f8fb;}
.print_preview .preview:after {display:block; clear:both; content:'';}
.print_preview .preview .cont {float:left;}
.print_preview .preview .print img {width:100%; max-width:580px; height:auto;}
.print_preview .preview .info {width:calc(100% - 580px); padding-left:40px;}
.print_preview .preview .info .tit {overflow:hidden; max-height:2.8em; margin:10px 0 20px; font-weight:700; font-size:28px; line-height:1.4em; color:#2a2e31;}
.print_preview .preview .info .txt {overflow-y:auto; height:243px; padding:15px 0; border-top:1px solid #d6dce1; border-bottom:1px solid #d6dce1; font-size:14px; line-height:24px;}
.print_preview .preview .info .show {position:relative; margin-top:15px; padding-left:28px; font-weight:700; line-height:32px; color:#0071bb;}
.print_preview .preview .info .show:before {position:absolute; top:7px; left:0; width:16px; height:16px; background-image:url(../image/sprite/sprite.png); background-position:-103px -355px; background-size:500px 500px; content:'';}
.print_list {margin-top:80px;}
.print_list ul:after {display:block; clear:both; content:'';}
.print_list ul li {float:left; width:calc(33.33% - 20px); margin-top:50px; margin-right:30px; border-bottom:1px solid #d6dce1; line-height:0;}
.print_list ul li:nth-child(3n) {margin-right:0;}
.print_list ul li:nth-child(-n+3) {margin-top:0;}
.print_list ul li a {display:block; height:100%;}
.print_list ul li .thumb_wrap {overflow:hidden; position:relative; border:1px solid #d6dce1; box-sizing:border-box;}
.print_list ul li .thumb_wrap .hover {visibility:hidden; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(25,127,193,0.9); -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; opacity:0;}
.print_list ul li a:hover .thumb_wrap .hover {visibility:visible; opacity:1;}
.print_list ul li .thumb_wrap .hover .tit {position:absolute; top:50%; left:50%; width:70px; height:72px; margin-top:-36px; margin-left:-35px; padding-top:54px; font-weight:700; font-size:18px; line-height:18px; color:#fff; text-align:center;}
.print_list ul li .thumb_wrap .hover .tit:before {position:absolute; top:0; left:50%; width:26px; height:26px; margin-left:-13px; background-image:url(../image/sprite/sprite.png); background-position:-72px -355px; background-size:500px 500px; content:'';}
.print_list ul li .print_tit {overflow:hidden; margin:24px 0; font-weight:700; font-size:18px; line-height:28px; color:#2a2e31; text-overflow:ellipsis; white-space:nowrap;}
.print_list ul li a:hover .video_tit {color:#0071bb;}
#recruit_pop .modal.print_view {max-width:870px;}
.modal.print_view {max-width:670px;}
.modal.print_view .cont_wrap {overflow-y:auto; height:100%; background:#f4f8fb;}
.modal.print_view .cont_wrap .print_wrap {padding:40px; background:#fff; line-height:0;}
.modal.print_view .cont_wrap .print_wrap img {width:100%; height:auto; border:1px solid #d6dce1;}
.modal.print_view .cont_wrap .print_txt {padding:40px;}
.modal.print_view .cont_wrap .print_txt .tit {font-weight:700; font-size:28px; line-height:1.4em;}
.modal.print_view .cont_wrap .print_txt .date {font-size:14px; font-family:'Montserrat'; color:#686f75; letter-spacing:0;}
.modal.print_view .cont_wrap .print_txt .txt {margin-top:10px; font-size:14px; line-height:24px;}

@media screen and (max-width:1024px) {
    #recruit_pop .modal.print_view {max-width:100%;}
	.print_preview {padding:30px 0;}
	.print_preview .preview .cont {float:none; width:100%;}
	.print_preview .preview .print img {max-width:100%;}
	.print_preview .preview .info {padding-left:0;}
	.print_preview .preview .info .tit {overflow:visible; max-height:100%; margin:15px 0 10px; font-size:24px;}
	.print_preview .preview .info .txt {overflow:visible; height:auto; padding:0; border:0;}
	.print_preview .preview .info .show_wrap {text-align:center;}
	.print_preview .preview .info .show {min-width:120px; padding:0 10px; border:1px solid #0071bb; line-height:48px; text-align:center;}
	.print_preview .preview .info .show:before {display:none;}
	.print_preview .preview .info .show:hover {background:#0071bb; color:#fff;}
	.print_list {margin-top:30px;}
	.print_list ul li {width:calc(50% - 15px); height:auto; margin-top:30px;}
	.print_list ul li:nth-child(3n) {margin-right:30px;}
	.print_list ul li:nth-child(-n+3) {margin-top:30px;}
	.print_list ul li:nth-child(even) {margin-right:0;}
	.print_list ul li:nth-child(-n+2) {margin-top:0;}
	.print_list ul li .thumb_wrap {height:auto;}
	.print_list ul li .thumb_wrap img {position:static; left:0; width:100%; max-width:100%; height:auto; margin:0;}
	.print_list ul li .video_tit {margin-top:10px;}
	.print_list ul li .date {margin:10px 0;}
	.modal.print_view {max-width:100%; padding:30px;}
	.modal.print_view .cont_wrap {background:#fff;}
	.modal.print_view .cont_wrap .print_wrap {max-width:590px; margin:0 auto; padding:0; padding-bottom:30px;}
	.modal.print_view .cont_wrap .print_txt {max-width:590px; margin:0 auto; padding:0;}
    #recruit_pop .modal.print_view .cont_wrap .print_txt {max-width:100%;}
}
@media screen and (max-height:900px) {
    .print_preview .preview .info .tit,
    .modal.print_view .cont_wrap .print_txt .tit {font-size:26px;}
}
@media screen and (max-height:800px) {
    .print_preview .preview .info .tit,
    .modal.print_view .cont_wrap .print_txt .tit {font-size:24px;}
}
@media screen and (max-height:768px) {
    .print_preview .preview .info .tit,
    .modal.print_view .cont_wrap .print_txt .tit {font-size:22px;}
}
@media screen and (max-height:568px) {
    .modal.print_view .cont_wrap .print_txt .tit {font-size:20px;}
}
@media screen and (max-width:599px) {
    .print_preview .preview .info .tit {font-size:20px;}
	.print_preview .preview .info .show {width:100%; line-height:30px;}
	.print_list ul li {width:100%; margin-right:0 !important;}
	.print_list ul li:nth-child(-n+2) {margin-top:30px;}
	.print_list ul li:first-child {margin-top:0;}
    .print_list ul li .print_tit {font-size:16px; line-height:24px;}
}

/*** 제품 ***/

/* 전문의약품(검색) */
.pro_search {background:#fff; line-height:0;}
.pro_search .radio_form {margin-bottom:30px;}
.option_wrap {margin-top:-40px; margin-bottom:50px; padding-top:60px; background:#edf7f4;}
.option_wrap dl {padding-bottom:24px; line-height:0;}
.option_wrap dl:after {display:block; clear:both; content:'';}
.option_wrap dl dt,
.option_wrap dl dd {float:left;}
.option_wrap dl dt {width:140px; font-weight:700; font-size:18px; line-height:56px; color:#2a2e31;}
.option_wrap dl dd {width:calc(100% - 140px); padding:11px 0; line-height:34px;}
.option_wrap dl dd:after {display:block; clear:both; content:'';}
.option_wrap dl dd ul {overflow:hidden;}
.option_wrap dl dd ul li {float:left;}
.option_wrap dl dd ul li a {color:#686f75;}
.option_wrap dl dd .hash li {max-width:200px; height:34px; margin-right:30px;}
.option_wrap dl dd .hash li a {overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap;}
.option_wrap dl dd .hash li a:before {content:'#';}
.option_wrap dl dd .hash li.active a,
.option_wrap dl dd .hash li a:hover {font-weight:700; color:#00a66c;}
.option_wrap dl dd .char {margin-top:-5px;}
.option_wrap dl dd .char li {margin-top:5px; margin-right:10px;}
.option_wrap dl dd .char li a {width:34px; border:1px solid #d6dce1; background:#fff; font-weight:700; font-size:14px; line-height:32px; color:#2a2e31; text-align:center;}
.option_wrap dl dd .char li.active a,
.option_wrap dl dd .char li a:hover {border-color:#00a66c; background:#00a66c; color:#fff;}
.option_wrap dl dd .cate li {width:16.66%;}
.option_wrap dl dd .cate li a {display:block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap;}
.option_wrap dl dd .cate li.active a,
.option_wrap dl dd .cate li a:hover {font-weight:700; color:#00a66c;}
.option_wrap dl dd .cate li a:before {margin-right:5px; content:'·';}
.option_wrap .link {overflow:hidden; padding-bottom:30px;}
.option_wrap .link li {float:left; position:relative; width:calc(33% - 5px); height:130px; margin-top:10px; margin-right:10px; background:#fff;}
.option_wrap .link li:last-child {margin-right:0;}
.option_wrap .link li a {position:absolute; top:0; right:0; bottom:0; left:0; border:2px solid #fff; text-align:center; box-sizing:border-box;}
.option_wrap .link li a:hover {border:2px solid #0071bb;}
.option_wrap .link li a:after {position:absolute; bottom:30px; left:50%; width:31px; height:6px; margin-left:-15px; background-image:url(../image/sprite/sprite.png); background-position:-41px -80px; background-size:500px 500px; content:'';}
.option_wrap .link li a p {margin-top:18px; font-weight:700; font-size:18px; line-height:36px; color:#2a2e31;}
.option_wrap .link li a small {display:block; font-weight:700; font-size:14px; line-height:24px; color:#0071bb;}
.option_wrap .link li a:hover p,
.option_wrap .link li a:hover small {opacity:0.3;}
.product_list > ul {line-height:0;}
.product_list > ul:after {display:block; clear:both; content:'';}
.product_list > ul > li {float:left; position:relative; width:calc(33.33% - 20px); max-width:380px; height:390px; margin-top:60px; margin-right:30px;}
.product_list > ul > li.no_post {width:100%; max-width:100%; height:auto; text-align:center;}
.product_list > ul > li:nth-child(-n+3) {margin-top:0;}
.product_list > ul > li:nth-child(3n) {margin-right:0;}
.product_list > ul > li a {display:block; height:100%; text-align:center;}
.product_list > ul > li .link {position:absolute; bottom:-50px; width:100%; height:50px; font-weight:700; font-size:14px; line-height:50px; color:#0071bb;}
.product_list > ul > li .link span {position:relative; padding-right:50px;}
.product_list > ul > li .link span:after {position:absolute; top:50%; right:0; width:31px; height:6px; margin-top:-5px; background-image:url(../image/sprite/sprite.png); background-position:-41px -80px; background-size:500px 500px; -webkit-transition:right 0.2s; -moz-transition:right 0.2s; -ms-transition:right 0.2s; -o-transition:right 0.2s; transition:right 0.2s; content:'';}
.product_list > ul > li .link:hover span:after {right:-10px;}
.product_list > ul > li img {position:absolute; top:50%; left:50%; max-width:95%; max-height:300px; margin-top:-35px; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.product_list > ul > li .name {overflow:hidden; position:absolute; bottom:0; left:0; width:100%; padding:0 10px; background:#f5f9fb; font-weight:700; font-size:18px; line-height:70px; color:#2a2e31; text-align:center; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:color 0.5s; -moz-transition:color 0.5s; -ms-transition:color 0.5s; -o-transition:color 0.5s; transition:color 0.5s;}
.product_list > ul > li a:hover .name {background:rgba(2,162,116,0.9); color:#fff;}
.product_list > ul > li .desc_wrap {visibility:hidden; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(19,114,185,0.92); color:#fff; text-align:center; -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -ms-transition:opacity 0.5s; -o-transition:opacity 0.5s; transition:opacity 0.5s; opacity:0;}
.product_list > ul > li a:hover .desc_wrap {visibility:visible; opacity:1;}
.product_list > ul > li .desc {padding:0 10px;}
/* .product_list > ul > li .desc:after {position:absolute; top:225px; left:50%; width:31px; height:6px; margin-left:-15px; background-image:url(../image/sprite/sprite.png); background-position:-77px -80px; background-size:500px 500px; -webkit-transition:right 0.2s; -moz-transition:right 0.2s; -ms-transition:right 0.2s; -o-transition:right 0.2s; transition:right 0.2s; content:'';} */
.product_list > ul > li .desc .cate {display:inline-block; overflow:hidden; max-width:100%; height:35px; margin-top:88px; padding:0 20px; border-top:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3); font-weight:700; font-size:18px; line-height:35px; text-overflow:ellipsis; white-space:nowrap;}
.product_list > ul > li .desc .txt {overflow:hidden; height:72px; margin:15px 0; font-size:14px; line-height:24px;}
.product_list > ul > li .desc .more {display:inline-block; position:relative; margin-bottom:25px; padding-left:30px; font-weight:700; font-size:14px; line-height:20px;}
.product_list > ul > li .desc .more:before {position:absolute; top:8px; left:0; width:20px; height:1px; background:#fff; content:'';}
.product_list > ul > li .desc .more:after {position:absolute; top:5px; left:12px; width:6px; height:6px; border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg);transform:rotate(45deg); content:'';}
.product_list > ul > li .desc .part {font-size:0;}
.product_list > ul > li .desc .part li {display:inline-block; overflow:hidden; max-width:50%; padding-left:12px; font-weight:700; font-size:14px; line-height:1em; text-overflow:ellipsis; white-space:nowrap;}
.product_list > ul > li .desc .part li:first-child {padding:0; padding-right:15px; border-right:1px solid #5ea6d4;}
.product_list > ul > li .desc.etc .txt {margin-top:133px; font-weight:700; font-size:18px;}
.product_list > ul > li .desc.etc:after {top:180px;}

/* @media screen and (max-width:1280px) {
.product_list > ul > li {height:auto; padding-bottom:50px;}
.product_list > ul > li .desc {position:absolute; top:50%; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
.product_list > ul > li .desc:after {top:auto; bottom:0;}
.product_list > ul > li .desc .cate {margin-top:0;}
.product_list > ul > li .desc .txt {margin:15px 0 20px;}
.product_list > ul > li .name {line-height:50px; font-size:16px;}
}*/
@media screen and (max-width:1024px) {
    .pro_search .search_form {max-width:100%;}
	.option_wrap {margin-top:-22px; margin-bottom:30px;}
	.product_list > ul > li {width:calc(50% - 15px); max-width:100%; height:300px; margin-top:30px;}
	.product_list > ul > li:nth-child(-n+3) {margin-top:30px;}
	.product_list > ul > li:nth-child(-n+2) {margin-top:0;}
	.product_list > ul > li:nth-child(3n) {margin-right:30px;}
	.product_list > ul > li:nth-child(even) {margin-right:0;}
	.product_list > ul > li a {height:calc(100% - 30px);}
	.product_list > ul > li .link {bottom:0; height:30px; border:1px solid #0071bb; line-height:30px;}
	.product_list > ul > li .link:hover {background:#0071bb; color:#fff;}
	.product_list > ul > li .link span {padding:0;}
	.product_list > ul > li .link span:after {display:none;}
	.product_list > ul > li img {max-height:170px;}
	.product_list > ul > li .desc_wrap {display:none;}
	.product_list > ul > li .name {display:block; bottom:30px; font-size:16px; line-height:50px;}
	.product_list > ul > li a:hover .name {background:#f5f9fb; color:#2a2e31;}
	.option_wrap dl dt {line-height:46px;}
	.option_wrap dl dd {line-height:24px;}
	.option_wrap dl dd .cate li {width:25%;}
	.option_wrap dl dd .char {margin-top:-10px;}
	.option_wrap .link li {width:calc(50% - 5px); height:100px;}
	.option_wrap .link li:nth-child(even) {margin-right:0;}
	.option_wrap .link li a p {margin-top:13px; line-height:26px;}
    .option_wrap .link li a:after {bottom:20px;}
}
@media screen and (max-width:599px) {
    .option_wrap {padding-top:32px;}
	.pro_search .radio_form {margin-bottom:20px;}
	.option_wrap dl dt,
	.option_wrap dl dd {float:none; width:100%;}
	.option_wrap dl dt {margin-top:10px;}
	.option_wrap dl dd {padding:0;}
	.option_wrap dl dd .hash li {max-width:100%; margin-right:20px;}
	.option_wrap dl dd .cate li {width:50%;}
	.option_wrap dl dd .char {margin-top:-5px;}
	.option_wrap .link li {width:100%; height:auto; margin-right:0 !important;}
	.option_wrap .link li a {display:block; position:static; padding:10px 20px; text-align:left;}
	.option_wrap .link li a:after {top:50%; right:20px; left:auto; margin:0; margin-top:-3px;}
	.option_wrap .link li a p {margin-top:0; font-size:16px; line-height:1.4em;}
	.product_list > ul > li {width:100%; margin-right:0;}
	.product_list > ul > li:nth-child(-n+2) {margin-top:30px;}
    .product_list > ul > li:first-child {margin-top:0;}
}

/* 전문의약품(상세) */
.pro_info {margin:-80px 0 80px; padding:80px 0; background:#edf7f4;}
.pro_info:after {display:block; clear:both; content:'';}
.pro_info .cont {float:left; width:calc(50% - 20px);}
.pro_info .thumb_wrap {margin-right:40px;}
.pro_info .thumb_view {overflow:hidden; padding:20px; border:1px solid #d6dce1; background:#fff; line-height:320px; text-align:center;}
.pro_info .thumb_view img {max-height:280px; vertical-align:middle;}
.pro_info .thumb_list {margin-top:15px; font-size:0;}
.pro_info .thumb_list li {float:left; margin:20px 20px 0 0; background:#fff;}
.pro_info .thumb_list li a {position:relative; width:110px; height:90px;}
.pro_info .thumb_list li a:before {visibility:hidden; position:absolute; width:100%; height:100%; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; content:''; opacity:0;}
.pro_info .thumb_list li a:hover:before {visibility:visible; background:rgba(19,114,185,0.92); opacity:1;}
.pro_info .thumb_list li .thumb:before,
.pro_info .thumb_list li .thumb:after {visibility:hidden; position:absolute; top:50%; left:50%; width:18px; height:2px; margin-top:-1px; margin-left:-9px; background:#fff; -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -ms-transition:opacity 0.5s; -o-transition:opacity 0.5s; transition:opacity 0.5s; content:''; opacity:0;}
.pro_info .thumb_list li a:hover .thumb:before,
.pro_info .thumb_list li a:hover .thumb:after {visibility:visible; opacity:1;}
.pro_info .thumb_list li a:hover .thumb:after {-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); transform-origin:center center;}
.pro_info .thumb_list li img {width:110px; height:90px;}
.pro_info .pro_detail .cate {display:block; font-weight:700; line-height:20px; color:#0071bb;}
.pro_info .pro_detail .name {padding-bottom:20px; border-bottom:1px solid #d6dce1; font-weight:700; font-size:28px; line-height:40px; color:#2a2e31;}
.pro_info .pro_detail dl {margin:17px 0; line-height:40px;}
.pro_info .pro_detail dl:after {display:block; clear:both; content:'';}
.pro_info .pro_detail dl dt,
.pro_info .pro_detail dl dd {float:left;}
.pro_info .pro_detail dl dt {width:120px; font-weight:700; font-size:18px; color:#2a2e31;}
.pro_info .pro_detail dl dd {width:calc(100% - 120px); min-height:40px; padding:10px 0; line-height:20px;}
.pro_info .pro_detail dl dd:after {display:block; clear:both; content:'';}
.pro_info .pro_detail dl dt.view {width:100%; margin-top:20px;}
.pro_info .pro_detail dl dt.view + dd {width:100%; line-height:30px;}
.pro_info .pro_detail dl dd ul {overflow:hidden;}
.pro_info .pro_detail dl dd ul li {float:left; margin-right:40px; font-size:0;}
.pro_info .pro_detail dl dd ul li span {margin-right:20px; font-size:14px; vertical-align:middle;}
.pro_info .pro_detail dl dd ul li img {height:40px; vertical-align:middle;}
.pro_info .pro_detail .btn_ctr {margin-top:63px; font-size:0;}
.pro_info .pro_detail .btn_ctr a {width:calc(50% - 10px); margin-right:20px; background:none; white-space:nowrap;}
.pro_info .pro_detail .btn_ctr a.qna {margin:0;}
.pro_info .pro_detail .btn_ctr a.lib {width:100%; margin-top:20px;}
.pro_info .pro_detail .btn_ctr p {margin-top:20px; font-size:12px; line-height:1.4em;}
.medi_info dt {position:relative; margin-top:16px; padding-left:20px; font-weight:700; font-size:18px; line-height:45px; color:#2a2e31;}
.medi_info dt:before {position:absolute; top:50%; left:0; width:4px; height:4px; margin-top:-2px; background:#00a66c; content:'';}
.medi_info dd {position:relative; padding:0 0 24px 20px; /*font-size:14px;*/ font-size:12px; line-height:24px; color:#777;}
.medi_info dd table * {font-size:inherit; font-family:inherit; line-height:inherit; color:#000; letter-spacing:inherit;}
.medi_info dd table td {vertical-align:middle;}
/* .medi_info dd table {width:unset !important; margin:0 !important; padding:0 !important; border:0 !important; border-top:1px solid #d6dce1 !important; border-bottom:1px solid #d6dce1 !important; table-layout:fixed;}
.medi_info dd table th {border:0 !important; border-bottom:1px solid #d6dce1 !important;}
.medi_info dd table td {border:0 !important;} */
.medi_info dd:after {position:absolute; bottom:0; left:0; width:calc(100% - 60px); height:1px; background:#d6dce1; content:'';}
.medi_info dd td {width:auto !important;}

@media screen and (max-width:1024px) {
    .pro_info {margin:-30px 0 30px; padding:30px 0;}
	.pro_info .cont {width:calc(50% - 15px);}
	.pro_info .thumb_wrap {margin-right:30px;}
	.pro_info .thumb_view {line-height:200px;}
	.pro_info .thumb_list {margin-top:5px;}
	/* .pro_info .thumb_list li {width:calc(50% - 10px);}
    .pro_info .thumb_list li:nth-child(even) {margin-right:0;} */
	.pro_info .thumb_list li a,
	.pro_info .thumb_list li img {width:auto; height:auto;}
	.pro_info .pro_detail dl dt.view {margin-top:0;}
	.pro_info .pro_detail .btn_ctr {margin-top:30px;}
	.pro_info .pro_detail .btn_ctr a {width:100%; min-width:120px; margin-bottom:10px; background:#fff;}
	.pro_info .pro_detail .btn_ctr a.print {display:none;}
	.pro_info .pro_detail .btn_ctr a.lib {width:100%; margin:0; margin-top:10px;}
    .medi_info dd:after {width:100%;}
}
@media screen and (max-width:599px) {
    .pro_info .cont {width:100%;}
	.pro_info .pro_detail {margin-top:30px; padding-top:25px; border-top:1px solid #d6dce1;}
	.pro_info .thumb_wrap {margin:0;}
	.pro_info .thumb_list {display:none;}
	.pro_info .pro_detail dl dt,
	.pro_info .pro_detail dl dd {float:none; width:100%; min-height:0; margin-top:10px !important; padding:0;}
	.pro_info .pro_detail dl dd ul li {float:none;}
    .pro_info .pro_detail .btn_ctr a {width:100%;}
}

/* 개인유전자분석서비스 */
.gene .care_tit {overflow:hidden; height:135px; padding-bottom:395px;}
.gene .care_tit img {float:left; height:88px; margin-right:40px;}
.gene .care_tit .tit_wrap {float:left; margin-top:30px;}
.gene .care_tit .tit_wrap small {font-size:14px; font-family:'Montserrat'; line-height:24px; color:#686f75; letter-spacing:0;}
.gene .care_tit .tit_wrap .tit {font-weight:700; font-size:30px; line-height:1.4em; color:#2a2e31; letter-spacing:-0.045em;}
.gene .care_tit .tit_wrap .tit em {color:#00a66c;}
.gene .care_txt {padding-bottom:50px; background:#edf7f4; text-align:center;}
.gene .care_txt .img_wrap {display:inline-block; overflow:hidden; position:relative; width:100%; height:520px; margin-top:-260px; font-size:0;}
.gene .care_txt img {position:absolute; top:0; left:50%; max-width:1200px; height:520px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
.gene .care_txt .main_tit {margin-top:20px; font-weight:900; font-size:30px; font-family:'Nanum Myeongjo'; line-height:60px; color:#2a2e31;}
.gene .care_txt .main_tit span {position:relative; font-family:'Nanum Myeongjo';}
.gene .care_txt .main_tit span:after {position:absolute; top:-5px; left:50%; width:4px; height:4px; margin-left:-2px; border-radius:50%; background:#2a2e31; content:'';}
.gene .care_txt .sub_tit {font-weight:700; font-size:24px; font-family:'Montserrat'; line-height:40px; color:#00a66c; letter-spacing:0;}
.gene .care_txt .txt {margin-top:20px; font-size:14px; line-height:24px; color:#4c5358;}
.gene .gene_care ul {font-size:0;}
.gene .gene_care ul li {height:120px; border-bottom:1px solid #d6dce1;}
.gene .gene_care ul li dl {overflow:hidden;}
.gene .gene_care ul li dl dt,
.gene .gene_care ul li dl dd {float:left; position:relative; width:50%; height:120px;}
.gene .gene_care ul li dl dt {line-height:1.5;}
.gene .gene_care ul li dl dt:after {position:absolute; top:50%; left:0; background-image:url(../image/sprite/sprite.png); background-size:500px 500px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); content:'';}
.gene .gene_care ul li:nth-child(1) dl dt:after {width:54px; height:60px; background-position:-153px -435px;}
.gene .gene_care ul li:nth-child(2) dl dt:after {width:41px; height:60px; background-position:-212px -435px;}
.gene .gene_care ul li:nth-child(3) dl dt:after {width:50px; height:40px; background-position:-258px -435px;}
.gene .gene_care ul li:nth-child(4) dl dt:after {width:46px; height:46px; background-position:-313px -435px;}
.gene .gene_care ul li:nth-child(5) dl dt:after {width:45px; height:45px; background-position:-364px -435px;}
.gene .gene_care ul li dl dt .wrap {position:absolute; top:50%; padding-right:30px; padding-left:90px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.gene .gene_care ul li dl dt .tit {font-weight:700; font-size:18px; color:#2a2e31;}
.gene .gene_care ul li dl dt small {display:block; margin-top:5px; font-size:12px; font-family:'Montserrat'; color:#686f75; letter-spacing:0;}
.gene .gene_care ul li dl dd .txt {position:absolute; top:50%; font-size:14px; line-height:24px; color:#2a2e31; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.gene .gene_target {margin-top:25px;}
.gene .gene_target ul {overflow:hidden; margin-top:-10px; font-size:0;}
.gene .gene_target ul li {float:left; position:relative; width:calc(25% - 8px); height:170px; margin:10px 10px 0 0; background:#edf7f4; text-align:center;}
.gene .gene_target ul li:nth-child(-n+4) {background:#f4f8fb;}
.gene .gene_target ul li:nth-child(4n) {margin-right:0;}
.gene .gene_target ul li .txt {position:absolute; top:50%; left:0; width:100%; padding:10px; font-weight:700; font-size:14px; line-height:24px; color:#2a2e31; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.gene .gene_info {position:relative;}
.gene .gene_info .step_wrap {padding:0 37px;}
.gene .gene_info ol {overflow:hidden; height:auto; padding:5.77% 2.93% 0 2.93%; background:url(../image/bg/bg_genestep.png) no-repeat center top; background-size:100%; font-size:0;}
.gene .gene_info ol li {float:left; width:25%; padding:0 10px; padding-top:335px; text-align:center;}
.gene .gene_info ol li:nth-child(even) {padding-top:415px;}
.gene .gene_info ol li .step {display:none;}
.gene .gene_info ol li .wrap {position:relative; padding-top:25px;}
.gene .gene_info ol li .wrap:before {position:absolute; top:-130px; left:50%; z-index:-1; width:1px; height:130px; background:#d6dce1; content:'';}
.gene .gene_info ol li:nth-child(even) .wrap:before {top:-210px; height:210px;}
.gene .gene_info ol li .wrap .tit {font-weight:700; font-size:18px; line-height:28px; color:#2a2e31;}
.gene .gene_info ol li .wrap .txt {margin-top:8px; font-size:14px; line-height:24px; color:#4c5358;}
.gene .gene_info .search {position:absolute; top:0; right:0; padding-right:50px; font-weight:700; font-size:14px; line-height:35px; color:#0071bb;}
.gene .gene_info .search:after {position:absolute; top:50%; right:0; width:31px; height:6px; margin-top:-5px; background-image:url(../image/sprite/sprite.png); background-position:-41px -80px; background-size:500px 500px; -webkit-transition:right 0.2s; -moz-transition:right 0.2s; -ms-transition:right 0.2s; -o-transition:right 0.2s; transition:right 0.2s; content:'';}
.gene .gene_info .search:hover:after {right:-10px;}
.gene .pathway {overflow:hidden; margin:55px 0 25px; padding:15px 30px; background:#edf7f4;}
.gene .pathway img {float:left; margin-right:30px;}
.gene .pathway .txt {padding:2px 0; font-size:14px; line-height:24px; color:#2a2e31;}
.gene .list_type3 li {margin-bottom:6px;}
.modal.gene {max-width:1200px;}
.modal.gene .modal_tit .txt {margin-top:10px;}
/* .modal.gene .modal_cont .subtit_line {margin-top:-40px;}  */
.modal.gene .modal_cont {padding:0 40px;}
.modal.gene .modal_cont .subtit_line {margin-top:17px;}
.modal.gene .modal_cont .subtit_line span {margin-top:12px;}
.modal.gene .modal_cont .board_list {overflow-y:auto; height:calc(100vh - 376px); margin:0;}
.admin-bar .modal.gene .modal_cont .board_list {height:calc(100vh - 408px);}
.modal.gene .modal_cont .board_list table + table {margin-top:40px;}
.modal.gene .modal_cont .board_list table + table thead th {border-top:1px solid #d6dce1;}
.modal.gene .modal_cont .board_list table tbody th,
.modal.gene .modal_cont .board_list table tbody td {border-left:1px solid #d6dce1;}
.modal.gene .modal_cont .board_list table tbody tr th:first-child,
.modal.gene .modal_cont .board_list table tbody tr td:first-child {border-left:0;}
.modal.gene .modal_cont .board_list table tbody tr th:first-child {background:#edf7f4; font-weight:700; font-size:16px; color:#2a2e31;}
.modal.gene .modal_cont .board_list table td a {font-weight:400; font-size:14px; line-height:20px; color:#4c5358;}
.modal.gene .modal_cont .board_list table td a:hover {font-weight:700; color:#0071bb; text-decoration:underline;}

@media screen and (max-width:1024px) {
    .gene .care_tit {height:auto; margin-bottom:25px; padding:0; text-align:center;}
	.gene .care_tit img,
	.gene .care_tit .tit_wrap {float:none; margin:0;}
	.gene .care_tit .tit_wrap .tit {font-size:26px;}
	.gene .care_txt {padding:30px 0; font-size:0;}
	.gene .care_txt .img_wrap {overflow:visible; height:auto; margin:0;}
	.gene .care_txt img {position:static; max-width:100%; height:auto; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
	.gene .care_txt .main_tit {font-size:26px; line-height:1.4em;}
	.gene .care_txt .sub_tit {font-size:22px; line-height:1.4em;}
	.gene .gene_care ul li dl dt .tit {font-size:16px;}
	.gene .gene_target ul li {width:calc(50% - 5px); height:130px;}
	.gene .gene_target ul li:nth-child(4n) {margin-right:10px;}
	.gene .gene_target ul li:nth-child(even) {margin-right:0;}
	.gene .gene_info .step_wrap {padding:0;}
	.gene .gene_info ol {padding:0; background:none;}
	.gene .gene_info ol li {position:relative; width:calc(50% - 15px); margin-top:30px; margin-right:30px; padding:50px 0 0 0 !important;}
	.gene .gene_info ol li:nth-child(even) {margin-right:0;}
	.gene .gene_info ol li:before {position:absolute; top:0; left:50%; background-image:url(../image/sprite/sprite.png); background-size:500px 500px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); content:'';}
	.gene .gene_info ol li:nth-child(1):before {width:31px; height:45px; background-position:-5px -239px;}
	.gene .gene_info ol li:nth-child(2):before {width:26px; height:47px; background-position:-41px -239px;}
	.gene .gene_info ol li:nth-child(3):before {width:50px; height:45px; background-position:-72px -239px;}
	.gene .gene_info ol li:nth-child(4):before {width:36px; height:45px; background-position:-127px -239px;}
	.gene .gene_info ol li .step {display:block; font-weight:700; font-size:12px; font-family:'Montserrat'; letter-spacing:0;}
	.gene .gene_info ol li:nth-child(1) .step,
	.gene .gene_info ol li:nth-child(4) .step {color:#0071bb;}
	.gene .gene_info ol li:nth-child(2) .step {color:#00a66c;}
	.gene .gene_info ol li:nth-child(3) .step {color:#70609d;}
	.gene .gene_info ol li .wrap {padding:0;}
	.gene .gene_info ol li .wrap:before {display:none;}
	.gene .gene_info ol li .wrap .tit {margin-top:10px; font-size:16px; line-height:1.4em;}
	.gene .gene_info .search_wrap {margin-top:25px; text-align:center;}
	.gene .gene_info .search_wrap .search {position:static; width:auto; min-width:120px; padding:0 10px; border:1px solid #0071bb; line-height:48px; text-align:center;}
	.gene .gene_info .search_wrap .search:hover {background:#0071bb; color:#fff;}
	.gene .gene_info .search_wrap .search:after {display:none;}
	.gene .pathway {margin:30px 0 25px;}
	.gene .pathway img {margin:0 10px 10px 0;}
	.modal.gene .modal_cont {height:calc(100vh - 200px); padding:0 30px;}
	.modal.gene .modal_cont .subtit_line {margin-top:0;}
	.modal.gene .modal_cont .board_list {height:auto;}
	.admin-bar .modal.gene .modal_cont {height:calc(100vh - 246px);}
	.admin-bar .modal.gene .modal_cont .board_list {height:auto;}
	/* .modal.gene .modal_cont .board_list {overflow:hidden; height:auto;}  */
	.modal.gene .modal_cont .board_list table thead {overflow:visible; position:static; width:100%; height:auto;}
	.modal.gene .modal_cont .board_list table thead tr {background:#f4f8fb;}
	.modal.gene .modal_cont .board_list table thead tr th {display:block; border:0; background:none; line-height:20px; text-align:center;}
	.modal.gene .modal_cont .board_list table tbody tr th {display:none;}
	.modal.gene .modal_cont .board_list table tbody th,
	.modal.gene .modal_cont .board_list table tbody td {border-left:0;}
	.modal.gene .modal_cont .board_list table td a,
    .modal.gene .modal_cont .board_list table td.tit {margin-top:0; font-weight:700; font-size:16px; line-height:30px; color:#2a2e31;}
}
@media screen and (max-width:599px) {
    .gene .care_tit .tit_wrap small {line-height:1.4em;}
	.gene .care_tit .tit_wrap .tit {margin-top:5px; font-size:22px;}
	.gene .care_txt .main_tit {font-size:22px;}
	.gene .care_txt .sub_tit {font-size:20px;}
	.gene .care_txt .txt {margin-top:10px;}
	.gene .gene_care ul li {height:auto; padding:15px 0;}
	.gene .gene_care ul li dl {text-align:center;}
	.gene .gene_care ul li dl dt,
	.gene .gene_care ul li dl dd {float:none; width:100%; height:auto;}
	.gene .gene_care ul li dl dt .wrap,
	.gene .gene_care ul li dl dd .txt {position:static; padding:0; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
	.gene .gene_care ul li dl dt {padding-top:70px;}
	.gene .gene_care ul li dl dt:after {top:0; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
	.gene .gene_care ul li:nth-child(n+3) dl dt:after {top:5px;}
	.gene .gene_care ul li dl dd {margin-top:10px;}
	.gene .gene_target ul li {width:100%; height:auto; margin-right:0; padding:10px;}
	.gene .gene_target ul li .txt {position:static; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
	.gene .gene_info ol li {float:none; width:100%; margin-right:0;}
	.gene .gene_info .search_wrap .search {width:100%; line-height:30px;}
	.gene .pathway {position:relative; left:-30px; width:calc(100% + 60px); text-align:center;}
	.gene .pathway img {float:none; margin-right:0;}
	.gene .pathway .txt {text-align:left;}
	.modal.gene .modal_tit {height:200px;}
	.modal.gene .modal_cont {height:calc(100vh - 230px);}
    .admin-bar .modal.gene .modal_cont {height:calc(100vh - 276px);}
}

/* 제품허가변경사항 */
.per_wrap {position:relative; margin-top:-80px; margin-bottom:50px; padding-top:80px; background:#edf7f4; line-height:0;}
.per_wrap .txt {padding:25px 0 47px 0;}
.pms_wrap ul {overflow:hidden; padding:17px 10px; background:#edf7f4;}
.pms_wrap ul li {float:left; width:50%; padding:0 30px;}
.pms_wrap ul li:nth-child(odd) {clear:both;}
.pms_wrap ul li dl {overflow:hidden; padding:12px 0; line-height:24px;}
.pms_wrap ul li dl dt {float:left; position:relative; width:105px; font-weight:700; font-size:16px; color:#2a2e31;}
.pms_wrap ul li dl dt:after {position:absolute; top:50%; right:0; width:1px; height:15px; margin-top:-9px; background:#d6dce1; content:'';}
.pms_wrap ul li dl dd {float:left; width:calc(100% - 105px); padding-left:20px; font-size:16px; color:#4c5358;}
.pms_wrap ul li:nth-child(even) dl dt {width:60px;}
.pms_wrap ul li:nth-child(even) dl dd {width:calc(100% - 60px);}
.pms_wrap .pms_content {min-height:330px; margin-top:45px; padding-bottom:30px; border-bottom:1px solid #d6dce1;}
.pms_wrap .pms_content p {font-size:14px; line-height:24px; color:#4c5358;}
.pms_wrap .pms_content .link_wrap {margin-top:14px;}
.pms_wrap .pms_content .link_wrap .link {position:relative; padding-right:50px; font-size:14px; line-height:32px; color:#0071bb;}
.pms_wrap .pms_content .link_wrap .link:after {position:absolute; top:50%; right:0; width:31px; height:6px; margin-top:-3px; background-image:url(../image/sprite/sprite.png); background-position:-41px -80px; background-size:500px 500px; -webkit-transition:right 0.2s; -moz-transition:right 0.2s; -ms-transition:right 0.2s; -o-transition:right 0.2s; transition:right 0.2s; content:'';}
.pms_wrap .pms_content .link_wrap .link:hover:after {right:-10px;}

@media screen and (max-width:1024px) {
    .per_wrap {margin-top:-30px; margin-bottom:30px; padding-top:30px;}
	.per_wrap .search_form {max-width:100%;}
	.per_wrap .txt {padding-bottom:25px;}
	.pms_wrap ul {padding:15px 0;}
	.pms_wrap ul li {float:none; width:100%;}
	.pms_wrap ul li dl {padding:8px 0;}
	.pms_wrap ul li dl dt {width:90px !important; font-size:14px;}
	.pms_wrap ul li dl dd {width:calc(100% - 90px) !important; font-size:14px;}
	.pms_wrap .pms_content {min-height:0; margin-top:25px;}
	.pms_wrap .pms_content .link_wrap .link {width:auto; min-width:120px; padding:0 10px; border:1px solid #0071bb; font-weight:700; line-height:48px; color:#0071bb; text-align:center;}
	.pms_wrap .pms_content .link_wrap .link:after {display:none;}
    .pms_wrap .pms_content .link_wrap .link:hover {background:#0071bb; color:#fff;}
}
@media screen and (max-width:599px) {
    .pms_wrap .pms_content .link_wrap .link {width:100%; min-width:auto; line-height:30px;}
}

/*** 연구개발 ***/

/* 연구개발분야 */ /* 20220610 업데이트 */

.openinnov .max_container {word-break: break-all;}
.openinnov .info_wrap, .rnd .info_wrap {margin-top:0;}
.openinnov .info_wrap, .rnd .info_wrap .info {margin-top: 0;}
.openinnov .info_wrap .hdfc {padding-right:40px} /*퓨쳐 콤플렉스 소개부분*/

.rnd {padding:40px 0 80px 0; background:url(../image/bg/bg_innovation_rnd.jpg) no-repeat; background-size:100%;}
.rnd .tit {font-size:24px; font-weight:600; text-align:center; margin-bottom:20px;}
.rnd .blue {color:#0071bb;}
.rnd .green {color:#00a66c;}
.rnd .purple {color:#70609d;}

.rnd .cont ul li:last-child {margin-right:0;}
.rnd .cont ul li.rnd_list_01 {background:rgba(255,255,255,0.9) url(../image/img/rnd_logo_1_rezolute.png) no-repeat center 29px;}
.rnd .cont ul li.rnd_list_02 {background:rgba(255,255,255,0.9) url(../image/img/rnd_logo_2_ablbio.png) no-repeat center 48px;}
.rnd .cont ul li.rnd_list_03 {background:rgba(255,255,255,0.9) url(../image/img/rnd_logo_3_scm.png) no-repeat center 39px;}
.rnd .cont ul li.rnd_list_04 {background:rgba(255,255,255,0.9) url(../image/img/rnd_logo_4_sparkbio.png) no-repeat center 45px;}
.rnd .cont ul li.rnd_list_05 {background:rgba(255,255,255,0.9) url(../image/img/rnd_logo_5_welt.png) no-repeat center 64px;}
.rnd .cont ul li.rnd_list_06 {background:rgba(255,255,255,0.9) url(../image/img/rnd_logo_6_nbpostech.png) no-repeat center 64px;}
.rnd .cont ul li.rnd_list_07 {background:rgba(255,255,255,0.9) url(../image/img/rnd_logo_6_theravalues.png) no-repeat center 53px;}
.rnd .cont ul li p {font-size:14px; color:#333;}
.rnd .cont ul li p.tit {margin:99px auto 15px; color:#999;}
.rnd .cont ul li p.txt {text-align:center;}
.rnd .cont ul li i {display:block; width:24px; height:1px; margin:0 auto; background:#ddd; margin-bottom:15px}

.rnd .upper {margin:40px auto; padding-bottom:40px; border-bottom:1px solid #ddd;}
.rnd .upper ul {overflow:hidden;}
.rnd .upper ul li {float:left; width:calc(25% - 30px); height:256px; margin-right:40px;}

.rnd .lower {overflow:hidden; margin:0 auto;}
.rnd .lower .cont {float:left; width:calc(50% - 20px); margin-right:40px;}
.rnd .lower .cont:last-child {margin:0}
.rnd .lower ul {overflow:hidden; width:100%;}
.rnd .lower ul li {float:left; width:calc(50% - 20px); height:256px; margin-right:40px;}
.rnd .lower .cont:last-child li {width:100%;}

@media screen and (max-width:1280px) {
	
	.rnd {padding:40px 0; background-size:300%; background-position:center top;}

    .rnd .upper ul li {width:calc(50% - 20px);}
	.rnd .upper ul li {margin:20px 0;}
	.rnd .upper ul li:nth-child(odd) {margin-right:40px;}
	
	.rnd .lower {overflow:visible; margin:0 auto;}
	.rnd .lower .cont {float:none; width:100%; margin-right:0px; }
	.rnd .lower .cont:first-child {padding-bottom:40px; border-bottom:1px solid #ddd;}
	.rnd .lower .cont:last-child {margin:40px 0 0;}
	.rnd .lower ul {overflow:hidden; width:100%;}
	.rnd .lower ul li {float:left; width:calc(50% - 20px); height:256px; margin-right:0px;}
	.rnd .lower ul li:nth-child(odd) {margin-right:40px;}
	
}
@media screen and (max-width:1024px) {

	.rnd {padding:40px 0; background:#f4f8fb;}

	.rnd .upper ul li {width:100%;}
	.rnd .upper ul li {margin:20px 0;}
	.rnd .upper ul li:nth-child(odd) {margin-right:0px;}

	.rnd .lower .cont {float:none; width:100%; margin-right:0px;}
	.rnd .lower .cont:last-child {margin:40px 0 0;}
	.rnd .lower ul {overflow:hidden; width:100%;}
	.rnd .lower ul li {float:left; width:100%; height:256px; margin-right:0px;}
	.rnd .lower ul li:nth-child(even) {margin-top:40px;}
}

/* 플랫폼기술 */
.platform .release {padding:18px 5px; background:#f4f8fb;}
.platform .release:after,
.platform .release li dl:after {display:block; clear:both; content:'';}
.platform .release li,
.platform .release li dl dt,
.platform .release li dl dd {float:left; line-height:14px;}
.platform .release li {padding:0 25px; border-right:1px solid #d6dce1;}
.platform .release li:last-child {border:0;}
.platform .release li dl dt {margin-right:15px; font-weight:700; color:#2a2e31;}
.platform .drm_img {position:relative; height:314px; margin:50px 0 40px; background:url(../image/bg/bg_drm.png) no-repeat center center;}
.platform .drm_img .info {position:absolute; width:50%;}
.platform .drm_img .info:before,
.platform .drm_img .info:after {position:absolute; content:'';}
.platform .drm_img .info:before {height:1px; background:#2a2e31;}
.platform .drm_img .info:after {width:7px; height:7px; border-radius:50%; background:#2a2e31; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.platform .drm_img .info .wrap {position:absolute; right:0;}
.platform .drm_img .info .tit {margin-bottom:10px; font-weight:700; font-size:18px; font-family:'Montserrat'; letter-spacing:0; text-indent:0;}
.platform .drm_img .api_1 {top:55px; right:0;}
.platform .drm_img .api_1:before {top:28px; left:11px; width:calc(100% - 290px);}
.platform .drm_img .api_1:after {top:25px; left:10px;}
.platform .drm_img .api_1 .tit {color:#0071bb;}
.platform .drm_img .api_1 li:before {background:#0071bb;}
.platform .drm_img .api_2 {top:190px; right:20px;}
.platform .drm_img .api_2:before {top:33px; left:62px; width:calc(100% - 320px);}
.platform .drm_img .api_2:after {top:30px; left:60px;}
.platform .drm_img .api_2 .tit {color:#70609d;}
.platform .drm_img .api_2 li:before {background:#70609d;}
.platform .drm_img .inter {top:130px; left:0;}
.platform .drm_img .inter:before {top:13px; right:-36px; width:calc(100% - 245px);}
.platform .drm_img .inter:after {top:10px; right:-40px;}
.platform .drm_img .inter .wrap {right:auto; left:0;}
.platform .drm_img .inter .tit {color:#00a66c;}
.platform .txt + .subtit_line {margin-top:30px;}
.effect {background:#edf7f4;}
.effect ul {overflow:hidden; padding:40px 0;}
.effect ul li {float:left; width:50%; height:280px; border-left:1px solid #d6dce1; text-align:center;}
.effect ul li .wrap {padding-top:190px; background-repeat:no-repeat; background-position:center 20px;}
.effect ul li:first-child {border:0;}
.effect ul li:nth-child(1) .wrap {background-image:url(../image/bg/bg_effect_01.png);}
.effect ul li:nth-child(2) .wrap {background-image:url(../image/bg/bg_effect_02.png);}
.effect ul li small {display:block; font-weight:700; font-size:14px; font-family:'Montserrat'; line-height:30px; color:#686f75; letter-spacing:0;}
.effect ul li .txt {font-weight:700; font-size:18px; line-height:28px; color:#2a2e31;}
.protein {padding-top:30px;}
.protein .protein_wrap {overflow:hidden; margin-top:60px;}
.protein .protein_wrap .cont {float:left; position:relative; width:50%; height:168px;}
.protein .protein_wrap .img {float:left; width:50%; background:url(../image/bg/bg_protein.png) no-repeat 75px center;}
.protein .protein_wrap .img span {position:absolute; left:40px; width:18px; border:1px solid #d6dce1; border-right:0; font-weight:700; font-size:12px; font-family:'Montserrat'; color:#686f75; letter-spacing:0; text-indent:-40px;}
.protein .protein_wrap .img .lgd {top:7px; line-height:61px;}
.protein .protein_wrap .img .lgg4 {top:76px; line-height:90px;}
.protein .protein_wrap .img ul li p {position:absolute; right:0; font-weight:700; font-size:18px; line-height:30px;}
.protein .protein_wrap .img ul li:before,
.protein .protein_wrap .img ul li:after {position:absolute; content:'';}
.protein .protein_wrap .img ul li:before {width:100px; height:1px; background:#2a2e31;}
.protein .protein_wrap .img ul li:after {width:7px; height:7px; border-radius:50%; background:#2a2e31; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.protein .protein_wrap .img ul li:nth-child(1) p {top:24px; color:#0071bb;}
.protein .protein_wrap .img ul li:nth-child(1):before {top:40px; left:141px; width:calc(100% - 300px);}
.protein .protein_wrap .img ul li:nth-child(1):after {top:37px; left:138px;}
.protein .protein_wrap .img ul li:nth-child(2) p {top:54px; color:#00a66c;}
.protein .protein_wrap .img ul li:nth-child(2):before {top:70px; left:146px; width:calc(100% - 337px);}
.protein .protein_wrap .img ul li:nth-child(2):after {top:67px; left:143px;}
.protein .protein_wrap .img ul li:nth-child(3) p {top:84px; color:#70609d;}
.protein .protein_wrap .img ul li:nth-child(3):before {top:100px; left:163px; width:calc(100% - 324px);}
.protein .protein_wrap .img ul li:nth-child(3):after {top:97px; left:160px;}
.protein .protein_wrap .info .info_wrap {position:absolute; top:50%; width:100%; padding-left:50px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.protein .protein_wrap .info .subtit_line {margin-top:0; margin-bottom:10px;}

@media screen and (max-width:1024px) {
    .platform .release li {border:0;}
	.platform .release li,
	.platform .release li dl dt,
	.platform .release li dl dd {line-height:24px;}
	.platform .drm_img {height:auto; margin:30px 0; background-position-x:right; background-size:auto 260px;}
	.platform .drm_img .info {position:relative; top:auto; right:auto; width:100%; margin-top:10px;}
	.platform .drm_img .info:before {display:none;}
	.platform .drm_img .info:after {top:6px !important; right:auto !important; left:0 !important; width:20px; height:20px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0;}
	.platform .drm_img .api_1:after {background:#a3c868;}
	.platform .drm_img .api_2:after {background:#e2e2e2;}
	.platform .drm_img .inter:after {background:#6facd9;}
	.platform .drm_img .info .wrap {position:static;}
	.platform .drm_img .info .tit {margin:0; padding-left:30px; color:#2a2e31 !important;}
	.platform .drm_img .info li:before {background:#00a66c !important;}
	.effect ul {padding:30px 0;}
	.effect ul li {height:auto;}
	.effect ul li:nth-child(1) {padding-right:30px;}
	.effect ul li:nth-child(2) {padding-left:30px;}
	.effect ul li .wrap {padding-top:150px; background-position:center top;}
	.effect ul li small {margin-bottom:10px; line-height:20px;}
	.effect ul li .txt {font-size:16px; line-height:24px;}
	.protein .tit_line {margin-top:0 !important;}
	.protein .protein_wrap {margin-top:30px;}
	.protein .protein_wrap .cont {float:none; width:100%;}
	.protein .protein_wrap .img ul li p {font-size:16px;}
	.protein .protein_wrap .img ul li:nth-child(1):before {width:calc(100% - 280px);}
	.protein .protein_wrap .img ul li:nth-child(2):before {width:calc(100% - 317px);}
	.protein .protein_wrap .img ul li:nth-child(3):before {width:calc(100% - 304px);}
	.protein .protein_wrap .info {height:auto;}
    .protein .protein_wrap .info .info_wrap {position:static; margin-top:30px; padding:0; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
}
@media screen and (max-width:599px) {
    .platform .release li {padding:5px 25px;}
	.platform .drm_img {padding-top:157px; background-position:center top; background-size:auto 157px;}
	.platform .drm_img .info .tit {margin-bottom:5px; font-size:16px;}
	.platform .drm_img .info:after {top:4px !important;}
	.effect ul li {float:none; width:100%; margin-bottom:30px; padding:0 !important; border:0;}
	.effect ul li .wrap {padding-top:120px; background-size:auto 100px;;}
	.effect ul li:last-child {margin:0;}
	.protein .protein_wrap .img {height:auto; padding-top:198px; background-position:center top;}
	.protein .protein_wrap .img span {left:calc(50% - 80px);}
	.protein .protein_wrap .img ul li {position:relative;}
	.protein .protein_wrap .img ul li:before {display:none;}
	.protein .protein_wrap .img ul li:after {top:4px !important; left:0 !important; width:20px; height:20px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0;}
	.protein .protein_wrap .img ul li:nth-child(1):after {background:#00b5d4;}
	.protein .protein_wrap .img ul li:nth-child(2):after {background:#fdb142;}
	.protein .protein_wrap .img ul li:nth-child(3):after {background:#438dcf;}
    .protein .protein_wrap .img ul li p {position:static; padding-left:30px; color:#2a2e31 !important;}
}

/* 파이프라인 */
.pipe .pipe_list {margin-bottom:15px;}
.pipe .pipe_list:after {display:block; clear:both; content:'';}
.pipe .pipe_list li {float:left; position:relative; margin-right:20px; padding-left:20px; font-weight:700; font-size:14px; line-height:20px; color:#2a2e31;}
.pipe .data_list .pipe_icon,
.pipe .pipe_list li:before {display:inline-block; width:10px; height:10px;}
.pipe .pipe_list li:before {position:absolute; top:4px; left:0; content:'';}
.pipe .data_list .blue,
.pipe .pipe_list .blue:before {background:#0071bb;}
.pipe .data_list .green,
.pipe .pipe_list .green:before {background:#00a66c;}
.pipe .data_list .orange,
.pipe .pipe_list .orange:before {background:#f99d6a;}
.pipe .data_list .purple,
.pipe .pipe_list .purple:before {background:#70609d;}
.pipe .data_list .table_new {margin-top:50px;} /* 수정 2020.04.06 */

/*** 윤리경영 ***/

/* CEO메시지 */ /* 수정 2020.06.10 */
.message .ceo_wrap {overflow:hidden; font-size:0;}
.message .ceo_wrap .cont {float:left; position:relative; width:100%; height:400px;}
/* .message .ceo_wrap .ceo {overflow:hidden;}
.message .ceo_wrap .ceo img {position:absolute; top:0; left:50%; max-width:600px; height:400px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
 */
.message .ceo_wrap .info {position:relative; background:url(../image/bg/bg_message_wide.png) right top; background-size:cover;}
.message .ceo_wrap .info .txt {position:absolute; bottom:0; left:0; padding:44px 50px; font-weight:700; font-size:30px; line-height:1.4em; color:#fff;}
.message .ceo_wrap .info .txt:before {position:absolute; top:0; left:50px; width:90px; height:6px; background:#fff; content:'';}
.message .ceo_wrap .info .txt em {color:#86dabd;}
.message .ceo_text {margin-top:45px;}
.message .ceo_text .tit {margin-bottom:15px; font-weight:700; font-size:24px; line-height:34px; color:#2a2e31;}
.message .ceo_text .txt {margin-top:6px; font-size:14px; line-height:24px; color:#4c5358;}
.message .ceo_text .date {margin-top:35px; font-size:14px; line-height:24px; color:#4c5358; text-align:right;}
.message .ceo_text .author {overflow:hidden;}
.message .ceo_text .author dl {overflow:hidden; float:right;}
.message .ceo_text .author dt,
.message .ceo_text .author dd {float:left; font-weight:700; line-height:30px; color:#2a2e31;}
.message .ceo_text .author dt {font-size:14px;}
.message .ceo_text .author dd {margin-left:20px; font-size:18px; font-family:'Nanum Myeongjo';}

@media screen and (max-width:1024px) {
    .message .ceo_wrap .info .txt {padding:30px; font-size:26px;}
	.message .ceo_wrap .info .txt:before {left:30px; width:60px;}
	.message .ceo_text {margin-top:0;}
	.message .ceo_text .tit {margin:25px 0 20px; font-size:22px; line-height:1.4em;}
    .message .ceo_text .date {margin-top:30px;}
}
@media screen and (max-width:599px) {
    .message .ceo_wrap .cont {float:none; width:100%; height:auto;}
	.message .ceo_wrap .ceo img {position:static; width:100%; max-width:100%; height:auto; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
	.message .ceo_text .tit {font-size:20px;}
	.message .ceo_wrap .info .txt {position:static; padding:15px 30px; background:#00a66c; font-size:18px;}
    .message .ceo_wrap .info .txt:before {display:none;}
}

/* 윤리헌장 */
.charter_info {overflow:hidden; margin-top:-80px; padding:80px 0; background:#f4f8fb; font-size:0;}
/* .charter_info .cont {float:left; width:calc(50% - 20px);} */
.charter_info .cont {float:left;}
.charter_info .img {width:calc(30% - 20px);}
.charter_info .img img {width:100%; height:auto;}
.charter_info .info {width:calc(70% - 20px); margin-left:40px;}
.charter_info .info .tit {margin-bottom:17px; font-weight:700; font-size:24px; line-height:1.4; color:#2a2e31;}
.charter_info .info .tit em {font-size:30px; color:#0071bb;}
.charter_info .info .txt {font-size:14px; line-height:24px;}
.charter_info .info .txt + .txt {margin-top:16px;}
.charter_info .info .txt em {color:#0071bb;}
.charter_info .info .btn_ctr {margin-top:100px; font-size:0;}
.charter_info .info .btn_ctr a {width:calc(50% - 10px); margin-right:20px; background:none;}
.charter_info .info .btn_ctr a:last-child {margin:0;}
.charter ul {margin-top:40px;}
.charter ul li {margin-bottom:16px;}

@media screen and (max-width:1024px) {
    .charter_info {margin-top:-30px; padding:30px 0;}
	.charter_info .img {width:calc(50% - 20px); margin:0 30px 10px 0;}
	.charter_info .info {float:none; width:100%; margin:0;}
	.charter_info .info .tit {font-size:22px;}
	.charter_info .info .tit em {font-size:26px;}
	.charter_info .info .btn_ctr {margin-top:30px;}
    .charter_info .info .btn_ctr a {width:auto; min-width:120px; background:#fff;}
}
@media screen and (max-width:599px) {
    .charter_info .cont {float:none; width:100%;}
	.charter_info .img {margin-bottom:25px;}
	.charter_info .info .tit,
	.charter_info .info .tit em {font-size:20px;}
	.charter_info .info .tit br {display:none;}
	.charter_info .info .btn_ctr a {width:100%; margin-bottom:10px;}
    .charter_info .info .btn_ctr a:last-child {margin:0;}
}

/* 비즈니스 협력사 행동강령 (20220712) */
.business_partner .accuse .cont {float: none; width: 100%; margin-left:0; text-align:center;}
.business_partner .accuse .cont .sub_tit {margin-bottom:0;}
.business_partner .accuse .cont .img_wrap {text-align: center; margin-top: 40px;}

.business_partner .max_container {margin-top:6em;}
.business_partner .max_container .cont {float:none; margin-top:6em;}
.business_partner .max_container .cont:first-child {margin-top:0;}

.coc-table tr:first-child td:first-child .btn_ctr {margin-top:10px;}
.coc-table .btn_ctr .btn_small {min-width:100px; line-height:36px;}
.coc-table .coc_video {overflow:hidden;}
.coc-table .coc_video p {line-height:36px;}
.coc-table .coc_video p span {font-weight:600;}
.coc-table .list_type3_b > li:before {top:15px;}

@media screen and (max-width:599px) {
	.coc-table col:first-child {width:35%;}
}


/* 운영취지 */
.purpose .main_tit {margin:-6px 0 40px 0; font-weight:700; font-size:30px; line-height:1.4em; color:#2a2e31; text-align:center;}
.purpose .main_tit em {color:#0071bb;}
.purpose_wrap {overflow:hidden; font-size:0;}
.purpose_wrap .img {float:left; width:calc(50% - 20px); margin:0 40px 20px 0;}
.purpose_wrap .img img {width:100%; max-width:580px; height:auto;}
.purpose_wrap .info .txt {font-size:14px; line-height:24px; color:#4c5358;}
.purpose_wrap .info .txt + .txt {margin-top:16px;}
.purpose_wrap .info .date {margin-top:35px; font-size:14px; line-height:24px; color:#4c5358; text-align:right;}
.purpose_wrap .info .author {float:right; margin-top:8px;}
.purpose_wrap .info .author:after {display:block; clear:both; content:'';}
.purpose_wrap .info .author dl {overflow:hidden;}
.purpose_wrap .info .author dt,
.purpose_wrap .info .author dd {float:left; font-weight:700; line-height:30px; color:#2a2e31;}
.purpose_wrap .info .author dt {font-size:14px;}
.purpose_wrap .info .author dd {margin-left:20px; font-size:18px; font-family:'Nanum Myeongjo';}

@media screen and (max-width:1024px) {
    .purpose .main_tit {margin-bottom:24px; font-size:26px;}
    .purpose_wrap .img {width:calc(50% - 15px); margin:0 30px 10px 0;}
}
@media screen and (max-width:599px) {
    .purpose .main_tit {font-size:18px;}
    .purpose_wrap .img {float:none; width:100%; margin:0; margin-bottom:25px;}
}

/* 운영요소 */
.factor ol {overflow:hidden; font-size:0;}
.factor ol li {float:left; width:14.28%; height:160px; padding:27px 5px; text-align:center;}
.factor ol li:nth-child(odd) {background:#f4f8fb;}
.factor ol li .num {display:block; font-weight:700; font-size:14px; font-family:'Montserrat'; line-height:38px; color:#0071bb; letter-spacing:0;}
.factor ol li .txt {font-weight:700; font-size:14px; line-height:24px; color:#2a2e31;}
.factor ol li:nth-child(odd) .txt {color:#0071bb;}
.factor ol + .txt {margin-top:25px; margin-bottom:70px;}
.factor ol + .txt em {color:#0071bb;}
.chart {margin-bottom:30px; padding:0 140px;}
.chart_wrap {position:relative; height:300px;}
.chart_wrap:before {position:absolute; top:50%; left:0; width:100%; height:1px; background:#d6dce1; content:'';}
.chart_wrap .organ {overflow:hidden; position:relative; max-width:400px; height:60px; border:1px solid #0071bb; background:#fff; font-weight:700; font-size:16px; line-height:20px;}
.chart_wrap .organ .txt {display:block; overflow:hidden; position:absolute; top:50%; left:0; width:100%; max-height:40px; padding:0 10px; line-height:20px; text-align:center; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.chart_wrap .organ.super {position:absolute; top:50%; left:0; width:calc(50% - 60px); margin-top:-30px;}
.chart_wrap .organ.blue {color:#0071bb;}
.chart_wrap .organ.reverse {background:#0071bb; color:#fff;}
.chart_wrap .organ.green {border-color:#00a66c; color:#00a66c;}
.chart_wrap ul {position:absolute; top:0; right:0; width:calc(50% - 30px); padding-left:30px;}
.chart_wrap ul:before {position:absolute; top:0; right:0; width:calc(50% - 15px); height:100%; border-left:1px solid #d6dce1; background:#fff; content:'';}
.chart_wrap ul li {position:relative; margin-bottom:20px;}
/* .chart_wrap ul li:before {content:""; position:absolute; left:-30px; top:30px; width:30px; height:1px; background:#d6dce1;} */
.chart_wrap ul li:last-child {margin:0;}

@media screen and (max-width:1024px) {
    .factor ol li {width:33.33%; height:110px; padding:7px 5px;}
	.factor ol + .txt {margin:25px 0;}
    .chart {padding:0;}
}
@media screen and (max-width:599px) {
    .factor ol li {width:50%;}
	.factor ol li:nth-child(odd) {background:none;}
	.factor ol li:nth-child(odd) .txt {color:#2a2e31;}
	.factor ol li:nth-child(2),
	.factor ol li:nth-child(3),
	.factor ol li:nth-child(6),
	.factor ol li:nth-child(7) {background:#f4f8fb;}
	.factor ol li:nth-child(2) .txt,
	.factor ol li:nth-child(3) .txt,
	.factor ol li:nth-child(6) .txt,
	.factor ol li:nth-child(7) .txt {color:#0071bb;}
	.chart_wrap {height:290px;}
	.chart_wrap:before {top:calc(50% + 29px); left:15px; width:50%;}
	.chart_wrap .organ {max-width:100%; height:50px; font-size:14px;}
	.chart_wrap .organ.super {top:0; width:100%; margin:0;}
	.chart_wrap ul {top:60px; width:100%;}
	.chart_wrap ul:after {position:absolute; top:-10px; left:15px; width:1px; height:calc(50% + 10px); background:#d6dce1; content:'';}
	.chart_wrap ul li {margin-bottom:10px;}
    /* .chart_wrap ul li:before {left:-15px; top:25px; width:15px;} */
}

/* QnA */
.charter_upper .btn_ctr {max-width:600px; margin:0 auto 30px; font-size:0;}
.charter_upper .btn_ctr a {width:calc(50% - 10px); margin-right:20px; background:none;}
.charter_upper .btn_ctr a:last-child {margin:0;}
.charter_upper p.tit {margin-bottom:30px; font-size:30px; font-weight:700; line-height:1.4em; color:#2a2e31; text-align:center;}
.qna dl {border-top:1px solid #000;}
.qna dl i {float:left; width:40px; font-weight:700; font-size:18px; font-family:'Montserrat'; line-height:40px; text-align:center;}
.qna dl .tit {margin:0; padding:5px 0 5px 55px; font-weight:700; font-size:18px; line-height:30px; color:#2a2e31; text-align:left;}
.qna dl dt {position:relative; border-bottom:1px solid #d6dce1;}
.qna dl dt:before,
.qna dl dt:after {display:block; position:absolute; top:40px; right:20px; width:18px; height:2px; background:#686f75; content:'';}
.qna dl dt:before {-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); transform-origin:center center; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.qna dl dt.on:before {-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);}
.qna dl dt a {display:block; padding:20px; padding-right:58px !important;}
.qna dl dt i {background:#00a66c; color:#fff;}
.qna dl dd {overflow:hidden; height:0; border-bottom:1px solid #d6dce1; background:#f4f8fb; -webkit-transition:opacity 0s; -moz-transition:opacity 0s; -ms-transition:opacity 0s; -o-transition:opacity 0s; transition:opacity 0s; opacity:0;}
.qna dl dt.on + dd {height:auto; padding:30px; padding-bottom:0 !important; -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -ms-transition:opacity 0.5s; -o-transition:opacity 0.5s; transition:opacity 0.5s; opacity:1;}
.qna dl dd .question {background:#0071bb; color:#fff;}
.qna dl dd .answer {background:#fff; color:#0071bb;}
.qna dl dd .txt {margin:25px 0; font-size:14px; line-height:24px;}
.qna.event {margin-top:50px;}
.qna.event dl dt .tit {padding-right:120px;}
.qna.event dl dt .tit em {display:inline-block; position:relative; top:-1px; width:12px; height:17px; margin-left:5px; background-image:url(../image/sprite/sprite.png); background-position:-77px -114px; background-size:500px 500px; font-size:0; vertical-align:middle;}
.qna.event dl dt .date {display:inline-block; position:absolute; top:25px; right:85px; font-family:'Montserrat'; line-height:30px; color:#4c5358; letter-spacing:0;}
.qna.event dl dt.on + dd {padding:30px; padding-bottom:30px !important;}
.qna.event dl dd .txt {margin:0; padding:0 10px;}
.qna.event dl dd .input_pw .wrap {font-size:0;}
.qna.event dl dd .input_pw .wrap label {display:inline-block; width:70px; font-weight:700; font-size:14px; line-height:40px; color:#2a2e31;}
.qna.event dl dd .input_pw .wrap input {width:250px; vertical-align:top;}
.qna.event dl dd .input_pw .wrap button {width:90px; margin-left:10px; border:2px solid #0071bb; background:none; font-weight:700; font-size:14px; line-height:36px; color:#0071bb; text-align:center;}
.qna.event dl dd .input_pw .wrap button:hover {background:#0071bb; color:#fff;}
.qna.event dl dd .input_pw p {margin-top:15px; font-size:14px; color:#686f75;}
.qna.event dl dd .input_pw p em {color:#00a66c;}

@media screen and (max-width:1024px) {
	.charter_upper p.tit {font-size:26px;}
    .qna dl .tit {padding:7px 0 7px 55px; font-size:16px; line-height:26px;}
	.qna dl dt a {padding:10px;}
	.qna dl dt:before,
	.qna dl dt:after {top:29px;}
	.qna dl dt.on + dd {padding:20px;}
	.qna dl dd .txt {margin-top:15px;}
	.qna.event dl dt .date {top:15px; right:50px;}
	.qna.event dl dt .tit {padding-right:80px;}
	.qna.event dl dd .input_pw .wrap button {border-width:1px; line-height:38px;}
	.qna.event dl dd .txt {padding:0;}
}
@media screen and (max-width:599px) {
	.charter_upper .btn_ctr a {width:100%; margin:0; margin-bottom:10px;}
	.charter_upper p.tit {font-size:18px;}
    .qna dl i {width:30px; font-size:16px; line-height:30px;}
	.qna dl .tit {padding:3px 0 3px 40px; font-size:14px; line-height:24px;}
	.qna dl dt a {padding:10px 0; padding-right:28px !important;}
	.qna dl dt:before,
	.qna dl dt:after {top:24px; right:0;}
	.qna dl dt.on + dd {padding:10px 0; background:#fff;}
	.qna dl dd .answer {border:1px solid #0071bb; line-height:28px;}
	.qna dl dd .txt {margin:0; padding:10px 0; line-height:20px;}
	.qna.event dl dt .date {position:static; padding-left:40px; font-size:12px; line-height:15px;}
	.qna.event dl dt .tit {padding-right:0;}
	.qna.event dl dd .input_pw .wrap label {line-height:32px;}
	.qna.event dl dd .input_pw .wrap input {width:calc(100% - 130px); height:32px; line-height:30px;}
    .qna.event dl dd .input_pw .wrap button {width:50px; line-height:30px;}
}

/* 한독투명경영센터 */
.accuse .main_tit {margin:28px 0 20px; font-weight:700; font-size:30px; line-height:1.4em; color:#2a2e31; text-align:center;}
.accuse .main_tit em {color:#0071bb;}
.accuse .sub_tit {margin-bottom:44px; font-size:18px; line-height:28px; color:#2a2e31; text-align:center;}
.accuse .info_wrap {overflow:hidden; margin-bottom:30px;}
.accuse .info_wrap .cont {float:left; width:calc(50% - 10px); height:250px; margin-right:20px; margin-bottom:20px; padding:30px;}
.accuse .info_wrap .cont:nth-child(even) {margin-right:0;}
.accuse .info_wrap .cont .tit {margin-bottom:16px; font-weight:700; font-size:24px; line-height:24px; color:#2a2e31;}
.accuse .info_wrap .target,
.accuse .info_wrap .info {background:#f4f8fb;}
.accuse .info_wrap .target ul {margin-top:-7px;}
.accuse .info_wrap .target ul li {padding-top:7px; padding-top:8px; border-bottom:1px solid #d6dce1;}
.accuse .info_wrap .target ul li:before {top:15px;}
.accuse .info_wrap .target ul li:last-child {border:0;}
.accuse .info_wrap .protect,
.accuse .info_wrap .result {background:#edf7f4;}
.accuse .info_wrap .info .txt {font-size:14px;}
.accuse .info_wrap .info ul {margin:10px 0;}
.accuse .info_wrap .info ul li {line-height:24px;}
.modal.confirm {max-width:600px; height:auto; min-height:0;}
.modal.confirm .accuse_form ul {margin-top:-20px; text-align:center;}
.modal.confirm .accuse_form ul li {margin-top:20px;}
.modal.confirm .accuse_form ul li input {width:380px;}
.modal.thank {max-width:600px; height:auto; min-height:0;}
.modal.thank .thank_msg p {position:relative; margin:-5px 0; padding-top:100px; font-weight:700; font-size:24px; line-height:34px; color:#2a2e31; text-align:center;}
.modal.thank .thank_msg p:before {position:absolute; top:10px; left:50%; width:60px; height:60px; margin-left:-30px; background-image:url(../image/sprite/sprite.png); background-position:-124px -355px; background-size:500px 500px; content:'';}
.board_input + .list_type1 {margin-top:22px;}
.tit_line.radio {height:22px;}
.tit_line.radio .radio_form {display:inline-block; margin-top:-3px; margin-left:35px; vertical-align:middle;}

@media screen and (max-width:1024px) {
    .accuse .main_tit {font-size:26px;}
	.accuse .sub_tit {margin-bottom:25px; font-size:16px; line-height:1.4em;}
	.accuse .info_wrap {overflow:visible;}
	.accuse .info_wrap .cont {float:none; position:relative; left:-30px; width:calc(100% + 60px); height:auto; margin:0;}
	.accuse .info_wrap .cont .tit {font-size:22px;}
	.accuse .info_wrap .info {margin-left:0;}
	.accuse .info_wrap .info .txt {line-height:24px;}
	.accuse .info_wrap .cont .tit {font-size:18px;}
	.accuse .info_wrap .target ul li {border:0;}
	.modal.confirm {max-width:100%; height:100%;}
	.modal.confirm .accuse_form ul {margin-top:0; text-align:left;}
	.modal.confirm .accuse_form ul li {margin-top:10px;}
	.modal.thank {max-width:100%; height:100%;}
	.modal.thank .thank_msg p {font-size:22px; line-height:1.4em;}
	.board_input + .list_type1 {margin-top:10px;}
    .board_input + .list_type1 li {line-height:20px;}
}
@media screen and (max-width:599px) {
    .accuse .main_tit {font-size:18px;}
	.accuse .sub_tit {font-size:14px;}
	.accuse .info_wrap .cont .tit {font-size:18px;}
	.modal.confirm .accuse_form ul li input {width:100%;}
	.modal.thank .thank_msg p {font-size:20px;}
	.tit_line.radio {height:auto;}
    .tit_line.radio .radio_form {display:block; margin:0; margin-top:10px;}
}

/* 한독투명경영센터 결과 */
.accuse_result .tit {margin:28px 0 20px; font-weight:700; font-size:30px; line-height:1.4em; color:#2a2e31; text-align:center;}
.accuse_result .tit em {color:#0071bb;}
.accuse_result .tit_line .show {position:relative; top:-5px; width:130px; margin-left:30px; border:2px solid #0071bb; background:#fff; font-weight:700; font-size:14px; line-height:36px; color:#0071bb; text-align:center;}
.accuse_result .tit_line .show:hover {background:#0071bb; color:#fff;}
.accuse_result .tit_line .status {display:inline-block; margin-left:20px; padding:0 10px; background:#00a66c; font-weight:700; font-size:14px; line-height:30px; color:#fff; vertical-align:middle;}
.result_detail {padding-bottom:20px;}
.result_detail table tr:first-child {border-top:2px solid #2a2e31;}
.result_detail table th {padding:26px 0; border-bottom:1px solid #d6dce1; font-weight:700; font-size:18px; line-height:28px; color:#2a2e31; text-align:left;}
.result_detail table td {padding:28px 0; border-bottom:1px solid #d6dce1; font-size:14px; line-height:24px; color:#4c5358;}
.result_detail table td a {font-weight:700; color:#0071bb; text-decoration:underline;}
.result_detail table tr td:first-of-type {padding-right:30px;}

@media screen and (max-width:1024px) {
    .result_detail {overflow:hidden;}
	.result_detail table,
	.result_detail table thead,
	.result_detail table tbody,
	.result_detail table tr,
	.result_detail table th,
	.result_detail table td {display:block; float:left; clear:both; width:100%; border:none; text-align:left;}
	.result_detail table th {padding:0; padding-top:10px;}
	.result_detail table td {padding:0;}
	.accuse_result .tit {font-size:26px;}
    .accuse_result .tit_line .show {top:0; width:auto; min-width:120px; border-width:1px; line-height:48px;}
}
@media screen and (max-width:599px) {
    .accuse_result .tit {font-size:18px;}
	.accuse_result .tit_line .show {width:100%; margin:15px 0; line-height:30px;}
    .result_detail table th {font-size:16px;}
}

/*** 투자 ***/

/* 회사정보 */
.company_info .tit {padding:24px 0 43px; font-weight:700; font-size:30px; line-height:42px; color:#2a2e31; text-align:center;}
.company_info .tit em {color:#0071bb;}
.company_spec {height:270px; background-image:url(../image/bg/bg_company_info.png); background-position:center; background-size:cover;}
.company_spec ul {overflow:hidden;}
.company_spec ul li {float:left; width:20%; color:#fff; text-align:center;}
.company_spec ul li dl {font-size:0;}
.company_spec ul li dl dt {position:relative; height:150px; padding-top:115px; font-weight:700; font-size:14px; line-height:14px; color:#fff;}
.company_spec ul li dl dt:before {position:absolute; top:49px; left:50%; background-image:url(../image/sprite/sprite.png); background-size:500px 500px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); content:'';}
.company_spec ul li:nth-child(1) dl dt:before {width:50px; height:50px; background-position:-5px -182px;}
.company_spec ul li:nth-child(2) dl dt:before {width:48px; height:48px; background-position:-60px -182px;}
.company_spec ul li:nth-child(3) dl dt:before {width:51px; height:52px; background-position:-113px -182px;}
.company_spec ul li:nth-child(4) dl dt:before {width:60px; height:50px; background-position:-169px -182px;}
.company_spec ul li:nth-child(5) dl dt:before {width:50px; height:50px; background-position:-234px -182px;}
.company_spec ul li dl dt:after {position:absolute; bottom:0; left:30px; width:calc(100% - 60px); height:1px; background:rgba(255,255,255,0.3); content:'';}
.company_spec ul li dl dd {height:120px;}
.company_spec ul li dl dd .txt {padding-top:12px; font-weight:700; font-size:14px; line-height:38px; color:#fff;}
.company_spec ul li dl dd .txt em {font-size:23px;}
.company_spec ul li dl dd .txt em.eng {margin-right:1px; font-size:30px; font-family:'Montserrat';}
.company_spec ul li dl dd small {font-size:14px; line-height:26px; color:#d6dce1;}
.company_detail {margin-top:70px;}
.company_detail table tr:first-child {border-top:2px solid #2a2e31;}
.company_detail table th {padding:26px 0; border-bottom:1px solid #d6dce1; font-weight:700; font-size:18px; line-height:28px; color:#2a2e31; text-align:left;}
.company_detail table td {padding:28px 0; border-bottom:1px solid #d6dce1; font-size:14px; line-height:24px; color:#4c5358;}

@media screen and (max-width:1280px) {
    .company_spec ul li dl dt:after {left:20px; width:calc(100% - 40px);}
	.company_spec ul li dl dd .txt em {font-size:20px;}
    .company_spec ul li dl dd .txt em.eng {font-size:26px;}
}
@media screen and (max-width:1024px) {
    .company_info .tit {padding:0; padding-bottom:25px; font-size:26px; line-height:36px;}
	.company_spec {height:auto; background-position:30% center; background-size:auto 400px;}
	.company_spec ul {padding:20px 0;}
	.company_spec ul li {width:33.33%;}
	.company_spec ul li:nth-child(4),
	.company_spec ul li:nth-child(5) {-webkit-transform:translateX(50%); -moz-transform:translateX(50%); -ms-transform:translateX(50%); -o-transform:translateX(50%); transform:translateX(50%);}
	.company_spec ul li dl dt {height:110px; padding-top:80px;}
	.company_spec ul li dl dd {height:70px;}
	.company_spec ul li dl dt:before {top:15px;}
	.company_spec ul li dl dd .txt {line-height:28px;}
	.company_detail {overflow:hidden;}
	.company_detail table,
	.company_detail table thead,
	.company_detail table tbody,
	.company_detail table tr,
	.company_detail table th,
	.company_detail table td {display:block; float:left; clear:both; width:100%; border:none; text-align:center;}
	.company_detail table th {padding:0; padding-top:10px; font-size:16px;}
    .company_detail table td {padding:0;}
}
@media screen and (max-width:599px) {
    .company_info .tit {font-size:18px; line-height:1.4em;}
	.company_spec {background-position:25% center; background-size:auto 520px;}
	.company_spec ul {padding:8px 0;}
	.company_spec ul li {width:100%; -webkit-transform:none !important; -moz-transform:none !important; -ms-transform:none !important; -o-transform:none !important; transform:none !important;}
	.company_spec ul li dl {overflow:hidden; position:relative; border-bottom:1px solid rgba(255,255,255,0.3);}
	.company_spec ul li:last-child dl {border:0;}
	.company_spec ul li dl dt {float:left; width:30%; height:100px; padding-top:75px;}
	.company_spec ul li dl dt:before {top:10px;}
	.company_spec ul li dl dd {float:left; position:absolute; top:50%; right:0; width:70%; height:auto; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
    .company_spec ul li dl dt:after {display:none;}
}

/* 정관 및 주주현황 */
.incorporation {margin-bottom:50px; padding-top:30px;}
.incorporation .txt {position:relative; background:#f4f8fb; font-size:0;}
.incorporation p {padding-left:30px; font-weight:700; font-size:18px; font-family:'Montserrat','Noto Sans KR'; line-height:60px; color:#2a2e31; letter-spacing:0;}
.incorporation a {display:inline-block; position:absolute; top:15px; right:30px; padding-left:30px; font-weight:700; font-size:14px; line-height:30px; color:#0071bb;}
.incorporation a:before {position:absolute; top:50%; left:0; width:14px; height:14px; margin-top:-7px; background-image:url(../image/sprite/sprite.png); background-position:-93px -114px; background-size:500px 500px; content:'';}

/* 표 내부 다운로드 링크 (20220713) */
.download a {display:inline-block; font-weight:700; font-size:14px; line-height:30px; color:#0071bb;}
.download a:before {display:inline-block; width:14px; height:14px; margin:-4px 12px 0 0; vertical-align: middle; background-image:url(../image/sprite/sprite.png); background-position:-93px -114px; background-size:500px 500px; content:'';}


@media screen and (max-width:1024px) {
    .incorporation {margin-bottom:30px; padding:0;}
	.incorporation .txt {padding:5px;}
	.incorporation p {padding:0; font-size:14px; line-height:20px; text-align:center;}
	.incorporation a {position:relative; top:auto; right:auto; left:50%; margin-top:5px; line-height:20px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}

    .download a {margin-top:5px; line-height:20px;}
	.download a:before {display:inline-block; width:14px; height:14px; background-image:url(../image/sprite/sprite.png); background-position:-93px -114px; background-size:500px 500px; content:'';}

}

/* 주식정보 */
.stock_wrap {overflow:hidden; margin-bottom:50px;}
.stock_wrap .cont {float:left; width:calc(50% - 10px);}
.stock_wrap .price table td {font-size:0; line-height:81px;}
.stock_wrap .price table td .today {margin-right:13px; font-size:14px; line-height:30px; color:#ec1a1a; vertical-align:middle;}
.stock_wrap .price table td em {font-weight:700; font-size:24px; font-family:'Montserrat'; line-height:30px; color:#2a2e31; letter-spacing:0; vertical-align:middle;}
.stock_wrap .info {margin-left:20px;}
.stock_wrap .info table th {background:#edf7f4;}
.stock_wrap .info table td {padding:20px 30px;}
.stock_graph {overflow-x:auto; overflow-y:hidden; margin-top:50px; text-align:center;}
.stock_graph object {display:inline-block;}

@media screen and (max-width:1024px) {
    .stock_wrap .cont .data_list {overflow:visible;}
	.stock_wrap .cont table {width:100% !important;}
	.stock_wrap .price table td {line-height:69px;}
    .stock_wrap .info table td {padding:10px;}
}
@media screen and (max-width:599px) {
    .stock_wrap .cont {float:none; width:100%;}
    .stock_wrap .info {margin:0; margin-top:30px;}
}

/*** 사회공헌 ***/

/* 한독제석재단 */
.foundation .bg_wrap {padding-bottom:265px;}
.foundation .cont {margin-top:-230px;}
.foundation .cont .img_wrap {font-size:0;}
.foundation .cont .img_wrap img {width:50%;}
.foundation .cont dl {position:relative; height:280px; margin:60px 0;}
.foundation .cont dl dt {position:absolute; width:150px; height:140px; padding:15px; font-weight:700; font-size:18px; line-height:24px; color:#fff;}
.foundation .cont dl dt:nth-of-type(1) {top:0; right:50%; background:#0071bb;}
.foundation .cont dl dt:nth-of-type(2) {top:0; left:50%; background:#00a66c;}
.foundation .cont dl dt:nth-of-type(3) {right:50%; bottom:0; background:#00a66c;}
.foundation .cont dl dt:nth-of-type(4) {bottom:0; left:50%; background:#0071bb;}
.foundation .cont dl dd {position:absolute; width:calc(50% - 190px); height:140px;}
.foundation .cont dl dd:nth-of-type(1) {top:0; left:0;}
.foundation .cont dl dd:nth-of-type(2) {top:0; right:0;}
.foundation .cont dl dd:nth-of-type(3) {bottom:0; left:0;}
.foundation .cont dl dd:nth-of-type(4) {right:0; bottom:0;}
.foundation .cont dl dd p {position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.foundation .cont dl dd:nth-of-type(odd) p {text-align:right;}
.foundation .museum {overflow:hidden; height:360px; background:url(../image/bg/bg_museum.png); background-position:center; background-size:cover;}
.foundation .museum iframe {float:left; width:50%; height:360px;}
.foundation .museum .info {float:left; position:relative; width:50%; height:360px;}
.foundation .museum .info .wrap {position:absolute; top:50%; left:0; width:100%; padding:0 50px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.foundation .museum .info .tit {font-weight:700; font-size:24px; line-height:1.4em; color:#fff;}
.foundation .museum .info .sub_tit {margin:20px 0; font-weight:900; font-size:18px; font-family:'Nanum Myeongjo'; line-height:28px; color:#fff;}
.foundation .museum .info .txt {font-size:14px; line-height:24px; color:rgba(255,255,255,0.6);}

@media screen and (max-width:1024px) {
    .foundation .bg_wrap {padding-bottom:30px;}
	.foundation .cont {margin-top:30px;}
	.foundation .cont dl {height:auto; margin:30px 0;}
	.foundation .cont dl dt {position:static; width:auto; height:auto; padding:5px 15px;}
	.foundation .cont dl dd {display:block; position:static; width:auto; height:auto; padding:10px 0;}
	.foundation .cont dl dd p {display:block; position:static; text-align:left !important; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
	.foundation .museum {height:auto; padding:30px 0;}
	.foundation .museum .video_wrap,
	.foundation .museum .info {float:none; width:100%;}
	.foundation .museum .video_wrap {position:relative; height:0; padding-top:56.25%;}
	.foundation .museum iframe {float:none; position:absolute; top:0; left:0; width:100%; height:100%;}
	.foundation .museum .info {height:auto;}
	.foundation .museum .info .wrap {position:static; margin-top:30px; padding:0; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
	.foundation .museum .info .tit {font-size:22px;}
    .foundation .museum .info .sub_tit {margin:10px 0; font-size:16px; line-height:1.4em;}
}
@media screen and (max-width:599px) {
    .foundation .cont .img_wrap img {width:100%;}
	.foundation .cont dl dt {font-size:16px;}
    .foundation .museum .info .tit {font-size:20px;}
}

/* 인간문화재지킴이, 기억다방, 당당발걸음, 한독나눔봉사단 */
.sub_wrap .sub_content .social_part .tit_line {margin-top:-5px; font-size:24px; line-height:34px; color:#2a2e31;}
.sub_wrap .sub_content .social_part:not(.foundation) .tit_line {font-weight:900; font-family:'Nanum Myeongjo';}
.sub_wrap .sub_content .cultural .tit_line em,
.sub_wrap .sub_content .trace .tit_line em,
.sub_wrap .sub_content .volunteer .tit_line em {font-family:'Nanum Myeongjo'; color:#0071bb;}
.social_part .bg_wrap {padding-bottom:220px;}
.social_part .bg_wrap .info_wrap {position:relative;}
.social_part .bg_wrap .info_wrap img {position:absolute; top:30px; right:0;}
.social_part .bg_wrap .info_wrap .cultural {width:197px;}
.social_part .bg_wrap .info_wrap .trace {top:0; width:238px;}
.social_part .cont {margin-top:-175px;}
.social_part .cont .img_wrap {padding-bottom:10px; font-size:0;}
.social_part .cont .img_wrap img {width:50%;}
.social_part .cont .img_wrap .video_wrap {display:inline-block; position:relative; width:50%; height:0; padding-top:27.5%;}
.social_part .cont .img_wrap .video_wrap iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.social_part .cont .txt {margin-top:16px;}
.volunteer .program {margin-top:40px;}
.volunteer .program .main_tit {margin-bottom:20px; font-weight:700; font-size:24px; line-height:34px; color:#2a2e31;}
.volunteer .program ul {overflow:hidden; font-size:0;}
.volunteer .program ul li {float:left; margin-bottom:60px;}
.volunteer .program ul li .info {float:left; width:50%;}
.volunteer .program ul li .img_wrap {position:relative;}
.volunteer .program ul li .img_wrap img {width:100%;}
.volunteer .program ul li .img_wrap span {position:absolute; top:0; left:0; width:60px; background:#0071bb; font-size:18px; font-family:'Montserrat'; line-height:60px; color:#fff; text-align:center;}
.volunteer .program ul li .txt_wrap {padding:0 40px;}
.volunteer .program ul li .txt_wrap .tit {margin:15px 0 20px; font-weight:700; font-size:24px; line-height:34px; color:#2a2e31;}
.volunteer .program ul li .txt_wrap .tit em {color:#0071bb;}
.volunteer .program ul li .txt_wrap .txt {font-size:14px; line-height:24px; color:#2a2e31;}
.volunteer .program ul li:nth-child(even) .info {float:right;}
.volunteer .program ul li:nth-child(even) .img_wrap span {right:0; left:auto; background:#00a66c;}
.volunteer .program ul li:nth-child(even) .txt_wrap .tit em {color:#00a66c;}
/* .memory .remember {margin-top:45px;}
.memory .remember .campaign {overflow:hidden; padding:20px 0; background:#edf7f4;}
.memory .remember .campaign li {float:left; width:50%; line-height:30px; font-size:18px; font-weight:700; color:#2a2e31; text-align:center;}  */
.memory .remember {margin-top:50px;}
.memory .remember .campaign {position:relative; padding-top:20px;}
.memory .remember .campaign li {font-weight:700; font-size:18px; line-height:28px; text-align:center;}
.memory .remember .campaign li:before,
.memory .remember .campaign li:after {position:absolute; top:0; left:50%; width:4px; height:4px; margin-left:-2px; border-radius:50%; background:#0071bb; content:''; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.memory .remember .campaign li:nth-child(1) {color:#0071bb;}
.memory .remember .campaign li:nth-child(2) {color:#00a66c;}
.memory .remember .campaign li:nth-child(1):before {display:none;}
.memory .remember .campaign li:nth-child(2):before {margin-left:-22px; background:#00a66c;}
.memory .remember .campaign li:nth-child(2):after {margin-left:18px; background:#00a66c;}
.memory .remember .video_wrap {overflow:hidden; margin-top:35px; padding-bottom:10px;}
.memory .remember .video_wrap li {float:left; position:relative; width:calc(50% - 15px); height:320px; margin-right:30px;}
.memory .remember .video_wrap li:last-child {margin-right:0;}
.memory .remember .video_wrap li iframe {position:absolute; width:100%; height:100%;}
.social_part .board_ctr a {position:relative; min-width:320px;}
.social_part .board_ctr a .wrapper {display:inline-block; position:relative; padding-right:50px;}
.social_part .board_ctr a .wrapper:after {position:absolute; top:18px; right:0; width:31px; height:6px; background-image:url(../image/sprite/sprite.png); background-position:-41px -80px; background-size:500px 500px; -webkit-transition:right 0.2s; -moz-transition:right 0.2s; -ms-transition:right 0.2s; -o-transition:right 0.2s; transition:right 0.2s; content:'';}
.social_part .board_ctr a:hover .wrapper:after {right:-10px; background-position:-77px -80px;;}
.social_part .photo_wrap {margin-top:70px; margin-bottom:-100px; font-size:0;}
.social_part .photo_wrap img {width:33.33%;}

@media screen and (max-width:1280px) {
    .cultural .bg_wrap .info_wrap img {top:0;}
}
@media screen and (max-width:1024px) {
    .sub_wrap .sub_content .social_part .tit_line {margin-top:26px; line-height:1.5em;}
	.social_part .bg_wrap {padding-bottom:30px;}
	.social_part .bg_wrap .info_wrap {padding-top:140px;}
	.social_part .bg_wrap .info_wrap.no_img {padding-top:0;}
	.social_part .bg_wrap .info_wrap img {top:30px !important; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
	.social_part .cont {margin-top:30px;}
	.social_part .cont dl {height:auto; margin:30px 0;}
	.volunteer .program {margin-top:30px;}
	.volunteer .program .main_tit {font-size:22px; line-height:1.4em;}
	.volunteer .program ul li {float:none; margin-bottom:30px;}
	.volunteer .program ul li .img_wrap span {width:40px; line-height:40px;}
	.volunteer .program ul li:last-child {margin:0;}
	.volunteer .program ul li .info {float:none !important; width:100%;}
	.volunteer .program ul li:nth-child(even) .img_wrap span {right:auto; left:0;}
	.volunteer .program ul li .txt_wrap {padding:0;}
	.volunteer .program ul li .txt_wrap .tit {margin:25px 0 10px; font-size:22px; line-height:1.4em;}
	.memory .remember {margin-top:30px;}
	/* .memory .remember .campaign li {float:none; width:100%;}  */
	.memory .remember .video_wrap {margin-top:30px; padding:0;}
	.memory .remember .video_wrap li {margin-bottom:30px;}
	.memory .remember .video_wrap li:nth-child(even) {margin-right:0;}
	.memory .remember .video_wrap li:last-child {margin-bottom:0;}
	.social_part .board_ctr a {min-width:0; padding:0 10px;}
	.social_part .board_ctr a .wrapper {display:block; padding:0;}
	.social_part .board_ctr a .wrapper:after {display:none;}
    .social_part .photo_wrap {margin-top:30px; margin-bottom:-50px;}
}
@media screen and (max-width:599px) {
    .social_part .cont .img_wrap img,
	.social_part .photo_wrap img {width:100%;}
	.social_part .cont .img_wrap .video_wrap {width:100%; padding-top:56.25%;}
	.volunteer .program .main_tit,
	.volunteer .program ul li .txt_wrap .tit {font-size:20px;}
	.volunteer .program ul li .img_wrap span {width:30px; font-size:16px; line-height:30px;}
	.memory .remember .campaign li {font-size:14px; line-height:24px;}
	.memory .remember .video_wrap li {width:100%; height:0; margin-right:0; padding-top:56.25%;}
	.memory .remember .video_wrap li iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
    .social_part .photo_wrap {margin-bottom:0; padding:0 30px;}
}

/*** 고객 ***/

/* 1:1 고객문의 */
.sub_wrap .policy {overflow-y:auto; height:270px; padding:24px 28px; border:1px solid #d6dce1; background:#fff; font-size:14px; line-height:24px; color:#2a2e31;}
.sub_wrap .agreement {margin-top:20px; line-height:0; text-align:right;}
.sub_wrap .agreement .check_form {display:inline-block;}

/* Contact Us */
.contact_wrap {margin-bottom:50px; font-size:0;}
.contact_wrap:after {display:block; clear:both; content:'';}
.contact_wrap .cont {float:left; width:calc(50% - 10px);}
.contact_wrap .map {background:#e5e3df;}
.contact_wrap .map iframe {width:100%; height:470px;}
.contact_wrap .info {margin-left:20px;}
.contact_wrap .info .tit {margin:-0.2em 0; padding-bottom:16px; font-weight:700; font-size:24px; line-height:1.4em; color:#2a2e31;}
.contact_wrap .info dl {border-top:1px solid #d6dce1;}
.contact_wrap .info dl dt {margin-top:13px; font-weight:700; font-size:18px; line-height:45px; color:#0071bb;}
.contact_wrap .info dl dd {font-size:14px; line-height:30px; color:#4c5358;}
.contact_wrap .info dl dd.num {font-family:'Montserrat'; letter-spacing:0;}
.contact_wrap .info ul > li {overflow:hidden;}
.contact_wrap .info ul li .trans {float:left; width:65px; font-weight:700; color:#2a2e31;}
.contact_wrap .info ul li p {padding-left:65px;}
.contact_wrap .info ul li ol {overflow:hidden; float:right; width:calc(100% - 65px);}
.contact_wrap .info ul li ol li {float:left; position:relative; margin-right:11px; padding-left:18px; color:#4c5358;}
.contact_wrap .info ul li ol li:before {position:absolute; top:15px; left:0; width:0; height:0; margin-top:-5px; border-width:4px; border-style:solid; border-color:transparent transparent transparent #686f75; content:'';}
.contact_wrap .info ul li ol li span,
.contact_wrap .info ul li ol li em {font-weight:700; color:#00a66c;}
.contact_wrap .info ul li ol li:first-child {padding:0;}
.contact_wrap .info ul li ol li:first-child:before {display:none;}
.office .map iframe {width:100%; height:470px;}

@media screen and (max-width:1024px) {
    .contact_wrap {margin-bottom:30px;}
	.contact_wrap .cont {float:none; width:100%;}
	.contact_wrap .info {margin:0; margin-top:30px;}
	.contact_wrap .info .tit {font-size:22px;}
	.contact_wrap .info dl dt {font-size:16px; line-height:35px;}
	.contact_wrap .info dl dd {line-height:24px;}
	.contact_wrap .info ul li ol li {padding-left:10px;}
	.contact_wrap .info ul li ol li:before {top:12px;}
	.contact_wrap .map iframe,
    .office .map iframe {height:300px;}
}

/*** 채용 ***/

/* 인재상 */
.person .main_tit {margin:-6px 0 40px 0; font-weight:700; font-size:30px; line-height:1.4em; color:#2a2e31; text-align:center;}
.person .main_tit em {color:#0071bb;}
.person .goal_tit {overflow:hidden;}
.person .goal_tit li {float:left; position:relative; width:20%; height:240px; padding-top:140px; font-weight:700; font-size:18px; color:#2a2e31; text-align:center;}
.person .goal_tit li:nth-child(odd) {background:#edf7f4;}
.person .goal_tit li:before {position:absolute; top:75px; left:50%; height:40px; background-image:url(../image/sprite/sprite.png); background-size:500px 500px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); content:'';}
.person .goal_tit li:nth-child(1):before {width:35px; background-position:-168px -239px;}
.person .goal_tit li:nth-child(2):before {width:50px; background-position:-208px -239px;}
.person .goal_tit li:nth-child(3):before {width:40px; background-position:-263px -239px;}
.person .goal_tit li:nth-child(4):before {width:44px; background-position:-308px -239px;}
.person .goal_tit li:nth-child(5):before {width:33px; background-position:-353px -239px;}
.person .goal {margin-top:20px; font-size:0;}
.person .goal li {border-bottom:1px solid #d6dce1;}
.person .goal li dl {overflow:hidden;}
.person .goal li dl dt,
.person .goal li dl dd {float:left; height:100px;}
.person .goal li dl dt {position:relative; width:190px; padding-left:80px; font-weight:700; font-size:18px; line-height:100px;}
.person .goal li dl dt:before {position:absolute; top:50%; height:33px; background-image:url(../image/sprite/sprite.png); background-size:400px 400px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); content:'';}
.person .goal li:nth-child(1) dl dt:before {left:28px; width:28px; background-position:-135px -191px;}
.person .goal li:nth-child(2) dl dt:before {left:24px; width:40px; background-position:-166px -191px;}
.person .goal li:nth-child(3) dl dt:before {left:26px; width:33px; background-position:-210px -191px;}
.person .goal li:nth-child(4) dl dt:before {left:26px; width:36px; background-position:-246px -191px;}
.person .goal li:nth-child(5) dl dt:before {left:28px; width:27px; background-position:-282px -191px;}
.person .goal li dl dd {display:table; width:calc(100% - 190px); font-size:14px; vertical-align:middle;}
.person .goal li dl dd p {display:table-cell; line-height:1.4em; vertical-align:middle;}

@media screen and (max-width:1024px) {
    .person .main_tit {margin-bottom:24px; font-size:26px;}
	.person .goal_tit li {height:140px; padding-top:80px; font-size:16px;}
	.person .goal_tit li:before {top:30px;}
	.person .goal li dl dt,
	.person .goal li dl dd {height:70px;}
    .person .goal li dl dt {line-height:70px;}
}
@media screen and (max-width:599px) {
    .person .main_tit {font-size:18px;}
	.person .goal_tit {display:none;}
	.person .goal li {padding:10px;}
	.person .goal li dl {text-align:center;}
	.person .goal li dl dt,
	.person .goal li dl dd {display:block; float:none; width:100%; height:auto;}
	.person .goal li dl dt {height:80px; padding-top:45px; padding-left:0; line-height:1.4em;}
	.person .goal li dl dt:before {top:0; left:50% !important; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
    .person .goal li dl dd p {display:block;}
}

/* 채용절차 */
.recruit_tit .tit {margin:-6px 0 60px; font-weight:700; font-size:30px; line-height:42px; color:#2a2e31; text-align:center;}
.recruit_tit .tit em {color:#0071bb;}
.recruit_step .step_info {padding:0 37px;}
.recruit_step .step_info ol {overflow:hidden; height:auto; padding:5.77% 2.93% 0 2.93%; background:url(../image/bg/bg_recruitstep.png) no-repeat center top; background-size:100%; font-size:0;}
.recruit_step .step_info ol li {float:left; width:25%; padding:0 10px; padding-top:335px; text-align:center;}
.recruit_step .step_info ol li:nth-child(even) {padding-top:415px;}
.recruit_step .step_info ol li .step {display:none;}
.recruit_step .step_info ol li .wrap {position:relative; padding-top:25px;}
.recruit_step .step_info ol li .wrap:before {position:absolute; top:-130px; left:50%; z-index:-1; width:1px; height:130px; background:#d6dce1; content:'';}
.recruit_step .step_info ol li:nth-child(even) .wrap:before {top:-210px; height:210px;}
.recruit_step .step_info ol li .wrap .tit {font-weight:700; font-size:18px; line-height:28px; color:#2a2e31;}
.recruit_step .step_info ol li .wrap .txt {margin-top:8px; font-size:14px; line-height:24px; color:#4c5358;}

@media screen and (max-width:1024px) {
    .recruit_tit .tit {margin:0; margin-bottom:25px; font-size:26px; line-height:36px;}
	.recruit_step .step_info {padding:0;}
	.recruit_step .step_info .step_wrap {padding:0;}
	.recruit_step .step_info ol {padding:0; background:none;}
	.recruit_step .step_info ol li {position:relative; width:calc(50% - 15px); margin-right:30px; margin-bottom:30px; padding:0 !important;}
	.recruit_step .step_info ol li:nth-child(even) {margin-right:0;}
	.recruit_step .step_info ol li .step {display:block; font-weight:700; font-size:12px; font-family:'Montserrat'; letter-spacing:0;}
	.recruit_step .step_info ol li:nth-child(1) .step,
	.recruit_step .step_info ol li:nth-child(4) .step {color:#0071bb;}
	.recruit_step .step_info ol li:nth-child(2) .step {color:#00a66c;}
	.recruit_step .step_info ol li:nth-child(3) .step {color:#70609d;}
	.recruit_step .step_info ol li .wrap {padding:0;}
	.recruit_step .step_info ol li .wrap:before {display:none;}
    .recruit_step .step_info ol li .wrap .tit {margin-top:10px; font-size:16px; line-height:1.4em;}
}
@media screen and (max-width:599px) {
    .recruit_tit .tit {font-size:18px; line-height:1.4em;}
    .recruit_step .step_info ol li {width:100%; margin-right:0;}
}

/* 복리후생 */
.welfare .info > li dl {overflow:hidden; position:relative;}
.welfare .info > li:nth-child(1) dl,
.welfare .info > li:nth-child(5) dl {background:#0071bb;}
.welfare .info > li:nth-child(2) dl {background:#00a66c;}
.welfare .info > li:nth-child(3) dl {background:#70609d;}
.welfare .info > li:nth-child(4) dl {background:#f99d6a;}
.welfare .info > li dl:before {position:absolute; bottom:30px; height:40px; background-image:url(../image/sprite/sprite.png); background-size:500px 500px; content:'';}
.welfare .info > li:nth-child(1) dl:before {left:140px; width:30px; background-position:-72px -297px;}
.welfare .info > li:nth-child(2) dl:before {left:135px; width:35px; background-position:-107px -297px;}
.welfare .info > li:nth-child(3) dl:before {left:145px; width:25px; background-position:-147px -297px;}
.welfare .info > li:nth-child(4) dl:before {left:137px; width:33px; background-position:-177px -297px;}
.welfare .info > li:nth-child(5) dl:before {left:118px; width:52px; background-position:-215px -297px;}
.welfare .info > li dl dt,
.welfare .info > li dl dd {float:left;}
.welfare .info > li dl dt {width:200px; padding:25px 30px; font-weight:700; font-size:24px; font-family:'Montserrat'; line-height:34px; color:#fff; letter-spacing:0;}
.welfare .info > li dl dd {width:calc(100% - 200px); padding:25px 0 30px 50px; background:#fff;}
.welfare .info > li:nth-child(2),
.welfare .info > li:nth-child(2) dl dd {background:#edf7f4;}
.welfare .info > li:nth-child(4),
.welfare .info > li:nth-child(4) dl dd {background:#fef9f6;}
.welfare .info > li dl dd .tit {padding-bottom:15px; border-bottom:1px solid #d6dce1; font-weight:700; font-size:18px; line-height:28px; color:#2a2e31;}
.welfare .info > li dl dd ul {overflow:hidden; margin-top:10px;}
.welfare .info > li dl dd ul + .tit {margin-top:25px;}
.welfare .info > li dl dd ul li {float:left; width:50%; line-height:30px;}
.welfare .info > li dl dd ul li:before {top:12px;}
.welfare .info > li dl dd ul.long li,
.welfare .info > li dl dd ul li.long {width:100%;}
.welfare .info > li:nth-child(1) dl dd ul li:before,
.welfare .info > li:nth-child(5) dl dd ul li:before {background:#0071bb;}
.welfare .info > li:nth-child(3) dl dd ul li:before {background:#70609d;}
.welfare .info > li:nth-child(4) dl dd ul li:before {background:#f99d6a;}

@media screen and (max-width:1024px) {
    .welfare .info > li,
	.welfare .info > li dl,
	.welfare .info > li dl dd {background:none !important;}
	.welfare .info > li dl:before {display:none;}
	.welfare .info > li dl dt,
	.welfare .info > li dl dd {float:none; width:100%;}
	.welfare .info > li dl dt {position:relative; padding:15px 30px; background:#000;}
	.welfare .info > li:nth-child(1) dl dt,
	.welfare .info > li:nth-child(5) dl dt {background:#0071bb;}
	.welfare .info > li:nth-child(2) dl dt {background:#00a66c;}
	.welfare .info > li:nth-child(3) dl dt {background:#70609d;}
	.welfare .info > li:nth-child(4) dl dt {background:#f99d6a;}
	.welfare .info > li dl dt:before {position:absolute; top:50%; right:30px; height:40px; background-image:url(../image/sprite/sprite.png); background-size:500px 500px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); content:'';}
	.welfare .info > li:nth-child(1) dl dt:before {width:30px; background-position:-72px -297px;}
	.welfare .info > li:nth-child(2) dl dt:before {width:35px; background-position:-107px -297px;}
	.welfare .info > li:nth-child(3) dl dt:before {width:25px; background-position:-147px -297px;}
	.welfare .info > li:nth-child(4) dl dt:before {width:33px; background-position:-177px -297px;}
	.welfare .info > li:nth-child(5) dl dt:before {width:52px; background-position:-215px -297px;}

	.welfare .info > li dl dd .tit {padding-bottom:10px; font-size:16px; line-height:1.5em;}
	.welfare .info > li dl dd {padding:20px 0;}
	.welfare .info > li dl dd ul li {float:none; width:100% !important; line-height:24px;}
	.welfare .info > li dl dd ul li:before {top:8px;}
    .welfare .info > li dl dd ul + .tit {margin-top:15px; padding-bottom:15px;}
}

/* 인재육성 */
.education_spec .company_spec ul li {width:25%;}
.education_spec .company_spec ul li:nth-child(1) dl dt:before {width:51px; height:52px; background-position:-113px -182px;}
.education_spec .company_spec ul li:nth-child(2) dl dt:before {width:44px; height:52px; background-position:-288px -182px;}
.education_spec .company_spec ul li:nth-child(3) dl dt:before {width:56px; height:52px; background-position:-337px -182px;}
.education_spec .company_spec ul li:nth-child(4) dl dt:before {width:62px; height:52px; background-position:-396px -182px;}

.educate {overflow:hidden;}
.educate > li {float:left; width:25%;}
.educate > li .tit {position:relative; height:140px; font-weight:700; color:#0071bb; text-align:center;}
.educate > li:nth-child(odd) .tit {background:#edf7f4; color:#00a66c;}
.educate > li .tit .wrap {position:absolute; top:50%; left:0; width:100%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.educate > li .tit .wrap small {display:block; font-size:14px; font-family:'Montserrat'; line-height:15px; letter-spacing:0;}
.educate > li .tit .wrap p {margin-top:12px; font-size:18px; line-height:28px;}
.educate > li .list_type3 {padding:25px 30px;}
.educate > li .list_type3 li {margin-bottom:6px;}
.educate > li:nth-child(even) .list_type3 li:before {background:#0071bb;}

@media screen and (max-width:1024px) {
    .educate > li {width:calc(50% - 15px);}
	.educate > li:nth-child(odd) {clear:both; margin-right:30px;}
	.educate > li .tit {height:90px; background:#f4f8fb;}
	.educate > li .tit .wrap {padding:0 10px;}
	.educate > li .tit .wrap p {margin-top:5px; font-size:16px; line-height:1.4em;}
	.educate > li .list_type3 {padding:20px 0;}
    .educate > li .list_type3 li {margin:0;}
}
@media screen and (max-width:599px) {
    .educate > li {float:none; width:100%; margin:0;}
	.educate > li .tit {height:auto; padding:10px;}
    .educate > li .tit .wrap {position:static; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
}

/*** 기타 ***/

/* 사이트맵 */
.sitemap svg {display:none !important;}
.sitemap > ul {overflow:hidden; margin-bottom:-80px;}
.sitemap > ul > li {float:left; width:calc(25% - 15px); margin-right:20px; margin-bottom:80px;}
.sitemap > ul > li:nth-child(4n) {margin-right:0;}
.sitemap > ul > li:nth-child(4n+1) {clear:both;}
.sitemap > ul > li a {display:block; text-align:center;}
.sitemap > ul > li a:hover {color:#0071bb !important;}
.sitemap > ul > li > a {border-top:1px solid #0071bb; background:#f4f8fb; font-weight:700; font-size:18px; line-height:59px; color:#2a2e31;}
.sitemap > ul > li > .sub-menu > li > a {border-bottom:1px solid #d6dce1; font-size:18px; line-height:49px; color:#2a2e31;}
.sitemap > ul > li > .sub-menu > li.menu-item-has-children > a {border:0;}
.sitemap > ul > li > .sub-menu > li .sub-menu {padding:12px 0 8px; background:#edf7f4;}
.sitemap > ul > li > .sub-menu > li .sub-menu li a {line-height:30px; color:#4c5358;}
.sitemap > ul > li > .sub-menu > li .sub-menu li a:hover {font-weight:700; text-decoration:underline;}

@media screen and (max-width:1024px) {
    .sitemap > ul {margin-bottom:30px;}
	.sitemap > ul > li {width:calc(50% - 15px); margin-right:30px; margin-bottom:30px;}
	.sitemap > ul > li:nth-child(even) {margin-right:0;}
	.sitemap > ul > li:nth-child(4n+1) {clear:none;}
	.sitemap > ul > li:nth-child(odd) {clear:both;}
	.sitemap > ul > li > a {font-size:16px; line-height:39px;}
	.sitemap > ul > li > .sub-menu > li > a {font-size:16px; line-height:34px;}
    .sitemap > ul > li > .sub-menu > li .sub-menu {padding:5px 0;}
}
@media screen and (max-width:599px) {
    .sitemap > ul > li {float:none; width:100%; margin-right:0 !important;}
    .sitemap > ul > li > .sub-menu > li > a {font-size:14px;}
}

/* 약관 */
.policy_txt .info {padding:24px 30px; background:#f4f8fb; font-size:14px; line-height:24px; color:#4c5358;}
.policy_txt .tit {margin-top:40px; padding-bottom:10px; font-weight:700; font-size:24px; line-height:34px; color:#2a2e31;}
.policy_txt .sub_tit {margin-top:15px; padding:5px 0; font-weight:700; font-size:18px; line-height:28px; color:#2a2e31; text-align:left;}
.policy_txt .tit + .sub_tit {margin:0;}
.policy_txt .txt,
.policy_txt ul {margin-top:5px;}
.policy_txt ul:not(.list_type4) li {padding-left:13px; font-size:14px; line-height:24px; color:#4c5358; text-indent:-13px;}
.policy_txt .data_list {margin:15px 0 10px;}
/* .policy_txt .data_list table {width:100%;} */
.policy_txt .person {margin-bottom:30px; line-height:30px;}
.policy_txt a {text-decoration:underline;}

.data_list_s {width:60%; margin:8px 0;}
.data_list_s td {padding:5px;}

@media screen and (max-width:1024px) {
    .policy_txt .tit {font-size:22px; line-height:1.4em;}
    .policy_txt .sub_tit {font-size:16px; line-height:1.4em;}
}
@media screen and (max-width:599px) {
    .policy_txt .tit {font-size:20px;}
}

/* 검색결과 */
.result_wrap {position:relative;}
.result_wrap .more {position:absolute; top:0; right:0; padding-right:50px; font-weight:700; font-size:14px; line-height:35px; color:#2a2e31;}
.result_wrap .more:after {position:absolute; top:50%; right:0; width:31px; height:6px; margin-top:-5px; background-image:url(../image/sprite/sprite.png); background-position:-5px -80px; background-size:500px 500px; -webkit-transition:right 0.2s; -moz-transition:right 0.2s; -ms-transition:right 0.2s; -o-transition:right 0.2s; transition:right 0.2s; content:'';}
.result_wrap .more:hover:after {right:-10px;}
.result_wrap .product {padding-top:30px; border-top:1px solid #2a2e31; line-height:0;}
.result_wrap .product:after {display:block; clear:both; content:'';}
.result_wrap .product li {float:left; position:relative; width:calc(33.33% - 20px); max-width:380px; height:390px; margin-top:60px; margin-right:30px;}
.result_wrap .product li:nth-child(-n+3) {margin-top:0;}
.result_wrap .product li:nth-child(3n) {margin-right:0;}
.result_wrap .product li a {display:block; height:100%; text-align:center;}
.result_wrap .product li .link {position:absolute; bottom:-50px; width:100%; height:50px; font-weight:700; font-size:14px; line-height:50px; color:#0071bb;}
.result_wrap .product li .link span {position:relative; padding-right:50px;}
.result_wrap .product li .link span:after {position:absolute; top:50%; right:0; width:31px; height:6px; margin-top:-5px; background-image:url(../image/sprite/sprite.png); background-position:-41px -80px; background-size:500px 500px; -webkit-transition:right 0.2s; -moz-transition:right 0.2s; -ms-transition:right 0.2s; -o-transition:right 0.2s; transition:right 0.2s; content:'';}
.result_wrap .product li .link:hover span:after {right:-10px;}
.result_wrap .product li img {position:absolute; top:50%; left:50%; max-width:95%; max-height:300px; margin-top:-35px; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.result_wrap .product li .name {overflow:hidden; position:absolute; bottom:0; left:0; width:100%; padding:0 10px; background:#f5f9fb; font-weight:700; font-size:18px; line-height:70px; color:#2a2e31; text-align:center; text-overflow:ellipsis; white-space:nowrap;}
.result_wrap .product li a:hover .name {color:#0071bb;}
.result_wrap .board {border-top:1px solid #2a2e31;}
.result_wrap .board li {padding:20px 0; border-bottom:1px solid #d6dce1;}
.result_wrap .board li a {display:block; overflow:hidden;}
.result_wrap .board li a .cate {float:left; width:110px; margin:0 20px 0 10px; background:#00a66c; font-weight:700; font-size:14px; line-height:30px; color:#fff; text-align:center;}
.result_wrap .board li a p {overflow:hidden; float:left; width:100%; font-weight:700; font-size:16px; line-height:30px; color:#2a2e31; text-overflow:ellipsis; white-space:nowrap;}
.result_wrap .board li a .cate + p {width:calc(100% - 140px);}
.result_wrap .board li a:hover p {color:#0071bb;}

@media screen and (max-width:1024px) {
    .result_wrap .product li {width:calc(50% - 15px); max-width:100%; height:300px; margin-top:30px;}
	.result_wrap .product li:nth-child(-n+3) {margin-top:30px;}
	.result_wrap .product li:nth-child(-n+2) {margin-top:0;}
	.result_wrap .product li:nth-child(3n) {margin-right:30px;}
	.result_wrap .product li:nth-child(even) {margin-right:0;}
	.result_wrap .product li img {max-height:170px;}
	.result_wrap .product li .name {display:block; bottom:30px; font-size:16px; line-height:50px;}
	.result_wrap .product li a:hover .name {background:#f5f9fb; color:#2a2e31;}
	.result_wrap .board li {padding:10px 0;}
	.result_wrap .more_wrap {margin-top:30px; text-align:center;}
	.result_wrap .more_wrap .more {position:static; width:auto; min-width:120px; padding:0 10px; border:1px solid #2a2e31; line-height:48px; text-align:center;}
	.result_wrap .more_wrap .more:hover {background:#2a2e31; color:#fff;}
    .result_wrap .more_wrap .more:after {display:none;}
}
@media screen and (max-width:599px) {
    .result_wrap .product li {width:100%; margin-right:0;}
	.result_wrap .product li:nth-child(-n+2) {margin-top:30px;}
	.result_wrap .product li:first-child {margin-top:0;}
    .result_wrap .more_wrap .more {width:100%; line-height:30px;}
}

/* 404에러 */
.error_404 {text-align:center;}
.error_404 img {margin-top:50px;}
.error_404 p {line-height:1.4em;}
.error_404 .tit {margin-top:40px; font-weight:700; font-size:30px; color:#2a2e31;}
.error_404 .txt {margin-top:18px; font-size:18px; color:#686f75;}
.error_404 .board_ctr button,
.error_404 .board_ctr a {width:280px;}

@media screen and (max-width:1024px) {
    .error_404 img {width:126px; margin:0;}
	.error_404 .tit {margin-top:30px; font-size:26px;}
	.error_404 .txt {margin-top:15px; font-size:16px;}
	.error_404 .board_ctr button,
    .error_404 .board_ctr a {width:auto; min-width:120px;}
}
@media screen and (max-width:599px) {
    .error_404 .tit {margin-top:20px; font-size:18px;}
    .error_404 .txt {margin-top:12px; font-size:14px;}
}

/* 워드프레스 에디터용 css */
.board_view .content li,
.board_view .content p,
.board_view .content h1,
.board_view .content h2,
.board_view .content h3,
.board_view .content h4,
.board_view .content h5,
.board_view .content h6 {font-weight:normal; line-height:1.5em;}
.board_view .content ul {margin-bottom:1.5em; margin-left:14px;}
.board_view .content ol {margin-bottom:1.5em; margin-left:10px;}
.board_view .content ul li {list-style:disc;}
.board_view .content ol li {list-style:decimal;}
.board_view .content p {margin-bottom:1.5em;}
.board_view .content p:after {display:block; clear:both; content:'';}
.board_view .content img.alignleft {float:left;}
.board_view .content img.alignright {float:right;}
.board_view .content img.aligncenter {display:block; margin:0 auto;}
.board_view .content h1 {font-size:2em;}
.board_view .content h2 {font-size:1.5em;}
.board_view .content h3 {font-size:1.2em;}
.board_view .content h4 {font-size:1em;}
.board_view .content h5 {font-size:0.8em;}
.board_view .content h6 {font-size:0.66em;}
.board_view .content a {color:#0071bb; text-decoration:underline;}

/*=========================================================
8. 관리자 로그인
=========================================================*/

.admin_login {position:absolute; top:50vh; left:50%; width:100%; max-width:890px; padding:0 30px; font-size:0; text-align:center; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.admin_login h1 {margin-bottom:90px;}
.admin_wrap {overflow:hidden; margin:0 -15px;}
.admin_wrap .admin_box {float:left; width:calc(50% - 30px); margin:0 15px; background:#f4f8fb;}
.admin_wrap .eng {background:#edf7f4;}
.admin_wrap .admin_box a {display:block; position:relative; height:340px;}
.admin_wrap .admin_box .tit {position:absolute; top:50%; left:50%; margin-top:-25px; padding-top:65px; font-weight:700; font-size:24px; line-height:1.4em; color:#0071bb; text-align:center; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.admin_wrap .eng .tit {color:#00a66c;}
.admin_wrap .admin_box .tit:after {position:absolute; top:0; left:50%; width:32px; height:40px; margin-left:-16px; background-image:url(../image/sprite/sprite.png); background-position:-299px -5px; background-size:500px 500px; content:'';}
.admin_wrap .admin_box .link {position:absolute; bottom:0; left:0; width:100%; height:50px; background:#0071bb; line-height:50px; text-align:center;}
.admin_wrap .eng .link {background:#00a66c;}
.admin_wrap .admin_box .link span {display:inline-block; position:relative; width:100px; font-weight:700; font-size:14px; color:#f4f8fb; text-align:left;}
.admin_wrap .admin_box .link span:after {position:absolute; right:0; bottom:25px; width:31px; height:6px; background-image:url(../image/sprite/sprite.png); background-position:-77px -80px; background-size:500px 500px; content:'';}

@media screen and (max-width:1024px) {
    .admin_login h1 {margin-bottom:30px;}
	.admin_login h1 img {height:71px;}
	.admin_wrap .admin_box a {height:200px;}
	.admin_wrap .admin_box .tit {width:100%; font-size:20px;}
    .admin_wrap .admin_box .tit br {display:none;}
}
@media screen and (max-width:599px) {
    .admin_wrap {margin:-15px 0;}
	.admin_wrap .admin_box {float:none; width:100%; margin:15px 0;}
	.admin_wrap .admin_box a {height:150px;}
	.admin_wrap .admin_box .tit {margin-top:-20px; padding-top:50px; font-size:18px;}
	.admin_wrap .admin_box .link {height:40px; line-height:40px;}
    .admin_wrap .admin_box .link span:after {bottom:20px;}
}


/*수정*/
.news_preview .preview li:nth-child(3n){
	margin-right:0;
}

.news_preview .preview li:nth-child(3n) ~ li{
	margin-top:30px;
}

.index .wrapper .product .item_box.x2 .sub{
	display:none;
}

.news_preview .preview li .cont .date{
	margin-top:12px;
	display:block;
}

@media screen and (min-width: 1025px){
	.index .wrapper .product .item_box.x2{
		width:33.333%;
		padding-bottom: 26.62%;
	}
}

.SingleVideo{
	position:relative;
	margin-bottom:25px;
}

.SingleVideo:after{
	content:"";
	display:block;
	padding-bottom:56.2%;
}

.SingleVideo iframe{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}


/*수정 메인*/
.MainNewsItem-link{
	display:block;
	position:relative;
}

.MainNewsItem-content{
	position:absolute;
	bottom:25px;
	left:0;
	right:0;
	z-index:10;
	padding:0px 22px;
	font-size:0;
	line-height:0;
}

.MainNewsItem-thumbnail{
	line-height:0;
	position:relative;
	overflow:hidden;
}

.MainNewsItem-thumbnail:before{
	content:"";
	width:100%;
	height:55%;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index:5;
	background-image:url(../image/bg/main-bg.png);
	background-repeat:repeat-x;
	background-size:100% 100%;
	opacity:0.5;
}

.MainNewsItem-thumbnail:after{
	content:"";
	display:block;
	padding-bottom:63%;
}

.MainNewsItem-thumbnail img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:100%;
	transition-property:transform; 
	transition-duration: 0.5s;
}

.MainNewsItem-category{
	font-size:14px;
	line-height:1.2em;
	font-weight:bold;
	color:#fff;
	padding:7px 15px;
	background-color:#00a66c;
	display:inline-block;
	margin-bottom:10px;
}

.MainNewsItem-title{
	font-size:24px;
	line-height:1.3em;
	font-weight:bold;
	color:#fff;
	min-height:2.6em;
	display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    max-height:3.9em;
    overflow:hidden;
    text-overflow:ellipsis;
}
.MainNews-list{
	overflow:hidden;
}

.MainNews-item{
	width:33.3333%;
	float:left;
}

.MainNews-item:nth-child(1){
	width:50%;
}

.MainNews-item:nth-child(2){
	width:50%;
}

.MainNews-item:nth-child(3){
	clear:both;
}

.MainNews-item:nth-child(2) ~ .MainNews-item .MainNewsItem-thumbnail:after{
	padding-bottom:100%;
}

.MainNewsItem-link:hover .MainNewsItem-thumbnail img{
	transform:translate(-50%, -50%) scale(1.1);
}

@media screen and (max-width:1650px) and (min-width:1024px) {
	.MainNewsItem-category{
		font-size:0.8484vw;
		padding:0.4242vw 0.909vw;
		margin-bottom:0.606vw;
	}
	
	.MainNewsItem-title{
		font-size:1.4545vw;
	}
	
	.MainNewsItem-content{
		bottom:1.5151vw;
		padding:0px 1.333vw;
	}
}

@media screen and (max-width:1023px)  and (min-width:768px) {
	.MainNewsItem-category{
		font-size:1.4484vw;
		padding:0.7242vw 1.909vw;
		margin-bottom:1.606vw;
	}
	
	.MainNewsItem-title{
		font-size:2.1545vw;
	}
	
	.MainNewsItem-content{
		bottom:1.5151vw;
		padding:0px 1.333vw;
	}
}

@media screen and (max-width:767px)  and (min-width:1px){
	.MainNews-item{
		width:100% !important;
	}
	
	.MainNewsItem-category{
		font-size:1.7484vw;
		padding:1.7242vw 2.909vw;
		margin-bottom:2.206vw;
	}
	
	.MainNewsItem-title{
		font-size:3.8545vw;
		min-height:0;
		line-height:1.4em;
		max-height:2.8em;
		-webkit-line-clamp:2;
	}
	
	.MainNewsItem-content{
		bottom:3.5151vw;
		padding:0px 3.333vw;
	}
	
	.MainNews-item{
		margin-top:10px;
	}
	
	.MainNews-item:first-child{
		margin-top:0;
	}
	
	.MainNews-item:last-child{
		display:none;
	}
	
	.MainNews-item:nth-child(2) ~ .MainNews-item{
		width:50% !important;
	}
	
	.MainNews-item:nth-child(1) .MainNewsItem-title{
		font-size:4.5545vw;
	}
	
	.MainNews-item:nth-child(2) .MainNewsItem-title{
		font-size:4.5545vw;
	}
}

/*수정 상세페이지 관련글*/
.RelatedArticles{
	margin-top:100px;
	border-top: 1px solid #d6dce1;
	padding-top:30px;
}

.board_view .content h3.RelatedArticles-title{
	font-size:16px;
	line-height:1.2em;
	color:#2a2e31;
	font-weight:bold;
	margin-bottom:22px;
}

.RelatedArticlesList{
	overflow:hidden;
}
.board_view .content ul.RelatedArticlesList-list{
	margin:-10px -10px;
	overflow:hidden;
}

.board_view .content ul li.RelatedArticlesList-item{
	padding:10px 10px;
	width:50%;
	float:left;
	list-style:none;
}

.RelatedArticlesList-item:nth-child(odd){
	clear:both;
}

.RelatedArticlesListItem-link{
	display:block;
	text-decoration:none !important;
}

.RelatedArticlesListItem-link:hover .RelatedArticlesListItem-title{
	color:#0071bb !important;
	text-decoration:underline !important;
}

.RelatedArticlesListItem-link:after{
	content:"";
	display:table;
	clear:both;
}

.RelatedArticlesListItem-thumbnail{
	width:32%;
	max-width:176px;
	float:left;
	margin-right:30px;
}

.board_view .content h4.RelatedArticlesListItem-title{
	font-size:18px;
	line-height:1.4em;
	color:#2a2e31;
	font-weight:bold;
	margin-bottom:10px;
}

.RelatedArticlesListItem-date{
	font-size:14px;
	line-height:1.2em;
	color:#686f75;
	font-family:'Montserrat';
}

.RelatedArticlesListItem-content{
	overflow:hidden;
}

@media screen and (max-width: 1024px){
	.RelatedArticlesListItem-thumbnail{
		margin-right:15px;
	}
	
	.board_view .content h4.RelatedArticlesListItem-title{
		font-size:16px;
	}
	
	.RelatedArticlesListItem-date{
		font-size:12px;
	}
	
	.board_view .content h3.RelatedArticles-title{
		margin-bottom:15px;
	}
}

@media screen and (max-width: 599px){
	.board_view .content ul li.RelatedArticlesList-item{
		width:100%;
	}
	
	.board_view .content h4.RelatedArticlesListItem-title{
		font-size:14px;
		margin-bottom:10px;
	}
}


/*===================================
Main 수정
=======================================================*/
@media screen and (min-width: 1025px){
	.index .wrapper .bg_wrap{
		width:300px;
	}
	
	.index .wrapper .cont_wrap{
		width:calc(100% - 200px);
		float:none;
		margin:0 auto;
	}
	
	.index .wrapper .sticky .tit {font-size:42px;}
	.index .wrapper .bg_wrap .sub {top:40px; font-size:20px;}
    .index .wrapper .bg_wrap .bottom p {font-size:16px;}
	
	.index .max_container{
		max-width:100%;
	}
	
	.index .wrapper .sticky .tit span br{
		display:block;
	}
	
	/*news*/
	.news_preview .preview li{
		padding:0;
	}
	.news_preview .preview li .thumb{
		height:auto;
		position:relative;
	}
	.news_preview .preview li .thumb:after{
		content:"";
		display:block;
		padding-bottom:56.25%;
	}
	
	.news_preview .preview li .thumb img{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		height:100%;
		max-width:none;
		width:auto;
	}

	.news_preview .preview li .cont{
		padding:20px 20px;
	}

	.news_preview .preview li:after{
		display:none;
	}

	.news_preview .preview li .cont:after{
		bottom:20px;
		right:30px;
	}

	.news_preview .preview li:hover .cont:after{
		right:20px;
	}
}

/*=========================================================
3. 메인 리뉴얼
=========================================================*/
.Main-container{
	max-width:1480px;
	padding:0 40px;
	position:relative;
	margin:0 auto;
}

.Main-container:after{
	content:"";
	display:table;
	clear:both;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.Main-container{
		padding:0 30px;
	}
}

/*=========================================================
4. MEDIA ROOM
=========================================================*/
.MediaRoom{
	padding-bottom:128px;
	position:relative;
	z-index:3;
	background-color:#fff;
}

.MediaRoomHeader{
	padding:128px 0 80px;
	position:relative;
}

.MediaRoomHeader:after{
	content:"";
	display:table;
	clear:both;
}

.MediaRoomHeader-inner{
	position:relative;
	padding-right:170px;
}

.MediaRoomHeader-title{
	float:left;
	margin-right:113px;
	font-size:24px;
	line-height:1.5em;
	color:#f99d6a;
	font-weight:bold;
	font-family:'Montserrat';
}

.MediaRoomHeader-sub{
	overflow:hidden;
	font-size:42px;
	line-height:1.3em;
	color:#333333;
}

.MediaRoomHeader-link{
	position:absolute;
	top:10px;
	right:0;
	display:block;
	padding:10px 17px 10px;
	border:solid 2px #f99d6a;
	background-color:#f99d6a;
}

.MediaRoomHeader-text{
	display:block;
	position:relative;
	font-size:18px;
	line-height:1.3em;
	color:#ffffff;
	font-weight:bold;
	padding-right:48px;
}

.MediaRoomHeader-text br{
	display:none;
}

.MediaRoomHeader-text:after{
	content:"";
	width:31px;
	height:6px;
	background-image:url(../image/icon/ico-md-white-arrow.png);
	background-size:31px 6px;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%) translateX(-5px);
	transition-property: transform;
    transition-duration: 0.3s;
	margin-top:-1px;
}

@media screen and  (min-width: 1025px) {
	.MediaRoomHeader-text:hover:after{
		transform:translateY(-50%) translateX(0px);
	}
}

.MediaRoom .Main-container:before{
	content:"01 MEDIA ROOM";
	position:absolute;
	bottom:0;
	right:-60px;
	font-size:20px;
	line-height:1.2em;
	color:#f99d6a;
	font-weight:bold;
	font-family:'Montserrat';
	transform:rotate(90deg);
	transform-origin:bottom right;
}


/*Responsive*/
@media screen and (max-width: 1700px) and (min-width: 1px) {
	.MediaRoom .Main-container:before{
		display:none;
	}
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.MediaRoomHeader-title{
		font-size:22px;
		margin-right:70px;
	}
	
	.MediaRoomHeader-sub{
		font-size:38px;
	}
	
	.MediaRoomHeader-text{
		font-size:14px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 600px) {
	.MediaRoom{
		padding-bottom:55px;
	}
	
	.MediaRoomHeader-inner{
		padding-right:100px;
	}
	
	.MediaRoomHeader{
		padding:55px 0 35px;
	}
	
	.MediaRoomHeader-title{
		font-size:12px;
		margin-right:0;
		line-height:1.2em;
		float:none;
		margin-bottom:13px;
	}
	
	.MediaRoomHeader-sub{
		font-size:22px;
	}
	
	.MediaRoomHeader-link{
		padding:10px 8px 11px;
	}
	
	.MediaRoomHeader-text{
		font-size:12px;
		line-height:1.4em;
		padding-right:15px;
		padding-bottom:15px;
	}
	
	.MediaRoomHeader-text:after{
		top:auto;
		bottom:0;
		right:0;
		transform:translate(0,0);
	}
}

@media screen and (max-width: 599px) and (min-width: 1px) {
	.MediaRoom{
		padding-bottom:50px;
	}
	
	.MediaRoomHeader-inner{
		padding-right:75px;
	}
	
	.MediaRoomHeader{
		padding:50px 0 40px;
	}
	
	.MediaRoomHeader-title{
		font-size:12px;
		margin-right:0;
		line-height:1.2em;
		float:none;
		margin-bottom:13px;
	}
	
	.MediaRoomHeader-sub{
		font-size:22px;
		max-width:300px;
	}
	
	.MediaRoomHeader-link{
		padding:12px 12px 13px;
		right:-30px;
	}
	
	.MediaRoomHeader-text{
		font-size:12px;
		line-height:1.4em;
		padding-right:15px;
		padding-bottom:20px;
	}
	
	.MediaRoomHeader-text:after{
		top:auto;
		bottom:0;
		right:0;
		transform:translate(0,0);
	}
	
	.MediaRoomHeader-text br{
		display:block;
	}
}

/*	MEDIA ROOM:Post
=========================================================*/
.MediaRoomPost{
	margin-bottom:30px;
}

.MediaRoomPost-list{
	margin:0 -15px;
	overflow:hidden;
}

.MediaRoomPost-item{
	width:50%;
	float:left;
	padding:0 15px;
}

.MediaRoomHoverItem-link{
	display:block;
	border:solid 1px #eeeeee;
	position:relative;
	overflow:hidden;
}

.MediaRoomHoverItemThumb{
	line-height:0;
	position:relative;
	overflow:hidden;
}

.MediaRoomHoverItemThumb:after{
	content:"";
	display:block;
	padding-bottom:56.3%;
}

.MediaRoomHoverItemThumb img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-width:100%;
	max-height:100%;
	height:100%;
}

.MediaRoomHoverItemText{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background-color:#fff;
	padding:30px 35px 25px;
	transition-property: transform;
    transition-duration: 0.3s;
	transform:translateY(110%);
}

.MediaRoomHoverItemText:after{
	content: "";
    width: 31px;
    height: 6px;
    background-image: url(../image/icon/ico-small-gold-arrow.png);
    background-size: 31px 6px;
    position: absolute;
    bottom: 26px;
    right: 35px;
}

.MediaRoomHoverItemText-cate{
	font-size:14px;
	line-height:1.2em;
	color:#fff;
	font-weight:500;
	padding:6px 16px;
	position:absolute;
	top:-14px;
	left:35px;
}

.Color-red{
	background-color:#e65959;
}

.Color-purple{
	background-color:#5f4b8b;
}

.Color-green{
	background-color:#00a66c;
}

.MediaRoomHoverItemText-title{
	font-size:24px;
	line-height:1.4em;
	color:#2a2e31;
	font-weight:bold;
	display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    white-space:normal;
    height:2.8em;
    overflow:hidden;
    text-overflow:ellipsis;
}

.MediaRoomHoverItemText-date{
	font-size:14px;
	line-height:1.2em;
	color:#686f75;
	font-family:'Montserrat';
	margin-top:14px;
}

@media screen and  (min-width: 1025px) {
	.MediaRoomHoverItem-link:hover{
		border:solid 1px #f99d6a;
	}
	
	.MediaRoomHoverItem-link:hover .MediaRoomHoverItemText{
		transform:translateY(0);
	}
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.MediaRoomHoverItemText{
		padding:25px 35px 25px;
	}
	
	.MediaRoomHoverItemText-cate{
		font-size:12px;
		top:-14px;
	}
	
	.MediaRoomHoverItemText-title{
		font-size:20px;
	}
	
	.MediaRoomHoverItemText-date{
		font-size:12px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 600px) {
	.MediaRoomPost{
		margin-bottom:20px;
	}
	
	.MediaRoomPost-list{
		margin:0 -10px;
	}
	
	.MediaRoomPost-item{
		padding:0 10px;
	}
	
	.MediaRoomPost{
		margin-left:-30px;
		margin-right:-30px;
	}
	
	.MediaRoomHoverItemText{
		position:relative;
		transform:translateY(0);
	}
	
	.MediaRoomHoverItemText{
		padding:30px 30px 20px;
	}
	
	.MediaRoomHoverItemText:after{
		right:30px;
		bottom:20px;
		background-image: url(../image/icon/ico-small-gray-arrow.png);
	}
	
	.MediaRoomHoverItemText-cate{
		left:30px;
	}
	
	.MediaRoomHoverItemText-title{
		font-size:16px;
	}
	
	.MediaRoomHoverItemText-date{
		margin-top:12px;
	}
}

@media screen and (max-width: 599px) and (min-width: 1px) {
	.MediaRoomPost{
		margin-bottom:20px;
	}
	
	.MediaRoomPost-list{
		margin:0 -10px;
	}
	
	.MediaRoomPost-item{
		padding:0 10px;
	}
	
	.MediaRoomPost{
		margin-left:-30px;
		margin-right:-30px;
	}
	
	.MediaRoomHoverItemText{
		position:relative;
	}
	
	.MediaRoomHoverItemText{
		padding:30px 30px 20px;
		transform:translateY(0);
	}
	
	.MediaRoomHoverItemText:after{
		right:30px;
		bottom:20px;
		background-image: url(../image/icon/ico-small-gray-arrow.png);
	}
	
	.MediaRoomHoverItemText-cate{
		left:30px;
	}
	
	.MediaRoomHoverItemText-title{
		font-size:16px;
	}
	
	.MediaRoomHoverItemText-date{
		margin-top:12px;
	}
	
	.MediaRoomPost-item{
		width:100%;
		float:none;
	}
	
	.MediaRoomPost-item:last-child{
		margin-top:20px;
	}
	
	.MediaRoomHoverItemText-cate{
		font-size:13px;
	}
}

/*=========================================================
  Swiper Basic CSS
=========================================================*/
#main_f_cont .swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 100%;
  height: 100%;
}

#main_f_cont .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  transform: translate3d(0px, 0, 0);
}

#main_f_cont .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#main_f_cont .swiper-container-fade .swiper-slide{
    transition-property: opacity;
}

#main_f_cont .swiper-button-disabled {
  opacity: 0.15 !important;
  cursor: auto;
  pointer-events: none;
}

#main_f_cont .is-slide_disable .swiper-button-prev {
  display: none;
}

#main_f_cont .is-slide_disable .swiper-button-next {
  display: none;
}

#main_f_cont .swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background-color: rgba(0, 0, 0, 0.3);
}

#main_f_cont .swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 1px;
  height: 98%;
}

#main_f_cont .swiper-scrollbar-drag {
  height: 5px;
  width: 100%;
  position: relative;
  background-color: #f99d6a;
  border-radius: 10px;
  left: -1px;
  top: -1px;
  width: 5px;
}

#main_f_cont .swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

#main_f_cont .swiper-button-lock {
  display: none;
}


/*=========================================================
  Swiper Basic CSS
=========================================================*/
.MediaRoomSlide{
	margin:0 -12px;
}
#main_f_cont  .MediaRoomSlide-slide{
	display: block;
    width: 33.333%;
    float: left;
    padding: 0 12px;
}

.MediaRoomSlidePost-link{
	display:block;
	border:solid 1px #eeeeee;
	position:relative;
	overflow:hidden;
}

.MediaRoomSlidePostThumb{
	line-height:0;
	position:relative;
	overflow:hidden;
}

.MediaRoomSlidePostThumb:after{
	content:"";
	display:block;
	padding-bottom:57.6%;
}

.MediaRoomSlidePostThumb img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-width:100%;
	max-height:100%;
	height:100%;
	transition-property: transform;
    transition-duration: 0.3s;
}

.MediaRoomSlidePostText{
	position:relative;
	background-color:#fff;
	padding:37px 35px 25px;
}

.MediaRoomSlidePostText:after{
	content: "";
    width: 31px;
    height: 6px;
    background-image: url(../image/icon/ico-small-gray-arrow.png);
    background-size: 31px 6px;
    position: absolute;
    bottom: 26px;
    right: 35px;
	transition-property: transform;
    transition-duration: 0.3s;
}

.MediaRoomSlidePostText-cate{
	font-size:14px;
	line-height:1.2em;
	color:#fff;
	font-weight:500;
	padding:6px 16px;
	position:absolute;
	top:-14px;
	left:35px;
}

.MediaRoomSlidePostText-title{
	font-size:24px;
	line-height:1.4em;
	color:#2a2e31;
	font-weight:bold;
	display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    white-space:normal;
    height:2.8em;
    overflow:hidden;
    text-overflow:ellipsis;
}

.MediaRoomSlidePostText-date{
	font-size:14px;
	line-height:1.2em;
	color:#686f75;
	font-family:'Montserrat';
	margin-top:45px;
}

@media screen and  (min-width: 1025px) {
	.MediaRoomSlidePost-link:hover .MediaRoomSlidePostText:after{
		transform:translateX(10px);
	}
	
	.MediaRoomSlidePost-link:hover .MediaRoomSlidePostThumb img{
		transform:translate(-50%, -50%) scale(1.1);
	}
}

.MediaRoomSlidePost.photo .MediaRoomSlidePostThumb:after{
	padding-bottom:100%;
}

/*Responsive*/
@media screen and (max-width: 1540px) and (min-width: 1025px) {
	.MediaRoomSlidePostText{
		padding:2.40259vw 2.2727vw 1.6233vw;
	}

	.MediaRoomSlidePostText:after{
		width: 2.0129vw;
		height: 0.3896vw;
		background-size: 2.0129vw 0.3896vw;
		bottom: 1.6883vw;
		right: 2.2727vw;
	}

	.MediaRoomSlidePostText-cate{
		font-size:0.90909vw;
		padding:0.3896vw 1.0389vw;
		top:-0.90909vw;
		left:2.2727vw;
	}

	.MediaRoomSlidePostText-title{
		font-size:1.5584vw;
	}

	.MediaRoomSlidePostText-date{
		font-size:0.90909vw;
		margin-top:2.92207vw;
	}
}

@media screen and (max-width: 1024px) and (min-width: 600px) {
	.MediaRoomSlide{
		margin:0 -40px;
	}
	
	#main_f_cont .MediaRoomSlide-slide{
		padding:0 10px;
	}
	
	#main_f_cont .MediaRoomSlide-slide{
		width:364px;
	}
	
	.MediaRoomSlide-scrollbar{
		width:calc(100% - 100px);
		height:3px;
		background-color:#dddddd;
		margin-top:25px;
		opacity:1 !important;
		margin-bottom:1px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.MediaRoomSlidePostText{
		padding:30px 30px 20px;
	}
	
	.MediaRoomSlidePostText:after{
		right:30px;
		bottom:20px;
	}
	
	.MediaRoomSlidePostText-cate{
		left:30px;
	}
	
	.MediaRoomSlidePostText-title{
		font-size:16px;
	}
	
	.MediaRoomSlidePostText-date{
		margin-top:34px;
	}
}

@media screen and (max-width: 599px) and (min-width: 1px) {
	.MediaRoomSlide{
		margin:0 -40px;
	}
	
	#main_f_cont .MediaRoomSlide-slide{
		padding:0 10px;
	}
	
	#main_f_cont .MediaRoomSlide-slide{
		width:286px;
	}
	
	.MediaRoomSlide-scrollbar{
		width:calc(100% - 100px);
		height:3px;
		background-color:#dddddd;
		margin-top:25px;
		opacity:1 !important;
		margin-bottom:1px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.MediaRoomSlidePostText{
		padding:25px 30px 14px;
	}
	
	.MediaRoomSlidePostText:after{
		right:30px;
		bottom:20px;
	}
	
	.MediaRoomSlidePostText-cate{
		left:30px;
	}
	
	.MediaRoomSlidePostText-title{
		font-size:16px;
	}
	
	.MediaRoomSlidePostText-date{
		margin-top:12px;
	}
}

/*=========================================================
  MainProducts
=========================================================*/
.MainProducts{
	position:relative;
	z-index:2;
	background-color:#f6f6f6;
	padding-bottom:65px;
}

.MainProductsHeader{
	text-align:center;
	padding:128px 0 80px;
}

.MainProductsHeader-title{
	float: left;
	font-size:24px;
	line-height:1.2em;
	font-weight:bold;
	color:#0071bb;
	font-family:'Montserrat';
	margin-right:139px;
}

.MainProductsHeader-sub{
	font-size:42px;
	line-height:1.3em;
	color:#333333;
	overflow:hidden;
	text-align:left;
}

.MainProductsHeader-sub br{
	display:none;
}

/*Responsive*/
@media screen and (max-width: 1540px) and (min-width: 1025px) {
	.MainProducts{
		padding-bottom:55px;
	}
	
	.MainProductsHeader{
		padding:80px 0 35px;
	}
	
	.MainProductsHeader-title{
		font-size:22px;
		margin-right:98px;
	}
	
	.MainProductsHeader-sub{
		font-size:38px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 600px) {
	.MainProducts{
		padding-bottom:55px;
	}
	
	.MainProductsHeader{
		padding:80px 0 35px;
	}
	
	.MainProductsHeader-title{
		font-size:12px;
		margin-bottom:15px;
	}
	
	.MainProductsHeader-sub{
		font-size:22px;
		text-align:left;
	}
	
	.MainProductsHeader-sub br{
		display:block;
	}
	
	.MainProductsHeader-title{
		float:none;
		text-align:left;
	}
}

@media screen and (max-width: 599px) and (min-width: 1px) {
	.MainProducts{
		padding-bottom:34px;
	}
	
	.MainProductsHeader{
		padding:50px 0 40px;
	}
	
	.MainProductsHeader-title{
		font-size:12px;
		margin-bottom:15px;
		float:none;
		text-align:left;
	}
	
	.MainProductsHeader-sub{
		font-size:22px;
		text-align:left;
	}
	
	.MainProductsHeader-sub br{
		display:block;
	}
}

/*=========================================================
  MainProducts:Slider
=========================================================*/
.MainProductsSection{
	padding-bottom:70px;
}

.ProductsThumbSlide{
	height:488px;
}

.ProductsThumbSlide-container{
	overflow:visible !important;
}


.ProductsThumbSlide .ProductsThumbSlide-slide{
	width:380px !important;
	-webkit-align-items: flex-start !important;
	align-items: flex-start !important;
	-webkit-justify-content: left !important;
    justify-content: left !important;
}

.ProductsThumbSlide-inner{
	width:calc(100% + 245px);
	transition-property: width, padding-left, padding-right !important;
    transition-duration: 0.3s;
	flex:none;
	padding-right:245px;
}

.ProductsThumbSlideItem{
	width:100%;
	position:relative;
	background-color:#fff;
}

.ProductsThumbSlide .ProductsThumbSlide-slide.swiper-slide-active .ProductsThumbSlide-inner{
	width:625px !important;
	padding-right:0;
	padding-left:0;
}

.ProductsThumbSlide .ProductsThumbSlide-slide.swiper-slide-active ~ .ProductsThumbSlide-slide .ProductsThumbSlide-inner{
	padding-right:0;
	padding-left:245px;
}

.ProductsThumbSlide .ProductsThumbSlide-slide.swiper-slide-prev .ProductsThumbSlide-inner{
	padding-right:245px;
	padding-left:0;
}

.ProductsThumbSlideItem:after{
	content:"";
	display:block;
	padding-bottom:77.8%;
}

.ProductsThumbSlideItem img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: calc(100% - 34px);
    max-height: calc(100% - 34px);
}

.ProductsThumbSlide-prev{
	width:42px;
	height:80px;
	background-image:url(../image/icon/ico-main-slide-prev.png);
	background-size:42px 80px;
	position:absolute;
	top:50%;
	left:30px;
	z-index:100;
	cursor:pointer;
	transform:translateY(-50%);
}

.ProductsThumbSlide-next{
	width:42px;
	height:80px;
	background-image:url(../image/icon/ico-main-slide-next.png);
	background-size:42px 80px;
	position:absolute;
	top:50%;
	left: 550px;
	z-index:100;
	cursor:pointer;
	transform:translateY(-50%);
}

.ProductsThumbSlide .ProductsThumbSlide-slide.swiper-slide-active .ProductsThumbSlideItem img{
	max-width: calc(100% - 200px);
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.ProductsThumbSlide .ProductsThumbSlide-slide{
		width:300px !important;
	}
	
	.ProductsThumbSlide .ProductsThumbSlide-slide.swiper-slide-active .ProductsThumbSlide-inner{
		width:520px !important;
	}
	
	.ProductsThumbSlide .ProductsThumbSlide-slide.swiper-slide-active ~ .ProductsThumbSlide-slide .ProductsThumbSlide-inner{
		padding-left:220px;
	}
	
	.ProductsThumbSlide-inner{
		width: calc(100% + 220px);
	}
	
	.ProductsThumbSlide{
		height:406px;
	}
	
	.ProductsThumbSlide-prev{
		left:20px;
	}
	
	.ProductsThumbSlide-next{
		left:458px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 600px) {
	.ProductsThumbSlide .ProductsThumbSlide-slide{
		width:270px !important;
	}
	
	.ProductsThumbSlide .ProductsThumbSlide-slide.swiper-slide-active .ProductsThumbSlide-inner{
		width:380px !important;
	}
	
	.ProductsThumbSlide .ProductsThumbSlide-slide.swiper-slide-active ~ .ProductsThumbSlide-slide .ProductsThumbSlide-inner{
		padding-left:110px;
	}
	
	.ProductsThumbSlide-inner{
		width: calc(100% + 110px);
	}
	
	.ProductsThumbSlide{
		height:296px;
	}
	
	.ProductsThumbSlide-prev{
		left:20px;
		width:22px;
		height:40px;
		background-size:22px 40px;
	}
	
	.ProductsThumbSlide-next{
		left:340px;
		width:22px;
		height:40px;
		background-size:22px 40px;
	}
	
	.ProductsThumbSlide .ProductsThumbSlide-slide.swiper-slide-active .ProductsThumbSlideItem img{
		max-width: calc(100% - 100px);
	}
}

@media screen and (max-width: 599px) and (min-width: 1px) {
	.MainProductsSection{
		margin-left:-30px;
		margin-right:-30px;
	}
	
	body .ProductsThumbSlide .ProductsThumbSlide-slide{
		width:100vw !important;
	}
	
	.ProductsThumbSlide-inner{
		padding:0 !important;
		width:100% !important;
	}
	
	.ProductsThumbSlide{
		height:78vw;
	}
	
	.ProductsThumbSlide .ProductsThumbSlide-slide.swiper-slide-active .ProductsThumbSlide-inner{
		width:100% !important;
	}
	
	.ProductsThumbSlide-prev{
		left:20px;
		width:22px;
		height:40px;
		background-size:22px 40px;
	}
	
	.ProductsThumbSlide-next{
		left:auto;
		right:20px;
		width:22px;
		height:40px;
		background-size:22px 40px;
	}
	
	.ProductsThumbSlideItem img{
		max-width: calc(100% - 100px) !important;
	}
}

/*=========================================================
  MainProducts:Slider
=========================================================*/
.ProductsText{
	position:absolute;
	bottom:0;
	right:110px;
	z-index:50;
	background-color:#0071bb;
	width:50%;
	padding:40px 45px;
}

.ProductsTextMeta{
	position:absolute;
	top:40px;
	right:45px;
}

.ProductsTextMeta-list{
	overflow:hidden;
}

.ProductsTextMeta-item{
	padding-right:22px;
	margin-right:21px;
	position:relative;
	float:left;
}

.ProductsTextMeta-item:last-child{
	padding-right:0;
	margin-right:0;
}

.ProductsTextMeta-item:after{
	content:"";
	width:1px;
	height:12px;
	background-color:#4497cd;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}

.ProductsTextMeta-item:last-child:after{
	display:none;
}

.ProductsTextMeta-link{
	font-size:14px;
	line-height:1.2em;
	color:#fff;
	position:relative;
	padding-left:23px;
}

.ProductsTextMeta-video{
	font-size:14px;
	line-height:1.2em;
	color:#fff;
	position:relative;
	padding-left:25px;
}

.ProductsTextMeta-link:after{
	content:"";
	width:16px;
	height:16px;
	background-image:url(../image/icon/ico-preview.png);
	background-size:16px 16px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.ProductsTextMeta-video:after{
	content:"";
	width:18px;
	height:13px;
	background-image:url(../image/icon/ico-postyoutube.png);
	background-size:18px 13px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}

.ProductsText-category{
	padding-right:210px;
	margin-bottom:20px;
	font-size:0;
	line-height:0;
}

.ProductsText-cateText{
	border-top:solid 1px #4d9cd0;
	border-bottom:solid 1px #4d9cd0;
	font-size:14px;
	line-height:1.2em;
	font-weight:bold;
	padding:8px 15px;
	min-width:116px;
	text-align:center;
	color:#fff;
	display:inline-block;
}

.ProductsText-title{
	font-size:24px;
	line-height:1.4em;
	color:#fff;
	font-weight:bold;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.ProductsText-sub{
	margin-top:15px;
	font-size:14px;
	line-height:1.5em;
	color:#fff;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.ProductsText{
		padding:35px 30px;
		right:40px;
	}
	
	.ProductsTextMeta{
		top:35px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 600px) {
	.ProductsText{
		padding:30px 30px;
		right:0px;
		width:70%;
	}
	
	.MainProductsSection{
		padding-bottom:90px;
	}
	
	.ProductsText-cateText{
		font-size:12px;
	}
	
	.ProductsText-sub{
		display:none;
	}
	
	.ProductsTextMeta{
		top:auto;
		bottom:30px;
	}
	
	.ProductsText-title{
		font-size:16px;
		padding-right:210px;
	}
	
	.ProductsTextMeta-link{
		font-size:12px;
	}
	
	.ProductsTextMeta-video{
		font-size:12px;
	}
	
	.ProductsTextMeta-item{
		padding-right:16px;
		margin-right:16px;
	}
	
	.ProductsText-category{
		margin-bottom:15px;
	}
}

@media screen and (max-width: 599px) and (min-width: 1px) {
	.ProductsText{
		padding:30px 30px;
		right:0px;
		width:calc(100% - 75px);
	}
	
	.MainProductsSection{
		padding-bottom:120px;
	}
	
	.ProductsText-cateText{
		font-size:12px;
	}
	
	.ProductsText-sub{
		display:none;
	}
	
	.ProductsTextMeta{
		top:auto;
		bottom:30px;
		position:static;
		margin-top:12px;
	}
	
	.ProductsText-title{
		font-size:16px;
		padding-right:0;
	}
	
	.ProductsTextMeta-link{
		font-size:12px;
	}
	
	.ProductsTextMeta-video{
		font-size:12px;
	}
	
	.ProductsTextMeta-item{
		padding-right:16px;
		margin-right:16px;
	}
	
	.ProductsText-category{
		padding-right:0;
		margin-bottom:15px;
	}
}


/*=========================================================
  MainProductSearch
=========================================================*/
.MainProductSearch{
	background-color:#f6f6f6;
	position:relative;
	z-index:2;
}

.MainProductSearch .wrapper .search{
	background-color:#f6f6f6;
}

.index .wrapper.cont_02 .bg_wrap{
	background-color:#0071bb;
}

.index .wrapper.cont_02 .bg_wrap:before{
	background-color:#0071bb;
}

.index .wrapper .sticky{
	padding:0;
	padding-top:40px;
	padding-right:37px;
	text-align:right;
}

.index .wrapper.cont_02 .sticky .tit span{
	font-size:32px;
	line-height:1.2em;
	font-weight:bold;
	color:#fff;
}

.MainProductSearch .radio_form.large input[type='radio']:checked + label:after{
	background-color:#0071bb;
}

.MainProductSearch .search_form.large .select_form button{
	border-color:#0071bb;
}

.MainProductSearch .search_form.large .select_form button:after{
	border-color:#0071bb transparent transparent transparent;
}

.MainProductSearch .hash_wrap ul li a:hover{
	color:#0071bb !important;
}

.MainProductSearch .search_form.large .search_wrap button:after{
	background-position:0 0;
    background-size: 28px 28px;
	background-image: url(../image/icon/ico-main-search.png);
}

.MainProductSearch .search_form .search_wrap input:focus{
	border-color:#0071bb !important;
}

.MainProductSearch .search_form.large .select_form ul{
	border-color:#0071bb !important;
}

.MainProductSearch .search_form.large .select_form button.on:after{
	    margin-top: -3px;
}

.MainProductSearch .Main-container:before{
	 content: "02 PRODUCTS";
    position: absolute;
    bottom: 90px;
    right: -60px;
    font-size: 20px;
    line-height: 1.2em;
    color: #0071bb;
    font-weight: bold;
    font-family: 'Montserrat';
    transform: rotate(90deg);
    transform-origin: bottom right;
}


@media screen and (max-width: 1700px) and (min-width: 1px) {
	.MainProductSearch .Main-container:before{
		display:none;
	}
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.index .wrapper.cont_02 .sticky .tit span{
		font-size:28px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 600px) {
	.index .wrapper.cont_02 .bg_wrap:before{
		display:none;
	}
	
	.index .wrapper.cont_02 .bg_wrap{
		position:absolute;
		width:122px;
		left:-30px;
	}
	
	.index .wrapper .sticky{
		padding-right:20px;
		padding-top:20px;
		height:72px;
	}
	
	.index .wrapper.cont_02 .sticky .tit span{
		font-size:16px;
	}
	
	.MainProductSearch .wrapper .search{
		padding:0;
		min-height: 193px;
	}
	
	.MainProductSearch .wrapper .search .radio_form.large{
		padding-top:20px;
		margin-bottom:50px;
		padding-left:120px;
	}
	
	.MainProductSearch .search .search_form{
		margin-top:0 !important;
	}
	
	.MainProductSearch .search_form.large .search_wrap button:after{
		    background-size: 14px 14px;
	}
	
	.index .wrapper .search .search_form .search_wrap .hash_wrap{
		margin-left:-220px;
	}
}

@media screen and (max-width: 599px) and (min-width: 1px) {
	.index .wrapper.cont_02 .bg_wrap:before{
		display:none;
	}
	
	.index .wrapper.cont_02 .bg_wrap{
		position:absolute;
		width:122px;
		left:-30px;
	}
	
	.index .wrapper .sticky{
		padding-right:20px;
		padding-top:15px;
		height:72px;
	}
	
	.index .wrapper.cont_02 .sticky .tit span{
		font-size:16px;
		margin-top:0;
	}
	
	.MainProductSearch .wrapper .search{
		padding:0;
	}
	
	.MainProductSearch .wrapper .search .radio_form.large{
		padding-top:11px;
		margin-bottom:30px;
		padding-left:110px;
	}
	
	.MainProductSearch .search .search_form{
		margin-top:0 !important;
	}
	
	.MainProductSearch .search_form.large .search_wrap button:after{
		    background-size: 14px 14px;
	}
	
	.index .wrapper .search .search_form .search_wrap .hash_wrap{
		margin-left:0;
	}
	
	.MainProductSearch .radio_form.large input[type='radio'] + label{
		margin-right:15px;
	}
	
	.MainProductSearch .radio_form ul{
		margin-right:-15px;
	}
	
	.MainProductSearch .search_form .search_wrap .hash_wrap{
		margin-top:17px !important;
	}
}

/*=========================================================
MainResearch
=========================================================*/
.MainResearch{
	position:relative;
	z-index:2;
	padding-bottom:128px;
}

.MainResearchHeader{
	padding:128px 0 80px;
	
}

.MainResearch .Main-container{
	position:relative;
	z-index:5;
	will-change:transform;
}

.MainResearchBg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:150vh;
	overflow: hidden;
}

.MainResearchBg-img{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-image:url(/wp-content/uploads/2021/07/MainResearch-bg.png);
	background-size:cover;
	background-position:center center;
	will-change:transform;
}

.MainResearchHeader-title{
	float:left;
	margin-right:148px;
	font-size:24px;
	line-height:1.5em;
	color:#70609d;
	font-weight:bold;
	font-family:'Montserrat','Noto Sans KR';
}

.MainResearchHeader-sub{
	overflow:hidden;
	font-size:42px;
	line-height:1.3em;
	color:#333333;
}

.MainResearch .Main-container:before{
	content: "03 연구개발&생산";
    position: absolute;
    bottom: 0px;
    right: -60px;
    font-size: 20px;
    line-height: 1.2em;
    color: #70609d;
    font-weight: bold;
    transform: rotate(90deg);
    transform-origin: bottom right;
}

.mobile-br{
	display:none;
}

@media screen and (max-width: 1700px) and (min-width: 1px) {
	.MainResearch .Main-container:before{
		display:none;
	}
}


/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.MainResearch{
		padding-bottom:100px;
	}
	
	.MainResearchHeader{
		padding:100px 0 50px;
	}
	
	.MainResearchHeader-title{
		font-size: 22px;
		margin-right: 60px;
	}
	
	.MainResearchHeader-sub{
		font-size:38px;
		margin-top:-2px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 600px) {
	.MainResearch{
		padding-bottom:45px;
	}
	
	.MainResearchHeader{
		padding:45px 0 35px;
	}
	
	.MainResearchHeader-title{
		font-size:12px;
		margin-right:0;
		line-height:1.2em;
		float:none;
		margin-bottom:13px;
	}
	
	.MainResearchHeader-sub{
		font-size:22px;
	}
}

@media screen and (max-width: 599px) and (min-width: 1px) {
	.MainResearch{
		padding-bottom:50px;
	}
	
	.MainResearchHeader{
		padding:50px 0 40px;
	}
	
	.mobile-br{
		display:block;
	}
	
	.MainResearchHeader-title{
		font-size:12px;
		margin-right:0;
		line-height:1.2em;
		float:none;
		margin-bottom:13px;
	}
	
	.MainResearchHeader-sub{
		font-size:22px;
	}
}

/*=========================================================
MainResearch List
=========================================================*/
.MainResearchList-list{
	margin:0 -40px;
}

.MainResearchList-list:after{
	content:"";
	display:table;
	clear:both;
}

.MainResearchList-item{
	width:50%;
	float:left;
	position:relative;
	transition-property: padding-top;
    transition-duration: 0.3s;
}

.MainResearchList-item.is-Active{
	z-index:10;
}

@keyframes anime1 {
  0% {
	  transform:translateX(0px);
  }
  
  50%{
	  transform:translateX(-45px);
  }
  
  100% {
	 transform:translateX(0px);
  }
}
 
@keyframes anime2 {
  0% {
	  transform:translateX(0px);
  }
  
  50% {
	  transform:translateX(45px);
  }
  
  100% {
	 transform:translateX(0px);
  }
}

.MainResearchListItem{
	box-shadow:1px 1px 10px rgba(0,0,0,0.2);
	background-color:#fff;
	padding:65px 80px 50px;
	display:block;
}

.Step1 .MainResearchListItem{
	margin-right:-20px;
}

.MainResearchList-item.Step1{
	padding-top:60px;
}

.Step2 .MainResearchListItem{
	background-color:#70609d;
	margin-left:-20px;
}

.MainResearchListItem-title{
	font-size:18px;
	line-height:1.2em;
	color:#70609d;
	font-weight:bold;
	margin-bottom:13px;
}

.MainResearchListItem-sub{
	position:relative;
	font-size:28px;
	line-height:1.3em;
	color:#333333;
	margin-bottom:35px;
	padding-right:85px;
}

.MainResearchListItem-sub:after{
	content:"";
	width:46px;
	height:10px;
	background-image:url(../image/icon/ico-purple-arrow.png);
	background-size:46px 10px;
	position:absolute;
	bottom:5px;
	right:0;
	transition-property: transform;
    transition-duration: 0.3s;
}

.MainResearchItemList-list{
	margin:0 -15px;
	overflow:hidden;
}

.MainResearchItemList-item{
	width:33.33333%;
	float:left;
	padding:0 15px;
}

.MainResearchItemList-box{
	border:solid 1px #5f4b8b;
	border-radius:100%;
	position:relative;
}

.MainResearchItemList-box:after{
	content:"";
	display:block;
	padding-bottom:100%;
}

.MainResearchItemList-text{
	display:block;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	transform:translateY(-50%);
	font-size:18px;
	line-height:1.4em;
	color:#5f4b8b;
	font-weight:bold;
	text-align:center;
}

.Step2 .MainResearchListItem-title{
	color:#fff;
}

.Step2 .MainResearchListItem-sub{
	color:#fff;
}

.Step2 .MainResearchItemList-box{
	border-color:#fff;
}

.Step2 .MainResearchItemList-text{
	color:#fff;
}

.Step2 .MainResearchListItem-sub:after{
	background-image:url(../image/icon/ico-white-arrow.png);
}

@media screen and (min-width: 1025px) {
	.MainResearchListItem:hover .MainResearchListItem-sub:after{
		transform:translateX(10px);
	}
	
	.anime.MainResearchList-item{
		animation-duration: 1s;
		animation-fill-mode: forwards;
	}

	.anime.Step1.MainResearchList-item{
		animation-name: anime1;
	}

	.anime.Step2.MainResearchList-item{
		animation-name: anime2;
	}
}

/*Responsive*/
@media screen and (max-width: 1550px) and (min-width: 1025px) {
	.MainResearchList-list{
		margin:0;
	}
	
	.MainResearchListItem-title{
		font-size:16px;
	}
	
	.MainResearchListItem-sub{
		font-size:26px;
	}
	
	.MainResearchItemList-text{
		font-size:16px;
	}
	
	.MainResearch{
		padding-bottom:110px;
	}
	
	.MainResearchHeader{
		padding:100px 0 70px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 600px) {
	.MainResearchList-list{
		margin:0 -30px;
	}
	
	.MainResearchListItem-title{
		font-size:12px;
	}
	
	.MainResearchListItem-sub{
		font-size:16px;
		margin-bottom:30px;
		line-height:1.4em;
		font-weight:bold;
	}
	
	.MainResearchItemList-text{
		font-size:12px;
		position:static;
		transform:translateY(0);
		padding:12px 5px;
	}
	
	.MainResearchItemList-text br{
		display:none;
	}
	
	.MainResearchItemList-item{
		width:100%;
		margin-top:10px;
	}
	
	.MainResearchItemList-item:first-child{
		margin-top:0;
	}
	
	.MainResearchItemList-box{
		border-radius:100px;
	}
	
	.MainResearchItemList-box:after{
		display:none;
	}
	
	.MainResearchListItem{
		padding:30px 30px;
	}
	
	.Step1 .MainResearchListItem{
		margin-right:-12px;
	}
	
	.Step2 .MainResearchListItem{
		margin-left:-12px;
		padding-left:46px;
	}
	
	.MainResearchList-item.Step1{
		padding-top:35px;
		z-index:10;
	}
}

@media screen and (max-width: 599px) and (min-width: 1px) {
	.MainResearchList-list{
		margin:0 -30px;
	}
	
	.MainResearchListItem-title{
		font-size:12px;
	}
	
	.MainResearchListItem-sub{
		font-size:16px;
		margin-bottom:0px;
		line-height:1.4em;
		font-weight:bold;
		padding-right: 48px;
	}
	
	.MainResearchItemList-text{
		font-size:12px;
		position:static;
		transform:translateY(0);
		padding:12px 5px;
	}
	
	.MainResearchItemList-text br{
		display:none;
	}
	
	.MainResearchItemList-item{
		width:100%;
		margin-top:10px;
	}
	
	.MainResearchItemList-item:first-child{
		margin-top:0;
	}
	
	.MainResearchItemList-box{
		border-radius:100px;
	}
	
	.MainResearchItemList-box:after{
		display:none;
	}
	
	.MainResearchListItem{
		padding:26px 30px;
	}
	
	.MainResearchList-item.Step1{
		padding-top:0px;
		z-index:10;
	}
	
	.MainResearchItemList{
		display:none;
	}
	
	.MainResearchList-item{
		width:100%;
	}
	
	.MainResearchListItem{
		margin:0 !important;
	}
	
	.MainResearchList-item.Step2{
		margin-top:-8px !important;
	}
	
	.MainResearchList-item.Step1 .MainResearchListItem{
		margin-right:30px !important;
	}
	
	.MainResearchList-item.Step2 .MainResearchListItem{
		margin-left:30px !important;
		padding-top:34px;
	}
}

/*=========================================================
Sustainability
=========================================================*/
.Sustainability{
	position:relative;
	z-index:2;
	background-color:#fff;
	padding:150px 0 128px;
}

.Sustainability .Main-container:before{
	content: "04 SUSTAINABILITY";
    position: absolute;
    bottom: 0px;
    right: -60px;
    font-size: 20px;
    line-height: 1.2em;
    color: #00a66c;
    font-weight: bold;
    font-family: 'Montserrat';
    transform: rotate(90deg);
    transform-origin: bottom right;
}

@media screen and (max-width: 1700px) and (min-width: 1px) {
	.Sustainability .Main-container:before{
		display:none;
	}
}

.SustainabilityHeader{
	position:relative;
}

.SustainabilityHeader:after{
	content:"";
	display:table;
	clear:both;
}

.SustainabilityHeaderBg{
	width:calc(100% - 660px);
	float:left;
}

.SustainabilityHeaderBg-img{
	display:block;
	margin-left:-260px;
	height:648px;
	background-image:url(/wp-content/uploads/2021/07/SUSTAINABILITY-bg-min.png);
	background-size:cover;
	background-position:center center;
}

.SustainabilityHeaderText{
	width:660px;
	float:right;
	padding:85px 0px 85px 80px;
}

.SustainabilityHeaderText-title{
    font-size: 24px;
    line-height: 1.5em;
    color: #00a66c;
    font-weight: bold;
    font-family: 'Montserrat';
	margin-bottom:35px;
}

.SustainabilityHeaderText-sub{
	font-size: 42px;
    line-height: 1.3em;
    color: #333333;
}

.SustainabilityList{
	position:relative;
	margin-top:-165px;
	z-index:5;
	float:left;
	width:100%;
}

.SustainabilityList-list{
	margin:0 -15px;
}

.SustainabilityList-list:after{
	content:"";
	display:table;
	clear:both;
}

.SustainabilityList-item{
	padding:0 15px;
	width:33.3333%;
	float:left;
}

.SustainabilityListItem-link{
	display:block;
	background-color:#00a66c;
	padding:40px 35px 60px;
	min-height:410px;
	transition-property: transform;
    transition-duration: 0.3s;
	position:relative;
}

.SustainabilityListItem-ico{
	width:110px;
	height:100px;
	margin-bottom:24px;
	position:relative;
}

.SustainabilityListItem-title{
	font-size:28px;
	line-height:1.3em;
	color:#fff;
	font-weight:bold;
	margin-bottom:22px;
}

.SustainabilityListItem-sub{
	font-size:18px;
	line-height:1.4em;
	color:#fff;
}

.SustainabilityListItem-ico:after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.Step1 .SustainabilityListItem-ico:after{
	width:80px;
	height:100px;
	background-image:url(../image/icon/ico-step4-1.png);
	background-size:80px 100px;
	
}

.Step2 .SustainabilityListItem-ico:after{
	width:80px;
	height:100px;
	background-image:url(../image/icon/ico-step4-2.png);
	background-size:80px 100px;
}

.Step3 .SustainabilityListItem-ico:after{
	width:100px;
	height:84px;
	background-image:url(../image/icon/ico-step4-3.png);
	background-size:100px 84px;
}

.SustainabilityListItem-link:after{
	content:"";
	width:46px;
	height:10px;
	background-image:url(../image/icon/ico-white-arrow.png);
	background-size:46px 10px;
	position:absolute;
	bottom:40px;
	right:40px;
	transition-property: transform, opacity;
    transition-duration: 0.3s;
}

@media screen and (min-width: 1025px) {
	.SustainabilityListItem-link:hover{
		transform:translateY(-40px);
	}
	
	.SustainabilityListItem-link:after{
		opacity:0;
	}
	
	.SustainabilityListItem-link:hover:after{
		transform:translateX(10px);
		opacity:1;
	}
}

/*Responsive*/
@media screen and (max-width: 1550px) and (min-width: 1025px) {
	.Sustainability{
		padding:120px 0 105px;
	}
	
	.SustainabilityHeaderBg{
		width:calc(100% - 600px);
		float:left;
	}
	
	.SustainabilityHeaderText{
		width:600px;
		padding:55px 0px 55px 45px;
	}
	
	.SustainabilityHeaderBg-img{
		margin-left:-40px;
		height:440px;
	}
	
	.SustainabilityHeaderText-title{
		font-size:22px;
	}
	
	.SustainabilityHeaderText-sub{
		font-size:38px;
	}
	
	.SustainabilityList{
		margin-top:-65px;
	}
	
	.SustainabilityListItem-title{
		font-size:26px;
	}
	
	.SustainabilityListItem-sub{
		font-size:16px;
	}
	
	.SustainabilityListItem-link{
		padding:35px 35px 55px;
		min-height:394px;
	}
	
	.SustainabilityListItem-link:after{
		right:35px;
		bottom:35px;
	}
	
	.SustainabilityListItem-ico{
		width:80px;
		height:70px;
	}
	
	.Step1 .SustainabilityListItem-ico:after{
		width:60px;
		height:80px;
		background-size:60px 80px;
	}

	.Step2 .SustainabilityListItem-ico:after{
		width:80px;
		height:80px;
		background-size:80px 80px;
	}

	.Step3 .SustainabilityListItem-ico:after{
		width:80px;
		height:64px;
		background-size:80px 64px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 600px) {
	.Sustainability{
		padding:40px 0 50px;
	}
	
	.SustainabilityHeaderBg{
		width:calc(100% - 284px);
		float:left;
	}
	
	.SustainabilityHeaderText{
		width:284px;
		padding:35px 0px 35px 30px;
	}
	
	.SustainabilityHeaderBg-img{
		margin-left:-30px;
		height:266px;
	}
	
	.SustainabilityHeaderText-title{
		font-size:12px;
		margin-bottom:15px;
	}
	
	.SustainabilityHeaderText-sub{
		font-size:22px;
	}
	
	.SustainabilityList{
		margin-top:-75px;
	}
	
	.SustainabilityListItem-title{
		font-size:16px;
		line-height:1.4em;
		margin-bottom:13px;
	}
	
	.SustainabilityListItem-sub{
		font-size:12px;
		line-height:1.5em;
	}
	
	.SustainabilityListItem-link{
		padding:25px 25px 35px;
		min-height:255px;
	}
	
	.SustainabilityListItem-link:after{
		right:25px;
		bottom:23px;
	}
	
	.SustainabilityListItem-ico{
		width:60px;
		height:50px;
		margin-bottom:13px;
	}
	
	.Step1 .SustainabilityListItem-ico:after{
		width:40px;
		height:50px;
		background-size:40px 50px;
	}

	.Step2 .SustainabilityListItem-ico:after{
		width:50px;
		height:50px;
		background-size:50px 50px;
	}

	.Step3 .SustainabilityListItem-ico:after{
		width:55px;
		height:44px;
		background-size:55px 44px;
	}
}

@media screen and (max-width: 599px) and (min-width: 1px) {
	.Sustainability{
		padding:50px 0 50px;
	}
	
	.SustainabilityHeaderBg{
		width:100%;
		float:none;
	}
	
	.SustainabilityHeaderText{
		width:100%;
		padding:50px 30px 40px 0;
		float:none;
	}
	
	.SustainabilityHeaderBg-img{
		margin-left:-30px;
		height:210px;
	}
	
	.SustainabilityHeaderText-title{
		font-size:12px;
		margin-bottom:15px;
	}
	
	.SustainabilityHeaderText-sub{
		font-size:22px;
	}
	
	.SustainabilityList{
		margin-top:0;
		padding-left:50px;
	}
	
	.SustainabilityList-item{
		width:100%;
		margin-top:20px;
	}
	
	.SustainabilityList-item:first-child{
		margin-top:0;
	}
	
	.SustainabilityListItem-title{
		font-size:16px;
		line-height:1.4em;
		margin-bottom:0;
	}
	
	.SustainabilityListItem-sub{
		font-size:12px;
		line-height:1.5em;
		display:none;
	}
	
	.SustainabilityListItem-link{
		padding:17px 20px 17px;
		min-height:0;
	}
	
	.SustainabilityListItem-link:after{
		right:20px;
		bottom:20px;
	}
	
	.SustainabilityListItem-ico{
		width:60px;
		height:50px;
		margin-bottom:13px;
	}
	
	.Step1 .SustainabilityListItem-ico:after{
		width:40px;
		height:50px;
		background-size:40px 50px;
	}

	.Step2 .SustainabilityListItem-ico:after{
		width:50px;
		height:50px;
		background-size:50px 50px;
	}

	.Step3 .SustainabilityListItem-ico:after{
		width:55px;
		height:44px;
		background-size:55px 44px;
	}
}

/*=========================================================
MainBrands
=========================================================*/
.MainBrands{
	position:relative;
	z-index:2;
	background-color:#fff;
	padding-bottom:128px;
}

.MainBrandsHeader{
	background-image:url(/wp-content/uploads/2021/09/brands-banner-10-min.png);
	background-size:auto 132%;
	background-position:right bottom;
	padding:128px 0 306px;
	text-align:center;
}

.MainBrandsHeader-title{
	font-size: 24px;
    line-height: 1.2em;
    color: #757575;
    font-weight: bold;
    font-family: 'Montserrat';
	float:left;
	margin-right:150px;
	text-align:left;
}

.MainBrandsHeader-sub{
	font-size: 42px;
    line-height: 1.3em;
    color: #333333;
	overflow:hidden;
	text-align:left;
}

.MainBrandsHeader-sub br{
	display:none;
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.MainBrands{
		padding-bottom:100px;
	}
	
	.MainBrandsHeader{
		padding:100px 0 320px;
	}
	.MainBrandsHeader-title{
		font-size:22px;
		margin-right:70px;
	}
	
	.MainBrandsHeader-sub{
		font-size:34px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 600px) {
	.MainBrands{
		padding-bottom:52px;
	}
	
	.MainBrandsHeader{
		padding:50px 0 185px;
	}
	.MainBrandsHeader-title{
		font-size:12px;
		margin-bottom:15px;
		float:none;
		margin-right:0;
	}
	
	.MainBrandsHeader-sub{
		font-size:22px;
	}
	
	.MainBrandsHeader-sub br{
		display:block;
	}
}

@media screen and (max-width: 599px) and (min-width: 1px) {
	.MainBrands{
		padding-bottom:50px;
	}
	
	.MainBrandsHeader{
		padding:50px 0 170px;
	}
	.MainBrandsHeader-title{
		font-size:12px;
		margin-bottom:15px;
		float:none;
		margin-right:0;
	}
	
	.MainBrandsHeader-sub{
		font-size:22px;
	}
	
	.MainBrandsHeader-sub br{
		display:block;
	}
}

/*=========================================================
MainBrands List
=========================================================*/
.MainBrandsCont{
	position:relative;
	margin-top:-240px;
	z-index:10;
}

.MainBrandsCont .Main-container:before{
	content:"05 BRANDS";
	position:absolute;
	bottom:0;
	right:-60px;
	font-size:20px;
	line-height:1.2em;
	color:#757575;
	font-weight:bold;
	font-family:'Montserrat';
	transform:rotate(90deg);
	transform-origin:bottom right;
}

@media screen and (max-width: 1700px) and (min-width: 1px) {
	.MainBrandsCont .Main-container:before{
		display:none;
	}
}

.MainBrandsSlideItem-link{
	display:block;
}

.MainBrandsSlideItem-img{
	line-height:0;
}

.MainBrandsSlideItem-title{
	display:block;
	background-color:#fff;
	text-align:center;
	height:140px;
	position:relative;
}

.MainBrandsSlideItem-title img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	opacity:0.4;
}

@media screen and (min-width: 1025px) {
	.MainBrandsSlide{
		margin:0 -13px;
	}
	
	.MainBrandsSlide-slide{
		width:20% !important;
		padding:0 13px;
	}
	
	.is-Active .MainBrandsSlideItem-link .MainBrandsSlideItem-title img{
		opacity:1;
	}
}

/*Responsive*/
@media screen and (max-width: 1440px) and (min-width: 1025px) {
	.MainBrandsCont{
		margin-top:-186px;
	}
	
	.MainBrandsSlideItem-title{
		height:100px;
	}
	
	.MainBrandsSlideItem-title img{
		max-width:70%;
	}
}

@media screen and (max-width: 1024px) and (min-width: 600px) {
	.MainBrandsCont{
		margin-top:-146px;
		margin-right:-20px;
	}
	
	.MainBrandsSlide-slide.swiper-slide-active .MainBrandsSlideItem-link .MainBrandsSlideItem-title img{
		opacity:1;
	}
	
	.MainBrandsSlideItem-title{
		height:74px;
	}
	
	.Step1 .MainBrandsSlideItem-title img{
		max-width:76px;
	}
	
	.Step2 .MainBrandsSlideItem-title img{
		max-width:58px;
	}
	
	.Step3 .MainBrandsSlideItem-title img{
		max-width:62px;
	}
	
	.Step4 .MainBrandsSlideItem-title img{
		max-width:53px;
	}
	
	.Step5 .MainBrandsSlideItem-title img{
		max-width:74px;
	}
}

@media screen and (max-width: 599px) and (min-width: 1px) {
	.MainBrandsCont{
		margin-top:-132px;
		margin-right:-50px;
	}
	
	.MainBrandsSlide-slide.swiper-slide-active .MainBrandsSlideItem-link .MainBrandsSlideItem-title img{
		opacity:1;
	}
	
	.MainBrandsSlideItem-title{
		height:74px;
	}
	
	.Step1 .MainBrandsSlideItem-title img{
		max-width:76px;
	}
	
	.Step2 .MainBrandsSlideItem-title img{
		max-width:58px;
	}
	
	.Step3 .MainBrandsSlideItem-title img{
		max-width:62px;
	}
	
	.Step4 .MainBrandsSlideItem-title img{
		max-width:53px;
	}
	
	.Step5 .MainBrandsSlideItem-title img{
		max-width:74px;
	}
}

/*=========================================================
Footer SNS
=========================================================*/
footer .lower{
	height:auto;
}
.FooterSnsSection{
	position: absolute;
    top: 19px;
    right: 40px;
    line-height: 30px;
}

.FooterSns{
	margin:0 -5px;
	overflow:hidden;
}

.FooterSns-item{
	padding:0 5px;
	float:left;
}

.FooterSns-item a{
	display:block;
	width:32px;
	height:32px;
	text-indent:-999999px;
	overflow:hidden;
}

.FooterSns-item.Facebook a{
	background-image:url(../image/icon/ico-sns-facebook.png);
	background-size:32px 32px;
}

.FooterSns-item.Instargram a{
	background-image:url(../image/icon/ico-sns-instar.png);
	background-size:32px 32px;
}

.FooterSns-item.Youtube a{
	background-image:url(../image/icon/ico-sns-youtube.png);
	background-size:32px 32px;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
	.FooterSnsSection{
		margin-top:14px;
		position:static;
	}
}

/*=========================================================
MainSearchInner
=========================================================*/
.MainSearchInner{
	display:table;
	table-layout:fixed;
}

.MainSearchInner-title{
	display:table-cell;
	vertical-align:middle;
	width:270px;
	font-size:24px;
	line-height:1.4em;
	color:#2a2e31;
	font-weight:bold;
	
}

.MainSearchInner-cont{
	display:table-cell;
	vertical-align:middle;
}

.index .wrapper .search .search_form{
	margin-top:18px;
}
@media screen and (min-width: 1025px){
	.search_form.large .select_form button{
		line-height:58px;
	}

	.search_form.large .search_wrap input{
		height:62px;
		line-height:62px;
	}

	.search_form.large .search_wrap button{
		line-height:60px;
	}
}

.MainProducts{
	padding-bottom:0;
}

@media screen and (max-width: 1366px) and (min-width: 1025px){
	.MainSearchInner-title{
		width:220px;
	}
	
	.MainProductSearch .cont_wrap{
		width:100% !important;
		padding-top:50px !important;
	}
}

@media screen and (max-width: 1024px) and (min-width: 600px){
	.MainSearchInner-title{
		width:220px;
		font-size:20px;
	}
	
	.MainProductSearch .wrapper .search .radio_form.large{
		margin-bottom:0;
		padding-top:0;
		padding-left:0;
	}
	
	.MainProductSearch{
		padding-top:60px;
	}
	
	.MainSearchInner{
		margin-bottom:20px;
	}
}

@media screen and (max-width: 599px) and (min-width: 1px){
	.MainProductSearch{
		padding-top:45px;
	}
	
	.MainSearchInner{
		margin-bottom:22px;
	}
	
	.MainSearchInner-title{
		font-size:16px;
		width:97px;
		vertical-align:top;
	}
	
	.MainProductSearch .wrapper .search .radio_form.large{
		padding-left:0;
		padding-top:0;
		margin-bottom:0;
	}
}

/*=========================================================
	MainNotice
=========================================================*/
.MainNotice{
	margin-top:30px;
	border:solid 1px #eeeeee;
	padding:23px 40px;
}

.MainNotice-inner{
	overflow:hidden;
}

.MainNotice-title{
	float:left;
	font-size:14px;
	line-height:1.4em;
	color:#fff;
	font-weight:bold;
	padding:6px 10px;
	width:90px;
	text-align:center;
	background-color:#f99d6a;
	margin-right:16px;
}

.MainNotice-cont{
	overflow:hidden;
	float:left;
	width:calc(100% - 106px);
	position:relative;
}

.MainNoticeSlideItem{
	display:block;
	width:100%;
	padding-right:160px;
}

.MainNoticeSlide-link{
	display:block;
	font-size:20px;
	line-height:1.4em;
	color:#2a2e31;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.MainNoticeSlide-wapper{
	flex-direction: column;
}

.MainNoticeSlide-container{
	height:31px !important;
}

.MainNotice-more{
	font-size:18px;
	line-height:1.4em;
	color:#999999;
	font-weight:bold;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	padding-right:60px;
	z-index:10;
}

.MainNotice-more:after{
	content: "";
    width: 31px;
    height: 6px;
    background-image: url(../image/icon/ico-small-gray-arrow.png);
    background-size: 31px 6px;
    position: absolute;
    top: 50%;
	transform:translate(-10px, -50%);
    right: 0;
	transition-property: transform;
    transition-duration: 0.3s;
}

@media screen and  (min-width: 1025px) {
	.MainNotice-more:hover:after{
		transform:translate(0px, -50%);
	}
}

@media screen and (max-width: 1024px) and (min-width: 600px){
	.MainNotice{
		padding:15px 30px;
		margin-top:38px;
		margin-left:-30px;
		margin-right:-30px;
	}
	
	.MainNotice-title{
		font-size:13px;
		width:70px;
		margin-right:15px;
	}
	
	.MainNoticeSlide-link{
		font-size:14px;
	}
	
	.MainNotice-cont{
		width: calc(100% - 85px);
	}
	
	.MainNotice-more{
		font-size:12px;
		padding-right:50px;
	}
	
	.MainNoticeSlideItem{
		padding-right:124px;
	}
	
	.MainNotice-more .m_none{
		display:none;
	}
}

@media screen and (max-width: 599px) and (min-width: 1px){
	.MainNotice{
		padding:20px 30px 15px;
		margin-top:38px;
		margin-left:-30px;
		margin-right:-30px;
	}
	
	.MainNotice-title{
		font-size:13px;
		width:70px;
		margin-right:0;
		float:none;
		margin-bottom:5px;
	}
	
	.MainNoticeSlide-link{
		font-size:14px;
	}
	
	.MainNotice-cont{
		width: 100%;
	}
	
	.MainNotice-more{
		font-size:12px;
		padding-right:50px;
		top:6px;
		right:0;
		transform:translate(0, 0);
	}
	
	.MainNotice-inner{
		position:relative;
	}
	
	.MainNotice-cont{
		position:static;
	}
	
	.MainNoticeSlideItem{
		padding-right:0;
	}
	
	.MainNotice-more .m_none{
		display:none;
	}
}

.page-template-news-list .breadcrumb > ul > li:nth-child(3) .select_form li:nth-child(3){
	display:none;
}

.page-template-video .breadcrumb > ul > li:nth-child(3) .select_form li:nth-child(3){
	display:none;
}