@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("https://fonts.googleapis.com/css?family=Rubik:400,500,700,900&display=swap");
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
/*@import url('https://fonts.cdnfonts.com/css/century-gothic');*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Outfit:wght@100;300;400;500;600;700;800;900&display=swap");

@font-face {
  font-family: "InkLipquid";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

/* @import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css); */
/* 151207 웹어워드 이벤트 : 최상단 구글 웹폰트 추가, 이벤트 종료 후 삭제 부탁드립니다 */

/* CSS Document */

/* domfam Team by willy 2012_07_25 ver3.0 */

/* HTML5 RESET CSS Document */
/* domfam.com Team by willy | danboys@nate.com */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-text-size-adjust: none;
}
html,
body {
  width: 100%;
  height: 100%;
}

/* BODY 관련 색상조절 */
body,
input,
button,
textarea,
p,
select {
  font-size: 14px;
  color: #373737;
  font-family: "YKPureunSup", "Noto Sans KR", "나눔고딕", NanumGothic, "돋움", Dotum, "굴림",
    Gulim, Helvetica, sans-serif !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 14px;
  text-align: left;
  font-weight: normal;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
img,
fieldset,
iframe {
  border: 0 none;
}
table,
div {
  border-collapse: collapse;
}
select,
textarea {
  border: 1px solid #b7b6b6;
  background: #ffffff;
  color: #373737;
  font-size: 14px;
  vertical-align: middle;
}
textarea {
  overflow: auto;
}
select,
input,
img,
li {
  vertical-align: middle;
  text-align: left;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
  font-style: normal;
  font-weight: normal;
}
ul,
li,
ol {
  list-style-type: none;
}
legend,
caption {
  display: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

/* LINK 관련 색상조절 */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}
a:link,
a:visited {
  text-decoration: none;
  color: #373737;
}
a:hover {
  text-decoration: none;
  cursor: pointer;
}
ins {
  background-color: #ff9;
  color: #373737;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #373737;
  font-style: italic;
  font-weight: 700;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
hr {
  border-collapse: collapse;
  display: none;
}

/* skipnavi */
#accessibility,
.skipnavi {
  position: absolute;
  width: 0px;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
  overflow: hidden;
  visibility: hidden;
  text-indent: -1000px;
}

/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */

.guide_tit {
  border-bottom: 3px solid #74441b;
  color: #424242;
  font-size: 16px;
  font-weight: bold;
  margin: 0 auto;
  padding: 20px;
  width: 950px;
}
.guide_tit img {
  margin-right: 50px;
}
.guide_contents {
  margin: 30px auto;
  position: relative;
  width: 990px;
}
.guide_h {
  background: url(../guide/images/bu_tit.gif) no-repeat 5px 7px;
  border-bottom: 1px solid #c9c9c9;
  color: #424242;
  font-size: 13px;
  font-weight: bold;
  height: 20px;
  margin: 20px 0;
  padding: 0 0 10px 15px;
}

.mg_t20 {
  margin-top: 20px;
}

/* //////////////////////////////////////////////////////////////// */
/* //////////////////////////   global class  /////////////////////// */
/* ////////////한곳이 수정되면 사이트 전체가 수정되는 부분/////////// */
/* //////////////////////////////////////////////////////////////// */

/* align 시리즈 속성 정의 */
.left {
  text-align: left !important;
}
.center {
  text-align: center !important;
}
.right {
  text-align: right !important;
}

/* none 시리즈 속성 정의 */
.none_bor {
  border: none !important;
}
.none_bg {
  background: none !important;
}
.none_dp {
  display: none !important;
}
.none_ma {
  margin: 0px !important;
}
.none_pa {
  padding: 0px !important;
}
.none_clear {
  clear: both !important;
}

/* font style 시리즈 속성 정의 */
.bold {
  font-weight: 700 !important;
}
.underline {
  text-decoration: underline !important;
}
.f11 {
  font-size: 11px !important;
}
.f13 {
  font-size: 13px !important;
}
.f_org {
  color: #ed6f00;
}
.f_org_b {
  font-weight: 700;
}

/* bullet 시리즈 속성 정의 */

/* font color 시리즈 속성 정의 */

/* form 시리즈 속성 정의 */
input[type="text"] {
  height: 17px;
  border: 0 none;
  -webkit-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  background: none;
}
input[type="radio"] {
  display: block;
}
input[type="checkbox"] {
  display: block;
}
select {
  width: 100%;
  height: 25px;
  -webkit-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  background: none;
  text-indent: 12px;
}
.select {
  display: inline-block;
  background: url(../images/bu_select_arrow.png) no-repeat right center;
  -webkit-background-size: 16px 2px;
  background-size: 16px 2px;
  background-color: #fff;
}
button {
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  -webkit-appearance: none;
}
/* //////////////////////////////////////////// */
/* ///////////////   spright img  /////////////// */
/*   구조에서 사용되는 btn메뉴들을 클래스   */
/* //////////////////////////////////////////// */
/*버튼 이미지*/
#wrap > header .btn_home a,
#wrap > header .btn_gnb a,
#wrap > header h1 > a,
#container > .list_brand p a,
.area_slide .btn_slide_prev,
.area_slide .btn_slide_next,
.box_slider .btn_list li,
.page_prodMain .box_product .btn_close a,
.pop_product .btn_close a,
.pop_product .btn_box .ico,
.box_slider .bx-controls-direction > a,
.box_slider .bx-pager .bx-pager-item a,
#container > .list_brand .bx-controls-direction a,
.customer .area_slide .bx-controls-direction > a,
.page_history .btn_history a,
.page_workmom .btn_history a,
.page_prodSafety .step_btn a {
  background: url(../images/sprite_btn.png) no-repeat 0 0;
  -webkit-background-size: 300px 250px !important;
  background-size: 300px 250px !important;
  color: transparent;
  font-size: 0;
}

/*기타 아이콘 이미지*/
.box_search input,
.page_process .list_problem .ico_num {
  background: url(../images/sprite_ico.png) no-repeat 0 0;
  -webkit-background-size: 50px 600px !important;
  background-size: 50px 600px !important;
  color: transparent;
  font-size: 0;
}

/* 탭 */
.inquiry_step {
  text-align: center;
  max-width: 1168px;
  margin: 0 auto;
  width: 100%;
}
.inquiry_step > ul {
  margin: 25px 4% 20px;
  position: relative;
}
.inquiry_step > ul:after {
  display: block;
  clear: both;
  content: "";
}
.inquiry_step > ul > li {
  float: left;
  width: 100%;
  line-height: 0;
  text-align: center;
}
.inquiry_step > ul > li:first-child {
  margin-left: 0;
}
.inquiry_step > ul > li > a {
  display: block;
  color: #373737;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 0;
  background-color: #eee;
  margin-left: 1px;
  line-height: 18px;
}
.inquiry_step > ul > li > span.arrow {
  display: none;
  width: 7px;
  height: 4px;
  background: url("../images/arrow_org.png") no-repeat left top;
}

.tit_parag_big {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #000;
  margin-bottom: 15px;
}

/* //////////////////////////////////////////// */
/* ///////////////   layout class  /////////////// */
/*    구조에서 사용되는 btn메뉴들을 클래스    */
/* //////////////////////////////////////////// */
#wrap {
  position: relative;
  min-width: 320px;
  margin-top: 0;
}

#wrap > header {
  position: fixed;
  height: 45px;
  text-align: center;
  width: 100%;
  left: 0px;
  top: 0;
  height: 45px;
  z-index: 1000;
}
#wrap.main > header {
  background-color: #fff;
}
#wrap > header .btn_home {
  position: absolute;
  top: 15px;
  left: 13px;
}
#wrap > header .btn_home a {
  display: block;
  width: 18px;
  height: 15px;
  background-position: 0 0;
}
#wrap > header .btn_gnb {
  position: absolute;
  top: 15px;
  right: 13px;
}
#wrap > header .btn_gnb a {
  display: block;
  width: 17px;
  height: 15px;
  background-position: -50px 0;
}
#wrap > header h1 {
  position: relative;
  display: inline-block;
}
#wrap > header h1 span {
  display: block;
  text-align: center;
  padding: 0 34px;
  font-size: 18px;
  line-height: 44px;
  font-weight: 700;
  color: #fff;
}
#wrap > header h1 span a {
  color: #fff;
  display: inline-block;
  padding-right: 23px;
  background: url(../images/sprite_btn_top.png) no-repeat right 14px;
  -webkit-background-size: 17px 100px;
  background-size: 17px 100px;
}
#wrap > header h1 span a.focus {
  background-position: right -36px;
}
#wrap > header h1 > a {
  position: absolute;
  width: 8px;
  height: 14px;
}
#wrap > header h1 > a.btn_prev {
  top: 15px;
  left: 0;
  background-position: 0 -50px;
}
#wrap > header h1 > a.btn_next {
  top: 15px;
  right: 0;
  background-position: -50px -50px;
}

#container {
  position: relative;
}
.contents {
  position: relative; /*padding-top:45px*/
}

#container > .list_brand {
  position: relative;
  height: 63px;
  border-top: 1px solid #dbdbdb;
}
#container > .list_brand nav {
  padding: 21px 22px 0;
}
#container > .list_brand ul {
}
#container > .list_brand li {
  /*-webkit-flex: 1;  flex: 1; -webkit-box-flex: 1;   text-align: center;*/
  text-align: center !important;
}
#container > .list_brand p {
  position: absolute;
  top: 24px;
}
#container > .list_brand p.btn_prev {
  left: 13px;
}
#container > .list_brand p.btn_prev a {
  background-position: 0 -100px;
}
#container > .list_brand p.btn_next {
  right: 13px;
}
#container > .list_brand p.btn_next a {
  background-position: -50px -100px;
}
#container > .list_brand img {
  height: 20px;
}
#container > .list_brand p a {
  display: block;
  width: 9px;
  height: 17px;
  display: none;
}
#container > .list_brand .bx-wrapper {
  max-width: none !important;
}
#container > .list_brand .bx-controls-direction {
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
}
#container > .list_brand .bx-controls-direction a {
  position: absolute;
  top: 24px;
  width: 9px;
  height: 17px;
}
#container > .list_brand .bx-controls-direction a.bx-prev {
  left: 13px;
  background-position: 0 -100px;
}
#container > .list_brand .bx-controls-direction a.bx-next {
  right: 13px;
  background-position: -50px -100px;
}

.area_slide .btn_slide_prev {
  position: absolute;
  left: 13px;
  background-position: 0 -150px;
}
.area_slide .btn_slide_prev a {
  display: block;
  width: 13px;
  height: 25px;
}
.area_slide .btn_slide_next {
  position: absolute;
  right: 13px;
  background-position: -50px -150px;
}
.area_slide .btn_slide_next a {
  display: block;
  width: 13px;
  height: 25px;
}

/* //////////////////////////////////////////// */
/* ///////////////   btn class  /////////////// */
/*    사이트에서 사용되는 btn메뉴들을 클래스    */
/* //////////////////////////////////////////// */
.btn_common {
  display: inline-block;
}

/* 230518 운영최신화 */
.btn_common a {
  font-size: 14px;
  display: inline-block;
  color: #fff;
  line-height: 27px;
  padding: 0 15px;
  background-image: url(../images/sprite_bg_btn.png);
  -webkit-background-size: 20px 250px;
  background-size: 20px 250px;
  background-repeat: no-repeat;
}

.btn_common.v_height a {
  line-height: 34px;
}
.btn_common.v_padding a {
  padding: 0 20px;
}
.btn_common.v_table a {
  background-position: right 15px !important;
  background-color: #3b3b3b !important;
}
.btn_common.v_postcode {
  background-position: 0 0 !important;
}
.btn_common.v_postcode a {
  background-color: #3b3b3b !important;
  background-position: right 18px !important;
}

/* //////////////////////////////////////////// */
/* ///////////////   tab class  /////////////// */
/*    사이트에서 사용되는 tab메뉴들을 클래스    */
/* //////////////////////////////////////////// */
.tab_common {
  position: relative;
  margin: 0 13px;
}
.tab_common ul {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
}
.tab_common li {
  webkit-flex: 1;
  flex: 1;
  -webkit-box-flex: 1;
  padding-left: 1px;
  padding-bottom: 4px;
}
.tab_common.v_line02 {
  background-repeat: no-repeat;
  background-position: center 32px;
  -webkit-background-size: 8px 5px;
  background-size: 8px 5px;
  background-repeat: no-repeat;
}
.tab_common li:nth-child {
  padding-left: 0;
}
.tab_common li a {
  display: block;
  height: 32px;
  line-height: 32px;
  background-color: #eeeeee;
  text-align: center;
  font-weight: 600;
  background-image: url(../images/sprite_bg_btn2.png);
  background-repeat: no-repeat;
  -webkit-background-size: 20px 250px;
  background-size: 20px 250px;
  background-position: -1000em -1000em;
}
.tab_common li.focus a {
  color: #fff;
}

.tab_common.v_line02 {
  margin-bottom: 15px;
}
.tab_common.v_line02 a {
  height: 32px;
  padding-top: 5px;
  font-size: 9px;
  line-height: 13px;
}
.tab_common.v_line02 li {
  background-position: center bottom;
}

.tab_row {
  position: relative;
}
.tab_row .tab_list_item {
  border-bottom: 1px solid #fff;
}
.tab_row .tab_list_item a {
  display: block;
  background-color: #eeeeee;
  height: 35px;
  line-height: 35px;
  font-weight: 700;
}
.tab_row .in_cotn {
  display: none;
}
.tab_row .focus .tab_list_item {
  background-repeat: no-repeat;
  padding-bottom: 4px;
  background-position: center bottom;
  -webkit-background-size: 8px 4px;
  background-size: 8px 4px;
}
.tab_row .focus .tab_list_item a {
  color: #fff;
  background-image: url(../images/sprite_bg_btn.png);
  background-repeat: no-repeat;
  -webkit-background-size: 20px 250px;
  background-size: 20px 250px;
}
.tab_row .focus .in_cotn {
  display: block;
}

/* //////////////////////////////////////////// */
/* ////////////   table class  ///////////// */
/*    사이트에서 사용되는 content부분의 table   */
/* //////////////////////////////////////////// */
.table_common {
  position: relative;
  border-bottom: 1px solid #dbdbdb;
  margin: 0 13px;
}
.table_common table {
  width: 100%;
}
.table_common table thead th {
  padding: 4px 0;
  background-color: #f5f5f5;
  border-top: 2px solid #131313;
  border-bottom: 1px solid #131313;
}
.table_common table thead th strong {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #000;
}
.table_common table thead th span {
  padding: 3px 0;
  display: block;
  font-size: 13px;
  color: #777777;
}
.table_common table td {
  border-left: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  vertical-align: middle;
}
.table_common table td:first-child {
  border-left: 0;
}
.table_common table tr:last-child td {
  border-bottom: 0 none;
}

.table_common.type_col table {
  border-top: 2px solid #131313;
}
.table_common.type_col table th {
  padding-left: 19px;
  background-color: #f4f4f4;
  text-align: left;
  color: #333333;
  font-weight: 700;
  border-bottom: 1px solid #dbdbdb;
  vertical-align: middle;
}
.table_common.type_col table th .f_org {
  margin-left: -10px;
}
.table_common.type_col tr:last-child th {
  border-bottom: 0 none;
}
.table_common.type_col td {
  padding: 10px 0px 10px 9px;
  text-align: left;
}

.table_common.type_row table {
  border-top: 2px solid #131313;
}
.table_common.type_row table th {
  height: 35px;
  padding: 0 15px;
  background-color: #f4f4f4;
  text-align: left;
  color: #333333;
  font-weight: 700;
  border-bottom: 1px solid #dbdbdb;
  vertical-align: middle;
}
.table_common.type_row table th .f_org {
  margin-left: -10px;
}
.table_common.type_row tr:last-child th {
  border-bottom: 0 none;
}
.table_common.type_row td {
  padding: 15px;
  text-align: left;
}
.table_common.type_row select {
  width: 100%;
}
.table_common.type_row .etc_info:first-child {
  margin-top: 0;
}
.table_common.type_row .etc_info {
  margin-top: 5px;
}
.table_common.type_row .etc_info .sel_form {
  padding-right: 0;
}
.table_common.type_row .box_address > span:first-child {
  margin-top: 0px;
}
.table_common.type_row .box_address > span {
  margin-top: 5px;
}
.table_common.type_row .insert_form {
  margin-bottom: 5px;
}
.table_common.type_row .sel_form {
  padding: 0 !important;
}

.table_common input {
  height: 24px;
  border: 1px solid #cccccc;
}
.table_common textarea {
  border: 1px solid #cccccc;
  padding: 0;
  margin: 0;
}
.table_common textarea::placeholder {
  font-size: 12px;
  color: #999;
}
.table_common select {
  border: 1px solid #cccccc;
  padding: 0;
  margin: 0;
}

/* //////////////////////////////////////////// */
/* ///////////////   board class  /////////////// */
/*    사이트에서 사용되는 게시판 클래스    */
/* //////////////////////////////////////////// */
.board_list {
  position: relative;
}
.board_list .title_size01 {
  margin-bottom: 15px;
}
.board_list ul {
  border-top: 2px solid #333333;
}
.board_list li {
  border-bottom: 1px solid #dbdbdb;
}
.board_list li a {
  display: block;
  padding: 12px 23px 13px 0;
  color: #666666;
}
.board_list li .title {
  display: block;
  margin-bottom: 0px;
  font-weight: 500;
}
.board_list li .date {
  font-size: 12px;
}
.board_list.v_search .title {
  margin-bottom: 5px;
}
.board_list.v_search .f_result {
  display: inline-block;
  background-color: #fbfbd3;
}

.board_view .view_top {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 2px solid #333333;
}
.board_view .view_top .tit {
  margin-bottom: 5px;
  font-weight: 700;
}
.board_view .view_top .date {
  font-size: 9px;
  line-height: 11px;
}
.board_view .view_cotn {
  margin-bottom: 15px;
  border-bottom: 1px solid #eaeaea;
}
.board_view .cotn_in {
  position: relative;
  padding: 22px 14px;
  text-align: center;
}
.board_view .cotn_in img {
  max-width: 100%;
}
.board_view .box_btn {
  margin: 0 13px;
}

/* //////////////////////////////////////////// */
/* ///////////////   box class  /////////////// */
/*    사이트에서 사용되는 tab메뉴들을 클래스    */
/* //////////////////////////////////////////// */
.box_btn {
  position: relative;
}
/* 검색영역 */
.box_search {
  position: relative;
  height: 32px;
  margin: 0 35px;
  background-color: #efefef;
}
.box_search input {
  width: 100%;
  height: 32px;
  display: block;
  outline: none;
  background-position: 0 12px;
  font-size: 14px;
  color: #373737;
}
.box_search input[placeholder] {
  text-indent: 15px;
  font-size: 14px;
  color: #373737;
}

/* 230518 운영최신화 */
.box_search .input_area {
  position: relative;
  margin-left: 10px;
  margin-right: 65px;
}

.box_search .bg_txt {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 10px;
  color: #999999;
  line-height: 28px;
}
.box_search .btn_sear {
  position: absolute;
  top: 0;
  right: -0;
} /* 230518 운영최신화 */
.box_search .btn_sear a {
  line-height: 32px;
} /* 230518 운영최신화 */
.customer .box_search .btn_sear .btn_common a {
  background-position: right -76px;
}

/* 파일첨부 */
.box_data {
  display: block;
  position: relative;
  width: 100%;
  height: 28px;
}
.box_data .input_area {
  display: block;
  position: relative;
  margin-right: 71px;
}
.box_data input {
  width: 100%;
  height: 26px;
  display: block;
  outline: none;
  background-position: 0 8px;
}
.box_data .btn_sear {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
.box_data span.btn_sear a {
  line-height: 26px;
}

/* 아이콘 슬라이더(스크립트 적용 전) */
/*.box_slider{ position:relative; }
.box_slider .title_size01{ position: static; padding-top: 28px; background: none; color: #373737; font-size: 18px;}
.box_slider .clearfix li{}
.box_slider .clearfix li.focus{display: block;}
.box_slider .btn_list{  display: none; font-size: 0; padding-top: 38px;}
.box_slider .btn_list li{ display: inline-block; background-position: 0 -200px; margin:0 13px; }
.box_slider .btn_list li a{display: block; width: 11px; height: 11px; font-size: 0; color:transparent;}*/

/* 아이콘 슬라이더(스크립트 적용 후) */
.box_slider {
  position: relative;
}
.box_slider .bx-wrapper li {
  text-align: center;
}
.box_slider .bx-controls-direction {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}
.box_slider .bx-controls-direction > a {
  position: absolute;
  top: 0;
  width: 13px;
  height: 25px;
}
.box_slider .bx-controls-direction > a.bx-prev {
  left: 13px;
  background-position: 0 -150px;
}
.box_slider .bx-controls-direction > a.bx-next {
  right: 13px;
  background-position: -50px -150px;
}
.box_slider .bx-pager .bx-pager-item {
  display: inline-block;
  margin: 0 12px;
}
.box_slider .bx-controls-direction > a.disabled {
  display: none;
}
.box_slider .bx-pager .bx-pager-item a {
  display: inline-block;
  width: 11px;
  height: 11px;
  font-size: 0;
  color: transparent;
  background-position: 0 -200px;
}
.box_slider .bx-pager .bx-pager-item a.active {
  background-position: -200px -200px;
}
.box_slider .bx-viewport {
  margin-bottom: 15px;
}
.box_slider .bx-viewport .bx-controls-direction {
  display: none;
}

.pop_product .btn_list,
.pop_product .btn_slide_prev,
.pop_product .btn_slide_next {
  display: none !important;
}

/* //////////////////////////////////////////// */
/* ///////////////   title class  /////////////// */
/*    사이트에서 사용되는 tab메뉴들을 클래스    */
/* //////////////////////////////////////////// */
.title_size01 {
  margin-bottom: 9px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  color: #373737;
}
.title_size02 {
  margin-bottom: 7px;
  font-size: 16px;
  font-weight: 700;
  color: #373737;
}
.title_big {
  font-family: "Godo", sans-serif;
  font-weight: 700;
  margin-bottom: 27px;
  font-size: 28px;
  line-height: 30px;
  text-align: center;
  color: #010101;
}
/* 설명글 기본 셋 */
.desc_common {
  font-size: 14px;
  line-height: 1.7em;
  color: #666;
}
.desc_common > dt {
  margin-bottom: 7px;
  font-size: 17px;
  font-weight: 700;
}
.desc_common > dd {
  font-size: 14px;
  line-height: 16px;
  color: #666;
}
/* ////////////////////////////////////////////////////////////////// */
/* /////////////////////////   local class  ///////////////////////// */
/* ////////////////////특정 페이지에서만 사용된 코드 //////////////// */
/* ////////////////////////////////////////////////////////////////// */

.pagenate {
  padding-top: 15px;
  text-align: center;
  font-size: 0;
}
.pagenate > span {
  vertical-align: middle;
}
.pagenate span {
  display: inline-block;
  font-size: 13px;
}
.pagenate a {
  display: inline-block;
  width: 20px;
  font-size: 13px;
}
.pagenate span a {
  color: #666666;
}
.pagenate span span {
  width: 20px;
  font-weight: 700;
  color: #1d6de5;
}
.pagenate > a {
  height: 18px;
  vertical-align: middle;
  font-size: 0;
  color: transparent;
  background-image: url(../images/sprite_pagenate.png);
  background-repeat: no-repeat;
}
.pagenate > a.prev_a {
  background-position: 5px 5px;
}
.pagenate > a.pre {
  background-position: -13px 5px;
}
.pagenate > a.next_a {
  background-position: -33px 5px;
}
.pagenate > a.next {
  background-position: -55px 5px;
}

.v_nonepage .bx-pager-item {
  display: none !important;
}
.v_nonecontrol .bx-controls-direction {
  display: none !important;
}

/* 좌우 여백 */
.type_marginWidth {
  margin: 0 13px;
}
.img_max100 {
  max-width: 100%;
}

.remodal-overlay {
  position: fixed;
  overflow: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  z-index: 10;
  z-index: 10000;
  display: none;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
}
.remodal-overlay:after {
  vertical-align: middle;
  display: inline-block;
  height: 100%;
  content: "";
}
.remodal {
  vertical-align: middle;
  display: inline-block;
}

/* //////////////////////////////////////////// */
/* //////////////   GNb     ////////////// */
/* ///////           0 menu             /////// */
/* //////////////////////////////////////////// */
.bg_dim {
}
#celeblist {
  background: url(../images/bg_gnb.gif) repeat 0 0;
  -webkit-background-size: 250px;
  background-size: 250px;
  position: fixed;
  top: 0px;
  height: 100%;
  display: none;
  z-index: 2000;
}
#celeblist .search {
  position: relative;
  height: 45px;
  background-color: #000000;
}
#celeblist .search ul {
  overflow: hidden;
  padding-top: 12px;
}
#celeblist .search li {
  float: left;
  margin-left: 13px;
}
#celeblist .search li:first-child {
  margin-left: 13px;
}
#celeblist .search li a {
  display: block;
  height: 14px;
  padding: 2px 0 2px 20px;
  font-family: Arial;
  color: #fff;
  font-weight: bold;
  background-image: url(../images/sprite_gnb_ico.gif);
  background-repeat: no-repeat;
  -webkit-background-size: 25px 75px;
  background-size: 25px 75px;
}
#celeblist .search li:nth-child(1) a {
  background-position: 0 4px;
}
#celeblist .search li:nth-child(2) a {
  background-position: 0 -21px;
  padding-left: 22px;
}
#celeblist .search li:nth-child(3) a {
  background-position: 0 -46px;
  padding-left: 27px;
}
#celeblist .search .btn_close {
  position: absolute;
  top: 12px;
  right: 12px;
}
#celeblist .depth01 {
  position: absolute;
  top: 45px;
  bottom: 0;
  left: 0;
  width: 111px;
  background-color: #373737;
  -webkit-box-shadow: 6px 2px 18px 1px #191919; /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  z-index: 1;
}
#celeblist .depth01 ul {
  border-bottom: 1px solid #4b4b4b;
}
#celeblist .depth01 li {
  height: 45px;
  position: relative;
  border-bottom: 1px solid #1b1b1b;
}
#celeblist .depth01 li a {
  display: block;
  color: #777777;
  border-top: 1px solid #4b4b4b;
  font-size: 16px;
  line-height: 45px;
  text-align: center;
  letter-spacing: -2px;
}
#celeblist .depth01 li:first-child a {
  border-top: 0 none;
}
#celeblist .depth01 li.focus a {
  color: #fff;
}
#celeblist .depth01 li:nth-child(1).focus a {
  background-color: #1f8cdd;
}
#celeblist .depth01 li:nth-child(2).focus a {
  background-color: #7f4aa9;
}
#celeblist .depth01 li:nth-child(3).focus a {
  background-color: #589924;
}
#celeblist .depth01 li:nth-child(4).focus a {
  background-color: #a23068;
}
#celeblist .depth01 li:nth-child(5).focus a {
  background-color: #e6712b;
}

#celeblist .depth02 {
  position: relative;
  margin-left: 111px;
  height: 100%;
  overflow: auto;
}
#celeblist .depth02 > ul {
  display: none;
}
#celeblist .depth02 > ul > li {
  border-bottom: 1px solid #3a3a3a;
}
#celeblist .depth02 > ul > li > a {
  display: block;
  height: 38px;
  padding-left: 12px;
  border-bottom: 1px solid #000000;
  line-height: 38px;
  color: #919191;
  font-size: 13px;
  font-weight: bold;
}
#celeblist .depth02 > ul > li.focus > a {
  color: #fff;
}

#celeblist .depth02 > ul:nth-child(1) li li.focus a {
  color: #1f8cdd;
}
#celeblist .depth02 > ul:nth-child(3) li li.focus a {
  color: #589924;
}
#celeblist .depth02 > ul:nth-child(4) li li.focus a {
  color: #a23068;
}
#celeblist .depth02 > ul:nth-child(5) li li.focus a {
  color: #e6712b;
}

#celeblist .depth03 {
  position: relative;
  padding: 5px 0;
  background-color: #000000;
}
#celeblist .depth03 a {
  display: block;
  font-weight: bold;
  padding-left: 12px;
  line-height: 28px;
  color: #919191;
  font-size: 10px;
}

/*#celeblist{ background-color: #373737; position:absolute; top:0px; height:100%;display: none;}
#celeblist .search{ position: relative; height: 37px; padding-top:8px ; background-color: #000000;}
#celeblist .search a{position: absolute; top: 8px; left: 12px;}
#celeblist .search a img{ width: 29px;}
#celeblist .search span{display: block; margin: 0 13px 0 50px; padding: 0 5px; background-color: #fff;}
#celeblist .search span input{ width: 100%;height: 28px; background: none; line-height: 28px;}
#celeblist .depth01>li{border-bottom:1px solid #4d4d4d; position: relative; }
#celeblist .depth01>li>a{display: block; padding-left: 18px; height: 45px; color: #777777; font-size: 18px; line-height: 45px; border-bottom: 1px solid #191919;}
#celeblist .depth01>li>a span.ico{ position:absolute; top: 19px;  right: 13px; width: 13px; height: 7px; background: url(../images/ico_arrow_updown.png) no-repeat 0 0;-webkit-background-size: 13px 100px;background-size:13px 100px; }
#celeblist .depth01 ul{display: none; background: url(../images/bg_gnb_02depth.gif) repeat 0 0, url(../images/bg_shadow_02depth.png) repeat-x 0 0; -webkit-background-size:35px, 245px 6px; background-size:35px,  245px 6px;}
#celeblist .depth01 li li{ margin: 0 13px;border-top: 1px solid #000000;}
#celeblist .depth01 li li a{display: block; height: 40px;  padding-left: 5px; border-top: 1px solid #3a3a3a; color: #919191; font-size: 13px; line-height: 40px;}
#celeblist .depth01 li li:first-child,
#celeblist .depth01 li li:first-child a{ border-top:0 none;}

#celeblist .depth01>li.focus{ border:0 none}
#celeblist .depth01>li.focus>a{ color: #fff; border:0 none}
#celeblist .depth01>li.focus>a .ico{background-position: 0 -50px;}
#celeblist .depth01>li.focus ul{display: block;}
#celeblist .depth01>li.focus li.focus a{ color: #fff; font-weight: 700;}*/

#celeblist .link {
  height: 34px;
  padding-top: 11px;
  background: #000;
  color: #fff;
}
#celeblist .link a {
  color: #fff;
  margin-left: 10%;
}
#celeblist .link a:first-child {
  margin-left: 5%;
}
#celeblist .link .l1 img {
  width: 19px;
}
#celeblist .link .l2 img {
  width: 22px;
}
#celeblist .link .l3 img {
  width: 28px;
}

#snb {
  display: none;
  position: fixed;
  top: 45px;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: #fff;
  z-index: 100;
}
#snb a {
  border-bottom: 1px solid #eaeaea;
  text-align: center;
  display: block;
  height: 46px;
  font-size: 18px;
  line-height: 46px;
  color: #777777;
}
#snb li.focus a {
  color: #373737;
  background-color: #f3f3f3;
  font-weight: 700;
}
#snb.on {
  display: block;
}
/* //////////////////////////////////////////// */
/* //////////////    메인     ////////////// */
/* ///////           0 menu             /////// */
/* //////////////////////////////////////////// */
.main header h1 {
  float: left;
  padding: 11px 0 0 13px;
}
.main header h1 img {
  width: 93px;
}
.main header .btn_gnb img {
  width: 17px;
}
.main .contents {
  padding-top: 0;
  text-align: center;
}
.main .contents .box_slider li {
  text-align: center;
}

.main .banner_visual {
  position: relative;
  padding-top: 45px;
}
.main .banner_visual .bx-controls {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  text-align: center;
}
.main .banner_visual .bx-pager > div {
  text-align: center;
  display: inline-block;
  margin: 0 8px;
}
.main .banner_visual .bx-pager a {
  display: block;
  width: 9px;
  height: 9px;
  background: url(../images/bu_slide_main_visual.png) no-repeat 0 0;
  -webkit-background-size: 17px 9px;
  background-size: 17px 9px;
  font-size: 0;
  color: transparent;
}
.main .banner_visual .bx-pager a.active {
  background-position: -8px 0;
}
.main .banner_visual img {
  max-width: 100%;
}

.main .banner_wrap {
  max-width: 640px;
  margin: 0 auto;
  overflow: hidden;
}
.main .banner_wrap .w50per {
  float: left;
  width: 50%;
  padding: 0 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-top: 10px;
}
.main .banner_wrap .w100per {
  clear: both;
  width: 100%;
  padding-top: 10px;
}
.main .banner_wrap .w50per a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.main .banner_wrap .w50per img {
  width: 100%;
}
.main .banner_wrap .w50per .bottom-box {
  margin-top: 10px;
}
.main .banner_wrap .w50per .cont {
  text-align: center;
}
.main .banner_wrap .w50per .cont img {
  width: 100%;
}
.main .banner_wrap .w50per .cont p {
  color: #fff;
}

.main .banner_wrap .left {
  padding-left: 0;
}
.main .banner_wrap .right {
  padding-right: 0;
}

.main .banner_wrap .box02 {
  position: relative;
}
.main .banner_wrap .box02 .bx-pager {
  position: absolute;
  bottom: 3%;
  left: 0;
  width: 100%;
  text-align: center;
}
.main .banner_wrap .box02 .bx-pager .bx-pager-item {
  display: inline-block;
}
.main .banner_wrap .box02 .bx-pager a {
  display: block;
  width: 9px;
  height: 9px;
  margin-right: 6px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  font-size: 0;
}
.main .banner_wrap .box02 .bx-pager a.active {
  background-color: #fff;
}

.main .banner_wrap .box03 {
  position: relative;
  background-color: #f7f9fb;
}
.main .banner_wrap .box03 .bx-pager {
  position: absolute;
  bottom: 3%;
  left: 12px;
}
.main .banner_wrap .box03 .bx-pager .bx-pager-item {
  display: inline-block;
}
.main .banner_wrap .box03 .bx-pager a {
  display: block;
  width: 9px;
  height: 9px;
  margin-right: 6px;
  background-color: rgba(67, 158, 237, 0.5);
  border-radius: 5px;
  font-size: 0;
}
.main .banner_wrap .box03 .bx-pager a.active {
  background-color: #439eed;
}
.main .banner_wrap .box03 .pressroom {
  position: relative;
  background: #f7f9fb;
  text-align: left;
}
.main .banner_wrap .box03 .pressroom .box-tit {
  padding: 3% 0 0 12px;
}
.main .banner_wrap .box03 .pressroom .pressWrap {
  padding: 1% 12px;
}
.main .banner_wrap .box03 .pressroom .pressWrap:after {
  display: block;
  clear: both;
  content: "";
}
.main .banner_wrap .box03 .pressroom .contArea {
  float: left;
  width: 50%;
}
.main .banner_wrap .box03 .pressroom .contArea .press-tit {
  width: 95%;
  color: #151515;
}
.main .banner_wrap .box03 .pressroom .contArea .press-cont {
  color: #767676;
}
.main .banner_wrap .box03 .pressroom .contArea .press-date {
  color: #767676;
}
.main .banner_wrap .box03 .pressroom .picArea {
  float: right;
  width: 50%;
}
.main .banner_wrap .box03 .pressroom .picArea img {
  width: 100%;
}
.main .banner_wrap .box03 .pressroom .more {
  display: inline-block;
  position: absolute;
  right: 12px;
  top: 3%;
  padding-top: 6px;
}

.main .banner_wrap .box04 {
  position: relative;
}
.main .banner_wrap .box04 .slide-wrap {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 100%;
}
.main .banner_wrap .box04 .cont {
  padding: 22% 17px 22% 12px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.main .banner_wrap .box04 .title {
  position: absolute;
  top: 15%;
  left: 12px;
  width: 25%;
}
.main .banner_wrap .box04 .cont .txt {
  margin: 5% 0 2%;
  height: 54px;
  overflow: hidden;
}
.main .banner_wrap .box04 .cont .txt span {
  display: block;
}
.main .banner_wrap .box04 .cont .date {
  background: url(../images/bg_bar.gif) center top no-repeat;
  background-size: 17px 1px;
  padding-top: 1.5%;
}
.main .banner_wrap .box04 .more {
  display: inline-block;
  position: absolute;
  right: 12px;
  top: 10%;
}
.main .banner_wrap .box04 .bx-pager {
  position: absolute;
  bottom: 8%;
  left: 50%;
  margin-left: -20px;
}
.main .banner_wrap .box04 .bx-pager .bx-pager-item {
  display: inline-block;
}
.main .banner_wrap .box04 .bx-pager a {
  display: block;
  width: 9px;
  height: 9px;
  margin-left: 6px;
  background-color: #aadef7;
  border-radius: 5px;
  font-size: 0;
}
.main .banner_wrap .box04 .bx-pager div:first-child a {
  margin-left: 0;
}
.main .banner_wrap .box04 .bx-pager a.active {
  background-color: #fff;
}

@media only screen and (min-width: 480px) {
  .main .banner_wrap .box04 .cont .txt {
    height: 72px;
    font-size: 15px;
    line-height: 24px;
    margin: 8% 0 3%;
  }
  .main .banner_wrap .box04 .cont .date {
    font-size: 15px;
    padding-top: 3%;
  }
  .main .banner_wrap .box04 .more {
    top: 11%;
  }
}

.main .banner_wrap .box06 img {
  width: 100%;
}

.main .banner_forest {
  position: relative;
}
.main .banner_forest img {
  max-width: 100%;
}
.main .banner_hugg {
  position: relative;
}
.main .banner_hugg img {
  max-width: 100%;
}
.main .banner_prod {
  position: relative;
  max-width: 640px;
  margin: 0 auto;
}
.main .banner_prod .img img {
  max-width: 100%;
}
.main .banner_prod > div {
  position: absolute;
  top: 59%;
  right: 12px;
  width: 154px;
  height: 114px;
  margin-top: -77px;
}
.main .banner_prod li {
  padding-top: 33px;
}
.main .banner_prod .bx-controls-direction > a.bx-prev {
  left: 0;
}
.main .banner_prod .bx-controls-direction > a.bx-next {
  right: 0;
}
.main .banner_etc {
  position: relative;
  max-width: 640px;
  margin: 0 auto;
}
.main .banner_etc img {
  max-width: 100%;
}
/* .main .banner_etc .bx-controls{position: absolute; bottom: 17px; left: 20px; text-align: left;} */
.main .banner_etc .bx-pager > div {
  text-align: center;
  display: inline-block;
  margin: 0 4px;
}
.main .banner_etc .bx-pager a {
  display: block;
  width: 13px;
  height: 13px;
  background: url(../images/bu_slide_main_etc.png) no-repeat -13px 0;
  -webkit-background-size: 26px 13px;
  background-size: 26px 13px;
  font-size: 0;
  color: transparent;
}
.main .banner_etc .bx-pager a.active {
  background-position: 0px 0;
}
.main .banner_etc .bx-controls {
  width: 44px;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: left;
}
.main .banner_etc .bx-controls-direction > a {
  display: inline-block;
  width: 21px;
  height: 21px;
  margin-left: 1px;
  background: url(../images/bu_arrow_main.png) no-repeat 0 0;
  -webkit-background-size: 42px 21px;
  background-size: 42px 21px;
  font-size: 0;
  color: transparent;
}
.main .banner_etc .bx-controls-direction > a.bx-prev {
  left: 0;
}
.main .banner_etc .bx-controls-direction > a.bx-next {
  background-position: -21px 0;
}
.main .lnb {
  position: relative;
  padding: 9px 0 39px;
  overflow: hidden;
}
.main .lnb li {
  float: left;
  width: 33.3%;
}
.main .lnb li a {
  display: block;
  padding-top: 20%;
  position: relative;
  text-align: center;
}
.main .lnb .ico {
  display: block;
  font-size: 0;
  padding-bottom: 10%;
  color: transparent;
  text-align: center;
}
.main .lnb .ico img {
  width: 42%;
}
/*.main .lnb li:nth-child(1) .ico{background: url(../images/main_ico01.png) no-repeat center 0;}
.main .lnb li:nth-child(2) .ico{background: url(../images/main_ico02.png) no-repeat center 0;}
.main .lnb li:nth-child(3) .ico{background: url(../images/main_ico03.png) no-repeat center 0;}
.main .lnb li:nth-child(4) .ico{background: url(../images/main_ico04.png) no-repeat center 0;}
.main .lnb li:nth-child(5) .ico{background: url(../images/main_ico05.png) no-repeat center 0;}
.main .lnb li:nth-child(6) .ico{background: url(../images/main_ico06.png) no-repeat center 0;}*/

.main .lnb .tit {
  display: block;
  z-index: 13px;
  font-size: 14px;
  font-weight: 700;
}

/* //////////////////////////////////////////// */
/* //////////////    회사소개     ////////////// */
/* ///////           1 menu             /////// */
/* //////////////////////////////////////////// */

.company {
  position: relative;
  text-align: center;
}

.company .contents {
  padding-bottom: 50px;
}

.company > header {
  background-color: #1f8cdd;
}

/* Tab */
.company .focus .tab_list_item {
  background-image: url(../images/bg_tab_arrow_company.png);
}
.company .focus .tab_list_item a {
  background-color: #1f8cdd;
  background-position: right -125px;
}

/* 버튼 */
.company .btn_common a {
  background-color: #1f8cdd;
  background-position: right -33px;
}
.company .btn_common.v_height a {
  background-position: right -25px;
}

.company .box_slider {
  padding: 5px 0 20px;
}
.company .box_slider li img {
  max-width: 100%;
}
.company .box_slider .bx-pager .bx-pager-item {
  margin: 0 10px;
}
.company .box_slider .bx-viewport {
  margin-bottom: 10px;
}
.company .bx-pager .bx-pager-item a.active {
  background-position: -150px -200px;
}

.company .v_bg {
  background-color: #f0f4f7 !important;
}

.cnews {
  padding: 6% 0;
  background: #f0f4f7;
}
.cnews .box_slider li div {
  width: 65%;
  margin: 0 auto;
  padding: 4.7%;
  background: #fff;
  text-align: left;
}
.cnews .box_slider li p img {
  width: 100%;
}
.cnews .box_slider li dl {
  margin-top: 4%;
}
.cnews .box_slider li dt span {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
}
.cnews .box_slider li dd {
  margin-top: 2%;
}
.cnews .btn_box img {
  width: 55.5%;
}

/* 유한킴벌리 소개 */
.page_introduce {
  position: relative; /*padding-top: 40px;*/
}
.page_introduce .tab_arrow {
  padding-top: 35px;
}
.page_introduce .title_size01 {
  margin-bottom: 19px;
}
.page_introduce .greeting {
  position: relative;
}
.page_introduce .greeting dt {
  font-family: "Godo", sans-serif;
  padding: 65px 0 11px;
  font-size: 32px;
  line-height: 37px;
}
.page_introduce .greeting dt span.sub {
  font-family: "Noto Sans KR", "나눔고딕", NanumGothic, "돋움", Dotum, "굴림",
    Gulim, Helvetica, sans-serif;
  display: block;
  font-size: 20px;
  color: #373737;
}
.page_introduce .greeting dt span.emp {
  color: #1f8cdd;
}
.page_introduce .greeting dd {
  padding-bottom: 39px;
  font-size: 15px;
  color: #666666;
  line-height: 1.6em;
}
.page_introduce .value {
  position: relative;
  -webkit-background-size: 55px;
  background-size: 55px;
  margin-bottom: 39px;
}
.page_introduce .value .box_slider {
  height: 270px;
  background: url(../images/bg_slider_company.gif) repeat 0 0;
}
.page_introduce .value .img {
  margin-bottom: 25px;
}
.page_introduce .value .img img {
  width: 87px;
}
.page_introduce .value dt {
  margin-bottom: 5px;
}
.page_introduce .value dd {
  line-height: 16px;
}
.page_introduce .value .box_slider {
  height: 225px;
  padding-top: 20px;
  background: url(../images/bg_box_company_introduce.gif) repeat 0 0;
  -webkit-background-size: 153px;
  background-size: 153px;
}
.page_introduce .bx-controls-direction {
  margin-top: -11px;
}
.page_introduce .ceo {
  position: relative;
}
.page_introduce .ceo .photo img {
  max-width: 100%;
}
.page_introduce .ceo .tit_paragraph {
  padding-top: 30px;
  text-align: center;
  font-size: 20px;
  color: #333;
  background-color: #f0efee;
}
.page_introduce .ceo .tit {
  padding: 17px 0 13px 0;
  font-size: 23px;
  line-height: 1.3em;
  color: #000;
  background-color: #f0efee;
}
.page_introduce .ceo .desc {
  font-size: 14px;
  padding: 0 27px 20px;
  line-height: 1.5em;
  color: #666666;
  background-color: #f0efee;
}
.page_introduce .ceo .sign {
  padding-top: 10px;
  padding-bottom: 43px;
  background-color: #f0efee;
  text-align: center;
}
.page_introduce .ceo .sign img {
  width: 53px;
}
/* 2020-02-03 핵심가치 수정 */
.page_introduce h3 {
  font-size: inherit;
  text-align: center;
}
.company_value {
  background-color: #f3f3f3;
  padding-bottom: 15px;
}
.company_value .tit_paragraph {
  padding: 37px 0;
  margin: 0;
  font-weight: 500;
  font-size: 20px;
  color: #373737;
}
.company_value .item {
}
.company_value .item .contents {
  text-align: center;
  padding-top: 22px;
  padding-bottom: 45px;
}
.company_value .item .title {
  font-size: 17px;
  line-height: 1.8;
  font-weight: 600;
}
.company_value .item .image img {
  max-width: 100%;
}
.company_value .item .desc {
  line-height: 1.8em;
  color: #666;
}
.company_value .item .draw {
  position: relative;
  display: block;
  margin: 0 auto 5px;
  width: 60px;
  height: 40px;
}
.company_value .item .draw svg {
  width: 100%;
  height: 100%;
}
.company_value .item #draw1 .st0 {
  fill: none;
  stroke: #000000;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.company_value .item #draw1 .st1 {
  fill: none;
  stroke: #000000;
  stroke-width: 2.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.company_value .item #draw2 .st0 {
  fill: none;
  stroke: #000000;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.company_value .item #draw2 .st1 {
  fill: none;
  stroke: #000000;
  stroke-width: 2.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.company_value .item #draw3 .st0 {
  fill: none;
  stroke: #000000;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.company_value .item #draw3 .st1 {
  fill: none;
  stroke: #000000;
  stroke-width: 2.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.company_value .item #draw3 .st2 {
  fill: none;
  stroke: #000000;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* 2024-12-09 기업 인증 추가 */
.page_ownercompany .certification {
	padding-bottom: 65px;
	border-bottom: 1px solid #f3f3f5;
}

.page_ownercompany .certification .tit_paragraph {
	padding-top: 45px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: 500;
	font-size: 20px;
	color: #373737;
}

.page_ownercompany .certification .title {
	padding-bottom: 37px;
	line-height: 17px;
	color: #000000;
	line-height: 1.5em;
	font-size: 15px;
}

.page_ownercompany .certification .title strong {
	font-weight: 700;
}

.page_ownercompany .certification .item {
	padding: 0 20px;
}

.page_ownercompany .certification .item li .img {
	position: relative;
}

.page_ownercompany .certification .item li .img::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #ddd;
	border-bottom: 0;
	box-sizing: border-box;
	content: "";
}

.page_ownercompany .certification .item li .img img {
	width: 100%;
}

.page_ownercompany .certification .item li h5 {
	display: block;
	padding: 0 20px;
	background: url('../images/ico_arw_b.svg') right 20px center no-repeat #009FE3;
	font-size: 12px;
	font-weight: 700;
	line-height: 48px;
	text-align: left;
	color: #fff;
}

.page_ownercompany .certification .item li p {
	display: none;
	padding: 20px 18px;
	border: 1px solid #ddd;
	border-top: 0;
	font-size: 12px;
	font-weight: 400;
	line-height: 22px;
	text-align: left;
	color: #373737;
}

.page_ownercompany .certification .item li p span {
	display: block;
}

.page_ownercompany .certification .item li+li {
	margin-top: 10px;
}

.page_ownercompany .certification .item li.on h5 {
	background-image: url('../images/ico_arw_t.svg');
}

.page_ownercompany .certification .item li.on p {
	display: block;
}


/* 주주회사 */
/* 2020-02-03 주주회사 수정 */
.page_ownercompany {
  position: relative;
}
.company .contents.page_ownercompany {
  padding-bottom: 0;
}
.page_ownercompany .stockholder .title {
  padding-bottom: 37px;
  line-height: 17px;
  color: #000000;
  line-height: 1.5em;
  font-size: 15px;
}
.page_ownercompany .stockholder .title span {
  color: #1f8cdd;
}
.page_ownercompany .stockholder .logo {
  padding-top: 45px;
}
.page_ownercompany .stockholder .since {
  font-size: 15px;
  color: #000;
}
.page_ownercompany .stockholder .desc_commom {
  padding: 13px 0 30px;
}
.page_ownercompany .stockholder .desc_commom p {
  padding-top: 17px;
}
.page_ownercompany .stockholder .desc_commom .emp {
  color: #1f8cdd;
}
.page_ownercompany .stockholder .yuhan {
  padding: 0 20px;
}
.page_ownercompany .stockholder .yuhan img {
  width: 185px;
}
.page_ownercompany .stockholder .kimberly {
  padding: 0 20px;
}
.page_ownercompany .stockholder .kimberly img {
  width: 229px;
}
.page_ownercompany .stockholder .kimberly .emp {
  margin-bottom: 7px;
}
.page_ownercompany .stockholder .tab_cont {
  display: none;
  padding-bottom: 75px;
}
.page_ownercompany .stockholder .tab_cont.on {
  display: block;
}
.page_ownercompany .stockholder .tit_paragraph {
  padding-top: 45px;
  margin-bottom: 10px;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  color: #373737;
}
.page_ownercompany .stockholder .tab_wrap {
  background-color: #f0f4f7;
}

/* 스마트워크 */
.page_smartwork {
  position: relative;
  padding-top: 80px;
}
.page_smartwork .box_slider {
  padding-bottom: 30px;
}
.page_smartwork .title_size01 {
  padding-top: 27px;
  margin-bottom: 25px;
  line-height: 25px;
}
.page_smartwork .in_cotn {
  padding-top: 31px;
}
.page_smartwork .top_txt {
  position: relative;
}
.page_smartwork .top_txt dt {
  margin-bottom: 16px;
  font-size: 19px;
  font-weight: 700;
  line-height: 20px;
}
.page_smartwork .top_txt dd {
  padding-bottom: 17px;
  font-size: 11px;
  line-height: 16px;
  color: #666;
}
.page_smartwork .effect {
  margin-bottom: 10px;
}
.page_smartwork .effect li img {
  height: 99px;
}
.page_smartwork .benchmarking {
  margin-bottom: 10px;
}
.page_smartwork .benchmarking li img {
  height: 165px;
}
.page_smartwork .benchmarking .bcmk img {
  width: 100%;
}
.page_smartwork .office {
  position: relative;
}
.page_smartwork .office dl {
  height: 188px;
}
.page_smartwork .office dt {
  height: 29px;
  padding-top: 19px;
  font-size: 14px;
  font-weight: 700;
  background: url(../images/bg_line_col_company.gif) no-repeat center bottom;
  -webkit-background-size: 32px 1px;
  background-size: 32px 1px;
}
.page_smartwork .office dd {
  padding-top: 11px;
  font-size: 11px;
  line-height: 16px;
  color: #666;
}
.page_smartwork .afterword {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.page_smartwork .afterword .word {
  display: block;
  padding: 19px 25px;
  line-height: 15px;
  color: #666666;
}
.page_smartwork .afterword .name {
  display: block;
  padding-top: 11px;
}
.page_smartwork .afterword .name .bold {
  color: #373737;
}
.page_smartwork .afterword .img img {
  max-width: 100%;
}
.page_smartwork .desc_center {
  padding: 18px 0 0;
}
.page_smartwork .desc_center p:first-child {
  padding-bottom: 17px;
}
.page_smartwork .tab_row div:nth-child(3) .afterword {
  padding-bottom: 0;
  margin-bottom: 0;
}

/* 가족친화경영 */
.page_friend {
  position: relative;
  padding-top: 80px;
}
.page_friend .award_get {
  position: relative;
}
.page_friend .award_get .title {
  margin-bottom: 12px;
  font-size: 28px;
  line-height: 37px;
}
.page_friend .award_get .title span {
  color: #1f8cdd;
}
.page_friend .award_get .desc_common {
  margin-bottom: 46px;
}
.page_friend .award_get .img_diagram {
  margin-bottom: 25px;
}
.page_friend .award_get .img_diagram img {
  max-width: 100%;
}

.page_friend .top_txt {
  position: relative;
}
.page_friend .top_txt dt {
  margin-bottom: 16px;
  font-size: 19px;
  font-weight: 700;
  line-height: 20px;
}
.page_friend .top_txt dd {
  padding: 0 15px 17px;
}
.page_friend .top_txt .pic img {
  width: 100%;
}
.page_friend .title_size01 {
  padding-top: 27px;
  margin-bottom: 25px;
  line-height: 25px;
}
.page_friend .clock {
  margin-top: 25px;
}
.page_friend .clock img {
  width: 164px;
}
.page_friend .box_slider dt {
  padding: 20px 0 15px;
  font-size: 14px;
  font-weight: 700;
}
.page_friend .box_slider dd {
  padding: 0 18px;
}
.page_friend .clock .bx-controls-direction a {
  margin-top: -115px;
}
.page_friend .clock dl {
  height: 189px;
}
.page_friend .clock.box_slider .bx-viewport {
  padding-bottom: 0;
}
.page_friend .babysitter dl {
  height: 203px;
}
.page_friend .babysitter dt {
  height: 34px;
  padding-bottom: 0;
  margin-bottom: 17px;
  background: url(../images/bg_line_col_company.gif) no-repeat center bottom;
  -webkit-background-size: 32px 1px;
  background-size: 32px 1px;
}
.page_friend .in_cotn {
  padding-top: 31px;
}
.page_friend .contribute {
  color: #1f8cdd;
}
.page_friend .contribute dt {
  height: 34px;
  padding-bottom: 0;
  margin-bottom: 17px;
  background: url(../images/bg_line_col_company.gif) no-repeat center bottom;
  -webkit-background-size: 32px 1px;
  background-size: 32px 1px;
}
.page_friend .school {
  position: relative;
}
.page_friend .school dt {
  padding: 32px 0 15px;
  font-size: 19px;
  line-height: 25px;
}
.page_friend .school dt span {
  font-weight: 700;
}
.page_friend .school dd {
  padding: 0 25px 17px;
}
.page_friend .school img {
  max-width: 100%;
}
.page_friend #tab03 .box_slider {
  margin-bottom: 9%;
  background: #f0f4f7;
}
.page_friend #tab03 .box_slider ul {
  margin-top: 5%;
}
.page_friend #tab03 .box_slider dl {
  height: 159px;
}
.page_friend #tab03 .bx-controls-direction a {
  margin-top: -90px;
}
/* 사업장 소개 */
.page_workplace {
  position: relative;
  padding-top: 50px;
}
.page_workplace .map_area {
  position: relative;
  padding-top: 20px;
}
.page_workplace .map_area .tit {
  font-family: "Godo", sans-serif;
  margin-bottom: 18px;
  font-size: 28px;
  line-height: 30px;
}
.page_workplace .map_area .mapBox div {
  position: relative;
  width: 320px;
  height: 321px;
  margin: 0 auto;
  background: url(../images/bg_workpalce_map01.gif) no-repeat 0 0;
  -webkit-background-size: 320px 321px;
  background-size: 320px 321px;
}
.page_workplace .map_area .mapBox .map01 {
  background-image: url(/Images/renewal2022/company/map.png);
}
.page_workplace .map_area .mapBox .map02 {
  background-image: url(/Images/renewal2022/company/map1.png);
}
.page_workplace .map_area .mapBox .map03 {
  background-image: url(/Images/renewal2022/company/map2.png);
}
.page_workplace .map_area .mapBox .map04 {
  background-image: url(/Images/renewal2022/company/map3.png);
}
.page_workplace .map_area .mapBox .map05 {
  background-image: url(/Images/renewal2022/company/map4.png);
}
.page_workplace .map_area .mapBox .map06 {
  background-image: url(/Images/renewal2022/company/map5.png);
}
.page_workplace .map_area .map {
  position: relative;
  width: 320px;
  height: 321px;
  margin: 0 auto;
  background: url(../images/bg_workpalce_map.gif) no-repeat 0 0;
  -webkit-background-size: 320px 321px;
  background-size: 320px 321px;
}
.page_workplace .map_area .map p {
  position: absolute;
}
.page_workplace .map_area .map a {
  display: block;
  background: url(../images/sprite_btn_map.png) no-repeat 0 0;
  -webkit-background-size: 600px 100px;
  background-size: 600px 100px;
  font-size: 0;
  color: tranparent;
}
.page_workplace .map_area .map p:nth-child(1) {
  top: 20px;
  left: 98px;
}
.page_workplace .map_area .map p:nth-child(1) a {
  width: 45px;
  height: 31px;
  background-position: 0 0;
}
.page_workplace .map_area .map p:nth-child(2) {
  top: 56px;
  left: 27px;
}
.page_workplace .map_area .map p:nth-child(2) a {
  width: 86px;
  height: 27px;
  background-position: -100px 0;
}
.page_workplace .map_area .map p:nth-child(3) {
  top: 59px;
  left: 138px;
}
.page_workplace .map_area .map p:nth-child(3) a {
  width: 87px;
  height: 27px;
  background-position: -200px 0;
}
.page_workplace .map_area .map p:nth-child(4) {
  top: 97px;
  left: 96px;
}
.page_workplace .map_area .map p:nth-child(4) a {
  width: 60px;
  height: 31px;
  background-position: -300px 0;
}
.page_workplace .map_area .map p:nth-child(5) {
  top: 164px;
  left: 154px;
}
.page_workplace .map_area .map p:nth-child(5) a {
  width: 60px;
  height: 31px;
  background-position: -400px 0;
}
.page_workplace .map_area .map p:nth-child(6) {
  top: 96px;
  left: 174px;
}
.page_workplace .map_area .map p:nth-child(6) a {
  width: 62px;
  height: 27px;
  background-position: -500px 0;
}
.page_workplace .map_area .map p.focus:nth-child(1) a {
  background-position: 0 -50px;
}
.page_workplace .map_area .map p.focus:nth-child(2) a {
  background-position: -100px -50px;
}
.page_workplace .map_area .map p.focus:nth-child(3) a {
  background-position: -200px -50px;
}
.page_workplace .map_area .map p.focus:nth-child(4) a {
  background-position: -300px -50px;
}
.page_workplace .map_area .map p.focus:nth-child(5) a {
  background-position: -400px -50px;
}
.page_workplace .map_area .map p.focus:nth-child(6) a {
  background-position: -500px -50px;
}
.page_workplace .map_area .desc {
  padding: 18px 20px 37px;
  font-size: 15px;
  color: #666666;
}
.page_workplace .map_area .desc span {
  color: #000000;
}
.page_workplace .bx-controls-direction {
  display: none;
}

.page_workplace .info_area {
  position: relative;
}
.page_workplace .info_area > div {
  position: relative;
}
.page_workplace .info_area .in_cotn {
  display: none;
  padding-bottom: 20px;
}
.page_workplace .info_area .in_cotn .txt dt {
  padding: 29px 0 15px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #000000;
}
.page_workplace .info_area .in_cotn .txt dd {
  padding: 0 20px 17px;
  color: #666666;
}
.page_workplace .info_area .in_cotn .txt .normal {
  font-weight: normal;
}
.page_workplace .info_area .img img {
  max-width: 100%;
}
.page_workplace .info_area .cut_one {
  margin-bottom: 22px;
}
.page_workplace .info_area div.address {
  position: relative;
  margin-bottom: 20px;
}
.page_workplace .info_area div.address.v_office {
  padding: 18px 0 16px 27px;
  background-color: #1f1f1f;
  text-align: left;
  font-size: 13px;
}
.page_workplace .info_area div.address.v_office p {
  color: #fff;
}
.page_workplace .info_area div.address.v_office p span {
  padding-right: 9px;
  margin-right: 8px;
  background: url(../images/bu_bar_company_workpalce01.gif) no-repeat right
    center;
  -webkit-background-size: 1px 9px;
  background-size: 1px 9px;
}
.page_workplace .info_area p.address {
  position: relative;
  padding: 0 0 7px;
}
.page_workplace .info_area p.address .area01 {
  display: block;
  padding-top: 18px;
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: 700;
}
.page_workplace .info_area p.address .area02 {
  font-size: 12px;
  color: #1f8cdd;
}
.page_workplace .info_area p.address .area02 span {
  padding-right: 9px;
  margin-right: 8px;
  background: url(../images/bu_bar_company_workpalce02.gif) no-repeat right
    center;
  -webkit-background-size: 1px 9px;
  background-size: 1px 9px;
}
.page_workplace .info_area .address.v_office dt {
  padding-top: 18px;
  color: #fff;
}
.page_workplace .info_area .address.v_office dd {
  color: #b6b6b6;
}
.page_workplace .info_area .focus .in_cotn {
  display: block;
}
.page_workplace .info_area .box_map {
  position: relative;
}
.page_workplace .info_area .box_map img {
  max-width: 100%;
}

/* 평생학습 */
.page_learning {
  position: relative;
  padding-top: 80px;
}
.page_learning .tit {
  padding: 0 0 37px;
  font-size: 28px;
  line-height: 37px;
}
.page_learning .tit span {
  color: #1f8cdd;
}
.page_learning .stydu_img {
  padding-top: 0;
  position: relative;
}
.page_learning .stydu_img li img {
  max-width: 100%;
}
.page_learning .stydu_img .desc_common {
  padding: 18px 0 0;
}
.page_learning .stydu_img .desc_common p {
  padding: 0 25px 17px;
}
.page_learning .rotaiion {
  position: relative;
  padding-bottom: 0;
}
.page_learning .rotaiion .desc_slide {
  padding-top: 38px;
  background-color: #f1f2f7;
}
.page_learning .rotaiion nav {
  position: relative;
  padding-bottom: 40px;
  background-color: #f1f2f7;
}
.page_learning .rotaiion nav .bx-controls-direction {
  margin-top: -30px;
}
.page_learning .rotaiion .desc_re {
  padding: 38px 25px 0;
}
.page_learning .rotaiion .desc_re dt {
  margin-bottom: 15px;
}
.page_learning .rotaiion .desc_re dd {
  padding-bottom: 0;
}
.page_learning .rotaiion dd {
  padding-bottom: 15px;
}
.page_learning .rotaiion li img {
  width: 181px;
}
.page_learning .rotaiion .diagram {
  padding: 40px 37px;
}
.page_learning .rotaiion .diagram img {
  max-width: 100%;
}
.page_learning .result {
  background-color: #f0f4f7;
  padding-bottom: 40px;
}
.page_learning .result nav {
  padding-top: 39px;
}
.page_learning .result li {
  line-height: 16px;
  color: #000000;
}
.page_learning .result li img {
  margin-bottom: 17px;
  height: 49px;
}

/* 일맘컨퍼런스 */
.page_workmom .big_tit {
  padding: 45px 0 18px;
  font-size: 28px;
  line-height: 37px;
}
.page_workmom .medium_tit {
  padding: 39px 0 13px;
  font-size: 18px;
  line-height: 21px;
  font-weight: 700;
}
.page_workmom .workmom_conf {
  margin-top: 35px;
}
.page_workmom .workmom_conf .small_tit {
  padding: 15px 0 13px;
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
  background: url(../images/bu_topbar_company_workmom.gif) no-repeat center top;
  -webkit-background-size: 29px 3px;
  background-size: 29px 3px;
}
.page_workmom .workmom_conf ul li {
  text-align: center;
}
.page_workmom .workmom_conf .btn_common {
  display: block;
}
.page_workmom .workmom_conf .workmom_btnArea {
  position: relative;
}
.page_workmom .workmom_conf .workmom_btnArea ul {
  margin: 22px 0 45px;
}
.page_workmom .workmom_conf .workmom_btnArea ul span {
  margin-top: 3px;
  display: inline-block;
}
.page_workmom .workmom_conf .workmom_btnArea .group {
  font-size: 8px;
  margin: 0;
  line-height: 30px;
}
.page_workmom .workmom_about {
  background: #f0f4f7 url(../images/img_workmom_bg.jpg) no-repeat left bottom;
  -webkit-background-size: 99px 87px;
  background-size: 99px 87px;
}
.page_workmom .workmom_about dl {
  margin-bottom: 20px;
}
.page_workmom .workmom_about .photoList ul li img {
  max-width: 100%;
}
.page_workmom .workmom_about .photoList .photo {
  margin-bottom: 19px;
  padding: 0 74px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.page_workmom .workmom_about .photoList .bx-controls-direction {
  height: 25px;
  margin-top: -33px;
}
.page_workmom .workmom_event .workmom_evebtList {
  width: 310px;
  margin: 0 auto;
  padding-bottom: 15px;
}
.page_workmom .workmom_event .workmom_evebtList li {
  padding: 10px 0;
  border-top: 1px solid #eaeaea;
  text-align: center;
}
.page_workmom .workmom_event .workmom_evebtList li.last {
  border-bottom: 1px solid #eaeaea;
}
.page_workmom .workmom_event .workmom_evebtList li dl:after {
  display: block;
  content: "";
  clear: both;
}
.page_workmom .workmom_event .workmom_evebtList li dl dt {
  float: left;
}
.page_workmom .workmom_event .workmom_evebtList li dl dt img {
  width: 133px;
}
.page_workmom .workmom_event .workmom_evebtList li dl dd {
  float: left;
  padding: 19px 10px;
  font-size: 14px;
  text-align: left;
  color: #373737;
}
.page_workmom .workmom_corps_pop {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -157px;
  width: 290px;
  padding: 10px 10px 20px;
  border: 2px solid #1f8cdd;
  background: #fff;
  color: #666;
  z-index: 999;
}
.page_workmom .workmom_corps_pop .medium_tit {
  color: #373737;
  padding: 20px 0;
}
.page_workmom .workmom_corps_pop .desc_sub {
  padding-bottom: 20px;
}
.page_workmom .workmom_corps_pop .box1 {
  text-align: left;
  padding: 15px 0;
  border-top: 1px solid #1f8cdd;
  border-bottom: 1px solid #1f8cdd;
  font-size: 0.95em;
}
.page_workmom .workmom_corps_pop .box1 span {
  padding-left: 10px;
}
.page_workmom .workmom_corps_pop .box2 {
  text-align: left;
  padding: 20px 10px 0;
  font-size: 0.95em;
}
.page_workmom .workmom_corps_pop .box2 p {
  color: #1f8cdd;
}
.page_workmom .workmom_corps_pop .box2 ul {
  margin: 5px 0;
}
.page_workmom .workmom_corps_pop .box2 li {
  text-align: left;
}
.page_workmom .workmom_corps_pop .btnClose {
  position: absolute;
  top: 10px;
  right: 10px;
}

/* 경영성과 */
.page_manageResult {
  position: relative; /* padding-top:80px; */
}
.page_manageResult .graph {
  padding: 70px 18px 29px;
  margin-bottom: 50px;
  background: #f0f4f7;
}
.page_manageResult .graph img {
  max-width: 100%;
}
.page_manageResult .info {
  height: 79px;
}
.page_manageResult .info > span {
  display: inline-block;
  position: relative;
  width: 62px;
  height: 62px;
  margin-left: 15px;
  color: #fff;
  font-weight: 700;
  background: url(../images/sprite_result_graph_info.gif) no-repeat 0 0;
  -webkit-background-size: 75px 225px;
  background-size: 75px 225px;
}
.page_manageResult .info > span:first-child {
  margin-left: 0;
}
.page_manageResult .info > span:nth-child(1) {
  background-position: 0 0;
}
.page_manageResult .info > span:nth-child(2) {
  background-position: 0 -75px;
}
.page_manageResult .info > span:nth-child(3) {
  background-position: 0 -150px;
}
.page_manageResult .info > span span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin-top: -9px;
}
.page_manageResult .graph_cap {
  text-align: right;
  margin: 0 13px 5px;
}
.page_manageResult .table_common th {
  border-left: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  font-size: 15px;
}
.page_manageResult .table_common th:first-child {
  border-left: 0 none;
}
.page_manageResult .table_common th,
.page_manageResult .table_common td {
  font-size: 14px;
  padding: 9px 0;
}
.page_manageResult .table_common td.blue {
  color: #1f8cdd;
}
.page_manageResult .table_common td.red {
  color: #cf5b48;
}

/* 히스토리 */
.page_history {
  position: relative;
  padding: 50px 13px 0;
}
.page_history .fc_history {
  color: #1870b1 !important;
}
.page_history .focus {
  display: block !important;
}
.page_history .history_scroll {
  display: none;
  background: url(../images/bg_line_row_history.gif) repeat-y 4px 0;
  position: relative;
  z-index: 70;
}
.page_history .history_scroll .month {
  position: relative;
  margin-bottom: 35px;
}
.page_history .history_scroll .month.mg_bottom {
  margin-bottom: 30px;
}
.page_history .history_scroll .month .ico_spot {
  position: absolute;
  left: -1px;
  top: -2px;
  margin-left: 0px;
}
.page_history .history_scroll .month .ico_spot img {
  height: 11px;
}

.page_history .history_scroll .date {
  padding: 0 0 7px 15px;
  color: #373737;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
}
.page_history .history_scroll .desc_txt {
  padding-left: 19px;
  font-size: 14px;
  color: #666666;
  margin-top: 6px;
  text-align: left;
  letter-spacing: -0.003em;
}
.page_history .history_scroll .bg_emphasis {
  background-color: #1f8cdd;
  color: #fff;
  font-style: italic;
  font-size: 15px;
  padding: 2px 5px 2px 0;
}
.page_history .history_scroll .img {
  margin-top: 18px;
  padding: 0 0 0 19px;
  text-align: left;
}
.page_history .num_year {
  background-color: #fff;
}
.page_history .num_year img {
  height: 40px;
  padding-bottom: 40px;
}
.page_history .tab_history {
  position: relative;
}
.page_history .tab_history ul {
  overflow: hidden;
  border-top: 1px solid #e7e7e7;
  border-bottom: 0 none;
}
.page_history .tab_history li {
  position: relative;
  float: left;
  width: 50%;
  height: 33px;
  border-bottom: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.page_history .tab_history li.focus {
  border-left: none;
}
.page_history .tab_history li:nth-child(odd) {
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}
.page_history .tab_history li a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 6px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.page_history .tab_history li.focus a {
  background-color: #1f8cdd;
}
.page_history .btn_history {
  height: 25px;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  z-index: 100;
}
.page_history .btn_history a {
  position: absolute;
  top: 0px;
  width: 13px;
  height: 25px;
}
.page_history .btn_history a.btn_prev {
  left: 13px;
  background-position: 0 -150px;
}
.page_history .btn_history a.btn_next {
  right: 13px;
  background-position: -50px -150px;
}

.page_history .tab_history li a span {
  font-family: "Rubik", sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #bbb;
}
.page_history .tab_history li.focus a span {
  color: #fff;
}

/* 수출현황 CLASS : company_export  */
.company_export {
  padding-bottom: 0 !important;
}
.company_export .inquiry_step {
  position: relative;
}
.company_export .inquiry_step:after {
  display: block;
  clear: both;
  content: "";
}
.company_export .inquiry_step .flag_wrap {
  display: none;
}
.company_export .inquiry_step .on .flag_wrap {
  display: block;
}
.company_export .inquiry_step .flag_wrap ul:after {
  display: block;
  clear: both;
  content: "";
}
.company_export .inquiry_step .flag_wrap li {
  float: left;
  width: 20%;
  text-align: center;
  margin-bottom: 25px;
}
.company_export .inquiry_step .flag_wrap li span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.company_export .inquiry_step .flag_wrap li .country {
  font-size: 9px;
  line-height: 11px;
  color: #373737;
  display: block;
  padding-top: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.company_export .map_img {
  position: relative;
  margin: 40px auto 25px;
  max-width: 640px;
}
.company_export .map_img ul {
  position: absolute;
  left: 0;
  top: 0;
}
.company_export .map_img li {
  display: none;
}
.company_export .map_img img {
  width: 100%;
}
.company_export .map_cap {
  text-align: right;
}
/*.company_export .map_img img {width:320px; height:161px;}*/

.company_export .tabs {
  position: relative;
  margin-bottom: 23px;
}
.company_export .tabs ul {
  overflow: hidden;
  border: 1px solid #e7e7e7;
  border-bottom: 0 none;
}
.company_export .tabs li {
  position: relative;
  float: left;
  width: 33%;
  height: 28px;
  border-bottom: 1px solid #e7e7e7;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.company_export .tabs li:nth-child(2),
.company_export .tabs li:nth-child(5),
.company_export .tabs li:nth-child(8),
.company_export .tabs li:nth-child(11) {
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  width: 34%;
}
.company_export .tabs li:nth-child(7) {
  border-right: 1px solid #e7e7e7;
  margin-left: 1px;
}
.company_export .tabs li a {
  display: block;
  padding: 7px 0 8px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  height: 11px;
  line-height: 11px;
}
.company_export .tabs li span {
  height: 11px;
  margin: 0 auto 0;
  color: #c3c2c2;
  font-weight: 700;
  display: inline-block;
  font-size: 9px;
  line-height: 11px;
}
.company_export .tabs li.focus {
  background-color: #fff;
}
.company_export .tabs li.focus span {
  color: #fff;
}
.company_export .tabs li.focus a {
  top: -1px;
  padding-top: 8px;
  height: 12px;
  background: url(../images/bg_tab_history_year.png) repeat 0 0;
  -webkit-background-size: 55px;
  background-size: 55px;
}

/* //////////////////////////////////////////// */
/* //////////////    주요제품     ////////////// */
/* ///////           2 menu             /////// */
/* //////////////////////////////////////////// */
.product {
  position: relative;
  text-align: center;
}

.product > header {
  background-color: #804aaa;
}

/* 메인 */
.page_prodMain {
  position: relative;
  padding-top: 50px;
}
.page_prodMain .tab_product {
  position: relative;
}
.page_prodMain .tab_product ul {
  isplay: -webkit-flex;
  display: flex;
  display: -webkit-box;
}
.page_prodMain .tab_product li {
  webkit-flex: 1;
  flex: 1;
  -webkit-box-flex: 1;
  text-align: center;
}
.page_prodMain .tab_product li a {
  display: block;
  height: 35px;
  font-size: 12px;
  color: #a9a9a9;
  line-height: 35px;
  border-bottom: 1px solid #ededed;
  font-weight: 700;
}
.page_prodMain .tab_product li.focus a {
  color: #5f387e;
}
.page_prodMain .box_product {
  position: relative;
}
.page_prodMain .box_product .img_main a {
  display: block;
  height: 300px;
  background: url(../images/sprite_main_product.jpg) no-repeat 0 0;
  -webkit-background-size: 100% 1800px;
  background-size: 100% 1800px;
  color: transparent;
  font-size: 0;
}
.page_prodMain .v_prod01 .img_main a {
  background-position: 0 0;
}
.page_prodMain .v_prod02 .img_main a {
  background-position: 0 -300px;
}
.page_prodMain .v_prod03 .img_main a {
  background-position: 0 -600px;
}
.page_prodMain .v_prod04 .img_main a {
  background-position: 0 -900px;
}
.page_prodMain .v_prod05 .img_main a {
  background-position: 0 -1200px;
}
.page_prodMain .v_prod06 .img_main a {
  background-position: 0 -1500px;
}

.page_prodMain .list_sub {
  display: none;
  padding: 40px 10px;
  position: relative;
}
.page_prodMain .list_sub ul {
  overflow: hidden;
  width: 300px;
  margin: 0 auto;
}
.page_prodMain .list_sub li {
  float: left;
  margin-top: 10px;
  background-image: url(../images/sprite_main_product_sub_new_re.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: 600px 1050px;
  background-size: 600px 1050px;
}
.page_prodMain .list_sub li:nth-child(odd) {
  margin-right: 10px;
}
.page_prodMain .list_sub li:nth-child(1),
.page_prodMain .list_sub li:nth-child(2) {
  margin-top: 0;
}
.page_prodMain .list_sub li.two_line_alone {
  float: none;
  width: 145px;
  margin: 155px auto 0;
}
.page_prodMain .list_sub a {
  display: block;
  width: 145px;
  height: 145px;
  font-size: 0;
  color: transparent;
}
.page_prodMain .v_prod01 .list_sub li:nth-child(1) {
  background-position: 0 0;
}
/*.page_prodMain .v_prod01 .list_sub li:nth-child(2) { background-position: -150px 0;}*/
.page_prodMain .v_prod01 .list_sub li:nth-child(2) {
  background-position: -300px 0;
}
.page_prodMain .v_prod01 .list_sub li:nth-child(3) {
  background-position: -450px 0;
}

/* 220314 추가 */
.page_prodMain .v_prod01 .list_sub li:nth-child(4) {
  background-position: -150px -600px;
}

.page_prodMain .v_prod02 .list_sub li:nth-child(1) {
  background-position: 0 -150px;
}
.page_prodMain .v_prod02 .list_sub li:nth-child(2) {
  background-position: -150px -150px;
}
.page_prodMain .v_prod02 .list_sub li:nth-child(3) {
  background-position: -450px -150px;
}
.page_prodMain .v_prod03 .list_sub li:nth-child(1) {
  background-position: -150px -300px;
}
.page_prodMain .v_prod03 .list_sub li:nth-child(2) {
  background-position: 0 -300px;
}
.page_prodMain .v_prod03 .list_sub li:nth-child(3) {
  background-position: -300px -300px;
}
.page_prodMain .v_prod03 .list_sub li:nth-child(4) {
  background-position: -450px -300px;
}
.page_prodMain .v_prod04 .list_sub li:nth-child(1) {
  background-position: 0 -450px;
}
.page_prodMain .v_prod04 .list_sub li:nth-child(2) {
  background-position: -150px -450px;
}
.page_prodMain .v_prod05 .list_sub li:nth-child(1) {
  background-position: 0 -600px;
}
.page_prodMain .v_prod05 .list_sub li:nth-child(2) {
  background-position: -150px -600px;
}

.page_prodMain .v_prod06 .list_sub li {
  margin: 0;
  width: 33.3%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-bottom: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}
/* .page_prodMain .v_prod06 .list_sub li:nth-child(3n+2){ border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;} */
.page_prodMain .v_prod06 .list_sub li:nth-child(3n) {
  border-right: none;
}
.page_prodMain .v_prod06 .list_sub li a {
  width: 100px;
  height: 100px;
}
.page_prodMain .v_prod06 .list_sub li:nth-child(4) {
  background-position: 0px -750px;
}
.page_prodMain .v_prod06 .list_sub li:nth-child(5) {
  background-position: -100px -750px;
}
.page_prodMain .v_prod06 .list_sub li:nth-child(6) {
  background-position: -200px -750px;
}
.page_prodMain .v_prod06 .list_sub li:nth-child(7) {
  background-position: -200px -900px;
  border-bottom: none;
}
.page_prodMain .v_prod06 .list_sub li:nth-child(2) {
  background-position: -300px -750px;
  border-top: 0 none;
}
.page_prodMain .v_prod06 .list_sub li:nth-child(1) {
  background-position: 0px -900px;
  border-top: 0 none;
}
.page_prodMain .v_prod06 .list_sub li:nth-child(3) {
  background-position: -100px -900px;
  border-top: 0 none;
}
/* .page_prodMain .v_prod06 .list_sub li:nth-child(9){ background-position: -400px -750px;} */
/* .page_prodMain .v_prod06 .list_sub li:nth-child(8){ background-position: -400px -750px;} */

.page_prodMain .box_product .btn_close {
  position: absolute;
  top: 11px;
  left: 0;
  width: 100%;
}
.page_prodMain .box_product .btn_close a {
  display: block;
  width: 17px;
  height: 17px;
  margin: 0 auto;
  background-position: -150px -150px;
}

.page_prodMain .focus .img_main {
  display: none;
}
.page_prodMain .focus .list_sub {
  display: block;
}

.page_prodMain .brand_banner {
  width: 278px;
  margin: 34px auto 40px;
}
.page_prodMain .brand_banner .img_banner_wrap:after {
  display: block;
  clear: both;
  content: "";
}
.page_prodMain .brand_banner p {
  float: left;
}
.page_prodMain .brand_banner p.m1 {
  width: 91px;
  margin-right: 25px;
}
.page_prodMain .brand_banner p.m2 {
  width: 162px;
}
.page_prodMain .brand_banner p img {
  width: 100%;
}
.pop_product .box_slider .btnMore {
  position: absolute;
  top: 25px;
  right: 15px;
}
.pop_product .box_slider .btnMore a {
  font-size: 14px;
  color: #000;
}
.pop_product .box_slider .btnMore a span {
  color: #8c8c8c;
}

/* 제품안전 정책 */
.company .contents.page_prodSafety {
  padding-bottom: 0;
}
.page_prodSafety {
  box-sizing: border-box;
}
.page_prodSafety * {
  box-sizing: border-box;
}
.page_prodSafety .tit_visual {
  font-family: "Godo", sans-serif;
  line-height: 1.3em;
  margin-bottom: 10px;
  font-size: 28px;
}
.page_prodSafety .tit_visual .tit_sub {
  display: block;
  font-size: 20px;
  margin-top: -5px;
}
.page_prodSafety .tit_visual .f_company {
  color: #1f8cdd;
}
.page_prodSafety .safety_info_txt {
  background-color: #f3f3f3;
  padding: 65px 20px 50px;
}
.page_prodSafety .safety_info_txt .desc_main {
  font-size: 15px;
  color: #666;
  line-height: 1.6em;
  font-weight: 300;
}
.page_prodSafety .tab_arrow {
  padding-top: 52px;
}
.page_prodSafety .tab_arrow li a,
.page_prodSafety .tab_arrow li button {
  background-color: #eee;
}
/*.page_prodSafety .safety_step{overflow-x:auto; overflow-y:hidden; margin-bottom:35px; text-align:center; font-weight:300;}
.page_prodSafety .safety_step .inner {overflow:hidden; width:1040px; padding:0 20px; margin:0 auto;}
.page_prodSafety .safety_step ul {margin:30px -55px 15px 0;}
.page_prodSafety .safety_step li {position:relative; float:left; width:25%; text-align:center; padding-right:55px;}
.page_prodSafety .safety_step li:before {content:""; position:absolute; top:36%; right:15px; width:29px; height:38px; background: url(../images/main2020/product/icon_gray_arrow.png) no-repeat center; background-size:contain;}
.page_prodSafety .safety_step .img_wrap {position:relative;}
.page_prodSafety .safety_step .img_wrap img {width:190px;}
.page_prodSafety .safety_step li:nth-child(3):before {height:90px; top:27%; background: url(../images/main2020/product/icon_arrow_twoway.png) no-repeat center; background-size:contain;}
.page_prodSafety .safety_step li:nth-child(4):before {display:none;}
.page_prodSafety .safety_step .thumb_desc {white-space:nowrap;}
.page_prodSafety .safety_step .thumb_desc .tit {padding:25px 0 5px; line-height:1.3em; font-family:'Godo', sans-serif; font-size:18px; font-weight:600;}
.page_prodSafety .safety_step .thumb_desc .desc {line-height:1.7em; font-size:12px; color:#666;}
.page_prodSafety .safety_step .thumb_desc .desc > p:before {content:""; display:inline-block; vertical-align:middle; width:2px; height:2px; margin-right:5px; border-radius:50%; background-color:#666;}*/

.page_prodSafety .safety_step {
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: 20px;
}
.page_prodSafety .safety_step .img_wrap {
  width: 988px;
  padding: 0 20px;
  margin: 35px auto;
}
.page_prodSafety .safety_step .img_wrap img {
  max-width: 100%;
}
.page_prodSafety .product_manage {
  padding: 0 16px;
  padding-bottom: 70px;
  background-color: #f0f4f7;
}
.page_prodSafety .product_manage .tit_paragraph {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 17px;
  text-align: center;
}
.page_prodSafety .product_manage .sub_title {
  font-size: 14px;
  line-height: 1.8;
  color: #666;
  text-align: center;
  font-weight: 300;
  letter-spacing: -0.05em;
}
.page_prodSafety .product_manage > div {
  padding-top: 50px;
}
.page_prodSafety .product_manage .product_logo {
  padding: 20px 0 10px;
  text-align: center;
}
.page_prodSafety .product_manage .product_logo ul {
  display: inline-block;
}
.page_prodSafety .product_manage .product_logo ul li {
  float: left;
  margin-left: 35px;
}
.page_prodSafety .product_manage .product_logo ul li:first-child {
  margin-left: 0;
}
.page_prodSafety .product_manage .product_logo ul li:first-child img {
  width: 63px;
}
.page_prodSafety .product_manage .product_logo ul li:nth-child(2) img {
  width: 77px;
}

/*2020_Product_제품 및 원료의 안전성*/
.page_prodSafety .safety_material {
  padding-top: 45px;
}
.page_prodSafety .safety_material .f_black {
  color: #000;
  font-weight: 600;
}
.page_prodSafety .safety_material .tit_paragraph {
  padding: 0 20px;
  margin-bottom: 10px;
  font-size: 17px;
  color: #373737;
  font-weight: 600;
  text-align: center;
}
.page_prodSafety .safety_material .sub_title {
  padding: 0 20px;
  font-size: 14px;
  line-height: 1.8;
  color: #666;
  text-align: center;
  font-weight: 300;
}
.page_prodSafety .safety_material .icon_link {
  position: relative;
  padding-right: 14px;
  color: #000;
  font-weight: 600;
}
.page_prodSafety .safety_material .icon_link:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
}
.page_prodSafety .safety_material .icon_link:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -5px;
  margin-right: 2px;
  width: 11px;
  height: 11px;
  background: url(../images/main2020/product/product_icon_link.png) no-repeat
    center;
  background-size: contain;
}
.page_prodSafety .safety_material .material {
  margin: 30px auto 0;
  padding: 0 20px 45px;
}
.page_prodSafety .safety_material .material ul {
}
.page_prodSafety .safety_material .material li {
  padding: 0 10px 20px 10px;
  margin: 0 auto;
}
.page_prodSafety .safety_material .material li .wrap {
  max-width: 320px;
  min-height: 260px;
  padding: 20px 4px 30px 20px;
  border: 1px solid #d9d9d9;
  border-radius: 15px;
  margin: 0 auto;
  box-shadow: 0 4px 10px #e5e5e5;
}
.page_prodSafety .safety_material .material .title {
  font-family: "Godo", sans-serif;
  font-size: 16px;
  color: #373737;
}
.page_prodSafety .safety_material .material .bg_blue {
  position: relative;
  display: inline-block;
  padding: 0 5px;
}
.page_prodSafety .safety_material .material .bg_blue:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background-color: #d8eaf7;
  z-index: -1;
}
.page_prodSafety .safety_material .material .desc {
  padding: 10px 3px 0;
  font-size: 14px;
  color: #666;
  font-weight: 300;
  line-height: 1.7;
  letter-spacing: -0.04em;
}
.page_prodSafety .safety_material .material .slick-arrow {
  position: absolute;
  top: 38%;
  width: 14px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-size: 0;
}
.page_prodSafety .safety_material .material .slick-arrow.slick-prev {
  left: -15px;
  background-image: url(../images/main2020/product/arrow_slide_prev.png);
}
.page_prodSafety .safety_material .material .slick-arrow.slick-next {
  right: -15px;
  background-image: url(../images/main2020/product/arrow_slide_next.png);
}
.page_prodSafety .safety_material .material .slick-dots {
  display: inline-block;
  font-size: 0;
}
.page_prodSafety .safety_material .material .slick-dots li {
  display: inline-block;
  padding: 0;
  margin-right: 17px;
  font-size: 0;
}
.page_prodSafety .safety_material .material .slick-dots li:last-child {
  margin-right: 0;
}
.page_prodSafety .safety_material .material .slick-dots li button {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #d3d3d3;
  font-size: 0;
}
.page_prodSafety .safety_material .material .slick-dots li.slick-active button {
  background: url(../images/bg_pager_blue.png) no-repeat center;
  background-size: cover;
}
.page_prodSafety .safety_material .chemicals {
  padding: 10px 20px 70px;
  background-color: #f0f4f7;
}
.page_prodSafety .safety_material .chemicals > div {
  padding-top: 40px;
}
.page_prodSafety .safety_material .chemicals .sub_title {
  padding: 0;
  letter-spacing: -0.05em;
}

/* //////////////////////////////////////////// */
/* //////////////    사회책임경영     ////////////// */
/* ///////           society             /////// */
/* //////////////////////////////////////////// */
.society {
  position: relative;
  text-align: center;
}

.society .contents {
  padding-bottom: 80px;
  padding-top: 50px;
}

.society > header {
  background-color: #589924;
}

.society .f_page {
  color: #589924;
}

.society table .f_org {
  color: #589924;
}

/* Tab */
.society .tab_common li.focus {
  background-image: url(../images/bg_tab_arrow_society.png);
}
.society .tab_common li.focus a {
  background-color: #589924;
  background-position: right -178px;
}
.society .tab_row .tab_list_item {
  position: relative;
}
.society .tab_row .focus .tab_list_item {
  background-image: url(../images/bg_tab_arrow_society.png);
}
.society .tab_row .focus .tab_list_item a {
  background-color: #589924;
  background-position: right -177px;
}

/* 버튼 */
.society .btn_common a {
  background-color: #589924;
  background-position: right -184px;
}
.society .btn_common.v_height a {
  background-position: right -175px;
}
.society .box_data span.btn_sear a {
  background-position: right -182px;
}

/* sldier */
.society .box_slider .bx-pager .bx-pager-item a.active {
  background-position: -100px -200px;
}

/* tab */
.society .inquiry_step ul {
  text-align: center;
  font-size: 0;
}
.society .inquiry_step li {
  float: none;
  display: inline-block;
  vertical-align: top;
  max-width: 170px;
}
.society .inquiry_step li.on a {
  background: #589924 url(../images/btn_bgmng.png) no-repeat right bottom;
  color: #fff;
  background-size: 24px 12px;
}
.society .inquiry_step li.on span.arrow {
  display: block;
  width: 100%;
}
.society .inquiry_step > ul > li > span.arrow {
  background: url(../images/arrow_green.png) no-repeat center top;
  background-size: 7px 4px;
}

/*우리강산푸르게푸르게*/
.society .contents.page_wpp {
  padding-bottom: 0;
}
.page_wpp {
  box-sizing: border-box;
}
.page_wpp * {
  box-sizing: border-box;
}
.page_wpp img {
  max-width: 100%;
}
.page_wpp .tab_arrow {
  margin-bottom: 10px;
}
.page_wpp .green {
  color: #589924;
}
.page_wpp .top_title {
  padding: 0 20px;
  margin-bottom: 50px;
}
.page_wpp .top_title .title {
  margin-bottom: 15px;
  font-family: "Godo", sans-serif;
  font-size: 25px;
  color: #010101;
  font-weight: 700;
  line-height: 1.3em;
}
.page_wpp .top_title .title .side {
  display: block;
  font-family: "Noto Sans KR", "Nanum Gothic", "NanumGothic", "나눔고딕", "돋움",
    Dotum, AppleSDGothicNeo, AppleGothic, Droid Sans;
  font-size: 17px;
  color: #373737;
  line-height: 1.5em;
}
.page_wpp .top_title .desc {
  margin-bottom: 15px;
  font-size: 15px;
  color: #666;
  line-height: 1.6em;
}
.page_wpp .top_title .desc_img {
  font-size: 0;
  text-align: center;
}
.page_wpp .top_title .desc_img ul {
  display: inline-block;
}
.page_wpp .top_title .desc_img li {
  display: inline-block;
  vertical-align: bottom;
}
.page_wpp .top_title .desc_img li:first-child {
  width: 125px;
  margin-right: 20px;
}
.page_wpp .top_title .desc_img li:last-child {
  width: 65px;
}
.page_wpp .top_title .desc_img img {
  max-width: 100%;
}
.page_wpp .section {
}
.page_wpp .detail_title {
  margin: 35px 0 0 0;
  font-family: "Godo", sans-serif;
  font-size: 20px;
  color: #373737;
}
.page_wpp .section_box .sub_title {
  margin-bottom: 10px;
  font-size: 18px;
  color: #000;
  font-weight: 400;
  line-height: 1.3em;
}
.page_wpp .section_box .sub_title .side {
  display: block;
  font-size: 13px;
  font-weight: 500;
}
.page_wpp .section_box .sub_title strong {
  font-weight: 700;
}
.page_wpp .section_box .thumb_wrap {
  position: relative;
  width: 100%;
  padding-bottom: 59.73%;
}
.page_wpp .section_box .thumb_wrap > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page_wpp .section_box .thumb_wrap .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.page_wpp .section_box .desc_box {
  padding: 25px 20px 50px;
}
.page_wpp .section_box .desc {
  color: #666;
  line-height: 1.6em;
}

.page_wpp.page_land .top_title {
  margin-bottom: 30px;
}
.page_wpp.page_land .top_title .title {
  position: relative;
  font-size: 28px;
  line-height: 1.3em;
}
.page_wpp.page_land .top_title .title:before,
.page_wpp.page_land .top_title .title:after {
  content: "";
  position: absolute;
  width: 25px;
  height: 1px;
  background-color: #589924;
  transform: rotate(135deg);
}
.page_wpp.page_land .top_title .title:before {
  top: 0;
  left: -15px;
}
.page_wpp.page_land .top_title .title:after {
  bottom: 20px;
  right: 5px;
}
.page_wpp.page_land .top_title .title .small {
  display: block;
  font-size: 20px;
  line-height: 1.1em;
}
.page_wpp.page_land .content_list {
  padding: 0 20px;
  margin-bottom: 50px;
}
.page_wpp.page_land .content_list .box {
  position: relative;
}
.page_wpp.page_land .content_list .text_wrap {
  width: 100%;
  height: 100%;
  font-size: 15px;
  color: #000;
}
.page_wpp.page_land .content_list .text_wrap .number {
  display: block;
  margin-bottom: 7px;
  font-family: "Rubik", sans-serif;
  font-size: 25px;
  color: #c1c1c1;
  font-weight: 500;
}
.page_wpp.page_land .content_list .table {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}
.page_wpp.page_land .content_list .table_cell {
  display: table-cell;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}
.page_wpp.page_land .content_list li:nth-child(odd) .box {
  padding-right: 46.77%;
}
.page_wpp.page_land .content_list li:nth-child(even) .box {
  padding-left: 46.77%;
}
.page_wpp.page_land .content_list li:nth-child(odd) .box > div:last-child {
  position: absolute;
  top: 0;
  right: 0;
  width: 46.77%;
}
.page_wpp.page_land .content_list li:nth-child(even) .box > div:last-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 46.77%;
}
.page_wpp.page_land .strategy {
  padding: 50px 20px;
  background-color: #f0f7ea;
}
.page_wpp.page_land .strategy .title {
  margin-bottom: 10px;
  font-size: 18px;
  color: #000;
  font-weight: 500;
}
.page_wpp.page_land .strategy .title .side {
  display: block;
  font-size: 16px;
}
.page_wpp.page_land .strategy .desc {
  margin-bottom: 30px;
  color: #666;
}
.page_wpp.page_land .strategy .summary {
  margin-top: 15px;
  font-size: 19px;
  font-weight: 500;
}
.page_wpp.page_land .activity {
  padding: 50px 0 30px;
}
.page_wpp.page_land .activity li {
  margin-bottom: 50px;
}
.page_wpp.page_land .activity .title {
  margin-bottom: 15px;
  font-size: 18px;
  color: #000;
  font-weight: 500;
}
.page_wpp.page_land .activity .thumb_wrap {
  margin-bottom: 20px;
}
.page_wpp.page_land .activity .cont_wrap {
  padding: 0 20px;
  text-align: center;
}
.page_wpp.page_land .activity .cont_wrap .title {
  position: relative;
  padding: 20px 0;
  color: #373737;
}
.page_wpp.page_land .activity .cont_wrap .title .number {
  position: absolute;
  display: block;
  width: 100%;
  line-height: 60px;
  text-align: center;
  top: 0;
  left: 0;
  font-family: "Rubik", sans-serif;
  color: #ededed;
  font-size: 75px;
  font-weight: 500;
  z-index: -1;
}
.page_wpp.page_land .activity .cont_wrap .desc {
  color: #666;
  line-height: 1.7em;
}
.page_wpp.page_land .activity .cont_wrap .btn_common {
  display: block;
  margin-top: 20px;
}

.page_wpp.page_forest .section_box .visual {
  max-width: 375px;
  padding: 30px 20px;
  margin: 0 auto;
}
.page_wpp.page_forest .section_box:last-child {
  background-color: #f0f7ea;
}
.page_wpp.page_forest .box_slider {
  max-width: 375px;
  margin: 0 auto;
}
.page_wpp.page_forest .box_slider .bx-viewport {
  margin-bottom: 0;
}
.page_wpp.page_forest .box_slider .bx-pager {
  display: none;
}
.page_wpp.page_forest .bx-controls-direction {
  width: auto;
  left: auto;
  top: auto;
  bottom: 0;
  right: 0;
}
.page_wpp.page_forest .bx-controls-direction a {
  position: static;
  display: inline-block;
  width: 31px;
  height: 31px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain !important;
}
.page_wpp.page_forest .bx-controls-direction .bx-prev {
  background-image: url(../images/main2020/society/wpp_arrow_prev.png);
}
.page_wpp.page_forest .bx-controls-direction .bx-next {
  background-image: url(../images/main2020/society/wpp_arrow_next.png);
}

.page_wpp.page_plant .detail_title {
  margin-bottom: 20px;
}
.page_wpp.page_plant .banner_area {
  margin-bottom: 50px;
}
.page_wpp.page_plant .banner_area a {
  display: block;
  width: 100%;
}
.page_wpp.page_plant .diagram_wrap {
  margin-bottom: 20px;
}
.page_wpp.page_plant .diagram_wrap li {
  float: left;
  width: 50%;
  text-align: center;
}
.page_wpp.page_plant .diagram_wrap li img {
  max-width: 85%;
}
.page_wpp.page_plant .btn_common {
  display: block;
  margin-top: 15px;
}
.page_wpp.page_plant .slider_wrap {
  padding: 20px 0 50px;
  background-color: #f0f7ea;
}
.page_wpp.page_plant .slider_wrap .visual {
  padding: 0 20px;
  margin-top: 40px;
}
.page_wpp.page_plant .slider_wrap .box_slider .bx-viewport {
  margin-bottom: 0;
}
.page_wpp.page_plant .slider_wrap .bx-controls-direction {
  display: none;
}
.page_wpp.page_plant .slider_wrap .desc_box {
  padding: 25px 20px 40px;
}
.page_wpp.page_plant .slider_wrap .top {
  min-height: 230px;
}
.page_wpp.page_plant .slider_wrap .list_program {
  padding: 0 20px;
  margin-top: 40px;
}
.page_wpp.page_plant .slider_wrap .list_program ul {
  padding: 22px 20px 22px 30px;
  border: 1px solid #589924;
  background-color: #fff;
}
.page_wpp.page_plant .slider_wrap .list_program li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 7px;
  text-align: left;
}
.page_wpp.page_plant .slider_wrap .list_program li:last-child {
  margin-bottom: 0;
}
.page_wpp.page_plant .slider_wrap .list_program .number {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  color: #666;
}
.page_wpp.page_plant .slider_wrap .list_program .text {
  font-size: 12px;
  color: #666;
}

.page_wpp.page_camp .section_box {
  background-color: #f0f7ea;
}
.page_wpp.page_camp .detail_title {
  margin-bottom: 20px;
}
.page_wpp.page_camp .img_wrap {
  margin-top: 10px;
}

/*사회책임활동*/
.society .contents.page_responsibility {
  padding-bottom: 0;
}
.page_responsibility {
  box-sizing: border-box;
}
.page_responsibility * {
  box-sizing: border-box;
}
.page_responsibility img {
  max-width: 100%;
}
.page_responsibility .tab_arrow {
  margin-bottom: 25px;
}
.page_responsibility .green {
  color: #589924;
}
.page_responsibility .section {
  padding-top: 50px;
  background-color: #f0f7ea;
}
.page_responsibility .top_title {
  padding: 0 20px;
  margin-bottom: 50px;
}
.page_responsibility .top_title .title {
  margin-bottom: 15px;
  font-family: "Godo", sans-serif;
  font-size: 25px;
  color: #010101;
  font-weight: 700;
  line-height: 1.3em;
}
.page_responsibility .top_title .title .side {
  display: block;
  font-family: "Noto Sans KR", "Nanum Gothic", "NanumGothic", "나눔고딕", "돋움",
    Dotum, AppleSDGothicNeo, AppleGothic, Droid Sans;
  font-size: 17px;
  color: #373737;
  line-height: 1.5em;
}
.page_responsibility .top_title .desc {
  margin-bottom: 15px;
  font-size: 15px;
  color: #666;
  line-height: 1.6em;
}
.page_responsibility .top_title .desc_img {
  width: 112px;
  margin: 0 auto;
}
.page_responsibility .top_title .desc_img img {
  max-width: 100%;
}
.page_responsibility .detail_title {
  margin: 35px 0 0 0;
  font-family: "Godo", sans-serif;
  font-size: 18px;
  color: #373737;
}
.page_responsibility .section_box .sub_title {
  margin-bottom: 10px;
  font-size: 18px;
  color: #000;
  font-weight: 400;
  line-height: 1.3em;
}
.page_responsibility .section_box .sub_title .side {
  display: block;
  font-size: 13px;
  font-weight: 500;
}
.page_responsibility .section_box .sub_title strong {
  font-weight: 700;
}
.page_responsibility .section_box .thumb_wrap {
  position: relative;
  width: 100%;
  padding-bottom: 59.73%;
}
.page_responsibility .section_box .thumb_wrap > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page_responsibility .section_box .thumb_wrap .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.page_responsibility .section_box .desc_box {
  padding: 25px 20px 50px;
}
.page_responsibility .section_box .desc {
  color: #666;
  line-height: 1.6em;
}
.page_responsibility .inquiry_step li a {
  font-size: 14px;
  padding: 12px 0;
  background-color: #fff;
}

.page_responsibility.page_woman2 .img_wrap {
  width: 297px;
  margin: 20px auto 0;
}

.page_responsibility.page_woman3 .sub_desc {
  margin-top: 20px;
}
.page_responsibility.page_woman3 .sub_desc .title {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 700;
}
.page_responsibility.page_woman3 .btn_wrap {
  margin-top: 20px;
}

.page_responsibility.page_donation .section {
  padding-top: 0;
}
.page_responsibility.page_donation .btn_wrap {
  margin-top: 20px;
}

/*비전과 심볼*/
.page_symbol {
  position: relative;
  padding-top: 45px !important;
}
.page_symbol .banner_visual {
  margin-bottom: 44px;
}
.page_symbol .box_diagram {
  position: relative;
}
.page_symbol .box_diagram .title_size01 {
  margin-bottom: 33px;
}
.page_symbol .box_diagram .diagram {
  padding-bottom: 50px;
}
.page_symbol .box_diagram dl {
  padding-bottom: 62px;
}
.page_symbol .box_diagram dt {
  margin-bottom: 17px;
}
.page_symbol .box_diagram dd {
  padding-bottom: 17px;
}
.page_symbol .symbol_history {
  background-color: #f0f7ea;
  padding: 37px 0 20px;
}
.page_symbol .symbol_history .title_size01 {
  line-height: 24px;
  margin-bottom: 27px;
}
.page_symbol .symbol_history .box_slider li {
  text-align: center !important;
}
.page_symbol .symbol_history .img {
  margin-bottom: 9px;
}
.page_symbol .symbol_history .bx-controls-direction {
  margin-top: -65px;
}
.page_symbol .symbol_history .tl {
  width: 100px;
  margin: 2% auto 0 auto;
  text-align: left;
}
.page_symbol .symbol_history .desc_common dt {
  color: #a5a5a5;
}
.page_symbol .symbol_history .desc_common.g2 dt {
  color: #8ca973;
}
.page_symbol .symbol_history .desc_common.g3 dt {
  color: #589924;
}

/* CSV */
.society .contents.page_csv {
  padding-bottom: 0;
}
.page_csv {
  position: relative;
  padding-top: 70px;
}
.page_csv .title_wrap {
}
.page_csv .title {
  font-family: "Godo", sans-serif;
  font-weight: 700;
  font-size: 22px;
  color: #010101;
  line-height: 1.5em;
  text-align: center;
  margin-bottom: 20px;
}
.page_csv .title .emp {
  color: #1f8cdd;
}
.page_csv .paragrph01 {
  max-width: 385px;
  padding: 0 20px;
  margin: 40px auto 35px;
}
.page_csv .desc_common {
}
.page_csv dt {
  color: #000;
  font-size: 20px;
}
.page_csv dd {
  padding: 0 20px 10px;
  color: #666;
  font-size: 15px;
  line-height: 1.7em;
}
.page_csv .link_csv {
  display: inline-block;
}
.page_csv .link_csv img {
  width: 215px;
}
.page_csv .model {
  padding-top: 40px;
  background-color: #f0f4f7;
}
.page_csv .model .title_size01 {
  margin-bottom: 25px;
}
.page_csv .model .desc {
  font-size: 15px;
  color: #666666;
  padding-bottom: 40px;
  margin-bottom: 0;
}
.page_csv .model .desc .title_size01 {
  display: block;
  margin-bottom: 8px;
}
.page_csv .model .desc .f_page {
  color: #589924;
}
.page_csv .model .img {
  max-width: 375px;
  position: relative;
  margin: 0 auto;
  padding: 0 20px;
}
.page_csv .model .img > img {
  max-width: 100%;
}
.page_csv .model .img > span {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.page_csv .model .img > span img {
  width: 55px;
}
.page_csv .model .img .ico_01 {
  top: 24%;
}
.page_csv .model .img .ico_02 {
  top: 61.5%;
}
.page_csv .arrow_desc {
  max-width: 375px;
  margin: 0 auto;
  color: #666;
  font-size: 12px;
  line-height: 1.4em;
  padding: 0 20px 50px;
}
.page_csv .arrow_desc .desc_title {
  margin-bottom: 10px;
  font-size: 15px;
}
.page_csv .arrow_desc .desc_box {
  position: relative;
  float: left;
  width: 49.1%;
  padding: 17px 8px 17px 12px;
  border: 1px solid #666;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  background-color: #fff;
}
.page_csv .arrow_desc .desc_box .desc_title {
  text-align: left;
  font-weight: 600;
}
.page_csv .arrow_desc .desc_box:after {
  content: "";
  position: absolute;
  top: -16px;
  width: 33px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}
.page_csv .arrow_desc .blue .desc_title {
  color: #347e99;
}
.page_csv .arrow_desc .green .desc_title {
  color: #358c6b;
}
.page_csv .arrow_desc .blue {
  margin-right: 1.8%;
  border-color: #347e99;
}
.page_csv .arrow_desc .green {
  border-color: #358c6b;
}
.page_csv .arrow_desc .blue:after {
  left: 17px;
  background-image: url(../images/bg_csv_info_blue.png);
}
.page_csv .arrow_desc .green:after {
  right: 17px;
  background-image: url(../images/bg_csv_info_green.png);
}
.page_csv .arrow_desc .desc_list > li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 6px;
}
.page_csv .arrow_desc .desc_list > li:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #666;
  margin-right: 2px;
}
.page_csv .arrow_desc .desc_list .sub {
  margin-top: 3px;
}
.page_csv .arrow_desc .desc_list .sub li {
  font-size: 10px;
  line-height: 1.6;
  letter-spacing: -0.05em;
}
.page_csv .arrow_motion_wrap {
  position: absolute;
  top: 47.5%;
  left: 50%;
  margin-left: -10px;
}
.page_csv .arrow_motion_wrap .arrow {
  display: block;
  width: 20px;
  height: 15px;
  margin-bottom: 3px;
  background: url(../images/icon_csv_arrow_off.png) no-repeat center;
  background-size: contain;
}
.page_csv .arrow_motion_wrap .arrow.on {
  background-image: url(../images/icon_csv_arrow_on.png);
}
.page_csv .model .arrow_desc {
  padding: 45px 0 50px;
}
.page_csv .model .arrow_desc .blue:after {
  left: 50%;
  margin-left: -12px;
  background-image: url(../images/bg_csv_info_blue.png);
}
.page_csv .model .arrow_desc .green:after {
  right: 50%;
  margin-right: -12px;
  background-image: url(../images/bg_csv_info_green.png);
}
.page_csv .senior {
  padding: 0 20px;
  margin: 45px auto;
  background-color: #fff;
  text-align: center;
}
.page_csv .senior .tit_paragraph {
  font-size: 17px;
  margin-bottom: 7px;
  font-weight: 600;
  color: #373737;
}
.page_csv .senior .sub_title {
  margin-bottom: 15px;
  font-size: 13px;
  color: #373737;
}
.page_csv .senior .img_graph {
  width: 100%;
}
.page_csv .senior .table_senior {
  width: 100%;
  table-layout: fixed;
  font-size: 12px;
  color: #666;
  font-weight: 600;
  line-height: 1.4em;
}
.page_csv .senior .table_senior col:first-child {
  width: 34.5%;
}
.page_csv .senior .table_senior col:nth-child(2) {
  width: 21.5%;
}
.page_csv .senior .table_senior col:nth-child(3) {
  width: 21.5%;
}
.page_csv .senior .table_senior col:nth-child(4) {
  width: 22.5%;
}
.page_csv .senior .table_senior tbody {
  border-top: 1px solid #131313;
}
.page_csv .senior .table_senior td[scope="row"] {
  text-align: left;
}
.page_csv .senior .table_senior td {
  height: 50px;
  padding: 0 5px;
  border-bottom: 1px solid #e8e8e8;
  vertical-align: middle;
}
.page_csv .senior .table_comment {
  word-break: keep-all;
  word-wrap: break-word;
  padding: 10px 0;
  font-size: 12px;
  color: #666;
}
.page_csv .senior .senior_result {
  margin: 30px auto 0;
}
.page_csv .senior .senior_result .sub_title {
  margin-bottom: 15px;
  font-size: 13px;
  color: #000;
  font-weight: 600;
}
.page_csv .senior .senior_result li {
  position: relative;
  padding: 10px 10px 10px 46px;
  margin-bottom: 8px;
  border: 1px solid #000;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
}
.page_csv .senior .senior_result li .icon {
  content: "";
  position: absolute;
  top: 50%;
  left: 19px;
  width: 26px;
  height: 24px;
  margin-top: -12px;
  background: url(../images/main2020/society/icon_chk.png) no-repeat center;
  background-size: contain;
}
.page_csv .senior .senior_result li .text {
  display: block;
  padding-left: 12px;
  color: #373737;
  font-size: 12px;
  line-height: 1.5em;
}
.page_csv .senior .senior_result .green {
  border-color: #278460;
  background-color: #eefaf4;
}
.page_csv .senior .senior_result .purple {
  border-color: #347e99;
  background-color: #f0f4f7;
}

/* 환경친화적 제품 */
.page_chance {
  position: relative;
}
.page_chance .title {
  padding-bottom: 27px;
  font-size: 28px;
  line-height: 37px;
}
.page_chance .slid01 {
  padding: 40px 0 38px;
}
.page_chance .slid01 .bx-controls-direction {
  margin-top: -40px;
}
.page_chance .slid01 img {
  width: 200px;
}
.page_chance .slid02 {
  background-color: #f3f3f3;
  padding-bottom: 40px;
}
.page_chance .slid02 dt {
  padding: 40px 0 25px;
}
.page_chance .slid02 dd {
  margin-bottom: 9px;
}
.page_chance .slid02 li {
  height: 179px;
}
.page_chance .slid02 .chd01 img {
  width: 168px;
}
.page_chance .slid02 .chd02 {
  padding-top: 5px;
  height: 174px;
}
.page_chance .slid02 .chd02 img {
  width: 208px;
}
.page_chance .slid02 .chd03 {
  padding-top: 8px;
  height: 171px;
}
.page_chance .slid02 .chd03 img {
  width: 207px;
}
.page_chance .slid02 .chd04 {
  padding-top: 10px;
  height: 169px;
}
.page_chance .slid02 .chd04 img {
  width: 184px;
}
.page_chance .slid02 .bx-viewport {
  margin-bottom: 25px;
}
.page_chance .slid02 .bx-controls-direction {
  margin-top: 70px;
}
.page_chance .hundred {
  position: relative;
  padding: 40px 0;
}
.page_chance .hundred dt {
  margin-bottom: 18px;
}
.page_chance .hundred dd {
  margin-bottom: 31px;
}
.page_chance .hundred .img {
  margin-bottom: 16px;
}
.page_chance .growth {
  padding: 40px 0;
  background-color: #f0f4f7;
}
.page_chance .growth dt {
  margin-bottom: 20px;
}
.page_chance .growth .img {
  padding: 0 40px;
}

/* 유한킴벌리 주요활동 */
.page_activityM {
  position: relative;
}
.page_activityM > .title_size01 {
  padding-bottom: 53px;
  font-weight: normal;
  line-height: 25px;
}
.page_activityM .campain {
  padding: 40px 0;
  background-color: #f3f3f3;
}
.page_activityM .campain .title_size01 {
  margin-bottom: 23px;
  line-height: 25px;
}
.page_activityM .campain .desc_common {
  padding-bottom: 20px;
}
.page_activityM .campain .youtube {
  width: 295px;
  height: 180px;
  margin: 0 auto 25px;
}
.page_activityM .campain .youtube iframe {
  width: 295px;
  height: 180px;
}
.page_activityM .manage {
  padding: 40px 0;
}
.page_activityM .manage .title_size01 {
  margin-bottom: 23px;
  line-height: 25px;
}
.page_activityM .manage ul {
  padding-left: 16px;
}
.page_activityM .manage li {
  padding-left: 6px;
  margin-top: 9px;
  font-size: 9px;
  line-height: 12px;
  text-align: left;
  background: url(../images/bu_enviroino_list.gif) no-repeat 0 center;
  -webkit-background-size: 3px;
  background-size: 3px;
}
.page_activityM .manage li:first-child {
  margin-top: 0;
}
.page_activityM .manage .img {
  margin: 0 13px 11px;
  border-bottom: 1px solid #dadada;
}
.page_activityM .boost {
  padding: 40px 0 65px;
  background-color: #f3f3f3;
}
.page_activityM .boost .title_size01 {
  margin-bottom: 20px;
}
.page_activityM .boost .n2014 {
  margin-bottom: 9px;
  font-size: 13px;
  color: #589b43;
}
.page_activityM .boost .box_slider {
  height: 215px;
  padding-top: 49px;
  background: url(../images/bg_slide_society_active.png) repeat 0 0;
  -webkit-background-size: 112px;
  background-size: 112px;
  color: #fff;
}
.page_activityM .boost .box_slider .title_size02 {
  color: #fff;
}
.page_activityM .boost .box_slider .ico {
  margin-bottom: 20px;
}
.page_activityM .boost .box_slider img {
  width: 87px;
}
.page_activityM .boost .box_slider dl {
  margin-bottom: 25px;
}
.page_activityM .boost .box_slider dt {
  margin-bottom: 17px;
}
.page_activityM .boost .box_slider dd {
  line-height: 16px;
}
.page_activityM .boost .bx-controls-direction a {
  background: url(../images/btn_slide_siociety_active.png) no-repeat 0 0 !important;
  -webkit-background-size: 13px 50px !important;
  background-size: 13px 50px !important;
}
.page_activityM .boost .bx-controls-direction a.bx-prev {
  background-position: 0 0 !important;
}
.page_activityM .boost .bx-controls-direction a.bx-next {
  background-position: 0 -25px !important;
}
.page_activityM .model {
  padding: 40px 0;
}
.page_activityM .model .title_size01 {
  margin-bottom: 15px;
}
.page_activityM .model .desc_commom {
  margin-bottom: 23px;
  color: #666;
}
.page_activityM .model .box_slider {
  padding: 0 34px;
}
.page_activityM .model .bx-pager {
  display: none;
}
.page_activityM .model .bx-controls-direction {
  margin-top: -30px;
}
.page_activityM .model .box_slider img {
  max-width: 100%;
}
.page_activityM .model .box_btn {
  padding-top: 40px;
}
.page_activityM .model .box_btn span a {
  width: 207px;
}
.page_activityM .model .box_btn span a:first-child {
  margin-bottom: 5px;
}

/* 2016-04-28 추가 */
.page_activityM .depend {
  font-size: 11px;
  padding: 40px 0;
  background-color: #dfe8d8;
}
.page_activityM .depend .title_size01 {
  line-height: 25px;
}
.page_activityM .depend .depend_img {
  width: 185px;
  margin: 0 auto;
  padding: 33px 0 20px;
}
.page_activityM .depend .depend_btn {
  padding-top: 24px;
}

/* 주요활동_캠페인*/
.page_activityC .top_desc .title_size01 {
  margin-bottom: 10px;
}
.page_activityC .top_desc .desc_common {
  margin-bottom: 36px;
}
.page_activityC .box_tv {
  padding: 40px 0;
  background-color: #f3f3f3;
}
.page_activityC .box_tv .title_size01 {
  margin-bottom: 24px;
}
.page_activityC .box_tv .img {
  padding: 0 13px;
}
.page_activityC .box_tv .desc_common {
  padding: 20px 0;
}
.page_activityC .box_tv .awrad {
  margin: 0 13px;
}
.page_activityC .box_tv .awrad .tit {
  margin-bottom: 10px;
  font-size: 9px;
  font-weight: 700;
  color: #373737;
}
.page_activityC .box_tv .awrad dl {
  padding: 10px 15px;
  background-color: #e6e6e6;
  font-size: 9px;
  line-height: 15px;
  color: #666666;
  text-align: left;
}
.page_activityC .box_print {
  padding-top: 40px;
}
.page_activityC .box_print .title_size01 {
  margin-bottom: 10px;
}
.page_activityC .box_print .img {
  padding: 0 24px;
}
.page_activityC .box_print .img {
  padding-top: 15px;
}

/* 공유가치창출 */
.page_vlaueM {
  position: relative;
  padding-top: 46px !important;
}
.page_vlaueM .btn_sub {
  position: relative;
}
.page_vlaueM .btn_sub li:first-child {
  border-bottom: 1px solid #eaeaea;
}
.page_vlaueM .btn_sub a {
  display: block;
  height: 62px;
  margin: 13px;
  background: url(../images/bu_cross_society_value.gif) no-repeat right center;
  -webkit-background-size: 13px;
  background-size: 13px;
}
.page_vlaueM .btn_sub span {
  float: left;
}
.page_vlaueM .btn_sub .img {
  margin-right: 15px;
}
.page_vlaueM .btn_sub .img img {
  width: 62px;
}
.page_vlaueM .btn_sub .title_size02 {
  height: 62px;
  line-height: 62px;
}
.page_vlaueM .banner {
  position: relative;
  margin-top: -1px;
}
.page_vlaueM .banner a {
  position: absolute;
}
.page_vlaueM .banner .a1 {
  right: 6%;
  top: 22.5%;
  width: 26%;
  padding-top: 14%;
  font-size: 0;
}
.page_vlaueM .banner .a2 {
  left: 3%;
  bottom: 32%;
  width: 23%;
  padding-top: 15%;
  font-size: 0;
}

/* 환경경영 소개 */
.society .contents.page_envirIn {
  padding-bottom: 0;
}
.page_envirIn {
  position: relative;
  box-sizing: border-box;
}
.page_envirIn .tab_arrow {
  padding-top: 35px;
}
.page_envirIn * {
  box-sizing: border-box;
}
.page_envirIn .desc_top {
  padding: 0 20px 37px;
}
.page_envirIn .desc_top .title_big {
  font-size: 25px;
  margin-bottom: 10px;
}
.page_envirIn .desc_top .title_big .emp {
  font-size: 32px;
}
.page_envirIn .effort {
  padding: 45px 0 50px;
  background-color: #f3f3f3;
}
.page_envirIn .effort .box_slider .bx-viewport {
  margin-bottom: 40px;
}
.page_envirIn .effort .title_size01 {
  margin-bottom: 25px;
}
.page_envirIn .effort .img img {
  width: 160px;
}
.page_envirIn .effort dt {
  height: 65px;
  padding-top: 24px;
  margin-bottom: 11px;
  font-size: 17px;
  font-weight: 700;
  background: url(../images/bu_underbar_society_envirinfo.gif) no-repeat center
    bottom;
  -webkit-background-size: 14px 3px;
  background-size: 14px 3px;
}
.page_envirIn .effort dd {
  padding: 0 20px;
  line-height: 1.6em;
  color: #666666;
}
.page_envirIn .effort .bx-controls-direction {
  margin-top: -14px;
}
.page_envirIn .more {
  position: relative;
  display: block;
  width: 150px;
  padding: 7px 0;
  margin: 20px auto 0;
  background-color: #589924;
  color: #fff;
  font-size: 12px;
}
.page_envirIn .more:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 19px;
  height: 9px;
  background: url("../images/more.png") no-repeat;
  background-size: cover;
}
.page_envirIn .section img {
  max-width: 100%;
}
.page_envirIn .section .detail_title {
  padding: 25px 20px 0;
  margin-bottom: 10px;
  font-size: 18px;
  color: #000;
  font-weight: 700;
  text-align: center;
}
.page_envirIn .section .sub_title {
  font-size: 18px;
  color: #373737;
  font-weight: 700;
  margin-bottom: 20px;
}
.page_envirIn .section .sub_title .side {
  display: block;
  font-size: 14px;
  font-weight: 400;
}
.page_envirIn .section .desc_box {
  padding: 0 20px;
  color: #666;
  line-height: 1.7em;
  text-align: center;
}
.page_envirIn .section_box {
  padding: 27px 0;
}
.page_envirIn .section_box.gray {
  background-color: #f3f3f3;
}
.page_envirIn .color_box {
  padding: 30px 20px;
  background-color: #e0ead8;
}
.page_envirIn .color_box .img_wrap {
  margin-bottom: 15px;
  text-align: center;
}
.page_envirIn .color_box .img_wrap img {
  width: 71px;
  margin-right: 5px;
}
.page_envirIn .color_box .img_wrap img:last-child {
  margin-right: 0;
}
.page_envirIn .color_box .desc_wrap {
  color: #666;
  text-align: center;
}
.page_envirIn .color_box .desc_wrap p {
  margin-bottom: 5px;
}
.page_envirIn .color_box .desc_wrap li {
  text-align: center;
}
.page_envirIn .color_box .desc_wrap li strong {
  color: #000;
}
.page_envirIn .section.info .img_wrap {
  max-width: 375px;
  margin: 0 auto;
}
.page_envirIn .section.info .section_box.box1 {
  padding: 27px 20px 50px;
}
.page_envirIn .section.info .section_box.box2 {
  padding: 15px 20px 50px;
}
.page_envirIn .section.info .section_box.box2 .sub_title {
  position: relative;
  top: 30px;
}
.page_envirIn .section.climate .section_box.img_box {
  overflow-y: hidden;
  overflow-x: auto;
  padding-bottom: 50px;
}
.page_envirIn .section.climate .section_box.img_box .img_wrap {
  width: 573px;
  padding: 0 20px;
  margin: 0 auto;
}
.page_envirIn .section.climate .section_box.graph {
  padding: 27px 20px 70px;
  max-width: 350px;
  margin: 0 auto;
}
.page_envirIn .section.climate .section_box.graph img {
  display: block;
}
.page_envirIn .section.climate .box_slider .bx-viewport {
  margin-bottom: 0;
}
.page_envirIn .section_box.graph .bx-controls-direction {
  display: none;
}
.page_envirIn .section.product .desc_box {
  padding: 20px;
}
.page_envirIn .section.product .list_promise {
  padding: 0 20px;
  margin-bottom: 50px;
}
.page_envirIn .section.product .list_promise li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  letter-spacing: -0.025em;
}
.page_envirIn .section.product .list_promise li:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 26px;
  height: 24px;
  background: url(../images/main2020/society/icon_chk.png) no-repeat center;
  background-size: contain;
}
.page_envirIn .section.product .list_promise li:last-child {
  margin-bottom: 0;
}
.page_envirIn .section.product > .img_wrap {
  padding-top: 30px;
}
@media (max-width: 380px) {
  .page_envirIn .tab_arrow li a,
  .page_envirIn .tab_arrow li button {
    font-size: 12px;
  }
}

/* 사회책임경영보고서 */
.page_reportS {
  position: relative;
  padding-top: 46px !important;
}
.page_reportS .box_report {
  position: relative;
}
.page_reportS .box_report > div {
  display: none;
}
.page_reportS .box_report > div.focus {
  display: block;
}
.page_reportS .box_report .img {
  padding: 0 36px;
}
.page_reportS .box_report dl {
  padding: 0 36px 23px;
}
.page_reportS .box_report dt {
  font-size: 14px;
  font-weight: 700;
  padding: 23px 0 12px;
}
.page_reportS .btn_box {
  position: relative;
  padding-bottom: 25px;
}
.page_reportS .btn_box .btn_area {
  width: 230px;
  margin: 0 auto;
}
.page_reportS .btn_box .btn_area span {
  float: left;
}
.page_reportS .btn_box span:last-child {
  margin-left: 5px;
}
.page_reportS .btn_box .btn_common {
  display: none;
  margin-bottom: 20px;
}
.page_reportS .btn_box .btn_pdf:first-child {
  margin-left: 0;
}
.page_reportS .btn_box .btn_pdf {
  margin-left: 13px;
  height: 14px;
  padding-left: 15px;
  font-size: 9px;
  line-height: 14px;
  color: #666666;
  text-decoration: underline;
  padding-left: 14px;
  background: url(../images/ico_pdf.png) no-repeat 0 0;
  -webkit-background-size: 11px 13px;
  background-size: 11px 13px;
}
.page_reportS .box_slider {
  padding: 25px 0;
  background-color: #f0f7ea;
}
.page_reportS .box_slider > div {
  margin: 0 33px;
}
.page_reportS .box_slider a {
  display: block;
}
.page_reportS .box_slider a span {
  display: block;
}
.page_reportS .box_slider img {
  width: 81px;
}
.page_reportS .box_slider .desc_common {
  padding-top: 7px;
  font-size: 9px;
  line-height: 11px;
  color: #666666;
}
.page_reportS .box_slider .bx-controls-direction {
  margin-top: -30px;
}

/* 사회책임경영보고서 신청 */
.page_reportA .desc_top {
  padding-bottom: 25px;
}
.page_reportA .desc_top .notice {
  display: block;
  padding-top: 3px;
}
.page_reportA .box_agreeCheck {
  position: relative;
  padding: 8px 0px 10px;
  margin: 0 13px;
  text-align: left;
}
.page_reportA .box_agreeCheck > dl {
  padding: 15px 0 15px;
  text-align: center;
}
.page_reportA .box_agreeCheck dt {
  color: #000;
  margin-bottom: 2px;
  font-weight: 700;
  font-size: 12px;
}
.page_reportA .box_agreeCheck dd {
  font-size: 9px;
  color: #666666;
}
.page_reportA .box_agreeCheck > div {
  padding: 13px 10px;
  background-color: #f4f4f4;
}
.page_reportA .box_agreeCheck > div dl {
  margin-bottom: 7px;
}
.page_reportA .box_agreeCheck > div dt {
  margin-bottom: 3px;
}
.page_reportA .box_agreeCheck > div dd {
  line-height: 14px;
}
.page_reportA .box_agreeCheck > div dd > p {
  margin-bottom: 5px;
}
.page_reportA .box_agreeCheck > p {
  width: 120px;
  margin: 0 auto;
  height: 31px;
  text-align: center;
  line-height: 31px;
  text-align: left;
}
.page_reportA .box_agreeCheck > div + p {
  margin-top: 10px;
}
.page_reportA .box_agreeCheck > p input {
  display: inline-block;
  position: relative;
  top: -2px;
}
.page_reportA .box_agreeCheck.box2 {
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 30px;
}
.page_reportA .box_agreeCheck > dl > dt {
  font-size: 14px;
}
.page_reportA table td p.radioListC span {
  float: left;
  line-height: 30px;
}
.page_reportA table td p.radioListC span input {
  float: left;
}
.page_reportA table td p.radioListC span label {
  float: left;
  margin-right: 5px;
}
.page_reportA .count {
  margin-right: 25px;
}
.page_reportA input[type="checkbox"] {
  display: inline-block;
}

/* 사회책임경영보고서 독자의견 */
.page_reportO .desc_top {
  padding-bottom: 25px;
}
.page_reportO .desc_top .notice {
  display: block;
  padding-top: 3px;
}
.page_reportO .box_agreeCheck {
  position: relative;
  padding: 8px 0px 10px;
  margin: 0 13px;
  text-align: left;
}
.page_reportO .box_agreeCheck > dl {
  padding: 22px 0 15px;
  text-align: center;
}
.page_reportO .box_agreeCheck dt {
  color: #000;
  margin-bottom: 4px;
  font-weight: 700;
  font-size: 14px;
}
.page_reportO .box_agreeCheck dd {
  font-size: 9px;
  color: #666666;
}
.page_reportO .box_agreeCheck > div {
  padding: 13px 10px;
  background-color: #f4f4f4;
}
.page_reportO .box_agreeCheck > div dl {
  margin-bottom: 7px;
}
.page_reportO .box_agreeCheck > div dt {
  margin-bottom: 3px;
}
.page_reportO .box_agreeCheck > div dd {
  line-height: 14px;
}
.page_reportO .box_agreeCheck > p {
  height: 31px;
  text-align: center;
  line-height: 31px;
}
.page_reportO .box_agreeCheck > p input {
  display: inline-block;
  position: relative;
  top: -2px;
}
.page_reportO .count {
  margin-right: 25px;
}
.page_reportO input[type="checkbox"] {
  display: inline-block;
}
.page_reportO table th {
  height: auto !important;
  padding: 10px 15px !important;
  background-color: #f4f4f4;
  text-align: left;
  color: #333333;
  font-weight: 700;
  border-bottom: 1px solid #dbdbdb;
  vertical-align: middle;
}
.page_reportO table td span {
  float: left;
  line-height: 30px;
}
.page_reportO table td span input {
  float: left;
}
.page_reportO table td span label {
  float: left;
  margin-right: 5px;
}
.page_reportO table td .t {
  clear: both;
  display: block;
  padding: 20px 0 5px;
}
.page_reportO table td .t:first-child {
  padding-top: 0;
}
.page_reportO .btn_box {
  margin-top: 20px;
}

/* 캠페인 광고 */
.page_campaign {
  position: relative;
}
.page_campaign {
  position: relative;
}
.page_campaign .movie {
  padding: 0 13px 0;
  margin-bottom: 15px;
}
.page_campaign .movie iframe {
  width: 100%;
  height: 296px;
}
.page_campaign .movie .desc {
  display: block;
}
.page_campaign .movie .title {
  padding-top: 16px;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 700;
}
.page_campaign .movie .years {
  font-size: 9px;
  color: #589924;
}
.page_campaign .slide_thum {
  position: relative;
  height: 105px;
  margin-bottom: 20px;
  padding: 25px 33px 0;
  background-color: #f0f7ea;
}
.page_campaign .slide_thum li {
  position: relative;
}
.page_campaign .slide_thum li a {
  position: relative;
  display: block;
  width: 81px;
  margin: 0 auto 10px;
}
.page_campaign .slide_thum .mask {
  position: absolute;
  top: 0;
  left: 0;
}
.page_campaign .slide_thum .mask img.on {
  display: none;
}
.page_campaign .slide_thum img {
  width: 80px;
}
.page_campaign .slide_thum .desc,
.page_campaign .slide_thum .desc > span {
  display: block;
  width: 81px;
  margin: 0 auto;
  font-size: 9px;
  line-height: 11px;
  text-align: left;
}
.page_campaign .slide_thum .desc .tit {
  color: #666;
  text-align: justify;
}
.page_campaign .slide_thum .desc .years {
  color: #589924;
  text-align: justify;
}
.page_campaign .slide_thum .focus .mask .on {
  display: block;
}
.page_campaign .slide_thum .focus .mask .off {
  display: none;
}
.page_campaign .bx-controls-direction {
  margin-top: -9px;
}
.page_campaign .t_print {
  position: relative;
}
.page_campaign .t_print .img_org {
  position: relative;
  margin-bottom: 15px;
}
.page_campaign .t_print .img_org > div {
  display: none;
}
.page_campaign .t_print .img_org > div.focus {
  display: block;
}
.page_campaign .t_print .img_org .img {
  padding: 30px 39px 0;
}
.page_campaign .t_print .img_org .img img {
  max-width: 100%;
}
.page_campaign .t_print .img_org .title {
  padding-top: 16px;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 700;
}
.page_campaign .t_print .img_org .years {
  font-size: 9px;
  color: #589924;
}
.page_campaign .t_print .img_thum {
  position: relative;
  height: 190px;
  padding: 25px 33px 0;
  background-color: #f0f7ea;
}
.page_campaign .t_print .img_thum li {
  position: relative;
}
.page_campaign .t_print .img_thum li a {
  position: relative;
  display: block;
  width: 81px;
  margin: 0 auto 10px;
}
.page_campaign .t_print .img_thum .mask {
  position: absolute;
  top: 0;
  left: 0;
}
.page_campaign .t_print .img_thum .mask img.on {
  display: none;
}
.page_campaign .t_print .img_thum img {
  width: 81px;
}
.page_campaign .t_print .img_thum .desc,
.page_campaign .t_print .img_thum .desc > span {
  display: block;
  width: 81px;
  margin: 0 auto;
  font-size: 9px;
  line-height: 11px;
  text-align: left;
}
.page_campaign .t_print .img_thum .desc .tit {
  color: #666;
  text-align: justify;
}
.page_campaign .t_print .img_thum .desc .years {
  color: #589924;
  text-align: justify;
}
.page_campaign .t_print .img_thum .focus .mask .on {
  display: block;
}
.page_campaign .t_print .img_thum .focus .mask .off {
  display: none;
}

/* //////////////////////////////////////////// */
/* //////////////    인재채용     ////////////// */
/* ///////           4 menu             /////// */
/* //////////////////////////////////////////// */
.talent {
  position: relative;
  text-align: center;
}

.talent .contents {
  padding-bottom: 80px;
}

.talent > header {
  background-color: #a23068;
}

/* slider */
.page_promote .box_slider nav {
  padding-top: 27px;
}
.page_promote .area_slide .btn_slide_prev {
  top: 177px;
}
.page_promote .area_slide .btn_slide_next {
  top: 177px;
}
.talent .box_slider .btn_list li.focus {
  background-position: -200px -200px;
}

/* 채용정보(page_recuit) */
.page_recuit {
  position: relative;
  text-align: center;
  padding-top: 25px;
}
.page_recuit .tab_row {
  display: none;
  position: relative;
}
.page_recuit .tab_row.focus {
  display: block;
}
.page_recuit .tab_row li {
  border-bottom: 1px solid #eaeaea;
  text-align: center;
}
.page_recuit .tab_row li a {
  display: block;
  height: 45px;
  font-size: 18px;
  line-height: 45px;
  color: #777777;
}
.page_recuit .tab_row li.focus {
  background-color: #f3f3f3;
}
.page_recuit .tab_row li.focus a {
  font-weight: 700;
  color: #373737;
}
.page_recuit .tab_row li:nth-child(3) {
  border-bottom: 1px solid #1c1c1c;
}
.page_recuit .btn_recuit {
  display: none;
} /* 채용공고 display:none;처리됨 */
.page_recuit .btn_recuit {
  position: relative;
  height: 540px; /* height: 400px; */
  background: url(../images/bg_repeat_recuit_btn.gif) repeat-x 0 0;
  -webkit-background-size: 320px 617px;
  background-size: 320px 617px;
}
.page_recuit .btn_recuit .box_in {
  width: 320px;
  margin: 0 auto;
  background: url(../images/bg_talent_recuit_cube.png) no-repeat right 9px;
  -webkit-background-size: 168px 114px;
  background-size: 168px 114px;
}
.page_recuit .btn_recuit .title_size01 {
  height: 43px;
  padding-top: 123px;
  background: url(../images/bg_line_talent_recuit.png) no-repeat center bottom;
  -webkit-background-size: 44px 1px;
  background-size: 44px 1px;
}
.page_recuit .btn_recuit .date {
  padding-bottom: 30px;
  font-size: 11px;
  font-weight: 700;
  color: #a23068;
}
.page_recuit .btn_recuit .title_big {
  margin-top: 27px;
  margin-bottom: 16px;
}
.page_recuit .box_btn {
  position: relative;
}
.page_recuit .box_btn a {
  display: inline-block;
  width: 123px;
  height: 40px;
  color: #fff;
  font-size: 13px;
  line-height: 40px;
  background: url(../images/bg_btn_recuit.gif) no-repeat 0 0;
  -webkit-background-size: 123px 40px;
  background-size: 123px 40px;
}
.page_recuit .box_btn a:first-child {
  margin-right: 5px;
}
.page_recuit .right_people {
  height: 530px;
  margin-bottom: 40px;
  background: url(../images/bg_repeat_recuit_slide.gif) repeat-x 0 0;
  background-size: auto 100%;
}
.page_recuit .right_people .title_size01 {
  padding-top: 123px;
  margin-bottom: 36px;
}
.page_recuit .right_people .box_slider {
  position: relative;
  margin: 0 auto;
  background: url(../images/bg_talent_recuit_cube.png) no-repeat right 9px;
  -webkit-background-size: 168px 114px;
  background-size: 168px 114px;
}
.page_recuit .right_people li img {
  height: 93px;
}
.page_recuit .right_people .title_big {
  font-family: "Godo", sans-serif;
  font-weight: 500;
  margin-bottom: 16px;
}
.page_recuit .right_people .desc_common {
  padding: 0 20px;
  margin-bottom: 30px;
}
.page_recuit .right_people.v_on {
  background: none;
  height: auto;
}
.page_recuit .right_people.v_on .title_size01 {
  padding-top: 40px;
}
.page_recuit .right_people.v_on .box_slider {
  background: none;
}
.page_recuit .philosophy {
  position: relative;
}
.page_recuit .philosophy.v_on {
  border-top: 1px solid #f3f1f1;
  padding-top: 40px;
}
.page_recuit .philosophy .title_size01 {
  margin-bottom: 33px;
}
.page_recuit .philosophy dl {
  margin-bottom: 30px;
}
.page_recuit .philosophy dt {
  font-family: "Godo", sans-serif;
  font-weight: 500;
  font-size: 28px;
  line-height: 33px;
  margin-bottom: 16px;
}
.page_recuit .philosophy .img {
  margin-bottom: 20px;
}
.page_recuit .philosophy img {
  width: 109px;
}
.page_recuit .philosophy dd {
  padding: 0 20px;
  margin-bottom: 7px;
  color: #666666;
}
.page_recuit .box_keyword {
  position: relative;
  text-align: center;
  margin-bottom: 50px;
}
.page_recuit .box_keyword ul {
  position: relative;
  height: 250px;
}
.page_recuit .box_keyword li {
  position: absolute;
  top: 0;
  left: 50%;
  height: 500px;
  width: 260px;
  margin-left: -130px;
}
.page_recuit .box_keyword li > span {
  display: none;
  width: 100%;
}
.page_recuit .box_keyword li > span span {
  display: table-cell;
  height: 250px;
  vertical-align: middle;
  text-align: center;
  font-size: 11px;
  line-height: 1.5em;
}
.page_recuit .box_keyword li.focus > span {
  display: table;
}
.page_recuit .box_keyword .btn_group {
  position: absolute;
  top: 0;
  left: 50%;
  height: 250px;
  width: 270px;
  margin-left: -135px;
}
.page_recuit .box_keyword .btn_group a {
  position: absolute;
  font-size: 0;
  color: transparent;
  background-image: url(../images/sprite_btn_talent_philosophy.gif);
  background-repeat: no-repeat;
  -webkit-background-size: 700px 300px;
  background-size: 700px 300px;
}
.page_recuit .box_keyword .btn_group a:nth-child(1) {
  top: 0px;
  left: 98px;
  width: 73px;
  height: 71px;
  background-position: 0px 0px;
}
.page_recuit .box_keyword .btn_group a:nth-child(2) {
  top: 32px;
  right: 18px;
  width: 71px;
  height: 73px;
  background-position: -100px 0px;
}
.page_recuit .box_keyword .btn_group a:nth-child(3) {
  top: 112px;
  right: 0px;
  width: 71px;
  height: 74px;
  background-position: -200px 0px;
}
.page_recuit .box_keyword .btn_group a:nth-child(4) {
  bottom: 7px;
  right: 61px;
  width: 69px;
  height: 74px;
  background-position: -300px 0px;
}
.page_recuit .box_keyword .btn_group a:nth-child(5) {
  bottom: 6px;
  left: 47px;
  width: 74px;
  height: 75px;
  background-position: -400px 0px;
}
.page_recuit .box_keyword .btn_group a:nth-child(6) {
  top: 103px;
  left: 0px;
  width: 70px;
  height: 72px;
  background-position: -500px 0px;
}
.page_recuit .box_keyword .btn_group a:nth-child(7) {
  top: 20px;
  left: 20px;
  width: 73px;
  height: 68px;
  background-position: -600px 0px;
}
.page_recuit .box_keyword .btn_group a.focus:nth-child(1) {
  background-position: 0px -100px;
}
.page_recuit .box_keyword .btn_group a.focus:nth-child(2) {
  background-position: -100px -100px;
}
.page_recuit .box_keyword .btn_group a.focus:nth-child(3) {
  background-position: -200px -100px;
}
.page_recuit .box_keyword .btn_group a.focus:nth-child(4) {
  background-position: -300px -100px;
}
.page_recuit .box_keyword .btn_group a.focus:nth-child(5) {
  background-position: -400px -100px;
}
.page_recuit .box_keyword .btn_group a.focus:nth-child(6) {
  eft: -2px;
  width: 72px;
  background-position: -500px -100px;
}
.page_recuit .box_keyword .btn_group a.focus:nth-child(7) {
  background-position: -600px -100px;
}
.page_recuit .progress {
  position: relative;
  background-color: #f6fafd;
  padding-bottom: 50px;
}
.page_recuit .progress .title_size01 {
  padding: 40px 0 42px;
  margin-bottom: 0;
}
.page_recuit .progress img {
  height: 165px;
}
.page_recuit .progress .box_slider {
  margin-bottom: 40px;
  position: relative;
}
.page_recuit .progress .box_slider .bx-viewport {
  margin-bottom: 25px;
}
.page_recuit .progress dl {
  position: relative;
  min-height: 87px;
  margin-bottom: 15px;
  padding-left: 98px;
  text-align: left;
}
.page_recuit .progress dt {
  padding: 4px 0 9px;
  font-size: 16px;
  font-weight: 700;
}
.page_recuit .progress dd span {
  color: #a23068;
}
.page_recuit .progress dd.ico {
  position: absolute;
  top: 0;
  left: 0;
  width: 86px;
  height: 86px;
  font-size: 0;
  color: transparent;
  background: url(../images/sprite_btn_talent_philosophy.gif) no-repeat 0 0;
  -webkit-background-size: 700px 300px;
  background-size: 700px 300px;
}
.page_recuit .progress .v_01 dd.ico {
  background-position: 0 -200px;
}
.page_recuit .progress .v_02 dd.ico {
  background-position: -100px -200px;
}
.page_recuit .progress .box_info ul {
  padding-top: 15px;
  margin-bottom: 50px;
  border-top: 1px solid #f3f1f1;
}
.page_recuit .progress .box_info li {
  padding-left: 7px;
  font-size: 13px;
  color: #666666;
  background: url(../images/bu_circle_talent.gif) no-repeat 0 8px;
  -webkit-background-size: 3px;
  background-size: 3px;
}
.page_recuit .progress .box_btn a img {
  height: 19px;
  margin-left: 6px;
}
.page_recuit .progress .btn_jobs img {
  width: 140px;
  height: auto;
}

/* 직무소개(page_profile) */
.page_profile {
  position: relative;
  background-color: #eeeeee;
  padding-top: 50px;
}
.page_profile .list_profile {
  position: relative;
  overflow: hidden;
}
.page_profile .list_profile ul {
  max-width: 640px;
  margin: 0 auto;
}
.page_profile .list_profile li {
  background-color: #fff;
}
.page_profile .list_profile a {
  display: block;
  position: relative;
  overflow: hidden;
  color: #000;
}
.page_profile .list_profile a > span {
  float: left;
  width: 50%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.page_profile .list_profile img {
  max-width: 100%;
}
.page_profile .list_profile .txt {
  padding: 21px 0 0 16px;
}
.page_profile .list_profile .txt span {
  display: block;
}
.page_profile .list_profile .txt .part {
  padding-bottom: 9px;
  font-size: 19px;
  line-height: 21px;
  font-weight: 700;
}
.page_profile .list_profile .txt .view {
  position: absolute;
  bottom: 38px;
  left: 19px;
  border-bottom: 1px solid #373737;
  letter-spacing: 0;
}
.page_profile .list_profile li:nth-child(even) .view {
  left: 50%;
  margin-left: 19px;
}
.pop_profile {
  min-width: 320px;
  width: 100%;
  padding-bottom: 30px;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.65);
  z-index: 9999;
}
.pop_profile .pop_in {
  position: relative;
  margin-top: 95px;
  padding-bottom: 45px !important;
  background-color: #fff;
}
.pop_profile .btn_close {
  position: absolute;
  top: 60px;
  right: 0;
}
.pop_profile .profile {
  display: none;
}
.pop_profile .profile.focus {
  display: block;
}
.pop_profile .txt {
  float: left;
  margin-left: 18px;
}
.pop_profile .txt .part {
  margin-bottom: 9px;
  padding-top: 14px;
  font-weight: 700;
  font-size: 21px;
  line-height: 23px;
}
.pop_profile .txt .work {
  position: absolute;
  bottom: 19px;
  left: 18px;
  font-size: 12px;
}
.pop_profile .txt .work p {
  white-space: nowrap;
}
.pop_profile .txt .work span {
  display: inline-block;
  min-width: 73px;
  padding-right: 7px;
  margin-right: 7px;
  background: url(../images/bu_bar_popfofile_years.gif) no-repeat right center;
  -webkit-background-size: 1px 8px;
  background-size: 1px 8px;
}
.pop_profile .img {
  position: relative;
  width: 50%;
  padding-left: 50%;
  border-bottom: 1px solid #d3d3d3;
  text-align: right;
}
.pop_profile .img .bu {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2px;
  margin-left: 0px;
}
.pop_profile .img > img {
  max-width: 100%;
}
.pop_profile .box_top {
  overflow: hidden;
  position: relative;
  text-align: left;
}
.pop_profile .title {
  margin-bottom: 2px;
  text-align: center;
  padding: 30px 0 3px;
  font-size: 18px;
  line-height: 25px;
  color: #000;
  font-style: italic;
}
.pop_profile .title span {
  color: #5f92b3;
}
.pop_profile .num {
  padding-top: 21px;
  margin-bottom: 17px;
  text-align: center;
  font-size: 25px;
  line-height: 27px;
  font-weight: 700;
  color: #f0f0f0;
}
.pop_profile .box_cotn {
  padding: 0 13px;
}
.pop_profile .box_cotn dt {
  margin-bottom: 13px;
  font-size: 15px;
  text-align: center;
  font-weight: 700;
}
.pop_profile .box_cotn dd {
  color: #666;
}

/* 인재육성 */
.talent .page_promote {
  position: relative;
  padding-bottom: 0;
}
.page_promote .img_wrap {
  max-width: 375px;
  margin: 0 auto;
}
.page_promote .img_wrap img {
  max-width: 100%;
}
.page_promote .banner_link {
  position: relative;
}
.page_promote .banner_link.v_newR {
  background: url(../images/bg_banner_talent_newr.gif) no-repeat 0 0;
  -webkit-background-size: 100%;
  background-size: cover;
}
.page_promote .banner_link.v_careerD {
  background: url(../images/bg_banner_talent_career.gif) no-repeat 0 0;
  -webkit-background-size: 100%;
  background-size: cover;
}
.page_promote .banner_link a {
  font-family: "Godo", sans-serif;
  display: block;
  position: relative;
  height: 200px;
  text-align: center;
  color: #fff;
  font-size: 25px;
}
.page_promote .banner_link span {
  display: block;
  padding-top: 90px;
}
.page_promote .sub_in {
  margin-bottom: 50px;
}
.page_promote .sub_in .banner_link {
  margin-bottom: 50px;
}
.page_promote .img_program {
  margin-bottom: 53px;
}
.page_promote .title_size01 {
  margin-bottom: 20px;
}
.page_promote .box_slider {
  position: relative;
}
.page_promote .box_slider.arda_ort {
  height: 430px;
  margin-bottom: 48px;
  background-color: #f0f4f7;
}
.page_promote .box_slider.arda_ort dt {
  height: 42px;
  padding-top: 20px;
  margin-bottom: 17px;
  font-size: 16px;
  font-weight: 700;
  background: url(../images/bu_underbar_talent_slide.gif) no-repeat center
    bottom;
  -webkit-background-size: 14px 3px;
  background-size: 14px 3px;
}
.page_promote .box_slider.arda_ort dd {
  color: #666;
  line-height: 1.7em;
}
.page_promote .title_big_sub {
  padding: 0 20px;
  font-size: 15px;
  margin-bottom: 25px;
  color: #666666;
}
.page_promote .desc_ojt {
  padding: 0 20px 10px;
  color: #666666;
}
.page_promote .box_ojt .box_slider img {
  max-width: 100%;
}
.page_promote .s_ojt .bx-controls-direction {
  display: none;
}

/* //////////////////////////////////////////// */
/* //////////////    고객지원     ////////////// */
/* ///////           5 menu             /////// */
/* //////////////////////////////////////////// */
.customer {
  position: relative;
}

.customer > header {
  background-color: #ed6f00;
}

/* Tab */
.customer .tab_common li.focus {
  background-image: url(../images/bg_tab_arrow_custom.png);
}
.customer .tab_common li.focus a {
  background-color: #ed6f00;
  background-position: right -78px;
}

/* 버튼 */
.customer .btn_common a {
  background-color: #ed6f00;
  background-position: right -84px;
}
.customer .btn_common.v_height a {
  background-position: right -74px;
}
.customer .box_data span.btn_sear a {
  background-position: right -80px;
}

/*고객지원 spright 이미지*/
.customer .box_slider .clearfix li .ico,
.page_mainCustom .inquery_receipt li .ico {
  background-image: url(../images/sprite_custome.png);
  -webkit-background-size: 750px 600px;
  background-size: 750px 600px;
}

/* slider */
.customer .box_slider {
  overflow: hidden;
}
.customer .box_slider .title_size01 {
  margin-bottom: 40px;
}
.customer .box_slider .bx-pager .bx-pager-item a.active {
  background-position: -250px -200px;
}
.customer .box_slider .btn_slide_prev,
.customer .box_slider .btn_slide_next {
  top: 115px;
}
.customer .box_slider .clearfix li > span {
  display: block;
}
.customer .box_slider .clearfix li .ico {
  height: 74px;
  margin: 0 auto 10px;
  font-size: 0;
  color: transparent;
}
.customer .box_slider .clearfix li:nth-child(1) .ico {
  width: 54px;
  background-position: 0px -300px;
}
.customer .box_slider .clearfix li:nth-child(2) .ico {
  width: 56px;
  background-position: url(../images/chat_icon.png);
}
.customer .box_slider .clearfix li:nth-child(3) .ico {
  width: 64px;
  background-position: -300px -300px;
}
.customer .box_slider .clearfix li:nth-child(4) .ico {
  width: 64px;
  background-position: -450px -300px;
}
.customer .box_slider .clearfix li .tit {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 700;
}
.customer .box_slider .clearfix li .desc {
  font-size: 10px;
  line-height: 15px;
  color: #373737;
}
.customer .box_slider .btn_list li.focus {
  background-position: -250px -200px;
}

/*메인*/
.page_mainCustom {
  text-align: center;
}
.page_mainCustom .search {
  height: 234px;
  background-color: #f3f3f3;
}
.page_mainCustom .search .tit {
  font-family: "Godo", sans-serif;
  padding: 50px 0 15px;
  color: #373737;
  font-size: 28px;
  line-height: 1.4em;
}
.page_mainCustom .search .tit span {
  display: block;
  font-weight: 700;
  color: #000;
}
.page_mainCustom .box_search {
  background-color: #fff;
}
.page_mainCustom .pro_menthod {
  padding: 40px 0;
}
.page_mainCustom .pro_menthod .title_size01 {
  margin-bottom: 15px;
}
.page_mainCustom .pro_menthod .ico {
  margin-bottom: 10px;
}
.page_mainCustom .pro_menthod .ico img {
  width: 64px;
}
.page_mainCustom .pro_menthod .bx-controls-direction {
  margin-top: -20px;
}
.page_mainCustom .inquery_receipt {
  position: relative;
  background-color: #f3f3f3;
}
.page_mainCustom .inquery_receipt .tit {
  padding: 40px 0 19px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  color: #373737;
}
.page_mainCustom .inquery_receipt .tit span {
  display: inline-block;
  margin-top: 15px;
  font-size: 14px;
}
.page_mainCustom .inquery_receipt .tit em {
  color: #009fe3;
  font-weight: 700;
}
.page_mainCustom .inquery_receipt ul {
  margin: 0 13px;
  border-top: 2px solid #333333;
}
.page_mainCustom .inquery_receipt li {
  position: relative;
  height: 45px;
  border-bottom: 1px solid #dbdbdb;
}
.page_mainCustom .inquery_receipt li .txt {
  margin: 0 10px 0 52px;
  font-size: 14px;
  font-weight: 700;
  line-height: 45px;
}
.page_mainCustom .inquery_receipt li .num {
  font-size: 14px;
  color: #666666;
}
.page_mainCustom .inquery_receipt li .num a {
  color: #666666;
}
.page_mainCustom .inquery_receipt li .btn_common {
  position: absolute;
  top: 10px;
  right: 10px;
}
.page_mainCustom .inquery_receipt li .ico {
  position: absolute;
  left: 15px;
  width: 28px;
  height: 27px;
  font-size: 0;
  color: transparent;
}
.page_mainCustom .inquery_receipt li:nth-child(1) .ico {
  top: 12px;
  background-position: 0 -450px;
}
.page_mainCustom .inquery_receipt li:nth-child(2) .ico {
  top: 12px;
  background-position: -150px -450px;
}
.page_mainCustom .inquery_receipt li:nth-child(3) .ico {
  top: 13px;
  background-position: -300px -450px;
}
.page_mainCustom .inquery_receipt li:nth-child(4) .ico {
  top: 10px;
  background-position: -450px -450px;
}
.page_mainCustom .inquery_receipt li:nth-child(5) .ico {
  top: 10px;
  background-position: -600px -450px;
}
.page_mainCustom nav.box_category {
  padding: 38px 0;
  background-color: #fff;
  margin-bottom: 0;
}
.page_mainCustom .box_category ul {
  top: 92px;
}
.page_mainCustom .box_category .btn_slide_prev,
.page_mainCustom .box_category .btn_slide_next {
  top: 133px;
}
.page_mainCustom .box_category li .cate_01 {
  color: #ed6f00;
}

/*qna 박스*/
.customer .box_qna {
  position: relative;
  margin: 0 13px 55px;
  border-top: 3px solid #333333;
  text-align: left;
}
.customer .box_qna dl {
  border-bottom: 1px solid #dbdbdb;
}
.customer .box_qna dt {
  position: relative;
  line-height: 16px;
}
.customer .box_qna dt a {
  display: block;
  padding: 8px 5px 8px 26px;
  color: #777777;
}
.customer .box_qna dt span {
  position: absolute;
  top: 7px;
  left: 7px;
}
.customer .box_qna dd {
  display: none;
  position: relative;
  background-color: #f4f4f4;
}
.customer .box_qna dd a {
  display: block;
  padding: 9px 13px 8px 26px;
  color: #777777;
  font-size: 11px;
  line-height: 16px;
}
.customer .box_qna dd span {
  position: absolute;
  top: 7px;
  left: 7px;
  color: #333333;
  font-size: 12px;
  font-weight: 700;
}
.customer .box_qna dd img {
  max-width: 100%;
  height: auto !important;
}
.customer .box_qna .focus dt a {
  font-weight: 700;
  color: #ed6f00;
}
.customer .box_qna .focus dd {
  display: block;
}

/* 제품 군 선택 */
.customer .box_category {
  position: relative;
  padding: 40px 0;
  margin-bottom: 25px;
  background-color: #f0f4f7;
}
.customer .box_category .tit {
  margin-bottom: 56px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  color: #373737;
  background: none;
}
.customer .box_category .btn_slide_prev {
  top: 158px;
  left: 30%;
}
.customer .box_category .btn_slide_next {
  top: 158px;
  right: 30%;
}
.customer .box_category ul {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  top: 0;
}
.customer .box_category.area_slide .bx-wrapper {
  width: 50%;
  margin: 0 auto;
  position: relative;
}

.customer .box_category .faq_slide {
  width: 50%;
  margin: 0 auto;
}

.customer .box_category .faq_slide .swiper-button-prev {
  position: absolute;
  left: 0;
  top: 20px;
  width: 13px;
  height: 25px;
  background: url(../images/sprite_btn.png) no-repeat 0 0;
  background-size: 300px 250px !important;
  background-position: 0 -150px;
  margin:0;
}

.customer .box_category .faq_slide .swiper-button-next {
  position: absolute;
  right: 0;
  top: 20px;
  width: 13px;
  height: 25px;
  background: url(../images/sprite_btn.png) no-repeat 0 0;
  background-size: 300px 250px !important;
  background-position: -50px -150px;
  margin:0;
}

.customer .box_category .faq_slide .swiper-button-prev::after {
  display: none;
}

.customer .box_category .faq_slide .swiper-button-next::after {
  display: none;
}

.customer .box_category li {
  text-align: center;
  margin: 0 auto;
}
.customer .box_category li.focus {
  display: block;
}
.customer .box_category li .cate_01 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
}
.customer .box_category li .ico {
  margin-bottom: 13px;
}
.customer .box_category li .cate_02 {
  display: block;
}
.customer .box_category li .cate_02 a {
  display: block;
  margin-bottom: 5px;
  color: #838f97;
  line-height: 24px;
}
.customer .box_category li .cate_02 a.on {
  color: #fff;
  background-color: #ed6f00;
}
.customer .box_category li.focus .cate_01 {
  display: block;
}








.customer .area_slide .bx-controls-direction {
  position: absolute;
  top: 20px;
  width: 100%;
}
.customer .area_slide .bx-controls-direction > a {
  position: absolute;
  top: 0;
  width: 13px;
  height: 25px;
}
.customer .area_slide .bx-controls-direction > a.bx-prev {
  left: 0;
  background-position: 0 -150px;
}
.customer .area_slide .bx-controls-direction > a.bx-next {
  right: 0;
  background-position: -50px -150px;
}
.customer .area_slide .bx-pager {
  display: none;
}

.customer .box_category .side_icon {
  position: absolute;
  top: 113px;
}
.customer .box_category .side_icon.left {
  left: 12px;
}
.customer .box_category .side_icon.right {
  right: 12px;
}
.customer .box_category .side_icon em {
  display: none;
}
.customer .box_category .side_icon em.on {
  display: block;
}

/*ccm*/
.page_ccm {
  position: relative;
  text-align: center;
  color: #666666;
  padding-bottom: 40px;
  padding-top: 50px;
}
.page_ccm .title_sub {
  height: 38px;
  font-family: Arial;
  font-size: 10px;
  color: #666666;
}
.page_ccm .diagram {
  padding: 0 20px;
}
.page_ccm .diagram img {
  height: 155px;
}
.page_ccm .desc_diagram {
  padding: 13px 0 67px;
  line-height: 16px;
}
.page_ccm .box_ccm_kim {
  padding: 20px 0 17px;
  margin-bottom: 43px;
  background-color: #f0f4f7;
}
.page_ccm .box_ccm_kim .logo {
  margin-bottom: 27px;
}
.page_ccm .box_ccm_kim .logo img {
  height: 106px;
}
.page_ccm .box_ccm_kim .ccm_desc {
  line-height: 16px;
}
.page_ccm .box_ccm_kim .ccm_desc span {
  display: block;
  margin-bottom: 4px;
}
.page_ccm .seven {
  position: relative;
}
.page_ccm .seven .bx-viewport {
  height: auto !important;
}
.page_ccm .seven nav {
  position: relative;
}
.page_ccm .seven nav .bg_line {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 41px;
  height: 1px;
  margin-left: -20px;
  font-size: 0;
  color: transparent;
  background-position: -300px 0;
}
.page_ccm .seven ul {
  padding-top: 31px;
}
.page_ccm .seven li .tit {
  width: 110px;
  height: 110px;
  margin: 0 auto 20px;
  color: #fff;
  font-size: 40px;
  line-height: 110px;
  background: url(../images/bg_cumtom_ccm_seven.gif) no-repeat 0 0;
  -webkit-background-size: 110px;
  background-size: 110px;
  text-align: center;
}
.page_ccm .seven dt {
  padding-top: 20px;
  background: url(../images/bu_bar_customer_ccm.gif) no-repeat center 0;
  -webkit-background-size: 1 40px;
  background-size: 1 40px;
  font-size: 14px;
  font-weight: 700;
  color: #383838;
  margin-bottom: 13px;
}
.page_ccm .seven dd {
  margin-bottom: 7px;
  line-height: 16px;
}
.page_ccm .expect_effect {
  padding-top: 25px;
  position: relative;
}
.page_ccm .expect_effect li img {
  width: 125px;
}
.page_ccm .expect_effect .title_size01 {
  margin-bottom: 30px;
}
.page_ccm .expect_effect .ico {
  margin-bottom: 20px;
}
.page_ccm .expect_effect .desc_commom span {
  display: block;
  margin-bottom: 5px;
}

/*소비자 교육*/
.page_edu {
  position: relative;
  text-align: center;
  padding-bottom: 0px;
  padding-top: 50px;
}
.page_edu .member_total {
  position: relative; /*height: 229px;*/
  padding-bottom: 40px;
}
.page_edu .member_total .num {
  font-family: "Godo", sans-serif;
  display: inline-block;
  margin-bottom: 26px;
  font-size: 32px;
  line-height: 33px;
  font-weight: 700;
  color: #333333;
}
.page_edu .member_total strong {
  display: block;
  margin-bottom: 6px;
}
.page_edu .member_total .num_desc {
  font-family: "Noto Sans KR", "Nanum Gothic", "NanumGothic", "나눔고딕", "돋움",
    Dotum, AppleSDGothicNeo, AppleGothic, Droid Sans;
  display: block;
  padding-top: 3px;
  font-size: 15px;
  line-height: 11px;
  color: #ed6f00;
}
.page_edu .member_total .desc {
  padding: 0 20px;
  color: #666666;
}
.page_edu .box_tv {
  height: 370px;
  margin-bottom: 44px;
  background: url(../images/bg_cumtom_edu.gif) no-repeat center 0;
  -webkit-background-size: 100% 370px;
  background-size: 100% 370px;
  color: #fff;
}
.page_edu .box_tv .ico {
  padding: 34px 0 29px;
}
.page_edu .box_tv dt {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
}
.page_edu .box_tv dd {
  margin-bottom: 5px;
  font-size: 10px;
  line-height: 16px;
}
.page_edu .box_tv .box_btn {
  padding-top: 27px;
}
.page_edu .slide_infant .title_size01 {
  margin-bottom: 28px;
}
.page_edu .slide_infant .img {
  padding: 0 45px;
  margin-bottom: 20px;
}
.page_edu .slide_infant .desc_common {
  margin-bottom: 20px;
}
.page_edu .slide_infant .bx-controls-direction {
  margin-top: -80px;
}
.page_edu .education_area {
  padding-top: 30px;
  padding-bottom: 50px;
  background-color: #f7f7f7;
}
.page_edu .title2 {
  display: block;
  padding-bottom: 10px;
  font-size: 16px;
  color: #ed6f00;
  font-weight: 500;
}
.page_edu .title2 img {
  width: 145px;
}
.page_edu .desc2 img {
  display: block;
  width: 170px;
  margin: 10px auto;
}
.page_edu .desc2 {
  width: 80%;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #e1e1e1;
}
.page_edu .education_area .btn_common a {
  background-color: #3b3b3b;
  background-position: right 17px;
}

/*자주 묻는 질문*/
.page_faq {
  position: relative;
  text-align: center;
  padding-top: 50px;
}
.page_faq .search {
  position: relative;
  padding-bottom: 40px;
}
.page_faq .search .tit {
  font-family: "Godo", sans-serif;
  margin-bottom: 14px;
  font-size: 27px;
  line-height: 37px;
  color: #333333;
}
.customer .box_category.faq .side_icon {
  top: 130px;
}

/*정보형 컨텐츠*/
.page_infoCtom {
  position: relative;
  text-align: center;
  padding-top: 50px;
}
.page_infoCtom .title {
  font-family: "Godo", sans-serif;
  height: 175px;
  font-size: 26px;
  line-height: 1.4em;
  color: #373737;
}
.page_infoCtom .title span {
  display: block;
  font-weight: 700;
}
/*페이지네이션*/
.page_infoCtom .info_menu{width: 100%;height: 43px; padding:0 14px;background-color: #F0F4F7;justify-content: center;white-space: nowrap;overflow: hidden;overflow-x: auto;overflow-y: hidden; text-align: center;}
.page_infoCtom .info_menu li{display: inline-block;height:100%;vertical-align: middle;text-align:center;overflow: unset;}
.page_infoCtom .info_menu li a{display: inline-block; height: 100%; padding: 15px;font-size: 0.72222222rem; line-height: 0.72222222rem; color: #666; box-sizing: border-box;}
.page_infoCtom .info_menu li a:hover,
.page_infoCtom .info_menu li a.on{color: #E6712B;font-weight: 700; border-bottom: 2px solid #E6712B;}
.page_infoCtom .box_cotnView {
  position: relative;
  margin: 0 13px;
  padding-bottom: 197px;
  border-top: 2px solid #333333;
}
.page_infoCtom .box_cotnView dl {
  border-bottom: 1px solid #dbdbdb;
}
.page_infoCtom .box_cotnView dt {
  position: relative;
}
.page_infoCtom .box_cotnView dt a {
  display: block;
  height: 39px;
  padding-left: 35px;
  font-size: 14px;
  text-align: left;
  line-height: 39px;
}
.page_infoCtom .box_cotnView dt span {
  position: absolute;
  top: 0;
  left: 9px;
  color: #ed6f00;
  font-weight: 700;
}
.page_infoCtom .box_cotnView dt em {
  display: block;
  margin-right: 14px;
  background: url(../images/bu_dot_moreview_org.gif) no-repeat right center;
  -webkit-background-size: 11px;
  background-size: 11px;
}
.page_infoCtom .box_cotnView dd {
  display: none;
  background-color: #f4f4f4;
  padding: 20px 0;
}
.page_infoCtom .box_cotnView .focus dd {
  display: block;
}
.page_infoCtom .box_cotnView ul {
  width: 198px;
  padding: 10px 0 15px;
  margin: 0 auto;
}
.page_infoCtom .box_cotnView li {
  padding-left: 7px;
  line-height: 22px;
  color: #666666;
  background: url(../images/bu_dot_44black.gif) no-repeat 0 center;
  -webkit-background-size: 2px;
  background-size: 2px;
}
.page_infoCtom .box_scroll {
  display: block;
  position: relative;
  margin-top: 20px;
}
.page_infoCtom .box_scroll span {
  display: block;
  line-height: 16px;
}
.page_infoCtom .box_scroll > span {
  height: 190px;
  overflow-y: scroll;
  margin: 0 15px;
}
.page_infoCtom .box_scroll .speech {
  position: relative;
  margin-bottom: 3px;
}
.page_infoCtom .box_scroll .speech:last-child {
  margin-bottom: 0;
}
.page_infoCtom .box_scroll .name {
  position: absolute;
  top: 0;
  left: 0;
  color: #373737;
}
.page_infoCtom .box_scroll .txt {
  padding-left: 55px;
  color: #666666;
  text-align: left;
}
.page_infoCtom .box_cotnView2 {
  position: relative;
  margin-bottom: 40px;
  box-sizing: border-box;
}
.page_infoCtom .box_cotnView2 * {
  box-sizing: border-box;
}
.page_infoCtom .box_cotnView2 li {
  clear: both;
  border-top: 1px solid #eaeaea;
}
.page_infoCtom .box_cotnView2 a {
  position: relative;
  padding: 13px 30px 13px 128px;
  min-height: 93px;
  display: block;
  width: 100%;
  background: url(../images/bu_dot_moreview_org.gif) no-repeat right 13px center;
  background-size: 13px;
}
.page_infoCtom .box_cotnView2 .img {
  position: absolute;
  top: 13px;
  left: 13px;
}
.page_infoCtom .box_cotnView2 .img img {
  width: 100px;
}
.page_infoCtom .box_cotnView2 .title_size02 {
  margin: 0;
  font-weight: 500;
  font-size: 15px;
}
.page_infoCtom .box_cotnView2 .title_size02.br {
  height: 50px;
  margin-top: 20px;
}

/*고객응대절차*/
.page_process {
  position: relative;
  padding-bottom: 60px;
  text-align: center;
  padding-top: 50px;
}
.page_process .box_slider {
  padding-top: 20px;
  margin-bottom: 40px;
}
.page_process .box_slider .ico {
  margin-bottom: 15px;
}
.page_process .box_slider img {
  width: 64px;
}
.page_process .box_slider .bx-controls-direction {
  margin-top: -30px;
}
.page_process .tbl_standard {
  position: relative;
}
.page_process .tbl_standard .title_size01 {
  margin-bottom: 20px;
}
.page_process .tbl_standard td:nth-child(2) {
  padding: 10px;
  text-align: left;
}
.page_process .list_problem {
  display: block;
}
.page_process .list_problem > span {
  display: block;
  font-size: 13px;
}
.page_process .list_problem > span > span {
  display: inline-block;
}
.page_process .list_problem .ico_num {
  background: none;
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin: 0 2px;
  font-size: 11px;
  color: #fff;
  background-color: #333;
  vertical-align: middle;
  text-align: center;
  line-height: 15px;
}
.page_process .list_problem .txt {
  padding-left: 3px;
}
.page_process .list_problem .letter {
  margin-right: 3px;
}

/*문의접수*/
.page_inquiry {
  position: relative;
  text-align: center;
  padding-top: 50px;
}
.page_inquiry .tbl_title {
  margin-bottom: 27px;
  padding-top: 23px;
}
.page_inquiry .tbl_title2 {
  margin-bottom: 27px;
  padding-top: 23px;
  padding-left: 27px;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  text-align: left;
}
.page_inquiry .tbl_title .sub_tit {
  display: block;
  padding-top: 2px;
  font-size: 13px;
  line-height: 18px;
  color: #666666;
}

.page_inquiry .cs-info {
  width: calc(100% - 26px);
  padding: 20px 0;
  margin: 26px auto 20px;
  background: #F9F9F9;
  text-align: center;
}

.page_inquiry .cs-info .tel {
  display: inline-block;
  padding-left: 32px;
  background: url('../images/ico_cs.svg') left center / auto 24px no-repeat;
  color: #002756;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
}

.page_inquiry .cs-info .tel strong {
  color: #002756;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
}

.page_inquiry .cs-info .time {
  margin-top: 8px;
  color: #333;
  font-size: 13px;
  font-weight: 500;
  line-height: 100%;
}

.table_common label {
  float: left;
  font-size: 13px;
  color: #666666;
  margin-right: 4px;
}
.table_common label input {
  display: inline-block;
  position: relative;
  top: -2px;
}
.table_common label span {
  display: inline-block;
}
.table_common input[type="text"] {
  padding-left: 7px;
  box-sizing: border-box;
}
.table_common .box_radio {
  display: block;
  font-size: 0;
  overflow: hidden;
}
.table_common .box_email {
  display: block;
  position: relative;
}
.table_common .box_email .f_org {
  display: block;
  padding-top: 3px;
  font-size: 12px;
}
.table_common .box_address + .f_org {
  font-size: 12px;
}
.table_common .insert_form {
  display: block;
  margin-bottom: 3px;
}
.table_common .insert_form .form01 {
  float: left;
  position: relative;
  z-index: 1;
  width: 50%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.table_common .insert_form .form01 input {
  width: 100%;
}
.table_common .insert_form .form02 {
  position: absolute;
  top: 3px;
  left: 0;
  width: 100%;
  text-align: center;
}
.table_common .insert_form span:nth-child(1) {
  padding-right: 12px;
}
.table_common .insert_form span:nth-child(3) {
  padding-left: 10px;
}
.table_common .sel_form {
  display: block;
  width: 100%;
  padding-right: 73px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.table_common .sel_form select {
  width: 100%;
  height: 25px;
}
.table_common .etc_info {
  display: block;
  position: relative;
  padding-left: 42px;
}
.table_common .etc_info .tit {
  position: absolute;
  top: 3px;
  left: 0;
  font-size: 13px;
  color: #333333;
  font-weight: 700;
}
.table_common .etc_info .radio_sex {
  display: block;
}
.table_common .etc_info .sel_form {
  padding-right: 32px;
}
.table_common .date_txt {
  font-size: 7px;
  color: #666666;
  line-height: 12px;
}
.table_common .date_txt span {
  display: block;
  padding-left: 9px;
  background: url(../images/ico_info_data.gif) no-repeat 0 2px;
  -webkit-background-size: 7px;
  background-size: 7px;
}
.table_common .box_data {
  margin-bottom: 10px;
}
.page_inquiry .box_agreeCheck {
  position: relative;
  padding: 20px 0px 10px;
  margin: 0 13px;
  text-align: left;
}
.page_inquiry .box_agreeCheck > dl {
  margin-bottom: 15px;
}
.page_inquiry .box_agreeCheck dt {
  color: #000;
  font-weight: 700;
}
.page_inquiry .box_agreeCheck dd {
  font-size: 12px;
  color: #666666;
}
.page_inquiry .box_agreeCheck dd b {
  font-size: 14px;
  font-weight: 700;
}
.page_inquiry .box_agreeCheck > div {
  padding: 13px 10px;
  background-color: #f4f4f4;
}
.page_inquiry .box_agreeCheck > div dl {
  margin-bottom: 7px;
}
.page_inquiry .box_agreeCheck > div dt {
  margin-bottom: 3px;
}
.page_inquiry .box_agreeCheck > div dd {
  line-height: 1.4em;
}
.page_inquiry .box_agreeCheck > div dd > p {
  margin-bottom: 5px;
}
.page_inquiry .box_agreeCheck > p {
  width: 150px;
  margin: 0 auto;
  height: 23px; /*border-bottom: 1px solid #dbdbdb;*/
  text-align: center;
  line-height: 31px;
  text-align: left;
}
.page_inquiry .box_agreeCheck div + p {
  margin-top: 10px;
}
.page_inquiry .box_agreeCheck > p input {
  display: inline-block;
  position: relative;
  top: -2px;
}
.page_inquiry .box_agreeCheck.box2 {
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 30px;
}
.page_inquiry .box_agreeCheck .box_agree_tit {
  text-align: center;
}
.page_inquiry .btn_box {
  padding-bottom: 45px;
}

/* 210806 수정 Start */
.page_inquiry .box_agreeCheck > p {
  width: 170px;
} /*210817 추가 수정*/
.page_inquiry .box_agreeCheck > p input {
  top: 0;
}
.page_inquiry .box_agreeCheck .box_agree_tit dt {
  font-size: 18px;
  margin-bottom: 6px;
}
.page_inquiry .box_agreeCheck.box2 > div dl:nth-of-type(1) dd:nth-of-type(2) {
  margin-top: 15px;
}
.page_inquiry .process_info {
  border-top: 1px solid #d0d0d0;
}
.page_inquiry .process_info tr {
  border-bottom: 1px solid #d0d0d0;
}
.page_inquiry .process_info tr td:nth-of-type(1) {
  width: 25.6134%;
  padding: 7px 7px 7px 10px;
  background-color: #e1e1e1;
  white-space: nowrap;
  letter-spacing: -0.3px;
  vertical-align: middle;
}
.page_inquiry .process_info tr td:nth-of-type(2) {
  padding: 7px 0 7px 10px;
  letter-spacing: -0.3px;
}
/* 210806 수정 End */

.table_common .box_telNum {
  display: -webkit-fl;
  display: flex;
  display: -webkit-box;
}
.table_common .box_telNum > span {
  position: relative;
  webkit-flex: 1;
  flex: 1;
  -webkit-box-flex: 1;
  display: block;
}
.table_common .box_telNum > span input {
  width: 100%;
}
.table_common .box_telNum > span:nth-child(2) {
  padding: 0 9px;
}
.table_common .box_telNum > span span {
  position: absolute;
  top: 3px;
}
.table_common .box_telNum > span span.left_bar {
  left: 3px;
}
.table_common .box_telNum > span span.right_bar {
  right: 3px;
}
.table_common .box_address {
  display: block;
}
.table_common .box_address .box_data {
  margin-bottom: 2px;
}
.table_common .box_address > span {
  display: block;
  margin-bottom: 2px;
}
.table_common .box_address .input_area {
  margin-right: 120px;
}
.table_common .box_address > span > input {
  width: 100%;
}

/* //////////////////////////////////////////// */
/* //////////////    유틸리티     ////////////// */
/* ///////           6 menu             /////// */
/* //////////////////////////////////////////// */
.utility {
  position: relative;
}

.utility .contents {
  padding-bottom: 80px;
}

.utility > header {
  background-color: #6170ce;
}

/* Tab */
.utility .tab_common li.focus {
  background-image: url(../images/bg_tab_arrow_custom.png);
  background-repeat: no-repeat;
}
.utility .tab_common li.focus a {
  background-color: #1d6de5;
  background-position: right -33px;
}
.utility .tab_common.v_line02 li.focus {
  background-image: url(../images/bg_tab_arrow_utility2.png);
}
.utility .tab_common.v_line02 li.focus a {
  background-position: right -23px;
}

/* 버튼 */
.utility .btn_common a {
  background-color: #333;
  background-image: none;
  border-radius: 2px;
}
.utility .btn_common.v_height a {
  background-position: right -25px;
}

.utility .notice_search {
  position: relative;
  padding: 83px 19px 22px 19px;
  margin-bottom: 15px;
  background-color: #1d6de5;
}
.utility .notice_search select {
  height: 32px;
  border: 0 none;
  padding: 0;
  margin: 0;
}
.utility .notice_search .name {
  display: flex;
}
.utility .notice_search .name .select {
  width: 85px;
  background-position: 120% 50%;
  background-size: 32px 4px;
  border-radius: 2px;
}
.utility .notice_search .box_search {
  display: flex;
  margin: 0 56px 0 0;
  background-color: transparent;
}
.utility .notice_search .box_search input {
  padding: 0 10px;
  width: 100%;
  height: 32px;
  background-color: #fff;
  background-image: none;
  border-radius: 2px;
  color: #000;
}
.utility .notice_search .box_search input:placeholder {
  color: #fff;
}
.utility .notice_search .btn_common a {
  background-position: right -28px;
}

/* 사이트 이용약관 */
.page_policy {
  position: relative;
  padding-top: 78px;
}
.page_policy dl {
  padding: 0 12px;
  margin-top: 24px;
  font-size: 11px;
  line-height: 19px;
}
.page_policy dl:first-child {
  margin-top: 0;
}
.page_policy dt {
  font-weight: 700;
}

/* 공지사항 */
.page_notice {
  position: relative;
}

/* 이벤트 */
.page_event {
  position: relative;
  padding-top: 50px;
}
.page_event .ongoing {
  position: relative;
}
.page_event .ongoing ul {
  border-top: 0 none;
}
.page_event .ongoing li:first-child {
  margin-bottom: 15px;
}
.page_event .ongoing li:last-child {
  border-bottom: 0 none;
}
.page_event .ongoing li a {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.page_event .ongoing .img {
  display: block;
  padding-bottom: 10px;
}
.page_event .ongoing img {
  max-width: 100%;
}
.page_event .end_group {
  padding-top: 30px;
}

/*  search */
.page_search {
  position: relative;
}
.page_search .sear_result {
  text-align: center;
  padding: 10px 0 20px;
  font-size: 14px;
  line-height: 20px;
}
.page_search .sear_result .f_result {
  font-weight: 700;
  color: #1d6de5;
}
.page_search .tab_common li {
  width: 25%;
}

/*  개인정보처리 방침 */
.page_persPolicy {
  position: relative;
}
.page_persPolicy .policy_main {
  margin-bottom: 35px;
}
.page_persPolicy .policy_main {
  background-color: #f1f2f7;
  text-align: center;
  padding: 40px 19px;
}
.page_persPolicy .policy_main .tit {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
}
.page_persPolicy .policy_main .desc {
  font-size: 9px;
  line-height: 15px;
  color: #666666;
}
.page_persPolicy .policy_main .ma_top {
  padding-top: 10px;
  text-align: left;
}
.page_persPolicy .policy_main .ma_top .f_util {
  color: #6170ce;
}
.page_persPolicy .info_contents_box {
  margin: 0 13px;
  border-top: 2px solid #333333;
  border-bottom: 1px solid #dbdbdb;
}
.page_persPolicy .info_contents_box .type_tit {
  position: relative;
  border-top: 1px solid #dbdbdb;
}
.page_persPolicy .info_contents_box .type_tit:first-child {
  border-top: 0 none;
}
.page_persPolicy .info_contents_box .type_tit .close {
  position: absolute;
  top: 12px;
  right: 15px;
  width: 11px;
  height: 11px;
  background: url(../images/bu_cross_utility_on.gif) no-repeat 0 0;
  -webkit-background-size: 11px;
  background-size: 11px;
}
.page_persPolicy .info_contents_box .type_tit.focus .close {
  background-image: url(../images/bu_cross_utility_off.gif);
}
.page_persPolicy .info_contents_box .type_tit a {
  display: block;
  height: 32px;
  font-size: 11px;
  padding-left: 15px;
  font-weight: 700;
  line-height: 32px;
}
.page_persPolicy .info_contents_box .type_desc {
  display: none;
  padding: 13px;
  background-color: #f4f4f4;
  border-top: 1px solid #dbdbdb;
  color: #666666;
  font-size: 11px;
  line-height: 16px;
}
.page_persPolicy .info_contents_box .type_desc.focus {
  display: block;
}
.page_persPolicy .info_contents_box table {
  width: 100%;
  border-top: 2px solid #333333;
  font-size: 9px;
  line-height: 12px;
}
.page_persPolicy .info_contents_box th {
  height: 33px;
  vertical-align: middle;
  border-bottom: 1px solid #adadad;
  border-left: 1px solid #adadad;
  background-color: #e8e8e8;
}
.page_persPolicy .info_contents_box th:first-child {
  border-left: 0 none;
}
.page_persPolicy .info_contents_box td {
  text-align: center;
  padding: 5px 0;
  vertical-align: middle;
  border-bottom: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
}
.page_persPolicy .info_contents_box td:first-child {
  border-left: 0 none;
}
.page_persPolicy .info_contents_box .type_desc > p {
  margin: 10px 0;
}
.page_persPolicy .info_contents_box .policy_tbl td > ul {
  text-align: left;
  margin: 5px;
}
.page_persPolicy .info_contents_box .policy_tbl td > ul > li {
  display: block;
  margin-bottom: 6px;
  padding-left: 10px;
  position: relative;
}
.page_persPolicy .info_contents_box .policy_tbl td > ul > li:after {
  content: "-";
  position: absolute;
  display: inline-block;
  top: 0px;
  left: 0;
}
.page_persPolicy .info_contents_box .type_desc > p > span {
  display: block;
  margin: 5px 0 10px 7px;
}
.page_persPolicy .info_contents_box .type_tit a.row2 {
  width: 83%;
}
.page_persPolicy .info_contents_box .type_tit a {
  height: auto;
  line-height: 1.4;
  padding: 10px 10px;
}

/*  사이트맵 방침 */
.page_sitemap .sitemap {
  width: 98%;
  padding: 7% 0 5% 2%;
}
.page_sitemap .sitemap h3 {
  color: #6170ce;
  font-size: 18px;
  font-weight: 500;
}
.page_sitemap .sitemap h3 a {
  color: #6170ce;
}
.page_sitemap .sitemap .st_box {
  width: 100%;
  margin-top: 5%;
  overflow: hidden;
}
.page_sitemap .sitemap dl {
  float: left;
  width: 30%;
  padding-right: 5%;
}
.page_sitemap .sitemap dl.last {
  width: 29%;
  padding-right: 0;
}
.page_sitemap .sitemap dt {
  color: #373737;
  font-size: 14px;
  font-weight: 500;
}
.page_sitemap .sitemap dt a {
  color: #373737;
}
.page_sitemap .sitemap dd {
  margin-top: 3%;
}
.page_sitemap .sitemap dd li {
  margin-top: 1%;
}
.page_sitemap .sitemap dd .pic {
  padding-top: 9%;
}
.page_sitemap .sitemap dd .pic img {
  width: 62%;
}
.page_sitemap .sitemap.t2 {
  background: #f0f4f7;
}

/* //////////////////////////////////////////// */
/* //////////////    팝업     ////////////// */
/* ///////           pop_bg             /////// */
/* //////////////////////////////////////////// */
.pop_bg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 70px 10px 10px 10px;
  width: 100%;
  background-color: rgba(55, 55, 55, 0.3);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 1112;
}
.pop_bg2 {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 70px 10px 10px 10px;
  width: 100%;
  background-color: rgba(55, 55, 55, 0.3);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 1112;
}
.pop_product {
  position: relative;
  padding-top: 39px;
  border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  box-shadow: 0 0 10px #414141;
  background-color: #fff;
  text-align: center;
  overflow: hidden;
}
.pop_product .pop_cotn {
  display: none;
}
.pop_product .logo {
  margin-bottom: 21px;
}
.pop_product .title {
  font-weight: 700;
  margin-bottom: 10px;
}
.pop_product .title p {
  font-size: 24px;
  line-height: 1.2em;
  color: #242424;
}
.pop_product .title p:nth-child(1) {
  margin-bottom: 3px;
}
.pop_product .title p:nth-child(2) {
  padding-bottom: 5px;
}
.pop_product .title p.sub_title {
  font-size: 15px;
  font-weight: bold;
}
.pop_product .title p img.ico {
  margin-left: 3px;
}
.pop_product .btn_box {
  position: relative;
  height: 42px;
  margin: 0 25px;
  border-bottom: 1px solid #e3e3e3;
}
.pop_product .btn_box.center > a {
  margin: 0 auto;
  float: none;
  display: block;
}
.pop_product .btn_box a {
  position: relative;
  width: 50%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: left;
  height: 42px;
}
.pop_product .btn_box a > span {
  display: inline-block;
  position: relative;
  font-size: 14px;
  line-height: 42px;
}
.pop_product .btn_box .ico {
  position: absolute;
  left: 0;
}
.pop_product .btn_box .brand.t2 {
  background: url(../images/bu_bar_product_pop_btn.gif) no-repeat right center;
  -webkit-background-size: 1px 14px;
  background-size: 1px 14px;
}
.pop_product .btn_box .brand > span {
  padding-left: 29px;
  color: #989898;
}
.pop_product .btn_box .brand .ico {
  top: 14px;
  width: 18px;
  height: 15px;
  background-position: -250px -50px;
}
.pop_product .btn_box .shop > span {
  padding-left: 27px;
  color: #989898;
}
.pop_product .btn_box .shop .ico {
  top: 13px;
  width: 17px;
  height: 17px;
  background-position: -200px -50px;
}
.pop_product .desc {
  font-size: 14px;
  color: #666;
  font-weight: 500;
  margin: 20px 28px 0;
}
.pop_product .desc .fcolor {
  color: #000;
}

.pop_product .box_slider {
  margin-top: 25px;
  padding-bottom: 25px;
  background-color: #f0f0f0;
}
.pop_product .v_momming .box_slider {
  background-color: #f7f7f7;
}
.pop_product .box_slider .title_size01 {
  padding-top: 25px;
  margin-bottom: 20px;
}
.pop_product .box_slider .box_prod {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
.pop_product .box_slider .box_prod > span {
  display: block;
  color: #666666;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}
.pop_product .box_slider .bx-controls-direction {
  position: absolute;
}
.pop_product .box_slider .bx-controls-direction > a {
  width: 12px;
  height: 19px;
  margin-top: -13px;
}
.pop_product .box_slider .bx-controls-direction > a.bx-prev {
  background-position: -100px -100px;
}
.pop_product .box_slider .bx-controls-direction > a.bx-next {
  background-position: -150px -100px;
}
.pop_product .box_slider .bx-pager .bx-pager-item {
  marggin: 0 5px;
  padding-top: 11px;
}
.pop_product .box_slider .bx-pager .bx-pager-item a {
  background-position: -100px -50px;
  width: 10px;
  height: 10px;
}
.pop_product .box_slider .bx-pager .bx-pager-item a.active {
  background-position: -150px -50px;
}

.pop_product .v_clean_kg .box_slider li:nth-child(2) > span:first-child,
.pop_product .v_clean_kg .box_slider li:nth-child(3) > span:first-child {
  vertical-align: top;
}

.pop_product .btn_close {
  position: absolute;
  top: 15px;
  right: 15px;
}
.pop_product .btn_close a {
  display: block;
  width: 17px;
  height: 17px;
  background-position: -200px -150px;
}

/*우편번호 찾기*/
.pop_postcode {
  position: absolute !important;
  left: 50%;
  margin-left: -160px;
  top: 0;
  min-width: 320px;
  position: relative;
  background-color: #fff;
  z-index: 500;
  display: none;
}
.pop_postcode .box {
  padding: 15px 14px;
  max-height: 280px;
  overflow-y: scroll;
}
.pop_postcode > .tit {
  height: 44px;
  font-size: 18px;
  padding-left: 20px;
  line-height: 44px;
  font-weight: 700;
  color: #fff;
  background: #3b3b3b url(../images/bg_postcodepop_head.png) no-repeat right
    bottom;
  -webkit-background-size: 61px 29px;
  background-size: 61px 29px;
}
.pop_postcode .tab_common {
  margin: 0 0 14px 0;
}
.pop_postcode .tab_common li.focus {
  background-image: url(../images/bg_tab_arrow_custom.png);
}
.pop_postcode .tab_common li.focus a {
  background-color: #ed6f00;
  background-position: right -77px;
}
.pop_postcode .addr p.txt {
  font-size: 13px;
  margin-bottom: 7px;
}
.pop_postcode .addr_search {
  position: relative;
}
.pop_postcode .addr_search .tit {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 13px;
  line-height: 24px;
}
.pop_postcode .addr_search .form {
  position: relative;
  margin-left: 45px;
  padding-right: 53px;
}
.pop_postcode .addr_search .form .box_input {
  display: block;
  border: 1px solid #cccccc;
}
.pop_postcode .addr_search .form input {
  height: 23px;
  width: 100%;
}
.pop_postcode .addr_search .form .btn_common {
  position: absolute;
  top: 0;
  right: 0;
}
.pop_postcode .addr_select {
  overflow: hidden;
  margin-bottom: 7px;
}
.pop_postcode .addr_select > div {
  float: left;
  width: 50%;
  position: relative;
}
.pop_postcode .addr_select .tit {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 13px;
  line-height: 24px;
}
.pop_postcode .addr_select .box_select {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.pop_postcode .addr_select .box_select select {
  width: 100%;
  text-indent: 0;
}
.pop_postcode .addr_select .left_sel .tit {
  width: 45px;
}
.pop_postcode .addr_select .left_sel .box_select {
  padding-left: 45px;
  padding-right: 10px;
}
.pop_postcode .addr_select .right_sel .tit {
  width: 55px;
  padding-left: 5px;
}
.pop_postcode .addr_select .right_sel .box_select {
  padding-left: 60px;
}
.pop_postcode .txtBox {
  padding-top: 10px;
}
.pop_postcode .addrTable {
  width: 100%;
  margin-top: 20px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #ccc;
}
.pop_postcode .addrTable thead th {
  padding: 10px 0;
  border-bottom: 1px solid #000;
  text-align: center;
  color: #666;
  font-weight: 700;
  font-size: 13px;
}
.pop_postcode .addrTable tbody th {
  padding: 10px 0;
  text-align: center;
  border-top: 1px solid #ccc;
  vertical-align: middle;
}
.pop_postcode .addrTable tbody td {
  padding: 10px 10px;
  border-left: 1px solid #ccc;
  color: #999;
  border-top: 1px solid #ccc;
  text-align: left !important;
}
.pop_postcode .addrTable tbody td span {
  color: #666;
}
.pop_postcode .box_tab > div {
  display: none;
}
.pop_postcode .box_tab .tab_01 {
  display: block;
}
.pop_postcode .btn_close {
  position: absolute;
  top: 0px;
  right: 0px;
}
.pop_postcode .btn_close img {
  width: 44px;
  height: 44px;
}

.poll_bg {
  background: #606fcb url(../images/poll_bg.jpg) repeat-y;
  background-size: 100%;
}
.poll_close {
  position: absolute;
  right: 9px;
  top: 13px;
  width: 7.8%;
}
.poll_close img {
  width: 100%;
}
.poll {
  padding: 9% 0 4.7% 0;
  color: #666666;
}
.poll input[type="text"] {
  border: solid #bebebe 1px;
  font-size: 14px;
}
.poll .tit img {
  width: 100%;
}
.poll .tab {
  width: 100%;
  margin-top: 9%;
  overflow: hidden;
}
.poll .tab li {
  float: left;
  width: 20%;
}
.poll .tab li img {
  width: 100%;
}
.poll .pbox {
  background: #fff;
}
.poll .pshd {
  line-height: 0;
  font-size: 0;
}
.poll .pshd img {
  width: 100%;
}
.poll .gd {
  padding: 10% 1.5% 6% 1.5%;
}
.poll .gd ul {
  height: 225px;
  margin-bottom: 7.5%;
}
.poll .gd li {
  float: left;
  width: 33%;
  height: 100%;
  border-left: solid #bbbbbb 1px;
  text-align: center;
}
.poll .gd li:first-child {
  border-left: none;
}
.poll .gd li dt {
  font-color: #333333;
  font-weight: 700;
  font-size: 14px;
}
.poll .gd li dt img {
  width: 45px;
  margin-bottom: 4px;
}
.poll .gd li dd {
  margin-top: 19px;
  color: #666666;
}
.poll .gd .g1 {
  background: url(../images/poll_gd_bg01.jpg) no-repeat center bottom;
  background-size: 70%;
}
.poll .gd .g2 {
  background: url(../images/poll_gd_bg02.jpg) no-repeat center bottom;
  background-size: 70%;
}
.poll .gd .g3 {
  background: url(../images/poll_gd_bg03.jpg) no-repeat center bottom;
  background-size: 70%;
}
.poll .note {
  padding: 4% 2% 0 2%;
}
.poll .note dt {
  padding-left: 12px;
  font-size: 14px;
  background: url(../images/poll_bullet01.jpg) no-repeat left 7px;
  font-weight: 700;
}
.poll .note dd {
  padding-left: 12px;
  margin-top: 6px;
}
.poll .btns {
  margin: 3.5% 0 0 0;
  text-align: center;
}
.poll .btns img {
  width: 40.5%;
}
.poll .btns.t2 img {
  width: 56.2%;
}
.poll .btns.t3 img {
  width: 34.5%;
}
.poll .poll_write {
  padding: 13px 2.5% 6% 2.5%;
}
.poll .poll_write table {
  width: 100%;
  font-size: 14px;
}
.poll .poll_write th {
  width: 35px;
  padding: 8px 0 11px 0;
  text-align: left;
  color: #9e9e9e;
  font-weight: 700;
}
.poll .poll_write td {
  padding: 4px 0 4px 0;
  color: #4c4c4c;
  font-weight: 700;
}
.poll .poll_write td input[type="radio"] {
  display: inline;
  margin-top: -3px;
}
.poll .poll_write td input[type="checkbox"] {
  display: inline;
  margin-top: -3px;
}
.poll .poll_write .space {
  margin-left: 15px;
}
.poll .poll_write td p {
  margin-top: 5px;
}
.poll .poll_write td p:first-child {
  margin-top: 0;
}
.poll .poll_write ul {
  width: 100%;
  overflow: hidden;
}
.poll .poll_write li {
  float: left;
  margin-top: 5px;
}
.poll .poll_write .t1 li {
  width: 160px;
}
.poll .poll_write .t2 li {
  width: 125px;
}
.poll .poll_write .t3 li {
  width: 142px;
}
.poll .poll_write .long {
  width: 100% !important;
}
.poll .dotline {
  padding: 0;
  font-size: 0;
  line-height: 0;
}
.poll .dotline img {
  width: 100%;
}
.poll .pinfo .txt {
  margin-top: 4.8%;
  text-align: center;
  color: #d3d8f5;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}
.poll .pinfo .txt span {
  color: #fffd68;
}
.poll .pinfo .info {
  width: 91%;
  margin: 0 auto;
  border: solid #2e376b 6px;
  background: #fff;
}
.poll .pinfo .info table {
  width: 96%;
  margin: 2% auto;
}
.poll .pinfo .info th {
  width: 75px;
  padding: 8px 0 11px 12px;
  background: url(../images/poll_bullet01.jpg) no-repeat left 15px;
  color: #4c4c4c;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
}
.poll .pinfo .info td {
  padding: 4px 0 4px 0;
}
.poll .pinfo .info td input[type="text"] {
  height: 28px;
}

/* //////////////////////////////////////////// */
/* ////////////   instagram event class  ///////////// */
/*    인스타그램 이벤트 add 150825  */
/* //////////////////////////////////////////// */
.page_insta img {
  width: 100%;
}
.insta_event {
  padding-top: 20px;
}
.insta_event span {
  color: #1f8cdd;
}
.insta_event_btns {
  clear: both;
  padding: 20px 0;
}
.insta_event_btns span {
  vertical-align: top;
}
.insta_event_data {
  width: 98%;
  margin: 1%;
}
.insta_event_data li {
  float: left;
  width: 49%;
  margin: 0.5%;
}
.insta_bottom a {
  clear: both;
  width: 80px;
  background: #3b3b3b !important;
}
.insta_noti_box {
  width: 265px;
  padding: 5px 0;
  margin: 0 auto 20px;
  text-align: center;
  color: #1f8cdd;
  background: #eff8ff;
  border: 1px solid #abdbff;
  font-size: 9px;
}

.btn_share {
  display: inline-block;
}
.btn_share a {
  display: inline-block;
  font-size: 0;
  width: 41px;
  line-height: 41px;
  background-image: url(../images/sprite_bg_share_btn.png);
  -webkit-background-size: 250px 41px;
  background-size: 250px 41px;
  background-repeat: no-repeat;
}
.btn_share.v_height a {
  width: 34px;
  line-height: 34px;
}
.btn_share.kakao a {
  background-position: -100px 0 !important;
}
.btn_share.twitter a {
  background-position: -50px 0 !important;
}
.btn_share.insta a {
  background-position: -150px 0 !important;
}
.btn_share.facebook a {
  background-position: -200px 0 !important;
}

.pop_way {
  min-width: 320px;
  position: relative;
  background-color: #fff;
  border-radius: 5px;
}
.pop_way > .tit {
  height: 54px;
  font-size: 18px;
  margin: 0 10px;
  line-height: 54px;
  font-weight: 700;
  border-bottom: 1px #e3e3e3 solid;
}
.pop_way strong {
  font-weight: bold;
}
.pop_way .box {
  padding: 10px;
}
.pop_way .step li {
  text-align: center;
  padding: 3px 0;
}
.pop_way .step strong {
  color: #1f8cdd;
}
.pop_way .ico {
  display: inline-block;
  font-size: 0;
  width: 34px;
  line-height: 34px;
  margin-bottom: 2px;
  background-image: url(../images/sprite_bg_insta.png);
  -webkit-background-size: 200px 34px;
  background-size: 200px 34px;
  background-repeat: no-repeat;
}
.pop_way .ico1 {
  background-position: 0 0 !important;
}
.pop_way .ico2 {
  background-position: -50px 0 !important;
}
.pop_way .ico3 {
  background-position: -100px 0 !important;
}
.pop_way .ico4 {
  background-position: -150px 0 !important;
}
.pop_way .txt_box {
  background: #dfecf6;
  border: 1px solid #a7d2f1;
  border-radius: 3px;
  padding: 10px;
  margin-top: 10px;
}
.pop_way .txt_box p {
  font-size: 16px;
  padding-bottom: 15px;
}
.pop_way .txt_box p strong {
  color: #1f8cdd;
  font-weight: normal;
}
.pop_way .txt_box .best {
  letter-spacing: -1px;
}
.pop_way .txt_box .noti {
  padding-top: 8px;
  padding-bottom: 0;
  line-height: normal;
  font-size: 0.9em;
  color: #f41e1e;
  text-align: left;
}
.pop_way .txt_box .noti span {
  display: inline-block;
  text-indent: 9px;
}
.pop_way .btn_close {
  position: absolute;
  top: 10px;
  right: 10px;
}

.insta_gift {
  margin-top: 13px;
  background: #e8eef2;
}
.insta_gift ul {
  width: 100%;
  margin: 0 auto;
  padding-top: 14px;
  padding-bottom: 19px;
}
.insta_gift ul:after {
  display: block;
  clear: both;
  content: "";
}
.insta_gift ul li {
  float: left;
}
.insta_gift ul .gift1 {
  width: 44%;
  margin-right: 19px;
  padding-left: 13px;
  padding-right: 19px;
  border-right: 1px solid #c7cacc;
}
.insta_gift ul .gift2 {
  width: 30%;
}
.insta_gift ul .gift1 .gift_txt {
  margin-left: 22%;
  font-size: 10px;
  text-align: center;
}
.insta_gift ul .gift2 .gift_txt {
  padding-top: 10%;
  font-size: 10px;
  text-align: center;
}
.insta_gift ul .gift_txt span {
  font-weight: bold;
}

.btn_insta.btn_common.v_height a {
  background-position: right -126px;
}

@media (max-width: 360px) {
  .pop_way .box {
    font-size: 0.9em;
  }
  .pop_way .step li {
    padding: 2px 0;
  }
  .pop_way .txt_box {
    padding: 5px;
    margin-top: 5px;
  }
  .pop_way .txt_box p {
    padding-bottom: 8px;
  }
}

.pop_share {
  min-width: 320px;
  position: relative;
  background-color: #fff;
  border-radius: 5px;
}
.pop_share > .tit {
  height: 54px;
  font-size: 18px;
  margin: 0 10px;
  line-height: 54px;
  font-weight: 700;
  border-bottom: 1px #e3e3e3 solid;
}
.pop_share strong {
  color: #222;
}
.pop_share .box {
  padding: 30px 10px;
  color: #555;
}
.pop_share .btn_close {
  position: absolute;
  top: 10px;
  right: 10px;
}

.insta_privacy .agree {
  text-align: left;
  background: #dfecf6;
  border: 1px solid #a7d2f1;
  border-radius: 3px;
  margin: 10px;
  padding: 10px;
}
.insta_privacy .agree strong {
  font-weight: bold;
}
.insta_privacy .agree_chk {
  text-align: center;
  padding: 10px 0;
}
.insta_privacy .info {
  margin: 0 5px;
}
.insta_privacy .info dt {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  line-height: 30px;
  margin: 5px;
  padding: 5px;
  color: #333;
  background: #f4f4f4;
}
.insta_privacy .info dt span {
  color: #ed6f00;
}
.insta_privacy .info dd {
  width: 90%;
  margin-left: 5%;
}
.insta_privacy .info span {
  display: inline-block;
}
.insta_privacy .info span input {
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.insta_privacy .info .w1 {
  width: 100%;
}
.insta_privacy .info .w2 {
  width: 30%;
  float: left;
}
.insta_privacy .info .w3 {
  width: 5%;
  float: left;
  text-align: center;
  height: 30px;
  line-height: 30px;
}
.insta_privacy input[type="radio"] {
  display: inline-block;
}
.insta_privacy input[type="number"],
.insta_privacy input[type="text"] {
  height: 30px;
  line-height: 30px;
  border: solid #a5a5a5 1px;
  background: #fff;
  border-radius: 1px;
  -webkit-appearance: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/* popup */
.popup-wrap {
  display: none;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 85px;
  background-color: #1f8cdd;
  z-index: 1100;
}
.popup-wrap .popup {
  width: 100%;
  height: 85px;
}
.popup-wrap .popup a {
  display: block;
  width: 100%;
}
.popup-wrap .popup img {
  max-width: 320px;
  max-height: 85px;
}
.popup-wrap .today {
  position: absolute;
  bottom: 8px; /* left:50px; */
  right: 5px;
}
.popup-wrap .today input {
  float: left;
}
.popup-wrap .today label {
  float: left;
}
.popup-wrap .today label img {
  width: 68px;
}
.popup-wrap .close {
  position: absolute;
  top: 8px;
  right: 5px;
}
.popup-wrap .close a img {
  width: 15px;
  height: 15px;
}
.popup-wrap .bx-pager {
  position: absolute;
  bottom: 3%;
  left: 0;
  width: 100%;
  text-align: center;
}
.popup-wrap .bx-pager .bx-pager-item {
  display: inline-block;
}
.popup-wrap .bx-pager a {
  display: block;
  width: 9px;
  height: 9px;
  margin-right: 6px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  font-size: 0;
}
.popup-wrap .bx-pager a.active {
  background-color: #fff;
}

/* //////////////////////////////////////////// */
/* ////////////   quiz event class  ///////////// */
/*    릴레이퀴즈 이벤트 add 151019  */
/* //////////////////////////////////////////// */
.utility .contents.page_quiz {
  padding-bottom: 0;
}

.page_quiz img {
  width: 100%;
}
.page_quiz {
  font-size: 12px;
  text-align: center;
  line-height: 1.6em;
}
.page_quiz .bold {
  font-weight: bold;
}
.page_quiz .c_blue {
  font-weight: bold;
  color: #1a7dd7;
}

.quiz_event_btns {
  padding: 20px 0;
}
.quiz_event_btns span {
  vertical-align: top;
}
.quiz_event_btns .btn_quiz a {
  background-color: #1f8cdd;
}
.btn_quiz.btn_common.v_height a {
  background-position: right -126px;
}

/* 퀴즈 탭메뉴 */
.quiz-nav {
  width: 100%;
}
.quiz-nav.last ul {
  background: #1a7dd7;
}
.quiz-nav ul:after {
  display: block;
  clear: both;
  content: "";
}
.quiz-nav ul li {
  float: left;
  width: 33%;
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
}
.quiz-nav ul li:first-child {
  border-left: 0;
}
.quiz-nav ul li.on {
  border-top: 1px solid #1a7dd7;
}
.quiz-nav ul li a {
  display: block;
  padding: 10% 0;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  background: #fff;
  color: #c3c2c2;
}
.quiz-nav ul li.on a {
  background: #1a7dd7;
  color: #fff;
}

.quiz_desc {
  padding: 22px 0;
  background: #1a7dd7;
}
.quiz_desc p {
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.quiz_desc .quiz_txt {
  padding-bottom: 23px;
}
.quiz_desc .quiz_txt.date {
  font-size: 10px;
}
.quiz_desc .quiz_gift01 {
  width: 80%;
  margin: 0 auto;
  padding-top: 15px;
  border-top: 1px solid #8dbeeb;
}
.quiz_desc .quiz_gift01:after {
  display: block;
  clear: both;
  content: "";
}
.quiz_desc .quiz_gift01 .quiz_gift {
  width: 48%;
  margin: 0 auto;
  padding-left: 2%;
  float: left;
  text-align: left;
}
.quiz_desc .quiz_gift01 .quiz_gift.txt {
  padding-top: 15px;
}

.quiz_desc .quiz_gift02 {
  width: 80%;
  margin: 0 auto;
  padding-top: 15px;
  border-top: 1px solid #8dbeeb;
}
.quiz_desc .quiz_gift02:after {
  display: block;
  clear: both;
  content: "";
}
.quiz_desc .quiz_gift02 .quiz_gift {
  width: 48%;
  margin: 0 auto;
  padding-left: 2%;
  float: left;
  text-align: left;
}
.quiz_desc .quiz_gift02 .quiz_gift.txt {
  padding-top: 20px;
}

.quiz_cont .tit {
  width: 70%;
  margin: 0 auto;
  padding-top: 29px;
}
.quiz_cont .hint {
  width: 86%;
  margin: 0 auto;
  padding-top: 15px;
}
.quiz_cont .hint .txt {
  width: 98%;
  margin: 0 auto;
  padding-top: 13px;
  color: #222;
}
.quiz_cont .hint.quiz2 .txt {
  width: 98%;
  margin: 0 auto;
  padding-top: 13px;
  color: #222;
}

.quiz_answer {
  width: 86%;
  margin: 0 auto;
  padding: 25px 0 20px;
  border-bottom: 1px solid #d3d3d3;
}
.quiz_answer input[type="text"] {
  width: 110px;
  height: 35px;
  line-height: 30px;
  border: solid #003f7d 2px;
  background: #fff;
  text-align: center;
  border-radius: 1px;
  -webkit-appearance: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.next_quiz {
  background: #003f7d;
  color: #fff;
  text-align: center;
}
.next_quiz .next_quiz_txt,
.next_quiz .next_quiz_gift {
  width: 97%;
  margin: 0 auto;
  padding-top: 24px;
  font-size: 10px;
}
.next_quiz .next_quiz_txt span {
  font-size: 14px;
}
.next_quiz .next_quiz_txt .date {
  padding-top: 16px;
  text-decoration: underline;
}
.next_quiz .next_quiz_gift ul:after {
  display: block;
  clear: both;
  content: "";
}
.next_quiz .next_quiz_gift ul li {
  width: 31%;
  float: left;
  padding-left: 2%;
}
.next_quiz .next_quiz_gift ul li span {
  width: 100%;
}
.next_quiz .next_quiz_gift ul li span {
  position: relative;
  display: inline-block;
  text-align: center;
  padding-top: 10px;
}
.next_quiz .next_quiz_gift ul li .top_gift {
  position: relative;
  left: -2px;
  top: -6px;
  color: #ffa031;
}
.next_quiz .next_quiz_gift.quiz02 ul {
  padding: 0 15% 0 13%;
}
.next_quiz .next_quiz_gift.quiz02 ul li {
  width: 45%;
  padding-left: 5%;
}
.next_quiz .next_quiz_gift.quiz03 ul {
  width: 31%;
  margin: 0 auto;
}
.next_quiz .next_quiz_gift.quiz03 ul li {
  width: 100%;
}
.next_quiz .next_quiz_gift .notice {
  padding: 22px 0 30px;
  color: #ffa031;
}

.quiz_share_bg {
  width: 100%;
  padding: 26px 0 20px;
  background: #f3f3f3;
  color: #424242;
  font-size: 13px;
}
.quiz_share:after {
  display: block;
  clear: both;
  content: "";
}
.quiz_share {
  width: 97%;
  margin: 0 auto;
}
.quiz_share p {
  width: 48%;
  float: left;
  margin: 0 auto;
}
.quiz_share .share_txt {
  padding-right: 2%;
}
.quiz_share .quiz_event_btns {
  padding: 0;
}

/* 응모 페이지 */
.quiz_privacy_bg {
  background: #e8eef2;
}
.quiz_apply_wrap .tit {
  width: 70%;
  margin: 0 auto;
  padding-top: 29px;
}
.quiz_apply_wrap .cont {
  padding-top: 18px;
}
.quiz_apply_wrap .date {
  padding: 29px 0;
}

.quiz_privacy {
  text-align: left;
  padding: 25px 0;
}
.quiz_privacy .tit {
  margin-left: 10px;
  font-size: 13px;
  font-weight: bold;
}
.quiz_privacy .agree {
  text-align: left;
  background: #fff;
  border: 1px solid #d3d3d3;
  margin: 10px;
  padding: 10px;
}
.quiz_privacy .agree strong {
  font-weight: bold;
}
.quiz_privacy .agree_chk {
  text-align: center;
  padding: 10px 0;
}

.quiz_privacy_wrap .quiz_info_bg {
  padding: 21px 46px 17px;
  border: 7px solid #1b6fc2;
  background: #fff;
}
.quiz_privacy_wrap .info {
  padding-bottom: 4px;
}
.quiz_privacy_wrap .info:after {
  display: block;
  clear: both;
  content: "";
}
.quiz_privacy_wrap .info dt {
  width: 20%;
  float: left;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  line-height: 30px;
  color: #222;
}
.quiz_privacy_wrap .info dd {
  width: 78%;
  float: left;
  margin-left: 2%;
}
.quiz_privacy_wrap .info span {
}
.quiz_privacy_wrap .info span input {
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.quiz_privacy_wrap .info .w1 {
  width: 100%;
}
.quiz_privacy_wrap .info .w2 {
  width: 30%;
  float: left;
}
.quiz_privacy_wrap .info .w3 {
  width: 5%;
  float: left;
  text-align: center;
  height: 30px;
  line-height: 30px;
}
.quiz_privacy_wrap input[type="radio"] {
  display: inline-block;
}
.quiz_privacy_wrap input[type="number"],
.quiz_privacy_wrap input[type="text"] {
  height: 30px;
  line-height: 30px;
  border: none;
  background: #e8eef2;
  border-radius: 1px;
  -webkit-appearance: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/* //////////////////////////////////////////// */
/* ////////////  award event class  ///////////// */
/*    웹어워드 수상 이벤트 add 151207  */
/* //////////////////////////////////////////// */

.utility .contents.page_award {
  padding-bottom: 0;
  font-family: "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, Helvetica,
    sans-serif;
}
.page_award {
  font-size: 12px;
  text-align: center;
  line-height: 1.6em;
}
.page_award img {
  width: 100%;
}
.page_award .bold {
  font-weight: bold;
}

.page_award .bg-01 {
  height: 10px;
  background: url(../images/award_line_top.gif) repeat-x left top;
}
.page_award .bg-02 {
  text-align: left;
  color: #fff;
  font-size: 12px;
  background-color: #aa171c;
}
.page_award .bg-03 {
  height: 10px;
  background: url(../images/award_line_bottom.gif) repeat-x left top;
}
.page_award .bg-04 {
  height: 10px;
  background: url(../images/award_line_top_02.png) repeat-x left top;
}

.page_award .award-warp-01 {
  position: relative;
  padding: 23px 0 14px 2%;
}
.page_award .award-warp-01:after {
  display: block;
  content: "";
  clear: both;
}
.page_award .award-warp-01 .award-cont {
  float: left;
}
.page_award .award-warp-01 .award-cont .txt-02 span img {
  width: 31px;
  height: 26px;
}
.page_award .award-warp-01 .award-cont .txt-03 {
  padding-top: 20px;
  font-family: "나눔고딕", NanumGothic, "돋움", Dotum, "굴림", Gulim, Helvetica,
    sans-serif;
  font-weight: bold;
}
.page_award .award-warp-01 .award-gift {
  position: absolute;
  top: 68px;
  right: 4px;
  text-align: center;
}
.page_award .award-warp-01 .award-gift .gift-txt {
  line-height: 1.4em;
  font-size: 8px;
  color: #5b0e13;
}
.page_award .award-warp-01 .award-gift .gift-img img {
  width: 54px;
  height: 120.5px;
}

.page_award .award-warp-02 {
  width: 100%;
  height: 240px;
  margin: 0 auto;
  background: url(../images/img_banner_award02.jpg) no-repeat center top;
  background-size: 320px 240px;
}
/* 151207 최상단에 구글 웹폰트 추가, 이벤트 종료 후 삭제 부탁드립니다 */
.page_award .award-warp-02 .cheer-cont {
  padding-top: 15px;
  font-family: "Nanum Pen Script", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim,
    Helvetica, sans-serif;
  font-size: 32px;
}
.page_award .award-warp-02 .cheer-cont .count {
  font-family: "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, Helvetica,
    sans-serif;
  line-height: 1.6em;
  font-size: 25px;
  font-style: italic;
  font-weight: bold;
}
.page_award .award-warp-02 .cheer-cont .count .people {
  font-size: 15px;
}
.page_award .award-warp-02 .cheer-click {
  font-family: "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, Helvetica,
    sans-serif;
}
.page_award .award-warp-02 .cheer-click a {
  display: block;
  width: 214px;
  height: 66px;
  margin: 0 auto;
  padding-top: 90px;
  font-weight: bold;
  color: #fbff91;
  font-size: 9px;
  font-style: italic;
  text-decoration: underline;
  text-transform: uppercase;
}

.page_award .award-warp-03 {
  padding: 13px 0;
  background: #6e090c;
}
.page_award .award-warp-03 input[type="text"],
.page_award .award-warp-03 input[type="password"] {
  height: 30px;
  border: 0 none;
  -webkit-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  background: #fff;
  border-radius: 0px;
  -webkit-appearance: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.page_award .award-warp-03 textarea {
  width: 100%;
  height: 57px;
  margin-top: 2%;
  border: 0 none;
  -webkit-appearance: none;
  appearance: none;
  padding-top: 6px;
  background: #fff;
}
.page_award .award-warp-03 input.name {
  margin-right: 2%;
}
.page_award .award-warp-03 .award-message {
  width: 96%;
  margin: 0 auto;
}
.page_award .award-warp-03 .award-message input,
.page_award .award-warp-03 .award-message textarea {
  font-family: "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, Helvetica,
    sans-serif;
  font-size: 12px;
  color: #666;
  text-indent: 5px;
  border-radius: 0px;
  -webkit-appearance: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.page_award .award-warp-03 .text-byte {
  padding-left: 2%;
  color: #96393c;
  text-align: left;
}
.page_award .award-warp-03 .award_event_btns .btn_award a {
  padding: 0 33px;
  display: inline-block;
  line-height: 34px;
  color: #fff;
  background-color: #330304;
}

.page_award .award-warp-04 .award-comment-warp {
  border-bottom: 1px solid #e9e9e9;
}
.page_award .award-warp-04 .award-comment {
  width: 96%;
  margin: 0 auto;
  padding: 7px 0;
  text-align: left;
  font-size: 12px;
  color: #262626;
}
.page_award .award-warp-04 .award-comment:after {
  display: block;
  clear: both;
  content: "";
}
.page_award .award-warp-04 .award-comment .name {
  float: left;
  width: 22%;
  font-weight: bold;
}
.page_award .award-warp-04 .award-comment .cont-wrap {
  float: left;
  width: 74%;
}
.page_award .award-warp-04 .award-comment .memo {
}
.page_award .award-warp-04 .award-comment .date {
  float: left;
  margin-right: 4px;
  font-size: 9px;
  color: #777;
}
.page_award .award-warp-04 .award-comment .del img {
  width: 12px;
  height: 12px;
}
.page_award .award-warp-04 .award_event_btns {
  padding: 15px 0 22px;
}
.page_award .award-warp-04 .award_event_btns .btn_more a {
  padding: 0 33px;
  display: inline-block;
  border: 1px solid #6d0c0d;
  line-height: 34px;
  color: #6d0c0d;
  background-color: #fff;
}

/* 151210 추가 : 삭제 시 보여지는 비밀번호 입력창 */
.pop_password {
  min-width: 320px;
  padding: 20px 0;
  background-color: #fff;
  border: 4px solid #b00506;
}
.pop_password > .tit {
  height: 54px;
  font-size: 13px;
  margin: 0 10px;
  line-height: 54px;
  font-weight: 700;
}
.pop_password strong {
  color: #222;
}
.pop_password .box {
  padding: 30px 10px;
  color: #555;
}
.pop_password .award_event_btns {
  margin-top: 20px;
}
.pop_password .btn_ok a {
  padding: 0 27px;
  display: inline-block;
  border: 1px solid #930b0c;
  line-height: 34px;
  color: #fff;
  background-color: #b00506;
}

/* 웹어워드 이벤트 응모 페이지 */
.award_privacy_bg {
  background: #aa171c;
}

.award_privacy {
  text-align: left;
  padding: 25px 0;
}
.award_privacy .tit {
  margin-left: 22px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
}
.award_privacy .agree {
  margin: 10px;
  padding: 20px;
  font-size: 12px;
  text-align: left;
  background: #fff;
  border: 1px solid #d3d3d3;
}
.award_privacy .agree strong {
  font-weight: bold;
}
.award_privacy .agree_chk {
  color: #fff;
  text-align: center;
  padding: 10px 0;
}

.award_privacy_wrap .award_info_bg {
  padding: 21px 30px 17px;
  border: 2px solid #aa171c;
  background: #fff;
}
.award_privacy_wrap .info {
  padding-bottom: 4px;
}
.award_privacy_wrap .info:after {
  display: block;
  clear: both;
  content: "";
}
.award_privacy_wrap .info dt {
  width: 30%;
  float: left;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  line-height: 30px;
  color: #222;
}
.award_privacy_wrap .info dd {
  width: 68%;
  float: left;
  margin-left: 2%;
}
.award_privacy_wrap .info span {
}
.award_privacy_wrap .info span input {
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.award_privacy_wrap .info .w1 {
  width: 100%;
}
.award_privacy_wrap .info .w2 {
  width: 30%;
  float: left;
}
.award_privacy_wrap .info .w3 {
  width: 5%;
  float: left;
  text-align: center;
  height: 30px;
  line-height: 30px;
}
.award_privacy_wrap input[type="radio"] {
  display: inline-block;
}
.award_privacy_wrap input[type="number"],
.award_privacy_wrap input[type="text"] {
  height: 30px;
  line-height: 30px;
  border: 1px solid #dbdbdb;
  background: #fff;
  border-radius: 1px;
  -webkit-appearance: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.award_privacy_wrap .award_event_btns {
  margin: 20px 0 43px 0;
}
.award_privacy_wrap .award_event_btns .btn_apply a {
  padding: 0 27px;
  display: inline-block;
  border: 1px solid #930b0c;
  line-height: 34px;
  color: #fff;
  background-color: #b00506;
}

@media (min-width: 361px) {
  .page_award .award-warp-01 {
    width: 360px;
    margin: 0 auto;
    padding: 23px 0;
  }
}

@media (max-width: 352px) {
  .page_award .award-warp-01 {
    font-size: 12px;
  }
  .page_award .award-warp-01 .award-gift {
    right: 2%;
  }
  .award_privacy .agree {
    font-size: 11px;
  }
  /* .page_award .award-warp-01{width:95%; margin:0 auto; font-size:10px;}
	.page_award .award-warp-01 .award-cont{width:90%;}
	.page_award .award-warp-01 .award-gift{position:absolute; top:90px; right:0; text-align:center;}
	.page_award .award-warp-01 .award-gift .gift-img img{width:40%; height:auto;} */
}

/* //////////////////////////////////////////// */
/* ////////////  .page_talk class  ///////////// */
/*    톡 이벤트 add 160223  */
/* //////////////////////////////////////////// */
#contents.page_talk {
  padding-bottom: 0;
  font-family: Malgun Gothic, "맑은 고딕", "NanumGothic", "돋움", "dotum";
  text-align: center;
  overflow: hidden;
  padding-top: 50px;
}
.page_talk img {
  width: 100%;
}
.page_talk .blind {
  visibility: hidden;
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.page_talk .btn_talk_shere {
  position: absolute;
  top: 60px;
  right: 1%;
  display: inline-block;
  padding: 0 3px;
}
.page_talk .btn_talk_shere a {
  display: inline-block;
  text-indent: -99999em;
  width: 24px;
  line-height: 24px;
  background-image: url("../images/talk_ico_sns.png");
  -webkit-background-size: 80px 24px;
  background-size: 80px 24px;
  background-repeat: no-repeat;
}
.page_talk .btn_talk_shere .btn_share.facebook a {
  background-position: 0 0 !important;
}
.page_talk .btn_talk_shere .btn_share.twitter a {
  background-position: -28px 0 !important;
}
.page_talk .btn_talk_shere .btn_share.kakao a {
  background-position: -56px 0 !important;
}

.page_talk .talk_event_cont01 {
  padding: 22px;
  color: #fff;
  font-size: 14px;
  background: url("../images/talk_bg_01.gif");
}
.page_talk .talk_event_cont01 .talk_tit {
  width: 160px;
  margin: 0 auto;
  padding-bottom: 13px;
}
.page_talk .talk_event_cont01 .talk_cont {
}
.page_talk .talk_event_cont01 .talk_cont .talk_event_des {
  padding-bottom: 23px;
}
.page_talk .talk_event_cont01 .talk_bold {
  line-height: 1.6em;
  font-weight: bold;
  color: #ff735c;
  text-decoration: underline;
}
.page_talk .talk_event_day_wrap {
  color: #fff;
  font-size: 14px;
  background: url("../images/talk_bg_01.gif");
  border-bottom: 1px dashed #69889d;
}
.page_talk .talk_event_day_wrap .talk_event_day {
  padding: 15px 0 25px;
  color: #9edcff;
  font-weight: bold;
}
.page_talk .talk_event_day_wrap .talk_event_day span {
  font-size: 14px;
  color: #73ccff;
}

.page_talk .talk_event_apply {
  padding: 14px;
  color: #fff;
  font-size: 14px;
  background: url("../images/talk_bg_04.gif") repeat-x;
}
.page_talk .talk_event_apply ul {
  width: 258px;
  margin: 0 auto;
}
.page_talk .talk_event_apply li {
  height: 36px;
  padding-left: 40px;
}
.page_talk .talk_event_apply li.fir {
  margin-bottom: 12px;
  background: url("../images/talk_fir_list.png") no-repeat left center;
  -webkit-background-size: 34px 36px;
  background-size: 34px 36px;
}
.page_talk .talk_event_apply li.sec {
  line-height: 35px;
  background: url("../images/talk_sec_list.png") no-repeat left center;
  -webkit-background-size: 34px 36px;
  background-size: 34px 36px;
}

.page_talk .talk_package {
  padding: 12px 0 22px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background: url("../images/talk_bg_01.gif");
}
.page_talk .talk_package .wrap {
  width: 288px;
  margin: 0 auto;
}
.page_talk .talk_package:after {
  display: block;
  clear: both;
  content: "";
}
.page_talk .talk_package p {
  float: left;
}
.page_talk .talk_package .talk_pack_img {
  width: 160px;
  margin-right: 14px;
}
.page_talk .talk_package .talk_pack_txt {
  width: 100px;
  margin-top: 52px;
  text-align: left;
}
.page_talk .talk_package .talk_pack_txt .talk_pack_btn {
  display: block;
  width: 78px;
  margin-top: 6px;
}

.page_talk .talk_event_cont02 {
  padding: 22px;
  color: #fff;
  font-size: 14px;
  background: url("../images/talk_bg_02.gif");
}
.page_talk .talk_event_cont02 .talk_tit {
  width: 195px;
  margin: 0 auto;
  padding-bottom: 13px;
}
.page_talk .talk_event_cont02 .talk_select_keyword {
  width: 258px;
  margin: 0 auto;
}
.page_talk .talk_event_cont02 .talk_select_keyword ul li {
  text-align: center;
}
.page_talk .talk_event_cont02 .talk_select_keyword .selcet_txt {
  padding-bottom: 6px;
}
.page_talk .talk_event_cont02 .talk_select_keyword .selcet_img {
  width: 194px;
  margin: 0 auto;
}
.page_talk .talk_event_cont02 .talk_select_keyword .selcet_like {
  width: 47px;
  margin: 0 auto;
  padding: 10px 0 15px 32px;
  background: url("../images/talk_like_ico.jpg") no-repeat left center;
  -webkit-background-size: 28px 20px;
  background-size: 28px 20px;
  font-size: 12px;
}
.page_talk .talk_event_cont02 .talk_select_keyword .selcet_btn {
  width: 119px;
  margin: 0 auto;
  padding-bottom: 10px;
}
.page_talk .talk_select_keyword .bx-controls-direction {
  position: absolute;
  width: 100%;
}
.page_talk .talk_select_keyword .bx-controls-direction > a {
  position: absolute;
  bottom: 188px;
  width: 19px;
  height: 35px;
  text-indent: -99999em;
}
.page_talk .talk_select_keyword .bx-controls-direction > a.bx-prev {
  left: -32px;
  background: url("../images/talk_slide_prev.jpg") no-repeat;
  -webkit-background-size: 19px 35px;
  background-size: 19px 35px;
}
.page_talk .talk_select_keyword .bx-controls-direction > a.bx-next {
  left: 212px;
  background: url("../images/talk_slide_next.jpg") no-repeat;
  -webkit-background-size: 19px 35px;
  background-size: 19px 35px;
}
.page_talk .talk_select_keyword .bx-pager {
  display: none;
}

.page_talk .talk_event_cont03 {
  padding: 22px 22px 40px;
  color: #000;
  font-size: 10px;
  background: url("../images/talk_bg_03.gif");
}
.page_talk .talk_event_cont03 .talk_tit {
  width: 315px;
  margin: 0 auto;
  padding-bottom: 8px;
}
.page_talk .talk_event_cont03 .talk_total {
  display: inline-block;
  padding-bottom: 12px;
  font-size: 15px;
  color: #05385c;
  text-align: center;
}
.page_talk .talk_event_cont03 .talk_box {
  position: relative;
  width: 302px;
  height: 91px;
  margin: 0 auto 3px;
  padding: 8px 9px 6px;
  background: url("../images/talk_bg.gif") no-repeat;
  -webkit-background-size: 320px 105px;
  background-size: 320px 105px;
}
.page_talk .talk_event_cont03 .talk_box:after {
  display: block;
  clear: both;
  content: "";
}
.page_talk .talk_event_cont03 .talk_box div {
  float: left;
}
.page_talk .talk_event_cont03 .talk_box .talk_img {
  width: 51px;
  height: 71px;
  margin-top: 4px;
  border: 1px solid #f3f3f3;
}
.page_talk .talk_event_cont03 .blind {
  text-indent: -99999em;
  position: absolute;
  font-size: 0;
}

.page_talk .talk_event_cont03 .talk_box .talk_img.select_01 {
  background: url("../images/talk_img_selcet_01.jpg");
  -webkit-background-size: 51px 71px;
  background-size: 51px 71px;
}
.page_talk .talk_event_cont03 .talk_box .talk_img.select_02 {
  background: url("../images/talk_img_selcet_02.jpg");
  -webkit-background-size: 51px 71px;
  background-size: 51px 71px;
}
.page_talk .talk_event_cont03 .talk_box .talk_img.select_03 {
  background: url("../images/talk_img_selcet_03.jpg");
  -webkit-background-size: 51px 71px;
  background-size: 51px 71px;
}
.page_talk .talk_event_cont03 .talk_box .talk_img.select_04 {
  background: url("../images/talk_img_selcet_04.jpg");
  -webkit-background-size: 51px 71px;
  background-size: 51px 71px;
}
.page_talk .talk_event_cont03 .talk_box .talk_img.select_05 {
  background: url("../images/talk_img_selcet_05.jpg");
  -webkit-background-size: 51px 71px;
  background-size: 51px 71px;
}
.page_talk .talk_event_cont03 .talk_box .talk_img.select_06 {
  background: url("../images/talk_img_selcet_06.jpg");
  -webkit-background-size: 51px 71px;
  background-size: 51px 71px;
}
.page_talk .talk_event_cont03 .talk_box .talk_img.select_07 {
  background: url("../images/talk_img_selcet_07.jpg");
  -webkit-background-size: 51px 71px;
  background-size: 51px 71px;
}
.page_talk .talk_event_cont03 .talk_box .talk_img.select_08 {
  background: url("../images/talk_img_selcet_08.jpg");
  -webkit-background-size: 51px 71px;
  background-size: 51px 71px;
}
.page_talk .talk_event_cont03 .talk_box .talk_img.select_09 {
  background: url("../images/talk_img_selcet_09.jpg");
  -webkit-background-size: 51px 71px;
  background-size: 51px 71px;
}
.page_talk .talk_event_cont03 .talk_box .talk_img.select_10 {
  background: url("../images/talk_img_selcet_10.jpg");
  -webkit-background-size: 51px 71px;
  background-size: 51px 71px;
}

.page_talk .talk_event_cont03 .talk_box .talk_txt {
  width: 225px;
  margin-left: 6px;
  font-size: 9.1px;
  text-align: left;
}
.page_talk .talk_event_cont03 .talk_box .talk_txt .cont .key_txt.select_01 {
  display: inline-block;
  width: 28px;
  padding: 0 5px;
  color: #fff;
  background: #094869;
  text-align: center;
}
.page_talk .talk_event_cont03 .talk_box .talk_txt .cont .key_txt.select_02 {
  display: inline-block;
  width: 28px;
  padding: 0 5px;
  color: #fff;
  background: #54bfc3;
  text-align: center;
}
.page_talk .talk_event_cont03 .talk_box .talk_txt .cont .key_txt.select_03 {
  display: inline-block;
  width: 28px;
  padding: 0 5px;
  color: #fff;
  background: #eb625c;
  text-align: center;
}
.page_talk .talk_event_cont03 .talk_box .talk_txt .cont .key_txt.select_04 {
  display: inline-block;
  width: 28px;
  padding: 0 5px;
  color: #fff;
  background: #18ae6f;
  text-align: center;
}
.page_talk .talk_event_cont03 .talk_box .talk_txt .cont .key_txt.select_05 {
  display: inline-block;
  width: 28px;
  padding: 0 5px;
  color: #fff;
  background: #ca9015;
  text-align: center;
}
.page_talk .talk_event_cont03 .talk_box .talk_txt .cont .key_txt.select_06 {
  display: inline-block;
  width: 28px;
  padding: 0 5px;
  color: #fff;
  background: #ea418d;
  text-align: center;
}
.page_talk .talk_event_cont03 .talk_box .talk_txt .cont .key_txt.select_07 {
  display: inline-block;
  width: 28px;
  padding: 0 5px;
  color: #fff;
  background: #bfbd3a;
  text-align: center;
}
.page_talk .talk_event_cont03 .talk_box .talk_txt .cont .key_txt.select_08 {
  display: inline-block;
  width: 28px;
  padding: 0 5px;
  color: #fff;
  background: #3092e6;
  text-align: center;
}
.page_talk .talk_event_cont03 .talk_box .talk_txt .cont .key_txt.select_09 {
  display: inline-block;
  width: 28px;
  padding: 0 5px;
  color: #fff;
  background: #546ec3;
  text-align: center;
}
.page_talk .talk_event_cont03 .talk_box .talk_txt .cont .key_txt.select_10 {
  display: inline-block;
  width: 28px;
  padding: 0 5px;
  color: #fff;
  background: #804933;
  text-align: center;
}
.page_talk .talk_event_cont03 .talk_box .talk_txt .day {
  display: inline-block;
  padding-left: 3px;
  color: #999;
}
.page_talk .talk_event_cont03 .talk_box .talk_txt .del {
  position: absolute;
  right: 10px;
  bottom: 5px;
  width: 16px;
}
.page_talk .talk_event_cont03 .talk_box .talk_txt .cont {
  line-height: 1.6em;
}
.page_talk .talk_event_cont03 .btn_more {
  width: 115px;
  margin: 0 auto;
  padding-top: 14px;
}

.page_talk .talk_end {
  width: 85%;
  margin: 0 auto;
  padding: 7px 0 16px;
}

/* 게시물 삭제 팝업 */
.talk_pop_password {
  position: relative;
  width: 300px;
  padding: 10px 12px 12px;
  background-color: #fff;
  border-radius: 5px;
  text-align: left;
}
.talk_pop_password .tit {
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e3e3;
  font-size: #000;
  font-size: 18px;
}
.talk_pop_password .cont {
  padding: 10px 0;
  font-size: 14px;
  color: #555;
}
.talk_pop_password .password_area,
.talk_pop_select_01 .password_area {
  font-size: 12px;
  color: #000;
}
.talk_pop_password .password_area input,
.talk_pop_select_01 .password_area input {
  margin-left: 10px;
  padding: 4px 0;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 1px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  background: #fff;
}

/* 이벤트 참여 : 키워드 선택 페이지 */
.blind {
  height: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
}
.talk_pop_select_01,
.talk_pop_select_02,
.talk_pop_select_03 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background-color: #f5f5f5;
  text-align: center;
}
.talk_pop_select_01 .talk_wrap,
.talk_pop_select_02 .talk_wrap,
.talk_pop_select_03 .talk_wrap {
  width: 90%;
  margin: 0 auto;
}
.talk_pop_select_01 img {
  width: 100%;
}
.talk_pop_select_01 .tit,
.talk_pop_select_02 .tit,
.talk_pop_select_03 .tit {
  padding: 15px 0;
  border-bottom: 1px solid #e3e3e3;
  font-size: #000;
  font-size: 18px;
  font-weight: bold;
}
.talk_pop_select_01 .cont {
  padding: 10px 0 4px;
  font-size: 11px;
  color: #555;
  line-height: 20px;
}
.talk_pop_select_01 .cont .talk_red {
  font-weight: bold;
  color: #a51e1e;
}
.talk_pop_select_01 .cont .talk_bold {
  font-weight: bold;
  color: #000;
}
.talk_pop_select_01 .pop_select_img {
  width: 134px;
  height: 190px;
  margin: 15px auto 0;
}

/* 키워드 이미지 */
.talk_pop_select_01 .pop_select_img.select_01 {
  background: url("../images/talk_img_selcet_01.jpg");
  -webkit-background-size: 134px 190px;
  background-size: 134px 190px;
}
.talk_pop_select_01 .pop_select_img.select_02 {
  background: url("../images/talk_img_selcet_02.jpg");
  -webkit-background-size: 134px 190px;
  background-size: 134px 190px;
}
.talk_pop_select_01 .pop_select_img.select_03 {
  background: url("../images/talk_img_selcet_03.jpg");
  -webkit-background-size: 134px 190px;
  background-size: 134px 190px;
}
.talk_pop_select_01 .pop_select_img.select_04 {
  background: url("../images/talk_img_selcet_04.jpg");
  -webkit-background-size: 134px 190px;
  background-size: 134px 190px;
}
.talk_pop_select_01 .pop_select_img.select_05 {
  background: url("../images/talk_img_selcet_05.jpg");
  -webkit-background-size: 134px 190px;
  background-size: 134px 190px;
}
.talk_pop_select_01 .pop_select_img.select_06 {
  background: url("../images/talk_img_selcet_06.jpg");
  -webkit-background-size: 134px 190px;
  background-size: 134px 190px;
}
.talk_pop_select_01 .pop_select_img.select_07 {
  background: url("../images/talk_img_selcet_07.jpg");
  -webkit-background-size: 134px 190px;
  background-size: 134px 190px;
}
.talk_pop_select_01 .pop_select_img.select_08 {
  background: url("../images/talk_img_selcet_08.jpg");
  -webkit-background-size: 134px 190px;
  background-size: 134px 190px;
}
.talk_pop_select_01 .pop_select_img.select_09 {
  background: url("../images/talk_img_selcet_09.jpg");
  -webkit-background-size: 134px 190px;
  background-size: 134px 190px;
}
.talk_pop_select_01 .pop_select_img.select_10 {
  background: url("../images/talk_img_selcet_10.jpg");
  -webkit-background-size: 134px 190px;
  background-size: 134px 190px;
}

.talk_pop_select_01 .context {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #555;
  text-align: left;
}
.talk_pop_select_01 .context .talk_noti {
  font-size: 10px;
  color: #555;
}
.talk_pop_select_01 .context textarea {
  padding: 5px;
  font-size: 11px;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 1px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  background: #fff;
}
.talk_pop_select_01 .btn_next {
  display: block;
  width: 50px;
  margin: 0 auto;
}

/* 이벤트 참여 : SNS 공유 페이지 */
.talk_pop_select_02 .cont {
  width: 134px;
  height: 190px;
  margin: 15px auto 0;
}

.talk_pop_select_02 .cont.select_01 {
  background: url("../images/talk_bg_selcet_01.jpg");
  -webkit-background-size: 134px 190px;
  background-size: 134px 190px;
}
.talk_pop_select_02 .cont.select_02 {
  background: url("../images/talk_bg_selcet_02.jpg");
  -webkit-background-size: 134px 190px;
  background-size: 134px 190px;
}
.talk_pop_select_02 .cont.select_03 {
  background: url("../images/talk_bg_selcet_03.jpg");
  -webkit-background-size: 134px 190px;
  background-size: 134px 190px;
}
.talk_pop_select_02 .cont.select_04 {
  background: url("../images/talk_bg_selcet_04.jpg");
  -webkit-background-size: 134px 190px;
  background-size: 134px 190px;
}
.talk_pop_select_02 .cont.select_05 {
  background: url("../images/talk_bg_selcet_05.jpg");
  -webkit-background-size: 134px 190px;
  background-size: 134px 190px;
}
.talk_pop_select_02 .cont.select_06 {
  background: url("../images/talk_bg_selcet_06.jpg");
  -webkit-background-size: 134px 190px;
  background-size: 134px 190px;
}
.talk_pop_select_02 .cont.select_07 {
  background: url("../images/talk_bg_selcet_07.jpg");
  -webkit-background-size: 134px 190px;
  background-size: 134px 190px;
}
.talk_pop_select_02 .cont.select_08 {
  background: url("../images/talk_bg_selcet_08.jpg");
  -webkit-background-size: 134px 190px;
  background-size: 134px 190px;
}
.talk_pop_select_02 .cont.select_09 {
  background: url("../images/talk_bg_selcet_09.jpg");
  -webkit-background-size: 134px 190px;
  background-size: 134px 190px;
}
.talk_pop_select_02 .cont.select_10 {
  background: url("../images/talk_bg_selcet_10.jpg");
  -webkit-background-size: 134px 190px;
  background-size: 134px 190px;
}

.talkPopup_key_02 .talk_pop_cont {
  width: 108px;
  height: 143px;
  padding: 5px 13px;
  word-break: normal;
  line-height: 12px;
  font-size: 10px;
  text-align: center;
  overflow: hidden;
}
.talkPopup_key_02 .talk_pop_cont .talk_cont {
  display: inline-block;
  width: 108px;
  margin: 0 auto;
}
.talkPopup_key_02 .talk_pop_cont .talk_name {
  display: inline-block;
  margin-top: 10px;
}
.talkPopup_key_02 .talk_pop_noti {
  padding: 10px 0;
  line-height: 1.5em;
  font-size: 12px;
  color: #555;
}
.talkPopup_key_02 .talk_pop_shere {
  display: inline-block;
  padding: 15px 3px 40px;
  border-top: 1px dashed #555;
}
.talkPopup_key_02 .talk_pop_shere .shere_tit {
  display: block;
  padding: 10px 0;
  font-weight: bold;
  font-size: 16px;
  color: #000;
}
.talkPopup_key_02 .talk_pop_shere a {
  display: inline-block;
  text-indent: -99999em;
  width: 39px;
  line-height: 39px;
  background-image: url("/Areas/Mobile/images/pop_sns_icon.png");
  -webkit-background-size: 122px 39px;
  background-size: 122px 39px;
  background-repeat: no-repeat;
}
.talkPopup_key_02 .talk_pop_shere .btn_share.facebook a {
  background-position: 0 0 !important;
}
.talkPopup_key_02 .talk_pop_shere .btn_share.twitter a {
  background-position: -42px 0 !important;
}
.talkPopup_key_02 .talk_pop_shere .btn_share.kakao a {
  background-position: -83px 0 !important;
}
.talkPopup_key_02 .talk_pop_shere .shere_noti {
  display: block;
  width: 90%;
  margin: 0 auto;
  font-size: 12px;
  color: #000;
  line-height: 22px;
}

/* 이벤트 참여 : 개인정보 동의 팝업 */
.talk_pop_select_03 {
  font-size: 11px;
  color: #000;
}
.talk_pop_select_03 .blind {
  height: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
}

.talk_pop_select_03 .privacy .agree-tit {
  padding: 14px 0 10px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.talk_pop_select_03 .privacy .agree {
  padding: 10px 8px;
  background-color: #e0e0e1;
  border: 1px solid #bfbfbf;
  border-radius: 5px;
  text-align: left;
  color: #3d4750;
}
.talk_pop_select_03 .privacy .sub-tit {
  display: block;
  padding-bottom: 6px;
  font-size: 14px;
  color: #000;
  font-weight: bold;
}
.talk_pop_select_03 .privacy .agree-chk {
  padding: 10px 0 15px;
  border-bottom: 1px dashed #555;
}
.talk_pop_select_03 .privacy .info_tit {
  padding: 17px 0 7px;
  line-height: 20px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.talk_pop_select_03 .privacy .info_tit span {
  color: #05385c;
}
.talk_pop_select_03 .privacy .info_wrap {
  font-size: 12px;
}
.talk_pop_select_03 .privacy .info_wrap .info:after {
  display: block;
  clear: both;
  content: "";
}
.talk_pop_select_03 .privacy dt {
  width: 15%;
  float: left;
  font-size: 12px;
  text-align: left;
  line-height: 20px;
  color: #222;
}
.talk_pop_select_03 .privacy dd {
  width: 85%;
  float: left;
  text-align: left;
  font-size: 12px;
}
.talk_pop_select_03 .privacy input {
  font-size: 12px;
}
.talk_pop_select_03 .privacy input[type="radio"] {
  display: inline;
}
.talk_pop_select_03 .privacy input[type="number"],
.talk_pop_select_03 .privacy input[type="text"] {
  height: 25px;
  line-height: 25px;
  border: 1px solid #d2d2d2;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 1px;
  -webkit-appearance: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.talk_pop_select_03 .privacy select {
  width: 100%;
  height: 25px;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  background: #fff;
  text-indent: 0 !important;
  border: 1px solid #d2d2d2;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 1px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.talk_pop_select_03 .privacy .info {
  margin-bottom: 7px;
}
.talk_pop_select_03 .privacy .info .w1 {
  width: 100%;
}
.talk_pop_select_03 .privacy .info .w2 {
  width: 27%;
  float: left;
}
.talk_pop_select_03 .privacy .info .w3 {
  width: 7%;
  float: left;
  text-align: center; /* height:30px;line-height:30px; */
}
.talk_pop_select_03 .privacy .info .talk_post_btn {
  display: inline-block;
  width: 78px;
  margin-left: 6px;
}
.talk_pop_select_03 .privacy .info .talk_post_btn img {
  width: 100%;
}

/* 톡 패키지 자세히 보기 팝업 */
.talkPopup_pack {
  position: relative;
  width: 300px;
  margin: 80px auto;
  padding: 10px 12px 12px;
  background-color: #f5f5f5;
  border-radius: 5px;
  text-align: center;
}
.talkPopup_pack .pack_img {
}
.talkPopup_pack .pack_img img {
  width: 100%;
}
.talkPopup_pack .tit {
  width: 70%;
  margin: 15px auto 0;
  padding-bottom: 15px;
}
.talkPopup_pack .tit img {
  width: 100%;
}
.talkPopup_pack .pack_noti {
  padding-top: 15px;
}
.talkPopup_pack .pack_noti li:after {
  display: block;
  clear: both;
  content: "";
}
.talkPopup_pack .pack_noti li p {
  float: left;
}
.talkPopup_pack .pack_noti li p.cont {
  width: 96%;
}
.talkPopup_pack .pack_noti li p.bull {
  width: 4%;
}

/* 이벤트 참여 버튼 스타일 */
.talk_event_btns {
  text-align: center;
  padding: 10px 0 20px;
}
.talk_event_btns .btn_close {
  display: block;
  width: 21px;
  position: absolute;
  top: 5px;
  right: 6px;
  z-index: 999;
}
.talk_event_btns .btn_close a img {
  width: 100%;
}
.talk_event_btns .btn_next a {
  display: block;
  width: 50px;
  margin: 0 auto;
}
.talk_event_btns .btn_next a img {
  width: 100%;
}
.talk_event_btns .btn_ok a {
  display: block;
  width: 80px;
  margin: 0 auto;
}
.talk_event_btns .btn_ok a img {
  width: 100%;
}

.keyword_tag.select_01 {
  height: 35px;
  display: block;
  background: url("/Areas/Mobile/images/talk_img_keyword_01.png") 10px top
    no-repeat;
  text-indent: -9999em;
  -webkit-background-size: 30px 30px;
  background-size: 30px 30px;
}
.keyword_tag.select_02 {
  height: 35px;
  display: block;
  background: url("/Areas/Mobile/images/talk_img_keyword_02.png") 10px top
    no-repeat;
  text-indent: -9999em;
  -webkit-background-size: 30px 30px;
  background-size: 30px 30px;
}
.keyword_tag.select_03 {
  height: 35px;
  display: block;
  background: url("/Areas/Mobile/images/talk_img_keyword_03.png") 10px top
    no-repeat;
  text-indent: -9999em;
  -webkit-background-size: 30px 30px;
  background-size: 30px 30px;
}
.keyword_tag.select_04 {
  height: 35px;
  display: block;
  background: url("/Areas/Mobile/images/talk_img_keyword_04.png") 10px top
    no-repeat;
  text-indent: -9999em;
  -webkit-background-size: 30px 30px;
  background-size: 30px 30px;
}
.keyword_tag.select_05 {
  height: 35px;
  display: block;
  background: url("/Areas/Mobile/images/talk_img_keyword_05.png") 10px top
    no-repeat;
  text-indent: -9999em;
  -webkit-background-size: 30px 30px;
  background-size: 30px 30px;
}
.keyword_tag.select_06 {
  height: 35px;
  display: block;
  background: url("/Areas/Mobile/images/talk_img_keyword_06.png") 10px top
    no-repeat;
  text-indent: -9999em;
  -webkit-background-size: 30px 30px;
  background-size: 30px 30px;
}
.keyword_tag.select_07 {
  height: 35px;
  display: block;
  background: url("/Areas/Mobile/images/talk_img_keyword_07.png") 10px top
    no-repeat;
  text-indent: -9999em;
  -webkit-background-size: 30px 30px;
  background-size: 30px 30px;
}
.keyword_tag.select_08 {
  height: 35px;
  display: block;
  background: url("/Areas/Mobile/images/talk_img_keyword_08.png") 10px top
    no-repeat;
  text-indent: -9999em;
  -webkit-background-size: 30px 30px;
  background-size: 30px 30px;
}
.keyword_tag.select_09 {
  height: 35px;
  display: block;
  background: url("/Areas/Mobile/images/talk_img_keyword_09.png") 10px top
    no-repeat;
  text-indent: -9999em;
  -webkit-background-size: 30px 30px;
  background-size: 30px 30px;
}
.keyword_tag.select_10 {
  height: 35px;
  display: block;
  background: url("/Areas/Mobile/images/talk_img_keyword_10.png") 10px top
    no-repeat;
  text-indent: -9999em;
  -webkit-background-size: 30px 30px;
  background-size: 30px 30px;
}

/* 톡 이벤트 메인 배너 */
.talk_banner_area {
  position: relative;
}
.talk_banner_area .talk_event_num {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1.4em;
}
.talk_banner_area .talk_event_num .num {
  color: #ffeaa8;
}

@media (max-width: 350px) {
  .page_talk .talk_event_cont01 {
    padding: 18px 10px;
  }
  .page_talk .talk_event_apply ul {
    width: 252px;
  }
}

@media (max-width: 359px) {
  .page_talk .talk_event_cont03 {
    padding: 22px 0 25px 2px;
  }
  .talk_pop_password .cont {
    padding: 10px 0;
    font-size: 13px;
    color: #555;
  }
  .talk_pop_select_01 .password_area input {
    margin-left: 0;
  }
  .talk_pop_select_01 .cont {
    padding: 10px 0 4px;
    font-size: 10px;
  }
  .talk_pop_select_03 .privacy .info .talk_post_btn {
    width: 70px;
  }
}

@media (max-width: 320px) {
  .talk_pop_password {
    width: 270px;
  }
  .talkPopup_pack {
    width: 270px;
  }
  .talk_pop_password .password_area input,
  .talk_pop_select_01 .password_area input {
    margin-left: 0;
  }
}

/* //////////////////////////////////////////// */
/* ////////////  .page_talktalk class  ///////////// */
/*    톡 이벤트 add 160811  */
/* //////////////////////////////////////////// */
.contents.page_talktalk {
  padding-bottom: 0;
  font-family: Malgun Gothic, "맑은 고딕", "NanumGothic", "돋움", "dotum";
  text-align: center;
  overflow: hidden;
}
.page_talktalk img {
  width: 100%;
}
.page_talktalk .blind {
  visibility: hidden;
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.page_talktalk .talktalk_gift {
  position: relative;
  background: #3d2320;
}
.page_talktalk .talktalk_gift a {
  position: absolute;
  left: 50%;
  margin-left: -75px;
  bottom: 30px;
  display: block;
  width: 150px;
}
.page_talktalk .talktalk_gift a img {
  width: 100%;
}
.page_talktalk .talktalk_select {
  position: relative;
  background: #ffb525;
  padding: 70px 10px 35px;
}
.page_talktalk .talktalk_select h4 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
}
.page_talktalk .talktalk_select h4 img {
  width: 272px;
}
.page_talktalk .talktalk_select .inner {
  background: #fff;
  padding: 160px 15px 35px;
}
.page_talktalk .talktalk_select .inner .select_area {
  width: 100%;
}
.page_talktalk .talktalk_select .inner .select_area .tit {
  width: 100%;
  text-align: center;
}
.page_talktalk .talktalk_select .inner .select_area .tit img {
  width: 272px;
}
.page_talktalk .talktalk_select .inner .select_area ul.item {
  width: 272px;
  margin: 0 auto;
  margin-top: 15px;
}
.page_talktalk .talktalk_select .inner .select_area ul.item li {
  clear: both;
  margin-bottom: 6px;
}
.page_talktalk .talktalk_select .inner .select_area ul.item li:after {
  content: "";
  display: block;
  clear: both;
}
.page_talktalk .talktalk_select .inner .select_area ul.item li label {
  position: relative;
  float: right;
  cursor: pointer;
}
.page_talktalk .talktalk_select .inner .select_area ul.item li label img {
  width: 245px;
}
.page_talktalk .talktalk_select .inner .select_area ul.item li label input {
  position: absolute;
  left: 40px;
  top: 4px;
  width: 75%;
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  background: #fff;
  padding: 0 5px;
}
.page_talktalk .talktalk_select .inner .select_area ul.item li .input {
  float: left;
  padding-top: 2px;
}
.page_talktalk .talktalk_select .inner .select_area ul.item li .iradio_minimal {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url("/Areas/Mobile/images/talktalk_radio.png") no-repeat;
  border: none;
  cursor: pointer;
}
.page_talktalk .talktalk_select .inner .select_area ul.item li .iradio_minimal {
  background-position: 0 0;
}
.page_talktalk
  .talktalk_select
  .inner
  .select_area
  ul.item
  li
  .iradio_minimal.hover {
  background-position: 0 0;
}
.page_talktalk
  .talktalk_select
  .inner
  .select_area
  ul.item1
  li
  .iradio_minimal.checked {
  background-position: -22px 0;
}
.page_talktalk
  .talktalk_select
  .inner
  .select_area
  ul.item2
  li
  .iradio_minimal.checked {
  background-position: -44px 0;
}
.page_talktalk .talktalk_select .inner .select_area .text {
  width: 100%;
  text-align: center;
  margin-top: 25px;
}
.page_talktalk .talktalk_select .inner .select_area .text img {
  width: 272px;
}
.page_talktalk .talktalk_select .inner .select_area .sns {
  width: 100%;
  height: 30px;
  text-align: center;
  margin-top: 20px;
}
.page_talktalk .talktalk_select .inner .select_area .sns ul {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.page_talktalk .talktalk_select .inner .select_area .sns ul li {
  float: left;
  margin: 0 3px;
  width: 30px;
  height: 30px;
}
.page_talktalk .talktalk_select .inner .select_area .sns ul li img {
  width: 100%;
}
.page_talktalk .talktalk_select .inner .select_area .btns {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.page_talktalk .talktalk_select .inner .select_area .btns img {
  width: 150px;
}
.page_talktalk .talktalk_select .inner .result_area {
  width: 100%;
  display: none;
}
.page_talktalk .talktalk_select .inner .result_area .tit {
  width: 100%;
  text-align: center;
}
.page_talktalk .talktalk_select .inner .result_area .tit img {
  width: 272px;
}
.page_talktalk .talktalk_select .inner .result_area ul.item li {
  width: 100%;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 10px;
}
.page_talktalk .talktalk_select .inner .result_area ul.item li img {
  width: 272px;
}
.page_talktalk .talktalk_select .inner .result_area ul.item li .grp {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 272px;
  height: 10px;
  background: #f1f1f1;
}
.page_talktalk .talktalk_select .inner .result_area ul.item1 li .grp .point {
  float: left;
  width: 20%;
  height: 10px;
  background: #ff4e42;
}
.page_talktalk .talktalk_select .inner .result_area ul.item2 li .grp .point {
  float: left;
  width: 20%;
  height: 10px;
  background: #44c9c2;
}
.page_talktalk .talktalk_select .inner .result_area .btns {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.page_talktalk .talktalk_select .inner .result_area .btns img {
  width: 150px;
}
.page_talktalk .talktalkPopup_gift {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 500;
  background: rgba(0, 0, 0, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000, endColorstr=#60000000);
  display: none;
}
.page_talktalk .talktalkPopup_gift .gift_area {
  position: absolute;
  left: 50%;
  margin-left: -150px;
  top: 90px;
  width: 300px;
  height: auto;
}
.page_talktalk .talktalkPopup_gift .gift_area a.close {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 16px;
  height: 16px;
  padding: 10px;
}
.page_talktalk .talktalkPopup_gift .gift_area img {
  width: 100%;
}
.page_talktalk .talktalkPopup_app {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 500;
  background: rgba(0, 0, 0, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000, endColorstr=#60000000);
  display: none;
}
.page_talktalk .talktalkPopup_app .app_area {
  position: absolute;
  left: 50%;
  margin-left: -150px;
  top: 0;
  margin-top: 0;
  width: 270px;
  height: 290px;
  background: #f5f5f5;
  border-radius: 5px;
  padding: 15px;
}
.page_talktalk .talktalkPopup_app .app_area .top {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 15px;
}
.page_talktalk .talktalkPopup_app .app_area .top .tit {
  font-size: 16px;
  line-height: 20px;
  color: #1c1c1c;
  text-align: center;
}
.page_talktalk .talktalkPopup_app .app_area .top a {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 16px;
  height: 16px;
  padding: 10px;
}
.page_talktalk .talktalkPopup_app .app_area table {
  width: 100%;
  margin-top: 10px;
}
.page_talktalk .talktalkPopup_app .app_area table th,
.page_talktalk .talktalkPopup_app .app_area table td {
  padding: 3px 0;
  text-align: left;
}
.page_talktalk .talktalkPopup_app .app_area table th {
  width: 60px;
  text-align: left;
  font-size: 12px;
  line-height: 22px;
  color: #555;
  vertical-align: top;
}
.page_talktalk .talktalkPopup_app .app_area table td input {
  height: 22px;
  border: 1px solid #d3d3d3;
  background: #fff;
  font-size: 12px;
  line-height: 22px;
  padding: 0 5px;
  color: #555;
  -webkit-appearance: none;
}
.page_talktalk .talktalkPopup_app .app_area table td .w40 {
  width: 40px !important;
}
.page_talktalk .talktalkPopup_app .app_area table td .w115 {
  width: 100px !important;
}
.page_talktalk .talktalkPopup_app .app_area table td .w215 {
  width: 190px !important;
}
.page_talktalk .talktalkPopup_app .app_area table td.addr input {
  float: left;
  margin-bottom: 6px;
}
.page_talktalk .talktalkPopup_app .app_area table td.addr a.post {
  float: left;
  display: block;
  width: 85px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  background: #3a3a3a;
  margin-left: 5px;
}
.page_talktalk .talktalkPopup_app .app_area .privacy {
  font-size: 12px;
  line-height: 20px;
  color: #555;
  margin-left: 56px;
  margin-top: 0px;
  text-align: left;
  vertical-align: middle;
}
.page_talktalk .talktalkPopup_app .app_area .privacy input {
  float: left;
}
.page_talktalk .talktalkPopup_app .app_area .privacy label {
  float: left;
  margin-left: 5px;
}
.page_talktalk .talktalkPopup_app .app_area .privacy a {
  display: block;
  clear: both;
  text-decoration: underline;
  margin-left: 25px;
}
.page_talktalk .talktalkPopup_app .app_area .btns {
  width: 100%;
  text-align: center;
  margin-top: 15px;
}
.page_talktalk .talktalkPopup_app .app_area .btns img {
  width: 64px;
}
.page_talktalk .talktalkPopup_app .privacy_area {
  position: absolute;
  left: 50%;
  margin-left: -150px;
  top: 0;
  margin-top: 0;
  width: 270px;
  height: 290px;
  background: #f5f5f5;
  border-radius: 5px;
  padding: 15px;
  display: none;
}
.page_talktalk .talktalkPopup_app .privacy_area .top {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 15px;
}
.page_talktalk .talktalkPopup_app .privacy_area .top .tit {
  font-size: 16px;
  line-height: 20px;
  color: #1c1c1c;
  text-align: center;
}
.page_talktalk .talktalkPopup_app .privacy_area .top a {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 16px;
  height: 16px;
  padding: 10px;
}
.page_talktalk .talktalkPopup_app .privacy_area .text {
  height: 176px;
  border: 1px solid #bfbfbf;
  background: #f1f1f1;
  padding: 10px;
  font-size: 11px;
  line-height: 18px;
  color: #2c3034;
  margin-top: 10px;
  text-align: left;
  overflow: hidden;
  overflow-y: scroll;
}
.page_talktalk .talktalkPopup_app .privacy_area .text strong {
  font-weight: bold;
}
.page_talktalk .talktalkPopup_app .privacy_area .btns {
  width: 100%;
  text-align: center;
  margin-top: 13px;
}
.page_talktalk .talktalkPopup_app .privacy_area .btns img {
  width: 64px;
}

/* //////////////////////////////////////////// */
/* ////////////  .page_talktoday class  ///////////// */
/*    톡 이벤트  */
/* //////////////////////////////////////////// */
.contents.page_talktoday {
  padding-bottom: 0;
  font-family: Malgun Gothic, "맑은 고딕", "NanumGothic", "돋움", "dotum";
  text-align: center;
}
.page_talktoday img {
  width: 100%;
}
.page_talktoday .blind {
  visibility: hidden;
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.page_talktoday .talktoday_select {
  position: relative;
  height: 590px;
  background: url("/Areas/Mobile/images/talktoday_bg.jpg") center top;
}
.page_talktoday .talktoday_select h4 {
  position: absolute;
  left: 50%;
  top: -15px;
  margin-left: -155px;
}
.page_talktoday .talktoday_select h4 img {
  width: 280px;
}
.page_talktoday .talktoday_select .msg {
  position: absolute;
  left: 50%;
  top: 55px;
  margin-left: -150px;
  z-index: 100;
}
.page_talktoday .talktoday_select .msg img {
  width: 77px;
}
.page_talktoday .talktoday_select .box {
  position: absolute;
  left: 50%;
  top: 100px;
  width: 293px;
  height: 127px;
  margin-left: -146px;
  background: url("/Areas/Mobile/images/talktoday_input.png") no-repeat;
  background-size: 293px 127px;
}
.page_talktoday .talktoday_select .box input.text1 {
  position: absolute;
  left: 50%;
  top: 32px;
  margin-left: -44px;
  width: 80px;
  height: 23px;
  padding: 0 5px;
  line-height: 23px;
  background: #c8beb4;
  color: #000;
  font-size: 14px;
  -webkit-border-radius: 1px;
  -webkit-appearance: none;
}
.page_talktoday .talktoday_select .box input.text2 {
  position: absolute;
  left: 50%;
  top: 58px;
  margin-left: -100px;
  width: 190px;
  height: 23px;
  padding: 0 5px;
  line-height: 23px;
  background: #c8beb4;
  color: #000;
  font-size: 14px;
  -webkit-border-radius: 1px;
  -webkit-appearance: none;
}
.page_talktoday .talktoday_select .info {
  padding-top: 250px;
}
.page_talktoday .talktoday_select .info table {
  width: 280px;
  margin: 0 auto;
  text-align: left;
}
.page_talktoday .talktoday_select .info table th {
  width: 70px;
  text-align: left;
}
.page_talktoday .talktoday_select .info table td {
  width: 210px;
}
.page_talktoday .talktoday_select .info table td input {
  width: 200px;
  height: 23px;
  padding: 0 5px;
  line-height: 23px;
  background: #fff;
  color: #000;
  font-size: 14px;
  -webkit-border-radius: 1px;
  -webkit-appearance: none;
  border: 0;
}
.page_talktoday .talktoday_select .info table td input.tel {
  width: 51px;
}
.page_talktoday .talktoday_select .info table td input.post {
  width: 114px;
  margin-right: 5px;
}
.page_talktoday .talktoday_select .info table th,
.page_talktoday .talktoday_select .info table td {
  padding-bottom: 8px;
}
.page_talktoday .talktoday_select .info table td a.post {
  margin-left: 8px;
}
.page_talktoday .talktoday_select .info table td li {
  margin-bottom: 3px;
}
.page_talktoday .talktoday_select .info table td img.post {
  width: 81px;
}
.page_talktoday .talktoday_select .info .sns {
  text-align: center;
}
.page_talktoday .talktoday_select .info .sns p {
  margin-top: 5px;
}
.page_talktoday .talktoday_select .info .sns p img {
  width: 220px;
}
.page_talktoday .talktoday_select .info .sns ul {
  display: inline-block;
  margin-top: 10px;
}
.page_talktoday .talktoday_select .info .sns ul li {
  float: left;
  width: 33px;
  margin: 0 3px;
}
.page_talktoday .talktoday_select .info .sns ul li img {
  width: 100%;
}
.page_talktoday .talktoday_select .info .privacy {
  width: 300px;
  height: 20px;
  margin: 0 auto;
  margin-top: 5px;
  text-align: center;
}
.page_talktoday .talktoday_select .info .privacy input {
  float: left;
  cursor: pointer;
  width: 18px;
  height: 18px;
}
.page_talktoday .talktoday_select .info .privacy label {
  float: left;
  margin-right: 10px;
}
.page_talktoday .talktoday_select .info .privacy label img {
  width: 136px;
}
.page_talktoday .talktoday_select .info .privacy a {
  float: left;
}
.page_talktoday .talktoday_select .info .privacy a img {
  width: 119px;
}
.page_talktoday .talktoday_select .info .sns .btn {
  clear: both;
  margin-top: 10px;
}
.page_talktoday .talktoday_select .info .sns .btn a {
  display: inline-block;
}
.page_talktoday .talktoday_select .info .sns .btn a img {
  width: 175px;
}
.page_talktoday .talktoday_result {
  padding: 10px 0 30px;
  background: #f4efec;
  margin: 0 auto;
}
.page_talktoday .talktoday_result ul {
  position: relative;
  width: 320px;
  margin: 0 auto;
}
.page_talktoday .talktoday_result ul:after {
  content: "";
  display: block;
  clear: both;
}
.page_talktoday .talktoday_result ul li {
  position: relative;
  float: left;
  width: 50%;
  height: 162px;
}
.page_talktoday .talktoday_result ul li p {
  font-size: 10px;
  color: #000;
  line-height: 16px;
  width: 90px;
}
.page_talktoday .talktoday_result ul li .text {
  width: 137px;
  height: 162px;
  word-break: break-all;
}
.page_talktoday .talktoday_result ul li.memo1 .text {
  position: absolute;
  left: 24px;
  top: 0px;
  background: url("/Areas/Mobile/images/talktoday_memo1.png") no-repeat;
  background-size: 137px 162px;
}
.page_talktoday .talktoday_result ul li.memo2 .text {
  position: absolute;
  left: 5px;
  top: 20px;
  background: url("/Areas/Mobile/images/talktoday_memo2.png") no-repeat;
  background-size: 137px 162px;
}
.page_talktoday .talktoday_result ul li.memo3 .text {
  position: absolute;
  left: 10px;
  top: -10px;
  background: url("/Areas/Mobile/images/talktoday_memo2.png") no-repeat;
  background-size: 137px 162px;
}
.page_talktoday .talktoday_result ul li.memo4 .text {
  position: absolute;
  left: 0px;
  top: 23px;
  background: url("/Areas/Mobile/images/talktoday_memo1.png") no-repeat;
  background-size: 137px 162px;
}
.page_talktoday .talktoday_result ul li.memo1 .text p,
.page_talktoday .talktoday_result ul li.memo4 .text p {
  position: absolute;
  left: 20px;
  top: 40px;
}
.page_talktoday .talktoday_result ul li.memo2 .text p,
.page_talktoday .talktoday_result ul li.memo3 .text p {
  position: absolute;
  left: 30px;
  top: 40px;
}
.page_talktoday .talktoday_result .more {
  text-align: center;
  margin-top: 40px;
}
.page_talktoday .talktoday_result .more img {
  width: 77px;
}

.page_talktoday .talktodayPopup {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 500;
  background: rgba(0, 0, 0, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000, endColorstr=#60000000);
  display: none;
}
.page_talktoday .talktodayPopup .privacy_area {
  position: absolute;
  left: 50%;
  margin-left: -150px;
  top: 0;
  margin-top: 0;
  width: 270px;
  height: 290px;
  background: #f5f5f5;
  border-radius: 5px;
  padding: 15px;
}
.page_talktoday .talktodayPopup .privacy_area .top {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 15px;
}
.page_talktoday .talktodayPopup .privacy_area .top .tit {
  font-size: 16px;
  line-height: 20px;
  color: #1c1c1c;
  text-align: center;
}
.page_talktoday .talktodayPopup .privacy_area .top a {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 16px;
  height: 16px;
  padding: 10px;
}
.page_talktoday .talktodayPopup .privacy_area .text {
  height: 176px;
  border: 1px solid #bfbfbf;
  background: #f1f1f1;
  padding: 10px;
  font-size: 11px;
  line-height: 18px;
  color: #2c3034;
  margin-top: 10px;
  text-align: left;
  overflow: hidden;
  overflow-y: scroll;
}
.page_talktoday .talktodayPopup .privacy_area .text strong {
  font-weight: bold;
}
.page_talktoday .talktodayPopup .privacy_area .btns {
  width: 100%;
  text-align: center;
  margin-top: 13px;
}
.page_talktoday .talktodayPopup .privacy_area .btns img {
  width: 64px;
}

/* //////////////////////////////////////////// */
/* ////////////  .page_white class  ///////////// */
/*    화이트 이벤트 add 160412  */
/* //////////////////////////////////////////// */
.page_white .white_event_area img {
  width: 100%;
}

/* //////////////////////////////////////////// */
/* ////////////  .page_afterTalk class  ///////////// */
/*    톡 캠페인 후기 이벤트 add 160415  */
/* //////////////////////////////////////////// */
.page_afterTalk img {
  width: 100%;
}
.page_afterTalk.popup {
  background: #fff;
}
.page_afterTalk .at_desc {
  width: 90%;
  margin: 0 auto;
  padding-top: 11px;
  font-size: 15px;
  color: #393939;
  text-align: left;
}
.page_afterTalk .at_desc dt {
  padding-top: 14px;
  font-weight: bold;
}
.page_afterTalk .btn_area {
  border-bottom: 1px dashed #93d0f7;
}
.page_afterTalk .btn_apply {
  width: 40%;
  margin: 20px auto 0;
  padding-bottom: 23px;
}
.page_afterTalk .at_notice {
  width: 86%;
  margin: 16px auto 0;
  padding: 15px 11px;
  background: #fff;
  border-radius: 5px;
  text-align: center;
  font-size: 11px;
  color: #0e0e0e;
}
.page_afterTalk .at_notice .tit {
  width: 150px;
  margin: 0 auto;
  padding: 4px 0;
  background: #1776a3;
  border-radius: 50px;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
}
.page_afterTalk .at_notice .noti_list ul {
  padding-top: 16px;
}
.page_afterTalk .at_notice .noti_list ul li {
  padding-left: 7px;
  background: url("/Areas/Mobile/images/at_talk_list_bul.gif") no-repeat left
    8px;
  -webkit-background-size: 2px 2px;
  background-size: 2px 2px;
}

.apply_area {
  width: 90%;
  margin: 0 auto;
  font-size: 11px;
  color: #000;
}
.apply_area .tit {
  padding: 15px 0;
  border-bottom: 1px solid #e3e3e3;
  font-size: #000;
  font-size: 18px;
  font-weight: bold;
}
.apply_area .privacy .agree-tit {
  padding: 14px 0 10px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.apply_area .privacy .agree-area {
  padding: 15px 4px 15px 14px;
  background-color: #f4f4f4;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  text-align: left;
  color: #3d4750;
}
.apply_area .privacy .agree-area .agree {
  height: 72px;
  overflow-y: auto;
  line-height: 1.2em;
  font-size: 11px;
}
.apply_area .privacy .sub-tit {
  display: block;
  padding-bottom: 6px;
  font-size: 12px;
  color: #000;
  font-weight: bold;
}
.apply_area .privacy .agree-chk {
  padding: 10px 0 28px;
}

.apply_area .privacy .info {
  width: 80%;
  margin: 0 auto;
}
.apply_area .privacy .info_wrap {
  padding-bottom: 17px;
  background: #57a0c4;
  border-radius: 3px;
  font-size: 11px;
}
.apply_area .privacy .info_wrap .info:after {
  display: block;
  clear: both;
  content: "";
}
.apply_area .privacy .info_wrap .info_tit {
  padding: 15px 0;
  font-size: 12px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 15px;
  word-spacing: -2px;
}
.apply_area .privacy dt {
  width: 20%;
  float: left;
  font-size: 12px;
  text-align: left;
  line-height: 20px;
  color: #fff;
}
.apply_area .privacy dd {
  width: 80%;
  float: left;
  text-align: left;
  font-size: 12px;
  color: #666;
}
.apply_area .privacy input {
  font-size: 12px;
}
.apply_area .privacy input[type="radio"] {
  display: inline;
}
.apply_area .privacy input[type="number"],
.apply_area .privacy input[type="text"] {
  height: 25px;
  line-height: 25px;
  border: 1px solid #fff;
  background: #fff;
  border-radius: 1px;
  -webkit-appearance: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.apply_area .privacy select {
  width: 100%;
  height: 25px;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  background: #fff;
  text-indent: 0 !important;
  border: 1px solid #d2d2d2;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 1px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.apply_area .privacy .info {
  margin-bottom: 7px;
}
.apply_area .privacy .info span {
  display: inline-block;
}
.apply_area .privacy .info .w1 {
  width: 100%;
}
.apply_area .privacy .info .w2 {
  width: 28%;
  float: left;
}
.apply_area .privacy .info .w3 {
  width: 7%;
  float: left;
  text-align: center;
  color: #fff;
}
.apply_area .at_noti {
  width: 95%;
  margin: 0 auto;
  padding: 10px 0 20px;
  border-bottom: 1px dashed #7d7d7d;
  text-align: left;
  font-size: 9px;
  color: #666;
}

.at_cont_ex {
  width: 90%;
  margin: 0 auto;
  font-size: 10px;
}
.at_cont_ex .tit {
  padding: 14px 0 6px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.at_cont_ex .sub_tit {
  padding-bottom: 11px;
  color: #3d4750;
}
.at_cont_ex .ex_cont {
  padding: 9px 12px;
  background: #efefef;
  color: #2e81aa;
  text-align: left;
  font-size: 9px;
  line-height: 1.2em;
}
.at_cont_ex .ex_cont:after {
  display: block;
  content: "";
  clear: both;
}
.at_cont_ex .ex_cont span {
  display: block;
  float: left;
}
.at_cont_ex .ex_cont .ex {
  width: 15px;
}
.at_cont_ex .ex_cont .txt {
  width: 271px;
  word-break: break-all;
}
.at_cont_ex .ex_context {
  padding-top: 5px;
  font-size: 12px;
  color: #3d4750;
}
.at_cont_ex .ex_context textarea {
  padding: 5px;
  font-size: 12px;
  background: #fff;
  border: 1px solid #bfbfbf;
  border-radius: 1px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  background: #fff;
}
.at_cont_ex .ex_context .at_noti {
  width: 95%;
  margin: 0 auto;
  padding: 10px 0 20px;
  text-align: left;
  font-size: 9px;
  color: #666;
}
.page_afterTalk {
  padding-top: 50px;
}
.page_afterTalk .apply_btn_next,
.page_afterTalk .apply_btn_close {
  width: 22%;
  margin: 0 auto;
}
.apply_ok .img_txt {
  width: 70%;
  margin: 0 auto;
  padding: 25px 0 10px;
}
.apply_ok .next_event_date {
  margin-bottom: 17px;
  padding: 15px 0;
  background: #e5e5e5;
  text-align: center;
  font-size: 12px;
}
.apply_ok .next_event_date span {
  font-weight: bold;
  color: #cb5d0d;
}
.talk_event_end {
  padding: 35px 0;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
}

@media (max-width: 359px) {
  .at_cont_ex .ex_cont {
    padding: 9px 5px;
  }
  .at_cont_ex .ex_cont .txt {
    margin-left: 0;
  }
  .at_cont_ex .ex_cont .txt {
    width: 244px;
  }
}

/* //////////////////////////////////////////// */
/* ////////////  .page_white class  ///////////// */
/*    2016 유한킴벌리 지속가능성에 대한 이해관계자 의견 수렴 add 160621  */
/* //////////////////////////////////////////// */
.page_poll .poll_event_area img {
  width: 100%;
}

/* //////////////////////////////////////////// */
/* ////////////  .page_senior class  ///////////// */
/*    시니어 이벤트 add 170731  */
/* //////////////////////////////////////////// */

.page_senior {
  font-family: "Nanum Gothic", "NanumGothic", "나눔고딕", "돋움", Dotum,
    AppleSDGothicNeo, AppleGothic, Droid Sans;
  padding-top: 50px;
}
.page_senior .img100 {
  width: 100%;
}
.page_senior * {
  box-sizing: border-box;
}
.page_senior .clearfix:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.page_senior .clearfix {
  display: block;
}
.page_senior input[type="text"],
.page_senior textarea {
  -webkit-appearance: none;
  border-radius: 0;
}
.page_senior > div {
  position: relative;
  overflow: hidden;
}

.page_senior .senior_select ul {
  padding: 0 15px 40px;
  margin-right: -1.5%;
  background: url(../images/event2017/senior_select_bg.jpg) repeat-y;
  background-size: 100% auto;
}
.page_senior .senior_select li {
  float: left;
  width: 50%;
  padding-top: 6.6%;
  padding-left: 3.3%;
  padding-right: 3%;
}
.page_senior .senior_select li > div {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
}
.page_senior .senior_select li input {
  display: none;
}
.page_senior .senior_select li .img {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: 2px solid #dbdbdb;
  border-radius: 9px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}
.page_senior .senior_select li.item1 .img {
  background-image: url(../images/event2017/senior_select_no1.jpg);
}
.page_senior .senior_select li.item2 .img {
  background-image: url(../images/event2017/senior_select_no2.jpg);
}
.page_senior .senior_select li.item3 .img {
  background-image: url(../images/event2017/senior_select_no3.jpg);
}
.page_senior .senior_select li.item4 .img {
  background-image: url(../images/event2017/senior_select_no4.jpg);
}
.page_senior .senior_select li.item5 .img {
  background-image: url(../images/event2017/senior_select_no5.jpg);
}
.page_senior .senior_select li.item6 .img {
  background-image: url(../images/event2017/senior_select_no6.jpg);
}
.page_senior .senior_select li label {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  font-size: 0;
  z-index: 5;
  cursor: pointer;
}
.page_senior .senior_select li label .btn {
  position: absolute;
  left: -6.6%;
  top: -6.6%;
  width: 23.8%;
  height: 23.8%;
  background-image: url(../images/event2017/senior_result_btn.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.page_senior .senior_select li input:checked + label .btn {
  background-image: url(../images/event2017/senior_result_btn_hover.png);
}
.page_senior .senior_select li input:checked ~ .img {
  border-color: #e04c5f;
  border-width: 2px;
}

.page_senior .senior_addr {
  background-color: #d9eada;
}
.page_senior .senior_addr .msg_box {
  width: 100%;
  padding: 0 15px;
  max-width: 640px;
  margin: 0 auto;
}
.page_senior .senior_addr .msg_box li {
  position: relative;
  padding-left: 25%;
  padding-bottom: 10px;
}
.page_senior .senior_addr .msg_box label {
  position: absolute;
  left: 0;
  top: 0;
  width: 25%;
  font-size: 15px;
  color: #555;
  line-height: 35px;
}
.page_senior .senior_addr .msg_box label .star {
  color: #ff3333;
  font-weight: bold;
}
.page_senior .senior_addr .msg_box textarea {
  width: 100%;
  height: 100px;
  padding: 5px 10px;
  border: 1px solid #c5c5c5;
  resize: none;
  font-size: 15px;
}
.page_senior .senior_addr .msg_box input {
  height: 35px;
  padding: 0 10px;
  border: 1px solid #c5c5c5;
  background-color: #fff;
  font-size: 15px;
}
.page_senior .senior_addr .msg_box .name input {
  width: 100%;
}
.page_senior .senior_addr .msg_box .tel_box input {
  float: left;
  width: 32%;
  margin-right: 2%;
}
.page_senior .senior_addr .msg_box .tel_box input:last-child {
  margin: 0;
}
.page_senior .senior_addr .msg_box .addr input {
  width: 100%;
  margin-bottom: 5px;
}
.page_senior .senior_addr .msg_box .postnum {
  position: relative;
  padding-right: 50%;
}
.page_senior .senior_addr .msg_box .postnum a {
  position: absolute;
  right: 0;
  top: 0;
  width: 48%;
  height: 33px;
  background-color: #787878;
  margin-top: 1px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 33px;
}

.page_senior .senior_addr .sns_share {
  text-align: center;
}
.page_senior .senior_addr .sns_share ul {
  padding: 20px 0;
}
.page_senior .senior_addr .sns_share li {
  display: inline-block;
  margin: 0 3px;
  width: 9.866%;
}
.page_senior .senior_addr .sns_share li img {
  width: 100%;
}
.page_senior .senior_addr .sns_share .btns {
  width: 100%;
  padding: 0 30px 55px;
}

/*20170921*/
.page_senior .senior_addr .sns_share {
  display: none;
}

@media (max-width: 480px) {
  .page_senior .senior_addr .msg_box li {
    padding-left: 28%;
  }
  .page_senior .senior_addr .msg_box label {
    width: 28%;
    font-size: 13px;
  }
  .page_senior .senior_addr .msg_box .postnum a {
    font-size: 13px;
  }
}

.page_senior .senior_result {
  padding: 60px 0;
  background: #f9f5f2 url(../images/event2017/senior_result.jpg) no-repeat;
  background-size: 100% auto;
}
.page_senior .senior_result ul {
  padding: 0 30px;
  margin-right: -5%;
}
.page_senior .senior_result li {
  position: relative;
  float: left;
  width: 45%;
  padding-top: 50%;
  margin-right: 5%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  text-align: center;
}
.page_senior .senior_result li:nth-child(odd) {
  background-image: url(../images/event2017/senior_result_post1.png);
}
.page_senior .senior_result li:nth-child(even) {
  background-image: url(../images/event2017/senior_result_post2.png);
}
.page_senior .senior_result li > div {
  position: absolute;
  left: 0;
  top: 30%;
  width: 100%;
  height: 50%;
  padding: 0 15%;
}
.page_senior .senior_result li p {
  overflow: hidden;
  max-height: 80%;
  font-size: 15px;
  word-wrap: break-word;
}
.page_senior .senior_result li .name {
  display: inline-block;
  padding-top: 15px;
  font-size: 14px;
  color: #333;
}
.page_senior .senior_result li .name:before {
  content: "- ";
}
.page_senior .senior_result .btns {
  width: 60%;
  margin: 0 auto;
  padding-top: 20px;
}

@media (max-width: 480px) {
  .page_senior .senior_result {
    padding: 30px 0;
  }
  .page_senior .senior_result ul {
    padding: 0 15px;
  }
  .page_senior .senior_result li > div {
    top: 25%;
  }
  .page_senior .senior_result li p {
    font-size: 14px;
  }
  .page_senior .senior_result li .name {
    padding-top: 10px;
    font-size: 13px;
  }
}

.page_senior .senior_mov {
  background-color: #7e726c;
}
.page_senior .senior_mov .mov_area {
  width: 100%;
  padding-bottom: 40px;
  background: url(../images/event2017/senior_mov_bg.jpg) repeat-y;
  background-size: 100% auto;
}
.page_senior .senior_mov .mov_area ul {
  width: 79.6%;
  margin: 0 auto;
}
.page_senior .senior_mov .mov_area li {
  position: relative;
  padding-bottom: 15px;
}
.page_senior .senior_mov .mov_area li img {
  width: 100%;
}

/* //////////////////////////////////////////// */
/* ////////////  .page_sns class  ///////////// */
/*    SNS 이벤트 add 171023  */
/* //////////////////////////////////////////// */

html.openpopup {
  overflow: hidden;
}
html.openpopup .overlay {
  position: fixed;
  top: 67px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.5);
}
html.openpopup #container {
  z-index: 10001;
}
.sns_event_area {
  position: relative;
  margin: 0 auto;
  width: 100%;
  color: #000;
  font-family: "Nanum Gothic", "NanumGothic", "나눔고딕", "돋움", Dotum,
    AppleSDGothicNeo, AppleGothic, Droid Sans;
}
.sns_event_area button {
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
.sns_event_area * {
  box-sizing: border-box;
}
.sns_event_area .clearfix:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.sns_event_area .clearfix {
  display: block;
}
.sns_event_area .sns_visual > img {
  display: block;
  width: 100%;
}
.sns_event_area .sns_movie {
  padding: 15px;
  background-color: #fff;
}
.sns_event_area .sns_movie .vod_tab {
  width: 100%;
  margin-bottom: 15px;
}
.sns_event_area .sns_movie .vod_tab li {
  float: left;
  width: 50%;
  height: 45px;
  padding: 13px 5px;
  border: 1px solid #dcdddd;
  border-width: 0 1px 1px 0;
  background-color: #fff;
  text-align: center;
}
.sns_event_area .sns_movie .vod_tab li.lines {
  padding: 6px;
}
.sns_event_area .sns_movie .vod_tab li:nth-child(2n-1) {
  border-width: 0 1px 1px 1px;
}
.sns_event_area .sns_movie .vod_tab li:first-child {
  border-width: 1px;
}
.sns_event_area .sns_movie .vod_tab li:nth-child(2) {
  border-width: 1px 1px 1px 0;
}
.sns_event_area .sns_movie .vod_tab li a {
  color: #333;
}
.sns_event_area .sns_movie .vod_tab li span {
  display: block;
  line-height: 1.4;
}
.sns_event_area .sns_movie .vod_tab .t_main {
  font-size: 12px;
}
.sns_event_area .sns_movie .vod_tab .t_sub {
  font-size: 9px;
  word-wrap: break-word;
}
.sns_event_area .sns_movie .vod_tab li.active {
  background-color: #1aa3e4;
}
.sns_event_area .sns_movie .vod_tab li.active a {
  color: #fff;
}
.sns_event_area .sns_movie .vod_area {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin: 0 auto 15px;
}
.sns_event_area .sns_movie .vod_area iframe {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/event_sns/bg_sns_event_vod_m.jpg) no-repeat center;
  background-size: cover;
}
.sns_event_area .sns_movie .share_area {
  position: relative;
  width: 265px;
  height: 36px;
  margin: 0 auto;
  background: url(../images/event_sns/bg_share_m.jpg) no-repeat 0 0;
  background-size: contain;
}
.sns_event_area .sns_movie .share_area ul {
  position: absolute;
  top: 0;
  right: 0;
  width: 143px;
  height: 36px;
  padding: 5px 12px;
  border-radius: 18px;
  background-color: #f7f8f8;
}
.sns_event_area .sns_movie .share_area li {
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 7px;
  background: url(../images/event_sns/btn_bg_share_m.jpg) no-repeat 0 0;
  background-size: 48px auto;
}
.sns_event_area .sns_movie .share_area li:last-child {
  margin-right: 0;
}
.sns_event_area .sns_movie .share_area li.share_kt {
  background-position: 0 0;
}
.sns_event_area .sns_movie .share_area li.share_ks {
  background-position: -24px 0;
}
.sns_event_area .sns_movie .share_area li.share_fb {
  background-position: 0 -24px;
}
.sns_event_area .sns_movie .share_area li.share_tw {
  background-position: -24px -24px;
}
.sns_event_area .sns_movie .share_area li a {
  display: block;
  width: 100%;
  height: 100%;
}
.sns_event_area .form_wrap {
  padding: 15px;
  color: #333;
  background-color: #1aa3e4;
}
.sns_event_area .sns_form {
  padding: 35px 15px;
  border-bottom: 1px solid #dcdddd;
  font-size: 12px;
  background-color: #fff;
}
.sns_event_area .sns_form .info {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
.sns_event_area .sns_form .form_box {
  position: relative;
}
.sns_event_area .sns_form .form_box label {
  text-align: left;
}
.sns_event_area .sns_form .form_box .box {
  display: block;
  line-height: 40px;
  border: 1px solid #dcdddd;
  border-width: 1px 0 0 1px;
}
.sns_event_area .sns_form .form_box .box:last-of-type {
  border-bottom: 1px solid #dcdddd;
}
.sns_event_area .sns_form .form_box .box > * {
  float: left;
  display: block;
}
.sns_event_area .sns_form .form_box input[type="text"],
.sns_event_area .sns_form .form_box input[type="tel"] {
  border: 0;
  height: 40px;
  padding: 0 15px;
  font-size: 12px;
  border-right: 1px solid #dcdddd;
}
.sns_event_area .sns_form .form_box .input_name {
  width: 75%;
}
.sns_event_area .sns_form .form_box .input_phone {
  width: 20%;
  padding: 0;
  text-align: center;
}
.sns_event_area .sns_form .form_box .input_url {
  width: 100%;
}
.sns_event_area .sns_form .form_box .hyphen {
  width: 7.5%;
  height: 40px;
  border-right: 1px solid #dcdddd;
  text-align: center;
}
.sns_event_area .sns_form .form_box .label {
  border-right: 1px solid #dcdddd;
}
.sns_event_area .sns_form .form_box .label.required {
  width: 25%;
  padding-left: 15px;
}
.sns_event_area .sns_form .form_box .label.required:before {
  display: inline;
  content: "* ";
  font-weight: bold;
  color: #ff5454;
}
.sns_event_area .sns_form .agree_chk {
  position: relative;
  margin-top: 25px;
  margin-bottom: 15px;
}
.sns_event_area .sns_form .agree_chk input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sns_event_area .sns_form .agree_chk input[type="checkbox"] + label {
  position: relative;
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.sns_event_area .sns_form .agree_chk input[type="checkbox"] + label:after {
  display: none;
  position: absolute;
  top: 8px;
  left: 4px;
  content: "";
  width: 10px;
  height: 10px;
  margin: -2px 8px 0 0;
  background: url(../images/event_sns/sns_sprite_m.png) no-repeat -30px -15px;
  background-size: 60px auto;
}
.sns_event_area .sns_form .agree_chk input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  width: 15px;
  height: 15px;
  line-height: 15px;
  margin: -2px 8px 0 0;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #a2a2a2;
  border-radius: 4px;
}
.sns_event_area
  .sns_form
  .agree_chk
  input[type="checkbox"]:checked
  + label:after {
  display: block;
}
.sns_event_area .sns_form button {
  font-size: 12px;
  color: #333;
}
.sns_event_area .sns_form .btn_e_submit {
  width: 100%;
  height: 40px;
  border-right: 1px solid #dcdddd;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  background-color: #1aa3e4;
}
.sns_event_area .sns_form .btn_open {
  color: #ff5454;
  line-height: 20px;
}
.sns_event_area .sns_form .btn_open.icon {
  position: relative;
  padding-left: 18px;
}
.sns_event_area .sns_form .btn_open.icon:before {
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  background: url(../images/event_sns/sns_sprite_m.png) no-repeat -30px 0;
  background-size: 60px auto;
}
.sns_event_area .sns_form .btn_open.pop_notice {
  float: right;
  margin-top: -35px;
}
.sns_event_area .sns_form .btn_open.pop_pi {
  text-decoration: underline;
}

.sns_event_area .sns_result {
  padding: 15px;
  font-size: 12px;
  background-color: #fff;
}
.sns_event_area .sns_result .table_wrap {
  border: 1px solid #dcdddd;
  border-width: 1px 0 0 1px;
}
.sns_event_area .sns_result .regi_list {
  width: 100%;
  table-layout: fixed;
  background: #fff;
}
.sns_event_area .sns_result .regi_list td {
  padding: 15px;
  border: 1px solid #dcdddd;
  border-width: 0 1px 1px 0;
  text-align: left;
  line-height: 1.4;
}
.sns_event_area .sns_result .regi_list .name {
  width: 75px;
}
.sns_event_area .sns_result .regi_list .addr {
  word-break: break-all;
}
.sns_event_area .sns_result .regi_list .ellipsis {
  overflow: hidden;
  display: block;
  max-height: 32px;
}

.sns_event_area .pagenation {
  margin-top: 15px;
  margin-bottom: 20px;
  text-align: center;
}
.sns_event_area .pagenation ul {
  display: inline;
  font-size: 0;
}
.sns_event_area .pagenation li {
  display: inline-block;
  font-size: 13px;
  text-align: center;
  line-height: 18px;
}
.sns_event_area .pagenation li a {
  display: block;
  padding: 0 6px;
  height: 100%;
}
.sns_event_area .pagenation li.ctrl {
  width: 12px;
  height: 18px;
  background: url(../images/event_sns/sns_sprite_m.png) no-repeat 0 -30px;
  background-size: 60px auto;
}
.sns_event_area .pagenation li.prev {
  margin-right: 10px;
  background-position: 0 -30px;
}
.sns_event_area .pagenation li.next {
  margin-left: 10px;
  background-position: -12px -30px;
}
.sns_event_area .pagenation li.active a {
  color: #1aa3e4;
  font-weight: bold;
}

.sns_event_area .layerpopup {
  display: none;
  position: fixed;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 15px;
  padding-top: 0;
  font-size: 12px;
  background-color: #fff;
}
.sns_event_area .layerpopup.open {
  display: block;
  z-index: 10002;
}
.sns_event_area .layerpopup .pop_top {
  width: 100%;
  height: 70px;
  padding-top: 30px;
}
.sns_event_area .layerpopup .pop_top h5 {
  font-size: 15px;
  color: #333;
  font-weight: bold;
  text-align: center;
}
.sns_event_area .layerpopup .pop_top .pop_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background: url(../images/event_sns/sns_sprite_m.png) no-repeat 0 0;
  background-size: 60px auto;
}
.sns_event_area .layerpopup .pop_cont {
  border: 1px solid #dcdddd;
  color: #666;
  text-align: left;
  line-height: 1.8;
}
.sns_event_area .layerpopup .pop_cont .over_wrap {
  padding: 15px;
}
.sns_event_area .layerpopup .pop_cont dt {
  font-weight: bold;
  color: #333;
  margin-top: 15px;
}
.sns_event_area .layerpopup .pop_cont dt:first-of-type {
  margin-top: 0;
}
.sns_event_area .layerpopup .pop_cont li {
  color: #333;
}

@media (max-width: 480px) {
  .sns_event_area .sns_form .form_box .label.required {
    padding-left: 7px;
  }
  .sns_event_area .sns_form .form_box .label.required {
    width: 30%;
  }
  .sns_event_area .sns_form .form_box .input_name {
    width: 70%;
  }
  .sns_event_area .sns_form .form_box .input_phone {
    width: 18%;
  }
  .sns_event_area .sns_form .form_box .hyphen {
    width: 8%;
  }
}
@media (max-width: 400px) {
  .sns_event_area .sns_form {
    font-size: 11px;
  }
  .sns_event_area .sns_form .form_box .label.required {
    padding-left: 3px;
  }
}

.pop_product .desc.txt_red {
  color: #cb1517;
}

#wrap {
  position: relative;
  max-width: 768px;
  margin: 0 auto;
}
#wrap.renew {
  padding-top: 0px;
}
#wrap.page_main #container {
  max-width: 768px;
  margin: 0 auto;
}

.renew *,
.renew input,
.renew select,
.renew button {
  box-sizing: border-box;
}
.icons {
  position: relative;
}
.icons:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(../images/common/icons.png);
  background-repeat: no-repeat;
  background-size: 200px auto;
}
.overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
}

.page_main {
}
.page_main .visual {
  position: relative;
  width: 100%;
  height: 590px;
  background: url(../images/main/visual_bg.jpg) no-repeat center;
  background-size: auto 100%;
  margin-bottom: 40px;
}
.page_main .visual .content {
  padding-top: 60px;
  text-align: center;
  color: #fff;
}
.page_main .visual .content .title {
  position: relative;
  font-size: 40px;
  line-height: 1.25;
  text-align: center;
  font-weight: 100;
}
.page_main .visual .content .title span {
  font-weight: bold;
}
.page_main .visual .content .title:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 10px;
  margin-left: 85px;
  width: 10px;
  height: 10px;
  background-color: #00aae7;
  border-radius: 50%;
}
.page_main .visual .content .desc {
  padding-top: 20px;
  font-size: 16px;
  line-height: 1.5;
}
.page_main .visual .visual_link {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 175px;
  padding-top: 25px;
  padding-left: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: ;
  color: #fff;
}
.page_main .visual .visual_link .swipe {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}
.page_main .visual .visual_link ul {
  position: absolute;
  left: 0;
  top: 0;
}
.page_main .visual .visual_link li {
  float: left;
  width: 350px;
  height: 125px;
  position: relative;
}
.page_main .visual .visual_link li a {
  display: block;
  color: #fff;
}
.page_main .visual .visual_link li .thumb {
  float: left;
  width: 135px;
  margin-right: 20px;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 50%;
  left: 0;
}

.page_main .visual .visual_link li .thumb img {
  width: 100%;
}
/*.page_main .visual .visual_link li .cont{float:left;width:155px;height:125px;padding-right:20px; padding-left:155px;}*/
.page_main .visual .visual_link li .cont div {
  display: table-cell; /*width:155px;*/
  height: 125px;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.4;
  padding-left: 155px;
  padding-right: 20px;
}
.page_main .visual .visual_link li.vertical .thumb {
  width: 100px;
  height: 125px;
  margin-top: 0;
}
.page_main .visual .visual_link li.vertical .cont {
  width: 190px;
}

.page_main .banner_wrap {
  position: relative;
  margin-bottom: 43px;
  overflow: inherit;
}
.page_main .banner_wrap .swipe_inner {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 65.167%;
}
.page_main .banner_wrap .swipe_inner li {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  overflow: hidden;
}
.page_main .banner_wrap .swipe_inner li a {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 65.625%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
}
.page_main .banner_wrap .swipe_inner li .part,
.page_main .banner_wrap .swipe_inner li .title {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  line-height: 1.5;
}
.page_main .banner_wrap .swipe_inner li .part {
  position: absolute;
  left: 30px;
  top: 25px;
  font-size: 20px;
}
.page_main .banner_wrap .swipe_inner li .part:after {
  content: "";
  position: absolute;
  left: 0;
  top: 38px;
  width: 35px;
  height: 2px;
  background-color: #fff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.page_main .banner_wrap .swipe_inner li .title {
  position: absolute;
  left: 30px;
  bottom: 25px;
  font-size: 16px;
}

.page_main .banner_wrap .btn_group button {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  width: 35px;
  height: 35px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  font-size: 0;
}
.page_main .banner_wrap .btn_group button:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 8px;
  margin: -4px 0 0 -5px;
  background-image: url(../images/common/icons.png);
  background-repeat: no-repeat;
  background-size: 200px auto;
}
.page_main .banner_wrap .btn_group .btn_prev {
  left: 4px;
  display: none;
}
.page_main .banner_wrap .btn_group .btn_prev.on {
  left: 4px;
  display: block;
}
.page_main .banner_wrap .btn_group .btn_prev:after {
  background-position: 0 -50px;
}
.page_main .banner_wrap .btn_group .btn_next {
  right: 4px;
}
.page_main .banner_wrap .btn_group .btn_next:after {
  background-position: 0 -60px;
}
.page_main .banner_wrap .btn_page {
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 8px;
  text-align: center;
}
.page_main .banner_wrap .btn_page button {
  width: 8px;
  height: 8px;
  background-color: #c5dff6;
  margin: 0 6px;
  border-radius: 50%;
  vertical-align: top;
  font-size: 0;
}
.page_main .banner_wrap .btn_page .on {
  background-color: #00aae7;
}

.page_main .yk_news {
  width: 100%;
  padding: 0 20px 28px;
  background: #eaf4fc url(../images/main/main_bg_190930.png) no-repeat;
  background-size: 100% auto;
  background-position: center;
}
.page_main .yk_news .area {
  width: 100%;
  height: 143px;
  padding-top: 45px;
  text-align: center;
}
.page_main .yk_news .area .title {
  text-align: center;
  font-size: 35px;
  line-height: 1;
  font-weight: 100;
}
.page_main .yk_news .area .title .txt_yk {
  font-weight: 700;
}
.page_main .yk_news .area .title .period {
  position: relative;
}
.page_main .yk_news .area .title .period::after {
  content: "";
  position: absolute;
  bottom: 11px;
  right: -10px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #00aae7;
}
.page_main .yk_news .area .desc {
  padding-top: 8px;
  font-size: 13px;
}

.page_main .yk_news li {
  width: 100%;
  margin-bottom: 20px;
}
.page_main .yk_news li a {
  font-size: 15px;
  line-height: 1.5;
  position: relative;
}
.page_main .yk_news li .thumb {
  overflow: hidden;
  position: relative;
  float: left;
  width: 50%;
  padding-right: 10px;
}
.page_main .yk_news li .thumb .thumb_wrap {
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  background-color: #fff;
}
.page_main .yk_news li .thumb .thumb_wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  height: 100%;
}
.page_main .yk_news li .cont {
  width: 50%;
  padding-left: 15px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.page_main .yk_news li .part {
  color: #00aae7;
}
.page_main .yk_news li .desc {
  color: #000;
  max-height: 110px;
  overflow: hidden;
}
.page_main .yk_news li.item4 .thumb:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -26px 0 0 -26px;
  width: 52px;
  height: 52px;
  background: url(../images/common/icons.png) no-repeat 0 -75px;
  background-size: 200px auto;
}
.page_main .yk_news li.item4 p {
  display: block;
}
.page_main .yk_news li.item6:after {
  content: "";
  display: block;
  clear: both;
}
.page_main .yk_news li.item6 .part {
  position: relative;
  color: #ff4200;
  margin: 0;
}
.page_main .yk_news li.item6 .part:after {
  content: "";
  left: 0;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  background-position: -55px -75px;
}

/**/
/* .sns_wrap{padding:25px 20px;text-align:center;}
.sns_wrap button{width:35px;height:35px;margin:0 5px;background-image:url(../images/common/icons_sns_view.png);background-repeat:no-repeat;background-size:210px auto;font-size:0;}
.sns_wrap .facebook{background-position:0 0;}
.sns_wrap .band{background-position:-35px 0;}
.sns_wrap .blog{background-position:-70px 0;}
.sns_wrap .story{background-position:-105px 0;}
.sns_wrap .talk{background-position:-140px 0;}
.sns_wrap .twitter{background-position:-175px 0;} */

/*180621 모바일에서 깨짐현상 수정*/
.sns_wrap {
  padding: 25px 20px;
  text-align: center;
}
.sns_wrap button {
  width: 35px;
  height: 35px;
  margin: 0 5px;
  background-image: url(../images/common/icons_sns_view.png);
  background-repeat: no-repeat;
  background-size: 210px auto;
  font-size: 0;
}
.sns_wrap .facebook {
  background-position: 0 0;
}
.sns_wrap .band {
  background-position: -35px 0;
}
.sns_wrap .blog {
  background-position: -70px 0;
}
.sns_wrap .story {
  background-position: -105px 0;
}
.sns_wrap .talk {
  background-position: -140px 0;
}
.sns_wrap .twitter {
  background-position: -175px 0;
}
.sns_wrap .instagram {
  background-position: -210px 0;
}

/**/
a.btn_board_more {
  display: block;
  width: 55px;
  height: 65px;
  padding-top: 45px;
  margin: 30px auto;
  text-align: center;
}
a.btn_board_more:after {
  top: 5px;
  margin-left: -17.5px;
  width: 35px;
  height: 35px;
  background-position: -75px -75px;
}
a.btn_board_more span {
  display: block;
  font-size: 11px;
  color: #888;
}
a.btn_board_more span em {
  color: #00aae7;
}

a.btn_board_list {
  display: block;
  width: 150px;
  height: 40px;
  margin: 25px auto;
  padding-right: 10px;
  background-color: #3062a9;
  border-radius: 18px 0 18px 0;
  color: #fff;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
}
a.btn_board_list:after {
  left: 95px;
  margin-top: -6px;
  width: 15px;
  height: 11px;
  background-position: -55px -110px;
}

/**/
#content_inner {
  position: relative;
  padding: 50px 20px 25px;
}
.board_news {
}
.board_news li {
  float: left;
  width: 50%;
}
.board_news li:nth-child(odd) {
  padding-right: 8px;
}
.board_news li:nth-child(even) {
  padding-left: 8px;
}
.board_news li .thumb {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.board_news li .thumb img {
  width: 100%;
}
.board_news li .cont {
  padding-bottom: 15px;
}
.board_news li .cont .title {
  overflow: hidden;
  width: 100%;
  margin: 10px 0 5px;
  line-height: 1.4em;
  height: 2.8em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.board_news li .cont .date {
  font-size: 12px;
  color: #999;
}
.board_news li .cont .flag {
  display: inline-block;
  margin-right: 10px;
}
.board_news li .cont .flag.green {
  color: #28a167;
}
.board_news li .cont .flag.orange {
  color: #ff6000;
}
.board_news li .cont .flag.sky {
  color: #00aae7;
}
.board_news.media {
}

.board_news:not(.graphic) li .thumb {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.64%;
}
.board_news:not(.graphic) li .thumb img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}

.board_news.media .thumb {
  position: relative;
}
.board_news.media .thumb:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5) url(../images/common/icons_play.png) no-repeat
    center;
  background-size: 25px auto;
}
.board_news.graphic .grid_item,
.board_news.graphic .grid {
  width: 50%;
}
.board_news.graphic li:nth-child(odd) {
  padding-left: 10px;
}
.board_news.graphic li:nth-child(even) {
  padding-right: 10px;
}

#content_inner.newsroom_notice {
  padding: 50px 0 25px;
}
.board_notice {
  width: 100%;
  border-top: 1px solid #000;
}
.board_notice li {
  padding: 20px;
  border-bottom: 1px solid #ebebec;
}
.board_notice li .date {
  font-size: 12px;
  color: #888;
}
.board_notice li .title {
  font-size: 14px;
  color: #000;
}

#content_inner.newsroom_view {
  padding: 50px 0 25px;
}
.newsroom_view .title_box {
  padding: 0 20px 20px;
  border-bottom: 1px solid #ebebec;
  line-height: 1.5;
}
.newsroom_view .title_box .title {
  font-size: 18px;
  color: #000;
}
.newsroom_view .title_box .date {
  padding-top: 10px;
  font-size: 12px;
  color: #888;
}
.newsroom_view .view_content {
  padding: 25px 20px;
}
.newsroom_view .view_content img {
  display: block;
  width: 100%;
  margin-bottom: 0;
}
.newsroom_view .view_content p {
  margin-bottom: 0;
}
/*180709 공지 글 페이지 */
.newsroom_view .view_content .main_img {
  margin-bottom: 0;
}
.newsroom_view .view_content .main_img img {
  margin-bottom: 0;
}
.newsroom_view .view_content p.img_btn {
  margin-bottom: 0;
}
.newsroom_view .view_content p.img_btn1 {
  margin-bottom: 0;
}
.newsroom_view .view_content p.img_btn > a {
  width: 50%;
  float: left;
}
.newsroom_view .view_content p.img_btn1 > a {
  width: 50%;
  float: left;
}
/**/
.newsroom_view .view_content strong {
  font-weight: bold;
}

.newsroom_view .view_content .video {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.newsroom_view .view_content .video iframe,
.newsroom_view .view_content .video embed {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
}

.newsroom_view .board_link {
  border-top: 1px solid #ebebec;
}
.newsroom_view .board_link li {
  position: relative;
  padding: 15px 20px 15px 105px;
  border-bottom: 1px solid #ebebec;
}
.newsroom_view .board_link li .link {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
}
.newsroom_view .board_link li .title {
  position: absolute;
  left: 20px;
  top: 15px;
  padding-left: 18px;
  font-weight: bold;
}

.newsroom_view .board_link li .title:after {
  left: 0;
  margin-top: -6px;
  width: 7px;
  height: 12px;
}
.newsroom_view .board_link li .prev:after {
  background-position: -25px -50px;
}
.newsroom_view .board_link li .next:after {
  left: 1px;
  background-position: -35px -50px;
}

.society_woman {
  position: relative;
}
.society_woman .visual {
  position: relative;
  width: 100%;
}
.society_woman .visual img {
  width: 100%;
}
.society_woman .visual .desc {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -45px;
  width: 100%;
  padding: 0 30px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  box-sizing: border-box;
  line-height: 1.3;
}
.society_woman .visual .desc .title {
  text-align: center;
  font-size: 28px;
  line-height: 1.6;
}
.society_woman .desc1 {
  font-size: 12px;
  padding: 30px 20px;
  color: #666;
  text-align: center;
}
.society_woman .power {
  padding-bottom: 50px;
}
.society_woman .power img {
  width: 100%;
}

.society_woman.woman2 {
  background-color: #f0f4f7;
  padding-bottom: 50px;
}
.society_woman .title2 {
  padding: 35px 0 18px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.society_woman .protect {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 320px;
}
.society_woman .protect .swipe_inner {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.society_woman .protect ul {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.society_woman .protect li {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  height: 100%;
}
.society_woman .protect li img {
  display: block;
  width: 136px;
  height: auto;
  margin: 0 auto;
}
.society_woman .protect .box {
  width: 75%;
  height: 100%;
  padding: 20px;
  margin: 0 auto;
  background-color: #fff;
  box-sizing: border-box;
  max-width: 360px;
}
.society_woman .protect .iframe_wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.society_woman .protect .iframe {
  margin: 0 auto;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.society_woman .protect .title {
  padding: 15px 0 10px;
  font-size: 13px;
  color: #000;
  font-weight: bold;
}
.society_woman .protect .desc {
  position: relative;
  padding-top: 13px;
  font-size: 12px;
  color: #666;
}
.society_woman .protect .desc:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 3px;
  background-color: #589924;
}
.society_woman .protect li.item4 .box {
  padding: 0;
}
.society_woman .protect li.item4 img {
  width: 268px;
  height: auto;
}
.society_woman .protect .btn_group button {
  position: absolute;
  top: 50%;
  width: 13px;
  height: 25px;
  background: url(../images/sprite_btn.png) no-repeat 0 0;
  background-size: 300px 250px;
  font-size: 0;
}
.society_woman .protect .btn_group .btn_prev {
  left: 13px;
  background-position: 0 -150px;
}
.society_woman .protect .btn_group .btn_next {
  right: 13px;
  background-position: -50px -150px;
}
.society_woman .ability {
  height: 360px;
}
.society_woman .ability li img {
  width: 100%;
  max-width: 230px;
}
.society_woman .ability li .btn {
  position: relative;
  display: inline-block;
  margin-top: 15px;
  width: 100%;
  padding: 5px 0;
  color: #fff;
  text-align: center;
  background-color: #589924;
  word-break: keep-all;
}
.society_woman .ability li .btn:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 10px;
  background: url(../images/sprite_bg_btn.png) 0 -200px no-repeat;
  background-size: 100% auto;
}

.event_mask {
  max-width: 750px;
  margin: 0 auto;
  padding-top: 50px;
}
.event_mask p img {
  width: 100%;
}
.event_mask .btns {
  padding: 25px 53px;
}
.event_mask .btns a {
  display: block;
  width: 100%;
  max-width: 545px;
  margin-bottom: 10px;
}
.event_mask .btns img {
  width: 100%;
}

/*180626 여성사회책임 링크 추가*/
.society_woman .power {
  position: relative;
}
.society_woman .power a {
  display: block;
  width: 30%;
  height: 70%;
  position: absolute;
  bottom: 50px;
  font-size: 0;
}
.society_woman .power .link1 {
  left: 7%;
}
.society_woman .power .link2 {
  right: 7%;
}
/*180626 메인 video play 버튼 추가*/
.page_main .visual .video_btn {
  position: absolute;
  left: 20px;
  bottom: 185px;
  color: #fff;
  font-size: 20px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.page_main .visual .video_btn:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 21px;
  margin-bottom: 3px;
  margin-right: 8px;
  vertical-align: middle;
  background: url(../images/main/play_btn.png) no-repeat;
  background-size: 16px auto;
}
#video_main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.video-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.video-wrap .close {
  position: absolute;
  top: 15px;
  right: 15px;
}
.video-wrap .close a {
  display: block;
  width: 16px;
  height: 16px;
  background: url(../images/common/icons.png) no-repeat -75px 0;
  background-size: 200px auto;
}

/*180817 event campshare 추가*/
.event_campshare {
  max-width: 750px;
  margin: 0 auto;
}
.event_campshare img {
  width: 100%;
}
.event_campshare .video {
  margin-top: 20px;
}
.event_campshare button {
  border: none;
  background: transparent;
  background-repeat: no-repeat;
  cursor: pointer;
}
.event_campshare .sns_wrap {
  max-width: 500px;
  padding: 40px 0 30px;
  margin: 0 auto;
}
.event_campshare .sns_wrap > h3 {
  float: left;
  margin-right: 15px;
  height: 50px;
  line-height: 50px;
  font-size: 23px;
  font-weight: bold;
}
.event_campshare .sns_wrap > div {
  float: right;
}
.event_campshare .sns_wrap button {
  width: 50px;
  height: 50px;
  margin: 0 7.5px;
  background-position: 0 0;
}
.event_campshare .sns_wrap .facebook {
  background-image: url(../images/common/big_sns_fb.png);
}
.event_campshare .sns_wrap .band {
  background-image: url(../images/common/big_sns_band.png);
}
.event_campshare .sns_wrap .blog {
  background-image: url(../images/common/big_sns_blog.png);
}
.event_campshare .sns_wrap .story {
  background-image: url(../images/common/big_sns_story.png);
}
.event_campshare .sns_wrap .twitter {
  background-image: url(../images/common/big_sns_tw.png);
}
.event_campshare .campshare_btn {
  width: 67%;
  padding: 50px 0;
  margin: auto;
  text-align: center;
}
@media all and (max-width: 580px) {
  .event_campshare .sns_wrap {
    padding: 40px 0 0;
  }
  .event_campshare .sns_wrap > h3 {
    float: none;
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
  .event_campshare .sns_wrap > div {
    float: none;
    width: 100%;
    text-align: center;
  }
  .event_campshare .campshare_btn {
    padding: 30px 0;
  }
}
@media all and (max-width: 353px) {
  .event_campshare .sns_wrap button {
    margin: 0 5px;
  }
}
/* 180828 main logo 추가 */
.page_main .visual .logo_wrap {
  width: 76px;
  padding-top: 30px;
  margin-left: 20px;
}
.page_main .visual .logo_wrap img {
  width: 100%;
}

/* 181030 event contribution 추가*/
.event_contribution {
  max-width: 750px;
  margin: 0 auto;
  padding-top: 50px;
}
.event_contribution img {
  width: 100%;
}

.event_contribution button {
  border: none;
  background: transparent;
  background-repeat: no-repeat;
  cursor: pointer;
}

.event_contribution .contribution_btn {
  width: 67%;
  padding: 98px 0 70px 0;
  margin: auto;
  text-align: center;
}
@media all and (max-width: 580px) {
  .event_contribution .contribution_btn {
    padding: 30px 0;
  }
}

/*190405 event 50th 추가*/
.event_50th {
  max-width: 750px;
  margin: 0 auto 60px;
  padding-top: 50px;
}
.event_50th .event_50th_cont_01 {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 328.8%;
  background: url("/Areas/Mobile/Images/MO_190423_contribution.jpg") no-repeat;
  background-position: center;
  background-size: cover;
}
.event_50th .event_50th_cont_01 .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
}
.event_50th .event_50th_cont_01 ul {
  position: absolute;
  padding: 0 50px;
  padding-top: 177.066%;
  top: 0;
}
.event_50th .event_50th_cont_01 ul li {
  margin-bottom: 10px;
}
.event_50th .event_50th_cont_01 ul li:last-child {
  margin-bottom: 0;
}
.event_50th .event_50th_cont_01 ul li a {
  display: block;
}
.event_50th .event_50th_cont_01 ul li a img {
  display: block;
  width: 100%;
}

.event_50th .event_50th_cont_02 {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 240.666%;
  background: url("/Areas/Mobile/Images/MO_190423_contribution2.jpg") no-repeat;
  background-position: center;
  background-size: cover;
}
.event_50th .event_50th_cont_02 .event_50th_btn {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 0 36px;
  padding-bottom: 4.8%;
}
.event_50th .event_50th_cont_02 .event_50th_btn a {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 16.076%;
  margin: 0 auto;
  text-align: center;
}
.event_50th .event_50th_cont_02 .event_50th_btn a img {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
}

/* 2019-03-14 추가 헬스케어 ~/hc */
.prod_hc {
  width: 80%;
  margin: 0 auto;
}
.prod_hc li {
  margin: 0 auto 20px;
}
.prod_hc li .box_prod {
  width: 50%;
  text-align: center;
}
.prod_hc li .box_prod img {
  width: 80%;
  max-width: 155px;
}

/* 2019-03-15 추가 헬스케어 팝업 ~/hc*/

.popup_device_collection {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0, 0.9);
}

.pop_product .btn_device_collection {
  background: rgb(0, 174, 239);
  border-radius: 20px;
  color: #fff;
  padding: 7px 0 9px 0;
  margin: 20px 0 10px 0;
  padding-right: 60px;
  padding-left: 40px;
}

.btn_device_collection {
  position: relative;
  font-size: 15px;
}
.btn_device_collection:before {
  position: absolute;
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  background: url(../images/btn_device_collection.png);
  background-repeat: no-repeat;
  right: 30px;
  background-size: cover;
  top: 50%;
  transform: translateY(-50%);
}
.popup_device_collection.blind {
  display: none;
}
.popup_device_collection .close {
  position: absolute;
  width: 20px;
  height: 19px;
  top: 10px;
  right: 10px;
  background: url("../images/device_collection_close.png");
  background-size: cover;
  z-index: 10;
}
.popup_device_collection ul {
  background: #fff;
  padding: 30px 30px;
  border-top: 3px solid rgb(0, 174, 239);
  border-radius: 0 0 30px 0;
}
.popup_device_collection ul .title {
  font-size: 23px;
  font-weight: bold;
  padding-bottom: 20px;
  line-height: 1.5;
}
.popup_device_collection ul li {
  color: rgb(102, 102, 102);
  font-size: 13px;
}
.popup_device_collection ul li:nth-child(2) {
  padding-bottom: 10px;
}
.popup_device_collection ul li:nth-child(n + 3) {
  line-height: 1.8;
}
.popup_device_collection ul li:last-child {
  padding-top: 10px;
}
.popup_device_collection ul li input {
  display: inline-block;
  margin-left: 0;
}
.popup_device_collection ul li label {
  vertical-align: middle;
}

.collection_contents {
  position: relative;
}
.collection_contents li:not(:last-child) p:first-child {
  position: absolute;
}
.collection_contents li:not(:last-child) p:last-child {
  padding-left: 18px;
}

@media (max-width: 380px) {
  .btn_device_collection {
    font-size: 13px;
  }
}

/****/
.society_woman .protect li.item4 .box .title {
  position: relative;
  padding: 15px 40px 0;
}
.society_woman .protect li.item4 .box .title:after {
  content: "";
  position: absolute;
  left: 40px;
  top: 45px;
  width: 14px;
  height: 3px;
  background-color: #589924;
}
.society_woman .protect li.item4 .box .unit {
  font-size: 9px;
  color: rgb(102, 102, 102);
  float: right;
  padding-right: 30px;
}
.society_woman .protect li.item4 img {
  width: 218px;
  margin: 0 auto;
  margin-top: 30px;
}
.society_woman .protect li.item4 .campaign_wrap {
  text-align: center;
  margin-top: 15px;
}
.society_woman .protect li.item4 .women_campaign {
  background: url("../images/society/m_protect4_text_bg.png");
  font-size: 12px;
  color: #fff;
  background-size: contain;
  padding: 5px 20px;
}

@media (max-width: 360px) {
  .society_woman .protect li.item4 .women_campaign {
    font-size: 10px;
  }
}

@media (max-width: 330px) {
  .society_woman .protect {
    height: 340px;
  }
}

/**190712 우푸푸 링크 추가**/
.event_woopoopoo {
  padding-top: 50px;
}
.event_woopoopoo .go_link {
  text-align: center;
  position: absolute;
  bottom: 4.5%;
  left: 50%;
  width: 65.5%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.event_woopoopoo .go_link a {
  display: inline-block;
  width: 100%;
}
.event_woopoopoo .namu_video_control {
  font-size: 0;
  margin-top: 30px;
}
.event_woopoopoo .namu1,
.event_woopoopoo .namu2 {
  width: 49.73%;
  padding-bottom: 13.334%;
}
.event_woopoopoo .namu1 {
  margin-right: 0.4%;
  background: url("../images/woopoopoo/namu_off.png") no-repeat;
  background-size: contain;
}
.event_woopoopoo .namu2 {
  background: url("../images/woopoopoo/namu2_off.png") no-repeat;
  background-size: contain;
}
.event_woopoopoo .namu1.active {
  background: url("../images/woopoopoo/namu_on.png") no-repeat;
  background-size: contain;
}
.event_woopoopoo .namu2.active {
  background: url("../images/woopoopoo/namu2_on.png") no-repeat;
  background-size: contain;
}
.event_woopoopoo #mo_message_event {
  display: inline-block;
}

/*190920  사회공헌 이야기 - 여성역량 강화 추가*/
.event_woman {
  margin-bottom: 60px;
  padding-top: 50px;
}
.event_woman .more_info {
  text-align: center;
  position: absolute;
  bottom: 4.1%;
  left: 50%;
  width: 79.3%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.event_woman .info_btn {
  display: inline-block;
  width: 100%;
}
.event_woman .campshare_btn {
  position: absolute;
  width: 89.3%;
  padding: 0;
  bottom: 7.9%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.event_woman .campshare_btn #mo_message_event {
  display: inline-block;
  width: 100%;
}

/*20200323 50주년 감사 이벤트*/
.event_50th_thanks {
  width: 100%;
  padding-top: 60px;
}
.event_50th_thanks .section {
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
}
.event_50th_thanks .section img {
  width: 100%;
}
.event_50th_thanks .event3 {
  height: 0;
  padding-top: 112.67%;
  background-image: url(../images/50th_event_section03.jpg);
  background-size: 100% auto;
}
.event_50th_thanks .event3 .inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 22.5%;
}
.event_50th_thanks .event3 .iframe {
  width: 90.67%;
  margin: 0 auto;
  margin-bottom: 11%;
}
.event_50th_thanks .event3 .iframe > div {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.event_50th_thanks .event3 .iframe iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.event_50th_thanks .event3 .share {
  text-align: center;
}
.event_50th_thanks .event3 .share button {
  width: 50px;
  height: 50px;
  margin: 0 7.5px;
  background-position: 0 0;
  background-repeat: no-repeat;
  font-size: 0;
}
.event_50th_thanks .event3 .share .facebook {
  background-image: url(../images/common/big_sns_fb.png);
}
.event_50th_thanks .event3 .share .band {
  background-image: url(../images/common/big_sns_band.png);
}
.event_50th_thanks .event3 .share .blog {
  background-image: url(../images/common/big_sns_blog.png);
}
.event_50th_thanks .event3 .share .story {
  background-image: url(../images/common/big_sns_story.png);
}
.event_50th_thanks .event3 .share .twitter {
  background-image: url(../images/common/big_sns_tw.png);
}
.event_50th_thanks .event5 {
  text-align: center;
  background-color: #27985c;
  padding-bottom: 10%;
}
.event_50th_thanks .event5 a {
  display: block;
  width: 58.267%;
  margin: 0 auto;
}
.event_50th_thanks .event7 {
  background-image: url(../images/50th_event_celebrate_back.png);
  background-size: 100% auto;
  padding-bottom: 10%;
}
.event_50th_thanks .event7 a {
  display: block;
  width: 67.6%;
  margin: 0 auto;
}

/*2020-03-31 환경경영 수정*/
.envir_contents {
  position: relative;
  padding: 0 20px;
}
.envir_contents .txt1 {
  margin-top: 22px;
}
.envir_contents .txt1 .black {
  font-family: "Godo", sans-serif;
  font-weight: 700;
  font-size: 25px;
  color: #010101;
  padding-bottom: 7px;
}
.envir_contents .txt1 .green {
  font-family: "Godo", sans-serif;
  font-weight: 700;
  font-size: 25px;
  color: #589924;
  padding-bottom: 18px;
}
.envir_contents .txt1 .green span {
  font-size: 32px;
  position: relative;
  top: 3px;
}
.envir_contents .txt1 .grey {
  font-size: 14px;
  color: #666666;
}
.envir_contents .txt1 .earth {
  padding-top: 10px;
}
.envir_contents .txt1 .earth img {
  width: 58%;
  max-width: 206px;
}
.envir_contents .txt2 {
  padding: 20px 12px;
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  position: relative;
}
.envir_contents .txt2 img {
  width: 36px;
}
.envir_contents .txt2 p {
  font-size: 14px;
  color: #666666;
  text-align: left;
}
.envir_contents .txt2 span {
  position: absolute;
  bottom: -14px;
  width: 25px;
  left: calc(50% - 12.5px);
}
.envir_contents .txt2 span img {
  width: 100%;
}
.envir_contents .txt3 {
  margin-top: 20px;
  position: relative;
  padding-bottom: 27px;
}
.envir_contents .txt3 p {
  font-size: 14px;
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
}
.envir_contents .txt3 img {
  width: 241px;
  margin: 0 auto;
}
.envir_contents .txt3 .green1 {
  color: #589924;
}
.envir_contents .txt3 .blue {
  color: #007de7;
}

/*2020-04-22 사회책임 2020 약속*/
.promise2020 {
  margin-bottom: 50px;
  width: 100%;
  padding: 45px 0 55px;
  background: #e2efed url(../images/society/promise2020/bg.jpg) repeat-x center
    bottom;
  background-size: 375px auto;
  font-size: 12px;
  color: #666;
  margin-top: -50px;
}
.promise2020 .title_wrap {
  text-align: center;
  width: 270px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.promise2020 .title_wrap h3 {
  font-family: "Godo", sans-serif;
  font-size: 25px;
  text-align: center;
  padding-bottom: 16px;
  position: relative;
  line-height: 1.4;
}
.promise2020 .title_wrap h3 span {
  color: #589924;
  display: block;
}
.promise2020 .title_wrap .logo_pos {
  position: absolute;
  left: -20px;
  top: 10px;
  width: 42px;
}
.promise2020 .title_wrap .logo_pos img {
  width: 100%;
}
.promise2020 .promise_box {
  padding: 55px 20px 0;
  position: relative;
}
.promise2020 .promise_box:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  width: 72px;
  height: 72px;
  background: url(../images/society/promise2020/box.png) no-repeat;
  background-size: 72px auto;
}
.promise2020 .promise_box .inner1 {
  background-color: #fff;
  border-radius: 15px;
  padding: 44px 20px 20px;
  position: relative;
}
.promise2020 .promise_box .title {
  position: absolute;
  left: 50%;
  top: -27px;
  width: 180px;
  background-color: #589924;
  color: #fff;
  padding: 6px 25px;
  transform: translateX(-50%);
  border-radius: 27px;
  z-index: 3;
}
.promise2020 .promise_box .category {
  position: absolute;
  left: 0;
  top: 0;
  font-family: "InkLipquid", sans-serif;
  color: #589924;
  font-size: 18px;
  font-weight: bold;
}
.promise2020 .promise_box .list li {
  margin-bottom: 5px;
  padding-left: 40px;
  position: relative;
  line-height: 18px;
}
.promise2020 .promise_box .list2 li {
  padding-left: 45px;
}
.promise2020 .promise_box .sub {
  margin: 20px 0 10px;
  font-family: "Godo", sans-serif;
  color: #589924;
  font-size: 16px;
  text-align: center;
  line-height: 1.6;
}
.promise2020 .promise_box .sub p {
  display: inline-block;
  position: relative;
  padding: 0 10px;
}
.promise2020 .promise_box .sub p span {
  z-index: 2;
  position: relative;
}
.promise2020 .promise_box .sub p:before {
  content: "";
  width: 100%;
  height: 14px;
  background-color: #f0f7ea;
  position: absolute;
  left: 0;
  top: 10px;
  z-index: 1;
}
.promise2020 .promise_box .guide {
  font-size: 10px;
  padding-top: 10px;
  border-top: 1px solid #ccc;
  margin-top: 20px;
  line-height: 1.6;
  text-align: left;
  letter-spacing: -0.03em;
}
.promise2020 .promise_box .guide span {
  font-size: 9px;
}

/* 20200527 2020 환경경영 이벤트 */
.event_environment2020 {
  width: 100%;
  padding-top: 60px;
}
.event_environment2020 .bg {
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
}
.event_environment2020 .bg .btn_wrap {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.event_environment2020 .bg01 {
  padding-bottom: 169%;
  background-image: url(../images/environment2020_bg01.jpg);
}
.event_environment2020 .bg02 {
  padding-bottom: 183.52%;
  background-image: url(../images/environment2020_bg02.jpg);
}
.event_environment2020 .bg02 .btn_wrap {
  bottom: 12.4%;
  height: 10.2%;
}
.event_environment2020 .bg02 .btn_wrap .btn_more {
  display: inline-block;
  width: 74.7%;
  height: 100%;
  font-size: 0;
  background: url(../images/environment2020_btn_more.png) no-repeat center;
  background-size: contain;
}
.event_environment2020 .bg03 {
  padding-bottom: 352.52%;
  background-image: url(../images/environment2020_bg03.jpg);
}
.event_environment2020 .bg03 .btn_wrap {
  bottom: 4.8%;
  height: 3.6%;
}
.event_environment2020 .bg03 .btn_wrap .btn_start {
  display: inline-block;
  width: 45.2%;
  height: 100%;
  font-size: 0;
  background: url(../images/environment2020_btn_start.png) no-repeat center;
  background-size: contain;
}
.event_environment2020 .btn_show {
  position: absolute;
  left: 40.6%;
  display: block;
  width: 19.2%;
  height: 1.42%;
  font-size: 0;
  background: url(../images/environment2020_btn_show.png) no-repeat center;
  background-size: contain;
}
.event_environment2020 .hint01 {
  top: 45%;
}
.event_environment2020 .hint02 {
  top: 59.4%;
}
.event_environment2020 .hint03 {
  top: 72.9%;
}

.event_environment2020 .share_wrap {
  width: 100%;
  height: 100px;
  text-align: center;
  margin-top: -3px;
  background-color: #0091e1;
}
.event_environment2020 .share_title {
  display: block;
  padding-bottom: 16px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.event_environment2020 .share {
  display: block;
  margin-left: 20px;
}
.event_environment2020 .share button {
  width: 31px;
  height: 32px;
  margin: 0 7px;
  font-size: 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.event_environment2020 .share .facebook {
  background-image: url(../images/sns_fb_2020.png);
}
.event_environment2020 .share .band {
  background-image: url(../images/sns_band_2020.png);
}
.event_environment2020 .share .blog {
  background-image: url(../images/sns_blog_2020.png);
}
.event_environment2020 .share .story {
  background-image: url(../images/sns_story_2020.png);
}
.event_environment2020 .share .twitter {
  background-image: url(../images/sns_tw_2020.png);
}

/* 210514 : 채용절차추가 */
.talent .visualTxt {
  padding: 40px 0 0px;
  font-size: 30px;
  letter-spacing: -1px;
  line-height: 1.3;
}
.talent .f_talent {
  color: #1f8cdd;
}
.right_people .box_core {
  overflow: hidden;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: left;
  color: #373737;
  margin: 0 13px;
  padding-top: 120px;
}
.right_people .box_core .contit {
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
}
.right_people .box_core .contit .bold {
  font-weight: 600;
  font-size: 15px;
}
.right_people .box_core .contit {
  margin-bottom: 20px;
}
.right_people .box_core ul {
  display: table;
  width: 100%;
  text-align: center;
}
.right_people .box_core li {
  display: table-cell;
  width: 25%;
  vertical-align: top;
  text-align: left;
}
.right_people .box_core li p {
  margin-top: 20px;
  margin-right: 12%;
  padding-left: 5%;
  font-size: 12px;
  letter-spacing: -0.5px;
}
.vieoWrap {
  padding: 40px 13px 40px;
  background: #f0f4f7;
}
.vieoWrap ul {
  width: 100%;
  margin: 0 auto;
  display: table;
}
.vieoWrap ul li {
  width: calc(50% - 3px);
}
.vieoWrap ul li:nth-child(1) {
  text-align: right;
  display: table-cell;
  padding-right: 3px;
}
.vieoWrap ul li:nth-child(2) {
  text-align: left;
  display: table-cell;
  padding-left: 3px;
}
.vieoWrap ul li p {
  margin-top: 10px;
  text-align: center;
  color: #373737;
  font-size: 14px;
  line-height: 1.3;
}
.talentWrap .talentStepArea {
  background: #fff;
}
.talentWrap .talentStepArea .talentInfo p.img {
  border: 1px solid #c0c3c6;
  border-radius: 50%;
}
.talentWrap .talentStepArea .talentInfo dl dt span {
  color: #1f8cdd;
}
.page_recuit .progress dd span {
  color: #288fe1;
}
.box_slider .bx-pager .bx-pager-item a.active {
  background-position: -150px -200px;
}
.page_recuit .progress {
  background-color: #fff;
}
.page_recuit .progress .v_01 dd.ico,
.page_recuit .progress .v_02 dd.ico {
  border: 1px solid #ddd;
  border-radius: 50%;
}
.cont_tit {
  font-size: 21px;
  line-height: 40px;
  margin-bottom: 20px;
  font-weight: bold;
  text-align: center;
}
.page_recuit .right_people .bgAdd {
  background: url(../images/bg_talent_recuit_cube.png) no-repeat right 9px;
  background-size: 168px 114px;
}
.page_recuit .right_people {
  background: url(../images/bg_repeat_recuit_slide.gif) repeat-x 0 0;
  background-size: auto 100%;
}

/*2021-06-08 회사소개 추가*/
.page_ownercompany .tit_video {
  overflow: hidden;
  padding: 75px 0 35px;
}
.page_ownercompany .tit_video p {
  text-align: center;
  font-size: 25px;
}
.careVideoArea {
  display: block;
  width: 100%;
  padding: 35px 0;
  text-align: center;
  width: 100%;
  height: auto;
  background-color: #f0f4f7;
}
.careVideoArea .relt {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  margin: 0 35px;
}
.careVideoArea .relt .video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-shadow: 5px 5px 10px #999;
}
.careVideoArea .relt .video iframe {
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.f_talent {
  color: #1f8cdd;
}

/* 230518 카카오톡채널 추가 */
#chat-banner {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 3rem;
  height: 3rem;
  z-index: 20;
  transition: bottom 0.3s;
  transition-timing-function: ease-out;
}

#chat-banner img {
  display: block;
  width: 100%;
}

#chat-banner.foot {
  bottom: 17rem;
}