@charset "utf-8";
@import url('base.css');
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* 프리텐다드 폰트 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');



#MainWrapbody{margin:0 auto; padding:0px; min-width:1180px;}
#MainWrap{margin:0 auto; padding:0px; width:1280px; overflow:hidden}
#Maincontainer{position:relative; margin:0 auto; padding-top:10px; width:1165px; height:680px;}


/* 팝업레이어 */
#hd_pop {z-index:1;position:relative;margin:0 auto;width:1023px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}



/*============================================================================================================
    헤더
============================================================================================================*/
.header {height:90px; font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif; border-bottom:2px solid #0958aa;}
.header h1 {display:inline-block;}
.header h1 a {display:inline-block; width:146px; height:32px; margin:29px 0; background:url('/common2022/img/layout/header-logo.png') no-repeat center / 100%; }
.header .gnb {float:right; height:90px;}
.header .gnb > ul:after {content:''; display:block; clear:both;}
.header .gnb > ul > li {position:relative; display:inline-block; vertical-align:top; margin:0 35px;}
.header .gnb > ul > li:first-child {margin:0 35px 0 0;}
.header .gnb > ul > li:last-child {margin:0 0 0 35px;}
.header .gnb > ul > li > a {display:block; font-size:18px; color:#000; font-weight:700; line-height:90px;}

.header .gnb > ul > li > ul {position:absolute; display:none; width:150px; top:90px; left:50%; margin:0 0 0 -75px; background:#fff; z-index:10;}
.header .gnb > ul > li > ul > li {text-align:left;}
.header .gnb > ul > li > ul > li > a {display:block; font-size:14.5px; color:#575757; font-weight:500; padding:6px;}
.header .gnb > ul > li:hover > ul {display:block;}
.header .gnb > ul > li > ul > li:hover {background:#013976}
.header .gnb > ul > li > ul > li:hover > a {color:#fff;}


/*============================================================================================================
    푸터
============================================================================================================*/
.footer {position:relative; padding:52px 0; font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif; background:#222;}
.footer .leftA {display:inline-block; width:67%; vertical-align:middle;}
.footer .rightA {display:inline-block; width:33%; text-align:right; vertical-align:middle;}

.footer .txt .addr {font-size:16px; color:#fff; font-weight:300;}
.footer .txt .addr:nth-child(1) {margin:0 0 14px;}
.footer .txt .addr span {position:relative; margin:0 0 0 26px;}
.footer .txt .addr span.bold {font-weight:800;}
.footer .txt .addr span:first-child {margin:0;}
.footer .txt .addr:nth-child(1) span:last-child:after {display:none;}
.footer .txt .addr span:after {content:''; position:absolute; display:block; right:-13px; top:4px; width:2px; height:12px; background:#fff;}
.footer .txt .addr:nth-child(2) span:last-child:after {display:none;}

.footer .btn li {display:inline-block; margin:0 0 0 58px;}
.footer .btn li:first-child {margin:0;}
.footer .btn li a {display:block; font-size:16px; color:#fff; font-weight:500;}
.footer .copy {margin:12px 0 0; font-size:15px; color:#5a5959; font-weight:500;}



/*============================================================================================================
    메인레이아웃
============================================================================================================*/
.main {padding:20px 0 40px; font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;}
.main .left {display:inline-block; width:320px; height:370px; padding:18px 29px; border:1px solid #e9e9e9; vertical-align:top;}
.main .right {display:inline-block; width:960px; vertical-align:top;}





/*============================================================================================================
    join_box
============================================================================================================*/
.main .join_box {margin:0 0 10px; text-align:center;}
.main .join_box a { display:inline-block; width:100%; height:62px; background:#0958aa; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px; }
.main .join_box a span {position:relative; display:inline-block; font-size:20px; color:#fff; font-weight:700; line-height:62px;}
.main .join_box a span:after {content:''; display:inline-block; width:16px; height:16px; margin:0 0 0 13px; background:url('/common2022/img/main/join_box-icon.png') no-repeat center / 100%; vertical-align:-2px;}




/*============================================================================================================
    vs
============================================================================================================*/
.main .vs {position:relative; width:100%; height:370px; background:url('/common2022/img/main/vs-bg01.jpg') no-repeat center / cover;}
.main .vs h2 {position:absolute; top:65px; left:0; right:0; text-align:center; font-size:34px; font-weight:300; color:#010101;}
.main .vs h2 .bold {font-weight: 700;}






/*============================================================================================================
    quick1
============================================================================================================*/
.main .quick1 {margin:15px auto 28px}
.main .quick1 ul li {display:inline-block; width:25%; height:62px; background:#f5f5f5; vertical-align:top;}
.main .quick1 ul li:nth-child(1) {background:#57a9ff;}
.main .quick1 ul li:nth-child(2) {background:#1b81eb;}
.main .quick1 ul li:nth-child(3) {background:#0958aa;}
.main .quick1 ul li:nth-child(4) {background:#002a4d;}
.main .quick1 ul li a {display:block; width:100%; height:62px; padding:0 30px 0 50px; line-height:60px; font-size:19px; font-weight:500; color:#fff;}
.main .quick1 ul li a:after {content:''; display:block; clear:both;}
.main .quick1 ul li a span {position:relative; float:right; width:27px; height:27px; margin:17.5px 0; background:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.main .quick1 ul li a span:before { content:''; display:block; position:absolute; width:9px; height:1px; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); background:#57a9ff;}
.main .quick1 ul li a span:after { content:''; display:block; position:absolute; width:1px; height:9px; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); background:#57a9ff;}
.main .quick1 ul li:nth-child(2) a span:before,.main .quick1 ul li:nth-child(2) a span:after {background:#1b81eb;}
.main .quick1 ul li:nth-child(3) a span:before,.main .quick1 ul li:nth-child(3) a span:after {background:#0958aa;}
.main .quick1 ul li:nth-child(4) a span:before,.main .quick1 ul li:nth-child(4) a span:after {background:#002a4d;}




/*============================================================================================================
    floatArea
============================================================================================================*/
.main .floatArea {padding:0 20px;}
.main .floatArea:after {content:''; display:block; clear:both;}
.main .floatArea > div {float:left; width:calc(calc(100% - 100px) / 3); height:545px; margin-right:50px;}
.main .floatArea .rightA {margin-right:0;}
.main .floatArea > div > section {height:255px;}
.main .floatArea > div > section:nth-child(1) {margin:0 0 35px;}
.main .floatArea > div > section .toplineTit {padding:0 0 20px; border-bottom:2px solid #000;}
.main .floatArea > div > section .toplineTit h2 {display:inline-block; width:calc(100% - 10px); font-size:22px; line-height:1; color:#000; vertical-align:middle;}
.main .floatArea > div > section .toplineTit a {position:relative;; display:inline-block; width:10px; height:10px; vertical-align:middle;}
.main .floatArea > div > section .toplineTit a:before { content:''; position:absolute; display:block; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:2px; background:#000; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); }
.main .floatArea > div > section .toplineTit a:after { content:''; position:absolute; display:block; left:50%; top:50%; transform:translate(-50%,-50%); width:2px; height:100%; background:#000; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); }
/*============================================================================================================
    quick2
============================================================================================================*/
.main .quick2 {width:100%; height:97px;}
.main .quick2 h2 {font-size:22px; line-height:1; color:#000;}
.main .quick2 ul {margin:20px 0 0; width:100%;}
.main .quick2 ul:after {content:''; display:block; clear:both;}
.main .quick2 ul > li {float:left; width:calc(50% - 3.5px); height:67px; margin-bottom:6px; background:#fff; border:1px solid #eaeaea; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; box-sizing:border-box;}
.main .quick2 ul > li:nth-child(odd) {margin-right:6px;}
.main .quick2 ul > li:nth-last-child(-n+2) {margin-bottom:0;} 
.main .quick2 ul > li > a {display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:14px; color:#000; font-weight:700;}
.main .quick2 ul > li > a img {width:auto; max-width:100%;}





/*============================================================================================================
    bnr
============================================================================================================*/
.main .bnr {display:inline-block; width:100%; background:url('/common2022/img/main/bnr-bg.jpg') no-repeat center / cover;}
.main .bnr a {position:relative; display:block; width:100%; height:100%;}
.main .bnr .txt {position:absolute; left:0; right:0; bottom:0; padding:40px;}
.main .bnr .txt h2 {font-size:22px; color:#fff; font-weight:700;}
.main .bnr .txt h2 span {font-size:40px; font-weight:700;}
.main .bnr .txt p {font-size:17px; color:#fff; font-weight:400; margin:0;}



/*============================================================================================================
    mainNotice
============================================================================================================*/
.main .mainNotice ul {margin:7px 0 0;}
.main .mainNotice ul li {border-bottom:1px solid #ddd;}
.main .mainNotice ul li a {display:block; font-size:17px; color:#1e1e1e; font-weight:500; line-height:66px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main .mainNotice ul li img {display:none;}

/*============================================================================================================
    mainGallery
============================================================================================================*/
.main .mainGallery ul {padding:16px 0; border-bottom:1px solid #ddd;}
.main .mainGallery ul:after {content:''; display:block; clear:both;}
.main .mainGallery ul li {float:left; width:calc(50% - 9px); margin-right:18px;}
.main .mainGallery ul li:last-child {margin-right:0;}
.main .mainGallery ul li a {display:block;}
.main .mainGallery ul li h4 {display:block; margin:10px 0 0; font-size:15px; color:#1e1e1e; font-weight:500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}





/*============================================================================================================
    market
============================================================================================================*/
.main .market {position:relative; display:inline-block; width:100%; border-bottom:1px solid #ddd;}
.main .market > ul {margin:23px 0 0;}
.main .market > ul:after {content:''; display:block; clear:both;}
.main .market > ul > li {float:left; width:calc(calc(100% - 24px) / 3); margin-right:12px;}
.main .market > ul > li:last-child {margin-right:0;}

.main .market > ul > li > article {position:relative; display:block;}
.main .market > ul > li > article > img {margin:24px auto 0;}
.main .market > ul > li > article > .lt_gal_Box {height:114px; padding:20.5px 0; border:1px solid #f3f3f3;}
.main .market > ul > li > article > .lt_gal_Box > ul {height:100%; width:100%;}
.main .market > ul > li > article > .lt_gal_Box > ul > li > a.lt_tit {display:none;}
.main .market > ul > li > article > .lt_gal_Box > ul > li > a {display:block; width:100%; height:73px; text-align:center; background:gray;}
.main .market > ul > li > article > .lt_gal_Box > ul > li > a > span {font-size:15px; color:#fff; font-weight:500; line-height:73px; text-transform:uppercase;}
.main .market > ul > li > article > .lt_gal_Box > ul > li > a > img {width:100%!important; height:auto!important;}

.main .market > ul > li > article > h2 {display:flex; align-items:center; justify-content:center; height:46px; background:#0958aa;}
.main .market > ul > li > article > h2 > span {font-size:15px; color:#fff; font-weight:500; line-height:1;}
/* .main .market > ul > li > a {display:block; width:100%; height:100%;}
.main .market > ul > li > a .imgB {display:flex; align-items:center; justify-content:center; height:114px; border:1px solid #f3f3f3;}
.main .market > ul > li > a .imgB img {width:100%;}
.main .market > ul > li > a > h2 {display:flex; align-items:center; justify-content:center; height:46px; background:#0958aa;}
.main .market > ul > li > a > h2 > span {font-size:15px; color:#fff; font-weight:500; line-height:1;}
.main .market > ul > li > a > img {margin:24px auto 0;} */



/* 2300627 benner 추가 */
.main .new_benner {padding:50px 0 30px 0;}
.main .new_benner .benner_inner {position:relative; display: flex; justify-content: space-between; width:1320px; margin:0 auto; padding:0 20px;}
.main .new_benner .benner_inner .benner_title h2 {margin:0 0 15px 0; color:#000; font-size:24px; font-weight:600; line-height:1;}
.main .new_benner .benner_inner .benner_title h2 span.red {color:#e8180c; font-weight:700;}
.main .new_benner .benner_inner .benner_title p {color:#000; font-size:18px; font-weight:500; line-height:1;}
.main .new_benner .benner_inner .benner_title p span.blue {color:#0958aa;}

.main .new_benner .benner_inner .benner01 {width: 49%;}
.main .new_benner .benner_inner .benner01 ul {display:flex; padding:20px 0 0 0;}
.main .new_benner .benner_inner .benner01 ul li {width:32%; margin:0 2% 0 0; transition:all 0.3s ease}
.main .new_benner .benner_inner .benner01 ul li:last-child {margin:0;}
.main .new_benner .benner_inner .benner01 ul li a {position:relative; display:inline-block; width:100%; height:100%;}
.main .new_benner .benner_inner .benner01 ul li a::after {content:''; position:absolute; top:0; right:0; left:0; z-index:3; display:inline-block; width:100%; height:100%; border:2px solid #0958aa; opacity:0; transition:all 0.3s ease;}

.main .new_benner .benner_inner .benner01 ul li a figure img {width: 100%; background-position:center; background-repeat:no-repeat; background-size:cover;}

.main .new_benner .benner_inner .benner01 ul li a:hover::after {opacity:1;}

.main .new_benner .benner_inner .benner02 {width:49%;}


/*서브비쥬얼 subvisual-wp*/
.sv-wp {position:relative; height:250px; background:tan url('/images/sub_visual_img.png') no-repeat top center; margin:20px auto 10px;}
.sv-wp .sv-txt {position:absolute; font-size:48px; color:#3a3a3a; font-family:'THEFACESHOP INKLIPQUID'; font-weight:500; top:76px; right:287px}

/* Left Menu */
.snb{float:left; width:225px; background:#fff; margin-top:0px; padding:0 0 20px}
.snb h2{text-align:left; font-size:26px; color:#fff; font-weight:500; line-height:102px; background:#03458c; padding:0 0 0 25px}
.snb .leftArea{width:225px;}
.snb .leftArea li {position:relative; margin:2px auto 0;}
.snb .leftArea li a{position:relative; display:block; font-size:16px; font-weight:400; line-height:63px; padding:0 0 0 25px; color:#1c1c1c; background:#f5f5f5;}
.snb .leftArea li a.font{position:relative; display:block; font-size:15px; font-weight:400; line-height:63px; padding:0 0 0 10px; color:#1c1c1c; background:#f5f5f5;}
.snb .leftArea li a:after {position:absolute; display:inline-block; width:10px; height:2px; top:50%; right:25px; background:#c3c3c3; margin:-1px auto 0; content:'';}
.snb .leftArea li .font:after {position:absolute; display:inline-block; width:10px; height:2px; top:50%; right:13px; background:#c3c3c3; margin:-1px auto 0; content:'';}
.snb .leftArea #on:after {position:absolute; width:calc(100% - 6px); height:calc(100% - 6px); top:0; left:0; border:3px solid #02448c; content:'';}
.snb .leftArea #on a{font-weight:500; color:#013a78; background:#fff;}
.snb .leftArea #on a:after {background:#02448c;}
.snb .leftArea ul li>a:link, .snb .leftArea ul li>a:visited, .unb_top>li>a:active,.snb .leftArea ul li>a:hover {}
.snb .leftArea .s{color:red;}

/*  */
.snb .leftArea li:nth-child(2) a{padding:15px 25px; line-height:30px;}

/* contentsTitle */
.tit-sub {font-size:0; border-bottom:1px solid #e9e9e9;}
.tit-sub:after {display:block; clear:both; content:'';}
.tit-sub h3 {position:relative; float:left; font-size:36px; color:#1c1c1c; font-weight:500; line-height:102px; padding:0 8px;}
.tit-sub h3:after {position:absolute; width:100%; height:2px; bottom:0; left:0; background:#02448c; content:'';}
.tit-sub ul {float:right; margin:65px auto 0; padding:0 20px;}
.tit-sub ul li {display:inline-block; vertical-align:middle; font-size:16px; color:#595959; font-weight:350;}
.tit-sub ul li:before {display:inline-block; vertical-align:middle; width:7px; height:11px; background:url('/images/path-arrow.png') no-repeat center / 100%; margin:-3px 18px 0; content:'';}
.tit-sub ul li:first-child:before {display:none;}
.tit-sub ul li:last-child {color:#003977; font-weight:500;}
.tit-sub ul li img {display:inline-block; vertical-align:middle; margin:-3px 0 0 0;}

.tit-sub .long_tit_sub {display:flex;}
.tit-sub ul li.long_tit{display:flex; align-items:center;}
.tit-sub ul li.long_tit p{font-size:10px; text-align:center;}

/* subContents */
.subcontents{float:right; width:980px; padding:0 0 100px}
.text_sub{margin-top:30px; margin-left:10px; margin-right:5px; background:#ffffff;}

/* intro */
.text_sub .intro .tab {display:table; table-layout:fixed; width:100%}
.text_sub .intro .tab li {padding:10px 0; display:table-cell; text-align:center; cursor:pointer; background:#f9f9f9}
.text_sub .intro .tab li a {display:block; height:20px; line-height:20px; border-left:1px solid #ddd; font-size:15px; cursor:pointer}
.text_sub .intro .tab li:first-child a {border-left:none;}
.text_sub .intro .tab li.active {width:200px; border-top:3px solid #0099b1; background:#fff;}
.text_sub .intro .tab li.active a {color:#0099b1;}
.text_sub .intro .greeting {min-height:660px; padding-bottom:30px; background:url('/common/images/bg_greeting.gif') 20px 40px no-repeat;}
.text_sub .intro .greeting h4 {padding-left:20px;}
.text_sub .intro .greeting > div {padding:20px 0 0 0px;}
.text_sub .intro .greeting > div .say {padding-bottom:20px; font-size:18px; font-weight:500; color:#404040; line-height:26px; letter-spacing:-0.05em}
.text_sub .intro .greeting > div .txt {font-size:14.5px; font-weight:400; color:#4b4b4b; line-height:24px; letter-spacing:-0.05em}
.text_sub .intro .greeting > div .gr_name {padding-left:190px}
.text_sub .intro .tab_content {padding-top:30px;}
.text_sub .history .history_top {padding-bottom:20px;}
.text_sub .history .history_top .ht_tit {background:url('/common/images/bg_ht_tit.png') left 4px no-repeat; padding-left:20px; font-size:18px; font-weight:500; color:#1b6998}
.text_sub .history .history_top .ht_txt {padding:10px; font-size:13px; color:#777; line-height:21px;}
.text_sub .history .yearW dt {padding:15px 0; margin-bottom:5px; color:#fff; font-weight:bold; font-size:16px; text-align:center; cursor:pointer; background:#418cbb url('/common/images/plus01.png')no-repeat 820px; border-radius:7px 7px 0 0;}
.text_sub .history .yearW dt.active {margin-bottom:0; background:#418cbb url('/common/images/minus01.png')no-repeat 820px;}
.text_sub .history .yearW dd {padding:15px; margin-bottom:10px; border:1px solid #eee; border-top:none;}
.text_sub .history .yearW dd > ul:after {display:block; content:""; clear:both;}
.text_sub .history .yearW dd > ul {margin-bottom:15px;}
.text_sub .history .yearW dd > ul > li {float:left; width:87%;}
.text_sub .history .yearW dd > ul > li:first-child + li {background:#f8f8f8;}
.text_sub .history .yearW dd > ul > li.year {width:13%; font-size:18px; font-weight:500; color:#418cbb}
.text_sub .history .yearW dd > ul > li > p {margin-left:10px; padding:8px 10px; font-size:13px; background:url('/common/images/bull01.png')no-repeat left;}
.text_sub .history .yearW dd > ul > li > p.idt {margin-left:18px; padding:0 10px 5px 10px; background:url('/common/images/bull02.png')no-repeat left 5px;}
.text_sub .map .mapview {margin-top:15px; padding:10px 20px; border:7px solid #eee;}
.text_sub .map .mapview table tr:first-child th {border-bottom:1px solid #ddd; font-size:14px; font-weight:500}
.text_sub .map .mapview table th {width:25%; padding:15px 0; font-size:13px;}
.text_sub .map .mapview table th.subway {background:url('/common/images/subway.png') 45px center no-repeat;}
.text_sub .map .mapview table th.bus {background:url('/common/images/bus.png') 45px center no-repeat;}
.text_sub .map .mapview table td {font-size:13px;}

/* mem 공통 */
.text_sub .tit {margin:15px 0 0px 8px; padding:0 0 0 20px; background:url('/common/images/bg_ht_tit.png') left center no-repeat; font-size:18px; font-weight:500; color:#1b6998}
.text_sub .tit span {color:#d70808;}
.text_sub .memdl_btn {width:300px; height:48px; margin:20px auto 0; background-color:#1b6998; text-align:center; border-bottom:2px solid #12557e; border-radius:5px;}
.text_sub .memdl_btn a {display:block; line-height:48px; color:#fff; font-size:15px;}
.text_sub h4 {margin-top:20px; padding:15px 20px; background:#418cbb url('/common/images/plus01.png')no-repeat 820px; border-radius: 7px 7px 0 0; font-size:18px; font-weight:500; color:#fff}
.text_sub > ul {padding:20px 20px 10px; background:#f8f8f8; border:1px solid #e3e3e3;}
.text_sub > ul li {padding-bottom:10px; font-size:15px; line-height:25px; font-weight:500;}
.text_sub > ul li > p {padding-left:10px; font-size:13px; line-height:23px;}

/* mem2 */
.mem2 > ul {margin:12px 8px 5px;}
.mem2 > ul li > p span.blue {font-size:13px; color:#418cbb}
.mem2 table {max-width:849px; margin:10px 8px 0;}
.mem2 table, .mem2 td {border:1px solid #ddd}
.mem2 table th {background:#418cbb; color:#fff; font-size:14px; font-weight:500}
.mem2 table td {padding:15px 0; font-size:14px; text-align:center;}
.mem2 .memdl_btn {margin:0 auto; padding-bottom:0; line-height:1;}

/* mem3 */
.mem3 .tit span {padding:0 0 0 8px; font-size:14px; font-weight:normal; color:#666}
.mem3 > ul {margin:12px 8px 5px;}
.mem3 > ul li b {padding-left:10px; font-size:13px; font-weight:500;}

/* new_sub_25 */
.new_sub_25 .new_tit {border:1px solid #ddd; padding:15px; font-size: 18px; font-weight: 500; color: #1b6998;}
.new_sub_25 ul li {font-size:14px; font-weight:normal; color:#666;}

/* mem4 */
.mem4 .tit {margin:15px 0 8px;}
.mem4 p {padding-bottom:20px; font-size:14px;}
.mem4 table th {height:60px; background:#418cbb; color:#fff; font-size:14px;}
.mem4 table td {height:40px; padding:15px 0; font-size:14px; text-align:center;}

/* mem5 */
.mem5 .tit {margin:15px 0 0 0; padding-left:20px;}
.mem5 > ul {margin:12px 0 5px;}
.mem5 > ul > .num_1 b {padding-right:101px; font-size:15px;}
.mem5 > ul > .num_1 {font-weight:normal; font-size:13px; line-height:18px;}
.mem5 > ul > .num_2 {position:relative; height:280px;}
.mem5 > ul > .num_2 > ul {position:absolute; top:5px; left:100px;}
.mem5 > ul > .num_2 > ul span {display:inline-block; width:50px;}
.mem5 > ul > .num_2 > ul li {font-weight:normal; font-size:13px; line-height:18px;}

/* mem6 */
.mem6 table th {width:18%; height:60px; background:#418cbb; color:#fff; font-size:15px;}
.mem6 table td {width:32%; height:60px; padding-left:40px; background:#f4f4f4 url('/common/images/bg_num.png') no-repeat 20px center; font-size:15px;}

/* bbs05 */
.bbs05 .tab {display:table; table-layout:fixed; width:100%}
.bbs05 .tab li {padding:10px 0; display:table-cell; text-align:center; cursor:pointer; background:#f9f9f9}
.bbs05 .tab li a {display:block; height:20px; line-height:20px; border-left:1px solid #ddd; font-size:15px; cursor:pointer}
.bbs05 .tab li:first-child a {border-left:none;}
.bbs05 .tab li.active {border-top:3px solid #0099b1; background:#fff;}
.bbs05 .tab li.active a {color:#0099b1;}
.bbs05 .map {margin-top:20px;}
.review-box {display:none;}

/* 개인정보 */
.text_sub_m{width:1100px; margin:0 40px 40px; background:#fff;}
.memberW {width:1180px; margin:0}
.memberW .personal h4 {padding-bottom:20px; font-weight:bold; font-size:19px; color:#121212; line-height:1;}
.memberW .personal h5 {padding-top:20px; padding-bottom:8px; font-weight:bold; font-size:17px; color:#333;}
.memberW .personal b {font-weight:bold; font-size:17px;}
.memberW .personal ul > li {padding-bottom:8px; font-size:13px; line-height:23px;}
.memberW .personal ul > li > ul {padding:6px 0 0 15px;}
.memberW .personal .personal-box {padding:20px; margin-top:20px; background:#f0f0f0; border:1px solid #ddd; line-height:18px; }

/* 상단 회원가입 등 링크 */
#hd_top{width:100%; height:28px;border-bottom:1px solid #e7e7e7}
#hd_tnb{width:1023px; margin:0 auto;}
#tnb {float:right;list-style:none;zoom:1;}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;}
#tnb a {display:inline-block;padding:0 10px;height:28px;color:#999;letter-spacing:-0.1em;line-height:2.4em}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb img {margin-right:3px}
.hd_home{float:left;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;}
.hd_home a{background:url("../img/home.gif") no-repeat 12px 8px; display:block; width:38px; height:28px;/*padding:0 0 14px 24px;*/ text-indent:-999px;}

/* 중간 레이아웃 */
#wrapper {z-index:5;margin:25px auto 0 auto;width:1023px;zoom:1; }
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#aside {float:right;margin:0 0 0 -1px;width:280px;background:#fff}

/*사이드 메뉴*/
#aside_ct{margin-top:15px; width:280px;}
#aside_ct ul{margin:0; padding:0;}
#container {z-index:4;position:relative;float:left;width:1280px;min-height:500px;height:auto !important;height:500px;font-size:1em;zoom:1;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}

/*메인배너*/
#main_bn_box{border:1px solid #e8e8e8;margin-bottom:45px;}
#main_bn {position:relative;overflow:auto;width:100% !important; }
#main_bn .bn_ul{margin:0; padding:0}
#main_bn .bn_ul li{/*height:321px;*/float:left;list-style:none}
#main_bn li .bn_wr{width:912px; margin:0 auto;}
#main_bn .dots{position:absolute;bottom:10px;text-align:center;width:90%}
#main_bn .dots li{cursor: pointer;margin-right:10px;text-indent:-9999px;width:10px;height:10px;border-radius:50%; background:#2c68b0;overflow:hidden;display:inline-block;zoom:1; *display:inline /*IE7 HACK*/; _display:inline; /*IE6 HACK*/}
#main_bn .dots li.active{background:#fda100;}

/* 게시물 선택복사 선택이동 */
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:70px;height:41px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;background:#fafafa;color:#fff;background:#2c68b0;background:#2c68b0;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #2c68b0;color:#000;background:#fafafa;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}
.btn_confirm {text-align:center} /* 서식단계 진행 */
.btn_submit {padding:8px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}
a.btn_cancel {display:inline-block;padding:7px;border:1px solid #2c68b0;background:#fff;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle}

/* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a {font-size:13px;}
.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

/* 회원명부 리스트 에서 전체 건수 */
.bo_fx {margin-bottom:5px;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list_total {float:left;padding-top:5px}

/*회원명부검색*/
#search_area{height:auto !important; min-height:30px; padding:10px 0 10px 0;}
#search_area div input {height:18px; vertical-align:middle}
#search_area div select{border:1px solid #CCCCCC; height:20px; margin:0; padding:0; vertical-align:top;}
#search_area div img, #search_area div a {display:inline-block;}
#search_area div span.s_tit{background:url('/images/blet_circle.gif') no-repeat scroll 0 7px transparent; line-height:20px; font-weight:bold;    margin-left:10px; padding:3px 0 3px 10px;}
#search_area input.btnApp{border:medium none; height:21px; width:77px;}
/*검색*/
/*page number정렬*/

.page {
    margin: 15px 0;
    text-align: center;
}	
	
.page  span, .page  img, .page  a, .page  strong {
    vertical-align: top;
}
.page  span img {
    display: inline-block;
    height: 13px;
    margin-top: 1px;
    width: 16px;
}
.page  span.page_num, .page span.page_num a, .page span.page_num strong {
    display: inline-block;
    line-height: 14px;
    padding: 0 8px;
}
.page span.page_num {
    padding: 0 5px 0 0;
    vertical-align: top;
		font-weight:bold
}
.page span.page_num a {    
    font-weight: bold;
}
.page span.page_num strong {   
    color: #006633;
}
.page span.page_num .first {
    background: none repeat scroll 0 0 transparent;
}
/*page number정렬*/

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;/*border-left:0;*/background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#fff;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px; width:200px;}
.frmb_input {height:22px; width:120px; border:1px solid #e4eaec;background:#fff;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 회원가입 테이블 */
.tbl_frm02 {margin:0 0 20px}
.tbl_frm02 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm02 th {width:100px;padding:7px 13px;border:1px solid #e9e9e9;/*border-left:0;*/background:#f5f8f9;text-align:left}
.tbl_frm02 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm02 textarea, .frm_input {border:1px solid #e4eaec;background:#fff;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm02 textarea {padding:2px 2px 3px}
.frma_input {height:22px; width:200px;}
.frmb_input {height:22px; width:120px; border:1px solid #e4eaec;background:#fff;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm02 textarea {width:98%;height:100px}
.tbl_frm02 a {text-decoration:none}
.tbl_frm02 .frm_file {display:block;margin-bottom:5px}
.tbl_frm02 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}


/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #2c68b0;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#2c68b0;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:1px solid #2c68b0;background:#fff;color:#000;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}