@charset "utf-8";
/* SIR 지운아빠 */

html		{ background: #2d333b; }
body		{ background: #fff; min-width: 1010px; }

.layout		{ width: 1004px; margin: 0 auto; overflow: hidden; }

#header		{ position: relative; clear: both; }
#ft			{ background: #2d333b; }

#tnb					{ float: none; clear: both; background: #263850; height: 30px; }
#tnb ul					{ float: right; margin: 0; padding: 0; height: 100%; }
#tnb li					{ float: left; margin: 0; padding: 0; border-right: 1px solid #5fbef6; height: 100%; }
#tnb li:first-child		{ border-left: 1px solid #5fbef6; }
#tnb li a				{ display: block; background: #279aeb; color: #fff; font-family: 'Nanum Gothic'; font-size: 8pt; letter-spacing: 1px; line-height: 30px; height: 30px; }
#tnb li a:hover			{ background: #0e75be; }

#gnb							{ background: none; border-top: none; margin: 0;}
#gnb h1							{ float: left; }
#main_gnb						{ float: right; }
#main_gnb li					{ position: relative; width: 142px; float: left; }
#main_gnb li a					{ display: block; position: relative; width: 100%; height: 100%; line-height: 85px; text-align: center; font-size: 16px; font-weight: bold; font-family: 'Nanum Ghothic'; }
#main_gnb li a:hover				{ text-decoration: none; }
#main_gnb li.on a:after,
#main_gnb li a:hover:after		{ content: ""; display: block; position: absolute; bottom: 0px; left: 0; right: 0; height: 2px; background: #279aeb; }
#main_gnb li:after				{ content: ""; display: block; position: absolute; width: 1px; height: 7px; background: #dddddd; left: 0; top: 50%; margin-top: -3px; }
#main_gnb li:first-child:after	{ display: none; }
#main_gnb li:last-child a		{ color: #f35f1e; }

#gnb_sub						{ display: none; position: absolute; left: 0; right: 0; background: rgba(255,255,255, 0.9); border-top: 1px solid #d4d7dc; border-bottom: 1px solid #eeeeee; overflow: hidden; z-index: 999; }
#sub_gnb						{ float: right; padding: 20px 0 !important; }
#sub_gnb li						{ width: 142px; float: left; }
#sub_gnb li:after				{ content: ""; display: block; position: absolute; top: 20px; bottom: 20px; width: 1px; background: #eeeeee; }
#sub_gnb li a					{ display: block; padding: 7px 0px; text-align: center; }
#sub_gnb li a:hover				{ color: #436d8a; font-weight: bold; text-decoration: none; }
#sub_gnb li a:hover:before		{ content: ""; display: inline-block; width: 0px; height: 0px; line-height: 20px; border: 3px solid #436d8a; border-top-color: transparent; border-bottom-color: transparent; border-right-color: transparent; margin-bottom: 2px; margin-right: 3px; }


#ft #ft_catch		{ float: left; width: auto; padding-top: 40px; }
#ft #ft_company		{ float: left; text-align: left; padding-top: 30px; }
#ft #ft_company p	{ margin: 2px 0; padding: 0 0 0 50px; color: #94979b; }
#ft_copy	{ background: none; }


.main-visual										{ text-align: center; min-width: 1010px; height: 400px; overflow: hidden; background:#87909d; }
.main-visual .txt									{ position: absolute; top: 38px; left: 0; z-index: 99; }
.main-visual .flexslider							{ position: relative; }
.main-visual .flex-control-paging					{ display: block; position: absolute; list-style: none; left: 85px; top: 170px; margin: 0; padding: 0; z-index: 100;}
.main-visual .flex-control-paging li				{ float: left; }
.main-visual .flex-control-paging li a				{ display: block; position: relative; width: 15px; height: 15px; border-radius: 9.0em; background: #ccc; overflow: hidden; text-indent: -999px; margin-right: 5px; }
.main-visual .flex-control-paging li a.flex-active	{ width: 40px; background: #1b6ea9; }
.main-visual .flex-pauseplay						{ position: absolute; top: 171px; left: 65px;  z-index: 100; }
.main-visual .flex-pauseplay a						{ display: block; position: relative; width: 11px; height: 15px; overflow: hidden; text-indent: -999px; }
.main-visual .flex-pauseplay .flex-pause:before		{ content: ""; display: block; width: 5px; height: 15px; border-radius: 9.0em; background: #ccc; float: left; }
.main-visual .flex-pauseplay .flex-pause:after		{ content: ""; display: block; width: 5px; height: 15px; border-radius: 9.0em; background: #ccc; float: right; }
.main-visual .flex-pauseplay .flex-play				{ content: ""; display: block; width: 0px; height: 0px; border: 7px solid transparent; border-left-color: #ccc; }

.main-content		{ background: #fff; padding: 20px 0 40px; }
.con01	{ float: left; margin-right: 16px; }
.con02	{ float: left; }
.con02 > div { margin-top: 15px; }
.con02 > div:first-child { margin-top: 0; }
.con03	{ float: right; }



/*********************************
	Sub Style
**********************************/

.sub-visual	{ clear: both; height: 135px; background: url('../img/img_sub_top.png') top center no-repeat #333; }
.ui-sub		{ padding-top: 50px; min-height: 550px;}

#left_mnu		{ position: relative; width: 200px; float: left; overflow: hidden; }
.page			{ position: relative; width: 755px; padding-bottom: 80px; float: right; overflow: hidden; }


#left_mnu h2		{ font-family: 'Nanum Ghothic'; font-weight: bold; font-size: 22px; color: #252525; margin-bottom: 30px; }
#left_mnu ul		{ border-top: 1px solid #d4d7dc; }
#left_mnu ul li		{ border-bottom: 1px solid #d4d7dc; }
#left_mnu ul li a	{ display: block; position: relative; line-height: 40px; text-indent: 23px; font-weight: bold; font-family: 'Nanum Ghothic'; font-size: 13px;  }
#left_mnu ul li a:after { content: ""; display: block; position: absolute; right: 20px; top: 50%; margin-top: -6px; width: 7px; height: 13px; background: url('../img/bul_sub_menu.png') no-repeat -7px 0; }
#left_mnu ul li a:hover	 { text-decoration: none; }

#left_mnu ul li a:hover,
#left_mnu ul li.on a			{ background: #263850; color: #fff; }
#left_mnu ul li a:hover:after,
#left_mnu ul li.on a:after		{ background-position: 0 0; }

#sitemap				{ position: relative; }
#sitemap a				{ font-family: 'Nanum Ghothic'; }
#sitemap .depth_1		{ width: 33.3%; height: 250px; float: left; box-sizing: border-box; padding: 10px 15px; }
#sitemap .depth_1 > a	{ display: block; position: relative; padding-bottom: 10px; color: #5a84da; font-size: 20px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #a6bbe6; margin-bottom: 10px; }
#sitemap .depth_2		{ padding: 5px 0; margin-left: 5px; }
#sitemap .depth_2 > a	{ display: block; padding-left: 15px; background: url('../img/bul_sitemap.png') no-repeat 0 50%; color: #777777; font-size: 14px; }

.page-guide		{ position: relative; height: 58px; padding-bottom: 40px; }
.page-guide h2	{ position: absolute; top: 0; left: 0; height: 58px; line-height: 58px; font-family: 'Nanum Ghothic'; color: #525252; font-size: 23px; border-bottom: 1px solid #1969a1; font-weight: 400; }
.page-guide p	{ border-bottom: 1px solid #cccccc; height: 58px; text-align: right; color: #888888; font-size: 8.5pt; line-height: 60px; }

.page .ctt_admin	{ position: absolute; top: 100px; right: 0; }