/* bmy 201512 */

body{width:100%;height:100%}
html{width:100%;height:100%}

/* Common */
.bold{font-weight:bold}
.bgnone{background:none}
.png24{tmp:expression(setPng24(this))}
.disIN{display:inline}
.disBLO{display:block}
.floatR{float:right}
.floatL{float:left}
.alignRight{text-align:right}
.alignLft{text-align:left !important;}
.alignCnt{text-align:center !important;}
a{outline:none;color:inherit;}
a:hover{text-decoration:none}
textarea{resize:none}



.pd_left25{padding-left:25px;}



.alignL{text-align:left;}



/* paging */
.paging{width:100%;margin:0 auto;text-align:center;clear:both;}
.paging a{display:inline-block;border-top:1px solid #d2d2d2;border:1px solid #d2d2d2;padding:5px 14px 7px;margin:0 -3px;font-size:12px;background:#fff;margin-left:-1px; height: 18px; vertical-align: bottom;}
.paging a.on{background:#f3f3f3;}
.paging a img{padding-top: 5px;}
.paging a.btn_first{padding-left:15px;padding-right:18px;background:url(../images/common/btn_first.gif) no-repeat 50% 50%;text-indent:-1000000px;}
.paging a.btn_pre{padding-left:15px;padding-right:18px;background:url(../images/common/btn_pre.gif) no-repeat 50% 50%;text-indent:-1000000px;}
.paging a.btn_next{padding-left:15px;padding-right:18px;background:url(../images/common/btn_next.gif) no-repeat 50% 50%;text-indent:-1000000px;}
.paging a.btn_end{padding-left:15px;padding-right:18px;background:url(../images/common/btn_end.gif) no-repeat 50% 50%;text-indent:-1000000px;border-right:1px solid #d2d2d2;}

/* paging2 - 환자용 언론보도 */
.paging2{width:100%;margin:0 auto;text-align:center;clear:both;}
.paging2 a{display:inline-block;border:1px solid #ddd;padding:0;font-size:14px;color:#787878;background:#fff;margin:0 2px;width:40px; height: 40px; line-height:40px;vertical-align: middle;font-weight:300;}
.paging2 a.on{background:#222; border:1px solid #222;color:#fff;}
/* .paging2 a:hover {border:1px solid #222;} */
.paging2 a.btn_first{padding:0;background:url(../images/patient/2022/btn_first.png) no-repeat 50% 50%;}
.paging2 a.btn_pre{padding:0;background:url(../images/patient/2022/btn_pre.png) no-repeat 50% 50%; }
.paging2 a.btn_next{padding:0;background:url(../images/patient/2022/btn_next.png) no-repeat 50% 50%; }
.paging2 a.btn_end{padding:0;background:url(../images/patient/2022/btn_end.png) no-repeat 50% 50%; }




/* member */
#member_container {width:100%;min-width:1100px;/* background:url(../images/common/member_sub_t_bg.gif) repeat-x 0 0; */text-align:center;clear:both;}
#member_container .snb_sec{height:195px;}


/* login 
#login{width:1050px;margin:0 auto;padding-bottom:50px;letter-spacing:-1px;}
#login input{vertical-align:middle;}
#login .info_txt{padding-top:52px;}
#login .info_txt p{text-align:center;}
#login .info_txt p.pic1{padding-bottom:15px;}
#login .sec1{overflow:hidden;margin-top:70px;background:url(../images/common/login_img2_bg.gif) no-repeat 240px 65px;min-height:180px;}
#login .sec1 p.pic{float:left;width:400px;padding-left:5px;}
#login .sec1 .form_sec{float:left;border-left:1px solid #c2c2c2;padding-left:80px;padding-top:10px;padding-bottom:5px;position:relative;}
#login .sec1 .form_sec dl{overflow:hidden;clear:both;text-align:left;padding-bottom:8px;}
#login .sec1 .form_sec dl dt{float:left;background:url(../images/common/bl_dot1.gif) no-repeat 0 15px;padding-left:8px;padding-top:5px;font-size:13px;width:65px;}
#login .sec1 .form_sec dl dd{float:left;}
#login .sec1 .form_sec p.rmb{clear:both;padding:5px 0 0 75px;font-size:12px;}
#login .sec1 .form_sec p.rmb span{display:inline-block;padding-right:25px;}
#login .sec1 .form_sec p.btn a{position:absolute;left:390px;top:10px;background:#47459D;border:1px solid #d92e68;border-radius:3px;color:#fff;text-align:center;width:100px;height:42px;padding-top:23px;display:block;font-size:14px;}

#login .sec2{background:#f8f8f8;border:1px solid #dfdfdf;margin-bottom:8px;margin-top:55px;padding:22px 0 18px 90px}
#login .sec2 ul{overflow:hidden;text-align:left;font-size:14px;}
#login .sec2 li.id{float:left;width:440px;}
#login .sec2 li.pw{float:left;}
#login .sec2 li span.btn{display:inline-block;margin-left:50px;}
#login .sec2 li span.btn a{background:#666666;color:#fff;display:block;padding:4px 14px 5px;text-align:center;border-radius:2px;font-size:13px;}


#login .sec3{background:#f8f8f8;border:1px solid #dfdfdf;padding:25px 0 30px 90px;text-align:left;margin-bottom:60px;}
#login .sec3 dt{font-size:13px;float:left;}
#login .sec3 dd.btn {float:left;display:inline-block;margin-left:50px;}
#login .sec3 dd.btn a{background:#666666;color:#fff;display:block;padding:4px 14px 5px;text-align:center;border-radius:2px;font-size:13px;}
#login .sec3 dd.txt{clear:both;padding-top:15px;font-size:13px;line-height:21px;color:#848689;}
*/


/* idpw 
#idpw{width:1100px;margin:100px auto 130px;overflow:hidden;background:url(../images/common/idpw_img1_bg.gif) no-repeat 25px 110px;text-align:left;min-height:330px;} 

#idpw{width:1100px;margin:100px auto 130px;overflow:hidden;text-align:left;min-height:330px;}
#idpw .id{float:left;width:540px;}
#idpw .pw{float:left;border-left:1px solid #c2c2c2;padding-left:77px;}
#idpw p.title1{padding-top:15px;padding-bottom:16px;}
#idpw p.title2{font-size:14px;letter-spacing:-0.5px;}
#idpw ul.form{margin-top:35px;height:140px;}
#idpw ul.form li{padding-bottom:9px;}
#idpw p.btn a{background:#47459D;color:#fff;text-align:center;border:1px solid #d92e68;padding:6px 35px 8px;border-radius:2px;font-size:13px;font-size:14px;}
*/

/* reg 
#reg{margin:45px auto 110px;width:1100px;letter-spacing:-0.5px;}
#reg p.title{text-align:center;padding-bottom:40px;margin-bottom:75px;background:url(../images/common/bl_line.gif) no-repeat 50% bottom;}
#reg p.title2{text-align:center;padding-bottom:40px;}
#reg ul.btn{width:800px;margin:0 auto 80px;overflow:hidden;}
#reg ul.btn li.web{float:left;}
#reg ul.btn li.pro{float:right;}
#reg .service{clear:both;border-top:1px solid #eaedf0;}
#reg .service p.title1{font-size:22px;text-align:center;letter-spacing:-1px;margin-bottom:70px;padding-top:60px;}
#reg .service .list{text-align:center;width:1000px;margin:0 auto;overflow:hidden;}
#reg .service .list dt{font-size:16px;color:#404346;padding-bottom:15px;}
#reg .service .list dl{float:left;}
#reg .service .list dl.s1{width:330px;background:url(../images/common/reg_img2_bg.gif) no-repeat 50% 3px;padding-top:115px;}
#reg .service .list dl.s2{width:338px;border-left:1px solid #94949b;border-right:1px solid #94949b;background:url(../images/common/reg_img3_bg.gif) no-repeat 50% 3px;padding-top:115px;}
#reg .service .list dl.s3{width:330px;background:url(../images/common/reg_img4_bg.gif) no-repeat 50% 3px;padding-top:115px;}

#reg .agree_sec{overflow:hidden;border-top:1px solid #eb6796;text-align:left;padding-top:30px;padding-bottom:45px;}
#reg .agree_sec p.title1{width:315px;}
#reg .agree_sec .floatR{float:left;width:785px;overflow:hidden;}
#reg .agree_sec dl{width:49%;border:1px solid #cdcdcd;}
#reg .agree_sec dl.term{float:left}
#reg .agree_sec dl.privacy{float:right}
#reg .agree_sec dl dt{border-bottom:1px solid #cdcdcd;background:#f0f0f0;padding:10px 0 12px 15px;color:#3b3b3c;font-size:14px;}
#reg .agree_sec dl dt span.f_color1{color: #df0808;}
#reg .agree_sec dl dt span.f_color2{color: #007bc8;}
#reg .agree_sec dl dt input{vertical-align:middle;}
#reg .agree_sec dl dd{overflow-y:scroll;height:200px;padding:10px;  /* white-space:pre-wrap;}
#reg .agree_sec p.check{text-align:right;padding-bottom:12px;padding-right:4px;font-weight:400;font-size:15px;color:#171718;}
#reg .agree_sec p.check input{vertical-align:middle;}
#reg .agree_sec input{width:16px;height:16px;}

#reg .write_sec{overflow:hidden;border-top:1px solid #eaedf0;padding-top:40px;padding-bottom: 45px;}
#reg .write_sec p.title1{width:315px;}
#reg .write_sec .floatR{float:left;width:785px;}
#reg .write_sec p.input{text-align:right;padding-bottom:12px;padding-right:4px;}
#reg .write_sec p.input span.input{color:#47459D;font-size:13px;}

#reg .btn_sec{clear:both;margin:80px auto 30px;text-align:center;}
#reg .btn_sec a.conform{display:inline-block;margin:0 10px;background:#47459D;color:#fff;font-size:16px;padding:8px 50px 12px;border-radius:2px;border:1px solid #d92e68;}
#reg .btn_sec a.cancel{display:inline-block;margin:0 10px;background:#535353;color:#fff;font-size:16px;padding:8px 50px 12px;border-radius:2px;border:1px solid #444444;}

#reg .user_sec{overflow:hidden;border-top:1px solid #eaedf0;padding-top:40px;}
#reg .user_sec p.title1{float:left;width:315px;}
#reg .user_sec p.title1 span.txt{display:block;}
#reg .user_sec .floatR{float:left;width:785px;}
#reg .user_sec p.input{text-align:right;padding-bottom:12px;padding-right:4px;}
#reg .user_sec p.input span.input{color:#47459D;}
*/


/* table */
table.tb_reg{width:100%;border-collapse:collapse;letter-spacing:-0.5px;text-align:left;font-size: 14px;}
table.tb_reg th{background:#fafafa;border-bottom:1px solid #d5d5d5;padding:10px 20px;width:150px;color:#3b3b3c;text-align:left;font-weight:500;}
table.tb_reg td{border-bottom:1px solid #d5d5d5;padding:7px 5px 8px 25px;font-size:13px;word-break:keep-all;}
table.tb_reg .br_top{border-top:1px solid #404040;}
table.tb_reg span.btn a{font-size:12px;margin-left:10px;text-align:center;padding:3px 15px 6px;border-radius:1px;background:#666666;color:#fff;}
table.tb_reg span.txt{padding-left:10px;display:inline-block;font-size:13px;}
table.tb_reg span.txt1{display:block;font-size:12px;padding:2px 0 8px;}
table.tb_reg span.txt2{display:block;font-size:12px;padding:11px 0 8px;}
table.tb_reg span.txt2 input{vertical-align:middle;}
table.tb_reg ul.select{overflow:hidden;padding:7px 0 9px;}
table.tb_reg ul.select li{display:inline-block;padding-right:50px;}
table.tb_reg ul.select li input{vertical-align:middle;}
table.tb_reg th.input{color:#47459D;}

table td ul.post{}
table td ul.post li{padding:3px 0;}
table td ul.post li input{vertical-align:middle;}
table td input.btn{font-family:"Open Sans","留묒� 怨좊뵓","Malgun Gothic","�굹�닎 怨좊뵓","Nanum Gothic","dotum";font-size:12px;margin-left:5px;text-align:center;padding:3px 15px ;border-radius:3px;background:#666666;color:#fff;}
table img {vertical-align:middle;}

.ellipsis {white-space: nowrap;overflow: hidden; text-overflow: ellipsis;display:inline-block;}
.ellipsis2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;/* word-wrap:break-word;  */line-height:1.5em;height: 3em;} 

/* mypage */
#mypage_container{min-height:612px; background:#fff;}
#mypage_container .l_menu_sec{float:left;width:199px;border-right:1px solid #e5e5e5;padding:50px 0 15px}
#mypage_container .l_menu_sec p.title{padding:0 0 45px}
#mypage_container .l_menu_sec ul.menu{font-size:14px;color:#4b4b4b;}
#mypage_container .l_menu_sec ul.menu li a{display:block;}
#mypage_container .l_menu_sec ul.menu li{padding:8px 0 10px 15px;margin-bottom:4px;}
#mypage_container .l_menu_sec ul.menu li.on{background:#47459D;color:#fff;}
#mypage_container .l_menu_sec ul.menu li.on a{color:#fff;}
#mypage_container .r_cont_sec{float:right;width:835px;padding:48px 0 100px;}

#mypage_container .l_menu_sec ul.menu1{font-size:14px;color:#4b4b4b;}
#mypage_container .l_menu_sec ul.menu1 li a{display:block;}
#mypage_container .l_menu_sec ul.menu1 li{padding:8px 0 10px 15px;margin-bottom:4px;}
#mypage_container .l_menu_sec ul.menu1 li.on{background:#693887;color:#fff;}
#mypage_container .l_menu_sec ul.menu1 li.on a{color:#fff;}

#mypage_container .r_cont_sec .h2_title1{padding-bottom:5px;color:#393b3e;font-size:38px;font-weight:500;letter-spacing:-1px;}
#mypage_container .r_cont_sec p.sub_t{padding-bottom:70px;font-size:14px;letter-spacing:-0.5px;color:#767478;}
#mypage_container .r_cont_sec p.sub_t1{padding-bottom:50px;}

#mypage_container .qna{margin-bottom:50px;}
#mypage_container .qna .agree{margin-bottom:50px;}
#mypage_container .qna .agree dl.txt{border:1px solid #e1e1e1;background:#fafafa;padding:20px 30px 25px;font-size:13px;line-height:22px;}
#mypage_container .qna .agree dl.txt dt{padding-bottom:8px;color:#262626;font-size:14px;}
#mypage_container .qna .agree .check{text-align:right;padding:8px 3px 0 0;font-size: 13px;}
#mypage_container .qna .agree .check input{vertical-align:middle;}

#mypage_container .qna .stitle_sec {position: relative;font-size:18px;padding-bottom:18px;color:#47459D}
#mypage_container .qna span.txt_dsc {bottom: 17px; color: #6f6f6f;font-size: 12px;position: absolute;right: 0;}
#mypage_container span.star{color: #ec2e72;font-size: 13px;}
#mypage_container .qna .final_btn_sec{text-align:center;}

#mypage_container table.tb1{font-size:13px;margin-bottom:30px;}
#mypage_container table.tb1 th{}
#mypage_container table.tb1 td{padding:8px 10px 8px 20px;}
#mypage_container table.tb1 td span{font-size:12px;}


.mypage .btn_sec{clear:both;margin:60px auto 30px;text-align:center;}
.mypage .btn_sec a.conform{display:inline-block;margin:0 10px;background:#47459D;color:#fff;font-size:15px;padding:5px 40px 9px;border-radius:2px;border:1px solid #47459D;font-weight: 400;}
.mypage .btn_sec a.cancel{display:inline-block;margin:0 10px;background:#535353;color:#fff;font-size:15px;padding:5px 40px 9px;border-radius:2px;border:1px solid #444444;font-weight: 400;}
.mypage p.input{text-align:right;padding-bottom:12px;}
.mypage p.input span.input{color:#47459D;}




/* popup */
#wrap_pop{width:100%;}
#wrap_pop .title_sec{background:#5b544c;position:relative;padding:20px 0 18px 30px;}
#wrap_pop .title_sec p.btn{position:absolute;right:22px;top:20px;}
#wrap_pop .cont_sec{padding:10px 30px;background:url(../images/patient/implant_img87_bg.gif) no-repeat 50% 320px;min-height:470px;}
#wrap_pop .commu_search{text-align:center;border:1px solid #d7d7d7;border-radius:1px;padding:25px 0;margin-bottom:35px;}
#wrap_pop .commu_search a.btn{background:#3d3d3d;color:#fff;display:inline-block;padding:3px 25px 7px;font-size:12px;margin-left:5px;}
#wrap_pop .cont_sec .scr_sec{background:#fff;overflow-y:scroll;height:380px;}
#wrap_pop .rst{padding-bottom:12px;padding-left:4px;}
#wrap_pop .rst span.total{color: #f11367;font-weight: bold;}

#wrap_pop .title_sec1{background:#fb6196;position:relative;padding:13px 0 15px 30px;}
#wrap_pop .title_sec1 p.t1{color:#fff;font-size:30px;font-weight:300;}
#wrap_pop .title_sec1 p.btn{position:absolute;right:22px;top:20px;}
#wrap_pop .cont_sec1{background:url(../images/patient/dionavi_img30.jpg) no-repeat 0 48px;min-height:375px;}
#wrap_pop .cont_sec1 dl.printer{padding-left:265px;padding-top:50px;width:450px;}
#wrap_pop .cont_sec1 dl.printer dt{padding-bottom:22px;}
#wrap_pop .cont_sec1 dl.printer dd.txt{padding-top:30px;line-height:25px;padding-left:30px;letter-spacing:-0.5px;font-size:15px;padding-right:10px;word-break:keep-all;}

#wrap_pop .title_sec2{background:#fb6196;position:relative;padding:15px 0 13px 30px;}
#wrap_pop .title_sec2 p.btn{position:absolute;right:22px;top:17px;}

#wrap_pop .id_check{color:#262525;}
#wrap_pop .search_sec{padding:50px 0 50px 40px;overflow:hidden}
#wrap_pop .search_sec span.txt{display:inline-block;float:left;padding:8px 10px 0 0;font-size:14px;letter-spacing:-0.4px;}
#wrap_pop .search_sec span.btn{background: #000 none repeat scroll 0 0;display: inline-block;float: right;padding: 0 10px;}
#wrap_pop .search_sec .search{float:left;border:1px solid #cdcdcd;width:300px;}
#wrap_pop .search_sec .search input{font-family:"Open Sans","留묒� 怨좊뵓","Malgun Gothic","�굹�닎 怨좊뵓","Nanum Gothic","dotum";font-size:12px;border:none;padding:5px 5px 6px;}

#wrap_pop .result_sec{clear:both;padding:20px 30px 0;font-size:13px}
#wrap_pop .result_sec span.id{font-weight:bold;color:#ff5317;}
#wrap_pop .result_sec span.btn{float:right;}
#wrap_pop .result_sec span.btn a{background:#666666;text-align:center;padding:7px 25px 10px;color:#fff;border-radius:25px;}

#wrap_pop .idpw{text-align:center;}
#wrap_pop .idpw .img_sec{background:url(../images/common/idpw_img6.gif) no-repeat 50% 34px;padding-top:180px;padding-bottom:25px;}
#wrap_pop .idpw .txt_sec{margin:0 25px;border-top:1px solid #c6c6c6;padding-top:25px;font-size:13px;}
#wrap_pop .idpw .txt_sec span{color:#ec5b13;font-weight:bold;}


/* member */
.btnwr {text-align:center;margin-bottom:30px;}
#member_container {width:100%;height:100%;min-width:1400px;min-height:/* 970px */100vh;/* overflow:hidden; */position:relative;background:#f0f7ff;text-align:center;clear:both;}
#member_container.ctainfull {padding-bottom:50px !important;}
#member_container .mbr_title{font-family:'Poppins', sans-serif;letter-spacing: -0.5px; font-weight:700; font-size:65px; color:#010101; text-align:left;margin-bottom:40px;}
#member_container .mbr_stxt {display:inline-block; margin-left:10px; font-size:16px; color:#777;font-family:'Noto Sans Kr',"Open Sans","맑은 고딕","Malgun Gothic"; font-weight:300;}
#member_container .rgt_bg{width:30%;height:100%; position:fixed;right:0; background:#4f5eef;}
#member_container .rgt_bg .txt_bg {writing-mode: vertical-rl;text-orientation: mixed;font-family: 'Poppins', sans-serif; font-size: 12vh;line-height: 15vh; color:rgba(255,255,255,.15); font-weight:700;position:absolute;right:-10px;overflow:hidden;}
#member_container .rgt_bg.mbrbg {background:#4f5eef url("../images/mbr/mbr_bg.png") no-repeat -150px top;/* opacity:.5; */ }
#member_container .rgt_bg.mbrbg::before{
        content: "";
        opacity: 0.58;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: #4f5eef;
}
#member_container .mbr_contents{/* position:absolute; */position:relative; left:calc(50% - 770px)/* 10% */; /* top:16%; */width:80%;overflow:hidden;max-width: 1600px; padding-top: 10%;}
#member_container .mbr_contents .mbr_cntwr {width:72%; padding-bottom:50px; }
#member_container .mbr_contents .mbr_cntwr .dsc_txt {font-size:30px;color:#010101;font-weight:200; text-align:center;margin-bottom:30px;}
#member_container .mbr_contents .dionavi_img {width:600px; height:600px;box-shadow : 1px 8px 18px rgba(21,21,23,.4); float:right;margin: 0 30px 30px 0;background:#000;}
#member_container .mbr_contents .dionavi_img .slideshow {
  list-style-type: none;
  position:relative;
  height: 600px;
}
/** SLIDESHOW **/
#member_container .mbr_contents .dionavi_img .slideshow,
#member_container .mbr_contents .dionavi_img .slideshow:after { 
    top: 0; /*Not sure why I needed this fix*/
    width: 100%;
    height: 600px;
    left: 0px;
    z-index: 0; 
}

#member_container .mbr_contents .dionavi_img .slideshow li span { 
	position: absolute;
    width: 100%;
    height: 600px;
    top: 0px;
    left: 0px;
    color: transparent;
    background-position: right 0;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
    animation: imageAnimation 24s linear infinite 0s; 
}

#member_container .mbr_contents .dionavi_img .slideshow li{height: 600px;}
#member_container .mbr_contents .dionavi_img .slideshow li span{height: 600px;}

#member_container .mbr_contents .dionavi_img .slideshow li:nth-child(1) span {background-image:url(../images/mbr/dionavi_img1_v1.jpg); }
#member_container .mbr_contents .dionavi_img .slideshow li:nth-child(2) span {background-image:url(../images/mbr/dionavi_img2_v1.jpg);animation-delay: 4s; }
#member_container .mbr_contents .dionavi_img .slideshow li:nth-child(3) span {background-image:url(../images/mbr/dionavi_img3_v1.jpg);animation-delay: 8s; }
#member_container .mbr_contents .dionavi_img .slideshow li:nth-child(4) span {background-image:url(../images/mbr/dionavi_img1_v1.jpg);animation-delay: 12s; }
#member_container .mbr_contents .dionavi_img .slideshow li:nth-child(5) span {background-image:url(../images/mbr/dionavi_img2_v1.jpg);animation-delay: 16s; }
#member_container .mbr_contents .dionavi_img .slideshow li:nth-child(6) span {background-image:url(../images/mbr/dionavi_img3_v1.jpg);animation-delay: 20s; }

@keyframes imageAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    8% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}


@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}


.no-cssanimations .cb-slideshow li span {
	opacity: 1;
}


#member_container .btn_goback {width:288px; height:68px; border:1px solid #010101; margin: 0 auto; display:inline-block; background:#010101 url("../images/mbr/ic_go_arrow_bk.png") no-repeat 65px 50%; transition: all 0.3s;}
#member_container .btn_goback:hover {background:#010101 url("../images/mbr/ic_go_arrow_bk.png") no-repeat 50px 50%;transition: all 0.3s;}
#member_container .btnlogin {background:#010101; color:#fff;font-size:18px;line-height:68px;}
#member_container .btnlogin:hover {background:#010101; color:#fff;}

/* login */
#login {width:calc(100% - 700px); float:left;}
#login .login_fm {width:75%; min-width:550px; margin:0 auto;color:#777; font-weight:300;}
#login .login_fm .form_sec {width:100%;}
#login .login_fm .form_sec .form {width:100%;overflow:hidden;margin-bottom:20px;}
#login .login_fm .form_sec .form li {margin-bottom:30px;text-align:left;}
#login .login_fm .form_sec .form input {outline: none;}
#login .login_fm input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #f0f7ff inset;}
#login .login_fm .input_l {padding: 5px 15px 10px;font-size: 16px;width: 100%;border: 0;background: none; border-bottom: 1px solid #b4bac1;color: #515151;font-weight: 300;}
#login .login_fm .form_sec .form input::placeholder {font-weight: 300;padding-left:5px;color:#afafc0;font-size:18px;}
#login .login_fm .form_sec .form input[type="checkbox"] {border: 1px solid #b7bec7;margin: 0 5px 3px 0;vertical-align:middle;}
#login .login_fm .form_sec .form .input_chk {width: 18px; height: 18px;/* background:none;   */margin-left:20px !important;border: 1px solid #b7bec7 !important;vertical-align:middle;}
#login .login_fm .form_sec .form label {font-size:16px;  font-weight:300;}
#login .login_fm .form_sec .btn_login {background:#4f5eef; color:#fff;font-size:20px;font-weight: 300; text-align:center; padding:20px 10px; text-align:center; display:block;}
#login .login_fm .form_sec .btn_login:hover {background:linear-gradient(#4f5eef , #3944b3);transition:all .3s;}
#login .login_fm .mbr_submenu { margin: 35px 0 40px;text-align: center;}
#login .login_fm .mbr_submenu ul { margin: 0 auto;overflow: hidden;display: inline-block;}
#login .login_fm .mbr_submenu li {float: left;text-align: center;font-size: 16px;font-weight: 300;background: url(../images/mbr/line_sml.png) no-repeat 0 50%;}
#login .login_fm .mbr_submenu li a { padding: 8px 30px;color: #777;display: inline-block; }
#login .login_fm .mbr_submenu li a:hover {color: #212121;}
#login .login_fm .mbr_submenu li:first-child {background: none;}
#login .login_fm .login_footer{width:100%; overflow:hidden; text-align:left;}
#login .login_fm .login_footer .copy { float:left; font-size:14px;letter-spacing: 0.2px;line-height:1.7; margin-right:20px;}
#login .login_fm .login_footer .infobx{border-radius:6px; border:1px solid rgba(79,94,239,.6); background:rgba(79,94,239,.03);height:78px; text-align:center; padding:15px 12px;box-sizing:border-box;margin-left:6px;float:right;}
#login .login_fm .login_footer .infobx dt{font-size:15px;color:rgba(79,94,239,.9); }
#login .login_fm .login_footer .infobx dd {font-size:16px; font-weight:500; color:#4f5eef;}
#login .login_fm .login_footer .callcenter dd {font-size:18px;line-height:1.5;}
#login .login_fm .login_footer a .teamviewer{display:inline-block;}
#login .login_fm .login_footer .teamviewer dd {padding-top:0px;}

/* join 회원가입 */
#mbr_wr {width:100%;}
#mbr_wr .mbr_type {width:100%;display: -ms-flexbox; display: -webkit-flex;display: flex; margin-bottom:50px;}
#mbr_wr .mbr_type .typebx{-webkit-flex: 1;-ms-flex: 1;flex: 1; padding:50px 0; border-radius:30px; margin: 0 30px;background:#eaecfe;text-align:center;}
#mbr_wr .mbr_type .typebx dl {width:80%;margin:0 auto 30px;overflow:hidden;}
#mbr_wr .mbr_type .typebx dl dt {font-size:30px; color:#010101; text-align:center; padding-bottom:20px; margin-bottom:40px;border-bottom:1px solid #010101;}
#mbr_wr .mbr_type .typebx dl dd {font-size:16px;font-weight:300;color:#515151;line-height:1.8;}
#mbr_wr .mbr_type .typebx .btn_join {width:190px; height:45px;line-height:45px;font-size:16px;color:#010101; border:1px solid rgba(1,1,1,.7); text-align:center;display:inline-block;;font-weight:300;}
#mbr_wr .mbr_type .typebx .btn_join:hover {background:rgba(1,1,1,.8); color:#fff;transition: all 0.3s;}

#mbr_wr .cnttit {font-size:20px; color:#010101; font-weight:500;text-align:left; padding-left:10px; }
#mbr_wr .agree_sec {margin-bottom:50px; font-size:16px;/* color:#fff; */ }
#mbr_wr .agree_sec .all_agree {float:right; font-size:16px; font-weight:300; }
#mbr_wr .agree_sec input[type="checkbox"]{width:18px; height:18px;margin: 0 5px 3px 0;vertical-align:middle;}
#mbr_wr .agree_sec ul {margin-top:8px;border-top:1px solid #010101; }
#mbr_wr .agree_sec ul li { margin-bottom:5px; padding:8px 0 10px 0;overflow:hidden;position:relative;border-bottom:1px solid #010101;/* background:url(../images/mbr/arrow_down.png) no-repeat 98% 20px; */}
#mbr_wr .agree_sec ul li h4.title {text-align:left; font-size:17px; font-weight:400; color:#010101;padding:8px 10px;/* cursor: pointer; */}
#mbr_wr .agree_sec ul li h4.title a {cursor: pointer; display: inline-block;width: calc(100% - 30px);}
#mbr_wr .agree_sec ul li .content {border-top:1px solid rgba(0,0,0,.4); padding:15px 10px; text-align:left;font-size:14px;height:200px; overflow-y: scroll;line-height: 1.6}
#mbr_wr .agree_sec ul li .content dl {overflow:hidden; }
#mbr_wr .agree_sec ul li .content dl dt {font-weight:500; margin-bottom:5px; color:#010101;}
#mbr_wr .agree_sec ul li .content dl dd {margin-bottom:15px; font-weight:300;color:#3a3a3a;} 
#mbr_wr .agree_sec ul li .content  dl dd .dth_2 {padding-left:10px; margin-bottom:5px;}
#mbr_wr .agree_sec ul li .content table {font-size:13px;}
#mbr_wr .agree_sec ul li .label_st {margin-top:10px;}
#mbr_wr .agree_sec .ic_open {width:40px; height:40px; background:url(../images/mbr/arrow_down.png) no-repeat 50% 50%; position:absolute;right:0; top:4px;}
#mbr_wr .agree_sec .ic_close {width:40px; height:40px; background:url(../images/mbr/arrow_up.png) no-repeat 50% 50%; position:absolute;right:0; top:4px; }
#mbr_wr .join_form {margin-bottom:50px; }

#mbr_wr .txt_str {color:#ec3939; font-size:14px;}
#mbr_wr .txt_str2 {color:#ec3939; }
#mbr_wr .txt_blue {color:#007bc8; font-size:14px;}
#mbr_wr .ic_star {color: #ec3939;width: 16px;display: inline-block;text-align: center;vertical-align: middle;font-size:18px;}
#mbr_wr .noti_t{font-size:16px;font-weight:normal; }


/* 버튼 */
.btn_n {text-align:center; font-size:13px; color:#fff;height:36px; line-height:36px;cursor: pointer; display:inline-block;font-weight:300;}
.btn_normal {min-width:94px; background:#5e636b; padding: 0 5px;color:#fff; }
.btn_bs{width:190px; height:45px;line-height:45px;font-size:16px;font-weight:300;display:inline-block;cursor: pointer;text-align:center; margin: 0 5px;}
.btn_conform {color:#fff;background:#4f5eef;}
.btn_conform:hover {background:linear-gradient(#4f5eef , #3944b3);transition: all 0.3s;}
.btn_n_cancel {color:#fff;background:#828993;}
.btn_n_cancel:hover {color:#fff;background:linear-gradient(#828993 , #4d4f50);transition: all 0.3s;}



/* 아이디 비번 찾기*/
#mbr_wr .find_idpw {border:1px solid rgba(189,196,202,.7); border-radius:30px; margin-bottom:50px;padding:15px 0 20px;}
#mbr_wr .find_idpw .tab {width:100%; overflow:hidden;margin-bottom:40px;}
#mbr_wr .find_idpw .tab ul li {width:50%;float:left;box-sizing:border-box;border-bottom:3px solid #dbe2ed;text-align:center;}
#mbr_wr .find_idpw .tab ul li a {padding:20px 0; display:block; color:#010101;font-family:'Noto Sans kr', sans-serif; font-size: 26px;font-weight:400; cursor: pointer; }
#mbr_wr .find_idpw .tab ul li.active{border-color:#4f5eef; color:#181c43;}
#mbr_wr .find_idpw .findinfo {width:90%; margin:0 auto;font-size:15px; color:#777;font-weight:300;}
#mbr_wr .find_idpw .findinfo .form{margin:30px 0 20px;overflow:hidden;}
#mbr_wr .find_idpw .findinfo .form li {margin-bottom:15px;color:#010101; text-align:left;}
#mbr_wr .find_idpw .findinfo .form label {margin-right:100px;} 
#mbr_wr .find_idpw .findinfo .form .lbel2{width:90px;margin-right:0;display:inline-block;}
#mbr_wr .find_idpw .findinfo .btn_find {width:190px; height:45px; line-height:45px; font-size:16px; background:#4f5eef; color:#fff; text-align:center;display:inline-block;font-weight:300;}
#mbr_wr .find_idpw .findinfo .btn_find:hover {background:linear-gradient(#4f5eef , #3944b3);transition:all .3s;}
#mbr_wr input[type="text"], #mbr_wr input[type="password"]{background:#e6edf8;border:1px solid rgba(180,186,193,.4); padding:10px;outline:none;margin:1px 2px;font-size:15px;}
#mbr_wr select {background:#e6edf8;border:1px solid rgba(180,186,193,.4); padding:10px;outline:none;font-size:15px; margin:1px 2px;}
#mbr_wr .dtxt {font-size:14px; color:#777; padding-left:5px;display:inline-block;}
#mbr_wr .dtxt2 {font-size:14px; color:#777; padding-left:5px; display:block;margin:8px 0 5px;}
/* input 공통 */
#mbr_wr input[type="checkbox"] {width:18px; height:18px;margin: 0 5px 3px 0;vertical-align:middle;}
#mbr_wr input[type="button"] {background:#5e636b !important;}

/* 테이블-공통 */
.mtbl_st {
    border-collapse: collapse;
    width: 100%;
    margin: 10px 0;
    box-sizing: border-box;
    border-top: 1px solid #010101;
}

.mtbl_st thead th {
    background: #e6edf8;
    text-align: center;
    border-bottom: 1px solid #ccd2d9;
    box-sizing: border-box;
    padding: 6px 3px;
    font-weight: 400;
}

.mtbl_st thead th:first-child {
    border-left: none;
}

.mtbl_st tbody td {
    text-align: center;
    padding: 6px 4px;
    border-bottom: 1px solid #ccd2d9;
    box-sizing: border-box;
}

.mtbl_st tbody td:first-child {
    border-left: none;
}
.mtbl_st select {font-size:14px !important; }

.mtbl_st2 {
    border-collapse: collapse;
    width: 100%;
    margin: 10px 0;
    box-sizing: border-box;
    border-top: 1px solid #010101;
    font-size:15px;
}

.mtbl_st2 th {
    border-bottom: 1px solid #ccd2d9;
    box-sizing: border-box;
    padding: 6px 3px 6px 15px;
    font-weight: 400;
    color:#010101;
    text-align:left;
}

.mtbl_st2 tbody td {
    padding: 5px 3px;
   /*  border-left: 1px solid #ccd2d9; */
    border-bottom: 1px solid #ccd2d9;
    box-sizing: border-box;
    color:#3a3a3a;
    text-align:left;
    height:44px;
}

.mtbl_st2 tbody td:first-child {
    border-left: none;
}
.mtbl_st2 select {font-size:14px !important;}
ul.select {margin:5px 0 10px;}
ul.select li{display:inline-block;padding-right:50px;}

.btn-xs { padding:3px 10px; background:#47459D; font-size:11px; color:#fff; border-radius:50px}
.btn-xs:hover { background:#252525; transition: all 0.5s;}
.btn-xs:focus, .btn-xs:active, .btn-xs:visited  { background:#ec2e72; text-decoration:none;}

/*------------------------------------------------------------------------------------------------------*/
@media all and (max-width: 1800px){
	/* #member_container .mbr_contents .mbr_cntwr {width:80%;} */
}


@media all and (max-width: 1750px){
	#login .login_fm {width:80%;}
	#member_container .mbr_contents .mbr_cntwr {width:75%;}

}

@media all and (max-width: 1680px){
	#member_container .mbr_contents{left:5%; width:90%;}
	#member_container .rgt_bg{min-height:100%; position:absolute;right:0; }
	#member_container .mbr_contents .mbr_cntwr {width:68%;}
	
}



@media all and (max-width: 1650px){	
   /*  #member_container .mbr_contents .mbr_cntwr {width:68%;} */
    
}

@media all and (max-width: 1560px){
	
	
}

@media all and (max-width: 1450px){
	
}