#sVisualA {position:relative; width:100%; height:176px; margin:0px auto; overflow:hidden; text-align:center; color:#fff;padding-top: 135px;} .svbg1 {background:url(/img/bg_sub1.jpg) center bottom no-repeat;} .svbg2 {background:url(/img/bg_sub2.jpg) center bottom no-repeat;} .svbg3 {background:url(/img/bg_sub3.jpg) center bottom no-repeat;} .svbg4 {background:url(/img/bg_sub4.jpg) center bottom no-repeat;} .svbg5 {background:url(/img/bg_sub5.jpg) center bottom no-repeat;} #sVisualA .svisTxt {font-size:0; height:176px; text-indent:-99999; background:url(/img/txt_sub.png) center no-repeat;} #locationArea {position:relative; width:100%; margin:0 auto; height:54px; line-height:54px; overflow:hidden; background:#f8f8f8; border-bottom:1px solid #dcdcdc;} #locationArea .home{display:inline-block; float:left;} #locationArea .home a{display:block; width:50px; height:54px; text-indent:-99999px; background:url(/img/home.png) center center no-repeat;} #locationArea .depth1{display:inline-block; float:left; border-right:1px solid #eee;} #locationArea .depth1 a{display:block; height:54px; width:130px; padding-left:20px; color:#626262; font-size:14.5px; background:url(/img/i_locarr.png) right 15px center no-repeat;} #locationArea .depth2{display:inline-block; float:left; border-right:1px solid #eee;} #locationArea .depth2 a{display:block; height:54px; width:160px; padding-left:20px; color:#626262; font-size:14px.5; font-family:'nanumB';background:url(/img/i_locarr.png) right 15px center no-repeat;} #locationArea .depth3{display:inline-block; float:left; border-right:1px solid #eee;} #locationArea .depth3 a{display:block; height:54px; width:160px; padding-left:20px; color:#626262; font-size:14px.5; font-family:'nanumB';background:url(/img/i_locarr.png) right 15px center no-repeat;} #locationArea .support {position:relative; float:right; width:100px; text-align:center; line-height:54px;} #locationArea .support a {padding:5px 20px; background:#1fa1f4; color:#fff;} #locationArea .sns {position:relative; float:right; margin-right:10px;} #locationArea .sns a {display:block; font-size:26px; font-family:'NotoKrB'; color:#959595; padding:0 15px;} #locationArea:after {display:block; visibility:hidden;clear:both;content:""} #container {position:relative; border-left:1px solid #dcdcdc; box-sizing:border-box; overflow:hidden; letter-spacing:-0.5px;} .contWR {position:relative; float:left; width:1000px; padding-left:49px; padding-bottom:30px; border-left:1px solid #dcdcdc; overflow:hidden; min-height:600px;} #container_title {position:relative; width:100%; height:50px; border-bottom:1px solid #e5e5e5; padding-top:50px;} #container_title .conTit_tt {font-family:'nanum-square-r'; font-size:32px; line-height:32px; color:#333;} h2#container_title {display:none !important;} #submenuA {position:relative; float:left; width:199px; height:100%;} #submenuA h2 {display:block; font-size:28px; overflow:hidden; text-align:center; font-weight:normal; color:#1b1b1b;margin-bottom:16px;} #submenuA h2 .Smenutit {display:inline-block; border-bottom:2px solid #1b1b1b; padding:20px 0; margin-top:40px;font-family:'nanum-square-b';line-height:40px;} #submenuA ul {position:relative; border-top:1px solid #eee;} #submenuA ul.snb_2dul li.snb_2dli {width:199px; line-height:50px; border-bottom:1px solid #eee; padding:0; margin:0;} #submenuA ul.snb_2dul li.snb_2dli > a {display:block; width:180px; height:50px; padding-left:19px; font-size:16px; color:#313131; font-family:'NotoKrM';} #submenuA ul.snb_2dul li.snb_2dli > a:hover, #submenuA ul li.snb_2dli > a.on {color:#fff; background:#016acc;} #submenuA ul.snb_3dul {padding:10px 0; background:#f8f8f8;} #submenuA ul.snb_3dul li.snb_3dli {padding:4px 0 4px 29px; background:url(/img/bul.gif) 19px 14px no-repeat;} #submenuA ul.snb_3dul li.snb_3dli a {display:block; line-height:24px; font-size:15px; color:#707070;} #submenuA ul.snb_3dul li.snb_3dli a:hover, #submenuA ul.snb_3dul li.snb_3dli a.on {color:#016acc; font-family:'NotoKrM';} .scontA {position:relative; width:1000px; padding:35px 0; line-height:180%; font-size:15px; color:#313131; text-align:justify; } #container .tit01{color:#000; font-weight:normal; font-family:'nanum-square-r'; font-size:34px; line-height:48px; text-align:left; letter-spacing:0px;} #container .tit01 span {font-family:'nanum-square-b';} #container .tit02{color:#434343; font-weight:normal; font-family:'nanum-square-r'; font-size:22px; line-height:32px;} #container .tit03{color:#000; font-weight:normal; font-family:'nanum-square-b'; font-size:26px; line-height:26px; height:38px; margin-bottom:10px; border-bottom:2px solid #666;} #container .tit04{color:#016acc; font-weight:normal; font-family:'NotoKrM';padding-left:10px; font-size:20px; line-height:38px; height:38px; margin-top:10px;margin-bottom:10px;background:#d5e7f5;} #container .tit05{color:#000; font-weight:normal; font-family:'nanum-square-b'; font-size:22px; line-height:26px; height:38px; margin-bottom:10px; border-bottom:2px solid #666;} #container .tit06{color:#016acc; font-weight:normal; font-family:'NotoKrM'; font-size:18px; line-height:26px; margin-bottom:10px;} .sub_tab {width:750px; overflow:hidden; margin-bottom:30px; letter-spacing:-1px; } .sub_tab ul{padding:0px; margin:0px;} .sub_tab ul::after {clear:both; content:""; display:block;} .sub_tab li{list-style-type:none; float:left; display:inline;overflow:hidden; margin:0px 0px 1px 1px;} .sub_tab li a{display:block; text-decoration:none;background:#f8f8f8; border:1px solid #e5e5e5; padding:10px 0px 10px 0px;font-size:16px; color:#888 !important; font-family: 'NotoKrM';text-align:center;overflow:hidden; } .sub_tab li:first-child , .sub_tab li.el{ margin:0px 0px 1px 0px; } .sub_tab li a:hover{ text-decoration:none;border:1px solid #313131; } .sub_tab li a.on {border:1px solid #313131; background:#313131; font-size:16px;color:#fff !important; } .sub_tabmenu {width:750px; overflow:hidden; margin-bottom:40px; letter-spacing:-1px; } .sub_tabmenu ul{padding:0px; margin:0px;} .sub_tabmenu ul::after {clear:both; content:""; display:block;} .sub_tabmenu li{list-style-type:none; float:left; display:inline;overflow:hidden; margin:0px 0px 1px 1px;} .sub_tabmenu li a{display:block; text-decoration:none;background:#f8f8f8; border:1px solid #e5e5e5; padding:10px 0px 10px 0px; font-size:16px; color:#888 !important; font-family: 'NotoKrM';text-align:center;overflow:hidden; } .sub_tabmenu li:first-child , .sub_tab li.el{ margin:0px 0px 1px 0px; } .sub_tabmenu li a:hover{ text-decoration:none;border:1px solid #313131; } .sub_tabmenu li a.on {border:1px solid #313131; background:#313131; font-size:16px;color:#fff !important; } .tabCont {clear:both;margin:40px 0px 0px 0px; letter-spacing:-0.5px;} .litc2 {width:372px;} .litc3 {width:249px;} .litc4 {width:186px;} .litc5 {width:149px;} .litc6 {width:122px;} .litc7 {width:104px;} .litc8 {width:90px;} #container dl.fl1 {margin-top:0px; width:100%;} #container dl.fl1 > dt{float:left; width:470px;} #container dl.fl1 > dd{float:right; width:280px;} #container dl.fl1:after{clear:both; content:''; display:block;} #container dl.fl2 {margin-top:0px; width:100%;} #container dl.fl2 dt{float:left; width:350px;} #container dl.fl2 dt p {font-size:13px; color:#707070; font-family:'NotoKrM'; margin-top:5px;} #container dl.fl2 dd{float:left; width:370px; padding-left:30px;} #container dl.fl2:after{clear:both; content:''; display:block;} #container dl.fl3 {margin-top:0px; width:100%;} #container dl.fl3 > dt{float:left; width:150px;} #container dl.fl3 > dd{float:right; width:800px;} #container dl.fl3:after{clear:both; content:''; display:block;} #container dl.fl4 {margin-top:0px; width:100%;} #container dl.fl4 > dt{float:left; display:block; width:100px; overflow:hidden; padding:16px 0 50px 20px; background:#016acc; color:#fff; font-size:20px;} #container dl.fl4 > dt span {display:block; width:20px; height:2px; background:#fff; margin-top:6px;} #container dl.fl4 > dd{float:right; width:800px;} #container dl.fl4:after{clear:both; content:''; display:block;} #container ul.bul {margin-top:0px; width:100%; } #container ul.bul li {color:#434343; padding:2px 0;} #container ul.bul li span {color:#0068b7; font-family:'NotoKrM'; display:inline-block; width:75px;} /* 연혁 */ ul.lifl li:after {display:block; content:""; clear:both;} ul.lifl li {list-style:none; padding:5px 0px 8px 0px; margin:5px 0px 5px 0px !important; line-height:170% !important; border-bottom:1px dotted #e0e0e0;} ul.lifl li .year {float:left; width:150px; display:inline-block; color:#016acc;} ul.lifl li .exp {float:left; width:600px; display:inline-block; } ul.lifl li .info {position:relative; float:left; width:250px; overflow:hidden; display:inline-block; padding:5px 0;} ul.lifl li .pic {position:relative; float:left; width:350px; overflow:hidden; display:table-cell; vertical-align:middle; padding:5px 0;} ul.lifl2 li:after {display:block; content:""; clear:both;} ul.lifl2 li {list-style:none; padding:2px 0px 0px 0px; margin:7px 0px 2px 0px !important; line-height:170% !important; } ul.lifl2 li .year2 {float:left; width:140px; display:inline-block; color:#016acc;} ul.lifl2 li .year2 span.ho{display:inline-block; width:60px;} ul.lifl2 li .year2 span.name{display:inline-block; color:#000;} ul.lifl2 li .exp2 {float:left; width:460px; display:inline-block; color:#777; } ul.lifl2 li .year3 {float:left; width:180px; display:inline-block; color:#016acc;} ul.lifl2 li .exp3 {float:left; width:420px; display:inline-block; color:#000; } ul.lifl2 li .exp3 span.else{display:inline-block; color:#777; margin-left:50px;} ul.lifl3 li:after {display:block; content:""; clear:both;} ul.lifl3 li {list-style:none; border-top:1px solid #e5e5e5; } ul.lifl3 li .info {float:left; width:420px; overflow:hidden; display:inline-block; color:#016acc; height:81px;line-height:80px !important;} ul.lifl3 li .info span.firtxt {display:inline-block;width:120px; } ul.lifl3 li .info span.nametxt{display:inline-block; width:100px; color:#000; font-family:'NotoKrM'; margin-left:20px;} ul.lifl3 li .pic {float:left; width:180px; overflow:hidden; display:inline-block; color:#000; text-align:right; height:81px;line-height:80px !important;} ul.lifl3 li .info2 {float:left; width:480px; overflow:hidden; display:inline-block; color:#016acc; height:128px;line-height:30px !important;} ul.lifl3 li .info2 span.firtxt {display:block; font-family:'NotoKrM'; margin-top:20px; } ul.lifl3 li .info2 span.nametxt{display:block; color:#000; letter-spacing:-1px;} ul.lifl3 li .pic2 {float:left; width:120px; overflow:hidden; display:table-cell; vertical-align:middle; color:#000; text-align:right; height:128px;line-height:128px !important;} .h5 {display:block; border:none; height:5px;margin:0px; padding:0px; font-size:0px;} .h10 {display:block; border:none; height:10px;margin:0px; padding:0px; font-size:0px;} .h15{display:block; border:none; height:15px;margin:0px; padding:0px; font-size:0px;} .h20 {display:block; border:none; height:20px;margin:0px; padding:0px; font-size:0px;} .h25 {display:block; border:none; height:25px;margin:0px; padding:0px; font-size:0px;} .h30 {display:block; border:none; height:30px;margin:0px; padding:0px; font-size:0px;} .h40 {display:block; border:none; height:40px;margin:0px; padding:0px; font-size:0px;} .h50 {display:block; border:none; height:50px;margin:0px; padding:0px; font-size:0px;} .bd {display:block; border:none; background:#eaeaea; height:1px;margin:40px 0px; padding:0px; font-size:0px; clear:both;} .bd2 {display:block; border:none; background:#d5d5d5; height:1px;margin:15px 0px; padding:0px; font-size:0px; clear:both;} .bd3 {display:block; border:none; background:#d5d5d5; height:1px;margin:15px 0px 10px 0px; padding:0px; font-size:0px; clear:both;} .bd4 {display:block; border:none; background:#666; height:1px;margin:0px 0px 0px 0px; padding:0px; font-size:0px; clear:both;} .bd5 {display:block; border:none; border-bottom:1px dashed #d5d5d5; height:1px; margin:20px 0; padding:0px; font-size:0px; clear:both;} .bd6 {display:block; border:none; background:#d5d5d5; height:1px;margin:0px 0px 20px 0px; padding:0px; font-size:0px; clear:both;} .mg0 {margin:0 !important;} .mt0 {margin-top:0 !important;} .mt5 {margin-top:5px !important;} .mt7 {margin-top:7px !important;} .mt10 {margin-top:10px !important;} .mt25 {margin-top:25px !important;} .mr0 {margin-right:0 !important;} .mb0 {margin-bottom:0 !important;} .ml30 {margin-left:30px !important;} .pd0 {padding:0 !important;} .pt0 {padding-top:0 !important;} .pb0 {padding-bottom:0 !important;} .pr0 {padding-right:0 !important;} .pl0 {padding-left:0 !important;} .bdb_none {border-bottom:0px !important;} #showcase_s1{position:relative;margin-bottom:30px;} #showcase_s1 .showcase-onepage .showcase-content{} #showcase_s1 .showcase-content .mbimg{height:500px;} #showcase_s1 .showcase-arrow-next {position:absolute; top:225px;outline:0; width:50px; height:50px; text-indent:-9999px; z-index:99;right:-180px; background:url(/img/prev_next_btn2.png) no-repeat -50px 0px; cursor:pointer;opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); } #showcase_s1 .showcase-arrow-previous{position:absolute; top:225px; outline:0; width:50px; height:50px; text-indent:-9999px; z-index:99;left:-180px; background: url(/img/prev_next_btn2.png) no-repeat 0px 0; cursor:pointer;opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); } #showcase_s1 .showcase-arrow-next:hover, #showcase_s1 .showcase-arrow-previous:hover { cursor:pointer;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100); transition:0.3s; } #showcase_s1 .showcase-thumbnail-container {margin-top:15px;} #showcase_s1 .showcase-thumbnail-restriction{ width:780px !important; height:69px !important; overflow:hidden;} #showcase_s1 .thimg {width:120px; height:69px;} #showcase_s1 .showcase-thumbnail {margin:0px 5px;width:120px; height:69px; overflow:hidden;} #showcase_s1 .showcase-thumbnail-button-backward {position:absolute;background:url(/img/main/prev_next_btn2.png) -5px 8px no-repeat; width:40px; height:69px;margin-right:5px; text-indent:-99999px; font-size:0px; display:block;left:-30px;} #showcase_s1 .showcase-thumbnail-button-forward {position:absolute;background:url(/img/main/prev_next_btn2.png) -50px 8px no-repeat; width:40px; height:69px; text-indent:-99999px; font-size:0px;display:block;right:-30px; } #showcase_s1 .showcase-thumbnail-wrapper .active {border:5px solid #fc6a19;width:110px; height:59px;} #showcase_s1 .showcase-thumbnail-wrapper .active .thimg {opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50);} .btnArea {display:block; position:relative; width:100%; height:auto;} .btnArea a.btn_01 {display:block; width:200px; padding:10px 60px 14px 30px; line-height:22px; background:url(/img/05/btn_cms.png) right 30px center no-repeat #1fa2f5; color:#fff; text-align:center;} .btnArea a.btn_01:hover {background-color:#d5e7f5 !important;} .btnArea a.btnCen {left:50% !important; margin-left:-170px;} .pott {color:#016acc !important; font-family:'NotoKrM' !important;} .pott1 {color:#29b199 !important;} .pott2 {color:#000 !important;} .pott3 {color:#777 !important;} .pott4 {color:#016acc !important;} .pofs1 {font-size:18px !important;} .pofs2 {font-size:20px !important;} .pottS {font-size:13px; color:#a0a0a0;} .pottB {font-family:'NotoKrM' !important;} .pottsB {font-family:'nanum-square-b' !important;} .lets1 {letter-spacing:-0.1px;} .lets5 {letter-spacing:-0.5px;} .lets10 {letter-spacing:-1px;} .lets15 {letter-spacing:-1.5px;} .lets20 {letter-spacing:-1.5px;} /* 상단 회원가입 등 링크 */ #tsiteA {float:left; } #tsiteA a {display:inline-block;padding:0 25px;height:34px;color:#a0a0a0;letter-spacing:0px;line-height:34px; font-size:14px;letter-spacing:-1px; overflow:hidden; border-right:1px solid #dcdcdc;} #tsiteA a.fir {border-left:1px solid #dcdcdc;} #tsiteA a.on {color:#313131; font-family:'NotoKrM'; background:#fff;} #tnb {position:relative; margin-top:5px !important;padding:0; height:34px;list-style:none;zoom:1; font-family:'NotoKrR';margin-right: 300px !important;} #tnb:after {display:block;visibility:hidden;clear:both;content:""} #tnb li {float:left;margin:0px; font-size:13px; background:none} #tnb li:first-child {background:none;} #tnb a {display:inline-block;padding:0 10px;height:34px;color:#ffffff;letter-spacing:0px;line-height:34px;font-size:14px; overflow:hidden;} #tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none;} #tnb .tnb_f a {padding:0;} #tnb img {margin-right:3px} .tsearchA {position:absolute; right:30px; top:6px;} .tsearchA #sch_submit{} /* 메인메뉴 */ #gnb {display:block; width:100%; margin:0 auto; font-family: 'nanum-square-b'; z-index:99999;} #gnb_bg{padding:0px;} #gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #gnb_1dul {position:relative; width:1000px; margin:20px 310px !important;padding:0;zoom:1;z-index:99999;} #gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""} .gnb_1dli {z-index:99999;float:left;} .gnb_1da {display:inline-block;text-align:center; width:180px; color:#222222 !important;font-size:19px; line-height:55px;text-decoration:none; letter-spacing:0px;} .gnb_1da:focus, .gnb_1da:hover {text-decoration:none;color:#0052a8 !important;} .gnb_1dli_air .gnb_1da {color:#0052a8 !important; } .gnb_1dli_on .gnb_1da {color:#0052a8 !important; } /* 161226 .gnb_1dli_air .gnb_1da {color:#08beb0 !important; background:url(/img/menu_on.png) center bottom -2px no-repeat} .gnb_1dli_on .gnb_1da {color:#08beb0 !important; background:url(/img/menu_on.png) center bottom -2px no-repeat} */ .gnb_2dul {display:none;position:absolute;top:55px ;width:180px;z-index:999999;} .gnb_2da {display:block;padding:10px 20px;text-align:left;text-decoration:none;z-index:99999;} .gnb_1dli_air .gnb_2da {background-color:#333;color:#fff} .gnb_1dli_on .gnb_2da {background-color:#333;color:#fff} .gnb_2da:focus, .gnb_2da:hover {text-decoration:none; display:block;z-index:99999;} .gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff} .gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff; color:#333;} .gnb_3dul {z-index:999999;} .gnb_3da {display:block;padding:5px 20px;text-align:left;text-decoration:none;z-index:99999;background-color:#555; color:#f2f2f2 !important;} .gnb_3da:focus, .gnb_3da:hover{background-color:#888;color:#fff} .snb dd{position:relative; text-align:center; margin-left: 280px;} .snb dd.snb01 div {display:block; float:left; overflow:hidden; padding:10px 0 30px 0;} .snb .ssnb01{width:180px;} .snb .ssnb02{width:180px; height:200px; border-left:1px solid #e5e5e5;} .snb .ssnb03{width:180px; height:200px; border-left:1px solid #e5e5e5;} .snb .ssnb04{width:180px; height:200px; border-left:1px solid #e5e5e5;} .snb .ssnb05{width:180px; height:200px; border-left:1px solid #e5e5e5;} .snb .snb01 a {display:block;color:#707070;} .snb .snb01 a:hover {color:#026acd;text-decoration:none;} .gnbFixed {position: fixed;top: 0px; } #gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em} #gnb_empty a {text-decoration:underline} /* 중간 레이아웃 */ #wrapper {position:relative; z-index:0;margin:0 auto;width:100%; zoom:1; } .wrap {margin:0 auto; width:1280px;} #wrapper:after {display:block;visibility:hidden;clear:both;content:""} #wrapper .snsQ {display:block;width:160px;position:fixed;top:160px;left:50%;margin-left:560px;z-index:9999;} #wrapper .snsQ a {display:block;} #wrapper .snsQ a img {display:block;} /* 상단 레이아웃 */ #hd {z-index:99999; position:fixed; margin:0px auto;min-width:1000px;width:100%; min-height:135px; padding:0px;background:#fff} #hd:hover {background:#ffffff} .hd_zindex {z-index:99999 !important} #hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #hd_wrapper {display:block; position:relative; padding:0px 0;min-width:1000px;width:100%; zoom:1; height:40px; z-index:1; overflow:hidden;background: linear-gradient(331deg, #2294dc 19%, #74e2fe 100%);} #hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} #hd .wrap {position:relative;} #logo {position:absolute; top:-21px; left:0px; display:block; width:202px; height:90px; line-height:90px; z-index:1;} #hd.on {background-color:#fff;box-shadow: 0 0 10px rgb(0 0 0 / 10%);} /* 전체 검색 */ #hd_sch {margin:0px;padding:0;border:1px solid #ffffff;height:25px;border-radius: 5px;background: #ffffff;} #hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #hd_sch #sch_stx {padding-left:10px;width:190px;height:25px;border:0px;background:#fff;line-height:25px !important;} #hd_sch #sch_submit {background:#ffffff url(/img/btn_tsearch.png) right center no-repeat; display:inline-block; text-indent:-99999px; width:43px; height:25px; border:0px;cursor:pointer} #naviA {clear:both;width:100%;margin:0px auto;padding:0px;display:block;background:none;} /* 페이스북 */ #facebook {position: absolute;top: 50px;right: 50px;display: block;width: 40px;height: 40px;line-height: 90px;z-index: 1;} #facebook a i{color:#FFFFFF; width:40px; height:40px; line-height:40px; text-align:center; font-size:26px;background: #314198;border-radius: 50%;} .scr {width: 100%;left: 0;bottom: 0;display: flex;justify-content: center;background: url(/img/main/btn_more1.png) no-repeat center;height: 120px;padding-top: 20px;} .mMovQuiA::before{position:absolute; display:inline-block; content:'KOTRA YOUTH BUDDHIST ASSOCIATION'; width:100%; left:50%; bottom:190px; transform:translateX(-50%); font-size:95px; color:#dfeaf7; font-weight:900; white-space:nowrap; text-align:center; letter-spacing:1px; font-family:'NotoKrM'; opacity:0.65;}