/* common */ .inner { max-width:1300px; width:100%; margin: auto; } .new_tag { background:#d62c2c; color:#fff; border-radius:5px; text-align:center; padding:5px 15px; transform:translateY(20px); display:inline-block; /* height:24px; line-height:24px; */ } /*서브비주얼*/ #subVisual { margin-top:100px; width:100%; height:300px; position:relative; overflow:hidden; /* display:table; */ } #subVisual > img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-width: 100%; min-height: 100%; z-index:-1; } #subVisual > div { width: 100%; height: 100%; display: table; } #subVisual h2 { display:table-cell; vertical-align:middle; text-align:center; color:#fff; font-family:"Malgun Gothic"; font-size:44px; line-height:140%; font-weight:700; text-shadow:0 0 5px rgba(0,0,0,.5); letter-spacing:-.5px; animation:vsTit 1; -webkit-animation:vsTit 1s; } #subVisual h2 span { display:block; margin-top:10px; font-family: 'Noto Sans KR', sans-serif; font-size:22px; } #subVisual h2 span em { font-size:32px; font-weight:700; } #lnb { width:100%; height:70px; background:#183687; text-align:center; display: block;} #lnb > ul { max-width:1300px; margin:0 auto; overflow:hidden; font-size:0; } #lnb > ul li { display:inline-block; vertical-align:middle; line-height:70px; } #lnb > ul li a { display:block; line-height:70px; color:#fff; font-size:17px; font-weight:500; padding:0 20px; } #lnb > ul li.on a { background:#1e4cc2; } #lnb_m { display:none; position: relative; z-index:555; } #lnb_m > a { width:100%; height:60px; background:#183687; display: table; box-sizing:border-box; padding:0 15px; position: relative; } #lnb_m > a:after { content:""; display: block; width:10px; height:10px; border-left:3px solid #fff; border-bottom:3px solid #fff; position: absolute; top: 20px; right: 20px; transform:rotate(-45deg);} #lnb_m > a span { display: table-cell; vertical-align: middle; color: #fff; } #lnb_m ul { display: none; box-sizing:border-box; background:#183687; border-top:1px solid #234396; position: absolute; top: 60px; left: 0; width: 100%; overflow: hidden; } #lnb_m ul li a { display: block; width: 100%; line-height:150%; box-sizing:border-box; padding:10px 15px; color: #fff; border-top:1px solid #234396; } /* #lnb_m ul li.on a { background: #1e4cc2; } */ @keyframes vsTit { 0% { opacity:0; transform:scale(.5); } 100% { opacity:1; -webkit-transform:scale(1); } } @-webkit-keyframes vsTit { 0% { opacity:0; -webkit-transform:scale(.5); } 100% { opacity:1; -webkit-transform:scale(1); } } .contents { width:100%; overflow:hidden; } .contents h3 { margin-top:50px; text-align:center; font-size:40px; line-height:120%; font-weight:700; color:#000; } #cont { width:100%; overflow:hidden; margin-top:45px; padding-bottom:150px; } .greeCon { background:#fafafa; } /*회사소개*/ .cpnCon .bnTop { width:100%; height:400px; display:table; background:url(/img/sub/bg_intro.jpg) no-repeat center; } .cpnCon .bnTop div { display:table-cell; vertical-align:middle; } .cpnCon .bnTop dl { width:800px; height:170px; background:rgba(0,0,0,.2); text-align:center; overflow:hidden; color:#fff; margin:0 auto; text-shadow:0 0 5px rgba(0,0,0,.5); } .cpnCon .bnTop dt { margin-top:40px; font-size:32px; font-weight:700; line-height:48px; } .cpnCon .bnTop dd { margin-top:10px; font-size:24px; line-height:120%; font-weight:500; } .con1Con { padding:115px 0 100px; text-align:center; } .con1Con dt { font-size:26px; line-height:120%; font-weight:700; color:#333; } .con1Con dd { margin-top:15px; overflow:hidden; font-size:18px; line-height:150%; } .con1Con dd span { display:block; } .bioList { margin-top:30px; overflow:hidden; padding: 0 10px 20px; } .bioList li { display:inline-block; vertical-align:top; padding:0 35px; overflow:hidden; width:300px; } .bioList li dl { width:200px; height:200px; border-radius:50%; box-sizing:border-box; overflow:hidden; border:1px solid #dfdfdf; background:#fff; box-shadow:5px 5px 10px rgba(0,0,0,.4); margin:0 auto; } .bioList li dt { width:100%; height:60px; line-height:60px; font-size:20px; font-weight:700; color:#fff; overflow:hidden; background: rgb(27,66,160); background: -moz-linear-gradient(left, rgb(27,66,160) 0%, rgb(35,99,208) 100%); background: -webkit-linear-gradient(left, rgb(27,66,160) 0%,rgb(35,99,208) 100%); background: linear-gradient(to right, rgb(27,66,160) 0%,rgb(35,99,208) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b42a0', endColorstr='#2363d0',GradientType=1 ); } .bioList li dd { margin:20px auto 0; color:#333; font-size:16px; line-height:140%; font-weight:500; } .bioList li dd.box { margin:0; text-align:center; display:table; height:calc(100% - 75px); width:calc(100% + 5px); } .bioList li dd span { display:block; font-size:20px; font-weight:700; } .bioList li dd .sbox { display:table-cell; vertical-align:middle; text-align:center; } .bioList li dd em { font-size:24px; font-weight:700; } .bioList li p { margin-top:15px; overflow:hidden; font-size:16px; color:#333; line-height:130%; letter-spacing:-0.5px; } .bioList li p span { display:block; } .con2Con { width:100%; background:#f7f7f7; overflow:hidden; padding:115px 0; text-align:center; } .con2Con h4 { font-size:32px; line-height:120%; color:#26282b; font-weight:700; } .con2Con dl { text-align:center; margin-top:20px; } .con2Con dt { color:#183687; font-size:24px; font-weight:500; } .con2Con dd { margin-top:15px; overflow:hidden; color:#555; font-size:18px; line-height:150%; } .con2Con dd span { display:block; } .con2Con .price { margin-top:60px; overflow:hidden; text-align:center; } .con2Con .price li { margin:0 15px; height:75px; display:inline-block; vertical-align:top; background:url(/img/sub/icon_price.gif) no-repeat left center; text-indent:80px; color:#333; font-size:18px; font-weight:500; padding-top:10px; box-sizing:border-box; } .con2Con .bioList li dd em { display:block; color:#1a3d99; } .con3Con { width:100%; height:690px; overflow:hidden; background:url(/img/sub/bg_pipe.jpg) no-repeat center; } .con3Con .tit { width:700px; height:180px; background:rgba(0,0,0,.2); overflow:hidden; margin:80px auto 0; text-align:center; color:#fff; } .con3Con .tit dt { margin-top:30px; font-size:32px; font-weight:700; line-height:120%; text-shadow:0 0 5px rgba(0,0,0,.5); } .con3Con .tit dd { margin-top:10px; font-size:24px; font-weight:500; line-height:120%; text-shadow:0 0 5px rgba(0,0,0,.5); } .con3Con ul { margin:40px auto 0; max-width:1300px; width:100%; overflow:hidden; text-align:center; } .con3Con li { display:inline-block; vertical-align:top; width:360px; height:340px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.5); margin:0 20px; } .con3Con li h4 { font-family:"Malgun Gothic"; font-weight:700; color:#1b419e; font-size:22px; line-height:120%; margin-top:35px; } .con3Con li img { margin-top:15px; } .con3Con li dl { color:#333; } .con3Con li dl.box { margin:0; display:table; text-align:center; width:100%; height:calc(100% - 160px); } .con3Con li dt { margin-top:20px; font-size:20px; font-weight:700; line-height:120%; } .con3Con li dd { margin-top:10px; font-size:18px; line-height:130%; } .con3Con li dl.box dd { margin:0; line-height:150%; text-align:center; display:table; width:100%; height:100%;} .con3Con li dd .sbox { display:table-cell; vertical-align:middle; text-align:center; } .con3Con li dd .sbox span.p { display:inline-block; margin:0 4px; } .con4Con { text-align:center; } .con4Con img { margin-top:30px; text-align:center; } .con4Con h4 { margin-top:110px; font-size:30px; line-height:120%; font-weight:700; color:#26282b; } .con4Con dl { margin-top:35px; } .con4Con dt { color:#183687; font-size:24px; line-height:120%; font-weight:500; } .con4Con dd { margin-top:15px; overflow:hidden; color:#555; font-size:18px; line-height:150%; } .con4Con dd span { display:block; } /*tabList*/ .color { background:#fafafa; opacity:.9999; } .tabList > nav { max-width:1300px; width:100%; height:60px; box-sizing:border-box; overflow:hidden; background:#fff; border:1px solid #ddd; margin:70px auto 0; box-shadow:0 0 5px rgba(0,0,0,.2); } .tabList .tabMenu { box-sizing:border-box; width:100%; height:60px; box-shadow:0 0 5px rgba(0,0,0,.8); background:#fff; } .tabList .tabMenu li { float:left; width:25%; height:100%; position:relative; cursor:pointer; } .tabList .tabMenu.tabM3 li { width:33.33%; } .tabList .tabMenu.two li { width:50%; } .tabList .tabMenu li span { display:block; width:100%; height:58px; text-align:center; line-height:58px; font-size:18px; font-weight:300; color:#555; } .tabList .tabMenu li.on { font-size:18px; color:#183687; } .tabList .tabMenu li.on:before { content:""; display:block; width:100%; height:2px; background:#183687; position:absolute; top:0; left:0; } .tabList .tabMenu li.on span { color:#183687; font-weight:700; } .tabList .tabMenu li a { display: block; width:100%; line-height:60px; text-align: center; } .tabList #tabContent { margin:0 auto 0; width:100%; max-width:1300px; overflow:hidden; } .tabList #tabContent > article { width:100%; margin:0 auto; display:none; } /*연혁*/ .hisCon .bn { width:100%; height:260px; position:relative; display:table; overflow:hidden; } .hisCon .bn img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; max-height: 100%; z-index:-1; } .hisCon .bn dl { display:table-cell; vertical-align:middle; text-align:center; color:#fff; letter-spacing:-.5px; } .hisCon .bn dt { font-size:18px; line-height:120%; } .hisCon .bn dd { font-family:"GmarketSansBold"; font-size:50px; line-height:120%; margin-top:15px; } .hisCon .list { margin-top:60px; width:100%; overflow:hidden; position:relative; } .hisCon .list:before { content:""; display:block; width:1px; height:100%; background:#ddd; position:absolute; top:33px; left:312px; } .hisCon .list li { overflow:hidden; position:relative; } .hisCon .list li > h4 { float:left; width:295px; margin-top:13px; overflow:hidden; text-align:center; font-family:"GmarketSansBold"; font-size:50px; line-height:120%; color:#193e7d; } .hisCon .list li > ul { float:left; width:calc(100% - 295px); overflow:hidden; margin-bottom:50px; } .hisCon .list li > ul li:first-child:before { content:""; display:block; width:35px; height:35px; border-radius:50%; background:#e8ebf0; position:absolute; top:0; left:0; z-index:-1; } .hisCon .list li > ul li:first-child:after { content:""; display:block; width:9px; height:9px; background:#193e7d; border-radius:50%; position:absolute; top:13px; left:13px; font-size:18px; } .hisCon .list li li { width:100%; overflow:hidden; position:relative; margin-top:20px; line-height:35px; } .hisCon .list li li .txt { float:left; padding-left:110px; } .hisCon .list li li > p { float:left; padding-left:110px; width:63px; overflow:hidden; color:#333; font-weight:700; font-size:18px; } .hisCon .list li li > div { float:left; width:calc(100% - 173px); overflow:hidden; font-size:18px; } .hisCon .list li li > div p { line-height:110%; margin:8px 0; } .hisCon .list.color li > h4 { color:#00b3ee; } .hisCon .list.color li > ul li:first-child:before { background:#ebf9fe; } .hisCon .list.color li > ul li:first-child:after { background:#00b3ee; } .hisCon .list_a { overflow: hidden; } .hisCon .list_a li { overflow: hidden; position: relative; } .hisCon .list_a li:before { content:""; display:block; width:35px; height:35px; border-radius:50%; background:#e8ebf0; position:absolute; top:0; left:0; z-index:-1; } /*조직도*/ .groupCon { overflow:hidden; background:#fafafa; opacity:.9999;} .groupCon .tit { margin:60px auto 0; width:100%; height:264px; overflow:hidden; position:relative; } .groupCon .tit:before { content:""; display:block; width:1px; height:100%; background:#ddd; position:absolute; top:0; left:50%; z-index:-1; } .groupCon .tit:after { content:""; display:block; width:105px; height:1px; background:#ddd; position:absolute; top:199px; left:50%; z-index:-1; } .groupCon .tit h3 { display:block; width:160px; height:160px; margin:0 auto; border-radius:50%; background:#183687; line-height:160px; text-align:center; color:#fff; font-size:22px; } .groupCon .tit p { margin:12px 0 0 calc(50% + 105px); width:173px; height:54px; background:#183687; line-height:54px; text-align:center; color:#fff; font-size:18px; font-weight:700; } .groupCon ul { width:100%; overflow:hidden; position:relative; } .groupCon ul:before { content:""; display:block; position:absolute; top:0; left:8.5%; width:83%; height:1px; background:#ddd; } .groupCon li { float:left; width:16.66%; text-align:center; position:relative; } .groupCon li:before { content:""; display:block; width:1px; height: 50px; background:#ddd; position:absolute; top:0; left:50%; } .groupCon li dl { width:80%; margin:50px auto 0; font-size:18px; } .groupCon li dt { width:100%; height:54px; background:#183687; color:#fff; line-height:54px; font-weight:700; } .groupCon li:first-child dt { background:#183687; } .groupCon li dd { margin-top:10px; width:100%; height:54px; line-height:52px; color:#666; text-align:center; box-sizing:border-box; border:1px solid #ddd; background:#fff; font-weight:500; } /*인증 및 수상*/ .awardCon .list { margin-top:40px; overflow: hidden; text-align: center; } .awardCon .list li { float: left; width:200px; margin:0 0 50px 20px; } .awardCon .list li a { display: block; width:100%; overflow: hidden; } .awardCon .list li div { width:100%; height:250px; box-sizing:border-box; border:1px solid #ddd; background:#f2f2f2; overflow: hidden; } .awardCon .list li div p { margin:10px; width:calc(100% - 20px); height:calc(100% - 20px); background: #fff url(/img/sub/bg_ex.gif) no-repeat center; position: relative; overflow: hidden; } .awardCon .list li div p img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; max-height:100%; } .awardCon .list li a > p { margin-top:15px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; } .awardCon .list li:nth-child(6n+1) { margin-left:0; } /* 연구개발 */ .result_list { margin-top:40px; overflow: hidden; } .result_list li { float: left; width:23.5%; overflow: hidden; margin:0 0 10px 2%; } .result_list li:nth-child(4n+1) { margin-left: 0; } .result_list li a { display: block; width:100%; overflow: hidden; position: relative; } .result_list li div { width:100%; overflow: hidden; position: relative; } .result_list li div p { width:100%; padding-bottom:70%; position: relative; overflow: hidden; } .result_list li div p img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; max-height:100%; } .result_list li a > p { margin-top:3px; overflow: hidden; font-size:16px; line-height:180%; text-overflow:ellipsis; white-space:nowrap; } /*인재채용*/ #cont.psnCon { padding-bottom:0; } .psn1Box { width:100%; min-height:740px; background:url(/img/sub/bg_psn1.jpg) no-repeat center; background-size:cover; overflow:hidden; } .psn1Box .tit { text-align:center; color:#fff; margin-top:120px; } .psn1Box .tit dt { font-size:32px; line-height:120%; font-weight:700; } .psn1Box .tit dd { margin-top:15px; font-size:22px; } .psn1Box ul { margin:30px auto 0; width: 100%; max-width:1300px; overflow:hidden; text-align:center; } .psn1Box li { margin:60px 5px 0; display:inline-block; vertical-align:top; width:45%; max-width:300px; height:310px; background:#f6f6f6; box-shadow:0 0 10px rgba(0,0,0,.5); } .psn1Box li:first-child { margin-top:0; background:#1c3784 url(/img/sub/bg_psn11.gif) no-repeat top center; } .psn1Box li:first-child div { display:table; width:100%; height:100%; text-align:center; } .psn1Box li:first-child dl { display:table-cell; vertical-align:middle; color:#fff; } .psn1Box li dt { font-size:32px; line-height:120%; font-weight:700; } .psn1Box li dd { font-size:20px; line-height:120%; margin-top:10px; } .psn1Box li i { margin-top:50px; display:inline-block; font-family: 'Exo', sans-serif; font-size:20px; border-bottom:1px solid #333; color:#333; font-style:normal; } .psn1Box li img { display:block; margin:30px auto 0; } .psn1Box li p { text-align:center; margin-top:40px; line-height:150%; font-size:18px; font-weight:500; color:#333; } .psn2Box { padding:110px 0 150px; } .psn2Box h4 { text-align:center; font-size:32px; line-height:120%; color:#333; font-weight:700; } .psn2Box h4 span { display:block; color:#888; font-size:20px; line-height:120%; } .psn2Box ul { margin:60px auto 0; width:100%; overflow:hidden; text-align:center; } .psn2Box li { display:inline-block; vertical-align:top; } .psn2Box li:before { content:""; display:block; float:left; width:26px; height:50px; background:url(/img/sub/bullet_process.gif) no-repeat; margin:55px 25px 0; } .psn2Box li:first-child:before { display:none; } .psn2Box li:last-child:before { background:url(/img/sub/bullet_process_blue.gif) no-repeat; } .psn2Box li div { float:left; width:156px; height:156px; border-radius:50%; border:8px solid #eee; box-sizing:border-box; display:table; } .psn2Box li div p { display:table-cell; vertical-align:middle; font-size:18px; line-height:150%; font-weight:500; } .psn2Box li:last-child div { border:none; background:#1e4cc2; } .psn2Box li:last-child div p { color:#fff; } .psn3Box { width:100%; min-height:740px; background:url(/img/sub/bg_psn3.jpg) no-repeat center; background-size:cover; overflow:hidden; text-align:center; box-sizing:border-box; padding:140px 0 120px; } .psn3Box h4 { font-size:32px; line-height:120%; color:#fff; font-weight:700; } .psn3Box h4 span { display:block; color:#fff; font-size:20px; line-height:120%; font-weight:400; } .psn3Box p { margin-top:25px; font-size:20px; line-height:120%; color:#fff; } .psn3Box ul { margin-top:60px; width:100%; overflow:hidden; } .psn3Box li { display:inline-block; vertical-align:top; width:360px; height:310px; margin:0 20px 15px; background:#fff; overflow:hidden; } .psn3Box li img { margin-top:60px; } .psn3Box li dl { margin-top:22px; } .psn3Box li dt { font-size:18px; font-weight:700; color:#000; } .psn3Box li dd { margin-top:15px; font-size:18px; line-height:140%; color:#666; } .psn4Box { padding:130px 0 120px; } .psn4Box h4 { text-align:center; font-size:32px; line-height:120%; color:#333; font-weight:700; } .psn4Box h4 span { display:block; color:#888; font-size:20px; line-height:120%; } .psn4Box ul { margin:60px auto 0; width:100%; overflow:hidden; text-align:center; } .psn4Box li { float:left; width:25%; text-align:center; } .psn4Box li i { display:block; margin:0 auto; width:142px; height:142px; border-radius:50%; background:#f5f5f5; position:relative; } .psn4Box li i img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; } .psn4Box li dl { text-align:center; } .psn4Box li dt { margin-top:30px; color:#000; font-size:20px; font-weight:700; line-height:140%; } .psn4Box li dd { margin-top:15px; font-size:18px; line-height:140%; } /*오시는 길*/ .mapCon { } .mapCon .map { width:100%; height:510px; } .mapCon .map iframe { width:100%; height:100%; } .mapCon ul { margin-top:70px; overflow:hidden; border-top:2px solid #183687; } .mapCon li { border-bottom:1px solid #ddd; float:left; width:50%; min-height:160px; overflow:hidden; padding:30px; box-sizing:border-box; } .mapCon li i { float:left; display:block; width:100px; height:100px; border-radius:50%; background:#183687; position:relative; } .mapCon li i img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; } .mapCon li dl { float:left; margin:5px 0 0 30px; width:calc(100% - 150px); } .mapCon li dt { font-size:22px; line-height:120%; color:#000; font-weight:700; letter-spacing:-.5px; } .mapCon li dd { margin-top:8px; font-size:18px; line-height:150%; } /*전경*/ .foreCon { overflow:hidden; } .foreCon .menu { text-align:center; } .foreCon .menu li { display:inline-block; vertical-align:top; } .foreCon .menu li:before { content:""; display:block; width:5px; height:5px; border-radius:50%; background:#aaa; display:inline-block; vertical-align:top; margin:9px 10px 0; } .foreCon .menu li:first-child:before { display:none; } .foreCon .menu li span { color:#aaa; font-size:20px; font-weight:700; cursor:pointer; } .foreCon .menu li.on span { color:#183687; } .foreCon .inner > article { margin-top:50px; position:relative; } .foreCon .inner > article li div { height:auto; max-height:620px; overflow:hidden; } .foreCon .bn { position:absolute; top:460px; right:50px; width:395px; height:200px; overflow:hidden; background:#183687; z-index:999; } .foreCon .bn h4 { margin:48px 0 0 50px; font-size:22px; line-height:120%; color:#fff; font-weight:700; overflow:hidden; } .foreCon .bn > p { margin:60px 0 0 50px; font-size:16px; font-weight:300; color:#fff; } .fornBnBox > article { display: none; } .foreCon .bn .btn { position:absolute; bottom:0; right:0; } .foreCon .bn .btn p { float:left; } .foreCon .bn .btn p a { display:block; width:50px; height:50px; font-size:0; } .foreCon .bn .btn .left a { background:#1e4cc2 url(/img/sub/btn_bn_prev.png) no-repeat center; } .foreCon .bn .btn .right a { background:#092778 url(/img/sub/btn_bn_next.png) no-repeat center; } /*게시판*/ .boardCon > article { width:1300px; margin: 65px auto 0; } .search { width:100%; height:75px; background:#fff; box-sizing:border-box; border:1px solid #ddd; } .search select { float:left; width:175px; height:100%; border:none; border-right:1px solid #ddd; font-size:18px; color:#555; padding-left:20px; box-sizing:border-box; } .search input[type='text'] { display:block; float:left; width:calc(100% - 250px); height:100%; border:none; text-indent:30px; font-size:18px; color:#999; } .search input[type='button'], input[type='submit'] { display:block; float:left; width:75px; height:73px; background:#183687 url(/img/sub/icon_search.gif) no-repeat center; border:none; cursor:pointer; } .search { width:100%; height:75px; background:#fff; box-sizing:border-box; border:1px solid #ddd; } .search select { float:left; width:175px; height:100%; border:none; border-right:1px solid #ddd; font-size:18px; color:#555; padding-left:20px; box-sizing:border-box; } .search input[type='text'] { display:block; float:left; width:calc(100% - 250px); height:100%; border:none; text-indent:30px; font-size:18px; color:#999; } .search input[type='button'], input[type='submit'] { display:block; float:left; width:75px; height:73px; background:#183687 url(/img/sub/icon_search.gif) no-repeat center; border:none; cursor:pointer; } .search_product { margin:40px auto 0; width:650px; height:75px; background:#fff; box-sizing:border-box; border:1px solid #ddd; } .search_product input[type='text'] { display:block; float:left; width:calc(100% - 75px); height:100%; border:none; text-indent:30px; font-size:18px; color:#999; } .search_product input[type='button'], input[type='submit'] { display:block; float:left; width:75px; height:73px; background:#183687 url(/img/sub/icon_search.gif) no-repeat center; border:none; cursor:pointer; } .search_product_n {} .search_product_n > div { margin:0 auto; width:650px; height:75px; background:#fff; box-sizing:border-box; border:1px solid #ddd;} .search_product_n input[type='text'] { display:block; float:left; width:100%; height:100%; border:none; text-indent:30px; font-size:18px; color:#999; } .paging { margin-top:45px; width:100%; overflow:hidden; text-align:center; } .paging li { display:inline-block; vertical-align:top; } .paging li a { display: block; width:40px; height:40px; box-sizing:border-box; background: #fff; color: #999; border:1px solid #bbb; line-height:40px; font-size:14px; } .paging li.on a { display: block; width:40px; height:40px; box-sizing:border-box; background: #183687; color: #fff; border-color:#183687; line-height:40px; font-size:14px; } .paging li.btn a { border: 1px solid #bbb; position: relative; background: #fff; } .paging li.btn a img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; } .tabM { margin-top: 45px; overflow: hidden; } .tabM li { float: left; position: relative; } .tabM li:not(:first-child):before { content:""; display: block; float: left; width:1px; height:20px; background:#959595; margin:8px 10px 0; } .tabM li a { font-size:20px; color:#383636; font-weight: 700; line-height: 180%; } .tabM li.on a { color:#183687; } .tabM + .basicList { margin-top:20px; } .basicList { margin-top:50px; border-top:2px solid #183687; width: 100%; overflow: hidden; } .basicList li { border-bottom:1px solid #ddd; width: 100%; height: 100px; overflow: hidden; display: table; } .basicList li > a { display: block; width:100%; height:100px; } .basicList li > a div { display: block; width: 100%; height: 100px; } .basicList li p { float: left; line-height:100px; font-size:18px; letter-spacing: -.3px; width:20%; } .basicList li.thTop { padding:0; height: 80px; } .basicList li.thTop p { text-align: center; color:#1b1b1b; font-weight: 700; height: 80px; line-height:80px; background: #f3f3f3; } /* .basicList li a div p { width:20%; } */ .basicList li .number { width:8%; text-align: center; color: #aaa; font-size:20px; font-weight: 700; } .basicList li .number img { margin-top:40px; } .basicList li .subject { width:84%; } .basicList li .subject span { display: inline-block; width:auto; max-width:90%; color:#333; vertical-align: middle; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; } .basicList li .subject img { display: inline-block; margin:37px 0 0 5px; vertical-align: top; } .basicList li .date { width:8%; color: #999; } .basicList li .file { width:8%; } .basicList li .file a { display: inline-block; } .basicList li .file img { vertical-align: middle; display: inline-block; position: relative; z-index:88; } .basicList li em { margin-right:15px; font-size:18px; letter-spacing: -.5px; } .basicList li em.icon_notice { color: #186987; } .basicList li em.icon_event { color: #183687; } .boardView { overflow: hidden; } .boardView > article { overflow: hidden; } .boardView .tit { width: 100%; height:190px; border-top:1px solid #183687; border-bottom:1px solid #ddd; text-align: center; overflow: hidden; } .boardView .tit h4 { margin-top: 55px; font-size:30px; line-height:130%; color:#000; width: 100%; overflow:hidden; } .boardView .tit p { text-align: center; margin-top:20px; color: #999; font-size:18px; line-height:120%; } .boardView .content { overflow: hidden; padding:40px 0; box-sizing:border-box; font-size:18px; line-height:120%; } /*.boardView .content p { margin-top:40px; }*/ .boardView .content p { margin-top:0; line-height:1.3 } .boardView .file { margin:130px 0 30px; overflow: hidden; width: 100%; background: #fff; box-sizing:border-box; padding:0; } .boardView .file a { line-height:30px; color: #555; font-size:16px; padding:20px 40px; display:block; } .boardView .file a img { margin-right:5px; } .answerBox { border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 0; } .answerBox h5 { font-size:20px; font-weight: 500; color:#333; } .answerBox > div { margin-top:10px; font-size:16px; font-weight: 300; } .prevNext { border-top:1px solid #ddd; width: 100%; overflow: hidden; } .prevNext li { border-bottom:1px solid #ddd; width: 100%; height: 100px; box-sizing:border-box; display: table; overflow: hidden; } .prevNext li > p { display: table-cell; vertical-align: middle; padding-left:25px; color: #183687; font-size:18px; font-weight: 700; width:12%; min-width:100px; } .prevNext li > p img { margin-right:30px; vertical-align: middle; } .prevNext li a { display: table-cell; vertical-align: middle; color:#555; font-size:18px; overflow:ellipsis; white-space:nowrap; } .boardView p.btn { margin:60px auto 0; display: block; width: 260px;} .boardView p.btn a { display: block; width:100%; height:75px; background: #183687; color:#fff; font-size:18px; line-height:75px; text-align: center; } .mt25 { margin-top: 25px; line-height: 120%; } /*tbl*/ .tblbox { margin-top: 50px; border-top:2px solid #183687; } .boardTbl { } .boardTbl th { border-bottom:1px solid #dadada; background: #f3f3f3; color: #1b1b1b; font-size:18px; font-weight: 700; height: 85px; } .boardTbl td { border-bottom:1px solid #dadada; padding-top:15px; padding-bottom:15px; /* height: 80px; line-height: 80px; */ line-height:120%; text-align: center; } .boardTbl td:first-child { font-size:20px; font-weight: 900; color: #b4b4b4; } .boardTbl td.sm_subject em.icon_notice { color: #186987; } .boardTbl td.sm_subject em.icon_event { color: #183687; } .boardTbl td.sm_subject.left { text-align: left; line-height:130%; box-sizing:border-box; padding-right:10px; } .boardTbl td.subject { text-align: left; } .boardTbl td.subject a { color: #333; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; /* font-size:20px; */ line-height: 150%; } .boardTbl td.subject a.btn { color: #333; overflow: auto; text-overflow:unset; word-break:keep-all; white-space: normal; } .boardTbl td.subject a span { float: left; display: block; width:auto; max-width:calc(100% - 40px); text-overflow:ellipsis; white-space:nowrap; overflow: hidden;} .boardTbl td.subject a img { float: left; display: block; vertical-align: middle; margin-left: 5px; } .boardTbl td .anTit { display: none; } .boardTbl td .an_ok { font-size:18px; font-weight: 700; color: #183687; } .boardTbl td .an_cn { font-size:18px; font-weight: 700; color: #7e7e7e; } .boardTbl td .an_hidden { display: none; } .boardTbl td.file { text-align: center; } .boardTbl td.file a { display: inline-block; vertical-align: middle; } /*대리점안내*/ .agencyList { overflow: hidden; } .agencyList li { float: left; margin:0 0 20px 1%; width:48%; height:195px; box-sizing:border-box; border:1px solid #ddd; background: #fff; display: table; } .agencyList li div { display: table-cell; vertical-align: middle; width:40%; text-align: center; height:150px; } .agencyList li div img { max-width:80%; max-height:180px; } .agencyList li dl { display: table-cell; vertical-align: middle; width: 60%; text-align: left; } .agencyList li dt { border-bottom:2px dashed #ddd; width: 90%; overflow: hidden; padding-bottom:10px; color:#183687; font-size:18px; font-weight: 700; } .agencyList li dt span { font-size:15px; font-weight: 300; display: inline-block; vertical-align: bottom; margin-left: 5px; } .agencyList li dt p { display: inline-block; color:#666; font-weight: 700; position: relative; margin-left:15px; padding-left:15px; } .agencyList li dt p:before { content:""; display: block; width:1px; height:15px; background:#999; position: absolute; top: 4px; left: 0; } .agencyList li dd { margin-top:15px; font-size:18px; line-height:120%; } /*카탈로그*/ .catalogList { margin-top: 40px; overflow: hidden; border-bottom:1px solid #ddd; } .catalogList li { float: left; margin:0 0 50px 20px; width:200px; overflow: hidden; } .catalogList li:nth-child(6n+1) { margin-left: 0; } .catalogList li a { overflow: hidden; } .catalogList li div { width:100%; height:250px; box-sizing:border-box; border:1px solid #ddd; background: #fff; position: relative; } .catalogList li div img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; max-width: 90%; max-height: 90%; } .catalogList li p { text-align: center; margin-top:15px; font-size:16px; padding:3px 0; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; } /*1:1문의*/ .boardCon .txt { width: 100%; overflow: hidden; box-sizing:border-box; border:1px solid #ddd; background: #fff; padding:35px 40px; } .boardCon .txt li { position: relative; font-size:18px; line-height:120%; margin-top: 5px; box-sizing:border-box; padding-left:15px; } .boardCon .txt li:first-child { margin-top:0; } .boardCon .txt li:before { content:""; display: block; width:3px; height:3px; background:#555; position: absolute; top: 9px; left:0; } .boardCon .txt li span { color:#1898f2; border-bottom:1px solid #1898f2; } .boardCon .tbl { margin-top:40px; border-top:2px solid #183687; width:100%; } .boardCon .tbl th { border-bottom:1px solid #ddd; width:215px; text-align: left; background: #f3f3f3; color:#333; font-size:18px; font-weight: 700; text-indent:30px; vertical-align: top; padding-top:40px; } .boardCon .tbl td { border-bottom:1px solid #ddd; width:calc(100% - 215px); padding:25px 30px; } .boardCon .tbl td select { width: 370px; height: 50px; box-sizing:border-box; border:1px solid #ddd; background: #fff url(/img/sub/bg_bullet.gif) no-repeat 95% center; font-size:16px; padding-left:10px; } .boardCon .tbl td input { border:1px solid #ddd; width: 95%; height:50px; box-sizing:border-box; text-indent:10px; font-size:16px; } .boardCon .tbl td textarea { width:100%; height:480px; box-sizing:border-box; border:1px solid #ddd; padding:10px; font-size:16px; } .boardCon .btn_inquiry { margin:60px auto 0; width:260px; } .boardCon .btn_inquiry a { display: block; width:100%; height:75px; background:#183687; line-height:75px; text-align: center; color: #fff; font-size:18px; } .boardCon .btn_inquiry button { display: block; width:100%; height:75px; background:#183687; line-height:75px; text-align: center; color: #fff; font-size:18px; border:none; } /*글로벌 네트워크*/ .globalCon { } .globalCon .global { width:100%; height:695px; background:#fafafa; overflow: hidden; } .globalCon .global h4 { margin-top: 75px; text-align: center; color:#183687; font-size:36px; line-height:120%; font-weight: 700; text-indent:10px; letter-spacing:10px; } .globalCon .global > div { margin-top: 20px; overflow: hidden; text-align: center; } .globalCon .nation { max-width:1300px; margin:70px auto 0; overflow: hidden; } .globalCon .nation .menu { width:100%; height: 60px; background: #fff; box-shadow:0 0 15px rgba(0,0,0,.3); position: relative; } .globalCon .nation .menu:before { content:""; display: block; width:100%; height:100%; box-sizing:border-box; border:1px solid #ddd; position: absolute; top: 0; left: 0; } .globalCon .nation .menu li { float: left; width:25%; height: 100%; } .globalCon .nation .menu li a { display: table; width:100%; height:100%; text-align: center; font-size:17px; letter-spacing: -.3px; position: relative; } .globalCon .nation .menu li a span { display: table-cell; vertical-align: middle; text-align: center; } .globalCon .nation .menu li.on a { color:#183687; } .globalCon .nation .menu li.on a:before { content:""; display: block; width:100%; height:2px; background:#183687; position: absolute; top: 0; left: 0; } .globalCon .tabContent { margin-top:40px; overflow: hidden; } .globalCon .nation .tabContent article:not(:first-child) { display: none; } .globalCon .list { overflow: hidden; } .globalCon .list li { float: left; box-sizing:border-box; border:1px solid #ddd; width:49%; height:185px; margin:0 0 2% 2%; box-sizing:border-box; padding:40px; } .globalCon .list li:nth-child(odd) { margin-left: 0; } .globalCon .list li h5 { font-size:18px; font-weight: 700; color:#183687; letter-spacing: -.5px; } .globalCon .list li div { margin-top:15px; overflow: hidden; } .globalCon .list li .img { float: left; width: 100px; height: 65px; } .globalCon .list li .img img { /* width:100%; */ max-width:100%; max-height:100%; } .globalCon .list li .txt { float: left; margin-left:30px; width:calc(100% - 130px); font-size:18px; line-height:140%; color:#555; } /*GMO*/ .gmoCon { position: relative; word-break:keep-all; padding:120px 0 0 0; } .gmoCon:before { content:""; display: block; width:100%; height:490px; background:#fafafa; position: absolute; top: 0; left: 0; z-index:-1; } .gmoCon.allergy:before { /* height:380px; */ height:450px; } .gmoCon.allergy .tabMenu2 li { width:20%; } .menuList { text-align: center; overflow: hidden; margin-top: 70px; } .menuList li { display: inline-block; vertical-align: top; color:#999; font-size:22px; line-height:160%; position: relative; padding:0 15px; font-style:normal; cursor:pointer; } .menuList li:before { content:""; display: block; width:5px; height:5px; border-radius:50%; background: #999; position: absolute; top: 17px; left: -5px; } .menuList li:first-child:before { display: none; } .menuList li.on { color:#183687; } .tab_Mbox { text-align: center; overflow: hidden; margin:70px auto 0 auto; width:100%; max-width:640px; } .tab_Mbox li { display:inline-block; color:#183687; font-size:18px; font-weight:400; line-height:14px; padding:14px 0 16px 0; position:relative; width:calc(50% - 4px); font-style:normal; cursor:pointer; border:1px solid #ddd; margin:0 -2px; } .tab_Mbox li.on { color:#fff; background-color:#183687; border:1px solid #183687; } .tab_Mbox.tab3 li { width:calc(33.333% - 4px); margin:0 -2.5px; } .tab_Mbox.tab3 li.on { margin:0 -2px; } .topBtn { position: absolute; top: 65px; left: 50%; margin-left:280px; width:380px; } .topBtn li { float: left; margin: 0 10px 0 0; } .topBtn li a { display: block; width:180px; height:45px; box-sizing:border-box; line-height:43px; text-align: center; border:1px solid #1898f2; color:#1898f2; font-size:16px; font-weight: 700; border-radius:22px; } .topBtn.one { width:180px; margin-left:470px; } .topBtn2 { margin:40px auto 10px; overflow: hidden; width:1300px; /* top: 65px; left: 50%; margin-left:280px; width:380px; */ } .topBtn2 li { display: inline-block; vertical-align: top; float: right; margin: 0 10px 0 0; } .topBtn2 li a { display: block; width:180px; height:45px; box-sizing:border-box; line-height:43px; text-align: center; border:1px solid #1898f2; color:#1898f2; font-size:16px; font-weight: 700; border-radius:22px; } .gmoCon .tabMenu2 { max-width: 1300px; width:auto; height: 60px; box-shadow:0 0 8px rgba(0,0,0,.2); background: #fff; margin: 50px auto 0; } .gmoCon .tabMenu2 li { float: left; width:16.66%; height: 100%; text-align: center; display: table; cursor:pointer; } .gmoCon .wid_special .tabMenu2 li { width:14.285%; } .gmoCon .tabMenu2 li.on { position: relative; } .gmoCon .tabMenu2 li.on:before { content:""; display: block; width:100%; height:2px; background:#183687; position: absolute; top: 0; left: 0; } .gmoCon .tabMenu2 li a { display: table-cell; vertical-align: middle; font-size:17px; } .gmoCon .tabMenu2 li.on a { color: #183687; font-weight: 700; } .gmoCon .tabContent > article { display: none; } .gmoCon .tit { overflow: hidden; margin: 50px auto 0; max-width: 1300px; width:100%; font-size:18px; } .gmoCon .tit dt { line-height:120%; font-weight: 700; color: #000; } .gmoCon .tit dd { margin-top: 20px; line-height:150%; } .gmoCon .txtBox { margin-top:80px; overflow: hidden; /* background: #fff; */ background: #fff; } .gmoCon .txtBox .box { width: 100%; overflow: hidden; } .gmoCon .txtBox .box i { float: left; display: block; } .gmoCon .txtBox .box p { margin-left:25px; width:auto; float: left; } .gmoCon .txtBox > div { max-width: 1300px; margin: 0 auto; overflow: hidden; border-bottom:1px solid #ddd; padding:70px 0; } .gmoCon .txtBox h4 { float: left; width:215px; color:#000; font-size:26px; line-height:120%; font-weight: 700; padding-left:20px; position: relative; } .gmoCon .txtBox h4:before { content:""; display: block; width:12px; height:12px; box-sizing:border-box; border:3px solid #183687; position: absolute; top: 10px; left: 0; } .gmoCon .txtBox h4 span { display: block; } .gmoCon .txtBox > div > div { float: left; width:calc(100% - 235px); overflow: hidden; } .box_sch .list { float: left; } .box_sch .btn { float: right; } .box_sch .btn a { display: block; width:195px; height:50px; line-height: 50px; text-align: center; background:#183687; color: #fff; letter-spacing:-.5px; margin-bottom: 5px; } .gmoCon .txtBox .list { overflow: hidden; margin-bottom: 10px; } .gmoCon .txtBox .list li { position: relative; padding-left:10px; font-size:18px; line-height:150%; letter-spacing: -.5px; } .gmoCon .txtBox .list li:not(.bold):before { content:""; display: block; width:3px; height:3px; background:#555; position: absolute; top: 12px; left: 0; } .gmoCon .txtBox .list li.bold { font-weight: 500; padding-left: 0; color: #333; } .gmoCon .txtBox .list li span { font-weight: 500; color: #333; display: block; margin-top:5px; } .gmoCon .txtBox p { font-size:16px; line-height: 130%; } .gmoCon .dotList { overflow: hidden; } .gmoCon .dotList li { float: left; } .gmoCon .dotList li:before { content:""; display: block; margin:49px 8px 0; float: left; width:8px; height:14px; background:url(/img/sub/bullet_list.gif) no-repeat center; } .gmoCon .dotList li:first-child:before { display: none; } .gmoCon .dotList li div { width:112px; height:112px; border-radius:50%; background: #183687; display: table; text-align: center; float: left; } .gmoCon .dotList li p { display: table-cell; vertical-align: top; color: #fff; font-size:18px; line-height:120%; font-weight: 700; padding-top: 24px; } .gmoCon .dotList li p span { display: block; margin-bottom: 5px; } .gmoCon .process { margin-top:50px; overflow: hidden; box-sizing:border-box; border:1px solid #ddd; background: #fafafa; } .gmoCon .process li { border-top:1px solid #ddd; width: 100%; overflow: hidden; padding-bottom: 20px;} .gmoCon .process li:first-child { border-top:none; } .gmoCon .process li i { display: block; float: left; width:85px; height:85px; border-radius:50%; background: #fff; position: relative; margin:25px 0 0 20px; } .gmoCon .process li i img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; } .gmoCon .process li dl { float: left; margin:30px 0 0 25px; width:calc(100% - 150px); padding-bottom: 20px; } .gmoCon .process dt { color:#000; font-weight: 700; font-size:22px; line-height:120%; margin-bottom: 10px; } .gmoCon .process dt.mt { margin-top:25px; } .gmoCon .process dd { font-size:17px; line-height:140%; letter-spacing: -.8px; margin-top: 5px; } .gmoCon .process dd .red { color:#e20c0c; } .gmoCon .process dd .blue { color:#1898f2; text-decoration:underline; } .gmoCon .process dd.mt10 a { display: block; margin-top:5px; } .gmoCon .process dt+dd { margin-top: 0; } .gmoCon .process dd .blueLink { display: block; float: left; margin: 20px 10px 0 0; width:180px; height:45px; box-sizing:border-box; line-height:43px; text-align: center; border:1px solid #1898f2; color:#1898f2; font-size:16px; font-weight: 700; border-radius:22px; } .gmoCon table { width:100%; border-top:2px solid #183687; border-right:1px solid #ddd; box-sizing:border-box; } .gmoCon th { background:#fafafa; height:60px; color:#000; font-size:18px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; } .gmoCon td { height:60px; font-size:18px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align: center; line-height:140%; } /* .gmoCon th:first-child:not(.first), .gmoCon td:first-child { border-left:none; } */ .gmoCon .txtTbl td:nth-child(2) { text-align: left; padding:15px 20px; overflow: hidden; font-size:17px; } .gmoCon.form:before { height: 250px; } /*검사신청폼*/ .markBox { overflow: hidden; } .markBox i { display: block; float: left; } .markBox p { display: block; float: left; width:calc(100% - 110px); margin-left: 20px; line-height:150%; font-size:16px; } .title { overflow: hidden; margin-top: 35px; } .title dt { float: left; font-size:22px; line-height:120%; font-weight: 700; color: #323232; position: relative; padding-left:20px; } .title dt:before { content:""; display: block; width:10px; height:10px; background:#193787; position: absolute; top: 10px; left: 0; } .title dd { float: right; color:#656565; font-size:16px; letter-spacing: -.5px; position: relative; padding-left:15px; } .title dd:before { content:""; display: block; width:5px; height:5px; border-radius:50%; background: #ff8340; position: absolute; top: 7px; left: 0; } .tbl { margin-top:15px; width: 100%; border-top:2px solid #183687; background: #fafafa; } .tbl th { text-align: left; background: #f3f3f3; text-indent:18px; } .tbl th.first { text-align: center; text-indent:0; } .tbl th span { position: relative; padding-left:15px; } .tbl th span:before { content:""; display: block; width:5px; height:5px; border-radius:50%; background: #ff8340; position: absolute; top: 12px; left: 0; } .tbl td { text-align: left; padding:10px 20px; } .tbl td.subject.line { text-decoration:underline; } .tbl td input { border:1px solid #e1e1e1; background: #fff; box-sizing:border-box; height:40px; width: 100%; } .tbl td.address > div { overflow: hidden; } .tbl td.address > div input { width:280px; } .tbl td.address > div.mb { margin-top:10px; } .tbl td.address > div.mb input:first-child { margin-right:10px; width: 60%; } .tbl td.address input { float: left; } .tbl td.address input[type='button'] { float: left; margin-left:10px; background: #193787; color: #fff; cursor:pointer; font-size:16px; } .checkbox.mt35 { margin-top:35px; } .checkbox.right { text-align: right; float: right; } .txt_form { margin-top:5px; } .txt_form li { font-size:16px; line-height:150%; color: #696969; } .receiveBox { margin-top:15px; border-top:2px solid #183687; border-bottom:1px solid #dadada; background: #fafafa; padding:20px; } .receiveBox ul { overflow: hidden; } .receiveBox li { color: #626262; float: left; margin-right:30px; } .receiveBox ul + input { margin-top:10px; overflow: hidden; width: 100%; height: 40px; border:1px solid #e1e1e1; } .etc { margin-top: 20px; width:100%; /* height:200px; */ box-sizing:border-box; /* background:#f3f3f3; */ } .etc textarea { width: 100%; height:200px; overflow: hidden; background:#fafafa; border:1px solid #d8d8d8; font-size:15px; font-weight: 300; } .etc > p { margin-top:30px; text-align: center; font-size:18px; color:#656565; line-height:120%; font-weight: 300; float: left; } .etc > p select { float: left; background-color: #fff; } .etc { /* background: #fafafa; */margin-top: 0; overflow: hidden; } .etc > p { float: left; margin-top: 0; line-height: 60px; text-indent:10px; } .etc > p select { float: left; margin:15px 0 0 20px; width:50px; } .etc .btn { margin-top:50px; text-align: center; } .etc .btn li { display: inline-block; vertical-align: top; margin:0 10px; } .etc .btn li input { width:260px; height:80px; background:#193787; border:none; cursor:pointer; color:#fff; font-size:18px; font-weight: 700; } .etc .btn li.first input { background:#dcdcdc; color:#363636; } .txtBox .mgt { margin:30px 0 20px; } .hintsList { margin-top: 25px; overflow: hidden; box-sizing:border-box; border:1px solid #d8d8d8; background: #fafafa; padding:25px; } .hintsList dt { font-size:20px; font-weight: 700; margin-bottom:20px; } .hintsList dd { overflow: hidden; padding-left:25px; position: relative; margin-top: 10px; line-height: 130%; color: #656565; } .hintsList dd:before { content:""; display: block; width:16px; height:16px; background:url(/img/sub/icon_bullet.gif) no-repeat left center; position: absolute; top: 3px; left: 0; } .hintsList + div { margin-top:10px; text-align: right; } .listRadio { overflow: hidden; border-top:2px solid #183687; border-bottom:1px solid #dadada; background: #fafafa; padding:20px 0; } ul.listRadio { overflow: hidden; margin-top: 15px; } .listRadio ul { overflow: hidden; } .listRadio li { float: left; margin:0 0 5px 20px; } .listRadio p { clear:both; width:95%; margin:15px 0 0 20px; height: 38px; box-sizing:border-box; } .listRadio p input { border:1px solid #dadada; width: 100%; height:100%; } .chk_listBox { overflow: hidden; } .chk_listBox li { float: left; margin-right:20px; line-height:40px; } .chk_listBox li div { display: inline-block; vertical-align: top; } .chk_listBox.listBox li { width: 100%; overflow: hidden; margin-bottom:5px; } .chk_list.w100 li { width: 100%; margin-top: 5px; } .chk_list.w100 li:first-child { margin-top: 0; } .chk_list li { float: left; margin-right: 20px; line-height:35px; } .chk_list li input { float: left; width:380px; height:50px; vertical-align: top; } .chk_list.w100 li div { display: block; clear:both; } .gmoCon .txtBox > div.lastNone { border-bottom:none; } .chk_listBox li input.size { width:50px; } /*제품목록*/ .pdCon > article { max-width: 1300px; width:100%; margin: 0 auto; } .pdCon h4 { margin-top: 60px; position: relative; font-size:26px; line-height:120%; color:#000; font-weight: 700; padding-left:20px; width: 100%; overflow: hidden; } .pdCon h4:before { content:""; display: block; width:12px; height:12px; box-sizing:border-box; border:3px solid #183687; position: absolute; top: 12px; left: 0; } .pdCon h4 span { float: right; margin-right: 20px; font-size:14px; color: #666; vertical-align:bottom; display: inline-block; font-weight: 400; } .pdCon h4 span:before { content:""; display: inline-block; vertical-align: top; width:5px; height:5px; background:#ff9226; margin:13px 5px 0 0; } .pdCon h4.none:before { display: none; } .pdCon h4 i.ci { background: #193787; vertical-align: middle; line-height:18px; text-indent:0; width:45px; text-decoration:none; text-align:center; font-weight:400; margin:-4px 0 0 0; } .pdCon h4 i.ci.ci-1 { font-size:11px; font-weight:bold; letter-spacing:-1px; padding:1px 5px; border-radius:15px;} .pdCon ul { margin-top:20px; overflow: hidden; background: #fff; box-sizing:border-box; border:1px solid #ddd; border-top:2px solid #183687; box-shadow:0 0 5px rgba(0,0,0,.2); } .pdCon ul > li { float: left; width: calc(100% / 4); min-height: 150px; box-sizing:border-box; border-bottom:1px solid #ddd; border-left:1px solid #ddd; display:table; font-size:16px; } .pdCon ul > li:nth-of-type(4n + 1){ border-left: none; } .pdCon ul > li:last-of-type{ border-right: 1px solid #ddd; } .pdCon ul > li.on, .pdCon p.on { border-right:1px solid #ddd !important; margin:0 0 -1px -1px; width:calc(25% + 1px); width:calc(25% + 2px)0\; } .pdCon ul > li.on:nth-child(4n+1), .pdCon p.on:nth-child(4n+1) { border-left:1px solid #ddd !important; } .pdCon ul > li a { display: table-cell; vertical-align: middle; text-align: center; line-height:180%; padding:0 5px; word-break:break-all; } .pdCon ul > li a:hover, .pdCon dd p a:hover{ color:#1898f2; text-decoration:underline; box-sizing:border-box; } /* .pdCon li a i { display: inline-block; vertical-align: top; margin:3px 0 0 8px; width:35px; height:18px; line-height:18px; font-family:"Dotum"; font-size:11px; background:#1898f2; color:#fff; text-transform: uppercase; font-size:8px; font-style:normal; border-radius:9px; } */ .pdCon .new-box > li { width:50%; height:330px; border-left:1px solid #ddd; } .pdCon .new-box > li:nth-child(2n) { border-right:none; } .pdCon .new-box > li a { text-decoration:none; width:100%; } .pdCon .new-box > li a:hover { text-decoration:none; } .pdCon .new-box > li a > span { display:table-cell; vertical-align:middle; text-align:left; } .pdCon .new-box > li .imgbox { width:43%; } .pdCon .new-box > li .imgbox img { width:100%; max-width:300px; } .pdCon .new-box > li .txtbox { padding:0 5px 0 10px; } .pdCon .new-box > li .txtbox .title { position:relative; color:#404040; font-size:20px; font-weight:500; display:block; padding:0 0 20px 0; letter-spacing:-0.02em; } .pdCon .new-box > li .txtbox .title:before { content:""; display:block; width:30px; height:4px; background-color:#173688; position:absolute; bottom:0; left:0; } .pdCon .new-box > li .txtbox .txt { margin:20px 0 0 0; color:#404040; font-size:18px; font-weight:500; display:block; letter-spacing:-0.02em; } .pdCon .new-box > li .txtbox li { position:relative; margin:8px 0 0 0; color:#404040; padding:0 0 0 28px; } .pdCon .new-box > li .txtbox li:before { content:""; display:block; width:20px; height:21px; background:url(/img/sub/icon_bullet_1.png) no-repeat left center; position:absolute; top:5px; left:0; } .pdCon i { display: inline-block; text-decoration:none; vertical-align: top; margin:3px 0 0 8px; width:35px; height:18px; line-height:18px; font-family:"Dotum"; font-weight:700; font-size:12px; background:#1898f2; color:#fff; text-transform: uppercase; font-style:normal; border-radius:9px; padding: 0 5px; } .pdCon i.iconS { width:auto; padding:0 5px; margin:0 2px; } .pdCon i.iconS.color1 { background: #193787; } .pdCon i.iconS.color2 { background: #1e70d5; } .pdCon i.hit { background: #193787; display:block; margin:0 auto; text-decoration:none; } .pdCon i.new { display:block; margin:0 auto; text-decoration:none; } .pdCon strong { color:#ff32ac; font-weight:400; } .pdCon a:hover strong { color:#ff32ac; } .pdCon i.ci { background: #193787; width:45px; text-decoration:none; } .pdCon i.ci.ci-1 { font-size:11px; font-weight:bold; letter-spacing:-1px; padding:1px 5px; border-radius:15px;} .pdCon span.ic { display:block; } .pdCon span.ic i.hit { display:inline-block;} .pdCon span.ic i.new { display:inline-block;} .pdCon span.ic .iconS { border-radius:30px; padding:0 5px;margin:0 2px;background: #193787;font-size:12px;font-weight:700;} .pdCon span span { text-transform: none; } .pdCon div { overflow: hidden; margin-top: 20px; } .pdCon div h5 { float: left; font-size:18px; font-weight: 700; color: #183687; } .pdCon div h5.t { float:none; clear:both; } .pdCon div p { float: right; position: relative; padding-left:14px; font-size:16px; color:#666; } /* .pdCon div p:before { content:""; display: block; width:6px; height:6px; border-radius:50%; background: #ff8a00; position: absolute; top: 4px; left: 0; } */ .pdCon dl { margin-top:15px; overflow: hidden; box-sizing:border-box; border:1px solid #ddd; border-top:2px solid #183687; background: #fff; box-shadow:0 0 5px rgba(0,0,0,.2); } .pdCon dt { height:57px; line-height:57px; background: #fafafa; text-indent:20px; color: #000; font-size:18px; font-weight: 700; border-bottom:1px solid #ddd; margin-bottom:-1px; } .pdCon dt.border{ border-top: 1px solid #ddd; } .pdCon dt i.ci { background: #193787; vertical-align: middle; line-height:18px; text-indent:0; width:45px; text-decoration:none; text-align:center; font-weight: 400; margin:-4px 0 0 0; } .pdCon dd { overflow: hidden; } .pdCon dd p { float: left; width: calc(100% / 4); min-height:150px; box-sizing:border-box; border-left:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:-1px; display: table; } .pdCon dd p:nth-of-type(4n + 1) { border-left: none; } .pdCon dd p a { display: table-cell; vertical-align: middle; text-align: center; box-sizing:border-box; padding:0 5px; line-height: 180%; } .pdCon dd p.pnt, .pnt{ background:#fffaf5; } .pdCon dd p.pnt a span { position:relative; padding-right:5px; } /*.pdCon dd p.pnt a span:after { content:""; display: block; width:6px; height:6px; border-radius:50%; background: #ff8a00; position: absolute; top:0; right: 0; }*/ .pdCon dd p.pnt a i { display: inline-block; vertical-align: top; margin:0 0 0 8px; width:35px; height:18px; line-height:18px; font-family:"Dotum"; font-size:11px; background:#1898f2; color:#fff; text-transform: uppercase; font-size:8px; font-style:normal; border-radius:9px; } .pdCon .tbl { width:100%; border-top:2px solid #183687; } .pdCon .tbl th { background:#fafafa; height:60px; color:#000; font-size:18px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align: center; text-indent:0; } .pdCon .tbl td { height:50px; font-size:18px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align: center; line-height:140%; background: #fff; } .pdCon .tbl th:first-child, .pdCon .tbl td:first-child { border-left:none; border-right: 1px solid #ddd; } .pdCon .tbl td.subject { text-align: left; padding:15px 20px; overflow: hidden; font-size:17px; } .pdCon .tbl td.l_line { border-left:1px solid #ddd; } .pdCon .table_cont { position:relative; padding:0 0 0 10%; background:#fff; margin:0; } .pdCon .table_cont .lbox { position:absolute; left:0; top:0; text-align:center; width:10%; border-top:2px solid #183687; margin:0; padding:0; } .pdCon .table_cont .lbox .tit { display:table; padding:0; margin:0; width:100%; } .pdCon .table_cont .lbox .tit > div { display:table-cell; padding:0; margin:0; background:#fafafa; width:100%; height:60px; color:#000; font-weight:bold; border-right:1px solid #ddd; font-size:18px; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle; } .pdCon .table_cont .lbox .txt { display:table; padding:0; margin:0; width:100%;} .pdCon .table_cont .lbox .txt > div { display:table-cell; padding:0; margin:0; background:#fff; width:100%; border-right:1px solid #ddd; font-size:18px; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle; } .pdCon .table_cont .tbl { margin:0; } /*제품상세*/ .pdView .tabmenu { margin:70px 0 0 0; box-sizing:border-box; width:100%; height:60px; box-shadow:0 0 5px rgba(0,0,0,.8); background:#fff; } .pdView .tabmenu li { float:left; width:25%; height:100%; position:relative; cursor:pointer; } .pdView .tabmenu.tabM3 li { width:33.33%; } .pdView .tabmenu.two li { width:50%; } .pdView .tabmenu li span { display:block; width:100%; height:58px; text-align:center; line-height:58px; font-size:18px; font-weight:700; color:#555; } .pdView .tabmenu li.on { font-size:18px; color:#183687; } .pdView .tabmenu li.on:before { content:""; display:block; width:100%; height:2px; background:#183687; position:absolute; top:0; left:0; } .pdView .tabmenu li.on span { color:#183687; font-weight:700; } .pdView .tabmenu li a { display: block; width:100%; line-height:60px; text-align: center; font-weight:700; } .pdView .tabmenu li.on a { color:#183687; } .pdView .title { width: 100%; overflow: hidden; background: #fafafa; } .pdView .title .menu{padding-top:70px;text-align:center;} .pdView .title .menu:after{content:"";display:block; clear:both;} .pdView .title .menu ul{display:inline-block;} .pdView .title .menu ul li{float:left;} .pdView .title .menu ul li a{display:block; padding:0 18px; font-size:22px; font-weight:700; color:#999; letter-spacing: -0.03em; position:relative;} .pdView .title .menu ul li.on a{color:#183687;} .pdView .title .menu ul li a:after{content:"";display:block; width:5px; height:5px; background-color:#999; border-radius:50%; padding:0; position:absolute; right:-2px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); } .pdView .title .menu ul li:last-child a:after{display:none;} .pdView .title > article { position:relative; } .pdView .title > article, .pdView .title > div { max-width:1300px; width: 100%; margin: 0 auto; } .pdView .title h4 { position: relative; margin-top: 65px; padding-bottom:25px; background:url(/img/sub/bg_pdTit.gif) repeat-x bottom; color:#183687; font-size:26px; font-weight: 700; } .pdView .title > article > article { width: 100%; overflow: hidden; margin-top:60px; padding-bottom: 100px; } .pdView .title .img { border:1px solid #ddd; display: block; float: left; width:538px; height:350px; } .pdView .title .img img{width:100%; height:100%;} .pdView .title .txt { float: right; width:720px; overflow: hidden; } .pdView .title .txt h5 { font-size:20px; color:#000; font-weight: 700; margin: 15px 0; } .pdView .title .txt p { margin-bottom: 25px; font-size:18px; line-height:150%; /* word-break:keep-all; */ } .pdView .title .txt p b { color: #000; font-weight: 700; } .pdView .title .txt p.red { color:#f9265c; } .pdView .title .icon_box { position:absolute; right:0; top:0; } .pdView .title .icon_box span { padding:5px 20px 8px 20px; min-width:60px; text-align:center; display:inline-block; color:#fff; font-size:15px; line-height:11px; font-weight:400; background-color:#183687; border-radius:60px; } .pdView .textBox { width: 100%; max-width:1300px; margin: 0 auto; } .pdView .textBox article { overflow: hidden; border-bottom:1px solid #ddd; padding:60px 0; } .pdView .textBox h4 { overflow: hidden; float: left; width:215px; position: relative; padding-left:20px; color: #000; font-size:26px; font-weight: 700; line-height: 120%; box-sizing:border-box; } .pdView .textBox h4:before { content:""; display: block; width:12px; height:12px; box-sizing:border-box; border:3px solid #183687; position: absolute; top: 10px; left: 0; } .pdView .textBox h4.tit {width:100%;padding-bottom:25px} .pdView .textBox h4.tit1 { letter-spacing:-0.05em; font-size:22px; } .pdView .textBox article > div { float: left; width:calc(100% - 235px); overflow: hidden; /*200508수정*/ } .pdView .textBox article > div.w100 { float: none; width:100%; box-sizing:border-box; } .pdView .textBox article > div .data_img{display: inline-block; max-width:590px; width:auto; /* height:385px; */ padding:2%; border:1px solid #ddd; box-sizing:border-box; cursor:pointer; /*200508추가*/ position: relative; overflow: hidden; } .pdView .textBox article > div .data_img img{ /* width:100%; height:100%; */ max-width:100%; max-height:100%; display:block; margin:0 auto;/*200508추가*/} .pdView .textBox article > .covCenter { text-align:center; float:none; max-width:1200px; margin:0 auto; } .pdView .textBox article > .covCenter table { } .pdView .textBox article > .covCenter img { } .pdView .textBox article > .covCenter td { padding:5px; } .pdView .textBox article > .covCenter td.td_left { text-align:left; padding-left:20px; } .pdView .textBox article > .covCenter .txt_co1 { color:#ff0000; font-size:22px; } .pdView .textBox article > .covCenter .txt_co2 { color:#fb6800; font-size:22px; } .pdView .textBox article > .covCenter .txt_co3 { color:#03b050; font-size:22px; } .pdView .textBox article > .covCenter .txt_co4 { color:#0070c1; font-size:22px; } .pdView .textBox article > .covCenter .txt_co5 {font-size:22px; } .pdView .textBox article > p{float: left; width: calc(100% - 235px); font-size: 18px; line-height: 150%; overflow: hidden; } .pdView .textBox article > p b{color: #000; font-weight: 700;} .pdView .list li { overflow: hidden; font-size:18px; line-height:130%; margin-bottom: 5px; padding-left:15px; position:relative; } .pdView .list li:before { content:""; display: block; width:3px; height:3px; background:#555; position: absolute; top:10px; left: 0; } .pdView .list li a { color:#000; } .pdView .list li:hover a { color:#2aa6d0; } .pdView .list li b { color:#ff329b; font-weight:500; } .pdView .list li b.txt { color:#000; font-weight:500; } .pdView .textBox div.list_box:after{content:"";display:block; clear:both;} .pdView .textBox div.list_box .list{float:left; width:50%;} .pdView .textBox div.list_box .list li.tit{font-size:18px; color:#000; font-weight:500; padding-left:0;} .pdView .textBox div.list_box .list li.tit:before{display:none;} .pdView .list.lista li { color:#000; } .pdView .textBox table { width:100%; border-top:2px solid #183687; margin-left:-1px; } .pdView .textBox th { background:#fafafa; height:60px; color:#000; font-size:18px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; } .pdView .textBox table.t_data th { padding:14px 15px; text-align:left; } .pdView .textBox table.t_data1 th { padding:0 15px; text-align:left; } .pdView .textBox td { height:50px; font-size:18px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align: center; line-height:140%; } .pdView .textBox table.t_data td { height:auto; padding:14px 15px; text-align:left; } .pdView .textBox table.t_data1 td { height:auto; padding:7px 15px; text-align:left; } .pdView .textBox td:nth-child(2) { text-align: left; padding:15px 20px; overflow: hidden; font-size:17px; } .pdView .textBox td.l_line { border-left:1px solid #ddd; } .pdView .textBox td.td_center { text-align:center; padding:0; } .pdView .textBox td.td_left { text-align:left; padding-left:35px; } .pdView .textBox .txt_note { font-size: 18px; line-height: 150%; } .pdView .textBox .graph .box { display:inline-block; vertical-align:middle; margin:0; } .pdView .textBox .graph .box > div { display:table-cell; width:170px; height:170px; vertical-align:middle; text-align:center; font-size:18px; line-height:140%; color:#000; font-weight:600; background-color:#f5f6f7; border-radius:200px; } .pdView .textBox .graph .box.arr { margin:0 30px; } .pdView .textBox .graph .box:nth-child(3) div { background-color:#414141; color:#fff; } /*제품목록 스크롤*/ .pdScrollTop { position: absolute; top: 560px; left:50%; margin-left:680px; width:125px; height:auto; background:#fff; border-top:2px solid #173687; box-shadow:0 0 5px rgba(0,0,0,.4); z-index:888; } .pdScrollTop li { overflow: hidden; border-bottom:1px solid #eaeaea; height:108px; background: #fff; } .pdScrollTop li a { display: block; width:100%; height:110px; position: relative; overflow: hidden; } .pdScrollTop li a img { display: block; margin: 20px auto 0; } .pdScrollTop li a p { margin-top:10px; font-size:16px; color:#2e2e2e; text-align: center; } .pdScrollTop li a p.txt { letter-spacing:-0.5px; } .pdScrollTop li:hover a { background:#f4f6fc; } .pdScrollTop > p { width:100%; height:55px; background:#173687; text-align: center; } .pdScrollTop > p > a { display: block; width:100%; height:100%; color: #fff; font-family: "Montserrat"; font-weight: 500; font-size:14px; background:url(/img/sub/icon_scroll_top.gif) no-repeat center 14px; padding-top:30px; } /*로그인*/ .loginCon { background: #fafafa; } .loginCon .loginBox { width:1300px; height: 425px; margin: 70px auto 165px; overflow: hidden; background: #fff; box-sizing:border-box; border:1px solid #dadada; box-shadow:0 5px 10px rgba(0,0,0,.1); } .loginCon .loginBox.join { height:325px; } .loginCon .topMenu { margin-top:70px; height: 58px; overflow: hidden; border:1px solid #dadada; box-sizing:border-box; background: #fff; box-shadow:0 0 10px rgba(0,0,0,.2); } .loginCon .topMenu li { float: left; width:50%; height:100%; } .loginCon .topMenu li a { display: block; width:100%; height:58px; line-height: 58px; text-align: center; position: relative; color: #6e6e6e; } .loginCon .topMenu li.on a:before { content:""; display: block; width:100%; height:2px; background:#183687; position: absolute; top: 0; left: 0; } .loginCon .loginBox .left { float: left; width: 520px; height: 490px; background: #183687; color: #fff; box-sizing:border-box; padding:100px 65px 0; } .loginCon .loginBox .left dl { } .loginCon .loginBox .left dt { font-size:32px; font-weight: 700; line-height: 120%; padding-bottom: 25px; border-bottom:1px solid #7486b7; } .loginCon .loginBox .left dt span { display: block; } .loginCon .loginBox .left dd { margin-top:20px; color: #fff; font-size:18px; } .loginCon .loginBox .left dd a { display: block; width:150px; height:45px; line-height:45px; background:#fff; color:#183687; text-align: center; } .loginCon .loginBox .right { float: right; width:calc(100% - 520px); padding:80px 55px; box-sizing:border-box; } .loginCon .loginBox h4 { background:url(/img/sub/icon_login.gif) no-repeat left center; padding-left: 80px; font-size:20px; line-height:140%; color:#183687; } .loginCon .loginBox .right .login { margin-top:30px; overflow: hidden; } .loginCon .loginBox .right .login ul { float: left; width:490px; } .loginCon .loginBox .right .login li { overflow: hidden; margin-bottom:15px; } .loginCon .loginBox .right .login li input { border:1px solid #dadada; width: 100%; box-sizing:border-box; height:53px; text-indent:20px; font-size:18px; font-weight: 300; } .loginCon .loginBox .right .login button { float: right; width:155px; height:120px; background:#183687; border-radius:0 0 50px; border:none; color:#fff; font-size:24px; } .loginCon .loginBox .right li { overflow: hidden; } .loginCon .loginList { margin-top:20px; } .loginCon .loginList li { float: left; } .loginCon .loginList li:before { content:""; display: block; width:1px; height:16px; background:#aaa; float: left; margin:1px 10px 0; } .loginCon .loginList li:first-child:before { display: none; } .loginCon .loginList li a { color:#8e8e8e; } .loginCon .loginList li:first-child a { color:#474747; } /*회원가입*/ .joinCon { position: relative; } .joinCon:before { content:""; display: block; width:100%; height:350px; background:#fafafa; position: absolute; top: 0; left: 0; z-index:-1; } .joinCon .menu { margin-top: 70px; width:100%; height:60px; background: #fff; box-shadow:0 0 5px rgba(0,0,0,.5); } .joinCon .menu li { float: left; width:50%; text-align: center; position: relative; } .joinCon .menu li:not(:first-child):before { content:""; display: block; width:1px; height:100%; background: #d6d6d6; position: absolute; left: 0; } .joinCon .menu li a { display: block; height: 60px; line-height: 60px; } .joinCon .menu li.on a { background: #183687; color: #fff; } .joinCon .tit { margin-top: 50px; overflow: hidden; } .joinCon .tit i { float: left; } .joinCon .tit dl { float: left; margin-left:15px; width:calc(100% - 80px); } .joinCon .tit dt { color:#1f1f1f; font-size:26px; font-weight: 700; } .joinCon .tit dd { margin-top:10px; font-size:18px; color:#696969; letter-spacing: -.5px; line-height: 130%; } .joinCon form { width: 100%; overflow: hidden; } .joinCon .btn { margin-top:60px; overflow: hidden; text-align: center; } .joinCon .btn li { display: inline-block; vertical-align: top; margin:0 10px; } .joinCon .btn li input { width:260px; height:78px; background:#dcdcdc; color:#363636; font-size:18px; font-weight: 700; border:none; cursor:pointer; } .joinCon .btn li:last-child input{ background: #193787; color:#fff; } .joinCon .title { margin-top:40px; overflow: hidden; } .joinCon .title h4 { float: left; color:#323232; font-size:22px; font-weight: 700; position: relative; padding-left:18px; } .joinCon .title h4:before { content:""; display: block; width:10px; height:10px; background:#193787; position: absolute; top: 9px; left: 0; } .joinCon .title h4.first:before { display: none; } .joinCon .title h4.first { font-size:26px; font-weight: 700; padding-left:0; } .joinCon .title p { float: right; position: relative; padding-left:7px; color:#656565; } .joinCon .title p i { display: block; width:5px; height:5px; background:#ff8340; border-radius:50%; position: absolute; top: 8px; left: 0; font-size:0; } .linebox { margin-top: 40px; width: 100%; overflow: hidden; background: #fff; border:1px solid #ddd; border-top:2px solid #193787; box-sizing:border-box; } .linebox table { width: 100%; background: #fafafa; } .linebox th { background:#f3f3f3; border-bottom:1px solid #dadada; border-right:1px solid #dadada; color:#1b1b1b; font-size:18px; font-weight: 700; } .linebox td { border-bottom:1px solid #dadada; padding:20px; line-height: 150%; } .linebox td span.txt { padding:10px 0; display: block; } .linebox td input[type='text'] { width:350px; height:40px; border:1px solid #e1e1e1; text-indent:10px; color:#757575; font-size:16px; display: inline-block; vertical-align: top; } .linebox td.id input[type='button'] { display: inline-block; vertical-align: top; width:145px; height:42px; background:#193787; color:#fff; border:none; font-size:16px; font-weight: 300; } .linebox td p { display: inline-block; vertical-align: top; font-size:16px; font-weight: 300; margin:10px 0; } .checkbox { line-height:150%; } .checkbox.center { text-align: center; } /* .linebox td .checkbox { overflow: hidden; } .linebox td .checkbox input[type="checkbox"] + label span { float: left; margin:2px 2px 0 0;} .linebox td .checkbox p { float: left; width:calc(100% - 50px); margin:0 5px; } */ .linebox td .checkbox { overflow: hidden; } .linebox td .checkbox input[type="checkbox"] + label span { float: right; margin:2px 2px 0 0;} .linebox td .checkbox p { float: left; width:calc(100% - 50px); margin:0 5px; } .linebox td .txt .check p { float: left; } .linebox td.address .mt { padding-top: 10px; overflow: hidden; } .linebox td.address input[type='button'] { display: inline-block; width:205px; height:39px; background: #4d505a; color:#fff; border:none; font-size:16px; } .linebox td select { width: 370px; height: 40px; box-sizing:border-box; border:1px solid #ddd; background: #fff url(/img/sub/bg_bullet.gif) no-repeat 95% center; font-size:16px; padding-left:10px; } .linebox td .btn_del { padding:0; margin:0 2px; width:26px; height:26px; overflow:hidden; text-indent:-9999em; outline:none; border:none; box-sizing:border-box; background:url(/img/sub/btn_del_s.png) center center no-repeat; } .join3Box { text-align: center; padding:60px 0; } .join3Box h4 { text-align: center; color:#1f1f1f; font-size:26px; font-weight: 700; line-height: 120%; } .join3Box h4 em { color:#193787; } .join3Box img { margin-top:60px; } .linebox.join2Box { margin-top: 10px; border:none; border-top:2px solid #193787; background: none; } .join2Box th { /* position: relative; */ text-align: left; padding-left:40px; border-bottom:1px solid #dadada; min-height:50px; line-height:22px; } .join2Box th i { display: inline-block; width:5px; height:5px; background:#ff8340; font-size:0; border-radius:50%; vertical-align: top; margin:5px 9px 0 0; } .join2Box th i.dot { background:#f3f3f3; } .join1Box { background: #fff; height: 300px; box-sizing:border-box; padding:25px; overflow-y:auto; font-size:16px; line-height:170%; } .join1Box + .txt { margin-top: 15px; text-align: right; } .linebox.join2Box .wid100 { width:100%; } .linebox.join2Box textarea.wid100 { border:1px solid #e1e1e1; font-size:16px; } .join2Box.center th { text-align: center; padding-left: 0; height: 60px; } .join2Box.center th:last-child { border-right:none; } .join2Box.center td { text-align: center; width: 0; } .join2Box.center td input[type='text'] { width: 100%; text-align: center; color: #4f4f4f; text-indent:0; } .join2Box td .radio { overflow: hidden; } .join2Box td .radio li { display: inline-block; width:auto; float: left; margin-right: 15px; } .nextTbl { border-top:2px solid #193787; margin-top: 20px; } .kind_list { overflow: hidden; } .kind_list li { float: left; margin-right: 10px; } @media screen and (max-width:1600px) { /*제품목록 스크롤*/ .pdScrollTop { display: none; } } @media screen and (max-width:1300px) { #subVisual { box-sizing:border-box; padding:0 15px; margin-top: 90px; } #subVisual h2 { font-size:45px; } #subVisual h2 span { font-size:20px; } #subVisual h2 span em { font-size:30px; } #lnb { width:100%; height:70px; background:#183687; text-align:center; overflow-x: auto; overflow-y:hidden; } #lnb > ul { /* width:840px; width:1080px;*/ width:auto; } /*회사소개*/ .cpnCon .bnTop dl { width:80%; height:150px; background:rgba(0,0,0,.2); text-align:center; overflow:hidden; color:#fff; margin:0 auto; text-shadow:0 0 5px rgba(0,0,0,.5); } .cpnCon .bnTop dt { margin-top:40px; font-size:32px; font-weight:700; } .cpnCon .bnTop dd { margin-top:10px; font-size:24px; line-height:120%; font-weight:300; } .con1Con { padding:115px 15px 100px !important; box-sizing:border-box; } .con1Con dd span { display:inline; margin-left: 5px; } .con2Con { padding:115px 15px; box-sizing:border-box; } .con2Con dd span { display:inline; margin-left: 5px; } .con3Con { height:auto; padding:8% 0; background-size:cover; } .con3Con .tit { width:500px; margin:0 auto; } .con3Con li { margin:0 15px 10px; width:250px; } .con4Con { padding:50px 15px; box-sizing:border-box; } .con4Con img { margin-top:30px; text-align:center; width: 100%; } .con4Con h4 { margin-top:0; } .con4Con dl { margin-top:35px; } .con4Con dt { color:#183687; font-size:24px; line-height:120%; font-weight:500; } .con4Con dd { margin-top:15px; overflow:hidden; color:#555; font-size:18px; line-height:150%; } .con4Con dd span { display:inline; margin-left: 5px; } /*tabList*/ .tabList > nav { margin:70px 15px 0; width:calc(100% - 30px); } .tabList #tabContent { margin:0 15px 0; max-width:auto; width:calc(100% - 30px); } /*연혁*/ .hisCon .list { margin-top:40px; } .hisCon .list:before { left:198px; } .hisCon .list li > h4 { width:180px; font-size:45px; } .hisCon .list li > ul { width:calc(100% - 185px); margin-bottom:20px; } .hisCon .list li li { margin-top:20px; line-height:35px; } .hisCon .list li li > p { padding-left:55px; } .hisCon .list li li > div { width:calc(100% - 120px); overflow:hidden; font-size:18px; } .hisCon .list li li > div p { line-height:110%; margin:8px 0; } .hisCon .list.color li > h4 { color:#00b3ee; } .hisCon .list.color li > ul li:first-child:before { background:#ebf9fe; } .hisCon .list.color li > ul li:first-child:after { background:#00b3ee; } /*조직도*/ .groupCon li dt { height:54px; display:table; } .groupCon li dt span { font-size:16px; line-height:120%; display: table-cell; vertical-align: middle; } .groupCon li dd { line-height:auto; display: table; } .groupCon li dd span { font-size:16px; line-height:120%; display: table-cell; vertical-align: middle; } /*인증 및 수상*/ .awardCon .list li { width:23.5%; margin:0 0 20px 2% !important; } .awardCon .list li:nth-child(4n+1) { margin-left: 0 !important; } .awardCon .list li div { height:25vw; } .awardCon .list li div p { margin:10px; width:calc(100% - 20px); height:calc(100% - 20px); background: #fff url(/img/sub/bg_ex.gif) no-repeat center; position: relative; overflow: hidden; } .awardCon .list li div p img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; max-height:100%; } .awardCon .list li a > p { margin-top:10px; } /*인재채용*/ .psn1Box { min-height:auto; padding-bottom: 30px; } .psn1Box .tit { margin-top:50px; } .psn1Box .tit dt { font-size:32px; } .psn1Box .tit dd { margin-top:15px; font-size:20px; } .psn1Box ul { margin:35px auto 0; } .psn1Box li { margin:0 0 2% 2%; width:49%; height:320px; } .psn2Box { padding:110px 15px 150px; box-sizing:border-box; } .psn2Box ul { margin:60px auto 0; } .psn2Box li { margin-bottom: 15px; } .psn3Box { padding:80px 0; } .psn3Box li { width:40%; max-width:350px; } .psn4Box { padding:80px 15px; box-sizing:border-box; } .psn4Box li { width:50%; margin-bottom: 10px; } /*오시는 길*/ .mapCon { box-sizing:border-box; padding:0 15px; } .mapCon .map { height:350px; } .mapCon ul { margin-top:40px; } .mapCon li { float: none; width: 100%; min-height:auto; padding:35px 10px; } .mapCon li i { width:70px; height:70px; } .mapCon li i img { height:35px; } .mapCon li dl { margin:5px 0 0 15px; width:calc(100% - 100px); } .mapCon li dt { font-size:20px; } .mapCon li dd { margin-top:8px; font-size:16px; line-height:130%; } /*게시판*/ .boardCon > article { width:100%; margin: 35px auto 0; box-sizing:border-box; padding:0 15px; } .boardCon > article.pd_none { padding:0; } .search { height:55px; } .search select { width:100px; padding-left:10px; font-size:16px; } .search input[type='text'] { width:calc(100% - 155px); text-indent:10px; font-size:16px; } .search input[type='button'], input[type='submit'] { width:55px; height:53px; } .search_product { margin:40px auto 0; width:100%; height:55px; } .search_product input[type='text'] { display:block; float:left; width:calc(100% - 75px); height:100%; border:none; text-indent:20px; font-size:18px; } .search_product input[type='button'], input[type='submit'] { width:55px; height:53px; float: right; } .search_product_n {} .search_product_n > div { margin:0 auto; width:100%; height:55px; } .search_product_n input[type='text'] { display:block; float:left; width:100%; height:100%; border:none; text-indent:20px; font-size:18px; } .basicList { margin-top:30px; } .basicList li { height: auto; padding:20px 0; } .basicList li > a, .basicList li > a div { height: auto; overflow: hidden; } .basicList li > a div p { line-height:120%; } .basicList li .number { width:70px; font-size:16px; } .basicList li .number img { margin-top:0; } .basicList li .subject { width:calc(100% - 200px); } .basicList li .subject img { margin:0 0 0 5px; height:25px; } .basicList li .date { width:130px; font-size:16px; text-align: right; box-sizing:border-box; padding-right:20px; } .boardView .tit { height:auto; padding:25px 0; } .boardView .tit h4 { margin-top: 0; text-overflow:clip; white-space:normal; } .boardView .tit p { margin-top:10px; } .boardView .content { padding:20px; } .boardView .content img { width:auto; max-width:100%; } .prevNext { border-top:1px solid #ddd; width: 100%; overflow: hidden; } .prevNext li { border-bottom:1px solid #ddd; width: 100%; height: 100px; box-sizing:border-box; display: table; } .prevNext li > p { width:100px !important; padding-left:10px; } .prevNext li > p img { margin-right:10px; } .prevNext li a { padding-left:10px; width:calc(100% - 125px); box-sizing:border-box; } /*tbl*/ .boardTbl th { height: 55px; font-size:17px; } .boardTbl td { height:55px; line-height: 120%; } /*대리점안내*/ .agencyList li { height:auto; padding:2% 0; width:49%; } .agencyList li div { width: 30%; } .agencyList li div img { max-width:70%; max-height:80%; } .agencyList li dl { width: 70%; } .agencyList li dt { width: 90%; padding-bottom:7px; } .agencyList li dt span { font-size:15px; } .agencyList li dt p { display: block; margin:5px 0 0; padding-left:0; } .agencyList li dt p:before { display: none; } .agencyList li dd { margin-top:10px; font-size:16px; } /*카탈로그*/ .catalogList { margin-top: 40px; } .catalogList li { margin:0 0 30px 2%; width:18.4%; } .catalogList li:nth-child(6n+1) { margin-left: 2%; } .catalogList li:nth-child(5n+1) { margin-left: 0; } .catalogList li div { height:20vw; max-height:250px; } .catalogList li p {margin-top:10px; } /*1:1문의*/ .boardCon .txt { padding:25px 20px; } .boardCon .tbl th { width:115px; text-indent:10px; padding-top:30px; } .boardCon .tbl td { width:calc(100% - 115px); padding:15px 20px; } .boardCon .tbl td select { width: 100%; } .boardCon .tbl td input { width: 100%; } .boardCon .tbl td textarea { width:100%; } /*글로벌 네트워크*/ .globalCon .global { height:auto; } .globalCon .global h4 { margin-top: 45px; font-size:32px; } .globalCon .global > div { margin-top: 20px; padding-bottom:20px; } .globalCon .global > div img { width: 100%; } .globalCon .nation { max-width:auto; box-sizing:border-box; padding:0 15px; margin:30px auto 0; } .globalCon .list li { width:49%; height:185px; padding:30px 20px; } .globalCon .list li .txt { margin-left:20px; width:calc(100% - 120px); font-size:16px;} /*GMO*/ .gmoCon { box-sizing:border-box; padding:80px 15px 0 15px; } .gmoCon:before { display: none; } /* .gmoCon:before { content:""; display: block; width:100%; height:490px; background:#fafafa; position: absolute; top: 0; left: 0; z-index:-1; } */ .menuList { margin-top: 40px; } .gmoCon .tabMenu2 { margin: 30px auto 0; } .gmoCon .tabMenu2 li span { font-size:16px; } .gmoCon .tit dd { font-size:16px; } .gmoCon .txtBox { margin-top:40px; } .gmoCon .txtBox > div { padding:30px 0; } .gmoCon .txtBox h4 { float: none; width:100%; font-size:20px; margin-bottom: 15px; } .gmoCon .txtBox h4:before { top: 7px; } .gmoCon .txtBox h4 br { display: none; } .gmoCon .txtBox > div > div { float: none; width:100%; } .gmoCon .txtBox .list li { font-size:16px; line-height:130%; margin-bottom: 4px; } .gmoCon .txtBox .list li:before { top: 10px; } .gmoCon .dotList { text-align: center; } .gmoCon .dotList li { display: inline-block; float: none; text-align: center; margin-bottom: 10px; } .gmoCon .dotList li div { width:112px; height:112px; border-radius:50%; background: #183687; display: table; text-align: center; float: left; } .gmoCon .dotList li p { display: table-cell; vertical-align: top; color: #fff; font-size:18px; line-height:120%; font-weight: 700; padding-top: 24px; } .gmoCon .dotList li p span { display: block; margin-bottom: 5px; } .gmoCon .process { margin-top:50px; overflow: hidden; box-sizing:border-box; border:1px solid #ddd; background: #fafafa; } .gmoCon .process li { border-top:1px solid #ddd; width: 100%; overflow: hidden; padding-bottom: 20px;} .gmoCon .process li:first-child { border-top:none; } .gmoCon .process li i { width:65px; height:65px; margin:25px 0 0 10px; } .gmoCon .process li dl { margin:20px 0 0 20px; width:calc(100% - 120px); } .gmoCon .process dt { font-size:20px; } .gmoCon .process dt.mt { margin-top:20px; } .gmoCon .process dd { font-size:16px; } .gmoCon .process dd .red { color:#e20c0c; } .gmoCon .process dd .blue { color:#1898f2; text-decoration:underline; } .gmoCon .process dd.mt10 a { display: block; margin-top:5px; } .gmoCon .process dt+dd { margin-top: 0; } .gmoCon .process dd .blueLink { margin-top: 15px; width:120px; height:35px; line-height:33px; font-size:15px; border-radius:17.5px; } .gmoCon th { height:40px; font-size:16px; font-weight: 500; } .gmoCon td { height:40px; font-size:15px; line-height:120%; } .gmoCon .txtTbl td:nth-child(2) { text-align: left; padding:10px 15px; font-size:16px; } /*제품목록*/ .pdCon > article { padding:0 15px; box-sizing:border-box; } .pdCon h4 { font-size:20px; } .pdCon h4:before { top: 6px; } .pdCon ul { margin-top:20px; } .pdCon ul > li { height: 150px; } .pdCon ul > li a { line-height:160%; } .pdCon .new-box > li { height:540px; display:block; } .pdCon .new-box > li a { display:block; padding:20px 0; } .pdCon .new-box > li a > span { display:block; } .pdCon .new-box > li .imgbox { width:100%; text-align:center; padding:20px 0 0 0; } .pdCon .new-box > li .txtbox { padding:0 20px 0 20px; } .pdCon ul > li, .pdCon dd p { font-size:16px; height: 150px; } .pdCon .tbl { width:100%; border-top:2px solid #183687; } .pdCon .tbl th { height:40px; font-size:16px; } .pdCon .tbl td { height:40px; font-size:15px; line-height:120%; } .pdCon .tbl td.subject { padding:10px 15px; font-size:16px; } .pdCon .table_cont .lbox .tit > div { height:40px; } /*제품상세*/ .pdView .title > article { box-sizing:border-box; padding:0 15px; } .pdView .title > article > article { margin-top:20px; padding-bottom: 50px; } .pdView .title .img { width:45%; height: 28vw; overflow: hidden; position: relative; background:#f4f6f7; } .pdView .title .img img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; max-width: 100%; } .pdView .title .txt { width:52%; } .pdView .title .txt p { font-size:16px; word-break:break-all; } .pdView .list li, .pdView .textBox article > p{ font-size:16px; } .pdView .title h4 { font-size:24px; } .pdView .textBox article { padding:20px 15px; } .pdView .textBox h4 { float: none; width:auto; padding-left:20px; font-size:20px; } .pdView .textBox h4:before { top: 7px; } .pdView .textBox article > p, .pdView .textBox article > div { float: none; width:100%; margin-top: 10px; } .pdView .textBox article > div img { width:auto; max-width:90%; } .pdView .textBox th { height:40px; font-size:16px; } .pdView .textBox td { height:40px; font-size:15px; line-height:120%; } .pdView .textBox th:first-child, .pdView .textBox td:first-child { border-left:none; } .pdView .textBox td:nth-child(2) { text-align: left; padding:10px 15px; font-size:16px; } .pdView .title .icon_box { right:15px; } /*전경*/ .foreCon { box-sizing:border-box; padding:0 15px; min-height:500px; } .foreCon li img { width:100%; } .foreCon .inner > article li div { height:50vw; } .foreCon .bn { top:40vw; right:15px; width:300px; height:150px; } .foreCon .bn h4 { margin:20px 0 0 20px; } .foreCon .bn > p { margin:60px 0 0 20px; font-size:16px; font-weight:300; color:#fff; } /*로그인*/ .loginCon { padding:0 15px; box-sizing:border-box; } .loginCon .loginBox { width:100%; height: auto; margin: 70px auto; } .loginCon .loginBox .left { float: none; width: 100%; height: 280px; padding:30px 25px 0; } .loginCon .loginBox .right { float: none; width:100%; padding:70px 55px; } .loginCon .loginBox h4 { background:url(/img/sub/icon_login.gif) no-repeat left center; padding-left: 80px; font-size:20px; line-height:140%; color:#183687; } .loginCon .loginBox .right .login { margin-top:30px; overflow: hidden; } .loginCon .loginBox .right .login ul { width:calc(100% - 180px); } .loginCon .loginBox.join { height:auto; } .loginCon .loginBox.join .left { height:auto; padding-bottom:50px; } .loginCon .loginBox.join .right .login { margin-top:15px; } .loginCon .loginBox.join .left dd {line-height:130%; } /*회원가입*/ .joinCon { box-sizing:border-box; padding:0 15px; } .joinCon .btn { margin-top:30px; } .joinCon .btn li input { width:150px; height: 60px; font-size:16px; } .linebox th { padding-left:20px; } .linebox td input[type='text'] { width: 100%; max-width:350px; margin-bottom: 5px; } .linebox td.id input[type='button'] { width:120px; } .linebox td p { display: inline-block; vertical-align: top; font-size:16px; font-weight: 300; margin:0; } .linebox td.address .txt { padding-top: 10px; overflow: hidden; } .linebox td.address input[type='button'] { width:120px; } .join3Box { text-align: center; padding:60px 15px; } .join3Box img { margin-top:30px; width: 90%; max-width:420px; } .linebox.join2Box { margin-top: 10px; } .join2Box colgroup { display: none; } .join2Box th { width:150px; min-height:auto; } .linebox.join2Box .wid100 { width:100%; } .linebox.join2Box.scroll { width:100%; overflow-x:auto;} /* .linebox.join2Box.scroll table { width:650px; } */ .linebox.join2Box.scroll th, .linebox.join2Box.scroll td { display:table-cell; } .topBtn { position: absolute; top: 35px; left: inherit; right:0; margin-left:0; width:auto; } .topBtn li { float: left; } .topBtn li a { display: block; width:120px; height:45px; box-sizing:border-box; line-height:43px; text-align: center; border:1px solid #1898f2; color:#1898f2; font-size:16px; font-weight: 700; border-radius:22px; } .topBtn.one { width:120px; right: 15px; } .topBtn2 { margin:40px auto 10px; overflow: hidden; width:auto; float: none; } .topBtn2:after { content:""; display: block; width: 100%; height:1px; } .topBtn2 li a { display: block; width:120px; height:45px; box-sizing:border-box; line-height:43px; text-align: center; border:1px solid #1898f2; color:#1898f2; font-size:16px; font-weight: 700; border-radius:22px; } } @media screen and (max-width: 1000px){ .pdCon ul > li, .pdCon dd p{ width: calc(100% / 2); } .pdCon ul > li:nth-of-type(4n + 1), .pdCon dd p:nth-of-type(4n + 1){ border-left: 1px solid #ddd; } .pdCon ul > li:nth-of-type(odd), .pdCon dd p:nth-of-type(odd){ border-left: none; } .pdCon ul > li:nth-of-type(even), .pdCon dd p:nth-of-type(even){ border-right: none; } } @media screen and (max-width:980px) { .gmoCon { box-sizing:border-box; padding:0 15px; } .topBtn, .topBtn2 { display: none; } .pdView .title .icon_box { position:relative; right:auto; left:0; top:30px; margin-bottom:-24px; display:block; } .pdView .title .icon_box span {} } @media screen and (max-width:750px) { /*카탈로그*/ .catalogList { margin-top: 40px; } .catalogList li { margin:0 0 30px 2%; width:49%; } .catalogList li:nth-child(even) { margin-left: 2%; } .catalogList li:nth-child(2n+1) { margin-left:0; } .catalogList li div { height:45vw; max-height:250px; } .catalogList li p {margin-top:10px; } } @media screen and (max-width:650px) { /*서브비주얼*/ #subVisual { height:250px; overflow: hidden; margin-top: 0; } #subVisual h2 { margin-top:20px; font-size:35px; } #subVisual h2 span { font-size:16px; } #subVisual h2 span em { font-size:20px; } #lnb { display:none; } #lnb_m { display:block; } .contents h3 { margin-top:50px; font-size:30px; } #cont { margin-top:35px; padding-bottom:100px; } /*회사소개*/ .cpnCon .bnTop { height:auto; background-size:cover; padding:10% 0; } .cpnCon .bnTop dl { width:80%; height:auto; box-sizing:border-box; padding:40px 15px; } .cpnCon .bnTop dt { margin-top: 0; font-size:28px; line-height:140%; } .cpnCon .bnTop dd { margin-top:10px; font-size:16px; } .con1Con { padding:50px 15px 100px !important; box-sizing:border-box; } .con1Con dt { font-size:24px; } .con1Con dd { font-size:16px; } .con2Con { padding:60px 15px !important; } .con2Con h4 { font-size:24px; } .con2Con dl { text-align:center; margin-top:20px; } .con2Con dt { font-size:20px; line-height:130%; } .con2Con dd { font-size:16px; } .con2Con .price { margin-top:40px; text-align: left; } .con2Con .price li { margin:5px 0; height:65px; background-size:60px; text-indent:70px; font-size:16px; } .con3Con .tit { width:80%; height:auto; padding:15px 10px; } .con3Con .tit dt { margin-top:0; font-size:28px; } .con3Con .tit dd { font-size:16px; } .con3Con li { display:block; max-width:360px; width:80%; height:auto; margin:15px auto; padding:3% 10px; box-sizing:border-box; } .con3Con li h4 { margin-top:0; } .con3Con li dl { color:#333; } .con3Con li dt { margin-top: 5px; font-size:20px; } .con3Con li dd { font-size:16px; } .con4Con { padding:50px 15px; box-sizing:border-box; } .con4Con img { margin-top:30px; text-align:center; width: 100%; } .con4Con h4 { font-size:24px; } .con4Con dl { margin-top:25px; } .con4Con dt { font-size:20px; } .con4Con dd { margin-top:15px; font-size:16px; line-height:130%; } .con4Con dd span { display:inline; margin-left: 5px; } .bioList { margin-top:30px; overflow:hidden; padding: 0 10px 20px; } .bioList li { padding:0 35px 25px; width:auto; } .bioList li p { font-size:16px; } /*tabList*/ .tabList > nav { height:50px; } .tabList .tabMenu { height:50px; } .tabList .tabMenu li { display: table; } .tabList .tabMenu li span { display: table-cell; vertical-align: middle; line-height:120%; height: 100%; font-size:16px; } .tabList .tabMenu li a { height:50px; line-height: 50px; } /*연혁*/ .hisCon .list { box-sizing:border-box; padding:20px; } .hisCon .list:before { display: none; } .hisCon .list li > h4 { float:none; width:auto; font-size:40px; text-align: left; } .hisCon .list li > ul { float:none; width:100%; margin-bottom:20px; } .hisCon .list li > ul li:first-child:before, .hisCon .list li > ul li:first-child:after { display: none; } .hisCon .list li li { margin-top:15px; line-height:120%; } .hisCon .list li li > p { padding-left:0; font-size:16px; } .hisCon .list li li > div { width:calc(100% - 80px); font-size:16px; } .hisCon .list li li > div p { line-height:110%; margin:0 0 5px; } /*조직도*/ .groupCon .tit { margin:30px auto 0; width:100%; height:200px; overflow:hidden; position:relative; } .groupCon .tit:after { width:45px; height:1px; background:#ddd; position:absolute; top:150px; left:50%; z-index:-1; } .groupCon .tit h3 { width:120px; height:120px; line-height:120px; } .groupCon .tit p { margin:10px 0 0 calc(50% + 30px); width:120px; font-size:16px; } .groupCon ul { width:100%; overflow:hidden; position:relative; } .groupCon ul:before { width:42%; } .groupCon ul:after { content:""; display:block; position:absolute; top:0; left:8.5%; width:1px; height:100%; background:#ddd; } .groupCon li { float:none; width:80%; } .groupCon li:before { width:20px; height: 1px; top:25px; left:11%; z-index:-1; } .groupCon li dl { width:95%; margin:25px 0 0 16%; } .groupCon li dt { width:100%; height:54px; background:#183687; color:#fff; line-height:54px; font-weight:700; } .groupCon li dd { margin-top:10px; width:100%; height:54px; line-height:52px; color:#666; text-align:center; box-sizing:border-box; border:1px solid #ddd; background:#fff; font-weight:500; } /*인재채용*/ .psn1Box .tit { margin-top:50px; box-sizing:border-box; padding:0 15px; } .psn1Box .tit dt { font-size:25px; } .psn1Box .tit dd { margin-top:10px; font-size:18px; } .psn1Box ul { box-sizing:border-box; padding:0 15px; } .psn1Box li { margin:0 0 2%; width:100%; max-width:100%; height:auto; padding:15px 0; } .psn1Box li dt { font-size:25px; } .psn1Box li dd { font-size:18px; margin-top:5px; } .psn1Box li i { margin-top:10px; } .psn1Box li img { margin:20px auto 0; } .psn1Box li p { margin-top:20px; font-size:16px; line-height:120%; } .psn2Box { padding:50px 15px 100px; } .psn2Box h4 { font-size:25px; } .psn2Box h4 span { margin-top: 5px; font-size:18px; } .psn2Box ul { margin:20px auto 0; } .psn2Box li { display:block; } .psn2Box li:before { display: none; } .psn2Box li div { float:none; margin: 0 auto; } .psn3Box { min-height:auto; padding:50px 15px 100px; } .psn3Box h4 { font-size:25px; } .psn3Box h4 span { margin-top: 5px; font-size:18px; } .psn3Box p { margin-top:20px; font-size:16px; } .psn3Box ul { margin-top:30px; } .psn3Box li { max-width:360px; width:100%; height:auto; margin:0 auto 15px; } .psn3Box li img { margin-top:20px; } .psn3Box li dl { margin-top:15px; } .psn3Box li dd { margin-top:10px; font-size:16px; padding-bottom: 20px; } .psn4Box { padding:50px 15px 100px; } .psn4Box h4 { font-size:25px; } .psn4Box h4 span { font-size:16px; } .psn4Box ul { margin:20px auto 0; } .psn4Box li i { width:100px; height:100px; } .psn4Box li dt { margin-top:10px; font-size:18px; } .psn4Box li dd { margin-top:10px; font-size:16px; } /*게시판*/ .search select { width:80px; } .search input[type='text'] { width:calc(100% - 125px); } .search input[type='button'], input[type='submit'] { width:45px; background-size:18px; } .basicList li { padding:15px 0; } .basicList li > a div p { line-height:120%; font-size:17px; } .basicList li .number { width:40px; font-size:15px; } .basicList li .number img { margin-top:0; } .basicList li .subject { width:calc(100% - 140px); } .basicList li .subject img { margin:0 0 0 5px; height:25px; } .basicList li .subject span { max-width:80%; } .basicList li .date { width:100px; font-size:15px; text-align: right; box-sizing:border-box; padding-right:10px; } .boardView .tit { height:auto; padding:20px 0; } .boardView .tit h4 { margin-top: 0; font-size:25px; } .boardView .tit p { margin-top:10px; font-size:15px; } .boardView .content { padding:20px 10px; } .boardView .content p { margin-top:20px; font-size:16px; } .boardView .file { margin:50px 0 20px !important; padding:0; } .boardView .file a { padding:10px; } .prevNext li { height: auto; padding:10px 0; } .prevNext li > p { padding-left:15px; font-size:16px; width:85px !important; display: inline-block; } .prevNext li > p img { margin-right:10px; height:5px; } .prevNext li a { font-size:16px; box-sizing:border-box; width:calc(100% - 115px); padding-left:0; overflow: hidden; display: inline-block; } .prevNext li a p { width:auto; display: inline-block; max-width:95%; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; } .boardView p.btn { margin:30px auto 0; width: 200px; } .boardView p.btn a { height:55px; font-size:16px; line-height:55px; } /*tbl*/ .tblbox { margin-top: 50px; border-top:2px solid #183687; } .boardTbl { width: 100%; } .boardTbl colgroup { display: none; } .boardTbl thead, .boardTbl th { display: none; } .boardTbl tr { border-bottom:1px solid #dadada; padding:15px 0; display: block; overflow: hidden; } .boardTbl td { border-bottom:none; height: 120%; line-height: 120%; text-align: center; } .boardTbl td:first-child { display: none; } .boardTbl td.sm_subject { display: block; width:100%; overflow: hidden; text-align: left; border-bottom:none; padding-top:10px; font-size:15px; color: #1e4cc2; } .boardTbl td.sm_subject i img { height:18px; } .boardTbl td.subject { margin-top: 0; display: block; padding:3px 0; } .boardTbl td.subject i { display:block; } .boardTbl td.subject i img { height:18px; } .boardTbl td.subject + td { display: block; float: left; font-size:15px; margin-right: 10px; padding-bottom: 10px; } .boardTbl td+td+td+td { display: block; float: left; font-size:15px; padding-bottom: 10px; } .boardTbl td.mr { margin-right: 10px; } .boardTbl td.subject a { overflow: hidden; text-overflow:ellipsis; white-space:nowrap; display: block; width: 100%; font-size:20px; } .boardTbl td.subject a span { width:auto; max-width:calc(100% - 40px); text-overflow:ellipsis; white-space:nowrap; overflow: hidden; } .boardTbl td.subject a img { vertical-align: top; } .boardTbl td .anTit { display: inline-block; } .boardTbl td .anTit + span { font-size:15px; margin-left: 5px; } .boardTbl td .an_ok, .boardTbl td .an_cn { font-size:15px; } /*대리점안내*/ .agencyList li { padding:4% 0; width:100%; } .agencyList li div { width: 35%; height:auto; } .agencyList li dt { font-size:18px; } .agencyList li dt span { font-size:14px; } .agencyList li dd { margin-top:10px; font-size:15px; } /*1:1문의*/ .boardCon .txt { padding:15px; } .boardCon .txt li { font-size:16px; padding-left:10px; } .boardCon .txt li span { color:#1898f2; border-bottom:1px solid #1898f2; } .boardCon .tbl th { display: block; width:100%; height:40px; line-height:40px; padding-top: 0; } .boardCon .tbl td { display: block; width:100%; padding:15px; box-sizing:border-box; } .boardCon .tbl td select { background-position: 97% center; } .boardCon .tbl td input { width: 100%; } .boardCon .tbl td textarea { width:100%; height:300px; } .boardCon .btn_inquiry { margin:30px auto 0; width:200px; } .boardCon .btn_inquiry a { height:55px; line-height:55px; font-size:16px; } .boardTbl td .an_hidden { display: inline; margin-right:5px; vertical-align: bottom; color: #333; } /*글로벌 네트워크*/ .globalCon .tabContent { margin-top:20px; } .globalCon .nation .menu li a { font-size:15px; } .globalCon .list li { float: none; width:100%; height:auto; margin:0 0 2% 0; padding:20px; } .globalCon .list li .img { float: none; margin: 0 auto;} .globalCon .list li .txt { float: none; margin:20px 10px; width:auto; text-align: center; } /*제품목록*/ .pdCon li { border-left:none; } .pdCon li a { display: table-cell; vertical-align: middle; text-align: center; line-height:150%; } .pdCon li a i { margin:0 0 0 8px; } .pdCon div h5 { float: none; font-size:18px; } .pdCon div p { margin-top:10px; float: none; padding-left:14px; font-size:15px; } .pdCon dl { margin-top:10px; } .pdCon dt { height:50px; line-height:50px; text-indent:10px; } .pdCon dt.border{ border-top: ; } .pdCon dd p { float: none; width:100%; height:auto; padding:15px 10px; margin:-1px 0 0 0; border-left:none; } .pdCon dd p:last-of-type{ border-right: none } .pdCon dd p.pnt { background:#fffaf5; } .pdCon dd p.pnt a span { position:relative; padding-right:5px; } /*.pdCon dd p.pnt a span:after { content:""; display: block; width:6px; height:6px; border-radius:50%; background: #ff8a00; position: absolute; top:0; right: 0; } */ .pdCon dd p.pnt a i { display: inline-block; vertical-align: top; margin:0 0 0 8px; width:35px; height:18px; line-height:18px; font-family:"Dotum"; font-size:11px; background:#1898f2; color:#fff; text-transform: uppercase; font-size:8px; font-style:normal; border-radius:9px; } .pdCon div.tblBox{ width:100%; overflow-x:auto; overflow-y: visible; } .pdCon div.tblBox *{overflow: visible;} .pdCon .tblBox .tbl { width:650px; } .pdCon .tbl td { padding:5px; } /*제품목록*/ .pdCon ul { margin-top:20px; } .pdCon ul > li { float: none; width:100%; height:auto; padding:15px 10px; } .pdCon ul > li a { line-height:150%; } .pdCon ul > li.on, .pdCon p.on { border-right:none !important; margin:0 0 -1px 0; width:100%; width:100%0\; } .pdCon ul > li.on:nth-child(4n+1), .pdCon p.on:nth-child(4n+1) { border-left:1px solid #ddd !important; } .pdCon .new-box > li { height:100% !important; width:100%; border:none;border-top:1px solid #ddd; } .pdCon .new-box > li:first-child { border-top:none; } .pdCon .new-box > li .txtbox { padding:0 20px 0 20px; display:block; } .pdCon .new-box > li .title { line-height:140%; } .pdCon .new-box > li li { display:block !important; } .pdCon .new-box > li br { display:block; } .pdCon .new-box > li .mo_br { display:block; } .pdCon ul > li:nth-of-type(4n + 1), .pdCon dd p:nth-of-type(4n + 1){ border-left: none; } /*제품상세*/ .pdView .title { margin-top: 0; } .pdView .title .img { width:100%; height: 58vw; box-sizing:border-box; margin-bottom: 10px; } .pdView .title .txt { width:100%; } .pdView .textBox div.list_box .list{float:none; width:100%;}/*200508추가*/ .pdView .textBox div.list_box .list+.list{margin-top:15px;}/*200508추가*/ .pdView .textBox article > div .data_img{width:90%; height:auto; }/*200508추가*/ .pdView .textBox article > div .data_img img{max-width:100%; }/*200508추가*/ /*인증 및 수상*/ .awardCon .list li { width:49%; margin-left: 2% !important; } .awardCon .list li:nth-child(odd) { margin-left:0 !important; } .awardCon .list li a { display: block; width:100%; overflow: hidden; } .awardCon .list li div { width:100%; height:250px; box-sizing:border-box; border:1px solid #ddd; background:#f2f2f2; overflow: hidden; } .awardCon .list li div p { margin:10px; width:calc(100% - 20px); height:calc(100% - 20px); background: #fff url(/img/sub/bg_ex.gif) no-repeat center; position: relative; overflow: hidden; } .awardCon .list li div p img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; max-height:100%; } .awardCon .list li a > p { margin-top:10px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; } /*.awardCon .list li:nth-child(6n+1) { margin-left:0; }*/ /* 연구개발 */ .result_list li { width:49%; margin-bottom: 20px; } .result_list li:nth-child(2n+1) { margin-left: 0; } /*전경*/ .foreCon { box-sizing:border-box; padding:0 15px; min-height:500px; } .foreCon .menu li { margin-bottom: 8px;} .foreCon li img { width:100%; } .foreCon .inner > article { margin-top:30px; } .foreCon .bn { position:static; top:inherit; right:inherit; width:100%; height:150px; } /*로그인*/ .loginCon { padding:0 15px; box-sizing:border-box; } .loginCon .loginBox { width:100%; height: auto; margin: 70px auto; } .loginCon .loginBox .left { float: none; width: 100%; height: 255px; padding:30px 25px 0; } .loginCon .loginBox .left dt { font-size:27px; } .loginCon .loginBox .left dd { font-size:17px; } .loginCon .loginBox .left dd a { width:130px; } .loginCon .loginBox .right { padding:40px 25px; } .loginCon .loginBox h4 { padding-left: 60px; font-size:18px; } .loginCon .loginBox h4 br { display: none; } .loginCon .loginBox .right .login { margin-top:20px; } .loginCon .loginBox .right .login ul { width:calc(100% - 125px); } .loginCon .loginBox .right .login li input { text-indent:10px; } .loginCon .loginBox .right .login button { width:110px; height:120px; border-radius:0 0 30px; font-size:20px; } .loginCon .loginList { margin-top:5px; } /*회원가입*/ .joinCon { box-sizing:border-box; padding:0 15px; } .joinCon .btn { margin-top:30px; } .joinCon .btn li input[type='button'] { width:150px; height: 60px; font-size:16px; } .linebox th { padding-left:10px; } .linebox td { } .linebox td input[type='text'] { width: 100%; max-width:100%; margin-bottom: 5px; } .linebox td.id input[type='button'] { width:120px; } .linebox td p { display: inline-block; vertical-align: top; font-size:16px; font-weight: 300; margin:0; } .linebox td.address .txt { padding-top: 10px; overflow: hidden; } .linebox td.address input[type='button'] { width:120px; } .join2Box th { display: block; width: 100%; height:40px; line-height:40px; } .join2Box th i { margin-top:18px; } .join2Box th.subTit { line-height:120%; padding:5px 10px; vertical-align: middle; } .join2Box td { display: block; width:100%; box-sizing:border-box;} .gmoCon .tabMenu2 { height:100px; } .gmoCon .tabMenu2 li, .gmoCon .wid_special .tabMenu2 li, .gmoCon.allergy .tabMenu2 li { width:33.3%; height: 50px; border-bottom:1px solid #ddd; } .gmoCon .tabMenu2 li a { display: table-cell; vertical-align: middle; font-size:17px; } .gmoCon .tabMenu2 li.on a { color: #183687; font-weight: 700; } .gmoCon .tabMenu2.three { height:152px; } } /*신청폼*/ .svc_form { width: 1300px; overflow: hidden; margin: 100px auto 0; } .svc_form > div { overflow: hidden; border-bottom:1px solid #dfdfdf; padding:60px 0; } .boardCon .svc_form > div.btn { padding:0; margin-top: 0; } .svc_form .markBox { overflow: hidden; } .svc_form .markBox i { display: inline-block; float: left; } .svc_form .markBox p { float: left; } .svc_form > div.bottom_none { border-bottom:none; } /* .svc_form > div.btn { padding:0; } */ .svc_form .date { color:#3e3e3e; font-size:18px; font-weight: 700; margin-top:25px; } .svc_form h4 { float: left; width:235px; overflow: hidden; position: relative; /* padding-left:20px; */ color: #1f1f1f; font-size:26px; font-weight: 700; box-sizing:border-box; } .svc_form h4 img { margin-left: 10px !important; } .svc_form h4.clear { clear:both; float: none; } /* .svc_form h4:before { content:""; display: block; box-sizing:border-box; width:12px; height:12px; border:3px solid #193787; position: absolute; top: 12px; left: 0; } */ .svc_form > div > div { float: right; width:1065px; overflow: hidden; padding-bottom:20px; } .table_box { overflow: hidden; margin-top:15px; } .table_box > p , .table_box + p { margin-top:5px; line-height: 140%; font-size:15px; } .table_box + .mt { margin-top:35px; } .dot_list { margin-top: 5px; overflow: hidden; font-size:15px; line-height:160%; } .svc_form table.left th { text-align:left; padding-left:50px; letter-spacing: -.5px; line-height:130%; } .svc_form th { background:#f3f3f3; } .svc_form th span { display: inline-block; vertical-align: top; position: relative; padding-left:10px;} .svc_form th > span:before { content:""; background: #ff8340; display: block; width: 5px; height: 5px; border-radius:50%; position: absolute; top: 8px; left: 0; } .svc_form td { background:#fafafa; text-align: left; padding:5px 20px; } .svc_form td.tel p { margin:5px 0; overflow: hidden; } .svc_form td.tel p span { display: block; float: left; width:80px; } .svc_form td.tel p input { display: block; float: left; width: calc(100% - 80px); } .svc_form h5 { /* margin-top: 50px; */ font-size:22px; font-weight: 700; line-height:120%; color:#323232; padding-left:20px; position: relative; letter-spacing: -.5px; } .svc_form h5:before { content:""; display: block; width:10px; height:10px; background:#193787; position: absolute; top: 8px; left: 0; } .svc_form h5.mt { margin-top:50px; } .svc_form .info { border-top:2px solid #183687; border-bottom:1px solid #dadada; background: #fafafa; padding-bottom:0 !important; } .svc_form .info p { text-indent:20px; line-height:60px; color:#1b1b1b; font-size:18px; float: left; letter-spacing: -.5px; } .svc_form .info p:last-child { margin-left:10px; } .svc_form .info p select { width: 50px; height:30px; margin-top:15px; background:#fff url(/img/sub/icon_select.gif) no-repeat 90% center; } .checkbox { margin-top:35px; } .svc_form td { line-height:35px; } .svc_form td input { width:100%; height:40px; border:1px solid #e1e1e1; } .svc_form td.tel input{ width:30%; } .dateBox { text-align: center; } .dateBox .btn { margin:30px auto 0; width:180px;} .dateBox .btn input { width:180px; height:50px; background:#193787; color:#fff; border:none; cursor:pointer; font-size:20px; } .hints { margin-top:25px; border:1px solid #d8d8d8; box-sizing:border-box; overflow: hidden; background: #fafafa; padding:25px; } .hints dt { font-size:20px; font-weight: 700; color: #656565; letter-spacing: -.5px; margin-bottom:20px; } .hints dd { font-size:16px; overflow: hidden; padding-left:25px; position: relative; margin-top: 10px; line-height: 130%; color: #656565; } .hints dd:before { content:""; display: block; width:16px; height:16px; background:url(/img/sub/icon_bullet.gif) no-repeat left center; position: absolute; top: 3px; left: 0; } .hints + div { text-align: right; margin-top:10px; font-size:15px; } .txtTop { overflow: hidden; } .txtTop p { float: left; font-size:16px; color:#696969; width: auto; font-weight: 300; } .txtTop input { display: block; float: right; width:160px; height:47px; border:1px solid #d8d8d8; line-height:45px; text-align: center; font-size:18px; color:#696969; cursor:pointer; box-shadow:2px 5px 2px rgba(0,0,0,.5); background: rgb(254,254,254); background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(243,243,243,1) 100%); background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(243,243,243,1) 100%); background: linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(243,243,243,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f3f3f3',GradientType=0 ); } .tit_box { overflow: hidden; margin-top:30px; margin-bottom:10px; } .tit_box.mt0 { margin-top: 0; } .tit_box h5 { float: left; } .tit_box h5.mt { margin-top:20px; } .tit_box p { float: right; vertical-align: bottom; font-size:16px; color:#656565; font-weight: 300; position: relative; padding-left:10px; } .tit_box p:before { content:""; display: block; width:5px; height:5px; background:#ff8340; border-radius:50%; position: absolute; top: 8px; left: 0; } .address { overflow: hidden; } .address > div { overflow: hidden; } .address > div.txt { margin-top:5px; } .address .add1 input { float: left; width:150px; margin-right:10px; } .address .add1 input[type='button'] { width:120px; background: #193787; color: #fff; font-size:16px; cursor:pointer; } .address .add2 { margin-top:5px; } .address .add2 input { float: left; width:45%; margin-right:10px; } .mt5 { margin-top: 5px; } /*기존의뢰정보*/ .infoBox { position: relative; } .infoBox .popup { display: none; position: absolute; top: 0; left: 60%; margin-left:-510px; width:1020px; height:320px; background: #fff; box-sizing:border-box; border:1px solid #193787; box-shadow:0 0 5px rgba(0,0,0,.5); overflow:hidden; } .infoBox .popup .title { margin-top: 0; overflow: hidden; width:100%; height:70px; background: #193787; } .infoBox .popup .title h4 { line-height:70px; color:#fff; font-size:24px; font-weight: 700; } .infoBox .popup .title h4 img { float: left; margin:20px 10px 0 0; } .infoBox .popup .title p { float: right; width:66px; height:100%; background:#2a499c; } .infoBox .popup .title p a { display: block; width: 100%; height: 100%; position: relative; cursor:pointer; } .infoBox .popup .title p a img { position: absolute; top: 24px; left: 22px; } .infoBox .popup .title th { color:#2e2e2e; font-size:18px; font-weight: 500; box-sizing:border-box; background:#f5f5f5; height: 57px; border-right:none !important; } .infoBox .popup .title th:first-child { border-left:none; } .infoBox .popup > article { width: 100%; height: 245px; overflow: auto; } .infoBox .popup .tbl { margin-top: 0; } .infoBox .popup .tbl th { border-right:none; height: 57px; border-left:none; color: #2e2e2e; text-align: center; } .infoBox .popup .tbl th.first { border-left:1px solid #ddd; } /* .infoBox .popup .tbl td { height:auto; color: #193787; background: none; font-size:16px; font-weight: 500; text-align: center; background:#fff; overflow: hidden; } */ .infoBox .popup .tbl td { height:auto; background: none; font-size:15px; font-weight: 300; line-height: 120%; text-align: center; background:#fff; } .infoBox .popup .tbl tr.none { background:none; } .infoBox .popup .tbl td a { display: block; vertical-align: top; width:40px; height:25px; line-height: 25px; border-radius:5px; background:#193787; color:#fff; margin: 0 auto; } .infoBox input[type="checkbox"] + label span { background: #fff; border:1px solid #afafaf; } .infoBox input[type="checkbox"]:checked + label span { background:#193787 url(/img/sub/icon_checkbox.gif) no-repeat center; border:1px solid #193787; } .chkList { width:100%; float: none; } @media screen and (max-width:1300px) { /*신청폼*/ .svc_form { width: 100%; margin: 30px auto 0; } .svc_form > div { padding:30px 0; } .svc_form h4 { float: none; width:100%; /* padding-left:20px; */ font-size:18px; } .svc_form h4:before { top:6px; } .svc_form h4 br { display: none; } .svc_form > div > div { float: none; width:100%; overflow: hidden; margin-top:10px; } .svc_form table.left th { text-align:left; padding-left:20px; letter-spacing: -.5px; line-height: 130%; } .svc_form th { background:#f3f3f3; } .svc_form td { background:#fafafa; text-align: left; padding:5px 20px; } .svc_form td.tel { line-height:40px; } .svc_form h5 { font-size:20px; } .svc_form .info { border-top:2px solid #183687; border-bottom:1px solid #dadada; background: #fafafa; margin-top:10px; } .checkbox { margin-top:35px; } /*신청폼*/ /* .svc_form table.left th { padding-left:0; } */ .svc_form th span { padding-left:10px; /* text-align: left; */ } .svc_form td { background:#fafafa; text-align: left; padding:5px 20px; } .svc_form h5 { /* margin-top: 50px; */ font-size:22px; font-weight: 700; line-height:120%; color:#323232; padding-left:20px; position: relative; letter-spacing: -.5px; } .svc_form h5:before { content:""; display: block; width:10px; height:10px; background:#193787; position: absolute; top: 8px; left: 0; } .svc_form h5.mt { margin-top:50px; } .svc_form .info { border-top:2px solid #183687; border-bottom:1px solid #dadada; background: #fafafa; } .svc_form .info p { text-indent:20px; line-height:60px; color:#1b1b1b; font-size:18px; float: left; letter-spacing: -.5px; } .svc_form .info p:last-child { margin-left:10px; } .svc_form .info p select { width: 50px; height:30px; margin-top:15px; background:#fff url(/img/sub/icon_select.gif) no-repeat 90% center; } .infoBox .tblbox { position: relative; width: 100%; overflow-x:scroll; } .infoBox .tblbox table { width:850px; } .etc .btn { margin-top:30px; } .etc .btn li { display: inline-block; vertical-align: top; margin:0 10px; } .etc .btn li input { width:150px; height:50px; font-size:18px; } .txtTop input { margin-top: 20px; width:120px; height:40px; line-height:43px; font-size:15px; } .svc_form td.tel input{ width:25%; } .chk_list li { line-height:25px; } /*기존의뢰정보*/ .infoBox .popup { top: 20%; left: calc(50% - 300px); margin:0; width:600px; height:320px; } .infoBox .popup .title { height:50px; } .infoBox .popup .title h4 { line-height:50px; font-size:20px; } .infoBox .popup .title h4 img { height:25px; margin:15px 10px 0 0; } .infoBox .popup .title p { position: absolute; top: 0; right: 0; width: 50px; height: 50px; } .infoBox .popup .title p a img { position: absolute; top: 17px; left: 15px; } .infoBox .popup > article { width: 100%; height: 270px; overflow: auto; } .infoBox .popup .tbl { width:100%; /* min-width:750px; */ } .infoBox .popup .tbl td { padding:5px; } .etc textarea { height:150px; } } @media screen and (max-width:650px) { .table_box { width: 100%; overflow-x:auto;} .table_box table { width: 650px; } .checkbox { margin-top:15px; } /*기존의뢰정보*/ .infoBox .popup { top: 20%; left: calc(50% - 190px); width:380px; } .infoBox .popup .tbl { min-width:500px; } .table_cont { padding:0 0 0 0 !important; } .table_cont .lbox { display:none; } } .pop-bottom .pb-left { font-size:12px !important; vertical-align:top !important; margin-top:1px; } .pop-bottom .pb-right img { margin:-5px 0 0 0 !important; }