@charset "utf-8"; 

/* 엑스키퍼란 - 제목 위 말풍선 */
.wrap_info_layer_title, .wrap_info_layer_table   { display:inline-block; *display:inline; *zoom:1; background:#fff; border:1px solid #ddd; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -khtml-border-radius:8px; -o-border-radius:8px; 
	box-shadow:0 2px 2px #ddd; -webkit-box-shadow:0 2px 2px #ddd; -moz-box-shadow:0 2px 2px #ddd; -ms-box-shadow:0 2px 2px #ddd; -khtml-box-shadow:0 2px 2px #ddd; -o-box-shadow:0 2px 2px #ddd; z-index:5; }
.wrap_info_layer_table  {  margin-left:12px; }
	
.wrap_info_layer_title .info_layer_title, .wrap_info_layer_table .info_layer_title  { margin-bottom:-12px; background:url(/image/introduction/bg_bottom_balloon_s03.png) no-repeat center bottom; *zoom:1; }
.wrap_info_layer_title .info_layer_title .title_info, .wrap_info_layer_table .info_layer_title .title_info  { padding:8px 10px 18px; text-align:center; color:#666; font-size:14px; line-height:14px; }

/* 엑스키퍼란 - 소개 */
.intro_top_text  { text-align:center; }
.intro_top_text .text_group01, .intro_top_text .text_group02  { display:block; font-size:28px; line-height:28px; }
.intro_top_text .text_group01  { padding:25px 0 4px; }
.intro_top_text .text_group02  { padding:4px 0 60px; font-weight:500; color:#333; }
.intro_top_text .text_group03  { font-size:20px; line-height:24px; padding:4px 0 30px; font-weight:500; color:#333; }

.wrap_con_intro_pc, .wrap_con_intro_mobile{ border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -khtml-border-radius:30px; -o-border-radius:30px; padding-bottom:50px; }
.wrap_con_intro_pc  { background:#f8f8f8; margin-bottom:20px; }
.wrap_con_intro_mobile  { background:#fff7f0; }
.wrap_con_intro_pc h4.img_title, .wrap_con_intro_mobile h4.img_title  { position:relative; height:380px; background-repeat:no-repeat; background-position:18px 26px; }
.wrap_con_intro_pc h4.img_title  { background-image:url(/image/introduction/img_intro_pc.png); }
.wrap_con_intro_mobile h4.img_title { background-image:url(/image/introduction/img_intro_mobile.png); }
.wrap_con_intro_pc h4.img_title .text_group01, .wrap_con_intro_mobile h4.img_title .text_group01  { position:absolute; top:149px; left:558px; font-size:20px; line-height:20px; color:#c19d80; display:block; }
.wrap_con_intro_pc h4.img_title .text_group02, .wrap_con_intro_mobile h4.img_title .text_group02  { position:absolute; top:184px; left:558px; font-size:38px; line-height:38px; color:#ab6224; font-weight:500; }
.wrap_con_intro_pc .con_list_area  { border-top:2px dashed #dfdfdf; padding-top:50px; }
.wrap_con_intro_mobile .con_list_area  { border-top:2px dashed #f4decb; padding-top:50px; }

/* JDD-56 집중력 모드 추가 200804 */
.wrap_con_intro_pc .concentration{height:250px;padding:50px 100px;}
.wrap_con_intro_pc .concentration .left {width:500px; display: inline-block;}
.wrap_con_intro_pc .concentration .img_icon{width:247px; height:192px;display: inline-block; height:192px;background:url(/image/introduction/icon_concentration.png) no-repeat;}
.wrap_con_intro_pc .concentration .text_group03{position:relative;font-size:38px;line-height:50px;color:#545465;font-weight:500;}
.wrap_con_intro_pc .concentration .text_group04{font-size:19px;line-height:28px;color:#545465;display:block;}

.con_list_area ul.list_function  { height:300px; width:930px; margin:0 auto; }
.con_list_area ul.list_function li  { float:left; width:310px; }
.wrap_con_intro_pc .con_list_area ul.list_function li .img_area, .wrap_con_intro_mobile .con_list_area ul.list_function li .img_area  { display:block; overflow:hidden; text-indent:-9999px; width:145px; height:145px; margin:0 auto; }
.wrap_con_intro_pc .con_list_area ul.list_function li .img_area  { background:url(/image/introduction/img_function_pc.png) no-repeat; }
.wrap_con_intro_mobile .con_list_area ul.list_function li .img_area  { background:url(/image/introduction/img_function_mobile.png) no-repeat; }
.con_list_area ul.list_function li.list01 .img_area  { background-position:0 0; }
.con_list_area ul.list_function li.list02 .img_area  { background-position:0 -145px; }
.con_list_area ul.list_function li.list03 .img_area  { background-position:0 -290px; }
.con_list_area ul.list_function li.list04 .img_area  { background-position:0 -435px; }
.con_list_area ul.list_function li.list05 .img_area  { background-position:0 -580px; }
.con_list_area ul.list_function li.list06 .img_area  { background-position:0 -725px; }
.con_list_area ul.list_function li .con_text_area  { text-align:center; padding-top:8px; }
.con_list_area ul.list_function li .con_text_area span.title  { font-size:20px; line-height:20px; color:#333; display:block; }
.con_list_area ul.list_function li .con_text_area span.text  { display:block; font-size:14px; line-height:14px; line-height:22px; padding-top:8px; }

.table_function_pc table, .table_function_mobile table  { border:1px solid #ddd; width:950px; }
.table_function_pc table  { margin:30px auto 0; }
.table_function_mobile table  { margin:10px auto 0; }
.table_function_pc table td, .table_function_mobile table td  { line-height:20px; padding-top:8px; padding-bottom:8px; background:#fff; }
.table_function_pc table td.td_center, .table_function_mobile table td.td_center  { text-align:center; }
.table_function_pc table td span.h_text, .table_function_mobile table td span.h_text  { color:#f58220; padding-left:8px; }

.caution_area_intro  { padding:12px 0 0 15px; }

.intro_pic_list  { width:720px; margin:50px auto 0; }
.intro_pic_list ul  { height:130px; padding:30px 0 0 200px; font-size:18px; line-height:18px; background:url(/image/introduction/img_trophy.png) no-repeat; }
.intro_pic_list ul li  { padding:6px 0 6px 20px; }
.intro_infotext_area  { text-align:center; font-size:18px; line-height:26px; padding-top:40px; }

.addition_text { border-radius: .3em; background-color: #2f7aef; color: #fff; padding: 2px 5px; font-size: 11px; }

/* 미니 PC */
.wrap_con_intro_minipc { padding-bottom:10px; margin-bottom:20px; }
.wrap_con_intro_minipc h4.img_title { display:block; height:2000px; background:url(/image/introduction/img_intro_minipc.png)no-repeat; }
.wrap_con_detail_minipc h4.img_title { display:block; text-align:center; height:530px; background:url(/image/introduction/img_detail_minipc.png) no-repeat 230px 60px; }
.wrap_con_detail_minipc h4.img_title .text_group01 { display:block; text-align:center; top:184px; font-size:38px; line-height:38px; color:#ab6224; }
.wrap_con_detail_minipc h4.img_title .text_group02 { text-align:center; top:149px; font-size:20px; line-height:38px; color:#c19d80; display:block; }
.wrap_con_detail_minipc h4.img_event { display:block; text-align:center; height:763px; background:url(/image/introduction/img_event.png)}

.table_function_minipc table { border:1px solid #ddd; width:700px; margin:30px auto 0; }
.table_function_minipc table td { line-height:15px; padding-top:8px; padding-bottom:8px; background:#fff; }
.table_function_minipc table td.td_center { text-align:center; }
.table_function_minipc table td span.h_text { color:#f58220; padding-left:8px; }

/* 이럴땐 이렇게 */

/* tip 01 20170517수정*/
#wrap_tip01{position:relative;width:100%;height:800px;min-width:960px;margin:0 auto;background: url(/image/introduction/tip01_bg.png) no-repeat center;background-size:cover;}
.tip01{position:relative;width:1000px;height:800px;margin:0 auto;padding-top:20px;background: url(/image/introduction/tip01.png) no-repeat  bottom center;}
.video-bg{position:relative;width:100%;margin:0 auto;text-align:center;padding-top:350px;padding-left:140px;outline:none;}
.video_box{width:700px; height:460px; padding-top: 20px; padding-left: 10px;}
#wrap_tip01_1{position:relative;width:100%;min-width:980px;margin:0 auto;background:#ffffff;}
.tip01_1{position:relative;width:1000px;height:150px;margin:0 auto; text-align:center; padding-top:10px;}

/* tip02 20201110 수정 */
#wrap_tip02{position:relative;width:100%;min-width:960px;margin:0 auto; background:#fff7f0;}
.tip02{position:relative;width:980px;height:2870px;margin:0 auto;}
.tip02_btn{ width:850px; padding-top:50px;height:120px; margin:0 auto; text-align:center; border-top:1px solid #ffffff;}
.tip02_btn ul{ width:90%; margin:0 auto; }
.tip02_btn ul li{ display:inline;padding-left:-10px;}
.tip02_btn ul .le_btn{ display:inline; padding-left:30px;}

/* event 03 */
#wrap_event03{position:relative;width:100%;min-width:960px;margin:0 auto;background:url(/image/introduction/bg_btm_event03.png) no-repeat center;background-size:cover;}
.event03{position:relative;width:960px;height:440px;margin:0 auto; text-align:center; padding-top:30px;}
.event03 li{padding-top:15px;}

/* 무료체험 신청 */
.con_coupon_notice01  { padding:55px 0; border-bottom:1px solid #ddd; }
.con_coupon_notice01 .img_area  { text-align:center; }
.con_coupon_notice01 .text_area  { text-align:center; padding-top:60px; }
.con_coupon_notice01 .text_area .text_group01  { display:block; font-size:30px; line-height:38px; color:#333; }
.con_coupon_notice01 .text_area .text_group02  { display:block; font-size:20px; line-height:28px; color:#666; padding-top:12px; }

.highlight_list_area ul  { padding-top:50px; }
.highlight_list_area ul li  { margin:6px 0; height:60px; background:#f2f2f2; font-size:20px; line-height:20px; border-radius:80px; -webkit-border-radius:80px; -moz-border-radius:80px; -ms-border-radius:80px; -khtml-border-radius:80px; -o-border-radius:80px; color:#333; }
.highlight_list_area ul li span.list_text  { display:block; height:60px; padding:22px 0 0 24px; margin-left:20px; background:url(/image/comm/icon_bullet_title_h3.png) no-repeat left 22px; }

/* 무료체험 신청 완료 */
.coupon_top_text_end  { text-align:center; padding-bottom:40px; }
.coupon_top_text_end .text_group01  { font-size:40px; line-height:50px; color:#333; display:block; }
.coupon_top_text_end .text_group02  { font-size:24px; line-height:32px; color:#767676; display:block; padding-top:16px; }
.coupon_top_text_end .text_group03  { font-size:20px; line-height:26px; color:#767676; display:block; padding-top:12px; }
.con_downloadbtn_area  { text-align:center; padding-bottom:25px; }
.con_downloadbtn_area input[type=image]  { padding:0 2px; }

.coupon_img_area  { text-align:center; padding-top:50px; border-top:1px solid #ddd; margin-top:50px; }

/* 이용후기 */
.con_top_text  { text-align:center; padding-bottom:30px; }
.wrap_con_userreview .btn_detail  { display:inline-block; overflow:hidden; border-bottom:1px solid #bbb; }
.wrap_con_userreview .btn_detail a  { display:inline-block; padding-right:12px; background:url(/image/comm/icon_bullet_title_gray.png) no-repeat right 2px; margin-top:12px; }

.wrap_con_userreview dl dd span.title  { font-size:20px; line-height:20px; color:#333; display:block; }
.wrap_con_userreview dl dd span.text01  { font-size:14px; line-height:20px; color:#666; display:block; }
.wrap_con_userreview .group01 dl dt a, .wrap_con_userreview .group01 dl dd a  { display:block; }

.wrap_con_userreview .group01  { margin-bottom:10px; }
.wrap_con_userreview .group01 dl.article01  { height:281px; border:1px solid #ddd; }
.wrap_con_userreview .group01 dl.article01 dt  { float:left; }
.wrap_con_userreview .group01 dl.article01 dt img  { width:576px; height:281px; max-width:100%; }
.wrap_con_userreview .group01 dl.article01 dd  { position:relative; float:left; width:402px; height:281px; }
.wrap_con_userreview .group01 dl.article01 dd span.title, .wrap_con_userreview .group01 dl.article01 dd span.text01, .wrap_con_userreview .group01 dl.article01 dd span.text02, .wrap_con_userreview .group01 dl.article01 dd .btn_detail  { position:absolute;  left:45px; }
.wrap_con_userreview .group01 dl.article01 dd span.title  { top:75px; } 
.wrap_con_userreview .group01 dl.article01 dd span.text01  { top:105px; }
.wrap_con_userreview .group01 dl.article01 dd span.text02  { top:165px; color:#5a8493; font-size:13px; line-height:13px; }
.wrap_con_userreview .group01 dl.article01 dd .btn_detail  { top:185px; }

.wrap_con_userreview .group02  { margin-bottom:10px; height:354px; }
.wrap_con_userreview .group02 dl.article02  { float:left; width:483px; height:354px; border:1px solid #ddd; }
.wrap_con_userreview .group02 dl.article02 dt img  { width:483px; height:180px; max-width:100%; }
.wrap_con_userreview .group02 dl.article02 dd  { position:relative; }
.wrap_con_userreview .group02 dl.article02 dd span.title, .wrap_con_userreview .group02 dl.article02 dd span.text01, .wrap_con_userreview .group02 dl.article02 dd .btn_detail  { position:absolute; left:39px; }
.wrap_con_userreview .group02 dl.article02 dd span.title  { top:35px; }
.wrap_con_userreview .group02 dl.article02 dd span.text01  { top:65px; }
.wrap_con_userreview .group02 dl.article02 dd .btn_detail  { top:94px; }

.wrap_con_userreview .group02 dl.article03  { float:right; width:483px; height:354px; border:1px solid #ddd; }
.wrap_con_userreview .group02 dl.article03 dt img  { width:483px; height:180px; max-width:100%; }
.wrap_con_userreview .group02 dl.article03 dd  { position:relative; }
.wrap_con_userreview .group02 dl.article03 dd span.title, .wrap_con_userreview .group02 dl.article03 dd span.text01, .wrap_con_userreview .group02 dl.article03 dd span.text01, .wrap_con_userreview .group02 dl.article03 dd .btn_detail  { position:absolute; left:39px; }
.wrap_con_userreview .group02 dl.article03 dd span.title  { top:35px; }
.wrap_con_userreview .group02 dl.article03 dd span.text01  { top:65px; }
.wrap_con_userreview .group02 dl.article03 dd .btn_detail  { top:94px; }

.wrap_con_userreview .group03  { margin-bottom:10px; height:354px; }
.wrap_con_userreview .group03 dl.article04  { float:left; width:318px; height:354px; border:1px solid #ddd; }
.wrap_con_userreview .group03 dl.article04 dt img  { width:318px; height:180px; max-width:100%; }
.wrap_con_userreview .group03 dl.article04 dd  { position:relative; }
.wrap_con_userreview .group03 dl.article04 dd span.title, .wrap_con_userreview .group03 dl.article04 dd span.text01, .wrap_con_userreview .group03 dl.article04 dd .btn_detail  { position:absolute; left:39px; }
.wrap_con_userreview .group03 dl.article04 dd span.title  { top:35px; }
.wrap_con_userreview .group03 dl.article04 dd span.text01  { top:65px; }
.wrap_con_userreview .group03 dl.article04 dd .btn_detail  { top:94px; }

.wrap_con_userreview .group03 dl.article05  { float:left; width:318px; height:354px; border:1px solid #ddd; margin-left:10px; }
.wrap_con_userreview .group03 dl.article05 dt img  { width:318px; height:180px; max-width:100%; }
.wrap_con_userreview .group03 dl.article05 dd  { position:relative; }
.wrap_con_userreview .group03 dl.article05 dd span.title, .wrap_con_userreview .group03 dl.article05 dd span.text01, .wrap_con_userreview .group03 dl.article05 dd .btn_detail  { position:absolute; left:39px; }
.wrap_con_userreview .group03 dl.article05 dd span.title  { top:35px; }
.wrap_con_userreview .group03 dl.article05 dd span.text01  { top:65px; }
.wrap_con_userreview .group03 dl.article05 dd .btn_detail  { top:94px; }

.wrap_con_userreview .group03 dl.article06  { float:right; width:318px; height:354px; border:1px solid #ddd; margin-left:10px; }
.wrap_con_userreview .group03 dl.article06 dt img  { width:318px; height:180px; max-width:100%; }
.wrap_con_userreview .group03 dl.article06 dd  { position:relative; }
.wrap_con_userreview .group03 dl.article06 dd span.title, .wrap_con_userreview .group03 dl.article06 dd span.text01, .wrap_con_userreview .group03 dl.article06 dd .btn_detail  { position:absolute; left:39px; }
.wrap_con_userreview .group03 dl.article06 dd span.title  { top:35px; }
.wrap_con_userreview .group03 dl.article06 dd span.text01  { top:65px; }
.wrap_con_userreview .group03 dl.article06 dd .btn_detail  { top:94px; }