@charset "utf-8";
@import 'style.css';

/* font */
@font-face {
    font-family:"SCoreDreamLight";
    src: url("../fonts/SCDream3.eot");
    src: url("../fonts/SCDream3.eot?#iefix") format("embedded-opentype"),
         url("../fonts/SCDream3.ttf") format("truetype"),
         url("../fonts/SCDream3.woff") format("woff"),
         url("../fonts/SCDream3.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:"SCoreDreamRegular";
    src: url("../fonts/SCDream4.eot");
    src: url("../fonts/SCDream4.eot?#iefix") format("embedded-opentype"),
         url("../fonts/SCDream4.ttf") format("truetype"),
         url("../fonts/SCDream4.woff") format("woff"),
         url("../fonts/SCDream4.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    transform: skew(-0.001deg);
}
@font-face {
    font-family:"SCoreDreamMedium";
    src: url("../fonts/SCDream5.eot");
    src: url("../fonts/SCDream5.eot?#iefix") format("embedded-opentype"),
         url("../fonts/SCDream5.ttf") format("truetype"),
         url("../fonts/SCDream5.woff") format("woff"),
         url("../fonts/SCDream5.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    transform: skew(-0.001deg);
}
@font-face {
    font-family:"SCoreDreamBold";
    src: url("../fonts/SCDream6.eot");
    src: url("../fonts/SCDream6.eot?#iefix") format("embedded-opentype"),
         url("../fonts/SCDream6.ttf") format("truetype"),
         url("../fonts/SCDream6.woff") format("woff"),
         url("../fonts/SCDream6.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,
sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
figcaption,figure,footer,header,menu,nav,section,summary,time,mark,audio,video {margin:0; padding:0; box-sizing:border-box}
html {-webkit-text-size-adjust:none}
body {margin:0; padding:0; font-family:'SCoreDreamRegular','sans-serif'; font-size:13px; color:#000; line-height:1.4; letter-spacing:-0.03em; box-sizing:border-box}
address, em {font-style:normal}
i, em, u, cite {font-style:normal}
strong, b {font-family:'SCoreDreamMedium','sans-serif'; font-weight:normal;}
fieldset, img {border:0; vertical-align:middle}
img {max-width:100%; width:auto}
caption, legend {overflow:hidden; width:0; height:0; font-size:0; line-height:0}
ul,ol,dl,dt,dd,li {list-style:none}
h1, h2, h3, h4, h5, h6 {font-family:'SCoreDreamMedium','sans-serif'; font-weight:normal;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block}
a {color:inherit; text-decoration:none}
input, select, textarea {font-family:'SCoreDreamRegular','sans-serif'; vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box; color:#666; font-size:14px; -webkit-box-shadow:none; box-shadow:none; border-radius:0}
input[type=text] { -webkit-appearance: none; -moz-appearance:none; appearance:none; }
button {cursor:pointer; outline:none; overflow:visible; margin:0; padding:0; border:none; background-color:transparent; font-family:'SCoreDreamRegular','sans-serif'; vertical-align:middle}
button::-moz-focus-inner {margin:0;padding:0;border:0}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer; border:0}
figcaption {position:absolute; overflow:hidden; width:0; height:0; font-size:0; line-height:0}
legend {overflow:hidden; width:0; height:0; font-size:0; line-height:0}
textarea { -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; height:63px; padding:8px; border:1px solid #ccc; font-size:14px; line-height:18px; overflow-y:auto; resize:none; color:#000}
table {width:100%; table-layout:fixed}
table, th, td {border-spacing:0; border-collapse:collapse; word-wrap:break-word}
input {padding:0; margin:0; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; padding:0; font-family:'SCoreDreamRegular', sans-serif; border:1px solid #ccc; color:#000; border:none; -webkit-appearance:none} 
input[type="file"] {display:inline-block; height:38px; border:1px solid #666; line-height:38px; -webkit-box-sizing:border-box; box-sizing:border-box}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none;margin:0} /* input number reset*/
input[type="text"]::-ms-clear {display:none;}
input[disabled] {background:#fff;}
*::-webkit-input-placeholder {color:#ababab}
*:-moz-placeholder {color:#ababab} /* FF 4-18 */
*::-moz-placeholder {color:#ababab} /* FF 19+ */
*:-ms-input-placeholder {color:#ababab} /* IE 10+ */
button {border-radius: 4px;}
a { cursor: pointer;}

/*간격 */
.mgt10{margin-top: 10px;}
.mgt20{margin-top: 20px;}
.mgt30{margin-top: 30px;}
.mgb100{margin-bottom: 100px !important;}

/*컬러 팔레트*/
.fc_turquoise { color:#215871 !important;}
.fc_red { color: #f00 !important;}
.fc_yellow {color: #ffc000 !important;}
.fc_orange {color: #f66b20 !important;}
.impct { color: #f00; font-family:"SCoreDreamMedium"  }

/*기타*/
.blind {display: none;}

/* layout */
.warp { width: 100%; position: relative; overflow: hidden; word-break: keep-all; }

.pgtop { width: 100%; text-align: center;justify-content: center; align-items: center;}
.pgtop.main { height: 850px; padding: 15px; background: url(../images/bann_main_01.jpg) no-repeat center center; background-size: cover; object-fit: cover; }
.pgtop.intro { height: 620px; padding: 15px; background: url(../images/img_topintro.jpg) no-repeat center center; background-size: cover; object-fit: cover; }
.pgtop.yoga { height: 620px; padding: 15px; background: url(../images/img_topyoga.jpg) no-repeat center center; background-size: cover; object-fit: cover; }
.pgtop.subsm { height: 468px; padding: 15px; background: url(../images/topbg_comm.jpg) no-repeat center center; background-size: cover; object-fit: cover; }
.pgtop.subexg { height: 468px; padding: 15px; background: url(../images/topbg_exc.jpg) no-repeat center center; background-size: cover; object-fit: cover; }
.pgtop.subbok { height: 468px; padding: 15px; background: url(../images/topbg_book.jpg) no-repeat center center; background-size: cover; object-fit: cover; }
.pgtop.leader { height: 468px; padding: 15px; background: url(../images/topbg_leader.jpg) no-repeat center center; background-size: cover; object-fit: cover; }

.pgtop header { display:flex;justify-content: space-between; align-items: center; padding: 20px 40px 20px 40px ; background: transparent !important;}
.pgtop header .logo { z-index: 200;}
.pgtop header .logo span {display: none; z-index: 1000;}
.pgtop header .imenu { margin:20px 0 0 -120px; font-size: 19px; color: #fff; } 
.pgtop header .imenu ul li { display: inline; padding: 0 30px 0 0 ; font-family:"SCoreDreamMedium" ;}
.pgtop header .imenu ul li a { display: inline-block; padding: 5px;}
.pgtop header .qbt { display: flex;}

.pgtop .main_ban { padding-top: 190px;  } 
.pgtop .main_ban .mban_txt { margin: 0 auto; position: relative; display: block; color: #fff;  }
.pgtop .main_ban .mban_txt p { font-family:"SCoreDreamBold" ;}
.pgtop .main_ban .mban_txt .bantx01 { font-size: 58px; text-shadow: 4px 4px 4px #444; margin-top: -40px; position: relative; }
.pgtop .main_ban .mban_txt .bantx02 { font-size: 36px; text-shadow: 4px 4px 4px #444; margin-top: 20px; margin-bottom: 30px}
.pgtop .main_ban .mban_txt .bantx03 { font-family: "SCoreDreamRegular"; font-size: 24px; position: relative; display: block; margin-top: 20px;}
.pgtop .main_ban .mban_txt .whbx {height: 4px; width: 20px; background: #fff; position: relative; margin: 0 auto;} 

.pgtop .sub_topti { padding-top: 220px; z-index: 10;}
.pgtop .sub_topti .cont_box { position: relative;}
.pgtop .sub_topti .subtop_txt { margin: 0 auto; position: relative; display: block; color: #fff;  }
.pgtop .sub_topti .subtop_txt p { font-family:"SCoreDreamBold" ;}
.pgtop .sub_topti .subtop_txt .bantx01 { font-size: 40px; text-shadow: 4px 4px 4px #444; margin-top: -40px; position: relative; }
.pgtop .sub_topti .subtop_txt .bantx02 { font-size: 21px; text-shadow: 4px 4px 4px #444; margin-top: -40px; position: relative; }

.pgtop .sub_topti.sm { z-index: 10; padding-top: 120px;}
.pgtop .sub_topti.sm .cont_box { position: relative;}
.pgtop .sub_topti.sm .subtop_txt { margin: 0 auto; position: relative; display: block; color: #fff;  }
.pgtop .sub_topti.sm .subtop_txt .bantx01 { font-size: 40px; text-shadow: 4px 4px 4px #444; margin-top: -40px; position: relative; font-family:"SCoreDreamBold" ;}
.pgtop .sub_topti.sm .subtop_txt .bantx02 { font-size: 21px; text-shadow: 4px 4px 4px #444; margin-top: -40px; position: relative; }

.muwrp { width: 100%; z-index: 50; position: relative; top: -45px;}
.muwrp .mubox { width: 90%; max-width: 900px; display: flex; background: #353535; margin: 0 auto;color: #fff;font-family:"SCoreDreamMedium" ; justify-content: center; align-items: center; padding: 30px; }
.muwrp .mubox a { font-size: 16px;}
.muwrp .mubox a.on {color: #ff7200;}
.muwrp .mubox a:hover { color: #ffd9ba;}
.muwrp .mubox a + a { margin-left: 13%;}

.mouse_scroll { position: relative; margin-top: 20px; } 
.mouse { display: block; width: 33px; height: 46px; border: 2px solid #ffffff; border-radius: 23px; margin: 0 auto; } 
.mouse::after { content:''; display: block; position: relative; width: 2px; height: 8px; margin: 5px auto; background: #ffffff; animation: mouse-pulse 1.2s ease infinite; } 
.dowm_arrow {margin-top: 16px;}
.dowm_arrow span { display: block; position: relative; left: 50%; width: 8px; height: 8px; margin-bottom: 2px; margin-left: -2px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg) translateX(-50%); animation: fade-arrow 1s infinite; } 
.dowm_arrow2:nth-of-type(2) { animation-delay: .2s; animation-direction: alternate; } 
.dowm_arrow3:nth-of-type(3) { animation-delay: .3s; animation-direction: alternate; } 
@keyframes mouse-pulse { 
    0% { opacity: 1; transform: translateY(0); } 
    100% { opacity: 0; transform: translateY(12px); } 
}

@keyframes fade-arrow { 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
}


.comp_quickgo { width: 100%; margin-top: -150px; position: relative;}
.comp_quickgo .inner { max-width: 1200px; margin: 0 auto;}
.comp_quickgo .inner ul li { margin-top: 30px; background: #fff; text-align: center; float: left; display: block; width: 33%; } 
.comp_quickgo .inner ul li .box:first-child {border-left: 1px solid #eaeaea; }
.comp_quickgo .inner ul li .box { position: relative; border-right: 1px solid #eaeaea; display: block; padding: 50px 10px 70px 0; text-align: center;}
.comp_quickgo .inner ul li .box .ico { position: relative;  }
.comp_quickgo .inner ul li .box .ico .ig{ position: absolute; top: 0; } 
.comp_quickgo .inner ul li .box .ico.first { margin-top: -12px;}
.comp_quickgo .inner ul li .box dl dt { font-size: 19px; margin: 10px 0 30px; font-family:"SCoreDreamBold";}
.comp_quickgo .inner ul li .box dl dt .impct { color: #976c5f;}
.comp_quickgo .inner ul li .box dl .bt {  padding: 5px 25px; border: 1px solid #ccc; position: relative; width: 80px; transition: .5s ease;}
.comp_quickgo .inner ul li:hover .ico .ig { opacity: 0; transition: .3s ease;}
.comp_quickgo .inner ul li:hover .bt { background: #6b6b6b; color:#fff; transition: 0.5s ease;}

.inner .subti_main { color: #000; text-align: center; margin-bottom: 70px;}
.inner .subti_main .copy { font-size: 24px;font-family:"SCoreDreamRegular"}
.inner .subti_main .maint { font-size: 40px;font-family:"SCoreDreamRegular"; margin-bottom: 10px;}
.inner .subti_main .maint .impct {  font-family:"SCoreDreamBold"; color: #000;}
.inner .subti_main .dis { font-size: 17px;font-family:"SCoreDreamRegular"}

.comp_reqst { width: 100%; padding: 120px;background-image: linear-gradient(135deg, #d9d5d3,#ada09d); position: relative; clear: both;}
.comp_reqst .inner { width: 1000px; margin: 0 auto; position: relative;}
.comp_reqst .inner .cotbox { display: flex; }
.comp_reqst .inner .cotbox .bx01 { width: 390px; margin-right: 40px;}
.comp_reqst .inner .cotbox .bx02 {  width: 480px;  }
.comp_reqst .inner .cotbox .bx02 .txt { font-size: 16px; line-height: 29px; word-break: keep-all; margin-bottom: 130px; }
.comp_reqst .inner .cotbox .bx02 .txt .bt { padding: 10px 20px; background: #000; color: #fff; font-size: 14px; margin-top: 20px; display: block; width: 20%; text-align: center;}

.comp_reqst .inner .cotbox .bx02 .ovbx { display: flex; }
.comp_reqst .inner .cotbox .bx02 .bx { width: 50%; text-align: center;} 
.comp_reqst .inner .cotbox .bx02 .bx .imge { width: 214px; height: 214px; border-radius: 220px; display: block; object-fit: cover;}
.comp_reqst .inner .cotbox .bx02 .bx .imge.fr {background: url(../images/img_ph01.jpg); object-fit: cover;}
.comp_reqst .inner .cotbox .bx02 .bx .imge.se {background: url(../images/img_ph02.jpg); object-fit: cover;}
.comp_reqst .inner .cotbox .bx02 .bx p { font-size: 16px; font-family:"SCoreDreamMedium"; margin-top: 20px; margin-left: -10px;}
.comp_reqst .inner .cotbox .bx02 .bx p span { color: #663a2d;}

.comp_prog { width: 100%; padding: 120px;background:#fff; position: relative; clear: both;}
.comp_prog .selqst {margin: 0 auto; display: flex; justify-content: space-between; max-width: 800px; }
.comp_prog .selqst .selbox { position: relative;}
.comp_prog .selqst .selbox a { background: #151515; display: block;}
.comp_prog .selqst .selbox:first-child { margin-right: 20px;}
.comp_prog .selqst .selbox .imgbox { position: relative; text-align: center;}
.comp_prog .selqst .selbox .imgbox.bx01 {background: url(../images/img_prog01.jpg)no-repeat; width: 406px; height: 469px;}
.comp_prog .selqst .selbox .imgbox.bx02 {background: url(../images/img_prog02.jpg)no-repeat; width: 406px; height: 469px;}
.comp_prog .selqst .selbox .tidis { position: relative;top: 10%; width: 100%; text-align: center;  }
.comp_prog .selqst .selbox .tidis .te01 {font-family:"SCoreDreamMedium"; color: #fff; font-size: 30px; }
.comp_prog .selqst .selbox .tidis .te02 {font-family:"SCoreDreamRegular"; color: #fff; font-size: 18px; word-break: keep-all; padding-bottom: 200px; }
.comp_prog .selqst .selbox .imgbox a {display: block; padding: 10px; width: 120px; color: #fff; margin: 0 auto; background: transparent; border: 1px solid #fff;  }
.comp_prog .selqst .selbox .imgbox a:hover { background: #ff0000; opacity: .8;}

.notimain { background: url(../images/img_notibg.jpg)no-repeat;background-size: cover; padding: 100px; clear: both; }
.notimain .selbox { position: relative; display: flex; max-width: 1100px; margin: 0 auto; gap: 20px; margin-top: -20px; }
.notimain .selbox .imgbox { width: 270px; height: 250px; overflow: hidden; cursor: pointer; border: 1px solid #ccc; position: relative;  }
.notimain .selbox .imgbox .imghv { display: none; }
.notimain .selbox .imgbox:hover .imghv { display: block; }
.notimain .selbox .imgbox .imghv p { text-align: center; color: #fff; position: absolute; z-index: 50; top: 35%; left: 46%; font-family:"SCoreDreamBold"; font-size: 50px;} 
.notimain .selbox .imgbox .imghv a { display: block; background: red; opacity: .5; position: absolute;  width: 100%; height: 100%; }
.notimain .selbox .imgbox img {  width: 270px; height: 250px; object-fit: cover; overflow: hidden;}
.notimain .selbox .contbx ul { margin-top: 10px;}
.notimain .selbox .contbx ul .coti {font-size: 15px; font-family:"SCoreDreamMedium"; }
.notimain .selbox .contbx ul .dt { color: #353535; font-size: 14px;}
.notimain .btbox {  margin-top: 40px; text-align: center;}
.notimain .btbox a { border: 1px solid #666; padding: 14px 100px; color: #666; font-size: 21px;font-family:"SCoreDreamMedium"; display: inline-block;} 

.asocilst { width: 100%; padding: 120px 0 0;background:#fff; position: relative; clear: both;}
/* 움직이는 텍스트 */
.lst { position: relative; width: 100%;max-width:100%; height: auto; padding:45px 0; overflow-x: hidden; overflow-y: hidden; }
.lst .track {position: absolute; white-space: nowrap;will-change: transform;animation: marquee 10s linear infinite; }
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (hover: hover) and (min-width: 700px){
.lst .content {-webkit-transform: translateY(calc(100% - 8rem)); transform: translateY(calc(100% - 8rem));}
}

.cus { padding: 100px 0 0 0; position: relative;}
.cus .inner { width: 1000px; margin: 0 auto; text-align: center; padding-bottom: 40px;}
.cusbx { width: 100%; display: flex;justify-content: center; }
.cusbx .bxfr { border: 1px solid #ccc; padding: 30px 30px 0 30px ; text-align: left;}
.cusbx .bxfr .cuti { font-size: 24px; font-family:"SCoreDreamMedium";}
.cusbx .bxfr .cutisec { font-size: 14px; }
.cusbx .bxfr ul { line-height: 36px; padding: 10px 0 10px 100px; background: url(../images/ico_phon.jpg)no-repeat;}
.cusbx .bxfr .phnum { font-size: 34px; font-family:"SCoreDreamBold";}
.cusbx .bxfr .fxnum { font-size: 21px; color: #6f6f6f;}
.cusbx .bxfr .dsec { border-top: 1px solid #ccc; color: #ff3c3c; padding-top: 15px; font-size: 18px;} 
.cusbx .bxse { display: flex; }
.cusbx .bxse .culoc { width: 220px; height: 242px; background:url(../images/bg_cu01.jpg)no-repeat; padding: 20px; text-align: left; position: relative; }
.cusbx .bxse .culoc .ti { font-size: 21px; font-family:"SCoreDreamMedium"; color: #fff;}
.cusbx .bxse .culoc .tiesc { font-size: 15px; color: #fff;}
.cusbx .bxse .culoc a { display: block; margin-top: 110px; color: #fff;}
.cusbx .bxse .cuintro { width: 220px; height: 242px; background:url(../images/bg_cu02.jpg)no-repeat; padding: 20px; text-align: left;}
.cusbx .bxse .cuintro .ti { font-size: 21px; font-family:"SCoreDreamMedium"; color: #fff; }
.cusbx .bxse .cuintro .tiesc { font-size: 15px; color: #fff;}
.cusbx .bxse .cuintro a { display: block; margin-top: 87px; color: #fff;}

footer { background: #282828; color: #858585; position: relative; clear: both; margin-top: 150px;}
footer .inner { width: 1100px; margin: 0 auto;  padding: 30px 0; }
footer .inner .submubx { width: 1100px;}
footer .inner .submubx .submu { padding: 0 0 20px; border-bottom:1px solid #5d5d5d ; display: block;}
footer .inner .submubx .submu li { display: inline-block; font-size: 14px;}
footer .inner .submubx .submu li + li { margin-left: 30px;}
footer .inner .addr { width: 1100px; margin-top: 40px; position: relative;}
footer .inner .addr .impct_b { color: #fff; font-family:"SCoreDreamMedium";  font-size: 19px;}
footer .inner .addr .impct { color: #b5b5b5; font-family:"SCoreDreamMedium"; }
footer .inner .logofot { text-align: right; position: absolute;  top: 50px; right: 0;}
footer .inner .logofot p { font-size: 24px; font-family:"SCoreDreamBold"; margin-bottom: 0; color: #bababa; }
footer .inner .logofot span { font-size: 17px; margin-left: 20px; display: block;}
.topbt { width: 48px; height: 48px; z-index: 2000; background: #fff; opacity: .9; border: 1px solid #101010;position: fixed;right: 3%; bottom: 5%; display: none; text-align: center;  }
.topbt p { font-size: 15px;font-family:"SCoreDreamBold"; position: relative; top: 26%;}
.topbt:hover { background: #140c8f; color: #fff;} 


/* 서브 레이아웃 */
.subti { text-align: center; margin-top: 50px; margin-bottom: 80px;}
.subti .subti_btx {font-size: 36px;font-family:"SCoreDreamBold";}
.subti .subti_bdsc { font-size: 26px; font-family:"SCoreDreamMedium"}
.subti .subti_bdsc::after { content: '-'; font-size: 36px;font-family:"SCoreDreamBold"; margin: 0; position: relative; display: block;}

.subti .descsb { font-size: 16px; margin-top: 20px; line-height: 30px;}
.subti .descsb span { font-size: 30px; color: #de0909;font-family:"SCoreDreamBold";}
/* .contwarp { margin: 0 auto; padding-top: 100px; position: relative; } */
.contwrap { max-width: 1200px; margin: 0 auto; position: relative; }
.contbox { width: 100%; position: relative; margin-top: 100px;}
.contbox + .contbox { margin-top: 50px;}
.subti_s { font-size: 21px; font-family:"SCoreDreamMedium"; text-align: left; margin-bottom: 20px; position: relative;}
.contsubti { font-size: 24px; font-family:"SCoreDreamBOLD"; margin-bottom: 30px;}


/*협회소개*/
.sub_samp { padding: 100px 0; text-align: center; background: url(../images/img_itro01_01.jpg) center center ; object-fit: cover; margin-top: 80px;}
.sub_samp p { font-size: 36px;font-family:"SCoreDreamBold"; color: #fff;}
.chairman_into { width: 100%; max-width: 1000px; margin: 0 auto; padding: 0 40px; padding-top: 100px; }
.chairman_into .inttx { display: flex; gap: 70px;} 
.chairman_into .inttx .bxl img { margin-bottom: 30px; }
.chairman_into .inttx .bxl .his {color: #6b4848; line-height: 27px;}
.chairman_into .inttx .bxl .his .ti { font-size: 15px;font-family:"SCoreDreamMedium";  }
.chairman_into .inttx .bxl ul+ul { margin-top: 20px;}
.chairman_into .inttx .bxr { width: 65%;}
.chairman_into .inttx .bxr .slog { font-size: 18px;font-family:"SCoreDreamMedium"; color: #fb7c00; margin-bottom: 60px;}
.chairman_into .inttx .bxr .slog .ti { font-size: 28px;font-family:"SCoreDreamMedium"; color: #fb7c00; margin-bottom: 20px;}
.chairman_into .inttx .bxr .desc { font-size: 14px; color: #4b4b4b; line-height: 24.5px; word-break: keep-all;}
.chairman_into .sigbx { clear: both; text-align: right; width: 100%; position: relative; display: block;}

/*약력*/
.sub_samptw { padding: 100px 0; text-align: center; background: url(../images/img_intro02_01.jpg) center center ; object-fit: cover; margin-top: 80px;}
.sub_samptw .txc { font-size: 17px;color: #fff; width: 80%; margin: 0 auto; line-height:38px; max-width: 800px;}
.hstwrp { margin-bottom: 100px;}
.hislbx {display: flex; margin: 0 auto; width: 1000px;}
.hislbx .bxl { width: 50%; border-right: 1px solid #000; padding: 100px 50px 0 0; text-align: right; }
.hislbx .bxl p { font-size: 38px; font-family:"SCoreDreamBold"; color: #fb7c00; }
.hislbx .bxl span { font-size: 21px; font-family:"SCoreDreamMedium"; }
.hislbx .bxl ul { margin-top: 10px; font-size: 14px; line-height: 28px;}
.hislbx .bxr { margin-left: -10px; padding-top: 100px;}
.hislbx .bxr ul { line-height: 80px;}
.hislbx .bxr ul li {color: #575757; font-size: 16px;}
.hislbx .bxr ul li span { font-size: 24px; font-family:"SCoreDreamMedium"; margin-right: 20px; display: inline-block;}
.hislbx .bxr ul li::before { content: '●'; font-size: 21px; margin-right: 10px; color: #000;}
.hislbx .bxr ul .tw { display: flex; line-height: 50px;}
.hislbx .bxr ul li.last { line-height: 1px;}
.hislbx .bxr ul li.last::before { content: '▼';}

.purpose { text-align: center; max-width: 1000px; width: 100%; margin: 0 auto;}
.purpose .txb p {font-size: 38px; font-family:"SCoreDreamBold"; color: #fb7c00; margin-bottom: 10px; }
.purpose .txb span { font-size: 21px; }
.purpose .icobx {display: flex; margin-top: 70px; }
.purpose .icobx .bx { width: 25%; text-align: center;}


/*지부소개*/
.partstxt { display: flex; flex-wrap: wrap; gap: 50px; width: 80%; margin: 0 auto;}
.partstxt p { font-size: 19px;  color: #fb7c00; font-family:"SCoreDreamMedium";}
.partstxt span { font-size: 16px;}
.partstxt .pat { width: 45%;}

/*오시는 길*/
.contbox .mapbox {  width: 70%; height: 584px; background: #e1e1e1; border: 1px solid #ccc; overflow: hidden; margin: 0 auto; }
.contbox .adrinfo { line-height: 30px; font-size: 14px; border-bottom: 1px solid #dbdbdb; padding-bottom: 40px; width: 70%; margin: 0 auto;}
.contbox .adrinfo .hd { color: #ff5353;}
.contbox .usesubw { font-size: 14px; width: 70%; margin: 0 auto;}
.contbox .usesubw .ico_l { padding-left: 30px; background: url(../images/ico_subw.png)no-repeat 0 0; line-height: 30px; }
.contbox .usesubw .desc { position: relative; margin-top: 5px; }
.contbox .sortcont { font-size: 14px; color: #8c8c8c; position: relative; margin-bottom: 20px; margin-top: -50px;}
.contbox .sortcont .impct { color: #ff5353;}


/*요가란?*/
.yogadscbx {display: flex; align-items: center; gap: 30px; padding: 0 20px;}
.yogadscbx .imgbx { width: 350px;}
.yogadscbx .txtbx { width: 60% ; word-break: keep-all; font-size: 15px; line-height: 30px;}
.yogadscbx .txtbx span { font-size: 30px; color: #de0909;font-family:"SCoreDreamBold";}

.yogadscbx.tw {display: flex; align-items: center; gap: 30px; justify-content: flex-end;} 
.yogadscbx.tw .txtbx { width: 60%;}


/*요가의종류*/
.yogatype { display: flex; gap: 30px; flex-wrap: wrap;}
.yogatype .tybx { display: block; width: 31%;}
.yogatype .tybx .tyti { margin: 10px 0 20px; font-size: 21px;color: #ff5a00;font-family:"SCoreDreamMedium"; ;}
.yogatype .tybx .tyti span { color: #000;}
.yogatype .tybx .dsecp { font-size: 16px; line-height: 28px; word-break: keep-all;}
 

/*요가 체조법*/
.waycontimg { background: url(../images/bg_waycont.jpg) no-repeat center center;Background-size: cover; height: 350px; width: 100%; }
.senddesc { font-size: 15px; text-align: center; margin: -30px 0 70px; line-height: 30px;}
.waybx .wbx { display: flex; gap: 30px; padding: 40px; border: 1px solid #ccc; width: 90%; margin: 0 auto;}
.waybx .wbx+.wbx { margin-top: 30px;}
.waybx .wbx .descbx { width: 80%;}
.waybx .wbx .descbx .wayti { font-size: 21px;color: #ff5a00;font-family:"SCoreDreamMedium";margin-bottom: 20px; display: block; }
.waybx .wbx .descbx .wayti span {font-family:"SCoreDreamRegular"; color: #000;  }
.waybx .wbx .descbx .waydsc .short+.short { margin-top: 30px;}
.waybx .wbx .descbx .waydsc .short .smti { font-size: 16px; font-family:"SCoreDreamMedium";}
.waybx .wbx .descbx .waydsc .short .dscp { font-size: 15px; word-break: keep-all;}
.waybx .wbx .descbx .waydsc .short ul { margin: 10px 0; display: block;}
.waybx .btnbx { text-align: center; padding: 30px 0; margin-top: 50px;}
.waybx .btnbx a { border: 1px solid #ccc; width: 210px !important; padding: 20px; display: block; margin: 0 auto;}


/*지도자과정*/
.coursedsc { display: flex; gap: 30px; flex-wrap: wrap;}
.coursedsc .courdscbx { width: 30%;}
.coursedsc .courdscbx img { margin-bottom: 5px;}
.coursedsc .courdscbx .sib {font-size: 19px; color: #ff5a00;font-family:"SCoreDreamMedium"; margin: 12px 0;}
.coursedsc .courdscbx .sib span { color: #282828;}
.coursedsc .courdscbx .sibsec { font-size: 15px; line-height: 28px; word-break: keep-all;}
.educourse { margin-top: 120px; text-align: center;}
.educourse .courseti { font-size: 25px;font-family:"SCoreDreamMedium"; margin-bottom: 40px; }
.educourse .edico { display: flex; gap: 30px; justify-content: space-around;}
.educourse .edico .io .iods .nam { font-size: 21px; font-family:"SCoreDreamMedium"; margin-bottom: 10px; }
.educourse .edico .io .iods .nam span { color: #ff0000; font-size: 13px; position: relative; top: -3px; margin-right: 6px;}
.educourse .edico .io .iods .sd { line-height: 28px; font-size: 15px; color: #444;}

.timetbx { display: flex; gap: 30px; justify-content: space-between; width: 88%; margin: 0 auto;}
.timetbx .tb { border: 1px solid #000; width: 50%;margin: 40px 0 60px; }
.timetbx .tb th { background: #e0ecff; font-size: 15px; border-bottom: 1px solid #d7d7d7;}
.timetbx .tb th,.timetbx .tb td { padding: 15px 0; }
.timetbx .tb td { border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; }
.timetbx .tb td:last-child { border-right: none;} 
.timetbx .tb.wk th { background: #fffdde; font-size: 15px; }

.sepo { text-align: left; padding: 30px; background: #f6f6f6; width: 88%; margin:0 auto;}
.sepo p {font-size: 18px; font-family:"SCoreDreamMedium"; margin-bottom: 10px; }
.sepo ul { line-height: 28px;}

.cculm { margin-top: 80px;}
.cculm .cclmti { text-align: center; margin-bottom: 40px;}
.cculm .cclmti p {font-size: 24px; font-family:"SCoreDreamMedium"; margin-bottom: 10px;  }
.cculm .cclmti span { font-size: 16px;}

.cculm table { border-top: 2px solid #000; text-align: center;}
.cculm table th { padding: 20px 20px; font-size: 15px;}
.cculm table td { padding: 15px 15px; }
.cculm table th,.cculm table td {border-bottom: 1px solid #a4a4a4; border-right: 1px solid #a4a4a4;}
.cculm table th:last-child,.cculm table td:last-child { border-right: none;}
.cculm table .tdl { text-align: left;}
.cculm .impct { margin-top: 30px; text-align: center; font-size: 15px; word-break: keep-all; padding: 0 20px;}


/*자격검정시험*/
.testcontainer {width: 100%; margin: 0 auto;}
.tabs { display: flex; cursor: pointer; justify-content: center; gap: 30px;margin-bottom: 80px;}
.tab { width: 20%; padding: 20px; background-color: #fff; border: 1px solid #ccc;text-align: center;   transition: background-color 0.3s; font-size: 18px;font-family:"SCoreDreamMedium"; }
.tab:hover {background-color: #ddd;}
.tab.active {background-color: #ff7b1a; color: #fff;}
.tab_content { margin: 0 20px;}
.tstgd + .tstgd { margin-top: 60px;}
.tstgd .testsubti { font-size: 23px; margin-bottom: 30px;}
.tstgd .testsubti span { color: #ff3c3c; font-size: 18px;}
.tstgd .tstgdtb { width: 100%; border-top: 2px solid #000;}
.tstgd .tstgdtb th { padding: 20px; font-size: 17px; border-bottom: 1px solid #ccc;}
.tstgd .tstgdtb td {border-bottom: 1px solid #ccc; padding: 20px; font-size: 15px; line-height: 28px; }
.tstgd .tstgdtb td.tdl { text-align: left;}
.range { display: flex; gap: 30px;}
.range .rangebx { border: 1px solid #ccc; border-radius: 8px; width: 33%;  padding: 30px;} 
.range .rangebx p { font-size: 18px; font-family:"SCoreDreamMedium"; color: #ff7b1a; margin-bottom: 10px; }
.range .rangebx ul { line-height: 28px; font-size: 14px;}


/*협회상품*/
.booklst { display: flex;  gap:30px; flex-wrap: wrap; }
.booklst .blstbx { width: 48%; display: flex; border-bottom: 1px dotted #ccc; gap: 20px; padding-bottom: 20px;}
.booklst .blstbx ul .sbcopy.org {font-size: 17px; color: #ff5a00;font-family:"SCoreDreamMedium"; }
.booklst .blstbx ul .sbcopy.grn {font-size: 17px; color: #5d884b;font-family:"SCoreDreamMedium"; }
.booklst .blstbx ul .sbcopy.blu {font-size: 17px; color: #054fa4;font-family:"SCoreDreamMedium"; }
.booklst .blstbx ul .bookname {font-size: 24px; font-family:"SCoreDreamMedium"; margin: 5px 0; }
.booklst .blstbx ul .bkdsec {font-size: 15px; color: #7f7b7b;}

.lstbooktb { border-top: 2px solid #000; width: 100%; padding: 10px; text-align: center; margin: 60px 0 100px;}
.lstbooktb th { padding: 20px 0; font-size: 17px; font-family:"SCoreDreamMedium"; background: #efefef; border-bottom: 1px solid #5d5d5d;border-right: 1px solid #5d5d5d;}
.lstbooktb th:last-child { border-right: none;}
.lstbooktb td { padding: 20px 0; font-size: 15px; border-bottom: 1px solid #5d5d5d;border-right: 1px solid #5d5d5d;}
.lstbooktb td:last-child { border-right: none;}

.lsttapetb { border-top: 2px solid #000; width: 100%; padding: 10px; text-align: center; }
.lsttapetb th { padding: 20px 0; font-size: 17px; font-family:"SCoreDreamMedium"; background: #feffed; border-bottom: 1px solid #5d5d5d;border-right: 1px solid #5d5d5d;}
.lsttapetb th:last-child { border-right: none;}
.lsttapetb td { padding: 20px 0; font-size: 15px; border-bottom: 1px solid #5d5d5d;border-right: 1px solid #5d5d5d;}
.lsttapetb td:last-child { border-right: none;}

/*임원소개*/
.explst { }
.lstbx { display: flex; gap: 20px; flex-wrap: wrap;}
.lstbx + .lstbx { margin-top: 40px;}
.lstbx .exclst { display: flex; width: 49%; background: #0096ff; }
.lstbx .exclst .imgbx { background: #cdcdcd; width: 201px; }
.lstbx .exclst .infobx {background: #f3f2f3; width: 70%; padding: 30px 20px; }
.lstbx .exclst ul {font-size: 15px; line-height: 27px;}
.lstbx .exclst ul .ho { font-size: 21px;font-family:"SCoreDreamMedium";}
.lstbx .exclst ul .ho::after { content: 'ㅡ'; font-size: 24px;color: #ff5353;font-family:"SCoreDreamBold"; position: relative; top: -5px; margin-bottom: 0;}


/*햄버거 메뉴*/
.hbgmubx {overflow: hidden; display: none; }

#menu-wrapper .hambgbt { position: relative; width: 40px; height: 30px; margin: 15px 25px 0; cursor: pointer; z-index: 1500;}
#menu-wrapper .hambgbt span {
    opacity: 1;
    left: 0;
    display: block;
    width: 80%;
    height: 4px;
    border-radius: 10px;
    color: black;
    background-color: #fff;
    position: absolute;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

#menu-wrapper .hambgbt span:nth-child(1) {top: 0;}
#menu-wrapper .hambgbt span:nth-child(2) {top: 9px;}
#menu-wrapper .hambgbt span:nth-child(3) {top: 18px;}
#menu-wrapper .hambgbt.open span:nth-child(1) {top: 9px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
#menu-wrapper .hambgbt.open span:nth-child(2) {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; left: -20px;}
#menu-wrapper .hambgbt.open span:nth-child(3) {top: 9px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}

.hbgmubx .menu_list .menu_submenu { padding:0; color: #a2a2a2;}
.hbgmubx .menu_list .menu_submenu li a {display:block; padding:30px 0 30px 40px; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.hbgmubx .menu_list .menu_submenu li a:hover { background:#414141; color: #b0b0b0;}
.hbgmubx .menu_list {
    padding: 120px 0 0 0;
    display: block;
    position: absolute;
    top:0px;
    width: 100%;
    height: 100%;
    opacity: .9;
    background: #000;
    box-shadow: rgba(100,100,100,0.2) 6px 2px 10px;
    z-index: 100;
    overflow-y: auto;
    overflow-x: hidden;
    right: -100%;
}

.hbgmubx .menu_list li.accordion-toggle, .hbgmubx .menu_list .menu-login {
    font-size: 16px;
    padding: 20px;
    text-transform: uppercase;
    border-top: 1px solid #353535;
    color: #fff;
}
.hbgmubx .menu_list li:first-of-type {
    border-top: 0;
}

.accordion-toggle, .accordion-content {
    cursor: pointer;
    font-size: 16px;
    position: relative;
    letter-spacing: 1px;
}

  .accordion-content {
    display: none;
}

.accordion-toggle a:before, .accordion-toggle a:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 15px;
    height: 2px;
    margin-top: -1px;
    background-color: #5a5858;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s ease-out;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    
}

.accordion-toggle a:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 1;
    z-index: 2;
}

.accordion-toggle.active-tab {
  background: yellowgreen;
  transition: all 0.3s ease;
}
.accordion-toggle a.active:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    background: #fff !important;
}

.accordion-toggle a.active:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background: #fff !important;
    opacity: 0;
}


/*tab css*/
.tab_title { display: flex;}
.tab_title li {cursor: pointer; text-align: center; border: 1px solid #bebebe; justify-content: space-between; width: 50%; padding: 10px 20px; margin-bottom: 30px; border-bottom: none; background: #f1f1f1;}
.tab_title li.on {background-color: #fff;font-weight: bold;}
.tab_cont {clear: both; }
.tab_cont .tb {display: none; text-align: center;}
.tab_cont .tb.on {display: block;}

.tab_cont .comtmodibx { }
.tab_cont .comtmodibx input { padding: 10px; border: 1px solid #ccc; margin-bottom: 10px;}
.tab_cont .comtmodibx textarea { height: 200px;}

/* 갤러리 */
.gy_blk { border-top: 2px solid #000; padding-top: 30px; padding-left: 10px; }
.gyboxwrap { display: flex; flex-wrap: wrap;}
.gyboxwrap .box { width: 24%; overflow: hidden; margin-right: 1%;}
.gyboxwrap .box .imgbx { overflow: hidden; margin-bottom: 20px; }
.gyboxwrap .box .imgbx img { object-fit: cover; height: 210px; width: 100%;transition: all 0.1s linear;} 
.gyboxwrap .box .imgbx img:hover {transform: scale(1.2); }
.gyboxwrap .box p { text-align: center; margin-bottom: 30px; font-family:"SCoreDreamMedium"; font-size: 15px; }
.view_cont img { margin: 20px 0 ;}

.cometwrap { margin-top: 40px; }
.cometwrap .counti { padding-bottom: 5px; font-family:"SCoreDreamMedium"; font-size: 14px; }
.cometwrap .counti span { color: #f00;}
.cometwrap .writwp { margin-top: 20px;}
.cometwrap .writwp .inp_wrter { display: flex; margin-bottom: 10px; }
.cometwrap .writwp .inp_wrter input { border: 1px solid #e1e1e1; width: 25%; padding: 15px; margin-right: 10px; background: #f1f1f1;}
.cometwrap .writwp textarea { padding: 15px; border: 1px solid #e1e1e1; height: 100px; margin-bottom: 20px;}

.comtviewwp .inf { padding: 20px 0;}
.comtviewwp .inf .wrt { display: flex; justify-content: space-between; text-align: left;}
.comtviewwp .inf +.inf { border-top: 1px solid #e1e1e1;}
.comtviewwp .inf .wrt { margin-bottom: 10px;}
.comtviewwp .inf .wrt p { font-size: 14px; }
.comtviewwp .inf .wrt p span {  color: #999;}
.comtviewwp .inf .wrt .divi { font-size: 10px; color: #282828; display: inline-block; position: relative; margin: 0 10px; top: -2px;}
.comtviewwp .inf .wrt .comt_modi { font-size: 12px; color: #666;}
.comtviewwp .inf .comtview { position: relative;margin: 10px 0 0 0;font-size: 1.1em; line-height: 1.5714; color: #666;}

.modi_ti { padding: 20px 20px; background: #f1f1f1; font-size: 17px; font-family:"SCoreDreamMedium";}
.modiwrp { text-align: center;}
.modiwrp .modibox {border: 0;text-align: center; padding: 30px 28px; font-size: 14px; max-width: 320px; margin: 0 auto;}
.modiwrp .modibox .comodi_inp { border: 1px solid #e1e1e1; padding: 10px 5px; margin: 20px 0; text-align: center;}
.modiwrp .modibox .btnbx button { padding: 10px 20px; border: 1px solid #e1e1e1; border-radius: 20px;}
.modiwrp .modibox .btnbx button.bg { background: #085f87; color: #fff;}
.modiwrp .modibox .btnbx button + button { margin-left: 5px;}


/* 테이블 */
.tb_blk { border-top: 2px solid #000; text-align: center;  }
.tb_blk th,.tb_blk td {padding: 20px 0 20px 10px; border-bottom: 1px solid #ddd; }
.tb_blk th { border-bottom: 1px solid #000;}
.tb_blk td.trd_l { text-align: left;}
.tb_blk td p {   overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis; word-break: break-all;}
.tb_blk td a:hover { text-decoration: underline;}
.tb_blk thead tr:hover { background: #fff;}
.tb_blk tr:hover { background: #f4f4f4;}
.tb_btn { display: none;}

.viewbox_blk {  border-top: 2px solid #000; text-align: left; border-bottom: 1px solid #e1e1e1;padding:20px 0 0; }
.viewbox_blk .titbx { border-bottom: 1px solid #e1e1e1;}
.viewbox_blk .titbx .cot { display: flex; justify-content: space-between;}
.viewbox_blk .titbx .bt_lst { float: right}
.viewbox_blk .titbx p { font-size: 17px;font-family:"SCoreDreamMedium"; word-break: keep-all;}
.viewbox_blk .titbx ul { position: relative; margin: 10px 0 15px; }
.viewbox_blk .titbx ul li { line-height: 19px;}
.viewbox_blk .titbx ul.ico { background: url(../images/ico_pp.png) no-repeat center left; padding-left: 50px;}
.view_cont { padding: 40px 20px; font-size: 14px;}

.nb_bo { border-top: 1px solid #e1e1e1 ; width: 100%; }
.nb_bo a:hover { text-decoration: underline;}
.nb_bo .bt_pre  { display: flex;}
.nb_bo .bt_pre .ti { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; width: 86%; margin-right: 14px; }
.nb_bo .bt_pre { padding: 20px 0 20px 10px; border-bottom: 1px solid #e1e1e1;}
.nb_bo .bt_pre:hover { background: #f1f1f1;}
.nb_bo .bt_pre .pr { padding:0 20px 0;  color: #b1b1b1; width: 125px}
.nb_bo .bt_pre .pr i::before { content: url(../images/ico_up.png);}
.nb_bo .bt_next { padding: 20px 0 20px 10px;display: flex;}
.nb_bo .bt_next .ti { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;  width: 86%; margin-right: 14px; }
.nb_bo .bt_next:hover { background: #f1f1f1;}
.nb_bo .bt_next .ne { padding:0 20px 0;  color: #b1b1b1; width: 125px }
.nb_bo .bt_next .ne i::before { content: url(../images/ico_down.png);}
.nb_date {float: right; color: #bbb ;}

/* paging */
.pasing { margin-top: 40px; text-align: center;}
.pasing ul li { display: inline-block; }
.pasing ul li a { display: block; padding: 10px 10px;}
.pasing ul li a:hover { color: red; }
.pasing ul li.divsin {color: #ccc ;}
.bt_more { display: none;}


/*버튼*/
[class^=btn_] {display: inline-block; box-sizing: border-box; cursor: pointer; }
[class^=btn_mid]{ height: 54px; border-radius: 2px; background: #fff; font-family:"SCoreDreamMedium",sans-serif;  border: 1px solid #e1e1e1; color: #666; text-align: center; padding: 20px 50px 20px; display: flex; justify-content: center;align-items: center;}
[class^=btn_]+[class^=btn_] { margin-left: 7px;}


/*체크박스*/
input[type="checkbox"]:focus, 
input[type="radio"]:focus {outline:none;}
.chk-box, .radio-box {display:inline-block}
.chk-box + .chk-box,
.radio_box + .radio_box {margin-left:18px}
.radio-wrapper .radio-wrap + .radio-wrap {margin-top:15px;}
input[type="checkbox"],input[type="radio"] {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
input[type="checkbox"] + label { display:inline-block; padding-left:30px; height:23px; background:url('../images/common/icon-checkbox.png') no-repeat 0 50%; color:#101010; line-height:24px; cursor:pointer;}
input[type="checkbox"]:checked + label {background:url('../images/common/icon-checkbox-on.png') no-repeat 0 50%}

input[type="radio"] + label {overflow:hidden; display:inline-block; padding-left:33px; height:22px; line-height:22px; background:url('../images/common/icon_radio.png') no-repeat 0 50%; color:#101010; cursor:pointer;}
input[type="radio"]:checked + label {background:url('../images/common/icon_radio_on.png') no-repeat 0 50%}

.chk-box.big input[type="checkbox"] + label {height:42px; padding-left:50px; line-height:42px; background-image:url('../images/common/icon-checkbox-big.png'); font-size: 15px; }
.chk-box.big input[type="checkbox"]:checked + label {background-image:url('../images/common/icon-checkbox-big-on.png');}

.chk-box.like {margin: 0;}
.chk-box.like input[type="checkbox"] + label {width: 10vw; height: 10vw; background:url('../images/common/icon_heartwh.png') no-repeat center ;}
.chk-box.like input[type="checkbox"]:checked + label {background:url('../images/common/icon_heart_on.png') no-repeat center}

/*뱃지*/
.bage { padding: 3px 10px 3px; border: 1px solid #ccc;font-size: 12px; display: inline-block; margin-bottom: 5px; letter-spacing: 0.02em;font-family:"SCoreDreamMedium";}


/*모달*/
/* The Modal (background) */
.ly_modal {display: none; position: fixed;  z-index: 999999; left: 0; top: 0; width: 100%;  height: 100%;  overflow: auto; background: #000; background-color: rgb(0,0,0);  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */; overflow-y: hidden;}
/* Modal Content/Box */
.ly_cont { background-color: #fdf6ec; margin: 210px auto; /* 15% from the top and centered */ border: 1px solid #888; width: 460px; /* Could be more or less, depending on screen size */background: url(../images/ly_mo.jpg)no-repeat -22px 0 ;}
.lymo_contbx { padding: 30px 30px 0;  }
.lymo_contbx .ly_tit { font-size: 25px; font-family:"SCoreDreamBold"; margin-bottom: 18px;}
.lymo_contbx .ly_tit .impct { color: #f00;}
.lymo_contbx .evtpr ul { font-size: 15px; margin-bottom: 24px;}
.lymo_contbx .evtpr ul li { margin-bottom: 5px; line-height: 21px;}
.lymo_contbx .evtpr ul li .impct { color: #ff5353; font-family:"SCoreDreamMedium"; }
.lymo_contbx .evtpl { display: flex; gap: 20px; justify-content: center; align-items: center; margin-bottom: 20px; }
.lymo_contbx .evtpl .plbx { padding: 10px; border-radius: 6px; border: 1px solid #e1e1e1; width: 45%; text-align: left; font-size: 15px; padding-left: 70px;}
.lymo_contbx .evtpl .plbx.one { background: url(../images/ico_fr.jpg)no-repeat 10px 5px #fff;}
.lymo_contbx .evtpl .plbx.tw { background: url(../images/ico_gift.jpg)no-repeat 10px 5px #fff; padding-left: 65px;}


.ly_cont .btbox { background: #101010; text-align: center; display: flex; } 
.ly_cont .btbox .lymobt { text-align: center; width: 50%; padding: 15px; background: #fff; border: 1px solid #ececec; border-radius: 0; }


/*이용약관*/
.termbx + .termbx { margin-top: 60px;}
.termbx .bigti { font-size: 21px; color: #085f87; font-family:"SCoreDreamMedium"; margin-bottom: 20px;}
.termbx .tmcot + .tmcot { margin-top: 30px;}
.termbx .tmcot .tmtti { font-size: 16px; font-family:"SCoreDreamMedium";  }
.termbx .tmcot .conttm { line-height: 28px; font-size: 15px;}
.trmdt { margin: 50px 0 0; font-size: 19px;}


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

}

@media screen and (max-width: 900px) {
    .warp { overflow: hidden;}
    .contwrap { padding: 0 20px;}
    .subti .descsb { font-size: 16px; margin-top: 20px; line-height: 30px; width: 94%; margin: 0 auto; word-break: keep-all;}
    .muwrp .mubox { width: 100%; display: flex; background: #353535; margin: 0 auto;color: #fff;font-family:"SCoreDreamMedium" ; justify-content: center; align-items: center; padding: 30px; }

    .pgtop header { display:flex;justify-content: space-between; align-items: center; padding: 20px 40px 20px 40px ; background: transparent !important;}
    .pgtop header .logo { margin-left: -34px;}
    .pgtop header .logo span {display: none;}
    .pgtop header .imenu {display: none; } 
    .pgtop header .qbt { display: block; margin: -10px -50px 0 0;}
    
    .pgtop.main { height: 180vw; }
    .pgtop .main_ban { padding-top: 80px;  } 
    .pgtop .main_ban .mban_txt p { font-family:"SCoreDreamBold" ;}
    .pgtop .main_ban .mban_txt .bantx01 { font-size: 6vw;}
    .pgtop .main_ban .mban_txt .bantx02 { font-size: 12vw; width: 80%; margin: 20px auto;}
    .pgtop .main_ban .mban_txt .bantx03 { font-family: "SCoreDreamRegular"; font-size: 4vw; position: relative; display: block; margin: 20px 0 20px 0; }
    .pgtop .main_ban .mban_txt .whbx {height: 4px; width: 20px; background: #fff; position: relative; margin: 0 auto; }

    .hbgmubx { display: block; } 

    .comp_quickgo { width: 100%; margin-top: -100px; position: relative;}
    .comp_quickgo .inner { max-width: 1200px; margin: 0 auto;}
    .comp_quickgo .inner ul { display: flex; flex-wrap: wrap;}
    .comp_quickgo .inner ul li {  background: #fff; width: 50%; text-align: center; float: left; display: block; margin-top: 0; border-bottom: 2px solid #eaeaea;} 
    
    .comp_reqst { width: 100%; padding:9vw 4vw; background-image: linear-gradient(135deg, #d9d5d3,#ada09d); position: relative; }
    .comp_reqst .subti_main { margin-bottom: 2vw;}
    .comp_reqst .inner { width: 100%; margin: 0 auto; position: relative;}
    .comp_reqst .inner .cotbox { display: flex; flex-wrap: wrap; }
    .comp_reqst .inner .cotbox .bx01 { width: 390px; margin:20px auto}
    .comp_reqst .inner .cotbox .bx02 {  width: 85%; margin: 0 auto;  }
    .comp_reqst .inner .cotbox .bx02 .txt { font-size: 16px; line-height: 29px; word-break: keep-all; margin-bottom: 130px; }
    .comp_reqst .inner .cotbox .bx02 .txt .bt { padding: 10px 20px; background: #000; color: #fff; font-size: 14px; margin:0 auto; display: block; width: 50%; text-align: center; top: 4vw; position: relative;}
    
    .comp_reqst .inner .cotbox .bx02 .ovbx { display: flex; justify-content:space-between; gap: 30px; width: 100%; margin-left: -20px; display: none; }
    .comp_reqst .inner .cotbox .bx02 .bx { width: 50%; text-align: center;} 
    .comp_reqst .inner .cotbox .bx02 .bx .imge { width: 174px; height: 174px; border-radius: 174px; display: block; object-fit: cover;}
    .comp_reqst .inner .cotbox .bx02 .bx .imge.fr {background: url(../images/img_ph01.jpg); object-fit: cover;}
    .comp_reqst .inner .cotbox .bx02 .bx .imge.se {background: url(../images/img_ph02.jpg); object-fit: cover;}
    .comp_reqst .inner .cotbox .bx02 .bx p { font-size: 16px; font-family:"SCoreDreamMedium"; margin-top: 20px; margin-left: 15px;}
    .comp_reqst .inner .cotbox .bx02 .bx p span { color: #663a2d;}

    .comp_prog { width: 100%; padding: 120px 0;background:#fff; position: relative; clear: both;}
    .comp_prog .selqst {margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;  }
    .comp_prog .selqst .selbox { position: relative;}
    .comp_prog .selqst .selbox a { background: #151515; display: block;}
    .comp_prog .selqst .selbox:first-child { margin-right: 20px;}
    .comp_prog .selqst .selbox .imgbox { position: relative; text-align: center;}
    .comp_prog .selqst .selbox .imgbox.bx01 {background: url(../images/img_prog01.jpg)no-repeat; width: 406px; height: 469px;}
    .comp_prog .selqst .selbox .imgbox.bx02 {background: url(../images/img_prog02.jpg)no-repeat; width: 406px; height: 469px;}
    .comp_prog .selqst .selbox .tidis { position: relative;top: 10%; width: 100%; text-align: center;  }
    .comp_prog .selqst .selbox .tidis .te01 {font-family:"SCoreDreamMedium"; color: #fff; font-size: 30px; }
    .comp_prog .selqst .selbox .tidis .te02 {font-family:"SCoreDreamRegular"; color: #fff; font-size: 18px; word-break: keep-all; padding-bottom: 200px; }
    .comp_prog .selqst .selbox .imgbox a {display: block; padding: 10px; width: 120px; color: #fff; margin: 0 auto; background: transparent; border: 1px solid #fff;  }
    .comp_prog .selqst .selbox .imgbox a:hover { background: #ff0000; opacity: .8;}

    .notimain { background: url(../images/img_notibg.jpg)no-repeat;background-size: cover; padding: 100px 20px; clear: both; }
    .notimain .subti_main { width: 100%;}
    .notimain .selbox { position: relative; display: flex; margin: 0 auto; gap: 20px; margin-top: -20px; white-space: nowrap; overflow-y: auto;  -ms-overflow-style: none; /* 인터넷 익스플로러 */ scrollbar-width: none; /* 파이어폭스 */ }

    .asocilst { width: 100%; padding: 80px 0 0;background:#fff; position: relative; clear: both;}
    .asocilst .inner .subti_main .maint  { font-size: 6vw; width: 100%;}
    /* 움직이는 텍스트 */
    .lst { position: relative; width: 100%; height: auto; padding:45px 0; overflow-x: hidden; overflow-y: hidden; top: -14vw; }
    .lst .track {position: absolute; white-space: nowrap;will-change: transform;animation: marquee 10s linear infinite; }
    @keyframes marquee {
      from { transform: translateX(0); }
      to { transform: translateX(-50%); }
    }
    @media (hover: hover) and (min-width: 100%){
    .lst .content {-webkit-transform: translateY(calc(100% - 8rem)); transform: translateY(calc(100% - 8rem));}
    }


    .cus { position: relative; padding: 0;}
    .cus .inner { width: 100%; margin: 0 auto; text-align: center; padding-bottom: 40px;}
    .cusbx { display: flex;justify-content: center; width: 95% !important; flex-wrap: wrap; margin: 0 auto; }
    .cusbx .bxfr { border: 1px solid #ccc; padding: 30px 30px 0 30px ; text-align: left; border-bottom: none; width: 100%;}
    .cusbx .bxfr .cuti { font-size: 24px; font-family:"SCoreDreamMedium";}
    .cusbx .bxfr .cutisec { font-size: 14px; }
    .cusbx .bxfr ul { line-height: 36px; padding: 10px 0 10px 100px; background: url(../images/ico_phon.jpg)no-repeat; margin-top: 10px;}
    .cusbx .bxfr .phnum { font-size: 24px; font-family:"SCoreDreamBold";}
    .cusbx .bxfr .fxnum { font-size: 16px; color: #6f6f6f;}
    .cusbx .bxfr .dsec { border-top: 1px solid #ccc; color: #ff3c3c; padding: 15px 0 5vw 0; font-size: 18px; text-align: center;} 
    .cusbx .bxse { display: flex; }
    .cusbx .bxse .culoc { width: 50%; height: 242px; background:url(../images/bg_cu01.jpg)no-repeat; padding: 20px; text-align: left; position: relative; }
    .cusbx .bxse .culoc .ti { font-size: 21px; font-family:"SCoreDreamMedium"; color: #fff;}
    .cusbx .bxse .culoc .tiesc { font-size: 15px; color: #fff;}
    .cusbx .bxse .culoc a { display: block; margin-top: 78px; color: #fff;}
    .cusbx .bxse .cuintro {width: 50%; height: 242px; background:url(../images/bg_cu02.jpg)no-repeat; padding: 20px; text-align: left;}
    .cusbx .bxse .cuintro .ti { font-size: 21px; font-family:"SCoreDreamMedium"; color: #fff; }
    .cusbx .bxse .cuintro .tiesc { font-size: 15px; color: #fff;}
    .cusbx .bxse .cuintro a { display: block; margin-top: 57px; color: #fff;}

    footer { margin-top: 50px; padding: 10px;}
    footer .inner { width: 100%; overflow: hidden;}
    footer .logofot { display: none;}

    /*협회소개*/
    .sub_samp { padding: 100px 0; text-align: center; background: url(../images/img_itro01_01.jpg) center center ; object-fit: cover; margin-top: 80px;}
    .sub_samp p { font-size: 36px;font-family:"SCoreDreamBold"; color: #fff;}
    .chairman_into { width: 100%; max-width: 1000px; margin: 0 auto; padding: 0 40px; padding-top: 0; }
    .chairman_into .inttx { display: flex; gap: 30px; flex-wrap: wrap;} 
    .chairman_into .inttx .bxl { width: 100%;}
    .chairman_into .inttx .bxl img { margin-bottom: 30px; }
    .chairman_into .inttx .bxl .his {color: #6b4848; line-height: 27px;}
    .chairman_into .inttx .bxl .his .ti { font-size: 15px;font-family:"SCoreDreamMedium";  }
    .chairman_into .inttx .bxl ul+ul { margin-top: 20px;}
    .chairman_into .inttx .bxr { width: 100%; margin-top: 2vw;}
    .chairman_into .inttx .bxr .slog { font-size: 28px;font-family:"SCoreDreamMedium"; color: #fb7c00; margin-bottom: 20px;}
    .chairman_into .inttx .bxr .desc { font-size: 14px; color: #4b4b4b; line-height: 24.5px; word-break: keep-all;}
    .chairman_into .sigbx { clear: both; text-align: right; width: 100%; position: relative; display: block; margin-bottom: 15vh;}

    /*약력*/
    .sub_samptw { padding: 4vh 0; text-align: center; background: url(../images/img_intro02_01.jpg) center center ; object-fit: cover; margin-top: 80px;}
    .sub_samptw .txc { font-size: 15px;color: #fff; width: 80%; margin: 0 auto; line-height:38px; max-width: 800px;}
    .hstwrp { margin-bottom: 100px;}
    .hislbx {display: flex; margin: 0 auto; width: 90%; overflow: hidden;}
    .hislbx .bxl { width: 50%; border-right: 1px solid #000; padding: 100px 50px 0 0; text-align: right; }
    .hislbx .bxl p { font-size: 26px; font-family:"SCoreDreamBold"; color: #fb7c00; }
    .hislbx .bxl span { font-size: 18px; font-family:"SCoreDreamMedium"; }
    .hislbx .bxl ul { margin-top: 10px; font-size: 14px; line-height: 28px;}
    .hislbx .bxr { margin-left: -10px; padding-top: 100px;}
    .hislbx .bxr ul { line-height: 80px;}
    .hislbx .bxr ul li {color: #575757; font-size: 16px; display: block;}
    .hislbx .bxr ul li span { font-size: 16px; font-family:"SCoreDreamMedium"; margin-right: 20px; display: inline-block;}
    .hislbx .bxr ul li::before { content: '●'; font-size: 21px; margin-right: 10px; color: #000;}
    .hislbx .bxr ul .tw { display: flex; line-height: 50px;}
    .hislbx .bxr ul li.last { line-height: 1px;}
    .hislbx .bxr ul li.last::before { content: '▼';}

    .purpose { text-align: center; max-width: 1000px; width: 100%; margin: 0 auto;}
    .purpose .txb p {font-size: 38px; font-family:"SCoreDreamBold"; color: #fb7c00; margin-bottom: 10px; }
    .purpose .txb span { font-size: 21px; }
    .purpose .icobx {display: flex; margin-top: 70px; }
    .purpose .icobx .bx { width: 25%; text-align: center; margin-bottom: 12vh;}

    .contbox .adrinfo { width: 90%; margin: 0 auto; }
    .contbox .adrinfo .hd { color: #ff5353;}
    .contbox .usesubw {  width: 90%; margin: 0 auto;}

    .contbox .mapbox {  width: 70%; height: 540px; background: #e1e1e1; border: 1px solid #ccc; overflow: hidden; margin: 0 auto; padding: 0;}


    /*요가란?*/
    .yogadscbx {display: flex; align-items: center; gap: 30px; flex-wrap: wrap;}
    .yogadscbx .imgbx { width: 100%; text-align: center;} 
    .yogadscbx .txtbx { width: 90% ; word-break: keep-all; font-size: 15px; line-height: 30px; margin: 0 auto; padding-bottom: 6vh;}
    .yogadscbx .txtbx span { font-size: 30px; color: #de0909;font-family:"SCoreDreamBold";}

    .yogadscbx.tw {display: flex; align-items: center; gap: 30px; justify-content: flex-end;} 
    .yogadscbx.tw .txtbx { width: 90%; margin: 0 auto; padding-bottom: 0;}
    .yogadscbx.tw .imgbx { margin-bottom: 4vh;}

    /*요가의종류*/
    .yogatype { display: flex; gap: 30px; flex-wrap: wrap; margin-bottom: 12vh;}
    .yogatype .tybx { display: block; width: 100%; margin-bottom: 8vh;}
    .yogatype .tybx .tyti { margin: 10px 0 20px; font-size: 19px;color: #ff5a00;font-family:"SCoreDreamMedium"; ;}
    .yogatype .tybx .tyti span { color: #000;}
    .yogatype .tybx .dsecp { font-size: 14px; line-height: 28px; word-break: keep-all;}
    

    /*요가 체조법*/
    .waycontimg { background: url(../images/bg_waycont.jpg) no-repeat center center;Background-size: cover; height: 350px; width: 100%; }
    .senddesc { font-size: 15px; text-align: center; margin: -30px 0 70px; line-height: 30px;}
    .waybx .wbx { display: flex; gap: 30px; padding: 20px; border: 1px solid #ccc; width: 90%; margin: 0 auto; flex-wrap: wrap;}
    .waybx .wbx+.wbx { margin-top: 30px;}
    .waybx .imbx { margin: 0 auto;}
    .waybx .wbx .descbx { width: 100%;}
    .waybx .wbx .descbx .wayti { font-size: 21px;color: #ff5a00;font-family:"SCoreDreamMedium";margin-bottom: 20px; display: block; }
    .waybx .wbx .descbx .wayti span {font-family:"SCoreDreamRegular"; color: #000;  }
    .waybx .wbx .descbx .waydsc .short+.short { margin-top: 30px;}
    .waybx .wbx .descbx .waydsc .short .smti { font-size: 16px; font-family:"SCoreDreamMedium";}
    .waybx .wbx .descbx .waydsc .short .dscp { font-size: 15px; word-break: keep-all;}
    .waybx .wbx .descbx .waydsc .short ul { margin: 10px 0; display: block;}
    .waybx .btnbx { text-align: center; padding: 30px 0; margin-top: 50px;}
    .waybx .btnbx a { border: 1px solid #ccc; width: 210px !important; padding: 20px; display: block; margin: 0 auto;}


    /*지도자과정*/
    .coursedsc { gap: 20px; flex-wrap: wrap; margin-bottom: 0; }
    .coursedsc .courdscbx { width: 100%; margin-bottom: 8vh;}
    .educourse { margin-top: 1vh;}
    .coursedsc .courdscbx .sib {font-size: 19px; color: #ff5a00;font-family:"SCoreDreamMedium"; margin: 12px 0;}
    .coursedsc .courdscbx .sib span { color: #282828;}
    .coursedsc .courdscbx .sibsec { font-size: 14px; line-height: 28px; word-break: keep-all;}
    .educourse .edico .io .iods .nam { font-size: 21px; font-family:"SCoreDreamMedium"; margin-bottom: 10px; }
    .educourse .edico .io .iods .nam span {display: none; }
    .timetbx { display: flex; gap: 30px; justify-content: space-between; width: 100%; margin: 0 auto;}
    .sepo { text-align: left; padding: 30px; background: #f6f6f6; width: 100%; margin:0 auto;}

    /*자격검정시험*/
    .testcontainer {width: 100%; margin: 0 auto;}
    .tabs { display: flex; cursor: pointer; justify-content: center; gap: 30px;margin-bottom: 80px;}
    .tab { width: 25%; padding: 20px; background-color: #fff; border: 1px solid #ccc;text-align: center;   transition: background-color 0.3s; font-size: 18px;font-family:"SCoreDreamMedium"; }
    .range { display: flex; gap: 30px; flex-wrap:wrap ;}
    .range .rangebx { border: 1px solid #ccc; border-radius: 8px; width: 100%;  padding: 30px;} 

    /*협회상품*/
    .bookwp,.tapewp { padding: 0 20px}
    .booklst { display: flex;  gap:30px; flex-wrap: wrap; }
    .booklst .blstbx { width: 100%; display: flex; border-bottom: 1px dotted #ccc; gap: 20px; padding-bottom: 20px; flex-wrap: wrap; margin-bottom:8vh ;}
    .booklst .blstbx img { width: 50%; margin: 0 auto; } 

    /*임원소개*/
    .explst { margin-bottom: 12VH;}
    .lstbx { display: flex; gap: 20px; flex-wrap: wrap; }
    .lstbx + .lstbx { margin-top: 40px;}
    .lstbx .exclst { display: flex; width: 100%; background: #0096ff; }
    .lstbx .exclst .imgbx { background: #cdcdcd; width: 201px; }
    .lstbx .exclst .infobx {background: #f3f2f3; width: 70%; padding: 30px 20px; }
    .lstbx .exclst ul {font-size: 15px; line-height: 27px;}
    .lstbx .exclst ul .ho { font-size: 21px;font-family:"SCoreDreamMedium";}
    .lstbx .exclst ul .ho::after { content: 'ㅡ'; font-size: 24px;color: #ff5353;font-family:"SCoreDreamBold"; position: relative; top: -5px; margin-bottom: 0;}

    .tb_blk .col3 { display: none; visibility: hidden; width: 0%;}

    .gy_blk { padding: 4vw 0 0; } 
    .gyboxwrap { display: block; width: 100%;}
    .gyboxwrap .box { width: 100%; overflow: hidden;display: block; margin-bottom: 8vw;}
    .gyboxwrap .box .imgbx { margin-bottom: 20px; width: 100%; }
    .gyboxwrap .box .imgbx img { object-fit: cover;transition: all 0.1s linear;} 
    .gyboxwrap .box .imgbx img:hover {transform: scale(1.2); }
    .gyboxwrap .box p { text-align: center; margin-bottom: 30px; font-family:"SCoreDreamMedium"; font-size: 15px; }
    .view_cont img { margin: 20px 0 ;}
    
    .bt_more { display: flex; width: 34vw; height: 10vw; margin: 0 auto; border: 1px solid #e1e1e1; justify-content: center; align-items: center; border-radius: 30vw; position: relative; margin-bottom: 8vw;}
    .pasing ul { display: none;}
    .tb_btn { display: flex; gap: 2.5vw; justify-content: center; margin-bottom: 12vw;}
    .tb_btn a { display: flex; width: 150px; height: 50px; border: 1px solid #e1e1e1; justify-content: center; align-items: center; border-radius: 30vw; position: relative; }
    .tb_btn a:hover, a:focus { background: #e1e1e1;}
    .nb_bo .bt_pre .pr { padding:0 10px 0;  color: #b1b1b1;}
    .nb_bo .bt_next .ne { padding:0 10px 0;  color: #b1b1b1;}

    .viewbox_blk .titbx .bt_lst { float: right; position: relative; top: 16px;}
    .viewbox_blk .titbx .bt_lst img { width: 80%;}

    .contbox .mapbox { width: 90%;  }
} 


/* @media screen and (max-width: 900px) {
    .gyboxwrap .box { width: 33%; overflow: hidden; margin-right: 8px;}
} */