@charset "UTF-8";
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0; padding:0; font-size:13px; font-weight:normal;}
body,button,input,select,table,textarea{border:none; background:none;}
table, fieldset,img{border:0}
ol,ul,li,dl,dd,p{list-style:none;}
address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal;}
input,select{vertical-align:middle;}
article,aside,canvas,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;}

/* font */
:lang(ko){font-family:"Noto Sans KR", "Nanum Gothic", "나눔 고딕", "Malgun Gothic", "맑은 고딕", Dotum, "돋움", Gullim, "굴림", "helvetica neue", Tahoma, "Microsoft Sans Serif", sans-serif}

/* link */
a{color:#444; text-decoration:none;}
a.visited,a.visited:visited{color:#444;}
a:hover,a:hover *,a.visited:hover{color:#ff7709; text-decoration:underline;}

.clr{zoom:1;}
.clr:after{content: "."; clear:both; display:block; height:0; visibility:hidden;}

body{background:#f5f5f5; color:#444;}
#warp{overflow: hidden; width:100%; height:100%; background:#f5f5f5;}

/* --- skip 네비게이션 --- */
.skip {
  margin: 0;
  padding: 0
}

.skip > a {
  position: relative;
  overflow: hidden;
  display: block;
  height: 0;
  line-height: 28px;
  background-color: #fff;
  text-align: center;
  z-index: 1000
}

.skip > a:focus {
  height: auto
}
/* --- //skip 네비게이션 --- */

/* blind */
.blind {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  width: 1px;
  height: 1px;
}

/* 공개SW 개발자 대회  */
.developer_challenge_process_benefit_list {display: flex; flex-wrap: wrap; }
.developer_challenge_process_benefit_list:after {content: ''; display: block; clear: both;}
.developer_challenge_process_benefit_list > li {float:left; width: 33.33%;}
.developer_challenge_process_benefit {position: relative; max-width: 217px; height: 100%; margin: 0 auto; border: 1px solid #c1c7d0;}
.developer_challenge_process_benefit img {width: 100%; vertical-align: top;}
.developer_challenge_process_benefit_title {position: absolute; top: -8px; left: 50%; width: 195px; height: 36px; transform: translateX(-50%); background: url(../images/img_developer_challenge_top.png) 0 0 no-repeat; background-size: 195px 36px; text-align: center;}
.developer_challenge_process_benefit_title .developer_challenge_process_benefit_title_text {display: inline-block; font-size: 14px; line-height: 32px; font-weight: 600; color: #fff;}
.developer_challenge_process_benefit_content {padding: 19px 16px 0}
.developer_challenge_process_benefit_content p {padding-bottom: 16px; font-size: 13px; line-height: 20px; color: #6a6e79;}
.developer_challenge_process_benefit_content p strong {display: inline-block; padding-bottom: 4px}
.developer_challenge_process_support_list {}
.developer_challenge_process_support_list > li {margin-bottom: 8px}
.developer_challenge_process_support_list > li:before {content: ''; display: block; clear: both;}
.developer_challenge_process_support_list > li:last-child {margin-bottom: 0}
.developer_challenge_process_support_list .process_support_number {float: left; width: 77px; height: 36px; border-radius: 3px; font-size: 14px; line-height: 36px; font-weight: 600; text-align: center; background-color: #0782c1; color: #fff;}
.developer_challenge_process_support_list .process_support_text {overflow: hidden; padding: 6px 0 6px 16px; font-size: 16px; line-height: 24px; font-weight: 600; color: #2d2f35;}

.developer_challenge_organization {}
.developer_challenge_organization .organization_introduce {}
.developer_challenge_organization .organization_introduce:after {content: ''; display: block; clear: both;}
.developer_challenge_organization .organization_introduce_image {float: left; width: 131px; height: 146px; vertical-align: top;}
.developer_challenge_organization .organization_introduce_content {overflow: hidden; padding-left: 32px;}
.developer_challenge_organization .organization_introduce_content_title {padding-right: 8px; padding-bottom: 6px; font-size: 18px; line-height: 36px;}
.developer_challenge_organization .organization_introduce_content_text {padding-bottom: 33px; font-size: 14px; line-height: 24px; color: #6a6e79;}
.developer_challenge_organization .organization_introduce_content_name {display: inline-block; font-size: 18px; line-height: 24px; font-weight: 600;}
.developer_challenge_organization .organization_chart {padding: 0}

.button_developer_challenge_type1 {height: 34px; padding: 0 12px; font-size: 13px; line-height: 20px; background-color: #5db4d8; color: #fff; vertical-align: top; cursor: pointer;}
.textarea_developer_challenge {width: 100%; height: 100px; padding: 9px 11px; border: 1px solid #979797; font-size: 13px; line-height: 24px; color: #2c2e37; resize: none; -webkit-appearance: none;}

/* 약관영역 */
.apply_terms_box {}
.apply_terms_box .apply_terms {overflow-y:auto; height: 100px; padding: 8px 9px; border: 1px solid #979797;}
.apply_terms_box .apply_terms p {padding-bottom: 20px}
.apply_terms_box .apply_terms_check_area {text-align: center;}
.apply_terms_box .apply_terms_check_area_text {display: inline-block; font-size: 14px; line-height: 24px;}
.apply_terms_box .btn_apply {display: inline-block; width: 185px; height: 50px; padding: 12px 0 14px; font-size: 16px; line-height: 24px; color: #fff; background-color: #5db4d8; text-align: center;}
.apply_terms_box .btn_apply.btn_disabled {background-color: #dedede; cursor: default; pointer-events: none;}
.apply_terms_box .btn_apply.btn_disabled:hover {text-decoration: none;}
.apply_terms_check_area_item {display: inline-block; padding-left: 17px; font-size: 14px; line-height: 24px; margin-bottom:3px;}
.apply_terms_check_area_item input {width:17px; height: 17px; margin-top: 4px; vertical-align: top;}
.apply_terms_check_area_item label {display: inline-block;padding-left: 6px; vertical-align: top;}

.apply_terms_box .apply-button-box a.btn_apply.btn_disabled{background-color: #dedede;}
.apply_terms_box .apply-button-box a.btn_apply{background-color: #F93F9F;}
.apply_terms_box .apply-button-box a.btn_apply:hover {text-decoration: none;}

.btn_icon_right {position: relative; display: inline-block; padding: 5px 12px 5px 33px; font-size: 13px; line-height: 20px; color: #fff; text-decoration: none;}
.btn_icon_right:hover {color: #fff;}
.btn_icon_right i {position: absolute; top: 5px; left: 9px; font-size: 17px; line-height: 20px; color: #fff;}

.btn_icon_none {position: relative; display: inline-block; padding: 5px 16px; font-size: 13px; line-height: 20px; color: #fff; text-decoration: none; cursor: pointer;}
.btn_icon_none:hover {color: #fff;}
.btn_icon_none.btn_type1 {height: 34px; padding-top: 7px; padding-bottom: 7px; vertical-align: top; text-align: center;}
.btn_icon_none.tab01_type {background-color: #15cfba;}
.btn_icon_none.tab02_type {background-color: #5db4d8;}
.btn_icon_none.tab03_type {background-color: #73d466;}
.btn_icon_none.tab04_type {background-color: #bda8db;}
.btn_icon_none.tab05_type {background-color: #f4d583;}


/* 순서표 */
.flex_step_type {}
.flex_step_type > ul {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 74px;}
.flex_step_type > ul > li {position: relative; flex: 1 1 25%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; min-height: 74px; padding: 15px 0}
.flex_step_type > ul > li:before {content: ''; position: absolute; top: 50%; left: 100%; margin-top: -37px; border: 37px solid transparent; border-left: 20px solid #5ad3d9; z-index: 10;}
.flex_step_type .flex_item_content {width: 100%; padding-left: 34px; font-size: 14px; line-height: 24px; font-weight: 600; color: #fff;}
.flex_step_type > ul > li:first-child .flex_item_content {padding-left: 20px;}
.flex_step_type .step01 {background-color: #5ad3d9;}
.flex_step_type .step01:before {content: ''; border-left-color: #5ad3d9;}
.flex_step_type .step02 {background-color: #70c1dd;}
.flex_step_type .step02:before {content: ''; border-left-color: #70c1dd;}
.flex_step_type .step03 {background-color: #3fa9cc;}
.flex_step_type .step03:before {content: ''; border-left-color: #3fa9cc;}
.flex_step_type .step04 {background-color: #318aa6;}
.flex_step_type .step04:before {content: ''; border-left: none;}

/* 개발자 대회 - 관리 페이지 */
.developer_challenge_manage {}
.developer_challenge_manage .developer_challenge_manage_search {padding-bottom: 20px;}
.developer_challenge_manage .developer_challenge_manage_search:after {content: ''; display: block; clear: both;}
.developer_challenge_manage .developer_challenge_manage_search_item {display: inline-block; margin-bottom: 10px; padding-right: 20px; line-height: 34px;}
.developer_challenge_manage .developer_challenge_manage_search_item_title {display: inline-block; padding-right: 10px; font-size: 14px;}
.developer_challenge_manage .developer_challenge_manage_search .xe-form-group {margin-bottom: 0;}
.developer_challenge_manage .developer_challenge_manage_search .developer_challenge_manage_search_button_box {float: right;}

/* 게시판 스타일 없는 paginate 스타일 */
.oss_paginate {}
.oss_paginate .xe-hidden-xs {display: block !important;}
.oss_paginate .xe-visible-xs {display: none !important;}
.oss_paginate .bd_hidden {overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0;}

.oss_paginate .bd_paginate {width:100%; margin-top: 70px; text-align: center;}
.oss_paginate .bd_paginate > a,
.oss_paginate .bd_paginate > strong,
.oss_paginate .bd_paginate > span { display: inline-block; margin: 0 3px; padding: 6px 8px; border-radius: 25px; color: #696e7a; text-align: center; font-size: 14px; line-height: 1.42857143; text-decoration: none;}
.oss_paginate .bd_paginate > a > i {vertical-align: baseline;}
.oss_paginate .bd_paginate > strong,
.oss_paginate .bd_paginate > a:hover {border-color: #399cf7; font-weight: normal; background-color: #399cf7; color: #fff; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}
.oss_paginate .bd_paginate > .btn_prev {margin: 0 0 0 3px;}
.oss_paginate .bd_paginate > .btn_next {margin: 0 3px 0 0;}
.oss_paginate .bd_paginate > .btn_pg:hover { background: none; color: #2c2e37;}
.oss_paginate .bd_paginate > span.btn_pg {color: #ddd;}
.oss_paginate .bd_paginate > span.btn_pg:hover {color: #ddd;}
.oss_paginate .bd_paginate .more_page {position: relative; display: inline-block; margin: 0 10px;}
.oss_paginate .bd_paginate.v2 {overflow: hidden; margin-top: 20px; padding: 0 12px;}
.oss_paginate .bd_paginate.v2 > .btn_pg {float: left; width: 32px; height: 32px;margin: 0; padding: 0; border: 1px solid #696e7a; line-height: 32px;}
.oss_paginate .bd_paginate.v2 > .btn_next {float: right;}
.oss_paginate .bd_paginate.v2 .pg_box {display: inline-block; height: 32px; margin: 0; padding: 0; line-height: 32px; color: #bebebe; font-size: 13px;}
.oss_paginate .bd_paginate.v2 .pg_box > strong {color: #2c2e37; font-weight: normal;}
.oss_paginate .bd_paginate.v2 > span.btn_pg {border: 1px solid #ddd;}



/*개발자 대회 참가신청 */

.table_developer_challenge_apply .__type-competition select{width: 200px;border: 1px solid #ddd;padding: 6px; height: 36px;}
.table_developer_challenge_apply .apply_input_line {display:inline-block; line-height:24px;    margin: 5px 0;}
.table_developer_challenge_apply .apply_input_line .direct-input{line-height: 24px;
height: auto;margin-top: 0;padding: 5px;margin-top: -4px;}

.area_content .apply_dev_button-box {margin-top:20px;text-align: center;}
.area_content .apply_dev_button-box form {display: inline-block;}
.area_content .apply_dev_button-box form:after {content:'';display:block; clear:both;}
.area_content .apply_dev_button-box .apply_dev_button {margin:5px 5px 0 0; float:left;}
.area_content .apply_dev_button-box .btn_common.apply_dev_button_edit{}
.area_content .apply_dev_button-box .btn_common.apply_dev_button_cancle{border:0;background-color:#888;}


/* 개방형 OS */
.oss-content-box {
  position: relative;
  padding: 24px;
}

.area_content .oss-content-box p img {
  margin: 0;
}

.oss-content-box .oss-content-box__text {
  margin-bottom: 24px;
  padding-right: 160px;
}

.oss-content-box .button_box {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 160px;
  padding: 0;
}

.oss-content-box .button_box .btn_full:hover {
  text-decoration: none;
  color: #fff;
}

.oss-content-box .button_box .btn_full.btn_full--icon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  padding-left: 12px;
  padding-right: 12px;
  border-radius: 10px;
}

.oss-content-box .button_box .btn_full .btn_full_text {
  display: block;
  flex: 1;
}

.oss-content-box .button_box .btn_full:hover .btn_full_icon,
.oss-content-box .button_box .btn_full:hover .btn_full_text {
  text-decoration: none;
  color: #fff;
}

.oss-content-box .button_box .btn_full.btn_full--icon .btn_full_icon {
  margin-right: 8px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.oss-content-box .button_box .btn_full.btn_full--icon .btn_full_icon.btn_full_icon--link {
  display: block;
  flex: 0 0 40px;
  max-width: 40px;
  background-size: 40px 40px;
  background-image: url(../images/icon-oss-link.png);
}

.biz_common_layout_list {margin: 0; padding: 0; list-style: none;}
.biz_common_layout_list > li {margin: 0; padding: 0; list-style: none;}
.biz_common_layout_list.biz_common_layout_list--item2 {margin: 0 -12px;}
.biz_common_layout_list.biz_common_layout_list--item2:after {content: ''; display: block; clear: both;}
.biz_common_layout_list.biz_common_layout_list--item2 > li {float: left; width: 50%; padding: 12px;}
.biz_common_layout_list .item-title {padding-bottom: 12px; font-size: 16px; font-weight: 600; text-align: center;}
.biz_common_layout_list .item-content-box {padding: 24px; border: 1px solid #000;}
.biz_common_layout_list .item-content-box .item-content-box__text {padding-bottom: 24px; font-size: 16px; font-weight: 600; text-align: center;}

/* //개방형 OS */

/* media query */
@media screen and (min-width:1010px) {
	.area_inhead{padding: 0;}

	/* nav */
	header{position:relative; width:100%; height:160px; background:#fff; z-index:20}
	.area_logo h1{float:left; width:210px; padding-top:42px;}
	.area_search{float:left; width:625px; padding-top:35px; margin-left:70px;}
	.area_search .searchbox{float:left; width:555px;}
	.area_search button{width:60px;}
	.suggest_box{top:88px; width:615px;}
	.suggest_box ul{padding:10px 0;}

	.sr_research{clear:both; padding-top:8px; font-size:12px;}
	.area_logo{height:123px;}
	.m_nav{display:none;}
	.mobile{display:none;}
	.tmobile{display:none;}

	/* .sub_contant{display:table-cell; width:81%; max-width:980px; vertical-align:top; padding:0 0 0 15px; } */
	/* .sub{float:right; position:relative; width:100%; min-height:700px; padding:35px 0 50px 0; background:#fff; border-top:1px solid #dee3eb; border-bottom:1px solid #dee3eb;} */
	.sub_contant{float: left; width: calc(100% - 225px); max-width:980px; height: 100%; padding:0; vertical-align:top; }
	.sub{position:relative; min-height:800px; padding:35px 0 50px 0; margin-left: 15px; background:#fff; border-top:1px solid #dee3eb; border-bottom:1px solid #dee3eb;}

	.area_up{position:fixed; bottom:-2px; right:0; z-index:300;}

	/* main > area_bnr_top */
	.area_bnr_top ul li{height:300px;}
	.area_bnr_top ul li p{position:absolute; top:0;}
	.area_bnr_top ul li span.img{position:absolute; display:block; width:100%; height:300px; top:0; z-index:2;}
	.area_bnr_top ul li a{display:block; width:1000px; height:300px; }

	/* area_mcontents > area_mqmenu */
	.area_mqmenu{width:100%; min-height:95px; margin-bottom:5px; padding:0 1%; background:#fff; border:1px solid #dee3eb; box-sizing:border-box; overflow:hidden;}
	.area_mqmenu a{display:block; float:left; width:14.2%; padding:68px 0 10px 0; font-size:14px; font-weight:bold; text-align:center;}
	.area_mqmenu a:hover{color:#242424;}

	/* area_mcontents */
	.area_mcontents{width:100%; max-width:1000px; margin:0 auto; padding:10px 0 5px 0;}

	.area_mc_left{float:left; width:210px;}

	.area_mc_center{float:left; width:420px; padding:0 5px;}

	.area_mnotice{position:relative; height:180px; margin-bottom:5px; padding-top:8px; border:1px solid #dee3eb; background:#fff; box-sizing:border-box;}
	.area_mnotice > ul{position:relative; width:90%; margin:0 auto;}

	.area_mnotice p{position:absolute; top:27px; right:22px;}
	.area_mnotice p a{background:url(../images/bu_plus.gif) no-repeat 3px center; padding-left:14px; letter-spacing:-1px;}
	.area_mnotice p a:hover{color:#444;}

	.area_mnotice .menu{display:block; position:absolute; top:-45px; width:62px; height:21px; padding-top:18px; text-align:center; font-weight:bold; box-sizing:content-box;}
	.area_mnotice .menu:hover{color:#333; text-decoration:none;}
	.area_mnotice .on .menu{border-bottom:2px solid #faa700;}

	.area_mnotice .nt_01{left:75px; width:65px; border-bottom:none;}
	.area_mnotice .nt_02{left:150px; width:92px; border-bottom:none;}

	.area_mnotice ul li ul{margin-top:43px; padding-top:5px;}
	.area_mnotice ul li ul li a{line-height:27px; letter-spacing:-1px}
	.area_mnotice ul li a .left{float:left; width:80%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.area_mnotice ul li a .right{float:right;}

	.area_mapply{float:left; width:369px; border-bottom:1px solid #dee3eb; border-right:1px solid #dee3eb; box-sizing:border-box;}
	.area_mapply li{float:left; display:table; width:50%; height:89px; background:#edf4f7; border:1px solid #dee3eb; border-bottom:none;border-right:none; box-sizing:border-box; overflow:hidden;}

	.area_mapply li a{display:table-cell; padding-left:80px; font-weight:bold; vertical-align:middle;}
	.area_mapply li a:hover{color:#242424;}

	.area_mboard{clear:both; width:100%; min-height:140px; padding:10px 0; border:1px solid #dee3eb; background:#fff; box-sizing:border-box;}
	.area_mboard li{float:left; width:195px;}

	.area_mboard li:first-child{margin-left:13px;}
	.area_mboard li .img{width:190px; height:104px; border:1px solid #dee3eb; vertical-align:middle; text-align:center;}
	.area_mboard li strong{display:block; width:180px; padding:5px 5px 0 5px; font-size:12px; line-height:16px; letter-spacing:-1px; font-weight:normal;}

	.area_mboard li.intro_logo .img{display:table-cell; width:190px; height:104px; vertical-align:middle; text-align:center;}

	/*  main > aside */
	aside{max-width:1000px; width:96%; margin:0 auto 15px auto ; overflow:hidden;}

	.area_mrelated{position:relative; width:100%; background:#fff; border:1px solid #dee3eb; box-sizing:border-box;}
	.area_mrelated ul{height:68px;}
	.area_mrelated ul.on{height:176px;}

	.area_mrelated ul{width:100%; margin:0 10px; overflow:hidden;}
	.area_mrelated ul li{float:left; width:19%; min-width:178px; padding:13px 0 0 3px; text-align:center;}
	.area_mrelated ul li a{height:68px; font-size:14px; font-weight:bold; text-align:center; vertical-align:middle;}

	/* content */
	.title{width:92%; margin:0 auto 20px auto;}
	.title h3{margin-top:20px; padding-bottom:25px; border-bottom:1px dashed #dee3eb; font-size:24px; text-align:left;}
	.area_content{width:92%; margin:0 auto;}
	.btn_pdf{width:50%; min-height:45px; }

	.intro_important ul li{width:70%; margin:0 0 30px 0; border:1px solid #dee3eb; font-size:14px; vertical-align:middle; line-height:30px; letter-spacing:-0.5px; box-sizing:content-box;}
	.intro_important ul .ii01{padding:20px 10% 20px 20%; background:url(../images/ico_intro_01.gif) no-repeat 7% center;}
	.intro_important ul .ii02{padding:20px 10% 20px 20%; background:url(../images/ico_intro_02.gif) no-repeat 7% center;}
	.intro_important ul .ii03{padding:15px 10% 15px 20%; background:url(../images/ico_intro_03.gif) no-repeat 7% center;}
	.intro_important ul .ii04{padding:20px 10% 20px 20%; background:url(../images/ico_intro_04.gif) no-repeat 7% center;}
	.intro_important ul .ii05{padding:30px 10% 30px 20%;  background:url(../images/ico_intro_05.gif) no-repeat 7% center;}

	.intro_use ul{width:100%; overflow:hidden;}
	.intro_use ul li{float:left; display:table; width:25%; margin-bottom:1px; border-right:1px solid #fff; background:#eceef1; text-align:center; font-size:15px; box-sizing:border-box; word-break:break-all}

	.biz_common .box{width:100%; margin-bottom:30px; text-align:center;}
	.biz_common .box li{float:left; width:32%; min-height:350px; margin-right:2%; padding:40px 1.5% 20px 1.5%; font-size:14px; line-height:24px; letter-spacing:-1px; text-align:left; box-sizing:border-box;}
	.biz_common .box li strong{display:block; margin-bottom:120px; font-size:16px; font-weight:bold; text-align:center; letter-spacing:0px}
	.biz_common .box li span{display:block; padding-bottom:10px; padding-left:10px; background:url(../images/bu_line.gif) no-repeat left 13px;}
	.biz_common .box li:last-child{margin-right:0;}

	.biz_plaza .box .ii01{background:#f6f7f9 url(../images/ico_biz_01.gif) no-repeat center 130px;}
	.biz_plaza .box .ii02{background:#f6f7f9 url(../images/ico_biz_02.gif) no-repeat center 130px;}
	.biz_plaza .box .ii03{background:#f6f7f9 url(../images/ico_biz_03.gif) no-repeat center 130px;}

	.biz_center .box li{min-height:367px;}
	.biz_center .box .ii01{background:#f6f7f9 url(../images/ico_biz_04.gif) no-repeat center 130px;}
	.biz_center .box .ii02{background:#f6f7f9 url(../images/ico_biz_05.gif) no-repeat center 130px;}
	.biz_center .box .ii03{background:#f6f7f9 url(../images/ico_biz_06.gif) no-repeat center 130px;}

	.biz_plaza .tab03 p em{display:block; width:75%; margin-bottom:20px; padding:20px 5% 20px 20%; border:1px solid #e1e5e8; letter-spacing:-0.5px; line-height:24px; box-sizing:content-box;}
	.biz_plaza .tab03 p em span{background:none;}
	.biz_plaza .tab03 p em b{display:block;}
	.biz_plaza .tab03 p .road01{background:url(../images/ico_biz_car.gif) no-repeat 6% 30px;}
	.biz_plaza .tab03 p .road02{background:url(../images/ico_biz_metro.gif) no-repeat 6% 25px;}
	.biz_plaza .tab03 p .road03{background:url(../images/ico_biz_bus.gif) no-repeat 6% 30px;}

	.biz_consult .process li{float:left; height:94px; padding-top:30px; font-size:14px; color:#fff; letter-spacing:-0.5px; box-sizing:content-box;}
	.biz_consult .process .step01{width:23%; padding-left:4%; background:#a6d9ed;}
	.biz_consult .process .step02{width:25%; padding-left:12%; background:#71c5e7 url(../images/arr_biz_04.gif) no-repeat -2px center;}
	.biz_consult .process .step03{width:26%; padding-left:10%; background:#5db4d8 url(../images/arr_biz_05.gif) no-repeat -2px center;}

	.biz_consult .stage li{float:left; padding:25px 0 25px 5%; color:#fff; font-size:14px; box-sizing:content-box;}
	.biz_consult .stage3 .step01{width:28%;}
	.biz_consult .stage3 .step02{width:29%;}
	.biz_consult .stage3 .step03{width:28%;}

	.biz_consult .stage4 .step01{width:17%;}
	.biz_consult .stage4 .step02{width:23%;}
	.biz_consult .stage4 .step03{width:20%;}
	.biz_consult .stage4 .step04{width:20%;}

	.biz_lab div{position:relative; width:100%; height:610px; margin-bottom:20px; background:#f6f7f9; text-align:center;}
	.biz_lab div h5{padding-top:50px; font-size:18px; font-weight:bold;}
	.biz_lab div .fbox{position:absolute; bottom:5%; width:26%; min-height:180px; padding:20px 1.5% 0 1.5%; font-size:14px; line-height:24px; opacity:0.7; letter-spacing:-1px; color:#000; text-align:left; box-sizing:content-box;}
	.biz_lab div .ex04{position:absolute; left:10%; top:15%; width:80%; padding:0 0 85px 0; background:url(../images/arr_biz_up.png) no-repeat center 150px; font-size:14px;}
	.biz_lab div .ex04 span{display:block; margin-top:10px; padding:8px 0 13px 0; background:#fff; color:#444; letter-spacing:-0.5px; opacity:0.8;}
	.biz_lab div .ex04 strong{display:block; padding:5px 0; color:#258eb8; letter-spacing:0;}
	.biz_lab div .ex04 strong i{color:#5b5998; font-style:normal;}
	.biz_lab div .ex04 .btm{padding-top:105px; background:none; font-size:20px; font-weight:bold; color:#000;}
	.biz_lab h4.last{padding-bottom:0;}
	.biz_lab div .fbox strong{display:block; padding:10px 0 20px 0; font-size:15px; text-align:center;}
	.biz_lab div .ex01{left:6%; background:#e9ca5c;}
	.biz_lab div .ex02{left:36.5%; background:#b2ea63;}
	.biz_lab div .ex03{left:67%; background:#75a2ed;}

	.biz_center div{position:relative; width:100%; height:500px; background:#f6f7f9; text-align:center;}
	.biz_center div h5{padding:15px 0; background:#eee; font-size:17px;}
	.biz_center div .fbox{position:absolute; width:29%; min-height:120px; padding:20px 0 0 3%; border-radius:10px; font-size:14px; text-align:left; line-height:18px; opacity:0.8; letter-spacing:-1px; color:#fff; box-sizing:content-box;}
	.biz_center div .fbox strong{display:block; padding:10px 0; font-size:16px;}
	.biz_center div .fbox span{display:block; padding-left:9px; background:url(../images/bu_line_w.gif) no-repeat left 10px;}
	.biz_center div .ex01{top:13%; left:3%; background:#8ad021; z-index:1}
	.biz_center div .ex01 strong{color:#325202;}
	.biz_center div .ex02{top:23%; left:34%; background:#45c180; z-index:2}
	.biz_center div .ex02 strong{color:#024923;}
	.biz_center div .ex03{top:13%; right:3%; background:#8488bf; z-index:3}
	.biz_center div .ex03 strong{color:#182080;}
	.biz_center div .ex04{position:absolute; left:10%; bottom:8%; width:80%; padding:75px 0 0 0; background:url(../images/arr_biz_06.gif) no-repeat center top;}
	.biz_center div .ex04 span{display:block; margin-top:10px; padding:10px 0 0 0; background:#f8b7bc; color:#d7414a; letter-spacing:-0.5px;}
	.biz_center div .ex04 em{display:block; margin-top:10px; padding:10px 0; background:#fa7880; color:#fff; letter-spacing:0;}

	.biz_license ol{width:100%; min-height:377px; margin-top:20px; background:url(../images/bg_biz_01.gif) no-repeat left top;}
	.biz_license ol li{float:left; width:100%; font-size:16px; color:#fff; box-sizing:content-box;}
	.biz_license ol li span{display:block; float:left;}
	.biz_license ol li .left{width:10%; padding:40px 0 0 24px; font-size:18px; font-weight:bold;}
	.biz_license ol li .right{width:80%; padding:21px 0; font-weight:bold; word-break:break-all;}
	.biz_license ol li em{padding:0 5px; opacity:0.5}

	.intro_use ul li a{display:block; display:table-cell; height:50px; vertical-align:middle;}

	.solution table .sn_01{width:13%;}
	.solution table .sn_02{width:16%;}
	.solution table .sn_03{width:auto; padding:10px 5px 5px 5px;}
	.solution table td{border:1px solid #e1e5e8; padding:10px 5px; font-size:14px; word-break: break-all;}
	.solution table td ul li{position:relative; float:left; min-height:52px; margin:0 0 5px 8px; padding: 2px 5px; border:1px solid #eee; text-align:center;}

	/* footer */
	footer{position:relative; width:100%; padding-top:10px; min-height:150px; border-top:1px solid #dee3eb; }
	/* .area_infooter{max-width:1000px; width:96%; margin:0 auto;} */
	.area_infooter{max-width:1000px; width:100%; margin:0 auto;}
	footer h2{float:left; width:127px; padding-top:10px;}
	footer .footer_md{float:left; width:783px;}

	.area_policy{height:30px; padding-top:20px; text-align:center;}
	.area_policy a{padding-right:8px; background:url(../images/line_footer.gif) no-repeat right;}
	.area_policy a:last-child{background:none;}
	.area_policy a.privacy{color:#f7b960;}

	.area_info_company{clear:both; padding-top:20px; line-height:18px; text-align:center;}
	.area_info_company_en{clear:both; padding-top:0px; line-height:18px; text-align:center;}
	.area_info_company .copyright{color:#777; font-size:11px;}

	.area_sns{float:right; width:90px; padding-top:20px;}

	/* datahub */
	.area_datahub{position:relative; width:96%; max-width:1000px; min-height:680px; margin:0 auto;}
	.area_datahub{padding:60px 0;}
	.area_datahub a{width:16.6%; height:150px; padding-top:90px; font-size:17px; line-height:21px;}
	.area_datahub a span{display:block; font-size:16px; line-height:18px;}
	.area_datahub p{width:16.6%; height:150px; padding-top:90px; font-size:17px; line-height:21px;}
	.area_datahub p span{display:block; font-size:16px; line-height:18px;}

	/* search */
	.area_sresult{position:relative; width:96%; max-width:1000px; margin:15px auto; padding:40px 30px 0 30px; background:#fff; border-top:1px solid #e0e4e7; }
	.sresult_content{float:left; width:75%; padding-right:20px; border-right:1px solid #e0e4e7;}
	.sresult_aside{float:left; width:25%; padding:40px 0 0 20px;}
	.doption{float:left;}
	.doption strong{display:inline-block; margin-right:20px; padding:0 0 0 3px; font-weight:normal;}
	.doption label{margin-right:5px;}
	.doption input{vertical-align:-1px}
	.doption a{padding:3px 12px 3px 12px; border:1px solid #999; }
	.doption a:hover{ background:#e1e5e8; color:#333; text-decoration:none;}

	.doption p{padding:0 0 15px 0;}
	.doption p.left{float:left; margin-right:10px;}
	.doption p.right{float:left;  margin-left:3px;}

	.doption .period{width:80px; padding:4px 0; border:1px solid #999; text-align:center; vertical-align:0;}
	.doption .last{margin-left:20px; margin-right:0;}

	.area_doption{width:100%; padding-bottom:7px; border-bottom:1px solid #e0e4e7; font-size:13px;}
	.sresult_option{float:right; padding-top:5px;}
	.sresult_option select{width:85px; margin-right:3px;}

	.sresult_option dl{float:left; margin-left:10px;}
	.sresult_option dl dt{float:left; padding-right:5px; font-size:13px;}
	.sresult_option dl dd{float:left; margin-top:-5px; padding:4px 10px; background:#e1e5e8; border:1px solid #e0e4e7; cursor:pointer;}
	.sresult_option dl dd.on{ background:#15cfba; color:#fff;}

	/***** english ******/
	.area_en_main{width:100%; height:597px; background:url(../images/bg_en_main.jpg) no-repeat center top;}
	.en_main{width:1000px; margin:0 auto; padding-top:120px; color:#fff; letter-spacing:-0.5px;}
	.en_main h2{font-size:44px; font-weight:bold;}
	.en_main strong{ display:block; padding:35px 0 25px 0; font-size:24px; line-height:30px;}
	.en_main p{ font-size:14px; line-height:18px;}

	.en_graph div{position:relative; width:100%; height:700px; margin-bottom:20px; background:#f6f7f9; text-align:center;}
	.en_graph div h5{padding-top:50px; font-size:18px; font-weight:bold;}
	.en_graph div .fbox{position:absolute; bottom:5%; width:26%; min-height:180px; padding:20px 1.5% 0 1.5%; font-size:14px; line-height:24px; opacity:0.7; letter-spacing:-1px; color:#000; text-align:left; box-sizing:content-box;}
	.en_graph div .ex04{position:absolute; left:10%; top:15%; width:80%; padding:0 0 85px 0; background:url(../images/arr_biz_up.png) no-repeat center 150px; font-size:14px;}
	.en_graph div .ex04 span{display:block; margin-top:10px; padding:8px 0 13px 0; background:#fff; color:#444; letter-spacing:-0.5px; opacity:0.8;}
	.en_graph div .ex04 strong{display:block; padding:5px 0; color:#258eb8; letter-spacing:0;}
	.en_graph div .ex04 strong i{color:#5b5998; font-style:normal;}
	.en_graph div .ex04 .btm{padding-top:105px; background:none; font-size:20px; font-weight:bold; color:#000;}
	.en_graph h4.last{padding-bottom:0;}
	.en_graph div .fbox strong{display:block; padding:10px 0 20px 0; font-size:15px; text-align:center;}
	.en_graph div .ex01{left:6%; background:#e9ca5c;}
	.en_graph div .ex02{left:36.5%; background:#b2ea63;}
	.en_graph div .ex03{left:67%; background:#75a2ed;}

	/* 공개SW역량강과교육 추가 스타일 */
	/* 공개SW역량강과교육 컬러 박스 영역 */
	.area_content .info_box_unit.info_box_unit_ability_page .item_box .item_list > li {margin-left: 42px}
}

@media screen and (min-width:650px) and (max-width:1010px){
	#container {padding: 0 15px;}

	.area_inhead{padding: 0 15px;}

	/* nav */
	header{position:relative; width:100%; height:170px; background:#fff; z-index:20}
	.area_logo h1{width:210px; margin:0 auto; padding-top:25px;}
	.area_logo{height:150px;}
	.area_search{clear:both; padding-top:5px; width:100%; margin:0 auto;}
	.area_search .searchbox{float:left; width:90%;}
	.area_search button{width:10%;}
	.suggest_box{top:141px; width:100%;}
	.sr_research{clear:both; padding-top:8px; font-size:12px;}
	.area_link{display:none;}
	.pc{display:none;}
	.tmobile{display:none;}

	/* nav_sub */
	#nav_sub{display:none;}
	.sub_contant{width:100%; vertical-align:top;}
	.sub{float:right; position:relative; width:100%; min-height:700px; padding:35px 0 50px 0; background:#fff; border-top:1px solid #dee3eb; border-bottom:1px solid #dee3eb;}
	.area_up{position:fixed; bottom:5px; right:10px; z-index:300;}
	.area_qmenu{display:none;}

	/* main > area_bnr_top */
	.area_bnr_top ul li{height:300px;}
	.area_bnr_top ul li span.img{position: absolute; display:block; width:100%; height:300px; top:0; z-index:2;}
	.area_bnr_top ul li a{display:block; width:1000px; height:300px; }

	.area_bnr_top ul li span.img{background-position:-800px top!important;}

	/* area_mcontents > area_mqmenu */
	.area_mqmenu{width:100%; min-height:95px; margin-bottom:5px; padding:0 1%; background:#fff; border:1px solid #dee3eb; box-sizing:border-box; overflow: hidden;}
	.area_mqmenu a{display:block; float:left; width:25%; min-width:120px; padding:68px 0 10px 0; font-size:14px; font-weight:bold; text-align:center;}
	.area_mqmenu a:hover{color:#242424;}

	/* area_mcontents */
	.area_mcontents{width:100%; max-width:650px; margin:0 auto; padding:10px 0 5px 0;}

	.area_mc_left{float:left; width:29.4%; background:#d9e8ef; text-align:center;}

	.area_mc_center{float:right; width:70.6%;}

	.area_mnotice{position:relative; height:182px; margin-bottom:5px; padding-top:8px; border:1px solid #dee3eb; background:#fff; box-sizing:border-box;}
	.area_mnotice > ul{position:relative; width:90%; margin:0 auto;}

	.area_mnotice p{position:absolute; top:27px; right:22px;}
	.area_mnotice p a{background:url(../images/bu_plus.gif) no-repeat 3px center; padding-left:14px; letter-spacing:-1px;}
	.area_mnotice p a:hover{color:#444;}

	.area_mnotice .menu{display:block; position:absolute; top:-45px; width:62px; height:21px; padding-top:18px; text-align:center; font-weight:bold; box-sizing:content-box;}
	.area_mnotice .menu:hover{color:#333; text-decoration:none;}
	.area_mnotice .on .menu{border-bottom:2px solid #faa700;}

	.area_mnotice .nt_01{left:75px; width:65px; border-bottom:none;}
	.area_mnotice .nt_02{left:150px; width:92px; border-bottom:none;}

	.area_mnotice ul li ul{margin-top:43px; padding-top:5px;}
	.area_mnotice ul li ul li a{line-height:27px; letter-spacing:-1px}
	.area_mnotice ul li a .left{float:left; width:80%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.area_mnotice ul li a .right{float:right;}

	.area_mapply{clear:both; width:100%; margin-bottom:5px; border:1px solid #dee3eb; border-right:none;}
	.area_mapply li{float:left; display:table; width:25%; height:89px; background:#edf4f7; border-right:1px solid #dee3eb; box-sizing:border-box; overflow:hidden;}

	.area_mapply li a{display:table-cell; padding-left:80px; font-weight:bold; vertical-align:middle;}
	.area_mapply li a:hover{color:#242424;}

	.area_mboard{clear:both; width:100%; min-height:140px; padding-top:10px; padding-left:25px; border:1px solid #dee3eb;  background:#fff; box-sizing:border-box;}
	.area_mboard li{float:left; width:33.3%; height:145px; margin-bottom:10px; overflow:hidden;}

	.area_mboard li .img{display:block; width:180px; height:99px; border:1px solid #dee3eb;}
	.area_mboard li strong{display:block; width:176px; padding-top:10px; font-size:12px; line-height:16px; letter-spacing:-1px; font-weight:normal;}

	.area_mboard li.intro_logo .img{display:table-cell; height:98px; vertical-align:middle; text-align:center;}

	/*  main > aside */
	aside{max-width:650px; width:96%; margin:0 auto 15px auto ; overflow:hidden;}

	.area_mrelated{position:relative; width:100%; background:#fff; border:1px solid #dee3eb; box-sizing:border-box;}
	.area_mrelated ul{height:68px;}
	.area_mrelated ul.on{height:230px;}

	.area_mrelated ul{width:100%; margin:0 10px; overflow:hidden;}
	.area_mrelated ul li{float:left; width:31%; min-width:178px; padding:13px 0 0 3px; text-align:center;}
	.area_mrelated ul li a{height:68px; font-size:14px; font-weight:bold; text-align:center; vertical-align:middle;}

	/* content */
	.title{width:94%; margin:0 auto 45px auto;}
	.title h3{margin-top:25px; font-size:30px; text-align:left;}
	.area_content{width:94%; margin:0 auto;}
	.btn_pdf{width:60%; min-height:45px; }

	.intro_important ul li{width:70%; margin:0 0 30px 0; border:1px solid #dee3eb; font-size:14px; vertical-align:middle; line-height:30px; letter-spacing:-0.5px; box-sizing:content-box;}
	.intro_important ul .ii01{padding:20px 10% 20px 20%; background:url(../images/ico_intro_01.gif) no-repeat 7% center;}
	.intro_important ul .ii02{padding:20px 10% 20px 20%; background:url(../images/ico_intro_02.gif) no-repeat 7% center;}
	.intro_important ul .ii03{padding:15px 10% 15px 20%; background:url(../images/ico_intro_03.gif) no-repeat 7% center;}
	.intro_important ul .ii04{padding:20px 10% 20px 20%; background:url(../images/ico_intro_04.gif) no-repeat 7% center;}
	.intro_important ul .ii05{padding:30px 10% 30px 20%;  background:url(../images/ico_intro_05.gif) no-repeat 7% center;}

	.intro_use ul{width:100%; overflow:hidden;}
	.intro_use ul li{float:left; display:table; width:calc(100%/3); margin-bottom:1px; border-right:1px solid #fff; background:#eceef1; text-align:center; font-size:15px; box-sizing:border-box; word-break:break-all}

	.biz_common .box{width:100%; margin-bottom:30px; text-align:center;}
	.biz_common .box li{float:left; width:32%; min-height:350px; margin-right:2%; padding:40px 1.5% 20px 1.5%; font-size:14px; line-height:24px; letter-spacing:-1px; text-align:left; box-sizing:border-box;}
	.biz_common .box li strong{display:block; margin-bottom:120px; font-size:16px; font-weight:bold; text-align:center; letter-spacing:0px}
	.biz_common .box li span{display:block; padding-bottom:10px; padding-left:10px; background:url(../images/bu_line.gif) no-repeat left 13px;}
	.biz_common .box li:last-child{margin-right:0;}

	.biz_common table.table_developer_challenge.type2 {min-width: 740px !important;}

	.biz_plaza .box .ii01{background:#f6f7f9 url(../images/ico_biz_01.gif) no-repeat center 130px;}
	.biz_plaza .box .ii02{background:#f6f7f9 url(../images/ico_biz_02.gif) no-repeat center 130px;}
	.biz_plaza .box .ii03{background:#f6f7f9 url(../images/ico_biz_03.gif) no-repeat center 130px;}

	.biz_center .box li{min-height:367px;}
	.biz_center .box .ii01{background:#f6f7f9 url(../images/ico_biz_04.gif) no-repeat center 130px;}
	.biz_center .box .ii02{background:#f6f7f9 url(../images/ico_biz_05.gif) no-repeat center 130px;}
	.biz_center .box .ii03{background:#f6f7f9 url(../images/ico_biz_06.gif) no-repeat center 130px;}

	.biz_plaza .tab03 p em{display:block; width:75%; margin-bottom:20px; padding:20px 5% 20px 20%; border:1px solid #e1e5e8; letter-spacing:-0.5px; line-height:24px; box-sizing:content-box;}
	.biz_plaza .tab03 p em span{background:none;}
	.biz_plaza .tab03 p em b{display:block;}
	.biz_plaza .tab03 p .road01{background:url(../images/ico_biz_car.gif) no-repeat 6% 30px;}
	.biz_plaza .tab03 p .road02{background:url(../images/ico_biz_metro.gif) no-repeat 6% 25px;}
	.biz_plaza .tab03 p .road03{background:url(../images/ico_biz_bus.gif) no-repeat 6% 30px;}

	.biz_consult .process li{float:left; height:94px; padding-top:30px; font-size:14px; color:#fff; letter-spacing:-0.5px; box-sizing:content-box;}
	.biz_consult .process .step01{width:23%; padding-left:4%; background:#a6d9ed;}
	.biz_consult .process .step02{width:25%; padding-left:12%; background:#71c5e7 url(../images/arr_biz_04.gif) no-repeat -2px center;}
	.biz_consult .process .step03{width:26%; padding-left:10%; background:#5db4d8 url(../images/arr_biz_05.gif) no-repeat -2px center;}

	.biz_consult .stage li{float:left; padding:25px 0 25px 5%; color:#fff; font-size:14px; box-sizing:content-box;}
	.biz_consult .stage3 .step01{width:28%;}
	.biz_consult .stage3 .step02{width:29%;}
	.biz_consult .stage3 .step03{width:28%;}

	.biz_consult .stage4 .step01{width:17%;}
	.biz_consult .stage4 .step02{width:23%;}
	.biz_consult .stage4 .step03{width:20%;}
	.biz_consult .stage4 .step04{width:20%;}

	.biz_lab div{position:relative; width:100%; height:610px; margin-bottom:20px; background:#f6f7f9; text-align:center;}
	.biz_lab div h5{padding-top:50px; font-size:18px; font-weight:bold;}
	.biz_lab div .fbox{position:absolute; bottom:5%; width:26%; min-height:180px; padding:20px 1.5% 0 1.5%; font-size:14px; line-height:24px; opacity:0.7; letter-spacing:-1px; color:#000; text-align:left; box-sizing:content-box;}
	.biz_lab div .ex04{position:absolute; left:10%; top:15%; width:80%; padding:0 0 85px 0; background:url(../images/arr_biz_up.png) no-repeat center 150px; font-size:14px;}
	.biz_lab div .ex04 span{display:block; margin-top:10px; padding:8px 0 13px 0; background:#fff; color:#444; letter-spacing:-0.5px; opacity:0.8;}
	.biz_lab div .ex04 strong{display:block; padding:5px 0; color:#258eb8; letter-spacing:0;}
	.biz_lab div .ex04 strong i{color:#5b5998; font-style:normal;}
	.biz_lab div .ex04 .btm{padding-top:105px; background:none; font-size:20px; font-weight:bold; color:#000;}
	.biz_lab h4.last{padding-bottom:0;}
	.biz_lab div .fbox strong{display:block; padding:10px 0 20px 0; font-size:15px; text-align:center;}
	.biz_lab div .ex01{left:6%; background:#e9ca5c;}
	.biz_lab div .ex02{left:36.5%; background:#b2ea63;}
	.biz_lab div .ex03{left:67%; background:#75a2ed;}

	.biz_center div{position:relative; width:100%; height:500px; background:#f6f7f9; text-align:center;}
	.biz_center div h5{padding:15px 0; background:#eee; font-size:17px;}
	.biz_center div .fbox{position:absolute; width:29%; min-height:120px; padding:20px 0 0 3%; border-radius:10px; font-size:14px; text-align:left; line-height:18px; opacity:0.8; letter-spacing:-1px; color:#fff; box-sizing:content-box;}
	.biz_center div .fbox strong{display:block; padding:10px 0; font-size:16px;}
	.biz_center div .fbox span{display:block; padding-left:9px; background:url(../images/bu_line_w.gif) no-repeat left 10px;}
	.biz_center div .ex01{top:13%; left:3%; background:#8ad021; z-index:1}
	.biz_center div .ex01 strong{color:#325202;}
	.biz_center div .ex02{top:23%; left:34%; background:#45c180; z-index:2}
	.biz_center div .ex02 strong{color:#024923;}
	.biz_center div .ex03{top:13%; right:3%; background:#8488bf; z-index:3}
	.biz_center div .ex03 strong{color:#182080;}
	.biz_center div .ex04{position:absolute; left:10%; bottom:8%; width:80%; padding:75px 0 0 0; background:url(../images/arr_biz_06.gif) no-repeat center top;}
	.biz_center div .ex04 span{display:block; margin-top:10px; padding:10px 0 0 0; background:#f8b7bc; color:#d7414a; letter-spacing:-0.5px;}
	.biz_center div .ex04 em{display:block; margin-top:10px; padding:10px 0; background:#fa7880; color:#fff; letter-spacing:0;}

	.biz_license ol{width:100%; min-height:377px; margin-top:20px; background:url(../images/bg_biz_01.gif) no-repeat left top;}
	.biz_license ol li{float:left; width:100%; font-size:16px; color:#fff; box-sizing:content-box;}
	.biz_license ol li span{display:block; float:left;}
	.biz_license ol li .left{width:10%; padding:40px 0 0 24px; font-size:18px; font-weight:bold;}
	.biz_license ol li .right{width:80%; padding:10px 0; font-weight:bold; word-break:break-all;    line-height: 24px;}
	.biz_license ol li em{padding:0 5px; opacity:0.5}

	.intro_use ul li a{display:block; display:table-cell; height:50px; vertical-align:middle;}

	.solution table .sn_01{width:15%;}
	.solution table .sn_02{width:19%;}
	.solution table .sn_03{width:auto; padding:10px 5px 5px 5px;}
	.solution table td{border:1px solid #e1e5e8; padding:10px 5px; font-size:14px; word-break:break-all;}
	.solution table td ul li{position:relative; float:left; min-height:52px; margin:0 0 5px 8px; padding: 2px 5px; border:1px solid #eee; text-align:center;}

	/* footer */
	footer{width:100%; padding-top:10px; min-height:150px; border-top:1px solid #dee3eb; }
	/* .area_infooter{position:relative; max-width:650px; width:96%; margin:0 auto;} */
	.area_infooter{position:relative; max-width:650px; width: 100%; padding: 0 15px; margin:0 auto;}
	footer h2{text-align:center;}
	footer .footer_md{width:100%;}

	.area_policy{height:30px; padding-top:25px; text-align:center;}
	.area_policy a{padding-right:8px; background:url(../images/line_footer.gif) no-repeat right;}
	.area_policy a:last-child{background:none;}
	.area_policy a.privacy{color:#f7b960;}

	.area_info_company{clear:both; padding-top:20px; padding-bottom:20px; line-height:18px; text-align:center;}
	.area_info_company_en{clear:both; padding-top:20px; line-height:18px; text-align:center;}
	.area_info_company .copyright{color:#777; font-size:11px;}

	.area_sns{position:absolute; top:-20px; right:0; width:90px; padding-top:20px;}

	/* datahub */
	.area_datahub{position:relative; width:96%; max-width:1000px; min-height:680px; margin:0 auto;}
	.area_datahub{padding:10px 0;}
	.area_datahub a{width:calc(100%/3); height:187px; padding-top:110px; font-size:20px; line-height:28px;}
	.area_datahub a span{display:block; font-size:16px; line-height:18px;}
	.area_datahub p{width:calc(100%/3); height:187px; padding-top:110px; font-size:20px; line-height:28px;}
	.area_datahub p span{display:block; font-size:16px; line-height:18px;}

	/* search */
	.area_sresult{position:relative; width:96%; max-width:1000px; margin:15px auto; padding:40px 10px 0 10px; background:#fff; border-top:1px solid #e0e4e7; }
	.sresult_content{float:left; width:75%; padding-right:20px; border-right:1px solid #e0e4e7;}
	.sresult_aside{float:left; width:25%; padding:40px 0 0 20px;}
	.doption{float:left;}
	.doption strong{float:left; margin-right:5px; font-weight:normal;}
	.doption label{float:left; margin-right:5px;}
	.doption input{vertical-align:-1px}

	.doption a{float:left; margin-top:10px; padding:4px 12px 4px 12px; border:1px solid #999; }
	.doption a:hover{ background:#e1e5e8; color:#333; text-decoration:none;}

	.doption p{padding:0 0 15px 0;}
	.doption p.left{float:left; margin-right:10px;}
	.doption p.right{float:left;  margin-left:3px;}

	.doption .period{width:80px; padding:4px 0; border:1px solid #999; text-align:center; vertical-align:0;}

	.doption .last{clear:both; display:block; width:240px; padding:10px 0 0 0;}

	.area_doption{position:relative; width:100%; height:60px; padding-bottom:7px; border-bottom:1px solid #e0e4e7; font-size:13px;}

	.sresult_option{position:absolute; right:0; bottom:13px; padding-top:5px;}
	.sresult_option select{width:85px; margin-right:3px;}

	.sresult_option dl{float:left; margin-left:10px;}
	.sresult_option dl dt{float:left; padding-right:5px; font-size:13px;}
	.sresult_option dl dd{float:left; margin-top:-5px; padding:4px 10px; background:#e1e5e8; border:1px solid #e0e4e7; cursor:pointer;}
	.sresult_option dl dd.on{ background:#15cfba; color:#fff;}

	/***** english ******/
	.area_en_main{width:100%; height:597px; background:url(../images/bg_en_main.jpg) no-repeat center top;}
	.en_main{width:96%; margin:0 auto; padding-top:30px; color:#fff; letter-spacing:-0.5px;}
	.en_main h2{font-size:36px; font-weight:bold;}
	.en_main strong{ display:block; padding:35px 0 25px 0; font-size:24px; line-height:30px;}
	.en_main p{ font-size:14px; line-height:18px;}

	.en_graph div{position:relative; width:100%; height:700px; margin-bottom:20px; background:#f6f7f9; text-align:center;}
	.en_graph div h5{padding-top:50px; font-size:18px; font-weight:bold;}
	.en_graph div .fbox{position:absolute; bottom:5%; width:26%; min-height:180px; padding:20px 1.5% 0 1.5%; font-size:14px; line-height:24px; opacity:0.7; letter-spacing:-1px; color:#000; text-align:left; box-sizing:content-box;}
	.en_graph div .ex04{position:absolute; left:10%; top:15%; width:80%; padding:0 0 85px 0; background:url(../images/arr_biz_up.png) no-repeat center 150px; font-size:14px;}
	.en_graph div .ex04 span{display:block; margin-top:10px; padding:8px 0 13px 0; background:#fff; color:#444; letter-spacing:-0.5px; opacity:0.8;}
	.en_graph div .ex04 strong{display:block; padding:5px 0; color:#258eb8; letter-spacing:0;}
	.en_graph div .ex04 strong i{color:#5b5998; font-style:normal;}
	.en_graph div .ex04 .btm{padding-top:105px; background:none; font-size:20px; font-weight:bold; color:#000;}
	.en_graph h4.last{padding-bottom:0;}
	.en_graph div .fbox strong{display:block; padding:10px 0 20px 0; font-size:15px; text-align:center;}
	.en_graph div .ex01{left:6%; background:#e9ca5c;}
	.en_graph div .ex02{left:36.5%; background:#b2ea63;}
	.en_graph div .ex03{left:67%; background:#75a2ed;}

	/* 공개SW역량강과교육 추가 스타일 */
	/* 공개SW역량강과교육 컬러 박스 영역 */
	.area_content .info_box_unit.info_box_unit_ability_page .item_box .item_list > li {margin-left: 24px}
}

@media screen and (min-width:0px) and (max-width:649px){
	#container {padding: 0 15px;}

	.area_inhead{padding: 0 15px;}

	/* nav */
	header{position:relative; width:100%; height:165px; background:#fff; z-index:20}
	.area_logo h1{width:172px; margin:0 auto; padding-top:27px;}
	.area_logo h1 img{width:172px; height:45px;}
	.area_logo{height:150px;}
	.area_search{clear:both; padding-top:5px; width:100%; margin:0 auto;}
	.area_search .searchbox{float:left; width:90%;}
	.area_search button{width:10%;}
	.suggest_box{top:133px; width:100%;}
	.sr_research{clear:both; padding-top:8px; font-size:12px;}
	.area_link{display:none;}
	.pc{display:none;}
	.tpc{display:none;}

	/* nav_sub */
	#nav_sub{display:none;}
	.sub_contant{width:100%; vertical-align:top;}
	.sub{float:right; position:relative; width:100%; min-height:700px; padding:10px 0 30px 0; background:#fff; border-top:1px solid #dee3eb; border-bottom:1px solid #dee3eb;}
	.area_up{position:fixed; bottom:5px; right:10px; z-index:300;}
	.area_qmenu{display:none;}

	/* main > area_bnr_top */
	.area_bnr_top ul li{height:200px;}
	.area_bnr_top ul li span.img{position:absolute; display:block; width:100%; height:200px; top:0; z-index:2;}
	.area_bnr_top ul li a{display:block; width:1000px; height:200px; }

	.area_bnr_top ul li span.img{background-size:1733px 200px!important; background-position:-530px top!important;}


	/* area_mcontents */
	.area_mcontents{width:100%; margin:0 auto; padding:0 0 5px 0;}

	.area_mqmenu{width:100%; height:190px; background:#fff; border:1px solid #dee3eb; overflow:hidden;}
	.area_mqmenu a{display:block; float:left; width:33.3%; padding:68px 0 10px 0; font-size:14px; font-weight:bold; text-align:center;}
	.area_mqmenu a:hover{color:#242424;}
	.area_mqmenu .mobile{display:none;}

	.area_mc_left{float:left; width:100%; background:#d9e8ef; text-align:center; display:none;}
	.area_mc_left img{width:117px; height:100px;}

	.area_mc_center{float:left; width:100%;}

	.area_mnotice{position:relative; min-height:180px; padding-top:8px; border-left:1px solid #dee3eb; border-right:1px solid #dee3eb; background:#fff; box-sizing:border-box;}
	.area_mnotice > ul{position:relative; width:90%; margin:0 auto;}

	.area_mnotice p{position:absolute; top:27px; right:22px;}
	.area_mnotice p a{background:url(../images/bu_plus.gif) no-repeat 3px center; padding-left:14px; letter-spacing:-1px;}
	.area_mnotice p a:hover{color:#444;}

	.area_mnotice .menu{display:block; position:absolute; top:-45px; width:62px; height:21px; padding-top:18px; text-align:center; font-weight:bold; box-sizing:content-box;}
	.area_mnotice .menu:hover{color:#333; text-decoration:none;}
	.area_mnotice .on .menu{border-bottom:2px solid #faa700;}

	.area_mnotice .nt_01{left:75px; width:65px; border-bottom:none;}
	.area_mnotice .nt_02{left:150px; width:92px; border-bottom:none;}

	.area_mnotice ul li ul{margin-top:43px; padding-top:5px;}
	.area_mnotice ul li ul li a{line-height:27px; letter-spacing:-1px}
	.area_mnotice ul li a .left{float:left; width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.area_mnotice ul li a .right{float:right;}

	.area_mapply{float:left; width:100%; box-sizing:border-box;}
	.area_mapply li{float:left; display:table; width:50%; height:89px; background:#edf4f7; border:1px solid #dee3eb; border-bottom:none; border-right:none; box-sizing:border-box; overflow:hidden;}

	.area_mapply li a{display:table-cell; padding-left:80px; font-weight:bold; vertical-align:middle;}
	.area_mapply li a:hover{color:#242424;}

	.area_mboard{clear:both; width:100%; min-height:120px; padding-top:10px; border:1px solid #dee3eb; background:#fff; box-sizing:border-box;}
	.area_mboard li{float:left; width:47%; height:119px; margin-left:1.5%; margin-bottom:10px; overflow:hidden;}

	.area_mboard li .img{display:block; width:152px; height:83px; margin:0 auto; border:1px solid #dee3eb; background:#fff;}
	.area_mboard li strong{display:block; width:96%; width:152px; margin:0 auto; padding-top:5px; font-size:12px; line-height:16px; letter-spacing:-1px; font-weight:normal;}
	.area_mboard li:last-child{display:none;}

	.area_mboard li.intro_logo a{display:block; width:152px; margin:0 auto;}
	.area_mboard li.intro_logo .img{display:table-cell; min-width:120px; height:83px; vertical-align:middle; text-align:center;}

	aside{display:none;}

	/* content */
	.title{width:94%; margin:0 auto 10px auto;}
	.title h3{margin-top:15px; font-size:30px; text-align:left;}
	.title div a{display:none;}
	.title div span{display:none;}
	.area_content{width:94%; margin:0 auto;}
	.btn_pdf{width:90%; min-height:45px; }

	.intro_important ul li{width:90%; margin:0 0 10px 0; border:1px solid #dee3eb; font-size:14px; vertical-align:middle; line-height:30px; letter-spacing:-0.5px; box-sizing:content-box;}
	.intro_important ul .ii01{padding:80px 5% 10px 5%; background:url(../images/ico_intro_01.gif) no-repeat center 15px;}
	.intro_important ul .ii02{padding:80px 5% 10px 5%; background:url(../images/ico_intro_02.gif) no-repeat center 15px;}
	.intro_important ul .ii03{padding:80px 5% 15px 5%; background:url(../images/ico_intro_03.gif) no-repeat center 15px;}
	.intro_important ul .ii04{padding:80px 5% 10px 5%; background:url(../images/ico_intro_04.gif) no-repeat center 15px;}
	.intro_important ul .ii05{padding:80px 5% 10px 5%; background:url(../images/ico_intro_05.gif) no-repeat center 15px;}

	.intro_use ul{width:100%; overflow:hidden;}
	.intro_use ul li{float:left; display:table; width:calc(100%/3); margin-bottom:1px; border-right:1px solid #fff; background:#eceef1; text-align:center; font-size:15px; box-sizing:border-box; word-break:break-all}

	.biz_common .box{width:100%; margin-bottom:30px; text-align:center;}
	.biz_common .box li{float:left; width:100%; margin-right:2%; margin-bottom:10px; padding:20px 1.5% 10px 5.5%; font-size:14px; line-height:24px; letter-spacing:-1px; text-align:left; box-sizing:border-box;}
	.biz_common .box li strong{display:block; margin-bottom:20px;  padding:10px 0 10px 90px; font-size:16px; font-weight:bold; letter-spacing:0px}
	.biz_common .box li span{display:block; padding-bottom:10px; padding-left:10px; background:url(../images/bu_line.gif) no-repeat left 13px;}
	.biz_common .box li:last-child{margin-right:0;}

	.biz_common table.table_developer_challenge.type2 {min-width: 740px !important;}

	.biz_plaza .box .ii01{background:#f6f7f9 url(../images/ico_biz_01.gif) no-repeat 20px 20px;}
	.biz_plaza .box .ii02{background:#f6f7f9 url(../images/ico_biz_02.gif) no-repeat 20px 20px;}
	.biz_plaza .box .ii03{background:#f6f7f9 url(../images/ico_biz_03.gif) no-repeat 20px 20px;}

	.biz_center .box li{min-height:167px;}
	.biz_center .box .ii01{background:#f6f7f9 url(../images/ico_biz_04.gif) no-repeat 20px 20px;}
	.biz_center .box .ii02{background:#f6f7f9 url(../images/ico_biz_05.gif) no-repeat 20px 20px;}
	.biz_center .box .ii03{background:#f6f7f9 url(../images/ico_biz_06.gif) no-repeat 20px 20px;}

	.biz_plaza .tab03 p em{display:block; width:90%; margin-bottom:10px; padding:30px 5% 10px 5%; border:1px solid #e1e5e8; letter-spacing:-0.5px; line-height:24px; box-sizing:content-box;}
	.biz_plaza .tab03 p em span{background:none;}
	.biz_plaza .tab03 p em b{display:block; padding-left:75px; padding-bottom:10px;}
	.biz_plaza .tab03 p .road01{background:url(../images/ico_biz_car.gif) no-repeat 6% 20px;}
	.biz_plaza .tab03 p .road02{background:url(../images/ico_biz_metro.gif) no-repeat 6% 10px;}
	.biz_plaza .tab03 p .road03{background:url(../images/ico_biz_bus.gif) no-repeat 6% 20px;}

	.biz_consult .process li{ height:94px; padding-top:30px; font-size:14px; color:#fff; letter-spacing:-0.5px; box-sizing:content-box;}
	.biz_consult .process .step01{width:96%; padding-left:4%; background:#a6d9ed;}
	.biz_consult .process .step02{width:78%; padding-left:22%; background:#71c5e7 url(../images/arr_biz_04.gif) no-repeat -2px center;}
	.biz_consult .process .step03{width:80%; padding-left:20%; background:#5db4d8 url(../images/arr_biz_05.gif) no-repeat -2px center;}

	.biz_consult .stage li{padding:25px 0 25px 10%; color:#fff; font-size:14px; box-sizing:content-box;}
	.biz_consult .stage3 .step01{width:90%;}
	.biz_consult .stage3 .step02{width:90%;}
	.biz_consult .stage3 .step03{width:90%;}

	.biz_consult .stage4 .step01{width:90%;}
	.biz_consult .stage4 .step02{width:90%;}
	.biz_consult .stage4 .step03{width:90%;}
	.biz_consult .stage4 .step04{width:90%;}

	.biz_lab div{position:relative; width:100%; height:880px; margin-bottom:20px; background:#f6f7f9; text-align:center;}
	.biz_lab div h5{padding:30px 10px 0 10px; font-size:18px; font-weight:bold;}
	.biz_lab div .fbox{position:absolute; left:2%; bottom:5%; width:94%; min-height:100px; padding:10px 1% 10px 1%; font-size:14px; line-height:24px; opacity:0.7; letter-spacing:-1px; color:#000; text-align:left; box-sizing:content-box; text-align:left;}
	.biz_lab div .ex04{position:absolute; left:2%; top:10%; width:96%; padding:0 0 85px 0; background:url(../images/arr_biz_up.png) no-repeat center 210px; font-size:14px; text-align:left;}
	.biz_lab div .ex04 span{display:block; margin-top:10px; padding:8px 0 13px 0; background:#fff; color:#444; letter-spacing:-0.5px; opacity:0.8;}
	.biz_lab div .ex04 strong{display:block; padding:5px 0; color:#258eb8; letter-spacing:0;}
	.biz_lab div .ex04 strong i{color:#5b5998; font-style:normal;}
	.biz_lab div .ex04 .btm{padding-top:115px; background:none; font-size:20px; font-weight:bold; color:#000;}
	.biz_lab h4.last{padding-bottom:0;}
	.biz_lab div .fbox strong{display:block; padding:5px 0; font-size:15px; text-align:center;}
	.biz_lab div .ex01{bottom:33%; background:#e9ca5c;}
	.biz_lab div .ex02{bottom:15.5%; background:#b2ea63;}
	.biz_lab div .ex03{bottom:0.8%; background:#75a2ed;}

	.biz_center div{position:relative; width:100%; height:670px; background:#f6f7f9; text-align:center;}
	.biz_center div h5{padding:15px 0; background:#eee; font-size:17px;}
	.biz_center div .fbox{position:absolute; width:91%; min-height:100px; padding:10px 0 0 3%; border-radius:10px; font-size:14px; text-align:left; line-height:18px; opacity:0.8; letter-spacing:-1px; color:#fff; box-sizing:content-box;}
	.biz_center div .fbox strong{display:block; padding:10px 0; font-size:16px;}
	.biz_center div .fbox span{display:block; padding-left:9px; background:url(../images/bu_line_w.gif) no-repeat left 10px;}
	.biz_center div .ex01{top:10%; left:3%; background:#8ad021; z-index:1}
	.biz_center div .ex01 strong{color:#325202;}
	.biz_center div .ex02{top:28%; left:3%; background:#45c180; z-index:2}
	.biz_center div .ex02 strong{color:#024923;}
	.biz_center div .ex03{top:47%; left:3%; background:#8488bf; z-index:3}
	.biz_center div .ex03 strong{color:#182080;}
	.biz_center div .ex04{position:absolute; left:5%; bottom:2%; width:90%; padding:75px 0 0 0; background:url(../images/arr_biz_06.gif) no-repeat center top;}
	.biz_center div .ex04 span{display:block; margin-top:10px; padding:10px 0 0 0; background:#f8b7bc; color:#d7414a; letter-spacing:-0.5px;}
	.biz_center div .ex04 em{display:block; margin-top:10px; padding:10px 0; background:#fa7880; color:#fff; letter-spacing:0;}

	.biz_license ol{width:100%; min-height:377px; margin-top:20px; background:url(../images/bg_biz_01.gif) no-repeat left top;}
	.biz_license ol li{float:left; width:100%; font-size:16px; color:#fff; box-sizing:content-box;}
	.biz_license ol li span{display:block; float:left;}
	.biz_license ol li .left{width:15%; padding:40px 0 0 24px; font-size:18px; font-weight:bold;}
	.biz_license ol li .right{width:70%; height:38px; 
    padding: 7px 0 10px 0; font-weight:bold; word-break:break-all;}
	.biz_license ol li em{padding:0 5px; opacity:0.5}

	.intro_use ul li a{display:block; display:table-cell; height:65px; vertical-align:middle;}

	.solution table .sn_01{width:15%;}
	.solution table .sn_02{width:19%;}
	.solution table .sn_03{width:auto; padding:10px 0 5px 0;}
	.solution table td{border:1px solid #e1e5e8; padding:10px 0; font-size:14px; word-break:break-all;}
	.solution table td ul li{position:relative; float:left; min-height:52px; margin:0 0 5px 4px; padding:2px 2px; border:1px solid #eee; text-align:center;}

	/* footer */
	footer{width:100%; padding-top:10px; min-height:150px;}
	/* .area_infooter{position:relative; max-width:650px; width:96%; margin:0 auto;} */
	.area_infooter{position:relative; max-width:650px; width:100%; padding: 0 15px; margin:0 auto;}
	/* footer h2{text-align:left; padding-left:10px;} */
	footer h2{text-align:left; padding-left:0px;}
	footer h2 img{width:102px; height:60px;}
	footer .footer_md{width:100%;}

	.area_policy{height:30px; padding-top:25px; text-align:center;}
	.area_policy a{padding-right:8px; background:url(../images/line_footer.gif) no-repeat right;}
	.area_policy a:last-child{background:none;}
	.area_policy a.privacy{color:#f7b960;}

	.area_info_company{clear:both; padding-top:40px; padding-bottom:20px; line-height:18px; text-align:center;}
	.area_info_company_en{clear:both; padding-top:20px; line-height:18px; text-align:center;}
	.area_info_company .copyright{color:#777; font-size:11px;}

	.area_sns{position:absolute; top:-20px; right:15px; width:90px; padding-top:20px;}

	/* faq */
	.intro_faq > div{display:none;}
	.intro_faq ul li a span{float:none!important;}
	.intro_faq ul li a span.left{width:120px!important; padding-left:10px!important;}
	.intro_faq ul li a span.right{padding-right:30px!important;}

	/* datahub */
	.area_datahub{position:relative; max-width:1000px; min-height:680px; margin:0 auto;}
	.area_datahub{width:100%;}
	.area_datahub a{width:calc(100%/3); height:170px; padding-top:100px; font-size:16px; line-height:21px;}
	.area_datahub a span{display:block; font-size:14px; line-height:18px;}
	.area_datahub p{width:calc(100%/3); height:170px; padding-top:100px; font-size:16px; line-height:18px;}
	.area_datahub p span{display:block; font-size:14px; line-height:18px;}

	/* search */
	.area_sresult{position:relative; width:96%; max-width:1000px; margin:15px auto; padding:40px 10px 0 10px; background:#fff; border-top:1px solid #e0e4e7; }
	.sresult_content{width:96%; margin:0 auto;}
	.sresult_aside{width:96%; margin:0 auto; padding-bottom:50px;}
	.doption{float:left;}
	.doption strong{float:left; margin-right:5px; font-weight:normal;}
	.doption label{float:left; margin-right:5px;}
	.doption input{vertical-align:-1px}

	.doption a{float:left; margin-top:10px; padding:4px 12px 4px 12px; border:1px solid #999; }
	.doption a:hover{ background:#e1e5e8; color:#333; text-decoration:none;}

	.doption p{padding:0 0 15px 0;}
	.doption p.left{float:left; margin-right:10px;}
	.doption p.right{float:left;  margin-left:3px;}

	.doption .period{width:80px; padding:4px 0; border:1px solid #999; text-align:center; vertical-align:0;}

	.doption .last{clear:both; display:block; width:240px; padding:10px 0 0 0;}

	.area_doption{position:relative; width:100%; height:90px; padding-bottom:7px; border-bottom:1px solid #e0e4e7; font-size:13px;}

	.sresult_option{position:absolute; right:0; bottom:10px; padding-top:5px;}
	.sresult_option select{width:85px; margin-right:3px;}

	.sresult_option dl{float:left; margin-left:10px;}
	.sresult_option dl dt{float:left; padding-right:5px; font-size:13px;}
	.sresult_option dl dd{float:left; margin-top:-5px; padding:4px 10px; background:#e1e5e8; border:1px solid #e0e4e7; cursor:pointer;}
	.sresult_option dl dd.on{ background:#15cfba; color:#fff;}

	/***** english ******/
	.area_en_main{width:100%; height:597px; background:url(../images/bg_en_main.jpg) no-repeat center top;}
	.en_main{width:96%; margin:0 auto; padding-top:20px; color:#fff; letter-spacing:-0.5px;}
	.en_main h2{font-size:22px; font-weight:bold;}
	.en_main strong{ display:block; padding:35px 0 25px 0; font-size:14px; line-height:18px;}
	.en_main p{ font-size:12px; line-height:16px;}

	.en_graph div{position:relative; width:100%; height:980px; margin-bottom:20px; background:#f6f7f9; text-align:center;}
	.en_graph div h5{padding:30px 10px 0 10px; font-size:18px; font-weight:bold;}
	.en_graph div .fbox{position:absolute; left:2%; bottom:5%; width:94%; min-height:100px; padding:10px 1% 10px 1%; font-size:14px; line-height:24px; opacity:0.7; letter-spacing:-1px; color:#000; text-align:left; box-sizing:content-box; text-align:left;}
	.en_graph div .ex04{position:absolute; left:2%; top:10%; width:96%; padding:0 0 85px 0; background:url(../images/arr_biz_up.png) no-repeat center 260px; font-size:14px; text-align:left;}
	.en_graph div .ex04 span{display:block; margin-top:10px; padding:8px 0 13px 0; background:#fff; color:#444; letter-spacing:-0.5px; opacity:0.8;}
	.en_graph div .ex04 strong{display:block; padding:5px 0; color:#258eb8; letter-spacing:0;}
	.en_graph div .ex04 strong i{color:#5b5998; font-style:normal;}
	.en_graph div .ex04 .btm{padding-top:125px; background:none; font-size:20px; font-weight:bold; color:#000;}
	.en_graph h4.last{padding-bottom:0;}
	.en_graph div .fbox strong{display:block; padding:5px 0; font-size:15px; text-align:center;}
	.en_graph div .ex01{bottom:35%; background:#e9ca5c;}
	.en_graph div .ex02{bottom:14%; background:#b2ea63;}
	.en_graph div .ex03{bottom:0.8%; background:#75a2ed;}

	/* 2019/07/22 새로운 스타일 추가 */
	/* 박스 스타일1 */
	.area_content .info_box_unit.info_box_unit_style1 {}
	.area_content .info_box_unit.info_box_unit_style1 .list > li {width: 100%}
	.area_content .info_box_unit.info_box_unit_style1 .item_box {width: 226px; margin: 0 auto;}

	/* 박스 스타일 화살표 스타일2 - flex 적용하여 텍스트가 늘어날 경우 리스트 모두 동일하게 늘어남 */
	.area_content .info_box_unit.info_box_unit_style2 {}
	.area_content .info_box_unit.info_box_unit_style2 .list {display: block !important;}
	.area_content .info_box_unit.info_box_unit_style2 .list > li {width: 100%}
	.area_content .info_box_unit.info_box_unit_style2 .item_box {width: 226px; margin: 0 auto;}

	.area_content .info_box_unit.info_box_unit_ability_page .item_box .item_list > li {margin-left: 42px}

	/* 공통 추가 스타일 */
	.area_content .button_box.button_box_type_item2 .button_box_inner {width: 100%}
	.area_content .button_box .button_box_inner + .button_box_inner {margin-top: 10px}

	/* 공개SW 개발자 대회  */
	.developer_challenge_process_benefit_list > li {width: 100%; margin-bottom: 40px}
	.developer_challenge_process_benefit_list > li:last-child {margin-bottom: 0}

	/* 공개SW 개발자 대회, 참가신청서 확인  */
	.developer_challenge_check .input_common {width: 100% !important;}
	.developer_challenge_check .btn_icon_none {width: 100% !important;}

	/* 개발자 대회 - 관리 페이지 */
	.developer_challenge_manage {}
	.developer_challenge_manage .developer_challenge_manage_search_item {width: 100%; margin-bottom: 10px; padding-right: 0;}
	.developer_challenge_manage .developer_challenge_manage_search_item .input_common {width: 100%;}
	.developer_challenge_manage .developer_challenge_manage_search_item .xe-form-group {width: 100%;}
	.developer_challenge_manage .developer_challenge_manage_search .developer_challenge_manage_search_button_box {float: none;}
	.developer_challenge_manage .developer_challenge_manage_search .btn_icon_none {float: none; width: 100%; margin-top: 10px;}

	/* 게시판 스타일 없는 paginate 스타일 */
	.oss_paginate {}
	.oss_paginate .xe-hidden-xs {display: none !important;}
  .oss_paginate .xe-visible-xs {display: block !important;}

  /* 개방형 OS */

  .oss-content-box .oss-content-box__text {
    padding-right: 0;
  }

  .oss-content-box .button_box {
    position: static;
    top: auto;
    right: auto;
    width: auto;
  }

  .oss-content-box .button_box .btn_full.btn_full--icon {
    justify-content: center;
  }

  .oss-content-box .button_box .btn_full.btn_full--icon .btn_full_icon.btn_full_icon--link {
    flex: 0 0 24px;
    max-width: 24px;
    background-size: 24px 24px;
  }

  .biz_common_layout_list.biz_common_layout_list--item2 > li {float: left; width: 100%;}

}

/* button */
.area_content .btn_pdf{display:block; margin:30px auto 0 auto; padding:14px 15px 14px 50px; background:#e2574c url(../images/btn_pdf.gif) no-repeat 15px center; font-size:15px; color:#fff; letter-spacing:-0.5px; text-align:center; font-weight:bold}
.area_content .btn_pdf:hover{background-color:#333; color:#fff; font-weight:bold; text-decoration:none;}

/* header */

/* .area_inhead{position:relative; max-width:1000px; min-width:320px; width:96%; margin:0 auto;} */
.area_inhead{position:relative; max-width:1000px; min-width:320px; width:100%; margin:0 auto;}
.area_link{position:absolute; top:5px; right:0; letter-spacing:-1px;}
.area_link a{padding-left:15px;}

.area_search .searchbox{position:relative; height:40px; background:linear-gradient(to right, #fdb813, #1ab68f, #00b0e1); box-sizing: border-box;}
.area_search .searchbox input{width:100%; height:36px; margin:2px 0 0 2px; padding:0 0 0 2%; background:#fff; font-size:16px; letter-spacing:-1px; outline:0;}
.area_search button{float:left; display:block; height:40px; background:#00aeeb url(../images/ico_search.png) no-repeat center; text-indent:-10000px;}
legend{text-indent:-10000px;}

.suggest_box{position:absolute; background:#fff; border:1px solid #d9dadb; border-top:none; z-index:11}

.suggest_box ul li a{display:block; width:100%; padding:8px 0 8px 2%; font-size:14px;}
/*.suggest_box ul li a:hover{background:#eee; text-decoration:none;}*/
.suggest_box ul li.active a{background:#eee; text-decoration:none;}



/* .m_nav{position:absolute; top:30px; left:10px; width:49px; height:42px; background:url(../images/ico_menu.gif) no-repeat center; text-indent:-10000px;} */
.m_nav{position:absolute; top:30px; left:25px; width:49px; height:42px; background:url(../images/ico_menu.gif) no-repeat center; text-indent:-10000px;}

/* nav pc */
nav.pc{position:relative; width:100%; max-height:36px; background:#fff; border-top:1px solid #d1d8e4; border-bottom:1px solid #d1d8e4; transition:all 0.4s; transition-timing-function:ease; z-index:1; box-sizing:content-box; overflow:hidden;}
nav.pc::before {content:''; position: absolute; top: 37px; left: 0; right: 0; height: 1px; background-color: #d1d8e4;}
/*nav.pc:hover{max-height:496px; background:#fff; opacity:1.0;}*/
/* nav.pc span{position:relative; display:block; top:36px; height:1px; background:#d1d8e4; z-index:2} */

/*oss 기본 테마*/
/* nav.pc>ul>li{float:left; width:20%; padding-bottom: 9999px; margin-bottom: -9989px;} */
nav.pc .gnb-menu-list {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;position:relative; max-width:1000px; width:96%; margin:0 auto; z-index:3;}
nav.pc .gnb-menu-list::after {content:''; display: block; clear: both;}
nav.pc .gnb-menu-list .gnb{display:block; height:28px; padding-top:9px; border-bottom: 1px solid #d1d8e4; text-align:center; font-size:16px; font-weight:bold;}
nav.pc .gnb-menu-list > li{float:left; width:20%; flex: 0 0 20%;}


/*한국 공개SW 활성화 포럼 테마*/
/*nav.pc ul.kopf{position:relative; max-width:1100px; width:96%; margin:-1px auto 0 auto; z-index:1;}*/

/* nav.pc ul.kopf li .gnb{display:block; height:28px; padding-top:9px; text-align:center; font-size:16px; font-weight:bold;}
nav.pc>ul.kopf>li:nth-child(1) {float:left; width:18%; padding-bottom: 9999px; margin-bottom: -9989px;}
nav.pc>ul.kopf>li:nth-child(2) {float:left; width:22%; padding-bottom: 9999px; margin-bottom: -9989px;}
nav.pc>ul.kopf>li:nth-child(3) {float:left; width:22%; padding-bottom: 9999px; margin-bottom: -9989px;}
nav.pc>ul.kopf>li:nth-child(4) {float:left; width:20%; padding-bottom: 9999px; margin-bottom: -9989px;}
nav.pc>ul.kopf>li:nth-child(5) {float:left; width:18%; padding-bottom: 9999px; margin-bottom: -9989px;} */

nav.pc ul.kopf li .gnb{display:block; height:28px; padding-top:9px; text-align:center; font-size:16px; font-weight:bold;}
nav.pc>ul.kopf>li:nth-child(1) {float:left; width:18%; flex: 0 0 18%;}
nav.pc>ul.kopf>li:nth-child(2) {float:left; width:22%; flex: 0 0 22%;}
nav.pc>ul.kopf>li:nth-child(3) {float:left; width:22%; flex: 0 0 22%;}
nav.pc>ul.kopf>li:nth-child(4) {float:left; width:20%; flex: 0 0 20%;}
nav.pc>ul.kopf>li:nth-child(5) {float:left; width:18%; flex: 0 0 18%;}

nav.pc ul li a:hover, nav.pc ul li a:focus {color:#fff; text-decoration:none; font-weight:bold;}
nav.pc ul li:hover a{color:#fff;}

nav.pc ul .gnb01:hover{background:#00796b;}
nav.pc ul .gnb02:hover{background:#1976d2;}
nav.pc ul .gnb03:hover{background:#3949ab;}
nav.pc ul .gnb04:hover{background:#673ab7;}
nav.pc ul .gnb05:hover{background:#f48037;}
nav.pc ul .gnb01:hover ul{background:#00796b;}
nav.pc ul .gnb02:hover ul{background:#1976d2;}
nav.pc ul .gnb03:hover ul{background:#3949ab;}
nav.pc ul .gnb04:hover ul{background:#673ab7;}
nav.pc ul .gnb05:hover ul{background:#f48037;}
nav.pc ul li:hover ul li a{color:#fff}

nav.pc ul .gnb01.on{background:#00796b;}
nav.pc ul .gnb02.on{background:#1976d2;}
nav.pc ul .gnb03.on{background:#3949ab;}
nav.pc ul .gnb04.on{background:#673ab7;}
nav.pc ul .gnb05.on{background:#f48037;}
nav.pc ul .gnb01.on ul{background:#00796b;}
nav.pc ul .gnb02.on ul{background:#1976d2;}
nav.pc ul .gnb03.on ul{background:#3949ab;}
nav.pc ul .gnb04.on ul{background:#673ab7;}
nav.pc ul .gnb05.on ul{background:#f48037;}
nav.pc ul li.on ul li a{color:#fff}
nav.pc ul .gnb-menu.on .gnb {color: #fff;}

/* nav.pc ul .gnb01:hover{background:#15cfba;}
nav.pc ul .gnb02:hover{background:#6dc1e4;}
nav.pc ul .gnb03:hover{background:#73d466;}
nav.pc ul .gnb04:hover{background:#bda8db;}
nav.pc ul .gnb05:hover{background:#f4d583;}
nav.pc ul .gnb01:hover ul{background:#15cfba;}
nav.pc ul .gnb02:hover ul{background:#6dc1e4;}
nav.pc ul .gnb03:hover ul{background:#73d466;}
nav.pc ul .gnb04:hover ul{background:#bda8db;}
nav.pc ul .gnb05:hover ul{background:#f4d583;}
nav.pc ul li:hover ul li a{color:#fff}

nav.pc ul .gnb01.on{background:#15cfba;}
nav.pc ul .gnb02.on{background:#6dc1e4;}
nav.pc ul .gnb03.on{background:#73d466;}
nav.pc ul .gnb04.on{background:#bda8db;}
nav.pc ul .gnb05.on{background:#f4d583;}
nav.pc ul .gnb01.on ul{background:#15cfba;}
nav.pc ul .gnb02.on ul{background:#6dc1e4;}
nav.pc ul .gnb03.on ul{background:#73d466;}
nav.pc ul .gnb04.on ul{background:#bda8db;}
nav.pc ul .gnb05.on ul{background:#f4d583;}
nav.pc ul li.on ul li a{color:#fff}
nav.pc ul .gnb-menu.on .gnb {color: #fff;}

/*nav.pc ul ul{height:1px; transition:all 0.4s; transition-timing-function:ease; opacity:0; overflow:hidden;}*/
/*nav.pc:hover ul ul{height:260px; opacity:1.0;}*/

nav.pc ul li ul{width:100%; height: calc(100% - 48px); z-index:1; transition:all 0.4s; transition-timing-function:ease; opacity:0;}
nav.pc ul li ul li {width:100%; padding-bottom: 10px; text-align:center; font-size:15px; letter-spacing:-1px; font-weight:normal;}
nav.pc ul li ul li:last-child {padding-bottom: 20px;}
nav.pc ul li ul li a{display:block; padding:5px 0 0 0; letter-spacing: -1.5px;}
nav.pc ul li ul li a:hover, nav.pc ul li ul li a:focus {text-decoration:underline;}
nav.pc:hover ul li ul{padding-top:10px; transition: all 0.4s; transition-timing-function:ease; opacity:1;}
nav.pc.on ul li ul{padding-top:10px; opacity:1;}

/* nav mobile */
nav.mobile{position:fixed; z-index:9;}
nav.mobile .bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index:10; opacity:0.3;}
nav.mobile.on .bg{display:block;}

/* 클릭시 가로값이 75프로로 이동 비지도 display:none 처리 */
nav.mobile > div{position:fixed; top:0; left:-30px; width:0%; height:100%; z-index:11; overflow:scroll;}
nav.mobile.on > div{width:75%; left: 0;}

nav.mobile div div {padding-top:12px; min-height:40px; background:#444;}
nav.mobile div div a{position:relative; display:block; float:left; width:33.3%; color:#fff; padding-bottom:10px; font-size:15px; text-align:center; z-index:13;}

nav.mobile .plugin{width:100%;}
nav.mobile .log_en{width:100%; padding:5px 0 15px 0;}

nav.mobile > ul{position:relative; width:75%; background:#fff; z-index:12;}

nav.mobile ul > li{width:100%; min-height:30px; text-align:left;}
nav.mobile ul > li .gnb{position:relative; display:block; padding:18px 5%; font-size:16px; font-weight:bold; color:#fff; z-index:13;}

nav.mobile ul li ul{position:relative; width:100%; z-index:12;}
nav.mobile ul li ul > li{width:100%; padding:14px 5% 10px 5%; border-bottom:1px dotted #eee; font-size:15px; letter-spacing:-1px;}
nav.mobile ul li ul > li a{display:block; height:20px; color:#fff;}
nav.mobile ul li ul li:last-child{border:none;}

nav.mobile ul .gnb01{background:#00796b;}
nav.mobile ul .gnb02{background:#1976d2;}
nav.mobile ul .gnb03{background:#3949ab;}
nav.mobile ul .gnb04{background:#673ab7;}
nav.mobile ul .gnb05{background:#f48037;}

nav.mobile ul .gnb01 > ul{background:#00796b;}
nav.mobile ul .gnb02 > ul{background:#1976d2;}
nav.mobile ul .gnb03 > ul{background:#3949ab;}
nav.mobile ul .gnb04 > ul{background:#673ab7;}
nav.mobile ul .gnb05 > ul{background:#f48037;}

/* nav.mobile ul .gnb01{background:#15cfba;}
nav.mobile ul .gnb02{background:#6dc1e4;}
nav.mobile ul .gnb03{background:#9fe196;}
nav.mobile ul .gnb04{background:#bda8db;}
nav.mobile ul .gnb05{background:#f4d583;}

nav.mobile ul .gnb01 > ul{background:#15cfba;}
nav.mobile ul .gnb02 > ul{background:#6dc1e4;}
nav.mobile ul .gnb03 > ul{background:#9fe196;}
nav.mobile ul .gnb04 > ul{background:#bda8db;}
nav.mobile ul .gnb05 > ul{background:#f4d583;} */

nav.mobile ul .d_on{padding-bottom:15px;}
nav.mobile ul .d_on a{height:30px;}
nav.mobile ul .d_on ul{background:#eee;}
nav.mobile ul .d_on ul li{padding-top:15px; border-bottom:1px dashed #fff;}
nav.mobile ul .d_on ul li a{height:18px; font-size:13px; color:#444;}


 /* main */
main{position:relative; width:100%;}
.main{}
.sub_main{max-width:1000px; width:96%; height:100%; margin:15px auto; background:#fff; border-bottom:1px solid #dee3eb; overflow:hidden;}

/* main > area_bnr_top */
.area_bnr_top{position:relative; width:100%;}
.area_bnr_top ul{position:relative;}

.area_bnr_top ul li p{position:absolute; left:50%; width:100%; max-width:1000px; margin-left:-500px; z-index:3;}

.area_bnr_top ul li a span{display:block; width:1px; height:1px; text-indent:9999999px; overflow:hidden;}
.area_bnr_top ul li a:hover{background:#fff; opacity:0.1;}

.area_bnr_page{width:1000px; margin:0 auto;}
.area_bnr_page ol::after {content: ''; display: block; clear: both;}
.area_bnr_page ol li{float:left; margin-right:3px;}

.area_bnr_page .area_bnr_page_inner {position:absolute; bottom:10px; padding-left:20px; z-index:10;}
.area_bnr_page .banner_play_toggle {cursor: pointer;}
.area_bnr_page .banner_play_toggle i {font-size: 18px; vertical-align: top; color: #ff7709;}


/*  main > aside */
.area_mrelated div{position:absolute; width:1%; top:10px; right:10px;}
.area_mrelated div button{margin:3px 0;}

 /* footer */
.area_sns a{display:block; float:left; width:40px; height:25px; text-align:center;}
.area_sns .fb{background:#5a7ec7; margin-right:3px; padding-top:4px; border-radius:20px;}
.area_sns .tw{background:#1ddcff; padding-top:5px; border-radius:20px;}



/* sub common */
/* #container{display:table; max-width:1000px; width:96%; margin:15px auto; overflow:hidden;} */
#container{max-width:1000px; width:100%; margin:15px auto; overflow:hidden;}
#container:after {content: ''; display: block; clear: both;}

/* nav_sub */
/* #nav_sub{width:18.3%; max-width:225px; min-width:225px; min-height:700px; border-top:1px solid #dee3eb; overflow:hidden;} */
#nav_sub{float:left; width:225px; border-top:1px solid #dee3eb; overflow:hidden;}
#nav_sub h2{height:110px; padding:45px 0 0 25px; font-size:28px; color:#fff; box-sizing:content-box; background-image: url(../images/bg_sub_menu.png); background-size: 220px 155px; background-position: 0 0; background-repeat: no-repeat; background-color:#6de4d4; }
#nav_sub .intro{background-color:#00796b;}
#nav_sub .business{background-color:#1976d2;}
#nav_sub .info{background-color:#3949ab;}
#nav_sub .open{background-color:#673ab7;}
#nav_sub .data{background-color:#f48037;}
#nav_sub .etc{background:#d9dee2 url(../images/bg_etc_h2.gif) no-repeat;}

/* #nav_sub .intro{background:#6de4d4 url(../images/bg_intro_h2.gif) no-repeat;}
#nav_sub .business{background:#6dc1e4 url(../images/bg_business_h2.gif) no-repeat;}
#nav_sub .info{background:#9fe196 url(../images/bg_info_h2.gif) no-repeat;}
#nav_sub .open{background:#bda8db url(../images/bg_open_h2.gif) no-repeat;}
#nav_sub .data{background:#f4d583 url(../images/bg_data_h2.gif) no-repeat;}
#nav_sub .etc{background:#d9dee2 url(../images/bg_etc_h2.gif) no-repeat;} */

#nav_sub .sub_snb{clear:both; background:#fff; border-bottom:1px solid #dee3eb;}
#nav_sub .sub_snb > li{width:100%; border-bottom:1px solid #eff1f3;}
#nav_sub .sub_snb > li .snb{display:block; padding:16px 30px 15px 20px; font-size:15px; vertical-align:middle; letter-spacing:-1px;}
#nav_sub .sub_snb > li.on .snb{background:#eceef1 url(../images/arr_snb.png) no-repeat 93% center; font-weight:bold; text-decoration:none; color:#444;}
#nav_sub .sub_snb > li .snb:hover{background:#eceef1 url(../images/arr_snb.png) no-repeat 93% center; font-weight:bold; text-decoration:none; color:#444;}
#nav_sub .sub_snb ul{padding:15px 0 15px 25px; background:#f6f7f9; }
#nav_sub .sub_snb ul li a{display:block; padding:4px 0; font-size:14px; letter-spacing:-1px; color:#777;}
#nav_sub .sub_snb ul li a:hover{color:#444; font-weight:bold;}
#nav_sub .sub_snb ul li.on a{text-decoration:underline; color:#444; font-weight:bold;}

#nav_sub .sub_snb li ul{display:none;}
#nav_sub .sub_snb li.on ul{display: block;}
#nav_sub p{padding-top:5px;}

.area_qmenu{position:fixed; bottom:100px; right:-136px; background:#b4b8bf; z-index:300;}
.area_qmenu:hover{right:0;}
.area_qmenu p{position:absolute; top:87px; left:-13px; padding:37px 3px; background:#b4b8bf;}

.area_qmenu ul li{letter-spacing:-1px;}
.area_qmenu ul li a{ display:block; height:44px; padding:14px 5px 0 50px; padding-bottom:0; border-bottom:1px dotted #eee; color:#fff;}
.area_qmenu ul li a:hover{ background:#74767b;}
.area_qmenu ul li:last-child a{padding-bottom:5px; border:none;}

.area_qmenu ul li.qm01 a{background:url(../images/ico_qmenu01.gif) no-repeat 7px center;}
.area_qmenu ul li.qm02 a{background:url(../images/ico_qmenu02.gif) no-repeat 7px center;}
.area_qmenu ul li.qm03 a{background:url(../images/ico_qmenu03.gif) no-repeat 7px center;}
.area_qmenu ul li.qm04 a{background:url(../images/ico_qmenu04.gif) no-repeat 9px center;}A
.area_qmenu ul li.qm05 a{background:url(../images/ico_qmenu06.gif) no-repeat 10px center;}
.area_qmenu ul li.qm06 a{background:url(../images/ico_qmenu05.gif) no-repeat 8px center;}

.title div{text-align:right;}
.title div a{font-size:14px; letter-spacing:-1px}
.title div span{padding:0 1px;}

/***** sub intro ******/
.area_content p{font-size:14px; line-height:24px; word-break:break-all;}
.area_content p img{margin:30px 0;}
.area_content h4{clear:both; padding:40px 0 20px 0; font-size:24px;}
.area_content h5{padding:20px 0; font-size:16px;}
.area_content .table_step_type th {border: 0 none}

/* --- 컨텐츠 공통 --- */
/* 회색 박스 */
.area_content .box_gray {padding: 20px 24px;background-color: #f5f5f5}
/* dl type 1 */
.area_content .dl_list_type1 {}
.area_content .dl_list_type1 dt {padding-top: 24px; font-size: 16px; font-weight: 600; line-height: 26px; color: #6a6e79}
.area_content .dl_list_type1 dt:first-child {padding-top: 0;}
.area_content .dl_list_type1 dd {padding-top: 16px; font-size: 14px; line-height: 24px; color: #6a6e79}

/* 박스 스타일 기본 공통, 2단, 3단, 4단 */
.area_content .info_box_unit {}
.area_content .info_box_unit .list {margin: 0 -5px}
.area_content .info_box_unit .list:after {content: ''; display: block; clear:both}
.area_content .info_box_unit .list > li {float: left}
.area_content .info_box_unit .item_box {margin: 0 5px}
.area_content .info_box_unit2 {}
.area_content .info_box_unit2 .list > li {width: 50%}
.area_content .info_box_unit3 {}
.area_content .info_box_unit3 .list > li {width: 33.33%}
.area_content .info_box_unit4 {}
.area_content .info_box_unit4 .list > li {width: 25%}

	.area_content .info_box_unit .list.business-list{    display: flex;
    justify-content: center;}
	.area_content .info_box_unit .list.business-list .item_title {    text-align: center;}
	.area_content .info_box_unit .list.business-list .item_title a{ font-size:18px;}
/* 박스 스타일 화살표 스타일1 */
.area_content .info_box_unit.info_box_unit_style1 {}
.area_content .info_box_unit.info_box_unit_style1 .list > li {margin-bottom: 24px}
.area_content .info_box_unit.info_box_unit_style1 .item_box {min-height: 279px}
.area_content .info_box_unit.info_box_unit_style1 .item_box.bg_green {background:url(../images/bg_info_box_unit_style1_green.svg) 50% 0 no-repeat;background-size: cover}
.area_content .info_box_unit.info_box_unit_style1 .item_box.bg_pink {background:url(../images/bg_info_box_unit_style1_pink.svg) 50% 0 no-repeat;background-size: cover}
.area_content .info_box_unit.info_box_unit_style1 .item_box.bg_purple {background:url(../images/bg_info_box_unit_style1_purple.svg) 50% 0 no-repeat;background-size: cover}
.area_content .info_box_unit.info_box_unit_style1 .item_box.bg_blue {background:url(../images/bg_info_box_unit_style1_blue.svg) 50% 0 no-repeat;background-size: cover}
.area_content .info_box_unit.info_box_unit_style1 .item_title {width: 120px; margin: 0 auto; padding-top: 24px; font-size: 16px; line-height: 26px; color: #fff}
.area_content .info_box_unit.info_box_unit_style1 .item_list {padding-top: 64px}
.area_content .info_box_unit.info_box_unit_style1 .item_list.sw-list-con {padding-bottom:15px;}
.area_content .info_box_unit.info_box_unit_style1 .item_list.sw-list-con >li {margin-left:32px;}
.area_content .info_box_unit.info_box_unit_style1 .item_list > li {position: relative; margin: 8px 24px 0; padding-left: 13px; font-size: 14px; line-height: 20px; color: #fff}
.area_content .info_box_unit.info_box_unit_style1 .item_list > li:before {content: ''; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; border-radius:4px; background-color: #fff;}

/* 박스 스타일 화살표 스타일2 - flex 적용하여 텍스트가 늘어날 경우 리스트 모두 동일하게 늘어남 */
.area_content .info_box_unit.info_box_unit_style2 {}
.area_content .info_box_unit.info_box_unit_style2 .list {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.area_content .info_box_unit.info_box_unit_style2 .list > li {margin-bottom: 24px; flex: 1}
.area_content .info_box_unit.info_box_unit_style2 .item_box {height: 100%; min-height: 279px; padding-bottom: 20px; word-break: keep-all}
.area_content .info_box_unit.info_box_unit_style2 .item_box.bg_green {background:url(../images/bg_info_box_unit_style1_green.svg) 50% 0 no-repeat;background-color:#49cad1}
.area_content .info_box_unit.info_box_unit_style2 .item_box.bg_pink {background:url(../images/bg_info_box_unit_style1_pink.svg) 50% 0 no-repeat;background-color:#fa8d93}
.area_content .info_box_unit.info_box_unit_style2 .item_box.bg_purple {background:url(../images/bg_info_box_unit_style1_purple.svg) 50% 0 no-repeat;background-color:#d47dc9}
.area_content .info_box_unit.info_box_unit_style2 .item_box.bg_blue {background:url(../images/bg_info_box_unit_style1_blue.svg) 50% 0 no-repeat;background-color:#71c5e6}
.area_content .info_box_unit.info_box_unit_style2 .item_title {width: 120px; margin: 0 auto; padding-top: 24px; font-size: 16px; line-height: 26px; color: #fff}
.area_content .info_box_unit.info_box_unit_style2 .item_list {padding-top: 64px}
.area_content .info_box_unit.info_box_unit_style2 .item_list > li {position: relative; margin: 8px 24px 0; padding-left: 13px; font-size: 14px; line-height: 20px; color: #fff}
.area_content .info_box_unit.info_box_unit_style2 .item_list > li:before {content: ''; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; border-radius:4px; background-color: #fff;}


.area_content .table_step_type.table-edu thead th {text-align:center;font-size:16px; }

/* 스텝 테이블 스타일 */
.area_content .table_step_type {width:100%; color:#fff; border:none; text-align:left;}
.area_content .table_step_type thead th {width:20%; padding:15px 0 15px 5%; vertical-align:middle;}
.area_content .table_step_type thead .step01 {width:22%; padding-left:3%;}
.area_content .table_step_type th {width:23%; padding:15px 0; border:none; vertical-align:top;}
.area_content .table_step_type th p{width:90%; margin:0 auto; font-size:14px; line-height:18px; }
.area_content .table_step_type .depth_2 span{display:block; height:1px; margin:14px auto; border-bottom:1px dotted #fff; background:none;}
.area_content .table_step_type thead .step01 {background:#5db4d8;}
.area_content .table_step_type thead .step02 {background:#d47ec9 url(../images/arr_biz_01.gif) no-repeat -2px center;}
.area_content .table_step_type thead .step03 {background:#fa7880 url(../images/arr_biz_02.gif) no-repeat -2px center;}
.area_content .table_step_type thead .step04 {padding-top:20px; background:#37bac0 url(../images/arr_biz_03.gif) no-repeat -2px center;}
.area_content .table_step_type .step01 {background:#71c5e7;}
.area_content .table_step_type .step02 {background:#c26bb7;}
.area_content .table_step_type .step03 {background:#f98d93;}
/* .area_content .table_step_type .step04 {padding-top:30px; background:#48cbd1;} */
.area_content .table_step_type .step04 {background:#48cbd1;}
.area_content .table_step_type strong {display:block; padding-bottom:15px;}
.area_content .table_step_type .step03 strong {padding-top:10px; padding-bottom:23px;}
.area_content .table_step_type .step04 strong {padding-top:17px; padding-bottom:33px;}
.area_content .table_step_type .align {text-align:left;}
.area_content .table_step_type .depth_3 th {padding-top:0; background:#f6f7f9; border-right:1px solid #fff; color:#444;}
.area_content .table_step_type .depth_3 .arr {display:block; height:70px; background:#fff url(../images/arr_down.png) no-repeat center; text-align:center; font-size:24px;}
.area_content .table_step_type .depth_3 strong {display:block; min-height:35px; padding:15px 0; margin:0 0 10px 0; background:#eceef1; font-size:14px; text-align:center; vertical-align:middle;}
.area_content .table_step_type ol {color:#444; text-align:center;}
.area_content .table_step_type ol li {padding:10px 0 15px 0; background:url(../images/arr_down.png) no-repeat center bottom; background-size:10px 5px;}
.area_content .table_step_type ol li:last-child {background:none;}
.area_content .table_step_type .depth_3 th p {padding-top:6px; font-size:12px; line-height:24px;}
.area_content .table_step_type .depth_3 p strong {display:block; min-height:25px; margin:3px 0; padding:5px 0; background:#eceef1; font-size:12px}

/* 스텝 테이블 스타일2 */
.area_content .table_step_type.table_step_type2 {width:100%; color:#fff; border:none; text-align:left;}
.area_content .table_step_type.table_step_type2 thead th {width:20%; padding:15px 0 15px 5%; vertical-align:middle;}
.area_content .table_step_type.table_step_type2 thead .step01 {width:22%; padding-left:3%;}
.area_content .table_step_type.table_step_type2 th {width:23%; padding:15px 0; border:none; vertical-align:top;}
.area_content .table_step_type.table_step_type2 th p{width:90%; margin:0 auto; font-size:14px; line-height:18px; }
.area_content .table_step_type.table_step_type2 thead .step01 {position: relative; background:#5ad3d9}
.area_content .table_step_type.table_step_type2 thead .step01:before {content: ''; position: absolute; top: 50%; left: 100%; margin-top: -37px; border: 37px solid transparent; border-left: 20px solid #5ad3d9; z-index: 10}
.area_content .table_step_type.table_step_type2 thead .step02 {position: relative; background:#70c1dd}
.area_content .table_step_type.table_step_type2 thead .step02:before {content: ''; position: absolute; top: 50%; left: 100%; margin-top: -37px; border: 37px solid transparent; border-left: 20px solid #70c1dd; z-index: 10}
.area_content .table_step_type.table_step_type2 thead .step03 {position: relative; background:#3fa9cc}
.area_content .table_step_type.table_step_type2 thead .step03:before {content: ''; position: absolute; top: 50%; left: 100%; margin-top: -37px; border: 37px solid transparent; border-left: 20px solid #3fa9cc; z-index: 10}
.area_content .table_step_type.table_step_type2 thead .step04 {background:#318aa6}

/* --- 항목 리스트 --- */
.area_content .info-dl-list {}
.area_content .info-dl-list:after {content: ''; display: block; clear: both}
.area_content .info-dl-list dt {position: relative; float: left; padding-left: 13px; padding-bottom: 20px; font-size: 15px; font-weight: 600; line-height: 24px}
.area_content .info-dl-list dt:before {content:''; position: absolute; top: 8px; left: 0; width: 7px; height: 7px; background: url(../images/bu_dot.gif) 0 0 no-repeat}
.area_content .info-dl-list dd {overflow: hidden; padding-left: 16px; padding-bottom: 20px; font-size: 15px; line-height: 24px}
.area_content .info-dl-list img {vertical-align: top}
.area_content .info-dl-list .info-dd-list {}
.area_content .info-dl-list .info-dd-list > li {margin-bottom: 5px; font-size: 14px;}
.area_content .info-dl-list .info-dd-list > li:last-child {margin-bottom: 0}

.area_content .info-dl-list dt {font-size: 14px;}
.area_content .info-dl-list dt:before {content:''; top: 9px;}
.area_content .info-dl-list dd {font-size: 14px;}


/* --- 버튼 (추가 공통) --- */
.area_content .button_box {margin: 0 -2px}
.area_content .button_box:after {content: ''; display: block; clear:both}
.area_content .button_box .btn_full {display: block; margin: 0 2px; padding: 13px 25px 13px 20px; font-size: 14px; line-height: 24px; text-align: center; color: #fff}
.area_content .button_box_type_item2 .button_box_inner {float: left; width: 50%; }

/* --- 탭 개수별 적용 (공통) --- */
.area_content .tab_list_box {}
.area_content .tab_list_box .tab_list {}
.area_content .tab_list_box .tab_list:after {content: ''; display: block; clear: both}
.area_content .tab_list_box .tab_list > li {float: left; display: table; width: 100%; margin-bottom: 1px; border-left: 1px solid #fff; background-color: #eceef1}
.area_content .tab_list_box .tab_list > li.on {}
.area_content .tab_list_box .tab_list > li.on .tab_link {font-weight: 600; text-decoration: none; background-color: #15cfba; color: #fff}
.area_content .tab_list_box .tab_list .tab_link {display: table-cell; height: 65px; font-size: 16px; line-height: 26px; vertical-align: middle; text-align: center}
.area_content .tab_list_box .tab_list .tab_link:hover {background-color: #15cfba; color: #fff; text-decoration: none}
/* 탭 컬러 */
.area_content .tab_list_box.tab_list_box_menu1 .tab_list > li.on .tab_link {background-color: #00796b}
.area_content .tab_list_box.tab_list_box_menu1 .tab_list .tab_link:hover, .area_content .tab_list_box.tab_list_box_menu1 .tab_list .tab_link:focus {background-color: #00796b; color: #fff;}
.area_content .tab_list_box.tab_list_box_menu2 .tab_list > li.on .tab_link {background-color: #1976d2}
.area_content .tab_list_box.tab_list_box_menu2 .tab_list .tab_link:hover, .area_content .tab_list_box.tab_list_box_menu2 .tab_list .tab_link:focus {background-color: #1976d2; color: #fff;}
.area_content .tab_list_box.tab_list_box_menu3 .tab_list > li.on .tab_link {background-color: #3949ab}
.area_content .tab_list_box.tab_list_box_menu3 .tab_list .tab_link:hover, .area_content .tab_list_box.tab_list_box_menu3 .tab_list .tab_link:focus {background-color: #3949ab; color: #fff;}
.area_content .tab_list_box.tab_list_box_menu4 .tab_list > li.on .tab_link {background-color: #673ab7}
.area_content .tab_list_box.tab_list_box_menu4 .tab_list .tab_link:hover, .area_content .tab_list_box.tab_list_box_menu4 .tab_list .tab_link:focus {background-color: #673ab7; color: #fff;}
.area_content .tab_list_box.tab_list_box_menu5 .tab_list > li.on .tab_link {background-color: #f48037}
.area_content .tab_list_box.tab_list_box_menu5 .tab_list .tab_link:hover, .area_content .tab_list_box.tab_list_box_menu5 .tab_list .tab_link:focus {background-color: #f48037; color: #fff;}
/* .area_content .tab_list_box.tab_list_box_menu1 .tab_list > li.on .tab_link {background-color: #15cfba}
.area_content .tab_list_box.tab_list_box_menu1 .tab_list .tab_link:hover {background-color: #15cfba}
.area_content .tab_list_box.tab_list_box_menu2 .tab_list > li.on .tab_link {background-color: #5db4d8}
.area_content .tab_list_box.tab_list_box_menu2 .tab_list .tab_link:hover {background-color: #5db4d8}
.area_content .tab_list_box.tab_list_box_menu3 .tab_list > li.on .tab_link {background-color: #73d466}
.area_content .tab_list_box.tab_list_box_menu3 .tab_list .tab_link:hover {background-color: #73d466}
.area_content .tab_list_box.tab_list_box_menu4 .tab_list > li.on .tab_link {background-color: #bda8db}
.area_content .tab_list_box.tab_list_box_menu4 .tab_list .tab_link:hover {background-color: #bda8db}
.area_content .tab_list_box.tab_list_box_menu5 .tab_list > li.on .tab_link {background-color: #f4d583}
.area_content .tab_list_box.tab_list_box_menu5 .tab_list .tab_link:hover {background-color: #f4d583} */

/* 2단 ~ 5단까지 */
.area_content .tab_list_box .tab_list.tab_list_type2 > li {width: 50%}
.area_content .tab_list_box .tab_list.tab_list_type2 > li:nth-child(2n + 1) {border-left: 0 none}
.area_content .tab_list_box .tab_list.tab_list_type3 > li {width: 33.33%}
.area_content .tab_list_box .tab_list.tab_list_type3 > li:nth-child(3n + 1) {border-left: 0 none}
.area_content .tab_list_box .tab_list.tab_list_type4 > li {width: 25%}
.area_content .tab_list_box .tab_list.tab_list_type4 > li:nth-child(4n + 1) {border-left: 0 none}
.area_content .tab_list_box .tab_list.tab_list_type5 > li {width: 20%}
.area_content .tab_list_box .tab_list.tab_list_type5 > li:nth-child(5n + 1) {border-left: 0 none}


/* 대제목 */
.area_content .grand_title_area {padding-top: 40px; text-align: center}
.area_content .grand_title_area .grand_title {font-size: 26px; line-height: 36px; color: rgba(0, 0, 0, 0.8);}
.area_content .grand_title_area .grand_title_subtitle {font-size: 18px; line-height: 36px; color: rgba(0, 0, 0, 0.8);}

/* 파일첨부 커스텀, 타이틀 영역 */
.attachment_box {}
.attachment_box + .attachment_box {margin-top: 8px;}
.attachment_box .attachment_title {display: inline-block; min-width: 160px; padding-right: 20px; font-size: 14px; line-height: 24px;}

/* 파일첨부 커스텀 */
.area_content .input_file_custom_box {display: inline-block;}
.area_content .input_file_custom_box .input_file_custom_label {display: inline-block; height: 33px; padding: 0 12px; font-size: 13px; line-height: 33px; font-weight: 600; background-color: #aaa; color: #fff; cursor: pointer;}
.area_content .input_file_custom_box .input_file_custom {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}

/* 파일첨부 커스텀 파일첨부 후 */
.area_content .file_info {display: inline-block;}
.area_content .file_info .file_info_item {position: relative; display: inline-block; padding-right: 33px;}
.area_content .file_info .file_info_name {position: relative; display: inline-block; padding-left: 23px; font-size: 14px; line-height: 24px; word-break: break-all; color: #6a6e79;}
.area_content .file_info .file_info_name:before {content: ''; position: absolute; top: 4px; left: 0; width:18px; height: 18px; background: url(../images/icon_clip.png) 0 0 no-repeat; background-size: 18px 18px;}
.area_content .file_info .button_file_info_delete{position: absolute; top:0; right: 0; border: 0 none; font-size: 13px; line-height: 25px; font-weight: 600; background-color: transparent; color: #0782c1; cursor: pointer;}

.area_content .btn_common {display: inline-block; width: 185px; height: 50px; padding: 12px 0 14px; font-size: 16px; line-height: 24px; color: #fff; text-align: center;}
.area_content .btn_common.tab01_type {background-color: #15cfba;}
.area_content .btn_common.tab02_type {background-color: #5db4d8;}
.area_content .btn_common.tab03_type {background-color: #73d466;}
.area_content .btn_common.tab04_type {background-color: #bda8db;}
.area_content .btn_common.tab05_type {background-color: #f4d583;}

/* input 공통 */
.area_content .input_common {height: 34px; padding: 0 10px; border: 1px solid #dcdde0; border-radius: 2px; font-size: 14px; line-height: 24px; -webkit-appearance: none;}

/* --- //컨텐츠 공통 --- */

.intro_outline span{padding:0 3px; background:url(../images/bg_highlighter.png) repeat-x 0 6px;}


.intro_important ul{width:100%;}
.intro_important ul li strong{display:block; font-size:16px; font-weight:bold;}
.intro_important ul li span{display:block; padding-left:10px; background:url(../images/bu_line.gif) no-repeat left 15px;}


.intro_trend .p_box{margin-bottom:20px; padding:15px 20px; background:#eee; border-top:1px solid #ccc; font-size:14px; line-height:24px;}
.intro_trend img{max-width:820px; margin:0 0 50px 0;}
.intro_trend p{margin-bottom:10px ; padding-left:13px; background:url(../images/bu_dot.gif) no-repeat left 10px; letter-spacing:-0.5px;}
.intro_trend p span{display:block; padding-left:10px; background:url(../images/bu_line.gif) no-repeat left 15px;}

.intro_use ul li a:hover, .intro_use ul li a:focus {background:#00796B; color:#fff; text-decoration:none;}
.intro_use ul li.on a{background:#00796B; color:#fff; font-weight:bold; text-decoration:none;}
/* .intro_use ul li a:hover{background:#15cfba; color:#fff; text-decoration:none;}
.intro_use ul li.on a{background:#15cfba; color:#fff; font-weight:bold; text-decoration:none;} */

.intro_use div{text-align:center;}
.intro_use h4{clear:both; padding-bottom:10px; font-size:16px; font-weight:bold; text-align:left;}

.intro_use table{width:100%; box-sizing:content-box; font-size:14px; border-collapse:collapse; line-height:18px;}
.intro_use table th{border:1px solid #e1e5e8;}
.intro_use table td{border:1px solid #e1e5e8; text-align:center; word-break:break-all;}
.intro_use table thead th{background:#fbfbfb; height:32px; padding:10px 5px;  font-weight:bold;}
.intro_use table td{height:32px; padding:10px 5px; letter-spacing:-1px;}

.intro_use table .tn01{width:5%;}
.intro_use table .tn02{width:15%;}
.intro_use table .tn03{width:12%;}
.intro_use table .tn04{width:12%;}
.intro_use table .tn05{width:12%;}
.intro_use table .tn06{width:17%; word-break:break-all;}
.intro_use table td.tn06{padding-left:10px; padding-right:10px; text-align:left;}
.intro_use table .tn07{width:auto;}
.intro_use table td.tn07{padding-left:10px; padding-right:10px; text-align:left;}

.intro_use .no_item{margin-top:25%; font-size:14px;}

.intro_licence01 h4{padding-top:10px!important;}
.intro_licence01 p strong{font-size:16px; color:#fdb747;}
.intro_licence01 span{display:block; width:100%; text-align:center}

.intro_licence h4{padding:80px 0 20px 0;}

.intro_licence table{width:100%; font-size:14px; border-collapse:collapse; text-align:center;}
/* .intro_licence table caption{padding-bottom:10px; text-align:right;} */
.intro_licence table th{border:1px solid #e1e5e8;}
.intro_licence table td{border:1px solid #e1e5e8;}
.intro_licence table thead th{background:#fbfbfb; height:32px; padding:10px 5px; font-weight:bold;}
.intro_licence table td{height:32px; padding:10px 5px; line-height:24px;}

.intro_licence .intro_licence_compare_info {padding-bottom: 10px; text-align: right;}
.intro_licence table span, .intro_licence .intro_licence_compare_info span{font-size:17px; font-weight:bold; letter-spacing:3px;}
.intro_licence .ok{color:#3781c0;}
.intro_licence .no{display:inline-block; padding-top:2px; color:#fa7880;}
.intro_licence .intro_licence_compare_info .no{margin-left:15px;}

.intro_licence .il_name01{width:auto}
.intro_licence td.il_name02{width:40%; padding-left:20px; text-align:left;}
.intro_licence td.il_name03{width:40%; padding-left:20px; text-align:left;}

.intro_faq div a{display:block; float:left; width:32.5%; height:140px; margin-right:1%; text-align:center; font-size:18px; letter-spacing:-1px; color:#fff; line-height:30px; text-align:right;}

.intro_faq div a span{display:block; font-weight:bold;}
.intro_faq div a:hover span{color:#fff;}
.intro_faq .faq_01{padding:70px 15px 0 0; background:#15cfba url(../images/bg_intro_f01.gif) no-repeat 20px bottom;}
.intro_faq .faq_02{padding:10px 15px 0 0; background:#555c65 url(../images/bg_intro_f02.gif) no-repeat 10px bottom; line-height:24px;}
.intro_faq .faq_03{padding:70px 15px 0 0; margin:0; background:#15cfba url(../images/bg_intro_f03.gif) no-repeat 20px bottom;}

.intro_faq ul{margin:30px 0 0 0; border-top:1px solid #777; }
.intro_faq ul::after {content:''; display: block; clear: both;}
.intro_faq ul li{float:left; width:100%; border-bottom:1px solid #e1e5e8;}

.intro_faq ul li a{display:block; font-size:15px; padding:10px 0 15px 0;}
.intro_faq ul li a span{display:block; float:left;}
.intro_faq ul li a span.left{width:150px; padding:5px 0 0 30px; background:url(../images/line_footer.gif) no-repeat right 11px; color:#353535;}
.intro_faq ul li a span.right{padding:5px 0 0 30px; color:#777; letter-spacing:-1px}

.intro_faq ul li.on a{background:#f5f5f5;}
.intro_faq ul li:hover a{background:#f5f5f5; color:#444; text-decoration:none;}
.intro_faq ul li:hover a span{color:#444; text-decoration:none;}

.intro_faq ul li p{width:96%; margin:0 auto; padding:40px 2% 20px 2%; border-top:1px solid #e1e5e8; line-height:26px;}
.intro_faq ul li p .deco{background:url(../images/bg_highlighter.png) repeat-x 0 6px;}
.intro_faq ul li p strong{ font-size:24px; font-weight:normal;}
.intro_faq ul li p .img{display:block; width:100%; margin-top:20px; text-align:center; font-size:12px;}
.intro_faq ul li p .img img{margin:0;}
.intro_faq ul li .btn{display:block; margin:20px 0 30px 0; text-align:center;}
.intro_faq ul li button{width:140px; height:40px; background-color: #00796b; color:#fff; font-size:14px; }

/***** sub business ******/

/***** sub biz common tab ******/
.biz_tab{width:100%; overflow:hidden;}
.biz_plaza .biz_tab li{width:33.3%;}
.biz_license .biz_tab li{width:50%;}
.biz_consult .biz_tab li{width:50%;}
.biz_tech .biz_tab li{width:50%;}
.biz_forum .biz_tab li{width:33.3%;}

.biz_common{color: #6a6e79}

.biz_common h4.first{padding-top:10px;}

.biz_common table{width:100%; border-collapse:collapse; box-sizing:content-box; font-size:14px;}
.biz_common table th{border:1px solid #e1e5e8; background:#fbfbfb; height:30px; padding:10px 5px; font-size:14px; font-weight:bold;}
.biz_common table td{border:1px solid #e1e5e8; height:20px; padding:10px 5px; line-height:24px; text-align:center;}
.biz_common table .last{text-align:left; line-height:24px;}
.biz_common table .table_item_list {margin: 0 -2px;}
.biz_common table .table_item_list:after {content:''; display: block; clear: both;}
.biz_common table .table_item_list > li {float:left; margin:0 2px 4px; padding: 6px 13px; border-radius:3px; font-size:14px; line-height: 24px; font-weight: bold; background-color: #ebecf0; color: #6a6e79;}

/* 공개SW 개발자대회 페이지 테이블 */
/* .biz_common table.table_developer_challenge{width:100%; border-collapse:collapse; box-sizing:content-box; font-size:14px;}
.biz_common table.table_developer_challenge th{border:1px solid #e1e5e8; background:#ebf5fa; height:30px; padding:10px 5px; font-size:14px; line-height: 24px; font-weight:bold; color: #0782c1;}
.biz_common table.table_developer_challenge td{border:1px solid #e1e5e8; height:20px; padding:10px 5px; line-height:24px; text-align:center;}
.biz_common table.table_developer_challenge .last{text-align:left; line-height:24px;} */




       .prev-button {display: inline-block;}
       .prev-button a{display: block; padding: 5px; font-size: 20px;font-weight: 700;}
	   .prev-button a:hover * {text-decoration:none;}
       .prev-button a i{}
.biz_common .contributhon-apply-title {margin-bottom:20px; letter-spacing:-1px;}
.biz_common .contributhon-apply-form table.table_developer_challenge {}
.biz_common .contributhon-apply-form table.table_developer_challenge th{padding:10px; background:#f9f9f9; color:#666;font-weight: 300; word-break:keep-all;}
.biz_common .contributhon-apply-form  table .table_developer_challenge_input { height: 36px;     border-radius: 5px; color: #888;}
.biz_common .contributhon-apply-form table.table_developer_challenge .workmanship-input-label{padding-right:7px;}
.biz_common .contributhon-apply-form table.table_developer_challenge .contributhon-apply-textarea {width:100%;}

.biz_common .contributhon-apply-form  table .table_developer_challenge_input::placeholder {
	color:#999;
}

.biz_common .contributhon-apply-form table.table_developer_challenge .contributhon-apply-route input:first-child{margin-left:0;}

.contributhon-apply-change { display:inline-block; border:0; line-height: 1.52857; background:#00aeeb; color:#fff; padding: 7px 16px;font-size: 14px;}
 
.contributhon-apply-delete { margin-left: 10px; margin-top:15px; display:inline-block; }	
.project-select	{width:200px; border: 1px solid #ddd; padding: 6px;height:36px; border-radius:5px;}
.biz_common .contributhon-apply-form input[type="radio"] {margin-right:5px; margin-left:10px;} 
.biz_common .contributhon-apply-form input[type="radio"]:first-child {margin-left:0;}
.contributhon-apply-route-txt:last-child {display:block;}
	 


.biz_common table.table_developer_challenge{width:100%; min-width: auto; border-collapse:collapse; box-sizing: border-box; font-size:14px;}
.biz_common table.table_developer_challenge th{border:1px solid #e1e5e8; background:#ebf5fa; height:30px; padding:10px 5px; font-size:14px; line-height: 24px; font-weight:bold; box-sizing: border-box; color: #0782c1;}
.biz_common table.table_developer_challenge td{border:1px solid #e1e5e8; height:20px; padding:10px 20px; line-height:24px; box-sizing: border-box; }

.biz_common table.table_developer_challenge .developer_assignment-detail-button {display:inline-block; padding:5px; border:1px solid #eee;    line-height: 15px;font-size: 12px;margin-left: 10px; border-radius: 5px; transition:0.1s ease-in;}
.biz_common table.table_developer_challenge .developer_assignment-detail-button:hover {background-color:#eee; text-decoration:none;}

.biz_common table.table_developer_challenge .table_developer_assignment-item { border:1px solid #eee; padding:10px; margin:10px 0;}
.biz_common table.table_developer_challenge .last{text-align:left; line-height:24px;}

.biz_common table.table_developer_challenge.type1 th{padding:10px 24px;}
.biz_common table.table_developer_challenge.type1 td{padding:10px 24px;}

.biz_common table .table_developer_challenge_input {height: 32px; padding: 0 10px; border: 1px solid #dcdde0; -webkit-appearance: none;}


.area_content .btn_common.tab02_type.register-button{background-color:#F83E9F;}

.biz_common .goal{width:90%; margin-top:30px; padding:20px 5%; background:#1976D2; color:#fff; text-align:center; letter-spacing:-1px; box-sizing:content-box;}
/* .biz_common .goal{width:90%; margin-top:30px; padding:20px 5%; background:#5db4d8; color:#fff; text-align:center; letter-spacing:-1px; box-sizing:content-box;} */
.biz_common .goal strong{display:block; letter-spacing:0px; font-size:16px;}
.biz_common .goal span{display:block; width:10%; margin:30px auto; height:1px; background:#fff; opacity:0.5}

.biz_common .btn{display:block; width:100%; height:100px; background:none; text-align:left;}
.biz_common .btn a{display:block; min-width:300px; margin:30px 10px 0 0; font-size:15px; color:#fff; letter-spacing:-1px; text-align:left; line-height:20px; text-decoration:none;}
.biz_common .btn a:hover{color:#fff; background-color:#333;}

.biz_common .btn_01{float:left; padding:13px 25px 13px 20px; background:#1976d2 url(../images/btn_biz_01.png) no-repeat 240px center;}
.biz_common .btn_02{float:left; padding:13px 25px 13px 20px; background:#1976d2 url(../images/btn_biz_02.png) no-repeat 240px center;}
.biz_common .btn_03{width:310px; padding:18px 25px 18px 20px; background:#1976d2 url(../images/btn_biz_03.png) no-repeat 240px center;}
.biz_common .btn_04{display: inline-block; width:250px; margin:40px auto 0 auto!important; padding:13px 25px 13px 20px; background:#1976d2; text-align:center!important; color: #fff;}
/* .biz_common .btn_01{float:left; padding:13px 25px 13px 20px; background:#15cfba url(../images/btn_biz_01.png) no-repeat 240px center;}
.biz_common .btn_02{float:left; padding:13px 25px 13px 20px; background:#15cfba url(../images/btn_biz_02.png) no-repeat 240px center;}
.biz_common .btn_03{width:310px; padding:18px 25px 18px 20px; background:#15cfba url(../images/btn_biz_03.png) no-repeat 240px center;}
.biz_common .btn_04{display: inline-block; width:250px; margin:40px auto 0 auto!important; padding:13px 25px 13px 20px; background:#15cfba; text-align:center!important;} */

.biz_common .bu_txt{margin-bottom:10px; padding-left:14px; background:url(../images/bu_dot.gif) no-repeat left 10px;}
.biz_common .bu_txt span{display:block; padding-left:10px; background:url(../images/bu_line.gif) no-repeat left 13px;}
.biz_common .bu_txt a{color:#444; text-decoration:underline;}
.biz_common .bu_txt a:hover{color:#5db4d8;}

.biz_common p span{padding-right:10px; background:url(../images/bu_dot.gif) no-repeat center;}
.biz_common p span.text_no_icon {padding-right: 4px; background: none;}

.biz_common .info li{width:100%; padding:0 0 10px 0; font-size:15px}
.biz_common .info li:last-child{padding-top:10px;}
.biz_common .info li strong{display:block; width:50px; padding:4px 0 3px 14px; background:url(../images/bu_dot.gif) no-repeat left 9px;}
.biz_common .info li img{margin:0;}
.biz_common .info li p{float:left; padding-left:17px;}
.biz_common .info li p span{display:block; width:100%; margin-bottom:5px; padding-left:10px; background:url(../images/bu_line.gif) no-repeat left 13px;}
.biz_common .info li:last-child p img{padding-top:10px;}

.biz_common .icon-redhat {
  display: inline-block;
  width: 38px;
  height: 38px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 38px 38px;
  background-image: url(../images/icon-redhat.png);
}

.biz_tab li{float:left; display:table; border-right:1px solid #fff; background:#eceef1; text-align:center; font-size:16px;}
.biz_tab li a{display:block; display:table-cell; height:50px; vertical-align:middle;}
.biz_tab li a:hover, .biz_tab li a:focus {background:#1976d2; color:#fff; text-decoration:none;}
.biz_tab li.on a{background:#1976d2; color:#fff; text-decoration:none; font-weight:bold;}
/* .biz_tab li a:hover{background:#5db4d8; color:#fff; text-decoration:none;}
.biz_tab li.on a{background:#5db4d8; color:#fff; text-decoration:none; font-weight:bold;} */
.biz_tab li:last-child{border-right:none;}

.biz_tech .biz_tab li a:hover, .biz_tech .biz_tab li a:focus {background:#673ab7; color:#fff; text-decoration:none;}
.biz_tech .biz_tab li.on a{background:#673ab7; color:#fff; text-decoration:none; font-weight:bold;}
/* .biz_tech .biz_tab li a:hover{background:#bda8db; color:#fff; text-decoration:none;}
.biz_tech .biz_tab li.on a{background:#bda8db; color:#fff; text-decoration:none; font-weight:bold;} */

.biz_plaza img{margin-top:30px;}
.biz_plaza .btn{text-align:center;}
.biz_plaza .btn button{padding:15px 10px; text-align:center;}
.biz_plaza .tab03 p{line-height:40px; background:none;}
.biz_plaza .tab03 strong{padding-right:20px;}
.biz_plaza .tab03 .road_map{width:100%; height:300px; margin:30px 0; border:1px solid #e1e5e8; overflow:hidden; box-sizing:border-box;}

.biz_plaza .tab03 p .bus01{color:#0084ff;}
.biz_plaza .tab03 p .bus02{color:#44b80c;}
.biz_plaza .tab03 p .bus03{color:#e10000;}

.biz_plaza .s_category .last{padding-left:10px;}
.biz_plaza .sc_name01{width:10%; text-align:center;}
.biz_plaza .sc_name02{width:40%;}
.biz_plaza .sc_name03{width:50%;}

.biz_plaza .bp_name01{width:auto;}
.biz_plaza .bp_name02{width:8%;}
.biz_plaza .bp_name03{width:47%;}
.biz_plaza td.bp_name03{text-align:left;}
.biz_plaza .bp_name04{width:14%;}
.biz_plaza td.bp_name04{ letter-spacing:-0.5px}
.biz_plaza .bp_name05{width:16%;}

.biz_license p em{background:url(../images/bg_highlighter.png) repeat-x 0 6px;}

.biz_license .p_box{margin:10px 0 0 0; padding:15px 20px; background:#eee; border-top:1px solid #ccc; font-size:14px; line-height:24px;}
.biz_license .p_box b{display:block; padding-bottom:10px; font-size:15px; text-align:center; text-decoration:underline;}

.biz_license h4 a{display:block; float:right; padding:8px 35px 8px 20px; background:#e0e4e7 url(../images/arr_snb.png) no-repeat 112px center; font-size:16px; text-align:right;}

.biz_license .tab02 p{padding-top:30px; letter-spacing:-0.5px;}
.biz_license .tab02 table{margin-top:30px;}
.biz_license .tab02 p.bu_txt{padding-top:0;}

.biz_license .bl_name01{width:10%;}
.biz_license .bl_name02{width:auto;}
.biz_license .bl_name03{width:70%;}
.biz_license td.bl_name03{padding-left:20px; text-align:left;}


.biz_consult .tab01 table{width:100%; margin-top:50px; color:#fff; border:none; text-align:left;}
.biz_consult .tab01 table thead th{width:20%; padding:15px 0 15px 5%; vertical-align:middle;}
.biz_consult .tab01 table thead .step01{width:22%; padding-left:3%;}

.biz_consult .tab01 table th{width:23%; padding:15px 0; border:none; vertical-align:top;}
.biz_consult .tab01 table th p{width:90%; margin:0 auto; font-size:14px; line-height:18px; }
.biz_consult .tab01 table .depth_2 span{display:block; height:1px; margin:14px auto; border-bottom:1px dotted #fff; background:none;}

.biz_consult .tab01 thead .step01{background:#5db4d8;}
.biz_consult .tab01 thead .step02{background:#d47ec9 url(../images/arr_biz_01.gif) no-repeat -2px center;}
.biz_consult .tab01 thead .step03{background:#fa7880 url(../images/arr_biz_02.gif) no-repeat -2px center;}
.biz_consult .tab01 thead .step04{padding-top:20px; background:#37bac0 url(../images/arr_biz_03.gif) no-repeat -2px center;}
.biz_consult .step01{background:#71c5e7;}
.biz_consult .step02{background:#c26bb7;}
.biz_consult .step03{background:#f98d93;}
.biz_consult .step04{padding-top:30px; background:#48cbd1;}

.biz_consult table strong{display:block; padding-bottom:15px;}
.biz_consult table .step03 strong{padding-top:10px; padding-bottom:23px;}
.biz_consult table .step04 strong{padding-top:17px; padding-bottom:33px;}

.biz_consult table .align{text-align:left;}

.biz_consult .tab01 table .depth_3 th{padding-top:0; background:#f6f7f9; border-right:1px solid #fff; color:#444;}
.biz_consult .tab01 table .depth_3 .arr{display:block; height:70px; background:#fff url(../images/arr_down.png) no-repeat center; text-align:center; font-size:24px;}
.biz_consult .tab01 table .depth_3 strong{display:block; min-height:35px; padding:15px 0; margin:0 0 10px 0; background:#eceef1; font-size:14px; text-align:center; vertical-align:middle;}
.biz_consult .tab01 table ol{color:#444; text-align:center;}
.biz_consult .tab01 table ol li{padding:10px 0 15px 0; background:url(../images/arr_down.png) no-repeat center bottom; background-size:10px 5px;}
.biz_consult .tab01 table ol li:last-child{ background:none;}
.biz_consult .tab01 table .depth_3 th p{padding-top:6px; font-size:12px; line-height:24px;}
.biz_consult .tab01 table .depth_3 p strong{display:block; min-height:25px; margin:3px 0; padding:5px 0; background:#eceef1; font-size:12px}

.biz_consult .process{width:100%; margin-bottom:20px;}

.biz_consult .process li strong{display:block; padding-bottom:10px; font-size:16px; }



.biz_consult .stage .step01{background:#5db4d8;}
.biz_consult .stage .step02{background:#d47ec9 url(../images/arr_biz_01.gif) no-repeat -2px center;}
.biz_consult .stage .step03{background:#fa7880 url(../images/arr_biz_02.gif) no-repeat -2px center;}
.biz_consult .stage .step04{background:#37bac0 url(../images/arr_biz_03.gif) no-repeat -2px center;}

.biz_consult .tab02 .txt{padding:10px 20px; background:#f6f7f9;}
.biz_consult .tab02 table{margin-top:20px;}
.biz_consult .tab02 table th{width:50%}
.biz_consult .tab02 table td{text-align:left; padding-left:20px;}


.biz_tech p{padding:35px 0; line-height:28px; letter-spacing:-1px;}
.biz_tech .reg li{padding-bottom:15px; font-size:14px;}
.biz_tech .reg li strong{padding:0 22px 0 12px; background:url(../images/bu_dot.gif) no-repeat center left;}
.biz_tech .reg_ex{margin-top:30px; padding:25px; background:#f6f7f9; font-size:14px; line-height:22px;}
.biz_tech .reg_ex span{display:block; padding-left:10px; background:url(../images/bu_line.gif) no-repeat left 15px; font-size:14px;}

.biz_tech .tab02 ol{padding-bottom:70px;}
.biz_tech .tab02 ol li{float:left; margin-bottom:30px; padding:0 2%; background:url(../images/line_footer.gif) no-repeat center right; text-align:center; font-size:24px; letter-spacing:-0.5px;}
.biz_tech .tab02 ol li.on{padding:0 2%; font-weight:bold;}
.biz_tech .tab02 ol li.on a{color:#5db4d8; text-decoration:underline}
.biz_tech .tab02 ol li:first-child{padding-left:0;}
.biz_tech .tab02 ol li:last-child{padding-right:0; background:none;}

.biz_tech .tab02 .content{text-align:left; padding:10px; font-size:14px;}

.biz_tech .tab02 .detail{background:#00796b;}
.biz_tech .tab02 .mov{background:#f48037;}
.biz_tech .tab02 .down{background:#df2949;}

.biz_tech .tab02 .year{clear:both; display:block; padding:20px 0 10px 0; font-size:24px;}
.biz_tech .tab02 .year:hover{color:#444; text-decoration:none;}

.biz_tech .tab02  table a{display:block; margin-bottom:5px; width:130px; margin:0 auto 5px auto; padding:5px 0; color:#fff;}

.biz_tech .bt_name01{width:10%}
.biz_tech .bt_name02{width:8%}
.biz_tech .bt_name03{width:auto}
.biz_tech td.bt_name03{padding:10px; text-align:left;}
.biz_tech .bt_name04{width:22%}

.biz_tech  table td{ word-break:break-all;}
.biz_tech .in_table{width:96%; margin:0 auto; border:none;}
.biz_tech .in_table td{padding:0 5px; border:none; text-align:left;}

.biz_tech .in_table .it_name01{width:20%; padding:5px 0; vertical-align:top;}
.biz_tech .in_table .it_name01 strong{}
.biz_tech .in_table .it_name02{width:auto;}
.biz_tech .in_table .it_name03{width:20%;}
.biz_tech table p{padding-top:0; padding-bottom:0;}

.biz_center table{margin:30px 0;}
.biz_center table td{padding-left:15px; text-align:left; letter-spacing:-1px;}

.biz_center .bc_name01{width:30%;}
.biz_center .bc_name02{width:auto;}

.biz_center .btn_hwp{display:block; margin-bottom:20px; padding-top:20px; background:none;}
.biz_center .btn_hwp a{float:left; display:block; width:33%; margin-right:0.5%; padding:15px 0; background:#1190ea; font-size:15px; color:#fff; text-align:center; text-decoration:none; }
.biz_center .btn_hwp a:hover{background-color:#333; color:#fff;}
.biz_center .btn_hwp .last{margin-right:0;}


.biz_online h4.first{padding-top:10px;}
.biz_online h4{padding:60px 0 20px 0;}
.biz_online .olc_img{display:block; width:100%; padding:40px 0 35px 0; border:1px solid #e1e5e8; text-align:center;}
.biz_online p{letter-spacing:-0.5px; line-height:30px;}
.biz_online p strong{display:block; padding:20px 0; font-size:16px; letter-spacing:0;}
.biz_online p a{display:block; font-weight:bold; text-decoration:underline;}
.biz_online p span{padding-left:10px;}
.biz_online01 h4{padding-bottom:0;}
.biz_online01 strong{padding:0 0 20px 0;}

.biz_aid img{padding:30px 0 20px 0;}
.biz_aid em{display:block; padding-left:10px;}
.biz_aid ol{padding:30px 0 50px 0; text-align:center;}
.biz_aid ol li{float:left; margin-left:5px; padding:0 22px 10px 0; background:url(../images/arr_biz_07.gif) no-repeat right center; color:#fff; font-size:14px; line-height:24px; letter-spacing:-1px;}
.biz_aid ol li strong{display:block;}
.biz_aid ol li span{display:block ;padding:10px 5px;}
.biz_aid ol li:last-child{background-image:none;}

.biz_aid ol .step01{margin:0; background:none; padding-right:1px;}
.biz_aid ol .step01 strong{min-height:18px; padding:40px 10px; background:#38a5cf}
.biz_aid ol .step01 span{background:#3294ba;}

.biz_aid ol .step02{margin:0;}
.biz_aid ol .step02 strong{min-height:48px; padding:16px 14px; background:#12cdba}
.biz_aid ol .step02 span{background:#10b8a7;}
.biz_aid ol .step03 strong{min-height:28px; padding:28px 12px; background:#19c5be}
.biz_aid ol .step03 span{background:#16b1ab;}
.biz_aid ol .step04 strong{min-height:28px; padding:28px 12px; background:#21bdc2}
.biz_aid ol .step04 span{background:#26a2b3;}
.biz_aid ol .step05 strong{min-height:28px; padding:28px 12px; background:#2ab4c7}
.biz_aid ol .step05 span{background:#26a2b3;}
.biz_aid ol .step06 strong{min-height:28px; padding:28px 12px; background:#31accc}
.biz_aid ol .step06 span{background:#2c9ab7;}
.biz_aid ol .step07 strong{min-height:18px; padding:40px 12px; background:#38a5cf}
.biz_aid ol .step07 span{background:#3294ba;}

.biz_challenge .info li{float:left; width:100%; box-sizing:content-box;}
.biz_challenge .info li strong{float:left; width:60px; display:block;}
.biz_challenge .info li span{float:left; display:block; width:84%; padding-left:0; letter-spacing:-0.5px;}
.biz_challenge .img{padding-top:30px;}

.biz_forum h4{padding-top:50px;}
.biz_forum h4.first{padding-top:0px;}
.biz_forum p em{padding-left:10px; letter-spacing:-0.5px;}
.biz_forum table{margin-top:60px; margin-bottom:30px;}
.biz_forum .biz_tab{margin-bottom:40px;}
.biz_forum .tab02 table{margin-top:20px;}

.biz_forum .tab02 table td{ word-break:break-all;}

.biz_forum .tab03 table{margin-top:20px;}
.biz_forum img{margin-bottom:20px;}

.biz_forum .bf_name01{width:7%}
.biz_forum .bf_name02{width:12%}
.biz_forum .bf_name03{width:16%}
.biz_forum .bf_name04{width:65%}

.biz_forum .bf_name05{width:10%}
.biz_forum .bf_name06{width:20%}
.biz_forum .bf_name07{width:42%}
.biz_forum .bf_name08{width:28%}

.biz_forum .bf_name11{width:16%}
.biz_forum .bf_name12{width:64%}
.biz_forum .bf_name13{width:20%}

.biz_forum .bf_plan td{padding:5px 0; height:20px;}
.biz_forum .bf_plan .last{padding:10px; text-align:left;}

.biz_forum .info li{clear:both; margin-bottom:20px; }
.biz_forum .info li strong{width:100px;}


.biz_lab h4{padding:60px 0 20px 0;}
.biz_lab .olc_img{display:block; width:100%; padding:65px 0 55px 0; border:1px solid #e1e5e8; text-align:center;}
.biz_lab p{letter-spacing:-0.5px; line-height:30px;}
.biz_lab p strong{display:block; padding:20px 0; font-size:16px; letter-spacing:0;}

.biz_lab p span{padding-left:10px;}
.biz_lab p em{font-size:14px;}
.biz_lab p em a{display:inline}

.etc_mail p{width:71%; min-height:200px; padding:30px 4% 30px 25%; background:#f6f7f9 url(../images/ico_etc_mail.gif) no-repeat 6% center; font-size:15px; box-sizing:content-box;}
.etc_mail ol{padding:30px 0 0 0; }
.etc_mail ol li{padding-bottom:20px; font-size:15px; color:#777; line-height:26px;}
.etc_policy strong{display:block; padding:30px 0; font-size:24px; color:#353535; font-weight:normal}
.etc_policy .first{padding-top:0;}

.etc_policy table{width:100%; margin:20px 0;}
.etc_policy table,th,td{border:1px solid #e1e5e8; border-collapse:collapse;}
.etc_policy table thead th{background:#fbfbfb; font-size:14px; font-weight:bold;}
.etc_policy table th{height:32px; padding:10px; font-size:13px;}

.etc_sitemap{float:left; width:32%; margin-right:2%;}
.etc_sitemap .sub_snb{margin-bottom:30px;}
.etc_sitemap .sub_snb > li{background:#f1f3f5; border-bottom:1px solid #fff; }
.etc_sitemap .sub_snb > li a{display:block; padding:13px; font-size:15px;}
.etc_sitemap .sub_snb ul{padding:15px 0 5px 0; background:#fff}
.etc_sitemap .sub_snb ul li a{padding:0 0 10px 5px; font-size:14px;}

.etc_sitemap strong{display:block; padding:15px 0; font-size:16px; text-align:center; color:#fff;}

.st_03{margin:0;}
.st_06{margin:0;}

.st_01 strong{background:#15cfba;}
.st_02 strong{background:#6dc1e4;}

.st_03 strong{background:#9fe196;}
.st_04 strong{background:#bda8db;}
.st_05 strong{background:#f4d583;}
.st_06 strong{background:#cacfd2;}

.info_techtip ul{margin-bottom:30px;}
.info_techtip.intro_use ul li a:hover, .info_techtip.intro_use ul li a:focus {background:#3949ab;}
.info_techtip.intro_use ul li.on a{background:#3949ab;}


/***** sub info ******/
.info_sp h4.first{padding-top:10px;}

.info_sp .bu_txt{margin-bottom:10px; padding-left:14px; background:url(../images/bu_dot.gif) no-repeat left 10px;}
.info_sp .bu_txt span{display:block; padding-left:10px; background:url(../images/bu_line.gif) no-repeat left 13px;}
.info_sp a{font-weight:bold; text-decoration:underline; letter-spacing:-0.5px}

.info_sp .btn{}
.info_sp .btn a{display:block; width:310px; margin:15px auto 40px auto; padding:20px 25px 20px 20px; background:#3949AB url(../images/btn_biz_01.png) no-repeat 240px center; font-size:15px; color:#fff; letter-spacing:-1px; text-align:left; text-decoration:none;}
/* .info_sp .btn a{display:block; width:310px; margin:15px auto 40px auto; padding:20px 25px 20px 20px; background:#15cfba url(../images/btn_biz_01.png) no-repeat 240px center; font-size:15px; color:#fff; letter-spacing:-1px; text-align:left; text-decoration:none;} */

.info_sp .btn a:hover{ background-color:#333;}


/***** sub hub_data ******/
.hub_contant{width:100%; background:#eee url(../images/bg_datahub.jpg) repeat-y center top;}
.hub_contant i{margin:160% 0 0 0; font-size:70px;}

.area_datahub .item{padding-top:120px;}
.area_datahub a{display:block; float:left; border-top:1px solid #dee3eb; border-right:1px solid #dee3eb; box-sizing:border-box; text-align:center; letter-spacing:-1px; color: #444;}

.area_datahub p{float:left; border-top:1px solid #dee3eb; border-right:1px solid #dee3eb; box-sizing:border-box; text-align:center; letter-spacing:-1px; color: #444;}

.area_datahub .box07 span{display:inline; padding-left:5px; }

.area_datahub a:hover{background-color:#0dd2b7; color:#444;}
.area_datahub a:hover span{color:#fff; color:#444; text-decoration:none;}

.area_datahub .box01{background:#fff url(../images/ico_hub01.png) no-repeat center 28%;}
.area_datahub .box02{background:#59aeef url(../images/ico_hub02.png) no-repeat center 28%;}
.area_datahub .box03{background:#e8e792 url(../images/ico_hub03.png) no-repeat center 28%;}
.area_datahub .box04{background:#fff url(../images/ico_hub04.png) no-repeat center 29%;}
.area_datahub .box05{background:#ffca92 url(../images/ico_hub05.png) no-repeat center 28%;}
.area_datahub .box06{background:#fff url(../images/ico_hub06.png) no-repeat center 32%;}
.area_datahub .box07{background:#fff url(../images/ico_hub07.png) no-repeat center 28%;}
.area_datahub .box08{background:#ff94b0 url(../images/ico_hub08.png) no-repeat center 28%;}
.area_datahub .box09{background:#fff url(../images/ico_hub09.png) no-repeat center 28%;}
.area_datahub .box10{background:#fff url(../images/ico_hub10.png) no-repeat center 28%;}
.area_datahub .box11{background:#dfdfdf url(../images/ico_hub11.png) no-repeat center 28%;}
.area_datahub .box12{background:#fff url(../images/ico_hub12.png) no-repeat center 28%;}
.area_datahub .box13{background:#fff url(../images/ico_hub13.png) no-repeat center 28%;}
.area_datahub .box14{background:#fff url(../images/ico_hub14.png) no-repeat center 25%;}
.area_datahub .box15{background:#9ee39f url(../images/ico_hub15.png) no-repeat center 28%;}
.area_datahub .box16{background:#fff url(../images/ico_hub16.png) no-repeat center 28%;}
.area_datahub .box17{background:#c6acdb url(../images/ico_hub17.png) no-repeat center 28%;}
.area_datahub .box18{background:#fff url(../images/ico_hub18.png) no-repeat center 28%;}


.datahub_detail_no_data{padding:230px 0 50px 0; font-size:24px; text-align:center;}




.dh_result{width:96%; min-height:680px; margin:0 auto; padding:20px 0;}

.dh_result h3{margin-top:20px; padding-bottom:40px; border-bottom:1px dashed #dee3eb; font-size:30px; text-align:left;}

.dh_result h4{margin:40px 0 20px 0; padding:2px 0 0 5px; font-size:24px; text-align:left; color:#444;}
.dh_result h4 span{padding-left:5px; font-size:16px;}

.dh_result h4.nhdline01{border-left:5px solid #1bd2b4;}
.dh_result h4.nhdline02{border-left:5px solid #5db4d8;}
.dh_result h4.nhdline03{border-left:5px solid #78d06c;}
.dh_result h4.nhdline04{border-left:5px solid #78d06c;}


.dh_result table{width:100%; font-size:14px;}
.dh_result table,th,td{border-collapse:collapse; box-sizing:content-box;}
.dh_result table thead th{padding:8px 0; border-color:#6aecd7; color:#fff; font-weight:bold;}

.dh_result table td{padding:8px 5px;}

.dh_result .type1 thead th{background:#1bd2b4; border-color:#70efda;}
.dh_result .type2 thead th{background:#298df4; border-color:#52a5fb;}
.dh_result .type2 .btm{border-bottom:3px solid #298df4}

.dh_result .type3 thead th{background:#78d06c; border-color:#9fe196;}
.dh_result .type4 thead th{background:#8a8b8b; border-color:#c9c9c9;}


.dh_result table td{padding:10px; line-height:18px;}

.dh_result .type1 .t01{width:5%;}
.dh_result .type1 .t02{width:15%;}
.dh_result .type1 .t03{width:7%;}
.dh_result .type1 .t04{width:10%;}
.dh_result .type1 .t05{width:auto;}

.dh_result .type1 .t06{width:10%;}
.dh_result .type1 .t07{width:10%; max-width:170px;}
.dh_result .type1 .t07 a{display:block; width:170px; text-overflow:ellipsis; overflow:hidden;}

.dh_result .type1 td.t07{text-align:left;}
.dh_result .type1 .t08{width:14%;}
.dh_result .type1 .t09{text-align:left;}


.dh_result .t2_name01{width:5%;}
.dh_result .t2_name02{width:12%;}
.dh_result .t2_name03{width:5%;}
.dh_result .t2_name04{width:6%;}
.dh_result .t2_name05{width:8%;}
.dh_result .t2_name06{width:auto;}
.dh_result td.t2_name06{text-align:left;}
.dh_result .t2_name07{width:auto;}
.dh_result td.t2_name07{text-align:left;}

.dh_result .t2_name08{}

.dh_result td.t2_name08{text-align:left;}
.dh_result td.t2_name09{text-align:left;}


.dh_result .type3 .t00{width:5%;}
.dh_result .type3 .t01{width:10%;}
.dh_result .type3 .t02{width:5%;}
.dh_result .type3 .t03{width:5%;}
.dh_result .type3 .t04{width:7%;}
.dh_result .type3 .t05{width:auto;}
.dh_result .type3 .t06{width:14%;}
.dh_result .type3 .t07{width:10%;}
.dh_result .type3 .t08{width:18%;}
.dh_result .type3 td.t08{text-align:left; }
.dh_result .type3 .t09{width:16%;}

.dh_result .type3 .t10{width:100%;}
.dh_result .type3 td.t10{text-align:left;}

.dh_result .type4 .t00{width:5%;}
.dh_result .type4 .t01{width:10%;}
.dh_result .type4 .t02{width:8%;}
.dh_result .type4 .t03{width:8%;}
.dh_result .type4 .t04{width:12%;}

.dh_result .type4 .t08{width:13%;}
.dh_result .type4 .t09{width:18%;}
.dh_result .type4 .t10{width:100%;}
.dh_result .type4 td.t10{ text-align:left;}

.dh_result table a{ text-decoration:underline;}

.dh_result ul{}
.dh_result ul li{padding:15px 12px 12px 12px; border-bottom:1px solid #eee;}
.dh_result ul li:first-child{padding-top:0;}
.dh_result ul li:last-child{ border:none;}
.dh_result ul li dl dt{font-size:16px; font-weight:bold;}
.dh_result ul li dl dd{padding:3px 0; font-size:14px; letter-spacing:-0.5px;}

.dh_result ul li dl dd.update{padding:10px 0; color:#888;}
.dh_result ul li dl dd.update span{color:#444}

.dh_result ul li dl dd.result{color:#888;}

.dh_result ul li dl dd.down a{display:inline-block; padding:10px; letter-spacing:-1px; color:#fff;}
.dh_result ul li dl dd.down a:hover{ background:#444; color:#fff; text-decoration:none;}
.dh_result ul li dl dd.down .dt01{background:#1bd2b4;}
.dh_result ul li dl dd.down .dt02{background:#298df4;}

.dh_result ul li dl dd.code{padding:5px 0}
.dh_result ul li dl dd.code a{ text-decoration:underline;}

.dh_result p{width:100%; padding: 0 2% 10px 0; background:url(../images/arr_snb.png) no-repeat right 2px; border-bottom:1px solid #e0e4e7; text-align:right; font-size:15px; letter-spacing:-1px;}
.dh_result p a{color:#0000cc; text-decoration:underline}


/***** sub search_result ******/
.area_sresult .mc{color:#0000cc;}

.sr_num{width:100%; margin:10px 0 30px 0; padding:10px 0; border-bottom:1px solid #e0e4e7; font-size:14px;}

.sr_list{padding:30px 0;}
.sr_list h2{margin-bottom:30px; font-size:20px; font-weight:bold;}
.sr_list h2 span{font-size:14px;}

.sr_list section{border-bottom:1px solid #e0e4e7; margin-bottom:30px;}

.sr_list article h2{margin-bottom:20px;}
.sr_list article dl{margin-bottom:10px; padding:20px 20px 15px 20px; background:#eef6fa;}
.sr_list article .btn{padding-top:10px;}
.sr_list article .btn a{display:inline-block; margin-bottom:5px; padding:4px 5px 4px 35px; border-radius:5px; text-decoration:none; font-size:13px; color:#fff;}
.sr_list article .btn a:hover{text-decoration:underline;}
.sr_list .zip{background:#00b7e0 url(../images/ico_zip.png) no-repeat 5px center;}
.sr_list .pdf{background:#ff4130 url(../images/ico_pdf.png) no-repeat 5px center;}
.sr_list .excel{background:#007732 url(../images/ico_excel.png) no-repeat 5px center;}
.sr_list .hwp{background:#00b8df url(../images/ico_hwp.png) no-repeat 5px center;}
.sr_list .word{background:#1d409d url(../images/ico_word.png) no-repeat 5px center;}
.sr_list .other{background:#9d9d9d url(../images/ico_other.png) no-repeat 5px center;}

.sr_list dl{margin-bottom:30px;}
.sr_list dl dt{padding-bottom:5px; font-size:15px;}
.sr_list dl a{color:#0000cc; text-decoration:underline;}
.sr_list dl dd{font-size:14px; line-height:21px; color:#777;}

.sr_list dl dd.date{padding:5px 0; font-size:15px; color:#111; letter-spacing:-1px;}
.sr_list dl dd.date span{padding:0 8px;}

.sr_list section p{width:100%; padding: 0 2% 10px 0; background:url(../images/arr_snb.png) no-repeat right 2px; text-align:right; font-size:15px; letter-spacing:-1px;}
.sr_list section p a{color:#0000cc; text-decoration:underline}



.sresult_aside h3{font-size:14px; font-weight:bold;}

.sresult_aside .rt_word ol{padding-top:10px;}
.sresult_aside .rt_word ol li{padding:3px 0;}
.sresult_aside .rt_word ol li span{display:inline-block; width:20px; padding:2px 0; border:1px solid #e0e4e7; text-align:center; border-radius:5px;}
.sresult_aside .rt_word ol li a:hover{color:#444;}


.sr_list .no_result{min-height:500px; line-height:18px;}
.sr_list .no_result span{display:block; padding-bottom:10px; font-size:15px; }
.sr_list .no_result span b{color:#0000cc;}





/***** sub support_company ******/
.sc_info .sc_info_top{}
.sc_info .sc_info_top span{display:block; text-align:right;}
.sc_info h5{padding:30px 0 20px 0; font-size:24px;}

.sc_info table{width:100%; box-sizing:content-box; border-collapse:collapse; font-size:14px;}
.sc_info table caption{padding-bottom:10px; text-align:right;}

.sc_info table,th{border:1px solid #e1e5e8; }
.sc_info table td{border:1px solid #e1e5e8; height:22px; padding: 5px 10px;}
.sc_info table .last{text-align:left;}

.sc_info table th{background:#fbfbfb; height:22px; padding:10px; font-weight:bold;}

.sc_info table .sc_name01{ width:20%; background:#fbfbfb; font-weight:bold;}
.sc_info table .align{text-align:left;}

.sc_info table .sc_name03{width:23%;}
.sc_info table .sc_name04{width:20%;}
.sc_info table td.sc_name04{ text-align:left;}
.sc_info table .sc_name05{width:auto;}
.sc_info table td.sc_name05{ text-align:left;}
.sc_info table .sc_name06{width:12%;}

.sc_info table .sc_name07{width:11%; background:#fbfbfb; font-weight:bold;;}
.sc_info table .sc_name08{width:13%;}
.sc_info table .sc_name09{width:auto; text-align:left;}

.sc_info table .sc_name10{background:#fbfbfb; text-align:left; line-height:24px; }

/***** sub support_intro ******/
.solution table{width:100%; border-collapse:collapse; box-sizing:content-box; text-align:center;}
.solution table th{border:1px solid #e1e5e8; padding:13px 5px; background:#fbfbfb; font-weight:bold; font-size:14px;}

.solution table td ul li table{ border:none;}
.solution table td ul li table td{ border:none; padding:0;}
.solution table td ul li table .snt_01{height:50px;}

.solution table td ul li a{display:block; }
.solution table td ul li .down{display:inline-block; padding:5px 10px; background:#eee; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; vertical-align:middle;}
.solution table td ul li .bd_ico_new{display: block; position: absolute; top:0; left:0; width: 24px; height: 24px; background:url('../images/bg_new.svg') no-repeat; background-size: 24px 24px; font-size:0;}
.solution table td ul li .xi-new{vertical-align:top; line-height:24px; width:24px; height:24px;}

.solution .sg_info td ul{padding-left:10px;}
.solution .sg_info td li{clear:both; min-height:10px; margin:0; padding:3px 0 3px 10px; border:none; background:url(../images/bu_line.gif) no-repeat left 11px; text-align:left; line-height:16px}

.solution .sg_name01{width:19%; background:#fbfbfb; text-align:center; font-weight:bold;}
.solution .sg_name02{width:auto; padding-left:10px; text-align: left; vertical-align:middle;}
.solution .sg_name03{padding-right:10px;}

.solution button{width:96%; margin:0 auto; padding:1px 0; border:1px solid #eee; text-indent:-10000px; overflow:hidden; cursor:pointer;}
.solution button.add{background:url(../images/arr_add.png) no-repeat center;}
.solution button.add:hover{border-color:#9fe196; background:url(../images/arr_add.png) no-repeat center;}

.solution button.close{background:url(../images/arr_up.png) no-repeat center;}
.solution button.close:hover{background:url(../images/arr_up.png) no-repeat center;}

.solution .btn_area{padding-top:20px; text-align:center;}
.solution .btn_area a{display:inline-block; width:220px; margin-bottom:5px; padding:14px 15px 14px 50px;font-size:15px; color:#fff; letter-spacing:-1px; text-align:center; text-decoration:none; }
.solution .btn_area a:hover{ background:#444;}
.solution .btn_area .btn_01{padding:14px 15px 14px 15px; background:#15cfba;}
.solution .btn_area .btn_02{padding:14px 20px 14px 45px; background:#e2574c url(../images/btn_pdf.gif) no-repeat 15px center;}
.solution .btn_area .btn_02:hover{background:#444 url(../images/btn_pdf.gif) no-repeat 15px center;}

/***** sub support_intro ******/
.si_2depth table{width:100%; box-sizing:content-box; border-collapse:collapse; font-size:14px;}
.si_2depth table caption{padding-bottom:10px; text-align:right;}
.si_2depth table th{background:#fbfbfb; height:32px; padding:5px; border:1px solid #e1e5e8;}
.si_2depth table td{height:32px; border:1px solid #e1e5e8; }
.si_2depth table .last{text-align:left;}
.si_2depth table .sc_name{background:#fbfbfb;}



/***** sub infoforum_support_info ******/
.ts_intro{ position:relative; width:100%; margin-bottom:10px;}

.ts_intro h4{float:left; width:25%; min-height:180px; font-size:26px; color:#fff; text-align:center;}
.ts_intro strong{display:block; padding-top:45%; font-weight:normal;}

.ts_intro ul{float:left; width:75%; min-height:180px; padding:6px 0 6px 1.5%; border:1px solid #e1e5e8;}
.ts_intro ul li{float:left; display:table; min-width:163px; margin:0 5px 5px 0; background:#eceef1; text-align:center; }
.ts_intro ul li a{display:table-cell; height:50px; padding:0 10px; font-size:16px; color:#353535; vertical-align:middle; }
.ts_intro ul li a:hover, .ts_intro ul li a:focus {background:#3949ab; color:#fff; font-weight:bold;}
/* .ts_intro ul li a:hover{background:#1bd2b4; color:#fff; font-weight:bold;} */

.ts_intro_0 h4{background:#1bd2b4 url(../images/bg_tech_01.png) no-repeat center 36%;}
.ts_intro_1 h4{background:#9fe196 url(../images/bg_tech_02.png) no-repeat center 36%;}
.ts_intro_2 h4{background:#fdb747 url(../images/bg_tech_03.png) no-repeat center 36%;}
.ts_intro_3 h4{background:#a2a2a2 url(../images/bg_tech_04.png) no-repeat center 36%;}

.ts_dinfo h4{padding:30px 0 20px 0; font-size:24px;}
.ts_dinfo table{width:100%; border-collapse:collapse; text-align:center; font-size:14px;}
.ts_dinfo table th{height:32px; border:1px solid #e1e5e8; padding:10px 5px; background:#fbfbfb; font-weight:bold;}
.ts_dinfo table td{height:32px; border:1px solid #e1e5e8; padding:10px 5px;}

.ts_dinfo table .ts_name01{width:24%;}
.ts_dinfo table .ts_name02{width:18%;}
.ts_dinfo table .ts_name03{width:auto;}
.ts_dinfo table .ts_name04{width:15%;}
.ts_dinfo table .ts_name05{width:10%;}
.ts_dinfo table .ts_name06{width:20%; }

.ts_dinfo table .ts_name06 a{line-height:24px;}

/***** sub event ******/

.event_cbtn{padding-bottom:10px; text-align:right;}
.event_cbtn a{display:inline; height:21px; padding:3px 0 3px 25px;}
.view_calendar{background:url(../images/ico_calendar.gif) no-repeat center left;}
.view_list{margin:0 0 0 10px; background:url(../images/ico_clist.gif) no-repeat center left;}

.event_calendar{width:100%; border:1px solid #e1e5e8; border-collapse:collapse; box-sizing:content-box; text-align:center;}
.event_calendar th{border:1px solid #e1e5e8; padding:10px 0;}
.event_calendar td{border:1px solid #e1e5e8; font-size:13px; vertical-align:top;}

.event_calendar .edate{display:block; height:50px; border-bottom:1px solid #e1e5e8; font-weight:bold; }
.event_calendar .etxt{display:block; min-height:50px; padding:0 5px; }
.event_calendar .etxt p{margin:10px 0 0 0; padding:5px 3px; background:#bda8db; line-height:14px;}
.event_calendar .etxt a{text-align:left; color:#fff; font-size:13px; letter-spacing:-0.5px;}


.e_calendar{width:100%; border:1px solid #e1e5e8; border-collapse:collapse; box-sizing:content-box; text-align:center;}

.e_calendar td{width:calc(100%/7);}

.e_calendar .e_date td{font-weight:bold;}
.e_calendar .e_date td span{display:block; font-weight:normal;}
.e_calendar .sun span{color:#f2412c; font-weight:bold;}
.e_calendar .e_date .sun{color:#f2412c;}

.e_calendar .e_txt td{position:relative; height:110px;}
.e_calendar .e_txt div{position:absolute; top:12px; z-index:15;}
.e_calendar .e_txt p{height:28px; margin-bottom:1px; overflow:hidden;}
.e_calendar .e_txt a{font-size:13px; line-height:18px; font-weight:bold;}

.e_calendar .e_week td{padding:2px 0; background:#eee; font-weight:bold;}

.e_calendar .day_1{width:100%;}
.e_calendar .day_2{width:201%;}
.e_calendar .day_3{width:302%;}
.e_calendar .day_4{width:403%;}
.e_calendar .day_5{width:504%;}
.e_calendar .day_6{width:605%;}
.e_calendar .day_7{width:706%;}

.ec_page{padding-bottom:20px; text-align:center;}
.ec_page input{text-align:center; font-size:18px;}
.ec_page button{padding:10px 15px; background:none; border:1px solid #e1e5e8; border-radius:3px;}
.ec_page button:hover{background:none; cursor:pointer;}
.ec_page img{margin:3px 0 0 0;}


/***** sub board ******/
.board_write b{font-size:16px; font-weight:normal;}
.board_write label{padding-bottom:10px}

.reg_oss button{margin:0 0 0 10px;}
.reg_oss .zip{display:block; float:left; padding:7px 0; border:1px solid #bbbcbf; text-align:center;}
.reg_oss_01 button{margin:4px 0 0 10px;}
.reg_oss_02{padding:10px 0 15px 0;}

.ReactTags__tagInput{margin:10px 0;}
.xe-btn-default{margin:11px 0 0 0; }
small{display:block; padding-top:5px; font-size:12px;}
.xe-form-group label{font-size:14px;}


/***** sub kopf ******/
.kopf h4{font-size:24px;}
.kopf > p{font-size:15px;}

/***** sub kopf ******/
.member h4{padding:10px 0;}
.member .text-message{padding:10px 0;}
.member .auth-group p{margin-top:7px;}

/** dynamic field by osh **/
.__xe_dynamicfield_group{ border-bottom:1px solid #e1e5e8; margin-bottom:20px;}
.__xe_section .xe-form-group.xe-dynamicField{display:table; width:100%; margin-bottom:0px; border:1px solid #e1e5e8; border-bottom:none; }
.__xe_section .xe-form-group.xe-dynamicField label{width:38%; padding:4px 0; background:#fbfbfb; border-right:1px solid #e1e5e8; text-align:center; font-weight:bold; vertical-align: middle}
.__xe_section .xe-form-group.xe-dynamicField span{display:block; width:99%; padding:7px 0 7px 10px;}

.__xe_section .xe-form-group.xe-dynamicField select{display: table-cell;}

.board_read .__xe_section .xe-form-group.xe-dynamicField label{}
.board_read .__xe_section .xe-form-group.xe-dynamicField span{}

/***** seminar_apply ******/
.seminar_apply{min-height:500px; padding:50px 0; width:100%; max-width:500px; margin:0 auto;}
.seminar_apply h1{margin-top: 20px; padding-bottom: 25px; border-bottom: 1px dashed #dee3eb; font-size: 24px; text-align: left;}
.seminar_apply h3{padding:30px 10px; background:#56ceba; font-size:24px; color:#fff; text-align:center;}
.seminar_apply .agreement div{padding-bottom:7px;}
.seminar_apply button{margin-top:10px; background:#56ceba; border-color:#36c8b0;}
.seminar_apply .seminar_cancel_btn{margin-top:10px; background: #ce6158; border-color: #ce6158;}
.seminar_apply .seminar_cancel_btn:hover{color: #fff; background-color: #1472d0; border-color: #136cc7;}
.seminar_apply input{margin-top:10px;}
.seminar_apply input[type='checkbox']{vertical-align:top;}
.seminar_apply textarea{margin-top:10px;}
.seminar_apply .error-text{font-size: 13px; margin: 0; padding: 3px 0; color: red; text-align: left;}
.seminar_apply .agreement span {margin-top:10px; display:inline-block;}
.seminar_apply .agreement a{color:#ff7709; text-decoration:underline}

.seminar_apply .message{padding:20px 0 10px 0; text-align:center;}
.seminar_apply .message span{display:block; padding-bottom:10px;}
.seminar_apply .confirm_area {padding:30px 0 20px 0; font-size:24px; text-align:center;}
.seminar_apply .btn_area{margin-top:20px;}
.seminar_apply strong{display:block; padding:150px 0; text-align:center; font-size:24px;}

.seminar_apply .seminar_term {overflow: scroll; height: 200px; margin-top: 10px; -webkit-overflow-scrolling: touch;}

/*****news_apply ******/
.news_apply{min-height:500px; padding:50px 0; width:100%; max-width:500px; margin:0 auto;}
.news_apply h3{margin-bottom:10px; padding:30px 10px; background:#56ceba; font-size:24px; color:#fff; text-align:center;}
.news_apply p{padding:30px 0 20px 0; font-size:14px; text-align:center;}
.news_apply .btn_area{margin-top:20px;}
.news_apply .btn_area a{display:block; width:100%; padding:7px 16px; background:#56ceba; border:1px solid #36c8b0; border-radius:2px; white-space: nowrap; text-decoration: none; font-size:14px; text-align:center; color:#fff;}
.news_apply .btn_area a:hover{ background:#3576cd;}

.news_apply .cancel{margin-top:10px; text-align:right; text-decoration:underline; letter-spacing:-1px;}

.news_apply .agreement div{padding-bottom:7px;}
.news_apply button{margin-top:30px; background:#56ceba; border-color:#36c8b0;}

.line_mail select{margin-left:5px; padding:5px 10px 5px 5px; border:1px solid #e4e4e4;}

/***** board ******/
.bd_search_box{margin:30px 0 10px 0; text-align:center;}
.bd_search_box input{width:45%; padding:5px 10px;  border:1px solid #dcdcdc;}
.bd_search_box .oss_search_btn{padding:5px 10px; border:1px solid #dcdcdc; vertical-align:-2px; cursor:pointer;}
.bd_search_box .oss_search_btn:hover{ text-decoration:underline}

.board_comment{margin:10px 0 50px 0;}
.comment_form_controller{padding-top:20px;}
.comment_form_btn{width:100%; text-align:right;}



.bd_oss table{width:100%; font-size:13px; text-align:center;}
.bd_oss .reply_num{padding:0 5px; border:1px solid #dcdcdc; border-radius:3px; color:#9999a6; font-weight:bold;}
.bd_oss table .notice .xe-badge{background:#1976d2;}
/* .bd_oss table .notice .xe-badge{background:#0dd2b7;} */

.board_read{}
.board_read table{margin:0; padding:0; border:none;}
.board_read table td span{ letter-spacing:0!important;}

.bd_oss .bd_paginate > strong, .bd_oss .bd_paginate > a:hover {font-weight: 600; background-color: transparent; color: #1976d2;}

/* margin, padding */
.xe_content #xe-editor-content p,
.xe_content #xe-editor-content img {
    margin: 0;
    padding: 0;
}

/* 옵션: 콘텐츠 폰트 사이즈, line-height */
.xe_content #xe-editor-content,
.xe_content #xe-editor-content p,
.xe_content #xe-editor-content div,
.xe_content #xe-editor-content span,
.xe_content #xe-editor-content td {
    font-size: 14px;
    line-height: 1.5;
    box-sizing: content-box;
}

/* 옵션: 테이블 기본 border 제거 */
/*
http://www.oss.kr/oss_repository28/668767
최하단 라이선스 표기 박스
*/
.xe_content #xe-editor-content table {
    margin: 0;
}
.xe_content #xe-editor-content td {
    border: 0 none;
}

/* 옵션: 테이블 기본 border 제거 */
/*
http://www.oss.kr/oss_repository28/668767
콘텐츠 중간 blockquote 라인
*/
.xe_content #xe-editor-content blockquote {
    margin: 0;
    padding: 0;
    border: 0 none;
}


.board_list td{ text-align:center;}

/***** english ******/
.en_common b{font-size:16px;}
.en_common span{font-size:16px;}
.en_common .area_img{display:block; text-align:center; background:none;}
.en_common .area_img img{max-width:410px;}
.en_common em{display:block; text-align:right}
.en_common article p{padding-top:20px; text-align:center;}

.en_common .ec_name01{width:17%;}
.en_common .ec_name02{width:13%;}
.en_common .ec_name03{width:auto;}
.en_common td.ec_name03{ text-align:left;}
.en_common .ec_name04{width:15%;}
.en_common .ec_name05{width:15%;}

.en_common .sc_name02{ text-align:left;}

.en_common li strong{display:block; width:100%!important;}
.en_common li p{padding-top:12px;}
.en_common li p img{ vertical-align:-5px;}

.en_common th{word-break:break-all;}
.en_common td{word-break:break-all;}

.xe-content em,
.xe_content em,
.cke_editable em {
    font-style: italic;
}

.__xe_contents_compiler img {
	   max-width: 100%;
	   height: auto !important;
}

.area_content .table_step_type.table_step_type_ability_page .depth_2 th p {width: auto}
.area_content .table_step_type.table_step_type_ability_page .depth_2 .step01 p {margin-left: 11%}
.area_content .table_step_type.table_step_type_ability_page .depth_2 .step02 p {margin-left: 20%}
.area_content .table_step_type.table_step_type_ability_page .depth_2 .step03 p {margin-left: 20%}
.area_content .table_step_type.table_step_type_ability_page .depth_2 .step04 p {margin-left: 20%}


xe-content iframe {
	max-width: 100% !important;
}

.kossa_indent {
	text-indent: -1.4em;
	margin-left: 1.4em;
}

.kossa_word {
	word-break: keep-all !important;
}

.kossa_overview_hover {
	color: #ffffff !important;
}

.kossa_overview_hover:hover{
	color: #ffea8a !important;
}