/* (주)한신정보기술 김상희 - 2014.04.01 */

/* Layout */
#section1{}
#container{position:relative;width:100%;padding:0;margin:0;background: url('../images/main/container_bg_y.png') repeat-y center top;} 
#container .bg{padding-top:4px;background: url('../images/main/container_bg.png') no-repeat center top;}
#container .c_wrap{position:relative;margin:0 auto;width:988px;padding:0;background:#fff}
@media only screen and (max-width:640px){
    #container{background:#fff}
    #container .bg{padding-top:4px;background: url('../images/main/container_topline_m.png') no-repeat center top;} 
    #container .c_wrap{width:100%;} 
}
@media only screen and (min-width:641px) and (max-width:987px) {
  #container .c_wrap{width:100%;} 
}

.path {position:relative;background:#535353;color:#fff;padding:12px 0 5px;vertical-align:top}
.path span{display:inline-block;padding:0 15px;height:20px;line-height:20px;vertical-align:top;background: url('../images/sub/path_arrow.png') no-repeat center center;}
.path span.home{margin-left:45px;display:inline-block;padding:0 10px;height:20px;background: url('../images/sub/path_home.png') no-repeat left 2px;text-indent:-9999px;font-size:0;line-height:0;vertical-align:top}
.path a{color: #fff;}
.path strong{font-weight:normal;}
@media only screen and (max-width:640px){
  .path {position:absolute;left:0;top:50px;width:94%;margin:0 3%;padding:12px 0 5px;vertical-align:top;background:#fff;color:#555;font-weight:bold;} 
  .path span{padding:0 5px;background: url('../images/sub/path_arrow_m.png') no-repeat center center;}
  .path span.home{margin-left:0;background: url('../images/sub/path_home_m.png') no-repeat 2px 2px;}
  .path strong{display:none}
}


/* 사이드 메뉴 */
#side {display:inline; float:left; width:228px; margin:0 ; padding:0 0 30px;border-bottom: solid 1px #e3e3e3;}
.side_title{height:146px;line-height:146px;text-align:center;font-size:26px;color:#fff;font-weight:bold;background:url('../images/sub/side_title_bg.png') ;}

.side_menu {margin:0;padding:30px 0 0 30px;background:url('../images/sub/side_menu_bg.png') no-repeat   }
.side_menu ul {width:198px; padding:0;}
.side_menu ul li {margin:0;padding:0;}
.side_menu ul li a {display: block;padding-left:17px;text-decoration:none;height:31px;line-height:31px;font-size:14px;background:url('../images/sub/side_bg02.png') no-repeat 3px center}
.side_menu ul li.on a, .side_menu ul li.on a:hover{padding-left:10px;background:url('../images/sub/side_bg02on.png' ) no-repeat;color:#414141; }
.side_menu ul li a:hover{padding-left:10px;background:url('../images/sub/side_bg02over.png') no-repeat;color:#fff; }

.side_menu ul ul {display: block; width: 190px; margin: 0;padding:5px 8px 5px 0;background:#f6f6f6 url('../images/sub/leftmenu_bg.gif' ) no-repeat left bottom;}
.side_menu ul ul li {padding:0;margin:0 0 0 10px;border:none;line-height:10px;}
.side_menu ul ul li a {display:block;height:auto !important;padding:1px 0 3px 20px !important;color:#4e4e4e; font-weight: normal !important;line-height:19px;letter-spacing:-1px;background: url('../images/sub/side_bg03.png') no-repeat 8px 8px !important;}
.side_menu ul li.on li a {background:none;color:#414141 !important;font-weight: normal !important;}
.side_menu ul ul li.on a {color:#1e58b7 !important; font-weight: bolder !important;background: url('../images/sub/side_bg03on.png') no-repeat 8px 8px !important; text-decoration: underline;}
.side_menu ul ul li a:hover {color:#1e58b7 !important; font-weight: bolder !important;background: url('../images/sub/side_bg03on.png') no-repeat 8px 8px !important; text-decoration: none;}
@media only screen and (max-width:987px){
   #side {display:none}
}

/* 컨텐츠 */
#colgroup {display:inline; float:right;width:758px;min-height:500px; padding:0; margin:0;background: url('../images/sub/colgroup_bg.png') no-repeat right top;}
.sub_head {position:relative;height:165px;margin:0 0 0 3.54%}
.sub_title {padding:55px 0 30px 0}
.sub_title h1 {padding:0; margin:0; color:#2d3437; font-size:28px;}
.sub_title p{font-size:14px}
#section481 #colgroup{width:760px;background: url('../images/sub/colgroup481_bg.png') no-repeat left top;}
#section481 .quick_safety, #section481 .contents_btn{display:none}
#section481 h1{position:absolute;right:48px; top:90px;}
.contents_btn{padding:0 0 0 20px;text-decoration:underline;background: url('../images/sub/ico_print.png') no-repeat 0 center;}

.quick_safety{position:absolute;right:3.54%;top:23px;width:276px;height:109px;background: url('../images/sub/quuic_bg.png') no-repeat}
.quick_safety ul li{float:left;display:inline;width:50%;height:87px;}
.quick_safety ul li a{padding:55px 0 0;display:block;color:#fff;font-size:14px;text-align:center}
.quick_safety ul li.one a{background: url('../images/sub/quick_ico_01.png') no-repeat center 15px; color:#303030;}
.quick_safety ul li.two a{padding:75px 0 0;background: url('../images/sub/quick_ico_02.png') no-repeat center 32px;}
.sub_title_btn{display:none}
@media only screen and (max-width:640px){
    #colgroup {display:block;float:none;width:100%;background:none}
    .sub_head {margin:0;height:auto;}
    .sub_title {padding:0}
    .sub_title h1{background:#535353;color:#fff;padding:12px 0 5px;text-align:center;font-size:18px}
    .quick_safety {display:none}
    .contents_btn{display:none}
    .sub_title p{display:none}
    .sub_title_btn{display:block;position:absolute;top:4px;width:100%;z-index:100}
    .sub_title_btn ul li{width:35px;height:35px;}
    .sub_title_btn ul li.one{position:absolute;left:7px;top:0}
    .sub_title_btn ul li.two{position:absolute;right:7px;top:0}
    .sub_title_btn ul li a{padding:55px 0 0;display:block;color:#fff;font-size:0;line-height:0;text-indent:-9999px}
    .sub_title_btn ul li.one a{background: url('../images/sub/sub_btn_back.png') no-repeat}
    .sub_title_btn ul li.two a{padding:75px 0 0;background: url('../images/sub/sub_btn_home.png') no-repeat;}
}
@media only screen and (min-width:641px) and (max-width:987px) {
    #colgroup {display:block;float:none;width:100%}
    .sub_head {position:relative;height:165px;}
    .contents_btn{display:none}
}

#contents{position:relative;margin: 0 34px 45px 34px;min-height:300px;font-size:13px;font-family:'Malgun Gothic', '맑은 고딕';}
@media only screen and (max-width:640px){
    #contents{margin: 55px 3% 45px 3%;min-height:300px;}  /* 현재 위치용 40px 추가*/
}

#admin {margin:0px 35px;border-top:solid 2px #f87d5e;}
#admin img {vertical-align:top;}
.admin_info {position:relative;padding:0;height:40px;border-bottom:solid 1px #e7e7e7;background: url('../images/sub/admin_info_bg.png') ;}
.admin_info h3 {float:left;display:inline;width:136px;line-height:42px;background: url('../images/sub/admin_info_h3_bg.png') no-repeat;}
.admin_info h3 span{display:inline-block;margin-left:65px;}
.admin_info .info {float:left;display:inline;line-height:42px;}
.admin_info .info span{display:inline-block;width:16px;height:38px;;background:url('../images/sub/dot_line.png') no-repeat center center;vertical-align:top}

.admin_research {clear:both;position:relative;height:50px;padding:0;border-bottom:solid 1px #d0d0d0;}
.admin_research .research_area{padding:0; }
.admin_research p {position:absolute;top:0px;left:0;padding:3px 0 0 53px;line-height:50px;font-size:15px;background: url('../images/sub/admin_research_title_bg.png') no-repeat 13px 7px;}
/* 2025년 1월 웹인증 포커스인한 컬러 변경 이승진 */
.admin_research form {padding:16px 0 0 200px;line-height:40px}
.admin_research form input[type="radio"] {margin:0 3px 0 18px;vertical-align:middle;}
.admin_research .submit{display:inline-block;padding: 0 1px 1px 0;margin-left:30px;background:#fa9e86;}
.admin_research .submit input[type="submit"] {display:inline-block;width:55px;height:23px;color:#fff;font-family:dotum;letter-spacing:-1px;background:#d24723}

@media only screen and (max-width:640px){
    #admin{display:none}
}

#floating{margin:10px 35px;text-align:right}