@charset "utf-8"; /******************************************************************** Publishing :Lee Kang Won Beginning : 2015-10-27 Project Name : jevisco(제비표 페인트) *********************************************************************/ @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;} body,input,textarea,select,button,table{font-family:'Nanum Gothic', " SimSun ", "SimHei", "Microsoft YaHei"; font-size:14px; color:#333; line-height:100%;} html,body{width:100%; height:100%; background:#fff; -webkit-text-size-adjust:none; text-size-adjust:none;} body{display:inline-block;} fieldset{border:0} legend{width:0; height:0; overflow:hidden; line-height:0; font-size:0;} caption{display:none;} button{margin:0; border:0; background:none; display:inline-block; cursor:pointer; position:relative; overflow:visible; vertical-align:middle;} img{border:0; font-size:0; line-height:0; vertical-align:middle;} ul,ol{list-style:none} strong{color:#222;} em,address{font-style:normal} p{line-height:22px;} a{text-decoration:none; display:inline-block;color:#222;} a:hover,a:active,a:focus{text-decoration:none} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block; margin:0; padding:0;} table{border-collapse:separate;border-spacing:0;width:100%;} select{border-radius:0;} input[type="text"]{border:1px solid #ccc; box-sizing:border-box; padding:0 10px; box-shadow:none; border-radius:0; -webkit-appearance:none; height:30px;} input[type="radio"]{opacity:0; z-index:-1; position:absolute;} input[type*="te"]:disabled, input[type="email"]:disabled, input[readonly="readonly"]{background:#f8f8f8;} textarea{box-sizing:border-box; resize:none; padding:5px; border:0; background:none;-webkit-appearance:none; border-radius:0; border:1px solid #cdcdcd;} label{position:relative; padding-left:24px; cursor:pointer; letter-spacing:-1px;} label span{width:19px; height:19px; border:1px solid #b0bec5; background:#fff; position:absolute; left:0; top:-2px; box-sizing:border-box;} label.on span{border:0; width:19px; height:19px; background:url('../images/common/basic_checkbox.png') no-repeat 0 0;} label.radio{padding-left:20px; margin-right:15px;} label.radio span{display:inline-block; width:15px; height:15px; position:absolute; left:0; top:1px; background:url('../images/common/radio_off.png') no-repeat 0 0; border:0;} label.radio.on span{ background:url('../images/common/radio_on.png') no-repeat 0 0;} .select{background:#fff; border:1px solid #cdcdcd; font-size:13px; color:#666; padding-left:10px; box-sizing:border-box; padding:5px 0;} .indent{overflow:hidden; text-align:left; text-indent:-9999em; display:block; height:100%;} #fade{width:100%; height:100%; position:fixed; left:0; top:0; background:#3b3c3c; opacity:0.7; z-index:20; display:none;} .top{position:fixed;bottom:50px;left:50%;z-index: 100; margin-left:550px; background:url('../images/common/btn_top.png') no-repeat 0 0; width:50px; height:50px; overflow:hidden;} .top:hover{background:url('../images/common/btn_top_over.png') no-repeat 0 0;} .mt0{margin-top:0 !important;} .btn_down_l{display:inline-block; height:28px; line-height:28px; padding-left:11px; background:url('../images/common/btn_down_l.png') no-repeat 0 0; font-size:13px; color:#333; vertical-align:top;} .btn_down_r{display:inline-block; height:28px; line-height:28px; padding-right:32px; background:url('../images/common/btn_down_r.png') no-repeat 100% 0; vertical-align:top;} .btn_down_r br{display:none;} .red{color:#cc0033 !important;} .blue{color:#1269ca !important;} .blue02{color:#1c97ff !important;} .green{color:#58b549 !important;} .section{margin-top:50px;} sub{vertical-align:bottom; font-size:10px;} .fig_caption{width:100%; position:absolute; left:0; bottom:0; color:#fff; font-weight:bold; line-height:57px; height:57px; padding-left:20px; box-sizing:border-box; font-size:16px; background:url('../images/builders/bg_caption.png') repeat 0 0;} #header_wrap{width:100%; height:83px; position:fixed; z-index:10; background:#fff; box-shadow:0 4px 4px 0 rgba(0,0,0,0.15); left:0; top:0;} .header{width:1200px; height:100%; margin:0 auto; position:relative;} .header:after{content: ".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .header h1{float:left; margin-top:28px; width:190px; height:26px; background:url('../images/common/h1_logo.png') no-repeat 0 0;} .header .gnb_wrap{display:inline-block; float:left;} .header .gnb_wrap .fade_close{display:none;} .header .gnb_head{display:none;} .header .mobile_gnb{display:none;} .header .depth1{width:870px; display:inline-block; text-align:center; margin-top:28px;} .header .depth1 > li{display:inline-block; margin-left:70px; position:relative; padding-bottom:23px;} .header .depth1 > li:first-child{margin-left:0;} .header .depth1 > li > a{font-size:16px; line-height:24px; font-weight:bold;padding-bottom:8px;} .header .depth1 > li > a:hover/* , .header .depth1 > li > a.on */{ border-bottom:3px solid #07399c;} .header .depth1 > li.gnb_company > .depth2{left:-60px;} .header .depth1 > li > .depth2{position:absolute; left:-25px; top:55px; width:185px; text-align:left; box-shadow:5px 5px 4px 0 rgba(0,0,0,0.15); border-bottom:1px solid #07399c; z-index:1; display:none;} .header .depth1 > li > .depth2 > li{border-top:1px solid #03205f; height:43px; position:relative; box-sizing:border-box; border-left:1px solid #07399c; border-right:1px solid #07399c;} .header .depth1 > li > .depth2 > li.include{border-right:0;} .header .depth1 > li > .depth2 > li:first-child{border-top:1px solid #07399c;} .header .depth1 > li > .depth2 > li > a{color:#fff; font-size:14px; display:block; width:100%; height:100%; line-height:43px; box-sizing:border-box; padding-left:20px; background:#07399c;} .header .depth1 > li > .depth2 > li > a:hover, .header .depth1 > li > .depth2 > li a.on{background:#fff; color:#263238;} .header .depth1 > li > .depth2 > li.go_submain{display:block;} .header .depth1 > li > .depth2 > li.go_submain :hover{background:#00a6ff; color:#fff;} .header .depth1 > li > .depth2 > li.include > a{background:#07399c url('../images/common/bu_2depth.png') no-repeat 165px 50%;} .header .depth1 > li > .depth2 > li.include > a:hover, .header .depth1 > li > .depth2 > li.include a.on, .header .depth1 > li > .depth2 > li.over a{background:#fff url('../images/common/bu_2depth_on.png') no-repeat 165px 50%; color:#263238;} .header .depth1 > li > .depth2 > li > .depth3{position:absolute; left:-1px; top:-1px; margin-left:100%; width:190px; background:#fff url('../images/common/bg_3depth_left.gif') no-repeat 0 0; box-shadow:5px 5px 4px 0 rgba(0,0,0,0.15); padding:5px 0; box-sizing:border-box; border:1px solid #07399c; border-left-width:0; display:none;} .header .depth1 > li > .depth2 > li > .depth3 li{padding-left:20px; margin-top:0; background:url('../images/common/bg_3depth_line.gif') no-repeat 10px 17px;} .header .depth1 > li > .depth2 > li > .depth3 li:first-child{margin-top:0;} .header .depth1 > li > .depth2 > li > .depth3 li a{font-size:14px; color:#263238; line-height:22px; display:block; height:100%; box-sizing:border-box; padding:6px 0; background:none;} .header .depth1 > li > .depth2 > li > .depth3 li a:hover{text-decoration:underline; color:#07399c;} .header .search{float:right; margin:22px 0 0 0;} .header .search .ic_search{display:block; overflow:hidden; padding:0 36px 0 10px; height:36px; line-height:34px; color:#fff; font-weight:bold; color:#eceff1; background:#424c51 url('../images/common/ic_search.png') no-repeat 90% 50%; font-size:12px; border-radius:5px;} .header .search .input_search{position:absolute; right:0; top:83px; width:320px; height:50px; display:none;} .header .search .input_search input[type="text"]{width:100%; height:50px; font-size:15px; color:#ebebeb; background:#424c51 url('../images/common/bg_head_search.png') no-repeat 20px 50%; line-height:50px; padding:0 80px 0 20px; border:0; font-weight:bold;} .header .search .input_search input[type="text"].off{background-image:none;} .header .search .input_search .sch_function{width:80px; height:50px; position:absolute; right:0; top:0; background:url('../images/common/sch_close_line.png') no-repeat 50% 50%; box-sizing:border-box; padding:14px 13px 14px 6px;} .header .search .input_search .sch_function button{float:left; width:20px; height:20px; background:url('../images/common/ic_head_search.png') no-repeat 0 0;} .header .search .input_search .sch_function .sch_close{display:inline-block; width:14px; height:14px; background:url('../images/common/ic_close_search.png') no-repeat 0 0; float:right; margin-top:4px;} .header .foreign{position:absolute; right:0; top:22px; width:46px;} .header .foreign .local{width:46px; height:36px; border:1px solid #a9b0b8; box-sizing:border-box; border-radius:5px; line-height:18px; padding-top:5px; text-align:center; font-weight:bold; font-size:11px; background:url('../images/common/country_off.png') no-repeat 50% 25px; font-family:Verdana;} .header .foreign .local.chi{font-family: Tahoma, " SimSun ", "SimHei", "Microsoft YaHei";} .header .foreign .local.on{background:url('../images/common/country_on.png') no-repeat 50% 25px;} .header .foreign ul{overflow:hidden; position:absolute; left:0; top:33px; height:0; overflow:hidden;} .header .foreign ul li{width:46px; border:1px solid #a9b0b8; box-sizing:border-box; background:#fff; font-family:Verdana;} .header .foreign ul li a{display:block; height:30px; line-height:30px; text-align:center; font-size:11px; color:#444;} .header .foreign ul li a:hover{background:#424c51; color:#fff;} .header .foreign ul li.chi{font-family: Tahoma, " SimSun ", "SimHei", "Microsoft YaHei";} .header .foreign ul li.last{margin-top:-1px;} #container{width:1200px; margin:0 auto; overflow:hidden;} #lnb{float:left; width:190px; overflow:hidden; margin:112px 50px 0 0;} #lnb .lnb_nav{ border-top:2px solid #00a6ff; border-bottom:1px solid #818181;} #lnb .lnb_nav li{border-top:1px solid #d0d0d0;} #lnb .lnb_nav li:first-child{margin-top:0; border-top:0;} #lnb .lnb_nav li > a{display:block; width:100%; height:100%; box-sizing:border-box; line-height:50px; padding-left:20px; font-size:14px; color:#444; background:url('../images/common/bu_lnb_down.png') no-repeat 168px 50%; font-weight:bold;} #lnb .lnb_nav li > a:hover{background:#f1f1f1 url('../images/common/bu_lnb_down.png') no-repeat 168px 50%; color:#222;} #lnb .lnb_nav li.no_depth a:hover{background:#f1f1f1;} #lnb .lnb_nav li.current > a{background:#00a6ff url('../images/common/bu_lnb_up.png') no-repeat 168px 50%; color:#fff; font-weight:bold;} #lnb .lnb_nav li.no_depth a{background:none;} #lnb .lnb_nav li.no_depth.current a{background:#00a6ff;} #lnb .lnb_nav li.no_depth.current a:hover{background:#00a6ff;} #lnb .lnb_nav li.newWin a{background:none;} #lnb .lnb_nav li.newWin a:hover{background:#f1f1f1; font-weight:bold;} #lnb .lnb_nav li.newWin span{display:inline-block; padding-right:23px; background:url('../images/common/ic_new_window.png') no-repeat 100% 50%;} #lnb .lnb_nav li .lnb_2depth li.newWin a:hover{background:#fff url('../images/common/bu_lnb_2depth.gif') no-repeat 10px 9px;} #lnb .lnb_nav li .lnb_2depth{padding:9px 0; display:none;} #lnb .lnb_nav li .lnb_2depth li{ border-top:0; padding:6px 0;} #lnb .lnb_nav li .lnb_2depth li > a{padding:0 20px; line-height:19px; font-size:13px; color:#666; background:url('../images/common/bu_lnb_2depth.gif') no-repeat 10px 9px; font-weight:bold;} #lnb .lnb_nav li .lnb_2depth li > a:hover{color:#444;} #lnb .lnb_nav li .lnb_2depth li > a.on{font-weight:bold; color:#07399c; background:url('../images/common/bu_lnb_2depth_on.gif') no-repeat 10px 9px;} #lnb .lnb_btn{margin-top:30px; overflow:hidden;} #lnb .lnb_btn a{display:block; width:100%; height:52px; border:1px solid #818181; box-sizing:border-box; margin-top:20px; background:url('../images/common/bu_lnb_btn_arrow.png') no-repeat 162px 50%; font-size:16px; color:#67676a; line-height:52px;} #lnb .lnb_btn a:first-child{margin-top:0;} #lnb .lnb_btn a strong{display:inline-block; padding-left:52px;} #lnb .lnb_btn a .inquiry{background:url('../images/common/bg_inquiry_lnb.png') no-repeat 20px 50%;} #lnb .lnb_btn a .tech{background:url('../images/common/bg_tech_lnb.png') no-repeat 20px 50%;} #lnb .lnb_btn a .catalog{background:url('../images/common/bg_catalog_lnb.png') no-repeat 20px 50%;} #lnb .lnb_btn a .lnb_certi{background:url('../images/common/bg_certi_lnb.png') no-repeat 20px 50%;} #lnb .lnb_btn a .lnb_contact{background:url('../images/common/bg_contact_lnb.png') no-repeat 20px 50%;} #content{float:left; width:960px; margin-top:49px;position:relative;} #content .content_visual{display:block;} #content .content_visual_mobile{display:none;} #content .header_group{width:100%; overflow:hidden; margin-bottom:10px;} #content .header_group .location{float:right; width:auto; margin-top:27px;} #content .header_group .location li{float:left; padding-left:26px; background:url('../images/common/bu_location.png') no-repeat 11px 5px; line-height:18px;} #content .header_group .location li:first-child{padding-left:0; background:none; margin-top:3px;} #content .header_group .location li.home a{display:block; width:17px; height:14px; overflow:hidden; background:url('../images/common/ic_home.png') no-repeat 0 0;} #content .header_group .location li a{color:#666; font-size:14px;} #content .header_group .location li strong{color:#333; font-size:14px;} #content .header_group h2{font-size:35px; font-weight:bold; color:#222; line-height:1.5; float:left;} #content .header_group h2 .h2_arrow{display:none;} /* 건축용 */ .visual{width:100%; height:70px; overflow:hidden; margin-top:83px;} .visual.band_about_us{background:url('../images/company/band_1aboutus.jpg') no-repeat 50% 0;} .visual.band_pr_center{background:url('../images/company/band_2pr.jpg') no-repeat 50% 0;} .visual.band_product{background:url('../images/builders/band_3products.jpg') no-repeat 50% 0;} .visual.band_customer{background:url('../images/customer/band_4customer.jpg') no-repeat 50% 0;} .in_cont{width:100%; box-sizing:border-box;} .in_cont:after{content: ".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .tabstyle{margin:50px 0 25px 0;} .tabstyle select{display:none;} .tabstyle ul{width:100%; overflow:hidden;} .tabstyle ul li{float:left; height:47px; margin-left:-1px; padding-bottom:6px;} .tabstyle ul li:first-child{margin-left:0; width:192px;} .tabstyle ul li.on{background:url('../images/common/tab_arrow.png') no-repeat 50% 47px;} .tabstyle ul li a{display:block; height:100%; text-align:center; line-height:47px; color:#07399c; font-size:16px; font-weight:bold;border:1px solid #07399c; box-sizing:border-box; width:100%;} .tabstyle ul li.on a{background:#07399c; color:#fff;} .tabstyle ul.item02 li{width:481px;} .tabstyle ul.item02 li:first-child{width:480px;} .tabstyle ul.item03 li{width:321px;} .tabstyle ul.item03 li:first-child{width:320px;} .tabstyle ul.item04 li{width:241px;} .tabstyle ul.item04 li:first-child{width:240px;} .tabstyle ul.item05 li{width:193px; } .tabstyle ul.item05 li:first-child{width:192px;} .tabstyle ul.item06 li{width:161px; } .tabstyle ul.item06 li:first-child{width:160px;} .tabstyle ul.item07 li{width:138px; } .tabstyle ul.item08 li{width:121px; } .tabstyle ul.item08 li:first-child{width:120px;} /* Products */ .overview_txt{margin-top:20px; padding-bottom:45px; border-bottom:1px solid #898989;} .overview_txt p{margin-top:15px;} .overview_txt p:first-child{margin-top:0; font-size:15px;} .product_range{margin-top:50px;} .product_range .column_dot{margin-top:20px;} .product_range .hyphen_list{margin:10px 0 0 0;} .hyphen_list li{padding-left:8px; line-height:30px; position:relative;} .hyphen_list li:after{content:''; display:block; width:2px; height:2px; background:#444; position:absolute; left:0; top:14px;} .recomment_product{font-size:16px; line-height:50px; padding-left:60px; background:url('../images/builders/ic_reommend.png') no-repeat 0 0; margin-top:15px;} /* 테이블 */ .tbl_scroll{width:100%; overflow:auto;} .tbl_scroll table{min-width:960px;} .tbl_basic{border-bottom:1px solid #898989; border-top:1px solid #1269ca;} .tbl_basic thead th{font-size:14px; color:#444; background:#f5f7f9; font-weight:bold; text-align:center; padding:15px 0; line-height:21px; border-right:1px solid #e1e1e1;} .tbl_basic thead th.last{border-right:0;} .tbl_basic thead th.bdt{border-top:1px solid #e1e1e1;} .tbl_basic tbody th.sub_th{background:#f5f5f5;} .tbl_basic tbody td{font-size:13px; color:#444; padding:15px 20px; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; text-align:left; line-height:21px;} .tbl_basic tbody td.last{border-right:0;} .tbl_basic tbody td.ac{text-align:center; padding:15px 5px;} .tbl_basic tbody td.ar{text-align:right;} .tbl_basic tbody td .btn_2nd{margin-top:5px;} .tbl_basic tbody td .btn_2nd .btn_down_r{min-width:61px; text-align:left;} .tbl_basic tbody td .type_flag{display:inline-block; width:auto; vertical-align:middle;} .tbl_basic tbody td .type_flag li{vertical-align:middle;} .tbl_basic tbody td.input_td{padding:10px;} .tbl_basic tbody td.email{padding:10px;} .tbl_basic tbody td.email input[type="text"]{width:20%;} .tbl_basic tbody td.email .select{width:25%; margin-left:10px;} .tbl_basic tbody td.blud_td{background:#f5fbff; color:#07399c; font-weight:bold; font-size:14px;} .tbl_basic tbody th{padding:15px 0 15px 29px; text-align:left; font-weight:bold; font-size:14px; line-height:20px; color:#444; border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background:#f5f7f9;} .tbl_basic tbody th.gray {background:#f5f5f5;} .tbl_basic tbody th.ac{text-align:center; padding:13px 0;} .tbl_basic tbody th .required{color:#cc0000; display:inline-block; margin-left:4px;} .tbl_basic tbody .first th, .tbl_basic tbody .first td{border-top:0;} .tbl_basic tbody td input[type="checkbox"]{position:absolute; z-index:-1;} .tbl_basic tbody td input[type="text"]{height:30px; background:#fff; border:1px solid #cdcdcd; vertical-align:middle; line-height:30px;} .tbl_basic tbody td input[type="file"]{ opacity:0; width:100%; height:100%;} .tbl_basic tbody td .file{width:66px; height:30px; background:url('../images/common/btn_file.png') no-repeat 0 0; display:inline-block; overflow:hidden; vertical-align:middle; cursor:pointer;} .tbl_basic tbody td .select{vertical-align:middle; height:30px;} .tbl_basic tbody td .small_blue{font-size:12px; color:#1269ca; display:inline-block; vertical-align:middle;} .small_blue{font-size:12px; color:#1269ca; vertical-align:middle;} .tbl_basic tbody td .td_relative{width:100%; position:relative;} .tbl_basic tbody td .td_space{margin-top:10px;} .tbl_basic tbody td .tbl_subtext{margin-top:5px;} .tbl_basic tbody td .tbl_subtext li{font-size:12px; color:#666; line-height:17px;} .tbl_basic tbody td .tbl_terms{padding:10px; box-sizing:border-box; width:100%; height:auto; border:1px solid #cdcdcd; height:130px;} .tbl_basic tbody td .input_mobile_sorting{width:100%; display:inline-block;} .tbl_basic tbody td .input_mobile_sorting li{display:inline-block; margin-right:10px;} .tbl_basic tbody td .terms_agree{margin-top:10px;} .tbl_basic tbody td .blue_link{color:#07399c;} .tbl_basic tbody td .skyblue_link{color:#1c97ff} .tbl_basic tbody td input[type="checkbox"]{position:absolute; z-index:-1;} .tbl_basic tbody td .blue_link:hover, .tbl_basic tbody td .skyblue_link:hover{text-decoration:underline;} .tbl_basic tbody td ol li{line-height:30px; margin-left:16px; text-indent:-16px;} .tbl_basic tbody td .tbl_hyphen_list li{padding-left:9px; position:relative; margin-top:10px; line-height:21px;} .tbl_basic tbody td .tbl_hyphen_list li:first-child{margin-top:0;} .tbl_basic tbody td .tbl_hyphen_list li:after{content:''; display:block; width:4px; height:1px; background:#444; position:absolute; left:0; top:15px;} #footer_wrap{width:100%; background:#e9eaeb; margin-top:100px;} .foot_util_wrap{width:100%; height:55px; background:#263238;} .foot_util{height:55px; width:1200px; margin:0 auto; position:relative; padding-top:18px; box-sizing:border-box;} .foot_util .foot_util_list{float:left;} .foot_util .foot_util_list li{float:left; padding-left:19px; background:url('../images/common/bg_foot_util.png') no-repeat 9px 3px;} .foot_util .foot_util_list li a{color:#a1a1a1; font-size:14px; font-weight:bold; line-height:18px;} .foot_util .foot_util_list li:first-child{background:none; padding-left:0;} .foot_util .etc_util{float:left; margin-left:40px; display:inline;} .foot_util .etc_util a{color:#a1a1a1; font-size:14px; font-weight:bold; line-height:18px;} .foot_util .family_site{width:240px; height:55px; overflow:hidden; position:absolute; right:0; bottom:0; background:#1e292e; display:none; z-index:110;} .foot_util .family_site > a{font-size:14px; display:block; height:55px; line-height:18px; color:#a1a1a1; font-weight:bold; background:url('../images/common/family_off.png') no-repeat 204px 50%; box-sizing:border-box; padding-left:29px; line-height:55px; border-bottom:1px solid #424242;} .foot_util .family_site.on > a{background:url('../images/common/family_on.png') no-repeat 204px 50%;} .foot_util .family_site ul{padding:14px 0;} .foot_util .family_site ul li > a{display:block; color:#a1a1a1; font-size:13px; line-height:27px; box-sizing:border-box; padding-left:29px;} .foot_util .family_site ul li > a:hover{color:#fff;} .foot_util .family_stie_m{display:none;} .footer{width:1200px; margin:0 auto; overflow:hidden; font-size:12px; line-height:18px; color:#37474f; padding:20px 0 28px 0; position:relative;} .footer address span{display:inline-block; padding-right:7px; margin-right:2px; background:url('../images/common/bg_address_line.png') no-repeat 100% 5px;} .footer .foot_logo{width:148px; height:31px; float:left; margin-right:20px; background:url('../images/common/bg_foot_logo.png') no-repeat 0 0; margin-top:5px;} .footer .foot_info{float:left; margin-top:10px;} .footer .social{position:absolute; right:0; top:16px; width:auto; display:none;} .footer .social li{float:left; width:60px; box-sizing:border-box; height:35px; background:url('../images/common/bg_social.png') no-repeat 0 50%;} .footer .social li:first-child{background:none;} .footer .social li a{display:block; width:100%; height:100%;} .footer .social li.facebook a{background:url('../images/common/ic_facebook.png') no-repeat 50% 50%;} .footer .social li.youtube a{background:url('../images/common/ic_youtube.png') no-repeat 50% 50%;} .footer .social li.flick a{background:url('../images/common/ic_flick.png') no-repeat 50% 50%;} h3{font-size:26px;line-height:30px;font-weight:bold;color:#333;} h3.under_space{margin-bottom:15px;} h3.h3_product{margin-top:45px;} h4{font-size:18px;line-height:26px;color:#1269ca;margin:25px 0 12px 0; font-weight:bold;} h4 .red{font-size:14px;} .info_bottom{padding:15px 20px 15px 45px;border:1px solid #e1e1e1;margin-top:45px;line-height:16px;background:#f8f9fb url('../images/common/info_point.gif') no-repeat 16px 16px;} .info_bottom .info_title{font-size:14px; color:#667381; display:block; margin-bottom:10px;} .info_bottom ul li{color:#667381; font-size:12px; padding-left:10px; background:url('../images/common/bu_info_bottom_list.gif') no-repeat 0 9px; line-height:17px; margin-top:12px;} .info_bottom ul li strong{color:#667381;} .info_bottom ul li:first-child{margin-top:0;} .info_bottom ul li em {font-weight:bold;} .info_bottom .customer{margin-left:10px;color:#0097ff;text-decoration:underline;} /* 회사소개 - 인재채용 */ .sch_basic{width:100%; overflow:hidden; margin-bottom:15px;} .sch_basic .txt_result{float:left;font-size:14px;margin-top:15px;} .sch_basic .txt_result strong{color:#07399c;} .sch_basic .sort_select{float:left;} .sch_basic .sch_function{float:right} .sch_basic select{width:107px;height:31px;} .sch_basic .sch_function input[type="text"] { width: 188px;height: 31px;padding-left: 15px;margin-right: 5px;font-size: 14px;border:1px solid #cdcdcd;margin-left:10px; vertical-align:top;} /* paging */ .paging{text-align:center; margin-top:20px;} .paging .prev {margin-right:20px;background:url('../images/common/btn_prev.gif') no-repeat 50% 50%;} .paging .next {margin-left:20px;background:url('../images/common/btn_next.gif') no-repeat 50% 50%;} .paging .prev2{background:url('../images/common/btn_prev2.gif') no-repeat 50% 50%;} .paging .next2{background:url('../images/common/btn_next2.gif') no-repeat 50% 50%;} .paging a{margin-left:5px;width:34px;border:1px solid #e1e1e1; height:34px; line-height:34px; font-size:13px; text-align:center; vertical-align:middle;} .paging .on{background:#858f9a;color:#fff;border:1px solid #858f9a; font-size:14px; font-weight:bold;} /* S : 분체 컬러북 */ .btn_R{text-align:right; margin-top:20px;} .btn_C, .btn_C02{text-align:center; margin-top:20px; width:100%; overflow:hidden;} .btn_more{width:100%; overflow:hidden; text-align:center; margin:30px 0 0 0;} .btn_more a{display:block; height:48px; border:1px solid #c3c8cd; font-size:13px; line-height:48px; color:#444; font-weight:bold;} /* 채용공고 - view */ .view_subject{padding:30px 30px 40px 30px; border-top:1px solid #1269ca; border-bottom:1px solid #e1e1e1; position:relative;} .view_subject .tit_recruit{display:block; font-size:24px; color:#222; line-height:28px; margin:7px 0 15px 0;} .view_subject .date{font-size:13px; color:#666; display:inline-block; padding-left:26px; line-height:19px; background:url('../images/company/count_date.gif') no-repeat 0 50%;} .view_subject .announce{padding:0 12px; height:30px; background:#858f9a; right:30px; top:50%; margin-top:-15px; position:absolute; line-height:30px; color:#fff; text-align:center; font-weight:bold; border-radius:3px;} .view_content{padding:40px 30px;} .view_content .in_view_content{line-height:24px;} .view_content .in_view_content img{max-width:100%; height:auto;} .view_content .btn_R{margin-top:20px;} .btn_function{padding-top:20px; width:100%; overflow:hidden; position:static; border-top:1px solid #898989;} .btn_function .btn_left{float:left;} .btn_function .btn_left a{display:inline-block; margin-right:10px;} .btn_function .btn_right{float:right;} .btn_function .btn_right a{margin-left:10px;} .btn_blue{display:inline-block; padding:0 30px; height:44px; overflow:hidden; color:#fff; text-align:center; font-weight:bold; font-size:15px; line-height:44px; background:#1269ca; border-radius:5px; box-sizing:border-box; vertical-align:middle;} .btn_gray{display:inline-block; padding:0 30px; height:44px; overflow:hidden; color:#fff; text-align:center; font-weight:bold; font-size:15px; line-height:44px; background:#828387; border-radius:5px; box-sizing:border-box; vertical-align:middle;} .btn_white{display:inline-block; padding:0 30px; height:44px; overflow:hidden; color:#444; text-align:center; font-weight:bold; font-size:15px; line-height:44px; background:#fff; box-sizing:border-box; border:1px solid #666; border-radius:5px; vertical-align:middle;} .btn_search{display:inline-block; padding:0 10px; height:30px; line-height:28px; color:#fff; font-weight:bold; font-size:13px; border-radius:3px; background:#0e6acd; vertical-align:top; vertical-align:top;} /* 지원서작성 */ .line_space{padding-top:60px; border-top:2px solid #555;} .required_wrap{width:100%; overflow:hidden; margin-bottom:15px;} .required_wrap h3{float:left;} .required_wrap .print{float:right; margin-top:6px;} .required_wrap .required{float:right; margin-top:11px; font-size:13px; color:#666; line-height:1.5;} .required_wrap .required strong{color:#cc0000;} .input_space{margin-top:46px;} .btn_C02 a{margin:0 5px;} .h4_sub{font-size:13px; color:#444; line-height:1.5; margin-bottom:8px;} .layer_pop{position:fixed; left:50%; top:50%; z-index:2000;} .msds{width:662px; height:700px; margin:0 0 0 -331px; background:#fff;} .layer_pop h1{display:block; height:60px; line-height:60px; background:#07399c; color:#fff; font-weight:bold; font-size:22px; padding-left:20px;} .layer_pop .layer_cont{padding:30px 30px 40px 30px;} .sch_msds{border:4px solid #cfd8dc; padding:10px 20px; margin:30px 0;} .sch_msds .tit_sch{display:inline-block; width:119px; font-size:16px; line-height:40px;} .sch_msds input[type="text"]{background:#cfd8dc url('../images/builders/bg_sch_msds.png') no-repeat 15px 50%;width:380px; height:40px; color:#455a64; border:0; vertical-align:top; line-height:40px;} .sch_msds input[type="text"].off{background-image:none;} .sch_msds button{background:url('../images/common/btn_sch_color.gif') no-repeat 0 0; display:inline-block; width:40px; height:40px; vertical-align:top; margin-left:6px;} .msds .tbl_basic tbody td, .msds .tbl_basic thead th{padding-top:11px; padding-bottom:11px;} .layer_close{display:block; width:22px; height:22px; background:url('../images/common/btn_layer_close.png') no-repeat 50% 50%; position:absolute; right:20px; top:20px;} .half_column{width:auto; margin:20px 0 0 -20px; overflow:hidden;} .half_column .column{width:50%; padding-left:20px; float:left; box-sizing:border-box;} .half_column .column img{width:100%;} .column_dot{display:block; padding-left:10px; font-size:16px; line-height:30px; position:relative;} .half_column .column .column_dot{margin-top:15px;} .column_dot:after{content:''; display:block; width:4px; height:4px; background:#606060; position:absolute; left:0; top:13px;} /* 지원자 합격여부 */ .recruit_result{border:4px solid #dfe6e9; padding:30px;} .recruit_result .tit_recruit_result{font-size:26px; line-height:30px; display:block; padding-bottom:30px; border-bottom:1px dashed #ccc;} .recruit_result .result_text{line-height:24px; margin:25px 0 50px 0;} .recruit_result .result_text .through{text-decoration:underline; color:#07399c;} .recruit_result .origin{font-size:15px; line-height:26px;} /* 회사개요 */ .img_summary{text-align:center;} .img_summary strong{display:block; font-size:26px; line-height:32px; margin:15px 0;} .business{width:100%; display:table; box-sizing:border-box; border:1px solid #c3c8cd;} .business .thumb{width:50%; display:table-cell; vertical-align:middle;} .business .text{width:50%; display:table-cell; vertical-align:top; box-sizing:border-box; padding:30px 15px 0 15px; background:#f5f7f9;} .business .text strong{font-size:18px; line-height:26px; color:#1269ca;} .business .text p{margin-top:5px; letter-spacing:-1px;} .business .text .btn_small_gray{margin:15px 0 0 0;} .btn_small_gray{padding:0 10px; background:#858f9a; display:inline-block; vertical-align:middle; height:24px; line-height:24px; color:#fff; font-size:12px; border-radius:3px;font-weight:normal;} /* CEO 인사말 */ .ceo_word{ margin-top:45px; font-weight:bold; font-size:18px; color:#222; text-align: right;} .ceo_word span{font-size:15px; color:#333; display:block; text-align: right;} .ceo_cont h3{font-size:20px;} /* business_area */ .business_area li{width:100%; overflow:hidden; padding:30px 0; border-top:1px solid #e1e1e1;} .business_area li:first-child{border-top:0; padding-top:0;} .business_area li .thumb{float:left; width:300px; margin-right:30px;} .business_area li .thumb img{width:100%;} .business_area li .text{float:left; width:630px;} .business_area li .text strong{color:#1269ca; font-size:18px; line-height:26px;} .business_area li .text p{line-height:21px; margin-bottom:15px;} .business_area li .btn_small_gray strong{color:#fff; line-height:24px; vertical-align:middle;} .affiliate_list{border:1px solid #ccc; box-sizing:border-box; padding:25px 20px;} .affiliate_name{border-bottom:1px dashed #ccc; padding-bottom:16px;} .affiliate_name strong{font-size:18px; line-height:24px; color:#1269ca; letter-spacing:-1px;} .affiliate_list ul{margin-top:10px; line-height:20px; min-height:100px;} .affiliate_list ul.hyphen_list li{line-height:21px; margin-top:7px;} .affiliate_list ul.hyphen_list li:after{top:10px;} .affiliate_list ul.hyphen_list li.address{padding-left:76px; text-indent:-68px;} .affiliate_list ul.hyphen_list li.phone{padding-left:66px; text-indent:-58px;} /* 계열사 소개 */ .affiliate .head_txt{font-size:15px;} .ico_affiliate{display:block; margin-top:50px; text-align:center; font-size:26px; line-height:32px; padding-top:75px;} .ico_affiliate.varnish{background:url('../images/company/ico_varnish.png') no-repeat 50% 0;} .ico_affiliate.chemistry{background:url('../images/company/ico_chemistry.png') no-repeat 50% 0;} .ico_affiliate.ship_build{background:url('../images/company/ico_ship_build.png') no-repeat 50% 0;} .ico_affiliate.internet{background:url('../images/company/ico_intetent.png') no-repeat 50% 0;} .affiliate_list{border:1px solid #ccc; box-sizing:border-box; padding:25px 20px;} .affiliate_list .btn_C{height:24px;} .affiliate_name{border-bottom:1px dashed #ccc; padding-bottom:9px;} .affiliate_name strong{font-size:18px; line-height:24px; color:#1c97ff;} .affiliate_name p{font-weight:bold; margin-top:3px;} .affiliate_name p span{display:inline-block; position:relative; margin-right:26px;} .affiliate_name p span:after{content:''; display:block; width:1px; height:12px; background:#bebebe; position:absolute; right:-13px; top:5px;} .affiliate_info{margin-top:10px; line-height:20px; min-height:120px;} /* 회사개요 */ .company_summary strong{font-size:15px; line-height:24px;} .company_summary p{margin-top:10px;} .full_visual{margin-top:20px; width:100%; position:relative; text-align:center;} .full_visual img{width:100%;} .devide03{width:auto; overflow:hidden; margin-left:-20px;} .devide03 li{width:33.3333%; box-sizing:border-box; padding-left:20px; float:left; text-align:center;} .devide03 li .in_wrap{position:relative; max-width:307px; margin:0 auto; box-sizing:border-box; border:1px solid #ccc;} .devide03 li .in_wrap .fig_caption{padding-left:0; height:40px; line-height:40px; bottom:auto; top:0; background:url('/images/company/bg_contibution_title.png') repeat 0 0;} .devide03 li .in_wrap img{width:100%; max-width:307px;} .devide03.logo_changed li .in_wrap .fig_caption{background:#858f9a none;} /* 컬러컨설팅 */ .design_service{width:100%; overflow:hidden; border-top:1px solid #1269ca; border-bottom:1px solid #898989;} .design_service li{border-top:1px solid #e1e1e1; width:100%; display:table;} .design_service li:first-child{border-top:0;} .design_service li .thumb{width:150px; vertical-align:middle; display:table-cell; text-align:center; padding:20px 0;} .design_service li .thumb img{width:85px;} .design_service li .text{width:810px; display:table-cell; vertical-align:middle;} .design_service li .text strong{color:#1269ca; font-size:16px;} .design_service li .text p{margin-top:5px;} /* 연혁 */ .company_history{background:url('../images/company/bg_history_center.gif') repeat-y 50% 0; text-align:center;} .company_history .main_year{text-align:center; display:inline-block; position:relative; margin-top:50px;} .company_history .main_year strong{display:inline-block; padding:32px 0; background:#fff; font-size:35px; line-height:42px;} .company_history .main_year strong span{display:block; margin-top:9px; position:relative;} .company_history .main_year strong span:after{content:''; display:block; width:15px; height:2px; background:#000; position:absolute; left:50%; top:-6px; margin-left:-8px;} .company_history .main_year a{display:inline-block; position:absolute; height:32px; padding:0 10px; line-height:32px; font-weight:bold; color:#fff; background:#858f9a; box-sizing:border-box; border-radius:2px; top:56px; font-size:16px;} .company_history .main_year .before{left:-233px;} .company_history .main_year .before:after{content:''; display:block; width:8px; height:4px; background:url('../images/company/ico_history_arrow_down.png') no-repeat 0 0; position:absolute; left:50%; bottom:-4px; margin-left:-4px;} .company_history .main_year .after{right:-233px;} .company_history .main_year .after:after{content:''; display:block; width:8px; height:4px; background:url('../images/company/ico_history_arrow_up.png') no-repeat 0 0; position:absolute; left:50%; top:-4px; margin-left:-4px;} .company_history .main_year a:hover{background:#48515b;} .company_history .main_year .before:hover:after{ background:url('../images/company/ico_history_arrow_down_over.png') no-repeat 0 0;} .company_history .main_year .after:hover:after{background:url('../images/company/ico_history_arrow_up_over.png') no-repeat 0 0;} .company_history .sub_year{font-size:16px; display:inline-block; height:34px; line-height:34px; color:#1269ca; display:block; margin-top:20px; background:#fff;} .company_history ul{width:100%; overflow:hidden;} .company_history ul li{width:50%; box-sizing:border-box; margin-top:90px;} .company_history ul li:first-child{margin-top:0;} .company_history ul li.right{padding-left:80px; text-align:left; float:right; background:url('../images/company/bg_left_history.png') no-repeat 0 10px;} .company_history ul li.left{padding-right:80px; text-align:right; float:left; background:url('../images/company/bg_right_history.png') no-repeat 100% 10px;} .company_history ul li strong{font-size:15px; line-height:24px;} .company_history ul li p{margin-top:3px; letter-spacing:-1px;} /* 뉴스 목록 */ .newsListWrap {border-top:1px solid #1269ca;} .newsList {border-bottom:1px solid #898989;} .newsList li {overflow:hidden; padding-right:30px; border-top:1px solid #e1e1e1;} .newsList li:first-child {border-top:none;} .newsList li > a {display:block; min-height:130px; padding:20px 50px 20px 20px; font-size:13px; color:#444; background:url(/images/common/ic_plus.gif) no-repeat right center;} .newsList .thumbnail {float:left; width:225px;} .newsList .thumbnail img{width:205px; height:103px;} .newsList .nTitle {display:block; margin-bottom:14px;} .newsList .nTitle strong {font-weight:bold; font-size:17px;} .newsList p {margin-bottom:30px; line-height:1.6;} .newsList .nTitle .date{display:inline-block; margin-left:20px; position:relative;} .newsList .nTitle .date:after{content:''; display:block; width:1px; height:13px; background:#ccc; position:absolute; left:-10px; top:1px;} /* 뉴스 상세 */ .attachFiles {overflow:hidden; margin:40px -30px 0; padding:30px 0 0; border-top:1px solid #e1e1e1;} .attachFiles .title {display:block; float:left; width:128px;} .attachFiles .title span {padding-right:18px; font-weight:bold; font-size:14px; color:#222; background:url(/images/common/ic_data.gif) no-repeat right center;} .attachFiles ul {float:left; padding-left:30px; border-left:1px solid #e1e1e1;} .attachFiles ul li {margin-top:10px;} .attachFiles ul li:first-child {margin-top:0;} .attachFiles ul li a.txtLink {margin-right:10px; font-size:13px; color:#666; text-decoration:underline;} .view_subject .date.no_icon {padding-left:0; background:none;} /* IR */ .irBox {position:relative; margin-top:50px;} .irBox h3 {margin:0 0 20px;} .irBox .tableTip {position:absolute; right:0; top:16px; color:#666;} .tbl_basic.irTB thead th {padding:10px 0;} .tbl_basic.irTB tbody th {padding:10px 0 10px 29px; background-color:#fff; font-weight:normal; font-size:13px;} .tbl_basic.irTB tbody td {padding:10px 20px} .tbl_basic.irTB tbody .pointRow th, .tbl_basic.irTB tbody .pointRow td {background:#f5f5f5; font-weight:bold;} .tbl_basic.irTB tbody .total th,.tbl_basic.irTB tbody .total td {background:#eff1f6; font-weight:bold; color:#1269ca;} .tbl_basic.irTB tbody .total th {padding-left:0; text-align:center;} /* 메인페이지 */ .main_movie_wrap{width:100%; margin-top:83px; text-align:center; border:none; background:#dbdbdb; position:relative} .main_movie_wrap .movie{width:1200px; margin:0 auto; position:relative} .main_visual_wrap{width:100%; overflow:hidden; margin-top:83px; position:relative;} .main_visual_wrap.submain{margin-top:0;} .main_visual{width:100%; position:relative; overflow:hidden;} .main_visual > ul{width:400%; overflow:hidden; position:relative;} .main_visual > ul li{float:left; width:25%;} .main_visual ul li img{width:100%;} .main_visual .left{display:inline-block; width:62px; height:63px; overflow:hidden; background:url('../images/main/main_arrow_left.png') no-repeat 0 0; position:absolute; left:50%; top:50%; margin:-32px 0 0 -600px;} .main_visual .right{display:inline-block; width:62px; height:63px; overflow:hidden; background:url('../images/main/main_arrow_right.png') no-repeat 0 0; position:absolute; right:50%; top:50%; margin:-32px -600px 0 0;} .main_visual_wrap .content_arrow{display:inline-block;width:60px; height:53px; overflow:hidden; position:absolute; right:50%; bottom:0; background:url('../images/main/main_contents_arrow.png') no-repeat 0 0; margin-right:-600px;} .main_visual .indicator {width:100%; text-align:center; position:absolute; left:0; width:100%; bottom:23px; line-height:0; font-size:0;} .main_visual .indicator li{display:inline-block;} .main_visual .indicator li a{width:22px; height:24px;} .main_visual .indicator li.on a{background:url('../images/main/paging_gallery_on.png') no-repeat 50% 50%;} .main_visual .indicator li a{background:url('../images/main/paging_gallery.png') no-repeat 50% 50%;} .main_content{width:1200px; margin:50px auto 0 auto; overflow:hidden;} .main_product{width:100%; overflow:hidden;} .main_product li{float:left; width:25%;} .main_product li a{display:block; width:100%; height:100%; position:relative; overflow:hidden;} .main_product li a img{width:100%;} .main_product li a .before{display:none; position:absolute; left:0; top:0; width:100%; height:100%;} .main_product li.pr01 a .object{height:68%; width:90.6%; position:absolute; right:-11.6%; bottom:0;} .main_product li.pr02 a .object{height:61.6%; width:82.6%; position:absolute; right:-11.6%; bottom:0;} .main_product li.pr03 a .object{height:76.5%; width:83.6%; position:absolute; right:-11.6%; bottom:0;} .main_product li.pr04 a .object{height:68%; width:90.6%; position:absolute; right:-11.6%; bottom:0;} .main_product li a .object img{width:100%; height:100%; display:block;} .main_company{margin-top:50px; overflow:hidden;} .main_company h2{color:#004ba9; font-size:26px; line-height:64px; height:64px; display:block;} .main_news{border-top:2px solid #004ba9; float:left; width:347px; padding:0 20px; margin-right:20px;} .main_news h2{border-bottom:1px solid #e1e1e1;} .main_news .topic{width:100%; display:table; margin-top:20px;} .main_news .topic .thumb{width:160px; height:140px; display:table-cell; vertical-align:top; box-sizing:border-box; padding-right:20px;} .main_news .topic .thumb img{width:140px; height:140px; display:inline-block; box-sizing:border-box; border:1px solid #e1e1e1;} .main_news .topic .subject{width:187px; display:table-cell; vertical-align:top; box-sizing:border-box;} .main_news .topic .subject strong{display:block; margin:0 0 10px 0; font-size:18px; line-height:26px;} .main_news .topic .subject .date{color:#666; font-size:13px; line-height:16px;} .main_news .topic_cont{margin:25px 0;} .main_news .content_slide .slide{border-top:1px solid #e1e1e1;} .main_news .content_slide .slide li ul li{width:100%; float:none; border-bottom:1px solid #e1e1e1; box-sizing:border-box; padding:0 75px 0 0; position:relative;} .main_news .content_slide .slide li ul li span{vertical-align:middle; display:inline-block; padding:20px 0;} .main_news .content_slide .slide li ul li .tag{position:absolute; left:0; top:0; width:65px;} .main_news .content_slide .slide li ul li .text{width:100%; line-height:20px; box-sizing:border-box; padding-left:10px; position:relative;} .main_news .content_slide .slide li ul li .text:after{content:''; display:block; width:4px; height:4px; background:#444; position:absolute; left:0; top:50%; margin-top:-2px;} .main_news .content_slide .slide li ul li .text a{display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:bold;} .main_news .content_slide .slide li ul li .date{color:#666; font-size:13px; letter-spacing:-1px; width:75px; text-align:right; position:absolute; right:0; top:0; line-height:22px; padding-right:2px; box-sizing:border-box;} .main_news .content_slide .indicator{position:static; overflow:hidden; background:none; margin-top:35px;} .main_news .content_slide .indicator .prev{float:left; position:static; width:12px; height:21px; background:url('../images/main/btn_main_news_left.png') no-repeat 0 0;} .main_news .content_slide .indicator .next{float:right; position:static; width:12px; height:21px; background:url('../images/main/btn_main_news_right.png') no-repeat 0 0;} .main_news .content_slide .indicator li.on a{background:url('../images/main/mainnews_indicator_on.png') no-repeat 50% 50%;} .main_news .content_slide .indicator li a{background:url('../images/main/mainnews_indicator.png') no-repeat 50% 50%;} .main_news .bx-viewport{padding-bottom:1px;} /* visual slide */ .content_slide {overflow:hidden; position:relative;} .content_slide .slide {position:relative;} .content_slide .slide li {float:left;} .content_slide .slide li img {width:100%;} .content_slide .indicator {position:absolute; left:0; bottom:0; width:100%; height:32px; padding-top:8px; background:url('../images/common/bg_slide_indicator.png') repeat; text-align:center;} .content_slide .playList {display:inline;} .content_slide .playList li {display:inline;} .content_slide .playList li a {display:inline-block; width:22px; height:24px; background:url('../images/common/btn_slide_indicator.png') no-repeat 5px center;} .content_slide .playList li.on a {background-position:-14.5px center;} .content_slide .prev {display:inline-block; position:absolute; left:333px; top:8px; width:18px; height:24px; background:url('../images/common/btn_slide_ctrl.gif') no-repeat 5px center;} .content_slide .next {display:inline-block; position:absolute; right:333px; top:8px; width:18px; height:24px; background:url('../images/common/btn_slide_ctrl.gif') no-repeat -8px center;} .main_company .other_menu{width:793px; float:left; overflow:hidden;} .other_menu .main_column_wrap{width:auto; overflow:hidden; margin-left:-20px;} .other_menu .main_column{float:left; width:50%; box-sizing:border-box; padding-left:20px; position:relative;} .other_menu .main_column a{display:block; width:100%; height:100%; border-top:2px solid #004ba9; background:url('../images/main/img_menu_more02.png') no-repeat 95% 18px;} .other_menu .main_column .menu_info{padding:0 20px; min-height:121px;} .other_menu .main_column .menu_info p{color:#004ba9; font-size:14px; line-height:23px;} .other_menu .main_column .thumb img{width:100%;} .main_btn{margin-top:80px;} .main_btn li .in_wrap{border:1px solid #ccc; width:100%; display:table; max-width:100%;} .main_btn li .in_wrap a{display:table-cell; vertical-align:middle; width:100%; height:97px; padding:0 50px 0 90px; box-sizing:border-box; line-height:24px; color:#004ba9; font-size:18px; text-align:left; background:url('../images/main/img_menu_more.png') no-repeat 95% 50%;} .main_btn li.btn01 .in_wrap{background:url('../images/main/bg_main_btn01.png') no-repeat 28px 50%;} /* 기술자료 */ .main_btn li.btn02 .in_wrap{background:url('../images/main/bg_main_btn02.png') no-repeat 28px 50%;} /* 대리점 안내 */ .main_btn li.btn03 .in_wrap{background:url('../images/main/bg_main_btn03.png') no-repeat 28px 50%;} /* 1:1문의 */ .main_btn li.btn04 .in_wrap{background:url('../images/main/bg_main_btn04.png') no-repeat 28px 50%;} /* Contact us */ .main_btn li.btn05 .in_wrap{background:url('../images/main/bg_main_btn05.png') no-repeat 28px 50%;} /* Contact us */ .mobile_img{display:none;} /* 개인정보 취급방침 */ .privacy_menu{margin-top:30px; padding-bottom:45px; border-bottom:1px solid #ccc;} .privacy_menu .privacy_list{margin-top:5px;} .privacy_menu .privacy_list a{font-size:14px; color:#333; line-height:30px; font-weight:bold;} .privacy_menu .privacy_list a:hover{color:#1269ca; text-decoration:underline;} .privacy_wrap{margin-top:45px;} .privacy_wrap p{margin-top:15px;} .privacy_wrap ul{margin-top:20px;} .privacy_wrap ul > li{position:relative; padding-left:9px; line-height:20px; margin-top:10px;} .privacy_wrap ul > li:first-child{margin-top:0;} .privacy_wrap ul > li:after{content:''; display:block; width:4px; height:1px; background:#606060; position:absolute; left:0; top:9px;} .admin{margin-top:45px; padding-top:45px; border-top:1px solid #ccc;} .admin_title{font-size:16px; color:#1269ca; line-height:26px;} .admin p{margin-top:25px;} .admin .admin_info{margin-top:15px;} .admin .admin_info li{line-height:21px; padding-left:9px; position:relative;} .admin .admin_info li:after{content:''; display:block; width:2px; height:2px; background:#606060; position:absolute; left:0; top:10px;} /* 사이트맵 */ .sitemap{width:100%; display:table; border-top:1px solid #1269ca; border-bottom:1px solid #898989; margin-top:30px;} .sitemap .sitemap_title{display:table-cell; width:25%; vertical-align:middle; text-align:center;} .sitemap .sitemap_title strong{display:inline-block; font-size:22px; line-height:26px; padding-top:70px;} .sitemap .sitemap_title span{display:block; margin-top:10px;} .sitemap .sitemap_title span a{font-size:15px; font-weight:bold; color:#07399c; display:inline-block; padding-right:14px; background:url('../images/company/ic_plus.png') no-repeat 100% 50%;} .sitemap .sitemap_title .ic_customer{background:url('../images/company/icon_coustomer.png') no-repeat 50% 0;} .sitemap .sitemap_title .ic_pr{background:url('../images/company/icon_pr.png') no-repeat 50% 0;} .sitemap .sitemap_title .ic_product{background:url('../images/company/icon_product.png') no-repeat 50% 0;} .sitemap .sitemap_title .ic_aboutus{background:url('../images/company/icon_aboutus.png') no-repeat 50% 0;} .sitemap .sitemap_list{display:table-cell; width:75%;} .sitemap_menu{display:table; width:100%; border-bottom:1px solid #e1e1e1;} .sitemap_menu.last, .sitemap_menu.one{border-bottom:0;} .sitemap_menu.one dl{padding:50px 19px;} .sitemap_menu dl{display:table-cell; width:33.333%; border-left:1px solid #e1e1e1; box-sizing:border-box; padding:0 19px;} .sitemap_menu dl dt{padding:10px 0;} .sitemap_menu dl dt a{font-size:14px; color:#222; font-weight:bold; line-height:24px; position:relative; padding-left:6px;} .sitemap_menu dl dt a:after{content:''; display:block; width:2px; height:2px; background:#444; position:absolute; left:0; top:10px; } .sitemap_menu dl dt a:hover{color:#07399c;} .sitemap_menu dl dt a:hover:after{content:''; display:block; width:2px; height:2px; background:#07399c; position:absolute; left:0; top:10px;} .sitemap_menu dl dd ul{padding-bottom:12px;} .sitemap_menu dl dd ul li a{line-height:25px; position:relative; padding-left:8px; color:#333;} .sitemap_menu dl dd ul li a.newWin{padding-right:19px; background:url('../images/common/ic_new_window.png') no-repeat 100% 50%;} .sitemap_menu dl dd ul li a:after{content:''; display:block; width:4px; height:1px; background:#444; position:absolute; left:0; top:12px;} .sitemap_menu dl dd ul li a:hover{color:#1c97ff; font-weight:bold;} .sitemap_menu dl dd ul li a:hover:after{content:''; display:block; width:4px; height:1px; background:#1c97ff; position:absolute; left:0; top:12px;} /******************************************************** ******************** Tablet device ********************* *********************************************************/ @media screen and (min-width:960px) and (max-width:1199px) { .header{width:960px;} .header .depth1{width:650px;} .header .depth1 > li{margin-left:50px;} #lnb{display:none; float:none;} #container{width:100%;} #content{float:none; margin:49px auto 0 auto;} .foot_util{width:960px;} .footer{width:960px;} .header .depth1 > li > .depth2 > li.go_submain{display:block;} } /******************************************************** ******************** Mobile device ********************* *********************************************************/ @media screen and (max-width:959px) { .select{ background:#fff url('../images/common/bg_select_arrow.png') no-repeat 93% 50%; background-size:9px 5px; height:25px; padding:0 15px 0 5px; color:#666; display:inline-block; box-sizing:border-box; overflow: hidden; vertical-align:middle; border:1px solid #cdcdcd; font-size:13px; -webkit-appearance: none; } input[type="text"]{height:25px;} h4{margin-top:15px; font-size:16px; letter-spacing:-1px;} label span{width:20px; height:20px; } label.on span{border:0; width:20px; height:20px; background:url('../images/common/basic_checkbox_m.png') no-repeat 0 0; background-size:20px 20px;} label.radio span{background:none; border:1px solid #d4d4d4; border-radius:50%; top:-1px;} label.radio.on span{background:none; width:15px; height:15px;} label.radio.on span:after{content:''; display:block; width:9px; height:9px; border-radius:50%; background:#1269ca; position:absolute; left:2px; top:2px;} #header_wrap{height:60px; box-shadow:0 4px 4px 0 rgba(0,0,0,0.15); background:#fff;} .header{width:100%; margin:0;} .header h1{float:none; margin-top:0; width:107px; height:15px; background:url('../images/common/h1_logo_m.png') no-repeat 0 0; background-size:107px 15px; position:absolute; left:50%; top:50%; margin:-6px 0 0 -53px;} .header h1 .indent{text-indent:0; color:transparent;} .header .mobile_gnb{display:block; position:absolute; width:46px; height:36px; background:url('../images/common/btn_gnb_mobile.png') no-repeat 50% 50%; background-size:23px 15px; left:8px; top:13px; overflow:hidden;} .header .mobile_gnb a{color:transparent; display:block; overflow:hidden; height:100%;} .header .gnb_wrap{display:block; float:none; position:fixed; height:100%; left:-300px; top:0; width:256px; background:#07399c; z-index:9999;} .header .gnb_wrap .fade_close{position:absolute; display:block; width:30px; height:30px; background:url('../images/common/btn_close_fade.png') no-repeat 50% 50%; background-size:15px 15px; top:15px; right:-40px;} .header .gnb_head{height:60px; border-bottom:1px solid #000d5f; position:relative; display:block; background:#07399c; z-index:10;} .header .gnb_head h2.logo{width:107px; height:15px; background:url('../images/common/gnb_logo_m.png') no-repeat 0 0; background-size:107px 15px; position:absolute; left:25px; top:23px; color:transparent;} .header .gnb_head a.home{display:block; width:35px; height:30px; position:absolute; right:14px; top:15px; background:url('../images/common/ic_home_m.png') no-repeat 50% 50%; background-size:18px 15px; color:transparent;} .header .depth1{width:100%; display:block; text-align:left; margin-top:0; height:100%; overflow:auto; box-sizing:border-box; padding-top:60px; margin-top:-60px;} .header .depth1 > li{display:block; position:relative; margin-left:0; height:auto; border-bottom:1px solid #000d5f; padding-bottom:0;} .header .depth1 > li:first-child{margin-left:0;} .header .depth1 > li > a{font-size:15px; line-height:51px; font-weight:bold; display:block; box-sizing:border-box; padding-left:28px; color:#fff; background:url('../images/common/bu_1depth_down.png') no-repeat 90% 50%; background-size:9px 9px; padding-bottom:0;} .header .depth1 > li > a:hover{padding-bottom:0; border-bottom:0;} .header .depth1 > li > a.on{background:url('../images/common/bu_1depth_up.png') no-repeat 90% 50%; background-size:9px 9px; padding-bottom:0; border-bottom:0;} .header .depth1 > li > a.only{background:none !important;} .header .depth1 > li > .depth2{position:static; width:100%; text-align:left; box-shadow:0 0 0 0; padding:15px 0;background:#eceff1; border:0;} .header .depth1 > li > .depth2 > li{border-top:0; height:auto; position:relative; background:#eceff1; border:0;} .header .depth1 > li > .depth2 > li:first-child{border-top:0;} .header .depth1 > li > .depth2 > li > a{color:#07399c; font-size:14px; display:block; width:100%; height:100%; line-height:36px; box-sizing:border-box; padding-left:28px; background:#eceff1; font-weight:bold;} .header .depth1 > li > .depth2 > li > a:hover, .header .depth1 > li > .depth2 > li a.on{background:#eceff1; color:#07399c;} .header .depth1 > li > .depth2 > li.go_submain{display:block;} .header .depth1 > li > .depth2 > li.include > a{background:#eceff1; position:relative;} .header .depth1 > li > .depth2 > li.include > a span:after{display:block; width:2px; height:9px; background:#273339; position:absolute; border-radius:3px; right:37px; top:50%; margin-top:-4px; content:''; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} .header .depth1 > li > .depth2 > li.include > a span:before{display:block; width:2px; height:9px; background:#273339; position:absolute; border-radius:3px; right:32px; top:50%; margin-top:-4px; content:''; -webkit-transform:rotate(45deg); transform:rotate(45deg);} .header .depth1 > li > .depth2 > li.include > a.on span:after{-webkit-transform:rotate(45deg); transform:rotate(45deg);} .header .depth1 > li > .depth2 > li.include > a.on span:before{-webkit-transform:rotate(-45deg); transform:rotate(-45deg);} .header .depth1 > li > .depth2 > li.include > a:hover, .header .depth1 > li > .depth2 > li.include a.on{background:#eceff1; color:#07399c;} .header .depth1 > li > .depth2 > li > .depth3{position:static; width:auto; display:none; background:#eceff1; box-shadow:0 0 0 0; padding:11px 0; margin:14px 28px; border:1px solid #07399c; border-width:1px 0;} .header .depth1 > li > .depth2 > li > .depth3 li{padding-left:0; margin-top:0; background:none;} .header .depth1 > li > .depth2 > li > .depth3 li:first-child{margin-top:0;} .header .depth1 > li > .depth2 > li > .depth3 li a{font-size:14px; color:#263238; line-height:36px; font-weight:bold;} .header .depth1 > li > .depth2 > li > .depth3 li a:hover{text-decoration:none; color:#263238;} .header .search{float:none; margin:0; width:46px; height:46px; float:right; padding:10px 8px 0 0;} .header .search .ic_search{display:block; width:100%; height:100%; background:url('../images/common/ic_search_m.png') no-repeat 50% 50%; background-size:23px 23px; color:transparent; font-size:1px; line-height:1px; overflow:hidden; border-radius:0; padding:0;} .header .search .input_search{position:absolute; right:0; left:0; top:60px; width:100%; height:auto; padding-left:0;} .header .search .input_search input[type="text"]{width:100%; height:50px; font-size:14px; color:#ebebeb; background:#424c51 url('../images/common/bg_head_search_m.png') no-repeat 20px 50%; background-size:125px 13px; line-height:50px; padding-left:30px;} .header .search .input_search .sch_function{width:80px; height:50px; position:absolute; right:0; top:0; background:url('../images/common/sch_close_line.png') no-repeat 50% 50%; box-sizing:border-box; padding:8px 6px 10px 6px;} .header .search .input_search .sch_function button{float:left; width:24px; height:24px; margin-top:5px; background:url('../images/common/ic_head_search_m.png') no-repeat 0 0; background-size:24px 24px;} .header .search .input_search .sch_function .sch_close{display:inline-block; width:26px; height:26px; background:url('../images/common/ic_close_search_m.png') no-repeat 50% 50%; background-size:13px 13px; float:right; } .header .foreign{} .top{position:fixed;bottom:50px;left:auto;margin:0; right:15px; z-index: 1; background:url('../images/common/btn_top_m.png') no-repeat 0 0; background-size:100%; width:40px; height:40px; overflow:hidden;} .top:hover{background:url('../images/common/btn_top_m_over.png') no-repeat 0 0; background-size:100%;} .indent{overflow:hidden; text-align:left; text-indent:0; display:block; color:transparent !important;} #lnb{display:none; float:none;} #container, #content{width:100%;} .in_cont{padding:0 15px;} .visual{margin-top:60px; height:40px; background-size:auto 100% !important;} .tabstyle{margin:35px 0 25px 0; height:43px;} .tabstyle ul{display:none;} .tabstyle select{ background:#07399c url('../images/common/tab_select_arrow.png') no-repeat 95% 50%; background-size:11px 7px; height:100%; padding:0 30px 0 10px; color:#fff; display:inline-block; box-sizing:border-box; overflow: hidden; vertical-align:middle; width:100%; border:0; font-size:17px; font-weight:bold; border-radius:5px; -webkit-appearance: none; } #content .content_visual{display:none;} #content .content_visual_mobile{display:block;} #content .img_product{margin:0 -15px;} #content .content_visual_mobile img{width:100%;} #content{float:none; width:100%; margin-top:0px;} #content .header_group{width:100%; overflow:hidden; margin-bottom:0px; border-bottom:1px solid #4c505f;} #content .header_group.line{padding-bottom:0; border:0; margin-bottom:0;} #content .header_group .location{float:none; width:100%; margin-top:0; height:35px; border-bottom:1px solid #e5e6e6; overflow:hidden; background:#fbfbfb; box-sizing:border-box; padding-left:15px;} #content .header_group .location li{padding-left:15px; background:url('../images/common/bu_location_m.png') no-repeat 5px 50%; background-size:5px 7px; line-height:35px;} #content .header_group .location li:first-child{margin-top:0;} #content .header_group .location li.home a{display:block; width:18px; height:35px; overflow:hidden; background:url('../images/common/ic_navi_home.png') no-repeat 50% 50%; background-size:15px 12px;} #content .header_group .location li a{color:#999; font-size:11px;} #content .header_group .location li strong{font-size:11px;} #content .header_group h2{font-size:22px; line-height:50px; float:none; display:block; height:50px; position:relative; text-align:center; box-sizing:border-box; padding:0 50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} #content .header_group h2 .h2_arrow{display:block; width:50px; height:50px; overflow:hidden; position:absolute; left:0; top:0; background:url('../images/common/btn_h2_arrow.png') no-repeat 50% 50%; background-size:17px 14px;} /* 회사소개 - 인재채용 */ .sch_basic .txt_result{float:left;font-size:13px;margin-top:5px;} .sch_basic .txt_result strong{color:#07399c;} .sch_basic .sch_function{float:right} .sch_basic select{width:73px;height:25px;} .sch_basic .sch_function input[type="text"] { width:97px;height: 25px;margin-right: 5px;font-size: 13px;border:1px solid #cdcdcd;margin-left:5px;} /* paging */ .paging{text-align:center; margin-top:10px;} .paging .prev {margin-right:5px;background:url('../images/common/btn_prev.png') no-repeat 50% 50%; background-size:5px 9px;} .paging .next {margin-left:10px;background:url('../images/common/btn_next.png') no-repeat 50% 50%; background-size:5px 9px;} .paging .prev2{background:url('../images/common/btn_prev2.png') no-repeat 50% 50%; background-size:8px 9px;} .paging .next2{background:url('../images/common/btn_next2.png') no-repeat 50% 50%; background-size:8px 9px;} .paging a{margin-left:5px;width:24px;border:1px solid #e1e1e1; height:24px; line-height:24px; font-size:10px; text-align:center; vertical-align:middle; box-sizing:border-box;} .paging .on{background:#858f9a;color:#fff;border:1px solid #858f9a; font-size:11px; font-weight:bold;} /* 테이블 */ .tbl_basic thead th{font-size:13px; text-align:center; padding:10px 2px; line-height:16px;} .tbl_basic tbody td{font-size:11px; padding:10px 2px; line-height:15px;} .tbl_basic tbody td .btn_2nd{text-align:center;} .tbl_basic tbody td.ac{text-align:center; padding:10px 0;} .tbl_basic tbody td .btn_2nd .btn_down_r{min-width:0;} .tbl_basic tbody th{padding:13px 0 13px 5px; font-size:13px;} .tbl_basic tbody td input[type="text"]{height:25px; line-height:25px;} .tbl_basic tbody td input[type="file"]{ opacity:0; width:100%; height:100%;} .tbl_basic tbody td .file{width:49px; height:25px; background:url('../images/common/btn_file_m.png') no-repeat 0 0; background-size:49px 25px;} .tbl_basic tbody td .select{height:25px;} .tbl_basic tbody td .small_blue{font-size:10px; display:block; margin-left:0; margin-top:5px;} .tbl_basic tbody td .td_space{margin-top:10px;} .tbl_basic tbody td .tbl_subtext{margin-top:5px;} .tbl_basic tbody td .tbl_subtext li{font-size:10px; color:#666; line-height:17px; margin-left:9px; text-indent:-9px; letter-spacing:-1px;} .tbl_basic tbody td .input_mobile_sorting{box-sizing:border-box; padding-left:8px;} .tbl_basic tbody td.email input[type="text"]{width:25%;} .tbl_basic tbody td.email .select{width:40%; margin-left:5px;} .tbl_basic tbody td.blud_td{font-size:12px;} .tbl_basic tbody td .tbl_hyphen_list li:after{top:10px;} .tbl_basic tbody td ol li{line-height:20px; margin-left:14px; text-indent:-14px;} /* 다운로드 버튼 */ .btn_down_l{display:inline-block; height:auto; line-height:13px; padding-left:7px; background:url('../images/common/ic_down.png') no-repeat 95% 48%; background-size:11px 9px; font-size:10px; color:#444; border:1px solid #666; border-radius:3px;} .btn_down_r{display:inline-block; vertical-align:middle;height:auto; line-height:13px; background:none; text-align:left; font-size:13px; padding:6px 22px 6px 0;} /* 2015-11-27 font-size:10 -> 13 */ .btn_down_r br{display:block;} .foot_util_wrap{height:auto; background:#263238;} .foot_util{height:auto; width:100%;padding-top:0; position:static; box-sizing:border-box; padding:0 15px; overflow:hidden;} .foot_util .foot_util_list{float:none; width:100%; overflow:hidden; margin:16px 0;} .foot_util .foot_util_list li{float:left; padding-left:19px; background:url('../images/common/bg_foot_util_m.png') no-repeat 9px 3px; background-size:1px 13px;} .foot_util .foot_util_list li a{color:#a1a1a1; font-size:12px; font-weight:bold; line-height:18px;} .foot_util .foot_util_list li:first-child{background:none; padding-left:0;} .foot_util .etc_util{float:none; margin-left:0; display:block; margin-top:12px;} .foot_util .etc_util a{color:#a1a1a1; font-size:12px; font-weight:bold; line-height:18px; font-weight:bold;} .foot_util .family_site{display:none;} .foot_util .family_stie_m{display:none; width:100%; height:57px; margin:20px 0;} .foot_util .family_stie_m select{ background:#1e292e url('../images/common/bu_family_site.png') no-repeat 95% 50%; background-size:12px 6px; height:100%; padding:0 45px 0 30px; color:#999; display:inline-block; box-sizing:border-box; overflow: hidden; vertical-align:middle; width:100%; border:0; font-size:14px; color:#a1a1a1; font-weight:bold; -webkit-appearance: none; } .footer{width:100%; font-size:10px; line-height:16px; color:#37474f; position:static; padding:0 15px; box-sizing:border-box; padding-bottom:20px;} .footer .foot_logo{width:95px; height:19px; float:none; margin:15px 0 0 0; background:url('../images/common/bg_foot_logo_m.png') no-repeat 0 0; background-size:95px 19px;} .footer .foot_info{float:none; margin-top:10px;} .footer .social{position:static; width:100%; margin-top:20px; overflow:hidden;} .footer .copyright{display:inline-block;} .footer address span{display:inline-block; padding-right:9px; margin-right:5px; background:url('../images/common/bg_address_line_m.png') no-repeat 100% 2px; background-size:1px 10px;} .footer address br{display:none;} .footer .social{padding-bottom:15px;} .footer .social li{float:left; width:50px; box-sizing:border-box; height:35px; background:url('../images/common/bg_social_m.png') no-repeat 0 50%; background-size:1px 21px;} .footer .social li:first-child{background:none; width:40px;} .footer .social li a{display:block; width:100%; height:100%;} .footer .social li.facebook a{background:url('../images/common/ic_facebook_m.png') no-repeat 50% 50%; background-size:10px 21px;} .footer .social li.youtube a{background:url('../images/common/ic_youtube_m.png') no-repeat 50% 50%; background-size:22px 27px;} .footer .social li.flick a{background:url('../images/common/ic_flick_m.png') no-repeat 50% 50%; background-size:22px 20px;} h3{font-size:19px;line-height:30px;font-weight:bold;color:#333;} .info_bottom{padding:15px 20px 15px 37px; background:#f8f9fb url('../images/common/info_point_m.png') no-repeat 16px 16px;line-height:20px;background-size:16px auto;} .info_bottom ul li{background:none; position:relative;} .info_bottom ul li:after{content:''; display:block; width:5px; height:1px; background:#667381; position:absolute; left:0; top:8px;} /* 채용공고 - view */ .view_subject{padding:15px 0; position:relative;} .view_subject .tit_recruit{display:block; font-size:17px; color:#222; line-height:25px; margin:7px 0 11px 0;} .view_subject .date{padding-left:0; line-height:19px; background:none} .view_subject .announce{width:72px; padding:0; position:static; margin-top:17px; display:block;} .view_content{padding:15px 0;} .view_content .in_view_content{font-size:18px; line-height:24px; color:#444;} .view_content .btn_R{margin-top:10px;} .btn_function{padding-top:75px; width:100%; overflow:hidden; position:relative; border-top:1px solid #898989;} .btn_function .btn_left{float:left;} .btn_function .btn_left a{display:inline-block; margin-right:5px;} .btn_function .btn_right{float:right;} .btn_function .btn_right a{margin-left:5px;} .btn_function .btn_right .btn_blue{position:absolute; left:0; top:15px; margin-left:0;} .btn_function.no_blue{padding-top:20px;} .btn_blue{padding:0; height:46px; line-height:46px; font-size:16px; display:block; width:100%;} .btn_gray{padding:0 15px; height:36px; font-size:14px; line-height:36px;} .btn_white{padding:0 15px; height:36px; font-size:14px; line-height:36px;} .btn_search{padding:0 6px; height:25px; line-height:23px;} /* 지원서 작성 */ .line_space{padding-top:0px; border-top:0;} .line_space.no_visual{margin-top:30px;} .required_wrap .print{display:none;} .input_space{margin-top:25px;} .btn_C02 a{margin:0;} .btn_C02 a{width:49%; height:44px; line-height:44px; margin-right:2%; float:left;} .btn_C02 a:last-child{margin-right:0;} .section{margin-top:30px;} .recruit_result{padding:15px; margin-top:30px;} .half_column{width:100%; margin-left:0;} .half_column .column{width:100%; padding-left:0; float:none; margin-bottom:20px;} .half_column .column:last-of-type{margin-bottom:0;} .half_column .column img{width:100%;} /* 회사개요 */ .img_summary img{width:100%;} .img_summary strong span{display:block;} .img_summary p br{display:none;} .business{width:100%; display:block; border:1px solid #c3c8cd;} .business .thumb{width:100%; display:block;} .business .text{width:100%; display:block; padding:15px;} /* business_area */ .business_area li .thumb{float:none; width:100%; text-align:center;} .business_area li .text{float:none; width:100%;} .business_area li .text strong{display:block; margin:15px 0;} /* 계열사 */ .affiliate_list{border:1px solid #ccc; box-sizing:border-box; padding:25px 20px;} .affiliate_name{border-bottom:1px dashed #ccc; padding-bottom:16px;} .affiliate_name strong{font-size:18px; line-height:24px; color:#1269ca;} .affiliate_list ul{margin-top:10px; line-height:20px; min-height:100px;} .affiliate_list ul.hyphen_list li{line-height:21px; margin-top:7px;} .affiliate_info{min-height:auto;} .ico_affiliate.varnish{background:url('../images/company/ico_varnish_m.png') no-repeat 50% 0; background-size:65px 65px;} .ico_affiliate.chemistry{background:url('../images/company/ico_chemistry_m.png') no-repeat 50% 0; background-size:65px 65px;} .ico_affiliate.ship_build{background:url('../images/company/ico_ship_build_m.png') no-repeat 50% 0; background-size:65px 65px;} .ico_affiliate.internet{background:url('../images/company/ico_intetent_m.png') no-repeat 50% 0; background-size:65px 65px;} /* 브랜드소개 */ .devide03{width:100%; margin-left:0;} .devide03 li{width:100%; padding-left:0; float:none; margin-top:20px;} .devide03 li:first-child{margin-top:0;} /* 컬러컨설팅 */ .design_service li{display:block; padding-bottom:20px;} .design_service li .thumb{width:100%; display:block; padding:20px 0; text-align:left;} .design_service li .text{width:100%; display:block; padding-top:20px;} .design_service li .thumb img{width:85px; height:85px;} /* 연혁 */ .company_history .main_year{margin-top:25px;} .company_history .main_year strong{padding:15px 0;} .company_history .main_year a{display:none;} .company_history .sub_year{ margin-top:25px;} .company_history ul li{margin-top:25px;} .company_history ul li.right{padding-left:40px; text-align:left; float:right; background:url('../images/company/bg_left_history.png') no-repeat 0 10px; background-size:37px 3px;} .company_history ul li.left{padding-right:40px; text-align:right; float:left; background:url('../images/company/bg_right_history.png') no-repeat 100% 10px; background-size:37px 3px;} /* 뉴스 목록 */ .newsList li {padding-right:0; padding-bottom:20px;} .newsList li > a {padding:25px 0 20px; background-position:center bottom;} .newsList .thumbnail {float:none; display:block; width:100%; margin-bottom:20px; text-align:center;} .newsList .nTitle .date{display:block; margin-top:5px; margin-left:0;} .newsList .nTitle .date:after{display:none;} /* 뉴스 상세 */ .attachFiles {margin:20px 0px 0; padding:20px 0 0;} .attachFiles .title {float:none; width:100%; margin-bottom:10px;} .attachFiles ul {float:none; padding-left:0; border-left:none;} /* IR */ .irBox .tableTip {position:static; text-align:right; margin-bottom:10px;} .recomment_product{font-size:16px; line-height:25px; background:url('../images/builders/ic_reommend_m.png') no-repeat 0 0; background-size:50px 50px; margin-top:15px;} .recomment_product strong{display:inline-block; width:100%;} /* 사이트맵 */ .sitemap{display:block; } .sitemap .sitemap_title{display:block; width:100%; padding:20px 0;} .sitemap .sitemap_title span a{font-size:15px; font-weight:bold; color:#07399c; display:inline-block; padding-right:14px; background:url('../images/company/ic_plus.png') no-repeat 100% 50%;} .sitemap .sitemap_list{display:block; width:100%; overflow:hidden;} .sitemap_menu{width:100%; overflow:hidden; display:inline;} .sitemap_menu.one dl{padding:0 19px;} .sitemap_menu dl{display:block; width:50%; border:0; float:left; padding:0 10px 0 0;} .sitemap .sitemap_title .ic_customer{background:url('../images/company/icon_coustomer_m.png') no-repeat 50% 0; background-size:60px 60px;} .sitemap .sitemap_title .ic_pr{background:url('../images/company/icon_pr_m.png') no-repeat 50% 0; background-size:60px 60px;} .sitemap .sitemap_title .ic_product{background:url('../images/company/icon_product_m.png') no-repeat 50% 0; background-size:60px 60px;} .sitemap .sitemap_title .ic_aboutus{background:url('../images/company/icon_aboutus_m.png') no-repeat 50% 0; background-size:60px 60px;} } @media screen and (min-width:641px) and (max-width:1200px) { /* 메인페이지 */ .main_movie_wrap{margin-top:60px; width:100%; text-align:center; position:relative; border:none; background:#ffffff; overflow:hidden} .main_movie_wrap .movie{width:100%; position:relative} .main_visual_wrap{margin-top:60px;} .main_visual .left{display:inline-block; width:41px; height:42px; overflow:hidden; background:url('../images/main/main_arrow_left_m.png') no-repeat 0 0; background-size:100%; position:absolute; left:10px; top:50%; margin:-32px 0 0 0;} .main_visual .right{display:inline-block; width:41px; height:42px; overflow:hidden; background:url('../images/main/main_arrow_right_m.png') no-repeat 0 0; background-size:100%; position:absolute; right:10px; top:50%; margin:-32px 0 0 0;} .main_visual_wrap .content_arrow{margin:0; right:20px; background:url('../images/main/main_contents_arrow.png') no-repeat 0 0; background-size:60px 53px;} .main_visual ul li > img, .main_visual ul li > a > img{display:none;} .main_visual ul li img{width:100%;} .main_visual .indicator li.on a{background:url('../images/main/paging_gallery_on_m.png') no-repeat 50% 50%; background-size:7px 12px;} .main_visual .indicator li a{background:url('../images/main/paging_gallery_m.png') no-repeat 50% 50%; background-size:13px 12px;} .main_content{width:100%; margin-top:0px;} .main_company{margin-top:30px;} .main_news{float:none; width:100%; margin-right:0; padding:0 15px; box-sizing:border-box; overflow:hidden; border-top:0;} .main_news h2{margin-bottom:25px; border-top:2px solid #004ba9; padding:0 20px;} .main_news .topic_wrap{float:left; width:50%; box-sizing:border-box; padding-right:10px;} .main_news .topic{width:100%; display:table; margin-top:20px;} .main_news .topic .thumb{width:30%; height:auto; border:0; text-align:center;} .main_news .topic .thumb img{width:140px; height:140px; border:1px solid #e1e1e1; box-sizing:border-box;} .main_news .topic .subject{width:70%; padding-left:15px;} .main_news .content_slide{margin:0; float:left; width:50%; padding-left:10px; box-sizing:border-box;} .main_news .content_slide .indicator{margin-top:10px;} .main_news .content_slide .indicator .prev{background:url('../images/main/btn_main_news_left_m.png') no-repeat 0 0; background-size:12px 21px;} .main_news .content_slide .indicator .next{background:url('../images/main/btn_main_news_right_m.png') no-repeat 0 0; background-size:12px 21px;} .main_news .content_slide .indicator li.on a{background:url('../images/main/mainnews_indicator_on_m.png') no-repeat 50% 50%; background-size:7px 12px;} .main_news .content_slide .indicator li a{background:url('../images/main/mainnews_indicator_m.png') no-repeat 50% 50%; background-size:13px 12px;} .main_company .other_menu{width:100%; float:none; overflow:hidden; margin-top:30px; padding:0 15px; box-sizing:border-box;} .other_menu .main_column_wrap{width:auto; overflow:hidden; margin-left:-20px;} .other_menu .main_column{float:left; width:50%; box-sizing:border-box; padding-left:20px; position:relative;} .other_menu .main_column a{display:block; width:100%; height:100%; border-top:2px solid #004ba9; background:url('../images/main/img_menu_more02_m.png') no-repeat 95% 18px; background-size:28px 28px;} .other_menu .main_column .menu_info{padding:0 20px; min-height:121px;} .other_menu .main_column .menu_info p{color:#004ba9; font-size:14px; line-height:23px;} .other_menu .main_column .thumb img{width:100%;} .main_btn{margin-top:80px; padding:0 15px;} .main_btn .devide03{margin-left:-20px; width:auto;} .main_btn .devide03 li{width:33.3%; float:left; padding-left:20px; margin:0;} .main_btn li .in_wrap a{padding:0 40px 0 70px; height:70px; background:url('../images/main/img_menu_more_m.png') no-repeat 95% 50%; letter-spacing:-1px; background-size:25px 20px;} .main_btn li.btn01 .in_wrap{background:url('../images/main/bg_main_btn01_m.png') no-repeat 15px 50%; background-size:42px 41px;} .main_btn li.btn02 .in_wrap{background:url('../images/main/bg_main_btn02_m.png') no-repeat 15px 50%; background-size:43px 45px;} .main_btn li.btn03 .in_wrap{background:url('../images/main/bg_main_btn03_m.png') no-repeat 15px 50%; background-size:42px 41px;} .main_btn li.btn04 .in_wrap{background:url('../images/main/bg_main_btn04_m.png') no-repeat 15px 50%; background-size:48px 38px;} .main_btn li.btn05 .in_wrap{background:url('../images/main/bg_main_btn05_m.png') no-repeat 15px 50%; background-size:33px 41px;} .mobile_img{display:block;} } @media screen and (max-width:640px){ /* 메인페이지 */ .main_movie_wrap{margin-top:60px; width:100%; text-align:center; position:relative; border:none; background:#ffffff; overflow:hidden} .main_movie_wrap .movie{width:100%; position:relative} .main_visual_wrap{margin-top:60px;} .main_visual_wrap .content_arrow{margin:0; right:20px; background:url('../images/main/main_contents_arrow_m.png') no-repeat 0 0; background-size:60px 53px;} .main_visual ul li > img, .main_visual ul li > a > img{display:none;} .main_visual ul li img{width:100%;} .main_visual .left{display:inline-block; width:41px; height:42px; overflow:hidden; background:url('../images/main/main_arrow_left_m.png') no-repeat 0 0; background-size:100%; position:absolute; left:10px; top:50%; margin:-32px 0 0 0;} .main_visual .right{display:inline-block; width:41px; height:42px; overflow:hidden; background:url('../images/main/main_arrow_right_m.png') no-repeat 0 0; background-size:100%; position:absolute; right:10px; top:50%; margin:-32px 0 0 0;} .main_visual .indicator li.on a{background:url('../images/main/paging_gallery_on_m.png') no-repeat 50% 50%; background-size:7px 12px;} .main_visual .indicator li a{background:url('../images/main/paging_gallery_m.png') no-repeat 50% 50%; background-size:13px 12px;} .main_product li{float:left; width:50%;} .main_product li a{display:block;} .main_visual .indicator .playList{bottom:30px;} .main_content{width:100%; margin-top:0px;} .main_company{margin-top:30px;} .main_news{float:none; width:100%; margin-right:0; box-sizing:border-box; border-top:0; padding:0 15px;} .main_news h2{ border-top:2px solid #004ba9; padding:0 20px;} .main_news .topic{width:100%; display:table; margin-top:20px;} .main_news .content_slide{margin:0;} .main_news .content_slide .indicator{margin-top:10px;} .main_news .content_slide .indicator .prev{float:left; position:static; width:12px; height:21px; background:url('../images/main/btn_main_news_left_m.png') no-repeat 0 0; background-size:12px 21px;} .main_news .content_slide .indicator .next{float:right; position:static; width:12px; height:21px; background:url('../images/main/btn_main_news_right_m.png') no-repeat 0 0; background-size:12px 21px;} .main_news .content_slide .indicator li.on a{background:url('../images/main/mainnews_indicator_on_m.png') no-repeat 50% 50%; background-size:7px 12px;} .main_news .content_slide .indicator li a{background:url('../images/main/mainnews_indicator_m.png') no-repeat 50% 50%; background-size:13px 12px;} .main_company .other_menu{width:100%; float:none; overflow:hidden; margin-top:0px; padding:0 15px; box-sizing:border-box;} .other_menu .main_column_wrap{width:100%; margin-left:0;} .other_menu .main_column{float:none; width:100%; padding-left:0; margin-top:30px;} .other_menu .main_column_wrap.section{margin-top:0;} .other_menu .main_column a{display:block; width:100%; height:100%; border-top:2px solid #004ba9; background:url('../images/main/img_menu_more02_m.png') no-repeat 95% 18px; background-size:28px 28px;} .other_menu .main_column .menu_info{padding:0 20px; min-height:121px;} .other_menu .main_column .menu_info p{color:#004ba9; font-size:14px; line-height:23px;} .other_menu .main_column .thumb img{width:100%;} .main_btn{margin-top:30px; padding:0 15px;} .main_btn .devide03{margin-left:0; width:100%;} .main_btn .devide03 li{width:100%; float:none; margin-top:20px; padding-left:0;} .main_btn li .in_wrap a{padding:0 0 0 70px; height:70px; background:url('../images/main/img_menu_more_m.png') no-repeat 95% 50%; letter-spacing:-1px; background-size:25px 20px;} .main_btn li.btn01 .in_wrap{background:url('../images/main/bg_main_btn01_m.png') no-repeat 15px 50%; background-size:42px 41px;} .main_btn li.btn02 .in_wrap{background:url('../images/main/bg_main_btn02_m.png') no-repeat 15px 50%; background-size:43px 45px;} .main_btn li.btn03 .in_wrap{background:url('../images/main/bg_main_btn03_m.png') no-repeat 15px 50%; background-size:42px 41px;} .main_btn li.btn04 .in_wrap{background:url('../images/main/bg_main_btn04_m.png') no-repeat 15px 50%; background-size:48px 38px;} .main_btn li.btn05 .in_wrap{background:url('../images/main/bg_main_btn05_m.png') no-repeat 15px 50%; background-size:33px 41px;} .mobile_img{display:block;} } .schResultsList {border-bottom:1px solid #898989; margin-top:60px;} .schResultsList > li {position:relative; border-top:1px solid #e1e1e1;} .schResultsList > li > a {display:block; padding:20px; background:url('../images/builders/bg_panel_off.gif') no-repeat 97% 50%;} .schResultsList > li.on > a {background:url('../images/builders/bg_panel_on.gif') no-repeat 97% 50%;} .schResultsList > li:first-child {border-top:1px solid #008cff} .schResultsList .branchInfoBox {width:100%; display:table;} .schResultsList .branchInfo {display:table-cell; width:265px; box-sizing:border-box; border-right:1px solid #e1e1e1; padding-right:15px;} .schResultsList .branchInfo strong {font-size:16px; line-height:1.4; color:#222; letter-spacing:-1px;} .schResultsList .branchInfo .category {overflow:hidden; margin:20px 0 0 -10px;} .schResultsList .branchInfo .category li {float:left; min-width:55px; margin-left:10px; padding-top:35px; text-align:center; line-height:18px;} .schResultsList .branchInfo .category li.cate1 {background:url('../images/company/bg_cate01.png') no-repeat center top;} .schResultsList .branchInfo .category li.cate2 {background:url('../images/company/bg_cate02.png') no-repeat center top;} .schResultsList .branchInfo .category li.cate3 {background:url('../images/company/bg_cate03.png') no-repeat center top;} .schResultsList .branchAdd {display:table-cell; width:622px; padding-left:30px; box-sizing:border-box; font-size:13px; line-height:1.7; color:#222;} .schResultsList .branchAdd .btn_white.small {height:auto; padding:0 3px; font-size:12px; line-height:1.2; color:#666; border-radius:2px;} .schResultsList .branchAdd .btn_gray.small {height:auto; padding:1px 3px; font-weight:normal; font-size:13px; line-height:1.2; color:#fff; border-radius:2px;} .schResultsList .branchAdd .br {display:block;} .schResultsList .branchAdd .hours .br{display:inline-block;} .schResultsList .branchAdd .hours .closeday{display:block;} /*.schResultsList .openMap {display:block; position:absolute; right:30px; top:58px; width:14px; height:8px; background:url('../images/common/btn_accordian_open.gif') no-repeat left top;} .schResultsList > li.on .openMap {background:url('../images/common/btn_accordian_close.gif') no-repeat left top;}*/ .schResultsList .map {display:none; margin:20px;} .schResultsList > li.on .map {display:block; height:0; overflow:hidden; padding-bottom:40%; padding-top:30px; position:relative;} .schResultsList > li.on {border:1px solid #008cff; background:#eff4f8;}