@charset "utf-8";

#sub_default{font-size:18px;}
@media all and (max-width:1024px){#sub_default{font-size:1em;}}

/* 의원인사말 */
#container_sub {overflow: hidden;}
.intro {position: relative;}
.intro::before {content: ''; position: absolute; top: 0; left: 0; width: calc(100% + 260px); height: 450px; background: url(../../images/member/sub/greeting_bg.jpg) no-repeat;}
.intro::after {content: ''; display: block; clear: both;}
.intro .img {z-index:2; position: absolute; top: 36px; left: 31px; width: 42.7%;}
.intro .img::after {content: 'member message'; display: block; padding: 10px 0 0 20px; letter-spacing: 10px; color: #eee; font-family: 'jalnan'; font-size: 16px; text-transform: uppercase;}
.intro .img img {max-width: 100%;}
.intro .txt_wrap {z-index:1; position:relative; box-sizing: border-box; padding: 72px 0 0 46.7%;}
.intro .txt_wrap>div {box-sizing: border-box;}
.intro .txt_wrap .img_txt {font-family: 'score'; font-size: 26px;}
.intro .txt_wrap .img_txt .txt_1 {color: #333; font-weight: 400;}
.intro .txt_wrap .img_txt .txt_1::after {content: ''; display: block; position: absolute;background: #d1d8e0; top: 90px; right: 0; width: 25%; height: 1px;}
.intro .txt_wrap .img_txt .txt_2 {padding: 12px 0 71px; color: #2b425b; font-size: 1.538em;}
.intro .txt_wrap .img_txt .txt_2 span {font-weight: 600;}
.intro .txt_wrap .greeting_txt {position: relative; padding: 44px 0 0; font-size: 18px; line-height: 28px;}
.intro .txt_wrap .greeting_txt p {margin-bottom: 30px;}
.intro .txt_wrap .greeting_txt:before {z-index: -1; content: ''; position: absolute; top: 0; left: -50px;width: calc(100% + 310px); height: 100%; background: #fff;}
.intro .txt_wrap .greeting_txt .greeting_sign {float: right; margin-top: 60px;}
.intro .txt_wrap .greeting_txt .greeting_sign span {font-family: 'score'; font-weight: 600; font-size: 28px; margin-left: 5px;}

@media all and (max-width:1400px) {
    .intro .txt_wrap {padding: 72px 0 0 49%;}
    .intro .txt_wrap .img_txt {font-size: 22px;}
    .intro .txt_wrap .img_txt .txt_1::after {top: 85px; width: 20%;}
}

@media all and (max-width:1100px) {
    .intro .txt_wrap .img_txt .txt_1::after {top: 86px;}
    .intro .img::after {font-size: 14px;}
}

@media all and (max-width:1024px) {
    .intro .txt_wrap .greeting_txt {font-size: 16px;}
}

@media all and (max-width:800px) {
    .intro {position: relative;}
    .intro::before {display: none;}
    .intro .img {position: static; display: block; width: 290px; margin: 0 auto;}
    .intro .img::after {font-size: 13px;}
    .intro .txt_wrap {position: static; box-sizing: border-box; padding: 70px 0 0 0; width: 70%; margin: 0 auto;}
    .intro .txt_wrap::before {z-index: -1; content: ''; position: absolute; top: 430px; left: 0; width: 100%; height: 400px; background: url(../../images/member/sub/greeting_bg_m.jpg) no-repeat 55% 0;}
    .intro .greeting_txt {text-align: center;}
    .intro .txt_wrap .greeting_txt p {margin-bottom: 20px;}
    .intro .txt_wrap .img_txt .txt_1::after {display: none;}
    .intro .txt_wrap .greeting_txt:before {left: -40px; width: calc(100% + 80px);}
    .intro .txt_wrap .img_txt .txt_2 {padding: 12px 0 55px;}
    .intro .txt_wrap .greeting_txt .greeting_sign span {font-size: 24px;}
}

@media all and (max-width:700px) {
    .intro .txt_wrap .img_txt .txt_2 {padding: 12px 0 55px;}
    .intro .txt_wrap::before {height: 360px;}
}

@media all and (max-width:600px) {
    .intro .txt_wrap .img_txt {font-size: 19px;}
    .intro .txt_wrap .greeting_txt {font-size: 15px;}
    .intro .txt_wrap::before {height: 330px;}
}

@media all and (max-width:568px) {
    .intro .txt_wrap .img_txt .txt_2 {padding: 12px 0 45px;}
    .intro .txt_wrap .greeting_txt .greeting_sign span {font-size: 20px;}
}

@media all and (max-width:500px) {
    .intro .txt_wrap .img_txt {font-size: 18px;}
    .intro .txt_wrap::before {height: 300px;}
    .intro .txt_wrap .greeting_txt {padding: 30px 0 0;}
}

@media all and (max-width:470px) {
    .intro .img {width: 200px;}
    .intro .img::after {display: none;}
    .intro .txt_wrap {padding: 50px 0 0 0;}
    .intro .txt_wrap::before {top: 287px;}
    .intro .txt_wrap .img_txt {font-size: 15px;}
    .intro .txt_wrap .greeting_txt p {margin-bottom: 10px;}
    .intro .txt_wrap .img_txt .txt_2 {padding: 12px 0 35px;}
}

@media all and (max-width:400px) {
    .intro .txt_wrap .img_txt {font-size: 13px;}
    .intro .txt_wrap::before {height: 300px;}
    .intro .img::after {font-size: 12px;}
    .intro .txt_wrap .greeting_txt .greeting_sign span {font-size: 18px;}
}

@media all and (max-width:350px) {
    .intro .txt_wrap {padding: 50px 0 0 0;}
    .intro .txt_wrap .img_txt .txt_2 {padding: 12px 0 25px;}
}
/* 의원 프로필 */

.intro .img_profile::after {content: 'member profile'; display: block; padding: 10px 0 0 20px; letter-spacing: 10px; color: #eee; font-family: 'jalnan'; font-size: 16px; text-transform: uppercase;}
.intro .txt_wrap .profile_txt>li {position: relative; padding: 0 0 25px 125px;}
.intro .txt_wrap .profile_txt>li .ls {letter-spacing: 15px;}
.intro .txt_wrap .profile_txt>li em {position: absolute; top: 0; left: 0; background: url(../../images/common/img_a_menu1.png) no-repeat top 8px left; padding: 0 0 0 32px;}
.intro .txt_wrap .profile_txt>li span {font-weight: 800;}
.intro .txt_wrap .profile_txt .career {width: 100%; padding: 0;}
.intro .txt_wrap .profile_txt .career em {position: static;}
.intro .txt_wrap .profile_txt .career>div li::before {background: #cdcdcd;}
.intro .txt_wrap .profile_txt .line_box {position: relative; margin-top: 15px;}
.intro .txt_wrap .profile_txt .line_box::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; border-radius: 20px; border: 30px solid transparent; border-image: url(../../images/common/bg_info1.gif) 30; -webkit-border-image: url(../../images/common/bg_info1.gif) 30; border-image-repeat: repeat; -webkit-border-image-repeat: repeat;}
.intro .txt_wrap .profile_txt .line_box::after {content: ''; position: absolute; top: 0; right: 0; width: 23.4%;  height: 23.5%; border-radius: 0 20px 0 0; border-top: 3px solid #2b425b; border-right: 3px solid #2b425b;}
.intro .txt_wrap .profile_txt .career .line_box>div {padding: 32px 35px 20px 33px;}
.intro .txt_wrap .profile_txt .line_box>div::after {content: ''; position: absolute; bottom: 0; right: 0; width: 66.8%; height: 76.5%; border-radius: 0 0 20px 0; border-bottom: 3px solid #295daa; border-right: 3px solid #295daa;}
.intro .txt_wrap .profile_txt .line_box>div::before {content: ''; position: absolute; bottom: -1px; right: 0; height: 5px; width: calc(66.8% + 17px); background: #fff url(../../images/common/bg_info2.gif) no-repeat bottom left;}

@media all and (max-width:1100px) {
    .intro .img_profile::after {font-size: 14px;}
}

@media all and (max-width:800px) {
    .intro .txt_wrap .profile_txt {text-align: left;}
    .intro .img_profile::after {font-size: 13px;}
    .intro .txt_wrap .profile_txt>li {padding: 0 0 20px 100px;}
    .intro .txt_wrap .profile_txt>li em {background-size: 18px; padding: 0 0 0 28px;}
}

@media all and (max-width:470px) {
    .intro .img_profile::after {display: none;}
    .intro .txt_wrap .profile_txt>li {padding: 0 0 15px 90px;}
    .intro .txt_wrap .profile_txt>li em {background-size: 14px; padding: 0 0 0 26px;}
    .intro .txt_wrap .profile_txt .career .line_box>div {padding: 15px 10px 5px 15px;}
    .intro .txt_wrap .profile_txt .career .line_box>div .dot li {font-size: 14px; padding: 0 0 5px 13px;}
    .intro .txt_wrap .profile_txt .career>div li::before {top: 11px;}
}

@media all and (max-width:400px) {
    .intro .img_profile::after {font-size: 12px;}
    .intro .txt_wrap .profile_txt>li {padding: 0 0 20px 80px;}
}

@media all and (max-width:350px) {
    .intro .txt_wrap .profile_txt>li {padding: 0 0 15px 100px;}
}

/* 검색 탭 */
.tab_s{padding:14px 0; background:#f3f5f9; text-align:center;}
.tab_s .btn.sch{width:176px; height:46px; line-height:46px; font-size:17px; font-family:'score'; font-weight:300;}
.tab_s .btn.sch:before{top:15px; right:21px;}
.tab_s .btn.sch:after{top:29px; right:20px;}
.search_tab #form_skin{display:none; position:relative;}
.search_tab #form_skin .tab_close{position:absolute; top:18px; right:23px; width:26px; height:26px; display:inline-block; line-height:0; font-size:0; text-indent:-999px; vertical-align:top;}
.search_tab #form_skin .tab_close:before, .search_tab #form_skin .tab_close:after{content:''; display:block; width:100%; height:2px; transform:rotate(45deg); transform-origin:0 100%; background:#000;}
.search_tab #form_skin .tab_close:after{margin:-2px 0 0 -6px; transform:rotate(-45deg); transform-origin:100% 100%;}

.search_tab.on #form_skin{display:block;}
.search_tab.on .tab_s{display:none;}

@media all and (max-width:1024px) {
    .tab_s .btn.sch{width:145px; height:38px; line-height:38px; font-size:0.938em;}
    .tab_s .btn.sch:before{top:11px; right:15px;}
    .tab_s .btn.sch:after{top:25px; right:13px;}
}

@media all and (max-width:568px) {
    .tab_s .btn.sch{width:135px; height:32px; line-height:32px;}
    .tab_s .btn.sch:before{top:9px;}
    .tab_s .btn.sch:after{top:21px;}
    .search_tab #form_skin .tab_close{top:3px; right:9px;}
}

@media all and (max-width:380px) {
    .search_tab #form_skin .tab_close{top:1px; right:5px; width:20px; height:20px;}
    .search_tab #form_skin .tab_close:after{margin-left:-4px;}
}