@charset "utf-8";
/*공통*/
h5.tite{font-size:20px; position:relative; padding-left:2.5%; letter-spacing:-.8px;}
h5.tite::after{content:""; display:block; background:url("../images/ico/s-bullet.jpg")no-repeat; width:20px; height:20px; position:absolute; top:2px; left:0px;  }

#sub-menu{background-color:#f5f5f5; border-bottom:solid 1px #ddd;}

/*서브메뉴*/
#sub-menu{background-color:#fff; height:60px; line-height:60px;}
#sub-menu .home-ico{float:left; width:60px;}
#sub-menu .home-ico a{display:block;}
#sub-menu .home-ico a img{display:block;}

#sub-menu .sub-box{float:left; width:1130px;  font-family: 'LeferiBaseType-RegularA';}

.slnb li{float:left; width:20%; box-sizing:border-box; text-indent:12%;  font-size:16px; color:#333; position:relative; letter-spacing:-0.8px;}
.slnb li a{display:block; border-right:solid 1px #e5e5e5; position:relative;}
.slnb li a::after{content:""; display:block; background:url("../images/ico/down-arrow.png")no-repeat; width:9px; height:6px; position:absolute; top:40%; right:10%;}

.slnb li ul.s-hide{background:#f7f7f7; display:none; position:absolute; width:100%; z-index:99; box-sizing:border-box;}
.slnb li ul.s-hide li{float:none; width:100%; font-size:15px; line-height:1.5; transition: all 0.5s, color 0.3s;}
.slnb li ul.s-hide li:hover{box-shadow:295px 0 0 0 rgb(70,73,121) inset; color:#fff;}

.slnb li ul.s-hide li a{border-right:none; position:relative; display:block; padding:5% 0;}
.slnb li ul.s-hide li a::after{display:none;}
.slnb li ul.s-hide li:hover a{color:#fff;}

/*서브비주얼*/
#subvisuall{position:relative; top:0px; margin-bottom:-7px;}
#subvisuall .wrap{position:absolute;  top:0; transform:translateX(-16%); z-index:99;}
#subvisuall ul li img{width:100%;  height:auto; min-height:80px; }

#subvisual{position:relative; top:0px; margin-bottom:0px;}
#subvisual .wrap{position:absolute;  top:0; transform:translateX(-16%); z-index:99;}
#subvisual ul li img{width:100%;  height:auto; min-height:80px; }

/*서브타이틀*/
#sub-tite{overflow:hidden; margin:3% 0 2%;}
#sub-tite h4{font-size:24px; font-family:'Noto Sans KR'; letter-spacing:-1.2px; border-bottom:solid 1px #ddd; position:relative; padding:0 0 .5% 1%;}
#sub-tite h4::after{content:""; display:block; width:5px; height:25px; background-color:#0093d9; position:absolute; top:7px; left:0;}

/*부산산악포럼은?*/
#sub-cont{overflow:hidden; margin:0 0 5%;}
#sub-cont .wrap .left{width:100%; margin-right:60px;}
#sub-cont .wrap .left h3{font-size:28px; color:#0093d9;}
#sub-cont .wrap .left .stite{font-size:20px; margin-left:100px; width:85%; font-family: 'Eulyoo1945-SemiBold';text-align: justify; color:#000;  line-height:1.7; margin-top:1%;}
#sub-cont .wrap .left .stite span, #sub-cont .wrap .left .s-txt span{display:block;}
#sub-cont .wrap .left .s-txt{font-size:19px;margin-left:100px; width:85%; font-family: 'Eulyoo1945-Regular';tcolor:#333; text-align: justify; line-height:1.7; padding:1% 0;}
#sub-cont .wrap .left .f-txt{font-size:17px;margin-left:0px; width:98%; font-family: '';tcolor:#333; text-align: justify; line-height:1.3; padding:1% 0;}
.v-txt{font-size:18px; color:#333; line-height:1.5; padding:1% 0;}

#sub-cont .wrap .right{width:200px;}
#sub-cont .wrap .right dl dd{max-width:200px; max-height:79px; margin-bottom:3%;}
#sub-cont .wrap .right dl dd img{width:100%;}

#sub-cont table{margin-left:300px; margin-right:auto;width:800px;font-size: 1.1em;   letter-spacing:0.5px;  }
#sub-cont table td{line-height:20px;  padding-top:10px; padding-bottom:10px; text-align:left;border:1px; }
.lt{width:26%; color:#2375d2;font-family:'Eulyoo1945-SemiBold';vertical-align:top;}
.rt{ font-family:'GmarketSansMedium';  vertical-align:top;}

.b-line{width:100%; height:11px; background:url("../images/img/company-line.png")repeat-x;}
#ci{position:relative; margin-top:2%;}
#ci h4{color:#000; font-family:'GmarketSansBold'; font-size:2.143em;}
#ci p{font-size:1.429em; color:#555; letter-spacing:-1.2px;}

#ci dl.ci-box{overflow:hidden;}
#ci dl.ci-box dd{width:800px; max-width:100%;float:left; margin-top:2%;}
#ci dl.ci-box dd:nth-child(2){margin-left:50px;}
#ci dl.ci-box dd .ibox{position:relative; border-right:solid 1px #efefef;}
#ci dl.ci-box dd .ibox::after{content:""; display:block; background:url("../images/img/company-ci-p.png")repeat; width:100%; height:100%; z-index:-1; opacity:.5; position:absolute; top:0; left:0;}
#ci dl.ci-box dd .tbox{text-align:left; background-color:#efefef; padding:3%; font-size:1.286em; letter-spacing:-0.8px; font-weight:500;}

#ci .color-box{overflow:hidden; margin:3% 0;}
#ci .color-box .left{float:left; width:60%; font-size:2.143em; font-family:'GmarketSansBold'; letter-spacing:-1.2px; position:relative;}
#ci .color-box .left::after{content:""; display:block; position:absolute; width:68%; height:1px; background-color:#bbb; right:4%; top:57%;}

#ci .color-box .right{float:left; width:40%;}
#ci .color-box .right dl dd{float:left; width:50%; text-align:center;}
#ci .color-box .right dl dd:nth-child(1){background-color:#6c5c54; color:#fff; padding:3%;}
#ci .color-box .right dl dd:nth-child(2){background-color:#81b72a; color:#fff; padding:3%;}



/*부산산악포럼조직/사업*/
.business{overflow:hidden; margin:2% 0 4%;}
.business .ibox{float:left; width:50%;}

.business .tbox{float:left; width:45%;}
.business .tbox{margin-left:3%; font-size:18px; letter-spacing:-0.8px; line-height:2.1;}
.business .tbox dd{position:relative; padding-left:6%;}
.business .tbox dd::after{display:block; position:absolute; top:4px; left:0; width:30px; height:26px; line-height:31px; font-size:15px; text-align:center; background-color:#0093d9; color:#fff; font-family:'LeferiBaseType-RegularA';}
.business .tbox dd:nth-child(1)::after{content:"01";}
.business .tbox dd:nth-child(2)::after{content:"02";}
.business .tbox dd:nth-child(3)::after{content:"03";}
.business .tbox dd:nth-child(4)::after{content:"04";}
.business .tbox dd:nth-child(5)::after{content:"05";}
.business .tbox dd:nth-child(6)::after{content:"06";}
.business .tbox dd:nth-child(7)::after{content:"07";}
.business .tbox dd:nth-child(8)::after{content:"08";}

.group{overflow:hidden; }
.group h5.tite{margin:3% 0;}
.group dl{position:relative;  height:180px;}
.group dd{width:220px; box-sizing:border-box; border:solid 1px #ddd; text-align:center; position:absolute;}
.group dd:nth-child(1){left:15%;}
.group dd:nth-child(2){right:15%;}
.group dd:nth-child(3){right:0;}
.group dd:nth-child(4){bottom:0; left:240px;}
.group dd:nth-child(5){bottom:0px; right:240px;}


.group dd div{padding:5%; font-size:18px;}

.group dd .color{color:#fff;}
.group dd:nth-child(1) .color{background:#0093d9;}
.group dd:nth-child(2) .color{background:#bfbfbf;}
.group dd:nth-child(3) .color{background:#bfbfbf;}
.group dd:nth-child(4) .color{background:#00a1c7;}
.group dd:nth-child(5) .color{background:#00a1c7;}

.group dd div.name{color:#555; min-height:0px;  padding:8%;}
.group dd div.name ul li i{color:#00a1c7;}

.busin-group{overflow:hidden;}
.busin-group h4{font-size:17px; text-align:center; background:#f5f5f5; padding:1.2%; margin:3% 0; font-weight:500;}

.busin-group dd{float:left; width:600px; margin-left:280px; margin-bottom:20px; box-sizing:border-box; border:solid 1px #ddd;}
.busin-group dd:nth-child(2n){margin-right:0;}

.busin-group dd div{padding:2%; font-size:18px; overflow:hidden;}
.busin-group dd .color{color:#fff; background:#a2a685; text-align:center;}
.busin-group dd .color1{color:#fff; background:#0093d9; text-align:center;}
.busin-group dd .color2{color:#fff; background:#bfbfbf; text-align:center;}
.busin-group dd .color3{color:#fff; background:#00a1c7; text-align:center;}

.busin-group dd .name{min-height:0px; padding:2%; line-height:1.8;}
.busin-group dd div.name ul li i{color:#a2a685;}
.busin-group dd div.name ul li i.lh{line-height:1.2; padding-top:3%;}
.busin-group dd div.name ul li i, .busin-group dd div.name ul li span{float:left; width:50%; text-align:center;}


/*창작시 노래앨범*/
.album{overflow:hidden;}
.album dl{overflow:hidden;}
.album dl dd{width:49%; float:left; margin-right:1%; margin-bottom:2%; box-sizing:border-box; border:solid 1px #ddd;}
.album dl dd:nth-child(2n){margin-right:0; margin-left:1%;}

.album dl dd .ibox{position:relative;}
.album dl dd .ibox .txt{position:absolute; top:32%; right:6%; width:42%;}
.album dl dd .ibox .txt h2{font-size:16px; color:#fff; background-color:#33b0a4;  padding:5px 10px; text-align:center; border-radius:20px;}
.album dl dd .ibox .txt p{font-size:24px; color:#000; text-align:center; letter-spacing:-1.5px; margin-top:3%; line-height:1.4;}
.album dl dd .tbox{background:#f5f5f5; font-size:14px; letter-spacing:-0.8px; color:#555; text-align:center; box-sizing:border-box; padding:5% 8%; min-height:130px;}

.album .more-view{text-align:right; margin:2% 0 0;}
.album .more-view button{border:none; background: linear-gradient(to right, rgb(62,150,213), rgb(62,150,213)); color:#fff; padding:1% 2%; font-size:15px; transition: all 0.5s, color 0.3s;}
.album .more-view button:hover{box-shadow: 295px 0 0 0 rgb(255, 255, 255) inset; color:#555; position:relative;}
.album .more-view button:hover::after{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border:solid 1px #ddd;}

/*회칙*/
.society-box{overflow:hidden;}
.society-box h4{font-size:18px; color:#000; margin:1% 0; padding-left:2%; position:relative;}
.society-box h4::after{content:""; display:block; background:url("../images/ico/s-bullet.jpg")no-repeat; width:15px; height:15px; position:absolute; top:7px; left:0; background-size:contain;}

.society-box ul{color:#333; font-size:16px; letter-spacing:-1.2px;}
.society-box ul li{line-height:1.8; position:relative; padding-left:1%;}
.society-box ul li::after{content:"-"; display:block; position:absolute; top:0; left:0;}

.society-box ul.num{color:#555; font-size:15px;  letter-spacing:-0.8px; margin:1% 0;}
.society-box ul.num li{position:relative; padding-left:2.4%;}
.society-box ul.num li::after{display:block; position:absolute; top:0; left:0;}
.society-box ul.num li:nth-child(1)::after{content:"01.";}
.society-box ul.num li:nth-child(2)::after{content:"02.";}
.society-box ul.num li:nth-child(3)::after{content:"03.";}
.society-box ul.num li:nth-child(4)::after{content:"04.";}
.society-box ul.num li:nth-child(5)::after{content:"05.";}

.society-box .year{padding:1% 0; color:#33b0a4; font-size:16px;}

/*막비시 동인*/
.comm-tab{overflow:hidden;}
.comm-tab dl{overflow:hidden;}
.comm-tab dl dd{width:20%; float:left; text-align:center; box-sizing:border-box; background:#f7f7f7; border:solid 1px #ddd; border-right:none; color:#999; padding:1%; font-size:17px; letter-spacing:-1.2px; cursor:pointer;}
.comm-tab dl dd:last-child{border-right:solid 1px #ddd;}
.comm-tab dl dd.on{color:#fff; background: linear-gradient(to right, rgb(62,150,213), rgb(62,150,213));}

.comm-cont{margin:2% 0; overflow:hidden;}


/*부산산악포럼신인상*/

.field-box{margin:2% 0; overflow:hidden;}
.field-box dl{overflow:hidden; margin:2% 0 4%;}
.field-box dl dd{float:left; width:25%; text-align:center; box-sizing:border-box; border:solid 1px #ddd; border-right:none;}
.field-box dl dd:last-child{border-right:solid 1px #ddd;}

.field-box dl dd div{padding:5%; font-size:18px;}
.field-box dl dd .tite{background:#f5f5f5; border-bottom:solid 1px #ddd;}

.field-box dl dd .cont{line-height:50px}
.field-box dl dd:nth-child(4) .cont{line-height:normal;}
.field-box dl dd .cont span{display:block;}
.field-box dl dd .cont span.stxt{font-size:16px; color:#555;}

.receipt{overflow:hidden;}
.receipt dl{overflow:hidden; margin:2% 0 4%;}
.receipt dl dd{float:left; width:280px; height:230px; box-sizing:border-box; border:solid 1px #ddd; margin-right:17px; font-size:18px; letter-spacing:-0.5px; text-align:center; position:relative; padding-top:16%;}
.receipt dl dd::before{display:block; position:absolute; top:0; left:0; width:44px; height:44px; line-height:44px; font-size:18px; background-color:#0093d9; color:#fff; font-family:'LeferiBaseType-RegularA';}
.receipt dl dd:nth-child(1)::before{content:"01"}
.receipt dl dd:nth-child(2)::before{content:"02"}

.receipt dl dd::after{content:""; position:absolute; top:15%; left:30%; width:108px; height:100px; background-size:contain; background-repeat:no-repeat;}
.receipt dl dd:nth-child(1)::after{background-image:url("../images/ico/sub04-ico01.png");}
.receipt dl dd:nth-child(2)::after{background-image:url("../images/ico/sub04-ico02.png");}

.receipt dl dd span{display:block;}
.receipt dl dd span.mail{font-weight:600;}

.noti-box{margin:2% 0; overflow:hidden;}
.noti-box dl{overflow:hidden; margin:2% 0 4%; font-size:18px; line-height:2.0; letter-spacing:-1.2px;}
.noti-box dl dd{position:relative; padding-left:4%;}
.noti-box dl dd i{font-weight:600;}

.noti-box dl dd::after{position:absolute; top:5px ; left:0; font-size:16px; text-align:center; color:#fff; background-color:#0093d9; width:32px; height:26px; line-height:29px; font-family:'LeferiBaseType-RegularA';}
.noti-box dl dd:nth-child(1)::after{content:"01";}
.noti-box dl dd:nth-child(2)::after{content:"02";}
.noti-box dl dd:nth-child(3)::after{content:"03";}
.noti-box dl dd:nth-child(4)::after{content:"04";}
.noti-box dl dd:nth-child(5)::after{content:"05";}
.noti-box dl dd:nth-child(6)::after{content:"06";}

.ques-box{overflow:hidden;}
.ques-box p{font-size:18px; padding:1% 0 0;}

/*제호*/
.profile-box{overflow:hidden;}
.profile-box .p-left{float:left; width:50%; margin-right:3%;}

.profile-box .p-right{float:left; width:47%;}
.profile-box .p-right h5{font-size:26px; color:#0093d9; border-bottom:solid 1px #0093d9;}
.profile-box .p-right p.name{font-size:22px; margin-top:2%;}
.profile-box .p-right dl {font-size:17px; color:#666; letter-spacing:-0.6px; margin:2% 0 0;}
.profile-box .p-right dl dd{max-width:100%; max-height:100%; margin-bottom:1%; padding-left:2%; position:relative;}
.profile-box .p-right dl dd::after{content:"-"; display:block; position:absolute; top:0; left:0;}

.cont-txt{margin:3% 0;}
.cont-txt h4{font-size:35px; letter-spacing:-1.8px;}
.cont-txt .tbox{font-size:18px; color:#333; letter-spacing:-1.0px; line-height:1.5; margin:2% 0;}
.cont-txt .tbox span{display:block;}
.cont-txt .end-box{font-size:18px; color:#333; letter-spacing:-0.8px;}

/*창간사*/
.cont-txt h5{font-size:24px;}
.cont-txt h5 span{display:block;}


/*만드는사람들*/
.comm-tab.making dl{margin-bottom:5%;}
.comm-tab.making dl dd{width:16.66%; font-size:16px;}

/*후원회*/
.receipt .txt{font-size:18px; margin:2% 0;}
.receipt .txt span{display:block;}
.receipt .bank{background:#f5f5f5; font-size:18px; padding:2% 2% 2% 10%; margin-bottom:4%; position:relative;}
.receipt .bank::after{content:""; display:block; position:absolute; top:12px; left:20px; background:url("../images/ico/sub04-ico03.png")no-repeat; width:56px; height:39px;}





/******************************media******************************/

/*노트북 해상도 125%일때*/
@media screen and (max-width:1580px){
#sub-menu .home-ico{width:6%;}
#sub-menu .sub-box{width:93%;}

#subvisuall ul li img{ width:100%; object-fit: cover;}
#subvisuall .wrap{right:10%; transform:translateX(-10%); z-index:9;}

#subvisual ul li img{ width:100%; object-fit: cover;}
#subvisual .wrap{right:10%; transform:translateX(-10%); z-index:9;}

}
/******************************S:max-width:1024******************************/
@media all and (max-width:1024px) {

.bx-wrapper .bx-next, .bx-wrapper .bx-prev{display:none;}
#subvisuall{overflow:hidden;}
#subvisuall .wrap{right:-4%; transform:translateX(0);}

#subvisual{overflow:hidden;}
#subvisual .wrap{right:-4%; transform:translateX(0);}

/*서브메뉴*/
#sub-menu{/*border-top:solid 1px #ddd;*/ height:auto;}
#sub-menu .home-ico{width:6%;}
#sub-menu .sub-box{width:93%;}
.slnb li{width:30%;}

/*서브타이틀*/
#sub-tite{margin:5%;}

/*부산산악포럼은?*/
#sub-cont{margin:5% 5%;}



#sub-cont .wrap .left .stite{font-size:20px;margin-left:0px; width:100%;}
#sub-cont .wrap .left .s-txt{font-size:18px;margin-left:0px; width:100%;}

#sub-cont table{margin-left:auto; margin-right:auto; width:700px;font-size: 1.1em;  letter-spacing:0.5px;}

/*부산산악포럼조직/사업*/
.business .ibox img{width:100%;}

.busin-group dd{width:70%; margin-left:15%; margin-bottom:2%;}

/*창작시 노래앨범*/
.album dl dd .ibox{padding:5%;}
.album dl dd .ibox .txt{width:100%; position:static;}
.album dl dd .ibox .txt h2{width:70%; margin:0 auto;}
.album dl dd .ibox .txt p{font-size:22px;}
.album dl dd .tbox{min-height:135px;}

.v-txt{font-size:16px; color:#333; line-height:1.5; padding:1% 0;}


}
/*E:max-width:1024*/

/******************************S:max-width:800******************************/
@media all and (max-width:800px){
/*공통*/
h5.tite{padding-left:4%;}

#subvisuall{position:relative; top:0px; margin-bottom:-4px;}
#subvisuall ul li{position:relative;}
#subvisuall ul li img{object-position:50% 50%;}

#subvisual ul li{position:relative;}
#subvisual ul li img{object-position:50% 50%;}

/*부산산악포럼은?*/


/*부산산악포럼조직/사업*/
.business .tbox dd{padding-left:8%;}
.business .tbox dd::after{line-height:29px; font-size:14px; width:31px;}

.group dd{width:190px;}


/*창작시 노래앨범*/
.album dl dd .ibox{padding:0 5% 5%;}

/*회칙*/
.society-box h4{padding-left:3%;}
.society-box ul li{padding-left:2%;}
.society-box ul.num li{padding-left:3%;}

/*신인상*/
.comm-tab.lito dl dd{width:33.3%; padding:2%;}
.field-box dl dd .cont{line-height:74px;}

.receipt dl dd{width:49%; margin-right:1%; padding-top:21%;}
.receipt dl dd::after{left:34%;}

.noti-box dl dd{padding-left:6%;}

/*제호*/
.cont-txt .tbox span{display:inline;}

/*만드는사람들*/
.comm-tab.making dl dd{width:33.3%;}
.comm-tab.making dl dd:nth-child(3){border-right:solid 1px #ddd;}
.comm-tab.making dl dd:nth-child(1), .comm-tab.making dl dd:nth-child(2), .comm-tab.making dl dd:nth-child(3){border-bottom:none;}

/*후원하기*/
.receipt .bank::after{background-size:contain; width:41px; height:31px;}



}
/*E:max-width:800*/

/******************************S:max-width:650******************************/
@media all and (max-width:650px){
/*공통*/
h5.tite{font-size:18px; padding-left:6%;}
h5.tite::after{width:18px; height:18px; background-size:contain;}
.b-line{background-size:contain; height:8px;}

#subvisuall{position:relative; top:0px; margin-bottom:-5px;background-position:100% 50%;}

/*서브메뉴*/
#sub-menu{line-height:50px;}
#sub-menu .home-ico{display:none;}
#sub-menu .sub-box{width:100%;}
.slnb li{width:50%; font-size:15px; text-indent:8%;}
.slnb li a.m-color{background-color:#ececec;}
.slnb li:nth-child(2) a{border-right:none;}
.slnb li ul.s-hide li:hover a{color:#fff; background: #3f456c;}


/*3차카테고리*/
.slnb li.cate{width:100%; text-indent:4%; background: linear-gradient(to right, rgb(62,150,213), rgb(62,150,213));}
.slnb li.cate a{border-right:none; color:#fff;}
.slnb li.cate a.over{border-top:solid 1px #ddd;}
.slnb li.cate a::after{right:5%; background:url("../images/ico/down-arrow-w.png")no-repeat;}

.slnb li.cate ul.s-hide{background: linear-gradient(to right, rgb(62,150,213), rgb(62,150,213)); border-top:solid 1px #efefef;}
.slnb li.cate ul.s-hide li{text-indent:4%;}
.slnb li.cate ul.s-hide li a{padding:2% 0;}
.slnb li ul.s-hide li:hover{box-shadow:none;}

/*서브타이틀*/
#sub-tite h4{font-size:20px; padding:0 0 1% 3%;}
#sub-tite h4::after{height:19px;}

/*부산산악포럼은?*/

#sub-cont .wrap .left{width:100%; float:none; margin-right:0;}
#sub-cont .wrap .left div img{width:100%;}

#sub-cont .wrap .right{width:100%; float:none; margin: 5% 0 0; overflow:hidden;}
#sub-cont .wrap .right dl dd{max-width:100%; max-height:100%; width:24%; float:left;  margin-bottom:1%; margin-right:1%;}

#sub-cont .wrap .left h3{font-size:22px;}
#sub-cont .wrap .left .stite{font-size:18px;}
#sub-cont .wrap .left .s-txt{font-size:16px; padding:2% 0 0;}
#sub-cont .wrap .left .f-txt{font-size:16px; padding:2% 0 0;}
/*#sub-cont .wrap .left div img{margin:2% 0; object-fit:cover; object-position:39% 50%; height:auto;}*/

#sub-cont .wrap .right dl dd{width:49%; margin-bottom:2%;}
#sub-cont .wrap .right dl dd:nth-child(2n){margin-right:0; margin-left:1%;}

#sub-cont table{margin-left:auto; margin-right:auto; width:100%;font-size: 0.9em;  letter-spacing:-0.5px;}


/*부산산악포럼조직/사업*/
.business{margin:5% 0 8%;}
.business .ibox{width:100%; float:none; }
#sub-cont .wrap .business .ibox img{height:178px;}
.business .tbox{float:none; width:100%; font-size:16px; line-height:2.2; margin-left:0;}
.business .tbox dd{padding-left:9%; border-bottom:dashed 1px #ddd;}
.business .tbox dd::after{width:26px; width:26px; font-size:14px; top:7px;}

.group dl{height:auto;}
.group dd{position:static; margin-bottom:5%; width:100%;}
.group dd:nth-child(1)::after, .group dd:nth-child(4)::after{display:none;}
.group dd div{padding:2%; font-size:15px;}

.busin-group dd div{padding:2%; font-size:16px; overflow:hidden;}
.busin-group dd{width:90%; margin-left:4%;  margin-bottom:5%;}

/*창작시노래앨범*/
.album{margin-bottom:10%;}
.album dl dd{width:100%; margin-right:0; float:none; margin-bottom:5%}
.album dl dd:nth-child(2n){margin-left:0;}
#sub-cont .wrap .album dl dd .ibox img{width:70%; height:auto; margin:0 auto;}
.album dl dd .ibox{padding:0 0 5%;}
.album dl dd .ibox .txt h2{font-size:15px; padding:2%;}
.album dl dd .ibox .txt p{font-size:18px;}
.album dl dd .tbox{min-height:auto;}

.album .more-view button{width:100%; padding:3%;}
.album .more-view button:hover{box-shadow:none; color:#fff;}

/*회칙*/
.society-box h4{padding-left:5%;}
.society-box ul.num li{padding-left:6%;}

/*신인상*/
.field-box dl dd{width:100%; float:none; text-align:left; border:none; overflow:hidden; border-top:dashed 1px #ddd;}
.field-box dl dd:nth-child(1){border-top:solid 1px #ddd;}
.field-box dl dd:last-child{border-right:none; position:relative; overflow:hidden; border-bottom:solid 1px #ddd;}
.field-box dl dd:nth-child(4)::after{content:""; display:block; width:100%; height:100%; background-color:#f5f5f5; top:0; left:0; position:absolute; z-index:-1;}

.field-box dl dd div{padding:3%; box-sizing:border-box; font-size:16px;}
.field-box dl dd .tite{float:left; width:30%; border-bottom:none;}
.field-box dl dd .cont{line-height:normal; width:70%; float:left; background-color:#fff;}

.receipt dl dd{height:auto; width:100%; float:none; margin-right:0; font-size:16px; padding-top:0; padding:11% 11% 11% 38%; text-align:left; margin-bottom:5%;}
.receipt dl dd::before{width:30px; height:30px; line-height:30px; font-size:14px; text-align:center;}
.receipt dl dd::after{width:73px; height:72px; left:13%;}
.receipt dl dd:nth-child(2)::after{top:24%;}

.noti-box dl{font-size:17px; line-height:normal;}
.noti-box dl dd{padding-left:8%; padding-bottom:2%;}
.noti-box dl dd::after{font-size:15px; width:26px; height:23px; line-height:26px;}

/*제호*/
.profile-box .p-left{float:none; width:100%; margin-right:0;}
#sub-cont .wrap .left .profile-box .p-left img{height:auto;}
.profile-box .p-right{float:none; width:100%; margin-top:5%;}
.profile-box .p-right dl{font-size:16px;}
.profile-box .p-right p.name{margin-top:3%;}

.cont-txt h4{font-size:27px; line-height:1.2;}
.cont-txt{margin:5% 0; position:relative; padding:7% 0;}
.cont-txt::after{content:""; display:block; background:url("../images/common/b-line.png")repeat-x; width:100%; height:8px; background-size:contain; position:absolute; top:0; left:0;}
.cont-txt .tbox{font-size:16px; line-height:1.6;}

/*창간사*/
.cont-txt h5{font-size:20px;}
.cont-txt h5 span{display:inline;}

/*만드는사람들*/
.comm-tab.making dl dd{font-size:15px; letter-spacing:-1.3px; padding:3% 1%;}

/*후원회*/
.receipt .txt{font-size:17px; margin:2% 0 5%; letter-spacing:-0.5px;}
.receipt .txt span{display:inline;}
.receipt .bank{padding:5% 2% 5% 28%; font-size:16px;}
.receipt .bank span{display:block;}
.receipt .bank::after{top:22px; left:25px; width:55px; height:42px;}


}
/*E:max-width:650*/


@media all and (max-width:450px){
#sub-cont table{margin-left:auto; margin-right:auto; width:100%;font-size: 0.9em;  letter-spacing:-1.4px;}
.lt{ width:90px; font-weight:600; color:#2375d2;font-family:'Tahoma';}
.rt{font-family:'GmarketSansMedium';}
}




/*****************************S:max-width:375*****************************/
@media all and (max-width:375px){
/*부산산악포럼신인상*/
.noti-box dl{font-size:16px;}
.noti-box dl dd{padding-left:10%; word-break:keep-all;}
.noti-box dl dd::after{top:7px;}

/*만드는사람들*/
.comm-tab.making dl dd{font-size:14px;}


}
/*E:max-width:375*/

/******************************S:max-width:320******************************/
@media all and (max-width:320px){
/*공통*/
h5.tite{font-size:17px; padding-left:7%;}


/*서브메뉴*/
.slnb li{font-size:13px; text-indent:5%;}
.slnb li ul.s-hide li{font-size:13px;}

/*서브타이틀*/
#sub-tite h4{font-size:18px;}

/*부산산악포럼은?*/
#sub-cont .wrap .left h3{font-size:20px;}
#sub-cont .wrap .left .stite{font-size:16px;}

/*부산산악포럼조직/사업*/
.business .tbox dd::after{width:23px; font-size:12px; top:7px; height:20px; line-height:22px;}
.busin-group h4{font-size:16px;}

/*창작시 노래앨범*/
.album dl dd .ibox .txt p{font-size:16px;}

/*부산산악포럼신인상*/
.field-box dl dd div{font-size:15px;}
.receipt dl{margin:4% 0 5%;}
.receipt dl dd{font-size:15px;}
.receipt dl dd::before{width:26px; height:26px; line-height:29px; font-size:12px;}
.receipt dl dd::after{width:57px; height:53px; left:10%;}

.noti-box dl{font-size:14px;}
.noti-box dl dd{padding-left:9%;}
.noti-box dl dd::after{width:20px; height:20px; line-height:23px; font-size:12px; top:3px;}


/*제호*/
.profile-box .p-right h5{font-size:24px;}

.cont-txt{padding:10% 0;}
.cont-txt h4{font-size:24px;}

/*만드는사람들*/
.comm-tab.making dl dd{font-size:12px;}

/*후원회*/
.receipt .bank::after{left:15px;}
.ques-box p{font-size:16px;}

}
/*E:max-width:320*/