|
Server : Apache/2.2.17 (Unix) mod_ssl/2.2.17 OpenSSL/0.9.8e-fips-rhel5 DAV/2 PHP/5.2.17 System : Linux localhost 2.6.18-419.el5 #1 SMP Fri Feb 24 22:47:42 UTC 2017 x86_64 User : nobody ( 99) PHP Version : 5.2.17 Disable Function : NONE Directory : /proc/22697/root/home/queenjbs/yuchun_before_X/css/ |
Upload File : |
@charset "UTF-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {
font-family: Lato;
src: local("Lato Hairline"), local("Lato-Hairline"), url(https://fonts.gstatic.com/s/lato/v11/boeCNmOCCh-EWFLSfVffDg.woff) format("woff");
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: Lato;
src: local("Lato Light"), local("Lato-Light"), url(https://fonts.gstatic.com/s/lato/v11/KT3KS9Aol4WfR6Vas8kNcg.woff) format("woff");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: Lato;
src: local("Lato Regular"), local("Lato-Regular"), url(https://fonts.gstatic.com/s/lato/v11/9k-RPmcnxYEPm8CNFsH2gg.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Lato;
src: local("Lato Bold"), local("Lato-Bold"), url(https://fonts.gstatic.com/s/lato/v11/wkfQbvfT_02e2IWO3yYueQ.woff) format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: Lato;
src: local("Lato Black"), local("Lato-Black"), url(https://fonts.gstatic.com/s/lato/v11/BVtM30trf7q_jfqYeHfjtA.woff) format("woff");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: DidotItalic;
src: url(../sys_font//Didot-HTF-L96-Light-Ital.woff) format("woff"), url(../sys_font/Didot-HTF-L96-Light-Ital.ttf) format("truetype"), url(../sys_font/Didot-HTF-L96-Light-Ital.svg) format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: AvenirRegular;
src: url(../sys_font//avenirnextregular.woff) format("woff"), url(../sys_font/avenirnextregular.ttf) format("truetype"), url(../sys_font/avenirnextregular.svg) format("svg");
font-weight: 400;
font-style: normal;
} */
/* default */
body,select,input,textarea,a {font-family:"Meiryo","MS PGothic","MS UI Gothic", Barlow Condensed,AppleGothic, sans-serif; color:#222; line-height:1.6;}
body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li,
tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn,
em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, input,textarea
{font-family:"Meiryo","MS PGothic","MS UI Gothic", AppleGothic, sans-serif; padding:0; margin:0; font-size:13px; color:#222;}
select {padding:0 1px;}
em {font-style:normal}
p, td, li, dd, dt, .block, th {word-break:keep-all; word-wrap:break-word;}
th, td {word-break:break-all;}
img, fieldset {border:0 none;}
img {vertical-align:top;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
dl, ul, ol, li {list-style:none;}
legend, .hide, .home span {position:absolute; width: 0; line-height:0; height: 0; font-size: 0; top:0; left:-10000px; overflow:hidden;}
.hidden {position:absolute; left:-10000px;}
/* caption {overflow:hidden;position:absolute; left:0; top:0; width:0; height:0; font-size:0; line-height:0;} */
caption {width:0; height:0; font-size:0; line-height:0; /*overflow:hidden; visibility:hidden;*/ position:static;}
select { border:1px solid #d5d5d5;}
a {text-decoration:none; color:#222; }
a:hover,a:active,a:focus{text-decoration:underline; color:#0552a9;}
iframe {border:none; overflow:hidden;}
strong { font-weight:bold;}
/* * {box-sizing:border-box;} */
html {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
*, *:before, *:after {box-sizing: inherit;}
img { box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
.cl,
.tab, #container,#contents-middle-tab, .global-movement,.present-condition, .present-condition div
.banner-area .sum-area .sum-slide-area{*zoom:1;}
.cl:after, .tab:after, #container:after, #contents-middle-tab:after, .global-movement:after,
.present-condition:after, .present-condition div:after,
.banner-area .sum-area .sum-slide-area:after{clear:both; content:""; display:block;}
.hand,button, .over{cursor:pointer;}
.block{display:block !important;}
/*????*/
.fl{float:left;}
.fr{float:right;}
.ar{text-align:right;}
.ac{text-align:center;}
.al{text-align:left;}
.vm *{vertical-align:middle;}
.bold { font-weight:bold;}
.f-11 {font-size:11px;}
.inline {display:inline-block;}
p.p {margin-bottom:13px;}
h3 { margin:50px 0 14px 0; font-size:20px; color:#000; font-weight:bold; letter-spacing:-0.05em;}
.popup h3 { font-weight:bold; margin:20px 0 10px 0; padding-left:18px;color:#0552a9; font-size:15px;}
h4.top{margin-top:10px;}
h4.bottom, h4.bottom-photo,.popup h3.bottom {margin-bottom:20px;}
h4.none, h5.none{background-image:none; padding-left:0;}
h4.none span{font-weight:normal;}
h5, .popup h4{margin:15px 0 8px 0; padding-left:11px; font-weight:bold; color:#333;}
h5 {margin-top:20px; padding-left:0px;}
h5.top{margin-top:10px;}
h5.bottom-photo{margin-bottom:3px;}
table{border-collapse:collapse; border-spacing: 0;}
.table table,
table-list table{width:100%;}
/*????*/
.p_lr {padding:0 5px !important;}
.pt-0 {padding-top:0px !important;}
.mt-0{margin-top:0;}
.mt-5{margin-top:5px !important;}
.mt-10{margin-top:10px !important; margin-bottom:10px !important;}
.mt-12{margin-top:12px !important;}
.mt-15{margin-top:15px !important;}
.mt-20{margin-top:20px !important;}
.mt-25{margin-top:25px !important;}
.mt-30{margin-top:30px !important;}
.mt-40{margin-top:40px !important;}
.mt-50{margin-top:50px !important;}
.ml-14{margin-top:20px !important;; margin-left:20px !important;}
.nmt-10{margin-top:10px !important;}
/*input*/
input[type~="text"], input[type~="password"], input[type~="file"] {height:24px; line-height:24px; *height:20px; *line-height:20px; padding-left:5px; border:1px solid #d5d5d5; vertical-align:top;}
input.input{height:24px; line-height:24px; *height:21px; *line-height:21px; padding-left:5px; border:1px solid #d5d5d5;}
.textarea, textarea.input, textarea {border:1px solid #d5d5d5;}
/* select {vertical-align:top;} */
/*label*/
label{position:relative; top:-1px; line-height:1em; margin-right:5px; cursor:pointer;}
.word-box label {position:absolute; top:17px; left:12px; font-size:14px; margin-left:27px;}
.date_picker_area { position:relative; display:inline-block;}
.date_picker_area input {width:150px; height:24px; font-size:12px; color:#777;}
.ui-datepicker-trigger {width:auto; position:absolute; right:3px; top:2px; border:0; background-color:#fff;}
#pop-stop{position:absolute; top:0; left:50%;}
html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none;}
.link{display:block; color:red; font-size:16px; font-weight:bold; margin-bottom:20px;}
.map{margin-bottom:34px;}
.map .home{position:relative;top:2px; padding:0 0 0 0; display:inline-block; width:14px; height:12px; margin-right:5px; line-height:0; font-size:0;}
.page-bottom{margin-bottom:0;}
.grp{margin-top:30px;}
.fc-1 {color:#0552a9 !important;}
.fc-2 {color:#0552a9;}
.fc-3 {color:#333;}
.fs-14 {font-size:14px;}
.rel {position:relative;}
.page-msg, .page-msg *{font-size:14px;}
.fl{float:left;}
.cut{overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.g-box{ padding:10px 20px 15px 20px; background-color:#f4f4f4;border:1px solid #ccc;}
.photo-fl {float:left; margin:0 20px 0 0;}
.circle-list li {padding-left:9px; background:url("./css/kor5/common/icon/blt_gray.gif") no-repeat 0 9px;}
.circle-list li ul{margin:2px 0 5px 0;}
.circle-list li ul.e{margin-bottom:0;}
.circle-list li ul li {background: url("./css/kor5/common/icon/blet_line.gif") no-repeat 0 10px;}
.line-list-2 li.l {padding-left:10px; background: url("./css/kor5/common/icon/blet_line_2.gif") no-repeat 0 10px;}
.circle-list .txt-point{margin-top:0;}
.num-list li, li .num-list li{position:relative; margin-bottom:5px; padding-left:18px; background-image:none;}
.num-list span{position:absolute; top:0; left:0;}
.num-list ul{margin:5px 0}
.line-list li {padding-left:10px;margin-bottom:5px; background: url("./css/kor5/common/icon/blet_line.gif") no-repeat 0 10px;}
.line-list li ul{margin-top:5px;}
#tab-write {margin:40px 0 15px 0;}
#tab-write li{float:left; width:345px; height:43px;}
#tab-write li.e{display:inline;margin-left:4px;}
#tab-write li a{display:block; width:100%; height:100%; line-height:32px; font-weight:bold; font-size:14px; color:#fff; text-align:center;}
#tab-write li a.on,
#tab-write a:hover,#tab-write a:active,#tab-write a:focus{background-position:0 -43px; text-decoration:none; color:#fff !important;}
.rss-bottom {margin-top:12px;}
.table-unit {position:relative; min-height:25px; *margin-bottom:10px;}
.table-unit h3{margin:0;}
.table-unit h4{margin:0;}
.table-unit h5{margin:0;}
/* .table-unit .tit3 {padding-right:150px;} */
.table-unit *{vertical-align:middle;}
.table-unit label {padding-left:8px; color:#222; font-weight:bold; background:url("./css/kor5/common/icon/blt_gray.gif") no-repeat 0 8px;}
.table-unit label.againSearch_txt {padding-left:0px; font-weight:normal; background:none;}
/* .table-unit .gu {margin-right:20px;} */
.table-unit .gu {margin-right:0px;}
.m_mt-5 {padding-top:5px; clear:both;}
.table-unit .unit {position:absolute; right:0; bottom:0;}
.table-unit .unit_txt {position:absolute; right:0; bottom:0;}
.table-unit select {padding:2px 3px 5px;}
.table-unit .unit2 {margin-bottom:5px;}
/* .table-unit .unit2 select {padding:3px 3px 4px;} */
.table-unit .sub_tit {font-weight:bold;}
.table-unit .fr a{display:inline-block;}
.table-unit .fr .btn{margin-left:12px;}
.table-unit .fl{letter-spacing:-0.05em;}
.table {/* margin-top:30px; */ border-top:3px solid #0552a9;}
.table thead th { font-weight:bold; font-size:14px; padding:12px 3px 13px; color:#333; text-align:center; border-left:1px solid #d6d6d6; border-bottom:1px solid #707580; border-right:0; line-height:1.4;}
.table2 thead th {font-size:14px;}
.table tbody td {padding:10px 4px; border:1px solid #d6d6d6; text-align:center; border-top:0; border-right:0;}
.table tbody th {font-weight:normal; padding:10px 5px; color:#333; border-bottom:1px solid #d6d6d6; border-right:1px solid #d6d6d6; text-align:left; /* background-color:#f9f9f9; */}
.table tbody th label {line-height:1.4;}
.table th.bg { font-weight:bold; background-color:#f9f9f9;}
.table tbody th.th {border-left:1px solid #d6d6d6 !important;}
.table tbody td.al,
.table tbody td.title {text-align:left;}
.table td.date {font-size:12px;}
.table tbody th span {font-weight:normal;}
.table select {padding:2px 2px 4px;}
/* .table .bt_line {border-bottom:1px solid #d6d6d6;} */
.table tbody tr.e td, .table tbody tr.e th {border-bottom:1px solid #d6d6d6;}
.table .frist {border-left:0;}
.table tr.checklist td {padding:7px 0; border-left:0;}
.table tr.checklist td.h {padding-left:10px;}
.table tr.checklist td.h label{color:#2475d0;}
.table .first {border-left:0;}
.table .level {padding-left:26px;}
.table .level-2 {padding-left:38px;}
.table .ac, .table .btn {padding-left:0; text-align:center;}
.table .al {padding-left:5px;}
.table .ar {padding-right:5px;}
.btn-bottom.ar {padding-right:0px !important;}
.table .btn {padding-left:0; padding-right:0;}
.table-price tbody td {text-align:right; padding-right:10px;}
.table-list {margin-top:50px;}
.news_dl { margin-top:50px;}
.table-list thead th {font-size:16px; border-left:0px; border-bottom:1px solid #707580;}
.table-list thead th, .table-list tbody td {border-left:0;}
.table-list tbody td {padding:11px 5px;}
.table-list tbody td.title { font-weight:bold; /* padding-left:15px; */}
.table-list tbody td.title_ir { text-align:left;}
.table-list tbody td.title_ir a:hover{ text-decoration:underline; }
/* .table-list tbody td a {display:block; font-size:13px; font-weight:bold;} */
/* 2017-01-09 ??? */
.table-list tbody td a {font-size:13px;font-weight:bold;}
.table-list tbody td a.attachFile {padding:0px 22px 0 0; background:url(/images/kor5/common/icon/ico_notice_file.png) no-repeat right 1px;}
/* //2017-01-09 ??? */
/* 2016-11-23 ??? */
.table-list tbody .btn_download img {width:auto;}
/* //2016-11-23 ??? */
.table-list tr.e, .table td.e, .table th.e {border-bottom:1px solid #707580;}
.table-list2 {margin-top:30px;}
.table-list2 table {width:480px; letter-spacing:-1px;}
.table-list2 thead th {border-bottom:1px solid #707580;}
.table-list2 tbody td {padding:11px 5px;}
.table-list2 tbody td.title { font-weight:bold; /* padding-left:15px; */}
.table-list2 tbody td a {display:block; font-size:13px; font-weight:bold;}
.table-list2 tr.e, .table-list2 td.e, .table-list2 th.e {border-bottom:1px solid #707580;}
#table3 { margin-top:62px;}
.table-left {margin-top:15px;}
.table-left tbody td {text-align:left;}
.table-left thead th {font-size:16px;}
.table-left tbody th {background:none; border-left:1px solid #d6d6d6; border-right:0px;}
.table-left tbody th, .table-left tbody td {padding:10px 8px 10px 8px; letter-spacing:-1px; text-align:left;}
.table-left tbody .btn img {width:auto;}
.table-search tbody th {text-align:center; font-weight:normal;}
.table-search tbody th.title {text-align:left;}
.table-search tbody td {padding:10px 10px 15px 10px;}
.table-brand tbody th { font-size:16px; font-weight:bold; color:#0552a9;/* background-color:#fff; */}
.table-brand tbody th, .table-brand tbody td {padding-left:15px; border-left:0; border-right:0;}
.table-brand tbody th {vertical-align:top; padding-top:15px; font-size:14px;}
.table-brand tbody td {padding:15px 10px 18px;}
.table-brand td .tit {color:#333; font-size:14px;}
.table-brand td .ul {margin-top:0px;}
.table-talent tbody th {padding:12px 0 0 0; vertical-align:top;color:#000; background-color:#fff; font-size:24px; border-right:0;}
.table-talent tbody td {padding:16px 0 20px 0; border-left:0;}
.table-talent tbody td .msg {font-size:14px; color:#2c69b2; font-weight:bold;}
.table-talent tbody td strong.title {display:block; padding-left:12px; margin:16px 0 6px 0; color:#333; line-height:1em;}
.table-write tbody td {text-align:left;}
.table-member {margin-top:8px;}
.table-member th { font-weight:bold; padding-left:5px;}
.table-member tbody td {padding-left:15px;}
.table-member .txt {display:block; font-size:12px; line-height:1.4; padding-top:5px;}
/* .table-member .su {font-size:11px;} */
.table-member li {padding-left:15px; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #d6d6d6;}
.table-member li.e {margin-bottom:0;}
.table-member select {width:177px;}
.table-member .email_select {margin-top:5px;}
.addr_txt {margin-top:5px;}
.addr_txt input {width:185px;}
.table-member input.input2 {width:100px;}
.table-relation {margin-top:30px;}
.table-relation thead th {font-size:16px;}
.table-relation tbody th {background:none; border-left:1px solid #d6d6d6; border-right:0px;}
.table-relation tbody th, .table-relation tbody td {padding:10px 0 10px 8px; letter-spacing:-1px; text-align:left;}
.table-relation tbody td a {word-break:break-all;}
.email-list {margin-top:30px;}
.email-list thead th {font-size:16px;}
.email-list tbody th {background:none; border-left:1px solid #d6d6d6; border-right:0px;}
.email-list tbody th, .email-list tbody td {padding:10px 0 10px 8px; letter-spacing:-1px; text-align:left;}
#ceo-msg-top {margin-bottom:15px; font-size:16px; color:#2C69B2; font-weight:bold;}
#table-view {position:relative; margin-top:30px; padding-top:10px; padding-bottom:65px; border-top:2px solid #0552a9;}
#content_area #table-view form > div {margin-left:0px; margin-right:0px;}
#table-view .title {position:relative; padding:0 0 15px; margin-bottom:15px; border-bottom:1px solid #707580;}
#table-view .title dl.date_area {padding-top:5px;}
#table-view .title dl.date_area dt, #table-view .title dl.date_area dd {float:left;}
#table-view .title dl.date_area dd {color:#555; margin-right:9px; padding-right:9px; background:url("./css/kor5/common/icon/bar_gray.gif") no-repeat right 5px;}
#table-view .title dl.date_area strong {color:#555;}
#table-view h4, #table-view .t { font-weight:bold; margin:0; font-size:18px; background-image:none; padding-left:0; color:#222;}
#table-view .date{float:right; width:80px; text-align:right;}
#table-view .sns{float:right; width:95px; text-align:right;}
#table-view .view {padding-top:15px;}
#table-view .view p {padding:0px; }
#table-view .view b {padding:0px; }
#table-view .view .add-img {margin-top:10px; margin-bottom:10px; text-align:center;}
#table-view .view img {width:80%;}
#popup-content #table-view .view p a > img {width:auto;}
#table-view .view .movie_area {position:relative; margin-top:10px;}
/* #table-view .view .movie_txt {position:relative; margin-top:10px;}
#table-view .view .movie_txt p {padding-top:15px;} */
#table-view .view .movie-con {position:relative; margin-top:10px;}
#table-view .view .movie-con .movie_txt {padding:15px; height:200px; *height:170px; overflow-y:auto; border:1px solid #d6d6d6;}
#table-view .view .movie-con .broadcast-list {margin-top:30px; height:200px; *height:170px;}
.movie-con .broadcast-list iframe {width:100%; height:100%;}
.broadcast-list .broadcast-list-head {position:relative; height:50px; background-color:#0552a9;}
.broadcast-list .broadcast-list-head .title1 {display:block; padding:10px 0 0 15px; font-weight:bold; font-size:18px; color:#fff;}
.broadcast-list .broadcast-list-head .mv_select {position:absolute; top:10px; right:15px; height:28px;}
.broadcast-list .broadcast-list-con {margin-top:10px; height:190px;}
/* ??? ?????? ?????? 20151204 */
#fontsize {width:180px; margin-top:28px;}
#fontsize a {width:82px; height:26px; display:inline-block; border:1px solid #DCDCDC; float:left; margin-right:6px; padding:4px; font-size:13px; color:#555; line-height:12px;}
#fontsize a:hover { text-decoration:none;}
#fontsize a span { color:#0D6EA0; font-size:15px; font-weight:bold; padding-left:4px;}
.btn-top {margin-bottom:15px; text-align:right;}
.btn-bottom, .view-opt {margin-top:20px;}
.btn-write-box {margin-top:15px; text-align:right;}
.opt-select {text-align:right;margin-bottom:10px;}
#wrap .page-box2 { margin-top:-30px;}
#page-box {position:relative; margin-top:20px; margin-bottom:15px; text-align:center;}
.page {display:none;}
.page2 .m_page {display:inline-block; padding:0 15px; height:34px; line-height:34px;}
#page-box > a img {/* margin:0 1px; */width:auto; padding:0; vertical-align:top; border:1px solid #d6d6d6;}
#page-box > div > a img {/* margin:0 1px; */width:auto; padding:0; vertical-align:top; border:1px solid #d6d6d6;}
.page3 {display:inline-block;}
.page a, .page strong, .page strong span {display:inline-block; font-weight:bold; width:36px; height:36px; *width:34px; *height:34px; line-height:34px;}
#page-box .next {*margin-left:3px;}
.page a, .page strong {/* margin:0 1px; */ font-size:12px; line-height:34px; vertical-align:top; border:1px solid #d6d6d6; background:#fff;}
.page strong {color:#fff; border:1px solid #2475d0; background:#2475d0;}
.page strong span {color:#fff;}
#page-box > div > a:hover img, #page-box > div > a:focus img,
.page a:hover, .page a:focus {border:1px solid #2475d0;}
#page-box > div > a:hover img, #page-box > div > a:focus img,
.page a:hover, .page a:focus {border:1px solid #2475d0;}
.related-articles {margin-top:25px;}
.related-articles dd {margin-top:10px; padding:15px 20px; border:1px solid #d6d6d6; background-color:#f9f9f9;}
.related-articles dd li {padding:2px 0;}
.related-articles dd li a {color:#555;}
/* agree-box */
.agree-box,
#agree-box {position:relative; height:158px;/* width:654px; */ padding:20px 10px 20px 10px; margin:0 0 12px 0; border:1px solid #e5e5e5; background-color:#f8f8f8;}
.label-agree {margin-bottom:15px;}
.label-agree input {margin-right:5px;}
.label-agree *{vertical-align:top;}
.label-agree input {width:15px; height:15px;}
#tab-song{margin:30px 0 13px 0;}
#tab-song li{float:left;}
#tab-song li.f{margin-right:4px;}
/*FAQ*/
#faq-list {position:relative; margin:30px 14px 0; border-top:3px solid #0552a9; border-bottom:1px solid #707580;}
#faq-list dt, #faq-list dd {position:relative;padding:10px 10px 12px 35px;border-bottom:1px solid #d6d6d6;}
#faq-list dt {/* height:40px; */ line-height:37px;}
.qna_img {position:absolute; left:0px; top:7px;}
.qna_img img, #contents .qna_img img {width:24px;}
#faq-list dt a {display:block;line-height:18px;}
/* #faq-list dt.open {border-bottom:1px dotted #d6d6d6;} */
#faq-list dd {display:none; background:#f8f8f8;}
#faq-list #no-data {width:100%; text-align:center; padding-left:0; background-image:none; font-weight:bold;}
#rss-box {margin-top:12px;}
#date-select {margin-bottom:14px;text-align:center;}
#date-select img{margin:0 15px;}
#date-select .date{margin-right:10px; font-size:20px; color:#000;}
#date-select .date-ch{color:#555; font-size:20px;}
.calendar {border:1px solid #c7ccd6;}
.calendar table{width:100%;}
.calendar th{height:36px; padding-right:10px; text-align:right; color:#333; background-color:#f8f8f8;}
.calendar td{height:95px; padding:5px 10px 0 10px; text-align:right; vertical-align:top; border:1px dotted #d8dbe0; border-top:0;}
.calendar td span{display:block; margin-top:10px; text-align:center;}
.calendar td a{display:block; margin-top:5px;}
.calendar tr.e td{border-bottom:0;}
.agree-box {width:95%; height:170px;margin:20px 14px 10px; background-color:#f8f8f8; border:1px solid #e5e5e5; overflow-y:scroll}
.agree-box .box {margin:20px;}
form > dl {margin-left:14px; margin-right:14px;}
form > dl .agree-box {margin-left:0px; margin-right:0px;}
a.btn-a {text-align:center;}
a.btn-a span, a.btn-a{display:inline-block; color:#222; height:29px;}
a.btn-a{padding-left:15px; }
a.btn-a span{padding:0 15px 0 0; height:29px; font-size:12px; line-height:27px; background-position:right 0; font-weight:bold;}
a.btn-a:hover,
a.btn-a:active,
a.btn-a:focus{background-position:0 -29px;}
a.btn-a:hover span, a.btn-a:active span, a.btn-a:focus span{background-position:right -29px; color:#fff; cursor:pointer;}
/*Chrome and Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
a.btn-a span{line-height:27px;}
}
/*Firefox*/
@-moz-document url-prefix() {
a.btn-a span{line-height:27px;}
.firefox_area {display:none;}
}
/*********** 150311 ??? **********/
.web_area {display:none;}
.m_area {display:inline-block; *zoom:1; *display:inline;}
.web_area2 {display:none;}
.tablet_area2 {display:none;} /* 2016.07.08 ??? */
.m_area2 {display:block;}
.m_scrollBox {position:relative; margin-top:30px; /* width:100%; */ overflow-x:auto;}
hr.blue {margin:30px 0 0px; width:100%; border:0px solid #010101; color:#0552a9; height:3px; background:#0552a9;}
#content_area #question-search {margin-left:0px; margin-right:0px; border:1px solid #d4d4d4; }
#question-search {position:relative; height:67px; *height:47px; margin-top:15px; margin-bottom:15px; padding:20px 14px 0; text-align:center; background-color:#f9f9f9;}
#question-search-n {position:relative; height:90px; *height:47px; margin-top:15px; margin-bottom:40px; text-align:center; background-color:#f9f9f9; border:1px solid #d5d5d5;}
.word-box { margin-bottom:30px;}
.use-search select {width:90px; height:29px; padding:5px 0; font-size:12px;}
.dataSearchBox .SearchBoxLeft select {width:90px; height:29px; padding:5px 21px; font-size:12px;}
.use-search .input {width:112px; height:29px;}
.btn_search2 input {display:inline-block; cursor:pointer; height:30px; padding:4px 14px 5px;color:#fff; vertical-align:top; border:0px; background:#707580;}
/*161019 ???a ????*/
.date_search { margin-top:4px; float:left; margin-left:28px;}
.date_search .date_sort {display:none;}
/*#question-search {width:100%; border:1px solid #d5d5d5; padding:10px;}*/
#question-search-n {width:100%; border:1px solid #d5d5d5; padding:10px;}
/*#question-search .input {width:64%;}*/
#question-search-n .input {width:64%;}
.search_r { float:right; width:50%; padding-left:40px; }
.use-search2 select{width:90px; height:29px; padding:5px 0; font-size:12px;}
.use-search2 .input{width:112px; height:29px;}
#question-search2 {position:relative; margin-top:15px; padding:20px 14px 0; text-align:center;}
.use-search3 { height:67px; *height:47px; background-color:#f9f9f9;}
.use-search3 select {min-width:90px; height:29px; padding:5px 0; font-size:12px;}
.use-search3 .input {width:112px; height:29px;}
/* .use-search3-btn {margin-top:5px;} */
/* tab_con */
.tab_area {position:relative; margin-top:30px;}
.tab_con {width:100%; /* border-top:1px solid #d6d6d6; */ border-left:1px solid #d6d6d6; overflow:hidden; *margin-bottom:30px;}
.tab_con li {float:left; width:50%; *width:49.9%}
.tab_con li.on a {color:#fff; border:1px solid #2475d0; background:#2475d0; text-decoration:underline;}
.tab_con li a {display:block; font-weight:bold; font-size:14px; height:40px; margin-top:-1px; margin-left:-1px; padding:8px 0 0; text-align:center; border:1px solid #d6d6d6; background:#fff; *height:32px;}
.tab_con li.on a, .tab_con li a:hover {color:#fff; border-top:1px solid #2475d0; border-bottom:1px solid #2475d0; background:#2475d0;}
.tab_con .sTxt{letter-spacing:-1px; font-size:12px;}
/* ?? ?? tab*/
.d_tab li a {height:60px; *height:52px; padding:8px 0 0;}
.d_tab li.txt1 a {height:60px; *height:42px; padding:18px 0 0;}
/* .d_tab li a {height:60px; *height:41px; padding:19px 0 0;}
.d_tab li.on a {padding:8px 0 0; *height:52px;} */
/* tab2_con product*/
.tab2_con {position:relative; margin-top:10px; margin-bottom:10px; overflow:hidden;}
.tab2_con li {margin-bottom:10px;}
.tab2_con li a {display:block; padding:8px 0; color:#fff; font-size:16px; font-weight:bold; text-align:center; background:#707580;}
.tab2_con li.on a {background:#2475d0 url("./css/kor5/common/icon/tab_con2_on.png") no-repeat 20px 10px;}
.tab2_con li.on a, .tab_con2 li a:hover {color:#fff; text-decoration:none;}
/* tab3N_con product 20180104 ??? */
.tab3N_con {position:relative; margin-top:10px; margin-bottom:10px; overflow:hidden;}
.tab3N_con li {margin-bottom:10px;}
.tab3N_con li:last-child {margin-right:0;}
.tab3N_con li a {display:block; padding:8px 0; color:#fff; font-size:16px; font-weight:bold; text-align:center; background:#707580;}
.tab3N_con li.on a {background:#2475d0 url("./css/kor5/common/icon/tab_con2_on.png") no-repeat 20px 10px;}
.tab3N_con li.on a, .tab_con2 li a:hover {color:#fff; text-decoration:none;}
.mailFind01{width:280px; margin:0 auto 10px;}
.mailFind01:after{display:block; content:""; clear:both;}
.mailFind01>.mFtit01{float:left; width:120px; text-align:left; padding-left:5px;}
.mailFind01>.mFtit01>label{line-height:24px; height:24px;}
.mailFind01>.mFtit02{float:left; width:160px; text-align:left;}
.mailFind02{width:280px; margin:0 auto;}
.mailFind02:after{display:block; content:""; clear:both;}
.mailFind02>.mFtit01{float:left; width:120px; text-align:left; padding-left:5px;}
.mailFind02>.mFtit01>label{line-height:14px; height:14px;}
.mailFind02>.mFtit02{float:left; width:160px; text-align:left; margin-top:2px;}
.mailFind02>.mFtit03{float:left; width:110px; text-align:left; margin-left:0px !important;}
/* tab3_con ?????? */
.tabLink {position:relative; margin-top:30px; margin-bottom:20px; vertical-align:top; background:#2475d0;}
.tabLink > a {display:block; font-weight:bold; margin-top:1px; padding:10px 10px 11px; height:50px; *height:29px; font-size:18px; letter-spacing:-1px; z-index:10;}
.tabLink a {color:#fff;}
.tabLink .sp_img {position:absolute; right:10px; top:20px;}
.tabLink .sp_img img {width:19px;}
.tabLink .tab3_con {position:absolute; top:50px; left:0px; width:100%; border:1px solid #dcdcdc; background:#fff; max-height:250px; overflow-x:hidden; overflow-y:auto; z-index:30;}
.tabLink .tab3_con a {position:relative; display:block; color:#222; white-space:nowrap; font-size:16px; font-weight:bold; padding:11px 10px; border-bottom:1px solid #fff; background:#dcdcdc; line-height:1.2; z-index:30;}
.tabLink .tab3_con a:hover, .tabLink .tab3_con li.hover a:hover {color:#00559d; text-decoration:underline;}
/* 20170105 ??? ???? */
.tabLink .tab6_con {position:absolute; top:50px; left:0px; width:100%; border:1px solid #dcdcdc; background:#fff; max-height:250px; overflow-x:hidden; overflow-y:auto; z-index:30;}
.tabLink .tab6_con a {position:relative; display:block; color:#222; white-space:nowrap; font-size:16px; font-weight:bold; padding:11px 10px; border-bottom:1px solid #fff; background:#dcdcdc; line-height:1.2; z-index:30;}
.tabLink .tab6_con a:hover, .tabLink .tab6_con li.hover a:hover {color:#00559d; text-decoration:underline;}
/* tab5_con ????? ??*/
.tab5_con {position:relative; margin-top:30px; border-left:1px solid #d6d6d6; overflow:hidden;}
.tab5_con li {float:left; width:50%; *width:49.9%;}
.tab5_con li.on a {color:#fff; border:1px solid #2475d0; background:#2475d0; text-decoration:underline;}
.tab5_con li a {display:block; font-weight:bold; font-size:14px; height:40px; *height:24px; margin-left:-1px; padding:8px 0 0; text-align:center; border:1px solid #d6d6d6; background:#fff;}
.tab5_con li.on a, .tab5_con li a:hover {color:#fff; border-top:1px solid #2475d0; border-bottom:1px solid #2475d0; background:#2475d0;}
.tab5_con .sTxt {letter-spacing:-1px; font-size:13px;}
/* 1224 tabs_con ????? ??*/
.tabs_con {position:relative; margin-top:30px; border-left:1px solid #d6d6d6; overflow:hidden;}
.tabs_con li {float:left; width:33.3%; *width:49.9%;}
.tabs_con li.on a {color:#fff; border:1px solid #2475d0; background:#2475d0; text-decoration:underline;}
.tabs_con li a {display:block; font-weight:bold; font-size:13px; height:40px; *height:24px; margin-left:-1px; padding:8px 0 0; text-align:center; border:1px solid #d6d6d6; background:#fff;}
.tabs_con li.on a, .tabs_con li a:hover {color:#fff; border-top:1px solid #2475d0; border-bottom:1px solid #2475d0; background:#2475d0;}
.tabs_con .sTxt {letter-spacing:-1px; font-size:13px;}
.community_area {position:absolute; right:0px; bottom:0px; height:42px; /* width:140px; */}
.community_area a {float:left; display:block; padding-left:4px;}
#contents .community_area a img {width:40px; /*border:1px solid #9ea4b2;*/}
.community_area a.web_area2 {display:none;}
.community_area a.web_area3 {display:block;}
/* .btn_api, .btn_api.open, .btn_api.close {display:none;} */
.api_con {display:inline-block;}
.community_area2 {position:relative; margin-top:30px; margin-bottom:20px; text-align:right;}
.table-unit .community_area2 {clear:both; padding-top:20px; margin:0px;}
#contents .community_area2 a {display:inline-block;}
#contents .community_area2 a img {width:40px; border:1px solid #9ea4b2;}
/*preNext */
.preNext {position:relative; margin:25px 14px 0px; border-top:1px solid #707580; border-bottom:1px solid #707580;}
.preNext dt {float:left; display:block; font-weight:bold; font-size:16px; padding:9px 0 11px 25px;}
.preNext dd {position:relative; padding:12px 0 12px 87px; border-bottom:1px solid #d6d6d6; background:url("./css/kor5/common/icon/bar_gray.gif") no-repeat 78px 16px;}
.preNext dt.prev_cont {background:url("./css/kor5/common/icon/arrow_up.png") no-repeat left 18px;}
.preNext dt.next_cont {background:url("./css/kor5/common/icon/arrow_down.png") no-repeat left 18px;}
/* btn */
.btn_white {display:inline-block; font-weight:bold; font-size:16px; padding:6px 28px 8px; border:1px solid #9ea4b2; background:#fff;}
.btn_white2 {display:inline-block; font-weight:bold; font-size:16px; padding:6px 11px 8px; border:1px solid #9ea4b2; background:#fff;}
.btn_blue {display:inline-block; font-weight:bold; font-size:16px; padding:6px 20px 8px; color:#fff; border:1px solid #2475d0; background:#2475d0;}
.btn_blue2 {display:inline-block; font-weight:bold; font-size:16px; padding:6px 28px 8px; color:#fff; border:1px solid #2475d0; background:#2475d0;}
.btn_blue3 {display:inline-block; font-weight:bold; font-size:16px; padding:6px 20px 8px; color:#fff; border:1px solid #2475d0; background:#2475d0; float:right; margin:10px; cursor:pointer;}
.joo { margin-top:10px; font-weight:bold; color:#0552a9;}
.btn_gray {display:inline-block; font-weight:bold; padding:2px 18px 2px; color:#fff; border:1px solid #707580; background:#707580;}
.btn_orange {display:inline-block; font-weight:bold; padding:2px 18px 2px; color:#fff; border:1px solid #ef7727; background:#ef7727;}
.sbtn_gray {display:inline-block; font-weight:bold; padding:2px 10px 2px; color:#fff; border:1px solid #707580; background:#707580;}
.sbtn_gray2 {display:inline-block; font-weight:bold; font-size:12px; padding:2px 18px 2px; color:#222; border:1px solid #d6d6d6; background:#eee;}
.sbtn_gray3 {font-size:12px; display:inline-block; font-weight:bold; padding:2px 6px 2px; color:#fff; border:1px solid #707580; background:#707580;}
.sbtn_white {display:inline-block; font-weight:bold; padding:2px 18px 2px; border:1px solid #9ea4b2; background:#fff;}
.sbtn_blue {display:inline-block; font-weight:bold; padding:2px 18px 2px; color:#fff; border:1px solid #2475d0; background:#2475d0;}
.m_btn_login {margin:20px auto; display:block; width:90px; text-align:center; font-weight:bold; padding:2px 0px 2px; color:#fff; border:1px solid #707580;}
/*161111 ????u?? ??�A?? ???? */
.v_btn { display:none;}
.btn_more {display:inline-block; font-weight:bold; font-size:13px; padding:3px 10px 3px; border:1px solid #9ea4b2; background:#fff;}
#contents .btn_more > img {width:19px; padding-top:3px; *padding-top:0px; border:0px; padding-right:3px;}
.btn_apply {display:inline-block; font-weight:bold; padding:3px 18px 3px; border:1px solid #9ea4b2; background:#fff;}
#contents .btn_apply > img {width:5px; padding-top:6px; border:0px; padding-left:10px;}
.btn_result {display:inline-block; font-weight:bold; width:68px; text-align:center; font-size:13px; padding:3px 0 3px; border:1px solid #9ea4b2; background:#fff;}
.btn_result.on, .btn_result:hover {text-decoration:underline; color:#fff; border:1px solid #2475d0; background:#2475d0;}
.btn_go {display:inline-block; font-weight:bold; font-size:12px; padding:1px 22px 1px 10px; border:1px solid #9ea4b2; background:#fff url("./css/kor5/common/icon/icon_go.png") no-repeat 62px 7px;}
.btn_blue2 input {display:inline-block; cursor:pointer; font-weight:bold; font-size:16px; padding:1px 1px 0; line-height:1.4; color:#fff; border:1px solid #2475d0; background:#2475d0;}
/* .m_btn {margin-bottom:10px;} */
a.btn_blue:hover, a.btn_blue:active, a.btn_blue:focus,
a.btn_blue2:hover, a.btn_blue2:active, a.btn_blue2:focus,
a.sbtn_gray:hover, a.sbtn_gray:active, a.sbtn_gray:focus,
a.btn_sblue:hover, a.btn_sblue:active, a.btn_sblue:focus,
a.sbtn_blue:hover, a.sbtn_blue:active, a.sbtn_blue:focus,
a.btn_gray:hover, a.btn_gray:active, a.btn_gray:focus
{text-decoration:none; color:#fff;}
a.btn_orange:hover, a.btn_orange:active, a.btn_orange:focus
{text-decoration:none; color:#fff;}
a.btn_blue:hover, a.btn_blue:active, a.btn_blue:focus,
a.btn_blue2:hover, a.btn_blue2:active, a.btn_blue2:focus,
a.btn_sblue:hover, a.btn_sblue:active, a.btn_sblue:focus,
a.sbtn_blue:hover, a.sbtn_blue:active, a.sbtn_blue:focus
{border:1px solid #0552a9; background:#0552a9;}
a.btn_white:hover, a.btn_white:active, a.btn_white:focus,
a.btn_white2:hover, a.btn_white2:active, a.btn_white2:focus,
a.sbtn_white:hover, a.sbtn_white:active, a.sbtn_white:focus
{color:#222; text-decoration:none; border:1px solid #2475d0;}
.table_btn {padding-top:5px;}
/* title */
.tit { font-weight:bold; font-size:25px; margin:0; padding-top:28px; color:#000; line-height:1.2;}
.tit1 { font-weight:bold; font-size:25px; margin:0; padding-top:28px; color:#000; line-height:1.2;}
.tit2 { font-weight:bold; font-size:13px;}
.tit3 { font-weight:bold; font-size:22px; color:#222; margin:0px; padding:30px 0 0 0; line-height:1.2;}
.tit3.second {padding-top:40px;}
.tit4 {padding-left:18px; font-weight:bold; font-size:16px; color:#0552a9; line-height:1.4; background:url("./css/kor5/common/icon/blt_circle.png") no-repeat left 5px;}
.tit5 { font-weight:bold; font-size:18px; color:#0552a9; line-height:1.4;}
.tit6 { font-weight:bold; font-size:16px; color:#0552a9; line-height:1.4;}
.tit7 { font-weight:bold; font-size:13px; color:#0552a9; line-height:1.4;} /* 170510 ??? */
#content_area .sub_tit {display:none; /* padding-top:5px; font-size:16px; line-height:1.2; */}
.ex_tit1 {padding-top:10px; font-weight:bold; font-size:14px; color:#0552a9;}
.ex_tit1.first {padding-top:30px;}
.ex_stit {display:block; padding-top:3px; font-size:13px; color:#222;}
.ex_tit2 {display:block; font-weight:bold; font-size:14px; color:#0552a9;}
.tit3 .ex_tit2 {padding-top:10px;}
.ex_stit3 {display:block; padding:30px 0 15px; font-size:13px; color:#222;}
.ex_tit3 {display:block; margin-top:15px; font-weight:bold; font-size:14px;}
.ex_tit4 { font-weight:bold; font-size:22px; line-height:1.3;} /*content_area?? ???????? ? ???*/
.ex_tit4 .subTxt {display:block; font-size:13px; color:#222; margin-top:10px; line-height:1.6; font-weight:normal;}
.ex_tit4 .fc-1 { font-weight:bold; color:#0552a9; font-size:22px;}
.ex_tit5 {font-size:25px; line-height:1.3;}
.ex_tit5 .fc-1 {font-size:25px;}
.ex_tit6 { font-weight:bold; font-size:15px; color:#0552a9;}
.ex_tit6.first {padding-top:30px;}
.ex_tit7 { font-weight:bold; font-size:12px; color:#0552a9;}
.pop_img {position:absolute; right:10px; top:20px;}
.pop_img_main {width:155px; height:40px; margin:0 auto;}
.pop_img img {width:155px; height:40px;}
.img_txt {display:block; margin-top:40px; color:#555;}
/* txt */
.board_txt {padding-bottom:20px; margin-top:30px;}
.board_txt > p {padding-top:10px; font-size:13px; padding-left:15px; text-indent:-15px;}
.board_txt > p.first {padding-top:0px;}
.board_txt a { font-weight:bold; padding-left:15px; color:#0552a9; text-decoration:underline;}
.board_txt2 {text-align:right; font-size:12px;}
.board_txt2.first {margin-top:30px;}
.board_txt3 {display:block; font-size:12px; color:#666;}
.required_txt { font-weight:bold; color:#0552a9;}
.required_txt2 {color:#0552a9;}
.required_txt3 { font-weight:bold; color:#e70606;}
.text-line {text-decoration:underline;}
/* board_write */
.board_write {margin-top:10px;}
.board_write tbody th {padding-left:5px;}
.board_write tbody td {padding-left:15px;}
.board_write select {padding:3px 2px;}
/* board_write2 */
fieldset .board_write2 {margin-left:14px; margin-right:14px;}
.board_write2 {margin-top:0px;}
.board_write2 tbody th { font-weight:bold; padding-left:5px; padding-right:5px; border-right:0px; background:#f8f8f8;}
.board_write2 tbody td {border-left:0px; text-align:left; padding-left:10px; padding-right:5px;}
.board_write2 tbody .line {border-bottom:1px solid #707580;}
.board_write2 input.title {width:90%;}
.board_write2 textarea.contentTxt {width:90%;}
.board_write2 input.file_input {width:90%;}
.board_write2 .s_div {border-right:1px solid #eaeaea;}
.board_write2 .search-txt .input {width:150px;}
.board_write2 .search-chk {display:block; margin-top:5px;}
/*listType*/
.listType1 li {padding-left:9px; background:url("./css/kor5/common/icon/blt_gray.gif") no-repeat left 9px;}
.title_unit {position:relative; margin-bottom:10px;}
.title_unit .tit3 {margin-right:165px;}
.title_unit a {position:absolute; right:0px; bottom:0px;}
.confirm_box { font-weight:bold; margin-top:40px; padding:50px 10px; text-align:center; border-top:3px solid #0552a9; border-bottom:1px solid #707580;}
.result-no2 { font-weight:bold; margin-top:5px; padding:24px 0 30px 0; text-align:center; border-bottom:1px solid #707580;} /* 170731 border-top:3px solid #0552a9; del */
.result-no2 p { font-weight:bold;}
/* layer-popup*/
#content_area .layer-popup, #content_area .layer-popup .bg {margin-left:0px; margin-right:0px;}
.layer-popup {display:none; position:fixed; /* _position:absolute; */ top:0px; left:0; width:100%; height:100%; z-index:10000;}
.layer-popup .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer-popup .popup_tit { font-weight:bold; font-size:20px; margin-bottom:30px; padding:10px 20px; background:#2475d0; color:#fff;}
.layer-popup .layer-con {display:block; position:relative; padding-bottom:30px;}
.layer-con {display:none; position:absolute; top:50%; left:50%; width:100%; height:auto; background-color:#fff; border:1px solid #222; z-index:10;}
.layer-popup .pop_cont {padding:0px 20px 30px; height:450px; overflow-y:scroll;}
.layer-popup .btn-close {display:block; cursor:pointer; position:absolute; right:20px; top:18px; z-index:1000;}
#content_area .layer-popup .btn-close img {width:15px;}
.layer-popup .pTit {margin-top:25px;}
.layer-popup .pTit strong { font-weight:bold; font-size:18px;}
.layer-popup .tit4 {margin-top:15px;}
.layer-popup ul li dd {margin-top:10px;}
.layer-popup .address_area {position:relative; margin-top:25px;}
.layer-popup .address_area p {float:left; display:inline-block; width:60px; height:140px; background-color:#2475d0;}
.layer-popup .address_area ul {margin-left:60px; padding:18px 0 0 10px; height:140px; border:1px solid #d6d6d6; background-color:#f9f9f9;}
.layer-popup .address_area ul li { font-weight:bold;}
/********************************************************************************************/
/********************************************************************************************/
/* layout.css*/
#skip-go {display:none;}
/* top*/
.sub_top {display:none; position:fixed; right:0px; bottom:10px; width:40px; z-index:1000;}
.sub_top a {display:block;}
.sub_top a img {width:40px;}
.wrap {position:relative; width:100%; overflow:hidden;}
img {width:100%;}
/* header */
#header {position:fixed; top:0; left:0; width:100%; height:55px; z-index:100; background:#fff; border-bottom:1px solid #ccc;}
.header_top {display:none;}
/*laypopup mobile*/
/*
#laypopup .box {display:block;}
#laypopup .box .txt p.contents {display:block; }
#laypopup .box .tit p.contents img { display:block;}
170308*/
/* 170308 css ??? open */
#laypopup{background-color:#8ac6e9;}/*170322 background-color:#2475D0; ????*/
#laypopup .box{height:55px;}
#laypopup .box .tit {float:left; color:#fff; padding:8px 41px 0px 0px; display:none;}
#laypopup .box .tit_m {display:block; padding-top:3px; padding-left:55px; background:url("/images/kor5/main/m_mic_icon.png") no-repeat -2px 0px;}
#laypopup .box .tit_m .contents_m { color:#1f5491; margin-top:3px; line-height:18px; z-index:999;} /*170517 ???????*/
#laypopup .box .tit_m a {display:inline-block; margin-top:1px; padding:3px 5px 4px 5px; font-size:11px; color:#1f5491; border:1px solid #1f5491; letter-spacing:-0.5px; line-height:1;}/*170322 color:#fff; border:1px solid #fff; ????*/
#laypopup .box .txt p.contents{display:none;}/*170308 ??? css*/
#laypopup .box .txt p.close{font-size:12px; color:#46484c; line-height:1.3; letter-spacing:-0.5px; margin-top:-17px; margin-right:12px; float:right; display:block;}/*170322 color:#ffffff; ????*/
#laypopup .box .txt p.close img { cursor:pointer;}
#laypopup .box .txt p.close .back img { width:37px; height:18px; }
/* 170308 css ??? close */
#laypopup_m {width:100%; height:51px; position:relative; top:55px; background-color:#2475D0; position:fixed; display:none;} /*170308 display:none ???*/
#laypopup_m .box_m {width:100%; position:absolute; top:2px; font-size:12px; font-weight:bold;}
#laypopup_m .box_m .tit_m { padding-top:0; padding-left:55px; background:url("/images/kor5/common/gnb/m_mic_icon.jpg") no-repeat -2px -2px;}
#laypopup_m .box_m .tit_m .contents_m { color:#fff; margin-top:3px; line-height:18px; z-index:999;}
#laypopup_m .box_m .tit_m a {display:inline-block; margin-top:1px; padding:3px 5px 4px 5px; font-size:11px; color:#fff; border:1px solid #fff; letter-spacing:-0.5px; line-height:1;}
.laypop_w {display:none;}
.lay_pop { background-color:#ddd; }
/* gnb */
.gnb_area {position:absolute; /*top:0px;*/ width:100%; z-index:102016-10-190; height:55px; background-color:#fff; border-bottom:1px solid #ccc;} /*170308 css_ ??? ?? ???*/
.logo {position:absolute; left:50%; top:15px; margin-left:-50px; width:100px; /*top:10px;*/}
.gnb {display:none;}
/* .all_menu {display:none;} */
.all_menu2 {display:none; position:fixed; left:-270px; top:0px;background:url("./css/kor5/bg/bg_black.png") repeat left center; width:100%; height:100%; z-index:1001; overflow-y:auto;}
#scroller div {position:absolute; top:0px; left:0px; width:210px; background:#2e2f31; z-index:1002;}
.all_menu2 > div {height:1300px;/* overflow-y:auto; */}
.all_menu2 a {color:#fff;}
.m-global_site {margin-top:54px; width:100%; background:#000;}
.m-global_site li {float:left;}
.m-global_site a {display:block; color:#ccc; font-size:12px; padding:10px 13px; background:url("./css/kor5/common/icon/m-global_site_line.gif") no-repeat right center;
font-family:Malgun Gothic, '???? ???', 'MGothic','????',dotum,verdana,arial,sans-serif; }
.all_menu2 .all_menu2_con a {display:block; text-decoration:none;}
.all_menu2 .all_menu2_con > li > a {padding:7px 5px 9px 15px; font-size:13px; border-bottom:1px solid #414244; background:#2e2f31 url("./css/kor5/common/icon/all_menu_off.png") no-repeat 185px center; background-size:10px;}
.all_menu2 .all_menu2_con > li > a.on {background:#2475d0 url("./css/kor5/common/icon/all_menu_on.png") no-repeat 185px center; background-size:10px;}
/* .all_menu2 .menu_sub {display:none;} */
.all_menu2 .menu_sub li {background:#202020;}
.all_menu2 .menu_sub > li > a {padding:7px 5px 9px 30px; font-size:11px; color:#cccbcb; border-bottom:1px solid #343434; background:url("./css/kor5/common/icon/all_menu_off2.png") no-repeat 185px center; background-size:9px;}
.all_menu2 .menu_sub > li > a.on {color:#5da9ff; background:url("./css/kor5/common/icon/all_menu_on2.png") no-repeat 185px center; background-size:9px;}
.all_menu2 .menu_sub > li.no-menu > a {background:none;}
.all_menu2 .menu_sub > li.no-menu > a.on {background:none;}
.all_menu2 .menu_sub li ul li {background:#383838;}
.all_menu2 .menu_sub li ul li a {padding:7px 5px 8px 40px; font-size:11px; color:#cccbcb; border-bottom:1px solid #343434;}
.btn_nav {display:inline-block; position:absolute; top:0px; left:0px; width:54px;}
.btn_nav1 {display:none;}
/* .btn_nav1.close, .btn_nav1.open {display:none;} */
.btn_nav2 {display:inline-block; position:absolute; top:0px; left:0px; width:54px; /* z-index:100; */}
.btn_nav2 img {width:100%;}
.btn_nav2.close {position:absolute; left:auto; right:0px; width:54px;}
.search_area {display:none; position:fixed; top:55px; left:0px; width:100%; height:120px; border:1px solid #e3e3e3; background:#fff; z-index:1010; text-align:center;}
.btn_search {display:inline-block; position:absolute; top:0px; right:0px; width:54px;}
.btn_search.search_open {display:inline-block;}
.search_con {/* position:absolute; top:30px; left:14px; */display:inline-block; position:relative; margin-top:30px; margin-left:14px; height:60px; width:68%; border:2px solid #999; background:#fff; z-index:1010;}
.search_con .search-box {position:absolute; top:0px; left:0px; height:56px; line-height:28px; margin:0 3%; width:92%; border:0px; z-index:1011;}
.search_area .search-btn {position:relative; margin-top:30px; width:60px;*position:absolute; *top:30px; *right:14px; *margin-top:0px;}
.search_area .btn_search.search_close {position:absolute; top:0px; right:0px; width:32px;}
/* .search_con {position:absolute; top:0px; right:40px; height:40px; width:85%; border:1px solid #e3e3e3; background:#fff;}
.search_con .search-box {position:absolute; top:0px; right:0px; height:38px; line-height:28px; margin:0 50px 0 4%; width:80%; border:0px;}
.search_con .search-btn {position:absolute; top:0px; right:0px; width:40px; padding:0px 1px;} */
/* nav */
.nav {clear:both; height:100%; position:absolute; top:60px; left:-200px; width:200px; z-index:500; background-color:#333;}
.global_site2 {position:relative; width:100%; background-color:#333;}
.navmenu {position:relative; width:100%; background-color:#333;z-index:1000;}
.nav a {color:#fff;}
/* contents */
#contents {position:relative; width:100%; padding-top:55px;}
#mask {position:absolute; z-index:1001; background-color:#000; display:none; left:0; top:0px;}
/* story (????? ???? ???? ?????) */
.news_story {height:auto; margin:18px 0 18px 0; border:1px solid #d4d4d4; padding:10px;}
.news_story img {width:66px; height:66px; margin:20px 24px 20px 14px; position:relative; left:39%;}
.story_w { font-weight:bold; margin-left:4px;}
.w_txt { font-size:15px; color:#05699d;}
.w_txt_p { font-weight:bold; margin-top:10px; }
/* location */
.localNav_area {width:100%; position:fixed; z-index:2; color:#333; border-bottom:1px solid #ddd; background-color:rgba( 243, 243, 243, 0.9);}
.localNav {height:40px;}
.localNav > p {height:40px; padding:0 10px; border-right:1px solid #ddd;}
.localNav > p, .localNav > p > span, .menuLink {float:left;}
.localNav_area .sp_home {width:15px; padding-top:13px;}
.localNav > p > span {padding:9px 0 8px;}
.sp_img {display:inline-block; padding-left:10px; vertical-align:middle;}
.sp_img img {width:10px;vertical-align:middle;}
#content_area .sp_img img {width:15px;vertical-align:middle;}
.menuLink {position:relative; border-right:1px solid #ddd; vertical-align:top; z-index:1030;}
.menuLink > a {display:block; font-weight:bold; margin-top:1px; padding:9px 10px 8px; height:40px; *height:23px; font-size:12px; letter-spacing:-1px;white-space:nowrap;}
/* .menuLink a {color:#222;}
.menuLink2 a {color:#222;} */
.menuLink > a.close {color:#2475d0;}
.menuLink .menu {display:none; position:absolute; top:41px; left:0px; padding:0px; border:1px solid #ccc; background:#fff; *width:120%; *min-width:150px; max-height:250px; overflow-x:hidden; overflow-y:auto; z-index:1030;}
.menuLink .menu a {position:relative;display:block; white-space:nowrap; *white-space:normal; font-size:12px; padding:8px 10px; background:#fff; line-height:1.2; letter-spacing:-1px; z-index:1030;}
.menuLink .menu a:hover, .menuLink .menu li.hover a:hover {color:#fff; text-decoration:none; background:#2475d0;}
.menuLink .menu li.on a {color:#fff; text-decoration:none; background:#2475d0;}
.localNav_1 {display:none;}
/* content_area */
#content_area {position:relative; padding-bottom:40px; padding-top:41px;}
/* #content_area p {padding-top:15px;} */
#content_area > p, #content_area > div, #content_area > h4, #content_area > h4, #content_area > h5, #content_area > h6, #content_area > ul, #content_area > ol, #content_area > span, #content_area > dl,
#content_area fieldset > p, /* #content_area fieldset > div, */ #content_area form > div
{margin-left:14px; margin-right:14px;}
#content_area .tit {margin-left:0px; margin-right:0px; padding-left:0px;}
p.conTxt1 {padding-top:15px;}
#content_area p.img img {width:auto; vertical-align:middle;}
/*sub visual*/
.h3_area {height:auto; border-bottom:0px;}
/* .sub_visual6 {height:auto;} */
/* top*/
.top {display:none; position:fixed; right:30px; bottom:195px; z-index:1000;}
.top a img {width:40px;}
/* ??????? ?????? */
.ir_style01 { background:#f3f3f3; border:1px dashed #d6d6d6; text-align:center; margin-top:20px; padding-top:10px; padding-bottom:20px; }
.plus a { display:block;}
.plus {width:90px; margin:0 auto; }
#table-view .view .plus img {width:80px; height:30px; margin:10px 0 0 18px; }
.plus_one {line-height:22px; font-weight:bold; margin-left:5px; }
/* footer */
.footer {position:relative; width:100%; background:#666 url("./css/kor5/common/footer/bg_footer.gif") repeat-x left top;}
.footer_con {position:relative; padding-bottom:15px;}
.sns_area2 {position:relative;/* padding-top:12px; */ width:100%; height:45px; text-align:center; overflow:hidden;}
.sns_area2 a {display:inline-block; vertical-align:top; padding:12px 5px 0 0; margin-right:3px; background:url("./css/kor5/common/footer/sns_line2.gif") no-repeat right 15px;}
.sns_area2 a img {width:auto; height:21px;}
.footer_menu {display:none;}
.linkSelect {position:relative; z-index:20;}
.linkSelect > dl {position:relative; width:100%; background:#262626; z-index:20;}
.linkSelect > dl > dt {height:45px;}
.linkSelect > dl > dd {display:none; font-weight:bold; width:100%; padding:14px; border:1px solid #bbb; background-color:#fff; z-index:20;}
.linkSelect .open, .linkSelect .close {display:block; width:100%; height:45px; *width:98%; *height:34px; color:#999; font-size:13px; font-weight:bold; padding:11px 0 0 15px;}
.linkSelect .open {color:#999; background: url("./css/kor5/common/icon/icon_open.png") no-repeat right center;}
.linkSelect .close {color:#fff; background:#2475d0 url("./css/kor5/common/icon/icon_close.png") no-repeat right center;}
.linkSelect > dl > dd > div p {color:#555; font-size:11px;}
.linkSelect > dl > dd > div {margin-top:5px;}
.linkSelect .tit2 {display:none;}
.linkSelect > dl > dd .close2 {display:none;}
.mark {float:right;}
.mark ul {overflow:hidden;}
.mark ul li {float:left; margin-left:15px;}
.family_site > dl > dd > div dl {border-bottom:1px solid #e4e4e4;}
.family_site > dl > dd > div dl:last-of-type {border:0px;}
.family_site > dl > dd > div dl dt {margin-top:12px; font-weight:bold; font-size:16px; color:#222;}
.family_site > dl > dd > div dl dt img { width:auto;}
.family_site > dl > dd > div dl dd {font-size:13px; color:#222; padding-bottom:5px;}
.family_site > dl > dd > div dl dd a {padding-right:8px; margin-right:3px; background: url("./css/kor5/common/icon/bar_gray.gif") no-repeat right center;}
.sp_img2 {position:absolute; right:13px; *right:23px; top:17px;}
.sp_img2 img {width:13px;}
.family_site {border-bottom:1px solid #545454;}
.family_sns > dl {background-color:#333;}
.family_sns > dl > dd > div > p {margin-bottom:10px;}
.family_sns > dl > dd > div dl dt {float:left; width:100px; padding-top:6px; font-size:13px;}
.family_sns > dl > dd > div dl dd {margin-left:100px; padding:3px 0; border:0px;}
.family_sns > dl > dd > div dl dd img {width:28px;}
.serviceLink {position:relative; clear:both; overflow:hidden; padding:15px 10px 0 14px;}
.serviceLink > .tit2 {color:#fff;}
.serviceLink > ul {margin-top:8px;}
.serviceLink > ul li {float:left; padding-left:0px; white-space:nowrap; background:none;}
.serviceLink > ul li a {display:block; padding-right:6px; margin-right:6px; font-size:13px; letter-spacing:-1px; color:#fff; background:url("./css/kor5/common/footer/serviceLink_line.gif") no-repeat right 6px;}
.addr {position:relative; padding:15px 14px;color:#fff;}
.addr .tit2,.addr p, .addr p span, .copyright {color:#fff;}
.addr p span {display:block;}
.f_area {display:none;}
.bg_hatched {position:relative; display:block; height:11px; background:url("./css/kor5/bg/bg_hatched2.gif") no-repeat right top;}
#content_area .bg_hatched img {position:absolute; top:0px; width:auto;}
/* selectBox */
.event-select {position:relative;}
.selectBox {float:left; position:relative; width:160px; vertical-align:top; height:30px; border:1px solid #d5d5d5; z-index:10; background:url("./css/kor5/common/icon/select_arrow.gif") no-repeat 140px center;}
.selectBox2 {width:100px; background:url("./css/kor5/common/icon/select_arrow.gif") no-repeat 80px center;}
.selectBox > a {display:block; font-weight:bold; margin-top:1px; padding:4px 10px; height:28px; *height:20px; letter-spacing:-1px;}
.selectBox a {color:#222;}
.selectBox a.close {display:none;}
.selectBox .menu {display:none; position:absolute; top:28px; left:0px; width:160px; padding:5px 0; border:1px solid #dcdcdc; background:#fff; max-height:250px; overflow-x:hidden; overflow-y:auto; z-index:30;}
.selectBox2 .menu {width:100px;}
.selectBox .menu a {position:relative;display:block; white-space:nowrap; padding:5px 10px; background:#fff; line-height:1.2; z-index:30;}
.selectBox .menu a:hover, .selectBox .menu li.hover a:hover {color:#00559d; text-decoration:underline;}
.event-select .goBtn { display: inline-block; vertical-align: middle; margin-left: 3px; padding-top:4px; height:31px; *height:24px;}
.event-select {position:relative;}
.selectBox_news {float:left; position:relative; width:160px; vertical-align:top; height:30px; border:1px solid #d5d5d5; z-index:10; background:url("./css/kor5/common/icon/select_arrow.gif") no-repeat 140px center;}
.selectBox2 {width:100px; background:url("./css/kor5/common/icon/select_arrow.gif") no-repeat 80px center;}
.selectBox_news > a {display:block; font-weight:bold; margin-top:1px; padding:4px 10px; height:28px; *height:20px; letter-spacing:-1px;}
.selectBox_news a {color:#222;}
.selectBox_news a.close {display:none;}
.selectBox_news .menu {display:none; position:absolute; top:28px; left:0px; width:160px; padding:5px 0; border:1px solid #dcdcdc; background:#fff; max-height:250px; overflow-x:hidden; overflow-y:auto; z-index:30;}
.selectBox2 .menu {width:100px;}
.selectBox_news .menu a {position:relative;display:block; white-space:nowrap; padding:5px 10px; background:#fff; line-height:1.2; z-index:30;}
.selectBox_news .menu a:hover, .selectBox_news .menu li.hover a:hover {color:#00559d; text-decoration:underline;}
.event-select .goBtn { display: inline-block; vertical-align: middle; margin-left: 3px; padding-top:4px; height:31px; *height:24px;}
/* .sustain_bn */
#contents .sustain_bn img {width:auto;}
.sustain_bn {position:relative; padding:30px 0 20px; background:#f9f9f9;}
.sustain_bn li {float:left; width:31%; height:95px; margin-right:3%; padding-bottom:10px; text-align:center;background:url("./css/kor5/product/quickMenu_line.gif") no-repeat right 7px;}
.sustain_bn li span {display:block; font-weight:bold; font-size:12px; line-height:1.2; padding-top:5px;}
/* input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
-webkit-user-select: none;
white-space: pre;
} */
input[type="button"], input[type="submit"], input[type="reset"], button {border-radius:0;-webkit-appearance:none;}
/*161108 ??????? ???? */
.direct_w, .risk_1_1, .risk_1_2, .risk_2_1, .able_07, .able_07_02, .grp_vision01, .environment_group, .administration02, .present_1, .climate01, .climate02, .climate03, .accompany_growth, .grp_ceo, .safe02, .nurture_system { display:block;}
.direct_m, .risk_1_1_m, .risk_1_2_m, .risk_2_1_m, .able_07_m, .able_07_02_m, .grp_vision01_m, .environment_group_m, .administration02_m, .present_1_m, .climate01_m, .climate02_m, .climate03_m, .accompany_growth_m, .grp_ceo_m, .safe02_m, .nurture_system_m { display:none; }
/* 20161117 ?????? ??????? ??? ???? */
.dataSearchBox {margin-bottom:7px; padding:20px 14px; border:1px solid #d5d5d5; background-color:#f9f9f9;} /* 170303 margin-bottom:40px; ?? ???? */
.boxsize { margin-right:10px; margin-left:10px; margin-top:20px;}
.dataSearchBox .SearchBoxTitle {margin-bottom:10px;}
.dataSearchBox .SearchBoxTitle label {padding-left:8px; color:#222; font-weight:bold; background:url("./css/kor5/common/icon/blt_gray.gif") no-repeat 0 8px;}
.dataSearchBox ul {overflow:hidden;}
.dataSearchBox ul li.SearchBoxLeft {float:left; margin-right:1%;}
.dataSearchBox ul li.SearchBoxRight {float:right; width:49.5%;}
.dataSearchBox ul li.SearchBoxRight2 {float:right; width:89%;}
.dataSearchBox ul li .monthBtn {text-align:center;}
.dataSearchBox ul li .monthBtn .monthBox {display:inline-block; margin-right:1px; width:48px; height:24px; border:1px solid #d5d5d5; background-color:#fff; font-size:12px;}
.dataSearchBox ul li .date_picker_area01 {position:relative; display:inline-block;}
.dataSearchBox ul li .date_picker_area01 input {width:120px; font-size:12px; color:#777;}
.dataSearchBox ul li.SearchBoxRight .input {margin-top:2px; width:82%;}
.dataSearchBox ul li.SearchBoxRight2 .input {margin-top:2px; width:90%;}
/*******************
only mobile
********************/
@media only screen and (max-width:330px) {
#content_area > div { margin-left:12px; }
.img_mark { width:auto;}
/*161108 ??????? ???? */
.direct_w, .risk_1_1, .risk_1_2, .risk_2_1, .able_07, .able_07_02, .grp_vision01, .environment_group, .administration02, .present_1, .climate01, .climate02, .climate03, .accompany_growth, .grp_ceo, .safe02, .nurture_system { display:none;}
.direct_m, .risk_1_1_m, .risk_1_2_m, .risk_2_1_m, .able_07_m, .able_07_02_m, .grp_vision01_m, .environment_group_m, .administration02_m, .present_1_m, .climate01_m, .climate02_m, .climate03_m, .accompany_growth_m, .grp_ceo_m, .safe02_m, .nurture_system_m { display:block; }
.v_btn { display:block; width:118px; margin:0 auto; margin-top:12px; padding:2px 22px 2px;}
#laypopup_m .box_m .tit_m {padding-left:46px; background:url("./css/kor5/common/gnb/m_mic_icon.jpg") no-repeat -4px -2px;}
#question-search-n {padding-left:5px; padding-right:5px;}
.date_search { margin-left:0; float:none; margin-bottom:6px;}
.word-box label {margin-left:0;}
#question-search-n { height:120px;}
.search_r { float:none; width:auto; padding-left:0; margin-top:6px;}
#question-search-n .input { width:70%; margin-top:4px;}
.date_picker_area input { width:120px;}
}
@media only screen and (min-width:331px) and (max-width:459px) {
.table-unit .unit_txt {position:relative; text-align:right; margin-top:5px;}
.agree-box {width:92%;}
.m_btn {display:block; width:170px; margin-top:5px; margin-bottom:10px; text-align:center;}
.m_btn2 {display:block; width:260px; margin-top:5px; text-align:center;}
.m_btn3 {display:block; width:260px; margin-top:5px; margin-bottom:10px; text-align:center;}
.img_mark {width:auto;}
#contents .community_area a img {width:30px;}
.news_story img { position:relative; left:33%;}
/*#laypopup {display:none;}170308*/
#e-card {margin-top:10px;}
#e-card-blue { padding:6px 10px 8px; }
#search-word { width:200px;}
.btn_search2 input { padding:5px 9px 5px;}
/*161108 ??????? ???? */
.direct_w, .risk_1_1, .risk_1_2, .risk_2_1, .able_07, .able_07_02, .grp_vision01, .environment_group, .administration02, .present_1, .climate01, .climate02, .climate03, .accompany_growth, .grp_ceo, .safe02, .nurture_system { display:none;}
.direct_m, .risk_1_1_m, .risk_1_2_m, .risk_2_1_m, .able_07_m, .able_07_02_m, .grp_vision01_m, .environment_group_m, .administration02_m, .present_1_m, .climate01_m, .climate02_m, .climate03_m, .accompany_growth_m, .grp_ceo_m, .safe02_m, .nurture_system_m { display:block; }
.v_btn { display:block; width:118px; margin:0 auto; margin-top:12px; padding:2px 22px 2px;}
.date_search { margin-left:0; float:none; margin-bottom:6px;}
.word-box label {margin-left:0;}
#question-search-n { height:120px;}
.search_r { float:none; width:auto; padding-left:0; margin-top:6px;}
#question-search-n .input { width:70%; margin-top:4px;}
.date_picker_area input { width:120px;}
}
/*@media only screen and (max-width:650px) {
.m_btn2 {display:block; width:260px; margin-top:5px; text-align:center;}
.m_btn3 {display:block; width:260px; margin-top:5px; margin-bottom:10px; text-align:center;}
.img_mark {width:20%;}
#laypopup {display:none;}
}*/
@media all and (min-width:460px) and (max-width:650px) {
.m_btn2 {display:block; width:260px; margin-top:5px; text-align:center;}
.m_btn3 {display:block; width:260px; margin-top:5px; margin-bottom:10px; text-align:center;}
.img_mark {width:auto;}
/*#laypopup {display:none;}170308*/
/*?��?? ???????????? ????? ?????? ???? ???? */
.company_list02 {display:inline-block;}
.company_list02 li { float:left; width:50%; padding-left:1%;}
.family_info {display:inline-block;}
.family_info li {float:left; width:50%; padding-left:1%;}
.info_one { width:96%;}
.company_con02 dt.tit3 { float:left; height:550px;}
#e-card {margin-top:10px;}
#e-card-blue { padding:6px 10px 8px; }
#search-word { width:200px;}
.date_search { margin-left:0; float:none; margin-bottom:6px;}
.word-box label {margin-left:0;}
#question-search {position:relative; height:67px; *height:47px; margin-top:15px; padding:20px 14px 0; text-align:center; background-color:#f9f9f9;}
#question-search-n { height:120px;}
.search_r { float:none; width:auto; padding-left:0; margin-top:6px;}
#question-search-n .input { width:50%; margin-top:4px;}
}
/*******************
Tablet
********************/
@media all and (min-width:651px) and (max-width:767px) {
.img_mark {width:auto;}
.news_story img {float:left; position:static;}
.w_txt_p { font-weight:bold; margin:0; }
/*#laypopup {display:none !important; width:100%; height:46px; z-index:999; position:fixed;}
#laypopup .box {display:block; width:100%; position:absolute; top:2px;}
#laypopup .box .txt p.contents {display:block; position:absolute; top:55px; z-index:99; color:#fff; left:62px; }
#laypopup .box .txt .contents a{ color:#fff; background:url("./css/kor5/main/icon_board_speaker.png") no-repeat; margin-left:-50px; margin-top:-17px; display:inline-block; padding-left:50px; line-height:51px; z-index:999;}
#laypopup .box .txt p.close {display:none;}
#laypopup .box {display:none;}
#laypopup .box .close {display:none;}170308*/
/*?��?? ???????????? ????? ?????? ???? ???? */
.company_list02 {display:inline-block;}
.company_list02 li { float:left; width:33.3%; padding-left:1%;}
.family_info {display:inline-block;}
.family_info li {float:left; width:33.3%; padding-left:1%;}
.info_one { width:96%;}
.company_con02 dt.tit3 { float:left; height:550px;}
.company_con02 dd { margin-top:10px;}
#search-word { width:230px;}
.date_search { margin-left:0; }
.date_picker_area input { width:135px; }
#question-search-n .input { margin-top:4px; width:79%;}
.word-box label { margin-left:0;}
.search_r {width:50%; padding-left:0;}
}
@media all and (min-width:768px) and (max-width:979px) {
/*common*/
caption {/*overflow:hidden; */position:absolute; left:0; top:0; width:0; height:0; font-size:0; line-height:0;}
.table-unit .gu {margin-right:20px;}
.m_mt-5 {padding-top:0px; clear:none;}
.use-search select{min-width:120px;}
.use-search .input{width:510px;}
.btn_search2 input {padding:4px 24px 5px;}
.use-search2 select{min-width:120px;}
.use-search2 .input{width:510px;}
.use-search3 .input {width:510px;}
.table-list2 table {width:100%;}
.img_mark {width:auto;}
/*layout*/
.search_con {width:80%;}
/* .search_con {width:94%;}
.search_con .search-box {width:92%;} */
/*#laypopup {display:none !important; width:100%; height:46px; z-index:999; position:fixed;}
#laypopup .box {display:block; width:100%; position:absolute; top:2px;}
#laypopup .box .txt p.contents {display:block; position:absolute; top:55px; z-index:99; color:#fff; left:62px; }
#laypopup .box .txt .contents a{ color:#fff; background:url("./css/kor5/main/icon_board_speaker.png") no-repeat; margin-left:-50px; margin-top:-17px; display:inline-block; padding-left:50px; line-height:51px; z-index:999;}
#laypopup .box .txt p.close {display:none;}
#laypopup .box {display:none;}
#laypopup .box .close {display:none;}170308*/
.news_story img {float:left; position:static;}
.w_txt_p { font-weight:bold; margin:0; }
/*?��?? ???????????? ????? ?????? ???? ???? */
.company_list02 {display:inline-block;}
.company_list02 li { float:left; width:33.3%; padding-left:1%;}
.family_info {display:inline-block; }
.family_info li {float:left; width:33.3%; padding-left:1%;}
.info_one { width:96%;}
.company_con02 dt.tit3 { float:left;}
.company_con02 dd { margin-top:10px;}
#search-word { width:302px; margin-top:4px;}
/* ?��?? ?????? ????? ???? ???? */
}
/* 2016.07.08 ??? */
@media all and (min-width:649px) and (max-width:979px) {
.sns_slide_m {display:none;}
.tablet_area2 {display:block;}
.sns_slide_w {display:none;}
.dataSearchBox ul li .monthBtn .monthBox {display:none;}
.dataSearchBox ul li.SearchBoxRight {width:calc(100% - 267px);}
.dataSearchBox ul li.SearchBoxRight .input {margin-top:2px !important; width:calc(100% - 78px) !important;}
.dataSearchBox ul li.SearchBoxRight2 {width:calc(100% - 100px);}
.dataSearchBox ul li.SearchBoxRight2 .input {margin-top:2px !important; width:calc(100% - 79px) !important;}
.dataSearchBox ul li .monthBtn .monthBox { display:none;}
.tab2_con li {float:left; width:49.5%; height:49px; *height:41px; margin-right:1%;/* margin-bottom:10px; */}
.tab2_con li.on {background: url("./css/kor5/common/icon/tab_con2_on2.png") no-repeat center bottom;}
.tab2_con li.on a {background:#2475d0;}
/* 2018.01.04 ??? */
.tab3N_con li {float:left; width:33%; height:49px; *height:41px; margin-right:0.5%;/* margin-bottom:10px; */}
.tab3N_con li:last-child {margin-right:0;}
.tab3N_con li.on {background: url("./css/kor5/common/icon/tab_con2_on2.png") no-repeat center bottom;}
.tab3N_con li.on a {background:#2475d0;}
.mailFind01{width:280px; margin:0 auto 10px;}
.mailFind01:after{display:block; content:""; clear:both;}
.mailFind01>.mFtit01{float:left; width:120px; text-align:left;}
.mailFind01>.mFtit01>label{line-height:24px; height:24px;}
.mailFind01>.mFtit02{float:left; width:160px; text-align:left;}
.mailFind02{width:280px; margin:0 auto;}
.mailFind02:after{display:block; content:""; clear:both;}
.mailFind02>.mFtit01{float:left; width:120px; text-align:left;}
.mailFind02>.mFtit01>label{line-height:14px; height:14px;}
.mailFind02>.mFtit02{float:left; width:160px; text-align:left; margin-top:2px;}
.mailFind02>.mFtit03{float:left; width:110px; text-align:left; margin-left:0px !important;}
}
/* //2016.07.08 ??? */
@media all and (max-width:649px) {
.dataSearchBox ul li.SearchBoxLeft {float:none;}
.dataSearchBox ul li.SearchBoxRight {float:none; margin-top:10px; width:100%;}
.dataSearchBox ul li.SearchBoxRight .input {width:calc(100% - 60px) !important;}
.dataSearchBox ul li.SearchBoxRight2 {float:none; margin-top:10px; width:100%;}
.dataSearchBox ul li.SearchBoxRight2 .input {width:calc(100% - 59px) !important;}
.dataSearchBox ul li .monthBtn .monthBox { display:none;}
}
/*******************
Desktop
********************/
@media all and (min-width:980px){
/*common*/
caption {/*overflow:hidden; */ position:absolute; left:0; top:0; width:0; height:0; font-size:0; line-height:0;}
.table-unit .gu {margin-right:20px;}
.m_mt-5 {padding-top:0px; clear:none;}
.m_area {display:none;}
.web_area {display:inline-block; *zoom:1; *display:inline;}
.m_area2 {display:none;}
.tablet_area2 {display:none;} /* 2016.07.08 ??? */
.web_area2 {display:block;}
.img_mark {width:auto;}
.m_scrollBox {overflow-x:hidden;}
.m_btn {margin-top:0px; margin-bottom:0px; width:auto;}
.m_btn2 {margin-top:0px; width:auto;}
.m_btn3 {margin-top:0px; margin-bottom:0px; width:auto;}
/* title */
.tit {font-size:34px; padding-top:32px;}
.tit3 {font-weight:bold; font-size:24px;}
/* #content_area .sub_tit {padding-top:12px;} */
.ex_tit4 {font-size:24px; line-height:1.2;}
.ex_tit4 .fc-1 {font-size:24px;}
.ex_tit5 {font-size:30px; line-height:1.2;}
.ex_tit5 .fc-1 {font-size:30px;}
#question-search {padding:20px 0 0; border:1px solid #d5d5d5;}
#question-search-n {position:relative; height:90px; *height:47px; margin-top:15px; margin-bottom:40px; padding:38px 14px 0; text-align:center; background-color:#f9f9f9; border:1px solid #d5d5d5;}
#content_area #question-search.use-search {margin-left:98px; margin-right:98px;}
#content_area #question-search-n.use-search {margin-left:98px; margin-right:98px;}
.use-search select{width:120px;}
.use-search .input{width:540px;}
.btn_search2 input { margin-left:3px; padding:4px 24px 5px; *padding:2px 15px 5px; *vertical-align:middle;}
.use-search2 {margin-left:0px; margin-right:0px;}
.use-search2 .input{width:520px;}
#question-search2 {position:relative; margin-top:15px; padding:20px 14px 0; text-align:center; border:1px solid #d5d5d5;}
.use-search3 {height:67px; *height:47px; margin-left:0px; margin-right:0px;}
.use-search3 select {min-width:120px;}
.use-search3 .input{width:540px;}
.use-search3-btn {margin-top:0px; display:inline-block;}
/* tab_con product*/
.tab_con li {width:20%;}
.tab_con6 li.on {width:16.7%;}
.tab_con6 li {width:16.66%;}
.tab_con7 li {width:14.28%;}
.tab_con7 li.on {width:14.32%;}
.tab_con .sTxt {letter-spacing:0px; font-size:13px;}
/* tab2_con */
.tab2_con li {float:left; width:49.5%; height:49px; *height:41px; margin-right:1%;/* margin-bottom:10px; */}
.tab2_con li.on {background: url("./css/kor5/common/icon/tab_con2_on2.png") no-repeat center bottom;}
.tab2_con li.on a {background:#2475d0;}
/* tab3N_con 20180104 ??? */
.tab3N_con li {float:left; width:33%; height:49px; *height:41px; margin-right:0.5%;/* margin-bottom:10px; */}
.tab3N_con li:last-child {margin-right:0;}
.tab3N_con li.on {background: url("./css/kor5/common/icon/tab_con2_on2.png") no-repeat center bottom;}
.tab3N_con li.on a {background:#2475d0;}
.mailFind01{width:390px; margin:0 auto 10px;}
.mailFind01:after{display:block; content:""; clear:both;}
.mailFind01>.mFtit01{float:left; width:120px; text-align:left;}
.mailFind01>.mFtit01>label{line-height:24px; height:24px;}
.mailFind01>.mFtit02{float:left; width:160px; text-align:left;}
.mailFind02{width:390px; margin:0 auto;}
.mailFind02:after{display:block; content:""; clear:both;}
.mailFind02>.mFtit01{float:left; width:120px; text-align:left;}
.mailFind02>.mFtit01>label{line-height:14px; height:14px;}
.mailFind02>.mFtit02{float:left; width:160px; text-align:left; margin-top:2px;}
.mailFind02>.mFtit03{float:left; width:110px; text-align:left; margin-left:0px !important;}
/* tab3_con arrowTab 2 line*/
.tab3_con {position:relative; margin-top:10px; margin-bottom:10px; *margin-bottom:20px; overflow:hidden;}
.tab3_con.first {margin-top:30px;}
.tab3_con li {float:left; width:20%; height:82px; margin-bottom:10px;}
.tab3_con li a {display:block; font-size:16px; font-weight:bold; margin-left:-1px; padding:10px 10px 0; height:74px; *height:64px; text-align:center; border:1px solid #d6d6d6; background:#fff;}
/*20160211 ??? ?????? ???? font-size:16px; */
.tab3_con li.on {background: url("./css/kor5/common/icon/tab_con2_on2.png") no-repeat center bottom;}
.tab3_con li.on a {color:#fff; padding:11px 10px 0; *height:65px; border:0px;background:#2475d0;}
.tab3_con li.on a, .tab_con3 li a:hover {color:#fff; text-decoration:none;}
.tab3_con .txt1 {padding-top:23px !important; *height:54px;}
.tab3_con .txt2 {padding-top:12px !important; *height:54px;}
/*20160211 ??? ?????? ???? padding-top:20px; */
.tab3_con li.on .txt1 {*height:56px;}
.tab3_con7 li {width:14.2%;}
.tab3_con6 li {width:16.66%;}
/* tab4_con arrowTab 1 line*/
.tab4_con {position:relative; margin-top:10px; margin-bottom:10px; *margin-bottom:30px; overflow:hidden;}
.tab4_con.first {margin-top:30px;}
.tab4_con li {float:left; width:33.33%; *width:33.3%; height:54px; margin-bottom:10px;}
.tab4_con li a {display:block; margin-left:-1px; padding:8px 10px; font-size:18px; font-weight:bold; text-align:center; border:1px solid #d6d6d6; background:#fff;}
.tab4_con li.on {background: url("./css/kor5/common/icon/tab_con2_on2.png") no-repeat center bottom;}
.tab4_con li.on a {color:#fff; padding:9px 10px; border:0px;background:#2475d0;}
.tab4_con li.on a, .tab_con4 li a:hover {color:#fff; text-decoration:none;}
.tab4_con4 li {width:25%;}
.tab4_con2 li {width:50%;}
.tab4_con5 li {width:20%;}
.tab4_con6 li {width:16.66%;}
.tab4_con7 li {width:14.28%;}
.tab4_con8 li {width:12.5%;}
/* tab5_con tab in to the tab*/
.tab5_con {border-left:0px;}
.tab5_con li a {display:block; margin:0px; padding:8px 10px; font-weight:bold; font-size:14px; text-align:center; border:1px solid #d5d5d5; border-bottom:1px solid #0552a9; background:#f9f9f9;}
.tab5_con li.on a {color:#0552a9; padding:8px 10px; border:1px solid #0552a9; border-bottom:1px solid #fff; background:#fff;}
.tab5_con li.on a, .tab_cons li a:hover {color:#0552a9; text-decoration:none;}
.tab5_con3 li {width:33.3%;}
/* 20170105 ??? ???? CEO ????*/
.tab6_con {position:relative; margin-top:10px; margin-bottom:10px; *margin-bottom:20px; overflow:hidden;}
.tab6_con.first {margin-top:30px;}
.tab6_con li {float:left; width:20%; height:50px; margin-bottom:10px;}
.tab6_con li a {display:block; font-size:16px; font-weight:bold; margin-left:-1px; padding:10px 10px 0; height:43px; *height:64px; text-align:center; border:1px solid #d6d6d6; background:#fff;}
/*20160211 ??? ?????? ???? font-size:16px; */
.tab6_con li.on {background: url("./css/kor5/common/icon/tab_con2_on2.png") no-repeat center bottom;}
.tab6_con li.on a {color:#fff; padding:11px 10px 0; *height:65px; border:0px;background:#2475d0;}
.tab6_con li.on a, .tab_con3 li a:hover {color:#fff; text-decoration:none;}
.tab6_con .txt1 {padding-top:23px !important; *height:54px;}
.tab6_con .txt2 {padding-top:12px !important; *height:54px;}
/*20160211 ??? ?????? ???? padding-top:20px; */
.tab6_con li.on .txt1 {*height:56px;}
.tab6_con8 li {width:12.5%;}
/* tabs_con tab in to the tab*/
.tabs_con {border-left:0px;}
.tabs_con li a {display:block; margin:0px; padding:7px 10px; font-weight:bold; font-size:15px; text-align:center; border:1px solid #d5d5d5; border-bottom:1px solid #0552a9; background:#f9f9f9;}
.tabs_con li.on a {color:#0552a9; padding:8px 10px; border:1px solid #0552a9; border-bottom:1px solid #fff; background:#fff;}
.tabs_con li.on a, .tab_cons li a:hover {color:#0552a9; text-decoration:none;}
.page2 {display:none;}
.page {display:inline-block; vertical-align:top;}
.table-unit .tit3 {padding-right:150px;}
.table-unit .unit2 {position:absolute; right:0; bottom:0; margin-bottom:0px;}
..table-unit .newslist_unit {position:absolute; right:0; bottom:43px; margin-bottom:0px; }
.table .al {padding-left:15px;}
.table .ad {text-align:center;}
.table .ar {padding-right:10px;}
.table thead th {font-size:16px;}
.table2 thead th {font-size:16px;}
.table-list2 table {width:100%; letter-spacing:0px;}
#table-view {padding-bottom:30px;}
/* #table-view .title {padding-right:330px;} */
#table-view h4, #table-view .t {margin-right:330px;}
#table-view .view img {width:auto; max-width:980px;}
#table-view .view .movie-con {height:300px; margin-top:30px; *margin-bottom:30px;}
#table-view .view .movie-con .movie_txt {width:690px; *width:660px; height:100%;}
#table-view .view .movie-con .broadcast-list {width:280px; height:100%; margin-top:0px; position:absolute; top:0px; right:0px;}
.broadcast-list .broadcast-list-con {height:240px; *height:250px;}
/* newsroom view page font size */
#table-view .view p {padding:0px; font-size:15px; }
#table-view .view b {padding:0px; font-size:15px; }
#table-view .view strong {padding:0px; font-size:15px; }
#table-view .view span { padding:0px; font-size:15px; }
/* .table-left thead th {font-size:18px;} */
.table-left tbody th, .table-left tbody td {padding-left:30px; letter-spacing:0px;}
/* .email-list thead th {font-size:18px;} */
/* .table-relation thead th {font-size:18px;} */
.table-relation tbody th, .table-relation tbody td {padding-left:40px; letter-spacing:0px;}
.table-member select {width:130px;}
.table-member .txt {display:inline; padding-top:0px; margin-left:8px; font-size:13px; line-height:1.6;}
.table-member .email_select {margin-top:0px;}
.addr_txt input {width:450px;}
.table-member input.input2 {width:200px;}
/*.table-brand tbody th {font-size:18px;} */
/* board_write */
.board_write tbody th {padding-left:20px;}
/* board_write2 */
fieldset .board_write2 {margin-left:0px; margin-right:0px;}
.board_write2 tbody th {padding-left:20px;}
.board_write2 tbody td { padding-left:20px;}
.board_write2 .search-txt .input {width:250px; margin-right:20px;}
.board_write2 .search-chk {display:inline; margin-top:0px;}
.board_write2 .search-chk2 {overflow:hidden;}
.board_write2 .search-chk2 li {float:left; width:130px;}
.w-mt-10 {margin-top:10px;}
.community_area {top:16px;}
.community_area a.web_area2 {display:block;}
.community_area a.web_area3 {display:none;}
.btn_api, .btn_api.open {display:inline-block;}
.api_con {position:absolute; right:42px; top:0px; width:140px; background:#fff;}
.table-unit .community_area2 {clear:none; padding-top:0px;}
#faq-list {margin-left:0px; margin-right:0px;}
/*preNext*/
.preNext {margin:0px;}
.table_btn {display:inline-block; vertical-align:top; padding-top:0px;}
.email-list tbody th, .email-list tbody td {padding:10px 0 10px 15px; letter-spacing:0;}
.agree-box {width:100%; *width:98%; margin:20px 0px 10px;}
form > dl {margin-left:0px; margin-right:0px;}
form > dl .agree-box {margin-left:0px; margin-right:0px;}
.confirm_box {padding:90px 10px;}
.result-no2 {margin-top:20px; padding:200px 0;}
/* layer-popup*/
.layer-con {position:absolute; top:50%; left:50%; width:636px; height:auto;}
.layer-popup .pop_cont {height:auto; max-height:700px; overflow-y:auto;}
.layer-popup .address_area p {float:left; display:inline-block; width:94px; height:94px; background-color:#2475d0;}
.layer-popup .address_area ul {margin-left:94px; padding:18px 0 0 20px; height:94px; border:1px solid #d6d6d6; background-color:#f9f9f9;}
.layer-popup .address_area ul li { font-weight:bold;}
/******************************/
/*layout*/
#skip-go {display:block;}
#skip-go dt {position:absolute; top:0; left:-1000px;}
#skip-go dd a {display:block; font-weight:bold; position:absolute; top:0; left:-1000px; font-size:120%; text-align:center; background-color:#000; z-index:1000;}
#skip-go dd a:hover,
#skip-go dd a:active,
#skip-go dd a:focus{left:0; height:40px; width:100%; line-height:40px; color:#fff !important;}
/* top */
.sub_top {left:50%; bottom:0; margin-left:500px;}
.wrap {width:100%; /* min-width:980px; */}
#header {height:auto;/* height:100px !important; */}
.header_top {display:block; position:relative; height:30px; background-color:#000; z-index:101;}
.header_topCon {position:relative; width:980px; margin:0 auto;}
.sns_area {float:left; position:relative;/* padding-top:4px; */ width:330px;}
.sns_area a {display:inline-block; vertical-align:top; padding:5px 7px 0 0; margin-right:5px; background:url("./css/kor5/common/gnb/sns_line.gif") no-repeat right 11px;}
.sns_area a img {width:auto; height:20px;}
.utilLink {position:absolute; right:0px; top:3px; color:#9d9d9d; padding-right:80px;}
.utilLink > a {display:inline-block; color:#9d9d9d; font-size:12px; padding-right:12px; margin-right:12px; background:url("./css/kor5/common/gnb/sns_line.gif") no-repeat right 7px;}
.utilLink > a:hover, .utilLink > a:active, .utilLink > a:focus {color:#fff; text-decoration:none;}
.global_site {position:absolute; right:0px; top:0px; z-index:1012;}
.global_site dl {width:85px; height:32px; background:none; z-index:1012;}
.global_site dd {display:none;}
.global_site dd ul {position:absolute; top:30px; left:0; width:85px; border:1px solid #bbb; border-top:none; background-color:#fff; z-index:1012;}
.global_site dd li {padding:1px 0 1px 8px;}
.global_site dd li a {color:#555; font-size:11px; text-decoration:none;}
.global_site dd li:hover, .global_site dd li:active, .global_site dd li:focus {background-color:#2475d0;}
.global_site dd li:hover a, .global_site dd li:active a, .global_site dd li:focus a {color:#fff;}
.global_site .open, .global_site .close {display:block; color:#9d9d9d; font-weight:bold; padding-left:8px; height:24px;}
.global_site .open {background:url("./css/kor5/common/btn/btn_globalSite_open.gif") no-repeat right 6px;}
.global_site .close {background:url("./css/kor5/common/btn/btn_globalSite_open.gif") no-repeat right 6px;}
#laypopup .box {display:block;}
#laypopup .box .txt p.contents {display:block; margin-top:10px; color:#1f5491; font-weight:bold;}/* 170322 color:fff ????, font-weight:bold;??? */
#laypopup .box .tit p.contents img { display:block;}
#laypopup {background-color:#8ac6e9; height:76px; position:relative; z-index:300;}/*170322 background-color:#5191d9; ????, 170324 z-index:300; ??? position:relative;???? */
#laypopup .box {width:980px; height:76px; margin:0 auto; position:relative;}
#laypopup .box .pop_contents {overflow:hidden; margin-left:169px;}
#laypopup .box .tit_m{display:none;}/
#laypopup .box .tit {float:left; color:#fff; padding:8px 41px 0px 0px; display:block;}
#laypopup .box .tit p.title {font-size:15px; color:#fff; letter-spacing:-0.8px;}
#laypopup .box .tit p.contents {font-size:12px; color:#fff; margin-left:100px; } /*margin-top:-5px*/
/*#laypopup .box .tit a {display:inline-block; margin-top:2px; padding:2px 4px 3px 4px; font-size:10px; color:#fff; border:1px solid #fff; letter-spacing:-0.5px; line-height:1;}*/
#laypopup .box .tit a:hover {text-decoration:none;}
#laypopup .box .tit1 {float:left; color:#fff; padding-top:8px; padding-left:43px; background:url("./css/kor5/common/icon/bg_stick.png") no-repeat left 20px;}
#laypopup .box .tit1 p.title {font-size:15px; color:#fff; letter-spacing:-0.8px;}
#laypopup .box .tit1 p.contents {font-size:12px; color:#fff; padding:2px 0 3px 0;}
#laypopup .box .tit1 a {display:inline-block; margin-top:2px; padding:2px 4px 3px 4px; font-size:10px; color:#fff; border:1px solid #fff; letter-spacing:-0.5px; line-height:1;}
#laypopup .box .tit1 a:hover {text-decoration:none;}
#laypopup .box p.close {font-size:12px; color:#ffffff; line-height:1.3; letter-spacing:-0.5px; display:block; position:absolute; bottom:5px; right:0px;}
#laypopup .box p.close img {cursor:pointer;}
#laypopup .box p.close .back img {width:37px; height:18px;}
#laypopup .box .txt{ float:right; display:block; padding-top:2px; margin-right:125px;} /* adding-top: 5px; margin-right:127px; */
#laypopup .box .txt p.title{ color:#fff; height:16px; letter-spacing:-0.5px; padding-top:3px;}
#laypopup .box .txt p.contents a {font-size:12px; color:#fff; height:24px; line-height:1.5; letter-spacing:-0.5px; padding-top:3px; display:inline-block; border:1px solid #fff; padding:2px 12px; margin-top:3px;}
#laypopup .box .tit p.contents a {font-size:12px; color:#fff; height:24px; line-height:1.5; letter-spacing:-0.5px; display:inline-block; z-index:999;}/*170323 z-index:999; ???*/ /* padding-top:3px;*/
#laypopup .box .txt p.contents a:hover { text-decoration:underline; }
#laypopup .box .txt p.contents span{ font-size:12px; color:#fff; height:12px; line-height:1.2; letter-spacing:-0.5px;}
#laypopup .box .txt p.close{font-size:12px; color:#46484c; line-height:1.3; letter-spacing:-0.5px; margin-top:-10px; float:right; display:block; z-index:9999;} /* 170308 ???? margin-left:222px; , 170322 color:#fff; ???? 170323 z-index:999; ???*/
#laypopup .box .txt p.close img { cursor:pointer;}
#laypopup .box .txt p.close .back img { width:37px; height:18px; }
#laypopup_m {display:none;}
/* gnb */
.gnb_area {position:relative; top:0px; width:980px; height:70px; margin:0 auto; border-bottom:none; background-color:transparent;}
.logo {left:0px; top:21px; margin-left:0px; /*top:17px;*/ background-color:}
.gnb {display:block; position:relative; margin-left:105px; margin-right:110px;}
.gnb > li {float:left; position:relative; padding:21px 15px 0 35px;}
.gnb > li > a {display:block; font-size:15px; padding-bottom:10px; color:#222; font-weight:bold; letter-spacing:-1px;}
.gnb > li:hover > a, .gnb > li:active > a, .gnb > li.active > a, .gnb > li:focus > a {color:#2475d0; text-decoration:none; border-bottom:4px solid #2475d0;}
.gnb_sub {display:none; position:absolute; left:16px; padding-top:11px; width:350px; height:370px; z-index:20;}
.gnb > li:last-child > .gnb_sub {right:0px;}
.gnb_sub > li > a.on {background:#fff url("./css/kor5/common/gnb/gnb_arrow.png") no-repeat 143px center;}
.gnb_sub > li.active > a {color:#fff; background-color:#2475d0;}
.gnb_sub > li.active > a.on {background:#2475d0 url("./css/kor5/common/gnb/gnb_arrow_on.png") no-repeat 143px center;}
.gnb_sub > li > a {display:block; width:160px; *width:135px; padding:6px 10px 7px 15px; font-size:14px; color:#555; letter-spacing:-1px; border-left:1px solid #ccc; border-right:1px solid #ccc; background-color:#fff;}
.gnb_sub > li:last-child > a {border-bottom:1px solid #ccc;}
.gnb_sub > li > a:hover, .gnb_sub > li > a:active, .gnb_sub > li > a:focus {color:#fff; background-color:#2475d0; text-decoration:none; }
.sub-menu {position:absolute; left:160px; top:auto; width:190px; border-bottom:1px solid #ccc;}
.sub-menu ul {height:100%; background-color:#fff; margin-top:-35px; border-top:1px solid #ccc;}
.sub-menu a {display:block; color:#555; font-size:14px; padding:6px 10px 7px 15px; letter-spacing:-1px; margin-left:-1px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.sub-menu a:hover, .sub-menu a:active, .sub-menu a:focus {color:#2475d0; text-decoration:underline;}
/*************/
.btn_nav {top:14px; left:auto; right:42px; width:37px; border:1px solid #e3e3e3; z-index:19;}
.btn_nav2 {display:none;}
.btn_nav1 {display:inline-block; position:absolute; top:14px; left:auto; right:42px; width:38px; border:1px solid #e3e3e3;}
.btn_nav1.close {display:none; border:1px solid #2475d0;}
.all_menu {display:none; position:absolute; left:0px; top:70px; width:980px; height:600px; border:1px solid #bbb; border-top:0px; background:#fff;}
.all_menu > .btn-all_menu {position:absolute; right:20px; top:8px; color:#2475d0;}
.btn-all_menu.open {display:block; padding-right:18px; background:url("./css/kor5/common/icon/icon_allMenu_view.gif") no-repeat right 8px;}
.btn-all_menu.close {display:none; padding-right:18px; background:url("./css/kor5/common/icon/icon_allMenu_close.gif") no-repeat right 8px;}
.all_menu > div {margin-top:35px; width:100%; height:563px; overflow-y:auto;}
.all_menu > div > ul {padding:0px 8px 28px 18px;}
.all_menu > div > ul > li {float:left; width:205px; margin-left:38px;}
.all_menu > div > ul > li:first-child {margin-left:0px;}
.all_menu > div > ul > li > a {display:block; font-weight:bold; font-size:16px; padding:6px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.all_menu .menu_sub {margin-top:5px;}
.all_menu .menu_sub li {padding-top:3px;}
.all_menu .menu_sub > li > a { font-weight:bold;}
.all_menu .menu_sub_con {margin-left:5px; margin-bottom:3px;}
.all_menu .menu_sub_con li a {padding-left:8px; font-size:12px; color:#555; background:url("./css/kor5/common/icon/icon_menu_sub_con.gif") no-repeat left 6px;}
.all_menu .menu_sub_con li a:hover, .all_menu .menu_sub_con li a:active, .all_menu .menu_sub_con li a:focus {color:#2475d0; text-decoration:underline;}
.all_menu2 {display:none;}
.all_menu2 .btn_nav2.close {display:block;}/*150803 ???*/
.nav {display:none;}
.search_area {width:980px; left:50%; top:100px; margin-left:-490px;}
.search_con {width:80%;}
.btn_search {top:14px; width:38px; border:1px solid #e3e3e3;}
.search_area .search-btn {position:relative; margin-top:30px; width:60px;}
.bg_hatched {position:static;}
#content_area .bg_hatched img {position:static; top:0px;}
.ex_tit1.first_02 {padding-top:70px;}
/* contents */
#contents {padding-top:100px;}
/* location */
.localNav {width:980px; margin:0 auto;}
.localNav > p {padding:0 15px; border-left:1px solid #ddd;}
.localNav .localNav_1 {display:block; border-left:0px;}
.menuLink > a {padding:9px 15px 8px; font-size:13px; letter-spacing:0px;}
.menuLink .menu {max-height:350px;}
.menuLink .menu li a {padding:8px 15px; font-size:13px; letter-spacing:0px;}
/* .localNav_1 > p,
.localNav_1 > p > span {float:left; margin:0 7px;}
.localNav .sp_home {width:15px; padding-top:4px;margin:0px 7px 0 12px; padding-top:13px;} */
/* content_area */
#content_area img {width:auto; }
#content_area {width:980px; margin:0 auto; }
#content_area > p, #content_area > div, #content_area > h4, #content_area > h5, #content_area > h6, #content_area > ul, #content_area > ol, #content_area > span, #content_area > dl,
#content_area fieldset > p, /* #content_area fieldset > div, */ #content_area form > div
{/* padding-left:0px; padding-right:0px; */ margin-left:0px; margin-right:0px;}
/* story (????? ???? ???? ?????) */
.news_story {height:110px; border:1px solid #d5d5d5; padding:10px;} /* margin:-23px; ???? 170418 */
.news_story img { margin:12px 38px 0 24px; float:left; position:static;}
.story_w { font-weight:bold;}
.w_txt { font-size:15px; color:#05699d;}
.w_txt_p { font-weight:bold; margin:0; }
.h3_area {height:113px; *height:112px; border-bottom:1px solid #bebebe;}
.sub_visual1 {height:113px; background:url("./css/kor5/common/visual/visual1.gif") no-repeat right bottom;}
.sub_visual2 {height:113px; background:url("./css/kor5/common/visual/visual2.gif") no-repeat right bottom;}
.sub_visual3 {height:113px; background:url("./css/kor5/common/visual/visual3.gif") no-repeat right bottom;}
.sub_visual4 {height:113px; background:url("./css/kor5/common/visual/visual4.gif") no-repeat right bottom;}
.sub_visual5 {height:113px; background:url("./css/kor5/common/visual/visual5.gif") no-repeat right bottom;}
.sub_visual6 {height:113px; background:url("./css/kor5/common/visual/visual6.gif") no-repeat right bottom;}
.sub_visual7 {height:113px; background:url("./css/kor5/common/visual/visual7.gif") no-repeat right bottom;}
.sub_visual8 {height:113px; background:url("./css/kor5/common/visual/visual8.gif") no-repeat right bottom;}
.sub_visual10 {height:113px; background:url("./css/kor5/common/visual/visual9.gif") no-repeat right bottom;}
/* ??????? ?????? */
.ir_style01 { background:#f3f3f3; border:1px dashed #d6d6d6; text-align:center; margin-top:20px; padding-top:10px; padding-bottom:20px; }
.plus a { display:block;}
.plus {width:90px; margin:0 auto;}
#table-view .view .plus img {width:80px; height:30px; margin:10px 0 0 18px; }
.plus_one {line-height:22px; margin-left:8px;}
/* footer */
.footer {background:#fff url("./css/kor5/common/footer/bg_footer.gif") repeat-x left top;}
.footer_con {width:980px; margin:0 auto; padding-bottom:30px;}
.sns_area2 {display:none;}
.footer_menu {display:block; float:left; padding-top:12px; height:44px; overflow:hidden;}
.footer_menu li {float:left;}
.footer_menu a {display:block; padding-right:10px; margin-right:10px; color:#7f7f7f; background:url("./css/kor5/common/gnb/sns_line.gif") no-repeat right 7px;}
.footer_menu a:hover, .footer_menu a:focus, .footer_menu a:active {color:#fff;}
.linkSelect {position:absolute; *top:0px; right:0px; width:200px; z-index:20;}
.linkSelect .open {background: url("./css/kor5/common/icon/icon_open2.png") no-repeat right center;}
.linkSelect .close {background:#2475d0 url("./css/kor5/common/icon/icon_close2.png") no-repeat right center;}
.family_site {right:200px; border-bottom:0px; z-index:20;*position:relative; *right:-87px;}
.linkSelect > dl > dd {position:absolute; left:0px; bottom:45px; padding:0px; border:0px;}
.linkSelect .close {/* position:absolute; top:auto; bottom:-45px; left:0px; */ color:#fff; background-color:#2475d0;}
.linkSelect > dl > dd > div {position:absolute; bottom:0px; width:980px; padding:25px 0px; border:1px solid #bbb; background-color:#fff;}
.linkSelect .tit2 {display:block; font-weight:bold; font-size:26px; color:#2475d0; padding-left:20px;}
.family_site > dl > dd > div {left:-580px;}
.family_sns > dl > dd > div {left:-780px;}
.linkSelect > dl > dd > div p {font-size:13px; padding-left:20px; margin-bottom:0px;}
.family_site > dl > dd > div dl {float:left; width:14.28%; *width:12%; height:220px; margin-top:40px; padding-left:20px; border-bottom:0px; border-right:1px solid #e4e4e4;}
.family_site > dl > dd > div dl:first-of-type {border-left:0px;}
.family_site > dl > dd > div dl dt {margin-top:0px; margin-bottom:10px;}
.family_site > dl > dd > div dl dt img { width:auto;}
.family_site > dl > dd > div dd a {display:block; margin-top:3px;}
.family_site > dl > dd > div dl dd a {background:none;}
.linkSelect > dl > dd .close2 {display:block; position:absolute; top:0px; right:0px;}
.linkSelect > dl > dd .close2 img {width:38px;}
.family_sns > dl > dd > div dl {float:left; width:32.5%; *width:30.5%; height:220px; margin-top:40px; padding-left:25px; border-right:1px solid #e4e4e4;}
.family_sns > dl > dd > div dl dt {width:130px; *width:120px; padding:7px 0 15px 10px; font-size:16px; background:url("./css/kor5/common/icon/blt_gray.gif") no-repeat left 18px;}
.family_sns > dl > dd > div dl dd {padding-bottom:15px; text-align:right; padding-right:25px;}
.family_sns > dl > dd > div dl dd img {width:37px;}
.serviceLink {padding:15px 0 0; *padding-top:5px;}
/* .serviceLink > .tit2 {display:none;} */
.serviceLink > ul {margin-top:0px;}
.serviceLink > ul li a {padding-right:10px; margin-right:10px; color:#222;}
.addr {padding:8px 0 0;}
.addr .tit2 {display:none;}
.addr p, .addr p span, .copyright {color:#555;}
.addr p span {display:inline; margin-left:10px; padding-left:10px; background:url("./css/kor5/common/footer/addr_line.gif") no-repeat left 2px;}
.f_area {display:block; margin-top:12px;}
/* .sustain_bn */
.sustain_bn ul {width:980px; margin:0 auto;}
.sustain_bn li {text-align:left; height:auto;}
.sustain_bn li span {display:inline-block; font-size:13px; padding:15px 0 0 10px;}
/*160524 ???? ?????? ???*/
.linkSelect .family_ico_01 img {padding:0px; width:24px; height:20px; padding-top:3px;}
.linkSelect .family_ico_02 img {padding:0px; width:24px; height:20px; padding-top:3px;}
.linkSelect .family_ico_03 img {padding:0px; width:30px; height:20px; padding-top:3px;}
.linkSelect .family_ico_04 img {padding:0px; width:23px; height:20px; padding-top:3px;}
.linkSelect .family_ico_05 img {padding:0px; width:25px; height:20px; padding-top:3px;}
.linkSelect .family_ico_06 img {padding:0px; width:24px; height:20px; padding-top:3px;}
.linkSelect .family_ico_07 img {padding:0px; width:24px; height:20px; padding-top:3px;}
#news_table_w { margin-top:58px;}
.news_dl { margin-top:58px;}
/*161019 ?????? ????? ?? ???a ????*/
.word-box { margin-bottom:6px;}
.date_search {float:left; margin-right:15px; margin-top:4px; margin-left:0; }
.date_search .date_sort {background:#fff; width:48px; height:24px; border:1px solid #d5d5d5; margin-right:1px; font-size:12px; display:inline-block;}
.word-box label {position:absolute; top:20px; left:12px; font-size:14px; margin-left:0;}
.search_r { width:47%; float:left; padding-left:0;}
#question-search-n .input { width:81%; margin-top:4px;}
.date_picker_area input { width:130px;}
span.date_sort a {display:inline-block; width:48px; height:24px; }
span.date_sort a:focus{outline:none; border:1px solid #0551a7; color:#0551a7; text-decoration:underline; }
span.date_sort a.btn-on { border:1px solid #0551a7; color:#0551a7; text-decoration:underline; }
/*161108 ??????? ???? */
.direct_w, .risk_1_1, .risk_1_2, .risk_2_1, .able_07, .able_07_02, .grp_vision01, .environment_group, .administration02, .present_1, .climate01, .climate02, .climate03, .accompany_growth, .grp_ceo, .safe02, .nurture_system { display:block;}
.direct_m, .risk_1_1_m, .risk_1_2_m, .risk_2_1_m, .able_07_m, .able_07_02_m, .grp_vision01_m, .environment_group_m, .administration02_m, .present_1_m, .climate01_m, .climate02_m, .climate03_m, .accompany_growth_m, .grp_ceo_m, .safe02_m, .nurture_system_m { display:none; }
.boxsize { margin-right:0px; margin-left:0px;}
}
@media print{
#header, .localNav_area, .footer {display:none;}
#contents {padding:0;border:0;}
body {border:0;}
.h3_area {display:none;}
#content_area {width:1000px;}
}
/* 2016.10.18 ???*/
.stick {padding-left:29px; background:url("./css/kor5/common/icon/pop_bullet.jpg") no-repeat 17px 10px;}
.star_1 {padding-left:10px; background:url("./css/kor5/common/icon/pop_star_1.jpg") no-repeat 2px 7px;}
.star_2 {padding-left:10px; background:url("./css/kor5/common/icon/pop_star_2.jpg") no-repeat 2px 7px;}
/* 2016.10.21 ???*/
.stick2 {padding-left:29px; background:url("./css/kor5/common/icon/pop_bullet.jpg") no-repeat 17px 10px;}
.stick3 {padding-left:35px; background:url("/images/kor5/common/icon/b_dot.gif") no-repeat 27px 10px;}
/* 2017.01.12 ???*/
.fileDown {overflow:hidden; margin-bottom:30px; padding:10px 0 11px 0; border-top:1px solid #d6d6d6; border-bottom:2px solid #0552a9;}
.fileDown .fileDown_tit {float:left; padding-right:10px; font-weight:bold; font-size:16px; }
.fileDown .fileDown_file {float:left;}
.fileDown .fileDown_file ul {overflow:hidden; padding-left:5px; background:url(/images/kor5/common/icon/bar_gray.gif) no-repeat 0px 7px;}
.fileDown .fileDown_file ul li {padding:3px 6px 0 6px;}
.fileDown .fileDown_file ul li a {padding-left:19px; background:url(/images/kor5/common/icon/ico_notice_file.png) no-repeat 0px 1px;}
/* 2017.05.31 ??? css */
#content_areaN{position: relative; padding-bottom: 40px; padding-top: 41px;}
#content_new{}
#wrapNews{background:url('/images/kor5/common/newsRoomImg/main_bg.jpg') center center no-repeat; background-size:cover; height:auto;}
/* ???? ???? */
.conN_head{max-width:980px; margin:0 auto; width:100%;}
.headText_n{letter-spacing:-1.5625px; text-align:center;}
.headText_n>h2{font-size:2.375rem; font-weight:bold;}
.headText_n>p{font-size:1.125rem;}
/* ???? ????? */
.mainV_wrap{width:100%; padding:2.042% 0;}
.mainV_wrap:after{display:block; content:""; clear:both;}
.mainV_L{float:left; width:49.38775510204082%;}
.newsBox{position:relative; overflow:hidden;}
.newH_c01{background-color:#076a9e;}
.newH_c02{background-color:#4f2297;}
.newH_c03{background-color:#2ab1c5;}
.newH_c04{background-color:#5b78c6;}
.newsBox .headT{position:absolute; top:0; left:0; padding:1.036% 2.89256198347107%; color:#fff; font-weight:bold; font-size:0.875rem; z-index:1;}
.newsBox>p>img{max-width:100%; width:100%; height:100%;}
.newsBox .main_tt{position:absolute; width:100%; bottom:0; left:0; background-color:rgba(0,0,0,0.5); }
.newsBox .main_tt span{color:#fff; font-size:1.25rem; display:block; padding:1.035% 2.067%;}
.newsBox a:hover>p.main_tt{text-decoration:underline; color:#fff;}
.mainV_R{float:right; width:49.38775510204082%;}
.newsR_up{width:100%;}
.newsR_down{width:100%; margin-top:2.4%;}
.newsR_up:after{display:block; content:""; clear:both;}
.newsR_down:after{display:block; content:""; clear:both;}
.newsBox02{position:relative; width:50%; overflow:hidden;}
.newsBox02 .headT{position:absolute; top:0; left:0; padding:2.12% 5.935%; color:#fff; font-weight:bold; font-size:0.875rem; z-index:1;}
.newsBox02>p>img{max-width:100%; width:100%; height:100%;}
.newsBox02 .main_tt{position:absolute; width:100%; bottom:0; left:0; background-color:rgba(0,0,0,0.5); }
.newsBox02 .main_tt span{color:#fff; font-size:0.75rem; display:block; padding:2.12% 3.82%;}
.newsBox02 a:hover>p.main_tt{text-decoration:underline; color:#fff;}
.newsBoxWrap:hover .mouseScale img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s;}
.newsBoxWrap .mouseScale img{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s;}
.nb_left{float:left; width:48.7603305785124%;}
.nb_right{float:right; width:48.7603305785124%;}
.textBodoBox{}
.textBodo{}
.textBaro01{float:left; width:47.45762711864407%;}
.textBaro02{float:right; width:47.45762711864407%;}
.textBodoBox:after{display:block; content:""; clear:both;}
.textBaro03{width:100%; padding-top:4.665%;}
.textBodo>a>img{width:100%; max-width:100%;}
.textBodo .tB_img02{display:none;}
#conN_contents{}
#conN_contents02{max-width:980px; margin:0 auto; width:100%;}
/* ?��?? ???? ?? ??? ??? */
.news_choiceBoxWrap{}
.news_choiceBox{margin:2.041% auto 0; max-width:980px; width:100%; border-bottom:3px solid #0552a9; padding-bottom:1.021%;}
.news_choiceBox:after{display:block; content:""; clear:both;}
.seleBoxN{float:left; width:24.28571428571429%;}
.seleBoxN:after{display:block; content:""; clear:both;}
.select_groupsN02{width:71.42857142857143%; height:30px; box-sizing:border-box; vertical-align:bottom; float:left; font-size:0.8125rem;}
.btn_grayN{float:right;width:26.89075630252101%; height:30px; line-height:30px; text-align:center; display:inline-block; font-weight:bold; color:#fff; border:1px solid #707580; background:#707580; font-size:0.8125rem;}
.btn_grayN:hover{float:right;width:26.89075630252101%; height:30px; line-height:30px; text-align:center; display:inline-block; font-weight:bold; color:#fff; border:1px solid #707580; background:#707580; font-size:0.8125rem;}
.news_li_wrapN{float:right;}
.list_pageN {}
.list_pageN:after{display:block; content:""; clear:both;}
.list_pageN li{float:left;}
.list_pageN .news_searchN{margin-left:5px;}
.list_pageN li a img {width:100%; max-width:100%;}
.searchN_on{display:none;}
.news_li_wrapN02{float:right; display:none;}
/* ???? ??? ????*/
.dataSearchBoxWrap{max-width:980px; width:100%; margin:0 auto;}
.dataSearchBoxN{border:1px solid #d5d5d5;}
.dataSearchBoxNdel{display:none;}
.searchTopBoxN{position:relative;}
.search_closeBtn{position:absolute; right:-1px; top:-1px;}
.search_closeBtn a img{width:100%; max-width:100%;}
.SearchBoxTitleN{margin-top:2.045%; margin-left:1.535%}
.dataSearchBoxN .SearchBoxTitleN label{color:#222; font-weight:bold; font-size:0.8125rem;}
.searchDownBoxN{padding:1.535% 1.535% 0.2%;}
.searchDownBoxN:after{display:block; content:""; clear:both;}
.SearchBoxLeftN{float:left; width:21.72995780590717%;}
.SearchBoxLeftN li{width:23.30097087378641%; text-align: center; display: inline-block; border:solid 1px #d5d5d5; height: 24px;}
.SearchBoxLeftN li a{font-size:0.8125rem;}
.SearchBoxMidN{float:left; width:28.482%; margin-left:0.5%;}
.SearchBoxMidN:after{display:block; content:""; clear:both;}
.SearchBoxMidN p{display:inline-block; width:46.51162790697674%; position:relative; float:left;}
.SearchBoxMidN span{display:inline-block; width:6.5%; float:left; text-align:center;}
.SearchBoxMidN p input{width:100%;}
.SearchBoxRightN{float:left; width:47.996%; margin-left:1.2%;}
.SearchBoxRightN:after{display:block; content:""; clear:both;}
.SearchBoxRightN .text_search2N{float:left; width:82.47863247863248%; position:relative;}
.SearchBoxRightN .text_search2N>input{width:100%;}
.SearchBoxRightN .btn_search2N{float:right; width:16.17977528089888%;}
.SearchBoxRightN .btn_search2N input{display:inline-block; cursor:pointer; height:24px; line-height:10px; width:100%; color:#fff; vertical-align:top; border:0px; background:#707580;}
/* ????? ???? */
.newsThumbnail{display:none; width:100%; max-width:995px; margin:0 auto;}
.newsThumBox{width:100%;}
.newsThumBox:after{display:block; content:""; clear:both;}
.newsThumBox li{float:left; width:32.04081632653061%; margin:20px 0.64% 0; border:solid 1px #ccc; box-sizing:border-box;}
.newsThumBox li img{width:100%; max-width:100%;}
.newsThumBox li p{padding:2.565% 3.21%; width:100%; height:75px; position:relative;}
.newsThumBox li a{color:#222}
.newsThumBox li a:hover .thumText strong{color:#0552a9;}
.newsThumBox li a:hover>p.thumText>span{color:#0552a9;}
.newsThumBox li a:hover{color:#0552a9;}
.newsThumBox li a>p>strong{font-size:0.875rem;}
.newsThumBox li a>p>span{}
.newsThumBox li span{display:block; text-align:right; position:absolute; right:2.565%; bottom:3.21%;}
.newsThumBox .newsTs01{margin-left:0px;}
/* ????? ???? */
.news_design{border-top:none !important; border-bottom:none !important; margin:0% !important;}
/* ??????_??????? 20171024 open */
#wrapEt{margin-top:15px;}
#headerEt{border-bottom:#0553a8 solid 3px;}
#headerEt>h5{padding:0px 0 10px 0;}
#contentsEt{margin-top:33px;}
.tConentsEt{}
.conTitEt{font-size:0.875rem; font-weight:bold;}
.etBox01{margin-top:15px; width:100%; overflow:hidden;}
.etBox01:after{display:block; content:""; clear:both;}
.etBox01>li{width:31.93877551020408%; float:left; margin-left:2.09183673469388%}
.etBox01>li:first-child{margin-left:0%}
.etBox01>li>img{width:100%; max-width:100%;}
.etBox01>li>span{display:inline-block; border:solid 1px #d6d6d6; text-align:center; width:100%; font-size:1rem; font-weight:bold; padding:11px 0px;}
.bContentsEt{margin-top:33px; display:block;}
.etBox02{margin-top:15px; width:100%; overflow:hidden;}
.etBox02:after{display:block; content:""; clear:both;}
.etBox02>li{width:23.46938775510204%; float:left; margin-left:2.040816326530613%; border:solid 1px #d6d6d6;}
.etBox02>li:first-child{margin-left:0%}
.etBox02>li>img{width:100%; max-width:100%;}
.etBox02>li>span{display:inline-block; text-align:center; width:100%; font-size:1rem; font-weight:bold; padding:11px 0px;}
.bContentsEt_M{display:none;}
/* ??????_??????? 20171024 close */
/* ??????_???? 20171026 open */
#wrapEmBg{ background:url('/homepage/images/kor5/company/ethicsImg/ethics_bg.jpg') no-repeat center center; background-size:cover; margin-top:35px;}
#wrapEm{width:100%; margin:0 auto; max-width:980px; padding-bottom:20px;}
#headerEm{text-align:center; font-weight:bold; padding-top:1px;}
#headerEm>h5{font-size:2.5rem; letter-spacing:-0.05rem;}
#headerEm>p{font-size:1.4375rem; margin-top:-10px;}
#contentsEm{margin-top:8px;}
.conEm01{}
.conEm01>p{font-size:1.1875rem; font-weight:bold; letter-spacing:-0.05rem;}
.conEmBoxWrap{width:100%; box-sizing:border-box; margin-top:5px;}
.conEmBoxWrap:after{display:block; content:""; clear:both;}
.conEmBox{border:solid 1px #cdcdcd; width:32.45%; float:left; box-sizing:border-box; margin-left:1.3%; background-color:#fff;}
.conEmBox:first-child{margin-left:0%;}
.conEmBox>p{letter-spacing:-0.05rem; font-size:1rem; font-weight:bold; padding:13px 0px 13px 20px; border-bottom:solid 1px #cdcdcd; box-sizing:border-box; background-color:#f9f9f9;}
.conEmtext{padding:15px 0 15px 90px;}
.conEmtext>p{font-size:0.8125rem; letter-spacing:-0.05rem;}
.conEmtext>a{padding:8px 20px; border:solid 1px #cdcdcd; display:inline-block; margin-top:15px; letter-spacing:-0.05rem; background-color:#fff; font-weight:bold;}
.cEimg01{background:url('/homepage/images/kor5/company/ethicsImg/ethicsMainIcon01.jpg') no-repeat 17px 27px;}
.cEimg02{background:url('/homepage/images/kor5/company/ethicsImg/ethicsMainIcon02.jpg') no-repeat 17px 27px;}
.cEimg03{background:url('/homepage/images/kor5/company/ethicsImg/ethicsMainIcon03.jpg') no-repeat 17px 27px;}
.conEm02{width:100%; box-sizing:border-box; margin-top:10px;}
.conEm02:after{display:block; content:""; clear:both;}
.conEmBox02{width:32.45%; float:left; margin-left:1.3%;}
.conEmBox02:first-child{margin-left:0%;}
.conEmBox02>h6{font-size:1.1875rem; font-weight:bold; letter-spacing:-0.05rem;}
.comEmLiBox{border:solid 1px #cdcdcd; margin-top:5px;}
.comEmLiBox>p>img{width:100%;}
.comEmLink{width:100%; background-color:#fff;}
.comEmLink:after{display:block; content:""; clear:both;}
.comEmLink>a{display:inline-block; float:left; width:50%; padding:10px 0px 10px 10px; background:url('/homepage/images/kor5/company/ethicsImg/ethicsMainBulOff.jpg') no-repeat; box-sizing:border-box; background-position:92% 53%; font-size: 1rem; font-weight: bold;}
.comEmLink>a:hover{background:url('/homepage/images/kor5/company/ethicsImg/ethicsMainBulOn.jpg') no-repeat; box-sizing:border-box; background-position:92% 53%;}
.comEmLink>a:last-child{border-left:solid 1px #cdcdcd;}
/* ??????_???? 20171026 close */
/* ???????? ??? 990 */
@media all and (max-width:990px){
/* ???? ???? */
.headText_n{margin:0% 1% 0% 1%;}
/* ???? ????? */
.mainV_wrap{width:98%; margin:0 1%; }
.news_choiceBoxWrap{margin:2.041% 0.8% 0% 0.8%;}
.news_choiceBox{}
/* ???? ??? ????*/
.dataSearchBoxWrap{}
.dataSearchBoxN{margin:0 0.8%;}
.SearchBoxLeftN{display:none;}
.SearchBoxMidN{width:27.96%;}
.SearchBoxRightN{width:70.34%;}
/* ????? ???? */
.news_design{margin:0 1% !important;}
/* ??????_???? 20171026 open */
#wrapEm{width:100%; margin:0 auto; max-width:980px; padding: 0 14px 45px 14px;}
/* ??????_???? 20171026 close */
}
/* ???????? ??? 940 */
@media all and (max-width:940px){
/* ??????_???? 20171026 open */
#wrapEm{max-width:940px;}
.conEmBox{width:49%; float:left; box-sizing:border-box; margin-left:2%; background-color:#fff;}
.conEmBox:first-child{margin-left:0%;}
.conEmBox:last-child{margin-left:0%; margin-top:2%;}
.conEmBox02{width:49%; float:left; margin-left:2%;}
.conEmBox02:first-child{margin-left:0%;}
.conEmBox02:last-child{margin-left:0%; margin-top:2%;}
/* ??????_???? 20171026 close */
/* ??????_??????? 20171024 open */
.etBox01{margin-top:15px; width:100%; overflow:hidden;}
.etBox01:after{display:block; content:""; clear:both;}
.etBox01>li{width:49%; float:left; margin-left:2%}
.etBox01>li:first-child{margin-left:0%}
.etBox01>li:last-child{margin-left:0%; margin-top:2%;}
.etBox01>li>img{width:100%; max-width:100%;}
.bContentsEt{margin-top:33px; display:block;}
.etBox02{margin-top:15px; width:100%; overflow:hidden;}
.etBox02:after{display:block; content:""; clear:both;}
.etBox02>li{width:49%; float:left; margin-left:2%}
.etBox02>li:first-child{margin-left:0%}
.etBox02>li:last-child{margin-top:2%}
.etBox02>.etBox02Mg{margin-left:0%; margin-top:2%}
.etBox02>li>img{width:100%; max-width:100%;}
.bContentsEt_M{display:none;}
/* ??????_??????? 20171024 close */
}
/* ???????? 768 */
@media all and (max-width:768px){
/* ????? ???? */
.newsThumBox li{width:48.6%;}
.newsThumBox .newsTs01{margin-left:1.938775510204082%;}
.newsThumBox .newsTs02{margin-left:0% !important;}
}
/* ???????? 650 */
@media all and (max-width:650px){
/* ??????_??????? 20171024 open */
.etBox01{margin-top:15px; width:100%; overflow:hidden;}
.etBox01:after{display:block; content:""; clear:both;}
.etBox01>li{width:100%; float:none; margin-left:0%; margin-top:2%}
.etBox01>li:first-child{margin-left:0%;}
.etBox01>li:last-child{margin-left:0%; margin-top:2%;}
.etBox01>li>img{width:100%; max-width:100%;}
.bContentsEt{margin-top:33px; display:block;}
.etBox02{margin-top:15px; width:100%; overflow:hidden;}
.etBox02:after{display:block; content:""; clear:both;}
.etBox02>li{width:100%; float:none; margin-left:0%; margin-top:2%}
.etBox02>li:first-child{margin-left:0%}
.etBox02>li:last-child{margin-top:2%}
.etBox02>.etBox02Mg{margin-left:0%; margin-top:2%}
.etBox02>li>img{width:100%; max-width:100%;}
.bContentsEt_M{display:none;}
/* ??????_??????? 20171024 close */
/* ??????_???? 20171026 open */
#wrapEmBg{ background:url('/homepage/images/kor5/company/ethicsImg/ethics_bg_mo.jpg') no-repeat center center; background-size:cover;}
#wrapEm{max-width:650px;}
.conEmBox{width:100%; float:none; margin-left:0%; margin-top:2%;}
.conEmBox:first-child{margin-top:0%;}
.conEmBox:last-child{margin-top:2%;}
.conEmBox02{width:100%; float:none; margin-left:0%; margin-top:3%;}
.conEmBox02:first-child{margin-top:0%;}
.conEmBox02:last-child{margin-top:6%;}
/* ??????_???? 20171026 close */
}
/* ???????? 600 */
@media all and (max-width:600px){
/* ???? ????? */
.mainV_L{float:none; width:100%;}
.mainV_R{float:none; width:100%; margin-top: 2.4%;}
/* ?��?? ???? ?? ??? ??? */
.seleBoxN{float:left; width:40%;}
/* ???? ??? ????*/
.SearchBoxTitleN{margin-top:2.045%; margin-left:0%; padding:0% 2%;}
.searchDownBoxN{padding:1.535% 2% 2.557%;}
.SearchBoxMidN{float:none; width:50%; margin-left:0%; padding:2% 0%;}
.SearchBoxRightN{float:none; width:100%; margin-left:0%;}
/* ????? ???? */
.newsThumBox{width:100%;}
.newsThumBox li{float:none; width:98.5%;}
.newsThumBox li p{padding:2.565% 3.21%; width: 100%;}
.newsThumBox li a{font-size:0.875rem; font-weight:bold;}
.newsThumBox .newsTs01{margin-left:0%;}
}
/* 2017.06.27 ??? css */
#content_areaCul{position: relative; padding-bottom: 40px; padding-top: 41px;}
#culture_new{}
#wrapCulture{background:url('/images/kor5/common/cultureInfoImg/culMain_bg.jpg') center center no-repeat; background-size:cover; height:auto;}
/* ???????? */
.culture_head{max-width:980px; margin:0 auto; width:100%;}
.culture_tit{letter-spacing:-1.5625px; text-align:center;}
.culture_tit>h2{font-size:2.375rem; color:#333; font-weight:bold;}
.culture_tit>p{font-size:1.125rem;}
/* ???��???? */
.culMain_wrap{width:100%; padding:2.042% 0;}
.culMain_wrap:after{display:block; content:""; clear:both;}
.culMain_L{float:left; width:32.04081632653061%; position:relative;}
.localC01{background-color:#076a9e;}
.localC02{background-color:#e77325;}
.localC03{background-color:#4098a7;}
.localC04{background-color:#5b78c6;}
.cultureBoxN:hover .mouseScale02 img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s;}
.cultureBoxN .mouseScale02 img{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s;}
.cultureBoxN .mouseScale02{overflow:hidden; display:table;}
.cultureBoxN:hover .culture_tt02{color:#0552a9}
.cultureBoxN{position:relative; display:block;}
.cultureBoxN .cheadT{position:absolute; top:0; left:0; padding:1.036% 2.89256198347107%; color:#fff; font-weight:bold; font-size:0.875rem; z-index:1;}
.cultureBoxN>p>img{max-width:100%; width:100%;}
.cultureBoxN .culture_tt{position:absolute; width:100%; bottom:0; left:0; background-color:rgba(0,0,0,0.5); padding:3.309% 4.135% 12.74%;}
.cultureBoxN .culture_tt strong{font-size:1rem; font-weight:bold; color:#fff;}
.cultureBoxN .culture_tt span{color:#fff; font-size:1rem; display:block;}
.cultureBoxN .cheadT02{position:absolute; top:0; left:0; padding:1.036% 2.89256198347107%; color:#fff; font-weight:bold; font-size:0.875rem; z-index:1;}
.cultureBoxN .culture_tt02{padding:2% 4.135%; text-align:center; z-index:1; font-size:1rem; font-weight:bold; background-color:#fff;}
.culMain_R{float:right; width:66.02040816326531%;}
.culR_up{width:100%;}
.culR_down{width:100%; margin-top:2.938%;}
.culR_up:after{display:block; content:""; clear:both;}
.culR_down:after{display:block; content:""; clear:both;}
.cb_left{float:left; width:48.7603305785124%;}
.cb_right{float:right; width:48.7603305785124%;}
/* ??????? */
#slides02 {
position:relative;
z-index:1
}
#slides02 .slidesjs-container02 {
}
#slides02 .slidesjs-previous02 {
background:url('/images/kor5/common/cultureInfoImg/culConLeft.png') no-repeat;
float:left;
text-indent: -9999px;
position: absolute;
bottom: 3%;
z-index: 999;
left: 10%;
width:13px;
height:18px;
}
#slides02 .slidesjs-next02 {
background:url('/images/kor5/common/cultureInfoImg/culConRight.png') no-repeat;
float:left;
text-indent: -9999px;
position: absolute;
bottom: 3%;
z-index: 999;
right: 10%;
width:13px;
height:18px;
}
.slidesjs-pagination02 {
margin:6px 0 0;
float: right;
list-style: none;
}
.slidesjs-pagination02 li {
float: left;
margin: 0 1px;
}
.slidesjs-pagination02 li a {
display: block;
width: 13px;
height: 0;
padding-top: 13px;
background-image: url(http://slidesjs.com/img/pagination02.png);
background-position: 0 0;
float: left;
overflow: hidden;
}
#slidesjs-log02{
position: absolute;
bottom: 2.5%;
z-index: 996;
right: 46%;
font-size: 1rem;
font-weight: bold;
color: #fff;
}
#slidesjs-log02 > span{
font-size: 1rem;
font-weight: bold;
color: #fff;
}
.slidesjs-pagination02 li a.active, .slidesjs-pagination02 li a:hover.active { background-position: 0 -13px }
.slidesjs-pagination02 li a:hover { background-position: 0 -26px }
#slides02 a:link, #slides02 a:visited { color: #333 }
#slides02 a:hover, #slides02 a:active { color: #9e2020 }
a.slidesjs-play02,
a.slidesjs-stop02 {
position: absolute;
z-index: 999;
bottom: 3%;
right: 37%;
overflow: hidden;
text-indent: -9999px;
float: left;
}
a.slidesjs-play02 {
width: 18px;
height: 18px;
outline: 0;
background:url('/images/kor5/common/cultureInfoImg/culConStart.gif') no-repeat;
}
a:hover.slidesjs-play02 {
}
a.slidesjs-stop02 {
width: 18px;
height: 18px;
outline: 0;
background:url('/images/kor5/common/cultureInfoImg/culConStop.gif') no-repeat;
}
a:hover.slidesjs-stop02 {
}
/* ?????��? ?? */
.cultureListBoxN{margin:0 auto; max-width:980px; width:100%;}
.cultureTitBox{border-top:3px solid #0552a9; margin-top:2.552%;}
.cultureTitBox p{margin:0.511% 0 1.43%;}
.cultureTitBox p span{font-size:1.5rem; font-weight:bold;}
/* ???????? ??? 990 */
@media all and (max-width:980px){
/* ???? ???? */
.culture_tit{margin:0% 1% 0% 1%;}
/* ???? ????? */
.culMain_wrap{width:98%; margin:0 1%; }
.cultureBoxN .culture_tt02{padding:1.6% 4.135%;}
/* ?????��? ?? */
.cultureTitBox{border-top:3px solid #0552a9; margin:2.552% 1.7% 0;}
}
/* ???????? 870 */
@media all and (max-width:870px){
/* ???? ????? */
.cultureBoxN .culture_tt02{padding:1% 4.135%;}
}
/* ???????? 830 */
@media all and (max-width:830px){
/* ???? ????? */
.cultureBoxN .culture_tt02{padding:0.8% 4.135%;}
}
/* ???????? 800 */
@media all and (max-width:800px){
/* ???? ????? */
.cultureBoxN .culture_tt02{padding:0.6% 4.135%;}
}
/* ???????? 700 */
@media all and (max-width:700px){
/* ???? ????? */
.cultureBoxN .culture_tt02{padding:0.6% 4.135%; font-size:0.8rem;}
.cultureBoxN .culture_tt strong{font-size:0.8rem;}
.cultureBoxN .culture_tt span{font-size:0.8rem;}
}
/* ???????? 600 */
@media all and (max-width:600px){
/* ???? ????? */
.culMain_L {float:none; width:100%;}
.culMain_R {float:none; width:100%; margin-top:2.938%;}
.cultureBoxN .mouseScale02{display:block;}
.cultureBoxN .culture_tt02{padding:0.6% 4.135%; font-size:0.8rem;}
.cultureBoxN .culture_tt strong{font-size:0.8rem;}
.cultureBoxN .culture_tt span{font-size:0.8rem;}
}
/* ?????? ???? */
#culture_inS{max-width:980px; margin:0 auto; width:100%;}
/* ???? */
.cultureTitS{padding:32px 0; font-size: 34px; font-weight:bold;}
/* ??? ???? ????? */
.culTapBox{width:100%; padding:10px 0; border-top:1px solid #bebebe; border-bottom:3px solid #0553a8;}
.culTapBox:after{display:block; content:""; clear:both;}
.culTapBox_left{float:right;}
.culTapBox_left ul{}
.culTapBox_left ul:after{display:block; content:""; clear:both;}
.culTapBox_left ul li {float:left; margin-right:3px;}
.culTapBox_left ul li:last-child{float:left; margin-right:0%}
.culTapBox_left ul li a{border:1px solid #9ea4b2; width:100%; display:inline-block; text-align:center; height:30px; line-height:28px; font-weight:bold;font-size:0.8125rem; text-decoration:none;}
.culTapBox_left ul li a:hover{color:#222; border-color:#0552a9;}
.culBtns01{width:22.22222222222222%;}
.culBtns01_on{}
.culBtns01_off{}
.culBtns01>a{background-color:#0552a9; color:#fff; border:1px solid #0552a9 !important;}
.culBtns01>a:hover{color:#fff !important; text-decoration:none;}
.culBtns02{width:12.03703703703704%;}
.culBtns03{width:24.44444444444444%;}
.culBtns04{width:39.07407407407407%;}
.culBtns05 {}
.culBtns05 a {padding:0 10px;}
.culBtns05 a.firstBtn {background-color:#0552a9; color:#fff; border:1px solid #0552a9 !important;}
.culBtns05 a.firstBtn:hover {color:#fff !important; text-decoration:none;}
.culTapBox_right{width:13.26530612244898%; float:left; margin-left:0 !important}
.culTapBox_right:after{display:block; content:""; clear:both;}
.cul_selec{float:left; width:47.69230769230769%;}
.culSelect{height:30px; width:100%;}
.cul_selecBtn{float:right; width:49.23076923076923%;}
.cul_selecBtn a{display:inline-block; width:100%; height:30px; line-height:30px; background-color:#717580; text-align:center; color:#fff; font-weight:bold; font-size:0.8125rem;}
.cul_selecBtn a:hover{text-decoration:none; color:#fff;}
/* ?????? ???? ???? */
.culContentBox{width:100%;}
.culSubConBox{width:100%; margin-top:2.118%; border:1px solid #d4d4d4;}
.culSubConBox:after{display:block; content:""; clear:both;}
.culSubImg{float:left; width:23.57142857142857%;}
.culSubImg img{max-width:100%; width:100%;}
.culSubText{float:left; width:53.87755102040816%; padding:2.045%;}
.culSubText dt{font-size:1rem; font-weight:bold; margin-bottom:9.243%;}
.culSubText dt strong{font-size:1rem; font-weight:bold; color:#0552a9;}
.culSubText dd{font-size:0.8125rem; font-weight:bold; padding-left:9px; background:url(./css/kor5/common/icon/blt_gray.gif) no-repeat 0 8px;}
.culSubText dd span{font-size:0.8125rem; font-weight:normal; margin-left:3.082%; display:inline-block;}
.culSubBtn{float:left; width:22.5%;}
.culSubBtn a{text-decoration:none; display:inline-block; text-align:center; height:30px; line-height:28px; font-weight:bold; font-size:0.8125rem; border:1px solid #9ea4b2;}
.culSubBtn>a:hover{color:#222; border-color:#0552a9; text-decoration:none;}
.culSubBtn a:first-child{width:90.90909090909091%; margin-top:8.64%;}
.culSubBtn a:last-child{width:49.09090909090909%; margin-top:5px;}
.culSubBtn_m{width:100%; display:none; text-align:center; margin-top:3px;}
.culSubBtn_m a{margin-top:3px; text-decoration:none; display:inline-block; text-align:center; height:30px; line-height:28px; font-weight:bold; font-size:0.8125rem; border:1px solid #9ea4b2;}
.culSubBtn_m>a:hover{color:#222; border-color:#0552a9; text-decoration:none;}
.culSubBtn_m a:first-child{width:48% !important;}
.culSubBtn_m a:last-child{width:22%;}
.culSubBtn02{float:left; width:22.5%;}
.culSubBtn02 a{text-decoration:none; display:inline-block; text-align:center; height:30px; line-height:28px; font-weight:bold; font-size:0.8125rem; border:1px solid #9ea4b2;}
.culSubBtn02>a:hover{color:#222; border-color:#0552a9; text-decoration:none;}
.culSubBtn02 a:last-child{width:49.09090909090909%; margin-top:8.64%;}
.culSubBtn02_m{width:100%; display:none; text-align:center; margin-top:5px;}
.culSubBtn02_m a{text-decoration:none; display:inline-block; text-align:center; height:30px; line-height:28px; font-weight:bold; font-size:0.8125rem; border:1px solid #9ea4b2;}
.culSubBtn02_m>a:hover{color:#222; border-color:#0552a9; text-decoration:none;}
.culSubBtn02_m a:last-child{width:22%;}
/* ???????? ??? 990 */
@media all and (max-width:980px){
/* ?????? ???? */
#culture_inS{max-width:980px; margin:0 auto; width:98%;}
/* ???? */
.cultureTitS{padding:28px 0; font-size:25px; font-weight:bold;}
/* ??? ???? ????? */
.culTapBox_left{width:75%; float:none;}
.culTapBox_right{width:20%; float:none; margin-top:5px;}
.culTapBox_left ul li {float:left; margin-right:3px; margin-bottom:3px;}
.culTapBox_left ul li:last-child{float:left; margin-right:0px; margin-bottom:0px;}
/* ?????? ???? ???? */
.culSubImg{width:25%;}
.culSubText{width:48%; padding:2%;}
.culSubBtn{width:27%;}
.culSubBtn02{width:27%;}
}
/* ???????? ??? 800 */
@media all and (max-width:800px){
/* ?????? ???? ???? */
.culSubImg{width:31%;}
.culSubText{width:37%; padding:2%;}
.culSubEx{display:none;}
.culSubBtn{width:32%;}
.culSubBtn02{width:32%;}
/* ??????? */
#slidesjs-log02{
position: absolute;
bottom: 2.5%;
z-index: 996;
right: 47%;
font-size: 1rem;
font-weight: bold;
color: #fff;
}
a.slidesjs-play02,
a.slidesjs-stop02 {
position: absolute;
z-index: 999;
bottom: 3%;
right: 36%;
overflow: hidden;
text-indent: -9999px;
float: left;
}
}
/* ???????? ??? 650 */
@media all and (max-width:650px){
/* ??? ???? ????? */
.culTapBox_left{width:100%;}
.culBtns01{width:35%;}
.culBtns01_on{}
.culBtns01_off{}
.culBtns01>a{background-color:#0552a9; color:#fff; border:1px solid #0552a9 !important;}
.culBtns01>a:hover{color:#fff !important; text-decoration:none;}
.culBtns02{width:15%;}
.culBtns03{width:35%;}
.culBtns04{width:65%; margin-left:0 !important;}
.culBtns04>a{margin-top:5px;}
.culTapBox_right{width:38%;}
/* ?????? ???? ???? */
.culSubImg{width:50%;}
.culSubText{width:50%; padding:2%;}
.culSubBtn{width:32%; display:none;}
.culSubBtn02{width:32%; display:none;}
.culSubBtn_m{display:inline-block;}
.culSubBtn02_m{display:inline-block;}
/* ??????? */
#slidesjs-log02{
position: absolute;
bottom: 2.5%;
z-index: 996;
right: 46%;
font-size: 1rem;
font-weight: bold;
color: #fff;
}
/* ???????? ??? 375 */
@media all and (max-width:375px){
/* ?????? ???? ???? */
.culSubImg img{height:250px;}
.culSubText{height:250px; overflow-y:scroll;}
.culSubBtn_m a:first-child{width:60% !important;}
.culSubBtn_m a:last-child{width:30%;}
.culSubBtn02_m a:last-child{width:30%;}
}