@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@charset "utf-8";

#Header_wrap {height: 129px; font-family:'Nanum Gothic', sans-serif; margin-top: 15px}
#Header_wrap #Header {width: 1090px; margin: 0 auto; position: relative;}
#Header_wrap #Header #Logo {}
#Header_wrap #Header #Search {position: absolute; right: 0; top: 0}

#Business_wrap {font-family:'Nanum Gothic', sans-serif; text-align: center}
#Business_wrap #Business {width: 1090px; height: 390px; margin: 0 auto}
#Business_wrap #Business #Title {font-family: 'Nanum Square', sans-serif; font-size: 32px; line-height: 42px; color: #191919; font-weight: 700; margin:45px 0 23px}

#Vision_wrap {height: 607px; text-align: center; background-color: #eeeeee}
#Vision_wrap #Vision {width: 1090px; margin: 0 auto}
#Vision_wrap #Vision #Title #MT01 {font-family: 'Nanum Square', sans-serif; font-size: 32px; line-height: 42px; color: #191919; font-weight: 700; padding: 40px 0 24px}
#Vision_wrap #Vision #Title #MT02 {font-family: 'Nanum Square', sans-serif; font-size: 18px; line-height: 28px; color: #494949; margin: 0 0 21px}
#Vision_wrap #Vision #List {overflow: hidden}
#Vision_wrap #Vision #List #Img01 {float: left; width: 250px; height: 380px; background: url(../img/homepage/business_img01.jpg) 0 0 no-repeat; margin-right: 30px}
#Vision_wrap #Vision #List #Img02 {float: left; width: 250px; height: 380px; background: url(../img/homepage/business_img02.jpg) 0 0 no-repeat; margin-right: 30px}
#Vision_wrap #Vision #List #Img03 {float: left; width: 250px; height: 380px; background: url(../img/homepage/business_img03.jpg) 0 0 no-repeat; margin-right: 30px}
#Vision_wrap #Vision #List #Img04 {float: left; width: 250px; height: 380px; background: url(../img/homepage/business_img04.jpg) 0 0 no-repeat}
#Vision_wrap #Vision #List .LT01 {font-family:'Nanum Gothic', sans-serif; font-size: 20px; line-height: 26px; color: #292929; font-weight: 700; margin: 266px 0 7px}
#Vision_wrap #Vision #List .LT03 {width: 40px; height: 40px; margin: 0 auto; background: url(../img/homepage/business_more.jpg) 0 0 no-repeat; font-size: 0}
#Vision_wrap #Vision #List a {width: 40px; height: 40px; display: block}

#Board_wrap {font-family:'Nanum Gothic', sans-serif}
#Board_wrap #Board {width: 1090px; margin: 0 auto}
#Board_wrap #Board #Notice #MT01 {font-family: 'Nanum Square', sans-serif; font-size: 32px; line-height: 42px; color: #191919; font-weight: 700; text-align: center; background: url(../img/homepage/notice_bg.jpg) 50% 100% no-repeat; padding: 75px 0 18px; margin-bottom: 40px}
#Board_wrap #Board #Notice #More {width: 160px; height: 35px; margin: 0 auto; font-size: 14px; text-align: center; font-weight: 700; background-color: #333; border-radius: 32px}
#Board_wrap #Board #Notice #More a {line-height: 32px; color: #fff; display: block}
#Banner_wrap #Banner {overflow: hidden; font-family:'Nanum Gothic', sans-serif; font-size: 12px; font-weight: 700; text-align: center}
#Banner_wrap #Banner #Img01 {float:left; width: 50%; height: 250px; padding-top: 0px; background: url(../img/homepage/banner_img01.jpg) 0 0 no-repeat}
#Banner_wrap #Banner #Img02 {float:left; width: 50%; height: 250px; padding-top: 0px; background: url(../img/homepage/banner_img02.jpg) 0 0 no-repeat}
#Banner_wrap #Banner #Img01 .Img01_box {float: right; width: 545px; padding-top: 55px}
#Banner_wrap #Banner #Img02 .Img02_box {float: left; width: 545px; padding-top: 55px}
#Banner_wrap #Banner .h1 {font-family: 'Nanum Square', sans-serif; font-size: 32px; line-height: 42px; color: #ffffff; font-weight: 700; margin-bottom: 33px}
#Banner_wrap #Banner a {width: 108px; line-height: 29px; margin: 0 auto; color: #fff; border: 1px #fff solid; display: block}

#Map_wrap {text-align: center}
#Map_wrap #Title #MT01 {font-family: 'Nanum Square', sans-serif; font-size: 32px; line-height: 42px; color: #191919; font-weight: 700; padding: 40px 0 24px}
#Map_wrap #Title #MT02 {font-family: 'Nanum Square', sans-serif; font-size: 18px; line-height: 28px; color: #494949; margin: 0 0 21px}

#Footer_wrap {height: 120px; font-family:'Nanum Gothic', sans-serif; font-size: 14px; line-height: 24px; color: #666666; background-color: #f4f4f4; margin-top: 150px}
#Footer_wrap #Footer {width: 1090px; margin: 0 auto; padding-left: 300px; background: url(../img/homepage/footer_logo.jpg) 0 40px no-repeat}
#Footer_wrap #Footer #Menu {padding: 25px 0 11px}
#Footer_wrap #Footer #Menu a {color: #666666; text-decoration: none}
#Footer_wrap #Footer #Menu li span {margin-right: 15px}

/*=====서브=====*/

.MB10 { margin-bottom: 10px}
.MB20 { margin-bottom: 20px}
.MB30 { margin-bottom: 30px}
.MB40 { margin-bottom: 40px}
.MB50 { margin-bottom: 50px}
.MB60 { margin-bottom: 60px}
.MB70 { margin-bottom: 70px}
.MB80 { margin-bottom: 80px}

.ST01 {height: 50px; font-size: 30px; line-height: 30px; color: #252525}
.ST02 {height: 30px; font-size: 18px; line-height: 18px; color: #444444}
.ST03 {height: 20px; font-size: 12px; line-height: 12px; color: #999999; text-align: right}

.img_box {overflow: hidden}
.img_box li { float: left; width: 540px; margin-right: 20px}
.img_box li:last-child { margin-right: 0}

.tbl01 td.tit01 {font-size:14px; color:#4e4e4e; border-top:2px #000000 solid; border-right:1px #cccccc solid; border-bottom:1px #cccccc solid; background-color:#fafafa; text-align: center; padding:8px 0 9px} 
.tbl01 td.tit02 {font-size:14px; color:#666666; border-top:2px #000000 solid; border-bottom:1px #cccccc solid; background-color:#ffffff; padding:0 0 0 20px} 
.tbl01 td.txt01 {font-size:14px; color:#4e4e4e; border-right:1px #cccccc solid; border-bottom:1px #cccccc solid; background-color:#fafafa; text-align: center; padding:8px 9px} 
.tbl01 td.txt02 {font-size:14px; color:#666666; border-bottom:1px #cccccc solid; background-color:#ffffff; padding:0 0 0 20px} 

.tbl02 td.tit01 {font-size:14px; line-height: 18px; color:#4e4e4e; border-top:2px #000000 solid; border-right:1px #cccccc solid; border-bottom:1px #cccccc solid; background-color:#fafafa; text-align: center; padding:8px 0} 
.tbl02 td.tit02 {font-size:14px; line-height: 18px; color:#4e4e4e; border-top:2px #000000 solid; border-bottom:1px #cccccc solid; background-color:#fafafa; text-align: center; padding:8px 0} 
.tbl02 td.txt01 {font-size:14px; line-height: 18px; color:#888888; border-right:1px #cccccc solid; border-bottom:1px #cccccc solid; text-align: center; padding:8px 0} 
.tbl02 td.txt02 {font-size:14px; line-height: 18px; color:#888888; border-bottom:1px #cccccc solid; text-align: center; padding:8px 0} 


#Sub1_visualBG {height: 220px; background: url(../img/pc/sub1_visualBG.jpg) 50% 0 no-repeat; font-family:'Nanum Gothic', sans-serif; font-size: 28px; line-height: 28px; padding-top: 87px; color: #fff; font-weight: 700; text-align: center}
#Sub2_visualBG {height: 220px; background: url(../img/pc/sub2_visualBG.jpg) 50% 0 no-repeat; font-family:'Nanum Gothic', sans-serif; font-size: 28px; line-height: 28px; padding-top: 87px; color: #fff; font-weight: 700; text-align: center}
#Sub3_visualBG {height: 220px; background: url(../img/pc/sub3_visualBG.jpg) 50% 0 no-repeat; font-family:'Nanum Gothic', sans-serif; font-size: 28px; line-height: 28px; padding-top: 87px; color: #fff; font-weight: 700; text-align: center}
#Sub4_visualBG {height: 220px; background: url(../img/pc/sub4_visualBG.jpg) 50% 0 no-repeat; font-family:'Nanum Gothic', sans-serif; font-size: 28px; line-height: 28px; padding-top: 87px; color: #fff; font-weight: 700; text-align: center}
#Sub5_visualBG {height: 220px; background: url(../img/pc/sub5_visualBG.jpg) 50% 0 no-repeat; font-family:'Nanum Gothic', sans-serif; font-size: 28px; line-height: 28px; padding-top: 87px; color: #fff; font-weight: 700; text-align: center}
#Sub6_visualBG {height: 220px; background: url(../img/pc/sub6_visualBG.jpg) 50% 0 no-repeat; font-family:'Nanum Gothic', sans-serif; font-size: 28px; line-height: 28px; padding-top: 87px; color: #fff; font-weight: 700; text-align: center}

#Sub_sidemenu_wrap {font-family:'Nanum Gothic', sans-serif; height:60px; border-bottom:1px #cfcfcf solid; margin:0 0 74px}
#Sub_sidemenu_wrap #Sub_sidemenu {width:1090px; margin:0 auto; font-size:14px; line-height:59px}
#Sub_sidemenu_wrap #Sub_sidemenu .sidemenu #Home {float:left; width:59px; border-right:1px #cfcfcf solid; border-left:1px #cfcfcf solid; text-align:center}
#Sub_sidemenu_wrap #Sub_sidemenu .sidemenu #Mainmenu {float:left; width:200px; position:relative; border-right:1px #cfcfcf solid}
#Sub_sidemenu_wrap #Sub_sidemenu .sidemenu #Submenu {float:left; width:250px; position:relative; border-right:1px #cfcfcf solid}

#Sub_sidemenu_wrap #Sub_sidemenu .sidemenu #Home a {display:block}

#Sub_sidemenu_wrap #Sub_sidemenu > ul.sidemenu > li#Mainmenu > ul.Mainmenu_box > li > a {padding-left:20px; background:url('../img/pc/contents_blet02.png') 170px 50% no-repeat; color:#444; font-weight: 700; text-decoration:none; display:block}
#Sub_sidemenu_wrap #Sub_sidemenu .sidemenu #Mainmenu .Mainmenu_box li ul {display:none; height:auto; padding:0; margin:0px; border:0; position:absolute; left:-1px; width:201px; z-index:200} 
#Sub_sidemenu_wrap #Sub_sidemenu .sidemenu #Mainmenu .Mainmenu_box li:hover ul {background-color:#fff; border-right:1px #cfcfcf solid; border-left:1px #cfcfcf solid; display:block} 
#Sub_sidemenu_wrap #Sub_sidemenu .sidemenu #Mainmenu .Mainmenu_box li:hover ul li {padding-left:20px; font-size:14px; line-height:43px; border-bottom:1px #cfcfcf solid} 
#Sub_sidemenu_wrap #Sub_sidemenu .sidemenu #Mainmenu .Mainmenu_box li:hover ul li a {color:#888; text-decoration:none; display:block} 

#Sub_sidemenu_wrap #Sub_sidemenu > ul.sidemenu > li#Submenu > ul.Submenu_box > li > a {padding-left:20px; background:url('../img/pc/contents_blet02.png') 220px 50% no-repeat; color:#444; font-weight: 700; text-decoration:none; display:block}
#Sub_sidemenu_wrap #Sub_sidemenu .sidemenu #Submenu .Submenu_box li ul {display:none; height:auto; padding:0; margin:0px; border:0; position:absolute; left:-1px; width:251px; z-index:200} 
#Sub_sidemenu_wrap #Sub_sidemenu .sidemenu #Submenu .Submenu_box li:hover ul {background-color:#fff; border-right:1px #cfcfcf solid; border-left:1px #cfcfcf solid; display:block} 
#Sub_sidemenu_wrap #Sub_sidemenu .sidemenu #Submenu .Submenu_box li:hover ul li {padding-left:20px; font-size:14px; line-height:43px; border-bottom:1px #cfcfcf solid} 
#Sub_sidemenu_wrap #Sub_sidemenu .sidemenu #Submenu .Submenu_box li:hover ul li a {color:#888; text-decoration:none; display:block} 

#Contents .Contents {width: 1090px; margin: 0 auto}
#Contents #page_title {font-family:'Nanum Gothic', sans-serif; font-size: 38px; line-height: 46px;  color: #222; font-weight: 700; text-align: center; background: url('../img/pc/page_title_bg.jpg') 50% 100% no-repeat; padding-bottom: 20px; margin-bottom: 80px}
#Contents #page_container {font-family:'Nanum Gothic','나눔 고딕', sans-serif; font-size: 16px; line-height: 26px; color: #666; text-align: justify}

.sub1_1 {background: url(../img/homepage/sub1_1_img01.jpg) 0 0 no-repeat}
.sub1_1 li {text-align: center}
.sub1_1 .MT01 {font-size: 40px; line-height: 48px; color: #fff; letter-spacing: -2px; padding: 133px 0 21px}
.sub1_1 .MT02 {font-size: 18px; line-height: 26px; color: #fff; font-weight: 700; margin-bottom: 216px}
.sub1_1 .MT03 {width: 160px; margin: 0 auto 4px auto; border-radius: 35px; background-color: #333; font-size: 16px; line-height: 35px; color: #fff; font-weight: 700}

.sub1_2 {padding-top: 34px; border-top: 1px #000 solid}
.sub1_2 .history_box {overflow: hidden; padding-bottom: 36px; border-bottom: 1px #c8c8c8 solid; margin-bottom: 34px}
.sub1_2 .history_box .Y {float: left; width: 300px; font-size: 26px; line-height: 36px; color: #252525; font-weight: 700; text-align: center}
.sub1_2 .history_box .T {float: left; width: 790px}
.sub1_2 .history_box .S {padding-left: 10px}

.sub1_3 .list_img01 { width: 970px; margin: 0 auto; font-size: 20px; line-height: 28px; color: #333; font-weight: 700; text-align: center; overflow: hidden}
.sub1_3 .list_img01 li {float: left; width: 210px; height: 210px; border-radius: 105px; border: 5px #abbb73 solid; padding-top: 40px; margin-right: 30px}
.sub1_3 .list_img01 li:last-child {margin-right: 0}
.sub1_3 .list_img01 li p { margin-top: 10px; font-size: 14px; line-height: 20px; color: #666; font-weight: normal}

.sub2_1 .list_box {overflow: hidden; margin-bottom: 90px}
.sub2_1 .list_box .H1 {font-size: 22px; line-height: 32px; color: #444; font-weight: 700; margin-bottom: 9px}
.sub2_1 .list_box > li {float: left; width: 500px; margin-right: 90px}
.sub2_1 .list_box > li:last-child {margin-right: 0}

.sub2_2 .list_img { overflow: hidden; font-size: 14px; line-height: 34px; color: #888; text-align: center}
.sub2_2 .list_img li { float: left; width: 340px; margin-right:40px}
.sub2_2 .list_img li:last-child { margin-right: 0}

.sub2_3 .list_img01 {min-height: 215px; background: url(../img/pc/sub2_3_img01.jpg) 100% 0 no-repeat} 

.sub3_2 {border-top: 2px #000 solid}
.sub3_2 .title_box {overflow: hidden; font-size: 16px; line-height: 50px; color: #252525; font-weight: 700; border-bottom: 1px #c8c8c8 solid; margin-bottom: 0px}
.sub3_2 .title_box li.maker {float: left; width: 260px; text-align: center; margin-right: 20px}
.sub3_2 .title_box li.origin {float: left; width: 200px; margin-right: 20px}
.sub3_2 .title_box li.items {float: left; width: 590px}
.sub3_2 .list_box {overflow: hidden; padding: 10px 0; border-bottom: 1px #ececec solid; margin-bottom: 0px}
.sub3_2 .list_box span {color: #333; font-weight: 700}
.sub3_2 .list_box li.a {float: left; width: 260px; text-align: center; margin-right: 20px}
.sub3_2 .list_box li.b {float: left; width: 200px; line-height: 50px; margin-right: 20px}
.sub3_2 .list_box li.c {float: left; width: 590px}