@charset "utf-8";

/* common */
body { margin:0; padding:0; color:#858688; font-style:normal; font-size:11px; font-family:'돋움', dotum, arial, verdana, applegothic, sans-serif; line-height:18px; background:#fff url("/img/common/bg_body_new.jpg") 50% 65px no-repeat; }
div, ul, ol, li, dl, dt, dd, form, fieldset, input, button, p, h1, h2, h3, h4, h5, h6, blockquote, iframe, th, td { margin:0; padding:0; }
img { border:0; }
li { list-style:none; }
button{ background:transparent;cursor:pointer;vertical-align:middle;margin:0; }
button span{ display:none; }


table { border-collapse:collapse; border-spacing:0; }
legend, caption, hr { display:none; }

/* form */
form { display:inline; }
select, input, textarea { color:#666; font-family:'돋움', dotum, verdana, arial, applegothic, sans-serif; font-size:inherit; vertical-align:middle; }
fieldset, blockquote, iframe, button { border:none; }
fieldset{ display:inline; }
.input_txt { height:16px; padding:2px 0 0 3px; font:11px/16px 돋움,Dotum; vertical-align:middle; background:#fff; border:1px solid #d7d7d7; }
textarea,
.input_textarea { padding:5px; font:11px/16px 돋움,Dotum; background:#fff; border:1px solid #d7d7d7; }

/* font */
i, em, u, cite { font-style:normal; }
em.point { font:12px Arial; color:#ff0000; }
 
/* link */
a { font-family:'돋움', dotum; font-size:12px; text-decoration:none; }
a:hover { color:#252525; text-decoration:underline; }

/* clearfix */
.clearfix:after { clear:both; display:block; content:"."; height:0; visibility:hidden; }
* html .clearfix { height:1%; }
.clearfix { display:block; min-height:1%; }

/* typo */
.eng { font-family:Arial; font-size:12px; }
.eng-small { font-family:Arial; font-size:10px; color:#acacac; }

/* common : list-type1 */
.list-type a { display:block; color:#86848b; text-decoration:none; }
.list-type a:hover { color:#252525; }
.list-type dt { display:block; padding:0 0 0 2px; }
.list-type dt a { font:bold 12px/14px Arial; }
.list-type dd { color:#86848b; }
.list-type .location, .list-type .date { font:bold 9px Arial; }
.list-type .location { margin:7px 0 -2px 0; padding:0 0 0 2px; }
.list-type .date { padding:2px 0 11px 2px; }
.list-type .image a { background:#fff; border:1px solid #e1e1e1; }
.list-type .over dt a { color:#252525; }
.list-type .over .image a { border-color:#86848b; }
.list-type .image a em { position:absolute; left:-99999px; top:0; display:block; width:202px; height:132px; overflow:hidden; cursor:pointer; background:url("/img/common/bg_opacity_black.png") 0 0 repeat; }
.list-type .image a:hover em { left:0; }

/* common : list-type - type1 */
.type1:after { clear:both; display:block; content:"."; height:0; visibility:hidden; }
* html .type1 { height:1%; }
.type1 { display:block; min-height:1%; padding:0 0 70px 0; }
.type1 dl { position:relative; float:left; width:200px; margin:0 0 0 53px; zoom:1; }
.type1 dl.first { margin-left:0; }
.type1 dt { position:absolute; left:0; top:140px; }
.type1 dd.date { position:absolute; left:0; top:156px; }
.type1 .image a { position:relative; width:200px; height:130px; overflow:hidden; }
.type1 a em { position:absolute; left:-99999px; top:0; display:block; width:200px; height:130px; overflow:hidden; cursor:pointer; background:url("/img/common/bg_opacity_black.png") 0 0 repeat; }
.type1 a:hover em { left:0; }

/* common : list-type - type2 */
.type2:after { clear:both; display:block; content:"."; height:0; visibility:hidden; }
* html .type2 { height:1%; }
.type2 { display:block; min-height:1%; padding:30px 0 0 0; }
.type2 dl { float:left; position:relative; width:264px; min-height:130px; _height:130px; padding:0 0 0 216px; zoom:1; }
.type2 dt, .type2 dd { white-space:nowrap; }
.type2 dt { float:left; padding:12px 0 0 0; }
.type2 dd { clear:both; float:left; }
.type2 dd.location {white-space:normal; }
.type2 .image { position:absolute; left:0; top:0; }
.type2 .image a em { width:202px; height:132px; }

/* common : list-type - type3 */
.type3:after { clear:both; display:block; content:"."; height:0; visibility:hidden; }
* html .type3 { height:1%; }
.type3 { display:block; min-height:1%; padding:20px 0 20px 0; background:url('/img/common/bg_line.gif') 0 100% repeat-x; }
.type3 dl { float:left; width:140px; margin:0 0 0 65px; }
.type3 dl.first { margin-left:0; }

/* common : #visual-slider */
#visual-slider { position:relative; width:960px; height:450px; z-index:1; }
#visual-slider #visual { position:relative; width:958px; height:448px; overflow:hidden; }
#visual-slider #visual div:after { clear:both; display:block; content:"."; height:0; visibility:hidden; }
* html #visual-slider #visual div {}
#visual-slider #visual div { position:relative; height:448px; display:block; min-height:1%; overflow:hidden; }
#visual-slider #visual img { float:left; }
#other-images { position:absolute; right:0; top:466px; width:290px; }
#other-images strong { display:none; font: 10px Arial; color:#acacac; padding:0 0 4px 0; }
#other-images a { display:inline-block; width:12px; height:12px; margin:0 5px 0 0; font-size:0; line-height:100px; color:#f2f1f6; background:url('/img/common/bg_oi_new.png') 0 0 no-repeat; overflow:hidden; }
#other-images a:hover, #other-images a.selected,
#other-images a.selected:hover { background-position:-21px 0; }
#other-images a:hover { -ms-filter:"alpha(opacity=30)"; opacity:0.3; filter:alpha(opacity=30); }
#other-images a.selected:hover { -ms-filter:"alpha(opacity=100)"; opacity:1.0; filter:alpha(opacity=100); }

/* common : .content-type1 */
.content-type1 { position:relative; padding:0px 0 0 361px; zoom:1; }
.content-type1 h2 { position:absolute; left:1px; top:29px; font:bold 16px Arial; color:#252525; } /* text-transform: uppercase; */
.content-type1 h2 em { display:block; font-size:11px; font-weight:normal; }
.content-type1 h3 { margin:0 0 11px 0; font:10px/14px Arial; color:#acacac; min-height:60px; _height:60px; }
.content-type1 .description { width:600px; padding-bottom:40px; }
.content-type1 .description:after { clear:both; display:block; content:"."; height:0; visibility:hidden; }
* html .content-type1 .description { height:1%; }
.content-type1 .description { display:block; min-height:1%; }
.content-type1 div.eng, .content-type1 div.kor { display:inline; float:left; color:#898989; }
.content-type1 div.eng { width:288px; font:12px/18px Arial; }
.content-type1 div.kor { width:289px; padding-left:22px; font-size:11px; } 

/* common : #page-nav */
#page-nav { position:relative; padding:10px 0 10px 0; }
#page-nav a { color:#f3f3f3; }
#page-nav a.next img { margin:0 6px; }
#page-top { position:absolute; right:0; top:10px; }
#page-nav a.list { position:absolute; right:0; top:10px; } /* left:310px; */

/* wrapper */
#wrapper { background:url("/img/common/bg_wrap_new.jpg") 50% 508px no-repeat; }
#wrapper.about { background-position:50% 508px; }
#wrapper.news,
#wrapper.products,
#wrapper.store,
#wrapper.contact { background:none; }
#wrapper.newsView { background-position:50% 458px; }
#wrapper.productsView { background-position:50% 508px; }
#wrapper.main { background-position:50% 508px; }
/* header */
#header { position:relative; width:960px; margin:0 auto; height:66px; z-index:2; background:url('/img/common/s.gif') 0 0 repeat; z-index:3; }
#header h1 { position:absolute; left:0; top:30px; width:119px; height:27px; background:url('/img/common/logo.png') 0 0 no-repeat; }
#header h1 a { display:block; width:100%; height:100%; font-size:0; line-height:0; text-indent:-9999px; color:#f2f1f6; }
#header h1 a:hover { background:url('/img/common/logo_hover.png') 0 0 no-repeat; }
/* gnb */
#gnb { position:absolute; right:0; top:37px; }
#gnb li { display:inline; float:left; width:50px; height:18px; margin:0 0 0 21px; }
#gnb a { display:block; width:100%; height:100%;font-size:0; line-height:0;text-indent:-99999px; overflow:hidden; color:#949396; background:url('/img/common/bg_gnbset.png') 6px 0 no-repeat; }
#gnb a:hover, #gnb a.selected,
#gnb a.selected:hover { background:url('/img/common/bg_gnbset.png') 6px -83px no-repeat; }
#gnb .aboutus { width:69px; }
#gnb .aboutus a:hover, #gnb .aboutus a.selected,
#gnb .aboutus a.selected:hover { background-position:6px -83px; }
#gnb .news { width:45px; }
#gnb .news a { background-position:-84px 0; }
#gnb .news a:hover, #gnb .news a.selected,
#gnb .news a.selected:hover { background-position:-84px -83px; }
#gnb .products { width:71px; }
#gnb .products a { background-position:-149px 0; }
#gnb .products a:hover, #gnb .products a.selected,
#gnb .products a.selected:hover { background-position:-149px -83px; }
#gnb .store { width:45px; }
#gnb .store a { background-position:-244px 0; }
#gnb .store a:hover, #gnb .store a.selected,
#gnb .store a.selected:hover { background-position:-244px -83px; }
#gnb .projects { width:65px; }
#gnb .projects a { background-position:-311px 0; }
#gnb .projects a:hover, #gnb .projects a.selected,
#gnb .projects a.selected:hover { background-position:-311px -83px; }
#gnb .blog { width:41px;  }
#gnb .blog a { background-position:-399px 0; }
#gnb .blog a:hover, #gnb .blog a.selected,
#gnb .blog a.selected:hover { background-position:-399px -83px; }
#gnb .contact { width:61px; }
#gnb .contact a { background-position:-461px 0;}
#gnb .contact a:hover, #gnb .contact a.selected,
#gnb .contact a.selected:hover { background-position:-461px -83px; }

/* contents */
#contents:after { clear:both; display:block; content:"."; height:0; visibility:hidden; }
* html #contents { height:1%; }
#contents { position:relative; width:960px; margin:0 auto; display:block; min-height:570px; _height:570px; z-index:2; }
#contents.main { margin:0 auto; }
/* contents : main */
em.t,
em.b { position:absolute; left:0; top:0; display:block; width:100%; height:7px; background:url("/img/common/bg_main_visual_top.png") 50% 0 no-repeat; z-index:10; }
em.b { top:auto; bottom:0; background-image:url("/img/common/bg_main_visual_bottom.png"); }
#main-visual, #main-gallery {} /*  background:url('/img/common/bg_line.gif') 0 100% repeat-x;  */
#main-visual { position:relative; width:961px; height:665px; margin:-1px 0 -200px 0; padding:0; overflow:hidden; z-index:1; }
#mainvisual-area { position:relative; width:960px; height:449px; overflow:hidden; }
#mainvisual-area a { position:absolute; left:-99999px; top:0; z-index:1; }
#mainvisual-area a.selected { z-index:3; left:0; }
#mainvisual-area a.prev { z-index:2; }
#main-visual #other-images { position:absolute; left:0px; top:418px; z-index:3; right:auto; display:inline; width:100%; text-align:center; background:url('/img/common/s.gif') 0 0 repeat; }
#main-visual #other-images a { position:relative; z-index:3; }

/*
#other-images a { display:inline-block; width:12px; height:12px; margin:0 9px 0 0; font-size:0; line-height:100px; color:#f2f1f6; background:url('/img/common/bg_oi_new.png') 0 0 no-repeat; overflow:hidden; }
#other-images a:hover, #other-images a.selected,
#other-images a.selected:hover { background-position:-21px 0; }
#other-images a:hover { -ms-filter:"alpha(opacity=30)"; opacity:0.3; filter:alpha(opacity=30); }
#other-images a.selected:hover { -ms-filter:"alpha(opacity=100)"; opacity:1.0; filter:alpha(opacity=100); }
*/


#thumbnail-list { position:absolute; left:0; top:290px; z-index:10; padding:15px 15px 15px 0;}
#thumbnail-list a { display:inline; float:left; width:38px; height:38px; margin:0 5px 0 0; overflow:hidden; color:#f3f3f3; border:1px solid #d7d7d7; }
#thumbnail-list a:hover, #thumbnail-list a.selected,
#thumbnail-list a.selected:hover:hover { border-color:#86848b; }
#main-gallery { position:relative; padding:0px 0 7px 0px; z-index:2; zoom:1; }
#main-gallery .type1 dl { margin:0 0 0 52px; }
#main-gallery .type1 dl.first { margin-left:0; }

/* contents : about */
#about-content h2 { left:1px; top:34px; }
#about-content .about-me { padding-top:32px; padding-bottom:0; background:none; } 
#about-content .kor,
#about-content .eng { width:600px; padding:0 0 23px 0; }
#about-content .kor p { margin:0 0 18px 0; }
#contents #other-images.about-otherimage { left:0px; top:418px; width:100%; text-align:center; }

/* contents : event */
#event-content { padding-top:20px; }
#event-content.content-type1 { background:none; }
#event-content .list-type .location,
#event-content .list-type .date { padding-left:0; }
#event-content .description .kor { width:600px; padding-left:0; }
#event-view { position:relative; padding:0 0 0 360px; zoom:1; }
#event-view #visual-slider { width:600px; height:400px; }
#event-view #visual-slider #visual { width:598px; height:398px; }
#event-view #visual-slider #visual em.t,
#event-view #visual-slider #visual em.b { left:auto; right:0; }
#event-view #other-images { top:auto; right:auto; left:0; bottom:13px; width:598px; text-align:center; }
#event-view .view-content { position:absolute; left:0; top:0; width:340px; }
.view-content h2 { margin:20px 0 0 0; font:bold 16px/18px Arial; color:#414042; }
.view-content .info { position:absolute; left:0; top:176px; min-height:155px; width:338px; padding:0 0 6px 2px; }
.view-content .info a { font:10px Arial; color:#898989; }
.view-content .info dl:after { clear:both; display:block; content:"."; height:0; visibility:hidden; }
* html .view-content .info dl { height:1%; }
.view-content .info dl { position:relative; display:block; min-height:1%; }
.view-content .info dt, .view-content .info dd { font-size:10px; font-family:Arial; color:#898989; line-height:16px; }
.view-content .info dt { position:absolute; left:0; top:1px;  } /* text-transform: uppercase; */
.view-content .info dt strong { font-weight:bold; color:#898989; line-height:14px; }
.view-content .info dd { padding:1px 0 0 60px; }
.view-content .info .link dd { width:280px; 
		word-wrap: break-word;
		white-space: pre-wrap;
		white-space: -moz-pre-wrap;
		white-space: -pre-wrap;
		white-space: -o-pre-wrap;
}
/* store view */
/* #event-view #store-title { color:#414042; } */
#event-view #store-title em { display:block; padding:1px 0 0 0; font-size:Arial; font-size:9px; text-transform: uppercase; color:#898989; }
#event-view #store-description { width:325px; min-height:90px; _height:90px; padding:0 0 15px 0; } /* margin:0 0 28px 0; */
#event-view .store-info { position:absolute; left:0; top:88px; min-height:243px; _height:243px; font-family:Arial; }
/*
#event-view .store-info dt strong { line-height:14px; }
#event-view .store-info dd { padding-top:1px;}
*/
#event-view .store-info dd { padding-left:70px; }

/* contents : product */
#product-content { position:relative; padding-top:20px; }
#subtab-nav { position:absolute; right:0; top:13px; }
#subtab-nav li { display:inline; float:left; margin:0 0 0 13px; }
#subtab-nav a { float:left; padding:0 0 0 14px; font:bold 9px Arial; color:#363636; text-decoration:none; } /* text-transform: uppercase; */
#subtab-nav a:hover { color:#363636; }
#subtab-nav a.selected { color:#8b8b8b; }
#product-content.content-type1 { background:none; }
#product-content .type1 { padding-top:20px; }

/* contents : projects */
#project-content .project-info { position:absolute; left:0; top:0; }
#project-content .project-info .info-content { width:330px; padding:111px 0 0 1px; font-size:10px; color:#9c9ea0; line-height:12px; }
#project-content .description { padding-top:31px; padding-bottom:0; }
#project-content .kor { width:600px; padding:0; }
#project-content .eng { width:600px; padding:16px 0 0 0; font-size:10px; }
#project-content #page-nav { margin-top:36px; padding-top:11px; padding-bottom:27px; background:url('/img/common/bg_line.gif') 0 0 repeat-x; }

/* contents : press */
#press-visual { position:relative; width:960px; height:200px; margin:0 0 77px 0; background:url('/img/content/bg_press_visual.jpg') 0 0 no-repeat; overflow:hidden; }
#press-visual .for-press h2, #press-visual .download h2 { font-size:0; line-height:0; text-indent:-99999px; background:url('/img/content/press_h2_txt1.gif') 0 0 no-repeat; overflow:hidden; }
#press-visual .for-press { position:absolute; left:22px; top:20px; }
#press-visual .for-press h2 { width:100px; height:31px; }
#press-visual .for-press p { display:inline; float:left; margin:0 29px 0 0; color:#6a6a6a; }
#press-visual .for-press .eng { width:238px; font:11px/16px Arial; }
#press-visual .for-press .kor { width:255px; padding-top:2px; font:11px/16px 돋움,Dotum;; }
#press-visual .download { position:absolute; left:621px; top:20px; }
#press-visual .download h2 { width:112px; height:14px; margin:0 0 61px 0; background-image:url('/img/content/press_h2_txt2.gif'); }
#press-visual .download ul:after { clear:both; display:block; content:"."; height:0; visibility:hidden; }
* html #press-visual .download ul { height:1%; }
#press-visual .download ul { display:block; min-height:1%; }
#press-visual .download li { float:left; padding:0 14px 0 15px; background:url('/img/icon/ico_file.gif') 0 50% no-repeat; }
#press-visual .download li a { float:left; font:12px/22px Arial; color:#6a6a6a; text-decoration:none; }
#press-visual .download li a:hover { color:#252525; }
#press-visual .download ul.pw-file li { background:url('/img/icon/ico_file2.gif') 0 7px no-repeat; }
#press-visual .download .email { margin:9px 0 0 0; font-family:Arial; font-size:11px; }
#press-visual .download .email a { font:11px Arial; color:#6a6a6a; text-decoration:none; }
#press-visual .download .email a:hover { color:#252525; }
#press-content { position:relative; background:url('/img/common/bg_line.gif') 0 0 repeat-x; zoom:1; }
#press-content h2 { position:absolute; left:0; top:-27px; width:134px; height:14px; font-size:0; line-height:0; text-indent:-99999px; background:url('/img/content/press_h2_txt3.gif') 0 0 no-repeat; overflow:hidden; }
#press-view, 
#press-view #page-nav { background:url('/img/common/bg_line.gif') 0 0 repeat-x; }
#press-view .view-area h2 { padding:6px 0; font:bold 12px Arial; color:#252525; text-transform: uppercase; background:url('/img/common/bg_line.gif') 0 100% repeat-x; }
#press-view .view-area h2 sup { position:relative; vertical-align:middle;  padding:0 0 0 7px; font:9px Arial; color:#898989; text-transform: none; }
#press-view .file:after { clear:both; display:block; content:" "; height:0; visibility:hiddenm; }
* html #press-view .file { height:1%; }
#press-view .file { display:block; min-height:1%; padding:14px 0 23px 0; }
#press-view .file li { display:inline; float:left; margin:0 10px 0 0; padding:0 0 0 15px; background:url('/img/icon/ico_file.gif') 0 50% no-repeat; }
#press-view .file a { font:12px/22px Arial; color:#6a6a6a; text-decoration:none; }
#press-view .file a:hover { color:#252525; }
#press-view .content { color:#898989; padding:48px 0 37px 0; }

/* contents : contact */
#contact-content { position:relative; }
#contact-content h2 { height:84px; font-size:0; line-height:0; text-indent:-99999px; }
#contact-content .address { position:relative; width:960px; padding:0 0 41px 0; }
#contact-content .address h2 { width:70px; background:url('/img/content/contact_h2_txt1.gif') -99999px 21px no-repeat; }
#contact-content .address h3 { font:bold 10px/16px Arial; color:#858688; } 
#contact-content .address address { font: 10px/16px Arial; }
#contact-content .address a { color:#858688; font: 10px/18px Arial; }
#google-map { position:absolute; left:480px; top:85px; width:480px; height:350px; }
#google-map a { position:absolute; right:0; bottom:-19px; display:block; width:40px; height:18px; border:1px solid #d7d7d7; border-top:0; font:10px Arial; color:#6a6a6a; text-align:center; text-decoration:none; background:#fff; }
#contactTabNav { position:absolute; left:0; top:33px; z-index:1; }
#contactTabNav li { display:inline; float:left; width:77px; height:27px; margin:0 3px 0 0; background:url("/img/common/bg_contact_tab.gif") 0 0 no-repeat; }
#contactTabNav li a { display:block; width:100%; height:100%; font:0/100px Arial; text-indent:-99999px; overflow:hidden; color:#fff; }
#contactTabNav li.req { background-position:-80px -73px; }

#contact-content .require { position:absolute; left:-99999px; top:0; }
#contact-content .require h2 { width:81px; background:url('/img/content/contact_h2_txt2.gif') -99999px 21px no-repeat; }
#contact-content .require p { height:89px; font: 11px/16px Arial; }
#contact-content .require p strong { font-weight:normal; }
#contact-content .require fieldset div { position:relative; padding:0 0 12px 107px; }
#contact-content .require fieldset label { position:absolute; left:0; top:0; float:left; color:#6a6a6a; }
#contact-content .require fieldset .input_txt { width:227px; }
#contact-content .require .url { padding-bottom:11px; }
#contact-content .require .url .input_txt { width:367px; }
#contact-content .require fieldset textarea { width:360px; height:94px; }
#contact-content .require .button { padding:17px 0 0 107px; }
#contact-content .require .button input { vertical-align:top; }

.reqOpen  #contactTabNav li { background-position:0 -73px; }
.reqOpen  #contactTabNav li.req { background-position:-80px 0; }
#contact-content.reqOpen .address { left:-99999px; }
#contact-content.reqOpen .require { left:0; }

/* footer */
#footer { position:relative; width:960px; margin:20px auto 0 auto; height:90px; background:url('/img/common/bg_copy_new.gif') 2px 3px no-repeat; }
#footer .link { position:absolute; right:0; top:0; }
#footer .link li { display:inline; float:left; height:12px; margin:0 0 0 16px; background:url('/img/common/bg_footerlink_new.gif') 0 0 no-repeat; }
#footer .link a { display:block; width:100%; height:100%; font:0/100px Arial; color:#f3f3f3; text-indent:-99999px; overflow:hidden; }
#footer .link .aboutus { width:57px; }
#footer .link .store { width:40px; background-position:-72px 0; }
#footer .link .contact { width:53px; background-position:-128px 0; }
#footer .link .top { display:none; width:37px; background-position:-197px 0; }
#footer .copy span { position:absolute; font-size:0; line-height:0; text-indent:-99999px; z-index:-1; }
#footer .copy { padding:8px 0 0 0; }
#footer .copy a { display:block; margin:0 0 0 53px; width:57px; height:10px; overflow:hidden; font-size:0; line-height:0; text-indent:-99999px; color:#f2f1f6; }

::-moz-selection{ background:#fff; color:#363636;}
::selection {background:#fff; color:#363636;}