@charset "utf-8"; 
/***********************************************************/
/*common */
@font-face {
    font-family:'MGothic';
    font-weight:normal;
    font-style:normal; 
}

body,select,input,textarea,a {font-family:Malgun Gothic, '맑은 고딕', 'MGothic','돋움',dotum,verdana,arial,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, strong, sub, sup, tt, var, legend, fieldset, input,textarea
{font-family:Malgun Gothic, '맑은 고딕','MGothic', '돋움',dotum,verdana,arial,sans-serif; padding:0; margin:0; font-size:13px; color:#222;}
span
{font-family:Malgun Gothic, '맑은 고딕','MGothic', '돋움',dotum,verdana,arial,sans-serif; padding:0; margin:0;}
form {display:inline;}
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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; font-weight:bold; letter-spacing:-0.05em;}
.popup h3 {font-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; 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;}

#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-family:'Malgun Gothic'; 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("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("blet_line.gif") no-repeat 0 10px;} 
.line-list-2 li.l {padding-left:10px; background: url("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("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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; font-weight:bold; background:url("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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; 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: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-family:'Malgun Gothic'; font-weight:bold; /* padding-left:15px; */}
.table-list tbody td a {display:block; font-size:13px; font-family:'Malgun Gothic'; font-weight:bold;}
.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-family:'Malgun Gothic'; font-weight:bold; /* padding-left:15px; */}
.table-list2 tbody td a {display:block; font-size:13px; font-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; 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("bar_gray.gif") no-repeat right 5px;}
#table-view .title dl.date_area strong {color:#555;}
#table-view h4, #table-view .t {font-family:'Malgun Gothic'; 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 .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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; 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;}
.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 {width:980px;}

#question-search {margin-left:0px; margin-right:0px;}
#question-search {position:relative; height:67px; *height:47px; margin-top:15px; padding:20px 14px 0; text-align:center; background-color:#f9f9f9;}
.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;}

#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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; font-size:16px; font-weight:bold; text-align:center; background:#707580;}
.tab2_con li.on a {background:#2475d0 url("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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; 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;}

.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-family:'Malgun Gothic'; 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("bar_gray.gif") no-repeat 78px 16px;}
.preNext dt.prev_cont {background:url("arrow_up.png") no-repeat left 18px;}
.preNext dt.next_cont {background:url("arrow_down.png") no-repeat left 18px;}

/* btn */
.btn_white {display:inline-block; font-family:'Malgun Gothic'; font-weight:bold; font-size:16px; padding:6px 28px 8px; border:1px solid #9ea4b2; background:#fff;}
.btn_white2 {display:inline-block; font-family:'Malgun Gothic'; font-weight:bold; font-size:16px; padding:6px 11px 8px; border:1px solid #9ea4b2; background:#fff;}
.btn_blue {display:inline-block; font-family:'Malgun Gothic'; font-weight:bold; font-size:16px; padding:6px 20px 8px; color:#fff; border:1px solid #2475d0; background:#2475d0;}
.btn_blue2 {display:inline-block; font-family:'Malgun Gothic'; font-weight:bold; font-size:16px; padding:6px 28px 8px; color:#fff; border:1px solid #2475d0; background:#2475d0;}

.btn_gray {display:inline-block; font-family:'Malgun Gothic'; font-weight:bold; padding:2px 18px 2px; color:#fff; border:1px solid #707580; background:#707580;}
.sbtn_gray {display:inline-block; font-family:'Malgun Gothic'; font-weight:bold; padding:2px 10px 2px; color:#fff; border:1px solid #707580; background:#707580;}
.sbtn_gray2 {display:inline-block; font-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; font-weight:bold; padding:2px 6px 2px; color:#fff; border:1px solid #707580; background:#707580;}
.sbtn_white {display:inline-block; font-family:'Malgun Gothic'; font-weight:bold; padding:2px 18px 2px; border:1px solid #9ea4b2; background:#fff;}
.sbtn_blue {display:inline-block; font-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; font-weight:bold; font-size:12px; padding:1px 22px 1px 10px; border:1px solid #9ea4b2; background:#fff url("icon_go.png") no-repeat 62px 7px;}

.btn_blue2 input {display:inline-block; cursor:pointer; font-family:'Malgun Gothic'; 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_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-family:'Malgun Gothic'; font-weight:bold; font-size:25px; margin:0; padding-top:28px; color:#000; line-height:1.2;}
.tit2 {font-family:'Malgun Gothic'; font-weight:bold; font-size:13px;}
.tit3 {font-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; font-weight:bold; font-size:16px; color:#0552a9; line-height:1.4; background:url("blt_circle.png") no-repeat left 5px;}
.tit5 {font-family:'Malgun Gothic'; font-weight:bold; font-size:18px; color:#0552a9; line-height:1.4;}
.tit6 {font-family:'Malgun Gothic'; font-weight:bold; font-size:16px; color:#0552a9; line-height:1.4;}

#content_area .sub_tit {display:none; /* padding-top:5px; font-size:16px; line-height:1.2; */}
.ex_tit1 {padding-top:10px; font-family:'Malgun Gothic'; font-weight:bold; font-size:14px; color:#0552a9;}
.ex_tit1.first {padding-top:30px;}
.ex_stit {display:block; padding-top:3px; font-family:'Malgun Gothic'; font-size:13px; color:#222;}
.ex_tit2 {display:block; font-family:'Malgun Gothic'; font-weight:bold; font-size:14px; color:#0552a9;}
.tit3 .ex_tit2 {padding-top:10px;}
.ex_stit3 {display:block; padding:30px 0 15px; font-family:'Malgun Gothic'; font-size:13px; color:#222;}
.ex_tit3 {display:block; margin-top:15px; font-family:'Malgun Gothic'; font-weight:bold; font-size:14px;}
.ex_tit4 {font-family:'Malgun Gothic'; font-weight:bold; font-size:22px; line-height:1.3;} /*content_area의 타이틀같은 큰 글씨*/
.ex_tit4 .subTxt {display:block; font-family:'Malgun Gothic'; font-size:13px; color:#222; margin-top:10px; line-height:1.6; font-weight:normal;}
.ex_tit4 .fc-1 {font-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; font-weight:bold; color:#0552a9;}
.required_txt2 {color:#0552a9;}
.required_txt3 {font-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; font-weight:bold; padding-left:20px; 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("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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; 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;}

/* gnb */
.gnb_area {position:absolute; top:0px; width:100%; z-index:100;}
.logo {position:absolute; left:50%; top:15px; margin-left:-50px; width:100px;}
.gnb {display:none;}
/* .all_menu {display:none;} */
.all_menu2 {display:none; position:fixed; left:-270px; top:0px;background:url("../../images/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 14px; background:url("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("all_menu_off.png") no-repeat 185px center; background-size:10px;}
.all_menu2 .all_menu2_con > li > a.on {background:#2475d0 url("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("all_menu_off2.png") no-repeat 185px center; background-size:9px;}
.all_menu2 .menu_sub > li > a.on {color:#5da9ff; background:url("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;}

/* location */
.localNav_area {position:relative; z-index:2; color:#333; border-bottom:1px solid #ddd; background-color:#f3f3f3;}
.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-family:'Malgun Gothic'; 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:35px; 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;}
/* #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("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("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-family:'Malgun Gothic'; 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-family:'Malgun Gothic'; font-weight:bold; padding:11px 0 0 15px;}
.linkSelect .open {color:#999; background: url("icon_open.png") no-repeat right center;}
.linkSelect .close {color:#fff; background:#2475d0 url("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;}

.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-family:'Malgun Gothic'; 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("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-family:'Malgun Gothic'; 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("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("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("select_arrow.gif") no-repeat 140px center;}
.selectBox2 {width:100px; background:url("select_arrow.gif") no-repeat 80px center;}
.selectBox > a {display:block; font-family:'Malgun Gothic'; 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;}


/* .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("quickMenu_line.gif") no-repeat right 7px;}
.sustain_bn li span {display:block; font-family:'Malgun Gothic'; 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;}

/*******************
	only mobile 
********************/
@media only screen and (max-width:419px) {
	.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:30%;}
	
	/*0806 검색 추가 */
	#question-search {position:relative; height:67px; *height:47px; margin-top:15px; padding:20px 14px 0; text-align:left; background-color:#f9f9f9;}
}

@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%;}
	
	/*0806 검색 추가 */
	#question-search {position:relative; height:67px; *height:47px; margin-top:15px; padding:20px 14px 0; text-align:left; background-color:#f9f9f9;}

}


/*******************
	Tablet 
********************/
@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:10%;}
	/*layout*/
	.search_con {width:80%;}
	/* .search_con {width:94%;}
	.search_con .search-box {width:92%;} */


}


/* 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("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-family:'Malgun Gothic'; 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;}
	.tab3_con li.on {background: url("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:20px !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:20px; margin-bottom:10px; *margin-bottom:30px; }
	.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-family:'Malgun Gothic'; font-size:18px; font-weight:bold; text-align:center; border:1px solid #d6d6d6; background:#ccc;}
	.tab4_con li.on {background: url("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%;}
/*******************
	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;}


/* contents */
	#contents {padding-top:100px;}


/* content_area */
	#content_area {width:980px; margin:0 0 0 40px; }
	#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("visual1.gif") no-repeat right bottom;}
	.sub_visual2 {height:113px; background:url("visual2.gif") no-repeat right bottom;}
	.sub_visual3 {height:113px; background:url("visual3.gif") no-repeat right bottom;}
	.sub_visual4 {height:113px; background:url("visual4.gif") no-repeat right bottom;}
	.sub_visual5 {height:113px; background:url("visual5.gif") no-repeat right bottom;}
	.sub_visual6 {height:113px; background:url("visual6.gif") no-repeat right bottom;}
	.sub_visual7 {height:113px; background:url("visual7.gif") no-repeat right bottom;}
	.sub_visual8 {height:113px; background:url("visual8.gif") no-repeat right bottom;}


}

@media print{
	#header, .localNav_area, .footer {display:none;}
	#contents {padding:0;border:0;}
	body {border:0;}
	.h3_area {display:none;}
	#content_area {width:1000px;}
}


/* paging */
span.paging_none {color:#999999; cursor:default;}
span.paging_none img {margin:0px 3px 0px 3px;}
a.paging_none img {margin:0px 3px 0px 3px;}
a.paging_none, a.paging_none:link, a.paging_none:visited {font-weight:normal; color:#333333; text-decoration:none;}
a.paging_none:hover {text-decoration:underline;}
.paging_num {word-spacing:0.1em; font-weight:bold; margin:0 3px;}
.paging_num a, .paging_num b {text-decoration:none; text-align:center; padding:3px 2px 1px 7px; border-left:1px solid #CCCCCC;}
.paging_num a:hover {background-color:#F6F6F6;text-decoration:none;}
.paging_num a {color:#333333;}
.paging_num b {color:#FF6600;font-weight:bold;}
.paging_num a.paging_none {font-weight:normal; border:0px;}
.paging_num a.paging_last, .paging_num b.paging_last {border-right:1px solid #CCCCCC; margin-right:4px;}