@charset 'utf-8';
#wrap {position: relative;width: 100%;}

/* header */
#header {
    height: 90px;
    width: 100%;
    margin-bottom: 16px;
    border-bottom: 1px solid #e1e1e1;
}

#header .gnb {
    /*position: relative;*/
    max-width: 980px;
    margin: 0 auto;
    z-index: 15;
}
#header .gnb h1 {
    display: inline-block;
}

#header .gnb_section {
    display: inline-block;
    position: relative;
    padding-left: 75px;
    bottom: 31px;

}

#header .gnb_section .gn-lst li {
    display: inline-block;
    padding-right: 53px;
    font-size: 14px;
    font-weight: bold;
}

#header .gnb_section .gn-lst li a { color: #000000;}
#header .gnb_section .gn-lst li a:hover { color: #224d9c;}

#header .gnb .account {
    display: inline-block;
    position: relative;
    float: right;
}

#header .gnb .account li {
    display: inline-block;
}



/*#header .gnb .account {*/
   /*display: inline-block;*/
/*}*/

/*#header .gnb:after { content: ''; display: block; clear: both;}*/
/*#header .gnb h1 {float: left;}*/
/*#header .gnb h1 img {vertical-align: top;}*/
/*#header .gnb .account { float: right; font-size: 0;}*/
/*#header .gnb .account li {float: left;}*/
/*#header .gnb_section { position: absolute; left: 340px; top: 46px; width: 450px;}*/
/*#header .gnb_section .gn-lst li { display: inline-block; padding-right: 35px; font-size: 14px; font-weight: bold;}*/
/*#header .gnb_section .gn-lst li a { color: #000000;}*/
/*#header .gnb_section .gn-lst li a:hover { color: #224d9c;}*/

/* 컨텐츠 영역 */
#container { padding-bottom: 45px;}
#container .path { position: relative; margin: 0 auto 0 auto; max-width: 100%; height: 33px; border-bottom: 1px solid #e1e1e1;}
#container .path > p { margin: 0 auto; max-width: 980px;}
#container .path span {display: inline-block; font-size: 12px; margin: 0 10px; line-height: 18px;}
#container .path span.path_home { margin: 0; padding-right: 17px; }
#container .path span.current {color: #3c9cd7;text-decoration: underline;}

#contents { /* max-width: 980px; margin: 0 auto; */ width:100%;} /* 2017.12.09 [개발팀] */
#contents:after { content: ''; display: block; clear: both;}
#contents #content { /* float: left; width: 729px; */} /* 2017.12.09 [개발팀] */
#contents #content h2 { width: 100%; font-size: 50px; font-weight: bold; color: #1c3f80; line-height: 50px; height: 60px; border-bottom: 3px solid #1c3f80;}
#contents #lnb { float: right; width: 210px;}

/* sitemap */
#sitemap { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: #f3f3f3; padding: 25px 0;}
#sitemap .sitemap_section { max-width: 780px; margin: 0 auto;}
#sitemap .sitemap_section ul { width: 100%;}
#sitemap .sitemap_section ul:after { content: ''; display: block; clear: both;}
#sitemap .sitemap_section ul li { float: left; width: 195px;}
#sitemap .sitemap_section ul li p { color: #333333; font-size: 14px; font-weight: bold; height: 30px;}
#sitemap .sitemap_section ul li dl dt { font-size: 13px; color: #333333; line-height: 13px; height: 21px;}
#sitemap .sitemap_section ul li dl dt a { font-size: 13px; color: #333333; letter-spacing: -.5px;}
#sitemap .sitemap_section ul li dl dd { color: #666666; line-height: 13px; font-size: 13px; height: 21px;}
#sitemap .sitemap_section ul li dl dd a { color: #666666; font-size: 13px; letter-spacing: -.5px;}
#sitemap .sitemap_section ul li dl dd a:hover { text-decoration: underline; color: #3a8fd2; font-size: 13px;}

/* lnb */
#lnb { width: 210px; text-align: right;}
#lnb h3 { width: 181px; text-align: center; height: 151px; float: right; background: #1c3f80; margin-bottom: 20px;}
#lnb h3 img { margin-top: 32px;}
#lnb ul { clear: both;}
#lnb ul li a { display: block; height: 31px; line-height: 31px; color: #fff; font-size: 12px; background: url(../images/common/lnb_menu_api.gif) no-repeat left top; text-align: left; padding-left: 48px;}
#lnb ul li a.on { display: block; height: 31px; line-height: 31px; color: #fff; font-size: 12px; background: url(../images/common/lnb_menu_api.gif) no-repeat -210px top; text-align: left; padding-left: 48px;}
#lnb ul li a:hover { background: url(../images/common/lnb_menu_api.gif) no-repeat -210px top; text-decoration: underline}

/* JITlnb */
#Jlnb { width: 210px; text-align: right;}
#Jlnb h3 { width: 181px; text-align: center; height: 151px; float: right; background: #1c3f80; margin-bottom: 20px;}
#Jlnb h3 img { margin-top: 32px;}
#Jlnb ul { clear: both;}
#Jlnb ul li a { display: block; height: 31px; line-height: 31px; color: #fff; font-size: 12px; background: url(../images/common/lnb_menu_api.gif) no-repeat left top; text-align: left; padding-left: 48px;}
#Jlnb ul li a.on { display: block; height: 31px; line-height: 31px; color: #fff; font-size: 12px; background: url(../images/common/lnb_menu_api.gif) no-repeat -210px top; text-align: left; padding-left: 48px;}
#Jlnb ul li a:hover { background: url(../images/common/lnb_menu_api.gif) no-repeat -210px top;}


/* footer */
#footer {clear: both; width: 100%; padding-top: 44px; padding-bottom: 44px; background-color: #fff;}
#footer .footer-in {position: relative; max-width: 790px;margin: 0 auto;background: url(../images/common/foot_logo.gif) no-repeat 0 8px;}
#footer .footer-in .terms {float: left;font-size: 0;margin: 0 0 17px 200px;padding-top: 3px;}
#footer .footer-in .terms li {display: inline-block;font-size: 13px;height: 12px;line-height: 1;letter-spacing: -0.25px;margin-left: 10px;padding-left: 10px;border-left: solid 1px #6b6b6b;}
#footer .footer-in .terms li:first-child {margin-left: 0;padding-left: 0;border-left: none;}
#footer .footer-in .terms li a {color: #fff;}
#footer .footer-in .relation {float: right;}
#footer .footer-in .relation li {float: left;}
#footer .footer-in .info {clear: both;margin-left: 270px; color: #999;}
#footer .footer-in .info .address {font-size: 12px; line-height: 21px; margin-bottom: 4px; color: #666666; width: 540px;}

/* main */
#header.mb0 { margin-bottom: 0; border-bottom: 0;}
#container.pb0 { padding-bottom: 0;}
#m_contents { background: url(../images/main/map.jpg) no-repeat center top; height: 930px; width: 100%; position: relative;background-size:cover;filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( sizingMethod='scale' , src='../images/main/map.jpg') }
#m_contents .main_article { max-width: 980px; margin: 0 auto; padding: 30px 0;}
#m_contents .main_article .main_section01 { text-align: center; margin-bottom: 67px;}
#m_contents .main_article .main_section01 h2 { margin-bottom: 38px;}
#m_contents .main_article .main_section01 ul { width: 600px; margin: 0 auto;text-align:center}
#m_contents .main_article .main_section01 ul:after { content: ''; display: block; clear: both;}
#m_contents .main_article .main_section01 ul li { display:inline-block; margin-right: 22px;}
#m_contents .main_article .main_section01 ul li a { display: block; width: 100%; line-height: 5px; margin-bottom: 12px;}
#m_contents .main_article .main_section01 ul li.last { margin-right: 0;}
#m_contents .main_article .main_section02 { text-align: center; margin-bottom: 30px;}
#m_contents .main_article .main_section03 { width: 100%; margin-bottom: 10px;}
#m_contents .main_article .main_section03:after { content: ''; display: block; clear: both;}
#m_contents .main_article .main_section03 .section03_01 { float: left; width: 326px; height: 160px; background: url(../images/main/bg_main_sc01.gif) no-repeat left top;}
#m_contents .main_article .main_section03 .section03_02 { float: left; width: 326px; height: 160px; background: url(../images/main/bg_main_sc02.gif) no-repeat left top;}
#m_contents .main_article .main_section03 .section03_03 { float: left; width: 326px; height: 160px; background: url(../images/main/bg_main_sc03.gif) no-repeat left top;}
#m_contents .main_article .main_section03 > div > dl { padding: 28px 0 0 30px;}
#m_contents .main_article .main_section03 > div > dl dt { line-height: 0; margin-bottom: 8px;}
#m_contents .main_article .main_section03 > div > dl dd { color: #fff; font-size: 12px; line-height: 18px;}
#m_contents .main_article .main_section03 > div > p { padding: 15px 0 0 30px;}
#m_contents .main_article .main_section04 { width: 100%; margin-bottom: 10px; background: #fff; height: 213px;}
#m_contents .main_article .main_section04:after { content: ''; display: block; clear: both;}
#m_contents .main_article .main_section04 .section04_01 { float: left; width: 326px; height: 170px; margin-top: 30px;}
#m_contents .main_article .main_section04 .section04_02 { float: left; width: 326px; background: url(../images/main/bg_bar.gif) no-repeat left top; height: 170px; margin-top: 30px;}
#m_contents .main_article .main_section04 .section04_03 { float: left; width: 326px; background: url(../images/main/bg_bar.gif) no-repeat left top; height: 170px; margin-top: 30px;}
#m_contents .main_article .main_section04 > div > .tit { padding-left: 30px; line-height: 0; margin-bottom: 15px;}
#m_contents .main_article .main_section04 > div > ul { margin-left: 30px; padding-bottom: 10px;}
#m_contents .main_article .main_section04 > div > ul li { padding-right: 35px; line-height: 12px; margin-bottom: 9px;}
#m_contents .main_article .main_section04 > div > ul li dl { width: 100%;}
#m_contents .main_article .main_section04 > div > ul li dl:after { content: ''; display: block; clear: both;}
#m_contents .main_article .main_section04 > div > ul li dl dt { float: left; padding-left: 14px; background: url(../images/main/bullet01.gif) no-repeat left center;}
#m_contents .main_article .main_section04 > div > ul li dl dt a { color: #7d7d7d; font-size: 12px;}
#m_contents .main_article .main_section04 > div > ul li dl dd { float: right; color: #7d7d7d; font-size: 12px;}
#m_contents .main_article .main_section04 > div > .more { padding: 3px 0 0 30px;}

#slide_main_visual { padding: 40px 0; border-top: 1px solid #e1e1e1;}
#slide_main_visual .main_slide { max-width: 980px; margin: 0 auto;}
#slide_main_visual .main_slide:after { content: ''; display: block; clear: both;}
#slide_main_visual .main_slide .tit { float: left; padding-left: 40px; width: 140px;}
#slide_main_visual .main_slide .slider_main_v { float: left; width: 710px; padding-left: 30px;}
#slide_main_visual .main_slide .slider_main_v .sbox { width: 100%;}
#slide_main_visual .main_slide .slider_main_v .sbox:after { content: ''; display: block; clear: both;}
#slide_main_visual .main_slide .slider_main_v .sbox .box_thmp { float: left; width: 240px;}
#slide_main_visual .main_slide .slider_main_v .sbox .box_thmp > p { float: left; width: 64px;}
#slide_main_visual .main_slide .slider_main_v .sbox .box_thmp > dl { float: left;}
#slide_main_visual .main_slide .slider_main_v .sbox .box_thmp > dl dt { padding-top: 7px; height: 23px; line-height: 0;}
#slide_main_visual .main_slide .slider_main_v .sbox .box_thmp > dl dd { color: #7d7d7d; font-size: 12px; line-height: 12px; letter-spacing: -.5px;}
#slide_main_visual .main_slide .slider_main_v .sbox .box_thmp.last { width: 220px;}

/*.main #footer { padding-top: 38px; border-top: 1px solid #e1e1e1;}*/
/*.main #footer .footer-in {*/
    /*background: url("../images/common/foot_logo.gif") no-repeat scroll 0 8px rgba(0, 0, 0, 0);*/
    /*margin: 0 auto;*/
    /*max-width: 790px;*/
    /*position: relative;*/
/*}*/


/* bxslider */

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
    left: 0;

    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
    display: none;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    left: -32px;
    background: url(../images/main/arr_btn_mleft.gif) no-repeat 0 0;
}

.bx-wrapper .bx-next {
    right: -25px;
    background: url(../images/main/arr_btn_mright.gif) no-repeat 0 0;
}


.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    outline: 0;
    width: 11px;
    height: 19px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}

/* 웹접근성 (건너뛰기) */
.accessibility {
    position:relative;
    left:10px;
    width:200px;
    position:absolute;
    top:0px;
    left:0;
}
.accessibility li {
    float:left;
    width:250px;
}
.accessibility a {
    float:left;
    height:1px;
    width:1px;
    margin-bottom:-1px;
    overflow:hidden;
    text-align:center;
    white-space:nowrap;
    font-size:0.9em;
}
.accessibility a:focus, .accessibility a:active {
    top:10px;
    height:auto;
    width:890px;
    padding:5px;
    margin-bottom:10px;
    font-weight:bold;
    background:#000;
    color:#fff;
}

/*1105*/
.homeTabmenu{width:978px;height:46px;overflow:hidden;background:url(../images/main/bg_hometabs.png) no-repeat left top;}
.homeTabmenu li{float:left;width:50%;height:46px;overflow:hidden;}
.homeTabmenu li>a{display:block;height:36px;line-height:36px;text-align:center;color:#a2a5ac;}
.homeTabmenu li.on{background:url(../images/main/bg_tabs_on.png) no-repeat center bottom;}
.homeTabmenu li.on>a{color:#fff;}
.homTabs01, .homTabs02{margin-top:10px;width:100%;height:170px;background:#fff;overflow:hidden;}
.homTabs02{display:none}
.htText{display:block;margin:15px 20px;color:#2b2b2b;line-height:1.5em;}
.htEtc{}
.htFl{float:left;margin-left:20px;margin-top:15px;}
.htFl ul{width:395px;height:78px;overflow:hidden;background:#e7e7e7;border-radius:39px;}
.htFl ul li{width:103px;height:63px;overflow:hidden;background:url(../images/main/bg_arr01.png) no-repeat 17px center;margin-top:7px;float:left;}
.htFl ul li:first-child{width:63px;margin-left:8px;}
.htFl ul li .cell{margin:0 0 0 auto;display:table;width:63px;height:63px;border-radius:50%;background:#224d9c;}
.htFl ul li .cell>span{display:table-cell;vertical-align:middle;text-align:center;font-size:11px;color:#fff}
.htFr{float:right;margin-right:20px;margin-top:15px;}
.htFr a{display:inline-block;margin-left:15px;color:#3a8fd2;}
.htFr ul{width:502px;height:78px;overflow:hidden;background:#e7e7e7;border-radius:39px;}
.htFr ul li{width:103px;height:63px;overflow:hidden;background:url(../images/main/bg_arr02.png) no-repeat 17px center;margin-top:7px;float:left;}
.htFr ul li:first-child{width:63px;margin-left:8px;}
.htFr ul li .cell{margin:0 0 0 auto;display:table;width:63px;height:63px;border-radius:50%;background:#0d6cbc;}
.htFr ul li .cell>span{display:table-cell;vertical-align:middle;text-align:center;font-size:11px;color:#fff}
.htEtc p{color:#224d9c;font-weight:bold;margin:0 0 10px 0}

#m_contents .main_article .main_section03 .section03_01{background:none}
#m_contents .main_article .main_section03 .section03_02{background:none;height:90px}
#m_contents .main_article .main_section03 .section03_03{background:none}

.section03_01, .section03_02, .section03_03{position:relative;}
.section03_02{border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;}
.section03_01>a, .section03_02>a, .section03_03>a{position:absolute;right:20px;top:4px}
.section03_01 dl,
.section03_02 dl,
.section03_03 dl{display:block;margin:0 20px;}
.section03_01 dt,
.section03_02 dt,
.section03_03 dt{padding-left:40px;background:url(../images/main/bg_ico01.png) no-repeat left top;font-size:20px;height:30px;color:#224d9c;font-weight:bold;}
.section03_02 dt{background:url(../images/main/bg_ico02.png) no-repeat left top;}
.section03_03 dt{background:url(../images/main/bg_ico03.png) no-repeat left top;}
.section03_01 ul,
.section03_02 ul,
.section03_03 ul{display:block;margin:5px 0 0 0;}
.section03_01 ul li,
.section03_02 ul li,
.section03_03 ul li{font-size:11px;width:100%;height:auto;overflow:hidden;padding:2px 0;}

#m_contents .main_article .main_section04 .section04_01,
#m_contents .main_article .main_section04 .section04_02,
#m_contents .main_article .main_section04 .section04_03{position:relative;}
#m_contents .main_article .main_section04 > div > .more{width:37px;height:8px;position:absolute;right:18px;top:0;}

/* Board 탭처리 */
.board_tabs {width: 100%;margin-bottom: 50px; margin-top: 50px;font-size: 0;overflow: hidden;}
.board_tabs span,
.board_tabs a {float: left;width: 50%;height: 60px;background-color: #d9d9d9;font-size: 16px;line-height: 60px;font-weight: bold;color: #fff;text-indent: 20px;}
.board_tabs-quad span {width: 25%;}
.board_tabs .active,
.board_tabs .active {background-color: #4f87b6;}
.board_tabs * {vertical-align: top;}
.board_tabs em {font-weight: bold;font-size: 24px;line-height: 60px;}

/* Board 탭처리 */
.board_tabs1 {width: 100%;margin-bottom: 50px;font-size: 0;overflow: hidden;}
.board_tabs1 span,
.board_tabs1 a {float: left;width: 33%;margin-left: 0.3%;height: 60px;background-color: #d9d9d9;font-size: 16px;line-height: 60px;font-weight: bold;color: #fff;text-indent: 20px;}
.board_tabs1 .active,
.board_tabs1 .active {background-color: #4f87b6;}
.board_tabs1 * {vertical-align: top;}
.board_tabs1 em {font-weight: bold;font-size: 24px;line-height: 60px;}

#container .smr {margin-bottom: 50px;color: #999;}