@charset "utf-8";
/* e-front WebDesign Team(http://www.e-front.co.kr), 2014 */

* { margin: 0; padding: 0;  }

html { border:0 !important; }

body {
font-family: '돋움';
font-size:12px;
border:0 !important;
}

/*font*/

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face {
font-family: 'NanumGothicB';
font-style: normal;
font-weight: 700;
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
font-family: 'NanumGothicEB';
font-style: normal;
font-weight: 800;
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}


/* base CSS Document */
*{margin:0; padding:0}
body{font-size:12px;color:#575758;font-family:'Nanum GothicB', 'NanumGothic','나눔고딕','돋움','-윤디자인웹돋움',Dotum,sans-serif;letter-spacing:0px;}
h1,h2,h3,h4,h5,h6,input,select{font-family:'Nanum GothicB', 'NanumGothic','나눔고딕','돋움','-윤디자인웹돋움',Dotum,sans-serif;font-size:12px;line-height:1.2em;}
img,fieldset,iframe{border:none;}
li{list-style:none}

em,optgroup{font-style:normal}
label,button{cursor:pointer}
a{text-decoration:none;color:#575758;letter-spacing:0px;}
a:hover,a:focus,a:active{color:#555;text-decoration:none;}
a:visited{color:#666;}
caption,legend{visibility:hidden; font-size:0; width:0; height:0; line-height:0;}


/* Layout Selector */
#wrapbody{margin:0 auto; padding:0px; background: url("/eng/common/images/main_bg.gif") no-repeat top center; }
#wrapbodys{margin:0 auto; padding:0px; background: url("/eng/common/images/sub_bg.gif") no-repeat top center; }
#wrap{margin:0 auto; padding:0px; width:1000px; }
#header{margin:0 auto; padding-top:0px; background: url("/eng/common/images/top_menu_bg.gif") no-repeat; height:99px;}
#container{margin:0 auto; padding:0px; background:#aac8ff;}

#footerbody{margin:0 auto; padding:0px; background: url("/common/images/bg_footer.gif") repeat-x; }
#footer{margin:0 auto; padding:0px;  margin-top:15px; width:1000px; }


.box{padding:0;}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

/* Header */
.logo_top{float:left; padding-top:22px; margin-left:26px; }
.unb_top{float:right; padding-top:5px; margin-right:5px;  }
.unb_top li{float:left; margin:0px 0px 0px 10px;  }
.unb_top li a{color:#333;}

.gnb{ position:absolute; margin-top:-37px; margin-left:240px; margin-right:5px; }
.sub_visual{margin-top:0px; margin-left:5px; margin-right:5px;  height:173px;}
.sub_visual2{padding-top:15px; margin-left:5px; margin-right:5px;  height:173px;}


/* Menu */

#globalNavi {position:relative; overflow:hidden; padding:12px 0 0 130px; height:70px; width:850px; }
#globalNavi ul {margin:0;padding:0;}
#globalNavi ul li {float:left; margin:0 0px 0 0; height:20px;}
#globalNavi ul li a{display:block; font-size:14px; font-weight:bold; line-height:110%; padding:0 11px 15px 10px;  color:#fff;}

#globalNavi ul li ul li a{font-size:11.5px;  padding:15px 8px; line-height:110%; margin-left:0px; font-weight:normal; color:#4e4e4e;}
#globalNavi ul li.on {height:10px; color:#325081;}
#globalNavi ul li.on ul {top:15px;}
#globalNavi ul li ul {position:absolute; left:0px; top:-50px; overflow:hidden; height:30px;}
#globalNavi ul li ul li {float:left; margin:0 0 0 0; padding:0px 0 0 0; height:auto;}
#globalNavi ul li.gnb1 ul { left:145px; padding-top:10px;  background:url(/common/images/menu_bar01.png) no-repeat top left; }
#globalNavi ul li.gnb2 ul {left:250px; padding-top:10px; background:url(/common/images/menu_bar02.png) no-repeat top left; }
#globalNavi ul li.gnb3 ul {left:350px; padding-top:10px;  background:url(/common/images/menu_bar05.png) no-repeat top left;}
#globalNavi ul li.gnb4 ul {left:465px; padding-top:10px;  background:url(/common/images/menu_bar03.png) no-repeat top left;}
#globalNavi ul li.gnb5 ul {left:640px; padding-top:10px;  background:url(/common/images/menu_bar05.png) no-repeat top left; right;}

#globalNavi ul li ul li {height:auto; }
#globalNavi ul li a:hover{color:#fff; font-weight:bold;}
#globalNavi ul li ul li a:hover{color:#0187ca; font-weight:bold;}
.gnb1{padding-left:4px;}
.gnb2{padding-left:16px;}
.gnb3{padding-left:15px;}
.gnb4{padding-left:20px;}
.gnb5{padding-left:20px;}

.style1{font-weight:bold; font-size:13px; color:#333333; letter-spacing:1px; line-height:20px;}
.subpage{color:#0187ca;font-size:12px;}


/* Main Contents */
.main_gnb{padding-top:28px; margin-left:407px; height:38px; padding-bottom:25px;}
.main_visual{float:right; padding-top:40px;  margin-right:0px; height:398px; width:590px; }

.m_container{position:absolute; overflow:hidden; width:1000px; height:155px; margin-top:0px;  margin-bottom:0px; }
#main_center{width:975px; height:460px; padding-left:30px;}
#main_c{overflow:hidden; width:1000px; height:170px; margin-top:0px;  margin-bottom:0px; padding-left:25px;  color:#1E95D7;}

/*공지사항*/
#mc01{float:left; position:relative; width:350px; height:116px; }
#mc01 a{color:#606060; font-size:12px;}
#mc01_tab{margin-left:0px; padding-top:5px;}
.more01{position:absolute; top:0px; left:233px;}
#notice{overflow:hidden; padding-top:2px; margin-left:3px; width:350px; height:185px; color:#606060; line-height:20px;}

#notice_txt{float:left;  }

#mc02{float:left; position:relative; width:310px; height:116px; margin-left:2px;}
#mc02 a{color:#606060; font-size:12px;}
#mc02_tab{margin-left:0px; padding-top:5px;}
.more01{position:absolute; top:0px; left:233px;}
#notice2{overflow:hidden; padding-top:2px; margin-left:3px; width:400px; height:180px; color:#606060; line-height:20px;}

#notice2_txt{float:left;}

.main_photo{float:left; width:350px; padding-top:35px; height:200px;}

.board_con{margin-top:10px;}


.menu_contants{float:left; margin-top:98px; background:url('../images/customer_bg.gif') no-repeat; width:360px; height:180px;}
.menu_c{ font-size:16px;  font-weight:bold; color:#222222;}
.menu_title{font-size:16px;  font-weight:bold; color:#1E95D7; margin-top:10px; margin-left:15px;}
.menu_btn{padding-top:30px; width:350px;}
.menu_btn ul li{float:left; }

.m01{float:left; font-size:16px;  font-weight:bold; color:#1E95D7; margin-top:10px;}
.m01_title{font-size:16px; color:#1E95D7;}
.m01_txt{padding-top:25px; }
.m01_txt ul li{float:left;}
.m01_c{ font-size:16px;  font-weight:bold; color:#1E95D7;}

.m02{float:left; font-size:16px;  font-weight:bold; color:#1E95D7; margin-top:10px; margin-right:30px;}
.m02_title{font-size:16px; color:#1E95D7;}
.m02_txt{padding-top:25px;}
.m02_txt ul li{float:left;}
.m02_c{ font-size:16px;  font-weight:bold; color:#222222;}


.m03{float:left;  margin-left:35px; font-size:16px;  font-weight:bold; color:#1E95D7; margin-right:10px; background:url('../images/photo_bg.gif') no-repeat; width:590px; height:165px;}
.m03_title{margin-top:10px; margin-left:20px; font-size:16px; color:#1E95D7; }
.m03_txt{padding-top:15px; font-size:11px; margin-left:15px;margin-top:10px; margin-right:10px;}
.m03_txt ul li{float:left;}
.m03_c{ font-size:16px;  font-weight:bold; color:#222222;}


.m04{float:left; font-size:16px;  font-weight:bold; color:#1E95D7; background:url('../images/s_bg.gif') no-repeat; width:216px; height:157px;}
.m04_title{margin-top:10px; margin-left:10px; font-size:16px; color:#1E95D7; }
.m04_txt{padding-top:15px; font-size:12px; width:190px; margin-left:10px; }
.m04_txt ul li{float:left;}
.m04_c{ font-size:16px;  font-weight:bold; color:#222222;}

.c_btn{margin-top:210px; margin-left:200px;}


.text_sub h2.t1{background:url('/common/images/bullet_01.gif') 0px 3px ;background-repeat:no-repeat; padding-left:26px; font-size:16px; color:#08758f; letter-spacing:'-0.1em'; line-height:160%;}

.text_sub h2.t3{float:left; color:#333; background:url('/common/images/bullet_01.gif') 0px 3px ;background-repeat:no-repeat; padding-left:26px; font-size:16px;  letter-spacing:'-0.1em'; line-height:160%; }
.text_sub h2.t2{ float:left;  font-size:14px; color:#666; letter-spacing:'-0.1em'; line-height:160%;}
.t2{ float:left;  font-size:14px; color:#666; letter-spacing:0.5px; line-height:160%; }
.line_h3{height:15px;}
.line_h{height:25px;}


.line_bar{float:left; padding-left:20px;  padding-right:20px;}

.sub_h3_txt{color:#333; padding-bottom:2px; line-height:170%; font-size:13px;}


/* Left Menu */
.snb{float:left; margin-top:200px; margin-left:10px; width:200px; }

#container2 .snb{float:left; width:177px; margin-left:30px;}
#container2 .snb .leftArea{margin-top:15px; margin-left:0px;}
#container2 .snb .leftArea li{width:221px; height:33px;  background:url('/common/images/sub_off.gif') no-repeat; padding-left:8px; padding-top:11px; text-align:justify;}
#container2 .snb .leftArea ul li a{font-size:14px; font-weight:bold; }
.on {width:221px; height:33px; background:url('/common/images/sub_on.gif') no-repeat !important; padding-left:8px !important; padding-top:11px !important; text-align:justify !important;
font-size:14px;}
.on a{font-weight:bold; color:#fff !important;}
.leftmenu{margin-top:5px; margin-left:0px;}
.leftmenu ul li a{font-size:14px; font-weight:bold;}
.leftmenu ul li{padding-top:5px;}


/* Sub Contents */
.subcontents{float:right; margin-top:200px; margin-bottom:15px; margin-right:10px; width:690px;}

.box_title{margin-top:10px; height:40px; background: url("/common/images/bg_title.gif") repeat-x; background:#ffffff;}
.title{font-size:32px; line-height:1.2em; float:left; margin-top:5px; margin-left:5px; font-weight:bold;}
.path{float:right; margin-top:5px; margin-right:5px;}

.text_sub{margin-top:10px; margin-left:5px; margin-right:5px; background:#ffffff; padding-bottom:30px; }

.welcome2{font-size:20px; font-weight:600; letter-spacing:-1px; color:#555}
.blue2{color:#266099; }
.ceo_txt01{margin-top:10px; font-size:11px; line-height:19px; width:240px; margin-left:130px;  letter-spacing:-0.5px;}
.ceo_txt02{font-size:11px; line-height:19px; float:left; width:375px; letter-spacing:-0.5px;}
.ceo_txt03{font-size:11px; line-height:19px; float:right; width:370px; letter-spacing:-0.5px; text-align:right; font-weight:bold;}

/* ceo */
.welcome{font-size:24px; font-weight:600; letter-spacing:-1px; color:#555}
.blue{color:#266099}
.ceo_page2{position:relative; background:url('/common/images/ceo.jpg') no-repeat 465px 15px;}
.ceo_page{position:relative; background:url('/eng/common/images/ceo_img.jpg') no-repeat 0px 35px;}
.ceo_txt{font-size:13px; line-height:20px; letter-spacing:-0.2px;}
.ceo_txt2{font-size:18px; line-height:22px; color:#333333;}
.ceo_txt3{font-size:16px; line-height:22px; color:#666666;}


.cus_txt33{font-size:15px; line-height:22px; color:#666666; margin-left:5px;}
.cus_txt3{font-size:15px; line-height:22px; color:#666666; margin-left:26px;}
.ceo_txt strong{color:#266099; font-size:14px;}
.ceo_sign{padding-top:8px; font-size:16px; font-weight:bold; float:right;}
.ceo_img{position:absolute; top:350px;left:450px;}
.bb{font-size:15px;}
.fc{font-size:13px; color:gray; padding-bottom:10px;}



/*history */
.history_con {display:none; clear:both; }
.history_con:first-child {display:block;}
.history_con .left {float:left; width:22%;}
.history_con .left .imgtitle .image {margin-top:60px;}
.history_con ul {float:right; width:65%;}
.history_con li {position:relative; padding:17px 10px 17px 105px; border-bottom:1px solid #ddd; font-size:1.2em; color:#555; line-height:1.6; letter-spacing:-0.3px; }
.history_con li strong {position:absolute; left:0; top:12px; font-size:1.5em; color:#266099;}
.history_con li strong b{color:#53b7ff;}


/*설립 및 주요사업 */
.history_con2 {display:none; clear:both; }
.history_con2:first-child {display:block;}
.history_con2 .left {float:left; width:22%;}
.history_con2 .left .imgtitle .image {margin-top:60px;}
.history_con2 ul {float:right; width:65%;}
.history_con2 li {position:relative; padding:17px 10px 17px 105px; border-bottom:1px solid #ddd; font-size:1.2em; color:#555; line-height:1.6;}
.history_con2 li strong {position:absolute; left:0; top:12px; font-size:16px; color:#666666;  line-height:2.5; letter-spacing:'10em'; }
.history_con2 li strong b{color:#0E94CE;}
.text_sub2 h2.t1{background:url('/common/images/bullet_01.gif') 0px 5px ;background-repeat:no-repeat; padding-left:26px; font-size:18px; color:#0E94CE; letter-spacing:'-0.1em'; line-height:160%;}


/*설립 및 주요사업 */
.history_con22 {display:none; clear:both; }
.history_con22:first-child {display:block;}
.history_con22 .left {float:left; width:22%;}
.history_con22 .left .imgtitle .image {margin-top:60px;}
.history_con22 ul {float:right; width:68%;}
.history_con22 li {position:relative; padding:17px 10px 17px 35px; border-bottom:1px solid #ddd; font-size:1.2em; color:#555; line-height:1.6; letter-spacing:-0.5px;}
.history_con22 li strong {position:absolute; left:0; top:12px; font-size:16px; color:#666666;  line-height:2.5; letter-spacing:'10em'; }
.history_con22 li strong b{color:#0E94CE;}



/*브로셔*/
ul.brochure>li {float:left; width:310px; margin-right:30px; margin-bottom:30px;}
ul.brochure .b_r {float:right; width:310px; margin-bottom:30px;}
ul.brochure>li>a>img {width:310px; }
ul.brochure>li>p {width:275px; text-align:center; padding-top:5px; font-size:14px; }
.bro{margin-top:20px; width:725px;}


/*회원사현황*/
.b_txt{font-size:15px; font-weight:bold;}

.b_txt2{font-size:15px; font-weight:bold; color:#fff; letter-spacing:1px; }
/*.text_sub table tr td img{margin-top:-5px;}*/


/*사이트맵 */
.sitemap:after {content:""; display:block; clear:both;}
.sitemap.top {margin-bottom:150px;}
.sitemap dl {position:relative; margin-right:65px; float:left; width:163px; margin-bottom:80px;}
.sitemap dl.last {margin-right:0;}
.sitemap dt {margin-bottom:15px; padding-bottom:13px; font-size:20px; color:#1775de; font-weight:700; border-bottom:3px solid #1775de; }
.sitemap dt img {margin-bottom:-5px;}
.sitemap dd {margin-bottom:5px; font-size:16px; color:#111; font: normal 14px/1.6 Nanum Gothic,'나눔고딕', 'Nanum Gothic', Dotum, "돋움", Arial;}
.sitemap dd a {color:#111;}
.sitemap dd ul {margin:3px 0;}
.sitemap dd li {padding-left:10px; font-size:14px; color:#666; line-height:1.75; background:url("../images/bul_dot85.gif") no-repeat 0 12px;}
.sitemap dd li a {color:#666;}
.sitemap dd ul ul {margin:0 0 10px;}
.sitemap dd li li {font-size:13px; background:none;}



/* Footer */
.footer_img{float:left; margin-top:20px; margin-left:30px; color:#666666; font-size:12px; margin-bottom:20px; line-height:20px;}
.unb_footer{float:left; margin-top:20px; margin-left:30px;}
.unb_footer li{float:left; margin:0px 5px 0px 0px;}
.copy_name{color:#0371BC; font-weight:bold; }
/* Aside */
.aside{}
.spot{}
.search{}



.pagination {
position:absolute;
float : left;
margin: -35px 0px 0px 30px;
width:200px;
z-index:999;
}

.pagination li {
float : left;
z-index:505;
margin: 0px 4px;
}

.pagination li a {
text-indent:9999px;
display:block;
width:14px;
height:14px;
padding-top:0px;
background-image:url(/common/images/pagination.png);
background-position:0 0;

overflow:hidden;
}

.pagination li.current a {
background-position:0 -14px;
}



div.top-contsbox .tit {
float:left;
width:110px;
padding-bottom:8px;
background:url('/common/images/.gif') no-repeat 100% 100%;
color:#5d544a;
text-align:right;
}
div.top-contsbox .cont-area {
padding-left:140px;
}
div.top-contsbox .join-step {
padding-top:25px;
text-align:center;
}
div.memberbox {
margin-top:25px;
padding:30px;
border:1px solid #a8acac;
background:#fff8ef;
-webkit-box-shadow:1px 1px 1px rgba(100,100,100, 0.2);
-moz-box-shadow:1px 1px 1px rgba(100,100,100, 0.2);
box-shadow:1px 1px 1px rgba(100,100,100, 0.2);
filter:progid:DXImageTransform.Microsoft.Shadow(color=#bababa,direction=130, strength=2);
box-shadow:x offset y offset blur_radius color;
text-align:center;
}

.join_txt {size:18px; font-weight:bold;}

.c_t01{color:#fff; font-weight:bold; size:18px;}

#wrapper, #container, #main, #side {position:static; width:100%}

#main a[href^="javascript:switchNode"]:after {content: "";}

.collapse, .collapsible, .accordion div.outer, .accordion ul, #demo div, #demo h3 {display:block !important; overflow:visible !important;}

.open a {border:0 none !important;}

#switch, .switch {text-align:left;}

#ddmenu, #ddmenu li, .img {float:none !important; border:none !important;}

#ddmenu ul {position:static}

.img p {text-align:left}

.mleft {margin:0 !important}

.frame {margin-top:0; background-image:none;}

.frame .title {display:block; margin:0 0 1em; padding:5px 0 0; border:0 none !important;}

h1, h2, h3, h4, h5, h6 {page-break-after: avoid;}

table tr, ul, ol, .frame {page-break-inside: avoid;}



.clear{clear:both}
<!-- // a {border:1px dotted #cdcfcf; border-width:0 0 1px}  -->
ul li {list-style-type:none}
hr{visibility:hidden; height:0; border-width:0}

/* --- Headings --- */
.accordion h4, .accordion h5 {font-weight:700; margin:0}

h3, h4 a, h5 a, h2.h3 {padding:3px 10px}

.accordion h3, .main h3 {padding-left:0; background:transparent none}

/* --- Accordion --- */
#content ul{margin:0; padding:0}
#content {max-width:70em; width:100%; margin:0 auto; padding-bottom:20px; overflow:hidden}
.js .accordion {visibility:hidden}
.accordion {background:#fff url(../style/img/exp-bg-body.png) repeat-x scroll 0 -30px}
.accordion li {list-style-type:none; border-bottom:1px dotted #b8b8b8; margin-bottom:5px; padding-bottom:5px; padding-left:80px; text-indent:-80px}
.accordion .outer {border:1px solid #dcdfdf; border-width:0 1px 1px; background-color:#fff}
.accordion .inner {margin-bottom:0; padding:.5em 20px 1em; overflow:hidden}
.accordion .inner .inner {padding-bottom:0}
.accordion .h {padding-top:.5em} /* vertical padding instead of vertical margin (ie8) */
.accordion p{margin-top:.5em}
a.trigger {display:block; padding-left:20px; background: #efefef url(img/plus.gif) no-repeat 1px 50%;  font-weight:700}
a.trigger.open {background-image: url(img/minus.gif); background-color:#3b3b3f; color:#fff; border-color:#36404f; border-style:solid}
a.trigger {border-width:1px}


/*MOU*/
ul.certificate>li {float:left; width:200px; margin-right:25px; margin-bottom:30px;}
ul.certificate>li>a>img {width:198px; border:1px solid #ddd;}
ul.certificate>li>p {width:200px; text-align:center; padding-top:5px; font-size:14px; }