@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}