@charset "utf-8";
.bg_txt{background:#fffce3;}

.lg-blt01{position:relative;margin:50px 0 20px;padding-top:5px;}
.lg-blt01:before{content:'';position:absolute;top:0;left:0;width:25px;height:2px;background:#3c6bb1;}

h3.h3_con{font-weight:400;font-size:24px;color:#333;m}

.bc-fix li{position:relative;padding-left:62px !important;}
.bc-fix li span{display:block;float:left;width:45px;margin:0 5px 0 -50px;font-weight:bold;}

ul.list-tp2{margin-top:25px;list-style:none;}
ul.list-tp2 li{padding:0 0 2px 12px;font-weight:bold;font-size:16px;color:#333;line-height:1.6;}
ul.list-tp2 li ul{margin:5px 0 3px;list-style:none;}
ul.list-tp2 li ul li{font-size:14px;font-weight:400;}
ul.list-tp2 li ul li ul li.add_img{position:relative;padding-right:280px;}
ul.list-tp2 li ul li ul li .img{position:absolute;top:0;right:0;}

/* 인사말 */
.content19 .box{width:100%;padding:30px 170px;background:#f7fafb;}
.content19 .box p{position:relative;padding:15px 34px 0;font-family:'Nanum Myeongjo';font-weight:400;font-size:29px;color:#333;margin-bottom:0;}
.content19 .box p::before{content:'';position:absolute;top:0;left:0;width:29px;height:25px;background:url(../images/sub/sub01/img_0101_01.gif) 0 0 no-repeat;}
.content19 .box p + p{text-align:right;}
.content19 .box p + p::before{content:'';position:absolute;top:0;right:0;left:auto;width:29px;height:25px;background:url(../images/sub/sub01/img_0101_02.gif) 0 0 no-repeat;}
.content19 .box p span{font-family:'Nanum Myeongjo';font-weight:400;font-size:29px;color:#0c3e89;}
.stWrap{overflow:hidden;margin-top:35px;}
.stWrap .stBox{float:left;width:31%;margin-left:3.5%;}
.stWrap .stBox:first-child{margin-left:0;}
.stWrap .stBox p{margin-bottom:25px;font-weight:400;color:#333;line-height:1.6;}
.stWrap .stBox p.tit{font-family:'Noto Sans KR';font-size:24px;line-height:1.4}
.stWrap .stBox p.sign{padding:15px 0 0;border-top:solid 2px #959595;font-size:16px;letter-spacing:-1px;}
.stWrap .stBox p.sign img{margin:10px 0 0 20px;}
.stWrap .stBox img{max-width:100%;margin-bottom:45px;}

/* 학회연혁 */
.content21 h3{font-family:'Noto Sans KR';font-size:28px;font-weight:700;color:#0c3e89;text-align:center;}
p.since{font-family:'Noto Sans KR';font-size:40px;font-weight:900;color:#cfcfcf;text-align:center;line-height:1;}
.hist_logo{margin:35px 0 5px;text-align:center;}

.historyList{overflow:hidden;position:relative;margin:0 0 100px;padding:50px 0 20px;list-style:none;}
.historyList:before{content:'';position:absolute;top:0;left:50%;width:3px;height:100%;margin-left:-1px;background:#c2c2c2;}
.historyList > li{position:relative;padding-bottom:20px;}
.historyList > li.rg{margin-left:50%;padding-left:95px;}
.historyList > li.rg:before{content:'';position:absolute;top:0;left:-4.5px;width:84px;height:20px;background:url(../images/sub/sub02/his_line.gif) 0 0 no-repeat;}
.historyList > li.lf{margin-right:50%;padding-right:95px;text-align:right;}
.historyList > li.lf:before{content:'';position:absolute;top:0;right:-5.5px;width:84px;height:20px;background:url(../images/sub/sub02/his_line.gif) 0 0 no-repeat;transform:rotate(180deg);}
.historyList > li span.date{display:block;font-size:40px;font-family:'Roboto';font-weight:900;color:#333;}
.historyList > li .rg_img{position:absolute;top:0;right:0;}
.historyList > li ul{list-style:none;}
.historyList > li ul li{font-weight:400;color:#333;line-height:1.6;}

.his_p{margin-bottom:20px;font-weight:400;color:#333;line-height:1.5}
.active1{overflow:hidden;}
.active1 dl{overflow:hidden;display:table;float:left;width:calc(50% - 10px);padding:0 1.5% 0 3%;}
.active1 dl.purpose,
.active1 dl.task{border:solid 10px #e5e5e5;border-radius:55px;min-height:100px;}
.active1 dl.task{margin-left:20px;border-color:#dde0ec;}
.active1 dl dt{display:table-cell;width:22%;font-size:20px;font-family:'Noto Sans KR';font-weight:500;color:#333;vertical-align:middle;}
.active1 dl dd{display:table-cell;width:78%;font-weight:400;color:#333;vertical-align:middle;padding:10px 0;}
.active2{margin-top:30px;}
.active2 dl{overflow:hidden;padding:20px 30px 40px;border:solid 10px #e5e5e5;border-radius:40px;}
.active2 dl dt{font-size:20px;font-family:'Noto Sans KR';font-weight:500;color:#273350;}
.active2 dl dd ul{overflow:hidden;margin-top:35px;list-style:none;}
.active2 dl dd ul li{float:left;width:20%;padding:0 10px;text-align:center;}
.active2 dl dd ul li span{display:block;width:78px;height:102px;margin:0 auto 10px;padding-top:25px;background:url(../images/sub/sub02/bg_num.gif) 50% 0 no-repeat;font-family:'Roboto';font-size:20px;font-weight:400;color:#fff;letter-spacing:-1px;}

/* 학회가입 */
.joinInfo{overflow:hidden;margin-top:30px;}
.joinInfo dl{margin-bottom:15px;font-size:16px;color:#333;line-height:25px;}
.joinInfo dl.tel,
.joinInfo dl.fax,
.joinInfo dl.email{display:inline-block;margin-right:15px;}
.joinInfo dl dt{position:relative;display:inline-block;margin-right:10px;padding-left:30px;}
.joinInfo dl dt:before{content:'';position:absolute;top:0;left:0;width:25px;height:25px;background:url(../images/common/tn-icon-sm.png) no-repeat;}
.joinInfo dl.addr dt::before{background-position:-200px -150px;}
.joinInfo dl.tel dt::before{background-position:-225px -150px;}
.joinInfo dl.fax dt::before{background-position:-250px -150px;}
.joinInfo dl.email dt::before{background-position:-275px -150px;}
.joinInfo dl.acount dt::before{background-position:-150px -175px;}
.joinInfo dl dd{display:inline-block;}
.joinInfo dl.addr dd,
.joinInfo dl.tel dd,
.joinInfo dl.fax dd,
.joinInfo dl.email dd{font-weight:bold;}
.joinInfo dl.acount dd span{font-weight:bold;font-size:16px;color:#2d2d77;}
.red-info{margin-top:10px;padding-left:25px;background:url(../images/sub/sub02/ico_info.gif) 1px 2px no-repeat;}

/* 오시는길 */
.addrBox{position:relative;margin-top:50px;border-top:solid 3px #d8d8d8;}
.addrList{padding:22px 0;border-bottom:solid 1px #d8d8d8;}
.addrList dt{margin-bottom:15px;font-size:18px;font-weight:bold;color:#2c2c77}
.addrList dd{font-size:14px;font-weight:400;color:#333;letter-spacing:0;}
.addrList dd.last{padding-right:100px;}
.addrBox .location{position:absolute;bottom:20px;right:20px;display:block;width:70px;padding-top:55px;background:url(../images/sub/sub01/ico_location.gif) 50% 0 no-repeat;font-size:15px;font-weight:bold;color:#2c2c77;text-align:center;}

/* 노인정신의학이란? */
.content2 .subBox1{min-height:264px;padding:50px 30px 50px 300px;background:url(../images/sub/sub01/bg_0201_01.jpg) 0 0 no-repeat #f6f6f6;}
.content2 .subBox1 .txt1{font-size:18px;font-weight:600;color:#172d6c;}
.content2 .subBox1 .txt2{margin-top:14px;font-weight:400;color:#333;line-height:1.6;}

/* 치매 */
.img_tit{margin-bottom:16px;font-size:16px;font-weight:bold;color:#172d6c;}
.img_tit span{font-size:13px;font-weight:400;color:#333;}
.content4 img{max-width:100%;}
.content4 .table th, .content4 .table td{text-align:left;}
.content4 .table th{font-size:15px;}
.content4 .table tbody td{padding:7px 8px;}
.content4 .boxInfo1 img{margin:0 12px;max-width:calc(50% - 26px);}

.content4 .subBox1{overflow:hidden;}
.content4 .subBox1 .lf{float:left;width:calc(100% - 37%);}
.content4 .subBox1 .rg{float:left;width:35%;margin-left:2%;}
.subBox2{overflow:hidden;width:100%;margin:30px 0;padding:28px 25px;background:#f5f5f5;text-align:center;font-size:0;}
.subBox2 .innerBox{display:inline-block;min-width:400px;margin:0 7px;padding:30px;background:#fff;text-align:left;}
.subBox2 .innerBox h4{font-size:18px;font-weight:bold;color:#333;}
.subBox2 .innerBox ul li{font-size:15px;}
.subBox2 img{margin:0 12px;}
.content4 .subWrap1{overflow:hidden;margin:30px auto;}
.content4 .subWrap1 .lf,
.content4 .subWrap1 .rg{float:left;width:50%;padding:0 20px}
.content4 .subWrap2{max-width:650px;margin:30px auto;}

.alzheimerStep{position:relative;overflow:hidden;margin-top:20px;}
.alzheimerStep:before{content:'';position:absolute;top:0;left:73px;height:75%;border-left:dotted 5px #d0e7ec;}
.alzheimerStep .lf{position:relative;float:left;width:150px;margin-right:50px;background:#fff;}
.alzheimerStep .lf .round{width:100%;height:150px;border:solid 10px #d0e5e9;border-radius:50%;font-size:18px;font-weight:bold;text-align:center;line-height:130px;}
.alzheimerStep .rg{float:left;width:calc(100% - 200px);margin-bottom:60px;}
.alzheimerStep .rg:after{content:'';clear:both;}
.alzheimerStep .rg .tit{display:inline-block;margin-bottom:30px;padding:10px 20px;border:solid 1px #6d84c1;border-radius:25px;}

/* 노인정신의학(개정판) */
.bookWrap{overflow:hidden;}
.bookWrap .bookImg{float:left;width:calc(100% - 602px);padding-top:50px;text-align:center;}
.bookWrap .bookInfo{float:left;width:602px;padding:30px;border:solid 1px #d8d8d8;}
.bookWrap .bookInfo h3{margin-bottom:20px;font-size:20px;font-weight:bold;color:#172d6c;}
.bookWrap .bookInfo dl{overflow:hidden;margin-bottom:8px;font-size:13px;font-weight:bold;color:#666;}
.bookWrap .bookInfo dl dt{display:inline-block;}
.bookWrap .bookInfo dl dd{display:inline-block;}
.bookWrap .bookInfo .contList{overflow:hidden;margin-top:20px;padding:20px 0;border-top:solid 1px #e2e7f4;font-size:0;}
.bookWrap .bookInfo .contList ul{display:inline-block;width:50%;list-style:none;vertical-align:top;}
.bookWrap .bookInfo .contList li{font-size:13px;font-weight:400;color:#333;line-height:1.6;}
.bookWrap .bookInfo p{margin-bottom:15px;font-size:14px;font-weight:400;color:#333;line-height:1.5;}
.bookWrap .bookInfo p.first{font-weight:bold;}

/* 넓이가 1199px 이하일 때*/
@media all and (max-width:1199px) {
/* 인사말 */
.content19 .box{padding:30px 100px;}
}

/* 넓이가 992px 이하일 때*/
@media (max-width: 991px) {
/* 인사말 */
.content19 .box{padding:30px 15px;}

/* 학회연혁 */
.historyList > li .rg_img{display:none;}

.active1 dl{float:none;width:100%;margin-bottom:20px;padding:0 30px}
.active1 dl.task{margin-left:0;}

/* 치매 */
.content4 .subBox2{padding:20px;}
.content4 .subBox2 .innerBox{min-width:auto;width:100%;margin:0 auto;padding:25px;}
.content4 .subBox2 .innerBox + .innerBox{margin-top:20px;}
.content4 .subWrap1 .lf, .content4 .subWrap1 .rg{float:none;width:100%;margin-bottom:20px;padding:0;}

/* 노인정신의학 (개정판) */
.bookWrap .bookImg{width:calc(100% - 60%);}
.bookWrap .bookImg img{max-width:100%;}
.bookWrap .bookInfo{width:60%;}
}

/* 넓이가 767px 이하일 때*/
@media (max-width: 767px) {
ul.list-tp2 li ul li ul li.add_img{padding-right:0;}
ul.list-tp2 li ul li ul li .img{display:block;position:relative;top:auto;right:auto;margin:30px auto 0;}

/* 인사말 */
.content19 .box p,
.content19 .box p span{font-size:24px;}
.content19 .box p + p{margin-top:-15px;}
.stWrap .stBox{float:none;width:100%;margin:0;}
.stWrap .stBox img{display:none;}
.stWrap .stBox .sign img{display:inline-block;}

/* 학회연혁 */
.active2 dl{padding:20px 30px;}
.active2 dl dd ul{margin-top:15px;}
.active2 dl dd ul li{float:none;width:100%;margin-bottom:10px;padding:0;text-align:left;}
.active2 dl dd ul li span{display:inline-block;width:auto;height:auto;margin:0 15px 0 0;padding:5px 10px;background:#0c3e89;font-weight:500;font-size:16px;}

/* 학회가입 */
.joinInfo dl.tel,
.joinInfo dl.fax,
.joinInfo dl.email{display:block;margin-right:0;}

/* 노인정신의학이란? */
.content2 .subBox1{padding:25px;background:#f6f6f6;min-height:auto;}

/* 치매 */
.content4 .subBox1 .lf,
.content4 .subBox1 .rg{float:none;width:100%;margin:0 0 20px;}
.content4 .subBox1 .rg{text-align:center;}
.content4 .subBox2{padding:20px}
.content4 .subBox2 img{display:block;margin:0 auto;}
.content4 .subBox2 img + img{margin-top:20px}
.content4 .boxInfo1 img{display:block;max-width:100%;margin:0 auto;}
.content4 .boxInfo1 img + img{margin-top:20px}
.alzheimerStep:before{display:none;}
.alzheimerStep .lf{float:none;width:100%;margin-bottom:40px;margin-right:0;}
.alzheimerStep .lf .round{height:auto;padding:15px;border-radius:40px;line-height:normal;}
.alzheimerStep .rg{float:none;width:100%;margin-bottom:40px;}
.alzheimerStep .rg .tit{margin-bottom:15px;}

/* 노인정신의학 (개정판) */
.bookWrap .bookImg,
.bookWrap .bookInfo{float:none;width:100%;margin-bottom:30px;}
}


/* 넓이가 577px 이하일 때*/
@media (max-width: 577px) {
/* 인사말 */
.content19 .box{padding:20px;}
.content19 .box p{padding:0 0 5px;}
.content19 .box p, .content19 .box p span{font-size:24px;}
.content19 .box p::before{display:none;}
.content19 .box p + p{margin-top:0;text-align:left;}

/* 학회연혁 */
.hist_logo{text-align:left;}
.historyList:before{left:35px;}
.historyList > li.rg,
.historyList > li.lf{margin-right:0;margin-left:0;padding-right:0;padding-left:130px;text-align:left;}
.historyList > li.rg:before{right:auto;left:31px;}
.historyList > li.lf:before{left:31px;transform:rotate(0);}

.active1 dl{display:block;padding:15px 30px;border-radius:40px !important;}
.active1 dl dt{display:block;width:100%;margin-bottom:10px;}
.active1 dl dd{display:block;width:100%;}

/* 노인정신의학 (개정판) */
.bookWrap .bookInfo .contList ul{display:block;width:100%;}
}