html { -webkit-text-size-adjust:none; } 
body{ }
div,span,object,iframe,p,
blockquote,pre,abbr,cite,code,del,dfn,img,h1, h2, h3, h4, h5, h6,html,body,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video{ margin:0; padding:0; outline:0;  vertical-align:top;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
li{ list-style-type:none; }
img,fieldset,iframe{ border:0; vertical-align:top; }
img,fieldset { border:none; }
img{ }
input, textarea, select { font:normal 12px Malgun Gothic; vertical-align:middle; margin:0; padding:0; }
a{ text-decoration:none; }
a:visited{ text-decoration:none; }
.skip {font-size:0; width:0; height:0; line-height:0; position:absolute; left:-9999px; }
.both{ clear:both; }
table{ width:100%; margin:0px auto; border-collapse:collapse; border-spacing:0;  font:normal 12px/16px Dotum; vertical-align:top; }

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic);
@font-face {
	font-family: 'icon';
	src: url('fonts/modernpics-webfont.eot');
	src: url('fonts/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/modernpics-webfont.woff') format('woff'),
		 url('fonts/modernpics-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'icon2';
	src: url('fonts/Entypo-webfont.eot');
	src: url('fonts/Entypo-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Entypo-webfont.woff') format('woff'),
		 url('fonts/Entypo-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*
딩벳폰트 철자 안내 사이트 주소
http://www.fontsquirrel.com/fonts/modern-pictograms?filter%5Bclassifications%5D%5B%5D=dingbat&=&filter%5Bfamily_size%5D=1&filter%5Bdownload%5D=all&sort=a2z
*/
/* ##################### 전체 공통 중앙정렬 WRAP  #####################*/
.centerWrap{ position:relative; max-width:1000px; margin:0 auto; }
.centerWrap:after{ content:""; display:block; clear:both; }


/* ##################### 1. 해더  #####################*/
header{ z-index:99; position:fixed; top:0; left:0;/* position:absolute; top:0; left:0;  */width:100%; min-width:1000px; height:72px;  overflow:hidden;
	 border-bottom:solid 3px #0c0c90; background:url(/img/white_97.png); box-shadow:0px 1px rgba(0,0,0,.03); }
header:after{ content:""; display:block; width:100%; height:100px; }
.logo{ z-index:999; display:inline-block; position:absolute; top:11px; left:13px; }

.logo img{  }
.s_menu{ position:absolute; top:0; right:5px; font:normal 11px/11px Malgun Gothic; }
.s_menu a{ display:inline-block; padding:4px 6px 3px 6px; font:normal 11px/11px Arial; border:solid 1px #ccc; border-width:0 1px 1px 1px; background:#fff; color:#333; }
.s_menu a{ border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -o-border-radius:0 0 3px 3px; }
.s_menu a:hover{ border-color:#999; color:#111; }
.s_menu a.s_en{ background:url(/img/flag_en.png) no-repeat 2px 1px; padding:4px 5px 3px 20px;  }
.s_menu a.s_cn{ background:url(/img/flag_cn.png) no-repeat 2px 1px; padding:4px 5px 3px 20px;  }


/* ##################### 2. 탑메뉴 ################### */
.gnb{  position:relative; width:100%; }
.gnb .centerWrap{ }
.gnb ul{  z-index:999; position:absolute; top:35px; right:0px;  }
.gnb ul li{ z-index:999; float:left; min-width:165px;  }
.gnb ul li > a{ display:block; font:700 15px/22px Arial; color:#111; padding:0 0 15px 0; vertical-align:top; letter-spacing:-0.5px; cursor:default; text-align:center; }
.gnb ul li.on > a{ font:700 15px/22px Arial; color:#2006f2;  padding:0 0 15px 0; border-bottom:solid 0px #ddd; box-shadow:0px 1px #82a31e; }
.gnb ul li p{ min-height:190px; border-right:dotted 1px #bbb; vertical-align:top; padding:0 0 10px 0; }
.gnb ul li:first-child p{ border-left:dotted 1px #bbb; }
.gnb ul li.on p{ background:#fff;  }
.gnb ul li p a{ display:block;  padding:0 0 1px 10px; font:bold 12px/18px Arial; color:#2d2d2d; }
.gnb ul li p a.depth_2{ font-weight:normal; }
.gnb ul li p a.on{ position:relative; color:#e80000; font-weight:bold; letter-spacing:-0.2px; }
.gnb ul li p a:hover{ position:relative; background:#1f1fa6; color:#fff;  font-weight:bold; letter-spacing:-0.2px; }
/* .gnb ul li p a:hover:after{ display:inline-block; float:right; content:"▶"; font:normal 12px Arial; padding:2px 5px 0 0; } */

.gnb ul li.m_01 > a{ text-indent:20px; }
.gnb ul li.m_02 p a:nth-child(2),
.gnb ul li.m_02 p a:nth-child(3),
.gnb ul li.m_02 p a:nth-child(5),
.gnb ul li.m_02 p a:nth-child(6){ text-indent:1px; }
.gnb ul li.m_02 p a.depth_2:before{ content:"-"; font:normal 12px Arial; padding-right:5px; }

.gnb ul li.m_01{ min-width:140px; }
.gnb ul li.m_02{ min-width:185px; }
.gnb ul li.m_03{ min-width:130px; }
.gnb ul li.m_04{ min-width:155px; }
.gnb ul li.m_03 > a{ text-indent:-35px; }

.lineBox{ z-index:-1; position:absolute; top:0; left:0; width:100%; height:72px; border-bottom:dotted 1px #777; background:#fff; }


/* ##################### 3. 컨테이너 > 메인 ################# */
.flex-control-paging, .flex-direction-nav{display:none;}
.container{ #z-index:1; position:relative; width:100%; margin:70px auto 0;  min-width:1000px; min-height:600px; background:#eee; }
.container:after{ content:""; clear:both; display:block; }
.container.Main { background:none; }

.tabTitle_text{ padding:80px 0 0 30px; position:absolute; top:70px; left:5px; z-index:8; }


.tabTitle{ display:none;  font:700 18px/26px Malgun Gothic; color:#333; padding:60px 0 10px 4%;}
.tabTitle b{ font:700 38px/40px Malgun Gothic; display:block; color:#0c219e; padding:0 0 6px 0;  letter-spacing:-1px;  }
.tabTitle b br{ display:none; }
.tabTitle span{  font:400 18px/22px Arial;  display:inline-block; color:#444; /*color:#ccc; background:url(../../img/black_70.png);  padding:2px 10px 7px;*/ margin:5px 0 8px 5px;
				border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
.tabTitle li{ display: inline-block; padding:0px; width:131.33333px;  margin:0px; color:#000; text-align:center;  font:bold 12px/20px Dotum; vertical-align:bottom; text-indent:0; float:left; letter-spacing:-0.5px; }
.tabTitle li:first-child{ border-left:none; width:143.33333px; }

.main_wrap_03{ position:relative;  overflow:hidden; width:1000px; min-height:570px; background:none; margin:-630px auto 0; }
@media (max-width:1000px) {
.main_wrap_03{  margin:-648px auto 0; }
}
.main_ment{ text-align:center; margin:0 auto 25px; font:normal 18px/22px Malgun Gothic; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.6) }
.main_ment b{ font:bold 40px/40px Arial; font-style:italic; }
.main_ment.add{ margin:20px auto 20px;  }
.main_box{ position:relative; padding:0; margin:0; left:20px; }
.main_box:after{ content:""; display:block; clear:both; } 

.main_product{ position:relative; width:1000px; margin:25px 0 0 25px; z-index:8;}
.main_product:after{ content:""; display:block; clear:both; }
.main_product dl{ position:relative; float:left; width:222px; height:270px;  background:#fff; margin:0 20px 0 0;  overflow:hidden; color:#094888; text-align:center; box-shadow:1px 1px 4px rgba(0,0,0,.1);
				 border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;  cursor:pointer;  border:solid 1px #bbb; opacity:0;  filter:alpha(opacity=0); overflow:hidden; }
.main_product dl dt{ width:100%; }
.main_product dl dt img{ width:80%; padding:20px 0 0 0; }
.main_product dl dd{ width:100%; position:absolute; left:0; bottom:0; font:normal 11px/14px Malgun Gothic; padding:15px 0 14px 0; color:#777; background:#f7f7f7; }
.main_product dl dd b{ display:block; font:bold 18px/22px Arial; color:#111; padding:0 0 5px 0; letter-spacing:-1px; }
.main_product dl dd span{ display:block; width:30%; margin:0 auto;  background:#fff; color:#333; border:solid 1px #aaa; padding:3px 10px; font:normal 12px/14px 'Nanum Gothic',Malgun Gothic;  margin-top:3px;  }
.main_product dl dd span{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }


.main_product dl:hover{ border-color:#888; }
.main_product dl:hover dd span{ background:#1b00ea; color:#fff; border:none; }
.main_product dl:hover dd b{ color:#cc2a2a; }
.main_product dl:hover dt img{ width:95%; padding:10px 0 0 0; transition:ease .2s; }
.main_product dl dt.vcu_img img{ width:21%; padding:10px 0 0 0; }
.main_product dl dt.jsr_img img{ width:68%; padding:20px 0 0 0;}

.main_product dl:hover dt.vcu_img img{ width:24%; padding:5px 0 0 0; }
.main_product dl:hover dt.jsr_img img{ width:80%; padding:10px 0 0 0;}

.main_product dl.main_box{ position:relative; display:inline-block;  margin:30px 5px 0px 5px; width:230px; height:120px; padding:20px 2%; background:#fff; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; }
.main_product dl.main_box{ border:solid 1px #bbb; box-shadow:0px 0px 3px rgba(0,0,0,.05);/*  border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; */ }
.main_product dl.main_box:after{ content:""; clear:both; display:block; }
.main_product dl.main_box dt{ font:bold 18px/20px Arial; padding:0 0 10px 0; }

.main_product dl.main_box.six{   background:#333 url(/img/ebook_bg.jpg) no-repeat 0px -10px; margin:30px 5px 0px 180px; border-color:#6c3c1f; box-shadow:0px 0px 3px rgba(0,0,0,.3); cursor:pointer;  }
.main_product dl.main_box.six:after{ content:""; clear:right; }
.main_product dl.main_box.six dt{ color:#fff; }
.main_product dl.main_box.six dd{ padding:0; position:relative; left:auto; bottom:auto; font:normal 12px/16px Arial; color:#aaa; letter-spacing:0.5px; background:none; }
.main_product dl.main_box.six dd span{ position:relative; top:60px; bottom:auto; right:auto;  color:#fff; font:normal 11px/16px Arial; border:solid 1px #222; padding:1px 10px; }
.main_product dl.main_box.six dd span{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; overflow:hidden; background:url(/img/black_50.png); }
.main_product dl.main_box.six:after{ position:absolute; bottom:20px; right:37%; content:"a";  display:block; font:normal 70px 'icon',Arial; color:#fff; opacity:.6;  filter:alpha(opacity=60); }

.main_product dl.main_box.seven{  /* background:#fff url(/img/btn_circle_arrow.png) no-repeat 93% 20px; */border-color:#777; cursor:default; }
.main_product dl.main_box.seven dt{ padding:0 0 22px 0; }
.main_product dl.main_box.seven dd{ font:normal 12px/16px Arial; color:#666; background:none;  }
.main_product dl.main_box.seven.com{  cursor:pointer; }
.main_product dl.main_box.seven.com img{ position:absolute; bottom:0; right:0; }
.main_product dl.main_box.seven.fac img{ position:absolute; bottom:13px; right:10px; }
.main_product dl.main_box.seven.fac a{ display:block; font:bold 13px arial; color:#333; padding:0 0 5px 0; text-decoration:underline; }


/* 메인 bg */
.mainBg{ position:fixed; top:0; left:0; width:100%; min-width:1000px; height:100%; min-height:910px; z-index:-1;  }
.mainBg li{  position:fixed; top:0; left:0; width:100%; min-width:1000px; height:100%; min-height:910px;  }
.mainBg li.bg_01{ min-width:1000px; background:url(/img/main_visual_bg_01.jpg) no-repeat top center; }
.mainBg li.bg_02{ min-width:1000px; background:url(/img/main_visual_bg_02.jpg) no-repeat top center; }
.mainBg li.bg_03{ min-width:1000px; background:url(/img/main_visual_bg_03.jpg) no-repeat top center; }
.mainBg li.bg_04{ min-width:1000px; background:url(/img/main_visual_bg_04.jpg) no-repeat top center; }
.mainBg li.bg_05{ min-width:1000px; background:url(/img/main_visual_bg_05.jpg) no-repeat top center; }
.mainBg li.bg_06{ min-width:1000px; background:url(/img/main_visual_bg_06.jpg) no-repeat top center; }



/* 메인 중앙컨텐츠 */
.main_content{ position:relative; overflow:hidden;  padding:40px 0 60px 0;  margin:0 auto; text-align:center; margin-left:-20px; }
.main_content{ border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px; }
.main_content:after{ content:""; display:block; clear:both; }

.main_content .m_box{ float:left; margin:0 1% 0 2.5%; vertical-align:top; overflow:hidden; }
.main_content .m_box:after{ content:""; display:block; clear:both; }

/* 메인 최신글 탭 공지사항 */
.main_recently{ position:relative; width:38%; padding:0; min-height:90px; }
.main_recently:after{ content:""; display:block; clear:both; } 
.tab_main_menu{ position:relative; overflow:hidden;  border-bottom:solid 2px #1f61e7; }
.tab_main_menu > li{ position:relative; float:left; width:45%; padding:10px 0; font:bold 16px/20px Malgun Gothic; color:#4675d3; padding:7px 0px; cursor:pointer; margin:0px 0.8% -1px 0;
				border:solid 1px #ccc; border-width:1px 1px 0px 1px; text-align:center; background:#f9f9f9; }
.tab_main_menu > li.active{ color:#fff; border-color:#0061a8; background:#1f61e7; box-shadow:none; }
.tab_main_menu > li.active a{ color:#fff; }

.tab_main_list{ position:relative; width:98%; padding:0px 1% 0px 1%;  }
.tab_main_list:after{ content:""; display:block; clear:both; } 
.tab_main_list > li{  }
.tab_main_list > li > a{ position:absolute; top:-43px; right:2%; font:normal 12px Dotum; color:#777; padding:3px 10px; /*border:solid 1px #ccc; background:#f6f6f6;*/ }
.tab_main_list > li > a:hover{ color:#1f61e7; }

.notice_list{ position:relative; margin:15px 0 0 0; }
.notice_list li{ position:relative; }
.notice_list li a{ display:block; padding:3px 0 3px 2%; font:normal 12px/18px Dotum; color:#111; }
.notice_list li a:hover{ color:#ef4a24; }
.notice_list li a span{ position:absolute; top:3px; right:2%; color:#5b79aa; }


.m_cs{ position:relative; }
.m_cs li{ padding:3px 0; vertical-align:middle; font:bold 17px/18px Verdana; color:#222; letter-spacing:-1px; }
.m_cs li:before{ display:inline-block; content:""; width:42px;  font:normal 9px/9px Arial; padding:3px 0 2px 0; background:#0e4ca4; color:#fff; text-align:center; vertical-align:middle; letter-spacing:0px; }
.m_cs li:before{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; overflow:hidden; margin:0 2px 0 0;  }
.m_cs li.tel:before{ content:"TEL"; }
.m_cs li.fax:before{ content:"FAX";  }
.m_cs li.off{ font:normal 12px/12px Verdana; color:#2c5ab9; text-align:right; }
.m_cs li.off:before{  padding:0;  }
.m_cs li.mail:before{ content:"E-MAIL"; width:42px; background:#bf2626; letter-spacing:1px;  margin:6px 5px 4px 0; }
.m_cs li.mail > a{ display:inline-block; padding:3px 0 0 0; }
.m_cs li a{ color:#222;  font:normal 12px/12px Arial; letter-spacing:0.5px; }
.m_cs li a:hover{ text-decoration:underline;  }

/* 메인 스몰 배너 */
.small_banner{ width:28%;  }
.small_banner li{ position:relative; overflow:hidden; border:solid 2px #e9e9e9; margin:10px 0 0 0;  background:#fff; }
.small_banner li:first-child{ margin:0; }
.small_banner li a{ display:block; height:65px; color:#333; font:normal 12px/16px Malgun Gothic; letter-spacing:-1px; padding:10px; }
.small_banner li a strong{ font:bold 16px/22px Malgun Gothic; }
.small_banner li a span b{ display:block; color:#000; font:bold 16px/22px Malgun Gothic; padding:0 0 5px 0; }
.small_banner li a span{ display:block; margin:4px 0 0 4px; color:#666; letter-spacing:0; }
.small_banner li.b_movie{ background:#fff url(../../img/icon_ebook.png) no-repeat 180px center; }
.small_banner li.b_blog{  background:#fff url(../../img/icon_map.png) no-repeat 180px center; }
.small_banner li.b_blog img{ position:absolute; top:10px; left:12px; width:44px; }


.call_banner{ position:relative; width:21%; height:164px; padding:18px 0 2px 2%; background:#0e65ae url(/img/line_italic.png); border:solid 1px #07589c; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; }
.call_banner strong{ display:block; position:relative; font:bold 18px/24px Arial; color:#c9eeff; letter-spacing:-0.5px; vertical-align:middle; padding:0 0 20px 0; }
.call_banner strong i{ position:absolute; bottom:0; font:normal 12px Malgun Gothic; letter-spacing:0; padding:0 0 0 5px; }
.call_banner a{ display:block; padding:0 0 5px 0; color:#fff; cursor:default; font:bold 18px/20px arial,sans-serif; }
.call_banner a.mail{ display:inline-block; font:normal 12px/16px Malgun Gothic; color:#fff; padding:0; cursor:pointer; }
.call_banner a.mail:hover{ text-decoration:underline; color:#ff84af; }
.call_banner span{ font:normal 12px/16px Malgun Gothic; color:#90cce2; }
.call_banner span.fff{ color:#fff; }
.call_banner img{ position:absolute; bottom:0px; right:2px; height:70px; opacity:.5;  filter:alpha(opacity=50);  }
.call_banner img.cer{ position:absolute; bottom:9px; left:20px; width:90px; height:auto;  }

/* ##################### 5. 푸터  ####################*/
footer{ position:relative; width:100%; min-width:1000px; min-height:110px; background:#fff; z-index:8; }

footer h1{ display:inline-block; margin:5px 0 0 10px; }
footer h1 img{ width:250px; opacity:.85;  filter:alpha(opacity=85); }

.footer_btn{ position:relative; height:20px; background:#f8f8f8 url(/img/gradation_01.png) repeat-x top; border-top:solid 1px #888;  border-bottom:solid 1px #ddd; padding:5px 0 5px 0; }
.footer_btn a{ float:right; display:inline-block; font:bold 12px/16px Malgun Gothic; color:#777; padding:1px 10px 2px 10px; border:solid 1px #bbb; margin:0 5px 0 0; background:#fff; }
.footer_btn a{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;  }
.footer_btn a.f_pc{  position:absolute; bottom:-245px; left:0; width:1000px; text-align:center; font:bold 100px/120px Malgun Gothic; z-index:10; padding:20px 0; border-width:1px 0; }
#pc_button{ }

address{ position:absolute; top:10px; left:310px; font:normal 11px/18px Malgun Gothic; color:#555; }
address a{ color:#555; }
address a:hover{ text-decoration:underline; }
address b.l_p{ display:inline-block; padding:0 0 0 7px; }

small{  font:normal 11px/18px Malgun Gothic; color:#1f429a; }
small a{ color:#555; }
small a:hover{  text-decoration:underline; }

.m_version{ text-align:center; margin:0 auto; }
.m_version a{ max-width:940px; display:none;  border:solid 1px #aaa; padding:30px 0; background:#f9f9f9; font:bold 60px Arial; color:#333; margin:30px auto; background:#d6f2ff url(/img/gradation_01.png) repeat-x top; }


/* ################# 서브 컨텐츠 ################## */


.subWrap{ position:relative; width:100%; min-width:1000px; margin:0 auto; background:#fff; vertical-align:middle; font-size:12px;  border:solid 1px #e8e8e8; border-width:0px 1px; }
.subWrap:after{ content:""; display:block; clear:both; }

.sub_visual{  position:relative; height:88px; background:#aaa; overflow:hidden; text-align:right; padding:40px 30px 0 0;  text-shadow:2px 2px 2px rgba(0,0,0,5);  }
.sub_visual dt{ font:700 24px Arial;  font-style:italic; color:#fff; padding:0 0 5px 0;  }
.sub_visual dd{ font:400 12px Arial; color:#eee; letter-spacing:0px; }
.sub_visual.bg01{ background:url(/img/sub_visual_01.jpg) no-repeat; }
.sub_visual.bg02{ background:url(/img/sub_visual_02.jpg) no-repeat; }
.sub_visual.bg03{ background:url(/img/sub_visual_03.jpg) no-repeat; }
.sub_visual.bg04{ background:url(/img/sub_visual_04.jpg) no-repeat; }


.sub_left_wrap{  position:relative; float:left; width:165px;}
.sub_left_wrap:after{ content:""; display:block; clear:both; } 

.lnb{  position:relative; }
.lnb li{ }
.lnb li.on > a{  position:absolute; top:-82px; left:27px; font:normal 28px/30px sans-serif; color:#fff; letter-spacing:-1px;  margin:0 -100px 0 0; }
.lnb li p{margin-top:0;}
.lnb li p a{ position:relative; display:block; padding:7px 11% 7px 10%; font:700 14px/16px Arial; border-bottom:solid 1px #e8e8e8; color:#333; }
.lnb li p a:hover{ background:#f9f9f9; color:#1882d4; }

.lnb li p a.on{ color:#fff; background:#0e6fe6; border-bottom:solid 1px #2092da; }
.lnb li p a.on:after{ position:absolute; top:25%; right:12%; content:">"; float:right; margin-right:-10%; font-size:12px; color:#ddd; }
.lnb li p a.depth_2{ position:relative;  font:400 13px/16px Arial; padding:7px 11% 7px 16%;  }
.lnb li p a.depth_2:before{position:absolute; top:8px; left:10%; content:">"; font:bold 12px 'icon', Arial; opacity:.4; }
.lnb li.m_04 > a{ position:absolute; top:-90px; left:27px;  margin:0 0 0 0; }

.lnb.fixed{  position:fixed; width:165px; top:75px; left:50%; margin-left:-499px; }
.lnb.fixed p a.on{  background:#0e6fe6; border-color:#2092da; }

.banner_cs{ position:relative; padding:20px 5% 20px 5%; text-align:center;  }
.banner_cs dt{ font:bold 14px/20px Arial; color:#1882d4; padding:0 0 5px 0;  }
.banner_cs dd b{ display:block; font:bold 18px/18px Malgun Gothic; color:#222; padding:0 0 5px 0; }
.banner_cs dd{  font:normal 12px/18px Malgun Gothic; color:#666; }

.sub_right_wrap{  position:relative; float:right;  width:774px; min-height:500px; padding:18px 30px 70px 30px; border-left:solid 1px #eee; line-height:150%; font:normal 13px/20px Arial; color:#222; word-break:break-all; overflow:hidden;}
.sub_right_wrap:after{ content:""; display:block; clear:both; } 

.sub_right_wrap > h1{ font:700 22px Verdana;  letter-spacing:-1px; color:#0a2d6b; }
.sub_right_wrap > h1:before{ content:"w"; font:normal 26px 'icon',Arail; padding-right:5px; color:#ca1138;  }

.title_box{ position:relative;  margin:0 auto 40px; border-bottom:dotted 2px #ddd;  }
.title_box h1{ display:inline-block; font:700 20px Arial; color:#222; padding:0 0 6px 0; }
.title_box h1 a{ color:#333; cursor:default; }
.title_box p{ position:absolute; bottom:9px; right:0;  font:400 11px Arial; color:#777; }
.title_box p a{ color:#333; }
.title_box p a.active{ color:#1882d4; }
.title_box p a:before{ content:">"; display:inline-block; padding:0 5px; font-size:10px; color:#333; }
.title_box p a:first-child:before{  content:""; }


p.headline{ font:700 24px/30px sans-serif; padding:0 0 20px 0; border:none; color:#111; letter-spacing:-1px; color:#1c4c78; }
p.headline_2{ font:600 14px/20px Arial; padding:0 0 20px 0; color:#444;  }
p.headline_2 b{ font:600 14px/20px sans-serif; color:#3142b4; }
p.normal{ font:normal 12px/18px Dotum; color:#111; padding:0 0 20px 0; }
p.normal2{ font:normal 13px/18px Malgun Gothic; color:#111; padding:0 0 20px 0; }
p.normal b{ font:700 13px/22px sans-serif; }
p.ceo{ text-align:center; font:400 13px/24px Malgun Gothic; color:#222; }
p.ceo b{ font:700 18px/20px Malgun Gothic;  }
p.right_bottom_bg{ text-align:right;  }

table.history{ border-bottom:solid 2px #90b8e5; background:url(/img/history_bg.png) no-repeat right 40px;  }
table.history caption{ text-align:left; font:normal 22px/26px Malgun Gothic; color:#333; border-bottom:solid 2px #90b8e5; padding:0 0 12px 10px; }
table.history caption b{ color:#045696; letter-spacing:-0.5px; }
table.history caption b span{ color:#ca8752; }
table.history th{ width:80px; position:relative; color:#0b87ce;  font:bold 18px/18px Arial; border-right:dotted 1px #666; padding:10px 10px 9px 10px; }
table.history .blit{ position:absolute; top:11px; right:-7px; display:block; width:12px; height:12px; background:url(/img/blit_history.png) no-repeat 0 0;  opacity:.5;  filter:alpha(opacity=50);}
table.history td{ padding:10px 0; color:#111;  font:normal 13px/18px Arial; }
table.history td b{ color:#222; }
table.history td.month{ width:50px; color:#a65e24; padding:10px 0 10px 30px; font-weight:bold; }
table.history .padding_s td{ padding:5px 0 0 0; }
table.history .padding_s td.month{ padding:5px 0 0 30px; }
table.history .line{ border-top:solid 1px #ccc; }




/*푸터 클라이언트 배너박스*/
.bannerBox{ clear:both; position:relative; width:100%; padding:60px 0px 40px 0px; }
.bannerBox span{ display:inline-block; padding:5px 0px 7px 0; font:normal 12px/16px Malgun Gothic; color:#414141; }
.bannerBox span b{ color:#fff; background:#112b99; display:inline-block; padding:2px 3px; font:bold 14px/14px Malgun Gothic; }
.jcarousel-skin-tango { position:relative; width:100%; height:50px; margin:0 auto;  }
.jcarousel-skin-tango li{ text-align:center; width:150px; height:45px;  cursor:pointer; border:solid 1px #ddd;  }
.jcarousel-skin-tango li img{ width:100px; padding:6px 0 0 0; }
.jcarousel-skin-tango .jcarousel-clip{ overflow:hidden; }
.jcarousel-skin-tango .jcarousel-prev-horizontal{ position:absolute; top:4px; left:-26px; width:26px; height:36px; cursor:pointer; background:#000 url(/img/jcarousel_prev.png) no-repeat; opacity:.3; }
.jcarousel-skin-tango .jcarousel-next-horizontal{ position:absolute; top:4px; right:-26px; width:26px; height:36px; cursor:pointer; background:#000 url(/img/jcarousel_next.png) no-repeat; opacity:.3; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:hover{ opacity:1; background-color:#0000ff; }

table.organization{ margin:50px auto 0; }
table.organization td{ text-align:center; font:bold 14px/18px Malgun Gothic; color:#666;  }
table.organization td .cell{ position:relative; width:150px; margin:40px auto 0; background:#fcfcfc; border:solid 1px #ddd; padding:13px 0; }
table.organization td .cell:before{ position:absolute; top:-41px; left:50%; content:""; display:block; margin:0 auto; text-align:center; width:1px; height:40px; background:#ddd; }
table.organization .ceo td .cell{ margin:0 auto 39px; border-radius:50px; border-color:#319ee3; background:#319ee3 url(/img/line_italic.png); color:#fff; font:normal 18px/24px Malgun Gothic; 
			border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; }
table.organization .team td .cell{ border:solid 2px #319ee3; background:#fff; color:#196bc7;  font:bold 16px/20px Malgun Gothic; padding:15px 0; }
table.organization .team td .cell:before{ position:absolute; top:-42px; }
table.organization .ceo td .cell:before{ position:absolute; top:auto; bottom:-41px; }
table.organization .width td{ padding:0 93px; }
table.organization .width td .line{ width:100%; height:1px; background:#ddd; }


table.map{ margin:0 auto 10px; width:96%; }
table.map caption{  text-align:left; font:bold 18px/24px Malgun Gothic; color:#333; border-bottom:dotted 2px #90b8e5; padding:0 0 5px 5px; }
table.map th{ width:70px; font:bold 14px/22px Malgun Gothic; text-align:left; color:#107ab1; padding:5px 20px 0 18px; background:url(/img/blit_nemo.jpg) no-repeat 2px 12px; }
table.map td{ font:normal 14px/22px Malgun Gothic; text-align:left; padding:5px 0 0 20px; }

.gallery_wrap{  position:relative; }
.gallery_wrap:after{ content:""; clear:both; display:block; }
.gallery_wrap dl{ float:left; width:26%; margin:40px 3.6%; text-align:center;  }
.gallery_wrap.certi dl{ width:20%;  margin:30px 2.3%; }
.gallery_wrap.two dl{ width:42%; }
/*.gallery_wrap.two dl dt.jsr_dt img{ padding:12px 0; }*/

.gallery_wrap.three dl{ width:25%; }
.gallery_wrap dl dt{ position:relative; padding:2%; margin:0 auto 10px; border:solid 1px #ddd; background:#fcfcfc; cursor:pointer; }
.gallery_wrap dl dt .close_layer2{ display:none; }
.gallery_wrap dl dt img{ width:100%;  }
.gallery_wrap.no_name dl dd{ display:none }
.gallery_wrap dl dd{  margin:0 -13px 5px -13px; font:700 12px/18px Malgun Gothic; color:#111;  }
.gallery_wrap dl:hover dt{ border-color:#666; }
.gallery_wrap dl:hover dd{ color:#0c44b6; }
.gallery_wrap dl.width100{ width:80%; padding:0 10%; margin:0 auto 60px; }
.gallery_wrap dl.width80{ width:50%; padding:0 25%; margin:0 auto 60px; }
.gallery_wrap dl.width50{ width:40%; padding:0 5%; margin:0 auto 60px;  }
.gallery_wrap dl.layer_img{ z-index:9999; position:fixed; top:0px; left:0; width:100%; height:100%; background:url(/img/black_80.png); margin:0 auto; padding:0; overflow-y:auto; padding:0;  }
.gallery_wrap dl.layer_img dt{ width:800px; padding:0; margin:0 auto;border:solid 1px #333; }
.gallery_wrap dl.layer_img dt img{  border-width:0 1px 1px 1px; }
.gallery_wrap dl.layer_img dd{  width:1002px; padding:15px 0; background:url(/img/black_90.png); color:#fff; font:800 18px/18px sans-serif; margin:0 auto; overflow:hidden; }
.gallery_wrap dl.layer_img dd:after{ float:right; content:""; font:normal 20px 'icon',Arail; margin-right:2%; }
.gallery_wrap dl.layer_img dt .close_layer2{ display:block; position:fixed; top:0; left:50%; margin:0 0 0 467px; width:70px; height:40px; border:solid 1px #333; border-width:0 1px 1px 0; cursor:pointer; 
						background:#116ece url(/img/line_italic.png); font:bold 14px/40px Malgun Gothic; color:#fff; }
.gallery_wrap dl.layer_img dt .close_layer2:hover{ background:url(/img/black_80.png); color:#fff; }
.gallery_wrap.certi dl dd.small_name{ font:800 12px/14px dotum; text-align:left; padding:5px 0 2px 15px; }
.gallery_wrap.three dl dd.name_01{ font:800 14px/14px Arial; text-align:center; padding:5px 0 2px 0; color:#1052b7; }
.gallery_wrap.three dl dd{ text-align:center; word-break:keep-all; color:#333; }
.gallery_wrap.three.acc dl dt{ cursor:default; }

.gallery_wrap.certi dl dd.size{ position:relative; font:400 11px/11px Malgun Gothic; text-align:left; padding:0 0 5px 44px; }
.gallery_wrap.certi dl dd.size b{ display:inline-block; width:145px; font:800 12px/14px dotum; padding:0 0 6px 0; }
.gallery_wrap.certi dl dd.size:before{ position:absolute; top:0; left:12px; content:"SIZE"; font:400 10px/10px sans-serif; display:inline-block; background:#f9f9f9; color:#558eed; border:solid 1px #9ab5e3; padding:1px 2px 0 2px; margin:0 2px 0 0; }
.gallery_wrap.certi dl dd.size:before{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }
.product_title{ width:96%; margin:0 auto 20px; padding:5px 0; text-align:center; background:#505050 url(/img/pattern_join.gif); font:bold 16px/20px Arial; color:#fff;
		border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; }

.gallery_wrap.no_border{ margin:0 auto 50px;  }
.gallery_wrap.no_border dl{ cursor:default; }
.gallery_wrap.no_border dl dt{ border:solid 1px #ddd;  margin:0 auto 5px; }
.gallery_wrap.no_border dl dt:hover{ border-color:#1045dc; }

.gallery_wrap.no_border dl dt{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; overflow:hidden; }
.gallery_wrap.certi.no_border > dl > dt > img{ width:120px;  }

.gallery_wrap.no_border dl dd{ font:700 18px/18px sans-serif; }
.gallery_wrap dl.view_spec dd.name_01{ min-height:26px; }
.gallery_wrap dl.view_spec dd.spec_01{ min-height:95px; }

.gallery_wrap.no_border dl dd.zoom{ padding:8px 0; }
.gallery_wrap dl dd.zoom2{  font:700 17px/18px Malgun Gothic;  }
/* .gallery_wrap.no_border dl dd.zoom:before { content:"J";  font:normal 14px 'icon',Arail; color:#3a91db; padding-right:3px; margin-left:-10px; } */

.layer_spec{ /* display:none; */display:none;  z-index:100; width:100%; height:100%; position:fixed; top:0; left:0; margin:0 auto;  background:url(/img/black_70.png); padding:0; cursor:pointer; overflow-y:auto; }
.layer_spec:after{ content:""; display:block; }
.layer_spec .title_bg{ width:800px; margin:0 auto; background:#fff; }
.layer_spec .title_bg:after{ content:""; display:block; clear:both; }
.layer_spec .title_bg > strong{  font:bold 20px sans-serif; display:block; padding:11px 0; background:#0a2bb7 url(/img/line_italic.png); color:#fff; }
.layer_spec .title_bg > strong:after{ float:right; content:"x"; font:normal 30px 'icon',Arail; color:#fff; padding:0 10px 0 0; }

.btn_pdf{ position:relative; display:block; width:65%; background:#eee url(/img/gradation_01.png) repeat-x top;  background-size:22px; border:solid 1px #ccc; color:#666; font:bold 12px/22px Arial; padding:2px 0; }
.btn_blue{ position:relative; display:block; width:65%; margin:0 auto; background:#0c73e2; color:#fff; font:bold 12px/16px Arial; padding:4px 0; }
.btn_blue:before{ content:"%"; font:normal 16px/12px 'icon',Arial; padding:0 3px 0 0; }
.btn_blue:hover{ background:#1123cf; }

.btn_pdf{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; margin:3px auto; box-shadow:1px 1px 2px rgba(0,0,0,.0.8);  vertical-align:top; overflow:hidden; }
.btn_pdf:hover{ background:#274fc2; border-color:#274fc2; color:#fff; }
/* .btn_pdf:after{ position:absolute; top:0; left:0;  display:block; width:100%; height:100%; content:""; background:#eee url(/img/gradation_01.png) repeat-x top;  } */
.btn_pdf:after{ float:right; content:"";  font:normal 20px 'icon',Arail; padding-right:7%; color:#999; }
.btn_pdf:hover:after{ color:#fff; }
.btn_pdf b{ display:inline-block; width:22px; height:21px; background:url(/img/icon_pdf_2.png) no-repeat; margin:0 5px 0 1px;  }

.btn_pdf.width60{ width:60%; float:right;  padding:5px 0; font:bold 16px/30px Arial; background:#303030; border-color:#303030; color:#fff; margin:10px auto 0;  }
.btn_pdf.width60 b{ display:inline-block; width:31px; height:29px; background:url(/img/icon_pdf.png) no-repeat; margin:0 5px 0 10px;  }
.btn_pdf.width60:after{ content:"[";  font:normal 26px 'icon',Arail; color:#fff; }
.btn_pdf:hover{ background:#274fc2; border-color:#274fc2; color:#fff; }
.btn_pdf.center{ width:180px;  padding:8px 0 7px 20px; font:bold 16px/22px Arial; background:#fff; border-color:#ccc; color:#333; margin:10px auto 0; }

/* ########################## 버튼 스타일 ##################################### */
button{ background:#fbfbfb; border:none; color:#777; text-align:center; vertical-align:middle; cursor:pointer; outline:none;
		border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; padding:0px; margin:0px; font:normal 11px/16px Malgun Gothic;  }

textarea{ width:96%; height:120px; padding:0% 1%; border:solid 1px #e6e6e6; text-align:left; background:#f8f8f8; color:#666; margin-bottom:5px; }
textarea.fff{ width:96%; background:#fafafa; height:650px; }

.btnCenter button{ min-width:80px; min-height:40px; margin:10px 3px 3px 3px; padding:5px 14px 3px 14px; vertical-align:middle; font:bold 14px/20px Malgun Gothic; letter-spacing:0.5px; }
.btnCenter{ text-align:center; }
.btnRight{ text-align:right; }

.into_bg{ background:url(/img/ceo_img_01.png) no-repeat top right; }
.map_wrap{ width:100%; height:450px; }

/* 제품소개 > 탭 */
.product_tab_menu{ clear:both; position:relative; border:solid 1px #ddd;  background:#eee url(/img/bg_pattern_01.png); margin:0 auto 20px; }
.product_tab_menu:after{ content:""; display:block; clear:both; }
/* .product_tab_menu{ border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; } */
.product_tab_menu > li{ float:left; width:12.333%; min-height:64px; padding:10px 0 5px 0; font:bold 16px/20px Arial; color:#333; cursor:pointer; text-align:center; }
.product_tab_menu.r_002 > li{ width:49.9%; }
.product_tab_menu.r_003 > li{ width:33.3333%;  }
.product_tab_menu.r_004 > li{ width:24.5%;  }
.product_tab_menu > li{ position:relative; border:solid 1px #ddd; border-width:0 0 1px 1px;  border-top:solid 1px #fff; vertical-align:top;  }
.product_tab_menu > li:first-child{ border-left:none;  }
.product_tab_menu > li:hover{ background:#fff; color:#ec1a1a; }
.product_tab_menu > li.on{ color:#2006f2; background:#fff; font-weight:bold; border-bottom:solid 2px #ec1a1a; margin-top:0px; }
.product_tab_menu > li img{ width:80%; display:block;  margin:0 auto; padding:0 0 3px 0; }
.product_tab_menu > li.on:after{ display:block; width:100%; text-align:center; bottom:-17px; position:absolute; content:"/"; font:normal 24px 'icon',Arial; color:#ec1a1a;  }
.product_tab_menu.r_002 > li img{ width:50px; height:50px; }
.product_tab_menu.c_01{  }
.Product_list{ clear:both; position:relative;   }
.Product_list:after{ content:""; display:block; clear:both; } 
.Product_list > li{ display:none; }

.product_tab_menu i { font:normal 50px/40px 'icon',Arial; display:block; text-align:center;  }

.product_wrap_01{ position:relative; vertical-align:middle; }
.product_wrap_01.magin_top_01{ margin:-30px 0 0 0; }
.product_wrap_01 h1{  font:bold 38px/38px Malgun Gothic; color:#000; padding:10px 0; letter-spacing:-1px; text-align:center; margin:0 auto; }
.product_wrap_01 h1 b{ display:inline-block; padding:3px 30px 8px 30px; /* background:#274fc2; */ background:#0b3171 url(/img/line_italic.png); color:#fff;  }
.product_wrap_01 h1 b{ border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px;  }

.product_wrap_01 h2{  font:bold 18px/18px Malgun Gothic; color:#222;  letter-spacing:-0.5px; padding:30px 0 20px 0; }
.product_wrap_01 h2:before{  content:"s"; font:normal 32px 'icon2',Arial; color:#cc1223; padding-right:3px;  vertical-align:top; }
.product_wrap_01 h2.head_title{  border:solid 1px #1e5ec0; border-width:1px 0; padding:13px 0; text-align:center; margin:40px auto 20px; color:#0754a8; background:#f7fbff; }
.product_wrap_01 h2.head_title:before{ content:"" !important; }

.product_wrap_01 h3{ font:normal 24px Malgun Gothic; padding:45px 0 20px 0; color:#0e5097;  letter-spacing:-0.5px; }
.product_wrap_01 h3.padding_n{ padding:0; }
.product_wrap_01 h3:before{ content:""; font:normal 20px 'icon',Arial; color:#4888ca; padding:0 5px 0 0; }
.product_wrap_01 p b.big{  font:700 18px Arial; display:inline-block; padding:12px 0 7px 0; color:#1527a5; }
.product_wrap_01 p{ padding:0 0 0 3%; word-break:keep-all; font:normal 14px/20px Arial; }
.product_wrap_01 p.img{ margin:20px 0 0 0; }
.product_wrap_01 p.padding_l_n{  padding:0; font:normal 14px/20px Arial; }
.product_wrap_01 p.img{ padding:0; color:#000;  }
.product_wrap_01 p.img img{ margin:0 auto 8px; text-align:center; }
.product_wrap_01 p.img strong{ display:block; font:bold 18px/20px Arial; padding:0 0 2px 5px; letter-spacing:-0.8px; }
.product_wrap_01 p.img strong:before{ content:"b"; color:#306cc8; font:normal 24px 'icon',Arial; padding:0 3px 0 0; }

table.equiment{  margin:0 auto 20px;  }
table.equiment caption{ position:relative; text-align:left; font:800 16px/20px Malgun Gothic; color:#333; padding:40px 0 10px 6px; letter-spacing:-0.5px; }
table.equiment.padding_none caption{ padding:10px 0 10px 6px; }
table.equiment caption:before{ content:""; font:normal 12px 'icon',Arial; color:#005cbb; padding:0 5px 0 0; }
table.equiment.addr caption{ padding:10px 0 10px 6px; }
table.equiment.addr caption:before{ content:"w"; font-size:20px; }
table.equiment caption span{  position:absolute; bottom:6px; right:10px; font:400 12px/18px Malgun Gothic; }
table.equiment thead{ border-top:solid 2px #4888ca; border-bottom:solid 1px #ddd; }
table.equiment thead th{ font:700 12px/16px sans-serif; padding:5px 0; text-align:center; border-left:solid 1px #ddd; vertical-align:middle; color:#4888ca; background:#f2f4fc; }
table.equiment thead th:first-child{ border-left:none; }
table.equiment.addr thead th:first-child{ text-align:center; padding:5px 0 5px 0;  }
table.equiment.addr thead th{ color:#333; text-align:left; padding:5px 0 5px 20px; font:800 13px/16px sans-serif; }

table.equiment.addr tbody td{ text-align:left; padding:5px 0 5px 20px; }
table.equiment.addr tbody td.fax{  }
table.equiment thead th.l_line{ border-left:solid 1px #ddd; }
table.equiment thead th[colspan]{ border-bottom:solid 1px #ddd; }
table.equiment{  border:solid 1px #ddd; border-width:0 1px; }
table.equiment tbody th[scope=row]{ background:#fafafa; border:solid 1px #ddd; border-width:0 0 1px 1px; text-align:center; vertical-align:middle; }  
table.equiment.addr tbody th[scope=col]{ text-align:center; padding:5px 0 5px 0px; color:#21448c; font:700 12px/16px sans-serif; border:solid 1px #ddd; border-width:0 0 1px 1px;  background:#fff; }
table.equiment tbody th[scope=row]:first-child{ border-left:0; }
table.equiment tbody td{  font:normal 13px/18px Malgun Gothic; padding:5px 0; border:solid 1px #ddd; border-width:0 0 1px 1px; color:#333; text-align:center; vertical-align:middle; }
table.equiment tbody.l_line_none td:first-child{ border-left:none; }
table.equiment.right tbody td{ text-align:right; vertical-align:top;  font:normal 12px/18px Malgun Gothic; padding-right:3px; }
table.equiment.right tbody td[colspan]{ padding-right:30px; }
table.equiment.right tbody th{ text-align:right; vertical-align:top;  font:bold 12px/18px Malgun Gothic; padding:5px 50px 5px 0; color:#3871b6; }
table.equiment.right tbody td.padding_right{  padding:0px 32px 0px 0; }
table.equiment.left tbody td{ text-align:left; padding:5px 0 5px 20px; }
table.equiment.orange thead{ border-top-color:#f47920; }
table.equiment.orange thead th{ color:#ba550c;  padding:10px 0; }
table.equiment.orange tbody th{ color:#f47920;  padding:10px 0;}
table.equiment.orange tbody td b.mt{ float:left; display:inline-block; min-width:20px; margin:2px 0 0 4px; padding:0 1px; font:normal 10px/20px Arial; text-align:center;  }
table.equiment.orange tbody td b.mt{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border:solid 1px #505150; }
table.equiment.orange tbody td b.mt.c_1{ background:#52585e; color:#fff; }
table.equiment.orange tbody td b.mt.c_2{ background:#bebba9; color:#222; }
table.equiment.orange tbody td b.mt.c_3{ background:#e7e8eb; color:#222; }
table.equiment.orange tbody td b.mt.c_4{ background:#3e3b3c; color:#fff; }
table.equiment.orange tbody td b.mt.c_5{ background:#bdc2c6; color:#222; }
table.equiment tfoot td[colspan]{ text-align:right; padding:7px 3px 0 0; color:#546e9d; font:normal 11px/18px Malgun Gothic; }

table.normal{  margin:10px auto 20px; border:solid 1px #ddd; border-width:1px 1px 1px 0; border-top:solid 2px #5d90c0; }
table.normal caption{ position:relative; text-align:center; font:800 14px/20px Malgun Gothic; color:#0c3582; padding:10px 0 10px 6px; }
table.normal th{  border:solid 1px #ddd; border-width:0 0 1px 1px; font:bold 11px/16px Sans-serif; color:#616983; background:#f9f9f9; padding:3px 5px 2px 10px; text-align:left; }
table.normal td{ border:solid 1px #ddd; border-width:0 0 1px 1px; font:normal 12px/16px Arial; padding:3px 5px 2px 10px;  color:#444; }
table.normal.th_90 th{ width:90px; }
table.normal.th_90 td:nth-child(2){ width:300px; }
table.normal.th_90 td b{ color:#2547b3; }
table.normal.center th{ text-align:center; padding:3px 0 2px 0; }
table.normal.center td{ text-align:center; padding:3px 0 2px 0; }

.soon{ width:90%; margin:20px auto 0; font:bold 20px verdana; color:#333; font-style:italic; padding:50px 5%; border:solid 1px #ddd; text-align:center; background:#f9f9f9; }

.p_box_img{ clear:both; position:relative; min-height:70px; overflow:hidden; background:#f8fdff; border:solid 1px #c2d0df; margin:20px auto; padding:20px 17px; vertical-align:middle; }
.p_box_img{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; }
.p_box_img .p_memo{ display:inline-block; width:400px; float:left; font:normal 13px/20px sans-serif; vertical-align:middle; padding:10px 0 0 0; }
.p_box_img .p_memo p{ padding:1px 0 0 22px; color:#333; }
.p_box_img .p_memo i{ display:inline-block; font-style:normal;  width:80px; font:bold 12px/18px sans-serif; }

.p_box_img .p_memo p.title{ font:600 16px/30px Malgun Gothic; color:#333; padding:0 0 7px 21px; margin:-15px 0 0 0; }
.p_box_img .p_memo p.title:before{ content:""; font:normal 12px 'icon',Arial; color:#4888ca; padding:0 5px 0 0; }
.p_box_img.check .p_memo p:before{ content:""; font:normal 12px 'icon',Arial; color:#4888ca; padding:0; margin:0 0 0 -15px; padding:0 5px 0 0; }
.p_box_img p b{ font:bold 14px/20px Malgun Gothic; color:#333; vertical-align:middle; }
.p_box_img img{ float:right; width:310px; border:solid 1px #d9e2ec; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; }
.p_box_img.left img{ float:left; }
.p_box_img.left.small img{ width:300px; }
.p_box_img.left.small .p_memo{ width:400px; }
.p_box_img.left .p_memo{ float:right; }
.p_box_img.w_100 img{ width:700px; }

p.img_center{ text-align:center; margin:0 auto; }
p.img_center.padding{ padding:30px 0; }
p.img_center.padding.small img{ width:50%; }
p.img_center.padding_b{ padding:0 0 20px 0; }
p.img_center img{ overflow:hidden; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; }
p.memo_center{ font:normal 20px sans-serif; color:#222; text-align:center; margin:20px auto; letter-spacing:-0.5px; }

.title_list_01{ clear:both; position:relative; padding:10px 0 0 5px; }
.title_list_01 dt{ font:600 16px/30px Malgun Gothic; color:#333; padding:0 0 3px 0; }
.title_list_01 dt:before{ content:""; font:normal 12px 'icon',Arial; color:#4888ca; padding:0 5px 0 0; }
.title_list_01 dd{ font:400 12px/20px Dotum; padding:0 0 0 7px; }
.title_list_01 dd.b_width b{ display:inline-block; min-width:150px; }
.nemo{ position:relative; display:inline-block; padding:1px 15px 1px 3px; border:solid 1px #6c97dd; font:700 12px/14px sans-serif !important; color:#0d4199 !important; }
.nemo sup{ position:absolute; top:5px; right:2px; }

.down_catalog{ position:relative; }
.down_catalog dt{ position:absolute; top:-33px; right:5px; font:normal 14px/20px Malgun Gothic; color:#333; }
.down_catalog dt:after{ content:""; font:normal 14px 'icon',Arial; padding:0 0 0 6px; color:#5796ff; }
.down_catalog dd{ position:absolute; top:10px; right:0; }
.down_catalog dd a{ display:inline-block; background:#d6f2ff url(/img/gradation_01.png) repeat-x top; border:solid 1px #5eb9e4; color:#0070b1; font:normal 14px/20px Malgun Gothic; padding:1px 10px 3px 10px; }
.down_catalog dd a{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; margin:0 1px; }
.down_catalog dd a:before{ content:""; font:normal 10px 'icon',Arial; padding:0 3px 0 0; }
.down_catalog dd a:hover{ background:#0070b1; color:#fff; border-color:#0070b1; }

.row_box_01{ position:relative; overflow:hidden;}
.row_box_01:after{ content:""; clear:both; display:block; }
.row_box_01.padding_b{ padding:0 0 60px 0; }
.row_box_01 dl{ position:relative; box-shadow:1px 1px 4px rgba(0,0,0,.1); }
.row_box_01.r_02 dl{ float:left; width:45%; margin:0 2.5%;  }
.row_box_01.r_02 table{ float:left; width:49%; margin:0;  }
.row_box_01.r_02 table:first-child{ margin:0 2% 0 0; }
.row_box_01.r_03 dl{ float:left; width:31.8%; margin:0 0.5% 20px 1%; }
.row_box_01 dl dt{ height:75px; text-align:center;  font:bold 13px Malgun Gothic; background:#d6f2ff url(/img/gradation_01.png) repeat-x top; border:solid 1px #5eb9e4; color:#0070b1; padding:10px 0 5px 0; vertical-align:middle; }
.row_box_01 dl dt:before{ display:block; content:""; font:normal 50px 'icon',Arial; color:#4888ca; padding:0; text-shadow:1px 1px rgba(255,255,255,.6); }
.row_box_01 dl.p_01 dt:before{ content:","; }
.row_box_01 dl.p_02 dt:before{ content:"S"; }
.row_box_01 dl.p_03 dt:before{ content:"J"; }
.row_box_01 dl.p_04 dt:before{ content:"K"; }
.row_box_01 dl.p_05 dt:before{ content:"W"; }
.row_box_01 dl.p_06 dt:before{ content:"a"; }
.row_box_01 dl.p_07 dt:before{ content:"_"; }

.row_box_01 dl dd{ height:220px; border:solid 1px #ddd; border-width:0 1px 1px 1px; padding:10px 1px 0 10%; }
.row_box_01 dl dd p{ position:relative; width:95%; }
.row_box_01 dl dd p:before{  position:absolute; top:5px; left:-15px;  content:"%"; font:normal 12px 'icon',Arial; color:#4888ca; padding:0 5px 0 0;  }
.row_box_01 dl dd p span{ font-size:12px; color:#3a65ad; }
.row_box_01 .check span.process_depth2{display:block; margin-bottom:10px; color:#666;}


.name_card{ position:relative; background:#eee; border:solid 1px #ddd; overflow:hidden; padding:5px;  margin:15px auto 5px; }  
.name_card:after{ content:""; clear:both; display:block; }
.name_card dl{ position:relative; background:#fff; overflow:hidden; padding:20px 30px 20px 35px; }
.name_card dl:after{ content:""; clear:both; display:block; }
.name_card dl dt{ float:left; width:45%; margin:0 auto; }
.name_card dl dt b{ display:block; font:bold 22px sans-serif; color:#222; padding:0 0 13px 0; letter-spacing:-1px; vertical-align:top; margin:0 -80% 0 -28px; }
.name_card dl dt b:before{  content:"x"; font:normal 54px 'icon2',Arial; color:#0b3171; padding-right:5px; vertical-align:middle; }
.name_card dl dt img{ width:250px; display:block; }
.name_card dl dd{ float:left; width:55%; font:bold 18px/24px sans-serif; margin:50px 0 0 0; }
.name_card dl dd p{ color:#3375d8; padding:12px 0 10px 10px;  border-top:solid 1px #ddd; font:bold 18px/24px sans-serif; }
.name_card dl dd p span{ display:inline-block; color:#1a369d;  padding:0 0 0 20px; }
.name_card dl dd p.small{ font:normal 12px/16px Arial; }
.name_card dl dd p.bottom{  position:absolute; top:5px; right:15px; border:none; }
.name_card dl dd p.bottom a{ width:110%; }

.contentTitle{font-size:16px; padding-bottom:5px; margin:0; display:block;}