@charset "utf-8"; 

/*
    author :publisher
    info:  max-width:1920px; 
            inner-width:1224px; 
    responsible:768px
    ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
    - 20201015 :initially created
*/

/******************** content ********************/
/*common area*/
.bg-light-g {background-color:#efefef}
.bg-purple {background-color:#7F7BA1}
.bg-brown {background-color:#6b5544}
.bg-dgrey {background-color:#464b5b}
.bg-333 {background-color:#3A3A3A}
.light-grey {background-color:#e1e1e1}
.mid-grey {background-color:#7c8794}
.black {background-color:#000; color:#fff}
.btn-fff {border:1px solid #ccc; background-color:#fff}
.margincenter {margin:0 auto}
.bold {font-weight:900}

.caption {color:#666; font-size:13px; letter-spacing:-0.6px; margin-left:20px}
.caption.orange {color:#ff6b00}
.bg-img {display:block; width:100%}
.bg-img img {width:100%; display:block}
.block {display:block}
.grey {color:#666}
a:hover {text-decoration:underline}
a.btn {padding:0 30px; height:53px; line-height:53px; display:block; color:#fff; font-weight:700; width:fit-content; margin:0 auto}
.clearboth {clear:both}
.float-parents {overflow:hidden; padding:60px 0}
.float-img {float:left}
.float-parents-center {display:inline-block; text-align:center; overflow:hidden}
.float {float:left; margin:12px}
.float.nm-float {margin:0; width:66%}
input.login-idpw {display:block; background-color:#fafafa; border:1px solid #e1e1e1; height:48px; padding:10px 20px; margin-bottom:10px; width:100%}
.content {width:95%; max-width:1224px; margin:0 auto; padding-bottom: 80px;}

/* btn 버튼 영역 */
.btn-area {margin:60px auto; overflow:hidden; text-align:center}
.btn-area ul {display:inline-block}
.btn-area ul li {width:116px; margin:0 12px; text-align:center; float:left; line-height:50px}
.btn-area ul li.btn-light-grey {background-color:#e1e1e1; border:1px solid #ccc; line-height:48px}
.btn-area ul li.btn-red {background-color:#b83737}
.btn-area ul li.btn-mid-grey {background-color:#7c8794}
.btn-area ul li a {color:#fff; display:block; width:100%; font-size:15px}
.btn-area ul li.btn-fff a {color:#7c8794; font-weight:800}
.btn-area ul li.btn-fff:hover {border:0}
.btn-area ul li.btn-fff a:hover {background:#333; border:0; color:#fff; text-decoration:none}

.btn.light-grey {border:1px solid #ccc}
.btn-border {padding:0 16px; line-height:45px; font-size:16px; letter-spacing:-0.96px; border:1px solid #e1e1e1; display:block; width:75px; margin-top:40px; font-weight:600}
.btn-border:hover {background:#333; border-color:#333; color:#fff; text-decoration:none}
.btn-border-l {width:224px; font-size:14px; letter-spacing:-0.84px; line-height:45px}
.btn-border-l img {width:12px; display:inline-block; margin-left:9px}
.btn-border-l.xl {width:258px}
.btn-border-l.s {width:165px}
.btn-border-l.m {width:178px}
a.btn-border.btn-border-l.s.mid-grey.margincenter {color:#fff}

ul.tab a:hover {text-decoration:none}
.qna-aa {position:absolute; left:-93px}
.hr {position:relative; padding-top:55px}
.hr::before {content:""; width:100%; display:block; position:absolute; top:0; left:0; border-top:1px solid #e1e1e1}
.borderb-g {border-bottom:1px solid #e1e1e1}
.nobordertop {border-top:0}
.mid-tit-grey {display:block; font-weight:700; margin-top:18px}

.floating {position:fixed; bottom:30px; right:20px; z-index:99}
.floating p {display:block}
.floating p a {display:block; width:100%}

.overview {margin-top:100px}
.overview-title {margin-bottom:30px}
.overview-title > h2 {font-size:32px; font-weight:800; margin-bottom:30px}
.overview-title > .overview-mid-title {font-size:32px; font-weight:100; letter-spacing:-0.5px}

.overview.search-result {margin-top:215px;/**>>>2021.08.03>>>*/margin-bottom:215px;}
.overview.search-result .input-box {max-width:808px; width:100%; height:80px; /*border:10px solid #7C8794; */margin:0 auto 10px }
.overview.search-result .input-box input {padding-left:15px; height:60px; width:94%}
.overview.search-result .input-box img {vertical-align:middle}
.br-tab {display:none}
.overview .page-sub-tab {width:100%; background-color:#7c8794; color:#ccc; margin-bottom:40px; text-align:center}
.overview .page-sub-tab > ul {overflow-y:hidden; margin:0 auto; display:inline-block}
.overview .page-sub-tab > ul > li {display:inline-block; font-weight:700; font-size:0; height:60px}
.overview .page-sub-tab > ul > li:hover a {color:#fff}
.overview .page-sub-tab > ul > li.page-sub-tab-active {color:#fff}
.overview .page-sub-tab > ul > li::before {content:""; display:inline-block; clear:both; width:0; height:100%; vertical-align:middle}/*필수*/
.overview .page-sub-tab > ul > li::after {content:""; clear:both; width:1px; vertical-align:middle; height:14px; display:inline-block; background-color:#ccc; margin:0 20px}
.overview .page-sub-tab > ul > li:last-child::after {display:none}
.overview .page-sub-tab > ul > li > a {display:inline-block; vertical-align:middle; font-size:16px}
.overview .page-sub-tab > ul.second-tab-list li a {color:#000}
.overview .page-sub-tab.page-sub-tab-sub {background-color:#fff; color:#7c8794; margin-bottom:0px}
.overview .page-sub-tab.page-sub-tab-sub > ul > li.page-sub-tab-active {color:#000}
.overview .page-sub-tab.marginb0 {margin-bottom:0px}
.overview .float-parents.summary {position:relative; overflow:hidden; padding:0}
.overview .summary .summary-tit {font-size:45px; position:absolute; left:0; top:0; font-weight:900; color:#000; line-height:1.3em}
.overview .summary .summary-cont {position:absolute; left:0; top:242px}
.overview .summary .right {float:right}
.overview .summary .left .text-area {width:47%}
.overview .summary2 .right {float:right; width:74.5%}
.overview .summary2 .right .text-area {padding-left:0}
.overview .summary2-link {margin-top:132px}
.overview .summary2-link ul {overflow:hidden}
.overview .summary2-link ul li {max-width:600px; width:100%; margin-right:24px; margin-bottom:24px; float:left; color:#fff; position:relative}
.overview .summary2-link ul li:nth-child(2n) {margin-right:0}
.overview .summary2-link ul li img {width:100%}
.overview .summary2-link ul li div {position:absolute; left:40px; top:40px}
.overview .summary2-link ul li div p {font-size:32px; margin-bottom:20px}
.overview .summary2-link ul li div span {font-size:14px; letter-spacing:-0.94px; display:block; margin-bottom:36px}
.overview .summary2-link ul li div a {width:80px; height:37px; line-height:37px; border:1px solid #fff; color:#fff; font-size:14px; text-align:center; display:block}

/*역사*/
.history-inner {padding:60px 0; overflow:hidden}
.history-inner> div {float:left}
.history-inner> div.left-year {width:312px; font-size:48px; font-family:roboto; font-weight:600; margin-bottom:30px}
.history-inner> div.right-history {font-size:16px; letter-spacing:-0.48px}
.history-inner> div.right-history ul li {margin-bottom:10px; overflow:hidden}
.history-inner> div.right-history ul li span {color:#000; display:block; float:left; width:104px; font-weight:600}
.history-inner> div.right-history ul li span.sm {width:800px; color:#666; font-weight:300}

/******************** 이케다 선생님 ********************/
.img-text-area {width:100%; height:480px; margin-bottom:100px; overflow:hidden}
.img-text-area > p {width:50%; float:left}
.img-text-area-img > img {width:100%}
.img-text-area-txt {padding:60px; height:100%; font-size:16px; color:#fff; letter-spacing:-0.96px; line-height:28.8px; font-weight:100}

.list-half {overflow:hidden}
.list-half > ul {width:100%; border-top:2px solid #333; float:left}
.list-half > ul:first-child {margin-right:2%}
.list-half > ul li {width:50%; padding:36px 0; font-size:20px; border-bottom:1px solid #e1e1e1; float:left}
.list-half > ul li > p {font-weight:500; margin-bottom:10px; font-size:24px}
.list-half > ul li > span {color:#666; margin-bottom:20px; font-size:16px}
.list-half > ul li > span:nth-child(2) {letter-spacing:-0.48px}

.list-full {overflow:hidden}
.list-full > ul {width:100%; border-top:2px solid #333}
.list-full > ul:first-child {margin-right:2%}
.list-full > ul li {width:100%; padding:40px 0; font-size:20px; border-bottom:1px solid #e1e1e1}
.list-full > ul li > p {font-weight:500; margin-bottom:10px; font-size:24px}
.list-full > ul li > span {color:#666; margin-bottom:20px; font-size:16px; display:block}
.list-full > ul li > span.txt {margin-bottom:0; letter-spacing:-0.5px; font-weight:100}
.list-full > ul li > i {font-size:14px; font-style:normal; color:#666; letter-spacing:-0.42px; display:block; margin-bottom:10px}

/*한일우호의 발자취*/
.kr-jp {overflow:hidden; margin:0 auto; width:808px}
.kr-jp .kr-jp-float {float:left; width:392px}
.kr-jp .kr-jp-float img {width:100%}
.kr-jp .kr-jp-float:first-child {margin-right:24px}


/******************** 회원서비스 영역 ********************/
.circle-grey {display:block; width:48px; height:48px; border-radius:50%}
.circle-grey > img {display:block; padding:15px}
.circle-grey {background-color: rgba(124, 135, 148, 0.5)}
.circle-grey.active {background-color:#7c8794}

.accordian-box {clear:both; width:100%; border-top:2px solid #000}
.accordian-box > ul > li > div.accordian-box-title {line-height:normal; overflow:hidden; border-bottom:1px solid #e1e1e1; cursor:pointer}
.accordian-box > ul > li > div.accordian-box-title > p {float:left}
.accordian-box > ul > li > div.accordian-box-title > p:nth-child(1) {padding:23px 44px 23px 20px}
.accordian-box > ul > li > div.accordian-box-title > p:nth-child(2) {padding:40px 0; max-width:950px; width:51vw}
.accordian-box > ul > li > div.accordian-box-title > p.click-area {float:right; padding:40px 30px 40px 0}
.accordian-box > ul > li > div.accordian-box-title > p.click-area img {vertical-align:middle}
.accordian-box > ul > li > ul.accordian-box-con {display:none; width:100%; clear:both; border-bottom:1px solid #e1e1e1}
.accordian-box > ul > li > ul.accordian-box-con > li {margin-left:114px; padding:20px 20px 20px 0; line-height:normal; border-bottom:1px solid #e1e1e1; letter-spacing:-0.96px; color:#666; /*qna-aa*/position:relative}
.accordian-box > ul > li > ul.accordian-box-con > li:last-child {border:none}

/*매뉴얼 - img/txt*/
img.img-list.marginb60 {width:100%}
.overview .idiom {font-size:20px; line-height:30px; font-weight:350; letter-spacing:-1px; text-align:center}
.overview .idiom a.btn-audiofile-view {float:left; height:45px; padding:0 40px 0 20px; margin-left:20px; background:#fff url('../images/icon/arrow-right.png') no-repeat calc(100% - 20px) 50%; background-size:14px auto; border:1px solid #e1e1e1; font-size:14px; color:#666; line-height:43px}
.overview .idiom a.btn-audiofile-view:first-child {margin-left:0}
.overview .idiom a.btn-audiofile-view:hover {color:#222; font-weight:800; text-decoration:none}
.overview > .main-img-area {margin:100px auto}
.overview > .main-img-area.margint40 {margin-top:40px}
.overview .main-img-area > img {width:100%}
.overview .main-txt-area {margin-bottom:61px; color:#666}
.overview .text-area {width:100%; font-size:16px; letter-spacing:-0.5px; font-weight:100; line-height:28.8px; color:#666}
.overview .text-area > strong {display:block; font-size:20px; margin-bottom:30px; letter-spacing:-1px; color:#000}
.overview .text-area p.sub-strong {font-size:16px; display:block; margin-bottom:10px; margin-top:20px}
.overview .text-area div ul {padding:10px 0 10px 13px}
.overview .text-area div ul li {color:#666; position:relative; padding:4px 0}
.overview .text-area div ul li::after {content:"·"; color:#000; position:absolute; top:4px; left:-14px}
.overview .sub-txt-area {margin:60px 0 0 0}
.overview .sub-text-area-group {overflow:hidden; width:100%}
.overview .sub-text-area-group > img {width:100%}
.overview .sub-txt-area2 {width:47%; margin-right:6%; float:left}
.overview .sub-txt-area2:nth-child(even) {margin-right:0}
.overview .sub-txt-area2 b {font-weight:600}
.overview .sub-txt-area3 {float:left; overflow:hidden; width:33%; min-height:104px; margin-right:0.5%}
.overview .sub-txt-area3:nth-child(3n) {margin-right:0}
.overview .sub-txt-area3 b {display:block; font-weight:900; font-size:16px}
.overview .sub-txt-area3 span {color:#666}
.overview .sub-txt-area3 img.ikeda-img-area {width:104px}
.overview .sub-txt-area.sub-txt-area3.ikeda3 {padding-bottom:0}
.overview .k-certi .sub-txt-area3:nth-child(even) {margin-right:0.5%}
.overview .k-certi .sub-txt-area3:nth-child(3n) {margin-right:0}
.overview .bordert-b {border-top:2px solid #333}
.overview .bordert-g {border-top:1px solid #e1e1e1}
.overview .text-area.ikeda-text-area {float:left; width:275px; margin-left:24px}
.overview .text-area.ikeda-text-area b {margin-top:-7px; margin-bottom:5px}
.overview .text-area.ikeda-text-area span {font-size:14px; letter-spacing:-0.7px; display:block; line-height:1.5em; width:95%}
.overview .video-inner {position:relative}
.overview .video-inner .text-area {font-size:15px; color:#666; letter-spacing:-0.96px; line-height:22px; font-weight:100}
.overview .video-inner .text-area strong {font-weight:100}
.overview .video-inner .main-img-area.hr2 {margin:75px auto -21px}
.overview .video-inner .main-img-area::after {content:''; width:100%; height:2px; background-color:#333; position:absolute; top:-39px; left:0}
.overview .video-inner .main-img-area.hr2 video {width:100%; background-color:#333}
.overview .left {float:left; width:47%; margin-right:3%}
.overview .left img.img-list {display:block; margin-bottom:24px; width:100%}
.overview .left img.img-list:last-child {margin-bottom:0}
.overview .right {float:left; width:47%}
.overview .right img.img-list {display:block; margin-bottom:24px; width:100%}
.overview .left .text-area {margin-top:62px}
.overview .left .text-area:first-child {margin-top:0}
.overview .right .text-area {padding-left:50px; margin-top:62px}
.overview .right .text-area.paddingl0 {padding-left:0}
.overview .right .text-area:first-child {margin-top:0}
.overview .right img.img-list {display:block; margin-bottom:24px}
.overview .text-area.right b {font-weight:600}
.overview .text-area.right {float:left; width:40%}
.overview .text-area-s {color:#666; font-size:14px; letter-spacing:-0.8px; line-height:21px}
.overview .text-area-s strong {color:#333; font-size:16px; margin:20px 0}
.overview .box-content.box .text-area {border:1px solid #e1e1e1; text-align:center; color:#000; font-size:24px; padding:110px 0}
.overview .experience-inner::after {content:''; width:100%; height:2px; background-color:#333; position:absolute; top:10px; left:0}

.text-area .nm-sub-tit {display:block; margin-bottom:30px; font-weight:600; color:#000}
.text-area .nm-sub-tit.grey {display:block; margin-bottom:0; font-weight:600; color:#666}
.text-area b {font-weight:600; font-size:16px; letter-spacing:-0.2px; color:#333; display:block; margin-bottom:10px; margin-top:10px}
.text-area.float-txt {width:57%; float:left; margin-left:128px}

/*>>> 2021.08.09>>>>>*/
.text-area a.btn-border img { height:auto !important;vertical-align:middle;}

.ikeda-img-area {float:left; max-width:104px; width:100%}

/*동영상 목록*/
.video-list-inner {padding:60px 0 0 0}
.video-list-inner + .btn-area {margin-top:30px}
.video-list-inner > ul {overflow:hidden}
.video-list-inner > ul > li {float:left; margin-right:24px; width:392px; padding-bottom:60px}
.video-list-inner > ul > li:nth-child(3n) {margin-right:0px}
.video-list-inner > ul > li a {display:block}
.video-list-inner > ul > li a:hover {text-decoration:none}
.video-list-inner > ul > li a img {display:block; width:100%; min-height:100%}
.video-list-inner > ul > li a span {font-size:16px; margin-top:20px; display:block}
.video-list-inner > ul > li a span.video-img-group {background:#f5f5f5 url('../images/icon/logo-blk_gray.png') no-repeat 50%}
.video-list-inner.mfloatnone > ul > li a img {width:12px; display:inline-block}
.video-inner .pagenation {margin-top:0}

span.video-img-group {display:block; width:100%; height:245px}
span.video-img-group > img {width:100%}


/******************** 주요활동 ********************/
.devide2 {overflow:hidden}
.devide2 img {float:left; width:49%; margin-right:2%}
.devide2 img:nth-child(even) {margin-right:0}

.devide4-list {overflow:hidden}
.devide4-list li {float:left; margin-right:24px; margin-bottom:40px; max-width:288px; width:100%}
.devide4-list li:nth-child(4n) {margin-right:0}

/****** 수정 : 2021.08.03 *********/
.devide4-list.ib { font-size:0; letter-spacing:0; }
.devide4-list.ib li { display:inline-block; float:none; vertical-align:top; }

.philo-text {color:#666; text-align:justify}

.experience-list-inner > ul > li a > span {margin-top:30px; font-weight:700}
.experience-list-inner > ul > li a > em {display:inline-block; margin-top:20px; font-size:16px; letter-spacing:-0.96px; color:#333; font-style:normal}

/******************** 멤버십 - 회원가입 ********************/
.signup-process4 {width:100%; border-top:2px solid #333; border-bottom:2px solid #333; text-align:center}
.signup-process4 ul {overflow:hidden; display:inline-block}
.signup-process4 ul li {padding:28px 48px; margin-right:24px; float:left}
.signup-process4 ul li:last-child {margin-right:0}
.signup-process4 ul li p {float:left}
.signup-process4 ul li p:first-child {width:80px; height:80px; margin-right:17px; border-radius:50%; background-color:#e1e1e1; vertical-align:middle; text-align:center; position:relative}
.signup-process4 ul li p:first-child img {position:absolute; max-width:100%; max-height:100%; width:auto; height:auto; margin:auto; top:0; bottom:0; left:0; right:0}
.signup-process4 ul li p:first-child.active:first-child {background-color:#333}
.signup-process4 ul li p.tit {font-size:16px; letter-spacing:-0.8px; margin-top:11px; font-weight:600; text-align:left}
.signup-process4 ul li p.tit strong {font-size:20px; letter-spacing:0; display:block}
.signup-process4 ul li:nth-child(1) p:first-child {background:url(../images/icon/signup01.png)#e1e1e1 no-repeat center /60%}
.signup-process4 ul li:nth-child(2) p:first-child {background:url(../images/icon/signup02.png)#e1e1e1 no-repeat center /70%}
.signup-process4 ul li:nth-child(3) p:first-child {background:url(../images/icon/signup03.png)#e1e1e1 no-repeat 70% 50% /65%}
.signup-process4 ul li:nth-child(4) p:first-child {background:url(../images/icon/signup04.png)#e1e1e1 no-repeat center /70%}

.step01 {width:100%; border-bottom:2px solid #333}
.step01 h3 {font-size:20px; letter-spacing:-1px; font-weight:600; margin-bottom:20px}
.step01 div {padding-top:100px}
.step01 div .terms {max-height:400px; border:1px solid #e1e1e1; background-color:#fafafa; color:#666; line-height:1.7em; padding:30px; overflow-y:scroll}
.step01 div .terms strong {display:block; color:#000}
.step01 div.agree-check {margin:34px 0; padding:0}
.step01 div.agree-check .ui_check_float {float:left}

.step02 {overflow:hidden; padding-top:100px; margin-bottom: 60px}
.step02 div {width:50%; float:left; border-right:1px solid #e1e1e1; text-align:center}
.step02 div:last-child {border-right:0}
.step02 div .circle-icon {width:120px; height:120px; border-radius:50%; background-color:#C4C4C4; background-color:#e1e1e1; vertical-align:middle; text-align:center; position:relative; margin:0 auto 20px}
.step02 div .circle-icon img {position:absolute; max-width:100%; max-height:100%; width:auto; height:auto; margin:auto; top:0; bottom:0; left:0; right:0}
.step02 div strong {font-weight:900; font-size:20px; display:block; margin-bottom:20px}
.step02 div p {color:#666; font-weight:300; letter-spacing:-0.96px; margin-bottom:40px}

.step03 {padding-top:100px}
.step03 > h2 {font-size:20px; font-weight:900; margin-bottom:20px}

.step04 {width:100%; text-align:center}
.step04 p {font-size:40px; font-weight:100; margin:190px 0 30px}
.step04 p b {font-weight:900}
.step04 span {color:#666; font-size:16px; letter-spacing:-0.96px; line-height:2em; font-weight:300}
a.cta-login {width:293px; height:53px; line-height:53px; text-align:center; display:block; margin:60px auto 0; color:#fff; font-weight:700}

.login-area {width:390px; margin:100px auto}
.cta-btn {display:block; clear:both; height:60px; line-height:60px; text-align:center}
.cta-btn.login {margin-top:40px}

.box-content.group3 {width:100%; padding:60px; margin-bottom: 60px; border:1px solid #e1e1e1; overflow:hidden}
.box-content.group3 > div {width:33%; float:left; text-align:center; border-right:1px solid #e1e1e1}
.box-content.group3 > div:last-child {border-right:0}
.box-content .btn-area {margin:20px auto 0}
.box-content .btn-area ul li {width:130px}
.box-content .btn-area ul li:last-child {width:147px}
.overview .box-content .text-area > strong {margin:10px auto}

.find-box-p {overflow:hidden; margin:0 auto}
.find-box-p .find-box {width:49%; margin-right:2%; height:507px; float:left; text-align:center; border:1px solid #e1e1e1; padding:60px 0}
.find-box-p .find-box:last-child {margin-right:0}
.box-content .find-box:first-child .text-area > strong {margin-bottom:20px}
.find-box-p .find-box.find-box-pw {height:auto}
.find-box-p .text-area > div > div {margin-bottom:8px}
.find-box-p .text-area > div > div strong {display:inline-block; width:68px; text-align:left}
.find-box-p .login-input {width:270px; height:36px; line-height:36px; border:solid 1px #e1e1e1; background-color:#fafafa}
.find-box-p .login-input-s {width:80px; height:36px; line-height:36px; border:solid 1px #e1e1e1; background-color:#fafafa; vertical-align:middle}

.img-text-area > p.theway strong {color:#333; font-size:16px; display:block; font-weight:900}
.img-text-area > p.theway .sub-tit1 {font-size:20px; margin-bottom:40px}
.img-text-area > p.theway .sub-tit2 {font-size:16px; margin-bottom:10px; margin-top:30px}
.img-text-area > p.theway select {width:100%}
.img-text-area > p.theway input.search-input {max-width:372px; width:100%; height:48px; line-height:48px; background-color:#fafafa; display:inline-block; float:left; padding-left:20px}
.img-text-area > p.theway a.search-btn {display:inline-block; max-width:120px; width:100%; height:48px; line-height:48px; background-color:#000; font-weight:900; color:#fff; text-align:center}

.thewaygroup .ts-controls {display:none}
.thewaygroup .ts-paging {display:none}

/*오디오 플레이어 팝업*/
.popup-play {display:block}
.popup-play .player-area {background-color:#F4F4F4; overflow:hidden; height:110px}
.popup-play .player-area > div {float:left}
.popup-play .player-area > div > p {float:left}
.popup-play .player-area > div > p a img {box-shadow:0px 0px 12px rgba(0, 0, 0, 0.1); border-radius:50%}
.popup-play .player-list {display:block}
.dim {width:100%; height:100%; background-color:rgba(0, 0, 0, 0.2); position:fixed; left:0; top:0}
.popup {max-width:800px; width:100%; background-color:#fff; position:fixed; left:50%; top:50%; z-index:10; transform:translate(-50%, -50%); padding:40px}
.popup h2 {font-size:16px; letter-spacing:-0.8px; font-weight:800; margin-bottom:20px}
.popup > a.btn-close {width:24px; height:24px; float:right; position:absolute; top:40px; right:40px}
.popup > a.btn-close img {width:100%}
.popup .map {max-width:720px; width:100%}
.popup .map img {width:100%}/*지도 링크 넣었을때 깨지는 경우 width:100%주시면 됩니다.*/
.popup .btn-area {margin:20px 0 0 0}

.mobile-membership {display:block; width:95%; max-width:960px; margin:0 auto 50px; padding:4% 5% 160px 5%; border:1px solid #e1e1e1; border-radius:12px; background:#fff url('../images/icon/logo_gray.png') no-repeat 50% calc(100% - 30px)}
.mobile-membership .nocontents {display:block; margin-top:50px; text-align:center}
.mobile-membership .membership-inner {display:none}
.mobile-membership .membership-inner .qrcode-view {width:100%; margin-bottom:10%; text-align:center; font-size:0}
.mobile-membership .membership-inner .qrcode-view img {width:60%; max-width:480px}
.mobile-membership .membership-inner ul {clear:both; overflow:hidden; border-top:1px solid #888}
.mobile-membership .membership-inner ul li {clear:both; overflow:hidden; padding:15px 0; border-bottom:1px solid #e1e1e1}
.mobile-membership .membership-inner ul li span {float:left; width:120px}
.mobile-membership .membership-inner ul li strong {display:block; float:none; width:auto; overflow:hidden}


@media screen and (max-width:1440px) {
	.content {width:95%; max-width:1224px; margin:0 auto; padding-bottom: 80px;}
    .overview {margin-top:6.94vw}
    .overview-title {margin-bottom:40px}
    .overview > .main-img-area {margin:6.94vw auto}
    .float-parents {padding:4.16vw 0}
	select {font-size:14px}
	select option {font-size:14px}

    .img-text-area {height:33.33vw}
    .img-text-area-txt {padding:4.16vw}

     .history-inner> div.left-year {width:20.66vw}
     .history-inner> div.right-history ul li span {width:124px}
     .history-inner> div.right-history ul li span.sm {width:53.55vw} 

     .signup-process4 ul li {padding:1.94vw 2.33vw ; margin-right:0}
     .signup-process4 ul li p.tit {margin-top:0.76vw; font-size:14px}
     .signup-process4 ul li p:first-child {width:5.55vw; height:5.55vw; margin-right:1.18vw}
     .signup-process4 ul li p.tit strong {font-size:18px}

    .overview .float-parents.summary {position:relative; overflow:hidden; padding:0}
    .overview .summary .summary-tit {font-size:3.33vw}
    .overview .summary .summary-cont {position:absolute; left:0; top:16.8vw; font-size:1.11vw; line-height:1.8em}
    .overview .summary .right {float:right}
    .overview .summary .left .text-area {width:47%}
    .overview .summary2-link {margin-top:9.16vw}
    .overview .summary2-link ul {overflow:hidden}
    .overview .summary2-link ul li {max-width:41.66vw; width:100%; margin-right:1.66vw; margin-bottom:1.66vw; float:left; color:#fff}
    .overview .summary2-link ul li div {position:absolute; left:2.77vw; top:2.77vw}
    .overview .summary2-link ul li div p {font-size:2.22vw; margin-bottom:1.38vw}
    .overview .summary2-link ul li div span {font-size:0.97vw; letter-spacing:-0.94px; display:block; margin-bottom:2.5vw}
    .overview .left .text-area {margin-top:4.3vw}
    .overview .right .text-area {padding-left:7.22vw; margin-top:4.3vw}
    .overview .text-area.ikeda-text-area {width:calc(100% - 104px); height:75px; margin-left:15px}
    .overview .text-area.ikeda-text-area b {margin-top:-7px; margin-bottom:0.34vw}
	.overview .sub-txt-area3 {min-height:120px; padding-top:10px; margin-top:45px}
	.overview .sub-txt-area3 img.ikeda-img-area {width:75px; vertical-align:top}
    
    .video-list-inner {padding:60px 0}
    .video-list-inner > ul > li {/* >>> 2021.08.03 >>>>> margin-right:1.66vw; width:27.22vw;*/ margin-right:2%;width:32%;padding-bottom:4.16vw}
    .video-list-inner > ul > li:nth-child(3n) {margin-right:0px}
    .video-list-inner > ul > li a {display:block}
    .video-list-inner > ul > li a img {display:block; height:185px}
    .video-list-inner > ul > li a span {font-size:16px; margin-top:20px}
    .video-list-inner > ul > li img {width:100%}
    .video-inner .pagenation {margin-top:0}

    .process4 ul li {padding:1.9vw 2vw; margin-right:1.67vw; float:left}
    .process4 ul li p.tit {font-size:1.11vw; letter-spacing:-0.8px; margin-top:1.11vw}
    .process4 ul li p.tit strong {font-size:1.38vw}
        
    .float-img {max-width:27.22vw}
    .float-img img {width:100%}
    .float-txt {width:43vw; margin-left:6.89vw}    
    
    /*>>>> 2021.08.03 >>>>*/
    /*.float-parents-center li { width:30.8%; }*/
    
    .ikeda-img-area {width:75px}

    .kr-jp {overflow:hidden; margin:0 auto; width:56.11vw}
    .kr-jp .kr-jp-float {float:left; width:27.22vw}
    .kr-jp .kr-jp-float:first-child {margin-right:1.66vw}

    .text-area.float-txt {margin-left:8.88vw}
    .text-area.float-txt.marginl24 {margin-left:1.66vw}

    .btn-area {margin:6.94vw auto}

    .step01 h3 {font-size:20px; margin-bottom:1.38vw}
    .step01 div {padding-top:6.94vw}
    .step01 div .terms {max-height:400px; padding:2.08vw}
    .step01 div.agree-check {margin:34px 0}
    .step01 div.agree-check .ui_check_float {margin-right:0; margin-left:0}

    .step02 {padding-top:6.94vw; margin-bottom: 60px}
    .step02 div .circle-icon {width:120px; height:120px; margin:0 auto 20px}
    .step02 div strong {font-size:20px; display:block; margin-bottom:1.38vw}
    .step02 div p {margin-bottom:2.77vw}

    .step03 {padding-top:6.94vw}
    .step03 > h2 {font-size:20px; margin-bottom:1.38vw}

    .step04 p {font-size:2.77vw; margin:13.19vw 0 2.08vw}
    .step04 span {font-size:16px}
    a.cta-login {width:293px; height:53px; line-height:53px; margin:60px auto 0}

    .box-content.group3 {padding:4.16vw}

    .find-box-p .find-box {width:49%; margin-right:2%; height:32rem; float:left; text-align:center; border:1px solid #e1e1e1; padding:60px 0}
    .find-box-p .find-box:last-child {margin-right:0}
    .box-content .find-box:first-child .text-area > strong {margin-bottom:20px}
    .find-box-p .text-area > div > div {margin-bottom:8px}
    .find-box-p .text-area > div > div strong {display:inline-block; width:68px; text-align:left}
    .find-box-p .login-input {width:18.75vw; height:36px; line-height:36px; border:solid 1px #e1e1e1; background-color:#fafafa}
    .find-box-p .login-input-s {width:5.6vw; height:36px; line-height:36px; border:solid 1px #e1e1e1; background-color:#fafafa; vertical-align:middle}

    .theway strong {font-size:16px}
    .theway .sub-tit1 {font-size:20px; margin-bottom:0.77vw}
    .theway .sub-tit2 {font-size:16px; margin-bottom:0.69vw; margin-top:2.08vw}
    .img-text-area > p.theway input.search-input {max-width:25.83vw; padding-left:1.38vw}
    .img-text-area > p.theway a.search-btn {max-width:8.33vw}
}

@media screen and (max-width:1024px) {
	.mobile-membership .nocontents {display:none}
	.mobile-membership .membership-inner {display:block}

	.content {width:95%; max-width:95%; margin:0 auto; padding-bottom:100px}
    .k-certi {display:none}
    .br-tab {display:block}

    .overview .page-sub-tab > ul > li {height:80px}
    .overview .sub-txt-area3 {width:49%}
    .overview .text-area.ikeda-text-area {width:calc(100% - 90px); margin-left:15px}
	.overview-title {clear:both; overflow:hidden}
	.overview-title > h2 {font-size:30px}

    .img-text-area > p.theway {width:100%}
    .img-text-area > p.theway input.search-input {width:calc(100% - 90px); max-width:calc(100% - 90px); height:40px; padding-left:1.95vw}
    .img-text-area > p.theway a.search-btn {width:90px; max-width:90px; height:40px; line-height:40px; font-weight:700; font-size:14px}
    .img-text-area.thewaygroup {height:29rem}

    /*검색결과 pagenation*/
    .gsc-result-info {font-size:1.6rem !important}
	.gsc-webResult .gsc-result {padding:15px 0 !important; border-bottom:1px solid #ececec !important}
	div.gs-title {margin-bottom:1.8rem}
	a.gs-title {font-size:1.8rem !important}
	a.gs-title b {font-size:1.8rem !important}
	.gsc-results .gsc-cursor-box {margin:30px 0 !important}
	.gsc-results .gsc-cursor-box .gsc-cursor-page {width:35px !important; height:35px !important;  line-height:33px !important; font-size:13px !important}
	
    .signup-process4 ul li p:first-child {width:6.55vw; height:6.55vw}
    .signup-process4 ul li {padding:1.94vw 1.33vw}

	.devide4-list {font-size:0}
	.devide4-list li {float:left; width:calc((100% - 20px) / 2); max-width:500px; height:520px; overflow:hidden; margin-left:20px; margin-right:0; margin-bottom:0}
	.devide4-list li img {width:100%}
	.devide4-list li:nth-child(2n) {margin-right:0; margin-left:20px}
	.devide4-list li:nth-child(2n-1) {margin-right:0; margin-left:0}
	
	.page-sub-tab-m.m_only.theme {margin-bottom:10px; margin-top:10px; float:right}

    /* 전국 문화회관 찾기 - 팝업 */
    .popup {max-width:93.56vw; padding:4.67vw}
    .popup h2 {font-size:16px; margin-bottom:20px}
    .popup > a.btn-close {width:24px; height:24px; float:right; position:absolute; top:4.67vw; right:4.67vw}
    .popup > a.btn-close img {width:100%}
    .popup .map {max-width:84.21vw; width:100%}
    .popup .btn-area {margin:2.33vw 0 0 0}
}

/*******************************************************************************
                                모바일 mobile
********************************************************************************/
@media screen and (max-width:768px) {
	.content {max-width:95%; padding-bottom:90px}
	.br-tab {display:none}
	a.cta-login {width:293px; height:53px; line-height:53px; margin:60px auto 0}
	.ikeda-img-area {float:left; max-width:20.83vw}	
    .width390f {width:90vw}

    .login-area {width:100%}
    .loginbox {width:100%}

	.btn-area {margin:6vw auto}
	.btn-area ul li {width:110px; margin:0 6px; line-height:40px}
	.btn-area ul li.btn-light-grey {line-height:38px}
	.btn-area ul li a {font-size:13px}

    .btn-area3 ul li {width:23vw; font-size:13px; margin:0 10px}
    .btn-area3 ul li a {font-size:14px}

    .gs-web-image-box, .gs-promotion-image-box {width:40% !important}
    .gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {    font-size:1.3rem !important}
    .gsc-webResult .gsc-result {padding:20px 0 !important}
    .gsc-above-wrapper-area {padding:20px 0 0px 0 !important}
	table.gsc-search-box {border-width:5px !important}
    .gs-web-image-box, .gs-promotion-image-box {width:30% !important}    

	body#main .content {padding-bottom:60px}

	.text-area.float-txt.marginl24 {width:100%; margin-left:0; margin-top:40px}
	.text-area.float-txt {width:100%; float:none; margin-left:0}
	.experience-list-inner > ul > li a > em {font-size:15px; margin:2.77vw}
	.process4 ul li {padding:28px 48px; margin-right:0; float:left; width:50%}

	#tab-m {appearance:none; background:url(./../images/icon/sub-gnb.png) no-repeat 96% 50%; vertical-align:text-bottom; cursor:pointer}

	.float-parents {padding-bottom:20px}
	.float-parents-center {display:block; text-align:center; overflow:hidden}
	.float-parents-center .float {float:none; display:inline-block; margin:12px}

	.float-img {float:none; max-width:100%; width:100%; margin-right:0; margin-bottom:20px}
    .floating {position:fixed; bottom:5px; right:-15px}
    .floating p {display:block}
    .floating p a {display:block; width:100%}
    .floating p a img {width:70%}

    .theway .sub-tit1 {margin-bottom:4.77vw}
    p.theway input.search-input {max-width:67vw}
    p.theway a.search-btn {max-width:11.33vw}

	.page-sub-tab-m {max-width:100%; width:100%; height:50px; line-height:50px; background-color:#7c8794; color:#fff ; margin-bottom:2.77vw; font-size:0}
	.page-sub-tab-m select {width:100%; height:50px; line-height:48px; color:#fff; padding-left:16px; font-size:17px}
	.page-sub-tab-m select option {color:#777; font-size:16px}
	.page-sub-tab-m.theme {background-color:#e1e1e1; color:#333; margin-bottom:2.77vw; border:1px solid #7c8794}
	.page-sub-tab-m.theme select {color:#333}

	.history-inner> div.left-year {width:100%; margin-bottom:30px; float:none}
	.history-inner> div.right-history {float:none}
	.history-inner> div.right-history ul li span {width:25vw; font-size:3.61vw}

	.signup-process4 ul {display:block; width:90%; margin:0 auto; text-align:center}
	.signup-process4 ul li {display:inline-block; width:25%; padding:28px 0px; margin-right:0}
	.signup-process4 ul li p {float:none}
	.signup-process4 ul li p:first-child {width:11.11vw; height:11.11vw; margin:0 auto}
	.signup-process4 ul li p.tit {font-size:16px; letter-spacing:-0.8px; margin-top:16px; font-weight:600; text-align:center}

	.img-text-area {height:auto; margin-bottom:30px; clear:both}
	.img-text-area > p {width:100%; float:none}
	.img-text-area > p.img-text-area-img {font-size:0}
	.img-text-area-txt {padding:40px 50px; font-size:15px; letter-spacing:-0.5px; line-height:1.5em}   

	.box-content.group3 {padding:0; border:0}
	.box-content.group3 > div > p > img {width:60px; margin:0 auto}
	.box-content .btn-area {margin-bottom:10px}
	.box-content .btn-area ul {display:block; width:80%; margin:0 auto}
	.box-content .btn-area ul li {width:18.05vw; margin:0; font-size:2.22vw}
	.box-content .btn-area ul li:last-child {width:18.05vw}
	.box-content .btn-area ul li:only-child {width:100%}
	.box-content .find-box:first-child .text-area > strong {margin-bottom:20px}	
    .box-shadowcontent .btn-area ul li:last-child {width:22.05vw}

	.list-half {overflow:hidden; clear:both}
	.list-half > ul {width:100%; float:none}
	.list-half > ul:last-child {border-top:0}
	.list-half > ul li {position:relative; width:49%; height:218px; padding:20px 0; font-size:3.61vw}
	.list-half > ul li > p {height:60px; margin-top:10px; font-size:16px; line-height:20px}
	.list-half > ul li:nth-child(2n-1) {margin-right:2%}
	.list-half > ul li:nth-child(2n-1) > p {padding-right:10px}
	.list-half > ul li > span {margin-bottom:8px; font-size:15px; line-height:20px}
	.list-half > ul li .btn-border {position:absolute; left:0; bottom:20px; margin-top:0; line-height:40px; font-size:15px}

	.kr-jp {overflow:hidden; margin:0 auto; width:100%}
	.kr-jp .kr-jp-float {float:none; width:100%; clear:both}
	.kr-jp .kr-jp-float img {width:50%; float:left; margin-right:5vw}
	.kr-jp .kr-jp-float:first-child {margin-right:0; margin-bottom:10vw}
	.kr-jp.both .kr-jp-float {float:left; width:49%; margin-right:2%; clear:none}
	.kr-jp.both .kr-jp-float:last-child {margin-right:0}
	.kr-jp.both .kr-jp-float img {width:100%; margin-right:0}

	.devide2 img {float:none; width:100%; margin-right:0}

	.text-area.marginb100 + .devide4-list {margin-top:-50px}
	.sub-text-area-group + .hr {margin-top:60px; margin-bottom:60px}

	.devide4-list {margin-left:0}
	.devide4-list li {width:calc((100% - 20px) / 2); height:520px; max-width:480px; margin-right:0; margin-left:10px}
	.devide4-list li .overview .text-area {margin-top:7px}
	.devide4-list li:nth-child(3n) {margin-right:0}
	.devide4-list li:nth-child(2n) {margin-right:0}
	.devide4-list li:nth-child(4n) {margin-right:0}

    .overview.search-result {margin-top:150px;/**>>>2021.08.03>>>*/margin-bottom:150px;}
	.overview.search-result .input-box {height:60px}
	.overview.search-result .input-box .gsc-input-box {height:60px; padding-top:0; padding-bottom:0}
	.overview.search-result {min-height:460px; padding-top:80px}
	.overview {margin-top:13.88vw}
    .overview-title {margin-bottom:30px}
	.overview-title > h2 {margin-bottom:10px; font-size:22px; line-height:25px}
	.overview-title > .overview-mid-title {font-size:16px; letter-spacing:-0.8px; line-height:20px}
    .overview .summary2-link ul li div p {margin-bottom:0.38vw}
    .overview .summary2-link ul li div span {margin-bottom:1.5vw}
    .overview .summary2-link ul li div a {width:68px; height:30px; line-height:30px; font-size:12px}

	.overview .right {float:none; width:100%}
	.overview .left {float:none; width:100%; margin-right:0}	
	.overview .idiom {overflow-x:visible !important; margin-bottom:70px !important; font-size:16px; letter-spacing:-0.3px; line-height:22px; text-align:left}
	.overview .idiom a.btn-audiofile-view {display:block; width:100%; height:45px; padding:0 40px 0 20px; margin-left:0; margin-bottom:10px; background:#fff url('../images/icon/arrow-right.png') no-repeat calc(100% - 20px) 50%; background-size:14px auto; border:1px solid #e1e1e1; font-size:14px; color:#666; line-height:43px}
	.overview .idiom a.btn-audiofile-view:first-child {margin-left:0}
	.overview .idiom a.btn-audiofile-view:hover {color:#222; font-weight:800; text-decoration:none}

	.overview > .main-img-area {margin:13.88vw auto}
	.overview > .main-img-area.margint40 {margin-top:40px}
	.overview .float.nm-float {float:none; width:100%}
	.overview .main-txt-area {margin-bottom:61px; }
	.overview .text-area {margin-top:60px; font-size:15px; letter-spacing:-0.3px; font-weight:100; line-height:22px}
	.overview .text-area > strong {font-size:16px; letter-spacing:-0.3px; margin-bottom:15px}
	.overview .text-area p.sub-strong {font-size:15px; margin-bottom:1.38vw; margin-top:2.77vw}
	.overview .sub-txt-area3 {float:none; width:100%; min-height:100px}
	.overview .right .text-area {padding-top:4.16vw}
	.overview .sub-txt-area2 {width:100%; margin-right:0; float:none}
	.overview .text-area.ikeda-text-area {height:70px; margin-left:15px; margin-top:5px}
	.overview .text-area.ikeda-text-area b {margin-bottom:5px; font-size:3.33vw}
	.overview .text-area.ikeda-text-area span {font-size:13px; letter-spacing:-0.5px; display:block; line-height:16px}
	.overview .page-sub-tab {height:80px; line-height:80px; margin-bottom:6.94vw}
	.overview .page-sub-tab > ul > li {font-size:2.8vw}
	.overview .page-sub-tab.marginb0 {margin-bottom:0px}
	.overview .summary .left .text-area.m_only {    width:100%}
	.overview .summary .summary-tit {position:inherit; font-size:5.83vw; margin-bottom:8.66vw; letter-spacing:0}
	.overview .summary .summary-cont {position:none; font-size:1.11vw; line-height:1.8em}
	.overview .sub-txt-area.sub-txt-area3.ikeda3 {float:none; width:100%; padding:0; margin-top:30px}
	.overview .sub-txt-area.sub-txt-area3.ikeda3:first-child {padding-top:0}
	.overview .summary2 .right {float:none; width:100%}
	.overview .summary2 .right .text-area {padding-left:0}
	.overview .text-area.right {float:none; width:100%; margin-right:0; margin-top:20px}
	.overview .right .text-area {padding-left:0; padding-top:8.61vw}
	.overview .summary2-link {margin-top:9.16vw}
	.overview .summary2-link ul {overflow:hidden}
	.overview .summary2-link ul li {max-width:89.66vw; width:100%; margin-right:0; margin-bottom:1.66vw; float:none; color:#fff; padding:0}
	.overview .summary2-link ul li:nth-child(2n) {margin-right:0}
	.overview .summary2-link ul li:nth-child(1) {background:url('./../images/activity/00-01.png') no-repeat center /100%}
	.overview .summary2-link ul li:nth-child(2) {background:url('./../images/activity/00-02.png') no-repeat center /100%}
	.overview .summary2-link ul li:nth-child(3) {background:url('./../images/activity/00-03.png') no-repeat center /100%}
	.overview .summary2-link ul li:nth-child(4) {background:url('./../images/activity/00-04.png') no-repeat center /100%}
	.overview .summary2-link ul li div {position:absolute; left:6.5vw; top:6.2vw}
	.overview .summary2-link ul li div p {font-size:4.44vw; margin-bottom:2.38vw}
	.overview .summary2-link ul li div span {font-size:14px; letter-spacing:-0.94px; display:block; margin-bottom:4.5vw}
	.overview .summary2-link ul li div a {width:80px; height:38px; line-height:38px; font-size:14px}
	.overview .video-inner .main-img-area {margin-bottom:-21px}
	.overview .video-inner .text-area img {width:100%}

    .overview .text-area {font-size:15px; line-height:1.6em}
    .overview .text-area > strong {display:block; margin-top:-5px; font-size:20px; line-height:25px}
    .overview .text-area p.sub-strong {font-size:35px; line-height:40px; margin-bottom:10px; margin-top:20px}
    .overview .summary2-link ul li div {left:6.5vw; top:4.5vw}
    .overview .summary2-link ul li div span {font-size:11px}
    .overview .summary2-link ul li div a {width:70px; height:32px; line-height:32px; font-size:12px}    

	.video-list-inner {padding:8.33vw 0}
	.video-list-inner > ul > li {width:calc((100% - 10px) / 2); margin-right:0; padding-bottom:25px}
	.video-list-inner > ul > li:nth-child(2n) {margin-left:10px}
	.video-list-inner > ul > li:nth-child(3n) {margin-right:0}
    .video-list-inner > ul > li a span {font-size:14px; margin-top:10px; letter-spacing:-1px; color:#333}
	.video-list-inner > ul > li a img {height:160px}
	.video-list-inner.mfloatnone > ul > li {margin-right:0; float:none; width:100%}
	
	/*>>> 2021.08.09>>>>>*/
	.text-area a.btn-border img { width:13px !important; height:13px !important;}

	.step01 h3 {font-size:20px; margin-bottom:1.38vw}
	.step01 div {padding-top:6.94vw}
	.step01 div .terms {max-height:400px; padding:6.08vw; font-size:14px}
	.step01 div.agree-check {margin:34px 0}
	.step01 div.agree-check .ui_check_float {margin-right:0; margin-left:0}

	.step02 {padding-top:6.94vw}
	.step02 div {width:100%; float:none; border-right:0; text-align:center}
	.step02 div:last-child {margin-top:80px}
	.step02 div .circle-icon {width:120px; height:120px; border-radius:50%; background-color:#C4C4C4; background-color:#e1e1e1; vertical-align:middle; text-align:center; position:relative; margin:0 auto 20px}
	.step02 div .circle-icon img {position:absolute; max-width:100%; max-height:100%; width:auto; height:auto; margin:auto; top:0; bottom:0; left:0; right:0}
	.step02 div strong {font-weight:900; font-size:2.77vw; display:block; margin-bottom:2.77vw}
	.step02 div p {color:#666; font-weight:400; letter-spacing:-0.96px; margin-bottom:5.55vw}
	.step02 div .circle-icon {width:120px; height:120px; margin:0 auto 20px}
	.step02 div strong {font-size:18px; display:block; margin-bottom:1.38vw}
	.step02 div p {margin-bottom:2.77vw}

	.step03 {padding-top:6.94vw}
	.step03 > h2 {font-size:20px; margin-bottom:1.38vw}

	.step04 p {font-size:2.77vw; margin:13.19vw 0 2.08vw}
	.step04 span {font-size:16px}

	.find-box-p .find-box {width:100%; margin-right:0; float:none; text-align:center; border:1px solid #e1e1e1; padding:8.33vw 0; margin-bottom:3vw}
	.find-box-p .find-box:last-child {margin-right:0}
	.find-box-p .text-area > div > div {margin-bottom:8px}
	.find-box-p .text-area > div > div strong {display:inline-block; width:16.66vw; text-align:left}
	.find-box-p .login-input {width:45.75vw; height:36px; line-height:36px; border:solid 1px #e1e1e1; background-color:#fafafa}
	.find-box-p .login-input-s {width:13.6vw; height:36px; line-height:36px; border:solid 1px #e1e1e1; background-color:#fafafa; vertical-align:middle}

    .signup-process4 ul li {padding:18px 0}
    .signup-process4 ul li p.tit {margin-top:10px; font-size:14px; line-height:17px}
    .signup-process4 ul li p.tit strong {margin-bottom:5px; font-size:16px}
	
    .experience-list-inner > ul > li a > em {font-size:14px}

    .accordian-box > ul > li > div.accordian-box-title > p.click-area {padding:40px 14px 40px 0}
    .accordian-box > ul > li > div.accordian-box-title > p:nth-child(1) {padding:23px 19px 23px 20px}
    .accordian-box > ul > li > div.accordian-box-title > p:nth-child(2) {padding:34px 0}
    .accordian-box > ul > li > ul.accordian-box-con > li {margin-left:89px}
    .qna-aa {left:-68px}

	.img-text-area-txt.theway {padding:4.11vw; height:30rem}
    .img-text-area.thewaygroup {height:25rem}
	.img-text-area > p.theway a.search-btn {max-width:16.33vw}
    .img-text-area > p.theway input.search-input {width:calc(100% - 80px); max-width:calc(100% - 80px)}
    .img-text-area > p.theway a.search-btn {font-size:14px; max-width:80px}
}


@media screen and (max-width:540px) {
	.content {padding-bottom:80px}
	.overview .text-area {font-size:15px; letter-spacing:-0.3px; font-weight:100; line-height:22px}
	.overview .text-area > strong {font-size:16px; letter-spacing:-0.3px; margin-bottom:4.16vw}
	.overview .text-area p.sub-strong {font-size:15px; margin-bottom:1.38vw; margin-top:2.77vw; line-height:20px}
    .overview .text-area > strong {margin-top:0; font-size:18px; line-height:23px}

    .overview.search-result .input-box input {width:88%}
	.overview.search-result {min-height:300px; padding-top:0}
    .overview .page-sub-tab > ul > li {font-size:12px}
    .overview .summary2-link ul li div span {margin-bottom:3.5vw}
    .overview .summary2-link ul li div {left:4.5vw}
    .overview .summary2-link ul li div a {width:62px; height:26px; line-height:26px; font-size:10px}

    .experience-list-inner > ul > li a > em {font-size:12px}    
    .signup-process4 ul li p.tit {font-size:12px}
    .signup-process4 ul li p.tit strong {font-size:13px}
    .img-text-area-txt.theway {padding-top:7vw}
    .find-box-p .find-box {height:auto}

    .box-content.group3 > div > p > img {width:60px}
	.gsc-results .gsc-cursor-box .gsc-cursor-page {width:34px !important; height:34px !important;  line-height:33px !important; font-size:13px !important}   
	.btn-area ul li {width:90px; margin:0 5px; line-height:40px}
	.video-list-inner > ul > li a img {height:110px}
    
    .popup > a.btn-close {width:20px; height:20px}
    .popup .btn-area ul li {line-height:40px}

	.mobile-membership {padding-top:7%; padding-bottom:100px; background-size:120px auto; background-position:50% calc(100% - 20px)}
	.mobile-membership .membership-inner ul li {padding:10px 0}
	.mobile-membership .membership-inner ul li span {width:70px}
}

@media screen and (max-width:320px) {
    .overview.search-result .input-box input {width:86%}
    .index-section h2::before {width:45px}
    .index-section h2::after {width:45px}

    .btn-area ul li a {font-size:12px}
    .gsc-results .gsc-cursor-box .gsc-cursor-page {width:29px !important; height:29px !important;  line-height:28px !important; font-size:13px !important}
}

/* ======================================================
   Google CSE Search - 정리본
   ====================================================== */

/* 기본 영역 */
.cse .gsc-control-cse,
.gsc-control-cse {
    padding: 0 !important;
    margin-top: 16px !important;
    border: 0 !important;
    background: transparent !important;
}

/* 검색창 외곽 */
#___gcse_0 form.gsc-search-box,
#___gcse_0 table.gsc-search-box,
table.gsc-search-box {
    width: 100% !important;
    margin: 0 auto !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #fff !important;
    border: 4px solid #7C8794 !important;
    box-sizing: border-box !important;
}

/* 입력 영역 */
#___gcse_0 td.gsc-input {
    width: auto !important;
    padding: 0 !important;
    background: #fff !important;
}

#___gcse_0 .gsc-input-box,
#___gcse_0 table.gstl_50,
#___gcse_0 table.gsc-input {
    width: 100% !important;
    min-height: 45px !important;
    border: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
    overflow: hidden !important;
}

/* 입력칸 */
#___gcse_0 .gsib_a {
    width: 100% !important;
    padding: 10px 20px !important;
    background: #fff !important;
}

#___gcse_0 input#gsc-i-id1,
#___gcse_0 input.gsc-input {
    width: 100% !important;
    height: 45px !important;
    line-height: 45px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: #fff !important;
    background-image: none !important;
    color: #333 !important;
    font-size: 20px !important;
}

/* 입력창 내부 X 버튼 영역은 구조 유지 */
#___gcse_0 .gsib_b {
    width: 30px !important;
    min-width: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff !important;
}

#___gcse_0 .gsst_b,
#___gcse_0 .gsst_a {
    background: transparent !important;
}

#___gcse_0 .gscb_a {
    color: transparent !important;
}

/* 검색 버튼 영역 */
#___gcse_0 td.gsc-search-button,
table.gsc-search-box td.gsc-search-button {
    display: table-cell !important;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 45px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* 검색 버튼 */
#___gcse_0 td.gsc-search-button > button.gsc-search-button-v2,
table.gsc-search-box td.gsc-search-button button.gsc-search-button-v2 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 50px !important;
    min-width: 50px !important;
    height: 45px !important;
    min-height: 45px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    background: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
    cursor: pointer !important;
}

/* 기본 SVG 돋보기 사용 */
#___gcse_0 td.gsc-search-button > button.gsc-search-button-v2 svg,
table.gsc-search-box td.gsc-search-button button.gsc-search-button-v2 svg {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#___gcse_0 td.gsc-search-button > button.gsc-search-button-v2 svg path,
table.gsc-search-box td.gsc-search-button button.gsc-search-button-v2 svg path {
    fill: #333 !important;
}

#___gcse_0 td.gsc-search-button > button.gsc-search-button-v2:hover svg path {
    fill: #000 !important;
}

/* 오른쪽 검색결과 지우기 버튼 제거 */
#___gcse_0 td.gsc-clear-button,
#___gcse_0 td.gsc-clear-button *,
#___gcse_0 .gsc-clear-button {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

/* 구글 브랜드 숨김 */
.gcsc-more-maybe-branding-root,
.gcsc-find-more-on-google-root,
.gcsc-branding,
.gcsc-branding-text:not(.gcsc-branding-text-name) {
    display: none !important;
}

/* ======================================================
   검색 결과 영역
   ====================================================== */

.gsc-above-wrapper-area {
    padding: 50px 0 30px 0 !important;
    border-bottom: 1px solid #333 !important;
}

.gsc-result-info {
    padding: 0 !important;
    color: #333 !important;
    font-size: 1.4rem !important;
}

.gsc-table-result,
.gsc-thumbnail-inside,
.gsc-url-top {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.gsc-results {
    width: 100% !important;
}

.gsc-webResult .gsc-result {
    padding: 30px 0 !important;
    border-bottom: 1px solid #ececec !important;
}

div.gs-title {
    margin-bottom: 1.3rem;
}

.gs-result .gs-title,
.gs-result .gs-title * {
    text-decoration: none !important;
}

a.gs-title,
a.gs-title b,
.gsc-control-cse .gs-result .gs-title,
.gsc-control-cse .gs-result .gs-title * {
    font-size: 1.5rem !important;
    line-height: 1.35 !important;
    color: #222 !important;
    font-weight: 700 !important;
    font-family: noto !important;
}

.gs-webResult div.gs-visibleUrl,
.gs-imageResult div.gs-visibleUrl,
.gs-webResult .gs-snippet,
.gs-imageResult .gs-snippet,
.gs-fileFormatType {
    color: rgba(102, 102, 102, 0.8) !important;
    font-size: 1rem !important;
}

/* 페이지네이션 */
.gsc-results .gsc-cursor-box {
    margin: 50px 0 !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
    float: left !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 0 0 -1px !important;
    text-align: center !important;
    border: 1px solid #ececec !important;
    line-height: 47px !important;
    color: #333 !important;
    font-family: "Roboto" !important;
    font-size: 15px !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page:first-child {
    margin-left: 0 !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
    text-decoration: none !important;
    color: #000 !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #000 !important;
    color: #000 !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page + .gsc-cursor-page {
    margin-left: 0 !important;
}

/* 결과 내 이미지 */
.gs-web-image-box,
.gs-promotion-image-box {
    width: 20% !important;
    float: right !important;
}

.gs-web-image-box .gs-image,
.gs-promotion-image-box .gs-promotion-image {
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
}

/* 모바일 */
@media screen and (max-width: 840px) {
    #___gcse_0 form.gsc-search-box,
    #___gcse_0 table.gsc-search-box {
        width: 100% !important;
        max-width: 100% !important;
    }

    a.gs-title,
    a.gs-title b,
    .gsc-control-cse .gs-result .gs-title,
    .gsc-control-cse .gs-result .gs-title * {
        font-size: 1.25rem !important;
        line-height: 1.35 !important;
    }

    #___gcse_0 .gsib_a {
        padding: 10px 14px !important;
    }

    #___gcse_0 .gsib_b {
        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        text-align: center !important;
    }

    #___gcse_0 .gsst_b {
        width: 34px !important;
    }

    #___gcse_0 .gsst_a {
        width: 20px !important;
        height: 20px !important;
        line-height: 20px !important;
    }

    #___gcse_0 td.gsc-search-button {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
    }

    #___gcse_0 button.gsc-search-button-v2 {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
    }
}