@charset "UTF-8";
/* 폰트 */
@font-face {
	font-family: 'CookieRun';
	font-style: normal;
	font-weight: 400;
	src: local('CookieRun Regular'),
	   local('CookieRun-Regular'),
	   url('../font/CookieRun-Regular.woff2') format('woff2'),
	   url('../font/CookieRun-Regular.woff') format('woff'),
	   url('../font/CookieRun-Regular.otf') format('opentype'),
       url('../font/CookieRun-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'CookieRun';
	font-style: normal;
	font-weight: 700;
	src: local('CookieRun Bold'),
	   local('CookieRun-Bold'),
	   url('../font/CookieRun-Bold.woff2') format('woff2'),
	   url('../font/CookieRun-Bold.woff') format('woff'),
	   url('../font/CookieRun-Bold.otf') format('opentype'),
       url('../font/CookieRun-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'CookieRun';
	font-style: normal;
	font-weight: 800;
	src: local('CookieRun Black'),
	   local('CookieRun-Black'),
	   url('../font/CookieRun-Black.woff2') format('woff2'),
	   url('../font/CookieRun-Black.woff') format('woff'),
	   url('../font/CookieRun-Black.otf') format('opentype'),
       url('../font/CookieRun-Black.ttf') format('truetype');
}
/* 메인 배너 */
.visual-area .banner-wrap .swiper-wrapper > li > a.btn_yeep {width: 197px;border: 1px solid #3098FE;background: #fff;color: #3098FE;text-align: center;display: block;position: absolute;left:45px;bottom:42px;height: 40px;line-height: 40px;box-sizing: border-box;}
.visual-area .banner-wrap .swiper-wrapper > li > a.btn_yeep::after {content: '';display: inline-block;background: url(../images/tutorial/banner_arrow.png) no-repeat center;width: 10.86px;height: 10.5px;margin-left: 10.5px;}

/* 챗봇형식 */
.tutor_btn {width: 90px;height: 90px;position: fixed;right: 20px;bottom: 120px;z-index: 1000;overflow: hidden;cursor: pointer;box-shadow: 0 1px 6px rgb(0 0 0 / 6%), 0 2px 32px rgb(0 0 0 / 16%);border-radius: 50%;background-color: #3098FE;}
.tutor_btn:hover {box-shadow: 0 1px 9px rgb(0 0 0 / 28%), 0 2px 32px rgb(0 0 0 / 16%);}
.tutor_btn button {width: 90px;height: 90px;display:block;padding: 0;border-radius: 50%;background: #3098FE;}
.tutor_btn button:focus {outline: 1px solid transparent;}
.tutor_btn button:focus-visible {outline: 2px dashed red;outline-offset: -2px;}
.tutor_btn button img {display: block;width: 100%;height: auto;}

.tutor_chat {position: fixed;z-index: 999990;width: 460px;height: 770px;right: 20px;bottom: 120px;max-height: 90vh;overflow-y: auto;overflow-x: hidden;background: #fff;display: none;box-shadow: 4px 2px 12px rgba(110,110,110,0.6);}
.tutor_chat button {background: transparent;}
.tutor_chat button:focus {outline: 1px solid transparent;}
.tutor_chat button:focus-visible {outline: 1px dotted red;outline-offset: -2px;}
.tutor_chat a:focus {outline: 1px solid transparent;}
.tutor_chat a:focus-visible {outline: 1px dotted red;outline-offset: -2px;}
.tutor_chat .intro {width: 100%;height: 100%;background: #2E97FF;display: flex;justify-content: center;align-items: center;flex-direction: column;min-height: 550px;position: absolute;z-index: 500;}
.tutor_chat .intro p {font-size: 34px;color: #fff;line-height: 42px;text-align: center;font-family: 'CookieRun';font-weight: 400;}
.tutor_chat .intro img {display: block;margin: 57px auto 0;}

.tutor_chat .chat_wrap {width: 100%;overflow-y: auto;overflow-x: hidden;height: calc(100% - 116px);margin-top: 58px;}
.tutor_chat .chat_header {width: 460px;height: 58px;background: #3098FE;position:absolute;z-index: 300;;box-sizing: content-box;padding-right: 17px;box-sizing: border-box;top: 0;}
.tutor_chat .chat_header h3 {font-size: 20px;font-family: 'CookieRun';text-align: center;color: #fff;line-height: 58px;}
.tutor_chat .chat_header button {cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);}
.tutor_chat .chat_header .home {left: 24px;}
.tutor_chat .chat_header .close {right: 30px;}
.tutor_chat .chat_header .close img {display: block;}

.tutor_chat .chat_box {width: 100%;position: relative;}
.tutor_chat .chat_box:focus-visible {outline:1px solid red;outline-offset: -1px;}
.tutor_chat .menu_open {
    position: absolute;left: 50%;top: 15px;display: block;width: 176px;height: 40px;background: #3098FE;font-size: 16px;color: #fff;font-weight: 700;text-align: center;border-radius: 50px;transform: translateX(-50%);
    z-index: 100;
}
.tutor_chat .menu_open:focus-visible {outline: 1px dashed red;outline-offset: -1px;}
.tutor_chat .menu_open::after {content:'';width: 15px;height: 9px;background: url(../images/tutorial/menu_down.png) no-repeat center;display: inline-block;margin-left: 10px;transform: rotate(0);}
.tutor_chat .menu_open.active::after {transform: rotate(180deg);}
.tutor_chat .menu_open:hover {border: 1px solid #3098FE;color: #3098FE;background: #fff;}
.tutor_chat .menu_open:hover::after {background: url(../images/tutorial/menu_down_on.png) no-repeat center;}
.tutor_chat .user_menu {width: 100%;height: 100%;background: rgba(0,0,0,0.6);display: none;position: absolute;top: 0;z-index: 290;}
.tutor_chat .user_menu .inner {width: 100%;height: 553px;border-radius: 0 0 20px 20px;background: #fff;box-sizing: border-box;padding-top: 72px;display: none;}
.tutor_chat .user_menu .inner p {font-size: 22px;color: #333333;text-align: center;}
.tutor_chat .user_menu .inner p strong {}

.tutor_chat .user_menu .inner .menu_lst {margin-top: 40px;}
.tutor_chat .user_menu .inner .menu_lst > ul {width: 92%;margin: 0 auto;}
.tutor_chat .user_menu .inner .menu_lst > ul > li {width: 100%;padding-bottom: 11px;margin-bottom: 21px;border-bottom: 1px solid #DDDDDD;display: flex;align-items: center;justify-content: space-between;}
.tutor_chat .user_menu .inner .menu_lst > ul > li:last-child {padding-bottom: 0;margin-bottom: 0;border-bottom: none;}
.tutor_chat .user_menu .inner .menu_lst > ul > li h4 {font-size: 17px;color: #333333;font-weight: 500;line-height: 43px;text-align: center;}
.tutor_chat .user_menu .inner .menu_lst > ul > li h4 img {display: block;margin: 0 auto 5px;}
.tutor_chat .user_menu .inner .menu_lst > ul > li > ul {width: calc(100% - 87px);display: flex;flex-wrap: wrap;justify-content: space-between;}
.tutor_chat .user_menu .inner .menu_lst > ul > li > ul > li {width: 48.5%;margin-bottom: 10px;}
.tutor_chat .user_menu .inner .menu_lst > ul > li > ul > li > button {color: #333333;font-size: 16px;height: 44px;border: 1px solid #666666;border-radius: 50px;display: block;width: 100%;line-height: 18px;}
.tutor_chat .user_menu .inner .menu_lst > ul > li > ul > li > button:hover {color: #3098FE;border: 1px solid #3098FE;}
.tutor_chat .user_menu .inner .menu_lst > ul > li > ul > li > a {color: #333333;font-size: 16px;height: 44px;border: 1px solid #666666;border-radius: 50px;display: flex;width: 100%;line-height: 18px;text-align: center;align-items: center;justify-content: center;}
.tutor_chat .user_menu .inner .menu_lst > ul > li > ul > li > a:hover {color: #3098FE;border: 1px solid #3098FE;}

.quick02_cont01 .chat_txt {padding-bottom: 440px;position: relative;}
.tutor_chat .chat_txt .menu_lst {position: absolute;left: 0;bottom: 0;padding: 15px;border-radius: 10px;border: 1px solid #ccc;}
.tutor_chat .chat_txt .menu_lst > ul {width: 100%;margin: 0 auto;}
.tutor_chat .chat_txt .menu_lst > ul > li {width: 100%;padding-bottom: 8px;margin-bottom: 8px;border-bottom: 1px solid #DDDDDD;display: flex;justify-content: space-between;align-items: center;}
.tutor_chat .chat_txt .menu_lst > ul > li:last-child {padding-bottom: 0;margin-bottom: 0;border-bottom: none;}
.tutor_chat .chat_txt .menu_lst > ul > li h4 {font-size: 17px;color: #333333;font-weight: 500;line-height: 43px;text-align: center;}
.tutor_chat .chat_txt .menu_lst > ul > li h4 img {display: block;margin: 0 auto 5px;}
.tutor_chat .chat_txt .menu_lst > ul > li > ul {width: calc(100% - 80px);display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.tutor_chat .chat_txt .menu_lst > ul > li > ul > li {width: 48.5%;margin-bottom: 10px;}
.tutor_chat .chat_txt .menu_lst > ul > li > ul > li:nth-of-type(3),
.tutor_chat .chat_txt .menu_lst > ul > li > ul > li:nth-of-type(4) {margin-bottom: 0;}
.tutor_chat .chat_txt .menu_lst > ul > li > ul > li > button {color: #333333;font-size: 16px;height: 44px;border: 1px solid #666666;border-radius: 50px;display: block;width: 100%;line-height: 18px;}
.tutor_chat .chat_txt .menu_lst > ul > li > ul > li > button:hover {color: #3098FE;border: 1px solid #3098FE;}
.tutor_chat .chat_txt .menu_lst > ul > li > ul > li > button.active {background: #3098FE;color: #fff;}
.tutor_chat .chat_txt .menu_lst > ul > li > ul > li > a {color: #333333;font-size: 16px;height: 44px;border: 1px solid #666666;border-radius: 50px;display: flex;width: 100%;line-height: 18px;text-align: center;align-items: center;justify-content: center;}
.tutor_chat .chat_txt .menu_lst > ul > li > ul > li > a:hover {color: #3098FE;border: 1px solid #3098FE;}


.tutor_chat .user_menu  .menu_close {
    float: right;color: #fff;cursor: pointer;font-size: 16px;padding-right: 20px;background: url(../images/tutorial/close.png) no-repeat right center;background-size: 12px 12px;
    margin-right: 20px;margin-top: 5px;
}

/* 채팅내용 */
.open_chat .chat_txt {padding-left: 90px;background: url(../images/tutorial/chat_ico.png) no-repeat left bottom;margin-bottom: 20px;display:block;}
.open_chat .chat_txt p {background: #EEEEEE;border-radius: 20px 20px 20px 0;color: #333333;font-size: 18px;line-height: 28px;padding: 15px 27px 15px 15px;word-break: keep-all;}


.chat_cont {padding-top: 70px;width: 90%;margin: 0 auto; position: relative;box-sizing: border-box;}
.chat_cont .chat {}
.chat_cont .chat .chat_txt {margin-bottom: 20px;padding-left: 90px;}
.chat_cont .chat .chat_txt p {
	background: #EEEEEE;border-radius: 20px 20px 20px 0;color: #333333;font-size: 18px;line-height: 28px;padding: 15px 27px 15px 15px;word-break: keep-all;position: relative;
}
.chat_cont .chat .chat_txt p::before {content: '';width: 67px;height: 69px;background: url(../images/tutorial/chat_ico.png) no-repeat left bottom;display: block;position: absolute;left: -90px;bottom: 0;}
.chat_cont .chat .chat_txt p span {color: #3098FE;}

.chat .chat_txt {opacity: 0;}
.quick_cont .chat {display:none;}


.tutor_chat .download {
    width: 443px;height: 58px;background: #DDDDDD;position:absolute;bottom: 0;left:0;display: flex;justify-content: flex-end;align-items: center;padding-right: 17px;z-index: 250;box-sizing: content-box;
}
.tutor_chat .download a {
    display: block;width: 200px;padding: 10px 0;text-align: center;font-size: 16px;color: #3098FE;padding-right: 15px;background: url(../images/tutorial/download.png) no-repeat 90% center, #fff;border: 1px solid #3098FE;;
    border-radius: 50px;
}
.tutor_chat .download a:hover {background: url(../images/tutorial/download_wh.png) no-repeat 90% center, #3098FE;color:#fff;}

.user_quick {width: 100%;margin-bottom: 20px;display: block;}
.user_quick > ul {display: flex;width: 100%;flex-wrap: wrap;justify-content: space-between;}
.user_quick > ul > li:nth-child(1),.user_quick > ul > li:nth-child(2) {width: 48%;margin-bottom: 25px;}
.user_quick > ul > li:nth-child(3),.user_quick > ul > li:nth-child(4), .user_quick > ul > li:nth-child(5) {width:31.33%;}
.user_quick > ul > li > button {display: block;height: 52px;border: 1px solid #CCCCCC;border-radius: 50px;font-size: 18px;font-weight: 700;text-align: center;width: 100%;}
.user_quick > ul > li:hover > button {border: 1px solid #3098FE;color: #3098FE;}
.user_quick > ul > li:nth-child(3) button,.user_quick > ul > li:nth-child(4) button, .user_quick > ul > li:nth-child(5) button {padding: 0 25px 0 0;box-sizing: border-box;}

.user_quick > ul > li:nth-child(3) > button {background: url(../images/tutorial/quick_ico02.png) no-repeat right center;}
.user_quick > ul > li:nth-child(4) > button {background: url(../images/tutorial/quick_ico01.png) no-repeat right center;}
.user_quick > ul > li:nth-child(5) > button {background: url(../images/tutorial/quick_ico03.png) no-repeat right center;}

.user_quick > ul > li.active > button {background: #3098FE;color: #fff;border: 1px solid #3098FE;}
.user_quick > ul > li:nth-child(3).active button,.user_quick > ul > li:nth-child(4).active button, .user_quick > ul > li:nth-child(5).active button {padding: 0;}

.chat .btn_area {width: 100%;display: flex;justify-content: space-between;align-items: center;}
.chat .btn_area button {display: block;text-align: center;font-size: 18px;color: #666666;font-weight: 500;border: 1px solid #CCCCCC;border-radius: 50px;padding: 12px 0;line-height: 24px;}
.chat .btn_area button:hover {border: 1px solid #3098FE;color:#3098FE;}
.chat .btn_area button:focus-visible {outline: 1px dashed red;outline-offset: -2px;}
.chat .btn_area a {display: block;padding: 12px 0;text-align: center;font-size: 18px;color: #666666;font-weight: 500;border: 1px solid #CCCCCC;border-radius: 50px;line-height: 24px;}
.chat .btn_area a:hover {border: 1px solid #3098FE;color:#3098FE;}
.chat .btn_area a:focus-visible {outline: 1px dashed red;outline-offset: -2px;}
.chat .btn_area .active:not(.reset) {background: #3098FE;color: #fff;border: 1px solid #3098FE;}
.chat .btn_area .active:hover:not(.reset) {background: #3098FE;color: #fff;border: 1px solid #3098FE;}
.chat .btn_area .btn01 {width: 35%;}
.chat .btn_area .btn02 {width: 35%;}
.chat .btn_area .no.short_cut {}
.chat .btn_area .reset {width: 21.5%;display: flex;justify-content: center;align-items: center;padding: 16px 0;}

.chat .btn_area.long {flex-wrap: wrap;}
.chat .btn_area.long .btn01 {width: 100%;margin-bottom: 10px;}
.chat .btn_area.long .btn02 {width: 100%;margin-bottom: 10px;}
.chat .btn_area.long .btn03 {width: 100%;margin-bottom: 10px;}
.chat .btn_area.long .reset {margin-left: auto;}

.chat .btn_lst {width: 100%;margin-top: 15px;position: relative;}
.chat .btn_lst li {width: 100%;margin-bottom: 10px;border: 1px solid #3098FE;}
.chat .btn_lst li:last-child {margin-bottom: 0;}
.chat .btn_lst li button {text-align: center;font-size: 16px;color: #3098FE;font-weight: 500;padding: 10.5px 0;box-sizing: border-box;text-align: center;display: block;width: 100%;cursor: pointer;}
.chat .btn_lst li a {text-align: center;font-size: 16px;color: #3098FE;font-weight: 500;padding: 10.5px 0;box-sizing: border-box;text-align: center;display: block;width: 100%;cursor: pointer;}
.chat .btn_lst li.active button {color: #fff;background: #3098FE;}
.chat .btn_lst li.active a {color: #fff;background: #3098FE;}
.chat .btn_lst li:hover {background-color: #3098FE;}
.chat .btn_lst li:hover button {color: #fff;}
.chat .btn_lst li:hover a {color: #fff;}

.chat .btn_lst .reset {
	display: block;text-align: center;font-size: 18px;color: #3098FE;font-weight: 500;border: 1px solid #3098FE;border-radius: 50px;line-height: 24px;width: 21.5%;
	display: flex;justify-content: center;align-items: center;padding: 16px 0;margin-left: auto;margin-top: 10px;
}
.chat .btn_lst .reset:hover {
	background: #3098FE;
}


/* 공통 */
.up_btn {position: absolute;right: 57px;bottom: 44px;}
.up_btn button {background: #fff;}

.tutorial {width: 1150px;margin: 0 auto;}
.tutorial > h2 {text-align: center;margin: 30px auto 50px;font-size: 36px;font-weight: 500;line-height: 52px;}
.tutor_map {width: 100%;margin-bottom: 40px;width: 1150px;}
.tutor_map ul {display: flex;justify-content: center;}
.tutor_map ul li {display: flex;align-items: center;flex: 1 0 auto;}
.tutor_map ul li.long a {flex: 1 0 auto;width: 540px;}
.tutor_map ul li::after {content: '';width: 22px;height: 43px;background: url(../images/tutorial/next_arrow.png) no-repeat center;display: block;margin: 0 15px;}
.tutor_map ul li:last-child:after {display: none;}
.tutor_map ul li a {font-size: 18px;color: #EA7710;font-weight: 500;text-align: center;border-radius: 50px;display: flex;border: 1px solid #EA7710;flex: 1 0 auto;height: 50px;align-items: center;justify-content: center;}
.tutor_map ul li.active a {background-color: #EA7710;color: #fff;border: 1px solid #EA7710;}
.tutor_map ul li a:focus-visible {outline: 1px dashed blue;outline-offset: 1px;}

.tutor_map.map_num1 ul li {flex: none;margin-right: auto;}
.tutor_map.map_num1 ul li a {padding:0 97px;}

.tutor_cont {padding: 100px 45px 100px 65px;border: 1px solid #DDDDDD;background-color: #fff;position: relative;}
.tutor_cont .txt {font-size: 20px;color: #333333;line-height: 30px;margin: 40px auto;width: 100%;text-align: center;}
.tutor_cont .txt img {display: inline-block;vertical-align: middle;}
.tutor_cont .txt:first-child {margin: 0 auto 40px;}
.tutor_cont .txt span {color: #EA7710;line-height: 19px;display: inline-table;vertical-align: baseline;}
.tutor_cont .txt span.red {color: #FF0000;}
.tutor_cont .txt b.num {color: #fff;background-color: #EA7710;font-weight: 500;font-size: 11px;border-radius: 50%;width: 17px;height:18px;text-align: center;display: table-cell;vertical-align: middle;padding-right: 1px;}
.tutor_cont img {margin: 0 auto;display: block;}
.tutor_cont img.down_arrow {margin: 50px auto;}
.tutor_cont .lst_cont {width: 55%;margin: 0 auto;padding-left: 5%;}
.tutor_cont .lst_cont li {font-size: 18px;color: #333333;line-height: 32px;}
.tutor_cont .lst_cont li span{color: #EA7710;}
.tutor_cont .top_txt {font-size: 24px;line-height: 35px;color: #333;margin-bottom: 33px;text-align: center;}
.tutor_cont .top_txt span {color: #EA7710;}
.tutor_cont .top_txt2 {font-size: 24px;line-height: 35px;color: #333;margin-bottom: 33px;}
.tutor_cont .top_txt2 span {color: #EA7710;}
.tutor_cont p.txt_check {display: list-item;line-height: 32px;font-weight: 400;font-size: 18px;margin-top: 15px;overflow: hidden;list-style-image:url(../images/tutorial/check.png);list-style-position: inside;text-align: center;margin-bottom: 38px;}
.tutor_cont p.txt_check > span {color: #EA7710;}
.tutor_cont span.img_cont {text-align: center;margin: 30px auto;font-size: 20px;line-height: 29px;color: #333;display: block;}
.tutor_cont .txt04 {margin: 50px auto;text-align: center;}
.tutor_cont .txt04 h4 {font-size: 20px;line-height: 29px;color: #EA7710;margin-bottom: 15px;font-weight: normal;}
.tutor_cont .txt04 span {font-size: 20px;color: #333333;line-height: 24px;}
.tutor_cont .txt04 p {font-size: 16px;color: #666666;line-height: 24px;}
.tutor_cont p.ico_txt {
	padding: 5px 0 5px 90px;background: url(../images/tutorial/chat_ico.png) no-repeat left center;background-size: auto 68px;font-size: 20px;color: #333;line-height: 29px;;font-weight: 400;margin-bottom: 45px;min-height: 68px;
}
.tutor_cont p.ico_txt span {font-weight: 500;display: block;}
.tutor_cont p.ico_txt span.color {color: #EA7710;display: inline-block;}
.tutor_cont p.ico_txt b.num {
	color: #fff;background-color: #EA7710;font-weight: 500;font-size: 11px;border-radius: 50%;width: 17px;height:18px;text-align: center;display: inline-block;vertical-align: middle;padding-right: 1px;line-height: 18px;
	margin-bottom: 5px;
}

.tutorial .tutor_cont .mentoring {padding: 25px 110px;display: flex;border: 1px solid #ccc;margin-bottom: 40px;}
.tutorial .tutor_cont .mentoring li {margin-right: 80px;font-size: 16px;color: #666666;line-height: 32px;font-weight: 500;margin-bottom: 0;}
.tutorial .tutor_cont .mentoring li:last-of-type {margin-right: 0;}

.tutor_cont .box_wrap {display: flex;width: 80%;margin: 0 auto 50px;justify-content: space-between;}
.tutor_cont .box_wrap > div {width: 50%;display: flex;align-items: center;}
.tutor_cont .box_wrap > div img {margin: 0 20px 0 0;}
.tutor_cont .box_wrap > div p {font-size: 18px;color: #333;line-height: 26px;}
.tutor_cont .box_wrap > div p span {font-size: 20px;font-weight: 500;margin-bottom: 8px;display: block;}

.section_box {}
.section_box:after {content:'';width: 718px;height: 1px;background: #ddd;margin: 80px auto;display: block;}

.tutorD101 .tutor_cont .top_txt {font-size: 28px;font-weight: 500;color: #333;line-height: 40px;margin-bottom: 30px;text-align: left;}


.btn_area {display: flex;justify-content:space-between;margin-top: 28px;}
.btn_area.btn_num1 {justify-content: flex-end;}
.btn_area a {width: 136px;padding: 12.5px 0;color: #fff;text-align: center;display: block;font-size: 16px;}
.btn_area a.prev {background: #DDDDDD;color: #666666;}
.btn_area a.next {background: #31A9E1;}
.btn_area a:focus-visible {outline: 1px dashed blue;outline-offset: 1px;}
.btn_area a.next:focus-visible {outline: 1px dashed blue;outline-offset: 1px;}


.direct_btn {}
.direct_btn a {color: #FFFFFF;background-color: #31A9E1;text-align: center;width: 216px;display: flex;margin: 34px auto 0;border: 1px solid #31A9E1;height: 50px;align-items: center;justify-content: center;}
.direct_btn a:hover {border: 1px solid #31A9E1;color: #31A9E1;background-color: #fff;transition: all 0.1s;}
.direct_btn a:focus-visible {outline: 1px dashed blue;outline-offset: 1px;}

.relation_menu {margin-top: 42px;}
.relation_menu span {font-weight: 500;color: #666666;text-align: center;display: block;margin-bottom: 13px;}
.relation_menu .btn_wrap {display: flex;justify-content: center;}
.relation_menu a, .relation_menu button {display: flex;width: 136px;height:46px;background-color: #6C6A6B;text-align: center;color: #fff;font-size: 16px;line-height: 18px;border: 1px solid #6C6A6B;align-items: center;justify-content: center;}
.relation_menu a:focus-visible, .relation_menu button:focus-visible {outline: 1px dashed blue;outline-offset: 1px;}
.relation_menu a:hover, .relation_menu button:hover {border: 1px solid #6C6A6B;color: #6C6A6B;background-color: #fff;transition: all 0.1s;}
.relation_menu a:first-child, .relation_menu button:first-child {margin-right: 10px;}


/* 이미지 */
.tutorial .intro_img {background: url(../images/tutorial/tutor01_img01.png) no-repeat 90% center;background-size: 300px auto;}
.tutorA201 .intro_img {background-position: 90% 56%;}
.tutorA301 .intro_img {background-position: 90% 90%;}
.tutorB201 .intro_img {background-position: 95% 56%;}
.tutorB1201 .intro_img {background-position: right 50px bottom 52%;}
.tutorE101 .intro_img {background-position: 90% 55%;}
.tutor_cont img.left_img {margin: 10px 0;}
.tutorD101 .intro_img {background-position: 90% 7%;}
.tutorD201 .intro_img {background-position: 95% 10%;}
.tutorE201 .intro_img {background-position: 95% 40%;}
.tutorE202 .intro_img {background-position: 95% 15%;background-size: 250px auto;}


/* 소개페이지 */
.tutorial_intro {padding:100px 100px 120px 70px;border: 1px solid #DDDDDD;background: url(../images/tutorial/tutor01_img01.png) no-repeat 90% 65px;background-size: 216px 206px;position: relative;}
.tutorial_intro h3 {font-size: 28px;line-height: 40px;font-weight: 500;margin-bottom: 13px;color: #333;}
.tutorial_intro h3 span {color: #dd6800;}
.tutorial_intro p {font-size: 22px;color: #333333;line-height: 34px;}
.tutorial_intro section {margin-bottom: 94px;}
.tutorial_intro section h3 {}
.tutorial_intro section h3 span {}
.tutorial_intro section p {}
.tutorial_intro section .inner > div {display: flex;flex-direction: column;width: 50%;}
.tutorial_intro section .inner > div > span {
	display: block;width: 246px;padding: 11px 0;border: 1px solid #dd6800;font-size: 18px;font-weight: 500;line-height: 26px;text-align: center;margin: 0 auto;color: #dd6800;border-radius: 50px;margin-top: 25px;
}
.tutorial_intro section img {margin: 40px auto;display: block;}
.tutorial_intro section.tutor_flex .inner {display: flex;justify-content: space-between;}

.tutorial_intro .txt01 {font-size: 20px;line-height: 24px;color: #333;text-align: center;margin: 32px 0 35px 0;}
.tutorial_intro .txt02 {font-size: 16px;color: #333;line-height: 24px;text-align: center;}
.tutorial_intro .txt02 img {display: inline-block;margin: 0 0 2px 1px;}

.tutorial_intro .chat_direct {width: 216px;height: 50px;background: #0596d9;color: #fff;text-align: center;display: block;margin: 0 auto;font-size: 18px;font-weight: 500;line-height: 20px;}
.tutorial_intro .chat_direct:focus{outline: 2px solid #000;}
/* 소개페이지 이미지 사이즈 */
.intro_img01 {width: auto;height: 336px;}
.intro_img02 {width: auto;height: 334px;}
.intro_img03 {width: auto;height: 128px;}
.intro_img04 {width: auto;height: 136px;}
.intro_img05 {width: auto;height: 25px;margin: 0 auto;vertical-align: middle;}
 

/* 각 메뉴의 인트로 페이지 */
.tutor_cont .intro li {margin-bottom: 60px;}
.tutor_cont .intro li:last-child {margin-bottom: 0;}
.tutor_cont .intro li h3 {font-size: 28px;font-weight: 500;color: #333333;line-height: 40px;display: inline-block;background: #EFEFEF;padding: 12px 20px;border-radius: 10px;margin-bottom:15px}
.tutor_cont .intro li h3 span {font-size: 28px;font-weight: 500;color: #EA7710;}
.tutor_cont .intro li h3 span b.num {color: #fff;background-color: #EA7710;font-weight: 500;font-size: 11px;border-radius: 50%;width: 17px;height:18px;text-align: center;display: table-cell;vertical-align: middle;padding-right: 1px;line-height: 18px;}
.tutor_cont .intro li h4 {font-size: 22px;font-weight: 500;color: #333333;margin-bottom: 12px;line-height: 32px;}
.tutor_cont .intro li h4 span {color: #fff;font-size: 22px;font-weight: 500;background-color: #EA7710;}
.tutor_cont .intro li p:not(.txt) {font-size: 16px;color: #333333;line-height: 26px;}
.tutor_cont .intro li p.check {display: block;line-height: 36px;font-weight: 500;font-size: 20px;position: relative;padding-left: 25px;}
.tutor_cont .intro li p.check::before {content:'';width:19.74px;height:36px;display:block;background: url(../images/tutorial/check.png) no-repeat left center;margin-right: 5px;float: left;position: absolute;left: 0;top: 0;}
.tutor_cont .intro li p.check > span {color: #EA7710;}
.tutor_cont .intro li p.check > span b.num {color: #fff;background-color: #EA7710;font-weight: 500;font-size: 11px;border-radius: 50%;width: 17px;height:18px;text-align: center;display: table-cell;vertical-align: middle;padding-right: 1px;line-height: 18px;}
.tutor_cont .intro li p.num_txt {font-size: 20px;color: #333;line-height: 32px;margin-bottom: 15px;}
.tutor_cont .intro li p.num_txt > span {color: #EA7710;}
.tutor_cont .intro li p.num_txt b.num {
	color: #fff;background-color: #EA7710;font-weight: 500;font-size: 11px;border-radius: 50%;width: 17px;height:18px;text-align: center;display: inline-block;vertical-align: middle;padding-right: 1px;line-height: 18px;
	margin-bottom: 5px;margin-right: 5px;
}
.tutor_cont .intro li p.normal_txt {font-size: 22px;color: #333;line-height: 32px;margin-top: 15px;}
.tutor_cont .intro li p.normal_txt > span {color: #EA7710;}
.tutor_cont .intro li p.normal_txt b.num {
	color: #fff;background-color: #EA7710;font-weight: 500;font-size: 11px;border-radius: 50%;width: 17px;height:18px;text-align: center;display: inline-block;vertical-align: middle;padding-right: 1px;line-height: 18px;
	margin-bottom: 5px;
}

.tutor_cont .intro li .section_box h3 {
	font-size: 28px;font-weight: 500;color: #333333;line-height: 40px;display: inline-block;background: #EFEFEF;padding: 12px 20px 12px 0;border-radius: 10px;margin-bottom:15px;
	background: none;
}
.tutor_cont .intro li .section_box h3:before {content:'·';font-size: 20px;color: #333;margin-right: 8px;}

.tutor_cont .intro ul.check_lst {margin: 35px 0;}
.tutor_cont .intro li.check_center {
	display: list-item;line-height: 36px;font-size: 20px;position: relative;list-style-image:url(../images/tutorial/check.png);list-style-position: inside;text-align: center;margin: 0;
}
.tutor_cont .intro li.check_center > span {color: #EA7710;}

.tutor_cont .intro li p.check_num {display: block;line-height: 36px;font-weight: 500;font-size: 20px;position: relative;padding-left: 25px;}
.tutor_cont .intro li p.check_num::before {content:'';width:19.74px;height:36px;display:block;background: url(../images/tutorial/check.png) no-repeat left center;margin-right: 5px;float: left;position: absolute;left: 0;top: 0;}
.tutor_cont .intro li p.check_num > span {color: #EA7710;line-height: 19px;display: inline-table;vertical-align: baseline;}
.tutor_cont .intro li p.check_num > span b.num {color: #fff;background-color: #EA7710;font-weight: 500;font-size: 11px;border-radius: 50%;width: 17px;height:18px;text-align: center;display: table-cell;vertical-align: middle;padding-right: 1px;}
.tutor_cont .intro li p.txt05 {font-size: 20px;color: #333;line-height: 26px;text-align: left;}
.tutor_cont .intro li p.txt06 {font-size: 20px;color: #333;line-height: 32px;text-align: left;}

.tutor_cont .next_txt {font-size: 14px;color: #666666;font-weight: 500;line-height: 20px;margin-top: 38px;}
.tutor_cont .next_txt span {color: #EA7710;}

.tutor_cont .intro img.inline_img {display: inline-block;vertical-align: sub;}

.tutor_cont .ico_txt02 {
    padding-left: 100px;background: url(../images/tutorial/ico_right.png) no-repeat left center;z-index: 10;display: inline-block;margin: 40px 0 0 0;min-height: 78px;
}
.tutor_cont .ico_txt02 p {display: flex;align-items: center;background: #3098FE;border-radius: 20px;position: relative;}
.tutor_cont .ico_txt02 p img {display: inline-block;}
.tutor_cont .ico_txt02 p b.num {color: #fff;background-color: #EA7710;font-weight: 500;font-size: 11px;border-radius: 50%;width: 17px;height:18px;text-align: center;display:inline-table;vertical-align: middle;padding-right: 1px;line-height: 18px;}
.tutor_cont .ico_txt02 p span {color: #fff;font-size: 16px;line-height: 22px;padding: 17px 20px;display: block;}

.tutor_cont .ico_txt02 p.left:after {
    border-top: 6.5px solid transparent;
    border-left: 0 solid transparent;
    border-right: 13px solid #3098FE;
    border-bottom: 6.5px solid transparent;
    content: "";
    position: absolute;
	left: -12px;
	z-index: 5;
	display: block;
}


.tutor_cont .intro02 > li {margin-bottom: 17px;}
.tutor_cont .intro02 > li:last-child {margin-bottom: 0;}
.tutor_cont .intro02 > li h3 {font-size: 20px;font-weight: 500;color: #EA7710;margin-bottom: 15px;line-height: 32px;background: #EFEFEF;padding:5px 10px;border-radius: 10px;display: inline-block;}
.tutor_cont .intro02 > li h3:before {content:'·';font-size: 20px;color: #EA7710;margin-right: 8px;}
.tutor_cont .intro02 > li h3 span {font-weight: 400;color: #333;}
.tutor_cont .intro02 > li > ul {margin-left: 10px;}
.tutor_cont .intro02 > li > ul > li {font-size: 18px;color: #333333;line-height: 32px;}
.tutor_cont .intro02 > li > ul > li span.orange {background: #EA7710;color:#fff;}
.tutor_cont .intro02 > li > ul > li span {color: #EA7710;}
.tutor_cont .intro02 > li p.check {display: list-item;line-height: 32px;font-weight: 400;font-size: 18px;margin-top: 15px;overflow: hidden;list-style-image:url(../images/tutorial/check.png);list-style-position: inside;}
.tutor_cont .intro02 > li p.check > span {color: #EA7710;}
.tutor_cont .intro02 .intro_box {border: 1px solid #ccc;padding: 27px 60px 10px 60px;margin: 17px 0 32px 0;}
.tutor_cont .intro02 .intro_box ul {width: 100%;display: flex;flex-wrap: wrap;}
.tutor_cont .intro02 .intro_box ul li {width: 20%;color: #666666;font-weight: 500;font-size: 16px;margin-bottom: 16px;text-align: center;}
.tutor_cont .intro02 .txt02 {font-size: 18px;color: #333;line-height: 32px;}

.tutor_cont .intro03 {margin-bottom: 45px;display: flex;flex-direction: column;}
.tutor_cont .intro03 h3 span b.num {color: #fff;background-color: #EA7710;font-weight: 500;font-size: 11px;border-radius: 50%;width: 17px;height:18px;text-align: center;display: table-cell;vertical-align: middle;padding-right: 1px;line-height: 18px;}
.tutor_cont .intro03 p {font-size: 20px;color: #333333;line-height: 26px;}
.tutor_cont .intro03 p.txt03 {margin-top: 38px;}
.tutor_cont .intro03 p.check {
	display: list-item;line-height: 36px;font-size: 20px;position: relative;margin-bottom: 40px;list-style-image:url(../images/tutorial/check.png);list-style-position: inside;
}
.tutor_cont .intro03 p.check > span {color: #EA7710;}

.tutor_cont .intro04 {}
.tutor_cont .intro04  p.normal_txt {font-size: 20px;font-weight: 500;color: #333;line-height: 29px;margin-bottom: 38px;}
.tutor_cont .intro04 .txt_box {width: 100%;position: relative;padding-top: 45px;margin-bottom: 40px;}
.tutor_cont .intro04 .txt_box span {
	border-top: 8px solid #EA7710;border-left: 1px solid #ddd;border-right: 1px solid #ddd;font-size: 18px;color: #333;line-height: 26px;font-weight: 500;text-align: center;
	position: absolute;left: 0;top: 0;display: inline-block;padding:2px 0 9px 0;width: 200px;
}
.tutor_cont .intro04 .txt_box p {font-size: 18px;color: #333;font-weight: 500;line-height: 26px;border: 1px solid #DDDDDD;border-top: none;padding: 20px;position: relative;}
.tutor_cont .intro04 .txt_box p:before {content:'';width: calc(100% - 200px);height: 1px;background: #ddd;position: absolute;right: 0;top: 0;}

.tutor_cont .intro04 h3 {font-size: 28px;color: #EA7710;line-height: 40px;font-weight: 500;margin-bottom: 8px;}
.tutor_cont .intro04 .tab_wrap {overflow: hidden;}
.tutor_cont .intro04 .tab_wrap > p {font-size: 20px;font-weight: 500;line-height: 36px;color: #333;}
.tutor_cont .intro04 .tab_wrap .right_txt {float: right;font-size: 14px;color: #EA7710;line-height: 36px;font-weight: 500;}
.tutor_cont .intro04 .tab_wrap .btn_area {clear: both;width: 100%;display: flex;align-items: flex-end;}
.tutor_cont .intro04 .tab_wrap .btn_area li {width: 33.33%;height: 45px;}
.tutor_cont .intro04 .tab_wrap .btn_area li:first-of-type button {border-left: 1px solid #ccc;}
.tutor_cont .intro04 .tab_wrap .btn_area li button {
	border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;display: inline-block;width: 100%;height: 100%;background: none;font-size: 18px;font-weight: 500;color: #333;text-align: center;
}
.tutor_cont .intro04 .tab_wrap .btn_area li.active {height: 53px;}
.tutor_cont .intro04 .tab_wrap .btn_area li.active button {border-top: 8px solid #EA7710;border-bottom: none;}

.tutor_cont .intro04 p.check {display: list-item;line-height: 26px;font-size: 20px;position: relative;margin-bottom: 40px;list-style-image:url(../images/tutorial/check.png);list-style-position: inside;}
.tutor_cont .intro04 p.check span {color: #EA7710;}

.tutor_cont .intro04 .txt_lst {margin-left: 25px;margin-top: 5px;}
.tutor_cont .intro04 .txt_lst li {font-size: 20px;color:#333;line-height: 26px;margin-bottom: 8px;}
.tutor_cont .intro04 .txt_lst li span.orange {font-size: inherit;color: #EA7710;display: inline-block;font-weight: 700;}
.tutor_cont .intro04 .txt_lst li span {font-size: 16px;line-height: 26px;color: #333;display: block;}

.tutor_cont .intro li p.normal_txt2 {font-size: 20px;line-height: 26px;margin-left: 20px;}
.tutor_cont .intro li p.normal_txt2 span {color: #EA7710;}


.hide { position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(1px 1px 1px 1px); /* IE6, IE7 */clip:rect(1px, 1px, 1px, 1px);}
.tutor_cont .tab_cont {border: 1px solid #ccc;border-top: none;margin-bottom: 35px;}
.tutor_cont .tab_cont li {padding: 40px 32px 50px 32px;display: none;}
.tutor_cont .tab_cont li.active {display: block;}
.tutor_cont .tab_cont li > h3 {font-size: 24px;color: #EA7710;line-height: 36px;font-weight: 500;margin-bottom: 30px;}
.tutor_cont .tab_cont li p {line-height: 22px;color: #333;font-weight: 500;font-size: 20px;}

.tutorD101 .tutor_cont img {margin: 35px auto;}
.tutorD101 .tutor_cont img.left_img {margin: 20px 0;}
.tutorB1101 .intro_img {background: none;}
.tutorC1101 .intro_img {background: none;}

.tutor_cont .tutor_table {width: 100%;font-size: 18px;}
.tutor_cont .tutor_table tr th {border: 1px solid #ccc;padding: 10px 0;text-align: center;border-bottom: none;font-weight: normal;border-right: none;}
.tutor_cont .tutor_table tr th:last-of-type {border-right: 1px solid #ccc;}
.tutor_cont .tutor_table tr td {border: 1px solid #ccc;padding: 15px 0;text-align: center;line-height: 26px;border-right: none;}
.tutor_cont .tutor_table tr td:last-of-type {border-right: 1px solid #ccc;}
.tutor_cont .tutor_table thead tr {border-bottom: none;}

.tutorial .tutor_cont .orange {color: #EA7710;}
.tutor01 .tutor_cont .next_txt {margin-bottom: 20px;}

.caption_box {position: relative;}
.caption_box .caption {
    padding-top: 58px;background: url(../images/tutorial/ico_right.png) no-repeat 10% top;z-index: 10;position: absolute;
}
.caption_box02 .caption {background: url(../images/tutorial/ico_left.png) no-repeat right 45px top 0;}
.caption_box .caption p {display: flex;width: 100%;align-items: center;background: #3098FE;border-radius: 20px;position: relative;}
.caption_box .caption p img {display: inline-block;}
.caption_box .caption p b.num {color: #fff;background-color: #EA7710;font-weight: 500;font-size: 11px;border-radius: 50%;width: 17px;height:18px;text-align: center;display:inline-table;vertical-align: middle;padding-right: 1px;line-height: 18px;}
.caption_box .caption p.top:after {
    border-top: 0 solid transparent;
    border-left: 6.5px solid transparent;
    border-right: 6.5px solid transparent;
    border-bottom: 13px solid #3098FE;
    content: "";
    position: absolute;
    top: -13px;
	right: 15%;
	z-index: 5;
	display: block;
}
/*
.caption_box .caption p.left:before {
    border-top: 6.5px solid transparent;
    border-left: 0 solid transparent;
    border-right: 13px solid #3098FE;
    border-bottom: 6.5px solid transparent;
    content: "";
    position: absolute;
	left: -12px;
	z-index: 5;
	display: block;
}*/ /* 20230314 수정 */
.caption_box .caption p.left:after {
    border-top: 6.5px solid transparent;
    border-left: 0 solid transparent;
    border-right: 13px solid #3098FE;
    border-bottom: 6.5px solid transparent;
    content: "";
    position: absolute;
	left: -12px;
	z-index: 5;
	display: block;
}
.caption_box .caption p.right:before {
    border-top: 6.5px solid transparent;
    border-left: 13px solid #3098FE;
    border-right: 0 solid transparent;
    border-bottom: 6.5px solid transparent;
    content: "";
    position: absolute;
	right: -12px;
	bottom: 20%;
	z-index: 5;
	display: block;
}
.caption_box .caption p.right:after {
    border-top: 6.5px solid transparent;
    border-left: 13px solid #3098FE;
    border-right: 0 solid transparent;
    border-bottom: 6.5px solid transparent;
    content: "";
    position: absolute;
	right: -12px;
	bottom: 20%;
	z-index: 5;
	display: block;
}
.caption_box .caption p.bottom:after {
    border-top: 13px solid #3098FE;
    border-left: 6.5px solid transparent;
    border-right: 6.5px solid transparent;
    border-bottom: 0 solid transparent;
    content: "";
    position: absolute;
    bottom: -13px;
	left:126px;
	z-index: 5;
	display: block;
}
.caption_box .caption p span {color: #fff;width: 100%;font-size: 16px;line-height: 22px;padding: 17px 20px;display: block;}

.tutorA102 .caption {right: 82px;bottom: 44.5px;}
.tutorA202 .caption01 {right: 25px;bottom: 164px;}
.tutorA202 .caption02 {right:196px;bottom: 180px;}
.tutorA303 .caption {left: 400px;bottom: 44.5px;}
.tutorB1103 .caption01 {right: 90px;top: -86px;}
.tutorB1202 .caption01 {left: 0;top: 239px;}
.tutorB1202 .caption02 {right: 176px;bottom: -63px;}
.tutorB1202 .caption03 {right: 86px;top: 160px;}
.tutorB1202 .caption04 {right: 62px;bottom: 86px;}
.tutorB1203 .caption01 {right: 10px;bottom: 17px;}
.tutorB1204 .caption01 {right: 16px;bottom: 22px;}
.tutorB1204 .caption02 {left: 370px;bottom: -75px;}
.tutorB1204 .caption03 {left: 137px;bottom: -86px;background-position: right top;}
.tutorB1205 .caption01 {right: 51px;bottom: -20px;background-position: right 10% top;}
.tutorC203 .caption01 {right: 7%;bottom: -2%;}
.tutorC402 .caption01 {left: 130px;top: -57px;background: url(../images/tutorial/ico_right.png) no-repeat 10% top;}
.tutorC402 .caption02 {right: 88px;top: 171px;}
.tutorC403 .caption01 {right: 110px;top: 165px;}
.tutorC403 .caption02 {right: 158px;top: 263px;}
.tutorD101 .caption01 {left: 455px;top: 20px;}
.tutorD101 .caption02 {right: 150px;bottom: 60px;}
.tutorD101 .caption03 {right: 71px;top: 109px;background-position: 60% top;}
.tutorD102 .caption01 {right: 43px;top: -112px;}
.tutorD202 .caption01 {right: 112px;top: -7px;}
.tutorD202 .caption02 {left: -15px;top: 80px;}
.tutorD202 .caption03 {left: 90px;bottom: -45px;}
.tutorD203 .caption01 {right: 253px;bottom: 11px;}
.tutorD203 .caption02 {left: 345px;top: -66px;}
.tutorD203 .caption03 {left: 117px;bottom: 60px;}
.tutorD302 .caption01 {right: 36px;top: 5px;}
.tutorD302 .caption02 {right: 70px;top: -100px;}
.tutorD303 .caption01 {left: 215px;top: 92px;}
.tutorD303 .caption02 {left: 60px;top: 110px;}
.tutorD303 .caption03 {right: 85px;top: -61px;}
.tutorD303 .caption04 {right: 17px;top: 335px;}
.tutorD303 .caption05 {right: 40px;bottom: 45px;}
.tutorD303 .caption06 {right: 110px;bottom: 60px;}
.tutorD304 .caption01 {right: 66px;top: 143px;}
.tutorD304 .caption02 {left: 183px;top: -71px;}
.tutorD304 .caption03 {right: 20%;top: 38%;}
.tutorD304 .caption04 {right: 12%;bottom: 15%;}
.tutorD304 .caption05 {right: 20%;top: 3%;}
.tutorD304 .caption06 {left: 22%;bottom: -9%;}
.tutorD304 .caption07 {left: 7%;top: 40%;}
.tutorD304 .caption08 {right: 8%;top: 9%;}
.tutorD304 .caption09 {right: 11%;top: 22.5%;}
.tutorD304 .caption10 {left: 4%;bottom: 20.5%;}
.tutorD304 .caption11 {right: -3%;bottom: 20.5%;}
.tutorD304 .caption12 {right: -2%;bottom: 25%;}
.tutorD402 .caption01 {right: 4%;bottom: -24%;}
.tutorD402 .caption02 {left: 20%;bottom: 34%;}
.tutorD402 .caption03 {right: 0;bottom: 0;background: url(../images/tutorial/ico_left.png) no-repeat 90% top;}
.tutorD402 .caption04 {right: 11%;top: -21%;}
.tutorD402 .caption05 {right: 2%;bottom: -13%;}
.tutorD402 .caption06 {left: 44%;top: 36%;}
.tutorD403 .caption01 {right: 39%;top: 10%;}
.tutorD403 .caption02 {right: 6%;top: 34%;}
.tutorD404 .caption01 {right: 1%;top: -4%;}
.tutorD404 .caption02 {left: 24%;top: 70%;background: url(../images/tutorial/ico_right.png) no-repeat 10% top;}
.tutorE102 .caption01 {right: 190px;top: 239px;}
.tutorE103 .caption01 {left: 110px;top: -11px;}
.tutorE103 .caption02 {right: 82px;top: 260px;}
.tutorE104 .caption01 {left: 90px;bottom: 104px;}
.tutorE104 .caption02 {right: 71px;bottom: -13px;}
.tutorE203 .caption01 {left: 7%;top: -24%;}
.tutorE203 .caption02 {right: 4.5%;top: -34%;}
.tutorE204 .caption01 {left: 11%;bottom: -5%;}
.tutorE204 .caption02 {right: 1.5%;bottom: -1%;background: url(../images/tutorial/ico_left.png) no-repeat 90% top;}




.tutorA102 .caption p.left:after {bottom: 30px;}
.tutorA202 .caption01 p.bottom:after {left: 30px;}
.tutorA202 .caption02 p.bottom:after {left: 30px;border-top:30px solid #3098FE;bottom: -30px;}
.tutorB1202 .caption01 p.top:after {right: 88px;}
.tutorB1202 .caption02 p.top:after {right: 88px;}
.tutorB1202 .caption03 p.left:after {bottom: 32px;}
.tutorB1202 .caption04 p.left:after {bottom: 20px;}
.tutorB1203 .caption01 p.top:after {right: 65%;}/* 20230314 수정 */
.tutorB1204 .caption01 p.top:after {right: 65%;}/* 20230314 수정 */
.tutorB1204 .caption02 p.top:after {right: 65%;}/* 20230314 수정 */
.tutorB1204 .caption03 p.top:after {right: 65%;}/* 20230314 수정 */
.tutorB1205 .caption01 p.left:after {top: 19px;}
.tutorC203 .caption01 p.top:after {right: 70%;}
.tutorC402 .caption02 p.bottom:after {left: 45px;}
.tutorC403 .caption02 p.bottom:after {left: 60px;}
.tutorD101 .caption02 p.bottom:after {left: 23px;}
.tutorD101 .caption03 p.bottom:after {left: 23px;}
.tutorD102 .caption01 p.bottom:after {left: 23px;}
.tutorD202 .caption01 p.bottom:after {left: 50px;}
.tutorD203 .caption02 p.bottom:after {left: 70%;}
.tutorD203 .caption03 p.bottom:after {left: 80%;}
.tutorD302 .caption01 p.bottom:after {left: 50%;}
.tutorD302 .caption02 p.bottom:after {left: 20px;}
.tutorD303 .caption01 p.bottom:after {left: 50%;right: auto;}
.tutorD303 .caption01 p.right:before {bottom: 40%;}
.tutorD303 .caption02 p.bottom:after {left: 50%;}
.tutorD303 .caption05 p.bottom:after {left: 50%;}
.tutorD303 .caption06 p.bottom:after {left: 35%;}
.tutorD304 .caption02 p.bottom:after {left: 20%;}
.tutorD304 .caption03 p.bottom:after {left: 80%;}
.tutorD304 .caption04 p.bottom:after {left: 70%;}
.tutorD304 .caption07 p.top:after {right: 25%;}
.tutorD304 .caption08 p.bottom:after {left: 10%;}
.tutorD304 .caption09 p.bottom:after {left: 10%;}
.tutorD304 .caption11 p.left:after {bottom: 20%;}
.tutorD304 .caption11 p.left::before {bottom: 20%;}
.tutorD304 .caption12 p.top::after {right: 80%;}
.tutorD402 .caption01 p.top:after {right: 70%;}
.tutorD402 .caption02 p.bottom:after {left: 70%;}
.tutorD402 .caption03 p.top:after {right: 60%;}
.tutorD402 .caption05 p.top:after {right: 80%;}
.tutorD403 .caption01 p.bottom:after {right: 80%;}
.tutorD403 .caption01 p.bottom:after {right: 80%;}
.tutorE102 .caption01 p.bottom:after {left: 126px;}
.tutorE102 .caption01 p.left:before {
    border-top: 6.5px solid transparent;
    border-left: 0 solid transparent;
    border-right: 13px solid #3098FE;
    border-bottom: 6.5px solid transparent;
    content: "";
    position: absolute;
	left: -12px;
	z-index: 5;
	display: block;
	bottom: 30px;
}/* 20230314 수정 */
.tutorE103 .caption01 p.bottom:after {left: 126px;}
.tutorE103 .caption02 p.top:after {left: 30px;right: auto;}
.tutorE104 .caption01 p.bottom:after {left: 230px;}
.tutorE104 .caption02 p.top:after {right: 126px;}
.tutorE203 .caption01 p.bottom:after {left: 68.5%;}
.tutorE204 .caption02 p.top:after {right: 70%;}










/* 공통 클래스 */

#container .mgt20 {margin-top: 20px;}
#container .mgt40 {margin-top: 40px;}
#container .mgt40 {margin-top: 40px;}
#container .mgt60 {margin-top: 60px;}
#container .mgt100 {margin-top: 100px;}

#container .mgb0 {margin-bottom: 0;}
#container .mgb10 {margin-bottom: 10px;}
#container .mgb20 {margin-bottom: 20px;}
#container .mgb25 {margin-bottom: 25px;}
#container .mgb40 {margin-bottom: 40px;}
#container .mgb50 {margin-bottom: 50px;}
#container .mgb70 {margin-bottom: 70px;}
#container .mgb100 {margin-bottom: 100px;}
#container .mgb130 {margin-bottom: 130px;}

#container .align_c {text-align: center;}