@charset "utf-8";

/* ###################### sub background image ################ 
#bgimg {width:1600px; height:150px; background-image: url('/imgs/main/main_visual_01.png'); background-size:100%; background-repeat:no-repeat; background-attachment:fixed;}
*/
.sub_visual_img {width:100%; height:150px; background:#4f4e4c url('/imgs/common/sub_visual_01.jpg') repeat-x top center;}
.sub_visual_img2 {width:100%; height:150px; background:#4f4e4c url('/imgs/common/sub_visual_02.jpg') repeat-x top center;}
.sub_visual_img3 {width:100%; height:150px; background:#4f4e4c url('/imgs/common/sub_visual_03.jpg') repeat-x top center;}

/* ####################### sub layout ####################### */
.lnb_left {float:left; width:180px; margin-right:60px;}
.lnb_left h3 {display:block; color:#fff; font-size:26px; line-height:120px; font-weight:600; text-align:center; background-color:#209dcb;}
.lnb_left ul {margin-bottom:50px;}
.lnb_left ul li {border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.lnb_left ul li a {display:block; color:#888; font-size:15px; font-weight:600; line-height:44px; padding-left:20px;}
.lnb_left ul li a:hover {background-color:#f5f5f5;}
.lnb_left ul li a.on {color:#209dcb; background:url("../../imgs/common/arrow_blue_s.png") no-repeat 90% 50%;}


.content_right {position:relative; float:left; width:760px; padding-top:18px; margin-bottom:50px; line-height:175%;}

/* 대표문의전화 */
#container .lnb_left ul.space_cs01 {padding:15px 10px; border:1px solid #ddd; background-color:#fcfcfc; }
#container .lnb_left ul.space_cs01 li {text-align:center; padding:5px 0; border-left:none; border-right:none; border-bottom:none;}
#container .lnb_left ul.space_cs01 li.phone02 {font-weight: 600; font-size: 16px; padding: 5px 0;}
#container .lnb_left ul.space_cs01 li.phone03 {color: #209dcb; font-size: 28px; font-weight: bold; letter-spacing:-0.05em;}
#container .lnb_left ul.space_cs01 li.phone04 {color: #999; font-size:12px; padding: 2px 0;}

/*  Quick link */
.quick_area {}
.quick_area .quick_title {color:#fff; text-align:center; font-weight:600; line-height:50px; background-color:#209dcb; border-radius:5px 5px 0 0;}
.quick_area .quick_content {text-align:center; padding:5px 0; border:1px solid #ccc; background-color:#fff; border-radius:0 0 5px 5px;}
.quick_area .quick_content li {line-height:34px; margin:0 10px; border-bottom:1px solid #eee;}
.quick_area .quick_content li a {font-size:13px; letter-spacing:-0.05em;}
.quick_area .quick_content li:last-child {border-bottom:none;}
.quick_area .quick_top {text-align:center; margin-top:10px;}
.quick_area .quick_top a {display:inline-block; color:#fff; font-size:13px; width:30px; height:30px;  border-radius:15px; background-color:#666;}
.quick_area .quick_top a:hover {background-color:#333;}
.quick_area .quick_top a i {line-height:30px;}

/*  location  */
.content_right ul.location {position:absolute; top:130px; right:0; display:inline-block; font-size:12px;}
.content_right ul.location li {float:left;}
.content_right ul.location li a {display:inline-block; color:#999;}
.content_right ul.location li a:after {content:" > "; color:#ddd; padding:0 10px;}
.content_right ul.location li:last-child a:after {content:" ";}
.content_right ul.location li:last-child a {color:#209dcb; font-weight:600;}
.content_right ul.location li:last-child a:after {padding:0 0;}

/*  sub_title  */
.content_right .content_title_area {text-align:right; padding-bottom:18px; margin-bottom:70px;}
.content_right .content_title_area h3 {display:inline-block; color:#fff; font-size:38px; line-height:38px; font-weight:600; letter-spacing:-0.05em; padding:0 5px; background-color: rgba( 0, 0, 0, 0.2 );}
.content_right .content_title_area p {display:inline-block; color:#fff; font-size:16px; margin-top:15px; letter-spacing:-0.1em; padding:0 5px; background-color: rgba( 0, 0, 0, 0.2 ); font-family: "나눔 고딕", Nanum Gothic, Helvetica,"Apple SD Gothic Neo",sans-serif;}

.content_right .content_title_area2 {text-align:right; padding-bottom:18px; margin-bottom:70px;}
.content_right .content_title_area2 h3 {display:inline-block; color:#333; font-size:38px; line-height:38px; font-weight:600; letter-spacing:-0.05em; padding:0 5px; background-color:#fff;}
.content_right .content_title_area2 p {display:inline-block; color:#333; font-size:16px; margin-top:15px; letter-spacing:-0.1em; text-align:right; padding:0 5px; background-color:#fff; font-family: "나눔 고딕", Nanum Gothic, Helvetica,"Apple SD Gothic Neo",sans-serif;}

.content_right .content_title_area3 {text-align:right; padding-bottom:18px; margin-bottom:70px;}
.content_right .content_title_area3 h3 {display:inline-block; color:#fff; font-size:38px; line-height:38px; font-weight:600; letter-spacing:-0.05em; padding:0 5px; background-color: rgba( 0, 0, 0, 0.2 );}
.content_right .content_title_area3 p {display:inline-block; color:#fff; font-size:16px; margin-top:15px; letter-spacing:-0.1em; padding:0 5px; background-color: rgba( 0, 0, 0, 0.2 ); font-family: "나눔 고딕", Nanum Gothic, Helvetica,"Apple SD Gothic Neo",sans-serif;}

/*  sub_tab  */
.virtual_box {position:relative; width:100%; height:39px; margin-bottom:30px; border-bottom:1px solid #209dcb;}

.virtual_box ul.box_in_tab {position:absolute; float:left; width:100%;}
.virtual_box ul.box_in_tab:after {clear:both;}
.virtual_box ul.box_in_tab li {position:relative; float:left; width:25%;}
.virtual_box ul.box_in_tab li a {display:inline-block; width:99%; color:#999; font-size:15px; font-weight:600; text-align:center; line-height:38px; letter-spacing:-0.05em; border:1px solid #ddd; border-bottom:none; background-color:#fcfcfc;}
.virtual_box ul.box_in_tab li:last-child a {}
.virtual_box ul.box_in_tab li a:hover {color:#209dcb; border:1px solid #209dcb; border-bottom:1px solid #fff; background-color:#fff;}
.virtual_box ul.box_in_tab li a.on {color:#209dcb; border:1px solid #209dcb; border-bottom:1px solid #fff; background-color:#fff;}

.virtual_box ul.box_in_tab_small li {position:relative; float:left; width:13%;}
.virtual_box ul.box_in_tab_small li a {display:inline-block; width:99%; color:#999; font-size:12px; font-weight:300; text-align:center; line-height:38px; letter-spacing:-0.05em; border:1px solid #ddd; border-bottom:none; background-color:#fcfcfc;}
.virtual_box ul.box_in_tab_small li:last-child a {}
.virtual_box ul.box_in_tab_small li a:hover {color:#209dcb; border:1px solid #209dcb; border-bottom:1px solid #fff; background-color:#fff;}
.virtual_box ul.box_in_tab_small li a.on {color:#209dcb; border:1px solid #209dcb; border-bottom:1px solid #fff; background-color:#fff;}

/* 설치사례 내용 영역(공통) */
.content_wrap { float:left; margin-bottom:40px;}
.content_wrap ul {clear:both; float:left; width:100%; margin-bottom:30px;}
.content_wrap ul li {float:left; width:360px; margin-bottom:10px;}
.content_wrap ul li + li,
.content_wrap ul li + li + li + li,
.content_wrap ul li + li + li + li + li + li,
.content_wrap ul li + li + li + li + li + li + li + li,
.content_wrap ul li + li + li + li + li + li + li + li + li + li {margin-left:40px;}
.content_wrap ul li + li + li,
.content_wrap ul li + li + li + li + li,
.content_wrap ul li + li + li + li + li + li + li,
.content_wrap ul li + li + li + li + li + li + li + li + li {margin-left:0;}
.content_wrap p {text-align:center;}
.content_wrap h6 {display:block; margin-top:20px; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #aaa;}
.content_wrap h6 span {color:#209dcb; font-size:16px; font-weight:normal; margin-left:10px;}
.content_wrap strong {display:block; line-height:40px; text-align:center;}

/* 제품 분류 결과 */
.product_result {position:relative;}
.product_result ul.product_result_text { float:left; width:800px; height:50px; margin-bottom:30px; border-bottom:1px solid #209dcb;}



/*  제품소개  */
.product_list {}
.product_list:after {clear:both;}
.product_list ul {float:left; width:100%;}
.product_list ul:after {clear:both:}
.product_list ul li {float:left; width:165px; margin:0 11.5px; text-align:center;}
.product_list ul li ul li.prod2 {float:left; width:700px; margin:0 11.5px; text-align:center;}
.product_list ul li ul {margin-bottom:40px;}
.product_list ul li ul li {margin:0 0;}
.product_list ul li ul li a {display:block;}
.product_list ul li ul li a img {border:1px solid #ddd;}
.product_list ul li ul li a span {font-size:14px; font-weight:600; line-height:48px;}
.product_list ul li ul li.btn_box {margin-top:0px;}
.product_list ul li ul li.btn_box a {display:inline-block; line-height:28px; padding:0 8px; border-radius:3px; margin:0 1px;}
.product_list ul li ul li.btn_box a i {margin-left:5px;}
.product_list ul li ul li.btn_box a.btn.blue_box {color:#fff; font-size:13px; font-weight:600; border:1px solid #209dcb; background-color:#209dcb;}
.product_list ul li ul li.btn_box a.btn.blue_box:hover {color:#fff; border:1px solid #0d81ac; background-color:#0d81ac;}
.product_list ul li ul li.btn_box a.btn.gray_box {font-size:13px; border:1px solid #bbb;}
.product_list ul li ul li.btn_box a.btn.gray_box:hover {color:#fff; border:1px solid #999; background-color:#999;}

.product.prod_list div.jodal {clear:both; margin-bottom:20px; padding:20px; border:1px solid #ddd;}
.product.prod_list div.jodal span {font-size:16px; font-weight:600; margin-right:10px;}
.product.prod_list div.jodal span i {color:#209dcb; margin-right:5px;}

a.btn.orange_box {display:inline-block; color:#ff6600; line-height:28px; padding:0 10px; margin:0 3px; font-weight:600; border:1px solid #ff6600; border-radius:3px;}
a.btn.orange_box:hover {color:#fff; border:1px solid #ff6600; background-color:#ff6600;}
a.btn.orange_box i {margin-left:10px;}

/* 고객자료 > 카탈로그 */
.zoom {width:100%; text-align:center; margin-top:20px;}
.zoom a {display:inline-block; margin:0 10px; border:1px solid #ccc; border-radius:5px; padding:7px 15px;}
.zoom a i {margin-right:7px; vertical-align:middle;}
.zoom a strong {display:inline-block; font-size:16px; line-height:22px; vertical-align:middle;}

.board_btn_area {float:left; width:100%;}	
.board_btn_area .bba_left {float:left;}
.board_btn_area .bba_right {float:right;}

/* 고객자료 > 공급승인원 */
.popup_box.password {border:1px solid #ddd; padding:20px;}
.popup_box.password ul li {text-align:center;}
.popup_box.password ul li:first-child {color:#209dcb; font-weight:600; margin-bottom:20px;}
.popup_box.password ul li strong {padding-right:10px;}

/*  회사개요 > 회사소개  */
.about.introduce {}
.about.introduce .intro_01 {padding-right:380px; background:url("../../imgs/sub/company/aboutus_intro01.jpg") no-repeat 0 0;}

/*  회사개요 > 회사연혁  */
.about.history {background:url("../../imgs/sub/company/aboutus_intro02.jpg") no-repeat 100% 100%;}
.about.history ul {padding-bottom:30px;}
.about.history ul li {line-height:28px;}
.about.history ul li strong {font-size:18px; margin-right:20px;}
.about.history ul li span {font-weight:600; margin-right:5px;}
.about.history ul.history02 {}


/*  회사개요 > 오시는 길  */
.about.map dl {float:left; width:100%; margin-bottom:30px;}

.about.map dl dt {clear:both; float:left; font-weight:600; padding-right:10px;}
.about.map dl dt:after {content:":"; padding-left:5px;}
.about.map dl dd {float:left;}
.about.map p.portal_map {border:1px solid #ddd;}

/* 사이트맵 */
.sitemap {}
.sitemap ul {float:left; width:100%;}
.sitemap ul li {float:left; width:23%; margin:0 1%;}
.sitemap ul li h5 {display:block; color:#209dcb; line-height:50px; text-align:center; margin-bottom:10px; border:1px solid #209dcb; background-color:#fff;}
.sitemap ul li ul {float:none; width:100%;}
.sitemap ul li ul li {float:none; width:90%; line-height:32px; padding-left:20px; border-bottom:1px solid #eee;}
.sitemap ul li ul li:before {content:" · "; font-weight:bold; padding-right:5px;}

/* 관리자페이지 > 로그인 */
.admin.login div.login_box {float:left; width:720px; padding:20px; border:1px solid #ccc; background-color:#fcfcfc;}
.admin.login div.login_box p {text-align:center; margin-bottom:20px;}
.admin.login div.login_box dl {float:left; width:100%; margin-bottom:20px;}
.admin.login div.login_box dt {clear:both; float:left; font-weight:600; width:38%; text-align:right; line-height:34px; margin-right:10px; margin-bottom:10px;}
.admin.login div.login_box dd {float:left; width:52%; margin-bottom:10px;}

.admin.login div.login_box div.btn {clear:both; width:100%; height:40px; text-align:center; padding-top:20px; border-top:1px solid #ddd;}

/* 관리자페이지 > 제품등록 */
#tabl_board_write tbody tr td ul.admin_imgadd {width:100%;}
#tabl_board_write tbody tr td ul.admin_imgadd li {width:100%; text-align:left;}