@charset "utf-8";
@keyframes opacity_ani1{
    0%{opacity: 1}
    50%{opacity: .6}
    100%{opacity: .2}
}
@keyframes opacity_ani2{
    0%{opacity: .2}
    50%{opacity: 1}
    100%{opacity: .6}
}
@keyframes opacity_ani3{
    0%{opacity: .6}
    50%{opacity: .2}
    100%{opacity: 1}
}
/* 공통영역 */
/* reset */
input::-webkit-input-placeholder { color:#aaa }
input::-moz-placeholder { color:#aaa }
input::-ms-input-placeholder { color:#aaa }
:placeholder-shown {color:#aaa;}

input:disabled{-webkit-text-fill-color:#999;-webkit-opacity:1;color:#999;background: #fff}
select:disabled{-webkit-text-fill-color:#999;-webkit-opacity:1;color:#999;background: #fff}

/* font */
@font-face{
	font-family:nanumBarunFont;
	src:url('./../font/NanumBarunGothic/NanumBarunGothic.eot'); src:local(※);
	src:url('./../font/NanumBarunGothic/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
        url('./../font/NanumBarunGothic/NanumBarunGothic.woff') format('woff'),
        url('./../font/NanumBarunGothic/NanumBarunGothic.ttf') format('truetype');
}
@font-face{
	font-family:nanumBarunLFont;
	src:url('./../font/NanumBarunGothicLight/NanumBarunGothicLight.eot'); src:local(※);
	src:url('./../font/NanumBarunGothicLight/NanumBarunGothicLight.eot?#iefix') format('embedded-opentype'),
        url('./../font/NanumBarunGothicLight/NanumBarunGothicLight.woff') format('woff'),
        url('./../font/NanumBarunGothicLight/NanumBarunGothicLight.ttf') format('truetype');
}
@font-face{
	font-family:nanumBarunBFont;
	src:url('./../font/NanumBarunGothicBold/NanumBarunGothicBold.eot'); src:local(※);
	src:url('./../font/NanumBarunGothicBold/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
        url('./../font/NanumBarunGothicBold/NanumBarunGothicBold.woff') format('woff'),
        url('./../font/NanumBarunGothicBold/NanumBarunGothicBold.ttf') format('truetype');
}

* {margin:0;padding:0;-webkit-text-size-adjust:none;}
body{color:#2f2f2f;font:13px/1.7 nanumBarunFont,arial,helvetica,sans-serif; }
img, fieldset {border:0; vertical-align:top }
ul, ol, li, dl{list-style:none; }
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
hr{display:none;}
a{color:inherit;}
a, a:link{color:#333;text-decoration:none;}
a:visited{color:#333;}
a:hover,a:active{color:#333;text-decoration:none; }
em,i,address{font-style:normal; font-weight:normal;color: #9e9e9e}
legend,caption{display:none; clear:both; }
input, textarea, select, button, table {font-size:inherit;font-family:inherit;line-height:inherit;}
table{border-collapse: collapse}
section,nav,article,aside,hgroup,header,footer{display:block}
textarea, input {/* background:url(none);*/ -webkit-border-radius:1px; -webkit-apprearance:none;}
textarea{resize:none;}
label{cursor:pointer;}
.hidden{position: absolute;left: -1000%;top:0;width:1px;height:1px;overflow: hidden;color: #fff}
.f_left{float: left}
.f_right{float: right}

/* skipNav*/
#skipNav{position:relative;width:100%;overflow:hidden;}
#skipNav a{display:block; height:1px; margin-bottom:-1px;overflow:hidden; text-align:center; text-decoration:none; color:#333; font-size:12px;}
#skipNav a:hover,#skipNav a:focus,#skipNav a:active{display:block;height:auto;padding:5px 0; background:#f2f2f2;}

/*modal*/
.modal{width: 100%;height: 100%;background: rgba(0,0,0,.8);position: fixed;left: 0;top: 0;display: none;z-index: 500}

/*header*/
.header{width: 100%;height: 51px;background: #fff;box-sizing: border-box; position: fixed;z-index: 100;}
.header div {padding: 5px 0 5px 15px; float:left;}
h1{width: 98px;height: 45px;text-indent: -9999px;background: url(../images/common/logo.png) no-repeat;background-size: contain;}


.ui-btn {font-size:17px; font-weight:bold;} 

.nav{width: 70%;height: 100%;position: fixed; left:100%; top: 0;z-index: 900;text-align: right}
.box_gnb{width: 100%;height: 100%;background: #fff;text-align: left;display: inline-block}
.nav .area_top{background: #34ade0;padding: 15px 15px 15px 20px;color: #fff;position: relative}
.nav .area_top_login{background: #34ade0;padding: 12px 15px 30px 20px;color: #fff;position: relative}
.nav h2{padding-left: 20px;font-size: 14px;position: relative}
.nav h2 span{display: inline-block;width: 13px;height: 13px;background: url(../images/bg/bg_bullet01.png) no-repeat;background-size: contain;position: absolute;left: 0;top: 50%;margin-top: -7px}
.gnb{padding: 2px 25px 40px;font-family:nanumBarunLFont;font-weight: 600;height: 70%;overflow-y: auto;}
.gnb>ul>li>a{display: block;height: 37px;line-height: 37px;font-size: 12px;border-bottom: 1px solid #dedad9;background-image: url(../images/icon/icon_arrow01.png);background-repeat: no-repeat;background-size: contain;background-position:90%}
.gnb>ul>li>a span{display: inline-block;width: 13px;height: 13px;background: url(../images/bg/bg_bullet02.png) no-repeat;background-size: contain;margin-right: 8px;vertical-align: middle}
.gnb ul ul{display: none}
.gnb ul ul a{display: block;padding-left: 45px;height: 33px;line-height: 33px;font-size:13px}
.gnb>ul>li.on>a{background-image: url(../images/icon/icon_arrow02.png);}

.gnb_login{padding: 10px 25px 40px;font-family:nanumBarunLFont;font-weight: 600;height: 55%;overflow-y: auto;}
.gnb_login>ul>li>a{display: block;height: 37px;line-height: 37px;font-size: 12px;border-bottom: 1px solid #dedad9;background-size: contain;background-position:90%;text-align: center;}
.gnb_login ul ul a{display: block;padding-left: 45px;height: 33px;line-height: 33px;font-size: 13px}



.global{padding: 0 25px;margin-top: 15px}
.global_login{padding: 12px 15px 30px 20px;}
.wrap_language{border: 1px solid #dedad9;position: relative}
.wrap_language>a{display: block;height: 32px;line-height: 34px;overflow: hidden;background-image: url(../images/icon/icon_arrow02.png);background-repeat: no-repeat;background-size: contain;background-position:90%}
.wrap_language .tit{float: left;width: 45%;text-align: center;color: #34ade0}
.wrap_language .txt_lang{float: right;width: 50%;font-size: 10px}
.wrap_language .txt_lang span{display: inline-block;vertical-align: middle;width: 17px;height: 9px;background-repeat: no-repeat;background-size: contain;margin-right: 5px}

.wrap_language .txt_lang_list{font-size: 10px;}
.wrap_language .txt_lang_list span{display: inline-block;vertical-align: middle;width: 17px;height: 9px;background-repeat: no-repeat;background-size: contain;}



.wrap_language .lang_en span{background-image: url(../images/icon/ic_flag02.png);}
.wrap_language .lang_ko span{background-image: url(../images/icon/ic_flag01.png);}
.wrap_language .lang_ja span{background-image: url(../images/icon/ic_flag03.png);}
.wrap_language .lang_zh span{background-image: url(../images/icon/ic_flag04.png);}

.list_language{width: 60%;background: #fff;position: absolute;right: -1px;bottom: 32px;font-size: 10px;border: 1px solid #dedad9;border-bottom: #fff;opacity: 0;height: 0px;z-index: -1;overflow: hidden;transition: all .3s}
.list_language a{display: block;height: 30px;line-height: 30px;padding-left: 24px}
.list_language a:hover{color:#34ade0}

.wrap_language.on>a{background-image: url(../images/icon/icon_arrow01.png);}
.wrap_language.on .list_language{opacity: 1;height: auto;z-index: 1}

.menu_status {position: relative; border:0.5px solid #73C7F5; padding:5px 5px 5px 5px;border-radius:5px; background-color:#73C7F5; top:15px;}
.menu_status a{color:#FFFFFF; display:table; margin-left:auto; margin-right:auto;}

.menu_home {border:2px solid #34ade0;padding:7px 7px 7px 7px;border-radius:5px; background-color:#fff;}
.menu_home a{color:#34ade0;font-weight:bold; display:table; margin-left:auto; margin-right:auto;}

.menu_logout {border:2px solid #34ade0;padding:7px 7px 7px 7px;border-radius:5px; background-color:#34ade0; margin-top:10px;}
.menu_logout a{color:#fff;font-weight:bold; display:table; margin-left:auto; margin-right:auto;}

/*footer*/
.footer{position:relative;background: #dedad9;padding: 10px 0 35px;font-size: 10px;color: #9e9e9e}
.footer address{transform: scale(.9);line-height: 1.2}

/*button*/
.btn_open_gnb{display: block;width: 30px;height: 30px;text-indent: -9999px;background: url(../images/icon/icon_open01.png) no-repeat center;background-size: contain;position: absolute;right: 17px;top: 13px}
.btn_close_gnb{display: block;width: 30px;height: 30px;text-indent: -9999px;background: url(../images/icon/icon_close01.png) no-repeat;background-size: contain;position: absolute;top: 50%;margin-top: -15px;right: 5px;}
.btn_close_gnb_login{display: block;width: 30px;height: 30px;text-indent: -9999px;background: url(../images/icon/icon_close01.png) no-repeat;background-size: contain;position: absolute;top: 23%;margin-top: -15px;right: 5px;}

.btn_white{display: inline-block;background:rgba(255,255,255,.25);text-align: center;color: #17a1db;font-size: 12px;border: 1px solid #17a1db;border-radius: 4px;}
a.btn_white{color: #17a1db;}
.btn_white:hover{background: rgba(23,161,219,.5);color: #fff}
a.btn_white:hover{color: #fff}
.btn_blue{display: inline-block;background: #17a1db;color: #fff;font-size: 12px;text-align: center;font-weight: 600;border-radius: 4px}
a.btn_blue{color: #fff}
.btn_blue:hover{border: 1px solid rgba(23,161,219,.5);background: #fff;color: #17a1db}
a.btn_blue:hover{color: #17a1db}

.btn_blue_ran{height: 42px;line-height: 42px;width: 100%; display: inline-block; background: #17a1db;color: #fff;font-size: 14px;text-align: center;font-weight: 400;}
a.btn_blue_ran{color: #fff}

.ransize{height: 32px;line-height: 32px;width: 35%;font-size: 13px; border-radius:4px;}



.btn_blue_sns_f{background:url(/resources/img/s_btn_fb_login.png) no-repeat; width:98%; background-color:#3C5A9A; height: 42px;line-height: 42px; display: inline-block; color: #fff;font-size: 14px;text-align: center;font-weight: 400;}
.btn_blue_sns_g{background:url(/resources/img/s_btn_gg_login.png) no-repeat; width:98%; background-color:#e44c3b; height: 42px;line-height: 42px; display: inline-block; color: #fff;font-size: 14px;text-align: center;font-weight: 400;}
.btn_blue_sns_l{background:url(/resources/img/s_btn_ln_login.png) no-repeat; width:98%; background-color:#00C300; height: 42px;line-height: 42px; display: inline-block; color: #fff;font-size: 14px;text-align: center;font-weight: 400; background-size: 25px;background-repeat: no-repeat;background-position-x: 17px;background-position-y: 8px;}

.btn_blue_disagree{width:98%; background-color:#34ade0; height: 42px;line-height: 42px; display: inline-block; color:#fff !important; font-size: 14px;text-align: center;font-weight: 400;}
.btn_blue_agree{width:98%; background-color:#34ade0; height: 42px;line-height: 42px;width: 100%; display: inline-block; color: #fff !important;font-size: 14px;text-align: center;font-weight: 400;}




.md{height: 40px;line-height: 40px;padding: 0 50px}
.lg{height: 42px;line-height: 42px;width: 90%;}


/*icon*/
.icon_arrow_bt01{position: absolute;top: 0;display: inline-block;padding: 10px}
.icon_arrow_bt01 span{display: block;width: 13px;height: 6px;background: url(../images/icon/icon_arrow_bt01.png) no-repeat;background-size: contain;transition: all .3s}
.icon_arrow_bt01 span:nth-child(1){animation: opacity_ani1 1s infinite;}
.icon_arrow_bt01 span:nth-child(2){margin-top: -2px;animation: opacity_ani2 1s infinite;}
.icon_arrow_bt01 span:nth-child(3){margin-top: -2px;animation: opacity_ani3 1s infinite;}

/*animation*/
.opacity{position: relative;opacity: 0;}
.speed01{transition: all .1s}
.speed03{transition: all .3s}
.speed05{transition: all .5s}
.speed10{transition: all 1s}


/*faq*/
.wrap_faq{background-color:#f5f5f5;position:relative;padding: 52px 25px 40px;font-family:nanumBarunLFont;font-weight: 600;height: 70%;overflow-y: auto; }
.wrap_faq>ul>li>a{padding: 10px 45px 10px 45px; display: block;line-height: 20px;font-size: 13px;border-bottom: 1px solid #dedad9;background-image: url(../images/icon/icon_arrow01.png);background-repeat: no-repeat;background-position:95%; background-size:15px;}
.wrap_faq>ul>li>span{margin-top:12px; float:left;display: inline-block; width:35px;vertical-align: middle;text-align:center; border:2px solid C0C0C0; background-color:#17a1db; border-radius:10px; line-height:20px; font-size:9px; color:#fff;}
.wrap_faq ul ul{display: none}
.wrap_faq ul ul a{display: block;padding:15px 10px 15px 15px;line-height:20px;font-size:11px;}
.wrap_faq>ul>li.on>a{background-image: url(../images/icon/icon_arrow02.png);}

.search_box {padding-top:20px; padding-bottom:20px; border-bottom: 2px solid black;}
.search_box>div{display:inline-block; position:relative; height:34px; width:68%;}
.join-select {float:left; width:30%;border: 1px solid #d0d2d8; border-radius: 10px; padding-left: 10px; outline: none; margin-left:16px;width:30%;height:34px;margin:0px;border-radius:0px 5px 5px 0px;}
.pg-search-txt { width: 100%; height: 32px; border: 1px solid #cccccc; border-radius: 0px 5px 5px 0px; }
.pg-search-txt-80 { width: 80%; height: 32px; border: 1px solid #cccccc; border-radius: 0px 5px 5px 0px; }
.msg-list-search { position: absolute; width: 30px; height: 34px; top: 0px; right: 0px; background: initial; border: none; background-image: url(/resources/img/ic_search.png); background-repeat: no-repeat; background-position: 7px; }

/*intro*/
.wrap_intro{background-color:#f5f5f5;font-family:nanumBarunLFont;font-weight: 600;height: 70%;overflow-y: auto; }
.sub-navi { padding: 14px 0px 14px 20px; font-size: 11px; color: #5b5b5b; border-bottom: 1px solid #cccccc; }
.line-2x { border: 1.5px solid #2f2f2f; }
.content_intro{height: 202px; background-image: url('/resources/img/s_title_img01_new.jpg'); background-size: 100% 202px; background-repeat: no-repeat;}
.intro_subject{font-size: 20px; font-weight: bold; padding: 40px 0px 40px 0px; text-align:center;}
.intro_subject-02{padding:10px;font-size: 18px; font-weight: bold; color: #17a1db; text-align:center;}
.intro_last{font-weight: bold; text-align:center;}

/*patent*/
.bc-board-table { width:100%; text-align:left; border-spacing: 0px; }
.bc-board-table th { height:45px; padding-left: 16px; border-bottom: 1px solid #2f2f2f; }
.bc-board-table td { padding: 10px 0px 10px 16px; border-bottom: 1px solid #cfcfcf; }

#ci-table th {font-size:13px; text-align:center; padding:10px 0px; }
#ci-table td {text-align:center; padding:10px; border-bottom: 1px solid #2f2f2f; }
.ci-real-img {position:absolute; z-index:999; cursor:pointer;width: 85%;}
.ci-img { width:100%; cursor:pointer; }
.ci-pdf { width:100px; cursor:pointer; }

/*site*/

.content_site{height: 202px; background-image: url('/resources/img/s_title_img01.jpg'); background-size: 100% 202px; background-repeat: no-repeat;}
.site_subject{font-size: 20px; font-weight: bold; padding: 40px 0px 10px 20px; text-align:left;}
.site_address{padding:0px 20px 10px 20px; color:#9e9e9e; line-height:18px; letter-spacing:-0.5px;}
.site_map{width:100%; height:300px; display:inline-block; border-radius:5px; border: 2px solid #9e9e9e;}

/*smartpulse*/
.wrap_smart{background-color:#f5f5f5;font-family:nanumBarunLFont;font-weight: 600;height: 70%;overflow-y: auto; }
.content_smart{padding: 20px 15px 90px 15px;}
.smart_banner{height: 202px; background-image: url('/resources/img/s_title_img02.jpg'); background-size: 100% 202px; background-repeat: no-repeat;}
.bc-board-top {text-align:left; margin: 13px 0px; width:100%; letter-spacing:-0.5px;}
.bc-board-top .ac {color: #17a1db;border-bottom: 2px solid #17a1db;}
.bc-board-top button {color: #333333;background: none;border: none; padding-right:5px;}
button {cursor: pointer;text-decoration: none;outline: none;}
.smart_subject{font-size:20px; font-weight: bold; padding:10px 0px; text-align:left;}
.smart_subject_02 {font-size:18px; font-weight: bold; padding:10px 0px; text-align:left; margin-top: 60px;}

/*maxpulse*/
.max_banner{height: 202px; background-image: url('/resources/img/s_title_img02.jpg'); background-size: 100% 202px; background-repeat: no-repeat;}
@media only screen and (orientation:landscape) {
    .gnb{height: 55%;}
    .gnb_login{height: 37%;}
}

/*hrv & apg*/
.wrap_hrv{background-color:#f5f5f5;font-family:nanumBarunLFont;font-weight: 600;height: 70%;overflow-y: auto; }
.hrv_banner{height: 202px; background-image: url('/resources/img/s_title_img03.jpg'); background-size: 100% 202px; background-repeat: no-repeat;}
.content_hrv{padding: 20px 15px 90px 15px;}
.hrv_subject{height:72px; font-size:18px; font-weight:bol; text-align: center; border-bottom: 1px solid #cfcfcf; background: #f7f7f7;}
.hrv_content{padding:10px 0px 100px 0px;}
.hrv_main{font-size:20px; font-weight: bold; padding:30px 0px; text-align:center}

/*login*/
.wrap_login{display: inline-block; width: 100%; height:100%;background-color: #f5f5f5; box-shadow: 2px 3px 5px rgba(120, 120, 120, 0.2); text-align:center; padding:41px 0 100px;}
.side_padding {padding:0 5%;}
.login_filed{width:100%; height:35px; font-size:13px;text-indent:13px; border: 1px solid #ddd;}
.text_filed{width:100%; height:35px; font-size:13px; text-indent:10px; border-bottom: 1px solid #ddd;}

.auto_login_01{margin:-4px 3px 0 5px; vertical-align:middle; font-size: 13px; color: #939393;}
.auto_login_02{font-size: 13px; color: #939393; cursor:pointer;}
.join_login_txt03{display:inline-block; font-size: 13px; color:#17a1db !important; cursor:pointer; width:200px;}
.login_layer_01{padding-bottom:41px;}
.login_layer_01 img {height:65px;}
.login_layer_02{padding-bottom:10px;}

.textleft{text-align:left;}
.textright{text-align:right;}
.login_layer_03{font-size: 13px; color:#939393;border-top: 1px solid #dedad9; height:42px; line-height:42px; padding-bottom:10px;}
.login_layer_03 a{display:inline-block;  font-size: 13px; color:#939393 !important; }


.btn_sns{float:left; width:50%;}
.width80 {width:80%;}
.height28 {height:28px;}
.login_footer{display:inline-block; padding:20px 0px; font-size:11px; line-height:20px;}

.find_select{padding: 4px 3px;font-size: 13px;border-radius: 4px;outline: none;}
.find_Idpw {border-radius: 4px;}
.container_01 {position:absolute;height:100%; width:100%;}
.clause-txt-area { width:93%; height:220px; font-size:13px; padding:10px; display:inline-block;}


/*dashboard*/
.dashboard_gender {display:inline-block; padding:0px 10px 0px 10px;border-radius:5px; background-color:#34ade0; margin-top:10px; color:#fff; }
.dashboard_etc {display:inline-block; padding:1.0px 20px 0px 20px;border-radius:5px; background-color:#34ade0; margin-top:10px; color:#fff; }
.dashboard_range{height: 215px;background-color: #ffffff;border-radius: 10px;text-align: center; box-shadow: 0px 7px 15px rgba(120, 120, 120, 0.4);}
.btn_black{display: inline-block;background:black; border-radius: 4px;height: 50px;line-height: 50px;width: 100%; }
.lgg{color:#fff !important; font-size: 14px;text-align: center;font-weight: 600;}
.wrap_dashboard{display: inline-block; width: 100%; height:100%;background-color: #f5f5f5; box-shadow: 2px 3px 5px rgba(120, 120, 120, 0.2); text-align:center; padding:41px 0 0px;}

.dashboard_userLv {display:inline-block; padding:0px 10px 0px 10px;border-radius:5px; background-color:#9e9e9e; margin-top:10px; color:#fff; }
.mdashboard_range_01{position: relative;background: url(../images/mdashboard/box1.png) no-repeat;background-size: 100%;width:100%; color:#fff; margin-top:20%;text-align: left;}
.mdashboard_range_02{position: relative;background: url(../images/mdashboard/box2.png) no-repeat;background-size: 100%;width:100%; color:#fff;text-align: left; }
.mdashboard_range_03{position: relative;background: url(../images/mdashboard/box3.png) no-repeat;background-size: 100%;width:100%; color:#fff; text-align: left;}
.mdashboard_range_04{position: relative;width:100%; background-color:#fff; text-align: left;}

.ac-contents {padding-top:50px;background-color: #f4f7fc;}
.ns-title-box { padding:20px; font-size: 24px; text-align: center; }
.ns-select-option { background: #ffffff; border: 1px solid #cecece; border-radius: 10px; padding: 5%;}
.ns-select-option > div { padding: 5px 0px 5px 0px; }
.ns-select-option input[type=text] {  padding: 5px; margin: 0px 5px; }
.ns-select-option label {font-weight: bold; }
.ns-select-option label > input[type=checkbox] { width: 20px; height: 20px; vertical-align: middle; margin-right: 8px; }
.ns-graph { margin-top: 20px; overflow: hidden; background: #ffffff; border: 1px solid #cecece; border-radius: 10px; padding: 10px;}
.ns-graph-draw { width: 100%;}
.ns-graph-score {height: 350px; text-align:center }
.ns-score-box { display:inline-block; font-size:16px; color: #424242; font-weight:bold; padding:10px 26px; margin:8px 0px 20px 0px; border:2px solid #636363; border-radius:10px; }
.stress-score-title { font-size:22px; font-weight:bold; color:#333333; padding:10px 16px; }
.stress-score-box { border:2px solid #636363; border-radius:4px;text-align:center; padding:2px 5px;  margin: auto; margin-bottom:10px;}
.main_select{width:20%;padding: 4px 3px;font-size: 13px;border-radius: 4px;outline: none; height:34px;}
.main_textbox{width:30%;text-align:center; border:1px solid #d0d2d8; border-radius:5px;}
.stress_table{border-collapse: separate; margin-top:10px; width:100%;}
.stress_table td {width:50%;}
.apg_table{border-collapse: separate; margin-top:10px; width:100%;}
.bpm_table{border-collapse: separate; margin-top:10px; width:100%;}
.bpm_table > th > td {padding:10px;}
.bc-btn-basic { padding:6px 10px; border-radius:6px; color:#404040; border:1px solid #cecece; background: #ffffff; }

/*mypage*/
.mypage_top {border-collapse: collapse; border-radius: 6px 6px 6px 6px; width:100%;border:1px solid #cecece;  color:#34ade0;   background-color:#fff; height:35px;}
.mypage_top td.on > a {color:#fff;    display: inline-block; width:100%;}
.mypage_top td > a {color:#939393;     display: inline-block; width:100%;}
.mypage_top td.on{color:#fff;  background-color:#34ade0;}
.mypage_top td {line-height:;}


.bc-btn-x1 { background-color:#34ade0;  height: 37px;font-size: 13px;border-radius: 5px;border: 1px solid #ccc; color: #fff; width:17%;}
.bc-btn-x2 { background-color:#fff;  height: 35px;font-size: 13px;border-radius: 5px;border: 1px solid #ccc;  width:35%;}
.text_filed_select{width:55%; height:35px; font-size:13px; text-indent:5px; }
.add-row {display: none;}


/* mypage - memberInfo.php */
.text_filed_02{width:50%; height:35px; font-size:13px; text-indent:10px; border:none; background-color:#f5f5f5;}
.text_filed_pw{padding-right: 10px; width:38%; height:35px; font-size:13px; text-indent:10px;  border-radius: 5px 0px 0px 5px; border: 1px solid #ccc; background-color:#fff; margin-right:-7px; }
.text_filed_03{padding-right: 10px; width:52%; height:35px; font-size:13px; text-indent:10px;  border-radius: 5px 5px 5px 5px; border: 1px solid #ccc; background-color:#fff; }
.text_filed_area{width: 51.5%;padding-right: 10px; border-radius: 5px 5px 5px 5px; border: 1px solid #ccc; background-color:#fff;  line-height:13px; height: 70px;}
.text_filed_04{padding-right: 10px; width:25%; height:35px; font-size:13px; text-indent:10px;  border-radius: 5px 5px 5px 5px; border: 1px solid #ccc; background-color:#fff; }
.login_layer_04 {width:100%; border-bottom: 1px solid #ddd; text-align:left; line-height:33px; padding-bottom:5px; padding-top:5px;vertical-align:middle; }
.login_layer_04 span {font-weight:bold; width:35%; padding:0 3%; display:inline-block;}
.login_layer_04 input {color: #939393 !important;}

.ac-profile-img {width: 110px;height: 110px;border: 5px solid #fff;border-radius: 50%;}
.ac-ic-search_mypage {margin-top:5px; position: absolute; right:7%; width:20px; height:20px; border: none; background: url('/resources/img/s_btn_search.png'); background-repeat: no-repeat; background-size: 20px; background-position: 50% 50%;}
.join-addr-pop {position: absolute;display: none;width: 337px;background-color: #ffffff;border: 1px solid black;z-index: 10;}

.bc-td { display: inline-block;}                 
.bc-td > select { width: 70px; height: 30px; border: 1px solid #d0d2d8; border-radius: 10px; padding-left: 10px; margin: 0px 4px; outline: none; }
.ac-radio-box > label { width:17%; height:35px; padding:4px 10px; color: #3c3c3c;  text-align: center; background:#ffffff; border: 1px solid #a7a7a7; cursor:pointer; }
.ac-radio-box > label > input[type=radio] { display:none; }
.ac-radio-box .ac { color: #ffffff; background:#17a1db; border: 1px solid #17a1db; }

.bc-btn-x3 {height: 30px;width: 100%;}

.ac-add {width: 35px;height: 35px;background: url(/resources/img/s_group_add.png) no-repeat 50%;border: 1px solid #cecece;  -ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.ac-takeout {width: 35px;height: 35px;background: url(/resources/img/s_gorup_takeout.png) no-repeat 50%;border: 1px solid #cecece; -ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);}