@charset "utf-8";


select {height:33px;line-height:33px;/*padding:0 5px;*/background:#fdfeff;border:1px solid #cfd6d9;border-radius:1px;}
.select {position:relative;display:inline-block;}
.select label {display:block;}
.select select {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
textarea {padding:0 5px;background:#fdfeff;border:1px solid #cfd6d9;resize:none;border-radius:1px;}
input.txt {height:31px;line-height:1.1;padding:0 5px;background:#fdfeff;border:1px solid #cfd6d9;border-radius:1px;}
input.chk {width:16px;height:16px;vertical-align:-2px;}
input[type='checkbox'] {border:1px solid #676767;background:#fff;border-radius:2px;}
input[type='checkbox']:checked {background:#676767 url(../_Img/Content/icon_pack_n.png) no-repeat 2px 3px;background-size:250px;}
input[type='checkbox']:disabled {border:1px solid #a0a0a0;background:#e6e6e6;}

input[type='radio'] {border:1px solid #676767;border-radius:18px;}
input[type='radio']:checked {background:#676767 url(../_Img/Content/icon_pack_n.png) no-repeat -21px 4px;background-size:250px;}
input[type='radio']:disabled {border:1px solid #a0a0a0;background:#e6e6e6;}

.inputFile {position:relative;display:block;}
.inputFile .txt {width:95%;background:#dde1e3;}
.inputFile .fileBtn {position:absolute;overflow:hidden;top:0;right:0;}
.inputFile .fileBtn input {position:absolute;width:100%;cursor:pointer;font-size:22px;opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}

@media all and (max-width:1024px) {
	
	select,
	input.txt,
	input.chk {-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;}
	input.txt {height:33px;margin-top: 5px;}
	.inputFile .txt {height:33px;}
	select {/*padding:0 30px 0 10px;*/background:#fdfeff url(../../images/bg_select.html) no-repeat 100% 50%;background-size:25px;}
	input.chk {border:0;width:18px;height:18px;vertical-align:-5px;}
	input[type='checkbox'] {border:1px solid #676767;background:#fff;border-radius:2px;}
	input[type='checkbox']:checked {background:#676767 url(../_Img/Content/icon_pack_n.png) no-repeat 2px 3px;background-size:250px;}
	input[type='checkbox']:disabled {border:1px solid #a0a0a0;background:#e6e6e6;}
	input[type='radio'] {border:1px solid #676767;border-radius:18px;}
	input[type='radio']:checked {background:#676767 url(../_Img/Content/icon_pack_n.png) no-repeat -22px 3px;background-size:250px;}
	input[type='radio']:disabled {border:1px solid #a0a0a0;background:#e6e6e6;}
}
@media all and (max-width:767px) {
	.input.txt,
	.inputFile .txt,
	select {height:33px;}
}

#jb_mobile1 {width: 10%;}
@media all and (max-width:1024px) {
	#jb_mobile1 {width: 20%;}
	#jb_mobile2 {width: 20%;}
	#jb_mobile3 {width: 20%;}
}
@media all and (max-width:767px) {
	#jb_mobile1 {}
}

/* ======================================================
   msec-01 
=========================================================*/
body.about{background:url(../_Img/Content/01about_bg.png) no-repeat center center #ededed;background-attachment:fixed;}

.about-wrap.about{position:relative;}

.about-wrap.about .info{min-height:600px;position:relative; padding-left:15px; padding-top:0;}
.about-wrap.about .info .img{
    width: 421px;
    height: 591px;
    position: absolute;
    right: 0;
    top: -100px;
    background: url(../_Img/Content/01about_img01.gif) no-repeat center top;
    background-size: cover;
    display: block;
    content: ""
}
.about-wrap.about .info dl{}
.about-wrap.about .info dt{font-weight:600; font-size:48px; letter-spacing:-0.03em; line-height:1em; color:#000;}
.about-wrap.about .info dt span{position:relative; padding-top:20px; display:inline-block;vertical-align:top;}
.about-wrap.about .info dt span:before{width:270px;height:4px; background:#d8b100; position:absolute; left:0; top:0; display:block; content:""}
.about-wrap.about .info dd{ margin-top:2px;}
.about-wrap.about .info dd .btxt{color:#000; font-weight:600; font-size:27px; letter-spacing:-0.03em; line-height:1.3em; margin-bottom:20px;}
.about-wrap.about .info dd .stxt{font-weight:300; color:#000 ;line-height:1.35em; font-size:17px; letter-spacing:-0.03em; }

.about-wrap.about .info dl.last{margin-top:100px;}
.about-wrap.about .info dl.last dt span:before{background:#373e8f;}
	@media only screen  and (max-width:1350px) {
		.about-wrap.about .info{min-height:auto; padding-right:40%; padding-bottom:25px;}
		.about-wrap.about .info .img{
    width: 339px;
}
		.about-wrap.about .info dt{font-size:41px;}
		.about-wrap.about .info dt span{position:relative; padding-top:25px;}
		.about-wrap.about .info dt spanbefore{width:270px;height:4px; background:#d8b100; position:absolute; left:0; top:0; display:block; content:""}

		.about-wrap.about .info dd{ margin-top:15px;}
		.about-wrap.about .info dd .btxt{font-size:31px;margin-bottom:15px;}
		.about-wrap.about .info dd .stxt{font-size:16px;}

		.about-wrap.about .info dl.last{margin-top:90px;}
	}
	@media only screen  and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px){
		.about-wrap.about .info{padding-left:10px;}
		.about-wrap.about .info dt{font-size:36px;}
		.about-wrap.about .info dt span{position:relative; padding-top:20px;}
		.about-wrap.about .info dt span:before{height:2px;}

		.about-wrap.about .info dd{ margin-top:20px;}
		.about-wrap.about .info dd .btxt{font-size:20px;margin-bottom:10px;}
		.about-wrap.about .info dd .stxt{font-size:15px; word-break: keep-all;}
		.about-wrap.about .info dd .stxt br{display:none;}

		.about-wrap.about .info dl.last{margin-top:70px;}
	}
	@media only screen and (max-width:680px){
		.about-wrap.about .info{padding-left:5px;}
		.about-wrap.about .info dt{font-size:29px;}
		.about-wrap.about .info dt span{padding-top:15px;}
		.about-wrap.about .info dt span:before{height:2px;}

		.about-wrap.about .info dd{ margin-top:15px;}
		.about-wrap.about .info dd .btxt{font-size:24px;margin-bottom:10px;}
		.about-wrap.about .info dd .stxt{}
	}
	@media only screen and (max-width:580px){
		.about-wrap.about .info{padding-right:0; padding-left:0;}
		.about-wrap.about .info .img{height:300px; position:relative; right:auto; top:auto; width:auto; margin-top:30px;}

		.about-wrap.about .info dd{margin-top:10px}

		.about-wrap.about .info dl.last{margin-top:30px;}
	}
	@media only screen and (max-width:480px){
		.about-wrap.about .info .img{height:300px; width: 70%; margin: 30px auto;}
	}


.about-wrap.about .tactic{margin-top:110px;background:url(../_Img/Content/tactic-img01.html) no-repeat center top; background-size:cover; height:400px;display:flex;align-items: center; justify-content: center;}
.about-wrap.about .tactic .vc{width:100%;}
.about-wrap.about .tactic .btxt{font-size:36px;text-align:center; font-weight:#ff; color:#fff; letter-spacing:-0.035em; line-height:1.2em;word-break: keep-all; }
.about-wrap.about .tactic .txt{margin-top:25px;}
.about-wrap.about .tactic .txt li{text-align:center;}
.about-wrap.about .tactic .txt li:nth-child(n+2){margin-top:5px;}
.about-wrap.about .tactic .txt p{display:inline-block;vertical-align:top; padding-left:10px; position:relative;font-weight:300; color:#fff ;line-height:1.35em; font-size:16px; letter-spacing:-0.03em; }
.about-wrap.about .tactic .txt p:before{width:3px;height:3px; position:absolute; left:0; top:9px; background:#fff; border-radius:100%; display:block;content:""}
	@media only screen  and (max-width:1350px) {
		.about-wrap.about .tactic{margin-top:90px; height:360px;}
		.about-wrap.about .tactic .btxt{font-size:31px;}
		.about-wrap.about .tactic .txt p{font-size:15px}
		.about-wrap.about .tactic .txt p:before{top:8px;}
	}
	@media only screen  and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px){
		.about-wrap.about .tactic{margin-top:70px; height:320px;}
		.about-wrap.about .tactic .btxt{font-size:27px; padding:0 20px;}
		.about-wrap.about .tactic .txt{margin-top:20px;}
		.about-wrap.about .tactic .txt ul{padding:0 20px;}
	}
	@media only screen and (max-width:680px){
		.about-wrap.about .tactic{margin-top:40px;}
		.about-wrap.about .tactic .btxt{font-size:24px;}
		.about-wrap.about .tactic .txt{text-align:center;}
		.about-wrap.about .tactic .txt ul{display:inline-block;vertical-align:top;}
		.about-wrap.about .tactic .txt li{text-align:left;}
		.about-wrap.about .tactic .txt p{font-size:14px; padding-left:8px;}
		.about-wrap.about .tactic .txt p:before{top:8px;}
	}
	@media only screen and (max-width:480px){
		.about-wrap.about .tactic{margin-top:30px;}
		.about-wrap.about .tactic .btxt{font-size:21px;}
	}



.about-wrap.about .purpose{ padding:0 15px;}
.about-wrap.about .purpose h3{font-size:36px; font-weight:300; color:#000; letter-spacing:-0.035em; line-height:1.2em; }
.about-wrap.about .purpose ul{margin-top:1px;}
.about-wrap.about .purpose li{padding:0px 0 40px 0px;position:relative;}
.about-wrap.about .purpose li:nth-child(n+2){border-top:1px solid #e4e4e4}
.about-wrap.about .purpose li:nth-child(n+2) .btxt{color:#f68933;}
.about-wrap.about .purpose li .btxt{left: 0; font-weight:400; color:#3a8dfd; line-height:1.35em; font-size:20px; letter-spacing:-0.03em;}
.about-wrap.about .purpose li .stxt{font-weight:400; color:#373d90; line-height:1.35em; font-size:20px; letter-spacing:-0.03em; }
.about-wrap.about .purpose li .txt p{font-weight:300; color:#000 ;line-height:1.4em; font-size:20px; letter-spacing:-0.03em;word-break: keep-all; }
.about-wrap.about .purpose li .mg25t{}
	@media only screen  and (max-width:1350px) {
		.about-wrap.about .purpose{margin-top:10px;} 
		.about-wrap.about .purpose h3{font-size:31px;}
		.about-wrap.about .purpose ul{margin-top:20px;}
		.about-wrap.about .purpose li{padding:0px 0 30px 0px;}
		.about-wrap.about .purpose li .btxt{font-size:20px; top:30px; color:#3a8dfd;}
		.about-wrap.about .purpose li .stxt{font-size:20px; top:30px; color:#373d90;}
		.about-wrap.about .purpose li .txt p{font-size:16px;}
	}
	@media only screen  and (max-width:1200px) {
		
	}
	@media only screen and (max-width:999px){
		.about-wrap.about .purpose{margin-top:10px;padding:0 10px;} 
		.about-wrap.about .purpose h3{font-size:27px;}
		.about-wrap.about .purpose ul{margin-top:15px;}
		.about-wrap.about .purpose li{padding:0px 0 20px 0px;}
		.about-wrap.about .purpose li .btxt{font-size:17px; top:20px; color:#3a8dfd;}
		.about-wrap.about .purpose li .stxt{font-size:17px; top:20px; color:#373d90;}
		.about-wrap.about .purpose li .txt p{font-size:15px;}
	}
	@media only screen and (max-width:680px){
		.about-wrap.about .purpose{margin-top:10px;padding:0 5px;} 
		.about-wrap.about .purpose h3{font-size:24px;}
		.about-wrap.about .purpose ul{}
		.about-wrap.about .purpose li{padding:0}
		.about-wrap.about .purpose li:nth-child(n+2){margin-top:25px; padding-top:25px;}
		.about-wrap.about .purpose li .btxt{font-size:15px;position:relative; left:auto; top:auto; margin-bottom:10px; color:#3a8dfd;}
		.about-wrap.about .purpose li .btxt br{display:none;}
		.about-wrap.about .purpose li .stxt{font-size:15px;position:relative; left:auto; top:auto; margin-bottom:10px; color:#373d90;}
		.about-wrap.about .purpose li .stxt br{display:none;}
		.about-wrap.about .purpose li .txt p{}
	}
	@media only screen and (max-width:480px){
		.about-wrap.about .purpose h3{font-size:21px;}
	}



/* ======================================================
   about-wrap.goal 
=========================================================*/
.about-wrap.goal{max-width:1100px; margin:0 auto; margin-top:-95px;}
.about-wrap.goal .found{font-size:0;text-align:center; padding-top:100px;position:relative;}
.about-wrap.goal .found:after{width:2000px;height:420px; background:url(../_Img/Content/goal-vis.html) no-repeat center top; z-index:-1;position:absolute; left:50%;margin-left:-1000px; top:0;display:block; content:""}
.about-wrap.goal .found dt{font-size:48px; font-weight:500; color:#2d2d2d; line-height:1.2em;margin-bottom:80px; letter-spacing:-0.03em;}
.about-wrap.goal .found dd{display:inline-block; width:33.33333%; max-width:400px;vertical-align:top; }
.about-wrap.goal .found dd div{display:flex;align-items: center; justify-content: center;height:260px;}
.about-wrap.goal .found dd p{font-size:20px; font-weight:500; letter-spacing:-0.03em; line-height:1.3em;  color:#fff;}

.about-wrap.goal .found dd.d01{background:url(../_Img/Content/goal-img01.jpg) no-repeat center top; background-size:cover}
.about-wrap.goal .found dd.d02{margin-left:-50px; margin-top:-20px;background:url(../_Img/Content/goal-img02.jpg) no-repeat center top; background-size:cover}
.about-wrap.goal .found dd.d03{margin-left:-50px;background:url(../_Img/Content/goal-img03.jpg) no-repeat center top; background-size:cover}
	@media only screen  and (max-width:1350px) {
		.about-wrap.goal .found{padding-top:140px;}
		.about-wrap.goal .found:after{width:1680px; margin-left:-840px; height:365px; background-size:cover;}
		.about-wrap.goal .found dt{font-size:43px; margin-bottom:70px;}

		.about-wrap.goal .found dd div{height:230px}
		.about-wrap.goal .found dd p{font-size:19px;}

		.about-wrap.goal .found dd.d02{margin-left:-1%;}
		.about-wrap.goal .found dd.d03{margin-left:-1%;}
	}
	@media only screen and (max-width:999px){
		.about-wrap.goal .found{padding-top:110px;}
		.about-wrap.goal .found:after{width:1440px;margin-left:-720px;  height:315px;}
		.about-wrap.goal .found dt{font-size:38px; margin-bottom:60px;}
		
		.about-wrap.goal .found dd div{height:200px}
		.about-wrap.goal .found dd p{font-size:18px;}
	}
	@media only screen and (max-width:680px){
		.about-wrap.goal .found{padding-top:80px;}
		.about-wrap.goal .found:after{width:1190px;margin-left:-595px; height:260px;}
		.about-wrap.goal .found dt{font-size:33px; margin-bottom:50px;}
		
		.about-wrap.goal .found dd.d02{margin-left:-0.5%;}
		.about-wrap.goal .found dd.d03{margin-left:-0.5%;}
		
		.about-wrap.goal .found dd div{height:170px}
		.about-wrap.goal .found dd p{font-size:17px; word-break: keep-all; padding:0 15px;}
	}
	@media only screen and (max-width:480px){
		.about-wrap.goal .found{padding-top:50px;}
		.about-wrap.goal .found:after{width:1050px;margin-left:-525px; height:235px;}
		.about-wrap.goal .found dt{font-size:27px; margin-bottom:40px;}

		.about-wrap.goal .found dd{display:inline-block;width:96%;}
		.about-wrap.goal .found dd.d01{margin-left:0; border-top-left-radius:14px;/* border-top-right-radius:14px; */}
		.about-wrap.goal .found dd.d02{margin-left:0; margin-top:10px;}
		.about-wrap.goal .found dd.d03{margin-left:0; margin-top:10px; border-bottom-right-radius:14px;/*  border-bottom-left-radius:14px; */}

		.about-wrap.goal .found dd div{height:140px}
		.about-wrap.goal .found dd p{}
	}
	@media only screen and (max-width:380px){
		.about-wrap.goal .found:after{width:920px;margin-left:-460px; height:200px;}
		.about-wrap.goal .found dt{font-size:24px; margin-bottom:30px;}
		.about-wrap.goal .found dd div{height:110px}
		.about-wrap.goal .found dd.d02{margin-top:7px;}
		.about-wrap.goal .found dd.d03{margin-top:7px;}
	}

.about-wrap.goal .history{margin-top:115px; border-bottom:2px solid #3a3a3a;}
.about-wrap.goal .history h3{ font-family:'GothamPro'; font-weight:800; line-height:1.2em; font-size:36px; text-transform:uppercase; color:#2d2d2d; text-align:center;}
.about-wrap.goal .history .tab{margin-top:25px; border-top:2px solid #3a3a3a; border-bottom:2px solid #cfcfcf}
.about-wrap.goal .history .tab ul{}
.about-wrap.goal .history .tab ul:after{display:block; content:"";clear:both;}
.about-wrap.goal .history .tab li{float:left; width:20%;}
.about-wrap.goal .history .tab li a{display:block; padding:22px 0; line-height:24px; text-align:center; font-size:26px; color:#bbb;font-weight:800; font-family:'GothamPro';}
.about-wrap.goal .history .tab li a span{display:inline-block;vertical-align:top; position:relative;}
.about-wrap.goal .history .tab li.active a {color:#2d2d2d}
.about-wrap.goal .history .tab li.active a span{padding-left:24px;}
.about-wrap.goal .history .tab li.active a span:before{width:15px;height:15px;background:#ff8519; border-radius:100%; position:absolute; left:0; top:4px; display:block; content:""}
.about-wrap.goal .history .tab li:nth-child(n+6){border-top:1px solid #cfcfcf}
.about-wrap.goal .history .tab-sel{display:none;width:100%;}
.about-wrap .chk-select{position:relative; box-sizing:border-box;display:inline-block; vertical-align:top}
.about-wrap .chk-select:after{background:url(../_Img/Sub/select-arrow.png) no-repeat center center; background-size:9px auto;position:absolute; width:12px; height:10px; margin-top:-5px; position:absolute; right:9px; top:50%; display:block; content:""; z-index:3}
.about-wrap .chk-select select{font-size:14px; border:1px solid #cacaca; width:100%; height:38px; color:#afafaf; box-sizing:border-box; padding:0 20px 0 7px; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;width:100%; margin:0;  position:relative; z-index:5; cursor:pointer;}
.about-wrap .chk-select select::-ms-expand{display:none;}
.about-wrap .chk-select.active select{color:#222;}

	@media only screen  and (max-width:1350px) {
		.about-wrap.goal .history{margin-top:90px;}
		.about-wrap.goal .history h3{font-size:33px;}

		.about-wrap.goal .history .tab li a{font-size:24px; line-height:22px; padding:20px 0;}
	}
	@media only screen and (max-width:999px){
		.about-wrap.goal .history{margin-top:70px;}
		.about-wrap.goal .history h3{font-size:28px;}
		.about-wrap.goal .history .tab{margin-top:20px;}
		
		.about-wrap.goal .history .tab li{width:25%; position:relative;}
		.about-wrap.goal .history .tab li:after{width:100%;height:1px ; bottom:-1px; background:#cfcfcf; display:block; content:""; position:absolute;}
		.about-wrap.goal .history .tab li a{font-size:19px; line-height:20px; padding:17px 0;}
		.about-wrap.goal .history .tab li.active a span{padding-left:20px;}
		.about-wrap.goal .history .tab li.active a span:before{width:12px;height:12px; top:4px;}
		.about-wrap.goal .history .tab li:nth-child(n+5){border-top:1px solid #cfcfcf}
		
		.about-wrap.goal .history .tab{border-bottom:none; padding-top:10px;}
		.about-wrap.goal .history .tab-sel{display:block;}
		.about-wrap.goal .history .tab ul{display:none;}
	}
	@media only screen and (max-width:680px){
		.about-wrap.goal .history{margin-top:55px;}
		.about-wrap.goal .history h3{font-size:25px;}
		.about-wrap.goal .history .tab{margin-top:15px;}
		
		.about-wrap.goal .history .tab li{width:33.333333%}
		.about-wrap.goal .history .tab li a{font-size:17px; line-height:18px; padding:14px 0;}
		.about-wrap.goal .history .tab li.active a span{padding-left:16px;}
		.about-wrap.goal .history .tab li.active a span:before{width:10px;height:10px; top:4px;}
		.about-wrap.goal .history .tab li:nth-child(n+4){border-top:1px solid #cfcfcf}
		
		.about-wrap .chk-select select{height:35px;padding-left:5px;}
	}
	@media only screen and (max-width:480px){
		.about-wrap.goal .history{margin-top:40px;}
		.about-wrap.goal .history h3{font-size:21px;}
		
		.about-wrap.goal .history .tab li{width:50%}
		.about-wrap.goal .history .tab li a{font-size:15px; line-height:16px; padding:12px 0;}
		.about-wrap.goal .history .tab li:nth-child(n+3){border-top:1px solid #cfcfcf}
	}
	@media only screen and (max-width:380px){
		.about-wrap.goal .history .tab li a{}
	}

.about-wrap.goal .history .list{position:relative;padding:60px 120px 60px 120px;}
.about-wrap.goal .history .list.hide{display:none;}
.about-wrap.goal .history .list dl{position:relative; padding-left:122px;}
.about-wrap.goal .history .list dl:nth-child(n+2){margin-top:50px;}
.about-wrap.goal .history .list dt{position:absolute; left:0; top:0; line-height:18px; padding-left:15px;font-size:24px; font-weight:400; color:#2d2d2d;font-family:'GothamPro';}
.about-wrap.goal .history .list dt:before{width:4px;height:17px; position:absolute; left:0; top:1px; display:block; content:"";background:#ff8519;}
.about-wrap.goal .history .list dd{position:relative; padding-left:50px;}
.about-wrap.goal .history .list dd:nth-child(n+3){margin-top:35px;}
.about-wrap.goal .history .list dd .btxt{font-size:16px; font-weight:500; color:#2d2d2d; line-height:1.2em; letter-spacing:-0.03em;position:absolute; left:0; top:0;}
.about-wrap.goal .history .list dd .stxt{position:relative;padding-left:10px; font-size:16px; color:#515151; letter-spacing:-0.03em; line-height:1.2em;}
.about-wrap.goal .history .list dd .stxt:before{width:2px;height:2px; position:absolute; left:0; top:9px; display:block; content:"";background:#747474;}
.about-wrap.goal .history .list dd .stxt:nth-child(n+2){margin-top:4px;}
	@media only screen  and (max-width:1350px) {
		.about-wrap.goal .history .list{padding:50px 100px;}
		
		.about-wrap.goal .history .list dd:nth-child(n+3){margin-top:25px;}

	}
	@media only screen and (max-width:999px){
		.about-wrap.goal .history .list{padding:45px 80px;}

		.about-wrap.goal .history .list dl{padding-left:110px}
		.about-wrap.goal .history .list dl:nth-child(n+2){margin-top:40px;}
		.about-wrap.goal .history .list dt{font-size:21px}
		.about-wrap.goal .history .list dd{padding-left:45px;}
		.about-wrap.goal .history .list dd .btxt{font-size:15px;}
		.about-wrap.goal .history .list dd .stxt{font-size:15px; padding-left:8px;}
		.about-wrap.goal .history .list dd .stxt:before{top:7px;}


		.about-wrap.goal .history .list dd:nth-child(n+3){margin-top:15px;}
	}
	@media only screen and (max-width:680px){
		.about-wrap.goal .history .list{padding:35px 30px;}

		.about-wrap.goal .history .list dl{padding-left:0}
		.about-wrap.goal .history .list dl:nth-child(n+2){margin-top:35px;}
		.about-wrap.goal .history .list dt{font-size:19px;padding-left:12px; position:relative; left:auto; top:auto; margin-bottom:15px;}
		.about-wrap.goal .history .list dt:before{width:3px; height:15px; top:2px;}
		.about-wrap.goal .history .list dd{padding-left:40px; margin-left:12px;}
		.about-wrap.goal .history .list dd .btxt{font-size:14px;}
		.about-wrap.goal .history .list dd .stxt{font-size:14px; padding-left:7px;}
		.about-wrap.goal .history .list dd .stxt:before{top:7px;}

	}
	@media only screen and (max-width:480px){
		.about-wrap.goal .history .list{padding:25px 20px;}
		.about-wrap.goal .history .list dd{}
	}
	@media only screen and (max-width:380px){
		.about-wrap.goal .history .list{padding:25px 10px;}
	}


/* ======================================================
   about-wrap.preview 
=========================================================*/

.about-wrap.preview{max-width:1100px; margin:0 auto;/*padding:150px 0;*/}
.about-wrap.preview h2{font-size:48px;font-weight:500; color:#2d2d2d; letter-spacing:-0.03em; line-height:1.2em; margin-bottom:145px; text-align:center;}
.about-wrap.preview h3{position:relative;line-height:1.2em; padding-left:0px;font-size:24px; font-weight:500;letter-spacing:-0.03em; color:#2d2d2d; margin-bottom:15px}
.about-wrap.preview h3:before{width:4px;height:17px; position:absolute; left:0; top:6px; display:block; content:"";}

.about-wrap.preview table{table-layout:fixed;border-top:2px solid #3a3a3a;}
.about-wrap.preview table thead th{background:#494949; font-size:16px; color:#fff ;text-align:center; font-weight:300; line-height:1.2em; padding:13px 0; border-bottom:1px solid #cfcfcf}
.about-wrap.preview table thead tr th:first-child{background:#fff; color:#4e4e4e;}
.about-wrap.preview table tbody th{padding:13px 0;text-align:center;font-size:16px; font-weight:500; color:#2d2d2d; letter-spacing:-0.03em; background:#f2f2f2;border-bottom:1px solid #cfcfcf}
.about-wrap.preview table tbody td{padding:13px 25px;text-align:left;font-size:16px; font-weight:300; color:#2d2d2d; letter-spacing:-0.03em; background:#fff;border-bottom:1px solid #cfcfcf}
	@media only screen  and (max-width:1350px) {
		.about-wrap.preview{padding:10px 0}
		.about-wrap.preview h2{font-size:43px; margin-bottom:120px;}
		.about-wrap.preview h3{font-size:21px;}
		.about-wrap.preview h3:before{width:4px;height:15px;}
	}
	@media only screen and (max-width:999px){
		.about-wrap.preview{padding:10px 0 0 0}
		.about-wrap.preview h2{font-size:38px; margin-bottom:95px;}
		.about-wrap.preview h3{font-size:18px; padding-left:12px;}
		.about-wrap.preview h3:before{width:3px;height:14px; top:4px; margin-bottom:10px;}

		.about-wrap.preview table thead th{font-size:15px; padding:11px 0;}
		.about-wrap.preview table tbody th{padding:11px 0; font-size:15px;}
		.about-wrap.preview table tbody td{padding:11px 20px; font-size:15px}
	}
	@media only screen and (max-width:680px){
		.about-wrap.preview{padding:10px 0 0 0}
		.about-wrap.preview h2{font-size:33px; margin-bottom:70px;}
		.about-wrap.preview h3{font-size:17px;padding-left:10px;}
		.about-wrap.preview h3:before{width:3px;height:14px; top:3px;}
		
		.about-wrap.preview table colgroup col:first-child{width:62px;}
		.about-wrap.preview table thead th{font-size:14px; padding:9px 0 11px 0;}
		.about-wrap.preview table tbody th{padding:9px 0 11px 0;font-size:14px;}
		.about-wrap.preview table tbody td{padding:9px 15px 11px 15px;font-size:14px}
	}
	@media only screen and (max-width:480px){
		.about-wrap.preview{padding:40px 0 0 0}
		.about-wrap.preview h2{font-size:27px; margin-bottom:40px;}
		.about-wrap.preview h3{font-size:16px}
	}
	@media only screen and (max-width:380px){
		.about-wrap.preview h2{font-size:24px;margin-bottom:25px;}
	}
.about-wrap.preview .preview{margin-top:15px;padding:70px 50px 0 140px;background:#fff; position:relative;   border-top:2px solid #2d2d2d;border-bottom:2px solid #2d2d2d}
.about-wrap.preview .preview .tab{position:absolute; left:0; top:0; width:90px;height:100%;min-height:679px;}
.about-wrap.preview .preview .tab:before{position:absolute; left:0; top:0; width:100%;height:100%; border:1px solid #dbdbdb;border-top:0; border-bottom:none; box-sizing:border-box;z-index:1; background:#fff; display:block; content:""}
.about-wrap.preview .preview .tab ul{position:relative;z-index:2;}
.about-wrap.preview .preview .tab ul:after{display:block; content:"";clear:both;}
.about-wrap.preview .preview .tab li{border-bottom:1px solid #dbdbdb}
.about-wrap.preview .preview .tab li:last-child{border-bottom:none;}
.about-wrap.preview .preview .tab li a{display:block; text-align:center; font-size:18px; font-weight:500; letter-spacing:-0.03em; line-height:69px;  width:100%;}
.about-wrap.preview .preview .tab li.active a{background:#373d90; color:#fff; width:100%;}

.about-wrap.preview .preview .con{box-sizing:border-box;min-height:889px; position:relative;}
.about-wrap.preview .preview .tab-con{position:relative; left:auto; top:auto; width:auto; height:auto;}
.about-wrap.preview .preview .tab-con.hide{display:block;position:absolute ; left:-999999999em; top:-999999999em; width:100%;height:auto;}

.about-wrap.preview .preview-slide{position:relative;}
.about-wrap.preview .preview-slide .item{position:relative;}
.about-wrap.preview .preview-slide .img img{width:100%; background:url(_Img/Content/preview-prev.png); background:url(_Img/Content/preview-next.png)}
.about-wrap.preview .preview-slide .txt{position:absolute; left:0; top:0; width:100%; text-align:left; box-sizing:border-box; padding:17px 35px;background:rgba(0,0,0,0.6)}
.about-wrap.preview .preview-slide .txt p{font-size:16px; letter-spacing:-0.03em; color:#fff;}
.about-wrap.preview .preview-slide .txt p span{font-size:24px;font-weight:500; margin-right:12px}

.about-wrap.preview .thums{margin:32px -0.5% 0 -0.5%}
.about-wrap.preview .thums:after{display:block; content:""; clear:both;}
.about-wrap.preview .thums li{float:left; width:19%; margin:0 0.5%}
.about-wrap.preview .thums li:nth-child(n+6){margin-top:1%}
.about-wrap.preview .thums li a{display:block;position:relative;}
.about-wrap.preview .thums li a:after{position:absolute; left:0; top:0; width:100%;height:100%; background:rgba(255,255,255,0.3); display:block; content:"";}
.about-wrap.preview .thums li a img{width:100%;height:107px;height:98px;object-fit:cover;-webkit-filter: grayscale(100%);filter: gray;opacity:0.8}
.about-wrap.preview .thums li.active{z-index:5;}
.about-wrap.preview .thums li.active a:after{opacity:0}
.about-wrap.preview .thums li.active a img{-webkit-filter: grayscale(0%);filter: none; opacity:1;}

.about-wrap.preview .slick-prev{width:30px;height:50px;text-indent:-9999em;z-index:912; position:absolute; left:15px; top:50%;margin-top:-25px; background:url(../_Img/Content/preview-prev.png) no-repeat center center;border:none;}
.about-wrap.preview .slick-next{width:30px;height:50px;text-indent:-9999em;z-index:912; position:absolute; right:15px; top:50%;margin-top:-25px; background:url(../_Img/Content/preview-next.png) no-repeat center center;border:none;}

.about-wrap.preview .disabled{display:none;}
	@media only screen  and (max-width:1350px) {
		.about-wrap.preview .preview{margin-top:35px;padding:60px 40px 0 120px;}
		.about-wrap.preview .preview .tab{width:80px;min-height:860px;}
		.about-wrap.preview .preview .tab li a{line-height:60px; font-size:16px;}

		.about-wrap.preview .preview .con{min-height:900px;}

		.about-wrap.preview .thums{margin-top:25px}
		.about-wrap.preview .thums li a img{height:95px;}

		.about-wrap.preview .preview-slide .txt{padding:15px 25px}
		.about-wrap.preview .preview-slide .txt p{font-size:15px;}
		.about-wrap.preview .preview-slide .txt p span{font-size:21px; margin-right:10px;}
		.about-wrap.preview .slick-prev{left:10px;width:20px;height:40px; margin-top:-20px; background-size:70% auto;}
		.about-wrap.preview .slick-next{right:10px;width:20px;height:40px; margin-top:-20px; background-size:70% auto;}
	}
	@media only screen and (max-width:999px){
		.about-wrap.preview .preview{margin-top:50px;padding:0 0 0 0;}
		.about-wrap.preview .preview .tab{position:relative; min-height:auto; width:auto; height:auto; left:auto; top:auto;}
		.about-wrap.preview .preview .tab:before{border:none;border-bottom:1px solid #dbdbdb;}
		.about-wrap.preview .preview .tab li{float:left; width:10%;position:relative;}
		.about-wrap.preview .preview .tab li a{line-height:50px; font-size:15px;}
		.about-wrap.preview .preview .tab li:before{width:1px;height:100%; position:absolute; right:0; top:0;display:block; content:"";background:#dbdbdb}
		.about-wrap.preview .preview .tab li:nth-child(10n):before{display:none;}
		.about-wrap.preview .preview .tab li.active:before{display:none;}
		
		.about-wrap.preview .preview .con{min-height:auto; margin:30px 30px 0 30px; padding-bottom:30px;}

		.about-wrap.preview .preview-slide .txt{padding:10px 20px; position:relative; left:auto; top:auto;background:#444;}
		.about-wrap.preview .preview-slide .txt p{font-size:14px;}
		.about-wrap.preview .preview-slide .txt p span{font-size:18px; margin-right:7px;}
		
		.about-wrap.preview .thums{margin-top:20px}
		.about-wrap.preview .thums li{ width:24%;}
		.about-wrap.preview .thums li:nth-child(n+5){margin-top:1%}
		.about-wrap.preview .thums li a img{height:auto;object-fit:fill;}

		.about-wrap.preview .slick-prev{left:10px;width:14px;height:30px; margin-top:-15px; background-size:70% auto;}
		.about-wrap.preview .slick-next{right:10px;width:14px;height:30px; margin-top:-15px; background-size:70% auto;}
	}
	@media only screen and (max-width:680px){
		.about-wrap.preview .preview{margin-top:35px;}
		.about-wrap.preview .preview .tab li{float:left; width:12.5%;position:relative;}
		.about-wrap.preview .preview .tab li a{line-height:45px;}
		.about-wrap.preview .preview .tab li:nth-child(10n):before{display:block;}
		.about-wrap.preview .preview .tab li:nth-child(8n):before{display:none !important;}

		.about-wrap.preview .preview .con{margin:15px 15px 0 15px; padding-bottom:15px;}

		.about-wrap.preview .preview-slide .txt{padding:7px 15px;}
		.about-wrap.preview .preview-slide .txt p{font-size:13px;}
		.about-wrap.preview .preview-slide .txt p span{font-size:16px; margin-right:7px;}
		
		.about-wrap.preview .thums{margin-top:15px}
		.about-wrap.preview .thums li{ width:32.33333%;}
		.about-wrap.preview .thums li:nth-child(n+4){margin-top:1%}
		.about-wrap.preview .thums li a img{}

		.about-wrap.preview .slick-prev{left:5px;width:12px;height:30px; margin-top:-15px; background-size:70% auto;}
		.about-wrap.preview .slick-next{right:5px;width:12px;height:30px; margin-top:-15px; background-size:70% auto;}
	}
	@media only screen and (max-width:480px){
		.about-wrap.preview .preview{margin-top:20px;}
		.about-wrap.preview .preview .tab li{float:left; width:16.66666%;position:relative;}
		.about-wrap.preview .preview .tab li a{line-height:38px;font-size:14px;}
		.about-wrap.preview .preview .tab li:nth-child(8n):before{display:block !important;}
		.about-wrap.preview .preview .tab li:nth-child(6n):before{display:none !important;}

		.about-wrap.preview .preview .con{margin:12px 12px 0 12px; padding-bottom:12px;}

		.about-wrap.preview .preview-slide .txt{padding:5px 10px;}
		.about-wrap.preview .preview-slide .txt p{font-size:13px;}
		.about-wrap.preview .preview-slide .txt p span{font-size:15px; margin-right:5px;}
	}
	@media only screen and (max-width:380px){
		.about-wrap.preview .preview .tab li{width:20%;}
		.about-wrap.preview .preview .tab li a{line-height:35px;font-size:13px;}
		.about-wrap.preview .preview .tab li:nth-child(6n):before{display:block !important;}
		.about-wrap.preview .preview .tab li:nth-child(5n):before{display:none !important;}
	}
	

/* ======================================================
	owl slide 
=========================================================*/
.owl-item {float:left;}
.owl-carousel .owl-wrapper {display: none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.owl-stage-outer{overflow:hidden;}
.owl-stage:after{display:block; content:"";clear:both;}
.owl-stage-outer:after{display:block; content:"";clear:both;}


/*의료진*/


.docSection {display:block;}
.docSection.aboutDoc {}
.docInfoSection {width:100%;overflow:hidden;} 
.docPicture {position:relative;float:left;width:360px;border:1px solid #ccc;}
.docPicture:after {content:"";position:absolute;right:0;bottom:0;left:0;height:48px;background:#000;opacity:.5;filter:alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.docPicture span {position:absolute;line-height:48px;right:0;bottom:0;left:0;color:#fff;text-align:center;font-size:18px;z-index:1;}
.docInfo {position:relative;float:right;width:589px; padding:0 35px;background:#fefefe;border:1px solid #ddd;}
.docInfo p {position:relative;padding:0 0 0 90px;line-height:30px;}
.docInfo p strong {position:absolute;top:0;left:0; margin-bottom: 15px;}
.docInfo p:first-child {margin:20px 0 20px;}

.docPicture2 {position:relative;float:left;width:360px; height:300px; border:1px solid #ccc;}
.docPicture2:after {content:"";position:absolute;right:0;bottom:0;left:0;height:48px;background:#000;opacity:.5;filter:alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.docPicture2 span {position:absolute;line-height:48px;right:0;bottom:0;left:0;color:#fff;text-align:center;font-size:18px;z-index:1;}
.docInfo2 {position:relative;float:right;width:589px;height:300px;padding:0 35px;background:#fefefe;border:1px solid #ddd;}
.docInfo2 p {position:relative;padding:0 0 0 90px;line-height:30px;}
.docInfo2 p strong {position:absolute;top:0;left:0;}
.docInfo2 p:first-child {margin:20px 0 0;}


@media all and (max-width:1024px) {
	.docInfoSection {display:table;}
	.docPicture {display:table-cell;float:none;width:280px;padding-right:10px;}
	.docPicture:after,
	.docPicture span {right:10px;height:30px;line-height:30px;font-size:16px;}
	.docPicture img {width:100%;}
	/*.docInfo {display:table-cell;float:none;width:auto;height:auto;padding:0;font-size:14px;vertical-align:middle;}*/
	.docInfo {display:table-cell;float:none;width:auto;height:auto;padding:15px;font-size:14px;vertical-align:top;}
	.docInfo p {line-height:1.5;}
	.docInfo p strong {left:15px;}
	.docInfo p:first-child {margin:10px 0 10px;}
	
	
	.docPicture2 {display:table-cell;float:none;width:280px; height:200px; padding-right:10px;}
	.docPicture2:after,
	.docPicture2 span {right:10px;height:30px;line-height:30px;font-size:16px;}
	.docPicture2 img {width:100%;}
	.docInfo2 {display:table-cell;float:none;width:auto;height:auto;padding:0;font-size:14px;vertical-align:middle;}
	.docInfo2 p {line-height:1.5;}
	.docInfo2 p strong {left:15px;}
	.docInfo2 p:first-child {margin:0;}
}
@media all and (max-width:767px) {
	.docInfoSection {display:block;}
	.docPicture {display:block;width:auto;padding:0;}
	.docPicture:after,
	.docPicture span {right:0;}
	.docInfo {display:block;margin:10px 0 0;padding:10px;}
	.docInfo p {padding:0;}
	.docInfo p strong {position:static;display:block;}
	
	
	.docPicture2 {display:block;width:auto;padding:0;}
	.docPicture2:after,
	.docPicture2 span {right:0;}
	.docInfo2 {display:block;margin:10px 0 0;padding:10px;}
	.docInfo2 p {padding:0;}
	.docInfo2 p strong {position:static;display:block;}
}

.btn-consult {display:block;position:absolute;right:42px;bottom:44px;padding:5px 0;width:122px;font-size:16px;line-height:26px;color:#fff;text-align:center;background-color:#ff7e00;}
.btn-consult2 {display:block;position:absolute;right:252px;bottom:44px;padding:5px 0;width:122px;font-size:16px;line-height:26px;color:#fff;text-align:center;background-color:#ff7e00;}

@media all and (max-width:1024px) {
	.btn-consult {bottom:20px;right:20px;width:90px;font-size:14px;line-height:20px;}
	.btn-consult2 {bottom:20px;right:210px;width:90px;font-size:14px;line-height:20px;}
}
@media all and (max-width:767px) {
	.btn-consult {top:10px;bottom:auto;right:10px; position:relative; margin:10px;}
	.btn-consult2 {top:10px;bottom:auto;right:10px; position:relative; margin:10px;}
.doctorSelection {padding:8px 0;border-bottom:1px solid #ddd;}
.doctorSelection li {width:33.3333% !important;text-align:center;border:0;}
.doctorSelection li a {display:block;line-height:50px;color:#666;}
.doctorSelection li.on a {color:#333;background-color:#fff;}
.doctorSelection li.on a span {border-bottom:1px solid #333;}

}

/*찾아오시는길*/

.mapSection {background:#999;}
.daumMap {width:auto;overflow:hidden;}
.daumMap .root_daum_roughmap {width:auto}
.daumMap .root_daum_roughmap .wrap_map {height:400px;}
.mapSection p {padding:15px 20px 20px;color:#fff;}


.bus {position:relative;padding:10px 0 10px 120px;color:#333;}
.bus strong {position:absolute;top:8px;left:0;width:104px;line-height:28px;border-radius:14px;color:#fff;text-align:center;}
.bus .busGreen {background:#2d6613;}
.bus .busRed {background:#be0e3c;}
.bus .busBlue {background:#373d90;}

.airport {position:relative;padding:10px 0 10px 120px;color:#333;}
.airport strong {position:absolute;top:8px;left:0;width:104px;line-height:28px;border-radius:14px;color:#fff;text-align:center;}
.airport .blue {background:#0070c0;}
.airport .sky {background:#8ac6cd;}

.metro {margin:10px 0 0;color:#333;}
.metro strong {display:inline-block;width:22px;line-height:22px;color:#ff7e00;border:3px solid #ff7e00;border-radius:100%;text-align:center;}


/*협력병원*/


.hospList {width:100%;zoom:1;}
.hospList:after {content:"";display:block;clear:both;}
.hospList ul {margin:0 -20px;}
.hospList li {float:left;width:284px;min-height:150px;margin:20px;line-height:1.1;}
.hospList li a {display:block;}
.hospList li .img img {display:block;margin:0 0 15px;border:1px solid #ddd;}
.hospList li .link {font-size:12px;}
@media all and (max-width:1024px) {
	.hospList li {display:inline-block;float:none;width:33.3%;min-height:0;margin:0 -4px 0 0;padding:20px;box-sizing:border-box;vertical-align:top;}
}
@media all and (max-width:767px) {
	.hospList ul {margin:0 -5px;} 
	.hospList li {width:50%;padding:5px;font-size:12px;}
	.hospList li .img {margin:0 0 5px;}
}

/*개인정보취급방침*/

.privacySection h2 {margin:30px 0 0;}
.privacySection h3 {margin:20px 0 0;}
.privacySection p {margin:10px 0;}
.agreeSection {width:100%;padding:0 0 50px;border-bottom:1px solid #ddd;}
.agreeSection.another {border-bottom:0;}
.agreeSection:after {content:"";display:block;clear:both;}
span.error {color:#02cc8c;}
.agreeBox {width:100%;}
.terms {float:left;}
.privacy {float:right; padding-top:10px;}
.agreeBox .agree label {font-size:14px;color:#555;}
.agreeBox .cont {height:138px;overflow-y:auto;margin:5px 0 10px;padding:10px;background:#f5f5f5;border:1px solid #ddd; line-height: 1.5em;}
.agreeBox .subTitle {margin-top:0;}
.agreeAll {margin:55px 0 0;font-size:14px;color:#333;text-align:center;}
@media all and (max-width:1024px) {
	.agreeBox {float:none;width:auto;}
	.privacy {margin:25px 0 0;}
}
@media all and (max-width:767px) {
	.agreeAll .btnM {display:block;width:100px;margin:0 auto;}
}


/* btn */
.btn_blue{display:inline-block;padding:15px;border-radius:5px;color:#fff;background:#40736e;text-align:center;font-size:13px;}
a.btn_blue{color:#fff;}
.btn_Or{display:inline-block;padding:15px;border-radius:5px;color:#fff;background:#cb8917;text-align:center;font-size:13px;}
a.btn_Or{color:#fff;}
.btn_gray{display:inline-block;padding:15px;border-radius:5px;color:#fff;background:#dddddd;text-align:center;font-size:13px;}
a.btn_gray{color:#000;}
.btn_black{display:inline-block;padding:15px;border-radius:5px;color:#fff;background:#333;text-align:center;font-size:13px;}
a.btn_black{color:#fff;}

		
a.btn_blue{display:inline-block;padding:15px 31px;border-radius:5px;color:#fff;background:#40736e;text-align:center;font-size:16px;}
a.btn_blue01{display:inline-block;padding:15px 138px;border-radius:5px;color:#fff;background:#1F4EA5;text-align:center;font-size:16px;}	
a.btn_Or{display:inline-block;padding:15px 31px;border-radius:5px;color:#fff;background:#cb8917;text-align:center;font-size:16px;}
a.btn_gray{display:inline-block;padding:15px 31px;border-radius:5px;color:#fff;background:#dddddd;text-align:center;font-size:16px;}
a.btn_black{display:inline-block;padding:15px 31px;border-radius:5px;color:#fff;background:#333;text-align:center;font-size:16px;}

@media all and (max-width:767px) {
.serch_wrap .join_info_serch{overflow:hidden;float:left;width:100%;display:block;margin-right:2px;}
.serch_wrap .stit{display:block;padding-bottom:10px;font-size:14px;color:#022f82;}
.join_info_serch .stit {display:block; margin:10px 0;padding:6px 0px 6px 0px;font-weight:bold;color: #053384;background: #f5f5f5;line-height: 130%;text-align:center;}
.serch_wrap .join_info_serch .serch_box .btn_area{display:block;position:absolute;*right:0px;top:116px;}
.serch_box ul li{padding-bottom:5px;}
.serch_name{text-align:left;float: left;padding:7px 0px 7px 2px;font-weight:500;font-size: 12px;color: #666;margin-right:5px;}
.serch_birth{*text-align:left;*float: left;padding:7px 0px 7px 2px;font-weight:500;font-size: 12px;color: #666;margin-right:5px;}
.serch_email{*text-align:left;*float: left;padding:7px 0px 7px 2px;font-weight:500;font-size: 12px;color: #666;margin-right:5px;}
.serch_box input.text {padding: 6px 2px;border: solid #ccc 1px;background: #fff;}
.serch_wrap .join_info_serch .serch_box{overflow:hidden;position:relative;width:310px;margin:0 auto;height:155px;}
.serch_wrap .txt_info{display:block;padding-bottom:10px;border-bottom:1px solid #ddd;margin-bottom:15px;font-size:12px;text-align:center;}
.btn_blue01{display:inline-block;padding:12px 131px;border-radius:5px;color:#fff;background:#1F4EA5;text-align:center;font-size:13px;}
.btn_blue{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#40736e;text-align:center;font-size:16px;}
.btn_Or{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#cb8917;text-align:center;font-size:16px;}
.btn_gray{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#dddddd;text-align:center;font-size:16px;}
.btn_black{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#333;text-align:center;font-size:16px;}
}
@media all and (min-width:768px) and (max-width:1330px) {
.btn_blue{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#40736e;text-align:center;font-size:16px;}
.btn_blue01{display:inline-block;padding:15px 138px;border-radius:5px;color:#fff;background:#1F4EA5;text-align:center;font-size:16px;}	
.btn_Or{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#cb8917;text-align:center;font-size:16px;}
.btn_gray{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#dddddd;text-align:center;font-size:16px;}
.btn_black{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#333;text-align:center;font-size:16px;}
}
@media all and (min-width:1331px) {
.btn_blue{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#40736e;text-align:center;font-size:16px;}
.btn_blue01{display:inline-block;padding:15px 138px;border-radius:5px;color:#fff;background:#1F4EA5;text-align:center;font-size:16px;}	
.btn_Or{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#cb8917;text-align:center;font-size:16px;}
.btn_black{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#333;text-align:center;font-size:16px;}
}

/**회원**/


.wrap_login{position:relative;padding:40px 0;border-radius:5px;border:1px solid #ddd;}
.wrap_login .basic_box{padding:0 5%;}
.wrap_login .basic_box .tit_txt{font-size:23px;color:#40736e;margin-bottom:20px;font-weight:400px;letter-spacing:-1px;}
.wrap_login .basic_box .txt01{margin-bottom:10px;font-size:16px;}
.wrap_login .basic_box .txt02{font-size:13px;line-height:150%;color:#666;}


.wrap_joinf{position:relative;padding:80px 0;border-radius:5px;border:1px solid #ddd;}
.wrap_joinf .basic_box{padding:0 5%;}
.wrap_joinf .basic_box .tit_txt{font-size:23px;color:#40736e;margin-bottom:20px;font-weight:400px;letter-spacing:-1px;}
.wrap_joinf .basic_box .txt01{margin-bottom:10px;font-size:16px;}
.wrap_joinf .basic_box .txt02{font-size:13px;line-height:150%;color:#666;}

.wrap_idpw{position:relative;padding:40px 0;border-radius:5px;border:1px solid #ddd;}
.wrap_idpw .basic_box{padding:0 5%;}
.wrap_idpw .basic_box .tit_txt{font-size:23px;color:#40736e;margin-bottom:20px;font-weight:400px;letter-spacing:-1px;}
.wrap_idpw .basic_box .txt01{margin-bottom:10px;font-size:16px;}
.wrap_idpw .basic_box .txt02{font-size:13px;line-height:150%;color:#666;}


.wrap_memout{position:relative; padding-top: 30px; padding-bottom: 60px; border-radius:5px;border:1px solid #ddd;}
.wrap_memout .basic_box{padding:0 5%;}
.wrap_memout .basic_box .tit_txt{font-size:23px;color:#40736e;margin-bottom:20px;font-weight:400px;letter-spacing:-1px;}
.wrap_memout .basic_box .txt01{margin-bottom:10px;font-size:16px;}
.wrap_memout .basic_box .txt02{font-size:13px;line-height:150%;color:#666;}



.login_form{padding:0 5%;}
.login_form .login_body{position:relative;}
.login_form .login_body .btn_login{position:absolute;top:0;right:0;margin-left:20px;}
.login_form .login_body dl dt{float:left;margin-top:10px;color:#40736e;}
.login_form .login_body dl dd{margin:0 0 10px 80px;}
.login_form .login_body dl dd input.input:focus{width:100%;padding:7px 10px;height:32px;border:2px solid #7c87a3;}
.login_form .login_body dl dd input.input{width:100%;padding:7px 10px;height:12px;border:1px solid #b8b8b8;margin-right:5px;}

.login_form .login_footer{overflow:hidden;margin-top:10px;}
.login_form .login_footer li{margin-bottom:10px;background:url(image/ico_bluebullet.html) no-repeat 0 5px;padding-left:10px;font-size:12px;}
.login_form .login_footer li .btn_go{display:inline-block;margin-top:3px;margin-left:10px;padding:2px 5px;border:1px solid #ddd;background:#ebebeb;}



.idpw_form{padding:0 5%;}
.idpw_form .login_body{position:relative;}
.idpw_form .login_body .btn_login{position:absolute;top:0;right:0;margin-left:20px;}
.idpw_form .login_body dl dt{float:left;margin-top:10px;color:#40736e;}
.idpw_form .login_body dl dd{margin:0 0 10px 80px; width:100%;}
.idpw_form .login_body dl dd input.input:focus{width:100%;padding:7px 10px;height:32px;border:2px solid #7c87a3;}
.idpw_form .login_body dl dd input.input{width:100%;padding:7px 10px;height:12px;border:1px solid #b8b8b8;margin-right:5px;}

.idpw_form .login_footer{overflow:hidden;margin-top:10px;}
.idpw_form .login_footer li{margin-bottom:10px;background:url(image/ico_bluebullet.html) no-repeat 0 5px;padding-left:10px;font-size:12px;}
.idpw_form .login_footer li .btn_go{display:inline-block;margin-top:3px;margin-left:10px;padding:2px 5px;border:1px solid #ddd;background:#ebebeb;}




/* 모바일 */
@media all and (max-width:767px) {

.wrap_login .basic_box{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd;text-align:center;}
.wrap_login .basic_box .tit_txt{font-size:16px;}http://dev2.heeil.net/template/main/main.php
.wrap_login .basic_box .txt01{font-size:14px;}

.wrap_joinf .basic_box{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd;text-align:center;}
.wrap_joinf .basic_box .tit_txt{font-size:16px;}http://dev2.heeil.net/template/main/main.php
.wrap_joinf .basic_box .txt01{font-size:14px;}

.wrap_idpw .basic_box{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd;text-align:center;}
.wrap_idpw .basic_box .tit_txt{font-size:16px;}http://dev2.heeil.net/template/main/main.php
.wrap_idpw .basic_box .txt01{font-size:14px;}


.wrap_memout{padding-top: 0px; border:0px solid #ddd;}
.wrap_memout .basic_box{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd;text-align:center;}
.wrap_memout .basic_box .tit_txt{font-size:16px;}http://dev2.heeil.net/template/main/main.php
.wrap_memout .basic_box .txt01{font-size:14px;}

.login_form .login_body .btn_login{ position:relative;top:0;right:0;margin-left:0px; width:80%;}
.login_form .login_body dl dd{margin:0 0 10px 60px; }
.login_form .login_body dl{width:80%;}


.idpw_form .login_body dl dd{margin:0 0 10px 60px;}
.idpw_form .login_body dl{width:60%;}
	
	.board_navigation {text-align: center;}
	
.idpw_form .login_body .btn_login{position: relative; top:0;right:0;text-align: center;}


}


/* 테블릿 */
@media all and (min-width:768px) and (max-width:1330px) {

.wrap_login .basic_box{float:left;width:40%;padding:0 5%;}
.wrap_login .basic_box .tit_txt{font-size:18px;}
.wrap_login .basic_box .txt01{font-size:14px;}

.wrap_joinf .basic_box{float:left;width:50%;padding:0 5%; margin-top:-30px;}
.wrap_joinf .basic_box .tit_txt{font-size:18px;}
.wrap_joinf .basic_box .txt01{font-size:14px;}

.wrap_idpw .basic_box{float:left;width:35%;padding:0 5%;}
.wrap_idpw .basic_box .tit_txt{font-size:18px;}
.wrap_idpw .basic_box .txt01{font-size:14px;}

.wrap_memout .basic_box{float:left;width:60%;padding:0 5%;}
.wrap_memout .basic_box .tit_txt{font-size:18px;}
.wrap_memout .basic_box .txt01{font-size:14px;}

.login_form{margin-left:50%;padding:0 5%;border-left:1px solid #ddd;}
.login_form .login_body dl{width:60%;}

.idpw_form{margin-left:40%;padding:0 5%;border-left:1px solid #ddd;}
.idpw_form .login_body dl{width:60%;}

}

/* pc */
@media all and (min-width:1323px) {
.wrap_login .basic_box{float:left;width:40%;padding:0 5%;}
.wrap_joinf .basic_box{float:left;width:40%;padding:0 5%; margin-top:-30px;}
.wrap_idpw .basic_box{float:left;width:35%;padding:0 5%;}
.wrap_memout .basic_box{float:left;width:65%;padding:0 5%;  margin-top:-30px;}

.login_form{margin-left:50%;padding:0 5%;border-left:1px solid #ddd;}
.login_form .login_body dl{width:60%;}

.idpw_form{margin-left:40%;padding:0 5%;border-left:1px solid #ddd;}
.idpw_form .login_body dl{width:60%;}


}



/* 회원가입 */
.wrap_step{overflow:hidden;margin:20px 0;}
.wrap_step .list_step li{float:left;width:33.3%;padding:20px 0;text-align:center;background:#f5f5f5;font-size:12px;}
.wrap_step .list_step li.on{background:#1F4EA5;color:#fff;}

@media all and (min-width:1331px) {
.wrap_step{overflow:hidden;margin:20px 0;}
.wrap_step .list_step li{float:left;width:33.3%;padding:20px 0;text-align:center;background:#f5f5f5;font-size:14px;}
.wrap_step .list_step li.on{background:#1F4EA5;color:#fff;}
}



/*text top line*/
.contWrap .subTitle span{position:relative; padding-top:27px; display:inline-block;vertical-align:top;}
.contWrap .subTitle span:before{width:170px;height:4px; background:#d8b100; position:absolute; left:0; top:0; display:block; content:""}


.contWrap .subTitle .last{}
.contWrap .subTitle .last:before{background:#40736e;}