/* 
    Document   : sub
    Created on : 2015. 11. 27, 오전 10:00
    Author     : daKim
    Description:
      (주)디유 서브페이지 구조 
*/
html {
	background-color: #333;
}

/*=header 영역  */
.wrap_header {z-index:500; position:fixed; top:0; width:100%; height:78px; background:url(../img/common/bg_black.png) repeat-x;}
#header {position:relative; height:78px;}
#header .logo {display:inline-block; width:122px; height:52px;margin:20px 0 0 3px;}

#HNB {position:absolute; top:17px; right:0; font-size:10px;}
#HNB li {float:left;}

#GNB {position:absolute; top:47px; right:0; font-size:14px;}

#GNB li.introduce .item_01 a {background-position:-101px 0px}
#GNB li.introduce .item_01 a:hover {background-position:-101px -554px}

#GNB li.introduce .item_02 a {background-position:-205px 0px}
#GNB li.introduce .item_02 a:hover {background-position:-205px -554px}

#GNB li.introduce .item_03 a {background-position:-309px 0px}
#GNB li.introduce .item_03 a:hover {background-position:-309px -554px}

#GNB li.introduce .item_04 a {background-position:-413px 0px}
#GNB li.introduce .item_04 a:hover {background-position:-413px -554px}

#GNB li.introduce .item_05 a {background-position:-517px 0px}
#GNB li.introduce .item_05 a:hover {background-position:-517px -554px}

#GNB li.service .item_01 a {background-position:-101px -21px}
#GNB li.service .item_01 a:hover {background-position:-101px -574px}

#GNB li.service .item_02 a {background-position:-205px -21px}
#GNB li.service .item_02 a:hover {background-position:-205px -574px}

#GNB li.service .item_03 a {background-position:-309px -21px}
#GNB li.service .item_03 a:hover {background-position:-309px -574px}

#GNB li.service .item_03 a {background-position:-309px -21px}
#GNB li.service .item_03 a:hover {background-position:-309px -574px}

#GNB li.cs_center .item_01 a {background-position:-101px -83px}
#GNB li.cs_center .item_01 a:hover {background-position:-101px -637px}

#GNB li.cs_center .item_02 a {background-position:-205px -83px}
#GNB li.cs_center .item_02 a:hover {background-position:-205px -637px}

#GNB li.cs_center .item_03 a {background-position:-309px -83px}
#GNB li.cs_center .item_03 a:hover {background-position:-309px -637px}

#GNB li.cs_center .item_04 a {background-position:-413px -83px}
#GNB li.cs_center .item_04 a:hover {background-position:-413px -637px}




#wrapBody {}
#contents { overflow:hidden; padding-bottom:150px;}
.wrap_contents {position:relative; padding-top:95px; background-color: #fff;}
/*.wrap_contents .sub_left {float:left; width:175px;}*/
.wrap_contents .sub_right {width:100%}


#SNB {height:500px; padding-top:30px;}
#SNB ul {font-size:14px; line-height:44px}
#SNB ul li {border-bottom:1px solid #c1c1c1; background:url(../img/sub/snb_arrow.png) no-repeat 157px;}
#SNB ul li a {display:block; padding-left:12px;}
#SNB ul li a:link {color:#464646;}
#SNB ul li a:hover {background:#f8941d; color:#fff; display:block; background:#f8941d url(../img/sub/snb_arrow_o.png) no-repeat 157px;}



#SNB ul li.active {color:#fff; background:#f8941d url(../img/sub/snb_arrow_o.png) no-repeat 157px; border-bottom:1px solid #f8941d;}
#SNB ul li.active a:link {color:#fff;}
#SNB ul li.active a:visited {color:#fff;}

/*=visual(sub) */
.wrap_visual_sub {position:relative; min-width:1000px; height:360px;}
.visual_text {position:relative; padding-top:170px;}
.visual_bg {position:absolute;  min-width:1000px; height:282px; top:39px; z-index:-1; width:100%;}


/*=sub_contents  */
#crumbMenu {text-align:right; height:30px; letter-spacing:0;}
.sub_right .sub_contents {margin-top:37px;  min-height:750px; padding:0 0 200px 175px; color:#565656; } 






/*=sub0101 */
#sub0101 .slogan {margin-top:55px; padding-bottom:50px;}
#sub0101 .sub_contents {padding-bottom:200px;}
#sub0101 .explain01 {font-size:13px; line-height:1.8}
#sub0101 .explain02 {font-size:13px; margin-left:30px; color:#636363;}
#sub0101 .explain02 span {display:block; margin-left:40px; line-height:2.0;}

/*=sub0102 */
#sub0102 .sub_contents {padding-bottom:50px;}
#sub0102 p {line-height:2.0}
#sub0102 .visual_text {text-align:left;}
#sub0102 .sign {text-align:right; padding-right:105px; margin-top:20px;}
#sub0102 .slogan {color:#000; font-size:14px; margin-top:20px;}

/*=sub0103 */
#sub0103 div {position:relative; overflow:hidden; margin-top:90px;}
#sub0103 div .first {margin-top:0;}
#sub0103 h2 {float:left; width:120px;}

/*=sub0104 */
#sub0104 p {text-align:center; color:#a4a4a4;}


/*=sub0105 */
#sub0105 .sub_contents {padding:0 0 140px 85px;}
#sub0105 .company_address {position:relative; overflow:hidden; margin-top:15px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
#sub0105 .company_address dt {float:left; width:280px; padding:25px 0; text-align:center; color:#000; background-color:#f7f7f7;}
#sub0105 .company_address dd {float:right; width:624px; padding:15px 0 0 10px; border-left:1px solid #e9e9e9;}
#sub0105 .company_address dd.none {padding:0 0 15px 10px}

#sub0105 .company_tel {position:relative; overflow:hidden;}
#sub0105 .company_tel dt {float:left; width:280px; padding:25px 0; text-align:center; color:#000; background-color:#f7f7f7; border-bottom:1px solid #e9e9e9;}
#sub0105 .company_tel dd {float:right; width:624px; padding:25px 0; padding-left:10px; border-bottom:1px solid #e9e9e9; border-left:1px solid #e9e9e9;}

#sub0105 .bus {padding-left:104px; margin-top:30px; background:url(../img/sub/subimg_010505.png) no-repeat left top;}
#sub0105 .bus dt {color:#8b792a; font-size:1.167em;}
#sub0105 .bus dd {margin-top:8px; line-height:2.0;}

#sub0105 .car {padding-left:104px; margin-top:30px; background:url(../img/sub/subimg_010506.png) no-repeat left top;}
#sub0105 .car dt {color:#8b792a; font-size:1.167em;}
#sub0105 .car dd {margin-top:8px; line-height:2.0;}

/*=sub0106 */
#sub0106 .sub_contents {padding:0 0 50px 0;}
#sub0106 ul {overflow:hidden; padding-left:155px;}
#sub0106 ul li {float:left; padding-left:20px;}

/*=sub0201 */
#sub0201 .sub_contents {padding-bottom:140px;}
#sub0201 p {color:#8c8c8c; font-size:14px; margin-top:10px;}
#sub0201 h2.none {margin-top:85px;}
#sub0201 h3 { margin-top:30px;}
#sub0201 h4 {margin-top:33px;}
#sub0201 .si_diagram {margin-top:30px; margin-left:126px; padding-bottom:83px;}
#sub0201 .diurian {font-size:1.500em; color:#131313;}

/*=sub0202 */
#sub0202 {position:relative; font-size:13px;}
#sub0202 .sub_contents {padding-left:124px;}
#sub0202 h3 {margin-top:70px; padding-bottom:32px;}
#sub0202 h4 {font-size:1.333em; padding-left:18px; background:url(../img/sub/bullet_01.png) no-repeat left 10px; color:#000; letter-spacing:-2px; margin-top:40px;}
#sub0202 #design {margin-top:50px;}
#sub0202 .confirm {padding:88px 0 20px 0;}
#sub0202 .publishing_title {margin-top:55px; padding-bottom:10px;}
#sub0202 .diu_publishing {margin-top:30px; line-height:2.0;}

#sub0202 .tab {position:absolute; right:0; top:45px; font-size:1.167em;}
#sub0202 .tab01 {right:120px;}
#webStandard {}
#webStandard h3 {padding-left:18px; padding-bottom:0; margin-top:40px; font-size:16px; color:#000; background:url(../img/sub/bullet_01.png) no-repeat left;}
#webStandard dl {margin:30px 0 0 20px; line-height:1.8;}
#webStandard dl dt {padding-left:15px; color:#000; font-size:14px; background:url(../img/sub/bullet_02.png) no-repeat left 12px;}
#webStandard dl dd {padding-left:15px; }
#webStandard .not_following {position:relative; min-height:400px;}
#webStandard .not_following dt {padding-bottom:20px;}
#webStandard .not_following dd {margin-left:20px; padding-left:15px; background:url(../img/common/bullet_03.png) no-repeat left;}
#webStandard .not_following .img {position:absolute; bottom:0; padding-left:0;}

#webStandard .case_title {margin:20px 0 0 35px; color:#000;}
#webStandard .case {margin:10px 0 0 35px;}
#webStandard .case li {padding-left:12px; background:url(../img/common/bullet_03.png) no-repeat left;}

#webStandard h5 {margin:60px 0  0 35px; font-size:16px;}
#webStandard .wrap_consulting {margin:20px 0 0 35px;}
#webStandard .wrap_consulting .title {color:#000; font-size:14px;}

.tabscontents {display:none; clear:both;}
#tabs {text-align:right;}
#tabs li {display:inline-block; padding:0 15px; background:url(../img/sub/sub0202_bar.png) no-repeat right;}
#tabs li:last-child {background:none;}
.active {display:block; background-color:#948026; padding:0 5px;}




/*=sub0203 */
#sub0203 .sub_contents {padding-left:124px;}
#sub0203 h2 {padding-top:28px;}
#sub0203 h3 {margin-top:40px; padding-left:20px; background:url(../img/sub/bullet_01.png) no-repeat left 10px;}
#sub0203 h3.none {margin-top:76px; padding-left:0; background:none;}
#sub0203 p {font-size:13px;}
#sub0203 p.diagram {margin:40px 0 0 20px;}
#sub0203 .process {margin-top:35px;}
#sub0203 .digital {padding-bottom:40px;}
#sub0203 .digital_con {margin:15px 0 0 20px;}
#sub0203 .diu_process {font-size:1.333em; color:#464646;}
#sub0203 .diu_marketing {font-size:1.333em; color:#464646; margin-left:0;}

#sub0203 .o2o {}
#sub0203 .o2o h2 {margin-top:70px;}

/*=sub0301 */
#sub0301 .sub_contents {
    padding: 0;
}

/*=sub0401 */
#sub0401 {color:#464646;}
#sub0401 .sub_contents {padding:0 0 200px 240px;} 
#sub0401 ._diu_mt57 {margin-top:57px;}
#sub0401 h2 {margin-top:30px; padding-bottom:17px;}
#sub0401 .title {font-size:16px; color:#464646;}
#sub0401 .diurian {color:#919191;}
#sub0401 .recruitment_area dt.first {margin-top:6px;}
#sub0401 .recruitment_area dt {margin-top:23px;}
#sub0401 .recruitment_process {margin-top:42px;}
#sub0401 .recruitment_process li {line-height:1.8}
#sub0401 .recruitment_process li span {color:#464646; font-size:1.167em; margin-right:12px; vertical-align:middle;}
#sub0401 .submit_info {color:#464646; font-size:1.167em; margin-top:26px;}
#sub0401 .submit_info span {vertical-align:middle; margin-right:10px;}
#sub0401 .submit_info .none {vertical-align:top; margin-right:0; color:#CFB764; font-weight:bold;}
#sub0401 .submit_info li a:link {color:#cfb764; font-weight:bold;}
#sub0401 .submit_info li a:visited {color:#cfb764; font-weight:bold;}
#sub0401 .submit_info li a:hover {text-decoration:underline; color:blue;}
#sub0401 .submit_info li a:focus {color:blue;}
#sub0401 .submit_info li a:active {color:blue;}

#sub0401 .submit_mail {letter-spacing:0px;}
#sub0401 .submit_mail a:link {color:#1923e6;}
#sub0401 .submit_mail a:hover {color:red;}
#sub0401 .submit_mail a:visited {color:#1923e6;}

/*=sub0501 */
#sub0501 .sub_contents {padding-left:0;}

/*=sub0502 */
#sub0502 .sub_contents {padding-left:0;}

/*=sub0504 */
#sub0504 .sub_contents {padding-left:0;}


/*=sub0503 */
#sub0503 .sub_contents {padding-top:0;}
#sub0503 table {width:100%}
#sub0503 table tr {border-bottom:1px solid #e9e9e9;}
#sub0503 table th {width:140px; text-align:center; background:#f7f7f7; padding:10px 0; font-size:1.083em; font-weight:normal}
#sub0503 table td {width:635px; padding:15px 10px;}
#sub0503 .option_list {position:relative;}
#sub0503 .option_list li {display:inline-block; padding-right:10px;}
#sub0503 .option_list li span {padding-left:4px;}
#sub0503 ._diu_textarea {overflow-x:hidden; border:1px solid #ccc; resize:none;}
#sub0503 .site_explain {margin-top:10px;}
#sub0503 .site_explain span {display:block; margin-top:15px;}
#sub0503 .client_info {padding:0;}
#sub0503 .client_info p {border-bottom:1px solid #e9e9e9; padding:20px 0 20px 10px;}
#sub0503 .client_info p.end {border-bottom:none; padding-bottom:10px;}
#sub0503 .client_info span {display:inline-block; width:70px; }
#sub0503 .readonly {background:#f1f0f0;}
#sub0503 ._diu_btn_list li {float:none;}
#sub0503 ._diu_btn_yellow01 {line-height:0.9;}


/*=sub0601 */
#sub_title:after {
	content: " ";
	display: block;
	clear: both;
}

#sub0601 h1 {
	float: left;
}

#sub0601 .sub_contents {padding-left:0;}
#sub0601 ol li {margin-top:20px;}
#sub0601 .server_skills {margin-top:-3px;}
#sub0601 .server_skills li:first-child {margin-top:0;}
#sub0601 .server_skills li:last-child {margin-top:-5px;}

#sub0601 .catalog {
	float: right;
	text-align: center;
	line-height: 1;
}

#sub0601 .catalog:after {
	content: " ";
	display: block;
	clear: both;
}

#sub0601 .catalog_left {
	float: left;
	margin: 19.5px 10px 19.5px 0;
	font-size: 16px;
}

#sub0601 .catalog_right {
	float: right;
}

#sub0601 .catalog img {
	width: 60px;
	height: 60px;
}


/*=sub9001 */
#sub9001 .sub_contents {padding-left:85px;}
#sub9001 ._diu_circle {background:url(../img/common/bullet_C.png) no-repeat left 5px;}
#sub9001 dl {margin-top:30px}
#sub9001 dl dt {color:#000; padding-left:15px; background:url(../img/common/bullet.png) no-repeat 2px 8px;}
#sub9001 dl dd {line-height:1.8; margin-left:15px;}
#sub9001 ._diu_circle {padding-left:15px; background:url(../img/common/circle.png) no-repeat left 5px;}

/*=sub9002 */
#sub9002 .sub_contents {padding-left:85px;}
#sub9002 h2 {margin-top:50px;}
#sub9002 dl {margin-top:30px}
#sub9002 dl dt {padding-left:12px; color:#000; background:url(../img/common/bullet.png) no-repeat left;}
#sub9002 dl dd {padding-left:12px; line-height:1.8}
#sub9002 h2 {margin-top:30px; color:#000; font-weight:bold; letter-spacing:-2px; font-size:1.167em;}
#sub9002 dl .sub_bullet {margin-left:12px; background:url(../img/common/bullet.png) no-repeat left;}

/*=sub9003 */
#sub9003 .sub_contents {padding-left:85px;}


/*=sub9004 */
#sub9004 {position:relative; overflow:hidden;}
#sub9004 .sub_contents {padding-left:135px;}
#sub9004 p {padding-bottom:50px;}
#sub9004 dl {float:left; width:160px; height:210px; line-height:2.0; padding:18px 0 0 30px; border-left:1px solid #e1e1e1;}
#sub9004 dl dt {padding-bottom:25px; color:#000; font-size:1.250em;}
#sub9004 dl.site01 {background:url(../img/sub/subimg_900403.png) no-repeat right bottom;}
#sub9004 dl.site02 {background:url(../img/sub/subimg_900404.png) no-repeat right bottom;}
#sub9004 dl.site03 {background:url(../img/sub/subimg_900405.png) no-repeat right bottom;}
#sub9004 dl.site04 {background:url(../img/sub/subimg_900406.png) no-repeat right bottom; border-right:1px solid #e1e1e1;}
#sub9004 dl.site05 {background:url(../img/sub/subimg_900407.png) no-repeat right bottom; margin-top:80px; }
#sub9004 dl.site06 {background:url(../img/sub/subimg_900408.png) no-repeat right bottom; margin-top:80px; }
#sub9004 dl.site07 {background:url(../img/sub/subimg_900409.png) no-repeat right bottom; margin-top:80px;}
#sub9004 dl.site08 {background:url(../img/sub/subimg_900410.png) no-repeat 135px bottom; margin-top:80px;  border-right:1px solid #e1e1e1;}

/*=sub9005  */
#sub9005 .sub_contents {padding-left:0;}
#sub9005 ul {position:relative;}
#sub9005 ul li {display:inline-block;}
#sub9005 ul li:last-child {margin-left:26px;}

/*stipulation - 약관동의 */
#stipulation .sub_contents {padding-left:0;}
#inputJoin .sub_contents {padding-left:0;}
#joinEnd .sub_contents {padding-left:0;}
#pwConfirm .sub_contents {padding-left:0;}



/*=footer 영역  */
.wrap_footer {height:60px; background-color:#333;}
#footer {position:relative; padding-top:20px;}
#footer .copyright {display:inline-block; letter-spacing:0; color:#a3a3a3;}
#footer .tel {display:inline-block; color:#ccb13e;}
#fnb {display:inline-block; margin-left:14px;}
#fnb li {display:inline-block; padding:0 13px 0 8px; background:url(../img/common/bar_fnb.png) no-repeat right;}
#fnb li.end {background:none;}
#fnb li a:link {color:#a3a3a3;}
#fnb li a:visited {color:#a3a3a3;}
#fnb li a:hover {color:#ffcf00;}

#footer .social {position:absolute; top:18px; right:0;}
#footer .social li {display:inline-block;}