.sub_section {width:100%; margin: 0 auto; padding: 0px 0px;     overflow-x: hidden;}

/***** sub_gnb ******/
.sheader {position: absolute; left:0; top:0; width: 100%; height: 82px; background-color:#fff; border-top: solid 6px #08406b; z-index:10;}


.smenu{width: 1152px; overflow: hidden; margin: 0 auto;}
.smenu .logo {float: left; margin-top: 10px;}

.smenu .gnbBox {float:right; width:832px; margin-top: 0px;}
.smenu ul.gnb {overflow: hidden;}
.smenu ul.gnb li {float:left; box-sizing:border-box; padding:0px 34px; text-align: center; line-height: 72px; height:71px;}
.smenu ul.gnb li:last-child {float:left; padding:0px 18px; box-sizing:border-box;}
.smenu ul.gnb li div {color:#333; font-size:22px; font-family: 'Noto Sans KR', sans-serif; font-weight:400;  transition:all 0.3s;}
.smenu ul.gnb li div:hover {color:#333; transition:all 0.3s;}

.navi {position: relative; width: 100%; margin:0 auto; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc;}
.navi_Box {width: 1152px; margin:0 auto;}

.nav{overflow: hidden; border-left: solid 1px #d9d9d9; border-right: solid 1px #d9d9d9;}
.nav div.navHome {float:left; width: 142px; height:52px; font-size:16px; color:#555555; text-align: left; display: flex; align-items:center; padding-left: 32px; border-right: solid 1px #d9d9d9;}
.nav div.navTit {float:left; height:52px; background:url("../img/common/arrow.png")no-repeat right 20px center; line-height:52px; border-right: solid 1px #d9d9d9; padding-left:12px; color:#555555; font-size:16px; cursor: pointer;}
.nav div.navTit a {color:#555555; font-size:16px;}

.navTit1 {width:182px;}

.subNav {width:100%; position:absolute; bottom:0;}
.subNavPosition {width:1180px; position: relative;}
.subNavPosition ul.subNavBox {position: absolute; top:0; border:1px solid #d7d7d7; border-bottom:0; background-color:#fff; display:none; z-index:100;}
.subNavPosition ul.subNavBox li {border-bottom:1px solid #d7d7d7;}
.subNavPosition ul.subNavBox li a div {padding:15px 0px; padding-left:10px; font-size:15px; color:#666;}
.subNavPosition ul.subNavBox li a div:hover {background-color:#eaf7ff; transition:0.3s;}

.subNavPosition ul#subNavBox01 {width:183px; left: 142px;}


/************************************************************
*
* sub_visual CSS
*
************************************************************/
.cretop_subvisual {position: relative; width:100%; margin: 0 auto; background:url("../img/common/sub_visual.jpg") center top no-repeat; height:271px;}
.cretop_subvisual p {width: 100%;position: absolute; top: 56%;transform: translateY(-50%);margin-top: 25px; left: 0; text-align: center; font-size: 48px; color: #fff;font-weight: 500; letter-spacing: -0.05em; line-height: 54px;}

.cretopew_subvisual {position: relative; width:100%; margin: 0 auto; background:url("../img/common/sub_visual2.jpg") center top no-repeat; height:271px;}
.cretopew_subvisual p {width: 100%;position: absolute; top: 56%;transform: translateY(-50%);margin-top: 25px; left: 0; text-align: center; font-size: 48px; color: #fff;font-weight: 500; letter-spacing: -0.05em; line-height: 54px;}

.smart_subvisual {position: relative; width:100%; margin: 0 auto; background:url("../img/common/sub_visual3.jpg") center top no-repeat; height:271px;}
.smart_subvisual p {width: 100%;position: absolute; top: 56%;transform: translateY(-50%);margin-top: 25px; left: 0; text-align: center; font-size: 48px; color: #fff;font-weight: 500; letter-spacing: -0.05em; line-height: 54px;}

.cretopm_subvisual {position: relative; width:100%; margin: 0 auto; background:url("../img/common/sub_visual4.jpg") center top no-repeat; height:271px;}
.cretopm_subvisual p {width: 100%;position: absolute; top: 56%;transform: translateY(-50%);margin-top: 25px; left: 0; text-align: center; font-size: 48px; color: #fff;font-weight: 500; letter-spacing: -0.05em; line-height: 54px;}

.plan_subvisual {position: relative; width:100%; margin: 0 auto; background:url("../img/common/sub_visual5.jpg") center top no-repeat; height:271px;}
.plan_subvisual p {width: 100%;position: absolute; top: 56%;transform: translateY(-50%);margin-top: 25px; left: 0; text-align: center; font-size: 48px; color: #fff;font-weight: 500; letter-spacing: -0.05em; line-height: 54px;}

.member_subvisual {position: relative; width:100%; margin: 0 auto; background:url("../img/common/sub_visual6.jpg") center top no-repeat; height:271px;}
.member_subvisual p {width: 100%;position: absolute; top: 56%;transform: translateY(-50%);margin-top: 25px; left: 0; text-align: center; font-size: 48px; color: #fff;font-weight: 500; letter-spacing: -0.05em; line-height: 54px;}


/************************************************************

/************************************************************
*
* sub_contents CSS
*
************************************************************/
.sub_section {width:100%; margin: 0 auto; padding: 0px 0px; overflow-x:hidden;}


.sub_contents {width:1152px; overflow: hidden; margin: 0 auto;  padding: 36px 0px 84px 0px;}
p.subTitle {position: relative; font-size:32px; color:#333; font-weight:500; letter-spacing:-0.05em; line-height:40px; padding: 26px 0 35px; text-align: center;}
/*p.subTitle::before {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: -32px; content: ''; width: 112px; height: 4px; background-color: #0068b7;}*/
div.grey {font-size: 22px; color:#6f6f6f;  text-align: center;}

.content {width:100%; text-align: center;}
.content p {font-size: 26px; letter-spacing: -0.045em; font-weight: 500; padding-bottom: 2px;}
.content span {font-size: 22px;}
.content span.grey {font-size: 22px; color:#6f6f6f;}

/************************************************************/

/************************************************************
*
* cretop CSS
*
************************************************************/
.org {width:1040px; margin: 0 auto; padding: 60px 0px;}
.org ul{overflow: hidden;}
.org ul li{float:left; width: 177px; text-align: center; margin-right:36px;}
.org ul li:last-child{margin-right:0px;}

.org ul li ul.sorg{overflow: hidden;}
.org ul li ul.sorg li{float:left; width: 177px;text-align: center; margin-right:36px;}
.org ul li ul.sorg li.line {display: inline-block; width: 1px; height: 3em; background-color: #ccc; margin: 0 87px;}
.org ul li ul.sorg li div.box {width: 100%; background-color: #6591eb; border-radius: 30px; font-size: 18px; color: #fff; padding: 10px 12px;}
.org ul li ul.sorg li div.sbox {width: 100%; background-color: #fff; border:solid 2px #6591eb; border-radius: 30px; font-size: 18px; color: #333; padding: 10px 12px; margin-bottom:20px; cursor: pointer;}
.org ul li ul.sorg li div.sbox:hover {font-weight: 500; background-color: #33b8cf !important; color: #fff !important; border: solid 2px #33b8cf !important;}


.org ul li ul.sorg li div.sbox_none {width: 100%; background-color: #fff; border:solid 2px #6591eb; border-radius: 30px; font-size: 18px; color: #333; padding: 10px 12px; margin-bottom:20px;}

.org ul li ul.sorg li:last-child{margin-right:0px;}


.cer_scont {width:1040px; margin: 0 auto;}
.cer_scont p {position: relative; background:url("../img/common/st_bul_1.png") left top 11px no-repeat; font-size: 26px; letter-spacing: -0.045em; font-weight: 500; text-align: left; padding-left: 25px; padding-bottom: 2px;}

.cer_scont .cont_area {margin-top:32px;}
.cer_scont .cont_area ul{overflow: hidden;}
.cer_scont .cont_area ul li.left{float:left; width: 618px; margin-right:32px; text-align: left;}
.cer_scont .cont_area ul li.right{position: relative; float:left; width: 390px; height:100%; text-align: left;}


/* 공통 박스 스타일 */
.cer_scont .cont_area ul li.right div[class^="stxtbox"] {position: absolute;}

/* 개별 위치값만 따로 지정 */
.cer_scont .cont_area ul li.right .stxtbox  { top: 0%; }
.cer_scont .cont_area ul li.right .stxtbox2 { top: 24%; }
.cer_scont .cont_area ul li.right .stxtbox3 { top: 82%; }
.cer_scont .cont_area ul li.right .stxtbox4 { top: 124%; }
.cer_scont .cont_area ul li.right .stxtbox5  { top: 6%; }
.cer_scont .cont_area ul li.right .stxtbox6 { top: 48%; }
.cer_scont .cont_area ul li.right .stxtbox7 { top: 2%; }
.cer_scont .cont_area ul li.right .stxtbox8 { top: 3%; }
.cer_scont .cont_area ul li.right .stxtbox9 { top: 2%; }
.cer_scont .cont_area ul li.right .stxtbox10 { top: 5%; }
.cer_scont .cont_area ul li.right .stxtbox11 { top: 5%; }
.cer_scont .cont_area ul li.right .stxtbox12 { top: 0%; }
.cer_scont .cont_area ul li.right .stxtbox13 { top: 34%; }
.cer_scont .cont_area ul li.right .stxtbox14 { top: 70%; }
.cer_scont .cont_area ul li.right .stxtbox15 { top: 4%; }
.cer_scont .cont_area ul li.right .stxtbox16 { top: 94%; }
.cer_scont .cont_area ul li.right .stxtbox17 { top: 5%; }
.cer_scont .cont_area ul li.right .stxtbox18 { top: 100%; }

/* 제목 공통 */
.cer_scont .cont_area ul li.right div[class^="stxtbox"] p {font-size: 22px; color: #6591eb; padding-left:0px; padding-bottom:28px; background:none;}

/* 리스트 공통 */
.cer_scont .cont_area ul li.right div[class^="stxtbox"] ul {overflow: hidden;}
.cer_scont .cont_area ul li.right div[class^="stxtbox"] ul li {position: relative; text-align: left; font-size: 16px; color: #6a6a6a; letter-spacing: -0.045em;}



/************************************************************
*
* cretop ew CSS
*
************************************************************/
.ew_info {padding-top:60px;}
.ew_info ul{overflow: hidden;}
.ew_info ul li{float:left; width:512px; border:solid 1px #d9d9d9; border-radius: 5px; background:url("../img/ew/ew_icon.png") left 42px top 26px no-repeat;  padding: 32px; padding-left:142px;}
.ew_info ul li:nth-child(2) {width:89px; background:none; padding: 0px; border:0px; padding-top: 56px;}
.ew_info ul li:last-child{width:512px; background:url("../img/ew/ew_icon2.png") left 42px top 32px no-repeat; padding-left:186px;}
.ew_info ul li p{font-size: 24px; color: #333; text-align: left; letter-spacing: -0.045em;}

.ew_list {padding-top:60px;}
.ew_list ul{overflow: hidden;}
.ew_list ul li{text-align: left; background:url("../img/ew/bul.png") left top 12px no-repeat; padding-left:60px; padding-bottom:54px;}
.ew_list ul li p{font-size: 24px; color: #333; letter-spacing: -0.045em;}
.ew_list ul li span{font-size: 18px; color: #6f6f6f; letter-spacing: -0.045em;}

.cerew_scont {width:100%; margin: 0 auto;}
.cerew_scont p {font-size: 26px; background:url("../img/common/st_bul_1.png") left top 11px no-repeat; letter-spacing: -0.045em; font-weight: 500; text-align: left; padding-left: 25px; padding-bottom: 2px;}

.cerew_scont .cont_area {margin-top:32px;}
.cerew_scont .cont_area ul{overflow: hidden;}
.cerew_scont .cont_area ul li.left{float:left; width: 730px; margin-right:32px; text-align: left;}
.cerew_scont .cont_area ul li.right{position: relative; float:left; width: 390px; height:460px; text-align: left;}

/* 공통 박스 스타일 */
.cerew_scont .cont_area ul li.right div[class^="stxtbox"] {position: absolute;}

/* 개별 위치값만 따로 지정 */
.cerew_scont .cont_area ul li.right .stxtbox  { top: 16%; }
.cerew_scont .cont_area ul li.right .stxtbox2 { top: 24%; }
.cerew_scont .cont_area ul li.right .stxtbox3 { top: 82%; }
.cerew_scont .cont_area ul li.right .stxtbox4 { top: 124%; }
/************************************************************

/* 제목 공통 */
.cerew_scont .cont_area ul li.right div[class^="stxtbox"] p {font-size: 22px; color: #6591eb; padding-left:0px; padding-bottom:28px; background:none;}

/* 리스트 공통 */
.cerew_scont .cont_area ul li.right div[class^="stxtbox"] ul {overflow: hidden;}
.cerew_scont .cont_area ul li.right div[class^="stxtbox"] ul li {position: relative; text-align: left; font-size: 16px; color: #6a6a6a; letter-spacing: -0.045em;}


/************************************************************
*
* cretop Plan CSS
*
************************************************************/

table.table_plan {width: 100%; border-top: 2px solid #333; border-bottom: 1px solid #ddd; margin-bottom: 1rem; color: #4b4e51;}
table.table_plan th{padding: 8px; text-align: center; font-size:16px; font-weight: 600; background-color: #f9f9f9;  border-top: 1px solid #ddd; border-right: 1px solid #ddd;}
table.table_plan th.subject{background-color: #e5f7ff; padding: 12px; font-size: 18px; color: #000;}
table.table_plan th.last {border-right: 0px;}
table.table_plan td {padding: 8px; text-align: center; font-size:16px; border-top: 1px solid #ddd; border-right: 1px solid #ddd;}
table.table_plan td.last {border-right: 0px;}
p.em {font-size:18px; color:#333; padding-top:4px;}


/************************************************************
*
* cretop form CSS
*
************************************************************/
.request table {width: 960px; table-layout: fixed; margin:0 auto; border-top: solid 2px #888;}
.request table tr th {padding:12px 16px; background-color:#f9f9f9; border-bottom:1px solid #dfdfdf; text-align:left; font-size:18px; color:#333; font-weight:500; letter-spacing:-0.025em;}
.request table tr td {padding:12px 16px; border-bottom:1px solid #dfdfdf;  text-align:left; font-size:18px; color:#333;}

.request table tr td input {width:400px; height:36px; border:1px solid #dfdfdf; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  padding:0px 15px; font-size:16px; color:#5b5b5b; font-weight:400; letter-spacing:-0.025em;}
.request table tr td input::placeholder {font-size:13px; color:#afafaf; font-weight:400;}
.request table tr td input::-moz-placeholder {font-size:13px; color:#afafaf; font-weight:400; letter-spacing:-0.025em;}
.request table tr td input:-ms-input-placeholder {font-size:13px; color:#afafaf; font-weight:400; letter-spacing:-0.025em;}
.request table tr td input::-webkit-input-placeholder {font-size:13px; color:#afafaf; font-weight:400; letter-spacing:-0.025em;}

.request table tr td textarea {width:100%; height:150px; border:1px solid #dfdfdf; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  padding:0px 15px; font-size:16px; color:#5b5b5b; font-weight:400;}
.request table tr td select {width:120px; height:36px; border:1px solid #dfdfdf; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  padding:0px 15px; font-size:16px; color:#5b5b5b; font-weight:400; letter-spacing:-0.025em;}
.request label {
    font-size: 16px;
    color: #444;
    font-weight: 400;
    line-height: 17px;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    padding: 0px 18px;
    padding-left: 25px;
    cursor: pointer;
    transition: all 0.2s;
	vertical-align: middle;
}
.request input[type=checkbox] {display:none;}
.request  input[type=checkbox] + label {
	background-image:url("../img/common/checkbox_off.jpg");
	background-repeat:no-repeat;
	background-position:left top;
	height: 20px;
}
.request input[type=checkbox]:checked + label {
	background-image:url("../img/common/checkbox_ov.jpg");
	background-repeat:no-repeat;
	background-position:left top;
	height: 20px;
}
.files {width:100%!important; height:36px!important;  border:0px!important;}

.btn_Box {width:960px; text-align: center; margin: auto; margin-top:30px;}
.request_Btn {display: inline-block; cursor: pointer; width:108px; height:38px; text-align: center; margin: auto; background-color:#0068b7; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:16px; color:#fff; font-weight:400; text-align: center; line-height:38px; transition:all 0.3s;}
.request_Btn:hover {background-color:#0068b7;}

.cencls_Btn {display: inline-block; width:108px; height:38px; text-align: center; margin: auto; background-color:#9c9a9b; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:16px; color:#fff; font-weight:400; text-align: center; line-height:38px; transition:all 0.3s;}
.cencls_Btn:hover {background-color:#444444;}


.autoWrite {width:100%;}
.autoWrite #ff {width:120px; height:40px; border:1px solid #ddd; text-align: center; line-height: 40px; display: inline-block; vertical-align: middle; font-size:20px; font-weight:600; margin-bottom:8px;background-color:#dce7f0; margin-right:5px; border-radius:3px;}
.autoWrite input {width:120px!important; display: inline-block; vertical-align: middle; margin-bottom:8px;border:1px solid #ddd !important; }
.autoWrite p {display: inline-block; padding-left: 14px;  font-size:16px; color:#444; word-break: keep-all;}