@charset "utf-8";

/* Yeep 소개 */
.top-information { padding:96px 0 63px; border-bottom:1px solid #c6c6c6; }
.top-information .information-title { font-size:46px; font-weight:300; line-height:52px; color:#505256; letter-spacing:-2px; }
.top-information .information-title strong { font-weight:500; color:#fe0231; }
.top-information .information-text { margin-top:15px; font-size:16px; line-height:26px; color:#505256; }
.top-information .information-small-text { margin-top:17px; font-size:15px; line-height:25px; color:#505256; }

.yeep-purpose-list { overflow:hidden; }
.yeep-purpose-list li { position:relative; float:left; width:268px; height:76px; margin-left:9px; border:1px solid #cbcbcb; }
.yeep-purpose-list li:first-child { margin-left:0; }
.yeep-purpose-list li span { position:absolute; top:50%; left:0; right:0; font-size:15px; line-height:20px; text-align:center; transform: translateY(-50%); }
.yeep-purpose-list li span:before { content:'\002B'; margin-right:9px; color:#ed1c24; vertical-align:0; }

.yeep-major-cont { position:relative; padding-left:922px; border:1px solid #cbcbcb; background:#fff; }
.yeep-major-cont .img { position:absolute; top:50%; left:0; width:922px; text-align:center; transform: translateY(-50%); }
.yeep-major-cont .yeep-major-info { position:relative; width:100%; padding:68px 15px 0; border-left:1px solid #edeef1; }
.yeep-major-cont .yeep-major-info dt { position:absolute; top:0; left:-1px; right:0; height:68px; padding-top:13px; background:#7c889a; font-size:22px; font-weight:500; line-height:48px; color:#fff; text-align:center; }
.yeep-major-cont .yeep-major-info dd { padding:28px 0 27px; border-top:1px solid #e2e5e9; font-size:13px; line-height:27px; color:#424242; text-align:center; }
.yeep-major-cont .yeep-major-info dt + dd { border-top:0; }
.yeep-major-cont .yeep-major-info dd strong { display:block; font-size:18px; font-weight:500; }
.yeep-major-cont .yeep-major-info dd span { font-weight:500; color:#e00; }

.yeep-major-contents { overflow:hidden; }
.yeep-major-contents li { float:left; width:177px; height:187px; margin-left:7px; padding-top:107px; border:1px solid #cbcbcb; background:no-repeat 50% 0; font-size:16px; font-weight:500; line-height:26px; text-align:center; }
.yeep-major-contents li:first-child { margin-left:0; }
.yeep-major-contents li span { display:block; font-size:14px; }
.yeep-major-contents li.contents01 { background-image:url(/images/in/icon_major_contents01.png); }
.yeep-major-contents li.contents02 { background-image:url(/images/in/icon_major_contents02.png); }
.yeep-major-contents li.contents03 { background-image:url(/images/in/icon_major_contents03.png); }
.yeep-major-contents li.contents04 { background-image:url(/images/in/icon_major_contents04.png); }
.yeep-major-contents li.contents05 { background-image:url(/images/in/icon_major_contents05.png); }
.yeep-major-contents li.contents06 { background-image:url(/images/in/icon_major_contents06.png); }

.yeep-major-contents .program-bx {position:relative;width:100%;padding:0;float:none;height:203px;margin:0;border:1px solid #cbcbcb;background:#fcfdfd;}
.yeep-major-contents .program-bx:after {clear:both;display:block;content:'';}
.yeep-major-contents .program-bx.program02 {margin:56px 0 0;}
.yeep-major-contents .program-bx .title {float:left;width:299px;height:203px;padding:62px 0 0 55px;font-size:20px;text-align:left;}
.yeep-major-contents .program-bx .title strong {display:block;margin:0 0 10px;font-weight:400;font-size:28px;}
.yeep-major-contents .program-bx .detail-program {float:left;width:798px;padding:21px 0 22px;}
.yeep-major-contents .program-bx .detail-program:after {clear:both;display:block;content:'';}
.yeep-major-contents .program-bx .detail-program li {float:left;width:178px;height:158px;padding:93px 0 0;margin:0 0 0 22px;border:1px solid #cbcbcb;background-color:#fff;background-repeat:no-repeat;background-position:center 27px;text-align:center;line-height:22px;}
.yeep-major-contents .program-bx .detail-program li:first-child {margin-left:0;}
.yeep-major-contents .program-bx .detail-program li.prgm01 {background-image:url(/images/in/ico_introduce_program01.png);}
.yeep-major-contents .program-bx .detail-program li.prgm02 {background-image:url(/images/in/ico_introduce_program02.png);background-position:center 28px;}
.yeep-major-contents .program-bx .detail-program li.prgm03 {background-image:url(/images/in/ico_introduce_program03.png);background-position:center 29px;}
.yeep-major-contents .program-bx .detail-program li.prgm04 {background-image:url(/images/in/ico_introduce_program04.png);background-position:center 24px;}
.yeep-major-contents .program-bx .detail-program li.prgm05 {background-image:url(/images/in/ico_introduce_program05.png);}
.yeep-major-contents .program-bx .detail-program li.prgm06 {background-image:url(/images/in/ico_introduce_program06.png);background-position:center 26px;}
.yeep-major-contents .program-bx .detail-program li.prgm07 {background-image:url(/images/in/ico_introduce_program07.png);background-position:center 31px;}
.yeep-major-contents .program-bx .detail-program li.prgm08 {background-image:url(/images/in/ico_introduce_program08.png);background-position:center 28px;}
.yeep-major-contents .program-bx .detail-program li.group {border-color:#ff450c;background-color:#fffcfc;}
.yeep-major-contents .program-bx .detail-program li .stxt {font-weight:400;}
.yeep-major-contents .program-bx .detail-program li .hidden {position:absolute;left:139px;top:179px;display:block;width:450px;height:80px;background:url(/images/in/img_arw_yeepIntro.png) no-repeat 0 0;font-size:0;text-indent:-999999px;}

/* 권장수업 보기 */
.stit{margin:38px 0 17px;font-size: 18px;color:#000000;font-weight:normal;}
.stit span{color:#fb5b1c;}

.board-type01 table td .star{display:inline-block;width:49px;height:15px;background: url(/images/cl/bg_star.png) no-repeat 0 0;}
.board-type01 table td .star > span{float:left;margin-left:2px;width:15px;height:15px;text-indent:-9999px;font-size:0;line-height:0;background: url(/images/cl/img_star_on.png) repeat-x 0 0;}
.board-type01 table td .star > span:first-child{margin:0;}
.board-type01 table td .star .level-1{width:15px;}
.board-type01 table td .star .level-2{width:34px;}
.board-type01 table td .star .level-3{width:49px;}

/* 수업소개,동아리소개 */
.yeep-box {width: 1100px;height:141px;margin-top:39px;background: url(/images/in/bg_introduce.png) no-repeat;box-sizing:border-box;text-align: center;}
.yeep-box p{padding-top: 44px; font-size: 17px; line-height: 29px; color: #505256;}
.use-step{margin-top:-10px; padding:20px 0 15px;border-top:1px solid #676c73;border-bottom:1px solid #d9dfe5;}
.use-step ul{overflow: hidden;}
.use-step ul li{float:left;width:366px;height:170px;padding-left:19px; border-left:1px solid #d9dfe5;box-sizing:border-box;}
.use-step.style02 ul li{width:275px;height:192px;}
.use-step ul li:first-child{border-left:none;}
.use-step ul li .step-txt{display:block;color:#5e6d82;font-size:16px;}
.use-step ul li .tit{display:block;margin-top:1px;font-size:18px;color:#000000;font-weight:normal;}
.use-step ul li .cont{margin-top:27px;padding-left:71px;}
.use-step ul li .cont.type01{background: url(/images/in/bg_class01.png) no-repeat 3px top;}
.use-step ul li .cont.type02{background: url(/images/in/bg_class02.png) no-repeat 10px top;}
.use-step ul li .cont.type03{margin-top:20px;padding:5px 0 10px 71px;background: url(/images/in/bg_class03.png) no-repeat;}
.use-step ul li .cont.type04{background: url(/images/in/bg_class04.png) no-repeat left top;}
.use-step ul li .cont.type05{background: url(/images/in/bg_class05.png) no-repeat 4px top;}
.use-step ul li .cont.type06 {background: url(/images/in/bg_class10.png) no-repeat 4px top;}
.use-step ul li .cont.type07 {background: url(/images/in/bg_class11.png) no-repeat 4px top;}
.use-step ul li .cont .txt01{font-size:14px;line-height:22px;color:#333333;}
.use-step ul li .cont .txt02{margin-top:7px;font-size:13px;color:#e00;}
.use-step ul li .cont .txt03{margin-top:4px;padding-left:5px;font-size:13px;color:#767676;text-indent: -5px;}
.use-step ul li .cont .txt03 strong{color:#000;}
.icon-btn-type a.btn-class span{background:url(/images/in/btn_encourage.png) no-repeat 0 center;}
.class-img{margin-top:34px;text-align:center;}

.use-step.style03 ul li {width:275px;height:215px;}
.use-step.style03 ul li .cont {margin-top:19px;padding-left:0;padding-right:28px;}
.use-step.style03 ul li .cont .txt00 {margin:0 0 6px;font-size:18px;color:#f23522;}
.use-step.style03 ul li.type01 {background:url(/images/in/bg_class06.png) no-repeat 203px 4px;}
.use-step.style03 ul li.type02 {background:url(/images/in/bg_class07.png) no-repeat 200px 4px;}
.use-step.style03 ul li.type03 {background:url(/images/in/bg_class08.png) no-repeat 200px 3px;}
.use-step.style03 ul li.type04 {background:url(/images/in/bg_class09.png) no-repeat 194px 4px;}

.use-step.aprt-style {position:relative;width:100%;border:none;padding:0;margin:-12px 0 0;}
.use-step.aprt-style ol:after {clear:both;display:block;content:'';}
.use-step.aprt-style .use02 {position:absolute;top:204px;left:258px;}
.use-step.aprt-style li {position:relative;float:left;width:406px;height:190px;padding:24px 15px 0 25px;margin:0 0 15px 15px;border:1px solid #d6d6d6;background:#fff;}
.use-step.aprt-style li:first-child {margin-left:0;}
.use-step.aprt-style li .tit {display:block;font-size:18px;color:#000;font-weight:500;}
.use-step.aprt-style li.step01 {width:258px;height:394px;padding:25px 25px 0;text-align:center;}
.use-step.aprt-style li.step01:after {content:'';position:absolute;right:-27px;top:62px;display:block;width:39px;height:39px;background:url(/images/in/bg_arw_step.png) no-repeat 0 0;z-index:10;}
.use-step.aprt-style li.step02:after {content:'';position:absolute;right:-27px;top:50%;margin-top:-20px;display:block;width:39px;height:39px;background:url(/images/in/bg_arw_step.png) no-repeat 0 0;z-index:10;}
.use-step.aprt-style li.step03:after {content:'';position:absolute;left:50%;margin-left:-20px;bottom:-27px;display:block;width:39px;height:39px;background:url(/images/in/bg_arw_step_down.png) no-repeat 0 0;z-index:10;}
.use-step.aprt-style li.step04 {position:absolute;right:0;top:204px;}
.use-step.aprt-style li.hidden {display:none;}
.use-step.aprt-style li .cont {margin:11px 0 0;padding-left:74px;line-height:22px;}
.use-step.aprt-style li .cont.type01 {margin:26px 0 0;padding:78px 0 0;background:url(/images/in/bg_class01.png) no-repeat center top;}
.use-step.aprt-style li .cont.type02 {background:url(/images/in/bg_class04.png) no-repeat 4px 6px;}
.use-step.aprt-style li .cont.type03 {background:url(/images/in/bg_class03.png) no-repeat 4px 6px;}
.use-step.aprt-style li .cont.type04 {background:url(/images/in/bg_class12.png) no-repeat 4px 6px;}
.use-step.aprt-style .use02 li .cont.type02 {background:url(/images/in/bg_class05.png) no-repeat 4px 6px;}
.use-step.aprt-style .use02 li .cont.type02:before {content:'';position:absolute;left:-27px;top:50%;margin-top:-20px;display:block;width:39px;height:39px;background:url(/images/in/bg_arw_step.png) no-repeat 0 0;z-index:10;}
.use-step.aprt-style .use02 li .cont.type02:after {content:'';position:absolute;right:-27px;top:50%;margin-top:-20px;display:block;width:39px;height:39px;background:url(/images/in/bg_arw_step.png) no-repeat 0 0;z-index:10;}
.use-step.aprt-style .txt02 {margin-top:7px;font-size:13px;color:#e00;}

.aprt-use-type {margin-top:-18px;border:1px solid #d6d6d6}
.aprt-use-type:after {clear:both;display:block;content:'';}
.aprt-use-type li {float:left;width:50%;}
.aprt-use-type li:first-child {border-right:1px solid #d6d6d6}
.aprt-use-type li strong {display:block;height:52px;line-height:52px;border-bottom:1px solid #d6d6d6;background:#fafafa;text-align:center;font-size:16px;color:#000;font-weight:500;}
.aprt-use-type li p {padding:23px 80px 39px 32px;line-height:26px;}
.aprt-use-type li .star {display:block;margin:4px 0 0;color:#ed1c24;}
.sub-title-text3 {padding-bottom:12px;font-size:16px;line-height:26px;color:#505256;font-weight:500;}
.page-sub-title-style .sub-title + .sub-title-text3 {margin-top:25px;}

/* Go! startup 소개 */
.desc-text {margin-bottom:23px; font-size:22px; color:#000000; line-height: 26px;}
.desc-text span{color:#e60021;}
.use-step02{margin-top:-10px; padding:20px 0 15px;border-top:1px solid #676c73;border-bottom:1px solid #d9dfe5;}
.use-step02 ul{overflow:hidden;}
.use-step02 ul li{float:left;width:220px;height:290px;border-left:1px solid #d9dfe5;box-sizing:border-box;text-align: center;}
.use-step02 ul li:first-child{border-left:none;}
.use-step02 ul li .step-txt{display:block;color:#5e6d82;font-size:16px;}
.use-step02 ul li .tit{display:block;margin-top:3px;font-size:18px;color:#000000;font-weight:normal;}
.use-step02 ul li .cont{margin-top: 19px;padding-top: 75px;}
.use-step02 ul li .cont.type01{background: url(/images/in/bg_step01.png) no-repeat center 2px;}
.use-step02 ul li .cont.type02{background: url(/images/in/bg_step02.png) no-repeat center top;}
.use-step02 ul li .cont.type03{background: url(/images/in/bg_step03.png) no-repeat center 1px;}
.use-step02 ul li .cont.type04{background: url(/images/in/bg_class13.png) no-repeat center 3px;}
.use-step02 ul li .cont.type05{background: url(/images/in/bg_step05.png) no-repeat center 9px;}
.use-step02 ul li .cont .txt01{font-size:14px;line-height:22px;color:#333333;}
.use-step02 ul li .cont .txt02{margin-top:12px;font-size:13px;line-height:20px;color:#e00;}
.use-subject{overflow:hidden;width:100%;height:267px;padding-top:42px;background:url(/images/in/bg_people.png) no-repeat center 42px;border:1px solid #cbcbcb;}
.use-subject .left{float:left;width:452px;text-align:center;}
.use-subject .right{float:right;width:452px;text-align:center;}
.use-subject .tit{display:inline-block;padding-bottom:8px;border-bottom: 1px solid #464646; font-size:18px;line-height:22px;color:#333333;font-weight: normal;}
.use-subject ul{overflow:hidden;margin-top: 29px;}
.use-subject .left ul{margin-left:38px;}
.use-subject .right ul{margin-left:51px;}
.use-subject ul li{position:relative; float:left;width:106px;height:106px;margin-left:13px;border:1px solid #ededed;background:#f5f5f6;border-radius:50%;-webkit-border-radius:50%;}
.use-subject ul li:after{display:block;content:'';width:104px;height:104px;border:9px solid #fff;border-radius:50%;box-sizing: border-box;}
.use-subject ul li span{display:inline-block;position:absolute;left:10px;top:50%;width:85px;transform: translateY(-50%);transform: translateX(-50%);font-size:15px;line-height:20px;font-weight:bold;}
.major-cont ul li{overflow:hidden;padding:55px 0 50px;border-top:1px solid #d6d6d6;}
.major-cont ul li:first-child{padding-top:0;border-top:none;}
.major-cont ul li .img{float:left;}
.major-cont ul li .type01{float:left;margin:118px 0 0 66px;padding-right:57px;min-height:49px;background:url(/images/in/bg_management.png) no-repeat right top;font-size:17px;line-height:23px;color:#000000;}
.major-cont ul li .type02{float:left;margin:126px 40px 0 120px;padding:0 0 5px 65px;background:url(/images/in/bg_mou.png) no-repeat left top;font-size:17px;line-height:23px;color:#000000;}
.major-cont ul li .type03{float:left;margin:120px 0 0 66px;padding:0 70px 5px 0;background:url(/images/in/bg_template.png) no-repeat right 4px;font-size:17px;line-height:23px;color:#000000;}

.intro-title {padding-top:108px;font-size:48px;letter-spacing:-3px;}
.intro-title em {color:#fe5539;font-weight:500;}
.intro-title .title-icon {display:inline-block;width:47px;height:36px;padding:2px 0 0 13px;background:url(/images/in/bg_title.png) no-repeat right 0;}
.srtup-intro-cmt {margin:32px 0 50px;text-align:center;font-size:22px;line-height:38px;color:#000; }
.srtup-intro-cmt span {color:#fe5539;}
.use-step03{width:660px;padding:39px 0 22px;margin:0 auto;border:1px solid #d9dfe5;border-top:1px solid #676c73;}
.use-step03 ul{overflow:hidden;}
.use-step03 ul li{float:left;width:50%;min-height:154px;text-align: center;}
.use-step03 ul li:first-child{background:url(/images/in/bg_gostartup_line.png) no-repeat right 50%;}
.use-step03 ul li .step-txt{display:block;color:#5e6d82;font-size:16px;}
.use-step03 ul li .cont{padding-top:75px;}
.use-step03 ul li .cont .tit{display:block;margin-bottom:8px;font-size:16px;color:#000;font-weight:500;}
.use-step03 ul li .cont.type01{background: url(/images/in/bg_gostartup01.png) no-repeat center top;}
.use-step03 ul li .cont.type02{background: url(/images/in/bg_gostartup02.png) no-repeat center top;}
.use-step03 .red {color:#fe5539;}
.strup-btn-wrap {margin-top:46px;text-align:center;}
.strup-btn-wrap a {margin-left:13px;}
.strup-btn-wrap a .arw {display:inline-block;margin-left:11px;width:10px;height:17px;line-height:17px;vertical-align:middle;background:url(/images/in/btn_arrow.png) no-repeat 0 0;}

.class-ex-list {height:59px;margin-top:26px;border:1px solid #dadee2;background:#fdfdfd;}
.class-ex-list li {float:left;width:25%;background:url(/images/in/bg_exlist_line.png) no-repeat 0 50%;}
.class-ex-list li:first-child {background:none;}
.class-ex-list li a {display:block;padding-right:22px;line-height:59px;font-size:14px;color:#404040;text-align:center;font-weight:600;}
.class-ex-list li .window {display:inline-block;width:13px;height:11px;margin-left:9px;background:url(/images/in/icon_window.png) no-repeat 0 0;text-indent: -9999px;vertical-align: middle; font-size: 1px;}
.class-ex-list li .color1 {color:#3e6e09;}
.class-ex-list li .color2 {color:#dc1309;}
.class-ex-list li .color3 {color:#6809dc;}
.class-ex-list + .class-img {margin-top:53px;}

.bdtitle-type {border-top:1px solid #676c73;}
.boradTitle {margin-top:-1px;text-align:left;}
.boradTitle em {display:block;padding:18px 30px;vertical-align:middle;font-size:15px;font-weight:500;border-bottom:1px solid #676c73;}
.boradTitle strong {display:block;padding:16px 30px 16px 40px;color:#000;font-size:15px;font-weight:500;border-left:0;}


@import('../assets/notosanskr.css');

.use-step04 {margin-top:-10px; padding:20px 0 15px;border-top:1px solid #676c73;border-bottom:1px solid #d9dfe5;}
.use-step04 ul {overflow:hidden;}
.use-step04 ul li {float:left;width:275px;min-height:261px;padding:80px 20px 15px;border-left:1px solid #d9dfe5;box-sizing:border-box;background-repeat:no-repeat;background-position:center 6px;}
.use-step04 ul li:first-child{border-left:none;}
.use-step04 ul li.bg01 {background-image:url(/images/in/bg_step03_01.png)}
.use-step04 ul li.bg02 {background-image:url(/images/in/bg_step03_02.png)}
.use-step04 ul li.bg03 {background-image:url(/images/in/bg_step03_03.png)}
.use-step04 ul li.bg04 {background-image:url(/images/in/bg_step03_04.png)}
.use-step04 ul li .step-txt {display:block;color:#5e6d82;font-size:16px;letter-spacing:-0.5px;}
.use-step04 ul li .tit {display:block;font-size:18px;color:#000;font-weight:normal;}
.use-step04 ul li .cont {margin-top:10px;color:#666;line-height:22px;font-size:14px;}
.use-step04 ul li .cont .star {margin-top:9px;font-size:13px;color:#2d60b5;}

.info-onlinebz1 {width:100%;margin:5px 0 0;padding:0 0 45px;border-bottom:1px solid #d6d6d6;}
.info-onlinebz1:after {clear:both;display:block;content:'';}
.info-onlinebz1 .info-left {float:left;width:540px;}
.info-onlinebz1 .info-right {float:right;width:560px;padding:0 25px 0 0;font-size:16px;line-height:24px;color:#000;}
.info-onlinebz1 .info-right .txt {margin:0 0 40px;}
.info-onlinebz1 .info-right .pic {text-align:center;}
.info-onlinebz2 {padding:50px 0 0;}
.info-onlinebz2:after {clear:both;display:block;content:'';}
.info-onlinebz2 .info-left {float:left;padding:0 0 0 86px;margin:100px 0 0;background:url(/images/in/bg_onlinebz_info.png) no-repeat 0 0;font-size:16px;line-height:24px;color:#000;}
.info-onlinebz2 .pic {float:right;width:450px;}

.major-cont-new .cont-program {padding:40px 0 41px;background:#f3f8fd;text-align:center;}
.major-cont-new .cont-program h4 {font-size:27px;color:#000;font-weight:500;}
.major-cont-new .cont-program ul {width:772px;height:158px;margin:30px auto 0;text-align:center;}
.major-cont-new .cont-program ul li {float:left;width:178px;height:158px;padding:93px 0 0;margin:0 0 0 20px;border:1px solid #ebf0f4;background-repeat:no-repeat;background-color:#fff;text-align:center;font-size:16px;color:#000;}
.major-cont-new .cont-program ul li:first-child {margin-left:0;}
.major-cont-new .cont-program ul li.prgm01 {background-image:url(/images/in/ico_introduce_program05.png);background-position:center 27px}
.major-cont-new .cont-program ul li.prgm02 {background-image:url(/images/in/ico_introduce_program06.png);background-position:center 26px}
.major-cont-new .cont-program ul li.prgm03 {background-image:url(/images/in/ico_introduce_program07.png);background-position:center 31px}
.major-cont-new .cont-program ul li.prgm04 {background-image:url(/images/in/ico_introduce_program08.png);background-position:center 29px}
.major-cont-new .cont-preview {width:100%;}
.major-cont-new .cont-preview li {padding:0;margin:60px 0 0;border:none;}
.major-cont-new .cont-preview li:after {clear:both;display:block;content:'';}
.major-cont-new .cont-preview li .desc {min-height:49px;line-height:49px;padding:0 0 0 66px;background-repeat:no-repeat;background-position:0 0;font-size:17px;color:#000;}
.major-cont-new .cont-preview li.type01 .desc {background-image:url(/images/in/bg_management.png);}
.major-cont-new .cont-preview li.type02 .desc {background-image:url(/images/in/bg_templete.png);}
.major-cont-new .cont-preview li.type03 .desc {min-height:41px;line-height:41px;background-image:url(/images/in/bg_mou.png);}
.major-cont-new .cont-preview li .img {float:left;display:block;margin-top:20px;}
.major-cont-new .cont-preview li .img:nth-of-type(even) {margin-left:30px;}
.major-cont-new .cont-preview li.type03 .img,
.major-cont-new .cont-preview li.type03 .img:nth-of-type(even) {margin-left:25px;}
.major-cont-new .cont-preview li.type03 .img:first-of-type {margin-left:0;}

.online-info-cont {width:100%;margin:22px 0 0;}
.online-info-cont li {margin:60px 0 0;}
.online-info-cont li:first-child,
.online-info-cont li li {margin:0;}
.online-info-cont li .desc {min-height:49px;line-height:49px;padding:0 0 0 59px;margin:0 0 30px;font-size:17px;color:#000;}
.online-info-cont li.info01 .desc {background:url(/images/in/img_onlinebz_info04.png) no-repeat 0 0;}
.online-info-cont li.info02 .desc {background:url(/images/in/img_onlinebz_info05.png) no-repeat 0 0;}
.online-info-cont .rolebx {position:relative;}
.online-info-cont .rolebx:after {clear:both;display:block;content:'';}
.online-info-cont .rolebx li {float:left;width:250px;height:247px;padding:118px 0 0;margin:19px 20px 0 0;background-color:#f7fafd;background-repeat:no-repeat;text-align:center;font-size:14px;line-height:22px;}
.online-info-cont .rolebx li strong {display:block;margin:0 0 15px;font-weight:500;font-size:22px;color:#000;}
.online-info-cont .rolebx li.role01 {margin-top:0;background-image:url(/images/in/img_onlinebz_info06.png);background-position:center 53px}
.online-info-cont .rolebx li.role02 {margin-top:0;background-image:url(/images/in/img_onlinebz_info07.png);background-position:center 50px}
.online-info-cont .rolebx li.role03 {clear:both;background-image:url(/images/in/img_onlinebz_info08.png);background-position:center 59px}
.online-info-cont .rolebx li.role04 {background-image:url(/images/in/img_onlinebz_info09.png);background-position:center 50px}
.online-info-cont .rolebx li.role05 {position:absolute;right:0;top:0;float:none;width:560px;height:514px;padding-top:126px;margin:0;}

.online-ex:after {clear:both;display:block;content:'';}
.online-ex li {float:left;width: 530px;margin-top:50px;}
.online-ex li:nth-child(even) {margin-left:40px;}
.online-ex li:first-child,
.online-ex li:nth-child(2) {margin-top:0;margin-bottom:40px;}
.online-ex li em {display:block;margin-bottom:15px;font-size:18px;line-height:25px;color:#5d6878;font-weight:700;}
.online-ex li em span {display:inline-block;margin-right:10px;width:25px;height:25px;border-radius:50px;color:#fff;background:#5d6878;font-weight:400;text-align:center;}
.online-ex li .img {width: 530px;height: auto;}

.aprtMission-form {height:190px;padding:14px 0 15px;border:4px solid #d9dfe5;}
.aprtMission-form li {position:relative;float:left;width:33%;height:153px;padding:16px 0 0;text-align:center;}
.aprtMission-form li.form01 {background:url(/images/in/bg_mission_form01.png) no-repeat center 78px}
.aprtMission-form li.form02 {background:url(/images/in/bg_mission_form02.png) no-repeat center 77px}
.aprtMission-form li.form03 {background:url(/images/in/bg_mission_form03.png) no-repeat center 78px}
.aprtMission-form li:before {content:'';position:absolute;left:0;top:0;display:block;width:3px;height:153px;background:url(/images/in/bg_mission_dotline.png) no-repeat 0 0;}
.aprtMission-form li:first-child:before {display:none;}
.aprtMission-form li:after {content:'';position:absolute;right:-23px;top:50%;margin-top:-20px;display:block;width:39px;height:39px;background:url(/images/in/img_mission_arrow.png) no-repeat 0 0;z-index:10;}
.aprtMission-form li.form03:after {display:none;}
.aprtMission-form li em {display:block;margin:0 0 5px;color:#5e6d82;font-size:16px;}
.aprtMission-form li strong {font-weight:500;color:#000;font-size:18px;}



/*수업소개 리뉴얼, 수업과정 추가 2020-03-04*/

.aprt-use-type.col3{margin-top:15px;margin-bottom:45px;}
.aprt-use-type.col3 li{float: left;width: 33.3%;border-right: 1px solid #d6d6d6;}
.aprt-use-type.col3 li:last-child{border-right: none;width: 33.4%;}
.aprt-use-type.col3 li p{text-align:center;padding:23px 0;min-height: 456px;}
.aprt-use-type.col3 li p img{border:1px solid #ddd;}
.aprt-use-type.col3 li:last-child p img{margin-top:105px;}
.aprt-use-type.col3 li:nth-child(2) p img{margin-top:85px;}
.img-wrap-box{border: 1px solid #ddd;text-align: center;padding: 30px 0;margin: 20px 0 45px 0;}
.img-wrap-box.bg-gray{background:#fafafb;}

.class-process{margin:20px 0;}
.class-process dt{display: block;width: 220px;margin: 0 auto 28px auto;line-height: 46px;background: #f8f8f8;border-radius: 46px;text-align: center;font-size: 18px;}
.class-process dd{display:inline-block;border:1px solid #ddd;width:150px;height:192px;text-align:center;position:relative;margin:0 5px 0 0;border-radius:5px;}
.class-process dd:last-child{margin:0;}
.class-process dd:before{content:'';display:block;width:12px;height:12px;background:#ff8181;border-radius:12px;position:absolute;
    left: 50%;margin-left: -6px;top: -6px;}
.class-process dd strong{font-weight:400;font-size:16px;}
.class-process dd strong:before{content:'';display:block;width:70px;height:70px;background:url(/images/class_step.png) no-repeat;margin: 18px auto 10px auto;}
.class-process dd.proc02 strong:before{background-position:-70px 0;}
.class-process dd.proc03 strong:before{background-position:-140px 0;}
.class-process dd.proc04 strong:before{background-position:-210px 0;}
.class-process dd.proc05 strong:before{background-position:-280px 0;}
.class-process dd.proc06 strong:before{background-position:-350px 0;}
.class-process dd.proc07 strong:before{background-position:-420px 0;}

.aprt-use-type.proc-list{margin:30px 0 0 0;}
.aprt-use-type.proc-list li ul{padding:28px;}
.aprt-use-type.proc-list li ul li{padding:0 0 8px 10px;float:none;width:auto;border:none;position: relative;}
.aprt-use-type.proc-list li ul li:before{content:'-';display:inline-block;position:absolute;left:0;}
.aprt-use-type.proc-list .book-list{padding:20px;border-bottom: 1px solid #ddd;}
.aprt-use-type.proc-list .book-list:last-child{border:none;}
.aprt-use-type.proc-list .book-list dt{display:inline-block;font-size:20px;width:150px;line-height:1.4;padding: 0 0 0 15px;}
.aprt-use-type.proc-list .book-list dd{display:inline-block;vertical-align: middle;margin:0 0 0 8px;}
.aprt-use-type.proc-list .book-list a{display:block;width:160px;height:143px;border:1px solid #ddd;overflow:hidden;position:relative;}
.aprt-use-type.proc-list .book-list a img{width:100%;}
.aprt-use-type.proc-list .book-list a.teach img{}
.aprt-use-type.proc-list .book-list a.work img{width:auto;height:100%;}
.aprt-use-type.proc-list .book-list a span{background:rgba(0,0,0,0.5);border-radius:43px;display:inline-block;padding:2px 13px 5px 16px;line-height:34px;font-size:17px;color:#fff;position:absolute;left:40px;top:48px;border:2px solid rgba(0,0,0,0.1);}
.aprt-use-type.proc-list .book-list a:hover span{background:rgba(0,0,0,1);border:2px solid #fff;}
.aprt-use-type.proc-list .book-list a span:after{content:'';width:21px;height:23px;display:inline-block;background:url(/images/book_view.png) no-repeat;vertical-align:top;margin:6px 0 0 6px;}
.aprt-use-type.proc-list .book-list a.work span{left:19px;}
.aprt-use-type.proc-list .book-list a span.lf{left:19px;}
.aprt-use-type.proc-list .book-list a span.lf + img{width:100%; height:auto;}

.popup-title strong.red-title{color:#dc1309;font-weight:500;}
#popupWrap #tabs.class-info-cont{margin: 0 0 40px 0;}
#popupWrap .img-wrap-box{padding:0;}
#popupWrap .img-wrap-box img{width:587px;}

/*yeep소개, yeep활용법*/
.top-box{width:100%;background:#f3f4f9;}
.top-box .inner{position:relative;width:1150px;height:300px;margin:0 auto;padding:58px 0 0 60px;}
.top-box .inner .page-title{padding-top:0;font-size:45px;letter-spacing:-1px;text-align:left;color:#000;}
.top-box .inner .page-title span{color:#f4441c;}
.top-box .inner .page-title.market span{color:#17aed7;}
.top-box .inner .page-title-text{margin-top:18px;font-size:23px;line-height:30px;color:#434343;}
.top-box.intro .inner .page-title-text{font-size:28px;color:#505256;font-weight:500;}
.top-box .inner .page-title-sm-text{margin-top:10px;font-size:15px;line-height:22px;color:#505256;}
.top-box .inner .bg-img{position:absolute;right:50px;bottom:0;}
.top-box .btn-area{margin-top:18px;}
.top-box .btn-area > a + a{margin-left:6px;}
.top-box.small .inner{height:220px;padding-top:40px;}
.top-box.small .inner .page-title-text{margin-top:10px;font-size:21px;}
.top-box.small .inner .bg-img{height:205px;}
.img-wrap-box.float{border:1px solid #ddd;text-align:center;position:relative;height:361px;margin:0 0 34px;padding:0;}
.img-wrap-box.float img{position:absolute;left:0;top:0;z-index:-1;}
.img-wrap-box.float h4{font-size:26px;font-weight:500;letter-spacing:-2px;margin:73px 0 20px;}
.img-wrap-box.float p{font-size:16px;line-height:1.8;color:#333;}
.info-num{margin:0 0 20px;}
.info-num li{font-size:16px;line-height:1.6;color:#505256;}
.img-basic{text-align:center;margin:35px 0 0;}
.know-how{position:relative;border:1px solid #ddd;margin:40px 0 0;padding:45px 45px 30px 45px;}
.know-how>img{position:absolute;right:0;top:3px;}
.know-how dl{border-bottom:1px solid #ddd;width:622px;margin:0 0 22px;padding:0 0 22px;}
.know-how dt{font-size:18px;position:absolute;padding:3px 0 0;}
.know-how dd{font-size:15px;color:#505256;line-height:2;position:relative;margin:0 0 0 114px;padding:0 0 0 12px;}
.know-how dd:before{content:'';display:inline-block;width:3px;height:3px;background:#fb622c;border-radius:3px;vertical-align:middle;position:absolute;left:0;margin:13px 10px 0 0;}
.know-how dl:nth-child(4){border-bottom:none;margin:0;}
.know-how dl:nth-child(4) dd{padding:15px 0 0 12px;}
.yeep-process>ul>li{border:1px solid #ddd;border-radius:5px;position:relative;margin:0 0 15px;padding:30px;}
.yeep-process li h4{font-size:18px;border-bottom:2px solid #000;display:inline-block;font-weight:400;letter-spacing:-2px;margin:0 0 15px;padding:0 0 10px;}
.yeep-process li h4 strong{color:#008aff;}
.yeep-process li:nth-child(4) h4 strong,.yeep-process li:nth-child(5) h4 strong{color:#299702;}
.yeep-process li:nth-child(5) h4 strong{color:#bb1ed7;}
.yeep-process li h4 span{color:#666;font-weight:400;display:inline-block;margin:0 0 0 5px;}
.yeep-process li .class-num{margin:5px 0 15px;}
.yeep-process li .class-num span{border-radius:5px;background:#fafafa;border:1px solid #ddd;font-size:16px;display:inline-block;padding:8px;}
.yeep-process li .class-txt li{font-size:14px;color:#666;line-height:1.7;}
.yeep-process li .proc-step{position:absolute;left:456px;top:13%;display:table;}
.yeep-process li .proc-step span em{display:block;font-style:normal;text-align:center;margin:4px 0 0;}
.yeep-process li .proc-step span{background:url(../images/yeep_process.png) no-repeat;width:155px;height:160px;display:table-cell;text-align:center;vertical-align:middle;font-size:15px;}
.yeep-process li .proc-step span:before{content:'+';display:block;width:25px;height:25px;line-height:25px;background:#ddd;position:absolute;top:69px;color:#fff;font-weight:600;text-align:center;border-radius:25px;margin-left:-12px;}
.yeep-process li .proc-step span:first-child:before{content:none;}
.yeep-process li .proc-step span:nth-child(2){background-position:-155px 0;}
.yeep-process li .proc-step span:nth-child(3){background-position:-310px 0;}
.yeep-process li .proc-step span:nth-child(4){background-position:-465px 0;}
.yeep-process li .proc-step span:nth-child(2):before{background:#f9a532;}
.yeep-process li .proc-step span:nth-child(3):before{background:#ff5741;}
.yeep-process li .proc-step span:nth-child(4):before{background:#bbe206;}
.yeep-process li .nbsp{display:inline-block;width:89px;}

/* 2021.01 수업소개 */
.program-model{text-align: center; padding-bottom:35px;}
.sub-h4{padding: 16px 60px; font-size:18px; color:#46484e; border:1px solid #b9bfc7; border-radius: 30px; display:inline-block; margin: 32px auto 18px; box-shadow: 4px 4px 8px rgba(94, 94, 94, 0.1);}
.tbl-wrap{margin-bottom:45px; border-top:1px solid #000; border-bottom:1px solid #000;}
.tbl-style1{width: 100%; border-collapse: collapse; border-spacing: 0;}
.tbl-style1 th, .tbl-style1 td{border:1px solid #dcdcdc; font-size:13px; color:#6a717a; font-weight: 500; padding:12px 0; line-height: 1.4;}
.tbl-style1 th:first-child, .tbl-style1 th:last-child, .tbl-style1 td:last-child{border-right:none;}
.tbl-style1 .fs14{font-size: 14px;}
.tbl-style1 .fs15{font-size: 15px;}
.tbl-style1 thead th{background:#f7f8f9;}
.tbl-style1 tbody th{font-size: 14px; color:#000}
.tbl-style1 tbody td{text-align: center;}
.tbl-style1 td{width: 11.11111%;}
.tbl-style1 td img{vertical-align: middle;}
.tbl-style1 td img.chos{margin-right: 3px;}
.img-wrap-box .sub-noti{display:block; text-align: left; padding-left:30px; color:#7184a4; font-weight:500;}
.img-wrap-box .sub-noti:before{content:''; display:inline-block; width: 10px; height: 10px; background:url(../images/clas/icon_ninedot.png) no-repeat; margin-right: 8px;}
.img-wrap-box.no-bottom{margin-bottom:0;}
.sub-h4.color-g{color:#5b7694;}
.program-model .dl-wrap dl{float:left; width: 20%;}
.program-model .dl-wrap dt{width: 196px; line-height: 38px; border-radius: 20px; font-size: 16px; color:#fff; background:#5b8594; margin: 12px auto 30px;}

/* 2021.01 수업과정 */
.class-process dd{vertical-align: top;}
.aprt-use-type.proc-list li ul li{font-size: 16px;}
.aprt-class-wrap{margin-top: 40px;}
.aprt-class-wrap strong{font-weight: 500;}
.aprt-class-wrap .aprt-class{width:100%; padding: 40px 0 50px; border-top:1px solid #c8d1dd; position:relative}
.aprt-class-wrap .aprt-class:after{content:''; display:block; clear: both;}
.aprt-class-wrap .aprt-class .aprt-sub{font-size: 20px; font-weight: 500; color:#000; float:left;}
.aprt-class-wrap .aprt-class .aprt-sub > strong{display:block; font-size: 28px; font-weight: 500; margin-bottom:15px;}
.aprt-class-wrap .aprt-class:before{content:''; display:block; width:120px; height: 140px; background:url(../images/clas/bg-aprt-class.png) no-repeat; position:absolute; top:43px; left:18px; z-index:-1}
.aprt-class-wrap .aprt-class.bg-green:before{background-position: -120px 0;}
.aprt-class-wrap .aprt-class.bg-orange .aprt-sub > strong{color:#f4660f;}
.aprt-class-wrap .aprt-class.bg-green .aprt-sub > strong{color:#25a3b1;}
.aprt-class-wrap .book-list-wrap{padding-left:170px;}
.aprt-class-wrap .book-list-wrap:after{content:''; display:block; clear: both;}
.aprt-class-wrap .book-list{float:left; width:148px; height: 268px; margin-right: 7px; text-align: center;}
.aprt-class-wrap .book-list > strong{display:block; font-size: 16px; padding: 10px 0; height: 62px; box-sizing: border-box; word-break: keep-all;}
.aprt-class-wrap .book-list > img{width: 142px; height: 184px; border:1px solid #b9bfc7; border-radius: 5px; box-shadow: 0 4px 8px rgba(94, 94, 94, 0.1);}
.book-list .book-btn:after{content:''; display:block; clear:both;}
.book-list .book-btn{border:1px solid #b9bfc7; border-radius: 5px;}
.book-list .book-btn li{float:left; width:50%; line-height: 28px;}
.book-list .book-btn li:last-child{border-left:1px solid #b9bfc7}
.book-list .book-btn li a{display:block; width: 100%; font-size: 13px; color:#666; font-weight: 500;}
.book-list .book-btn li a:hover{background:#5b7694; color:#fff;}
.aprt-class-wrap .book-list:nth-child(n+7){margin-top: 40px;}

/* 핵심역량 진단 소개 */
.testertoolbox{width: 100%; height: 281px; background: #f5f6fa;}
.testertoolbox .testertool{width: 1100px;height:281px;margin:0 auto;background:url("/images/in/tester-back_03.png") no-repeat;}
.testertoolbox .testertool .testertool-txt{margin:0 0 0 57px}
.testertoolbox .testertool .page-title{text-align: left; color:#000;}
.testertoolbox .testertool .page-title span{color:#e64c00;}
.testertoolbox .testertool strong{padding-top:30px; font-weight: 400; font-size: 15px; color: #505256; display: block; line-height: 1.6;}
.testertoolbox .testertool::after{content:""; display:block; clear:both;}
.testertoolbox .testertool .info-top{display:block; float: left; width: 300px; height: 30px; background: #fff; border:1px solid #636363; border-radius: 30px; padding: 0 0 0 30px; font-size: 13px; color:#636363; margin-top: 20px; line-height: 26px; position: relative;}
.testertoolbox .testertool .info-top::before{content: ""; display: inline-block; width: 15px; height: 18px; background: url("/images/in/tester-back.jpg") no-repeat; position: absolute; top:6px; left: 12px;}
.testertoolbox .testertool .info-top span{padding-left: 38px;}
.testertoolbox .testertool .info-top span::before{content: ""; display: inline-block; width: 15px; height: 18px; background: url("/images/in/tester-back.jpg") -16px 0 no-repeat; position: absolute; top:6px; left: 175px;}
.testertoolbox .testertool p{font-size: 15px; color:#333; padding: 0}

.content-width::after{content:""; display: block; clear: both;}

.content-width .start-test{width:377px; margin:24px auto 0;}
.content-width .start-test::after{content:""; display: block; clear: both;}
.content-width .start-test li{float: left; width: 184px; height: 44px; border-radius: 5px; background: #e73c09; color:#fff; font-size: 16px; text-align: center; line-height: 44px;}
.content-width .start-test li a{width: 184px; height: 44px; padding-right:10px; display:block; position: relative;}
.content-width .start-test li a::after{content: ""; display: block; width: 6px; height: 6px; border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; transform: rotate(45deg); position: absolute; top:19px; right: 25px;}
.content-width .start-test li a:visited{color:#fff;}
.content-width .start-test li:hover a{color:#fff;}
.content-width .start-test li:last-child{background: #79779d; margin-left: 5px; }
.content-width .start-test li:last-child a{padding-right: 10px;}

.content-width .tester-manual{display:block; width:158px; height: 44px; border:1px solid #bfc3c8; border-radius: 5px; color:#50576a; background: #fbfdff; font-size: 16px; text-align: center; line-height: 42px; float: right; margin-top:-44px; padding-left: 23px; position: relative;}
.content-width .tester-manual::before{content: ""; display: inline-block; width:22px; height:19px; background: url("/images/in/tester-back.jpg") -33px 0 no-repeat; transform: rotate(90deg); position: absolute; top:12px; left: 13px;}

.page-sub-title-style.tester>p, .page-sub-title-style.tester>ol{padding-top: 24px; color: #505256; line-height: 1.8; font-size: 16px;}

.tester-area table{width:1200px; border-spacing: 60px 10px;position: relative; top:0; left: -60px;}
.tester-area table th{font-size: 17px;}
.tester-area table td{font-size: 16px; color:#035aab; width: 164px; height: 40px; border: 1px solid #accbe4; border-radius: 20px; text-align: center; line-height: 37px; background: #fff;}
.tester-area table th.row-title{width: 131px; padding-left: 15px;}
.tester-area table th.col-title{padding-bottom: 20px; width: 230px; position: relative;}
.tester-area table th.colrow1{padding-bottom: 20px; position: relative;}
.tester-area table th.colrow1::before{content:""; display:block; width: 130px; height: 56px; background: url("/images/in/tester-back.jpg") 0 -19px; position: absolute; top:-15px; left: 0px; z-index: -1;}
.tester-area table th.colrow2{padding-top:15px; position: relative;}
.tester-area table th.colrow2::before{content:""; display:block; width: 130px; height: 175px; background: url("/images/in/tester-back.jpg") 0 -75px; position: absolute; top: -5px; left: 0px; z-index: -1;}
.tester-area table th.col-title::before{content:""; display:block; width: 230px; height: 238px; background: url("/images/in/tester-back.jpg") -129px 0; position: absolute; top:-15px; left: -25px; z-index: -1;}

.tester-area p{padding-top: 30px; text-align: right;}


.page-sub-title-style.tester table{border: 1px solid #b7b7b7; border-collapse: collapse; width: 100%; margin-top: 26px; background: #fff;}
.page-sub-title-style.tester table th,td{border: 1px solid #b7b7b7; height: 54px;}
.page-sub-title-style.tester table th{font-weight: 500;}
.page-sub-title-style.tester table .col{width: 186px;font-size: 16px;}
.page-sub-title-style.tester table .table-title{font-size: 16px; background: #fafafa;}
.page-sub-title-style.tester table td{font-size: 15px; padding-left: 20px; color:#333;}
.page-sub-title-style.tester table .mpadding{padding:15px 20px; line-height: 1.5;}
.list-board table td, .data-board td{
    border:none;
    border-bottom: 1px solid #d7d7d7;
    height: auto;
}
.page-sub-title-style.tester>ul{padding:30px 0 0 15px;}
.page-sub-title-style.tester>ul>li{position: relative; font-size: 16px; line-height: 1.8;}
.page-sub-title-style.tester>ul>li::before{content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 1.5px; background: #000; position: absolute; top:13px; left: -12px;}

.outcome-ex{text-align: center;}
.outcome-ex h4{font-size: 16px; color:#288c83; padding: 25px 0;}
.outcome-ex .outcome-img{margin-right: 20px;}



.guesttester-cap{position: fixed; top:0; left: 0; z-index: 1000; background:rgba(0,0,0,0.5); width: 100%; height: 100%; display: none;}
.guesttester-cap .guesttester{position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); background: #fff; width: 350px; height: 200px; text-align: center; border:1px solid #e2e2e2; border-radius: 15px; position: relative;}
.guesttester-cap .guesttester .guesttester-close{position: absolute; top:15px; right: 15px;}
.guesttester-cap .guesttester p{font-size: 15px; margin-top: 45px;}
.guesttester-cap .guesttester .testerlog{font-size:15px; font-weight: 500; display: block; width: 152px; height: 40px; background: #fbfbfb; line-height: 38px; border: 1px solid #e2e2e2; border-radius: 10px; float: left; margin:28px 0 0 5px;}
.guesttester-cap .guesttester .test-login{margin-left: 20px;}
.guesttester-cap .guesttester a:visited{color:#000;}
.guesttester-cap .guesttester a:hover{color:#000;}

/* 202n 창업경진대회 */
.top-box.contest-top{height: 315px; background:#f2f7fb;}
.top-box.contest-top .inner{height: 315px; background:url("../images/img_topbox_contest2026.png") no-repeat 445px 0; padding: 58px 0 0 0;}
.top-box.contest-top .inner .page-title{font-size: 36px; color:#333; letter-spacing: -0.12em; margin-bottom:20px;}
.top-box.contest-top .inner .page-title strong{display:block; font-size: 38px; font-weight: 500;}
.top-box.contest-top .inner .page-title strong em{color:#0185bc; font-size: 44px; font-weight: 500;}
.top-box.contest-top .inner .page-title-sm-text{color:#333}
.content-width.contest{padding: 54px 0 0 50px;}
.content-width.contest:after{content:''; display:block; clear: both;}
.content-width.contest .go-wrap{float:left;}
.content-width.contest .go-wrap01{width:calc(100% - 632px)}
.content-width.contest .go-wrap02{width: 632px;}
.content-width.contest .sub-title-text{color:#282828;}
.content-width.contest .go-wrap01 .sub-title-text{margin-left:55px;}
.content-width.contest .go-wrap02 .sub-title-text{margin-left:40px;}
.content-width.contest .go-wrap .sub-title-text{position:relative; margin-bottom: 36px;}
.content-width.contest .go-wrap .sub-title-text:after{content:''; display:block; width:201px; height: 32px; background:url("../images/arrow_contest.png") no-repeat; position:absolute; top:30px; left:-18px;}
.content-width.contest .go-wrap02 .sub-title-text:after{left:-30px;}
.content-width.contest .map-box{background:url("../images/map_contest.png") no-repeat; height: 635px; position:relative;}
.content-width.contest .map-box ul li{position:absolute;}
.content-width.contest .map-box ul li a{display:inline-block; font-size:12px; line-height: 1; color:#333; border:1px solid #dadada; background:#fff; padding: 6px 10px; border-radius: 20px;}
.content-width.contest .map-box ul li a:hover, .content-width.contest .map-box ul li a:focus{color:#fff; background:#0571cd; border:1px solid #0571cd;}
.contest .map-box .area01{top:141px; left:85px;}
.contest .map-box .area02{top:420px; left:253px;}
.contest .map-box .area03{top:341px; left:204px;}
.contest .map-box .area04{top:130px; left:1px;}
.contest .map-box .area05{top:416px; left:66px;}
.contest .map-box .area06{top:285px; left:94px;}
.contest .map-box .area07{top:373px; left:279px;}
.contest .map-box .area08{top:256px; left:105px;}
.contest .map-box .area09{top:97px; left:96px;}
.contest .map-box .area10{top:114px; left:178px;}
.contest .map-box .area11{top:215px; left:157px;}
.contest .map-box .area12{top:235px; left:45px;}
.contest .map-box .area13{top:352px; left:85px;}
.contest .map-box .area14{top:465px; left:52px;}
.contest .map-box .area15{top:268px; left:226px;}
.contest .map-box .area16{top:395px; left:184px;}
.contest .map-box .area17{top:580px; left:72px;}
.contest .list-board{border-top:2px solid #000}
.contest .list-board th{padding:10px 0; border-bottom:1px solid #000}
.contest .list-board td{padding: 16px 0;}
.contest .list-board .subject{word-break: keep-all; padding: 16px 15px;}
.contest .list-board .date{padding:16px 12px; text-align: left;}
.contest .list-board .btn-contest{padding: 4px 12px; border:1px solid #edb22d; border-radius: 20px; background:#fbf7f0; color:#9d4620; font-size:13px; font-weight: 600; line-height: 1; letter-spacing: 0;}