@charset "utf-8";

/* sub */

#subvisual { width: 1260px; margin: 0 auto; min-height: 170px; }
/* yk_revised : 배경외의 속성을 #subvisual.publications 에서 참고함*/
#subvisual.board {width: 100%; overflow: hidden; min-width: 1260px;  background:  #fafafa url(../img/sub/sub-v-bd.jpg) no-repeat center top;}
/* yk_revised */

/* yk_revised : h2속성이 없어서 #subvisual.publications h2에서 참고함*/
#subvisual.board h2 { display: block;width: 1260px; margin: 55px auto 0px;}
/* yk_revised */
#subvisual.db-visual { width: 100%; overflow: hidden; min-width: 1260px; background: #fafafa url(../img/sub/sub-v-db.jpg) no-repeat center top;}
#subvisual.db-visual h2 { display: block;width: 1260px; margin: 55px auto 0px;}
#subvisual.publications { width: 100%; overflow: hidden; min-width: 1260px; background: #fafafa url(../img/sub/sub-v-pb.jpg) no-repeat center top;}
#subvisual.publications h2 { display: block;width: 1260px; margin: 55px auto 0px;}
#subvisual.au { width: 100%; overflow: hidden; min-width: 1260px; background: #fafafa url(../img/sub/sub-v-au.jpg) no-repeat center top;}
#subvisual.au h2 { display: block;width: 1260px; margin: 55px auto 0px;}
#subvisual.ow { width: 100%; overflow: hidden; min-width: 1260px; background: #fff url(../img/sub/sub-v-ow.jpg) no-repeat center top;}
#subvisual.ow h2 { display: block;width: 1260px; margin: 55px auto 0px;}
#subvisual.event { width: 100%; overflow: hidden; min-width: 1260px; background: #fafafa url(../img/sub/sub-v-ev.jpg) no-repeat center top;}
#subvisual.event h2 { display: block;width: 1260px; margin: 55px auto 0px;}


#subvisual h2 { display: inline-block; margin-top: 55px; padding-top: 5px; line-height: 55px; font-size: 55px; color: #366bcb; font-weight: 600; letter-spacing: -0.05em; background: url(../img/sub/line-sub-v.gif) no-repeat;}
#navi { line-height: 48px; min-height: 48px; border-top: 1px solid #ededed;  border-bottom: 1px solid #ededed; }
#navi .inner_wrap { width: 1260px; margin: 0 auto;}
#navi .location { float: left;}
#navi .location > ul { overflow:hidden; }
#navi .location > ul > li { float:left; padding: 0px 17px; line-height: 48px; font-size: 15px; color: #979797; letter-spacing: -0.01em; background: url(../img/sub/bg-navi-li.png) no-repeat left center; }
#navi .location > ul > li:first-child { background: none; padding: 0px !important; }
#navi .location > ul > li > .home { display: inline-block; vertical-align: bottom; width: 25px; height: 48px; text-indent: -9999px; background: url(../img/sub/btn-home.png) no-repeat left center;}
#navi .location > ul > li.active { color: #161616; }

#con-btn { height: 48px; line-height: 48px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}

.h4-title { font-size: 24px; color:#303030; font-weight: 600; letter-spacing: -0.01em; }
.h5-title { font-size: 18px; color: #4475cb; font-weight:600; padding-left: 20px; background: url(../img/sub/ico-au-title.png) no-repeat left center;}
.c-txt { font-size: 16px; color: #303030; line-height: 20px; }
.c-txt span { color:#366bcb; font-weight: 500; }
.c-txt2 { font-size: 14px; color: #303030; line-height: 22px; letter-spacing: -0.005em; }
.au-area { background: url(../img/sub/bg-au01.jpg) no-repeat right 190px;}
.id-bx { border: 2px solid #ececec; padding: 10px 20px; background: #f8f8f8; }
.id-bx strong { font-size: 18px; font-weight: 600; }
.id-bx > ul { margin-top: 12px;}
.id-bx > ul > li { line-height: 24px; font-size: 14px; color: #303030; background: url(../img/sub/dot-view2.gif) left 11px no-repeat; padding-left: 13px; letter-spacing: -0.025em; }
.id-bx > ul > li span { margin-left: 5px; font-size: 13px; color: #808080; font-weight: 300; }
.id-bg { background: #f8f8f8 url(../img/sub/bg-au02.jpg) no-repeat; border: none; height: 470px; }

.c-ul { font-size: 16px; color: #303030; font-weight:600; line-height: 28px;}
.c-ul > li { margin-top: 20px; font-size: 16px; color: #303030; font-weight:600; line-height: 28px; background: url(../img/sub/dot-view2.gif)no-repeat left 12px; padding-left: 10px; }
.c-ul > li:first-child {margin-top: 0px;}
.c-ul > li > ul {}
.c-ul > li > ul > li { font-size: 14px; color: #303030; font-weight: 500; line-height: 16px; letter-spacing: -0.01em; }
.dwbtn {margin-top: 40px; }
.dwbtn a { display: inline-block; line-height: 42px; padding: 0px 30px; background: #366bcb; font-size: 18px; color: #fff; margin-left: 6px;  }
.dwbtn a:first-child { margin-left: 0px;}
.dwbtn a span { padding-right: 25px; background: url(../img/sub/ico_dw.png) no-repeat center right; line-height:42px; }

.btn-area { float: left;}
.btn-area > ul { overflow: hidden;}
.btn-area > ul > li { float: left; margin-top: 9px; }
.btn-area > ul > li > a { display: inline-block; text-align: center; width: 110px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; background: #74a5ce; }

.ow-area {}
.ow-area .title { padding-left: 15px; line-height: 28px; color: #1a5d96; font-size: 18px; font-weight: 400; border-left: 3px solid #1a5d96; }
.ow-area .title2 { padding-left: 15px; line-height: 28px; color: #1a5d96; font-size: 22px; font-weight: 400; border-left: 3px solid #1a5d96; }

.img-bx {}
.img-bx > ul { overflow: hidden;}
.img-bx > ul > li { float: left; margin-left: 20px; }
.img-bx > ul > li:first-child { margin-left: 0px; }

.img-bx2 { overflow: hidden;}
.img-bx2 > li { width: 550px; float: left; margin-left: 20px; }
.img-bx2 > li:first-child { width: 370px; margin-left: 0px;}


.btn-quick { float: right; }
.btn-quick > ul {}
.btn-quick > ul > li { position: relative; float: left; line-height: 48px; margin-left: 8px; }
.btn-quick > ul > li > a {display: inline-block; padding: 0px 8px; border: 1px solid #d3d3d3; line-height: 26px; font-size: 13px; color: #555555;}
.btn-quick > ul > li > a:hover { background:#f3f3f3;}
.btn-quick > ul > li > a.file > span { background: url(../img/common/dw-file.png) no-repeat right center; padding-right: 20px; }
.btn-quick > ul > li > a.print {  padding: 0px 14px 0px 34px; background: url(../img/sub/btn-print.png) no-repeat 10px center;}
.btn-quick > ul > li > a.print:hover { background: #f3f3f3 url(../img/sub/btn-print.png) no-repeat 10px center;}
.btn-quick > ul > li > a.lang { padding:0px 0px 0px 34px; background: url(../img/sub/btn-lang.png) no-repeat 10px center;}
.btn-quick > ul > li > a.lang > span { padding-right: 38px; background: url(../img/sub/btn-lang2.png) no-repeat right center;}
.btn-quick > ul > li > a.lang:hover > span { background: url(../img/sub/btn-lang2.png) no-repeat right center; }
.btn-quick > ul > li.s-lang > ul { display: none; position: absolute; top: 36px; width: 100%; border: 1px solid #d3d3d3; z-index: 99; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; }
.btn-quick > ul > li.s-lang > ul > li { line-height: 24px; border-top: 1px solid #d3d3d3; }
.btn-quick > ul > li.s-lang > ul > li:first-child { border-top:none;}
.btn-quick > ul > li.s-lang > ul > li > a { padding-left: 10px; }
.btn-quick .lang-close { display: none; position: absolute; top: 13px; right: -15px; z-index: 999; background:  url(../img/sub/btn-lang-close.png) no-repeat; width: 28px; height: 19px; text-indent: -9999px; border: none; }
.btn-quick .lang-close:hover { background:  url(../img/sub/btn-lang-close.png) no-repeat;}
.btn-quick > ul > li.adments > ul { display: none; position: absolute; width: 325px; border: 5px solid #1a5d96; top: 38px; margin-left: -226px; z-index: 99; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; }
.btn-quick > ul > li.adments > ul.active { display: block; }
.btn-quick > ul > li.adments > ul > li { position: relative;}
.btn-quick > ul > li.adments > ul > li > strong { padding: 17px 0px 14px; line-height: 26px; display: inline-block; background: #1a5d96 url(../img/common/st-line.png) no-repeat left 14px; color: #fff; font-size: 22px; font-weight: 600; width: 100%;}
.btn-quick > ul > li.adments > ul > li > ul > li { border-top:1px solid #e5e5e5;}
.btn-quick > ul > li.adments > ul > li > ul > li > a { padding-left: 10px; line-height: 40px; font-size: 14px; color: #303030; }
.btn-quick > ul > li.adments > ul > li > a.more { position: absolute; right: 5px; top: 20px; width: 14px; height: 12px; display: inline-block; text-indent: -9999px; background: url(../img/common/btn-close.png) no-repeat;}


#contents { overflow: hidden; width: 1260px; margin: 0 auto; }
#contents.database { width: auto; min-width: 1260px; padding: 20px 10px; }
#contents .lnb { width: 280px; float: left;}
#contents .contents { margin-left: 40px; float: right; width: 940px; padding-bottom: 90px; }

/* 171017 추가 */
#content { outline: 0; }
/* 171017 추가 */

/* yk_revised */
#contents .contents h3 { margin: 30px 0px; line-height: 40px; font-size: 36px; color: #303030; font-weight: 600; }
.contents h3 { margin: 30px 0px; line-height: 40px; font-size: 36px; color: #303030; font-weight: 600; }
.contents { margin-left: 40px; float: right; width: 940px; padding-bottom: 90px; }
/* yk_revised */

.rtcont { float:none !important; margin-left: 30px !important; padding-bottom: 0px !important; }

#contents .dbcontens { width: auto; min-width: 923px !important; padding-bottom: 20px; }
#contents .dbcontens h3, #contents .rtcont h3 { height: 50px; margin: 0;}

#contents .dblnb { width: 278px; position: fixed; z-index: 99; top: inherit; background: #fff; border: 1px solid #588bb3; height: 100%; }
#contents .dblnb.shown ,#contents .rt-content.shown { top: 20px;}
#contents .dblnb > ul > li > a { display: inline-block; width: 238px; padding: 0px 20px; line-height: 50px; color: #ffffff; font-size: 18px; font-weight: 600; background: #1a5d96 url(../img/common/db-lnb.png) no-repeat 243px 21px; border-top: 1px solid #588bb3; }
#contents .dblnb > ul > li > a.active { background: #1a5d96 url(../img/common/db-lnb-on.png) no-repeat 243px 21px;}
#contents .dblnb > ul > li:first-child > a { border-top:none; }
#contents .dblnb > ul > li > ul {display: none; margin: 10px 0px; overflow-y: scroll; }
#contents .dblnb > ul > li > ul.active { }
/* yk_revised */
/* #contents .dblnb > ul > li > ul > li { padding-bottom:10px; background: url(../img/common/tree-line.gif) no-repeat 0px 0px; } */
#contents .dblnb > ul > li > ul > li:first-child { padding-bottom: 0px; }
/*
#contents .dblnb > ul > li > ul > li > a { display:  inline-block; font-size: 13px; padding:0px 20px; background: url(../img/common/btn-tree-plus.png) no-repeat 11px 5px; }
#contents .dblnb > ul > li > ul > li > a.active { background: url(../img/common/btn-tree-minus.png) no-repeat 11px 5px;}
#contents .dblnb > ul > li > ul > li > a > span { display:  inline-block; margin-left: 11px; padding-left: 20px; background: url(../img/common/btn-tree-close.png) no-repeat 0px 3px; line-height: 16px; padding-left: 20px; }
#contents .dblnb > ul > li > ul > li > a.active > span { background: url(../img/common/btn-tree-open.png) no-repeat 0px 3px;}
#contents .dblnb > ul > li > ul > li > ul > li { padding-bottom:5px; background: url(../img/common/tree-line.gif) no-repeat 25px 0px; }
#contents .dblnb > ul > li > ul > li > ul > li.last { padding-bottom:5px; background: url(../img/common/tree-line2.gif) no-repeat 25px 0px; }
#contents .dblnb > ul > li > ul > li > ul > li.last > a { background: none; }
#contents .dblnb > ul > li > ul > li > ul > li.active { background: url(../img/common/tree-line.gif) no-repeat 25px 0px;}
#contents .dblnb > ul > li > ul > li > ul > li > a { width: 100%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 20px; display:  inline-block; font-size: 13px; padding:0px 20px 0px 45px; background: url(../img/common/btn-tree-plus.png) no-repeat 36px 5px; }
#contents .dblnb > ul > li > ul > li > ul > li > a.active { background: url(../img/common/btn-tree-minus.png) no-repeat 36px 5px;}
#contents .dblnb > ul > li > ul > li > ul > li > a > span { display:  inline-block; margin-left: 11px; padding-left: 20px; background: url(../img/common/btn-tree-close.png) no-repeat 0px 3px; line-height: 16px; padding-left: 20px; }
#contents .dblnb > ul > li > ul > li > ul > li > a.file > span { display:  inline-block; margin-left: 11px; padding-left: 20px; background: url(../img/common/btn-tree-file.png) no-repeat 1px 1px; line-height: 16px; padding-left: 20px; }
#contents .dblnb > ul > li > ul > li > ul > li > a.active > span { background: url(../img/common/btn-tree-open.png) no-repeat 0px 3px;}
#contents .dblnb > ul > li > ul > li > ul > li > ul > li { background: url(../img/common/tree-line.gif) no-repeat 50px 0px; }
#contents .dblnb > ul > li > ul > li > ul > li > ul > li > a { width: 100%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 20px; display:  inline-block; font-size: 13px; padding:0px 20px 0px 65px; background: url(../img/common/btn-tree-plus.png) no-repeat 60px 5px; }
#contents .dblnb > ul > li > ul > li > ul > li > ul > li > a.active { background: url(../img/common/btn-tree-minus.png) no-repeat 60px 5px;}
#contents .dblnb > ul > li > ul > li > ul > li > ul > li > a > span { display:  inline-block; margin-left: 11px; padding-left: 20px; background: url(../img/common/btn-tree-close.png) no-repeat 0px 3px; line-height: 16px; padding-left: 20px; }
#contents .dblnb > ul > li > ul > li > ul > li > ul > li > a.active > span { background: url(../img/common/btn-tree-open.png) no-repeat 0px 3px;}
#contents .dblnb > ul > li > ul > li > ul > li > ul > li > ul > li {background: url(../img/common/tree-line.gif) no-repeat 50px 0px; }
#contents .dblnb > ul > li > ul > li > ul > li > ul > li > ul > li.last {background: url(../img/common/tree-line2.gif) no-repeat 50px 0px;}
#contents .dblnb > ul > li > ul > li > ul > li > ul > li > ul > li > a { width: 100%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 19px; display:  inline-block; font-size: 13px; padding:0px 20px 0px 65px;}
#contents .dblnb > ul > li > ul > li > ul > li > ul > li > ul > li > a > span { display:  inline-block; margin-left: 11px; padding-left: 20px; background: url(../img/common/btn-tree-file.png )no-repeat 1px 1px; line-height: 16px; padding-left: 20px; }
#contents .dblnb > ul > li > ul > li > ul { display: none;}
#contents .dblnb > ul > li > ul > li > ul > li > ul { display: none;}
#contents .dblnb > ul > li > ul > li > ul > li > ul  > li > ul { display: none;}
*/
.dblnb a.close { position: absolute; left: 278px; height: 100%; border: 1px solid #919191; top: -1px; background: #fff url(../img/common/btn-lnb-open.png) no-repeat center center; display:  inline-block; text-indent: -9999px; width: 20px;  }
.dblnb a.close.active { background: #fff url(../img/common/btn-lnb-close.png) no-repeat center center;}

.search-bx {border-top: 1px solid #303030; border-bottom: 1px solid #303030;}
.search-bx > ul {}
.search-bx > ul > li {border-top: 1px solid #ededed; padding: 10px 20px; }
.search-bx > ul > li:first-child {border-top: none; }
.search-bx > ul > li > label { line-height: 34px; width: 175px; display: inline-block; font-size: 18px; color: #000000; font-weight: bold; letter-spacing: -0.017em; }
.search-bx > ul > li > select { line-height: 34px; height: 34px; border: 1px solid #d3d3d3; width: 200px; padding-left: 15px; font-size: 14px; color: #303030;  }
.search-bx > ul > li > input[type="text"] { margin-left: 7px; padding: 0px 10px; line-height: 32px; height: 32px; width: 370px; border: 1px solid #d3d3d3;}
.search-bx > ul > li .submit { margin-left: 6px; display: inline-block; width: 110px; height: 34px; line-height: 34px; background: #888888; text-align: center; font-size: 14px; color: #fff; font-weight: bold; vertical-align: middle;  }

.search-bx2 > ul > li > input[type="text"] { line-height: 26px; height: 26px;}
.search-bx2 > ul > li .submit {height: 28px; line-height: 28px; }

.board_info { margin-top: 40px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; height: 44px; }
.board_info > ul { overflow: hidden;}
.board_info > ul > li { float: right;  line-height: 44px; font-size: 15px; color: #303030; font-weight: 600; }
.board_info > ul > li span { color: #366bcb; }
.board_info > ul > li:first-child { float: left; }

.paging { line-height: 44px; text-align: right; }
.paging .first { background:url(../img/sub/btn-prev2.png) no-repeat center center; display: inline-block; text-indent:-9999px; vertical-align: middle; }
.paging .first:hover { background:url(../img/sub/btn-prev2-ov.png) no-repeat center center;}
.paging .prev { background:url(../img/sub/btn-prev.png) no-repeat center center; display: inline-block; text-indent:-9999px; vertical-align: middle;}
.paging .prev:hover {background:url(../img/sub/btn-prev-ov.png) no-repeat center center;}
.paging .next {  background:url(../img/sub/btn-next.png) no-repeat center center; display: inline-block; text-indent:-9999px; vertical-align: middle;}
.paging .next:hover { background:url(../img/sub/btn-next-ov.png) no-repeat center center;}
.paging .end {  background:url(../img/sub/btn-next2.png) no-repeat center center; display: inline-block; text-indent:-9999px; vertical-align: middle;}
.paging .end:hover {background:url(../img/sub/btn-next2-ov.png) no-repeat center center;}
.paging a { width:30px; height:30px; text-align: center; display: inline-block; color:#161616; line-height:30px; font-size:16px; font-weight: 600; vertical-align: middle;
}
.paging a:hover {width:28px; height:28px; border: 1px solid #366bcb;}
.paging strong { width:30px; height:30px; line-height: 30px; vertical-align: middle; text-align: center; display: inline-block;font-size:16px; font-weight: 600; color: #fff; background:#366bcb;}


.bd-type01 {}
.bd-type01 > ul {}
.bd-type01 > ul > li { padding: 0px 20px; margin-top:20px; }
.bd-type01 > ul > li:first-child > a > p.subject {padding-top: 0px;}
.bd-type01 > ul > li > a > p.subject { font-size: 24px; color: #161616; padding-top:25px; margin-bottom: 20px; line-height: 28px; }/* 0928 수정 */
.bd-type01 > ul > li > a > p.content { font-size: 14px; color: #656565; margin-bottom: 15px; line-height: 20px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  white-space: normal; max-height: 40px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/* 0928 수정 */
.bd-type01 > ul > li > a > p.write-info { padding-bottom: 20px;}
.bd-type01 > ul > li > a > p.write-info > span { margin-right: 20px; }
.bd-type01 > ul > li > a > p.write-info .name { font-size: 14px; color: #366bcb; font-weight: 600;}
.bd-type01 > ul > li > a > p.write-info .comment { font-size: 14px; color: #366bcb; font-weight: 600; }
.bd-type01 > ul > li > a > p.write-info .date { font-size: 14px; color: #303030;}

.bd-type02 > ul > li { margin-top: 20px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bd-type02 > ul > li .fl { padding: 30px 20px 42px 20px;}
.bd-type02 > ul > li .subject { font-size: 24px; font-weight: 600; color: #303030; min-height: 56px; margin-bottom: 25px; line-height: 28px; }
.bd-type02 > ul > li .content { font-size: 18px; color: #656565; padding-left: 10px; border-left: 4px solid #303030; line-height: 24px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  white-space: normal; max-height: 72px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  }

.bd-type02 > ul > li img {border: 1px solid #b8b8b8; }

/* 171016 추가 */
.bd-type02 > ul > li > a { display: block;}
/* 171016 추가 */

.bd-type03 > ul > li .subject {margin-bottom: 15px; }
.bd-type03 > ul > li .fl { padding: 20px 20px 6px 20px;}
.bd-type03 > ul > li .content { font-size: 18px; color: #656565; padding-left: 0px; border-left: 0px; line-height: 24px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  white-space: normal; max-height: 48px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }
.bd-type03 > ul > li .date { margin: 15px 0px 15px; line-height: 15px; font-size: 14px; color: #303030; font-weight: 600;}

.bd-type04 {}
.bd-type04 > ul {overflow: hidden;}
.bd-type04 > ul > li {float:left; overflow: hidden; width: 50%; margin-top: 40px; }
.bd-type04 > ul > li > p { float: left; }
.bd-type04 > ul > li > p img { border: 1px solid #b8b8b8;}
.bd-type04 > ul > li > ul { float: left; width: 250px; margin: 0px 10px 0px 20px; }
.bd-type04 > ul > li .subject { margin: 10px 0px 11px; font-size:20px; color: #303030; font-weight: 600; line-height: 26px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  white-space: normal; max-height: 78px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.bd-type04 > ul > li .content { font-size: 15px; color: #656565; line-height: 20px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  white-space: normal; max-height: 60px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.bd-type04 > ul > li .date { margin: 7px 0px 6px; font-size:14px; color: #303030; font-weight: 600;}

/*240805 추가*/
.bd-type05 > ul > li {overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 15px; float: left; height: 200px; padding: 15px 2px 2px 2px; width: 33.33333333%;}
.bd-type05 > ul > li .fl { padding: 30px 20px 42px 20px;}
.bd-type05 > ul > li .subject { font-size: 24px; font-weight: 600; color: #303030; min-height: 56px; margin-bottom: 25px; line-height: 28px; }
.bd-type05 > ul > li .content { font-size: 18px; color: #656565; padding-left: 10px; border-left: 4px solid #303030; line-height: 24px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  white-space: normal; max-height: 72px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  }
.bd-type05 > ul > li img {border: 1px solid #b8b8b8; }
.bd-type05 .member {margin-top:20px;}
.bd-type05 .title {font-size: 16px;font-weight: bold;}

.bo-view {}
.bo-view header { border-top:1px solid #303030; border-bottom:1px solid #303030; padding:14px 20px; font-size: 24px; line-height: 30px; font-weight: bold; color: #303030;}
.bo-view .bo-info { margin: 40px 0px 0px; border-bottom: 1px solid #ededed; overflow: hidden;}

/*yk_revised*/
.bo-view.news-view .bo-info { margin: 20px 0px 0px !important; }
/*yk_revised*/

.bo-view .bo-info > ul > li { float: left; margin-bottom: 20px; width:755px; line-height: 20px; font-size: 14px; font-weight: 600; color: #303030; }
.bo-view .bo-info > ul > li.bo-th { padding-left: 15px; width: 155px; margin-right: 15px; background: url(../img/sub/dot-view.png) left center no-repeat; font-size: 16px; font-weight: 600; color: #366bcb;}
.bo-view .bo-info > ul > li > a.file {font-size: 14px; font-weight: 600; color: #303030;}
.bo-view .bo-info > ul > li > a.file:hover { color: #366bcb; border-bottom: 1px solid #366bcb; }
.bo-view .bo-info > ul > li.cont { font-size: 14px; color: #303030; font-weight: normal; }


.bo-view2 {}

/*yk_revised*/
.bo-view2 header { margin-top: 20px; border-top:1px solid #303030; border-bottom:1px solid #303030; padding:14px 20px; font-size: 22px; line-height: 30px; font-weight: bold; color: #303030;}
/*yk_revised*/

.bo-view2 .bo-info { margin: 20px 0px 0px; border-top:2px solid #303030; overflow: hidden;}
.bo-view2 .bo-info > ul > li { float: left; line-height: 34px; font-size: 14px; border-bottom: 1px solid #dfdfdf; font-weight: 600; padding-left: 10px; color: #303030; width : -webkit-calc(100% - 206px); width : -moz-calc(100% - 206px); width : calc(100% - 206px);}
.bo-view2 .bo-info > ul > li.bo-th { padding-left: 10px; width: 185px;  border-right: 1px solid #dfdfdf;  font-size: 14px; font-weight: 600; color: #303030; background: #f9f9f9; }
.bo-view2 .bo-info > ul > li > a.file {font-size: 14px; font-weight: 600; color: #303030;}
.bo-view2 .bo-info > ul > li > a.file:hover { color: #366bcb; border-bottom: 1px solid #366bcb; }
.bo-view2 .bo-info > ul > li.cont { font-size: 14px; color: #303030; font-weight: normal; }

/*yk_revised*/
.bo-view2 .bo-content { margin-top: 20px; border-top: 2px solid #303030; border-bottom: 1px solid #dfdfdf; padding: 10px 0px; line-height: 22px; font-size: 14px; color: #303030;}
/*yk_revised*/


.bo-view .pub-area { margin-top: 40px; overflow: hidden;}
.bo-view .pub-area > div { float: left;}
.bo-view .pub-area .bo-info2 {margin: 16px 0px 0px 20px; width: 590px;}
.bo-view .pub-area .bo-info2.imgfalse {margin: 16px 0px 0px 0px; width: 100%;}
.bo-view .pub-area .bo-info2 > p { padding-left: 10px; line-height: 22px; font-size: 18px; color: #303030; background: url(../img/sub/line-view.gif) left 4px no-repeat; }
.bo-view .pub-area  .bo-info2 > ul {overflow: hidden; margin-top: 40px;}
.bo-view .bo-info2 > ul > li { float: left; width: 427px; line-height: 15px; margin-bottom: 15px; font-size: 15px; color: #303030; font-weight: 600;  }
.bo-view .bo-info2.imgfalse > ul > li { float: left; width: 777px; line-height: 15px; margin-bottom: 15px; font-size: 15px; color: #303030; font-weight: 600;  }
.bo-view .pub-area  .bo-info2 > ul > li.bo-th { padding-left: 13px; width: 135px; margin-right: 15px; background: url(../img/sub/dot-lnb-li.png)left center no-repeat; font-size: 15px;  color: #366bcb; font-weight: normal;}
.bo-view .pub-area .pub-img img {border: 1px solid #b8b8b8; }

.dw-btn { float: left; display: inline-block; width: 131px; margin-bottom: 10px; margin-left: 14px; height: 22px; line-height: 22px; border: 1px solid #d3d3d3; text-align: center; font-size:13px; font-weight: 600; color: #555555; }
.dw-btn:first-child { margin-left:0px;}

.btn-set { text-align: right; margin-top: 20px;}
.btn-set a { display: inline-block; margin-left: 4px; padding: 0px 30px; border: 1px solid #366bcb; line-height: 38px; min-width: 110px; background: #366bcb; color: #fff; text-align: center; font-size: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.btn-set a:hover { background: #fff; color: #366bcb; border: 1px solid #366bcb; }

.comment { margin-top: 40px;}
.comment strong { line-height: 20px; padding-left: 15px; font-size: 16px; font-weight: 600; color: #303030; background: url(../img/sub/dot-comment.png) left center no-repeat;}
.comment .comment_write { margin-top: 20px; border: 3px solid #ededed; padding: 15px; }
.comment .comment_write > ul { overflow: hidden; }
.comment .comment_write > ul > li { float: left; }
.comment .comment_write > ul > li > p { font-size: 14px; color: #303030; }
.comment .comment_write > ul > li:first-child > p { text-align: center; }
.comment .comment_write > ul > li:first-child {margin-right: 20px; width: 90px; }
.comment .comment_write > ul > li { width: 794px; }
.comment .comment_write > ul > li textarea { width: 774px; height: 52px; border: none; background: #f6f6f6; font-size:14px; color: #303030;  }
.comment .comment_write > ul > li .fs-byte { font-size: 11px; color: #a7a7a7; }
.comment .comment_write > ul > li .btn-submit { border: 1px solid #d3d3d3; color: #555555; font-size: 13px; font-weight: 600; padding: 10px 30px; border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

.comment_list {}
.comment_list .list { margin-top: 40px; position: relative; }
.comment_list .list > ul { padding:15px 15px 15px 18px; overflow: hidden; }
.comment_list .list > ul > li { float: left; margin-left: 20px; width: 794px; }
.comment_list .list > ul > li:first-child { margin-left: 0px; width: 90px; }
.comment_list .list > ul > li:first-child > p { text-align: center; font-size: 14px; color: #303030; }
.comment_list .list > ul > li > p.write-info { padding-bottom: 10px; margin-top: 5px; }
.comment_list .list > ul > li > p.write-info > span { margin-right: 20px; }
.comment_list .list > ul > li > p.write-info .name { font-size: 14px; color: #366bcb; font-weight: 600;}
.comment_list .list > ul > li > p.write-info .date { font-size: 14px; color: #303030;}
.comment_list .list > ul > li > p.content { font-size: 14px; line-height: 18px; color: #303030; padding-right: 50px; white-space: normal; width:744px; word-break:normal; }
.comment_list .list > ul > li .comment_del { position: absolute; right: 15px; top: 50%; margin-top: -15px; width: 29px; height: 29px; text-indent: -9999px; display: inline-block; border: 1px solid #d3d3d3; border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: url(../img/sub/btn-comment-close.png) center center no-repeat; }

.required { font-size: 12px; color: #a7a7a7; text-align: right; font-weight: 600; padding: 15px 0px 10px; border-top: 1px solid #303030; }
.bd-write {}
.bd-write th { text-align: left; width: 170px; height: 35px; line-height: 44px; vertical-align: top; }
.bd-write th label {padding-left: 15px;  margin-right: 15px; background: url(../img/sub/dot-view.png) left center no-repeat; font-size: 16px; font-weight: 600; color: #366bcb;}
.bd-write td {  padding: 5px 0px 5px 15px;}
.bd-write td input[type="text"] { line-height: 32px; height: 32px; width: 755px; padding: 0px 10px; border: 1px solid #d3d3d3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.bd-write td textarea {width: 755px; padding: 10px; border: 1px solid #d3d3d3; height: 230px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.file_area { margin-bottom: 5px;}
input.upload_text { float:left; width:630px !important; height:19px; line-height:19px; padding:0 3px; border:1px solid #bbb; }
div.upload-btn_wrap input.input_file { position:absolute; top:0; right:0; cursor:pointer; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0; }
div.upload-btn_wrap { overflow:hidden; position:relative; float:left; width:50px; height:32px; line-height: 32px;  }
div.upload-btn_wrap button { display: inline-block; border: 1px solid #d3d3d3; width:50px; height:32px; line-height: 32px; background: url(../img/sub/btn-searchfile.png) center center no-repeat; text-indent: -9999px; vertical-align: top; margin-left: -1px; }
.file-minus { margin-top: 1px; width: 29px; height: 29px; text-indent: -9999px; display: inline-block; border: 1px solid #d3d3d3; border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: url(../img/sub/btn-minus.png) center center no-repeat; margin-left: 3px;}
.file-plus { margin-top: 1px; width: 29px; height: 29px; text-indent: -9999px; display: inline-block; border: 1px solid #d3d3d3; border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: url(../img/sub/btn-plus.png) center center no-repeat; margin-left: 1px;}


.view-area {}
.view-area > ul {}
.view-area > ul > li.bo-th {margin-top: 50px;}
.view-area > ul > li.bo-th:first-child {margin-top: 40px;}

/*yk_revised*/
.view-area > ul > li.bo-th > span { display: inline-block;width: 100%; line-height: 20px; padding-left: 15px; padding-bottom:5px; background: url(../img/sub/dot-view.png) left center no-repeat; font-size: 16px; font-weight: 600; color: #366bcb; border-bottom: 1px solid #ededed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.view-area > ul > li > ul { margin-top: 10px; }
/*yk_revised*/

.view-area > ul > li > ul > li { line-height: 22px; font-size: 14px; color: #303030; padding-left: 15px; background: url(../img/sub/ico-both.png) no-repeat left 6px;}
.view-area > ul > li > ul > li.data_txt { padding-left: 0px; background: none; }
.view-area > ul > li > ul > li > ul > li { line-height: 22px; font-size: 14px; color: #303030; padding-left: 10px; background: url(../img/sub/ico-both-li.png) no-repeat left 11px;}


/*yk_revised*/
.view-area > ul > li .file {font-size: 14px; font-weight: 600; color: #303030;}
/*yk_revised*/

.view-area > ul > li .file:hover {color: #366bcb; border-bottom: 1px solid #366bcb;}
.view-area > ul > li .contact { margin-top: 20px; overflow: hidden;}

/*yk_revised*/
.view-area > ul > li .contact .name { float: left; padding-right: 70px; padding-left: 42px; background: url(../img/sub/ico-name.png) left center no-repeat; font-size: 18px; font-weight: 600; color: #366bcb; line-height: 72px; }
.view-area2 {}
.view-area2 > ul {}
.view-area2 > ul > li  { line-height: 22px; font-size: 14px; color: #303030; }
/*yk_revised*/


.view-area > ul > li .contact > ul { float:left; padding-left: 10px; border-left: 4px solid #161616; }
.view-area > ul > li .contact > ul > li { line-height: 24px; font-size: 14px; color: #303030; }
.popup-gallery { margin-top: 10px; overflow: hidden; }
.popup-gallery > a { float:left; margin-right: 20px; margin-top: 10px; position: relative;}
.popup-gallery > a.thr { margin-right:0px;}
.popup-gallery > a .btn-video { position: absolute; top: 0px; background:url(../img/sub/btn-video.png) no-repeat; width: 300px; height: 170px;}


.tbl-type02 { margin-top: 20px; border-top: 2px solid #303030; }
.tbl-type02 thead th { height: 37px; font-size: 14px; color: #303030; font-weight: 600; background: #f0fafb; border: 1px solid #dfdfdf; border-top:none; }
.tbl-type02 tbody td { height: 33px; border: 1px solid #dfdfdf; text-align: center; padding: 0px 10px; font-size: 14px; color: #656565; }
.tbl-type02 tbody td.subject { text-align: left; }
.tbl-type02 tbody td a { font-size: 14px; color: #656565;}

.tbl-type03 { margin-top: 20px; border-top: 2px solid #303030; }
.tbl-type03 thead th { height: 45px; font-size: 14px; color: #303030; font-weight: 600; background: #f0fafb; border: 1px solid #dfdfdf; border-top:none; }
.tbl-type03 tbody td { height: 45px; border: 1px solid #dfdfdf; text-align: center; padding: 0px 10px; font-size: 14px; color: #656565; }
.tbl-type03 tbody td.subject { text-align: left; }
.tbl-type03 tbody td a { font-size: 14px; color: #656565;}


/* .db-view { margin-top: 20px; border-top: 2px solid #303030; border-bottom: 1px solid #dfdfdf; padding: 10px; line-height: 22px; font-size: 14px; color: #656565;} */
.db-view { margin-top: 20px; border-top: 2px solid #303030; border-bottom: 1px solid #dfdfdf; padding: 10px; line-height: 22px; font-size: 14px; color: #303030;}


/*yk_revised*/
.db-view2 .title { margin: 20px 0px; border-top:1px solid #303030; border-bottom:1px solid #303030; padding:14px 20px; font-size: 22px; line-height: 30px; font-weight: bold; color: #303030;}
/*yk_revised*/


input[type="checkbox"] { display:none;}
input[type="checkbox"] + label span { display:inline-block; width:16px; height:16px; text-indent: -9999px; vertical-align:middle; background: url(../img/common/chk-bx.png)left top no-repeat; cursor:pointer; }
input[type="checkbox"]:checked + label span { background:url(../img/common/chk-bx-on.png) no-repeat; }


#member { width: 560px; position: absolute; left: 50%; top: 50%; margin-left: -280px; }
#member .mb-logo { position: absolute; right: 0px;}
#member h2 { font-size: 36px; color: #303030; font-weight: 600; padding-bottom: 20px;}
#member .mb-form { position: relative; padding: 40px 20px; border-top: 2px solid #303030; border-bottom: 1px solid #ededed;  }
#member .mb-form > ul  {}
#member .mb-form > ul > li {margin-top: 10px;}
#member .mb-form > ul > li:first-child { margin-top: 0px; }
#member .mb-form label { display: inline-block; width: 175px; padding-left: 15px; background: url(../img/sub/dot-view.png) no-repeat left center; line-height: 35px; font-size: 16px; color: #366bcb; font-weight: 600; }
#member .mb-form input { width:308px; height:33px; padding:0px 10px;}
#member .mb-form .submit { display: inline-block; width: 330px; height:35px; line-height: 35px; margin-left: 190px; background: #366bcb; font-size: 16px; color: #ffffff; text-align: center; }
#member .mb-form .btn-cp { display: inline-block; margin-left: 190px; margin-top: 20px; padding-left: 10px; background: url(../img/sub/dot-view2.gif) no-repeat left center; font-size: 14px; color: #303030; font-weight: 600;}
#member .mb-txt { text-align: center; font-size: 12px; color: #a7a7a7; margin-top: 20px; }


.db_win { width: auto !important; }
.db_win > div { min-width: 1140px !important; padding: 20px !important; overflow: hidden;  margin-left: 0px !important; float: inherit !important; width: auto !important;}
.db_win > div.openwindow2 { min-width: 600px !important; }
.db_win > div.openwindow2 > div { float: inherit !important; width : 100%; }
.db_win > div.openwindow2 > div:first-child { margin-right: 0px !important; }
.db_win > div > div { float: left; width : -webkit-calc(50% - 10px); width : -moz-calc(50% - 10px); width : calc(50% - 10px); }
.db_win > div > div:first-child {margin-right: 20px;}
.db-subject { margin-top: 20px; border-top:1px solid #303030; border-bottom:1px solid #303030; padding:7px 0px; font-size: 16px; line-height: 22px; font-weight: bold; color: #303030;}
.db_win > div > div > .db-view { border-bottom: 2px solid #303030; }
.db_win > div > div > .viewtop { height: 48px; position:relative; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed;}
.db_win > div > div > .db-view { overflow-y: scroll;}
.db_win > div > div > .viewbot { margin-top: 10px;}
.db_win > div > div > .viewtop .lt-select { float: left; position: relative; margin-top:10px; }
.db_win > div > div > .viewtop .lt-select .myValue{ float: left; position:relative; z-index:2; left:0; top:0px; border:1px solid #bababa; color:#666; line-height:24px; overflow:visible; background:transparent; width: 153px; height: 26px; padding: 0px 10px; text-align: left; background: url(../img/common/arr-select2.png) no-repeat 147px 4px; border:1px solid #d3d3d3;  font-size: 13px; font-weight: 600; color: #555555;}
.db_win > div > div > .viewtop .lt-select .iList { left: -2000%; }
.db_win > div > div > .viewtop .lt-select.open > ul {left:0px;}
.db_win > div > div > .viewtop .lt-select > ul { position: absolute; top: 27px; left: 0;  width: 173px; border:1px solid #d3d3d3; background: #fff;}
.db_win > div > div > .viewtop .lt-select .iList > li { line-height: 20px; height:20px; text-align: left; position:relative; overflow:hidden; white-space:nowrap;}
.db_win > div > div > .viewtop .lt-select .iList > li input.option{position:absolute;width:100%;height:20px;line-height:20px;}
.db_win > div > div > .viewtop .lt-select .iList > li label{  padding: 0px 10px; position:absolute;left:0;top:0;width:155px; height:20px; line-height:20px; color:#767676; background:#fff; cursor: pointer;  font-size: 13px; font-weight: 600; color: #555555; }
.db_win > div > div > .viewtop .lt-select .btn-submit { float: left; margin-left:8px; display: inline-block; width: 62px; height: 28px; line-height: 26px; border:1px solid #d3d3d3; background: #fff; text-align: center; font-size: 13px; font-weight: 600; color: #555555; }


.rt-content { position: fixed; top: 90px; width: 330px; padding: 0px 10px; right: 10px; background: #f9f9f9; }
/*yk_revised*/
.rt-content strong { color: #366bcb; font-size: 18px; font-weight: 600; line-height: 24px; margin: 20px 0px 20px; display: inline-block;}
/*yk_revised*/
.rt-content .rt-view { border-top: 2px solid #303030; }
.rt-content .rt-view .subject { position: relative; font-size: 16px; color: #000; line-height: 20px; font-weight: 600; padding: 15px 0px; }
.rt-content .rt-view .subject .btn-view { position: absolute; top: 10px; right:0px; }
.rt-content .rt-view .subject .btn-view a { display: inline-block; text-align: center; font-size: 13px; font-weight: 600; color: #555555; border: 1px solid #d3d3d3; width: 54px; height: 26px; line-height: 26px; background:#fff; }
.rt-content .rt-view .subject .btn-view a:hover { display: inline-block; text-align: center; font-size: 13px; font-weight: 600; color: #555555; border: 1px solid #d3d3d3; width: 54px; height: 26px; line-height: 26px; background:#f3f3f3; }


.rt-content .rt-view .rt-v-cont {}
.rt-content .rt-view .rt-v-cont > ul {}
.rt-content .rt-view .rt-v-cont > ul > li {}
.rt-content .rt-view .rt-v-cont > ul > li:first-child > a { border-top: 1px solid #d3d3d3; }
.rt-content .rt-view .rt-v-cont > ul > li > a { display: inline-block; width: 330px; padding-left: 10px; line-height: 40px; height:40px; font-size: 14px; font-weight:600; color:#000000; border:1px solid #d3d3d3; border-top:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff url(../img/common/btn-rt-active.png) 300px center no-repeat; }
.rt-content .rt-view .rt-v-cont > ul > li > a.active {background: #fff url(../img/common/btn-rt.png) 300px center no-repeat;}
.rt-content .rt-view .rt-v-cont > ul > li > ul { display: none; border-bottom: 1px solid #d3d3d3; overflow-y: scroll; }
/*yk_revised*/
.rt-content .rt-view .rt-v-cont > ul > li > ul > li { padding: 10px; font-size: 13px; color: #303030; line-height: 20px; letter-spacing: -0.05em;}
.rt-content .rt-view .rt-v-cont > ul > li > ul > li > p {font-size: 14px; color: #303030; line-height: 20px; letter-spacing: -0.05em;}
.rt-content .rt-view .rt-v-cont > ul > li > ul > li > span {font-size: 14px; color: #303030; line-height: 20px; letter-spacing: -0.05em;}
/*yk_revised*/

.tbl-type04 { border-top:2px solid #303030;}
.tbl-type04 tbody th { border-right: 1px solid #dfdfdf; background: #f9f9f9; height:35px; border-bottom: 1px solid #dfdfdf; text-align: left; font-size: 14px; color: #000; font-weight:600; padding-left: 10px; letter-spacing: -0.016em; }
.tbl-type04 tbody th:first-child {border-left: 1px solid #dfdfdf;}

/*yk_revised*/
.tbl-type04 tbody td { border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; text-align: left;  padding-left: 10px; color:#303030; font-size: 14px;  letter-spacing: -0.016em;}
/*yk_revised*/

.tbl-type04 tbody td > ul { margin: 5px 0px;}
.tbl-type04 tbody td > ul > li { background: url(../img/sub/dot-view2.gif) no-repeat left 11px; line-height:26px; padding-left: 10px; }
.tbl-type04 tbody td > ul > li a { border-bottom: 1px solid #366bcb; color: #366bcb; }
.tbl-type04 tbody td > ul > li > span { padding-left: 15px; background: url(../img/common/arr-span.png) no-repeat 5px center; }
.tbl-type04 tbody td > ul > li > span:first-child { padding-left: 0px; background: none; }

.tab-view { position: relative; margin-top: 20px; overflow: hidden;background: url(../img/common/tab-bg.png) repeat-x 0px 34px; border-bottom: 1px solid #dfdfdf; }
.tab-view > ul {}
.tab-view > ul > li { float: left; margin-left:-1px; }
.tab-view > ul > li:first-child { margin-left: 0px;}
.tab-view > ul > li > a { display: inline-block; width: 150px; height: 33px; text-align:center; line-height: 35px; font-size: 14px; font-weight: 600; color:#555555; border: 1px solid #cecece; border-bottom: none;  }
.tab-view > ul > li > a .openpop { display: inline-block; margin-left: 15px; width: 15px; height: 15px;  background: url(../img/common/tab-icon.png) right center no-repeat; text-indent: -9999px; border: none; }
.tab-view > ul > li > a.active .openpop { background: url(../img/common/tab-icon-ov.png) right center no-repeat; }

.tab-view > ul > li > a.active { background: #366bcb; color: #fff; line-height: 35px; height: 35px }
.tab-view > ul > li > ul { position: absolute; display: none; left: 0px;}
.tab-view > ul > li > ul.active { display: block; }
.tab-view > ul > li > ul > li {margin-top: 20px;}
.tab-view > ul > li > ul > li > span { color:#3f3f3f; font-size: 16px; font-weight: 600; line-height: 24px; padding-left: 12px; background: url(../img/sub/dot-comment.png) no-repeat left 8px;}
.tab-view > ul > li > ul > li > ul {}

/*yk_revised*/
/* .tab-view > ul > li > ul > li > ul > li { margin-top:10px; padding-left: 12px; line-height: 20px; font-size: 14px; color: #5e5e5e;} */
/* 판례 하단 요약정보 */
.tab-view > ul > li > ul > li { padding-left: 12px; line-height: 22px; font-size: 14px; color: #303030;}
.tab-view > ul > li > ul > li > ul > li { margin-top:10px; padding-left: 12px; line-height: 22px; font-size: 14px; color: #303030;}
/*yk_revised*/
/* khw */
.tab-view.tab-view2 > ul > li > ul > li { padding-left: 0px;}
.tab-view.tab-view2 > ul > li > a { display: inline-block; width: 210px; height: 33px; text-align:center; line-height: 35px; font-size: 14px; font-weight: 600; color:#555555; border: 1px solid #cecece; border-bottom: none;  }
.tab-view.tab-view2 > ul > li > a.active { color: #fff;}
.tab-view.tab-view2 > ul > li > ul > li > ul > li {padding-left: 0px !important;}
.tab-view.tab-view2 > ul > li > ul > li > ul > li > span { color:#3f3f3f; font-size: 16px; font-weight: 600; line-height: 24px; padding-left: 12px; background: url(../img/sub/dot-comment.png) no-repeat left 8px;}
.title3 { color:#3f3f3f; font-size: 16px; font-weight: 600; line-height: 24px; padding-left: 12px; background: url(../img/sub/dot-comment.png) no-repeat left center;}
/* khw */


.view-country { border: 1px solid #dfdfdf; border-top:2px solid #303030; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.view-country > ul { overflow: hidden;}
.view-country > ul > li { float: left; border-left: 1px solid #dfdfdf; width: 713px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.view-country > ul > li:first-child { width: 225px; padding: 20px; border-left: none; }
.view-country > ul > li .img-country { overflow: hidden; background: #f9f9f9; padding: 25px 38px; }
.view-country > ul > li .img-country > li { float:left; margin: 5px 2px; padding: 2px; }
.view-country > ul > li .img-country > li .flag { width: 98px; }
.view-country > ul > li .img-country > li .flag > span { width: 98px; font-size: 12px; font-weight: 600;}
.view-country > ul > li .img-country > li.active { padding: 0px; border: 2px solid #6493e8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.view-country > ul > li .img-country > li.active .flag > span { color: #366bcb;}
.view-country .c-li > li > a { display: inline-block; color:#000000; font-size: 12px; }
/*yk_revised*/
.view-country .c-li > li.active > a { color: #6493e8; }
/*yk_revised*/
.tbl-title { margin-top: 20px; padding-left: 15px; background: url(../img/sub/dot-view.png) left center no-repeat; font-size: 16px; font-weight: 600; color: #366bcb;}

.map-info {}
.map-info > ul { overflow: hidden; }
.map-info > ul > li { overflow: hidden; margin-top: 20px;}
.map-info > ul > li:first-child { margin-top: 0px; }
.map-info > ul > li > span { font-size: 16px; color: #4475cb; line-height: 22px; padding-left: 15px; background: url(../img/sub/dot-view.png) left center no-repeat; }
.map-info > ul > li > ul > li { float: left; padding-left: 15px; line-height: 22px; font-size: 14px; color: #303030;  }

/*yk_revised*/
/* 에디터영역 */
.view-area p, .view-area div, .view-area span { line-height: 22px;}
.bo-info p , .bo-info div, .bo-info span{ line-height: 20px; }
.bo-view2 p, .bo-view2 div, .bo-view2 span { line-height: 22px; }
.tab-view p, .tab-view div, .tab-view span { line-height: 22px; }
.db-view p, .db-view div, .db-view span { line-height: 22px;}
.view-area2 p, .view-area2 div, .view-area2 span { line-height: 22px;}
/*yk_revised*/