/* common */
@import url('../font.css');
* {padding:0;margin:0; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust: none}
html {font-family: "notokr", sans-serif;font-size:14px}
ul,ol,dl {list-style:none}
ul li {display:inline-block;vertical-align:top}
a,a:link,a:visited,a:hover  {text-decoration:none !important;}
img {border:0}
table {border-spacing:0;border-collapse:collapse}
.center {text-align:center}
.clear {clear:both}
.green {color:#2fe19c}
.blue {color:#2f8fe1}
.blue2 {color:#1a5094}
.blue3 {color:#1e73ca}
.red {color:#fc439f}
.red2 {color:#e6441f}
.sub_red {color:#e45830}
.left {float:left}
.right {float:right}
.space5 {clear:both;height:5px}
.space10 {clear:both;height:10px}
.space20 {clear:both;height:20px}
.space25 {clear:both;height:25px}
.space30 {clear:both;height:30px}
.space40 {clear:both;height:40px}
.space50 {clear:both;height:50px}
.space60 {clear:both;height:60px}
.space140 {clear:both;height:140px}

b {font-weight:600 !important}
.img {width:auto;max-width:100%}

.pc {display:block}
.mobile {display:none}


/* wrap */
#wrap {}

#wrap .navi_all{width:1100px; margin:auto;}
#wrap .navi_all ul{margin:0 0 0 60px; width:745px; display:table; table-layout:fixed;}
#wrap .navi_all ul li{display:table-cell;}
#wrap .navi_all ul li:nth-of-type(1){width:132px;}
#wrap .navi_all ul li:nth-of-type(2){width:104px;}
#wrap .navi_all ul li:nth-of-type(3){width:122px;}
#wrap .navi_all ul li:nth-of-type(4){width:104px;}
#wrap .navi_all ul li:nth-of-type(5){width:156px;}
#wrap .navi_all ul li:nth-of-type(6){width:166px;}
#wrap .navi_all ul li:nth-of-type(7){width:126px;}
#wrap .navi_all ul li a {display:block;padding:4px 0;font-family:"Nanum";font-size:14px;font-weight:600;color:#4779b6;}

/* header */
#header {}
#header .top_link {border-bottom:1px solid #e5e5e5}
#header .top_link ul {width:1100px;margin:0 auto;text-align:right}
#header .top_link a {font-size:13px;font-weight:400;color:#757575}
#header .top_link li {line-height:38px; height:38px;}
#header .top_link li.gap {color:#cbcbcb;padding:0 5px}
#header .gnb {width:1100px;margin:0 auto;padding:25px 0}
#header .gnb li:nth-of-type(1) {width:200px}
#header .gnb li:nth-of-type(2) {width:650px;text-align:center}
#header .gnb li:nth-last-of-type(1) {width:250px;text-align:right;padding-top:18px}
#header .gnb li:nth-last-of-type(1) img {vertical-align:middle;margin-left:8px}
#header .navi_wrap {}
#header .navi_wrap .navi {background:#4779b6;height:50px;width:1100px;margin:0 auto}
#header .navi_wrap .navi .left ul {float:left;width:745px}
#header .navi_wrap .navi .left li {padding:0 16px}
#header .navi_wrap .navi .left a {display:block;padding:17px 0;font-family:"Nanum";font-size:15px;font-weight:600;color:#fff;line-height:16px}
#header .navi_wrap .navi .left a.tmenu {font-family:"MalgunGothic","Malgun Gothic","Nanum"}
#header .navi_wrap .navi .right {width:223px;background:#4779b6;height:36px;line-height:36px;text-align:center;padding:7px 10px}
#header .navi_wrap .navi .right li {font-family:"dotum";font-size:12px;color:#fff;padding:0 5px}
#header .navi_wrap .navi .right li img {padding:13px 0}
#header .navi_wrap .navi .right span {font-weight:600;color:#dbec20}
#header .navi_wrap .navi .right input {border:0;padding:0;margin:0;height:auto}
#header .navi_wrap .navi .right .top_key {float:left;width:150px;border:1px solid #fff;border-right:none;background:none;font-size:13px;color:#fff;padding:9px 10px 10px 10px;text-align:center;}
#header .navi_wrap .navi .right .top_key::-webkit-input-placeholder {color:#95b4d9;}
#header .navi_wrap .navi .right .top_key:-ms-input-placeholder {color:#95b4d9;}
#header .navi_wrap .navi .right .top_key::placeholder {color:#95b4d9;}


/* container */
#container {width:1100px;margin:0 auto}
#container .main_roll {position:relative;height:290px}
#container .main_roll .left {position:absolute;top:0;left:0;width:745px;height:290px;vertical-align:top}
#container .main_roll .bg_img {z-index:0}
#container .main_roll .main_txt {position:absolute;bottom:30px;left:0px;z-index:99;width:100%;text-align:center}
#container .main_roll .main_link {position:absolute;top:0;right:0}
#container .main_content1 .tab_board {float:left;width:720px}
#container .main_content1 .tab_board li.gap {padding:0 10px;font-size:16px;color:#bebcbc}
#container .main_content1 .tab_board ul.left a {display:block;font-size:16px;font-weight:500;color:#989898}
#container .main_content1 .tab_board ul.left a:hover,
#container .main_content1 .tab_board ul.left a.on {display:block;border-bottom:3px solid #e25a00;color:#e25a00;padding-bottom:16px}
#container .main_content1 .tab_board .mtab_com {display:block;border-bottom:1px solid #a6a5ad;padding-top:5px;height:40px}
#container .main_content1 .main_bnr {float:right}
#container .main_content1 .board_list .img {float:left;width:190px}
#container .main_content1 .board_list .list {float:right;width:530px}
#container .main_content1 .board_list .list a {display:block;font-size:14px;font-family:500;color:#464646}
#container .main_content1 .board_list .list a:hover {color:#e25a00}
#container .main_content1 .board_list .list .right {font-size:13px;color:#989898}
#container .main_content1 .board_list .list li {line-height:2}
#container .mboard1 {float:left;width:350px}
#container .mboard2 {float:left;width:345px;margin:0 25px}
#container .mboard3 {float:right;width:333px}
#container .board_title ul {width:100%;font-size:18px;font-weight:500;color:#121607;border-bottom:1px solid #a6a5ad}
#container .board_title ul li {padding-top:10px;height:35px}
#container .board_title ul li.right {padding-top:13px}
#container .board_content {margin-top:20px}
#container .board_content table {width:100%;text-align:center}
#container .board_content table td img {padding-bottom:5px}
#container .board_content table tr:nth-of-type(1) td {height:118px;vertical-align:top}
#container .board_content td a {display:block;font-size:14px;font-weight:500;color:#464646}
#container .board_content td a:hover {color:#e25a00}
#container .board_content ol li {padding-left:10px}
#container .board_content ol li a {font-size:14px;font-weight:500;color:#464646}
#container .board_content ol li a:hover {color:#e25a00}
#container .board_content ol li:nth-of-type(2n) {font-size:14px;color:#989898;padding-left:24px;border-bottom:1px solid #e7e7e7;padding-bottom:8px}
#container .board_content ol li:nth-of-type(2n+1) {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#container .board_content ol li:nth-of-type(2n+3) {padding-top:8px}
#container .board_content ol li:nth-last-of-type(1) {border-bottom:0}
#container .photo .board_content li {width:16.66%;text-align:center}
#container .photo .board_content li a {display:block;font-size:14px;color:#464646}
#container .photo .board_content li a:hover {color:#e25a00}
#container .photo .board_content li img {margin-bottom:15px}
#container .main_gallery li {width:16.66%;text-align:center}
#container .main_gallery li .square {position: relative; width: 158px !important; height: 105px !important; overflow: hidden;border:1px solid #ddd;margin:0 auto}
#container .main_gallery li img {position: absolute;max-width: 100%;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate( -50%, -50%);}
#container .main_gallery li img.landscape {height: 105px;width: 158px;}
#container .main_bnr .board_title ul li {width:100%;font-size:16px;font-weight:500;color:#121607;border-bottom:1px solid #a6a5ad}
#container .main_content1 .tab_board .mtab_com .right {padding-top:3px}
#container .main_bnr .board_title .ntitle {padding:6px 0 5px 0;border-bottom:0}
#container .main_bnr .board_content {margin-top:0;padding-top:0}
#container .main_bnr .board_title ul li:nth-of-type(2) {height:22px}




/* sub container */
#sub_container {width:1100px;margin:0 auto}
#sub_container .sub_left {width:240px}
#sub_container .sub_left_title {height:90px;background:url("../img/sub_left_bg.gif") no-repeat;text-align:center;padding-top:30px}
#sub_container .sub_left_title h1 {font-size:22px;font-weight:500;color:#fff}
#sub_container .sub_left_title h3 {font-size:14px;font-weight:300;color:#c3d0e4;margin-top:7px}
#sub_container .sub_left .snb {border:1px solid #cfcfcf;border-top:0}
#sub_container .sub_left .snb a {display:block;font-size:16px;font-weight:400;color:#464646;padding:15px 20px;border-bottom:1px solid #cfcfcf}
#sub_container .sub_left .snb a:nth-last-of-type(1) {border-bottom:0}
#sub_container .sub_left .snb a.on,
#sub_container .sub_left .snb a:hover {display:block;font-weight:400;color:#e45830;background:url("../img/icon_arrow.gif") no-repeat 212px center}
#sub_container .sub_content {float:right;width:820px}
#sub_container .sub_content .sub_title {height:24px;padding:20px 0;border-bottom:1px solid #cfcfcf}
#sub_container .sub_content .sub_title .left {background:url("../img/icon_title_bar.gif") no-repeat left center;height:25px;font-size:25px;font-weight:500;color:#121212;padding-left:15px;line-height:25px}
#sub_container .sub_content .sub_title .right {font-size:13px;font-weight:400;color:#989898}
#sub_container .sub_content .sub_title .right span {color:#464646}
#sub_container .sub_content .sub_content_detail {padding:0 30px}
#sub_container .sub_content .sub_content_detail img {max-width:760px;}
#sub_container .sub11_img {position:relative;width:100%;background:#f8f8f8 url("../img/sub11_1.jpg") no-repeat right top;border:1px solid #ebebeb}
#sub_container .sub11_img td {;text-align:left;height:215px;font-family:'NanumMJ';font-size:25px;line-height:1.5em;color:#182f15;padding-left:40px;text-shadow:1px 1px 2px #fff}
#sub_container .sub_detail_txt {font-size:15px;font-weight:400;color:#464646;line-height:1.8em}
#sub_container .sub_detail_txt .ddimg {position:absolute;top:40px;left:40px}
#sub_container .sub_detail_txt h1 {font-size:22px;font-weight:500;color:#363636;padding:10px 0}
#sub_container .sub_detail_txt dl dt {font-weight:500;float:left;width:80px;text-align:justify}
#sub_container .sub_detail_txt dl dd {margin-left:80px}
#sub_container .sign {width:100%;text-align:right}
#sub_container .sign img {width:122px}
#sub_container .btitle {font-family:'NanumMJ';font-size:1.6rem;font-weight:400;line-height:1.4em}
#sub_container .bbtitle {font-family:'NanumMJ';font-size:1.8rem;font-weight:400;line-height:1.4em}
#sub_container .bbbtitle {font-family:'NanumMJ';font-size:2.14rem;font-weight:400;line-height:1.4em}
#sub_container .bbtitle span {font-weight:600;color:#ed4b0b}
#sub_container span.out {display:inline-block;background:#3a4859;width:34px;line-height:19px;font-size:0.9rem;font-weight:400;color:#fff;text-align:center;border-radius:4px}
#sub_container .sub_content_title {background:url("../img/sub_title_icon.gif") no-repeat left center;padding-left:30px;font-size:22px;font-weight:500;color:#121212;margin:20px 0}
#sub_container .detail_title {font-size:1.27rem;font-weight:500;color:#121212;margin-bottom:10px}
#sub_container .content_detail {width:100%}
#sub_container .content_detail ul li:nth-of-type(1) {float:left;width:25%;margin-top:40px}
#sub_container .content_detail ul li.step1 {background:url("../img/sub14_1.gif") no-repeat left top}
#sub_container .content_detail ul li.step2 {background:url("../img/sub14_2.gif") no-repeat left top}
#sub_container .content_detail ul li.step3 {background:url("../img/sub14_3.gif") no-repeat left top}
#sub_container .content_detail ul li:nth-of-type(1) div {width:163px;height:163px;text-align:center;vertical-align:middle;display:table-cell;font-family:'NanumMJ';font-size:1.2rem;font-weight:500;color:#fff;line-height:1.3em}
#sub_container .content_detail ul li:nth-of-type(1) .big_num {font-size:1.8rem;font-weight:600;padding-bottom:10px}
#sub_container .content_detail ul li:nth-last-of-type(1) {float:right;width:75%}
#sub_container .content_detail .img {margin:10px 0}
#sub_container .cn_txt {}
#sub_container .short_line {width:40px;margin:0 auto;border-top:3px solid #1b559e}
#sub_container .sub12_content1 {width:100%;max-height:430px;background:#fbfbfb url("../img/sub12_4.gif") no-repeat left top;padding:30px;font-weight:500;color:#121212;border:1px solid #e9e9e9;line-height:1.8em}
#sub_container .sub12_content1 span {color:#676767;font-weight:400}
#sub_container .sub12_content1 .f20 {color:#121212;font-size:1.43rem}
#sub_container .sub12_content2 {width:100%;border-top:2px solid #3a485a}
#sub_container .sub12_content2 tr {border-bottom:1px solid #d8d8d8}
#sub_container .sub12_content2 td {padding:15px 0;border-left:1px solid #d8d8d8;font-size:1.07rem}
#sub_container .sub12_content2 th {font-size:1.07rem;font-weight:400;color:#464646;background:#f6f6f6}
#sub_container .sub12_content2 td:nth-of-type(1) {color:#464646;text-align:center}
#sub_container .sub12_content2 .month {color:#464646;font-weight:500;text-align:center}
#sub_container .sub12_content2 td:nth-last-of-type(1) {padding-left:3.5%;color:#464646}
#sub_container .sub14_content1 {background:#fafafa url("../img/sub14_bg.gif") no-repeat left center;padding:40px 40px 30px 40px;height:315px;line-height:1.8em;border:1px solid #e9e9e9}
#sub_container .sub14_content1 .color1 {font-size:1.13rem;font-weight:500;color:#77b500}
#sub_container .sub14_content1 .color2 {font-size:1.13rem;font-weight:500;color:#4577b4}
#sub_container .sub14_content2 {border-top:2px solid #3a485a;border-bottom:1px solid #d8d8d8;line-height:1.8em}
#sub_container .sub14_content2 tr {border-bottom:1px solid #d8d8d8}
#sub_container .sub14_content2 td {font-size:1rem;color:#464646;padding:15px 20px;border-right:1px solid #d8d8d8}
#sub_container .sub14_content2 th {font-size:1.07rem;background:#f6f6f6;color:#464646;font-weight:500;padding:15px 0;border-right:1px solid #d8d8d8}
#sub_container .sub14_content2 th.last,#sub_container .sub14_content2 td.last {border-right:0}
#sub_container .sub16_content1 {display:table-cell;background:url("../img/sub16_1.gif") no-repeat center center;width:670px;height:490px;vertical-align:middle;text-align:center;padding:0 45px;line-height:1.8em}
#sub_container .sub16_content1 li {font-size:1.43rem;font-weight:500;text-align:center;line-height:1.8em;padding:0 3.3%;text-align:center;width:25.3%}
#sub_container .sub16_content1 li:nth-of-type(1) {color:#e104d1}
#sub_container .sub16_content1 li:nth-of-type(2) {color:#e104d1}
#sub_container .sub16_content1 li:nth-of-type(3) {color:#ce0707}
#sub_container .sub16_content1 li:nth-of-type(4) {color:#0cad08}
#sub_container .sub16_content1 li:nth-of-type(5) {color:#121212}
#sub_container .sub16_content2 {display:table-cell;background:url("../img/sub16_1.gif") no-repeat center center;width:760px;height:200px;text-align:center;vertical-align:middle}
#sub_container .sub16_content1 img,#sub_container .sub16_content2 img {width:auto;max-width:100%}
#sub_container .sub19_content1 {width:100%;border-top:2px solid #3a485a}
#sub_container .sub19_content1 tr {border-bottom:1px solid #d8d8d8}
#sub_container .sub19_content1 td {padding:15px 0;border-left:1px solid #d8d8d8;font-size:1.07rem}
#sub_container .sub19_content1 th {font-weight:400;color:#464646;background:#f6f6f6;font-size:1.07rem}
#sub_container .sub19_content1 td:nth-last-of-type(1) {padding-left:3.5%;color:#464646}
#sub_container .sub13 {width:100%}
#sub_container .sub13 td {vertical-align:top;line-height:2.3em}
#sub_container .sub13 td:nth-last-of-type(1) {font-size:1.07rem;color:#464646}
#sub_container .sub13 td.bg1 {background:url("../img/sub13_1.gif") no-repeat center center ;width:131px;height:131px;text-align:center;font-weight:500;color:#fff;vertical-align:middle}
#sub_container .sub13 td.bg2 {background:url("../img/sub13_2.gif") no-repeat center center ;width:131px;height:131px;text-align:center;font-weight:500;color:#fff;vertical-align:middle}
#sub_container .sub13 td.date {font-size:1.07rem;font-weight:400;color:#e45830}
#sub_container .dot_line {clear:both;width:100%;height:40px;background:url("../img/dot_line.gif") repeat-x center center;margin:20px 0}
#sub_container .top_line {border-top:2px solid #3a485a;padding-bottom:20px}
#sub_container .bottom_line {border-bottom:1px solid #e6e6e6;padding-top:20px}
#sub_container .sub51 {position:relative;font-size:1.07rem;color:#464646;line-height:1.8em}
#sub_container .sub51 .title51 {font-size:1.3rem;font-weight:600;color:#464646}
#sub_container .sub51 .btitle51 {font-size:2rem;font-weight:400;color:#ec571d;line-height:1.3em;letter-spacing:-1px;text-align:justify}
#sub_container .sub51 left {display:inline-block;position:absolute;top:0;right:0;width:auto;max-width:100%}
#sub_container .sub31_img {position:relative;width:100%;background:#f8f8f8 url("../img/sub31_1.jpg") no-repeat right top;border:1px solid #ebebeb}
#sub_container .sub31_img td {;text-align:left;height:215px;font-size:1.07rem;line-height:1.6em;color:#666;padding:0 40px;text-shadow:1px 1px 2px #fff}
#sub_container .sub31_img .btitle {margin-bottom:15px}
#sub_container .title31_1 {font-size:1.3rem;font-weight:600;color:#464646;padding:20px 0}
#sub_container .title31_2 {font-weight:500;color:#464646;padding:10px 0}
#sub_container .sub121 table {width:100%}
#sub_container .sub121 h1 {font-size:1.4rem;font-weight:400;color:#203063;margin-bottom:7px}
#sub_container .sub121 td {font-size:1.07rem;color:#464646;vertical-align:top;padding:5px 10px;border:1px solid #ddd}
#sub_container .sub121 th {width:100px;background:#f6f6f6;font-size:1.07rem;font-weight:500;color:#464646;padding:5px;vertical-align:top;border:1px solid #ddd}
#sub_container .sub121 th:after {}





/* footer */
#footer {background:#e4ecf7;padding:15px 0}
#footer .copyright {width:1100px;margin:0 auto;font-size:13px;color:#121212;line-height:1.5;text-align:center}
#footer .copyright a{color:inherit;}
#footer .copyright span {color:#464646}
#footer .copyright .copy {font-size:12px}



/* °Ô½ÃÆǶóÀλö»ó */
#ac_list,#ac_write,#ac_view,.scjoin {border-top:2px solid #215fad !important}
#ac_view #v_contents img, #ac_view #v_fileprint img {max-width:760px !important}



/* ³×ºñ°ÔÀÌ¼Ç */
#header .navi li {position:relative}
#header .navi li .sub {display:none;padding:10px 20px;background:#063c7b; z-index:9999;border-top:1px solid #fff}
#header .navi li .sub a {display:block;width:130px;font-family:"Nanum" !important;font-size:14px !important;font-weight:600 !important ; color:#fff !important; text-align:left;height:auto !important;padding:10px 5px !important;border-bottom:1px solid #446081}
#header .navi li .sub a:nth-last-of-type(1) {border-bottom:0}
#header .navi li .sub a:hover {color:yellow !important;}
#header .navi li .sub1 {position:absolute;top:50px;left:0}
#header .navi li .sub1 a {width:130px}
#header .navi li .sub2 {position:absolute;top:50px;left:0}
#header .navi li .sub3 {position:absolute;top:50px;left:0}
#header .navi li .sub4 {position:absolute;top:50px;left:0}
#header .navi li .sub5 {position:absolute;top:50px;left:0}
#header .navi li .sub6 {position:absolute;top:50px;left:0}
#header .navi li .sub6 a {width:140px}


.mtal {text-align:right;margin:20px}
.mtal a {display:inline-block;font-size:14px;font-weight:400;color:#464646;border:1px solid #aaa;background:#ddd;padding:10px 20px}
.sub4_tab  {margin:20px}
.sub4_tab li a {display:inline-block;font-size:16px;font-weight:400;color:#464646;border:1px solid #ccc;border-right:0;background:#f0f0f0;padding:10px 25px}
.sub4_tab li:nth-last-of-type(1) a {border-right:1px solid #ccc}
.sub4_tab li a.on {background:#1b559e;color:#fff;border:1px solid #1b559e}