@charset "UTF-8";

/* 레이어 팝업: 유튜브 영상 */
.wrap_layer_popup#youtube_pop{display:none;width:1000px;height:563px;padding:0;border:none;background:none}
.wrap_layer_popup#youtube_pop .close_layer{display:block;overflow:hidden;position:absolute;top:-50px;right:0;z-index:61;width:40px;height:40px;background:url(//siwon-cdn.siwonschool.com/img/comm/close_40x40_white.png) no-repeat;font-size:1px;text-indent:-200%}
.wrap_layer_popup#youtube_pop iframe{display:block;width:100%;height:100%}

/* 레이어 팝업: flv, mp4 영상 - 공통 파일로 이동 190919 */
.layerpop_bg{position:fixed;top:0;left:0;width:100%;height:100%;background:url(//siwon-cdn.siwonschool.com/img/italy/comm/bg_black_opacity.png);overflow:hidden;z-index:997}
.layerpop_bg .layerpop_box{position:fixed;left:50%;z-index:998}
.layerpop_bg .layerpop_box .layerpop_video{clear:both;z-index:999}
.layerpop_bg .layerpop_box .layerpop_close{display:inline-block;position:absolute;top:0;right:-50px;width:50px;height:50px;background:url(//siwon-cdn.siwonschool.com/img/comm/close_50box_black.gif) no-repeat;cursor:pointer;z-index:999;text-indent:-999px}
/* text-title */
.layerpop_bg .layerpop_box .layerpop_head{overflow:hidden;position:relative;min-height:38px}
.layerpop_bg .layerpop_box .layerpop_head .layerpop_close{position:absolute;bottom:0;right:0}
.layerpop_bg .layerpop_box .layerpop_head .layerpop_tit{font-size:25px;font-weight:bold;color:#fff}

/* 공통 게시판 뷰 */
.bbs_view_comm .view_tit{position:relative;padding:30px;border-top:2px solid #858585;border-bottom:1px solid #dbdbdb;text-align:center}
.bbs_view_comm.noline .view_tit{border-top:none}
.bbs_view_comm .view_tit .tit{font-size:22px;color:#000}
.bbs_view_comm .view_tit .info{padding-top:5px;font-size:14px;color:#999}
.bbs_view_comm .view_tit .info span{padding-right:30px}
.bbs_view_comm .view_tit .info .star{padding-right:0;display:inline-block;margin-top:-1px;font-size:14px;letter-spacing:0;vertical-align:top}
.bbs_view_comm .view_tit .nav a{display:inline-block;position:absolute;top:50%;width:55px;height:55px;margin-top:-27px;background:url(//siwon-cdn.siwonschool.com/img/italy/comm/bbs_nav.jpg) no-repeat}
.bbs_view_comm .view_tit .nav a.bt_prev{right:56px;background-position:left top}
.bbs_view_comm .view_tit .nav a.bt_next{right:0;background-position:right top}
.bbs_view_comm .bbs_info{overflow:hidden;margin-bottom:15px;height:185px;border:1px solid #dbdbdb;border-top:none}
.bbs_view_comm .bbs_info .box_l{overflow:hidden;float:left;padding:25px 0  25px 35px;border-right:1px solid #e8e8e8;width:752px}
.bbs_view_comm .bbs_info .box_l .thumb{overflow:hidden;float:left;position:relative;width:220px;height:134px}
.bbs_view_comm .bbs_info .box_l .thumb .name{display:block;position:absolute;left:0;bottom:0;width:100%;height:30px;background:rgba(17,17,17,0.8);font-size:14px;color:#fff;text-align:center;line-height:30px;letter-spacing:0}
.bbs_view_comm .bbs_info .box_l .thumb img{width:100%;height:auto}
.bbs_view_comm .bbs_info .box_l .info{float:left;padding:0 30px;width:472px}
.bbs_view_comm .bbs_info .box_l .info .tit{font-size:17px;font-weight:bold;color:#000;letter-spacing:-1px;line-height:2}
.bbs_view_comm .bbs_info .box_l .info .desc{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;height:4.3em;line-height:1.4em;margin-bottom:20px;font-size:13px;color:#929292}
.bbs_view_comm .bbs_info .box_l .info .period{font-size:13px;color:#666}
.bbs_view_comm .bbs_info .box_r{float:left;padding:50px;width:210px}
.bbs_view_comm .bbs_info .box_r a{display:inline-block;height:38px;border:1px solid #111;font-size:14px;text-align:center;line-height:38px;text-decoration:none}
.bbs_view_comm .bbs_info .box_r .bt_ori{margin-bottom:3px;width:208px;color:#111}
.bbs_view_comm .bbs_info .box_r .bt_view{width:168px;background:#111;color:#fff}
.bbs_view_comm .bbs_info .box_r .bt_cart{width:38px;background:url(//siwon-cdn.siwonschool.com/img/italy/comm/ico_cart.png) center center no-repeat;text-indent:-99999px}
.bbs_view_comm .view_cont{padding:30px;background:#f6f6f6;border-bottom:1px solid #dbdbdb;font-size:14px;line-height:1.8}
.bbs_view_comm .view_cont p{font-size:14px;line-height:1.8;text-align:center}
.bbs_view_comm .view_cont img{max-width:100%}
.bbs_view_comm .view_file{padding:20px 30px;border-bottom:1px solid #dbdbdb}
.bbs_view_comm .view_file p{font-size:14px;line-height:1.5}
.bbs_view_comm .view_file .bar{padding:0 10px}
.bbs_view_comm .view_reply{padding-top:60px}
.bbs_view_comm .view_reply .input_form{overflow:hidden;padding:30px 0;border-top:2px solid #858585}
.bbs_view_comm .view_reply .cont{padding-top:10px;line-height:1.6}
.bbs_view_comm .view_reply .name{font-size:14px;color:#222}
.bbs_view_comm .view_reply .name .date{padding-left:17px;font-size:13px;color:#999;margin-left:17px;background:url(//siwon-cdn.siwonschool.com/img/italy/comm/bg_greybar_1x11.gif) left 4px no-repeat}
.bbs_view_comm .view_reply .bt_reply{display:inline-block;float:right;height:80px;width:120px;font-size:15px;text-align:center;color:#fff;line-height:78px;background:#858585}
.bbs_view_comm .view_reply .bt_reply2{display:inline-block;float:right;height:50px;width:120px;background:#858585;font-size:15px;color:#fff;line-height:50px;text-align:center}
.bbs_view_comm .view_reply .wrap_reply_1dep{padding:20px 0 20px 30px;border-bottom:1px solid #dbdbdb}
.bbs_view_comm .view_reply .wrap_reply_2dep{margin-top:30px;padding-bottom:10px;background:#fff}
.bbs_view_comm .view_reply .reply_count{font-size:15px;line-height:17px;color:#000;border-bottom:1px solid #dbdbdb;padding-bottom:10px}
.bbs_view_comm .view_reply .reply_1dep{position:relative;padding:20px 0;border-top:1px solid #dbdbdb}
.bbs_view_comm .view_reply .reply_1dep:first-child{padding-top:0;border-top:0}
.bbs_view_comm .view_reply .reply_2dep{overflow:hidden;position:relative;padding-bottom:30px}
.bbs_view_comm .view_reply .reply_2dep:first-child{border-top:0}
.bbs_view_comm .view_reply .reply_2dep .name{padding-left:20px;background:url(//siwon-cdn.siwonschool.com/img/italy/comm/bul_reply.gif) left top no-repeat}
.bbs_view_comm .view_reply .reply_2dep .cont{padding-left:20px}
.bbs_view_comm .view_reply .reply_box{overflow:hidden;padding:0 0 10px 20px;background:url(//siwon-cdn.siwonschool.com/img/italy/comm/bul_reply.gif) left top no-repeat}
.bbs_view_comm .view_reply .paging_area{border-top:1px solid #e8e8e8}
.bbs_view_comm .view_reply .modify{position:absolute;top:20px;right:0}
.bbs_view_comm .view_reply .modify a{font-size:12px;color:#999}
.bbs_view_comm .view_reply .modify a:hover{text-decoration:underline}
.bbs_view_comm .view_reply .modify .bar{padding:0 10px}


/* 에디터 초기화 */
#editor_area{padding:10px;border-top:1px solid #dadada;border-left:1px solid #dadada;border-right:1px solid #bababa;border-bottom:1px solid #bababa;background:#fff;color:#333 !important}
#editor_area .cke_editable{min-height:200px}
#editor_area em{font-style:italic}
#editor_area ol,#editor_area ul{padding-left:20px}
#editor_area ol li{list-style:decimal}
#editor_area ul li{list-style:disc}
#editor_area h1{font-weight:bold;font-size:2em}
#editor_area h2{font-weight:bold;font-size:1.5em}
#editor_area h3{font-weight:bold;font-size:1.17em}
#editor_area h4{font-weight:bold;font-size:1em}
#editor_area h5{font-weight:bold;font-size:0.83em}
#editor_area h6{font-weight:bold;font-size:0.67em}
#editor_area hr{display:block;-webkit-margin-before: 0.5em;-webkit-margin-after: 0.5em;-webkit-margin-start: auto;-webkit-margin-end: auto;border-style:inset;border-width:1px;box-sizing: border-box}
#editor_area img{max-width:100%}

/*탭 메뉴 1*/
.stickbar_pos{position:relative;z-index:10;height:50px;width:1100px;margin: 60px auto 0;}
.tab_menu_comm{overflow:hidden;width:1100px;margin:0 auto;}
.tab_menu_comm li{float:left;text-align:center;}
.tab_menu_comm.w2 li{width:50%;}
.tab_menu_comm.w3 li{width:33.3%;}
.tab_menu_comm.w4 li{width:25%;}
.tab_menu_comm li a{display:block;height:43px;border:1px solid #dbdbdb;border-left:0;background:#f9f9f9;font-size:14px;color:#858585;line-height:41px;}
.tab_menu_comm li:first-child a{border-left:1px solid #dbdbdb;}
.tab_menu_comm li a:hover{text-decoration:none;}
.tab_menu_comm li.on a{border:1px solid #111;background:#111;font-weight:bold;color:#fff;}
.tab_menu_comm li .count{color:#111;font-size:14px;}
.tab_menu_comm li.on .count{color:#fff;}
.free_section .tab_menu_comm.w4 li{width:20%;}
#stickbar.fixed{position:fixed;top:0;}

/* 탭 메뉴 2 */
.navcate_pos{position:relative;z-index:10;height:50px;margin-top:60px}
.wrap_nav_cate .nav_cate{overflow:hidden;width:1100px;margin:0 auto}
.wrap_nav_cate .nav_cate li{float:left;text-align:center}
.wrap_nav_cate .nav_cate.w2 li{width:50%}
.wrap_nav_cate .nav_cate.w3 li{width:33.333%}
.wrap_nav_cate .nav_cate.w4 li{width:25%}
.wrap_nav_cate .nav_cate.w5 li{width:20%}
.wrap_nav_cate .nav_cate.w6 li{width:16.6%}
.wrap_nav_cate .nav_cate.w7 li{width:14.2%}
.wrap_nav_cate .nav_cate.w8 li{width:12.5%}
.wrap_nav_cate .nav_cate.w9 li{width:11.1%}
.wrap_nav_cate .nav_cate.w10 li{width:10%}
.wrap_nav_cate .nav_cate li a{display:block;height:48px;border:1px solid #dbdbdb;border-left:0;background:#fff;font-size:14px;color:#999;line-height:48px}
.wrap_nav_cate .nav_cate li:first-child a{border-left:1px solid #dbdbdb}
.wrap_nav_cate .nav_cate li a:hover{text-decoration:none}
.wrap_nav_cate .nav_cate li.on a{border:1px solid #243893;background:#243893;color:#fff}
.wrap_nav_cate .nav_cate li .count{color:#243893;font-size:14px}
.wrap_nav_cate .nav_cate li.on .count{color:#fff}
.wrap_nav_cate.fixed{position:fixed;top:0;left:0;width:100%;height:60px}
.wrap_nav_cate.fixed .nav_cate{padding-bottom:5px;background:url(//siwon-cdn.siwonschool.com/img/china/products/nav_cate_bg.png) repeat-x 0 bottom}


/* 우측 퀵배너(공통)_관리자 연동(예정)
	ㄴ 배너 최대 4개 까지 등록 가능
	ㄴ 마이페이지, 내강의실, 이벤트(랜딩), 수강신청 페이지 미노출
	ㄴ .qbancomm_pos.no_fixed 시 스크롤 스크립트 적용 안됨

	퀵배너 코드 통일 191210
	ㄴ 메인의 우측 퀵배너(공통)이 노출되지 않는 페이지(랜딩 제외)에서 #siwon_container 밖으로 .qbancomm_pos 삽입 */
.qbancomm_pos{position:absolute;top:150px;left:0;z-index:30;width:100%}
.qbancomm_pos .qban_comm{position:absolute;top:0;right:30px;margin:10px 0 0 0}
.qbancomm_pos .qban_comm ul li{position:relative;margin-top:4px}
.qbancomm_pos .qban_comm ul li:first-child{margin-top:0}
.qbancomm_pos .qban_comm ul li .bt_cls{z-index:1;display:inline-block;position:absolute;top:0px;right:0px;padding:8px;width:10px;height:10px;background:url(//siwon-cdn.siwonschool.com/img/comm/close_10x10_white.png) 8px 8px no-repeat;text-indent:-99999px}
.qbancomm_pos .qban_comm ul li .ban{border-radius:5px}
.qbancomm_pos .qban_comm.fixed{position:fixed}
.qbancomm_pos.page_st{top:239px}/* 일반 페이지 적용 스타일 */
.qbancomm_pos.page_st .qban_comm{left:50%;margin:10px 0 0 600px}


/*수강후기 별점*/
.star_score{display:inline-block;position:relative;width:70px;height:12px;background:url('//siwon-cdn.siwonschool.com/img/italy/comm/star.png') left bottom repeat-x;}
.star_score i{display:inline-block;position:absolute;top:0;left:0;height:100%;background:url('//siwon-cdn.siwonschool.com/img/italy/comm/star.png') left top repeat-x;}
.star_score.s1 i{width:20%;}
.star_score.s2 i{width:40%;}
.star_score.s3 i{width:60%;}
.star_score.s4 i{width:80%;}
.star_score.s5 i{width:100%;}


/*title*/
.subtit_txt{padding-bottom:15px;font-size:16px;font-weight:bold;color:#000}
.subtit_txt2{padding-bottom:15px;font-size:20px;color:#000}
.subtit_txt.line_g{border-bottom:2px solid #858585}
.subtit_txt .tt{position:relative;top:2px;margin-left:10px;color:#999;font-size:13px;font-weight:normal}
/*title 오른쪽 아이템*/
.tit_etc{position:relative}
.tit_etc .etcbox{position:absolute;bottom:15px;right:0}

/* list style */
.list_st1 .cont{padding-left:8px;color:#999;line-height:1.6;letter-spacing:-0.5px;background:url(//siwon-cdn.siwonschool.com/img/italy/comm/bul_1x1gray.gif) left 10px no-repeat}
.dot_li{padding-left:10px;font-size:12px;line-height:1.5;background:url(//siwon-cdn.siwonschool.com/img/italy/comm/bul_2x2gray.jpg) 0 8px no-repeat}

/* bx slider 공통 */
.bx_comm .bx-controls{position:relative}
.bx_comm .bx-controls-direction a{display:inline-block;overflow:hidden;position:absolute;top:50%;width:12px;height:10px;margin-top:-5px;text-indent:100%;background:url(//siwon-cdn.siwonschool.com/img/italy/comm/bx_nav.png)}
.bx_comm .bx-controls-direction a.bx-prev{left:-17px;background-position:left top}
.bx_comm .bx-controls-direction a.bx-next{right:-12px;background-position:right top}
.bx-controls-auto{position:absolute;left:-99999px;width:1px;height:1px}
.bx-pager{z-index:55;font-size:0}
.bx-pager-item{display:inline-block;margin-right:5px}
.bx-pager-link{display:block;overflow:hidden;width:10px;height:10px;text-indent:99999px;background:url(//siwon-cdn.siwonschool.com/img/italy/comm/pager_blue.png) no-repeat;background-position:center top}/* pager 기본 색상 : blue-white */
.bx-pager-link.active{background-position:left top}
.bg .bx-pager-link{background:url(//siwon-cdn.siwonschool.com/img/italy/comm/pager_blue.png) no-repeat;background-position:center top}/* blue-gray */
.bg .bx-pager-link.active{background-position:left top}
.rw .bx-pager-link{background:url(//siwon-cdn.siwonschool.com/img/italy/comm/pager_red.png) no-repeat;background-position:right top}/* red-white */
.rw .bx-pager-link.active{background-position:left top}
.rg .bx-pager-link{background:url(//siwon-cdn.siwonschool.com/img/italy/comm/pager_red.png) no-repeat;background-position:center top}/* red-gray */
.rg .bx-pager-link.active{background-position:left top}
.gw .bx-pager-link{background:url(//siwon-cdn.siwonschool.com/img/italy/comm/pager_green.png) no-repeat;background-position:right top}/* green-white */
.gw .bx-pager-link.active{background-position:left top}
.gg .bx-pager-link{background:url(//siwon-cdn.siwonschool.com/img/italy/comm/pager_green.png) no-repeat;background-position:center top}/* green-gray */
.gg .bx-pager-link.active{background-position:left top}
.og .bx-pager-link{background:url(//siwon-cdn.siwonschool.com/img/italy/comm/pager_orange.png) no-repeat;background-position:center top}/* red-white */
.og .bx-pager-link.active{background-position:0 top}

/* 공통 배너 full_170 */
.ban_full_170_sl{overflow:hidden;position:relative;width:100%;min-width:1100px}
.ban_full_170_sl .sl{position:absolute;left:50%;margin-left:-1000px}
.ban_full_170_sl .bx-pager{position:absolute;top:50%;left:50%;width:15px;margin-left:-550px}

/* 540_270 */
.ban_540_270_sl{overflow:hidden;position:relative;width:540px;height:270px}
.ban_540_270_sl .bx-pager{position:absolute;top:10px;right:10px;text-align:right}
/* 1100_240 */
.ban_1100_240_sl{overflow:hidden;position:relative;width:1100px;height:240px}
.ban_1100_240_sl .bx-pager{position:absolute;top:15px;right:15px;text-align:right}
/* 1100_170 */
.ban_1100_170_sl{overflow:hidden;position:relative;width:1100px;height:170px}
.ban_1100_170_sl .bx-pager{position:absolute;top:15px;right:15px;text-align:right}
.ban_1100_170_sl .bx-pager .bx-pager-item{margin-right:5px}

/* 아이콘 */
.ico_file{display:inline-block;overflow:hidden;width:25px;height:12px;margin-left:10px;text-indent:-99999px;background:url(//siwon-cdn.siwonschool.com/img/italy/comm/ico_file.png) no-repeat;vertical-align:middle}
.ico_new{display:inline-block;overflow:hidden;width:36px;height:16px;margin-left:10px;text-indent:-99999px;background:url(//siwon-cdn.siwonschool.com/img/italy/comm/ico_new.gif) no-repeat;vertical-align:middle}
.ico_caution{display:inline-block;overflow:hidden;width:16px;height:16px;margin-right:10px;text-indent:-99999px;background:url(//siwon-cdn.siwonschool.com/img/italy/comm/ico_caution.png) no-repeat;vertical-align:middle}
.ico_doc{display:inline-block;overflow:hidden;width:12px;height:14px;margin-right:10px;text-indent:-99999px;background:url(//siwon-cdn.siwonschool.com/img/italy/comm/ico_doc.png) no-repeat;vertical-align:middle}

/* 샘플강의 */
.sample_list_comm{overflow:hidden;border-bottom:1px solid #dbdbdb}
.sample_list_comm li{float:left;width:250px;padding-bottom:30px;margin-right:33px}
.sample_list_comm li.forth{margin-right:0}
.sample_list_comm li .thumb{display:block;position:relative;height:140px}
.sample_list_comm li .thumb .mask{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(//siwon-cdn.siwonschool.com/img/italy/comm/mask_video_s.png) left bottom repeat-x}
.sample_list_comm li .thumb .tit{display:block;overflow:hidden;position:absolute;bottom:10px;left:10px;height:25px;width:200px;padding-left:30px;color:#fff;line-height:21px;text-overflow:ellipsis;white-space:nowrap;background:url(//siwon-cdn.siwonschool.com/img/italy/comm/play_25_wh.png) left center no-repeat}
.sample_list_comm li .thumb:hover .tit{text-decoration:underline}
.sample_list_comm li .name{display:block;padding:20px 0 5px;font-size:14px;color:#111;font-weight:bold}
.sample_list_comm li .desc{display:block;height:42px;font-size:14px;line-height:1.4}
.sample_list_comm li .count{display:block;padding-top:7px;font-size:11px;line-height:12px;color:#999}
.sample_list_comm li .bt{overflow:hidden;padding-top:15px}
.sample_list_comm li .bt a{width:120px;font-size:12px}
.sample_list_comm li .bt .fr{color:#111}

/* thumb list comm */
.thumb_list_comm{overflow:hidden}
.thumb_list_comm li{float:left;position:relative;margin-left:-1px;background:#fff;z-index:1}
.thumb_list_comm li:first-child{margin-left:0}
.thumb_list_comm .item{display:block;position:relative;padding:10px;border:1px solid #e8e8e8}
.thumb_list_comm .best{position:absolute;top:10px;left:10px;z-index:1}
.thumb_list_comm dl{text-align:center}
.thumb_list_comm dl dt{padding-bottom:5px;color:#111}
.thumb_list_comm dl dd{color:#999}
.thumb_list_comm dl .thumb{display:block;overflow:hidden;position:absolute;top:10px;left:10px;width:198px}
.thumb_list_comm dl .thumb img{width:auto;height:100%}
.thumb_list_comm dl .more{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:url(//siwon-cdn.siwonschool.com/img/comm/white_op25.png)}
.thumb_list_comm dl .more .ico_zoom{position:absolute;top:50%;left:50%;margin:-24px 0 0 -24px}
.thumb_list_comm.st1 li{width:20%}/* 수강신청 > 베스트 상품 list  */
.thumb_list_comm.st1 dl{height:278px}
.thumb_list_comm.st1 dl dt{padding-top:218px;font-size:15px}
.thumb_list_comm.st1 dl .thumb{height:198px}
.thumb_list_comm.st2 li{width:20%}/* 교재 > 베스트 상품 list */
.thumb_list_comm.st2 dl dt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:230px;font-size:14px;color:#333}
.thumb_list_comm.st2 dl .thumb{height:210px;background:#f8f8f8}
.thumb_list_comm.st2 dl .thumb img{margin-top:40px;width:95px;height:auto}
.thumb_list_comm.st2 dl .price{padding-bottom:21px;font-size:14px;color:#ed3338;letter-spacing:0}
.thumb_list_comm.st2 dl .price del{display:inline-block;margin-right:5px;color:#666}
.thumb_list_comm.st2 dl .price .sale{font-size:22px;font-weight:bold;vertical-align:sub}
.thumb_list_comm.st2 dl .price .ico_sale{display:inline-block;position:relative;top:-1px;left:5px;padding:0px 3px 1px;background:#ed3338;font-size:11px;color:#fff}
.thumb_list_comm li:hover{z-index:2}
.thumb_list_comm li:hover .item{border-color:#ed3338;text-decoration:none}
.thumb_list_comm li:hover .more{display:block}

/* 수강후기 */
.review_box_comm .review_tit{cursor:pointer}
.review_box_comm .table_st1.slim tr.review_cont td{padding:20px 10px;line-height:1.8}
.review_box_comm .review_cont .wrap_thumb{overflow:hidden;width:100px;height:100px;margin:0 auto;border-radius:50px;background:#f9f9f9}
.review_box_comm .review_cont .thumb{display:block;width:100%;height:auto}
.review_box_comm .review_cont.closed{display:none}
.review_box_comm .ico_handle{display:inline-block;width:11px;height:6px;background:url(//siwon-cdn.siwonschool.com/img/italy/comm/bg_handle.png) 0 -45px no-repeat;color:#111}
.review_box_comm .review_tit.on .ico_handle{background-position-y:0}