/**@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);**/
/**@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);**/

/*폰트*/
/* nanum-gothic-regular - korean_latin */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('/korea/include/WebFont/NanumGothic/nanum-gothic-v16-korean_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(※),
       url('/korea/include/WebFont/NanumGothic/nanum-gothic-v16-korean_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/korea/include/WebFont/NanumGothic/nanum-gothic-v16-korean_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/korea/include/WebFont/NanumGothic/nanum-gothic-v16-korean_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/korea/include/WebFont/NanumGothic/nanum-gothic-v16-korean_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/korea/include/WebFont/NanumGothic/nanum-gothic-v16-korean_latin-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}

/** HTML5 TAG 들을 지원하지 않는 브라우져에서 지원하는 것 처럼 하기 위한 TAG ***********/
address, article, aside, figure, figcaption, details, footer, header, hgroup, menu, nav, section, summary {display:block;}
/***************************************************************************************/


/****************************** 공통적인 스타일 적용 시작 ******************************/
html { overflow-y:scroll; }
body { margin: 0; padding: 0; font-family: 'Nanum Gothic', serif; monospace; font-size: 12px; color: #7f7e7e; overflow-y: auto; }

A:link			{ color: #7f7e7e; text-decoration:none; }
A:visited		{ color: #7f7e7e; text-decoration:none; }
A:hover			{ color: #7f7e7e; text-decoration:none; }

ul { margin:0; padding:0; list-style: none; }

header { border: 0px solid #FF0000; width: 1000px; margin: 0 auto; }

/*  hidden
상단메뉴 메인메뉴 배경 바꿀때 nav {  } 안에서 Background: #000000; 부분 변경
상단메뉴 서브메뉴 배경 바꿀때 #SubMenu {  } 안에서 Background: #000000; 부분 변경
 */

nav { border-bottom: 2px solid #d6d6d6; width: 100%; margin: 0 auto; background: #f58220; }

article { width: 1000px; margin: 0 auto; padding: 40px 0px 20px 0px; overflow: hidden; }
footer { border-top: 1px solid #cccccc; width: 100%; }

table { border-collapse:collapse; border-spacing:0;  }
/****************************** 공통적인 스타일 적용 끝 *******************************/


/****************************** 상단메뉴 스타일 적용 시작 *******************************/
header ul { overflow: hidden; font-weight: bold; font-size: 12px; font-family:Arial, Helvetica, sans-serif}
header ul.TopLogoArea li { position: static; float: left; height: 50px;}
header ul.TopLogoArea li.TopMenu A:link {color: #777474; }
header ul.TopLogoArea li.TopMenu A:visited { color: #77747; }
header ul.TopLogoArea li.TopMenu A:hover { color: #f58220; font-weight:bold }
header ul.TopLogoArea li.TopMenu01 { float: right; height: 10px; margin-top: 35px; padding-right: 5px; font-size: 10px; border-right: 1px }
header ul.TopLogoArea li.TopMenu02 { float: right; height: 10px; margin-top: 35px; padding-left: 5px; padding-right: 5px; font-size: 10px; border-right: 1px }
header ul.TopLogoArea li.TopMenu03 { float: right; height: 10px; margin-top: 35px; padding-left: 5px; font-size: 10px; }


#TopMenu { width: 1000px; margin:0 auto;overflow: hidden; color: #ffffff; height: 32px; }
#TopMenu ul { position:relative; margin:0 auto; }
#TopMenu ul li { float: right; }
#TopMenu ul li ul { position:relative; }
#TopMenu ul li ul li { float: left; font-size: 13px; }
#TopMenu ul li ul li A { color: #ffffff; }
#TopMenu ul li ul li.Topmenu01 { padding: 5px 45px 5px 20px; }
#TopMenu ul li ul li.Topmenu02 { padding: 5px 25px 5px 20px; }
#TopMenu ul li ul li.Topmenu03 { padding: 5px 25px 5px 20px; }
#TopMenu ul li ul li.Topmenu04 { padding: 5px 60px 5px 20px; }
#TopMenu ul li ul li.Topmenu05 { padding: 5px 25px 5px 20px; }
#TopMenu ul li ul li.Topmenu06 { padding: 5px 45px 5px 20px; }

/*  hidden
상단메뉴 메인메뉴 배경 바꿀때 nav {  } 안에서 Background: #000000; 부분 변경
상단메뉴 서브메뉴 배경 바꿀때 #SubMenu {  } 안에서 Background: #000000; 부분 변경
 */



#SubMenu { position: absolute; top: 75px; width: 100%; margin:0 auto; color: #ffffff; z-index: 1000; background: #f58220; border-bottom: 2px solid #d6d6d6; display: none; }
#SubMenu .SubMenuin { width: 1000px; margin:0 auto; }
#SubMenu .SubMenuin ul { position:relative; }
#SubMenu .SubMenuin ul li { float: right; }
#SubMenu .SubMenuin ul li ul { position:relative; }
/*#SubMenu .SubMenuin ul li ul li { float: left; padding: 5px 15px 5px 20px; font-size: 13px; } */
#SubMenu .SubMenuin ul li ul li { float: left; font-size: 13px; }
#SubMenu .SubMenuin ul li ul li ul { position:relative; margin-top: 5px; }
#SubMenu .SubMenuin ul li ul li ul li { clear: both; }
#SubMenu .SubMenuin ul li ul li ul li A { color: #ffffff; }
#SubMenu .SubMenuin ul li ul li ul li.SubMenuin01 { padding: 5px 30px 5px 20px; }
#SubMenu .SubMenuin ul li ul li ul li.SubMenuin02 { padding: 5px 28px 5px 20px; }
#SubMenu .SubMenuin ul li ul li ul li.SubMenuin03 { padding: 5px 40px 5px 20px; }
#SubMenu .SubMenuin ul li ul li ul li.SubMenuin04 { padding: 5px 20px 5px 20px; }
#SubMenu .SubMenuin ul li ul li ul li.SubMenuin05 { padding: 5px 45px 5px 20px; }
#SubMenu .SubMenuin ul li ul li ul li.SubMenuin06 { padding: 5px 20px 5px 20px; }

/******************************* 상단메뉴 스타일 적용 끝 ********************************/


/****************************** 메인메뉴 스타일 적용 시작 *******************************/
#MainArea { width: 100%; overflow: visible; }
#MainArea ul li { position: relative; float: left; }
#MainArea ul li.banner { width: 1000px; }
#MainArea ul li.LeftMain01 { clear: both; width: 200px; border: 1px solid #e6e2d7; padding: 10px; }
#MainArea ul li.LeftMain01 ul li { clear: both; width: 200px; padding-top: 15px; }
#MainArea ul li.LeftMain01 ul li.Title { padding-top: 0px; font-size: 15px; }
#MainArea ul li.CenterMain01 { width: 530px; margin-left: 24px; }
#MainArea ul li.CenterMain01 ul li { padding-top: 15px; }
#MainArea ul li.CenterMain01 ul li.Title { padding-top: 11px; font-size: 16px; }
#MainArea ul li.CenterMain01 ul li.Regist { float: right; padding-top: 11px; padding-right: 8px; }
#MainArea ul li.CenterMain01 ul li.Content { clear: both; width: 530px; }
#MainArea ul li.CenterMain01 ul li.Content01 { clear: both; padding-top: 25px; }
#MainArea ul li.RightMain01 { width: 200px;  margin-left: 24px; }
#MainArea ul li.RightMain01 ul li.Title { padding-left: 10px; padding-top: 11px; padding-bottom: 5px; font-size: 15px; }
#MainArea ul li.RightMain01 ul li.LinkGo { float: right; padding-bottom: 5px; padding-top: 11px; }
#MainArea ul li.RightMain01 ul li.RightArea { clear: both; width: 178px; border: 1px solid #e6e2d7; padding: 10px; }
#MainArea ul li.RightMain01 ul li.RightArea  ul li.Title01 { font-size: 14px; width: 178px; }
#MainArea ul li.RightMain01 ul li.RightArea  ul li.Contents { clear: both; float: left; width: 123px; height: 40px; border-bottom: 1px solid #e6e2d7; padding: 10px 0px 0px 5px; line-height: 18px; }
#MainArea ul li.RightMain01 ul li.RightArea  ul li.Contents_icon { width: 45px; height: 40px; border-bottom: 1px solid #e6e2d7; padding: 5px 0px 5px 5px; }
#MainArea ul li.RightMain01 ul li.RightArea  ul li.Title02 { clear: both; font-size: 14px; width: 173px; padding: 10px 0px 0px 5px; }
#MainArea ul li.RightMain01 ul li.RightArea  ul li.Contents02 { clear: both; float: left; width: 123px; padding: 10px 0px 0px 5px; }
#MainArea ul li.RightMain01 ul li.RightArea  ul li.Contents02_icon { width: 50px; }
#MainArea ul li.RightMain01 ul li.RightArea  ul li.Title03 { clear: both; font-size: 14px; width: 178px; padding: 0px 0px 0px 5px; }

#MainArea ul li.LeftMain02 { clear: both; width: 200px; border: 1px solid #e6e2d7; padding: 10px; margin-top: -83px; }
#MainArea ul li.LeftMain02 ul li { clear: both; width: 200px; padding-top: 15px; }
#MainArea ul li.LeftMain02 ul li.Title { padding-top: 0px; font-size: 15px; }

#MainArea ul li.CenterMain02 { width: 530px; margin-left: 24px; margin-top: 10px; }
#MainArea ul li.CenterMain02 .CenterMain02_Top { padding: 10px 0px 5px 0px; border-bottom: 1px solid #e6e2d7; overflow: hidden; }
#MainArea ul li.CenterMain02 .CenterMain02_Top ul li { float: left; }
#MainArea ul li.CenterMain02 .CenterMain02_Top ul li.Title { font-size: 14px; color: #000000; padding-left: 10px; }
#MainArea ul li.CenterMain02 .CenterMain02_Top ul li.Right { float: right; }
#MainArea ul li.CenterMain02 .CenterMain02_bottom { padding: 10px; }
#MainArea ul li.CenterMain02 .CenterMain02_bottom ul li { float: left; position: relative; }
#MainArea ul li.CenterMain02 .CenterMain02_bottom ul li.MainImg { width: 240px; text-align: center; }
#MainArea ul li.CenterMain02 .CenterMain02_bottom ul li.MainList { padding: 10px 0px 0px 0px; line-height: 18px; }

#MainArea ul li.RightMain02 { width: 200px;  margin-left: 24px; margin-top: -2px; }
#MainArea ul li.RightMain02 ul li.Title { width: 90px; padding-left: 10px; padding-top: 11px; padding-bottom: 5px; font-size: 15px; border-bottom: 3px solid #52b8d1; }
#MainArea ul li.RightMain02 ul li.Title02 { width: 100px; padding-top: 11px; padding-bottom: 5px; font-size: 15px; border-bottom: 3px solid #e6e2d7; }
#MainArea ul li.RightMain02 ul li.Contents { width: 180px; font-size: 14px; padding: 20px 0px 20px 20px; background: #e6e2d7; line-height: 25px; }



/*e6e2d7
#main_area_banner { width: 100%; height: 280px; }
#main_area_banner ul li { position: relative; float: left; }
#main_area_banner ul li.main_area_banner_left { width: 750px; }
#main_area_banner ul li.main_area_banner_right { width: 233px; padding: 5px; }
#main_area_in_gongji { width: 100%; height: 250px; padding: 5px; overflow: hidden; border: 1px solid #000000; border-radius: 5px; }
#main_area_in_gongji ul { padding-left: 5px; }
#main_area_in_gongji ul li { clear: both; }
#main_area_in_gongji ul li.title {  }

#main_area { width: 100%; overflow: hidden; padding-bottom: 10px;}
#main_area ul li { position: relative; float: left; }
#main_area ul li.main_left { width: 200px; }
#main_area ul li.main_contents { width: 800px; overflow: hidden; }

/* 슬라이드 메뉴 관련 시작 *
#slides { display: none; }
#slides .slidesjs-navigation { margin-top:3px; }
#slides .slidesjs-previous { margin-right: 5px; float: left; display: none; }
#slides .slidesjs-next { margin-right: 5px; float: left; display: none; }
.slidesjs-pagination { margin: 6px 0 0; float: right; list-style: none; }
.slidesjs-pagination li { float: left; margin: 0 1px; }
.slidesjs-pagination li a { display: block; width: 13px; height: 0; padding-top: 13px; background-image: url(/include/javascripts/Slides-SlidesJS-3/standard/img/pagination.png); background-position: 0 0; float: left; overflow: hidden; }
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -13px }
.slidesjs-pagination li a:hover { background-position: 0 -26px }
#slides a:link, #slides a:visited { color: #333 }
#slides a:hover, #slides a:active { color: #9e2020 }
.navbar { overflow: hidden; }
/* 슬라이드 메뉴 관련 끝 */


/******************************* 메인메뉴 스타일 적용 끝 ********************************/


/****************************** 하단메뉴 스타일 적용 시작 *******************************/
#SiteMap { padding: 70px 0px 0px 0px; width: 1000px; magin:0; auto; overflow: visible; clear: both; }
#SiteMap ul li { float: left; width: 166px;  word-spacing:0; }
#SiteMap ul li.Title { padding: 10px 0px 0px 0px; color:#252525; }
#SiteMap ul li ul li { clear: both; padding: 3px 0px 0px 0px; }
#SiteMap ul li ul li.SubTop { padding: 15px 0px 0px 0px; }

#SiteInfo { width: 1000px; margin:0 auto; overflow: visible; clear: both; }
#SiteInfo .SubMenuin ul { position:relative; }
#SiteInfo ul li { position:relative; float: left; padding-top: 15px; }
#SiteInfo ul li.SiteInfoLeft { width: 145px; text-align: center; }
#SiteInfo ul li.SiteInfoCenter { width: 700px; padding-bottom: 10px; }
#SiteInfo ul li.SiteInfoCenter ul li { clear: both; padding: 0px; }
#SiteInfo ul li.SiteInfoRight { float: right; }
/******************************* 하단메뉴 스타일 적용 끝 ********************************/


/******************************* 회원가입 스타일 적용 시작 y******************************
#main_area ul li.main_contents ul { position: relative; padding-top: 10px; }
#main_area ul li.main_contents ul li { float: left; }
#main_area ul li.main_contents ul li.mem_title { clear:both; height: 30px; }
#main_area ul li.main_contents ul li.mem_info { clear:both; width: 100%; text-align: center; margin-top: 20px; margin-bottom: 20px; }
#main_area ul li.main_contents ul li.mem_clausal_area { clear:both; width: 95%; }
#clausal_01 { width: 100%; height: 200px; }
#clausal_02 { width: 100%; height: 200px; }
#main_area ul li.main_contents ul li.mem_clausal_chk { clear:both; width: 95%; height: 35px; padding: 5px; text-align: right;}
#main_area ul li.main_contents ul li.mem_clausal_ok { clear:both; width: 95%; height: 35px; padding: 5px; text-align: center;}
#main_area ul li.main_contents ul li.mem_cell_01 { clear:both; width: 120px;; height: 35px; padding-right: 3px; text-align: right;}

#main_area ul li.main_contents ul li.join_ok { clear:both; width: 90%; text-align: center; margin-bottom: 100px;}

#main_area ul li.main_contents ul.mem_find li { clear:both; }

#main_area ul li.main_left ul li { float: left; width: 100%; }
#main_area ul li.main_left ul li.mem_left_menu_area { clear:both; padding-top: 10px; padding-left: 30px; }
/******************************* 회원가입 스타일 적용 끝 ********************************/



/******************************* 회사소개 스타일 적용 시작 ********************************/
#CompanyArea { width: 100%; overflow: visible; }
#CompanyArea ul li { position: relative; float: left; }
#CompanyArea ul li.SubLeft { width: 190px; }
#CompanyArea ul li.SubLeft ul li { clear: both; position: relative; width: 190px; color: #555555; font-size: 18px; }
#CompanyArea ul li.SubLeft ul li A:link { color: #555555; }
#CompanyArea ul li.SubLeft ul li A:visited { color: #555555; }
#CompanyArea ul li.SubLeft ul li A:hover { color: #f58220; font-weight:bold }
#CompanyArea ul li.SubLeft ul li.SubMenuTitle { color: #231f20; font-size: 25px; padding-bottom: 30px; padding-top: 5px; }
#CompanyArea ul li.SubLeft ul li.SubMenu { padding: 10px 0px 10px 0px; }
#CompanyArea ul li.SubLeft ul li.SubMenu01 { width: 174px; margin-top: 30px; padding: 8px; border: 1px solid #d9dadc; }
#CompanyArea ul li.SubLeft ul li.SubMenu01 .Font01 { font-size: 14px; }
#CompanyArea ul li.SubLeft ul li.SubMenu01 .Font02 { magin-left:1; font-size: 11px; color: #acb1ba; }
#CompanyArea ul li.SubLeft ul li.SubMenu01 .FontNum { font-size: 19px ; color: #f7831e; }
#CompanyArea ul li.SubLeft ul li.SubMenu02 { padding: 10px 0px 0px 0px; }

#CompanyArea ul li.SubMain { margin-left: 35px; width: 775px; }
#CompanyArea ul li.SubMain ul li { position: relative; float: left; width: 775px; }
#CompanyArea ul li.SubMain ul li.SubMainTop { border-bottom: 1px solid #d4d4d4; padding-top: 5px; }
#CompanyArea ul li.SubMain ul li.SubMainTop ul li { position: relative; height: 32px; }
#CompanyArea ul li.SubMain ul li.SubMainTop ul li.SubTitle { float: left; width: 150px; color:#3c3939; font-size: 20px; padding: 0px 0px 0px 10px; }
#CompanyArea ul li.SubMain ul li.SubMainTop ul li.SubPath { float: right; width: 250px; text-align: right; text-valign:bottom ; }

#CompanyArea ul li.SubMain ul li.Contents02-1 { padding: 35px 0px 0px 0px; line-height: 23px; letter-spacing:-1px; }
#CompanyArea ul li.SubMain ul li.Contents02-1 .ContentTop01 { padding: 0px 0px 0px 10px; color: #555555; font-size: 25px;}
#CompanyArea ul li.SubMain ul li.Contents02-1 .ContentTop02 { padding: 0px 0px 0px  0px; color: #555555; font-size: 20px; font-weight:600;}
#CompanyArea ul li.SubMain ul li.Contents02-1 .ContentTop03 { padding: 0px 0px 0px 10px; color: #f56620; font-size: 25px; }
#CompanyArea ul li.SubMain ul li.Contents02-1 .ContentTop04 { padding: 0px 0px 0px 10px; color: #555555; font-size: 17px; }
#CompanyArea ul li.SubMain ul li.Contents02-1 .ContentTop05 { padding: 50px 0px 0px 10px; color: #161515; font-size: 17px; }
#CompanyArea ul li.SubMain ul li.Contents02-1 .ContentTop06 { padding: 0px 0px 0px 10px; color: #555555; font-size: 15px; }

#CompanyArea ul li.SubMain ul li.Contents01-2 { margin: 35px 0px 0px 10px; border-bottom: 1px solid #dbdadf; }
#CompanyArea ul li.SubMain ul li.Contents01-2 ul li { float: left; width: 100px; color: #000000; }
#CompanyArea ul li.SubMain ul li.Contents01-2 ul li.Contents01-2_tap01 { text-align: center; padding: 5px; border-left: 1px solid #dbdadf; border-top: 1px solid #dbdadf; background: #eaebed; cursor:pointer; }

#CompanyArea ul li.SubMain ul li.Contents01-2 ul li.Contents01-2_tap02 { text-align: center; padding: 5px; border-left: 1px solid #dbdadf; border-top: 1px solid #dbdadf; cursor:pointer; }

#CompanyArea ul li.SubMain ul li.Contents01-2 ul li.Contents01-2_tap03 { text-align: center; padding: 5px; border-left: 1px solid #dbdadf; border-top: 1px solid #dbdadf; border-right: 1px solid #dbdadf; cursor:pointer; }

#CompanyArea ul li.SubMain ul li.Contents01-3 { padding: 10px 0px 0px 10px; width: 755px; }
#CompanyArea ul li.SubMain ul li.Contents01-3 ul li.historyBlock { border-bottom: 1px solid #ebebed; padding: 10px 0px 20px 0px; }
#CompanyArea ul li.SubMain ul li.Contents01-3 ul li ul li { float: left; }
#CompanyArea ul li.SubMain ul li.Contents01-3 ul li ul li.year { border-right: 2px solid #f99d16; width: 100px; font-size: 30px; color: #000000; }
#CompanyArea ul li.SubMain ul li.Contents01-3 ul li ul li.history { width: 500px; padding-left: 100px; color: #545454; }

#CompanyArea ul li.SubMain ul li.Contents01-4 { padding: 10px 0px 0px 10px; width: 755px; display: none; }
#CompanyArea ul li.SubMain ul li.Contents01-4 ul li { float: left; width: 350px; }
#CompanyArea ul li.SubMain ul li.Contents01-4 ul li.Contents01-4_in01 { clear: both; }
#CompanyArea ul li.SubMain ul li.Contents01-4 ul li.Contents01-4_in02 { margin-left: 50px; }
#CompanyArea ul li.SubMain ul li.Contents01-4 ul li ul li { float: left; }
#CompanyArea ul li.SubMain ul li.Contents01-4 ul li ul li.Contents01-4_in_img { width: 100px; height: 80px; padding: 20px 0px 0px 0px; border-bottom: 1px solid #dadbdf; text-align: center; }
#CompanyArea ul li.SubMain ul li.Contents01-4 ul li ul li.Contents01-4_in_txt { width: 250px; height: 60px; padding: 40px 0px 0px 0px; border-bottom: 1px solid #dadbdf; }
#CompanyArea ul li.SubMain ul li.Contents01-4 ul li.Contents01-4_Txt { clear: both; width: 700px; padding: 30px 0px 10px 0px; }

#CompanyArea ul li.SubMain ul li.Contents01-5 { padding: 20px 0px 0px 10px; width: 755px; display: none; }
#CompanyArea ul li.SubMain ul li.Contents01-5 ul li { color: #565656; }
#CompanyArea ul li.SubMain ul li.Contents01-5 ul li.Contents { padding: 20px 0px 0px 0px; }
#CompanyArea ul li.SubMain ul li.Contents01-5 ul li.Contents ul li.Contents01-5_Left { float: left; width: 320px; height: 100px; text-align: center; border: 1px solid #eaebed; padding: 30px 20px 20px 20px; background: #eaebed; }
#CompanyArea ul li.SubMain ul li.Contents01-5 ul li.Contents ul li.Contents01-5_Right { float: left; width: 320px; height: 110px; text-align: center; border: 1px solid #bdbdbd; margin-left: 40px; padding: 20px; }
#CompanyArea ul li.SubMain ul li.Contents01-5 ul li.Contents ul li .Title { font-size: 20px; color: #000000; }

#CompanyArea ul li.SubMain ul li.Contents02-2 { padding: 35px 0px 0px 0px; }
#CompanyArea ul li.SubMain ul li.Contents02-2 ul li { position: relative; float: left; width: 775px; }
#CompanyArea ul li.SubMain ul li.Contents02-2 ul li.Contents02-2_Title { width: 250px; font-size: 15px; color:#161515; weight:600; padding: 0px 0px 10px 10px; }
#CompanyArea ul li.SubMain ul li.Contents02-2 ul li.Contents02-2_Left { clear: both; width: 100px; height: 60px; border-bottom: 1px solid #dbdadf; padding: 15px 0px 0px 10px; margin-left: 15px; }
#CompanyArea ul li.SubMain ul li.Contents02-2 ul li.Contents02-2_Right { width: 640px; height: 55px; border-bottom: 1px solid #dbdadf; padding: 20px 0px 0px 10px; }
#CompanyArea ul li.SubMain ul li.Contents02-2 ul li.Contents02-2_Left2 { clear: both; width: 100px; height: 60px; padding: 15px 0px 0px 10px; margin-left: 15px; }
#CompanyArea ul li.SubMain ul li.Contents02-2 ul li.Contents02-2_Right2 { width: 640px; height: 60px; padding: 15px 0px 0px 10px; }
#CompanyArea ul li.SubMain ul li.Contents02-2 ul li.Contents02-2_Title2 { width: 250px; font-size: 15px; color:#161515; weight:600; padding: 50px 0px 10px 10px; }
#CompanyArea ul li.SubMain ul li.Contents02-3 { border: 1px solid #cbcbcb; background: #e4e2e3; padding: 15px; margin-left: 28px; margin-top: 50px; margin-right: 0px;}

/*
#CompanyArea ul li.SubMain ul li.Contents02-2_in { width: 765px; padding: 25px 0px 25px 10px; margin-left: 5px; border-bottom: 1px solid #d8dcdf; }
#CompanyArea ul li.SubMain ul li.Contents02-2_in ul li { float: left; }
#CompanyArea ul li.SubMain ul li.Contents02-2_in ul li.Contents02-2_left { width: 100px; }
#CompanyArea ul li.SubMain ul li.Contents02-2_in ul li.Contents02-2_right { width: 100px; }
#CompanyArea ul li.SubMain ul li.Contents02-2_in2 { padding: 35px 0px 35px 0px; }
#CompanyArea ul li.SubMain ul li.Contents02-2_in2 ul li { float: left; }
#CompanyArea ul li.SubMain ul li.Contents02-3 { padding: 35px 0px 0px 0px; font-size: 15px; }
*/





/******************************* 회사소개 스타일 적용 끝 ********************************/





/******************************* 서비스 스타일 적용 시작************************************************/

#ServiceArea { width: 100%; overflow: visible; }
#ServiceArea ul li { position: relative; float: left; }
#ServiceArea ul li.SubLeft { width: 190px; }
#ServiceArea ul li.SubLeft ul li { clear: both; position: relative; width: 190px; color: #555555; font-size: 18px; }
#ServiceArea ul li.SubLeft ul li A:link { color: #555555; }
#ServiceArea ul li.SubLeft ul li A:visited { color: #555555; }
#ServiceArea ul li.SubLeft ul li A:hover { color: #f58220; font-weight:600em }
#ServiceArea ul li.SubLeft ul li.SubMenuTitle { color: #231f20; font-size: 25px; padding-bottom: 30px; padding-top: 5px; }
#ServiceArea ul li.SubLeft ul li.SubMenu { padding: 10px 0px 10px 0px; }
#ServiceArea ul li.SubLeft ul li.SubMenu01 { width: 174px; margin-top: 30px; padding: 8px; border: 1px solid #d9dadc; }
#ServiceArea ul li.SubLeft ul li.SubMenu01 .Font01 { font-size: 14px; }
#ServiceArea ul li.SubLeft ul li.SubMenu01 .Font02 { magin-left:1; font-size: 11px; color: #acb1ba; }
#ServiceArea ul li.SubLeft ul li.SubMenu01 .FontNum { font-size: 19px ; color: #f7831e; }
#ServiceArea ul li.SubLeft ul li.SubMenu02 { padding: 10px 0px 0px 0px; }
#ServiceArea ul li.SubMain { margin-left: 35px; width: 775px; }
#ServiceArea ul li.SubMain ul li { position: relative; float: left; width: 775px; }
#ServiceArea ul li.SubMain ul li.SubMainTop { border-bottom: 1px solid #d4d4d4; padding-top: 5px; }
#ServiceArea ul li.SubMain ul li.SubMainTop ul li { position: relative; height: 32px; }
#ServiceArea ul li.SubMain ul li.SubMainTop ul li.SubTitle { float: left; width: 150px; font-size: 20px; color:#3c3939; padding: 0px 0px 0px 10px; }
#ServiceArea ul li.SubMain ul li.SubMainTop ul li.SubPath { float: right; width: 250px; text-align: right; }
#ServiceArea ul li.SubMain ul li.Contents01-1 { padding: 35px 0px 0px 0px; line-height: 25px; letter-spacing:-1px; }
#ServiceArea ul li.SubMain ul li.Contents01-1 .ContentTop01 { padding: 0px 0px 0px 10px; color: #555555; font-size: 20px; font-weight:600;}
#ServiceArea ul li.SubMain ul li.Contents01-1 .ContentTop02 { padding: 0px 0px 0px 10px; color: #f56620; font-size: 25px;}
#ServiceArea ul li.SubMain ul li.Contents01-1 .ContentTop03 { padding: 0px 0px 0px 10px; color: #555555; font-size: 17px;}
#ServiceArea ul li.SubMain ul li.Contents01-2 { border: 1px solid #dadce0; padding: 15px; margin-left: 10px; margin-top: 10px; width: 730px; }
#ServiceArea ul li.SubMain ul li.Contents01-3 { padding: 50px 0px 0px 0px; width: 750px; }
#ServiceArea ul li.SubMain ul li.Contents01-3 ul li { float: left; }
#ServiceArea ul li.SubMain ul li.Contents01-3 ul li.Title { width: 70px; font-size: 17px; color: #161515; padding: 0px 0px 0px 10px; }
#ServiceArea ul li.SubMain ul li.Contents01-3 ul li.Contents { width: 300px; font-size: 12px; color: #8e8e8e; padding: 4px 0px 0px 10px; }
#ServiceArea ul li.SubMain ul li.Contents01-4 { padding: 35px 0px 0px 0px; line-height: 20px; letter-spacing:-1px; }
#ServiceArea ul li.SubMain ul li.Contents01-4 ul li { float: left; position: relative; }
#ServiceArea ul li.SubMain ul li.Contents01-4 ul li.ContentsImg { width: 120px; height: 70px; text-align: center; border-top: 3px solid #f99b15; border-bottom: 1px solid #dadbdf; padding: 10px 0px 10px 0px;}
#ServiceArea ul li.SubMain ul li.Contents01-4 ul li.ContentsTxt { width: 245px; height: 85px; padding: 5px 0px 0px 20px; }
#ServiceArea ul li.SubMain ul li.Contents01-4 ul li.ContentsTxt .Title { font-size: 18px; }
#ServiceArea ul li.SubMain ul li.Contents01-4 ul li.ContentsImg02 { clear: both; margin-top: 50px; width: 120px; height: 70px; text-align: center; border-top: 3px solid #f99b15; border-bottom: 1px solid #dadbdf; padding: 10px 0px 10px 0px;}
#ServiceArea ul li.SubMain ul li.Contents01-4 ul li.ContentsTxt02 { border: 1px solid #000; margin-top: 50px; width: 245px; height: 85px; padding: 5px 0px 0px 20px; }
#ServiceArea ul li.SubMain ul li.Contents01-4 ul li.ContentsTxt02 .Title { font-size: 18px; }
#ServiceArea ul li.SubMain ul li.Contents01-5 { padding: 35px 0px 0px 0px; line-height: 20px; letter-spacing:-1px; }
#ServiceArea ul li.SubMain ul li.Contents01-5 ul li { float: left; position: relative; }
#ServiceArea ul li.SubMain ul li.Contents01-5 ul li.ContentsImg { width: 120px; height: 70px; text-align: center; border-top: 3px solid #f99b15; border-bottom: 1px solid #dadbdf; padding: 10px 0px 10px 0px;}
#ServiceArea ul li.SubMain ul li.Contents01-5 ul li.ContentsTxt { width: 245px; height: 85px; padding: 5px 0px 0px 20px; }
#ServiceArea ul li.SubMain ul li.Contents01-5 ul li.ContentsTxt .Title { font-size: 18px; }
#ServiceArea ul li.SubMain ul li.Contents01-6 { padding: 70px 0px 0px 0px; line-height: 20px; letter-spacing:-1px; }
#ServiceArea ul li.SubMain ul li.Contents01-6 ul li { float: left; }
#ServiceArea ul li.SubMain ul li.Contents01-6 ul li.Title { width: 120px; font-size: 17px; color: #161515; padding: 0px 0px 0px 10px; }
#ServiceArea ul li.SubMain ul li.Contents01-6 ul li.Contents { width: 350px; font-size: 12px; color: #8e8e8e; padding: 4px 0px 0px 10px; }
#ServiceArea ul li.SubMain ul li.Contents01-7 { padding: 35px 0px 0px 0px; line-height: 20px; letter-spacing:-1px; }
#ServiceArea ul li.SubMain ul li.Contents01-7 ul li { float: left; position: relative; }
#ServiceArea ul li.SubMain ul li.Contents01-7 ul li.ContentsImg { width: 120px; height: 70px; text-align: center; border-top: 3px solid #d04dbf; border-bottom: 1px solid #dadbdf; padding: 10px 0px 10px 0px;}
#ServiceArea ul li.SubMain ul li.Contents01-7 ul li.ContentsTxt { width: 245px; height: 85px; padding: 5px 0px 0px 20px; }
#ServiceArea ul li.SubMain ul li.Contents01-7 ul li.ContentsTxt .Title { font-size: 18px; }
#ServiceArea ul li.SubMain ul li.Contents01-8 { padding: 35px 0px 0px 0px; line-height: 20px; letter-spacing:-1px; }
#ServiceArea ul li.SubMain ul li.Contents01-8 ul li { float: left; position: relative; }
#ServiceArea ul li.SubMain ul li.Contents01-8 ul li.ContentsImg { width: 120px; height: 70px; text-align: center; border-top: 3px solid #d04dbf; border-bottom: 1px solid #dadbdf; padding: 10px 0px 10px 0px;}
#ServiceArea ul li.SubMain ul li.Contents01-8 ul li.ContentsTxt { width: 245px; height: 85px; padding: 5px 0px 0px 20px; }
#ServiceArea ul li.SubMain ul li.Contents01-8 ul li.ContentsTxt .Title { font-size: 18px; }
#ServiceArea ul li.SubMain ul li.Contents01-9 { padding: 50px 0px 0px 0px; text-align: center; font-size: 20px; }

/*
#ServiceArea ul li.SubMain ul li.Contents02-1 { padding: 35px 0px 0px 0px; line-height: 25px; letter-spacing:-1px; }
#ServiceArea ul li.SubMain ul li.Contents02-1 .ContentTop01 { padding: 0px 0px 0px 10px; color: #555555; font-size: 20px; font-weight:600;  }
#ServiceArea ul li.SubMain ul li.Contents02-1 .ContentTop02 { padding: 0px 0px 0px 10px; color: #f56620; font-size: 25px;}
#ServiceArea ul li.SubMain ul li.Contents02-1 .ContentTop03 { padding: 0px 0px 0px 10px; color: #555555; font-size: 17px; }
#ServiceArea ul li.SubMain ul li.Contents02-2 { padding: 50px 0px 0px 0px; width: 775px; }
#ServiceArea ul li.SubMain ul li.Contents02-2 ul li { clear: both; width: 765px; }
#ServiceArea ul li.SubMain ul li.Contents02-2 ul li.Title { font-size: 15px; color: #000000; padding: 0px 0px 0px 10px; }
#ServiceArea ul li.SubMain ul li.Contents02-2 ul li.Content { font-size: 15px; padding: 0px 0px 0px 10px; }
*/

/******************************* 서비스 스타일 적용 끝 ********************************/



/******************************* 도메인/웹호스팅 스타일 적용 시작 ********************************/
#Domain_HostingArea { width: 100%; overflow: visible; }
#Domain_HostingArea ul li { position: relative; float: left; }
#Domain_HostingArea ul li.SubLeft { width: 190px; }
#Domain_HostingArea ul li.SubLeft ul li { clear: both; position: relative; width: 190px; color: #555555; font-size: 18px; }
#Domain_HostingArea ul li.SubLeft ul li A:link { color: #555555; }
#Domain_HostingArea ul li.SubLeft ul li A:visited { color: #555555; }
#Domain_HostingArea ul li.SubLeft ul li A:hover { color: #f58220; font-weight:bold }
#Domain_HostingArea ul li.SubLeft ul li.SubMenuTitle { color: #231f20; font-size: 25px; padding-bottom: 30px; padding-top: 5px; }
#Domain_HostingArea ul li.SubLeft ul li.SubMenu { padding: 10px 0px 10px 0px; }
#Domain_HostingArea ul li.SubLeft ul li.SubMenu01 { width: 174px; margin-top: 30px; padding: 8px; border: 1px solid #d9dadc; }
#Domain_HostingArea ul li.SubLeft ul li.SubMenu01 .Font01 { font-size: 14px; }
#Domain_HostingArea ul li.SubLeft ul li.SubMenu01 .Font02 {magin-left:1; font-size: 11px; color: #acb1ba; }
#Domain_HostingArea ul li.SubLeft ul li.SubMenu01 .FontNum { font-size: 19px ; color: #f7831e; }
#Domain_HostingArea ul li.SubLeft ul li.SubMenu02 { padding: 10px 0px 0px 0px; }

#Domain_HostingArea ul li.SubMain { margin-left: 35px; width: 775px; }
#Domain_HostingArea ul li.SubMain ul li { position: relative; float: left; width: 775px; }
#Domain_HostingArea ul li.SubMain ul li.SubMainTop { border-bottom: 1px solid #d4d4d4; padding-top: 5px; }
#Domain_HostingArea ul li.SubMain ul li.SubMainTop ul li { position: relative; height: 32px; }
#Domain_HostingArea ul li.SubMain ul li.SubMainTop ul li.SubTitle { float: left; width: 150px; font-size: 20px; color:#3c3939; padding: 0px 0px 0px 10px; }
#Domain_HostingArea ul li.SubMain ul li.SubMainTop ul li.SubPath { float: right; width: 250px; text-align: right; }

#Domain_HostingArea ul li.SubMain ul li.Contents01-1 { padding: 35px 0px 0px 0px; line-height: 25px; letter-spacing:-1px; }
#Domain_HostingArea ul li.SubMain ul li.Contents01-1 .ContentTop01 { padding: 0px 0px 0px 10px; color: #555555; font-size: 20px; font-weight:600;}
#Domain_HostingArea ul li.SubMain ul li.Contents01-1 .ContentTop02 { padding: 0px 0px 0px 10px; color: #f56620; font-size: 25px;}
#Domain_HostingArea ul li.SubMain ul li.Contents01-2 { padding: 50px 0px 0px 0px; width: 775px; }
#Domain_HostingArea ul li.SubMain ul li.Contents01-2 ul li { clear: both; width: 765px; line-height: 25px; }
#Domain_HostingArea ul li.SubMain ul li.Contents01-2 ul li.Title { font-size: 15px; color: #000000; padding: 0px 0px 0px 10px; }
#Domain_HostingArea ul li.SubMain ul li.Contents01-2 ul li.Content { font-size: 15px; padding: 0px 0px 0px 10px; }

#Domain_HostingArea ul li.SubMain ul li.Contents02-1 { padding: 35px 0px 0px 0px; line-height: 25px; letter-spacing:-1px; }
#Domain_HostingArea ul li.SubMain ul li.Contents02-1 .ContentTop01 { padding: 0px 0px 0px 10px; color: #555555; font-size: 20px; font-weight:600;  }
#Domain_HostingArea ul li.SubMain ul li.Contents02-1 .ContentTop02 { padding: 0px 0px 0px 10px; color: #f56620; font-size: 25px;}
#Domain_HostingArea ul li.SubMain ul li.Contents02-1 .ContentTop03 { padding: 0px 0px 0px 10px; color: #555555; font-size: 17px; }
#Domain_HostingArea ul li.SubMain ul li.Contents02-2 { padding: 50px 0px 0px 0px; width: 775px; }
#Domain_HostingArea ul li.SubMain ul li.Contents02-2 ul li { float: left; width: 350px; }
#Domain_HostingArea ul li.SubMain ul li.Contents02-2 ul li.Title { font-size: 15px; color: #000000; padding: 0px 0px 20px 10px; }
#Domain_HostingArea ul li.SubMain ul li.Contents02-2 ul li.ContentImg01 { clear: both; padding: 0px 0px 30px 0px; }
#Domain_HostingArea ul li.SubMain ul li.Contents02-2 ul li.ContentImg02 { margin-left: 75px; padding: 0px 0px 30px 0px; }

#Domain_HostingArea ul li.SubMain ul li.Contents03-1 { padding: 35px 0px 0px 0px; line-height: 25px; letter-spacing:-1px; }
#Domain_HostingArea ul li.SubMain ul li.Contents03-1 .ContentTop01 { padding: 0px 0px 0px 10px; color: #555555; font-size: 20px; font-weight:600; }
#Domain_HostingArea ul li.SubMain ul li.Contents03-1 .ContentTop02 { padding: 0px 0px 0px 10px; color: #f56620; font-size: 25px; }
#Domain_HostingArea ul li.SubMain ul li.Contents03-1 .ContentTop03 { padding: 0px 0px 0px 10px; color: #555555; font-size: 17px; }
#Domain_HostingArea ul li.SubMain ul li.Contents03-2 { padding: 50px 0px 0px 10px; width: 765px; text-align: center; }




/******************************* 도메인/웹호스팅 스타일 적용 끝 ********************************/


/******************************* 웹프로모션 스타일 적용 끝 ********************************/
#PromotionArea { width: 100%; overflow: visible; }
#PromotionArea ul li { position: relative; float: left; }
#PromotionArea ul li.SubLeft { width: 190px; }
#PromotionArea ul li.SubLeft ul li { clear: both; position: relative; width: 190px; color: #555555; font-size: 18px; }
#PromotionArea ul li.SubLeft ul li A:link { color: #555555; }
#PromotionArea ul li.SubLeft ul li A:visited { color: #555555; }
#PromotionArea ul li.SubLeft ul li A:hover { color: #f58220; font-weight:bold }
#PromotionArea ul li.SubLeft ul li.SubMenuTitle { color: #231f20; font-size: 25px; padding-bottom: 30px; padding-top: 5px; }
#PromotionArea ul li.SubLeft ul li.SubMenu { padding: 10px 0px 10px 0px; }
#PromotionArea ul li.SubLeft ul li.SubMenu01 { width: 174px; margin-top: 30px; padding: 8px; border: 1px solid #d9dadc; }
#PromotionArea ul li.SubLeft ul li.SubMenu01 .Font01 { font-size: 14px; }
#PromotionArea ul li.SubLeft ul li.SubMenu01 .Font02 {magin-left:1; font-size: 11px; color: #acb1ba; }
#PromotionArea ul li.SubLeft ul li.SubMenu01 .FontNum { font-size: 19px ; color: #f7831e; }
#PromotionArea ul li.SubLeft ul li.SubMenu02 { padding: 10px 0px 0px 0px; }

#PromotionArea ul li.SubMain { margin-left: 35px; width: 775px; }
#PromotionArea ul li.SubMain ul li { position: relative; float: left; width: 775px; }
#PromotionArea ul li.SubMain ul li.SubMainTop { border-bottom: 1px solid #d4d4d4; padding-top: 5px; }
#PromotionArea ul li.SubMain ul li.SubMainTop ul li { position: relative; height: 32px; }
#PromotionArea ul li.SubMain ul li.SubMainTop ul li.SubTitle { float: left; width: 200px; font-size: 20px; color:#3c3939; padding: 0px 0px 0px 10px; }
#PromotionArea ul li.SubMain ul li.SubMainTop ul li.SubPath { float: right; width: 250px; text-align: right; }

#PromotionArea ul li.SubMain ul li.Contents01-1 { padding: 35px 0px 0px 0px; line-height: 25px; letter-spacing:-1px; }
#PromotionArea ul li.SubMain ul li.Contents01-1 .ContentTop01 { padding: 0px 0px 0px 10px; color: #555555; font-size: 20px; font-weight:600;  }
#PromotionArea ul li.SubMain ul li.Contents01-1 .ContentTop02 { padding: 0px 0px 0px 10px; color: #f56620; font-size: 25px;}
#PromotionArea ul li.SubMain ul li.Contents01-1 .ContentTop03 { padding: 0px 0px 0px 10px; color: #555555; font-size: 17px; }
#PromotionArea ul li.SubMain ul li.Contents01-2 ul li { clear:both; width: 765px; }
#PromotionArea ul li.SubMain ul li.Contents01-2 ul li.Title { font-size: 15px; color: #000000; padding: 50px 0px 0px 10px; }
#PromotionArea ul li.SubMain ul li.Contents01-2 ul li.Contents { padding: 10px 0px 0px 10px; font-size: 13px; line-height: 20px; }
#PromotionArea ul li.SubMain ul li.Contents01-2 ul li.Contents_img { padding: 30px 0px 0px 0px; text-align: center; }
#PromotionArea ul li.SubMain ul li.Contents01-2 ul li.Title02 { font-size: 15px; color: #000000; padding: 30px 0px 0px 10px; }
#PromotionArea ul li.SubMain ul li.Contents01-2 ul li.Contents02 { padding: 10px 0px 0px 10px; font-size: 13px; line-height: 20px; }

#PromotionArea ul li.SubMain ul li.Contents02-1 { padding: 35px 0px 0px 0px; line-height: 25px; letter-spacing:-1px; }
#PromotionArea ul li.SubMain ul li.Contents02-1 .ContentTop01 { padding: 0px 0px 0px 10px; color: #555555; font-size: 20px; font-weight:600;  }
#PromotionArea ul li.SubMain ul li.Contents02-1 .ContentTop02 { padding: 0px 0px 0px 10px; color: #f56620; font-size: 25px;}
#PromotionArea ul li.SubMain ul li.Contents02-1 .ContentTop03 { padding: 0px 0px 0px 10px; color: #555555; font-size: 17px; }

#PromotionArea ul li.SubMain ul li.Contents02-2 ul li { width: 765px;}
#PromotionArea ul li.SubMain ul li.Contents02-2 ul li.Title { font-size: 15px; color: #000000; padding: 50px 0px 0px 10px; }
#PromotionArea ul li.SubMain ul li.Contents02-2 ul li.Contents { padding: 10px 0px 0px 10px; font-size: 13px; line-height: 20px; }
#PromotionArea ul li.SubMain ul li.Contents02-2 ul li.Title02 { font-size: 15px; color: #000000; padding: 50px 0px 10px 10px; }
#PromotionArea ul li.SubMain ul li.Contents02-2 ul li.diagram01 { border: 1px solid #d4d4d4; padding: 3px; }
#PromotionArea ul li.SubMain ul li.Contents02-2 ul li.diagram01 ul li { float: left; }
#PromotionArea ul li.SubMain ul li.Contents02-2 ul li.diagram01 ul li.diagram01-1 { width: 50px; height: 50px; padding: 10px 0px 10px 10px; background: #f2f3f7; }
#PromotionArea ul li.SubMain ul li.Contents02-2 ul li.diagram01 ul li.diagram01-2 { width: 100px; height: 37px; font-size: 14px; padding: 23px 0px 10px 10px; background: #f2f3f7; }
#PromotionArea ul li.SubMain ul li.Contents02-2 ul li.diagram01 ul li.diagram01-3 { width: 580px; height: 50px; padding: 20px 0px 0px 10px; }
#PromotionArea ul li.SubMain ul li.Contents02-2 ul li.diagram01 ul li.diagram01-4 { width: 580px; height: 50px; padding: 13px 0px 0px 10px; }
#PromotionArea ul li.SubMain ul li.Contents02-2 ul li.diagram02 ul li { float: left; }
#PromotionArea ul li.SubMain ul li.Contents02-2 ul li.diagram02 ul li.diagram02-1 { width: 50px; height: 50px; padding: 10px 0px 10px 10px; background: #f2f3f7; }
#PromotionArea ul li.SubMain ul li.Contents02-2 ul li.diagram02 ul li.diagram02-2 { width: 150px; height: 37px; font-size: 14px; padding: 23px 0px 10px 10px; background: #f2f3f7; }
#PromotionArea ul li.SubMain ul li.Contents02-2 ul li.diagram02 ul li.arrow { width: 40px; padding: 15px 0px 0px 10px; }
#PromotionArea ul li.SubMain ul li.Contents02-2 ul li.arrow { width: 100px; padding: 10px 0px 5px 70px; }
/******************************* 웹프로모션 스타일 적용 끝 ********************************/


/******************************* 다국어홈페이지제작 스타일 적용 시작 ********************************/
#WebsitemakeArea { width: 100%; overflow: visible; }
#WebsitemakeArea ul li { position: relative; float: left; }
#WebsitemakeArea ul li.SubLeft { width: 190px; }
#WebsitemakeArea ul li.SubLeft ul li { clear: both; position: relative; width: 190px; color: #555555; font-size: 18px; }
#WebsitemakeArea ul li.SubLeft ul li A:link { color: #555555; }
#WebsitemakeArea ul li.SubLeft ul li A:visited { color: #555555; }
#WebsitemakeArea ul li.SubLeft ul li A:hover { color: #f58220; font-weight:bold }
#WebsitemakeArea ul li.SubLeft ul li.SubMenuTitle { color: #231f20; font-size: 24px; padding-bottom: 30px; padding-top: 5px; letter-spacing:-2.2px; }
#WebsitemakeArea ul li.SubLeft ul li.SubMenu { padding: 10px 0px 10px 0px; }
#WebsitemakeArea ul li.SubLeft ul li.SubMenu01 { width: 174px; margin-top: 30px; padding: 8px; border: 1px solid #d9dadc; }
#WebsitemakeArea ul li.SubLeft ul li.SubMenu01 .Font01 { font-size: 14px; }
#WebsitemakeArea ul li.SubLeft ul li.SubMenu01 .Font02 {magin-left:1; font-size: 11px; color: #acb1ba; }
#WebsitemakeArea ul li.SubLeft ul li.SubMenu01 .FontNum { font-size: 19px ; color: #f7831e; }
#WebsitemakeArea ul li.SubLeft ul li.SubMenu02 { padding: 10px 0px 0px 0px; }

#WebsitemakeArea ul li.SubMain { margin-left: 35px; width: 775px; }
#WebsitemakeArea ul li.SubMain ul li { position: relative; float: left; width: 775px; }
#WebsitemakeArea ul li.SubMain ul li.SubMainTop { border-bottom: 1px solid #d4d4d4; padding-top: 5px; }
#WebsitemakeArea ul li.SubMain ul li.SubMainTop ul li { position: relative; height: 32px; }
#WebsitemakeArea ul li.SubMain ul li.SubMainTop ul li.SubTitle { float: left; width: 200px; font-size: 20px; color:#3c3939; padding: 0px 0px 0px 10px; }
#WebsitemakeArea ul li.SubMain ul li.SubMainTop ul li.SubPath { float: right; width: 250px; text-align: right; }

#WebsitemakeArea ul li.SubMain ul li.Contents01-1 { padding: 35px 0px 0px 0px; line-height: 25px; letter-spacing:-1px; }
#WebsitemakeArea ul li.SubMain ul li.Contents01-1 .ContentTop01 { padding: 0px 0px 0px 10px; color: #555555; font-size: 20px; font-weight:600;  }
#WebsitemakeArea ul li.SubMain ul li.Contents01-1 .ContentTop02 { padding: 0px 0px 0px 10px; color: #f56620; font-size: 25px;}
#WebsitemakeArea ul li.SubMain ul li.Contents01-1 .ContentTop03 { padding: 0px 0px 0px 10px; color: #555555; font-size: 17px; }

#WebsitemakeArea ul li.SubMain ul li.Contents01-2 { padding: 35px 0px 0px 0px; line-height: 25px; letter-spacing:-1px; }
#WebsitemakeArea ul li.SubMain ul li.Contents01-2 ul li { width: 765px; }
#WebsitemakeArea ul li.SubMain ul li.Contents01-2 ul li.Title { font-size: 15px; color: #000000; padding: 40px 0px 0px 10px; line-height: 25px; letter-spacing:-1px; }
#WebsitemakeArea ul li.SubMain ul li.Contents01-2 ul li.Contents { padding: 10px 0px 10px 10px; }
#WebsitemakeArea ul li.SubMain ul li.Contents01-2 ul li.Contents ul li { float: left; }
#WebsitemakeArea ul li.SubMain ul li.Contents01-2 ul li.Contents ul li.imgArea { width: 220px; }
#WebsitemakeArea ul li.SubMain ul li.Contents01-2 ul li.Contents ul li.contents { width: 450px; padding: 5px 0px 0px 0px; }

#WebsitemakeArea ul li.SubMain ul li.Contents02-2 ul li.Title { font-size: 15px; color: #000000; padding: 40px 0px 0px 10px; line-height: 25px; letter-spacing:-1px; }
#WebsitemakeArea ul li.SubMain ul li.Contents02-2 ul li.Menu ul li { float: right; width: 90px; text-align: center; border-top: 1px solid #d8dcdf; border-bottom: 1px solid #d8dcdf; border-right: 1px solid #d8dcdf; padding: 5px; }
#WebsitemakeArea ul li.SubMain ul li.Contents02-2 ul li.Menu ul li.Menu02 { width: 90px; background: #f87131; color: #ffffff; }
#WebsitemakeArea ul li.SubMain ul li.Contents02-2 ul li.PortfolioImg { padding: 20px 0px 20px 0px; }
#WebsitemakeArea ul li.SubMain ul li.Contents02-2 ul li.PortfolioImg ul li { float: left; width: 375px; padding: 0px 0px 20px 10px; }
#WebsitemakeArea ul li.SubMain ul li.Contents02-2 ul li.PortfolioImg ul li ul li { clear: both; padding: 0px; }
#WebsitemakeArea ul li.SubMain ul li.Contents02-2 ul li.PortfolioImg ul li ul li.PortfolioImg01 { text-align: center; width: 350px; }
#WebsitemakeArea ul li.SubMain ul li.Contents02-2 ul li.PortfolioImg ul li ul li.PortfolioImg02 { width: 300px; padding: 10px 10px 10px 20px; margin-left: 10px; line-height: 20px; background: #f2f0f1; }
#WebsitemakeArea ul li.SubMain ul li.Contents02-2 ul li.Paging ul { margin: 0 auto; width: 200px; }
#WebsitemakeArea ul li.SubMain ul li.Contents02-2 ul li.Paging ul li { float: left; }
#WebsitemakeArea ul li.SubMain ul li.Contents02-2 ul li.Paging ul li.Paging01 { width: 20px; }
#WebsitemakeArea ul li.SubMain ul li.Contents02-2 ul li.Paging ul li.Paging02 { width: 35px;}
#WebsitemakeArea ul li.SubMain ul li.Contents02-2 ul li.Paging ul li.Paging03 { width: auto; padding: 0px 5px 0px 5px;}
#WebsitemakeArea ul li.SubMain ul li.Contents02-2 ul li.Paging ul li.Paging04 { width: 40px;}
#WebsitemakeArea ul li.SubMain ul li.Contents02-2 ul li.Paging ul li.Paging05 { width: 16px;}

#WebsitemakeArea ul li.SubMain ul li.Contents03-2 { padding: 35px 0px 0px 0px; line-height: 25px; letter-spacing:-1px; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-2 ul { padding-left: 10px; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-2 ul li { clear: both; width: 765px; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-2 ul li.Title { font-size: 15px; color: #000000; padding: 40px 0px 0px 0px; line-height: 25px; letter-spacing:-1px; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-2 ul li.Contents { padding-top: 10px; font-size: 13px; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li { float: left; width: 340px; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.Title { width: 765px; font-size: 15px; color: #000000; padding: 40px 0px 10px 10px; line-height: 25px; letter-spacing:-1px; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.Contents01 { clear: both; height: 70px; border: 1px solid #d4d4d4; padding: 3px; margin-left: 10px; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.Contents01 .Contents01_in { padding: 5px 10px 5px 10px; background: #f2f3f7; height: 85%; overflow: hidden; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.Contents01 .Contents01_in ul li { width: 320px; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.Contents01 .Contents01_in ul li.in_Title { font-size: 14px; padding: 0px 0px 5px 5px; border-bottom: 2px solid #ffffff; color: #000000; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.Contents01 .Contents01_in ul li.in_Content { padding-top: 5px; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.Contents02 { width: 324px; height: 70px; border: 1px solid #d4d4d4; padding: 3px; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.Contents02 .Contents02_in { padding: 5px 10px 5px 10px; background: #f2f3f7; height: 85%; overflow: hidden; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.Contents02 .Contents02_in ul li { width: 300px; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.Contents02 .Contents02_in ul li.in_Title { font-size: 14px; padding: 0px 0px 5px 5px; border-bottom: 2px solid #ffffff; color: #000000; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.Contents02 .Contents02_in ul li.in_Content { padding-top: 5px; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.Contents03 { clear: both; float: right; width: 324px; height: 70px; border: 1px solid #d4d4d4; padding: 3px; margin-right: 20px; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.Contents03 .Contents03_in { padding: 5px 10px 5px 10px; background: #f2f3f7; height: 85%; overflow: hidden; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.Contents03 .Contents03_in ul li { width: 300px; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.Contents03 .Contents03_in ul li.in_Title { font-size: 14px; padding: 0px 0px 5px 5px; border-bottom: 2px solid #ffffff; color: #000000; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.Contents03 .Contents03_in ul li.in_Content { padding-top: 5px; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.Contents04 { float: right; height: 70px; border: 1px solid #d4d4d4; padding: 3px; margin-left: 10px; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.Contents04 .Contents04_in { padding: 5px 10px 5px 10px; background: #f2f3f7; height: 85%; overflow: hidden; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.Contents04 .Contents04_in ul li { width: 320px; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.Contents04 .Contents04_in ul li.in_Title { font-size: 14px; padding: 0px 0px 5px 5px; border-bottom: 2px solid #ffffff; color: #000000; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.Contents04 .Contents04_in ul li.in_Content { padding-top: 5px; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.arrow01 { width: 65px; text-align: center; padding: 20px 0px 0px 0px; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.arrow02 { float: right; width: 550px; text-align: right; padding: 10px 170px 0px 0px; }
#WebsitemakeArea ul li.SubMain ul li.Contents03-3 ul li.arrow03 { float: right; width: 65px; text-align: center; padding: 20px 0px 0px 0px; }

/******************************* 다국어홈페이지제작 스타일 적용 끝 ********************************/


/******************************* 고객센터 스타일 적용 시작 ********************************/
#CSArea { width: 100%; overflow: visible; }
#CSArea ul li { position: relative; float: left; }
#CSArea ul li.SubLeft { width: 190px; }
#CSArea ul li.SubLeft ul li { clear: both; position: relative; width: 190px; color: #555555; font-size: 18px; }
#CSArea ul li.SubLeft ul li A:link { color: #555555; }
#CSArea ul li.SubLeft ul li A:visited { color: #555555; }
#CSArea ul li.SubLeft ul li A:hover { color: #f58220; font-weight:bold }
#CSArea ul li.SubLeft ul li.SubMenuTitle { color: #231f20; font-size: 25px; padding-bottom: 30px; padding-top: 5px; }
#CSArea ul li.SubLeft ul li.SubMenu { padding: 10px 0px 10px 0px; }
#CSArea ul li.SubLeft ul li.SubMenu01 { width: 174px; margin-top: 30px; padding: 8px; border: 1px solid #d9dadc; }
#CSArea ul li.SubLeft ul li.SubMenu01 .Font01 { font-size: 14px; }
#CSArea ul li.SubLeft ul li.SubMenu01 .Font02 {magin-left:1; font-size: 11px; color: #acb1ba; }
#CSArea ul li.SubLeft ul li.SubMenu01 .FontNum { font-size: 19px ; color: #f7831e; }
#CSArea ul li.SubLeft ul li.SubMenu02 { padding: 10px 0px 0px 0px; }

#CSArea ul li.SubMain { margin-left: 35px; width: 775px; }
#CSArea ul li.SubMain ul li { position: relative; float: left; width: 775px; }
#CSArea ul li.SubMain ul li.SubMainTop { border-bottom: 1px solid #d4d4d4; padding-top: 5px; }
#CSArea ul li.SubMain ul li.SubMainTop ul li { position: relative; height: 32px; }
#CSArea ul li.SubMain ul li.SubMainTop ul li.SubTitle { float: left; width: 200px; font-size: 20px; color:#3c3939; padding: 0px 0px 0px 10px; }
#CSArea ul li.SubMain ul li.SubMainTop ul li.SubPath { float: right; width: 250px; text-align: right; }

#CSArea ul li.SubMain ul li.Contents01-1 { padding: 35px 0px 0px 0px; line-height: 25px; letter-spacing:-1px; }
#CSArea ul li.SubMain ul li.Contents01-1 .ContentTop01 { padding: 0px 0px 0px 10px; color: #555555; font-size: 20px; font-weight:600;  }
#CSArea ul li.SubMain ul li.Contents01-1 .ContentTop02 { padding: 0px 0px 0px 10px; color: #f56620; font-size: 25px;}

#CSArea ul li.SubMain ul li.Contents01-2 { padding: 20px 0px 0px 0px; }
#CSArea ul li.SubMain ul li.Contents01-2 ul li.ContentsArea01 {  }
#CSArea ul li.SubMain ul li.Contents01-2 ul li.ContentsArea01 ul li { float: left; width: 370px; }
#CSArea ul li.SubMain ul li.Contents01-2 ul li.ContentsArea01 ul li.ContentsArea01_Left { background: #eaebed; border: 1px solid #eaebed; height: 60px; text-align: center; padding: 20px 0px 0px 0px; }
#CSArea ul li.SubMain ul li.Contents01-2 ul li.ContentsArea01 ul li.ContentsArea01_Left .Title { font-size: 15px; color: #121214; }
#CSArea ul li.SubMain ul li.Contents01-2 ul li.ContentsArea01 ul li.ContentsArea01_Left .Contents { font-size: 13px; color: #555555; }
#CSArea ul li.SubMain ul li.Contents01-2 ul li.ContentsArea01 ul li.ContentsArea01_Right { border: 1px solid #bdbdbd; height: 60px; text-align: center; padding: 20px 0px 0px 0px; margin-left: 31px; }
#CSArea ul li.SubMain ul li.Contents01-2 ul li.ContentsArea01 ul li.ContentsArea01_Right .Title { font-size: 15px; color: #121214; }
#CSArea ul li.SubMain ul li.Contents01-2 ul li.ContentsArea01 ul li.ContentsArea01_Right .Contents { font-size: 13px; color: #555555; }
#CSArea ul li.SubMain ul li.Contents01-2 ul li.ContentsArea02 { width: 753px; padding: 20px 10px 20px 10px; border: 1px solid #dadce0; margin-top: 20px; }
#CSArea ul li.SubMain ul li.Contents01-2 ul li.Title { font-size: 15px; color: #000000; padding: 40px 0px 0px 10px; line-height: 25px; letter-spacing:-1px; }
#CSArea ul li.SubMain ul li.Contents01-2 ul li.Contents { padding: 10px 0px 10px 10px; font-size: 13px; line-height: 20px; }
#CSArea ul li.SubMain ul li.Contents01-2 ul li.ContentsImg { width: 765px; text-align: center; padding: 20px 0px 20px 0px; }

#CSArea ul li.SubMain ul li.Contents02-2 { padding: 20px 0px 0px 0px; }
#CSArea ul li.SubMain ul li.Contents02-2 ul li.ContentsArea01 {  }
#CSArea ul li.SubMain ul li.Contents02-2 ul li.ContentsArea01 ul li { float: left; width: 370px; }
#CSArea ul li.SubMain ul li.Contents02-2 ul li.ContentsArea01 ul li.ContentsArea01_Left { background: #eaebed; border: 1px solid #eaebed; height: 60px; text-align: center; padding: 20px 0px 0px 0px; }
#CSArea ul li.SubMain ul li.Contents02-2 ul li.ContentsArea01 ul li.ContentsArea01_Left .Title { font-size: 15px; color: #121214; }
#CSArea ul li.SubMain ul li.Contents02-2 ul li.ContentsArea01 ul li.ContentsArea01_Left .Contents { font-size: 13px; color: #555555; }
#CSArea ul li.SubMain ul li.Contents02-2 ul li.ContentsArea01 ul li.ContentsArea01_Right { border: 1px solid #bdbdbd; height: 60px; text-align: center; padding: 20px 0px 0px 0px; margin-left: 31px; }
#CSArea ul li.SubMain ul li.Contents02-2 ul li.ContentsArea01 ul li.ContentsArea01_Right .Title { font-size: 15px; color: #121214; }
#CSArea ul li.SubMain ul li.Contents02-2 ul li.ContentsArea01 ul li.ContentsArea01_Right .Contents { font-size: 13px; color: #555555; }
#CSArea ul li.SubMain ul li.Contents02-2 ul li.ContentsArea02 { width: 753px; padding: 20px 10px 20px 10px; border: 1px solid #dadce0; margin-top: 20px; }
#CSArea ul li.SubMain ul li.Contents02-2 ul li.Title { font-size: 15px; color: #000000; padding: 40px 0px 0px 10px; line-height: 25px; letter-spacing:-1px; }
#CSArea ul li.SubMain ul li.Contents02-2 ul li.Contents { padding: 10px 0px 10px 10px; font-size: 13px; line-height: 20px; }
#CSArea ul li.SubMain ul li.Contents02-2 ul li.ContentsImg { width: 765px; text-align: center; padding: 20px 0px 0px 0px; }

#CSArea ul li.SubMain ul li.Contents03-2 { padding: 20px 0px 0px 0px; }
#CSArea ul li.SubMain ul li.Contents03-2 ul li.ContentsArea01 {  }
#CSArea ul li.SubMain ul li.Contents03-2 ul li.ContentsArea01 ul li { float: left; width: 370px; }
#CSArea ul li.SubMain ul li.Contents03-2 ul li.ContentsArea01 ul li.ContentsArea01_Left { background: #eaebed; border: 1px solid #eaebed; height: 60px; text-align: center; padding: 20px 0px 0px 0px; }
#CSArea ul li.SubMain ul li.Contents03-2 ul li.ContentsArea01 ul li.ContentsArea01_Left .Title { font-size: 15px; color: #121214; }
#CSArea ul li.SubMain ul li.Contents03-2 ul li.ContentsArea01 ul li.ContentsArea01_Left .Contents { font-size: 13px; color: #555555; }
#CSArea ul li.SubMain ul li.Contents03-2 ul li.ContentsArea01 ul li.ContentsArea01_Right { border: 1px solid #bdbdbd; height: 60px; text-align: center; padding: 20px 0px 0px 0px; margin-left: 31px; }
#CSArea ul li.SubMain ul li.Contents03-2 ul li.ContentsArea01 ul li.ContentsArea01_Right .Title { font-size: 15px; color: #121214; }
#CSArea ul li.SubMain ul li.Contents03-2 ul li.ContentsArea01 ul li.ContentsArea01_Right .Contents { font-size: 13px; color: #555555; }
#CSArea ul li.SubMain ul li.Contents03-2 ul li.ContentsArea02 { width: 753px; padding: 20px 10px 20px 10px; border: 1px solid #dadce0; margin-top: 20px; }
#CSArea ul li.SubMain ul li.Contents03-2 ul li.Title { font-size: 15px; color: #000000; padding: 40px 0px 0px 10px; line-height: 25px; letter-spacing:-1px; }
#CSArea ul li.SubMain ul li.Contents03-2 ul li.Contents { padding: 10px 0px 10px 10px; font-size: 13px; line-height: 20px; }
/******************************* 고객센터 스타일 적용 끝 ********************************/


/* 슬라이드 메뉴 관련 시작 */
#slides { display: none; }
#slides .slidesjs-navigation { margin-top:3px; }
#slides .slidesjs-previous { margin-right: 5px; float: left; display: block; height: 61px; width: 30px; z-index:100; position:absolute; top:150px; background-image: url(/korea/images/banner_ArrowLeft.png); }
#slides .slidesjs-next { margin-right: 5px; float: left; display: block; height: 61px; width: 30px; z-index:100; position:absolute; top:150px; left: 970px; background-image: url(/korea/images/banner_ArrowRight.png); }
.slidesjs-pagination { margin: 0px 0 0; float: right; list-style: none; }
.slidesjs-pagination li { float: left; margin: 0 1px; margin-bottom:15px; }
.slidesjs-pagination li a { display: block; width: 66px; height: 0; padding-top: 5px; background-image: url(/korea/images/banner_Bar.png); background-position: 0 0; float: left; overflow: hidden; }
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 66px 0 }
.slidesjs-pagination li a:hover { background-position: 66px 0 }
#slides a:link, #slides a:visited { color: #333 }
#slides a:hover, #slides a:active { color: #9e2020 }
.navbar { overflow: hidden; }
/* 슬라이드 메뉴 관련 끝 */