@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR');

#visualwrap {width: 100%; height: 470px; background: url(../img/main/visualbgpic.jpg) 50% 40% no-repeat; background-size: cover;}
#visual {width: 1100px; margin: auto; height: 470px; position: relative;}
#visual .imgbox {position: absolute; left: 0;; top: 115px; }
#visual .imgbox ul li {position: absolute; top: 0; left: 0;}
#visual .imgbox ul li img {width: 358px; height: auto;}
#visual .imgtxt {position: absolute; right: 0;;top: 158px;;}
#visual .imgtxt img {width: 438px; height: auto;}

#contents.subcontents {margin-bottom: 100px;}
#contents.subcontents h3 {margin-top: 60px; }
.sublist {width: 100%; height: 40px; border-bottom: 1px solid #c8c8c8;}
.sublist ul {width: 1100px; margin: auto;}
.sublist ul li {float: left; width: 25%; height: 40px}
.sublist ul li.on {border-bottom: 2px solid #70a6eb;}
.sublist ul li a {display: block; line-height: 40px; text-align: center; font-family: 'Nanum Gothic', sans-serif; font-size: 15px; color:#222}



/*sub1 이원선생님 인사말*/
#container.bg01 {background: url(../img/contents/bg01.png) 0 300px repeat-x;}
.conbody01 {width: 1100px; height: 450px; padding-bottom: 100px; position: relative;;}
.conbody01 ul {position: absolute; left: 433px; top: 35px;} 

.conbody01 ul li {float: left; width: 9px; height: 9px; margin-left: 4px; background: #fff;}
.conbody01 ul li a {display: block; text-indent: -9999em; overflow: hidden;}
.conbody01 ul li.on {background:#70a6eb ;}
.conbody01 img {position: absolute; top: 55px; left: 20px;;}

.conbody01 p {width: 565px; position: absolute; right: 20px; top: 140px; font-family: 'Nanum Myeongjo', serif; font-size: 15px; color:#fff; text-align: center;}
.conbody01 p span {display: block; text-align: left; margin-top: 80px; font-size: 14px;}


/*sub2,3 옥영사 3층, 지하 공통*/

.comm li img {position: absolute; top: 0; left: 0; opacity:1}
.comm li .imgh {opacity:0}
.comm li p {position: absolute; bottom: 0; background: url(../img/contents/txtbg.png) repeat; height: 45px; width: 100%; color:#fff; font-family: 'WandocleanseaB', 'Nanum Gothic', sans-serif; font-size: 14px; font-w eight: 600;}
.comm li p span {text-align: center; display: block; line-height: 45px; font-size: 30px;}
.comm li p a {position: absolute; right: 5px; bottom: 5px; display: block; width: 150px; height: 32px; border: 1px solid #fff; text-align: center; line-height: 32px; font-family: 'Nanum Gothic', sans-serif; font-size: 17px;  color:#fff; font-weight: bold;}
.comm li p a:hover {background: #fff; color:#222; transition: all 0.5s}

.comm li p.left span {text-align: left; padding-left: 15px;}


.excom {margin-top: 30px;}
.excom li {float: left; position: relative; overflow: hidden; border: 1px solid #c8c8c8;}

/*sub2 옥영사 3층*/
#container.bg02 {background: url(../img/contents/bg02.png) 0 240px repeat-x;}
.conbody02>div {margin-bottom: 120px;}
.tbig {position: relative;  float: left; width: 991px; height: 446px; overflow: hidden; border: 1px solid #c8c8c8;}
.tbig li {display: none;}

.tsmall {float: right; }
.tsmall li {width: 100px; height: 106px; overflow: hidden; border: 1px solid #c8c8c8; margin-bottom: 5px; cursor:pointer}
.tsmall li.on {width: 92px; height: 98px; border: 5px solid #464646;}


.tline2 ul li {width: 361px; height: 403px; margin-right: 5px;}
.tline3 ul li {width: 361px; height: 728px; margin-right: 5px;;}
.tline3 ul li.li01 {width: 361px; height: 238px;}







/*sub3 옥영사 지하*/

#container.bg02 {background: url(../img/contents/bg02.png) 0 240px repeat-x;}
.conbody03>div {margin-bottom: 120px;}
.ubig {position: relative;  float: left; width: 991px; height: 446px; overflow: hidden; border: 1px solid #c8c8c8;}
.ubig li {display: none;}

.usmall {float: right; }
.usmall li {width: 100px; height: 106px; overflow: hidden; border: 1px solid #c8c8c8; margin-bottom: 5px; cursor:pointer}
.usmall li.on {width: 92px; height: 98px; border: 5px solid #464646;}

.uline2 ul li {width: 545px; height: 358px; margin-right: 5px;}
.uline3 ul li {width: 361px; height: 448px; margin-right: 5px;}
.uline4 ul li {width: 361px; height: 448px; margin-right: 5px;}
.uline5 ul li {width: 729px; height: 220px; margin-right: 5px; }
.uline5 ul li.li01 {width: 361px; height: 448px;}



/*sub4 이원의 제자*/
.conbody04 ul {margin-bottom: 70px;}
.conbody04 ul li {float: left; width: 214px; height: 348px; margin-right: 5px; border: 1px solid #c8c8c8; overflow: hidden; font-family: 'Nanum Gothic', sans-serif; font-size: 15px;}
.conbody04 ul li img {width:100%;}
.conbody04 ul li strong {display: block; width: 190px; margin: auto; padding-top: 13px; padding-bottom:10px; font-size: 17px; font-weight: 600;}
.conbody04 ul li strong i {font-size: 15px; padding-left: 5px;}
.conbody04 ul li span {display: block; width: 185px; margin: auto; }
.conbody04 ul li span a {float: right; display: inline-block; width: 21px; height: 16px; background: url(../img/contents/stupic.jpg) no-repeat; text-indent: -9999em; overflow: hidden;}





/*sub7 상담실*/
.conbody07 dl {width: 100%;margin-bottom: 40px; font-family: 'Nanum Gothic', sans-serif; color:#535353}
.conbody07 dt {cursor:pointer; font-size: 16px; font-weight: 600; height: 40px; line-height: 40px; text-indent: 40px; border-bottom: 1px solid #c8c8c8;  background-repeat: no-repeat; background-position: 5px 50%; background-image: url(../img/contents/qna.jpg); position: relative; }
.conbody07 dt.on {background-image: url(../img/contents/qnah.jpg);}
.conbody07 dt i {position: absolute; right: 5px; top: 50%; display: inline-block; width: 11px; height: 7px;background: url(../img/contents/qna2.jpg) no-repeat;}
.conbody07 dt.on i {background-position: 0 -7px;}

.conbody07 dd {display: none; padding:30px 0; line-height: 1.8; margin-left: 40px; font-size: 15px;}
.conbody07 dd i {color:red; }
.conbody07 p>i {color:blue; font-family: 'Nanum Gothic', sans-serif;}

/*sub8 오시는길*/
.mapimg {width: 1098px; height: 398px; border: 1px solid #c8c8c8;}
.mapimg li {float: left;  height: 398px; overflow: hidden;}
.mapimg li.mleft {width: 768px;}
.mapimg li.mleft a {display: inline-block; width: 40px; height: auto;}
.mapimg li.mright {width: 330px;}

.maptxt {margin-top: 80px; font-family: 'Nanum Gothic', sans-serif;}
.maptxt li {padding-left: 36px; background-repeat: no-repeat; background-position: 0 0; margin-bottom: 25px;}
.maptxt li.ico1 {background-image: url(../img/contents/mapico1.jpg);}
.maptxt li.ico2 {background-image: url(../img/contents/mapico2.jpg);}
.maptxt li.ico3 {background-image: url(../img/contents/mapico3.jpg);}
.maptxt li strong {display: block; font-size: 17px; padding-top: 6px; font-weight: 600;;}
.maptxt li span {display: block; font-size: 14px; padding: 12px 0; line-height: 1.5; ;}
.maptxt li span i {display: inline-block; width: 29px; height: 17px; font-size: 12px; color:#fff; text-align: center; line-height: 17px; margin-right: 8px;}
.maptxt li span img {margin-top: 10px;}






/*sub8 login*/


.exam iframe {height:1000px}

/*menual*/
#menual {width: 90%; margin: 0 5%; }
#menual h2 {text-align: center; font-size: 30px; font-weight: bold; margin: 25px 0}
#menual img {width: 100%; height: auto; max-width: 600px;}
#menual>ul {margin-top: 10px;}
#menual>ul>li {float: left; width: 50%; box-sizing:border-box; border-right:1px solid #333; border-bottom: 1px solid #333; background: #f3f3f3;}
#menual>ul>li.on {background: #bbdeff;}
#menual>ul>li.ml1 {border-left: 1px solid #000;}
#menual>ul>li.mt1 {border-top: 1px solid #000;}
#menual>ul>li a {text-align: center; display: block; height: 50px; line-height: 50px;}
#menual * {font-family: 'Noto Serif KR', serif }
#menual h5 {font-size: 20px; margin: 20px 0; font-weight: bold;}
.menuall {line-height: 2; display: none; margin-bottom: 50px;;}
.menuall a {color:blue}
.menuall img {margin-bottom: 10px; border: 1px solid #000;}
#menual .menu5 p {margin-bottom: 40px; display: none;}
#menual .menu5 p#sing0 {display: block;}
#menual .menu5 ul li {margin-bottom: 10px; text-decoration: underline; color:blue}

@media (max-width: 400px){

/* #menual>ul>li a {height: 60px; line-height: 2;} */

}
/*홈페이지 문제시*/
.conbody09 {text-align: center;}
.conbody09>img {margin-bottom: 30px;}
.conbody09>a {display: block; text-align: center; font-size: 20px; text-decoration: underline;color:blue;}