@charset "utf-8";
/* CSS Document */
/*******************************************************************************************************************************/
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
/********************************************************************************************************************************/

/* CSS reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, #sub, #sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, label {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-family:inherit; vertical-align:baseline; color:#444;}
html { overflow-y:scroll; font-family:NanumSquare, 돋움, Verdana, Geneva, sans-serif; transform: skew(-0.001deg);}
/* html5 적용 js 리셋 */
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{ display:block;} 

/**************************************************************************************************************************************/
/***** 디자인 레이아웃 *****/
/* 전체 */
body { font-size:75%; background: url("./images/bg_body.jpg") repeat-x;}
h1 { font-size:1.5em;}
h2 { font-size:1.3em;}
h3 { font-size:1.1em;}
img { border:0; vertical-align:top;}
strong { font-weight:bold;}
th, td { vertical-align:middle;}
a { cursor: pointer;}
a:focus { outline-width:2px !important; color:#CC6600; outline-: ;style:dotted !important; -moz-outline-radius:4px;}
input:focus { outline-width:2px !important; color:#CC6600; outline-style:dotted !important; -moz-outline-radius:4px;}
input[type="checkbox"] { padding:10px; border:none !important; width:1em !important; vertical-align:middle !important;}
.only_html { font-size:0; text-indent:-9999; line-height:0; height:0; color:#666;}
.blind { display: none;}
.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 고정값;}
.wrap { min-width: 1200px; position: relative; min-height: 800px; margin: 0 auto;  padding-top: 80px;}
.default_table { border-spacing: 0; width: 100%; margin: 0px 0px 70px; border-top: 1px solid #000;}
.default_table caption { /*height: 0; line-height: 0; text-indent: -9999px; font-size: 0;*/ text-align: left; margin-bottom: 10px;}
.default_table th { text-align: left; font-weight: bold; border-bottom: 1px solid #ddd; padding: 20px 0 20px 23px;  color: #aaa; font-size: 2em; font-weight: bold;}
.default_table td { border-bottom: 1px solid #ddd; padding: 10px 0 10px 23px; color: #888; font-size: 1.2em; line-height: 1.4em;}
.default_lists { list-style-type: none; text-align: center;}
.default_lists li { list-style: none; display: inline-block; margin: 0 10px;}
a.btn_type { cursor: pointer; display: block;}

/* 상단 메뉴 영역 */
.gnb_area { width: 100%; height: 80px; border-bottom: 1px solid #ddd; position: relative; position: fixed; top: 0; background-color: rgba(255,255,255,0.75); z-index: 1000;}
.gnb_area:hover { background-color: rgba(255,255,255,1); border: none;}
.gnb_box { width: 1200px; height: 80px; margin: 0 auto; position: relative;}
	#logo_m { position: absolute; left: 0; top: 0;}
	.cho_lang { position: absolute; left: 240px; top: 20px;}
	.cho_lang a { text-decoration: none; background-color: #aaa; color: #fff; display: inline-block; width: 38px; height: 38px; line-height: 38px; text-align: center; border-radius: 100%;}
	.cho_lang a:hover { background-color: #333;}
	.cho_lang a:hover on{ background-color: #333;}
	.kor .cho_lang a.lang_kor { background-color: #333;}
	.eng .cho_lang a.lang_eng { background-color: #333;}
ul.gnb_list { list-style-type: none; text-align: left; position: absolute; left: 400px;}
ul.gnb_list>li { list-style: none; display: inline-block; margin-left: 110px;}
ul.gnb_list>li:first-child { margin-left: 0;}
ul.gnb_list>li>a { text-decoration: none; line-height: 79px; font-size: 1.4em; font-weight: 400;}
.gnb_sublist_wrap { display: none; background-color: #fff; width: 100%; height: 200px;}
.gnb_sublist_box { width: 1200px; margin: 0 auto; position: relative;}
.gnb_area:hover .gnb_sublist_wrap { display: block; border-bottom: 1px solid #ddd;}  
.gnb_sublist_wrap ul { list-style: none;}
.gnb_sublist_wrap a { text-decoration: none; line-height: 180%; font-size: 1.1em; text-align: center; display: block; font-weight: 400; transform: skew(-0.001deg);}
.gnb_sublist_wrap ul.gnb_sublist { width: 1200px; height: 80px; position: absolute; left: 345px;}
.gnb_sublist_wrap ul.gnb_sublist_en { width: 1200px; height: 80px; position: absolute; left: 345px;}
.gnb_sublist_wrap ul.gnb_sublist>li { display: inline-block; vertical-align: top; width: 171px;}
.gnb_sublist_wrap ul.gnb_sublist_en>li { display: inline-block; vertical-align: top; width: 175px;}

/* 페이지 레이아웃 */
#index .visual_area { height: 840px; min-width: 1200px; position: relative;}
.visual_box { position: absolute; width: 1200px; margin: auto; left: 0; right: 0;}
	.visual_box a { color: #fff; line-height: 66px; display: inline-block; height: 66px; text-decoration: none; font-size: 1.6em; font-weight: bold; position: absolute; top: 120px;}
	.visual_box a:hover { color: #ddd;}
	a.pre { background: url("./images/btn_pre.png") no-repeat left center; padding-left: 40px; left: 0;} 
	a.next { background: url("./images/btn_next.png") no-repeat right center; padding-right: 40px; right: 0;} 
.sub .visual_area { height: 314px; min-width: 1200px; position: relative;}
	.sub10 .visual_area { background: url("./images/bg_sub10.jpg") no-repeat center top;}
	.sub20 .visual_area { background: url("./images/bg_sub20.jpg") no-repeat center top;}
	.sub30 .visual_area { background: url("./images/bg_sub30.jpg") no-repeat center top;}
	.sub40 .visual_area { background: url("./images/bg_sub40.jpg") no-repeat center top;}
	.sub50 .visual_area { background: url("./images/bg_sub50.jpg") no-repeat center top;}
	.visual_tit { text-align: center; display: block; line-height: 314px; color: #fff; font-size: 4.5em; font-weight: 700;}
.root_area { height: 43px; border-bottom: 1px solid #ddd;}
	.root_box { width: 1200px; margin: 0 auto; border-right: 1px solid #ddd;}
	.root_home { float: left; border-left: 1px solid #ddd;}
	.root_depth { border-left: 1px solid #ddd; overflow: hidden; width: 190px; float: left; cursor: pointer; position: relative;}
	.root_depth+.root_depth { border-right: 1px solid #ddd;}
	.root_depth:hover{ overflow: visible;}
		.root_depth strong { padding: 0 25px; display: block; background: url("./images/sq6.gif") no-repeat 90% center; height: 43px; line-height: 43px; font-size: 1.2em; width: 140px;}
		.root_depth ul { list-style: none; margin: 0; padding: 10px 0; outline: 1px solid #ddd; width: 190px; position: absolute; top: 44px; left: 0; z-index: 50; background-color: #fff;}
		.root_depth li { list-style: none; margin: 0; padding: 3px 0 3px 25px;}
		.root_depth li a { text-decoration: none; line-height: 180%; display: block; font-size: 1.2em;}
	
.contents_wrap { width: 100%; background-color: #f8f8f8;} 
.contents_box { width: 1200px; margin: 0 auto; padding: 50px 0; position: relative;}
.contents_wrap.latest_area { height: 800px; background: url("./images/bg_m2.gif") no-repeat center bottom;}
.title_main { text-align: center; font-size: 3em; font-weight: 700; line-height: 200%;}
.title_main+p { text-align: center; font-size: 1.2em; margin-bottom: 50px; line-height: 160%;}
	h1.page_tit { background: url("./images/sq5.gif") no-repeat left 3px; margin-top: 25px; padding-left: 30px; font-size: 2.8em; margin-bottom: 50px; font-weight: 700;}
	h2.page_tit { font-size: 1.8em; color: #666; display: block; margin-bottom: 18px; font-weight: 700;}
	p.tit_txt { font-size: 1.3em; line-height: 160%;}
	p.tit_txt.bg_gray { background-color: #eee; padding: 30px; margin-bottom: 40px;}
	p.txtbox_type1 { position: relative; padding: 40px 30px 40px 620px; width: 550px; font-size: 1.4em; line-height: 160%;}
	p.txtbox_type1 strong { font-weight: bold; display: block; font-size: 1.4em; margin-bottom: 17px; color: #666;}
	p.txtbox_type1>img { position: absolute; left: 0; top: 0;}
	p.txtbox_type1 span { color: #999;}
	img.content_img { display: block; margin-bottom: 50px;}
ul#link_blist { overflow: hidden; list-style-type: none;}
ul#link_blist li { float: left; position: relative; width: 400px; height: 257px; overflow: hidden; cursor: pointer;}
ul#link_blist li a { display: block; line-height: 257px; z-index: 100; font-size: 3em; text-align: center; position: absolute; top: 0; left: 0; right: 0; margin: auto; color: #fff; text-decoration: none;}
	ul#link_blist li:hover a { background: rgba(0,0,0,0.7) url("./images/hover_img.png") no-repeat center;}
#sub12 .contents_wrap { background: url("./images/bg_grid.gif") repeat-x center bottom; height: 500px;} 
#sub12 .span_bold { font-weight: bold; color:#aaa; }
#sub13 .contents_box { overflow: hidden;}
#sub13 .default_table { width: 580px; float: left;}
#sub13 .default_table+.default_table { margin-left: 40px;}
#sub14 .default_lists { overflow: hidden; text-align: left;}
#sub14 .default_lists li { margin: 0 69px 50px 0; float: left; text-align: center; width: 248px;}
#sub14 .default_lists li span { font-size: 1.25em; display: block; padding: 0 2%; line-height: 150%; letter-spacing: -1px; height: 50px;}
#sub14 .default_lists li img { border: 1px solid #ddd; display: block; margin-bottom: 20px;}
#sub14 .default_lists li:nth-child(4n) { margin-right: 0;}
#sub15 .default_lists { overflow: hidden; text-align: left;}
#sub15 .default_lists li { float: left; margin-bottom: 70px;}
	#sub15 #fac1 { height: 171px; padding-top: 180px; position: relative;}
	#sub15 #fac1 a { display: block; position: absolute; border: 1px solid #ddd; right: 0; text-decoration: none; font-size: 1.2em; padding: 3px 15px; line-height: 160%;}
#sub15 table { border-top:  1px solid #ddd; width: 580px; padding-top: 10px;}
#sub15 table th { text-align: left; font-weight: bold; font-size: 1.2em; text-transform: uppercase; padding: 5px 10px; vertical-align: top;}
#sub15 table td { text-align: left; font-size: 1.2em; padding: 5px 10px; line-height: 1.4em;}
#sub25 .port { margin-bottom: 50px; background-color: #666; padding-left: 780px; padding-right: 20px; position: relative; height: 402px; width: 400px; color: #eee; font-size: 1.2em; line-height: 160%;}
#sub25 .port.type2 { height: 481px;}
#sub25 .port.type2 ul { padding-top: 80px;}
#sub25 .port.type2 li { color: #eee;}
#sub25 .port>div { position: absolute; bottom: 30px; display: block; color: #eee; padding-right: 20px;}
#sub25 .port h2 { color: #eee; font-size: 1.8em; margin-bottom: 10px;}
#sub25 .port span { color: #eee; font-size: 1em;}
#sub25 .port img { position: absolute; left: 0; top: 0;}
#ci_img { position: absolute; top: 240px; margin: 0 auto; left: 0; right: 0;}

table.detail_tbl { width: 100%;}
table.detail_tbl th { background-color: #333; color: #eee; font-size: 1.4em; text-align: center; border-left: 1px solid #eee; padding: 7px 0;}
table.detail_tbl td { color: #333; font-size: 1.3em; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; text-align: center; padding: 5px 0;}
/*table.detail_tbl td:nth-child(6n) { border-right: none;}*/
table.detail_tbl td.bdrn { border-right: none;}
span.red { color: red;}
ul.subtab { list-style-type: none; text-align: left;}
ul.subtab li { display: inline-block; margin-bottom: 4px;}
ul.subtab li a { text-decoration: none; display: block; width: 196px; height: 45px; padding-left: 20px; line-height: 45px; text-align: left; border: 1px solid #d2d2d2; font-size: 1.2em;}
#sub351 .sub351,
#sub352 .sub352,
#sub353 .sub353,
#sub354 .sub354,
#sub355 .sub355,
#sub356 .sub356,
#sub357 .sub357,
#sub358 .sub358,
#sub359 .sub359,
ul.subtab li a:hover { background-color: #333; color: #eee; font-weight: bold;}
span.ex { background-color: #444; color: #eee; display: inline-block; border-radius: 100%; width: 20px; text-align: center; line-height: 20px; font-size: 0.8em;}
.banner_box { min-width: 1200px; background: url("./images/bg_m1.jpg") no-repeat center top;}
.banner { width: 1200px; margin: 0 auto; position: relative;}
.banner>a { position: absolute; top: 135px; left: 480px; text-decoration: none; outline: 1px solid #444; line-height: 50px; padding: 0 40px; display:inline-block; font-size: 1.2em; background: url("./images/sq1.gif") no-repeat 91% center;}

.dl_link_area { height: 100px; background: url("./images/dl_link.jpg") no-repeat center top;}
.dl_link_box { width: 1200px; margin: 0 auto; position: relative; padding-top: 23px;}
.dl_link_box p { position: relative; margin: 0 auto;}
.dl_link_box span { color: #fff; line-height: 52px; font-size: 1.4em; font-weight: 700; display: inline-block; height: 52px;}
.dl_link_box strong { color: #fff; font-size: 2.2em; font-weight: 700; display: inline-block; margin-right: 10px; top: 3px; position: relative;}
#dl_cd { position: absolute; top: 25px; right: 40px; border: 1px solid #fff; border-radius: 10px; color: #fff; padding: 0 15px 0 40px; height: 43px; line-height: 43px; text-decoration: none; background: url("./images/sq4.gif") no-repeat 10px center;}

/* 하단 정보 영역 */
.inform_area { height: 119px; background-color: #333; padding-top: 40px;}
.inform { width: 1200px; margin: 0 auto; color: #eee; text-align: center; font-size: 1.1em; line-height: 160%;}
.inform a { color: #eee; text-decoration: none; line-height: 200%; margin: 0 10px;}
.inform a.admin_link { background: url("./images/sq2.gif") no-repeat left center; padding-left: 20px;}
.inform span { display: inline-block; color: #ddd; margin-right: 1em;}