@charset "utf-8";

/*
	Layout CSS
	Header, Footer, Sub 페이지의 layout에 해당하는 것들을 모아두었습니다.
*/

/* SKIP */
#skip a{position:absolute; left:-9999px;}

/* ROOT */
#root{position:relative; width:100%;}

/* Content Layout */
.layout{max-width: 720px; margin: 0 auto;}


/* header layout -------------------------------------------------------------------------------------------------------------------------------------*/
#header{position:fixed; top:0; left:0; width:100%; height:auto; background:#fff;  z-index:500}
#header .header_wrap{position:relative; max-width:1400px; width:97%; min-width:320px; margin:0 auto; padding:0px 194px 0px 0;}
#header .header_wrap .header_logo{float:left; position:relative; z-index:1000;}
#header .header_wrap .header_logo a{display:block; font-size:2.133em; line-height:50px; font-weight:700; color:#252525;}
#header .header_wrap .header_sub_logo{float:right; font-size:1.467em; line-height:50px; font-weight:300; color:#aaa; letter-spacing:-0.02em}

#header .gnb{position:absolute; top:15px; right:0;}
#header .gnb ul{}
#header .gnb ul li{float:left;}
#header .gnb ul li a{display:block; padding-left:20px; font-size:0.8em; line-height:1.2em; color:#888; text-transform:uppercase;}

#header.header_up{box-shadow:0px 2px 7px rgba(51,51,51,0.08);}


.quick_menu{position:fixed; right:0px; top:20%; background:#fff; overflow:hidden; box-shadow:3px 3px 8px rgba(0,0,0,0.21); z-index:999; border-radius:20px 0 0 20px;}
.quick_menu div{border-bottom:1px dashed #e5e5e5;}
.quick_menu div:last-child{border-bottom:none;}
.quick_menu div > a{display:block; height:100%; text-align:center; padding:25px 22px; transition:0.1s;}
.quick_menu img{width:30px;}
.quick_menu span{display:block; margin-top:12px; font-family: 'Paperlogy'; transform : rotate(0.04deg); font-size:15px; font-weight:500; line-height:19px;}
.quick_menu div > a:hover{background:#bbd18b;}
.quick_menu div > a:hover span{color:#fff;}
.quick_menu.mb{display:none; position:unset; margin-top:30px; box-shadow:none;}
.quick_menu.mb div{width:50%;}
.quick_menu.mb div:nth-child(odd){border-right:1px dashed #fff;}
.quick_menu.mb div > a{padding:15px 10px;}
.quick_menu.mb span{font-size:14px; line-height:18px;}


.event_quick{}
.event_quick.block{}
.event_quick dt{cursor:pointer; text-align:center; padding:10px 0}
.event_quick dt img{width:88px;}
.event_quick dd{display:none; background:#8ea759; padding:20px 0; position:relative; color:#fff; border:2px solid #fff;}
.event_quick dd a{display:block; text-align:center; padding:10px 0; font-family:'Paperlogy'; font-weight:500; transition:0.1s;}
.event_quick dd a:last-child{margin-bottom:0;}
.event_quick dd a:hover{color:#c8ff26;}





/* navi */
#lnb{position:relative; width:100%; height:auto; margin-top:20px;}
#lnb .btn_all_lnb{display:none; width:35px;}
#lnb .btn_all_lnb img{width:100%}

#lnb .lnb_wrap{max-width:1400px; width:100%;  margin:0 auto; text-align:center; display:block; padding-left:263px;}
#lnb .lnb_wrap .lnb_d1{position:relative; border-right:1px solid #eee}
#lnb .lnb_wrap .lnb_d1 li{float:left; position:relative; width:14.285%; border-left:1px solid #f1f1f1; }
#lnb .lnb_wrap .lnb_d1 li a{display:block; position:relative; font-size:1.067em; line-height:50px; color:#333; letter-spacing:-0.01em; transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; }
#lnb .lnb_wrap .lnb_d1 > li > a:after{display:block; position:absolute; bottom:0; left:50%; width:0; height:7px; background:#ffc32a; content:""; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; }
#lnb .lnb_wrap .lnb_d1 > li > a:hover{color:#ffc32a; }
#lnb .lnb_wrap .lnb_d1 > li:hover > a:after{width:100%; }
#lnb .lnb_wrap .lnb_d1_on > li:hover > a{color:#ffc32a;}

#lnb .lnb_wrap .lnb_d2{display:none; position:absolute; top:50px; left:0; width:100%; min-height:120px; padding:15px 0; z-index:99999;}
#lnb .lnb_wrap .lnb_d2 li{float:none; display:block; width:100%; padding:0; border:0 none;}
#lnb .lnb_wrap .lnb_d2 li a{width:100%; padding:0 10px; font-size:0.867em; line-height:40px; font-weight:600; color:#333; text-align:center; }
#lnb .lnb_wrap .lnb_d2 li a:hover{color:#b8880f; }

#lnb .lnb_wrap .lnb_d3{display:none;}

#lnb .navi_none{display:none !important;}

.bg_navi{display:none; position:absolute; top:50px; width:100%; height:150px; border-top:1px solid #dcdcdc; border-bottom:1px solid #333; background:#fff; z-index:9999;}

.NAV {display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center;}
.NAV > li{flex:1; position:relative;}
.NAV > li::before{content:''; display:block; width:0; height:2px; background:#9bc938; transition:0.7s; position:absolute; left:50%; transform:translateX(-50%); top:0; z-index:-1;}
.NAV > li::after{content:''; display:block; width:0; height:2px; background:#9bc938; transition:0.7s; position:absolute; left:50%; transform:translateX(-50%); bottom:0; z-index:-1;}
.NAV > li:hover::before{width:100%;}
.NAV > li:hover::after{width:100%;}

.NAV a{display: block;}
.NAV > li > a{padding: 27px 0; font-weight:700; font-size:22px; line-height:27px; font-family: 'Paperlogy';}
.NAV > li > a b{font-size:larger; position:relative;}
.NAV > li > a b::before{content:''; display:block; width:29px; height:29px; background:#fff url('../../../img/202504/common/nav_han2.png') center no-repeat; background-size:29px; position:absolute; right:-2px; top:0;}

.NAV .sNAV{display:none; flex-direction:column; flex-wrap:nowrap; justify-content:flex-start; align-items:center; font-size:0.9em; width:100%; 
border-top:1px solid #dcdcdc;  border-top:none; background:#fff;position:absolute; box-shadow:5px 4px 9px rgba(51,51,51,0.05);}
.NAV .sNAV li{width: 100%;}
.NAV .sNAV a{padding: 15px 0; transform : rotate(0.04deg); font-weight:500; }
.NAV .sNAV a:hover{background: #e8f7c7; color:#352200;}
.NAV .None{display:none !important;} /* 숨김속성 */

.NAV .sNAV li.tit{font-weight:800; color:#12b345;}

/* Depth3 */
.NAV .depth2{position: relative;}
.NAV .depth2 .sNAV{display:none; left: 100%; top: 0;}
.NAV .depth2:hover .sNAV{display:block;}


.last_issue{display:none; font-size:26px; font-weight:800; width:200px; text-align:right;}
.h_search{position:absolute; right:0; bottom:31px;}
.search_wr{border:2px solid #003057; border-radius:50px; width:fit-content; padding:0 10px;}
.search_input{border:none; background:transparent; font-size:15px; width:125px;}
.search_submit{background:#fff url('../../../img/202401/common/search_submit.png') center no-repeat; width:33px; height:26px; border:none;}

.h_search_mb{display:none; position:unset; width:fit-content; margin:0 auto;}
.event_quick.mb{display:none;}

/* body */
#container{position:relative; margin-top:130px;}


/* sub location*/
#sub_loca{display:none; width:100%; border-bottom:1px solid #ddd}
#sub_loca .loca_wrap{width:100%; margin:0 auto; border-left:1px solid #eee;}
#sub_loca .loca_wrap li{float:left; position:relative; background:url(../../../img/common/acco_arr.png) no-repeat 95% 50%; background-size:auto 7px; border-right:1px solid #eee; font-size:1.133em; line-height:20px}
#sub_loca .loca_wrap li a{display:block; padding:20px; }
#sub_loca .loca_wrap li.home{background:0 none; }
#sub_loca .loca_wrap li.home img{height:20px}
#sub_loca .loca_wrap li.depth01{width:300px;}
#sub_loca .loca_wrap li.depth02{width:300px;}
#sub_loca .loca_wrap li .loca_list{position:absolute; top:60px; left:0; width:100%; background:#fff; z-index:100; box-shadow: 5px 5px 10px rgba(0,0,0,0.05);}
#sub_loca .loca_wrap li .loca_list a{display:block; padding:12px 15px; border-top:1px solid #eee; font-size:0.882em; }
#sub_loca .loca_wrap li .loca_list a.on{color:#d04443}
#sub_loca .loca_wrap li .loca_list a:hover{background: #f9f9f9;}

/* sub layout -------------------------------------------------------------------------------------------------------------------------------------*/

/* sub visual */
#sub_visual{display:none;}
/*#sub_visual h2{text-align: center; font-size: 30px; text-transform: uppercase; font-weight: bold; padding: 50px 0;}*/

/* sub navi*/
#sub_wrap{width:100%; height:auto; padding-top:162px; background:url(../../../img/Demo/common/sub_tit_bg.gif) no-repeat 50% 0;}
#sub_wrap .sub_title{max-width:1200px; width:98%; height:100px; margin:0 auto; font-size:2.308em; line-height:1em; font-weight:700; color:#224669;}
#sub_wrap .snb{}
#sub_wrap .snb .snb_wrap{max-width:1200px; width:100%; min-width:320px; margin:15px auto;}
#sub_wrap .snb .snb_wrap li{float:left; width:220px; margin-right:-1px;}
#sub_wrap .snb .snb_wrap li a{display:block; position:relative; border:1px solid #ddd; background:#eee; font-size:1.154em; line-height:40px; text-align:center;}
#sub_wrap .snb .snb_wrap li a:hover{background:#f2f3f4; border:1px solid #859bbc; color:#859bbc; z-index:50;}
#sub_wrap .snb .snb_wrap li a.on{background:#fff; border:1px solid #4880d5; color:#4880d5; z-index:50;}

/* body_title */
.b_cont_title{max-width:1920px; margin:0 auto; height:500px; display:flex; align-items:center; justify-content:center; position:relative; background:aliceblue;}
.wz_visual114{background:url('../../../img/202504/sub/sub_visual1-1.jpg') center no-repeat;}
.wz_visual115{background:url('../../../img/202504/sub/sub_visual1-2.jpg') center no-repeat;}
.wz_visual116{background:url('../../../img/202504/sub/sub_visual1-3.jpg') center no-repeat;}
.wz_visual117{background:url('../../../img/202504/sub/sub_visual1-4.jpg') center no-repeat;}

.wz_visual118{background:url('../../../img/202504/sub/sub_visual2-1.jpg?1') center no-repeat;}
.wz_visual119{background:url('../../../img/202504/sub/sub_visual2-2.jpg') center no-repeat;}
.wz_visual120{background:url('../../../img/202504/sub/sub_visual2-3.jpg?2') center no-repeat;}
.wz_visual121{background:url('../../../img/202504/sub/sub_visual2-4.jpg?1') center no-repeat;}

.wz_visual122{background:url('../../../img/202504/sub/sub_visual3-1.jpg') center no-repeat;}
.wz_visual123{background:url('../../../img/202504/sub/sub_visual3-2.jpg?1') center no-repeat;}
.wz_visual124{background:url('../../../img/202504/sub/sub_visual3-3.jpg?1') center no-repeat;}
.wz_visual125{background:url('../../../img/202504/sub/sub_visual3-4.jpg') center no-repeat;}

.wz_visual126{background:url('../../../img/202504/sub/sub_visual4-1.jpg?2') center no-repeat;}
.wz_visual127{background:url('../../../img/202504/sub/sub_visual4-2.jpg') center no-repeat;}
.wz_visual128{background:url('../../../img/202504/sub/sub_visual4-3.jpg?3') center no-repeat;}
.wz_visual129{background:url('../../../img/202504/sub/sub_visual4-4.jpg') center no-repeat;}




/*.wz_visual28::before{content:'대한한의사협회 제공'; display:block; color:#fff; position:absolute; right:10%; bottom:2%; z-index:1; font-size:13px;}*/

.wz_visual_list{background:url('../../../img/202401/sub/sub_visual.jpg') center no-repeat;}
.wz_visual_story{background:url('../../../img/202401/sub/sub_visual.jpg') center no-repeat;}


.sg_contents{margin:40px auto 80px;}
.sg_contents p {line-height: 30px; text-align: justify; letter-spacing:-0.8px;}
.event{padding:50px 0;}
.sub_cont_wrap p{line-height:30px; text-align:justify;}
.sub_cont_wrap p.dialogue{color:#76a50e; font-style:italic;}
.sub_cont_wrap p:last-child{margin-bottom:0;}
.sub h2{}
.cont_title{margin-bottom:70px;}
.cont_title p{font-size:22px; font-weight:600; text-align:center; margin-top:8px; line-height:32px;}
.cont_title p.edit_info{text-align:center !important; font-size:21px; font-weight:500; margin-top:25px; line-height:30px; letter-spacing:-1px;}
.cont_title p.edit_info b{margin-right:2px; font-size:24px;}

.event .cont_title{margin-bottom:40px;}

.sub h3{font-size:24px; font-weight: 600; word-break:keep-all; margin-bottom:20px; color:#222; position:relative; border-bottom:1px solid #8d8d8d; padding-bottom:20px;}

.sub h4{font-size:20px; font-weight: 600; word-break:keep-all; margin-bottom:20px; color:#222; position:relative;}




.sub h5{clear:both; position:relative; margin:20px 0 10px; padding-left:10px; font-size:1.385em; line-height:1.3em; font-weight:500; color:#222;}
.sub h5::before{content:""; position:absolute; top: 10px; left:0; width:2px; height: 10px; margin-right:7px; background:#0072bc; transform: rotate(20deg);}
.sub h5:first-of-type{margin:15px 0 10px } 

/* body*/
#body_wrap{width:100%;height:auto; min-height:650px; margin:0 auto;}
#body_wrap .body_title_wrap{display:none; position:relative; width:100%; }
#body_wrap .body_title_wrap .body_title{padding:20px 0 10px; border-bottom:1px solid #ddd; font-size:1.538em; line-height:1.4em;}
#body_wrap .body_title_wrap .location{position:absolute; top:30px; right:0px; font-size:0.85em; color:#888; line-height:20px; }
#body_wrap .body_title_wrap .location .home{display:inline-block; width:12px; height:20px; background:url(../../../img/common/loca_home.png) no-repeat 0 5px; background-size:12px auto; text-indent:-9999px; vertical-align:top }
#body_wrap .body_title_wrap .location span{display:inline-block; width:auto; padding-left:17px; background:url(../../../img/common/loca_arr.png) no-repeat 8px 7px; background-size:auto 8px; vertical-align:top}

#body_wrap .body_content{min-height:800px;}

/* #top_arr{display:none; position:fixed; bottom:30px; right:30px; width:50px; height:50px; background:rgba(0,0,0,0.6) url(../../../img/common/top_arr.png) no-repeat 50% 50%; background-size:20px auto; 
	text-indent:-9999px; z-index:99999;} */


/* footer layout -------------------------------------------------------------------------------------------------------------------------------------*/
#footer{width:100%; margin:0 auto; padding:35px 0; border-top:1px solid #333;}
#footer .layout{justify-content:space-between; max-width:1200px;}
#footer .footer_wrap p{display:block; vertical-align:bottom; transform : rotate(0.04deg); margin-top:10px;}
#footer .f_logo{margin-bottom:20px;}
#footer .f_sns{padding-top:60px;}
#footer .f_sns .img_wrap{display:inline-block; margin-right:20px;}



/* ----------------------------------------- Media Query ----------------------------------------- */

@media only screen and (max-width : 1600px) {
	.quick_menu div a{padding:18px 10px;}
	.quick_menu span{font-size:14px; line-height:19px;}
}



@media only screen and (max-width : 1400px) {
	#lnb .lnb_wrap{padding-left:288px;}
	.quick_menu div a{padding:18px 10px;}
	.quick_menu span{font-size:14px; line-height:19px;}
}



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

	/* Content Layout */
	.layout{padding: 0 25px; box-sizing: border-box;}

	/* Header */
	#lnb .lnb_wrap .lnb_d1 li a{font-size:1em;}

	
	/* Header */
	#lnb .lnb_wrap{display:block;}
	.NAV {flex-direction:row;}

	/* Sub */
	#sub_wrap .snb,
	#sub_wrap .snb .snb_wrap li{width:25%}
}


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

	/* Header */
	#header{background: #fff; box-shadow: none; }
	#header .header_wrap{background: #fff; width:100%;}
	#header.lnb_mobile{width:100%; /*height:1500px;*/ /*background:none;*/ z-index:6000 !important; }
	#header .header_wrap{padding:15px 0;}
	#header .header_wrap .header_logo{margin-left:20px;}
	#header .header_wrap .header_logo a{font-size:1.714em; line-height:35px}
	#header .header_wrap .header_logo img{width:168px;}
	#header .header_wrap .header_sub_logo{display:none;}
	#header .gnb{display:none;}
	
	#lnb{float:none; width:100%; clear:both; border:0 none; }
	#lnb .btn_all_lnb{display:block; position:absolute; top:-45px; right:15px; width:31px; height:28px; text-indent:-9999px; z-index:5000; transition:all 0.3s}
	#lnb .btn_all_lnb span{display:block; position:absolute; top:12px; left:0; width:100%; height:3px; margin-top:-1px; background:#333; z-index:5000; }
	#lnb .btn_all_lnb span.top{top:0; left:0; }
	#lnb .btn_all_lnb span.bot{top:24px; left:0; }
	
	#header.lnb_mobile #lnb .btn_all_lnb span{color:#fff}
	#header.lnb_mobile #lnb .btn_all_lnb span.midd{opacity:0;}
	#header.lnb_mobile #lnb .btn_all_lnb span.top{transform: rotate(45deg) translate(13px, 4px);}	
	#header.lnb_mobile #lnb .btn_all_lnb span.bot{transform: rotate(-45deg) translate(13px, -4px);}
	
	#lnb .lnb_wrap{position: absolute; left: -280px; width:280px; padding-top:25px; height: 100vh; background: #fff; margin: 0; z-index: 99999; transition: .5s; padding-left:0;}
	#lnb .lnb_wrap.open{left: 0; overflow:auto;}
	#lnb .lnb_wrap .lnb_d1 li{float:none; width:96%; margin:0 auto; padding:0 10px; border:0 none; text-align:left}
	#lnb .lnb_wrap .lnb_d1 li a{display:inline-block; position:relative; padding:0 5px; line-height:50px}
	#lnb .lnb_wrap .lnb_d1 > li:hover > a{color:#333; }
	#lnb .lnb_wrap .lnb_d1 > li:hover > a:before{display:block; position:absolute; top:23px; left:0; width:100%; height:6px; background:#ffdc84; z-index:-1; content:""}
	#lnb .lnb_wrap .lnb_d1 > li > a:after{display:none; }
	#lnb .lnb_wrap .lnb_d2{position:relative; top:0; left:0; }
	#lnb .lnb_wrap .lnb_d2 li{padding:0; }
	#lnb .lnb_wrap .lnb_d2 li a{padding-left:30px; border-left:4px solid #96bde6;  line-height:40px; font-weight:400; color:#6ca0cf; text-align:left}
	#lnb .bg_navi{display: block; top: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.7); border: none; opacity: 0; visibility: hidden; transition: .5s;}
	#lnb .bg_navi.open{opacity: 1; visibility: visible;}

	.h_search{bottom:27px; right:72px;}

	.event_quick.mb{display:block;}

	.NAV .sNAV{border: none; background: #f9f9f9; position: relative;}
	.NAV .depth2 .sNAV{left: 0;}
	.NAV li:hover > .sNAV {display:none; position:initial;}
	.NAV > li{width: 100%;}
	.NAV > li::before{display:none;}
	.NAV > li > a{padding:20px 0; font-size:20px;}
	.NAV > li > a b::before{right:-5px; top:-2px;}

	.NAV .sNAV{font-size:15px; box-shadow:none;}

	.NAV .sNAV .depth3{background:#ebede5;}
	
	.NAV {flex-direction:column;}

	.event_quick{left:2%;}

	#container{margin-top: 82px;}
}



@media only screen and (max-width : 1000px) {
	#container{margin-top:100px;}
	
	.quick_menu{display:none;}
	.quick_menu.mb{display:block; font-size:0; height:434px; overflow:scroll; position:unset; border-radius:0; box-shadow:none; margin-top:20px;}
	.quick_menu.mb div{width:50%; flex:unset; border-bottom:none; height:98px; display:inline-block; vertical-align:top;}
	.quick_menu.mb div:nth-child(1),.quick_menu.mb div:nth-child(4){background:#eef7db;}
	.quick_menu.mb div:nth-child(2),.quick_menu.mb div:nth-child(3){background:#ddeaf7;}
	.quick_menu.mb div:nth-child(odd){border-right:none;}
	.quick_menu.mb div a{padding:12px 5px;}
	.quick_menu.mb img{width:25px;}

	.event_quick dt img{width:88px;}

	.sg_contents{margin:40px auto;}
	.sub_cont_wrap p{line-height:23px; letter-spacing:-0.2px;}
	.b_cont_title{height:200px; padding:0 20px; background-size:cover !important;}
	.sg_contents p{line-height:23px; letter-spacing:-0.2px;}
	.sub h2{font-size:25px; line-height:27px; margin-bottom:14px;}
	.sub h2 span{font-size:13px; margin:0 auto 15px; line-height:27px;}
	.cont_title{margin-bottom:40px;}
	.cont_title p{font-size:15px; line-height:21px;}
	.cont_title p.edit_info{font-size:14px; line-height:19px; margin:0px auto 0; width:326px; word-break:keep-all;}
	.cont_title p.edit_info b{font-size:17px;}
	.sub h3{font-size:16px; line-height:23px;}

	.search_submit{background-size:cover !important; width:20px !important; height:16px !important;}
	.search_wr input.search_input{width:100px;}

	.footer_wrap img{width:150px; margin-right:14px;}
	#footer .f_sns a{margin-right:7px;}
	.f_sns a img{height:28px;}
	#footer .footer_wrap p{font-size:14px;}
	#footer .f_sns{padding-top:40px;}
}




@media only screen and (max-width : 800px) {
	#header .header_wrap .header_logo img{width:130px;}
	#lnb .btn_all_lnb{top:-39px;}
	.h_search{bottom:21px; right:78px;}

	/* Footer */
	#footer{padding:15px 0;}
	.footer_wrap{width:100%; order:2;}
	.f_sns{width:100%; order:1; text-align:right; margin-bottom:20px;}
	#footer .footer_wrap p{display:block; margin-top:14px;}
	#footer .f_sns{padding-top:0;}

}

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

	/* Sub */
	#sub_loca .loca_wrap li, #sub_loca .loca_wrap li.depth01, #sub_loca .loca_wrap li.depth02{width: 50%;}
	#sub_loca .loca_wrap li.depth02{border-right: none;}

    /* Footer */
    #footer .ft_nav{display: flex; justify-content: space-between;}
    #footer .ft_nav li{width: 49%;}
    #footer .ft_nav li a{width: 100%;}
}


@media only screen and (max-width : 600px) {
	#header .header_wrap .header_logo img{width:125px;}
	.h_search{display:none;}
	.h_search_mb{display:block;}
	.search_wr input.search_input{width:180px;}

	#lnb .btn_all_lnb{top:-37px;}

	.f_sns{text-align:center; margin-bottom:30px;}
	#footer .f_sns .img_wrap{margin-right:15px;}
	.footer_wrap img{display:block; margin:0 auto;}

	#container{margin-top:82px;}
}