@charset "UTF-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');

/* 공통영역 */
body,input,select,textarea{ font:12px/15px  "Noto Sans KR","NanumGothic", "나눔고딕", "돋움", Dotum, "굴림",gulim,AppleGothicVerdana, sans-serif ; color:#434343; -webkit-text-size-adjust:none; }
html,body { margin:0;padding:0; }
body{background-color:#fff;word-break:break-all; font-family:'Noto Sans KR','NanumGothic', '나눔고딕', '돋움', Dotum; }
form, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p { margin:0; padding:0;}
ol, ul, li { list-style:none; font-family:'Noto Sans KR','NanumGothic', '나눔고딕', '돋움', Dotum;}
hr { display:none; }
table {border-collapse:collapse;border-spacing: 0;}
a:link, a:visited { color:#67686e; text-decoration:none;}
a:active, a:hover, a:focus { color:#000000; text-decoration:none;}
div, span { font-family:'Noto Sans KR','NanumGothic', '나눔고딕', '돋움', Dotum;}
p {font-family:'Noto Sans KR','NanumGothic', '나눔고딕', '돋움', Dotum; letter-spacing:-1px; }

em { font-style:normal; }
img { border:0; vertical-align:top; }
iframe, fieldset { margin:0; padding:0; border:0px; }
legend{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;background-color:transparent;}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;background-color:transparent;}

/* form */
input,textarea{border:1px solid #c0c0c0;vertical-align: bottom;}
input[type=text],input[type=password]{height:17px;padding:3px 0px 1px 3px;line-height:100%;vertical-align:bottom;}
input[type=file]{height:21px;padding:0px;vertical-align:bottom;}
input[type=checkbox]{border:0px;vertical-align:bottom;margin-bottom:3px;}
input[type=radio]{border:0px;vertical-align:bottom;margin-bottom:3px;}
input[type=submit]{height:23px;padding:1px 10px 0px 10px;vertical-align:bottom;line-height:100%;}
textarea{height:100px;}
select{height:25px;border:0px;display:block;margin:-2px;}
.select{border:1px solid #c0c0c0;display:inline-block;vertical-align:bottom;padding:0px;background:#fff;overflow:hidden;}
.label{display:inline-block;height:18px;padding:5px 0px 0px 0px;vertical-align:bottom;}
.overlabel{position:absolute; visibility:visible;margin:4px 0px 0px 5px;line-height:130%;}
@font-face{
 font-family:'NanumGothic';
 src: url('../font/NanumGothic.eot');
 src: url('../font/NanumGothic.woff') format('woff'),
   url('../font/NanumGothic.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('/common/font/NotoSans-Light.eot') format('embedded-opentype'),
  url('/common/font/NotoSans-Light.woff') format('woff')
  src: url('/common/font/NotoSans-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 200;
  src: url('/common/font/NotoSans-Thin.eot') format('embedded-opentype'),
  url:('/common/font/NotoSans-Thin.ttf') format('truetype'),
  url:('/common/font/NotoSans-Thin.woff') format('woff');
}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin:0;padding:0;border:none}
#wrap {overflow: hidden;position: relative;width: 100%;min-width: 1280px;margin: 0 auto;}
#header {position:relative;width:100%;font-family:'Noto Sans KR','NanumGothic', '나눔고딕', '돋움', Dotum;}
#header:before {content:"";display: block;width:100%;height:1px;background:#dbdbdb;position: absolute;top:98px;left:0;z-index:1 }
#header .top_logo {width:1280px;height:98px;margin:0 auto;position:relative;background:#ffffff;}
#header .top_logo .left {display: inline-block;margin-left:0px}
#header .top_logo .center {display: inline-block;text-align: center;width:294px;height:55px;position: absolute;top:20px;left:50%;margin-left:-125px}
#header .top_logo .center img {width:100%}
#header .top_logo .right {position: absolute;bottom:14px;right:0}
#header .top_logo .right li {float: left;padding:0 13px;position: relative;}
#header .top_logo .right li::before {content:"";display:block;width:1px;height:11px;background:#a5a5a5;position: absolute;top:0;left:0 }
#header .top_logo .right li.first::before {display: none}
#header .top_logo .right li a {color:#474747}
#header .hWarp {width:100%;height:50px;position:relative;background: #fff;border-bottom:1px solid #eee;}
#header .hWarp.fixed_top {position: fixed;top:0;left:0;z-index: 1000}
#header .hCont {width:1280px;margin:0 auto;height:50px;position:relative;border-left:1px solid #dbdbdb;font-family:'Noto Sans KR','NanumGothic', '나눔고딕', '돋움', Dotum;}
#header .hNavi {overflow: hidden;width:1280px;display: inline-block;padding-right:75px;}
#header .hNavi > li {float:left;display:inline;vertical-align:middle;text-align:center;width:14.28%;}
#header .hNavi > li a {font-size:17px;color: #060606; display:inline-block;line-height:58px;height:58px;letter-spacing:-1px;position: relative;-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;}
#header .hNavi > li.selected {background: #f8931d;border-right:1px solid #f8931d}
#header .hNavi > li.selected a {color:#fff}
#header .hNavi > li:nth-child(6).selected {border-right:0}

#header .hWarp .hCont .hNavi #menu1 { font-weight:600; }
#header .hWarp .hCont .hNavi #menu2 { font-weight:600; }
#header .hWarp .hCont .hNavi #menu3 { font-weight:600; }
#header .hWarp .hCont .hNavi #menu4 { font-weight:600; }
#header .hWarp .hCont .hNavi #menu5 { font-weight:600; }
#header .hWarp .hCont .hNavi #menu6 { font-weight:600; }
#header .hWarp .hCont .hNavi #menu7 { font-weight:600; }

/*
#header .hNavi > li:nth-child(1) {margin-left:89px}
#header .hNavi > li:nth-child(2) {margin-left:90px;}
#header .hNavi > li:nth-child(3) {margin-left:98px;}
#header .hNavi > li:nth-child(4) {margin-left:106px;}
#header .hNavi > li:nth-child(5) {margin-left:104px;}
#header .hNavi > li:nth-child(6) {margin-left:111px;}
*/
#header .hWarp .bg {display:none;height:50px;position:absolute;top:50px;left:0;right:0;bottom:0;z-index:5;background:#f8f8f8;border-bottom:1px solid #eee;}
#header .navi_icon  {position: absolute;top:0;right:0;border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb}

#header .hNavi ul.smenu {display:none;position: absolute;top:50px;left:0;right:0;z-index:10;}
#header .hNavi ul.smenu li {display:inline-block;float: left;margin-right:30px;background:none; font-weight:400;}
#header .hNavi ul.smenu li:hover {color:#d0f3ff;}
#header .hNavi ul.smenu li a {color:#797979;font-size:15px;height:40px;line-height:50px;width:auto;padding-left:0;letter-spacing:-1px;}
#header .hNavi ul.smenu li a:hover {color:#000;}
#header .hNavi ul.smenu li.last a{padding-right:0;}
#header .hNavi ul.smenu li a:before {display: none}
#header .hNavi li.selected .smenu {display: block;}
#header.on .hNavi #menu1 .smenu {left:30px;}
#header.on .hNavi #menu2 .smenu {left:89px;}
#header.on .hNavi #menu3 .smenu {left:350px;}
#header.on .hNavi #menu4 .smenu {left:450px;}
#header.on .hNavi #menu5 .smenu {left:590px;}
#header.on .hNavi #menu6 .smenu {left:790px;}
#header.on .hNavi #menu7 .smenu {left:800px;}
#header.on .hWarp .bg {display:block}

#header.all .hWarp .bg {display:block;height:370px;}
#header.all .hNavi > li {text-align:left;padding-left:30px}
#header.all .hNavi ul.smenu {display:block;position: absolute;top:50px;left:0;border-right:1px solid #dddddd;height:370px;width: 13.53%}
#header.all .hNavi ul.smenu li {float:none;display:block;text-align:left;margin-right:0;}
#header.all .hNavi ul.smenu li a {padding-left:30px}
#header.all .hNavi li.selected ul.smenu {background: #fff}
#header.all .hNavi #menu1 .smenu {left:-1px;border-left:1px solid #dddd}
#header.all .hNavi #menu2 .smenu {left:173px;width: 13.40%;}
#header.all .hNavi #menu3 .smenu {left:345px;width: 13.38%;}
#header.all .hNavi #menu4 .smenu {left:518px;width: 13.30%;}
#header.all .hNavi #menu5 .smenu {left:690px;width: 13.30%;}
#header.all .hNavi #menu6 .smenu {left:862px;width: 13.30%;}
#header.all .hNavi #menu7 .smenu {left:1034px;width: 13.30%;}

/*#header.all .hNavi #menu1 .smenu {left:89px;width:205px;}
#header.all .hNavi #menu2 .smenu {left:300px;width:165px;}
#header.all .hNavi #menu3 .smenu {left:502px;width:160px;}
#header.all .hNavi #menu4 .smenu {left:701px;width:160px;}
#header.all .hNavi #menu5 .smenu {left:863px;width:160px;}
#header.all .hNavi #menu6 .smenu {left:1041px;width:160px;}*/

#footer {clear:both;width:100%;height:290px;background:#202020;}
#footer .fCont {width:1280px;margin: 0 auto;position: relative;}
#footer .fCont .fLogo {display:block;padding:49px 0 35px;text-align: center}
#footer .fCont .fList {overflow: hidden;border:1px solid #f6f6f6;width:975px;margin:0 auto }
#footer .fCont .fList li {float:left;height:34px;line-height: 34px;text-align:center;border-left:1px solid #f6f6f6;}
#footer .fCont .fList li a {font-weight:bold;color:#f6f6f6;font-size:14px;}
#footer .fCont .fList li.bx1 {width:192px}
#footer .fCont .fList li.bx2 {width:183px}
#footer .fCont .fList li.bx3 {width:141px}
#footer .fCont .fList li.bx4 {width:138px}
#footer .fCont .fList li.bx5 {width:138px}
#footer .fCont .fList li.bx6 {width:177px}
#footer .fCont .fList li.bx7 {width:177px}
#footer .fCont p.copy {text-align:center; color:#9e9e9e; margin-bottom:20px; margin-top:5px; font-size:14px; letter-spacing:0.1px;}

#footer .fCont .fInfo {clear: both;margin-top:30px;margin-left:98px;overflow: hidden;}
#footer .fCont .fInfo li {font-size:13px;line-height:18px;color:#9e9e9e;float:left;padding:0 13px;position: relative;}
#footer .fCont .fInfo li:before {content: "";display: block;width:1px;height:15px;background: #9e9e9e;position: absolute;top:0;left:0}
#footer .fCont .fInfo li.first:before {display: none}

#quickmenu {position:fixed;top:0px;right:0;z-index:1001}
#quickmenu span {display:block;}
#quickmenu span a {display: block;}

#content {width:100%;position:relative;clear:both;}
.section {width:1280px;margin:0 auto;position:relative;overflow:hidden;}
#content .main-swipe .swipe_btn a{display:inline-block;width:55px;height:55px;background: url(/html/images/main_swipe_btn.png) no-repeat;
cursor: pointer;text-indent: -9999px;}
#content .main-swipe .swipe_btn a.btn_prev {position:absolute;top:255px;left:180px;background-position: 0 0;z-index:1}
#content .main-swipe .swipe_btn a.btn_next {position:absolute;top:255px;right:180px;background-position: right 0;z-index:1}
#content .main-swipe {position:relative;overflow:hidden}
#content .main-swipe img {max-width:100%;width:100%;min-width:1280px;}
#content .main-swipe .bx-controls-direction {display:none}
#content .main-swipe .bx-controls {position:absolute;bottom:13px;left:0;width:100%;}
#content .main-swipe .bx-pager {height:17px;text-align: center;border:1px;}
#content .main-swipe .bx-pager .bx-pager-item {display:inline-block;zoom:1;*display:inline;margin-left:10px;}
#content .main-swipe .bx-pager-item a {display:inline-block;width:11px;height:11px;display: block;background: url(/html/images/swipe_roll.png) no-repeat;background-position:0 0;cursor: pointer;text-indent: -9999px;}
#content .main-swipe .bx-pager-item a.active {width:38px;background-position:-21px 0}

@media all and (min-width : 1224px) {
	.main-swipe .swipe-wrap img {max-width:100%;max-height:100%;height:inherit !important;}
}

#real-self-wp {position:relative;width:1280px;height:686px;margin:0 auto;}
#real-self-wp .tit {text-align: center;margin-top:74px;margin-bottom:55px}
#real-self-wp .swiper-container{width:1280px; height:325px; margin:0 auto 30px auto;}
#real-self-wp .swiper-wrapper{height:auto !important;}
#real-self-wp .swiper-slide{cursor:pointer !important; position:relative; width:228px; text-align: center; font-size:18px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; /* -webkit-filter:grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:grayscale(100%); filter:gray; */}
#real-self-wp .swiper-slide > img{width:228px; height:325px;}
#real-self-wp .swiper-slide-active{-webkit-filter:grayscale(0%);filter: none;width:332px !important;}
#real-self-wp .swiper-slide-active > img{width:332px; height:325px;}
#real-self-wp .swiper-button-prev, #real-self-wp .swiper-container-rtl .swiper-button-prev{background:url("/html/images/live_swipe_btn_prev.png") no-repeat !important; width:58px !important; height:58px !important; top:48% !important; left:-100px !important; z-index:999 !important;}
#real-self-wp .swiper-button-next, #real-self-wp  .swiper-container-rtl .swiper-button-next{background:url("/html/images/live_swipe_btn_next.png") no-repeat !important; width:58px !important; height:58px !important; top:48% !important; right:-100px !important; z-index:999 !important;}
#real-self-wp .btn {text-align: center}

#content .main_roll {width:100%;position: relative;}
#content .main_roll .section {position: static}
#content .main_roll .roll_tab {overflow: hidden;margin-left:-2px;position: absolute;top:6%; font-weight:bold; }
#content .main_roll .roll_tab li {float: left;width:252px;height:48px;line-height:48px;border:1px solid #e0e0e0;margin-left:2px;text-align:center;background: #fff}
#content .main_roll .roll_tab li a {color:#252525;font-size:16.5px;letter-spacing:-1px}
#content .main_roll .roll_tab li.on {background:#282828}
#content .main_roll .roll_tab li.on a {color:#fff}
#content .main_roll .roll_img li {display: none}
#content .main_roll .roll_img li img {max-width:100%;width:100%;min-width:1280px;}

#content .main_banner_list ul {overflow: hidden;margin-top:75px;margin-bottom:77px} 
#content .main_banner_list ul li {float:left;margin-right:20px}
#content .main_banner_list ul li.last {margin-right:0}

#content .main_qna {max-width:100%;width:100%;min-width:1280px; height:590px;
background:url('/html/images/main_qna.jpg')center top no-repeat; margin:0 auto; text-align:center;}
#content .main_qna img {margin-top:474px; position: relative;}

#content .main_realstory { max-width:100%;width:100%;min-width:1280px; height:625px;
background:url('/html/images/main_realstory_bg.jpg')center top no-repeat; margin:0 auto; text-align:center; }
/*#content .main_realstory img {margin-top:442px; margin-left:-965px; position: relative; }*/
#content .main_realstory div.real_btn {padding-top:442px; margin-left:-695px; position: relative; }

#content .notice {margin-top: 86px;overflow: hidden;}
#content .notice .notice_box {float:left;border:1px solid #e7e7e7;height:344px}
#content .notice .notice_box.n_left {border:none}
#content .notice .notice_box.n_center {margin-left:26px;margin-right:23px;position: relative;}
#content .notice .notice_box.n_center li {float:left;display: inline-block}
#content .notice .notice_box.n_right {padding:46px 31px 0 27px;}
#content .notice .notice_box.n_right h1 {position: relative;}

#content .notice .notice_box.n_right h1 > a {position: absolute;top:-2px;right:6px}
#content .notice .notice_box.n_right ul {margin-top:27px}
#content .notice .notice_box.n_right li {display: block;height:53px;line-height:53px;border-bottom:1px solid #dbdbdb;overflow: hidden;padding-left:12px;position: relative;}
#content .notice .notice_box.n_right li a {font-size:13px;color: #7c8580;width:235px;overflow: hidden;display:inline-block}
#content .notice .notice_box.n_right li:after {content: "";display:block;width:2px;height:3px;background: url(/html/images/main_c5_icon.jpg) no-repeat;position: absolute;top:50%;left:0}
#content .notice .notice_box.n_right li span {float:right;padding-left:6px}
#content .notice .notice_box.n_right li.last {border-bottom:none} 

#fNive {width:100%;background: #3b3b3b;margin-top:90px}
#fNive .fNavi {margin:30px 0 32px;overflow:hidden;}
#fNive .fNavi > li {float:left;border-left:1px solid #535353;height:315px}
#fNive .fNavi > li > a {font-size:14px;color:#d5d5d5;margin-bottom:17px;display: block;}
#fNive .fNavi  li .smenu {padding-top:24px;position: relative;}
#fNive .fNavi  li .smenu:after {content: "";display:block;width:18px;height:1px;background: #fff;position: absolute;top:0;left:0;}
#fNive .fNavi  li .smenu li {padding-bottom: 13px;}
#fNive .fNavi  li .smenu a {font-size:13.5px;color:#d5d5d5;}
#fNive .fNavi  li .smenu a:hover {color:#fff; font-weight:bold;}
#fNive .fNavi  #menu1 {padding-left:26px;width: 190px;}
#fNive .fNavi  #menu2 {padding-left:21px;width: 190px;}
#fNive .fNavi  #menu3 {padding-left:28px;width: 170px;}
#fNive .fNavi  #menu4 {padding-left:24px;width: 180px;}
#fNive .fNavi  #menu5 {padding-left:25px;width: 190px;}
#fNive .fNavi  #menu6 {padding-left:23px;width: 180px;}
#fNive .fNavi  #menu7 {padding-left:23px;width: 180px;border-right:1px solid #535353;}
#fNive .navititle {font-weight:bold; color:#fff; }

.advice {width:100%;background: #707578}
.advice .left {float:left;margin-left:52px}
.advice .form {margin:30px 0 30px 16px;display:inline-block;border-left:1px solid #b6babb}
.advice .form table {margin-top:15px;margin-left:27px}
.advice .form table .tit {display:inline-block;float:left;width:85px;height:30px;line-height:30px;padding-left:25px;font-size:14px;text-align:left;color:#fff;font-weight:normal}
.advice .form table .ipt {display:inline-block;border:1px solid #cccecd;background: #fff;padding:5px;width:193px}
.advice .form table .ipt.w479 {width:479px}
.advice .form table .ipt input {width:100%;border:none;outline: none} 
.advice .form table button {width:97px;height:85px;margin-left:33px;border-radius:10px;border:none;background:#62c9d0;color:#fff;outline:none;cursor: pointer;
font-size:17px; letter-spacing:-1px; font-weight:bold;}
.advice .form table .chk {color:#fff;padding-left:83px}
.advice .form table .chk span {position: relative;display: inline-block;margin-right: 26px}
.advice .form table .chk span:before {content:"";display: block;width:100%;height:1px;background:#fff;position: absolute;bottom:0;left:0}
.advice .form table .chk input {vertical-align: middle}
.advice .form table .chk .view {margin-left:5px;background:#1e1e1e;color:#fff;padding:3px 4px}

#sub_visual {position: relative;padding-left:50%}
#sub_visual img {display:block;margin-left:-1000px}
#sub_content {position:relative;min-height:500px;}
#sub_content .cont_wrap {position:relative;width:1280px;margin:0 auto}

#sub_content.board_wrap {width: 1280px;min-height: 500px;margin: 0 auto;padding: 70px 0 150px;text-align: left;}
.board_wrap table {border-spacing:0;}
.board_wrap .boardList {width:100%;border-top:2px solid #383838;word-break: break-all;}
.board_wrap .boardList th {border-bottom:1px solid #c8c8c8;font-size:16px;font-weight: normal; color:#383838;line-height: 55px;
background: #f8f8f8;text-align:center}
.board_wrap .boardList td {border-bottom:1px solid #cbcbcb;padding:17px 5px;font-size:16px;color:#585858; text-align: center;line-height: 25px;}
.board_wrap .boardList td.left {text-align:left;padding-left:10px}
.board_wrap .boardList .listImgWrap {padding:30px 10px;}
.board_wrap .boardList .listImgWrap p {overflow: hidden;position: relative;width:202px;height:132px;border: 1px solid #dddddd;}
.board_wrap .boardList .listImgWrap .img {position: absolute;top:50%;left:50%;width:100%;height: auto;min-height: 100%;transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);vertical-align:top}
.board_wrap .boardList .td_subject {text-align:left;padding:30px 10px;vertical-align:top}
.board_wrap .boardList .td_subject .title {margin-top:0;font-size:20px;color: #1a1a1a;line-height: 27px;}
.board_wrap .boardList .td_subject .title strong {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;}
.board_wrap .boardList .td_subject .cont {display:block;padding:17px 0 30px;font-size: 15px;color: #595959;line-height: 20px;}
.board_wrap .boardList .bListInfo {overflow: hidden;}
.board_wrap .boardList .bListInfo li {float:left;position: relative;font-size: 14px;color: #a8aaac;}
.board_wrap .boardList .bListInfo li+li {margin-left:12px;}
.board_wrap .boardList .bListInfo li+li:before {position:absolute; top:0; left:-9px; content:'/'}
.board_wrap .boardList .bListInfo li.writer {color: #4a80d8;}
.board_wrap .boardList .mark {display: inline-block;height:25px;line-height:25px;width:75px;text-align:center;border:1px solid #545454;border-radius:3px;font-size:13px}
.board_wrap .boardList .mark.finish {background: #2caab8;border-color:#2caab8;color:#fff}
.boardThumb ul {overflow:hidden;margin: 0 -2px;text-align: center;}
.boardThumb ul li {float: left;width:25%;padding: 0 2px;padding-top: 30px;}
.boardThumb ul li > a {display:block;height:252px;border:1px solid #e4e4e4;position:relative;color:#fff;}
.boardThumb ul li .imgWrap {overflow: hidden;position:relative;height:252px;border-bottom: 1px solid #e4e4e4;}
.boardThumb ul li .imgWrap img {position: absolute;top: 50%;left: 50%;width: 100%;height: auto;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);}
.boardThumb ul li .thumb {overflow: hidden;position: absolute;left: 0;bottom: 0px;right: 0;z-index: 23;padding: 10px 15px;white-space: nowrap;
text-overflow: ellipsis;font-size: 20px;font-weight: normal;color: #fff;line-height: 1.5;text-align: center;background: rgba(0,0,0,0.7);}

.boardImgList {position:relative; width:910px; margin:30px auto; padding-bottom:25px;}
.boardImgList .btn_login {display:none;}
.boardImgList.login_before .btn_login {display:block;overflow:hidden;position:absolute;top:0;left:0;z-index:100;width:455px;height:300px;text-indent:-999px;background:url(/html/images/login_box.png) no-repeat center;}
.boardImgList .before {position:absolute; top:66px; left:0; z-index:100; width:50%; height:20px; opacity:0.5; background:url('../images/title_bna.png') no-repeat center;}
.boardImgList .title {display:block; padding:20px; font-size:17px; color:#333333; line-height:28px; text-align:center; font-weight:normal; background:#eaeaec;}
.boardImgList .title b {color:#1ab8a7 !important; font-weight:normal;}
#bnaSlider {position:relative; width:910px; height:300px;overflow: hidden;}
#bnaSlider li img {width:910px; height:300px;}
#bnaSlider li b {display:block; position:relative;}

#bnaSlider .bxPager {position:absolute; bottom:0px; left:50%; z-index:105; width:500px; margin-left:-250px; border-bottom:0;  text-align:center;}
#bnaSlider .bxPager p {display:inline-block; vertical-align:top;}
#bnaSlider .bxPager a {display:inline-block; float:left; box-sizing:border-box; width:65px; height:45px; padding:0 6px; border:1px solid #eaeaec; border-left:0; font-size:17px; color:#fff; line-height:45px; background:#5a5e69;}
#bnaSlider .bxPager a.active {background:#1ab8a7;}
#bnaSlider .bxPager a:first-child {border-left:1px solid #eaeaec;}
#bnaSlider .bx-prev {overflow:hidden; position:absolute; z-index:100; top:50%; left:30px; width:21px; height:40px; margin-top:-20px; text-indent:-999px; background:url(/html/images/btn_prev.png) no-repeat center;}
#bnaSlider .bx-next {overflow:hidden; position:absolute; z-index:100; top:50%; right:30px; width:21px; height:40px; margin-top:-20px; text-indent:-999px; background:url(/html/images/btn_next.png) no-repeat center;}
#bnaSlider .txt {position:absolute; top:0; right:0; z-index:100; padding:0 10px; font-size:13px; line-height:30px; color:#fff; background:rgba(24,24,24,0.8);} 
.sliderBottom {position:relative;}
.sliderBottom .btnWrap {position:absolute; top:20px; right:30px; border:1px solid #4e4e4e;}
.sliderBottom .btnWrap a {float:left; width:55px; font-size:14px; color:#4e4e4e; text-align:center; line-height:25px;}
.sliderBottom .btnWrap a+a {border-left:1px solid #4e4e4e;}

#thumbList {position:relative; width:910px; margin:50px auto 0;}
#thumbList ul {overflow:hidden; margin-left:-13px;}
#thumbList li {float:left; position:relative; width:25%; padding-left:13px; margin-bottom:13px; text-align:center; font-size:0;}
#thumbList li:hover a:before, #thumbList li.on a:before {position:absolute; top:0; left:0; right:0; bottom:-40px; z-index:100; border:2px solid #1ab8a7; content:'';}
#thumbList li a.img {display:block; position:relative; z-index:100;}
#thumbList li span {display:block; position:relative; padding-bottom:32.96%; background:#000;}
#thumbList li img {position:absolute; top:0; left:0; width:100%; height:100%;}
#thumbList li strong {display:block; position:relative; z-index:2; padding:0 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#333333; font-weight:normal; text-align:center; line-height:40px; background:#eaeaec;}
.login_before #thumbList span:before {position:absolute; top:0; left:0; z-index:2; width:50%; height:100%; background:url(/html/images/before.png) no-repeat center rgba(54,59,71,0.92); background-size:50px auto; content:''}

.pageArea {text-align:center; margin:40px 0 40px;}
.pageArea .pagingList {text-align:center; display:inline-block;}
.pageArea .pagingList > span, .pageArea .pagingList > a {float:left; margin:0 5px; border:1px solid #383838;}
.pageArea  img {vertical-align:top;}
.pageArea .paging {display:inline-block; float:left;}
.pageArea .paging li {float:left; width:40px; height:40px; margin:0 5px;}
.pageArea .paging li a {display:block; height:40px; border:1px solid #a8a8a8; font-size:15px; color:#595959; line-height:38px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.pageArea .paging li.over a, .pageArea .paging li a:hover {border-color:#383838; color:#fff; background:#383838;}

@media screen and (max-width:1600px){
  .content_fix {width:900px;margin:30px auto 0;}
  .content_fix * {box-sizing: content-box;-webkit-box-sizing: content-box;}
}
.category_tab { width:100%; height:40px; }
.category_tab td { position:relative; width:1%; text-align:center; font-size:14px; font-weight:bold;background:url(/html/images/board_tab.gif);}
.category_tab .box {display:block;position:relative;height:30px;padding-top:10px;}
.category_tab .tab { position:absolute; width:3px; height: 40px; background: url(/html/images/board_tab.gif) no-repeat;}
.category_tab .normal { background-position:-25px 0; }
.category_tab .normal .left { left:0px; top:0px; background-position:-12px 0; }
.category_tab .normal .right { right:0px; top:0px; background-position:-15px 0 }
.category_tab .normal .first { background-position:-18px 0; }
.category_tab .normal .last { background-position:-21px 0; }
.category_tab .selected { background-position:-1010px 0; }
.category_tab .selected .left { left:0px; top:0px; background-position:-6px 0; }
.category_tab .selected .right { right:0px; top:0px; background-position:-9px 0 }
.category_tab .selected .first { background-position:-0px 0; }
.category_tab .selected .last { background-position:-3px 0; }
.tab_cnt {position: relative;}
.wrap_select {position: absolute;left: 56px;top: 235px;z-index: 1;}
.wrap_select a {float:left;margin-right:13px}
.btn_table {width:100%;}
.btn_table .line1 {border-top:#eaeaea 1px solid;}
.btn_table .line2 {border-top:#eaeaea 1px dashed;}
.btn_table .text {width:492px;padding-left:19px;vertical-align:middle;color:#5f5f5f;text-align: left}
.btn_table .text b {color: #64b9fc;font-size: 2px;vertical-align: middle;}
.btn_table .btn {padding:7px 0px 3px 0px;float:left}
.auth_wrap {text-align:left}
.auth_wrap .tit {background: url(/html/images/member_join_icon.jpg) no-repeat 0 center;padding-left:13px;font-weight: bold;font-size:13px}
.auth_box input {vertical-align: middle}
.policy_box {height:100px;border:#000 1px solid;overflow-y:scroll;padding:5px;line-height:18px;background:#fff;align:justify;}
.policy_check {text-align:center;padding:5px 0 10px 0;font-size:14px}
.dimm {z-index: 1001;border: none;margin: 0px;padding: 0px;width: 100%;height: 100%;top: 0px;left: 0px;background-color: rgb(0, 0, 0);
  opacity: 0.7;cursor: default;position: fixed;}
.poplogin {z-index: 1011;position: fixed;padding: 0px;margin: -185px 0px 0px -420px;width: 840px;top: 50%;left: 50%;text-align: center;color: rgb(0, 0, 0);height: 370px;}
.poplogin .poptit {position: absolute;top: 102px;left: 50%;margin-left: -133px;}
.poplogin .wrap_select {position: absolute;top:167px;left:140px}
.poplogin .btn_table {position: absolute;top:259px;left:106px}
.poplogin .btn_table .text {width:253px;padding-left:0}
.poplogin .btn_table .text b {color:#5f5f5f}
.poplogin .close_btn {position: absolute;top: 18px;right: 25px;width: 40px;height: 43px;text-indent: -9999px;}
.input_id {position: absolute;top: 230px;left: 57px;overflow: hidden;width: 400px;}
.input_id span {display:inline-block;margin-bottom:5px}
.input_id input {width:180px;height:28px;padding-top:6px;font-size:18px;border:1px solid #333;padding:3px 5px}
.input_id strong {font-size:15px;margin-right:5px;width:90px;float:left;line-height:36px}
.input_id .btn {position: absolute;top:0;right:0}
.input_id .btn input {width: 100px;height: 78px;border: none;padding:0}
.poplogin .input_id {position: absolute;top: 150px;left: 147px;width: 538px;text-align: left;}
.poplogin .input_id input {width:328px;height:36px}
.auth_box1 {background: #f0f1f3;padding: 30px;margin-top: 20px;position: relative;color:#000;font-size:13px}
.auth_wrap {text-align:left;color:#000;font-size:13px}
.auth_box3 {position:relative;padding:4px;margin:10px 30px 0 30px;}
.board_style_write1 {width: 100%; border-top:#454545 2px solid; border-bottom:#454545 1px solid; }
.board_style_write1 th { height:36px;border-top:#e4e4e4 1px solid;vertical-align:middle;background:#f7f7f7;font-weight:bold; }
.board_style_write1 td { height:36px;border-top:#e4e4e4 1px solid;vertical-align:middle;text-align:left;padding:1px 0 0 25px;  }
.checkid .innerbox {position:relative;background:#fff;width:100%;padding:25px 25px 25px 25px;width:auto;}
.checkid .innerbox2 {position:relative;background:#c9d3df;width:100%;padding:25px 25px 25px 25px;width:auto;}
.auth_tab {overflow: hidden;width:100%;background:#8793a1;position: relative;top:50px;left:0;z-index:10;}
.auth_tab li {float:left;width:200px;height:50px;line-height:50px;text-align: center;}
.auth_tab li a {font-size:17px;color:#cfd7da;font-weight: bold}
.auth_tab li.on {background: #f1f1f3}
.auth_tab li.on a {color:#43434d}
.auth_tab li.on a b {color:#4399ec}
.auth_box4 {padding-left:30px; line-height:1.7; font-size:14px; color:#000;}
.sub_tit { font-size:13pt; font-weight:bold; }
#replay_cont {padding:50px; border-bottom:1px solid #a8a8a8; background:#f8f8f8;font-size:14px;line-height: 18px;}
#replay_cont .tit {display:block; width:100px; margin-bottom:20px; border:1px solid #595959; font-size:15px; color:#595959; text-align:center; line-height:30px; background:#fff;}
.boardView {width:100%; border-top:2px solid #383838;}
.boardView .subject {display:block; padding:23px 10px; margin-right:600px; font-size:17px; color:#383838; line-height:23px;}
.boardView .subject em {color:#339ea4;}
.boardView .top {position:relative; border-bottom:1px solid #cbcbcb;}
.boardView .contents {padding:20px; border-bottom:1px solid #a8a8a8;font-size: 14px;line-height: 18px;}
.boardView .contents .tit {display:block; width:100px; margin-bottom:20px; font-size:15px; color:#fff; text-align:center; line-height:30px; background:#383838;}
.boardView .bInfo {position:absolute; top:22px; right:10px;}
.boardView .bInfo li {float:left; position:relative; margin-left:26px; font-size:15px;}
.boardView .bInfo li+li:before {position:absolute; left:-13px; top:-1px; content:'|';}
.boardView .bInfo b {font-weight:normal; color:#339ea4;}
.boardView#boardView_qa .contents {border-bottom:none}
#boardView_qa #replay_cont {border-top: 1px solid #a8a8a8;}

.writeForm {width:100%; border-top:2px solid #242633;}
.writeForm td * {vertical-align:middle;}
.writeForm td, .writeForm th {border-bottom:1px solid #cbcbcb; padding:20px; text-align:left;}
.writeForm th {font-size:16px; color:#585858; padding:17px 10px 17px 30px; vertical-align:top; line-height:22px; vertical-align:middle; background:#f8f8f8;}
.boardTxt {font-size:15px; color:#585858;}
span.boardTxt, em.boardTxt {display:inline-block; padding-left:10px;}
p.boardTxt {padding-top:5px;}
em.boardTxt, .boardTxt em {color:#0971ba;}
.writeForm .file_list li+li {margin-top:5px;}
.writeForm .file_img {margin-top:5px;}
.btnArea {overflow:hidden; margin-top:30px; text-align:center;}
.btnArea * {vertical-align:middle;}
.btnArea p {display:inline-block;}
.btnArea input[type=submit] {height:40px}
.btnArea .btn {float:left; margin:0 5px;display:inline-block; min-width:150px; height:40px; padding:0 20px; border:0; font-size:16px; color:#fff !important; text-align:center; line-height:40px; background:#383838; cursor:pointer;}
.btnArea .btn.gray01 {background:#c2c2c2;}

.writeForm select,.writeForm input[type="text"],
.writeForm input[type="password"],.writeForm .textForm,.writeForm textarea {background:#ffffff; border:1px solid #d3d3d3; font-size:16px; color:#585858;}
.writeForm select {height:35px; padding:5px 5px 5px 10px; vertical-align:middle;display: inline;}
.writeForm input[type="text"],.writeForm input[type="password"],.writeForm .textForm {padding:0 10px;}
.writeForm input[type="text"],.writeForm input[type="password"],.writeForm input[type="file"], .textForm {font-size:16px; color:#585858; height:35px;}
.writeForm textarea {padding:10px;}
.btnArea + .pageArea {margin-top:20px;}
.full {width:100%;}
.fSize60 {width:60%;}
.fSize01 {width:250px;}
.fSize02 {width:100px;}
input.number, select.number {width:100px;display: inline}
.red {color:#c90b0b;}
.point {color:#2dabb2;}
.hr {display:block; height:100px; border:0;}
.content_fix  input[type="image"] {border:none}
.content_fix  input.btn_submit {width: 98px;height: 56px;font-size: 13px;font-weight: bold;padding: 0;}
.content_fix #captcha img {vertical-align:middle}
.content_fix #captcha .captcha_box {width: 26%;height:25px;vertical-align: middle;}
.content_fix #captcha #captcha_info {display: block}
#fboardlist .bo_fx {position: absolute;bottom:0;right:0;z-index:1}
#bo_v a.btn_b01 , #bo_v a.btn_b02 ,#bo_list a.btn_b02 {color: #fff;}
.auth_box3 h2 {font-size:20px;margin:10px 0}
.auth_box3 p {font-size:17px;line-height:22px}
.auth_box3 a {display: inline-block;min-width:180px; height:40px;line-height: 40px;font-size: 18px;color: #fff;text-align: center;background:#2c2c2c; cursor: pointer;margin-top:10px}

/*개인정보취급방침 팝업*/
.advice {position: relative;}
.advice .view {color:#fff;margin-right:26px}
.q_agree_box {display:none; position:absolute; top:-195px; left:50%; width:381px; padding-bottom:20px; border:1px solid #1db7b3; background:#fff; letter-spacing:-0.04em;}
.q_agree_box strong {display:block; padding-left:20px; font-size:17px; color:#fefefe; line-height:60px; font-weight:500; background:#1db7b3; }
.q_agree_box .btn_close02 {position:absolute; top:13px; right:20px;}
.q_agree_box .agree_cont {width:100%; height:250px; padding:20px; overflow-y:scroll; font-style:normal;}
.call .q_agree_box {top:90px;}
#sub_content a.btn_admin ,#sub_content .btn_admin {color:#fff}
#sub_content a.btn_b02, #sub_content .btn_b02 {color:#fff}

#content .mbskin {width:1000px;margin:0 auto}