/* 링크처리 */
a:link {color:#636363; text-decoration:none;}
a:visited {color:#636363; text-decoration:none;}
a:hover {color:#0030ae; text-decoration:underline;}
a:active {color:#0030ae; text-decoration:underline;}
a:hover span {text-decoration:underline;}

/* 입력 form */
body.firefox fieldset {display:table-cell;}
button {height:28px; padding-top:1px; padding-right:3px; padding-bottom:1px; padding-left:3px; line-height:normal;}
button, input[type='button'], input[type='reset'], input[type='submit'] {overflow:visible;} /* ie6 ~ ie7 버튼 길어짐 해결 css */
button:hover, input[type='button']:hover, input[type='reset']:hover, input[type='submit']:hover {text-decoration:underline;}
button:hover span {text-decoration:underline;}
input {height:auto; margin-top:1px; margin-right:1px; margin-bottom:1px; margin-left:1px; padding-top:1px; padding-right:3px; padding-bottom:1px; padding-left:3px; border-top-width:1px; border-top-style:solid; border-top-color:#dedede; border-right-width:1px; border-right-style:solid; border-right-color:#dedede; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#dedede; border-left-width:1px; border-left-style:solid; border-left-color:#dedede; line-height:normal;}
input[type='submit'] {height:auto; line-height:normal;}
input[type='radio'], input[type='checkbox'] {width:14px; height:14px; cursor:pointer;}
input[type='checkbox'][disabled='disabled'], input[type='checkbox'][disabled='readonly'], input[type='radio'][disabled='disabled'], input[type='radio'][disabled='readonly'] {cursor:default;}
input[type='image'] {height:auto; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; border-top-width:0; border-right-width:0; border-bottom-width:0; border-left-width:0;}
select {height:28px; padding-top:1px; padding-bottom:1px; padding-left:3px; border-top-width:1px; border-top-style:solid; border-top-color:#dedede; border-right-width:1px; border-right-style:solid; border-right-color:#dedede; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#dedede; border-left-width:1px; border-left-style:solid; border-left-color:#dedede; background-color:#fff; line-height:normal;}
textarea {min-height:80px; padding-top:1px; padding-right:3px; padding-bottom:1px; padding-left:3px; border-top-width:1px; border-top-style:solid; border-top-color:#dedede; border-right-width:1px; border-right-style:solid; border-right-color:#dedede; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#dedede; border-left-width:1px; border-left-style:solid; border-left-color:#dedede; line-height:normal;}

/* 기타 */
img, video, audio {max-width:100%; max-height:100%;}
table {width:100%;}
video {width:100%; height:100%;}
audio {width:100%;}
mark {background-color:transparent;}
:before, :after {display:none; content:'';}

/* slick 플러그인 */
.slick-slider .slick-list {display:block; overflow-x:hidden; overflow-y:hidden; position:relative;}
.slick-slider .slick-list.dragging {cursor:pointer;}
.slick-slider .slick-list .slick-track {display:block; position:relative; top:0; left:0;}
.slick-slider .slick-list .slick-track:before, .slick-slider .slick-list .slick-track:after {display:table;}
.slick-slider .slick-list .slick-track:after {clear:both;}
.slick-slider .slick-list.slick-loading .slick-track {visibility:hidden;}
.slick-slider .slick-list .slick-track .slick-slide {display:none; float:left;}
.slick-slider[dir='rtl'] .slick-list .slick-track .slick-slide {float:right;}
.slick-slider .slick-list .slick-track .slick-slide img {display:inline-block;}
.slick-slider .slick-list .slick-track .slick-slide.slick-loading img {display:none;}
.slick-slider.slick-initialized .slick-list .slick-track .slick-slide {display:block;}
.slick-slider .slick-list .slick-track.slick-loading .slick-slide {visibility:hidden;}
.slick-slider .slick-arrow.slick-hidden {display:none;}

/* 레이아웃 공통 */
html, body {position:relative; height:100%;}
body.freeze {overflow-x:hidden; overflow-y:hidden;}
#wrapper {overflow-x:hidden; overflow-y:hidden; position:relative; width:100%; min-width:1200px;}
body.dimmed #header, body.dimmed #footer {z-index:-1;}
body {color:#555; font-size:15px; line-height:1.6em; font-family:'Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', 'Gulim', '굴림', sans-serif; word-break:break-all;}
.wrap {position:relative; width:1200px; margin-right:auto; margin-left:auto;}
@media screen and (max-width:800px) {
	#wrapper {min-width:0;}
	.wrap {width:auto; margin-left:0; margin-right:0;}
}

/* 상단 */
#header {position:relative; z-index:30; width:100%;}

/* 본문바로가기 */
#header .accessibility {position:fixed; top:0; left:0; z-index:90; width:100%;}
#header .accessibility a {display:block; overflow-x:hidden; overflow-y:hidden; position:relative; width:100%; height:1px; text-align:center;}
#header .accessibility a:focus, #header .accessibility a:hover, #header .accessibility a:active {height:auto; padding-top:5px; padding-bottom:5px; background-color:#000; color:#fff; font-size:14px; font-weight:600; line-height:inherit;}

/* 본문 */
#container {position:relative; z-index:10; width:100%;}

/* 하단 */
#footer {position:relative; z-index:20; width:100%;}




/* 한신 내부 컨텐츠 */
#footer .hanshin {border-top-width:1px; border-top-style:solid; border-top-color:#dedede; background-color:#fff;}
#footer .hanshin .validator {border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#dedede;}
#footer .hanshin .validator ul {padding-top:10px; padding-bottom:10px;}
#footer .hanshin .validator ul li {margin-top:5px; font-size:14px; color:#000;}
#footer .hanshin .validator ul li:first-child {margin-top:0;}
#footer .hanshin .validator ul li a, #footer .hanshin .validator ul li button {margin-left:5px; font-size:14px; color:#000; vertical-align:middle;}
#footer .hanshin .validator ul li a:first-child, #footer .hanshin .validator ul li button:first-child {margin-left:0;}
#footer .hanshin .validator ul li button {height:auto; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0;}





/* 이용안내 - 로그인 */
.cts3501 .side{display:none;}
.cts3501 .colgroup{float:none; width:auto;}
.cts3501 .sub_head{display:none;}
.cts3501 #contents{width:auto; margin-top:20px;}

.login h3{margin-bottom:45px;font-size:35px;line-height:30px;letter-spacing:-0.05em;text-align:center;color:#000;}
.login .box .box_wrap:after{top: 60px;left: 53px;width:71px;height:81px;background:url('/site/portal/images/sprite/common/login/login_sprite_sprite.png') no-repeat left top;background-size:100% 193.82%;}
.login .box .box_wrap p{font-size:16px;line-height:24px;letter-spacing:-0.025em;color:#555;}
.login .box .box_wrap p.textpoint{color:#f26522;}
p.textpoint{position:relative;padding-left:22px;}
p.textpoint:before{display:inline-block;position:absolute;top:5px;left:0;width:15px;height:15px;background-image:url('/site/portal/images/contents/login_textpoint.png');background-repeat:no-repeat;}

.login .login_middle{margin-top:58px;font-size:0;}
.login .login_middle .familylogin{display:inline-block;position:relative;width:calc(67.7% - 20px);margin-right:0;}
.login .login_middle .familylogin .Sortation ul li{float:left;width:33.3%;box-sizing:border-box;}
.login .login_middle .familylogin .Sortation ul li.active .familybutton{position:relative;background-color:#5086f7;}
.login .login_middle .familylogin .Sortation ul li.active .familybutton:after{display:inline-block;position:absolute;z-index:1;bottom:-21px;left:calc(50% - 17px);width:0;height:0;border-left:17px solid transparent;border-top:22px solid #5086f7;border-right:17px solid transparent;}
.login .login_middle .familylogin .Sortation ul li.active .flogin_content{display:block;text-align:center;}
.login .login_middle .familylogin .Sortation ul li .familybutton{display:block;width:100%;height:80px;background-color:#28407c;}
.login .login_middle .familylogin .Sortation ul li .familybutton span{position:relative;padding-left:40px;font-size:20px;line-height:30px;letter-spacing:-0.05em;color:#fff;}
.login .login_middle .familylogin .Sortation ul li .familybutton span:before{display:inline-block;position:absolute;top:-5px;left:0;width:29px;height:39px;}
.login .login_middle .familylogin .Sortation ul li.yes .familybutton span:before{background-image:url('/site/portal/images/contents/login_img2.png');background-repeat:no-repeat;}
.login .login_middle .familylogin .Sortation ul li.non .familybutton span:before{background-image:url('/site/portal/images/contents/login_img3.png');background-repeat:no-repeat;}
.login .login_middle .familylogin .Sortation ul li .flogin_content{display:none;position:absolute; top:90px; left:0; min-height:270px;padding-top:50px;padding-right:140px;padding-left:140px; width:100%; font-size:16px; line-height:25px;border:1px solid #d2d2d2;box-sizing:border-box;}
.login .login_middle .familylogin .Sortation ul li .flogin_content p{display:inline-block;}
.login .login_middle .familylogin .Sortation ul li .flogin_content fieldset .login_ok{display:inline-block;width:124px; height:119px; background-color:#434343;font-size:20px;letter-spacing:-0.05em;color:#fff;vertical-align:top;}
.login .login_middle .familylogin .Sortation ul li .flogin_content fieldset .login_typing {width:calc(100% - 138px);display:inline-block;padding-right:10px;}
.login .login_middle .familylogin .Sortation ul li .flogin_content fieldset .login_typing span{display:block;text-align:right;margin-bottom:20px;}
.login .login_middle .familylogin .Sortation ul li .flogin_content fieldset .login_typing span:last-child{margin-bottom:0;}
.login .login_middle .familylogin .Sortation ul li .flogin_content fieldset .login_typing label{width:55px;padding-right:20px;font-size:16px; letter-spacing:-0.05em;color:#000;}
.login .login_middle .familylogin .Sortation ul li .flogin_content fieldset .login_typing input{width:calc(100% - 79px);height:50px;border:1px solid #d2d2d2;box-sizing:border-box;}
.login .login_middle .familylogin .Sortation ul li .flogin_content p.textpoint{font-size:15px; letter-spacing:-0.05em;}
.login .login_middle .familylogin .Sortation ul li .flogin_content a{display:inline-block; width:calc(50% - 22px); margin:0 10px; padding:30px 10px 31px 10px; border:1px solid #000;font-size:0;line-height:0;box-sizing:border-box;}
.login .login_middle .familylogin .Sortation ul li .flogin_content a span{font-size:20px;color:#000;vertical-align:middle;}

.login .login_middle .easylogin{display:inline-block;width:32.3%;vertical-align:top;margin-right:20px;}
.login .login_middle .easylogin .familybutton{width:100%;height:80px;background-color:#2d3451;}
.login .login_middle .easylogin .familybutton span{position:relative;padding-left:52px;font-size:20px;line-height:30px;color:#fff;}
.login .login_middle .easylogin .familybutton span:before{display:inline-block; position:absolute; top:2px; left:0; width:46px; height:27px; background-image:url('/site/portal/images/contents/login_img4.png');background-repeat:no-repeat;}
.login .login_middle .easylogin .flogin_content{min-height:270px; margin-top:10px; padding:0 50px;border:1px solid #d2d2d2;box-sizing:border-box;}
.login .login_middle .easylogin .flogin_content a{display:inline-block;margin-top:87px;}
.login .login_middle .easylogin .flogin_content p{display:inline-block;font-size:16px; line-height:30px; letter-spacing:-0.05em;color:#f26522;}

.login .login_bottom{margin-top:50px;}
.login .login_bottom a{display:inline-block;width:190px;margin:0 4px;padding:11px 42px 12px 42px; border:1px solid #000;font-size:16px; line-height:22px; letter-spacing:-0.025em;color:#000;}

@media all and (max-width:1240px) {
    .login .login_middle .familylogin .Sortation ul li .flogin_content{padding-right:70px;padding-left:70px;}

}
@media all and (max-width:1000px) {
    .login .login_middle .easylogin .flogin_content{padding: 0 10%;}
    .login .login_middle .familylogin .Sortation ul li .flogin_content a span{font-size:18px;}
}
@media all and (max-width:800px) {
    .login .box .box_wrap:after{top: 41px;left: 37px;width: 50px;height: 60px;}
    .login .login_middle .familylogin{display: block;position:relative; width: 100%; margin-right:0; padding-bottom:300px;}
    .login .login_middle .familylogin .Sortation ul li .flogin_content a{display:inline-block; width:70%; margin:5px 0;}
    .login .login_middle .easylogin{display:block;width:100%;}
    .login .login_middle .easylogin .flogin_content a{display:block; margin-top:30px;}
    .login .login_middle .easylogin .flogin_content{min-height:auto;padding-bottom: 25px;}
}
@media all and (max-width:640px) {
    .login .login_middle .familylogin .Sortation ul li .flogin_content fieldset .login_typing{width:100%;}
    .login .login_middle .familylogin .Sortation ul li.active .flogin_content{padding-bottom:30px;}
    .login .login_middle .familylogin .Sortation ul li .flogin_content fieldset .login_ok{display: block; width:100%; height:50px; margin-top:20px;}
    .login .login_middle .familylogin{padding-bottom:357px;}
	.login .login_middle .familylogin .Sortation ul li .familybutton span:before{display:none;}
	.login .login_middle .familylogin .Sortation ul li .familybutton span{font-size:14px; padding-left:0;}

}

@media all and (max-width:417px) {
    .login .login_middle .familylogin .Sortation ul li .flogin_content{padding-right:10%;padding-left:10%;}
}
@media all and (max-width:385px) {
    .login .login_bottom{margin-top:10px;}
    .login .login_bottom a{margin:10px 20px;}
}
@media all and (max-width:334px) {
    .login .login_middle .familylogin{padding-bottom:382px;}
}

.login .modal .modal__body {border:0;}
.login .modal .modal__header {margin:0;background:#5086f7;}
.login .modal .modal__header .modal__title {margin-left:30px;font-size:18px;color:#fff;z-index:20;}
.login .modal__close-button span {display:block;width:45px;height:45px;}
.login .modal__close-button span:after {position:absolute;top:9px;}
.login .modal .modal__content {}
.login .modal .modal__content > div {text-align:center;}
.login .modal .modal__content .box {min-height:50px;}
.login .modal .modal__content a {display:inline-block;width:200px;padding:10px;border:1px solid #000;font-size:15px;text-align:center;vertical-align:top;}
.modal .modal__content a:first-child {margin-right:10px;}
.login .modal .box_wrap {padding:25px;text-align:left;font-size:16px;}
.login .modal .box_wrap:before {display:none;}
.login .modal .box_wrap:after {display:none;}
@media screen and (max-width:640px){
.login .modal .modal__content a {width:100%;box-sizing:border-box;}
.login .modal .modal__content a:first-child {margin-right:0;margin-bottom:5px;}
}
/* 이용안내 - 회원가입*/
.page3218 .side{display:none;}
.page3218 .colgroup{float:none; width:auto;}
.page3218 .sub_head{display:none;}
.page3218 #contents{width:auto; margin-top:20px;}



.join h3{margin-bottom:45px;font-size:35px;line-height:30px;letter-spacing:-0.05em;text-align:center;color:#000;}
.join .box .box_wrap:after{top: 60px;left: 53px;width:71px;height:81px;background:url('/site/portal/images/sprite/common/login/login_sprite_sprite.png') no-repeat left top;background-size:100% 193.82%;}
.join .box .box_wrap p{font-size:16px;line-height:24px;letter-spacing:-0.025em;color:#555;}
.join .box .box_wrap p.textpoint{color:#f26522;}

.join .join_method ul{font-size:0;}
.join .join_method ul li{display:inline-block;width:calc(33.3% - 2.7%);margin-right:4.03%;text-align:center;font-size:0;line-height:0;vertical-align:top;}
.join .join_method ul li:last-child{margin-right:0;}
.join .join_method ul li .tit{display:block;width:100%;height:80px;font-size:20px;line-height:80px;color:#fff;}
.join .join_method ul li:first-child .tit{background-color:#5086f7;}
.join .join_method ul li:nth-child(2) .tit{background-color:#2e3192;}
.join .join_method ul li:last-child .tit{background-color:#2d3451;}
.join .join_method ul li .cont{width:100%;margin-top:10px;padding:46px 20px 42px 20px;border:1px solid #d2d2d2;box-sizing:border-box;}
.join .join_method ul li .cont p{position:relative;padding-top:104px;font-size:16px;line-height:24px;letter-spacing:-0.025em;color:#555;}
.join .join_method ul li .cont p:before{display:inline-block;position:absolute;top:0;left:calc(50% - 43px);width:87px;height:87px;border-radius:100%;background-color:#eee;}
.join .join_method ul li .cont p:after{display:inline-block;position:absolute;left:calc(50% - 25px);}
.join .join_method ul li:first-child .cont p:after{top:19px;width:51px; height:75px; background:url('/site/portal/images/sprite/common/join/join_sprite_sprite.png') no-repeat left top;background-size:100% 326.66%;}
.join .join_method ul li:nth-child(2) .cont p:after{top:14px;width:51px; height:75px; background:url('/site/portal/images/sprite/common/join/join_sprite_sprite.png') no-repeat left -85px;background-position:left 50%; background-size:100% 326.66%;}
.join .join_method ul li:last-child .cont p:after{top:19px;width:51px; height:75px; background:url('/site/portal/images/sprite/common/join/join_sprite_sprite.png') no-repeat left -170px;background-position:left 100%; background-size:100% 326.66%;}
.join .join_method ul li .cont a{display:inline-block;width:180px;margin-top:33px;border:1px solid #4d5360;font-size:16px;line-height:45px;color:#444;box-sizing:border-box;}

@media all and (max-width:1240px) {
    p br.non_1240{display:none;}
}

@media all and (max-width:1000px) {
    .join .join_method ul li .cont{min-height:340px;}
    .join .join_method ul li .cont p{min-height:72px;}
    .join .join_method ul li .cont p br{display:none;}

}
@media all and (max-width:800px) {
    .join .box .box_wrap:after{top: 41px;left: 37px;width: 50px;height: 60px;}
    .join .join_method ul li{width:100%;margin-right:0;margin-bottom:15px}
    .join .join_method ul li .cont{padding:32px 20px;min-height:auto;}
    .join .join_method ul li .cont p{min-height:auto;}
    .join .join_method ul li .cont p:before{display:inline-block;position:absolute;top:0;left:calc(50% - 43px);width:87px;height:87px;border-radius:100%;background-color:#eee;}
    .join .join_method ul li .cont p:after{display:inline-block;position:absolute;left:calc(50% - 25px);}
}


/*이용 안내 - 약관/본인확인*/
.clause h3{margin-bottom:45px;font-size:35px;line-height:30px;letter-spacing:-0.05em;text-align:center;color:#000;}
.clause .box .box_wrap:after{top:58px;left:56px;width:64px; height:66px; background:url('/site/portal/images/sprite/common/login/login_sprite_sprite.png') no-repeat left -91px;background-position:left 100%; background-size:110.93% 237.87%;}
.clause .box{margin-bottom:55px}

.process{margin-bottom:50px;}
.process .process_wrap{overflow:hidden; position:relative;}
.process ul{font-size:0; line-height:0;margin-right:-7.74%}
.process ul li{display:inline-block; position:relative; width:25%; padding-right:7.74%; box-sizing:border-box;vertical-align:top;}
.process ul li:after{display:inline-block; position:absolute; top:30px; right:30px; width:42px; height:29px; background:url('/site/portal/images/sprite/common/clause/clause_process_sprite.png') no-repeat left -392px; background-position:left 100%; background-size:100% 1451.72%;}

.process ul li .li_wrap{display:block;position:relative; height:62px; padding-top:20px; border-radius:50px; background-color:#f0f1f4;}
.process ul li .li_wrap:before{display:inline-block; position:absolute; top:9px; left:12px; width:62px; height:62px; border-radius:100%; background-color:#fff;}
.process ul li.on .li_wrap:before{background-color:#5086f7;}
.process ul li .li_wrap:after{display:inline-block;top:21px;left:25px; position:absolute; width:36px; height:39px;}
.process ul li:nth-child(1) .li_wrap:after{background:url('/site/portal/images/sprite/common/clause/clause_process_sprite.png') no-repeat left top; background-size:116.66% 1079.48%;}
.process ul li.on:nth-child(1) .li_wrap:after{background:url('/site/portal/images/sprite/common/clause/clause_process_sprite.png') no-repeat left -49px; background-position:left 12.82%; background-size:116.66% 1079.48%;}
.process ul li:nth-child(2) .li_wrap:after{background:url('/site/portal/images/sprite/common/clause/clause_process_sprite.png') no-repeat left -98px; background-position:left 25.65%; background-size:116.66% 1079.48%;}
.process ul li.on:nth-child(2) .li_wrap:after{background:url('/site/portal/images/sprite/common/clause/clause_process_sprite.png') no-repeat left -147px; background-position:left 38.48%; background-size:116.66% 1079.48%;}
.process ul li:nth-child(3) .li_wrap:after{background:url('/site/portal/images/sprite/common/clause/clause_process_sprite.png') no-repeat left -196px; background-position:left 51.3%; background-size:116.66% 1079.48%;}
.process ul li.on:nth-child(3) .li_wrap:after{background:url('/site/portal/images/sprite/common/clause/clause_process_sprite.png') no-repeat left -245px; background-position:left 64.13%; background-size:116.66% 1079.48%;}
.process ul li:nth-child(4) .li_wrap:after{background:url('/site/portal/images/sprite/common/clause/clause_process_sprite.png') no-repeat left -294px; background-position:left 76.96%; background-size:116.66% 1079.48%;}
.process ul li.on:nth-child(4) .li_wrap:after{background:url('/site/portal/images/sprite/common/clause/clause_process_sprite.png') no-repeat left -343px; background-position:left 89.79%; background-size:116.66% 1079.48%;}
.process ul li span{padding-left:50%;font-size:13px;line-height:13px;color:#727272;}
.process ul li p{padding-left:50%;font-size:20px;line-height:30px;color:#000;}

@media all and (max-width:1240px) {
    .process ul li:after{right: 27px;width: 30px;height: 19px;}

}
@media all and (max-width:900px) {
    .process ul{margin-right:-4.74%}
    .process ul li{padding-right:4.74%}
    .process ul li:after{right:6px;}

}
@media all and (max-width:800px) {
    .process ul li .li_wrap:before{display:none;}
    .process ul li .li_wrap:after{display:none;}
    .process ul li:after{top:36px; width:20px; height:9px;}
    .clause .box .box_wrap:after{top: 41px;left: 38px;width: 49px;height: 51px;}
    .process ul li span{padding-left:20%;}
    .process ul li p{padding-left:20%;}
    .process ul li.on .li_wrap{background-color:#5086f7;}
    .process ul li.on p, .process ul li.on span{color:#fff;}
}
@media all and (max-width:650px) {
    .clause .agreebutton span{display: block;}
}
@media all and (max-width:640px) {
    .process ul li span{padding-left:15%;}
    .process ul li p{padding-left:15%; font-size:15px;}
    .process ul li:after{display:none;}
}

.certify{text-align:center;}
.certify .certify_tit{background-color:#28407c;padding:10px 0; }
.certify .certify_tit h4{font-size:20px;line-height:30px; letter-spacing:-0.05em;color:#fff;}
.certify .certify_cont{margin-top:10px;padding:35px 35px; border:1px solid #d2d2d2;}
.certify .certify_cont p{display:inline-block;}
.certify .certify_cont a{display:inline-block;width:267px; height:50px;margin-top:20px;margin-right:7px;margin-left:7px;border:1px solid #4d5360;font-size:17px;line-height:50px;color:#000;box-sizing:border-box;}
@media all and (max-width:640px) {
    .certify .certify_cont{padding:35px 0;}

}

/* 이용안내 - 정보입력 */
.information_typing h3{position:relative;margin-bottom:45px;font-size:35px;line-height:1.4em;letter-spacing:-0.05em;text-align:center;color:#000;}
.information_typing span.tip .birth{width:15% !important;}
.information_typing input.idpw{width:25%;}
@media all and (max-width:640px) {
    .information_typing span.tip{display:block; margin-top:5px; font-size:13px;}
    .information_typing span.tip .birth{width:25% !important;}
}
/* 이용안내 - 회원가입완료 */
.join_complete h3{position:relative;margin-bottom:45px;font-size:35px;line-height:1.4em;letter-spacing:-0.05em;text-align:center;color:#000;}
.join_complete .welcome_tit h3:before{display:inline-block; position:absolute; top:-64px;left:calc(50% - 23px); width:46px; height:44px; background-image:url('/site/portal/images/contents/join_complete_h3.png');}
.join_complete .welcome_tit h3 span{font-size:35px; line-height:30px; font-weight:200; letter-spacing:-0.05em; color:#000;}
.join_complete .welcome_tit{padding:70px 50px 0 50px;text-align:center;}
.join_complete .welcome_tit p{display:inline-block;}
.join_complete .welcome_cont{margin-top:60px;padding:64px 100px 65px 100px;border:1px solid #d2d2d2;box-sizing:border-box;text-align:center;}
.join_complete .welcome_cont .box_wrap{display:inline-block;position:relative;padding-left:170px;text-align:left;}
.join_complete .welcome_cont .box_wrap:before{display:inline-block; position:absolute; top:35px; left:0; width:116px; height:116px; border-radius:100%;background-color:#fff799;}
.join_complete .welcome_cont .box_wrap:after{display:inline-block; position:absolute; top:60px; left:25px; width:69px; height:92px; background-image:url('/site/portal/images/contents/join_complete_box_wrap.png');}
.join_complete .welcome_cont .id_info{display:inline-block; width:179px; margin-top:20px; margin-bottom:40px; padding:13px 26px; border:1px dotted #000; font-size:16px; line-height:22px;}
.join_complete .welcome_cont a{display:inline-block; width:160px;margin-top:10px;padding:12px 14px 11px 14px; border:1px solid #4d5360; text-align:center;box-sizing:border-box;}
.join_complete .welcome_cont a.go_login{margin-right:6px;border:1px solid #6d7d90;background-color:#6d7d90;color:#fff;}
@media all and (max-width:800px) {
    .join_complete .welcome_cont{padding:65px 0;}
}
@media all and (max-width:640px) {
    .join_complete .welcome_tit{padding:70px 3% 0 3%;}
    .join_complete .welcome_cont{padding:150px 0 65px 0;}

    .join_complete .welcome_cont .box_wrap{padding-left:0;text-align:center;}
    .join_complete .welcome_cont .box_wrap:before{display:inline-block; position:absolute; top:-130px; left:calc(50% - 58px); width:116px; height:116px; border-radius:100%;background-color:#fff799;}
    .join_complete .welcome_cont .box_wrap:after{display:inline-block; position:absolute; top:-102px; left:calc(50% - 34px); width:69px; height:92px; background-image:url('/site/portal/images/contents/join_complete_box_wrap.png');}

}
@media all and (max-width:360px) {
    .join_complete .welcome_cont a.go_login{margin-right:0;}
}