@charset "euc-kr";

.M_visual .slide {width:100%; height:650px; background-position:50% 50%; background-size:cover; background-repeat:no-repeat;}
.M_visual .slide .inner {width:100%; height:100%; max-width:1200px; margin:0 auto; padding:235px 0 0; box-sizing:border-box;}
.M_visual .cycle-slide-active .inner { animation:slideActive 1 1s .2s cubic-bezier(.22,.3,.37,1.07) forwards; -webkit-animation:slideActive 1 1s .2s cubic-bezier(.22,.3,.37,1.07) forwards; }
@keyframes slideActive {
    0% {
        padding:265px 0 0;
        opacity:0;
    }
    100% {
        padding:235px 0 0;
        opacity:1;
    }
}
.M_visual .slide h2 {font-size:40px; font-weight:900; line-height:49px; color:#fff; white-space:pre-line; margin:0 0 20px;}
.M_visual .slide p {font-size:17px; font-weight:700; line-height:28px; letter-spacing:-0.065rem; color:#fff; white-space:pre-line;}
.M_visual .mv_pager {position:absolute; bottom:180px; left:50%; margin-left:-600px; z-index:101;}
.M_visual .mv_pager span { display:inline-block; width:50px; height:5px; background:rgba(255,255,255,.5); margin:0 5px 0 0; text-indent:-9999px; transform:skew(-45deg); -webkit-transform:skew(-45deg); -moz-transform:skew(-45deg); -ms-transform:skew(-45deg); -o-transform:skew(-45deg); cursor:pointer;}
.M_visual .mv_pager span.cycle-pager-active {background:#e83828;}
.M_visual .mv_control {position:absolute; top:365px; left:0; width:100%; z-index:101;}
.M_visual .mv_control button {position:absolute; top:0; left:0; width:40px; height:75px; background:url(../images/ico/main_prev.png) 50% 50% no-repeat; text-indent:-9999px; margin:0 0 0 50px; outline:none;}
.M_visual .mv_control .main_next {left:auto; right:0; background-image:url(../images/ico/main_next.png); margin:0 50px 0 0;}

@media screen and (max-width:1520px){
    .M_visual .mv_control button {display:none;}
}

.M_contents .news_area {width:100%; height:110px;}
.M_contents .news_area .ttl {float:left; width:150px; line-height:110px; text-align:center; font-size:19px; font-weight:600; color:#222;}
.M_contents .news_lst {float:left; width:920px; margin:40px 0;}
.M_contents .news_lst li {width:920px; height:30px;}
.M_contents .news_lst li:after {content:''; display:block; clear:both;}
.M_contents .news_lst a {float:left; max-width:800px; font-size:16px; font-weight:500; line-height:30px; letter-spacing:-0.065rem; color:#666; white-space:noemail_area; text-overflow:ellipsis; overflow:hidden;}
.M_contents .news_lst a:hover {text-decoration:underline;}
.M_contents .news_lst a:before { content:''; display:inline-block; width:3px; height:3px; background:#e83828; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; margin:0 10px 0 0; vertical-align:middle;}
.M_contents .news_lst .date {float:right; font-size:15px; font-weight:500; line-height:30px; color:#999;}
.M_contents .news_control {float:right; width:27px; height:45px; border:1px solid #ddd; margin:33px 50px 0 0; box-sizing:border-box;}
.M_contents .news_control button {display:block; width:100%; height:22px; background:url(../images/ico/min_prev.png) 50% 50% no-repeat; text-indent:-9999px;}
.M_contents .news_control .news_next {height:23px; background-image:url(../images/ico/min_next.png); border-top:1px solid #ddd;}

.cont_inner {margin:0 0 60px;}
.thesis_area {float:left; width:600px;}
.thesis_area .frm_box {width:100%; height:125px; background:#f7f7f7; border:1px solid #ddd; padding:25px 30px 0; margin:0 0 10px; box-sizing:border-box;}
.thesis_area .frm_box .ttl {display:block; margin:0 0 14px;}
.thesis_area .frm_box h3 {float:left; font-size:20px; font-weight:500; line-height:22px; letter-spacing:-0.065rem; color:#222;}
.thesis_area .frm_box .ttl a {float:right; font-size:12px; font-weight:600; line-height:22px; color:#999; padding:0 10px 0 0; background:url(../images/ico/more_arr.png) 99% 50% no-repeat; box-sizing:border-box;}
.thesis_area .frm_box .ttl a:hover {text-decoration:underline;}
.thesis_area .frm_box .frm {position:relative; display:block;}
.thesis_area .frm_box select {float:left; width:150px; height:40px; border:1px solid #ddd;}
.thesis_area .frm_box input {float:right; width:385px; height:40px; border:1px solid #ddd; background:#fff; font-size:15px; font-weight:500; letter-spacing:-0.065rem; color:#444; padding:0 45px 0 14px; box-sizing:border-box;}
.thesis_area .frm_box .submit_btn {position:absolute; top:0; right:0; width:40px; height:40px; background:url(../images/ico/sch_ico.png) 50% 50% no-repeat; text-indent:-9999px;}

.thesis_area .thesis_lst li {width:100%; height:80px; border-bottom:1px solid #eee; box-sizing:border-box;}
.thesis_area .thesis_lst li:after {content:''; display:block; clear:both;}
.thesis_area .thesis_lst li:last-child {border-bottom:none;}
.thesis_area .thesis_lst a:first-child {float:left; width:515px; height:79px; padding:18px 0 0 30px; box-sizing:border-box;}
.thesis_area .thesis_lst .tit {display:block; width:100%; font-size:17px; font-weight:500; line-height:25px; letter-spacing:-0.065rem; color:#222; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0 0 5px;}
.thesis_area .thesis_lst li:hover .tit {color:#e83828;}
.thesis_area .thesis_lst .writer {display:block; font-size:14px; font-weight:500; letter-spacing:-0.065rem; color:#888;}
.thesis_area .thesis_lst a:last-child {float:right; width:85px; height:79px; background:url(../images/ico/pdf_ico.png) 19px 50% no-repeat; text-indent:-9999px;}

.journal_area {float:right; width:560px;}
.journal_area .journal_box {width:100%; height:270px; border:1px solid #ddd; padding:30px; box-sizing:border-box;}
.journal_box .j_cover {float:left; width:150px; height:210px; border:1px solid #ccc; margin:0 25px 0 0; overflow:hidden; box-shadow:1px 1px 2px rgba(0,0,0,.15); box-sizing:border-box;}
.journal_box .j_cover a {display:block; width:100%; height:100%;}
.journal_box .j_cover img {width:100%; height:100%;}
.journal_box .j_info {float:left; width:320px; height:210px;}
.journal_box .j_info a {display:block; width:100%; height:100%;}
.journal_box .j_info .cat {display:block; font-size:15px; font-weight:500; letter-spacing:-0.065rem; color:#e83828; margin:0 0 10px;}
.journal_box .j_info strong {display:block; width:100%; height:54px; font-size:19px; font-weight:500; line-height:27px; letter-spacing:-0.065rem; color:#222; overflow:hidden; margin:0 0 12px;}
.journal_box:hover .j_info strong {text-decoration:underline;}
.journal_box .j_info p {height:46px; font-size:14px; font-weight:500; line-height:23px; letter-spacing:-0.065rem; color:#777; margin:0 0 30px;}
.journal_box .j_info .more_btn { display:block; width:80px; height:30px; border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; padding:0 14px; background:url(../images/ico/more_arr.png) 62px 50% no-repeat; line-height:28px; font-size:13px; font-weight:500; letter-spacing:-0.065rem; color:#777; box-sizing:border-box;}

.journal_area .brochure_box {width:100%; height:250px; border-width:0 1px 1px; border-style:solid; border-color:#ddd; padding:30px; box-sizing:border-box;}
.brochure_box .ttl {display:block; margin:0 0 15px;}
.brochure_box .ttl h3 {float:left; font-size:19px; font-weight:600; line-height:20px; color:#222;}
.brochure_box .ttl a {float:right; font-size:12px; font-weight:600; line-height:20px; color:#999; padding:0 10px 0 0; background:url(../images/ico/more_arr.png) 99% 50% no-repeat; box-sizing:border-box;}
.brochure_box .bc_lst li {float:left; width:110px; height:150px; margin:0 19px 0 0;}
.brochure_box .bc_lst li:last-child {margin:0;}
.brochure_box .bc_lst a { display:block; width:100%; height:100%; border:1px solid #ccc; box-shadow:1px 1px 1px rgba(0,0,0,.1); box-sizing:border-box; transition:border 0.2s; -webkit-transition:border 0.2s; -moz-transition:border 0.2s; -ms-transition:border 0.2s; -o-transition:border 0.2s; }
.brochure_box .bc_lst img {width:100%; height:100%;}
.brochure_box .bc_lst li:hover a {border-color:#aaa;}

.partner_area {width:100%; height:110px; border-top:1px solid #ddd; box-sizing:border-box;}
.partner_area .container {height:109px;}
.partner_slide {width:1140px; height:109px; margin:0 auto;}
.partner_slide .slide {width:190px; height:109px;}
.partner_slide .slide a {position:relative; display:block; width:100%; height:100%;}
.partner_slide .slide img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:80%; max-height:80%; margin:auto;}
.partner_area .pt_control {position:absolute; top:50%; left:0; width:100%; margin:-10px 0 0; z-index:101;}
.partner_area .pt_control button {position:absolute; top:0; left:0; width:15px; height:20px; background:url(../images/ico/part_prev.png) 0 50% no-repeat; text-indent:-9999px; outline:none;}
.partner_area .pt_control .pt_next {left:auto; right:0; background:url(../images/ico/part_next.png) 100% 50% no-repeat;}

/* ???? ??ê°? */
.intro_tab {height:62px; border:1px solid #ddd; margin:0 auto 80px; box-sizing:border-box;}
.intro_tab li {position:relative; float:left; width:25%; background:#fafafa; text-align:center; font-size:17px; font-weight:500; letter-spacing:-0.065rem; line-height:60px; color:#666; box-sizing:border-box; cursor:pointer;}
.intro_tab li:before {content:''; position:absolute; top:50%; left:0; width:1px; height:22px; background:#e1e1e1; margin:-11px 0 0 -0.5px;}
.intro_tab li.on {color:#e83828; background:#fff;}
.intro_tab li.on:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#e83828;}

.intro_cont .cont {margin:0 auto 80px;}
.intro_cont .found_box {margin:0 auto 80px; padding:0 0 0 60px; box-sizing:border-box;}
.intro_cont .found_box img {float:left;}
.intro_cont .found_box .fb_inner {float:right; width:600px; padding:50px 0 0;}
.intro_cont .found_box span {display:block; font-size:20px; font-weight:500; letter-spacing:-0.065rem; margin:0 0 16px; color:#e83828;}
.intro_cont .found_box strong {display:block; font-size:30px; font-weight:700; line-height:40px; letter-spacing:-0.065rem; color:#111; white-space:pre-line; margin:0 0 25px;}
.intro_cont .found_box p {font-size:17px; font-weight:500; line-height:27px; letter-spacing:-0.065rem; color:#444; white-space:pre-line;}

.intro_cont .push_box {width:100%; height:440px; padding:60px 90px; border-radius:6px; background:url(../images/intro_bg.jpg) no-repeat; box-sizing:border-box; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; margin:0 auto 60px;}
.intro_cont .push_box h3 {float:left; font-size:50px; font-weight:700; line-height:55px; letter-spacing:-0.065rem; color:#fff; white-space:pre-line;}
.intro_cont .push_box ul {float:right; width:500px;}
.intro_cont .push_box li {font-size:17px; font-weight:500; line-height:31px; letter-spacing:-0.065rem; color:#fff;}
.intro_cont .push_box li:before { content:''; display:inline-block; width:3px; height:3px; background:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; vertical-align:middle; margin:-2px 10px 0 0;}

.active_table, .organ_table {border-top:1px solid #888;}
.organ_table {margin:0 0 30px;}
.active_table caption {font-size:30px; font-weight:700; line-height:40px; letter-spacing:-0.065rem; color:#111; text-align:left; margin:0 0 20px;}
.intro_area .organ_table caption {line-height:35px; border-bottom:0; text-align:left; margin:0 0 12px;}
.active_table th, .active_table td, .organ_table th, .organ_table td {font-size:15px; font-weight:500; line-height:20px; letter-spacing:-0.065rem; color:#444; padding:16px 19px; text-align:left; border-bottom:1px solid #ddd; box-sizing:border-box;}
.active_table th, .organ_table th {background:#fafafa;}
.active_table th, .active_table td[width="10%"], .organ_table th, .organ_table td:nth-last-child(2) {border-right:1px solid #ddd; text-align:center;}
.active_table th[rowspan], .active_table .gry td, .organ_table .gry {border-bottom:1px solid #888;}
.active_table th[rowspan="5"] {border-bottom-color:#ddd;}

.organ_vis {display:block; margin:0 auto 50px; text-align:center;}
.organ_vis img {width:auto; height:auto; max-width:100%;}
.organ_table th, .organ_table td {border-bottom:1px solid #888;}
.organ_table th, .organ_table td:nth-last-child(2) {border-right:1px solid #888;}

.coop_lst {margin:0 auto 50px;}
.coop_lst .cat {float:left; width:260px; height:100px; font-size:30px; font-weight:700; line-height:40px; letter-spacing:-0.065rem; padding:18px 0 0 100px; background:url(../images/ico/affi_ico1.png) 24px 20px no-repeat; box-sizing:border-box;}
.coop_lst:nth-child(2) .cat {background-image:url(../images/ico/affi_ico2.png);}
.coop_lst:nth-child(3) .cat {background-image:url(../images/ico/affi_ico3.png);}
.coop_lst:nth-child(4) .cat {background-image:url(../images/ico/affi_ico4.png);}
.coop_lst .lst {float:right; width:940px;}
.coop_lst .lst li {float:left; width:180px; margin:0 10px 25px 0;}
.coop_lst .lst li:nth-child(5n) {margin-right:0;}
.coop_lst .lst a {display:block; width:100%; height:100%;}
.coop_lst .lst .logo_box { position:relative; display:block; width:100%; height:60px; border:1px solid #ddd; box-sizing:border-box; transition:border 0.2s; -webkit-transition:border 0.2s; -moz-transition:border 0.2s; -ms-transition:border 0.2s; -o-transition:border 0.2s; }
.coop_lst .lst li:hover .logo_box {border-color:#aaa;}
.coop_lst .lst .logo_box img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:70%; max-height:70%; margin:auto;}
.coop_lst .lst .name {display:block; font-size:15px; font-weight:500; line-height:20px; letter-spacing:-0.045rem; color:#444; margin:10px 0 0; text-align:center;}

/* ???? ?¸ì?¬ë? */
.greet_area {width:1000px; margin:0 auto 80px; background:url(../images/symbol_img.png) 210px 190px no-repeat;}
.greet_area .greet_vis {float:left; width:350px; box-shadow:10px 10px 20px rgba(0,0,0,.3);}
.greet_area .greet_txt {float:right; width:590px; margin:20px 0 0;}
.greet_area .greet_txt strong {display:block; font-size:30px; font-weight:500; line-height:49px; letter-spacing:-0.065rem; color:#e83828; margin:0 0 25px;}
.greet_area .greet_txt p {font-size:16px; font-weight:500; line-height:24px; letter-spacing:-0.065rem; color:#666; white-space:pre-line; word-break:keep-all; margin:0 0 30px;}
.greet_area .greet_txt p:nth-child(2) {margin-bottom:50px;}
.greet_area .society_name {float:none; clear:both; display:block; font-size:18px; font-weight:500; line-height:29px; letter-spacing:-0.065rem; color:#111; text-align:right; white-space:pre-line;}

/* ???? ?°í?? */
.history_area {padding: 0 0 60px; box-sizing: border-box; width: 100%;}
.history_area .his_vis {width:100%; height:290px; background:url(../images/his_vis.jpg) 50% 50% no-repeat; padding:80px 0 0; margin:0 0 40px; text-align:center; box-sizing:border-box;}
.his_vis span {display:block; font-size:20px; font-weight:600; line-height:40px; letter-spacing:0.15rem; color:rgba(255,255,255,.7); text-transform:uppercase; margin:0 0 15px;}
.his_vis p {font-size:30px; font-weight:700; line-height:46px; letter-spacing:-0.045rem; color:#fff; white-space:pre-line;}

.his_tab {margin:0 auto 80px;}
.his_tab li {float:left; width:50%; height:65px; text-align:center; font-size:20px; line-height:65px; color:#444; border-bottom:1px solid #ddd; box-sizing:border-box; cursor:pointer;}
.his_tab li.on {color:#e83828; border-color:#e83828;}

.his_cont .cont {background:url(../images/ico/his_bar.png) 300px 0 repeat-y;}
.his_cont dl {position:relative; width:1000px; margin:0 auto 80px; padding:0 0 0 200px; box-sizing:border-box;}
.his_cont dt {position:absolute; top:0; left:0; font-size:40px; font-weight:700; color:#e83828; margin:-15px 0 0;}
.his_cont dd {position:relative; width:100%; padding:0 0 0 160px; margin:0 0 30px; box-sizing:border-box;}
.his_cont dd:before {content:''; position:absolute; top:0; left:0; width:17px; height:17px; margin:0 0 0 -7.5px; background:url(../images/ico/his_point.png) 50% 50% no-repeat;}
.his_cont .day {position:absolute; top:0; left:20px; font-size:16px; font-weight:500; color:#222;}
.his_cont .val {font-size:16px; font-weight:500; line-height:21px; letter-spacing:-0.045rem; color:#555; white-space:pre-line; word-break:keep-all;}

/* ???? ê·?ì¹? */
.article_ttl {font-size:35px; font-weight:600; line-height:45px; letter-spacing:-0.065rem; color:#e83828; text-align:center; margin:20px auto 50px;}
.article{font-size:15px; line-height:24px; letter-spacing:-0.045rem; color:#444; word-break:keep-all;}
.article .day {text-align:right; font-size:15px; line-height:24px; letter-spacing:-0.045rem; color:#444; margin:0 0 30px;}
.article h3, .organ_table caption {font-size:20px; font-weight:700; line-height:50px; letter-spacing:-0.045rem; color:#000; border-bottom:1px solid #ddd; margin:15px 0 30px; background:url(../images/ico/article_ico.png) 4px 50% no-repeat; padding:0 0 0 28px; box-sizing:border-box;}
.article h4{font-size:18px; color:#333; margin:50px 0 20px; padding-top:50px; border-top:1px solid #ddd;}
.article h4:nth-of-type(1){margin-top:0; padding-top:0; border-top:0 none;}
.article h5{text-align:center; font-size:15px; font-weight:normal; margin:0 0 20px;}
.article h5 span{display:block; font-size:23px; font-weight:600; text-decoration:underline;}
.article h5 small{font-weight:normal; font-size:20px;}
.article table{border-width:1px 0 0 1px; border-style:solid; border-color:#999 #ddd #ddd; background:#fff;}
.article table th, .article table td{height:25px; padding:15px; font-size:15px; line-height:24px; letter-spacing:-0.045rem; color:#444; word-break:keep-all; text-align:center; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd;}
.article table th{background:#f7f7f7;}
.article table td{}
.article table .left{text-align:left;}
.article p, .article li {font-size:15px; line-height:24px; letter-spacing:-0.045rem; color:#444; word-break:keep-all;}
.article p {margin:0 0 30px; white-space:pre-line;}
.article strong {display:inline-block; font-weight:500; color:#222; margin:0 10px 0 0;}
.article strong:before { content:''; display:inline-block; width:3px; height:3px; background:#e83828; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; margin:-2px 6px 0 0; vertical-align:middle;}
.article .dep {padding:0 0 0 20px; margin:0 0 30px;}
.article ol {list-style:decimal; list-style-position:inside;}
.article a {color:#e83828;}
.article .n_mg {margin-bottom:0;}
.article .graybox{padding:40px;}
.article .article-down{position:fixed; left:50%; bottom:0; width:1200px; margin-left:-600px; padding:10px 0; background:rgba(0,0,0,0.6); text-align:center; border-radius:5px 5px 0 0; overflow:hidden; transition:all 0.3s; box-sizing:border-box;}
.article .article-down:hover{background:rgba(0,0,0,0.7);}
.article .article-down a{float:left; color:#fff; width:20%; font-size:14px; padding:3px 0; transition:all 0.3s;}
.article .article-down a:after{content:''; display:inline-block; width:11px; height:11px; background:url(../images/ico/down.png) 0 0 no-repeat; margin-left:5px;}
.article .article-down a:hover{background:#000;}
.article .down_btn{display:inline-block; height:35px; line-height:35px; color:#fff; padding:0 15px; background:#e83828; border-radius:3px;}
.article .down_btn:after{content:''; display:inline-block; width:11px; height:11px; background:url(../images/ico/down.png) 0 0 no-repeat; margin-left:5px;}

/* ?¤ì???? ê¸? */
.map_area .root_daum_roughmap {width:100%; height:500px; border-radius:none; -webkit-border-radius:none; -moz-border-radius:none; -ms-border-radius:none; -o-border-radius:none; border:none; padding:0; margin:0 0 30px;}
.map_area .root_daum_roughmap .wrap_map {height:500px;}
.map_area .wrap_controllers {display:none;}

.map_area .map_info {padding:0 0 30px; border-bottom:1px solid #ddd; margin:0 0 50px;}
.map_area .map_info h3 {font-size:30px; font-weight:500; line-height:40px; letter-spacing:-0.065rem; color:#222; margin:0 0 20px;}
.map_area .map_info .address {display:block; font-size:17px; font-weight:500; line-height:25px; letter-spacing:-0.025rem; color:#333;}
.map_area .map_info .info {display:block; font-size:16px; font-weight:500; line-height:25px; letter-spacing:-0.025rem;}
.map_area .map_info .info .val {display:inline-block; color:#444; margin:0 16px 0 0; vertical-align:middle;}
.map_area .map_info .val span {display:inline-block; color:#666; margin:0 0 0 10px; letter-spacing:0;}

.trans_info {margin:0 auto 70px;}
.trans_info dl{position:relative; padding-left:160px; margin:20px 0 0;}
.trans_info dl:first-child{margin:0;}
.trans_info dl dt{position:absolute; left:0; top:0; font-size:17px; color:#222; font-weight:600;}
.trans_info dl dd{font-size:16px;}
.trans_info dl dd i{display:inline-block; font-style:normal; font-size:75%; color:#fff; letter-spacing:-1px; text-align:center; background:#555; border-radius:2px; vertical-align:middle; margin:-2px 2px 0 0;}

.trans_info strong {font-weight:500;}
.trans_info dl.subway i{width:20px; height:20px; line-height:20px; border-radius:50%; font-weight:500;}
.trans_info dl.bus ul li {position:relative; line-height:20px; padding-left:200px; margin:10px 0 0; word-break:keep-all;}
.trans_info dl.bus ul li:first-child{margin:0;}
.trans_info dl.bus ul li i{width:35px; margin-right:10px;}
.trans_info dl.bus ul li strong{position:absolute; left:0; top:0;}
.trans_info dl.bus ul li span{display:inline-block; margin:0 7px; font-weight:normal; color:#ddd;}
.trans_info i.line9 {background:#bd9a31;}
.trans_info i.gan{background:#6175f5;}
.trans_info i.zi{background:#44ba42;}
.trans_info i.non{background:#ff451e;}
.trans_info i.seat{background:#2391ee;}

/* ê²????? */
.board_area, .center_area {margin:0 auto 50px;}

/* ???? ??루ì?? ???´ì? */
.society_area {margin:0 auto 50px;}
.journal_ttl {font-size:22px; font-weight:500; line-height:32px; letter-spacing:-0.065rem; color:#222; padding:0 0 0 22px; background:url(../images/ico/article_ico.png) 0 50% no-repeat; box-sizing:border-box;}
.journal_ttl + p {font-size:15px; font-weight:500; line-height:28px; letter-spacing:-0.065rem; color:#555; margin:0 0 20px;}
.treat_ttl {font-size:18px; font-weight:500; line-height:32px; letter-spacing:-0.065rem; color:#222; background:url(../images/ico/list_bul.png) 0 50% no-repeat; padding:0 0 0 12px; margin-bottom:10px;}

.journal_lst {margin:20px 0 30px;}
.journal_lst li {float:left; width:180px; margin:0 24px 25px 0;}
.journal_lst li:nth-child(6n) {margin-right:0;}		
.journal_lst a {display:block; width:100%; height:100%;}
.journal_lst .img_box {display:block; width:100%; height:235px; border:1px solid #ddd; margin:0 0 10px; box-sizing:border-box;}
.journal_lst .img_box img {width:100%; height:100%;}
.journal_lst .name {display:block; height:44px; font-size:16px; font-weight:500; line-height:22px; letter-spacing:-0.025rem; color:#444; text-align:center; overflow:hidden;}

.cal_list_search{border:1px solid #e0e0e0; padding:20px 30px; margin:10px 0 35px;}
.cal_list_search ul{overflow:hidden; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd;}
.cal_list_search ul li{float:left; font-size:14px; font-weight:500; letter-spacing:-0.045rem; line-height:30px; margin-right:5px;}
.cal_list_search ul li select{height:30px; width:100px;}
.cal_list_search ul li input{background:#f7f7f7; border:1px solid #ccc; height:30px; width:150px; padding:0 5px; font-size:14px; box-sizing:border-box;}
.cal_list_search .submit_btn { display:inline-block; height:30px; line-height:29px; font-size:13px; letter-spacing:-0.045rem; color:#fff; background:#1d3979; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-right:1px solid #0f2863; border-bottom:1px solid #0f2863; padding:0 10px; box-sizing:border-box; }
.cal_list_search p{margin-top:10px; color:#f55747; font-size:12px; line-height:1.4;}

.journal_cont .ttl {font-size:18px; font-weight:500; line-height:25px; letter-spacing:-0.045rem; color:#222; margin:0 0 20px;}
.journal_cont .ttl small {display:inline-block; font-size:14px;}
.journal_cont .ttl small b {color:#e83828;}

.journal_list {border-top:2px solid #555;}
.journal_list td.subject {padding:16px 0; border-bottom:1px solid #ddd; box-sizing:border-box;}
.journal_list td.subject .ttl {display:block; max-width:94%; font-size:17px; font-weight:500; line-height:25px; letter-spacing:-0.065rem; color:#222; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0 0 5px;}
.journal_list td.subject p a{font-size:12px; font-weight:600;}
.journal_list td.subject font{font-size:12px; color:#666;}
.journal_list .page {display:inline-block; font-size:14px; font-weight:500; letter-spacing:-0.065rem; color:#888; margin:-2px 5px 0 0;}
.journal_list .keyword_box {word-break:keep-all;}
.journal_list .keyword_box .keyword {display:inline-block; font-size:13px; letter-spacing:-0.045rem; color:#555; border:1px solid #ddd; line-height:24px;  margin:5px 5px 0 0; padding:0 10px; box-sizing:border-box;}

.journal_view{border-top:2px solid #333;}
.journal_view td {font-size:16px; line-height:22px; letter-spacing:-0.045rem; color:#555; vertical-align:middle; padding:12px 16px; border-bottom:1px solid #ddd;}
.journal_view thead td {background:#fafafa; text-align:center; font-size:18px; font-weight:700; color:#333; padding:16px; white-space:normal; }
.journal_view tbody td.content{background:#f7f7f7; padding:16px; white-space:pre-line; word-break:keep-all; box-sizing:border-box;}
.journal_view b {font-weight:500;}

/* ?´ë??? 무ë?¨ì??ì§?ê±°ë? */
.email_area {width:90%; max-width:1200px; margin:120px auto 0; padding:70px 70px 65px 0; box-sizing:border-box; border:1px solid #ccc; border-radius:10px;}
.email_area .img_box {float:left; width:40%; text-align:center; margin:20px 0 0;}
.email_area p{float:left; width:60%; letter-spacing:-0.064rem;}
.email_area p strong {display:block; font-size:40px; color:#333; font-weight:400; line-height:1.1;}
.email_area p span{display:block; font-size:16px; font-weight:400; line-height:20px; color:#888; margin:20px 0 0;}
.email_area p small {display:block; font-size:15px; font-weight:400; color:#aaa; margin:20px 0 0;}

/* ?¼ë¬¸ ê´??? ?¤í???? */
.treat_lst {margin:20px auto 50px;}
.treat_lst li {font-size:15px; font-weight:500; line-height:22px; letter-spacing:-0.045rem; color:#444; word-break:keep-all; list-style-position:inside;}

.treat_chk {margin:30px auto 20px; padding:25px; background:#fafafa; border:1px solid #ddd;}
.treat_chk .chk_box {display:block; margin:0 0 10px;}
.treat_chk .chk {display:inline-block; width:16px; height:16px; margin:0 8px 0 0; vertical-align:middle;}
.treat_chk label {display:inline-block; font-size:15px; font-weight:500; line-height:20px; letter-spacing:-0.045rem; color:#333; vertical-align:middle;cursor:pointer;}

.treat_btn {display:block; height:48px; line-height:46px; font-size:16px; font-weight:500; background:#1d3979; color:#fff; border:1px solid #0f2863; padding:0 50px; border-radius:3px; box-sizing:border-box; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; margin:0 auto;}

.treat_input .sympo_inputtable {width:100%; border-top:1px solid #333; table-layout:fixed; margin:0 0 30px;}
.treat_input .sympo_inputtable th, .treat_input .sympo_inputtable td {font-size:15px; font-weight:500; line-height:24px; letter-spacing:-0.045rem; color:#555; border-bottom:1px solid #ddd; padding:12px 16px; vertical-align:middle;}
.treat_input .sympo_inputtable th {width:12%;}
.treat_input .input {height:32px; border:1px solid #ddd; font-size:15px; font-weight:500; letter-spacing:-0.025rem; vertical-align:middle;}
.treat_input .sympo_inputtable + .btn_gray {display:block; margin:-20px 0 30px auto;}
.treat_input .input[name="title"] {width:100%; margin:0 0 30px;}
.treat_input .radio {display:inline-block; vertical-align:middle;}
.treat_input .radio + label {display:inline-block; margin:0 5px 0 2px; vertical-align:middle; cursor:pointer;}
.treat_input .gry_box {width:100%; padding:20px 25px; background:#f9f9f9; border:1px solid #ddd; box-sizing:border-box;}
.treat_input b {font-weight:500;}
.treat_input .file {height:32px; background:#fff; border:1px solid #ccc;}

.treat_status td {font-size:16px; font-weight:500; line-height:24px; letter-spacing:-0.025rem; color:#333; vertical-align:middle;}
.treat_status b {font-weight:500;}
.treat_status .table_basic thead th, .treat_status .table_basic thead td {font-size:15px; padding:10px 16px;}
.treat_status .sympo_inputtable td {font-size:15px;}
.status_inner td {font-size:15px; font-weight:500; color:#555; padding:5px 3px;}

.treat_btn_box {margin:30px auto 50px; text-align:center;}
.treat_btn_box button, .treat_btn_box a {display:inline-block; height:45px; line-height:43px; margin:0 5px; padding:0 75px;}
.treat_btn_box .cancle {background:#f0f0f0; border-color:#ccc; color:#444;}

.society_area.guide {text-align:center;}
.society_area.guide h3, .society_area.guide .summary {text-align:left;}
.society_area.guide .lnk_box {display:inline-block; width:340px; height:400px; border:1px solid #ddd; margin:40px 100px; vertical-align:top;}
.society_area.guide .lnk_box a {display:inline-block; width:100%; height:100%; background:url(../images/ico/pdf_big.png) 50% 75px no-repeat; padding:180px 25px 0; box-sizing:border-box;}
.society_area.guide .lnk_box:last-child a {background-image:url(../images/ico/hwp_big.png);}
.society_area.guide .lnk_box:hover {border-color:#aaa;}
.society_area.guide .lnk_box strong {display:block; font-size:25px; font-weight:700; line-height:45px; letter-spacing:-0.045rem; color:#222; margin:0 0 16px;}
.society_area.guide .lnk_box p {font-size:15px; line-height:24px; letter-spacing:-0.045rem; color:#999; white-space:pre-line;}


/* ???????? ?¬ì???±ë? */
.regi_area {margin:0 auto 50px;}
.regi_area .table_basic input {margin:2px 0; padding:0 4px;}
.regi_area .table_basic select {height:32px; font-size:15px; letter-spacing:-0.025rem;}
.regi_area .table_basic b {color:#333;}
.regi_area .treat_ttl.title {font-size:25px;}
.regi_area .treat_ttl ~ h3 {font-size:17px; font-weight:500; margin:20px 0 10px;}
.regi_area .table_basic td:nth-child(2):last-child {border-right:0;}
.regi_area .content {margin:30px auto;}
.regi_area .content * {font-family:'Lato','NotoSans',sans-serif !important; font-size:16px; line-height:22px; letter-spacing:-0.025rem; color:#555; word-break:keep-all;}

.regi_area .cbanner_img {text-align:center; margin:0 auto 25px;}
.regi_area .table_basic input[type="radio"], .regi_area .table_basic input[type="radio"] + label {display:inline-block; height:auto; vertical-align:middle; margin:0; cursor:pointer;}
.regi_area .table_basic input[type="radio"] + label {margin:0 6px 0 4px;}