@charset "utf-8"; /* * Hangeul notokr Font */ @font-face { font-family: 'notokr-thin'; src: url('font/notokr-thin.eot'); src: url('font/notokr-thin.eot?#iefix') format('embedded-opentype'), /*url('font/notokr-thin.woff2') format('woff2'),*/ url('font/notokr-thin.woff') format('woff'), url('font/notokr-thin.ttf') format('truetype'), url('font/notokr-thin.svg#notokr-thin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'notokr-light'; src: url('font/notokr-light.eot'); src: url('font/notokr-light.eot?#iefix') format('embedded-opentype'), /*url('font/notokr-light.woff2') format('woff2'),*/ url('font/notokr-light.woff') format('woff'), url('font/notokr-light.ttf') format('truetype'), url('font/notokr-light.svg#notokr-light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'notokr-demilight'; src: url('font/notokr-demilight.eot'); src: url('font/notokr-demilight.eot?#iefix') format('embedded-opentype'), /*url('font/notokr-demilight.woff2') format('woff2'),*/ url('font/notokr-demilight.woff') format('woff'), url('font/notokr-demilight.ttf') format('truetype'), url('font/notokr-demilight.svg#notokr-light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'notokr-regular'; src: url('font/notokr-regular.eot'); src: url('font/notokr-regular.eot?#iefix') format('embedded-opentype'), /*url('font/notokr-regular.woff2') format('woff2'),*/ url('font/notokr-regular.woff') format('woff'), url('font/notokr-regular.ttf') format('truetype'), url('font/notokr-regular.svg#notokr-regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'notokr-medium'; src: url('font/notokr-medium.eot'); src: url('font/notokr-medium.eot?#iefix') format('embedded-opentype'), /*url('font/notokr-medium.woff2') format('woff2'),*/ url('font/notokr-medium.woff') format('woff'), url('font/notokr-medium.ttf') format('truetype'), url('font/notokr-medium.svg#notokr-medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'notokr-bold'; src: url('font/notokr-bold.eot'); src: url('font/notokr-bold.eot?#iefix') format('embedded-opentype'), /*url('font/notokr-bold.woff2') format('woff2'),*/ url('font/notokr-bold.woff') format('woff'), url('font/notokr-bold.ttf') format('truetype'), url('font/notokr-bold.svg#notokr-bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'notokr-black'; src: url('font/notokr-black.eot'); src: url('font/notokr-black.eot?#iefix') format('embedded-opentype'), /*url('font/notokr-black.woff2') format('woff2'),*/ url('font/notokr-black.woff') format('woff'), url('font/notokr-black.ttf') format('truetype'), url('font/notokr-black.svg#notokr-black') format('svg'); font-weight: normal; font-style: normal; } /* css reset */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} body{font-family: "�룍��", "Verdana", "sans-serif"; font-size: 12px; line-height: 15px; color: #666} a:link { color: #666; text-decoration: none; } a:hover { color: #005e9f; text-decoration: none; } a:visited { color: #666; text-decoration: none; } a:active { color: #666; text-decoration: none; } .nCreon_Wrap .nCreon_nGnbWrap_Area .nGnbWrap{position:relative} .nGnbWrap{margin-top:25px;position:relative;width:618px;height:44px;} .nGnbWrap:before{content: '';display: block;position: absolute;width: 100%;height: 2px;top: 25px;background-color: #d7d7d7;} .nGnbWrap a{display:block} .nGnbWrap li{float:left} /* .nGnbWrap li.nGnb_element{position: relative;} */ .nGnbWrap li.nGnb_element:before{content: '';display: block;position: absolute;width: 1px;height: 18px;background-color: #c5c5c5;transform: rotate(15deg);} .nGnbWrap li.nGnb_element:first-child:before{display: none;} .nGnbWrap li.nGnb_element h2 a{position: relative;padding:0 15px 9px;color: #434343;font-family: 'notokr-medium';font-size: 13px;} .nGnbWrap li.nGnb_element h2 a.on{color: #12857c;border-bottom: 3px solid #12857c;} .nGnbWrap .nGnb_element_child{position:absolute;top: 32px;} /* .nGnbWrap li.nGnb_element h2 a.f{padding-left:10px;background:none} */ .nGnbWrap .nGnb_element_child li a{position: relative;padding: 0 10px;color: #434343;font-family: 'notokr-regular';font-size: 12px;} .nGnbWrap .nGnb_element_child li a.on{color: #12857c;} .nGnbWrap .nGnb_element_child li a.on:before{content: '';display: block;position: absolute;width: 2px;height: 2px;left: 3px;top: 6px;background-color: #12857c;transform: rotate(45deg);} /* skip navigation */ #skip_navi{position:relative;z-index:2147483647} #skip_navi a{position:absolute;left:0;top:-30px;width:138px;border:1px solid #4ec53d;text-align:center;outline:none} #skip_navi a:active, #skip_navi a:focus{top:0;text-decoration:none;cursor:pointer;zoom:1} #skip_navi span{display:inline-block;padding:2px 6px 0 0;font-size:11px;letter-spacing:-1px;color:#000;line-height:26px} #introWrap { position: relative; width: 100%; height: 943px; } #introWrap .ani { position: absolute; width: 100%; height: 100%; top: 0; } #introWrap .ani>.bg { height: 100%; opacity: 0; } #introWrap .ani>.img { position: absolute; width: 100%; height: 100%; top: 0; opacity: 0; } #introWrap .ani.s0>.bg { background:url("../images/intro/intro_bg0.jpg") center center; background-size: cover; } #introWrap .ani.s0>.img { background:url("../images/intro/intro_img0.png") no-repeat center center; } #introWrap .ani.s1>.bg { background:url("../images/intro/intro_bg1.jpg") center center; background-size: cover; } #introWrap .ani.s1>.copy { position: absolute; left: 50%; top: 50%; margin-left: -227px; margin-top: -284px; } #introWrap .ani.s1>.copy img { display: block; position: absolute; } /* #introWrap .ani.s1>.copy img.img1 { left: 0; top: 54px; opacity: 0; } #introWrap .ani.s1>.copy img.img2 { left: 309px; top: 0; opacity: 0; } */ #introWrap .ani.s1>.copy img.img1 { left: -110px; top: 55px; opacity: 0; } #introWrap .ani.s1>.copy img.img2 { left: 290px; top: 0; opacity: 0; } #introWrap #skipBtn{position: absolute; top:20px; left:50%; margin-left:412px;padding:1px;width:38px;height:24px} #introWrap #pauseBtn{position: absolute; top:20px; left:50%; margin-left:466px;padding:1px;width:38px;height:24px} #introWrap #startBtn{position: absolute; top:20px; left:50%; margin-left:520px;padding:1px;width:38px;height:24px} /* intro end ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* main begin /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .mainWrap{width:932px;margin:0 auto} .mainWrap:after{content: ''; display: block; clear: both;} .mainWrap .headerWrap{height:70px;position:relative} .mainWrap .headerWrap h1{margin-right:222px} /*.headerWrap .topmenu{width:175px;height:19px;background-image:url("../images/topmenu_bg.gif");position:absolute;right:1px;top:0;font-size:0}**/ .headerWrap .topmenu{width:175px;height:19px;position:absolute;right:-14px;top:0;font-size:0;} .headerWrap *{float:left} .mainVisual{} .mainVisual{position:relative;width:930px;height:474px;margin-top:10px;overflow:hidden;} .mainVisual *{position:absolute} .mainVisual #main_visual_btn_prev{left:812px;top:30px;} .mainVisual #main_visual_btn_control{left:841px;top:30px;} .mainVisual #main_visual_btn_next{left:871px;top:30px;} .mainVisual .mainVisualSlideImg>li {opacity: 0;} .btn_mainvisual {opacity: 0;} #introImg {opacity: 0;} .companyListWrap{position:relative;margin-top:25px;} .companyListWrap:after {content: '';display: block;clear: both;} .companyListWrap .companyList {float: left;} .companyListWrap .companyList:after {content: '';display: block;clear: both;} /* 221227 */ .companyListWrap .companyList>li {float: left; width: 202px; height: 235px; margin-left: 18px; background-repeat: no-repeat;} .companyListWrap .companyList>li:first-child {margin-left: 0;} .companyListWrap .companyList>li:nth-child(1) {background-image: url( '../images/main_company0_bg_off.png' );} .companyListWrap .companyList>li:nth-child(2) {background-image: url( '../images/main_company1_bg_off.png' );} .companyListWrap .companyList>li:nth-child(3) {background-image: url( '../images/main_company2_bg_off.png' );} .companyListWrap .companyList>li:hover:nth-child(1), .companyListWrap .companyList>li.on:nth-child(1) {background-image: url( '../images/main_company0_bg_on.png' );} .companyListWrap .companyList>li:hover:nth-child(2), .companyListWrap .companyList>li.on:nth-child(2) {background-image: url( '../images/main_company1_bg_on.png' );} .companyListWrap .companyList>li:hover:nth-child(3), .companyListWrap .companyList>li.on:nth-child(3) {background-image: url( '../images/main_company2_bg_on.png' );} .companyListWrap .companyList .companyListSub {margin-top: 90px;text-align: left; margin-left: 70px;} .companyListWrap .companyList .companyListSub>li>a {color: #8d959b; font-family: 'notokr-regular'; font-size: 14px; line-height: 1.6;} /* 221227 end */ .companyListWrap .companyList .companyListSub>li.on>a, .companyListWrap .companyList .companyListSub>li>a:hover {color: #e05827;} .companyListWrap .contributionList {float: left; width: 158px; margin-left: 25px; padding: 15px 0 15px 105px; background: url( 'https://www.dbgroup.co.kr/new/images/main_contribution_title.gif' ) no-repeat 9% 50%; }/* 221227 */ .companyListWrap .contributionList>li {color: #999999; font-family: 'notokr-regular'; font-size: 13px; line-height: 2;} .companyListWrap .linkBanner {float: left; width: 158px; margin-left: 25px; padding: 15px 0 15px 105px; background: url( 'https://www.dbgroup.co.kr/new/images/main_linkBanner_title.gif' ) no-repeat 10% 40%; border-top: 1px solid #d9d9d9;}/* 221227 */ .companyListWrap .linkBanner>li {color: #999999; font-family: 'notokr-regular'; font-size: 13px; line-height: 2;} .selectMoveLink{float: right; position: relative;padding-left: 20px;margin-top: 30px;} .selectMoveLink:after {content: '';display: block;clear: both;} .selectMoveLink select { float:left; min-width: 150px;margin-right:3px;text-align: center;} .selectMoveLink a { display:block; float:left; margin-top:-2px; } /* main end /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* sub begin /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .subWrap{width:843px;margin:0 auto;text-align:justify} .subWrap .headerWrap{height:98px;position:relative} .subWrap .headerWrap h1{padding:13px 75px 0 47px} .subVisual{height:154px} .lnbArea{float:left;width:199px} .lnbArea>h2 {width: 170px;height: 35px;padding-left: 10px;margin-bottom: 7px;background: #12857c;line-height: 34px;color: #fff;font-family: 'notokr-medium';font-size: 16px;} .lnbArea>h2>span {position: relative;} .lnbArea>h2>span:after {content: '';display: block;position: absolute;width: 9px;height: 2px;right: -15px;top: 17px;background-color: #fff;} .lnbArea .founder {display: block; margin-top: 50px;} .lnbArea .csr {margin-top: 40px;} .lnbArea .csr>li {margin-bottom: 14px;} .subContents{float:left;width:638px;border-left:1px solid #ddd;border-top:1px solid #ddd;background-color:red} .subNavi li{float:left} .selectMoveLink_sub{clear:both;width:843px;height:28px;background-image:url("../images/footer.gif");margin-bottom:30px;} .selectMoveLink_area { float:right; margin-top:5px; } .selectMoveLink_area * { float:left; margin-right:3px; } .selectMoveLink_area a { margin-top:-2px; } .selectMoveLink_area span { margin-top:2px; } .subNewWrap { padding-left:20px; } .nLnbWrap{width: 180px;} .nLnbWrap a{display:block} .nLnbWrap li{} .nLnbWrap li.nGnb_element h2 a{position: relative;padding:5px 22px;margin-top: 3px;background-color: #e4f3f0;border: 1px solid #dedede;color: #484848;font-family: 'notokr-regular';font-size: 13px;} .nLnbWrap li.nGnb_element h2 a:before{content: url('../images/lnb/left_icon_off.gif');position: absolute;left: 10px;top: 9px;} .nLnbWrap li.nGnb_element h2 a:hover, .nLnbWrap li.nGnb_element h2 a.on{background-color: #f2f2f2;} .nLnbWrap li.nGnb_element h2 a:hover:before, .nLnbWrap li.nGnb_element h2 a.on:before{content: url('../images/lnb/left_icon_on.gif');} .nLnbWrap li.nGnb_element h2 a.f{} .nLnbWrap .nGnb_element_child{margin: 4px 0 8px 23px;} .nLnbWrap .nGnb_element_child li a{position: relative;padding-left: 10px;border-top: 1px solid #dedede;line-height: 20px;color: #454545;font-family: 'notokr-regular';font-size: 11px;} .nLnbWrap .nGnb_element_child li a:before{content: '';display: block;position: absolute;width: 2px;height: 2px;left: 2px;top: 9px;background-color: #1b5b8c;} .nLnbWrap .nGnb_element_child li:first-child a{border-top: 0;} .nLnbWrap .nGnb_element_child li a:hover, .nLnbWrap .nGnb_element_child li a.on{color: #d84f1e;} /* sub end /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .hide_area{text-indent:-5000px;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}