@charset "euc-kr";

/* 수시 합격 */
#etoosContent .tit_container.susi {background-image:url('https://img.etoos.com/enp/front/2023/susi/tit_bn.png');background-repeat:no-repeat;background-position:center top;}
#etoosContent .tit_container .flo_open {position:absolute;left:50%;top:34px;margin-left:437px;}

/* susi_title_area */
.con_container .susi_title_area .tit {display:block;margin:33px 0 10px;color:#222;font-size:25px;font-weight:400;}
.con_container .susi_title_area .tit strong {font-weight:700;}
.con_container .susi_title_area .tit_sub {display:block;margin:23px 0 5px;color:#222;font-size:16px;font-weight:500;}
.con_container .susi_title_area:first-child .tit {margin-top:0;}

/* susi_banner_area */
.con_container .susi_banner_area {flex-wrap:wrap;display:-webkit-flex;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;-webkit-flex-direction:row;box-sizing:border-box;}
.con_container .susi_banner_area .banner .susi_slick_wrap {width:490px;}
.con_container .susi_banner_area .banner + .banner {margin-left:10px;}

/* susi_slick_wrap */
.con_container .susi_slick_wrap {position:relative;width:100%;overflow:hidden;}
.con_container .susi_slick_wrap .slick-slider .slick-slide a {text-decoration:none;line-height:1.5;}
.con_container .susi_slick_wrap .slick-prev, 
.con_container .susi_slick_wrap .slick-next {position:absolute;z-index:1;top:50%;width:24px;height:25px;}
.con_container .susi_slick_wrap .slick-prev {left:0;background:url('https://img.etoos.com/enp/front/2023/susi/slide_prev.png') no-repeat 0 0;}
.con_container .susi_slick_wrap .slick-next {right:0;background:url('https://img.etoos.com/enp/front/2023/susi/slide_next.png') no-repeat 0 0;}
.con_container .susi_slick_wrap .slick-dots {bottom:auto;top:15px;box-sizing:border-box;padding-right:10px;text-align:right;}
.con_container .susi_slick_wrap .slick-dots li,
.con_container .susi_slick_wrap .slick-dots li button {width:5px;height:5px;}
.con_container .susi_slick_wrap .slick-dots li button:before {position:absolute;top:0;left:0;width:5px;height:5px;content:'';opacity:1;background:#eee;border-radius:50%;}
.con_container .susi_slick_wrap .slick-dots li.slick-active button:before {background:#222;}
.con_container .susi_slick_wrap .slick-dotted.slick-slider {margin:0;}

/* susi_slick */
.con_container .susi_slick_wrap .susi_slick .slide {width:490px;height:230px;}

/* reco_slick */
.con_container .susi_slick_wrap .reco_slick .slide {width:380px;}
.con_container .susi_slick_wrap .reco_slick .reco_box {overflow:hidden;position:relative;display:block;box-sizing:border-box;width:370px;height:150px;padding:35px 0 0 35px;border:1px solid #eaeaea;letter-spacing:-1px;}
.con_container .susi_slick_wrap .reco_slick .reco_box .tag {position:absolute;left:0;top:0;background:#c9ccd6;padding:0 12px;color:#fff;font-size:14px;}
.con_container .susi_slick_wrap .reco_slick .reco_box .pic {position:absolute;z-index:0;right:0;bottom:0;width:120px;height:120px;}
.con_container .susi_slick_wrap .reco_slick .reco_box .pic img {position:absolute;left:0;top:0;width:130px;}
.con_container .susi_slick_wrap .reco_slick .reco_box .tit {position:relative;z-index:1;display:block;color:#333;font-size:16px;font-weight:700;}
.con_container .susi_slick_wrap .reco_slick .reco_box .desc {position:relative;z-index:1;display:block;margin-top:5px;color:#999;font-size:14px;}
.con_container .susi_slick_wrap .reco_slick .reco_box .tea {display:block;margin-top:5px;color:#bfa270;font-size:12px;}

/* ipsi_slick */
.con_container .susi_slick_wrap .ipsi_slick {margin-top:30px;}
.con_container .susi_slick_wrap .ipsi_slick .slide {width:286px;}
.con_container .susi_slick_wrap .ipsi_slick .ipsi_box {overflow:hidden;position:relative;display:block;box-sizing:border-box;width:276px;height:200px;padding:30px 0 0 35px;border:1px solid #eaeaea;letter-spacing:-1px;}
.con_container .susi_slick_wrap .ipsi_slick .ipsi_box .pic {position:absolute;z-index:0;right:0;bottom:0;width:120px;height:170px;}
.con_container .susi_slick_wrap .ipsi_slick .ipsi_box .pic img {position:absolute;left:0;top:0;width:150px;}
.con_container .susi_slick_wrap .ipsi_slick .ipsi_box .tit {position:relative;z-index:1;display:block;margin-top:8px;color:#333;font-size:16px;font-weight:700;}
.con_container .susi_slick_wrap .ipsi_slick .ipsi_box .desc {position:relative;z-index:1;display:block;margin-top:5px;padding-right:120px;color:#999;font-size:14px;line-height:1.3;}
.con_container .susi_slick_wrap .ipsi_slick .ipsi_box .tea {position:relative;color:#32a7a2;font-size:14px;font-weight:600;}
.con_container .susi_slick_wrap .ipsi_slick .ipsi_box .tea:before {position:absolute;z-index:-1;left:0;bottom:0;content:'';display:block;width:calc(100% + 5px);height:6px;background:#b8fffb;}

/* play_slick */
.con_container .susi_slick_wrap .play_slick .slide {width:286px;}
.con_container .susi_slick_wrap .play_slick .play_box {overflow:hidden;position:relative;display:-webkit-flex;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:276px;height:156px;background:#eaeaea;border:1px solid #eaeaea;letter-spacing:-1px;text-align:center;}
.con_container .susi_slick_wrap .play_slick .play_box .tit {position:relative;z-index:1;display:block;margin-top:2px;color:#333;font-size:22px;font-weight:700;line-height:1.3;}
.con_container .susi_slick_wrap .play_slick .play_box .tea {position:relative;color:#32a7a2;font-size:14px;font-weight:400;}
.con_container .susi_slick_wrap .play_slick .play_box:after {position:absolute;right:19px;bottom:19px;content:'';display:inline-block;width:28px;height:32px;background:url('https://img.etoos.com/enp/front/2023/susi/icon_play.png') no-repeat;}

/* susi_tab_area */
.con_container .susi_tab_area {margin-top:10px;}
.con_container .susi_tab_area ul {flex-wrap:wrap;display:-webkit-flex;display:flex;align-items:stretch;justify-content:flex-start;flex-direction:row;-webkit-flex-direction:row;box-sizing:border-box;width:100%;}
.con_container .susi_tab_area ul li {position:relative;flex:1;background:#fff;}
.con_container .susi_tab_area ul li a {display:block;box-sizing:border-box;width:calc(100% + 2px);height:100%;margin:0 -1px;font-weight:500;text-align:center;line-height:1.4;}
.con_container .susi_tab_area ul li.on {z-index:1;}
.con_container .susi_tab_area ul li + li {margin-left:-1px;}

/* susi_tab_area.style1 */
.con_container .susi_tab_area.style1 ul li {background:#fff;border:1px solid #979b9e;}
.con_container .susi_tab_area.style1 ul li a {padding:14px 0;color:#444;font-size:15px;}
.con_container .susi_tab_area.style1 ul li.on {border:1px solid #30323e;background:#30323e;}
.con_container .susi_tab_area.style1 ul li.on a {color:#fff;}

/* susi_tab_area.style2 */
.con_container .susi_tab_area.style2 ul li {background:#f9f9f9;border:1px solid #dddddd;}
.con_container .susi_tab_area.style2 ul li a {padding:14px 0;color:#444;font-size:12px;}
.con_container .susi_tab_area.style2 ul li.on {background:#fff;border:1px solid #666;border-bottom:1px solid #fff;}
.con_container .susi_tab_area.style2 ul li.on a {color:#444;}

/* ipsi_file */
.con_container .ipsi_file .file_box {border:1px solid #e4e4e4;}
.con_container .ipsi_file .file_box .top {padding:38px 38px 40px;}
.con_container .ipsi_file .file_box .top .thumb_vod {position:relative;display:block;width:840px;margin:0 auto;background:#333;}
.con_container .ipsi_file .file_box .top .thumb_vod .ico_play {position:absolute;top:50%;left:50%;margin:-36px 0 0 -36px;}
.con_container .ipsi_file .file_box .top .title {position: relative;padding:30px 0 0 0;}
.con_container .ipsi_file .file_box .top .title .tis {color:#888888;font-size:14px;}
.con_container .ipsi_file .file_box .top .title .ti {color:#444444;font-size:26px;font-weight:700;line-height:1.2;}
.con_container .ipsi_file .file_box .top .title .ti .best_icon {display:inline-block;border:1px solid #e15d39;font-size:11px;color:#e15d39;height:18px;line-height:18px;padding:0 13px;border-radius:30px;margin-left:6px;font-weight:400;}
.con_container .ipsi_file .file_box .top .title .date {margin:13px 0 0;}
.con_container .ipsi_file .file_box .top .title .date > span {display: inline-block;position: relative;margin-left:9px;padding-left:9px;color:#888888;font-size:12px;}
.con_container .ipsi_file .file_box .top .title .date > span::after {content:'';position:absolute;left:0;top:5px;display:inline-block;width:1px;height:11px;background:#dddddd;}
.con_container .ipsi_file .file_box .top .title .date > span:first-child {margin-left:0;padding-left:0;}
.con_container .ipsi_file .file_box .top .title .date > span:first-child::after {display:none;}
.con_container .ipsi_file .file_box .top .title .commmr_ico {display:inline-block;*display:inline;*zoom:1;overflow:hidden;background-image:url('https://img.etoos.com/sub2015/myroom/comm_ico.png');background-repeat:no-repeat;font-size:0px;line-height:0;text-indent:-9999px;*text-indent:0;vertical-align:top;}
.con_container .ipsi_file .file_box .top .title .commmr_ico.mrico_plays {width:8px;height:11px;background-position:-678px -1012px;vertical-align:middle;}

/* ipsi_list */
.con_container .susi_slick_wrap .ipsi_list {flex-wrap:wrap;display:-webkit-flex;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;-webkit-flex-direction:row;box-sizing:border-box;}
.con_container .susi_slick_wrap .ipsi_list .slide {width:292px;margin-bottom:22px;}
.con_container .susi_slick_wrap .ipsi_list .slide a {text-decoration:none;line-height:1.5;}
.con_container .susi_slick_wrap .ipsi_list .slide:nth-child(3n+2) {margin-left:22px;margin-right:22px;}
.con_container .susi_slick_wrap .ipsi_list .play_box {width:292px;height:166px;}
.con_container .susi_slick_wrap .ipsi_list .slide.on .play_box {border:1px solid #000;}

/* ipsi_sort */
.con_container .ipsi_sort {margin:30px 0 15px;}
.con_container .ipsi_sort:after {content:'';display:block;height:0px;clear:both;visibility:hidden;}
.con_container .ipsi_sort .list_tot {float:left;display:inline-block;color:#333;font-size:12px;line-height:23px;letter-spacing:-0.07em}
.con_container .ipsi_sort .list_tot em {color:#12938e;font-weight:700;}
.con_container .ipsi_sort .wr_sort_btn {float:right;display:inline-block;}
.con_container .ipsi_sort .wr_sort_btn .btn_align {display:inline-block;*display:inline;*zoom:1;margin-left:-1px;background-color:#f0f0f0;border:1px solid #ccc;height:21px;width:79px;background-color:#f0f0f0;color:#999;font:normal 11px/20px 'Malgun Gothic','맑은고딕',sans-serif;text-align:center}
.con_container .ipsi_sort .wr_sort_btn .on {background-color:#fff;color:#555;}

/* ipsi_etc */
.con_container .ipsi_nodata {padding:180px 0;text-align:center;font-size:14px;}
.con_container .ipsi_dimmed {position:relative;margin-top:30px;}
.con_container .ipsi_dimmed .comingsoon {position:absolute;z-index:4;left:0;top:0;right:0;bottom:0;content:'';display:-webkit-flex;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;font-size:30px;}
.con_container .ipsi_dimmed .susi_slick_wrap .ipsi_slick {margin-top:0;}
.con_container .ipsi_dimmed:after {position:absolute;z-index:3;left:0;top:0;right:0;bottom:0;content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,0.7);}