/*
Theme Name : Hanplane BS3 Theme
Theme URI :	http://www.hanplane.com
Description : Hanplane Bootstrap3 Theme
Verseion : 1.0.0
Author : James Han
Author URI : http://www.hanplane.com;
*/

@import url('css/bootstrap.min.css');
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css");
@import url("/hram/font/font-awesome-4.5.0/css/font-awesome.css");
@import url("/hram/font/metrize_icon/Metrize_style.css");

/*clear*/
*{padding:0;margin:0;}
li{list-style:none;}
img{border:0;height:auto;width:100%;} /*익스에서 그림에 라인 생김을 없애줌*/
table{border-collapse:collapse;} /*테이블라인을 합치고 스타일에서 별도로 줌*/
body{color:#666;font-size:12px;font-family: "Nanum Gothic",FontAwesome,"arial",'Metrize-Icons',dashicons, "돋움", dotum, sans-serif;}
a{color:#666;text-decoration:none;outline:none;} /*outline:none 익스에서 클릭시 점선 제거*/
a:hover{color:#188DD2;text-decoration:none;outline:none;};
address{font-style:normal;}


/*폰트 기본설정*/
h1,h2,h3,h4,h5,h6{}
h1{font-size:28px;font-family: "Nanum Gothic", FontAwesome, "arial", dashicons, "돋움", dotum, sans-serif;} /*2.3em*/
h2{font-size:22px;font-family: "Nanum Gothic", FontAwesome, "arial", dashicons, "돋움", dotum, sans-serif;} /*1.8em*/
h3{font-size:16px;font-family: "Nanum Gothic", FontAwesome, "arial", dashicons, "돋움", dotum, sans-serif;} /*1.3*/
h4{font-size:13px;font-family: "Nanum Gothic", FontAwesome, "arial", dashicons, "돋움", dotum, sans-serif;} /*1.08em*/
h5{font-size:12px;}/*기본 본문*/
h6{font-size:10px;}
 p{font-size:12px;}/*일반 본문*/

/*기능성 선택자 list*/
/*.hpt_Rmove{float:right !important;}*/
.hpt_side_fix{position: absolute;right: -130px;top: 0;}
@media only screen and (max-width:768px){
	.hpt_side_fix{position:static;}
}

/*부트스트랩 클래스 수정*/
.navbar{margin-bottom:0;}
p{margin:0 0 0;}


/*1레벨 기본 컨테이너*/
#hpt_topbar_conti,
#hpt_nav_conti,
#hpt_body_conti,
#hpt_bottom_conti,
#hpt_footer_conti{width:100%;margin:0;}
#hpt_topbar_conti{background-color:transparent;position: absolute;z-index:1110;}
#hpt_nav_conti.original{position: relative; z-index: 1100;border-bottom: 1px solid #ddd;padding: 16px 0;box-shadow: 0px 3px 4px rgba(0,0,0,0.08);}
#hpt_nav_conti.cloned{border-bottom: 5px solid #ddd;}
#hpt_body_conti{background-color:transparent;}
#hpt_bottom_conti{background-color:#fff;}
#hpt_footer_conti{background-color:#fff;}

/*2레벨 기본 & 박싱 설정*/
.hpt_top_inner,
.hpt_nav_inner,
/*.hpt_body_inner,*/
.hpt_bottom_inner,
.hpt_footer_inner{
	margin: 0 auto !important;
    max-width: 1100px;
    width: 100%;
    background-color:#C4D7F0;
    padding:5px 0px;
}
.hpt_top_inner{padding:0;}
.hpt_body_inner{padding:0;}
.hpt_nav_inner{padding:0;}

/*full width bg*/.hpt_bg_inner{width:100%;position:absolute;left:0;top:0;}
.page_id_273 #hpt_body_conti{position:relative;/*top: -100px;*/}
.page_id_273 .hpt_body_inner{background-color:transparent !important;}

#hpt_body_conti{overflow: hidden}

/*네이게이션 배경 설정*/
/*#hpt_nav_conti:after{content:"";display:block;background: url(/hram/img/mainpage/nv_bg.png);position:absolute;left:0;top:0;width:100%;height:100%;opacity: 0.3;}*/

/*@media only screen and (max-width:480px){
	.hpt_top_inner,
	.hpt_nav_inner,
	.hpt_body_inner,
	.hpt_bottom_inner,
	.hpt_footer_inner{
    padding:0 5px;
	}
}*/

.hpt_top_inner{background-color:transparent;}
.hpt_nav_inner{background-color:transparent;}
.hpt_body_inner{background-color:transparent;position:relative;z-index:3;}
.hpt_bottom_inner{background-color:#fff}
.hpt_footer_inner{background-color:#fff}
/*클리어*/ .hpt_body_inner:after{content:"";display:block;clear:both;}

/*3레벨 바디 설정(사이드바 설정)*/
.hpt_body_left_side{float:left;background-color:transparent;width:20%;}
.hpt_body_top_content{
    float: left;
    background-color: transparent;
    width: 80%;
}
.page_id_73 .hpt_body_top_content{float:none;}
/*.hpt_body_right_side{float:right;background-color:#E4D7A6;width:23%;padding:10px;}*/
/*수정*/
/*.hpt_body_right_side{float:left;background-color:transparent;width:7.9%;}*/

@media only screen and (min-width:768px){
	.hpt_body_left_side{margin: 6px 0 0 0;}
	.hpt_body_top_content{margin:0 auto;}
	.hpt_body_right_side{margin:0.5% 10px 1% 10px;}
}
@media only screen and (max-width:768px){
	.hpt_body_left_side,.hpt_body_top_content,.hpt_body_right_side{width:100%;margin-bottom:5px;}
}

/*모바일 에서 off*/
@media only screen and (max-width:360px){.mobile_off_360{display:none;}}
@media only screen and (max-width:480px){.mobile_off_480{display:none;}}
@media only screen and (max-width:600px){.mobile_off_600{display:none;}}
@media only screen and (max-width:768px){.mobile_off_768{display:none;}}
@media only screen and (max-width:960px){.mobile_off_960{display:none;}}
@media only screen and (max-width:1024px){.mobile_off_1024{display:none;}}
@media only screen and (max-width:1100px){.mobile_off_1200{display:none;}}

.wr-element-heading{margin:0 !important;}
.wr-element-heading h3{margin:0;}

/*===============================================================================================*/
/*회원관 페이지 레이아웃 잡기*/
/*===============================================================================================*/
/*이용약관 관련*/
.csub.page_id_386 .hpt_bg_inner, .csub.page_id_713 .hpt_bg_inner{display:none;}
.csub.page_id_386 #hpt_body_conti .hpt_body_inner .panel{padding:0 5% 30px;}


/*회원관련 설정---------------------------------------------------------------*/
/*통합설정*/
.csub.page_id_75 #hpt_bottom_conti:after,
.csub.page_id_73 #hpt_bottom_conti:after,
.csub.page_id_77 #hpt_bottom_conti:after,
.csub.page_id_405 #hpt_bottom_conti:after,
.csub.page_id_402 #hpt_bottom_conti:after
 {
    content: "";
    display: block;
    width: 100%;
    height: 600px;
    background: url(/hram/img/members/members_bg.jpg) center 100%;
    position: absolute;
    bottom: 138px;
    z-index:-1;
}
/*.csub.page_id_73 #hpt_bottom_conti:after
 {
    content: "";
    display: block;
    width: 100%;
    height: 800px;
    background: url(/hram/img/members/members_bg2.jpg) center 100%;
    position: absolute;
    bottom: 138px;
    z-index:-1;
}
*/

/*회원가입*/
.csub.page_id_73 table tr:first-child td{background-color: transparent;}
.csub.page_id_73 table tr td, .csub.page_id_73 table tr th{border:none;}
.csub.page_id_73 .hpt_body_top_content.hpt_Rmove{float:none !important;}
.csub.page_id_73 .hpt_body_top_content{width:100%;background-color:transparent;max-width: 880px;margin: 3% auto;margin-bottom: 6%;}
.csub.page_id_73 .hpt_body_top_content .signup_container{position:relative;z-index:5;}
.csub.page_id_73 .hpt_body_top_content .signup_bg{
    width: 92%;
    height: 880px;
    background-color: rgba(255,255,255,0.3);
    position: absolute;
    left: 0;
    top: 110px;
    margin-left: 4%;
    border: 1px solid rgba(255,255,255,0.5);
    z-index: 3;
    transition:all .3s ease-in-out 0s;
}
.csub.page_id_73 .hpt_body_top_content:hover .signup_bg{
    background-color: rgba(255,255,255,0.9);
    border: 5px solid rgba(255,255,255,1);
}

.signup_container .signup_top_wrap .signt_txtbox {text-align: center;}
.signup_container .signup_top_wrap .signt_txtbox .signt_logo{width:100%;max-width:340px;margin:0 auto;}
.signup_container .signup_top_wrap .signt_txtbox .signt_logo a{display:block;padding: 38px 26px;background-color: #fff;}
.signup_container .signup_top_wrap .signt_txtbox .signt_text1 h3{font-size:30px;color:#555;}
.signup_container .signup_top_wrap .signt_txtbox .signt_text2 p{margin-bottom: 5px;color:#스}
.signup_container .signup_top_wrap .signt_txtbox .signt_text3 p{font-size:12px;margin-bottom:5px;}
.signup_container .signup_top_wrap .signt_txtbox .signt_text3 p span{color: #E95C2E;font-size: 10px;line-height: 10px;}
.signup_container .signup_middle_wrap{background-color: rgba(255,255,255,0.5);padding: 25px;border-radius: 5px;}
.signup_container .signup_middle_wrap .signm_content_box .content_box{width:100%;}
.signup_container .signup_middle_wrap .signm_content_box .content_box table{width:100%;border-top:2px solid #CB9821;font-size:13px;/*border-bottom:2px solid #6D99B5;*/margin-bottom:15px;}
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr{border-bottom:1px solid rgba(140, 181, 109, 0.1);background-color:rgba(249, 249, 249, 0.61)}
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr:last-child{border-bottom:none;}
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr th{width:20%;border-right:1px solid rgba(140, 181, 109, 0.1);padding:11px 20px;font-size:14px;color: #79A288;}
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr th label{margin-bottom:0;}
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr td{padding:10px 20px;}
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr td input{height: 30px !important;background: #fff;color: #0E5073;border: 1px solid #ddd;width: 33%;font-size: 15px;}
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr td ul.address_detaile li{margin-bottom:3px;}
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr td ul.address_detaile li:nth-of-type(1) input{width:100px;}

.signup_container .signup_middle_wrap .signm_content_box .user_pass{visibility: hidden;}

.csub.page_id_73 .signup_container .signup_middle_wrap .signm_content_box .user_termprivacy{border-bottom: 2px solid #CB9821;}


.address_detaile .btn-xs{background-color:#fff;padding:4px 5px;font-weight:600;border:1px solid #bbb;color:#777;transition:all .3s ease-in-out 0s;}
.btn-warning:hover{background-color:rgba(255,255,255,0.5);border:1px solid #05426D !important;transition:all .3s ease-in-out 0s;}

.signup_container .signup_middle_wrap .submit_btn,
.signup_container .signup_middle_wrap .cancel_btn
{text-align: center;background-color:#79A288;width: 25%; margin: 0 auto;padding: 10px 5px;border-radius: 5px;transition:all .3s ease-in-out 0s;}
.signup_container .signup_middle_wrap .submit_btn input,
.signup_container .signup_middle_wrap .cancel_btn a
{font-size:16px;border:none;background-color:transparent;font-weight:600;}
.signup_container .signup_middle_wrap .submit_btn .fa,
.signup_container .signup_middle_wrap .cancel_btn .fa
{position:relative;left:0;padding: 2px 7px;color: #fff;font-weight: 600;font-size: 16px;margin-left: 9px;transition:all .1s ease-in-out 0s;    top: 2px;}
.signup_container .signup_middle_wrap .submit_btn:hover,
.signup_container .signup_middle_wrap .cancel_btn:hover
{background-color:#4A755A;transition:all .3s ease-in-out 0s;}
.signup_container .signup_middle_wrap .submit_btn:hover .fa,
.signup_container .signup_middle_wrap .cancel_btn:hover .fa
{left:10px;transition:all .2s ease-out 0s;}

/*가입시 약관 설정*/
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr.user_termprivacy td.uterm>div{float:left;width:50%;text-align: center;padding:10px 10px;}
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr.user_termprivacy td.uterm:after{content:"";display:block;clear:both;}
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr.user_termprivacy td.uterm p{font-size:15px;margin-bottom:5px;}
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr.user_termprivacy td.uterm>div textarea{width:100%;border: 1px solid #ddd;}
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr.user_termprivacy td.uterm input{width:14px;height:14px !important;}

/*회원가입 학교용 커스텀*/
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr.sec_title_space {background-color:transparent;}
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr.sec_title_space th{border-right:none;padding:0;}
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr.sec_title_space th h3{
    font-weight: 600;
    color: #4A755A;
    padding: 15px 10px 10px 10px;
    margin: 0;
    background-color: #f5f5f5;
}
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr.sec_title_space th h3:before{content:"\f040";margin-right:5px;}

.signup_container .signup_middle_wrap {
    background-color: transparent;
    padding: 10px 25px 25px 25px;
    border-radius: 5px;
}
.csub.page_id_73 .signt_text3{color:#DA4D2A;}
.csub.page_id_73 .signup_container .signup_top_wrap .signt_txtbox .signt_logo a{padding: 20px 37px 20px 15px;}
.csub.page_id_73 .signup_container .signup_top_wrap .signt_txtbox .signt_logo a img{width:auto;}

.signup_container .signup_middle_wrap .cancel_btn a{display: inline-block;width: 80px;height: 27px;color:#fff;padding: 1px 5px;}

.signup_container .signup_middle_wrap .signm_content_box .content_box table tr.user_sex td:nth-child(2) input{width:auto;vertical-align: middle;margin-right:5px;}
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr.user_sex td:nth-child(2) span{margin-right:10px;display: inline-block;}

.signup_container .signup_middle_wrap .signm_content_box .content_box table tr.user_school td input{width:11.4%;}
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr.user_school td:nth-child(2) span{margin-right:10px;display: inline-block;}

.signup_container .signup_middle_wrap .signm_content_box .content_box table tr.user_address td ul.address_detaile li#postcode{width:99px;}

.signup_container .signup_middle_wrap .signm_content_box .content_box > div.cancel_btn{background-color:#888;}
.signup_container .signup_middle_wrap .signm_content_box .content_box > div.cancel_btn:hover{background-color:#666;}

@media only screen and (min-width:769px){
    .signup_container .signup_middle_wrap .signm_content_box .content_box > div{float:left;}
    .signup_container .signup_middle_wrap .signm_content_box .content_box > div.submit_btn{margin-left:24%;}
    .signup_container .signup_middle_wrap .signm_content_box .content_box > div.cancel_btn{margin-left:2%;}
    .signup_container .signup_middle_wrap .signm_content_box .content_box:after{content:"";display: block;clear: both;}
}


/*회원가입*/
/*.signup_container .signup_top_wrap .signt_txtbox {text-align: center;}
.signup_container .signup_top_wrap .signt_txtbox .signt_logo{width:100%;max-width:400px;margin:0 auto;padding-right:40px;margin-bottom:30px;}
.signup_container .signup_top_wrap .signt_txtbox .signt_logo a{display:block;}
.signup_container .signup_top_wrap .signt_txtbox .signt_text1 h3{font-size:24px;color:#555;margin-bottom:10px;}
.signup_container .signup_top_wrap .signt_txtbox .signt_text2 p{margin-bottom: 5px;color:#444;}
.signup_container .signup_top_wrap .signt_txtbox .signt_text3 p{font-size:12px;margin-bottom:5px;}
.signup_container .signup_middle_wrap{}
.signup_container .signup_middle_wrap .signm_content_box .content_box{width:100%;}
.signup_container .signup_middle_wrap .signm_content_box .content_box table{width:100%;border-top:2px solid #bbb;font-size:13px;border-bottom:2px solid #bbb;margin-bottom:15px;}
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr{border-bottom:1px solid #ddd;}
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr:last-child{border-bottom:none;}
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr th{width:20%;border-right:1px solid #ddd;padding:10px 20px;}
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr td{padding:10px 20px;}
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr td input{height:28px !important;background: #fbfbfb;color: #666;border: 1px solid #ddd;}
.signup_container .signup_middle_wrap .signm_content_box .content_box table tr td ul.address_detaile li{margin-bottom:3px;}

.address_detaile .btn-xs{background-color:#fff;padding:4px 5px;font-weight:600;border:1px solid #bbb;color:#777;transition:all .3s ease-in-out 0s;}
.btn-warning:hover{background-color:rgba(255,255,255,0.5);border:1px solid #05426D !important;transition:all .3s ease-in-out 0s;}

.signup_container .signup_middle_wrap .submit_btn{text-align: center;background-color:#1677B3;width: 25%; margin: 0 auto;padding: 10px 5px;border-radius: 5px;transition:all .3s ease-in-out 0s;}
.signup_container .signup_middle_wrap .submit_btn input{font-size:16px;border:none;background-color:transparent;font-weight:600;}
.signup_container .signup_middle_wrap .submit_btn .fa{position:relative;left:0;border:2px solid #eee;padding: 2px 8px;border-radius: 15px;color: #fff;font-weight: 600;font-size: 16px;margin-left: 9px;transition:all .1s ease-in-out 0s;}
.signup_container .signup_middle_wrap .submit_btn:hover{background-color:#04426C;transition:all .3s ease-in-out 0s;}
.signup_container .signup_middle_wrap .submit_btn:hover .fa{left:10px;transition:all .2s ease-out 0s;}*/

/*개인정보수정*/
.csub.page_id_329 table tr:first-child td{background-color: transparent;}
.csub.page_id_329 table tr td, .csub.page_id_73 table tr th{border:none;}
/*.csub.page_id_329 .hpt_body_top_content.hpt_Rmove{float:none !important;}*/
/*.csub.page_id_329 .hpt_body_top_content{width:100%;background-color:transparent;max-width: 880px;margin: 3% auto;margin-bottom: 6%;}*/
.csub.page_id_329 .hpt_body_top_content .userinfo_container{position:relative;z-index:5;}


/*.userinfo_container .signup_top_wrap .signt_txtbox {text-align: center;}
.userinfo_container .signup_top_wrap .signt_txtbox .signt_logo{width:100%;max-width:340px;margin:0 auto;}
.userinfo_container .signup_top_wrap .signt_txtbox .signt_logo a{display:block;padding: 38px 26px;background-color: #fff;}
.userinfo_container .signup_top_wrap .signt_txtbox .signt_text1 h3{font-size:30px;color:#555;}
.userinfo_container .signup_top_wrap .signt_txtbox .signt_text2 p{margin-bottom: 5px;color:#444;}
.userinfo_container .signup_top_wrap .signt_txtbox .signt_text3 p{font-size:12px;margin-bottom:5px;}
.userinfo_container .signup_top_wrap .signt_txtbox .signt_text3 p span{color: #E95C2E;font-size: 10px;line-height: 10px;}*/
.userinfo_container .userinfo_middle_wrap{background-color: rgba(255,255,255,0.5);padding: 5px;border-radius: 5px;}
.userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box{width:100%;}
.userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table{width:100%;font-size:13px;border-bottom:2px solid #CB9821;margin-bottom:15px;}
.userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr{border-bottom:1px solid rgba(140, 181, 109, 0.1);background-color:rgba(249, 249, 249, 0.61)}
.userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr:last-child{border-bottom:none;}
.userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr th{width:20%;border-right:1px solid rgba(140, 181, 109, 0.1);border-left: none;padding:11px 20px;font-size:13px;color: #6A8194;}
.userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr th label{margin-bottom:0;}
.userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr td{padding:10px 20px;}
.userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr td input{height: 30px !important;background: #fff;color: #79A288;border: 1px solid #ddd;width: 280px;font-size: 13px;}
.userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr td ul.address_detaile li{margin-bottom:3px;}
.userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr td ul.address_detaile li:nth-of-type(1) input{width:100px;}



.address_detaile .btn-xs{background-color:#fff;padding:4px 5px;font-weight:600;border:1px solid #bbb;color:#777;transition:all .3s ease-in-out 0s;}
.btn-warning:hover{background-color:rgba(255,255,255,0.5);border:1px solid #05426D !important;transition:all .3s ease-in-out 0s;}

.userinfo_container .userinfo_middle_wrap .submit_btn,
.userinfo_container .userinfo_middle_wrap .changpass_btn
{text-align: center;background-color:#188DD2;width: 30%; margin: 0 auto;padding: 10px 5px;border-radius: 5px;transition:all .3s ease-in-out 0s;margin-bottom: 5px;}
.userinfo_container .userinfo_middle_wrap .submit_btn input,
.userinfo_container .userinfo_middle_wrap .changpass_btn a,
.userinfo_container .userinfo_middle_wrap .submit_btn a
{font-size:14px;border:none;background-color:transparent;font-weight:600;}
.userinfo_container .userinfo_middle_wrap .submit_btn .fa,
.userinfo_container .userinfo_middle_wrap .changpass_btn .fa
{position:relative;left:0;padding: 2px 7px;color: #fff;font-weight: 600;font-size: 16px;margin-left: 9px;transition:all .1s ease-in-out 0s;top:2px;}
.userinfo_container .userinfo_middle_wrap .submit_btn:hover,
.userinfo_container .userinfo_middle_wrap .changpass_btn:hover
{background-color:#066BA7;transition:all .3s ease-in-out 0s;}
.userinfo_container .userinfo_middle_wrap .submit_btn:hover .fa,
.userinfo_container .userinfo_middle_wrap .changpass_btn:hover .fa
{left:10px;transition:all .2s ease-out 0s;}

/*개인정보수정 학교용 커스텀*/
.userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr.sec_title_space {background-color:transparent;}
.userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr.sec_title_space th{border-right:none;padding:5px 0 0 0;}
.userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr.sec_title_space th h3{
    font-weight: 600;
    color: #4A91D2;
    padding: 15px 10px 10px 10px;
    margin: 0;
    background-color: #f5f5f5;
}
.userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr.sec_title_space th h3:before{content:"\f22d";margin-right:5px;}

.userinfo_container .userinfo_middle_wrap {
    background-color: rgba(255,255,255,0.5);
    padding: 0px;
    border-radius: 5px;
}


.userinfo_container .userinfo_middle_wrap .changpass_btn a{display: inline-block;width: 120px;height: 27px;color:#fff;padding: 1px 5px;}

.userinfo_container .userinfo_middle_wrap .userinfo_content_box .btn_box{text-align: center;}

.userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr.user_sex td:nth-child(2) input{width:auto;vertical-align: middle;margin-right:5px;}
.userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr.user_sex td:nth-child(2) span{margin-right:10px;display: inline-block;}

.userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr.user_school td input{width:11.4%;}
.userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr.user_school td:nth-child(2) span{margin-right:10px;display: inline-block;}

.userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr.user_address td ul.address_detaile li#postcode{width:99px;}

.userinfo_container .userinfo_middle_wrap .userinfo_content_box .btn_box > div.changpass_btn{background-color:#BD6D7B;}
.userinfo_container .userinfo_middle_wrap .userinfo_content_box .btn_box > div.changpass_btn:hover{background-color:#964B58;}

@media only screen and (min-width:769px){
    .userinfo_container .userinfo_middle_wrap .userinfo_content_box .btn_box > div.submit_btn{display: inline-block;}
    .userinfo_container .userinfo_middle_wrap .userinfo_content_box .btn_box > div.changpass_btn{margin-left:2%;}
    .userinfo_container .userinfo_middle_wrap .userinfo_content_box .btn_box:after{content:"";display: block;clear: both;}
}


/*비밀번호 재설정*/
.csub.page_id_405 .hpt_body_top_content.hpt_Rmove{float:none !important;}
.csub.page_id_405 .hpt_body_top_content{width:100%;background-color:transparent;max-width: 300px;margin: 12% auto;margin-bottom: 20%;}
.csub.page_id_405 .hpt_body_top_content #lostpassword #contact-page h2{font-size: 24px;text-align: center;}
.csub.page_id_405 .hpt_body_top_content #lostpassword #contact-page p:first-child{border-bottom:2px solid #79A288;padding-bottom:5px;margin-bottom:5px;}
.csub.page_id_405 .hpt_body_top_content #lostpassword #contact-page p label{font-size:16px;font-weight:600;}
.csub.page_id_405 .hpt_body_top_content #lostpassword #contact-page p input#user_login{width:80%;height:23px;}
.csub.page_id_405 .hpt_body_top_content #lostpassword #contact-page p input.button{border:none;height:40px;text-align: center;background-color: #79A288;padding: 10px 5px;border-radius: 5px;transition: all .3s ease-in-out 0s;    width: 100%;    color: #fff;    font-size: 16px;    font-weight: 600;}
.csub.page_id_405 .hpt_body_top_content #lostpassword #contact-page p input.button:hover{background-color:#4A755A}

/*아이디 찾기 - 탑바*/
.csub.page_id_77 .hpt_body_top_content.hpt_Rmove{float:none !important;}
.csub.page_id_77 .hpt_body_top_content{width:100%;background-color:transparent;max-width: 300px;margin: 12% auto;margin-bottom: 20%;}
.csub.page_id_77 .hpt_body_top_content #lostid #contact-page h2{font-size: 24px;text-align: center;}
.csub.page_id_77 .hpt_body_top_content #lostid #contact-page p:first-child{border-bottom:2px solid #79A288;padding-bottom:5px;margin-bottom:5px;}
.csub.page_id_77 .hpt_body_top_content #lostid #contact-page p label{font-size:16px;font-weight:600;}
.csub.page_id_77 .hpt_body_top_content #lostid #contact-page p input#user_login{width:80%;height:23px;}
.csub.page_id_77 .hpt_body_top_content #lostid #contact-page p input.button{border:none;height:40px;text-align: center;background-color: #79A288;padding: 10px 5px;border-radius: 5px;transition: all .3s ease-in-out 0s;    width: 100%;    color: #fff;    font-size: 16px;    font-weight: 600;}
.csub.page_id_77 .hpt_body_top_content #lostid #contact-page p input.button:hover{background-color:#4A755A}

/*비밀번호 변경 - 탑바*/
.csub.page_id_402 .hpt_body_top_content.hpt_Rmove{float:none !important;}
.csub.page_id_402 .hpt_body_top_content{width:100%;background-color:transparent;max-width: 300px;margin: 12% auto;margin-bottom: 20%;}
.csub.page_id_402 .hpt_body_top_content #modpassword #contact-page h2{font-size: 24px;text-align: center;}
.csub.page_id_402 .hpt_body_top_content #modpassword #contact-page p:first-child{border-bottom:2px solid #79A288;padding-bottom:5px;margin-bottom:28px;}
.csub.page_id_402 .hpt_body_top_content #modpassword #contact-page p {}
.csub.page_id_402 .hpt_body_top_content #modpassword #contact-page p label{font-size:16px;font-weight:600;margin-left:10px;}
.csub.page_id_402 .hpt_body_top_content #modpassword #contact-page p input#user_login{width:80%;height:23px;}
.csub.page_id_402 .hpt_body_top_content #modpassword #contact-page p input.button{border:none;height:40px;text-align: center;background-color: #79A288;padding: 10px 5px;border-radius: 5px;transition: all .3s ease-in-out 0s;    width: 100%;    color: #fff;    font-size: 16px;    font-weight: 600;}
.csub.page_id_402 .hpt_body_top_content #modpassword #contact-page p input.button:hover{background-color:#4A755A}



/*로그인*/
.csub.page_id_75 .hpt_body_top_content.hpt_Rmove{float:none !important;}
.csub.page_id_75 .hpt_body_top_content{width:100%;background-color:transparent;max-width: 340px;margin: 17% auto;margin-bottom: 25%;}
.csub.page_id_75 .hpt_body_top_content .login-branding{text-align: center;}
.csub.page_id_75 .hpt_body_top_content .login-branding a.login_txtlogo{font-size: 70px;font-weight: 600;color: #06426D;}
.csub.page_id_75 .hpt_body_top_content .login-branding a.login_imglogo{margin-bottom:10px;display:block;}
.csub.page_id_75 .hpt_body_top_content .login-branding p.login-desc{font-size: 15px;margin-bottom:30px;}

.csub.page_id_75 .hpt_body_top_content .login-form .login-msg{display:none;}

.csub.page_id_75 .hpt_body_top_content .login-form #loginform p{width:100%;height:50px;}

.csub.page_id_75 .hpt_body_top_content .login-form #loginform p.login-username{
    /*border:1px solid #DCD9CC;    */
}
.csub.page_id_75 .hpt_body_top_content .login-form #loginform p.login-password{
    /*border:1px solid #DCD9CC;*/
}

.csub.page_id_75 .hpt_body_top_content .login-form #loginform p.login-username label{border-bottom:1px solid #B3AB89;}
.csub.page_id_75 .hpt_body_top_content .login-form #loginform p.login-username label,
.csub.page_id_75 .hpt_body_top_content .login-form #loginform p.login-password label{
    vertical-align: top;
    margin-bottom: 0;
    height: 100%;
    background-color: #A29979;
    line-height: 3em;
    width: 30%;
    text-align: center;
    color:#fff;
    font-size:14px;
}

.csub.page_id_75 .hpt_body_top_content .login-form #loginform p.login-username input,
.csub.page_id_75 .hpt_body_top_content .login-form #loginform p.login-password input{
    width: 69.5%;
    height: 100%;
    border: 0;
    margin-left: -3px;
    border: 1px solid #DCD9CC;
}
.csub.page_id_75 .hpt_body_top_content .login-form #loginform p.login-username input{}
.csub.page_id_75 .hpt_body_top_content .login-form #loginform p.login-password input{border-top:none;}
.csub.page_id_75 .hpt_body_top_content .login-form #loginform p.login-remember{text-align: right;margin-top:5px;height:30px;}


.csub.page_id_75 .hpt_body_top_content .login-form #loginform p.login-submit{height:40px;text-align: center;background-color: #79A288;padding: 10px 5px;border-radius: 5px;transition: all .3s ease-in-out 0s;}
.csub.page_id_75 .hpt_body_top_content .login-form p.login-submit input{width:100%;height: 100%;font-size:16px;font-weight:600;border: none;background-color: transparent;color:#fff;}

.csub.page_id_75 .hpt_body_top_content .login-form p.login-submit{position:relative;}
.csub.page_id_75 .hpt_body_top_content .login-form p.login-submit:before{
    content: "\f0da";
    display: inline-block;
    position: absolute;
    left: 60%;
    border: 2px solid rgba(255,255,255,0);
    padding: 0px 8px;
    border-radius: 50%;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    margin-left: 9px;
    transition: all .1s ease-in-out 0s;
    top: 7px;
}

.csub.page_id_75 .hpt_body_top_content .login-form #loginform p.login-submit:hover{
     background-color:#4A755A
}

.csub.page_id_75 .hpt_body_top_content .login-form p.login-submit:hover:before{
    left: 70%;
    /*border: 2px solid rgba(255,255,255,0.9);        */
    transition: all .3s ease-in-out 0s;
}

.csub.page_id_75 .hpt_body_top_content .login-form div.mb_r_wrap{text-align: left;margin-top:5px;float:left;letter-spacing: -0.1em;}
.csub.page_id_75 .hpt_body_top_content .login-form div.id_r_wrap{text-align: right;margin-top:5px;float:right;letter-spacing: -0.1em;margin-left:10px;}
.csub.page_id_75 .hpt_body_top_content .login-form div.pw_r_wrap{text-align: right;margin-top:5px;float:right;letter-spacing: -0.1em;}
.csub.page_id_75 .hpt_body_top_content .login-form div a{color:#2A4C37;}

/*로그인 개인 설정*/
.csub.page_id_75 #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel p{margin-bottom:0;}
.csub.page_id_75 #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel p.login-desc{color:#86735A;}
.csub.page_id_75 #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel p.login-remember{color:#86735A;}


@media only screen and (min-width:769px){
    .signup_container .signup_middle_wrap .signm_content_box .content_box table tr td ul.address_detaile li input{width:340px;}
}
@media only screen and (max-width:768px){
    .signup_container .signup_middle_wrap .signm_content_box .content_box table tr th{width:30%;font-size:14px;}
    .signup_container .signup_middle_wrap .signm_content_box .content_box table tr td input{width:100%;font-size:13px;}
    .signup_container .signup_middle_wrap .submit_btn{width:100%;}

    .userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr th{width:30%;font-size:14px;}
    .userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr td input{width:100%;font-size:13px;}
    .userinfo_container .userinfo_middle_wrap .changpass_btn,
    .signup_container .signup_middle_wrap .cancel_btn{display:block;width:100%;margin-top:10px;}
    .signup_container .signup_middle_wrap .cancel_btn a{width:100px;}
    .userinfo_container .userinfo_middle_wrap .submit_btn,
    .userinfo_container .userinfo_middle_wrap .changpass_btn{width:100%;}
    .userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box > div.btn_box{width:100%;}
}

@media only screen and (max-width:480px){
    .signup_container .signup_middle_wrap .signm_content_box .content_box table tr th{font-size:12px;padding:5px 5px;}
    .signup_container .signup_middle_wrap .signm_content_box .content_box table tr td input{font-size:11px;padding:5px 5px;height: 30px !important;}
    .signup_container .signup_middle_wrap .signm_content_box .content_box table tr.user_termprivacy td.uterm>div{width:100%;padding:10px 10px;}

    .userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr th{font-size:12px;padding:5px 5px;}
    .userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr td input{font-size:11px;padding:5px 5px;height: 30px !important;}
    .userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr.user_termprivacy td.uterm>div{width:100%;padding:10px 10px;}
}

/*탑바 메뉴설정---------------------------------------------------------------*/
#menu-hram_top{}
#menu-hram_top li{font-size:12px;}
#hpt_topbar_conti .navbar-nav>li>a{padding:3px 0;color:#999;font-weight: 600;font-size:12px;}
/*#hpt_topbar_conti .navbar-nav>li:first-of-type>a:before{content:"\f095";position:relative;top:1px;margin-right:5px;}*/
#hpt_topbar_conti .navbar-nav>li:last-of-type{float:right;}
#hpt_topbar_conti .nav>li>a:focus, #hpt_topbar_conti .nav>li>a:hover {background-color: transparent;color: #999;}

@media only screen and (max-width: 992px){
    #hpt_topbar_conti .hpt_top_inner .top_bar_box div ul.nav.navbar-nav{margin-right:10px;float:none !important;}/*탑바 기본 상단 여백*/
    #hpt_topbar_conti .navbar-nav>li>a{padding:3px;margin-right:10px;}
}
/*로고설정---------------------------------------------------------------*/
#top_logo_conti{text-align: left;max-width:1100px;width:100%;margin:0 auto;position: relative;}
#top_logo_conti .hpt_main_logo{position:absolute;top:21px;z-index:1111;}
#top_logo_conti .hpt_main_logo img{width:258px;height:auto;}

/*일반 메뉴설정---------------------------------------------------------------*/
#menu-hram_main{float:none;width:100%;margin-right:0px;}
#menu-hram_main>li{text-align: center;border-bottom:5px solid transparent;top:5px;}
@media only screen and (min-width: 768px){
	#menu-hram_main>li{width:20%;}
}
.navbar-right{margin-right:0;}
.original #menu-hram_main>li:first-of-type{border-left:1px solid #f2f2f2;}
.original #menu-hram_main>li{border-right:1px solid #f2f2f2;margin-top:-5px;}

.navbar {min-height: 36px;}
#hpt_nav_conti .navbar-nav>li>a {color:#444;font-size:16px; font-weight:600;font-family: FontAwesome,'Glyphicons Halflings', "Nanum Gothic","돋움", dotum, sans-serif;}
#hpt_nav_conti .navbar{border:none !important;}
#hpt_nav_conti .navbar-nav>li>a{padding: 25px 35px 5px 35px;transition:all .3s ease-in-out 0s;letter-spacing: -0.03em;}
#hpt_nav_conti .navbar-nav>li:last-of-type>a{padding-right:0;}

#hpt_nav_conti .hpt_nav_inner .navbar .container {padding-left:0;padding-right:0;max-width:1100px;width:100%;}


/*메뉴 액티브 _ 오버*/
#hpt_nav_conti .nav>li>a:focus, #hpt_nav_conti .nav>li>a:hover,#hpt_nav_conti .nav>li.current_page_item>a {
    background-color: transparent;
    color: #0E82C7;
    transition: all .2s ease-in-out 0s;
}

#hpt_nav_conti .navbar-nav>li>a:before{color:#dec9db;font-family: FontAwesome;display: inline-block;font-size:18px;}
#hpt_nav_conti .navbar-nav>li:nth-child(1)>a:before{content:"\f0f7";margin-right:3px;}
#hpt_nav_conti .navbar-nav>li:nth-child(2)>a:before{content:"\f02e";margin-right:3px;}
#hpt_nav_conti .navbar-nav>li:nth-child(3)>a:before{content:"\f004";margin-right:3px;}
#hpt_nav_conti .navbar-nav>li:nth-child(4)>a:before{content:"\f1ae";margin-right:3px;}
#hpt_nav_conti .navbar-nav>li:nth-child(5)>a:before{content:"\f27a";margin-right:3px;}
#hpt_nav_conti .navbar-nav>li:nth-child(6)>a:before{content:"\f013";margin-right:3px;}

#hpt_nav_conti .navbar-nav>li:hover>a:before,
#hpt_nav_conti .navbar-nav>li>a:hover:before{
    color:#E08D4E;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -ms-animation:icon_active .5s linear infinite alternate;
    -webkit-animation:icon_active .5s linear infinite alternate;
    -moz-animation:icon_active .5s linear infinite alternate;
    animation:icon_active .5s linear infinite alternate;
    }
@-webkit-keyframes icon_active{
    0% {color:#dec9db;transform:scale(1, 1);-webkit-transform:scale(1, 1);}
    100% {color:#E08D4E;transform:scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2);}
}
@-ms-keyframes icon_active{
    0% {color:#dec9db;transform:scale(1, 1);}
    100% {color:#E08D4E;transform:scale(1.2, 1.2);}
}
@-moz-keyframes icon_active{
    0% {color:#dec9db;transform:scale(1, 1);}
    100% {color:#E08D4E;transform:scale(1.2, 1.2);}
}
@keyframes icon_active{
    0% {color:#dec9db;transform:scale(1, 1);}
    100% {color:#E08D4E;transform:scale(1.2, 1.2);}
}

@media only screen and (min-width: 768px){
.navbar-right .dropdown-menu {
    right: inherit;
    left: 0;
}

}
.dropdown-menu li{background-color:#41B5EE;}
.dropdown-menu {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 122px;
    padding: 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: transparent;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow:none;
    box-shadow:none;
    width:100%;
    overflow: hidden;
}

.dropdown-menu>li>a{text-align:center;font-weight:600;color:#fff;padding:10px 20px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #2B9CD4;
}


@media screen and (min-width:769px){
    ul.nav li.dropdown:hover > ul.dropdown-menu{display:block; margin:0;padding-top: 47px;}/*2차 메뉴 오버시 나오게*/
    .navbar-nav>li>.dropdown-menu{display:block;}
    .navbar-nav>li>.dropdown-menu{
    	min-width: 143px;
        opacity:0;
        transition:all .3s ease-in-out 0s;
        transform:scaley(0);
        -webkit-transform:scaley(0);
        -ms-transform:scaley(0);
        transform-origin: 100% 0px;
        -webkit-transform-origin: 100% 0px;
        -ms-transform-origin: 100% 0px;
    }
    .navbar-nav>li:hover>.dropdown-menu{
        opacity:1;
        height:auto;
        transition:all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
        transform:scaley(1);
        -webkit-transform:scaley(1);
        -ms-transform:scaley(1);
    }
}




/*엑티브 상태의 메뉴상태*/
/*1차*//*.menu-item.current-menu-parent{background-color:transparent;transition:all .3s ease-in-out 0s;border-bottom:5px solid #42B8F1 !important;}*/

#hpt_nav_conti .navbar-nav>li.menu-item{}
#hpt_nav_conti .navbar-nav>li.menu-item.current-menu-parent >a{color: #0E82C7;}
#hpt_nav_conti .navbar-nav>li.menu-item.current-menu-parent >a:before{
    color:#E08D4E;
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    animation:icon_active .5s linear infinite alternate;
    -webkit-animation:icon_active .5s linear infinite alternate;
    -moz-animation:icon_active .5s linear infinite alternate;
    -ms-animation:icon_active .5s linear infinite alternate;}

@keyframes icon_active{
    0% {color:#dec9db;transform:scale(1, 1);}
    100% {color:#E08D4E;transform:scale(1.2, 1.2);}
}
@-webkit-keyframes icon_active{
    0% {color:#dec9db;transform:scale(1, 1);}
    100% {color:#E08D4E;transform:scale(1.2, 1.2);}
}
@-moz-keyframes icon_active{
    0% {color:#dec9db;transform:scale(1, 1);}
    100% {color:#E08D4E;transform:scale(1.2, 1.2);}
}
@-ms-keyframes icon_active{
    0% {color:#dec9db;transform:scale(1, 1);}
    100% {color:#E08D4E;transform:scale(1.2, 1.2);}
}

/*2차*/.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus{
    color: #fff;
    background-color: transparent;
}
.dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: rgba(43, 156, 212, 0.3);;
}

.caret{display:none;}

/*스크롤링 메뉴설정---------------------------------------------------------------*/
.gnb_hidden{visibility: hidden;}

.cloned{
    position: fixed;
    left: 0;
    top: -130px;
    z-index: 1000;
    transition:all .1s ease-in-out 0s;
    background-color: #fff !important;
    opacity:0;
}

#hpt_nav_conti.cloned .navbar-nav>li>a:before,#hpt_nav_conti.cloned .navbar-nav>li>a{color:#444;}
#hpt_nav_conti.cloned .navbar-nav>li>a:before,#hpt_nav_conti.cloned .navbar-nav>li>a:before{color:#dec9db;}
#hpt_nav_conti.cloned .dropdown-menu{top:10px;}

.menu_top_fix{opacity:1;top: 0;transition:all .5s ease-in-out 0s;    border-bottom: 1px solid #ddd;}

.cloned #menu-hram_main-1>li{margin-bottom:-5px;}

#hpt_nav_conti.cloned .hpt_main_logo img {
    width: auto;
    height: 43px;
}

#hpt_nav_conti.cloned .hpt_main_logo{float:left;padding:5px 0;}
#hpt_nav_conti.cloned .navbar-collapse{float:right;width:auto;margin-top: 0px;}
#hpt_nav_conti.cloned .nav>li:hover>a,
#hpt_nav_conti.cloned .navbar-nav>li.current-menu-parent>a,
#hpt_nav_conti.cloned .navbar-nav>li.current-menu-parent>a:before,
#hpt_nav_conti.cloned .navbar-nav>li:hover>a:before
{color:#444;background-color:transparent;}

/*#hpt_nav_conti.cloned .navbar-toggle .icon-bar{background-color:#fff;}*/

.dropmenu_width150{width:190px;}
.dropmenu_leftm50{left:-10% !important;width:110%;}


/*모바일 메뉴설정*/
#hpt_nav_conti .navbar-nav>li.open{background-color:transparent;}

/*초기화*/
.dth_sld_m:after,
.dth_cnts_wrap:after,
.hpt_top_inner:after,
.menu-hram_top-container:after,
#section_4 .contents_42_wrap .contents_list:after,
#section_4 .contents_list:after,
#section_5 .contents_list:after
{
	content:"";display:block;clear:both;
}

/*게시판 설정*/
.kboard-default-poweredby,
.kboard-thumbnail-poweredby,
.kboard-avatar-poweredby,
.kboard-customer-poweredby
{display:none !important;}
.aligncenter {display:block;margin: 0 auto;}
#kboard-thumbnail-document .kboard-document-wrap {
    border-bottom: 1px solid #ddd;
}
@media only screen and (max-width:600px){
#kboard-default-list .kboard-list table td.kboard-list-date {
    width: 80px !important;
}
}


/*망보드*/
.mb-board img{width:inherit;}


/*반응형 메뉴설정--------------------------------------------------------------*/
.navbar-toggle .icon-bar{background-color:#2B97D2;}
.navbar-collapse{float:left;width:100%;}
@media only screen and (max-width: 768px){
    #hpt_topbar_conti{display:none;}
    #hpt_nav_conti.cloned{border-bottom: 1px solid #ddd;box-shadow: 0px 3px 4px rgba(0,0,0,0.08);}
	#hpt_topbar_conti .navbar-nav>li>a{font-size:12px !important;}
    #hpt_nav_conti .container>.navbar-collapse{margin-left:0;margin-right:0;padding-left:0;padding-right:0;border-top: 1px solid #CEE5EC;}
    #hpt_nav_conti.cloned .navbar-collapse{width:100%;border-top: 1px solid rgba(0,0,0,0.1);}
    #hpt_nav_conti .navbar-collapse .nav{margin:0;float:none;}
    #hpt_nav_conti.cloned .navbar-collapse .nav{width:100%;float: inherit;text-align: center;margin:0;}
	#hpt_topbar_conti .menu-hram_top-container li{float:left;}
	#hpt_topbar_conti .hpt_main_logo img{width:206px;height:44px;}
    .navbar-right{float:right}
    #menu-hram_top{margin-top: 10px;margin-right: 15px;}
    .hpt_top_inner{padding: 5px 0px;}
    .navbar-toggle{margin-top: 3px;margin-bottom: 3px;}
    #hpt_nav_conti.cloned .hpt_main_logo img {width: auto;height: 30px;}
}

@media only screen and (max-width: 480px){
    #hpt_topbar_conti .hpt_main_logo{float:inherit;}
    .hpt_top_inner{text-align: center;}
    .navbar-nav{width:100%;margin:0 auto !important;float:none;}
    .menu-hram_top-container{padding-left:10px;}
    .top_bar_box{position: absolute;z-index: 1110;top: 70px;}
    #hpt_topbar_conti .navbar-nav>li>a{color:#fff;}
}

@media only screen and (max-width: 360px){
	.top_bar_box{position: absolute;z-index: 1110;top: 70px;right:70px;}
	#hpt_topbar_conti .navbar-nav>li>a{margin-right:0;}
	.navbar-toggle {right: -15px;}
	}


/*===============================================================================================*/
/*메인 페이지 */
/*===============================================================================================*/
/* 통합 ---------------------------------------------------------------------------------*/
/*바디 설정--------------------------------------------------------------*/
/*404페이지*/
.notpage_404 {width:100%;max-width:700px;margin:0 auto;padding:10% 0 15% !important;}
.notpage_404 p.img404 img{}
.notpage_404 p.btn404{text-align: center;}
.notpage_404 p.btn404 a{display:inline-block;width:150px;padding:5px;border:1px solid #A0CAE2;border-radius: 10px;font-size:15px;font-weight:600;}
.notpage_404 p.btn404 a:hover{background-color:#188DD2;color:#fff;}


.hpt_body_inner:before{content:"";background-color:#ddd;}
.panel-body{padding:0;}
.panel {width:100%;margin-bottom:0;background-color: transparent;border:none;border-radius:none;-webkit-box-shadow:none;box-shadow:none;position: relative;}
.panel>div{margin-bottom:10px;}

/*메뉴 커스텀*/
@media only screen and (min-width: 768px) and (max-width:1199px){
    .container {max-width: 1170px;width:100%;}
}
.page_id_273 .hpt_top_inner{position:relative;z-index:4;background-color:transparent;}
.page_id_273 #hpt_topbar_conti .navbar-nav>li>a{padding: 3px 8px;color: #fff; font-weight: 600; margin-right: 10px; background-color: rgba(0,0,0,0.1); border-radius: 5px;}

#hpt_body_conti .hpt_body_inner{margin: 0 auto !important;max-width: 2600px;width: 100%;}
#section_1{margin: 0 auto ;max-width: 2600px;width: 100%;margin-bottom:10px;}
#section_2{margin: 0 auto ;max-width: 1100px;width: 100%;margin-bottom:15px;}
#section_3{margin: 0 auto ;max-width: 1100px;width: 100%;margin-bottom:15px;}
#section_4{margin: 0 auto ;max-width: 1100px;width: 100%;margin-bottom:30px;}
#section_5{margin: 0 auto ;max-width: 1100px;width: 100%;margin-bottom:15px;}
@media only screen and (max-width:1140px) and (min-width:768px){
    #top_logo_conti .hpt_main_logo {left: 10px;width:180px;}
    #top_logo_conti .hpt_main_logo img {width: 100%;}
    ul.nav li.dropdown:hover > ul.dropdown-menu {padding-top: 37px;}
}
@media only screen and (max-width:1140px){
    #top_logo_conti .hpt_main_logo {left: 10px}
    #hpt_nav_conti .navbar-nav>li>a {padding: 15px 20px 5px 20px;font-size:15px;}
    .dropdown-menu>li>a{font-size:13px;padding:10px 10px;}
    ul.nav li.dropdown:last-child > ul.dropdown-menu{right:-10px;left:inherit}
}

@media only screen and (max-width:992px){

}

@media only screen and (max-width:768px){
    #hpt_nav_conti.original{padding:0;}
    #top_logo_conti .hpt_main_logo {top: 5px;}
    #hpt_nav_conti .container .navbar-nav>li{text-align: center;}
}

@media only screen and (max-width:480px){

}
/* section 1 슬라이드 --------------------------------------------------------------------------*/
.slide_m .banner ul {margin-top:0;margin-bottom:0;}
.chome .slide_m .banner ul li {transition:all .5s ease-in-out 0s;min-height:350px;}
.chome #section_1 .unslider{margin: 0 auto;max-width: 1188px;overflow:hidden;}
/*.chome #section_1 .unslider{margin: 0 auto;max-width: 1920px;overflow:hidden;}*/
.slide_m .banner ul:after{content:"";display: block;clear: both;}
#section_1{width:100%;background-color: #fff;/*height:350px;/*background:url(/hram/img/slm_img1.jpg) center;*/}
.hpt_body_inner .dth_sld_m > div{padding-left:0;padding-right:0;}
.slide_m .unslider .unslider-nav li.unslider-active {
    display:none;
    background: #5AABE0 !important;
    opacity: 1;
}
.chome .dth_sld_m .pgwSlider:hover .ps-prev, .chome .dth_sld_m .pgwSlider:hover .ps-next {background-color:rgba(46, 156, 241,0.7);opacity:1;}

.stext1{left:0;top:0px;}
.stext2{left:0;top:50px;font-size:30px;font-weight:600;}
.stext3{right:0;top:220px;}
.stext4{right:0;top:270px;}


@media only screen and (max-width:1100px){
    .slide_m .banner ul li {min-height: 300px !important;}
}

@media only screen and (max-width: 768px) {
    .slide_m .banner ul li {min-height: 200px !important;}
}
@media only screen and (max-width: 480px) {

    .slide_m .banner ul li {min-height: 130px !important;}
}

@media only screen and (max-width: 360px) {


}

/* section 2 ---------------------------------------------------------------------------------*/
#section_2 {position:relative;padding: 20px 0;}
#section_2:after{
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    background-color: #52B767;
    display: block;
    height: 100%;
    right: -100%;
    z-index: -1;}
#section_2 .contents21_wrap ul li.contents_wrap a span{}

#section_2 .contents21_wrap{}
#section_2 .contents21_wrap ul li.contents_wrap{float:left;}
#section_2 .contents21_wrap ul li.contents_wrap.sleft{width:23.18%;margin-right:3.17%;}
#section_2 .contents21_wrap ul li.contents_wrap.sleft p{background: url(/hram/img/mainpage/m_07.jpg) no-repeat;padding: 18.7% 0;width: 100%;text-indent: -999em}

#section_2 .contents21_wrap ul li.contents_wrap.scenter{width:16.45%;margin-right:3.2%;padding-top: 2.3%;}
#section_2 .contents21_wrap ul li.contents_wrap.scenter p{background: url(/hram/img/mainpage/m_21.jpg) no-repeat;padding: 12.6%;width: 100%;text-indent: -999em;}

#section_2 .contents21_wrap ul li.contents_wrap.sright{width:54%;padding-top: 1%;}

#section_2 .contents21_wrap ul li.contents_wrap.sright > ul > li{float:left;margin-right: 6%;}
#section_2 .contents21_wrap ul li.contents_wrap.sright > ul > li:last-of-type{margin-right: 0;}
#section_2 .contents21_wrap ul li.contents_wrap.sright > ul > li > a > img{
    -webkit-transition:all .15s ease-out 0s;
    -moz-transition:all .15s ease-out 0s;
    transition:all .15s ease-out 0s;
}

/*오버*/
#section_2 .contents21_wrap ul li.contents_wrap.sright > ul > li > a:hover > img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);}


/*초기화*/
#section_2 .contents21_wrap ul:after{content: "";display: block;clear: both;}
/*반응형*/
@media only screen and (max-width:1120px){
    #section_2 .contents_wrap.sleft{display:none;}
    #section_2 .contents21_wrap ul li.contents_wrap.scenter{width:30%;margin-right:3%;}
    #section_2 .contents21_wrap ul li.contents_wrap.sright{width:67%;}
    #section_2 .contents21_wrap > ul{width: 900px;margin: 0 auto;}
}
@media only screen and (max-width:992px){
    #section_2 .contents21_wrap ul li.contents_wrap.sright > ul > li {margin-right: 3%;}
    #section_2 .contents21_wrap ul li.contents_wrap.scenter{width:30%;margin-right:0;padding:1%;padding-top:2.3%;}
    #section_2 .contents21_wrap ul li.contents_wrap.sright{width:70%;padding:1%;}
    #section_2 .contents21_wrap > ul{width: 800px;margin: 0 auto;}
}
@media only screen and (max-width:768px){
    #section_2 .contents21_wrap > ul{width: 100%;}
    #section_2 .contents21_wrap ul li.contents_wrap.scenter p {
    background: url(/hram/img/mainpage/m_21.jpg) no-repeat;width: 100%;background-size: 100%;}
    #section_2 .contents21_wrap ul li.contents_wrap.sright > ul > li{margin-right:0;width:20%;padding:1%;}
    #section_2 .contents21_wrap ul li.contents_wrap.sright > ul > li > a > img{width:100%;}

}
@media only screen and (max-width:600px){

}
@media only screen and (max-width:480px){
    #section_2 .contents21_wrap ul li.contents_wrap.scenter{width:100%;max-width: 181px;margin: 0 auto;float:none;padding-bottom:3%;}
    #section_2 .contents21_wrap ul li.contents_wrap.sright{width:100%;float:none;}

}
@media only screen and (max-width:320px){

}

/* section 3 ---------------------------------------------------------------------------------*/

#section_3 .contents31_wrap ul li.contents_wrap{float:left;}
#section_3 .contents31_wrap ul li.contents_wrap.sleft{width:59.27%;margin-right:3%;}
#section_3 .contents31_wrap ul li.contents_wrap.sright{width:37.73%;padding-top: 0;}

#section_3 .contents31_wrap ul li.contents_wrap.sleft > div{padding: 0 7px;}
#section_3 .contents31_wrap ul li.contents_wrap.sleft > div > h3{text-align: center;background:url(/hram/img/mainpage/m_31.jpg) no-repeat;padding: 8px;background-size: cover;margin:0;margin-bottom:10px;}
#section_3 .contents31_wrap ul li.contents_wrap.sleft > div > h3 > a.more_btn{float:right}
#section_3 .contents31_wrap ul li.contents_wrap.sleft > div > h3 > a.more_btn > img{width:auto;}
#section_3 .contents31_wrap ul li.contents_wrap.sleft > ul > li{float:left;width:33.33%;padding:0 1%;}
#section_3 .contents31_wrap ul li.contents_wrap.sleft > ul > li > a {display: block;border:1px solid #ddd;}
#section_3 .contents31_wrap ul li.contents_wrap.sleft > ul > li > a > span.link_img{display: block;overflow: hidden;width: 100%;position: relative;padding: 67px 0;}
#section_3 .contents31_wrap ul li.contents_wrap.sleft > ul > li > a > span.link_img img{margin-bottom:5px;position:absolute;top:0;}
#section_3 .contents31_wrap ul li.contents_wrap.sleft > ul > li > a > .link_txt1{display: block;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;padding:5px 5px 0px 5px;}
#section_3 .contents31_wrap ul li.contents_wrap.sleft > ul > li > a > .link_txt2{display: block;font-size:11px;padding:5px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
#section_3 .contents31_wrap ul li.contents_wrap.sleft > ul > li > a > .link_txt2 img{display:none !important;}
#section_3 .contents31_wrap ul li.contents_wrap.sleft > ul > li > a > .link_txt3{display: block;text-align: right;font-size:11px;padding: 5px;}

#section_3 .contents31_wrap ul li.contents_wrap.sright > div {border:10px solid #f2f2f2;padding:8px;}
#section_3 .contents31_wrap ul li.contents_wrap.sright > div > h3 {border-bottom:1px solid #ddd;margin:0;padding:5px 0 14px;font-weight:600;}
#section_3 .contents31_wrap ul li.contents_wrap.sright > div > h3 > a.more_btn{float:right}
#section_3 .contents31_wrap ul li.contents_wrap.sright > div > h3 > a.more_btn > img{width:auto;}
#section_3 .contents31_wrap ul li.contents_wrap.sright #kboard-default-latest {padding:9px 0;}
#section_3 .contents31_wrap ul li.contents_wrap.sright #kboard-default-latest table{border-bottom:none;}
#section_3 .contents31_wrap ul li.contents_wrap.sright #kboard-default-latest thead{display:none;}
#section_3 .contents31_wrap ul li.contents_wrap.sright #kboard-default-latest table td{border:none;padding: 7px 0 0;}
#section_3 .contents31_wrap ul li.contents_wrap.sright #kboard-default-latest table td a{font-size:14px;}
#section_3 .contents31_wrap ul li.contents_wrap.sright #kboard-default-latest table td a:before{content:"•";color:#15b6eb;}

/*오버*/
#section_3 .contents31_wrap ul li.contents_wrap.sleft > ul > li:hover > a > span.link_img img{transition:all 1s ease-in-out;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}
.aa:hover{}


/*초기화*/
#section_3 .contents31_wrap ul:after{content: "";display: block;clear: both;}
/*반응형*/
@media only screen and (max-width:992px) and (min-width:769px){
    #section_3 .contents31_wrap ul li.contents_wrap.sleft > ul > li > a > span.link_img img{width:auto;height:157px;}
}

@media only screen and (max-width:992px){
    .csub ul.han_col3 li div.hp_gallary .kboard-list-thumbnail a{height:auto;}
}
@media only screen and (max-width:768px){
    .chome #section_3 .contents31_wrap ul li.contents_wrap{width:90%;margin:0 auto;float:none;}
    #section_3 .contents31_wrap ul li.contents_wrap.sleft{margin-bottom:15px;}
    #section_3 .contents31_wrap ul li.contents_wrap.sleft > ul > li > a > span.link_img{padding: 33% 0;}
}
@media only screen and (max-width:600px){
    .chome #section_3 .contents31_wrap ul li.contents_wrap{width:100%;margin:0 auto;float:none;}
    #section_3 .contents31_wrap ul li.contents_wrap.sleft > ul > li > a > span.link_img img{height:124px;width:auto;}

}
@media only screen and (max-width:480px){
    #section_3 .contents31_wrap ul li.contents_wrap.sleft > ul > li{float:none;width:98%;margin:0 auto;margin-bottom:10px;}
    #section_3 .contents31_wrap ul li.contents_wrap.sleft > ul > li > a > span.link_img img{width:100%;height:auto;}

}
@media only screen and (max-width:320px){

}




/* section 4 ---------------------------------------------------------------------------------*/

#section_4 .contents4_conti ul li.contents_wrap {}
/*오버*/
.aa:hover{}


/*초기화*/
.aa:after{content: "";display: block;clear: both;}
/*반응형*/
@media only screen and (max-width:992px){

}
@media only screen and (max-width:768px){

}
@media only screen and (max-width:600px){

}
@media only screen and (max-width:480px){

}
@media only screen and (max-width:320px){

}


/*바툼, 푸터 영역--------------------------------------------------------------완전수정*/
#hpt_bottom_menu_conti{background-color:#999;}
.csub #hpt_bottom_menu_conti{margin-top: -60px;}
.hpt_bot_company .b_logo{margin-right: 30px;text-align: right;}
.hpt_bot_company .b_logo img{width:220px;}
#hpt_bottom_conti .hpt_bottom_inner{padding:20px 15px;}
#hpt_bottom_conti .hpt_bottom_inner ul{margin-bottom:0;    margin-top: 0;}
.hpt_bot_company:after,.hpt_bot_company .b_company ul:after{content:"";display:block;clear:both;}
.hpt_bot_company{font-size:14px;}
.hpt_bot_company>li{float:left;}
.hpt_bot_company .b_company ul>li{float:left;margin:5px 5px;}
.hpt_bot_company .b_company >p{margin:5px 5px;}
/*임시로 가려놓음*/
/*.hpt_bottom2{display:none;}*/
.hpt_bot_company .b_logo{width:25%;margin-right:3%;margin-top: 15px;}
.b_company{width:72%;}
#hpt_bottom_conti .hpt_bottom_inner .hpt_bottom1> ul{width:100%;}
.add_box{width:100%;max-width:680px;}
.add_box li:after{content:"";border-right:1px solid #ddd;display:inline-block;height:10px;padding-left:10px;}


.hpt_bottom_menu {padding:0;margin:0;}
.hpt_bottom_menu #menu-haram_bottom {width:500px;margin:0 auto;position: relative;z-index: 10;}
.hpt_bottom_menu #menu-haram_bottom li{float:left;padding: 10px 20px 10px;}
.hpt_bottom_menu #menu-haram_bottom li a{font-size:13px;color: #fff;font-weight: 600;}

/*초기화*/
.hpt_bottom_menu #menu-haram_bottom:after{content: "";display: block;clear: both;}


@media only screen and (max-width:992px){
    .b_company{width:490px;}
    .c_address{width:100%;}
    .hpt_bot_company .b_logo {width: 220px;}
}
@media only screen and (max-width:768px){
    .b_company{width:100%;}
    .hpt_bot_company .b_logo {width: 100%;margin-right:0;text-align: center;margin-bottom:10px;}
    #hpt_bottom_conti .hpt_bottom_inner ul {width: 100%;max-width: 320px;margin: 0 auto;}
    .hpt_bot_company .b_company >p {max-width: 400px;margin: 0 auto;}
    .hpt_bot_company .b_company ul>li{font-size:12px;margin:0;}
    .hpt_bot_company .b_company >p{font-size:12px;}
}
@media only screen and (max-width:600px){

    .hpt_bottom_menu #menu-haram_bottom {width: 100%;margin: 0 auto;}
    .hpt_bottom_menu #menu-haram_bottom li{width: 19%;text-align: center;padding:5px 0;}
    .hpt_bottom_menu #menu-haram_bottom li:nth-of-type(4){width:24%;}
}

@media only screen and (max-width:480px){
    .b_logo img {width: 120px;}
    .hpt_bot_company .b_company ul>li {font-size: 11px;}
    .hpt_bot_company .b_company >p {font-size: 10px;}
    .hpt_bottom_menu #menu-haram_bottom li a{font-size:11px;}

}


/*===============================================================================================*/
/*서브페이지*/
/*===============================================================================================*/
/* 통합 ---------------------------------------------------------------------------------*/
.csub .hpt_body_inner{max-width:1170px;width:100%;margin:0 auto;}
.csub p{margin-bottom:15px;font-size:13px;}
.csub #kboard-default-list,
.csub #kboard-thumbnail-list,
.csub #kboard-avatar-list,
.csub #kboard-customer-list
{padding:15px;background-color:#f9f9f9;border-radius:5px;}
.csub #kboard-default-list:after
.csub #kboard-thumbnail-list:after,
.csub #kboard-avatar-list:after,
.csub #kboard-customer-list:after
{content:"";display:block;clear:both;}
/*.csub #kboard-default-list .kboard-list table thead tr{background-color:#ececec;}*/
.csub #kboard-default-list .kboard-list table thead tr td,
.csub #kboard-thumbnail-list .kboard-list table thead tr td,
.csub #kboard-avatar-list .kboard-list table thead tr td,
.csub #kboard-customer-list .kboard-list table thead tr td
{color:#fff;padding:5px 0;}
.csub #kboard-default-list .kboard-search select,
.csub #kboard-thumbnail-list .kboard-search select,
.csub #kboard-avatar-list .kboard-search select,
.csub #kboard-customer-list .kboard-search select
{background-color:#fff;}
.csub #kboard-default-list .kboard-list table a,
.csub #kboard-thumbnail-list .kboard-list table a,
.csub #kboard-avatar-list .kboard-list table a,
.csub #kboard-customer-list .kboard-list table a
{color: #4B799A;}

.csub #kboard-default-editor,
.csub #kboard-thumbnail-editor,
.csub #kboard-avatar-editor,
.csub #kboard-customer-editor
{
    padding: 5px;
    background-color: #f9f9f9;
}

#kboard-thumbnail-list .kboard-pagination .kboard-pagination-pages li.active a{
    border: 1px solid #E45155;
    color: white;
    background-color: #E45155;
    text-decoration: none;
}

.csub .kboard-default-button-small,.csub .kboard-default-button-small:link, .csub .kboard-default-button-small:visited,
.csub .kboard-thumbnail-button-small, .csub .kboard-thumbnail-button-small:link, .csub .kboard-thumbnail-button-small:visited,
.csub .kboard-avatar-button-small, .csub .kboard-avatar-button-small:link, .csub .kboard-avatar-button-small:visited,
.csub .kboard-customer-button-small, .csub .kboard-customer-button-small:link, .csub .kboard-customer-button-small:visited{
    height: 26px;
    line-height: 26px;
    background-color: #25628E !important;
}
/*오버*/
.csub .kboard-default-button-small:hover, .csub .kboard-default-button-small:focus, .csub .kboard-default-button-small:active,
.csub .kboard-thumbnail-button-small:hover, .csub .kboard-thumbnail-button-small:focus, .csub .kboard-thumbnail-button-small:active,
.csub .kboard-avatar-button-small:hover, .csub .kboard-avatar-button-small:focus, .csub .kboard-avatar-button-small:active,
.csub .kboard-customer-button-small:hover, .csub .kboard-customer-button-small:focus, .csub .kboard-customer-button-small:active{
    height: 26px;
    line-height: 26px;
    background-color: #25628E !important;
}


.mce-edit-area iframe{border-left:1px solid #ddd;border-right:1px solid #ddd;}

.csub .kboard-attr-row:nth-of-type(3),
.csub .kboard-attr-row:nth-of-type(4),
.csub .kboard-attr-row:nth-of-type(5){
	border-color:#f9f9f9 !important;
}


@media only screen and (max-width:768px){
	.csub .hpt_body_left_side,.csub .hpt_body_right_side{display:none;}
}

/*프로모 설정*/
#hpt_body_conti .hpt_body_inner .hpt_body_promo_content{height: 280px;background: url(/hram/img/sub1/promo1_bg.jpg) center center no-repeat;margin: 0px;position: relative;background-size:inherit;}
/*#hpt_body_conti .hpt_body_inner .hpt_body_promo_content .hp_breadcrumb{position:absolute;bottom:-59px;right:107px;}*/
#hpt_body_conti .hpt_body_inner .hpt_body_cwrap .hp_breadcrumb{position:absolute;top: 25px;right: 20px;display:none;}
.csub #hpt_body_conti .hp_bc{position:relative;    font-size: 11px;}
.csub #hpt_body_conti .hp_bc:before{
    content: "\f015";
    font-size: 17px;
    font-weight: 600;
    position: absolute;
    left: -5px;
    top: 6px;
    color: #aaa;}

/*1*/
/*.csub.sub1 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content{background: url(/hram/img/sub1/promo1.jpg) 0 center no-repeat;margin: 0px 10px;position: relative;    border-bottom: 2px solid #eee;}
/*2*/
/*.csub.sub2 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content{background: url(/hram/img/sub2/promo2.jpg) 0 center no-repeat;margin: 0px 10px;position: relative;    border-bottom: 2px solid #eee;}
/*3*/
/*.csub.sub3 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content{background: url(/hram/img/sub3/promo3.jpg) 0 center no-repeat;margin: 0px 10px;position: relative;    border-bottom: 2px solid #eee;}
/*4*/
/*.csub.sub4 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content{background: url(/hram/img/sub4/promo4.jpg) 0 center no-repeat;margin: 0px 10px;position: relative;    border-bottom: 2px solid #eee;}
/*5*/
/*.csub.sub5 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content{background: url(/hram/img/sub5/promo5.jpg) 0 center no-repeat;margin: 0px 10px;position: relative;    border-bottom: 2px solid #eee;}
/*6*/
/*.csub.sub6 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content{background: url(/hram/img/sub6/promo6.jpg) 0 center no-repeat;margin: 0px 10px;position: relative;    border-bottom: 2px solid #eee;}

/*프로모 컨텐츠*/
#hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div {margin:0 auto;width:100%;max-width:1100px;}
#hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div img{width:auto;}

#hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner1 {width:200px;float:left;margin-left: 23%; margin-top: 40px;}
#hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner2 {width:150px;float:right;margin-right: 30%;margin-top: 11px;}
.sub5 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner2 {width:100px;float:right;margin-right: 38%;margin-top: 11px;}
#hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div p {margin-bottom:0;}
#hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner1 p{width:255px;background:url(/hram/img/sub1/sub1_06.png) no-repeat;background-size:100%;padding-bottom:58%;}
#hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner2 p{width:450px;background:url(/hram/img/sub1/sub1_03.png) no-repeat;background-size:100%;padding-bottom:148%;}

#hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner2 > div{position: relative;z-index:1;}

.sub2 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner1 p{background:url(/hram/img/sub2/sub2_06.png) no-repeat;background-size:100%}
.sub2 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner2 p{width:256px;padding-bottom: 179%;background:url(/hram/img/sub2/sub2_03.png) 100% 100% no-repeat;background-size:100%}

.sub3 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner1 p{background:url(/hram/img/sub3/sub3_06.png) no-repeat;background-size:100%}
.sub3 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner2 p{width:350px;padding-bottom: 179%;background:url(/hram/img/sub3/sub3_03.png) no-repeat;background-size:100%}

.sub4 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner1 p{background:url(/hram/img/sub4/sub4_06.png) no-repeat;background-size:100%}
.sub4 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner2 p{width:350px;padding-bottom: 179%;background:url(/hram/img/sub4/sub4_03.png) no-repeat;background-size:100%}

.sub5 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner1 p{background:url(/hram/img/sub5/sub5_06.png) no-repeat;background-size:100%}
.sub5 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner2 p{width:500px;height:269px;background:url(/hram/img/sub5/sub5_03.png) no-repeat;background-size:100%}


/*================좌측사이드바======================================================================*/
.csub .hpt_body_inner .hpt_body_left_side .hp_pmenu p,.csub .hpt_body_inner .hpt_body_left_side .hp_lmenu p{margin-bottom:0;}
.csub .hpt_body_inner .hpt_body_left_side .hp_pmenu{margin-bottom:2px;}
/*.csub .hpt_body_inner .hpt_body_left_side .hp_pmenu:after{
    content: "";
    display: block;
    width: 50%;
    border-bottom: 3px solid #ddd;
    position: relative;
    top: -60px;
    margin: 0 auto;
}*/
.csub .hpt_body_inner .hpt_body_left_side .hp_pmenu p{padding:30px;text-align: center;font-size:24px;font-weight:600;background:url(/hram/img/sub1/promotitle_bg1.jpg);color:#fff;transition:all .3s ease-in-out 0s;}
/*.csub.sub2 .hpt_body_inner .hpt_body_left_side .hp_pmenu p{padding:30px;text-align: center;font-size:24px;font-weight:600;background:url(/hram/img/sub1/promotitle_bg2.jpg);color:#fff;transition:all .3s ease-in-out 0s;}
.csub.sub3 .hpt_body_inner .hpt_body_left_side .hp_pmenu p{padding:30px;text-align: center;font-size:24px;font-weight:600;background:url(/hram/img/sub1/promotitle_bg3.jpg);color:#fff;transition:all .3s ease-in-out 0s;}
.csub.sub4 .hpt_body_inner .hpt_body_left_side .hp_pmenu p{padding:30px;text-align: center;font-size:24px;font-weight:600;background:url(/hram/img/sub1/promotitle_bg4.jpg);color:#fff;transition:all .3s ease-in-out 0s;}
.csub.sub5 .hpt_body_inner .hpt_body_left_side .hp_pmenu p{padding:30px;text-align: center;font-size:24px;font-weight:600;background:url(/hram/img/sub1/promotitle_bg5.jpg);color:#fff;transition:all .3s ease-in-out 0s;}*/
/*각 페이지 아이콘 변경*/
.csub.page_id_169 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before,
.csub.page_id_174 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before,
.csub.page_id_39 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before,
.csub.page_id_221 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before
{content:"\f015";margin-right:5px;}

.csub.page_id_223 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before,
.csub.page_id_225 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before,
.csub.page_id_229 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before,
.csub.page_id_284 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before,
.csub.page_id_227 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before,
.csub.page_id_287 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before
{content:"\f044";margin-right:5px;}

.csub.page_id_292 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before,
.csub.page_id_4 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before,
.csub.page_id_296 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before,
.csub.page_id_639 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before,
.csub.page_id_298 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before
{content:"\f271";margin-right:5px;}

.csub.page_id_304 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before,
.csub.page_id_306 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before,
.csub.page_id_308 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before,
.csub.page_id_310 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before
{content:"\f186";margin-right:5px;}

.csub.page_id_316 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before,
.csub.page_id_318 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before,
.csub.page_id_320 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before
{content:"\f129";margin-right:5px;}

.csub.page_id_325 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before,
.csub.page_id_327 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before,
.csub.page_id_329 .hpt_body_inner .hpt_body_left_side .hp_pmenu p:before
{content:"\f013";margin-right:5px;}

.csub .hpt_body_inner .hpt_body_left_side .hp_lmenu_p{text-align:left;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 5px solid #ddd; margin-top: -2px;}
.csub .hpt_body_inner .hpt_body_left_side .hp_lmenu_p .hp_lmenu{position:relative;overflow-x:hidden;}
.csub .hpt_body_inner .hpt_body_left_side .hp_lmenu_p > div:last-of-type:after{content:"";display: block;width:100%;padding-bottom:128%;background: url(/hram/img/sub1/left_bottom_banner.jpg) no-repeat;background-size:100%;position: relative;z-index: 3;border-top: 1px solid #ddd;}
.csub .hpt_body_inner .hpt_body_left_side .hp_lmenu_p .hp_lmenu p{padding:10px 30px 10px 30px;border-bottom:1px dashed #ddd;transition:all .3s ease-in-out 0s;font-size:15px;}


.csub .hpt_body_inner .hpt_body_left_side .hp_lmenu_p .hp_lmenu:last-child p{border-bottom:none;}

/*프로모 서브 탑 타이틀 부분*/
.csub .hpt_body_inner .hpt_body_left_side .hpt_left_side{position:relative;left:0;top:-6px;}
.csub .hpt_body_inner .hpt_body_left_side .hpt_left_side .hp_pmenu p {
    padding:18px 10px 18px 0px;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    background-color: rgb(26, 147, 206);
    color: rgba(0,0,0,0.5);
    top: -136px;
    width: 100%;
}
.csub .hpt_body_inner .hpt_body_left_side .hp_lmenu_p .hp_lmenu.current_menucls p a{color:#333;}


/*오버*/
.csub .hpt_body_inner .hpt_body_left_side .hp_lmenu_p .hp_lmenu p:hover,.current_menucls{background-color:#f9f9f9;}
.csub .hpt_body_inner .hpt_body_left_side .hp_lmenu_p .hp_lmenu p:after{
    content: "";
    color: #FF5C22;
    transition: all .2s ease-in-out 0s;
    position: absolute;
    top: 13px;
    left: 12px;
    opacity: 0;
    width: 15px;
    height: 15px;
    z-index: 1;
    background: url(/hram/img/sub1/sub1_14.png) no-repeat;
    }
.csub .hpt_body_inner .hpt_body_left_side .hp_lmenu_p .hp_lmenu p:hover a{    color: #008CD0;    font-weight: 600;}
.csub .hpt_body_inner .hpt_body_left_side .hp_lmenu_p .hp_lmenu.current_menucls p:after{
    content: "";
    color: #FF5C22;
    transition: all .2s ease-in-out 0s;
    position: absolute;
    top: 13px;
    left: 12px;
    opacity: 1;
    width: 15px;
    height: 15px;
    z-index: 1;
    background: url(/hram/img/sub1/sub1_14.png) no-repeat;
}
.csub .hpt_body_inner .hpt_body_left_side .hp_lmenu_p .hp_lmenu p:hover:after{
    content: "";
    color: #FF5C22;
    transition: all .2s ease-in-out 0s;
    position: absolute;
    top: 13px;
    left: 12px;
    opacity: 1;
    width: 15px;
    height: 15px;
    z-index: 1;
    background: url(/hram/img/sub1/sub1_14.png) no-repeat;
    }
.csub .hpt_body_inner .hpt_body_left_side .hp_lmenu_p .hp_lmenu p:hover:before{
    content: "";
    color: #FF5C22;
    transition: all .3s ease-in-out 0s;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 40px;
    height: 98%;
    z-index: 1;
    background-color:#fff;
}

/*반응형*/
@media only screen and (max-width:1023px){
    .csub .hpt_body_inner .hpt_body_left_side .hp_pmenu p{font-size:18px;}
}

@media only screen and (max-width:992px){
    #hpt_body_conti .hpt_body_inner .hpt_body_promo_content {height: 240px;}
    #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner1 {width: 200px;margin-left: 10%;}
    #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner2 {width: 150px;}
    #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner1 p{width:200px;}
    #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner2 p{width:400px;}
    .sub2 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner2 p{width: 210px;margin-left: 140px;padding-bottom:152.8%;}
    .sub3 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner2 p{width: 298px;margin-left: 80px;padding-bottom:152.8%;}
    .sub4 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner2 p{width: 298px;margin-left: 80px;padding-bottom:152.8%;}
    .sub5 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner2 p{width: 426px;height: 229px;}
    .csub.sub3 .hpt_body_inner .hpt_body_left_side .hp_lmenu_p .hp_lmenu p{padding-right:5px;}
    .csub.sub4 .hpt_body_inner .hpt_body_left_side .hp_lmenu_p .hp_lmenu p{padding-right:5px;}
}
@media only screen and (min-width:1024px){
    .csub .hpt_body_inner .hpt_body_left_side .hp_lmenu_p .hp_lmenu p{padding:10px 30px 10px 60px;border-bottom:1px dashed #ddd;}
    .csub.sub2 .hpt_body_inner .hpt_body_left_side .hp_lmenu_p .hp_lmenu p{padding:10px 30px 10px 60px;}
    .csub.sub3 .hpt_body_inner .hpt_body_left_side .hp_lmenu_p .hp_lmenu p{padding:10px 30px 10px 60px;}
    .csub.sub4 .hpt_body_inner .hpt_body_left_side .hp_lmenu_p .hp_lmenu p{padding:10px 30px 10px 50px;}
    .csub.sub5 .hpt_body_inner .hpt_body_left_side .hp_lmenu_p .hp_lmenu p{padding:10px 30px 10px 60px;}
}

@media only screen and (max-width:768px){
    #hpt_body_conti .hpt_body_inner .hpt_body_promo_content {height: 155px;}
    #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner2{display:none !important;}

}

@media only screen and (max-width:600px){
}

/*================좌측사이드바종료======================================================================*/

/*================우측사이드바======================================================================*/
.hpt_body_right_side{opacity:1;}
/*.hpt_body_top_content{transition:all .5s ease-in-out 0s;}*/

.hpt_right_side .rside_btitle{background-color:#1677B3;color:#fff;text-align: center;font-size:15px;font-weight: 600;padding:5px;
                              -webkit-border-radius:5px 5px 0 0;
                              -moz-border-radius:5px 5px 0 0;
                              border-radius:5px;
                              position:relative;
                            }
.hpt_right_side .rside_btitle span.txt{position:relative;z-index:5;}
.hpt_right_side .rside_btitle span.arw{display:inline-block;background-color:#1677B3;width:30px;height:30px;position: absolute;transform: rotate(45deg);left: 35%;bottom:0;}
.hpt_right_side .rside_wrap li:last-child{border-bottom:none;}
.hpt_right_side .rside_wrap li a{margin-top:15px;display: inline-block;color:#888;transition:all .3s ease-in-out;}
.hpt_right_side .rside_wrap li a img{min-width:34px;width:35px;display:block;margin:0 auto;margin-bottom:5px;opacity:0.3;transition:all .3s ease-in-out}

.hpt_right_side .rside_banner_wrap{background:url(/hram/img/sub1/side_bbg.jpg) 0 0 no-repeat;padding:30px 0;text-align: center;background-size:cover;border-radius: 0 0 5px 5px;}
.hpt_right_side .rside_banner_wrap li a{font-size:18px;color:#fff !important;font-weight: 600}


/*오버효과*/
.hpt_right_side .rside_wrap li a:hover{color:#1677B3;transition:all .3s ease-in-out}
.hpt_right_side .rside_wrap li a:hover img{opacity:0.8;transition:all .3s ease-in-out}
.hpt_right_side .rside_banner_wrap li a:hover{color:#FFCECE !important;}
/*================우측사이드바종료======================================================================*/
/* 사이드바 공통 ---------------------------------------------------------------------------------*/
@media only screen and (max-width:1300px){
	.hpt_body_right_side{width:0%;transition:all .5s ease-in-out 0s;opacity:0;}
}
@media only screen and (max-width:1022px){
	.hpt_body_right_side{display:none;}
	}

@media only screen and (max-width:1023px) and (min-width:769px){
	/*.hpt_body_top_content{width:76%;}*/
	/*.hpt_body_right_side{display:none;}*/
}

/* 푸터 공통 ---------------------------------------------------------------------------------*/
#hpt_bottom_conti,#hpt_footer_conti{position:relative;}


/*===============================================================================================*/
/*서브 페이지 레이아웃 잡기*/
/*===============================================================================================*/
/*공통영역---------------------------------------------------------------------------------*/
.csub ol,.csub ul{margin:0;}
.s_title{font-size:14px;}
.csub .sub_first_wrap{padding: 10px 15px 10px 45px;margin-top:75px;}
.csub #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel .hpt_head_title{padding:21px 40px;}
.csub #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel p{margin-bottom:0px;}
.csub #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel p.hpt_head_title{font-size: 20px;font-weight: 600;color: #555;margin-bottom: 15px;position: absolute;left: 0;top: 0;width: 100%;background: url(/hram/img/sub1/sub1_04.jpg) no-repeat;}
.csub.sub2 #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel p.hpt_head_title{background: url(/hram/img/sub2/sub2_04.jpg) no-repeat;}
.csub.sub3 #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel p.hpt_head_title{background: url(/hram/img/sub3/sub3_04.jpg) no-repeat;}
.csub.sub4 #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel p.hpt_head_title{background: url(/hram/img/sub4/sub4_04.jpg) no-repeat;}
.csub.sub5 #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel p.hpt_head_title{background: url(/hram/img/sub5/sub5_04.jpg) no-repeat;}
.csub #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel p.hpt_head_title span.hpt_head_tspan{display: inline-block;position: relative;color:#fff;}
/*.csub #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel p.hpt_head_title span.hpt_head_tspan:before{
    content: "\f1ce";
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: -3px;
    left: 0;
    /*background-color: #D2C186;*/
  /*  color:#fff;
    z-index: 1;
    text-align: center;
    }
.csub #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel p.hpt_head_title span.hpt_head_tspan:after{
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: -1px;
    left: 0;
    background-color: #BEE4F7;
    border-radius: 3px;
}*/
.csub li{font-size:13px;line-height: 1.8em;}
.csub hr{margin-top:0;margin-bottom:0;}
.csub b{margin-top:10px;display: inline-block;color: #419CF0;}

/*기본 버튼 설정*/
.d_button{height:40px;text-align: center;background-color: #6D99B5;padding: 10px 30px;border-radius: 5px;transition: all .3s ease-in-out 0s;width: 100%;color: #fff;font-size: 16px;font-weight: 600;}
.d_button:hover{background-color:#446173;color:#fff;}

/*이미지 버튼 설정*/
.img_btn{display:block;width:100%;overflow:hidden;position:relative;}
.img_btn img{transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transition:all .5s ease-in-out 0s;}
.img_btn:after{content:"자세히 보기";position:absolute;left:40%;top:51%;color:#fff;font-weight:600;padding:10px 30px;background-color:rgba(109, 153, 181,0.9);border-radius:5px;transition:all .5s ease-in-out 0s;opacity:0;}
.img_btn:hover:after{content:"자세히 보기";position:absolute;left:40%;top:51%;padding:10px 30px;background-color:rgba(109, 153, 181,0.9);border-radius:5px;opacity:1;}
.img_btn:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);}


/*테이블 기본 설정*/
.csub table {line-height:1.8em;width:100%}
.csub table tr td,
.csub table tr th{/*padding:10px 10px;*/ padding:5px 0;border:1px solid #ddd;text-align: center; }
.csub table tr th{background-color:#f2f2f2;}
.csub table tr td p,
.csub table tr th p{font-size:13px;margin-bottom:0 !important;}
/*.csub table tr:first-child td{background-color: #eee;}*/
.csub.page_id_310 table tr:first-child td{width:20%;}
.csub table tr:first-child td p{font-weight:600;}
.no_bold_tb p{font-weight:400 !important;}

.csub .kboard-list tbody tr:first-child td{background-color: transparent;}
.csub .kboard-list thead tr:first-child td{background-color: #4D80A5;}




/*------------------------------------------------------------------*/
/*테이블 반응형 시작 (옆으로 스크롤링)----------------------------------*/
@media only screen and (max-width: 480px) {
    /*.table_wrap{width:100%;overflow-x:scroll;}
    .csub table{width:380px;}*/
    .csub table tr td p,
    .csub table tr th p{font-size:10px;}
}

/*테이블 반응형 종료*/
/*------------------------------------------------------------------*/


/*기능성 클래스*/
.margin-tb10{margin-top:10px !important;margin-bottom:10px !important;}
.margin-tb5{margin-top:5px !important;margin-bottom:5px !important;}
.padding-tb10{padding-top:10px !important;padding-bottom:10px !important;}
.padding-tb5{padding-top:5px !important;padding-bottom:5px !important;}

.margin-left10{margin-left:20px !important;}
.margin-left20{margin-left:20px !important;}
.margin-b15{margin-bottom:15px !important;}
.margin-b10{margin-bottom:10px !important;}
.margin-b5{margin-bottom:5px !important;}

.fs16{font-size:16px;color:#444;}
.titles1{font-size:18px;}
.titles2{font-size:17px;}
.titles3{font-size:16px;}

.blt1:before {content:"\f111";margin-right:5px;}
.blt2{padding-left:15px;}
.blt2:before {content:"\f138";margin-right:5px;margin-left:-10px;color:#6189C1;}
.blt3{padding-left:30px;}
.blt3:before {content:"\f105";margin-right:5px;margin-left:-10px;}
.blt4{padding-left:45px;}
.blt4:before {content:"-";margin-right:5px;margin-left:-10px;}


.blt2_n{padding-left:20px;}
.blt3_n{padding-left:30px;}
.blt4_n{padding-left:50px;}

.csub .btitle{font-size:16px;margin-top:30px;margin-bottom:15px !important;font-weight:600;    color: #EF8331;}
.csub .btitle2{font-size:14px;}
.csub .subp_title{font-size:19px;color:#e0ad41;margin-bottom: 15px;}/*페이지 문구*/

.tb_blt2:before {content:"＊";margin-right:5px;font-size:9px;}
/*.tb_blt2{padding-left:15px;}*/


/*리스트*/
.csub ul.list_hpn li{position:relative;}
.csub ul.list_hpn li:before{content:"-";display:inline-block;position: absolute;left:-10px;color:inherit;font-weight:600;}
/*공통 초기화*/

.hpt_body_cwrap:after{content:"";display:block;clear:both;}

@media only screen and (max-width:768px){
    .csub .sub_first_wrap{padding:10px;margin-top: 35px;}
    .csub #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel p.hpt_head_title{font-size:16px;padding:10px 20px;}
    .csub #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel p.hpt_head_title span.hpt_head_tspan{padding-left:26px;}
    .csub #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel p.hpt_head_title span.hpt_head_tspan:before {width: 20px;height: 20px;bottom: 1px;left: 0;}
    .csub #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel p.hpt_head_title span.hpt_head_tspan:after {width: 20px;height: 20px;bottom: 1px;left: 0;}
    .csub .subp_title{font-size:16px;}
}

@media only screen and (max-width:480px){
    .csub .sub_first_wrap{margin-top: 25px;}
    .btitle{font-size:13px !important;}
    .blt2,
    .blt2_n{font-size:11px !important;}
    .blt3,
    .blt3_n{font-size:11px !important;padding-left:20px;}
    .blt4,
    .blt4_n{font-size:11px !important;padding-left:40px;}
    .c_fax {width: 170px;}
    .c_tel {width: 120px;}
    .csub table tr th,
    .csub table tr td{font-size:12px !important;}
    .csub #kboard-thumbnail-list {padding:5px;}
    #kboard-thumbnail-list .kboard-list table td.kboard-list-uid {    width: 40px;}
    #kboard-thumbnail-list .kboard-pagination .kboard-pagination-pages li a {padding: 3px 7px !important;}
    .csub .subp_title{font-size:14px;}
    .csub #kboard-default-list, .csub #kboard-thumbnail-list, .csub #kboard-avatar-list, .csub #kboard-customer-list {padding: 5px;}
    #kboard-default-list .kboard-pagination .kboard-pagination-pages li.prev-page a, #kboard-default-list .kboard-pagination .kboard-pagination-pages li.next-page a {padding: 5px 10px !important;}
    .csub #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel p.hpt_head_title {font-size: 16px;padding: 5px 5px;}
}

@media only screen and (max-width:360px){
    .csub .kboard-list table tr th, .csub .kboard-list table tr td {
        font-size: 9px !important;}
}

/*================법인소개======================================================================*/
/*인사말---------------------------------------*/
#hpt_body_conti .hpt_body_inner .hpt_body_cwrap {width:100%;max-width:1100px;margin:0 auto;position:relative;top:-70px;}

.sub_first_wrap #sub_section_1 .sub_contents_wrap img{}

/*오버*/
.aa:hover{}
/*초기화*/
.aa:after{content: "";display: block;clear: both;}
/*반응형*/
@media only screen and (max-width:992px){

}
@media only screen and (max-width:768px){

}
@media only screen and (max-width:600px){

}
@media only screen and (max-width:480px){
    .page_id_92 .sub_first_wrap #sub_section_1 .sub_contents_wrap img {
        width: 126%;
        margin-left: -15%;
    }
}
@media only screen and (max-width:320px){

}

/*법인 발자취---------------------------------------*/
.csub.page_id_11 .sub_first_wrap #sub_section_1 .sub_contents_wrap .scontents_conti {}


/*오버*/
.aa:hover{}
/*초기화*/
.aa:after{content: "";display: block;clear: both;}
@media only screen and (max-width:992px){

}
@media only screen and (max-width:768px){

}
@media only screen and (max-width:600px){

}
@media only screen and (max-width:480px){
    .page_id_21 .sub_first_wrap #sub_section_1 .sub_contents_wrap img {
        width: 163%;
        margin-left: -4%;
    }
}
@media only screen and (max-width:320px){

}

/*이사소개---------------------------------------*/
.csub.page_id_29 .sub_first_wrap #sub_section_1 .sub_contents_wrap .table_wrap {}

.csub.page_id_29 .sub_contents_wrap .table_wrap table thead tr th,
.csub.page_id_29 .sub_contents_wrap .table_wrap table tbody tr td{font-size:13px;}
.csub.page_id_29 .sub_contents_wrap .table_wrap table thead tr th {border-top: 2px solid #63A92C;color:#63A92C;background-color:#f9f9f9;}
.csub.page_id_29 .sub_contents_wrap .table_wrap table tbody tr td:last-of-type{text-align: left;padding-left:30px;}

.table_wrap table thead tr th.inum{width:50px;}
.table_wrap table thead tr th.iposi{width:100px;}
.table_wrap table thead tr th.iname{width:100px;}



/*오버*/
.aa:hover{}
/*초기화*/
.aa:after{content: "";display: block;clear: both;}
@media only screen and (max-width:992px){

}
@media only screen and (max-width:768px){

}
@media only screen and (max-width:600px){

}
@media only screen and (max-width:480px){
    .csub.page_id_29 .table_wrap table {width:100%;}
    .csub.page_id_29 .table_wrap table tbody tr td:nth-of-type(1),
    .csub.page_id_29 .table_wrap table thead tr th.inum{display:none;}
    .csub.page_id_29 .table_wrap table thead tr th.iposi{width:60px;}
    .csub.page_id_29 .table_wrap table thead tr th.iname{width:60px;}
    .csub.page_id_29 .table_wrap table tbody tr td{padding:5px 5px !important;}
}
@media only screen and (max-width:320px){
    .csub.page_id_29 .table_wrap table tbody tr td{letter-spacing: -0.01em}
}



/*운영시설---------------------------------------*/
.csub.page_id_31 .sub_first_wrap #sub_section_1 .sub_contents_wrap .scontents_conti {}

ul.link_item_wrap li{float:left;width:48%;padding:10px 0;}
ul.link_item_wrap li.link_item1,
ul.link_item_wrap li.link_item3{margin-right:2%;}

ul.link_item_wrap li a{display:block;border:1px solid #ddd;text-align: center;position: relative;}
ul.link_item_wrap li a span{display:block;padding:10px 0;background-color:#fff;position: relative;}
ul.link_item_wrap li a:before{content:"";position: absolute;left: 0;top: 0;width:179px;height:49px;z-index:1;border-radius: 0 0 20px 0;}
ul.link_item_wrap li.link_item1 a:before{content:"";background:url(/hram/img/sub1/sub14_12.jpg) no-repeat;background-size:cover;}
ul.link_item_wrap li.link_item2 a:before{content:"";background:url(/hram/img/sub1/sub14_21.jpg) no-repeat;background-size:cover;}
ul.link_item_wrap li.link_item3 a:before{content:"";background:url(/hram/img/sub1/sub14_31.jpg) no-repeat;background-size:cover;}
ul.link_item_wrap li.link_item4 a:before{content:"";background:url(/hram/img/sub1/sub14_41.jpg) no-repeat;background-size:cover;}

ul.link_item_wrap li a:after{content:"바로가기 >";position:absolute;width:100%;left:0;top:0;height:100%;opacity:0;background-color:#63A9DA;transition:all .3s ease 0s;font-size:20px;color:#fff;padding:32.5%;}
ul.link_item_wrap li.link_item2 a:after{content:"바로가기 >";background-color:#b2915e;}
ul.link_item_wrap li.link_item3 a:after{content:"바로가기 >";background-color:#89a154;}
ul.link_item_wrap li.link_item4 a:after{content:"바로가기 >";background-color:#419a8a;}


/*오버*/
ul.link_item_wrap li a:hover:after{content:"바로가기 >";opacity:1;}
.aa:hover{}
/*초기화*/
ul.link_item_wrap:after{content: "";display: block;clear: both;}
@media only screen and (max-width:992px){

}
@media only screen and (max-width:768px){
    .csub.page_id_31 ul.link_item_wrap li a:after{font-size:15px;padding: 32.5% 30%;}

}
@media only screen and (max-width:600px){

}
@media only screen and (max-width:480px){

}
@media only screen and (max-width:360px){
    ul.link_item_wrap li {
    float: none;
    width: 100%;
    padding: 10px 0;
    }
}


/*================시설소개======================================================================*/
/*인사말---------------------------------------*/
.csub.page_id_13 .sub_first_wrap #sub_section_1 .sub_contents_wrap {}

/*오버*/
.aa:hover{}
/*초기화*/
.aa:after{content: "";display: block;clear: both;}
/*반응형*/
@media only screen and (max-width:992px){

}
@media only screen and (max-width:768px){

}
@media only screen and (max-width:600px){

}
@media only screen and (max-width:480px){
    .page_id_33 .sub_first_wrap #sub_section_1 .sub_contents_wrap img {
        width: 130%;
        margin-left: -18%;
    }
}
@media only screen and (max-width:320px){

}


/*시설 발자취---------------------------------------*/
.csub.page_id_94 .sub_first_wrap #sub_section_1 .sub_contents_wrap {}

.csub.page_id_94 .sub_first_wrap #sub_section_1 .sub_contents_wrap p {/*width:100%;max-width:500px;margin:0 auto;*/margin-top:5%;}
.csub.page_id_94 .sub_first_wrap #sub_section_1 .sub_contents_wrap p img{/*border:3px double #ddd;border-radius:15px;padding:10px 0;*/}

/*오버*/
.aa:hover{}
/*초기화*/
.aa:after{content: "";display: block;clear: both;}
/*반응형*/
@media only screen and (max-width:992px){

}
@media only screen and (max-width:768px){

}
@media only screen and (max-width:600px){

}
@media only screen and (max-width:480px){
    .page_id_35 .sub_first_wrap #sub_section_1 .sub_contents_wrap img {
        width: 150%;
        margin-left: -5%;
    }
}
@media only screen and (max-width:320px){

}

/*미션 및 비젼---------------------------------------*/
.csub.page_id_17 .sub_first_wrap #sub_section_1 .sub_contents_wrap {}

/*오버*/
.aa:hover{}
/*초기화*/
.aa:after{content: "";display: block;clear: both;}
/*반응형*/
@media only screen and (max-width:992px){

}
@media only screen and (max-width:768px){

}
@media only screen and (max-width:600px){

}
@media only screen and (max-width:480px){

}
@media only screen and (max-width:320px){

}

/*시설현황---------------------------------------*/
.csub.page_id_37 table td img{width:auto;}

.csub.page_id_37 table td.ttop41{width:40%;}
.csub.page_id_37 table td.ttop42{width:50px;}

.csub.page_id_37 table th.ttop51{width:100px;}
.csub.page_id_37 table th.ttop52{width:150px;}
.csub.page_id_37 table th.ttop53{width:450px;}

/*오버*/
.aa:hover{}
/*초기화*/
.aa:after{content: "";display: block;clear: both;}
/*반응형*/
@media only screen and (max-width:992px){

}
@media only screen and (max-width:768px){
    .csub.page_id_37 table th.ttop51{width:20px;}
    .csub.page_id_37 table th.ttop52{width:80px;}
    .csub.page_id_37 table th.ttop53{width:70px;}
}
@media only screen and (max-width:600px){

}
@media only screen and (max-width:480px){
    .page_id_37 .sub_first_wrap #sub_section_1 .sub_contents_wrap img {
        width: 118%;
        margin-left: -9%;
    }
    .csub.page_id_37 table th,
    .csub.page_id_37 table td{/*padding:5px 5px;*/font-size:11px !important;}

    .csub.page_id_37 table td.ttop41{display:none;}
}
@media only screen and (max-width:320px){

}
/*오시는길---------------------------------------*/
.csub.page_id_40 .sub_contents_wrap {width:85%;padding-top:30px;margin:0 auto;}
.csub.page_id_40 .sub_contents_wrap .hrmap{padding:10px;border:1px solid #ddd;border-radius: 5px;}
.csub.page_id_40 .sub_contents_wrap .hrmap iframe{width:100%;height:500px;}
.csub.page_id_40 .sub_contents_wrap .map_ad1 .map_title.blt1{background:url(/hram/img/sub2/sub25_1.png) no-repeat;color:#fff;padding-left:10px;}
.csub.page_id_40 .sub_contents_wrap .map_ad2 .map_title.blt1{background:url(/hram/img/sub2/sub25_2.png) no-repeat;color:#fff;padding-left:10px;}
.csub.page_id_40 .sub_contents_wrap .map_ad3 .map_title.blt1{background:url(/hram/img/sub2/sub25_2.png) no-repeat;color:#fff;padding-left:10px;}
.csub.page_id_40 .sub_contents_wrap .map_ad_wrap .blt1{border-radius:0 0 0 8px;position: relative;}
.csub.page_id_40 .sub_contents_wrap .map_ad_wrap .blt1:after{content: "";position: absolute;left: 0;top: 0;border-style: solid;border-width: 10px 10px 0 0;border-color: #366892 transparent transparent transparent;}
.csub.page_id_40 .sub_contents_wrap .map_ad_wrap .blt2{padding-left:30px;}

.csub.page_id_40 .sub_contents_wrap .map_ad1 .map_title.blt1:before{content:"\f1b9";}
.csub.page_id_40 .sub_contents_wrap .map_ad2 .map_title.blt1:before{content:"\f207";}
.csub.page_id_40 .sub_contents_wrap .map_ad3 .map_title.blt1:before{content:"\f239";}

@media only screen and (max-width:992px){
    .csub.page_id_40 .sub_contents_wrap {
    width: 100%;
    padding-top: 20px;
    }
}
@media only screen and (max-width:600px){
    .csub.page_id_40 .sub_contents_wrap .hrmap iframe{width:100%;height:400px;}
}

@media only screen and (max-width:480px){
    .csub.page_id_40 .sub_contents_wrap .hrmap iframe{width:100%;height:300px;}
}

@media only screen and (max-width:360px){
    .csub.page_id_40 .sub_contents_wrap .hrmap iframe{width:100%;height:240px;}
}
/*================사업안내======================================================================*/
/*사업통합---------------------------------------*/
.csub.page_id_44{}
.csub.page_id_44 .sub_contents_wrap .text_cont{background:url(/hram/img/sub3/sub31.jpg) no-repeat;padding: 826px 0 30px 50px;}
.csub.page_id_56 .sub_contents_wrap .text_cont{background:url(/hram/img/sub3/sub32.jpg) no-repeat;padding: 826px 0 30px 50px;}
.csub.page_id_46 .sub_contents_wrap .text_cont{background:url(/hram/img/sub3/sub33.jpg) no-repeat;padding: 826px 0 30px 50px;}
.csub.page_id_49 .sub_contents_wrap .text_cont{background:url(/hram/img/sub3/sub34.jpg) no-repeat;padding: 826px 0 30px 50px;}
.csub.page_id_58 .sub_contents_wrap .text_cont{background:url(/hram/img/sub3/sub35.jpg) no-repeat;padding: 700px 0 30px 50px;}
.csub.page_id_51 .sub_contents_wrap .text_cont{background:url(/hram/img/sub3/sub36.jpg) no-repeat;padding: 700px 0 30px 50px;}
.csub.page_id_42 .sub_contents_wrap .text_cont{background:url(/hram/img/sub3/sub37.jpg) no-repeat;padding: 820px 0 30px 50px;}
.csub.sub3 .btitle{font-size:23px;color:#EF8331;}
.csub.sub3 .blt2{font-size:16px;color:#214E8E;}
.csub.sub3 .blt3{font-size:14px;}
/*오버*/
.aa:hover{}
/*초기화*/
.aa:after{content: "";display: block;clear: both;}
/*반응형*/
@media only screen and (max-width:992px){
    .csub.page_id_44 .sub_contents_wrap .text_cont{background: url(/hram/img/sub3/sub31.jpg) no-repeat;padding: 45% 0 30px 7%;background-size: cover;}
    .csub.page_id_56 .sub_contents_wrap .text_cont{background: url(/hram/img/sub3/sub32.jpg) no-repeat;padding: 45% 0 30px 7%;background-size: cover;}
    .csub.page_id_46 .sub_contents_wrap .text_cont{background: url(/hram/img/sub3/sub33.jpg) no-repeat;padding: 59% 0 30px 7%;background-size: 128%;}
    .csub.page_id_49 .sub_contents_wrap .text_cont{background: url(/hram/img/sub3/sub34.jpg) no-repeat;padding: 59% 0 30px 7%;background-size: 128%;}
    .csub.page_id_58 .sub_contents_wrap .text_cont{background: url(/hram/img/sub3/sub35.jpg) no-repeat;padding: 59% 0 30px 7%;background-size: 128%;}
    .csub.page_id_51 .sub_contents_wrap .text_cont{background: url(/hram/img/sub3/sub36.jpg) no-repeat;padding: 59% 0 30px 7%;background-size: 128%;}
    .csub.page_id_42 .sub_contents_wrap .text_cont{background: url(/hram/img/sub3/sub37.jpg) no-repeat;padding: 59% 0 30px 7%;background-size: 128%;}
}
@media only screen and (max-width:768px){

}
@media only screen and (max-width:600px){

}
@media only screen and (max-width:480px){
    .csub.page_id_44 .sub_contents_wrap .text_cont {padding: 95% 10px 30px 5%;}
    .csub.page_id_56 .sub_contents_wrap .text_cont {padding: 95% 10px 30px 5%;}
    .csub.page_id_46 .sub_contents_wrap .text_cont {padding: 96% 10px 30px 5%;background-size: 100%;}
    .csub.page_id_49 .sub_contents_wrap .text_cont {padding: 96% 10px 30px 5%;background-size: 100%;}
    .csub.page_id_58 .sub_contents_wrap .text_cont {padding: 58% 10px 30px 5%;}
    .csub.page_id_51 .sub_contents_wrap .text_cont {padding: 58% 10px 30px 5%;}
    .csub.page_id_42 .sub_contents_wrap .text_cont {padding: 96% 10px 30px 5%;background-size: 100%;}
}
@media only screen and (max-width:360px){
/*    .csub.page_id_44 .sub_contents_wrap .text_cont {background: url(/hram/img/sub3/sub31.jpg) no-repeat;padding: 55% 10px 30px 5%;background-size: 125%;}
    .csub.page_id_56 .sub_contents_wrap .text_cont {background: url(/hram/img/sub3/sub32.jpg) no-repeat;padding: 55% 10px 30px 5%;background-size: 125%;}
    .csub.page_id_46 .sub_contents_wrap .text_cont {background: url(/hram/img/sub3/sub33.jpg) no-repeat;padding: 55% 10px 30px 5%;background-size: 125%;}
    .csub.page_id_48 .sub_contents_wrap .text_cont {background: url(/hram/img/sub3/sub34.jpg) no-repeat;padding: 55% 10px 30px 5%;background-size: 125%;}
    .csub.page_id_58 .sub_contents_wrap .text_cont {background: url(/hram/img/sub3/sub35.jpg) no-repeat;padding: 55% 10px 30px 5%;background-size: 125%;}
    .csub.page_id_51 .sub_contents_wrap .text_cont {background: url(/hram/img/sub3/sub36.jpg) no-repeat;padding: 55% 10px 30px 5%;background-size: 125%;}*/
}


/*입/퇴소안내---------------------------------------*/

/*.csub.page_id_42 .sub_first_wrap .blt3_n span{border-radius:0 5px 5px 5px;display: inline-block;padding:5px 10px;background-color: #85BDEC;font-size:15px;font-weight:600;color:#fff;position: relative;margin-bottom: 10px;}
.csub.page_id_42 .sub_first_wrap .blt3_n span:before{content:"";position:absolute;left:0;top:0;border-style: solid;border-width: 10px 10px 0 0;border-color: #366892 transparent transparent transparent;}
.csub.page_id_42 .sub_first_wrap .blt3_n .fa{margin-left:5px;margin-right:5px;color:#61A5FF;}*/


/*오버*/
.aa:hover{}
/*초기화*/
.aa:after{content: "";display: block;clear: both;}
/*반응형*/
@media only screen and (max-width:1100px){
/*    .csub.page_id_42 .sub_contents_wrap .text_cont {padding: 10px 10px 260px 4%;}*/
}
@media only screen and (max-width:800px){
/*    .csub.page_id_42 .sub_contents_wrap .text_cont{background:none;background-color:#EAF9FF;padding: 10px 10px 30px 4%;}*/

}
@media only screen and (max-width:600px){

}
@media only screen and (max-width:480px){
/*    .csub.page_id_42 p.blt3_n{padding-left:20%;}
    .csub.page_id_42 .sub_contents_wrap .text_cont {padding: 10px 0 15px 2%;}
    .csub.page_id_42 .sub_first_wrap .blt3_n span{width:70%;}*/
}
@media only screen and (max-width:320px){

}


/*================후원/자원봉사======================================================================*/
/*후원안내 및 신청---------------------------------------*/
/*.csub.page_id_60 .sub_first_wrap .cash_apl_wrap > .clist{float:left;width:50%;}
.csub.page_id_60 .sub_first_wrap .apply_btn span{display:block;margin-top:30px;}*/
.csub.page_id_60 .sub_first_wrap .cash{margin-left:-30px;text-align:center;font-size:16px;font-weight:600;margin-top:30px;margin-bottom:30px !important;}
.csub.page_id_60 .sub_first_wrap .cash img{width:auto;margin-left: -5px;margin-bottom: 7px;}

.csub.page_id_60 .sub_first_wrap div.circle_item p{float:left;width:33.33%;padding:1%;text-align: center;}
.csub.page_id_60 .sub_first_wrap div.circle_item p .boxing1{display:inline-block;border-radius:50%;width:200px;height:150px;padding-top: 13%;font-size: 19px;margin-bottom:15px;font-weight: 600;}
.csub.page_id_60 .sub_first_wrap div.circle_item p .boxing1.bxitem1{background-color: #B7CC76}
.csub.page_id_60 .sub_first_wrap div.circle_item p .boxing1.bxitem2{background-color: #CCC176}
.csub.page_id_60 .sub_first_wrap div.circle_item p .boxing1.bxitem3{background-color: #CCA276}
.csub.page_id_60 .sub_first_wrap div.circle_item p .boxing1 .fa{display:block;text-align: center;margin-bottom:5px;}
.csub.page_id_60 .sub_first_wrap div.circle_item p .boxing1 .fa:before{transition:all .3s ease 0s;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}
.csub.page_id_60 .sub_first_wrap div.circle_item p .boxtxt{display:inline-block;}



/*자원봉사 및 신청---------------------------------------*/
#crumbs {
    text-align: center;
}

    #crumbs ul {
        list-style: none;
        display: inline-table;
        width:100%;
    }
        #crumbs ul li {
            display: inline;
        }

        #crumbs ul li a {
                display: block;
                float: left;
                height: 80px;
                text-align: center;
                padding: 30px 1% 0 4%;
                position: relative;
                margin: 0 10px 0 0;
                font-size: 14px;
                text-decoration: none;
                color: #fff;
        }
            #crumbs ul li a:after {
                content: "";
                border-top: 40px solid transparent;
                border-bottom: 40px solid transparent;
                border-left: 40px solid #3498db;
                position: absolute; right: -40px; top: 0;
                z-index: 1;
            }

            #crumbs ul li a:before {
                content: "";
                border-top: 40px solid transparent;
                border-bottom: 40px solid transparent;
                border-left: 40px solid #fff;
                position: absolute; left: 0; top: 0;
            }

                #crumbs ul li:first-child a {
                    border-top-left-radius: 10px; border-bottom-left-radius: 10px;
                }
                #crumbs ul li:first-child a:before {
                    display: none;
                }

                #crumbs ul li:last-child a {
                    padding-right: 80px;
                    border-top-right-radius: 10px; border-bottom-right-radius: 10px;
                }
                #crumbs ul li:last-child a:after {
                    display: none;
                }



    #crumbs ul li a.citem1{padding: 30px 0% 0 3%;background: #82BFE8;}
    #crumbs ul li a.citem2{padding: 30px 0% 0 8%;background: #63B4EA;}
    #crumbs ul li a.citem3{padding: 30px 0 0 7%;background: #4DA7E4;}
    #crumbs ul li a.citem4{padding: 20px 0% 0 7%;background: #3498db;}
    #crumbs ul li a.citem5{padding: 30px 3% 0 7%;background: #1C88D0;}
    #crumbs ul li a.citem1:after {content: "";border-left: 40px solid #82BFE8;}
    #crumbs ul li a.citem2:after {content: "";border-left: 40px solid #63B4EA;}
    #crumbs ul li a.citem3:after {content: "";border-left: 40px solid #4DA7E4;}
    #crumbs ul li a.citem4:after {content: "";border-left: 40px solid #3498db;}
    #crumbs ul li a.citem5:after {content: "";border-left: 40px solid #1C88D0;}

            #crumbs ul li a:hover {
                background: #fa5ba5;
            }
                #crumbs ul li a:hover:after {
                    border-left-color: #fa5ba5;
                }

.sub4 .sub_first_wrap .text_cont p.volunteer_wrap{text-align: center;padding: 25px;border-top: 2px solid #ddd;margin-top: 20px;}
.sub4 .sub_first_wrap .text_cont p.volunteer_wrap a{padding:10px 10%;border-radius: 30px;font-size:15px;font-weight:600;background-color: #188DD2;color: #fff;}
.sub4 .sub_first_wrap .text_cont p.volunteer_wrap a:hover{background-color:#0E73AF;color:#fff;}


/*후원신청서 작성페이지*/
.page_id_319 #hpt_topbar_conti,
.page_id_319 #hpt_nav_conti{display:none;}
.page_id_319 #top_logo_conti {
    text-align: left;
    max-width: 66%;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 15px;
    max-width: 600px;
}
.page_id_319 #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel p.hpt_head_title {
    font-size: 20px;
    font-weight: 600;
    color: #555;
    margin-bottom: 5px;
    position: static;
    left: inherit;
    top: inherit;
    width: 100%;
    background: none;
    background-color: #6E8CD2;
    padding: 5px 3%;
}

.page_id_319 #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel p.hpt_head_title span.hpt_head_tspan{position:relative;}
.page_id_319 #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel p.hpt_head_title span.hpt_head_tspan:before{content:"\f044";margin-right:5px;}
.page_id_319.csub table tr:first-child th{border:none;}

.page_id_319 #top_logo_conti .hpt_main_logo{position:static;}
.page_id_319 #top_logo_conti .hpt_main_logo img{width: 258px;}
.page_id_319 .hpt_body_top_content{
    float: none;
    background-color: transparent;
    width: 66%;
    padding: 10px;
    max-width: 600px;
    margin:0 auto;
}
.page_id_319 .userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr.sec_title_space th {
    border-right: 1px solid #F5F5F5;
    padding: 0;
    border-radius: 5px 5px 0 0;
}

.page_id_319 .userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table {
    width: 100%;
    font-size: 13px;
    border-bottom: 2px solid #6E8CD2;
    margin-bottom: 15px;
}
.page_id_319 .userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr th,
.page_id_319 .userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr td{text-align: left;}
.userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr td span{margin-right:10px;}
.userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr td input[type="radio"]{width:10px;height:12px !important;margin-right:5px;}
.page_id_319 textarea{width:100%;border-color:#ddd;}

/*자원봉사신청서 작성페이지*/
.page_id_337 #hpt_topbar_conti,
.page_id_337 #hpt_nav_conti{display:none;}
.page_id_337 #top_logo_conti {
    text-align: left;
    max-width: 66%;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 15px;
    max-width: 600px;
}
.page_id_337 #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel p.hpt_head_title {
    font-size: 20px;
    font-weight: 600;
    color: #555;
    margin-bottom: 5px;
    position: static;
    left: inherit;
    top: inherit;
    width: 100%;
    background: none;
    background-color: #6E8CD2;
    padding: 5px 3%;
}

.page_id_337 #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel p.hpt_head_title span.hpt_head_tspan{position:relative;}
.page_id_337 #hpt_body_conti .hpt_body_inner .hpt_body_top_content .panel p.hpt_head_title span.hpt_head_tspan:before{content:"\f044";margin-right:5px;}
.page_id_337.csub table tr:first-child th{border:none;}

.page_id_337 #top_logo_conti .hpt_main_logo{position:static;}
.page_id_337 #top_logo_conti .hpt_main_logo img{width: 258px;}
.page_id_337 .hpt_body_top_content{
    float: none;
    background-color: transparent;
    width: 66%;
    padding: 10px;
    max-width: 600px;
    margin:0 auto;
}
.page_id_337 .userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr.sec_title_space th {
    border-right: 1px solid #F5F5F5;
    padding: 0;
    border-radius: 5px 5px 0 0;
}

.page_id_337 .userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table {
    width: 100%;
    font-size: 13px;
    border-bottom: 2px solid #6E8CD2;
    margin-bottom: 15px;
}
.page_id_337 .userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr th,
.page_id_337 .userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr td{text-align: left;}
.userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr td span{margin-right:10px;}
.userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr td input[type="radio"]{width:10px;height:12px !important;margin-right:5px;}
.page_id_337 textarea{width:100%;border-color:#ddd;}


/*오버*/
.csub.page_id_60 .sub_first_wrap div.circle_item p .boxing1:hover .fa:before{display: inline-block;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2)}
.aa:hover{}
/*초기화*/
.csub.page_id_60 .sub_first_wrap .cash_apl_wrap:after,
.csub.page_id_60 .sub_first_wrap div.circle_item:after{content: "";display: block;clear: both;}
/*반응형*/
@media only screen and (max-width:992px){
    /*폼*/.page_id_319 #top_logo_conti .hpt_main_logo img{width: 200px;}
    /*폼*/.page_id_337 #top_logo_conti .hpt_main_logo img{width: 200px;}
    .csub.page_id_60 .sub_first_wrap div.circle_item p .boxing1{width: 150px;height: 120px;}
    #crumbs ul {width: 540px;    margin: 0 auto;}
    #crumbs ul li a.citem1 {padding: 20px 0% 0 3px;width: 49px;}
    #crumbs ul li a.citem2 {padding: 20px 0% 0 37px;width: 100px;}
    #crumbs ul li a.citem3 {padding: 20px 0 0 37px;width: 100px;}
    #crumbs ul li a.citem4 {padding: 20px 0% 0 37px;}
    #crumbs ul li a.citem5 {padding: 30px 5px 0 40px;}

}
@media only screen and (max-width:768px){
    /*폼*/.page_id_319 #top_logo_conti{text-align: center;}
    /*폼*/.page_id_319 .userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr th{width:120px;padding-left: 20px;}
    /*폼*/.page_id_337 #top_logo_conti{text-align: center;}
    /*폼*/.page_id_337 .userinfo_container .userinfo_middle_wrap .userinfo_content_box .content_box table tr th{width:120px;padding-left: 20px;}
    .csub.page_id_60 .sub_first_wrap div.circle_item p span.boxing1{font-size:16px !important;}
    .csub.page_id_60 .sub_first_wrap div.circle_item p span .fa{font-size:20px;}
    .csub.page_id_60 .sub_first_wrap div.circle_item p .boxing1{width: 150px;height: 100px;}
    .csub.page_id_60 .sub_first_wrap div.circle_item p span.boxtxt br{display:none;}
    .csub.page_id_62 .blt3_n.margin-b15{padding-left:5px;}
    .csub.page_id_62 #crumbs ul {width:50%;margin:0 auto;}
    .csub.page_id_62 #crumbs ul li a{padding:10px;width:100%;height:inherit;border-radius: 5px;margin-bottom:5px;}
    .csub.page_id_62 #crumbs ul li a:after{display:none;}
    .csub.page_id_62 #crumbs ul li a:before{display: none;}
    .csub.page_id_62 #crumbs ul li{display: block;}
    .csub.page_id_62 #crumbs ul li:after{content:"";width: 0;height: 0;border-style: solid;border-width: 15px 12.5px 0 12.5px;border-color: #4DA7E4 transparent transparent transparent;}
    .csub.page_id_62 #crumbs ul li:last-child:after{display:none;}

    .csub.page_id_62 .blt4_n br,
    .csub.page_id_62 .blt4 br{display:none;}

}
@media only screen and (max-width:600px){
    /*폼*/.page_id_319 .hpt_body_top_content{width:100%;}
    /*폼*/.page_id_337 .hpt_body_top_content{width:100%;}
    .csub.page_id_60 .sub_first_wrap div.circle_item p span.boxing1{font-size:14px !important;}
    .csub.page_id_60 .sub_first_wrap div.circle_item p span .fa{font-size:17px;}
    .csub .cctxt{display:block !important;text-align: left;margin-left:50px;}
    .csub .cctxt1{margin-bottom:10px;}
}
@media only screen and (max-width:480px){
    .csub.page_id_60 .sub_first_wrap div.circle_item p .boxing1{width: 110px;height: 80px;}
    .csub.page_id_60 .sub_first_wrap div.circle_item p span.boxtxt{font-size:13px !important;}
    .csub.page_id_62 #crumbs ul {width:80%;margin:0 auto;}
    .csub.page_id_62 #crumbs ul li a{font-size:12px;}
}
@media only screen and (max-width:360px){
    .csub.page_id_60 .sub_first_wrap div.circle_item p span{font-size:13px !important;}
    .csub.page_id_60 .sub_first_wrap div.circle_item p .boxing1{width: 90px;height: 70px;}
    .csub.page_id_60 .sub_first_wrap div.circle_item p span.boxtxt{font-size:11px !important;}
}


/*================커뮤니티======================================================================*/
/*공지사항---------------------------------------*/

/*갤러리-------------------------------------*/
.csub #kboard-default-list, .csub #kboard-thumbnail-list, .csub #kboard-avatar-list, .csub #kboard-customer-list {
    background-color: transparent;
    padding:0;
    border-top:1px solid #ddd;
    border-radius:0;
}
/*오버*/
.aa:hover{}
/*초기화*/
.aa:after{content: "";display: block;clear: both;}
/*반응형*/
@media only screen and (max-width:992px){

}
@media only screen and (max-width:768px){

}
@media only screen and (max-width:600px){

}
@media only screen and (max-width:480px){

}
@media only screen and (max-width:320px){

}


/*================메뉴통합 반응형작업======================================================================*/
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: transparent;
    border-color: #337ab7;
}
@media only screen and (max-width:1100px){
	#hpt_nav_conti .hpt_nav_inner .navbar .container {padding-left: 10px;padding-right: 10px;}

}


@media only screen and (max-width:768px){
    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{    background-color: rgba(43, 156, 212, 0.3);}
	.original #menu-hram_main>li{border-left:none !important;border-right:none !important;}
	#top_logo_conti .hpt_main_logo img {width: auto;height: 30px;}
	.cloned #menu-hram_main-1>li {border-bottom: 5px solid transparent;}
	#hpt_nav_conti.cloned{border-bottom:none;}
	#hpt_nav_conti .navbar-nav>li>a{color:#666;padding: 15px 0 5px 0;}
	#hpt_nav_conti .navbar-nav>li>a:before {color: #dec9db;}
    #hpt_nav_conti .nav>li>a:active,
	#hpt_nav_conti .nav>li>a:focus,
	#hpt_nav_conti .nav>li>a:hover,
	#hpt_nav_conti .nav>li.current_page_item>a { background-color: #6CB8D9;color: #FFF;}
}
	.hpt_nav_inner {background-color: #fff;padding:0;}
    .navbar-nav .open .dropdown-menu {background-color: rgba(0,0,0,0.1);}
	#hpt_nav_conti.cloned .hpt_nav_inner{background-color: #fff;padding:0;}
}

/*--------------------*/
@media only screen and (max-width:768px){
	.csub.sub2 br{display:none;}
}
@media only screen and (max-width:600px){

}


/*로그인*/
.login h1 a{background:url(/hram/img/logo_login.jpg) !important;}



/*테스트*/
.page_id_14 .sub_first_wrap{
    padding:40% 0;
    overflow: hidden;
    background-image: url(/hram/img/testbg2.jpg);
    background-repeat: repeat-x repeat-y;
    animation: up-bg 20s linear infinite;
    -webkit-animation: up-bg 20s linear infinite alternate;
}
@-webkit-keyframes up-bg {
    0% {background-position: 0 0;}
    100% {background-position: 0 100%;}
}



/*반응형*/
@media only screen and (max-width:992px){

}
@media only screen and (max-width:768px){
    #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner1{margin-top: 10px;}
    .sub1 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner1 p {background: url(/hram/img/sub1/sub1_06.png) no-repeat;background-size: 70%;padding-bottom:33%;}
    .sub2 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner1 p {background: url(/hram/img/sub2/sub2_06.png) no-repeat;background-size: 70%;padding-bottom:33%;}
    .sub3 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner1 p {background: url(/hram/img/sub3/sub3_06.png) no-repeat;background-size: 70%;padding-bottom:33%;}
    .sub4 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner1 p {background: url(/hram/img/sub4/sub4_06.png) no-repeat;background-size: 70%;padding-bottom:33%;}
    .sub5 #hpt_body_conti .hpt_body_inner .hpt_body_promo_content > div > div.prom_inner1 p {background: url(/hram/img/sub5/sub5_06.png) no-repeat;background-size: 70%;padding-bottom:33%;}
}
@media only screen and (max-width:600px){

}
@media only screen and (max-width:480px){

}
@media only screen and (max-width:320px){

}


#kboard-default-document .kboard-attach {
    color: #208EE2;
}

#kboard-default-document .kboard-attach a{
     color: #208EE2;
    font-weight:600;
    border-bottom: 1px solid #59B1F5;
    padding-bottom: 2px;
}


/*--------------------hpnews 인강원소식지-------*/

.sub5 .hpnews_wrap{
    width: 100%;
    height: auto;
    padding: 20px;
    box-sizing: border-box;
    /*margin-top: 20px;*/
    border-bottom: 2px solid #eee;}

.sub5 div.hpnews_copy{
    width:100%;
    height:60px;
    background-color:#edf5de;
    margin-top:80px;
    background: url(/hram/img/sub5/s_5_titl.jpg) no-repeat center 100%;
    text-align: center;
}

.sub5 div.hpnews_year{
    width:90%;
    height:60px;
    box-sizing: border-box;
    text-align: center;
    border-bottom:2px solid #f5e311;
    margin:0 auto;
}

.sub5 .hpnews_wrap div.hpn_left{
    width:40%;
    box-sizing: border-box;
    display: inline-block;
    padding:10px;
}

.sub5 .hpnews_wrap div.hpn_right{
    width:59%;
    border:1px solid #d3ebef ;
    box-sizing:border-box;
    box-sizing:border-box;
    display: inline-block;
    vertical-align: top;
    min-height: 450px;
    max-height: 450px;
    overflow-y: scroll;
    background-color: #f5f5f5;
    }

.sub5 div.hpnews_copy p{
    display: inline-block;
    padding: 5px;
    font-size: 15px;
    text-align: center;
    color: #826854;
    font-weight: bold;
}

.sub5 div.hpnews_year p{
    font-weight: bold;
    color: #000000;
    font-size: 23px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    position: relative;
    /*margin-left: 350px;*/
    margin-left:60px;
}

/*.sub5 div.hpnews_year p:after{
    content:"";
    position: absolute;
    padding:2px 28px;
    background-color:#f5e311;
}*/

.sub5 div.hpnews_year div.hpn_y_sel{
display: inline-block;
    float: right;
    margin-right: 20px;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
}

.sub5 .hpnews_wrap div.hpn_left .hpnews_vol{
    width:100%;
    display: inline-block;
    height:100px;
}

.sub5 .hpnews_wrap div.hpn_left .hpnews_vol ul{
    display: inline-block;
    width:100%;
}

.sub5 .hpnews_wrap div.hpn_left .hpnews_vol ul li{
    float:left;
}

.sub5 .hpnews_wrap div.hpn_left .hpnews_vol ul li.y{
    font-size: 16px;
    font-weight: bold;
    padding:5px 10px;
    background-color:#def2f5;

}

.sub5 .hpnews_wrap div.hpn_left .hpnews_vol ul li.v{
    padding:5px 10px;
    font-size:14px;
}

.sub5 .hpnews_wrap .hpnews_title{
    box-sizing:border-box;
    padding:10px;
}
.sub5 .hpnews_wrap .hpnews_title h2{
    font-weight:bold;
}

.sub5 .hpnews_more_box{
	width:100%;
	text-align: center;
}

.sub5 .hpnews_more_box span.hpnews_more{
    display: inline-block;
    padding: 8px 30px;
    font-size: 14px;
    color: #ffffff;
    background-color: #d19c74;
    border-radius: 5px;
    margin-top: 10px;
}

.sub5 .hpnews_content{padding:20px;}

.sub5 .hpnews_thumb{
	text-align:center;
    border: 3px solid #eee;
    }

/*--------------------hpnews 인강원소식지 상세페이지-------*/

.sub5detail .hpnews_wrap{margin-top:70px;}

.sub5 .hpnews_file{
	width: 100%;
    text-align: center;
}

.sub5 .hpnews_file h2 a{
	display:inline-block;
     padding: 8px 30px;
    font-size: 14px;
    color: #ffffff;
    background-color: #d19c74;
    border-radius: 5px;
}


@media only screen and (max-width:992px){

}
@media only screen and (max-width:768px){

.sub5 div.hpnews_copy{margin-top:50px;}

}

@media only screen and (max-width:600px){

.sub5 .hpnews_wrap div.hpn_left{width:100%;}
.sub5 .hpnews_wrap div.hpn_right{width:100%;}

.sub5 div.hpnews_copy p{font-size:12px;}
.sub5 div.hpnews_copy{margin-top:40px;}


}
@media only screen and (max-width:480px){

}
@media only screen and (max-width:320px){

}