/*/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  /*margin-left: -0.05em;*/
  content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  /*min-width:1000px;*/
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}


/**/
.remodal-overlay {background: rgba(255, 255, 255, 0.8);}

.remodal-wrapper {
  /*padding: 10px 0;*/
}
.remodal {
  box-sizing: border-box;
  position:absolute;  
  /*width: 70%;*/ 
  height:auto;
  /*background: #fff;*/
}
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

.remodal-close {
  position: absolute;
  top: 15px;
  right:0;
  display: block;
  overflow: visible;
  width:29px;
  height:29px;
  background:url('../images/member/btn_pp_close.png') no-repeat;
  border:none;
  cursor: pointer;
}

/**/
#modal1Desc, #modal2Desc, #modal3Desc {text-align:left;}

/*ppRegister*/
.ppRegister, .ppUmd {top:0; left:50%; width:480px; padding:40px 0 40px 0;  margin-left:-240px;}
.pp_tit_rg {display:block; margin-bottom:13px; color:#313131; font-size:2.000em; font-weight:600; letter-spacing:-0.02em; text-align:center;}
.pp_tit_rg>span {color:#ff6600;}

.rgArea {padding:26px 40px; background:#fff; -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);}
.rgArea.pd0 {padding:0;}

.rgArea .lul_tt {display:block; margin-bottom:6px; color:#444; font-size:0.875em; font-weight:600;}
.rgArea .lul {margin-bottom:25px; border-top:1px solid #d4d4d4;}

.rgArea .lul.fl {*zoom:1;}
.rgArea .lul.fl:after{content: ".";clear:both;display:block;height:0;visibility:hidden;}
.rgArea .lul.fl li {float:left; width:50%;}
.rgArea .lul.fl li .textbox {}
.rgArea .lul.fl li:nth-of-type(2n) .textbox {border-left:0 none;}

.rgArea .mb30 {margin-bottom:30px;}

.rgArea .filebox {height:33px; border:1px solid #d4d4d4;}
.rgArea .filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;} 
.rgArea .filebox label {display:inline-block; vertical-align:middle; line-height:normal; margin-top:2px; padding: .1em .75em .2em .75em; color:#000; border:1px solid #d4d4d4; background:#fdfdfd; cursor:pointer; border:1px solid #c7c7c7; border-radius:4px; background: rgba(254,254,254,1);
  background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 92%, rgba(219,219,219,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(92%, rgba(219,219,219,1)), color-stop(100%, rgba(219,219,219,1)));
  background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 92%, rgba(219,219,219,1) 100%);
  background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 92%, rgba(219,219,219,1) 100%);
  background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 92%, rgba(219,219,219,1) 100%);
  background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 92%, rgba(219,219,219,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dbdbdb', GradientType=0 );} 
.rgArea .filebox label img {vertical-align:middle;}
.rgArea .filebox label span {vertical-align:middle; padding-left:10px; font-size:0.750em;}
.rgArea .filebox .upload-name {display:inline-block; width:65%; padding:.1em .75em .2em .75em; /* label의 패딩값과 일치 */ color:#666; font-size:0.875em; line-height: normal; vertical-align: middle; background:#fff; border:0; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }

.rgArea .lg_ch_bx {margin-bottom:15px; color:#444; font-size:0.813em; font-weight:normal;} 
.rgArea .lg_ch_bx label {margin-right:14px;}
.rgArea .lg_ch_bx .tx {padding:10px 0 15px 0; line-height:1.4;}

.rgArea .tx_sdcs {display:block; padding:8px 3px; color:#444; font-size:0.813em; font-weight:normal;}
.rgArea .tx_sdcs.warning {color:#ff2222; padding-bottom:15px;}/**/
.rgArea .tx_sdcs>i {color:#a9d03f;}
.rgArea .btnArea {text-align:center; }
.rgArea .btnArea a {display:inline-block; padding:8px 100px; color:#fefefe; font-size:1.125em; font-weight:700; background:#ff6600; border-radius:1em;}

.btn_ict {display:inline-block; vertical-align:middle; height:25px; line-height:2.0; padding:0 9px; color:#000; font-size:0.750em; border:1px solid #d4d4d4; border-radius:4px; background: rgba(254,254,254,1);
  background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 92%, rgba(219,219,219,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(92%, rgba(219,219,219,1)), color-stop(100%, rgba(219,219,219,1)));
  background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 92%, rgba(219,219,219,1) 100%);
  background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 92%, rgba(219,219,219,1) 100%);
  background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 92%, rgba(219,219,219,1) 100%);
  background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 92%, rgba(219,219,219,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dbdbdb', GradientType=0 );}

.rgArea .textbox {position:relative; border:1px solid #d4d4d4; border-top:0;}
.rgArea .textbox label {
  position: absolute;
  top: 32%;  /* input 요소의 border-top 설정값 만큼 */
  left: 9px;  /* input 요소의 border-left 설정값 만큼 */
  /*padding: .8em .5em;*/  /* input 요소의 padding 값 만큼 */
  color: #8e8e8e; font-size:0.750em; font-weight:400;
  cursor: text;
}
.rgArea .textbox label.warn {
  color: #ff2222;
}
.rgArea .textbox input[type="text"],
.rgArea .textbox input[type="email"],
.rgArea .textbox input[type="password"] {
  width: 96%;  /* 원하는 너비 설정 */ 
  height: 33px;  /*auto 높이값 초기화 */
  line-height : normal;  /* line-height 초기화 */
  padding: 0 2%; /* 원하는 여백 설정, 상하단 여백으로 높이를 조절 */
  font-size: 0.750em;
  border-radius: 0;  /* iSO 둥근모서리 제거 */
  outline-style: none;  /* 포커스시 발생하는 효과 제거를 원한다면 */
  -webkit-appearance: none;  /* 브라우저별 기본 스타일링 제거 */
  -moz-appearance: none;
  appearance: none;
  border:0;
  background:#fff;
  padding-top: 7px;
}
.rgArea .textbox.address input[type="text"],
.rgArea .textbox.address input[type="password"] {width:76%;}
.textbox.orcid>img {display:inline-block; vertical-align:middle; padding:0 10px 0 5px;}
.textbox.orcid input[type="text"] {width:75%;}

/*ppEthics*/
.ppEthics {top:0; left:50%; width:80%; padding:50px 0 40px 0; margin-left:-40%; min-width:850px;}
.etArea {background:#fff; -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);}
.etArea>.wrap {margin:0 50px; padding:50px 0; border-top:6px solid #ff2a00; *zoom:1;}
.etArea>.wrap:after{content: ".";clear:both;display:block;height:0;visibility:hidden;}
.etArea .etLeft {float:left; width:25%; min-width:270px;}
.etArea .etCont {float:left; width:64%;}

.etLeft>strong {display:block; margin-bottom:40px; padding-right:40px; line-height:1.2; color:#313131; font-size:2.688em; font-weight:600;}
.etLeft ul {margin-bottom:40px;}
.etLeft li {padding:8px 0;}
.etLeft li>a {padding:2px 0 2px 8px; color:#858585; font-size:0.938em; font-weight:normal; border-left:2px solid #ff2a00;}
.etLeft li.on>a {padding-right:14px; color:#fff; font-weight:600; background:#ff2a00;}

.etCont>strong {display:block; margin-bottom:40px; color:#000; font-size:2.000em; font-weight:400;}
.etCont .etinfo {display:block; margin-bottom:15px; color:#7a7a7a; font-size:0.750em; font-weight:400;}

.etCont .et_tx {margin-bottom:55px; line-height:1.8; color:#000; font-size:0.938em; font-weight:400;}
.etLtit {display:inline-block; margin-bottom:18px; padding:2px 12px; color:#fff; font-size:1.0em; font-weight:400; background:#313131;}

ul.stNum {margin-top:15px;}
li.stNum {position:relative; padding:0 0 18px 25px; font-size:15px; line-height:1.2; text-align:justify;}
li.stNum em {position:absolute; top:0; left:0; font-weight:900;}
li.stNum.md, li.stNum.md em {font-size:14px; padding-bottom:14px;}
li.stNum.sm, li.stNum.sm em {font-size:12px; padding-bottom:12px;}

/*ppat*/
.ppAt {top:0; left:50%; width:670px; padding:40px 0 40px 0;  margin-left:-335px;}
.atcon {position:relative; text-align:left;}
.atcon .spTop {position:relative; padding:28px 45px 25px 45px; border-bottom:#d4d4d4 1px solid;}
.atcon .spTop .exp {padding:5px 0 3px; color:#555; font-size:0.813em;}
.atcon .spTop .chkT {position:absolute; top:28px; right:69px; width:75px; color:#333; font-size:1.063em; font-weight:700;}
.atcon .spCon {position:relative; padding:32px 45px;}
.atcon .spCon .chkC {position:relative; color:#444; font-size:0.938em; font-weight:600; padding:0 24px 12px 0; }
.atcon .spCon .chkC em {color:#d6303a; font-size:0.933em; font-weight:400;}
.atcon .spCon .chkC em.gy {color:#7c7c7c;}
.atcon .spCon .a-box {position:relative; height:123px; padding:20px; margin-bottom:32px; font-size:0.813em; line-height:1.6; color:#555; border:1px solid #d4d4d4; text-align:left; overflow:hidden; overflow-y:scroll; }
.atcon .spCon .a-box .title {display:block; margin-bottom:10px; font-size:1.077em; font-weight:600; color:#444; }

.atcon input[type=checkbox].css-checkbox {
  position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
.atcon input[type=checkbox].css-checkbox + label.css-label, 
.atcon input[type=checkbox].css-checkbox + label.css-label.clr {
  padding-right:24px;
  height:24px; 
  display:inline-block;
  background-repeat:no-repeat;
  background-position:100% 0;
  vertical-align:middle;
  cursor:pointer;
  width:100%; 
  text-align:left;
}
.atcon input[type=checkbox].css-checkbox + label.css-label.left, 
.atcon input[type=checkbox].css-checkbox + label.css-label.left.clr {
  padding-left:16px;
  background-position:0 0;
  font-weight:700;
}
.atcon input[type=checkbox].css-checkbox:checked + label.css-label, 
.atcon input[type=checkbox].css-checkbox + label.css-label.chk {background-position: 100% -24px;}
.atcon input[type=checkbox].css-checkbox:checked + label.css-label.left, 
.atcon input[type=checkbox].css-checkbox + label.css-label.left.chk {background-position: 0 -24px;}
.atcon label.css-label {
  background-image:url(../images/member/checkbox01.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**/
.ppAcm {top:0; left:50%; width:670px; padding:40px 0 40px 0;  margin-left:-335px;}
.acmcon {position:relative; text-align:left;}
.acmcon .okTop {position:relative; height:209px; padding-top:50px; margin:0 auto; background: rgba(252,252,252,1);
  background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(252,252,252,1) 29%, rgba(246,246,246,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,252,252,1)), color-stop(29%, rgba(252,252,252,1)), color-stop(100%, rgba(246,246,246,1)));
  background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(252,252,252,1) 29%, rgba(246,246,246,1) 100%);
  background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(252,252,252,1) 29%, rgba(246,246,246,1) 100%);
  background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(252,252,252,1) 29%, rgba(246,246,246,1) 100%);
  background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(252,252,252,1) 29%, rgba(246,246,246,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f6f6f6', GradientType=0 );}
.acmcon .okTop>strong {display:block; padding-top:130px; text-align:center; color:#444; font-size:1.375em; font-weight:800; background:url('../images/member/mem_ok.png') no-repeat center 0;}
.acmcon .okBot {position:relative; margin:0 auto; padding:45px 0 65px; text-align:center; font-size:0.938em; color:#666; font-weight:600; }
.acmcon .ftr{color:#d6303a;}

/*find idpw*/
.ppFip {top:0; left:50%; width:470px; padding:40px 0 40px 0;  margin-left:-235px;}
.ppFip .rgArea {padding:50px 40px;}

.ppFip .lul, .pnFip .lul {border:0;}
.ppFip .lul li, .pnFip .lul li {padding:3px 0;}
.ppFip .textbox, .pnFip .textbox {border:1px solid #d4d4d4;}
.ppFip .textbox input[type="text"],
.ppFip .textbox input[type="password"], 
.pnFip .textbox input[type="text"],
.pnFip .textbox input[type="password"] {
  width: 96%;  /* 원하는 너비 설정 */ 
  height: 49px;  /*auto 높이값 초기화 */
  line-height : normal;  /* line-height 초기화 */
  padding: 0 2%; /* 원하는 여백 설정, 상하단 여백으로 높이를 조절 */
  font-size: 0.750em;
  border-radius: 0;  /* iSO 둥근모서리 제거 */
  outline-style: none;  /* 포커스시 발생하는 효과 제거를 원한다면 */
  -webkit-appearance: none;  /* 브라우저별 기본 스타일링 제거 */
  -moz-appearance: none;
  appearance: none;
  border:0;
  background:#fff;
}
.ppFip .dsc, .pnFip .dsc {display:block; text-align:left; color:#434343; font-size:0.750em; line-height: 1.5;}

/**/
.ppwis {top:0; left:50%; width:670px; padding:40px 0 40px 0;  margin-left:-335px;}

/**/
.dl_ivu {padding-top:10px; *zoom:1;}
.dl_ivu:after{content: ".";clear:both;display:block;height:0;visibility:hidden;}
.dl_ivu dt, .dl_ivu dd {float:left}
.dl_ivu dt {display:block; padding:5px 13px 5px 10px; color:#8e8e8e; font-size:0.750em; font-weight:400; background:url('../images/member/bar_ivu.gif') no-repeat right 7px;}
.dl_ivu dd {color:#282828; padding:2px 13px 0 13px; font-size:0.938em; font-weight:400;}


/*== 새창 팝업 ==*/
.wdNew {position:relative; min-height:523px; z-index:99;}
.wdNew .bg {z-index:98; overflow-y:hidden; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,.85);}
.wdNew .pn-close {
  position: absolute;
  top: 15px;
  right:0;
  display: block;
  overflow: visible;
  width:29px;
  height:29px;
  background:url('../images/member/btn_pp_close.png') no-repeat;
  border:none;
  cursor: pointer;
  font-size:0; text-indent:-999999px; overflow:hidden;
}

.nwCnt {z-index:100; position:relative; height:100%; padding-bottom:30px;}
.nwCnt>div {position:relative;}
.wdNew .pnLogin {width:370px; padding:40px 0 40px 0; margin:0 auto;}
.pnLogin .textbox input[type="text"],
.pnLogin .textbox input[type="password"] {
  width: 96%;  /* 원하는 너비 설정 */ 
  height: 49px !important;  /*auto 높이값 초기화 */
  line-height : normal;  /* line-height 초기화 */
  padding: 0 2%; /* 원하는 여백 설정, 상하단 여백으로 높이를 조절 */
  font-size: 0.750em;
  border-radius: 0;  /* iSO 둥근모서리 제거 */
  outline-style: none;  /* 포커스시 발생하는 효과 제거를 원한다면 */
  -webkit-appearance: none;  /* 브라우저별 기본 스타일링 제거 */
  -moz-appearance: none;
  appearance: none;
  border:0;
  background:#fff;
}
.wdNew .pnAccept {width:670px; padding:40px 0 40px 0; margin:0 auto;}
.wdNew .pnRegister, 
.wdNew .pnUmd {width:480px; padding:40px 0 40px 0; margin:0 auto;}
.wdNew .pnAcm {width:670px; padding:40px 0 40px 0; margin:0 auto;}
.wdNew .pnFip {width:470px; padding:40px 0 40px 0; margin:0 auto;}
.wdNew .pnwis {width:670px; padding:40px 0 40px 0; margin:0 auto;}

@media only screen and (max-width:767px){
	.wdNew .pnLogin, .wdNew .pnAccept, .wdNew .pnRegister, .wdNew .pnUmd, .wdNew .pnAcm, .wdNew .pnFip, .wdNew .pnwis {width:100%; min-width:320px;}
	.rgArea {padding:26px 10px;}
	.atcon .spTop {padding:28px 10px 25px 10px; line-height:1.4;}
	.atcon .spTop .chkT {position:relative; top:10px; right:auto; width:75px; color:#333; font-size:1.063em; font-weight:700;}
	.atcon .spCon {position:relative; padding:32px 10px;}
	.atcon .spCon .a-box {padding:20px 10px;}
	.pp_tit_rg {font-size:1.75em; word-break:keep-all;}
	.acmcon .okTop>strong {font-size:1.2em; word-break:keep-all; padding-left:20px; padding-right:20px;}
	.acmcon .okBot {line-height:1.4; word-break:keep-all; padding-left:20px; padding-right:20px;}
	.atcon .spCon .chkC { line-height:1.4; margin-bottom:10px;}
}