@charset "euc-kr"; 

/***********************************************************/

/*common */

/*@font-face {

    font-family:'MGothic';

    src:url('../fonts/malgun.eot');

    src:url('../fonts/malgun.eot') format('embedded-opentype'), url('../fonts/malgun.woff') format('woff'), url('../fonts/malgun.ttf') format('truetype');

    font-weight:normal;

    font-style:normal; 

}

@font-face {

    font-family:'MGothicBold';

    src:url('../fonts/malgunbd.eot');

    src:url('../fonts/malgunbd.eot') format('embedded-opentype'), url('../fonts/malgunbd.woff') format('woff'), url('../fonts/malgunbd.ttf') format('truetype');

    font-weight:normal;

    font-style:normal; 

}

@font-face {

    font-family:'Nanum';

    src:url('../fonts/nanum.eot');

    src:url('../fonts/nanum.eot') format('embedded-opentype'), url('../fonts/nanum.woff') format('woff'), url('../fonts/nanum.ttf') format('truetype');

    font-weight:normal;

    font-style:normal; 

}

@font-face {

    font-family:'NanumBold';

    src:url('../fonts/nanum_bold.eot');

    src:url('../fonts/nanum_bold.eot') format('embedded-opentype'), url('../fonts/nanum_bold.woff') format('woff'), url('../fonts/nanum_bold.ttf') format('truetype');

    font-weight:bold;

    font-style:normal; 

}*/

@font-face {

    font-family:'NanumMyeongjo';

    src:url('../fonts/nanummyeongjo.eot');

    src:url('../fonts/nanummyeongjo.eot') format('embedded-opentype'), url('../fonts/nanummyeongjo.woff') format('woff'), url('../fonts/nanummyeongjo.ttf') format('truetype');

    font-weight:normal;

    font-style:normal; 

}



/* default */

body,select,input,textarea,a {font-family:arial, simsun, verdana,gulim,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

{ padding:0; margin:0; font-size:13px; color:#222;}

select {padding:0 1px;}

em {font-style:normal; font-weight:normal;}

p, td, li, dd, dt, .block, th {word-wrap:break-word;} /* 170616 word-break:keep-all; Del */ 

th, td {word-break:break-all;border:1px solid #ccc;}

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;}

.fdsr{float: right;height: 50px;line-height: 45px;color: #7f7f7f;font-size: 14px;}

.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;}

.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-left:14px !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 !important; background:url("../images/blt_gray.gif") no-repeat 0 9px;} /*170612 insert*/ 

.circle-list li ul{margin:2px 0 5px 0;}

.circle-list li ul.e{margin-bottom:0;}

.circle-list li ul li {background: url("../images/blet_line.gif") no-repeat 0 10px;} 

.line-list-2 li.l {padding-left:10px; background: url("../images/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("../images/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("../images/blt_gray.gif") no-repeat 0 8px;}

/* .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 {word-break: break-word;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;}

/* .btn-bottom.ar a {padding: 6px 18px 8px;} */

.table .btn {padding-left:0; padding-right:0;}

.table-price tbody td {text-align:right; padding-right:10px;}



.table-list {margin-top:30px;}

.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 a {display:block; font-size:13px;  font-weight:bold;}

.table-list tr.e, .table td.e, .table th.e {border-bottom:1px solid #707580;}

.table-list a img {width:auto;}



.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;}



.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("../images/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 .sns{float:right; width:95px; text-align:right;}

#table-view .view {padding-top:15px;}

#table-view .view p {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;}



.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;}



#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;}

.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;}

#question-search {position:relative; height:110px; *height:47px; margin-top:15px; margin-bottom:40px; padding:28px 20% 0 20%; text-align:center; background-color:#f9f9f9; border:1px solid #d5d5d5;}

.use-search select {width:90px; height:29px; padding:5px 0; 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;}



.use-search2 select{width:90px; height:29px; padding:5px 0; font-size:12px;}

.use-search2 .input{width:112px; height:29px;}



/*161024 newsroom search */

#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 0; 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;}



#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("../images/tab_con2_on.png") no-repeat 20px 10px;}

.tab2_con li.on a, .tab_con2 li a:hover {color:#fff; text-decoration:none;}



/* 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;}



/* 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-family:'Malgun Gothic'; 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;}

/* .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("../images/bar_gray.gif") no-repeat 78px 16px;}

.preNext dt.prev_cont {background:url("../images/arrow_up.png") no-repeat left 18px;}

.preNext dt.next_cont {background:url("../images/arrow_down.png") no-repeat left 18px;}



/* btn */

.btn_white {display:inline-block; font-size:16px; padding:7px 28px 7px; border:1px solid #9ea4b2; background:#fff;}

.btn_white2 {display:inline-block; font-size:16px; padding:7px 11px 7px; border:1px solid #9ea4b2; background:#fff;}

.btn_blue {display:inline-block; font-size:16px; padding:7px 20px 7px; color:#fff; border:1px solid #2475d0; background:#2475d0;}

.btn_blue2 {display:inline-block; font-size:16px; padding:7px 28px 7px; color:#fff; border:1px solid #2475d0; background:#2475d0;}



.btn_gray {display:inline-block;  font-weight:bold; padding:2px 18px 2px; color:#fff; border:1px solid #707580; background:#707580;}

.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;}



.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("../images/icon_go.png") no-repeat 46px 6px;}



.btn_blue2 input {display:inline-block; cursor:pointer; font-size:16px; padding:1px 1px 0; line-height:1.4; color:#fff; border:1px solid #2475d0; background:#2475d0;}



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_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;}

.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("../images/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;}



/* 170612 new css text img */

.textNimgW>img{width:71px;}



#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;}

.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:80%; float:left;}

.board_write2 .file_find_div { position:relative; width:76px; height:24px; overflow:hidden;}

.board_write2 .file_find_div .file_input_hidden { font-size:23px; position:absolute; right:0px; top:0px; opacity:0; filter: alpha(opacity=0);  -ms-filter: "alpha(opacity=0)";  -khtml-opacity: 0;  -moz-opacity: 0;}

.file_input_button { width:75px; height:24px; margin-left:1px; position: absolute; top: 0px; border:1px solid #dedede; background-color: #f3f3f3; color: #333; border-style: solid; }

.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("../images/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-top:3px solid #0552a9;border-bottom:1px solid #707580;}

.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;}





/* gnb */

.gnb_area {position:absolute; top:0px; width:100%; z-index:100;}

.logo {position:absolute; left:50%; top:10px; margin-left:-90px; width:180px; /*top:15px;*/}

.gnb {display:none;}

/* .all_menu {display:none;} */

.all_menu2 {display:none; position:fixed; left:-270px; top:0px;background:url("../images/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("../images/m-global_site_line.gif") no-repeat right center;}

.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("../images/all_menu_off.png") no-repeat 185px center; background-size:10px;}

.all_menu2 .all_menu2_con > li > a.on {background:#2475d0 url("../images/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("../images/all_menu_off2.png") no-repeat 185px center; background-size:9px;}

.all_menu2 .menu_sub > li > a.on {color:#5da9ff; background:url("../images/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:102px;}



#mask {position:absolute; z-index:1001; background-color:#000; display:none; left:0; top:0px;}



/* 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:11px 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:40px; 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; *position:static; 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:50px; 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;}









/* footer */

.footer {position:relative; width:100%; background:#666 url("../images/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("../images/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("../images/icon_open.png") no-repeat right center;}

.linkSelect .close {color:#fff; background:#2475d0 url("../images/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;}

.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 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("../images/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; color:#fff; background:url("../images/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("../images/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("../images/select_arrow.gif") no-repeat 140px center;}

.selectBox2 {width:100px; background:url("../images/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;}

.mapp img{width: 100% !important;margin: 20px auto;}

.llllxx p{line-height: 27px;}

/* .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("../images/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;}



/*´º½º·ë °³¼± 161024*/

,news_dl {margin-top:50px;}



/* 20161117 news search */



.dataSearchBox {margin-bottom:30px; padding:20px 14px; border:1px solid #d5d5d5; background-color:#f9f9f9;}

.dataSearchBox .SearchBoxTitle {margin-bottom:10px;}

.dataSearchBox .SearchBoxTitle label {padding-left:8px; color:#222; font-family:'Malgun Gothic'; font-weight:bold; background:url("../images/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:86%;}

.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:79%;}

.dataSearchBox ul li.SearchBoxRight2 .input {margin-top:2px; width:90%;}



/*******************

	only mobile 

********************/

@media only screen and (max-width:330px) {

	.date_picker_area input { width:127px;}

	#question-search { padding:28px 1px 0 1px;}

	.word-box { margin-bottom:10px;}

	#search-word { width:206px;}	



   /*20170607 css add*/

	.direct_m{display:block;}

	.direct_w{display:none;}



}



@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;}



	#question-search { padding:28px 1px 0 1px;}

	.word-box { margin-bottom:10px;}

	#search-word { width:240px;}



	/*20170607 css add*/

	.direct_m{display:block;}

	.direct_w{display:none;}







}



@media only screen 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;}



	#question-search { padding:28px 11% 0 11%;}

	#search-word { width:230px;}



	/*20170607 css add*/

	.direct_m{display:none;}





}





/*******************

	Tablet 

********************/

@media all and (min-width:651px) and (max-width:979px) {

	

	.sns_slide_m {display:none;}

	.tablet_area2 {display:block;}

	.web_area2 {display:none;}



	#question-search { padding:28px 15% 0 15%;}

	#search-word { width:230px;}



	/*20170607 css add*/

	.direct_m{display:none;}

	

}



@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%;}



	/*layout*/

	.search_con {width:80%;}

	/* .search_con {width:94%;}

	.search_con .search-box {width:92%;} */

	

	#posco-new-air > dl { padding:20px 0 44px 0; }

	#posco-new-air .photo { float:left; width:auto;}

	#posco-new-air dd dl { margin-top:-20px; margin-left:337px;}



	#search-word {width:302px; margin-top:4px;}



	/*20170607 css add*/

	.direct_m{display:none;}







}



@media all and  (max-width:979px) {

	.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% - 95px) !important;}

	.dataSearchBox ul li.SearchBoxRight2 {width:calc(100% - 100px);}

	.dataSearchBox ul li.SearchBoxRight2 .input {margin-top:2px !important; width:calc(100% - 79px) !important;}
	
	
	
	
	#certify{
		width: 100%;
	}
	.swiperdiv{
		position:relative;
		width: 600px;
		margin:auto;
	}
	#certify .swiper-slide{
		width: 300px;
		height:180px;
	}

}



@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% - 75px) !important;}

	.dataSearchBox ul li.SearchBoxRight2 {float:none; margin-top:10px; width:100%;}

	.dataSearchBox ul li.SearchBoxRight2 .input {width:calc(100% - 59px) !important;}

}



/*******************

	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;}

	.web_area2 {display:block;}

	

	.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;}



	/*20170607 css add*/

	.direct_m{display:none;}



	/* title */

	.tit {font-size:34px; padding-top:33px;}

	.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 {position:relative; height:90px; margin-top:15px; margin-bottom:20px; text-align:center; background-color:#9f9f9; }

	#content_area #question-search.use-search {margin-left:98px; margin-right:98px; *margin-left:82px; *margin-right:82px;}

	.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;}

	

	/*161024 newsroom search */

	.date_search {float:left; margin-right:15px; margin-top:0;}

	.date_search .date_sort { background:#fff; width:42px; 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;}



	span.date_sort a {display:inline-block; width:42px; 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; }





	.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("../images/tab_con2_on2.png") no-repeat center bottom;}

	.tab2_con li.on a {background:#2475d0;}

	

	/* 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:12px 10px 0; height:74px; *height:64px; text-align:center; border:1px solid #d6d6d6; background:#fff;}

	.tab3_con li.on {background: url("../images/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:25px !important; *height:54px;}

	.tab3_con li.on .txt1 {*height:56px;}

	.tab3_con7 li {width:14.2%;}



	/* 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:51px; margin-bottom:10px;}

	.tab4_con li a {display:block; margin-left:-1px; padding:8px 10px;  font-size:16px; font-weight:bold; text-align:center; border:1px solid #d6d6d6; background:#fff;}

	.tab4_con li.on {background: url("../images/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_con5 li a:hover {color:#0552a9; text-decoration:none;}

	

	.tab5_con3 li {width:33.3%;}



	/* tabs_con tab in to the tab*/

	.tabs_con {border-left:0px;}

	.tabs_con li a {display:block; margin:0px; padding:8px 10px; font-family:'Malgun Gothic'; font-weight:bold; font-size:14px; 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 tbody th {padding-left:15px;}

	.table .al {padding-left:15px;}

	.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;}



	/* .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;}

	.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*/

	

	#content_area img {width:auto; padding-top:0;}

	#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;}


.pro_gray_box  p img{width: auto !important;display: inline-block;}

	 /* top */

	.sub_top {left:50%; bottom:0px; margin-left:500px;}

.sdasa {
    color: #9d9d9d;
    line-height: 30px;
}

	.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("../images/sns_line.gif") no-repeat right 11px;}

	.sns_area a img {width:auto; height:20px;}

	.utilLink {position:absolute; right:0px; top:4px; color:#9d9d9d;}

	.utilLink > a {display:inline-block; color:#9d9d9d; font-size:12px; padding-right:12px; margin-right:12px; line-height: 1.8; background:url("../images/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("../images/btn_globalsite_open.gif") no-repeat right 6px;}

	.global_site .close {background:url("../images/btn_globalsite_open.gif") no-repeat right 6px;}



/* gnb */

	/*20150611 ¼öÁ¤ ¹× Ãß°¡*/

	.gnb_area {position:relative; top:0px; width:980px; height:70px; margin:0 auto;}

	.logo {left:0px; top:0px; margin-left:0px; /*top:21px;*/}

	.gnb {display:block; position:relative; margin-left:245px;/*  margin-right:110px; */}

	.gnb > li {float:left; position:relative; padding:21px 25px 0;} /*21 35 0*/

	.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("../images/gnb_arrow.png") no-repeat 133px center;}

	.gnb_sub > li.active > a {color:#fff; background-color:#2475d0;}

	.gnb_sub > li.active > a.on {background:#2475d0 url("../images/gnb_arrow_on.png") no-repeat 133px center;}

	.gnb_sub > li > a {display:block; width:150px; *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; }

	.gnb_sub5 > li > a {width:135px; *width:120px;}

	.gnb_sub5 > li > a.on {background-position:118px center;}

	.gnb_sub5 > li.active > a.on {background-position:118px center;}



	.gnb_sub5 .sub-menu {left:135px; width:130px;}

	.sub-menu {position:absolute; left:150px; top:auto; width:160px; 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 12px; 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:0; 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("../images/icon_allmenu_view.gif") no-repeat right 8px;}

	.btn-all_menu.close {display:none; padding-right:18px; background:url("../images/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("../images/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;}

	.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;}









/* 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:10px 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 {width:980px; margin:0 auto; padding-bottom:80px;}

	#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;}

	

	.h3_area {height:113px; *height:112px; border-bottom:1px solid #bebebe;}

	.sub_visual1 {height:113px; background:url("../images/visual1.gif") no-repeat right bottom;}

	.sub_visual2 {height:113px; background:url("../images/visual2.gif") no-repeat right bottom;}

	.sub_visual3 {height:113px; background:url("../images/visual3.gif") no-repeat right bottom;}

	.sub_visual4 {height:113px; background:url("../images/visual4.gif") no-repeat right bottom;}

	.sub_visual5 {height:113px; background:url("../images/visual5.gif") no-repeat right bottom;}

	.sub_visual6 {height:113px; background:url("../images/visual6.gif") no-repeat right bottom;}

	.sub_visual7 {height:113px; background:url("../images/visual7.gif") no-repeat right bottom;}

	.sub_visual8 {height:113px; background:url("../images/visual8.gif") no-repeat right bottom;}

	.sub_visual10 {height:113px; background:url("../images/visual9.gif") no-repeat right bottom;}



/* footer */

	.footer {background:#fff url("../images/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("../images/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("../images/icon_open2.png") no-repeat right center;}

	.linkSelect .close {background:#2475d0 url("../images/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-left: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 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("../images/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("../images/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;}



	.ex_tit1.first_02 {padding-top:70px;}

	/*1223 CEM ´Ù¿î·Îµå */

		

	/*161024 newsroom search*/

	,news_dl {margin-top:58px;}



}



@media print{

	#header, .localNav_area, .footer {display:none;}

	#contents {padding:0;border:0;}

	body {border:0;}

	.h3_area {display:none;}

	#content_area {width:1000px;}

}
@media screen and (max-width: 1366px){
    #contents {padding-top: 55px;}
}

@media screen and (max-width: 980px){

    .logo{width: 140px;top: 0px;margin-left: -70px;}
    .header_topCon{display: none;}
     .fdsr{display: none;}

}
.localNav_area{ top:100px;}

@media screen and (max-width: 480px){
		
		.swiperdiv{
			position:relative;
			width: 320px;
			margin:auto;
		}
		#certify .swiper-slide{
			width: 150px;
			height:80px;
		}
		.swiper-button-next, .swiper-button-prev{
			display:none;
		}
	}