@charset "utf-8";
/*CSS Document*/

/* Mobile RESET CSS  --------------------------------------------------*/

@font-face{
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: normal;
  src: url('/css/fonts/NanumBarunGothic.eot'); 
  src: local('Æ'), url('/css/fonts/NanumBarunGothic.woff') format('woff'), url('/css/fonts/NanumBarunGothic.ttf') format('truetype'); 
}

@font-face{
  font-family: 'Nanum Barun GothicB';
  font-style: normal;
  font-weight: bold;
  src: url('/css/fonts/NanumBarunGothicBold.eot');     
  src: local('Æ'), url('/css/fonts/NanumBarunGothicBold.woff') format('woff'), url('/css/fonts/NanumBarunGothicBold.ttf') format('truetype'); 
}

/*
@font-face {
 font-family: 'NanumSquareR';
 font-weight: 400;
 src: url('/css/fonts/NanumSquareR.eot');
 src: url('/css/fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
      url('/css/fonts/NanumSquareR.woff') format('woff'),
      url('/css/fonts/NanumSquareR.ttf') format('truetype');
}
@font-face {
 font-family: 'NanumSquareB';
 font-weight: 500;
 src: url('/css/fonts/NanumSquareB.eot');
 src: url('/css/fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'),
      url('/css/fonts/NanumSquareB.woff') format('woff'),
      url('/css/fonts/NanumSquareB.ttf') format('truetype');
}
@font-face {
 font-family: 'NanumSquareEB';
 font-weight: 500;
 src: url('/css/fonts/NanumSquareEB.eot');
 src: url('/css/fonts/NanumSquareEB.eot?#iefix') format('embedded-opentype'),
      url('/css/fonts/NanumSquareEB.woff') format('woff'),
      url('/css/fonts/NanumSquareEB.ttf') format('truetype');
}
*/
body{margin:0; padding:0; background-color:#fff;height: 100%; font-size:14px}
body.hidden {overflow:hidden}
html{overflow-y:scroll;  margin: 0;}

body, table, th, td, input, select, textarea, div{
	font-family:"나눔바른고딕",'NanumBarunGothic','Nanum Barun Gothic',Helvetica; font-weight:400;
	color:#363636; font-size:14px;
}
a { text-decoration:none; color:#363636; }
select{font-size:11px}
h1, h2, h3, h4, h5, h6, ol, ul, li, form, fieldset, input, textarea, hr, p{margin:0; padding:0}
img, fieldset{border:0 none}
img{vertical-align:baseline; max-width:100%;}
ol, ul, li{list-style:none;}
table{border-spacing:0; border-collapse:collapse; border:0 none}
h1,h2,h3,h4,h5,h6{font-size:100%}
input, textarea {
/*
  -webkit-appearance: none;
  -webkit-border-radius: 0;
*/ }
input{border:0 none;}
textarea{border:1px solid #ddd; width:95%; font-size:14px;}
button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer;}
button::-moz-focus-inner{border:0; padding:0;}


#M_Wrapper {  position: relative; height: 100%; width: 100%; left: 0;}

/* Mobile 사이드메뉴  --------------------------------------------------*/

/*#M_Wrapper.open-sidebar .swipe-area { position:absolute; width:100%; left:0; top:0; height:100%; z-index:999; display:block; }*/
#sidebar {background: #f2f4f6;  position: absolute; width:240px; left:-250px; z-index:999; 
	box-sizing: border-box; -moz-box-sizing: border-box;  
	-webkit-transition:  left 0.2s ease-in-out;
	-moz-transition:  left 0.2s ease-in-out;
	-ms-transition:  left 0.2s ease-in-out;
	-o-transition:  left 0.2s ease-in-out;
	transition:  left 0.2s ease-in-out; 

	-webkit-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.25);
}
#sidebar.open-sidebar {left:0;}
#sidebar .top_area {position:relative; background:#1a3891; padding:15px 20px 15px 14px; text-align: right; }
#sidebar .top_area a {color:#fff; display:inline-block;}
#sidebar .top_area .side_close {width:16px; height:16px; }
#sidebar .top_area .side_close img {display:block; width:100%}
#sidebar .m_login, #sidebar .m_logout {position:absolute; top:15px; right:20px}
#sidebar ul { margin: 0; padding: 0; list-style: none; }
#sidebar ul li {  margin: 0; }
#sidebar ul li:last-child {border:none}
#sidebar ul li a {padding: 11px 0 12px 15px; font-size: 16px; line-height:20px; display: block; color:#464646;  font-weight:700}
#sidebar > ul > li > a { background:#fff; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eee; }
#sidebar ul li a.on {color:#1a3891;}
#sidebar ul li ul {margin:0 12px; }
#sidebar ul li ul li {border:none}
#sidebar ul li ul li a {padding:9px 16px; font-size:15px; border-bottom:none;  font-weight:400; }
#sidebar ul li ul li a.on:after {margin-left:8px; content:""; display:inline-block; vertical-align:middle; width:6px; height:10px; background:url('../img/arrow_menu_on.png') no-repeat 0 0; background-size:6px 10px}
.main-content { width: 100%;  height: 100%;  box-sizing: border-box;  -moz-box-sizing: border-box;  position: relative;  z-index:99}
.main-content.dim {}
.main-content.dim:after {position:absolute; top:0; left:0; content:"·"; display:block; width:100%; height:100%; background:#000; opacity:0.4; z-index:99}

/* Mobile 헤더 --------------------------------------------------*/
#M_Header { position:relative; height:50px; overflow:hidden; }
#M_Header .m_btn_menu { position:absolute; left:15px;top:23px; z-index:6; }
#M_Header .m_btn_back { position:absolute; left:15px;top:23px; }
#M_Header h1 {margin-top:12.5px; text-align:center;}
#M_Header h1 a {width:52px; display:inline-block;}
#M_Header h1 img {display:block; width:100%}
#M_Header .login { position:absolute; right:15px; top:27px; }
#M_Header .login a { color:#666; font-size:13px; }
#M_Header .language {position:absolute; top:15px; right:12px; display:inline-block; padding-left:20px; line-height:16px; color:#666; background:url(../img/ico_language.gif) no-repeat 0 0; background-size:16px 16px}
#M_Header .gnb {position:absolute; top:18px; left:12px; display:inline-block;}
#M_Header .gnb img {width:20px; height:15px}

#M_Gnb { padding:0 10px 0; border-width:1px 0 1px; border-style:solid; border-color:#ddd;  background:#f8f8f8; }
#M_Gnb ul { overflow:hidden;}
#M_Gnb li { float:left; width:25%; line-height:44px; text-align:center;  }
#M_Gnb li a { display:block; color:#444; font-weight:600; font-size:15px; letter-spacing:-2px; }

#M_Visual { position:relative; }
#M_Visual img { width:100%; max-width:720px; }

/* Mobile Main 비주얼  --------------------------------------------------*/
#M_Visual .main_banner {width:100%; max-width:720px; max-height:327px;margin:0 auto;}
#M_Visual .main_banner .slide {width:100%; height:100%; max-height:327px; }
#M_Visual .main_banner .slide a { height:100%; }

#M_Visual .main_banner .cycle_wrap {position:relative; height:100%; max-height:400px;}
#M_Visual .cycle_slideshow {position:relative}
#M_Visual .cycle_slideshow > div.slide {position:absolute;top:0;left:0;width:100%;padding:0}
#M_Visual .cycle-pager {position:absolute;bottom:4px;width:100%;text-align:center;z-index:22;}
#M_Visual .cycle-pager a {display:inline-block;width:23px;height:3px;margin:0 3px; background:url(../img/s_dot_off.png) no-repeat;}
#M_Visual .cycle-pager a.cycle-pager-active {background:url(../img/s_dot_on.png) no-repeat;}
#M_Visual .main_banner .blind { display:none; }
#M_Visual #prev_main {left:3%; z-index:800;}
#M_Visual #next_main {right:3%; z-index:800;}
#M_Visual .btn_cycleLB {display:inline-block;position:absolute;top:50%;left:0;width:23px;height:43px;margin-top:-24px;background:url(../img/btn_arrow.png) no-repeat 0 -100px;z-index:101;}
#M_Visual .btn_cycleLB:hover {background-position:0 -145px;}
#M_Visual .btn_cycleRB {display:inline-block;position:absolute;top:50%;right:0;width:23px;height:43px;margin-top:-24px;background:url(../img/btn_arrow.png) no-repeat -40px -100px;z-index:101;}
#M_Visual .btn_cycleRB:hover {background-position:-40px -145px;}


/*메인 COMPANY, PRODUCT css*/
.main_box_board { width:100%; padding:0 0 0; position: relative; }
.main_box_board .board_tit{ margin-bottom: 10px; font-family:"나눔바른고딕",'NanumBarunGothicB','Nanum Barun GothicB',Helvetica; font-weight:bold; font-size:17px; line-height:1.3em; height:17px; display:block; }
.main_box_board .main_box_btn{ position: absolute; top: -3px; right: 0; text-align:right; }
.main_box_board .main_box_btn img{ width:70% }
.main_box_board .main_box_board_img{ clear: both; width:100%; overflow:hidden; }
.main_box_board .main_box_board_img ul{ width:300%; }
.main_box_board .main_box_board_img li{ width:33.33%; float:left; }

.main_box_board .main_product_btn{ float:right; }
.main_box_board .main_product_btn li{ float:left; }
.main_box_board .main_product_img{ clear: both; width:100%; overflow:hidden; }
.main_box_board .main_product_img ul{ width:400%;  }
.main_box_board .main_product_img li{ width:25%; float:left;  }

.sub_btn{ position: absolute; top: 44%; left: 1%; margin:0 auto; width: 98%; clear:both; }
.sub_btn li { width:30px; }
.sub_btn li p{ cursor:pointer; }
.sub_btn li:nth-child(1){ float:left; }
.sub_btn li:nth-child(2){ float:right; }


/*메인 공지사항, 철강뉴스 css*/
.main_box_board.main_notice{ height:180px; }
.main_box_board .board_tit_cont2{ font-family:"나눔바른고딕",'NanumBarunGothicB','Nanum Barun GothicB',Helvetica; font-weight:bold; font-size:17px; line-height:1.3em; display:block;  }


/* Mobile Main 공지사항  --------------------------------------------------*/
#M_Notice { height:34px; border-width:1px 0 1px; border-style:solid; border-color:#ddd; background:#f0f0f0; position:relative; font-size:12px; z-index:9999; }
#M_Notice span { position:absolute; left:15px; top:10px; color:#333; }
#M_Notice ul { overflow:hidden; position:absolute; left:50px; top:10px; }
#M_Notice a { color:#666; display:block; }
#M_Notice .notice_next {  position:absolute; right:10px; top:6px; border:1px solid #ddd; }
#M_Notice .notice_prev {  position:absolute; right:31px; top:6px; border:1px solid #ddd; }


/* Mobile Main 아이콘  --------------------------------------------------*/
#M_Icons { padding:0 10px 0; margin-top:15px;  z-index:9999;}
#M_Icons ul { overflow:hidden; }
#M_Icons li { float:left; width:33.3%;  }
#M_Icons li a { display:block; }
#M_Icons div { padding:5px 5px 0;  text-align:center; }
#M_Icons p { border:1px solid #ddd; padding:15px 0 15px; border-radius:10px; margin-bottom:5px; background:#f8f8f8; }
#M_Icons p img { width:100%; max-width:40px; max-height:40px; }
#M_Icons span { font-size:12px; letter-spacing:-1px; }

/* Mobile Main 탭 레이아웃  --------------------------------------------------*/
.M_contents {max-width:720px; margin:0 auto; background: #fff; }
.M_contents_wrap{ width:94%; padding: 20px 3% 20px; }
.tabmenu { }
.tabmenu ul.tab_inner {position:relative; overflow:hidden; min-height:450px}
.tabmenu ul.tab_inner li {float:left; width:50%; }
.tabmenu ul.tab_inner li a.tab_link {position:relative; display:block; font-size:16px; line-height:40px; height:40px; background:#f2f4f6;  border-right:1px solid #dedede; border-bottom:1px solid #dedede; text-align:center; }
.tabmenu ul.tab_inner li a.tab_link.on {color:#1a3891; background:#fff; border-bottom:1px solid #fff; font-weight:700}
.tabmenu ul.tab_inner li:last-child a.tab_link {border-right:none}
.tabmenu .tab_cnt {display:none; width:calc(100% - 24px); position:absolute; left:0; top:58px; padding:0 12px}


/* main */
.notice { margin-top:25px; background: #fff; padding:20px 0; }
.notice .board_tit_cont2 { position:relative;  padding:0 0 14px 0; font-size:17px; color:#363636; font-weight:bold; border-bottom: 1px solid #ddd; }
.notice a.more {position:absolute; top:-3px ; right:0; font-size:12px; color:#666; text-align:right; }
.notice a.more img {width:70%}
.notice .Board_txt, .steel_news .Board_txt {margin:15px 0}
.notice .Board_txt li, .steel_news .Board_txt li {position:relative; font-family:"나눔바른고딕",'NanumBarunGothic','Nanum Barun Gothic',Helvetica; font-weight:400; }
.notice .Board_txt li a, .steel_news .Board_txt li a {
	font-size:14px; line-height:20px; color:#464646; padding:5px 0 0 0; background:url(../img/notice_dot.gif) no-repeat 0 12px; background-size:3px; 
	display:inline-block; width:calc(100% - 100px); overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap; 
}
.notice .Board_txt li span, .steel_news .Board_txt li span{position:absolute; top:8px; right:0; font-size:12px; color:#999;}

.steel_news {position:relative; margin-top:28px;  padding-bottom:25px}
.steel_news .board_tit_cont2 {padding:0 0 14px 0; font-size:17px; color:#363636; font-weight:bold; border-bottom: 1px solid #ddd;}
.steel_news a.more {position:absolute; top:-3px ; right:0; font-size:12px; color:#666; text-align:right;}
.steel_news a.more img {width:70%}
.steel_news .board_txt {margin:15px 0}
.steel_news .board_txt li {position:relative; }
.steel_news .board_txt li a {
	font-size:14px; line-height:20px; color:#464646; padding:5px 0 0 0; display:inline-block; width:100%; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap; 
}


.exclamation {text-align:center; padding:30px 0 !important}
.exclamation img {width:20px; height:20px;}
.exclamation b {display:block; color:#666; font-weight:normal; margin-top:10px}


/* main banner존 */
.main_box_banner{ width:100%; }
.main_box_banner a{ display:block; }
.main_box_banner div{ width:49%;  display:inline-block; }
.main_box_banner div:first-child{ margin-right:0.5%; }

/* Mobile Sub 레이아웃  --------------------------------------------------*/
#M_SubWrap { padding:15px 0 0 0; margin:0 auto; width:100%;  max-width:720px;}
#M_SubBody { padding:0 0 60px 0;}
#M_SubBody img {}

#M_Subtopimg {width:100%; }
#M_Subtopimg div {width:100%; max-width:720px;  margin:0 auto}
#M_Subtopimg div img {display:block; width:100%}

#M_Subbar {padding:6px 15px 6px 15px; font-size:12px; line-height:18px; color:#fff; max-width:720px; margin:0 auto; background:#0b162b; opacity:0.9; }
#M_Subbar img {width:12px; vertical-align:top; padding-top: 2px; }
#M_Subbar span {vertical-align:middle}
#M_Subbar span.arrow { background:url("../img/sub/arrow.png") no-repeat 50% 0; padding:0 10px; background-size:7px 12px;  line-height:12px}
#M_Subbar span.last {color:#fff}


/* Mobile Sub 메뉴  --------------------------------------------------*/
#M_submenu { position:relative; max-width:610px; padding:0 15px; margin:20px 0 0; }
#M_submenu ul { position:relative; overflow:hidden; }
#M_submenu li {}
#M_submenu a { display:block; float:left; width:25%; text-align:center; background:#fff; margin:0 2px; padding:9px 6px; font-size:13px; line-height:14px; letter-spacing:-0.05em;  }
#M_submenu li a { color:#333; border:1px solid #ddd; }
#M_submenu li.on a { color:#fff;background:#4068ad; border:1px solid #4068ad; font-weight:bold; }


/* Mobile Sub 타이틀  --------------------------------------------------*/
#M_subtitle { font-size:22px;  margin:20px 15px 20px; font-weight:bold; letter-spacing:-2px; }


/* Mobile Sub 컨텐츠  --------------------------------------------------*/
.subtit { padding:0 0 0 16px; background:url(../img/i_tit.png) no-repeat 0 50%; font-weight:bold; }
.subtxt { font-size:13px; }
.toptxt_right { text-align:right; font-size:12px; color:#666; height:15px; }
.tableA { border-top:1px solid #333; }
.tableA th { background:#f8f8f8; padding:10px 15px 10px 15px; border-bottom:1px solid #ddd; }
.tableA td { padding:10px 15px 10px 15px; border-bottom:1px solid #ddd; }
.tableF { border-top:1px solid #333; }
.tableF.input input { border:1px solid #ddd; padding:3px; background:#f7f7f7; vertical-align:middle; }
.tableF th { background:#f7f7f7; padding:10px 5px 10px 10px; border-bottom:1px solid #ddd; text-align:left; color:#333; }
.tableF td { padding:10px 15px 10px 15px; border-bottom:1px solid #ddd; }


/* Mobile Sub 버튼  --------------------------------------------------*/
#btnArea {text-align:center; margin-top:10px; vertical-align:middle;}
.btnA { width:84px; height:32px;  border:none; cursor:pointer; background:#333; color:#fff; font-size:12px; line-height:12px; display:inline-block; vertical-align:middle; }
.btnB { width:84px; height:32px;  border:none; cursor:pointer; background:#8c909b; color:#fff; font-size:12px; line-height:12px; display:inline-block; vertical-align:middle; }
.btnC { width:84px; height:32px; border:1px solid #ddd; background:#fff; cursor:pointer; font-size:12px; line-height:30px;  display:inline-block; vertical-align:middle; } /*취소*/
.btnS { width:64px; height:32px;  border:none; cursor:pointer; background:#333; color:#fff; font-size:12px; line-height:12px; display:inline-block; vertical-align:middle; } /*검색*/



/* Mobile LOGIN 로그인  --------------------------------------------------*/
.loginbox { border:1px solid #ddd; background:#f8f8f8; padding:30px 30px 15px; }
.login_input {padding:10px 3px; border:1px solid #ddd; width:95%}
.login_txt { font-size:13px; text-align:left; margin-top:10px; color:#333}
.loginbox th {font-weight:400; color:#464646}


/* Mobile subpage  --------------------------------------------------*/
.sub_inner {position:relative;}
.cnt_inner {padding:0 11px}
.sub_inner .btn_top {position:absolute; bottom:-40px; right:12px}
.sub_inner .btn_top a {display:inline-block; width:23px;}
.sub_inner .btn_top a img {width:100%}
.sub_inner h4 {margin-bottom:30px; font-size:24px; line-height:28px; text-align:center; font-weight:700}
.sub_inner ul.tab {font-size:0; text-align:center; margin-bottom:30px;}
.sub_inner ul.tab.length_2 li {width:50%}
.sub_inner ul.tab.length_3 li {width:33.3%}
.sub_inner ul.tab.length_3 li:last-child {width:33.4%}
.sub_inner ul.tab.length_5 li {width:20%}
.sub_inner ul.tab li {display:inline-block;}
.sub_inner ul.tab li:last-child {margin-right:0}
.sub_inner ul.tab li:first-child a {border-left:none}
.sub_inner ul.tab li a {position:relative; display:block; font-size:12px; color:#1c3a86; border-right:none; background:#eee; text-align:center; }
.sub_inner ul.tab li.on a {background:#1c3a86; border-right:none; color:#fff}
.sub_inner ul.tab li:first-child.on a {border-left:none}
.sub_inner ul.tab li a span {position:relative; display:inline-block; /*width:63px;*/ padding:9px 0 9px 0 ;}
.sub_inner ul.tab li a img {width:100%; display:inline-block; position:absolute; top:0; left:0}
.img_big_product {text-align:center; margin-bottom:30px;}
.img_big_product img {min-width:296px; width:100%; max-width:336px; }

.product_specification {}
.product_specification .wide {width:100%}
.product_specification .wide .half {width:calc(50% - 30px)}
.product_specification .title_product {position:relative; padding: 6px 0 9px 0; font-size:13px; line-height:23px; font-weight:normal; }
.product_specification .title_product img {width:86px; vertical-align:middle}
.product_specification .title_product .number {position:absolute; top:0; left:12px; display:inline-block; margin-right:6px; width:20px; line-height:24px; height:23px; font-size:10px; color:#1a3891; background:url(../img/sub/bg_title_number.gif) no-repeat 0 0; background-size:20px 23px; text-align:center; vertical-align:top}
.product_specification .title_product span.certification {font-weight:400}
.product_specification .title_product .extract {position:absolute; top:8px; right:0}
.product_specification .title_product span.right_txt {position:absolute; top:15px; right:0; font-size:14px; color:#464646}
.product_specification table {width:100%; border-collapse: collapse;}
.product_specification table th,
.product_specification table td {font-size:11px; line-height:18px; text-align:center; padding:5px 0; color:#464646}
.product_specification table th {background:#d6eff9; border-right:1px solid #b5e5f9; border-bottom:1px solid #b5e5f9; border-top:1px solid #b5e5f9;}
.product_specification table th img {width:90%;}
.product_specification table th span.right,
.product_specification table th span.left {display:block; }
.product_specification table th span.right {text-align:right; padding-right:10px}
.product_specification table th span.left {text-align:left; padding-left:10px}
.product_specification table th.slash {background: #d6eff9 url(../img/sub/slash.png); background-size: 100% 100%; text-align: left;}
.product_specification table td {border-right:1px solid #d6dce5; border-bottom:1px solid #d6dce5; border-top:1px solid #d6dce5}
.product_specification table td.tit_td {background:#d6eff9; border:1px solid #b5e5f9; }
.product_specification table td.tit_td_g {background:#ececec; border:1px solid #dfdfdf; }
.product_specification table td.col_td {background:#ffedc1; border:1px solid #dfdfdf; }
.product_specification table td.point_td {background:#f7fcfc; }
.product_specification table td.left {padding-left:10px; padding-right:10px}
.product_specification table .color_grey {color:#666}
.product_specification table .color_green {color:#b3b366}
.product_specification table .color_orange {color:#ff4517}
.product_specification table .color_sky {color:#6f92cb}
.product_specification table .first,
.product_specification table tr th:first-child {border-left:none; }
.product_specification table .last, 
.product_specification table tr th:last-child, 
.product_specification table tr td:last-child {border-right:none}

.table_inner.scroll{ position: relative; overflow: hidden; overflow-x: auto; }
.table_inner.scroll .mt1_table{ width:800px; }
.table_inner.scroll .mt2_table{ width:600px; }

.product_specification .table_scroll {overflow:hidden;}
.product_specification .table_scroll .fixed {float:left;}
.product_specification .table_scroll .fixed table th:last-child {border-right:1px solid #b4c6e1}
.product_specification .table_scroll .fixed table td:last-child{border-right:1px solid #d6dce5}
.product_specification .table_scroll .scroll {float:left; overflow-x:scroll;}

.product_specification .add_explanation {margin-top:6px; /*padding:0 12px;*/ font-size:12px; }
.product_specification .add_explanation li {position:relative; padding:0 0 0 8px; font-size:12px; line-height:20px; color:#666}
.product_specification .add_explanation li:before {position:absolute; top:0; left:0; content:"*";}

.product_specification .profile {overflow:hidden; width:calc(100% - 24px); margin-bottom:30px; padding:0 12px}
.product_specification .profile:last-child {margin-bottom:0}
.product_specification .profile .img {float:left; width:40%; vertical-align:top}
.product_specification .profile .img img {margin-top:20px;/*margin:20px 0 0 20px;*/ width:90%}
.product_specification .profile .wide {float:right; width:60%}
.product_specification .profile .title {font-size:14px; line-height:20px; font-weight:700}

.product_specification .img_only {text-align:center}

.product_inner{ height:400px; }
		

/*consult_icon css*/
.consult_icon{ margin-top: 30px; text-align: right; }
.consult_icon button{ width:20%; }

.sub_txt {position:relative; text-align:center; line-height:20px; padding-top:10px; margin-bottom:35px}
.sub_txt:before {position:absolute; top:0; left:50%; content:""; display:inline-block; width:20px; height:2px; background:#1a3891; margin-left:-10px;}
.only_img {}
.only_img img {width:100%; display:block}

.img_map {border:1px solid #efefef}
.img_map img {width:100% !important; height:100% !important}


/* sub_offices */
.map_area{ }
.map_area .company_information{ text-align:center; border:1px solid #d5d4d5; border-top:none; }
.map_area .company_information>div:nth-child(2) div{ width:200px; display:inline; font-size:12px; font-weight:600; }
.map_area .company_information>div:nth-child(2) { padding: 0 0 10px 0; } 
.map_area .company_information>div:nth-child(1){ font-size:11px; font-family:"나눔바른고딕",'NanumBarunGothicB','Nanum Barun GothicB',Helvetica; font-weight:bold; padding: 10px 0 10px 10px; text-align:left; } 
.map_area .company_information>div:nth-child(2) div:nth-child(1){ margin-right:30px; } 

.company_information>div:nth-child(1) span {position:relative; display:inline-block; margin-right:5px; /*padding-left:12px;*/ width:44px; font-size:12px; line-height:20px; font-weight:700}
.company_information>div:nth-child(1) span:after {position:absolute; top:50%; right:0; margin-top:-5px; content:""; display:block; width:1px; height:9px; background:#333; }


/* table */
.board_list {}
.board_list table {width:100%; border-top:1px solid #333}
.board_list table th {width:80px; padding:10px; background:#f7f7f7; border-bottom:1px solid #d7d7d7; height:40px; text-align:left;}
.board_list table td {padding:10px;  border-bottom:1px solid #d7d7d7}
.board_list table td input {width:calc(100% - 12px); line-height:28px; border:1px solid #ddd; padding:0 5px; vertical-align:middle; font-size:14px; }
.board_list table td textarea {width:calc(100% - 12px); border:1px solid #ddd; resize:none; padding:10px 5px}

.write_guide {background:#f2f4f6; padding:20px 15px; margin-top:30px;}
.write_guide .tit {text-align:center; font-weight:700; margin-bottom:10px}
.write_guide  li {position:relative; padding:0 0 0 15px; font-size:12px; line-height:18px;}
.write_guide  li span {position:absolute; top:0; left:0; width:15px}

.btn_comm {text-align:center}
.btn_comm a {display:inline-block;}


/* sub_company */
.welcome{ position:relative; }
.welcome .sub_company_img{ width:100%; overflow:hidden;  }
.welcome .sub_company_img ul{ width:500%; }
.welcome .sub_company_img li{ width:20%; float:left; }
.welcome .sub_btn{ position: absolute; top: 35%; left: 2.5%; width: 95%; clear:both; }
.welcome .sub_btn li:nth-child(1){ float:left; }
.welcome .sub_btn li:nth-child(2){ float:right; }

/* sub_consult */
.consult_tel{ background:#f4f5f9; height: 120px; text-align:center; }
.consult_tel div{ color:#2c3241; }
.consult_tel div:nth-child(1){ font-family:"나눔바른고딕",'NanumBarunGothic','Nanum Barun Gothic',Helvetica; font-weight:400; font-size: 13px; line-height: 1.38; height: 22px; padding:20px 0 18px 0; }
.consult_tel > div:nth-child(2){ font-family:"나눔바른고딕",'NanumBarunGothicB','Nanum Barun GothicB',Helvetica; font-weight:bold; height: 40px; font-size: 16px; line-height: 1.22; width:100%; }

.consult_tel > div:nth-child(2) p{ display:inline-block; width:40%; }
.consult_tel > div:nth-child(2) p img{ position:relative; top:-15px; width:80px;}
.consult_tel > div:nth-child(2) div{ display:inline-block; width:50%; font-size:12px; text-align:left; }
.consult_tel > div:nth-child(2) div span:last-child a{ color: #00b2ff; text-decoration: underline; }

/* sub_ecatalog */

div.cont_one { width:100%; margin:0px auto; }
div.cont_one ul { margin:0 auto; }
div.cont_one ul li { /*border-bottom:1px solid #f6f6f6;*/ text-align:justify; }

.ecata_list{  }
.ecata_list>li{ }
ul.ecata_list { width:100%; margin: 0 auto; margin-top: 10px; padding-top: 0px; }
ul.ecata_list li { padding: 2px; font-size:15px; font-weight:bold; }
ul.ecata_list li.q { position: relative; padding: 20px 0; background:transparent; border-top:1px solid #eee; }
ul.ecata_list li.q span.blue_b { 
	position: absolute; 
	display: block; 
	width: 40px; 
	height: 40px; 
	text-align: center;
	top: 2px;
	left: 2px;
	line-height: 40px;
	font-size: 15px;
	font-weight: bold;
	background: #fff;
}
ul.ecata_list li.q span.arrow {
	position: absolute;
	display: inline-block;
	width: 35px;
	height: 35px;
	text-align: center;
	right: 4px;
	/*background-color: #a7a4a4;*/
	text-align: center;
	line-height: 35px;
	top: 10px;
}
ul.ecata_list li.q > a { display:inline-block; margin-left:10px; width:95%; color: #222; text-decoration: none; font-weight: normal; font-size:15px; }
ul.ecata_list li.q span.arrow a { color: #030303; font-size: 16px; text-decoration: none;  }
ul.ecata_list li.q span.arrow a p{ background:url(../img/sub/drop_down_icon.png) no-repeat center; height: 35px; width: 35px;}
ul.ecata_list li.q span.arrow a p:after{ background:url(../img/sub/drop_up_icon.png) no-repeat center; }
ul.ecata_list li.qa { 
	/*width: 100%;*/
	margin: 5px 0 4px 0;
	border-radius: 2px;
	text-align: left;
	padding: 10px;
	background-color: white;
	line-height: 1.5;
	background: #f4f5f9;
}
ul.ecata_list li.qa .orange_b { display: inline-block;font-weight: bold; font-size:16px; }
ul.ecata_list li.qa > p { width: 100%; overflow: hidden; margin-top: 0px; line-height: 1.4; }
ul.ecata_list li.qa a{ display:block; }
ul.ecata_list li.qa img {  }
ul.ecata_list li.qa div{ padding:10px 0; border-bottom:1px solid #eee; }
ul.ecata_list li.qa table { width: 98%; margin: 5px auto; }
ul.ecata_list li.qa table tr th,
ul.ecata_list li.qa table tr td { vertical-align: middle; }
.respon { left-margin:20px; letter-spacing: 0; }



/* Mobile 푸터  --------------------------------------------------*/
#M_Footer {background:#0b162b;}
#M_Footer .footer_menu {padding:17px 0 10px 15px; position:relative; text-align:left;}
#M_Footer .footer_menu a {display:inline-block; border:1px solid #5d6984; font-weight:700; vertical-align:middle}
#M_Footer .footer_menu a img{ width:75px; }
#M_Footer .footer_menu a span {display:block; padding:0 14px; text-align:center; font-size:14px; line-height:36px;  color:#fff;  opacity:0.8;}

#M_Footer .footer_menu a.plusfriend {height:38px; border:none;}
#M_Footer .footer_menu a.plusfriend img {height:100%; display:block;}
#M_Footer .footer_copyright { padding:20px 15px 15px; text-align:left; font-size:11px; letter-spacing:-0.05em; line-height:16px; color:#fff}
#M_Footer .footer_copyright a {color:#fff}
#M_Footer .footer_copyright p {font-size:10px; opacity:0.4; padding:6px 0 0;}
#M_Footer .footer_copyright span { padding:0 2px 0 10px; height:9px; display:inline-block; background:url(../img/line_g.gif) no-repeat center 1px; color:#999}

.snmnews {text-align:left; padding:0 15px 25px 15px; margin-top:10px}
.snmnews a {display:inline-block; }
.snmnews img {width:100%}
.snmnews a:nth-child(1){ width:52%; }
.snmnews a:nth-child(1) img{ width:200px; }
.snmnews a:nth-child(2) { text-align:right; padding-top:3px; width:46%;  }
.snmnews a:nth-child(2) img{ width:84px; }

@media screen and (max-width:320px) {
	#M_Footer .footer_menu a span {font-size:13px; padding:0 10px; line-height: 34px;}
	#M_Footer .footer_menu a.plusfriend {height:36px; border:none;}
}

/* 마진 -------------------------------------------------------------------*/
.top5{margin-top:5px;}
.top10{margin-top:10px;}
.top15{margin-top:15px;}
.top20{margin-top:20px;}
.top25{margin-top:25px;}
.top30{margin-top:30px;}
.top35{margin-top:35px;}
.top40{margin-top:40px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.top90{margin-top:90px;}

.left5{margin-left:5px;}
.left10{margin-left:10px;}
.left15{margin-left:15px;}
.left20{margin-left:20px;}
.left25{margin-left:25px;}
.left30{margin-left:30px;}
.left35{margin-left:35px;}
.left40{margin-left:40px;}
.left50{margin-left:50px;}
.left60{margin-left:60px;}
.left70{margin-left:70px;}
.left80{margin-left:80px;}
.left90{margin-left:90px;}

.right5{margin-right:5px;}
.right10{margin-right:10px;}
.right15{margin-right:15px;}
.right20{margin-right:20px;}
.right25{margin-right:25px;}
.right30{margin-right:30px;}
.right40{margin-right:40px;}
.right50{margin-right:50px;}
.right60{margin-right:60px;}
.right70{margin-right:70px;}
.right80{margin-right:80px;}
.right90{margin-right:90px;}

.bottom_n{ margin-bottom:0 ! important; }

.size12 { font-size:12px; }
.size13 { font-size:13px; }
.size14 { font-size:14px; }
.size15 { font-size:15px; }



/* Mobile 공통 --------------------------------------------------*/
a { color:#666; text-decoration:none; }


/* Mobile PRODUCT List --------------------------------------------------*/
.M_prd_List_wrap  {  border-left:1px solid #ddd;  border-top:1px solid #ddd; } 
.M_prd_List {  border-right:1px solid #ddd;  border-bottom:1px solid #ddd; padding:15px 0; } 
.M_prd_List a { display:block; }
.M_prd_List_th {padding:0 0 5px; text-align:center; overflow:hidden; font-size:14px;  }
.M_prd_List_td { padding:10px 0px;  }
#M_SubBody .M_prd_List_td img { max-width:120px; max-height:80px; }


/* Mobile PRODUCT View  --------------------------------------------------*/
.M_prd_View { border-top:1px solid #333; }

/* Product 이미지 */
.M_prd_View_img { border:1px solid #ddd; padding:0px 0; text-align:center; vertical-align:middle; display:table-cell; width:720px; }
						#M_SubBody .M_prd_View_img img {   }

/* Product 서브이미지 */
.M_prd_View_simg { float:left; padding:10px 0; text-align:center; overflow:hidden; vertical-align:middle; display:table-cell; }
						#M_SubBody .M_prd_View_simg .prdThimg td { border:1px solid #ddd;  max-height:66px; }
						#M_SubBody .M_prd_View_simg .prdThimg td img { max-width:100px;  vertical-align:middle; }

.M_prd_View_name { clear:both; padding:20px 0; font-weight:bold; font-size:28px; letter-spacing:-0.03em; border-bottom:1px solid #ddd; }
.M_prd_View_line{ padding:5px 0; border-bottom:1px solid #ddd; }
.M_prd_View_info { clear:both; padding:15px 0 0; font-size:13px; color:#666; line-height:1.5; }
.M_prd_View_info2 { clear:both; padding:5px 0 10px; font-size:13px; color:#666; line-height:1.5; }
/* Contents 사이즈 */
#M_prd_View_cont { padding:20px 0px 40px;  color:#333; }
#M_prd_View_cont  #wiz_get_table_width { width:100%!important }



/* Mobile 카테고리  --------------------------------------------------*/
.mCategory { border:1px solid #ddd; background:#f8f8f8;  padding:15px; margin-bottom:10px; font-size:14px; }


/* Mobile 이전글,다음글  --------------------------------------------------*/
.mNextPrev th { padding:12px 10px; text-align:left; color:#333; border-bottom:1px solid #ddd; background:#f7f7f7; font-size:12px; width:20%; }
.mNextPrev td { padding:12px 10px;  border-bottom:1px solid #ddd;text-align:left;  font-weight:normal; font-size:12px; }
#M_SubBody .mNextPrev td img { max-height:11px; width:11px; vertical-align:middle; }


/* Mobile 페이징  --------------------------------------------------*/
.mPaging td { padding:0 1px; }
.mPaging td a { color:#666; }


/* Mobile Sub 게시판 하단 검색  --------------------------------------------------*/
.mSch_select { padding:8px; border:1px solid #ddd; }
.mSch_input { padding:8px; border:1px solid #ddd; width:120px; }


/* Mobile Password 암호  --------------------------------------------------*/
#M_pw_wrap { border:1px solid #ddd; background:#f8f8f8; padding:25px 15px; }
#M_pw_wrap .mPw_txt { font-size:13px; padding:0px 0; }
#M_pw_wrap .mPw_input { padding:15px 0 5px; }
#M_pw_wrap .mPw_input input { border:1px solid #ddd; padding:4px 8px; width:180px; }