@media screen and (max-width:640px ) {

* {background-repeat:no-repeat; box-sizing: border-box !important;}/* outline:0; */
input[type='text'], input[type='password'], input[type='email'], input[type='tel'] {height:45px !important; line-height:45px !important; padding:7px 10px !important; border-radius:2px;}/* height:32px !important; line-height:32px !important; */
.button {margin-right:0;}
.button a, .button button, .button input {left:0;}
.error_descript {padding:5px 0 0 0;}

body {font-size:12px; line-height:18px;}

#wrap {min-width:100%;}
#header {position:fixed; top:0; left:0; height:44px; border-bottom:0; background-color:#d80546;}
#header h1 {padding:0; position:absolute; top:0; left:0; height:44px; margin:0;}
#header h1 img {display:none;}
#header h1 a {width:100%; height:44px; display:block; line-height:44px; font-size:21px; color:#fff;}
#header h1 a:hover {text-decoration:none;}

.user {position:relative; top:0; right:0; text-align:left; padding:20px 15px; background-color:#2e2e2e;}
.user span,#header .wrapin .user a{display:inline-block; font-size:13px; line-height:18px}
.user span{display:inline-block; width:100%; color:#b5b5b5; padding:0 0 10px 0;}
.user span strong,#header .wrapin .user a{color:#fff}
.user a:hover{color:#d80546}
.user a{margin-left:0; padding-left:25px; background:url(../../resources/images/bul/bul_logout.png) 0 1px no-repeat; color:#b5b5b5; font-size:13px;}
.tit_rd, .tit_ab {margin-top:20px !important;}

#container {background:#fff;}
#container.has_sub .wrapin {padding:46px 0;}
.wrapin {width:90%; margin:0 5%;}
.facebook_gate {padding:0px !important;}
.facebook_gate .gate {padding:0px !important;}

.cmn_link li {font-size:10px;}
#footer .wrapin .wa_mark {right:0; bottom:0; top:45px; width:50px; height:38px; background-size:contain;}
.copyright {padding-top:5px; font-size:10px;}

.findidHide {display:none;}

.gnb {background:transparent;}
.gnb > li {width:100% !important; height:auto; background:transparent; border-bottom:1px solid #dddddd; text-align:left;}
.gnb > li.selected > a {padding:0; border-top:0; background:#d80546; color:#ffffff; padding:0 15px; font-weight:bold;}
.gnb > li > a {height:46px; text-align:left; padding:0 15px; font-weight:normal;}
.gnb > li > a.selected {color:#d80546;}
.gnb > li .gnbs {position:inherit; top:inherit; left:inherit; height:auto;}
.ko-kr .gnb > li > a span {line-height:46px; vertical-align:top; font-size:13px;}
.gnb > li .gnbs .gnbs_wrap {width:100%; display:inline-block;}
.gnb > li .gnbs .gnbs_wrap ul {float:left; padding-right:0; width:100%;}
.gnb > li .gnbs .gnbs_wrap ul li {width:100%; margin-left:0;}
.gnb > li .gnbs .gnbs_wrap ul li a {height:auto;}
.gnb_area {position:relative; z-index:110; width:100%; height:100%; border-bottom:0; text-align:left;}
.gnb_area .menu_dp1{margin:0; width:80%; height:100%; overflow:auto;}
.pc_gnb, .pc_user {display:none;}
.mobile_gnb, .mobile_user {display:block;}

.gnbOpenBtn {position:fixed; right:5%; top:9px; display: inline-block; width:26px; height:26px; font-size:0; text-indent:-9999px; border:0; background-color:transparent; cursor: pointer; background-image:url('../images/btn/btn_m_gnb.svg'); background-position:center; background-size:26px;}
/*.gnbOpenBtn:focus {outline: none;}*/
.gnbOpenBtn:disabled {opacity: 0.3; cursor: not-allowed;}

.o-wrapper {-webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;}

.gnbMenu {position: fixed; z-index: 200; background-color: #ffffff; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;}
.gnbMenu__items {list-style: none; margin: 0; padding: 0;}
.gnbRightOpen {width: 100%; height: 100%;}
.gnbRightOpen .gnbMenu__item {display: block; text-align: center; border-top: solid 1px #b5dbe9; border-bottom: solid 1px #3184a1;}
.gnbRightOpen .gnbMenu__item:first-child {border-top: none;}
.gnbRightOpen .gnbMenu__item:last-child {border-bottom: none;}
.gnbRightOpen .gnbMenu__link {display: block; padding: 12px 24px; color: #fff;}
/**
* Slide/Push Menu Right.
*/
.gnbRightOpen, .gnbMenu--push-right {top: 0; right: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%);}
.gnbRightOpen.is-active, .gnbMenu--push-right.is-active {-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}

/**
* Body states.
*
* When a menu is active, we want to hide the overflows on the body to prevent
* awkward document scrolling.
*/
body.has-active-menu {overflow: hidden;}

/* -----------------------------------------------------------------------------
MASK COMPONENT
----------------------------------------------------------------------------- */
.gnbMask {position: fixed; z-index: 100; top: 0; left: 0; overflow: hidden; width: 0; height: 0; background-color: #000; opacity: 0; -webkit-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s; transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;}
.gnbMask.is-active {width: 100%; height: 100%; opacity: 0.7; -webkit-transition: opacity 0.3s; transition: opacity 0.3s;}

.row_box {padding:15px;}
.gate .row_box {margin-bottom:15px;}
.gate .row_box .exc {padding-left:17px; padding-right:0;}
.gate .row_box .posr {width: 100%; top: 0; right: 0;color:#000; font-size:12px; line-height:13px; position: inherit; padding: 10px 0 0 0; display: inline-block;}
.ctr_lst, .ctr_lst2 {display:none; border-bottom:1px solid #ddd; margin-top:0; padding-top:15px; padding-bottom:0; margin-bottom:15px;}
.ctr_lst li, .ctr_lst2 li {width:100%;}
.tit_b {padding-bottom:0; padding:12px 0; color:#333; font-size:13px; line-height:16px; font-weight:bold; border-bottom:1px solid #ddd; cursor:pointer;}

.button.p30, .button.g30 {width:49%;}
.button.p30, .button.p30 a, .button.g30 a, .button.p30 button, .button.p30 input {background-color:#d80546; background-image:none !important; border-radius:2px; font-size:14px; line-height:36px; height:36px;}
.button.g30, .button.g30 a, .button.g30 button, .button.g30 input {background-color:#696969; background-image:none !important; border-radius:2px; font-size:14px; line-height:36px; height:36px;}
.button.p30:hover, .button.p30:active, .button.p30:focus {color:#fff; background-color:#9c0232;}
.button.g30:hover, .button.g30:active, .button.g30:focus {color:#fff; background-color:#494949;}
.button.g30 a:active, .button.g30 button:active {background-image:none !important; background-color:#494949;}
.button.p30 button:active {background-image:none !important; background-color:#9c0232;}
.button.p30 *:hover, .button.p30 *:active, .button.p30 *:focus {color:#fff; background-color:#9c0232;}
.button.g30 *:hover, .button.g30 *:active, .button.g30 *:focus, .fwrap .fd dd .id_check button:hover, .fwrap .fd dd .id_check button:active, .fwrap .fd dd .button:hover, .fwrap .fd dd .button:active, .fwrap .fd dd .button a:hover, .fwrap .fd dd .button a:active {color:#fff; background-color:#494949;}
.fbtn_area .button, .pbtn_area .button {margin:0;}
.fbtn_area .button a {width:100%; font-size:14px; line-height:36px; height:36px; background-image:none !important;}
.fbtn_area .button a:hover, .fbtn_area .button a:active, .fbtn_area .button a:focus {background-image:none !important;}
.dbtn_area {border-top:0;}

.fcb_login {width:100%;}
.dbtn_area {border-top:0; margin-top:0;}

.dbtn_area_fg {display:table; width:100%; padding-top:0; margin:30px 0 0 0;}
.dbtn_area_fg button {min-height:34px; height:inherit !important; line-height:16px !important; display:table-cell !important; padding:5px 0;}

#container .lgi_wrap {width:100%;}
.lgi_wrap .fd {margin-bottom:10px; padding-top:10px;}
.lgi_wrap .fd dt {width:100%; margin-right:0; padding-top:0; line-height:28px;}
.lgi_wrap .fd dd {width:100%;}
.lgi_wrap .fd dd input {width:100% !important;}
.lgi_wrap .idsave {margin:0; padding-left:0; font-size:12px; line-height:14px;}
.lgi_wrap .idsave input[type='checkbox'] {width:14px; height:14px !important; margin:0 5px 0 0;}
.lgi_wrap .btn_login {position:inherit; left:inherit; top:inherit; width:100%; height:60px; line-height:60px; background:#ab1f24; /*border-radius:3px;*/ margin:20px 0 0 0;}
.lgi_wrap .btn_login:active, .lgi_wrap .btn_login:hover, .lgi_wrap .btn_login:focus {background:#870d11; color:#ffffff;}
.lgi_wrap_message {width:100%;}
.lgi_wrap .fcb {padding:17px 0 20px 0; margin:15px 0 0 0;}
.tar {text-align:left;}
.mem_btn a {width:50%; float:left;}
.mem_btn a.go_pwst {margin:0;}

.process ul li {width:26% !important; background-size:13px;}
.process ul li:first-child {width:22% !important;}
.process ul li span {margin-left:10px; padding-top:50px; font-size:11px;}
.process ul li:first-child span {margin:0;}
.process ul li.prc1 span {background-size:31px !important; background-position:50% 5px !important;}
.process ul li.prc1.selected span {background-size:31px !important; background-position:50% -124px !important;}
.process ul li.prc2 span {background-size:40px !important; background-position:50% 5px !important;}
.process ul li.prc2.selected span {background-size:40px !important; background-position:50% -122px !important;}
.process ul li.prc3 span {background-size:31px !important; background-position:50% 4px !important;}
.process ul li.prc3.selected span {background-size:31px !important; background-position:50% -129px !important;}
.process ul li.prc4 span {background-size:45px !important; background-position:50% 4px !important;}
.process ul li.prc4.selected span {background-size:45px !important; background-position:50% -130px !important;}
.process ul li em.pointer {display:none;}

.fwrap .fd dt, .fwrap .fd dd {width:100%; margin-right:0; padding-top:0;}
.fwrap .fd dt {font-weight:bold; padding:0 0 10px 0; line-height:18px}
.fwrap .fd dt label {font-weight:bold !important;}
.fwrap .fd dd.email_agree {position:relative; margin:10px 0 0 0;}
.fwrap .fd dd.email_agree input.ichk {position:absolute; top:0; left:0;}
.fwrap .fd dd.email_agree label {padding:0 0 0 20px; width:inherit;}
.fwrap .fd dd input.itxt {width:100% !important;}
.fwrap .fd dd .button {background:#696969;}
.fwrap .fd dd .id_check button {background:#696969; min-width:100%; height:36px; border-radius:2px; font-size:14px;}
.fwrap .fd dd .button {width:100%; height:36px; border-radius:2px; margin:5px 0 0 0; font-size:14px;}
.fwrap .fd dd .button a {background:#696969; min-width:100%; height:36px; line-height:36px; text-align:center; border-radius:2px;}
.fwrap .fd dd.btnHelpArea {position:relative; padding:0 25px 0 0;}
.fwrap .fd dd .help_hover_box {position:initial;}
.fwrap .fd dd .btn_help {position:absolute; top:7px; right:0;}
.help_box {left:0; top:35px; width:100%; border-radius:3px;}
.help_arrow{;top:-5px; left:initial; right:5px; width:11px;height:6px;background:url(../../resources/images/bg/help_arrow_mobile.png) 0 0 no-repeat;border:0; z-index:101;}
.fwrap .fd dd select {border:1px solid #abadb3; border-radius:3px; height:32px; line-height:32px; padding-right:0; float:left; width:32.3% !important; margin:0 0.5%}
.fwrap .fd dd select:first-child {margin:0 0.5% 0 0; width:32.9% !important;}
.fwrap .fd dd .f0 {width:100%; word-break:break-all; word-wrap:break-word; line-height:18px;}
.fwrap .fd dd ul.addr_fd li {display:inline-block; width:100%;}
.fwrap .fd dd ul.addr_fd li select {width:100% !important; margin:10px 0 0 0;}
.fwrap .fd dd ul.addr_fd li select:first-child {margin:0;}
.fwrap .fd dd .sub_emailList {position:relative; padding:9px 41px 9px 0; line-height:18px; margin:5px 0 0 0;}
.fwrap .fd dd .sub_emailList:first-child {margin:0;}
.fwrap .fd dd .sub_emailList .button {position:absolute; top:50%; right:0; width:36px; margin:-18px 0 0 0;}
.fwrap .fd dd .sub_emailList .button a {padding:0; font-size:0; line-height:0; background-image:url('../../resources/images/btn/btn_check_w.svg'); background-repeat:no-repeat; background-position:center; background-size:14px;}
.fwrap p.mb10, .fwrap p.mb25 {width:100%; display:inline-block; margin-bottom:20px !important;}
.fwrap p.mb10 label, .fwrap p.mb25 label {width:50%; margin:0 !important; float:left; position:relative; padding:0 10px 0 20px; font-size:13px; font-weight:bold !important;}
.fwrap p.mb10 label input, .fwrap p.mb25 label input {position:absolute; top:0; left:0; margin:2px 0 0 0;}
.fwrap_row dl.fst, .fwrap_row dl.lst {margin-right:0; width:100%;}
.fwrap_row dl.fd dd {width:100%;}

.idpw_tab {border-bottom:0; height:34px;}
.idpw_tab li {width:50%; height:34px; margin-left:0; background:transparent;}
.idpw_tab li.selected {background:#d80546;}
.idpw_tab li.selected a {background:#fff; color:#000; border-top:1px solid #cecece; border-left:1px solid #cecece; border-right:1px solid #cecece; border-bottom:1px solid #fff;}
.idpw_tab ul li a {width:100%; height:34px; line-height:34px; padding:0; left:0; background:#f1f1f1; border-top:1px solid #f1f1f1; border-bottom:1px solid #cecece;}
.idpw_tab ul li a span {padding-left:0; background:transparent !important;}

.tab_wrap {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom:15px; display:none;}
.faq_tab {width:100%; border-bottom:0; height:51px; margin-bottom:0; overflow-x:scroll;}
.faq_tab li {display:inline-block; height:34px; float:initial; vertical-align:top; margin:0; background:transparent;}
.faq_tab li.selected {background:transparent;}
.faq_tab li.selected a {background:#fff; color:#d80546;}
.faq_tab li a {min-width:100%; height:auto; line-height:12px; padding:0 15px; margin:11px 0; left:0; background:transparent; border-top:0; border-bottom:0; border-left:1px solid #cecece;}
.faq_tab li:first-child a {border:0;}
.faq_tab li a span {padding-left:0; background:transparent !important;}

.qna {margin-top:20px;}

.address_area {width:100%; padding:5px 0 0 0; position:relative;}
.address_area .address_title {position:absolute; top:5px; left:0; padding:0; min-width:55px;}
.address_area .address_title .code_name {margin:5px 0 0 0; line-height:30px;}
.address_area .address_title .code_name:first-child {margin:0;}
.address_area .address_name {padding:0 0 0 60px; width:100%;}
.address_area .address_name .add_input {margin:5px 0 0 0;}
.address_area .address_name .add_input:first-child {margin:0;}
.address_area .address_name .add_input input {width:468px;}

.member_leave tbody td .lga_check {margin:0; padding:0 0 0 20px;}
.member_leave tbody td .lga_check input {margin:3px 8px 3px 0 !important;}
.member_leave tbody td .check_list {width:100%; margin:0;}
.member_leave tbody td .check_list li {width:100%; position:relative; padding:0 0 0 20px;}
.member_leave tbody td .check_list li:first-child {margin-top:0;}
.member_leave tbody td .check_list li input {position:absolute; top:0; left:0; margin:3px 8px 3px 0 !important;}
.member_leave tbody td.tal p.fp {margin:0;}

.board_header {padding:10px 15px;}
.board_header h3 {margin:0; padding:0;}
.board_header span {position:relative; width:100%; top:0; text-align:left; background:transparent; padding:10px 0 0 0;}

.board_foot ul li {padding:10px 5px 10px 67px;}
.board_foot ul li span {width:55px; padding:0 5px 0 0;}
.board_foot .board_btn .button {width:100%;}
.board_foot .board_btn .button a {display:inline-block; min-width:100%; width:100%;}

.popup_wrap {min-width:90%; padding:0 5%;}
.pbtn_area .button button, .pbtn_area .button a, .fbtn_area .button button {min-width:100%;}

#error_header {padding:25px 0 20px 0;}
#error_header h1 {margin:0; font-weight:normal; line-height:inherit;}
#error_header h1 img {width:inherit; display:none;}
#error_header h1 a {width:100%; height:23px; display:block; line-height:23px; font-size:21px; color:#616161; font-weight:bold;}
#error_header h1 a:hover {text-decoration:none;}

.sys_check_work {margin:20px 0 0 0;}

.terms_wrap {border-top:0;}
.terms_wrap #dropdownmenu {display:block; margin:15px 0 5px 0; padding:0 0 15px 0; border-bottom:1px dashed #d9d9d9;}
.terms_wrap .snb {display:none;}
#dropdownmenu, #dropdownmenu ul, #dropdownmenu ul li, #dropdownmenu ul li a {margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#dropdownmenu {width: 100%; color: #ffffff;}
#dropdownmenu ul ul {display: none;}
#dropdownmenu > ul > li.active > ul {display: block;}
.align-right {float: right;}
#dropdownmenu > ul > li > a {display:block;height:40px;padding: 12px 32px 12px 16px; cursor: pointer; z-index: 2; font-size: 13px; font-weight:bold; text-decoration: none; color: #555; border:1px solid #d9d9d9; /*background: #3ab4a6;*/ -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;}
#dropdownmenu > ul > li > a:hover {color: #000;}
#dropdownmenu ul > li.has-sub > a:after {position: absolute; right: 13px; top: 16px; z-index: 5; display: block; height: 8px; width: 2px; background: #aaa; content: ""; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#dropdownmenu ul > li.has-sub > a:before {position: absolute; right: 15px; top: 19px; display: block; width: 8px; height: 2px; background: #aaa; content: ""; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out;  -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#dropdownmenu ul > li.has-sub.open > a:after, #dropdownmenu ul > li.has-sub.open > a:before {-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
#dropdownmenu ul ul li a {padding: 12px 32px 12px 16px; cursor: pointer; z-index: 2; font-size: 12px; text-decoration: none; color: #555; /*background: #49505a;*/ -webkit-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;}
#dropdownmenu ul ul ul li a {padding-left: 25px; border-top:1px dashed #d9d9d9;}
#dropdownmenu ul ul ul li a:after {position: absolute; left: 17px; top: 17px; z-index: 5; display: block; height: 2px; width: 2px; background: #555; content: ""; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
#dropdownmenu ul ul ul li:first-child a {border:0;}
#dropdownmenu ul ul li a:hover {color: #000;}
#dropdownmenu ul li ul li {border-bottom:1px solid #d9d9d9;}
#dropdownmenu ul li ul li.open ul li {border:0;}
#dropdownmenu ul li ul li.open ul {background-color:#f5f5f5; border-top:1px solid #d80546;}
#dropdownmenu ul li ul li.open > a {color:#d80546;}
#dropdownmenu ul li ul li.active > a {color:#d80546;}
#dropdownmenu ul ul > li.has-sub > a:after {top: 14px;}
#dropdownmenu ul ul > li.has-sub > a:before {top: 17px;}

.terms_wrap .terms_content {width:100%; border:0; padding:0;}
.terms_wrap .terms_content .terms {padding:0;}
.terms_wrap .terms_content .terms_select_area {padding:12px 0; position:relative; border-bottom:0;}
.terms_wrap .terms_content .terms_select_area .terms_select {width:100%;}
.terms_wrap .terms_content .terms_select_area button.btn_search {position:absolute; top:12px; right:0;}

.auth_check ul {width:100%; margin:0; text-align:center;}
.auth_check ul li {padding:0; width:100%;}
.auth_check ul li .hp_auth_img {width:100%; background:url(../../resources/images/ico/ico_auth.png) center 0 no-repeat;}
.auth_check ul li .ipin_auth_img {width:100%; background:url(../../resources/images/ico/ico_auth.png) center -134px no-repeat;}

.post_code {min-width:90%; padding:0 5%; background:#fff;}
.address_input {width:100%; height:inherit;}
.addr_tab li {width:50%; margin:0; height:32px; line-height:32px;}
.addr_tab li a {font-size:13px; padding:0; left:0; background:#f1f1f1; border-top:1px solid #f1f1f1; border-bottom:1px solid #cecece;}
.addr_tab li a.selected {background:#fff; color:#000; border-top:1px solid #cecece; border-left:1px solid #cecece; border-right:1px solid #cecece; border-bottom:1px solid #fff;}
.addr_inp {position:inherit; top:inherit; left:inherit; padding:15px 15px 0 15px; background:#fff; border:1px solid #cecece; border-top:0;}
.addr_inp .ai_list {width:100%;}
.addr_inp .ai_list li {width:100%;}
.addr_inp .ai_list li .fd dt {width:60px; padding:0; line-height:32px;}
.addr_inp .ai_list li .fd dd {width:100%; padding:0 0 0 60px;}
.addr_inp .ai_list li .fd dd input, .addr_inp .ai_list li .fd dd select {height:32px !important; line-height:32px !important; width:100% !important;}
.addr_inp .cc {margin:10px 0;}
.addr_inp .btn_login {position:static; width:100%; background:#d80546; color:#fff; height:36px; line-height:36px; border-radius:3px;}
.addr_inp .btn_login:active, .addr_inp .btn_login:hover, .addr_inp .btn_login:focus {background:#9c0232;}
.pcontainer .arg {font-size:13px; background:url(../../resources/images/bul/bul_arr_gr.gif) 0 5px no-repeat;}
.zip_list_tit {padding-right:100px;}
.zip_list_tit .zip_code {width:100px;}
.zip_list ul {overflow-y:auto;}
.zip_list ul li a {padding:0 82px 0 0;}
.zip_list ul li em {width:82px; margin:-9px 0 0 0;}
.zip_list ul li span {line-height:16px; padding:3px 0;}

.layer_pop_wrap .pop_warp {width:90%; top:5%; left:5%; bottom:5%; right:5%; margin:0; padding:20px;}
.layer_pop_wrap .pop_warp .pop_contents {position:relative; height:100%; padding:0;}
.layer_pop_wrap .pop_warp .pop_contents .overflow {position:absolute; top:47px; bottom:51px; height:auto; padding:0 0 2px 0;}
.layer_pop_wrap .pop_warp .pop_contents .fbtn_area {position:absolute; bottom:0; width:100%; padding:0;}
.popup_terms_content {padding:0;}


.fwrap .fd dd.btnHelpArea.add-alert{padding:0;}
.fwrap .fd dd.add-alert > select{width:31% !important;margin-left:0;}
.fwrap .fd dd.add-alert > select:first-child{width:31% !important;}

.btn_alert-open{margin:5px 0;}
.alert-lyer-wrap{width:100%;}
.alert-lyer-wrap .alert-lyer-frame{width:100%;top:3px;}
.alert-content-box:after{content:'';display:block;position:absolute;top:-6px;left:auto; right:12px; width:11px;height:6px;background:url(../../resources/images/bg/help_arrow_mobile.png) 0 0 no-repeat;}

.select_birth.add-alert select{width:30%;}


.svc_tab_list {border-bottom:0; background:#f1f1f1; height:auto; border-bottom:1px solid #eec4d1;}
.svc_tab_list li {width:50%; border:0; border-top-left-radius:0; border-top-right-radius:0; margin:0; text-align:center; border-top:1px solid #cecece;}
.svc_tab_list li.selected {border:1px solid #eec4d1; border-bottom:1px solid #ffffff; background:#ffffff; margin:0 0 -1px 0;}
.svc_tab_list li.selected a {color:#cb295b; font-weight:bold;}
.svc_tab_list li a {text-align:center; width:100%; display:inline-block; height:auto; padding:10px 5px; font-size:13px;}
.svc_tab_contents_top {margin:0 0 40px 0;}
.svc_tab_contents_top, .svc_tab_contents_bottom {padding:0 10px;}
.svc_tab_contents_top dl dt, .svc_tab_contents_bottom dl dt {width:100%; padding:0 0 15px 0; font-size:14px;}
.svc_tab_contents1 dl dd {width:100%; padding:0;}
.svc_tab_contents1 .svc_tab_contents_top dl dd div.svc_tab_contents_list, .svc_tab_contents1 .svc_tab_contents_top dl dd div.svc_tab_contents_list .mamber_btn_area {width:100%;}
.svc_tab_contents1 .svc_tab_contents_top dl dd div.svc_tab_contents_list {border-top:1px dashed #d9d9d9; padding:20px 0 0 0; margin:20px 0 0 0;}
.svc_tab_contents1 .svc_tab_contents_top dl dd div.svc_tab_contents_list:first-child {border-top:0; padding:0; margin:0;}
.svc_tab_contents_top .svc_tab_contents_list .mamber_btn_area a {width:100%; margin:5px 0 0 0;}
.svc_tab_contents1 .svc_tab_contents_top dl dd .svc_tab_contents_list .mamber_brand {position:relative; padding:9px 0 9px 80px; line-height:15px; width:100%;}
.svc_tab_contents1 .svc_tab_contents_top dl dd .svc_tab_contents_list .mamber_brand span {position:absolute; top:0; left:0; width:80px; text-align:center;}
.svc_tab_contents_bottom dl {border-top:1px solid #b2b2b2;}
.svc_tab_contents_bottom .svc_tab_contents_list {padding:0 90px 20px 80px; position:relative; min-height:33px; border-bottom:1px dashed #d9d9d9; margin:0 0 20px 0;}
.svc_tab_contents_bottom .svc_tab_contents_list:last-child {border-bottom:0; margin:0; padding:0 90px 0 80px;}
.svc_tab_contents_bottom .svc_tab_contents_list .mamber_brand a {width:100%; display:inline-block; margin:0; line-height:18px;}
.svc_tab_contents_bottom .svc_tab_contents_list .mamber_brand span {position:absolute; left:0; top:0; width:80px; text-align:center; margin:0;}
.svc_tab_contents_bottom .svc_tab_contents_list .mamber_btn_area {position:absolute; right:0; top:0;}
.svc_tab_contents_bottom .svc_tab_contents_list .mamber_btn_area a {line-height:13px; padding:9px 5px; width:80px;}
.svc_tab_contents_checkbox .mamber_btn_area1 {text-align:center;}
#layer_pop .pop_warp_new, #layer_pop .pop_warp_new_m {width:90%;}
#layer_pop .pop_warp {top:10%; left:5%; right:5%; margin:0;}
.pop_contents_checkbox_wrap li {position:relative; padding:0 0 0 20px; line-height:17px;}
.pop_contents_checkbox_wrap li input[type=checkbox] {position:absolute; top:1px; left:0; margin:0 !important;}
.pop_contents_scrollbox {width:100%; height:150px;}
.pop_contents_checkbox_wrap {height:120px; overflow:auto;}
}

@media screen and (min-width:300px ) and (max-width:480px ) {
.fwrap .fd dd.add-alert > select{width:30% !important;}
.fwrap .fd dd.add-alert > select:first-child{width:30% !important;}
}