@charset "utf-8"; 
/*
  Project _ CSS Init
  FileName _ sub.css - (서브레이아웃)
  Author _ 쮸양~★
  Date _ 2021. 09. 22
  Last _ 
*/


/******************************************************************************************************************************************
	common CSS (서브레이아웃 공통 스타일 설정) - 쮸양~★
*******************************************************************************************************************************************/
#subContainer strong {font-weight:500}
#subContainer h3, #subContainer h4, #subContainer h5 {font-weight:400}
#subContainer h2 span {color:#c9c9c9;}
#subContainer h3 {position:relative; margin-bottom: 15px; font-size: 2.2em; line-height: 1.2; color:#222;clear: both;padding-top:10px;}
#subContainer h3 span {color:#0099a2}
#subContainer h3::before {content:""; display:block; position:absolute ;top:0; left:0; width:30px; height: 4px; background:#01479e; border-radius:5px 0 0 5px}
#subContainer h3::after {content:"";display:block;position:absolute;top: 0;left: 30px;width: 10px;height: 4px;background:#eaeaea; border-radius:0 5px 5px 0}
#subContainer h4 {padding-left:30px; font-size:18px; background:url("../img/sub/bu_tit02.png") no-repeat left top; margin-bottom:10px; color:#414141;}
#subContainer h4 span {color:#0099a2}
#subContainer h5 {color:#333; letter-spacing:-1px; background:url("../img/sub/bu_tit03.png") no-repeat left top;}
#subContainer h5::before {content:"";display: block;position:absolute;top:0px;left:0;width:25px;height:3px;background:#ccc;}
#subContainer h5 span {font-size:0.92em; color:#555; font-weight:400}
p {font-size:15px; line-height: 1.6;}

/* 타이틀(텍스트 타입) */
.titT1 {font-size:24px; line-height:160%; font-weight:400; color:#222; letter-spacing:-1px;}
.titT2 {font-size:20px; line-height:160%; font-weight:400; color:#008f4c; letter-spacing:-1px;}
.titT3 {font-size:18px; line-height:160%; font-weight:400; color:#333; letter-spacing:-1px;}

/* 도트텍스트타입 */
.dotT1 {padding-left:30px; font-size:18px; background:url("../img/sub/bu_tit02.png") no-repeat left top; margin-bottom:10px; color:#414141;}

/* dl 타입 */
dl.b_tit1 {padding:0 0 0 0; background:none;}
dl.b_tit1 dt {color:##414141; padding-left:30px; margin-bottom:10px; font-size:18px; line-height:160%; background:url("../img/sub/bu_tit02.png") no-repeat left 3px; margin-top:20px;}
dl.b_tit1 dd {color:#555; padding-left:20px; margin-left:30px; font-size:16px; line-height:160%; background:url("../img/sub/bu_tit03.png") no-repeat left 8px; margin-bottom:10px;}


/* ul 타입 */
.b_dot1 {padding:0 0 0 0; background:none;}
.b_dot1 li {color:##414141; padding-left:30px; font-size:16px; line-height:160%; background:url("../img/sub/bu_tit02.png") no-repeat left 3px; margin-bottom:10px;}

.b_dot2 {padding:0 0 0 0; background:none;}
.b_dot2 li {color:#333; padding-left:20px; font-size:16px; line-height:160%; background:url("../img/sub/bu_tit03.png") no-repeat left 5px; margin-bottom:10px;}

.b_dot3 {padding:0 0 0 0; background:none;}
.b_dot3 li {position:relative; margin-bottom:10px; font-size:15px; line-height:160%; color:#7a7a7a; padding-left:15px; font-weight:500;}
.b_dot3 li::before {content:""; display:block; position:absolute; top:0; left:0; width:7px; height:7px; background:#32b16c}

.s_dot1 {padding:0 0 0 0; background:none;}
.s_dot1 > li {position:relative; padding-left:15px; list-style:none; font-size:15px; line-height:160%; color:#555; background:none;}
.s_dot1 > li:before {content:''; position:absolute; top:10px; left:0; width:5px; height:5px; border-radius:50%; background:#959595;}

.s_dot2 {padding:0 0 0 0; background:none;}
.s_dot2 > li {position:relative; padding-left:15px; list-style:none; line-height:1.6; color:#959595; background:none;}
.s_dot2 > li:before {content:''; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:50%; background:#7a9eca;}

/* 숫자도트 */
.num {margin:0px 0px 30px 10px; background:none;}
.num li {margin-left:10px; padding-left:5px; list-style:decimal; font-size:15px; line-height:160%; text-align:left; margin-bottom:10px; color:#333; background:none;}

.num1 {padding:0 0 0 0; background:none;}
.num1 li {margin-left:10px; padding-left:5px; list-style:decimal; line-height:160%; color:#7a7a7a; margin-bottom:10px; background:none;}

.num2 {padding:0 0 0 0; background:none; margin-left:15px;}
.num2 li {margin-left:10px; padding-left:5px; list-style:decimal-leading-zero; line-height:160%; color:#7a7a7a; margin-bottom:10px; background:none;}

.num2 li ul li {list-style:none; padding-left:15px;}

li.bu_none:before {display:none;}

/* 도트효과없앨때 */
dl dd.no {padding-left:30px; margin-left:0px; list-style:none; background:none;}
ul li.no {padding-left:0px; margin-left:0px; list-style:none; background:none;}


.px20 {position:relative; font-size:20px; color:#222; margin-top:25px; font-weight:500;}
.px20 > span {font-size:28px;}
.px20::before {content:"";display:block;position:absolute;top: 0;left: 0;width: 30px;height: 4px;background: #0e47a1; border-radius:5px 0 0 5px}
.px20::after {content:"";display:block;position:absolute;top: 0;left: 30px;width: 10px;height: 4px;background:#eaeaea; border-radius:0 5px 5px 0}
.no_ico {padding:0}
.no_ico::before, .no_ico::after {display:none}
.btns_1 {background: #107eb9; border-radius: 25px;}
.btns_1:hover {background: #fff; color: #107eb9;}
.btns_1.theme:hover, #btns.theme:active, .btns.theme:focus {background:#fff; color:#107eb9;}

.btns.theme {background:#01479e; border:1px solid #01479e}
.btns.theme:hover, .btns.theme:active, .btns.theme:focus {background:#fff; color:#01479e}
.btn {padding: 5px 20px;display: block;font-size: 16px;color: #555;text-align: center;}
.download {margin-bottom:30px}
.download .btns.theme{background: #fff url('../images/common/down_i.png') no-repeat 90% 50%;border: 1px solid #555;color:#555;padding-right: 40px;background-size: 20px;}
.job_blank {border: 1px solid #555;margin-bottom: 20px;/* width: 330px; */}
.job_blank a{background-color: #06378e;border-color:#06378e;color:#fff;display:block;padding: 10px 20px;font-size: 1.2em;text-align: center;}
.job_blank a i{padding-left: 25px;/* height:11px; */background: url(../images/common/blank.png) no-repeat 50%;background-size: 11px;}
.baro {margin-bottom:30px}
.baro span{}
.none {display:none;}
.nolist2 {display:none}


.innerLine {position:relative; overflow:hidden; border-top:1px solid #dadada; border-bottom:1px solid #dadada;}
#subContainer {position:relative; width:1200px; min-height: 500px; margin:40px auto; overflow:hidden;}

/******************************************************************************************************************************************
	sub_visual CSS (서브비주얼 스타일 설정) - 쮸양~★
*******************************************************************************************************************************************/
#sub_visual {position:relative; width:100%; height:250px; background-color:#dbdbdb; background-position:center center; background-size:cover;}
#sub_visual .pic01,
#sub_visual .pic02,
#sub_visual .pic03,
#sub_visual .pic04 {width:1200px; height:250px; margin:0px auto; background:url('../img/sub/subV_bg01.jpg') no-repeat center 0px;}

#sub_visual p {text-align:left; line-height:130%;}
#sub_visual p.ti01 {padding-top:30px; font-size:35px; letter-spacing:-0.1em; color:#575353; word-break:keep-all; font-weight:500;}
#sub_visual p.ti02 {color:#575353; font-size:25px; font-weight:500; letter-spacing:-0.1em; word-break:keep-all}
#sub_visual ul.ti03 {position:relative; display:inline-block; margin-top:20px;}
#sub_visual ul.ti03 li {padding:0px 20px; font-size:15px; margin-bottom:5px; color:#fff; background:#575353; border-radius:20px; font-weight:300; word-break:keep-all}



/******************************************************************************************************************************************
	location CSS (로테이션 메뉴 스타일 설정) - 쮸양~★
*******************************************************************************************************************************************/
#sub_visual .location {background:#0068b7; height:50px; position:absolute; left:0; bottom:0; width:100%; z-index:10;}
#sub_visual .location .blank {background:url('../img/sub/ico_blank_wh.png') no-repeat; background-size:14px}
#sub_visual .location .snb {position:relative}
#sub_visual .location .snb > li {position:relative; float:left}
#sub_visual .location .snb > li::before {position:absolute; top:0; right:0; content:''; display:block; width:1px; height:100%; background:rgba(255, 255, 255, 0.2)}
#sub_visual .location .snb > li > a {display:block; line-height:50px; height:50px; color:#fff; font-size:1.3em; min-width:200px}
#sub_visual .location .snb > li > a.home {display:block;min-width: 50px;text-indent:-9999px;background: url('../img/sub/ico_home_wh.png') no-repeat 50%;background-size: 20px;}
#sub_visual .location .snb > li > a:hover {text-decoration:none}
#sub_visual .location .snb > li.has_sub > a {padding:0 40px 0 20px}
#sub_visual .location .snb > li.has_sub > a::before {position:absolute;top: 19px;right:15px;content:'';display:block;width: 8px;height: 8px;background:transparent;border-left:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;}
#sub_visual .location .snb > li.has_sub > a.open {color:#00ffff}
#sub_visual .location .snb > li.has_sub > a.open::before {position:absolute;top: 24px;right:15px;content:'';display:block;width:10px;height:10px;background:transparent;border-left:1px solid #00ffff;border-bottom:1px solid #00ffff;transform:rotate(-225deg);-webkit-transform:rotate(-225deg);-moz-transform:rotate(-225deg);-ms-transform:rotate(-225deg);-o-transform:rotate(-225deg);}
#sub_visual .location .snb > li > ul {display:none;position:absolute;top:50px;left:0;width:100%;background:#fff;z-index:3;border:1px solid #dedede;border-top:none;padding: 10px 0;}
#sub_visual .location .snb > li > ul > li > a {display:block;padding: 8px 20px;color:#333;font-size:1.25em;}
#sub_visual .location .snb > li > ul > li > a:hover {color:#01479e; text-decoration:none}
#sub_visual .location .snb > li > ul > li.on > a {background:#01479e; color:#fff}


/* sub_container */
#subContainer .sub_head {position:relative; width:270px; float:left; margin-right:50px; display:inline-block;}
#subContainer .sub_head h2 {display:block; text-align:center; font-size:3.2em; color:#313131; word-break:keep-all; font-weight:400; padding:20px 20px; background:#f2f2f2; border:1px solid #e8e8e8; border-radius:30px 30px 0px 0px;}
#subContainer .sub_head h2 span {font-size:15px; color:#313131; font-weight:300;}

#subContainer .sub_head .leftBox {padding:20px 20px; border:1px solid #e8e8e8; border-radius:0px 0px 30px 30px;}
#subContainer .sub_head .leftMenu {}
#subContainer .sub_head .leftMenu li {position:relative; margin-bottom:10px; font-size:15px; line-height:160%; color:#7a7a7a; padding-left:15px; font-weight:500; border-bottom:1px solid #dddddd; padding-bottom:10px; margin-bottom:10px;}
#subContainer .sub_head .leftMenu li.on {color:#30517f;}

#subContainer .sub_head .leftMenu li a {display:block;}

#subContainer .sub_head .leftMenu li::before {content:""; display:block; position:absolute; top:8px; left:0; width:5px; height:5px; background:#7a7a7a}
#subContainer .sub_head .leftMenu li.on::before {content:""; display:block; position:absolute; top:8px; left:0; width:5px; height:5px; background:#30517f}


.callBox {margin:30px 0px; background:url('../img/main/pic02.jpg') no-repeat 112% top; background-size:40%;}
.callBox h3 {font-size:35px; color:#313131; font-weight:400; line-height:120%;}
.callBox h3 span {font-weight:500;}
.callBox p.line {border-bottom:1px solid #dddddd; margin:10px auto;}

.callBox p {font-size:14px; color:#7d7d7d;}
.callBox p span {color:#eb6100;}

.callBox p.t_call {color:#eb6100; font-size:30px;}
.callBox p.t_call02 {color:#eb6100; font-size:20px;}


#subContainer #content {width:880px;}

#subContainer #content h2 {font-size:35px; font-weight:400; color:#000; border-bottom:1px solid #dddddd; padding-bottom:20px; margin-bottom:50px;}

#subContainer .location_menu {display:none}



/******************************************************************************************************************************************
	컨텐츠 내용 CSS (각 페이지별 스타일 설정) - 쮸양~★
*******************************************************************************************************************************************/
/* 인사말 */
.p_0101_1 {position:relative; width:100%; padding-right:400px; min-height:355px; background:url(../img/sub/p_0101_1.jpg) no-repeat right top; font-size:15px; line-height:160%; border-radius:0px 30px 30px 0px;}

/* 기술자료 */
.dataList {position:relative; padding:15px 0; border-top:1px solid #ccc}
.dataList::before {position:absolute; top:-1px; left:0; content:""; display:block; width:80px; height:2px; background:#0068b7}
.dataList p {display:inline-block; width:20%; margin-bottom:0; vertical-align:top; font-size:1.8em; font-weight:500; color:#0068b7}
.dataList .sub_menu {display:inline-block; overflow:hidden; width:79%}
.dataList .sub_menu li {position:relative; margin-bottom:10px; font-size:15px;}
.dataList .sub_menu li:hover a {border:1px solid #333; color:#222; text-decoration:none}
.dataList .sub_menu li:hover ul li a {border:none; color:#555}
.dataList .sub_menu li a {display:block; line-height:36px; font-size:15px; padding:5px 20px; background:#fff; border:1px solid #ccc; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s}
.dataList .sub_menu li:nth-child(4n+1) {clear:both}
.dataList .sub_menu li ul {margin-top:10px}
.dataList .sub_menu li ul li {float:none; width:100%; position:relative; margin:0}
.dataList .sub_menu li ul li::before {content:""; position:absolute; left:0; top:15px; width:6px; height:1px; background:#999}
.dataList .sub_menu li ul li a {line-height:20px; text-align:left; border:none; padding-left:15px}
.dataList .sub_menu li ul li a:hover {text-decoration:underline}
.dataList .sub_menu li ul li ul {margin-top:0; margin-left:18px; font-size:0.9em}
.dataList .sub_menu li ul li ul li::before {top:11px; width:4px; height:4px; border-radius:50%}
.dataList .sub_menu li ul li ul li a {line-height:15px; padding-left:12px}


/* 이미지+텍스트 */
.img_box_t {width:100%; padding-bottom:20px; padding: 20px 30px; margin-bottom:60px; background:#f9f9f9; text-align: center; margin-top: 20px;}
.img_box_t ul {/* padding-top: 20px; */padding: 2px 0;}
.img_box_t ul li {position:relative; display:inline-block; font-size: 1.3em; margin-right: 20px; text-align: center; vertical-align:top;}
.img_box_t ul li img {max-width:300px; height:230px; margin-bottom:20px;}
.img_box_t ul li:last-child {margin-right:0;}




/**************************************약관**************************************/
/********************************************************************************/
#inBox {}
#inBox h2 {position: relative; padding: 30px 30px; background: #f5f5f5; font-size: 30px; color: #000; font-weight: 400; margin-bottom: 50px; text-align: center;}
#inBox h2 span.IDcolor {color: rgba(255,103,0,1.00);}
.policy_WRAP					{display:inline-block; margin:0px 0; font-size:11px; line-height:17px; background:#FFF; color:#777; padding:25px;}

table.policyTBL					{width:100%; margin:10px 0; color:#808080; border-top:1px solid #BBB; border-collapse:collapse; padding:0px; border-spacing:0px;}
table.policyTBL thead th		{text-align:center; padding:5px 0; font-size:11px; line-height:16px; border-right:1px solid #FFF; letter-spacing:-0.1em; color:#FFF; background:#a4a4a4;}
table.policyTBL tbody th		{padding:5px 10px; text-align:center; border-right:1px solid #cdcdcd; background:#FFF;}
table.policyTBL tbody td		{padding:7px 10px 5px 10px; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd; color:#808080;}
table.policyTBL tbody td.first	{border-left:0px; text-align:center; font-size:11px; line-height:20px; font-weight:400;}


/* box */
.box {position:relative;margin-bottom:30px;padding:20px;background:#f5f9fd;border:1px solid #dedede;overflow: hidden;}
.box p {margin-bottom:0; font-size:15px; color:#333}
.box p span {color:#145ec1}
.box dl {}
.box dt {font-size: 1.5em; font-weight: 500; margin-bottom: 5px; color: #13478d;}
.box dd {font-size: 1.2em;}
.box ul li.on a {color:#222}
.con_box {display:none}


/* box_guide */
.bg_guide {position:relative; padding:5px 5px; background:url(../img/sub/tit_pattern.png) repeat; margin-bottom:50px;}
.box_guide {overflow:hidden;position:relative; padding:30px 30px 30px 200px; background:#fff; min-height:150px;}
.box_guide::before {position:absolute; top:0; left:0px; width:200px; height:100%; content:''}
.box_guide dt {font-size: 1.75em;font-weight:500;margin:0 0 10px 0;color:#01479e;}
.box_guide dd {font-size: 1.3em;line-height:1.5;word-break:keep-all}
.box_guide dd strong {color:#5a5a5a}
.box_guide dd .ma {margin-bottom:0}
.box_guide dd .ma li {font-size:1em}
.box_guide p {margin-bottom:0;font-size:1.2em;line-height:1.4}


.s01::before {background:#fff url('../img/sub/subBn01.png') no-repeat 50%; background-size:150px}
.s02::before {background:#fff url('../img/sub/subBn02.png') no-repeat 50%; background-size:150px}
.s03::before {background:#fff url('../img/sub/subBn03.png') no-repeat 50%; background-size:150px}
.s04::before {background:#fff url('../img/sub/subBn04.png') no-repeat 50%; background-size:150px}
.s05::before {background:#fff url('../img/sub/subBn05.png') no-repeat 50%; background-size:150px}
.s06::before {background:#fff url('../img/sub/subBn06.png') no-repeat 50%; background-size:150px}
.s07::before {background:#fff url('../img/sub/subBn07.png') no-repeat 50%; background-size:150px}
.s08::before {background:#fff url('../img/sub/subBn08.png') no-repeat 50%; background-size:150px}
.s09::before {background:#fff url('../img/sub/subBn09.png') no-repeat 50%; background-size:150px}


.box_guide2 {overflow:hidden;position:relative;margin:50px 0 30px 0;padding:20px 20px 20px 420px;}
.box_guide2::before {position:absolute;top:0;left:0;width:420px;height:100%;content:''}
.box_guide2 p {margin-bottom:0;font-size:1.2em;line-height:1.4}
.box_guide2 .p01 {position:absolute ;top:0; left:0; width:390px; height:390px; display:block; background:#fff url('../img/sub/box_p01.jpg') no-repeat 50% top; background-size:cover; text-indent:-9999px;}



/****************** siteBtn (관련사이트) ******************/
.siteBtn {position:relative; width:100%; background:#fff; display:inline-block;}
.siteBtn li {position:relative; float:left; width:33.3%; margin-bottom:20px; font-size:18px; padding:0px 5px; box-sizing:border-box;}
.siteBtn li a {border:1px solid #e5e5e5; padding:20px 20px; display:block;}

.siteBtn li a span {position:absolute; top:20px; right:30px; width:12px; height:21px; display:block; background:url('../images/main/ic_next.gif') no-repeat 0px 0px; text-indent:-9999px;}


/* img_list */
.img_list {overflow:hidden; margin-bottom:50px}
.img_list img {display:inline-block; width:calc((100% - 27px) / 3); margin-right:10px}
.img_list img:last-child {margin-right:0}
.img_list.img_list2 div img{float:left; width: 49%!important;}
.img_list.img_list2 div img:last-child{float:right}


/* exam_box */
.exam_box {width:100%; border-bottom:1px solid #ccc; padding-bottom:20px; background:#f9f9f9; padding: 20px 30px; margin-bottom:60px;}
.exam_box ul {/* padding-top: 20px; */padding: 2px 0;}
.exam_box h5 {display:inline-block;padding:0;margin:0;}
.exam_box h5::before {display:none;}
.exam_box ul li {position:relative;display:inline-block;font-size: 1.3em;margin-right: 15px;padding-left: 15px;}
.exam_box ul li::before {position:absolute;top: 5px;left:0px;content:"";width:3px;height:12px;background: #222222;transform:rotate(40deg);}
.exam_box ul li i {padding-right: 30px;}
.exam_box .exam_txt {margin-top: 5px;padding: 0;}


/* tab_menu */
.tab_menu {margin-bottom:40px}
.tab_menu::after {clear:both; content:''; display:block}
.tab_menu li {float:left;margin:0px -1px 0 0;width: 16.7%;}
.tab_menu li a {display:block; text-align:center; font-size:1.35em; color:#333; background:#fafafa; border:1px solid #dedede; height:50px; line-height:48px}
.tab_menu li a:hover {text-decoration:none;}
.tab_menu li.on a {/* background-image:linear-gradient(90deg,#0497a3 0,#0f80a8 100%); */color: #fff;/* border:1px solid #0f80a8; */background: #30517f;}


/* table1 */
.table1 .title {text-align:left;}
.table1 {margin-bottom: 40px;font-size:1.25em;border-top:1px solid #222;}
.table1 thead th {padding:15px 10px;border-bottom:1px solid #dedede;text-align:center;color:#333;font-weight:500;background:#f5f9fd;border-right: 1px solid #dedede;}
.table1 thead th:last-child {border-right:none}
.table1 tbody {border-top:1px solid #222;/* border-right: none; */}
.table1 tbody th {padding:12px 10px; background:#f5f9fd; color:#333; font-weight:400; border-bottom:1px solid #dedede; border-right: 1px solid #dedede;}
.table1 tbody td {padding:12px 10px;text-align:center;border-right: 1px solid #dedede;border-bottom:1px solid #dedede;}
.table1 tbody td:last-child {border-right:none}
.table1 tbody td ul {margin-bottom:0}
.table1 tbody td .ma > li:before {background:#888}
.table1 tbody td ul li {font-size:1em;margin-bottom: 0;}
.borderOn {border-right: 1px solid #dedede!important;}


/* table2 */
.table2 {margin-bottom: 40px;font-size:1.25em; border-top:1px solid #222}
.table2 thead th {padding:15px 10px; border-bottom:1px solid #dedede; text-align:center; color:#333; font-weight:500; background:#f5f9fd}
.table2 tbody {border-top:1px solid #222}
.table2 tbody th {padding:12px 10px; background:#f5f9fd; color:#333; font-weight:400; border-bottom:1px solid #dedede;border-right: 1px solid #dedede;}
.table2 tbody td {padding:12px 10px; text-align:left; border-bottom:1px solid #dedede}
.table2 tbody td ul {margin-bottom:0}
.table2 tbody td ul li {font-size:1em}
.borderOn {border-right: 1px solid #dedede!important;}


/* table3 */
.table3 {margin-bottom: 40px;font font-size:1.25em; border-top:1px solid #222}
.table3 thead th {padding:15px 10px; border-bottom:1px solid #dedede; text-align:center; color:#333; font-weight:500; background:#f5f9fd}
.table3 tbody {border-top:1px solid #222}
.table3 tbody th {padding:12px 10px; background:#f5f9fd; color:#333; font-weight:400; border-bottom:1px solid #dedede;border-right: 1px solid #dedede;}
.table3 tbody td {padding:12px 10px; text-align:right; border-bottom:1px solid #dedede}
.table3 tbody td ul {margin-bottom:0}
.table3 tbody td ul li {font-size:1em}
.borderOn {border-right: 1px solid #dedede!important;}


/* img_guide */
.img_guide2 {max-width:1000px;margin: 0 auto 10px;/* overflow-y: scroll; */text-align: center;border: 1px solid #dedede;padding-bottom: 20px;/* max-height: 1000px; */}
.img_guide2 h5{background: #f8f8f8;  padding: 15px 0; border-bottom: 1px solid #dedede;}
.img_guide2 img {width: 640px;}


.img_guide3 {width: 300px;}
.img_guide3 img{}



/* half_table */
.half_table::after {display:block; content:''; clear:both}
.half_table .left {float:left; width:49%}
.half_table .right {float:right; width:49%}


/* no_content */
.no_content {overflow:hidden;max-width: 640px;margin: 0 auto;padding: 60px 0 60px 200px;background:url('/groups/goodjob/images/sub/no_content.png') no-repeat 0 50%;background-size: 180px;border: 1px dashed #dedede;border-width: 1px 0;}
.no_content .tit {font-size: 3.8em;font-weight: 500;color: #13478d;margin-bottom: 20px;}
.no_content .sub_tit {font-size: 1.6em;margin-bottom: 0;}


/* list */
.ma {overflow:hidden;margin-bottom: 30px;}
.ma::after {display:block; clear:both; content:''}
.ma li {position:relative; padding-left:20px; font-size:1.25em; line-height:1.4; margin-bottom:5px}
.ma li::before {content:"";position:absolute;left:3px;top:8px;width:5px;height:5px;background: #0099a2;}
.ma li ul {margin-top:5px}
.ma li ul li {position:relative;padding-left:20px;font-size:1em;line-height:1.4;margin-bottom:5px;}
.ma li ul li::before {content:""; position:absolute; left:0; top:10px; width:8px; height:1px; background:#999}
.ma li ul li ul {margin-top:5px}
.ma li ul li ul li {position:relative; padding-left:15px; font-size:1em; line-height:1.4; margin-bottom:5px}
.ma li ul li ul li::before {content:""; position:absolute; left:0; top:8px; width:3px; height:3px; background:#999}
.ma_sub {overflow:hidden; margin:0 0 30px 0}
.ma_sub::after {display:block; clear:both; content:''}
.ma_sub li {position:relative; padding-left:28px; font-size:1.25em; line-height:1.4; margin-bottom:5px}
.ma_sub li:last-child {margin-bottom:0}
.ma_sub li::before {content:""; position:absolute; left:7px; top:8px; width:5px; height:5px; background:#999}
.maBN li::before{display:none}


/* step */
.step {margin-bottom:30px; overflow:hidden}
.step li {float:left; position:relative; display:table; width:25%; height:90px; margin:5px 0; padding-left:30px}
.step li::before {position:absolute; left:7px; top:50%; margin-top:-5px; content:''; display:block; width:10px; height:10px; background:transparent; border-left:2px solid #ccc; border-bottom:2px solid #ccc; transform:rotate(-135deg); transition:all .3s ease-in-out}
.step li:first-child {padding-left:0}
.step li:first-child::before {display:none}
.step li span {display:table-cell; padding:20px 10px; text-align:center; font-size:1.25em; line-height:1.5; letter-spacing:-0.5px; border:1px solid #ccc; border-radius:5px; vertical-align:middle}
.step li strong {font-size:1.2em}
.step li:first-child span, .step li:nth-child(3) span, .step li:nth-child(5) span, .step li:nth-child(7) span {background:#fcfcfc}
.step li:nth-child(2) span, .step li:nth-child(4) span, .step li:nth-child(6) span, .step li:nth-child(8) span {background:#f5f8ff}
.step03 li {width:33.3%}


/* step_box */
.step_box {position:relative;overflow:hidden;margin-bottom: 40px;}
.step_box dl {float:left; width:25%; margin:5px 0; padding-left:30px; position:relative; font-size:1.25em}
.step_box dl::before {position:absolute; left:7px; top:50%; margin-top:-5px; content:''; display:block; width:10px; height:10px; background:transparent; border-left:2px solid #ccc; border-bottom:2px solid #ccc; transform:rotate(-135deg); transition:all .3s ease-in-out}
.step_box dl:last-child {margin-right:0}
.step_box dl:last-child::after {display:none}
.step_box dl:first-child {padding-left:0}
.step_box dl:first-child::before {display:none}
.step_box dl dt {width:100%; padding:15px 10px; background:#f5f9fd; border:1px solid #dedede; border-radius:5px 5px 0 0; text-align:center; font-weight:500; color:#333; font-size:1.1em}
.step_box dl dd {width:100%;height: 130px;padding:10px 10px;background: #fff;border:1px solid #dedede;border-top:none;border-radius:0 0 5px 5px;text-align:center;}
.step_box dl dd p {margin-bottom: 5px; font-size: 1.1em;}
.step_box dl dd ul {margin-bottom:0; text-align:left;}
.step_box dl dd ul li {font-size:1em}
.step_box_h50 dl dd {height: 50px!important;}
.step_box_h80 dl dd {height: 80px;min-height: 0;}
.step_box_h100 dl dd {height:100px}
.step_box_h120 dl dd {height:120px}
.step_box.step_box03 dl {width:33.3%}
.step_box.ncs_box {}
.step_box.ncs_box dl{width: 50%;}
.step_box.ncs_box dl dd {height: 180px;}
.step_box.ncs_box dl dd .ma {border-bottom: 1px dashed #dedede;/* padding: 8px; */margin-bottom: 5px;}
.step_box.ncs_box dl dd .ma:last-child {margin-bottom:0; border-bottom:none;}
.step_box.ncs_box dl dd .ma:last-child li::before {background:#ddd;}


/*******************************************************************************************************************************************
*	LOGIN
*******************************************************************************************************************************************/
#login									{max-width:1200px; margin:50px auto; padding:30px 50px; border:1px solid #dcdcdc; background:#FFF;}

#login h2.title {font-size:40px; font-weight:400;}
#login h2.title span {font-size:40px;}

#login .s_txt {font-size:15px; letter-spacing:0em; margin:10px 0 30px 0;}

#login label							{display:none;}
#login input							{position:relative; padding:0px 20px; width:100%; height:60px; font-size:20px; border:1px solid #dcdcdc; z-index:1; }
#login input::-webkit-input-placeholder	{font-size:13px; line-height:60px; color:#C6C6C6; letter-spacing:0em;}
#login input::-moz-placeholder			{font-size:13px; line-height:60px; color:#C6C6C6; letter-spacing:0em;}
#login input:-moz-placeholder			{font-size:13px; line-height:60px; color:#C6C6C6; letter-spacing:0em;}
#login input:-ms-input-placeholder		{font-size:13px; line-height:60px; color:#C6C6C6; letter-spacing:0em;}
#login input.login_pw 					{margin-top:-1px;}
#login input.login_btn 					{width:100%; height:50px; margin-top:15px; font-size:22px; color:#fff; background:#ee7500; letter-spacing:0em; border:0; cursor:pointer;}
#login input.login_btn:hover 			{background:#de6800;}
#login .nologinWRAP						{display:inline-block; width:100%;}
#login a.nologin_btn 					{display:inline-block; text-align:center; width:calc(100% - 0px); height:40px; margin-top:15px; color:#fff; background:#AAA; letter-spacing:0em; border:0; cursor:pointer;}
#login a.nologin_btn:hover 				{background:#686a62;}

#login .login_help						{margin-top:15px; text-align:right; }
#login .login_help a					{font-size:13px; color:#8c8c8c;}
#login .login_help a:hover				{color:#ee7500;}
#login .login_help a:not(:last-child):after	{content:""; display:inline-block; margin-right:10px; padding-right:10px; height:12px; border-right:1px solid #CCC; vertical-align:-2px;}


/******************************************************************************************************************************************
	policyList CSS (이용약관 스타일 설정) - 2022.01.24 쮸양~★
*******************************************************************************************************************************************/
.tapMenu {position:relative; border-bottom:2px solid #1e1d1d; overflow:hidden; margin-bottom:30px;}
.tapMenu li {float:left; margin-right:5px; padding:10px 20px; font-size:18px; color:#414141; cursor:pointer;}
.tapMenu li.on {background:#1e1d1d; font-size:18px; color:#fff;}
.tapMenu li.on a {color:#fff;}

.policyList {position:relative;}
.policyList .view {padding:20px 20px;}
.policyList h1 {font-size:20px; color:#000; border:1px dotted #959595; background:#f5f5f5; text-align:left; padding:10px 20px;}
.policyList h2 {position:relative; margin-bottom: 15px; font-size:20px; line-height: 1.2; color:#222;clear: both;padding-top:10px;}
.policyList h2 span {color:#0099a2}
.policyList h2::before {content:""; display:block; position:absolute ;top:0; left:0; width:30px; height: 4px; background:#01479e; border-radius:5px 0 0 5px}

.policyList h3 {padding-left:30px; font-size:18px; background:url("../img/sub/bu_tit02.png") no-repeat left top; margin-bottom:10px; color:#414141;}

.textBox1 {padding:10px 17px; margin:5px 0; border:1px solid #eee; overflow:hidden; color:#414141;}


/******************************************************************************************************************************************
	siteMap CSS (사이트맵 스타일 설정) - 2022.01.24 쮸양~★
*******************************************************************************************************************************************/
/*사이트맵*/
.site_map {position:relative; padding:15px 0; border-top:1px solid #ccc}
.site_map::before {position:absolute; top:-1px; left:0; content:""; display:block; width:80px; height:2px; background:#0068b7}
.site_map p {display:inline-block; width:20%; margin-bottom:0; vertical-align:top; font-size:1.8em; font-weight:500; color:#0068b7}
.site_map .sub_menu {display:inline-block; overflow:hidden; width:79%}
.site_map .sub_menu li {position:relative; float:left; width:23%; margin:0.9%}
.site_map .sub_menu li:hover a {border:1px solid #333; color:#222; text-decoration:none}
.site_map .sub_menu li:hover ul li a {border:none; color:#555}
.site_map .sub_menu li a {display:block; line-height:36px; text-align:center; font-size:1.25em; padding:5px 0px; background:#fff; border:1px solid #ccc; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s}
.site_map .sub_menu li:nth-child(4n+1) {clear:both}
.site_map .sub_menu li ul {margin-top:10px}
.site_map .sub_menu li ul li {float:none; width:100%; position:relative; margin:0}
.site_map .sub_menu li ul li::before {content:""; position:absolute; left:0; top:15px; width:6px; height:1px; background:#999}
.site_map .sub_menu li ul li a {line-height:20px; text-align:left; border:none; padding-left:15px}
.site_map .sub_menu li ul li a:hover {text-decoration:underline}
.site_map .sub_menu li ul li ul {margin-top:0; margin-left:18px; font-size:0.9em}
.site_map .sub_menu li ul li ul li::before {top:11px; width:4px; height:4px; border-radius:50%}
.site_map .sub_menu li ul li ul li a {line-height:15px; padding-left:12px}