@import url("font.css");

html,body{width:100%;height:100%}
html{overflow-y:scroll;font-size:10px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,pre{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,div,ul,li,a{font-family:'Nanum Gothic',Dotum,Helvetica,AppleSDGothicNeo,sans-serif;font-size:12px;color:#383d41}
body{background-color:#fff;text-align:center;*word-break:break-all;-ms-word-break:break-all}
div, span, ul, li, p, a {text-align: inherit;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,textarea,select,button{vertical-align:middle; padding:0; margin:0}
input[type=text],textarea{font-family:'Nanum Gothic'; font-size: 15px; color:#484848;}
input[type=button]{cursor: pointer}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#222;text-decoration:none}
a:hover{color:#390;text-decoration:none; cursor:pointer}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
input::-ms-clear{display:none}

sub,sup{
    font-size: 8px;
    line-height: 0px;
}

/* Common */
.show{display:block}
.hide{display:none}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.fleft{float:left}
.fright{float:right}
.btn{display:block; cursor:pointer}
.contents_1220px {width: 1220px; margin:0 auto;}
.contents_940px {width: 940px; margin:0 auto;}
.specialchar_unit {  font-family: "Gulim"; font-size: 14px;text-indent: -1px; display: inline-block;}
.specialchar_unit01 { background:url(../images/sub02/special_char01.png) no-repeat 296px 2px;}
.ac { text-align:center; }
.pb0px {padding-bottom:0px !important;}
.mb0px {margin-bottom:0px !important;}

#container {
	width: 100%;
	min-width: 940px;
	margin: 0 auto;
}
#container.sub {
    /*
    width: 940px;
    position:relative;
    */
}
#container > div {
	margin: 0 auto;
}
#movingTopBtn {
    position: absolute;
    width: 38px;
    height: 38px;
    padding: 0px;
    margin: 0px;
    border: none;
    background: url(../images/common/top_btn.png) no-repeat top left;
    left: 950px;
    z-index: 2000;
}
#header {
	width: 100%;
    height: 74px;
    border-bottom: 1px solid #dddddd;
	position: relative;
	z-index: 1000;
}
#header.mobile{
    height: 105px;
}

#login_panel {
    position: absolute;
	height: 30px;
    right: 0;
}
#login_panel span {
    font-size: 10px;
    line-height: 30px;
    color: #393737;
}
#login_panel a {
    cursor: pointer;
}

#navigator {
    font-family: "Nanum Barun Gothic";
	width: 940px;
	height: 75px;
	position: relative;
    margin: 0 auto;
    z-index: 1000;
}
#navigator > li {
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
}
#navigator > li > a {
    height: 45px;
	display: block;
	cursor: pointer;
    background-color: transparent;
    padding: 30px 15px 0px 15px;
}
#navigator > li > a > span{
    display: block;
    height: 30px;
    font-family: 'Nanum Gothic';
    font-size: 15px;
    font-weight: 700;
    color: #555555;
    letter-spacing: -1px;
}
#navigator > li.mainmenu.over {
    border-color: #ed1b23;
}
#navigator > li.mainmenu:hover, #navigator > li.mainmenu.mobile.over {
	border-color: #ed1b23;
    overflow: visible;
}
#navigator > li.mainmenu:hover > a {
    height: 44px;
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
}
#navigator > li.logo {
	width: 150px;
	margin-right: 27px;
	border-color: #ed1b23;
	background: url("../images/common/menu_logo.png") no-repeat top left;
}
#navigator > li.mainmenu.menu01 > a {
	width: 61px;
}
#navigator > li.mainmenu.menu02 > a {
	width: 87px;
}
#navigator > li.mainmenu.menu03 > a {
	width: 87px;
}
#navigator > li.mainmenu.menu04 > a {
	width: 73px;
}
#navigator > li.mainmenu.menu05 > a {
	width: 60px;
}
#navigator > li.mainmenu.menu06 > a {
	width: 60px;
}
#navigator > li.mainmenu.menu07 > a {
	width: 60px;
}

#navigator > li.mainmenu.over span, #navigator > li.mainmenu:hover span {
    color: #f27935;
    border-bottom: 4px solid #f27935;
}

#navigator > li.sitemap {
    margin: 20px 0px 0px 25px;
    display: block;
    width: 38px;
    height:38px;
    background:url("../images/common/sitemap_open_btn.png") no-repeat top left;
}
#navigator > li.sitemap.on {
    background:url("../images/common/sitemap_close_btn.png") no-repeat top left;
}

#navigator ul.submenu {
    position: absolute;
    top: 74px;
    padding-right: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    z-index: 300;
}
#navigator ul.submenu > li {
    float: left;
}
#navigator ul.submenu > li > a{
    font-family: 'Nanum Gothic';
    display:inline-block;
    /*height: 30px;
    line-height: 30px;
    font-weight: 700;
    */
    text-align: left;
    color: #bfbfbf;
    font-size: 13px;
    margin: 8px 0px 0px 0px;
    padding: 0px 17px 0px 18px;
    text-decoration: none;
    border-right: 1px solid #406f7f;
    background-color: transparent;
}
#navigator ul.submenu > li > a.last {
    border-right: none;
}
#navigator ul.submenu > li.over > a, #navigator ul.submenu > li:hover > a {
    color: #ffffff;
}
#submenu_container {
    position: absolute;
    top: 75px;
    width: 100%;
    height:30px;
    background-color: #003f54;
    z-index: 100;
    display: none;
}
#submenu_container.mobile{
    display: block !important;
}
#navigator > li.mainmenu.menu01 .submenu { left: 0; width:500px;}
#navigator > li.mainmenu.menu02 .submenu { left: -20px; width:580px;}
#navigator > li.mainmenu.menu03 .submenu { left: 0px; width:350px;}
#navigator > li.mainmenu.menu04 .submenu { left: -150px; width:700px;}
#navigator > li.mainmenu.menu05 .submenu { left: 0px; width:250px;}
#navigator > li.mainmenu.menu06 .submenu { left: -500px; width:930px;}
#navigator > li.mainmenu.menu07 .submenu { left: 0px; width:100px;}


#sitemap {
    width: 940px;
    height: 325px;
    position: relative;
    top: -1px;
    margin: 0 auto;
    z-index: 2000;
    background-color: #ffffff; 
    display: none;
}
#sitemap_tbl {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #dddddd;
    position: absolute;
}
#sitemap_tbl th, #sitemap_tbl td {
    height: 40px;
    border: 1px solid #dddddd;
}
#sitemap_tbl th {
    background-color: #003f54;
}
#sitemap_tbl td {
    vertical-align: top;
    text-align: left;
    padding: 15px 0;
}
#sitemap_tbl th a {
    height: 40px;
    line-height: 40px;
    font-family: "Nanum Gothic";
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    display: block;
    color: #ffffff;
}

#sitemap_tbl td a {
    font-family: "Nanum Gothic";
    font-size: 14px;
    color: #707070;
    display: block;
    line-height: 30px;
    text-indent: 20px;
    background:url(../images/common/sitemap_bullet.png) no-repeat 14px 15px;
}
#sitemap_tbl td a.on, 
#sitemap_tbl td a:hover {
    text-decoration: underline;
    color: #f27935;
    background:url(../images/common/sitemap_bullet_on.png) no-repeat 14px 15px;
}
#sitemap_tbl td.horizon {
    padding: 0;
}
#sitemap_tbl td.horizon ul li {
    float: left;
    height: 40px;
}
#sitemap_tbl td.horizon ul li a {
    line-height: 40px;
    background:url(../images/common/sitemap_bullet.png) no-repeat 14px 19px;
}


#page_location {
    position: absolute;
    top: 15px;
    left: 0px;
    display: inline-block;
    height: 16px;
}
#page_location i.home {
    display: inline-block;
    width: 22px;
    height: 16px;
    background: url(../images/common/location_home.png) no-repeat 1px 0;
}
#page_location span {
    background: url(../images/common/location_arrow.png) no-repeat 0px 2px;
    font-family: "Nanum Gothic";
    font-size: 13px;
    color: #707070;
    vertical-align: top;
    padding: 0 7px 0 14px;
}

.tab_contents {
    position: relative;
    width: 940px;
    margin: 0 auto;
}

#footer {
	clear: both;
	border-top: 1px solid #d8d8d8;
	position: relative;
	width: 100%;
    background-color: #003f54;
}
#footer > div {
    position: relative;
    margin: 0 auto;
    width: 940px;
}
#footer ul {
	text-align: left;
	width: 100%;
	height: 115px;
}
#footer ul li {
	float: left;
	height: 100%;
}
#footer .logo {
	width: 152px;
	background: url("../images/common/footer_logo.png") no-repeat 4px 30px;
}
#footer .info {
	width: 781px;
}
#footer .info div {
    font-family: 'Nanum Gothic';
	padding: 30px 0 0 65px;
	font-size:12px;
    line-height: 20px;
	color:#98a7ae;
	text-align: left;
}	

/* Main */
#visual.main{
	width: 100%;
	height: 492px;
    position: relative;
}
#visual.main .visual_baseBg {
    width: 100%;
    height: 100%;
    background: url(../images/main/visual_bg.png) repeat-x top left;
}
.visual_newBg, .visual_oldBg {
    position: absolute;
    width: 100%;
    height: 492px;
    top: 0;
    left: 0;
    background: url(../images/main/visual01.png) no-repeat center top;
}
#visual.main .visual_newBg{
    z-index: 10;
}

#visual.main .visual_layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.visual_layer .content_layer {
    position: relative;
    background-color: transparent;
    width: 960px;
    height: 492px;
    margin: 0 auto;
}
.visual_layer .content_layer ul {
    position: relative;
    display: block;
    width: 310px;
    height: 442px;
    top: 30px;
    left: 650px;
}
.visual_layer .content_layer ul li{
    position: relative;
    display: block;
    width: 300px;
    height: 100px;
    cursor: pointer;
    margin-bottom: 12px;
}

.visual_layer .content_layer ul li .hover_border {
    position: absolute;
    width: 292px;
    height: 94px;
    background-color: transparent;
    z-index: 200;
    top: -1px;
    border: 4px solid #ffffff;
    visibility: hidden;
}
.visual_layer .content_layer ul li:hover .hover_border {
    visibility: visible;
}
.visual_layer .content_layer ul li {
    margin-bottom: 10px;
}
.visual_layer .content_layer ul li .banner {
    position: relative;
    width: 100%;
    height: 100%;
}
.visual_layer .content_layer ul li .banner.blue {
    background: url(../images/main/bannerbg_blue.png) repeat;
}
.visual_layer .content_layer ul li .banner.red {
    background: url(../images/main/bannerbg_red.png) repeat;
}
.visual_layer .content_layer ul li .banner.green {
    background: url(../images/main/bannerbg_green.png) repeat;
}
.visual_layer .content_layer ul li .banner.b04 {
    background: url(../images/main/bannerbg_04.png) repeat;
}
.visual_layer .content_layer .title_text {
    padding: 16px 0 0 17px;
    color: #ffffff;
}
.visual_layer .content_layer .title_text .korean {
    display: block;
    font-size: 26px;
    font-weight: 700;
}
.visual_layer .content_layer .title_text .english {
    display: block;
    font-size: 16px;
    padding-top: 6px;
    letter-spacing: -1px;
}
.visual_layer .content_layer ul li > div > img {
    position: absolute;
    bottom: 10px;
    right: 20px;
}

#middle_banner {
    position: relative;
    width: 100%;
    height: 98px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
#middle_banner .bg_left {
    position: absolute;
    width: 50%;
    height: 98px;
    background-color: #eff3f6;
    top: 1px;
    left: 0px;
}
#middle_banner .bg_right {
    position: absolute;
    width: 50%;
    height: 98px;
    background-color: #f5f9f0;
    top: 1px;
    right: 0px;
}
#middle_banner .banners {
    position: relative;
    width: 940px;
    height: 100%;
    margin: 0 auto;
    z-index: 10;
}

#middle_banner .banners > div {
    width: 214px;
    height: 78px;
    border-left: 1px solid #dddddd;
    float: left;
    text-align: left;
    padding: 20px 0px 0px 20px;
    cursor: pointer;
}
#middle_banner .banners > div.first {
    width: 215px;
    border-left: none;
}
#middle_banner .banners > div.type01{
    color: #2c697d;
    background: url(../images/main/bannerbg_type01.png) no-repeat;
}
#middle_banner .banners > div.type02{
    color: #76672c;
    background: url(../images/main/bannerbg_type02.png) no-repeat;
}
#middle_banner .banners > div.type03{
    color: #71699b;
    background: url(../images/main/bannerbg_type03.png) no-repeat;
}
#middle_banner .banners > div.type04{
    color: #818d72;
    background: url(../images/main/bannerbg_type04.png) no-repeat;
}
#middle_banner .banners > div span.korean {
    display: block;
    color: inherit;
    font-size: 16px;
    font-weight: 700;
}
#middle_banner .banners > div span.english {
    display: block;
    color: #ababab;
    font-size: 12px;
    font-weight: 700;
    padding-top: 5px;
}

#contents.main{
    clear: both;
    position: relative;
    width: 940px;
	height: 270px;
    margin: 0 auto;
    background-color: #ffffff;
    margin-top: 37px;
}
.board_block {
	width: 360px;
    float: left;
}
.board_block li, .board_block span {
	font-family: "Nanum Gothic"; text-align: left; 
}
.board_block .board_tab > ul{
    margin: 10px 0px 26px 0px;
	height: 20px;
}
.board_block .board_tab > ul > li{
	display: inline-block;
    text-align: left;
    font-size: 16px;
	font-weight: 700;
	color: #ababab;
    float: left;
    padding: 0px 15px;
}
.board_block .board_tab > ul > li.over, .board_block .board_tab > ul > li:hover {
	color: #003f54;
}
.board_block .board_tab > ul > li > span { display: block; height: 17px;}
.board_block .board_tab .more { 
	float: right; 
    width: 20px; 
    height: 20px; 
    padding: 0px;
    margin-right: 20px;
    cursor: pointer;
	background: url("../images/main/board_more_btn.png") no-repeat;
}
.board_block .board_tab > ul > li.line{
	display: inline-block;
    width: 1px;
    height: 12px;
    border-right: 1px solid #dddddd;
    padding: 0px;
    margin-top: 4px;
}

.board_block .board_tab_content ul li {
    width: 100%;
    height: 25px;
    line-height: 25px;
    margin-left: 15px;
    display: block;
    background: url(../images/common/bullet02.png) no-repeat 0 11px;
    vertical-align: text-bottom;
    
}
.board_block .board_tab_content ul li a {
    float: left;
}
.board_block .board_tab_content ul li .news_title:hover {
	cursor: pointer;
}
.board_block .board_tab_content ul li .news_title {
    display: inline-block;
	width: 260px;
    height: 25px;
    line-height: 25px;
    text-indent: 5px;
    text-align: left;
    font-family: "Nanum Gothic";
	font-size: 13px;
	color: #707070;
}

.board_block .board_tab_content .news_title .title{
    display: inline-block;
    max-width: 200px;
	/* ellipsis */
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
    text-decoration: none;
}
.board_block .board_tab_content .news_title:hover .title {
    text-decoration: underline;
}
.board_block .board_tab_content .reg_date {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding-right: 30px;
    font-size: 11px;
    color: #ababab;
    float: right;
}
i.new { display:inline-block; background: url("../images/common/board/board_new.png") no-repeat center right; width:17px; height:25px;}
i.attached { display:inline-block; background: url("../images/common/board/board_attached.png") no-repeat center right; width:17px; height:25px;}
i.secret { display:inline-block; background: url("../images/common/board/board_secret.png") no-repeat center right; width:17px; height:25px;}

span.attachedtitle { background: url("../images/main/board_attached_blue.png") no-repeat 0px 0px; width:16px; height:16px; float:left; margin-right:10px; }

.board_block.banners {
    width: 220px;
}
.board_block.banners .banner{
    width: 220px;
    height: 45px;
    margin-bottom:1px;
    background-color: #889ba1;
    text-align:left;
    cursor: pointer;
}
.board_block.banners .banner.on, .board_block.banners .banner:hover {
    background-color: #003f54;
}
.board_block.banners .banner span {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    line-height: 45px;
    text-indent: 15px;
}
.board_block.banners .banner span.icon01 { background: url(../images/main/bottom_banner_icon01.png) no-repeat top right;}
.board_block.banners .banner span.icon02 { background: url(../images/main/bottom_banner_icon02.png) no-repeat top right;}
.board_block.banners .banner span.icon03 { background: url(../images/main/bottom_banner_icon03.png) no-repeat top right;}
.board_block.banners .banner span.icon04 { background: url(../images/main/bottom_banner_icon04.png) no-repeat top right;}
.board_block.banners .banner.on span.icon01, .board_block.banners .banner:hover span.icon01 { background: url(../images/main/bottom_banner_icon01_over.png) no-repeat top right; }
.board_block.banners .banner.on span.icon02, .board_block.banners .banner:hover span.icon02 { background: url(../images/main/bottom_banner_icon02_over.png) no-repeat top right; }
.board_block.banners .banner.on span.icon03, .board_block.banners .banner:hover span.icon03 { background: url(../images/main/bottom_banner_icon03_over.png) no-repeat top right; }
.board_block.banners .banner.on span.icon04, .board_block.banners .banner:hover span.icon04 { background: url(../images/main/bottom_banner_icon04_over.png) no-repeat top right; }

.board_block.banners .link {
    width: 100%;
    height: 36px;
    padding-top: 4px;
}
.board_block.banners .link a {
    width: 100%;
    height: 100%;
    display: inline-block;
}
.board_block.banners .link a.small {
    width: 108px;
}
.board_block.banners .link a.link_banner01 {background: url(../images/main/link_banner01.png) no-repeat;}
.board_block.banners .link a.link_banner02 {background: url(../images/main/link_banner02.png) no-repeat;}
.board_block.banners .link a.link_banner03 {background: url(../images/main/link_banner03.png) no-repeat;}
.board_block.banners .link a.link_banner04 {background: url(../images/main/link_banner04.png) no-repeat;}
.board_block.banners .link a.link_banner05 {background: url(../images/main/link_banner05.png) no-repeat;}
.board_block.banners .link a.link_banner06 {background: url(../images/main/link_banner06.png) no-repeat;}
.board_block.banners .link a.link_banner07 {background: url(../images/main/link_banner07.png) no-repeat;}
.board_block.banners .link a.link_banner08 {background: url(../images/main/link_banner08.png) no-repeat;}

.board_block.banners .link a.link_banner09 {background: url(../images/main/link_banner09.png) no-repeat;}
.board_block.banners .link a.link_banner10 {background: url(../images/main/link_banner10.png) no-repeat;}

.board_block.banners .link a.link_banner11 {background: url(../images/main/link_banner11.png) no-repeat;}
.board_block.banners .link a.link_banner12 {background: url(../images/main/link_banner12.png) no-repeat;}



#visual{
	width: 940px;
	height: 170px;
    position: relative;
    text-align: left;
}
#visual #visual_title {
    display: inline-block;
    font-family: 'Nanum Gothic';
    font-weight: 700;
    font-size: 35px;
    letter-spacing: -1px;
    padding-top: 88px;
}
#visual #visual_sub_title {
    display: none;
    font-family: 'Nanum Gothic';
    font-weight: 700;
    font-size: 16px;
    letter-spacing: -1px;
    padding-top: 110px;
    position:absolute;
    left:0px;
}
#contents{
	background-color: #FFFFFF;
}

.contents_description {
    text-align:left;
    padding-top: 30px;
    font-family: 'Nanum Gothic';
    letter-spacing: -1px;
}
.size_14{
    font-size: 14px;
    line-height: 32px;
    color: #555555;
}
.size_15_2{
    font-size: 15px;
    line-height: 24px;
    color: #555555;
}
.size_16{
    font-size: 16px;
    line-height: 32px;
    color: #555555;
}
.size_16_2{
    padding-top:10px;
    font-size: 16px;
    line-height: 22px;
    color: #555555;
}
.size_18{
    font-size: 18px;
    font-weight: 700;
    color: #555555;
}
.size_22{
    font-size: 22px;
    font-weight: 700;
    color: #555555;
}
.size_46{
    font-size: 46px;
    font-weight: 700;
    color: #555555;
}

.padd_0 {
    padding: 0 !important;
}

.padd_10 {
    padding: 10px 0;
}

.contents_description span {
    display: inline-block;
}
.contents_description span > font {
    color: #f27935;
}
#sub_tab01 {
	width: 100%;
	padding: 40px 0px 34px 0px;
}
#sub_tab01 .btnset {
	width: 940px;
    margin: 0 auto;
}
#sub_tab01 .btnset > ul{
    display: inline-block;
    border-bottom: 1px solid #dddddd;
	width: 941px;
	height: 39px;
	margin: 0 auto;
}
#sub_tab01 .btnset > ul > li {
	background-color: #eeeeee;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
	width: 187px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 15px;
	color: #474747;
	font-weight: bold;
	float: left;
    cursor: pointer;
}
#sub_tab01 .btnset > ul > li.last {
    border-right: 1px solid #dddddd;
}
#sub_tab01 .btnset > ul > li.over {
	background-color: #003f54;
    border-top: 1px solid #003f54;
    border-left: 1px solid #003f54;
    color: #FFFFFF;
}
#sub_tab01 .btnset > ul > li.last.over {
    border-right: 1px solid #003f54;
}

#sub_tab01 .titleimg {
	width: 940px;
	height: 160px;
	background: url("../images/sub02/sub_tabbg02.png") no-repeat;
	margin: 0 auto;
}

#sub_tab01 .titleimg01_01 {
	width: 940px;
	height: 160px;
	background: url("../images/sub01/sub_tabbg01.png") no-repeat;
	margin: 0 auto;
}

#sub_tab02 {
	width: 100%;
	padding-bottom: 30px;
}
#sub_tab02 > ul{
	width: 940px;
	height: 65px;
	margin: 0 auto;
	cursor: pointer;
	border-bottom: 1px solid #dddddd;
}
#sub_tab02 > ul > li {
	min-width: 110px;
	height: 62px;
	line-height: 62px;
	text-align: center;
	font-size: 20px;
	color: #bdbdbd;
	float: left;
	padding: 0 22px;
	border: 1px solid #dddddd;
	border-top: 3px solid;
	border-bottom: 1px solid #dddddd;
	border-collapse: collapse;
}
#sub_tab02 > ul > li > span {
	-ms-transform: scale(0.9, 1); /* IE 9 */
    -webkit-transform: scale(0.9, 1); /* Safari */
    transform: scale(0.9, 1);
}
#sub_tab02 > ul > li.over {
	border-top-color: #0297de;
	border-bottom: 1px solid #ffffff;
	color: #0297de;
}

.content { 
	clear: both;
	width: 940px;
    height: 100%;
	margin: 0 auto;
    padding-bottom: 100px;
}
.content.history{ 
    padding-bottom: 0px;
	width: 1100px;
    min-height: 700px;
    background: url(../images/contents/menu01/history_bg.png) no-repeat bottom right;
}
.content .content_title {
	margin-bottom: 44px;
    text-align: left;
}
.content .content_title .title { 
	display: block;
	font-size: 18px;
    font-weight: 700;
	color: #003f54;
    padding-bottom: 14px;
}
.content .content_title .inner {
    display: block;
    font-size: 14px;
    letter-spacing: -1px;
}
.content .content_title .inner span {
    display: block;
    line-height: 22px;
    color: #707070;
}
.content .content_title .inner font {
    color: #f27935;
}
.content .content_title .inner a {
    display: block;
    line-height: 22px;
    color: #13689a;
    font-size: 14px;
    text-decoration:underline;
}
.content .content_title .inner a:hover {
    color: #f27935;
}
.content .inner table.inner_table {
    margin: 10px 0;
    width: 100%;
    border: 1px solid #dddddd;
    border-collapse: collapse;
}
.content .inner table.inner_table th {
    border-collapse: collapse;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    background-color: #4c7887;
    text-align: center;
    height: 39px;
    font-size: 16px;
    color: #ffffff;
}
.content .inner table.inner_table th.gray_bg {
    border-color: #dddddd;
    background-color: #f7f7f7;
    color: #707070;
}
.content .inner table.inner_table th span {
    font-weight: normal;
    font-size: 14px;
}
.content .inner table.inner_table td {
    border-collapse: collapse;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    text-align: left;
    padding: 10px 15px;
    font-size: 14px;
    color: #707070;
}
.content .inner table.inner_table02 {
    margin-top: 10px;
    width: 100%;
}
.content .inner table.inner_table02 td{
    border-right: 1px solid #e5e5e5;
    text-align: center;
    vertical-align: top;
    padding-left: 10px;
}
.content .inner table.inner_table02 td.last{
    border-right: none;
}
.content .inner table.inner_table02 td div.bullet_list {
    display: inline-block;
    padding: 10px 0;
}

table.inner_table.scroll_tbody {
    height: 300px;    
    overflow-y: auto;
}


.centered_line {
    position:relative; clear:left;
    height:1px; width:100%; max-width:940px; min-width:1px;
    margin:0 auto;
    background:#dddddd;
    border:0px;
    margin:50px 0 40px;
}

.centered_noline {
    position:relative; clear:left;
    height:0px; width:100%; max-width:940px; min-width:1px;
    margin:0 auto;
    border:0px;
    margin:50px 0 40px;
}

.bullet01 {
    display: inline-block;
    background: url(../images/common/bullet01.png) no-repeat 0px 17px;
    text-align: left;
    text-indent: 15px;
    padding: 10px 0 5px 0;
    font-size: 16px;
    font-weight: 700;
    color: #555555;
}
.bullet02 {
    display: inline-block;
    background: url(../images/common/bullet02.png) no-repeat 0px 10px;
    text-align: left;
    text-indent: 10px;
}
.bullet_arrow {
    display: inline-block;
    background: url(../images/common/bullet_arrow.png) no-repeat 0px 5px;
    text-align: left;
    text-indent: 25px;
}
i.download {
    display: inline-block;
    width: 88px;
    height: 26px;
    background: url(../images/common/download_btn.png) no-repeat;
    vertical-align:top;
    margin-left: 10px;
}
.bullet02_nobullet {
    display: inline-block;
    text-align: left;
    text-indent: 10px;
}

.content .content_title .inner span.gray_roundbox {
    display: inline-block;
    width: 161px;
    height: 30px;
    background: url(../images/common/gray_roundbox.png) no-repeat;
    line-height: 30px;
    text-align: center;
}
.ColorRed {
    color:red !important;
}

.content .content_title .inner span.gray_roundbox_desc { 
    text-align: center; 
    padding: 10px 0px;
    height: 60px;
}
.history .sub_content {
    margin-bottom: 0px;
}
.sub_content {
	text-align: center;
	margin-bottom: 50px;
}
.sub_content span { display: block; }
.sub_content span.sub_title {
	background: url("../images/common/text_bullet01.png") no-repeat 30px 7px;
	font-family: "Nanum Gothic";
	font-size: 16px;
	color: #484848;
	font-weight: bold;
	text-indent: 40px;
	margin-bottom: 15px;
	text-align: left;
}
.sub_content span.text {
	font-family: "Nanum Gothic";
	font-size: 15px;
	color: #808080;
	padding-left: 30px;
	margin-bottom: 20px;
	line-height: 20px;
	text-align: left;
    max-width: 950px;
}

.bold {
	font-weight: 700 !important;
}
.bluedesc {
	color: #0297de !important;
}

.sub_content table {
	font-family: "Nanum Gothic";
	font-size: 15px;
	color: #808080;
	margin-left: 40px;
    width:100%;
    border:1px solid #dddddd;
    border-collapse:collapse;    
}

.sub_content table td, .sub_content table th {
    border:1px solid #dddddd;
}

.sub_content table thead th {
	color: #ffffff;
	text-align: center;
    height:48px;
}

.sub_content table tbody th {
    background-color:#f7f7f7;
	text-align: center;
    height:40px;
}

.sub_content table tbody td {
	text-align: center;
    height:40px;
}

.sub_content table tbody td.left {
    text-align: left;
    padding-left:10px;
}

.sub_content table tbody.gray {
    background-color:#f7f7f7;
    
}

.sub_content table thead.blue th {
    background-color:#0297de;
}

.sub_content table thead.red th {
    background-color:red;
}

.sub_content table thead.pink th {
    background-color:#ffc4c4;
    color: #404040;
}
.sub_content table thead.green th {
    background-color:#d0f5d6;
    color: #404040;
}

.sub_content span.bullet_text {
	background: url("../images/common/text_bullet02.png") no-repeat 53px 10px;
	font-family: "Nanum Gothic";
	font-size: 15px;
	color: #808080;
	padding-left: 60px;
	margin-bottom: 10px;
	line-height: 24px;
	text-align: left;
    max-width: 880px;
}
.sub_content span.bullet_text2 {
	background: url("../images/common/text_bullet03.png") no-repeat 5px 12px;
	font-family: "Nanum Gothic";
	font-size: 15px;
	color: #FF0000;
	padding: 5px 0px 5px 20px;
	margin-bottom: 10px;
	text-align: left;
}


.sub_content span.default_text {
    font-family: "Nanum Gothic";
    font-size: 15px;
    color: #808080;
    padding-left: 60px;
    text-align: left;
    line-height: 24px;
    max-width: 880px;
    word-break: keep-all;
}

.sub_content span.bullet_title_text {
	background: url("../images/common/text_bullet02.png") no-repeat 33px 7px;
	font-family: "Nanum Gothic";
	font-size: 15px;
	color: #808080;
	padding-left: 40px;
	margin-bottom: 10px;
	line-height: 20px;
	text-align: left;
}

.sub_content span.bullet_text .bullet_inner {
	padding-left: 15px;
	margin-top: 8px;
	line-height: 20px;
	text-align: left;
}


.history_block {
    clear: both;
    text-align: left;
    padding-bottom: 30px;
}
.history_block span {
    display: inline-block;
}
.history_block > span {
    float: left;
    width: 90px;
    height: 36px;
    padding: 0 23px 0 47px;
    font-family:"Nanum Myeongjo";
    font-size: 36px;
    color: #13689a;
    text-align: right;
    background: url("../images/sub01/sub0103_tab1_content01_bullet.png") no-repeat center right;
}
.history_block > ul{
    text-align: left;
    padding-left: 178px;
}
.history_block > ul > li {
    position: relative;
    padding-top: 7px;
}
.history_block > ul > li > b {
    font-size: 20px;
    color: #313131;
}
.history_block > ul > li > span{
    position: absolute;
    font-family: "Nanum Gothic";
    font-size: 15px;
    color: #555555;
    padding-left: 15px;
}
.history_block > ul > section >  li {
    position: relative;
    padding-top: 7px;
}
.history_block > ul > section >  li > b {
    font-size: 20px;
    color: #313131;
}
.history_block > ul > section >  li > span{
    position: absolute;
    font-family: "Nanum Gothic";
    font-size: 15px;
    color: #555555;
    padding-left: 15px;
}
.history_block .left50{
    padding-left:50px;
}


.board_table {
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #003f54;
    border-bottom: 2px solid #003f54;
    table-layout: fixed;
}
.board_table a {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}
.board_table a:hover {
    /*color: #0297de;*/
    text-decoration: underline;
    color: #f27935;
}
.board_table tr th, .board_table tr td {
    height: 40px;
}
.board_table th {
    background-color: #003f54;
    font-family: 'Nanum Gothic';
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
}
.board_table td {
    text-align: left;
    padding: 0 10px 0 10px;
    font-family: 'Nanum Gothic';
    font-size: 13px;
    color: #808080;
}

.board_table td table {
    border: 1px solid #dddddd;
    border-collapse: collapse;
    text-align: center;
    font-size: 13px;
}
.board_table td table th, .board_table td table td {
    border: 1px solid #dddddd;
    border-collapse: collapse;
    height: 24px;
    padding: 5px;
}
.board_table td table th {
    background-color: #f7f7f7;
}
.board_table td > table table, .board_table td > table table td, .board_table td > table table th {
    border: none;
    padding: none;
    height: auto;
}
.board_table td > table table img {
    border: 1px solid #000;
}


.read_table {
    border-bottom: none;
    text-align: left;
}
.read_table > thead > tr{
    border-top: 2px solid #003f54;
    border-bottom: 1px solid #dddddd;
}

.read_table > thead th {
    height: 58px;
    padding-left: 20px;
    font-size: 14px;
    color: #484848;
    background-color: #f7f7f7;
}
.read_table > thead td.attached_file {
    background-position-x:20px;
    padding-left: 40px
}
.read_table > thead td.FileName1 { background-position-x:20px; padding-left: 40px }
.read_table .hits { background: url(../images/common/board/board_hit_icon.png) no-repeat center left; padding-left: 30px;}
.read_table > tbody > tr > td {
    /*padding: 30px 20px 150px 20px;*/
    font-family: 'Nanum Gothic';
    font-size: 15px;
    color: #808080;
    line-height: 22px;
}
.read_table > tfoot {
    border-bottom: 2px solid #003f54;
}
.read_table > tfoot > tr > td {
    height: 0px;
}
.read_table > tfoot > tr > td.prev {
    background: url(../images/common/board/read_board_prev.png) no-repeat 30px 22px;
    padding-left: 65px;
}
.read_table > tfoot > tr > td.next {
    background: url(../images/common/board/read_board_next.png) no-repeat 30px 22px;
    padding-left: 65px;
}


.write_table tr span.pwd_container {
    width: 225px;
    padding-right: 5px;
}
.write_table thead > tr, .write_table tfoot > tr{
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
.write_table tbody td {
    padding: 30px 20px;
}
.write_table input[type=text], .write_table input[type=password] {
    width: 100%;
    height: 26px;
    border: 1px solid #ebebeb;
    background-color: #f7f7f7;
}
.write_table input[type=checkbox] {
    background-color: #ffffff !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}
.write_table input[type=file] {
    width: 100%;
    height: 26px;
    background-color: #ffffff;
}
.write_table input[type=file]::-ms-browse {
    border: 1px solid #808080;
    background-color: #ffffff;
    color: #808080;
    font-family: 'Nanum Gothic';
    font-size: 13px;
}
.write_table input[type=file]::-ms-value {
    border: 1px solid #ebebeb;
    margin-right: 5px;
}
.write_table input[type=file]::-webkit-file-upload-button {
    padding: 4px;
}
.write_table textarea {
    margin-top: 10px;
    padding: 10px;
    width: 940px;
    height: 370px;
    border: 1px solid #dddddd;
    line-height: 22px;
    font-size: 14px;
}
.write_table label {
    padding: 0 20px 0 5px;
    vertical-align: middle;
}
.board_table .attached_file {
    background: url("../images/common/board/board_attached.png") no-repeat 10px 15px;
    padding-left: 30px;
}

.board_table .FileName1 {
    background: url("../images/common/board/board_attached.png") no-repeat 10px 15px;
    padding-left: 30px;
}
.board_table i.new {position:relative; top:8px;}
.board_table i.attached {position:relative; top:8px;}
.board_table i.secret {position:relative; top:8px;}

.list_table01 img {
    border: 1px solid #cdcdcd;
}
.list_table01 thead tr th, .list_table01 thead tr td {
    height: 45px;
    line-height: 45px;
}
.list_table01 tbody tr th, .list_table01 tbody tr td {
    height: 45px;
    line-height: 45px;
}
.list_table01 td {
    font-family: 'Nanum Gothic';
    font-size: 13px;
    text-align: center;
    color: #707070;
}
.list_table01 td.title{
    text-align: left;
    font-family: 'Nanum Gothic';
    font-size: 15px;
    padding-right: 5px;
}
.list_table01 tr {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
.list_table01 tr.reply td.title {
    padding-left: 30px;
    background:url(../images/common/board/qna_reply_icon.png) no-repeat 10px 18px;
}
.list_table01 td > span.status_btn {
    display: inline-block;
    width: 70px;
    height: 30px;
}
.list_table01 td > span.status_btn.accepted {
    background: url(../images/common/board/accepted.png) no-repeat;
}
.list_table01 td > span.status_btn.answerd {
    background: url(../images/common/board/answerd.png) no-repeat;
}

.board_button_set {
    position: relative;
    width: 940px;
    padding: 12px 0 30px 0;
}
.board_button_set input[type=button]{
    margin: 0 2px 0 2px;
    font-family: "Nanum Gothic";
    font-size: 15px;
    font-weight: bold;
    color: #808080;
    border: 1px solid #dddddd;
    width: 68px;
    height: 28px;
    background-color: #ffffff;
}

.board_button_set input[type=button]:hover{
    color: #ffffff;
    border: 1px solid #003f54;
    background-color: #003f54;
}

.board_button_set input[type=submit]{
    margin: 0 2px 0 2px;
    font-family: "Nanum Gothic";
    font-size: 15px;
    font-weight: bold;
    color: #808080;
    border: 1px solid #dddddd;
    width: 68px;
    height: 28px;
    background-color: #ffffff;
}

.board_button_set input[type=submit]:hover{
    color: #ffffff;
    border: 1px solid #003f54;
    background-color: #003f54;
}

.board_button_set .abs_right {
    position: absolute;
    margin-right: 0;
    right: 0;
}

.board_button_set .list_pager {
    margin: 30px auto;
}
.board_button_set .page_btns {
    display: inline-block;
    padding: 0 15px;
}
.board_button_set .list_pager input[type=button]{
    display: inline-block;
    width: 23px;
    height: 23px;
    font-size: 13px;
}
.board_button_set .list_pager .first{background: url(../images/common/board/pager_first_btn.png) no-repeat; }
.board_button_set .list_pager .first:hover{background: url(../images/common/board/pager_first_btn_over.png) no-repeat;}
.board_button_set .list_pager .prev{background: url(../images/common/board/pager_prev_btn.png) no-repeat; }
.board_button_set .list_pager .prev:hover{background: url(../images/common/board/pager_prev_btn_over.png) no-repeat;}
.board_button_set .list_pager .next{background: url(../images/common/board/pager_next_btn.png) no-repeat; }
.board_button_set .list_pager .next:hover{background: url(../images/common/board/pager_next_btn_over.png) no-repeat;}
.board_button_set .list_pager .last{background: url(../images/common/board/pager_last_btn.png) no-repeat; }
.board_button_set .list_pager .last:hover{background: url(../images/common/board/pager_last_btn_over.png) no-repeat;}
.board_button_set .list_pager .page_btn.over{
    color: #ffffff;
    background-color: #003f54;
    border: 1px solid #003f54; 
}

.search_box {
    height: 40px;
    /*background-color: #f7f7f7;*/
    /*padding-top: 15px;
    margin: 0 auto 40px auto;
    position: relative;*/
}
.search_box .select2 span, .search_box .select2 li {
    text-align: left !important;
}
.search_box input, .search_box select {
    vertical-align: middle;
    height: 28px;
    border: 1px solid #dddddd;
}
.search_box select {
    min-width: 100px;
    /*background: url(../images/common/board/select_arrow.png) no-repeat 70px -1px;*/
}
.search_box input[type=text] {
    width: 240px;
    padding: 0 5px;
}
.search_box input[type=button] {
    width: 70px;
    height: 30px;
    background-color: #003f54;
    color: #ffffff;
    border: none;
    font-size: 15px;
}
.search_box input[type=submit] {
    width: 70px;
    height: 30px;
    background-color: #003f54;
    color: #ffffff;
    border: none;
    font-size: 15px;
}


/**
 *  select2 customize
 */
.select2-container span {
    font-family: 'Nanum Gothic' !important;
    font-size: 13px !important;
    color : #808080 !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    background: #ffffff no-repeat !important;
    border: none !important;
}
span.select2-container {
    vertical-align: top;
}
span.select2-selection__rendered, span.select2-results {
     border: 1px solid #dddddd !important;
 }
span.select2-selection--single {
    filter: none !important;
}
span.select2-selection__arrow {
    width: 29px !important;
    height:28px !important;
    border: none !important;
    border-left: 1px solid #dddddd !important;
    filter: none !important;
}
ul.select2-results__options li {
    font-family: 'Nanum Gothic' !important;
    font-size: 13px !important;
    color : #808080;
    text-align: left !important;
}
.select2-results__option--highlighted {
    color: #ffffff;
}


/**
    ������ ���� �ۺ���
*/
div.main03_sub0101 {
    width: 100%;
}
div.main03_sub0101 .left_box {
    text-align: center;
    width: 420px;
    height: 590px;
    border: 3px solid #dddddd;
    background-color: #f7f7f7;
    padding: 25px 27px;
    float: left;
}

div.main03_sub0101 .center_box {
    text-align: center;
    width: 420px;
    height: 590px;
    border: 3px solid #dddddd;
    background-color: #f7f7f7;
    margin-left: 300px;
    padding: 25px 27px;
    float: left;
}
div.main03_sub0101 .left_box h1 {
    font-size: 18px;
    color: #555555;
    font-weight: 700;
}
div.main03_sub0101 .left_box h1.pt20 {
    padding-top: 20px;
}
div.main03_sub0101 .left_box h1.pb20 {
    padding-bottom: 20px;
}
div.main03_sub0101 .left_box .inline {
    display: inline-block;
    margin: 10px 0px;
    width: 100%;
    border-top: 1px solid #dddddd;
}
div.main03_sub0101 .inner_box {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 131px;
    border: 2px solid #707070;
    background-color: #ffffff;
}
div.main03_sub0101 .inner_box.on {
    height: 211px;
    border: 2px solid #f27935;
}
div.main03_sub0101 .inner_box table {
    width: 100%;
    height: 100%;
    border: none;
}
div.main03_sub0101 .inner_box table th{
    text-align: center;
    font-size:16px;
    color: #707070;
    font-weight: normal;
}
div.main03_sub0101 .inner_box table th b {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #555555;
    margin-bottom: 10px;
}
div.main03_sub0101 .inner_box table td{
    text-align: left;
    font-size:16px;
    color: #707070;
}
div.main03_sub0101 .inner_box table td b {
    display: inline-block;
    font-weight: 700;
    color: #555555;
    padding-bottom: 5px;
}
div.main03_sub0101 .inner_box span.arrow{
    position: absolute;
    top: 60px;
    right: -105px;
    width: 105px;
    height:14px;
    background:url(../images/contents/menu03/sub0101_arrow.png) no-repeat;
}
div.main03_sub0101 .inner_box.on span.arrow{
    top: 170px;
    background:url(../images/contents/menu03/sub0101_arrow_on.png) no-repeat;
}

div.main03_sub0101 .right_box {
    width: 400px;
    height: 220px;
    float: right;
}
div.main03_sub0101 .right_box table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}
div.main03_sub0101 .right_box table th {
    border: 1px solid #3f5ea8;
    background-color: #3f5ea8;
    font-size: 18px;
    color: #ffffff;
    height: 40px;
}
div.main03_sub0101 .right_box table.green { margin-top: 40px;}
div.main03_sub0101 .right_box table.green th {
    border: 1px solid #349886 !important;
    background-color: #349886 !important;
}
div.main03_sub0101 .right_box table td {
    border: 1px solid #dddddd;
    background-color: #ffffff;
    padding :15px;
    font-size: 16px;
    color: #707070;
}
div.main03_sub0101 .right_box table td > span {
    display: inline-block;
    border: 2px solid #707070;
    padding: 10px;
    line-height: 26px !important;
}


.inquiry_table{
    width: 100%;
    border: none;
    border-collapse: collapse;
    margin: 0;
    padding: 0;

}
.inquiry_table tbody {
    border-top: 2px solid #003f54;
    border-bottom: 2px solid #003f54; 
}
.inquiry_table th {
    height: 40px;
    background-color: #f7f7f7;
    color: #555555;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #dddddd;
}
.inquiry_table tbody td {
    height: 40px;
    padding: 0px 10px;
    border-bottom: 1px solid #dddddd;
}
.inquiry_table td input[type=text] {
    width: 100%;
    border: 1px solid #eeeeee;
    background-color: #f7f7f7;
    height: 24px;
    text-indent: 5px;
    font-family: Gulim;
    font-size: 12px;
}
.inquiry_table input[type=file] {
    width: 100%;
    height: 26px;
    background-color: #ffffff;
}
.inquiry_table input[type=file]::-ms-browse {
    border: 1px solid #808080;
    background-color: #ffffff;
    color: #808080;
    font-family: 'Nanum Gothic';
    font-size: 13px;
}
.inquiry_table input[type=file]::-ms-value {
    border: 1px solid #ebebeb;
    margin-right: 5px;
}
.inquiry_table input[type=file]::-webkit-file-upload-button {
    padding: 4px;
}
.inquiry_table textarea {
    width: 98%;
    height: 370px;
    border: 1px solid #eeeeee;
    padding: 5px;
    font-family: Gulim;
    font-size: 12px;
}
.btnContainer {
    
}
.baseBtn {
    display: inline-block;
    background-color: #ffffff;
    width: 70px;
    height: 30px;
    font-size: 14px;
    color: #555555;
    font-weight: 700;
    border: 1px solid #dddddd;
    margin: 20px 1px;
}