/*------------------------- // ¼Ö·ç¼Ç ¼Ò°³ (sub01) //--------------------------*/
/*¼Ö·ç¼Ç¼Ò°³*/
.section .cover{padding:40px 0; position:relative; background:url(../img/sub01/solution/solution_tit_bg@2x.jpg); background-size:cover; height:264px;}
.section .cover .texts{font-size:2.1rem; font-weight:bold; text-align:center; line-height:60px; color:#fff; text-shadow:1px 1px 1px #000;}
.section .cover .inner{text-align:center; color:#fff; margin-top:10px; font-size:1.25rem; letter-spacing:-1px; line-height:25px;}
.section .page .texts{font-size:1.6rem; font-weight:bold; text-align:center; line-height:30px; color:#444; letter-spacing:-1px; }
.section .page .desc{text-align:center; color:#454f5d; margin:20px 0 45px; font-size:1rem; letter-spacing:-1px; line-height:22px;}
.section .page img{margin:0 auto; display:block;}
.section .p1{background:#fff; height:420px; padding:40px 0;}
.section .p2{background:#f5f5f5; height:420px; padding:40px 0;}
.section .p3{background:#797d8b; height:420px; padding:40px 0;}
.section .p7{background:#fff; height:470px; padding:50px 0;}
.section .p5{background:#f7f7f7; height:450px; padding:50px 0;}
.section .p6{background:#6638B6; height:451px; padding:50px 0;}
.stroke {border-top:3px solid #fff; width:30px; margin: 0px auto 20px;}

/*ºÎ°¡¼­ºñ½º list*/
.sub-banner{padding:16px 0px; color:#666; font-size:0.867rem; text-align:center;}
.sub-banner img{vertical-align:middle;}
.add-list{width:100%}
.add-list .inner{padding:30px 0;}
.add-list li{width:50%; box-sizing:border-box; border-top:1px solid #eee; float:left; text-align:center; height:150px;}
.add-list li:active{background-color:#6638B6;}
.add-list li:nth-child(odd){border-right:1px solid #eee;}
.add-list li img{display;block;}
.add-list li span{display:block;}
.add-list li span.tit{margin-top:10px; font-size:1.133rem;} 
.add-list li span.txt-go{color:#aaa; margin-top:8px; font-size:0.867rem;} 

/*ºÎ°¡¼­ºñ½º view*/
.add-view img{width:100%;}
.add-view dd{padding:0 20px;}
.add-view .tit{display:block; font-size:1.067rem; padding:30px 0 10px; border-bottom:1px solid #eee;}
.add-view .txt{display:block; font-size:0.933rem; padding:25px 0 50px; text-align:left; line-height:22px;}

/*-------------------------// ¸¶¸Þµå³× (sub02) //--------------------------*/
/*¸¶¸Þµå³×¼Ò°³*/
.section .cover-k{padding:40px 0; height:240px; position:relative; background-color:#6638B6; background-size:cover; background-position:center;}
.section .cover-k img{margin:18px auto 0; display:block;}
.section .cover-k .texts{font-size:2.1rem; font-weight:bold;  text-align:center; line-height:60px; color:#fff; text-shadow:1px 1px 1px #000;}
.section .cover-k .inner{text-align:center; color:#fff; margin-top:20px; font-size:1rem; }
.section .k1{background:#fff; height:763px; padding:50px 0; }
.section .k2{background:#f5f5f5; height:779px; padding:50px 0;}
.section .k3{background:#122344; height:784px; padding:60px 0;}
.section .k4{background:#fff; height:350px; padding:50px 0;}
.section .k5{background:#ffe430; height:621px; padding:50px 0;}
.section .k6{background:#f5f5f5; height:615px; padding:50px 0;}
.section .k7{background:#fff; height:550px; padding:50px 0;}
.graph_col_wrap{width:100%; margin:0 auto; height:400px; display:block; text-align:center;}
.graph_col_wrap ul{margin:0 auto; display:inline-block;}
.graph_col_wrap ul li:last-child{margin-right:0; float:right;}
.graph_col{float:left; width:29%; margin-right:19px; position:relative; margin-top:30px;}
.graph_col span{font-size:30px; font-weight:600; color:#7a7a7a;}
.progress{position:relative; background:#f0f0f0; float:left; width:100%; height:240px; margin-right:20px;}
.progress-bar{overflow:hidden; line-height:20px; position:absolute; transition:all 4s ease-in; -o-transition:all 4s ease-in; -ms-transition:all 4s ease-in; -moz-transition: all 4s ease-in; -webkit-transition: all 4s ease-in;}
.progress-bar{bottom:0; position:absolute; height:0; width:100%; transition:height 4s ease; -o-transition:height 4s ease; -ms-transition:height 4s ease; -moz-transition: height 4s ease; -webkit-transition: height 4s ease; }
.progress-bar-u {background:#9D82CD; animation:hLine 8s ease infinite; }
@-webkit-keyframes hLine{0%, 30%{height:2%;}70%, 100%{height:auto%;}}
@keyframes hLine {0%, 30%{height:2%;}70%, 100%{height:auto%;}}

/*¼º°ø»ç·Ê list*/
.success-list{border:1px solid #ccc; margin-bottom:15px;}
.success-list img{width:100%;}
.success-list dd{padding:15px 0px 20px 20px; background:#fff;}
.success-list .tit{display:block; padding-bottom:3px; font-weight:bold;}
.success-list .txt{display:inline-block; text-align:left; color:#444; font-size:0.933rem;}
.success-list .more-btn-circle{float:right; margin-right:20px;}
.success-list .more-btn-circle img{width:4px; height:15px;}
.more-btn{letter-spacing:-1px; font-weight:bold; width:100%; height:56px; background:#6638B6; color:#fff; text-align:center; line-height:56px; box-sizing:border-box; position:fixed; left:0px; bottom:0px; width:100%; z-index:999; }

/*------------------------- // °øÅë µ¿¿µ»ó¼³¸í(¸¶¸Þµå³×, ¼Ö·ç¼Çµ¿¿µ»ó, ¿Â¶óÀα³À°) //-------------------------------*/

/*µ¿¿µ»ó ÅÇ*/
ul.video-tab li.active{ display:inline-block; background:#555;} 
ul.video-tab li.active a{color:#fff; font-weight:bold;}
ul.video-tab li{text-align:center; width:50%; border-bottom:1px solid #ddd;  height:45px; line-height:45px;}
ul.video-tab li:nth-child(odd){float:left; border-right:1px solid #ddd;}
ul.video-tab li:nth-child(even){float:right;}
.video-tab:after{display:block; content:''; clear:both;}
.video-tab{background:#fff; border-top:1px solid #ddd; margin-top:12px;}

/*樨毢 list*/
.video-list dl{border-bottom:1px solid #ddd; padding:18px 0; overflow:hidden;}
.video-list dl:after{content:''; display:block; clear:both;}
.video-list dt{float:left; width:39%;}
.video-list dt img{width:100%;}
.video-list dd{width:57%; float:right;}
.video-list dd .tit{font-size:1rem; font-weight:bold; display:block; padding-bottom:10px; padding-top:10px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.video-list dd .txt{font-size:0.8rem; color:#666; height:34px; display:inline-block; width:200px; overflow:hidden;}

/*樨毢 view*/
.media .tit{display:block; padding:20px 0 5px; border-bottom:1px solid #ddd; font-size:1.1rem;}
.media .txt{padding-top:30px; display:inline-block; padding-bottom:30px; color:#444; line-height:22px;}
.online-media .tit{display:block; padding:0 0 15px; border-bottom:1px solid #000; font-size:17px; font-weight:bold; margin-bottom:25px;}
.online-media .txt{border-bottom:2px dotted #ddd; padding-bottom:30px; color:#666;}
.online-media .txt img{width:100%;}
.online-media .em-tit{font-weight:bold; display:block; margin-bottom:10px; font-size:17px; margin-top:20px; color:#000;}
.online-download{margin-left:5px; text-decoration:underline; margin-top:2px; display:inline-block;}

/*¿Â¶óÀÎ ±³À° µ¿¿µ»ó ÅÇ*/
ul.online-tab{margin:15px; border:1px solid #ddd; border-width:1px 1px 0px 0px;}
ul.online-tab li.active{ display:inline-block; background:#555;} 
ul.online-tab li.active a{color:#fff; font-weight:bold;}
ul.online-tab li{text-align:center; width:33.333%; height:45px; line-height:45px; float:left; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
ul.online-tab:after{display:block; content:""; clear:both;}

/*¿Â¶óÀα³À° ±¤°í*/
.ad-banner{margin-top:15px; border:1px solid #ddd; display:block; width:100%;height:77px;text-decoration:none;text-align:center;}
.ad-banner img {vertical-align:top;border:none;width:100%; height:75px;}
/*------------------------- ±³À°¼¾ÅÍ(sub03) -------------------------*/

/*±³À°¼¾ÅÍ list*/
.calendar-bar{background:#fff; height:60px; line-height:62px; position:relative; margin-bottom:10px;}
.calendar-bar .month{text-align:center; display:block; font-weight:bold; font-size:19px; margin-bottom:10px;}
.calendar-bar .arrow-left{background:url(../img/sub03/edu/arrow-left.png) no-repeat; background-size:7px 14px; width:7px; height:14px; position:absolute; left:15px; top:22px; cursor:pointer}
.calendar-bar .arrow-right{background:url(../img/sub03/edu/arrow-right.png) no-repeat;  background-size:7px 14px; width:7px; height:14px; position:absolute; right:15px; top:23px; cursor:pointer}
.course-list{background:#fff; height:75px; padding:15px; margin-bottom:1px;}
i{font-style:normal; float:left; margin-top:3px; width:20px; height:20px; line-height:20px; border-radius:100px; text-align:center; font-weight:bold;}
i.kakao_icon{background:#ffd900; color:#000; border:1px solid #ffbe6a;}
i.crm_icon{background:#20b9a1; color:#fff; border:1px solid #27a994;}
i.cheum_icon{background:#ff7081; color:#fff; border:1px solid #ee6676;}
i.edu_icon{background:#777; color:#fff; border:1px solid #666;}
.course-txt{float:left; margin-left:12px; width:86%;}
.course-txt .tit{font-size:15px; font-weight:bold; color:#444; width:280px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block;}
.course-txt .region{font-weight:bold; margin-right:5px; color:#000;}
.course-txt .data{font-size:14px; color:#a6a6a6; margin-top:2px;}

/*±³À°¼¾ÅÍ view*/
.course-tit{border-bottom:1px solid #000; width:100%; padding-bottom:20px; margin-top:54px;}
.course-tit:after{display:block; content:""; clear:both;}
.course-txt .code-name{font-size:15px; color:#a6a6a6; margin-bottom:2px; display:block;}
.course-txt .view-tit{font-size:16px; font-weight:bold;}

.view-info{padding:20px 0; border-bottom:1px solid #ddd;}
.view-info li{margin-bottom:6px; width:100%;}
.view-info li:after{display:block; clear:both; content:"";}
.view-info li strong{margin-right:7px; padding-right:7px; font-size:15px; float:left;}
.view-info li span{font-size:15px; color:#404040; float:left; width:85%; letter-spacing:-1px;}
.course-content{color:#666; line-height:22px; padding:25px 0; border-bottom: 1px solid #ddd;}
.course-btn-on{margin:20px 0; padding:20px; background:#ffd900; text-align:center; border-radius:5px; color:#51380b; font-weight:bold; font-size:16px;}
.course-btn-off{margin:20px 0; padding:20px; background:#a7a7a7; text-align:center; border-radius:5px; color:#fff; font-weight:bold; font-size:16px;}

/*±³À°½Åû ¾à°üµ¿ÀÇ*/
.edu-cour-area{border:1px solid #e8e8e8;background-color:#fff; margin-bottom:20px;}
.lst-aply-agrment > li{overflow:hidden;padding:15px;}
.term-cont{overflow:hidden;height:80px;padding:15px;border:1px solid #f0f0f0; margin-bottom:10px; background-color:#f7f7f7; margin-top:5px; overflow-y:scroll;}
.term-cont p{font-size:14px;font-weight:normal;line-height:22px;color:#7f7f7f;word-break:break-all;word-spacing:-1px}

/*±³À°½Åû ¹öÆ° ´ÙÀ½/Ãë¼Ò */
.btn_aply_area{overflow:hidden;text-align:center; margin-top:15px;}
.btn_aply_area span{float:left;width:50%;height:50px;line-height:50px;}
.btn_aply_area .next-btn{display:block;background:#6638B6; color:#fff;font-size:17px; margin-right:5px; font-weight:bold;}
.btn_aply_area .cancel-btn{display:block;background:#bbb;color:#fff; font-size:17px; font-weight:bold;}

/* ±³À°½Åû Å×À̺í */
.edu-list-tb{width:100%; border:1px solid #ddd; margin-bottom:10px; border-top:2px solid #000; }
.edu-list-tb tr{border-bottom: 1px solid #e6e6e6;}
.edu-list-tb th{width:30%; background:#f8f8f8; text-align:center; border-right:1px solid #ddd; padding:10px; font-size:14px;}
.edu-list-tb td{width:70%; background:#fff; text-align:center; padding:10px; font-size:15px; color:#444; text-align:left; height:48px;}
.edu-tit-box{width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px;}

/*------------------------- ¸¶ÄÉÆü¾ÅÍ(sub04)-------------------------------*/

/*¸¶ÄÉÆÃÄ«µå list*/
.mkt-card{padding:14px;}
.mkt-card li{width:50%; float:left; margin: 0 0 6px;}
.mkt-card:after{clear:both; content:""; display:block;}
.mkt-card li span.inner{display:block; padding:0 3px;}
.mkt-card li img{width:100%;}

/*¸¶ÄÉÆÃÄ«µå view*/
.card-view{margin-bottom:10px;}
.card-view .card{background:#fff; padding:20px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:18px; }
.card-view .card:nth-child(1){border-top:none;}
.card-view .card img{width:100%; height:350px;}

/*¸ÅÀå¿ì¼ö»ç·Ê list*/
.shop-list{width:100%; height:100px; padding:13px 15px; border-bottom:1px solid #d5d5d5; background:#fff; margin-bottom:10px;} 
.shop-txt{float:left;}
.shop-txt dl dt.shop-name{font-size:15px; font-weight:bold;}
.shop-txt dl dd.tit{font-size:15px; color:#8c8c8c; width:190px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.shop-txt dl dd.data{margin-top:15px; color:#aaa; font-size:13px;}
.shop-img{width:112px; height:74px; float:right;}
.shop-img img{width:100%; height:100%;}

/*------------------------- //°øÅë°Ô½ÃÆÇ list (¼º°ø»ç·Ê, °øÁö»çÇ×)// -------------------------------*/

.board-list, .newboard-bg{background:url(../img/common/board-arrow/arrow.png) no-repeat; background-size:8px 16px; background-position: 97%;}
.board-list{width:100%; height:80px; border-bottom:1px solid #f2f2ea; padding:0 15px; background-color:#fff;}
.board-list .text-list{padding-top:18px;}
.board-list .text-list .board-tit{width:320px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; font-size:15px; font-weight:bold; margin-bottom:5px;}
.board-list .text-list .board-txt{font-size:13px; color:#616161;}
.board-list .text-list .data{font-size:13px; color:#a8a8a8; margin-left:7px;}
.newboard-bg{background-color:#fffdf1;}
.newboard-bg .text-list{position:relative;}
.newboard-bg .text-list .new-icon{border-radius:70px; background:#d0021b; width:7px;height:7px; display:inline-block; position:absolute; top:13px;}
.newboard-bg .text-list .text-box{padding-left:8px;}

/*------------------------- //°øÅë°Ô½ÃÆÇ view (¸¶¸Þµå³× ¼º°ø»ç·Ê, °øÁö»çÇ×)// -------------------------------*/
.board{margin-top:66px; background:#fff; padding:20px;}
.board .title{padding:0 0 40px;}
.board img{width:100%; padding:20px 0;}
.board .txt-con{color:#444; font-size:0.933rem;}
.board .title h2{font-size:1.333rem;}
.board .title .headline{font-size:19px; font-weight:bold; letter-spacing:-1px;}
.board .title .strapline{margin-bottom:2px; font-size:15px;}
.board .date{display:inline-block; margin-top:15px; font-size:0.85rem; line-height:1; color: #888;}
.board .tit-bold{font-weight:bold; display:block; padding:15px 0; font-size:1rem;}
.button_wrap{background-color:#fff; margin-top:12px; text-align:center; height:54px; line-height:54px;} 

/*------------------------- À̺¥Æ®°øÁö»çÇ×(sub05) -------------------------------*/
.event-list{margin-bottom:10px;}
.event-list .event-img{width:100%; height:170px;} 
.event-list .event-img img{width:100%; height:100%;} 
.event-list .event-txt{width:100%; height:70px; background:#fff;} 
.event-list .event-txt{padding:15px;}
.event-list .event-txt span{display:inline-block;}

/*20180911¼öÁ¤*/
.event-list .event-txt .date{font-size:14px; color:#aaa; margin-top:3px; display:block;}