/***** 02 클라우드서비스 *****/

.main_font_color {color: #0071EB !important;}
.font_weight_700 {font-weight: 700 !important;}

/* 탑 배너 */
#top_banner_01_open {width:100%; background:#090909;position:relative;}
#top_banner_01_open .banner_area {width:1200px; margin:0 auto; position:relative; height:150px;}
#top_banner_01_open .banner_area .banner_img {position:absolute;top:0;left:0px;}
#top_banner_01_open .banner_area .navi_tb {position:absolute;top:106px;left:0px; z-index:5000;}
#top_banner_01_open .banner_area .navi_tb img {margin-right:6px;;z-index:5000;}
#top_banner_01_open .banner_area .control_area {position:absolute;top:106px;right:0px;color:rgba(256,256,256, 0.4);}
#top_banner_01_open .banner_area .control_area .btn{ float:rihgt; margin:0px 0px 0px 10px;}
#top_banner_01_open .banner_area .control_area .mgr5 {margin-right:5px;}
#top_banner_01_open .banner_area .input_checkbox {width:12px;height:12px;margin-top:-0px;}

.popup_textarea {width:95%; border:1px solid #e1e1e1; padding:14px; margin:0px 0px 0px 0px;}

/* guide */
.guide {float:left; width:1200px; padding:0px 0px 60px 0px; border-bottom:1px solid #e1e1e1; }
.guide .movie {width:1200px; padding:0px 0px 0px 0px; text-align:center; }

.guide_tab {float:left; width:100%; height:68px; margin-bottom:40px;}
.guide_tab li {width:50%; float:left; margin-right:0px;}
.guide_tab li a {height:40px; background:#ffffff; border:1px solid #e1e1e1; display:inline-block; min-width:100%; padding:12px 0px 0px 0px; text-align:center; font-size:16px; color:#555555; font-weight:bold;}
.guide_tab li a:hover,
.guide_tab li a.on {border:1px solid #333333; background:#333333; color:#ffffff; }

/* guide contact us */
.guide_contact_wrap {float:left; width:100%; margin:-110px 0px 0px 0px; background:url('../images/cloud_guide_contact_bg.png') no-repeat 50% 0; clear:both;}
.guide_contact {margin:0 auto; width:780px; padding:100px 0px 0px 0px;}
.guide_service .wrapL {float:left; width:50%; }
.guide_service .wrapR {float:right; width:50%;}
.guide_contact .tit {float:left; width:390px; padding:0px 0px 90px 0px; }
.guide_contact .tit .img{float:left; width:90px; padding:0px 24px 0px 0px;}
.guide_contact .tit .tit { float:left; width:200px; padding:0px 0px 8px 0px;font-family:"나눔스퀘어", sans-serif; font-weight:900; font-size:36px; line-height:100%; position:relative; color:#444444; letter-spacing:-1px;}
.guide_contact .tit .desc{ float:left; width:260px; padding:0px 0px 0px 2px; color:#444444; line-height:170%; position:relative; }
.guide_contact .cont {float:right; width:390px; padding:12px 0px 10px 0px;}
.guide_contact .cont .icon {float:left;  padding:0px 20px 0px 70px;}
.guide_contact .cont .info {float:left; padding:0px 0px 0px 0px; text-align:left;}

/* 서브 네비 */
#snvi_wrap { margin:auto; margin-bottom:30px; width:1200px; height:114px; z-index:100; }
#snvi {width:1200px; position:relative; display:block; background:#ffffff; z-index:12; }
#snviwrap {position:relative; padding-right:0; background:#ffffff; transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; }
#snvi:after {content:""; clear:both; display:block; }

#snvi .lm_2th {position:relative; text-align:center;}
#snvi .lm_2th .th2 {float:left; width:33.2%; margin-right:1px;}
#snvi .lm_2th .th2 .link_2th {padding:17px 0px 23px 0px; font-size:16px; font-weight:900; display:inline-block; min-width:100%; border:1px solid #e1e1e1; color:#555555; z-index:10; position:relative; display:block; transition:border-color 0.1s,color 0.3s; -webkit-transition:border-color 0.1s,color 0.3s;}
#snvi .lm_2th .th2 .link_2th:before {content:""; display:inline-block; height:100%; vertical-align:middle}
#snvi .lm_2th .th2 .link_2th_ov,#snvi .lm_2th .th2 .link_2th:hover,#snvi .lm_2th .th2 .link_2th:focus {padding:17px 0px 23px 0px; border:1px solid #ffae23; background:#ffae23; color:#ffffff; font-weight:900; }

#snvi .lm_2th .th3 {position:absolute;top:64px;left:0; width:100%; height:48px; padding:6px 0px 0px 0px; display:none; background:#f0f0f0; }
#snvi .lm_2th .th3 li {display:inline-block;}
#snvi .lm_2th .th3 li .link_3th:before {content:"";position:absolute;left:0;top:50%; width:1px; height:14px; display:block; margin-top:-3px; background:#e1e1e1;}
#snvi .lm_2th .th3 li:first-child .link_3th:before {display:none}
#snvi .lm_2th .th3 li .link_3th {padding:10px 14px 7px 14px; font-size:15px; font-weight:900; color:#666666; line-height:1; display:block; position:relative; }
#snvi .lm_2th .th3 li .link_3th_ov:after{content:""; display:block; position:absolute; right:18px; top:50%; width:10px; height:10px; margin-top:-10px; border-radius:50%;}
#snvi .lm_2th .th3 li .link_3th_ov,#snvi .lm_2th .th3 li .link_3th:hover,#snvi .lm_2th .th3 li .link_3th:focus {display:block; font-weight:900; color:#e69730; }

/* IP */
.ip_area .ip_header {font-size: 30px; font-weight: bold;}
.ip_area .ip_sub {font-size: 13px; padding-bottom: 20px;}
.ip_area .ip_main .ip_add_zone {text-align: right; padding-bottom: 5px;}
.ip_area .ip_main .ip_add_zone button {height: 32px; font-weight: normal; padding: 0 10px; box-sizing: border-box; box-shadow: none; margin-left: 20px;}
.ip_area .ip_main .ip_table.table_list_hw {font-size: 0; border-top: 1px solid #333333;}
/* .ip_area .ip_main .ip_table tr th {height: 32px; background-color: #ededed; font-size: 14px; font-weight: bold;} */
.ip_area .ip_main .ip_table tr td {height: 32px; font-size: 14px; text-align: center; padding: 5px 0;}

/* 메인 비쥬얼 */
.main_visual {width:100%; height:660px; padding:0px 0px 70px 0px; background:url('../images/cloud_main_visual_03.png') no-repeat 50% 0; margin-top:90px;}
.main_visual .tit_01{margin:0 auto; width:1200px; padding:135px 0px 50px 0px; font-family:"나눔스퀘어", sans-serif; color:#ffae23; line-height:24px; font-size:54px; font-weight:900; letter-spacing:-1px; text-align:center; position:relative;}
.main_visual .tit_02{margin:0 auto; width:1200px; padding:0px 0px 30px 0px; font-family:"나눔스퀘어", sans-serif; color:#444444; line-height:24px; font-size:50px; font-weight:900; letter-spacing:-1px; text-align:center;}
.main_visual .desc {margin:0 auto; width:1200px; padding:0px 0px 30px 0px; color:#777777; font-size:15px; font-weight:600; letter-spacing:-0px; text-align:center;}
.main_visual .partner {text-align: center;}
.main_visual .partner img {margin: 0 20px;}
.main_visual .btn {margin:0 auto; width:1200px; padding:0px 0px 0px 0px; text-align:center;}
.main_visual .btn .btn_mv_01 { width:150px; height:40px; margin:0px 3px 0px 3px; padding:0px 0px 3px 10px; border:1px solid #7a7a7a; background:#7a7a7a;color:#ffffff;border-radius:2px; font-weight:bold; }
.main_visual .btn .btn_mv_01_arrow {background:url('../images/btn_mv_arrow.png') no-repeat 10px 3px; padding:0px 11px 0px 11px;}
.main_visual .btn .btn_mv_02 {width:150px; height:40px; margin:0px 3px 0px 3px; padding:0px 0px 0px 10px; border:1px solid #7a7a7a; background:#7a7a7a; color:#ffffff;border-radius:2px; font-weight:bold; }
.main_visual .btn .btn_mv_02_arrow {background:url('../images/btn_mv_arrow.png') no-repeat 10px 3px; padding:0px 11px 0px 11px;}
.main_visual .main_banner {width: 1200px; margin: 0 auto; height: 165px; text-align: right; padding-top: 90px; font-size: 0;}
.main_visual .banner {display: inline-block; margin-left: 15px;}
.main_visual .banner .close {padding:0px 0px 0px 0px;}
.main_visual .banner .close .text{float:left; padding:0px 6px 0px 24px; font-size:12px; color:#555555;}
.main_visual .banner .close .close_btn{float:left;padding:3px 0px 0px 0px;}
/* .main_visual .p_banner {position:absolute; top:470px; right: calc(50% - 600px); width:136px; z-index:200;}
.main_visual .p_banner .close {padding:10px 0px 0px 0px;width:300px; }
.main_visual .p_banner .close .text{float:left; padding:0px 6px 0px 24px; font-size:12px; color:#555555;}
.main_visual .p_banner .close .close_btn{float:left;padding:3px 0px 0px 0px;} */
/* .main_visual .system_banner {position: absolute; z-index: 100; top: 317px; left: calc(50% - 450px); width: 136px; }
.main_visual .system_banner .close .text {float: right; line-height: 100%; height: 15px;}
.main_visual .system_banner .close .close_btn {float: right;}
.main_visual .portal_banner {position: absolute; z-index: 100; top: 470px; right: calc(50% - 450px); width: 136px; }
.main_visual .portal_banner .close {padding:10px 0px 0px 0px;width:300px; }
.main_visual .portal_banner .close .text{float:left; padding:0px 6px 0px 24px; font-size:12px; color:#555555;}
.main_visual .portal_banner .close .close_btn{float:left;padding:3px 0px 0px 0px;}
.main_visual .calendar_banner {position: absolute; z-index: 100; top: 470px; right: calc(50% - 300px); width: 136px; }
.main_visual .calendar_banner .close {padding:10px 0px 0px 0px;width:300px; }
.main_visual .calendar_banner .close .text{float:left; padding:0px 6px 0px 24px; font-size:12px; color:#555555;}
.main_visual .calendar_banner .close .close_btn{float:left;padding:3px 0px 0px 0px;} */
.main_visual.renewal {padding-top: 90px; margin-bottom: 70px; box-sizing: border-box;}
.main_visual.renewal .mv_area {width: 1200px; margin: 0 auto; vertical-align: top;}
.main_visual.renewal .mv_area .mv_title {font-size: 27px; font-weight: 500; font-family: 'Roboto'; color: #615F5F; box-sizing: border-box;}
.main_visual.renewal .mv_area .mv_sub {padding-top: 10px; font-size: 36px; font-weight: 700; line-height: 48px; color: #0071EB; box-sizing: border-box; font-family: 'Noto Sans KR';}
.main_visual.renewal .mv_area .mv_btn {padding-top: 50px; box-sizing: border-box;}
.main_visual.renewal .mv_area .mv_btn button {width: 175px; height: 65px; line-height: 21px; padding: 21px 0; margin-right: 15px; font-family: 'Noto Sans KR'; font-size: 18px; font-weight: 700; border: 1px solid #363636; border-radius: 47px; background-color: transparent; transition: all ease 1s 0s;}
.main_visual.renewal .mv_area .mv_btn button img {margin-left: 5px; position: relative; top: -3px; left: 0;}
.main_visual.renewal .mv_area .mv_btn button:hover {background-color: #ffffff;}
.main_visual.renewal .banner_visual {float:left; margin-top: 20px; width: 370px; font-size: 0;}
.main_visual.renewal .banner_visual .close {width: 100%; text-align: right;}
.main_visual.renewal .banner_visual .close .text {display: inline-block; font-size: 12px;}
.main_visual.renewal .banner_visual .close .close_btn {display: inline-block; vertical-align: top; margin-top: 5px;}
.main_visual.renewal .banner_visual .banner_area {display: inline-block; box-sizing: border-box; font-size: 0;}
.main_visual.renewal .banner_visual .banner_area:first-child {margin-right: 30px;}
.main_visual.renewal .main_popup_banner{position: absolute; top: 30px; right: calc(50% - 250px);}

/* 메인 인포 */
.main_info {margin:0 auto; width:1200px; padding:0px 0px 60px 0px; clear:both; }

.main_info_tab {float:left; width:100%;}
.main_info_tab li {width:33.3%; float:left; margin-right:0px;}
.main_info_tab li a { background:#ffffff; border:1px solid #e1e1e1; display:inline-block; min-width:100%; padding:17px 0px 23px 0px; text-align:center; font-size:16px; color:#555555; font-weight:bold;}
.main_info_tab li a:hover,
.main_info_tab li a.on {border:1px solid #ffae23; background:#ffae23; color:#ffffff; }

.main_info .cont {float:left; width:1200px; padding:0px 0px 50px 0px;}
.main_info .cont h2.mi { padding-top:0px; font-family:"나눔스퀘어", sans-serif; font-weight:900; font-size:38px; line-height:80px; position:relative; color:#444444; text-align:center; clear:both;}
.main_info .cont h2.mi:before {content:'';position:absolute; bottom:0; left:50%; margin-left:-70px; background:#ffae23; width:140px; height:3px;}
.main_info .cont p {width:1200px; padding:0px 0px 50px 0px; color:#444444; text-align:center; line-height:30px; position:relative; }
.main_info .cont .movie {width:1200px; padding:0px 0px 0px 0px; text-align:center; }
.main_info .graph {padding: 50px 0 0; box-sizing: border-box;}
.main_info .graph img {width: 100%;}

.main_info.renewal {font-size: 0;}
.main_info .info_three {width: 390px; height: 390px; padding: 25px; display: inline-block; vertical-align: top; box-sizing: border-box; border: 1px solid #eeeeee;}
.main_info .info_three:hover {border: 1px solid #434343;}
.main_info .info_three:nth-child(2) {margin: 0 15px;}
.main_info .info_three .it_img {width: 320px; height: 200px; margin: 0 auto;}
.main_info .info_three .it_img.time {background: url('../images/info_three_01_off.png'); background-size: 100% 100%;}
.main_info .info_three:hover .it_img.time {background: url('../images/info_three_01_on.png'); background-size: 100% 100%;}
.main_info .info_three .it_img.graph {background: url('../images/info_three_02_off.png'); background-size: 100% 100%;}
.main_info .info_three:hover .it_img.graph {background: url('../images/info_three_02_on.png'); background-size: 100% 100%;}
.main_info .info_three .it_img.student {background: url('../images/info_three_03_off.png'); background-size: 100% 100%;}
.main_info .info_three:hover .it_img.student {background: url('../images/info_three_03_on.png'); background-size: 100% 100%;}
.main_info .info_three .it_title {width: 100%; padding: 10px 0 20px; font-family: 'Nanum Barun Gothic', sans-serif; text-align: center; font-size: 16px; font-weight: bold; box-sizing: border-box; color: #363636;}
.main_info .info_three .it_content {font-family: 'Nanum Barun Gothic', sans-serif; font-size: 14px; line-height: 200%; color: #363636; text-align: center;}
.main_info .info_three .it_content span {font-size: 12px;}

/* 메인 slide */
.main_slide {margin:0 auto; width: 1200px; height: 220px; padding: 0 0 50px; box-sizing: border-box; clear:both; font-size: 0;}
.main_slide .slick-track {height: 170px; padding: 10px; box-sizing: border-box;}
.main_slide .ms_area {width: 240px; height: 150px; margin: 0 10px; background-color: #ffffff; border: 1px solid #eeeeee; box-sizing: border-box; text-align: center; outline: none; cursor: pointer;}
/* .main_slide .ms_area:hover {border: none; background-color: #f0fafc; box-shadow: 0 0 8px 2px rgba(194, 194, 194, 0.3); transform: scale(1.1); -webkit-transform: scale(1.1);} */
.main_slide .ms_area .ms_title {width: 238px; height: 90px; display: table-cell; vertical-align: middle; line-height: 90px; box-sizing: border-box; font-size: 30px; font-weight: bold; color: #77b0d5;}
.main_slide .ms_area .ms_title.paper {background: url('../images/main_slide_01_off.png'); background-repeat: no-repeat; background-position: 50% 50%; font-size: 0; border: none; box-sizing: border-box;}
.main_slide .ms_area:hover {background-color: #f0fafc; box-shadow: 0px 0px 8px 2px rgba(194, 194, 194, 0.3);}
.main_slide .ms_area:hover .ms_title.paper {background: none; font-size: 30px;}
.main_slide .ms_area .ms_title.study {background: url('../images/main_slide_02_off.png'); background-repeat: no-repeat; background-position: 50% 50%; font-size: 0; border: none; box-sizing: border-box;}
.main_slide .ms_area:hover .ms_title.study {background: url('../images/main_slide_03.png'); background-repeat: no-repeat; background-position: 50% 70%; border: none; box-sizing: border-box;}
.main_slide .ms_area .ms_title.study .ms_sub {font-size: 0;}
.main_slide .ms_area:hover .ms_title.study .ms_sub {font-size: 14px; position: relative; top: -20px;}
.main_slide .ms_area .ms_title.sch {background: url('../images/main_slide_02_off.png'); background-repeat: no-repeat; background-position: 50% 50%; font-size: 0; border: none; box-sizing: border-box;}
.main_slide .ms_area:hover .ms_title.sch {background: url('../images/main_slide_05.png'); background-repeat: no-repeat; background-position: 50% 70%; border: none; box-sizing: border-box;}
.main_slide .ms_area .ms_title.sch .ms_sub {font-size: 0;}
.main_slide .ms_area:hover .ms_title.sch .ms_sub {font-size: 14px; position: relative; top: -20px;}
.main_slide .ms_area .ms_title.seoul {background: url('../images/main_slide_02_off.png'); background-repeat: no-repeat; background-position: 50% 50%; font-size: 0; border: none; box-sizing: border-box;}
.main_slide .ms_area .ms_title.seoul .ms_sub {font-size: 0;}
.main_slide .ms_area:hover .ms_title.seoul {background: none; border: none; box-sizing: border-box;}
.main_slide .ms_area:hover .ms_title.seoul .ms_sub {background: none; font-size: 30px;}
.main_slide .ms_area .ms_title.guide {background: url('../images/main_slide_03_off.png'); background-repeat: no-repeat; background-position: 50% 50%; font-size: 0; border: none; box-sizing: border-box;}
.main_slide .ms_area:hover .ms_title.guide {background: none; font-size: 30px;}
.main_slide .ms_area .ms_title.partner {background: url('../images/main_slide_04_off.png'); background-repeat: no-repeat; background-position: 50% 50%; font-size: 0; border: none; box-sizing: border-box;}
.main_slide .ms_area:hover .ms_title.partner.AWS {background: url('../images/main_slide_02.png'); background-repeat: no-repeat; background-position: 50% 50%;}
.main_slide .ms_area:hover .ms_title.partner.ANSYS {background: url('../images/main_slide_01.png'); background-repeat: no-repeat; background-position: 50% 50%;}
.main_slide .ms_area .ms_content {font-size: 14px; font-weight: bold; color: #363636; letter-spacing: -0.5px;}
.main_slide .ms_area img {margin: 0 auto;}
.main_slide .ms_area .ms_sub {font-size: 14px; font-weight: bold; color: #77b0d5;}

/* 메인 type */
.main_type {margin:0 auto; width: 100%; height: 375px; padding:0px 0px 60px 0px; clear:both; font-size: 0;}
.main_type .type_half {width: 50%; height: 100%; padding: 0 60px 0 calc(50% - 600px); display: inline-block; box-sizing: border-box; background-color: #f0f2fc; text-align: center; vertical-align: top;}
.main_type .type_half:last-child {background-color: #fff6f5; padding: 0 calc(50% - 600px) 0 60px;}
.main_type .type_half .th_title {padding-top: 70px; font-size: 24px; font-weight: bold; color: #363636; font-family: 'Nanum Barun Gothic', sans-serif;}
.main_type .type_half .th_content {font-size: 14px; color: #363636; padding-top: 40px; letter-spacing: -0.5px; font-family: 'Nanum Barun Gothic', sans-serif;}
.main_type .type_half .th_btn {padding-top: 50px;}
.main_type .type_half .th_btn button {width: 170px; height: 55px; border: 1px solid #363636; border-radius: 5px; background-color: transparent; margin: 0 10px; outline: none; transition: all ease 1s 0s; font-weight: bold;}
.main_type .type_half .th_btn button:hover {background-color: #ffffff;}

/* 메인 three_type */
.main_three_type {margin:0 auto; width: 100%; height: 375px; padding:0px 0px 60px 0px; clear:both; font-size: 0;}
.main_three_type .type_three {width: 400px; height: 100%; display: inline-block; box-sizing: border-box; background-color: #ebfbf8; text-align: center; vertical-align: top;}
.main_three_type .dummy_type:nth-child(1) {background-color: #f0f2fc; height: 100%; width: calc(50% - 600px); display: inline-block;}
.main_three_type .type_three:nth-child(2) {width: 400px; background-color: #f0f2fc;}
.main_three_type .type_three:nth-child(4) {width: 400px; background-color: #fff6f5;}
.main_three_type .dummy_type:nth-child(5) {background-color: #fff6f5; height: 100%; width: calc(50% - 600px); display: inline-block;}
.main_three_type .type_three .th_title {padding-top: 70px; font-size: 24px; font-weight: bold; color: #363636; font-family: 'Nanum Barun Gothic', sans-serif;}
.main_three_type .type_three .th_content {height: 110px; box-sizing: border-box; font-size: 14px; color: #363636; padding-top: 40px; letter-spacing: -0.5px; font-family: 'Nanum Barun Gothic', sans-serif;}
.main_three_type .type_three .th_btn {padding-top: 50px;}
.main_three_type .type_three .th_btn button {width: 170px; height: 55px; border: 1px solid #363636; border-radius: 5px; background-color: transparent; margin: 0 10px; outline: none; transition: all ease 1s 0s; font-weight: bold;}
.main_three_type .type_three .th_btn button:hover {background-color: #ffffff;}

/* 메인 learn_more */
.main_learn_wrap {float:left;width:100%; padding:0px 0px 0px 0px; background:url('../images/cloud_main_learn_bg.png'); clear:both;}
.main_learn_wrap .main_learn {margin:0 auto;  width:1200px; padding:0px 0px 80px 0px;}
.main_learn_wrap .main_learn h2.mi {padding: 90px 0 0; font-family:"나눔스퀘어", sans-serif; font-weight:900; font-size:38px; line-height:80px; position:relative; color:#444444; text-align:center; clear:both; margin: 0 0 70px;}
.main_learn_wrap .main_learn h2.mi:before {content:''; position:absolute; bottom:0; left:50%; margin-left:-70px; background:#ffae23; width:140px; height:3px;}
.main_learn_wrap .main_learn .tit {padding-top:90px; font-family:"나눔스퀘어", sans-serif; font-weight:900; font-size:38px; line-height: 80px; position:relative; color:#444444; text-align:center; clear:both;}
.main_learn_wrap .main_learn .tit_line {width: 120px; border: 3px solid #ffae23; margin: 0 auto; margin-bottom: 60px;}
.main_learn_wrap .main_learn .cont {text-align: center;}
.main_learn_wrap .main_learn .cont .cont_top {font-size: 0; margin-bottom: 15px;}
.main_learn_wrap .main_learn .cont .cont_top .top_banner {width: 382px; height: 355px; padding: 30px; box-sizing: border-box; background: url('../images/bg_box_top_text_off.png'); background-repeat: no-repeat; background-size: 100% 100%; clear:both; display: inline-block; cursor: pointer;}
.main_learn_wrap .main_learn .cont .cont_top .top_banner.center {margin: 0 10px;}
.main_learn_wrap .main_learn .cont .cont_top .top_banner:hover {background: url('../images/bg_box_top_text_on.png');}
.main_learn_wrap .main_learn .cont .cont_top .top_banner .tb_tit {width: 100%; text-align: left; font-size: 12px; font-weight: bold;}
.main_learn_wrap .main_learn .cont .cont_top .top_banner .tb_logo {float: right; position: relative; top: -20px;}
.main_learn_wrap .main_learn .cont .cont_top .top_banner .tb_img {width: 230px; height: 170px; margin: 0 auto 30px; text-align: center; background-repeat: no-repeat; background-size: 100% 100%;}
.main_learn_wrap .main_learn .cont .cont_top .top_banner .tb_img.left{background: url('../images/icon_whitepaper_off.png');}
.main_learn_wrap .main_learn .cont .cont_top .top_banner:hover .tb_img.left{background: url('../images/icon_whitepaper_on.png');}
.main_learn_wrap .main_learn .cont .cont_top .top_banner.center .tb_img{background: url('../images/icon_casestudy_off.png');}
.main_learn_wrap .main_learn .cont .cont_top .top_banner.center:hover .tb_img{background: url('../images/icon_casestudy_on.png');}
.main_learn_wrap .main_learn .cont .cont_top .top_banner .tb_img.right{background: url('../images/icon_guide_off.png');}
.main_learn_wrap .main_learn .cont .cont_top .top_banner:hover .tb_img.right{background: url('../images/icon_guide_on.png');}
.main_learn_wrap .main_learn .cont .cont_top .top_banner .tb_text {padding-top: 20px; letter-spacing: -0.5px; font-size: 15px; font-weight: bold;}
.main_learn_wrap .main_learn .cont .cont_bottom {font-size: 0;}
.main_learn_wrap .main_learn .cont .cont_bottom .bottom_banner {width: 573px; height: 243px; padding: 30px; box-sizing: border-box; background: url('../images/bg_box_bottom_text_off.png'); background-repeat: no-repeat; background-size: 100% 100%; clear:both; display: inline-block; cursor: pointer;}
.main_learn_wrap .main_learn .cont .cont_bottom .bottom_banner:hover {background: url('../images/bg_box_bottom_text_on.png');}
.main_learn_wrap .main_learn .cont .cont_bottom .bottom_banner.left {margin-right: 12px;}
.main_learn_wrap .main_learn .cont .cont_bottom .bottom_banner .bb_img {display: inline-block; width: 199px; height: 188px; vertical-align: top;}
.main_learn_wrap .main_learn .cont .cont_bottom .bottom_banner .bb_cont {display: inline-block; width: calc(100% - 199px); vertical-align: top; padding: 0 0 0 35px; box-sizing: border-box;}
.main_learn_wrap .main_learn .cont .cont_bottom .bottom_banner .bb_cont .bb_tit {width: 100%; text-align: left; font-size: 30px; line-height: 20px; padding-bottom: 10px;}
.main_learn_wrap .main_learn .cont .cont_bottom .bottom_banner .bb_cont .bb_sub {width: 100%; text-align: left; font-size: 16px; padding-bottom: 20px;}
.main_learn_wrap .main_learn .cont .cont_bottom .bottom_banner .bb_cont .bb_text {width: 100%; text-align: left; font-size: 12px; padding: 15px 15px 0 0; box-sizing: border-box; color: #444444; line-height: 200%;}

/* 메인 features */
.main_features_wrap {float:left;width:100%; padding:0px 0px 0px 0px; background:url('../images/cloud_main_features_bg_02.png'); clear:both; }
.main_features {margin:0 auto;  width:1200px; padding:0px 0px 80px 0px;}
.main_features h2.mi { padding-top:90px; font-family:"나눔스퀘어", sans-serif; font-weight:900; font-size:38px; line-height:80px; position:relative; color:#444444; text-align:center; clear:both;}
.main_features h2.mi:before {content:'';position:absolute; bottom:0; left:50%; margin-left:-70px; background:#ffae23; width:140px; height:3px;}
.main_features p {width:1200px; padding:0px 0px 50px 0px; color:#444444; text-align:center; line-height:30px; position:relative; }

.main_features .cont {float:left; width:1200px; margin:20px 0px 20px 0px;}
.main_features .cont .banner {float:left; width:33.3%; margin:0px 0px 60px 0px;}
.main_features .cont .banner .img {float:left; width:100%; margin:0px 0px 30px 0px; text-align:center;}
.main_features .cont .banner .tit {float:left; width:100%; margin:0px 0px 18px 0px; font-size:23px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; text-align:center;letter-spacing:-0.5px; color:#333;}
.main_features .cont .banner .desc {float:left; width:100%; margin:0px 0px 20px 0px; text-align:center; font-size:12px; color:#444444; line-height:200%;}

/* 메인 서비스 */
.main_service_wrap {float:left; width:100%; padding:0px 0px 0px 0px; background:url('../images/cloud_main_service_bg.png'); clear:both; }
.main_service {margin:0 auto; width:1200px; padding:0px 0px 80px 0px;}
.main_service h2.mi { padding-top:90px; font-family:"나눔스퀘어", sans-serif; font-weight:900; font-size:38px; line-height:80px; position:relative; color:#444444; text-align:center; clear:both;}
.main_service h2.mi:before {content:'';position:absolute; bottom:0; left:50%; margin-left:-70px; background:#ffffff; width:140px; height:3px;}
.main_service p {width:1200px; padding:0px 0px 50px 0px; color:#444444; text-align:center; line-height:30px; position:relative; }

.main_service .btn_demand {float:left;width:1200px; padding:0px 0px 80px 0px;}
.main_service .btn_demand .wrapL {float:left; }
.main_service .btn_demand .wrapR {float:right; }
.main_service .btn_demand .btn_msd { width:570px; height:140px; margin:0px 3px 0px 3px; padding:0px 0px 3px 10px; background:url('../images/cloud_main_service_demand_bg.png') no-repeat;  border:0px; font-size:24px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; letter-spacing:-0.5px; color:#333; text-align:left; line-height: 116px;}
.main_service .btn_demand .btn_msd_icon_01 {background:url('../images/cloud_service_demand_icon_01.png') no-repeat 30px 0px; padding:30px 50px 90px 90px;}
.main_service .btn_demand .btn_msd_icon_02 {background:url('../images/cloud_service_demand_icon_02.png') no-repeat 30px 0px; padding:30px 50px 90px 90px;}

.main_service .btn_start {width:1200px; padding:0px 0px 0px 0px; text-align:center;}
.main_service .btn_start .btn_mss { width:380px; height:80px; margin:0px 3px 0px 3px; padding:0px 0px 3px 40px; background:url('../images/cloud_main_service_start_bg.png') no-repeat;  border:0px; font-size:24px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; letter-spacing:-0.5px; color:#ffffff; text-align:left;}

.main_service.renewal .ms_title {width: 100%; text-align: center; font-size: 24px; font-weight: bold;}
.main_service.renewal .ms_bar {width: 100px; margin-top: 25px; height: 7px; background-color: #fbc53f; margin: 0 auto; box-sizing: border-box;}
.main_service.renewal .ms_sub {width: 100%; padding-top: 40px; text-align: center; font-size: 14px; color: #363636; font-family: 'Nanum Barun Gothic', sans-serif;}
.main_service.renewal .ms_content {width: 100%; padding: 40px 200px 0; font-size: 0; box-sizing: border-box;}
.main_service.renewal .ms_content .ms_content_left {width: 50%; padding: 0 10px 0 0; display: inline-block; box-sizing: border-box; vertical-align: top;}
.main_service.renewal .ms_content .ms_content_right {width: 50%; padding: 0 0 0 10px; display: inline-block; box-sizing: border-box; vertical-align: top;}
.main_service.renewal .ms_content .ms_content_left .content_input {width: 100%; height: 45px; padding: 5px 20px; margin: 10px 0; border: 1px solid #e0e0e0; border-radius: 5px; box-sizing: border-box; font-family: 'Nanum Barun Gothic', sans-serif;}
.main_service.renewal .ms_content .ms_content_left .content_input input {width: calc(100% - 50px); height: 100%; display: inline-block; border: none; padding: 0; box-sizing: border-box;}
.main_service.renewal .ms_content .ms_content_left .content_input input.number {width: 25%;}
.main_service.renewal .ms_content .ms_content_right textarea {width: 100%; height: 155px; margin-top: 10px; resize: none; border: 1px solid #e0e0e0; border-radius: 5px; padding: 10px; box-sizing: border-box; font-family: 'Nanum Barun Gothic', sans-serif;}
.main_service.renewal .ms_btn {width: 100%; margin-top: 35px; text-align: center;}
.main_service.renewal .ms_btn button {width: 170px; height: 55px; font-size: 14px; font-weight: bold; border: 1px solid rgb(251, 197, 63); border-radius: 25px; background-color: #fde29f; transition: all ease 1s 0s;}
.main_service.renewal .ms_btn button:hover {border: 1px solid rgb(67, 67, 67); background-color: #ffffff; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.18);}

.inquiry_complete {border-top: 1px solid #333333; text-align: center;}
.inquiry_complete img {margin: 100px 0 50px;}
.inquiry_complete .support_title {font-size: 28px; font-weight: bold; padding-bottom: 45px; line-height: 100%;}
.inquiry_complete .support_text {font-size: 14px;}

/* 메인 software */
.main_software{margin:0 auto; width:1200px; padding:0px 0px 80px 0px;}
.main_software h2.ms { padding-top:0px; font-family:"나눔스퀘어", sans-serif; font-weight:900; font-size:38px; line-height:80px; position:relative; color:#444444; text-align:center; clear:both;}
.main_software h2.ms:before {content:'';position:absolute; bottom:0; left:50%; margin-left:-70px; background:#ffae23; width:140px; height:3px;}
.main_software p {width:1200px; padding:0px 0px 50px 0px; color:#444444; text-align:center; line-height:200%; position:relative; }
.main_software .banner {float:left; width:1200px; padding:50px 0px 50px 0px;}
.main_software .banner .wrapL {float:left; width:50%; }
.main_software .banner .wrapR {float:right;width:50%; }
.main_software .banner .img {float:left; width:23%; height:200px; margin:4px 0px 0px 50px;}
.main_software .banner .tit {float:left; width:60%; margin:0px 0px 6px 0px; font-size:25px; font-weight:900; font-family:"나눔스퀘어", sans-serif; text-align:left;letter-spacing:-0.5px; color:#333;}
.main_software .banner .desc {float:left; width:60%; margin:0px 0px 20px 0px; text-align:left; font-size:13px; color:#444444; line-height:170%;}

/* 메인 license */
.main_license_wrap {float:left; width:100%; padding:0px 0px 70px 0px; background:url('../images/cloud_main_features_bg.png');  clear:both; }
.main_license {margin:0 auto; width:1200px; padding:0px 0px 80px 0px;}
.main_license h2.ml { padding-top:90px; font-family:"나눔스퀘어", sans-serif; font-weight:900; font-size:38px; line-height:80px; position:relative; color:#444444; text-align:center; clear:both;}
.main_license h2.ml:before {content:'';position:absolute; bottom:0; left:50%; margin-left:-70px; background:#ffae23; width:140px; height:3px;}
.main_license p {width:1200px; padding:0px 0px 50px 0px; color:#444444; text-align:center; line-height:30px; position:relative; }
.main_license .cont {float:left; margin:0px 0px 20px 0px; width:1200px; border:1px solid rgba(256,256,256, 1); background:rgba(256,256,256, 1); border-radius:5px;}
.main_license .cont .num{float:left; width:3%; padding:18px 0px 20px 40px; font-size:22px; font-weight:900; font-family:"나눔스퀘어", sans-serif; }
.main_license .cont .tit{float:left; width:88%; padding:18px 0px 20px 0px; font-size:22px; font-weight:900; font-family:"나눔스퀘어", sans-serif;}
.main_license .cont .tit .icon_open{float:right; width:18px; height:18px; margin:5px -20px 0px 0px; padding:0px 0px 0px 0px; cursor:pointer; background:url('../images/cloud_main_icon_open.png'); }
.main_license .cont .tit .icon_close{float:right; width:18px; height:18px; margin:5px -20px 0px 0px; cursor:pointer; background:url('../images/cloud_main_icon_close.png'); }
.main_license .cont .num_line {float:left; width:2%; height:18px; margin:5px 0px 20px 47px; padding:0px 0px 20px 0px; border-left:1px solid #ffae23; }
.main_license .cont .answer{float:left; width:87%; padding:0px 0px 30px 5px;}

.main_hardware_tit { margin:auto; width:1200px; clear:both;}
.main_hardware_tit h2.mht { padding-top:0px; font-family:"나눔스퀘어", sans-serif; font-weight:900; font-size:38px; line-height:80px; position:relative; color:#444444; text-align:center; clear:both;}
.main_hardware_tit h2.mht:before {content:'';position:absolute; bottom:0; left:50%; margin-left:-70px; background:#ffae23; width:140px; height:3px;}
.main_hardware_tit p {width:1200px; padding:0px 0px 50px 0px; color:#444444; text-align:center; line-height:30px; position:relative; }

/* 메인 hardware */
.main_hardware_wrap {float:left; width:100%; padding:40px 0px 70px 0px; margin:0px 0px 0px 0px; border-bottom:1px solid #e1e1e1; background:#ffffff;  }
.main_hardware {margin:0 auto; width:1200px; position:relative;}

.main_hardware .product{ float:left; width:250px; height:320px; margin:30px 66px 30px 0px; background:#f0f0f0;  position:relative;}

.main_hardware .product .img {float:left; width:250px; margin:0px 0px 24px 0px; text-align:center; background:#111111; clear:both; }
.main_hardware .product .img .thum { position:relative; padding-top:90px; overflow:hidden; }
.main_hardware .product .img .thum .cont { position:absolute; top:0; left:0; right:0; bottom:0; border-top:1px solid rgba(255,255,255,0.9); border-left:1px solid rgba(255,255,255,0.9);  border-right:1px solid rgba(255,255,255,0.9); -webkit-transform: translate(0%,0%); -ms-transform: translate(0%,0%); transform: translate(0%,0%); }

.main_hardware .product .tit{ float:left; width:222px; margin:0px 0px 10px 0px; padding:0px 14px 0px 14px; font-weight:bold; text-align:center;}
.main_hardware .product .info{float:left; width:222px; margin:0px 0px 20px 0px; padding:0px 14px 0px 14px; font-size:12px; color:#444444;text-align:center; line-height:180%; max-height:110px; display:block; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis }
.main_hardware .product .btn {float:left; width:100%; margin:0px 0px 0px 0px; text-align:center; }
.main_hardware .product .btn .btn_mhp { position:absolute; bottom:20px; left:100px; width:60px; height:28px; border:0px solid #cdcdcd; background:#cccccc; cursor:pointer; border-radius:0px; padding:0px 10px 3px 10px; font-size:12px; color:#ffffff; font-weight:bold;}
.main_hardware .product.last{margin:30px 0px 30px 0px;}

.main_hardware .tab_mh {width:100%; border-bottom:1px solid #e1e1e1; margin:0px 0px 20px 0px; height:45px; clear:both; position:relative;}
.main_hardware .tab_mh li {float:left; width:25%; margin-left:0px;}
.main_hardware .tab_mh li a {height:36px; padding:9px 30px 0px 30px; display:inline-block; min-width:100%; font-size:16px; text-align:center; font-weight:bold; }
.main_hardware .tab_mh li a:hover,
.main_hardware .tab_mh li a.on { border-bottom:2px solid #ffae23; color:#555555; font-size:16px; font-weight:bold;   }

/* 메인 htype */
.main_htype_wrap {float:left; width:100%; padding:0px 0px 0px 0px; background:url('../images/cloud_main_features_bg.png');  clear:both; }
.main_htype {margin:0 auto; width:1200px; padding:0px 0px 80px 0px;}
.main_htype h2.mh { padding-top:90px; font-family:"나눔스퀘어", sans-serif; font-weight:900; font-size:38px; line-height:80px; position:relative; color:#444444; text-align:center; clear:both;}
.main_htype h2.mh:before {content:'';position:absolute; bottom:0; left:50%; margin-left:-70px; background:#ffae23; width:140px; height:3px;}
.main_htype p {width:1200px; padding:0px 0px 50px 0px; color:#444444; text-align:center; line-height:30px; position:relative; }

/* 메인 hardware  */
.table_list_mht {margin-bottom:0px;}
.table_list_mht table {border-top:1px solid #e1e1e1; border-bottom:0px solid #62bed1;}
.table_list_mht thead th {border-bottom:1px solid #e1e1e1; border-right:0px solid #f0f0f0; background:rgba(256,256,256, 1); padding:10px 4px 14px 4px; font-size:14px; font-weight:bold;}
.table_list_mht tbody td { height:58px;border-bottom:1px solid #e1e1e1 ;border-right:0px solid #f0f0f0; background:rgba(256,256,256, 0.4); padding:0px 4px 0px 4px; font-size:14.5px; text-align:center; }
.table_list_mht tbody tr:hover td {background:rgba(256,256,256, 0.7); cursor:pointer;}
.table_list_mht .al_left {padding:0px 0px 0px 30px; text-align:left; }
.table_list_mht .thum {padding:20px 0px 20px 0px;  vertical-align:middle; }
.table_list_mht .order_thum {padding:10px 0px 10px 20px;  vertical-align:middle; }
.table_list_mht .btn_num { float:right; width:23px; height:34px; cursor:pointer;}
.table_list_mht .hardware_tit {font-weight:bold;}
.table_list_mht .hardware_ssd{color:#777;}
.table_list_mht .goods {width:70%; position:relative;}
.table_list_mht .goods .btn_num {position:absolute;top:0px;right:-23px; width:23px; height:34px; cursor:pointer;}
.table_list_mht .membership {color:#e69730; font-weight:bold;}
.table_list_mht .coupon_close {color:#3a8bcc; font-weight:bold;}

/* 메인 contact us */
.main_contact_wrap {float:left; width:100%; padding:0px 0px 0px 0px; background:url('../images/cloud_main_contact_bg.png') no-repeat 50% 0; clear:both;}
.main_contact {margin:0 auto; width:780px; padding:100px 0px 0px 0px;}
.main_service .wrapL {float:left; width:50%; }
.main_service .wrapR {float:right; width:50%;}
.main_contact .tit {float:left; width:390px; padding:0px 0px 90px 0px; }
.main_contact .tit .img{float:left; width:90px; padding:0px 24px 0px 0px;}
.main_contact .tit .tit { float:left; width:200px; padding:0px 0px 8px 0px;font-family:"나눔스퀘어", sans-serif; font-weight:900; font-size:36px; line-height:100%; position:relative; color:#444444; letter-spacing:-1px;}
.main_contact .tit .desc{ float:left; width:260px; padding:0px 0px 0px 2px; color:#444444; line-height:170%; position:relative; }
.main_contact .cont {float:right; width:390px; padding:12px 0px 10px 0px;}
.main_contact .cont .icon {float:left;  padding:0px 20px 0px 70px;}
.main_contact .cont .info {float:left; padding:0px 0px 0px 0px; text-align:left;}

/* 커뮤니티 인트로 */
.work_start_intro_area {float:left; width:100%; border-top:1px solid #e1e1e1; border-bottom:0px solid #e1e1e1;}
.work_start_intro_wrap {float:left; width:1000px; margin:60px 0px 40px 138px; padding:20px 0px 10px 0px; }
.work_start_intro {float:left; width:40%; margin:0px 30px 0px 30px; padding:50px 0px 30px 0px;  border:1px solid #e1e1e1; }
.work_start_intro .img {float:left; width:100%; margin:0px 0px 20px 0px; text-align:center;}
.work_start_intro .tit {float:left; width:100%; margin:0px 0px 8px 0px; font-size:23px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; text-align:center; letter-spacing:-0.5px; color:#333;}
.work_start_intro .tit .arrow { padding:0px 20px 0px 0px; margin:0px 0px 0px 12px; background:url('../images/work_start_arrow.png') no-repeat 0px 7px;}
.work_start_intro .desc {float:left; width:100%; margin:0px 0px 20px 0px; text-align:center; font-size:12px; color:#777;}

/* 달력팝업 */
.budget_calendar_pop {position:absolute; top:330px; left:200px; width:300px; padding:20px 20px 20px 20px; background:#ffffff; border:1px solid #cccccc; z-index:200;}
.select_calendar_pop {position:absolute; top:185px; left:114px; width:300px; padding:20px 20px 20px 20px; background:#ffffff; border:1px solid #cccccc; z-index:200;}

/* 포인트 결제 */
.charge_pay_wrap {float:left;  width:600px; margin:0px 0px 30px 0px; padding:12px 300px 18px 300px; border-top:1px solid #333333; border-bottom:1px solid #e1e1e1; background:#fafafa; }
.charge_pay{float:left; width:600px; height:30px; margin:0px 0px 14px 0px; border:0px solid #e1e1e1; clear:both;  }
.charge_pay .tit {float:left; width:24%; margin:0px 0px 0px 40px; padding:16px 0px 0px 80px; font-size:18px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; }
.charge_pay .icon_cp_01 {padding:0px 0px 0px 26px; background:url('../images/icon_c_credit.png') no-repeat 0px 2px;}
.charge_pay .icon_cp_02 {padding:0px 0px 0px 26px; background:url('../images/icon_c_card.png') no-repeat 0px 2px;}
.charge_pay .content {float:left; width:35%; padding:16px 0px 0px 4px;  font-size:18px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; text-align:right; }
.charge_pay .content.em{ color:#e69730;}

.charge_pay_result {float:left; width:600px; height:30px; margin:16px 0px 30px 0px;  border-top:1px solid #e1e1e1; clear:both; }
.charge_pay_result .tit {float:left; width:24%; margin:0px 0px 0px 40px; padding:16px 0px 0px 80px; font-size:18px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; }
.charge_pay_result .icon_cp_03 {padding:0px 0px 0px 26px; background:url('../images/icon_c_charge.png') no-repeat 0px 2px;}
.charge_pay_result .content {float:left; width:35%; padding:16px 0px 0px 4px;  font-size:18px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; text-align:right; }
.charge_pay_stop {float:left; width:100%; margin:16px 0px 0px 0px;  padding:16px 0px 16px 0px; border-top:1px solid #e1e1e1; color:#e95c31; text-align:center; font-size:15px; font-weight:bold; }

/* 주문완료 */
.order_complete { float:left; width:100%; margin-bottom:40px; padding:0px 0px 40px 0px; border-top:0px solid #333333; border-bottom:1px solid #e1e1e1; position:relative; clear:both; }
.order_complete .img { margin:auto; width:50%; margin-bottom:40px; text-align:center;  clear:both;}

.order_complete .tit { margin:auto; width:50%; margin-bottom:10px; height:60px; font-size:22px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; text-align:center;  clear:both;}
.order_complete .num { margin:auto; width:60%; background:#333; padding:20px 0px 20px 0px;  font-size:20px; font-weight:bold; color:#ffffff; font-family:"나눔스퀘어", sans-serif; text-align:center; clear:both; }
.order_complete .fail { margin:auto; width:50%; font-size:16px; font-weight:bold; text-align:center;  clear:both;}
.order_complete .num_tit { color:#999; padding:0px 0px 0px 20px; }
.order_complete .name_tit { color:#999; }

/* use_detail */
.use_detail {float:left; width:1200px; margin:40px 0px 30px 0px;  padding:20px 0px 22px 0px; border:1px solid #e1e1e1; background:#fafafa; text-align: center;}
.use_detail .time {float:right; padding:0px 40px 0px 26px;  font-size:18px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; text-align:right; background:url('../images/icon_c_clock.png') no-repeat 0px 6px;}
.use_detail .time .em{ color:#e69730;}
.use_detail .money {float:right; padding:0px 45px 0px 26px; font-size:18px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; text-align:right;  background:url('../images/icon_c_calculator.png') no-repeat 0px 6px;}
.use_detail .money .em{ color:#e69730;}
.use_detail .charge {float:right; padding:0px 45px 0px 26px; font-size:18px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; text-align:right;  background:url('../images/icon_c_charge.png') no-repeat 0px 6px;}
.use_detail .charge .em{ color:#e69730;}
.use_detail .use {float:right; padding:0px 45px 0px 26px; font-size:18px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; text-align:right;  background:url('../images/icon_c_use.png') no-repeat 0px 6px;}
.use_detail .use .em{ color:#e69730;}
.use_detail .credit {float:right; padding:0px 45px 0px 26px; font-size:18px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; text-align:right;  background:url('../images/icon_c_credit.png') no-repeat 0px 6px;}
.use_detail .credit .em{ color:#e69730;}
.credit_detail {width: 300px; margin: 0 auto; padding-top: 35px;}
.credit_detail table tr td {font-size: 16px; font-weight: bold; text-align: right;}
.credit_detail table tr td.credit_title {text-align: left; width: 150px;}
.credit_detail table tr td span.em {color: #e69730;}
.credit_detail table .charge{float: none; background: none; text-align: left;}
.credit_detail table .money{float: none; background: none; text-align: left;}
.credit_detail table .credit{float: none; background: none; text-align: left;}
.credit_detail table .use{float: none; background: none; text-align: left;}

/* credit_manage */
.ci_table {border-collapse: collapse; margin-bottom: 20px;}
.ci_table tr {height: 40px;}
.ci_table tr td {border: 1px solid #e1e1e1; text-align: center; font-weight: bold;}
.ci_table tr td.head {background: #fafafa;}
.ci_table tr td .ci_div {display: inline-block; font-weight: bold;}
.ci_table tr td .write_use_cash {display: none;}
.ci_table tr td .write_use_cash input {width: 40%;}
.ci_table tr td .ci_button {border: none; background-color: #fff; text-decoration: underline; font-size: 16px; margin-left: 15px; line-height: 32px; vertical-align: middle;}

/* period_select */
.period_select_wrap {float:left; width:1170px; margin:0px 0px 30px 0px;  padding:20px 0px 22px 30px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#fafafa;}

.period_select {float:left; width:500px;}
.period_select .tit {float:left; padding:2px 14px 0px 0px; font-size:18px; font-weight:bold; font-family:"나눔스퀘어", sans-serif;}
.period_select .cont {float:left; padding:0px 0px 0px 0px;}

.period_select2 {float:left; width:276px; position:relative;}
.period_select2 .tit {float:left; padding:2px 14px 0px 0px; font-size:18px; font-weight:bold; font-family:"나눔스퀘어", sans-serif;}
.period_select2 .cont {float:left; padding:0px 0px 0px 0px;}
.period_select2 .btn {float:right; padding:0px 0px 0px 0px;}

.period_select3 {float:left; width:266px; position:relative;}
.period_select3 .tit {float:left; padding:2px 14px 0px 0px; font-size:18px; font-weight:bold; font-family:"나눔스퀘어", sans-serif;}
.period_select3 .cont {float:left; padding:0px 0px 0px 0px;}

.period_select4 {float:left; width:190px; position:relative;}
.period_select4 .tit {float:left; padding:2px 14px 0px 0px; font-size:18px; font-weight:bold; font-family:"나눔스퀘어", sans-serif;}
.period_select4 .cont {float:left; padding:0px 0px 0px 0px;}
.period_select4 .btn {float:right; padding:0px 0px 0px 0px;}

/* desktop_select */
.desktop_select {float:left; width:100%; margin-bottom:40px; padding:0px 0px 20px 0px;  border:1px solid #e1e1e1; background:#fafafa;}
.desktop_select .tit{ float:left; width:100%; padding:20px 0px 0px 30px; font-size:22px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; position:relative; clear:both; }
.desktop_select .cont{ float:left; width:100%; padding:20px 0px 20px 0px; border-bottom:1px solid #e1e1e1; }
.desktop_select .cont .info {float:left; width:35%; padding:0px 0px 0px 30px;}
.desktop_select .cont .btn {float:left; width:20%; padding:7px 0px 0px 20px;}
.desktop_select .cont .money {float:right; width:30%; text-align:right; padding:22px 40px 0px 0px;}
.desktop_select .cont.lastB{border-bottom:none;}

/* password change pop */
.layer_pop_400.password_pop {width:540px; margin-top: 250px;}
.layer_pop_400.password_pop .pp_title {height: 60px; line-height: 60px; padding: 0 20px; background-color: #ebfbf8; font-size: 16px; font-weight: bold; box-sizing: border-box;}
.layer_pop_400.password_pop .pp_info {padding: 20px; box-sizing: border-box;}
.layer_pop_400.password_pop .pp_area {padding: 0 20px 20px; box-sizing: border-box;}
.layer_pop_400.password_pop .pp_area .pp_input {height: 40px; line-height: 40px; margin-bottom: 5px;}
.layer_pop_400.password_pop .pp_area .pp_input input {width: 380px; height: 30px; border: 1px solid #dcdcdc;padding-left:10px;}
.layer_pop_400.password_pop .pp_btn {text-align: center; padding: 20px;}
.layer_pop_400.password_pop .pp_btn button {width: 140px; height: 50px; border-radius: 50px; border: 1px solid #333333; background-color: #ffffff;}
.layer_pop_400.password_pop .pp_btn button.pp_submit {border: 1px solid #a9e3d7; background-color: #ebfbf8;}

.storage_info {float: left; width: 100%; height: 50px; line-height: 50px; margin-bottom: 20px; background-color: #f7fcff; padding: 0 30px; box-sizing: border-box;}
.storage_info div.content {display: inline-block; width: 29%; font-size: 14px; color: #0080bc; font-weight: bold;}
.storage_info div.content.content_two {display: inline-block; width: 47%; font-size: 14px; color: #0080bc; font-weight: bold;}
.storage_info span {margin: 0 20px;}
.storage_info div span {color: #333333; font-weight: normal;}
.storage_info div .ci_div {display: inline-block; width: 60%; margin: 0 20px; box-sizing: border-box;}
.storage_info div .write_use_cash {display: none;}
.storage_info div .write_use_cash input {width: 40%;}
.storage_info button {float: right; height: 32px; line-height: 32px; margin-left: 10px; border: none; background-color: #f7fcff; font-size: 13px;}
.storage_info.detail {background-color: #f7f7f7; margin-top: 30px;}
.storage_info.detail div.content {color: #333333;}

.select_storage {float: right; margin: 10px 0; font-size: 13px;}
.select_storage button {border: none; background-color: #ffffff;}

/* edu */
.edu_search {margin: 0 0 30px;}
.edu_search .period_select4 {float: right; width: 140px;}
.edu_search div button {float: right; width: 100px; height: 32px; background-color: #ffffff; border: 1px solid #333333; border-radius: 50px;}

.edu_list_table.table_list_nl table tr td button {border: none; background-color: #ffffff;}

/* work_log */
.work_log_wrap {float:left; width:100%; margin-bottom:40px; padding:0px 0px 0px 0px; background:#ffffff; border:1px solid #e1e1e1; border-radius:4px;}
.work_log {float:left; width:1118px; margin:0px 20px 20px 20px; padding:6px 20px 12px 20px; background:#fafafa; border:1px solid #e1e1e1; height:234px; overflow:hidden; overflow-y:auto;}
.work_log_tit {float:left; width:1160px; margin:20px 20px 20px 20px;}
.work_log_tit .tit {float:left; font-size:20px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; position:relative; clear:both;}
.work_log_tit .tit .icon {background:url('../images/icon_result_c_02.png') no-repeat 0px 0px; padding:1px 0px 1px 30px;}
.work_log_tit .btnR {float:right;padding:1px 0px 0px 0px; text-align:right;}

.btnWL {height:28px; padding:0px 8px 5px 18px; border:1px solid #cccccc; background:#ffffff; color:#555555;border-radius:2px; font-size:13px; font-weight:bold; }
.btnWL_close {background:url('../images/btn_wl_close.png') no-repeat 10px 3px; padding:0px 10px 0px 10px;}
.btnWL_open {background:url('../images/btn_wl_open.png') no-repeat 10px 3px; padding:0px 10px 0px 10px;}

.list_work_log {margin-bottom:0px; height:240px; }
.list_work_log table {border-top:0px solid #e1e1e1; border-bottom:0px solid #62bed1; }
.list_work_log thead th {background:#ffffff; border-bottom:0px solid #e1e1e1; border-right:0px solid #f0f0f0; padding:0px 4px 10px 4px; font-size:14px; font-weight:bold;}
.list_work_log tbody td {height: 30px;border-bottom: 0px solid #e1e1e1;border-right: 0px solid #f0f0f0;padding: 0px 4px 0px 4px;font-size: 12px;}
.list_work_log .al_center {padding:0px 0px 0px 20px; text-align:center; }

.log_tag {height:20px; margin:0px 0px 0px 0px; border:1px solid #ffae23; background:#ffae23; cursor:pointer; padding:3px 10px 1px 10px; border-radius:2px; font-family:"돋움", Dotum; font-size:12px; color:#fff; position:relative;}

/* practice */
.practice {float:left; width:100%; margin-bottom:40px; padding:0px 0px 0px 0px; background:#fff; border:1px solid #e1e1e1; border-radius:4px;}
.practice .left_wrap {float:left; width:550px; padding:20px 0px 20px 20px;}
.practice .right_wrap {float:right; width:550px; padding:20px 20px 20px 0px; }
.practice .full_wrap {float:left; width:1200px; padding: 20px; box-sizing: border-box;}

.practice_tit {float:left; width:100%; margin-bottom:20px;  }
.practice_tit .tit {float:left; font-size:20px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; position:relative; clear:both;}
.practice_tit .tit .icon_c_01 {background:url('../images/icon_result_c_01.png') no-repeat 0px 0px; padding:1px 0px 1px 30px;}
.practice_tit .tit .icon_c_02 {background:url('../images/icon_result_c_02.png') no-repeat 0px 0px; padding:1px 0px 1px 30px;}
.practice_tit .btn_pt {float:left; padding:1px 0px 0px 10px;}
.practice_tit .btnR {float:right; width:200px; padding:1px 0px 0px 0px; text-align:right;}

.btnPT {height:28px; padding:0px 8px 5px 18px; border:1px solid #cccccc; background:#ffffff; color:#555555;border-radius:2px; font-size:13px; font-weight:bold; }
.btnPT_arrow {background:url('../images/btn_pt_arrow.png') no-repeat 11px 3px; padding:0px 11px 0px 11px;}
.btnPT_arrowD {padding:0px 0px 0px 0px;}
.btnPT_close {padding:0px 0px 0px 0px;}

.result_tit_st2 {float:left; width:100%; margin-bottom:20px; }
.result_tit_st2 .tit {float:left; font-size:20px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; position:relative; clear:both;}
.result_tit_st2 .tit .icon_c_01 {background:url('../images/icon_result_c_01.png') no-repeat 0px 0px; padding:1px 0px 1px 30px;}
.result_tit_st2 .tit .icon_c_02 {background:url('../images/icon_result_c_02.png') no-repeat 0px 0px; padding:1px 0px 1px 30px;}
.result_tit_st2 .btn {float:left; padding:1px 0px 0px 10px; }

.list_practice {margin-bottom:0px; border:1px solid #e1e1e1; height:234px; background:#ffffff; overflow:hidden; overflow-y:auto;}
.list_practice table {border-top:0px solid #e1e1e1; padding:7px 0px 0px 0px; }
.list_practice thead th {background:#ffffff; border-bottom:0px solid #e1e1e1; border-right:0px solid #f0f0f0; padding:10px 4px 14px 4px; font-size:14px; font-weight:bold;}
.list_practice tbody td { height:26px;border-bottom:0px solid #e1e1e1 ;border-right:0px solid #f0f0f0; padding:0px 4px 0px 4px; font-size:12px; text-align:center; }
.list_practice tbody td a {color:#666666; text-decoration:underline;}
.list_practice tbody td a:hover {color:#e95c31;}
.list_practice .al_left {padding:0px 0px 0px 20px; text-align:left; }

.practice_search_wrap {float:left; width:100%; padding:0px 0px 10px 0px; border-top:0px solid #e1e1e1;}
.practice_search_btn {float:right; margin:0px -2px 0px 0px; text-align:right; }

.practice_search {float:left; width:50%; margin:0px 0px 0px 0px; position:relative;}
.practice_search .btn_pra { position:absolute; top:1px; right:1px; }

.practice_log_wrap {float:left; width:550px; height:220px; position:relative;}
.practice_log_wrap .btn_pl {position:absolute; top:230px; right:16px; z-index:1100}
.practice_log {float:left; width:490px; height:220px; overflow:hidden; overflow-y:auto; margin:0px 0px 0px 0px; padding:30px 30px 30px 30px; background:#333333; color:#999; position:relative; font-size:12px;}

.practice_log_wrap_full {float:left; width:100%; position:relative;}
.practice_log_wrap_full .btn_pl {position:absolute; top:230px; right:14px; z-index:1100}
.practice_log_full {float:left; width:1100px; height:220px; overflow:hidden; overflow-y:auto; margin:0px 0px 0px 0px; padding:30px 30px 30px 30px; background:#333333; color:#999; position:relative; font-size:12px;}
.practice_log_wrap_full .loading {float:left; width: 100%; text-align:center; box-sizing: border-box; color: #b0b0b0; font-size: 16px; font-weight: bold; padding: 0 0 20px;}
.practice_log_wrap_full .loading img {margin: 4px 7px 0 0;}
.practice_log_wrap_full .loading_bar{ margin:auto; width: 800px; height:20px; padding:0px 30px 0px 30px; box-sizing: border-box;}
.practice_log_wrap_full .loading_bar .graph {float:left; width:100%; position:relative;}
.practice_log_wrap_full .loading_bar .graph .g_bar{float:left; display:inline-block; width: 80%; height:15px; margin-left: 10%; border:1px solid #ccc;  border-radius: 100px; background:#ffffff; font-size:11px; box-sizing: border-box;}
.practice_log_wrap_full .loading_bar .graph .g_color_01{float:left; display:inline-block; height:13px; border-radius: 100px; background:#fdb757; background-image: linear-gradient(to right, #f7981d, #ffd101);}
.practice_log_wrap_full .loading_bar .graph .g_percent{float:left; padding:0px 0px 0px 10px; color:#999; line-height: 100%;}
.practice_log_wrap_full .loading_bar .graph .g_percent strong{float:left;padding:0px 3px 0px 0px; font-size:16px; color:#777;}

/* t-rex batch */
.offline.rex_runner.batch_t {float: left; width: 1200px; box-sizing: border-box;}
.batch_t.offline .runner-container {top: 700px;}
.t.chrome {text-align: center; padding-bottom: 45px;}


.table_03 {float:left; margin-bottom:0px;}
.table_03 table {border-top:1px solid #e1e1e1; border-bottom:0px solid #62bed1;}
.table_03 td {border-bottom:1px solid #e1e1e1 ; border-right:0px solid #f0f0f0; padding:5px 10px 5px 30px; background:#fff;}
.table_03 .top {border-top:1px solid #333333; }
.table_03 .head {background:#fafafa; border-bottom:1px solid #e1e1e1; border-right:0px solid #f0f0f0; border-left:0px solid #f0f0f0; padding:10px 10px 14px 10px; font-weight:bold; font-size:13px; text-align:center;}
.table_03 .last {border-right:none; line-height:150%;}
.table_03 .time {font-size:13px; }
.table_03 .em {color:#e95c31;font-weight:bold; }

/* remote  */
.remote_wrap {float:left; width:100%; margin-bottom:40px; padding:0px 0px 0px 0px; background:#fff; border:1px solid #cccccc; border-radius:7px;}
.remote {float:left;; width:1200px; padding: 20px; box-sizing: border-box;}
.remote .loading{float:left;; width: 100%; padding: 20px 0; box-sizing: border-box; text-align:center; color: #b0b0b0; font-size: 16px; font-weight: bold;}
.remote .loading img {margin: 4px 7px 0 0;}
.remote .loading_bar{ margin:auto; width: 800px; height:20px; padding:0px 30px 0px 30px; box-sizing: border-box;}
.remote .loading_bar .graph {float:left; width:100%; position:relative;}
.remote .loading_bar .graph .g_bar{float:left; display:inline-block; width: 80%; height: 15px; margin-left: 10%; border:1px solid #ccc;  border-radius: 100px; background:#ffffff; font-size:11px; box-sizing: border-box;}
.remote .loading_bar .graph .g_color_01{float:left; display:inline-block; height: 13px; border-radius: 100px; background:#fdb757; background-image: linear-gradient(to right, #f7981d, #ffd101); box-sizing: border-box;}
.remote .loading_bar .graph .g_percent{float:left; padding:0px 0px 0px 10px; color:#999; line-height: 100%;}
.remote .loading_bar .graph .g_percent strong{float:left;padding:0px 3px 0px 0px; font-size:16px; color:#777;}

.remote_tit {float:left;margin:0px 0px 20px 0px;}
.remote_tit .tit {float:left; font-size:20px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; position:relative; clear:both;}
.remote_tit .tit .icon {background:url('../images/icon_result_c_01.png') no-repeat 0px 0px; padding:1px 0px 1px 30px;}
.copy_description {padding: 15px 0 0;}
.copy_description .cd_title {font-weight: bold; padding-bottom: 5px;}
.copy_description ul li {content: '-'; font-size: 12px; padding-left: 10px;}

.remote_wrap_new {float:left; width:100%; margin-bottom:40px; padding:0px 0px 0px 0px; background:#fff;}
.remote_new {float:left; width: 100%; box-sizing: border-box;}
.remote_new .remote_two_step {float:left; width: 100%; font-size: 0;}
.remote_new .remote_two_step .remote_session {display: inline-block; width: 50%; padding: 45px 40px; height: 140px; line-height: 90px; background:url('../images/job_top_two_area.png'); background-size: contain; background-repeat: no-repeat; box-sizing: border-box;}
/* .remote_new .remote_two_step .remote_session:last-child {margin-left: 10px; background-position-x: 100%;} */
.remote_new .remote_two_step .remote_session .session_title {float: left; display: inline-block; letter-spacing: -1px; font-size: 20px; font-weight: bold;}
.remote_new .remote_two_step .remote_session .session_title .icon {position: relative; top: 3px; background:url('../images/icon_result_c_01.png') no-repeat 0px 0px; padding-right: 30px;}
.remote_new .remote_two_step .remote_session button {float: right; margin: 0px 3px; padding: 8px 15px; border: 1px solid #cdcdcd; background-color: #ffffff; color: #333333; cursor: pointer; border-radius: 2px; font-size: 13px; font-weight: bold;}
.remote_new .remote_two_step .remote_session button.color_etsne {padding: 8px 35px; background-color: rgb(255, 174, 35); border: 1px solid rgb(255, 174, 35); color: rgb(68, 68, 68);}
.remote_new .remote_common {float: left; width: 100%; height: 230px; padding: 30px 25px; box-sizing: border-box; background:url('../images/job_bottom_area.png'); background-size: contain; background-repeat: no-repeat;}
.remote_new .remote_common .common_top {float: left;}
.remote_new .remote_common .common_bottom {float: left;}

/* t-rex window */
.offline.rex_runner.window_t {float: left; width: 1200px; box-sizing: border-box;}

.table_remote {float:left; margin-bottom:0px;}
.table_remote table {border-top:1px solid #e1e1e1; border-bottom:0px solid #62bed1;}
.table_remote td {border-bottom:1px solid #e1e1e1 ; border-right:0px solid #f0f0f0; padding:5px 10px 5px 30px; background:#fff; font-size:13px;}
.table_remote .top {border-top:1px solid #333333; }
.table_remote .head {background:#fafafa; border-bottom:1px solid #e1e1e1; border-right:0px solid #f0f0f0; border-left:0px solid #f0f0f0; padding:10px 10px 14px 10px; font-weight:bold; font-size:13px; text-align:center;}
.table_remote .last {border-right:none; line-height:150%;}
.table_remote .time {font-size:13px; }
.table_remote .em {color:#e95c31;font-weight:bold; }
.table_remote .admin_share {text-decoration: underline; float: right; line-height: 33px; cursor: pointer;}
.table_remote .share_tip {float: right; margin: 8px 0;}

/* hardware_select */
.hardware_select {float:left; width:654px; padding:26px 0px 26px 30px; border-bottom:1px solid #333333;  }
.hardware_select .cont {float:left;width:49%; padding:0px 0px 0px 0px; }
.hardware_select .cont .name {float:left; width:38%; padding:8px 14px 0px 0px; font-size:15px; font-weight:bold;  }
.hardware_select .cont .name .tip_info_name{padding:0px 0px 0px 0px;}
.hardware_select .cont .input {float:left; width:50%; padding:0px 0px 0px 0px;}
.hardware_select .cont .input .goods { width:98%; position:relative;}
.hardware_select .cont .input .goods .btn_num { position:absolute;top:0px;right:5px; width:23px; height:34px; cursor:pointer;}
.hardware_select_info {float:left; width:400px; padding:20px 0px 0px 0px;}
.hardware_select_info h3.hsi {float:left; padding:20px 0px 10px 0px; font-size:18px; font-weight:bold; line-height:0px; }
.hardware_select_info li {float:left; width:100%; padding:0px 10px 3px 10px; color:#444444; font-size:12px; text-align:left; background:url('../images/bullet_list.png') no-repeat 0px 9px; }

/* hardware_pay */
.hardware_pay {float:left; width:290px; margin:20px 0px -8px 0px; padding:0px 0px 0px 0px;}
.hardware_pay .name{float:left; width:36%; padding:5px 0px 5px 20px; border-bottom:0px solid #e1e1e1;font-size:16px; font-weight:bold; text-align:left;}
.hardware_pay .num{float:left; width:44%; padding:5px 20px 5px 0px; border-bottom:0px solid #e1e1e1;font-size:16px; font-weight:bold; text-align:right;}
.hardware_pay .last{border-bottom:none;}
.hardware_btn {float:right; width:100px; margin:29px 18px 9px 0px; padding:0px 0px 0px 0px;}
.hardware_btn_open { height:55px; border:1px solid #ffae23; background:#ffae23; color:#ffffff; padding:0px 30px 5px 30px; cursor:pointer; border-radius:2px; font-weight:bold; margin-left:0px;}
.hardware_btn_close { height:55px; border:1px solid #333333; background:#333333; color:#ffffff; padding:0px 30px 5px 30px; cursor:pointer; border-radius:2px; font-weight:bold; margin-left:0px;}

/* 하드웨어 선택 */
.hardware {float:left; width:100%; padding:0px 0px 0px 0px; }
.hardware .summary {float:left; width:100%; margin:47px 0px 0px 0px; padding:0px 0px 30px 0px;}
.hardware .summary .left_wrap {float:left; width:47%; padding:0px 0px 0px 0px;}
.hardware .summary .right_wrap {float:right; width:47%; padding:0px 0px 0px 0px;}
.hardware .summary .total {float:left; width:100%; margin-top:40px; padding:0px 0px 0px 0px;}
.hardware .summary .total .em {color:#e95c31; font-weight:bold;}

/* work progress */
.work_progress {float:left; width:1198px; margin:40px 0px 60px 0px; padding:20px 0px 70px 0px; border-bottom:1px solid #e1e1e1; }
.work_progress .line_wpbs {float:left; width:106px; height:1px; margin:20px 0px 0px 0px; background-color:#e1e1e1;}
.work_progress .btn_wpbs {float:right; width:1160px; margin:14px 0px 0px 0px; padding:14px 40px 0px 0px; border-top:1px solid #eaeaea; text-align:right;}
.work_progress .btn_wpbs .desc {float:left; padding:6px 0px 0px 45px;}
.work_progress .progress_wrap {float:left; margin:0px 0px 0px 187px; }

.work_progress .progress_01 {float:left; width:228px; height:176px; margin:0px 80px 0px 0px; background:url('../images/progress_01.png');}
.work_progress .progress_01_on {float:left; width:228px; height:176px; margin:0px 80px 0px 0px; background:url('../images/progress_01_on.png');}
.work_progress .progress_01_check {float:left; width:228px; height:176px; margin:0px 80px 0px 0px; background:url('../images/progress_01_check.png');}
.work_progress .name_01 {float:left; margin:114px 0px 0px 70px; padding:0px 0px 0px 0px; font-size:16px; font-weight:bold; }

.work_progress .progress_02 {float:left; width:228px; height:176px; margin:0px 80px 0px 0px; background:url('../images/progress_02.png');}
.work_progress .progress_02_on {float:left; width:228px; height:176px; margin:0px 80px 0px 0px; background:url('../images/progress_02_on.png');}
.work_progress .progress_02_check {float:left; width:228px; height:176px; margin:0px 80px 0px 0px; background:url('../images/progress_02_check.png');}
.work_progress .progress_02_software {float:left; width:228px; height:176px; margin:0px 80px 0px 0px; background:url('../images/progress_02_software.png'); position:relative;}
.work_progress .progress_02_software .img { position:absolute; top:46px; left:46px; width:120px;}
.work_progress .name_02 {float:left; margin:114px 0px 0px 77px; padding:0px 0px 0px 0px; font-size:16px; font-weight:bold; }

.work_progress .progress_03 {float:left; width:228px; height:176px; padding:0px 0px 0px 0px; background:url('../images/progress_03.png');}
.work_progress .progress_03_on {float:left; width:228px; height:176px; padding:0px 0px 0px 0px; background:url('../images/progress_03_on.png');}
.work_progress .progress_03_check {float:left; width:228px; height:176px; padding:0px 0px 0px 0px; background:url('../images/progress_03_check.png');}
.work_progress .name_03 {float:left; margin:114px 0px 0px 76px; padding:0px 0px 0px 0px; font-size:16px; font-weight:bold; }

/* 소프트웨어 선택 */
.software_select {float:left; width:488px; height: 330px; margin-bottom:30px; padding: 10px 14px; border:1px solid #e1e1e1; overflow:hidden; overflow-y:auto;}
.software_select .product {float:left; width:486px; border-bottom:1px solid #e1e1e1; background:url('../images/software_popup_bg.png');}
.software_select .product ul {float:left; width:486px;}
.software_select .product li {float:left; width:162px; padding:0px 0px 0px 0px; }
.software_select .product li {cursor: pointer;}
.software_select .product li:hover {color: royalblue;}
.software_select .product li.add_software:hover .name {text-decoration: underline;}
.software_select .product li .img {float:left; width:100px; height:30px; margin:14px 0px 10px 30px; padding:0px 0px 0px 0px;}
.software_select .product li .name {float:left; width:132px; padding:0px 14px 20px 14px;  text-align:center; font-size: 13px; line-height: 150%;}
.software_select .product.lastB { border-bottom:none;}

/* 완료 메세지 */
.complete_message { float:left; width:100%; margin-bottom:40px; padding:20px 0px 0px 0px; border-top:0px solid #333333; border-bottom:0px solid #e1e1e1; position:relative; clear:both; }
.complete_message .img { margin:auto; width:50%; margin-bottom:40px; text-align:center;  clear:both;}
.complete_message .tit { margin:auto; width:50%; margin-bottom:10px; font-size:22px; font-weight:bold; font-family:"나눔스퀘어", sans-serif; text-align:center;  clear:both;}
.complete_message .cont { margin:auto; width:40%; padding:30px 0px 0px 0px;}
.complete_message .num { margin:auto; width:60%; background:#333; padding:20px 0px 20px 0px;  font-size:20px; font-weight:bold; color:#ffffff; font-family:"나눔스퀘어", sans-serif; text-align:center; clear:both; }
.complete_message .fail { margin:auto; width:50%; font-size:16px; font-weight:bold; text-align:center;  clear:both;}
.complete_message .num_tit { color:#999; padding:0px 0px 0px 20px; }
.complete_message .name_tit { color:#999; }

.education_member {display: inline-block; width: 50%;}
.education_member:first-child {width: 100%;}

/* 프로세스 명령어 */
.process_command { float:left; width:1160px; height:140px; margin-bottom:30px; padding:20px 20px 20px 20px; border:1px solid #e1e1e1;}

/* software */
.software {float:left; width:100%; padding:10px 0px 20px 0px; margin-bottom:30px; border-top:1px solid #333333; border-bottom:1px solid #e1e1e1; display:block;}
.software .product {float:left; width:43%;  margin:20px 0px 20px 0px; padding:0px 60px 0px 20px; }
.software .product .tit {float:left; width:100%; margin-bottom:20px; padding:10px 0px 10px 20px; font-size:20px; font-weight:900; font-family:"나눔스퀘어", sans-serif; background:#ffffff; border-top:0px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.software .product .name {float:left; width:21%; padding:10px 0px 10px 20px; font-size:14px; font-weight:bold; }
.software .product .cont {float:left; width:75%; padding:10px 0px 10px 0px;}
.software .product .cont .btn_spc {margin:0px 0px 0px 0px; height:32px; border:1px solid #333333; background:#333333; cursor:pointer; border-radius:2px; padding:0px 20px 4px 20px; font-size:12px; color:#ffffff; font-weight:bold;}
.software .product .cont .btn_close {margin:0px 0px 0px 0px; height:32px; border:1px solid #333333; background:#fff; cursor:pointer; border-radius:2px; padding:0px 20px 4px 20px; font-size:12px; color:#444; font-weight:bold;}
.software .product .textarea_sp {width:97%; border:1px solid #e1e1e1; padding:14px; margin:0px 0px 14px 0px;}

.software .info {float:left; width:43%; margin:20px 0px 20px 0px; padding:0px 0px 0px 40px; border-left:0px solid #e1e1e1; }
.software .info .tit {float:left; width:100%; margin-bottom:20px; padding:10px 0px 10px 20px; font-size:20px; font-weight:900; font-family:"나눔스퀘어", sans-serif; background:#ffffff; border-top:0px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.software .info .tit .license_div {display: inline-block; float: right;}
.software .info .name {float:left; width:41%; padding:10px 0px 10px 20px; font-size:14px; font-weight:bold;}
.software .info .cont {float:left; width:55%; padding:10px 0px 10px 0px; }
.software .info .cont .btn_sic {margin:0px 0px 0px 0px; height:32px; border:1px solid #333333; background:#333333; cursor:pointer; border-radius:2px; padding:0px 20px 4px 20px; font-size:12px; color:#ffffff; font-weight:bold;}

/* work_start_top */
.work_start_top {float:left; width:1160px; padding:10px 20px 20px 20px; margin-bottom:20px; background:#fafafa; border-top:1px solid #333; border-bottom:1px solid #e1e1e1; display:block; }
.work_start_top .head { float:left; width:49%; padding:0px 0px 0px 0px;}
.work_start_top .head .input{float:left; padding:10px 0px 0px 0px; font-size:22px; font-weight:bold; font-family:"나눔스퀘어", sans-serif;}
.work_start_top .head .input .check{float:right; padding:0px 0px 0px 10px;}
.work_start_top .head .name{float:left; padding:10px 20px 0px 0px; font-size:18px; font-weight:bold;  font-family:"나눔스퀘어", sans-serif;}
.work_start_top .btn { float:right; width:20%; padding:13px 0px 0px 0px; text-align:right;}
.work_start_top .step { float:right; width:20%; padding:0px 0px 0px 0px; text-align:right;}
.work_start_top .step .tit {float:right; padding:16px 0px 0px 0px; font-weight:bold;}
.work_start_top .step .btn {float:right;width:38%; padding:13px 0px 0px 5px;}

/* folder_level */
.folder_level {float:left; width:238px; height: 100%; padding:0px 0px 0px 0px; margin: 0; border:1px solid #e1e1e1; }
.folder_level .btn { float:left; width:100%; height:70px; padding:20px 0px 12px 38px; font-size:20px; color:#555555; font-weight:bold; font-family:"나눔스퀘어", sans-serif; background:url('../images/bul_cloud_btn_01.png') no-repeat 16px 28px; box-sizing: border-box;}
.folder_level .folder_btn {float:left;width:100%; margin:0px 0px 20px 16px; }
.folder_level .folder_btn ul {}
.folder_level .folder_btn li {float:left; padding:0px 0px 0px 0px; list-style-position:inside;list-style-type:none; }
.btn_fl {margin:0px 2px 0px 2px; height:28px; border:1px solid #cdcdcd; background:fafafa; cursor:pointer; border-radius:2px; padding:1px 6px 4px 6px; font-size:12px; color:#555555; font-weight:bold;}

.folder_level .group_scroll { overflow-y:auto; float:left; width:100%; max-height: 560px; overflow-x:auto; box-sizing: border-box;}
.folder_level .group {float:left; display:block;}
.folder_level .group ul { padding:0px 0px 0px 16px; display:block;}

.folder_level .group li {box-sizing: border-box;}
.folder_level .group li.list {width:100%; background:url('../images/bul_cloud_lnb_01.png') no-repeat 0px 5px; display:inline-block; font-size:13px;}
.folder_level .group li.root {padding:0px 0px 0px 0px; background:url('../images/bul_cloud_lnb_01.png') no-repeat 0px 4px; display:inline-block;}
.folder_level .group li button {background-color: #ffffff; border: none;}
.folder_level .group li.open {width:100%; padding:0px 0px 0px 18px; background:url('../images/bul_cloud_lnb_01.png') no-repeat 20px 4px; position:relative;}
.folder_level .group li.open .btn_open {position:absolute;top: 6px;left:0;}
.folder_level .group li.close {width:100%; padding:0px 0px 0px 18px; background:url('../images/bul_cloud_lnb_02.png') no-repeat 20px 4px; display:inline-block; position:relative;}
.folder_level .group li.close .btn_close {position:absolute;top: 4px;left:0;}
.folder_level .group .folder_choice {background-color:#434343; color:#ffa800; padding:3px 8px 4px 8px;}

.folder_level .group li a { width:100%; height:34px; padding:0px 0px 0px 24px; display:inline-block; font-size:12px; box-sizing: border-box;}
.folder_level .group li a:link {color:#666666; text-decoration:none; font-size:12px;}
.folder_level .group li a:visited {color:#666666; text-decoration:none; font-size:12px;}
.folder_level .group li a:hover {color:#222222; text-decoration:none; font-size:12px;}

.folder_level .line { width:206px; margin:14px 0px 20px 16px; height:1px; background-color:#e1e1e1; clear:both;}
.folder_level_input {height:18px; width:100%; margin:0px 0px 8px 0px; padding:3px 0px 3px 0px; color:#555555; background:#ffffff; border:1px solid #e1e1e1; text-indent:12px;}

/* folder_level_popup */
.folder_level_popup_box { width:88%; padding:20px 20px 20px 20px; margin:0px 0px 0px 0px; background-color:#fafafa; border:1px solid #e1e1e1;}
.folder_level_popup_cbox { float:left; width:480px; padding:20px 20px 20px 20px; margin:0px 0px 0px 0px; background-color:#fafafa; border:1px solid #e1e1e1;}

.folder_level_popup {float:left; width:100%; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

.folder_level_popup .group_scroll {float:left; max-width:500px; overflow-x:auto; }
.folder_level_popup .group {float:left; width:480px; display:block; }
.folder_level_popup .group ul { padding:0px 0px 0px 16px; display:block;}

.folder_level_popup .group li.list {width:100%; background:url('../images/bul_cloud_lnb_01.png') no-repeat 0px 5px; display:inline-block; }
.folder_level_popup .group li.root {width:400px;padding:0px 0px 0px 0px; background:url('../images/bul_cloud_lnb_01.png') no-repeat 0px 4px; display:inline-block; white-space:nowrap}
.folder_level_popup .group li.open {width:250px; padding:0px 0px 0px 18px; background:url('../images/bul_cloud_lnb_01.png') no-repeat 20px 4px; position:relative; white-space:nowrap}
.folder_level_popup .group li.open .btn_open {position:absolute;top:4px;left:0;}
.folder_level_popup .group li.close {width:250px; padding:0px 0px 0px 18px; background:url('../images/bul_cloud_lnb_02.png') no-repeat 20px 4px; position:relative; white-space:nowrap}
.folder_level_popup .group li.close .btn_close {position:absolute;top:4px;left:0;}
.folder_level_popup .group .folder_choice {background-color:#555555; color:#ffffff; padding:3px 8px 4px 8px;}

.folder_level_popup .group li a {  height:34px; padding:0px 0px 0px 24px; display:inline-block; }
.folder_level_popup .group li a:link {color:#666666; text-decoration:none;}
.folder_level_popup .group li a:visited {color:#666666; text-decoration:none;}
.folder_level_popup .group li a:hover {color:#222222; text-decoration:none;}

.folder_level_popup .line { width:94%; margin:14px 0px 20px 16px; height:1px; background-color:#e1e1e1; clear:both;}

.folder_level.new_level {border: none;}
.folder_level.new_level .group_scroll {max-height: 200px;}
.folder_level.new_level .fl_btn ul {font-size: 0; padding: 0 13px;}
.folder_level.new_level .fl_btn ul li {box-sizing: border-box; display: inline-block; height: 20px; margin: 8px 0; padding: 0 5px;}
.folder_level .fl_area {float: left; width: 100%; padding: 10px; box-sizing: border-box;}
.folder_level .fl_area .fl_header {font-weight: bold; padding: 10px 8px; border-top: 2px solid #333333;}
.folder_level .fl_area .fl_header .fl_title {font-weight: bold; font-size: 16px;}
.folder_level .fl_area .fl_header div {display: inline-block;}
.folder_level .fl_area .fl_header div.swap_btn {float: right; cursor: pointer;}
.folder_level .fl_area .fl_btn {background-color: #f7f7f7; padding: 0; box-sizing: border-box;}
.folder_level .fl_area .fl_btn ul li input {height: 20px; box-sizing: border-box; border: none; background-color: #f7f7f7; font-weight: bold; padding: 0;}

/* work_detail_top */
.work_detail_top {float:left; width:1160px; padding:20px 20px 3px 20px; margin-bottom:0px; border-top:1px solid #333333; border-bottom:1px solid #e1e1e1; display:block;}
.work_detail_top .head { float:left; width:50%; padding:0px 0px 0px 0px;}
.work_detail_top .head .id {float:left; width:90%; padding:0px 20px 20px 0px; font-size:14px; font-weight:bold; line-height:100%;}
.work_detail_top .head .input{float:left; padding:0px 0px 20px 0px; font-size:22px; font-weight:bold;}
.work_detail_top .head .name {float:left; padding:1px 20px 20px 0px; font-size:18px; font-weight:bold; font-family:"나눔스퀘어", sans-serif;}
.work_detail_top .btn {float:right; width:50%; margin-bottom:20px; padding:35px 0px 0px 0px;text-align:right; display:block;}

/* work_detail_btn */
.work_detail_btn {float:left; width:1200px; margin:0px 0px 30px 0px; padding:40px 0px 40px 0px; border-bottom:0px solid #e1e1e1; background:#f4f4f4; }
.work_detail_btn .wdb_wrap {float:left; margin:0px 0px 0px 60px; }

.work_detail_btn .btn_01 {float:left; width:340px; height:130px; margin:0px 30px 0px 0px; background:url('../images/work_detail_btn_01.png');}
.work_detail_btn .btn_01_on {float:left; width:340px; height:150px; margin:0px 30px 0px 0px; background:url('../images/work_detail_btn_01_on.png');}
.work_detail_btn .btn_02 {float:left; width:340px; height:130px; margin:0px 30px 0px 0px; background:url('../images/work_detail_btn_02.png');}
.work_detail_btn .btn_02_on {float:left; width:340px; height:150px; margin:0px 30px 0px 0px; background:url('../images/work_detail_btn_02_on.png');}
.work_detail_btn .btn_03 {float:left; width:340px; height:130px; padding:0px 0px 0px 0px; background:url('../images/work_detail_btn_03.png');}
.work_detail_btn .btn_03_on {float:left; width:340px; height:150px; padding:0px 0px 0px 0px; background:url('../images/work_detail_btn_03_on.png');}

.work_detail_btn .name {float:left; margin:37px 0px 0px 144px; padding:0px 0px 0px 0px; font-size:20px; font-weight:bold; font-family:"나눔스퀘어", sans-serif;}
.work_detail_btn .desc {float:left; margin:0px 0px 0px 144px; padding:0px 0px 0px 1px; font-size:15px; color:#777;}
.work_detail_btn .more {float:left; margin:6px 0px 0px 145px; padding:0px 0px 0px 1px; font-size:10px; color:#777;}
.work_detail_btn .more .arrow {padding:0px 8px 0px 8px; background:url('../images/work_detail_btn_arrow.png') no-repeat 8px 4px; }

/* work_detail_info */
.work_detail_sw_open {float:left; width:1158px; margin-top:-30px; margin-bottom:40px; padding:20px 20px 20px 20px; border:1px solid #ffae23; border-radius:3px; background:#fff	; position:relative;}
.work_detail_sw_open .arrow {position:absolute; top:-10px; left:230px; }
.work_detail_hw_open {float:left; width:1158px; margin-top:-30px; margin-bottom:40px; padding:20px 20px 20px 20px; border:1px solid #ffae23; border-radius:3px; background:#fff; position:relative;}
.work_detail_hw_open .arrow {position:absolute; top:-10px; left:590px; }

.work_detail_info_close {float:left; width:1200px; padding:0px 0px 40px 0px;}
.work_detail_info_open_btn {float:left; width:1200px; padding:0px 0px 0px 0px; border-top:1px solid #333; display:block; text-align:right;}
.work_detail_info_close_btn {float:left; width:1200px; padding:0px 0px 0px 0px; border-bottom:1px solid #333; display:block; text-align:right;}

/* cloud_view_top */
.cloud_view_top {float:left; width:1160px; padding:20px 20px 20px 20px; margin-bottom:20px; border-top:1px solid #333333; border-bottom:1px solid #e1e1e1; display:block;}
.cloud_view_top .head { float:left; width:60%; padding:0px 0px 0px 0px;}
.cloud_view_top .head .input{float:left; padding:11px 0px 0px 0px; font-size:22px; font-weight:bold; font-family:"나눔스퀘어", sans-serif;}
.cloud_view_top .head .name{float:left; padding:14px 20px 0px 0px; font-size:18px; font-weight:bold; }
.cloud_view_top .body { float:right; width:35%; padding:0px 0px 0px 0px; text-align:right; display:block; }
.cloud_view_top .body .time{ float:right; width:100%; padding:0px 0px 5px 0px; text-align:right; font-size:16px; letter-spacing:0.1px;}
.cloud_view_top .body .date{ float:right; width:100%; padding:0px 2px 0px 0px; text-align:right; display:block; letter-spacing:0.1px;}

.cloud_view_top .cont { float:right; width:10%; padding:0px 0px 0px 0px; text-align:right; display:block; }
.cloud_view_top .cont .time{ float:right; width:100%; padding:0px 0px 5px 0px; text-align:right; font-size:16px; letter-spacing:0.1px;}
.cloud_view_top .cont .date{ float:right; width:100%; padding:0px 2px 0px 0px; text-align:right; display:block; letter-spacing:0.1px;}
.cloud_view_top .btn { float:right; padding:14px 0px 0px 20px; text-align:right; display:block; }

/* gnb */
#header{position:fixed; top:0; left:0;width:100%; clear:both; z-index:100000; background-color: #ffffff; border-bottom: 5px solid; border-image: linear-gradient(to top, #ffffff 0%, #F5F5F5 100%); border-image-slice: 200;}
#header .util {margin:0 auto; width:1200px; height:40px; position:relative;}
#header .util .umenu{ float:right;}
#header .util .umenu ul{}
#header .util .umenu li{min-width: 52px; box-sizing: border-box; float:left; padding:8px 0px 0px 12px; letter-spacing:0.3px; font-family: 'Noto Sans KR';}
#header .util .umenu li a:link {font-size:12px; color:#615F5F; text-decoration:none;}
#header .util .umenu li a:visited {color:#615F5F; text-decoration:none;}
#header .util .umenu li a:hover {color:#0071EB; text-decoration:none; font-weight: 400; font-family: 'Noto Sans KR';}
#header .util .umenu li a.main_font_color:hover {font-weight: 700;}
#header .util .umenu li.uline{float:left; height:9px; width:1px; margin:15px 0px 0px 12px; padding:0px 0px 0px 0px; border-left:1px solid #5b5b5a; }

#header .util .ubtn { float:right; margin:9px 0px 0px 8px; cursor:pointer; }
#header .util .uinfo { float:right;}
#header .util .uinfo  ul{}
#header .util .uinfo  li{float:left; padding:9px 0px 0px 0px;font-size:12px; color:#615F5F; letter-spacing:0.5px;}
#header .util .uinfo  li a:link {font-size:12px; color:#615F5F; text-decoration:none;}
#header .util .uinfo  li a:visited {color:#615F5F; text-decoration:none;}
#header .util .uinfo  li a:hover {color:#0071EB; text-decoration:none; font-weight: 700;}
#header .util .uinfo  li.unum {float:left; padding:10px 0px 0px 18px;font-size:12px; color:#615F5F; letter-spacing:0.5px; }

#header .util .my_etsne_pop_wrap {position:absolute;top:41px;right:170px; float:right; width:210px; height:250px; background:#ffffff; border:1px solid #e1e1e1;  cursor:pointer; z-index:15000;}
#header .util .my_etsne_pop {float:left; width:100%; margin:12px 0px 0px 0px;position:relative; }
#header .util .my_etsne_pop .tit{float:left; width:162px; margin:0px 0px 10px 0px; padding:3px 24px 18px 24px; border-bottom:1px solid #e1e1e1; position:relative; font-size:18px; font-weight:bold;}
#header .util .my_etsne_pop .cont {float:left; width:100%;}
#header .util .my_etsne_pop .cont li.name{float:left; width:109px; padding:5px 0px 8px 24px; border-bottom:1px dashed #e1e1e1; font-size:12px; font-weight:bold; }
#header .util .my_etsne_pop .cont li.num{float:left; width:53px; padding:5px 24px 8px 0px; border-bottom:1px dashed #e1e1e1; font-size:12px; font-weight:bold; color:#ef8700; }
#header .util .my_etsne_pop .cont li.last{border-bottom:none; }
#header .util .my_etsne_pop_wrap .bump {position:absolute;top:-5px;right:206px; cursor:pointer;}

#header .gnb {margin:0 auto; width:1200px; height:50px; position:relative; z-index:10000;}
#header .gnb .logo {float:left; margin: -18px 0px 0px 0px;}
#header .gnb .gnbwrap {float:right; height:50px; z-index:6;}
#header .gnb .gnbwrap ul{}
#header .gnb .gnbwrap li{float:left;}
#header .gnb .gnbwrap .menu { float:right; margin-top:7px; text-align:right; width:100%;}
#header .gnb .gnbwrap .menu ul {}
#header .gnb .gnbwrap .menu li {float:left; padding:0px 0px 0px 60px; height:56px; }
#header .gnb .gnbwrap .menu li a:link {font-size: 20px; font-weight: 400; font-family: 'Noto Sans KR'; color:#000000; text-decoration:none; }
#header .gnb .gnbwrap .menu li a:visited {color:#000000;font-weight:700;text-decoration:none;}
#header .gnb .gnbwrap .menu li a:hover {color:#0071EB; font-weight:700;text-decoration:none; padding:0px 0px 20px 0px;}

#header .gnb .gnbwrap .gnb_menu .gnb_title {float:left; padding: 5px 20px 0; height:56px; box-sizing: border-box;}
#header .gnb .gnbwrap .gnb_menu .gnb_title:nth-last-child(2) {padding: 5px 0 0 20px;}
#header .gnb .gnbwrap .gnb_menu .gnb_title a:link {font-size: 20px; font-weight: 400; font-family: 'Noto Sans KR'; color:#000000; text-decoration:none;}
#header .gnb .gnbwrap .gnb_menu .gnb_title a:hover {color:#0071EB; font-weight:700; text-decoration:none; padding:0px 0px 20px 0px;}
#header .gnb .gnbwrap .gnb_sub .sub_menu {float: right; position: relative; top: -15px; text-align: center; background-color: #ffffff; border: 1px solid #D8D8D8; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.06); box-sizing: border-box;}
#header .gnb .gnbwrap .gnb_sub .sub_menu .gnb_sub_title {height: 35px; line-height: 35px; color: #333333; font-size: 12px; font-weight: 400; font-family: 'Noto Sans KR';}
#header .gnb .gnbwrap .gnb_sub .sub_menu .gnb_sub_title:hover {background-color: #0071EB; color: #ffffff;}
#header .gnb .gnbwrap .gnb_sub .sub_menu .gnb_sub_title a {width: 100%; height: 35px; display: block; color: #333333; font-size: 12px; font-weight: 400; font-family: 'Noto Sans KR';}
#header .gnb .gnbwrap .gnb_sub .sub_menu .gnb_sub_title:hover a {color: #ffffff; font-weight: 700;}
/* #header .gnb .gnbwrap .gnb_menu li.new_dep_01 .new_dep_02 {position: absolute; top: 41px; left: 0px; width: 1200px; height: 50px; z-index: 10000;}
#header .gnb .gnbwrap .gnb_menu li.new_dep_01 {} */

/*gnb dep02_01*/
/* #header .gnb .gnbwrap .menu .dep01 .dep02_01 {position:absolute;top:41px;left:0px; width:1200px; height:50px; z-index:10000;}
#header .gnb .gnbwrap .menu .dep01 .dep02_01 .w1000 {width:1200px; margin-left:496px;}
#header .gnb .gnbwrap .menu .dep01 .dep02_01 .w1000 li {padding:21px 20px 19px 20px; text-align:left;}
#header .gnb .gnbwrap .menu .dep01 .dep02_01 .w1000 li a:link {font-size:14px; color:#a9a9a9; font-weight:bold; text-decoration:none;}
#header .gnb .gnbwrap .menu .dep01 .dep02_01 .w1000 li a:visited {color:#a9a9a9; text-decoration:none;}
#header .gnb .gnbwrap .menu .dep01 .dep02_01 .w1000 li a:hover {color:#ffffff; text-decoration:none; padding:0px 0px 15px 0px; border-bottom:2px solid #ffae23;} */

/*gnb dep02_02*/
/* #header .gnb .gnbwrap .menu .dep01 .dep02_02 {position:absolute;top:41px;left:0px; width:1200px; height:50px; z-index:10000;}
#header .gnb .gnbwrap .menu .dep01 .dep02_02 .w1000 {width:1200px; margin-left:617px;}
#header .gnb .gnbwrap .menu .dep01 .dep02_02 .w1000 li {padding:21px 20px 19px 20px; text-align:left;}
#header .gnb .gnbwrap .menu .dep01 .dep02_02 .w1000 li a:link {font-size:14px; color:#a9a9a9; font-weight:bold; text-decoration:none;}
#header .gnb .gnbwrap .menu .dep01 .dep02_02 .w1000 li a:visited {color:#a9a9a9; text-decoration:none;}
#header .gnb .gnbwrap .menu .dep01 .dep02_02 .w1000 li a:hover {color:#ffffff; text-decoration:none; padding:0px 0px 15px 0px; border-bottom:2px solid #ffae23;} */

/*gnb dep02_03*/
/* #header .gnb .gnbwrap .menu .dep01 .dep02_03 {position:absolute;top:41px;left:0px; width:1200px; height:50px; z-index:10000;}
#header .gnb .gnbwrap .menu .dep01 .dep02_03 .w1000 {width:1200px; margin-left:736px;}
#header .gnb .gnbwrap .menu .dep01 .dep02_03 .w1000 li {padding:21px 20px 19px 20px; text-align:left;}
#header .gnb .gnbwrap .menu .dep01 .dep02_03 .w1000 li a:link {font-size:14px; color:#a9a9a9; font-weight:bold; text-decoration:none;}
#header .gnb .gnbwrap .menu .dep01 .dep02_03 .w1000 li a:visited {color:#a9a9a9; text-decoration:none;}
#header .gnb .gnbwrap .menu .dep01 .dep02_03 .w1000 li a:hover {color:#ffffff; text-decoration:none; padding:0px 0px 15px 0px; border-bottom:2px solid #ffae23;} */

/*gnb dep02_04*/
/* #header .gnb .gnbwrap .menu .dep01 .dep02_04 {position:absolute;top:41px; right:0px; width:1200px; height:50px; z-index:10000;}
#header .gnb .gnbwrap .menu .dep01 .dep02_04 .w1000 {width:1200px; margin-right:0px;}
#header .gnb .gnbwrap .menu .dep01 .dep02_04 .w1000 li {float:right; padding:21px 0px 19px 40px;}
#header .gnb .gnbwrap .menu .dep01 .dep02_04 .w1000 li a:link {font-size:14px; color:#a9a9a9; font-weight:bold; text-decoration:none;}
#header .gnb .gnbwrap .menu .dep01 .dep02_04 .w1000 li a:visited {color:#a9a9a9; text-decoration:none;}
#header .gnb .gnbwrap .menu .dep01 .dep02_04 .w1000 li a:hover {color:#ffffff; text-decoration:none; padding:0px 0px 15px 0px; border-bottom:2px solid #ffae23;} */

/*gnb dep02_05*/
/* #header .gnb .gnbwrap .menu .dep01 .dep02_05 {position:absolute;top:41px; left:0px; width:1200px; height:50px; z-index:10000;}
#header .gnb .gnbwrap .menu .dep01 .dep02_05 .w1000 { width:1200px; margin-left:910px;}
#header .gnb .gnbwrap .menu .dep01 .dep02_05 .w1000 li {padding:21px 0px 19px 40px;}
#header .gnb .gnbwrap .menu .dep01 .dep02_05 .w1000 li a:link {font-size:14px; color:#a9a9a9; font-weight:bold; text-decoration:none;}
#header .gnb .gnbwrap .menu .dep01 .dep02_05 .w1000 li a:visited {color:#a9a9a9; text-decoration:none;}
#header .gnb .gnbwrap .menu .dep01 .dep02_05 .w1000 li a:hover {color:#ffffff; text-decoration:none; padding:0px 0px 15px 0px; border-bottom:2px solid #ffae23;} */

/*gnb dep02_06*/
/* #header .gnb .gnbwrap .menu .dep01 .dep02_06 {position:absolute;top:41px; right:0px; width:1200px; height:50px; z-index:10000;}
#header .gnb .gnbwrap .menu .dep01 .dep02_06 .w1000 { width:1200px; margin-right:0px;}
#header .gnb .gnbwrap .menu .dep01 .dep02_06 .w1000 li {float:right; padding:21px 0px 19px 40px;}
#header .gnb .gnbwrap .menu .dep01 .dep02_06 .w1000 li a:link {font-size:14px; color:#a9a9a9; font-weight:bold; text-decoration:none;}
#header .gnb .gnbwrap .menu .dep01 .dep02_06 .w1000 li a:visited {color:#a9a9a9; text-decoration:none;}
#header .gnb .gnbwrap .menu .dep01 .dep02_06 .w1000 li a:hover {color:#ffffff; text-decoration:none; padding:0px 0px 15px 0px; border-bottom:2px solid #ffae23;} */

/*gnb bg*/
/* .dep02_01bg {position:absolute; width:100%; left:0px; top:90px; height:50px; z-index:9; background: rgba(0, 0, 0, 0.6) repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000); display:block;}
.dep02_02bg {position:absolute; width:100%; left:0px; top:90px; height:50px; z-index:9; background: rgba(0, 0, 0, 0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000); display:block;}
.dep02_03bg {position:absolute; width:100%; left:0px; top:90px; height:50px; z-index:9; background: rgba(0, 0, 0, 0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000); display:block;}
.dep02_04bg {position:absolute; width:100%; left:0px; top:90px; height:50px; z-index:9; background: rgba(0, 0, 0, 0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000); display:block;}
.dep02_05bg {position:absolute; width:100%; left:0px; top:90px; height:50px; z-index:9; background: rgba(0, 0, 0, 0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000); display:block;}
.dep02_06bg {position:absolute; width:100%; left:0px; top:90px; height:50px; z-index:9; background: rgba(0, 0, 0, 0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000); display:block;} */

/* dcv_pop */
.modal_wrap#dcv_modal_wrap {z-index: 100005 !important;}
.dcv_layer_pop {width: 100%; height: 100%; box-sizing: border-box;}
.dcv_layer_pop .dcv_top {width: 100%; height: 25px; padding: 0 10px; box-sizing: border-box; background-color: #ededed;}
.dcv_layer_pop .dcv_top .btn_close {float: right; font-size: 22px; cursor: pointer;}
.dcv_layer_pop .dcv_bottom {width: 100%; height: calc(100% - 35px); margin: 0; padding: 0; box-sizing: border-box;}
.dcv_layer_pop .dcv_bottom iframe {width: 100%; height: 100%; margin: 0; padding: 0; box-sizing: border-box;}

.scroll_x { max-width:200px; overflow-x:auto;}
.tj_box { width:300px; float:left; border:1px solid #e1e1e1;}

.table_list_mht tbody th.al_left_th {
    padding: 10px 0px 14px 30px;
    text-align: left;
    border-right: none;
}

.table_list_mht tbody th {
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    background: rgba(256,256,256, 1);
    padding: 14px 4px 18px 4px;
    font-size: 14px;
    font-weight: bold;
}

.btn_s_02.cloud_use {margin-left: 10px;}

.skip_main .sm_table {width: 40%; margin: 0 auto 30px; float: none;}

@media (max-width: 1200px) {
    .main_three_type {width: 1200px;}
    /* .main_three_type .type_three {width: 33% !important;} */
}