@charset "utf-8"; @font-face{ font-family:"NanumGothic", "나눔고딕"; src:url("./NanumGothic.ttf"), url("./NanumGothic.eot"), url("./NanumGothic.woff"); } *{margin:0;padding:0;-webkit-text-size-adjust:none;} /* 공통 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input { margin:0; padding:0; border:0; font-size:1em; font-weight:normal; font-family:나눔고딕, NanumGothic, 'NanumGothicWeb', "Malgun Gothic", "돋움", dotum; font-style:normal; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } html{overflow-y:scroll;} body{height:100%;line-height:18px;color:#333;} iframe body{background:none;} ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } table { border-collapse:collapse; border-spacing:0; } b,strong{font-weight:bold;} a:link, a:visited, a:active , a:hover{border:0;padding:0;margin:0;} a:link, a:visited, a:active{text-decoration:none;color:#333;} a:hover{color:#333;text-decoration:none;} img{border:0px;margin:0;padding:0;} div img{vertical-align:middle;} li img{vertical-align:middle;} p input{vertical-align:middle;} select {width:100%;padding:0 3px;height:27px;border:1px solid #afafaf;background:url('../images/common/select.png') no-repeat 100% -150px,-webkit-gradient(linear,0 0,0 100%,from(white),to(#f3f3f3));font-size:14px;color:#444;line-height:1.62em;vertical-align:middle;-webkit-appearance:none;border-radius:3px;background-size:25px 730px,100% 100%} /*@media screen and (-webkit-min-device-pixel-ratio:1.5){.wr1 .sl{background:url('https://ssl.pstatic.net/static/m/calendar/im/sp_ico1_120830_rtn.png') no-repeat 100% -150px,-webkit-gradient(linear,0 0,0 100%,from(white),to(#f3f3f3));background-size:25px 730px,100% 100%}} */ input, option, textarea{height:40px;padding-left:10px;border:solid 1px #c2c2c2;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-size:14px;color:#666;} legend{display:none;} .screen_out{visibility:hidden;overflow:hidden;position:absolute;left:-9999px;width:0;height:0;font-size:0;line-height:0;} .blue{color:#595cb9;font-weight:bold;} .red{color:#f46824;font-weight:bold;} .gray{color:#888;font-weight:bold;} .bold{font-weight:bold;} a{text-decoration:none;} li{list-style:none;} /* 상단메뉴바 */ .wrap{background:#fff;} .top1{height:0.5px; background:#47b9ef;position:relative;} .top{height:10px; background:#47b9ef;} .top_menu{display:block; background:#fff;height:53px;} .menu_btn{position:relative;width:100px; height:25px;background:#47b9ef;z-index:99;float:right;} #trapeze{width:20px; height:0px; border-bottom:25px solid #fff; border-left:-50px solid transparent; border-right:10px solid transparent;} #trapeze img{left:20px;} /* 상단메뉴 고정 */ .sticky {position: fixed;top:0;width:100%;z-index:99;} .sticky + .content {padding-top:102px;} /* 메인페이지 상단서브메뉴바 */ .sub_menu{display:block; background:#012d6a;height:40px;} .sub_menu ul{position:relative;padding:10px 0;color:#fff;margin-left:10px;} .sub_menu li a {position:relative; display:block;text-align:center;color:#fff;font-weight:600;} .sub_menu li{position:relative;display:inline-block;width:30%;} /* 페이지 상단탭메뉴바 */ /* 회사소개 상단탭메뉴바 */ .tap_menu{display:block; background:#686869;height:40px;} .tap_menu ul{position:relative;padding:10px 0;color:#fff;margin-left:10px;} .tap_menu li{position:relative;display:inline-block;width:30%;text-align:center;color:#fff;font-weight:600;cursor: pointer;} /* 좌측메뉴 */ .sidenav {height:100%;width:0;position:fixed;z-index:999;top:0;left:0;background-color:#fff;overflow-x:hidden;transition:0.5s;} .sidenav img{z-index:999;} .sidenav a {padding:15px 0px 15px 10px;text-decoration:none;font-size:16pt;font-weight:600;color:#012d6a;display:block;transition:0.3s;width:250px;background-color:#f4fafe;border-bottom:1px solid #012d6a;} .sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;} .dropdown-btn {padding: 15px 0px 15px 10px;text-decoration: none;font-size: 16pt;font-weight:600;color: #012d6a; display: block; border: none;background-color:#f4fafe;width: 250px; text-align: left;cursor: pointer;outline: none;font-family:나눔고딕, NanumGothic, 'NanumGothicWeb', "Malgun Gothic", "돋움", dotum;border-bottom:1px solid #012d6a;} .dropdown-container {display: none;background-color: #fff;} .dropdown-container a{background-color: #fff;} /*상담요청 우측하단배너*/ .cs_icon a{position:fixed;bottom:20px;right:15px;max-width:100%;text-align:right;z-index:999;} /* 회사소개 */ .company{text-align:center;} .company_bg{background:url('../images/company/company_bg.jpg') no-repeat center top;;background-size:100%;} .company_title{margin:30px;} .company_contents{font-size:8pt;font-weight:600;text-align:left;margin:15px 20px 40px;} .company_bg{background:url('../images/company/company_bg.jpg') no-repeat center top;;background-size:100%;} .title_bg{background:url('../images/company/company_title_bg.jpg') no-repeat center top;;background-size:100%;} h2{float:left;font-weight:600;font-size:12pt;margin:10px 0;} #dia{margin-bottom:5px;margin-right:2px;}