/*@charset "UTF-8";*/
/* sub layout */
html, body{height:100%;}
#sub_header{width:100%; height:148px; background: #fff; box-sizing:border-box; -moz-box-sizing:border-box; position:relative;z-index:2; min-width:1000px;}
#sub_header .sub_header_top{width:1000px; height:67px; margin:0 auto; position: relative;}
#sub_header .sub_header_top:after{content: ""; display: block; clear: both;}
#sub_header .headerfixed_top{position: fixed; top:0; border-bottom:1px solid #dadada;}
#sub_container{margin:-148px 0 -100px 0; min-height:100%; position: relative; background: url(../images/bg_container.jpg) repeat-x 0 148px; min-width:1000px;}
#sub_container .sub_container_inner{background: url(../images/bg_container_jobinfo2.jpg) no-repeat center 148px; padding:148px 0 100px 0; }
#sub_container .lnb_area{}
#sub_container .lnb_area:after{content: ""; display: block; clear: both;}
#sub_contents{width:1000px; margin:0 auto; padding-bottom:80px;}
#footer{width:100%; height:100px; border-top:1px solid #dfdfdf; background: #fff; position: relative; min-width:1000px; box-sizing:border-box; -moz-box-sizing:border-box;}
#footer .footer_inner{width:1000px; margin:0 auto;}
.foot_menu{margin:13px 0;}
.foot_menu:after{content:""; display:block; clear:both;}
.foot_menu li{float:left; height:18px; line-height:18px; background: url(../images/bar_01.gif) no-repeat 0 center;}
.foot_menu li:first-child{background:none;}
.foot_menu li a{display:inline-block; padding:0 12px; color:#333; font-size:12px;}
.foot_menu li:first-child a{padding-left: 0;}
.foot_bottom{position: relative; width: 100%;}
.foot_bottom .addressbox{position: absolute; top:-4px; left:38px; font-size: 12px;}
.foot_bottom .addressbox address{margin-bottom:2px;}
.foot_bottom .foot_selectbox_01{position: absolute; top:0; right:179px;}
.foot_bottom .foot_selectbox_02{position: absolute; top:0; right:10px;}

/* top */
.tnb_area{width:100%; height:28px; background:#ebebeb;}
.tnb_area .tnb_area_inner{width:1000px; margin:0 auto; position:relative; height:28px;}
.tnb_area .tnb_area_inner .tnb{position: absolute; right:0; top:0;}
.tnb_area .tnb_area_inner .tnb li{float:left; height:28px; line-height:28px; background: url(../images/bar_01.gif) no-repeat 0 center; padding-left:13px; margin-left:13px;}
.tnb_area .tnb_area_inner .tnb li:first-child{background:none; padding-left:0; margin-left:0;}
.tnb_area .tnb_area_inner .tnb li:first-child img{vertical-align: middle; margin-top:-3px;}
.tnb_area .tnb_area_inner .tnb li a{display:inline-block; color:#333;}
.tnb_area .tnb_area_inner .tnb li a.favorite{background: url(../images/icon_favorite_03.png) no-repeat 0 center; padding-left:16px;}

/* user info */
.user_info{position:absolute; top:24px; right:0;}
.user_info:after{content:""; display: block; clear:both;}
.user_info li{float:left; color:#333; line-height:20px; font-weight:bold;}
.user_info li .user_name{display:block; padding-left:26px; margin-right:17px; background:url(../images/icon_user.png) no-repeat 0 3px;}
.user_info li .user_name .number{font-weight:normal;}
.user_info li .user_name .major{margin-left:12px;}
.user_info li .user_time{display:block; padding-left:26px; margin-right:17px; background:url(../images/icon_clock.png) no-repeat 0 3px;}
.user_info li .user_summary{display: block; width:18px; height:20px; margin-right:9px; background:url(../images/icon_summary.png) no-repeat 0 center; font-size: 0;}
.user_info li .user_favorite{display: block; width:18px; height:20px; background:url(../images/icon_favorite.png) no-repeat 0 center; font-size:0;}
.sub_header_gnb{border-top:1px solid #d6d6d6; background:#fff; width:100%; position:relative;}
.sub_header_gnb .sub_header_gnb_inner{width:1000px; margin:0 auto;}
.sub_header_gnb .sub_header_gnb_inner:after{content:""; display:block; clear:both;}
.sub_header_gnb .gnb_btn{float:left; position:relative;} 
.sub_header_gnb .gnb_btn .secret_view{display:block; width:53px; height:52px; background:url(../images/btn_secret_view.gif) no-repeat center center; font-size:0;}
.sub_header_gnb .gnb_btn .sitemap_view{display:block; width:53px; height:52px; background:url(../images/btn_sitemap.gif) no-repeat center center; font-size:0;}

/* 시크릿박스 */
.layer_pop_secretbox{display:none; position:absolute; left:0; top:52px; width:270px; background:#fafafa; z-index: 200;}
.layer_pop_secretbox .layer_pop_secretbox_inner{position:relative;}
.layer_pop_secretbox .layer_pop_secretbox_inner{}
.layer_pop_secretbox .btn_layer_close.secret{display:inline-block; position:absolute; top:-52px; left:0;}
.user_info_02{padding:16px 0 8px 0;}
.user_info_02:after{content:""; display: block; clear:both;}
.user_info_02 li{color:#333; padding:0 0 12px 20px; font-size:14px; font-weight: bold; line-height:20px;}
.user_info_02 li .user_name{display:block; padding-left:26px; background:url(../images/icon_user.png) no-repeat 0 3px;}
.user_info_02 li .user_name .number{font-weight:normal;}
.user_info_02 li .user_name .major{display:block;}
.user_info_02 li .user_time{display:block; padding-left:26px; background:url(../images/icon_clock.png) no-repeat 0 3px;}
.layer_pop_secretbox .sfl_area{}
.layer_pop_secretbox .sfl_area:after{content:""; display:block; clear:both;}
.layer_pop_secretbox .sfl_area li{float:left; border-left:1px solid #868e82; width:89px; height:65px; text-align:center;}
.layer_pop_secretbox .sfl_area li:first-child{border-left:none; width:90px;}
.layer_pop_secretbox .sfl_area.two li{width:134px;}
.layer_pop_secretbox .sfl_area.two li:first-child{width:135px;}
.layer_pop_secretbox .sfl_area li.summary{background:#687263 url(../images/icon_summary_02.png) no-repeat center 17px;}
.layer_pop_secretbox .sfl_area li.favorite{background:#687263 url(../images/icon_favorite_02.png) no-repeat center 15px;}
.layer_pop_secretbox .sfl_area li.logout{background:#687263 url(../images/icon_logout.png) no-repeat center 15px;}
.layer_pop_secretbox .sfl_area li a{display:block; color:#fff; padding:35px 0 12px 0; }
.layer_pop_secretbox .quick_area{}
.layer_pop_secretbox .quick_area:after{content:""; display:block; clear:both;}
.layer_pop_secretbox .quick_area li{float:left; width:135px; height:102px; text-align: center;}
.layer_pop_secretbox .quick_area li.quick_01{background:url(../images/quick_01.jpg) no-repeat 0 0;}
.layer_pop_secretbox .quick_area li.quick_02{background:url(../images/quick_02.jpg) no-repeat 0 0;}
.layer_pop_secretbox .quick_area li.quick_03{background:url(../images/quick_03.jpg) no-repeat 0 0;}
.layer_pop_secretbox .quick_area li.quick_04{background:url(../images/quick_04.jpg) no-repeat 0 0;}
.layer_pop_secretbox .quick_area li a{display:block; color:#333; font-size:14px; padding-top:10; line-height:20px; padding:70px 0 12px 0 ;} 

/* gnb */
.gnb_area{float:right;}
.gnb_area .gnb:after{content:""; display: block; clear: both;}
.gnb_area .gnb li.dept_01{float:left; margin-left:16px;}
.gnb_area .gnb li.dept_01:first-child{margin-left:0;}
.gnb_area .gnb li.dept_01 .gnb_title{display: inline-block; color:#333; font-size:17px; line-height:52px; font-weight: bold; padding-left:16px;} 
.gnb_area .gnb li.dept_01 .gnb_title:hover,
.gnb_area .gnb li.dept_01 .gnb_title:focus{color:#599439;}
.gnb_area .gnb li.dept_01 .submenubox{display:none; overflow: hidden; position: absolute; top: 50px; left: 0; width: 100%; min-width: 1000px; background:#fff url(../images/bg_submenubox.png) repeat-x 0 0; z-index: 2; border-bottom:2px solid #70b848;}
.gnb_area .gnb li.dept_01 .submenubox .submenubox_inner{width:1000px; margin:0 auto; position: relative; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; box-sizing:border-box; -moz-box-sizing:border-box;background: url(../images/bg_submenu_inner.gif) repeat-y 0 0;}
.gnb_area .gnb li.dept_01 .submenubox .submenubox_inner:after{content:""; display: block; clear: both;}
.gnb_area .gnb li.dept_01 .submenubox .left{float:left; position: relative;}
.gnb_area .gnb li.dept_01 .submenubox .left ul{min-height:250px; padding:10px 0; background:url(../images/bg_submenubox.png) repeat-x 0 0;}
.gnb_area .gnb li.dept_01 .submenubox .left ul li.dept_02{}
.gnb_area .gnb li.dept_01 .submenubox .left ul li.dept_02:first-child{}
.gnb_area .gnb li.dept_01 .submenubox .left ul li.dept_02 a.sub_title{display:block; width:200px; height:30px; line-height: 30px; padding-left:20px;}
.gnb_area .gnb li.dept_01 .submenubox .left ul li.dept_02 a.sub_title:hover{background:#687263 url(../images/bl_arrow_01.gif) no-repeat 204px center; color:#fff;}
.gnb_area .gnb li.dept_01 .submenubox .left ul li.dept_02 ul.dept_03{min-height:250px; display:none; position:absolute; left:220px; top:0; background: url(../images/bg_submenubox.png) repeat-x 0 0;}
.gnb_area .gnb li.dept_01 .submenubox .left ul li.dept_02:first-child ul.dept_03{display:block;}
.gnb_area .gnb li.dept_01 .submenubox .left ul li.dept_02 ul.dept_03 li a{display:block; width:200px; padding-left:19px; height:30px; line-height:30px; color:#fff;}
.gnb_area .gnb li.dept_01 .submenubox .left ul li.dept_02 ul.dept_03 li a:hover{background:#599439; color:#fff;}
.gnb_area .gnb li.dept_01 .submenubox .right{float:right;}
.gnb_area .gnb li.dept_01 .submenubox .right:after{content:""; display:block; clear:both;}
.gnb_area .gnb li.dept_01 .submenubox .right .banner li{float:left; border-left:1px solid #e0e0e0; margin:30px 30px 28px 0; padding-left:29px;}
.gnb_area .gnb li.dept_01 .submenubox .right .banner li:first-child{border-left:none;}
.gnb_area .gnb li.dept_01.on .gnb_title{color:#599439;}
.gnb_area .gnb li.dept_01 .submenubox .left ul li.dept_02.on a.sub_title{background:#687263 url(../images/bl_arrow_01.gif) no-repeat 204px center; color:#fff;}
.gnb_area .gnb li.dept_01 .submenubox .left ul li.dept_02 ul.dept_03 li.on a{background:#599439 url(../images/bl_arrow_01.gif) no-repeat 204px center; color:#fff;}
/*.gnb_area .gnb li.dept_01 .submenubox .left ul li.dept_02:first-child ul.dept_03{display:block;}*/
.page_title_area{width:100%; height:98px; color:#105fbd;}
.page_title_area .page_title_area_inner{width:1000px; margin:0 auto;}
.searchbox{position: absolute; right: 0; top:15px; }
.searchbox .searchbox_inner{position:relative;width:222px; height:33px; border:1px solid #d3d3d3; border-radius:5px;}
.searchbox input[type="text"]{position:absolute; right:34px; top:0; display:inline-block; width:177px; height:33px; line-height:33px; font-size:12px; vertical-align:middle; padding:0 0 0 10px; border:none; border-radius: 5px;}
.searchbox .btn_search{position: absolute; right:0; top:0; }

/* lnb_location */
.lnb_area .lnb_loca{float:left; position:relative; padding:0 10px 0 45px; height:36px; min-width:164px; background: url(../images/bg_local_arrow.png) no-repeat left 11px;}
.lnb_loca .inner{width:100%; position:relative;}
.lnb_area .lnb_loca.home{min-width:44px; padding:0; background:none;}
.lnb_area .lnb_loca.home a img{margin:9px 0 0 0;}
.lnb_area .lnb_loca .default{padding:7px 15px 0 0; background:url(../images/bg_lnb_arrow.png) no-repeat right 16px;}
.lnb_area .lnb_loca .default a{display: inline-block; width:100%; border-bottom:2px solid transparent; color:#fff; font-size:16px; line-height:20px;}
.lnb_area .lnb_loca ul{display:none; width:100%; position: absolute; left:0; top:28px; padding:3px 0 10px 0; border:1px solid #68c9f2; background:#fff;  box-sizing:border-box; -moz-box-sizing:border-box; z-index:100;}
.lnb_area .lnb_loca ul li{line-height:30px; padding-left:9px;}
.lnb_area .lnb_loca ul li a{display:inline-block; width:100%; color:#333; font-size:14px; line-height:20px;}
.lnb_area .lnb_loca ul li a:hover{color:#0095d4; text-decoration:underline;}

.lnb_area .lnb_loca .default.on{background:url(../images/bg_lnb_arrow_on.png) no-repeat right 16px; border-bottom:2px solid #68c9f2;}
.lnb_area .lnb_loca .default.on a{color:#68c9f2;}

/* sub_contents */
.h_title_01{width:200px; position: absolute; top:14px; left:0;}
.h_title_01 a{display:block;}
.h_title_02{color:#fff; font-size:34px; font-weight:bold; line-height:98px;}
.h_title_03{color:#000; font-size:30px; font-weight:normal; padding:24px 0 13px 0; letter-spacing:-1px; position:relative;}
.h_title_03 .toltip{display:inline-block; width:20px; height:20px; position: relative; top:19px; left:5px;}
.h_title_03 .system_q{display:inline-block; position:absolute; right:0; top:50px; padding-left:23px; background:url(../images/icon_system.gif) no-repeat 0 0; color:#333; font-weight:bold; font-size:13px;}

.h_title_04{line-height:23px; margin-bottom:5px; color:#333; font-weight: bold;}
.h_title_04_type2{line-height:23px; margin-bottom:8px; color:#333; font-weight: bold; font-size:16px;}



/* 진단소개페이지 */
.intro.dgns{}
.intro .cont{padding:53px 0 50px 140px; min-height:114px;}
.intro .cont.last{padding-bottom:0;}
.intro .cont.line{border-bottom:1px solid #e5e5e5;}
.intro .cont h4{color:#333; font-size:18px; font-weight:bold; padding-bottom:13px; margin-top:-9px;}
.intro .cont .text_type_01{font-size:16px; line-height:21px;} 
.intro .cont .text_type_02{font-size:13px; line-height:18px;} 
.intro .cont ul{margin-top:-7px;}
.intro .cont ul li{line-height:18px; margin-top:7px;}
.intro .cont.start{padding:24px 0 46px 0; background:url(../images/bg_dgns_intro_01.jpg) no-repeat 583px 0;}
.intro .cont.start h4{padding:28px 0 16px 0;}
.intro .cont.start .text_type_01{padding-bottom:13px;}
.intro .cont.start .text_type_02{padding-bottom:26px;}
.intro .cont.define{background:url(../images/bg_dgns_intro_02.jpg) no-repeat 0 53px;}
.intro .cont.advantage{background:url(../images/bg_dgns_intro_03.jpg) no-repeat 0 53px;}
.intro .cont.advantage .text_type_02{padding-bottom:13px;}
.intro .cont.advantage ul{margin-top:-8px;}
.intro .cont.advantage ul li{margin-top:8px;}
.intro .cont.advantage ul li .green{display:inline-block; position:relative; top:2px; line-height:20px; font-size:16px; margin-right:4px;}

.join_step{margin-bottom:50px;}
.join_step:after{content:""; display:block; clear:both;}
.join_step li{float:left; width:244px; height:85px; padding-left:134px;background:url(../images/bg_join_arrow.gif) no-repeat 57px center;}
.join_step li:first-child{padding-left:0;}
.join_step li strong{display:block; height:85px; color:#999; font-size:22px; line-height:81px; padding-left:114px;letter-spacing:-1px;}
.join_step li.on strong{color:#333;}
.join_step li.step_01 strong{background:url(../images/bg_joinstep_01.jpg) 0 0;}
.join_step li.step_02 strong{background:url(../images/bg_joinstep_02.jpg) 0 0;}
.join_step li.step_03 strong{background:url(../images/bg_joinstep_03.jpg) 0 0;}
.join_step li.step_01.on strong{background:url(../images/bg_joinstep_01_on.jpg) 0 0;}
.join_step li.step_02.on strong{background:url(../images/bg_joinstep_02_on.jpg) 0 0;}
.join_step li.step_03.on strong{background:url(../images/bg_joinstep_03_on.jpg) 0 0;}
.termbox{border:1px solid #bababa; padding:12px 14px;height:370px; box-sizing:border-box; -moz-box-sizing:border-box; overflow:auto;}
.termbox .term_title{display:inline-block; color:#333; line-height:1.4; margin-bottom:14px; letter-spacing:-1px;}
.termbox .term_text{color:#666; line-height:1.4; margin-bottom:14px;letter-spacing:-1px;}
.join_agree{text-align:center; margin:28px 0;}
.join_agree label{font-size:16px; font-weight:bold;}
.alarmbox{width:765px; height:270px; margin:100px auto 0 auto; background:url(../images/bg_alarm.jpg) no-repeat 0 0; position:relative;}
.alarmbox_inner{padding-left:287px;}
.alarmbox .alarm_title{display:inline-block; margin:39px 0 16px 0; color:#333; font-size:30px;}
.alarmbox .alarm_text{color:#666; line-height:18px;}
.alarmbox .btnbox{margin-top:47px;}
.graduate{background:url(../images/bg_graduate_01.jpg) no-repeat 100% 0;min-height:328px;}
.graduate .cont{}
.graduate .cont p{padding:60px 0 35px 0; font-size:20px;letter-spacing:-1px;}
.div_area.sms{}
.div_area.sms .left{width:274px; margin-top:31px;}
.div_area.sms .right{width:690px;}
.sms .mobile{width:100%; height:445px;background: url(../images/bg_mobile.png) no-repeat 0 0; position:relative;}
.sms .mobile .mobile_inner{position:absolute; left:12px; top:44px; width:250px; height:351px; background:url(../images/bg_mobile_inner.jpg) no-repeat 0 0;}
.mobile_inner .m_top{height:40px; background:#fbca5a; border-bottom:1px solid #7683be;}
.mobile_inner .m_top input[type="text"]{border:none; height:40px;color:#666; background:#fff; width:206px; padding-left:17px; margin-left:4px;}
.mobile_inner .message{margin:10px 0 10px 10px; width:239px; height:211px; background:url(../images/bg_message.png) no-repeat 0 0; box-sizing:border-box; -moz-box-sizing:border-box; padding:10px 20px 10px 10px;}
.mobile_inner .message textarea{height:100%;border:none; background:url(../images/bg_moible_textarea.png) repeat-x 0 0; padding:0; font-family:'Malgun Gothic','맑은고딕','돋움',Dotum; color:#333;}
.mobile_inner .m_bottom{border-top:1px solid #8cacba;}
.mobile_inner .m_bottom .first_line{height:40px; line-height:38px; background:#fff; text-align:center;}
.mobile_inner .m_bottom .second_line{width:100%; height:40px; line-height:38px;overflow:hidden;}
.mobile_inner .m_bottom .second_line a{display:block; float:left; width:50%; color:#333; text-align:center;}
.mobile_inner .m_bottom .second_line a.btn_01{background:#fbca5a;}
.mobile_inner .m_bottom .second_line a.btn_02{background:#f0f0f0;}
.text-placeholder{color:#666;}
::-webkit-input-placeholder{color:#666; white-space:pre-wrap;}
textarea:-moz-placeholder, 
input:-moz-placeholder{color:#666;}/* 파이어폭스 전용 속성 */





.roundbox{width:100%; padding-top:10px; background:url(../images/bg_round690_top.png) no-repeat 0 0;}
.roundbox .roundbox_inner{width:100%; padding-bottom:10px; background:url(../images/bg_round690_bottom.png) no-repeat 0 bottom;}
.roundbox .roundbox_inner .roundbox_cont{border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding:7px 20px 11px 20px; box-sizing:border-box; -moz-box-sizing:border-box; }
.m_searchbox{position:relative; padding-bottom:17px; border-bottom:1px solid #dfdfdf; margin:0 0 17px 31px;}
.m_searchbox:after{content:""; display:block; clear:both;}
.m_searchbox span{float:left; margin-left:20px;}
.m_searchbox span:first-child{margin-left:-31px;}
.m_searchbox span label{display:inline-block; color:#333; font-weight:bold; margin-right:10px; vertical-align:middle; float:left; line-height:31px;}
.m_searchbox input[type="text"]{vertical-align:middle; line-height:28px;}
.m_searchbox .btn_type_11{position:absolute; right:0; top:0;}
.roundbox .pagination{margin:20px 0 0 0;}
.roundbox .tbl_02{margin-bottom:20px;}