@charset utf-8;

/*@import url(/mob/css/font/nanumgothic.css);*/

/*
  170103 - ph
  font-size (기본)14px (강조)16 18 ...
*/

* { box-sizing:border-box; -webkit-text-size-adjust:none;}
html {font-size:14px; line-height:1.25em; color:#444444; font-family:"Nanum Gothic"; word-break:keep-all;}
a {font-size:14px; color:#444444; font-family:"Nanum Gothic";}
img {max-width:100%;}

#wrap {overflow-x:hidden; position:relative;}

.header,
.content,
.footer {
  width:100%;
  max-width:100%;
}

.container {
  width:100%;
  max-width:100%;
  padding-left:12.5px;
  padding-right:12.5px;
  *zoom:1;
}
.container:after {display:block; content:" "; clear:both;}

.main_logo {float:left;}
.main_logo a {display:block; width:135.5px; padding:13px 0 14px;}
.main_logo a img {display:block; width:100%; max-width:100%;}

.menu_wrap {float:right; padding-top:20px;}
.main-menu-btn {display:block; width:16px; height:14px; background-image:url(/mob/images/menubtn.png); background-repeat:no-repeat; background-position: 0 0; background-size:16px 14px; text-indent:-99999px;}
.main-menu-btn.on {background-image:url(/mob/images/menubtn_on.png);}

.header {position:absolute; top:0; left:0; width:100%; height:85px; border-bottom:1px solid #dddddd;
  background-color:#fff; z-index:1000; 
  /**/height:53px;
}
.content {
	padding-top:85px;
	/**/padding-top:53px;
}

.header_util {background-color:#efefef; border-bottom:1px solid #dddddd;}
.util_menu {text-align:center; padding:8px 0;}
.util_menu > li {display:inline-block; border-right:1px solid #aaaaaa;}
.util_menu > li:last-child {border-right-width:0px;}
.util_menu > li > a {display:block; color:#777777; padding:0 8.5px; font-size:13px;}

.header_main {position:relative;}
.menu_wrap {}
.menu_wrap .main-menu {
  position:absolute;
  top:54px;
  right:0;
  width:65%;
  z-index:1000;
  opacity:0;
  -ms-transform:translateX(100%);
  -webkit-transform:translateX(100%);
  -o-transform:translateX(100%);
  -moz-transform:translateX(100%);
  transform:translateX(100%);
  -ms-transition:all 0.5s;
  -webkit-transition:all 0.5s;
  -o-transition:all 0.5s;
  -moz-transition:all 0.5s;
  transition:all 0.5s;
}
.menu_wrap .on + .main-menu {
  display:block;
  opacity:1;
  -ms-transform:translateX(0);
  -webkit-transform:translateX(0);
  -o-transform:translateX(0);
  -moz-transform:translateX(0);
  transform:translateX(0);
  -ms-transition:all 0.5s;
  -webkit-transition:all 0.5s;
  -o-transition:all 0.5s;
  -moz-transition:all 0.5s;
  transition:all 0.5s;
}
.main-menu > li {float:left; width:100%;}
.main-menu > li > a {
  display:block; background-color:#262626; color:#ffffff;
  font-size:14px;
  padding:8px 10px;
  border-bottom:1px solid #4e4e4e;
}
.main-menu > li > a.on {
  background-color:#1598dc;
}
.main-menu .sub-menu {display:none;}
.main-menu .sub-menu > li > a {
  display:block; background-color:#333333; color:#b3b3b3;
  font-size:14px;
  padding:8px 10px;
  border-bottom:1px solid #444444;
}
.main-menu .sub-menu > li > a:before {
  display:inline-block; content:" - "; margin-right:3px;
}

.modal {
	height: 100%;
    width: 100%;
    position: fixed;
    background-color: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    /* z-index: 1; */
}


.slider_section .main_slider {
  margin-bottom:0;
  background-color:#dadada;
}
.main_slider .slide {
  position:relative;
}
.main_slider .slide img {
  display:block; margin:0 auto;
  max-height:380px;
}
.main_slider .slide .text_wrap {
  position:absolute;
  width:100%; top:0; left:0;
  padding:17.5px 10px;
  color:#fff;
  font-weight:600;
  text-shadow:2px 2px 5px #000;
  text-align:center;
  background-color:rgba(0,0,0,0.6);
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
}
.main_slider .slick-prev {left:0px; width:35px; height:35px; background-color:rgba(0,0,0,0.5);}
.main_slider .slick-next {right:0px; width:35px; height:35px; background-color:rgba(0,0,0,0.5);}
.main_slider .slick-prev:before {display:block; content:" "; background-image:url(/mob/images/slider_arrow_left.png); background-repeat:no-repeat; background-position:50% 50%; background-size:8.5px 13.5px; width:100%; height:100%;}
.main_slider .slick-next:before {display:block; content:" "; background-image:url(/mob/images/slider_arrow_right.png); background-repeat:no-repeat; background-position:50% 50%; background-size:8.5px 13.5px; width:100%; height:100%;}



.main_grid {width:100%;}
.main_grid a {display:block;text-align:center; color:#fff; line-height:1.45em; font-weight:600;}
.main_grid td {padding:10px 0; width:33.33333%;}
.main_grid .grid1 {background-color:#0072bc; height:70px;}
.main_grid .grid2 {background-color:#30a6da;}
.main_grid .grid3 {background-image:url(/mob/images/mban01.jpg); background-size:cover; vertical-align:top;}
.main_grid .grid4 {background-image:url(/mob/images/mban02.jpg); background-size:cover; height:70px;}
.main_grid .grid1 a {padding:40px 0 0; background-image:url(/mob/images/mbanicon01.png); background-repeat:no-repeat; background-position:50% 5px; background-size:22.5px 24.5px;}
.main_grid .grid2 a {padding:40px 0 0; background-image:url(/mob/images/mbanicon02.png); background-repeat:no-repeat; background-position:50% 5px; background-size:22.5px 24.5px;}
.main_grid .grid3 a {padding:10px 0 130px; color:#000;}
.main_grid .grid4 a {padding:40px 0 0; background-image:url(/mob/images/mbanicon03.png); background-repeat:no-repeat; background-position:50% 5px; background-size:22.5px 24.5px;}
.main_grid .grid4 .subtxt {display:block; font-size:0.8em; font-weight:normal;}


.banner_section {padding:12.5px 0;}
  .banner_section a {display:block; padding:9px 10px; border:3px solid #cfd3da; background-image:url(/mob/images/banner_bg01.jpg); background-repeat:no-repeat; background-position: center center; background-size:cover; *zoom:1;}
  .banner_section a:after {display:block; content:" "; clear:both;}
    .banner_section .icon {display:table-cell; vertical-align:middle;  width:50px;}
    .banner_section .text {line-height:1.45em; display:table-cell; vertical-align:middle; padding-left:10px; *zoom:1;}
    .banner_section .text:after {display:block; content:" "; clear:both;}
    .banner_section .text .innertext .tit {display:block; font-size:16px; color:#030303; font-weight:600; line-height:1.45em; word-break:break-all;}
    .banner_section .text .innertext .tit .colored {color:#1383cb;}
    .banner_section .text .innertext .txt {display:block; float:none; overflow:hidden; clear:none;}
    .banner_section .text .innertext {display:table-cell;}
    .banner_section .text .button {display:table-cell; width:88px; position:relative; vertical-align:middle;}
    .banner_section .text .button > span {background-color:#90bd00; color:#fff; border-radius:20px; padding:5px 25px 5px 10px; position:relative;}
    .banner_section .text .button > span:after {display:block; position:absolute; top:3px; right:7px; content:">";}



.board_section {border-bottom:1px solid #dddddd;}
  .tab_content {position:relative; min-height:210px; *zoom:1;
    text-align:justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    width:100%;
    margin:25px 0;
	font-size:0;
	line-height:0;
  }
  .tab_content:after {display:block; content:" "; clear:both; width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
  }
    .tab_content > li {
      height:50px;
      vertical-align:top;
      display:inline-block;
      *display: inline;
      zoom: 1
    }
    .tab_content.ea2 > li {width:49.7%;}
    .tab_content.ea3 > li {width:32.8%;}
    .tab_content > li > .tab {display:block; border:1px solid #666666; background-color:#fff; text-align:left; padding:12px 7px 10px 7px; white-space:nowrap; height:38px; line-height:1;}
    .tab_content > li > .tab:after {float:right; display:inline-block; content:" "; width:13.5px; height:6.5px; background-image:url(/mob/images/tabarrow.png); background-repeat:no-repeat; background-position:50% 50%; background-size:13.5px 6.5px; float:right; padding:6px 0;}
    .tab_content > li > .tab.on {color:#fff; background-color:#1272c0; border-color:#1272c0;}
    .tab_content > li > .tab.on:after {display:none;}
    .tab_content > li > .tab.on + .board_content_wrap {display:block;}
    .tab_content .board_content_wrap {
      display:none; position:absolute; top:60px; left:0; width:100%;
    }
    .tab_content .board_content_wrap ul.board_content > li > a {
      display:block; padding:6px 0; font-size:14px; color:#444444; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:1.25em;
    }
.board_section2 {}
  .board_section2 .tab_content {min-height:230px;}
  .board_section2 .tab_content .board_content_wrap div.board_content {}
  .board_section2 .tab_content .board_content_wrap div.board_content > a {display:block; position:relative;}
  .board_section2 .tab_content .board_content_wrap div.board_content > a > .tit {display:block; padding:6px 0; font-size:12pt; color:#444444; line-height:1.45em; font-weight:600; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
  .board_section2 .tab_content .board_content_wrap div.board_content > a > .txt {display:block; padding:6px 0; font-size:12pt; color:#444444; line-height:1.45em; font-weight:normal; height:78px; overflow:hidden; text-align:left;}
  .board_section2 .tab_content .board_content_wrap div.board_content > a:after {position:absolute; display:block; bottom:-25px; left:0; content:"더보기 >"; font-weight:600; color:#0d79da;}




.monthly_steelmagazine {
  border-top:1px solid #c0d0da;
  border-bottom:1px solid #c0d0da;
  background-color:#e4eef6;
  padding:0 0 15px 0;
}
  .monthly_steelmagazine .head {
    text-align:center;
    padding:20px 10px;
  }
  .monthly_steelmagazine .head .tit {display:block; font-size:16pt; color:#000; font-weight:600; line-height:1.45em; margin-bottom:0.3em;}
  .monthly_steelmagazine .head .txt {display:block; font-size:12pt; color:#333333; line-height:1.45em;}
  .monthly_steelmagazine .contents {padding:12.5px; background-color:#fff; padding:12.5px 0; border-top:1px solid #c0d0da; border-bottom:1px solid #c0d0da;}
  .monthly_steelmagazine .contents .thumb {float:left; width:27%; margin-right:15px;}
  .monthly_steelmagazine .contents .thumb img {max-height:350px; display:block; margin:0 auto;}
  .monthly_steelmagazine .contents .title_wrap {float:none; overflow:hidden; clear:none;}
  .monthly_steelmagazine .contents .title_wrap {}
    .monthly_steelmagazine .contents .title_wrap > dt,
    .monthly_steelmagazine .contents .title_wrap > dd > .txt {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
    .monthly_steelmagazine .contents .title_wrap > dt {font-size:14px; color:#0d79da; font-weight:600; line-height:1.45em;}
    .monthly_steelmagazine .contents .title_wrap > dt.tit {margin-bottom:0.3em;}
    .monthly_steelmagazine .contents .title_wrap > dd {font-size:14px; color:#444444; font-weight:normal; line-height:1.45em;}
    .monthly_steelmagazine .contents .title_wrap > dd > .cate {display:block; float:left;}
    .monthly_steelmagazine .contents .title_wrap > dd > .cate:after {display:inline-block; content:" / "; margin:0 5px;}
    .monthly_steelmagazine .contents .title_wrap > dd > .txt {float:none; overflow:hidden; clear:none;}




.edu_seminar {
  background-image:url(/mob/images/banner_bg02.jpg); background-repeat:repeat;
  padding:25px 0;
  text-align:center;
}
.edu_seminar .sec_title {
  display:block; font-size:16px; font-weight:600; color:#fff; margin-bottom:12px;
}
.edu_seminar .tit {
  display:block; font-size:14px; color:#34a1fd; font-weight:600; margin-bottom:10px;
}
.edu_seminar .date,
.edu_seminar .location {
  display:block;
  font-size:14px; color:#eeeeee; line-height:1.45em;
}





.quick_icon_sec {
  padding:25px 0;
}
  .quick_icon_sec .quick_icons {
    width:100%;
    text-align:justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
  }
  .quick_icon_sec .quick_icons:after {
    content:" ";
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
  }
  .quick_icon_sec .quick_icons > li {
    /*width:24%;*/
    vertical-align:top;
    display:inline-block;
    *display: inline;
    zoom: 1
  }
  .quick_icon_sec .quick_icons > li > a {
    display:block;
    padding-top:50px;
    text-align:center;
    background-repeat:no-repeat;
    background-position:50% 0px;
    background-size:45px 45px;
  }
  .quick_icon_sec .quick_icons > li > a.registration {background-image:url(/mob/images/micon_cc01.png);}
  .quick_icon_sec .quick_icons > li > a.subscribe {background-image:url(/mob/images/micon_cc02.png);}
  .quick_icon_sec .quick_icons > li > a.linksite {background-image:url(/mob/images/micon_cc03.png);}
  .quick_icon_sec .quick_icons > li > a.contactus {background-image:url(/mob/images/micon_cc04.png);}
  .quick_icon_sec .quick_icons > li > a.download {background-image:url(/mob/images/micon_cc05.png); padding:50px 2px 0px 2px;}





.committe_sec {
  padding:25px 0;
  background-image:url(/mob/images/mbg_blur01.jpg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  border-top:1px solid #dddddd;
  border-bottom:1px solid #dddddd;
}
.committe_sec .sec_title {display:block; font-size:16px; color:#333333; font-weight:600; text-align:center; margin-bottom:15px;}

.committe_sec .mcommitte_wrap {
    display:table;
    border-collapse:separate;
    border-spacing:5px;
    width:100%;
}
.committe_sec .main_committe {
  width:100%;
  text-align:justify;
  -ms-text-justify: distribute-all-lines;
  text-justify: distribute-all-lines;
  display:table-row;
}
.committe_sec .main_committe:after {
  content:"";
  width: 100%;
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
.committe_sec .main_committe > div {
  display:inline-block;
  width:33.33333%;
  vertical-align:top;
  margin:4px 0;
  display:inline-block;
  *display: inline;
  zoom: 1;
  display:table-cell;
  border:1px solid #c1d1db;
  background-color:#fff;
  padding: 8px 4px;
  vertical-align:middle;
  font-size: 12px;
  line-height:1.4em;
  text-align:center;
  word-break:break-all;
  white-space:nowrap;
}
.committe_sec .main_committe .colgroup {
    display:table-column-group;
}
.committe_sec .main_committe .col {
    display:table-column;
    width:33.33333%;
}
.committe_sec .main_committe > div > a {
  display:block;
  text-align:center;
  overflow:hidden;
  text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color:#1372b4;
    font-weight:600;
}




.footer {
  padding:25px 0;
  font-size:14px; color:#999999; line-height:1.45em;
  background-color:#f5f5f5;
  position:relative;
}
.footer h2 {font-size:16px; color:#444444; margin-bottom:0.5em;}
.footer .foot_info {}
  .footer .foot_info > li {display:inline-block;}
  .footer .foot_info .address {width:100%;}
  .footer .copyrights {}
  .footer a.gotop {display:block; position:absolute; width:35px; height:33px; background-color:#ededee; border:1px solid #dddddd; text-indent:-99999px; top:50%; margin-top:-12.5px; right:10px;
  background-image:url(/mob/images/gotop.png); background-repeat:no-repeat; background-position:50% 50%; background-size:16px 18px;}




/* common */
.red {color:#ff0000;}

.bold {color:#000; font-weight:600;}
.btn_wrap {text-align:center;}
.btn_wrap.right {text-align:right;}
.btn_wrap.left {text-align:left;}
.btn_wrap .btn {display:inline-block;
    padding:6px 10px; color:#fff; background-color:#002b5c;
    border:1px solid #002b5c;
}
.btn_wrap .btn:hover {
    color:#002b5c; background-color:#fff;
}
p.justify {text-align:justify;}
.subtxt {color:#666666; font-size:12px;}

.center {text-align:center;}