/* 상단 메뉴 가림*/
.nomenu div.headerwrap, div.headerwrap div.header {height: 100px;min-height: 100px; width: 900px}
.nomenu div.header .main-logo {float: left; padding-top: 20px}
.nomenu div.header .right-btn {float: right; padding-top: 25px; text-align: right}
.nomenu div.header .main-logo img {width: 250px}
div.containerwrap > div.container.width900 {max-width: 900px;}
div.container.width900 .signup_box h1 {font-size: 2em; color: #ab0082; text-align: center}
div.container.width900 .signup_box {margin-top: 20px}
div.header .lang_bg {height: 26px;background: #f9f9f9;color: #000;border: 1px solid #bbb;box-shadow: 2px 2px 2px #eee;float: right;clear: both;
margin-bottom: 8px;display: inline-block;padding: 1px 15px 3px 15px;font-size: .8em;border-radius: 10px;font-weight: normal;cursor: pointer;line-height: 1.5em;}
.nomenu div.header .right-btn .lang_bg span {padding: 3px}
div.container.width900 .signup_box h1 {padding-top: 20px}

/** 결혼추천 **/
.onep { padding: 0}
.onep_logo { padding: 20px 0; text-align: center}
.onep_logo img {width: 250px}
.onep img { vertical-align: middle}
.fl { float: left}
.marriage { background: url('/oneP/images/ceo_lwj.png') right bottom no-repeat; height: auto; overflow: hidden}
.grid1 {  background-color: #a2cddb;  padding: 40px 30px 0 30px; background-image: linear-gradient(to bottom, #a2cddb 60%, #7d7b86 40%); height: auto; overflow: hidden}
.grid2, .grid3, .grid4 {padding: 30px;}
.grid2 {  background-color: #7d7b86; color: #fff;  }
.grid3 {  background-color:#fff  }
.grid4 {  background:#e8e5e0;}
.grid1 .txt_area, .grid2 .txt_area, .grid3 .txt_area, .grid4 .txt_area {width: 860px; margin: 0 auto; line-height: 1.6em;font-size: 1.25em; }
.grid1 .txt_area h1 {font-size: 2.2em; font-weight: bold; line-height: 1.2em; color:#3339ad }
.grid1 .txt_area h1 span { display: inline-block; border-bottom: 2px solid #000; font-size: .8em; clear: both; color: #000}
.grid1 .txt_area h2 {font-size: 1.3em; font-weight: normal;padding: 30px 0}
.grid1 .txt_area h3 {font-size: 1.3em; color: #113086;font-weight: bold; padding-bottom: 30px}
.grid3 .txt_area strong {color:#6563c8 }
.grid4 .txt_area {font-size: 1.3em;}
.grid4 .txt_area strong { color: #b02b63}
.txt_area_w {padding: 30px 20px 40px 0; color: #fff;font-size: 1.15em}
.recomm .grid1 {  padding: 40px 30px 0 30px; background-image: linear-gradient(to bottom, #debbd9 60%, #7d7b86 40%); height: auto; overflow: hidden}
.review .grid1 {  padding: 40px 30px 0 30px; background-image: linear-gradient(to bottom, #dbd6a2 60%, #7d7b86 40%); height: auto; overflow: hidden}
.recomm .grid1 .txt_area h1 {color:#ad336c }
.review .grid1 .txt_area h1 {color:#618310 }
.btn_area { height: auto; overflow: hidden; padding: 60px 20px 20px 20px; text-align: center}
.btn_go { margin-top: 20px; padding:15px 40px; background: #ab0082; color: #fff; text-align: center; font-size: 1.5em; border-radius: 30px}


/*인터넷현수막*/
.region_bg {width: 756px; height: auto; overflow: hidden;margin: 0 auto; background: #f3dfeb; padding-bottom: 20px}
.region_bg img, .valentine_bg img {width: 100%; vertical-align: middle}
.region_conts {padding: 0 70px 30px 70px; font-size: 1.5em;height: auto; overflow: hidden;background: url('/oneP/images/region_bg.jpg') top center repeat-y; background-size: 100% }
.region_conts h1 {font-size: 1.5em; line-height: 1.4em; border-bottom: 5px solid #dd1db0; padding-bottom:25px}
.region_conts h1 strong span {color: #ab0082;}
.region_conts h1 .tour_space {color: #ab0082; font-weight: bold}
.region_txt {font-size: 1.3em; padding-top: 40px}
.region_txt span { background: #fce0ec}
.region_txt h2 {font-size: 1.8em; text-align: center; padding-top: 15px}
.btn {text-align: center; padding-top: 50px; }
.btn span{background: #ab0082; color: #fff; border-radius: 30px; padding: 10px 30px; font-size: 1.2em}
/*발렌타인 현수막*/
.valentine_bg {width: 756px; height: auto; overflow: hidden;margin: 0 auto; background: #d6c6d1; padding-bottom: 20px}
.valentine_bg .region_conts {padding: 0 70px 30px 70px; font-size: 1.5em;height: auto; overflow: hidden;background: url('/oneP/images/valen_bg.jpg') top center repeat-y; background-size: 100% }

@media all and (max-width:767px) {
/* 상단 메뉴 가림*/   
.nomenu div.headerwrap, div.headerwrap div.header {width: 100%; height: 65px; min-height: 60px; padding: 0}
div.containerwrap > div.container.width900 {width: 100%;}
div.container.width900 .signup_box { width: 90%; margin: 0 auto; border-top: 2px solid #ab0082}
.nomenu div.headerwrap {background: none}
.nomenu div.header .right-btn {width: 100%; display: block; position: absolute;top: 0; padding-top: 0; text-align: center; background: #eee}
.nomenu div.header .right-btn .lang_bg {width:100%; padding-top: 6px; float: none; background: none; border-radius: 0; border: 0;box-shadow:none}

.nomenu div.header .right-btn ul {display: none}
.nomenu div.header .main-logo {width: 100%; text-align: center; padding-top: 45px; padding-bottom: 10px}
   .nomenu div.header .main-logo img {width: 220px}
   
/** 결혼추천 **/
.onep_logo img {width: 230px}
.grid1, .grid2, .grid3, .grid4, .recomm .grid1, .review .grid1  {padding:40px  20px;}
.grid1 .txt_area, .grid2 .txt_area, .grid3 .txt_area, .grid4 .txt_area {width: 100%; line-height: 1.5em;font-size: 1.15em; }  
.grid1 {  background-image: linear-gradient(to bottom, #a2cddb 55%, #7d7b86 45%); }
   .txt_area_w {padding-bottom:0; font-size: 1.05em}  
.marriage { background:none}
.grid1 .txt_area h1 {font-size: 1.8em; line-height: 1em}
.grid1 .txt_area h1 span { font-size: 0.65em}
.grid1 .txt_area h2 {font-size: 1.1em;}
.grid1 .txt_area h3 {font-size: 1.1em;}
.btn_area {width: 100%}
.btn_go {font-size: 1.3em}   
   
/*인터넷현수막*/
.region_bg, .valentine_bg {width: 100%}
.region_conts, .valentine_bg .region_conts {padding: 0 30px 0 30px;font-size: 1em; letter-spacing: -0.05em}
.region_txt {font-size: 1.2em; padding-top: 30px}
.btn {padding-top: 30px}
.btn span {font-size: 1em; width: 90%; margin: 0 auto; display: block; padding: 15px}
}