/* common */
html,body,div,p,ul,li,l,dl,dt,dd,ol,form,h1,h2,h3 {margin:0px; padding:0px;font:17px/1.7em 'malgun gothic'; color:#4c4c4c}
html,body,p,div	{}
ul,li,ol.dl {list-style:none}
img 		{border:0;}
a			{color:#4c4c4c; text-decoration:none;}

/* Wrap */
#wrap	{position:relative; margin:0 auto; width:1024px;}
#sub_bg	{background:url(../img/sub_bg.gif) repeat-x}
#wrap:after	{display:block; clear:both; content:""}

#header	{position:relative; height:80px; padding-top:30px;}
#header #logo	{float:left; }
#header #logo img	{margin:10px 0 0 0px}
#gnb	{float:right; display:inline-block; height:60px; padding-top:24px;}
#gnb li	{float:left; margin-left:48px; }
#gnb li a	{display:block; font:bold 22px/1.7em 'malgun gothic'; color:#000; letter-spacing:-1px;}
#gnb li a:hover	{color:#0099cd}
#header:after	{display:block; clear:both; content:""}

#center	{position:relative;}
#center:after	{display:block; clear:both; content:""}
.main_title01	{display:inline-block; background:url(../img/main_title_bar.jpg) no-repeat; font:bold 23px/1.7em 'malgun gothic'; color:#3e4450; margin:30px 30px 10px; padding-top:5px}
.main_title02	{display:inline-block; background:url(../img/main_title_bar.jpg) 10px 0 no-repeat; font:bold 23px/1.7em 'malgun gothic'; color:#3e4450; margin:30px 30px 10px; padding:5px 0 0 10px;}
.main_title03	{display:inline-block; background:url(../img/main_title_bar.jpg) 10px 0 no-repeat; font:bold 30px 'malgun gothic'; color:#3e4450; letter-spacing:-0.5px;
                      margin:30px 30px 10px; padding:10px 0 0 7px;}
.tx_or{position:absolute; top:124px; left:40px; font-size:19px;}
.tx_or .bIg{color:#efb834; font-size:27px; line-height:1.6;}
.main_list01, .main_list02	{position:absolute; top:95px; left:0; margin-right:30px}
.main_list01 a, .main_list02 a	{font:17px/1.7em 'malgun gothic';}
.main_list01 li	{height:30px; vertical-align:middle; overflow:hidden; padding-left:40px; line-height:30px}
.main_list02 li	{height:30px; vertical-align:middle; overflow:hidden; padding-left:30px; line-height:30px}
.main_cmt01	{display:block; padding-left:30px; font-size:18px; letter-spacing:-1px}
.main_cmt02	{display:block; padding:30px 0 0 30px; font-size:35px; line-height:54px; letter-spacing:-1px; color:#FFF;}
.main_cmt02	.ye_po{color:#fedf4e;}
.main_more_icon	{position:absolute; top:50px; right:30px; width:19px; height:19px; background:url(../img/main_more_icon.png) no-repeat}
.main_intro_btn	{padding:30px 0 0 30px; display:block}
.main_info_link	{padding:66px 0 0 35px; display:block; color:#c0e1f7; font-size:19px; font-weight:normal; letter-spacing:-1px; text-decoration:none; font-family:'malgun gothic';}

#intro	{float:left; position:relative; width:349px; height:280px; background:url(../img/main_intro.jpg) no-repeat}
#info	{float:left; position:relative; width:345px; height:280px; background:url(../img/main_info_bg.jpg) no-repeat}
#info a:hover{text-decoration:none;}
#qna	{float:left; position:relative; width:330px; height:280px; background:url(../img/main_qna_bg.gif) no-repeat}
#pre	{float:left; position:relative; width:349px; height:280px; background:url(../img/main_pre_bg.gif) no-repeat}
#news	{float:left; position:relative; width:345px; height:280px; background:url(../img/main_news_bg.gif) no-repeat}
#main_cs	{float:left; position:relative; width:330px; height:280px; background:url(../img/main_cs_bg.gif) no-repeat;}
#main_cs .tel, #main_cs .map	{font:bold 17px/1.5em 'malgun gothic'; color:#3e4450; padding:27px 0 0 30px}
#main_cs .tel .num	{position:absolute; left:110px; font:bold 27px/1.3em 'malgun gothic'; color:#0099cd; margin-top:-2px;}
#main_cs .tel .time	{display:block; font:bold 14px/1.5em 'malgun gothic'; color:#48607b; padding-left:80px; padding-top:8px; letter-spacing:-1px;}
#main_cs .map	{display:block; clear:both}
#main_cs .map .title	{float:left}
#main_cs .map .btn		{float:right; padding:5px 30px 0 0}
#main_cs .map .mapping img	{margin-top:10px; width:271px; height:110px}

#banner:after {display:block; clear:both; content:""}
#banner	{position:relative; width:1022px; border:1px solid #dfdfdf; margin-top:30px; padding:20px 0}
#banner li	{float:left; display:inline; padding:0 15px;}

#footer,#footer_s	{position:relative; padding:20px 20px 30px 0; margin-top:5px}
#footer_s	{float:left; border-top:1px solid #dfdfdf; margin-top:30px; width:100%}
#footer:after,#footer_s:after {display:block; clear:both; content:""}
#b_logo	{float:left; width:185px; height:23px; margin-top:10px}
#copyright	{float:left; padding-left:20px;}
#copyright p, #copyright span	{font:14px/1.9em 'malgun gothic'; color:#666}



<!--sub-->
#content	{position:relative;background:#FF0}
#content:after	{display:block; clear:both; content:""}

#left_menu	{float:left; width:185px; margin-top:16px; background:url(../img/sub_title_bg.jpg) no-repeat}
#left_menu .title	{font:25px/1.7em 'malgun gothic'; color:#fff; letter-spacing:-1px; display:inline-block; height:106px; padding:75px 0 0 20px}
#left_menu .intro{padding:55px 0  25px 20px;}	
#left_menu ul	{background:url(../img/left_menu_bg.gif) repeat-y;}
#left_menu li	{background:url(../img/sub_menu_arrow.gif) 160px 25px no-repeat; border-bottom:1px solid #dfdfdf; padding:15px 0 15px 20px;}
#left_menu li a	{font:17px/1.7em 'malgun gothic'; }
#left_menu li a:hover, #left_menu li .on	{color:#000; font-weight:bold}
#sub	{float:left; padding:55px 0px 30px 57px; width:780px}
#sub .sub_title	{background:url(../img/sub_title_bar.jpg) no-repeat; padding:10px 0; font:35px/1.5em 'malgun gothic'; color:#000}
#sub .content	{padding:40px 0 0 5px}
#sub:after	{display:block; clear:both; content:""}

.content .photo{float:left;}
.content .photo .photo_name{margin-left:110px; font-size:1.1em; letter-spacing:0.5px;}
.content .photo .photo_name .name_b{color:#; font-size:1.3em; font-weight:bold;}
.content .career{float:right; margin-right:65px; margin-bottom:50px; width:400px;}
.career h3{font-size:1.4em; color:#000; font-weight:; margin-bottom:13px; line-height:1; background:url(../img/sub_name_blit01.jpg) no-repeat 0 6px; padding-left:23px; 
                 background-size:15px auto;}
.career li{font-size:0.96em; color:#636363; margin-bottom:2px;}
#mainWorks{padding:20px 0px 0px;}
#mainWorks li{float:left; width:236px; margin-bottom:60px; padding-left:20px; background:url('../img/sub_name_blit01.jpg') no-repeat 0px 10px; background-size:15px auto;
                       font-size:1.06em; letter-spacing:-0.5px;}
.mainDesk{padding:20px 0px; clear:both;}

.contract_txt{margin-top:40px;}
.contract_txt h2{color:#000; font-size:1.4em; margin-bottom:5px; padding-left:20px;  background:url('../img/sub_name_blit01.jpg') no-repeat 0px 15px; background-size:15px auto;}
.contract_txt ul{padding:25px 30px 17px; background:#f5f5f5;}
.contract_txt li{margin-bottom:12px;}
.contract_txt li .tract_b{font-weight:bold; color:#0099cd;}

.sub_add	{float:left; width:630px; margin-top:12px; letter-spacing:0.5px;}
.sub_add dt	{float:left; width:100px; color:#0f5a90; font-weight:bold; margin-top:15px}
.sub_add dd	{float:left; width:500px; margin-left:30px; margin-top:15px}

.blind	{display:none}

/* font */
.sp-1	{letter-spacing:-1px;}
.b		{font-weight:bold}
.ft_bl	{color:#0f5a90}
.ft27	{font-size:27px}