@charset "utf-8";
/*
================================================================================
SUB PAGE
================================================================================
*/

/* sub Layout **********************************************************/
.cont_in { position: relative; padding-left:250px; }
.txt_b {position:absolute; width:200px; font-size:1.05em; font-weight:400; color:#888; line-height:1.4em !important; letter-spacing:-0.06em; z-index: 100; }
.txt_button {position:absolute; width:180px;z-index: 100; top:285px}
.txt_b .button { margin-top: 20px}
.img_b { position:absolute; width:125px; height:125px; left: 30px; border-radius: 50%; background: url(../images/sub/bg_board.png) center top no-repeat;}
.img_b.news { background:url(../images/sub/bg_board.gif) center top no-repeat;}
.img_b.freeboard { background-position:center -150px; }
.img_b.sitemap {background-position:center -300px;}
.img_b.sitemap {background-position:center -450px;}
.img_b.program01 {background: url(../images/sub/bg_program.png) center 0 no-repeat;}
.img_b.program02 {background: url(../images/sub/bg_program.png) center -150px no-repeat;}
.img_b.program03 {background: url(../images/sub/bg_program.png) center -300px no-repeat;}
.img_b.program04 {background: url(../images/sub/bg_program.png) center -450px no-repeat;}
.img_b.program05 {background: url(../images/sub/bg_program.png) center -600px no-repeat;}
.img_b.program05_02 {background: url(../images/sub/bg_program.png) center -1350px no-repeat;}
.img_b.program06 {background: url(../images/sub/bg_program.png) center -750px no-repeat;}
.img_b.program07 {background: url(../images/sub/bg_program.png) center -900px no-repeat;}
.img_b.program08 {background: url(../images/sub/bg_program.png) center -1050px no-repeat;}
.img_b.program09 {background: url(../images/sub/bg_program.png) center -1200px no-repeat;}
.img_b.volunteer01{background: url(../images/sub/bg_volunteer.png) center 0 no-repeat;}
.img_b.volunteer02{background: url(../images/sub/bg_volunteer.png) center -150px no-repeat;}
.img_b.volunteer03{background: url(../images/sub/bg_volunteer.png) center -300px no-repeat;}
.img_b.volunteer04{background: url(../images/sub/bg_volunteer.png) center -450px no-repeat;}

@media only screen and (max-width:1024px) {	
	.cont_in { padding-left:0px; }
	.txt_b { display: block; position: relative; margin: 0 auto 20px;padding: 20px 10px;border: 5px solid #e4e4e4;background-color: #fff;width: 100%; text-align: center;top:-30px}
	.txt_b:after{ content: '';position: absolute;right: 30%;top: 100%;display: inline-block;width: 36px;height: 42px;background:#fff url(../images/sub/sp_component.png) no-repeat 0 0}
	.txt_b .button { margin: 10px auto 0; display: block; max-width: 200px}
	.txt_b span { display: block}
	.img_b,
	.txt_b br{ display: none}
}

.tab_content .ttl01:first-child,
.tabcontent .ttl01:first-child { margin-top: 30px}

.ex_box >.list02 { margin-left: -10px; position: relative; padding: 0}

.bd_box li { position: relative;margin-bottom: 5px; padding-left: 15px; }
.bd_box li i{ margin-left: 20px}
.bd_box li:last-child{margin-bottom: 0;}
.bd_box li:before { display: block; position: absolute; left: 0; top:8px;  content: ""; width: 4px; height: 4px; border: 2px solid #666; border-radius: 50%;}

/** 01_intro **********************************************************/
.dlBox.intro02 { margin-bottom: 0 }
.dlBox.intro02 dd.pic { }
.logoBox { background: url(../images/sub/bg_logo.png) repeat; padding: 50px 0}
.logoBox img { max-width: 200px}
table td .people li { display: inline-block; margin: 0 5px !important;padding-left:0}
table td .people li:before {content: '';display: none;position: absolute;left: 0px;top: 9px;background: #ddd; width: 2px; height: 2px;}

/* history */
.history-wrap {background:url(../images/sub/history_bg.gif) no-repeat left 30px top 120px;}
.history-list {position: relative; border-left:1px solid #cdcdcd; margin-left: 20px}
.history-list dt {padding-left:30px;margin-left:-10px;margin-top:30px; margin-bottom: 20px; background:#fff url(../images/common/ico_bul.png) no-repeat 0 10px; font-size:1.3em; color: #444; font-weight:500;}
.history-list dd {color:#555;}
.history-list li {position:relative;padding-left:90px;margin: 5px 0 10px}
.history-list li strong { position: absolute; left: 0px; top:0; color: #5F5E9E; padding-left: 20px; display: block}
.history-list li strong:before { content: ""; display: inline-block; position: absolute; left: 0; top:10px; width: 10px; height: 1px; background-color: #ddd;}

@media all and (max-width:640px){
	.history-wrap {background-position:right bottom}
	.history-wrap .tit-sec {width:100%;}
	.history-wrap .tit-sec .tit span {display:inline-block;vertical-align:middle;margin-right:15px;}
	.history-list {width:98%;margin:30px 0 0 5px;}
	.history-list .sec01 {margin-top:20px;}
}
@media all and (max-width:500px){
	.history-wrap {background-position:right 0;background-size:105px auto}
}
@media all and (max-width:320px){
	.history-list dl {margin-top:30px;}
	.history-list li {padding-left:0;}
	.history-list dd .month {position:relative;display:block;margin-bottom:5px;}
}

/* org */
.org {position: relative; text-align: center; overflow: hidden; margin-bottom: 30px; background: url(../images/sub/pageBg01.gif) no-repeat 50% 0; max-width: 750px;margin:0 auto;}
.org li{display: block;position: relative;}
.org li p{display:block;position: relative;box-sizing:border-box;margin:0 auto;text-align:center;font-size:1.06em;line-height:35px;}
.org li p.name{position:relative;min-height: 85px;}

.org .level1{ position:relative;}
.org .level1 > li > dl { width: 120px; margin:0 auto; border-radius: 15px; color: #fff;padding: 0; margin-bottom: 58px;text-align:center;font-size:1.06em; overflow: hidden}
.org .level1 > li > dl dd {background: #2941a3 url('../images/sub/org_bg01.jpg') no-repeat 0 0;color:#fff;font-size: 0.95em;line-height:40px;}
.org .level1 > li:before{content:"";display: block;border-left:3px solid #ccc;position:absolute;height: 31px;top: 175px;left:50%;}
.org .level2 {position:relative;margin:0 auto;width:100%;}
.org .level2 > li{float:left;width: 33%;padding: 0 20px;}
.org .level2 > li:nth-child(2){ width:34%;}
.org .level2 > li p{padding: 12px 5px;width: 88%;background: #353b47 url('../images/sub/org_bg02.jpg') no-repeat 0 0;color: #fff; text-indent:inherit;}
.org .level2 > li p.name{height: 50px; line-height:24px;}
.org .level2 > li p{background:#a2a8ad;color:#fff;width:100%;padding:10px;margin: 10px 0 0 0;font-size:14px;letter-spacing:-0.03em;}

.org .level2 dl{ position:relative;}
.org .level2 dt{border: 0;background: #353b47 url('../images/sub/org_bg02.jpg') no-repeat 0 0;height: 45px;line-height: 45px;color: #fff;}
.org .level2 dd{ position:relative; margin-top:10px; border-top:1px solid #d3d3d3;}
.org .level2 dd li{width: 100% !important;border: 1px solid #d3d3d3;border-width: 0 1px 1px 1px;padding: 8px  5px;color:#777;background:#f7f7f7;font-size:0.95em;}
.org .level2 dd li em{ display:block;}

.org .level2:after{content:"";display:block;border-top:3px solid #ccc;position:absolute;width: 67%;height: 30px;top: -30px;left: 124px;}
.org .level2 > li:before{content:"";display: block;border-left:3px solid #ccc;position:absolute;height: 30px;top: -30px;left:50%;}
.org .level2 dl dd:before{content:"";display: block;border-left:3px solid #cccccc;position:absolute;height:10px;top: -11px;left:50%;}

.org.ymember .level2 > li{width: 16.6666%;padding: 0 5px;}
.org.ymember .level2 > li:nth-child(2){/* width:20%; */}
.org.ymember .level2 > li dt{line-height:18px; padding-top: 13px;}
.org.ymember .level2 > li dt em { display: block; font-size: .8em; font-weight: 200}
.org.ymember .level2 > li:nth-child(4) dt{padding-top: 4px;}
.org.ymember .level2:after {width: 83.5%;left: 8.5%;}
.org.ymember .level2.col3 > li{width: 33.333333%; padding: 0 20px;}
.org.ymember .level2.col3:after{width: 66.5%;left: 17%;}
.org.ymember .level2.col4 > li{width: 25%;}
.org.ymember .level2.col4:after{width: 75%;left: 12.5%;}
.org.ymember .level2.col5 > li{width: 20%;}
.org.ymember .level2.col5:after{width: 80%;left: 10%;}

@media only screen and (max-width: 1024px){
	.org .level1 dl.name {margin-bottom: 54px;}
	.org .level2:after{left: 16.5%;}
	.org .level2:after,
	.org .level2 li:before{top:-25px;height: 25px;}
	.org .level2 li:beforer{height:25px;}
}
@media only screen and (max-width: 815px) {
	.org { background: url(../images/sub/pageBg02.gif) no-repeat right 10px top 70px;}
	.org li ul{ overflow:hidden;}
	.org .level1 dl.name { float: left; margin-bottom: 20px}
	.org li p{ margin:0 !important;}
	.org .level1 > li > dl.name {margin-bottom: 20px}
	.org .level2 li p{ width:100%;}
	.org .level1 li:before,
	.org .level2:after,
	.org .level2 li:after,
	.org .level2 dl li:before{ display:none !important;}	
	
	.org .level2{ max-width:inherit; position: relative; left:inherit; float:inherit; width:100%; padding:0 0 10px;}
	.org .level2 li{width: 100% !important;padding: 0;}
	.org .level2 dl{margin-bottom:10px; width:95%; float:right;}
	.org .level2 dd li em{ display:inline-block; margin-left:10px}
	.org .level2 dt{ line-height:40px; height:40px;}
	
	.org li:after{content:"";display:block;border:2px solid #ccc;border-width:0px 2px 0 0px;position:absolute;height: 315px;top: 175px;left: 10px;}
	.org .level2:after{content:"";display:none;border:2px solid #ccc;border-width:0px 2px 0 0px;position:absolute;height: 575px;top: 110px;left: 33px; width:2px}
	.org .level2 li:before{ content:''; display: block !important; position:absolute; left:10px;top:24px;border:2px solid #ccc; border-width:2px 0 0 0; width:15px; height:2px; }
	.org .level2 li:before{left:10px;top:20px;width: 33px;}
	.org.ymember .level2> li {padding:0 !important;}
	.org.ymember .level2> li dt{line-height:40px; padding-top: 0 !important}
	.org.ymember .level2 > li dt em { display: inline-block; font-size:1em; font-weight: 200; margin-left: 5px}
	.org.ymember li:after{height: 323px;}
	.org.ymember li br { display: none}
}
@media only screen and (max-width:768px) {
	.org.ymember li:after{height: 315px;}
}
@media only screen and (max-width:450px) {
	.org .level2 dl{ width:92%;}
	.org li:after{height: 304px;}
	.org.ymember li:after{height: 310px;}
	
}
/* location */

.traffic > li {}
.traffic > li .ttl{display: inline-block; width: 100px; position: relative}
.traffic > li .ttl:after { display: inline-block; content: "";  width: 1px; height: 13px; background: #ddd;text-indent: -9999px; position: absolute; right:10px; top:3px}
.ico_traffic {display: inline-block;overflow: hidden;font-size: 0;background: url(../images/sub/ico_traffic_170816.png) no-repeat; margin: 0 5px}
.humetro_line1_small { width: 14px; height: 14px; background-position: -240px 0;}
.ride_wayout > li { margin: 0 0 5px; padding-left: 180px !important; border-bottom: 1px dotted #ddd; padding-bottom: 3px}
.ride_wayout > li:last-child {border-bottom:none; padding-bottom: 0}
.ride_wayout .tit_wayout { position: absolute; left: 10px; top:0}
.list_ride { font-size: .9em;}
.list_ride li { overflow: hidden; position: relative; padding-top: 3px;}
.list_ride .ico_traffic { float: left;  margin-right: 6px;}
.bus_normal, .bus_seat {  width: 26px;  height: 16px;}
.bus_normal {  background-position: -150px -410px;}
.bus_express {width: 26px;height: 16px;background-position: -180px -410px;}
.txt_wayout { color: #666; font-size: .95em}
.txt_walk {  color: #fa5309;}
.screen_out {overflow: hidden;position: absolute;width: 0;height: 0;line-height: 0;text-indent: -9999px;}
.bg_bar {display: inline-block;width: 1px;height: 15px;background: #e5e5e5;text-indent: -9999px;margin: 0 5px}
.txt_number{ padding-left: 2px;font-family: Arial,sans-serif;color: #999; font-size: .9em}
@media all and (max-width:600px){
	.ride_wayout > li {  padding-left: 15px !important; }
	.ride_wayout .tit_wayout { position: relative; left: inherit; display: block}
	
}
/** 02_program **********************************************************/
.programTop {position:relative;text-align:center;margin-bottom:60px;background:url(../images/sub/pageBg01.gif) no-repeat center top;word-break:keep-all}
.programTop .tit {font-size:20px;color:#555;padding-top:25px;margin-bottom:20px; font-weight: 500; line-height: 1.4}
.programTop .txt .divide {display:block;}
.programWrap {overflow:hidden;}

/** 성인회원활동 **/
.box_club { position: relative;margin-bottom: 20px; overflow: hidden;border-radius: 0 30px 0px 0}
.box_club .pic { position: relative; background-color: #688c86; padding-left:40%; margin: 0; }
.box_club .pic .non{background: #f4f4f4 url(../images/board/noImg_logo.png) no-repeat 50% 50%;min-height: 274px;display: block;}
.box_club dl {position: absolute; left:0; top:0; width: 40%; color: #fff; padding: 25px 10px 0 25px; }
.box_club dt {font-size: 1.75em; line-height: 1.3; margin-bottom: 15px }
.box_club dd { position: relative; padding-left: 80px; margin-top: 3px}
.box_club strong { position: absolute; left: 0; top:0; font-weight: 200}
.box_club dd strong:before { content: "·"; display: inline-block; width: 10px}
.box_club em { display: inline-block;}
.box_club.commissioner dt {margin-top: 0; margin-bottom: 5px}
.box_club.commissioner dl dd {padding: 5px 0 0 10px;}
.box_club.commissioner dl dd strong { display: block; position: relative;; left:-10px}
.box_club.commissioner > ul li { margin:0px 0 10px ;padding-left: 10px;color: #333;}
.box_club dd.link { padding-left: 0;margin-top: 15px;}

.box_club .info1 { position: absolute; left: 0; top:0; width: 40%; padding: 20px;}
.box_club > ul{ padding: 20px; border: 1px solid #ddd; border-top: 0}
.box_club > ul li { margin: 3px 0 0 0; position: relative; padding-left: 85px; color: #333 }
.box_club > ul li:before { left:0; background: #6c66b8;}
.box_club > ul li strong { padding-left: 10px; color: #736ebd;font-weight: 500; font-size: 1.05em}
.box_club > ul li.txt { background: none; margin: 0 0 15px 0;  padding: 0;color: inherit}
.box_club > ul li.txt:before { display: none}
.box_club:nth-child(odd) dl {left:inherit; right: 0; }
.box_club:nth-child(odd) .pic {  background-color: #68718C; padding-left:0%; padding-right:40%;}
.box_club:nth-child(even) > ul li strong {color: #487d74;}
.box_club:nth-child(even) > ul li:before { background: #45a497;}
.box_club.bg dl,
.box_club.bg .pic{background-color: #688c86;}
@media all and (max-width:830px){
	.box_club dl {padding: 20px 15px 0 15px}
	.box_club .pic {}
	.box_club:nth-child(odd) .pic { }
	.box_club dt {font-size: 1.5em; margin-bottom: 5px; margin-top: 0}
	.box_club dd {padding-left: 70px}
}
@media all and (max-width:680px){
	.programTop {background-size:contain;margin-bottom:20px;}
	.programTop .tit {padding-top:0; line-height: 1.4; font-size:1.3em; position: relative; margin-bottom: 25px}
	.programTop .tit:after { content: ""; display: block;position: absolute; left: 35%;  bottom: -10px; height: 2px; width: 30%; background-color: #FFA718}
	.programTop .txt br {display:none;}	
	.box_club .pic { padding:0% !important;}
	.box_club dl { padding: 15px 15px 20px; position: relative; width: inherit;}
	.box_club dt { margin-bottom: 5px}
	.box_club > ul {padding: 15px;}
	.box_club > ul li {padding-left: 65px; }
	.box_club.commissioner dl dd strong { display: inline-block; min-width:90px }
	.box_club.commissioner dl dd br { display: none}
	.box_club .pic .non{display: none;}
}
@media all and (max-width:450px){
	.programTop {background:none;}
	.box_club{ border-radius: 15px 15px 0 0 !important}
}
@media all and (max-width:380px){
	.box_club.commissioner dl dd strong { display: block; min-width:inherit}
	.box_club.commissioner dl dd br { display: block}	
}
/** 소비자상담실 **/
.tbl_site { font-size: 15px}
.tbl.tbl_site tbody th, .tbl.tbl_site tfoot th, .tbl td {padding: 6px 3px;}

/** 새터민 **/
.step01.step_defector > li { padding-right: 50px; width: 37%;  overflow: hidden}
.step01.step_defector > li:last-child {padding-right: 0px;width: 26%;}
.step01.step_defector > li dl dt { font-size: 1rem; min-height: 68px;border-radius: 0 30px 0 0;}
.step01.step_defector > li dl dd { min-height: 135px;}
.step01.step_defector > li dl dd li {  margin: 0}
.step01.step_defector > li dl dd p { padding-top: 10%}
.step01.step_defector > li:after{content: '개입'; padding-top: 20px; font-size: .9em; width: 50px;margin-top: -20px}

@media all and (max-width:640px){
	.step01.step_defector > li dl dt,
	.step01.step_defector > li dl dd { min-height: inherit;padding: 10px 0px !important;}
	.step01.step_defector > li dl dd p {padding-top: 0%}
}
.history-list.history_defector { margin-left: 10px}
.history-list.history_defector li{ padding-left: 150px}

.dlBox.dlBox_defector {padding-top: 0px;}
.dlBox.dlBox_defector dl { float: left; width: 50%; clear: none; margin: 0!important; padding-left: 140px; padding-top: 15px; min-height:165px}
.dlBox.dlBox_defector dd.pic { width: 100px; height: 100px; top:15px }

@media only screen and (max-width:700px) {
	.dlBox.dlBox_defector dl{ float: none; width: inherit;min-height:inherit}
}
@media only screen and (max-width:450px) {
	.dlBox.dlBox_defector dd.pic { width: 80px; height: 80px;}
	.dlBox.dlBox_defector dl {padding-left: 90px;min-height:120px}
}
/** 03_member **********************************************************/
.step_join { padding: 20px; background: #f4f6fb; margin-left: 15px; margin-bottom: 10px;text-align: center;border-radius: 0 30px 30px 0 ;}
.step_join li { display: inline-block; padding-left: 33px; position: relative; }
.step_join li:before { content: ""; display: inline-block; position: absolute; left: 0; top:50%; margin-top: -12.5px; width: 33px; height: 25px; background: url(../images/common/bg_step_arrow01.png) no-repeat 0 0}
.step_join li:first-child {padding-left: 0px;}
.step_join li:first-child:before {display:none}
.step_join p { width: 140px; height: 140px; padding-top: 10px; border-radius: 50%;background: #fff; border: 1px solid #bbc7ef; font-size: 0.9em; color: #666; line-height: 1.3 !important }
.step_join i { display: block; font-size: 3em; margin-bottom: 5px; color: #5269b8}
.step_join em {display: block; }
.map { margin: 0 0 10px 15px;background-color:#ddd }
#map { }
#map .root_daum_roughmap{ width:100%; }
.list02 span.txt_xsm { color: #888; padding-bottom: 15px; letter-spacing: -1px}

@media only screen and (max-width:600px) {
	.step_join { padding: 10px 0px;border:none}
	.step_join p { width: 120px; height: 120px;}
	.step_join i {margin-bottom: 5px;}
}
@media only screen and (max-width:480px) {
	.step_join { padding: 15px; border-radius: 0 ;}
	.step_join li { display:block; padding-left: 0px;  padding-top: 25px }
	.step_join li:before {left: 50%; top: 0;  margin-top: 0px; margin-left: -16.5px; background: url(../images/common/bg_step_arrow02.png) no-repeat 0 0}
	.step_join li:first-child {padding-left: 0px;padding-top: 0px }
	.step_join li p { width: inherit; height:inherit; min-height:inherit; line-height:inherit!important; border-radius: 5px;margin: 0; padding:10px ;  font-size: 1em; position: relative}
	.step_join li p em { display: inline}
	.step_join i {	}
	.loadMap.fR,
	.member .fR{ float: none!important; padding-left: 15px; position: relative; top:-11px; }
	.loadMap .fR a,
	.member .fR a{ margin: 0; display: block; text-align: center; border-radius: 0; line-height: 35px;height: 35px;}
}



/** 04_volunteer **********************************************************/

.fR_pic { float: right; padding-left: 20px; text-align: center; width: 280px; border-radius: 10px; overflow: hidden}
.viewBox .ttl01:first-child { margin-top: 0}
@media only screen and (max-width:480px) {
	.fR_pic { float: none; padding-left: 0px; width: inherit; margin-bottom: 15px}
}
/** 05_board **********************************************************/

/** rslides **/
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;z-index: 10}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;  }
.callbacks_container { position: relative; overflow: hidden; border-radius: 0 30px 30px 0}
.rslides .caption { position: absolute; right: 0; bottom:0px; background-color: rgba(0,0,0,.9); padding: 20px; width: 340px; height: 185px; color: #fff; border-radius: 20px 0 0 0}
.rslides .caption dt { margin-bottom: 10px; font-size: 1.3em; color: #ffc637}
.rslides .caption dt span { font-size: .875em; font-weight: 200; display: inline-block; margin-left: 5px}
.rslides .caption dd {font-size: .95em; font-weight: 100; padding-left: 70px; position: relative; color: rgba(255,255,255,1); margin-bottom: 3px}
.rslides .caption dd span { position: absolute; left: 0; top:0; color: rgba(255,255,255,.8); }
.rslides .caption dd span:before {content: ""; display: inline-block; vertical-align: middle; width: 2px; height: 2px; margin-right: 5px; background-color: #666}
.rslides .caption dd em { display: inline-block}
.callbacks_tabs { position: absolute; right: 20px; bottom: 145px; text-align: center; z-index: 100}
.callbacks_tabs li { display: inline-block; padding: 3px; vertical-align: top}
.callbacks_tabs li a { display: block; width: 10px; height: 10px; line-height: 10px; text-indent: -999px; overflow: hidden; border-radius: 50%; background-color:rgba(255,255,255,.3);vertical-align: top }
.callbacks_tabs li.callbacks_here a {background-color:#ffc637}
.callbacks_nav { position: absolute; top:50%; z-index: 100; width: 33px; height:33px; margin-top: -16px; background-color:rgba(0,0,0,0); overflow: hidden; text-indent: -9999px; display: block}
.callbacks_nav.callbacks1_nav.prev { left: 0; }
.callbacks_nav.callbacks1_nav.next { right: 0; }
.callbacks_container:hover .callbacks_nav.callbacks1_nav.prev {background: rgba(0,0,0,.6) url(../images/main/btn_pop_prev.png) no-repeat 0 0;}
.callbacks_container:hover .callbacks_nav.callbacks1_nav.next {background: rgba(0,0,0,.6) url(../images/main/btn_pop_next.png) no-repeat 0 0;}

@media only screen and (max-width:1024px) {	
	
	/* srcoll-table */
	.srcoll-frame			{ position: relative; width: 100%; margin-top:20px; border: 1px solid #ccc;border-top: 2px solid #60a82a; }
	.srcoll-frame:before	{ content: "Scroll >"; display: block; position: absolute; top: -20px; right: 0px; font-size:0.9em;  }
	.srcoll-frame:after		{ content: ""; display: block; position: absolute; top: 0px; bottom: 0;right: 0; width: 20px; background-size: 100% 100%; opacity: 0.5; }
	.srcoll-frame > div		{ position: relative; width: 100%; overflow-x: auto; }
	.system .tabSec:after  { display: none }
	.tabSec .tabs2 li{ width:25% !important;}
	.tabSec .tabs2 li a {height:40px;line-height:38px; font-weight: normal; font-size: 1em}

}
@media only screen and (max-width:640px) {
	.srcoll-frame > div	div{width: 815px;margin-bottom: 0;}
	.srcoll-frame table.form{  display: table} 
	.srcoll-frame table.form thead{ display: table-header-group;} 
	.srcoll-frame table.form tbody{display: table-row-group;}
	.srcoll-frame table.form tr{ display: table-row;}
	.srcoll-frame table.form th, .srcoll-frame table.form td{ display: table-cell;}
	.srcoll-frame table.form th{ text-align:center; padding-left: 0;border-top: 1px solid #cfd1d4;margin-top: 5px;}
	.srcoll-frame  table.form td{border-right: 1px solid #e4e4e4;}
	
	.rslides .caption {width: 320px; height: 160px;}
	.callbacks_tabs { right: 10px; bottom: 120px; }
}

@media only screen and (max-width:480px){
	.tabSec .tabs2 li{ width:50% !important;}
	
	.callbacks_container { border-radius: 0 15px 15px 0}
	.rslides {padding-bottom: 150px;}
	.rslides .caption {width: 100%; height:150px;border-radius: 0; bottom:-150px;padding: 10px 5px 0px 20px}
	.rslides .caption dt {margin-bottom: 5px;}
	.rslides .caption dd {padding-left: 60px;}
	.callbacks_tabs { bottom: 120px; }
	
}



/** etc **********************************************************/
.guideBox{ border:1px solid #ccc; padding:30px; text-align:left; max-height:300px; overflow-y: scroll;}
.guideBox h4{ font-size:1.2em; margin:1em 0 0.2em 0;}
.guideBox h6{ font-size:1em; margin: 1em 0 0.2em 0;}
.guideBox p{ text-align:left}
.guideBox .listStyle li {padding: 0 0 3px 10px; line-height: 1.5;}
.guideBox dt{ font-size:13px;}
.guideBox ul ul{ padding:0}

.checkBox{ text-align:center; padding:25px; background:#f6f6f7; }

/* email_reject */
.email_reject {text-align:center;line-height:1.6;white-space:pre-line;background:transparent url('../images/sub/email_reject.jpg') center top no-repeat;padding: 180px 10px 0 10px;overflow:hidden; margin-top:10%}
.email_reject em{ display:block;}
.email_reject strong { color: #000}

/* agreement */
.agreement { margin-bottom:25px; padding:25px;border:1px solid #eaeaea;}
.agreement h4 {margin:25px 0 13px 0; font-size:1.2em; color:#444;}
.agreement h6 { margin:15px 0 10px 0; font-size:1.1em;}
.agreement p { margin-bottom:5px;}

/* privacy */

/* sitemap */
#sitemap > div.menu {position:relative;overflow: hidden;float: left;width: 30%;margin-bottom:30px;min-height: 180px;}
#sitemap > div.menu:nth-child(2),
#sitemap > div.menu:nth-child(5),
#sitemap > div.menu:nth-child(8){ margin:0 5% 30px 5% }
#sitemap > div.menu:nth-child(4){ clear: both;}

#sitemap .menu p.tit{margin-bottom: 0;line-height:0;border-top: 2px solid #948dea;border-bottom: 1px solid #ddd;text-align: center;}
#sitemap .menu p.tit > a{font-size: 1.2em;line-height:1em;color: #6c66b8;display: block;padding: 15px;background: #fff;font-weight: 500;}
#sitemap .menu p.tit:before{display:none;}

#sitemap .menu .sitemapList {margin: 0 auto;overflow:hidden;padding: 9px 0px;}
#sitemap .menu .sitemapList:after {content:"";display:block;visibility:hidden;clear:both;}
#sitemap .menu .sitemapList li{display:block;position: relative;}
#sitemap .menu .sitemapList li a{position:relative;display:block;padding-left:13px;color:#666;text-align:left; margin-bottom: 5px;font-size: .95em;  letter-spacing: -1.5px}
#sitemap .menu .sitemapList li a:before{content:'';position:absolute;left:0;top: 10px;width:5px;height: 1px;background:#666;border-radius:50%;}
#sitemap .menu .sitemapList li a:hover {color:#333;}
#sitemap .menu .sitemapList li ul{ padding:2px 0 7px 0;} 
#sitemap .menu .sitemapList li li{ float:none; width:100%; position:relative;}
#sitemap .menu .sitemapList li li a{font-size: .95em;color:#666 !important;line-height:1.6;font-weight:300;}
#sitemap .menu .sitemapList li li a:before{content:'';position:absolute;left:2px;top: 8px;width: 2px;height: 2px;border-radius: 50%;background:#666 !important;}
.target a:after {content:'';display:inline-block;margin: 0 0 0 10px;background:url('../images/common/ic_blank_g.png') no-repeat 0 0;width:14px;height:14px;vertical-align: middle;}

@media only screen and (max-width:1024px) {
	
	/* email_reject */
	.email_reject em{ display: inline;}
	/* sitemap */
	#sitemap .menu .sitemapList {padding: 9px 20px 9px 10px;}
	#sitemap .menu .sitemapList li a:before{top:12px;}
}

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

	/* sitemap */	
	#sitemap > div.menu {float: none;width: inherit !important;margin:0 0 20px 0 !important;min-height: inherit;}
	#sitemap .menu p.tit > a{font-size: 17px;}
	#sitemap .menu .sitemapList > li{ width:inherit !important; float: none !important;}
	#sitemap .menu .sitemapList > li > a{ }
}