@charset "utf-8";

@import "jang.css?ver=0.3";
@import "kim.css?ver=0.3";
@import "hong.css";

/* Common Content */
#aside{display:none}
#container{padding:58px 0 0}
#content{padding:0 10px 40px}
.tit-share{overflow:hidden;padding:25px 0 10px;border-bottom:1px solid #d7d7d7}
.tit-share>h3{float:left;padding-top:8px;line-height:1;font-size:20px;font-weight:500;color:#222}
.tit-share>ul{float:right}
.tit-share>ul>li{float:left}
.tit-share>ul>li:not(:last-child){margin-right:5px}
.tit-share img{width:30px}
.ctn{padding-top:25px}
.ctn>.section>.sub-section:first-child{margin-top:0}
.tab-mn{margin-bottom:20px}
.tab-mn>ul:after{display:block;content:"";clear:both}
.tab-mn>ul>li{position:relative;float:left;margin:0 -1px -1px 0}
.tab-mn>ul>li:before{display:block;content:"";position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;border:1px solid #d7d7d7}
.tab-mn>ul>li>.on{background-image:none;background-color:#eb6e50;color:#fff}
.tab-mn>ul>li>a{display:table-cell;position:relative;z-index:11;width:100vw;height:40px;padding:0 30px 0 10px;background-image:url(../images/common/icon_tab_on.png);background-repeat:no-repeat;background-position:calc(100% - 10px) 50%;background-size:14px auto;line-height:1.3;vertical-align:middle;word-break:break-all}
.tab-mn>ul>li>a>span{display:block;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;white-space:normal}
.top-info{margin-bottom:25px}
.top-info-txt{padding:17px 15px;border:4px solid #dce8f2}
.info-cau-txt{margin-top:6px}
.ul-list1>li{position:relative;margin-bottom:6px;padding-left:7px}
.ul-list1>li:last-child{margin-bottom:0}
.ul-list1>li:before{display:block;content:"";position:absolute;left:0;top:8px;width:3px;height:3px;background-color:#58636e}
.ul-list1>li>ul{margin-top:4px}
.ul-list2>li{padding-left:8px;background:url(../images/sub/bg_ul_list2.gif) no-repeat 0 7px}
.ul-list2>li:not(:last-child){margin-bottom:4px}
.btn-box{overflow:hidden;font-size:0}
.btn-box .l{float:left}
.btn-box .r{float:right}
.btn-box .c{text-align:center}
.btn-box a:not(:last-child),.btn-box button:not(:last-child){margin-right:7px}
.btn{display:inline-block;border-radius:3px;vertical-align:top;font-weight:300;font-size:13px;color:#fff}
.btn.default{height:37px;line-height:37px}
.btn.medium{height:31px;line-height:31px}
.btn.small{height:27px;line-height:27px}
.bg-green{background-color:#109e84}
.bg-purple{background-color:#284885}
.bg-grey{background-color:#666}
.bg-blue{background-color:#1686f0}
.bg-light-grey{background-color:#999}
.btn.sz-free{padding:0 15px}
.btn.medium.sz-free,.btn.small.sz-free{padding:0 12px}
.btn.direct-view{background:#3894D2; padding:0px 5px; margin-left:5px;}
.board-search{border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#f5f5f5}
.board-search .inr{position:relative;overflow:hidden;padding:15px}
.board-search input[type=text],.board-search select{width:100%}
.btn-search{display:inline-block;width:31px;height:31px;border-radius:3px;background:#58636e url(../images/sub/btn_search.png) no-repeat 50% 50%;background-size:12px auto}
.board-search.default .dft-select{float:left;width:80px;padding-right:5px}
.board-search.default .dft-input{display:block;overflow:hidden;padding-right:36px}
.board-search.default .btn-search{position:absolute;right:15px;top:15px}
.list-board-link{margin:15px 0 20px}
.list-board-count{overflow:hidden;margin:17px 0 10px}
.list-board-count .l{float:left;padding-top:12px}
.list-board-count .l>strong{font-weight:400;color:#1686f0}
.list-board-count .r{float:right}
.board-section{border:1px solid #d7d7d7}
.board-section:not(:last-child){margin-bottom:10px}
.board-section>a,.brd-scn-box{display:block;padding:15px}
.board-section .tp{margin-bottom:4px}
.board-section .tp>*{vertical-align:top}
.board-cate{font-weight:400;color:#284885}
.board-section .tp>strong{display:inline-block;max-width:82%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:15px}
.board-section .secret,.board-section .new{display:inline-block;margin-left:3px}
.board-section .secret>img{width:18px;vertical-align:-5px}
.board-section .new>img{width:16px;vertical-align:-4px}
.board-section .bm>ul{overflow:hidden;margin-bottom:-3px}
.board-section .bm>ul>li{float:left;position:relative;margin-bottom:3px}
.board-section .bm>ul>li:not(:last-child){margin-right:8px;padding-right:8px}
.board-section .bm>ul>li:not(:last-child):after{display:block;content:"";position:absolute;right:0;top:5px;width:1px;height:11px;background-color:#e1e1e1}
.board-section .board-add-file>img{width:13px;vertical-align:-2px}
.board-section .bm strong{font-weight:400}
.paging{margin-top:10px;text-align:center}
.paging>*{display:inline-block;width:25px;height:25px;vertical-align:top;line-height:25px}
.paging .prev1{background:url(../images/common/icon_prev1.png) no-repeat 100% 10px;background-size:9px auto}
.paging .prev2{background:url(../images/common/icon_prev2.png) no-repeat 50% 10px;background-size:5px auto}
.paging .next1{background:url(../images/common/icon_next1.png) no-repeat 0 10px;background-size:9px auto}
.paging .next2{background:url(../images/common/icon_next2.png) no-repeat 50% 10px;background-size:5px auto}
.paging>strong{text-decoration:underline;font-weight:400;color:#1686f0}
.board-view{border-top:2px solid #666;border-bottom:1px solid #999}
.board-view .tp{padding:12px 15px;border-bottom:1px solid #d7d7d7}
.board-view .tp>h4{line-height:1.4;font-weight:500;font-size:16px;color:#222}
.board-view .tp>ul{overflow:hidden;margin:5px 0 -3px}
.board-view .tp>ul>li{float:left;position:relative;margin-bottom:3px}
.board-view .tp>ul>li:not(:last-child){margin-right:10px;padding-right:10px}
.board-view .tp>ul>li:not(:last-child):after{display:block;content:"";position:absolute;right:0;top:4px;width:1px;height:11px;background-color:#e1e1e1}
.board-view .tp>ul>li>strong{font-weight:400}
.board-view .md{padding:20px}
.board-view .md img{max-width:100%}
.view-add-file{padding:12px 0 12px 20px;border-top:1px solid #d7d7d7}
.view-add-file>strong{float:left;position:relative;padding-right:10px;font-weight:400}
.view-add-file>strong:after{display:block;content:"";position:absolute;right:0;top:5px;width:1px;height:11px;background-color:#e1e1e1}
.view-add-file>ul{overflow:hidden;padding-left:10px}
.view-add-file>ul>li:not(:last-child){margin-bottom:4px}
.view-add-file a{display:inline-block;padding-left:17px;background:url(../images/sub/icon_add_file.png) no-repeat 0 3px;background-size:13px auto}
.bottom-pst{margin-top:17px}
.input-tel-box{overflow:hidden;margin-left:-10px}
.input-tel-box>span{position:relative;float:left;width:calc(33.3% - 10px);margin-left:10px}
.input-tel-box>span>input,.input-tel-box>span>select{width:100%}
.input-tel-box>span:nth-child(1):before,.input-tel-box>span:nth-child(2):before{display:block;content:"-";position:absolute;right:-7px;top:5px;color:#333}
.input-email{overflow:hidden}
.input-email>.l{position:relative;overflow:hidden}
.input-email>.l:before{display:block;content:"@";position:absolute;left:50%;top:5px;margin-left:-6px}
.input-email>div>div{float:left;width:50%;padding-right:10px}
.input-email>div>div:last-child{padding:0 0 0 10px}
.input-email input{width:100%}
.input-email .r{margin-top:5px}
.input-email .r select{width:100%}
.board-write{border-top:2px solid #666;border-bottom:1px solid #999}
.board-write>.row:last-child>.row:last-child{border-bottom:0}
.board-write .row{display:table;table-layout:fixed;width:100%}
.board-write .row:not(:last-child){border-bottom:1px solid #d7d7d7}
.board-write .row>.cell-div:not(:last-child){border-bottom:1px solid #d7d7d7}
.board-write .div-th{display:table-cell;border-right:1px solid #d7d7d7;padding:13px 15px;background-color:#f5f5f5;word-break:break-all;font-weight:500;color:#333}
.board-write .div-td{display:table-cell;padding:5px 10px;background-color:#fff;vertical-align:middle}
.default-th-size .div-th{width:100px}
.th-w145 .div-th{width:120px}
.th-size-pwd .div-th{width:123px}
.board-write textarea{width:100%;height:150px}
.cell-div{display:table;width:100%;table-layout:fixed}
.input-w-full,.inp-w200,.inp-w260{width:100%}
.mail-caution{margin-top:5px;color:#eb6e50}
.ck-lb{display:inline-block;margin-right:10px}
.ck-lb>input[type=checkbox]:checked+label{background-image:url(../images/sub/bg_checkBox_on.gif)}
.ck-lb>label{padding-left:19px;background:url(../images/sub/bg_checkBox_off.gif) no-repeat 0 50%;background-size:15px 15px}
.rd-lb{display:inline-block;margin-right:10px}
.rd-lb>input[type=radio]:checked+label{background-image:url('../images/sub/bg_radioBox_on.png')}
.rd-lb>label{padding-left:19px;background:url('../images/sub/bg_radioBox_off.png') no-repeat 0 50%;background-size:15px 15px}
.tit{margin-bottom:5px;padding-left:8px;background:url(../images/sub/bg_m_tit.gif) no-repeat 0 5px;background-size:2px auto;font-weight:500;font-size:16px;color:#222}
.sub-tit{margin-bottom:3px;padding-left:15px;background:url(../images/sub/bg_sub_tit.gif) no-repeat 0 5px;background-size:11px auto;font-weight:500;font-size:14px;color:#222}
.ctn>.sub-section:first-child{margin-top:0}
.sub-section{margin-top:12px}
.birth-select{overflow:hidden;margin-bottom:-5px}
.birth-select>span{float:left;margin:0 10px 5px 0}
.birth-select>span:last-child{margin-right:0}
.birth-select>span>select{width:65px;vertical-align:middle}
.layer-popup-box{display:none;position:fixed;left:0;top:0;z-index:100000;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.layer-popup-box .popup{position:absolute;left:50%;top:50%;z-index:101;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:calc(100% - 20px);background-color:#fff}
.layer-popup-box .popup .top{position:relative;padding-left:12px;background-color:#284885}
.layer-popup-box .popup .top h4{padding:10px 50px 11px 0;font-weight:500;font-size:16px;color:#fff}
.layer-popup-box .popup .top button{position:absolute;right:0;top:0;;width:43px;height:100%;background:url(../images/common/bg_btn_popClose.png) no-repeat 50% 50%;background-size:17px auto}
.layer-popup-box .pop-content{max-height:calc(100vh - 110px);overflow-y:auto;padding:20px 15px}
.layer-popup-box .pop-content h5{margin-bottom:8px;font-weight:500;font-size:16px;color:#333}
.layer-popup-box .pop-size-700{max-width:700px}
.layer-popup-box .pop-size-580{max-width:580px}
.layer-popup-box .pop-size-500{max-width:500px}
.mobile .m-tab3>ul>li{width:calc(100% / 3)}
.mobile .cell-div>div{height:auto !important}
.lgn-bx1{margin-bottom:14px;padding-top:90px;background:url(../images/sub/img_login.png) no-repeat 50% 0;background-size:80px auto;text-align:center}
.lgn-bx1>strong{display:block;margin-bottom:2px;font-size:15px;font-weight:500}
.lgn-bx1>span{display:block}
.login-field{border-style:solid;border-width:1px;border-color:#58636e #d7d7d7 #d7d7d7}
.lgn-bx2{position:relative;padding:23px 90px 20px 15px}
.lgn-bx2 .field{overflow:hidden}
.lgn-bx2 .field:not(:last-child){margin-bottom:7px}
.lgn-bx2 .field>label{float:left;width:58px;height:33px;line-height:33px;font-weight:500;color:#333}
.lgn-bx2 .field>input{float:left;width:calc(100% - 58px);height:33px}
.id-sv{padding-left:58px}
.lgn-bx2 button{position:absolute;right:15px;top:23px;width:70px;height:73px;border-radius:3px;background-color:#1686f0;font-weight:500;font-size:14px;color:#fff}
.lgn-bx3{padding:15px;background-color:#f5f5f5}
.lgn-bx3 li>span:last-child{display:block;margin-top:6px}
.line-btn{display:inline-block;height:27px;padding:0 12px;border-radius:3px;background-color:#fff;line-height:25px;font-size:12px}
.navy-line{border:1px solid #58636e;color:#58636e}
.pw_safety{overflow:hidden}
.pw_safety .l{float:left;width:calc(100% - 45px)}
.pw_safety .r{float:right;padding-top:6px}
.pw_safety .r>strong{display:inline-block;padding-left:17px;background-repeat:no-repeat;background-position:0 50%;background-size:14px auto;font-weight:300;font-size:12px}
.pw-bad{background-image:url(../images/sub/pw_bad.png);color:#eb6e50}
.pw-not-bad{background-image:url(../images/sub/pw_not_bad.png);color:#58636e}
.pw-safe{background-image:url(../images/sub/pw_safety.png);color:#109e84}
.pw-md-input>input{width:calc(100% - 45px)}
.pop-ctn-alert{padding-top:103px;background-repeat:no-repeat;background-position:50% 0;background-size:90px auto;text-align:center}
.pop-ctn-alert>strong{font-weight:500;font-size:14px;color:#222}
.pop-bg-pwd{background-image:url(../images/sub/bg_pwd_md.png)}
.join-step{margin-bottom:20px}
.join-step>ol{overflow:hidden;margin-bottom:-20px}
.join-step>ol>li{float:left;position:relative;width:calc(50% - 10px);height:69px;margin:0 10px 20px 0;padding-left:60px;border:1px solid #dadada;background-color:#f5f5f5;background-repeat:no-repeat;background-position:10px 50%;background-size:40px auto}
.mobile .join-step>ol>li:nth-child(odd):before{display:block;content:"";position:absolute;right:-15px;top:29px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #bbb}
.join-step>ol>li>div{display:table-cell;width:100vw;height:69px;padding-right:10px;vertical-align:middle}
.mobile .join-step>ol>li:nth-child(2n){margin:0 0 20px 10px}
.join-step>ol>li>div>strong{display:block;font-size:12px;font-weight:500}
.join-step>ol>li:nth-child(1){background-image:url(../images/sub/icon_member_step1_off.png)}
.join-step>ol>li:nth-child(2){background-image:url(../images/sub/icon_member_step2_off.png)}
.join-step>ol>li:nth-child(3){background-image:url(../images/sub/icon_member_step3_off.png)}
.join-step>ol>li:nth-child(4){background-image:url(../images/sub/icon_member_step4_off.png)}
.join-step .current{background-color:#fff}
.join-step .current>div{font-weight:500;color:#222}
.join-step .current>div>strong{color:#109e84}
.join-step .current:after{display:block;content:"";box-sizing:border-box;position:absolute;left:-1px;top:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border:2px solid #109e84}
.join-step .current:nth-child(1){background-image:url(../images/sub/icon_member_step1_on.png)}
.join-step .current:nth-child(2){background-image:url(../images/sub/icon_member_step2_on.png)}
.join-step .current:nth-child(3){background-image:url(../images/sub/icon_member_step3_on.png)}
.join-step .current:nth-child(4){background-image:url(../images/sub/icon_member_step4_on.png)}
.join-type>div{padding:22px 10px 25px;border-style:solid;border-width:1px;border-color:#58636e #d7d7d7 #d7d7d7;background-size:87px auto;background-repeat:no-repeat;background-position:50% 54px;text-align:center}
.join-type>.l{margin-bottom:10px;background-image:url(../images/sub/img_member_join1.png)}
.join-type>.r{background-image:url(../images/sub/img_member_join2.png)}
.join-type>div>strong{display:block;font-weight:500;font-size:15px}
.join-type>div>a{display:inline-block;height:30px;margin-top:113px;padding:0 37px 0 12px;border-radius:3px;background-color:#1686f0;background-position:calc(100% - 12px) 50%;background-size:14px;background-image:url(../images/sub/icon_btn_join.png);background-repeat:no-repeat;line-height:30px;color:#fff}
.reg-number{overflow:hidden}
.reg-number>span{float:left;position:relative;width:50%;padding-right:9px}
.reg-number>span:last-child{padding:0 0 0 9px}
.reg-number>span:last-child:before{display:block;content:"-";position:absolute;left:-2px;top:5px}
.reg-number>span>input{width:100%}
.join-reg-txt{margin-top:15px;padding:13px 15px;border:1px solid #dadada;background-color:#f5f5f5}
.join-reg-txt>div{margin-top:4px}
.join-reg-txt>div>a{text-decoration:underline;font-weight:400;color:#284885}
.mobile .m-joinName-th .div-th{width:107px}
.agree-scroll .agr-txt{height:200px;overflow-y:scroll}
.section+.btn-box{margin-top:-3px}
.necessary-txt{margin-bottom:10px}
.necessary{font-weight:500;color:#e6351e}
.wr-cau{margin-top:3px}
.input-sing-btn{position:relative}
.input-sing-btn>input{width:100%}
.input-sing-btn>a,.input-sing-btn>button{position:absolute;right:0;top:0}
.input-sing-btn.id-find{padding-right:76px}
.board-write .parent-agree{padding-top:10px;padding-bottom:10px}
.parent-agree-ck{margin-top:6px}
.join-complete{padding:115px 10px 25px;border-style:solid;border-width:1px;border-color:#58636e #d7d7d7 #d7d7d7;background:url(../images/sub/bg_join_complete.png) no-repeat 50% 25px;background-size:80px;text-align:center}
.join-complete .fb{margin-bottom:15px}
.join-complete .fb>strong{display:block;margin-bottom:5px;font-size:15px;font-weight:500}
.pass-list .brd-scn-box{padding:13px 15px 15px}
.pass-list .btn-pass{margin-top:10px}
.pass-view{padding:127px 15px 25px;border:3px solid #eee;background:url(../images/sub/bg_pass_view.png) no-repeat 50% 25px;background-size:91px}
.pass-view .tp-bx{margin-bottom:12px;text-align:center}
.pass-view .tp-bx>strong{display:block;margin-bottom:2px;font-size:15px;font-weight:500}
.pass-view .pass-time{margin:15px 0 20px;padding:9px 10px 11px;border:1px solid #d7d7d7}
.pass-view .pass-time li:not(:last-child){margin-bottom:4px}
.pass-view .div-th{text-align:center}
.ui-datepicker-trigger{width:20px;height:20px;margin:4px 0 0 5px;background:url(jquery/images/btn_cal.png) no-repeat 0 0;vertical-align:top;font-size:0}

.member-find-field{padding:112px 16px 25px;border-style:solid;border-width:2px 1px 1px;border-color:#58636e #d7d7d7 #d7d7d7;background-repeat:no-repeat;background-position:50% 25px;background-size:80px}
.mem-find1{margin-bottom:10px;background-image:url(../images/sub/bg_member_find1.png)}
.mem-find2{background-image:url(../images/sub/bg_member_find2.png)}
.tp-bx{margin-bottom:14px;text-align:center}
.tp-bx>strong{display:block;margin-bottom:2px;font-weight:500;font-size:15px;color:#333}
.tp-bx .mem-guide{text-align:left; padding-left:13px;}
.bm-px .in-box{padding:17px 0;border-top:1px dashed #d7d7d7;border-bottom:1px dashed #d7d7d7}
.bm-px .sc{overflow:hidden}
.bm-px .sc:not(:last-child){margin-bottom:7px}
.bm-px .inp-box{overflow:hidden}
.bm-px .inp-box.cfm{padding-top:6px}
.mem-find2 .in-box{padding-top:5px}
.bm-px .label{float:left;height:31px;line-height:31px;font-weight:500;color:#333}
.bm-px #auth_mobile{width:181px}
.bm-px #auth_number{width:120px}
.bm-px #countdown{width:100px; height:50px; color:#f00d0d; position:relative; top:12px;}
.mem-find1 .label{width:85px}
.mem-find2 .label{width:65px}
.btn-men-find{margin-top:17px;text-align:center}
.id-find-pop{margin-bottom:12px}
.id-find-pop>strong{font-size:13px}
.pw-find-th .div-th{width:70px}
.map_border{display:none !important}
.full-tab>ul>li{width:50% !important;text-align:center}
.full-tab>ul>li>a{padding-right:11px !important}
.mobile .btn-aut{padding-right:105px}
.aut-box{margin-bottom:15px}
.aut-box .wr-cau{margin:0 0 5px}
.aut-time{display:inline-block;margin:5px 0 0 5px;font-weight:400;color:#333}
.mypg13-mgt{margin-top:20px}


@media screen and (min-width:1217px),print{
	.ui-datepicker-trigger{margin:9px 0 0 5px}
	#container{padding:0 0 70px}
	#container .inner-ctr:after{display:block;content:"";clear:both}
	#aside{display:block;float:left;width:220px}
	#aside>h2{display:table-cell;position:relative;width:100vw;height:80px;vertical-align:middle;background:url(../images/common/bg_lnb_tit.png) no-repeat 100% 0;letter-spacing:-1px;font-weight:500;font-size:30px;color:#222}
	#aside>h2:before{display:block;content:"";position:absolute;left:0;top:0;width:24px;height:3px;background-color:#284885}
	#aside>h2>span{vertical-align:7px}
	#aside>ul{border-top:1px solid #284885}
	#aside>ul>li{border-bottom:1px solid #d7d7d7}
	#aside>ul>li>a{display:table-cell;width:100vw;height:54px;padding:0 30px 0 10px;background:url(../images/common/icon_lnb.png) no-repeat right 10px top 23px;vertical-align:middle;font-size:16px;color:#555}
	#aside>ul>li>a:hover,#aside>ul>li>.on{background-position:calc(100% - 10px) -33px;background-color:#284885;color:#fff}
	#content{float:right;width:930px;padding:0}
	.sub-top{margin-bottom:40px}
	.tit-share{padding:17px 0 28px}
	.tit-share>h3{padding-top:0;font-size:34px}
	.tit-share img{width:auto}
	.ctn{padding-top:40px}
	.tab-mn{margin-bottom:30px}
	.tab-mn>ul>li{width:233px}
	.tab-mn>ul>li>a:hover{background-image:none;background-color:#eb6e50;color:#fff}
	.tab-mn>ul>li>a{height:50px;padding:0 50px 0 15px;background-size:auto}
	.top-info{margin-bottom:40px}
	.top-info-txt{display:table-cell;width:100vw;height:145px;padding:25px 25px 25px 135px;border-width:6px;background-repeat:no-repeat;background-position:25px 23px;vertical-align:middle}
	.info-cau-txt{margin-top:10px}
	.ul-list1>li{padding-left:8px}
	.ul-list1>li:before{top:10px}
	.ul-list1>li>ul{margin-top:5px}
	.ul-list2>li{padding-left:9px;background:url(../images/sub/bg_ul_list2.gif) no-repeat 0 9px}
	.ul-list2>li:not(:last-child){margin-bottom:5px}
	.bg-qna{background-image:url(../images/sub/bg_qna.png)}
	.bg-pass{background-image:url(../images/sub/bg_pass.png)}
	.btn{font-size:15px}
	.btn.default{height:46px;line-height:46px}
	.btn.medium{height:42px;line-height:42px;font-size:14px}
	.btn.small{height:34px;line-height:34px;font-size:14px}
	.btn.sz-free{padding:0 22px}
	.btn.medium.sz-free{padding:0 12px}
	.btn.small.sz-free{padding:0 15px}
	.btn-box a:not(:last-child),.btn-box button:not(:last-child){margin-right:10px}
	.board-search .inr{padding:25px 0;text-align:center;font-size:0}
	.board-search.default .inr>span{display:inline-block;margin-right:5px;padding-right:0}
	.board-search.default .dft-select{float:none;width:120px}
	.board-search.default .dft-input{width:290px;overflow:visible}
	.board-search.default .btn-search{position:static}
	.btn-search{display:inline-block;width:42px;height:42px;background-size:auto}
	.list-board-link{margin:20px 0 40px}
	.list-board-count{margin:25px 0 15px}
	.list-board-count .l{padding-top:20px}
	.board-section:not(:last-child){margin-bottom:15px}
	.board-section>a,.brd-scn-box{display:block;padding:18px 25px 25px}
	.board-section>a:hover>.tp>strong{text-decoration:underline}
	.board-section .tp{margin-bottom:9px}
	.board-section .tp>strong{max-width:90%;font-size:17px}
	.board-section .secret,.board-section .new{margin-left:4px}
	.board-section .new>img,.board-section .secret>img{width:auto;vertical-align:-5px}
	.board-section .bm>ul{margin-bottom:-3px}
	.board-section .bm>ul>li{margin:0;padding:0 15px 0}
	.board-section .bm>ul>li:first-child{padding-left:0}
	.board-section .bm>ul>li:not(:last-child):after{left:auto;right:-9px;top:5px;width:1px;height:13px}
	.board-section .board-add-file>img{width:auto;vertical-align:-3px}
	.paging{margin-top:15px}
	.paging>*{width:27px;height:27px}
	.paging .prev1{background:url(../images/common/icon_prev1.png) no-repeat 100% 50%;background-size:auto}
	.paging .prev2{background:url(../images/common/icon_prev2.png) no-repeat 7px 50%;background-size:auto}
	.paging .next1{background:url(../images/common/icon_next1.png) no-repeat 0 50%;background-size:auto}
	.paging .next2{background:url(../images/common/icon_next2.png) no-repeat 14px 50%;background-size:auto}
	.board-view .tp{padding:20px 25px 18px}
	.board-view .tp>h4{font-size:20px}
	.board-view .tp>ul{margin:10px 0 0}
	.board-view .tp>ul>li{margin-bottom:0}
	.board-view .tp>ul>li:not(:last-child){margin-right:15px;padding-right:15px}
	.board-view .tp>ul>li:not(:last-child):after{top:5px;height:13px}
	.board-view .md{padding:30px 25px;word-break:break-all}
	.view-add-file{padding:16px 0 16px 25px}
	.view-add-file>strong{padding-right:16px}
	.view-add-file>strong:after{top:5px;height:13px}
	.view-add-file>ul{padding-left:15px}
	.view-add-file>ul>li:not(:last-child){margin-bottom:6px}
	.view-add-file a{padding-left:22px;background:url(../images/sub/icon_add_file.png) no-repeat 0 3px;background-size:auto}
	.view-add-file a:hover{text-decoration:underline}
	.bottom-pst{margin-top:25px}
	.board-write .div-th{padding:15px 20px 15px 24px}
	.board-write .div-td{padding:5px 20px}
	.board-write .row>.cell-div:not(:last-child){border-bottom:0}
	.board-write .row>.cell-div:last-child .div-th{border-left:1px solid #d7d7d7}
	.default-th-size .div-th{width:130px;min-width:130px}
	.th-size-pwd .div-th{width:156px;min-width:156px}
	.board-write textarea{height:205px}
	.cell-div{display:table-cell}
	.cell-div .div-td{width:100vw}
	.dual .div-th{vertical-align:middle}
	.cell-div{vertical-align:top}
	.dft-col-th{width:128px}
	.mail-caution{margin-top:5px;color:#eb6e50}
	.input-tel-box{margin-left:0}
	.input-tel-box>span{width:82px;margin:0 24px 0 0}
	.input-tel-box>span:last-child{margin-right:0}
	.input-tel-box>span:nth-child(1):before,.input-tel-box>span:nth-child(2):before{right:-15px;top:10px}
	.input-email>.l{position:relative;float:left;overflow:hidden}
	.input-email>.l:before{display:block;content:"@";position:absolute;left:215px;top:10px}
	.input-email>div>div{width:200px;padding-right:0}
	.input-email>div>div:first-child{margin-right:30px}
	.input-email>div>div:last-child{padding:0}
	.input-email input{width:100%}
	.input-email .r{float:left;margin:0 0 0 5px}
	.input-email .r select{min-width:120px}
	.ck-lb{margin-right:15px}
	.ck-lb>label{padding-left:25px;background-size:auto}
	.rd-lb{margin-right:15px}
	.rd-lb>label{padding-left:25px;background-size:19px auto}
	.tit{margin-bottom:10px;padding-left:13px;background:url(../images/sub/bg_tit.gif) no-repeat 0 6px;background-size:auto;font-size:20px}
	.sub-tit{margin-bottom:6px;padding-left:19px;background:url(../images/sub/bg_sub_tit.gif) no-repeat 0 7px;background-size:auto;font-size:16px}
	.sub-section{margin-top:15px}
	.birth-select{margin-bottom:0}
	.birth-select>span{margin:0 8px 0 0}
	.birth-select>span>select{width:82px;margin-right:3px}
	.dual .birth-select>span>select{width:75px;margin-right:0}
	.layer-popup-box .popup .top{padding-left:24px}
	.layer-popup-box .popup .top h4{padding:20px 54px 21px 0;font-size:20px}
	.layer-popup-box .popup .top button{width:72px;background-size:auto}
	.layer-popup-box .pop-content{max-height:calc(100vh - 246px);padding:30px 25px}
	.layer-popup-box .pop-content h5{margin-bottom:8px;font-size:16px}
	.layer-popup-box .pop-size-700{width:700px}
	.layer-popup-box .pop-size-580{width:580px}
	.layer-popup-box .pop-size-500{width:500px}
	.lgn-bx1{margin-bottom:19px;padding-top:125px;background-size:auto}
	.lgn-bx1>strong{display:block;margin-bottom:4px;font-size:20px}
	.lgn-bx1>span{display:inline}
	.lgn-bx2{position:relative;width:512px;margin:0 auto;padding:40px 127px 35px 0}
	.lgn-bx2 .field:not(:last-child){margin-bottom:10px}
	.lgn-bx2 .field>label{width:68px;height:46px;line-height:46px}
	.lgn-bx2 .field>input{width:calc(100% - 68px);height:46px}
	.id-sv{padding-left:68px}
	.lgn-bx2 button{right:15px;top:40px;width:104px;height:102px;font-size:17px}
	.lgn-bx3{padding:20px 0}
	.lgn-bx3>ul{width:511px;margin:0 auto}
	.lgn-bx3 li{overflow:hidden}
	.lgn-bx3 li:not(:last-child){margin-bottom:10px}
	.lgn-bx3 li>first-child{float:left}
	.lgn-bx3 li>span:last-child{display:inline-block;float:right;margin-top:0}
	.line-btn{height:34px;padding:0 15px;line-height:32px;font-size:14px}
	.pw_safety .l{float:left;width:auto;margin-right:15px}
	.pw_safety .r{float:left;padding-top:10px}
	.pw_safety .r>strong{padding-left:23px;background-size:auto;font-size:14px}
	.pw-md-input>input{width:260px}
	.pop-ctn-alert{padding-top:125px;background-size:auto}
	.pop-ctn-alert>strong{font-size:18px}
	.join-step{margin-bottom:30px}
	.join-step>ol{margin-bottom:0}
	.join-step>ol>li{float:left;position:relative;width:189px;height:80px;margin:0 58px 0 0;padding-left:77px;background-position:15px 50%;background-size:auto}
	.join-step>ol>li:not(:last-child):before{display:block;content:"";position:absolute;right:-45px;top:32px;width:28px;height:15px;border:0;background:url(../images/sub/icon_member_arrow.gif) no-repeat 0 0}
	.join-step>ol>li>div{height:80px;padding-right:0}
	.join-step>ol>li:last-child{margin-right:0}
	.join-step>ol>li>div>strong{margin-bottom:1px;font-size:13px}
	.join-type{overflow:hidden}
	.join-type>div{float:left;width:455px;padding:35px 0 40px;background-size:auto;background-position:50% 76px}
	.join-type>.l{margin-right:20px;margin-bottom:0}
	.join-type>div>strong{font-size:18px}
	.join-type>div>a{height:43px;margin-top:142px;padding:0 43px 0 15px;background-position:calc(100% - 15px) 50%;background-size:auto;line-height:42px;font-size:14px}
	.inp-w200{width:200px}
	.inp-w260{width:260px}
	.reg-number>span{width:125px;padding-right:12px}
	.reg-number>span:last-child{padding:0 0 0 12px}
	.reg-number>span:last-child:before{left:-2px;top:9px}
	.join-reg-txt{margin-top:30px;padding:15px 25px}
	.join-reg-txt>div{margin-top:6px}
	.agree-scroll .agr-txt{height:288px}
	.th-w145 .div-th{width:145px;min-width:145px}
	.wr-cau{margin-top:5px}
	.necessary-txt{margin-bottom:13px}
	.input-sing-btn{font-size:0}
	.input-sing-btn>input{width:260px}
	.input-sing-btn>a,.input-sing-btn>button{position:static;margin-left:5px}
	.input-sing-btn.id-find{padding-right:0}
	.board-write .parent-agree{padding-top:15px;padding-bottom:15px}
	.parent-agree-ck{margin-top:7px}
	.join-complete{padding:160px 10px 40px;background-position:50% 40px;background-size:auto}
	.join-complete .fb{margin-bottom:20px;font-size:16px}
	.join-complete .fb>strong{margin-bottom:4px;font-size:18px}
	.section+.btn-box{margin-top:-10px}
	.pass-list .brd-scn-box{position:relative}
	.pass-list .brd-scn-box{padding:18px 25px 25px}
	.pass-list .btn-pass{position:absolute;right:25px;top:50%;margin-top:-17px}
	.pass-view{padding:159px 150px 40px;background-position:50% 40px;background-size:auto}
	.pass-view .tp-bx{margin-bottom:22px}
	.pass-view .tp-bx>strong{margin-bottom:6px;font-size:20px}
	.pass-view .pass-time{margin:20px 0 25px;padding:15px 24px 16px}
	.pass-view .pass-time li:not(:last-child){margin-bottom:5px}
	.mem-find-wrap{overflow:hidden}
	.mem-find1,.mem-find2{float:left;width:455px;height:582px}
	.member-find-field{padding:159px 22px 0;border-top-width:1px;background-position:50% 40px;background-size:auto}
	.mem-find1{margin:0 20px 0 0}
	.tp-bx{margin-bottom:18px}
	.tp-bx>strong{margin-bottom:5px;font-size:18px}
	.bm-px .in-box{padding:25px 0}
	.bm-px .sc:not(:last-child){margin-bottom:10px}
	.bm-px .inp-box.cfm{padding-top:10px}
	.mem-find2 .in-box{padding-top:15px}
	.bm-px .label{height:42px;line-height:42px}
	.mem-find1 .label{width:105px}
	.mem-find2 .label{width:80px}
	.member-find-field .input-email>div>div{width:92px}
	.member-find-field .input-email .r select{width:104px;min-width:104px}
	.member-find-field .input-email>div>div:first-child{margin-right:32px}
	.member-find-field .input-email>.l:before{left:108px}
	.member-find-field .input-tel-box>span{width:93px}
	.member-find-field .reg-number>span{width:152px}
	.btn-men-find{margin-top:25px}
	.id-find-pop{margin-bottom:15px}
	.id-find-pop>strong{font-size:15px}
	.pw-find-th .div-th{width:100px;min-width:100px}
	.btn-aut>input{width:340px}
	.aut-time{margin:9px 0 0 5px}
	.mypg13-mgt{margin-top:30px}
}

@media print{
	#header,#aside,#footer,.sub-top,.tit-share>ul{display:none !important}
	#content{float:none !important;width:100% !important}
	.inner-ctr{width:auto}
}


.wrap-loading{ /*화면 전체를 어둡게 합니다.*/
	z-index:30;
    position: fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: rgba(0,0,0,0.2); /*not in ie */
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000',endColorstr='#20000000');    /* ie */
}
.wrap-loading div{ /*로딩 이미지*/
    position: fixed;
    top:50%;
    left:50%;
    margin-left: -21px;
    margin-top: -21px;
}
.display-none{ /*감추기*/
    display:none;
}    

/* font */
.required{overflow:hidden; color:#ff0000; font-weight:300; display:inline-block; vertical-align: middle;}

/* platform login */
.lgn-bndry {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.lgn-center-line {
	width: 50%; /* 부모 div의 50% 길이 */
	height: 1px; /* 라인의 두께 */
	background-color: #d7d7d7; /* 회색 라인 */
}
.lgn-txt {
	display: flex; /* 플렉스박스를 사용하여 정렬 */
	justify-content: center; /* 중앙 정렬 */
	margin: 20px 0px 20px 0px;
	width: 100%;
}
.lgn-btn-bx {
	display: flex; /* 플렉스박스를 사용하여 정렬 */
	justify-content: center; /* 중앙 정렬 */
	gap: 20px; /* 버튼 사이의 간격 조정 */
	width: 100%;
	position:relative;
	margin:0 auto;
	padding-bottom: 35px;
}

.btn-sns-login {
	display: inline-block;
	background-size: cover; /* 이미지 크기 조정 */
	background-repeat: no-repeat; /* 이미지 반복 방지 */
	background-position: center; /* 이미지가 중앙에 위치하도록 설정 */
	border: none; /* 기본 테두리 제거 */
	cursor: pointer; /* 마우스를 올렸을 때 포인터로 변경 */
}

.btn-sns-login.kakao {height:45px; width:45px; background-image: url('../images/login/icon_kakao_login.png');}
.btn-sns-login.naver {height:45px; width:45px; background-image: url('../images/login/icon_naver_login.png');}
.btn-sns-login.google {height:45px; width:45px; background-image: url('../images/login/icon_google_login.png');}


.btn-sns-cert {
	display: inline-block;
	width: 120px;
	height: 45px;
	border-radius: 3px;
	background-color: #1686f0;
	font-weight: 500;
	color: #fff;
	cursor: pointer; /* 마우스를 올렸을 때 포인터로 변경 */
	display: inline-flex; /* 텍스트와 아이콘이 수평으로 정렬되도록 설정 */
	align-items: center; /* 텍스트와 아이콘을 수직 중앙 정렬 */
	justify-content: center;
}

.btn-sns-close {
	display: inline-block;
	width: 120px;
	height: 45px;
	border-radius: 3px;
	background-color: #999;
	font-weight: 500;
	color: #fff;
	cursor: pointer; /* 마우스를 올렸을 때 포인터로 변경 */
	display: inline-flex; /* 텍스트와 아이콘이 수평으로 정렬되도록 설정 */
	align-items: center; /* 텍스트와 아이콘을 수직 중앙 정렬 */
	justify-content: center;
}

.cert-ctn{display: flex; justify-content: center; align-items: center; height: 100vh; width: 100vw;}
.cert-form-box{border-style: solid; border-width: 1px; border-color: #58636e;}
.cert-field-box{position:relative; padding:45px 30px 45px 30px;}
.cert-field-box .field{position: relative; overflow:hidden;}
.cert-field-box .field:not(:last-child){margin-bottom:7px}
.cert-field-box .field>label{float:left;width:58px;height:33px;line-height:33px;font-weight:500;color:#333}
.cert-field-box .field>input{float:left;width:calc(100% - 58px);height:33px}
.pw-toggle {
	position: absolute; /* input 박스 안에 위치시키기 위해 절대 위치 사용 */
	right: 10px; /* input의 오른쪽에서 약간의 간격 */
	top: 50%; /* 수직 중앙 정렬 */
	transform: translateY(-50%); /* 수직 중앙 정렬 보정 */
	cursor: pointer; /* 마우스를 올렸을 때 커서가 포인터로 변경 */
}

.sns-container {
	display: flex;
	flex-direction: column;
	gap: 10px; /* 각 항목 간의 간격 */
}

.sns-item {
	display: flex;
	align-items: center;
	gap: 10px; /* 아이콘, 이름, 버튼 간의 간격 */
}

.sns-icon {
	width: 40px; /* 아이콘 크기 조정 */
	height: 40px;
	background-size: cover;
	background-position: center;
}

.kakao-icon {
	background-image: url('../images/login/icon_kakao.png');
}

.naver-icon {
	background-image: url('../images/login/icon_naver.png');
}

.google-icon {
	background-image: url('../images/login/icon_google.png');
}

.sns-info {
	display: flex;
	flex-direction: column;
	min-width: 220px; /* sns-email 또는 sns-date가 가장 긴 데이터를 기준으로 최소 너비 설정 */
}

.sns-name {
	font-size: 14px;
	color: #666;
	margin-bottom: 2px;
}

.sns-hphone {
	font-size: 14px;
	color: #333;
}

.sns-email {
	font-size: 14px;
	color: #333;
}

.sns-date {
	font-size: 12px;
	color: #555;
}

.sns-button {
	padding: 5px 10px;
	background-color: #ccc;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	margin-left: 10px; /* sns-info와의 간격 설정 */
}

.sns-button:hover {
	background-color: #bbb;
}