/* @import url("fonts.css"); */ /* @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,600&display=swap&subset=korean'); */ /* @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic|Noto+Sans+KR'); */ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2') format('woff2'), url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff') format('woff'), url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf') format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2') format('woff2'), url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff') format('woff'), url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf') format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 600; src: url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2') format('woff2'), url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff') format('woff'), url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf') format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2') format('woff2'), url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff') format('woff'), url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf') format('opentype'); } #skipNavi{position:absolute;margin:0 auto;width:100%;list-style:none;font-size:1.15em;top:-10.5em;left:0;z-index:999999;} #skipNavi a:active, #skipNavi a:focus{position:absolute;padding-top:0.5em;width:100%;height:2em;top:10.5em;text-align:center;color:#000;font-weight:bold;background:#fff;border-bottom:1px solid #475470;outline:0;z-index:999999;} #wrap{font-family:'Noto Sans KR';-webkit-text-size-adjust:100%;font-size:13px;line-height:150%;min-width:320px;color:#000;} .inner{max-width:1200px;margin:0 auto;position:relative;} #seoul-gnb-plugin .seoul-gnb-holder{max-width:1200px !important;} #header{position:relative;} #header .head_menu .inner{overflow:hidden} #header .head_menu .inner h1{-webkit-transition:all 0.3s;transition:all 0.3s;padding:10px 0 15px 0;} #header .head_menu .inner h1 img{-webkit-transition:all 0.3s;transition:all 0.3s;} #header .head_menu .inner .logo{padding:5px 20px 5px 0;float:left} #header .head_menu .inner .sns_menu{position:absolute;right:-3px;top:24px;overflow:hidden;letter-spacing:0.1px;} #header .head_menu .inner .sns_menu ul{overflow:hidden;float:left;} #header .head_menu .inner .sns_menu ul li{float:left;font-size:14px} #header .head_menu .inner .sns_menu ul li a{font-family: 'Noto Sans KR'; display:block;height:30px;line-height:30px;color:#5f561d;} #header .head_menu .inner .sns_menu ul li:first-child a{background:none} .search_top{position:absolute;left:48.6%;top:45px;margin-left:-201px;margin-top:-20px;height:35px;line-height:35px;border:2px solid #1d94db ;border-radius:50px;} .search_top_heignt{top:41px;} .search_top .in{} .search_top select{position:absolute;left:0;top:0;border:0;width:90px;margin-left:15px;border:0;height:35px;line-height:35px;vertical-align:top;background:url(../img2018/bg_search_top_arrow.png) no-repeat right center;-webkit-appearance: none; appearance: none} .search_top select::-ms-expand {display: none;} .search_top select:after{content:'';display:block;position:absolute;right:0;top:0;bottom:0;width:25px;height:35px;background:url(../img2018/bg_search_top_arrow.png) no-repeat center top;z-index:100;} .search_top .in div{margin:0 50px 0 100px} .search_top .in div .hide{position:absolute;left:-9999px;} .search_top .in div input[type="text"]{border:0;width:100%;background:none;padding-left:5px;height:25px;line-height:30px;outline:0;vertical-align:top;margin-top:4px;text-indent:5px;font-size:14px} .search_top input[type="image"]{position:absolute;right:5px;top:3px;} .search_top a img{margin-top:7px;} .search_top.active{display:block;width:181px;z-index:10000;position:relative;} .search_top.active .in{display:block;} #header .inner .search_toggle{position:absolute;right:1px;top:0;} #header .gnb_wrap{background:#1d94db;height:58px;} #header .gnb_wrap .inner{position:relative;z-index:101;} #header .gnb_wrap .inner .searchGnb{} #header .gnb_wrap .inner .searchGnb .gnb{margin:0 100px;} #header .gnb_wrap .inner .searchGnb .gnb > ul{overflow:hidden;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li{float:left;width:20%;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li:first-child{background:url(../img2018/bg_gnb_line.png) no-repeat left center;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li.last{padding-right:0;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > a{display:block;font-size:17px;color:#fff;font-weight:500;-webkit-transition:color .3s;transition:color .3s;letter-spacing:-1px;height:48px;line-height:48px;text-align:center;background:url(../img2018/bg_gnb_line.png) no-repeat right center;position:relative;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li:hover > a:after{content:'';display:block;clear:both;position:absolute;left:50%;bottom:0;width:19px;height:9px;background:url(../img2018/bg_gnb_arrow.png) no-repeat center center;margin-left:-10px;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li:focus > a:after{content:'';display:block;clear:both;position:absolute;left:50%;bottom:0;width:19px;height:9px;background:url(../img2018/bg_gnb_arrow.png) no-repeat center center;margin-left:-10px;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub{display:none;position:absolute;left:100px;right:0;top:48px;overflow:hidden;z-index:101;text-align:center;font-family:'Nanum Gothic', 나눔고딕, 'Noto Sans KR';-webkit-transition:all 0.3s;transition:all 0.3s;text-align:center;padding-bottom:10px;height:260px;text-align:right;margin-top:20px;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub > li{display:inline-block;vertical-align:top;margin-left:10px;min-width:100px;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub > li > a{display:block;font-size:15px;color:#fff;font-weight:600;line-height:150%;letter-spacing:-1px;height:45px;line-height:45px;-webkit-transition:color .3s;transition:color .3s;font-family:'Nanum Gothic', 나눔고딕, 'Noto Sans KR';text-align:left;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub > li:hover > a{color:#ffff00;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub > li:focus > a{color:#ffff00;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub > li.on > a{color:#ffff00;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub > li:first-child{margin-right:0;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub > li > ul{text-align:left;border-top:1px solid #81bfea;padding-top:10px;margin-top:-1px;padding-right:5px;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub > li > ul > li > a{font-size:13px;color:#fff;padding:4px 0 4px 10px;display:block;letter-spacing:-1px;-webkit-transition:color .3s;transition:color .3s;font-family:'Nanum Gothic', 나눔고딕, 'Noto Sans KR';background:url(../img2018/ico_bar03.png) no-repeat left 14px;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub > li > ul > li > a:hover{color:#000} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub > li > ul > li > a:focus{color:#000} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub > li > ul > li > a.on{color:#000} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub01{margin-left:-45px;text-align:left;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub01 > li:first-child{} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub02{margin-left:85px;text-align:left;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub02 > li:first-child{} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub03{margin-left:-65px;width:1040px;;} /* #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub03 li{min-width:125px;} */ #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub03 li:nth-child(1){width:163px;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub03 li:nth-child(2){width:123px;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub03 li:nth-child(3){width:135px;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub03 li:nth-child(4){width:110px;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub03 li:nth-child(5){width:120px;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub03 li:nth-child(6){width:118px;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub03 li:nth-child(7){width:120px;margin-right:-10px;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub04{margin-right:270px;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub05{margin-right:200px;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub05 li:nth-child(1){width:118px} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub05 li:nth-child(2){width:106px} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub05 li:nth-child(3){width:120px} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub06{margin-right:80px;} #header .gnb_wrap .inner .searchGnb .gnb > ul:after{content:'';display:block;clear:both} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub > li.detailbusiness a{margin-right:10px;margin-top:10px;padding:5px 10px;line-height:15px;height:15px;display:block;background-color:#ffffff;color:#008ac8;font-size:16px;font-weight:700;border-radius:20px;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub > li.detailbusiness a{margin-top:10px;padding:5px 10px;line-height:15px;height:15px;display:block;background-color:#ffffff;color:#008ac8;font-size:16px;font-weight:700;border-radius:20px;} /*2019-03-21 추가*/ .deps_two .inner > ul > li > ul > li.detailbusiness a{margin-right:20px;padding:10px 15px;line-height:25px;height:25px;display:block;background-color:#ffffff;color:#008ac8;font-size:20px;font-weight:700;border-radius:20px;} #header .gnb_wrap .inner .searchGnb:after{content:'';display:block;clear:both;} #header .gnb_wrap .inner:after{content:'';display:block;clear:both} #header .gnb_wrap .gnb_bg{display:none;background:#047cc0;height:270px;position:absolute;left:0;right:0;top:154px;z-index:100;padding-top:20px;} #header.fixed{} #header.fixed .head_menu{display:none;} #header.fixed .gnb_wrap{position:fixed;width:100%;left:0;top:0;z-index:1000;} #header.fixed .gnb_wrap .inner h1{top:5px;} #header.fixed .gnb_wrap .inner h1 img{height:30px;} #header.fixed .gnb_wrap .inner .searchGnb .gnb{} #header.fixed .gnb_wrap .inner .searchGnb .gnb > ul > li > a{} #header.fixed .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub{top:43px;} #header.fixed .gnb_wrap .gnb_bg{top:48px;} #wrap.main #header.fixed .gnb_wrap{} .mobile_header{display:none;width:100%;position:fixed;left:0;right:0;top:0;background:#fff;z-index:1000;border-bottom:1px solid #ddd;} .mobile_header h1{text-align:center;padding:10px 0;} .mobile_header h1 img{height:30px;} .mobile_header .open_mobile_fullmenu{position:absolute;left:0;top:0;width:50px;height:50px;} .mobile_header .open_mobile_fullmenu img{height:50px;} .mobile_header .lang{position:absolute;right:10px;top:13px;display:inline-block;height:22px;line-height:22px;border:1px solid #959595;padding:0 10px;font-size:12px;color:#333;} .mobile_header .mobile_fullmenu{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:url(../img2018/bg_gray.png) repeat left top;} .mobile_header .mobile_fullmenu .inner{position:fixed;left:-270px;top:0;bottom:0;width:270px;background:#fff;overflow-y:auto;} .mobile_header .mobile_fullmenu .inner h1{text-align:left;padding:10px;border-bottom:1px solid #e4e4e4;} .mobile_header .mobile_fullmenu .inner .member{position:absolute;right:50px;top:15px;} .mobile_header .mobile_fullmenu .inner .member a{display:inline-block;background:#fde34e;border-radius:50px;color:#000;line-height:20px;padding:0 12px;font-size:12px;letter-spacing:-1px;} .mobile_header .mobile_fullmenu .inner .close_mobile_fullmenu{position:absolute;right:0;top:0;} .mobile_header .mobile_fullmenu .inner .close_mobile_fullmenu img{height:40px;padding:5px;} .mobile_header .mobile_fullmenu .inner .search_top{padding:10px;display:block;width:230px;z-index:10000;height:20px;line-height:30px;overflow:hidden;} .mobile_header .mobile_fullmenu .inner .search_top .in{display:block;} .mobile_header .mobile_fullmenu .inner .search_top input[type="text"]{border:2px solid #008AC8;background:none;padding-left:5px;border-radius:20px;height:25px;line-height:30px;width:190px;font-weight:bold;outline:0;} .mobile_header .mobile_fullmenu .inner .search_top a img{margin-top:7px;} .mobile_header .mobile_fullmenu .inner .mobile_fullmenu_list > ul > li{border-top:1px solid #e4e4e4;} .mobile_header .mobile_fullmenu .inner .mobile_fullmenu_list > ul > li:first-child{border-top:0;} .mobile_header .mobile_fullmenu .inner .mobile_fullmenu_list > ul > li > a{display:block;font-size:15px;color:#000;line-height:150%;padding:10px 15px;background:url(../img2018/ico_plus01.png) no-repeat 95% center;background-size:auto 15px;font-family:'Nanum Gothic', 나눔고딕, 'Noto Sans KR'} .mobile_header .mobile_fullmenu .inner .mobile_fullmenu_list > ul > li > a.active{background-image:url(../img2018/ico_minus01.png);background-size:auto 15px;color:#1d93db} .mobile_header .mobile_fullmenu .inner .mobile_fullmenu_list > ul > li > ul{display:none;border-top:1px solid #e4e4e4;} .mobile_header .mobile_fullmenu .inner .mobile_fullmenu_list > ul > li > ul > li{border-top:1px solid #e4e4e4;} .mobile_header .mobile_fullmenu .inner .mobile_fullmenu_list > ul > li > ul > li:first-child{border-top:0;} .mobile_header .mobile_fullmenu .inner .mobile_fullmenu_list > ul > li > ul > li > a{display:block;font-size:14px;padding:10px 20px;color:#000;background:#ededed;} .mobile_header .mobile_fullmenu .inner .mobile_fullmenu_list > ul > li > ul > li > ul{padding:5px 0;background:#d2d2d2;} .mobile_header .mobile_fullmenu .inner .mobile_fullmenu_list > ul > li > ul > li > ul > li > a{display:block;background:url(../img2018/ico_bul05.png) no-repeat 20px 10px;font-size:13px;padding:5px 0 5px 28px;color:#000;} .mobile_header .mobile_fullmenu .inner .mobile_fullmenu_list > ul > li > ul > li > ul > li > a:hover{color:#00a3e2} .mobile_header .mobile_fullmenu .inner .mobile_fullmenu_list > ul > li > ul > li > ul > li > a:focus{color:#00a3e2} .mobile_header .mobile_fullmenu .inner .mobile_fullmenu_list > ul > li > ul > li > ul > li > a.on{color:#00a3e2} .mobile_header .mobile_fullmenu .inner .mobile_fullmenu_list > ul > li > ul > li > ul > li > ul{padding-left:28px;} .mobile_header .mobile_fullmenu .inner .mobile_fullmenu_list > ul > li > ul > li > ul > li > ul > li > a{display:block;padding-left:10px;color:#fff;font-size:12px;} #footer{background:#464646} #footer .inner{padding:40px 0;position:relative;z-index:0;} #footer .inner .foot_menu{width:660px;padding-bottom:15px;} #footer .inner .foot_menu ul{overflow:hidden;display:inline-block;} #footer .inner .foot_menu ul li{float:left;padding:0 7px;line-height:33px;} #footer .inner .foot_menu ul li a{font-size:14px;color:#fff;} #footer .inner .foot_menu ul li a img{vertical-align:top;} #footer .inner .foot_menu ul li:first-child{padding-left:0;} #footer .inner address{width:530px;font-size:12px;line-height:150%;padding-bottom:20px;color:#9a9a9a;font-family:'Noto Sans KR';font-weight:400;} #footer .inner .copyright{color:#a9a9a9;font-size:12px;font-weight:500;font-family:'Noto Sans KR';letter-spacing:0;} #footer .inner .family{position:absolute;right:0;top:35px;text-align:right;z-index:-1;} #footer .inner .family .inner{width:215px;float:right;padding:0 0 20px 0} #footer .inner .family .inner select{border:1px solid #c0c0c0;color:#000;font-size:12px;display:block;height:30px;line-height:30px;width:170px;float:left;margin-right:5px;} #footer .inner .family .inner .go{width:36px;height:30px;border:0;-webkit-appearance:none;text-indent:-9999px;display:block;float:right;background:url('../img2018/btn_go.png') no-repeat 0 0;} #footer .inner .family .logo{clear:both} #footer .inner .family .logo ul{overflow:hidden} #footer .inner .family .logo ul li{float:left;margin-left:20px;} #footer .inner .family .logo ul li.bottom{margin-top:30px;} #footer .inner .family .logo ul li a img{} #footer .inner .family .logo ul li .seoul_banner img{width: 100%;height: auto;} .right_quick{position:fixed;right:-210px;top:200px;z-index:1001} .right_quick.on{right:0px;} .right_quick ul{position:absolute;left:0;top:0;} .right_quick ul li{margin-bottom:1px;} .right_quick ul li a{display:block;width:39px;height:44px;background:url(../img2018/img_right_banner.png) no-repeat left top;text-indent:-9999px;overflow:hidden;} .right_quick ul li a#right_quick01{background-position:0 0} .right_quick ul li a#right_quick02{background-position:0 -45px} .right_quick ul li a#right_quick03{background-position:0 -90px} .right_quick ul li a#right_quick04{background-position:0 -135px} .right_quick ul li a#right_quick05{background-position:0 -180px} .right_quick .newsletter{margin-left:39px;width:160px;padding:15px 25px 0 25px;background:#00a4e0;height:225px;position:relative;border-radius:0 0 0 10px} /* height:285px; */ .right_quick .newsletter .in .close_newsletter{position:absolute;right:10px;top:16px;} .right_quick .newsletter .in h1{font-size:18px;color:#f6ff00;line-height:130%;font-weight:bold;font-family: 'Noto Sans KR';padding-bottom:10px;} .right_quick .newsletter .in p{font-size:12px;color:#afd6f1;line-height:130%;font-family: 'Noto Sans KR';padding-bottom:30px;} .right_quick .newsletter .in .email-type{color:#fff;padding-bottom:20px;} .right_quick .newsletter .in .email-type label{padding:0 10px 10px 5px;display:inline-block;vertical-align:top} .right_quick .newsletter .in .email-type input[type="radio"]{margin-bottom:10px} .right_quick .newsletter .in input[type="text"]{width:154px;border:1px solid #cfcfcf;height:26px;line-height:26px;margin-bottom:8px;} .right_quick .newsletter .in input[type="submit"]{background:url(../img/btn_request.png) no-repeat left top;width:156px;height:30px;text-indent:-9999px;overflow:hidden;border:0;cursor:pointer} .right_quick .newsletter_bottom{margin-left:39px;width:160px;height:240px;padding:15px 25px 0 25px;background:#fde34e;border-radius:10px 0 0 10px} /* height:285px; */ .right_quick .newsletter_bottom .in h1{font-size:18px;color:#696969;line-height:130%;font-weight:bold;padding-bottom:10px;} .right_quick .newsletter_bottom .in p{font-size:12px;color:#878787;line-height:130%;padding-bottom:30px;} .right_quick .newsletter .in{display:none;} .right_quick.on .newsletter .in{display:block;} /* 2019-06-24 test */ /* .right_quick2{position:fixed;right:-350px;bottom:20px;z-index:100} .right_quick2.on{right:0px;} .right_quick2 ul{position:absolute;left:-20px;bottom:0;} .right_quick2 ul li{margin-bottom:1px;} .right_quick2 ul li a{display:block;width:100px;height:100px;background:url(../img2018/img_right_banner02.png) no-repeat center center;text-indent:-9999px;overflow:hidden;} .right_quick2 .newsletter{margin-left:100px;width:350px;padding-bottom:40px;;height:420px;position:relative;border-radius:10px;overflow:hidden;} height:285px; background:#00a4e0; .right_quick2 .newsletter img{width:100%;max-width:350px;} .right_quick2 .newsletter .in {width:100%;height:100%;} .right_quick2 .newsletter .in .close_newsletter{position:absolute;right:0;top:16px;} .right_quick2 .newsletter .in h1{font-size:18px;color:#f6ff00;line-height:130%;font-weight:bold;font-family: 'Noto Sans KR';padding-bottom:10px;} .right_quick2 .newsletter .in p{font-size:12px;color:#afd6f1;line-height:130%;font-family: 'Noto Sans KR';padding-bottom:30px;} .right_quick2 .newsletter .in .email-type{color:#fff;padding-bottom:20px;} .right_quick2 .newsletter .in .email-type label{padding:0 10px 10px 5px;display:inline-block;vertical-align:top} .right_quick2 .newsletter .in .email-type input[type="radio"]{margin-bottom:10px} .right_quick2 .newsletter .in input[type="text"]{width:154px;border:1px solid #cfcfcf;height:26px;line-height:26px;margin-bottom:8px;} .right_quick2 .newsletter .in input[type="submit"]{background:url(../img/btn_request.png) no-repeat left top;width:156px;height:30px;text-indent:-9999px;overflow:hidden;border:0;cursor:pointer} .right_quick2 .newsletter_bottom{margin-left:39px;width:160px;height:240px;padding:15px 25px 0 25px;background:#fde34e;border-radius:10px 0 0 10px} height:285px; .right_quick2 .newsletter_bottom .in h1{font-size:18px;color:#696969;line-height:130%;font-weight:bold;padding-bottom:10px;} .right_quick2 .newsletter_bottom .in p{font-size:12px;color:#878787;line-height:130%;padding-bottom:30px;} .right_quick2 .newsletter_bottom .in iframe table{border-collapse:collapse;} .right_quick2 .newsletter_bottom .in iframe table td{border:1px solid black;padding:10px;text-align:center;} .right_quick2 iframe{width:100%;height:100%;border:0;} */ /* .right_quick2 .newsletter .in{display:none;} */ /* .right_quick2.on .newsletter .in{display:block;} */ /* quickmenu 2020.07.21 */ .right_quick2{ margin-top:18px; position: relative; overflow: hidden; } .right_quick2.on{right:0px;} .right_quick2 ul{ } .right_quick2 ul li{margin-bottom:1px;} .right_quick2 ul li a{display:block;width:100px;height:100px; margin:0 auto; background:url('../img2018/img_right_banner02.png') no-repeat center center;text-indent:-9999px;overflow:hidden;} .right_quick2 .newsletter{ width:350px;padding-bottom:40px;;height:420px; border-radius:10px;overflow:hidden; position: fixed; bottom:20px; right:-450px; -webkit-transition-delay: 0.05s;transition-delay: 0.05s;transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; } .right_quick2 .newsletter img{width:100%;max-width:350px;height:42px; } .right_quick2 .newsletter .in {width:100%;height:100%;} .right_quick2 .newsletter .close_newsletter2 { display: block; height:42px; } .right_quick2 .newsletter .in .close_newsletter{position:absolute;right:0;top:16px;} .right_quick2 .newsletter .in h1{font-size:18px;color:#f6ff00;line-height:130%;font-weight:bold; padding-bottom:10px;} .right_quick2 .newsletter .in p{font-size:12px;color:#afd6f1;line-height:130%;padding-bottom:30px;} .right_quick2 .newsletter .in .email-type{color:#fff;padding-bottom:20px;} .right_quick2 .newsletter .in .email-type label{padding:0 10px 10px 5px;display:inline-block;vertical-align:top} .right_quick2 .newsletter .in .email-type input[type="radio"]{margin-bottom:10px} .right_quick2 .newsletter .in input[type="text"]{width:154px;border:1px solid #cfcfcf;height:26px;line-height:26px;margin-bottom:8px;} .right_quick2 .newsletter .in input[type="submit"]{background:url('../img2018/btn_request.png') no-repeat left top;width:156px;height:30px;text-indent:-9999px;overflow:hidden;border:0;cursor:pointer} .right_quick2 .newsletter_bottom{margin-left:39px;width:160px;height:240px;padding:15px 25px 0 25px;background:#fde34e;border-radius:10px 0 0 10px} /* height:285px; */ .right_quick2 .newsletter_bottom .in h1{font-size:18px;color:#696969;line-height:130%;font-weight:bold;padding-bottom:10px;} .right_quick2 .newsletter_bottom .in p{font-size:12px;color:#878787;line-height:130%;padding-bottom:30px;} .right_quick2 .newsletter_bottom .in iframe table{border-collapse:collapse;} .right_quick2 .newsletter_bottom .in iframe table td{border:1px solid black;padding:10px;text-align:center;} .right_quick2 iframe{width:100%;height:100%;border:0;} .right_quick2.open { overflow: visible; } .right_quick2 .newsletter.on { right: 0; } #newsletter .in {width:700px;height:500px;background-color:#00a4e0;border:3px solid #0093c9;} #newsletter .in .top{width:700px;height:57px;border-bottom:1px solid #26b2e5;} #newsletter .in .top .logo{width:88px;height:57px;background:url(../img/img_letterlogo.png) 20px 10px no-repeat;float:left;} #newsletter .in .top ul{overflow:hidden;padding:10px 0 10px 429px;} #newsletter .in .top ul li{float:left;display:inline-block;margin-right:9px;width:36px;height:36px;} #newsletter .in .top ul li a{display:block;width:36px;height:36px;} #newsletter .in .top ul li:first-child{background:url(../img/btn_facebook.png);} #newsletter .in .top ul li:nth-child(2){background:url(../img/btn_blog.png);} #newsletter .in .top ul li:nth-child(3){background:url(../img/btn_kakao.png);} #newsletter .in .top ul li:last-child{background:url(../img/btn_youtube.png);} #newsletter .in .cont{z-index:1;width:700px;height:443px;background:url(../img/img_newsletter_cont.jpg);} #newsletter .in .cont h1{text-indent:-9999px;} #newsletter .in .cont p{text-indent:-9999px;} #newsletter .in .cont form{width: 523px;margin:190px auto;} #newsletter .in .cont input[type="text"]{width:380px;border:1px solid #cfcfcf;height:40px;line-height:26px;margin-bottom:8px;font-size:17px;} #newsletter .in .cont input[type="submit"]{background:url(../img/btn_newsletterrequest.png) no-repeat left top;margin-left:15px;width:120px;height:36px;text-indent:-9999px;overflow:hidden;border:0;cursor:pointer} /* main_new */ #container > #contents{min-height:3000px;width:100%;} #container .main_visual{height:300px;overflow:hidden;max-width:1200px;margin:10px auto 0 auto;} #container .main_visual ul li{height:300px;overflow:hidden;background-repeat:no-repeat;background-position:center top;position:relative;} #container .main_visual ul li.main_visual01{background-image:url(../img2018/img_main_visual01_2020_new.jpg);} #container .main_visual ul li.main_visual02{background-image:url(http://img.sba.kr/img/img_main_visual02_new.jpg);} #container .main_visual ul li.main_visual03{background-image:url(../img2018/img_main_visual03_20190510.jpg);} #container .main_visual ul li.main_visual04{background-image:url(http://img.sba.kr/img/img_main_visual04_20190902.jpg);} #container .main_visual ul li.main_visual05{background-image:url(http://img.sba.kr/img/img_main_visual05_20190930.jpg);} #container .main_visual ul li.main_visual06{background-image:url(../img2018/img_main_visual06_new.jpg);} #container .main_visual ul li.main_visual07{background-image:url(http://img.sba.kr/img/img_main_visual07_20190510.jpg);} #container .main_visual ul li.main_visual08{background-image:url(http://img.sba.kr/img/img_main_visual08_new.jpg);} #container .main_visual ul li.main_visual09{background-image:url(../img2018/img_main_visual09.jpg);} #container .main_visual ul li.main_visual10{background-image:url(http://img.sba.kr/img/img_main_visual10_20200609.jpg);} #container .main_visual ul li.main_visual11{background-image:url(../img2018/img_main_visual11.jpg);} #container .main_visual ul li a{display:block;text-indent:-9999px;overflow:hidden;height:100%;} #container .main_visual .bx-wrapper{position:relative;} #container .main_visual .bx-wrapper .bx-prev{position:absolute;left:50%;top:50%;margin-left:-555px;margin-top:-20px;width:22px;height:41px;text-indent:-999px;overflow:hidden;background:url(../img2018/btn_mainvisual_prev.png) no-repeat center center;background-size:auto 41px;} #container .main_visual .bx-wrapper .bx-next{position:absolute;right:50%;top:50%;margin-right:-555px;margin-top:-20px;width:22px;height:41px;text-indent:-999px;overflow:hidden;background:url(../img2018/btn_mainvisual_next.png) no-repeat center center;background-size:auto 41px;} #container .main_visual .bx-wrapper .bx-start{display:none} #container .main_visual .bx-wrapper .bx-stop{display:none} #container .main_visual .bx-wrapper .bx-pager{position:absolute;left:50%;margin-left:380px;bottom:10px;text-align:right;width:180px;} #container .main_visual .bx-wrapper .bx-pager .bx-pager-item{display:inline-block;margin-left:10px;} #container .main_visual .bx-wrapper .bx-pager .bx-pager-item a{display:block;width:8px;height:8px;text-indent:9999px;overflow:hidden;background:url(../img2018/ico_nav01.png) no-repeat right top;-webkit-transition:width .3s;transition:width .3s;} #container .main_visual .bx-wrapper .bx-pager .bx-pager-item a.active{width:32px;background-position:left top;} #container #main_section01{padding: 10px 0 20px;} #container #main_section01 .inner{overflow:hidden;} #container #main_section01 .inner .notice{float:left;width:51%;margin-right:1%;background:#fff;overflow:hidden;position:relative;height:190px;} #container #main_section01 .inner .notice > span{position:absolute;top:10px;left:97px;display:block;font-size:14px;font-weight:bold;color:#333;background-color:#fff;} #container #main_section01 .inner .notice .tab{border-bottom:1px solid #eee;height:38px;} #container #main_section01 .inner .notice .tab > ul{overflow:hidden;margin-right:105px;} #container #main_section01 .inner .notice .tab > ul > li{float:left;width:24%;margin-left:2px;} #container #main_section01 .inner .notice .tab > ul > li:first-child{margin-left:0;} #container #main_section01 .inner .notice .tab > ul > li > a{display:block;font-size:15px;font-weight:400;color:#333;border-bottom:1px solid #eee;height:38px;line-height:38px;text-align:center;background:#eee;font-family: 'Noto Sans KR';} #container #main_section01 .inner .notice .tab > ul > li > a:hover{background:#1d94db;color:#fff;} #container #main_section01 .inner .notice .tab > ul > li > a:focus{background:#1d94db;color:#fff;} #container #main_section01 .inner .notice .tab > ul > li > a.on{background:#1d94db;color:#fff;} #container #main_section01 .inner .notice .gallaryList_select{position:absolute;right:45px;top:8px;} #container #main_section01 .inner .notice .gallaryList_select ul{overflow:hidden;} #container #main_section01 .inner .notice .gallaryList_select ul li{float:left;} #container #main_section01 .inner .notice .gallaryList_select ul li a{display:block;background:url(../img2018/ico_gallaryList.png) no-repeat left top;width:27px;height:24px;text-indent:-9999px;overflow:hidden;} #container #main_section01 .inner .notice .gallaryList_select ul li a#gallaryList_select01{background-position:0 0} #container #main_section01 .inner .notice .gallaryList_select ul li a#gallaryList_select02{background-position:-27px 0;} #container #main_section01 .inner .notice .gallaryList_select ul li a#gallaryList_select01.on{background-position:0 -24px;} #container #main_section01 .inner .notice .gallaryList_select ul li a#gallaryList_select02.on{background-position:-27px -24px;} #container #main_section01 .inner .notice .gallary_list{display:none;position:absolute;left:0;top:60px;right:0;border-bottom:1px solid #ddd} #container #main_section01 .inner .notice .gallary_list ul{height:150px;overflow:hidden;margin-left:-2%;} #container #main_section01 .inner .notice .gallary_list ul li{float:left;width:18%;margin-left:2%;} #container #main_section01 .inner .notice .gallary_list ul li a{display:block;} #container #main_section01 .inner .notice .gallary_list ul li .img {text-align:center;border:1px solid #ccc;} #container #main_section01 .inner .notice .gallary_list ul li .img img{width:100%;height:72px;} #container #main_section01 .inner .notice .gallary_list ul li .txt{padding:5px 0;font-weight:normal;} #container #main_section01 .inner .notice .gallary_list ul li .txt p{width:100%;color:#000;height:30px;line-height:16px;text-overflow:ellipsis;word-break:break-all;overflow:hidden;font-size:12px;margin-bottom:5px;} #container #main_section01 .inner .notice .gallary_list ul li .txt .date{font-size:11px;color:#666;position:static;} #container #main_section01 .inner .notice .gallary_list a.more{position:absolute;right:0;top:-52px;} #container #main_section01 .inner .notice .list{display:none;position:absolute;left:0;top:42px;right:0;} #container #main_section01 .inner .notice .list ul{padding-top:10px} #container #main_section01 .inner .notice .list ul li:first-child{border-top:0} #container #main_section01 .inner .notice .list ul li a{display:block;background:url(../img2018/ico_bul03.png) no-repeat 10px center;line-height:150%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;padding:6px 15px 6px 20px;font-size:15px;} #container #main_section01 .inner .notice .list ul li .img{display:none;} #container #main_section01 .inner .notice .list ul li .txt{position:relative;} #container #main_section01 .inner .notice .list ul li .txt p{display:block;height:16px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:70px;font-size:14px;font-family: 'Noto Sans KR';} #container #main_section01 .inner .notice .list li .txt .date{position:absolute;right:0;top:0;height:16px;line-height:16px;font-size:13px;} #container #main_section01 .inner .notice .list a.more{position:absolute;right:0;top:-34px;} #container #main_section01 .inner .banner{float:right;width:47%;margin-left:1%;height:190px;position:relative;background:#fff;overflow:hidden;} #container #main_section01 .inner .banner ul li{overflow:hidden;} #container #main_section01 .inner .banner .bx-wrapper{position:relative;} #container #main_section01 .inner .banner .bx-wrapper .bx-viewport{overflow:hidden;} #container #main_section01 .inner .banner .bx-wrapper .bx-pager{display:none;} #container #main_section01 .inner .banner .bx-wrapper .bx-prev{display:block;width:24px;height:24px;position:absolute;right:78px;top:10px;text-indent:-9999px;overflow:hidden;background:url(../img2018/btn_prev02.png) no-repeat left top;z-index:100} #container #main_section01 .inner .banner .bx-wrapper .bx-next{display:block;width:24px;height:24px;position:absolute;right:45px;top:10px;text-indent:-9999px;overflow:hidden;background:url(../img2018/btn_next02.png) no-repeat left top;z-index:100} #container #main_section01 .inner .banner .bx-wrapper .bx-stop{display:block;width:24px;height:24px;position:absolute;right:10px;top:10px;text-indent:-9999px;overflow:hidden;background:url(../img2018/btn_pause.png) no-repeat left top;z-index:110} #container #main_section01 .inner .banner .bx-wrapper .bx-start{background:url(../img2018/btn_play.png) no-repeat left top;display:block;width:24px;height:24px;position:absolute;right:10px;top:10px;text-indent:-9999px;overflow:hidden;z-index:110} #container #main_section01 .inner .banner .bg_controll{width:100%;position:absolute;left:0;bottom:0;height:47px;z-index:99;border-radius:0 0 10px 10px}/*background:url(../img2018/bg_controll.png) repeat left top;*/ /* #container #contents{width:100%;} */ #container #contents .banner{width:100%;position:relative;background:#fff;overflow:hidden;} #container #contents .banner ul li{overflow:hidden;} #container #contents .banner ul li img{width:100%;} #container #contents .banner .bx-wrapper{position:relative;} #container #contents .banner .bx-wrapper .bx-viewport{overflow:hidden;} #container #contents .banner .bx-wrapper .bx-pager{display:none;} #container #contents .banner .bx-wrapper .bx-prev{display:block;width:24px;height:24px;position:absolute;right:78px;top:10px;text-indent:-9999px;overflow:hidden;background:url(../img2018/btn_prev02.png) no-repeat left top;z-index:100} #container #contents .banner .bx-wrapper .bx-next{display:block;width:24px;height:24px;position:absolute;right:45px;top:10px;text-indent:-9999px;overflow:hidden;background:url(../img2018/btn_next02.png) no-repeat left top;z-index:100} #container #contents .banner .bx-wrapper .bx-stop{display:block;width:24px;height:24px;position:absolute;right:10px;top:10px;text-indent:-9999px;overflow:hidden;background:url(../img2018/btn_pause.png) no-repeat left top;z-index:110} #container #contents .banner .bx-wrapper .bx-start{background:url(../img2018/btn_play.png) no-repeat left top;display:block;width:24px;height:24px;position:absolute;right:10px;top:10px;text-indent:-9999px;overflow:hidden;z-index:110} #container #contents .banner .bg_controll{width:100%;position:absolute;left:0;bottom:0;height:47px;z-index:99;border-radius:0 0 10px 10px}/*background:url(../img2018/bg_controll.png) repeat left top;*/ #container #main_section01 .w_banner{display:block;} #container #contents .m_banner{display:none;} #container #main_section01_2 {padding-top:20px;} /* #container #main_section01_2 .inner{min-width:1153px} */ #container #main_section01_2 ul.main_ico{margin:0 auto 30px;overflow:hidden;width:100%;/* height:129px; */} #container #main_section01_2 ul.main_ico li{display:block;float:left;width:12.5%;min-width:136px;/* border-radius:50%; */text-align:center;/* padding:15px; *//* border:1px solid #cfcfd1; */box-sizing: border-box;} #container #main_section01_2 ul.main_ico li a{display:block;text-align:center;text-decoration:none;color:#888888;background: url('../img2018/bg_mainico.gif') no-repeat center;} /* #container #main_section01_2 ul.main_ico li img{width:40px;} */ #container #main_section01_2 ul.main_ico li h3{font-size:13px;font-weight:500;color:#4d4d4d;} #container #main_section01_2 ul.main_ico li .ico{padding-top:20px;height:129px;box-sizing: border-box;} #container #main_section01_2 ul.main_ico li .ico img{height:45px;} #container #main_section01_2 ul.main_ico li .ico h3{margin-top:15px;} #container #main_section01_2 ul.main_ico li .txt{margin:0 auto;padding:20px;font-weight:700;text-align:left;line-height:17px;color:#4d4d4d;font-size:12px;width:136px;height:129px;box-sizing: border-box;display:none;} #container #main_section01_2 ul.main_ico li .txt h3{margin-bottom:10px;letter-spacing:-1pt;} #container #main_section01_2 ul.main_ico li a:hover{background: url('../img2018/bg_mainico_ov.gif') no-repeat center;} #container #main_section01_2 ul.main_ico li a:hover .ico{display:none;} #container #main_section01_2 ul.main_ico li a:hover .txt{display:block;} #container #main_section01_2 ul.main_ico li a:hover h3{font-weight:700;text-align:center;margin-bottom:24px;} #container #main_section01_2 ul.main_ico li a:focus{background: url('../img2018/bg_mainico_ov.gif') no-repeat center;} #container #main_section01_2 ul.main_ico li a:focus .ico{display:none;} #container #main_section01_2 ul.main_ico li a:focus .txt{display:block;} #container #main_section01_2 ul.main_ico li a:focus h3{font-weight:700;text-align:center;margin-bottom:24px;} /* #container #main_section01_2 ul.main_ico li:hover{background-color:#d7d7d7;} #container #main_section01_2 ul.main_ico li:hover h3{font-weight:700;color:#4d4d4d} #container #main_section01_2 ul.main_ico li:hover .ico{display:none;} #container #main_section01_2 ul.main_ico li:hover .txt{display:block;color:#4d4d4d;font-size:12px;} */ #container #main_section02{background:#948981;padding:60px 0 0 0;} #container #main_section02 h2{font-size:36px;color:#fff;text-align:center;line-height:130%;padding:15px 0 30px 0;font-weight:100;} #container #main_section02 .point_color01{color:#ffff00;font-weight:600;} #container #main_section02 .point_color02{font-weight:600; } #container #main_section02 .tab{padding-bottom:40px;} #container #main_section02 .tab ul{text-align:center;} #container #main_section02 .tab ul li{display:inline-block;margin:0 3px;} #container #main_section02 .tab ul li a{display:block;border:1px solid #fff;width:178px;height:46px;line-height:46px;text-align:center;font-size:17px;color:#fff;font-weight:400;border-radius:50px;-webkit-transition:all .3s;transition:all .3s;font-family:'Noto Sans KR';} #container #main_section02 .tab ul li a:hover{background:#fee869;color:#000;} #container #main_section02 .tab ul li a:focus{background:#fee869;color:#000;} #container #main_section02 .tab ul li a.active{background:#fee869;color:#000;} #container #main_section02 .cont ul li .item > h3{font-size:30px;color:#fff;font-weight:500;line-height:130%;text-align:center;letter-spacing:-2px;padding-bottom:20px;} #container #main_section02 .cont ul li .item > h4{font-size:36px;color:#fefd32;font-weight:500;line-height:130%;text-align:center;letter-spacing:-3px;} #container #main_section02 .cont ul li .item > p{font-size:40px;color:#fff;line-height:130%;text-align:center;letter-spacing:-3px;padding-bottom:40px;font-weight:100;} #container #main_section02 .cont ul li .item > p span{color:#00fcff;font-weight:400;} #container #main_section02 .cont ul li .item > .main_section02_rolling > ul{overflow:hidden;margin-left:-1.5%;} #container #main_section02 .cont ul li .item > .main_section02_rolling > ul > li{float:left;width:48.5%;margin:0 0 1.5% 1.5%;overflow:hidden;position:relative;} #container #main_section02 .cont ul li .item > .main_section02_rolling > ul > li .img{position:absolute;left:0;top:0;bottom:0;width:280px;overflow:hidden;} #container #main_section02 .cont ul li .item > .main_section02_rolling > ul > li .img img{max-width:100%;} #container #main_section02 .cont ul li .item > .main_section02_rolling > ul > li .txt{background:#fff;margin-left:280px;padding:15px;} #container #main_section02 .cont ul li .item > .main_section02_rolling > ul > li .txt strong{display:block;font-size:18px;color:#000;line-height:130%;font-weight:600;padding:0 0 10px 0;letter-spacing:-2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #container #main_section02 .cont ul li .item > .main_section02_rolling > ul > li .txt p{font-size:14px;line-height:130%;color:#000;font-weight:400;font-family:'Noto Sans KR';margin-bottom:12px;height:40px;overflow:hidden;} #container #main_section02 .cont ul li .item > .main_section02_rolling > ul > li .txt p a{font-size:13px;color:#777;margin-right:5px;} #container #main_section02 .cont ul li .item > .main_section02_rolling > ul > li .txt p br{display:none;} #container #main_section02 .cont .bx-wrapper{position:relative;} #container #main_section02 .cont .bx-wrapper .bx-prev{position:absolute;left:-130px;top:50%;width:48px;height:93px;background:url(../img2018/btn_mainvisual_prev.png) no-repeat center center;margin-top:30px;text-indent:-9999px;overflow:hidden;} #container #main_section02 .cont .bx-wrapper .bx-next{position:absolute;right:-130px;top:50%;width:48px;height:93px;background:url(../img2018/btn_mainvisual_next.png) no-repeat center center;margin-top:30px;text-indent:-9999px;overflow:hidden;} #container #main_section03{padding:30px 0 50px 0;overflow:hidden;} #container #main_section03 h2{font-size:24px;color:#000;line-height:130%;padding:35px 0 15px 0;font-family: 'Noto Sans KR';max-width:1200px;margin:0 auto;} #container #main_section03 h2 span{font-size:14px;color:#777;line-height:130%;font-weight:300;font-family:'Noto Sans KR';padding-left:10px;} #container #main_section03 h2.column{color:#336699} #container #main_section03 .item .list{width:100%;} #container #main_section03 .item .list .more{position:absolute;right:0;top:40px;font-size:14px;color:#333;} /*#container #main_section03 .item .list > h2 > a{margin-left:15px;}*/ #container #main_section03 .item .list.long{float:none;width:auto;margin-right:0;} #container #main_section03 .item .list.long ul li{width:23.5%;} #container #main_section03 .item .list ul{overflow:hidden;margin-left:-2%;} /* #container #main_section03 .item .list ul li{float:left;width:31.33%;margin-left:2%;} */ #container #main_section03 .item .list ul li{float:left;width:23.5%;margin-left:1.5%;margin-bottom:1.5%;} #container #main_section03 .item .list ul li a{display:block;border:1px solid #e4e4e4;padding:15px;} #container #main_section03 .item .list ul li a .img{overflow:hidden;height:0;padding-bottom:64%;} #container #main_section03 .item .list ul li a .img img{width:100%;} #container #main_section03 .item .list ul li a .txt strong{display:block;font-size:16px;color:#000;line-height:150%;font-weight:600;margin:10px 0;overflow:hidden;max-height:52px;} #container #main_section03 .item .list ul li a .txt p{font-family:'Noto Sans KR';font-size:14px;color:#666;line-height:150%;height:60px;overflow:hidden;} #container #main_section03 .item .list ul li a .txt .date{font-size:12px;color:#666;font-family:'Noto Sans KR';padding-top:8px;display:block;} #container #main_section03 .item .banner{float:left;width:23.8%;max-height:388px;overflow:hidden;max-width:270px;} #container #main_section03 .item .banner img{width:100%;} #container #main_section03 .item .banner .bx-wrapper{position:relative;} #container #main_section03 .item .banner .bx-wrapper ul li{overflow:hidden;} #container #main_section03 .item .banner .bx-wrapper .bx-prev{position:absolute;right:33px;top:-40px;width:28px;height:28px;background:url(../img2018/btn_prev.png) no-repeat center center;text-indent:-9999px;overflow:hidden;} #container #main_section03 .item .banner .bx-wrapper .bx-next{position:absolute;right:0;top:-40px;width:28px;height:28px;background:url(../img2018/btn_next.png) no-repeat center center;text-indent:-9999px;overflow:hidden;} #container #main_section03 .item .video{float:left;width:100%;} #container #main_section03 .item .video .more{position:absolute;right:0;top:40px;font-size:14px;color:#333;} #container #main_section03 .item .video ul{overflow:hidden;margin-left:-1.5%;} #container #main_section03 .item .video ul li{float:left;width:23.5%;margin-left:1.5%;} #container #main_section03 .item .video ul li a{display:block;} #container #main_section03 .item .video ul li a .img{overflow:hidden;height:0;padding-bottom:60%;background-color:#000;} #container #main_section03 .item .video ul li a .img img{width:100%;} #container #main_section03 .item .video ul li a .txt strong{display:block;font-size:16px;color:#333;line-height:130%;font-weight:600;padding:10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #container #main_section03 .item .video a .txt p{font-family:'Noto Sans KR';font-size:14px;color:#666;line-height:140%;height:38px;overflow:hidden;} #container #main_section03 .item:after{content:'';display:block;clear:both;} #container #main_section04{padding:50px 0;} #container #main_section04 .inner{} #container #main_section04 .inner h2{font-size:24px;color:#000;line-height:130%;padding:15px 0;font-family: 'Noto Sans KR';} #container #main_section04 .inner > ul{overflow:hidden;margin-left:-1.5%;} #container #main_section04 .inner > ul > li{float:left;margin-left:1.5%;margin-bottom:1.5%;overflow:hidden;width:31.8%;height:280px;} #container #main_section04 .inner > ul > li h3{padding:40px 0 25px 35px;font-size:24px;line-height:130%;color:#fff;font-family: 'Noto Sans KR';font-weight:500;} #container #main_section04 .inner > ul > li .main_section05_list{} #container #main_section04 .inner > ul > li .main_section05_list li{background:url(../img2018/ico_bul04_new.png) no-repeat left 8px;padding:0 0 10px 10px;} #container #main_section04 .inner > ul > li .main_section05_list li a{font-size:16px;color:#fff;letter-spacing:-1px} #container #main_section04 .inner > ul > li.join_madang{background:url(../img2018/img_main_section04_01_new.jpg) no-repeat center top;background-size:cover;} #container #main_section04 .inner > ul > li.join_madang .join_madang_list{overflow:hidden;padding-left:40px;} #container #main_section04 .inner > ul > li.join_madang .join_madang_list li{background:url(../img2018/ico_bul04_new.png) no-repeat left 8px;padding:0 0 10px 10px;} #container #main_section04 .inner > ul > li.join_madang .join_madang_list li a{font-size:16px;color:#fff;letter-spacing:-1px} #container #main_section04 .inner > ul > li.sba_guide{background:url(../img2018/img_main_section04_02_new.jpg) no-repeat center top;} #container #main_section04 .inner > ul > li.sba_guide .main_section05_list{overflow:hidden;margin:0 20px 0 20px;} #container #main_section04 .inner > ul > li.sba_guide .main_section05_list li{float:left;width:42%;margin-left:5%;padding:0 0 10px 3%;} #container #main_section04 .inner > ul > li.sba_guide .main_section05_list li a{display:block;font-size:16px;letter-spacing:-1px} #container #main_section04 .inner > ul > li.CEO_introduce{background:#3c3c41;} #container #main_section04 .inner > ul > li.CEO_introduce h3{padding-left:120px;} #container #main_section04 .inner > ul > li.CEO_introduce .main_section05_list{margin-left:120px;} #container #main_section04 .inner > ul > li.ethical{width:48.5%;background:url(../img2018/img_main_section04_04_new.jpg) no-repeat center top;background-size:cover} #container #main_section04 .inner > ul > li.ethical .main_section05_list{margin-left:40px;} #container #main_section04 .inner > ul > li.infoOpen{width:48.5%;background:url(../img2018/img_main_section04_05_new.jpg) no-repeat center top;background-size: cover;} #container #main_section04 .inner > ul > li.infoOpen h3{color:#2f3239} #container #main_section04 .inner > ul > li.infoOpen .infoOpen_list{padding-left:40px;} #container #main_section04 .inner > ul > li.infoOpen .infoOpen_list li{background:url(../img2018/ico_bul05_new.png) no-repeat left 8px;padding:0 0 10px 10px;} #container #main_section04 .inner > ul > li.infoOpen .infoOpen_list li a{display:block;font-size:16px;letter-spacing:-1px;color:#2f3239} #container #main_section05{background-color:#948981;padding:30px 0;} #container #main_section05 h2{font-size:24px;color:#504343;text-align:center;line-height:130%;padding:0 0 15px 0;font-family: 'Noto Sans KR';} #container #main_section05 .list ul{overflow:hidden;} #container #main_section05 .list ul li{margin-left:2%;float:left;width:47.5%;height:53px;} #container #main_section05 .list ul li a{display:block;position:relative;border-radius:35px;background-color:#efefef;} #container #main_section05 .list ul li a .img{border-radius:40px;overflow:hidden;position:absolute;left:8px;top:8px;width:30px;height:30px;} #container #main_section05 .list ul li a .img img{width:100%;height:100%;} #container #main_section05 .list ul li a .txt{margin-left:45px;min-height:32px;padding-top:15px;} #container #main_section05 .list ul li a .txt p{display:none;} #container #main_section05 .main_family {max-width:1200px;margin:0 auto;overflow:hidden;} #container #main_section05 .main_family .inner {width:23.49%;margin-left:2%;float:left;overflow:hidden;} #container #main_section05 .main_family .inner:first-child {margin-left:0;} #container #main_section05 .main_family .inner select{display:inline-block;float:left;vertical-align:top;width:80%;height:34px;border:1px solid #595959;font-size:14px;font-family:'Noto Sans KR';} #container #main_section05 .main_family .inner select + a{float:right;width:17%;display:inline-block;vertical-align:top;border:1px solid #595959;font-size:14px;color:#333;text-align:center;height:32px;line-height:32px;background:#fff;} /* sub_layout */ .contents_wrap{max-width:1200px;margin:0 auto;position:relative;padding-bottom:50px;} .contents_wrap .snb{position:absolute;left:0;top:0;width:220px;} .contents_wrap .snb h2{font-size: 30px;font-family: 'Noto Sans KR';color:#333;line-height:150%;font-weight:600;background:url(../img2018/bg_h3_tit.png) repeat-x left bottom;padding: 10px 0 37px;} .contents_wrap .snb > ul > li > a{display:block;font-size:16px;color:#555;line-height:150%;padding:12px 0;border-bottom:1px solid #e1e1e1;font-family:'Noto Sans KR';} .contents_wrap .snb > ul > li > a:hover{color:#1d94db;border-bottom:2px solid #1d94db} .contents_wrap .snb > ul > li > a:focus{color:#1d94db;border-bottom:2px solid #1d94db} .contents_wrap .snb > ul > li > a.on{color:#1d94db;border-bottom:2px solid #1d94db} .contents_wrap .snb > ul > li > ul > li > a{display:block;font-size:15px;padding:10px 15px;border-bottom:1px solid #e1e1e1} .contents_wrap .snb > ul > li > ul > li > a:hover{color:#1d94db;border-bottom:1px solid #1d94db;} .contents_wrap .snb > ul > li > ul > li > a:focus{color:#1d94db;border-bottom:1px solid #1d94db;} .contents_wrap .snb > ul > li > ul > li > a.on{color:#1d94db;border-bottom:1px solid #1d94db;} .contents_wrap .snb > ul > li > ul > li > ul > li > a{display:block;font-size:14px;padding:10px 30px;border-bottom:1px solid #e1e1e1} .contents_wrap .snb > ul > li > ul > li > ul > li > a:hover{color:#1d94db;border-bottom:1px solid #1d94db;} .contents_wrap .snb > ul > li > ul > li > ul > li > a:focus{color:#1d94db;border-bottom:1px solid #1d94db;} .contents_wrap .snb > ul > li > ul > li > ul > li > a.on{color:#1d94db;border-bottom:1px solid #1d94db;} .contents_wrap .snb .info{padding-top:120px;} .contents_wrap .contents{margin-left:265px;margin-top:50px;min-height:850px;} .contents_wrap.wide{max-width:none;padding-bottom:0;} .contents_wrap.wide .contents{margin-left:0;} .contents_wrap .contents .h3_tit{padding-top:20px;background:url(../img2018/bg_h3_tit.png) repeat-x left bottom;font-size: 35px;font-family: 'Noto Sans KR';color:#333;line-height:150%;font-weight:600;padding-bottom:20px;max-width:1200px;margin:0 auto 30px auto;} .contents_wrap .contents .h3_tit span{font-size:14px;color:#555;font-weight:400;padding-left:10px;line-height:150%;font-family:'Noto Sans KR';letter-spacing:-1.5px;} .contents_wrap .contents > .path{position:absolute;right:50%;margin-right:-570px;top:-20px;font-size:12px;color:#666;font-family:'Noto Sans KR';line-height:20px;} .contents_wrap .contents > .path strong{color:#000;} .contents_wrap .contents .sub_txt{font-size:14px;color:#666;line-height:150%;padding-bottom:30px;font-family:'Noto Sans KR';} .deps_two{background:#047cc0;margin-bottom:50px;-webkit-transition:all .3s;transition:all .3s;font-family:'Noto Sans KR';} .deps_two .inner{padding-left:100px;max-width:1040px;position:relative;z-index:99;} .deps_two .inner > ul{} .deps_two .inner > ul > li{display:inline-block;vertical-align:top;position:relative;margin-left:30px;min-width:100px;} .deps_two .inner > ul > li > a{display:block;font-size:15px;color:#fff;font-weight:600;line-height:150%;letter-spacing:-1px;height:45px;line-height:45px;-webkit-transition:color .3s;transition:color .3s;font-family:'Noto Sans KR';text-align:left} .deps_two .inner > ul > li > a:hover{color:#ffff00} .deps_two .inner > ul > li > a:focus{color:#ffff00} .deps_two .inner > ul > li > a.on{color:#ffff00} .deps_two .inner > ul > li > ul{position:absolute;left:0;right:0;top:45px;display:none;height:205px;padding:10px 0;text-align:left;border-top:1px solid #81bfea;margin-top:-1px;} .deps_two .inner > ul > li > ul > li > a{font-size:13px;color:#fff;padding:5px 0 5px 10px;display:block;letter-spacing:-1px;-webkit-transition:color .3s;transition:color .3s;font-family:'Noto Sans KR';background:url(../img2018/ico_bar03.png) no-repeat left 14px;} .deps_two .inner > ul > li > ul > li > a:hover{color:#000} .deps_two .inner > ul > li > ul > li > a:focus{color:#000} .deps_two .inner > ul > li > ul > li > a.on{color:#000} .deps_two .inner > ul > li:first-child{margin-right:0;} .deps_two .inner > ul > li#deps_two01_01{min-width:80px;margin-left:50px;} .deps_two .inner > ul > li#deps_two01_02{min-width:84.25px;} .deps_two .inner > ul > li#deps_two01_03{min-width:110px;margin-left:26px;} .deps_two .inner > ul > li#deps_two02_01{min-width:84.25px;} .deps_two .inner > ul > li#deps_two02_02{margin-left:140px;min-width:84.25px;} .deps_two .inner > ul > li#deps_two02_03{min-width:84.25px;margin-left:30px;} .deps_two .inner > ul > li#deps_two02_04{min-width:120px;} .deps_two .inner > ul > li#deps_two02_05{min-width:120px;margin-right:213px;margin-left:7px;} .deps_two .inner > ul > li#deps_two03_01{margin-left:-120px;min-width:163px;} .deps_two .inner > ul > li#deps_two03_02{margin-left:10px;min-width:123px;} .deps_two .inner > ul > li#deps_two03_03{margin-left:10px;min-width:135px;} .deps_two .inner > ul > li#deps_two03_04{margin-left:10px;width:110px;} .deps_two .inner > ul > li#deps_two03_05{margin-left:10px;width:120px;} .deps_two .inner > ul > li#deps_two03_06{margin-left:10px;min-width:118px;} .deps_two .inner > ul > li#deps_two03_07{margin-left:10px;min-width:125px;margin-right:50px;} .deps_two .inner > ul > li#deps_two04_01{min-width:91.89px;} .deps_two .inner > ul > li#deps_two04_02{min-width:84.77px;} .deps_two .inner > ul > li#deps_two04_03{min-width:79.89px;} .deps_two .inner > ul > li#deps_two04_04{min-width:104.77px;margin-right:90px;} .deps_two .inner > ul > li#deps_two05_01{min-width:97.2px;} .deps_two .inner > ul > li#deps_two05_02{min-width:86.2px;} .deps_two .inner > ul > li#deps_two05_03{min-width:120.23px;margin-right:80px;} .deps_two .inner > ul > li#deps_two05_03{min-width:120.23px;} .deps_two .inner > ul > li#deps_two07_01{min-width:112.98px;margin-right:150px;} .deps_two .inner > ul > li#deps_two_member01{margin-right:400px;} .deps_two .inner > ul > li#deps_two_member02{margin-right:400px;} .bg_deps_two{display:none;background:#047cc0;height:270px;position:fixed;left:0;right:0;top:190px;z-index:98} .bg_deps_two.fixed{top:42px;} .deps_two.fixed{top:43px;z-index:100} .board_search{padding-bottom:20px;overflow:hidden;} .board_search .total{float:left;font-size:12px;font-family:'Noto Sans KR';line-height:40px;} .board_search .select{float:left;width:30%;} .board_search .select select{width:50%;height:40px;line-height:40px;font-size:12px;border:1px solid #dadada;max-width:120px;vertical-align:top;} .board_search .select a.btn{display:inline-block;background:#000;color:#fff;height:40px;line-height:40px;padding:0 10px;} .board_search .search{float:right;text-align:right;width:70%;} .board_search .search .statusCondition{display:inline-block;margin-right:10px;} .board_search .search select{width:20%;height:40px;line-height:40px;font-size:12px;border:1px solid #dadada;max-width:120px;} .board_search .search input[type="text"]{width:40%;height:38px;line-height:38px;text-indent:5px;font-size:12px;border:1px solid #dadada;max-width:220px;margin-right:-5px;} .board_sns{overflow:hidden;padding:10px 0;margin-top:-30px;} .board_sns .left{float:left} .board_sns .left a{margin-right:5px;border:1px solid #1d94db;border-radius:50px;font-family:'Noto Sans KR';padding:0 15px;color:#1d94db;display:inline-block;height:31px;line-height:31px;} .board_sns .right{float:right;} .board_sns .right a{margin-left:5px;font-size:14px;color:#666;display:inline-block;height:33px;line-height:33px;} .table_list table{width:100%;border-collapse:collapse;} .table_list table th{background:#f7f7f7;color:#000;padding:13px 0;font-size:14px;font-family:'Noto Sans KR';border-top:1px solid #000;border-bottom:1px solid #e2e2e2;text-align:center;} .table_list table td{color:#000;font-size:14px;padding:13px 0;text-align:center;border-bottom:1px solid #e2e2e2;font-family:'Noto Sans KR'} .table_list table td.left{text-align:left;padding-left:10px;vertical-align:top;} .table_list table td a{display:inline-block;} .table_list table td .reply{border-radius:50px;background:#00a4e0;font-size:12px;color:#fff;padding:5px 10px;} .table_list02{padding-bottom:40px;} .table_list02 table{width:100%;border-collapse:collapse;} .table_list02 table th{background:#f7f7f7;color:#000;padding:15px 0;font-size:14px;font-family:'Noto Sans KR';border:1px solid #e2e2e2;border-top:1px solid #000;text-align:center;} .table_list02 table td{color:#000;font-size:16px;padding:15px 0;text-align:center;border:1px solid #e2e2e2;font-family:'Noto Sans KR';} .table_list02 table td.left{text-align:left;padding-left:10px;} .ceo_thumb{float:left;width:33%;padding-top:20px;text-align:center;} .table_ceo_list02{margin-left:33%;padding-bottom:40px;} .table_ceo_list02 table{width:100%;border-collapse:collapse;} .table_ceo_list02 table th{background:#f7f7f7;color:#000;padding:0px;font-size:14px;font-family:'Noto Sans KR';border:1px solid #e2e2e2;border-top:1px;text-align:center;} .table_ceo_list02 table th{background:#f7f7f7;color:#000;padding:15px;;font-size:14px;font-family:'Noto Sans KR';border:1px solid #e2e2e2; ;text-align:center;} .table_ceo_list02 table td{color:#000;font-size:14px;padding:15px 0;text-align:center;border:1px solid #e2e2e2;font-family:'Noto Sans KR';} .table_ceo_list02 table th img{width:100%;} .table_ceo_list02 table td.left{text-align:left;padding-left:10px;} /*2018.11.01추가*/ .pop_section .in .cont .table_list02 table caption{width:1px;height:1px;line-height:0;font-size:0;overflow:hidden;text-indent:-9999px;} .table_view{text-indent:0;padding-left:0;font-family:'Noto Sans KR';} .table_view .tit{border-top:1px solid #000;border-bottom:1px solid #e2e2e2;padding:20px 30px;} .table_view .tit h3{font-size:18px;color:#000;line-height:150%;font-weight:500;letter-spacing:-1px;padding-bottom:10px;} .table_view .tit .date{color:#666;line-height:150%;} .table_view .tit .date ul li{width:100%;padding:4px 0;font-size:12px;} .table_view .tit .date ul li img{margin-top:2px;margin-right:3px;} .table_view .tit .date > ul > li:nth-child(4){margin-bottom:20px;} .table_view .tit .date > ul > li > p{display:inline;} .table_view .cont{padding:20px 30px;border-bottom:1px solid #e2e2e2;} /* .table_view .cont img{width:100%;} */ .table_nextprev{padding-bottom:35px;font-family:'Noto Sans KR';} .table_nextprev table{border-collapse:collapse;width:100%;} .table_nextprev table th{text-align:center;font-size:14px;color:#666;padding:15px 0;text-align:center;border-bottom:1px solid #e2e2e2;font-weight:300;} .table_nextprev table th span{font-size:10px;color:#000;margin-left:10px;} .table_nextprev table td{text-align:left;font-size:14px;color:#666;padding:15px;border-bottom:1px solid #e2e2e2;} .paging{margin-top:20px;text-align:center;font-family:'Noto Sans KR';} .paging a{display:inline-block;width:34px;height:34px;line-height:34px;border:1px solid #cfcfcf;background:#fff;color:#000;-webkit-transition:all .3s;transition: all .3s;} .paging a:hover{background:#3a3a3a;color:#fff;} .paging a:focus{background:#3a3a3a;color:#fff;} .paging a.btn:hover{border:1px solid #cfcfcf;background:#fff;} .paging a.btn:focus{border:1px solid #cfcfcf;background:#fff;} .paging strong{display:inline-block;width:34px;height:34px;line-height:34px;background:#3a3a3a;color:#fff;} .list_ico img{vertical-align:middle;} .btn_group{overflow:hidden;text-indent:0;}/* padding:0 0 30px 0; */ .btn_group .left{float:left;} .btn_group .right{float:right;} .btn_group .center{text-align:center;} .btn_group .center a img{max-height:55px;} .btn_group .btn_style01{display:inline-block;background:#2596e4;font-size:14px;padding:10px 40px;color:#fff;} .btn_group .btn_style02{display:inline-block;background:#262626;font-size:14px;padding:10px 40px;color:#fff;} .satisfaction{border:1px solid #ccc;padding:25px 30px 30px 30px;margin-bottom:50px;} .satisfaction dl{padding-bottom:15px;border-bottom:1px solid #ccc;margin-bottom:15px;} .satisfaction dl dt{background:url(../img2018/ico_exclamation.png) no-repeat left top;font-size:18px;color:#262626;line-height:28px;display:inline-block;padding-left:40px;} .satisfaction dl dd{display:inline-block;font-size:14px;} .satisfaction p{position:relative;} .satisfaction p span{display:inline-block;margin-right:20px;line-height:32px;} .satisfaction p span img{margin-top:8px;} .satisfaction p a{display:inline-block;height:32px;line-height:32px;border-radius:50px;padding:0 20px;color:#fff;font-family:'Noto Sans KR';background:#262626;position:absolute;right:0;} .photo_list{border-top:1px solid #000;padding-bottom:40px;font-family:'Noto Sans KR'} .photo_list > ul > li{border-bottom:1px solid #e8e8e8;position:relative;padding:25px 0;} .photo_list > ul > li a{display:block;} .photo_list > ul > li .img{position:absolute;left:0;top:25px;width:194px;height:130px;overflow:hidden;} .photo_list > ul > li .img img{width:100%;} .photo_list > ul > li .txt{margin-left:230px;} .photo_list > ul > li .txt strong{display:block;font-weight:600;font-size:18px;line-height:150%;color:#000;margin-bottom:15px;} .photo_list > ul > li .txt p{font-size:14px;color:#666;line-height:150%;height:63px;overflow:hidden;margin-bottom:10px;} .photo_list > ul > li .txt .date{font-size:12px;color:#666;} .photo_list02{border-top:1px solid #000;padding-bottom:40px;padding-top:30px;font-family:'Noto Sans KR';} .photo_list02 > ul{overflow:hidden;margin-left:-3%;} .photo_list02 > ul > li{float:left;width:30.33%;margin-left:3%;margin-bottom:3%;} .photo_list02 > ul > li a{display:block;} .photo_list02 > ul > li .img{padding-bottom:48%;height:0;margin-bottom:10px;overflow:hidden;} .photo_list02 > ul > li .img img{width:100%;} .photo_list02 > ul > li .txt strong{display:block;font-weight:400;font-size:15px;line-height:150%;color:#000;margin-bottom:10px;height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .photo_list02 > ul > li .txt .date{font-size:14px;color:#666;} .bidding_top{background:url(../img2018/img_bidding_list_top.png) no-repeat 95% center;border-radius:15px;overflow:hidden;padding:25px 30px;margin-bottom:50px;min-height:160px;} .bidding_top.bidding_top02{background:url(../img2018/img_bidding_list_top02.png) no-repeat 45% center;} .bidding_top > strong{display:block;font-size:30px;color:#000;line-height:150%;font-weight:500;} .bidding_top > p{font-size:18px;color:#000;line-height:150%;padding-bottom:20px;font-family:'Noto Sans KR';} .bidding_top > p span{display:block;font-size:14px;color:#000;line-height:150%;} .bidding_top > a{display:block;width:124px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#312c0f;background:#fee769;border-radius:50px;} .CI .tab_area{padding-top:30px;margin-bottom:45px;} .CI .tab_area > ul{overflow:hidden;} .CI .tab_area > ul > li{float:left;width:50%;} .CI .tab_area > ul > li a{display:block;font-size:21px;color:#000;line-height:54px;height:54px;text-align:center;border:1px solid #e2e2e2;border-bottom:1px solid #000;} .CI .tab_area > ul > li a.on{background:#00a4e0;border-bottom:1px solid #000;color:#fff;} .CI .cont > h4{font-size:22px;color:#000;font-weight:300;line-height:150%;padding-bottom:30px;} .CI .cont > p.tit{font-size:18px;color:#000;line-height:150%;padding-bottom:15px;} .CI .cont > p{font-size:14px;color:#666;line-height:180%;padding-bottom:50px;font-family:'Noto Sans KR';} .CI .cont > p .red{color:#e2001a;display:block;} .CI .cont > .list{padding-bottom:30px;} .CI .cont > .list > ul{overflow:hidden;margin-left:-3%;} .CI .cont > .list > ul > li{float:left;width:47%;margin-left:3%;margin-bottom:6%;} .CI .cont > .list > ul > li.long{float:none;width:auto} .CI .cont > .list > ul > li p{font-size:22px;padding-bottom:10px;line-height:180%;font-weight:100;} .CI .cont > .list > ul > li p.txt{font-size:14px;color:#666;font-family:'Noto Sans KR';letter-spacing:-0.5px;} .CI .cont > .ex{padding-bottom:20px;} .CI .cont > .ex p{font-size:18px;color:#000;line-height:150%;padding-bottom:20px;font-weight:400;font-family:'Noto Sans KR';} .CI .cont > .ex > ul{overflow:hidden;margin-left:-2%;} .CI .cont > .ex > ul > li{float:left;width:31.33%;margin-left:2%;padding-bottom:20px;} .CI .cont > .color > ul{overflow:hidden;margin-left:-2%;} .CI .cont > .color > ul > li{float:left;width:14.66%;margin-left:2%;} .CI .cont > .color > ul > li .img{padding-bottom:10px;} .CI .cont > .color > ul > li .txt{text-align:center;font-family:'Noto Sans KR';} .CI .cont > .color > ul > li .txt strong{display:block;font-size:14px;color:#000;line-height:150%;} .CI .cont > .color > ul > li .txt p{font-size:12px;color:#000;line-height:200%;} .CI .cont > .img_area{padding-bottom:40px;} .CI .cont > .img_area > img{padding-bottom:30px;} .CI .cont > .img_area > .btn{text-align:right;} .CI .cont > .img_area > .btn a{display:inline-block;background:#00a0de;color:#fff;border-radius:50px;margin-left:4px;padding:0 25px;height:48px;line-height:48px;font-weight:500;font-size:16px;} .businessMovie_list > ul{overflow:hidden;margin-left:-3%;font-family:'Noto Sans KR';} .businessMovie_list > ul > li{float:left;width:22%;margin-left:3%;margin-bottom:3%;} .businessMovie_list > ul > li a{display:block;} .businessMovie_list > ul > li a .img{position:relative;border:1px solid #d7d6d4;} .businessMovie_list > ul > li a .img img{width:100%;} .businessMovie_list > ul > li a .img .hover{opacity:0;position:absolute;left:0;right:0;bottom:0;top:0;background:url(../img2018/bg_gray.png) repeat left top;-webkit-transition:all .5s;transition:all .5s;} .businessMovie_list > ul > li a .img .hover img{position:absolute;left:50%;top:50%;width:58px;height:40px;margin:-20px 0 0 -29px} .businessMovie_list > ul > li a .txt strong{max-height:22px;overflow:hidden;display:block;font-size:14px;color:#333;line-height:200%;font-weight:500;margin-bottom:7px;} .businessMovie_list > ul > li a .txt p{font-size:12px;color:#666;line-height:150%;height:35px;overflow:hidden;} .businessMovie_list > ul > li a:hover .img .hover{opacity:1;} .schedule_list > ul{margin-left:-3%;} .schedule_list > ul:after{content:'';display:block;clear:both;} .schedule_list > ul > li{float:left;width:30.33%;margin-left:3%;margin-bottom:6%;} .schedule_list > ul > li a{display:block;position:relative;} .schedule_list > ul > li a .img{padding-bottom:87%;height:0;overflow:hidden;} .schedule_list > ul > li a .img img{width:100%} .schedule_list > ul > li a .category{height:37px;width:49px;text-align:center;color:#fff;font-size:12px;background:url(../img2018/bg_category.png) no-repeat center top;position:absolute;left:10px;top:-2px;line-height:140%;padding-top:15px;} .schedule_list > ul > li a .category.long{height:45px;padding-top:7px;} .schedule_list > ul > li a .txt{font-family:'Noto Sans KR'} .schedule_list > ul > li a .txt .info{padding:20px 0 10px 0;} .schedule_list > ul > li a .txt .info span{display:inline-block;margin-right:2px;} .schedule_list > ul > li a .txt .info span.ing{border:1px solid #c2c2c2;background:#ff7e15;color:#fff;width:64px;height:24px;line-height:24px;text-align:center;font-size:12px;} .schedule_list > ul > li a .txt .info span.ing02{border:1px solid #c2c2c2;background:#00a4e0;color:#fff;width:64px;height:24px;line-height:24px;text-align:center;font-size:12px;} .schedule_list > ul > li a .txt .info span.info01{border:1px solid #c2c2c2;background:#fff;color:#000;width:64px;height:24px;line-height:24px;text-align:center;font-size:12px;} .schedule_list > ul > li a .txt strong{display:block;font-size:14px;color:#000;line-height:150%;letter-spacing:-1px;font-weight:500;height:44px;overflow:hidden;margin-bottom:10px;} .schedule_list > ul > li a .txt p{font-size:14px;color:#333;line-height:150%;height:63px;overflow:hidden;margin-bottom:10px;} .schedule_list > ul > li a .txt .date{font-size:14px;color:#333;line-height:150%;} .contents_wrap.wide .schedule_list{max-width:1200px;margin:0 auto;} .contents_wrap.wide .schedule_list > ul{margin-left:-2%;} .contents_wrap.wide .schedule_list > ul > li{width:23%;margin-left:2%;} .contents_wrap.wide .paging{padding-bottom:100px;} .inquiry{background:url(../img2018/ico_callcenter.gif) no-repeat right 85%;font-family:'Noto Sans KR'} .inquiry h4{font-size:40px;line-height:130%;font-weight:400;color:#000;padding-bottom:25px;font-family:"Noto sans KR";} .inquiry > p{font-size:18px;color:#000;line-height:150%;padding-bottom:45px;} .inquiry > p strong{display:inline-block;font-size:30px;color:#00a4e0;line-height:150%;font-weight:400;letter-spacing:-2px;} .inquiry > p span{font-size:14px;color:#000;line-height:150%;} .inquiry > p.txt{padding-bottom:0;} .inquiry > p.txt span{color:#00a4e0;font-size:18px;} .inquiry .tel_list {max-width:550px;padding-bottom:20px;} .inquiry .tel_list > ol{overflow:hidden;} .inquiry .tel_list > ol > li{float:left;width:45%;position:relative;padding-bottom:15px;} .inquiry .tel_list > ol > li.wide{float:left;width:60%;position:relative;padding-bottom:15px;} .inquiry .tel_list > ol > li .num{display:inline-block;width:42px;height:42px;line-height:42px;color:#fff;background:#1d94db;font-size:18px;text-align:center;border-radius:50px;} .inquiry .tel_list > ol > li p{display:inline-block;line-height:42px;color:#000;font-size:18px;} .customer03{background:url(../img2018/img_customer03_01.png) no-repeat 95% top;font-family:'Noto Sans KR';letter-spacing:-2px;} .customer03 > h4{font-size:32px;line-height:130%;font-weight:400;color:#000;padding-bottom:25px;font-family: 'Noto Sans KR';} .customer03 > h4 strong{font-weight:500;} .customer03 > h5{font-size:21px;color:#000;line-height:150%;padding-bottom:25px;font-weight:400;margin-right:350px;letter-spacing:-2px;} .customer03 > p{font-size:16px;color:#666;line-height:150%;padding-bottom:30px;letter-spacing:-2px;} .customer03 > .info{border:2px solid #c9c9c9;padding:20px 25px;margin-bottom:30px;} .customer03 > .info dl dt{font-size:18px;color:#000;line-height:33px;padding-left:45px;background:url(../img2018/ico_exclamation02.png) no-repeat left center;font-weight:500;margin-bottom:15px;} .customer03 > .info dl dd{font-size:14px;color:#666;line-height:150%;} .customer03 > .btn{display:inline-block;margin-bottom:35px;} .customer03 > .advice h5{padding-bottom:20px;font-size:18px;color:#000;line-height:150%;font-weight:500;} .customer03 > .advice ul{overflow:hidden;} .customer03 > .advice ul li{float:left;width:33.33%;position:relative;} .customer03 > .advice ul li .img{position:absolute;left:0;top:0;} .customer03 > .advice ul li .txt{margin-left:80px;min-height:64px;padding-top:10px;} .customer03 > .advice ul li .txt p{font-size:14px;line-height:150%;} .customer03 > .advice ul li .txt strong{display:block;font-size:20px;color:#000;line-height:150%;font-weight:400;letter-spacing:-1px;} .customer03.customer04_bg{background-image:url(../img2018/img_customer04_01.png);} .customer03.customer05_bg{background-image:url(../img2018/img_customer05_01.png);} .customer03.customer06_bg{background-image:url(../img2018/img_customer06_01.png);} .customer03.openinfo01{background-image:url(../img2018/img_openinfo01_01.png);} .customer03.openinfo01 > h4{font-size:36px;} .customer03.openinfo01 > h4 strong{font-weight:400;color:#00a4e0} .customer03.openinfo01 > h5{padding-bottom:15px;} .customer03.openinfo05{background-image:url(../img2018/img_openinfo05_01.png);} .customer03.openinfo05 > h4{font-size:36px;} .customer03.openinfo05 > h4 strong{font-weight:400;color:#00a4e0} .customer03.openinfo05 > h5{padding-bottom:15px;} .customer03.openinfo05 > h5.tit{border-bottom:1px dashed #d6d6d6;margin-bottom:20px;font-size:24px;font-weight:400;margin-right:0;} .customer03.openinfo05 .list dl{padding-bottom:20px;} .customer03.openinfo05 .list dl dt{background:url(../img2018/bullet03.png) no-repeat left top;font-size:14px;padding-left:20px;padding-bottom:5px;} .customer03.openinfo05 .list dl dd{background:url(../img2018/bullet04.png) no-repeat 10px 7px;padding-left:20px;padding-bottom:10px;} .openinfo07{margin-top:50px;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;padding:40px 0;overflow:hidden;} .openinfo07 > h4{line-height:130%;font-weight:400;color:#000;padding-bottom:25px;font-family: 'Noto Sans KR';font-size:36px;display:block;width:44%;float:left;} .openinfo07 > h4 strong{font-weight:400;color:#00a4e0} .openinfo07 > h4 span{display:block;font-size:21px;color:#000;line-height:150%;padding-top:25px;padding-bottom:25px;font-weight:400;letter-spacing:-2px;} .openinfo07 > .img{width:50%;padding-left:30px;padding-bottom:15px;float:left;text-align:right;} .openinfo07 > .img img{width:80%;} .customer03.CEO_wish_bg{background-image:url(../img2018/img_CEO_wish.png);padding-bottom:30px;} .customer03.summary{background-image:url(../img2018/bg_summary.png);} .customer03.summary > p.txt{font-size:16px;margin-right:300px;padding-bottom:70px;} .customer03.summary > h4{font-size:32px;} .customer03.summary > h4 strong{font-weight:400;color:#00a4e0} .customer03.summary > h5.tit{margin-bottom:20px;font-size:30px;font-weight:400;margin-right:0;} .customer03.summary > .img_area{text-align:center;padding-bottom:40px;} .customer03.summary > .img_area img{width:100%;} .customer03.summary > .ebook_list{padding-top:40px;} .customer03.summary > .ebook_list > ul{overflow:hidden;margin-left:-3%;} .customer03.summary > .ebook_list > ul > li{float:left;width:30.33%;margin-left:3%;text-align:center;font-size:16px;line-height:180%;} .customer03.ethics{background-image:url(../img2018/bg_ethics01.png);} .customer03.ethics h4{font-size:32px;} .customer03.ethics .num li{padding-bottom:10px;line-height:25px;} .CEO_greetings{font-family:'Noto Sans KR';background:url('../img2018/bg_summary.png') top right no-repeat;} .CEO_greetings h4{font-size:28px;color:#000;line-height:150%;font-weight:400;padding-bottom:55px;} .CEO_greetings h4 strong{font-weight:400;color:#00a4e0} .CEO_greetings h5{font-size:24px;color:#000;line-height:150%;font-weight:500;padding-bottom:35px;} .CEO_greetings p{font-size:16px;color:#333;line-height:180%;padding-bottom:55px;font-family:'Noto Sans KR'} .CEO_greetings .ceo{display:block;font-size:18px;color:#000;line-height:150%;} .total_search{padding-bottom:20px;overflow:hidden;} .total_search .search{text-align:center;} .total_search .search .statusCondition{display:inline-block;margin-right:10px;} .total_search .search select{width:20%;height:40px;line-height:40px;font-size:12px;border:1px solid #dadada;max-width:120px;} .total_search .search input[type="text"]{width:40%;height:38px;line-height:38px;text-indent:5px;font-size:18px;font-weight:bold;border:1px solid #dadada;margin-right:-5px;text-align:center;outline:0;}/*max-width:220px;*/ .history{position:relative;} .history h4{font-size:32px;color:#000;line-height:150%;font-weight:400;padding-bottom:55px;} .history .img{position:absolute;right:0;top:0;} .history h5{font-size:24px;color:#000;line-height:150%;font-weight:500;padding-bottom:30px;} .history .history_list{overflow:hidden;margin-left:-2%;font-family:'Noto Sans KR';} .history .history_list > .item{display:block;float:left;width:48%;padding-left:2%;padding-bottom:30px;} .history .history_list > .item dl{position:relative;padding-bottom:30px;} .history .history_list > .item dl dt{position:absolute;left:0;top:-5px;font-size:25px;color:#00aaf9;line-height:150%;} .history .history_list > .item dl dd{font-size:14px;line-height:150%;margin-left:80px;position:relative;padding-left:50px;padding-bottom:3px;} .history .history_list > .item dl dd strong{display:block;font-size:14px;line-height:150%;font-weight:400;position:absolute;left:0;top:0;} .pop_organization{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:url(../img2018/bg_gray.png) repeat left top;z-index:1000} .pop_organization .inner{position:absolute;left:50%;top:50%;width:700px;height:500px;overflow-y:auto;margin:-250px 0 0 -350px;background:#fff;} .pop_organization .inner h1{background:#23a7ef;font-size:18px;color:#fff;padding:15px;margin-bottom:10px;} .pop_organization .inner p{padding:0 20px 10px 20px;} .pop_organization .inner .table_list{padding:0 20px 20px 20px;} .pop_organization .inner .close_pop_organization{position:absolute;right:15px;top:15px;} .vision .img_area img{max-width:100%;} .business{font-family:'Noto Sans KR';} .business .inner{max-width:1200px;margin:0 auto;} .business .business_top{margin-top:-34px;background:#f8f8f8 url(../img2018/bg_h3_tit.png) repeat-x left top;padding:40px 0 70px 0;} .business .business_top h4{font-size:32px;color:#000;line-height:150%;letter-spacing:-1px;text-align:center;padding-bottom:15px;font-family: 'Noto Sans KR'} .business .business_top h4 span{color:#00a4e0} .business .business_top p{font-size:32px;color:#000;line-height:130%;letter-spacing:-1px;text-align:center;padding-bottom:40px;font-family: 'Noto Sans KR'} .business .business_top p strong{font-weight:600;color:#ff3300;line-height:130%;} .business .business_top .list > ul{overflow:hidden;margin-left:-3%;} .business .business_top .list > ul > li{float:left;width:30.33%;margin-left:3%;} .business .business_top .list > ul > li > a{display:block;border-radius:15px;overflow:hidden;background:#00a4e0} .business .business_top .list > ul > li > a .img img{width:100%;} .business .business_top .list > ul > li > a .txt{padding:20px 10px;text-align:center;color:#fff;height:125px;} .business .business_top .list > ul > li > a .txt strong{display:block;font-size:26px;color:#fff;line-height: 150%;font-weight:600;padding:0 0 10px 0;letter-spacing:-2px;} .business .business_top .list > ul > li > a .txt ul li{font-size:16px;line-height:150%;} .business .business_txt.gray{background:#f7f7f7;} .business .business_txt{padding:40px 0 50px 0;} .business .business_txt h5{font-size:30px;color:#000;line-height:150%;padding-bottom:15px;font-weight:400;} .business .business_txt p{font-size:16px;color:#333;line-height:150%;padding-bottom:25px;} .business .business_txt p.bottom{padding-top:15px;} .business .business_txt .img_area ul{overflow:hidden;margin-left:-2%;} .business .business_txt .img_area ul li{float:left;width:48%;margin-left:2%;} .business .business_txt .img_area ul li img{width:100%;} .business .business_txt img{width:100%;} .sitemap{font-family: 'Noto Sans KR';} .sitemap h4{font-size:32px;color:#000;line-height:150%;font-weight:400;padding-bottom:55px;} .sitemap .img{position:absolute;right:0;top:0;} .sitemap h5{font-size:24px;color:#000;line-height:150%;font-weight:500;padding-bottom:30px;} .sitemap > ul{margin-bottom:15px;overflow:hidden;} .sitemap > ul > li{line-height:180%;padding-bottom:10px;border-bottom:1px solid #eee;} .sitemap > ul:nth-child(2) > li{margin-right:12px;width:15%;float:left;border-right:1px solid #eee;border-bottom:0;} .sitemap > ul:nth-child(2) > li:last-child{border-right:0;} .sitemap > ul > li > a{font-size:20px;font-weight:600;display:inline-block;padding:15px 0 0;} .sitemap > ul > li:first-child > a{border-top:0;} .sitemap > ul > li > ul{overflow:hidden;margin-top:12px;} .sitemap > ul > li > ul > li{width:15%;min-height:150px;margin-right:12px;font-size:14px;color:#00aaf9;line-height:150%;float:left;margin-bottom:15px;border-right:1px solid #eee;} .sitemap > ul.businesssitemap > li > ul > li{width:23%;} .sitemap > ul > li > ul.long > li{min-height:172px;} .sitemap > ul > li > ul > li:last-child{border-right:0;} .sitemap > ul > li > ul > li > a{font-weight:600;color:#333;} .sitemap > ul > li > ul > li > ul{margin-top:4px;} .sitemap > ul > li > ul > li > ul > li{font-size:13px;line-height:150%;} .sitemap > ul > li > ul > li > ul > li > a{color:#666;} .sitemap_sbop{font-family: 'Noto Sans KR';} .sitemap_sbop h4{font-size:32px;color:#000;line-height:150%;font-weight:400;padding-bottom:55px;} .sitemap_sbop .img{position:absolute;right:0;top:0;} .sitemap_sbop h5{font-size:24px;color:#000;line-height:150%;font-weight:500;padding-bottom:30px;} .sitemap_sbop > ul{margin-bottom:15px;overflow:hidden;} .sitemap_sbop > ul > li{line-height:180%;padding-bottom:10px;border-bottom:1px solid #eee;} .sitemap_sbop > ul:nth-child(2) > li{margin-right:12px;width:15%;float:left;border-right:1px solid #eee;border-bottom:0;} .sitemap_sbop > ul:nth-child(2) > li:last-child{border-right:0;} .sitemap_sbop > ul > li > a{font-size:20px;font-weight:600;display:inline-block;padding:15px 0 0;} .sitemap_sbop > ul > li:first-child > a{border-top:0;} .sitemap_sbop > ul > li > ul{overflow:hidden;margin-top:12px;} .sitemap_sbop > ul > li > ul > li{width:23%;min-height:150px;margin-right:12px;font-size:14px;line-height:150%;float:left;margin-bottom:15px;border-right:1px solid #eee;} .sitemap_sbop > ul > li > ul > li span{font-size:13px;} .sitemap_sbop > ul > li > ul > li:nth-child(4){border-right:0;} .sitemap_sbop > ul.businesssitemap > li > ul > li{width:23%;} .sitemap_sbop > ul > li > ul.long > li{min-height:172px;} .sitemap_sbop > ul > li > ul > li:last-child{border-right:0;} .sitemap_sbop > ul > li > ul > li > a{font-weight:600;color:#333;} .sitemap_sbop > ul > li > ul > li > ul{margin-top:4px;} .sitemap_sbop > ul > li > ul > li > ul > li{font-size:13px;line-height:150%;} .sitemap_sbop > ul > li > ul > li > ul > li > a{color:#666;} #container .main_business{background:#f8f8f8;margin-top:-31px;padding: 30px 0 60px;} #container .main_business .inner .cont .item > img{margin-top:18px;width:100%;} #container .main_business.business_top{margin-top:-34px;background:#f8f8f8 url(../img2018/bg_h3_tit.png) repeat-x left top;padding:40px 0 70px 0;} #container .main_business h2{font-size:40px;color:#000;text-align:center;line-height:130%;padding:15px 0 30px 0;font-family: 'Noto Sans KR';font-weight:500;} #container .main_business .tab{padding-bottom:40px;} #container .main_business .tab ul{text-align:center;} #container .main_business .tab ul li{display:inline-block;margin:0 3px;} #container .main_business .tab ul li a{display:block;border:1px solid #000;width:178px;height:46px;line-height:46px;text-align:center;font-size:17px;color:#000;font-weight:400;border-radius:50px;-webkit-transition:all .3s;transition:all .3s;font-family:'Noto Sans KR';} #container .main_business .tab ul li a:hover{background:#fee869;color:#000;} #container .main_business .tab ul li a:focus{background:#fee869;color:#000;} #container .main_business .tab ul li a.active{background:#fee869;color:#000;} #container .main_business .cont ul li .item > h3{font-size:30px;color:#000;font-weight:500;line-height:130%;text-align:center;letter-spacing:-2px;padding-bottom:20px;} #container .main_business .cont ul li .item > h4{font-size:36px;color:#000;font-weight:500;line-height:130%;text-align:center;letter-spacing:-3px;} #container .main_business .cont ul li .item > p{font-size:40px;color:#000;line-height:130%;text-align:center;letter-spacing:-3px;padding-bottom:40px;font-weight:100;} #container .main_business .cont ul li .item > p span{color:#00fcff;font-weight:400;} #container .main_business .cont ul li .item > .main_business_rolling > ul{overflow:hidden;margin-left:-2%;} #container .main_business .cont ul li .item > .main_business_rolling > ul > li{float:left;width:31.33%;margin-left:2%;border-radius:15px;overflow:hidden;} #container .main_business .cont ul li .item > .main_business_rolling > ul > li .img img{width:100%;} #container .main_business .cont ul li .item > .main_business_rolling > ul > li .txt{height:165px;text-align:center;background:#fff;} #container .main_business .cont ul li .item > .main_business_rolling > ul > li .txt strong{display:block;font-size:26px;color:#000;line-height:150%;font-weight:600;padding:20px 0 10px 0;letter-spacing:-2px;} #container .main_business .cont ul li .item > .main_business_rolling > ul > li .txt p{font-size:16px;line-height:150%;color:#000;font-weight:400;font-family:'Noto Sans KR';} #container .main_business .cont .bx-wrapper{position:relative;} #container .main_business .cont .bx-wrapper .bx-prev{position:absolute;left:-130px;top:50%;width:48px;height:93px;background:url(../img2018/btn_mainbusiness_prev.png) no-repeat center center;margin-top:30px;text-indent:-9999px;overflow:hidden;} #container .main_business .cont .bx-wrapper .bx-next{position:absolute;right:-130px;top:50%;width:48px;height:93px;background:url(../img2018/btn_mainbusiness_next.png) no-repeat center center;margin-top:30px;text-indent:-9999px;overflow:hidden;} .business_detail{padding-bottom:0;font-family:'Noto Sans KR';} .business_detail .inner{max-width:1200px;margin:0 auto;} .business_detail .business_top{margin-top:-34px;background-repeat:no-repeat;background-position:center top;text-align:center;padding:20px 0 40px 0;}/*height:255px;*/ .business_detail .business_top h4{font-size:22px;line-height:150%;color:#424242;font-weight:600;font-family: 'Noto Sans KR'} .business_detail .business_top h4 span{font-size:30px;line-height:150%;color:#ff9600;} .business_detail .business_top p{font-size:22px;line-height:150%;color:#424242;font-weight:600;padding-bottom:15px;font-family: 'Noto Sans KR';letter-spacing:-1pt;} .business_detail .business_top p strong{font-size:30px;color:#00ccff;line-height:150%;font-weight:600;font-family: 'Noto Sans KR'} .business_detail .business_top .list ul{overflow:hidden;text-align:center;} .business_detail .business_top .list ul li{width:120px;display:inline-block;margin:0 3px;} .business_detail .business_top .list02 ul li{width:100px;display:inline-block;margin:0 3px;} .business_detail .business_top .list.thumb02 ul li{display:inline-block;margin:0 3px;} .business_detail .business_top07_01{height:auto !important;} /* .business_detail .business_top .list ul li img{width:100%;} */ .business_detail .business_detali_list{max-width:1200px;margin:0 auto;} .business_detail .business_detali_list > ol > li{padding:50px 0;border-top:1px solid #e2e2e2} .business_detail .business_detali_list > ol > li > h5{font-size:36px;line-height:150%;font-weight:400;padding-bottom:20px;font-family: 'Noto Sans KR'} .business_detail .business_detali_list > ol > li > p{font-size:16px;color:#000;line-height:150%;font-weight:400;padding-bottom:20px;} .business_detail .business_detali_list > ol > li > .list_style01 > ul{overflow:hidden;margin-left:-3%;} .business_detail .business_detali_list > ol > li > .list_style01 > ul > li{float:left;width:30.33%;margin-left:3%;} .business_detail .business_detali_list > ol > li > .list_style01 > ul > li .item{border-radius:15px;overflow:hidden;text-align:center;} .business_detail .business_detali_list > ol > li > .list_style01 > ul > li .item strong{display:block;font-size:24px;color:#000;line-height:150%;padding:20px;background:#cbe4f1;font-weight:400;font-family: 'Noto Sans KR'} .business_detail .business_detali_list > ol > li > .list_style01 > ul > li .item p{font-size:16px;color:#000;line-height:150%;padding:20px;background:#f9f8f7;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li{position:relative;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item{overflow:hidden;padding:40px 0;border-top:1px solid #e1e1e1;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li:first-child .item{border-top:0;padding-top:0;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .tit{position:relative;padding-bottom:20px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .tit .img{position:absolute;left:0;top:0;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .tit .txt{margin-left:85px;text-align:left;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .tit .txt p{font-size:18px;color:#000;line-height:150%;letter-spacing:-1.5px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .tit .txt strong{display:block;font-size:32px;color:#000;line-height:150%;font-family: 'Noto Sans KR';font-weight:600;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .tit .txt strong.top{padding:15px 0 10px 0;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .tit .txt2{overflow:hidden;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .tit .txt2 p{font-size:18px;color:#000;line-height:150%;letter-spacing:-1.5px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .tit .txt2 strong{float:left;display:block;font-size:32px;color:#000;line-height:150%;font-family: 'Noto Sans KR'} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item > .table_list02{padding-bottom:0;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item > .table_list02 table th{background:#8ec9ed;border:1px solid #7fbade;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item > .table_list02 table td.first{background:#efefef} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item > .table_list02 table td ul{overflow:hidden;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item > .table_list02 table td ul li{display:inline-block;height:40px;line-height:40px;padding-right:30px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .img_area{float:left;width:40%;max-height:340px;overflow:hidden;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .img_area img{width:100%;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .img_area .bx-wrapper{position:relative;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .img_area .bx-prev{position:absolute;left:15px;top:50%;width:40px;height:40px;text-indent:-9999px;overflow:hidden;background:url(../img2018/btn_prev03.png) no-repeat center center;margin-top:-20px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .img_area .bx-next{position:absolute;right:15px;top:50%;width:40px;height:40px;text-indent:-9999px;overflow:hidden;background:url(../img2018/btn_next03.png) no-repeat center center;margin-top:-20px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .img_area .bx-start{display:none;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .img_area .bx-stop{display:none;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .business_cardnews01{float:left;width:400px;overflow:hidden;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .business_cardnews01 img{width:100%;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .business_cardnews01 .bx-wrapper{position:relative;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .business_cardnews01 .bx-prev{position:absolute;left:15px;top:50%;width:40px;height:40px;text-indent:-9999px;overflow:hidden;background:url(../img2018/btn_prev03.png) no-repeat center center;margin-top:-20px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .business_cardnews01 .bx-next{position:absolute;right:15px;top:50%;width:40px;height:40px;text-indent:-9999px;overflow:hidden;background:url(../img2018/btn_next03.png) no-repeat center center;margin-top:-20px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .img_area2 img{width:100%;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .txt_area{float:right;width:57%;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .txt_area > p{text-align:justify;font-size:16px;line-height:150%;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .txt_area > p.inquiry_txt{font-size:14px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .txt_area > .tag{display:block;color:#0066ff;font-size:14px;padding:20px 0 15px 0;line-height:150%;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .txt_area > .tag a{color:#0066ff;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .txt_area .btn_style02{background:#047CC0;border-radius:15px;color:#fff!important;padding:2px 7px;font-size:12px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .txt_area > .btn{padding-top:20px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li > .item >.txt_area > .btn{float: left;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .txt_area > .btn a{margin-right:5px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .txt_area > .btn img{margin-top:5px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .txt_area > .btn a.open_pop_section{margin-top:5px;display:inline-block;background:#1d94db;border-radius:50px;color:#fff;padding:0 30px;height:40px;line-height:40px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .txt_area > .btn a.open_pop_section02{margin-top:5px;display:inline-block;background:#ae4708;border-radius:50px;color:#fff;padding:0 30px;height:40px;line-height:40px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .txt_area > .btn a.btn_style01{display:inline-block;background:#1d94db;border-radius:50px;color:#fff;padding:0 30px;height:40px;line-height:40px;} a.btn_more{float:left;display:inline-block;background:#1d94db;border-radius:50px;color:#fff;margin-left:15px;padding:0 30px;height:40px;line-height:40px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .zaemirang > ul{overflow:hidden;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .zaemirang > ul > li{float:left;width:50%;padding-bottom:25px;position:relative;min-height:213px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .zaemirang > ul > li .img_area{width:180px;position:absolute;left:0;top:0;float:none;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .zaemirang > ul > li .img_area img{width:100%;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .zaemirang > ul > li .text{margin-left:190px;width:auto;float:none;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .zaemirang > ul > li .text > strong{display:block;font-size:20px;color:#000;line-height:150%;padding-bottom:10px;font-weight:600;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .zaemirang > ul > li .text ul li{padding-bottom:7px;position:relative;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .zaemirang > ul > li .text ul li .info{position:absolute;left:0;top:0;font-size:13px;color:#000;font-weight:400;background:url(../img/ico_bul03.png) no-repeat left 8px;padding:0 0 0 7px;line-height:150%;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .zaemirang > ul > li .text ul li .txt{margin-left:80px;font-size:13px;color:#000;line-height:150%;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business > ul{overflow:hidden;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business > ul > li{float:left;width:48%;min-height:120px;margin-right:2%;position:relative;overflow:hidden;}/*padding-bottom:25px; max-height:110px;*/ .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business > ul > li .img_area{width:100px;position:absolute;left:0;top:0;float:none;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business > ul > li .img_area img{width:100px;height:100px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business > ul > li .text{margin-left:110px;width:auto;float:none;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business > ul > li .text > strong{display:block;font-size:20px;color:#000;padding-bottom:6px;font-weight:600;letter-spacing:-2px;}/*2022-02-10 자간 추가*/ .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business > ul > li .text ul li{padding-bottom:4px;position:relative;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business > ul > li .text ul li .info{position:absolute;left:0;top:0;font-size:13px;color:#000;font-weight:400;background:url(../img/ico_bul03.png) no-repeat left 8px;padding:0 0 0 7px;line-height:150%;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business > ul > li .text ul li .txt{margin-left:80px;font-size:13px;color:#000;line-height:150%;} .item .sub_business .btn a.open_pop_section02{margin-top:25px;display:inline-block;background:#D9453C;border-radius:50px;color:#fff;padding:0 30px;height:40px;line-height:40px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business2 > ul{overflow:hidden;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business2 > ul > li{float:left;width:23%;height:180px;margin-right:2%;padding-bottom:15px;position:relative;text-align:center;letter-spacing:-1.5pt;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business2 > ul > li .img_area{width:100%;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business2 > ul > li .img_area img{width:100%;height:100px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business2 > ul > li .text{margin-top:112px;width:100%;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business2 > ul > li .text > strong{display:block;font-size:14px;color:#000;padding-bottom:6px;font-weight:600;text-align:center;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business2 > ul > li .text ul li{padding-bottom:4px;position:relative;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business2 > ul > li .text ul li .info{position:absolute;left:0;top:0;font-size:13px;color:#000;font-weight:400;background:url(../img/ico_bul03.png) no-repeat left 8px;padding:0 0 0 7px;line-height:150%;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business2 > ul > li .text ul li .txt{margin-left:80px;font-size:13px;color:#000;line-height:150%;} .item .sub_business .btn a.open_pop_section02{margin-top:25px;display:inline-block;background:#D9453C;border-radius:50px;color:#fff;padding:0 30px;height:40px;line-height:40px;} .brand_list ul{overflow:hidden;border-top:1px solid #ccc;border-left:1px solid #ccc;} .brand_list ul li{float:left;width:10%;} .brand_list ul li a{display:block;border:1px solid #ccc;text-align:center;padding:20px 0;margin-left:-1px;margin-top:-1px;} .CEO_profile{position:relative;padding:50px 0;} .CEO_profile .img{position:absolute;left:0;top:50px;width:200px;text-align:center;} .CEO_profile .txt{margin-left:210px;} .customer_end{text-align:center;} .customer_end dl dt{font-size:25px;line-height:150%;padding-bottom:10px;font-weight:600;} .customer_end dl dt strong{color:#23a7ef} .customer_end dl dd{font-size:14px;line-height:180%;} /* ===================================================== 기존 css ===================================================== */ /* cnt_article */ .point_color1{color:#23a7ef;} .point_color2{color:#4078aa;} .point_color3{color:#ff6480;} .point_color4{color:#4078B8;} .point_color5{color:#e12929;} .cnt_txt_area{font-family:'Noto Sans KR'} .cnt_txt_area .cnt_article_impo2 .tit_type01{color:#303030;padding:13px 0 13px 35px;border:1px solid #ddd;border-radius:5px;background:url(../img2018/bullet01.png) no-repeat 10px center;font-size:15px;margin-bottom:30px;} .cnt_txt_area .cnt_article_a{margin:0 0 20px 0;padding:0 0 10px 0;line-height:22px;overflow:hidden;} .cnt_txt_area .cnt_article_a h6{font-size:16px;margin:15px 0;} .cnt_txt_area .cnt_article_b{margin:0 0 10px 0;padding:0 0 10px 0;line-height:20px;overflow:hidden;} .cnt_txt_area .cnt_article_c{margin:0 0 20px 0;padding:0 0 10px 0;line-height:22px;overflow:hidden;background:url(../img2018/img_citizenservice.jpg) no-repeat right 0;} .cnt_txt_area .cnt_article_d{margin:0 0 20px 0;padding:0 0 10px 0;line-height:22px;overflow:hidden;background:url(../img2018/img_customer07_01.png) no-repeat 600px 0;} .cnt_txt_area .cnt_article_d span{font-size:16px;font-style:italic;font-weight:700;} .cnt_txt_area .img{padding:10px 0 0 0;} .cnt_txt_area .img2{padding:0 0 10px 0;} .cnt_txt_area .dashed{padding:0 0 12px 0;border-bottom:1px dashed #dedede;} .cnt_txt_area .tit_a{font-size:14px;color:#006aa4;padding:0 0 10px 12px;background:url(../img2018/bullet02.png) no-repeat 0 4px;} .cnt_txt_area .txt_a{padding:0 0 10px 12px;line-height:1.5;} .cnt_txt_area .txt_a dt{padding:0 0 6px 20px;background:url(../img2018/bullet03.png) no-repeat 0 0;} .cnt_txt_area .txt_a dd{padding:0 0 2px 20px;background:url(../img2018/bullet04.png) no-repeat 10px 8px;} .cnt_txt_area .txt_a li{padding:0 0 5px 20px;background:url(../img2018/bullet04.png) no-repeat 7px 4px;font-size:14px;} .cnt_txt_area .txt_b{padding:0 0 10px 12px;} .cnt_txt_area .txt_b li{padding:0 0 5px 20px;background:url(../img2018/bullet03.png) no-repeat 0 2px;} .cnt_txt_area .txt_c{padding:0 0 10px 0;} .cnt_txt_area .txt_c li{padding:0 0 5px 8px;background:url(../img2018/bullet07.png) no-repeat 0 4px;} .cnt_txt_area .txt_c dl{padding:0 0 10px 0;} .cnt_txt_area .txt_c dt{padding:0 0 0 8px;background:url(../img2018/bullet07.png) no-repeat 0 9px;} .cnt_txt_area .cnt_num{margin:30px 0 10px 10px;} .cnt_txt_area .cnt_num li{margin:0 0 10px 0;} .cnt_txt_area .tit{line-height:130%;font-weight:400;color:#000;padding:25px 0;font-family: 'Noto Sans KR';font-size:36px;} .left{text-align:left;} /* ABOUT SBA_ 조직도*/ .organization{width:809px;height:1400px;margin:0 auto;position:relative;background:url(../img2018/bg_organization202201.gif) no-repeat 0 0;} .organization ul li{width:140px;} .organization ul li dl dt a,.organization h5 a, .organization h4 a{color:#fff;} .organization h4{font-size:19px;position:absolute;top:30px;left:385px;color:#fff;} .organization h5{font-size:19px;position:absolute;top:153px;left:375px;color:#fff;} .organization ul li a{color:#fff;} .organization ul li dt{text-align:center;font-size:15px;color:#fff;line-height:20px;} .organization ul li dl dd{font-size:13px;padding:5px 0 0 30px;line-height:18px;background:url(../img2018/bullet07.png) no-repeat 20px 12px;} .organization ul li.g1{position:absolute;top:260px;right:220px;text-align:center;font-size:15px;line-height:20px;} .organization ul li.g2{position:absolute;top:397px;right:244px;text-align:center;font-size:15px;line-height:20px;} .organization ul li.g13{position:absolute;top:397px;left:215px;text-align:center;font-size:15px;line-height:20px;} .organization ul li.g3{position:absolute;top:504px;left:0px;} .organization ul li.g3 dt{padding-bottom:90px;} .organization ul li.g4{position:absolute;top:504px;left:144px;} .organization ul li.g4 dt{padding-bottom:90px;} .organization ul li.g5{position:absolute;top:504px;left:287px;} .organization ul li.g5 dt{padding-bottom:90px;} .organization ul li.g6{position:absolute;top:504px;left:418px;} .organization ul li.g6 dt{padding-bottom:90px;} .organization ul li.g7{position:absolute;top:504px;left:562px;} .organization ul li.g7 dt{padding-bottom:90px;} .organization ul li.g8{position:absolute;top:813px;left:6px;} .organization ul li.g8 dt{padding-bottom:90px;} .organization ul li.g9{position:absolute;top:813px;left:146px;} .organization ul li.g9 dt{padding-bottom:90px;} .organization ul li.g10{position:absolute;top:813px;left:286px;} .organization ul li.g10 dt{padding-bottom:90px;} .organization ul li.g11{position:absolute;top:813px;left:415px;} .organization ul li.g11 dt{padding-bottom:90px;} .organization ul li.g12{position:absolute;top:813px;left:566px;} .organization ul li.g12 dt{padding-bottom:90px;} .organization ul li.g14{position:absolute;top:507px;right:244px;} .organization ul li.g14 dt{padding-bottom:90px;} .organization ul li.g15{position:absolute;top:1117px;left:80px;} .organization ul li.g15 dt{padding-bottom:90px;} .organization ul li.g16{position:absolute;top:1117px;left:215px;} .organization ul li.g16 dt{padding-bottom:90px;} .organization ul li.g17{position:absolute;top:1117px;left:355px;} .organization ul li.g17 dt{padding-bottom:90px;} /* .organization ul li.g11{position:absolute;top:210px;left:185px;text-align:center;font-size:15px;line-height:20px;} */ .organization .organization_m{display:none;padding:10px;text-align:center;} .organization .organization_m img{width:100%;max-width:560px;} .search_box3{width:277px;position:absolute;top:0px;left:0;} .search_box3 .search_tit{padding-bottom:10px;color:#ff6480;} .search_box3 select{border:1px solid #ddd;height:22px;line-height:22px;} .search_box3 input[type="text"]{border:1px solid #ddd;height:20px;line-height:20px;width:110px !important;} .search_box3 div{padding:10px 10px 10px 10px;background-color:#fafafa;border:1px solid #e2e2e2;} .search_box3 .search_p{font-size:12px;display:block;padding-top:6px;} .recruit .img_area{text-align:center;} .recruit .img_area img{width:100%;} .recruit .people_blog{border:1px solid lightgray;border-radius:10px;padding:20px;margin:20px auto 50px;font-family:'Noto Sans KR'} .recruit .people_blog h5{font-size:17px;color:#006aa4;padding:0 0 10px 12px;background:url(../img2018/bullet02.png) no-repeat 0 2px;} .recruit .people_blog ul.blog_ico{overflow:hidden;margin-bottom:20px;} .recruit .people_blog ul.blog_ico li{float:left;width:33.33%;text-align:center;} .recruit .people_blog p{margin-left:12px;font-size:14px;line-height:20px;} .recruit .people_notice{margin:0 auto;} .recruit .people_notice h5{font-size:17px;color:#006aa4;padding:0 0 10px 12px;background:url(../img2018/bullet02.png) no-repeat 0 2px;} .recruit .people_notice ul{margin-bottom: 30px;} .recruit .people_notice ul li{margin-bottom:8px;font-size:14px;color:#393939;} .recruit .people_notice ul li .date{font-size:12px;color:#636363;font-weight:bold;} /* .list_type02{border-top:2px solid #5f5f5f;} */ .list_type02 .list_article{overflow:hidden;padding:10px 0 10px 20px;border-bottom:1px dashed #dedede;} .list_type02 .list_article h6{width:170px;float:left;color:#00a2b5;line-height:22px;} .list_type02 .txt{width:490px;float:right;padding:0 20px 0 0;} .list_type02 ul li{padding:0 0 3px 18px;line-height:20px;background:url(../img2018/bullet07.png) no-repeat 10px 6px;} .list_type02 dl dt{padding:0 0 3px 18px;line-height:20px;background:url(../img2018/bullet07.png) no-repeat 10px 6px;} .list_type02 dl dd{padding:0 0 0 12px;color:#797979;line-height:20px;} .list_type02 .txt .txt_tit{padding:0 0 8px 12px;line-height:20px;} .list_type02 .txt dl dd.btn{padding-top:10px;} .list_type02 .num{padding-top:5px;} .list_type02 .num strong{color:#4078aa;} .list_type02 .txt2{width:530px;float:left;} .list_type02 .txt2 h6{color:#3c3c3c;padding:3px 0 6px 12px;background:url(/kr/images/cont/bullet02.png) no-repeat 0 4px;} .list_type02 .txt2 dl{padding:2px 10px 2px 0;overflow:hidden;} .list_type02 .txt2 dl dt{color:#585858;width:90px;float:left;padding:0 0 0 18px;line-height:20px;background:url(/kr/images/cont/bullet07.png) no-repeat 10px 8px;} .list_type02 .txt2 dl dd{width:410px;float:left;color:#797979;line-height:20px;} .line_box{padding:30px;background-color:#fcfcfc;border:1px solid #ddd;border-top:1px solid #ddd;margin-bottom:30px;margin-top:-25px;} .line_box ul{overflow:hidden;} .line_box ul li{width:50%;float:left;padding:0 0 0 0;} .line_box ul li dl dt{font-size:14px;padding:0 0 10px 12px;background:url(../img2018/bullet02.png) no-repeat 0 1px;} .line_box ul li dl dt a{color:#23a7ef;} .line_box ul li dl dd{font-size:13px;margin:0 0 0 12px;padding:0 0 8px 10px;background:url(../img2018/bullet04.png) no-repeat 0 5px;} .line_box ul li dl dd .btn_down{background:#666;color:#fff;padding:3px 7px;font-size:11px;display:inline-block;border-radius:3px;} .moral{padding:20px;} .moral h5{font-size:15px;padding:0 0 8px 12px;color:#23a7ef;background:url(../img2018/bullet02.png) no-repeat 0 1px;} .moral p{line-height:24px;padding:0 0 20px 15px;} .moral p strong{display:block;color:#454545;margin:10px 0 5px 0;padding:0 0 0 21px;background:url(../img2018/bullet03.png) no-repeat 0 5px;} .report_quick{margin:40px 0;text-align:center;} .human_quick{margin:40px 0 0 0;} .info_txt{background:url(../img2018/ceoinfo_bg.gif) no-repeat top right;} .s_visu_tit{min-height:220px;margin:0 0 40px 0;} .s_visu_tit .article{width:440px;} .s_visu_tit .article2{width:370px;} .s_visu_tit .txt_area{margin:13px 0 0 0;background:url(../img2018/ceo_greeting_article_line.gif) repeat-y top left;} .s_visu_tit .txt{line-height:25px;text-align:justify;} .ethics_txt .num{margin:30px 0 0 0;} .ethics_txt .num li{margin:0 0 10px 0;} /* 에러페이지 */ .error{width:650px;height:506px;margin:100px auto;text-align:center;background:url(../img2018/error_bg.gif) no-repeat top left;} .error h1{font-size:28px;padding-top:60px;line-height:36px;} .error .txt{font-size:15px;padding-top:230px;line-height:24px;} .error .btn{display:block;margin-top:30px;} .totalsearch .tit_a{font-size:14px;color:#006aa4;padding:5px 0 10px 12px;background:url(../img2018/bullet02.png) no-repeat 0 4px;} .totalsearch .ts_table{border-top:2px solid #5f5f5f;margin-bottom:40px;} .totalsearch .ts_table dl{padding:25px 0;border-bottom:1px solid #c5c5c5;} .totalsearch .ts_table dl dt{font-size:16px;padding-bottom:6px;width:100%;overflow:hidden;} .totalsearch .ts_table dl dt span{float:right;font-weight:normal;padding:0 5px 0 0;font-size:14px;} .totalsearch .ts_table dl dd{line-height:22px;} .totalsearch .thumbimg_wide{padding-left:15px;} .totalsearch .themedg th{width:90px;padding:2px 5px;font-size:14px;vertical-align:top;} .totalsearch .themedg td{padding:2px 5px;font-size:14px;line-height:20px;} .totalsearch .ts_table .path{text-align:right;padding-top:10px;} .totalsearch .ts_table .path strong{color:#23a7ef;} .totalsearch .search_spot{width:717px;height:45px;margin-bottom:30px;background:url(../img2018/import_top_bg2.gif) no-repeat top left;} .totalsearch .search_spot p{font-size:13px;padding:15px 0 0 20px;} .totalsearch .btn{text-align:right;} .totalsearch .more{text-align:right;padding:10px 0 0 0;} /*2019-04-12 추가*/ .totalsearch #theme{padding:15px;width:900px;overflow:hidden;font-family:'맑은 고딕';} .totalsearch #theme .thumb{float:left;width:30%;padding:0;border:1px solid #dedede;} .totalsearch #theme .thumb img{width:100%;height:100%;text-align:center;} .totalsearch #theme .thumb p{border-top:1px solid #dedede;margin:0;padding:10px;text-align:center;font-size:12px;line-height:180%;color:#848484;background-color:#f2f2f2;} .totalsearch #theme .txt{float:left;width:67%;margin-left:1.5%;font-size:16px;} .totalsearch #theme .txt h1{font-size:28px;color:#646464;margin-bottom:8px;color:#009cff;font-weight:500;letter-spacing:-3pt;} .totalsearch #theme .txt .business01{overflow:hidden;} .totalsearch #theme .txt .business01 li{margin-bottom:1%;font-size:15px;text-align:justify;} .totalsearch #theme .txt .business01 li .btn{display:inline-block;margin-left:1%;padding:10px 15px;background-color:#39ADD9;color:#fff;font-weight:700;font-size:16px;} .totalsearch #theme .txt .business01 li .btn:first-child{margin-left:0;} .totalsearch #theme .txt .business02{overflow:hidden;} .totalsearch #theme .txt .business02 li{float:left;margin-left:3%;width:26%;text-align:center;font-size:13px;} .totalsearch #theme .txt .business02 li img{width:100%;} .totalsearch #theme .txt .business02 li:first-child{margin-left:0%;} .totalsearch #theme .img{float:left;margin-top:20px;width:100%;overflow:hidden;} .totalsearch #theme .img li{float:left;margin-right:1%;width:49%;text-align:center;font-size:13px;} .totalsearch #theme .img li:last-child{margin-right:0;} .totalsearch #theme .img li img{width:100%;} /*2019-04-12 추가*/ .mem_tit{text-align:center;} .mem_tit dt{font-size:25px;line-height:34px;padding:0 0 8px 0;font-weight:bold;} .mem_tit dd{line-height:24px;font-size:16px;} /* 로그인 */ .login_area{max-width:643px;margin:0 auto 200px;} .login_area .mem_box{margin-top:20px;max-width:660px;overflow:hidden;background:url(../img2018/memjoin4_bg.gif) no-repeat top left;} .login_area .mem_box div{float:left;text-align:center;margin:15px 0;overflow:hidden;padding:20px 0}/*border:1px solid #ddd;*/ .login_area .mem_box .left{width:280px;margin-right:15px;} .login_area .mem_box .right{width:335px;} .login_area .mem_box h5{font-size:18px;font-weight:bold;} .login_area .mem_box p{padding:15px 0 0 0;height:75px;line-height:20px;} /* 회원가입 인증 */ .ip_box{margin:0 auto;max-width:453px;margin-top:25px;overflow:hidden;border:1px solid #ddd;} .ip_box ul.tabs{overflow:hidden;border-bottom:1px solid #c5c5c5;} .ip_box ul.tabs li{width:25%;min-width:110px;text-align:center;float:left;} .ip_box ul.tabs li.active{background-color:#747a84;} .ip_box ul.tabs li a{display:block;height:32px;display:block;color:#777;padding-top:15px;} .ip_box ul.tabs li.active a{color:#fff;font-size:14px;} .ip_box .tabs_content{text-align:center;} .ip_box .tabs_content .tit{padding:15px 0;line-height:20px;margin-bottom:20px;background:#f9f9f9;border-bottom:1px solid #ddd;} .ip_box .tabs_content .btn{padding-top:10px;} .ip_box .tabs_content .txt{max-width:300px;font-size:12px;margin:0 auto 20px auto;line-height:20px;padding-top:20px;text-align:left;} .ip_box .real_name{width:450px;margin:0 auto;position:relative;} .ip_box .real_name ul{padding:25px 0 20px 30px;} .ip_box .real_name ul li{overflow:hidden;padding:4px 0;} .ip_box .real_name ul li dt{text-align:right;width:60px;height:22px;float:left;color:#505050;padding:5px 0 0 0;font-weight:bold;} .ip_box .real_name ul li dd{padding:0 0 0 15px;float:left;} .ip_box .real_name .btn{position:absolute;top:20px;right:40px;} /* 로그인페이지 */ .login_cnt_top{width: 100%; margin:50px auto;height:100px;text-align:center;} .login_cnt_top .login_cnt_tit{float:left;} .login_cnt_top .login_cnt_tit h4{font-size:18px;font-weight:bold;} .login_cnt_top .login_cnt_tit p{padding-top:8px;font-size:11px;color:#898989;} .login_cnt_top .path{float:right;font-size:11px;color:#898989;position:relative;} .login_area .login_box{margin-top:25px;border:1px solid #ddd;} .login_area .login_form{margin:0 auto;position:relative;padding:37px 0 34px 0;border-bottom:1px solid #ddd;background:#f9f9f9;} .login_area .login_form .inner{max-width:400px;margin:0 auto;position:relative;} .login_area .login_form dl{max-width:500px;margin:0 auto 6px auto;overflow:hidden;margin-bottom:6px;padding:0 0 0 0;position:relative;} .login_area .login_form dl dt{font-size:15px;line-height:24px;position:absolute;left:0;top:0;} .login_area .login_form dl dd{margin:0 92px 0 70px } .login_area .login_form dl dd .uder_id{font-size:15px;color:#027ac3;display:block;padding-top:5px;} .login_area .login_form dl dd input{border:1px solid #ddd;height:24px;line-height:24px;width:99%;text-indent:5px;} .login_area .login_form .btn_login{position:absolute;top:0;right:0;} .login_area .btn_solution{max-width:520px;margin:0 auto 30px auto;} .login_area .btn_solution p.st_txt{margin:0 auto;line-height:20px;padding-top:20px;text-align:center;} .login_area .btn_solution ul{width:400px;margin:0 auto;padding:20px 0;} .login_area .btn_solution ul li{overflow:hidden;padding:6px 0 6px 18px;background: url(../img2018/bullet03.png) no-repeat 0 8px;} .login_area .btn_solution ul li.line{border-bottom:1px dashed #ccc;} .login_area .btn_solution ul li .txt{float:left;font-size:14px;} .login_area .btn_solution ul li .btn{float:right;} .login_area .entry_box{max-width:643px;margin-top:25px;background-color:#fcfcfc;border:1px solid #d3d3d3;border-top:1px solid #b9b9b9;} .login_area .login_search{max-width:500px;margin:0 auto;position:relative;} .login_area .login_search ul{padding:20px 0;} .login_area .login_search ul li{overflow:hidden;padding:10px 0;border-bottom:1px dashed #dcdcdc;position:relative;} .login_area .login_search ul li dt{width:75px;height:22px;border-right:1px solid #dcdcdc;color:#505050;padding:5px 0 0 0;font-weight:bold;position:absolute;left:0;top:10px;} .login_area .login_search ul li dd{margin-left:90px;} .login_area .login_search ul li dd input[type="text"]{height:22px;line-height:22px;border:1px solid #ddd;} .login_area .login_search ul li dd select{height:24px;line-height:24px;border:1px solid #ddd;vertical-align:top;} .login_area .login_search ul li dd.pt_5{padding-top:5px;} .login_area .login_search ul li dd #div2{display:none;} .login_area .mailsend{padding:30px 0;} .login_area .mailsend dl.mailinfo{text-align:center;margin-bottom:20px;} .login_area .mailsend dl.mailinfo dt{font-size:19px;line-height:34px;padding:0 0 8px 0;font-weight:bold;} .login_area .mailsend dl.mailinfo dd{font-size:15px;line-height:20px;} .login_area .mailsend .idinfo{max-width:500px;margin:0 auto;} /* 회원가입 */ .mem_stip{margin:35px 0 0 0;border:1px solid #d3d3d3;border-top:1px solid #b9b9b9;} .mem_stip .tit{font-size:15px;padding:10px 0 10px 40px;color:#505050;border-bottom:1px solid #d3d3d3;background:#f2f2f2 url(/kr/images/ico/ico_reply.gif) no-repeat 20px 11px;font-weight:bold;} .mem_stip .tit02{padding:10px 0 10px 40px;color:#5d5d5d;border-bottom:1px solid #d3d3d3;background:#f2f2f2 url(/kr/images/ico/ico_reply.gif) no-repeat 20px 11px;font-weight:bold;} .mem_stip .tit02 strong{font-size:15px;} .mem_stip .tit02 span{font-size:12px;padding-top:6px;} .mem_stip .sstit{display:block;} .mem_stip .recont{padding:20px;background-color:#fcfcfc;} .mem_stip .recont .mem_txt01{height:165px;background-color:#fff;padding:20px;line-height:20px;overflow:auto;border:1px solid #dddddd;} .mem_stip .recont .mem_txt01 .txt_tit{text-align:center;padding:10px 0;border:1px dashed #dddddd;} .mem_stip .recont .mem_txt01 .txt_stit01{text-align:center;padding:10px 0;} .mem_stip .recont .mem_txt02{max-width:660px;background-color:#fff;padding:10px 20px 10px 20px;line-height:20px;border:1px solid #dddddd;} .mem_stip .recont .mem_txt02 .txt_tit{text-align:center;padding:10px 0;border:1px dashed #dddddd;} .mem_stip .recont .mem_chck{text-align:center;margin-top:15px;} .mem_stip .recont .mem_chck ul li{display:inline;padding-right:50px;} .mem_stip .realname_form{max-width:550px;margin:0 auto;position:relative;} .mem_stip .realname_form ul li{overflow:hidden;margin-bottom:6px;} .mem_stip .realname_form ul li label{font-size:15px;width:110px;float:left;color:#505050;padding:5px 0 0 0;font-weight:bold;} .mem_stip .realname_form .btn_realname{position:absolute;top:30px;right:108px;} .mem_stip .realname_txt{max-width:650px;margin:0 auto;border-top:1px dashed #a7a7a7;padding:20px 0;} .mem_stip .realname_txt p{font-weight:bold;text-align:center;padding-bottom:15px;} .mem_stip .realname_txt .real_stxt{font-size:11px;line-height:18px;display:block;} /* 회원가입 폼 */ .bbs_tit{overflow:hidden;margin:0 0 10px 0;} .bbs_tit .tit_type02{font-size:16px;color:#006aa4;float:left;padding:0 0 0 12px;font-weight:bold;background:url(../img2018/bullet02.png) no-repeat 0 1px;} .bbs_tit .check_txt{font-size:11px;float:right;color:#a1a1a1;margin:3px 0 0 0;} .bbs_tit .check_txt img{margin-top:3px} .board_view ul.communi_icon{overflow:hidden;} .board_view ul.communi_icon li{width:110px;padding:14px 0;float:left;text-align:center;} .board_view ul.communi_icon li strong{display:block;padding-top:8px;} .mem_step{height:108px;margin:0 auto 40px auto;max-width:745px;position:relative;} .mem_step ul{overflow:hidden;} .mem_step ul li{float:left;} .mem_step span{overflow:hidden; position:absolute; top:-9999px;text-indent:-9999px;} .mem_step .step01_on{width:25%;height:0;padding-bottom:15%;background:url(../img2018/mem_step01_on.gif) no-repeat top left;} .mem_step .step02_on{width:25%;height:0;padding-bottom:15%;background:url(../img2018/mem_step02_on.gif) no-repeat top left;} .mem_step .step03_on{width:25%;height:0;padding-bottom:15%;background:url(../img2018/mem_step03_on.gif) no-repeat top left;} .mem_step .step04_on{width:25%;height:0;padding-bottom:15%;background:url(../img2018/mem_step04_on.gif) no-repeat top left;} .mem_step .step01_off{width:25%;height:0;padding-bottom:15%;background:url(../img2018/mem_step01_off.gif) no-repeat top left} .mem_step .step02_off{width:25%;height:0;padding-bottom:15%;background:url(../img2018/mem_step02_off.gif) no-repeat top left} .mem_step .step03_off{width:25%;height:0;padding-bottom:15%;background:url(../img2018/mem_step03_off.gif) no-repeat top left} .mem_step .step04_off{width:25%;height:0;padding-bottom:15%;background:url(../img2018/mem_step04_off.gif) no-repeat top left} /* 회원가입 폼 */ .request_step{margin:0 0 30px 0;} .request_step ul{overflow:hidden;} .request_step ul li{float:left;width:170px;height:90px;background: url(../img2018/request_step.gif) no-repeat;} .request_step span{overflow:hidden; position:absolute; top:-9999px;text-indent:-9999px;} .request_step .step01_off{width:107px;background-position:0 0;} .request_step .step02_off{width:106px;background-position:-107px 0;} .request_step .step03_off{width:106px;background-position:-214px 0;} .request_step .step04_off{width:106px;background-position:-321px 0;} .request_step .step05_off{width:106px;background-position:-428px 0;} .request_step .step06_off{width:106px;background-position:-535px 0;} .request_step .step07_off{width:106px;background-position:-641px 0;} .request_step .step01_on{width:107px;background-position:0 -90px;} .request_step .step02_on{width:106px;background-position:-107px -90px;} .request_step .step03_on{width:106px;background-position:-214px -90px;} .request_step .step04_on{width:106px;background-position:-321px -90px;} .request_step .step05_on{width:106px;background-position:-428px -90px;} .request_step .step06_on{width:106px;background-position:-535px -90px;} .request_step .step07_on{width:106px;background-position:-641px -90px;} /* pop 아이디 중복검색 */ .pop_idoverlap{width:100%;line-height:18px;position:relative;} .pop_idoverlap h1{height:44px;background-color:#23a7ef;border-bottom:1px solid #0a85c8;} .pop_idoverlap h1 strong{font-size:18px;display:block;color:#fff;padding:14px 0 0 15px;} .pop_idoverlap .txt{height:100px;text-align:center;padding:20px 0 0 0;background-color:#fcfcfc;border-bottom:1px solid #ebebeb;} .pop_idoverlap .txt2{line-height:22px;padding:30px 0;background-color:#fcfcfc;border-bottom:1px solid #ebebeb;} .pop_idoverlap .txt2 p{max-width:400px;margin:0 auto;} .pop_idoverlap .txt3{line-height:22px;padding:30px 0;background-color:#fcfcfc;border-bottom:1px solid #ebebeb;} .pop_idoverlap .txt3 p{max-width:500px;margin:0 auto;} .pop_idoverlap .re_srch{height:80px;text-align:center;padding:20px 0 0 0;} .pop_idoverlap .re_srch p{margin-bottom:10px;} .pop_idoverlap .txt .point_color1{font-size:15px;} .pop_idoverlap .btn{position:absolute;top:12px;right:10px;} /* pop 상호명 검색 */ .pop_cp_srch{width:100%;min-width:500px;line-height:18px;} .pop_cp_srch h1{padding:0;margin:0;height:44px;background-color:#23a7ef;border-bottom:1px solid #0a85c8;} .pop_cp_srch h1 strong{font-size:18px;display:block;color:#fff;padding:14px 0 0 15px;} .pop_cp_srch .cp_srch_wrap{padding:10px;} .cp_srch_wrap .srch_form{max-width:500px;height:94px;position:relative;background:url(../img2018/cp_srch_bg.gif) no-repeat top left;} .cp_srch_wrap .srch_form h2{font-size:17px;color:#23a7ef;font-weight:bold;position:absolute;top:48px;left:20px;} .cp_srch_wrap .srch_form .form{padding:28px 0 0 130px;position:relative;} .cp_srch_wrap .srch_form .form fieldset{width:350px;border:0;} .cp_srch_wrap .srch_form .form fieldset legend{text-indent:-9999px;} .cp_srch_wrap .srch_form .btn_regist{margin:6px 0 0 0;} .cp_srch_wrap table {width:100%;margin-top:10px;border-collapse:collapse;} .cp_srch_wrap table caption{width:1px;height:1px;line-height:0;font-size:0;overflow:hidden;text-indent:-9999px;} .cp_srch_wrap table th{border:1px solid black;padding:5px;text-align:center;background-color:#ebebeb;} .cp_srch_wrap table td{border:1px solid black;padding:5px;text-align:center;} .cp_srch_wrap table .left{text-align:left;} .cp_srch_wrap .btn{position:absolute;top:12px;right:10px;} .cp_srch_wrap .popup_regist{max-width:496px;padding:20px 0;border:2px solid #23a7ef;background-color:#fff;position:absolute;left:0;top:86px;display:none;z-index:1;} .cp_srch_wrap .popup_regist p{padding:0 0 10px 0;text-align:center;line-height:20px;} .cp_srch_wrap .popup_regist .btn_regist_close{position:absolute;top:4px;right:4px;cursor:pointer} /* pop 개인정보처리방침 */ .pop_policy{width:100%;line-height:18px;position:relative;font-family:'Noto Sans KR';} .pop_policy h1{height:50px;background-color:#23a7ef;border-bottom:2px solid #0a85c8;} .pop_policy h1 strong{font-size:20px;display:block;color:#fff;padding:16px 0 0 15px;font-weight:500;} .pop_policy .txt{line-height:22px;padding:30px 0;background-color:#fcfcfc;border-bottom:1px solid #ebebeb;} .pop_policy .txt p{font-size:15px;margin:0 0 0 20px;} .pop_policy .txt p strong{font-weight:500;} .pop_policy .policy{margin:20px 20px 0 20px;border:1px solid #d3d3d3;border-top:1px solid #b9b9b9;} .pop_policy .policy .recont{padding:20px 20px 20px 20px;background-color:#fcfcfc;} .pop_policy .policy .recont .mem_txt01{height:400px;background-color:#fff;padding:20px;line-height:20px;overflow:auto;border:1px solid #dddddd;} .pop_policy .policy .recont .mem_txt01 strong{font-weight:500;} .pop_policy .policy .recont .mem_txt01 .txt_tit{text-align:center;padding:10px 0;border:1px dashed #dddddd;} .pop_policy .policy .recont .mem_txt01 .txt_stit01{text-align:center;padding:10px 0;} .pop_policy .btn{position:absolute;top:12px;right:10px;} /* pop 이메일무단수집거부 */ .pop_mail{width:100%;line-height:18px;position:relative;font-family:'Noto Sans KR';} .pop_mail h1{background-color:#23a7ef;border-bottom:2px solid #0a85c8;} .pop_mail h1 strong{font-size:20px;display:block;color:#fff;padding:15px 0 15px 15px;line-height:140%;font-weight:500;} .pop_mail .txt{line-height:22px;padding:30px 0;background-color:#fcfcfc;border-bottom:1px solid #ebebeb;} .pop_mail .txt p{margin:0 auto;padding:0 20px;} .pop_mail .btn{position:absolute;top:12px;right:10px;} .btn_right{width:100%;margin-top:15px;text-align:right;} .btn_right2{width:100%;margin-top:15px;text-align:right;} .btn_cen{width:100%;margin-top:15px;text-align:center;} .table_list03{border-top:1px solid #000;margin-bottom:30px;} .table_list03 table{width:100%;border-collapse:collapse;} .table_list03 table th img{margin-top:3px;margin-left:3px;} .table_list03 th{font-size:14px;text-align:left;padding:7px 0 10px 7px;background-color:#f6f6f6;border-bottom:1px solid #e0e1e1;font-weight:400;} .table_list03 td{font-size:14px;border-bottom:1px solid #e0e1e1;text-align:left;padding:10px 0 10px 20px;color:#000;} .table_list03 td strong{font-weight:400;} .table_list03 .br{display:block;padding:5px 0;} .table_list03 .info_txt{line-height:18px;} /* .table_list03 table td br{display:none;} */ .table_list03 table td legend{width:1px;height:1px;line-height:1;font-size:1px;position:absolute;left:-9999px;overflow:hidden;text-indent:-9999px;display:inline-block;} .table_list03 table td select{vertical-align:top;height:25px;line-height:25px;border:1px solid #ddd;} .table_list03 table td input[type="text"]{vertical-align:top;height:23px;line-height:23px;border:1px solid #ddd;} .table_list03 table td input[type="password"]{vertical-align:top;height:23px;line-height:23px;border:1px solid #ddd;} .table_list03 table td textarea{border:1px solid #ddd;vertical-align:top;width:90%;} .pop_section{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;background:url(../img2018/bg_gray.png) repeat left top;} .pop_section .in{position:fixed;left:50%;top:40%;width:930px;height:750px;margin:-285px 0 0 -465px;background:#fff;background:url(../img2018/mvpop_bg.gif) repeat top left;overflow:hidden;} .pop_section .in .title{background:#1d94db;padding:20px 40px 0 40px;} .pop_section .in .title h1{font-size:30px;color:#fff;line-height:110%;padding-bottom:10px;font-weight:700;font-family:'Noto sans KR'} .pop_section .in .title .sub_txt{font-size:16px;color:#d8d9dc;line-height:150%;letter-spacing:-1px;padding-bottom:5px;height:44px;overflow:hidden;} .pop_section .in .close_pop_section{position:absolute;right:15px;top:15px;} .pop_section .in .tab_area2{background:#1d94db;} .pop_section .in .tab_area2 > ul{overflow:hidden;padding:0 40px;} .pop_section .in .tab_area2 > ul > li{float:left;width:18%;} .pop_section .in .tab_area2 > ul > li > a{display:block;background:#1672a8;color:#fff;text-align:center;height:40px;line-height:40px;font-weight:400;margin-left:2px;font-size:15px;border-radius:10px 10px 0 0;} .pop_section .in .tab_area2 > ul > li > a:hover{background:#fff;color:#1d94db;}/*border-bottom:2px solid #30add4*/ .pop_section .in .tab_area2 > ul > li > a:focus{background:#fff;color:#1d94db;}/*border-bottom:2px solid #30add4*/ .pop_section .in .tab_area2 > ul > li > a.on{background:#fff;color:#1d94db;}/*border-bottom:2px solid #30add4*/ .pop_section .in .tab_area2 > ul > li:first-child > a{margin-left:0;} .pop_section .in .cont{display:none;position:absolute;left:0;right:0;top:150px;overflow-y:auto;padding:25px 40px 0 40px;height:575px;padding-top:25px;background:#fff;} .pop_section .in .cont span.btn{margin-top:20px;display:inline-block;padding:10px;background-color:#16387e;} .pop_section .in .cont span.btn > a{color:#fff;font-size:18px;} .pop_section .in .cont .table_list{margin-bottom:40px} .pop_section .in .cont .table_list table{border-collapse:collapse;width:100%;} .pop_section .in .cont .table_list table th{border:1px solid #ccc;font-size:12px;color:#333;text-align:center;padding:15px;line-height:150%;vertical-align:top;text-align:center;} .pop_section .in .cont .table_list table td{border:1px solid #ccc;font-size:12px;color:#333;padding:15px;line-height:150%;background:#fff;text-align:center;} .pop_section .in .cont .table_list table caption{width:1px;height:1px;line-height:0;font-size:0;overflow:hidden;text-indent:-9999px;} .pop_section .in .cont .table_list table td.left{text-align:left;} .pop_section .in .cont .img{padding-bottom:40px;} .pop_section .in .cont .img img{width:100%;} .pop_section .in .cont .table_list02 table{border-collapse:collapse;width:100%;} .pop_section .in .cont .table_list02 table th{border:1px solid #ccc;font-size:12px;color:#333;text-align:center;background:#e8e8e8 url(../img2018/ico_arrow.png) no-repeat 20px 17px;padding:15px 0 15px 15px;line-height:150%;vertical-align:top;} .pop_section .in .cont .table_list02 table caption{width:1px;height:1px;line-height:0;font-size:0;overflow:hidden;text-indent:-9999px;} .pop_section .in .cont .table_list02 table td{border:1px solid #ccc;font-size:12px;color:#333;padding:15px;line-height:150%;background:#fff;} .pop_section .in .cont .table_list02 table td img{width:50px;} .pop_section .in .cont .table_list04 table{width:100%;border-collapse:collapse;} .pop_section .in .cont .table_list04 table th{background:#f7f7f7;color:#000;padding:15px 0;font-size:14px;font-family:'Noto Sans KR';border:1px solid #e2e2e2;border-top:1px solid #000;text-align:center;} .pop_section .in .cont .table_list04 table td{color:#000;font-size:14px;padding:15px 0;text-align:center;border:1px solid #00a4e0;border-radius:15px;font-family:'Noto Sans KR';} .pop_section .in .cont .table_list04 table td.bdrno{text-align:center;border:0;} .pop_section .in .cont .table_list04 table td.left{text-align:left;padding-left:10px;} .pop_section .in .cont .video_wrap{padding-bottom:25px;} .pop_section .in .cont .video_wrap .share_btn{text-align:right;width:740px;margin:0 auto;padding-bottom:8px;} .pop_section .in .cont .video_wrap .video{max-width:740px;margin:0 auto;} .pop_section .in .cont .video_wrap .video_txt{overflow-y:auto;width:718px;height:120px;padding:10px;line-height:150%;background:#fff;border:1px solid #ddd;margin:0 auto;} .pop_section .in .cont .blog_list > ul > li{min-height:100px;background:#fff;margin-bottom:25px;padding:10px;position:relative;} .pop_section .in .cont .blog_list > ul > li > .img{position:absolute;left:10px;top:10px;width:150px;height:100px;overflow:hidden;} .pop_section .in .cont .blog_list > ul > li > .img > img{width:100%;} .pop_section .in .cont .blog_list > ul > li > .txt{padding:0 0 0 170px;} .pop_section .in .cont .blog_list > ul > li > .txt a{display:block;} .pop_section .in .cont .blog_list > ul > li > .txt strong{display:block;font-size:15px;color:#333;line-height:130%;letter-spacing:-1px;font-weight:bold;padding-bottom:5px;} .pop_section .in .cont .blog_list > ul > li > .txt .date{color:#999;font-size:11px;padding-bottom:10px;display:block;} .pop_section .in .cont .blog_list > ul > li > .txt p{font-size:13px;color:#333;line-height:150%;letter-spacing:-1px;padding-bottom:15px;} .pop_section .in .cont > .txt h5{margin:12px 0;font-size:16px;} .pop_section .in .cont > .txt > .list > li{position:relative;padding-bottom:25px;} .pop_section .in .cont > .txt > .list > li > dl{font-size:13px;} .pop_section .in .cont > .txt > .list > li > dl > dt{background:url(../img2018/ico_businessinfo.png) no-repeat left 1px;padding:0 0 0 20px;color:#333;font-weight:bold;position:absolute;left:0;top:0;} .pop_section .in .cont .txt p{padding-bottom: 20px;} .pop_section .in .cont .txt .list > li > dl > dd{padding:0 0 0 100px;} .pop_section .in .cont .txt .list > li > dl > dd > ul > li{text-indent:-9px;padding-left:9px; line-height:25px;} .pop_section .in .cont .txt .list > li > dl > dd > ul > li > ul > li{text-indent:-9px;padding-left:9px;letter-spacing:-1px;} .pop_section .in .cont .txt > .btn{overflow:hidden;} .pop_section .in .cont .txt > .btn a{float:right;margin-right:3px;display:block;width:95px;height:30px;line-height:30px;text-align:center;color:#fff;font-size:14px;font-weight:500;font-family:'Noto sans KR';background:url(../img/bg_btn03.png) no-repeat left top;} .pop_section .in .cont .txt > .btn a.btn_style02{float:right;margin-right:3px;display:block;width:83px;height:65px;line-height:30px;} .pop_section .in .cont > .btn02{position:absolute;left:35px;top:37px;width:200px;min-height:340px;overflow:hidden;} .pop_section .in .cont > .btn02 a{margin-right:3px;margin-bottom:17px;padding:5px 0 0 35px;display:block;height:43px;line-height:34px;width:160px;color:#fff;font-size:16px;font-weight:500;font-family:'Noto sans KR';background:url(../img/bg_btn02.png) no-repeat left top;} .pop_section .in .cont > .btn02 .number{text-align:center;background-color:#fefefe;border-radius:8px;padding:15px;width:130px;font-size:14px;line-height:20px;} .pop_section .in .cont > .btn02 .number p{margin-bottom:12px;} .pop_section .in .cont > .btn02 .number p:last-child{margin-bottom:0;} .pop_section .in .cont h1{font-size:18px;padding:10px 0;} .pop_section .in .cont h2{font-size:16px;padding:10px 0;} .pop_section .in .cont h3{font-size:14px;padding:10px 0;} .pop_section .in .cont p{font-size:14px;padding:10px 0;line-height:150%;} .pop_section .in .cont .ft_pink{color:#fa3370 !important;} .right{text-align:right;} .SBAMap_wrap{overflow:hidden;} .SBAMap_txt{float:left;margin-left:12px;width:255px;} .SBAMap_txt ul > li{position:relative;padding-bottom:25px;} .SBAMap_txt ul > li > dl{font-size:13px;} .SBAMap_txt ul > li > dl > dt{background:url(..../img2018/ico_arrow.png) no-repeat left 1px;padding:0 0 0 20px;color:#333;font-weight:bold;position:absolute;left:0;top:0;} .SBAMap_txt ul > li > dl > dd{padding:0 0 0 90px;} #SBAMap{margin-bottom:20px;float:left;border:1px solid #e5e5e5;} #SBAMap1{margin-bottom:20px;float:left;border:1px solid #e5e5e5;} #SBAMap2{margin-bottom:20px;float:left;border:1px solid #e5e5e5;} #SBAMap3{margin-bottom:20px;float:left;border:1px solid #e5e5e5;} #SBAMap4{margin-bottom:20px;float:left;border:1px solid #e5e5e5;} #SBAMap5{margin-bottom:20px;float:left;border:1px solid #e5e5e5;} #SBAMap6{margin-bottom:20px;float:left;border:1px solid #e5e5e5;} #SBAMap7{margin-bottom:20px;float:left;border:1px solid #e5e5e5;} .pop_section .in .cont .location{overflow:hidden;} .pop_section .in .cont .location .location_tit{background:url(../img2018/ico_bul01.png) no-repeat left top;font-size:14px;color:#006aa4;padding:0 0 10px 20px;} .pop_section .in .cont .location .board_list{margin:0 0 40px 0 ;border-top:2px solid #5f5f5f;} .pop_section .in .cont .location .board_list table{border-collapse:collapse;width:100%;} .pop_section .in .cont .location .board_list table caption{width:1px;height:1px;line-height:0;font-size:0;overflow:hidden;text-indent:-9999px;} .pop_section .in .cont .location .board_list table th{padding:10px 0;background-color:#f7f8f9;border-bottom:1px solid #e0e1e1;border-right:1px solid #e0e1e1;font-weight:bold;text-align:center;} .pop_section .in .cont .location .board_list table td{word-break:break-all;padding:10px;line-height:20px;vertical-align:middle;text-align:center;border-right:1px solid #e0e1e1;border-bottom:1px solid #e0e1e1;color:#000;text-align:left;} .pop_section .in .cont .location .board_list table td span.list_ico img{padding:0 0 0 8px;} .pop_section .in .cont .location .board_list .day{font-size:11px;color:#898989;} /* mv_pop */ #mv_pop{font-family:'nanumgothic';} #mv_pop #header{position:relative;color:#ece7e7;background:url('../img2018/mvpop_top_bg.jpg') repeat center center; background-size:cover;display:block;} #mv_pop #header .thumb{position:absolute;top:15px;left:15px;} #mv_pop #header h1{font-size:32px;padding:15px 0 0 95px;color:#fff;font-weight:400;line-height:130%;} #mv_pop #header p{font-size:16px;padding:10px 0 15px 95px;line-height:130%;min-height:35px;} #mv_pop #container{max-width:920px;position:relative;margin:0 auto;padding:20px;} #mv_pop #container h5{font-size:20px;color:#000;padding-bottom:5px;} #mv_pop .video{position:absolute;top:80px;left:90px;z-index:10;} #mv_pop .video_txt{position:absolute;top:250px;left:50px;z-index:-1;height:130px;overflow-y:auto;width:300px;padding:10px;line-height:150%;background:#fff;border:1px solid #ddd;} #mv_pop .deco01{position:absolute;top:0;left:-200px;z-index:1;opacity:0} #mv_pop .deco02{position:absolute;top:110px;left:-50px;z-index:1;opacity:0} #mv_pop .deco03{position:absolute;top:0;left:680px;z-index:1;opacity:0} #mv_pop .deco04{position:absolute;top:250px;left:830px;z-index:1;opacity:0} #mv_pop .pop_card_news{width:460px;height:460px;margin:20px auto;border-radius:10px;background:#fff;} #mv_pop .pop_card_news ul li{border-radius:10px;overflow:hidden;} #mv_pop .pop_card_news .bx-wrapper{position:relative;} #mv_pop .pop_card_news .bx-wrapper .bx-viewport{overflow:hidden;} #mv_pop .pop_card_news .bx-wrapper .bx-pager{display:none;} #mv_pop .pop_card_news .bx-wrapper .bx-prev{display:block;width:25px;height:25px;position:absolute;right:86px;bottom:10px;text-indent:-9999px;overflow:hidden;background:url(../img2018/btn_prev.png) no-repeat left top;} #mv_pop .pop_card_news .bx-wrapper .bx-next{display:block;width:25px;height:25px;position:absolute;right:15px;bottom:10px;text-indent:-9999px;overflow:hidden;background:url(../img2018/btn_next.png) no-repeat left top;} #mv_pop .pop_card_news .bx-wrapper .bx-start{display:block;width:25px;height:25px;position:absolute;right:51px;bottom:10px;text-indent:-9999px;overflow:hidden;background:url(../img2018/btn_play.png) no-repeat left top;z-index:12} #mv_pop .pop_card_news .bx-wrapper .bx-stop{display:block;width:25px;height:25px;position:absolute;right:51px;bottom:10px;text-indent:-9999px;overflow:hidden;background:url(../img2018/btn_pause.png) no-repeat left top;z-index:11} #mv_pop .pop_card_news .bx-wrapper .bx-start.active{z-index:10} #mv_pop #map{width:765px !important;position:relative;} #mv_pop #map .video{position:absolute;top:80px;left:90px;z-index:10;} #mv_pop #map .deco01{position:absolute;top:0;left:-200px;z-index:1;opacity:0} #mv_pop #map .deco02{position:absolute;top:110px;left:-50px;z-index:1;opacity:0} #mv_pop #map .deco03{position:absolute;top:0;left:680px;z-index:1;opacity:0} #mv_pop #map .deco04{position:absolute;top:250px;left:830px;z-index:1;opacity:0} #mv_pop .table_list03 caption{width:1px;height:1px;line-height:1;font-size:1px;position:absolute;left:-9999px;overflow:hidden;text-indent:-9999px;display:inline-block;} #mv_pop table th{text-align:center;} #mv_pop table td{font-size:12px;line-height:180%;} .bbs_info{margin-top:5px;font-size:11px;} .bbs_info span{padding-right:10px;color:#7a7a7a;} .bbs_info .c1{color:#4078aa;} .bbs_info .c2{color:#3d3d3d;} /* 공지사항 */ .notititle{text-align: center; font-family: 돋움; font-size: 14pt; font-weight: bold;} .notititle_sub{line-height: 180%; font-family: 돋움; font-size: 11pt;text-align:center;} .noticontents{line-height: 180%; font-family: 돋움; font-size: 11pt;} .noticontents15{margin-left:15px;line-height: 180%; font-family: 돋움; font-size: 11pt;} .noticontents30{margin-left:30px;line-height: 180%; font-family: 돋움; font-size: 11pt;} .noticontents45{margin-left:45px;line-height: 180%; font-family: 돋움; font-size: 11pt;} .noticontents60{margin-left:60px;line-height: 180%; font-family: 돋움; font-size: 11pt;} .notitable{width: 90%; font-family: 돋움; font-size: 11pt; margin-left: 30px; border-collapse: collapse;} .notitable_td{border:1px solid black;padding:10px;text-align: center; font-family: 돋움; font-size: 11pt;} .notitable_td_left{border:1px solid black;padding:10px;font-family: 돋움; font-size: 11pt;} .notitable_th{background:lightgray;border:1px solid black;padding:10px;text-align: center; font-family: 돋움; font-size: 11pt; font-weight: bold;} /* 사업안내 게시판 css 2019-02-22 추가 */ .table_view .cont .item{overflow:hidden;padding:40px 0;border-top:1px solid #e1e1e1;} .table_view .cont .item > .tit{position:relative;padding:0 0 20px 0;border:0;} .table_view .cont .item .tit .img{position:absolute;left:0;top:0;} .table_view .cont .item .tit .txt{margin-left:85px;text-align:left;} .table_view .cont .item .tit .txt p{font-size:18px;color:#000;line-height:150%;letter-spacing:-1.5px;} .table_view .cont .item .tit .txt strong{display:block;font-size:32px;color:#000;line-height:150%;font-family: 'Noto Sans KR'} .table_view .cont .item .tit .txt strong.top{padding:15px 0 10px 0;} .table_view .cont .item .tit .txt2{overflow:hidden;} .table_view .cont .item .tit .txt2 p{font-size:18px;color:#000;line-height:150%;letter-spacing:-1.5px;} .table_view .cont .item .tit .txt2 strong{float:left;display:block;font-size:32px;color:#000;line-height:150%;font-family: 'Noto Sans KR'} .table_view .cont .item > .table_list02{padding-bottom:0;} .table_view .cont .item > .table_list02 table th{background:#8ec9ed;border:1px solid #7fbade;} .table_view .cont .item > .table_list02 table td.first{background:#efefef} .table_view .cont .item > .table_list02 table td ul{overflow:hidden;} .table_view .cont .item > .table_list02 table td ul li{display:inline-block;height:40px;line-height:40px;padding-right:30px;} .table_view .cont .item .img_area{float:left;width:350px;max-height:340px;overflow:hidden;} .table_view .cont .item .img_area img{width:100%;} .table_view .cont .item .img_area2 img{width:100%;} .table_view .cont .item .txt_area{float:right;width:450px;} .table_view .cont .item .txt_area > p{text-align:justify;font-size:16px;line-height:150%;} .table_view .cont .item .txt_area > p.inquiry_txt{font-size:14px;} .table_view .cont .item .txt_area > .tag{display:block;color:#0066ff;font-size:14px;padding:20px 0 15px 0;line-height:150%;} .table_view .cont .item .txt_area > .tag a{color:#0066ff;} .table_view .cont .item .zaemirang > ul{overflow:hidden;} .table_view .cont .item .zaemirang > ul > li{float:left;width:50%;padding-bottom:25px;position:relative;min-height:213px;} .table_view .cont .item .zaemirang > ul > li .img_area{width:180px;position:absolute;left:0;top:0;float:none;} .table_view .cont .item .zaemirang > ul > li .img_area img{width:100%;} .table_view .cont .item .zaemirang > ul > li .text{margin-left:190px;width:auto;float:none;} .table_view .cont .item .zaemirang > ul > li .text > strong{display:block;font-size:20px;color:#000;line-height:150%;padding-bottom:10px;font-weight:600;} .table_view .cont .item .zaemirang > ul > li .text ul li{padding-bottom:7px;position:relative;} .table_view .cont .item .zaemirang > ul > li .text ul li .info{position:absolute;left:0;top:0;font-size:13px;color:#000;font-weight:400;background:url(../img/ico_bul03.png) no-repeat left 8px;padding:0 0 0 7px;line-height:150%;} .table_view .cont .item .zaemirang > ul > li .text ul li .txt{margin-left:80px;font-size:13px;color:#000;line-height:150%;} .table_view .cont .item .img_area .bx-wrapper{position:relative;} .table_view .cont .item .img_area .bx-prev{position:absolute;left:15px;top:50%;width:40px;height:40px;text-indent:-9999px;overflow:hidden;background:url(http://sba.seoul.kr/kr/img2018/btn_prev03.png) no-repeat center center;margin-top:-20px;} .table_view .cont .item .img_area .bx-next{position:absolute;right:15px;top:50%;width:40px;height:40px;text-indent:-9999px;overflow:hidden;background:url(http://sba.seoul.kr/kr/img2018/btn_next03.png) no-repeat center center;margin-top:-20px;} .table_view .cont .txt02 .table_list{margin-bottom:40px} .table_view .cont .txt02 .table_list table{border-collapse:collapse;width:100%;} .table_view .cont .txt02 .table_list table th{border:1px solid #ccc;font-size:12px;color:#333;text-align:center;padding:15px;line-height:150%;vertical-align:top;text-align:center;} .table_view .cont .txt02 .table_list table td{border:1px solid #ccc;font-size:12px;color:#333;padding:15px;line-height:150%;background:#fff;text-align:center;} .table_view .cont .txt02 .table_list table caption{width:1px;height:1px;line-height:0;font-size:0;overflow:hidden;text-indent:-9999px;} .table_view .cont .txt02 .table_list table td.left{text-align:left;} .table_view .cont .txt02 .img{padding-bottom:40px;} .table_view .cont .txt02 .img img{width:100%;} .table_view .cont .txt02 .table_list02 table{border-collapse:collapse;width:100%;} .table_view .cont .txt02 .table_list02 table th{border:1px solid #ccc;font-size:12px;color:#333;text-align:center;background:#e8e8e8 url(../img2018/ico_arrow.png) no-repeat 20px 17px;padding:15px 0 15px 15px;line-height:150%;vertical-align:top;} .table_view .cont .txt02 .table_list02 table caption{width:1px;height:1px;line-height:0;font-size:0;overflow:hidden;text-indent:-9999px;} .table_view .cont .txt02 .table_list02 table td{border:1px solid #ccc;font-size:12px;color:#333;padding:15px;line-height:150%;background:#fff;} .table_view .cont .txt02 .table_list02 table td img{width:50px;} .table_view .cont .txt02 .table_list04 table{border-collapse:collapse;margin:0 auto;} .table_view .cont .txt02 .table_list04 table th{border-radius:50%;background-color:#e5e5e5;color:#595959;padding:15px 0;font-size:14px;font-family:'Noto Sans KR';text-align:center;} .table_view .cont .txt02 .table_list04 table td{width:160px;height:160px;border-radius:50%;color:#595959;font-size:14px;padding:15px;text-align:center;background-color:#e5e5e5;font-family:'Noto Sans KR';} .table_view .cont .txt02 .table_list04 table td strong{font-size:16px;} .table_view .cont .txt02 .table_list04 table td.bdrno{text-align:center;border:0;background-color:#fff;color:#595959;height:20px !important;} .table_view .cont .txt02 .table_list04 table td.left{text-align:left;padding-left:10px;} .table_view .cont .txt02 .table_list05 table{width:100%;border-collapse:collapse;} .table_view .cont .txt02 .table_list05 table th{background-color:#e5e5e5;color:#595959;padding:15px 0;font-size:14px;font-family:'Noto Sans KR';text-align:center;} .table_view .cont .txt02 .table_list05 table td{color:#595959;font-size:14px;padding:15px;text-align:center;background-color:#e5e5e5;font-family:'Noto Sans KR';} .table_view .cont .txt02 .table_list05 table td.bdrno{text-align:center;border:0;background-color:#fff;color:#595959;} .table_view .cont .txt02 .table_list05 table td.left{text-align:left;padding-left:10px;} td.bdrno{border:0 !important;padding:5px !important;} .table_view .cont .video_wrap{padding-bottom:25px;} .table_view .cont .video_wrap .share_btn{text-align:right;width:740px;margin:0 auto;padding-bottom:8px;} .table_view .cont .video_wrap .video{max-width:740px;margin:0 auto;} .table_view .cont .video_wrap .video_txt{overflow-y:auto;width:718px;height:120px;padding:10px;line-height:150%;background:#fff;border:1px solid #ddd;margin:0 auto;} .table_view .cont .blog_list > ul > li{min-height:100px;background:#fff;margin-bottom:25px;padding:10px;position:relative;} .table_view .cont .blog_list > ul > li > .img{position:absolute;left:10px;top:10px;width:150px;height:100px;overflow:hidden;} .table_view .cont .blog_list > ul > li > .img > img{width:100%;} .table_view .cont .blog_list > ul > li > .txt{padding:0 0 0 170px;} .table_view .cont .blog_list > ul > li > .txt strong{display:block;font-size:15px;color:#333;line-height:130%;letter-spacing:-1px;font-weight:bold;padding-bottom:5px;} .table_view .cont .blog_list > ul > li > .txt .date{color:#999;font-size:11px;padding-bottom:10px;display:block;} .table_view .cont .blog_list > ul > li > .txt p{font-size:13px;color:#333;line-height:150%;letter-spacing:-1px;padding-bottom:15px;} .table_view .cont > .txt02 h5{margin:12px 0;font-size:16px;} .table_view .cont > .txt02 > p{padding-bottom: 20px;} .table_view .cont > .txt02 > .list > li{position:relative;padding-bottom:25px;} .table_view .cont > .txt02 > .list > li > dl{font-size:13px;} .table_view .cont > .txt02 > .list > li > dl > dt{background:url(http://sba.seoul.kr/kr/img2018/ico_businessinfo.png) no-repeat left 1px;padding:0 0 0 20px;color:#333;font-weight:bold;position:absolute;left:0;top:0;} .table_view .cont > .txt02 > .list > li > dl > dd{padding:0 0 0 100px;} .table_view .cont > .txt02 > .list > li > dl > dd > ul > li{text-indent:-9px;padding-left:9px; line-height:25px;} .table_view .cont > .txt02 > .list > li > dl > dd > ul > li > ul > li{text-indent:-9px;padding-left:9px;letter-spacing:-1px;} .table_view .cont .blog_list > ul > li{min-height:100px;background:#fff;margin-bottom:25px;padding:10px;position:relative;} .table_view .cont .blog_list > ul > li > .img{position:absolute;left:10px;top:10px;width:150px;height:100px;overflow:hidden;} .table_view .cont .blog_list > ul > li > .img > img{width:100%;} .table_view .cont .blog_list > ul > li > .txt{padding:0 0 0 170px;} .table_view .cont .blog_list > ul > li > .txt strong{display:block;font-size:15px;color:#333;line-height:130%;letter-spacing:-1px;font-weight:bold;padding-bottom:5px;} .table_view .cont .blog_list > ul > li > .txt .date{color:#999;font-size:11px;padding-bottom:10px;display:block;} .table_view .cont .blog_list > ul > li > .txt p{font-size:13px;color:#333;line-height:150%;letter-spacing:-1px;padding-bottom:15px;} .table_view .cont .location{overflow:hidden;} .table_view .cont .location .location_tit{background:url(http://sba.seoul.kr/kr/img2018/ico_businessinfo.png) no-repeat left top;font-size:16px;color:#006aa4;padding:0 0 10px 20px;} .table_view .cont .location .board_list{margin:0 0 40px 0 ;border-top:2px solid #5f5f5f;} .table_view .cont .location .board_list table{border-collapse:collapse;width:100%;} .table_view .cont .location .board_list table caption{width:1px;height:1px;line-height:0;font-size:0;overflow:hidden;text-indent:-9999px;} .table_view .cont .location .board_list table th{padding:10px 0;background-color:#f7f8f9;border-bottom:1px solid #e0e1e1;border-right:1px solid #e0e1e1;font-weight:bold;text-align:center;} .table_view .cont .location .board_list table td{word-break:break-all;padding:10px;line-height:20px;vertical-align:middle;text-align:center;border-right:1px solid #e0e1e1;border-bottom:1px solid #e0e1e1;color:#000;text-align:left;} .table_view .cont .location .board_list table td span.list_ico img{padding:0 0 0 8px;} .table_view .cont .location .board_list .day{font-size:11px;color:#898989;} .table_view .cont .location .SBAMap_txt{display:none;float:left;margin-left:12px;width:240px;} .table_view .cont .location .SBAMap_txt ul > li{position:relative;padding-bottom:25px;} .table_view .cont .location .SBAMap_txt ul > li > dl{font-size:13px;} .table_view .cont .location .SBAMap_txt ul > li > dl > dt{background:url(http://sba.seoul.kr/kr/img2018/ico_arrow.png) no-repeat left 1px;padding:0 0 0 20px;color:#333;font-weight:bold;position:absolute;left:0;top:0;} .table_view .cont .location .SBAMap_txt ul > li > dl > dd{padding:0 0 0 60px;} /*2019.11.06 추가*/ .gokiosk{padding:10px 0 10px;color:#000017;border-left:1px solid #B9BDC5;border-top:1px solid #B9BDC5;border-right:3px solid #D4D7DB;border-bottom:3px solid #D4D7DB;font-size: 18px;font-family: 'Noto Sans KR';display:inline-block;width: 200px;text-align: center;margin: 20px 0;line-height: 130%;transition:all .3s;} .gokiosk a{display:block;} .gokiosk:hover{background-color:#FFC833;} .gokiosk .ico{background-color:#ecf0f4;border-radius:50%;margin:0 auto;border:1px dashed #7d7d7d;width:92px;height:92px;display:block;margin-top:10px;} .gokiosk2{text-align:center;margin:20px 0;} .gokiosk2 img{width:100%;} .gokiosk2 a{display:block;} @media only screen and (max-width: 1430px) { #container .main_visual .bx-wrapper .bx-prev{left:10px;margin-left:0;} #container .main_visual .bx-wrapper .bx-next{right:10px;margin-right:0;} #container #main_section02 .cont .bx-wrapper .bx-prev{display:none;} #container #main_section02 .cont .bx-wrapper .bx-next{display:none;} } @media only screen and (max-width: 1041px) { #container .main_visual{} #container .main_visual ul li.main_visual01{background-position:20% center;} #container .main_visual ul li.main_visual02{background-position:20% center;} #container .main_visual ul li.main_visual03{background-position:20% center;} #container .main_visual ul li.main_visual04{background-position:20% center;} #container .main_visual ul li.main_visual05{background-position:20% center;} #container .main_visual ul li.main_visual06{background-position:20% center;} #container .main_visual ul li.main_visual07{background-position:20% center;} #container .main_visual ul li.main_visual08{background-position:20% center;} .search_top{top:45px;} /* #header{display:none;} */ #seoul-gnb-plugin{display:none !important;} .deps_two{display:none;} #footer .inner{padding:15px 0;text-align:center;} #footer .inner .foot_menu{width:auto;text-align:center;margin:0 auto;} #footer .inner .foot_menu ul li{float:none;display:inline-block;} #footer .inner .foot_menu ul li:last-child{margin-right:0;} #footer .inner address{width:auto;padding-bottom:10px;margin:0 auto;} #footer .inner .copyright{padding-bottom:10px;} #footer .inner .family{position:static;text-align:center;} #footer .inner .family .inner{text-align:center;float:none;margin:0 auto;overflow:hidden;} #footer .inner .family .logo ul li{float:none;display:inline-block;margin-left:0;padding:0 5px;} #footer .inner .family .logo ul li img{height:35px;} #footer .inner .family .logo ul li .seoul_banner img{margin-top:20px;} #footer .inner .family .logo ul li.bottom{margin-top:0;} #container{margin-top:21px;} #container .main_visual .bx-wrapper .bx-prev{width:30px;height:60px;background-size:auto 100%;margin-top:-30px;} #container .main_visual .bx-wrapper .bx-next{width:30px;height:60px;background-size:auto 100%;margin-top:-30px;} #container #main_section01{padding:30px 10px;} /* #container #main_section01_2 .inner{min-width:95%;} */ #container #main_section01_2 ul.main_ico li{width:25%;} /* #container #main_section01_2 ul.main_ico li img{width:40px;} #container #main_section01_2 ul.main_ico li h3{font-size:12px;font-weight:500;color:#888888;} #container #main_section01_2 ul.main_ico li .ico{padding-top:5px;font-size:12px;} #container #main_section01_2 ul.main_ico li .txt h3{margin-bottom:20px;} #container #main_section01_2 ul.main_ico li .txt{ padding-top:5px; display:none;font-size:12px;} #container #main_section01_2 ul.main_ico li:hover{background-color:#d7d7d7;} #container #main_section01_2 ul.main_ico li:hover h3{font-weight:700;color:#4d4d4d} #container #main_section01_2 ul.main_ico li:hover .ico{display:none;} #container #main_section01_2 ul.main_ico li:hover .txt{display:block;color:#4d4d4d;} */ #container #main_section02{padding:30px 10px;} #container #main_section02 h2{font-size:30px;} #container #main_section02 .tab ul li a{width:140px;height:40px;line-height:40px;font-size:14px;} #container #main_section02 .cont ul li .item > h4{font-size:25px;} #container #main_section02 .cont ul li .item > p{font-size:25px;} #container #main_section02 .cont ul li .item > .main_section02_rolling > ul > li .img{width:150px;} #container #main_section02 .cont ul li .item > .main_section02_rolling > ul > li .img img{max-width:none;} #container #main_section02 .cont ul li .item > .main_section02_rolling > ul > li .txt{margin-left:150px;} #container #main_section03{padding:30px 10px;} #container #main_section03 .item1{width:100%;} /* #container #main_section03 .item .banner{width:24%;} */ #container #main_section03 .item1 .banner img{width:100%;} #container #main_section03 .item1 .banner{width:49%;float:left;} #container #main_section03 .item1 .banner .bx-wrapper ul li a img{width:100%;min-height:250px;} #container #main_section03 .item1 .banner .bx-wrapper .bx-prev{top:10px;right:43px;} #container #main_section03 .item1 .banner .bx-wrapper .bx-next{top:10px;right:10px;} #container #main_section03 .item1 .video{margin-left:2%;width:49%;float:left;} #container #main_section03 .item1 .video a{padding:10px;} #container #main_section03 .item2{width:100%;} #container #main_section03 .item2 .list{width:100%;} #container #main_section03 .item2 .list h2{padding:10px;} #container #main_section03 .item2 .list ul li a{padding:10px;} #container #main_section03 .item2 .list ul li a .img img{width:100%;} #container #main_section03 .item2 .list ul li a .txt strong{max-height:54px;overflow:hidden;margin:10px 0;padding:0;word-break:break-all;} #container #main_section03 .item2 .list ul li a .txt p{height:35px;overflow:hidden;} #container #main_section03 .item1 .banner .bx-viewport{max-height:492px;} #container #main_section03 .item1 .video a .txt{padding:3% 0;} #container #main_section03 .item1 .video a .txt strong{padding:3% 0;} #container #main_section03 .item1 .video a .txt strong br{display:none;} #container #main_section03 .item1 .video a .txt p{font-size:16px;} #container #main_section03 .item1 .video a .txt p br{display:none;} #container #main_section04{padding:30px 10px;} #container #main_section04 .inner > ul > li h3{font-size:18px;padding-left:20px;padding-top:20px;} #container #main_section04 .inner > ul > li.join_madang .join_madang_list{padding-left:20px;} #container #main_section04 .inner > ul > li.join_madang .join_madang_list li{} #container #main_section04 .inner > ul > li.join_madang .join_madang_list li a{font-size:14px;} #container #main_section04 .inner > ul > li.sba_guide .main_section05_list{margin:0 10px;} #container #main_section04 .inner > ul > li.sba_guide .main_section05_list li a{font-size:14px;} #container #main_section04 .inner > ul > li.ethical .main_section05_list{margin-left:20px;} #container #main_section04 .inner > ul > li .main_section05_list li a{font-size:14px;} #container #main_section04 .inner > ul > li.CEO_introduce .main_section05_list{margin-left:20px;} #container #main_section04 .inner > ul > li.CEO_introduce{} #container #main_section04 .inner > ul > li.CEO_introduce h3{padding-left:20px;} #container #main_section04 .inner > ul > li.infoOpen .infoOpen_list{padding-left:20px;} #container #main_section04 .inner > ul > li.infoOpen .infoOpen_list li a{font-size:14px;} #container #main_section05{padding:0 10px 30px 10px;} .contents_wrap .snb{display:none;} .contents_wrap .contents{margin-left:0;padding:0 10px;} .contents_wrap .contents .h3_tit{font-size:26px;padding-top:20px;margin-bottom:20px;} .contents_wrap .contents .h3_tit span{display:block;padding-left:0;line-height:150%;} .contents_wrap .contents > .path{padding-bottom:10px;margin-right:0;top:40px;right:10px;}/*position:static;*/ .table_list table th{font-size:12px;padding:10px 0;} .table_list table td{font-size:12px;padding:10px 0;} .contents_wrap{padding-bottom:50px;} .contents_wrap .contents{min-height:auto;} .table_list{padding-bottom:20px;} .paging a{width:25px;height:25px;line-height:25px;} .paging strong{width:25px;height:25px;line-height:25px;} .paging a img{width:100%;} .table_view .tit{padding:10px;} .table_view .cont{padding:20px 10px;} .table_nextprev{padding-bottom:20px;} /* .btn_group .btn_style01{padding:5px 20px;font-size:12px;} */ .satisfaction{padding:10px;} .satisfaction dl dt{font-size:16px;line-height:150%;padding-bottom:10px;} .satisfaction p a{font-size:12px;} .liveRe img{width:100%;} .bidding_top{padding:10px;background:none;} .bidding_top.bidding_top02{background-position:95% center;background:none;} .board_sns .left a{font-size:12px;} .inquiry{background-size:200px 200px} .inquiry h4{font-size:26px;} .inquiry .tel_list{margin-right:220px;} .customer03{background-size:auto 200px;} .customer03 > h4{font-size:26px;} .customer03 > h5{font-size:16px;} .customer03 > .advice ul li .txt strong{font-size:16px;} .customer03 > .btn img{height:40px;} .customer03.openinfo01 > h4{font-size:26px;} .customer03.openinfo05 > h4{font-size:26px;} .customer03.openinfo05 > p{margin-right:300px;} .CEO_greetings h4{font-size:26px;padding-bottom:40px;} .CEO_greetings h5{font-size:18px;} .table_list02 table th{padding:10px 0;font-size:12px;} .table_list02 table td{padding:10px 0;font-size:12px;} .customer03.summary > h4{font-size:26px;} .customer03.summary > p.txt{margin-right:300px;padding-bottom:40px;} .customer03.summary > h5.tit{font-size:20px;padding-bottom:20px;margin-bottom:0;} .customer03.summary > h5{margin-right:0;padding-bottom:15px;} .customer03.summary .btn{margin-bottom:0;} .customer03.summary > .ebook_list > ul > li img{width:100%;} .history h4{font-size:26px;} .history .history_list > .item dl dt{font-size:25px;} .history .history_list > .item dl dd{margin-left:80px;font-size:14px;} .history .history_list > .item dl dd strong{font-size:14px;} .customer03.ethics h4{font-size:26px;} .customer03 > h5{margin-right:300px;} .mem_step{max-width:700px;} .mem_step .step01_on{background-size:auto 102px;} .mem_step .step02_on{background-size:auto 102px;} .mem_step .step03_on{background-size:auto 102px;} .mem_step .step04_on{background-size:auto 102px;} .mem_step .step01_off{background-size:auto 102px;} .mem_step .step02_off{background-size:auto 102px;} .mem_step .step03_off{background-size:auto 102px;} .mem_step .step04_off{background-size:auto 102px;} .CI .tab_area{margin-bottom:30px;} .CI .tab_area > ul > li a{font-size:16px;font-family:'Noto Sans KR';height:40px;line-height:40px;} .CI .cont > .list > ul > li .img img{width:100%;} .CI .cont > .color > ul > li .img img{width:100%;} .CI .cont > .img_area img{width:100%;} .business .business_top{background-image:none;margin:0 -10px 0 -10px;padding:15px 10px;} .business .business_top h4{font-size:24px;} .business .business_top p{font-size:21px;padding-bottom:20px} .business .business_top p strong{font-size:24px;} .business .business_top .list > ul > li > a .txt strong{font-size:20px;} .business .business_txt{padding:30px 20px;margin:0 -10px;} .business .business_txt h5{font-size:20px;} .business .business_txt p{padding-bottom:15px;} .business .business_txt p br{display:none;} .business_detail .business_top{margin:0 -10px;background-position:center center;height:250px;padding:30px 10px;} .business_detail .business_top h4{font-size:20px;} .business_detail .business_top h4 span{font-size:24px;} .business_detail .business_top p{font-size:20px;padding-bottom:10px;} .business_detail .business_top p strong{font-size:24px;} .business_detail .business_top .list ul li img{width:100%;} .business_detail{padding-bottom:50px;} .business_detail .business_detali_list > ol > li{padding:30px 0;} .business_detail .business_detali_list > ol > li > h5{font-size:26px;padding-bottom:10px;} .business_detail .business_detali_list > ol > li > p br{display:none;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item{padding:20px 0;} .business_detail .business_detali_list > ol > li > .list_style01 > ul > li .item p{font-size:14px;} .business_detail .business_detali_list > ol > li > .list_style01 > ul > li .item strong{font-size:21px;padding:15px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .tit .img img{height:60px} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .tit .txt{margin-left:70px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .tit .txt p{font-size:16px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .tit .txt strong{font-size:24px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .tit .txt2 p{font-size:16px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .tit .txt2 strong{font-size:24px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .img_area img{width:100%;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .txt_area > p{text-align:justify;font-size:15px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .txt_area > .tag{font-size:12px;padding:15px 0 10px 0;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .txt_area > p.inquiry_txt{font-size:12px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item > .table_list02{overflow-x:auto;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item > .table_list02 table{min-width:500px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item > .table_list02 table td > img{height:40px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item > .table_list02 table td ul{text-align:left;padding:0 10px} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item > .table_list02 table td ul li{height:25px;line-height:25px;display:block;margin-right:0;padding-top:5px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item > .table_list02 table td ul li:first-child{padding-top:0;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item > .table_list02 table td ul li img{height:25px;} .pop_section .in{width:auto;margin:0;left:10px;right:10px;top:50%;bottom:10px;margin-top:-285px} .pop_section .in .title{padding:20px 20px 0 20px;} .pop_section .in .title h1{font-size:20px;} .pop_section .in .title .sub_txt{font-size:14px;} .pop_section .in .tab_area2{padding-top:5px;} .pop_section .in .tab_area2 > ul{padding:0 20px;} .pop_section .in .tab_area2 > ul > li{min-width:90px;} .pop_section .in .tab_area2 > ul > li > a{font-size:13px;height:30px;line-height:30px;} .pop_section .in .cont{padding:20px 20px 0 20px;top:135px;height:415px;} .business_detail .business_top.business_top04_02{height:auto;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .zaemirang > ul > li .img_area{width:150px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .zaemirang > ul > li .text{margin-left:170px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .zaemirang > ul > li .text > strong{font-size:20px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business > ul > li .img_area{width:130px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business > ul > li .text{margin-left:140px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business > ul > li .text > strong{font-size:20px;} #container .main_business.business_top{background-image:none;margin:0 -10px 0 -10px;padding:15px 10px;} .sitemap > ul > li > ul > li{width:29.9%;} .sitemap > ul:nth-child(2) > li{width:29.9%;} .sitemap > ul > li > ul.long > li{width:29.9%;} .sitemap > ul.businesssitemap > li > ul > li{width:23%;} .ceo_thumb{float:none;width:100%;text-align:center;} .table_ceo_list02{margin-left:0;padding:20px 0 0;} /* 2019-06-28 추가 */ .right_quick2{position:fixed;bottom:20px;z-index:101} .right_quick2 .newsletter{height:450px;} /* .right_quick2.on{right:0px;} */ #business02 .item iframe{height:400px !important;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub03{margin-left:-205px;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub03 li:first-child a{letter-spacing:-1pt;} } @media only screen and (min-width: 1020px) { .mobile_header{display:none;} } @media only screen and (max-width: 1020px) { #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub03 li:nth-child(1){width:120px;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub03 li:nth-child(2){width:127px;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub03 li:nth-child(3){width:115px;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub03 li:nth-child(4){width:100px;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub03 li:nth-child(5){width:110px;} #header .gnb_wrap .inner .searchGnb .gnb > ul > li > ul.gnb_sub#gnb_sub03 li:nth-child(6){width:115px;} .right_quick{display:none;} } @media only screen and (max-width: 940px) { /* #header{display:none;} */ .mobile_header{display:block;max-width:940px;} .mobile_header > h1{height:80px;} .mobile_header > h1{height:80px;} .search_top{position:fixed;margin-top:6px;top:45px;z-index:9999;} } @media only screen and (max-width: 761px) { #container .main_visual{} #container .main_visual ul li{} #container .main_visual ul li.main_visual01{background-image:url(http://img.sba.kr/img/img_main_visual01_m_20200204.jpg);background-position:center center;background-size:cover;} #container .main_visual ul li.main_visual02{background-image:url(http://img.sba.kr/img/img_main_visual02_m.jpg);background-position:center center;background-size:cover;} #container .main_visual ul li.main_visual03{background-image:url(http://img.sba.kr/img/img_main_visual03_m_20190510.jpg);background-position:center center;background-size:cover;} #container .main_visual ul li.main_visual04{background-image:url(http://img.sba.kr/img/img_main_visual04_m_20190904.jpg);background-position:center center;background-size:cover;} #container .main_visual ul li.main_visual05{background-image:url(http://img.sba.kr/img/img_main_visual05_m_20190930.jpg);background-position:center center;background-size:cover;} #container .main_visual ul li.main_visual06{background-image:url(http://img.sba.kr/img/img_main_visual06_m.jpg);background-position:center center;background-size:cover;} #container .main_visual ul li.main_visual07{background-image:url(http://img.sba.kr/img/img_main_visual07_m.jpg);background-position:center center;background-size:cover;} #container .main_visual ul li.main_visual08{background-image:url(http://img.sba.kr/img/img_main_visual08_m.jpg);background-position:center center;background-size:cover;} #container .main_visual ul li.main_visual09{background-image:url(http://img.sba.kr/img/img_main_visual09_m.jpg);background-position:center center;background-size:cover;} #container .main_visual ul li.main_visual10{background-image:url(http://img.sba.kr/img/img_main_visual10_m.jpg);background-position:center center;background-size:cover;} #container .main_visual ul li.main_visual11{background-image:url(http://img.sba.kr/img/img_main_visual11_m.jpg);background-position:center center;background-size:cover;} #container .m_banner{overflow:hidden;} #container .m_banner ul li.m_banner01{background-image:url(http://img.sba.kr/img/main_s_banner_20200113.jpg);background-position:center center;background-size:cover;} #container .m_banner ul li.m_banner02{background-image:url(http://img.sba.kr/img/main_s_banner_20190709.jpg);background-position:center center;background-size:cover;} #container .m_banner ul li.m_banner03{background-image:url(http://img.sba.kr/img/main_s_banner_20190702.jpg);background-position:center center;background-size:cover;} #container .m_banner ul li.m_banner04{background-image:url(http://img.sba.kr/img/main_s_banner_20190611.jpg);background-position:center center;background-size:cover;} #container .m_banner ul li.m_banner05{background-image:url(http://img.sba.kr/img/main_s_banner_20190227.jpg);background-position:center center;background-size:cover;} /* #container .m_banner ul li.m_banner06{background-image:url(http://img.sba.kr/img/img_m_banner06_m.jpg);background-position:center center;background-size:cover;} #container .m_banner ul li.m_banner07{background-image:url(http://img.sba.kr/img/img_m_banner07_m.jpg);background-position:center center;background-size:cover;} #container .m_banner ul li.m_banner08{background-image:url(http://img.sba.kr/img/img_m_banner08_m.jpg);background-position:center center;background-size:cover;} #container .m_banner ul li.m_banner09{background-image:url(http://img.sba.kr/img/img_m_banner09_m.jpg);background-position:center center;background-size:cover;} #container .m_banner ul li.m_banner10{background-image:url(http://img.sba.kr/img/img_m_banner10_m.jpg);background-position:center center;background-size:cover;} #container .m_banner ul li.m_banner11{background-image:url(http://img.sba.kr/img/img_m_banner11_m.jpg);background-position:center center;background-size:cover;} */ #container .main_visual .bx-wrapper .bx-prev{width:20px;height:40px;background-size:auto 100%;margin-top:-20px;} #container .main_visual .bx-wrapper .bx-next{width:20px;height:40px;background-size:auto 100%;margin-top:-20px;} #container #main_section01{padding:30px 10px 10px;} #container #main_section01 .inner .notice{float:none;width:auto;margin-bottom:2%;} #container #main_section01 .inner .notice .gallary_list{display:none !important;} #container #main_section01 .inner .notice .list{display:none;} #container #main_section01 .inner .notice .list > ul > li:first-child{display:block !important;} #container #main_section01 .inner .notice .gallary_list ul{height:0;padding-bottom:100%;} #container #main_section01 .inner .notice .gallaryList_select{display:none;} #container #main_section01 .inner .notice .tab > ul{max-width:none;margin-right:40px;} #container #main_section01 .inner .notice .tab > ul > li{margin-left:0.5%;} #container #main_section01 .inner .notice .tab > ul > li > a{font-size:12px;} #container #main_section01 .inner .notice .gallary_list ul li{width:48%;} #container #main_section01 .inner .banner{float:none;width:auto;margin-left:0;height:auto;} #container #main_section01 .inner .banner ul li a{font-size:0;} #container #main_section01 .inner .banner ul li img{width:100%;} #container #main_section01_2 ul.main_ico li{width:47%;margin-bottom:15px;} /* #container #main_section01_2 .inner{min-width:761px;} */ /* #container #main_section01_2 ul.main_ico li{margin:0 0.89% 2%;} */ /* #container #main_section01_2 {padding-top:10px;min-width:420px;margin-left:10px;} #container #main_section01_2 ul.main_ico li{display:block;float:left;width:80px;height:80px;overflow:hidden;} #container #main_section01_2 ul.main_ico li a{text-align:center;text-decoration:none;color:#888888;} #container #main_section01_2 ul.main_ico li img{width:40px;} #container #main_section01_2 ul.main_ico li h3{font-size:12px;font-weight:500;color:#888888;} */ /* #container #main_section01_2 ul.main_ico li .ico{padding-top:5px;font-size:12px;} #container #main_section01_2 ul.main_ico li .txt h3{margin-bottom:10px;} #container #main_section01_2 ul.main_ico li .txt{padding-top:5px;display:none;font-size:12px;} #container #main_section01_2 ul.main_ico li:hover{background-color:#d7d7d7;} #container #main_section01_2 ul.main_ico li:hover h3{font-weight:700;color:#4d4d4d} #container #main_section01_2 ul.main_ico li:hover .ico{display:none;} #container #main_section01_2 ul.main_ico li:hover .txt{display:block;color:#4d4d4d;} */ #container #main_section02 h2{font-size:24px;} #container #main_section02 .tab{padding-bottom:20px;} #container #main_section02 .tab ul{overflow:hidden;margin-left:-2%;} #container #main_section02 .tab ul li{display:block;float:left;width:31.33%;margin:0 0 2% 2%;} #container #main_section02 .tab ul li a{width:auto;font-size:12px;height:35px;line-height:35px;} #container #main_section02 .cont ul li .item > h3{font-size:25px;padding-bottom:10px;} #container #main_section02 .cont ul li .item > h4{font-size:20px;letter-spacing:-1px;} #container #main_section02 .cont ul li .item > p{padding-bottom:10px;font-size:20px;letter-spacing:-1px;} #container #main_section02 .cont ul li .item > .main_section02_rolling{overflow-x:auto;} #container #main_section02 .cont ul li .item > .main_section02_rolling > ul{margin-left:0;} #container #main_section02 .cont ul li .item > .main_section02_rolling > ul > li{float:none;width:auto;margin-left:0;} #container #main_section02 .cont ul li .item > .main_section02_rolling > ul > li .img img{} #container #main_section02 .cont ul li .item > .main_section02_rolling > ul > li .txt{} #container #main_section02 .cont ul li .item > .main_section02_rolling > ul > li .txt strong{font-size:14px;line-height:130%;} #container #main_section02 .cont ul li .item > .main_section02_rolling > ul > li .txt p{font-size:12px;} #container #main_section03 .inner{overflow-x:auto;} #container #main_section03 .item .banner{display:none;} #container #main_section03 .item1 .video a .txt strong br{display:block;} #container #main_section03 .item1 .video a .txt p{font-size:16px;} #container #main_section03 .item1 .video a .txt p br{display:none;} /* #container #main_section03 .item{min-width:700px;} */ #container #main_section03 .item .list{width:100%;} #container #main_section03 .item .list ul{overflow:hidden;} #container #main_section03 .item .list ul li{width:47%;} /* #container #main_section03 .item .list ul li:nth-child(3){display:none;} */ #container #main_section03 .item .list ul li a .txt strong{max-height:43px;min-height:43px;font-size:16px;} #container #main_section03 .item .video a{padding:10px;} #container #main_section03 .item .video a .txt strong{font-size:16px;} #container #main_section03 .item .video a .txt p{height:40px;} #container #main_section04 .inner > ul{margin-left:-3%;} #container #main_section04 .inner > ul > li{width:47%;margin-left:3%;margin-bottom:3%;padding-bottom:3%;} #container #main_section04 .inner > ul > li.sba_guide{display:none;background-size:cover;} #container #main_section04 .inner > ul > li.CEO_introduce{background-size:cover;} #container #main_section04 .inner > ul > li.ethical{width:auto;float:none;clear:both;} #container #main_section04 .inner > ul > li.infoOpen{width:auto;float:none;} #container #main_section04 .inner > ul > li.CEO_introduce .main_section05_list{} #container #main_section04 .inner > ul > li.ethical .main_section05_list{} #container #main_section05{display:block;} #container #main_section05 .main_family{margin-left:-2%;} #container #main_section05 .main_family .inner:first-child{margin-left:2%;} #container #main_section05 .main_family .inner{width:48%;} .table_list{overflow-x:auto;} .table_view .tit h3{font-size:16px;word-break:break-all;} .board_sns{margin-top:-10px;} .board_sns .left{float:none;padding-bottom:10px;} .board_sns .left a{height:25px;line-height:25px;} .board_sns .right{float:none;} .board_sns .right a{height:25px;line-height:25px;} .board_sns .right a img{height:25px;} .table_nextprev table th{padding:10px 0;} .table_nextprev table td{padding:10px;} .satisfaction{word-break:break-all;} .satisfaction dl dt{background-size:auto 20px;padding-left:25px;font-size:14px;} .satisfaction p{overflow:hidden;padding-bottom:30px;} .satisfaction p span{display:block;float:left;width:50%;margin-right:0;line-height:20px;} .satisfaction p span img{margin-top:3px;} .satisfaction p a{bottom:0;} .contents_wrap .contents .h3_tit{font-size:20px;} .board_search .total{float:none;padding-bottom:5px;line-height:150%;} .board_search .search{float:none;text-align:left;width:auto;} .board_search .search .statusCondition{display:block;margin-right:0;padding-bottom:5px;} .board_search .search input[type="text"]{width:60%;height:30px;line-height:30px;} .board_search .search select{height:32px;line-height:32px;} .board_search .search input[type="image"]{height:32px;} .photo_list{padding-bottom:20px;} .photo_list > ul > li{padding:10px 0;} .photo_list > ul > li .img{position:static;width:auto;height:auto;margin-bottom:10px;} .photo_list > ul > li .txt{margin-left:0;} .photo_list > ul > li .txt strong{font-size:16px;margin-bottom:10px;} .photo_list02{padding:20px 0;} .photo_list02 > ul > li{width:47%;} .photo_list02 > ul > li .txt strong{font-size:14px;height:21px;margin-bottom:5px;} .businessMovie_list > ul > li{width:47%;} .businessMovie_list > ul > li a .txt strong{font-size:14px;} .schedule_list > ul > li{width:47%} .schedule_list > ul > li a .txt strong{font-size:14px;height:42px;overflow:hidden;} .schedule_list > ul > li a .txt p{font-size:12px;height:52px;} .board_search .select{float:none;width:auto;padding-bottom:5px;} .board_search .select select{height:32px;line-height:32px;} .board_search .select a.btn{height:32px;line-height:32px;} .inquiry{background-size:150px 150px;padding-bottom:150px;} .inquiry > p{padding-bottom:30px;} .inquiry > p strong{font-size:20px;} .inquiry .tel_list{margin-right:0;} .inquiry .tel_list > ol > li{width:50%;padding-bottom:5px;} .inquiry .tel_list > ol > li .num{height:32px;line-height:32px;width:32px;font-size:14px;} .inquiry .tel_list > ol > li p{height:32px;line-height:32px;font-size:14px;} .inquiry > p.txt{font-size:14px;} .customer03{background-size:auto 100px;background:none;} .customer03 > h4{font-size:20px;word-break:break-all;} .customer03 > h5{margin-right:0;} .customer03 > p{padding-bottom:20px;} .customer03 > .info{padding:10px;margin-bottom:20px;} .customer03 > .info dl dt{background-size:auto 25px;line-height:25px;padding-left:35px;} .customer03 > .advice ul li{float:none;width:auto;} .customer03.customer04_bg{background:none;} .customer03.customer05_bg{background:none;} .customer03.customer06_bg{background:none;} .customer03.openinfo01{background:none;} .customer03.openinfo01 > h4{font-size:20px;} .customer03.openinfo05{background:none;} .customer03.openinfo05 > h4{font-size:20px;} .customer03.openinfo05 > p{margin-right:0;} .customer03.openinfo05 > h5.tit{font-size:18px;} .CEO_greetings{background-image:none;} .CEO_greetings h4{font-size:20px;} .CEO_greetings h4 br{display:none;} .CEO_greetings h5{font-size:16px;padding-bottom:20px;} .CEO_greetings p{padding-bottom:20px;} .customer03.CEO_wish_bg{background:none;} .customer03.summary > h4{font-size:20px;} .customer03.summary > p.txt{margin-right:0;} .customer03.summary > .ebook_list > ul > li{width:47%;margin-bottom:3%;} .customer03.summary > p.txt{padding-bottom:20px;} .customer03.summary > h5.tit{padding-bottom:10px;} .history h4{font-size:20px;padding-bottom:20px;} .history .img{position:static;padding-bottom:30px;} .history .img img{width:100%;} .history h5{font-size:18px;padding-bottom:15px;} .history .history_list{margin-left:0;} .history .history_list > .item{float:none;padding-left:0;width:auto;} .history .history_list > .item dl{padding-bottom:15px;} .customer03.ethics{background:none;} .customer03.ethics h4{font-size:20px;} .cnt_txt_area .cnt_article_c{background:none;} .s_visu_tit .article2{width:auto;} .s_visu_tit .article2 h5 img{height:90px;} .info_txt{background:none;} .line_box{padding:10px;} .line_box ul li{float:none;width:auto;} .line_box ul li dl dd img{width:100%;} .organization{width:auto;background:none;height:auto;} .organization > h5{display:none;} .organization > ul{display:none;} .organization .organization_m{display:block;} .search_box3{width:auto;position:static;} .mem_tit dt{font-size:20px;} .login_area{margin-bottom:50px;} .login_area .login_form{padding:20px;} .login_area .btn_solution{width:auto;} .login_area .btn_solution ul{width:auto;padding:10px;} .login_area .mem_box .left{width:auto;float:none;margin:20px 0;} .login_area .mem_box .right{width:auto;float:none;margin:0;} .mem_step{max-width:300px;height:auto;} .mem_step > ul{margin-bottom:20px;border:1px solid #ddd;border-radius:5px;overflow:hidden;border-top:0;} .mem_step .step01_on{width:50%;background-size:auto 90px;padding-bottom:28%;} .mem_step .step02_on{width:50%;background-size:auto 90px;padding-bottom:28%;} .mem_step .step03_on{width:50%;background-size:auto 90px;padding-bottom:28%;} .mem_step .step04_on{width:50%;background-size:auto 90px;padding-bottom:28%;} .mem_step .step01_off{width:50%;background-size:auto 90px;padding-bottom:28%;} .mem_step .step02_off{width:50%;background-size:auto 90px;padding-bottom:28%;} .mem_step .step03_off{width:50%;background-size:auto 90px;padding-bottom:28%;} .mem_step .step04_off{width:50%;background-size:auto 90px;padding-bottom:28%;} .mem_stip .recont .mem_chck ul li{display:block;padding-right:0;text-align:left;} .table_list03 table td input[type="text"]{width:30% !important;} .table_list03 table td input[type="password"]{width:30% !important;} .table_list03 table td br{display:block} .CI .cont > .list > ul{margin-left:0;} .CI .cont > .list > ul > li{width:auto;margin-left:0;float:none;} .CI .cont > .ex > ul > li{width:48%;padding-bottom:2%;} .CI .cont > .ex > ul > li img{width:100%;} .CI .cont > .color > ul > li{width:31.33%;margin-bottom:2%;} .CI .cont > .color > ul > li .txt p{height:90px;line-height:150%;} #container .main_business h2{font-size:24px;} #container .main_business .tab{padding-bottom:20px;} #container .main_business .tab ul{overflow:hidden;margin-left:-2%;} #container .main_business .tab ul li{display:block;float:left;width:31.33%;margin:0 0 2% 2%;} #container .main_business .tab ul li a{width:auto;font-size:12px;height:35px;line-height:35px;} #container .main_business .cont ul li .item > h3{font-size:25px;padding-bottom:10px;} #container .main_business .cont ul li .item > h4{font-size:20px;letter-spacing:-1px;} #container .main_business .cont ul li .item > p{padding-bottom:10px;font-size:20px;letter-spacing:-1px;} #container .main_business .cont ul li .item > .main_business_rolling{overflow-x:auto;} #container .main_business .cont ul li .item > .main_business_rolling > ul{min-width:500px;} #container .main_business .cont ul li .item > .main_business_rolling > ul > li{border-radius:10px;} #container .main_business .cont ul li .item > .main_business_rolling > ul > li .img img{width:100%;} #container .main_business .cont ul li .item > .main_business_rolling > ul > li .txt{height:115px;} #container .main_business .cont ul li .item > .main_business_rolling > ul > li .txt strong{font-size:14px;line-height:130%;} #container .main_business .cont ul li .item > .main_business_rolling > ul > li .txt p{font-size:12px;} .business .business_top .list{overflow-x:auto;} .business .business_top .list > ul{min-width:500px;margin-left:-2%;} .business .business_top .list > ul > li{width:31.33%;margin-left:2%;} .business .business_top .list > ul > li > a .txt{height:115px;padding:0;} .business .business_top .list > ul > li > a .txt strong{font-size:14px;line-height:130%;padding:20px 0 10px 0} .business .business_top .list > ul > li > a .txt ul li{font-size:12px;} .business .business_top h4{font-size:20px;font-family:'Noto Sans KR';padding-bottom:10px;} .business .business_top p{font-size:20px;font-family:'Noto Sans KR';} .business .business_top p br{display:none;} .business .business_top p strong{font-size:20px;font-family:'Noto Sans KR';} .business .business_txt{padding:15px 10px;} .business .business_txt p{font-size:13px;} .business_detail .business_top{height:auto;} .business_detail .business_top iframe{min-height:300px !important;} .business_detail .business_top.business_top01_01{background-size:cover;} .business_detail .business_top .list ul{max-width:400px;margin:0 auto;} .business_detail .business_top .list ul li{margin:0;width:90px;} .business_detail .business_detali_list > ol > li > h5{font-size:20px;} .business_detail .business_detali_list > ol > li > p{font-size:14px;} .business_detail .business_detali_list > ol > li > .list_style01{overflow-x:auto;} .business_detail .business_detali_list > ol > li > .list_style01 > ul{min-width:500px;} .business_detail .business_detali_list > ol > li > .list_style01 > ul > li .item strong{font-family:'Noto Sans KR';font-size:18px;padding:15px 10px;} .business_detail .business_detali_list > ol > li > .list_style01 > ul > li .item p{padding:10px;font-size:12px;min-height:72px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .img_area{float:none;width:85%;padding-bottom:10px;margin:0 auto;max-width:450px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .txt_area{float:none;width:85%;margin:0 auto;max-width:450px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .txt_area > .btn a{margin-right:1px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .txt_area > .btn a.open_pop_section{font-size:12px;height:35px;line-height:35px;padding:0 20px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .txt_area > .btn a.btn_style01{font-size:12px;height:35px;line-height:35px;padding:0 20px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .txt_area > .btn a img{height:35px;} .pop_organization .inner{width:auto;margin:0;left:10px;right:10px;top:10px;bottom:10px;overflow-y:auto;} .pop_section .in .cont .video_wrap .video object{width:100% !important;height:300px !important;} .pop_section .in .cont .video_wrap .video_txt{width:auto;font-size:12px;} #SBAMap{height:300px;} #SBAMap1{height:300px;} #SBAMap2{height:300px;} #SBAMap3{height:300px;} #SBAMap4{height:300px;} .pop_section .in .tab_area2 > ul > li > a{font-size:12px;} .pop_section .in .title .sub_txt{font-size:12px;} .location_area > .cnt_txt_area > img{width:100%;} #mv_pop #header h1{font-size:20px;word-break:break-all;} #mv_pop #header p{font-size:14px;} .brand_list ul li{width:20%;} .CEO_profile{padding:0;} .CEO_profile .img{position:static;max-width:200px;margin:0 auto;} .CEO_profile .txt{margin-left:0;} .sitemap > ul.businesssitemap > li > ul > li{width:46%;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .zaemirang > ul > li{float:none;width:auto;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .zaemirang > ul > li .img_area{width:120px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .zaemirang > ul > li .text{margin-left:135px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .zaemirang > ul > li .text > strong{font-size:16px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .zaemirang > ul > li .text ul li{padding-bottom:4px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .zaemirang > ul > li .text ul li .info{font-size:13px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .zaemirang > ul > li .text ul li .txt{font-size:13px;margin-left:70px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business > ul > li{float:none;width:100%;margin:10px 20px 0;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business > ul > li .img_area{width:120px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business > ul > li .text{margin-left:135px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business > ul > li .text > strong{font-size:16px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business > ul > li .text ul li{padding-bottom:4px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business > ul > li .text ul li .info{font-size:13px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business > ul > li .text ul li .txt{font-size:13px;margin-left:70px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business2 > ul > li{width:31%;height:200px;margin-right:2%;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business2 > ul > li .img_area{width:100%;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business2 > ul > li .text{margin:0;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business2 > ul > li .text > strong{font-size:16px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business2 > ul > li .text ul li{padding-bottom:4px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business2 > ul > li .text ul li .info{font-size:13px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .sub_business2 > ul > li .text ul li .txt{font-size:13px;margin-left:70px;} #right_quick2{display:none;visibility:hidden;} #right_quick2 iframe{display:none;visibility:hidden;} .mobile_header{max-width:761px;} #business02 .item iframe{height:300px !important;} } @media only screen and (max-width:500px) { /* #container #main_section01_2{display:none;} */ /* #container #main_section01_2{padding-top:10px;} #container #main_section01_2 ul.main_ico li{width:60px;height:60px;overflow:hidden;} #container #main_section01_2 ul.main_ico li h3{font-size:12px;font-weight:500;color:#888888;} #container #main_section01_2 ul.main_ico li .ico{padding-top:5px;} #container #main_section01_2 ul.main_ico li .txt h3{margin-bottom:0px;} #container #main_section01_2 ul.main_ico li .txt{padding-top:0px;display:none;font-size:12px;} #container #main_section01_2 ul.main_ico li:hover{background-color:#d7d7d7;} #container #main_section01_2 ul.main_ico li:hover h3{font-weight:700;color:#4d4d4d} #container #main_section01_2 ul.main_ico li:hover .ico{display:none;} #container #main_section01_2 ul.main_ico li:hover .txt{display:block;color:#4d4d4d;} */ /* #container #main_section01_2 ul.main_ico li img{width:40px;} */ .mobile_header{max-width:500px;} .search_top{width:88% !important;margin:0 auto;left:5%;} .search_top select{display:none;} #container #contents .banner{margin-top:120px;overflow:hidden;z-index:1;max-height:140px;} #container #contents .m_banner{display:block;z-index:1;} #container #main_section01{padding-top:20px;z-index:10;} #container #main_section01 .inner .w_banner{display:none;} /* #container #main_section01 .inner .banner ul{width:815% !important;} #container #main_section01 .inner .banner ul li.m_hide{display:none;} */ #container #main_section01_2 ul.main_ico li:nth-child(odd){margin-left:3%;} #container #main_section01_2 ul.main_ico li:nth-child(7){display:none;} #container #main_section01_2 ul.main_ico li:nth-child(4){display:none;} #container #main_section01_2 ul.main_ico li:nth-child(5){display:none;} #container #main_section01_2 ul.main_ico li:nth-child(6){display:none;} #container #main_section01_2 ul.main_ico li:nth-child(even){margin-right:3%;} #container #main_section02 {padding-bottom:0;} #container #main_section02 .cont ul li .item > .main_section02_rolling > ul > li .txt{padding-bottom:3px;} #container #main_section03 .item1 .video a .txt p{display:none;} #container #main_section03 .item .video ul li{width:47.5%;} #container #main_section04 .inner > ul{margin-left:0;} #container #main_section04 .inner > ul > li{float:none;width:auto;margin-left:0;height:auto;} #container #main_section05 {display:none;} /* #container #main_section05 .main_family .inner {width:47.49%;margin-left:1.5%;} #container #main_section05 .main_family .inner:first-child {margin-left:1.5%;} */ /* #container #main_section01_2 .inner{min-width:461px;} */ /* #container #main_section01_2 ul.main_ico li{margin:0 2.3%;} */ #container .main_visual{display:none;height:250px;} #container .main_visual ul li{height:250px;} #right_quick2{display:none;} .business_detail .business_top h4{font-size:16px;} .business_detail .business_top h4 span{font-size:18px;} .business_detail .business_top p{font-size:16px;} .business_detail .business_top p strong{font-size:18px;} .business_detail .business_top .list ul{max-width:300px;margin:0 auto;} .business_detail .business_top .list ul li img{width:100%;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .tit{padding-bottom:10px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .tit .img img{height:50px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .tit .txt{margin-left:55px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .tit .txt p{font-size:14px;padding-top:2px} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .tit .txt strong{font-size:18px;} .pop_section .in .cont .blog_list{max-width:300px;margin:0 auto;} .pop_section .in .cont .blog_list > ul > li{margin-bottom:0;} .pop_section .in .cont .blog_list > ul > li > .img{position:static;width:auto;height:auto;margin-bottom:10px;padding-bottom:0;} .pop_section .in .cont .blog_list > ul > li > .txt{padding-left:0;} .pop_section .in .cont .blog_list > ul > li > .txt strong{font-size:13px;} .pop_section .in .cont .blog_list > ul > li > .txt p{font-size:12px;} .pop_section .in .cont .location .board_list table th{font-size:12px;} .pop_section .in .cont .location .board_list table td{font-size:12px;} .pop_section .in .title{padding-right:45px;} .pop_section .in .title h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .img_area .bx-prev{width:30px;height:30px;background-size:100% 100%;margin-top:-15px;left:5px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .img_area .bx-next{width:30px;height:30px;background-size:100% 100%;margin-top:-15px;right:5px;} .business_detail .business_detali_list > ol > li > .list_style02 > ul > li .item .txt_area > .btn a.btn_style01{padding:0 15px;} .sns_search_list02 > div > ul > li > a .txt p{font-size:12px;} } /* 20180629 추가 */ .table_list_join{padding-bottom:30px;border-top:1px solid #e1e1e1;} .table_list_join > ul{overflow:hidden;} .table_list_join > ul > li{position:relative;border-bottom:1px solid #e1e1e1;overflow:hidden;} .table_list_join > ul > li > .item{float:left;width:50%;position:relative;top:0;bottom:0;} .table_list_join > ul > li .tit{position:absolute;left:0;top:0;bottom:0;width:170px;background:#f6f6f6;font-size:14px;color:#666;line-height:150%;} .table_list_join > ul > li .tit label{position:absolute;left:10px;top:50%;margin-top:-11px;line-height:21px;} .table_list_join > ul > li .tit label img{margin-top:6px;margin-left:3px;} .table_list_join > ul > li .txt{margin-left:170px;padding:10px;font-size:12px;} .table_list_join > ul > li .txt input[type="text"]{height:21px;line-height:21px;font-size:13px;text-indent:5px;border:1px solid #dcdcdc;} .table_list_join > ul > li .txt input[type="password"]{height:21px;line-height:21px;font-size:13px;text-indent:5px;border:1px solid #dcdcdc;} .table_list_join > ul > li .txt select{height:23px;line-height:23px;border:1px solid #dcdcdc;vertical-align:top;font-size:13px;} .table_list_join > ul > li .txt textarea{padding:0;vertical-align:top;border:1px solid #e1e1e1;} .table_list_join > ul > li .txt label{display:inline-block;line-height:23px;} .table_list_join > ul > li .txt br{display:none;} .table_list_join > ul > li .txt .ep_type01{display:block;} @media only screen and (max-width: 761px) { .table_list_join > ul > li > .item{float:none;width:auto;border-top:1px solid #e1e1e1;} .table_list_join > ul > li > .item:first-child{border-top:0;} .table_list_join > ul > li .tit{font-size:12px;width:110px;} .table_list_join > ul > li .tit label{left:5px;} .table_list_join > ul > li .txt{margin-left:110px;padding:10px 5px;} .table_list_join > ul > li .txt br{display:block;} .table_list_join > ul > li .txt input[type="text"]{font-size:12px} .table_list_join > ul > li .txt input[type="password"]{font-size:12px} .table_list_join > ul > li .txt select{font-size:12px;} .totalsearch #theme .txt h1{font-size:22px;text-align:left;} .totalsearch #theme{width:100%;} .totalsearch #theme .thumb{width:90%;} .totalsearch #theme .txt{width:90%;margin-top:12px;} .totalsearch #theme .txt .business01 li{margin-bottom:1%;font-size:13px;text-align:justify;} .totalsearch #theme .txt .business02 li{width:31%;} /*2019-04-12 추가*/ } /* 20180706추가 */ #tabmenu .tab{padding-bottom:30px;} #tabmenu .tab ul{overflow:hidden;} #tabmenu .tab ul li{float:left;margin-right:10px;} #tabmenu .tab ul li a{display:block;border-radius:50px;height:38px;line-height:38px;width:120px;text-align:center;font-size:14px;color:#1c95dc;background:#fff;border:1px solid #1c95dc} #tabmenu .tab ul li.mtab_on a{background:#1c95dc;color:#fff;} @media only screen and (max-width: 761px) { #tabmenu .tab{padding-bottom:20px;} #tabmenu .tab ul{margin-left:-3%;} #tabmenu .tab ul li{width:30.33%;margin-left:3%;margin-right:0;} #tabmenu .tab ul li a{width:auto;height:35px;line-height:35px;font-size:13px;} } /* 20180823 추가 */ .location_area_PC{display:block} /* .location_area_m{display:none;} */ .location_area_m .list{border-top:1px solid #000;} .location_area_m .list > ul{overflow:hidden;} .location_area_m .list > ul > li{width:48%;margin-right:1.5%;height:120px;float:left;border-bottom:1px solid #ccc;padding:15px 0;position:relative;} .location_area_m .list > ul > li > .img{width:70px;position:absolute;left:0;top:15px;} .location_area_m .list > ul > li > .img img{width:100%;} .location_area_m .list > ul > li > .txt{margin-left:80px;} .location_area_m .list > ul > li > .txt > strong{display:block;font-size:14px;font-weight:500;line-height:150%;padding-bottom:5px;} .location_area_m .list > ul > li > .txt > ul > li{position:relative;} .location_area_m .list > ul > li > .txt > ul > li .tit{display:block;position:absolute;left:0;top:0;font-size:12px;font-weight:400;line-height:150%;} .location_area_m .list > ul > li > .txt > ul > li .txt{display:block;margin-left:43px;text-indent:-5px;font-size:12px;line-height:150%;letter-spacing:0;} .location_area_m .list > ul > li > .txt > a{display:block;width:70px;height:25px;line-height:25px;color:#fff;background:#029ede;border-radius:50px;text-align:center;font-size:12px;margin-top:10px;} @media only screen and (max-width: 761px) { .location_area_m{display:block;} .location_area_PC{display:none} .location_area_m .list > ul > li{width:100%;border-bottom:1px solid #ccc;padding:15px 0;position:relative;} #SBAMap{width:100% !important;float:none !important;height:300px !important;} } .sns_new .sns_search{background:#ebebeb;padding:10px 40px 10px 0;margin-bottom:50px;} .sns_new .sns_search ul{overflow:hidden;} .sns_new .sns_search ul li{float:left;width:70%;position:relative;} .sns_new .sns_search ul li:first-child{width:30%;} .sns_new .sns_search ul li label{position:absolute;left:0;top:0;width:70px;height:30px;line-height:30px;text-align:right;color:#666;font-size:14px;padding-right:10px;} .sns_new .sns_search ul li .input_select{margin-left:80px;} .sns_new .sns_search ul li .input_select select{width:100%;height:30px;line-height:30px;border:1px solid #b7b7b7;} .sns_new .sns_search ul li .input_text{margin-left:80px;margin-right:60px;} .sns_new .sns_search ul li .input_text input[type="text"]{width:100%;text-indent:5px;font-size:14px;color:#666;line-height:28px;height:28px;border:1px solid #b7b7b7;padding:0;} .sns_new .sns_search ul li input[type="image"]{position:absolute;right:0;top:0;} .sns_new .sns_search_list{background:url(../img2018/bg_sns_search_list.png) repeat-y center top;} .sns_new .sns_search_list h4{text-align:center;margin-bottom:70px;} .sns_new .sns_search_list h4 span{display:inline-block;background:#333;color:#fff;line-height:46px;height:46px;font-size:18px;padding:0 15px;letter-spacing:0;} .sns_new .sns_search_list .list ul li{width:50%;position:relative;margin-right:50%;margin-top:-30px;z-index:1} .sns_new .sns_search_list .list ul li .ico{position:absolute;right:8px;top:50%;margin-top:-13px;background:url(../img2018/bg_sns_search_list_ico.png) repeat-x right center;padding-left:15px;} .sns_new .sns_search_list .list ul li a{position:relative;display:block;border:1px solid #e5e5e5;margin-right:45px;background:#fff;padding:10px;z-index:1000;color:#535353} .sns_new .sns_search_list .list ul li a .img{position:absolute;right:10px;top:10px;width:78px;} .sns_new .sns_search_list .list ul li a .img img{width:100%;} .sns_new .sns_search_list .list ul li a .txt{margin-right:90px;} .sns_new .sns_search_list .list ul li a .txt p{font-size:13px;line-height:140%;margin-bottom:5px;height:54px;overflow:hidden;} .sns_new .sns_search_list .list ul li a .txt .organ{font-size:13px;line-height:150%;color:#00a6df;} .sns_new .sns_search_list .list ul li a .txt .organ span{color:#999;margin-left:5px;} .sns_new .sns_search_list .list ul li.right{margin-right:0;margin-left:50%;} .sns_new .sns_search_list .list ul li.right .ico{right:auto;left:9px;padding-left:0;padding-right:15px;} .sns_new .sns_search_list .list ul li.right a{margin-right:0;margin-left:45px;} .sns_new .sns_search_list .list ul li.right a .img{right:auto;left:10px;top:10px;width:78px;} .sns_new .sns_search_list .list ul li.right a .img img{width:100%;} .sns_new .sns_search_list .list ul li.right a .txt{margin-right:0;margin-left:90px;} .sns_new .sns_search_list .list .more{text-align:center;margin-top:50px;} .sns_new .sns_search_list .list .more a{display:inline-block;padding:12px 35px;font-size:15px;color:#fff;background:#666} @media only screen and (max-width: 761px) { .sns_new .sns_search_list{background:none;} .sns_new .sns_search_list h4{margin-bottom:30px;} .sns_new .sns_search_list h4 span{font-size:16px;} .sns_new .sns_search_list .list ul li{width:auto;margin:0 0 10px 0;} .sns_new .sns_search_list .list ul li .ico{display:none;} .sns_new .sns_search_list .list ul li a{margin-right:0;} .sns_new .sns_search_list .list ul li a .img{right:auto;left:10px;} .sns_new .sns_search_list .list ul li a .txt{margin-right:0;margin-left:90px;} .sns_new .sns_search_list .list ul li.right{margin-left:0;} .sns_new .sns_search_list .list ul li.right a{margin-left:0;} .sns_new .sns_search_list .list ul li.right a .txt{margin-left:90px;} .sns_new .sns_search_list .list .more{margin-top:20px;} .sns_new .sns_search_list .list .more a{padding:8px 20px;font-size:13px;} } @media only screen and (max-width: 641px) { .sns_new .sns_search{padding:10px 20px 10px 0;} .sns_new .sns_search ul li{float:none;width:auto;} .sns_new .sns_search ul li:first-child{width:auto;margin-bottom:5px;} } /* 20190322 메인 sns추가 */ #container .main_section06{padding:60px 0 55px 0;background:#eee;} #container .main_section06 .inner{max-width:1200px;margin:0 auto;position:relative;z-index:1} #container .main_section06 .inner h2{font-size:24px;color:#000;line-height:150%;padding-bottom:20px;} #container .main_section06 .inner .more{position:absolute;right:0;top:10px;font-size:14px;color:#333;} #container .main_section06 .inner .sns_search_list > ul{overflow:hidden;margin-left:-1%;} #container .main_section06 .inner .sns_search_list > ul > li{float:left;width:32.33%;margin-left:1%;margin-bottom:1%;} #container .main_section06 .inner .sns_search_list > ul > li a{position:relative;display:block;border:1px solid #e5e5e5;background:#fff;padding:10px;z-index:1000;color:#535353} #container .main_section06 .inner .sns_search_list > ul > li a .img{position:absolute;left:10px;top:10px;width:78px;} #container .main_section06 .inner .sns_search_list > ul > li a .img img{width:100%;} #container .main_section06 .inner .sns_search_list > ul > li a .txt{margin-left:90px;} #container .main_section06 .inner .sns_search_list > ul > li a .txt p{font-size:13px;line-height:140%;margin-bottom:5px;height:54px;overflow:hidden;} #container .main_section06 .inner .sns_search_list > ul > li a .txt .organ{font-size:13px;line-height:150%;color:#00a6df;} #container .main_section06 .inner .sns_search_list > ul > li a .txt .organ span{color:#999;margin-left:5px;} @media only screen and (max-width: 761px) { #container .main_section06 .inner{margin:0 10px;} #container .main_section06 .inner .sns_search_list > ul > li{width:auto;float:none;} #container .main_section06 .inner .sns_search_list > ul > li:nth-child(6){display:none;} #container .main_section06 .inner .sns_search_list > ul > li:nth-child(7){display:none;} #container .main_section06 .inner .sns_search_list > ul > li:nth-child(8){display:none;} #container .main_section06 .inner .sns_search_list > ul > li:nth-child(9){display:none;} } /* 20190411 추가 */ .btn_top{position:fixed;right:10px;bottom:10px;} .contents_wrap .contents .h3_tit02{font-size:24px;color:#000;line-height:150%;padding:60px 0;margin-bottom:15px;font-family:'Noto Sans KR';text-align:center;font-weight:400;} .contents_wrap .contents .h3_tit02 strong{color:#1d94db;font-weight:600;} .contents_wrap .contents .h3_tit02 .re_search{position:absolute;right:0;top:15px;font-size:12px;color:#333;font-weight:600;font-family:'돋움';letter-spacing:0;} .contents_wrap .snb.search{margin-top:-20px;height:100px;background:#1d94db;} .contents_wrap .snb.search h2{font-size:30px;color:#fff;text-align:center;letter-spacing:-2px;padding-top:30px;padding-bottom:26px;font-weight:700;line-height:120%;background:none;} .contents_wrap .snb.search h2 span{display:block;font-size:14px;color:#fff;font-weight:400;letter-spacing:0;} .search_result_top{background:url(../img2018/bg_search_result_top.jpg) no-repeat center top;height:200px;} .search_result_top .inner{max-width:740px;margin:0 auto;padding:70px 100px 0 300px;} .search_result_top .inner .search_txt{border:3px solid #1d94db;position:relative;margin-bottom:25px;} .search_result_top .inner .search_txt select{position:absolute;left:0;top:0;font-size:16px;color:#000;line-height:50px;height:50px;width:130px;border:0;} .search_result_top .inner .search_txt div{display:block;margin-left:130px;margin-right:50px;padding-left:10px;background:#fff;} .search_result_top .inner .search_txt div input[type="text"]{height:50px;line-height:50px;font-size:16px;color:#000;border:0;width:100%;} .search_result_top .inner .search_txt input[type="image"]{position:absolute;right:0;top:0;} .search_result_top .inner .re_search{display:block;text-align:right;font-weight:600;color:#fff;font-family:'돋움';} .total_search_new{} .total_search_new > div{padding:30px 0 20px 0;position:relative;} .total_search_new > div h4{font-size:18px;color:#333;line-height:150%;padding-bottom:15px;border-bottom:1px solid #000;margin-bottom:30px; } .total_search_new > div .more{padding-top:0;margin-right:0;position:absolute;right:0;top:30px;} .total_search_new .keyword{padding:0;font-family:'돋움';margin-bottom:30px;} .total_search_new .keyword dl{overflow:hidden;} .total_search_new .keyword dl dt{float:left;font-size:12px;color:#333;margin-right:20px;font-weight:600;} .total_search_new .keyword dl dd{float:left;margin-right:20px;} .total_search_new .keyword dl dd a{font-size:12px;color:#333;} .total_search_new .sort_wrapper{position:relative;padding:10px 0 0 0} .total_search_new .sort_wrapper .sort_wrap{margin-right:275px;padding:0;position:relative;} .total_search_new .sort_wrapper .sort_wrap .tit{position:absolute;left:0;top:0;font-size:16px;color:#00a4e0;font-weight:600;line-height:26px;} .total_search_new .sort_wrapper .sort_wrap .list{margin-left:80px;} .total_search_new .sort_wrapper .sort_wrap .list > ol{margin-left:-3%;} .total_search_new .sort_wrapper .sort_wrap .list > ol > li{float:left;width:22%;margin-left:3%;position:relative;} .total_search_new .sort_wrapper .sort_wrap .list > ol > li > a{display:block;border-bottom:1px solid #b1cde9;height:26px;line-height:26px;font-size:14px;color:#000;background:url(../img2018/ico_search_top_arrow.png) no-repeat 90% center;} .total_search_new .sort_wrapper .sort_wrap .list > ol > li .sort_list{display:none;position:absolute;left:0;top:26px;padding:15px 15px 10px 15px;border:1px solid #b2d9ed;background:#fff;width:120px;z-index:10} .total_search_new .sort_wrapper .sort_wrap .list > ol > li .sort_list ul li{padding-bottom:5px;display:block;font-size:12px;} .total_search_new .sort_wrapper .sort_wrap .list > ol > li .sort_list ul li label input[type="radio"]{vertical-align:top;width:15px;height:15px;margin-top:2px;margin-right:5px;} .total_search_new .sort_wrapper .sort_wrap .list > ol > li .sort_list ul li.period ul li input[type="text"]{border:1px solid #b2d9ed;height:28px;line-height:28px;text-indent:5px;width:98.5%;} .total_search_new .sort_wrapper .sort_wrap .list > ol > li .sort_list ul li.period ul li a{display:block;border:1px solid #b2d9ed;height:28px;line-height:28px;background:#e8f4fb;text-align:center;color:#000;} .total_search_new .sort_wrapper .sort_wrap .list > ol > li .sort_list ul li.word ul li input[type="text"]{border:1px solid #b2d9ed;height:28px;line-height:28px;text-indent:5px;width:98.5%;} .total_search_new .sort_wrapper .sort_wrap .list > ol > li .sort_list ul li.word ul li a{display:block;border:1px solid #b2d9ed;height:28px;line-height:28px;background:#e8f4fb;text-align:center;color:#000;} .total_search_new .sort_wrapper .sort_wrap .list > ol:after{content:'';display:block;clear:both;} .total_search_new .sort_wrapper .top_keyword{position:absolute;right:0;top:10px;width:226px;overflow:hidden;max-height:27px;overflow:hidden;} .total_search_new .sort_wrapper .top_keyword .tit{position:absolute;left:0;top:0;font-size:16px;color:#00a4e0;font-weight:600;line-height:26px;} .total_search_new .sort_wrapper .top_keyword .list{margin-left:100px;border-bottom:1px solid #b1cde9} .total_search_new .sort_wrapper .top_keyword .list ol{} .total_search_new .sort_wrapper .top_keyword .list ol li{position:relative;} .total_search_new .sort_wrapper .top_keyword .list ol li a{display:block;font-size:14px;color:#000;height:26px;line-height:26px;} .total_search_new .sort_wrapper .top_keyword .list ol li a span{display:inline-block;vertical-align:top;width:10px;margin-right:2px;text-align:center;} .total_search_new .sort_wrapper .top_keyword .list ol li .ico{display:inline-block;position:absolute;right:0;top:0;width:20px;text-align:center;height:26px;line-height:26px;} .total_search_new .sort_wrapper .top_keyword .list ol li .ico img{margin-top:7px;} .total_search_new .table_list table th{border:1px solid #e2e2e2;border-top:1px solid #000} .total_search_new .table_list table td{border:1px solid #e2e2e2;} .total_search_new .table_list table .first{border-left:0;} .total_search_new .table_list table .last{border-right:0;} .total_search_new .table_list table .name{text-align:left;padding:0 10px;} .total_search_new .table_list table .name strong{display:block;font-size:14px;color:#000;line-height:150%;margin-bottom:5px;} .total_search_new .table_list table .name ul{overflow:hidden;} .total_search_new .table_list table .name ul li{float:left;margin-right:20px;font-size:12px;color:#666;line-height:150%;} .total_search_new .table_list table .name ul li span{color:#0099cc} .total_search_new .table_list table .btn a{display:inline-block;width:60px;height:30px;line-height:30px;background:#eb531f;color:#fff;text-align:center;font-size:12px;} .total_search_new .table_list table .btn a:first-child{background:#00a1de} .total_search_new .table_list table .buy{display:inline-block;width:60px;height:30px;line-height:30px;background:#00a1de;color:#fff;text-align:center;font-size:12px;} .total_search_new .search_bar{border-bottom:0;padding-top:0;} .total_search_new .search_bar .frame{max-width:435px;margin:0 auto;border:3px solid #1d94db;border-radius:50px;position:relative;overflow:hidden;} .total_search_new .search_bar .frame select{margin-left:20px;width:80px;position:absolute;left:0;top:0;height:42px;line-height:42px;border:0;font-size:14px;font-family:'Noto Sans KR';} .total_search_new .search_bar .frame div{margin:0 60px 0 100px;} .total_search_new .search_bar .frame div input[type="text"]{height:42px;line-height:42px;text-indent:10px;font-size:14px;border:0;width:100%;font-family:'Noto Sans KR';} .total_search_new .search_bar .frame input[type="image"]{position:absolute;right:10px;top:0;} .total_search_new .search_bar .word{text-align:center;margin-top:10px;} .total_search_new .search_bar .word strong{color:#000} .total_search_new .search_bar .word a{color:#999;margin-left:10px;} .total_search_new .sort_table{border-bottom:0;padding-top:0;border:1px solid #b2d9ed;padding-bottom:0;margin-bottom:0px;} .total_search_new .sort_table table{width:100%;border-collapse:collapse;} .total_search_new .sort_table table th{border-right:1px solid #b2d9ed;border-top:1px solid #e1e1e1;padding:15px 10px;text-align:left;font-size:12px;color:#1679b3;background:#e8f4fb;font-weight:600;} .total_search_new .sort_table table td{border-top:1px solid #e1e1e1;padding:15px 10px;text-align:left;font-size:12px;color:#535353;} .total_search_new .sort_table table td input[type="checkbox"]{width:15px;height:15px;vertical-align:top;margin-top:2px;} .total_search_new .sort_table table td label{display:inline-block;margin-left:3px;width:40px;} .total_search_new .sort_table table tr:first-child th{border-top:0;} .total_search_new .sort_table table tr:first-child td{border-top:0;} .total_search_new .siteLink .list ul li{padding-bottom:10px;} .total_search_new .siteLink .list ul li span{color:#0066ff;font-size:14px;margin-right:10px;text-decoration:underline;} .total_search_new .siteLink .list ul li a{color:#009900;font-size:14px;text-decoration:underline;} .total_search_new .business_introduce .list{} .total_search_new .business_introduce .list ul li{position:relative;padding-bottom:20px;} .total_search_new .business_introduce .list ul li .img{position:absolute;left:0;top:0;width:200px;} .total_search_new .business_introduce .list ul li .img img{width:100%;} .total_search_new .business_introduce .list ul li .txt_area{margin-left:220px;} .total_search_new .business_introduce .list ul li .txt_area ul li{padding-bottom:8px;position:relative;} .total_search_new .business_introduce .list ul li .txt_area ul li .tit{position:absolute;left:0;top:0;font-size:14px;color:#333;line-height:150%;width:70px;} .total_search_new .business_introduce .list ul li .txt_area ul li .txt{margin-left:70px;font-size:14px;color:#666;line-height:150%;} .total_search_new .business_introduce .list ul li .txt_area ul li .txt strong{color:#333;} .total_search_new .business_introduce .list ul li .txt_area ul li .txt p{height:58px;overflow:hidden;} .total_search_new .business_introduce .list ul li .txt_area ul li .txt a{color:#0066ff;font-size:14px;margin-top:5px;display:inline-block;} .total_search_new .notice .list ul li{padding-bottom:25px;} .total_search_new .notice .list ul li a{display:block;} .total_search_new .notice .list ul li strong{display:block;font-size:16px;color:#333;line-height:150%;padding-bottom:10px;} .total_search_new .notice .list ul li strong span{color:#666;font-size:14px;font-weight:400;margin-left:10px;} .total_search_new .notice .list ul li p{font-size:14px;color:#666;line-height:150%;} .total_search_new .field_info .list ul li{padding-bottom:25px;} .total_search_new .field_info .list ul li a{display:block;position:relative;} .total_search_new .field_info .list ul li a .img{position:absolute;left:0;top:0;width:150px;padding-bottom:62.25%;overflow:hidden;height:0;} .total_search_new .field_info .list ul li a .img img{width:100%;} .total_search_new .field_info .list ul li a .txt{margin-left:175px;min-height:100px;} .total_search_new .field_info .list ul li a .txt strong{display:block;font-size:16px;color:#333;line-height:150%;padding-bottom:10px;} .total_search_new .field_info .list ul li a .txt strong span{color:#666;font-size:14px;font-weight:400;margin-left:10px;} .total_search_new .field_info .list ul li a .txt p{font-size:14px;color:#666;line-height:150%;margin-bottom:10px;} .total_search_new .field_info .list ul li a .txt .source span{color:#0066ff;font-size:13px;} .total_search_new .recommend_info .list{} .total_search_new .recommend_info .list > ul > li{position:relative;padding-bottom:20px;} .total_search_new .recommend_info .list > ul > li > .img{position:absolute;left:0;top:0;width:300px;} .total_search_new .recommend_info .list > ul > li > .img img{width:100%;} .total_search_new .recommend_info .list > ul > li > .txt{margin-left:340px;} .total_search_new .recommend_info .list > ul > li > .txt > p{font-size:14px;color:#666;line-height:150%;margin-bottom:20px;} .total_search_new .recommend_info .list > ul > li > .txt > ul{overflow:hidden;margin-left:-3%;} .total_search_new .recommend_info .list > ul > li > .txt > ul > li{float:left;width:30.33%;margin-left:3%;} .total_search_new .recommend_info .list > ul > li > .txt > ul > li .img{height:0;padding-bottom:62.25%;overflow:hidden;margin-bottom:10px;} .total_search_new .recommend_info .list > ul > li > .txt > ul > li .img img{width:100%;} .total_search_new .recommend_info .list > ul > li > .txt > ul > li p{font-size:14px;color:#666;} .total_search_new .SBA_info .list ul li{padding-bottom:30px;} .total_search_new .SBA_info .list ul li a{display:block;} .total_search_new .SBA_info .list ul li a strong{display:block;font-size:16px;color:#333;line-height:150%;margin-bottom:10px;} .total_search_new .SBA_info .list ul li a strong span{color:#666;line-height:150%;font-size:14px;font-weight:400;margin-left:15px;} .total_search_new .SBA_info .list ul li a .txt{font-size:14px;color:#666;line-height:150%;} .total_search_new .SBA_info .list ul li a .txt .source{display:inline-block;margin-left:10px;font-size:13px;color:#999;line-height:150%;} .total_search_new .SBA_info .list ul li a .txt .source span{color:#0066ff;} .total_search_new .business_FAQ .list ul li{padding-bottom:15px;} .total_search_new .business_FAQ .list ul li a{color:#666;font-size:14px;line-height:150%;} .total_search_new .location .list > ul{overflow:hidden;margin-left:-2%;} .total_search_new .location .list > ul > li{float:left;width:48%;margin-left:2%;position:relative;margin-bottom:2%;} .total_search_new .location .list > ul > li .SBAMap{width:100%;height:200px;background:#f5f7f8;margin-bottom:4%;} .total_search_new .location .list > ul > li .txt_area{position:relative;} .total_search_new .location .list > ul > li .txt_area .img{position:absolute;left:0;top:0;width:70px;height:66px;} .total_search_new .location .list > ul > li .txt_area .img img{width:100%;} .total_search_new .location .list > ul > li .txt_area .txt{margin-left:80px;} .total_search_new .location .list > ul > li .txt_area .txt strong{display:block;font-size:16px;color:#333;line-height:150%;padding-bottom:5px;font-weight:400;} .total_search_new .location .list > ul > li .txt_area .txt ul{margin-bottom:10px;} .total_search_new .location .list > ul > li .txt_area .txt .btn a{display:block;width:70px;height:25px;line-height:25px;font-size:12px;color:#fff;background:#00a4e0;border-radius:50px;text-align:center;} .total_search_new .SBA_business_contents .list ul{overflow:hidden;margin-left:-2%;} .total_search_new .SBA_business_contents .list ul li{float:left;width:48%;margin-left:2%;position:relative;} .total_search_new .SBA_business_contents .list ul li .img{position:absolute;left:30px;top:0;width:119px;} .total_search_new .SBA_business_contents .list ul li .img img{width:100%;} .total_search_new .SBA_business_contents .list ul li .txt{margin-left:170px;padding-top:10px;max-width:150px;} .total_search_new .SBA_business_contents .list ul li .txt strong{display:block;font-size:14px;color:#000;line-height:140%;height:95px;} .total_search_new .SBA_business_contents .list ul li .txt span{font-size:13px;} .total_search_new .hiseoul_brand .list ul{border-top:1px solid #d7d7d7} .total_search_new .hiseoul_brand .list ul li{border-bottom:1px solid #d7d7d7;} .total_search_new .hiseoul_brand .list ul li a{display:block;padding:15px 0;position:relative;background:url(../img2018/ico_hiseoul_brand.png) no-repeat 97% center;} .total_search_new .hiseoul_brand .list ul li .name{position:absolute;left:25px;top:15px;font-size:14px;color:#000;line-height:150%;font-weight:600;} .total_search_new .hiseoul_brand .list ul li .business{margin:0 60px 0 180px;text-align:center;font-weight:600;color:#2ea1eb;display:block;} .total_search_new .comic_book .list ul{overflow:hidden;margin-left:-2%;} .total_search_new .comic_book .list ul li{float:left;width:48%;margin-left:2%;margin-bottom:2%;} .total_search_new .comic_book .list ul li strong{display:block;font-size:16px;color:#333;line-height:150%;margin-bottom:5px;} .total_search_new .comic_book .list ul li strong img{margin-top:5px;margin-left:5px;} .total_search_new .comic_book .list ul li p{font-size:14px;color:#666;line-height:180%;} .total_search_new .comic_book .list ul li p img{margin-top:4px} .total_search_new .business_guide .list > ul > li{padding-bottom:20px;} .total_search_new .business_guide .list > ul > li > .item{overflow:hidden;} .total_search_new .business_guide .list > ul > li > .item .tit{position:relative;padding-bottom:20px;} .total_search_new .business_guide .list > ul > li > .item .tit .img{position:absolute;left:0;top:0;} .total_search_new .business_guide .list > ul > li > .item .tit .txt{margin-left:85px;text-align:left;} .total_search_new .business_guide .list > ul > li > .item .tit .txt p{font-size:18px;color:#000;line-height:150%;letter-spacing:-1.5px;} .total_search_new .business_guide .list > ul > li > .item .tit .txt strong{display:block;font-size:32px;color:#000;line-height:150%;font-family:'Noto sans KR'} .total_search_new .business_guide .list > ul > li > .item .tit .txt strong.top{padding:15px 0 10px 0;} .total_search_new .business_guide .list > ul > li > .item .tit .txt2{overflow:hidden;} .total_search_new .business_guide .list > ul > li > .item .tit .txt2 p{font-size:18px;color:#000;line-height:150%;letter-spacing:-1.5px;} .total_search_new .business_guide .list > ul > li > .item .tit .txt2 strong{float:left;display:block;font-size:32px;color:#000;line-height:150%;font-family:'Noto sans KR'} .total_search_new .business_guide .list > ul > li > .item > .table_list02{padding-bottom:0;} .total_search_new .business_guide .list > ul > li > .item > .table_list02 table th{background:#8ec9ed;border:1px solid #7fbade;} .total_search_new .business_guide .list > ul > li > .item > .table_list02 table td.first{background:#efefef} .total_search_new .business_guide .list > ul > li > .item > .table_list02 table td ul{overflow:hidden;} .total_search_new .business_guide .list > ul > li > .item > .table_list02 table td ul li{display:inline-block;height:40px;line-height:40px;padding-right:30px;} .total_search_new .business_guide .list > ul > li > .item .img_area{float:left;width:350px;max-height:340px;overflow:hidden;} .total_search_new .business_guide .list > ul > li > .item .img_area img{width:100%;} .total_search_new .business_guide .list > ul > li > .item .img_area .bx-wrapper{position:relative;} .total_search_new .business_guide .list > ul > li > .item .img_area .bx-prev{position:absolute;left:15px;top:50%;width:40px;height:40px;text-indent:-9999px;overflow:hidden;background:url(../img2018/btn_prev03.png) no-repeat center center;margin-top:-20px;} .total_search_new .business_guide .list > ul > li > .item .img_area .bx-next{position:absolute;right:15px;top:50%;width:40px;height:40px;text-indent:-9999px;overflow:hidden;background:url(../img2018/btn_next03.png) no-repeat center center;margin-top:-20px;} .total_search_new .business_guide .list > ul > li > .item .txt_area{float:right;max-width:510px;} .total_search_new .business_guide .list > ul > li > .item .txt_area > p{text-align:justify;font-size:16px;line-height:150%;} .total_search_new .business_guide .list > ul > li > .item .txt_area > p.inquiry_txt{font-size:14px;} .total_search_new .business_guide .list > ul > li > .item .txt_area > .tag{display:block;color:#0066ff;font-size:14px;padding:20px 0 15px 0;line-height:150%;} .total_search_new .business_guide .list > ul > li > .item .txt_area > .tag a{color:#0066ff;} .total_search_new .business_guide .list > ul > li > .item .txt_area > .btn a{margin-right:5px;} .total_search_new .business_guide .list > ul > li > .item .txt_area > .btn img{margin-top:5px;} .total_search_new .business_guide .list > ul > li > .item .txt_area > .btn a.open_pop_section{margin-top:5px;display:inline-block;background:#1d94db;border-radius:50px;color:#fff;padding:0 30px;height:40px;line-height:40px;} .total_search_new .business_guide .list > ul > li > .item .txt_area > .btn a.open_pop_section02{margin-top:5px;display:inline-block;background:#ffc000;border-radius:50px;color:#fff;padding:0 30px;height:40px;line-height:40px;} .total_search_new .business_guide .list > ul > li > .item .txt_area > .btn a.btn_style01{display:inline-block;background:#1d94db;border-radius:50px;color:#fff;padding:0 30px;height:40px;line-height:40px;} .mobile-submenu-sub li a{font-size:14px !important;} @media only screen and (max-width: 1043px) { .contents_wrap .contents .h3_tit02{padding-bottom:10px;} .contents_wrap .contents .h3_tit02 .re_search{position:static;display:block;line-height:150%;margin-top:5px;} .search_result_top .inner{padding:70px 0 0 0;max-width:500px;} } @media only screen and (max-width: 761px) { .total_search_new .business_introduce .list ul li .img{width:150px;} .total_search_new .business_introduce .list ul li .txt_area{margin-left:170px;} .total_search_new .recommend_info .list > ul > li > .img{width:150px;} .total_search_new .recommend_info .list > ul > li > .txt{margin-left:170px;} .total_search_new .business_guide .list > ul > li > .item .tit .img img{height:60px;} .total_search_new .business_guide .list > ul > li > .item .tit .txt{margin-left:70px;} .total_search_new .business_guide .list > ul > li > .item .tit .txt p{font-size:16px;padding:0;min-height:auto;} .total_search_new .business_guide .list > ul > li > .item .tit .txt strong{font-size:24px;padding:0;} .total_search_new .business_guide .list > ul > li > .item .img_area{float:none;width:85%;padding-bottom:10px;margin:0 auto;max-width:450px;} .total_search_new .business_guide .list > ul > li > .item .txt_area{float:none;width:85%;margin:0 auto;max-width:450px;} .total_search_new .business_guide .list > ul > li > .item .txt_area > p{padding:0;font-size:15px;min-height:auto;} .total_search_new .business_guide .list > ul > li > .item .txt_area > .btn a{margin-right:1px;} .total_search_new .business_guide .list > ul > li > .item .txt_area > .btn a.open_pop_section{font-size:12px;height:35px;line-height:35px;padding:0 20px;} .total_search_new .business_guide .list > ul > li > .item .txt_area > .btn a.open_pop_section02{font-size:12px;height:35px;line-height:35px;padding:0 20px;} .total_search_new .business_guide .list > ul > li > .item .txt_area > .btn a.btn_style01{font-size:12px;height:35px;line-height:35px;padding:0 20px;} .total_search_new .business_guide .list > ul > li > .item .txt_area > .btn a img{height:35px;} .total_search_new .business_guide .list > ul > li > .item .txt_area > .tag{font-size:12px;padding:15px 0 10px 0;} .total_search_new .business_guide .list > ul > li > .item .txt_area > p.inquiry_txt{font-size:12px;} .total_search_new .hiseoul_brand .list ul li .name{font-size:12px;left:0;} .total_search_new .hiseoul_brand .list ul li .business{font-size:12px;margin:0 50px 0 80px } .total_search_new .sort_wrapper .sort_wrap{margin-right:200px;} .total_search_new .sort_wrapper .sort_wrap .sort_cont .item .sort01 ul{text-align:center;} .total_search_new .sort_wrapper .sort_wrap .sort_cont .item .sort01 ul li{display:inline-block;float:none;margin-right:10px;} .total_search_new .sort_wrapper .sort_wrap .sort_cont .item .sort02 ul li{width:auto;margin-right:10px;} .total_search_new .sort_wrapper .sort_wrap .sort_cont .item .sort02 ul li.period input[type="text"]{width:46%;} .total_search_new .sort_wrapper .sort_wrap .sort_cont .item .sort02 ul li.period{width:100%;} .total_search_new .sort_wrapper .sort_wrap .sort_cont .item .sort03 ul{text-align:center;} .total_search_new .sort_wrapper .sort_wrap .sort_cont .item .sort03 ul li{display:inline-block;float:none;margin-right:10px;margin-left:0;} .total_search_new .sort_wrapper .sort_wrap .sort_cont .item .sort03 ul li:first-child{margin-left:0;} .total_search_new .sort_wrapper .sort_wrap .sort_cont .item .sort04 ul li{width:auto;margin-right:10px;} .total_search_new .sort_wrapper .sort_wrap .sort_cont .item .sort04 ul li.word{width:100%;} .total_search_new .sort_wrapper .sort_wrap{margin-right:0;} .total_search_new .sort_wrapper .sort_wrap .list{margin-left:100px;} .total_search_new .sort_wrapper .top_keyword{position:relative;width:100%;} } @media only screen and (max-width: 461px) { .total_search_new > div{padding:20px 0 10px 0;} .total_search_new > div h4{font-size:16px;} .total_search_new > div .more{padding-top:5px;} .total_search_new .siteLink .list ul li span{display:block;margin-right:0;} .total_search_new .siteLink .list ul li a{margin-left:10px;} .total_search_new .business_introduce .list ul li .img{width:100px;} .total_search_new .business_introduce .list ul li .txt_area{margin-left:110px;} .total_search_new .business_introduce .list ul li .txt_area ul li{padding-bottom:3px;} .total_search_new .business_introduce .list ul li .txt_area ul li .tit{font-size:12px;} .total_search_new .business_introduce .list ul li .txt_area ul li .txt{margin-left:50px;font-size:12px;} .total_search_new .business_introduce .list ul li .txt_area ul li .txt p{font-size:12px;height:38px;} .total_search_new .business_introduce .list ul li .txt_area ul li .txt a{font-size:12px;} .total_search_new .notice .list ul li strong{font-size:14px;} .total_search_new .notice .list ul li strong span{display:block;margin-left:0;} .total_search_new .notice .list ul li p{font-size:12px;} .total_search_new .field_info .list ul li a .img{width:100px;} .total_search_new .field_info .list ul li a .txt{margin-left:110px;} .total_search_new .field_info .list ul li a .txt strong{font-size:14px;} .total_search_new .field_info .list ul li a .txt p{font-size:12px;} .total_search_new .field_info .list ul li a .txt .source{font-size:12px;} .total_search_new .field_info .list ul li a .txt .source span{font-size:12px;} .total_search_new .recommend_info .list > ul > li > .img{width:100px;} .total_search_new .recommend_info .list > ul > li > .txt{margin-left:110px;} .total_search_new .recommend_info .list > ul > li > .txt > p{font-size:12px;} .total_search_new .recommend_info .list > ul > li > .txt > ul > li .img{margin-bottom:5px;} .total_search_new .recommend_info .list > ul > li > .txt > ul > li p{font-size:12px;} .total_search_new .SBA_info .list ul li a strong{font-size:14px;margin-bottom:5px;} .total_search_new .SBA_info .list ul li a strong span{margin-left:0;display:block;font-size:12px;} .total_search_new .SBA_info .list ul li a .txt{font-size:12px;} .total_search_new .SBA_info .list ul li a .txt .source{display:block;font-size:12px;margin-left:0;} .total_search_new .business_FAQ .list ul li{padding-bottom:5px;} .total_search_new .business_FAQ .list ul li a{font-size:12px;} .total_search_new .business_guide .list > ul > li > .item .txt_area > p{font-size:14px;} .total_search_new .sort_table{padding-bottom:0;} .total_search_new .sort_table table th{padding:10px 5px;font-size:12px;word-break:break-all;} .total_search_new .sort_table table td{padding:10px 5px;font-size:12px;word-break:break-all;} .total_search_new .business_guide .list > ul > li > .item .tit{padding-bottom:10px;} .total_search_new .business_guide .list > ul > li > .item .tit .img img{height:50px;} .total_search_new .business_guide .list > ul > li > .item .tit .txt{margin-left:60px;} .total_search_new .business_guide .list > ul > li > .item .tit .txt p{font-size:14px;padding-top:2px;min-height:auto;} .total_search_new .business_guide .list > ul > li > .item .tit .txt strong{font-size:18px;} .total_search_new .table_list table th{font-size:12px;word-break:break-all;} .total_search_new .table_list table td{font-size:12px;word-break:break-all;} .total_search_new .table_list table .name strong{font-size:12px;} .total_search_new .table_list table .name ul li{display:block;float:none;margin-right:0;} .total_search_new .table_list table .btn a{display:block;margin:0 auto;font-size:11px;} .total_search_new .table_list table .btn a:first-child{margin-bottom:5px;} .total_search_new .location .list > ul{margin-left:0;} .total_search_new .location .list > ul > li{float:none;margin-left:0;width:auto;margin-bottom:20px;} .total_search_new .location .list > ul > li .txt_area .txt strong{font-size:14px;} .total_search_new .location .list > ul > li .txt_area .txt ul li{font-size:12px;} .total_search_new .SBA_business_contents .list ul li .img{width:70px;left:0;} .total_search_new .SBA_business_contents .list ul li .txt{margin-left:70px;} .total_search_new .SBA_business_contents .list ul li .txt strong{height:auto;margin-bottom:10px;} .total_search_new .comic_book .list ul li p{font-size:12px;} .total_search_new .sort_wrapper .sort_wrap{margin-right:0;margin-bottom:20px;} .total_search_new .sort_wrapper .sort_wrap .list > ol > li{width:47%;} .total_search_new .sort_wrapper .top_keyword{} .total_search_new > div .more{top:14px;} .search_result_top .inner{margin:0 10px;} } /* 20190720 메인 sns수정 */ .sns_search_list02 > div > ul{overflow:hidden;margin-left:-1%;} .sns_search_list02 > div > ul > li{float:left;width:24%;margin-left:1%;margin-bottom:1%;} .sns_search_list02 > div > ul > li > a{display:block;padding:20px;border:1px solid #e5e5e5;background:#fff;} .sns_search_list02 > div > ul > li > a h3{line-height:30px;font-size:13px;color:#000;font-weight:600;margin-bottom:10px;} .sns_search_list02 > div > ul > li > a h3 img{vertical-align:top;margin-right:5px;} .sns_search_list02 > div > ul > li > a .img{height:0;padding-bottom:60%;overflow:hidden;margin-bottom:10px;} .sns_search_list02 > div > ul > li > a .img img{width:100%;} .sns_search_list02 > div > ul > li > a .txt p{font-size:14px;line-height:150%;margin-bottom:10px;height:63px;overflow:hidden;} .sns_search_list02 > div > ul > li > a .txt .date{font-size:13px;color:#999;line-height:150%;} .sns_new .sns_search_list02 > h4{text-align:center;margin-bottom:70px;} .sns_new .sns_search_list02 > h4 span{display:inline-block;background:#333;color:#fff;line-height:46px;height:46px;font-size:18px;padding:0 15px;letter-spacing:0;} .sns_new .sns_search_list02 > ul > li{width:32.33%;} .sns_new .sns_search_list02 .more{text-align:center;margin-top:50px;} .sns_new .sns_search_list02 .more a{display:inline-block;padding:12px 35px;font-size:15px;color:#fff;background:#666} @media only screen and (max-width: 761px) { .sns_search_list02 > div > ul > li{width:49%;} .sns_search_list02 > div > ul > li > a{padding:10px;} .sns_new .sns_search_list02 > div > ul > li{width:49%;} } .movie_txt{width:100%;max-width:538px;height:100px;border:1px solid #ddd;overflow-y:auto;padding:10px;line-height:150%;font-size:12px;} /*----------------------------------------- header ------------------------------------------*/ #header .head_menu { padding:25px 0 33px; } #header .head_menu .inner h1 { padding:0 0 0 20px; margin-top:1px;} #header .head_menu .inner .sns_menu { transform:translateY(-50%); } #header .head_menu .inner .sns_menu ul li a { font-size:16px; color:#666; padding:0 3px; font-weight:500;vertical-align:middle;} #header .gnb_wrap .inner .searchGnb .gnb { margin:0; } #header .gnb_wrap .inner .searchGnb .gnb > ul > li { width:16.66%; } #header .gnb_wrap .inner .searchGnb .gnb > ul > li > a { font-size:20px; height:60px; line-height:60px; } #header .gnb_wrap .inner .searchGnb .gnb > ul > li.now { background:#fff; } #header .gnb_wrap .inner .searchGnb .gnb > ul > li.now > a { color:#000; border-top:1px solid #1d94db; } .mobile_header .mobile_fullmenu .inner .mobile_fullmenu_list > ul > li > a.now { color:#1d94db; } .search_top { height:49px; line-height:53px; } .search_top select { height:53px; font-size:18px; line-height: initial; margin-left:25px; } .search_top .in div { margin:0 0 0 0px; width:398px; box-sizing:border-box; } .search_top .in div input[type="text"] { height:52px; line-height:50px; font-size:18px; margin:-2px 0 0 2px; padding:0 25px 0 18px; box-sizing:border-box; font-family: 'Noto sans KR'; } .search_top .searchBtn_area { right:-40px; top:13px; position:absolute; width:24px; height:24px; display:block; } .search_top input[type="submit"] { text-indent:-9999px; width:24px; height:24px; border:none; background:none; cursor:pointer; vertical-align:top; position:relative; z-index:999; } .search_top .searchBtn_area:after, .search_top .searchBtn_area:before {content: ''; position: absolute;} .search_top .searchBtn_area:after {left: 0; top: 0; width: 16px; height: 16px; border-radius: 20px; border: 2px solid #2596e4;} .search_top .searchBtn_area:before {right: 0; bottom: 4px; width: 9px; height: 2px; background: #2596e4; transform: rotate(45deg);} /* placeholde text color */ /* .search_top .in div input[type="text"]:placeholder { color: #999; font-size:18px; } */ /* 파이어폭스 51+, 크롬 57+ */ .search_top .in div input[type="text"]::placeholder { color: #999; font-size:18px; } /* 인터넷 익스플로러 10+ */ .search_top .in div input[type="text"]:-ms-input-placeholder { color: #999; font-size:18px; } /* 엣지 */ .search_top .in div input[type="text"]::-ms-input-placeholder { color: #999; font-size:18px; } /*크롬 4-56 */ .search_top .in div input[type="text"]::-webkit-input-placeholder { color: #999; font-size:18px; } /* 파이어폭스 4-18 */ .search_top .in div input[type="text"]:-moz-placeholder { color: #999; font-size:18px; } /* 파이어폭스 19-50 */ /* .search_top .in div input[type="text"]::moz-placeholder { color: #999; font-size:18px; } */ /* sbop메뉴디자인 */ .top_nav {position: relative; margin: 0 auto; width: 1200px; height: 95px;} .top_nav h1 {position: absolute; left: 20px; top: 27%; } .top_nav h1 a {display: block;} .top_nav h1 a img {height: 33px;} .logo_mob {display:none;} .top_nav .search_box {overflow: hidden; position: relative; top: 21px; margin: 0 auto; width: 440px;} .top_nav .search_box input {padding: 0 25px; float: left; width: 402px; height: 53px; border: 2px solid #2596e4; border-radius: 53px;} .top_nav .search_box input[type="submit"] {position: relative; top: 15px; float: right; width: 24px; height: 24px;} .top_nav .search_box input[type="submit"]::after, .top_nav .search_box input[type="submit"]::before {content: ''; position: absolute;} .top_nav .search_box input[type="submit"]::after {left: 0; top: 0; width: 16px; height: 16px; border-radius: 20px; border: 2px solid #2596e4;} .top_nav .search_box input[type="submit"]::before {right: 0; bottom: 4px; width: 9px; height: 2px; background: #2596e4; transform: rotate(45deg);} .top_nav .log_box {position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .top_nav .log_box button {color: #666; font-size: 16px; font-weight: 500;border:0;background-color:transparent;cursor: pointer;margin:0;padding:0;overflow:visible;font-family: 'Noto Sans KR';} .top_nav .log_box button.mypage {padding-left: 22px; color: #2596e4; background: url('/images/web/icon_mypage.png') left center no-repeat; } .top_nav .log_box a {color: #666; font-size: 16px; font-weight: 500; vertical-align: middle; padding-left:3px; } .topmenu {position: relative; z-index: 1000; height: 60px; border-top: 1px solid #ccc; border-bottom: 2px solid #2596e4;box-sizing: border-box;} .topmenu .gnb {text-align: center;} .topmenu .gnb > ul {display: inline-block; margin-left: -80px; width: 1180px; height: 60px;} /*서울기업서비스나 나올 경우*/ /*.topmenu .gnb > ul > li {float: left; width: 134px;} .topmenu .gnb > ul > li:nth-child(7) {width: 188px; } .topmenu .gnb > ul > li:nth-child(8) {width: 180px;}*/ /*서울기업서비스가 안나올 경우*/ .topmenu .gnb > ul > li {float: left; width: 147px;} /* .topmenu .gnb > ul > li:nth-child(7) {width: 180px;} */ .topmenu .gnb > ul > li.topmenu_0 {display: none;} .topmenu .gnb > ul > li a {display: block;} .topmenu .gnb > ul > li > a {color: #000000; font-weight: 500; font-size: 20px; line-height: 57px; } .topmenu .gnb > ul > li:hover > a, .topmenu .gnb > ul > li.active > a {color: #2596e4;} .topmenu .gnb > ul > li.topmenu_9 > a { background:#2596e4; color: #fff; } .topmenu .gnb > ul > li.topmenu_9.on > a { background:#2596e4; color: #fff; } .topmenu .gnb > ul > li.topmenu_9.on:hover > a { background:#2596e4; color: #fff; } .topmenu .gnb > ul > li:hover > a span, .topmenu .gnb > ul > li.active > a span {display: inline-block; border-bottom: 3px solid #2596e4; line-height: 54px;} .topmenu .gnb > ul > li > .smenu_box {overflow: hidden; position: absolute; z-index: 100; top: 58px; left: 0; width: 100%; height: 50px; text-align: left; background: rgba(37, 150, 228, 0.85);opacity:10 !important;}/*display: none; */ .topmenu .gnb > ul > li > .smenu_box > li .smenu {margin: 0 auto; padding-right: 90px; width: 1200px;} .topmenu .gnb > ul > li:nth-child(n+7) > .smenu_box > li .smenu {text-align: right;} .topmenu .gnb > ul > li > .smenu_box > li .smenu > li {display: inline-block;} .topmenu .gnb > ul > li > .smenu_box > li .smenu > li a {padding: 0 12px; line-height: 50px; color: #fff; font-size: 15px; } .topmenu .gnb > ul > li > .smenu_box > li .smenu > li:hover a {background: #2596e4; font-weight: 600;} .topmenu .gnb > .scroll {display: none;} .topmenu .gnb > .all_menu{position: absolute; left: 50%; top: 50%; margin-left: 565px; width: 21px; height: 18px;cursor:pointer;background:url(../img2018/ico_fullmenu.png) no-repeat center center;display:block;text-indent:-9999px;overflow:hidden;margin-top:-9px;} .topmenu .gnb > .all_menu.on{background-image:url(../img2018/ico_close.png)} /* .topmenu .gnb > .all_menu {position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); margin-left: 590px; width: 21px; height: 18px; outline: inherit;border:0;background-color:#fff;} .topmenu .gnb > .all_menu .line {display: block; position: absolute; left: 0; width: 21px; height: 2px; background: #666; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;} .topmenu .gnb > .all_menu .line.line1 {top: 0;} .topmenu .gnb > .all_menu .line.line2 {top: 50%; transform: translateY(-50%);} .topmenu .gnb > .all_menu .line.line3 {bottom: 0;} .topmenu .gnb > .all_menu.on .line.line1 {top: 7px; transform: rotate(45deg);} .topmenu .gnb > .all_menu.on .line.line2 {opacity: 0;} .topmenu .gnb > .all_menu.on .line.line3 {top: 7px; transform: rotate(-45deg);} */ .topmenu .gnb > .all_menu_area {display: none; position: absolute; z-index: 90; left: 0; top: 59px; width: 100%; text-align: center; background: #fff; border-bottom: 1px solid #f3f3f3;} .topmenu .gnb > .all_menu_area .menu_list {position: relative; overflow: hidden; top: -59px; margin-left: -80px; width: 1180px; display:inline-flex; display:-webkit-inline-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;} /*서울기업서비스나 나올 경우*/ /*.topmenu .gnb > .all_menu_area .menu_list > li {float: left; width: 134px;} .topmenu .gnb > .all_menu_area .menu_list > li:nth-child(6) {width: 188px;} .topmenu .gnb > .all_menu_area .menu_list > li:nth-child(7) {width: 180px;}*/ /*서울기업서비스가 안나올 경우*/ .topmenu .gnb > .all_menu_area .menu_list > li {float: left; width: 147px;} /* .topmenu .gnb > .all_menu_area .menu_list > li:nth-child(6) {width: 180px;} */ .topmenu .gnb > .all_menu_area .menu_list > li a {display: block; } .topmenu .gnb > .all_menu_area .menu_list > li > a {color: #000000; font-weight: 500; font-size: 20px; background: #fff;} .topmenu .gnb > .all_menu_area .menu_list > li:hover > a {color: #2596e4; font-weight: 600;} .topmenu .gnb > .all_menu_area .menu_list > li > a span {position: relative; display: inline-block; line-height: 57px;} .topmenu .gnb > .all_menu_area .menu_list > li > a span::before {content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background: #2596e4; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} .topmenu .gnb > .all_menu_area .menu_list > li:hover > a span::before {bottom: 0;} .topmenu .gnb > .all_menu_area .menu_list > li .smenu {height: calc(100% - 100px); margin: 20px 0; border-right: 1px solid #f3f3f3;} .topmenu .gnb > .all_menu_area .menu_list > li:nth-child(7) .smenu {border-left: 1px solid #f3f3f3;;} .topmenu .gnb > .all_menu_area .menu_list > li:last-child .smenu {border-right: 0;} .topmenu .gnb > .all_menu_area .menu_list > li .smenu li a {padding:7px; font-size: 17px; line-height: 24px; } .topmenu .gnb > .all_menu_area .menu_list > li .smenu li a span {display: inline-block; letter-spacing:-0.05em; } .topmenu .gnb > .all_menu_area .menu_list > li .smenu li:hover a {color: #2596e4; font-weight: 600;} .smenu_box {overflow-x: auto; display: none; -ms-overflow-style: none;} .smenu_box::-webkit-scrollbar {display:none;} .smenu_box:-moz-scrollbar {display:none;} .smenu_box::-moz-scrollbar {display:none;} .smenu_box.sub1 .list {width: 600px;} .smenu_box.sub3 .list {width: 980px;} .smenu_box.sub4 .list {width: 960px;} .smenu_box.sub8 .list {width: 400px;} .smenu_box.sub9 .list {width: 700px;} .smenu_box.sub1_1 .list {width: 400px;} .smenu_box.sub1_2 .list {width: 550px;} .smenu_box.sub1_3 .list {width: 850px;} .smenu_box.sub1_1 .list li:first-child {margin-left:5px;} .smenu_box.sub1_1 .list li a span {line-height: 20px;border:1px solid #ebebeb;margin-top:5px;padding:3px 5px;} .smenu_box.sub1_1 .list li a {padding:0 5px;} .smenu_box.sub1_2 .list li:first-child {margin-left:5px;} .smenu_box.sub1_2 .list li a span {line-height: 20px;border:1px solid #ebebeb;margin-top:5px;padding:3px 5px;} .smenu_box.sub1_2 .list li a {padding:0 5px;} .smenu_box.sub1_3 .list li:first-child {margin-left:5px;} .smenu_box.sub1_3 .list li a span {line-height: 20px;border:1px solid #ebebeb;margin-top:5px;padding:3px 5px;} .smenu_box.sub1_3 .list li a {padding:0 5px;} .smenu_box .list li {float: left;} .smenu_box .list li a {display: block; padding: 0 15px;} .smenu_box .list li a span {display: inline-block; font-size: 12px; font-weight: 800; line-height: 40px;} .smenu_box .list li.active a span {color: #2596e4; border-bottom: 2px solid #2596e4;} .topmenu .gnb > .all_menu_area .menu_list > li > a.aboutSba { height:57px; line-height:57px; background:#2596e4; color: #fff; } .topmenu .gnb > .all_menu_area .menu_list > li > a.aboutSba:hover { color: #fff; } .mobile-category {display:none} @media screen and (min-width:320px) and (max-width:1024px){ .mobileoff_in {display: none !important;} .mobileon_in {display: inline-block!important;} .web_only {display: none !important;} .mobile_only {display: block !important;} /*메뉴*/ #wrap {width:100%; min-width:100%;} /*메뉴*/ .top_nav {width: 70%; height: 38px; text-align: center;} .top_nav h1 {position: relative; top: 0; left: 0; transform: translateY(0);} .top_nav h1 a {padding-top: 7px;} .top_nav h1 a img {height: 23px;} .logo_web {display:none;} .logo_mob {display:inline-block;} .top_nav .search_top {position: absolute; top: 4px; right: 15px; width: auto;display:none;} .top_nav .search_top input[type="text"] {display: none} .top_nav .search_top input[type="submit"] {position: relative; top: 0; float: inherit; width: 16px; height: 16px;} .top_nav .search_top input[type="submit"]::after {width: 10px; height: 10px; border: 2px solid #000;} .top_nav .search_top input[type="submit"]::before {right: -1px; bottom: 2px; width: 7px; background: #000;} .top_nav .log_box {display: none;} .topmenu {overflow: hidden; padding-right: 40px; height: 45px; border: 0; background: linear-gradient( 45deg, #2596e5, #70c945 );} .topmenu::-webkit-scrollbar {display:none;} .topmenu:-moz-scrollbar {display:none;} .topmenu::-moz-scrollbar {display:none;} .topmenu .gnb {overflow-x: auto;} .topmenu .gnb > ul {display: block; margin-left: 0; width: 830px; height: 45px;} .topmenu .gnb > ul > li {width: auto !important;} .topmenu .gnb > ul > li.topmenu_9.on > a { background:#fff; color:#2596e4; font-weight:600; padding:0 10px; } .topmenu .gnb > ul > li.topmenu_0 {display: block;} .topmenu .gnb > ul > li > a {position: relative; margin: 0 15px; color: #fff; font-size: 15px; line-height: 45px; font-weight: 600 !important;} .topmenu .gnb > ul > li:hover > a, .topmenu .gnb > ul > li.active > a {color: #fff;} .topmenu .gnb > ul > li:hover > a span, .topmenu .gnb > ul > li.active > a span {border-bottom: 0; line-height: inherit;} .topmenu .gnb > ul > li.active > a::after {content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 100%; height: 2px; background: #fff;} .topmenu .gnb > .scroll {display: block; position: absolute; right: 15px; top: 16px; width: 13px; height: 12px;} .topmenu .gnb > .scroll .arrow {position: relative; display: block; width: 13px; height: 6px;} .topmenu .gnb > .scroll .arrow::after, .topmenu .gnb > .scroll .arrow::before {content: ''; position: absolute; top: 50%; transform: translateY(-50%);} .topmenu .gnb > .scroll .arrow::after {left: 0; width: 8px; height: 2px; background: #fff;} .topmenu .gnb > .scroll .arrow::before {right: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 6px solid #fff;} .topmenu .gnb > .scroll .arrow.arrow2 {margin-top: 1px; transform: rotate(180deg);} .topmenu .gnb > .all_menu {display: none;} .smenu_box {display: block;} .mobile-category {z-index: 1099; display:block; position: absolute; top: -38px; left: 0;} .toparea.mobileOpen .mobile-category {position:fixed; top: 0; width: 100% !important; height: 100%; background: rgba(0, 0, 0, 0.6);} .mobile-category .btn-category-holder, .mobile-category .btn-category-holder-c {position:absolute; top:50px; left: 15px; z-index:101; width:18px; height:14px; border:0;background-color:#fff;} .toparea.mobileOpen .mobile-category .btn-category-holder {top:12px;} .mobile-category .btn-category-holder .line, .mobile-category .btn-category-holder-c .line {display: block; position: absolute; left: 0; width: 18px; height: 2px; background: #000; border-radius: 3px;} .mobile-category .btn-category-holder .line.line1 {top: 0;} .mobile-category .btn-category-holder .line.line2 {top: 50%; transform: translateY(-50%);} .mobile-category .btn-category-holder .line.line3 {bottom: 0;} .mobile-category .btn-category-holder-c {left: 197px; top: 13px;} .mobile-category .btn-category-holder-c .line.line1 {top: 7px; transform: rotate(45deg);} .mobile-category .btn-category-holder-c .line.line2 {opacity: 0;} .mobile-category .btn-category-holder-c .line.line3 {top: 7px; transform: rotate(-45deg);} .mobile-category .mobild_menu {z-index: 1020; overflow-y: auto; position: fixed; top:0; left: -225px; width:225px; height: 100%; background:#fff;} .toparea.mobileOpen .mobile-category > .mobild_menu {left: 0;height:auto !important;} .mobile-category .mobild_menu::-webkit-scrollbar {display:none;} .mobile-category .mobild_menu:-moz-scrollbar {display:none;} .mobile-category .mobild_menu::-moz-scrollbar {display:none;} .mobile-category .mobild_menu .top_menu h1 {display: inline-block; padding: 7px 0 5px 15px;} .mobile-category .mobild_menu .top_menu h1 a {display: block;} .mobile-category .mobild_menu .top_menu h1 a img {width: 48px;} .mobile-category .mobild_menu .log_box {display: table; table-layout: fixed; width: 100%; background: #f8f8f8; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;} .mobile-category .mobild_menu .log_box a {display: table-cell; color: #666; font-size: 13px; line-height: 30px; text-align: center;} .mobile-category .mobild_menu .mobile_gnb {padding: 15px 0;} .mobile-category .mobild_menu .mobile_gnb li a {display: block; font-size: 17px; line-height: 38px; text-align: center;} .mobile-category .mobild_menu .mobile_gnb li a.now { color:#2596e4; font-weight:500; } .midarea .main_img {padding: 30px; height: auto;} .midarea .main_img .main_slide {top: 0; width: 100%;} .midarea .main_img .main_slide .slick-slide li {height: 240px;} .midarea .main_img .main_slide .slick-slide li .top {left: 10px; top: 10px; font-size: 12px; line-height: 25px;} .midarea .main_img .main_slide .slick-slide li .img {width: 100%; height: 209px;} .midarea .main_img .main_slide .slick-slide li .text {width: 768px; font-size: 20px; line-height: 24px;} .midarea .main_img .main_slide .slick-dots {top: 172px; left: 62%; transform: translateX(-15%); margin-left: 0; width: 60px;} .midarea .main_img .main_slide .slick-dots li a {font-size: 12px; line-height: 25px;} .midarea .main_img .main_slide .slick-dots li.all {padding-left: 5px; font-size: 12px; line-height: 25px;} .maincontents {margin: 50px auto 0; width: 100%;} .section {overflow: hidden; margin-bottom: 50px; padding-left: 15px;} .section3 {padding: 0 15px;} .section3 .gallay_nav {border-top: 2px solid #000; border-bottom: 1px solid #ccc;} .section3 .gallay_nav .swiper-wrapper .swiper-slide {line-height: 40px; text-align: center;} .section3 .gallay_nav .swiper-wrapper .swiper-slide span {font-size: 16px; font-weight: 600; line-height: 40px;} .section3 .gallay_nav .swiper-wrapper .swiper-slide.swiper-slide-thumb-active span {display: inline-block; color: #2796e5; border-bottom: 2px solid #2596e4;} .section3 .gallay_for .swiper-slide .list {display: none} .section3 .gallay_for .swiper-slide.swiper-slide-active .list {display: block} .section3 .gallay_for .list li {padding: 20px 0; border-bottom: 1px solid #ccc;} .section3 .gallay_for .list li h3 {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; max-height: 52px; -webkit-line-clamp: 2; margin-bottom: 5px; font-size: 18px; font-weight: 400; line-height: 26px;} .section3 .gallay_for .list li .bottom_info {overflow: hidden;} .section3 .gallay_for .list li .bottom_info dd {float: left;color: #999; font-size: 14px; line-height: 16px;} .section3 .gallay_for .list li .bottom_info dd.txt {font-weight: 600;} .section3 .gallay_for .list li .bottom_info dd.date {float: right;} .spop_info_area .area {width: 100%; padding: 0;} .spop_info_area .area .info {float: inherit; margin-right: 0; width: 100%; height: auto;} .spop_info_area .area .info li .box {padding: 40px 0 30px;} .spop_info_area .area .sbop {position: relative; float: inherit; padding: 30px 15px 95px; width: 100%;} .spop_info_area .area .sbop::after {content: ''; position: absolute; top: 0; left: 50%; width: calc(100% - 30px); height: 1px; transform: translateX(-50%); border-top: 1px dashed #aaa;} .spop_info_area .area .sbop h3 {padding: 10px 0;} .bottomarea .address_box {padding: 30px 15px; width: 100%; text-align: center;} .bottomarea .address_box .logo {position: relative; left: 0; top: 0; margin-bottom: 20px; font-size: 30px;} .bottomarea .address_box .agree_list {display: inline-block;} .bottomarea .address_box select {position: relative; right: inherit; top: 0; margin: 15px auto 0;} .bottomarea .address_box .seoul_banner { position: static; margin-top:20px; } .popup {width: calc(100% - 20px);} .popup .modal_close {right: 0; top: -40px;} .popup .popup_inner .agreement_box {max-height: 400px;} .section4 { padding:0 15px; } } @media only screen and (max-width: 1041px) { #container{margin-top:-30px;} .contents_wrap .contents > .path{top:30px} .topmenu .gnb > ul > li.topmenu_9.on > a { background:#fff; color:#2596e4; font-weight:600; padding:0 10px; } .topmenu .gnb > ul > li.topmenu_9 > a{ background:#fff; color:#2596e4; font-weight:600; padding:0 10px; } } @media only screen and (max-width:500px) { #container{margin-top:-50px;} } .business_intro{width:1200px;margin:0 auto;} .business_intro h2{font-size:30px;padding:40px 0;} .business_intro h3{font-size:18px;color:#fff;background-color:#0090d9;width:90%;text-align:center;padding:20px 0;font-weight:600;display:inline-block;border-radius:40px;color:#fff;} .business_intro h3 > a{color:#fff !important;} .business_intro_list ol > li > ul{overflow:hidden;} .business_intro_list ol > li > ul > li{float:left;width:25%;margin-bottom:40px;} .business_intro_list ol > li > ul > li > ul{padding:60px 0 0;background: url('../img2018/bg_business_intro.gif') no-repeat -90px 0;} .business_intro_list ol > li > ul > li > ul > li{margin:5px 0 0;padding:5px 0 0 30px;background:url(../img2018/bullet07.png) no-repeat 20px 12px;font-size:16px;} @media only screen and (max-width: 1041px) { .business_intro{width:100%} } @media only screen and (max-width: 761px) { .business_intro_list ol > li > ul > li{width:50%;} .business_intro_list ol > li > ul > li > ul > li{font-size:14px;} } @media only screen and (max-width:500px) { .business_intro_list ol > li > ul > li{width:50%;font-size:14px;} } /* 20210329 */ .business_detail02{padding-bottom:50px;} .business_detail02 .busi_top{padding-top:20px;position:relative;} .business_detail02 .busi_top ul li .item{width:100%;height:320px;background-repeat:no-repeat;background-position:center center;padding:30px 40px 40px 40px;box-sizing:border-box;} .business_detail02 .busi_top ul li .item#busi_top01{background-image:url(../img2018/bg_busi_top01.jpg)} .business_detail02 .busi_top ul li .item#busi_top02{background-image:url(../img2018/bg_busi_top02.jpg)} .business_detail02 .busi_top ul li .item#busi_top03{background-image:url(../img2018/bg_busi_top03.jpg)} .business_detail02 .busi_top ul li .item#busi_top04{background-image:url(../img2018/bg_busi_top04.jpg)} .business_detail02 .busi_top ul li .item#busi_top05{background-image:url(../img2018/bg_busi_top05.jpg)} .business_detail02 .busi_top ul li .item#busi_top06{background-image:url(../img2018/bg_busi_top06.jpg)} .business_detail02 .busi_top ul li .item#busi_top07{background-image:url(../img2018/bg_busi_top07.jpg)} .business_detail02 .busi_top ul li .item h4{font-size:24px;color:#333;line-height:150%;letter-spacing:-1px;font-weight:500;margin-bottom:15px;} .business_detail02 .busi_top ul li .item .txt{font-size:36px;color:#333;line-height:130%;letter-spacing:-3px;font-weight:300;margin-bottom:20px;} .business_detail02 .busi_top ul li .item .txt strong{font-weight:600;} .business_detail02 .busi_top ul li .item .btn{padding-right:300px;} .business_detail02 .busi_top ul li .item .btn a{display:inline-block;margin-right:3px;height:34px;line-height:32px;border:1px solid #2596e4;box-sizing:border-box;font-size:14px;color:#2596e4;padding:0 27px 0 13px;background:url(../img2018/ico_busi_top_arrow.png) no-repeat center right 10px;background-color:#fff;letter-spacing:-1px;margin-bottom:5px;min-width:130px;} .business_detail02 .busi_top ul li .item .btn a:hover{background-color:#2596e4;color:#fff;background-image:url(../img2018/ico_busi_top_arrow_ov.png)} .business_detail02 .busi_top_nav{margin:-30px 87px 50px 87px;position:relative;z-index:100;overflow:hidden;box-shadow:3px 5px 6px rgba(0,0,0,0.3);height:60px;} .business_detail02 .busi_top_nav ul{overflow:hidden;width:1330px;position:absolute;left:0;top:0;-webkit-transition:all .3s;transition:all .3s;} .business_detail02 .busi_top_nav.right ul{left:-570px} .business_detail02 .busi_top_nav ul li{float:left;width:190px;} .business_detail02 .busi_top_nav ul li a{display:block;font-size:16px;color:#fff;background:#333;height:60px;line-height:60px;text-align:center;margin-left:1px;letter-spacing:-1px;font-weight:300;box-sizing:border-box;} .business_detail02 .busi_top_nav ul li a:focus{background:#005c9c;outline:#fff solid 1px} .business_detail02 .busi_top_nav ul li a.active{background:#005c9c} .business_detail02 .busi_top .bx-prev{position:absolute;left:42px;bottom:-30px;width:45px;height:60px;display:block;background:url(../img2018/btn_busi_prev.png) no-repeat center center;text-indent:-9999px;overflow:hidden;z-index:101;box-shadow:3px 5px 6px rgba(0,0,0,0.3)} .business_detail02 .busi_top .bx-next{position:absolute;right:42px;bottom:-30px;width:45px;height:60px;display:block;background:url(../img2018/btn_busi_next.png) no-repeat center center;text-indent:-9999px;overflow:hidden;z-index:101;box-shadow:3px 5px 6px rgba(0,0,0,0.3)} .business_detail02 .busi_link{margin-bottom:50px;} .business_detail02 .busi_link ul{overflow:hidden;} .business_detail02 .busi_link ul li{float:left;width:33.33%;} .business_detail02 .busi_link ul li a{display:block;} .business_detail02 .busi_link ul li strong{display:block;font-size:30px;color:#333;line-height:150%;letter-spacing:-1px;margin-bottom:5px;font-weight:600;} /* .business_detail02 .busi_link ul li a{display:inline-block;width:110px;height:32px;line-height:32px;box-sizing:border-box;border:1px solid #c4c4c4;padding:0 47px 0 13px;background:url(../img2018/ico_btn_arrow.png) no-repeat bottom 9px right 15px;color:#999;font-size:14px;} */ .business_detail02 .busi_link ul li a:hover{border-color:#2596e4;color:#2596e4;/* background-image:url(../img2018/ico_btn_arrow_ov.png) */} .business_detail02 .busi_link ul li a:focus{border-color:#2596e4;color:#2596e4;/* background-image:url(../img2018/ico_btn_arrow_ov.png) */} .business_detail02 .busi_area{} .business_detail02 .busi_area > h4{display:block;font-size:30px;color:#333;line-height:150%;letter-spacing:-1px;margin-bottom:25px;font-weight:600;} .business_detail02 .busi_area .tab ul{margin-left:-18px;} .business_detail02 .busi_area .tab ul:after{content:'';display:block;clear:both;} .business_detail02 .busi_area .tab ul li{float:left;width:140px;margin-left:18px;margin-bottom:3px;} .business_detail02 .busi_area .tab ul li a{display:block;width:140px;height:140px;background-position:center top;background-repeat:no-repeat;text-indent:-9999px;margin-bottom:10px;position:relative;} .business_detail02 .busi_area .tab ul li a:hover{background-position:center bottom;} .business_detail02 .busi_area .tab ul li a.on{background-position:center bottom;} .business_detail02 .busi_area .tab ul li a.on:after{content:'';display:block;position:absolute;left:50%;bottom:-13px;margin-left:-10px;width:20px;height:10px;background:url(../img2018/bg_busi_area_tab.png) no-repeat center bottom;} .business_detail02 .busi_area .tab ul li a#busi_area01{background-image:url(../img2018/ico_busi_cont01.png);} .business_detail02 .busi_area .tab ul li a#busi_area02{background-image:url(../img2018/ico_busi_cont02.png);} .business_detail02 .busi_area .tab ul li a#busi_area03{background-image:url(../img2018/ico_busi_cont03.png);} .business_detail02 .busi_area .tab ul li a#busi_area04{background-image:url(../img2018/ico_busi_cont04.png);} .business_detail02 .busi_area .tab ul li a#busi_area05{background-image:url(../img2018/ico_busi_cont05.png);} .business_detail02 .busi_area .tab ul li a#busi_area06{background-image:url(../img2018/ico_busi_cont06.png);} .business_detail02 .busi_area .tab ul li a#busi_area07{background-image:url(../img2018/ico_busi_cont07.png);} .business_detail02 .busi_area .tab ul li a#busi_area08{background-image:url(../img2018/ico_busi_cont08.png);} .business_detail02 .busi_area .tab ul li a#busi_area09{background-image:url(../img2018/ico_busi_cont09.png);} .business_detail02 .busi_area .tab ul li a#busi_area10{background-image:url(../img2018/ico_busi_cont10.png);} .business_detail02 .busi_area .tab ul li a#busi_area11{background-image:url(../img2018/ico_busi_cont11.png);} .business_detail02 .busi_area .tab ul li a#busi_area12{background-image:url(../img2018/ico_busi_cont12.png);} .business_detail02 .busi_area .cont{display:none;border-top:4px solid #2596e4;background:#f2f2f2;padding:10px 0;margin-bottom:25px;position:relative;} .business_detail02 .busi_area .cont .close_m_cont{display:none;position:fixed;right:10px;top:20%;z-index:1000;margin-top:10px;} .business_detail02 .busi_area .cont .close_m_cont img{height:40px;} .business_detail02 .busi_area .cont .item{display:none;} .business_detail02 .busi_area .cont .item .list{} .business_detail02 .busi_area .cont .item .list > ul{overflow:hidden;} .business_detail02 .busi_area .cont .item .list > ul > li{float:left;width:33.33%;box-sizing:border-box;padding:0 10px;} .business_detail02 .busi_area .cont .item .list > ul > li > dl dt{background:#fff;padding:15px;margin-bottom:20px;} .business_detail02 .busi_area .cont .item .list > ul > li > dl dt a{display:block;} .business_detail02 .busi_area .cont .item .list > ul > li > dl dt a strong{display:inline-block;font-size:24px;color:#2596e4;letter-spacing:-1px;font-weight:600;line-height:150%;margin-bottom:5px;-webkit-transition:all .3s;transition:all .3s;letter-spacing:-3px;} /*2022-02-10 자간 추가*/ .business_detail02 .busi_area .cont .item .list > ul > li > dl dt a p{font-size:14px;color:#333;line-height:150%;letter-spacing:-1px;} .business_detail02 .busi_area .cont .item .list > ul > li > dl dt a:hover strong{color:#ff6600;position:relative;} .business_detail02 .busi_area .cont .item .list > ul > li > dl dt a:hover strong:after{content:'';display:block;height:1px;background:#ff6600;position:absolute;left:0;bottom:0;right:0;} .business_detail02 .busi_area .cont .item .list > ul > li > dl dd{padding:0 15px 15px 15px;} .business_detail02 .busi_area .cont .item .list > ul > li > dl dd a{display:block;} .business_detail02 .busi_area .cont .item .list > ul > li > dl dd a strong{display:inline-block;font-size:18px;color:#333;letter-spacing:-1px;font-weight:600;line-height:150%;margin-bottom:5px;-webkit-transition:all .3s;transition:all .3s;letter-spacing:-3px;}/*2022-02-10 자간추가*/ .business_detail02 .busi_area .cont .item .list > ul > li > dl dd a p{font-size:14px;color:#333;line-height:150%;letter-spacing:-1px;min-height:42px;overflow:hidden;} .business_detail02 .busi_area .cont .item .list > ul > li > dl dd a:hover strong{color:#2596e4;position:relative;} .business_detail02 .busi_area .cont .item .list > ul > li > dl dd a:hover strong:after{content:'';display:block;height:1px;background:#2596e4;position:absolute;left:0;bottom:0;right:0;} @media only screen and (max-width: 1041px) { .business_detail02 .busi_top_nav ul{right:0;width:175%;} .business_detail02 .busi_top_nav.right ul{right:auto;left:-75%;} .business_detail02 .busi_top_nav ul li{width:14.28%;} .business_detail02 .busi_top ul li .item{height:280px;background-size:cover;} .business_detail02 .busi_top ul li .item h4{font-size:18px;} .business_detail02 .busi_top ul li .item .txt{font-size:24px;} .business_detail02 .busi_top_nav{height:40px;margin:-20px 50px 30px 50px;} .business_detail02 .busi_top_nav ul li a{font-size:14px;height:40px;line-height:40px;} .business_detail02 .busi_top .bx-prev{width:30px;height:40px;background-size:auto 40px;bottom:-20px;left:20px;} .business_detail02 .busi_top .bx-next{width:30px;height:40px;background-size:auto 40px;bottom:-20px;right:20px;} .business_detail02 .busi_top ul li .item .btn{padding-right:150px;} .business_detail02 .busi_link ul li strong{font-size:24px;} .business_detail02 .busi_area > h4{font-size:24px;} .business_detail02 .busi_area .cont .item .list > ul > li > dl dt a strong{font-size:19px;} .business_detail02 .busi_area .tab ul{margin-left:-2%;} .business_detail02 .busi_area .tab ul li{width:14.66%;margin-left:2%;} .business_detail02 .busi_area .tab ul li a{width:100px;height:100px;background-size:auto 200px;margin-left:auto;margin-right:auto;} } @media only screen and (max-width: 761px) { .business_detail02{padding-bottom:0;} .business_detail02 .busi_top ul li .item{padding:15px 20px 20px 20px;height:230px} .business_detail02 .busi_top ul li .item h4{font-size:14px;} .business_detail02 .busi_top ul li .item .txt{font-size:20px;} /* .business_detail02 .busi_top ul li .item .txt br{display:none;} */ .business_detail02 .busi_top ul li .item .btn{padding-right:0;} .business_detail02 .busi_top ul li .item .btn a{font-size:12px;padding:0 25px 0 7px;min-width:auto;background-position:center right 8px;} .business_detail02 .busi_top_nav{background:#333} .business_detail02 .busi_top_nav ul li a{font-size:12px;line-height:110%;} .business_detail02 .busi_top .bx-prev{width:20px;left:0;} .business_detail02 .busi_top .bx-next{width:20px;right:0;} .business_detail02 .busi_top_nav{margin-left:20px;margin-right:20px;} .business_detail02 .busi_top_nav ul li{display:table;} .business_detail02 .busi_top_nav ul li a{display:table-cell;vertical-align: middle;padding:0 5px;} .business_detail02 .busi_link{margin-bottom:30px;} .business_detail02 .busi_link ul li strong{font-size:14px;} .business_detail02 .busi_link ul li a{font-size:12px;width:auto;padding:0 35px 0 5px;background-position:bottom 9px right 7px;} .business_detail02 .busi_area > h4{font-size:14px;margin-bottom:15px;} .business_detail02 .busi_area .tab ul li{width:31.33%;} .business_detail02 .busi_area .cont{position:fixed;left:0;right:0;bottom:0;top:20%;overflow-y:auto;margin-bottom:0;z-index:1000;} .business_detail02 .busi_area .cont .item{} .business_detail02 .busi_area .cont .item .list > ul > li{float:none;width:auto;} .business_detail02 .busi_area .cont .close_m_cont{display:block;} } .search_mobile {position:absolute;top:10px;right:10px;display:none;} @media screen and (min-width:320px) and (max-width:1024px){ .search_mobile{display:block;} } /*2021-04-28 추가*/ .business_detail02 .busi_link01{margin-top:50px;margin-bottom:20px;overflow:hidden;} .business_detail02 .busi_link01 a.open_pop_section{display:inline-block;background:#1d94db;border-radius:50px;color:#fff;padding:0 30px;height:40px;line-height:40px;margin-top:50px;margin-bottom:50px;overflow:hidden;} .business_detail02 .busi_link01 .tit{overflow:hidden;} .business_detail02 .busi_link01 .tit_img{margin-left:15px;width:74px;float:left;} .business_detail02 .busi_link01 .tit_txt{margin-left: 15px;width:250px;float:left;} .business_detail02 .busi_link01 .tit_txt p{font-size:16px;line-height:30px;} .business_detail02 .busi_link01 .tit_txt strong{font-size:30px;line-height:36px;} .business_detail02 .busi_link01 .tit .btn{float:right;margin-top:15px;} .business_detail02 .busi_link01 .img{width:350px;float:left;} .business_detail02 .busi_link01 .img img{width:100%;} .business_detail02 .busi_link01 .txt{margin:0 0 0 360px;} .business_detail02 .busi_link01 .txt > p{padding:15px;font-size:16px;line-height:22px;} .business_detail02 .busi_link01 ul{overflow:hidden;} .business_detail02 .busi_link01 ul li{float:left;width:33.33%;} .business_detail02 .busi_link01 ul li strong{display:block;font-size:30px;color:#333;line-height:150%;letter-spacing:-1px;margin-bottom:5px;font-weight:600;} /* .business_detail02 .busi_link ul li a{display:inline-block;width:110px;height:32px;line-height:32px;box-sizing:border-box;border:1px solid #c4c4c4;padding:0 47px 0 13px;background:url(../img2018/ico_btn_arrow.png) no-repeat bottom 9px right 15px;color:#999;font-size:14px;} */ .business_detail02 .busi_link01 ul li a:hover{border-color:#2596e4;color:#2596e4;background-image:url(../img2018/ico_btn_arrow_ov.png)} .business_detail02 .busi_link01 ul li a:focus{border-color:#2596e4;color:#2596e4;background-image:url(../img2018/ico_btn_arrow_ov.png)} .business_detail02 .busi_link02{margin-bottom:50px;background-color:#ebebeb;padding:15px;width:100%;} .business_detail02 .busi_link02 ul{overflow:hidden;} .business_detail02 .busi_link02 ul li{float:left;width:32%;margin-bottom:50px;margin-right:15px;} .business_detail02 .busi_link02 ul li:last-child{margin-right:0;} .business_detail02 .busi_link02 ul li p{margin-top:7px;font-size:16px;line-height:22px;} .business_detail02 .busi_link02 ul li img{width:100%;} .business_detail02 .busi_link02 ul li strong{display:block;font-size:30px;color:#333;line-height:150%;letter-spacing:-1px;margin-bottom:5px;font-weight:600;} /* .business_detail02 .busi_link ul li a{display:inline-block;width:110px;height:32px;line-height:32px;box-sizing:border-box;border:1px solid #c4c4c4;padding:0 47px 0 13px;background:url(../img2018/ico_btn_arrow.png) no-repeat bottom 9px right 15px;color:#999;font-size:14px;} */ .business_detail02 .busi_link02 ul li a:hover{border-color:#2596e4;color:#2596e4;background-image:url(../img2018/ico_btn_arrow_ov.png)} .business_detail02 .busi_link02 ul li a:focus{border-color:#2596e4;color:#2596e4;background-image:url(../img2018/ico_btn_arrow_ov.png)} @media only screen and (max-width: 761px) { .busi_top{width:100%;} .busi_top img{width:100%;} .business_detail02 .busi_link01 .img{width:100%;} .business_detail02 .busi_link01 .txt{width:100%;min-width:auto;margin:0;} .business_detail02 .busi_link01 .tit{clear:both;padding-top:15px;} .business_detail02 .busi_link01 .tit_img{width:50px;margin:0;} .business_detail02 .busi_link01 .tit_img img{width:100%;} .business_detail02 .busi_link01 .tit_txt{margin-left: 7px;} .business_detail02 .busi_link01 .tit_txt p{font-size:14px;line-height:20px;} .business_detail02 .busi_link01 .tit_txt strong{font-size:18px;line-height:24px;} .business_detail02 .busi_link01 .tit .btn{clear:both;width:100%;text-align:right;} .business_detail02 .busi_link02 ul li{width:100%;} }