@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: 'NEXEN_TIRE_Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/NEXEN_TIRE_Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JSArirangHON-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/JSArirangHON-RegularA1.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



.content-inner{line-height: 30px; font-size:18px; font-family: 'Noto Sans KR', sans-serif;     word-break: break-word;     letter-spacing: 0;}

.c_blue{color:#005fca; font-weight: 700;}
.c_purple{color:#42478e; font-weight: 700;}

/*인사말*/

.int{position:relative; background:#f6f8fc; padding:98px 77px; color:#333;}
.int:after{content:"";position:absolute;top:63px;right:55px; background:url(/img/meditour/sub/int_bg.png) no-repeat right 0; width: 400px; height:246px; }
.int_top{ font-family: 'GmarketSans'; font-size:46px;  line-height: 55px; padding-bottom:45px; margin-bottom:45px; width:690px; border-bottom:1px dotted #ddd;}
.int_top .c_a{color:#00a7bf; font-weight: 700;}
.int_text > .mob{}

.sain{padding:23px 80px; background:#10345c; color:#fff; display: flex;  justify-content: flex-end; align-items: baseline;}
.sain .name{font-size:32px; margin-left:15px;}
.sain .gu{font-weight: bold; }



@media only screen and (max-width:1580px){
	.int:after{background-size:60%;}
}


@media only screen and (max-width:1370px){
	.int{padding:98px 50px;}
	.int_top{ font-size: 40px; line-height: 45px;  padding-bottom: 30px;   margin-bottom: 30px;}
	.int:after{}
}

@media only screen and (max-width:1250px){
	
	.int:after{display:none;}
	.int_top{width:100%;}
}


@media only screen and (max-width:1023px){
	
	.int{padding:40px;}
	.int_text > .mob{display:none;}
}

@media only screen and (max-width:768px){
	.int_top{font-size:30px; font-size: 30px;    line-height: 35px;    word-break: keep-all;}
	.int_top br{display:none;}
	.int { padding: 40px 25px;}
	.sain {padding: 20px;     flex-wrap: wrap;}


}


/*특구소개*/

.introduce{padding-top:60px; display: flex;  justify-content: space-between; align-items: flex-start; margin-bottom:60px;}
.introduce > .subject{font-family: 'GmarketSans'; font-size:36px; line-height: 40px; width:310px; color:#000}
.introduce > .subject span{display:block; font-weight: 700;}
.introduce > .info{width:calc(100% - 310px); line-height: 32px;}

ul.list_ul {margin-left:20px;}
ul.list_ul li {display:flex; flex-wrap: wrap; padding:0 0 0.5rem 25px; justify-content: space-between; position:relative;}
ul.list_ul li:after {content:''; display:block; width:17px; height:8px; position:absolute; top:11px; left:0; background:#e7e7e7; border-radius:30px;}
ul.list_ul li span.title {width:90px;  color:#333; }
ul.list_ul li span.no_w{width:auto; }
ul.list_ul li span {width:calc(100% - 100px);}

.work_wrap{padding:35px 45px; background:#f7f7f7; }
.work{margin:10px 0px;     display: flex;   justify-content: space-between;   align-items: flex-start;}
.work .num_wrap{width:49%}

.num_wrap > ._box {padding:10px 20px; color:#005fca; margin-bottom:30px; font-weight: bold; display: flex;  justify-content: flex-start;  align-items: center; background: #6095c5; border-radius: 30px; color: #fff;}
.num_wrap > ._box span.num{text-align: center; width:20px; height:20px; border-radius:50%; line-height: 20px; background:#fff; color:#6095c5; font-size:16px; display:inline-block; margin-right:10px; }
.num_wrap > ._box span.text{width:calc(100% - 30px);}

.num_wrap > ._box.gb2{background:#7bb154; }
.num_wrap > ._box.gb2 span.num{color:#7bb154;}

.num_wrap > ._box.gb3{background:#f4959b; }
.num_wrap > ._box.gb3 span.num{color:#f4959b;}

.num_wrap dl{margin:20px;}
.num_wrap dl dt{color:#333; font-weight: bold; padding-left:30px; background:url(/img/meditour/sub/dt_bul.png) no-repeat 0 5px; margin-bottom:10px;}
.num_wrap dl dd{padding-left:33px; margin-bottom:20px;}

.num_wrap dl dd li {position:relative; font-size:16px; padding-left:10px;}
.num_wrap dl dd  li:after {content:''; display:block; width:3px; height:3px; position:absolute; top:13px; left:0; background:#ddd; border-radius:50%;}

@media only screen and (max-width: 1023px){
	.work_wrap{padding:20px 20px;}
	.work_wrap img{width:100%;}
	.work{display:block; }
	.work .num_wrap{width: 100%;}

	.num_wrap > ._box{margin-bottom:0;}

	
	.num_wrap dl{margin: 20px 0;}
	.num_wrap dl dt{background: url(/img/meditour/sub/dt_bul.png) no-repeat 0 3px; margin-bottom: 0px;}
	ul.list_ul li span.title, ul.list_ul li span{width:100%;}
	
}



/* summary-box */
.summary-box{position:relative;padding:50px 150px 50px 55px;border-top:4px solid #152460; border:1px solid #dddddd; border-radius:30px 30px 10px  10px; margin-bottom:50px; }
.summary-box:after{content:"";position:absolute;top:0px;left:0px;width:100%;height:60px; border:4px solid #005fca;border-bottom:0; border-radius:20px 20px 0px  0px; box-sizing:border-box;}


.summary-box h3{ font-family: 'GmarketSans'; font-size:32px; line-height: 40px; font-weight: 400; color:#333; margin-bottom:10px}
.summary-box h3 span{color:#005fca;  font-weight: 700;}
.summary-box p{ color:#333; }

.summary-box.bg_01{background:url(/img/meditour/sub/icon_img02.png) no-repeat 95% center;}
.summary-box.bg_02{background:url(/img/meditour/sub/icon_img02.png) no-repeat 95% center;}
.summary-box.bg_03{background:url(/img/meditour/sub/icon_img03.png) no-repeat 95% center;}
.summary-box .btn{background: #152460; color: #fff !important; height: 38px;  padding: 0 10px;}


@media only screen and (max-width: 1024px){
	.summary-box p br{display:none;}
	.summary-box h3{font-size:30px; line-height: 35px;}
	.summary-box{ padding: 30px;  background: none;}
	.summary-box.bg_01, .summary-box.bg_02, .summary-box.bg_03{background:none;}
}

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

	


	.introduce{display:block; padding-top:30px;}
	.introduce > .subject{ margin-bottom:20px; width:100%; font-size: 30px;   line-height: 35px;}
	.introduce > .subject span{display:inline-block;}
	.introduce > .info{width:calc(100% - 0px)}

}
.introduce_img img{width: 100%;}

.input_tit{background:#005fca url(/img/meditour/sub/input_tit_bg.png) no-repeat right 0; font-size:26px; line-height: 30px; font-family: 'GmarketSans'; padding:20px 30px; color:#fff; border-radius: 0 50px 50px 0px; margin-bottom:30px; }
.input_tit span{color:#fff776;  font-weight: 700;}

@media only screen and (max-width: 1023px){
	.input_tit {font-size:20px; line-height:25px;}

}





ul.bunhal2 {display:flex; flex-flow:row wrap; border-top:2px solid #333; font-size:18px; position:relative; margin-bottom:30px;}
ul.bunhal2:after {content:''; display:block;  width:100%; height:1px; background:#dedede; position:absolute; bottom:0; left:0;}
ul.bunhal2 >li {width:100%; display:inline-block;  border-bottom:1px solid #dedede; display:flex; flex-flow:row wrap; align-items: center; position:relative;}
ul.bunhal2 >li > label {width:200px; padding:10px 10px 10px 40px; color:#000; font-weight:600; display:flex; align-items: center; justify-content:flex-start; box-sizing:border-box; /*word-break: break-all; */line-height:24px;}
ul.bunhal2 >li > label.essential {background:url(/img/meditour/sub/star.png) no-repeat 25px 15px;}

ul.bunhal2 >li > div {width:calc(100% - 200px); padding:10px 15px;  box-sizing:border-box; line-height:44px;}
ul.bunhal2 >li > div input, ul.bunhal2 >li > div select{height:44px; border:0; background-color:#fff; border:1px  solid #ddd; width:calc((100% - 50%) - 148px); margin-right:5px; padding:0 10px;}
ul.bunhal2 >li > div p.tel input[type=text], ul.bunhal2 >li > div p.tel select {width:107px;}
ul.bunhal2 >li > div .textarea{background:#fff; width:100%; border:1px  solid #ddd;}


@media all and (max-width:1024px){
    ul.bunhal2 >li > div p.mw100 input[type=text] {width:100%!important;}
    ul.bunhal2 >li > div.add p:first-child input {width:calc(100% - 110px)!important;}    
    ul.bunhal2 >li > div.add p input[type=text].w90 {width:100%!important;}
    ul.bunhal2 >li > div p.tel select,
    ul.bunhal2 >li > div p.tel input[type=text] {width:calc((100% - 100px) / 3)!important;}
    ul.bunhal2 >li > div p.bith select {width:calc((100% - 18px) / 3)!important;}
    ul.bunhal2 >li > div input[type=text],
    ul.bunhal2 >li > div select {width:calc(100% - 25px);}
    ul.bunhal2 >li > div .bbtn + input[type="text"] {width:calc(100% - 130px)!important;}
    ul.bunhal2 >li > div p.security input[type=text] {width:calc(100% - 195px)!important;}
	
	ul.bunhal2 >li > div p span.ages_02, ul.bunhal2 >li > div p span.ages_01{padding-left:0; width:100%; margin-top:5px;}
	ul.bunhal2 >li > div p span.ages_02 input[type=text], ul.bunhal2 >li > div p span.ages_01 input[type=text]{width:calc(100% - 60px)!important;}
	
	
}

@media all and (max-width:768px){
   ul.bunhal2 >li > label {width:100%; }
    ul.bunhal2 >li:before {left:120px;}
    ul.bunhal2 >li > div {width:100%; padding:10px 15px;}
	ul.bunhal2 >li > div p.security input[type=text] {width:100%!important;}
	ul.bunhal2 >li > div input, ul.bunhal2 >li > div select{width:100%;}

}

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


.taC{text-align: center;}
.btn_cancel{width:113px; border-radius:5px; background:#3e3e3e; color:#fff; line-height: 60px; text-align: center; display:inline-block; font-weight:600; margin-right:10px}
.btn_save{background:#005fca; color:#fff; line-height: 60px; text-align: center; border-radius:5px; width:200px;  display:inline-block; font-weight:600; border:none; font-size:18px;}






ol[class^="list_onum"] li{ padding-left: 30px;    margin-top: 10px;    position: relative; font-size:16px; line-height: 25px }
ol[class^="list_onum"] >li:before{content: ''; position: absolute;    left: 0;  background:#000;   top:0px;  border-radius:50%;    width: 22px;    height: 22px; line-height: 22px;  text-align: center;    color: #fff; font-size:14px;    box-sizing: border-box;}
ol[class^="list_onum"] >li:nth-child(1):before {content: '1';}
ol[class^="list_onum"] >li:nth-child(2):before {content: '2';}
ol[class^="list_onum"] >li:nth-child(3):before {content: '3';}
ol[class^="list_onum"] >li:nth-child(4):before {content: '4';}
ol[class^="list_onum"] >li:nth-child(5):before {content: '5';}
ol[class^="list_onum"] >li:nth-child(6):before {content: '6';}
ol[class^="list_onum"] >li:nth-child(7):before {content: '7';}
ol[class^="list_onum"] >li:nth-child(8):before {content: '8';}
ol[class^="list_onum"] >li:nth-child(9):before {content: '9';}
ol[class^="list_onum"] >li:nth-child(10):before {content: '10';}

ol[class^="list_onum"] >li >ul li {padding-left:10px; margin-top:10px;}
ol[class^="list_onum"] >li >ul li:before {content:''; position:absolute; width:3px; height:3px; background:#bbb; left:0; top:8px; border-radius:50%; }




/*eA°A“i?A¸i??eA³A´ iA·A¨eA¸a€°eA°a“’iA¹A¨*/                                
.private_txt{margin-bottom: 30px;   border: 1px solid #d4d4d4; font-size: 16px;}
.private_txt .scroll_txt{position:relative;padding:40px;height:400px;overflow-y:auto; border:#f7f7f7; line-height: 20px; box-sizing:border-box;}
.private_txt .scroll_txt:focus{border:2px solid #4b6bbe;}
.private_txt .scroll_txt dt{color:#333; font-weight:600; margin-bottom:10px; font-size: 22px; }
.private_txt .scroll_txt dd{color:#555555; font-weight:300; margin-bottom:20px;  font-size: 16px;}
.private_txt .scroll_txt strong{color:#000;}
.private_txt .agree_check{ padding: 30px;  text-align: left;  border-top: 1px solid #d4d4d4;}

.private_txt .check_box{position:relative;display:inline-block;margin-right:10px;height:32px;overflow:hidden;vertical-align:middle;}
.private_txt .check_box input{position:absolute;top:5px;left:5px;z-index:0;width:10px;height:10px;background-color:#fff;border: none;}
.private_txt .check_box input + label{display:block;height:28px;position:relative;}
.private_txt .check_box input + label span{position:relative;display:inline-block;width:26px;height:26px;vertical-align:middle;border:1px solid #6666;border-radius:50%;background:#fff;}

.private_txt .check_box input:checked + label {color:#000;}
.private_txt .check_box input:checked + label span{background:#0055a2;}
.private_txt .check_box input:checked + label span::before{content:''; display:block; position:absolute; left:3px; top:6px; width:14px; height:10px;}
.private_txt .check_box input:focus, .private_txt  div.input_radio .check_box input:checked{background:url(/img/meditour/sub/ch.png) no-repeat 0 0;}


@media all and (max-width:768px){
	.private_txt .check_box{height:auto;}

}

/*병원리슽*/

.hospital_wrap { display: flex;  justify-content: space-between;  align-items: flex-start; flex-wrap: wrap; margin:60px 0;}
.hospital_wrap .list_{width: 48%; margin-bottom:85px;}
.hospital_wrap .list_ .pic{width: 100%; height:290px; margin-bottom:35px; overflow: hidden;}
.hospital_wrap .list_ .title{font-weight: 700; color:#333; font-size:26px; position: relative; vertical-align: middle;}
.hospital_wrap .list_ .title:after{content:'';  background:url(/img/meditour/sub/arr.png) no-repeat center center; height:31px; width:31px; display:inline-block; margin-left:15px; vertical-align: middle;}


.con_list_wrpa{display: flex;   justify-content: space-between;   align-items: center;}
.con_list_wrpa .mare{width: 77px; border:1px solid #ddd; background:url(/img/meditour/sub/arr.png) no-repeat center center; height:76px; text-indent: -99999999999999px;}
.con_list_wrpa .text{width:calc(100% - 100px);    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 98px;
}

.list_  a:hover .con_list_wrpa .mare{border:2px solid #005fca; background:url(/img/meditour/sub/arr_over.png) no-repeat center center;}

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

	.hospital_wrap{display:block;}
	.hospital_wrap .list_ {width: 100%; margin-bottom:50px;}
	.hospital_wrap .list_ .pic{height:100%; margin-bottom: 20px;}
	.hospital_wrap .list_ .pic img{width: 100%;}
	.hospital_wrap .list_ .title{margin-bottom:10px;}

}


/*병원상세*/

.hospital_top{position:relative; display: flex; justify-content: space-between; padding-bottom:35px; margin:60px 0; align-items: flex-start;}
.hospital_top:before{content:''; display:block; border:4px solid #edf1f6; width:93%; right:0px; bottom:0px; height:95%;    position: absolute; z-index:-1; border-top:0;}
.hospital_top:after{content:''; display:block; right:0px; top:20px; position: absolute; background:#edf1f6; width:300px; height:4px; z-index:-1;}

.hospital_top .hospital_img{background:url(/img/meditour/sub/hospital_bg.jpg) no-repeat right bottom; width:45%; padding:0 30px 30px 0;     box-sizing: border-box;}
.hospital_top .hospital_img img{width:100%;}

.hospital_info{width: 49%;  padding: 0 20px 0 0; box-sizing: border-box;}
.hospital_info .hospital_name {font-size:30px; color:#08407e;  margin-bottom:30px;  font-family: 'NEXEN_TIRE_Bold'; display:block;     line-height: 42px; width: 65%; background: #fff;}
.hospital_info .hospital_memo{line-height: 30px; margin-bottom:35px;}
.hospital_info ul li {display:flex; flex-wrap: wrap; padding:0.5rem 0 0.5rem 25px; justify-content: space-between; position:relative;}
.hospital_info ul li:after {content:''; display:block; width:17px; height:8px; position:absolute; top:20px; left:0; background:#e7e7e7; border-radius:30px;}
.hospital_info ul li strong {width:150px;  font-weight:600; color:#08407e; }
.hospital_info ul li span {width:calc(100% - 155px);}
.hospital_info .link_home{border-radius:30px;  font-size: 14px; padding:5px 15px; position:relative; border:1px solid #ddd; }
.hospital_info .link_home:after{content:''; display:inline-block;background:url(/img/meditour/sub/link_home.png) no-repeat 0 0; margin-left:10px; width:14px; height:14px;}

.hospital_bottom{margin-bottom:55px;}
.hospital_bottom .title{position:relative; font-size:26px; font-family: 'GmarketSans'; padding:0 30px 0 36px; color:#333; margin-bottom:50px; line-height:30px}
.hospital_bottom .title span{ background:#fff; }
.hospital_bottom .title span span{font-weight: 700; padding-right:20px;}
.hospital_bottom .title:after{content:''; display:block; width:20px; height:20px; background:#005fca; top:0; left:0; position: absolute; border-radius:50%;}
.hospital_bottom .title:before{content:''; display:block; width:80%;  height:10px;  background:#f6f6f6; top:5px; right:0; position: absolute; z-index:-1;}

.hospital_pic{display: flex; justify-content: space-around; margin-bottom:40px;}
.hospital_pic div{width:49%;}
.hospital_pic img{width:100%;}

.blue_box{background:#f4f6fa; padding:50px; display: flex; justify-content: flex-start;     align-items: center; }
.blue_box span.img{width:145px;}
.blue_box span.text{width:calc(100% - 45px);}


.btn_list{padding:15px 100px; border-radius:5px; border:1px solid #333; color:#333; line-height: 60px; }



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

.hospital_top{display: block; }
.hospital_info, .hospital_top .hospital_img{width: 100%;}
.hospital_top .hospital_img{margin-bottom:20px;  padding:0 15px 15px 0;  }
.hospital_top:before, .hospital_top:after{display:none;}
.hospital_info .hospital_name{width:100%; font-size:30px; line-height: 30px;     margin-bottom: 15px;}
.hospital_bottom .title{line-height: 28px; font-size:23px;}
.hospital_info .hospital_memo{margin-bottom: 10px;}
.hospital_info .hospital_memo br{display:none;}
.hospital_top{margin:30px 0;}

.blue_box{display:block; padding: 25px;}
.blue_box span.img {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 10px;}
	.blue_box span.text{ width: 100%;}
}



.banner_wrap{    display: flex; justify-content: space-between;}
.banner_wrap a{display:block; padding:60px 20px 20px 20px; width: 32%; border:1px solid #ddd; border-radius:5px; text-align: center; box-sizing: border-box;}
.banner_wrap a .img{padding-bottom:60px; margin-bottom:20px; border-bottom:1px solid #ddd; }
.banner_wrap a .img img{max-width:100%;}
.banner_wrap a .text{font-size:16px;}
.banner_wrap a:hover{border:1px solid #005fca;}



@media all and (max-width:1023px){
	.banner_wrap a{width: 49%; margin-bottom:15px;}
	.banner_wrap {    display: flex;    justify-content: space-between;    flex-wrap: wrap;}
}

@media all and (max-width:768px){
	.banner_wrap a{width: 100%; margin-bottom:15px;}
	
}


/*영문 메인*/

.hospital_list{background:url(/img/meditour/eng/list_bg.jpg) no-repeat center 0; padding:46px 120px 77px 120px; margin-bottom:30px;}
.hospital_list .title{text-align: center;     position: relative; font-size:32px; margin-bottom:55px;}
.hospital_list .title:before{content:''; display:block;     position: absolute; top:15px; left:0px; width: 100%; height:9px; background:#f2f2f2; z-index:-1;}
.hospital_list .title span{font-family: 'GmarketSansMedium'; 32px; margin-left:15px; background:#fff; color:#333; z-index:1}
.hospital_list .title span span{color:#07457d; font-weight: 600;}

.list_list{display: flex; justify-content: space-between;}
.list_list a{display:block; padding:33px 20px; width: 20%; border:1px solid #ddd; border-radius:15px; text-align: center; background:#fff;}
.list_list a .img{padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted  #ddd; height:60px; }
.list_list a .text{font-size:16px;}

.list_list a:hover{background: linear-gradient(279deg, rgba(80,174,94,1) 0%, rgba(13,126,170,1) 100%);}
.list_list a:hover .text{color:#fff; font-weight: bold;}

.list_list a:nth-child(1) .img{background:url(/img/meditour/eng/hospital_list01_off.png) no-repeat center 0;}
.list_list a:nth-child(2) .img{background:url(/img/meditour/eng/hospital_list02_off.png) no-repeat center 0;}
.list_list a:nth-child(3) .img{background:url(/img/meditour/eng/hospital_list03_off.png) no-repeat center 0;}
.list_list a:nth-child(4) .img{background:url(/img/meditour/eng/hospital_list04_off.png) no-repeat center 0;}


.list_list a:nth-child(1):hover .img{background:url(/img/meditour/eng/hospital_list01_on.png) no-repeat center 0;}
.list_list a:nth-child(2):hover .img{background:url(/img/meditour/eng/hospital_list02_on.png) no-repeat center 0;}
.list_list a:nth-child(3):hover .img{background:url(/img/meditour/eng/hospital_list03_on.png) no-repeat center 0;}
.list_list a:nth-child(4):hover .img{background:url(/img/meditour/eng/hospital_list04_on.png) no-repeat center 0;}

/**/
.link_banner{display: flex; justify-content: space-between; align-items: center;}
.link_banner a{display:block; padding:67px 50px; width:32%; box-sizing:border-box; }
.link_banner p.title{color:#333333; font-weight: 600; font-size:26px; margin-bottom:13px;}
.link_banner p.sub_title{font-size:18px; color:#555;}

.link_banner a:nth-child(1){background:url(/img/meditour/eng/icon_01.png) no-repeat 92% center;}
.link_banner a:nth-child(2){background:url(/img/meditour/eng/icon_02.png) no-repeat 92% center;}
.link_banner a:nth-child(3){background:url(/img/meditour/eng/icon_03.png) no-repeat 92% center;}

.link_banner a:hover{box-shadow:0 0 0 2px #5982a7 inset;}     




================================================================================
	회원 : member - 로그인
================================================================================
*/
.member {}
.member .loginBox { padding:55px 0px; background:#f8f9fb; border:1px solid #d8dbe2; overflow:hidden; position:relative;}
.member .loginBox .tit { padding-bottom:20px; margin-bottom:30px; font-size:32px; font-family: 'NanumGothic'; color:#3c434c; letter-spacing:-1px; text-align:center; position:relative;}
.member .loginBox .tit span { color:#d5393c;}
.member .loginBox .stxt { font-size:16px; color:#3d434c;}

.member .loginBox2 { padding:55px 0px 0px 0px; background:#f8f9fb; border-top:1px solid #d8dbe2; overflow:hidden; position:relative;}
.member .loginBox2 .tit { padding-bottom:20px; margin-bottom:30px; font-size:32px; font-family: 'NanumGothic'; color:#3c434c; letter-spacing:-1px; text-align:center; position:relative;}
.member .loginBox2 .tit span { color:#d5393c;}
.member .loginBox2 .stxt { font-size:16px; color:#3d434c;}

.member .login-info { text-align:center;}
.member .login-info li { display:inline-block; vertical-align:top;}
.member .login-info .input_box { margin:0 auto;}
.member .login-info .input_box dl { margin-bottom:8px;}
.member .login-info .input_box dt { width:80px; font-size:16px; font-weight:600; color:#3b3b50; text-align:left; display:inline-block;}
.member .login-info .input_box dd { display:inline-block;}
.member .login-info .input_box dd input { width:175px; height:28px; padding:0 5px; border:1px solid #cbcbcb;}
.member .login-info .input_box .id-save { text-align:left; margin-left:80px; display:block;}
.member .login-info .input_box .id-save input { margin-right:5px; background:#fff; border:1px solid #ddd; vertical-align:middle; }
.member .login-info .input_box .id-save span {font-size:14px;}
.member .login-info .btn-login { }
.member .login-info .btn-login button { width:87px; height:68px; font-size:16px; font-weight:600; color:#fff;background:#d5393d; border:none; }

.member .loginBox .helpBox { margin:25px 90px 0; padding-top:25px; background:url(/img/common/dotted.png) repeat-x top; }
.member .loginBox .helpBox ul { letter-spacing:-0.08em; text-align:center;}
.member .loginBox .helpBox ul li { margin:3px 0;}
.member .loginBox .helpBox .btnWrap { margin-left:7px;}
.member .loginBox .helpBox .btnWrap a { min-width:120px; height:32px; line-height:30px; background:#868b96; font-size:14px; font-weight:600; text-align:center; color:#fff; display:inline-block;}

.member .loginBox2 .helpBox { margin:25px 90px 0; padding-top:25px; background:url(/img/common/dotted.png) repeat-x top; }
.member .loginBox2 .helpBox ul { letter-spacing:-0.08em; text-align:center;}
.member .loginBox2 .helpBox ul li { margin:3px 0;}
.member .loginBox2 .helpBox .btnWrap { margin-left:7px;}
.member .loginBox2 .helpBox .btnWrap a { min-width:120px; height:32px; line-height:30px; background:#868b96; font-size:14px; font-weight:600; text-align:center; color:#fff; display:inline-block;}


.member .no-member-login .termsWrap { margin:0 30px;}
.member .no-member-login .terms_box { background:#fff;}
.member .no-member-login .confirm-section { margin-top:-1px;}

	@media only screen and (min-width:1001px) and (max-width:1199px){
		.member .loginBox .helpBox ul { margin-left:0;}
		.member .loginBox2 .helpBox ul { margin-left:0;}
	}
	@media only screen and (max-width:1000px){
		.member .loginBox .helpBox { margin: 25px 7% 0}
		.member .loginBox .helpBox ul { margin-left:0;}
		.member .loginBox2 .helpBox { margin: 25px 7% 0}
		.member .loginBox2 .helpBox ul { margin-left:0;}
	}

	@media only screen and (max-width:680px){
		.member .loginBox { padding:40px 0px 30px; }
		.member .loginBox .tit {  font-size:25px; margin-bottom:15px;}
		.member .login-info .input_box dt { font-size:15px;}

		.member .loginBox2 { padding:40px 0px 30px; }
		.member .loginBox2 .tit {  font-size:25px; margin-bottom:15px;}

		.member .login-info .btn-login { display:block; margin: 0 7%;}
		.member .login-info .btn-login button { width:100%; height:50px; margin-top:15px;}

		.member .loginBox .helpBox { text-align:center;}
		.member .loginBox .helpBox .btnWrap { display:block; margin:7px 0 20px;}

		.member .loginBox2 .helpBox { text-align:center;}
		.member .loginBox2 .helpBox .btnWrap { display:block; margin:7px 0 20px;}


		.member .no-member-login .termsWrap { margin:0 15px;}


	}

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

	}