@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body, h1, h2, h3, h4, ul, li, dl, dd, dt, ol {margin:0; padding:0; font-family:Malgun Gothic, ¸¼Àº °íµñ, Dotum, µ¸¿ò, Gulim, ±¼¸²;}
ul, li, dl, dd, dt {list-style-type:none;}
img, fieldset {border:0;}
form, fieldset {margin:0; padding:0;}
a, a:hover, a:visited, a:link {text-decoration:none; cursor:pointer;}
a, a:link {color:inherit;}
.blind {display:block; height:0; overflow:hidden; font-size:0; line-height:0; position:absolute;}

#header {display:block; width:100%; min-width:1100px; height:auto;}
#header .header_menu {display:block; margin:0 auto;width:1100px; height:69px; position:relative;}
#header .header_menu h1 {position:static; visibility:visible; display:block; float:left; width:220px; height:69px; }
#header .header_menu h1 a {display:block; float:left; padding:0 0 0 85px; width:135px; height:100%; background:url(/recruit/main_img_2018/duo_logo.jpg) left top no-repeat; font-size:12px; color:#8e8e8e; font-weight:normal; line-height:69px;}
#header .header_menu h1 span {font-size:0;}
#header .header_menu .depth {display:block; float:left; margin:0 0 0 135px; width:480px; height:69px; font-size:18px; color:#303030; text-align:center; line-height:66px;}
#header .header_menu .depth li {display:block; float:left; margin:0 20px; width:80px; height:69px; color:#303030;}
#header .header_menu .depth li a {color:#303030;}
#header .header_menu .gnb {display:block; float:right; font-size:12px; color:#999999; text-align:center; line-height:66px;}
#header .header_menu .gnb li {display:block; float:left; padding:0 8px; height:69px; color:#999999;}
#header .header_menu .gnb li a {color:#999999;}
#header .header_menu .familysite {display:block; width:274px; height:30px; position:absolute; right:0; top:0;}
#header .header_menu .familysite li {display:block; float:left; width:90px; height:30px; border-left:1px solid #efefef; font-size:12px; color:#525252; text-align:center; line-height:27px;}
#header .header_menu .familysite li a {color:#525252;}
#header .over_header_menu {width:100%; min-width:1100px; height:283px; background:#ffffff; border-top:1px solid #efefef; border-bottom:1px solid #efefef; position:absolute; left:0; top:100px; z-index:100;}
#header .over_header_menu .common {margin:0 auto; width:1100px; height:283px; position:relative;}
#header .over_header_menu .common .intro {display:block; float:left; margin:39px 0 0; width:218px; height:244px;}
#header .over_header_menu .common .intro .txt-type1 {display:block; float:left; width:215px; height:20px; font-size:14px; color:#01afbb; line-height:17px;}
#header .over_header_menu .common .intro .txt-type2 {clear:both; display:block; float:left; width:100%; height:38px; font-size:30px; color:#abadad; line-height:35px;}
#header .over_header_menu .common .intro a {clear:both; display:block; float:left; margin:11px 0 0 0; width:82px; height:26px; border:1px solid #e0e0e0; font-size:12px; color:#646464; text-align:center; line-height:23px;}
#header .over_header_menu .common .depth {display:block; float:left; margin:33px 0; padding:0 87px 0 44px; width:200px; height:217px; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; font-size:14px; color:#545454; line-height:29px;}
#header .over_header_menu .common .depth li {display:block; float:left; margin:0 0 5px 0; width:100%; height:32px; color:#545454;}
#header .over_header_menu .common .depth li a {display:block; float:left; padding:0 15px; width:170px; height:32px; background:#ffffff; color:#545454;}
#header .over_header_menu .common .depth li a:hover {background:#788692; color:#ffffff;}
#header .over_header_menu .common .prize {display:block; float:left; width:318px; height:283px;}
#header .over_header_menu .common .prize a {display:block; margin:56px 0 0; width:318px; height:171px;}
#header .over_header_menu .common .prize a img {display:block; margin:0 auto;}
#header .over_header_menu .common .prize a .txt-type1 {display:block; float:left; margin:16px 0 0; width:100%; height:25px; font-size:12px; color:#a6a6a6; text-align:center; line-height:22px;}
#header .over_header_menu .common .prize a .txt-type2 {display:block; float:left; width:100%; font-size:16px; color:#525252; text-align:center; line-height:24px;}
#header .over_header_menu .common .recruit_type {display:block; float:right; margin:35px 0 0; width:231px;}
#header .over_header_menu .common .recruit_type li {display:block; float:left; margin:0 0 10px 0; width:231px; height:58px; font-size:0;}
#header .over_header_menu .common .recruit_type li a {display:block; float:left; width:231px; height:58px;}
#header .over_header_menu .common .recruit_type .type1 a {background:url(/recruit/main_img_2018/recruit_bn_01.jpg) center top no-repeat;}
#header .over_header_menu .common .recruit_type .type2 a {background:url(/recruit/main_img_2018/recruit_bn_02.jpg) center top no-repeat;}
#header .over_header_menu .common .recruit_type .type3 a {background:url(/recruit/main_img_2018/recruit_bn_03.jpg) center top no-repeat;}
#header .over_header_menu .common .recruit_type .type1:hover a {background:url(/recruit/main_img_2018/recruit_bn_01_on.jpg) center top no-repeat;}
#header .over_header_menu .common .recruit_type .type2:hover a {background:url(/recruit/main_img_2018/recruit_bn_02_on.jpg) center top no-repeat;}
#header .over_header_menu .common .recruit_type .type3:hover a {background:url(/recruit/main_img_2018/recruit_bn_03_on.jpg) center top no-repeat;}
#header .over_header_menu .common .arrow {display:block; width:80px; height:3px; background:#788692; position:absolute; top:-4px;}
#header .over_header_menu .company .arrow {left:375px;}
#header .over_header_menu .business .arrow {left:495px;}
#header .over_header_menu .people .arrow {left:615px;}
#header .over_header_menu .career .arrow {left:735px;}