@charset "utf-8";

/* layout */
.ui_flex_cc{
    display:-webkit-box;display:-ms-flexbox;display:flex;
    -webkit-box-align:center;-ms-flex-align:center;align-items:center;
    -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
}
.ui_dis{padding: 14px;}
.ui_cont_half{display:-webkit-box;display:-ms-flexbox;display:flex}
.ui_cont_half>section{
    -webkit-box-flex: 1;-ms-flex: 1;flex: 1;
    border:1px solid #ddd;border-radius:9px;
    margin-left:10px;background-color:#fff;padding:26px 30px 45px
}
.ui_cont_half>section:first-child{margin-left:0}
.ui_cont_half:after{content:'';display:block;clear:both}
.inner2{padding:26px 30px 45px}
#container{background-color:#f7f7f7; min-width: 1280px;}
#header, #content, .inner{width:1280px;margin:0 auto;position:relative}

#header:after{content:'';display:block;clear:both}
#header h1{float:left;margin-top:63px}
#header .snb{float:right;margin-top:40px}
#header .snb>ul>li{float:left;position:relative;margin-left:20px;padding-left:22px}
#header .snb>ul>li:before{
    content:'';display:inline-block;width:2px;height:15px;background-color:#ddd;
    position:absolute;top:3px;left:0;
}
#header .snb>ul>li:first-child{margin-left:0;padding-left:0}
#header .snb>ul>li:first-child:before{display:none}
#header .snb>ul>li>a, #header .snb>ul>li>button{font-size:16px;font-weight:500}
#header .snb .cs>button{position:relative;padding-bottom:10px}
#header .snb .cs>button:after{
    content:'';display:inline-block;width:9px;height:6px;
    background:url(../image/header_ico_arr.png) no-repeat;
    background-size:100% 100%;vertical-align:middle;
    margin:-3px 0 0 10px;
}
#header .snb .cs ul{background-color:#fff;border:1px solid #ddd;position:absolute;top:28px;left:3px;width:130px;z-index:1;padding-bottom:14px;display:none}
#header .snb .cs li{padding-left:18px;margin-top:12px}
#header .snb .cs a{font-size:16px;color:#666;font-weight:500;}
#header .snb .cs.open>button{color:#3e7ee9}
#header .snb .cs.open>button:after{background-image:url(../image/header_ico_arr_on.png)}
#header .tnb{position:absolute;bottom:0;right:0}
#header .tnb:after{display:block;clear:both;content:''}
#header .tnb li{float:left;margin-left:10px}
#header .tnb li:first-child{margin-left:0}
#header .tnb li a,
#header .tnb li.time>span{border-radius:22px}
#header .tnb li a{display:block;font-weight:500;line-height:44px;padding:0 24px;font-size:18px}
#header .tnb li.time{margin-right:10px;color:#fff;font-size:24px}
#header .tnb li.time strong{margin-right:35px;font-size:20px}
#header .tnb li.time>span{line-height:46px;background-color:#607497;padding:0 28px;}
#header .tnb li.time i{width:25px;height:25px;background-image:url(../image/ico_watch.png);margin:-4px 10px 0 0}
#header .tnb li.dsk a{border:1px solid #333;color:#333;background-color:#fff}
#header .tnb li.end a{background-color:#333;border:1px solid #333;color:#fff}

#footer{padding:45px 0}
#footer .lg{float:left}
#footer address{float:right;margin-top:10px;color:#ddd;font-size:14px; text-align: right; word-break: break-all;}
#footer address p{margin-top:10px}
#footer address span{display:inline-block;position:relative;padding-left:5px;margin-left:5px}
#footer address span:before{
    content:'';display:inline-block;width:1px;height:13px;background-color:#fff;
    position:absolute;left:0;top:50%;margin-top:1px;
    -webkit-transform: translateY(-50%);transform: translateY(-50%);
}
#footer address .footer_pop {color: #ddd;}
#footer address .footer_pop a {color: #ddd;}
#content{padding-top:45px;padding-bottom:80px}

#container_lnb{min-width:1280px;padding-right:40px;padding-left:40px;background-color:#f7f7f7}
#container_lnb #content{padding-top:0;padding-bottom:0;overflow:hidden}
#container_lnb #header, #container_lnb #content{width:auto}

.handle_lnb{
    width:110px;height:36px;line-height:34px;font-size:18px;font-weight:500;
    display:inline-block;background:url(../image/lnb_btn.png) no-repeat;
    color:#fff;text-align:left;text-indent:18px;
    position:absolute;top:18px;left:-40px;
}
.handle_lnb:hover{text-decoration:none;}
.lnbwrap{position:relative;padding:65px 0 80px;}
.lnbwrap:after{display:block;clear:both;content:''}
.lnb{width:118px;padding:20px;margin-right:40px;border:1px solid #ddd;border-radius:9px;background-color:#fff;float:left}
.lnb .favset{text-align:center;padding-bottom:20px}
.lnb .favset a{display:inline-block;vertical-align:top;text-indent:-3000em;font-size:0}
.lnb .favset a:first-child{margin-left:0 !important}
.lnb .favset a.fav{width:30px;height:30px;background-image:url(../image/ico_star.png)}
.lnb .favset a.pen{width:32px;height:32px;background-image:url(../image/ico_pen.png);margin-left:30px}
.lnb.user{margin-right:10px}
.lnb.user .name{display:block;font-size:18px;margin-bottom:30px}
.lnb.open{width:348px;padding:0}
.lnb.user.open{width:208px;padding:30px 20px 25px}
.lnb.open .favset{padding-bottom:10px}
.lnb.open .favset a{width:auto;height:auto;margin-left:35px;text-indent:0;font-size:18px;font-weight:500;background:none}
.lnb.open .favset a i{margin:-4px 10px 0 0}
.lnb.open .favset{width:348px;padding-top:17px}
.lnb.open .favset a.fav{line-height:30px;}
.lnb.open .favset a.fav i{width:30px;height:30px;background-image:url(../image/ico_star.png)}
.lnb.open .favset a.pen{line-height:32px;}
.lnb.open .favset a.pen i{width:32px;height:32px;background-image:url(../image/ico_pen.png)}
.lnb .menu .sm{display:block;text-align:center;width:100%;background:#eef5ff;padding:25px 10px; box-sizing: border-box; line-height:1.4;border-radius:9px; word-break: break-all;}
.lnb .menu .sm:hover,
.lnb .menu .sm.active{background-color:#3e7ee9;color:#fff}
.lnb .menu .handle_lnb_menu{
    display:none;padding:15px 0 15px 19px;width:100%;text-align:left;
    background:#eef5ff url(../image/ico_arr3.png) no-repeat 94% 50%;
}
.lnb .menu>li{margin-top:10px}
/* .lnb .menu>li.last{} */
.lnb .menu>li:first-child{margin-top:0}
.lnb .menu>li>a,
.lnb .menu>li>button{font-weight:500;font-size:18px;}
.lnb .menu>li>article{display:none;padding:20px 20px 10px}
.lnb .menu>li.open>button{background-image:url(../image/ico_arr2.png)}
.lnb .menu>li.open>article{display:block}
.lnb .menu .calendar_set .view{padding:0 10px;margin-top:12px;color:#666}
.lnb .menu .calendar_set .view li{position:relative;margin-top:10px}
.lnb .menu .calendar_set .view .date{color:#3e7ee9;font-weight:500}
.lnb .menu .calendar_set .view .date strong{position:absolute;top:0;right:0}
.lnb .menu .list{color:#666}
.lnb .menu .list>li{margin-top:12px;padding-top:12px;border-top:1px solid #ddd}
.lnb .menu .list>li:first-child{margin-top:0;padding-top:0;border-top:0}
.lnb .menu .list>li .bgf{margin-top:-6px;margin-left:5px}
.lnb .menu .list a{color:#666}
.lnb .menu .list .fav{width:20px;height:20px;background-image:url(../image/ico_star.png)}
.lnb .menu .list .pen{width:21px;height:20px;background-image:url(../image/ico_pen.png)}
.lnb .menu2{border-bottom:1px solid #ddd}
.lnb .menu2>li{border-top:1px solid #ddd}
.lnb .menu2>li>a{position:relative;display:block;padding:16px 0;color:#666;text-decoration:none;font-weight:500;font-size:18px}
.lnb .menu2>li>a:hover,
.lnb .menu2>li>a.active{color:#3e7ee9}
.lnb .menu2>li>a .ms{
    display:inline-block;line-height:22px;height:24px;padding:0 16px;border-radius:16px;font-size:14px;
    position:absolute;top:50%;right:0;font-weight:500;
    -webkit-transform: translateY(-50%);transform: translateY(-50%);
}
.lnb .menu2>li>a .ms.c1{background-color:#3e7ee9;color:#fff}
.lnb.open .menu .sm{display:none}
.lnb.open .menu .handle_lnb_menu{display:block; word-break: break-all; padding-right: 50px;}
.lnbAll{width:430px;float:left}
.lnbAll.open{width:620px}
.lnbAll .lnb{margin-right:10px}
.lnbAll .lnb.user{margin-right:0}

.text_box{background-color:#f7f7f7;font-weight:500;padding:18px}
a.text_box{display:block;text-align:center}

#gnb{margin-bottom:22px}
#gnb:after{content:'';display:block;clear:both}
#gnb h2{float:left;font-size:32px;font-weight:500}
#gnb .menu{float:right}
#gnb .menu li{float:left;margin-left:20px}
#gnb .menu li:first-child{margin-left:0}
#gnb .menu a{display:inline-block;width:250px;line-height:46px;background-color:#333;font-size:18px;color:#f7f7f7;text-align:center;border-radius:24px;}

.contField{background-color:#fff;padding:26px 40px 50px;border:1px solid #ddd;border-radius:9px}
.contField h3{margin-bottom:20px;font-size:22px}
.contField2{background-color:#fff;border:1px solid #ddd;border-radius:9px}
.contField2 h2{font-size:22px}

.score_set{position:relative;padding-left:20px}
.score_set ul{display:inline-block;} /* 200728  background:url(../image/bg_bar.png) no-repeat 50% 0 css 제거 img 따로 추가 */
.score_set ul:after{content:'';display:block;clear:both}
.score_set li{float:left;margin-top:15px;position:relative;font-weight:500}
.score_set li:first-child{margin-top:0} /* 200728 165줄 이미지 추가로 margin-right:30px; 제거*/
.score_set strong{color:#666;font-size:36px}
.score_set .pot{color:#f82c2c}
.score_set .tooltip_wrap{display:inline-block;vertical-align:top;margin-top:22px}

/* slide */
.slide_horiList{padding-right:40px;padding-left:41px}
.slide_horiList .slick-arrow{
    display:inline-block;vertical-align:middle;background-repeat:no-repeat;text-indent:-3000px;font-size:1px;background-position:50% 50%;
    position:absolute;top:30px;z-index:1;
    width:40px;height:40px;
}
.slide_horiList .slick-prev{left:0;background-image:url(../image/slide_prev.png)}
.slide_horiList .slick-next{right:0;background-image:url(../image/slide_next.png)}
.slide_horiList .slick-dots{margin-top:7px;text-align:center}
.slide_horiList .slick-dots>li{display:inline-block;vertical-align:top;margin-left:20px}
.slide_horiList .slick-dots>li:first-child{margin-left:0}
.slide_horiList .slick-dots button{display:inline-block;text-indent:-3000px;font-size:1px;width:14px;height:14px;background-color:#999;border-radius:50%;}
.slide_horiList .slick-dots .slick-active button{background-color:#3e7ee9}
.slide_horiList.case1{padding-right:0;padding-left:0}

.mainCont{padding:0;border:0;background-color:transparent}
.mainCont section{position:relative;border:1px solid #ddd;border-radius:10px;background-color:#fff}

.main_infobox>section{
    width:628px;float:left;margin-top:20px;
    -webkit-box-sizing:border-box;box-sizing:border-box;
}
.main_infobox>section:nth-child(2n){float:right}
.main_infobox>section:first-child,
.main_infobox>section:nth-child(2){margin-top:0}
.main_infobox:after{display:block;clear:both;content:''}
.main_infobox .userinfo{height:288px;padding:26px 0 0 40px}
.main_infobox .userinfo .chg{position:absolute;top:29px;right:39px;z-index:1}
.main_infobox .wibdsk{height:288px}
.main_infobox .wibdsk h3{margin-bottom:34px;padding:26px 0 28px 38px;border-bottom:1px solid #ddd;font-size:22px}
.main_infobox .wibdsk .que{
    width:24px;height:24px;background-image:url(../image/ico_q.png);
    position:absolute;top:27px;right:35px;
}
.main_infobox .wibdsk ul{padding-left:19px}
.main_infobox .wibdsk li{float:left;margin-left:20px}
.main_infobox .wibdsk li a{display:block;background-color:#f7f7f7;border:1px solid #ddd;width:120px;height:43px;padding-top:96px;text-align:center;background-repeat:no-repeat;border-radius:10px;}
.main_infobox .wibdsk li a.video{background-image:url(../image/ico_video.png);background-position:50% 29px}
.main_infobox .wibdsk li a.pc{background-image:url(../image/ico_pc.png);background-position:50% 21px}
.main_infobox .wibdsk li a.note{background-image:url(../image/ico_note.png);background-position:50% 21px}
.main_infobox .wibdsk li a.mutual{background-image:url(../image/ico_mutual.png);background-position:50% 21px}
.main_infobox .wibdsk li a.tutor{background-image:url(../image/ico_book.png);background-position:50% 21px}
.main_infobox .wibdsk li a.wib{background-image:url(../image/ico_cau.png);background-position:50% 23px}
.main_infobox .wibdsk li a.mgud{background-image:url(../image/ico_mov.png);background-position:50% 28px}
.main_infobox .wibdsk li a.wib_2{background-image:url(../image/ico_wib.png);background-position:50% 22px}
.main_infobox .notice{height:264px;padding:26px 40px 0 40px}
.main_infobox .notice h3{margin-bottom:17px}
.main_infobox .notice .more{position:absolute;top:30px;right:40px;display:inline-block;padding-right:12px;background:url(../image/ico_arr.png) no-repeat 98% 50%}
.main_infobox .notice ul{border-top:1px solid #333}
.main_infobox .notice li,
.main_infobox .notice li a{color:#666}
.main_infobox .notice li{padding:14px 0 15px;border-bottom:1px solid #ddd}
.main_infobox .notice li a{display:block;position:relative;padding:0 115px 0 10px}
.main_infobox .notice li a:hover .p{text-decoration:underline;}
.main_infobox .notice .p{line-height:1.4}
.main_infobox .notice .date{position:absolute;top:2px;right:15px}
.main_task{padding:26px 40px;margin-top:20px}
.main_task h3{position:relative}
.main_task h3 .tip{display:inline-block;line-height:36px;width:100px;vertical-align:middle;margin:-4px 19px 0 0;text-align:center;color:#fff;font-size:18px;border-radius:22px;}
.main_task h3 .tip.c1{background-color:#3e7ee9}
.main_task h3 .tip.c2{background-color:#333}
.main_task .taskArticle{margin-top:35px;color:#666}
.main_task .taskArticle:after{display:block;clear:both;content:''}
.main_task .taskArticle>li{position:relative;float:left;width:318px;height:273px;padding:26px 30px 0;margin-left:30px;background-color:#eef5ff;border-radius:10px}
.main_task .taskArticle>li:first-child{margin-left:0}
.main_task .taskArticle h4{font-size:18px;margin-bottom:15px;color:#333}
.main_task .taskArticle .btns{position:absolute;bottom:30px;left:60px;right:60px}
.main_task .taskArticle .btns li{margin-top:10px}

.main_task .taskArticle .btns a{display:block;padding:12px 0 14px;background-color:#ccc;color:#666;font-size:18px;text-align:center;border-radius:22px;border:1px solid #ccc}
/* 2020/07/22 수정 */

.main_task .taskArticle .btns a.even{background-color:#fff;border-color:#666}
.main_task .taskArticle .btns a.click:after{
    content:'';display:inline-block;width:74px;height:38px;background:url(../image/ico_click.png) no-repeat;
    position:absolute;top:-5px;right:-40px;
}

.main_task .taskArticle .btns a.click2:after{
    content:'';display:inline-block;width:74px;height:38px;background:url(../image/ico_click.png) no-repeat;
    position:absolute;top:55px;right:-40px;
}

.main_task.end .taskArticle>li{background-color:#f7f7f7}

.caution{position:relative;color:#666;padding-left:15px;line-height:1.4}
.caution:before{
    content:'';display:inline-block;width:5px;height:5px;background-color:#3e7ee9;
    border-radius:50%;position:absolute;left:0;top:10px;
}

.bbsCont .frm{margin-bottom:10px}
.bbsCont .frm:after{display:block;clear:both;content:''}
.bbsCont .frm li{float:left;width:45%;border:1px solid #ddd;background-color:#fff;border-radius:9px}
.bbsCont .frm li:first-child{margin-right:10px}
.bbsCont .frm .txt{padding:0 30px;line-height:48px;font-size:18px}
.bbsCont .frm .ip{position:relative;float:none;width:auto;overflow:hidden;padding:9px 70px 8px 30px}
.bbsCont .frm .ip input{
    width:100%;background-color:transparent;border:0;padding:0;font-size:18px;
    -webkit-box-sizing: border-box;box-sizing: border-box;
}
.bbsCont .frm .ip .srch{padding:5px;position:absolute;top:6px;right:24px}
.bbsCont .frm .ip .srch i{width:24px;height:24px;background-image:url(../image/ico_glass.png)}
.bbsCont .tab{padding:14px 30px;color:#666}
.bbsCont .tab li{margin-left:17px;padding-left:17px;position:relative;float:left}
.bbsCont .tab li:before{content:'';display:inline-block;width:1px;height:16px;background-color:#ddd;position:absolute;top:2px;left:0}
.bbsCont .tab li:first-child{margin-left:0;padding-left:0}
.bbsCont .tab li:first-child:before{display:none}
.bbsCont2 .tab_type{margin:60px 0 15px}
.bbsCont2 .title_type2{margin-top:10px}
.bbsCont2 .caution{margin-top:15px}
.bbsCont2 .detailbx{display:none;padding:30px}
.bbsCont2 .detailbx .tbl_type2{margin-top:30px}

/* .bbsCont2 .contField2.grp{padding: 0 !important;} */
/* .bbsCont2 .graphbx.clear{box-sizing: border-box; padding: 30px;} */

.bbsCont2 .graphbx{ display:none;}
/* .bbsCont2 .graphbx .graph .graph_tit {text-align: right;}
.bbsCont2 .graphbx .graph .graph_tit .Me{}
.bbsCont2 .graphbx .graph .graph_tit .All{}
.bbsCont2 .graphbx .graph .graph_tit .Me:before{content:""; display: inline-block; transform: translateY(25%); -webkit-transform: translateY(25%); -ms-transform: translateY(25%); border-radius: 5px; width: 24px; height: 24px; background: #3e7ee9; margin-right:10px; margin-left: 20px;}
.bbsCont2 .graphbx .graph .graph_tit .All:before{content:""; display: inline-block; transform: translateY(25%); -webkit-transform: translateY(25%); -ms-transform: translateY(25%); border-radius: 5px; width:24px; height: 24px; background: #cccccc; margin-right:10px; margin-left: 20px;} */

/* .bbsCont2 .graphbx .graph{padding-right: 24px; border-right: 1px solid #ddd;}
.bbsCont2 .graphbx .graph .graphBox{width: 100%; box-sizing: border-box;}
.bbsCont2 .graphbx .graph .graphBox .txt_box{box-sizing: border-box; width: 100px; min-height: 65px; display: inline-block; line-height: 28px; text-align: center; padding: 15px; border: 1px solid #ddd; border-radius: 5px;}
.bbsCont2 .graphbx .graph .graphBox .txt_box span{font-size: 16px; display: inline-block; line-height: 18px; vertical-align: middle;}
.bbsCont2 .graphbx .graph .graphBox .con_box{box-sizing: border-box; width: 100%; display: inline-block; transform: translateY(21px); -webkit-transform: translateY(21px); -ms-transform: translateY(21px);} */
/* .bbsCont2 .graphbx .graph .graphBox .con_box{width: calc(100% - 120px); box-sizing: border-box; padding-left: 20px;}
.bbsCont2 .graphbx .graph .graphBox .con_box div{color: #ffffff; border-radius: 5px; text-align: right;}

.bbsCont2 .graphbx .graph .graphBox .con_box .graph_Me1{width: 51% !important;}
.bbsCont2 .graphbx .graph .graphBox .con_box .graph_All1{width: 60.4% !important;}

.bbsCont2 .graphbx .graph .graphBox .con_box .graph_Me2{width: 53.4% !important;}
.bbsCont2 .graphbx .graph .graphBox .con_box .graph_All2{width: 61.4% !important;}

.bbsCont2 .graphbx .graph .graphBox .con_box .graph_Me3{width: 56.6% !important;}
.bbsCont2 .graphbx .graph .graphBox .con_box .graph_All3{width: 60.8% !important;}

.bbsCont2 .graphbx .graph .graphBox .con_box .graph_Me4{width: 46.6% !important;}
.bbsCont2 .graphbx .graph .graphBox .con_box .graph_All4{width: 60% !important;}

.bbsCont2 .graphbx .graph .graphBox .con_box .graph_Me5{width: 48.4% !important;}
.bbsCont2 .graphbx .graph .graphBox .con_box .graph_All5{width: 59.8% !important;}

.bbsCont2 .graphbx .graph .graphBox .con_box .graph_Me{width: 100%; display: inline-block; padding: 7px 11px; background: #3e7ee9; margin-bottom:5px;}
.bbsCont2 .graphbx .graph .graphBox .con_box .graph_All{width: 100%; display: inline-block; padding: 7px 11px; background: #ccc;}

.bbsCont2 .graphbx .list{padding-left: 24px;} */

/* .bbsCont2 .graphbx .line{box-sizing: border-box; display: block; width:1px; height: 100%; background: #dddddd;  float: left;}*/

/* .bbsCont2 .graphbx .graph,
.bbsCont2 .graphbx .list{float: left; width:50%; box-sizing: border-box; height: 100%;}
.bbsCont2 .graphbx .list h3{margin-bottom:15px}
.bbsCont2 .inner2{padding-bottom:0} */
.bbsCont2 .contField2{padding-bottom:50px}

.selfTesk{padding-top:26px !important}
.selfTesk .txtbx{background-color:#f7f7f7;padding:15px 20px;line-height:1.45;font-weight:500;}
.selfTesk h3{margin-bottom:17px}
.selfTesk .date_a{color:#999}

/* popup */
.ly_alert .content{width:500px}
.ly_alert .btn_area_center{margin-top:30px}

.ly_ability .content{width:500px}
.ly_ability .content>.scroll{height:500px;border-top:1px solid #333}
.ly_ability .tbl_type2{border-top:0}

.ly_pwchg_dsk .content{width:500px}
.ly_pwchg_dsk h4{margin-top:25px}
.ly_pwchg_dsk p.dsk{margin-top:18px;text-align:center;padding:30px;font-size:20px;color:666;border-radius:10px;background-color:#f7f7f7}
.ly_pwchg_dsk p.dsk strong{color:#f82c2c;font-weight:700}
.ly_pwchg_dsk .list_type2{margin-top:15px}
.ly_pwchg_dsk .tbl_type2{margin-top:30px}
.ly_pwchg_dsk .btn_area_center{margin-top:30px}
.ly_pwchg_dsk .check_close{text-align:right;border-top:1px solid #ddd;margin-top:30px;padding-top:30px}
.ly_pwchg_dsk .check_close .checkbox{margin-right:20px}
.ly_pwchg_dsk .check_close label{color:#666}

.ly_img_dsk .content{width:800px}
.ly_img_dsk h4{margin:25px 0 15px;font-weight:400;color:#222}
.ly_img_dsk .img{border-radius:8px;overflow:hidden}
.ly_img_dsk .txt{margin-top:17px;color:#666}
.ly_img_dsk .txt2{margin-top:20px;padding:18px 30px 15px;min-height:96px;border:1px solid #ddd;border-radius:9px;color:#666;line-height:1.4}
.ly_img_dsk .txt3{margin-bottom:20px;color:#666;line-height:1.5}
.ly_img_dsk .btn_area_center{margin-top:30px}
.ly_img_dsk .view{background-color:#f7f7f7;height:400px}

.ly_txt_dsk h4{margin:25px 0 20px;font-weight:400;color:#222}
.ly_txt_dsk .btn_area_center{margin-top:30px}

.ly_txt_dsk article{
    border-radius:9px;background-color:#f7f7f7;
   color:#666;
   height:700px;
}
@media screen and (min-width:640px) and (max-width:1024px){
.ly_txt_dsk article{
    border-radius:9px;background-color:#f7f7f7;
   color:#666;
   width:740px;height:400px;
}
}
@media screen and  (min-width:480px) and (max-height:720px){
.ly_txt_dsk article{
    border-radius:9px;background-color:#f7f7f7;
   color:#666;
   width:740px;height:400px;
}
}

.ly_txt_dsk2 article{
    border-radius:9px;background-color:#f7f7f7;
    width:740px;height:415px;color:#666
}

.ly_coach .close{top:40px;right:0}
.ly_coach .close i{width:61px;height:61px;background-image:url(../image/ico_x2.png)}
.ly_coach .content{
    background-color:transparent;width:1280px;padding:0;border:0;
    top:0;-webkit-transform: translateX(-50%);transform: translateX(-50%)
}
.ly_coach .balloon{
    width:616px;height:103px;background:url(../image/coach_ball.png) no-repeat;letter-spacing:-1px;
    position:absolute;top:125px;right:45px;padding:18px 0 0 37px;color:#fff;font-size:20px;font-weight:500;
    -webkit-box-sizing:border-box;box-sizing:border-box;
}
.ly_coach .balloon i{width:24px;height:24px;background-image:url(../image/ico_q2.png);margin:-4px 5px 0 0}
.ly_coach .wibdsk{float:none}
.ly_coach .main_infobox{position:absolute;top:241px;right:0}
.ly_coach .notice{
    width:469px;height:555px;background:url(../image/coach_pop_bg.png);padding:70px 90px 0 60px;
    position:absolute;top:221px;left:160px;text-align:justify;
    -webkit-box-sizing:border-box;box-sizing:border-box;
}
.ly_coach .notice h3{margin-bottom:32px;font-size:22px;color:#3e7ee9}
.ly_coach .notice p{line-height:1.5}
.ly_coach .notice .list_type{margin-top:35px;font-size:16px;line-height:1.4;color:#666}
.ly_coach .notice .btn_area_center{margin-top:30px}
.ly_coach .notice .btn_r{font-size:18px}

.ly_1on1_write .content{width:500px}

.ly_outdata .content{width:800px}
.ly_outdata .dataselect{width:100%}
.ly_outdata .tbl_type2,
.ly_outdata .btn_area_center{margin-top:30px}

.ly_data_lst .content{width:800px}
.ly_data_lst .btn_area_center{margin-top:30px}
.ly_data_lst .tbl_type .scroll{max-height:350px;overflow-y:scroll}
.ly_data_lst .srchbx{display:none}
.ly_data_lst .srchbx.before{display:block}
.ly_data_lst .srchbx.after li{float:left;width:50%}
.ly_data_lst .srchbx.after li.txt{line-height:1.4;font-weight:500;text-align:center}
.ly_data_lst .srchbx.after li.ip{text-align:right}
.ly_data_lst .srchbx.after li.ip>span{position:relative;display:inline-block;border:1px solid #ddd;padding-right:38px;border-radius:5px;margin-top:5px;width:298px;}
.ly_data_lst .srchbx.after li.ip input{
    width:100%;background-color:transparent;border:0;
    -webkit-box-sizing: border-box;box-sizing: border-box;
}
.ly_data_lst .srchbx.after li.ip .srch{padding:4px 10px;position:absolute;top:2px;right:0}
.ly_data_lst .srchbx.after li.ip .srch i{width:17px;height:17px;background-image:url(../image/ico_glass.png);vertical-align:top;}

.ly_print_area .content{width:800px}
.ly_print_area .tbl_type .scroll{max-height:400px;overflow-y:scroll}
.ly_print_area .btn_area_center{margin-top:30px}

.ly_fid_write .content{width:1343px; max-width: 1343px; min-width: 1343px;} /*width:800px*/
/* .ly_fid_write .scroll{overflow:auto;} */
/*overflow:scroll; width:740px*/
.ly_fid_write .scroll_wrap{width:1270px;}
.ly_fid_write .ui_cont_half section{padding:0 0 40px;border:0;border-radius:0;border-left:1px solid #ddd;margin-left:30px;padding-left:30px}
.ly_fid_write .ui_cont_half section:first-child{border-left:0;padding-left:0;margin-left:0}
.ly_fid_write .ui_cont_half .selfTesk{padding-top:0 !important}
.ly_fid_write .selfTesk .tbl_type2 th,
.ly_fid_write .selfTesk .tbl_type2 td{padding-right:0;padding-left:0;text-align:center}
.ly_fid_write .selfTesk .tbl_type2 td.sbj{text-align:left}
.ly_fid_write .btn_area_center{margin-top:30px}

.ly_self_check .title{margin-bottom:25px}
.ly_self_check .content{width:800px}
.ly_self_check .txt{line-height:1.5;color:#666; margin-bottom: 50px;}
.ly_self_check .frm li:first-child{margin-top:0px}
.ly_self_check .frm li{margin-top:45px}
.ly_self_check .frm li.last{margin-top:30px}
.ly_self_check .frm strong{display:block;margin-bottom:10px}
.ly_self_check .frm strong p{width:calc(94% + 20px)}
.ly_self_check .btn_area_center{margin-top:30px}

.ly_alarm .content{
    width:320px;height:320px;border-radius:50%;
    backgrOund-image:url(../image/ico_phone.png);
    background-repeat:no-repeat;
    background-size:116px 204px;
    background-position:50% 55%;
}
.ly_alarm a.fig{display:block}
.ly_alarm a.fig i{position:absolute;background-repeat:no-repeat;background-size:100% 100%}
.ly_alarm a.fig i.bell{
    width:58px;height:66px;background-image:url(../image/ico_bell.png);top:130px;left:130px;
    -webkit-animation: bell-shake .5s ease 1s infinite alternate forwards;
    animation: bell-shake .5s ease 1s infinite alternate forwards;
}
.ly_alarm a.fig i.wave,
.ly_alarm a.fig i.wave2{
    opacity:0;
    -webkit-animation: bell-wave .5s step-end infinite alternate forwards;
    animation: bell-wave .5s step-end infinite alternate forwards;
}
.ly_alarm a.fig i.wave{width:188px;height:66px;background-image:url(../image/bg_wave.png);top:130px;left:66px}
.ly_alarm a.fig i.wave2{
    width:230px;height:96px;background-image:url(../image/bg_wave2.png);top:113px;left:45px;
    -webkit-animation-delay:1.2s;animation-delay:1.2s;
}
.ly_alarm a.fig i.click{
    width:110px;height:52px;background-image:url(../image/ico_click2.png);top:50px;left:143px;opacity:0;
    transform: translateY(10%);
    -webkit-animation: bell-click .5s ease 1.5s 1 alternate forwards;
    animation: bell-click .5s ease 1.5s 1 alternate forwards;
}

@-webkit-keyframes bell-click{
    0%{ opacity:0; transform: translateY(10%); }
    100%{ opacity:1; transform: translateY(0); }
}
@keyframes bell-click{
    0%{ opacity:0; transform: translateY(10%); }
    100%{ opacity:1; transform: translateY(0); }
}
@-webkit-keyframes bell-wave{
    0%{ opacity:0; }
    50%{ opacity:1; }
    100%{ opacity:0; }
}
@keyframes bell-wave{
    0%{ opacity:0; }
    50%{ opacity:1; }
    100%{ opacity:0; }
}
@-webkit-keyframes bell-shake{
    0%{ transform: translateX(-5%) }
    10%{ transform: translateX(0) }
    20%{ transform: translateX(5%) }
    30%{ transform: translateX(0) }
    100%{ transform: translateX(0) }
}
@keyframes bell-shake{
    0%{ transform: translateX(-5%) }
    10%{ transform: translateX(0) }
    20%{ transform: translateX(5%) }
    30%{ transform: translateX(0) }
    100%{ transform: translateX(0) }
}

/* mobile web */
html.mw img{max-width:100%}
html.mw, html.mw body{height:100%}
html.mw #header,
html.mw #content,
html.mw .inner{width:auto;margin:0}
html.mw #container{background-color:#fff}
html.mw #footer{padding:30px 20px;text-align:left;}
html.mw #footer .lg{float:none}
html.mw #footer .lg img{width:163px;height:auto}
html.mw #footer address{float:none;font-size:12px;line-height:1.6;margin-top:25px}
html.mw #footer address span:before{height:11px;}
html.mw #footer address span:first-of-type{padding-left:0;margin-left:0}
html.mw #footer address span:first-of-type:before{display:none}
html.mw #footer address p{margin-top:15px}
.mw_deskCont{text-align:center}
.mw_deskCont #header{padding-top:30px}
.mw_deskCont #header h1{float:none;margin-top:0}
.mw_deskCont #header h1 img{width:160px;height:auto}
.mw_deskCont #content{padding:45px 20px 40px}
.mw_deskCont .txt{margin-bottom:30px;font-size:14px;font-weight:500;line-height:1.4}
.mw_deskCont .txt2{margin-top:20px;line-height:1.4;font-size:14px;text-align:left;color:#666}
.imgmargin{display: block; padding: 20px 0px;}
.lhchg1{line-height: 1.15;}

/* login */
.loginCont{width:auto !important}
.loginCont .frm{padding-top:80px;width:450px;margin:0 auto}
.loginCont .frm li{margin-top:20px}
.loginCont .frm li input{border-radius:26px;height:45px;padding-left:20px;padding-right:20px;width:408px}
.loginCont .frm .skip{margin-top:40px}
.loginCont .frm .skip button{width:100%;padding:20px 0;background-color:#3e7ee9;font-weight:500;font-size:22px;color:#fff;border-radius:36px;text-align:center}
.loginCont .thumlst{margin:100px auto 0;width:1280px}
.loginCont .thumlst .sample{display:block;height:200px;background-color:#8e8e8e}
.loginCont .thumlst li{float:left;width:400px;margin-left:40px}
.loginCont .thumlst li:first-child{margin-left:0}
/* .loginCont{} */
.slide_horiWide{max-width:1920px; width:100%; height:600px; margin: 0 auto;}
.slide_horiWide .sample{display:block;height:280px;background-color:#8e8e8e; max-width:1920px; width:100%; height:600px; margin: 0 auto;}
.slide_horiWide .slick-dots{position:absolute;bottom:20px;left:0;width:100%;text-align:center}
.slide_horiWide .slick-dots>li{display:inline-block;vertical-align:top;margin-left:18px}
.slide_horiWide .slick-dots>li:first-child{margin-left:0}
.slide_horiWide .slick-dots button{display:inline-block;text-indent:-3000px;font-size:1px;width:10px;height:10px;background-color:#ddd;border-radius:50%;}
.slide_horiWide .slick-dots .slick-active button{background-color:#fff}

.lh14{line-height: 1.4 !important}

/* WIB과정_작성답안확인_수행만족도평가.html */
.container.pop_container{max-height: 427px; box-sizing: border-box; overflow: hidden; overflow-y: scroll;}
.container.pop_container .txt{line-height: 24px; margin: 0; padding: 0;}
.container.pop_container h4{line-height: 24px;}
.container.pop_container .scale_box{box-sizing: border-box; width:calc(100% - 2px); margin-left: 1px; border: 1px solid #ddd;border-radius: 10px; background: #ffffff; overflow: hidden;}
/* border: 1px solid #ddd; */
/* .container.pop_container .scale_box:focus{outline: none; background: #ffffff;} */
.container.pop_container .scale_box .scale_box1{width: 100%; padding: 15px 0px 17px; text-align: center; background: #f7f7f7; font-weight: 500;}
.container.pop_container .scale_box .scale_box2{padding: 10px 0px 10px; background: #ffffff;}
.container.pop_container .scale_box .scale_box2 .scale_box2--item{display: inline-block;box-sizing: border-box; min-width: 140px;padding:6px 0px 12px; text-align: center;}
.container.pop_container .scale_box .scale_box2 .scale_box2--item{border-left: 1px solid #ddd;}
.container.pop_container .scale_box .scale_box2 .scale_box2--item:first-child{border-left: 0;}
.container.pop_container .scale_box .scale_box2 .scale_box2--item h4{padding: 0; margin: 0; margin-bottom: 5px; font-weight: 500;}
.container.pop_container .textarea_type_pop1{width: 100%; padding: 7px 10px; box-sizing: border-box; height: 130px;}
.container.pop_container h4.font_wm{font-weight: 500;}
.container.pop_container h4.font_wb{font-weight: 700;}
.container.pop_container h4.font_wr{font-weight: 400;}
.container.pop_container h4.font_wl{font-weight: 300;}
/* 상단 전체자료 보기 텝 */
.allmore_btn{background: #eef5ff !important;}
.allmore_btn:after{right: 20px !important; transform: rotate(-90deg) !important; margin-top: -5px !important;}

.in_btn{width: 68%;}
.none_btn{width: 100%;}

/* 팝업관리_팝업 */
.pop_con {box-sizing: border-box;}
.pop_con > * {margin-bottom: 15px;}
.pop_con > *:last-child {margin-bottom: 0px;}

/* 푸터 팝업2종 추가 */
.ly_footer article .ly_foo_tit{font-weight: bold;}
.ly_footer article p{font-family:"Dotum","돋움",Dotum; font-size: 12px; line-height: 18px;}

/* 진입 전 영상 아래 설명 css 추가 */
.adibBox{
	border: 1px solid #ddd;width: 100%;height: 100%;max-height: 132px;
	border-radius: 10px;display: inline-block;word-break: break-all;padding-right: 10px;box-sizing: border-box;
}
.adibBox > div{
	width: 100%;height: 100%;padding: 12px 10px 12px 20px;max-height: 130px;overflow: auto;
	border-radius: 10px;display: inline-block;box-sizing: border-box;word-break: break-all;
}


/* 역량개발계획(참고)_역량개계획 */
.page.tips2 {}
.page.tips2 .con_txt{padding-top: calc(100px / 3);padding-bottom: 0;}
.page.tips2 .con_txt .con_tit{padding-bottom: calc(110px / 3);}
.page.tips2 .con_txt .con_tit::before{content:""; border-left: calc(6px / 3) solid #3e7ee9; padding-left: calc(50px / 3); color: #333333;}
.page.tips2 .con_txt .con_tit strong{font-size: calc(54px / 3); font-weight: 800;}
.page.tips2 .con_txt .sub_tit{padding-bottom: calc(64px / 3)}
.page.tips2 .con_txt .sub_tit{font-size: calc(54px / 3); font-weight: 800; color: #333333;}
.page.tips2 .con_txt .sub_tit strong{font-size: calc(44px / 3); font-weight: 700; line-height:1;}

.page.tips2 .Tip_con {height: 100%; font-family: 'NanumGothic', sans-serif;}
.page.tips2 .Tip_con .Tip_box:first-child{margin-top: 0;}
.page.tips2 .Tip_con .Tip_box{position: relative; height: 100%; max-height: 100%; width: 100%; margin-top: calc(40px / 3); }
.page.tips2 .Tip_con .Tip_box::after{content: ""; display: block; clear: both;}
.page.tips2 .Tip_con .Tip_box .Tip_tit {position: absolute; top: 0; bottom: 0; max-width: 100%; height: auto; float: left; width: 10%; background: #f5f5f5; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius:10px; text-align: center; clear: both;}
.page.tips2 .Tip_con .Tip_box .Tip_tit { display: inline-block;}
.page.tips2 .Tip_con .Tip_box .Tip_tit strong {position: absolute; left: 5%; right: 5%; top: 50%; transform: translate(0px,-50%); -ms-transform: translate(0px,-50%); -webkit-transform: translate(0px,-50%); font-size: calc(44px / 3); font-weight: 700; background: #f5f5f5;}

.page.tips2 .Tip_con .Tip_box ul{position: relative; margin: calc(48px / 3) 0;}
.page.tips2 .Tip_con .Tip_box ul{float: left; width: 88%; margin-left: 10%;}
.page.tips2 .Tip_con .Tip_box ul.box_1{width:90%;}
.page.tips2 .Tip_con .Tip_box ul.box_2{width:90%;}
.page.tips2 .Tip_con .Tip_box ul.box_3{width:90%;}
.page.tips2 .Tip_con .Tip_box ul.box_4{width:90%;}
.page.tips2 .Tip_con .Tip_box ul.box_5{width:90%;}

.page.tips2 .Tip_con .Tip_box ul.box_1 li{position: relative; width:100%;}
.page.tips2 .Tip_con .Tip_box ul.box_2 li{position: relative; width:100%;}
.page.tips2 .Tip_con .Tip_box ul.box_3 li{position: relative; width:100%;}
.page.tips2 .Tip_con .Tip_box ul.box_4 li{position: relative; width:100%;}
.page.tips2 .Tip_con .Tip_box ul.box_5 li{position: relative; width:100%;}

.page.tips2 .Tip_con .Tip_box ul.box_1 li::before{content:""; clear:both; display:block;}
.page.tips2 .Tip_con .Tip_box ul.box_2 li::before{content:""; clear:both; display:block;}
.page.tips2 .Tip_con .Tip_box ul.box_3 li::before{content:""; clear:both; display:block;}
.page.tips2 .Tip_con .Tip_box ul.box_4 li::before{content:""; clear:both; display:block;}
.page.tips2 .Tip_con .Tip_box ul.box_5 li::before{content:""; clear:both; display:block;}

.page.tips2 .Tip_con .Tip_box ul.box_1 li > span{width:calc(100% - 150px);}
.page.tips2 .Tip_con .Tip_box ul.box_2 li > span{width:calc(100% - 150px);}
.page.tips2 .Tip_con .Tip_box ul.box_3 li > span{width:calc(100% - 150px);}
.page.tips2 .Tip_con .Tip_box ul.box_4 li > span{width:calc(100% - 150px);}
.page.tips2 .Tip_con .Tip_box ul.box_5 li > span{width:calc(100% - 150px);}

.page.tips2 .Tip_con .Tip_box ul.box_1 li > div{float: right; position: absolute; width:calc(300px / 3); right:0; top:0; bottom:0; height:auto;}
.page.tips2 .Tip_con .Tip_box ul.box_2 li > div{float: right; position: absolute; width:calc(300px / 3); right:0; top:0; bottom:0; height:auto;}
.page.tips2 .Tip_con .Tip_box ul.box_3 li > div{float: right; position: absolute; width:calc(300px / 3); right:0; top:0; bottom:0; height:auto;}
.page.tips2 .Tip_con .Tip_box ul.box_4 li > div{float: right; position: absolute; width:calc(300px / 3); right:0; top:0; bottom:0; height:auto;}
.page.tips2 .Tip_con .Tip_box ul.box_5 li > div{float: right; position: absolute; width:calc(300px / 3); right:0; top:0; bottom:0; height:auto;}

.page.tips2 .Tip_con .Tip_box ul.box_1 li > div > span{position: absolute; border-left:1px solid #dddddd; border-bottom: 1px solid #dddddd; height:calc(100% + 15px); margin-top: -4px; display: block; width: calc(150px  / 3);box-sizing: border-box;}
.page.tips2 .Tip_con .Tip_box ul.box_2 li > div > span{position: absolute; border-left:1px solid #dddddd; border-bottom: 1px solid #dddddd; height:calc(100% + 15px); margin-top: -4px; display: block; width: calc(150px  / 3);box-sizing: border-box;}
.page.tips2 .Tip_con .Tip_box ul.box_3 li > div > span{position: absolute; border-left:1px solid #dddddd; border-bottom: 1px solid #dddddd; height:calc(100% + 15px); margin-top: -4px; display: block; width: calc(150px  / 3);box-sizing: border-box;}
.page.tips2 .Tip_con .Tip_box ul.box_4 li > div > span{position: absolute; border-left:1px solid #dddddd; border-bottom: 1px solid #dddddd; height:calc(100% + 15px); margin-top: -4px; display: block; width: calc(150px  / 3);box-sizing: border-box;}
.page.tips2 .Tip_con .Tip_box ul.box_5 li > div > span{position: absolute; border-left:1px solid #dddddd; border-bottom: 1px solid #dddddd; height:calc(100% + 15px); margin-top: -4px; display: block; width: calc(150px  / 3);box-sizing: border-box;}

.page.tips2 .Tip_con .Tip_box ul.box_1 li > div > span:first-child{left: 0;}
.page.tips2 .Tip_con .Tip_box ul.box_2 li > div > span:first-child{left: 0;}
.page.tips2 .Tip_con .Tip_box ul.box_3 li > div > span:first-child{left: 0;}
.page.tips2 .Tip_con .Tip_box ul.box_4 li > div > span:first-child{left: 0;}
.page.tips2 .Tip_con .Tip_box ul.box_5 li > div > span:first-child{left: 0;}

.page.tips2 .Tip_con .Tip_box ul.box_1 li > div > span:last-child{border-right: 1px solid #dddddd; right: 0;}
.page.tips2 .Tip_con .Tip_box ul.box_2 li > div > span:last-child{border-right: 1px solid #dddddd; right: 0;}
.page.tips2 .Tip_con .Tip_box ul.box_3 li > div > span:last-child{border-right: 1px solid #dddddd; right: 0;}
.page.tips2 .Tip_con .Tip_box ul.box_4 li > div > span:last-child{border-right: 1px solid #dddddd; right: 0;}
.page.tips2 .Tip_con .Tip_box ul.box_5 li > div > span:last-child{border-right: 1px solid #dddddd; right: 0;}

.page.tips2 .Tip_con .Tip_box ul.box_1 li:first-child {}
.page.tips2 .Tip_con .Tip_box ul.box_2 li:first-child {}
.page.tips2 .Tip_con .Tip_box ul.box_3 li:first-child {}
.page.tips2 .Tip_con .Tip_box ul.box_4 li:first-child {}
.page.tips2 .Tip_con .Tip_box ul.box_5 li:first-child {}



.page.tips2 .Tip_con .Tip_box .side_box{position: absolute; right: 0}
.page.tips2 .Tip_con .Tip_box .side_box{float:right; margin-top: -60px;}
.page.tips2 .Tip_con .Tip_box .side_box p{width:calc(300px / 3); height: calc(80px / 2); text-align: center; line-height:40px; background: #333333; color: #ffffff; box-sizing:border-box; border: 1px solid #333333; border-radius: 10px 10px 0px 0px; font-weight:700;}

.page.tips2 .Tip_con .Tip_box .side_box div{width:100%; height: calc(166px / 3); box-sizing:border-box;}
.page.tips2 .Tip_con .Tip_box .side_box div > span{width:calc(100% / 3); height: calc(166px / 3);  background: #ffffff; box-sizing:border-box; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd;  display: inline-block; font-weight:700;}
/* .page.tips2 .Tip_con .Tip_box .side_box div span{background: url(..//image/check_img.jpg); background-repeat: no-repeat; background-size: 40%; background-position: 50%;} */
.page.tips2 .Tip_con .Tip_box .side_box div > span:first-child{border-right: 0px;}
.page.tips2 .Tip_con .Tip_box .side_box div.selection{width:100%; height: calc(80px / 3);}
.page.tips2 .Tip_con .Tip_box .side_box div.selection span{width:calc(100% / 2); height: calc(80px / 2); text-align: center; line-height:40px; background: #f5f5f5; color: #333333; box-sizing:border-box; border-top: 1px solid #dddddd; }

.page.tips2 .Tip_con .Tip_box ul li{padding-left: calc(80px / 3); font-size: calc(43px / 3);color: #666666; margin-top: calc(30px / 3);}
.page.tips2 .Tip_con .Tip_box ul li{position: relative; box-sizing: border-box; width: 100%; line-height: calc(64px / 3); box-sizing: border-box;}
.page.tips2 .Tip_con .Tip_box ul li div{float:right; position: absolute; right: 0; top:0; bottom:0;}
.page.tips2 .Tip_con .Tip_box ul li div span{}
.page.tips2 .Tip_con .Tip_box ul li.ls_type1{display: inline-block;}
.page.tips2 .Tip_con .Tip_box ul li.ls_type1:before{content:"";display: block; border-radius: 50%; background: #3e7ee9; width: calc(10px / 3); height: calc(10px / 3); transform: translate(-300%, 18px); -webkit-transform: translate(-300%, 18px); -ms-transform: translate(-300%, 18px);}
.page.tips2 .Tip_con .Tip_box ul li.ls_type2{display: inline-block; margin-left: calc(30px / 3);}
.page.tips2 .Tip_con .Tip_box ul li.ls_type2:before{content:"-"; display: block; width: calc(10px / 3); height: calc(10px / 3); transform: translate(-300%,100%); -ms-transform: translate(-300%,400%); -webkit-transform: translate(-300%,100%);}
.page.tips2 .Tip_con .Tip_box ul li.ls_type3{display: inline-block; margin-left: calc(20px / 3);}
.page.tips2 .Tip_con .Tip_box ul li.ls_type3:before{content:":"; display: block; width: calc(10px / 3); height: calc(10px / 3); transform: translate(-200%,100%); -ms-transform: translate(-200%,400%); -webkit-transform: translate(-200%,100%);}
.page.tips2 .Tip_con .Tip_box ul li span:first-child{display: inline-block;}
.page.tips2 .Tip_con .Tip_box ul li span{display: inline-block;}
.page.tips2 .Tip_con .Tip_box ul li.ls_tit{font-weight: 700; color: #333333; margin-left: calc(-40px / 3);}
.page.tips2 .Tip_con .Tip_box ul li.ls_tit strong{font-weight: 700; color: #333333;}
.page.tips2 .Tip_con .Tip_box ul li.halfmb78{margin-bottom: calc(58px / 3);}
.page.tips2 .Tip_con .Tip_box ul li.halfmb50{margin-bottom: calc(30px / 3);}
.page.tips2 .Tip_con .Tip_box ul li.halfmb40{margin-bottom: calc(20px / 3);}
.page.tips2 .Tip_con .Tip_box ul li.halfmb10{margin-bottom: calc(0px / 3);}
.page.tips2 .Tip_con .Tip_box ul li:first-child{margin-top: 0 !important;}

.page.tips2 .Tip_con .Tip_box ul li.halfmb78{margin-bottom: calc(58px / 3);}
.page.tips2 .Tip_con .Tip_box ul li.halfmb50{margin-bottom: calc(30px / 3);}
.page.tips2 .Tip_con .Tip_box ul li.halfmb40{margin-bottom: calc(20px / 3);}
.page.tips2 .Tip_con .Tip_box ul li.halfmb10{margin-bottom: calc(0px / 3);}
.page.tips2 .Tip_con .Tip_box ul li.lh6050{margin-top: calc(40px / 3);margin-bottom: calc(30px / 3);}
.page.tips2 .Tip_con .Tip_box ul li.lh0{margin-top: 0;margin-bottom: 0;}

/* overview type4 */
.page.overview .sub_wrap_type4 {border: calc(4px / 3) solid #dddddd; border-radius: 10px; font-family: 'NanumGothic', sans-serif; width: 100%; padding: calc(64px / 3) calc(58px / 3) calc(68px / 3);  height: 450px;}
.page.overview .sub_wrap_type4{width: 100%; box-sizing: border-box; margin-top: calc(94px / 3);}

.page.overview .sub_wrap_type4 .side_box {width: calc(250px / 3); margin-top: -40px;}
.page.overview .sub_wrap_type4 div {position: relative;}
.page.overview .sub_wrap_type4 div.main_box {padding: calc(20px / 3) 0;}
.page.overview .sub_wrap_type4 div.main_box.mt0{padding-top: 0;}
.page.overview .sub_wrap_type4 div.main_box.mt0 .side_box{}
.page.overview .sub_wrap_type4 div.main_box.mt0 .side_box{margin-top: -1px;}
.page.overview .sub_wrap_type4 div.main_box.mt0 .side_box .chk_box{margin-top: -1px;}
.page.overview .sub_wrap_type4 div.main_box.mb0{padding-bottom: 0;}
.page.overview .sub_wrap_type4 div.main_box:last-child {padding-bottom: 0;}
.page.overview .sub_wrap_type4 div > .side_box {position: absolute; top:-1px; bottom:0; right:0; margin-top:0;}
.page.overview .sub_wrap_type4 div > .side_box > .chk_box  {display: block; height:100%; min-height: 90px;}
/*.page.overview .sub_wrap_type4 div > .side_box > .chk_box > div {}*/
.page.overview .sub_wrap_type4 > .side_box {margin-top: -47px;}
.page.overview .sub_wrap_type4 .side_box p{width: calc(250px / 3); height: calc(80px / 2); font-size: calc(44px / 3); border: 2px solid #333333; background: #333333; color: #ffffff; font-weight: 700; text-align:center; line-height:40px; border-radius: 10px 10px 0px 0px;}
.page.overview .sub_wrap_type4 .side_box .chk_box{width: calc(250px / 3); height:100%; border: 2px solid #dddddd; border-top: 0px;}
.page.overview .sub_wrap_type4 .side_box .chk_box.on{background: url(../image/check_img.jpg); background-repeat: no-repeat; background-size: 30%; background-position: 50%;}

.page.overview .sub_wrap_type4 h2{margin-bottom: calc(25px / 3); line-height: 1;}
.page.overview .sub_wrap_type4 h2 strong{font-size: calc(54px / 3); font-weight: 800;}

.page.overview .sub_wrap_type4 h3{margin-bottom: calc(60px / 3); line-height: calc(64px / 3); position:relative; line-height: 1;}
.page.overview .sub_wrap_type4 h3 strong{ font-size: calc(44px / 3); font-weight: 700;}

.page.overview .sub_wrap_type4 .line{width: 100%; height: calc(4px / 3); background-color: #3e7ee9; margin-bottom:calc(48px / 3);}

.page.overview .sub_wrap_type4 div.main_box::before{content:""; clear: both; display:block;}
.page.overview .sub_wrap_type4 div.main_box > p::before{content:""; display: inline-block; width: calc(10px / 3); height:  calc(10px / 3); background: #3e7ee9; border-radius: 50%; transform: translateY(-100%); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); margin-right: calc(20px / 3);}
.page.overview .sub_wrap_type4 div.main_box > p{ margin-left: calc(20px / 3);max-width:80%; line-height: 1;}
.page.overview .sub_wrap_type4 div.main_box > p{font-size: calc(44px / 3); color: #666666; font-weight: 400;}
.page.overview .sub_wrap_type4 div.main_box > p strong{font-size: calc(40px / 3); color: #666666; font-weight: 700;}

.page.overview .sub_wrap_type4 div.main_box:last-child p:last-child,
.page.overview .sub_wrap_type4 div.main_box:last-child ul:last-child{margin-bottom: calc(20px / 3);}
/* .page.overview .sub_wrap_type4 ul:last-child,
.page.overview .sub_wrap_type4 p:last-child{margin-bottom: 0;} */

.page.overview .sub_wrap_type4 div.main_box ul{margin-left: 45px; max-width:80%; display: inline-block;}
.page.overview .sub_wrap_type4 div.main_box ul li::before {content:"-"; display: block; width: calc(10px / 3); height:  calc(10px / 3); border-radius: 50%; transform: translateY(50%); -webkit-transform: translateY(50%); -ms-transform: translateY(50%); margin-right: calc(20px / 2); margin-left: -20px;}
.page.overview .sub_wrap_type4 div.main_box ul li{}
.page.overview .sub_wrap_type4 div.main_box ul li{font-size: calc(44px / 3); font-weight: 400; color: #666666; max-width:100%; width:100%; line-height:1; margin-top: 5px;}
.page.overview .sub_wrap_type4 div.main_box ul li:first-child{margin-top: 8px;}
.page.overview .sub_wrap_type4 div.main_box ul li span{font-size: calc(40px / 3); font-weight: 400; color: #666666;}
.page.overview .sub_wrap_type4.first{ margin-top: 0 !important;}


/* type5 */
.page.chart .chart_type5 {}
.page.chart .chart_type5 .box{position: relative; width: 100%; border: calc(4px / 3) solid #ddd; border-radius: 10px; overflow: hidden; font-family: 'NanumGothic', sans-serif;}
.page.chart .chart_type5 .box .sub_wrap_type3{position:relative; width:100%; height: calc(700px / 3); display:inline-block;}
.page.chart .chart_type5 .box .sub_wrap_type3 > *{float:left;}
.page.chart .chart_type5 .box .sub_wrap_type3{}

.page.chart .chart_type5 .box .sub_wrap_type3 h3{position: relative; overflow: hidden; height:calc(620px / 3); max-width:calc(170px / 3); width:calc(170px / 3); max-height:calc(620px / 3); word-break:break-all;font-weight:900; box-sizing: border-box; border-right:2px solid #3e7ee9; margin-top: calc(40px / 3);}
.page.chart .chart_type5 .box .sub_wrap_type3 h3 p{position: absolute; left:0; right:0; width:calc(636px / 3); max-width:calc(636px / 3); text-align: center; transform:rotate(-90deg) translate(-91px, -74px); -ms-transform:rotate(-90deg) translate(-91px, -74px); -webkit-transform:rotate(-90deg) translate(-91px, -74px); font-family:'NanumSquareRound';}

.page.chart .chart_type5 .box .sub_wrap_type3 h3 strong{font-size: calc(54px / 3); font-weight: 800;}
.page.chart .chart_type5 .box .sub_wrap_type3 .donut { width: calc(580px / 3); height:calc(580px / 3);  box-sizing: border-box;}
.page.chart .chart_type5 .box .sub_wrap_type3 .donut canvas{  margin: calc(60px / 3) calc(50px / 3); padding:calc(50px / 3) calc(50px / 3); box-sizing: border-box;}
.page.chart .chart_type5 .box .sub_wrap_type3 .diag_check{margin-left: 40px; width: calc(100% - 350px); box-sizing:border-box;}
.page.chart .chart_type5 .box .sub_wrap_type3 .diag_check .cdt_tit {margin-bottom: calc(30px / 3); font-weight: 700; margin-top: calc(40px / 3)}
.page.chart .chart_type5 .box .sub_wrap_type3 .diag_check .cdt_tit { font-size: calc(44px / 3);}
.page.chart .chart_type5 .box .sub_wrap_type3 .diag_check .cdt_con {margin-bottom: calc(58px / 3); width: calc(490px / 3);}
.page.chart .chart_type5 .box .sub_wrap_type3 .diag_check .cdt_con strong{font-size: calc(44px / 3); font-weight: 800; color:#3e7ee9; font-weight: 800;}
.page.chart .chart_type5 .box .sub_wrap_type3 .diag_check .cdt_con {border: calc(4px / 3) solid #dddddd; padding: calc(24px / 3); text-align: center; border-radius: 10px;}
.page.chart .chart_type5 .box .sub_wrap_type3 .diag_check .num2 {position: relative; width:100%; box-sizing: border-box; display: inline-block;}
.page.chart .chart_type5 .box .sub_wrap_type3 .diag_check .num2 div{width:calc(600px / 3); font-size: calc(36px / 3); display: inline-block; line-height: calc(80px / 3); box-sizing: border-box;  color: #666666; font-weight: 400; margin-bottom: calc(20px / 3);}
.page.chart .chart_type5 .box .sub_wrap_type3 .diag_check .num2 div span{ font-weight: 700; max-width: calc(200px / 3); width: calc(200px / 3); height:calc(80px / 3); background: #f5f5f5; display: inline-block; text-align: center; line-height: calc(80px / 3); box-sizing: border-box; border-radius: 10px; margin-right: calc(30px / 3); color: #333333;}

.page.chart .chart_type5 .box .sub_wrap_type3 .arrow_bottom {margin-bottom: calc(60px / 3);}
.page.chart .chart_type5 .box .sub_wrap_type3 .arrow_bottom {display: block; text-align: center;}
.page.chart .chart_type5 .box .sub_wrap_type3 .arrow_bottom img{width: calc(74px / 3);}
.page.chart .chart_type5 .box .list table tbody{ box-sizing: border-box;}
.page.chart .chart_type5 .box .list table tbody tr.accent {background: #eef5ff;}
.page.chart .chart_type5 .box{margin-left: calc(38px / 3); box-sizing: border-box;}
.page.chart .chart_type5 .box:first-child{margin-left: 0;}
.page.chart .chart_type5{}
.page.chart .chart_type5 .box .list ul{display: block; padding: calc(36px / 3) calc(40px / 3); box-sizing: border;}
.page.chart .chart_type5 .box .list ul.fcbg_blu{background: #eef5ff;}
.page.chart .chart_type5 .box .list ul.fcbg_red{background: #fef4f4;}
.page.chart .chart_type5 .box .list ul.fcbg_blu .fc_blu_btn, .page.chart .chart_type5 .box .list ul.fcbg_red .fc_red_btn{color: #ffffff !important; font-size: calc(36px / 3); padding: calc(10px / 3) 0px; border-radius: 20px;}
.page.chart .chart_type5 .box .list ul .btn{font-size: calc(36px / 3); padding: calc(10px / 3) 0px; width: calc(120px / 3); text-align: center; border-radius: 20px;}
.page.chart .chart_type5 .box .list ul.fcbg_blu .fc_blu_btn{background:#3e7ee9;}
.page.chart .chart_type5 .box .list ul.fcbg_red .fc_red_btn{background:#ef2e33;}
.page.chart .chart_type5 .box .list ul:not(.fcbg_blu),
.page.chart .chart_type5 .box .list ul:not(.fcbg_red) {color: #666666;}
.page.chart .chart_type5 .box .list ul.fcbg_blu,
.page.chart .chart_type5 .box .list ul.fcbg_red {color: #333333;}

.page.chart .chart_type5 .box .list ul li:first-child{width: 50%;}
.page.chart .chart_type5 .box .list ul li{display: inline-block; word-break: break-all;}
.page.chart .chart_type5 .box .list ul li:last-child{float: right;}
.page.chart .chart_type5 .box .list ul li:first-child span:first-child{padding: 0;}
.page.chart .chart_type5 .box .list ul li span:first-child{padding:0 calc(50px / 3);}
.page.chart .chart_type5 .box .list ul li span{display: inline-block; box-sizing: border-box; word-break: break-all;}
.page.chart .chart_type5 .box .list ul li span strong{font-weight: 700; word-break: break-all;}

.page.chart .report_tbl_type1{border-top: calc(4px / 3) solid #333333;}
.page.chart .report_tbl_type1 table tbody tr td{height: calc(130px / 3);}
/* .page.chart .report_tbl_type1 table tbody tr td{padding: calc(60px / 3) calc(44px / 3);} */
.page.chart .report_tbl_type1 table tbody tr td{box-sizing: border-box; border-left: 1px solid #dddddd; text-align: center;}
.page.chart .report_tbl_type1 table tbody tr td strong{font-size: calc(44px / 3); font-weight: 700;}
.page.chart .report_tbl_type1 table tbody tr:first-child td:first-child{border: 0; padding:0px calc(34px / 3); width: calc(118px / 3);}
.page.chart .report_tbl_type1 table tbody tr td:first-child{border-left: 0;}
.page.chart .report_tbl_type1 table tbody tr:first-child td{border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd !important;}
.page.chart .report_tbl_type1 table tbody tr td .round.o{width: calc(50px / 3); height: calc(50px / 3); line-height: calc(45px / 3); border-radius: 50%; text-align: center; display: inline-block; background: #333333; color: #ffffff;}
.page.chart .report_tbl_type1 table tbody tr td .round.o strong{ color: #ffffff !important; font-size: calc(36px / 3) !important;}
.page.chart .sub_tit{font-family: 'NanumGothic', sans-serif; margin-top: calc(130px / 3);}
.page.chart .sub_tit strong{font-size: calc(54px / 3); color: #333333; font-weight: 800; font-family: 'NanumGothic', sans-serif;}

.page.chart textarea {box-sizing: border-box; width: 100%; max-height: calc(800px / 3); padding: calc(68px / 3) calc(60px / 3); border-radius: 10px; border: 1px solid #dddddd; color: #333333; line-height: calc(64px / 3); font-size:calc(44px / 3); height: calc(800px / 3);}
.page.chart textarea::placeholder {color: #666;line-height: calc(64px / 3); font-size:calc(44px / 3);}
.page.chart input::-webkit-input-placeholder {color: #666;line-height: calc(64px / 3); font-size:calc(44px / 3);}
.page.chart input:-ms-input-placeholder {color: #666;line-height: calc(64px / 3); font-size:calc(44px / 3);}


.page.chart .report_tbl_type2 {border-top: 1px solid #666;}
.page.chart .report_tbl_type2  table{text-align:center;font-family: 'NanumGothic', sans-serif; border-collapse:collapse; border-bottom:1px solid #ddd;}
.page.chart .report_tbl_type2  th{position: relative; overflow: hidden; max-width:58px; width:58px; max-height:266px; word-break:break-all;background-color:#f5f5f5;font-weight:900; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.page.chart .report_tbl_type2  tr.bb1{border-bottom:1px solid #ddd;}
.page.chart .report_tbl_type2  table tbody tr:last-child{border-bottom: 1px solid #dddddd;}
.page.chart .report_tbl_type2  tr td{width: calc(392px / 3) !important;border-left:1px solid #ddd; border-top: 0; height: calc(130px / 3);}
.page.chart .report_tbl_type2  tr td.on{background: url(../image/check_img2.png); background-repeat: no-repeat; background-size: 20%; background-position:50%;}
.page.chart .report_tbl_type2  .table-header{font-weight:900}
.page.chart .report_tbl_type2 table tbody tr td:first-child{border-left: 0;}
.page.chart .report_tbl_type2  tbody tr .bg_c_blu{background-color:#eef5ff;}
.page.chart .report_tbl_type2  tbody tr .bg_c_red{background-color:#fef4f4;}

/* overview type6 */
.page.overview .sub_wrap_type6 {border: calc(4px / 3) solid #dddddd;border-radius: 10px;font-family: 'NanumGothic', sans-serif;width: 100%;padding: calc(64px / 3) calc(58px / 3) calc(68px / 3);/* height: 450px; */}
.page.overview .sub_wrap_type6{width: 100%; box-sizing: border-box; margin-top: calc(94px / 3);}

.page.overview .sub_wrap_type6 .side_box {width: calc(250px / 3); margin-top: -40px;}
.page.overview .sub_wrap_type6 div {position: relative;}
.page.overview .sub_wrap_type6 div.main_box {padding: calc(20px / 3) 0;}
.page.overview .sub_wrap_type6 div.main_box.mt0{padding-top: 0;}
.page.overview .sub_wrap_type6 div.main_box.mt0 .side_box{}
.page.overview .sub_wrap_type6 div.main_box.mt0 .side_box{margin-top: -1px;}
.page.overview .sub_wrap_type6 div.main_box.mt0 .side_box .chk_box{margin-top: -1px;}
.page.overview .sub_wrap_type6 div.main_box.mb0{padding-bottom: 0;}
.page.overview .sub_wrap_type6 div.main_box:last-child {padding-bottom: 0;}
.page.overview .sub_wrap_type6 div > .side_box {position: absolute; top:-1px; bottom:0; right:0; margin-top:0;}
.page.overview .sub_wrap_type6 div > .side_box > .chk_box  {display: block;height:100%;min-height: 15px;}
/*.page.overview .sub_wrap_type6 div > .side_box > .chk_box > div {}*/
.page.overview .sub_wrap_type6 > .side_box {margin-top: -47px;}
.page.overview .sub_wrap_type6 .side_box p{width: calc(250px / 3); height: calc(80px / 2); font-size: calc(44px / 3); border: 2px solid #333333; background: #333333; color: #ffffff; font-weight: 700; text-align:center; line-height:40px; border-radius: 10px 10px 0px 0px;}
.page.overview .sub_wrap_type6 .side_box .chk_box{width: calc(250px / 3); height:100%; border: 2px solid #dddddd; border-top: 0px;}
.page.overview .sub_wrap_type6 .side_box .chk_box.on{background: url(../image/check_img.jpg); background-repeat: no-repeat; background-size: 30%; background-position: 50%;}

.page.overview .sub_wrap_type6 h2{margin-bottom: calc(25px / 3); line-height: 1;}
.page.overview .sub_wrap_type6 h2 strong{font-size: calc(54px / 3); font-weight: 800;}

.page.overview .sub_wrap_type6 h3{margin-bottom: calc(60px / 3); line-height: calc(64px / 3); position:relative; line-height: 1;}
.page.overview .sub_wrap_type6 h3 strong{ font-size: calc(44px / 3); font-weight: 700;}

.page.overview .sub_wrap_type6 .line{width: 100%; height: calc(4px / 3); background-color: #3e7ee9; margin-bottom:calc(48px / 3);}

.page.overview .sub_wrap_type6 div.main_box::before{content:""; clear: both; display:block;}
.page.overview .sub_wrap_type6 div.main_box > p::before{content:""; display: inline-block; width: calc(10px / 3); height:  calc(10px / 3); background: #3e7ee9; border-radius: 50%; transform: translateY(-100%); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); margin-right: calc(20px / 3);}
.page.overview .sub_wrap_type6 div.main_box > p{ margin-left: calc(20px / 3);max-width:80%; line-height: 1;}
.page.overview .sub_wrap_type6 div.main_box > p{font-size: calc(44px / 3); color: #666666; font-weight: 400;}
.page.overview .sub_wrap_type6 div.main_box > p strong{font-size: calc(40px / 3); color: #666666; font-weight: 700;}

.page.overview .sub_wrap_type6 div.main_box:last-child p:last-child,
.page.overview .sub_wrap_type6 div.main_box:last-child ul:last-child{margin-bottom: calc(20px / 3);}
/* .page.overview .sub_wrap_type6 ul:last-child,
.page.overview .sub_wrap_type6 p:last-child{margin-bottom: 0;} */

.page.overview .sub_wrap_type6 div.main_box ul{margin-left: 55px; max-width:80%; display: inline-block;}
.page.overview .sub_wrap_type6 div.main_box ul li::before {content:"-"; display: block; width: calc(10px / 3); height:  calc(10px / 3); border-radius: 50%; transform: translateY(50%); -webkit-transform: translateY(50%); -ms-transform: translateY(50%); margin-right: calc(20px / 2); margin-left: -20px;}
.page.overview .sub_wrap_type6 div.main_box ul li{}
.page.overview .sub_wrap_type6 div.main_box ul li{font-size: calc(44px / 3); font-weight: 400; color: #666666; max-width:100%; width:100%; line-height:1; margin-top: 5px;}
.page.overview .sub_wrap_type6 div.main_box ul li:first-child{margin-top: 8px;}
.page.overview .sub_wrap_type6 div.main_box ul li span{font-size: calc(40px / 3); font-weight: 400; color: #666666;}
.page.overview .sub_wrap_type6.first{ margin-top: 0 !important;}