@charset "UTF-8";


@import url("/css/home/kor/user/sub2.css");

.sub_cont {width: 100%; max-width: 1400px; height: 100%; min-height: 1000px; margin: 0 auto; padding: 0 0 120px;}

.tab_cont {display: none;}
.tab_cont.on {display: block;}

.com_view_cont_list_area {}
.com_view_cont_list_area > .list {}
.com_view_cont_list_area > .list > li {margin: 0 0 52px;}
.com_view_cont_list_area > .list > li:last-child {margin: 0;}
.com_view_cont_list_area > .list > li .view_title_area {margin: 0 0 19px;}
.com_view_cont_list_area > .list > li .view_title_area .title {padding: 0 0 0 33px; background-image: url('/images/home/kor/user/sub/list_tit_icon.png'); background-position: left center; background-repeat: no-repeat; font-weight: 900; font-size: 24px; line-height: 36px; color: #212121;}
.gray .com_view_cont_list_area > .list > li .view_title_area .title {color: #ffffff;}
.com_view_cont_list_area > .list > li .course_view_cont {border: 1px solid #e1e1e1; padding: 39px 36px; border-radius: 10px; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.06);}
.com_view_cont_list_area > .list > li .course_view_cont .course_top_cont {margin: 0 0 55px;}
.com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box {display: table; width: 100%; table-layout: fixed;}
.com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .img_cont {display: table-cell; width: 37.7074%; vertical-align: middle;}
.com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .img_cont .img_box {position: relative; overflow: hidden; width: 100%; padding: 0 0 75%; border-radius: 10px;}
.com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .img_cont .img_box .inner_box {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .img_cont .img_box .inner_box img {display: inline-block; width: 100%; height: 100%;}
.com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .text_cont {display: table-cell; width: 62.2926%; padding: 0 0 0 3.7707%; vertical-align: middle;}
.com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .text_cont .title {margin: 0 0 10px; font-weight: 700; font-size: 28px; line-height: 42px; color: #007641;}
.com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .text_cont .text {margin: 0 0 34px; font-weight: 400; font-size: 16px; line-height: 24px; color: #797979;}
.gray .com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .text_cont .text {color: #ffffff;}
.com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .text_cont .data_list_area {margin: 0 0 38px; border-top: 1px solid #eeeeee;}
.com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .text_cont .data_list_area > .list {}
.com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .text_cont .data_list_area > .list > li {border-bottom: 1px solid #eeeeee; padding: 12px 8px;}
.com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .text_cont .data_list_area > .list > li .box {min-height:24px;position: relative; padding: 0 0 0 135px; font-weight: 400; font-size: 16px; line-height: 24px; color: #464646;}
.gray .com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .text_cont .data_list_area > .list > li .box {color: #ffffff;}
.com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .text_cont .data_list_area > .list > li .box .tit {position: absolute; top: 0; left: 0; padding: 0 0 0 41px; background-position: left center; background-repeat: no-repeat; font-weight: 700; color: #212121;}
.gray .com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .text_cont .data_list_area > .list > li .box .tit {color: #ffffff;}
.com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .text_cont .data_list_area > .list > li .box .tit.icon01 {background-image: url('/images/home/kor/user/sub/home_icon.png');}
.com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .text_cont .data_list_area > .list > li .box .tit.icon02 {background-image: url('/images/home/kor/user/sub/tell_icon.png');}
.gray .com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .text_cont .data_list_area > .list > li .box .tit.icon01 {background-image: url('/images/home/kor/user/sub/g_home_icon.png');}
.gray .com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .text_cont .data_list_area > .list > li .box .tit.icon02 {background-image: url('/images/home/kor/user/sub/g_tell_icon.png');}
.com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .text_cont .link_list_area {}
.com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .text_cont .link_list_area > .list {font-size: 0;}
.com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .text_cont .link_list_area > .list > li {display: inline-block; margin: 0 10px 0 0; vertical-align: middle;}
.com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .text_cont .link_list_area > .list > li:last-child {margin: 0;}
.com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .text_cont .link_list_area > .list > li .box {display: block; border: 1px solid #3a7dd9; padding: 0 33px; background-color: #3a7dd9; font-weight: 400; font-size: 16px; line-height: 38px; color: #ffffff; border-radius: 20px;}
.com_view_cont_list_area > .list > li .course_view_cont .course_top_cont .inner_box .text_cont .link_list_area > .list > li .box.sty2 {background-color: #ffffff; color: #3a7dd9;}
.com_view_cont_list_area > .list > li .course_view_cont .course_mid_cont {margin: 0 0 32px; border-bottom: 1px solid #eeeeee; padding: 0 0 32px;}
.com_view_cont_list_area > .list > li .course_view_cont .course_mid_cont .title_area {margin: 0 0 25px;}
.com_view_cont_list_area > .list > li .course_view_cont .course_mid_cont .title_area .title {font-weight: 900; font-size: 20px; line-height: 30px; color: #121212;}
.com_view_cont_list_area > .list > li .course_view_cont .course_mid_cont .icon_list_area {}
.com_view_cont_list_area > .list > li .course_view_cont .course_mid_cont .icon_list_area > .list {}
.com_view_cont_list_area > .list > li .course_view_cont .course_mid_cont .icon_list_area > .list > li {width: 7.6923%; margin: 11px 0 0; padding: 0 5px; text-align: center; vertical-align: top;}
.com_view_cont_list_area > .list > li .course_view_cont .course_mid_cont .icon_list_area > .list > li:nth-child(-n+13) {margin: 0;}
.com_view_cont_list_area > .list > li .course_view_cont .course_mid_cont .icon_list_area > .list > li .icon_box {max-width:	66px; margin: 0 auto 8px;}
.com_view_cont_list_area > .list > li .course_view_cont .course_mid_cont .icon_list_area > .list > li .icon_box .inner_box {height: 66px;}

.com_view_cont_list_area > .list > li .course_view_cont .tour_view_cont {padding: 0;}
.com_view_cont_list_area > .list > li .course_view_cont .tour_view_cont .com_view_cont_list_area {}
.com_view_cont_list_area > .list > li .course_view_cont .tour_view_cont .com_view_cont_list_area > .list {}
.com_view_cont_list_area > .list > li .course_view_cont .tour_view_cont .com_view_cont_list_area > .list > li {}
.com_view_cont_list_area > .list > li .course_view_cont .tour_view_cont .com_view_cont_list_area > .list > li .info_area {margin: 0;}
.com_view_cont_list_area > .list > li .course_view_cont .tour_view_cont .com_view_cont_list_area > .list > li .info_area .list {}
.com_view_cont_list_area > .list > li .course_view_cont .tour_view_cont .com_view_cont_list_area > .list > li .info_area .list li {}
.com_view_cont_list_area > .list > li .course_view_cont .tour_view_cont .com_view_cont_list_area > .list > li .info_area .list li .box {}
.com_view_cont_list_area > .list > li .course_view_cont .tour_view_cont .com_view_cont_list_area > .list > li .info_area .list li .box .tit {}
.com_view_cont_list_area > .list > li .course_view_cont .edit_area {padding: 10px; background-color: #f7f8f9; font-size: 16px; line-height: 24px; border-radius: 10px;}
.gray .com_view_cont_list_area > .list > li .course_view_cont .edit_area {color: #333333;}

.com_view_cont_list_area > .list > li .edu_test_list_area {}
.com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box {}
.com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box .list {border: 1px solid #eeeeee; padding: 30px; border-radius: 10px;}
.com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box .list li {margin: 0 0 30px;}
.com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box .list li:last-child {margin: 0;}
.com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box .list li .title_area {margin: 0 0 16px;}
.com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box .list li .title_area .title {padding: 0 0 0 40px; background-image: url('/images/home/kor/user/sub/test_icon.png'); background-position: left center; background-repeat: no-repeat; font-weight: 700; font-size: 18px; line-height: 30px; color: #212121;}
.gray .com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box .list li .title_area .title { color: #ffffff;}
.com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box .list li .edu_table_box {border-top: 1px solid #666666;}
.com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box .list li .edu_table_box .edu_table_area {width: 100%; text-align: center; border-collapse: collapse; table-layout: fixed; box-sizing: border-box;}
.com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box .list li .edu_table_box .edu_table_area tbody {}
.com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box .list li .edu_table_box .edu_table_area tbody tr {border-bottom: 1px solid #eeeeee;}
.com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box .list li .edu_table_box .edu_table_area tbody tr th {border-right: 1px solid #eeeeee; padding: 10px 20px; font-weight: 400; font-size: 16px; line-height: 24px; color: #212121;}
.gray .com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box .list li .edu_table_box .edu_table_area tbody tr th { color: #ffffff;}
.com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box .list li .edu_table_box .edu_table_area tbody tr th .radio_area {width: auto; padding: 0;}
.com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box .list li .edu_table_box .edu_table_area tbody tr th .radio_area .radio_inp {position: inherit; top: inherit; left: inherit; vertical-align: middle;}
.com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box .list li .edu_table_box .edu_table_area tbody tr td {border-right: 1px solid #eeeeee; padding: 10px 20px; font-weight: 400; font-size: 16px; line-height: 24px; color: #212121;}
.gray .com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box .list li .edu_table_box .edu_table_area tbody tr td {color: #ffffff;}
.com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box .list li .edu_table_box .edu_table_area tbody tr td:last-child {border-right: none;}
.com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box .list li .edu_table_box .edu_table_area tbody tr td.tit {text-align: left;}
.com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box .list li .edu_table_box .edu_table_area tbody tr td .radio_area {width: auto; padding: 0;}
.com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box .list li .edu_table_box .edu_table_area tbody tr td .radio_area .radio_inp {position: inherit; top: inherit; left: inherit; vertical-align: middle;}
.com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box .list li .edu_textarea {}
.com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box .list li .edu_textarea textarea {height: 120px; border: 1px solid #eeeeee; padding: 10px; font-weight: 400; font-size: 16px; line-height: 26px; color: #212121; border-radius: 10px; resize: none;}
.com_view_cont_list_area > .list > li .edu_test_list_area .edu_test_inner_box .list li .edu_textarea textarea::placeholder {font-weight: 400; font-size: 16px; line-height: 26px;}


.best_top_cont_area {margin: 0 0 63px; padding: 30px 0 60px; background-color: #f7f8f9; background-image: url('/images/home/kor/user/sub/best_top_bg.png'); background-position: bottom center; background-size: contain; background-repeat: no-repeat; text-align: center;}
.gray .best_top_cont_area {background-color: inherit;}
.best_top_cont_area .title_area {display: inline-block; margin: 0 0 31px; padding: 0 39px 0 9px; background-color: #3a7dd9; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.14); border-radius: 25px;}
.best_top_cont_area .title_area .title {padding: 0 0 0 52px; background-image: url('/images/home/kor/user/sub/tag_icon2.png'); background-position: left center; background-repeat: no-repeat; font-weight: 700; font-size: 22px; line-height: 50px; color: #ffffff;}
.best_top_cont_area .best_course_list_area {}
.best_top_cont_area .best_course_list_area .list {font-size: 0;}
.best_top_cont_area .best_course_list_area .list li {display: inline-block; width: calc(25% - 30px); margin: 0 40px 0 0;}
.best_top_cont_area .best_course_list_area .list li:last-child {margin: 0;}
.best_top_cont_area .best_course_list_area .list li .box {display: block; overflow: hidden; border-radius: 10px;}
.best_top_cont_area .best_course_list_area .list li .box .img_box {position: relative; overflow: hidden; padding: 0 0 75%;}
.best_top_cont_area .best_course_list_area .list li .box .img_box .inner_box {position:absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.best_top_cont_area .best_course_list_area .list li .box .img_box .inner_box img {display: inline-block; width: 100%; height: 100%; transition: all .8s ease;}
.best_top_cont_area .best_course_list_area .list li .box:hover .img_box .inner_box img,
.best_top_cont_area .best_course_list_area .list li .box:focus .img_box .inner_box img {transform: scale(1.2);}
.best_top_cont_area .best_course_list_area .list li .box .text_box {padding: 20px 5px; background-color: #03a05a; text-align: center;}
.best_top_cont_area .best_course_list_area .list li .box .text_box .text {height: 60px; font-weight: 700; font-size: 20px; line-height: 30px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.blog2_lista_area {border-top: 2px solid #666666; padding: 30px 0 0;}
.blog2_lista_area > .list {}
.blog2_lista_area > .list > li {border-bottom: 1px solid #eeeeee;}
.blog2_lista_area > .list > li .box {display: block; padding: 30px 0;}
.blog2_lista_area > .list > li:first-child .box {padding: 0 0 30px;}
.blog2_lista_area > .list > li .box .blog2_inner_box {display: table; width: 100%; table-layout: fixed;}
.blog2_lista_area > .list > li .box .blog2_inner_box .img_cont {display: table-cell; position: relative; width: 22.7143%; vertical-align: middle;}
/*
.blog2_lista_area > .list > li .box .blog2_inner_box .img_cont .stora_btn {position:absolute; top: 10px; right: 10px; width: 35px; height: 35px; background-image: url('/images/home/kor/user/sub/stora.png'); background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 1;}
.blog2_lista_area > .list > li .box .blog2_inner_box .img_cont .stora_btn.on {background-image: url('/images/home/kor/user/sub/stora_on.png');}*/
.blog2_lista_area > .list > li .box .blog2_inner_box .img_cont .img_box {position: relative; overflow: hidden; border: 1px solid #eeeeee; padding: 0 0 75%; border-radius: 10px;}
.blog2_lista_area > .list > li .box .blog2_inner_box .img_cont .img_box .inner_box {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.blog2_lista_area > .list > li .box .blog2_inner_box .img_cont .img_box .inner_box .stora_btn {position:absolute; top: 10px; right: 10px; width: 35px; height: 35px; background-image: url('/images/home/kor/user/sub/stora.png'); background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 1;text-indent:-9999px}
.blog2_lista_area > .list > li .box .blog2_inner_box .img_cont .img_box .inner_box .stora_btn.on {background-image: url('/images/home/kor/user/sub/stora_on.png');}
.blog2_lista_area > .list > li .box .blog2_inner_box .img_cont .img_box .inner_box img {display: inline-block; width: 100%; height: 100%; transition: all .8s ease;}
.blog2_lista_area > .list > li .box:hover .blog2_inner_box .img_cont .img_box .inner_box img {transform: scale(1.2);}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont2 {display: table-cell; width: 77.2857%; padding: 0 0 0 4.5714%; vertical-align: middle;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont2 .title_area {margin: 0 0 12px;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont2 .title_area .title {font-weight: 900; font-size: 24px; line-height: 36px; color: #212121; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.gray .blog2_lista_area > .list > li .box .blog2_inner_box .text_cont2 .title_area .title {color: #ffffff;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont2 .map_area {margin: 0 0 10px; font-size: 0;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont2 .map_area .sub_tit {display: inline-block; margin: 0 14px 0 0; padding: 0 21px; background-color: #03a05a; font-weight: 400; font-size: 16px; line-height: 32px; color: #ffffff; vertical-align: middle; border-radius: 16px;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont2 .map_area .text {display: inline-block; font-weight: 700; font-size: 18px; line-height: 32px; color: #212121; vertical-align: middle;}
.gray .blog2_lista_area > .list > li .box .blog2_inner_box .text_cont2 .map_area .text {color: #ffffff;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont2 .tag_area {margin: 0 0 14px; font-size: 0;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont2 .tag_area .tag_tit {display: inline-block; margin: 0 20px 0 0; font-weight: 700; font-size: 16px; line-height: 26px; color: #03a05a; vertical-align: middle;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont2 .tag_area .tag_list_area {display: inline-block; vertical-align: middle;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont2 .tag_area .tag_list_area > .list {font-size: 0;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont2 .tag_area .tag_list_area > .list > li {display: inline-block; margin: 0 10px 0 0; font-weight: 400; font-size: 16px; line-height: 26px; color: #797979;}
.gray .blog2_lista_area > .list > li .box .blog2_inner_box .text_cont2 .tag_area .tag_list_area > .list > li {color: #ffffff;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont2 .tag_area .tag_list_area > .list > li:last-child {margin: 0;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont2 .icon_list_area {}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont2 .icon_list_area > .list {}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont2 .icon_list_area > .list > li {margin: 0 27px 0 0; text-align: center;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont2 .icon_list_area > .list > li .icon_box {max-width: 66px; margin: 0 auto 6px;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont2 .icon_list_area > .list > li .icon_box .inner_box {height: 66px;}

.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont2 .icon_list_area > .list > li.flex {max-width: 66px; width: 100%;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont2 .icon_list_area > .list > li.flex .icon_box {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin: 0 auto; flex-direction: column;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont2 .icon_list_area > .list > li.flex .icon_box .inner_box {margin: 0 0 6px;}

.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont {display: table-cell; width: 77.2857%; padding: 0 0 0 4.5714%; vertical-align: middle;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont .category_area {}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont .category_area .category { font-weight: 700; font-size: 16px; line-height: 26px; color: #03a05a;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont .title_area {margin: 0 0 5px;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont .title_area .title {font-weight: 900; font-size: 24px; line-height: 36px; color: #212121; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.gray .blog2_lista_area > .list > li .box .blog2_inner_box .text_cont .title_area .title {color: #ffffff;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont .text_area {margin: 0 0 36px;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont .text_area .text {font-weight: 400; font-size: 16px; line-height: 26px; color: #464646; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.gray .blog2_lista_area > .list > li .box .blog2_inner_box .text_cont .text_area .text {color: #ffffff;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont .course_list_area {}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont .course_list_area .list {font-size: 0;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont .course_list_area .list li {display: inline-block; position: relative; width: 25%; margin: 15px 0 0; padding: 19px 0 0; text-align: center; vertical-align: top;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont .course_list_area .list li:before {content: ''; position: absolute; top: 1px; left: 0; right: 0; width: 100%; height: 8px; background-color: #e0f2f1; z-index: -2;}
.gray .blog2_lista_area > .list > li .box .blog2_inner_box .text_cont .course_list_area .list li:before {background-color: #e0f2f1 !important; z-index: inherit;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont .course_list_area .list li:first-child:before {border-radius: 4px 0 0 4px;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont .course_list_area .list li:last-child:before {border-radius: 0 4px 4px 0;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont .course_list_area .list li:nth-child(-n+4) {margin: 0;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont .course_list_area .list li .text {font-weight: 700; font-size: 16px; line-height: 24px; color: #212121; word-break: break-all;}
.gray .blog2_lista_area > .list > li .box .blog2_inner_box .text_cont .course_list_area .list li .text {color: #ffffff;}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont .course_list_area .list li .text:before {content: ''; position:absolute; top: 0; left: 50%; width: 10px; height: 10px; background-color: #03a05a; border-radius: 50%; transform: translateX(-50%);}
.blog2_lista_area > .list > li .box .blog2_inner_box .text_cont .course_list_area .list li .text:after {content: ''; position:absolute; top: -2px; left: 50%; width: 14px; height: 14px; background-color: #03a05a; border-radius: 50%; z-index: -1; transform: translateX(-50%); -webkit-animation: ani1 1.5s infinite; -moz-animation: ani1 1.5s infinite; -o-animation: ani1 1.5s infinite; animation: ani1 1.5s infinite;}



@-webkit-keyframes ani1 {
	0% {
		opacity: 0.1;
		top: 0;
		width: 10px;
		height: 10px;
	}
	33% {
		opacity: 0.3;
		top: -2px;
		width: 14px;
		height: 14px;
	}
	100% {
		opacity: 0.1;
		top: 0;
		width: 10px;
		height: 10px;
	}
}
@-moz-keyframes ani1 {
	0% {
		opacity: 0.1;
		top: 0;
		width: 10px;
		height: 10px;
	}
	33% {
		opacity: 0.3;
		top: -2px;
		width: 14px;
		height: 14px;
	}
	100% {
		opacity: 0.1;
		top: 0;
		width: 10px;
		height: 10px;
	}
}
@keyframes ani1 {
	0% {
		opacity: 0.1;
		top: 0;
		width: 10px;
		height: 10px;
	}
	33% {
		opacity: 0.3;
		top: -2px;
		width: 14px;
		height: 14px;
	}
	100% {
		opacity: 0.1;
		top: 0;
		width: 10px;
		height: 10px;
	}
}

.best_course_view_cont {}
.best_course_view_cont .top_cont {margin: 0 0 23px; text-align: center;}
.best_course_view_cont .top_cont .manager_title_area {display: inline-block; margin: 0 0 27px; padding: 0 39px 0 9px; background-color: #3a7dd9; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.14); border-radius: 25px;}
.best_course_view_cont .top_cont .manager_title_area .title {padding: 0 0 0 52px; background-image: url('/images/home/kor/user/sub/tag_icon2.png'); background-position: left center; background-repeat: no-repeat; font-weight: 700; font-size: 22px; line-height: 50px; color: #ffffff;}
.best_course_view_cont .top_cont .title_area {position: relative; padding: 0 50px;}
.best_course_view_cont .top_cont .title_area .title {font-weight: 900; font-size: 34px; line-height: 51px; color: #212121; word-break: break-all;}
.gray .best_course_view_cont .top_cont .title_area .title {color: #ffffff;}
.best_course_view_cont .top_cont .title_area .stora_btn {position:absolute; top: 8px; right: 10px; width: 35px; height: 35px;text-indent:-9999px; background-image: url('/images/home/kor/user/sub/stora.png'); background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 1;}
.best_course_view_cont .top_cont .title_area .stora_btn.on {background-image: url('/images/home/kor/user/sub/stora_on.png');}
.best_course_view_cont .top_cont .sub_tit {margin: 0 0 15px; font-weight: 700; font-size: 20px; line-height: 30px; color: #03a05a; text-align: center;}

.best_course_view_cont .mid_cont {margin: 0 0 56px; border-top: 2px solid #666666;}
.best_course_view_cont .mid_cont .data_area {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin: 0 0 33px; border-bottom: 1px solid #eeeeee; padding: 15px; justify-content: space-between; align-items: center;}
.best_course_view_cont .mid_cont .data_area .box {}
.best_course_view_cont .mid_cont .data_area .box .title {font-weight: 700; font-size: 15px; line-height: 25px; color: #007641;}
.best_course_view_cont .mid_cont .data_area .box:last-child .title {display: inline-block; vertical-align: middle;}
.best_course_view_cont .mid_cont .data_area .box:last-child .title:first-child {margin: 0 40px 0 0;}
.best_course_view_cont .mid_cont .data_area .box .title .ft_c {font-weight: 400; color: #757575;}
.gray .best_course_view_cont .mid_cont .data_area .box .title .ft_c {color: #ffffff;}
.best_course_view_cont .mid_cont .best_view_area {border-bottom: 1px solid #eeeeee; padding: 0 0 39px;}
.best_course_view_cont .mid_cont .best_view_area .title_area {position: relative; width: 100%; max-width: 878px; margin: 25px auto 30px; padding: 18px 13px 19px 19px; text-align: center;}
.best_course_view_cont .mid_cont .best_view_area .title_area:before {content: ''; position: absolute; top: 0; left: 0; width: 50px; height: 35px; background-image: url('/images/home/kor/user/sub/best_etc_icon01.png'); background-position: center; background-size: cover; background-repeat: no-repeat;}
.best_course_view_cont .mid_cont .best_view_area .title_area:after {content: ''; position: absolute; bottom: 0; right: 0; width: 50px; height: 35px; background-image: url('/images/home/kor/user/sub/best_etc_icon02.png'); background-position: center; background-size: cover; background-repeat: no-repeat;}
.best_course_view_cont .mid_cont .best_view_area .title_area .inner_box {border: 1px dashed #03a05a; padding: 17px 33px 16px 27px; border-radius: 10px;}
.best_course_view_cont .mid_cont .best_view_area .title_area .inner_box .title {font-style: oblique; font-weight: 400; font-size: 22px; line-height: 36px; color: #03a05a;}
.best_course_view_cont .mid_cont .best_view_area .best_view_list_area {}
.best_course_view_cont .mid_cont .best_view_area .best_view_list_area .list {font-size: 0;}
.best_course_view_cont .mid_cont .best_view_area .best_view_list_area .list.tc {text-align: center;}
.best_course_view_cont .mid_cont .best_view_area .best_view_list_area .list li {display: inline-block; width: 16.6666%; padding: 0 5px; text-align: center; vertical-align: top;}
.best_course_view_cont .mid_cont .best_view_area .best_view_list_area .list li .img_box {position: relative; overflow: hidden; width: 89.5544%;  margin: 0 auto 17px; padding: 0 0 89.5544%; border-radius: 50%;}
.best_course_view_cont .mid_cont .best_view_area .best_view_list_area .list li .img_box .inner_box {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.best_course_view_cont .mid_cont .best_view_area .best_view_list_area .list li .img_box .inner_box img {display: inline-block; width: 100%; height: 100%; transition: all .8s ease;}
.best_course_view_cont .mid_cont .best_view_area .best_view_list_area .list li:hover .img_box .inner_box img {transform: scale(1.2);}
.best_course_view_cont .mid_cont .best_view_area .best_view_list_area .list li .text {font-weight: 700; font-size: 16px; line-height: 26px; color: #212121;}
.gray .best_course_view_cont .mid_cont .best_view_area .best_view_list_area .list li .text {color: #ffffff;}
.best_course_view_cont .mid_cont .tag_list_area {border-bottom: 1px solid #eeeeee; padding: 15px; font-size: 0;}
.best_course_view_cont .mid_cont .tag_list_area .title_area {display: inline-block; margin: 0 50px 0 0; vertical-align: middle;}
.best_course_view_cont .mid_cont .tag_list_area .title_area .title {padding: 0 0 0 40px; background-image: url('/images/home/kor/user/sub/tag_icon.png'); background-position: left center; background-repeat: no-repeat; font-weight: 700; font-size: 16px; line-height: 26px; color: #212121;}
.gray .best_course_view_cont .mid_cont .tag_list_area .title_area .title {background-image: url('/images/home/kor/user/sub/g_tag_icon.png'); color: #ffffff;}
.best_course_view_cont .mid_cont .tag_list_area .tag_list_box {display: inline-block; vertical-align: middle;}
.best_course_view_cont .mid_cont .tag_list_area .tag_list_box .list {font-size: 0;}
.best_course_view_cont .mid_cont .tag_list_area .tag_list_box .list li {display: inline-block; margin: 0 10px 0 0;}
.best_course_view_cont .mid_cont .tag_list_area .tag_list_box .list li:last-child {margin: 0;}
.best_course_view_cont .mid_cont .tag_list_area .tag_list_box .list li .text {font-weight: 400; font-size: 16px; line-height: 26px; color: #03a05a;}
.best_course_view_cont .mid_cont .course_editor_area {margin: 38px 0 0; padding: 20px; background-color: #f7f8f9; border-radius: 10px; font-size: 16px; line-height: 24px;}
 .best_course_view_cont .mid_cont .course_editor_area > * {word-break: break-all;}
 
.my_current_cont {}
.my_current_cont .current_list_area {margin: 0 0 29px;}
.my_current_cont .current_list_area .list {font-size: 0;}
.my_current_cont .current_list_area .list li {display: inline-block; width: calc(33.3333% - 36.6666px); margin: 0 55px 0 0; vertical-align: middle;}
.my_current_cont .current_list_area .list li:last-child {margin: 0;}
.my_current_cont .current_list_area .list li .box {position: relative; overflow: hidden; padding: 0 0 0 98px; border: 2px solid #3a7dd9; border-radius: 10px; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.14); font-size: 0;}
.gray .my_current_cont .current_list_area .list li .box {border: 2px solid #ffffff;}
.my_current_cont .current_list_area .list li .box .icon {display: inline-block; position: absolute; top: 0; left: 0; width: 98px; height: 76px; background-color: #3a7dd9; background-position: center; background-repeat: no-repeat;}
.gray .my_current_cont .current_list_area .list li .box .icon {background-color: #ffffff;}
.my_current_cont .current_list_area .list li .box .icon.icon01 {background-image: url('/images/home/kor/user/sub/current_icon01.png');}
.my_current_cont .current_list_area .list li .box .icon.icon02 {background-image: url('/images/home/kor/user/sub/current_icon02.png');}
.my_current_cont .current_list_area .list li .box .icon.icon03 {background-image: url('/images/home/kor/user/sub/current_icon03.png');}
.my_current_cont .current_list_area .list li .box .text_box {padding: 0 0 0 45px;}
.my_current_cont .current_list_area .list li .box .text_box .text {font-weight: 700; font-size: 20px; line-height: 76px; color: #3a7dd9;}
.gray .my_current_cont .current_list_area .list li .box .text_box .text {color: #ffffff;}
.my_current_cont .current_list_area .list li .box .text_box .text .ft_s {display: inline-block; font-weight: 900; font-size: 34px; vertical-align: bottom;}
.my_current_cont .table_basics_com_cont_area .table_basics_area tbody tr td.tit {text-align: center;}
.gray .my_current_cont .table_basics_com_cont_area .table_basics_area tbody tr td.tit {color: #ffffff;}
.gray .my_current_cont .table_basics_com_cont_area .table_basics_area tbody tr td.tit a {color: #ffffff;}
.my_current_cont .table_basics_com_cont_area .table_basics_area tbody tr td.tit a:hover,
.my_current_cont .table_basics_com_cont_area .table_basics_area tbody tr td.tit a:focus {color: #03a05a; text-decoration: underline;}

.wish_list_cont {}
.wish_list_cont > .list {font-size: 0;}
.wish_list_cont > .list > li {display: inline-block; width: calc(50% - 25px); margin: 0 50px 0 0; border-bottom: 1px solid #eeeeee; padding: 25px 0;}
.wish_list_cont > .list > li:nth-child(-n+2) {padding: 0 0 25px;}
.wish_list_cont > .list > li:nth-child(2n) {margin: 0;}
.wish_list_cont > .list > li .box {}
.wish_list_cont > .list > li .box .wish_box {display: table; width: 100%; table-layout: fixed;}
.wish_list_cont > .list > li .box .wish_box .img_cont {display: table-cell; width: 26.3704%; vertical-align: middle;}
.wish_list_cont > .list > li .box .wish_box .img_cont .img_box {position: relative; overflow: hidden; padding: 0 0 75.8429%; border-radius: 10px;}
.wish_list_cont > .list > li .box .wish_box .img_cont .img_box .inner_box {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.wish_list_cont > .list > li .box .wish_box .img_cont .img_box .inner_box > a {display:inline-block;width:100%;height:100%}
.wish_list_cont > .list > li .box .wish_box .img_cont .img_box .inner_box > a:focus::after, 
.wish_list_cont > .list > li .box .wish_box .img_cont .img_box .inner_box > a:hover::after {display:inline-block;width:calc(100% - 6px);height:calc(100% - 6px);content:"";border:6px solid #000;border-radius:12px;outline:none;position:absolute;left:-3px;top:-3px}
.wish_list_cont > .list > li .box .wish_box .img_cont .img_box .inner_box img {display: inline-block; width: 100%; height: 100%;}
.wish_list_cont > .list > li .box .wish_box .text_cont {display: table-cell; width: 73.6296%; padding: 1.6296% 0 0 4.4444%; vertical-align: middle;}
.wish_list_cont > .list > li .box .wish_box .text_cont .text_box {}
.wish_list_cont > .list > li .box .wish_box .text_cont .text_box .title_area {position: relative; padding: 0 40px 0 0;}
.wish_list_cont > .list > li .box .wish_box .text_cont .text_box .title_area .title {margin: 0 0 7px; font-weight: 900; font-size: 24px; line-height: 36px; color: #212121; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.gray .wish_list_cont > .list > li .box .wish_box .text_cont .text_box .title_area .title {color: #ffffff;}
.wish_list_cont > .list > li .box .wish_box .text_cont .text_box .title_area .stora_btn {position: absolute; top: 0; right: 0; width: 35px; height: 35px; border: 1px solid #d7d7d7; background-image: url('/images/home/kor/user/sub/stora_on.png'); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 50%;}
.wish_list_cont > .list > li .box .wish_box .text_cont .text_box .text {height: 78px; margin: 0 0 14px; font-weight: 700; font-size: 18px; line-height: 26px; color: #212121; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
.gray .wish_list_cont > .list > li .box .wish_box .text_cont .text_box .text {color: #ffffff;}
.wish_list_cont > .list > li .box .wish_box .text_cont .text_box .tag_list_area {}
.wish_list_cont > .list > li .box .wish_box .text_cont .text_box .tag_list_area > .list {font-size: 0;}
.wish_list_cont > .list > li .box .wish_box .text_cont .text_box .tag_list_area > .list > li {display: inline-block; margin: 0 10px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #03a05a;}
.wish_list_cont > .list > li .box .wish_box .text_cont .text_box .tag_list_area > .list > li:last-child {margin: 0;}

.wish_list_cont2 {}
.wish_list_cont2 > .list {font-size: 0;}
.wish_list_cont2 > .list > li {display: inline-block; width: calc(50% - 25px); margin: 0 50px 0 0; border-bottom: 1px solid #eeeeee; padding: 25px 0;}
.wish_list_cont2 > .list > li:nth-child(-n+2) {padding: 0 0 25px;}
.wish_list_cont2 > .list > li:nth-child(2n) {margin: 0;}
.wish_list_cont2 > .list > li .box {}
.wish_list_cont2 > .list > li .box .wish_box {display: table; width: 100%; table-layout: fixed;}
.wish_list_cont2 > .list > li .box .wish_box .img_cont {display: table-cell; width: 26.3704%; vertical-align: middle;}
.wish_list_cont2 > .list > li .box .wish_box .img_cont .img_box {position: relative; overflow: hidden; padding: 0 0 75.8429%; border-radius: 10px;}
.wish_list_cont2 > .list > li .box .wish_box .img_cont .img_box .inner_box {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.wish_list_cont2 > .list > li .box .wish_box .img_cont .img_box .inner_box > a {display:inline-block;width:100%;height:100%}
.wish_list_cont2 > .list > li .box .wish_box .img_cont .img_box .inner_box > a:focus::after, 
.wish_list_cont2 > .list > li .box .wish_box .img_cont .img_box .inner_box > a:hover::after {display:inline-block;width:calc(100% - 6px);height:calc(100% - 6px);content:"";border:6px solid #000;border-radius:12px;outline:none;position:absolute;left:-3px;top:-3px}
.wish_list_cont2 > .list > li .box .wish_box .img_cont .img_box .inner_box img {display: inline-block; width: 100%; height: 100%;}
.wish_list_cont2 > .list > li .box .wish_box .text_cont {display: table-cell; width: 73.6296%; padding: 1.6296% 0 0 5.4815%; vertical-align: top;}
.wish_list_cont2 > .list > li .box .wish_box .text_cont .text_box {}
.wish_list_cont2 > .list > li .box .wish_box .text_cont .text_box .title_area {position: relative; padding: 0 40px 0 0;}
.wish_list_cont2 > .list > li .box .wish_box .text_cont .text_box .title_area .title {font-weight: 900; font-size: 24px; line-height: 36px; color: #212121; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.gray .wish_list_cont2 > .list > li .box .wish_box .text_cont .text_box .title_area .title {color: #ffffff;}
.wish_list_cont2 > .list > li .box .wish_box .text_cont .text_box .title_area .stora_btn {position: absolute; top: 0; right: 0; width: 35px; height: 35px; border: 1px solid #d7d7d7; background-image: url('/images/home/kor/user/sub/stora_on.png'); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 50%;}
.wish_list_cont2 > .list > li .box .wish_box .text_cont .text_box > .text {height: 78px; margin: 0 0 7px; font-weight: 400; font-size: 16px; line-height: 26px; color: #797979; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
.gray .wish_list_cont2 > .list > li .box .wish_box .text_cont .text_box > .text {color: #ffffff;}
.wish_list_cont2 > .list > li .box .wish_box .text_cont .text_box .amount_box {font-size: 0;}
.wish_list_cont2 > .list > li .box .wish_box .text_cont .text_box .amount_box .text {display: inline-block; font-weight: 900; font-size: 24px; line-height: 36px; color: #212121; vertical-align: middle;}
.gray .wish_list_cont2 > .list > li .box .wish_box .text_cont .text_box .amount_box .text {color: #ffffff;}
.wish_list_cont2 > .list > li .box .wish_box .text_cont .text_box .amount_box .text .red {display: inline-block; margin: 0 16px 0 0; color: #f44336; vertical-align: middle;}

.my_txt {margin: 0 0 10px; font-weight: 400; font-size: 16px; line-height: 26px; color: #212121; text-align: right;}
.gray .my_txt { color: #ffffff;}

.sns_interlock_cont {border: 1px solid #eeeeee; border-radius: 10px; text-align: center;}
.sns_interlock_cont .inner_box {padding: 59px 5px;}
.sns_interlock_cont .inner_box .title {margin: 0 0 30px; font-weight: 700; font-size: 24px; line-height: 36px; color: #212121;}
.gray .sns_interlock_cont .inner_box .title {color: #ffffff;}
.sns_interlock_cont .inner_box .sns_list_area {width: 100%; max-width: 440px; margin: 0 auto;}
.sns_interlock_cont .inner_box .sns_list_area .list {}
.sns_interlock_cont .inner_box .sns_list_area .list li {margin: 0 0 10px;}
.sns_interlock_cont .inner_box .sns_list_area .list li:last-child {margin: 0;}
.sns_interlock_cont .inner_box .sns_list_area .list li .box {display: block; overflow: hidden; width: 100%; border-radius: 10px;}
.sns_interlock_cont .inner_box .sns_list_area .list li .box.ok {background-color: #707070 !important;}
.sns_interlock_cont .inner_box .sns_list_area .list li .box.icon01 {background-color: #fae100;}
.sns_interlock_cont .inner_box .sns_list_area .list li .box.icon02 {background-color: #19ce60;}
.sns_interlock_cont .inner_box .sns_list_area .list li .box.icon03 {background-color: #3b5999;}
.sns_interlock_cont .inner_box .sns_list_area .list li .box .sns_box {position: relative; padding: 0 0 0 64px;}
.sns_interlock_cont .inner_box .sns_list_area .list li .box .sns_box .icon {position: absolute; top: 0; left: 0; width: 64px; height: 64px; background-position: center; background-repeat: no-repeat;}
.sns_interlock_cont .inner_box .sns_list_area .list li .box.ok .sns_box .icon {background-color: #464646 !important;}
.sns_interlock_cont .inner_box .sns_list_area .list li .box.icon01 .sns_box .icon {background-color: #f8d700; background-image: url('/images/home/kor/user/sub/kakao_icon.png');}
.sns_interlock_cont .inner_box .sns_list_area .list li .box.icon01.ok .sns_box .icon {background-image: url('/images/home/kor/user/sub/kakao_icon_off.png');}
.sns_interlock_cont .inner_box .sns_list_area .list li .box.icon02 .sns_box .icon {background-color: #14c654; background-image: url('/images/home/kor/user/sub/naver_icon.png');}
.sns_interlock_cont .inner_box .sns_list_area .list li .box.icon03 .sns_box .icon {background-color: #324d8d; background-image: url('/images/home/kor/user/sub/fab_icon.png');}
.sns_interlock_cont .inner_box .sns_list_area .list li .box .sns_box .text {font-weight: 400; font-size: 16px; line-height: 64px; color: #ffffff;}
.sns_interlock_cont .inner_box .sns_list_area .list li .box.icon01 .sns_box .text {color: #3c1e1e;}
.sns_interlock_cont .inner_box .sns_list_area .list li .box.ok .sns_box .text {color: #ffffff !important;}


.com_info_area { border: 1px solid #eeeeee; margin: 0 0 20px 0; padding: 26px 33px 35px; border-radius: 5px;}
.com_info_area .inner_box { display: flex; justify-content: space-between; align-items: center;}
.com_info_area .inner_box .img_cont { width: 330px;}
.com_info_area .inner_box .img_cont #aux_img_slide {}
.com_info_area .inner_box .img_cont #aux_img_slide .slick-list .slick-track {}
.com_info_area .inner_box .img_cont #aux_img_slide .slick-list .slick-track .img_box { position: relative; overflow: hidden; width: 100%; padding: 0 0 75% 0; border-radius: 5px;}
.com_info_area .inner_box .img_cont #aux_img_slide .slick-list .slick-track .img_box .img_inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.com_info_area .inner_box .img_cont #aux_img_slide .slick-list .slick-track .img_box .img_inner img { display: inline-block; width: 100%; height: 100%;}
.com_info_area .inner_box .img_cont #aux_img_slide .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; border: 1px solid #e1e1e1; background-color: #ffffff; background-position: center; background-repeat: no-repeat; font-size: 0; border-radius: 50%; z-index: 1;}
.com_info_area .inner_box .img_cont #aux_img_slide .slick-arrow.slick-prev { left: 5px; background-image: url('/images/home/kor/user/sub/pop_img_slide_prev_icon.png');}
.com_info_area .inner_box .img_cont #aux_img_slide .slick-arrow.slick-next { right: 5px; background-image: url('/images/home/kor/user/sub/pop_img_slide_next_icon.png');}
.com_info_area .inner_box .text_box { position: relative; width: calc(100% - 220px); padding: 0 0 0 30px;}
.com_info_area .inner_box .text_box .title_area { border-bottom: 1px solid #eeeeee; margin: 0 0 13px 0; padding: 0 0 19px 0;}
.com_info_area .inner_box .text_box .title_area .title { font-weight: 900; font-size: 24px; line-height: 36px; color: #212121;}
.gray .com_info_area .inner_box .text_box .title_area .title {color: #ffffff;}
.com_info_area .inner_box .text_box .info_list_area {}
.com_info_area .inner_box .text_box .info_list_area > .list {}
.com_info_area .inner_box .text_box .info_list_area > .list > li { position: relative; padding: 0 0 0 130px;}
.com_info_area .inner_box .text_box .info_list_area > .list > li .tit { position: absolute; top: 0; left: 0; font-weight: 700; font-size: 16px; line-height: 30px; color: #212121;}
.gray .com_info_area .inner_box .text_box .info_list_area > .list > li .tit {color: #ffffff;}
.com_info_area .inner_box .text_box .info_list_area > .list > li .txt { font-weight: 400; font-size: 16px; line-height: 30px; color: #212121;}
.gray .com_info_area .inner_box .text_box .info_list_area > .list > li .txt {color: #ffffff;}
.com_info_area .inner_box .text_box .cont_btn_list_area { position: absolute; right: 0; bottom: 0; margin: 0;}
.com_view_con { min-height: 185px; padding: 30px; background-color: #f7f8f9; border-radius: 5px;}
.com_view_con .editor_view { font-size: 16px; line-height: 24px;}
.car_tour_view .cont_btn_list_area { margin: 0 0 40px 0 ;}

.education_video_cont {height: 100%;}
.education_video_cont .education_video_inner_box {display: table; width: 100%; height: 100%; table-layout: fixed;}
.education_video_cont .education_video_inner_box .box {display: table-cell; height: 100%; vertical-align: middle;}
.education_video_cont .education_video_inner_box .box.left {width: 73.9583%; padding: 1.7188% 1.3021% 3.5938%; background-color: #f7f8f9;}
.education_video_cont .education_video_inner_box .box.left .title_area {margin: 0 0 41px; border-bottom: 1px dashed #e0e0e0; padding: 0 0 28px;}
.education_video_cont .education_video_inner_box .box.left .title_area .sub_tit {margin: 0 0 6px; padding: 0 0 0 24px; background-image: url('/images/home/kor/user/sub/video_sub_icon.png'); background-position: left center; background-repeat: no-repeat; font-weight: 700; font-size: 18px; line-height: 27px; color: #03a05a;}
.education_video_cont .education_video_inner_box .box.left .title_area .title {font-weight: 700; font-size: 34px; line-height: 48px; color: #212121;}
.education_video_cont .education_video_inner_box .box.left .video_cont_box {z-index:  2 !important;}
.education_video_cont .education_video_inner_box .box.left .video_cont_box .video_cont_area {position: relative; padding: 0 0 36.5502%;}
.education_video_cont .education_video_inner_box .box.left .video_cont_box .video_cont_area .video_inner_box {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.education_video_cont .education_video_inner_box .box.left .video_cont_box .video_cont_area .video_inner_box iframe {display: inline-block; width: 100%; height: 100%;}
.education_video_cont .education_video_inner_box .box.left .text_box {margin: 0 0 10px; border: 1px solid #eeeeee; padding: 15px 30px; background-color: #ffffff; border-radius: 0 0 10px 10px;}
.education_video_cont .education_video_inner_box .box.left .text_box .title {margin: 0 0 6px; font-weight: 700; font-size: 18px; line-height: 27px; color: #ed4040;}
.education_video_cont .education_video_inner_box .box.left .text_box .text_list_area {}
.education_video_cont .education_video_inner_box .box.left .text_box .text_list_area .list {}
.education_video_cont .education_video_inner_box .box.left .text_box .text_list_area .list li {margin: 0 0 3px; font-weight: 400; font-size: 16px; line-height: 24px; color: #797979;}
.education_video_cont .education_video_inner_box .box.left .text_box .text_list_area .list li:last-child {margin: 0;}
.education_video_cont .education_video_inner_box .box.left .btn_area {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; font-size: 0; justify-content: space-between; align-items: center;}
.education_video_cont .education_video_inner_box .box.left .btn_area .btn {display: inline-block; border: 1px solid #eeeeee; padding: 0 33px; background-color: #ffffff; border-radius: 4px; font-size: 0;}
.education_video_cont .education_video_inner_box .box.left .btn_area .btn .text {display: inline-block; background-repeat: no-repeat; font-weight: 700; font-size: 18px; line-height: 54px; color: #797979;}
.education_video_cont .education_video_inner_box .box.left .btn_area .btn.prev .text {padding: 0 0 0 25px; background-image: url('/images/home/kor/user/sub/video_prev.png'); background-position: left center;}
.education_video_cont .education_video_inner_box .box.left .btn_area .btn.next .text {padding: 0 25px 0 0; background-image: url('/images/home/kor/user/sub/video_next.png'); background-position: right center;}

.education_video_cont .education_video_inner_box .box.right {width: 26.0417%; border-left: 1px solid #e1e1e1; padding: 47px 25px 30px;}
.education_video_cont .education_video_inner_box .box.right > .title_area {margin: 0 0 31px; border-bottom: 1px solid #eeeeee; padding: 0 10px 15px;}
.education_video_cont .education_video_inner_box .box.right > .title_area .title {margin: 0 0 15px; font-weight: 700; font-size: 20px; line-height: 30px; color: #212121;}
.education_video_cont .education_video_inner_box .box.right > .title_area .title .ft_c {font-weight: 900; color: #03a05a;}
.education_video_cont .education_video_inner_box .box.right > .title_area .line_box {position: relative; overflow: hidden; height: 10px; margin: 0 0 4px; border: 1px solid #03a05a; border-radius: 5px;}
.education_video_cont .education_video_inner_box .box.right > .title_area .line_box .line {position: absolute; top: 0; left: 0; height: 100%; background-color: #03a05a; border-radius: 5px;}
.education_video_cont .education_video_inner_box .box.right > .title_area .data_area {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: center;}
.education_video_cont .education_video_inner_box .box.right > .title_area .data_area .data {font-weight: 400; font-size: 14px; line-height: 24px; color: #212121;}
.education_video_cont .education_video_inner_box .box.right > .title_area .data_area .text {font-weight: 400; font-size: 14px; line-height: 24px; color: #212121;}
.education_video_cont .education_video_inner_box .box.right .edu_list_area {height: 600px; margin: 0 0 14px;}
.education_video_cont .education_video_inner_box .box.right .edu_list_area .list {}
.education_video_cont .education_video_inner_box .box.right .edu_list_area .list li {border-bottom: 1px solid #eeeeee;}
.education_video_cont .education_video_inner_box .box.right .edu_list_area .list li .edu_box {display: block; width: 100%; padding: 16px 10px 16px 36px; background-image: url('/images/home/kor/user/sub/video_icon04.png'); background-position: left top 16px; background-repeat: no-repeat;}
.education_video_cont .education_video_inner_box .box.right .edu_list_area .list li.full .edu_box {background-image: url('/images/home/kor/user/sub/video_icon01.png');}
.education_video_cont .education_video_inner_box .box.right .edu_list_area .list li.atm .edu_box {background-image: url('/images/home/kor/user/sub/video_icon04.png');}
.education_video_cont .education_video_inner_box .box.right .edu_list_area .list li.ongoing .edu_box {background-image: url('/images/home/kor/user/sub/video_icon03.png');}
.education_video_cont .education_video_inner_box .box.right .edu_list_area .list li.on .edu_box {background-image: url('/images/home/kor/user/sub/video_icon02.png');}
.education_video_cont .education_video_inner_box .box.right .edu_list_area .list li .edu_box .title_area {position: relative; padding: 0 120px 0 0; margin: 0 0 4px;}
.education_video_cont .education_video_inner_box .box.right .edu_list_area .list li .edu_box .title_area .title {font-weight: 400; font-size: 16px; line-height: 26px; color: #212121; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; text-align: left;}
.education_video_cont .education_video_inner_box .box.right .edu_list_area .list li .edu_box .title_area .text {position: absolute; top: 0; right: 0; font-weight: 400; font-size: 14px; line-height: 26px; color: #757575;}
.education_video_cont .education_video_inner_box .box.right .edu_list_area .list li .edu_box .title_area .text .ft_c {color: #757575;}
.education_video_cont .education_video_inner_box .box.right .edu_list_area .list li.full .edu_box .title_area .text .ft_c {color: #03a05a;}
.education_video_cont .education_video_inner_box .box.right .edu_list_area .list li.atm .edu_box .title_area .text .ft_c {color: #757575;}
.education_video_cont .education_video_inner_box .box.right .edu_list_area .list li.ongoing .edu_box .title_area .text .ft_c {color: #3a7dd9;}
.education_video_cont .education_video_inner_box .box.right .edu_list_area .list li.on .edu_box .title_area .text .ft_c {color: #f44336;}
.education_video_cont .education_video_inner_box .box.right .edu_list_area .list li .edu_box .line_box {position: relative; overflow: hidden; height: 10px; margin: 0 0 3px; border: 1px solid #eeeeee; border-radius: 4px;}
.education_video_cont .education_video_inner_box .box.right .edu_list_area .list li .edu_box .line_box .line {position: absolute; top: 0; left: 0; height: 100%; background-color: #848690; border-radius: 4px;}
.education_video_cont .education_video_inner_box .box.right .edu_list_area .list li .edu_box > .text {font-weight: 400; font-size: 14px; line-height: 24px; color: #212121; text-align: right;}
.education_video_cont .education_video_inner_box .box.right .edu_list_area .list li.full .edu_box > .text {color: #03a05a;}
.education_video_cont .education_video_inner_box .box.right .edu_list_area .list li.atm .edu_box > .text {color: #757575;}
.education_video_cont .education_video_inner_box .box.right .edu_list_area .list li.ongoing .edu_box > .text {color: #3a7dd9;}
.education_video_cont .education_video_inner_box .box.right .edu_list_area .list li.on .edu_box > .text {color: #f44336;}
.education_video_cont .education_video_inner_box .box.right .edu_btn_area {}
.education_video_cont .education_video_inner_box .box.right .edu_btn_area .list {font-size: 0; text-align: center;}
.education_video_cont .education_video_inner_box .box.right .edu_btn_area .list li {display: inline-block; margin: 0 11px 0 0;}
.education_video_cont .education_video_inner_box .box.right .edu_btn_area .list li:last-child {margin: 0;}
.education_video_cont .education_video_inner_box .box.right .edu_btn_area .list li .btn {display: inline-block; min-width: 122px; font-weight: 700; font-size: 18px; line-height: 46px; color: #ffffff; border-radius: 4px; text-align: center;}
.education_video_cont .education_video_inner_box .box.right .edu_btn_area .list li .btn.blue {background-color: #3a7dd9;}
.education_video_cont .education_video_inner_box .box.right .edu_btn_area .list li .btn.green {background-color: #03a05a;}
.education_video_cont .education_video_inner_box .box.right .edu_btn_area .list li .btn.gray {background-color: #848690;}

/* 여행상품 예약하기 */
.travel_products_cont .table_basics_com_cont_area .table_basics_area.sty2 tbody tr td .price { font-weight: 700; color: #f44336;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .total_payment_area { border-top: 1px solid #666666; border-bottom: 1px solid #ebebeb; padding: 44px 5px 46px; background-color: #f7f8f9;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .total_payment_area > .list { display: flex; justify-content: center; align-items: stretch;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .total_payment_area > .list > li { position: relative; margin: 0 50px 0 0; padding: 0 60px 0 0;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .total_payment_area > .list > li:last-child { margin: 0; padding: 0;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .total_payment_area > .list > li::before { display: block; position: absolute; right: 0; bottom:0 ; font-weight: 900; font-size: 24px; line-height: 61px; color: #212121;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .total_payment_area > .list > li:last-child::before { display: block; position: absolute; right: 0; bottom:0 ; font-weight: 900; font-size: 24px; line-height: 61px; color: #212121;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .total_payment_area > .list > li:first-child::before { content: '-';}
.com_input_form_area .input_form_list_box > .list > li .input_cont .total_payment_area > .list > li:nth-child(2)::before { content: '=';}
.com_input_form_area .input_form_list_box > .list > li .input_cont .total_payment_area > .list > li > .inner_box { text-align: center;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .total_payment_area > .list > li > .inner_box .title { font-weight: 400; font-size: 16px; line-height: 24px; color: #212121;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .total_payment_area > .list > li > .inner_box .title.ft_b { font-weight: 700;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .total_payment_area > .list > li > .inner_box .text { font-weight: 900; font-size: 24px; line-height: 61px; color: #212121;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .total_payment_area > .list > li > .inner_box .text .price { font-size: 36px; color: #f44336;}

/* 장바구니 */
.shopping_basket_cont .com_input_form_area .input_form_list_box > .list > li .input_cont { display: flex; justify-content: space-between; align-items: stretch; margin: 0 0 17px;}
.shopping_basket_cont .com_input_form_area .input_form_list_box > .list > li .input_cont .title_area { margin: 0;}
.shopping_basket_cont .com_input_form_area .input_form_list_box > .list > li .input_cont .title_area .text { display: inline-block; margin: 0 0 0 10px; font-weight: 400; font-size: 16px; line-height: 36px; color: #212121; vertical-align: middle;}
.shopping_basket_cont .cont_btn_list_area { margin: 0;}
.shopping_basket_cont .cont_btn_list_area .list li .cancell_btn { border-radius: 30px;}

.shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td .link_box { display: block;}
.gray .shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td .link_box { color: #ffffff;}
.shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td .mark,
.shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td .mark2 { width: auto; padding: 0 22px}
.shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td .mark.gray { color: #464646;}
.gray .shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td .mark.gray { color: #ffffff;}
.shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td .txt_btn {font-weight: 700; color: #f44336; text-decoration: underline;}

.shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td .info_box { text-align: left;}
.shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td .info_box .info_inner { display: flex; justify-content: space-between; align-items: center;}
.shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td .info_box .info_inner .img_box { display: block; width: 215px;}
.shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td .info_box .info_inner .img_box .img_cont { position: relative; overflow: hidden; width: 100%; padding: 0 0 75.2835%; border-radius: 10px;}
.shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td .info_box .info_inner .img_box .img_cont .img_inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td .info_box .info_inner .img_box .img_cont .img_inner img { width: 100%; height: 100%;}
.shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td .text_box { width: calc(100% - 215px); padding: 0 0 0 35px;}
.shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td .text_box .title { height: 60px; margin: 0 0 13px 0; font-weight: 700; font-size: 18px; line-height: 30px; color: #212121; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; vertical-align: middle;}
.gray .shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td .text_box .title { color: #ffffff;}
.shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td .text_box .info_list_area {}
.shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td .text_box .info_list_area > .list {}
.shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td .text_box .info_list_area > .list > li { position: relative; padding: 0 0 0 60px; font-weight: 400; font-size: 15px; line-height: 30px; color: #212121;}
.gray .shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td .text_box .info_list_area > .list > li { color: #ffffff;}
.shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td .text_box .info_list_area > .list > li .tit { position: absolute; top: 0; left: 0;}
.shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td .text_box .info_list_area > .list > li .txt {}

.shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td button.reservation_btn { display: block; width: 100%;}
.gray .shopping_basket_cont .table_basics_com_cont_area .table_basics_area tbody tr td button.reservation_btn { color: #ffffff;}





.info_table_cont_area {}
.info_table_cont_area .info_table_area {width: 100%; border: 1px solid #eeeeee; border-collapse: collapse; table-layout: fixed; box-sizing: border-box;}
.info_table_cont_area .info_table_area tbody {}
.info_table_cont_area .info_table_area tbody tr {border-bottom: 1px solid #eeeeee;}
.info_table_cont_area .info_table_area tbody tr:last-child {border-bottom: none;}
.info_table_cont_area .info_table_area tbody tr th {border-right: 1px solid #eeeeee; padding: 8px 15px; background-color: #f7f8f9; font-weight: 400; font-size: 15px; line-height: 22px; color: #212121;}
.info_table_cont_area .info_table_area tbody tr td {padding: 8px 15px; font-weight: 400; font-size: 15px; line-height: 22px; color: #212121;}
.info_table_cont_area .info_table_area tbody tr td.db {border-right: 1px solid #eeeeee;}
.gray .info_table_cont_area .info_table_area tbody tr td {color: #ffffff;}




/* 사업안내 - 공통 */
.notion_main_title_area { margin: 0 0 17px 0;}
.notion_main_title_area .title { font-weight: 900; font-size: 44px; line-height: 66px; color: #121212;}
.gray .notion_main_title_area .title { color: #ffffff;}

.notion_area { margin: 0 0 60px 0; padding: 32px 40px 36px; background-color: #f7f8f9; border-radius: 10px;}
.notion_area .inner_box {}
.notion_area .inner_box .title_area { margin: 0 0 15px 0;}
.notion_area .inner_box .title_area .title { font-weight: 900; font-size: 24px; line-height: 36px; color: #03a05a;}
.notion_area .inner_box .text { font-weight: 400; font-size: 18px; line-height: 27px; color: #212121;}

.notion_sub_title_area { margin: 0 0 40px 0;}
.notion_sub_title_area.tc { text-align: center;}
.notion_sub_title_area .title_area { display: inline-block; padding: 10px 33px 0 0; background-image: url('/images/home/kor/user/sub/sub_title_area_icon.png'); background-position: top right; background-repeat: no-repeat;}
.notion_sub_title_area .title_area .title { font-weight: 700; font-size: 34px; line-height: 51px; color: #03a05a;}
.notion_sub_title_area .title_area .title .ft_w { font-weight: 400;}

/* 사업안내 - 무장애관공도시사업이란 */
.vision_list_area {}
.vision_list_area > .list {}
.vision_list_area > .list > li {}
.vision_list_area > .list > li:not(:first-child) { margin: 0 0 70px 0;}
.vision_list_area > .list > li:last-child { margin: 0;}
.vision_list_area > .list > li > .box {}
.vision_list_area > .list > li > .box .title_area { margin: 0 0 20px 0;}
.vision_list_area > .list > li > .box .title_area .title { font-weight: 900; font-size: 24px; line-height: 36px; color: #212121;}
.gray .vision_list_area > .list > li > .box .title_area .title {color: #ffffff;}
.vision_list_area > .list > li > .box .inner_box { display: flex; justify-content: space-between; align-items: stretch;}
.vision_list_area > .list > li > .box .inner_box .title_area { width: 102px; margin: 0; border-top: 1px dashed #03a05a; padding: 23px 0 0 0;}
.vision_list_area > .list > li > .box .inner_box .cont_box { width: calc(100% - 102px);}
.vision_list_area > .list > li > .box .vision_area { overflow: hidden;}
.vision_list_area > .list > li > .box .vision_inner { padding: 0 0 190px 0; background-image: url('/images/home/kor/user/sub/vision_arrow_icon.png'); background-position: bottom -143px center; background-repeat: no-repeat;}
.vision_list_area > .list > li > .box .vision_inner .text_box { padding: 16px 10px 21px; background-color: #00523c; text-align: center; border-radius: 10px;}
.vision_list_area > .list > li > .box .vision_inner .text_box .text { font-weight: 700; font-size: 24px; line-height: 36px; color: #ffffff;}
.vision_list_area > .list > li > .box .major_goals_area {}
.vision_list_area > .list > li > .box .major_goals_area > .list {}
.vision_list_area > .list > li > .box .major_goals_area > .list > li { margin: 0 0 8px 0;}
.vision_list_area > .list > li > .box .major_goals_area > .list > li:last-child { margin: 0;}
.vision_list_area > .list > li > .box .major_goals_area > .list > li .box { position: relative; border: 1px solid #03a05a; padding: 0 10px 0 90px; border-radius: 10px;}
.vision_list_area > .list > li > .box .major_goals_area > .list > li .box .num { position: absolute; top: -1px; left: -1px; width: 60px; background-color: #03a05a; font-weight: 700; font-size: 24px; line-height: 60px; color: #ffffff; text-align: center; border-radius: 10px;}
.vision_list_area > .list > li > .box .major_goals_area > .list > li .box .text_box { display: flex; justify-content: center; align-items: stretch; flex-direction: column; height: 58px;}
.vision_list_area > .list > li > .box .major_goals_area > .list > li .box .text_box .text { font-weight: 700; font-size: 18px; line-height: 27px; color: #212121;}
.gray .vision_list_area > .list > li > .box .major_goals_area > .list > li .box .text_box .text {color: #ffffff;}
.vision_list_area > .list > li > .box .icon_text_area {}
.vision_list_area > .list > li > .box .icon_text_area > .list {}
.vision_list_area > .list > li > .box .icon_text_area > .list > li { margin: 0 0 22px 0;}
.vision_list_area > .list > li > .box .icon_text_area > .list > li:last-child { margin: 0;}
.vision_list_area > .list > li > .box .icon_text_area > .list > li .box { padding: 30px; background-color: #f7f8f9; border-radius: 10px;}
.vision_list_area > .list > li > .box .icon_text_area > .list > li .box .inner { display: flex; justify-content: space-between; align-items: center;}
.vision_list_area > .list > li > .box .icon_text_area > .list > li .box .inner .img_area { width: 120px;}
.vision_list_area > .list > li > .box .icon_text_area > .list > li .box .inner .img_area .img_inner { display: flex; justify-content: center; align-items: center; height: 120px;}
.vision_list_area > .list > li > .box .icon_text_area > .list > li .box .inner .img_area .img_inner img {}
.vision_list_area > .list > li > .box .icon_text_area > .list > li .box .inner .text_box { width: calc(100% - 120px); padding: 0 0 0 30px;}
.vision_list_area > .list > li > .box .icon_text_area > .list > li .box .inner .text_box .title { margin: 0 0 5px 0; font-weight: 900; font-size: 18px; line-height: 27px; color: #212121;}
.vision_list_area > .list > li > .box .icon_text_area > .list > li .box .inner .text_box .text_list_area {}
.vision_list_area > .list > li > .box .icon_text_area > .list > li .box .inner .text_box .text_list_area > .list {}
.vision_list_area > .list > li > .box .icon_text_area > .list > li .box .inner .text_box .text_list_area > .list > li { position: relative; padding: 0 0 0 15px; font-weight: 400; font-size: 16px; line-height: 30px; color: #212121;}
.vision_list_area > .list > li > .box .icon_text_area > .list > li .box .inner .text_box .text_list_area > .list > li::before { content: ''; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; background-color: #03a05a; border-radius: 50%;}

/* 사업안내 - 강릉 무장애 관광도시 사업 안내 */
.guide_list_area {}
.guide_list_area > .list {}
.guide_list_area > .list > li { margin: 0 0 80px 0;}
.guide_list_area > .list > li:last-child { margin: 0;}
.guide_list_area > .list > li > .box {}
.guide_list_area > .list > li > .box.sty2 { position: relative; padding: 30px 0 0 0;}
.guide_list_area > .list > li > .box.sty2 > .inner_box .title_area { display: inline-block; position: absolute; top: 0; left: 50%; margin: 0; transform: translateX(-50%);}
.guide_list_area > .list > li > .box > .inner_box {}
.guide_list_area > .list > li > .box > .inner_box .title_area { display: flex; justify-content: center; align-items: stretch; margin: 0 0 30px 0; text-align: center;}
.guide_list_area > .list > li > .box > .inner_box .title_area .title_box { width: 248px; background-color: #00523c; text-align: center; border-radius: 10px;}
.guide_list_area > .list > li > .box > .inner_box .title_area .title_box .title { display: inline-block; font-weight: 900; font-size: 24px; line-height: 60px; color: #ffffff;}
.guide_list_area > .list > li > .box > .inner_box .cont_box {}
.guide_list_area > .list > li > .box > .inner_box .cont_box .text_area { border: 1px solid #e1e1e1; padding: 42px 10px; background-color: #03a05a; text-align: center; border-radius: 10px;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .text_area .text_inner {}
.guide_list_area > .list > li > .box > .inner_box .cont_box .text_area .text_inner .title { margin: 0 0 5px 0; font-weight: 900; font-size: 34px; line-height: 51px; color: #fffffe;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .text_area .text_inner .text { font-weight: 700; font-size: 18px; line-height: 27px; color: #ffffff;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .goals_liste_area {}
.guide_list_area > .list > li > .box > .inner_box .cont_box .goals_liste_area > .list { display: flex; justify-content: space-between; align-items: stretch;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .goals_liste_area > .list > li { width: calc(33.333% - 26.666px);margin: 0 40px 0 0;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .goals_liste_area > .list > li:last-child { margin: 0;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .goals_liste_area > .list > li > .box { overflow: hidden; position: relative; border-radius: 10px;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .goals_liste_area > .list > li > .box .img_box { position: relative; padding: 0 0 75% 0;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .goals_liste_area > .list > li > .box .img_box .img_inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .goals_liste_area > .list > li > .box .img_box .img_inner img { display: block; width: 100%; height: 100%;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .goals_liste_area > .list > li > .box .text_box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .goals_liste_area > .list > li > .box .text_box .num_box { width: 70px; margin: 0 auto 15px; background-color: #03a05a; text-align: center; border-radius: 50%;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .goals_liste_area > .list > li > .box .text_box .num_box .num { font-weight: 900; font-size: 32px; line-height: 70px; color: #ffffff;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .goals_liste_area > .list > li > .box .text_box .title { margin: 0 0 7px 0; font-weight: 900; font-size: 24px; line-height: 36px; color: #ffffff;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .goals_liste_area > .list > li > .box .text_box .text { font-weight: 400; font-size: 18px; line-height: 27px; color: #ffffff;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .key_initiatives_area {}
.guide_list_area > .list > li > .box > .inner_box .cont_box .key_initiatives_area > .list {}
.guide_list_area > .list > li > .box > .inner_box .cont_box .key_initiatives_area > .list > li { margin: 0 0 24px 0;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .key_initiatives_area > .list > li:last-child { margin: 0;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .key_initiatives_area > .list > li > .box { border: 1px solid #e1e1e1; padding: 15px 25px 22px; border-radius: 10px;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .key_initiatives_area > .list > li > .box .inner_box { display: flex; justify-content: space-between; align-items: stretch;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .key_initiatives_area > .list > li > .box .inner_box .num_box { width: 75px;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .key_initiatives_area > .list > li > .box .inner_box .num_box .num { font-weight: 900; font-size: 80px; line-height: 1; color: rgba(3, 160, 90, 0.1);}
.gray .guide_list_area > .list > li > .box > .inner_box .cont_box .key_initiatives_area > .list > li > .box .inner_box .num_box .num {color: #ffffff;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .key_initiatives_area > .list > li > .box .inner_box .text_box { width: calc(100% - 75px); padding: 8px 0 0 0;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .key_initiatives_area > .list > li > .box .inner_box .text_box .title { margin: 0 0 5px 0; font-weight: 900; font-size: 24px; line-height: 36px; color: #03a05a;}
.gray .guide_list_area > .list > li > .box > .inner_box .cont_box .key_initiatives_area > .list > li > .box .inner_box .text_box .title {color: #ffffff;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .key_initiatives_area > .list > li:nth-child(2n) > .box .inner_box .text_box .title { color: #00523c;}
.gray .guide_list_area > .list > li > .box > .inner_box .cont_box .key_initiatives_area > .list > li:nth-child(2n) > .box .inner_box .text_box .title { color: #ffffff;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .key_initiatives_area > .list > li > .box .inner_box .text_box .text_list_area {}
.guide_list_area > .list > li > .box > .inner_box .cont_box .key_initiatives_area > .list > li > .box .inner_box .text_box .text_list_area > .list {}
.guide_list_area > .list > li > .box > .inner_box .cont_box .key_initiatives_area > .list > li > .box .inner_box .text_box .text_list_area > .list > li { position: relative; padding: 0 0 0 20px; font-weight: 400; font-size: 16px; line-height: 30px; color: #212121;}
.gray .guide_list_area > .list > li > .box > .inner_box .cont_box .key_initiatives_area > .list > li > .box .inner_box .text_box .text_list_area > .list > li {color: #ffffff;}
.guide_list_area > .list > li > .box > .inner_box .cont_box .key_initiatives_area > .list > li > .box .inner_box .text_box .text_list_area > .list > li .num { position: absolute; top: 0; left: 0;}

/* 사업안내 - 브랜드 가이드 */
.ci_area { margin: 0 0 68px 0; padding: 40px; background-color: #e7faf2; border-radius: 10px;}
.ci_area .inner_box { display: flex; justify-content: space-between; align-items: stretch;}
.ci_area .inner_box .img_box { width: 622px;}
.ci_area .inner_box .img_box .img_inner { overflow: hidden; border: 1px solid #e1e1e1; border-radius: 10px;}
.ci_area .inner_box .img_box .img_inner img { display: block; width: 100%; height: 100%;}
.ci_area .inner_box .text_box { width: calc(100% - 622px);padding: 0 0 0 32px;}
.ci_area .inner_box .text_box .title { margin: 0 0 31px 0; font-weight: 900; font-size: 34px; line-height: 51px; color: #03a05a;}
.ci_area .inner_box .text_box .text_list_area {}
.ci_area .inner_box .text_box .text_list_area > .list {}
.ci_area .inner_box .text_box .text_list_area > .list > li { margin: 0 0 25px 0;font-weight: 400; font-size: 18px; line-height: 27px; color: #212121;}
.ci_area .inner_box .text_box .text_list_area > .list > li:last-child { margin: 0;}
.com_list_area {}
.com_list_area > .list {}
.com_list_area > .list > li { margin: 0 0 90px 0;}
.com_list_area > .list > li:last-child { margin: 0;}
.com_list_area > .list > li > .inner_box {}
.com_list_area > .list > li > .inner_box .com_title_area { margin: 0 0 10px 0;}
.com_list_area > .list > li > .inner_box .com_title_area.sty2 { border-bottom: 2px solid #03a05a; margin: 0; padding: 0 0 14px 0;}
.com_list_area > .list > li > .inner_box .com_title_area .title { padding: 0 0 0 45px; background-image: url('/images/home/kor/user/sub/sub_title_area_icon2.png'); background-position: top 12px left; background-repeat: no-repeat; font-weight: 900; font-size: 34px; line-height: 51px; color: #03a05a;}
.com_list_area > .list > li > .inner_box .com_title_area .text { font-weight: 700; font-size: 18px; line-height: 27px; color: #03a05a;}
.com_list_area > .list > li > .inner_box > .text_area { border-bottom: 1px solid #e1e1e1; padding: 14px 10px 16px;}
.com_list_area > .list > li > .inner_box > .text_area > .text { font-weight: 400; font-size: 16px; line-height: 30px; color: #212121;}
.gray .com_list_area > .list > li > .inner_box > .text_area > .text {color: #ffffff;}
.com_list_area > .list > li > .inner_box .character_area { padding: 40px 10px; background-color: #f7f8f9; border-radius: 10px;}
.com_list_area > .list > li > .inner_box .character_area .character_inner { display: flex; justify-content: center; align-items: center;}
.com_list_area > .list > li > .inner_box .character_area .character_inner img { width: 100%; max-width: 1052px;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area { margin: 52px 0 0 0;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list {}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li { margin: 0 0 52px 0;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li:last-child { margin: 0;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box {}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box {}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .title_area { border-bottom: 1px solid #666666; margin: 0 0 25px 0; padding: 0 0 15px 0;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .title_area .title { font-weight: 900; font-size: 24px; line-height: 36px; color: #212121;}
.gray .com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .title_area .title {color: #ffffff;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box {}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .text_list_area {}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .text_list_area > .list {}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .text_list_area > .list > li { margin: 0 0 28px 0; font-weight: 400; font-size: 16px; line-height: 30px; color: #212121;}
.gray .com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .text_list_area > .list > li {color: #ffffff;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .text_list_area > .list > li:last-child { margin: 0;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .mark_img_area { margin: 32px 0 0 0;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .mark_img_area > .list { display: flex; justify-content: space-between; align-items: stretch;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .mark_img_area > .list > li { flex: 1; position: relative; padding: 0 88px 0 0;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .mark_img_area > .list > li:last-child { padding: 0;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .mark_img_area > .list > li::before { content: ''; position: absolute; top: 110px; right: 23px; width: 40px; height: 40px; background-image: url('/images/home/kor/user/sub/mark_img_plus_icon.png'); background-size: 100%; background-repeat: no-repeat;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .mark_img_area > .list > li:last-child::before { display: none;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .mark_img_area > .list > li > .box { text-align: center;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .mark_img_area > .list > li > .box .img_box { margin: 0 0 10px 0; background-color: #f7f8f9; border-radius: 10px;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .mark_img_area > .list > li > .box .img_box .img_inner { display: flex; justify-content: center; align-items: center; height: 270px;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .mark_img_area > .list > li > .box .img_box .img_inner img {}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .mark_img_area > .list > li > .box .text { font-weight: 900; font-size: 18px; line-height: 27px; color: #212121;}
.gray .com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .mark_img_area > .list > li > .box .text {color: #ffffff;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .color_list_area {}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .color_list_area > .list { display: flex; justify-content: space-between; align-items: stretch;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .color_list_area > .list > li { width: calc(50% - 12px); margin: 0 24px 0 0;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .color_list_area > .list > li:last-child { margin: 0;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .color_list_area > .list > li > .box { padding: 24px 30px 26px; border-radius: 10px;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .color_list_area > .list > li > .box.bg01 { background-color: #005940;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .color_list_area > .list > li > .box.bg02 { background-color: #4db848;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .color_list_area > .list > li > .box .inner_box { display: flex; justify-content: space-between; align-items: stretch;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .color_list_area > .list > li > .box .inner_box .title_box { width: calc(100% - 135px); padding: 0 10px 0 0;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .color_list_area > .list > li > .box .inner_box .title_box .title { font-weight: 900; font-size: 24px; line-height: 36px; color: #ffffff;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .color_list_area > .list > li > .box .inner_box .text_box { width: 135px;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .color_list_area > .list > li > .box .inner_box .text_box .text { font-weight: 400; font-size: 16px; line-height: 24px; color: #ffffff; text-align: right;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .color_list_area > .list > li > .box .inner_box .text_box .text .ft_b { font-weight: 700;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .color_list_area > .list > li:nth-child(2)) > .box .inner_box .title_box .title, 
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .color_list_area > .list > li:nth-child(2)) > .box .inner_box .text_box .text {color:#005940 }
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .minimum_area {}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .minimum_area .inner_box {}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .minimum_area .inner_box .img_box {}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .minimum_area .inner_box .img_box .img_inner {}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .minimum_area .inner_box .img_box .img_inner img { width: 100%;}
.gray .com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .minimum_area .inner_box .img_box .img_inner img {background-color: #ffffff;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .minimum_area .inner_box .img_box.img01 .img_inner img { max-width: 236px;}
.com_list_area > .list > li > .inner_box .brand_mark_list_area > .list > li > .box > .inner_box .cont_box .minimum_area .inner_box .img_box.img02 .img_inner img { max-width: 640px;}
.custom_overlay {position: relative; width: 250px; padding: 0 0 20px;}
.custom_overlay::before {display: block; content: ''; position: absolute; bottom: 0; left: 50%; border-top: 20px solid #03a05a; border-left: 15px solid transparent; border-right: 15px solid transparent; transform: translateX(-50%);}
.custom_overlay .inner {background-color: #03a05a; padding: 10px; border-radius: 10px;}
.custom_overlay .inner .title {margin: 0 0 10px; font-weight: 700; font-size: 18px; line-height: 27px; color: #ffffff;}
.custom_overlay .inner .link_btn {display: block; padding: 0 5px; background-color: #ffffff; font-weight: 700; font-size: 16px; line-height: 30px; color: #212121;; text-align: center;}