/***************************************/
/* RESET FILES */
/***************************************/
@import url(../lib/bbs.css);

@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: bold;
  src: url('../fonts/NanumGothicBold.eot'); 	
  src: local('?'), url('../fonts/NanumGothicBold.woff') format('woff'), url('../fonts/NanumGothicBold.ttf') format('truetype'); 
}
@font-face{
  font-family: 'Malgun Gothic';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/MalgunGothic.eot'); 	
  src: local('?'), url('fonts/MalgunGothic.woff') format('woff'), url('fonts/MalgunGothic.ttf') format('truetype'); 
}

@font-face{
  font-family: 'Malgun Gothic';
  font-style: normal;
  font-weight: bold;
  src: url('fonts/MalgunGothicBold.eot'); 	
  src: local('?'), url('fonts/MalgunGothicBold.woff') format('woff'), url('fonts/MalgunGothicBold.ttf') format('truetype'); 
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, time, figure, article, nav, header, footer, hgroup, video, audio, aside, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: inherit;
	vertical-align: baseline;
	font-family: Arial, Helvetica, dotum, sans-serif;
}
ol, ul, li {
	list-style: none;
}
img { border: 0; }
table {
	border-collapse: separate;
	border-spacing: 0;
}/* tables still need 'cellspacing="0"' in the markup */
caption, th, td {
	text-align: left;
	font-weight: normal;
}
a{ text-decoration:none;}

a {color:#575757; text-decoration:none;}
a:hover {color:#33ccff; text-decoration:none;}
/***************************************/
/* HEADER */
/***************************************/
.wrap {width:1000px; margin:0 auto;}
#main_header {width: 100%;float: left;height: 100px;background: #fff; position:fixed; top:0;z-index: 100;left: 0;}
#main_header #header_top {position: relative;}
#main_header #logo_top {position: absolute;left: 0;top: 29px;}
#main_header .menu_top_container {position: absolute;right: 0;top: 12px;}
#main_header .menu_top_container a {
display: inline-block;
}
#main_header .menu_top_container a.menu_top_menu {display: inline-block;margin-left:10px;}
#main_header .menu_top_container a.menu_top_menu_02 {display: inline-block;margin-left:5px;}
#header_menu {position: absolute;left: 202px;top: 42px;}
#header_menu li {float:left;}
#header_menu a {
display: block;
font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
color: #000;
font-size: 19px;
font-weight: bold;
letter-spacing: -2px;
padding: 8px 20px;
}
#header_menu a:hover {background:#e52027; color:#fff;}
#header_menu .active {background:#e52027; color:#fff;}



#header {width: 100%;float: left;height: 100px;background: #fff;z-index: 999;}
#header_top {position: relative;}
#header #logo_top {position: absolute;left: 0;top: 29px;}
#header .menu_top_container {position: absolute;right: 0;top: 12px;}
#header .menu_top_container a {
display: inline-block;
}
#header .menu_top_container a.menu_top_menu {display: inline-block;margin-left:10px;}
#header .menu_top_container a.menu_top_menu_02 {display: inline-block;margin-left:5px;}
/***************************************/
/* main */
/***************************************/
#main_container {clear: both;width: 100%;float: left;}
#main_menu_container {
position: relative;z-index: 999;
}
#main_menu_container #submenu ul {border:rgba(100, 100, 100, 0.7) 1px solid;float:left;}
#main_menu_container #submenu li {
float: left;
background: url(../images/main/main_menu_bg.png) repeat;
}
#main_menu_container #submenu li.current {
background-color: #343840;
}
#main_menu_container #submenu li a {
font-size: 15px;
display: block;
padding: 9px 18px;
color: #fff;
letter-spacing: -1px;
font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
}
#main_menu_container #submenu li.current a {font-weight:bold;}
#scrollto_content {
width: 100%;
clear: both;
float: left;
margin-top: 100px;
}
#part_01 {
background: url(../images/main/main_con01.jpg);
width: 100%;
float: left;
clear: both;
padding: 123px 0 77px 0;
}
#part_01 #part_01_inner {

background: url(../images/main/main_img01.png) 0 0 no-repeat;
height: 629px;
}
#part_01 h2 {
font-size: 40px;
font-weight: bold;
font-family: ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
color: #fff;
margin-bottom: 59px;
}
#part_01 h2 span {font-size: 40px;
font-weight: bold;
font-family: ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
color: #faff66;}
#part_01 p {
font-size: 15px;
font-family: ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
color: #fff;
margin-bottom: 21px;
line-height: 21px;
}

#part_01 .call_center {
background: #fff;
display: block;
width: 285px;
color: #0199c8;
font-weight: bold;
font-size: 21px;
text-align: center;
padding: 18px 30px;
line-height: 32px;
}
#part_01 .call_center span {font-weight: bold;
font-size: 36px;}

#part_02 {
background: url(../images/main/main_con02.jpg);
width: 100%;
float: left;
clear: both;
padding: 128px 0 26px 0;
}
#part_02 #part_02_inner {
background: url(../images/main/main_img02.png) 0 151px no-repeat;
height: 875px;
}

#part_02 h2 {
font-size: 40px;
font-weight: bold;
font-family: ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
color: #fff;
margin-bottom: 25px;
text-align: center;
}
#part_02 h2 span {font-size: 40px;
font-weight: bold;
font-family: ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
color: #ffc301;}
#part_02 p {
font-size: 17px;
font-family: ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
color: #fff;
margin-bottom: 21px;
line-height: 21px;
padding-left: 69px;
}

#part_03 {
background: url(../images/main/main_con03.jpg) top repeat-x;
padding: 120px 0 20px 0;
width: 100%;
float: left;
clear: both;
}
#part_03 #part_03_inner {
background: url(../images/main/main_img03.png) right top no-repeat;

}

#part_03 h2 {
font-size: 32px;
width: 438px;
font-weight: bold;
font-family: ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
color: #fff;
margin-bottom: 25px;
text-align: center;
line-height: 55px;
}
#part_03 h2 span {font-size: 50px;
font-weight: bold;
font-family: ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
color: #5b2b05;}
#part_03 p {
font-size: 17px;
font-family: ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
color: #fff;
margin-bottom: 21px;
line-height: 21px;
}
#part_03 .part_03_img{padding-top: 154px;}

#part_04 {
background: url(../images/main/main_con04.jpg);
padding: 125px 0 80px 0;
width: 100%;
float: left;
clear: both;
}
#part_04 #part_04_inner {
}

#part_04 h2 {
font-size: 55px;
font-weight: bold;
font-family: ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
color: #fff;
margin-bottom: 25px;
text-align: center;
}
#part_04 h2 span {font-size: 55px;
font-weight: bold;
font-family: ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
color: #134d20;}
#part_04 p {
font-size: 17px;
font-family: ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
color: #5c5c5c;
margin-bottom: 21px;
line-height: 24px;
text-align: center;
}
#part_04 .part_04_img{padding-top: 21px;}
#part_04 .btn_order{padding-top: 70px;}

#part_05 {
background:#fff;
padding: 85px 0 80px 0;
width: 100%;
float: left;
clear: both;
}
#part_05 h2 {
font-size: 30px;
margin:0 auto;
border-top:#3b3b3b 1px solid;
border-bottom:#3b3b3b 1px solid;
display: block;
font-weight: bold;
font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
color: #3b3b3b;
text-align: center;
padding: 0 0 8px 0;
width: 342px;
margin-bottom: 66px;
}
#part_05 #inquiry_con {width:950px; margin:0 auto;}
#part_05 #contactForm {position: relative;
font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
height: 500px;}
#part_05 input,
#part_05 textarea {font:14px NanumGothic, '³ª´®°íµñ', 'NanumGothicWeb', AppleGothic;}
#part_05 #contactForm .name {position:absolute;top:0;left:0;font-size:14px;border:none;display:block;padding:0 15px;width:187px;height:50px;background: #eaeaea url(../images/main/bg_name.gif) 0 0 no-repeat;}
#part_05 #contactForm .email {position:absolute;top:0;left:232px;font-size:14px;border:none;display:block;padding:0 15px;width:259px;height:50px;background: #eaeaea url(../images/main/bg_email.gif) 0 0 no-repeat;}
#part_05 #contactForm .subject {position:absolute;top:0;left:533px;font-size:14px;border:none;display:block;padding:0 15px;width:387px;height:50px;background: #eaeaea url(../images/main/bg_title.gif) 0 0 no-repeat;}

#part_05 #contactForm .name.error,#part_05 #contactForm .subject.error,
#part_05 #contactForm .email.error {border:solid 2px #ff6d0c;width:226px;height:46px;}
#part_05 #contactForm .message {position:absolute;top:65px;left:0;font-size:14px;border:none;display:block;margin:0;padding:15px;width:920px;height:240px;background: #eaeaea url(../images/main/bg_contents.gif) 0 0 no-repeat;;}
#part_05 #contactForm .error .message {border:solid 2px #ff660c;width:506px;height:246px;}
#part_05 #contactForm .button {position:absolute;top:390px;left:347px; width:254px;height:132px;z-index:1;}
#part_05 #contactForm .button input {padding-bottom:55px;position:absolute;top:0;left:0;}
#part_05 .btn_order{padding-top: 70px;text-align: center;}


/***************************************/
/* banner */
/***************************************/
#bannerzone {
width: 100%;
clear: both;
float: left;
margin-top: 50px;
margin-bottom: 50px;
}
#bannerzone #banner_title {
width: 100%;
float: left;
background: url(../images/main/clients_tit_bg.gif) 0 0 repeat-x;
text-align:center;
}
#banner_rolling {
position: relative;
float: left;
width: 100%;
margin-top: 32px;
}
#banner_rolling .comp_ul {width:1000px; margin:0;}
#banner_rolling .comp {width: 25px;
position: absolute;
top: 3px;
left: -10px;}
#banner_rolling .comp03 {width: 25px;
position: absolute;
top: 3px;
right: -10px;}
#banner_rolling .comp02 {width:940px; text-align:center; margin: 0 auto; }
/***************************************/
/* footer */
/***************************************/
#footer {
width: 100%;
clear: both;
float: left;
background: #343840 url(../images/bottom/bottom_bg.gif) top repeat-x;
padding:40px 0 50px 0;
}
#footer .bo_menu {
text-align: center;
padding-bottom: 30px;
font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
color:#fff;
font-size:14px;
}
#footer .bo_menu a {
color: #fff;
font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
display: inline-block;
padding: 0 20px;
}
#footer .copyright {
text-align: center;
color: #c2cfe8;
font-size: 12px;
font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
}

/***************************************/
/* sub */
/***************************************/
#sub_container {
clear: both;
width: 100%;
float: left;
}
#sidebar {
width: 100%;
float: left;
height: 43px;
background: url(../images/sub/submenu_bg.jpg) repeat-x;
}
#sidebar ul {
width: 1000px;
margin: auto;
}
#sidebar li {
float: left;
}
#sidebar li.current {
background: transparent url(../images/sub/sub_arr02.png) no-repeat center bottom;
}
#sidebar li a {
font-size: 13px;
line-height: 43px;
padding: 0 12px;
font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
letter-spacing:-1px;
color:#686868
}
#sidebar li a:hover {color: #FF7901;}
#sidebar li.current a {font-weight:bold;color:#000;}
#sidebar li.current a:hover {color: #FF7901;}
#sub_inner {
width: 100%;
float: left;
padding-top: 50px;
}
#sub_inner .title {
width: 100%;
float: left;
position: relative;
}
#sub_inner h2 {margin-bottom:5px;font-weight:bold;font-family: ³ª´®°íµñ, NanumGothic, ¸¼Àº°íµñ,"Malgun Gothic", µ¸¿ò, Dotum, Tahoma, sans-serif; color:#3c3c3c; font-size:30px; letter-spacing:-1px;}
#sub_inner .title_txt {
font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
color:#737373;
font-size:15px;
letter-spacing:-1px;
}
#sub_inner .location {
position: absolute;
right: 0;
top: 8px;
color: #7c7c7c;
background: url(../images/sub/icon_home.gif) 0 3px no-repeat;
padding-left: 18px;
}
#sub_con_container {
width: 100%;
float: left;
clear: both;
margin-top: 30px;
padding-bottom:50px;
}


/***************************************/
/* sub-black */
/***************************************/
#bsub_container {
clear: both;
width: 100%;
float: left;
background: #333;
}
#bsidebar {
width: 100%;
float: left;
height: 43px;
background: url(../images/sub/submenu_bg.jpg) repeat-x;
}
#bsidebar ul {
width: 1000px;
margin: auto;
}
#bsidebar li {
float: left;
}
#bsidebar li.current {
background: transparent url(../images/sub/sub_arr.png) no-repeat center bottom;
}
#bsidebar li a {
font-size: 12px;
line-height: 43px;
padding: 0 12px;
font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
letter-spacing:-1px;
color:#737373
}
#bsidebar li a:hover {color: #FF7901;}
#bsidebar li.current a {font-weight:bold;color:#000;}
#bsidebar li.current a:hover {color: #FF7901;}
#bsub_inner {
width: 100%;
float: left;
padding-top: 50px;
}
#bsub_inner .title {
width: 100%;
float: left;
position: relative;
}
#bsub_inner h2 {margin-bottom:5px;font-weight:bold;font-family: ³ª´®°íµñ, NanumGothic, ¸¼Àº°íµñ,"Malgun Gothic", µ¸¿ò, Dotum, Tahoma, sans-serif; color:#fff; font-size:30px; letter-spacing:-1px;}
#bsub_inner .title_txt {
font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
color:#cdcdcd;
font-size:15px;
letter-spacing:-1px;
}
#bsub_inner .location {
position: absolute;
right: 0;
top: 8px;
color: #cdcdcd;
background: url(../images/sub/icon_home.gif) 0 3px no-repeat;
padding-left: 18px;
}
#bsub_con_container {
width: 100%;
float: left;
clear: both;
margin-top: 30px;
padding-bottom:50px;
}

/***************************************/
/* site */
/***************************************/

.site_category {border:#545454 1px solid; background:#222;}
.site_category td {padding:15px;}
.site_category_in td {padding:5px;}


/***************************************/
/* site-02 */
/***************************************/

#making_home {
width: 100%;
clear: both;
float: left;
}
#making_home #making_part01 {
background: url(../images/site/making_top_bg.jpg) right no-repeat;
width: 100%;
height: 232px;
float: left;
}
#making_home #making_part02 {
clear: both;
float: left;
width: 100%;
}
#making_home h3 {
background: url(../images/sub/tit_icon.png) 1px 9px no-repeat;
padding-left: 20px;
font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
font-weight:bold;
font-size:20px;
letter-spacing: -2px;
}
#making_home #making_part01 p{
font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
font-size:13px;
letter-spacing: -1px;
padding:25px 20px;
line-height: 21px;
}
#making_home .part_sbox {
border: #dcdcdc 1px solid;
width: 100%;
float: left;
clear: both;
}
#making_home .part_sbox h4 {
font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
font-weight: bold;
font-size: 18px;
color: #0a71bc;
letter-spacing: -1px;
margin: 22px 30px;
}
#making_home #making_part02 p{
font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
font-size:13px;
letter-spacing: -1px;
padding: 0 29px 25px 29px;
line-height: 21px;
}
#making_home .making_arr {
clear: both;
margin: 0 auto;
background: url(../images/site/making_arrow.gif) top no-repeat;
height: 30px;
width: 33px;
}

/***************************************/
/* site-03 */
/***************************************/


#homepage_case {
width: 100%;
clear: both;
float: left;
margin-bottom:30px;
}
#homepage_case .homepage_tb  {border-collapse: collapse; line-height:16px;width:100%;}
#homepage_case .homepage_tb th {background:url(../images/site/list_icon.gif) 0 11px no-repeat; color: #444444; font-weight: bold; text-align:left; font-size:13px; padding:3px 3px 3px 10px;border-bottom: 1px dotted #dcdcdc;font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;}
#homepage_case .homepage_tb td {color: #686868; font-weight: normal; vertical-align: top; padding:3px 3px 3px 10px; font-size:12px;  text-align: left;  border-bottom: 1px dotted #dcdcdc; font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;}

#homepage_case .homepage_img {
width:461px;
vertical-align:top;
background: url(../images/site/hoempage_bg.gif) top no-repeat;
}
#homepage_case .homepage_img img {margin-left:56px;}
hoempage_case_portfolio {width: 100%;
clear: both;
float: left;}

#hoempage_case_portfolio .homepage_tb02  {border-collapse: collapse; line-height:16px;width:100%; border-top:#bbbbbb 2px solid;}
#hoempage_case_portfolio .homepage_tb02 th {background:url(../images/site/home_port_bg.gif) top repeat-x; color: #444444; font-weight: bold; text-align:left; font-size:15px;padding: 9px 10px;  border-bottom: 1px dotted #bbbbbb;font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;}
#hoempage_case_portfolio .homepage_tb02 th span {
font-size: 12px;
font-weight: normal;
}
#hoempage_case_portfolio .homepage_tb02 td {color: #686868; font-weight: normal; vertical-align: top; padding:3px 3px 3px 10px; font-size:12px;  text-align: left;  font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;}

/***************************************/
/* site-07 */
/***************************************/

#homepage_solution {
clear: both;
width: 100%;
float: left;
}
#homepage_solution h3 {font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
font-weight: bold;
font-size: 23px;
color: #0a71bc;
letter-spacing: -1px;
margin: 20px 24px;}

#homepage_solution p{
font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
font-size:13px;
letter-spacing: -1px;
padding: 0 24px 25px 24px;
line-height: 21px;
}

#homepage_solution .sol_part01 {
border: #dcdcdc 1px solid;
width: 100%;
clear: both;
float: left;
margin-bottom: 30px;
background: url(../images/site/homepage_no_01.gif) 942px 0px no-repeat;
}

#homepage_solution .box {
padding: 0 24px 24px 24px;
}

#homepage_solution .box table  {border-collapse: collapse; line-height:16px;width:100%;}
#homepage_solution .box table td {background:#eeeeee; padding:5px; font-size:12px;  text-align: left; width:25%;text-align:center;}
#homepage_solution .box table td img {
width: 200px;
border: #ccc 2px solid;
}

#homepage_solution .sol_part02 {
border: #dcdcdc 1px solid;
width: 100%;
clear: both;
float: left;
margin-bottom: 30px;
background: url(../images/site/homepage_no_02.gif) 942px 0px no-repeat;
}


#homepage_solution .sol_part03 {
border: #dcdcdc 1px solid;
width: 100%;
clear: both;
float: left;
margin-bottom: 30px;
background: url(../images/site/homepage_no_03.gif) 942px 0px no-repeat;
}

#homepage_solution .sol_part04 {
border: #dcdcdc 1px solid;
width: 100%;
clear: both;
float: left;
margin-bottom: 30px;
background: url(../images/site/homepage_no_04.gif) 942px 0px no-repeat;
}
#homepage_solution .sol_part05 {
border: #dcdcdc 1px solid;
width: 100%;
clear: both;
float: left;
margin-bottom: 30px;
background: url(../images/site/homepage_no_05.gif) 942px 0px no-repeat;
}

/***************************************/
/* site-08 */
/***************************************/
#option_page {
clear: both;
width: 100%;
float: left;
}
#option_page table  {border-collapse: collapse; border-top: 1px solid #c3d9e1; line-height:20px; border-left: 1px solid #c3d9e1;}
#option_page table th {background: #e7f0f8; color: #444444; font-weight: bold; text-align:center; font-size:12px; vertical-align: middle; padding:5px;border-bottom: 1px solid #c3d9e1;border-right: 1px solid #c3d9e1;font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;}
#option_page table td {color: #444444; font-weight: normal; vertical-align: middle; padding:5px ; font-size:12px;  text-align: left;  border-bottom: 1px solid #c3d9e1;border-right: 1px solid #c3d9e1; font-family: NanumGothic; }
#option_page table td.left {text-align: left;}
#option_page table td.center {text-align: center;}
#option_page table td.right {text-align: right;}

/***************************************/
/* site-08 */
/***************************************/



#resonsive02_01 {width: 100%;clear: both;float: left;position: relative;}
#resonsive02_02 {width: 100%;clear: both;float: left;position: relative;}
#resonsive02_03 {width: 100%;clear: both;float: left;position: relative;}
#resonsive02_04 {width: 100%;clear: both;float: left;position: relative;}
#resonsive02_05 {width: 100%;clear: both;float: left;position: relative;}
#resonsive02_06 {width: 100%;clear: both;float: left;position: relative; padding-bottom:30px;}

#resonsive02_01 p {padding-bottom: 40px;text-align: center;}
#resonsive02_02 .ressive02_img01 {width: 500px;float: left;margin-right: 20px;}
#resonsive02_02 .ressive02_con01 {float: left;width: 479px;}
#resonsive02_02 .ressive02_con01 p{padding:10px 0;font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;font-size:13px;line-height:20px;}
#resonsive02_03 h3 {margin-bottom: 15px;text-align: left;}
#resonsive02_03 p {padding-left:10px; font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;font-size:13px;line-height:20px;text-align: left;}
#resonsive02_04 .ressive02_con02 {float: left;width: 540px;margin-right: 10px;}
#resonsive02_04 .ressive02_con02 h3 {margin-bottom: 15px;text-align: left;}
#resonsive02_04 .ressive02_con02 h4 {margin-bottom: 10px;text-align: left;}
#resonsive02_04 .ressive02_con02 p {padding-left:19px; padding-bottom: 27px;text-align: left;color:#0000FF; font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;font-size:13px;line-height:20px;}
#resonsive02_04 .ressive02_img02 {float: right;width: 357px;}
#resonsive02_05 h3 {margin-bottom: 15px;text-align: left;}
#resonsive02_05 p {padding-left:10px; text-align: left;}
#resonsive02_06 .resonsive02_06_txt {float: left;width: 717px;margin-right: 30px;font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;font-size:13px;line-height:20px; padding-left:10px;}
.res_title_01 {width:328px; float:left; padding:29px 0 20px 0;}
.res_menu {float:right; padding:45px 0 0 0;}
.res_menu a {display: inline-block;margin-left: 3px;}
.res_con_line {clear: both;padding: 30px 0;margin:0 auto;}




/***************************************/
/* wordpress */
/***************************************/

#wordpress_page{
clear: both;
width: 100%;
float: left;
}
#wordpress_page .top_img{
    margin-bottom: 30px;
}
#wordpress_page h3 {font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
font-weight: bold;
font-size: 23px;
color: #cc0000;
letter-spacing: -1px;
margin: 20px 0px;}
#wordpress_page p{
    margin-bottom: 44px;
    font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;font-size:13px;line-height:20px;
    margin-left: 5px;
}
#wordpress_page p strong{
    color: #167db3;
    text-decoration: underline;
	font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;font-size:13px;line-height:20px;
    font-weight: bold; 
}
#wordpress_page p span{
    font-weight: bold;
	font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;font-size:13px;line-height:20px;
}
#wordpress_page dl{
    margin-left: 5px;
    float: left;
    width: 80%;
    padding-top: 20px;
    height: 100px;
    padding-right: 20px;
}
#wordpress_page dl dt{
    font-size: 18px;
    color: #003652;
    font-weight: bold;
    margin: 0;
    padding-top: 0;
    padding-bottom: 7px;
    font-family: NanumGothic;
}
#wordpress_page dl dt strong{
    text-decoration: underline;
    color: #f04744;
	 font-family: NanumGothic;
	  font-size: 18px;
}
#wordpress_page dl dt span{
    background: url(../images/wordpress/num_bg.gif) center top no-repeat;
    width: 35px;
    display: inline-block;
    color: #fdf407;
    text-align: center;
    margin-right: 8px;
    margin-bottom: 0;
    line-height: 35px;
    height: 35px;
    font-family: arial;
}
#wordpress_page dl dd{
    margin: 0;
    margin-left: 44px;
    padding: 0;
	font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;font-size:13px;line-height:20px;
}
#wordpress_page dl dd span {color:red; font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;font-size:13px;line-height:20px;}
#wordpress_page .list_style1{
    width: 100%;
    float: left;
}
#wordpress_page .list_style1 li{
    float: left;
    width: 25%;
    text-align: center;
    margin-bottom: 30px;
}
#wordpress_page .list_style1 li p{
    margin-bottom: 22px;
}
#wordpress_page .list_style1 li span{
    color: #177eb5;
    font-weight: bold;
}
#wordpress_page .list_style1 li img{
    border: 1px solid #d0cece;
}
.submit_btn{
    clear: both;
    padding-top: 30px;
    padding-left: 50px;
    border-top: 1px solid #cdcdcd;
}
.table_style1{
    padding-bottom: 30px;
}
.table_style1 table{
    width: 100%;
    
}
.table_style1 table th{
    background: #003652;
    color: #fff;
    font-size: 15px;
    border-right: 1px solid #cdcdcd;
    border-top: 1px solid #CDCDCD;
    border-bottom: 1px solid #CDCDCD;
    padding: 10px;
    text-align: center;
}
.table_style1 table td{border-right: 1px solid #cdcdcd;

    border-bottom: 1px solid #CDCDCD;padding: 10px 5px;text-align: center;}
.table_style1 table td.first{ border-left: 1px solid #cdcdcd; text-align: center; background: #98cdec; font-size: 12px; font-weight: bold; border-bottom-color: #fff; color: #1a3749;}


/***************************************/
/* mobile */
/***************************************/

#mobile_page {
clear: both;
width: 100%;
float: left;
}
#mobile_page .mobile_part01 {
clear: both;
width: 100%;
float: left;
margin-bottom:30px;
}
#mobile_page .mobile_part02 {
clear: both;
width: 100%;
float: left;
background: url(../images/mobile/mobile_img.jpg) 829px 45px no-repeat;
}

#mobile_page h3 {font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;
font-weight: bold;
font-size: 23px;
color: #00000;
letter-spacing: -1px;
margin: 20px 0px;}
#mobile_page p{padding:0 220px 0 0;font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;font-size:13px;line-height:20px;}

#mobile_page li{font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;font-size:13px;line-height:20px;}
#mobile_page .no01 {background: url(../images/mobile/no_01.gif) 0 4px no-repeat; padding-left:20px;}
#mobile_page .no02 {background: url(../images/mobile/no_02.gif) 0 4px no-repeat; padding-left:20px;}
#mobile_page .no03 {background: url(../images/mobile/no_03.gif) 0 4px no-repeat; padding-left:20px;}
#mobile_page .no04 {background: url(../images/mobile/no_04.gif) 0 4px no-repeat; padding-left:20px;}
#mobile_page .no05 {background: url(../images/mobile/no_05.gif) 0 4px no-repeat; padding-left:20px;}
#mobile_page .no06 {background: url(../images/mobile/no_06.gif) 0 4px no-repeat; padding-left:20px;}
#mobile_page .no07 {background: url(../images/mobile/no_07.gif) 0 4px no-repeat; padding-left:20px;}

/***************************************/
/* shop */
/***************************************/
#shop_page {
clear: both;
width: 100%;
float: left;
}
#shop_page table  {border-collapse: collapse; border-top: 1px solid #c3d9e1; line-height:20px; border-left: 1px solid #c3d9e1;}
#shop_page table th {width:15%;background: #d3e5f4; color: #444444; font-weight: bold; text-align:center; font-size:12px; vertical-align: middle; padding:5px;border-bottom: 1px solid #c3d9e1;border-right: 1px solid #c3d9e1;font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;}
#shop_page table td {color: #444444; font-weight: normal; vertical-align: middle; padding:5px ; font-size:12px;  text-align: left;  border-bottom: 1px solid #c3d9e1;border-right: 1px solid #c3d9e1; font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif; }
#shop_page table td.first {width:15%;background: #e7f0f8; color: #444444; font-weight: bold; text-align:center; font-size:12px; vertical-align: middle; padding:5px;border-bottom: 1px solid #c3d9e1;border-right: 1px solid #c3d9e1;font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;}
#shop_page table td strong {font-weight: bold; font-size:12px;  text-align: left; font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;}
#shop_page table td.right {text-align: right;}


#shop_page .shop_tb  {border-collapse: collapse; border-top: 1px solid #c3d9e1; line-height:20px; border-left: 1px solid #c3d9e1;}
#shop_page .shop_tb th {width:50%;background: #d3e5f4; color: #444444; font-weight: bold; text-align:center; font-size:12px; vertical-align: middle; padding:5px;border-bottom: 1px solid #c3d9e1;border-right: 1px solid #c3d9e1;font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;}
#shop_page .shop_tb td {color: #444444; font-weight: normal; vertical-align: middle; padding:5px ; font-size:12px;  text-align: left;  border-bottom: 1px solid #c3d9e1;border-right: 1px solid #c3d9e1; font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif; }
#shop_page .shop_tb td strong {font-weight: bold; font-size:12px;  text-align: left; font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;}

/***************************************/
/* member */
/***************************************/

#member_page {
clear: both;
width: 100%;
float: left;
}
/*assign*/
.member_table {width:100%;}
.member_td {text-align:center;}
.member_td02 {padding:30px 0 0 30px;}
.assign_table {width:100%; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;}
.agreement_td {padding:10px 10px 10px 10px; font-size:12px;  text-align: left; font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;line-height:18px;}
.text_input {border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8;FONT-SIZE: 12px; FONT-FAMILY: "µ¸¿ò"; width:152px; height:18px;}
.text_input02 {border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8;FONT-SIZE: 12px; FONT-FAMILY: "µ¸¿ò"; width:68px; height:18px;}
.text_input03 {border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8;FONT-SIZE: 12px; FONT-FAMILY: "µ¸¿ò"; width:68px; height:18px;}


.info_table {width:100%; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc;border-right:1px solid #cccccc;}
.info_th {width:20%; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; text-align:right; font-weight:bold; background-color:#f7f7f7; padding:3px 6px 3px 3px;}
.info_th02 {width:20%; border-right:1px solid #cccccc; text-align:right; font-weight:bold; color:#333333; background-color:#f7f7f7; padding:3px 6px 3px 3px;}
.info_td {border-bottom:1px solid #cccccc; text-align:left; padding:3px 3px 3px 6px;}
.info_td02 {text-align:left; padding:3px 3px 3px 6px;}
.info_input {hieght:20px; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8;FONT-SIZE: 12px; FONT-FAMILY: "µ¸¿ò";}

/***************************************/
/* company */
/***************************************/

#company_page {
clear: both;
width: 100%;
float: left;
background: url(../images/company/company_bg.gif) 0 0 no-repeat;
}

#company_page .company_in {
padding: 178px 0 0 277px;
}
#company_page .company_txt {font-size:12px;  text-align: left; font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;line-height:18px;}

#company_page .company_txt strong {font-weight:bold;text-decoration:underline;font-size:12px;  text-align: left; font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;line-height:18px;}
#map_page {
clear: both;
width: 100%;
float: left;
}
#map_page iframe {border:1px solid #eee; padding: 5px;}
#map_info {
	border-top: 2px solid #ff6600;
	margin: 30px 0px;
}

#map_info th {
	width: 80px;
	padding: 10px;
	text-align: center;
	border-bottom: 1px dotted #ccc;
	background:#eee;
}

#map_info td {
	padding: 10px;
	text-align: left;
	border-bottom: 1px dotted #ccc;
}


/***************************************/
/* sitemap */
/***************************************/

#sitemap {
clear: both;
width: 100%;
float: left;
}
#sitemap table  {border-collapse: collapse; line-height:20px;}
#sitemap table th {width:23%;background: #579ae7; color: #444444; font-weight: bold; text-align:center; font-size:15px; vertical-align: middle; padding:6px;border: 1px solid #2d80de;color:#ffffff;font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif;}
#sitemap table td.sitemap_td {font-weight: normal; padding:6px 10px ; vertical-align:top;}
#sitemap table td.sitemap_td a {color: #444444; font-weight: normal; font-size:13px;  text-align: left;  font-family: ¸¼Àº°íµñ,"Malgun Gothic", ³ª´®°íµñ, NanumGothic, µ¸¿ò, Dotum, Tahoma, sans-serif; }