/*common*/
.clearfix:before,
.clearfix:after {content:" "; display:table;}
.clearfix:after {clear:both;}

body {font:16px/1 'Nanum Barun Gothic';}

table{width:100%;border:0;letter-spacing: -0.2px; border-top: 2px solid #333;}
table.pres {margin-top: 36px;}
tr.top th {position:relative; font:bold 12px/3.6 'Nanum Barun Gothic'; color:#7a7a7a;}
tr.top th.col-1:before {display: none;}
tr.top th:before {display:block; position:absolute; top:15px; left:0; content:''; width:1px; height:9px; background:#ccc;}
tr th {color:#a68d74; font:bold 14px/2.1 'Nanum Barun Gothic';}
tr th span {padding-bottom:3px; margin-right:20px;border-bottom: 1px solid #a68d74;}
table.grade a {position:relative;}
table.grade a img {position:absolute; top: 3px; right:0;}
td {font:bold 14px/4.4 'Nanum Barun Gothic'; color:#333;}
tr {border-bottom: 1px solid #e9e9e9;text-align: center;}
tr.noti {border-bottom: 1px solid #fff;text-align: center; background-color: #f2f2f2;}
table.pres th.col-1,  table.pres th.col-7 {width:10%;}
table.pres th.col-3{width:14%}
table.pres th.col-2 {width:9.7%;}
table.pres th.col-4 {width:16%;}
table.pres th.col-5 {width:21.1%;}
table.pres th.col-6 {width:23.2%;}
tr.backblue {background-color: #edf5f7;}
td.address {line-height:19px;}
table.sel-term td.sub {text-align:left; padding-left:25px;}
table.sel-term th.col-1 {width:49%;text-align: left;padding-left:25px;}
table.sel-term th.col-2, table.sel-term th.col-3 {width:9%;}
table.sel-term th.col-4, table.sel-term th.col-5 {width:7%;}
table.sel-term th.col-6 {width:11.7%;}
table.sel-term td.pn {color:#7386c6;}


.content-wrap {max-width:960px; margin:0 auto; padding: 0 10px;}
.img-con img {display:block;}


/**head-tit / top-bg**/
.head-tit.long {height:464px;overflow: hidden;}
.head-tit.short {height:240px;overflow: hidden;}
.head-tit {position:relative; width:100%; display: block;}
.head-tit .tit-con {display:block; width:100%; max-width: 940px; margin: 0 auto; }
.head-tit .tit-con h2.page-tit {display:block; padding: 72px 0; font:30px/1 'Nanum Barun Gothic Bold'; padding-bottom:22px; margin-bottom:22px; letter-spacing: -1px;
    border-bottom: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ color:#fff;}
.head-tit .tit-con h3.page-sub {display: block; color:#d2d5d9; font: normal 20px/27px 'Nanum Barun Gothic Bold'; letter-spacing: -1.2px;}
.head-tit .tit-con h3.page-sub span {color:#ffc600;}
.top-bg1 {width:100%; display:block; position: absolute; top:0; z-index: -999;}
.top-bg2 {width:106%; display:block; position: absolute; /*top:385px;*/ left:-6%; z-index: -999; overflow: hidden;}
.top-bg1 img {width:100%; height:464px; display:block;}
.top-bg2 img {width:100%; height:370px; display:block;}


/*belief-con-1*/ /**1126 nature**/
.belief-con-1 {display:block;width:100%;}
.belief-con-1 p.sub {display:block; width:100%; margin-top:20px; color:#ffc600; font:normal 20px/24px 'Nanum Barun Gothic';}
.belief-con-1 span {display:block; width:100%; margin-top:12px; margin-bottom:23px; color:#d2d5d9; font:bold 14px/1.6 'Nanum Barun Gothic';} 
.belief-1 .content-wrap .img-con, .belief-1 .content-wrap .img-con img {width: 100%;}
.belief-1 .content-wrap .sub-con {width:100%; display:block; margin-top:35px; padding-top:35px; border-top:1px solid #e5e5e5;}
.belief-1 .content-wrap .sub-con p.num {font:bold 30px/1.6 'Noto Sans'; color:#0056ad; }
.belief-1 .content-wrap .sub-con p.sub {font:bold 20px/24px 'Nanum Barun Gothic'; color:#0056ad; }
.belief-1 .content-wrap .sub-con p.body {margin-top:20px; font:bold 14px/1.6 'Nanum Barun Gothic'; color:#333333; letter-spacing: -0.4px;}
.belief-1 .content-wrap .btn-request {width:100%; display:block; margin-top: 70px; text-align: center;}
.belief-1 .content-wrap .btn-request a {display:block; width:213px; height:57px;margin:0 auto; box-sizing: border-box; color:#fff; background-color: #002e5b; font:normal 16px/57px 'Nanum Barun Gothic'; text-align: left; }
.belief-1 .content-wrap .btn-request p {position:relative; display: block; padding-left:30px;}
.belief-1 .content-wrap .btn-request p:after {display: block; position: absolute; right: 13px; top: 20px; content: ''; width: 18px; height: 15px; background-image: url("/img/belief/support_icon_btnarrow.png"); background-repeat: no-repeat;}


/*belief-con-1_pop*/ 
.belief-1 .layer-pop-1 {display:none; width:100%; padding:335px 0; z-index: 999;}
.belief-1 .layer-pop-1 .blackdim {position:absolute; top:0; left:0; width:100%; display:block; height:100%; background-color: black;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
  filter: alpha(opacity=55);
  -moz-opacity: 0.55;
  -khtml-opacity: 0.55;
  opacity: 0.55;}
.belief-1 .layer-pop-1 span.meet-txt {width:100%; display:block; font:normal 20px/24px 'Nanum Barun Gothic'; color:#7a7a7a;}
.belief-1 .forms.pop-form {position:relative;width:700px;border:0; margin:0 auto;}
.belief-1 .forms.pop-form .pop-head {position:relative; width:100%; display: block; background-color: #002e5b; color:#fff; font:normal 16px/48px 'Nanum Barun Gothic'; text-align: center;}
.belief-1 .forms.pop-form .pop-head .btn-close {position:absolute; display:block; right:10px; top:10px;line-height:0;}
.belief-1 .forms.pop-form .form-con {position:static;display:block;width:100%;margin:0;}

/*belief-1*/
.belief-1 .forms {width: 100%; position: relative; padding: 10px 0; margin-bottom: 878px; border: 1px solid #a7927e; box-sizing: border-box;}
.belief-1 .forms li {width: 25.5%; padding: 0 20px; box-sizing: border-box; height: 54px;}
.belief-1 .forms li > a {display: block; position: relative; height: 54px; vertical-align: middle; border-top: 1px solid #cbbfb4; box-sizing: border-box; color: #a68d74; font: 14px/54px 'Nanum Barun Gothic';}
.belief-1 .forms li:first-child > a {border: none;}
.belief-1 .forms li > a:after {display: block; position: absolute; top:19px; right: 3px; content: ''; width: 16px; height: 16px; background: url('../img/common/6_arrow_grey.png') 0 0 no-repeat;}
.belief-1 .forms li > a.on {color: #ea8148;}
.belief-1 .forms li > a.on:after {background: url('../img/common/6_arrow_orange.png') 0 0 no-repeat;}
.belief-1 .forms .form-con {position: absolute; top:-1px; right:-1px; width:74.5%; padding: 54px 46px; border: 1px solid #a7927e; background: #fff; display: none;}
.belief-1 .forms li:first-child .form-con {display: block;}
.belief-1 .forms .form-con h3 {font: bold 20px/38px 'Nanum Barun Gothic Bold'; color: #333;}
.belief-1 .forms .form-con p.sub-con {text-align: left; font: normal 14px/1.6 'Nanum Barun Gothic';}
.belief-1 .forms .form-con p.sub-con span {font: normal 14px/1.6 'Nanum Barun Gothic Bold'; color:#ea8148;}
.belief-1 .forms .form-con dl {margin-top: 20px; border-bottom: 1px solid #e9e9e9;}
.belief-1 .forms .form-con dl dt,
.belief-1 .forms .form-con dl dd {float: left; height: 61px; line-height: 30px; vertical-align: middle; border-top: 1px solid #e9e9e9;}
.belief-1 .forms .form-con dl dt {position: relative; width: 19%; text-indent: 19px; vertical-align: middle; font: bold 14px/61px 'Nanum Barun Gothic Bold';}
.belief-1 .forms .form-con dl dt:after {position: absolute; left:6px; top: 27px; display: block; width: 7px; height: 4px; content: ''; background: url('../img/form_star.png') 0 0 no-repeat;}
.belief-1 .forms .form-con dl dd {width: 81%; padding: 16px 0 15px; max-width: 507px;}
.belief-1 .forms .form-con dl dd span,
.belief-1 .forms .form-con dl dd input,
.belief-1 .forms .form-con dl dd select {line-height: 30px; vertical-align: middle;}
.belief-1 .forms .form-con dl dd select, 
.belief-1 .forms .form-con dl dd input[type="text"],
.belief-1 .forms .form-con dl dd input[type="tel"],
.belief-1 .forms .form-con dl dd input[type="password"] {height: 30px; margin-top: -5px; line-height: 30px; vertical-align: middle;} 
.belief-1 .forms .form-con dl dd input+label {font: 14px/30px 'Nanum Barun Gothic';}

/*form-1*/
.belief-1 .form-con dl dd textarea {resize: none;}
.belief-1 .forms .form-con dl dd.name input,
.belief-1 .forms .form-con dl dd.contact input{width: 242px;}
.belief-1 .forms .form-con dl dd.gender span{margin-left: 37px;}
.belief-1 .forms .form-con dl dd.gender span:first-child,
.belief-1 .forms .form-con dl dd.bulean-mar span:first-child {margin-left: 0;}
.belief-1 .forms .form-con dl dd.cel-num span select,
.belief-1 .forms .form-con dl dd.cel-num span input{width: 90px;}
.belief-1 .forms .form-con dl dd.cel-num span label {display: none;}
.belief-1 .forms .form-con dl dd.email-info span input,
.belief-1 .forms .form-con dl dd.email-info span select{width: 150px;}
.belief-1 .forms .form-con dl dd.email-info span label {display: none;}
.belief-1 .forms .form-con dl dd.addr {position: relative; height: auto;}
.belief-1 .forms .form-con dl dd.addr span {display: block; margin-top: 10px;}
.belief-1 .forms .form-con dl dd.addr span:first-child {margin-top: 0;}
.belief-1 .forms .form-con dl dd.addr span input {display: block; width: 100%; height: 30px;}
.belief-1 .forms .form-con dl dd.addr span label {display: none;}
.belief-1 .forms .form-con dl dd.addr span:first-child input {width: 368px;}
.belief-1 .forms .form-con dl dd.addr span:first-child input,
.belief-1 .forms .form-con dl dd.addr span:first-child a {float: left;}
.belief-1 .forms .form-con dl dd.addr span:first-child input {display: block; width: 75%; margin-right: 2%;}
.belief-1 .forms .form-con dl dd.addr span:first-child a {width: 23%;margin-top:-5px;}
.belief-1 .forms .form-con dl dd.addr span a {display: block; width: 115px; height: 30px; font: 14px/30px 'Nanum Barun Gothic'; color: #fff; background: #686868; text-align: center; border: 1px solid #404040; box-sizing: border-box;}
.belief-1 .forms .form-con dl dd.addr span a span {height: 30px; line-height: 30px; vertical-align: middle;}
.belief-1 .forms .form-con dl dd.tp1 {position: relative; height: auto;}
.belief-1 .forms .form-con dl dd.tp1 span input {float:left;display: block; width: 50%; height: 30px;}
.belief-1 .forms .form-con dl dd.tp1 span a {float:left;display: block; width: 115px; height: 30px; margin-top:-5px; margin-left:5px; font: 14px/30px 'Nanum Barun Gothic'; color: #fff; background: #686868; text-align: center; border: 1px solid #404040; box-sizing: border-box;}
.belief-1 .forms .form-con dl dd.tp1 span a span {height: 30px; line-height: 30px; vertical-align: middle; text-align:center !important}
.belief-1 .forms .form-con dt.brotherhood, .belief-1 .forms .form-con dt.job-dt {width:11.8%;}
.belief-1 .forms .form-con dl dd.church-name, .belief-1 .forms .form-con dl dd.name {width: 42.3%;}
.belief-1 .forms .form-con dl dd.brotherhood, .belief-1 .forms .form-con dl dd.job {width: 26.5%;}
.belief-1 .forms .form-con dl dd.church-name input, .belief-1 .forms .form-con dl dd.name input {width:80%;}
.belief-1 .forms .form-con dl dd.brotherhood input, .belief-1 .forms .form-con dl dd.job input {width:100%;}
.belief-1 .forms .form-con dl dd.name input {width:80%; }
.belief-1 .forms .form-con dl dd.church-name input + label,
.belief-1 .forms .form-con dl dd.brotherhood input + label {display: inline-block; margin-left: -5px; width:20%; text-align: center}
.belief-1 .forms .form-con p {margin-top: 29px; width: 100%; font: 14px/20px 'Nanum Barun Gothic'; text-align: center; color: #3c3c3c;}
.belief-1 .btns {width: 434px; margin: 27px auto 0; }
.belief-1 .btns a {display: block; float: right; width: 211px; height: 49px; background: #fff; color: #002e5b; border: 1px solid #002e5b; box-sizing: border-box;}
.belief-1 .btns a:first-child {float:left; background: #002e5b; color:#fff;}
.belief-1 .btns a span {display: block; width: 100%; height: 49px; line-height: 49px; vertical-align: middle; text-align: center;}

.belief-1 .terms{border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;margin-top:35px;padding-top:35px}
.belief-1 .terms h4{font-size:0.875em; color:#002e5b;margin-bottom:10px}
.belief-1 .terms p{margin:0 0 35px 0 !important;padding:0;text-align:left !important}


/*member-1*/
.member-1 {margin-bottom:190spx;}
.member-1 .top-bg1 {height:240px; overflow: hidden; }
.member-1 .content-wrap h3 {font:bold 30px/1.3 'Nanum Myeongjo';color:#d2d5d9; display: block; margin-top:27px;  font:normal 20px 'Nanum Barun Gothic'; margin-bottom:70px;}
.member-1 .content-wrap .pro-con.officer {margin-bottom:103px;}
.member-1 .content-wrap .pro-con p.tit {width:100%; display:block; padding: 25px 0; font: bold 23px 'Nanum Barun Gothic'; color:#3c3c3c; letter-spacing: -1px;}
.member-1 .content-wrap .pro-con p.tit span {color:#0056ad;}
.member-1 .content-wrap .pro-con p.sub-con {width:100%; display:block; padding: 25px 0; border-top: 1px solid #cbbfb4; font: normal 16px 'Nanum Barun Gothic'; color:#3c3c3c;}
.member-1 .content-wrap .pro-con ul {width:100%; display:block;}
.member-1 .content-wrap .pro-con ul li {position: relative; width:49%; display:block; height: 212px; box-sizing: border-box; float:left;}
.member-1 .content-wrap .pro-con ul li.float_r {float:right;}
.member-1 .content-wrap .pro-con ul li.bottom_none {margin-bottom: 0;}    
.member-1 .content-wrap .pro-con ul li p {width:220px; float:left; margin-right:6%;}
.member-1 .content-wrap .pro-con ul li p img {width:100%;}
.member-1 .content-wrap .pro-con ul li dl {position: absolute; left: 240px; display: block; width: 236px; font: normal 14px/20px 'Nanum Barun Gothic';}
.member-1 .content-wrap .pro-con ul li dl dt {position:relative; display:inline-block; width:68px; color:#666; float:left; clear: left; }
.member-1 .content-wrap .pro-con ul li dl dt span{display: inline-block; text-indent: -999px; font-size: 0; width:29px;}
.member-1 .content-wrap .pro-con ul li dl dt:after {display: block; position: absolute; right: 0; top: 6px; content: ''; width: 1px; height: 10px; background: #cbcbcb;}
.member-1 .content-wrap .pro-con ul li dl dd {position:relative; display:inline-block; width:160px; padding-left: 10px; text-align: left; color:#000; float:left; letter-spacing: -0.4px;}
.member-1 .content-wrap .pro-con ul li dl dd:after {display: block; position: absolute; right: 0; top: 5px; content: ''; width: 8px; height: 8px; background-image: url("/img/member/member_2_dot.png");}
.member-1 .content-wrap .pro-con ul li dl dd span {display:block;}

.embed-container { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }

/*member-2*/
.member-2 {margin-bottom:190px;}
.member-2 .head-tit {height:230px;}
.member-2 .top-bg1 {height:240px; overflow: hidden; }
.member-2 .top-bg2 {height:200px; overflow: hidden; }
.member-2 .head-tit .tit-con ul li.info {width:76%; float:left;}
.member-2 .head-tit .tit-con ul li.info .name {font: normal 20px/1.6 'Nanum Barun Gothic'; color:#d2d5d9;}
.member-2 .head-tit .tit-con ul li.info .name span {font: bold 20px/1.6 'Nanum Barun Gothic'; color:#fedd02;}
.member-2 .head-tit .tit-con ul li.info .guide {float:left; font: normal 15px/1.6 'Noto Sans'; color:#d2d5d9;}
.member-2 .head-tit .tit-con ul li.info .guide span.dot {margin:0 10px;}
.member-2 .head-tit .tit-con ul li.info .guide span {font: bold 15px/1.6 'Noto Sans';}
.member-2 .content-wrap .att-per {width:100%; display:block; margin-bottom:43px;}
.member-2 .content-wrap .att-per ul {width:100%;display:block;}
.member-2 .content-wrap .att-per ul li.txt {width:76%; float:left; margin-top:60px;}
.member-2 .content-wrap .att-per ul li.txt p {color:#0056ad; font: bold 16px/1.6 'Nanum Barun Gothic'; letter-spacing: -0.2px;}
.member-2 .content-wrap .att-per ul li.txt span {color:#333; font: normal 14px/1.6 'Nanum Barun Gothic';}
.member-2 .content-wrap .att-per ul li.txt span span {display: block;}
.member-2 .content-wrap .att-per ul li.img {width:23.4%; float:right;margin-top:-56px;}
.member-2 .content-wrap .att-per ul li.img img {width:100%;}
.member-2 .content-wrap h3.page-sub-tit {display:inline-block; margin-bottom:30px; color:#333333; font: bold 23px/1.6 'Nanum Barun Gothic';}
.member-2 .content-wrap .map-con {width:100%; display:block; margin-bottom: 61px;}
.member-2 .content-wrap .map-con .map-area {position: relative; width: 100%; }
.member-2 .content-wrap .map-con .map-area li {float: left; }
.member-2 .content-wrap .map-con .map-area li a {display: block; width:157px; height:54px; font-size: 14px; text-align: center; line-height: 54px; color:#666; border:1px solid #e5e5e5; background-color: #fff;}
.member-2 .content-wrap .map-con .map-area li a.on {background-color: #fedd02; border: 1px solid #ffc600; color:#333; font-weight: bold;}
.member-2 .content-wrap .map-con .map-area li:first-child a {padding-left: 0; position: relative;}
.member-2 .content-wrap .map-con .map {width: 100%; border: 3px solid #ccc; box-sizing: border-box; background: #fff;}
.member-2 .content-wrap .map-con .map span {display: inline-block; width:100%; line-height: 300px; vertical-align: middle; text-align: center;}
.member-2 .content-wrap .map-con .map-info {margin-top: 39px; width:100%; display: block; font: bold 14px/1.4 'Nanum Barun Gothic'; color:#334;}
.member-2 .content-wrap .map-con .parking-info {width:100%; margin-top:20px; margin-bottom:25px; margin-left:20px; display: block; font: bold 14px/1.4 'Nanum Barun Gothic'; color:#334;}
.member-2 .content-wrap .map-con .parking-info li {float:left;margin-right:20px;}
.member-2 .content-wrap .map-con .parking-info li img {margin-right:9px;}
.member-2 .content-wrap .map-con .parking-info li p {float:left;}
.member-2 .content-wrap .map-con .map-info li {float:left;}
.member-2 .content-wrap .map-con .map-info li .margin-l {width:0; margin-left:35px;}
.member-2 .content-wrap .map-con .map-info li:first-child {width: 57%;}
.member-2 .content-wrap .map-con .map-info li.btn-con a {display:block;height:38px;float:left;margin-right:10px;background-color: #333; color:white; box-sizing: border-box; font: normal 14px/2.7 'Nanum Barun Gothic'; text-align: center; }
.member-2 .content-wrap .map-con .map-info li.btn-con a.btn-sms {width:96px;}
.member-2 .content-wrap .map-con .map-info li.btn-con a.btn-email {width:108px;}
.member-2 .content-wrap .map-con .map-info li.btn-con a.btn-img {width:103px;}
.member-2 .content-wrap .map-con .map-info li.btn-con a.btn-print {width:65px;margin-right:0;}
.member-2 .content-wrap .map-con .map {width: 100%; overflow: hidden; line-height:0}
.member-2 .content-wrap .map-con .map img{width:100%}
.member-2 .content-wrap .map-footer {width:100%; display:block; padding:30px 0; background-color: #333; text-align: center; color:white; font:normal 16px/1.5 'Nanum Barun Gothic';}
.member-2 .content-wrap .side-tit-map {width:100%; display:block; margin-bottom:40px;}
.member-2 .content-wrap .side-tit-map .shuttle_area_desc{width:100%;line-height:1.25em;letter-spacing:-0.03em;vertical-align:middle;word-break:keep-all;margin-top:40px;border:1px solid #e5e5e5}
.member-2 .content-wrap .side-tit-map .shuttle_area_desc th, .member-2 .content-wrap .side-tit-map .shuttle_area_desc td{text-align:left;border-bottom:1px solid #e5e5e5;color:#333;line-height:1.25em;font-weight:400;padding:20px}
.member-2 .content-wrap .side-tit-map .shuttle_area_desc th{font-weight:700;background:#edf5f7;width:240px;text-align:center}
.member-2 .content-wrap .side-tit-map .shuttle_area_desc td span{color:#0056ad}
.member-2 .content-wrap .side-tit-map .shuttle_area_desc thead td{text-align:center}
.member-2 .content-wrap .side-tit-map .shuttle_area_desc tbody td span{color:#ea8148}

.member-2 .content-wrap .side-tit-map .visit-way {width:100%; display:block;box-sizing: border-box;}
.member-2 .content-wrap .side-tit-map .visit-way li {width:49%; padding-bottom: 3.5%; float:left; border: 1px solid #e5e5e5;}
.member-2 .content-wrap .side-tit-map .visit-way.parking li {height:245px;}
.member-2 .content-wrap .side-tit-map .visit-way li:first-child {margin-right:2%;}
.member-2 .content-wrap .side-tit-map .visit-way p {width:100%; padding: 13px 31px; color:#333; font:bold 16px/1.7 'Nanum Barun Gothic'; background-color: #edf5f7;}
.member-2 .content-wrap .side-tit-map .visit-way p span {display: inline-block; margin-top:4px; margin-left: 14px; vertical-align: top;}
.member-2 .content-wrap .side-tit-map .visit-way p img.park-img {margin-top:7px;}
.member-2 .content-wrap .side-tit-map .visit-way li > span {display:block; margin-top:27px; padding:0 7%; color:#333; font:normal 14px/25px 'Nanum Barun Gothic';letter-spacing: -1.2px;}
.member-2 .content-wrap .side-tit-map .visit-way li > span .underline {text-decoration: underline;}
.member-2 .content-wrap .side-tit-map .visit-way li > span .bold {display: inline-block; font-weight: bold; margin-top:0;}
.member-2 .content-wrap .side-tit-map .visit-way.car{margin-top:30px;border: 1px solid #e5e5e5;padding-bottom: 3.5%;}
.member-2 .content-wrap .side-tit-map .visit-way.car > span {display:block; margin-top:27px; padding:0 3.5%; color:#333; font:normal 14px/25px 'Nanum Barun Gothic';letter-spacing: -1.2px;}
.member-2 .content-wrap .side-tit-map .visit-way.car > span .underline {text-decoration: underline;}
.member-2 .content-wrap .side-tit-map .visit-way.car > span .bold {display: inline-block; font-weight: bold; margin-top:0;}
.member-2 .content-wrap .side-tit-map .visit-way.car table{border:none}
.member-2 .content-wrap .side-tit-map .visit-way.car table tr{border:none}
.member-2 .content-wrap .side-tit-map .visit-way.car table td{line-height:1.5em; text-align:left; color:#333; font-weight:400}
.member-2 .content-wrap .side-tit-map .visit-way.car img{vertical-align:middle;}



/**support-1**/
.support-1 {margin-bottom:190spx;}
.support-1 .top-bg1 {height:240px; overflow: hidden; border-top:1px solid #ccc;}
.support-1 .board-form {width:100%; display: block; margin-top:50px; text-align: right;}
.support-1 .board-form dl {width:100%;display:block;}
.support-1 .board-form dl dt.search-dt {text-indent: -999px; font-size:0;}
.support-1 .board-form dl dd {vertical-align: middle;}
.support-1 .board-form dl dd.search {display:inline-block; width:115px; height: 30px;}
.support-1 .board-form dl dd.search select {width:115px; height: 30px;}
.support-1 .board-form dl dt.att-txt-dt {display:none;}
.support-1 .board-form dl dd.att-txt {display:inline-block; width:242px; height: 30px;}
.support-1 .board-form dl dd.att-txt input {height: 30px;}
.support-1 .board-form dl dd.att-txt a {display: inline-block; width:64px; height: 30px; vertical-align: middle; background-color: #686868; box-sizing: border-box; border: 1px solid #404040; text-align: center; font: bold 14px/30px 'Nanum Barun Gothic'; color:#fff;}
.support-1 .board-con table {margin-top:25px; border-top: 2px solid #232323;}
.support-1 .board-con tr.top th {background-color: #fff; font:bold 12px/4.4 'Nanum Barun Gothic'; color:#7a7a7a;}
.support-1 .board-con .col-1 {width: 6.9%;}
.support-1 .board-con .col-2 {width: 64.6%; text-align: left; padding-left:20px;}
.support-1 td.title {text-align: left; padding-left:20px;}
.support-1 .board-con .col-3 {width: 8.4%;}
.support-1 .board-con .col-4 {width: 12.4%;}
.support-1 .board-con .col-5 {width: 7.6%;}
.support-1 .board-con table tr.top th:before {background:#ccc;top:20px;}
.support-1 .board-con tr.noti td.sub {color:#ea8148;}
.support-1 .board-con tr td a {display: block; height: 17px; font-size: 14px; line-height: 17px; overflow: hidden;}
.support-1 .board-navi {width:100%; display:block; margin-top:20px; text-align: center;}
.support-1 .board-navi .navi-con {display: inline-block;}
.support-1 .board-navi .navi-con a {display:inline-block;float:left;}
.support-1 .board-navi .navi-con a.btn {width:32px; height:32px;}
.support-1 .board-navi .navi-con a.btn.btn-l {margin-right:4px;}
.support-1 .board-navi .navi-con a.btn.btn-r {margin-left:4px;}
.support-1 .board-navi .navi-con .list {margin: 0 26px;float:left;}
.support-1 .board-navi .navi-con .list a {float:left;line-height: 32px;margin-left:20px;}
.support-1 .board-navi .navi-con .list a:first-child {margin-left:0;}
.support-1 .btn-inquiry {width:100%; display:block; text-align: right; margin-top:30px; padding-top:30px; border-top:1px solid #e9e9e9;}
.support-1 .btn-inquiry a {display:inline-block; text-align:center; width:245px; height:57px; background-color: #002e5b; color:#fff; font: bold 16px/57px 'Nanum Barun Gothic'; }


/**support-2.html**/
.support-2 .btn-write {width:100%; display: block; margin-top:10px; text-align: right;}
.support-2 .btn-write a {display:inline-block; width: 127px; height:38px; font: normal 14px/38px 'Nanum Barun Gothic'; color:#fff; background-color: #282828; text-align: center;}


/**support-2-view.html**/
.support-2-view {margin-bottom:190spx;}
.support-2-view .top-bg1 {height:240px; overflow: hidden; }
.support-2-view .detail {width:100%; display:block; margin-top:50px; border:1px solid #ccc; border-top: 3px solid #232323;}
.support-2-view .detail .header {display:block; width:100%; padding: 27px 40px; background-color: #f0f0f0; border-bottom: 1px solid #ccc;}
.support-2-view .detail .header h3 {font: bold 18px/25px 'Nanum Barun Gothic'; color:#333;}
.support-2-view .detail .header ul {width:100%; display:block; margin-top:7px; font: normal 12px/22px 'Nanum Barun Gothic'; color:#333;}
.support-2-view .detail .header ul li {position:relative; float:left;margin-right:15px;}
.support-2-view .detail .header ul li:after{display:block; position:absolute; top:6px; left:-8px; content:''; width:1px; height:12px; background:#b4b4b4;}
.support-2-view .detail .header ul li:first-child:after{display:none;}
.support-2-view .detail .comment {display:block; width:100%;}
.support-2-view .detail .comment .noted-con {display:block; width:100%; padding: 25px 40px;}
.support-2-view .detail .comment .noted-con .com-num {width:100%; display:block; padding-bottom:7px; font: normal 14px/22px 'Nanum Barun Gothic'; letter-spacing: -0.3px; color:#666; border-bottom: 1px solid #e5e5e5;}
.support-2-view .detail .comment .noted-con .com-num span {padding-bottom: 2px; border-bottom: 1px solid #b3b3b3;}
.support-2-view .detail .comment .noted-con ul {width:100%; display:block;padding-top:11px;}
.support-2-view .detail .comment .noted-con ul li {width:100%; display:block;}
.support-2-view .detail .comment .noted-con ul li p {float:left;}
.support-2-view .detail .comment .noted-con ul li p.name {margin-right: 12px; font: bold 14px/22px 'Nanum Barun Gothic'; color:#333;}
.support-2-view .detail .comment .noted-con ul li p.days {position:relative; margin-right: 22px; font: normal 12px/22px 'Nanum Barun Gothic'; color:#949494;}
.support-2-view .detail .comment .noted-con ul li p.days:after{display:block; position:absolute; top:6px; right:-11px; content:''; width:1px; height:10px; background:#d3d3d3;}
.support-2-view .detail .comment .noted-con ul li p.re-com {margin-top:-1px; font: normal 12px/22px 'Nanum Barun Gothic'; color:#666;}
.support-2-view .detail .comment .noted-con ul li.com-con {font: normal 12px/22px 'Nanum Barun Gothic'; color:#333;}
.support-2-view .detail .comment .write-con {display:block; padding: 30px 0; margin:0 40px; background-color: #fff; border-top: 1px solid #e5e5e5;}
.support-2-view .detail .comment .write-con .txt-area {width:89.6%; float:left; /*border:1px solid #ccc;*/}
.support-2-view .detail .comment .write-con .txt-area textarea {display:block; width:100%; height: 70px; resize: none; background-color: #f1f1f1;}
.support-2-view .detail .comment .write-con .btn-apply {width:10.4%; height:70px; float:right; background-color: #002e5b; }
.support-2-view .detail .comment .write-con .btn-apply a {width:100%; display:block; font: normal 14px/70px 'Nanum Barun Gothic'; color:#fff; text-align: center;}
.support-2-view .detail .comment .write-con p {width:89.6%; clear:both; margin-top:5px; text-align: right; font: normal 12px 'Nanum Barun Gothic'; color:#595959;}
.support-2-view .body{padding:30px}
.support-2-view .body img{max-width:100%}
.support-2-view .board-con table {border-top:0; margin-top:0; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.support-2-view .board-con table td.category {background-color: #f0f0f0; color:#7a7a7a; border-right: 1px solid #ccc;}
.support-2-view .btn-con {width:100%; display: block; }
.support-2-view .btn-con .btn-list {width:50%; display: block; margin-top:20px;}
.support-2-view .btn-con .btn-list.left {float:left; text-align: left;}
.support-2-view .btn-con .btn-list.right {float:right; text-align: right;}
.support-2-view .btn-con .btn-list a {display:inline-block; width: 127px; height:38px; font: bold 14px/38px 'Nanum Barun Gothic'; text-align: center;}
.support-2-view .btn-con .btn-list.left a {background-color: #282828; color:#fff;}
.support-2-view .btn-con .btn-list.right a {background-color: #fff; color:#282828; border: 1px solid #282828;}


/**support-4.html**/
.support-4 h4 {width:100%; display: block; margin-top:50px; font: bold 23px/36px 'Nanum Barun Gothic'; letter-spacing: -0.6px; color:#333;}
.support-4 p.sub-tit {color:#333; float:left; font: bold 23px 'Nanum Barun Gothic';}
.support-4 .support-info {display:block; width:100%; margin-top:50px; color:#333;}
.support-4 .support-info p:first-child {font: bold 23px/30px 'Nanum Barun Gothic Bold';}
.support-4 .support-info p:last-child {margin-top:23px; font: bold 14px/23px 'Nanum Barun Gothic'; letter-spacing: -0.2px;}
.support-4 .find-con {width:100%; display:block; margin-top:33px; text-align: center;}
.support-4 .find-con .find-box {position:relative; width:48.9%; height:395px; padding: 45px 40px; border: 1px solid #e9e9e9;}
.support-4 .find-con .find-box p.imgbox {width:100%;display: block;}
.support-4 .find-con .find-box p.imgbox img.img-mem {width:26.5789%;}
.support-4 .find-con .find-box img.img-nonmem {width:22.36842%;}
.support-4 .find-con .find-box p.sub-tit {width:100%; margin-top:30px; font: bold 18px/1 'Nanum Barun Gothic'; color:#333; }
.support-4 .find-con .find-box:first-child {float:left;}
.support-4 .find-con .find-box:last-child {float:right;}
.support-4 .find-con .find-box:last-child .login-box {text-align: left;}
.support-4 .find-con .find-box .login-box {position:absolute; bottom:40px; width:82.6%; display:block; height: 110px; padding:20px; background-color: #edf5f7; }
.support-4 .find-con .find-box .login-box p {font: bold 12px 'Nanum Barun Gothic'; letter-spacing: -1px; color:#333; }
.support-4 .find-con .find-box .login-box dl {position:relative; width:100%;}
.support-4 .find-con .find-box .login-box dl dt {position: relative; width: 24.1%; margin-bottom:10px; float:left; vertical-align: middle; font: bold 14px/30px 'Nanum Barun Gothic Bold'; color:#333;}
.support-4 .find-con .find-box .login-box dl dd {width: 75.9%; float: left; height: 30px; margin-bottom:10px; line-height: 30px;vertical-align: middle;}
.support-4 .find-con .find-box .login-box dl dd.name input {width:85%;}
.support-4 .find-con .find-box .login-box dl dd input {width:57.4%; height: 30px; line-height: 30px; border:1px solid #d0d0d0;}
.support-4 .find-con .find-box .login-box dl dd a.btn-in {display:inline-block; width:64px; height:30px; margin-left:2px; background-color: #686868; border: 1px solid #404040; color:#fff;font: bold 14px/30px 'Nanum Barun Gothic'; text-align: center; box-sizing: border-box;}
.support-4 .find-con .find-box .login-box a.btn-login {display: inline-block; width:127px; height:38px; margin-top:16px; font: bold 14px/38px 'Nanum Barun Gothic'; background-color: #282828; color:#fff; }
.support-4 .form-con {width:100%;display: block;margin-top:34px;box-sizing: border-box;}
.support-4 .form-con dl {border-bottom: 1px solid #e9e9e9;}
.support-4 .form-con dl dt, .support-4 .form-con dl dd {border-top: 1px solid #e9e9e9;}
.support-4 .form-con dl dt {position:relative; width: 14.5%; text-indent: 19px; float:left; vertical-align: middle; font: bold 14px/61px 'Nanum Barun Gothic Bold'; color:#333;}
.support-4 .form-con dl dt:after {position: absolute; left:6px; top: 28px; display: block; width: 7px; height: 4px; content: ''; background: url('../img/form_star.png') 0 0 no-repeat;}
.support-4 .form-con dl dd {width: 85.5%; float:left; padding: 16px 0 15px;}
.support-4 .form-con dl dd.name, .support-4 .form-con dl dd.password  {width: 35.5%;}
.support-4 .form-con dl dd.name input, .support-4 .form-con dl dd.password input {width: 222px;}
.support-4 .form-con dl dd.sub input {width: 100%;}
.support-4 .form-con dl dd span,
.support-4 .form-con dl dd input,
.support-4 .form-con dd select {line-height: 26px; vertical-align: middle;}
.support-4 .form-con dl dd select {width:150px; height:30px; line-height:30px; vertical-align: middle;}
.support-4 .form-con dl dd.cel-num select, .support-4 .form-con dl dd.cel-num input {width:100px;}
.support-4 .form-con dl dd input[type="text"] {height: 30px; line-height: 30px; vertical-align: middle;} 
.support-4 .form-con dl dd input+label {font-size:0;}
.support-4 .form-con p {width:100%; display: inline-block; font: bold 12px/30px 'Nanum Barun Gothic'; letter-spacing: -0.1px; color:#595959;}
.support-4 .form-con p.qna {width:100%; display:block; margin-top: 15px; padding: 20px; letter-spacing: -0.1px; background-color: #edf5f7; }
.support-4 .form-con p.qna .q {position: relative; margin-left:25px; font: bold 14px 'Nanum Barun Gothic'; color:#ea8148; border-bottom: 1px solid #ea8148; padding-bottom:2px; }
.support-4 .form-con p.qna .q:after {display: block; position: absolute; left: -25px; top: 1px; content: ''; width: 17px; height: 17px; background-image: url("/img/support/support_icon_qna.png");}
.support-4 .form-con p.qna .a {width:100%; display:block; margin-top:10px; font: bold 12px/20px 'Nanum Barun Gothic'; color:#595959;}
.support-4 .form-con textarea {width:100%;height:330px;}
.support-4 .btns {width: 434px; margin: 27px auto 0; }
.support-4 .btns a {display: block; float: right; width: 211px; height: 49px; background: #fff; color: #002e5b; border: 1px solid #002e5b; box-sizing: border-box;}
.support-4 .btns a:first-child {float:left; background: #002e5b; color:#fff;}
.support-4 .btns a span {display: block; width: 100%; height: 49px; line-height: 49px; vertical-align: middle; text-align: center;}
.support-4 .btn-inquiry {width:100%; display:block; text-align: right; margin-top:30px; padding-top:30px; border-top:1px solid #e9e9e9;}
.support-4 .btn-inquiry a {display:inline-block; width:245px; height:57px; background-color: #002e5b; color:#fff; text-align: left; font: bold 16px/57px 'Nanum Barun Gothic'; }
.support-4 .btn-inquiry a p {position:relative; padding-left:30px; }
.support-4 .btn-inquiry a p:after {display: block; position: absolute; right: 13px; top: 20px; content: ''; width: 18px; height: 15px; background-image: url("/img/belief/support_icon_btnarrow.png"); background-repeat: no-repeat;}

.support-4 .board-gallery {width:100%; display:block; margin-top: 33px; border-bottom:1px solid #e9e9e9; padding-bottom:40px;}
.support-4 .board-gallery table {border-top:0; }
.support-4 .board-gallery table tr {display:inline-block; width:100%; margin-bottom:30px; border-bottom:0;}
.support-4 .board-gallery table tr:last-child {margin-bottom:0;}
.support-4 .board-gallery table tr td {display:block; width:220px; margin-left:20px; float:left;}
.support-4 .board-gallery table tr td:first-child {margin-left:0;}
.support-4 .board-gallery table tr td:last-child:after {clear: both; float: none;}
.support-4 .board-gallery table tr td a.img {width:100%;display:block;}
.support-4 .board-gallery table tr td a.img img {width:100%;display:block;}
.support-4 .board-gallery table tr td a.tit {display:block; width:100%; margin-top:12px; overflow: hidden; font: bold 14px/20px 'Nanum Barun Gothic'; color:#333; letter-spacing: -0.6px; text-align: left;}
.support-4 .board-gallery table tr td a.date {position:relative; display: block; float:left; margin-right: 13px; font: bold 12px/20px 'Nanum Barun Gothic'; color:#7a7a7a;}
.support-4 .board-gallery table tr td a.date:after {display: block; position: absolute; top: 6px; right: -7px; content: ''; width: 1px; height: 9px; background: #d4d4d4; z-index: -999;}
.support-4 .board-gallery table tr td a.per {display: block; float:left; font: bold 12px/20px 'Nanum Barun Gothic'; color:#7a7a7a;}
.support-4 .board-gallery table tr td a.per:after {clear: both; float: none;}


/*support-5.html*/
.support-5 .sel-pres {width:100%; margin-top:50px;}
.support-5 .sel-pres dt {text-indent: -9999px; font-size:0; }
.support-5 .sel-pres dd {width:140px; float:right; }
.support-5 .sel-pres dd select {width:140px; height:30px;}
.support-5 .sel-pres p {float:left; font: bold 23px/30px 'Nanum Barun Gothic'; color:#333333;}
.support-5 .t-con {display:none;}
.support-5 .pres-con {display:block;}
.support-5 .issue-con {position:relative; display: block; margin-top:50px; margin-bottom:150px; padding: 132px 66px 66px; background-color: #edf5f7; border:1px solid #e9e9e9; }
.support-5 .issue-con:after {display: block; position: absolute; right:55px; top: 40px; content: ''; width: 52px; height: 52px; background-image: url("/img/support/support_bgicon_down.png"); background-repeat: no-repeat;}
.support-5 .issue-con ul {display:block; width:100%;}
.support-5 .issue-con ul li {display:block; width:50%;float:left; padding:0 20px}
.support-5 .issue-con ul li.low-2 {margin-top:38px;}
.support-5 .issue-con a.btns {display:block; width:100%; height:57px; border: 1px solid #002e5b; color:#002e5b; background-color: #fff;}
.support-5 .issue-con a.btns p {position:relative; padding-left:30px; font: bold 16px/57px 'Nanum Barun Gothic';  }
.support-5 .issue-con a.btns p:after {display: block; position: absolute; right:24px; top: 19px; content: ''; width: 21px; height: 19px; background-image: url("/img/support/support_icon_down.png"); background-repeat: no-repeat;}
.support-5 .add-con {width:100%; display:none; margin-top:50px; padding-bottom:20px;}
.support-5 .add-con li {width:100%; display:block;}
.support-5 .add-con .addbox {position: relative; display:block; float:left; width:100%;}
.support-5 .add-con .addbox table.pres {margin:0;}
.support-5 .add-con .addbox table.pres tr {text-align: left;}
.support-5 .add-con .addbox table.pres tr th{padding-left:15px; font-size:12px; line-height: 42px; color:#333;}
.support-5 .add-con .addbox table.pres tr.top th:before {display: none;}
.support-5 .add-con .addbox a {width:100%; height:45px; display:block; position: relative; background-color: #fff; box-sizing: border-box;}
.support-5 .add-con .addbox a.on {background-color: #fff;}
.support-5 .add-con .addbox a:after {position: absolute; top:17px; right:15px; display: block; content: ''; width: 12px; height: 12px; background: url('../img/support/icon_plus.png') 0 0 no-repeat;}
.support-5 .add-con .addbox a.on:after {background: url('../img/support/icon_minus.png') 0 0 no-repeat;}
.support-5 .add-con .addbox div.m_con {width:100%;display: none;position:relative; font: normal 14px/72px 'Nanum Barun Gothic';}
.support-5 .add-con .addbox div.m_con table {border-top:0;}
.support-5 .add-con .addbox div.m_con table tr:last-child {border-bottom:0px;}
.support-5 .add-con .addbox div.m_con table tr td {position:relative; padding-left:21px; line-height: 42px;}
.support-5 .add-con .addbox div.m_con table tr td:before {display: block; position: absolute; top: 15px; left: 0; content: ''; width: 1px; height: 9px; background: #ccc;}


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


/*support-4*/
.support-4 .forms {width: 100%; position: relative; padding: 10px 0; margin-bottom: 878px; border: 1px solid #a7927e; box-sizing: border-box;}
.support-4 .forms li {width: 25.5%; padding: 0 20px; box-sizing: border-box; height: 54px;}
.support-4 .forms li > a {display: block; position: relative; height: 54px; vertical-align: middle; border-top: 1px solid #cbbfb4; box-sizing: border-box; color: #a68d74; font: 14px/54px 'Nanum Barun Gothic';}
.support-4 .forms li:first-child > a {border: none;}
.support-4 .forms li > a:after {display: block; position: absolute; top:19px; right: 3px; content: ''; width: 16px; height: 16px; background: url('../img/common/6_arrow_grey.png') 0 0 no-repeat;}
.support-4 .forms li > a.on {color: #ea8148;}
.support-4 .forms li > a.on:after {background: url('../img/common/6_arrow_orange.png') 0 0 no-repeat;}
.support-4 .forms .form-con {position: absolute; top:-1px; right:-1px; width:74.5%; padding: 54px 46px; border: 1px solid #a7927e; background: #fff; display: none;}
.support-4 .forms li:first-child .form-con {display: block;}
.support-4 .forms .form-con h3 {font: bold 20px/38px 'Nanum Barun Gothic Bold'; color: #333;}
.support-4 .forms .form-con p.sub-con {text-align: left; font: normal 14px/1.6 'Nanum Barun Gothic';}
.support-4 .forms .form-con p.sub-con span {font: normal 14px/1.6 'Nanum Barun Gothic Bold'; color:#ea8148;}
.support-4 .forms .form-con dl {margin-top: 20px; padding-bottom: 45px; border-bottom: 1px solid #e9e9e9;}
.support-4 .forms .form-con dl dt,
.support-4 .forms .form-con dl dd {float: left; height: 61px; line-height: 30px; vertical-align: middle; border-top: 1px solid #e9e9e9;}
.support-4 .forms .form-con dl dt {position: relative; width: 19%; text-indent: 19px; vertical-align: middle; font: bold 14px/61px 'Nanum Barun Gothic Bold';}
.support-4 .forms .form-con dl dt:after {position: absolute; left:6px; top: 27px; display: block; width: 7px; height: 4px; content: ''; background: url('../img/form_star.png') 0 0 no-repeat;}
.support-4 .forms .form-con dl dd {width: 81%; padding: 16px 0 15px; max-width: 507px;}
.support-4 .forms .form-con dl dd span,
.support-4 .forms .form-con dl dd input,
.support-4 .forms .form-con dl dd select {line-height: 30px; vertical-align: middle;}
.support-4 .forms .form-con dl dd select, 
.support-4 .forms .form-con dl dd input[type="text"],
.support-4 .forms .form-con dl dd input[type="tel"],
.support-4 .forms .form-con dl dd input[type="password"] {height: 30px; margin-top: -5px; line-height: 30px; vertical-align: middle;} 
.support-4 .forms .form-con dl dd input+label {font: 14px/30px 'Nanum Barun Gothic';}

/*form-1*/
.support-4 .form-con dl dd textarea {resize: none;}
.support-4 .forms .form-con dl dd.name input,
.support-4 .forms .form-con dl dd.contact input{width: 242px;}
.support-4 .forms .form-con dl dd.cel-num span select,
.support-4 .forms .form-con dl dd.cel-num span input{width: 90px;}
.support-4 .forms .form-con dl dd.cel-num span label {display: none;}
.support-4 .forms .form-con dl dd.email-info span input,
.support-4 .forms .form-con dl dd.email-info span select{width: 150px;}
.support-4 .forms .form-con dl dd.email-info span label {display: none;}
.support-4 .forms .form-con dl dd.addr {position: relative; height: auto;}
.support-4 .forms .form-con dl dd.addr span {display: block; margin-top: 10px;}
.support-4 .forms .form-con dl dd.addr span:first-child {margin-top: 0;}
.support-4 .forms .form-con dl dd.addr span input {display: block; width: 100%; height: 30px;}
.support-4 .forms .form-con dl dd.addr span label {display: none;}
.support-4 .forms .form-con dl dd.addr span:first-child input {width: 368px;}
.support-4 .forms .form-con dl dd.addr span:first-child input,
.support-4 .forms .form-con dl dd.addr span:first-child a {float: left;}
.support-4 .forms .form-con dl dd.addr span:first-child input {display: block; width: 75%; margin-right: 2%;}
.support-4 .forms .form-con dl dd.addr span:first-child a {width: 23%;margin-top:-5px;}
.support-4 .forms .form-con dl dd.addr span a {display: block; width: 115px; height: 30px; font: 14px/30px 'Nanum Barun Gothic'; color: #fff; background: #686868; text-align: center; border: 1px solid #404040; box-sizing: border-box;}
.support-4 .forms .form-con dl dd.addr span a span {height: 30px; line-height: 30px; vertical-align: middle;}
.support-4 .forms .form-con dl dd.name input {width:80%; }
.support-4 .forms .form-con dl dd textarea {width:100%;height:217px;}
.support-4 .forms .form-con p {margin-top: 29px; width: 100%; font: 14px/20px 'Nanum Barun Gothic'; text-align: center; color: #3c3c3c;}


/*index.html*/
.main .content-wrap {padding-top:66px;}
.main .flush-left {float: left;}
.main .flush-right {float: right;}
.main .col-1 {width: 31%;}
.main .col-2 {width: 65.5%;}

.main .sec-top .flush-left {position:relative; height:305px; overflow:hidden; font-size:13px;}
.main .sec-top .flush-left > li.select {display:none;}
.main .sec-top .flush-left > li.menus{width:33.3333%; height:54px; float:left; background:#fff;}
.main .sec-top .flush-left > li.menus > a {display:block; position:relative; margin-left:-1px; height:54px; line-height:54px; vertical-align:middle; text-align:center; border: 1px solid #e5e5e5; color:#666;}
.main .sec-top .flush-left > li.menus > a.on {background:#fedd02; border: 1px solid #ffc600; z-index:1; color:#333; font-weight: bold;}
.main .sec-top .flush-left > li.menus > a.on+ul {display:block;}
.main .sec-top .flush-left > li.menus.first > a {margin-left:0;}
.main .sec-top .flush-left > li.menus ul {display:none; position: absolute; top: 65px; left:0; width:100%; background:#fff; padding-right:2px; box-sizing:border-box; color: #333;}
.main .sec-top .flush-left > li.menus ul li {height:48px; border-bottom:1px solid #e5e5e5;}
.main .sec-top .flush-left > li.menus ul li a {display:block; position:relative; height:48px; line-height:48px; vertical-align:middle;}
.main .sec-top .flush-left > li.menus ul li a:after {display:block; content:'·'; position:absolute; top:0; left:0; font-size:20px; line-height:48px; vertical-align:middle;}
.main .sec-top .flush-left > li.menus ul li a .tit {float:left; font-weight:bold; padding-left:10px;}
.main .sec-top .flush-left > li.menus ul li a .date {float:right; color:#666;}
.main .sec-top .flush-right {position: relative; height:305px; background:#ea8148; padding-left:30px; overflow: hidden; box-sizing: border-box; font-size:13px; color:#fff;}
.main .sec-top .flush-right img{position:absolute; right:0; top:0;}
.main .sec-top .flush-right h3{position: relative; z-index:2; padding-top:30px; font-size:16px; color:#333;}
.main .sec-top .flush-right ul {position: relative; z-index:2; margin-top:20px;}
.main .sec-top .flush-right ul li {margin-top:10px;}
.main .sec-top .flush-right a {display:inline-block; position:relative; height:23px; padding-left:45px; line-height:23px; vertical-align:middle;}
.main .sec-top .flush-right a:after {display:block; content:''; position:absolute; left:0; top:0; width:23px; height:23px; background:url('../img/main_icon_arrowoff.png') 0 0 no-repeat;}
.main .sec-top .flush-right a:hover {color:#ffc600}
.main .sec-top .flush-right a:hover:after {background:url('../img/main_icon_arrowon.png') 0 0 no-repeat;}
.main .sec-bot {margin-top:43px;}
.main .sec-bot a {display:block; position:relative; height:365px; float: left; margin-left:3.5%; overflow: hidden;}
.main .sec-bot a:first-child {margin-left:0;}
.main .sec-bot a img {display:block; position:absolute; left:50%; margin-left:-150px;}
.main .sec-bot a .txt-area {position:absolute; top:216px; left:0; width:100%; text-align:center; color:#fff; z-index:1;}
.main .sec-bot a .txt-area h3 {margin-bottom:13px;}
.main .sec-bot a .txt-area span {display:block; font-size:13px; margin-top:7px;}
.main .sec-bot a .txt-area span:first-child {margin-top:0;}


/*branch.html*/
.branches .sec-top {position: relative; padding: 0 10px; height:241px; background:url('../img/info_2_tit_img1.jpg') 50% 0 no-repeat;}
.branches .sec-mid {position: relative; padding: 0 10px; height:190px; background:url('../img/info_2_tit_img2.jpg') 50% 0 no-repeat;}
.branches .sec-top .txt-area,
.branches .sec-mid .btn-area {max-width: 940px; width:100%; margin: 0 auto;}
.branches .sec-mid .select {display:none;}
.branches .sec-top .txt-area h2 {padding-top:72px; margin-bottom: 26px; padding-bottom: 26px; border-bottom:1px solid #ccc; font-size:28px; color: #fff;}
.branches .sec-top .txt-area p {font-size: 18px; color: #fff;}
.branches .sec-top .txt-area p span {color:#fedd02; font-weight:bold;}
.branches .sec-mid .btn-area {padding-top:40px;}
.branches .branch-list ol {display:none;}
.branches .branch-list li {width:16.666667%; height:54px; float:left; background:#fff;}
.branches .branch-list li.sec-row {margin-top: -1px;}
.branches .branch-list li a {display:block; position:relative; margin-left:-1px; height:54px; font-size:13px; line-height:54px; vertical-align:middle; text-align:center; border: 1px solid #e5e5e5; color:#666;}
.branches .branch-list li a.on {background:#fedd02; border: 1px solid #ffc600; z-index:1; color:#333; font-weight: bold;}
.branches .branch-detail {margin-top: 50px;}
.branches .branch-detail .web .branches {display: none; max-width:940px; margin:0 auto; padding-bottom:190px;}
.branches .branch-detail .web .branches.open {display:block;}
.branches .branch-detail .web .branches h3 {font-size:22px;}
.branches .branch-detail .web .branches .flush-left {float:left;}
.branches .branch-detail .web .branches .flush-right {float:right; width:480px;}
.branches .branch-detail .web .branches .flush-right table {width:100%;}
.branches .branch-detail .branches .flush-right table caption {display:none;}
.branches .branch-detail .web .branches .flush-right table th {padding: 15px 0; font-size:11px; font-weight: normal;}
.branches .branch-detail .web .branches .flush-right table td {font-size:13px; font-weight: normal;}

.branches .branch-detail .mob {display:none;}


/*login.html*/

.login .sec-top {position: relative; padding: 0 10px; height:241px; background:url('../img/info_2_tit_img1.jpg') 50% 0 no-repeat;}
.login .sec-top .txt-area {max-width: 940px; width:100%; margin: 0 auto;}
.login .sec-top .txt-area h2 {padding-top:72px; margin-bottom: 26px; padding-bottom: 26px; border-bottom:1px solid #ccc; font-size:28px; color: #fff;}
.login .sec-top .txt-area p {font-size: 18px; color: #fff;}
.login .sec-top .txt-area p span {color:#fedd02; font-weight:bold;}
.login .content-wrap .login-sec {padding: 50px 0 40px; margin: 50px auto 0; width: 93.2%; border: 1px solid #ccc; box-sizing: border-box;}
.login .content-wrap .login-sec .img-holder{text-align: center;}
.login .content-wrap .login-sec .img-holder h3 {margin-top: 20px; font: 36px/1 'Nanum Barun Gothic Bold'; text-align: center;}
.login .content-wrap .login-sec .form-holder {width: 92%; margin: 35px auto 0; background: #f0f0f0;}
.login .content-wrap .login-sec .form-holder .form-area {position: relative; width:370px; padding: 20px 0; margin: 0 auto;}
.login .content-wrap .login-sec .form-holder dl {width: 280px; font: 14px/36px 'Nanum Barun Gothic'; vertical-align: middle; color: #3c3c3c}
.login .content-wrap .login-sec .form-holder dl dt,
.login .content-wrap .login-sec .form-holder dl dd {float: left;}
.login .content-wrap .login-sec .form-holder dl dt {width: 75px; line-height: 36px; vertical-align: middle;}
.login .content-wrap .login-sec .form-holder dl dt+dd+dt,
.login .content-wrap .login-sec .form-holder dl dt+dd+dt+dd {margin-top: 19px;}
.login .content-wrap .login-sec .form-holder dl dd {width: 205px;}
.login .content-wrap .login-sec .form-holder dl dd input {width: 100%; height: 36px;}
.login .content-wrap .login-sec .form-holder .form-area a {display: block; position: absolute; top:20px; right:0; width:80px; height:90px; background: #6d6e71; border-radius: 7px;}
.login .content-wrap .login-sec .form-holder .form-area a span {display: block; font-size: 12px; color: #fff; width: 100%; line-height: 90px; vertical-align: middle; text-align: center;}
.login .content-wrap .login-sec .form-holder .form-area > span {display: block; margin-top: 10px; padding-left: 75px; height:16px; box-sizing: border-box;}
.login .content-wrap .login-sec .form-holder .form-area > span input {display: inline-block; width: 16px; height: 16px;}
.login .content-wrap .login-sec .form-holder .form-area > span label {display: inline-block; margin-top: -1px; font-size: 14px; line-height: 16px; vertical-align: top; color: #3c3c3c;}
.login .content-wrap .login-sec .link-holder {padding: 22px 92px 0; margin: 27px auto 0; width: 490px; border-top: 1px dotted #ccc;}
.login .content-wrap .login-sec .link-holder p {display: inline-block; font-size: 14px; color: #6d6e71;}
.login .content-wrap .login-sec .link-holder p span {font-weight: bold;}
.login .content-wrap .login-sec .link-holder a {display: inline-block; width: 92px; height: 35px; background: #333;}
.login .content-wrap .login-sec .link-holder a span {display: block; color: #fff; width: 100%; height: 35px; font-size: 12px; line-height: 35px; text-align: center; vertical-align: middle;}




/*mypage*/
.mypage .sec-top {position: relative; padding: 0 10px; height:241px; background:url('../img/info_2_tit_img1.jpg') 50% 0 no-repeat;}
.mypage .sec-top .txt-area,
.mypage .sec-mid .btn-area {max-width: 940px; width:100%; margin: 0 auto;}
.mypage .sec-top .txt-area h2 {padding-top:72px; margin-bottom: 26px; padding-bottom: 26px; border-bottom:1px solid #ccc; font-size:28px; color: #fff;}

.myinfo{background:#edf5f7; border:1px solid #e9e9e9; margin-top:50px; padding:50px 0}
.myinfo dl{background:#FFF; max-width:730px; width:100%; margin:0 auto; padding:50px; color:#333}
.myinfo dl:after{content:""; clear:both; display:block; background:#e9e9e9; width:100%; display:block; height:1px;}
.myinfo dl dt{float:left; width:20%; height:60px; background:url(/img/form_star.png) no-repeat left center; font-size:14px; font-weight:700}
.myinfo dl dt:before{background:#e9e9e9; width:100%; display:block; height:1px; content:""; }
.myinfo dl dt label{display:block; padding:24px 0 0 15px}
.myinfo dl dd{float:left; width:80%; height:60px; font-size:14px}
.myinfo dl dd:before{background:#e9e9e9; width:100%; display:block; height:1px; content:""}
.myinfo dd p, .myinfo dd input, .myinfo dd .bet, .myinfo dd select{height:30px; margin-top:15px; font-size:14px}
.myinfo dd p, .myinfo dd .bet{display:inline-block; padding-top:8px}
.myinfo dd .bet{text-align:center}
.myinfo dd select{font-family:'Nanum Barun Gothic';}
.myinfo dd select, .myinfo dd input{border:1px solid #d0d0d0; color:#333}
.myinfo dd.mail input[type=text], .myinfo dd.mail select{width:30%}
.myinfo dd.mail .bet{width:5%}
.myinfo dd.phone input[type=tel], .myinfo dd.phone select{width:30%}
.myinfo dd.phone .bet{width:3%}

.mypage .btns {width: 434px; margin: 27px auto 0; }
.mypage .btns a {display: block; float: right; width: 211px; height: 49px; background: #fff; color: #002e5b; border: 1px solid #002e5b; box-sizing: border-box;}
.mypage .btns a:first-child {float:left; background: #002e5b; color:#fff;}
.mypage .btns a span {display: block; width: 100%; height: 49px; line-height: 49px; vertical-align: middle; text-align: center;}

.file_upload{width:300px}
.file_upload .pop-head {position:relative; width:100%; display: block; background-color: #002e5b; color:#fff; font:normal 16px/48px 'Nanum Barun Gothic'; text-align: center;}
.file_upload .pop-head .btn-close {position:absolute; display:block; right:10px; top:10px;line-height:0;}
.file_upload .upload_con{background-color:#FFF;text-align:center;padding:35px 0}
.file_upload .upload_con .btns{padding-top:35px}
.file_upload .upload_con .btns a {display:inline-block; width: 100px; height: 40px; padding-top:12px; background: #fff; color: #002e5b; border: 1px solid #002e5b; box-sizing: border-box;}
.file_upload .upload_con .btns a:first-child {background: #002e5b; color:#fff;}