@charset "euc-kr";
/* reset */
@import url(reset.css);
@import url(contents.css);
@import url(board.css);
@import url(style.css);
@import url(notokr.css);
body, height {
    height: 100%;
}
body {
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-family: "Roboto", "Noto Sans KR", "¸¼Àº °íµñ", "µ¸¿ò", AppleSDGothicNeo, Roboto, Noto Sans KR, Dotum, Droid Sans, arial, sans-serif;
    color: #636363;
    list-style: none;
    line-height: 160%;
    border: 0px solid blue;
    outline: 0
}
.point_color10 {
    color: #3b84b1
}
/* ÆÄÀÏ ¼û±è */
.blind {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}
.skip_navigation a {
    display: block;
    height: 1px;
    width: 1px;
    margin: 0 -1px -1px 0;
    padding: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}
.skip_navigation a:hover, .skip_navigation a:active, .skip_navigation a:focus {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #000;
    color: #fff
}
/* Àüü */
#wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    border: 0px solid black;
    font-size: 1rem;
    overflow: hidden;
}
/* »ó´Ü */
#header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 109px;
    padding-bottom: 18px;
    background: url(../make_img/common/bg_topemnu_shadow02.png) repeat-x left 109px;
    z-index: 10000
}
#header:after {
    content: "";
    clear: both;
    display: block;
}
#header .bg_blue {
    position: absolute;
    top: 59px;
    left: 0;
    width: 100%;
    height: 50px;
    background: url(../make_img/common/bg_topmenu_blue.gif) repeat-x left bottom;
    border: 0px solid red;
}
#header .bg_orange {
    position: absolute;
    top: 59px;
    left: 50%;
    margin-left: 240px;
    width: 100%;
    height: 50px;
    background: url(../make_img/common/bg_topmenu_orange.gif) repeat-x right bottom;
    border: 0px solid red;
}
#header .header_area {
    width: 1000px;
    height: 59px;
    margin: 0 auto;
    border: 0px solid red;
}
#header .header_area:after {
    content: "";
    display: block;
    clear: both;
}
#header .header_area .logo {
    float: left;
    padding-top: 10px;
    padding-left: 3px;
    border: 0px solid red;
}
#header .header_area .logo:after {
    content: "";
    display: block;
    clear: both;
}
#header .header_area .logo img {
    float: left;
    display: block;
    border: 0px solid red;
}
.gnb_area {
    float: right;
    padding-top: 28px;
    margin-right: -30px;
    border: 0px solid red;
}
.gnb_area dl {
    float: left;
    margin-right: 24px;
}
.gnb_area dl a, .gnb_area dl img {
    display: block;
}
.gnb_area dl {
    float: left;
}
.gnb_area dl dt {
    float: left;
    margin-right: 15px
}
.gnb_area dl dd {
    float: left;
    padding: 0 7px 0 6px;
    line-height: 9px;
    background: url(../make_img/common/icon_bar_row01.png) no-repeat right top;
}
.gnb_area dl dd.none {
    background: transparent;
}
/* ¸ÞÀθ޴º */
#topmenu {
    position: relative;
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0px solid red;
}
#topmenu ul {
    width: 1000px;
    margin: 0 auto;
    padding: 17px 0;
}
#topmenu ul li {
    float: left;
    padding: 0 18px 0 16px;
    background: url(../make_img/common/icon_bar_row02.png) no-repeat right 5px
}
#topmenu ul li a img {
    display: block;
    padding-bottom: 30px;
    border: 0px solid red;
}
#topmenu ul li.none {
    background: transparent;
}
#topmenu ul li.pr_none {
    padding-right: 0;
}
#topmenu ul ul {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    min-height: 45px;
    line-height: 30px;
    vertical-align: center;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    background: url(../make_img/common/bg_topmenu02.png) repeat
}
#topmenu ul ul li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: left;
    padding: 10px 0 5px 0;
    margin: 0;
    white-space: normal;
    background: transparent;
}
#topmenu ul ul li a {
    display: inline-block;
    padding: 0 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border: 0px solid green;
}
#topmenu ul ul li a.on, #topmenu ul ul li a:hover {
    font-weight: bold;
    color: #ffc129;
    text-decoration: none;
}
#topmenu ul ul li.menu_on a {
    font-weight: bold;
    color: #ffc129;
}

/*
#topmenu ul li div {
    max-width: 1000px
}
*/

#topmenu ul ul#top2m1 div {
    position: absolute;
    left: 50%;
    margin-left: -485px;
    border: 0px solid green;
}
#topmenu ul ul#top2m2 div {
    position: absolute;
    left: 50%;
    margin-left: -485px;
    border: 0px solid green;
}
#topmenu ul ul#top2m3 div {
    position: absolute;
    left: 50%;
    margin-left: -485px;
    border: 0px solid green;
}
#topmenu ul ul#top2m4 div {
    position: absolute;
    left: 50%;
    margin-left: -485px;
    border: 0px solid green;
}
#topmenu ul ul#top2m5 div {
    position: absolute;
    left: 50%;
    margin-left: -485px;
    border: 0px solid green;
}
#topmenu ul ul#top2m6 div {
    position: absolute;
    left: 50%;
    margin-left: 70px;
    border: 0px solid green;
}
#topmenu ul ul#top2m7 div {
    position: absolute;
    left: 50%;
    margin-left: 0;
    border: 0px solid green;
}
#topmenu ul ul#top2m8 div {
    position: absolute;
    left: 50%;
    margin-left: -485px;
    border: 0px solid green;
}
#topmenu ul ul#top2m9 div {
    position: absolute;
    left: 50%;
    margin-left: 20px;
    border: 0px solid green;
}
.btn_totalmenu {
    display: inline-block;
    margin-left: 16px;
    margin-top: -25px;
}
.btn_totalmenu img {
    display: block;
}
/*
ul#top1ma { position: absolute; left: 554px; top: 56px; list-style: none; margin: 0; padding: 0; border:0px solid green;}
ul#top1ma li { float: left; display: inline; margin: 0; padding: 0; }
ul#top1ma li img { vertical-align: top; }


ul#top1ma { position: absolute; left: 554px; top: 56px; list-style: none; margin: 0; padding: 0; border:0px solid green;}
ul#top1ma li { float: left; display: inline; margin: 0; padding: 0; }
ul#top1ma li img { vertical-align: top; }
*/
/* ¸ÞÀμ­ºê¸Þ´º */
#top_submenu {
    display: none;
    position: absolute;
    top: 109px;
    left: 50%;
    margin-left: -500px;
    width: 1000px;
    height: 600px;
    text-align: left;
    background: #fff;
    border-bottom: 1px solid #3c3c3c;
    z-index: 1000000;
    overflow: hidden;
}
#top_submenu .left_submenu {
    float: left;
    width: 774px;
}
#top_submenu .submenu_top {
    width: 100%;
    height: 325px;
    background: url(../make_img/common/bg_submenu_col.png) repeat-x left bottom;
    overflow: hidden;
}
#top_submenu .submenu_top dl {
    float: left;
    width: 167px;
    height: 340px;
    padding-left: 26px;
    padding-top: 23px;
    background: url(../make_img/common/bg_submenu_row.png) repeat-y right top;
}
#top_submenu .submenu_top dl.last {
    float: left;
    width: 169px;
    height: 340px;
    padding-left: 26px;
    padding-top: 23px;
    background: transparent;
}
#top_submenu .submenu_top dt {
    margin: 0;
    padding-bottom: 12px;
}
#top_submenu .submenu_top dt img {
    display: block;
}
#top_submenu .submenu_top dd {
    padding-left: 13px;
    background: url(../make_img/common/icon_buller_submenu01.png) no-repeat 2px 7px;
}
#top_submenu .submenu_top dd a, #top_submenu .submenu_top dd img {
    display: block;
}
#top_submenu .submenu_top dd a:hover {
    text-decoration: underline;
}
#top_submenu .submenu_bottom {
    width: 100%;
    height: 201px;
}
#top_submenu .submenu_bottom dl {
    float: left;
    width: 167px;
    height: 250px;
    padding-left: 26px;
    padding-top: 23px;
    background: url(../make_img/common/bg_submenu_row.png) repeat-y right top;
}
#top_submenu .submenu_bottom dl.last {
    float: left;
    width: 169px;
    height: 263px;
    padding-left: 26px;
    padding-top: 23px;
    background: transparent;
}
#top_submenu .submenu_bottom dt {
    margin: 0;
    padding-bottom: 12px;
}
#top_submenu .submenu_bottom dt img {
    display: block;
}
#top_submenu .submenu_bottom dd {
    padding-left: 13px;
    background: url(../make_img/common/icon_buller_submenu01.png) no-repeat 2px 7px;
}
#top_submenu .submenu_bottom dd a, #top_submenu .submenu_top dd img {
    display: block;
}
#top_submenu .submenu_bottom dd a:hover {
    text-decoration: underline;
}
#top_submenu .right_submenu {
    float: right;
    width: 199px;
    height: 577px;
    padding-top: 23px;
    padding-left: 27px;
    background: #696666;
}
#top_submenu .right_submenu dl {
    padding-bottom: 56px;
    border: 0px solid red;
}
#top_submenu .right_submenu dl dt {
    margin-bottom: 14px;
}
#top_submenu .right_submenu dl dt img {
    display: block;
}
#top_submenu .right_submenu dd {
    padding-left: 13px;
    background: url(../make_img/common/icon_buller_submenu02.png) no-repeat 2px 7px;
}
#top_submenu .right_submenu dd a, #top_submenu .submenu_top dd img {
    display: block;
    color: #bbbbbb;
}
#top_submenu .right_submenu dd a:hover {
    text-decoration: underline;
}
.btn_close {
    position: absolute;
    bottom: 0;
    right: 0;
}
.btn_close img {
    display: block;
}
/* º»¹® */
#container {
    background: url(../make_img/common/bg_container01.jpg) no-repeat center top;
}
#container.container_bg03 {
    background: url(../make_img/common/bg_container03.jpg) no-repeat center top;
}
#container.container_bg04 {
    background: url(../make_img/common/bg_container04.jpg) no-repeat center top;
}
#container.container_bg05 {
    background: url(../make_img/common/bg_container05.jpg) no-repeat center top;
}
#container.container_bg06 {
    background: url(../make_img/common/bg_container06.jpg) no-repeat center top;
}
#container.container_bg07 {
    background: url(../make_img/common/bg_container07.jpg) no-repeat center top;
}
#container.container_bg08 {
    background: url(../make_img/common/bg_container08.jpg) no-repeat center top;
}
#container.container_bg09 {
    background: url(../make_img/common/bg_container09.jpg) no-repeat center top;
}
#container.department_bg01 {
    background: url(../make_img/sub03/bg_department01.jpg) no-repeat center top;
}
#container.department_bg02 {
    background: url(../make_img/sub03/bg_department02.jpg) no-repeat center top;
}
#container.department_bg03 {
    background: url(../make_img/sub03/bg_department03.jpg) no-repeat center top;
}
/*#container.department_bg04 {background: url(../make_img/sub03/bg_department04.jpg) no-repeat center top;}*/
#container.department_bg05 {
    background: url(../make_img/sub03/bg_department05.jpg) no-repeat center top;
}
#container.department_bg06 {
    background: url(../make_img/sub03/bg_department06.jpg) no-repeat center top;
}
#container.department_bg07 {
    background: url(../make_img/sub03/bg_department07.jpg) no-repeat center top;
}
.container_area {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}
.info_container {
    width: 100%;
    margin: 0 auto;
    padding-top: 240px;
    padding-bottom: 33px;
}
.info_container img {
    display: block;
}
.global_container {
    width: 100%;
    margin: 0 auto;
    padding-top: 240px;
    padding-bottom: 33px;
}
.global_container img {
    opacity: 0
}
#lnb {
    float: left;
    width: 215px;
    padding-top: 29px;
}
#lnb .lnb_title {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #494949;
    width: 163px;
    height: 51px;
    text-align: center;
    border-bottom: 3px solid #577ad3;
}
#lnb .lnb_title img {
    display: inline-block;
}
#lnb .lnb-global img {
    margin-top: -10px;
    margin-bottom: 10px;
}
#lnb .sidemenu {
    width: 163px;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #7f7f7f
}
#lnb .sidemenu ul {
    overflow: hidden;
}
#lnb .sidemenu ul li {
    float: left;
    width: 163px;
    border-bottom: 1px solid #d9d9d9;
}
#lnb .sidemenu ul li a {
    display: block;
    padding-top: 11px;
    padding-bottom: 13px;
    padding-left: 6px;
    color: #494949;
}
#lnb .sidemenu ul li img {
    display: block
}
#lnb .sidemenu ul li ul {
    margin: 0;
    padding: 14px 0;
    border-top: 1px solid #d9d9d9;
}
#lnb .sidemenu ul li a {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
}
#lnb .sidemenu ul li a.on {
    color: #4065c3
}
#lnb .sidemenu ul li ul.none {
    border-bottom: 0;
}
#lnb .sidemenu ul li ul li {
    border: 0;
}
#lnb .sidemenu ul li ul li a {
    display: block;
    padding: 3px 0 3px 20px;
    font-size: 13px;
}
#lnb .sidemenu ul li ul li a img {
    display: block;
    margin-left: -20px;
}
#lnb .sidemenu ul li ul li a.on {
    background: url(../make_img/common/icon_lnbdot.gif) no-repeat 6px 8px;
}
#lnb .sidemenu ul li ul li ul {
    padding: 0;
    margin: 0;
    border: none;
    margin-top: -5px
}
/* ÄÁÅÙÃ÷ */
#contents {
    float: right;
    width: 750px;
    padding-left: 29px;
    padding-top: 31px;
    min-height: 550px;
    border-left: 1px solid #eaeaea
}
.title_area {
    position: relative;
}
.navigation_area {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    font-size: 13px;
    line-height: 13px;
}
.navigation_area .navigation {
    float: left;
    padding-top: 4px;
}
.navigation_area .navigation .icon_home {
    float: left;
    width: 9px;
    height: 9px;
    padding-top: 2px;
    margin-right: 8px;
    background: url(../make_img/common/icon_home.gif) no-repeat left 2px;
    text-indent: -5000em;
}
.navigation_area .navigation .icon_bar02 {
    float: left;
    margin-right: 8px;
    padding-left: 14px;
    color: #888888;
    background: url(../make_img/common/icon_gt.gif) no-repeat left 5px;
}
.navigation_area .navigation strong {
    float: left;
    margin-right: 8px;
    padding-left: 14px;
    color: #888888;
    background: url(../make_img/common/icon_gt.gif) no-repeat left 5px;
    font-weight: normal;
    color: #000000
}
.navigation_area #btn_size {
    float: left;
    margin-right: 22px;
}
.navigation_area #btn_size dt {
    float: left;
}
.navigation_area #btn_size dd {
    float: left;
}
.contents_area {
    position: relative;
    margin: 0;
    padding: 0 0 100px 0;
    border: 0px solid red;
}
.contents_area:after {
    content: "";
    clear: both;
    display: block;
}
.policy_area {
    position: relative;
    margin: 0;
    padding: 0 0 100px 0;
    border: 0px solid red;
}
.policy_area:after {
    content: "";
    clear: both;
    display: block;
}
.policy_area p {
    color: #73767b;
    font-size: 16px;
}
.policy_area table {
    border: 1px solid #DDDDDD;
    margin-bottom: 15px
}
.policy_area td {
    border: 1px solid #DDDDDD;
    text-align: center;
    padding: 5px
}
.policy_area ul {
    color: #73767b;
    font-size: 16px;
    margin-bottom: 30px;
}
.policy_area ul li {
    margin: 0;
}
.policy_area ul li ul {
    margin: 5px 0 5px 15px;
    color: #7B7B7B;
}
.policy_area ul li ul li {
    color: #7B7B7B;
}
/* line-table 20181001 À强ȭ */
.line-table table {
    clear: both;
    width: 100%;
    border-collapse: 0;
    border-spacing: 0;
    border: none;
    border-top: 1px solid #666;
}
.line-table thead th, .line-table tbody th, .line-table tbody td {
    height: 30px;
    padding: 5px;
    text-align: center;
    line-height: 16px;
    border: 0;
    border: 1px solid #DDD;
}
.line-table thead th:first-child, .line-table tbody th:first-child, .line-table tbody td:first-child {
    border-left: none;
}
.line-table thead th:last-child, .line-table tbody th:last-child, .line-table tbody td:last-child {
    border-right: none;
}
.line-table thead th {
    font-weight: bold;
    background: #EFEFEF
}
.page_information_area {
    clear: both;
    padding-bottom: 100px;
    border: 0px solid red;
}
.page_information_area .page_title {
    padding-bottom: 7px;
    border: 0px solid red;
}
.page_information_area .page_title img {
    width: 130px;
}
.page_information_area .page_information {
    padding: 15px 16px 10px 16px;
    border-top: 1px solid #3e403f;
    border-bottom: 1px solid #3f3f3f;
    overflow: hidden;
}
.page_information_area .page_information dl {
    float: left;
    margin-right: 15px;
}
.page_information_area .page_information dl dt {
    float: left;
    padding-left: 15px;
    font-weight: bold;
    padding-right: 6px;
    background: url(../make_img/common/icon_bullet01.gif) no-repeat left 5px;
}
.page_information_area .page_information dl dd {
    float: left;
}
.page_btns {
    float: right;
} /* margin-right: 27px; */
.page_btns a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0 7px;
    vertical-align: middle;
}
/* ÇÏ´Ü */
#footer {
    position: relative;
    clear: both;
    width: 100%;
    padding-top: 11px;
    padding-bottom: 12px;
    background: #1c1c1c;
}
#footer:after {
    content: "";
    display: block;
    clear: both;
}
.footer_area {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    border: 0px solid red;
}
.footer_area .footer_menu {
    overflow: hidden;
    margin-left: -7px;
    margin-bottom: 6px;
    border: 0px solid red
}
.footer_area .footer_menu li {
    float: left;
    height: 11px;
    padding: 0 7px 0 6px;
    background: url(../make_img/common/icon_bar_row03.png) no-repeat right top;
}
.footer_area .footer_menu li a {
    display: block;
    text-indent: -50000em;
}
.footer_area .footer_menu li.none {
    background: transparent;
    padding-right: 0;
}
.footer_area .footer_menu li.menu01 a {
    width: 73px;
    height: 10px;
    background: url(../make_img/common/footer_menu01.png) no-repeat 0 -11px;
}
.footer_area .footer_menu li.menu02 a {
    width: 45px;
    height: 10px;
    background: url(../make_img/common/footer_menu02.png) no-repeat 0 0;
}
.footer_area .footer_menu li.menu03 a {
    width: 37px;
    height: 10px;
    background: url(../make_img/common/footer_menu03.png) no-repeat 0 0;
}
.footer_area .footer_menu li.menu04 a {
    width: 37px;
    height: 10px;
    background: url(../make_img/common/footer_menu04.png) no-repeat 0 0;
}
.footer_area .footer_menu li.menu05 a {
    width: 73px;
    height: 10px;
    background: url(../make_img/common/footer_menu05.png) no-repeat 0 0;
}
.footer_area .footer_menu li.menu06 a {
    width: 36px;
    height: 10px;
    background: url(../make_img/common/footer_menu06.png) no-repeat 0 0;
}
.footer_area .footer_menu li.menu07 a {
    width: 45px;
    height: 11px;
    background: url(../make_img/common/footer_menu07.png) no-repeat 0 0;
}
.footer_area .footer_menu li.menu08 a {
    width: 93px;
    height: 11px;
    background: url(../make_img/common/footer_menu08.png) no-repeat 0 0;
}
.footer_area .footer_menu li.menu09 a {
    width: 55px;
    height: 11px;
    background: url(../make_img/common/footer_menu09.png) no-repeat 0 0;
}
.footer_area .footer_menu li.menu01 a:hover {
    width: 73px;
    height: 10px;
    background: url(../make_img/common/footer_menu01.png) no-repeat 0 0;
}
.footer_area .footer_menu li.menu02 a:hover {
    width: 45px;
    height: 10px;
    background: url(../make_img/common/footer_menu02.png) no-repeat 0 -10px;
}
.footer_area .footer_menu li.menu03 a:hover {
    width: 37px;
    height: 10px;
    background: url(../make_img/common/footer_menu03.png) no-repeat 0 -10px;
}
.footer_area .footer_menu li.menu04 a:hover {
    width: 37px;
    height: 10px;
    background: url(../make_img/common/footer_menu04.png) no-repeat 0 -10px;
}
.footer_area .footer_menu li.menu05 a:hover {
    width: 73px;
    height: 10px;
    background: url(../make_img/common/footer_menu05.png) no-repeat 0 -10px;
}
.footer_area .footer_menu li.menu06 a:hover {
    width: 36px;
    height: 10px;
    background: url(../make_img/common/footer_menu06.png) no-repeat 0 -11px;
}
.footer_area .footer_menu li.menu07 a:hover {
    width: 45px;
    height: 11px;
    background: url(../make_img/common/footer_menu07.png) no-repeat 0 -11px;
}
.footer_area .footer_menu li.menu08 a:hover {
    width: 93px;
    height: 11px;
    background: url(../make_img/common/footer_menu08.png) no-repeat 0 -11px;
}
.footer_area .footer_menu li.menu09 a:hover {
    width: 55px;
    height: 11px;
    background: url(../make_img/common/footer_menu09.png) no-repeat 0 -11px;
}
.select_area {
    position: absolute;
    top: 5px;
    right: 0;
}
.select_area select {
    background: #2e2e2e;
    border: 1px solid #464646;
    color: #9e9e9e;
    height: 27px;
    vertical-align: middle;
}
.select_area a, .select_area input[type="submit"] {
    display: inline-block;
    width: 33px;
    height: 25px;
    margin-left: -2px;
    vertical-align: middle;
    background: url(../make_img/common/btn_go.png) no-repeat left top;
    border: 0;
    text-indent: -5000em;
}