@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*  --- common.css ---  */
em{font-style:normal;}
.f_purple{color:#9108ff;}
.f_blue{color: #0883ff;}
.f_bluesky { color: #1779b8; }
.f_green{color: #0e7325;}
.f_yellow{color: #ffff00;}
.ta_c{text-align:center;}
.mt10{margin-top:10px;}

/* textarea */
.bg_parent_textarea{background:transparent;border:none;outline:none;resize:none;width:100%;overflow-y:auto;}
/* fadetext */
.fade_text{}

#skipNav{position:relative;width:100%;}
#skipNav a{display:inline-block;position:absolute;left:0;right:0;text-align:center;padding:20px 7px;color:#fff;top:-60px;background:#000;z-index:99;}
#skipNav a:focus,#skipNav a:focus:hover{top:0;}
html{width:100%; height:100%}
body{;word-break:keep-all; letter-spacing:-0.075em;}
#wrap{margin:0 auto;position:relative;width:850px;height:600px;overflow:hidden;}
#header,#container,#contents,#footer{width:100%;}
#header{position:absolute;top:0;left:0;right:0;height:70px;z-index:9;background:url(../images/bg_header.png) no-repeat 0 0;}
#header .tit{float:left;padding:17px 0 0 14px;color:#fff;font-size:23px;/*background:url(../images/bg_logo.png) no-repeat 14px 0;*/}
#header .captor{float:left;font-size:15px;padding:5px 0 0 60px;}
#header .captor .week{display:block;color:#fff;}
#header .captor .location{display:inline-block;color:#fdde09;font-style:normal;}
#header #gnb{float:left;padding:13px 0 0 70px;}
#header #gnb .gnb{overflow:visible;}
#header #gnb .gnb:after{display:block;content:"";clear:both;}
#header #gnb .gnb > li:first-child{margin-left:0;}
#header #gnb .gnb > li{float:left;position:relative;margin-left:20px;}
#header #gnb .gnb > li > a{display:block;padding:0 0 0 7px;font-size:15px;color:#fff;background:url(../images/bg_nav.gif) left top no-repeat;}
#header #gnb .gnb > li.active > a{color:#b7e236;background-image:url(../images/bg_nav_on.gif);}
.submenuListArea{display:none;position:absolute;left:0;top:21px;width:386px;height:31px;background:url(../images/bg_nav.png) no-repeat 0 0;}
.submenuListArea.menu1{left:-63px;}
.submenuListArea.menu2{left:-178px;}
.submenuListArea.menu3{left:-293px;}
.submenuListArea.menu1 ul{padding-left:65px;}
.submenuListArea.menu2 ul{padding-left:100px;}
.submenuListArea.menu3 ul{padding-left:32px;}
.submenuListArea ul{padding:10px 0 0 0;}
.submenuListArea ul li:first-child{background:none;margin-left:0;padding-left:0;}
.submenuListArea ul li{float:left;background:url(../images/blit_submenu.png) left 50% no-repeat;padding-left:7px;margin-left:10px;}
.submenuListArea ul li a{color:#fff;font-size:12px;font-weight:bold;}
.submenuListArea ul li.active a,
.submenuListArea ul li a:hover{color:#000;}

#container{overflow:hidden;height:100%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat;background-position:0 0;}
.data-01{background-image:url(../images/bg_02.jpg);}
.data-02{background-image:url(../images/bg_02.jpg);}
.data-03{background-image:url(../images/bg_03.jpg);}
.data-04{background-image:url(../images/bg_04.jpg);}
.data-05{background-image:url(../images/bg_05.jpg);}
.data-06{background-image:url(../images/bg_02.jpg);}
.data-06-1{background-image:url(../images/bg_06-1.jpg);}
.data-07{background-image:url(../images/bg_07.jpg);}
.data-08{background-image:url(../images/bg_08.jpg);}
.data-end{background-image:url(../images/bg_01.jpg);}
#contents{position:relative;height:100%;overflow:hidden;display: table;}
.bt-move{}
.bt-next-page{position:absolute;bottom:60px;right:30px;z-index:99;display:none;}
.bt-next-page a{display:block;width:89px;height:85px;background:url(../images/bt_next.png) 0 0 no-repeat;}
.bt-next-page.end-page a{background:url(../images/bt_next_end.png) 0 0 no-repeat;}

#bottom{ position: absolute; left: 0; right: 0;bottom: 0; height: 125px; z-index: 9; }
.add { position: absolute; left: 0; bottom: 40px;}
.add a:first-child { margin-left: 10px; }
.add a {color: #fff; background: url(../images/add_play.png) no-repeat center left 5px #282828; padding: 5px 10px 5px 20px; border-radius: 30px; }
.help { position: absolute; left: 0; bottom: 0; width: 100%; height:30px; background: #1f293a; text-align: center;  }
.help a { color: #fff; line-height: 30px; padding: 0 24px; margin-left: 24px; display: inline-block; font-weight: bold; }
.help span { color: #fff; opacity: 0.3; }
.help a:nth-child(1) { background: url(../images/help_01.png) no-repeat 0 6px;}
.help a:nth-child(3) { background: url(../images/help_02.png) no-repeat 0 6px;}
.help a:nth-child(5) { background: url(../images/help_03.png) no-repeat 0 6px;}
.page_number{position:absolute;right:0;bottom:0;width:116px;height:43px;padding:60px 0 20px 70px;background:url(../images/bg_page_num.png) no-repeat right 0;}
.page_number span{font-size:28px;display:inline-block;margin:0 0px;color:#fff;vertical-align: bottom;}
.page_number span strong{color:#b7e236;}
.paing-bt-prev,
.paing-bt-next{background-repeat:no-repeat;background-image:url(../images/arrow.png);display:inline-block;width:16px;height:26px;}
.paing-bt-prev{background-position:0 0;}
.paing-bt-next{background-position:-32px 0;}
.paing-bt-next:hover{background-position:-32px -36px;}
.paing-bt-prev:hover{background-position:0 -36px;}
.next_btn { position: absolute; right: 40px; bottom: 40px; z-index:99999; }

/* 01 */
.intro-ment{text-align:center;display: table-cell;vertical-align: middle;}
.subject{font-size:60px;color:#303030;letter-spacing:-0.095em;font-weight:bold;}
.nowstate{padding:10px 0 15px 0; font-size: 20px; color:#ffff00; font-weight: bold;}
.nowstate span{display:inline-block;padding:4px 8px;color:#fff;font-size:16px;font-weight:bold;background-color:#1779b8;text-align:center;border-radius:10px;}
.nowsubject{color:#fcff00;font-size:20px;font-weight:bold;margin-bottom:70px;}
.intro { width: 554px; height: 217px; background: url(../../../advice/images/intro.png); display: inline-block; }
.introsubject { font-size: 19px; color: #333; padding: 20px; text-align: left; font-weight: bold;}
.introguide { font-size: 19px; color: #333; padding: 20px; text-align: left;}

/* 02 */
#learn_list ul{ padding: 40px 20px 0 30px; }
#learn_list ul li{padding:15px 0 6px 8px;background:url(../images/blit_repeat.gif) repeat-x 0 100%;}
#learn_list ul li strong{display:block;padding-left:26px;font-size:17px;color:#333;font-weight:700;background-repeat:no-repeat;background-position:0 0;}
.learn_box{margin:92px 0 0 195px;width:594px;height:208px;background:url(../images/bg_cont_learn.png) 0 0 no-repeat;}
.learn_box li strong{background-image:url(../images/ico_pen.gif);}
.learn_goal{width:725px;height:428px;margin:80px 0 0 60px;background:url(../../../advice/images/bg_goal_learn.png) 0 0 no-repeat;}
.learn_goal li:first-child strong{background-image:url(../images/ico_num1.gif);}
.learn_goal li:first-child + li strong{background-image:url(../images/ico_num2.gif);}
.learn_goal li:first-child + li + li strong{background-image:url(../images/ico_num3.gif);}
.learn_goal li:first-child + li + li + li strong{background-image:url(../images/ico_num4.gif);}
.learn_goal li:first-child + li + li + li + li strong{background-image:url(../images/ico_num5.gif);}
.learn_goal li:first-child + li + li + li + li + li strong{background-image:url(../images/ico_num6.gif);}
.learn_goal li:first-child + li + li + li + li + li + li strong{background-image:url(../images/ico_num7.gif);}
.learn_goal li:first-child + li + li + li + li + li + li + li strong{background-image:url(../images/ico_num8.gif);}
.learn_goal li:first-child + li + li + li + li + li + li + li + li strong{background-image:url(../images/ico_num9.gif);}
.teacher{position:absolute;right:40px;bottom:0;}
.bt-t-pop{display:inline-block;width:185px;height:39px;background:url(../images/02/bt_pro_pop_off.png) 0 0 no-repeat;}
.bt-t-pop:hover{background:url(../images/02/bt_pro_pop_on.png) 0 0 no-repeat;}
.bt-t-t{
	position: absolute;
    right: 130px;
    bottom: 80px;
    z-index: 100;
}

/* 03 */
.ly_wrap{padding:70px 0 0 0;}
.tit-text-writer{text-align:center;margin-top:20px;}
.fn_opinion{position:relative;background:url(../images/bg_opnion.gif) no-repeat 0 0;width:723px;height:334px;padding:10px;margin:0 auto;}
.if_val{position:absolute;left:50%;top:175px;width:235px;height:129px;margin-left:-118px;background:url(../images/03/if_val.png) 0 0 no-repeat;}
.fn_op_top{width:723px;}
.fn_op_top p{float:left;}
.fn_op_top div{float:left;background:url(../images/bg_question.jpg) 0 0 no-repeat;width:559px;height:50px;padding:25px 0;overflow-y:auto;color:#fff;font-size:22px;}
.fn_opinion textarea{z-index:100;position:relative;background:transparent;resize:none;outline:none;border:none;width:720px;padding:20px 0 0 0;height:200px;overflow-y:auto;}
.bt-wrapper{text-align:center;margin-top:10px;}
#bt-sumit{display:inline-block;background:url(../images/bt_send_off.png) 0 0 no-repeat;width:179px;height:33px;}
#bt-sumit:hover{background:url(../images/bt_send_on.png) 0 0 no-repeat;}

/* 04 */
.data-04 .ly_wrap{width:800px;margin:0 auto; position: relative;}
.data-04 h3{font-size:20px;color:#303030;width: 800px;margin: 0 auto; margin-bottom: 5px;}
.learning_box { margin: 80px 0 0 60px; }

/* 05 */
.data-05 .ly_wrap{width:798px;margin:0 auto;}
.data-05 h2{}
.rply_thik{position:relative;overflow:hidden;width:798px;height:330px;background:url(../images/05/bg_rplytext_thik.jpg) 0 0 no-repeat;-webkit-background-size:100% 100%;
background-size:100% 100%;}
.rply_thik .if_val{position:absolute;left:50%;top:140px;width:235px;height:129px;margin-left:75px;background:url(../images/05/if_val.png) 0 0 no-repeat;z-index:1;}
.rply_thik .question{width:559px;height:47px;padding:10px 0;margin-left:200px;margin-top:15px;overflow-y:auto;color:#fff;font-size:22px;}
.opinion_box{overflow:hidden;padding:10px 35px 0;}
.opinion_box > div{float:left;width:315px;height:150px;padding:40px 20px 10px;}
.opinion_box > div textarea{background:transparent;border:none;resize:none;width:100%;height:135px;overflow-y:auto;}
.opinion_box .before{margin-left:17px;position:relative;z-index:10;}
#bt-q{display:inline-block;width:161px;height:29px;background-position:0 0;background-repeat:no-repeat;}
.bt-q-01{background-image:url(../images/bt_q_off_1.png);}
.bt-q-01:hover{background-image:url(../images/bt_q_on_1.png);}
.bt-q-02{background-image:url(../images/bt_q_off_2.png);}
.bt-q-02:hover{background-image:url(../images/bt_q_on_2.png);}
.bt-q-03{background-image:url(../images/bt_q_off_3.png);}
.bt-q-03:hover{background-image:url(../images/bt_q_on_3.png);}
.table thead th { background: #3a56bc; color: #fff; font-size: 18px; padding: 5px 10px; border-right: solid 1px #b3a485; }
.table thead th:last-child { border-right: solid 1px #7f90c4;}
.table tbody th, .table tfoot th { background: #efe7da; font-size: 18px; padding: 5px 10px; color: #333; border: solid 1px #7f90c4; border-top: none; }
.table td { color: #333; font-size: 17px; background: #efe7da; border-right: solid 1px #7f90c4; border-bottom: solid 1px #7f90c4; text-align: center; }
#method { margin: 80px 0 0 40px; width: 770px; }
#method_divide { margin-top: 20px;}
.edu-help-area{width:796px; height:420px; background:url(../images/06/edu_help_bg.png) 0 0 no-repeat; position:relative; top:80px; left:28px; z-index:10001; }
.edu-help-desc{width:799px; height:420px; position: absolute; left: 0; top: 0; }
.edu-help-page{position: absolute; bottom: -45px;width:796px;text-align:center;font-size:20px;font-weight:600;}
.edu-help-page span{color:#a22528}
.edu-help-close{position: absolute; top: 19px; right: 29px;}
.edu-help-text { position: absolute; left: 0; top: 0;}
.edu-help-text h4{font-size:22px; color:#a22528;}
.edu-help-text h4 img{margin-right:3px;}
.edu-help-text dl {margin-top:10px;margin-left:20px;}
.edu-help-text dt {font-size:19px;color:#451e0f;font-weight:600;margin-bottom:5px;}
.edu-help-text dt img {vertical-align:baseline; margin-right:3px;}
.edu-help-text dd {font-size:18px;color:#221e1c;font-weight:600;line-height:24px;display:list-item;list-style-image:url(../images/06/pop_icon03.png);margin-left:40px;}


/* 06 */
.data-06{}
.data-06 .fade_text{position:relative;top:140px;left:575px;width:375px;text-align:center;overflow:hidden;}
.data-06 .fade_text p{color:#000;font-size:20px;}
.data-06 .f-text{margin-bottom:30px;}
.data-06 .fade_text a{display:inline-block;margin-top:30px;}
.environment { width: 558px; height: 341px; background: url(../../../advice/images/environment_box.png); margin: 92px 0 0 150px; }

/* 06-1 Quiz */
.data-06-1 h2{    width: 778px;
    margin: 0 auto;}

/* 07 */
.data-07{}
.data-07 .ly_wrap{}
.data-07 h2{width:726px;margin:0 auto;}
.data-07 .arrangement{width:726px;height:390px;background:url(../images/07/bg_pager.gif) 0 0 no-repeat;margin:0 auto;}
.arrangement .armentlist{padding:18px 30px 0 67px;
    overflow-y: auto;
    height: 355px;
}
.arrangement .armentlist > li{margin-bottom:20px;}
.arrangement .armentlist > li strong{font-size:22px;color:#14406e; }
.arrangement .armentlist > li span { font-size: 18px; display: block; color:#221e1c;}
.arrangement .armentlist > li > ul{}
.arrangement .armentlist > li span.number { float: left; font-size: 22px; color: #14406e; margin-right: 5px;}
.arrangement .armentlist > li span.txt { display: inline-block; width: 590px; font-size: 22px; color: #14406e;}
.arrangement .armentlist > li > ul li{font-size:18px;color:#221e1c;padding-left:30px;background:url(../images/blit_arrment.gif) 17px 10px no-repeat; margin-top: 10px; }
.arrangement .armentlist > li > ul li strong { font-size: 20px; color: #221e1c;  }
.arrangement .armentlist > li > ul li span { display: block; padding-left: 10px;}
.arrangement .armentlist > li > ul ul li { margin: 5px; background: none; padding-left: 10px; font-size: 15px; padding-left: 30px; background:url(../images/blit_arrment02.gif) 17px 10px no-repeat}


/* 08 */
.data-08{}
.data-08 .ly_wrap{width:843px;margin:0 auto;}
.data-08 .ly_wrap h2{margin:0 auto;padding-top:15px;width:836px;}
.appraisal{width:843px;height:300px;background:url(../images/08/bg_appraisal.gif) 0 0 no-repeat;-webkit-background-size:100% 100%;
background-size:100% 100%;}
.appraisal:after{content:"";display:block;clear:both;}
.appraisal h3{width:827px;height:51px;padding:8px 0 15px 9px;background:url(../images/08/bg_tit.png) no-repeat 9px 8px;}
.appraisal .applist.last{margin-bottom:0;}
.applist{overflow:hidden;padding:0 22px;margin-bottom:15px;}
.applist .cnt-check{float:right;}
.applist .cnt-check span{display:block;float:left;width:31px;height:28px;background-repeat:no-repeat;background-position:0 0;margin-left:3px;cursor:pointer;}
.applist .cnt-check .c1{background-image:url(../images/08/ico_num_1.png);}
.applist .cnt-check .c2{background-image:url(../images/08/ico_num_2.png);}
.applist .cnt-check .c3{background-image:url(../images/08/ico_num_3.png);}
.applist .cnt-check .c4{background-image:url(../images/08/ico_num_4.png);}
.applist .cnt-check .c5{background-image:url(../images/08/ico_num_5.png);margin-right:0;}
.applist p{float:left;color:#333;background:url(../images/08/ico_star.png) 0 4px no-repeat;font-size:20px;padding-left:20px;}
.auto-y-scroll{overflow-y:auto;height:202px;width:99%;}
#bt_check{display:block;margin:68px auto 0;width:166px;height:36px;background:url(../images/08/bt_submit_off.png) 0 0 no-repeat;}
#bt_check:hover{background:url(../images/08/bt_submit_on.png) 0 0 no-repeat;}

/* end */
.data-end{}
.end-ment{position:absolute;text-align:center;width:300px;right:75px;top:100px;}
.end-ment p{font-size:20px;color:#404040;font-weight:bold;}
.end-ment .subject{font-size:45px;color:#303030;}
.end-ment .nowstate{padding:10px 0 15px 0;}
.end-ment .nowstate span{background-color:#7f46af;}
.end-ment .nowsubject{font-size:25px;color:#ffff00;margin-bottom:10px;}
.end-ment2{position:absolute;text-align:center;width:300px;right:75px;top:360px;}
.end-ment2 p{font-size:20px;color:#404040;font-weight:bold;}
.end-ment2 .subject{font-size:60px;color:#303030;}
.end-ment2 .nowstate{padding:10px 0 15px 0;}
.end-ment2 .nowstate span{background-color:#7f46af;}
.end-ment2 .nowsubject{font-size:25px;color:#7f46af;margin-bottom:10px;}

#popup{display:none;position:fixed;left:0;right:0;bottom:0;top:8%;z-index:999;}
.popup{position:relative;padding:15px 0;margin:0 auto;width:650px;display:none;}
.popup .bt-close{display:block;position:absolute;right:0;top:0;background-repeat:no-repeat;background-position:0 0;}
.dimmed{display:none;background:#000;opacity:.7;position:fixed;left:0;right:0;bottom:0;top:0;z-index:10;}

/* 프로필 팝업*/
#t-profile.popup{background:#cfa475;}
#t-profile{background:#cfa475;}
#t-profile .bt-close{top:3px;right:3px;width:64px;height:40px;background-image:url(../images/bt_pop_close.png);}
#t-profile section{overflow-y:scroll;width:604px;height:383px;margin:0 auto;background:url(../images/bg_pop_paper.gif) no-repeat 0 0;}
#t-profile section .left{float:left; width: 264px; text-align: center;}
#t-profile section .t_name{font-size: 20px; color: #fff; padding: 5px 20px; border-radius: 20px; background: #524f8c; display: inline-block; margin-top: 10px; font-weight: 600;}
#t-profile section .right{float:left;width:320px;}
#t_list.academic{padding:30px 0 35px 0;}
#t_list ul{margin-top:10px;}
#t_list ul li{font-size:18px;padding-left:12px;margin:0 0 4px 20px;color:#595858;background:url(../images/blit_p_list.png) left 50% no-repeat;}
#t-profile header{position:relative;width:604px;margin:0 auto;}

/* 전문가 의견 */
#specialOpinion p { font-weight: bold; margin-bottom: 20px; font-size: 18px; color: #333; }
#specialOpinion.popup{padding:5px 22px 17px;width:606px;background:#4591cd;}
#specialOpinion .bt-close{top:16px;right:25px;width:64px;height:40px;background-image:url(../images/05/bt_pop_close.gif);}
#specialOpinion section{width:594px; padding:35px 0;height:290px;border:1px solid #9f9993;background:url(../images/05/bg.gif) repeat 0 0;padding-left:10px;}
#specialOpinion p { font-weight: bold; margin-bottom: 10px; color: #333; font-size: 18px;}
#specialOpinion ul{height:270px;font-size:18px;color:#333;background:transparent;border:none;outline:none;resize:none;width:100%;overflow-y:auto;}
#specialOpinion ul li{margin-bottom:10px;background:url(../images/05/ico_check.png) left 5px no-repeat;padding-left:17px;}


/* 전문가 의견 */
.relevant.popup{border:1px solid #2a1d0d;padding:0;width:648px;}
.relevant.popup header{background:#624332;height:54px;}
.relevant .bt-close{top:10px;right:15px;width:74px;height:28px;background-image:url(../images/06/bt_pop_close.gif);}
.relevant section{width:648px;height:402px;background:url(../images/06/bg_pop.gif) 0 0 no-repeat;}
.relevant section div{padding:10px 0 0 15px;}
.relevant section div h4{font-size:22px;color:#a22528;padding-left:24px;margin-bottom:5px;background:url(../images/06/ico_mike.png) 0 50% no-repeat;}
.relevant section div h5{font-size:19px;color:#451e0f;padding-left:15px;margin-left:22px;margin-bottom:5px;background:url(../images/06/ico_t.gif) 0 50% no-repeat;}
.relevant ul{padding-left:40px;height:290px;font-size:18px;color:#333;background:transparent;border:none;outline:none;resize:none;width:590px;overflow-y:auto;}
.relevant ul li{padding-left:12px;margin-bottom:5px;background:url(../images/06/ico_p_blit.gif) left 6px no-repeat;font-size:18px;}



/* 팝업 전문가 의견이미지 */
.img{padding-left:0 !important;background:none !important;padding:30px 0 0 0 !important;}
.wr{background:#f0ece3;text-align:center;font-size:22px;color: #333;margin:180px auto 0 !important;}
.popup.wr .bt-close{position:static;color:#666;display:block;margin-top:15px;border:1px;}
#t,#a{background-color: rgba(250, 250, 250, 0.7);-webkit-box-shadow: 1px 1px 1px 1px rgba(1,1,1,1);box-shadow: 1px 1px 1px 1px rgba(1,1,1,1);color: rgba(250, 250, 250, 0.7);padding:30px 0;top:100px;text-align:center;color:#333;border-radius:15px;font-weight:bold;font-size:20px;display:none;}
#t .bt-close,#a .bt-close{position:static;color:#666;display:block;margin-top:15px;border:1px;}