@charset "utf-8";


.visual_con{background: url(../img/main_20210430.jpg?wv_res=true&tid=RELIGION&trev=1) no-repeat center center; background-size: scale; background-size: cover; height: 273px;}
.header_wrap{position: absolute; z-index: 41; height:77px;}
.header_wrap > h1 > a{max-width:201px; margin-left:auto; margin-right:auto;}
.sub .visual_con.new_visual {height: 75px;}
.sub .visual_con{background: url(../img/sub_visual_000.jpg?wv_res=true&tid=RELIGION&trev=1) no-repeat center center; max-width:2560px; margin-left:auto; margin-right:auto; float:none;}
.sub .visual_con.visual1{background: url(../img/sub_visual_001.jpg?wv_res=true&tid=RELIGION&trev=1) no-repeat center center; max-width:2560px; margin-left:auto; margin-right:auto; float:none;}
.sub .visual_con.visual2{background: url(../img/sub_visual_002.jpg?wv_res=true&tid=RELIGION&trev=1) no-repeat center center; max-width:2560px; margin-left:auto; margin-right:auto; float:none;}
.visual_con .gnb_border_column{border-right:1px solid #fff; opacity: 0.3; filter:alpha(opacity=30); position: absolute; left:85px; z-index: 2; height:100%; top:0;}
.visual_con .gnb_border_row{border-bottom:1px solid #fff; opacity: 0.3; filter:alpha(opacity=30); position: absolute; z-index: 2; width:100%; bottom:0; left:0;}
.sub .visual_con .gnb_border_row{display:none;}
.visual_con .visual_text_wrap{}
.visual_con .visual_text_box{padding-left:15px;}
.visual_con h2{color:#fff;}
.sub .visual_con h2{font-size:18px; font-size:1.8rem; line-height:26px; line-height:3.0rem; letter-spacing: -0.105em; color:#fff;}
.visual_con .h_subtitle2{color:#fff; letter-spacing: -0.085em;}
.visual_con .h_desc2{color:#fff; letter-spacing:-0.045em; font-size:14px; font-size:1.4rem; line-height:22px; line-height:2.2rem;}
.visual_con .h_line2{width:77px; border-bottom:1px solid #fff; height:auto; }
.visual_con .h_info2{color:#fff; opacity: 0.3; filter:alpha(opacity=30);}
.visual_con .visual_text_copy{color:#fff; letter-spacing: 0.045em; text-transform: uppercase; position: absolute; bottom:27px; right:15px;}

/* video */
.visual_video_wrap {width: 100%; height: 650px; position: absolute; top: 0; overflow: hidden; display: none; }
.visual_video_wrap .movie_con {}
.visual_video_wrap .movie_con iframe {width: 768px; height: 650px;}
.visual_video_wrap .youtube {width: 768px; height: 650px;}




/* gnb */
.visual_con .gnb_wrap{}
.gnb_wrap{position: absolute; z-index: 40; height:75px;}
.gnb_wrap .gnb_containor{width:calc(100% - 86px);}
.gnb_wrap .gnb_icon_con{background-color: #c69e70; cursor: pointer; z-index: 3;}
.gnb_wrap .gnb_inner{width:100%; height:calc(100% - 77px); position: fixed; top:77px; left:0; z-index: 50; background-color:#c69e70; opacity:1; filter:alpha(opacity=100);}
#gnb.gnb_wrap.active .gnb_inner{display:block;}
.gnb_wrap .gnb_inner > li{font-size: 18px; font-size:1.8rem; line-height:24px; line-height:2.4rem; color:#fff; float: left; width:100%; font-family:"Nanum Myeongjo", "돋움", Sans-serif;}
.gnb_wrap .gnb_inner > li:last-child{margin-right:0;}
.gnb_wrap .gnb_inner > li > a{padding-top:20px; padding-bottom:20px; padding-right: 30px; padding-left: 30px; display:block; position: relative; /*border-top: 2px solid #e3cfb8; */border-bottom: 1px solid #cead89; background: url(../img/gnb_m_off.png?wv_res=true&tid=RELIGION&trev=1)no-repeat right 30px center; background-size: 5%;}


.gnb_wrap .gnb_inner > li > a.on {background: #443636 url(../img/gnb_m_on.png?wv_res=true&tid=RELIGION&trev=1) no-repeat right 30px center; background-size: 5%; color:#ffd7a9;}
#gnb.gnb_wrap.active .gnb_inner > li:hover > ul{display:block;}
.gnb_wrap .gnb_inner > li > ul{padding-left:30px; width:100%; box-sizing: border-box; overflow: hidden;}
#gnb.gnb_wrap.active .gnb_border_row{display:none;}
.gnb_wrap .gnb_inner > li > ul > li{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; color: #ffffff; display:inline-block; position: relative; z-index: 4; vertical-align: top; width:100%; padding-top:6px; font-family:"돋움", Sans-serif; letter-spacing:-0.04em;}
.gnb_wrap .gnb_inner > li:last-child > ul > li{border-bottom:1px solid #cead89; padding-bottom:7px;}
.gnb_wrap .gnb_inner > li:last-child > ul > li:last-child{margin-bottom:2px; border-bottom:none;}
.gnb_wrap .gnb_inner > li > ul > li > a {padding: 6px 0; display: block;}
.gnb_wrap .gnb_inner > li > ul > li > ul{text-align: left; margin-top: 8px; border-top: 1px solid #cead89; display: block; padding: 4px 0 0;}
.gnb_wrap .gnb_inner > li > ul > li:last-child{margin-bottom:30px;}
.gnb_wrap .gnb_inner > li:last-child > ul > li:last-child{margin-bottom:0;}
.gnb_wrap .gnb_inner > li > ul > li > ul > li{font-size:14px; font-size:1.4rem; line-height:24px; line-height:2.4rem; font-weight:400; padding: 8px 0; color: #fff; font-family:"돋움", Sans-serif; letter-spacing: -0.04em;}
.gnb_wrap .gnb_inner > li > ul > li > ul > li > a{transition:0s;}
.gnb_wrap .gnb_inner > li > ul > li > ul > li > a:hover{color:#000;}
.gnb_wrap .gnb_inner > li > ul > li > ul > li > a > span{padding-left:30px; background: url(../img/gnb_dash_off.png?wv_res=true&tid=RELIGION&trev=1) no-repeat left 17px top 8px;}
.gnb_wrap .gnb_inner > li > ul > li > ul > li > a:hover > span {background: url(../img/gnb_dash_on.png?wv_res=true&tid=RELIGION&trev=1) no-repeat left 17px top 8px;}
.gnb_wrap .gnb_inner > li > ul > li > ul > li > a.active > span{background: url(../img/gnb_dash_on.png?wv_res=true&tid=RELIGION&trev=1) no-repeat left 17px top 8px;}

/*자동선택때문에 추가*/
.gnb_wrap .gnb_inner > li > a.active{color:#ffd7a9;}
/*.gnb_wrap .gnb_inner > li > ul > li > a.active{color:#000;}*/
.gnb_wrap .gnb_inner > li:last-child > ul > li > a.active{color:#000;}
.gnb_wrap .gnb_inner > li > ul > li > ul > li > a.active{color:#000;}


/*.gnb_wrap .gnb_dim{position: absolute; height: 100%; left:86px; width:100%; top:86px; background-color: blue; opacity: 0.9; display:none;}*/
/*.gnb_wrap.active .gnb_dim{display:block;}*/

/* gnb 모바일 */
.m_gnb_logo {background-color: #ffffff; width: 100%; display: none; position: fixed; top: 0; text-align: center; z-index: 500;}

[data-wv-template][data-wv-clickview-load]{cursor: pointer; }

.intranet_myinfo_button.client_logout_button{ font-size: 0;right: 10px;position: absolute;color: #000;font-weight: bold;bottom: 10px; }
.intranet_myinfo_button.client_myinfo_button{ font-size: 0;right: 40px;position: absolute;color: #000;font-weight: bold;bottom: 10px; }
.intranet_myinfo_button.client_home_button{ font-size: 0;right: 70px;position: absolute;color: #000;font-weight: bold;bottom: 10px; }




@media all and (min-width:769px){
    .gnb_wrap .gnb_inner > li:first-child > ul > li:first-child {width:200px;}
    .gnb_wrap .gnb_inner > li:last-child > ul > li:first-child {width:132px;}
    .gnb_wrap .gnb_inner > li:last-child > ul > li:nth-child(2) {width:149px;}
    .gnb_wrap .gnb_inner > li:last-child > ul > li:nth-child(3) {width:165px;}
    .gnb_wrap .intra_gnb_containor .gnb_inner > li > ul > li {width:130px; text-align: center; }
}
@media all and (min-width:768px){
    .intranet_myinfo_button.client_logout_button{ font-size: 12px;right: 10px;}
    .intranet_myinfo_button.client_myinfo_button{ font-size: 12px;right: 100px;}
	.intranet_myinfo_button.client_home_button{ font-size: 12px;right: 190px;}
    .header_wrap{height:auto;}
    .visual_con .h_desc2{font-size:17px; font-size:1.7rem; line-height:28px; line-height:2.8rem;}
    .visual_con .visual_text_box{padding-left:140px;}
    .gnb_wrap .gnb_inner > li > a.on{background:none;}
    .gnb_wrap {overflow: hidden; height:86px;}
    .gnb_wrap .gnb_inner{position: relative; background-color: transparent; margin:0; top:0;}
    .gnb_innertainor{width:calc(100% - 86px);}
    .gnb_wrap .gnb_inner > li{font-size: 17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; width:auto; margin-left:45px; margin-right:45px; letter-spacing:-0.025em;}
    .gnb_wrap .gnb_inner > li:first-child{margin-left:55px}
    .gnb_wrap .gnb_inner > li > a{padding-top:32px; padding-bottom:31px; padding-left: 0; padding-right: 0; border-top: 0px; border-bottom: 0px; background: none;}
    .gnb_wrap .gnb_inner > li > ul{position: absolute; padding-top:31px; padding-bottom:102px; left:0; padding-left:55px;}
    .gnb_wrap .gnb_inner > li > ul > li{font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; width:200px; padding-top:0; padding-bottom:0;}
    .gnb_wrap .gnb_inner > li:last-child > ul > li{border-bottom:none; padding-bottom:0;}
    .gnb_wrap .gnb_inner > li:last-child > ul > li{margin-bottom:0;}
    .gnb_wrap .gnb_inner > li:first-child > ul > li:first-child {width:200px;}
    .gnb_wrap .gnb_inner > li:first-child > ul > li:nth-child(2) {width:180px;}
    .gnb_wrap .gnb_inner > li:nth-child(2) > ul > li:first-child {width:185px;}
    .gnb_wrap .gnb_inner > li:nth-child(2) > ul > li:nth-child(2) {width:208px;}
    .gnb_wrap .gnb_inner > li:last-child > ul > li:first-child {width:112px;}
    .gnb_wrap .gnb_inner > li:last-child > ul > li:nth-child(2) {width:129px;}
    .gnb_wrap .gnb_inner > li:last-child > ul > li:nth-child(3) {width:145px;}
    .gnb_wrap .gnb_inner > li:last-child > ul > li:hover{color:#000;}
    .gnb_wrap .gnb_inner > li > ul > li > a {padding: 0;}
    .gnb_wrap .gnb_inner > li > ul > li:last-child{margin-bottom:30px;}
    .gnb_wrap .gnb_inner > li:last-child > ul > li:last-child{margin-bottom:0;}
    /*.gnb_wrap.active .gnb_inner > li:hover > a:after{content: ""; border-right:1px solid #fff; position: absolute; bottom:-33px; left:50%; margin-left:-0.5px; height:33px; opacity: 0.3; filter:alpha(opacity=30); z-index: 10;}*/
    /*#gnb.gnb_wrap.active .gnb_inner > li > ul{display:block;}*/
    #gnb.gnb_wrap.active .gnb_inner > li:hover > ul{display:block;}
    #gnb.gnb_wrap .gnb_inner > li > ul:after{content:"";position: absolute; width:calc(100% + 1px); height:100%; background-color: #c69e70; opacity: 1; filter:alpha(opacity=100); top:0; left:-1px;}
    #gnb.gnb_wrap.active .gnb_close_btn{display:none;}
    .gnb_wrap .gnb_inner > li > ul > li > ul {border-top: 0px solid #ceac85; margin-top:14px; border-bottom: 0px solid #ceac85; padding: 0;}
    .gnb_wrap .gnb_inner > li > ul > li > ul > li{font-size:12px; font-size:1.2rem; line-height:26px; line-height:2.6rem; padding: 0px;}
    .gnb_wrap .gnb_inner > li > ul > li > ul > li > a > span {padding-left: 14px; background: url(../img/gnb_dash_off.png?wv_res=true&tid=RELIGION&trev=1) no-repeat left top 5px;}
    .gnb_wrap .gnb_inner > li > ul > li > ul > li > a:hover > span {background: url(../img/gnb_dash_on.png?wv_res=true&tid=RELIGION&trev=1) no-repeat left top 5px;}
    .gnb_wrap .gnb_inner > li > ul > li > ul > li > a.active > span{background: url(../img/gnb_dash_on.png?wv_res=true&tid=RELIGION&trev=1) no-repeat left top 5px;}
    .m_gnb_logo {display: none;}
    .sub .visual_con.new_visual {height: 86px;}
    .gnb_wrap .gnb_inner > li > a:hover {background: none; color: #ffd7a9; }

}
@media all and (min-width:992px){
    .visual_con{height: 393px;}
    .sub .visual_con{padding-top:0px;}
    .visual_con .h_line2{display:none;}
    /* video */
    .visual_video_wrap {height: 840px; display: block;}
    .visual_video_wrap .movie_con {}
    .visual_video_wrap .movie_con iframe {width: 1280px; height: 840px;}
    .visual_video_wrap .youtube {width: 1280px; height: 840px;}
}