@charset "utf-8";

/*.html_size { width:100%; height: 100%; margin:0; padding:0; overflow:hidden; }*/

#head, #foot { position:relative; margin:0 auto; padding:0; overflow:hidden; width:1200px; }
#head {overflow:hidden; position:relative; z-index:11; }
.head_border { border-bottom:2px solid lightgray; width:100%; z-index:11; }
#container {  margin:0 auto; padding:0; overflow:hidden; width:1080px; }
.container {  margin:0 auto; padding:0; overflow:hidden; width:1080px; }
#foot { /*height:100px;*/ padding-top:10px; }

.foot_menu_li {list-style:none; padding:0; color: white; font-family: "Pretendard", Pretendard; font-weight: 400; display: flex; justify-content: space-between; /* 양쪽 끝으로 li를 분배 */ margin: 0; align-items: center; font-size: 1.2em;/* 세로 중앙 정렬 */}
.foot_menu_li li{float:left; padding: 0px 40px 0px 40px; no-repeat; background-position: right 8px;}
.foot_menu_li:first-child li{padding-left: 0;}
.foot_menu_li:last-child li{padding-right: 0;}

.foot_menu_li li a{color: #ffffff; font-size: 13px; text-decoration: none; font-family: nanumbarungothicbold; height:35px;}
.foot_bottom{overflow:hidden;margin-top:30px;}

#contents { float:left;  overflow:hidden; width:753px; padding:0 0 40px 0; }
.head_bg { background:url(../../images/common/head_bg.gif) repeat-x 0 66px; }
.foot_border { border-top: 1px solid #eaeaea;background: #333333;height: 40px;margin-top: 0px;width: 100%;position: fixed;z-index: 10;bottom:0}

#logo { margin:0px 0 10px 0; padding:0; display:inline-block; float:left; width:164px; height:31px; }

#topmenu { float:left; padding:0; position:relative; z-index:1; width:1080px; margin-top: 10px; margin-bottom: 0px; position: relative; z-index: 11;}
#topmenu ul.menu { left:280px; list-style:none; margin-top:10px; margin-bottom:10px; margin-left:50px; margin-right:50px; padding:0; position:relative; z-index:200; font-family: "Pretendard", Pretendard; font-weight: 600; }
#topmenu ul.menu li { float:left; margin:0; padding:0 0 10px 0px; width: 17%; text-align:center;}
#topmenu ul.menu li a { display:block; margin:0; padding:0; height:30px; color: black;  font-size: 16px; text-algin:center;}
#topmenu ul.menu li a:hover { text-decoration: none; }

#topmenu ul.depth2 { position:absolute; top:42px; list-style:none; margin:0; padding:0; overflow:hidden; height:25px; }
#topmenu ul.depth2 li { float:left; display:inline-block; margin:0; padding:0; background:url(../../images/common/depth2bg.gif) no-repeat 50% 0; }
#topmenu ul.depth2 li.first { background-position:0 0; padding:0 0 0 20px; }
#topmenu ul.depth2 li.last { background-position:100% 0; padding:0 20px 0 0; }
#topmenu ul.depth2 li a { background:url(../../images/common/depth2bu.gif) no-repeat 0 8px; width:auto !important; color:#fff; padding:5px 12px 0 12px; height:20px; }
#topmenu ul.depth2 li a:hover, #topmenu_box ul.depth2 li a.on { text-decoration:none; color:#3d3d96 !important; }
#topmenu ul.depth2 li:first-child a { background:none; }


.menu_on{color:#09a5ff !important;}
.submenu_on{border-top:2px solid #09a5ff !important;}

#sub_menu { position:relative; margin: 0 0 0 420px; width:686px;height:260px; background-color:white; position: fixed; top: 60px;z-index: 20; }
#sub_menu div { width: 175px; height: 257px; float: left; border-top: 2px solid lightgray; border-bottom: 1px solid #bababa; }
#sub_menu div ul{ border-right:1px solid #959595; list-style:none; height: 220px; padding: 0 12px;}
#sub_menu div ul li { font-size: 14px; margin-top: 18px; margin-left: 10px;}
#sub_menu div ul li a{ text-decoration: none; cursor:pointer; font-family: "Pretendard", Pretendard; font-weight: 600; }
#sub_menu div:first-child { border-left: 1px solid #bababa; width: 166px; padding-left: 1px; }
#sub_menu div:last-child { border-right: 1px solid #bababa; width: 166px; padding-left: 1px; }





/**/

#aside_right { width:326px;height:74px; float:right; }
#language { float:right; margin-top:10px; width:327px; height: 22px; overflow: hidden;}
#language ul { list-style:none; margin:0;overflow:hidden; }
#language ul li { float:left; display:inline-block; margin:0; background:url(../../images/common/lang_bu.gif) no-repeat 0 60%; line-height:7px; }
#language ul li a { display:inline-block; float:left; background:url(../../images/main/language.png) no-repeat;height:22px;}
#language li a.eng { width: 81px;  background-position: 0 0; }
#language li a.rus { width: 79px;  background-position: -81px 0; }
#language li a.jpn { width: 83px;  background-position: -160px 0; }
#language li a.chn { width: 84px;  background-position: -243px 0; }

#aside{width: 1080px; margin: 0 auto;}
#site_util { float:left; overflow:hidden; padding:0px 4px 0 0; }
#site_util ul { list-style:none; margin:0; padding:0; overflow:hidden; }
#site_util ul li { float:left; display:inline; margin:0; padding:6px 1.7px 5px 1.7px;color:#06388B;font-size:13px; }
#site_util ul li:first-child { background:none; }
#site_util ul li a {color:#06388B;}





/*#mt1 a, #mt2 a, #mt3 a, #mt4 a, #mt5 a, #mt6 a, #mt7 a { color : black;}
#mt1 a { background-position:-4px -45px; width:67px; }
#mt1 a:hover, #mt1.on a { background-position:-4px 1px; }
#mt2 a { background-position:-83px -45px; width:67px; }
#mt2 a:hover, #mt2.on a { background-position:-83px 1px; }
#mt3 a { background-position:-168px -45px; width:106px; }
#mt3 a:hover, #mt3.on a { background-position:-168px 1px; }
#mt4 a { background-position:-291px -45px; width:69px; }
#mt4 a:hover, #mt4.on a { background-position:-291px 1px; }
#mt5 a { background-position:-374px -45px; width:103px; }
#mt5 a:hover, #mt5.on a { background-position:-374px 1px; }
#mt6 a { background-position:-492px -45px; width:76px; }
#mt6 a:hover, #mt6.on a { background-position:-492px 1px; }
#mt7 a { background-position:-584px -45px; width:80px; }
#mt7 a:hover, #mt7.on a { background-position:-584px 1px; }*/
#top2m1 { width:330px; left:0; }
#top2m2 { width:700px; left:0; }
#top2m3 { width:550px; left:30px; }
#top2m4 { width:630px; left:200px; }
#top2m5 { width:650px; left:470px; }
#top2m6 { width:660px; left:395px; }



.top_search { float:right; overflow:hidden;  width:165px; height:28px; margin:4px 0 0 0; padding:0; background-color:#525252;}
.top_search form { margin:0; padding:0; overflow:hidden; }
.top_search input.text { float:left; overflow:hidden; width:129px;height:24px; border:1px solid #525252;}
.top_search input.btn { float:left; margin:5px 0 0 0; padding:0; overflow:hidden;     margin-left: 7px; margin-top: 5px;}
.ul_style{ 
    padding: 0 !important;
    width: 99% !important;
    height: 208px !important;
    margin: 0 auto !important;
    margin-bottom: 4px !important;
    margin-left: 5px !important;
    margin-top: 5px !important;
    
		}

.none_border { border:0px solid #959595 !important;}


.contents_title .location { top:0; left:0; color:#7f7f7f; }
.contents_title { margin:0; padding:0 0 30px 0;}
.contents_title h2 { background:none; margin:0; padding:0; display:block; }

#foot_bar {height:45px;background-color:#5F6065;position:fixed;z-index:1000;opacity: 1;width: 100%;}
#foot_bar #foot_bar_container { height: 45px; }
#foot_bar #foot_bar_container ul { height: 45px; }
#foot_bar #foot_bar_container ul li{ float:left; width:145px; height:100%; background:url("../../images/common/quick_menu_off.png") no-repeat ;font-size:15px; text-align: center; padding: 15px 0 0 0;}
#foot_bar #foot_bar_container ul li:first-child { width:210px; background:url("../../images/common/quick_menu_title.png") no-repeat;font-size:18px; padding:12px 0 0 0;text-align: left;}
#foot_bar #foot_bar_container ul li a { color : white; }
#foot_bar #foot_bar_container ul li a:hover { text-decoration: none; }
#login_form ul{overflow:hidden; width: 49%; margin: 0 auto; padding-right:-15px;}
#login_form ul li{overflow:hidden; float:left; margin-right:15px;}
#login_form ul li p{margin-bottom:10px;}
#login_form ul li p span{font-size:15px; color:#525252; margin-right:15px;}

.foot_top{}

.foot_logo, .copyright, .foot_mark, .family_site { display:inline-block; overflow:hidden; float:left; }
.copyright { padding:0 10px 0 0px; }
.foot_mark {}
.copyright p {line-height: 1.455;color: #e8e8e8;font-size: 11px;font-style: normal;}
.family_site { float:right !important;}
.family_text {font-size: 90%;color: #ffffff;background: transparent !important;border: 2px solid #ffffff;height: 23px;vertical-align: middle;padding-bottom: 3px; margin-top:5px;}
.Login_wrap{width: 100%;}
.Login_top{width: 90%; margin: 0 auto;}
.Login_top ul{overflow:hidden;width: 70%; margin: 0 auto;}
.Login_top ul li{overflow:hidden; float:left;}
.Login_top ul li p{font-size:15px; color:#525252;line-height:1.8;}
.Login_bottom{width: 90%;margin: 0 auto; margin-top: 35px; padding: 60px 0px; border-top: 2px solid #003489; border-bottom: 1px solid #525252;}
.Login_bottom ul{overflow:hidden; width: 49%; margin: 0 auto; margin-top: 15px;}
.Login_bottom ul li{overflow:hidden; float:left;}
.login_btn{width: 72px; height: 72px; background:url("../../images/common/login_btn.png") no-repeat; border: none; text-indent: -10000px;cursor: pointer;}
.logout_user_btn{ position: absolute; top: 57px; border-top:1px solid #003489; margin-top: 5px !important; background: #fff;}
.logout_user_btn li{padding-top: 2px !important; padding-bottom: 2px !important;}
.logout_user_btn li p{ padding-left: 20px;padding-top: 3px; background:url("../../images/common/logout.png") no-repeat;}
.f_table th{font-size:13px; color:#525252 !important;}
.f_table td{font-size:13px; color:#525252 !important;}
.border_td{border-bottom: 1px solid #003489 !important;}
.table_first_td{background:#FAFCFB;}
.letter_space p{letter-spacing:-0.5px;}
.top_box{padding: 30px 0px 24px 0px !important; margin: 20px 0px 30px 0px !important;border-top: 2px solid #003489; border-bottom: 1px solid #003489;}
.opinion_board .searchBox_D{display:none;} 
.opinion_board .list_normal_D{border-top: 2px solid #003488;border-bottom: 1px solid #003488;}
.confirm_tlt{font-size:14px;line-height: 1.5;}
/*convenient_list(편의시설)*/

.convenient_list{border-bottom:1px solid #dfdfdf;}
.convenient_list li{overflow:hidden; margin-bottom: 6px;}
.convenient_list img{margin-right:35px; width:180px; height:130px;}
.convenient_list .convenient_title{font-size:24px; color:#003489;}
.convenient_list .convenient_explan{font-size: 14px; letter-spacing: -0.5px; color:#525252;}
.convenient_list .convenient_discrip{font-size: 14px; letter-spacing: -0.5px; color:#525252; padding-left:18px; background:url(../../images/common/sub_bul2.png) no-repeat; background-position:left 4px;}
.convenient_list .convenient_call{font-size: 15px; letter-spacing: -0.5px; color:#525252; padding-left:18px; background:url(../../images/03/call.png) no-repeat; background-position:left 0px;}
.convenient_call span{color: #ED3E05;}

/* convenient_list end */

/*Phone_number_introduce start*/
#tab02_p{overflow:hidden;}
#tab02_p li{float: left; overflow: hidden; background: #F1F2F6; padding: 10px 22px; margin-right: -1px; border: 1px solid #A6A6A8; cursor:pointer; font-size: 14px; font-family: 'NanumBarunGothicBold' !important;}
.p_num_active{ background: #003489 !important; color: white !important; border:;1px solid #344767 !important;}
/*end*/

#uid{height:25px; width: 195px; border:1px solid #525252;padding: 0px 5px;}
#pwd{height:25px; width: 195px; border:1px solid #525252;padding: 0px 5px;}


.page_titl_outer {
	width:100%;
	height:60px;
	background-color:#0a0d7e;
}
.page_titl {
	width:1080px;
	margin:0 auto;
	padding:0 0 0 40px;
	line-height: 2.0;
	font-size: 32px;
	color: white;
	font-weight: 600;
}