/* CSS reset */
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

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); font-weight: 100;}
/* html5 적용 js 리셋 */
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{ display:block;} 

/*********************************************************************************************/

.wrap { min-width: 1200px; position: relative; margin: 0 auto;}
.data_tbl { border-spacing: 0; width: 100%; margin: 60px 0px 70px; border-top: 1px solid #000;}
.data_tbl caption { /*height: 0; line-height: 0; text-indent: -9999px; font-size: 0;*/ text-align: left; margin-bottom: 10px;}
.data_tbl th { text-align: left; font-weight: bold; border-bottom: 1px solid #ddd; padding: 20px 0 20px 23px;  color: #aaa; font-weight: bold;}
.data_tbl td { border-bottom: 1px solid #ddd; padding: 10px 0 10px 23px; color: #888; line-height: 1.4em;}
.data_tbl th, .data_tbl td { text-align: center; vertical-align: middle; font-size: 1.1em; color: #444;}
.default_lists { list-style-type: none; text-align: center;}
.default_lists li { list-style: none; display: inline-block;}
a.btn_type { cursor: pointer; display: block;}


/**************************************************************/

.gnb_area { border-bottom: 5px solid #070e1e; width: 100%; height: 157px; z-index: 1000; background-color: #fff;}
.gnb_box { height: 107px; border-bottom: 1px solid #dbdbdb; position: relative;}
	#logo_top { width: 182px; display: block; margin: 0 auto;}
	#select_lang { width: 1200px; position: absolute; top: 62px; left: 0; right: 0; margin: auto; text-align: right;}
	#select_lang li { text-align: left; display: inline-block; margin-left: 10px;}
	#select_lang li img { vertical-align: middle; margin-right: 5px;}
	#select_lang li a { text-decoration: none; line-height: 21px; font-size: 0.9em;}
.menu_links { list-style-type: none; text-align: center; width: 1200px; margin: 0 auto;}
.menu_links li { list-style: none; display: inline-block;}
.menu_links li a { text-decoration: none; height: 50px; line-height: 50px; font-size: 1.3em; color: #000; padding: 0 1em; letter-spacing: -1px;}
.menu_links li a:hover { color: #ed1c24;}

.visual_area { min-width: 1200px; max-width: 1840px; height: 613px; margin: 0 auto; background-color: #000; border-bottom: 1px solid #000;}
.visual_area .default_lists {}
.visual_area .default_lists li { position: relative;}
.visual_area p { font-weight: 100; width: 520px; margin: 0 auto; position: absolute; top: 220px; right: 15%;}
.visual_area p strong { font-size: 2.8em; line-height: 120%; margin-bottom: 10px; display: inline-block; color: #000;}
.visual_area p span { font-size: 1.4em; line-height: 140%;}

.visual_box { min-width: 1200px; height: 310px; margin: 0 auto;}
.visual_box p { width: 1200px; margin: 0 auto; text-align: left; padding-top: 110px;}
	.visual_box p strong { color: #fff; display: block; font-size: 3em;}
	.visual_box p span { color: #fff; display: block; font-size: 1.4em;}
		#sub21 .visual_box p strong { color: #000; display: block; font-size: 3em; text-align: right;}
		#sub21 .visual_box p span { color: #000; display: block; font-size: 1.4em; text-align: right;}
		#sub31 .visual_box p strong { color: #000; display: block; font-size: 3em; text-align: right;}
		#sub31 .visual_box p span { color: #000; display: block; font-size: 1.4em; text-align: right;}
		#sub41 .visual_box p strong { color: #000; display: block; font-size: 3em; text-align: right;}
		#sub41 .visual_box p span { color: #000; display: block; font-size: 1.4em; text-align: right;}
		#sub51 .visual_box p strong { color: #000; display: block; font-size: 3em; text-align: right;}
		#sub51 .visual_box p span { color: #000; display: block; font-size: 1.4em; text-align: right;}
		#sub61 .visual_box p strong { color: #000; display: block; font-size: 3em; text-align: left;}
		#sub61 .visual_box p span { color: #000; display: block; font-size: 1.4em; text-align: left;}
#sub11 .visual_box { background: url("./images/visual_sub10.jpg") #000 no-repeat center top;}
#sub21 .visual_box { background: url("./images/visual_sub20.jpg") #000 no-repeat center top;}
#sub31 .visual_box { background: url("./images/visual_sub20.jpg") #000 no-repeat center top;}
#sub41 .visual_box { background: url("./images/visual_sub20.jpg") #000 no-repeat center top;}
#sub51 .visual_box { background: url("./images/visual_sub50.jpg") #000 no-repeat center top;}
#sub61 .visual_box { background: url("./images/visual_sub60.jpg") #000 no-repeat center top;}

#sub21 .birds { position: absolute; top: 470px; right: 90px;}
#sub31 .birds { position: absolute; top: 470px; right: 90px;}

/* 본문영역 */
.content_area { width: 1200px; margin: 0 auto; overflow: hidden; display: block;}
 	.content_area.visualgel { padding: 66px 0;}
	.content_area.conus { padding: 85px 0 65px;}
	.content_area.stiff { background: url("./images/bg_stiff.jpg") no-repeat center top; width: auto; min-width: 1200px; max-width: 1840px; height: 692px; padding-top: 65px;}
h2.contents_title { font-size: 2.8em; text-align: center; margin-bottom: 0.5em;}
h2.contents_title strong { font-weight: 600; color: #fdb813;}
	.content_area.stiff h2.contents_title { color: #fff;}
h2.contents_title+p { font-size: 1.4em; text-align: center; margin-bottom: 60px;}
	.content_area.stiff h2.contents_title+p { color: #fff;}

.visualgel_detail { width: 940px; height: 320px; margin: 0 auto ; position: relative;}
.visualgel_detail>img { position: absolute; left: 0;}
.visualgel_detail>div { width: 470px; padding-left: 470px;}
.visualgel_detail>div p { font-size: 1.3em; margin-bottom: 20px;}
.visualgel_detail>div p strong { display: block; font-size: 1.1em; font-weight: 600;}
.stiff_detail { width: 940px; height: 320px; margin: 0 auto ; position: relative;}
.stiff_detail>img.gr { position: absolute; left: 0;}
.stiff_detail>img.grd { position: absolute; right: 0;}

ul.contactus { width: 1000px; height: 280px; margin: 0 auto ; position: relative; overflow: hidden;}
ul.contactus li { width: 209px; height: 240px; display: block; float: left; line-height: 130%; padding: 0 20px; border-right: 1px solid #eee; cursor: pointer;}
ul.contactus li strong { font-size: 1.6em; font-weight: 400; letter-spacing: -1px; display: block;  line-height: 180%;}
ul.contactus li:hover strong { color: #ed1c24;}
	ul.contactus li p { height: 90px; background: url("./images/more.jpg") no-repeat left bottom; font-size: 0.9em;}
	ul.contactus li:hover p { color: #ed1c24;}
	#cu1 { background: url("./images/bg_cu1.jpg") no-repeat 130px bottom ;}
	#cu2 { background: url("./images/bg_cu2.jpg") no-repeat 130px bottom ;}
	#cu3 { background: url("./images/bg_cu3.jpg") no-repeat 130px bottom ;}
	#cu4 { background: url("./images/bg_cu4.jpg") no-repeat 130px bottom ;}

.btn_detail { color: #fff; display: block; margin: 40px auto 0; text-decoration: none; width: 275px; padding-left: 43px; line-height: 250%; font-size: 1.5em; background: url("./images/btn_mlink.gif") #000 no-repeat 90% center;}
	.stiff .btn_detail { background: url("./images/btn_mlink2.jpg") #fff no-repeat 94% center; color: #000; padding-left: 15px;} 
.btn_detail strong { color: #fff; font-weight: 400;}
	.stiff .btn_detail strong { color: #000;} 
.btn_detail:hover { color: #ed1c24;}

/* 페이지 본문 영역 */
.contents_area { height: auto; position: relative; margin: 0 auto;}
	.contents_area.board_page { width: 100%; margin: 0 auto; padding: 90px 0;}
.contents_box { width: 1080px; margin: 0 auto; padding: 90px 90px 0px 90px; position: relative;}
	.board_page .contents_box { padding: 0;}  
	.contents_box.about { height: 600px;}
	h2.subtitle { font-size: 2.6em; color: #000; font-weight: 200; margin-bottom: 36px;}
	h2.subtitle strong { font-weight: 400;}
.txt_box { font-size: 1.25em; margin-bottom: 2em; line-height: 140%;}
	.kor .txt_box { margin-bottom: 3em; font-size: 1.1em; line-height: 160%;} 
.txt_box strong { font-size: 1.4em; display: block; font-weight: 200; margin-bottom: 1em; line-height: 130%;}
	.kor .txt_box strong { margin-bottom: 0.5em;}
#sub41 .txt_box { font-size: 1.5em; padding-top: 7em;}
#company { background: url("./images/bg_sub11.jpg") no-repeat center -110px;}
#sub21 .contents_area { background: url("./images/bg_sub.jpg") no-repeat center -110px;}
#sub31 .contents_area { background: url("./images/bg_sub.jpg") no-repeat center -110px;}
#sub41 .contents_area { height: 870px; background: url("./images/sub4101.jpg") no-repeat center top;}
#sub51 .contents_area { height: 870px; background: url("./images/sub4101.jpg") no-repeat center top;}
#sub61 .contents_area { height: 870px; background: url("./images/sub4101.jpg") no-repeat center top;}
	.spec { width: 6em; display: inline-block;}
#location { outline: 5px solid #eee;}
.contants_both { overflow: hidden; position: relative; width: 1080px; min-height: 600px; margin: 0 auto;}
.con_left { width: 580px; padding-right: 10px;}
	.con_left strong.step { font-size: 1.2em; margin: 15px 0 0 0;}
	.con_left h3 { font-size: 1.8em; margin-bottom: 20px;}
.con_right { width: 450px; padding: 20px; background-color: #eeefef; position: absolute; right: 0; top: 0;}
	.con_right h3 { font-size: 1.8em; margin-bottom: 20px;}
	.con_right p { margin-bottom: 45px; font-size: 1.1em; line-height: 150%;}\
.board_page #wr_content { height: 180px !important;}

/* 회사정보 영역 */
.inform_area { background-color: #2a2a2c; height: 200px; padding-top: 35px; text-align: center;}
.inform_area p { width: 1200px; margin: 0 auto; color: #fff; font-size: 1.2em; line-height: 150%; margin-top: 10px;}
.inform_area span { display: inline-block; margin: 0 0.5em; color: #fff;}
.link_admin { text-decoration: none; color: #fff;}
.link_admin:hover { color: #7ab4e0;}