/* 셀프테스트 */
#wrap .wrap #contents .sub11 .gary_line{margin-top:50px;height:5px;width:180px;margin-bottom:30px;background-color:#d1d1d1}

#wrap .wrap #contents .sub_t11 {width:728px;height:750px;margin-left:0}
#wrap .wrap #contents .sub11 {width:728px;height:1100px;background-color:#fff;margin-left:10px;margin-top:10px;background-image:url('/images/sub_02/test_bg3.png');background-repeat:no-repeat;margin-bottom:769px}

#wrap .wrap #contents .sub_t11 .sub0t_11 {width:728px;height:750px;margin-top:0}
#wrap .wrap #contents .sub_t11 .sub0t_11 .thumb {position:absolute; top:20px; left:0 ;z-index:9}
#wrap .wrap #contents .sub_t11 .sub0t_11 .thumb2 {background-image:url('/images/sub_btn_box.png');background-repeat:no-repeat;position:absolute; top:590px; left:10px ;z-index:99;width:300px;height:160px}
#wrap .wrap #contents .sub_t11 .sub0t_11 .thumb2 img{padding:30px 0 0 30px}
#wrap .wrap #contents .sub_t11 .sub0t_11 .thumb3 {position:absolute; top:590px; right:10px ;z-index:99;width:300px;height:160px}

#wrap .wrap #contents .sub11 .sub11_0 {position:relative;width:628px;height:900px;margin-left:20px;padding-top:15px}
#wrap .wrap #contents .sub11 .sub11_0 .cen_txt1{height:100px;padding:50px 0 0 0;font-size:55px;color:#313131;line-height:55px;text-align:center}
#wrap .wrap #contents .sub11 .sub11_0 .cen_txt1 .point{color:#adb301}

/* 셀프테스트 */
#test_wrap {position:relative;width:685px;margin-left:0;height:820px}
#wrap .wrap #contents .lines {position:relative;width:728px;height:1px;background-color:#d6d6d6;margin-left:0;margin-top:246px;display:block}
#detail_view_pop{position:absolute;top:220px;left:-10px;z-index:999999999;width:177px;height:188px}
#detail_view_pop_close{position:absolute;z-index:9999999999;width:20px;height:21px;top:140px;left:18px;cursor:pointer}

.clr{ clear:both !important; float:none !important; width:0 !important; height:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }

.ul_wraps {width:685px;margin:0 auto;padding:0}
.ul_wraps img{width:685px}
.ul_wraps2 {width:685px;margin:0 auto;padding:0}
.ul_wraps li {float:left;cursor:pointer;padding:0}
.ul_wraps2 li {float:left;cursor:pointer;padding:0}
#self_title {width:685px;margin-left:20px}
#self_title li {z-index:99;height:100px}
.st_title{display:none}
#st1 li {}

.reset {float:left;margin:15px 15px}
.back1 {float:right;margin:15px 15px}
.back2 {float:right;margin:15px 15px}

#st2 {display:none}
#st21 {display:none}
#st21 li {}
#st22 {display:none}
#st22 li {}
#st23 {display:none}
#st23 li {}
#st24 {display:none}
#st24 li {}
#st25 {display:none}
#st25 li {}

#st2_btn {width:685px;margin:0 auto;height:56px}
#st2_btn li {} 

#st3 {display:none;padding:0;margin:0}
#st3 .ul_wraps {display:none; margin-top:-50px;height:615px}
#st311 {display:none}
#st312 {display:none}
#st321 {display:none}
#st322 {display:none}
#st331 {display:none}
#st332 {display:none}
#st341 {display:none}
#st342 {display:none}
#st351 {display:none}
#st352 {display:none}

#st3_btn {width:685px;margin:0 auto;padding:0;height:56px}
#st3_btn li {}
#st3_btn .counsel {position:absolute;float:left;margin-left:5px;margin-top:660px}
#st3_btn .counsel img{width:685px}

.login_see{width:480px;height:135px;background-image:url('/images/login_bg.png');position:absolute;margin-top:16px;z-index:999999;left:102px}
.loiin_see_text{position:relative;width:100%;text-align:center;z-index:99999999999999;font-size:35px;line-height:150%;font-weight:bold;height:100%;vertical-align: middle;top:15px}




@media all and (min-width:940px){
#wrap .wrap #contents .sub11 .sub11_0 {width:736px}

#wrap .wrap #contents .sub11 {width:736px;margin-left:0;margin-top:10px;margin-bottom:10px}

#wrap .wrap #contents .sub_t11 .sub0t_11 .thumb2 {left:0}
#wrap .wrap #contents .sub_t11 .sub0t_11 .thumb3 {right:0}

.clr{ clear:both !important; float:none !important; width:0 !important; height:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }

#test_wrap {position:relative;width:690px;margin-left:0;height:800px}
#self_title {width:690px;margin-left:20px}
#self_title li {z-index:99;height:100px}

#st1 li {}

.ul_wraps {width:690px;margin:0 auto;padding:0}
.ul_wraps img{width:690px}
.ul_wraps2 {width:690px;margin:0 auto;padding:0}
.ul_wraps li {float:left;cursor:pointer;padding:0}
.ul_wraps2 li {float:left;cursor:pointer;padding:0}

.reset {float:left;margin:15px 15px}
.back1 {float:right;margin:15px 15px}
.back2 {float:right;margin:15px 15px}

#st2 {display:none}
#st21 {display:none}
#st21 li {}
#st22 {display:none}
#st22 li {}
#st23 {display:none}
#st23 li {}
#st24 {display:none}
#st24 li {}
#st25 {display:none}
#st25 li {}

#st2_btn {width:690px;margin:0 auto;height:56px}
#st2_btn li {} 

#st3 {display:none;padding:0;margin:0}
#st3 .ul_wraps {display:none; margin-top:-50px;height:615px}
#st311 {display:none}
#st312 {display:none}
#st321 {display:none}
#st322 {display:none}
#st331 {display:none}
#st332 {display:none}
#st341 {display:none}
#st342 {display:none}
#st351 {display:none}
#st352 {display:none}

#st3_btn {width:690px;margin:0 auto;padding:0;height:56px}
#st3_btn li {}
#st3_btn .counsel {position:absolute;float:left;margin-left:5px;margin-top:660px}
#st3_btn .counsel img{width:685px}

#wrap .wrap #contents .lines {display:none}

#detail_view_pop{position:absolute;top:235px;left:-10px;z-index:999999999;width:177px;height:188px}

}


@media all and (min-width:1200px){



/* 셀프테스트 */
#wrap .wrap #contents .sub11 .gary_line{margin-top:50px;height:5px;width:180px;margin-bottom:30px;background-color:#d1d1d1}

#wrap .wrap #contents .sub_t11 {width:1007px;height:715px;margin-left:0}
#wrap .wrap #contents .sub11 {width:1007px;height:1150px;background-color:#fff;margin-left:0;margin-top:10px;background-image:url('/images/sub_02/test_bg2.png');background-repeat:no-repeat;margin-bottom:10px}

#wrap .wrap #contents .sub_t11 .sub0t_11 {width:1007px;height:715px;margin-top:0}
#wrap .wrap #contents .sub_t11 .sub0t_11 .thumb {position:absolute; top:20px; left:175px ;z-index:9}
#wrap .wrap #contents .sub_t11 .sub0t_11 .thumb2 {background-image:url('/images/sub_btn_box.png');background-repeat:no-repeat;position:absolute; top:555px; left:0 ;z-index:99;width:300px;height:160px}
#wrap .wrap #contents .sub_t11 .sub0t_11 .thumb2 img{padding:30px 0 0 30px}
#wrap .wrap #contents .sub_t11 .sub0t_11 .thumb3 {position:absolute; top:555px; right:0 ;z-index:99;width:300px;height:160px}

#wrap .wrap #contents .sub11 .sub11_0 {position:relative;width:880px;height:630px;margin-left:60px;padding-top:15px}
#wrap .wrap #contents .sub11 .sub11_0 .cen_txt1{height:100px;padding:50px 0 0 0;font-size:55px;color:#313131;line-height:55px;text-align:center}
#wrap .wrap #contents .sub11 .sub11_0 .cen_txt1 .point{color:#adb301}
/* 셀프테스트 */


.clr{ clear:both !important; float:none !important; width:0 !important; height:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }

#test_wrap {position:relative;width:765px;margin:0 auto;height:850px}

.ul_wraps {width:765px;margin:0 auto;padding:0}
.ul_wraps2 {width:765px;margin:0 auto;padding:0}
.ul_wraps img{width:765px}
.ul_wraps li {float:left;cursor:pointer;padding:0}
.ul_wraps2 li {float:left;cursor:pointer;padding:0}
#self_title {width:765px;margin-left:50px}
#self_title li {z-index:99;height:100px}

#st1 li {}


.reset {float:left;margin:15px 15px}
.back1 {float:right;margin:15px 15px}
.back2 {float:right;margin:15px 15px}

#st2 {display:none}
#st21 {display:none}
#st21 li {}
#st22 {display:none}
#st22 li {}
#st23 {display:none}
#st23 li {}
#st24 {display:none}
#st24 li {}
#st25 {display:none}
#st25 li {}

#st2_btn {width:765px;margin:0 auto;height:56px}
#st2_btn li {} 

#st3 {display:none;padding:0;margin:0}
#st3 .ul_wraps {display:none; margin-top:-50px;height:615px}
#st311 {display:none}
#st312 {display:none}
#st321 {display:none}
#st322 {display:none}
#st331 {display:none}
#st332 {display:none}
#st341 {display:none}
#st342 {display:none}
#st351 {display:none}
#st352 {display:none}

#st3_btn {width:765px;margin:0 auto;padding:0;height:56px}
#st3_btn li {}
#st3_btn .counsel {position:absolute;float:left;margin-left:5px;margin-top:700px}
#st3_btn .counsel img{width:765px}


#detail_view_pop{position:absolute;top:240px;left:45px;z-index:999999999;width:177px;height:188px}
.login_see{width:534px;height:152px;background-image:url('/images/login_bg.png');position:absolute;margin-top:18px;z-index:999999;left:115px}
.loiin_see_text{position:relative;width:100%;text-align:center;z-index:99999999999999;font-size:45px;line-height:150%;font-weight:bold;height:100%;vertical-align: middle;top:10px}

}




@media all and (min-width:1550px){

/* 셀프테스트 */
#wrap .wrap #contents .sub11 .gary_line{margin-top:50px;height:5px;width:180px;margin-bottom:30px;background-color:#d1d1d1}

#wrap .wrap #contents .sub_t11 {width:1218px;height:620px;margin-left:0}
#wrap .wrap #contents .sub11 {width:1218px;height:1150px;background-color:#fff;margin-left:0;margin-top:10px;background-image:url('/images/sub_02/test_bg.png');background-repeat:no-repeat}

#wrap .wrap #contents .sub_t11 .sub0t_11 {width:1218px;height:620px;margin-top:0}
#wrap .wrap #contents .sub_t11 .sub0t_11 .thumb {position:absolute; top:30px; left:250px ;z-index:9}
#wrap .wrap #contents .sub_t11 .sub0t_11 .thumb2 {background-image:url('/images/sub_btn_box.png');background-repeat:no-repeat;position:absolute; top:460px; left:0 ;z-index:99;width:300px;height:160px}
#wrap .wrap #contents .sub_t11 .sub0t_11 .thumb2 img{padding:30px 0 0 30px}
#wrap .wrap #contents .sub_t11 .sub0t_11 .thumb3 {position:absolute; top:460px; right:0 ;z-index:99;width:300px;height:160px}

#wrap .wrap #contents .sub11 .sub11_0 {position:relative;width:1090px;height:1117px;margin-left:60px;padding-top:15px}
#wrap .wrap #contents .sub11 .sub11_0 h4 {padding-left:50px;margin-bottom:20px;font-size:20px;color:#b3b3b3;line-height:22px;font-weight:bold}
#wrap .wrap #contents .sub11 .sub11_0 h4 img{margin-right:15px;margin-top:-8px}
#wrap .wrap #contents .sub11 .sub11_0 p {padding:0;font-size:12px;color:#7f7f7f;line-height:12px}
#wrap .wrap #contents .sub11 .sub11_0 .cen_txt1{height:100px;padding:50px 0 0 0;font-size:55px;color:#313131;line-height:55px;text-align:center}
#wrap .wrap #contents .sub11 .sub11_0 .cen_txt1 .point{color:#adb301}

/* 셀프테스트 */


.clr{ clear:both !important; float:none !important; width:0 !important; height:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }

#test_wrap {position:relative;width:765px;margin:0 auto;height:850px}

.ul_wraps {width:765px;margin:0 auto;padding:0}
.ul_wraps2 {width:765px;margin:0 auto;padding:0}
.ul_wraps img{width:765px}
.ul_wraps li {float:left;cursor:pointer;padding:0}
.ul_wraps2 li {float:left;cursor:pointer;padding:0}
#self_title {width:765px;margin-left:50px}
#self_title li {z-index:99;height:100px}

#st1 li {}


.reset {float:left;margin:15px 15px}
.back1 {float:right;margin:15px 15px}
.back2 {float:right;margin:15px 15px}

#st2 {display:none}
#st21 {display:none}
#st21 li {}
#st22 {display:none}
#st22 li {}
#st23 {display:none}
#st23 li {}
#st24 {display:none}
#st24 li {}
#st25 {display:none}
#st25 li {}

#st2_btn {width:765px;margin:0 auto;height:56px}
#st2_btn li {} 

#st3 {display:none;padding:0;margin:0}
#st3 .ul_wraps {display:none; margin-top:-50px;height:615px}
#st311 {display:none}
#st312 {display:none}
#st321 {display:none}
#st322 {display:none}
#st331 {display:none}
#st332 {display:none}
#st341 {display:none}
#st342 {display:none}
#st351 {display:none}
#st352 {display:none}

#st3_btn {width:765px;margin:0 auto;padding:0;height:56px}
#st3_btn li {}
#st3_btn .counsel {position:absolute;float:left;margin-left:5px;margin-top:700px}
#st3_btn .counsel img{width:765px}


#detail_view_pop{position:absolute;top:240px;left:150px;z-index:999999999;width:177px;height:188px}

.login_see{width:534px;height:152px;background-image:url('/images/login_bg.png');position:absolute;margin-top:18px;z-index:999999;left:115px}
.loiin_see_text{position:relative;width:100%;text-align:center;z-index:99999999999999;font-size:45px;line-height:150%;font-weight:bold;height:100%;vertical-align: middle;top:10px}

}