@charset "utf-8";

/* #header	{position:fixed; top:0; left:0; width:100%; background-color:#fff;} */
/* 비주얼 */
#wrapper	 {min-width:1260px;}
.main_visual	{min-width:1004px; width:100%; height:500px; position:relative; overflow:hidden; margin-bottom:30px;}
.main_visual .show_img	 {position:relative; max-width:100%; margin:0 auto; z-index:1;}
.main_visual .show_img ul	{}
.main_visual .show_img ul li	{position:absolute; top:0; left:50%; margin-left:-960px;}
.main_visual .show_img ul li img	{height:500px;}
.main_visual .tabs	{position:absolute; bottom:31px; width:100%; z-index:2; text-align:center;}
.main_visual .tabs ul	{display:inline-block; vertical-align:middle;}
.main_visual .tabs ul li	{display:inline-block; margin:0 2px;}
.main_visual .tabs ul li button	{display:inline-block; background:url("/images/common/visual_indicator.png") no-repeat -26px 0; width:16px; height:20px; vertical-align:middle;}
.main_visual .tabs ul li.on	{}
.main_visual .tabs ul li.on button	{background-position:-49px 0;}
.main_visual .tabs .stop	 {display:inline-block; background:url("/images/common/visual_indicator.png") no-repeat -74px 0; width:21px; height:20px; vertical-align:middle;}
.main_visual .tabs .play	 {display:inline-block; background:url("/images/common/visual_indicator.png") no-repeat -101px 0; width:21px; height:20px; vertical-align:middle;}
.main_visual .tabs .prev {display:inline-block; background:url("/images/common/visual_indicator.png") no-repeat 0 0; width:12px; height:20px; vertical-align:middle; margin-right:17px;}
.main_visual .tabs .next {display:inline-block; background:url("/images/common/visual_indicator.png") no-repeat -134px 0; width:12px; height:20px; vertical-align:middle; margin-left:17px;}
.main_visual .tabs button span	{display:block; width:0; height:0; overflow:hidden;}
.main_visual .summaries	{position:absolute; top:0; left:0; width:100%; z-index:3;}
.main_visual .summaries .ctrl	{position:relative; width:100%; height:0; margin:0 auto; z-index:1;}
.main_visual .summaries .ctrl .sale_state img	{width:50px;}
.main_visual .summaries .ctrl .prev	{position:absolute; top:225px; left:250px; display:inline-block; vertical-align:middle; background:url("/images/common/btn_visual_prev.png") no-repeat 0 0; width:36px; height:55px;}
.main_visual .summaries .ctrl .prev span	 {display:block; overflow:hidden; width:0; text-indent:100%; font-size:0;}
.main_visual .summaries .ctrl .stop	{display:none; vertical-align:middle;}
.main_visual .summaries .ctrl .stop span	 {display:block; overflow:hidden; width:0; text-indent:100%; font-size:0;}
.main_visual .summaries .ctrl .next	{position:absolute; top:225px; right:250px; display:inline-block; vertical-align:middle; background:url("/images/common/btn_visual_next.png") no-repeat 0 0; width:36px; height:55px;}
.main_visual .summaries .ctrl .next span	 {display:block; overflow:hidden; text-indent:100%; font-size:0;}

.popup_zone	{min-width:1004px; width:100%; height:140px; position:relative; overflow:hidden;}
.popup_zone .show_img	 {position:relative; max-width:100%; margin:0 auto; z-index:1;}
.popup_zone .show_img ul	{}
.popup_zone .show_img ul li	{position:absolute; top:0; left:50%; margin-left:-960px;}
.popup_zone .show_img ul li img	{height:100%;}
.popup_zone .tabs	{position:absolute; bottom:13px; left:50%; width:300px; z-index:3; text-align:center; margin-left:-150px;}
.popup_zone .tabs ul	{display:inline-block; vertical-align:middle;}
.popup_zone .tabs ul li	{display:inline-block; margin:0 -1px;}
.popup_zone .tabs ul li button	{display:inline-block; background:url("/images/common/popup_indicator.png") no-repeat -26px 0; width:16px; height:20px; vertical-align:middle;}
.popup_zone .tabs ul li.on	{}
.popup_zone .tabs ul li.on button	{background-position:-49px 0;}
.popup_zone .tabs .stop	 {display:inline-block; background:url("/images/common/popup_indicator.png") no-repeat -74px 1px; width:21px; height:20px; vertical-align:middle;}
.popup_zone .tabs .play	 {display:inline-block; background:url("/images/common/popup_indicator.png") no-repeat -102px 2px; width:21px; height:20px; vertical-align:middle;}
.popup_zone .tabs .prev {display:inline-block; background:url("/images/common/popup_indicator.png") no-repeat 0 0; width:12px; height:20px; vertical-align:middle; margin-right:17px;}
.popup_zone .tabs .next {display:inline-block; background:url("/images/common/popup_indicator.png") no-repeat -134px 0; width:12px; height:20px; vertical-align:middle; margin-left:17px;}
.popup_zone .tabs button span	{display:block; width:0; height:0; overflow:hidden;}
.popup_zone .summaries	{position:absolute; top:0; left:0; width:100%; z-index:5;}
.popup_zone .summaries .ctrl	{position:relative; width:970px; height:0; margin:0 auto; z-index:1;}
.popup_zone .summaries .ctrl .sale_state img	{width:50px;}
.popup_zone .summaries .ctrl .prev	{position:absolute; top:56px; left:-84px; background:url("/images/common/btn_visual_prev2.png") no-repeat 0 0; width:22px; height:34px;}
.popup_zone .summaries .ctrl .prev span	 {display:block; overflow:hidden; width:0; text-indent:100%; font-size:0;}
.popup_zone .summaries .ctrl .stop	{display:none; vertical-align:middle;}
.popup_zone .summaries .ctrl .stop span	 {display:block; overflow:hidden; width:0; text-indent:100%; font-size:0;}
.popup_zone .summaries .ctrl .next	{position:absolute; top:56px; right:-84px; background:url("/images/common/btn_visual_next2.png") no-repeat 0 0; width:22px; height:34px;}
.popup_zone .summaries .ctrl .next span	 {display:block; overflow:hidden; text-indent:100%; font-size:0;}
.popup_zone .close	 {position:absolute; bottom:12px; left:0; width:100%; z-index:2;}
.popup_zone .close p	{width:970px; margin:0 auto; position:relative; text-align:right; font-size:13px;}
.popup_zone .close p label	{display:inline-block; vertical-align:top;}
.popup_zone .close p label input	 {display:inline-block; vertical-align:middle; margin-bottom:2px;}
.popup_zone .close p a	{display:inline-block; vertical-align:top; background:url("/images/btn/popup_close.gif") no-repeat 0 2px; padding:0 0 1px 20px; margin-left:12px;}

.major_service	{width:970px; margin:0 auto; overflow:hidden;}
.major_service .box	{float:left; width:232px; height:220px; margin:0 14px 14px 0;}
.major_service .box7	{float:left; width:232px; height:220px; position:relative;}
.major_service .box4	{float:right; width:232px; height:454px;}
.major_service .box4 .main_visual	{width:100%; height:100%; margin:0; min-width:0;}
.major_service .box4 .main_visual .show_img ul li	{position:absolute; top:0; left:0; margin-left:0;}
.major_service .box4 .main_visual .show_img ul li img	 {height:454px;}
.major_service .box4 .main_visual .tabs	{position:absolute; bottom:19px; width:100%; z-index:2; text-align:center;}
.major_service .box4 .main_visual .tabs ul	{display:inline-block; vertical-align:middle; height:auto;}
.major_service .box4 .main_visual .tabs ul li	{margin:0 2px;}
.major_service .box4 .main_visual .tabs ul li button	{display:inline-block; background:url("/images/common/banner_indicator.png") no-repeat 0 1px; width:12px; height:16px;}
.major_service .box4 .main_visual .tabs ul li.on button	{background-position:-23px 1px;}
.major_service .box4 .main_visual .tabs .stop	 {display:inline-block; background:url("/images/common/banner_indicator.png") no-repeat -47px 2px; width:12px; height:16px; margin-left:2px;}
.major_service .box4 .main_visual .tabs .prev	{display:inline-block; background:url("/images/common/visual_under_prev.png") no-repeat 0 0; width:10px; height:16px; margin-right:9px;}
.major_service .box4 .main_visual .tabs .next	{display:inline-block; background:url("/images/common/visual_under_next.png") no-repeat 0 0; width:10px; height:16px; margin-left:9px;}

.box5 .main_visual{height: 220px;}
.major_service .box5 {float:left; width:232px;}
.major_service .box5 .main_visual	{width:100%; margin:0; min-width:0;}
.major_service .box5 .main_visual .show_img ul li	{position:absolute; top:0; left:0; margin-left:0;}
.major_service .box5 .main_visual .show_img ul li img	 {height:220px;}
.major_service .box5 .main_visual .tabs	{position:absolute; bottom:10px; width:100%; z-index:2; text-align:center;}
.major_service .box5 .main_visual .tabs ul	{display:inline-block; vertical-align:middle; height:auto;}
.major_service .box5 .main_visual .tabs ul li	{margin:0 2px;}
.major_service .box5 .main_visual .tabs ul li button	{display:inline-block; background:url("/images/common/banner_indicator.png") no-repeat 0 1px; width:12px; height:16px;}
.major_service .box5 .main_visual .tabs ul li.on button	{background-position:-23px 1px;}
.major_service .box5 .main_visual .tabs .stop	 {display:inline-block; background:url("/images/common/banner_indicator.png") no-repeat -47px 2px; width:12px; height:16px; margin-left:2px;}
.major_service .box5 .main_visual .tabs .prev	{display:inline-block; background:url("/images/common/visual_under_prev.png") no-repeat 0 0; width:10px; height:16px; margin-right:9px;}
.major_service .box5 .main_visual .tabs .next	{display:inline-block; background:url("/images/common/visual_under_next.png") no-repeat 0 0; width:10px; height:16px; margin-left:9px;}

/* 스크롤공지 */
.scroll_notice	{position:relative; background:#e7e7e7; width:970px; margin:0 auto 80px; overflow:hidden;}
.scroll_notice .title	{float:left; font-size:15px; color:#333; font-weight:normal; width:134px; text-align:center; padding:16px 0;}
.scroll_notice .scroll_wrap	{margin:10px 150px 0 134px; height:30px; overflow:hidden;}
.scroll_notice .scroll_wrap ul	{}
.scroll_notice .scroll_wrap ul li	{}
.scroll_notice .scroll_wrap ul li a	{display:block; color:#777; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px; font-weight:normal; padding:5px 0 2px; height:23px;}
.scroll_notice .scroll_wrap ul li a img	 {display:inline-block; vertical-align:middle; margin:0 9px 2px 0;}
.scroll_notice .ctrl .prev	{position:absolute; top:6px; right:118px; width:25px; height:19px; background:url("/images/btn/btn_scroll_news_up.gif") no-repeat 5px 5px;}
.scroll_notice .ctrl .next	{position:absolute; bottom:6px; right:118px; width:25px; height:19px; background:url("/images/btn/btn_scroll_news_down.gif") no-repeat 5px 0;}
.scroll_notice .ctrl span	{display:block; width:0; height:0; overflow:hidden;}
.scroll_notice .more	{position:absolute; top:0; right:0; background:url("/images/btn/more1.gif") no-repeat 25px 19px; padding:16px 30px 18px 42px; border-left:1px solid #dbdbdb;}

/* 강좌검색, 수강신청 */
.lecture_list	{height:65px; background:url("/images/bg/bg_lecture_list.gif");padding-bottom:170px;} /*2018-03-19 : padding-bottom 추가, 2020-04-07 height650->65 변경*/
.lecture_list .lecture_header	{width:970px; margin:0 auto; overflow:hidden; padding:97px 0 0;}
.lecture_list .lecture_header h3	{float:left; color:#333; font-size:27px; font-weight:bold;}
.lecture_list .lecture_header .more	{float:left; font-size:15px; color:#333; font-weight:bold; padding:3px 0 0 4px;}
.lecture_list .lecture_header .selecting	{float:right; padding:5px 0 0;}
.lecture_list .lecture_header .selecting .waypoint	{float:left; border:1px solid #aaa; background:url("/images/bg/bg_lecture_way_arrow.gif") #fff no-repeat 100% 14px; font-size:14px; color:#373539; padding:8px 59px 8px 10px;}
.lecture_list .lecture_header .selecting > ul	 {float:left; background:#fff; margin:0 3px;}
.lecture_list .lecture_header .selecting > ul > li	{float:left; border:1px solid #aaa; margin-right:-1px;}
.lecture_list .lecture_header .selecting > ul > li > a	{display:block; color:#373539; font-size:14px; text-align:center; padding:8px;}
.lecture_list .lecture_header .selecting > ul > li.on	{border:0; position:relative;}
.lecture_list .lecture_header .selecting > ul > li.on a	 {padding:9px; background:#58595b; color:#fff;}
.lecture_list .lecture_header .selecting fieldset	{float:left; border:1px solid #aaa; width:130px; padding-left:8px; background:#fff;}
.lecture_list .lecture_header .selecting fieldset .keyword	{float:left; border:0; width:92px; font-size:14px; line-height:1.2; padding:6px 0; color:#767676;}
.lecture_list .lecture_header .selecting fieldset a	{float:right;}
.lecture_list .lecture_header .selecting .my_map .layer_content .layer_header h3	{padding:25px 0 19px;}
.lecture_list .lecture_header .selecting .my_map .layer_content .complete	{text-align:center; padding:20px 0 34px;}
.lecture_list .lecture_header .selecting .store_cho {float:left; display:block; height:25px; background:url('../images/ico/ico_find01.png') no-repeat 2px 8px; background-size:15px 20px;font-size:15px; font-weight:600; color:#333; padding:8px 0 0 22px; margin-right:7px;}
.lecture_list .lecture_body	{width:970px; margin:0 auto; position:relative; padding:63px 0 0;}

.lecture_slider	{position:relative; width:100%; margin:0 auto;}
.lecture_slider .slider	{position:relative; width:100%; overflow:hidden;}
.lecture_slider .slider ul	 {width:100%; display:inline-block;}
.lecture_slider .slider ul li	{float:left; width:232px; height:270px; position:relative; margin:0 0 47px 14px; background:#fff;}
.lecture_slider .slider ul li:first-child	{margin-left:0;}
.lecture_slider .slider ul li > a	{display:block; border:1px solid #ccc;}
.lecture_slider .slider ul li .thumb	{display:block;}
.lecture_slider .slider ul li .thumb img	{width:100%;}
.lecture_slider .slider ul li .learn_end	{position:absolute; top:0; left:0;}
.lecture_slider .slider ul li .summary	{}
.lecture_slider .slider ul li .summary .tag	 {width:210px; padding:18px 0 7px; margin:0 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/*
.lecture_slider .slider ul li .summary .tag .label	{background:url("/images/ico/tag.gif") no-repeat 0 5px; font-size:15px; color:#6c808f;}
.lecture_slider .slider ul li .summary .tag .icon	{height:20px; float:left; margin-right:5px;}
*/
.lecture_slider .slider ul li .summary .tag .icon	{height:20px; float:left;}
.lecture_slider .slider ul li .summary .tag .icon img	 {float:left; margin-right:3px;}
.lecture_slider .slider ul li .summary .tag .label	{font-size:14px; color:#6c808f; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.lecture_slider .slider ul li .summary dl	{padding:0 10px; height:90px; overflow:hidden;}
.lecture_slider .slider ul li .summary dl dt	{color:#3a3f49; font-size:18px; overflow:hidden; font-weight:bold; height:44px;}
.lecture_slider .slider ul li .summary dl dd	{/*border-top:1px dashed #bbb;*/ color:#555; font-size:14px; padding:14px 0 0; line-height:18px;}
/*
.lecture_slider .slider ul li span	{position:absolute; top:0; left:0; width:100%; height:100%; background:url("/images/lecture_hover.png") no-repeat 0 0; display:none;}
.lecture_slider .slider ul li.on span	{display:block; cursor:pointer;}
.lecture_slider .slider ul li:hover span	 {display:block;}
.lecture_slider .slider ul li.sold_out:hover span	 {display:none;}
*/
.lecture_slider .ctrl .prev	{background:url("/images/btn/btn_roll_prev.png") no-repeat 0 0; width:34px; height:55px; position:absolute; top:111px; /*left:-152px;*/ left:-102px;}
.lecture_slider .ctrl .prev:hover	{background:url("/images/btn/btn_roll_prev_on.png") no-repeat 0 0;}
.lecture_slider .ctrl .next	{background:url("/images/btn/btn_roll_next.png") no-repeat 0 0; width:34px; height:55px; position:absolute; top:111px; /*right:-152px;*/ right:-102px;}
.lecture_slider .ctrl .next:hover	{background:url("/images/btn/btn_roll_next_on.png") no-repeat 0 0;}
.lecture_slider .ctrl span	{display:block; width:0; height:0; overflow:hidden;}

.lecture_slider .nav	{text-align:center;}
.lecture_slider .nav .left	 {display:inline-block; background:url("/images/bg/lecture_slider_nav_left.png") no-repeat 0 0; width:40px; height:43px; vertical-align:top;} /*2018-03-19 [vertical-align:middle-top] 수정*/
.lecture_slider .nav .right	 {display:inline-block; background:url("/images/bg/lecture_slider_nav_right.png") no-repeat 0 0; width:40px; height:43px; vertical-align:top;} /*2018-03-19 [vertical-align:middle-top] 수정*/
.lecture_slider .nav .center	{display:inline-block; background:#58595b; height:43px; vertical-align:middle; margin:0 -4px; position:relative;}
.lecture_slider .nav .center .prev	{}
.lecture_slider .nav .center .stop	 {display:inline-block; background:url("/images/common/visual_indicator.png") no-repeat -74px 12px; width:21px; height:43px; vertical-align:middle;}
.lecture_slider .nav .center .play	 {display:inline-block; background:url("/images/common/visual_indicator.png") no-repeat -101px 12px; width:21px; height:43px; vertical-align:middle;}
.lecture_slider .nav .center .bul	{display:inline-block; background:url("/images/common/visual_indicator.png") no-repeat -26px 12px; width:16px; height:43px; vertical-align:middle; margin:0 2px;}
.lecture_slider .nav .center .bul span	 {display:block; width:0; height:0; overflow:hidden;}
.lecture_slider .nav .center .bul.on	{display:inline-block; background:url("/images/common/visual_indicator.png") no-repeat -49px 12px; width:16px; height:43px; vertical-align:middle; margin:0 2px;}
.lecture_slider .nav .prev {display:inline-block; background:url("/images/common/visual_indicator.png") no-repeat 16px 12px; width:40px; height:43px; vertical-align:middle;}
.lecture_slider .nav .prev span	 {display:block; width:0; height:0; overflow:hidden;}
.lecture_slider .nav .next {display:inline-block; background:url("/images/common/visual_indicator.png") no-repeat -124px 12px; width:40px; height:43px; vertical-align:middle;}
.lecture_slider .nav .next span	 {display:block; width:0; height:0; overflow:hidden;}

/* 온라인전단보기 */
.view_internet_leaflet	{height:996px; background:url("/images/bg/index_internet_leaflet.jpg") no-repeat 50% 0; background-size: 100% 100%;display:none } /* 2018-03-19 : display:none 추가 */
.view_internet_leaflet .leaflet_header	{position:relative; width:970px; height:99px; margin:0 auto; padding:95px 0 0;}
.view_internet_leaflet .leaflet_header:after	{content:""; clear:both; display:block; height:0; visibility:hidden;}
.view_internet_leaflet .leaflet_header h3	{float:left; color:#fff; font-size:27px; font-weight:bold;}
.view_internet_leaflet .leaflet_header .more	{float:left; font-size:15px; color:#fff; font-weight:bold; padding:3px 0 0 1px;}
.view_internet_leaflet .leaflet_header .select_location	{position:absolute; top:100px; right:0;}
.view_internet_leaflet .leaflet_header .select_location .waypoint	{border:1px solid #58595b; background:url("/images/bg/bg_lecture_way_arrow.gif") #fff no-repeat 100% 14px; font-size:14px; color:#373539; padding:8px 59px 8px 10px; display:inline-block; width:100px;}
.view_internet_leaflet .leaflet_header .select_location .store_cho {float:left; display:block; height:25px; background:url('../images/ico/ico_find02.png') no-repeat 2px 8px; background-size:15px 20px;font-size:15px; font-weight:600; color:#fff; padding:8px 0 0 22px; margin-right:7px;}
.view_internet_leaflet .leaflet_body	{position:relative; margin:0 auto; width:970px;}
.view_internet_leaflet .leaflet_body .ctrl span	{display:block; width:0; height:0; overflow:hidden;}
.view_internet_leaflet .leaflet_body .ctrl .prev	{position:absolute; top:50%; /* left:-260px; */ left:-102px; width:36px; height:56px; background:url("/images/btn/leaflet_ctrl_prev.png") no-repeat 2px 0; margin-top:-28px;}
.view_internet_leaflet .leaflet_body .ctrl .prev:hover	{background:url("/images/btn/leaflet_ctrl_prev_on.png") no-repeat 0 0;}
.view_internet_leaflet .leaflet_body .ctrl .next	{position:absolute; top:50%; /* right:-260px; */ right:-102px; width:36px; height:56px; background:url("/images/btn/leaflet_ctrl_next.png") no-repeat 0 0; margin-top:-28px;}
.view_internet_leaflet .leaflet_body .ctrl .next:hover	{background:url("/images/btn/leaflet_ctrl_next_on.png") no-repeat 0 0;}
.view_internet_leaflet .leaflet_body .leaflet_contents	{width:100%; overflow:hidden;}
.view_internet_leaflet .leaflet_body .leaflet_contents .templet_box	{float:left; width:970px; height:500px; margin-left:20px;}
.view_internet_leaflet .leaflet_body .leaflet_contents .templet_box:first-child	 {margin-left:0;}
.view_internet_leaflet .leaflet_body .leaflet_contents .templet_box.typeA	 {}
.view_internet_leaflet .leaflet_body .leaflet_contents .templet_box.typeB	 {}
.view_internet_leaflet .leaflet_body .leaflet_contents .templet_box.typeC	 {}
.view_internet_leaflet .my_map .layer_content .layer_header h3	{padding:25px 0 19px;}
.view_internet_leaflet .my_map .layer_content .complete	{text-align:center; padding:20px 0 34px;}

/* 플로팅메뉴 */
#floating_nav	{position:fixed; top:313px; right:23px; background:url("/images/bg/bg_floating.png") no-repeat 0 0; width:34px; height:155px; z-index:20; overflow:hidden;}
#floating_nav.on	{background:url("/images/bg/bg_floating_on.png") no-repeat 0 0; width:104px;}
#floating_nav:hover	{background:url("/images/bg/bg_floating_on.png") no-repeat 0 0; width:104px;}
#floating_nav ul	{padding:13px 0 0;}
#floating_nav ul li a	{display:block; background:url("/images/bg/floating_indicator.gif") no-repeat 9px 10px; font-size:12px; color:#666; padding:9px 0 8px 33px; height:15px;}
#floating_nav ul li a span	{display:block; width:0; height:0; overflow:hidden;}
#floating_nav ul li.on a	{display:block; background:url("/images/bg/floating_indicator_on.gif") no-repeat 9px 10px; color:#0080d5;}
#floating_nav ul li.home a	{background:url("/images/bg/floating_indicator_home.gif") no-repeat 8px 10px;}
#floating_nav ul li.home.on a	{background:url("/images/bg/floating_indicator_home_on.gif") no-repeat 8px 10px;}
#floating_nav.on ul li a span	{width:100%; height:auto;}
#floating_nav:hover ul li a span	{width:100%; height:auto;}

#floating_nav_box	{position:fixed; top:260px; right:0; width:162px; z-index:20; overflow:hidden;}
#floating_nav_box ul {}
#floating_nav_box ul li {padding-bottom:2px;}
#floating_nav_box ul li a {}