.m_container { padding-bottom:0; }
.m_container img { width:100%; display:block; }

.container .step .step_tit { clear:both; padding-bottom:20px; text-align:center; font-size:1.4em; color:#060606; letter-spacing:0.05em; line-height:2; }
.container .step .step_tit:after { position:relative; margin-left:3px; top:-5px; content:""; background-image:url("../images/main_new/arrow_bullet.png"); width:11px; height:11px; background-size:11px auto; display:inline-block; }

.container .step { width:100%; padding:30px 0; }
.container .step.white { background:#fff; }
.container .step.gray { background:#f8f6f7; }


/********************************** 메인 상단 배너 **********************************/
.container .banner_wrap { width:100%; margin:0; }



/********************************** 패키지 **********************************/
.container .package { width:100%; position:relative; }
.container .package .inner { width:85.138%; position:relative; margin:0 auto; }
.container .package ul { text-align:center; }
.container .package li { display:inline-block; width:100%; }
.container .package li dt { position:relative; border-radius:10px; width:100%; overflow:hidden; padding-top:100%; background:#f7f7f7; }
.container .package li dt img { position:absolute; top:0; left:0; width:100%; height:auto; }
.container .package li dd { padding-top:10px; }
.container .package li dd p { font-weight:bold; font-size:1em; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.container .package li dd p.tit { padding-bottom:5px; }



/********************************** 뉴스이슈 **********************************/
.container .news { clear:both; width:100%; height:auto; overflow:hidden; padding-bottom:40px; }
.container .news .inner { width:85.138%; margin:0 auto; text-align:center; }
.container .news .img_area { position:relative; }
.container .news .img_area img { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.container .news .info_area { font-size:11px; letter-spacing:-0.05em; line-height:1.3; color:#8c8b8b; text-align:left; box-sizing:border-box; cursor:pointer; }
.container .news .info_area .title { padding-top:5px; font-size:1.2em; color:#000; font-weight:bold; }

.container .news .newsBox_left { clear:both; width:100%; }
.container .news .newsBox_left .img_area { width:100%; position:relative; } 
/* .container .news .newsBox_left .img_area span { position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } */ 
.container .news .newsBox_left img { width:100%; height:100%; }
.container .news .newsBox_left .info_area { position:absolute; left:2.5%; bottom:2.5%; z-index:99; color:#c7c7c7; width:95%; height:auto; padding:10px; background:rgba(0,0,0,0.65); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.container .news .newsBox_left .info_area .title { font-size:1.4em; color:#fff; }

.container .news .newsBox_right { clear:both; width:100%; padding-top:15px; font-size:0; }
.container .news .newsBox_right_list { border-top:1px dotted #e6e6e6; padding-top:5px; margin-top:5px; }
.container .news .newsBox_right_list:first-child { border-top:none; padding-top:0; margin-top:0; }
.container .news .newsBox_right .img_area,
.container .news .newsBox_right .info_area { display:inline-block; vertical-align:middle; }
.container .news .newsBox_right .img_area { width:30%; }
.container .news .newsBox_right .img_area img { width:100%; min-width:90px; height:auto; }
.container .news .newsBox_right .info_area { width:70%; padding-left:15px; box-sizing:border-box; }
.container .news .newsBox_right .info_area .title { }



/* 우수연수 */
.container .com_step { width:100%; position:relative; }
.container .com_step .inner { width:85.138%; position:relative; margin:0 auto; }



/* 탭 */
.container .tab_ul { width:100%; height:64px; font-size:0; margin-top:15px; position:relative; text-align:center; }
.container .tab_ul li { position:relative; width:33.33%; height:32px; line-height:32px; background:#fff; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.container .tab_ul li:nth-child(1) { height:64px; line-height:64px; border:1px solid #e0e0e0; }
.container .tab_ul li:nth-child(2) { border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
.container .tab_ul li:nth-child(3) { border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
.container .tab_ul li:nth-child(4) { border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
.container .tab_ul li:nth-child(5) { border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
.container .tab_ul li a { display:block; left:0; width:100%; font-size:12px; }
.container .tab_ul li:nth-child(1) a.on { height:64px; }
.container .tab_ul li a.on { box-shadow:0px 0px 0px 2px #47beb6 inset; height:31px; }

.container .con_area  { position:relative; width:89%; margin:0 auto; }
.container .page_ul { text-align:right; padding:10px 10px 6px 0; }
.container .page_ul li { display:inline-block; font-weight:bold; cursor:pointer; }
.container .page_ul li a { font-size:1em; }
.container .con01 { display:block; position:relative; }
.container .con02 { display:none; }
.container .con03 { display:none; }
.container .con04 { display:none; }
.container .con05 { display:none; }



/* 리뷰 */
.container .review .page_ul { text-align:right; padding:0 0 6px 0; }
.container .review .con_area { width:85%; overflow:hidden; }
.container .review_step { width:100%; padding-top:4%; padding-bottom:12%; margin:0 auto; border:1px solid #ccc; border-radius:5px; box-sizing:border-box; }
.container .review_step .step01 .review_img { display:inline-block; margin-left:4%; position:relative; overflow:hidden; width:32.84%; padding-top:23%; border-radius:5px; }
.container .review_step .step01 .review_img img { width:100%; height:100%; position:absolute; top:0; left:0; }
.container .review_step .step01 dl { display:inline-block; vertical-align:top; padding-left:5px; width:58%; }
.container .review_step .step01 dl dt { font-size:1.1em; font-weight:bold; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.container .review_step .step01 dl dd { padding-top:5px; font-size:0.9em; color:#8c8b8b; }
.container .review_step .step01 dl dd:before { content:""; margin-right:0; width:18px; height:18px; background-size:18px auto; background-image:url("../images/main_new/human_ico.gif"); display:inline-block; vertical-align:middle; }
.container .review_step .step02 p { height:110px; margin-top:5px; margin-left:4%; margin-right:4%; color:#8c8b8b; font-size:1em; line-height:1.3; word-wrap:break-word; -webkit-box-orient:vertical; -webkit-line-clamp:6; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; }
.container .review_step .step03 ul { text-align:center; }
.container .review_step .step03 li { display:inline-block; margin-right:1%; }
.container .review_step .step03 li:last-child { margin-right:0; }
.container .review_step .step03 li p { display:block; font-size:0.8em; color:#8c8b8b; }
.container .review_step .more { position:absolute; right:4%; bottom:3%; display:block; width:48px; height:18px; text-align:center; color:#fff; background:#969696; line-height:18px; font-size:0.8em; border-radius:15px; }
.swiper-review .swiper-wrapper { width:100%; } 




/* 카드 */
.container .card_ul { width:100%; }
.container .card_ul .img_area { position:relative; display:block; overflow:hidden; border:1px solid #ccc; padding-top:65%; border-radius:10px; }
.container .card_ul .img_area img { width:100%; height:100%; position:absolute; top:0; left:0; }
.container .card_ul li { width:100%; }
.container .card_ul dl { text-align:center; color:#000; }
.container .card_ul dt { font-size:1em; padding:10px 0 5px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  }
.container .card_ul dd { font-size:0.9em; height:18px; color:#8c8b8b; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.swiper-training { margin:0 auto; overflow:hidden; }
.swiper-training .swiper-wrapper { width:100%; } 
.swiper-training .swiper-slide { width:45% !important; margin:0 2.5%; }



/* 슬라이드 */
.swiper-package { margin:0 auto; overflow:hidden; }
.swiper-package .swiper-wrapper { width:100%; }
.swiper-package .swiper-slide { width:45% !important; margin:0 2.5%; text-align:center; }
.package_btn { cursor:pointer; display:block; width:13px; height:21px; position:absolute; background-size:13px auto; top:50%; transform:translateY(-50%); z-index:10; }
.package-prev { left:-18px; background-image:url("../images/main_new/l_btn.png"); }
.package-next { right:-18px; background-image:url("../images/main_new/r_btn.png"); }



/* 큰 사이즈 */
.graph_area { position:relative; display:block; margin:10px auto; width:52px; height:52px; background-size:52px; }
.graph_area span.num { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#000; font-size:0.8em; }
.big_black00 { background-image:url("../images/graph/graph_large_black_00.png"); }
.big_black01 { background-image:url("../images/graph/graph_large_black_01.png"); }
.big_black02 { background-image:url("../images/graph/graph_large_black_02.png"); }
.big_black03 { background-image:url("../images/graph/graph_large_black_03.png"); }
.big_black04 { background-image:url("../images/graph/graph_large_black_04.png"); }
.big_black05 { background-image:url("../images/graph/graph_large_black_05.png"); }
.big_black06 { background-image:url("../images/graph/graph_large_black_06.png"); }
.big_black07 { background-image:url("../images/graph/graph_large_black_07.png"); }
.big_black08 { background-image:url("../images/graph/graph_large_black_08.png"); }
.big_black09 { background-image:url("../images/graph/graph_large_black_09.png"); }
.big_black10 { background-image:url("../images/graph/graph_large_black_10.png"); }

.big_blue00 { background-image:url("../images/graph/graph_large_blue_00.png"); }
.big_blue01 { background-image:url("../images/graph/graph_large_blue_01.png"); }
.big_blue02 { background-image:url("../images/graph/graph_large_blue_02.png"); }
.big_blue03 { background-image:url("../images/graph/graph_large_blue_03.png"); }
.big_blue04 { background-image:url("../images/graph/graph_large_blue_04.png"); }
.big_blue05 { background-image:url("../images/graph/graph_large_blue_05.png"); }
.big_blue06 { background-image:url("../images/graph/graph_large_blue_06.png"); }
.big_blue07 { background-image:url("../images/graph/graph_large_blue_07.png"); }
.big_blue08 { background-image:url("../images/graph/graph_large_blue_08.png"); }
.big_blue09 { background-image:url("../images/graph/graph_large_blue_09.png"); }
.big_blue10 { background-image:url("../images/graph/graph_large_blue_10.png"); }

.big_green00 { background-image:url("../images/graph/graph_large_green_00.png"); }
.big_green01 { background-image:url("../images/graph/graph_large_green_01.png"); }
.big_green02 { background-image:url("../images/graph/graph_large_green_02.png"); }
.big_green03 { background-image:url("../images/graph/graph_large_green_03.png"); }
.big_green04 { background-image:url("../images/graph/graph_large_green_04.png"); }
.big_green05 { background-image:url("../images/graph/graph_large_green_05.png"); }
.big_green06 { background-image:url("../images/graph/graph_large_green_06.png"); }
.big_green07 { background-image:url("../images/graph/graph_large_green_07.png"); }
.big_green08 { background-image:url("../images/graph/graph_large_green_08.png"); }
.big_green09 { background-image:url("../images/graph/graph_large_green_09.png"); }
.big_green10 { background-image:url("../images/graph/graph_large_green_10.png"); }

.big_red00 { background-image:url("../images/graph/graph_large_red_00.png"); }
.big_red01 { background-image:url("../images/graph/graph_large_red_01.png"); }
.big_red02 { background-image:url("../images/graph/graph_large_red_02.png"); }
.big_red03 { background-image:url("../images/graph/graph_large_red_03.png"); }
.big_red04 { background-image:url("../images/graph/graph_large_red_04.png"); }
.big_red05 { background-image:url("../images/graph/graph_large_red_05.png"); }
.big_red06 { background-image:url("../images/graph/graph_large_red_06.png"); }
.big_red07 { background-image:url("../images/graph/graph_large_red_07.png"); }
.big_red08 { background-image:url("../images/graph/graph_large_red_08.png"); }
.big_red09 { background-image:url("../images/graph/graph_large_red_09.png"); }
.big_red10 { background-image:url("../images/graph/graph_large_red_10.png"); }

.big_yellow00 { background-image:url("../images/graph/graph_large_yellow_00.png"); }
.big_yellow01 { background-image:url("../images/graph/graph_large_yellow_01.png"); }
.big_yellow02 { background-image:url("../images/graph/graph_large_yellow_02.png"); }
.big_yellow03 { background-image:url("../images/graph/graph_large_yellow_03.png"); }
.big_yellow04 { background-image:url("../images/graph/graph_large_yellow_04.png"); }
.big_yellow05 { background-image:url("../images/graph/graph_large_yellow_05.png"); }
.big_yellow06 { background-image:url("../images/graph/graph_large_yellow_06.png"); }
.big_yellow07 { background-image:url("../images/graph/graph_large_yellow_07.png"); }
.big_yellow08 { background-image:url("../images/graph/graph_large_yellow_08.png"); }
.big_yellow09 { background-image:url("../images/graph/graph_large_yellow_09.png"); }
.big_yellow10 { background-image:url("../images/graph/graph_large_yellow_10.png"); }



/* 작은사이즈 */
.s_graph_area { position:relative; display:block; margin:15px auto; width:50px; height:50px; background-size:50px; }
.s_graph_area span.num { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#000; font-size:14px; }
.s_graph_area span.num strong { font-size:16px; }
.s_black00 { background-image:url("../images/graph/graph_black_00.png"); }
.s_black01 { background-image:url("../images/graph/graph_black_01.png"); }
.s_black02 { background-image:url("../images/graph/graph_black_02.png"); }
.s_black03 { background-image:url("../images/graph/graph_black_03.png"); }
.s_black04 { background-image:url("../images/graph/graph_black_04.png"); }
.s_black05 { background-image:url("../images/graph/graph_black_05.png"); }
.s_black06 { background-image:url("../images/graph/graph_black_06.png"); }
.s_black07 { background-image:url("../images/graph/graph_black_07.png"); }
.s_black08 { background-image:url("../images/graph/graph_black_08.png"); }
.s_black09 { background-image:url("../images/graph/graph_black_09.png"); }
.s_black10 { background-image:url("../images/graph/graph_black_10.png"); }

.s_blue00 { background-image:url("../images/graph/graph_blue_00.png"); }
.s_blue01 { background-image:url("../images/graph/graph_blue_01.png"); }
.s_blue02 { background-image:url("../images/graph/graph_blue_02.png"); }
.s_blue03 { background-image:url("../images/graph/graph_blue_03.png"); }
.s_blue04 { background-image:url("../images/graph/graph_blue_04.png"); }
.s_blue05 { background-image:url("../images/graph/graph_blue_05.png"); }
.s_blue06 { background-image:url("../images/graph/graph_blue_06.png"); }
.s_blue07 { background-image:url("../images/graph/graph_blue_07.png"); }
.s_blue08 { background-image:url("../images/graph/graph_blue_08.png"); }
.s_blue09 { background-image:url("../images/graph/graph_blue_09.png"); }
.s_blue10 { background-image:url("../images/graph/graph_blue_10.png"); }

.s_green00 { background-image:url("../images/graph/graph_green_00.png"); }
.s_green01 { background-image:url("../images/graph/graph_green_01.png"); }
.s_green02 { background-image:url("../images/graph/graph_green_02.png"); }
.s_green03 { background-image:url("../images/graph/graph_green_03.png"); }
.s_green04 { background-image:url("../images/graph/graph_green_04.png"); }
.s_green05 { background-image:url("../images/graph/graph_green_05.png"); }
.s_green06 { background-image:url("../images/graph/graph_green_06.png"); }
.s_green07 { background-image:url("../images/graph/graph_green_07.png"); }
.s_green08 { background-image:url("../images/graph/graph_green_08.png"); }
.s_green09 { background-image:url("../images/graph/graph_green_09.png"); }
.s_green10 { background-image:url("../images/graph/graph_green_10.png"); }

.s_red00 { background-image:url("../images/graph/graph_red_00.png"); }
.s_red01 { background-image:url("../images/graph/graph_red_01.png"); }
.s_red02 { background-image:url("../images/graph/graph_red_02.png"); }
.s_red03 { background-image:url("../images/graph/graph_red_03.png"); }
.s_red04 { background-image:url("../images/graph/graph_red_04.png"); }
.s_red05 { background-image:url("../images/graph/graph_red_05.png"); }
.s_red06 { background-image:url("../images/graph/graph_red_06.png"); }
.s_red07 { background-image:url("../images/graph/graph_red_07.png"); }
.s_red08 { background-image:url("../images/graph/graph_red_08.png"); }
.s_red09 { background-image:url("../images/graph/graph_red_09.png"); }
.s_red10 { background-image:url("../images/graph/graph_red_10.png"); }

.s_yellow00 { background-image:url("../images/graph/graph_yellow_00.png"); }
.s_yellow01 { background-image:url("../images/graph/graph_yellow_01.png"); }
.s_yellow02 { background-image:url("../images/graph/graph_yellow_02.png"); }
.s_yellow03 { background-image:url("../images/graph/graph_yellow_03.png"); }
.s_yellow04 { background-image:url("../images/graph/graph_yellow_04.png"); }
.s_yellow05 { background-image:url("../images/graph/graph_yellow_05.png"); }
.s_yellow06 { background-image:url("../images/graph/graph_yellow_06.png"); }
.s_yellow07 { background-image:url("../images/graph/graph_yellow_07.png"); }
.s_yellow08 { background-image:url("../images/graph/graph_yellow_08.png"); }
.s_yellow09 { background-image:url("../images/graph/graph_yellow_09.png"); }
.s_yellow10 { background-image:url("../images/graph/graph_yellow_10.png"); }