@charset "utf-8";

/* 공통 */
.hide { display: none; }
.clear { overflow: hidden; }
.clear:after { content: ''; clear: both; display: none; }

.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }
.en { letter-spacing: 0; }
.ko { letter-spacing: -1px; }
.ko2 { letter-spacing: -2px; }

p { color: #000; line-height: 22px; }
.color_L { color: #fff9b7; }
.color_r { color: #e02040; }
.color_r1 { color: #c00000; }
.color_w { color: #fff; }
.color_g { color: #f79646; }
.color_p { color: #7030a0; }
.italic { font-style: italic; }

li.fz_13 a { font-size: 13px !important; }

.p13 { font-size: 13px; }
.p14 { font-size: 14px; }
.p15 { font-size: 15px; }
.p16 { font-size: 16px; }
.p17 { font-size: 17px; }
.p18 { font-size: 18px; }
.p20 { font-size: 20px; }
.p22 { font-size: 22px; }
.p24 { font-size: 24px; }
.p26 { font-size: 26px; }
.p28 { font-size: 28px; }
.p29 { font-size: 29px; }
.p30 { font-size: 30px; }


/*메인 탑메뉴*/
.top_wrap { width: 100%; background: #3a5dab; }
.top_wrap .top_inner { width: 1000px; margin: 0 auto; padding: 8px 0; 7px }
#top_util_menu { float: right; }
#top_util_menu li { padding-left: 40px; float: left; background: url(../images/common/main/lock.png) 15px 0 no-repeat; }
#top_util_menu li.top_li4 { background: url(../images/common/main/blog.png) 15px 0 no-repeat; }
#top_util_menu li a { color: #fff; }

/*메인 탑메뉴 로그인 후*/
.af_log { margin-right: 20px; float: left; color: #fff; }

/*해더*/
#header { width: 1000px; border: none; letter-spacing:-1px;}
#header .inner { width: 1000px; }
.inner h1.logo { margin-top: 20px; }
.menu_wrap #gnb { margin-top: 30px; }
.menu_wrap #gnb li { padding-left: 30px; background: none; }
.menu_wrap #gnb li.first{padding-left: 0;}
.menu_wrap #gnb li a { font-size: 15px; }
.menu_wrap #gnb li.on a { display: block; padding-bottom: 5px; border-bottom: 2px solid #386bdc; color: #386bdc; }
.menu_wrap #gnb li a:hover { display: block; padding-bottom: 5px; border-bottom: 2px solid #386bdc; color: #386bdc; }

/* #GNB_COURSE{margin-top: -10px;text-align: center;} */
#GNB_COURSE a{}
/* #GNB_CS{margin-top: -10px;text-align: center;} */
#GNB_ALLMENU { width: 32px; height: 30px; margin-top: -5px; background: url(../images/common/main/main_menu_btn.png) 100% center no-repeat !important; }
#GNB_ALLMENU a { display: block; width: 100%; height: 100%; }


/*탑 메뉴*/
.top_menu { display:none; width: 100%; min-height: 500px; position: absolute; top: 127px; background: #ecf0f9; border-top: 1px solid #afbbd3; z-index: 9999; }
.top_menu .ul_01 { width: 1000px; margin-left: -500px; position: absolute; left: 50%; overflow: visible; }
.top_menu .ul_01 > li { width: 174px; min-height: 440px; padding: 30px 0 0 20px; float: left; border-left: 1px solid #d9dde6; }
.top_menu .ul_01 > li.li_03 { width: 199px; }
.top_menu .ul_01 > li.li_05 { width: 173px; border-right: 1px solid #d9dde6; }
.top_menu .ul_01 > li.li_06 { width: 20px; height: 30px; margin-right: -50px; padding: 30px 0 0 20px; border: none; }
.top_menu .ul_01 > li.li_06 a { font-size: 30px; color: #626a7f; }
.top_menu .ul_01 > li > a { color: #395da9; font-size: 14px; font-weight: 600; }
.top_menu .ul_01 li ul li { line-height: 30px; }
.top_menu .ul_01 li ul li.lh_20 { margin-top: 5px; line-height: 18px; }
.top_menu .ul_01 li ul li.li_01_1 { padding-top: 10px; border: none !important; }
.top_menu .ul_01 li ul li.li_01_1#LNB_COURSE_1270:before { background: none; }
.top_menu .ul_01 li ul li a { font-size: 14px; }
.top_menu .ul_01 li ul li a:hover { display: block; text-decoration:underline; color: #386bdc; }


/*탑버튼*/
#top_btn { display:none; margin-left: 449px; position: fixed; bottom: 126px; left: 50%; z-index: 9999; }
#top_btn a { display: block; width: 100%; height: 100%; }


/*비주얼 버튼*/
.pagination { margin-left: -30px; left: 50%; bottom: 20px; }
.pagination li { width: 15px; height: 15px; margin-right: 8px; padding: 0; background: #fff; border-radius: 15px; overflow: hidden; text-indent: -9999px; }
.pagination li.current { width: 40px; height: 15px; background: #3a5dab; }


/*메인컨텐츠*/
#container.main { width: 100%; padding-bottom: 0; }

#container .main_visual { width: 100%; height: 850px; overflow: hidden; }
#slides,
.slides_container,
.slides_container div,
.slides_container div a { width: 100% !important; height: 850px !important; text-align: center; }
.slides_container div img { margin-left: -960px; position: absolute; left: ;50% }

/*메인컨텐츠 공통*/
#container .horizontal_wrap  { height: 800px; }
.horizontal_wrap .hz_inner { width: 1000px; margin: 0 auto; padding: 105px 0 80px; text-align: center; }
.horizontal_wrap .con_inner_box { width: 1000px; margin: 0 auto; }
.horizontal_wrap .con_inner_box ul li { width: 320px; margin-left: 20px; float: left; background: #fff; text-align: center; }
.horizontal_wrap .con_inner_box ul li.li1 { margin-left: 0; }
.horizontal_wrap .p29 { font-weight: 600; font-style: italic; }
.horizontal_wrap .fz50 { padding: 10px 0 30px; font-size: 50px; font-weight: 600; line-height: 1.3; }
	
#container .wrap1 { width: 100%; background: url(../images/common/main/con1_bg.jpg) center top no-repeat; }
#container .wrap1 p { color: #c22c2f; }
#container .wrap1 .p29 { color: #fff; }
#container .wrap1 .fz50 { color: #fff; }
/* #container .wrap1 .p26 { padding-bottom: 10px; color: #fff; text-align: center; }
#container .wrap1 .hz_inner .p26:before { content: ''; display: block; width: 295px; height: 1px; margin-top: 15px; float: left; background: #fff; }
#container .wrap1 .hz_inner .p26:after { content: ''; display: block; width: 295px; height: 1px;float: right; background: #fff; } */

.wrap1 .con_inner_box ul li { position: relative; }
.wrap1 .con_inner_box ul li .bg_div { width: 100%; height: 100%; position: absolute; top: 0; background: #ffc046; transition: 0.5s ease-in-out; opacity: 0; }
.wrap1 .con_inner_box ul li:hover .bg_div { opacity: 0.2; }
.wrap1 .con_inner_box ul li.li1 { padding-top: 50px; }
.wrap1 .con_inner_box ul li.li1 .p24 { line-height: 31px; font-style: italic; }
.wrap1 .con_inner_box ul li.li1 .p28 { padding-top: 30px; font-weight: 600; font-style: italic; }
.wrap1 .con_inner_box ul li.li1 .p17 { padding: 16px 0 51px; line-height: 22px; }

.wrap1 .con_inner_box ul li.li2 { padding-top: 45px; }
.wrap1 .con_inner_box ul li.li2 .p18 { width: 71%; margin: 0 auto; padding-bottom: 10px; border-bottom: 1px solid #c22c2f; letter-spacing: -1px; }
.wrap1 .con_inner_box ul li.li2 .p28 { padding-top: 15px; font-weight: 600; letter-spacing: -2px; }
.wrap1 .con_inner_box ul li.li2 .p14 { padding: 25px 0 43px; line-height: 22px; letter-spacing: -1px; }

.wrap1 .con_inner_box ul li.li3 { padding-top: 60px; }
.wrap1 .con_inner_box ul li.li3 .p16 { padding-bottom: 111px; line-height: 25px; }
.wrap1 .con_inner_box ul li.li3 .p16:before { content: ''; display: block; width: 22px; height: 22px; margin-left: 25px; background: url(../images/common/main/rest1.png) 0 0 no-repeat; }
.wrap1 .con_inner_box ul li.li3 .p16:after { content: ''; display: block; width: 22px; height: 22px; margin: -50px 0 0 275px; background: url(../images/common/main/rest2.png) 0 0 no-repeat; }

.wrap1 .con_inner_box ul li > .p24 { text-decoration:underline }


#container .wrap2 { width: 100%; height: 850px; background: url(../images/common/main/con2_bg.jpg) center top no-repeat; }
#container .wrap2 .p29 { color: #3c241b; }
#container .wrap2 .fz50 { color: #3c241b; }
#container .wrap2 .p18 { color: #3c241b;  }
#container .wrap2 .p18 span.italic { font-weight: 600; }

.wrap2 .con_inner_box ul li a { display: block; width: 270px; margin: 0 auto; overflow: hidden; }
.wrap2 .con_inner_box ul li a img { transition: 0.5s ease-in-out; }
.wrap2 .con_inner_box ul li:hover a img { transform: scale(1.1) rotate(2deg); opacity: 0.8; }
/* .wrap2 .con_inner_box ul li:hover .p14 { text-decoration: underline; } */
.wrap2 .con_inner_box ul li .p18 { padding: 25px 5px 17px 25px; text-align: left; font-weight: 600; }
.wrap2 .con_inner_box ul li .p14 { padding: 10px 0 25px; line-height: 21px; text-align: left; }
.wrap2 .con_inner_box ul li.li3 .p14 { padding-bottom: 67px; }


.square_wrap { width: 100%; padding: 60px 0; background: #dde4e8; }
.square_list { width: 1000px; margin: 0 auto; }
.square_list > li { width: 320px; margin-left: 20px; }
.square_list > li.li1 { margin-left: 0; }
.square_list > li.li1 .square_box.double .top_title { padding-bottom: 0; border-bottom: none; }
.square_list > li.li1 .p13 { margin-top: 10px; line-height: 20px; letter-spacing: -1px; }
.square_list > li.li1 .box_btn { width: 105px; height: 30px; margin-top: 15px; border: 1px solid #3a5dab; transition: 0.5s; text-align: center; line-height: 30px; }
.square_list > li.li1 .box_btn:hover { background: #3a5dab; }
.square_list > li.li1 .box_btn:hover a { color: #fff; }
.square_list > li.li1 .box_btn:hover a:after { color: #fff; background: url(../images/common/main/arrow2.png) 0 center no-repeat; }
.square_list > li.li1 .box_btn a { display: block; width: 100%; height: 100%; color: #3a5dab; }
.square_list > li.li1 .box_btn a:after { content: ''; display: block; width: 25px; height: 30px; float: right; background: url(../images/common/main/arrow.png) 0 center no-repeat; }

.square_list > li .square_box.double { width: 270px; height: 270px; padding: 0 25px; background: #fff; }
.square_list > li .square_box.double .top_title { padding: 30px 0 15px; border-bottom: 1px solid #999; font-size: 18px; }

.square_box .more { top: 30px; right: 25px; }
.square_box .more a { display: block; width: 62px; }
.square_box .more img { position: absolute; top: 4px; right: 0; }

.list_top li { background: url(../images/common/main/main_com.jpg) 3px 8px no-repeat; }
.list_top li:hover a { text-decoration: underline; }

.page_btns {position:relative; text-align:right; padding:10px 0;}
.col_course_price {width:230px; line-height:2em;}
.col_course_price a {vertical-align:middle;}
.col_course_price input {vertical-align:middle;}

/*푸터*/
#footer .foot_menu { width: 100%; background: #474d5d; }
.foot_menu .foot_list { width: 1000px; margin: 0 auto; padding: 18px 0 19px; text-align: left; }
.foot_menu .foot_list li { padding-left: 30px; background: url(../images/common/main/blt_wbar.jpg) 13px center no-repeat; }
.foot_menu .foot_list li a { color: #b0bcd2; }

#footer .copy { width: 100%; padding: 33px 0; background: #373d4d; }
.copy .foot_info { width: 1000px; margin: 0 auto; text-align: left; }
.copy .foot_info h2 { display: inline-block; width: 166px; height: 46px; background: url(../images/common/main/footer_logo.png) 0 0 no-repeat; }
.foot_info .address_area { display: inline-block; margin-left: 50px; }
.foot_info .address_area address { font-size: 13px; color: #a9b3c9; line-height: 20px; }
.foot_info .address_area .copyright { font-size: 13px; color: #a9b3c9; }

/* 웹tv */
.type_webtv .list_webtv{margin-left:-7px;}
.type_webtv .list_webtv li{width:251px;margin-left:7px;}
.type_webtv .list_webtv li .webtv_img{width:249px;height:140px;}
.type_webtv .list_webtv li .webtv_img img{width:249px;height:140px}

/* 도서일괄구매 */
.book_all_list li { width:9.0909%; }