@charset "utf-8";
@import url(../img/NotoSans/noto_font_kr.css);
@import url(../img/Roboto/Roboto.css);
@import url(../img/nanum-square-r/nanumsquare.css);
@import url(//at.alicdn.com/t/font_502935_u1cexli9rrvsra4i.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;padding: 0;border: 0;font-size: 100%; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
 i.fa{font-style:normal !important;}
 
mark {background-color:#fff;color:#000;font-style:italic;font-weight:800;}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
hr {display:block;height:0px;border:0; margin:0;padding:0;}
input, select {vertical-align:middle;resize:none}
caption, th, td {font-weight:normal}
table caption {visibility:hidden;width:0;height:0;overflow:hidden}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal}
img {border:0;vertical-align:middle}
legend {display:none} 

body{min-width:100%; font-size:15px;background:#fff; color:#333; -webkit-text-size-adjust:none; }
body, select,input,textarea {  line-height:160%; font-family: "NanumSquare","맑은 고딕","Nanum Gothic","Gulim", "dotum",Helvetica, sans-serif; color:#333; letter-spacing:0px}
input{font-size:1em;}
iframe#hiddenframe {display:none;width:0;height:0}
label,button{cursor:pointer}

a{color:#333;text-decoration:none}
a:hover, a:focus{color:#d53080;text-decoration:none}


.bodywrap{position:relative; display:block; overflow-x:hidden;}
/* ///// CSS3 드래그색상  */

.clear{display:block; float:none; clear:both; border:0; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
.wrap{width:1280px; margin:0 auto; position:relative; zoom:1;}
.wrap:after {display:block;visibility:hidden;clear:both;content:""}
@media (max-width:1260px){
.wrap{width:auto; margin:0 10px;}
}
/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute; background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}


#header{position:relative; z-index:20; border-top:5px solid #a6a6a6; padding-top:25px;   }
#header h1{text-align:center;}
#header h1 img{height:70px; }
#header ol{position:absolute;   right:0; top:28px;}
#header ol li{float:left; position:relative;}
#header ol li:before{position:absolute; top:50%; margin-top:-5px; height:10px; width:1px; right:0; background:#ddd; content:"";}
#header ol li:last-child:before{display:none;}
#header ol li.l:before{display:none;}
#header ol li a{   display:block; padding:0 10px;  line-height:30px; font-size:12px; }

#topMenu{position:relative;}
 
#topMenu dl{display: -webkit-flex; display: flex;  justify-content: space-between; text-align:center; }
#topMenu dd{ position:relative; padding:0;flex-grow:1; width:0; }
#topMenu dd:before{position:absolute; left:0; width:1px; height:17px; top:50%; margin-top:-8px; background:#DDD; content:"";}
#topMenu dd:first-child:before{display:none;}
#topMenu dd > a{position:relative; z-index:2; display:block; font-size:18px;  line-height:80px; height:80px;   padding:0;} 
#topMenu dd ul{position:absolute; background:#FFF; z-index:1;  max-height: 0;  opacity:0; overflow:hidden; left:0; right:0;  -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

#topMenu dd:hover ul{ max-height: 1000px;    opacity:1;}
#topMenu dd:first-child ul{border:0;}



#topMenu dd ul a{display:block; padding:15px 10px;   line-height:20px;  }
#topMenu dd ul a:hover{color:#333; background:#edacc3}




#main_visual{text-align:center; position:relative; z-index:1;  overflow:hidden; }
#main_visual ul{position:relative; z-index:1;}
#main_visual li{width:100%;  background-position:center center;  background-repeat:no-repeat; height:680px;  cursor:pointer;}
#main_visual .mvpn{position:absolute; bottom:0;  z-index:5; cursor:pointer; }
#main_visual .mvpn.prev{left:0; }
#main_visual .mvpn.next{right:0; }
 



#main_product{ padding:100px 0; text-align:center; }
#main_product h2{position:relative; font-size:42px; line-height:60px; }
#main_product h2 strong{font-weight:bold; color:#d84270}
#main_product article{position:relative;display:flex; margin-top:50px;}
#main_product a{width:0; display:block; position:relative;  flex-grow:1; box-sizing:border-box;}
#main_product p{ font-size:16px; font-weight:400; line-height:120%;margin-top:15px; }


#main_banner{overflow:hidden;}
#main_banner1{position:relative; float:left; width:416px; overflow:hidden;margin-bottom:16px;  }
#main_banner2{position:relative; float:left; width:416px; overflow:hidden ; margin-left:16px; }
#main_banner3{position:relative; float:right; }
#main_banner4{}
#main_banner5{margin:100px auto; }
#main_banner5:before{position:absolute; width:100vw; left:50%; margin-left:-50vw; top:0; bottom:0; z-index:-1; background:#d0d0d0; content:""; }

#main_banner ul li a{display:block;}
#main_banner .swiper-pagination{position:absolute; z-index:10; bottom:30px;  left:40px; }
#main_banner .swiper-pagination-bullet{position:relative; width:16px; height:16px;margin-right:5px;  border-radius:0; background:#FFF; opacity:1; border-radius:50%;  }
#main_banner .swiper-pagination-bullet-active{background-color:#d84270;}
 

#main_latest{ font-size:18px; }
#main_latest section{display:flex; justify-content: space-between;}
#main_latest section article{ width:260px; }
#main_latest section article h3{font-size:30px; line-height:100%; height:50px; border-bottom:1px solid #c8c8c8; color:#000; font-weight:bold; margin-bottom:10px;}
#main_latest section article h4{font-size:40px; line-height:48px;  color:#d84270; font-weight:bold; }
#main_latest section article img{margin-top:19px;}
#main_latest section article p{ line-height:24px; }
#main_latest section article ul{ line-height:40px; }
#main_latest section article ul li{position:relative;height:40px; }
#main_latest section article ul li a{float:left; }
#main_latest section article ul li span{float:right; }
#main_latest section article ul li a:before{content:"· "; font-weight:bold;  }

#main_latest section article dl{overflow:hidden; line-height:40px;position:relative; }
#main_latest section article dl dt{   width:70px; float:left; clear:both;}
#main_latest section article dl dd{float:right;}
#main_latest section article dl dd:after{display:block;clear:both;content:''}
#main_latest section article h6{color:#d84270; font-weight:bold; line-height:40px; }


#main_partner{margin-top:100px; padding:20px 0; border-top:1px solid #eaeaea}
#main_partner article{display: -webkit-flex; display: flex;  justify-content: space-between;}
 

#footer{background:#333333; color:#FFF; font-size:14px;padding:30px 0 30px;}
#footer h1{float:left; clear:both; margin-right:120px;}
#footer article{_display:inline-block;overflow:hidden;padding-bottom:6px;  zoom:1}
#footer article:after{display:block;clear:both;content:''}

#footer a{color:#FFF; }
#footer address{margin-top:8px; }
#footer address span{padding-right:10px;white-space:nowrap  }
#footer p{color:#999;  margin-top:8px; }


#quick{position:fixed; top:40%; right:0;z-index:999}
#quick a{display:block; margin-bottom:1px; background:rgba(0,0,0,.5); color:#FFF; text-align:center; font-size:16px; font-weight:bold; line-height:130%; padding:20px 0;width:100px;}
#quick a.nop{display:none;}


#sub_visual{position:relative;  height:300px; width:100%; display:table;text-align:center; background-color:#FFF;  z-index:1; background-position:center center; background-repeat:no-repeat; color:#FFF; background-size:cover; }
#sub_visual:after{position:absolute; top:0; left:0; right:0; bottom:0;z-index:-1;  background:rgba(0,0,0,.3) ; content:""}
#sub_visual h2{line-height:300px; font-size:3em; color:#FFF;  }

#subMenu{background:#5491d3; display:none; }
#subMenu table{table-layout:fixed; }
#subMenu td{border-right:1px solid rgba(255,255,255,.2); }
#subMenu td:nth-child(1){border-left:1px solid rgba(255,255,255,.2); }

#subMenu td a{padding:20px 0; color:#FFF; font-size:1.1em; display:block; text-align:center; }


#pageNavi{position:relative; background:#fff; height:50px; line-height:50px; z-index:2; font-family:"notosans"; border-bottom:1px solid #EEE; border-top:1px solid #EEE}
#pageNavi .fa-home{float:left; color:rgba(0,0,0,.5); border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);   line-height:50px; font-size:1.8em; padding:0 20px}
#pageNavi a{color:#FFF;}
#pageNavi dl{position:relative; float:left; }
#pageNavi dd{display:none}
#pageNavi dt{position:relative;  cursor:pointer; padding-left:30px; padding-right:50px; border-right:1px solid rgba(0,0,0,.1); }
#pageNavi dt:after{position:absolute; top:0; right:20px; line-height:50px;  font-family:"fontAwesome"; content:"\f107";}
#pageNavi dl:nth-child(3) dd{}
#pageNavi dl dd{position:absolute; top:50px; left:0; width:200px; min-width:100%; background:#d53080}
#pageNavi dl dd a{display:block; line-height:20px; padding:10px 0 10px 20px; border-bottom:1px solid rgba(255,255,255,.1)}
#pageNavi dl dd a:hover{background:#333}

#pageNavi dl:hover dd{display:block;}
#pageNavi dl:hover dt{background:#d53080;color:#FFF}



.sub_container{ padding:100px 0;  z-index:1;}
/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:70px;height:41px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right; display:none;}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */

.btn_center{padding:15px; text-align:center;}

.btnBasic{box-sizing:border-box; outline-style:none; display:inline-block;  padding:0 15px; height:30px;line-height:28px; cursor:pointer; border:1px solid #999; background:#fafafa; vertical-align:middle;}
.btnBasic:focus, .btnBasic:hover {background:#999; border-color:#666; color:#FFF; text-decoration:none}

.btnBasic2{box-sizing:border-box; outline-style:none; display:inline-block;  padding:0 15px; height:30px;line-height:28px; cursor:pointer; border:1px solid #999; background:#ddd; vertical-align:middle;}
.btnBasic2:focus, .btnBasic2:hover {background:#999; border-color:#666; color:#FFF; text-decoration:none}

.btnWrite{box-sizing:border-box; outline-style:none; display:inline-block;  padding:0 20px; font-weight:700; height:30px;line-height:28px; cursor:pointer; border:1px solid #234; background:#456; color:#FFF;vertical-align:middle; }
.btnWrite:focus, .btnWrite:hover {background:#234; color:#fff;  text-decoration:none}

.btnSubmit{box-sizing:border-box; outline-style:none; display:inline-block;  padding:0 30px; font-weight:700; height:57px;line-height:53px; cursor:pointer; border:1px solid #234; background:#456; color:#FFF;vertical-align:middle; }
.btnSubmit:focus, .btnSubmit:hover {background:#234; color:#fff;  text-decoration:none}

.btnCancel{box-sizing:border-box; outline-style:none; display:inline-block;  padding:0 30px; height:57px;line-height:55px; cursor:pointer; border:1px solid #aaa; background:#f0f0f0; color:#666;vertical-align:middle; }
.btnCancel:focus, .btnCancel:hover {background:#eee; border-color:#888; color:#000;  text-decoration:none}


.btnSmall{box-sizing:border-box; outline-style:none; display:inline-block;  padding:0 6px; height:26px;line-height:24px; cursor:pointer; border:1px solid #234; background:#345; color:#fff;vertical-align:middle; }
.btnSmall:focus, .btnSmall:hover {background:#234; color:#fff;  text-decoration:none}
.btnSmall2{box-sizing:border-box; outline-style:none; display:inline-block;  padding:0 10px; height:24px;line-height:20px; cursor:pointer; border:1px solid #aaa; background:#f2f2f2; color:#555;vertical-align:middle; }
.btnSmall2:focus, .btnSmall2:hover {background:#d54618; color:#fff; border-color:#d54618; text-decoration:none}


a.btn01 {display:inline-block;padding:0 10px;border:1px solid #ccc; height:30px; line-height:30px; background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:0 10px;height:32px; line-height:30px; border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {margin-top:20px; text-align:center} /* 서식단계 진행 */
.btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}

.btn_submit {padding:0 10px;height:32px; line-height:30px; border:0;background:#234;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}
.sit_qty_plus{width:24px; height:24px; background:#F6F6F6 url(../img/icon_sit_qty_plus.gif) center center no-repeat !important; border:1px solid #AAA !important; text-indent:-1000px; overflow:hidden;}
.sit_qty_minus{width:24px; height:24px; background:#F6F6F6 url(../img/icon_sit_qty_minus.gif) center center no-repeat !important; border:1px solid #AAA !important; text-indent:-1000px; overflow:hidden;}
 



/* 게시판용 버튼 */
.btn_basic,.btn_write{padding:6px 10px;border:1px solid #AAA; background:#f6f6f6; text-decoration:none;vertical-align:middle; margin:0; text-align:center; display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.btn_write{ border:1px solid #3b3c3f;background:#4b545e;color:#fff;}
.btn_write:hover{color:#FFF; background:#3b3c3f}
.btn_basic:hover{background:#EEE; border-color:#999; color:#000; cursor:pointer}

/* 게시판 목록 카테고리*/
#list_head {  zoom:1; margin-bottom:20px; }
#list_head:after {display:block;visibility:hidden;clear:both;content:""}
#list_head ul {display: -webkit-flex;  display: flex; flex-wrap:wrap; align-content:center;justify-content:space-between}
#list_head li {  position:relative; width:0; flex-grow:2;}
#list_head ul a {display:block; margin-right:-1px;z-index:1; position:relative; height:50px; line-height:50px; color:#999; text-align:center; font-size:1.3em; cursor:pointer}
#list_head ul a:focus, #list_head ul a:hover, #list_head ul a:active {text-decoration:none}
#list_head ul a#bo_cate_on{color:#000;}
 
 #list_head ul li:before{position:absolute; top:50%; margin-top:-7px; height:14px; width:1px; left:0; background:#AAA; content:"";}
#list_head ul li:first-child{ flex-grow:1;}
#list_head ul li:first-child:before{display:none;}


 


#list_tail {margin-top:20px;  zoom:1;text-align:center; }
#list_tail:after {display:block;visibility:hidden;clear:both;content:""}
#list_tail fieldset {}
#list_tail fieldset input{height:40px; padding:0; border-left:0; line-height:38px;  margin:0; }
#list_tail fieldset select{  height:40px;  }
#list_tail fieldset button{height:40px; line-height:40px; border:0; background:#FFF; border:1px solid #ccc; border-left:0; color:#000; padding:0 10px; font-size:1em; font-weight:700; vertical-align:middle}

 /* 게시판 읽기 */
#bo_v {margin-bottom:20px;padding-bottom:20px}
#bo_v_table {display:none; position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}

#bo_v_title {padding:20px 0;font-size:1.3em; line-height:150%; }

#bo_v_info {padding:0 0 10px;border-bottom:1px solid #ddd; }
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info span {white-space: nowrap}
#bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}

#bo_v_file {}
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_file a {display:inline-block;padding:8px 0 7px; color:#000;word-wrap:break-word}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file img {float:left;margin:0 10px 0 0}
.bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_link {}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_link a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_left{float:left; }
.bo_v_right{float:right; }


#bo_v_atc {min-height:200px;height:auto !important;height:200px}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1; text-align:center;}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con {margin-bottom:30px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {margin-bottom:30px;text-align:center; }
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

/* 게시판 댓글 */
#bo_vc {margin:0 0 20px;padding:20px 20px 10px;border:1px solid #e5e8ec;background:#f5f8f9}
#bo_vc h2 {margin-bottom:10px; font-size:1.2em;}
#bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc}
#bo_vc header {position:relative;padding:15px 0 5px}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .sv_wrap {margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:none}
#bo_vc_empty {margin:0;padding:20px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}

#bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc_w #char_cnt {display:block;margin:0 0 5px}

#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 20px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}

#container_title{ }


/* 기본테이블 */
table.tb{position:relative; width:100%; border-top:1px solid #555; font-size:13px}
table.tb:after{position:absolute; top:0; left:0; right:0; height:1px; background:#555; content:"";}
table.tb thead{}
table.tb thead th{background:#FFF; padding:15px 0; text-align:center; font-weight:700; border-bottom:1px solid #EEE;}
table.tb tbody th{border-bottom:1px solid #EEE; text-align:left; padding-left:15px;}
table.tb tbody td{border-bottom:1px solid #EEE;  padding:15px;   }
table.tb tfoot th{border-bottom:1px solid #EEE; background:#FFE; text-align:left; padding-left:15px;}
table.tb tfoot td{border-bottom:1px solid #EEE; background:#FFE; padding:15px; height:36px;}
table.tb .tc{text-align:center !important;}
table.tb .tl{text-align:left !important; padding-left:15px !important;}
table.tb .tr{text-align:right !important; padding-right:15px !important;}
table.tb tfoot{}
table.tb tbody img {margin-left:3px}
table.tb .no_list{text-align:center; line-height:200px;}

table.tb.center tbody th{text-align:center;  }
table.tb.center tbody td{   text-align:center;  }
table.tb.center tfoot th{text-align:center;  }
table.tb.center tfoot td{text-align:center;   }
table.tb.line thead th{border:1px solid #EEE; }
table.tb.line tbody th{border:1px solid #EEE;background:#F6F6F6;  padding-right:15px;}
table.tb.line tbody td{border:1px solid #EEE; }
table.tb.line tfoot th{border:1px solid #EEE; border-top:0; background:#FFE;  padding-right:15px;}
table.tb.line tfoot td{border:1px solid #EEE; border-top:0; background:#FFE;   }

@media (max-width:600px){
table.tb.block tbody tr,
table.tb.block tbody th,
table.tb.block tbody td{display:block}
table.tb.block tbody th{width:auto; border-bottom:0; padding:10px 0 5px 0}
table.tb.block tbody td{padding:5px 0 10px 0; height:auto;}
table.tb.block tbody td .frm_input{width:100%;}
table.tb.block tbody td select{width:100%;}
}


 .w100{width:100%;}


 
textarea, 
.frm_input, 
select {border:1px solid #ddd;background:#FFF;color:#000;vertical-align:middle;line-height:2em; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

textarea {padding:2px 2px 3px; width:100%;}

select, .frm_input, .btnInput {height:40px}
select { font-size:1em; line-height:100%; padding:0;padding:4px\9; }


.frm_file { margin-bottom:5px}
.frm_info {display:block;padding:0 0 5px;line-height:1.4em; font-size:12px; color:#666;}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

 
/* 선택수정 버튼 */
.btn_list {margin:0 auto;width:93%}
.btn_list input, .btn_list button {background: none repeat scroll 0 0 #617D46;border: 0 none;color: #FFFFFF;height: 28px;line-height: 2.2em;padding: 0 15px;vertical-align: middle}

  
 /* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 {width:40px}
.grid_2 {width:90px}
.grid_3 {width:140px}
.grid_4 {width:190px}
.grid_5 {width:240px}
.grid_6 {width:290px}
.grid_7 {width:340px}
.grid_8 {width:390px}
.grid_9 {width:440px}
.grid_10 {width:490px}
.grid_11 {width:540px}
.grid_12 {width:590px}
.grid_13 {width:640px}
.grid_14 {width:690px}
.grid_15 {width:740px}
.grid_16 {width:790px}
.grid_17 {width:840px}
.grid_18 {width:890px}
/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #FFF top right no-repeat !important}
/* 목록 바로가기 */
.sanchor {margin:0 0 10px;padding:0;zoom:1}
.sanchor:after {display:block;visibility:hidden;clear:both;content:""}
.sanchor li {float:left;margin-left:-1px;list-style:none}
.sanchor a {display:inline-block;border:1px solid #ccc;background:#f6f6f6;padding:0 30px;height:40px;text-decoration:none;line-height:40px; font-size:1.2em; font-family:'notosans';}
.sanchor a:focus, .sanchor a:hover {background:#626870;color:#fff;text-decoration:none}
.sanchor a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}
/* 테이블 항목별 정의 */
 .td_default {width:60px;text-align:center}
.td_dvr {width:30px;text-align:center}
.td_imgsmall {width:60px;text-align:center}
.td_namesmall {width:50px;text-align:left}
.td_mngsmall {width:50px;text-align:center}
.td_statsmall {width:50px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 검색결과 색상 */
.sch_word {color:#ff3061}
 
/* 내용관리 */
#ctt {}
.ctt_admin {text-align:right; display:none;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg_page, .pg_current {position:relative; display:inline-block;padding:0 16px; height:36px;  line-height:36px;vertical-align:middle; background:#FFF;text-decoration:none; border:1px solid #DDD; z-index:1; }
.pg_page:hover{background-color:#DDD; border-color:#999; color:#000; z-index:2;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_start{text-indent:-1000px; padding:0 10px; overflow:hidden; background:url(../img/page_begin.png) center center no-repeat; }
.pg_prev{text-indent:-1000px; padding:0 10px; overflow:hidden; background:url(../img/page_prev.png) center center no-repeat; }
.pg_next{text-indent:-1000px; padding:0 10px; overflow:hidden; background:url(../img/page_next.png) center center no-repeat; }
.pg_end{text-indent:-1000px; padding:0 10px; overflow:hidden; background:url(../img/page_end.png) center center no-repeat; }
.pg_current {display:inline-block; border:1px solid #999;  background:#fff;color:#000;font-weight:normal}
/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/*캡챠 모바일에서 피시버젼*/
#captcha.m_captcha audio{display:block;margin:5px 0 10px}
#captcha.m_captcha #captcha_key{margin-left:3px }
#captcha.m_captcha #captcha_reload span{background:none;display:inline}
#captcha.m_captcha  #captcha_reload {position:relative ;width:auto;top:0;left:0;margin:0;padding:0 10px;height:43px;border:0;background:#ddd;vertical-align:middle;overflow:hidden;cursor:pointer}



.pageContent .click_tab .tab{position:relative; z-index:2; }
.pageContent .click_tab .ct{position:relative; z-index:1; }



.pageContent .tab{position:relative; padding-left:1px; border-bottom:1px solid #1778ad; height:43px; z-index:10;}
.pageContent .tab:after {display:block;visibility:hidden;clear:both;content:""}
.pageContent .tab a{float:left; height:42px; line-height:42px; font-size:14px;  padding:0 20px; color:#888; background:#FAFAFA; position:relative; border:1px solid #DDD; border-bottom:1px solid #1778ad; margin-left:-1px; z-index:1; }
.pageContent .tab a:hover{border:1px solid #1778ad; color:#FFF; z-index:2; background:#1778ad}
.pageContent .tab a.active{border:1px solid #1778ad; color:#FFF; z-index:3; background:#1778ad;  }



.pageContent{ font-size:20px;  line-height:150%;    position:relative; zoom:1; word-break:keep-all;}
.pageContent:after {display:block;visibility:hidden;clear:both;content:""}
 
.pageContent h1,
.pageContent h2,
.pageContent h3,
.pageContent h4,
.pageContent h5,
.pageContent h6{position:relative; margin:0; line-height:150%;}

.pageContent h1{font-size:2.5em; }
.pageContent h2{font-size:2.0em; }
.pageContent h3{font-size:1.7em; }
.pageContent h4{font-size:1.4em; }
.pageContent h5{font-size:1.2em; }
.pageContent h6{font-size:1.1em; }

 


.pageContent strong{font-weight:700}
.pageContent b{font-weight:800}
.pageContent .tc{text-align:center;}
.pageContent .tl{text-align:left}
.pageContent .tr{text-align:right}
.pageContent img{max-width:100%}


.cfm{color:#f0709e; }
.cfm3{color:#93614a; }
.cfB{color:#000; }
.cfh{color:#999; }
.cfr{color:#F44; }
.cfb{color:#1c8cc1; }
.cfb1{color:#3d8cb9; }
.cfb2{color:#243e86; }
.cfg{color:#3db9ac; }
.cfy{color:#ffcc00; }
.cfw{color:#FFF; }

.cbm{background:#f0709e; color:#FFF; }
.cbmp{background:#f0709e; color:#FFF; padding:.5%;}
.cbm2{background:#d84270; color:#FFF; }
.cbh{background:#afafaf; color:#FFF; }

.cbB{background:#000; color:#FFF; padding:.1em .3em; vertical-align:middle; display:inline-block; }
.cbr{background:#F44; color:#FFF; padding:.1em .3em; vertical-align:middle; display:inline-block; }
.cbb{background:#39F; color:#FFF; padding:.1em .3em; vertical-align:middle; display:inline-block; }
.cbg{background:#3db9ac; color:#FFF; padding:.1em .3em; vertical-align:middle; display:inline-block; }
.cby{background:#ffcc00;  padding:.1em .3em; vertical-align:middle; display:inline-block; }
.cbw{background:#fff;  padding:.1em .3em; vertical-align:middle;  }


.pageContent .title4{line-height:200%; font-weight:700; color:#000; margin:0; }
.pageContent .title4:after{position:absolute; top:0; left:0; width:30px; height:3px; background:#000; content:""; }

.pageContent .title5{line-height:200%; font-weight:700; color:#3d8cb9; margin:0; }




.pageContent p{padding:10px 0; }
.pageContent ul{padding:10px 0px 0 30px; list-style-type: disc;}
.pageContent ul ul{list-style-type: circle;}
.pageContent ul ul ul{list-style-type: square;}
.pageContent ol{padding:10px 0px 0 30px; list-style-type: decimal;}
.pageContent ol ol{list-style-type: lower-alpha; padding:10px 0px 0 20px;}
.pageContent ol ol ol{list-style-type: Upper-alpha; padding:10px 0px 0 20px;}
.pageContent li{line-height:150%; margin-bottom:6px;}
.pageContent ol.ol_table{width:300px; }
.pageContent ol.ol_table li{background:url(./img/dot.gif) center repeat-x; position:relative; }
.pageContent ol.ol_table li span{background:#FFF}
.pageContent ol.ol_table li em{background:#FFF; position:absolute; top:0; right:0; }


.pageContent u{text-decoration:underline; }
.pageContent i{font-style:italic; }
.pageContent .iconfont{font-style:normal; }
.pageContent em{font-style:italic; }
.pageContent small{font-size:.9em; }
.pageContent .small{font-size:.9em; }

.pageContent dl.dl{overflow:hidden; position:relative; margin:10px 0}
.pageContent dl.dl dt{float:left;clear:both;margin-right:9px;padding-bottom:6px;  color:#333; font-weight:800;}
.pageContent dl.dl dd{_display:inline-block;overflow:hidden;padding-bottom:6px;  zoom:1}
.pageContent dl.dl dd:after{display:block;clear:both;content:''}

.hover_zoom{position:relative; display:block; overflow:hidden;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; cursor:pointer;}
.hover_zoom img{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.hover_zoom .bgimg{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.hover_zoom:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.hover_zoom:hover .bgimg{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.hover_zoom:hover{background-size:110% !important}


.animate [class*="ae-"] {position:relative;  top:80px;  opacity:0;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.animate [class*="ad-"] {position:relative;  top:-80px;  opacity:0;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.animate .ae-1{ -webkit-transition-delay: 	10ms; transition-delay:	10ms; }
.animate .ad-1{ -webkit-transition-delay: 	10ms; transition-delay:	10ms; }
.animate .ae-2{ -webkit-transition-delay: 	200ms; transition-delay:	200ms; }
.animate .ae-3{ -webkit-transition-delay: 	400ms; transition-delay:	400ms; }
.animate .ae-4{ -webkit-transition-delay: 	600ms; transition-delay:	600ms; }
.animate .ae-5{ -webkit-transition-delay: 	800ms; transition-delay:	800ms; }
.animate .ae-6{ -webkit-transition-delay: 	1000ms; transition-delay:	1000ms; }
.animate .ae-7{ -webkit-transition-delay: 	1200ms; transition-delay:	1200ms; }
.animate .ae-8{ -webkit-transition-delay: 	1400ms; transition-delay:	1400ms; }
.animate .ae-9{ -webkit-transition-delay: 	1600ms; transition-delay:	1600ms; }
.animate .ae-10{ -webkit-transition-delay: 	1800ms; transition-delay:	1800ms; }
.animate.on [class*="ae-"] { opacity:1;top:0}
.animate.on [class*="ad-"] { opacity:1;top:0}



.sub_hader{text-align:center;  margin-bottom:40px;}
.sub_hader h2{position:relative; font-size:40px; line-height:50px; padding-bottom:20px; letter-spacing:-2px; }
.sub_hader h2 strong{ font-weight:800; }
.sub_hader h2:after{position:absolute; bottom:0; left:50%; width:40px; height:3px; margin-left:-20px; background:#333; content:"";}
.sub_hader p{line-height:30px; color:#666666; font-size:16px; }
.sub_hader h6{line-height:30px; margin-top:10px; color:#333; font-size:24px; }
.sub_hader u{ font-size:24px; }
.sub_hader h3{ font-size:45px;  font-weight:800; color:#243e86; line-height:50px; padding:0; margin:0; margin-top:15px; }
.sub_hader h4{ font-size:39px;  color:#333; line-height:50px; padding:0; margin:0; padding-top:15px; }
.sub_hader h4:after{position:absolute; top:0; left:50%; width:40px; height:2px; margin-left:-20px; background:#333; content:""; }


 .sub_header2{background:url(../sub/img/sub_header2.jpg) center center no-repeat; background-size:cover;  }
 .sub_header2 .wrap{background-position:right center; background-repeat:no-repeat;  background-size:auto 100%; height:620px; padding-top:90px; box-sizing:border-box; }
 .sub_header2 article{text-align:center;display:inline-block; width:50%}
 .sub_header2 h1{ font-size:60px; line-height:90px; letter-spacing:-0.1em}
 .sub_header2 h1 strong{font-size:80px; color:#243e86; font-weight:800; display:block;}
 .sub_header2 h1 b{font-size:80px; color:#333; font-weight:800; display:block;}
 .sub_header2 h2{font-size:45px; color:#333;  display:block;line-height:120%; }
 .sub_header2 h2 strong{  color:#243e86; font-weight:900; }
 .sub_header2 h5{display:inline-block; background:#333333; padding:0 60px; line-height:38px; font-size:24px; color:#FFF;   border-radius:15px;}
 .sub_header2 h6{ color:#333; font-size:20px; color:#000; margin-top:10px; line-height:120%; }
 .sub_header2 dl{border-left:5px solid #333; padding-left:20px; float:left; margin-top:70px; }
 .sub_header2 dl dt{ font-size:21px; }
 .sub_header2 dl dd{ font-size:36px; font-weight:800; line-height:120%;   }
 .sub_header2 ol{padding:0; margin:0; list-style:none;  margin-left:40px; margin-top:20px;}
 .sub_header2 ol li{float:left; width:215px; height:215px; color:#FFF; background:#3d8cb9; text-align:center;  border-radius:50%; margin-left:30px; }
 .sub_header2 ol li:first-child{background:#5b6b96}
 .sub_header2 ol li strong{display:inline-block; border-bottom:1px solid #FFF; padding-top:40px; font-size:30px; line-height:40px; }
 .sub_header2 ol li p{   line-height:130%; font-size:20px; margin-top:10px;  }


 .sub_header3{position:relative; height:620px;  }
 .sub_header3 .sub_header_img{position:absolute;  top:0; left:0; right:0; bottom:0; background:url(../sub/img/sub_header3.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
 .sub_header3 .sub_header_img img{height:100%;}
 .sub_header3 .wrap{}
 .sub_header3 article{display:inline-block; width:50%; float:right; padding-top:130px; }
 .sub_header3 h1{ font-size:60px; line-height:90px; }
 .sub_header3 h1 strong{font-size:80px; color:#243e86; font-weight:800; display:block;}
 .sub_header3 h1 b{font-size:80px; color:#333; font-weight:800; display:block;}
 .sub_header3 h2{font-size:45px;   display:block;line-height:120%; }
 .sub_header3 h2 strong{  color:#000; font-weight:900; }
 .sub_header3 h3{font-size:45px;}
 .sub_header3 h5{display:inline-block; background:#333333; padding:0 60px; line-height:38px; font-size:24px; color:#FFF;   border-radius:15px;}
 .sub_header3 h6{ color:#333;  line-height:120%; }

 .sub_header3 p{ font-size:20px;  line-height:25px; margin-top:10px;  }


.dls1{padding-bottom:60px; margin-top:60px; border-bottom:1px solid #DDD; }
.dls1:after{display:block;clear:both;content:''}
.dls1 dt{float:left; width:320px;font-size:39px; line-height:120%;  }
.dls1 dt strong{color:#5b6b96; font-weight:800; }
.dls1 dd{_display:inline-block;overflow:hidden;   line-height:26px; zoom:1}
.dls1 dd:after{display:block;clear:both;content:''}
.dls1 dd ol{background:#e8e8e8; padding-left:50px; }
.dls1 dd ul{background:#e8e8e8; padding-left:50px; }
.dls1 dd li{position:relative; padding-bottom:16px; }
.dls1 dd li:after{  position:absolute; left:-50px; right:0; bottom:0;background:#FFF; height:10px; content:""; }

.dls2{padding-bottom:60px; margin-top:60px; border-bottom:1px solid #DDD; display: -webkit-flex; display: flex;  justify-content: space-between}
.dls2 h4{font-size:39px; line-height:130%;}
.dls2 h4 b{color:#5b6b96}
.dls2 p{  line-height:140%; }

.pageContent article{_display:inline-block;overflow:hidden;  zoom:1}
.pageContent article:after{display:block;clear:both;content:''}



.flex{display:flex;flex-flow:wrap;  }
.flex dt{position:relative; }
.flex dd{position:relative;  padding-right:30px;   width:0;  flex-grow:1; box-sizing:border-box;  }

 dl.dlw{display:flex;flex-flow:wrap;  margin:0 -1% }
 dl.dlw dt{position:relative; margin:0 1%; width:0;  flex-grow:1; box-sizing:border-box;  }
 dl.dlw dd{position:relative; margin:0 1%; width:0;  flex-grow:1; box-sizing:border-box;  }
 dl.dlw.nob dd{border:0; }
 dl.dlw dd h5{background:#eee;  padding:10px 20px;box-sizing:border-box; margin:0; }
 dl.dlw dd article{padding:5%;}
 dl.dlw.aw dd{width:auto}

 dl.dlp{display:flex;flex-flow:wrap;  margin:0 -1% }
 dl.dlp dt{position:relative; }
 dl.dlp dd{position:relative; margin:0 1%; width:0; flex-grow:1; box-sizing:border-box;  background:url(../img/pattern/mptlb10.png); padding:30px 0; position:relative; z-index:1; }
 dl.dlp dd:before{position:absolute; top:10px; bottom:10px; left:0; right:0; background:#FFF; content:""; z-index:-1;}
 dl.dlp.aw dd{width:auto}






.pageContent {margin-top:-100px;}
.pageContent > section{position:relative; padding-top:1px; padding:80px 0; text-align:center;}
.pageContent > section:before{position:absolute; width:100vw; left:50%;  top:0; bottom:0; margin-left:-50vw; content:""; z-index:-1;}
.pageContent > section.bg1:before{background:url(../sub/img/3_1_bg3.jpg);}
.pageContent > section.bg2:before{background:#f4f4f4;}
.pageContent > section.bg21:before{background:#fee1be;}
.pageContent > section.bg22:before{background:#e8e8e8;}
.pageContent > section.bg223:before{border:1px solid #ccc;}

.pageContent > section.bg3:before{background:url(../sub/img/3_1_bg8.jpg) center center no-repeat; background-size:cover; }
.pageContent > section.bg4:before{background:url(../sub/img/3_1_bg9.jpg) center center no-repeat; background-size:cover; }
.pageContent > section.bg5:before{background:url(../sub/img/2_6_bg5.jpg) center center; background-size:cover; }
.pageContent > section.bg6:before{background:url(../sub/img/4_1_bg5.jpg) center center; background-size:cover; }
.pageContent > section.bg7:before{background:#e7e7e5 url(../sub/img/5_1_bg2.jpg) center center no-repeat;   }
.pageContent > section.bg8:before{background:url(../sub/img/5_1_bg3.jpg) center center no-repeat;  background-size:cover; }
.pageContent > section.bg9:before{background:url(../sub/img/6_3_bg2.jpg) center center no-repeat;  background-size:cover; }
.pageContent > section.bg11:before{background:url(../sub/img/7_1_bg2.jpg) center center no-repeat;  background-size:cover; }

.pageContent > section.bg10{padding:0; }
.pageContent > section.bg10:before{width:0;   bottom:auto; border-style:solid;margin-left:-60vw; border-width:275px 60vw; border-color:#fff6f1  #fed6ae #fed6ae  #fff6f1; }



.pageContent > section.g1h1{  padding:0; height:590px;}
.pageContent > section.g1h1:before{background:url(../sub/img/1_1.jpg) center center no-repeat; background-color:#eae5db}
.pageContent > section.g1h1 h2{color:#FFF;  font-weight:400;margin-left:60%; text-align:center; font-size:45px; line-height:60px; padding:200px 0; text-shadow:2px 2px 2px rgba(0,0,0,.35); }
.pageContent > section.g1h1 strong{font-size:.6em; color:#666;}


.pageContent > section.g2h:before{background:url(../sub/img/2_6_bg1.jpg) center center no-repeat; background-color:#d2b8ab}
.pageContent > section.g2h h2{color:#666;  font-weight:400;margin-left:60%; text-align:center; font-size:45px; line-height:60px; padding:200px 0; text-shadow:2px 2px 2px rgba(0,0,0,.35); }
.pageContent > section.g2h7:before{background:url(../sub/img/2_7_bg1.jpg) center center no-repeat; background-color:#d5e4f7}
.pageContent > section.g2h7 h2{color:#fff;  font-weight:400;margin-left:60%; text-align:center; font-size:45px; line-height:60px; padding:200px 0; text-shadow:2px 2px 2px rgba(0,0,0,.35); }
.pageContent > section.g3h:before{background:url(../sub/img/3_1_bg1.jpg) center center no-repeat; background-color:#fff}
.pageContent > section.g3h h2{color:#666; font-weight:400;margin-left:60%; text-align:center; font-size:45px; line-height:60px; padding:200px 0; text-shadow:2px 2px 2px rgba(0,0,0,.35); }
.pageContent > section.g4h:before{background:url(../sub/img/4_1_bg1.jpg) center center no-repeat; background-color:#e8ddd2}
.pageContent > section.g4h h2{color:#666; font-weight:400;margin-left:60%; text-align:center; font-size:45px; line-height:60px; padding:200px 0; text-shadow:2px 2px 2px rgba(0,0,0,.35); }
.pageContent > section.g5h:before{background:url(../sub/img/5_1_bg1.jpg) center center no-repeat; background-color:#f5f0e8}
.pageContent > section.g5h h2{color:#666; font-weight:400; margin-right:60%; text-align:center; font-size:45px; line-height:60px; padding:200px 0; text-shadow:2px 2px 2px rgba(0,0,0,.35); }


.pageContent > section.g6h1{position:relative;height:690px; padding:0;}
.pageContent > section.g6h1 div{position:absolute; left:50%; top:0; bottom:0; width:100vw; margin-left:-50vw;background:url(../sub/img/6_1_bg1.jpg) center center no-repeat;}
.pageContent > section.g6h1:before{position:absolute; top:0; left:50%; width:0; border-left:50vw solid #f0d7c1; border-right:50vw solid #f1cbc8; content:"";}

.pageContent > section.g6h2{position:relative;height:690px; padding:0;}
.pageContent > section.g6h2 div{position:absolute; left:50%; top:0; bottom:0; width:100vw; margin-left:-50vw;background:url(../sub/img/6_2_bg1.jpg) center center no-repeat;}
.pageContent > section.g6h2:before{position:absolute; top:0; left:50%; width:0; border-left:50vw solid #f6dd7e; border-right:50vw solid #eec26e; content:"";}

.pageContent > section.g6h3{position:relative;height:690px; padding:0;}
.pageContent > section.g6h3 div{position:absolute; left:50%; top:0; bottom:0; width:100vw; margin-left:-50vw;background:url(../sub/img/6_3_bg1.jpg) center center no-repeat;}
.pageContent > section.g6h3:before{position:absolute; top:0; left:50%; width:0; border-left:50vw solid #fcb167; border-right:50vw solid #fc9d74; content:"";}

.pageContent > section.g6h5{position:relative;height:690px; padding:0;}
.pageContent > section.g6h5 div{position:absolute; left:50%; top:0; bottom:0; width:100vw; margin-left:-50vw;background:url(../sub/img/6_5_bg1.jpg) center center no-repeat;}
.pageContent > section.g6h5:before{position:absolute; top:0; left:50%; width:0; border-left:50vw solid #f6d885; border-right:50vw solid #f6cd91; content:"";}


 
.pageContent > section.g7h1:before{background:url(../sub/img/7_1_bg1.jpg) center center no-repeat; background-color:#ebecee}
.pageContent > section.g7h1 h2{color:#666; font-weight:400;margin-left:60%; text-align:center; font-size:45px; line-height:60px; padding:200px 0; text-shadow:2px 2px 2px rgba(0,0,0,.35); }

/*2_1 ~ 2_7 */
.pageContent > section.g2s1{}
.pageContent > section.g2s1:before{background:url(../sub/img/2_6_bg2.jpg) right center no-repeat; background-size:auto 100%; }
.pageContent > section.g2s1 dl{background:url(../sub/img/2_6_img20.png) center center no-repeat; }
.pageContent > section.g2s1 dl:after{display:block;clear:both;content:'';}
.pageContent > section.g2s1 dl dt{position:relative; line-height:80px; text-align:right; padding-right:50%; font-size:25px;}
.pageContent > section.g2s1 dl dd{position:relative; line-height:80px;  text-align:left;padding-left:50%; font-size:25px;}
.pageContent > section.g2s1 dl dt:after{position:relative; display:inline-block;vertical-align:middle;  width:10px; height:10px; border:5px solid #f0709e ; margin-left:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s1 dl dd:before{position:relative;  display:inline-block; vertical-align:middle; width:10px; height:10px; border:5px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s1 dl .d1{margin-right:90px}
.pageContent > section.g2s1 dl .d2{margin-left:160px}
.pageContent > section.g2s1 dl .d3{margin-right:240px}
.pageContent > section.g2s1 dl .d4{margin-left:180px}
.pageContent > section.g2s1 dl .d5{margin-right:200px}
.pageContent > section.g2s1 dl .d6{margin-left:120px}
.pageContent > section.g2s1 dl .d7{margin-right:50px}

.pageContent > section.g2s2{}
.pageContent > section.g2s2:before{background:url(../sub/img/2_6_bg2.jpg) right center no-repeat; background-size:auto 100%; }
.pageContent > section.g2s2 dl{background:url(../sub/img/2_6_img20.png) center center no-repeat; }
.pageContent > section.g2s2 dl:after{display:block;clear:both;content:'';}
.pageContent > section.g2s2 dl dt{position:relative; line-height:80px; text-align:right; padding-right:50%; font-size:25px;}
.pageContent > section.g2s2 dl dd{position:relative; line-height:80px;  text-align:left;padding-left:50%; font-size:25px;}
.pageContent > section.g2s2 dl dt:after{position:relative; display:inline-block;vertical-align:middle;  width:10px; height:10px; border:5px solid #f0709e ; margin-left:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s2 dl dd:before{position:relative;  display:inline-block; vertical-align:middle; width:10px; height:10px; border:5px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s2 dl .d1{margin-right:130px}
.pageContent > section.g2s2 dl .d2{margin-left:180px}
.pageContent > section.g2s2 dl .d3{margin-right:240px}
.pageContent > section.g2s2 dl .d4{margin-left:160px}
.pageContent > section.g2s2 dl .d5{margin-right:190px}

.pageContent > section.g2s3{}
.pageContent > section.g2s3:before{background:url(../sub/img/3_1_bg2.jpg) right center no-repeat; background-size:auto 100%; }
.pageContent > section.g2s3 dl{background:url(../sub/img/3_1_img20.png) center center no-repeat; }
.pageContent > section.g2s3 dl:after{display:block;clear:both;content:''}
.pageContent > section.g2s3 dl dt{position:relative; line-height:60px; text-align:right; padding-right:50%; font-size:25px; line-height:35px;}
.pageContent > section.g2s3 dl dd{position:relative; line-height:60px;  text-align:left;padding-left:50%; font-size:25px; line-height:35px;}
.pageContent > section.g2s3 dl dt:after{position:relative; display:inline-block;vertical-align:middle;  width:10px; height:10px; border:5px solid #f0709e ; margin-left:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s3 dl dd:before{position:relative;  display:inline-block; vertical-align:middle; width:10px; height:10px; border:5px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s3 dl .d1{margin-right:130px}
.pageContent > section.g2s3 dl .d2{margin-left:160px}
.pageContent > section.g2s3 dl .d3{margin-right:250px}
.pageContent > section.g2s3 dl .d4{margin-left:230px}
.pageContent > section.g2s3 dl .d5{margin-right:320px}
.pageContent > section.g2s3 dl .d6{margin-left:200px}
.pageContent > section.g2s3 dl .d7{margin-right:200px}
.pageContent > section.g2s3 dl .d8{margin-left:100px}

.pageContent > section.g2s5{}
.pageContent > section.g2s5:before{background:url(../sub/img/2_6_bg2.jpg) right center no-repeat; background-size:auto 100%; }
.pageContent > section.g2s5 dl{background:url(../sub/img/2_6_img20.png) center center no-repeat; }
.pageContent > section.g2s5 dl:after{display:block;clear:both;content:''}
.pageContent > section.g2s5 dl dt{position:relative; line-height:100px; text-align:right; padding-right:50%; font-size:25px; }
.pageContent > section.g2s5 dl dd{position:relative; line-height:100px;  text-align:left;padding-left:50%; font-size:25px; }
.pageContent > section.g2s5 dl dt:after{position:relative; display:inline-block;vertical-align:middle;  width:10px; height:10px; border:5px solid #f0709e ; margin-left:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s5 dl dd:before{position:relative;  display:inline-block; vertical-align:middle; width:10px; height:10px; border:5px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s5 dl .d1{margin-right:150px}
.pageContent > section.g2s5 dl .d2{margin-left:170px}
.pageContent > section.g2s5 dl .d3{margin-right:240px}
.pageContent > section.g2s5 dl .d4{margin-left:110px}


.pageContent > section.g2s6{}
.pageContent > section.g2s6:before{background:url(../sub/img/3_1_bg2.jpg) right center no-repeat; background-size:auto 100%; }
.pageContent > section.g2s6 dl{background:url(../sub/img/3_1_img20.png) center center no-repeat; }
.pageContent > section.g2s6 dl:after{display:block;clear:both;content:''}
.pageContent > section.g2s6 dl dt{position:relative; line-height:60px; text-align:right; padding-right:50%; font-size:25px; }
.pageContent > section.g2s6 dl dd{position:relative; line-height:60px;  text-align:left;padding-left:50%; font-size:25px; }
.pageContent > section.g2s6 dl dt:after{position:relative; display:inline-block;vertical-align:middle;  width:10px; height:10px; border:5px solid #f0709e ; margin-left:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s6 dl dd:before{position:relative;  display:inline-block; vertical-align:middle; width:10px; height:10px; border:5px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s6 dl .d1{margin-right:130px}
.pageContent > section.g2s6 dl .d2{margin-left:160px}
.pageContent > section.g2s6 dl .d3{margin-right:180px}
.pageContent > section.g2s6 dl .d4{margin-left:200px}
.pageContent > section.g2s6 dl .d5{margin-right:150px}
.pageContent > section.g2s6 dl .d6{margin-left:120px}
.pageContent > section.g2s6 dl .d7{margin-right:200px}
.pageContent > section.g2s6 dl .d8{margin-left:100px}


.pageContent > section.g2s7{}
.pageContent > section.g2s7:before{background:url(../sub/img/3_1_bg2.jpg) right center no-repeat; background-size:auto 100%; }
.pageContent > section.g2s7 dl{background:url(../sub/img/3_1_img20.png) center center no-repeat; }
.pageContent > section.g2s7 dl:after{display:block;clear:both;content:''}
.pageContent > section.g2s7 dl dt{position:relative; line-height:60px; text-align:right; padding-right:50%; font-size:25px; }
.pageContent > section.g2s7 dl dd{position:relative; line-height:60px;  text-align:left;padding-left:50%; font-size:25px;}
.pageContent > section.g2s7 dl dt:after{position:relative; display:inline-block;vertical-align:middle;  width:10px; height:10px; border:5px solid #f0709e ; margin-left:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s7 dl dd:before{position:relative;  display:inline-block; vertical-align:middle; width:10px; height:10px; border:5px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s7 dl .d1{margin-right:130px}
.pageContent > section.g2s7 dl .d2{margin-left:160px}
.pageContent > section.g2s7 dl .d3{margin-right:250px}
.pageContent > section.g2s7 dl .d4{margin-left:230px}
.pageContent > section.g2s7 dl .d5{margin-right:320px}
.pageContent > section.g2s7 dl .d6{margin-left:200px}
.pageContent > section.g2s7 dl .d7{margin-right:200px}
.pageContent > section.g2s7 dl .d8{margin-left:100px}



/*3_1 ~ */
.pageContent > section.g4s1{}
.pageContent > section.g4s1:before{background:url(../sub/img/4_1_bg2.jpg) right center no-repeat; background-size:auto 100%; }
.pageContent > section.g4s1 dl{background:url(../sub/img/2_6_img20.png) center center no-repeat; }
.pageContent > section.g4s1 dl:after{display:block;clear:both;content:''}
.pageContent > section.g4s1 dl dt{position:relative; line-height:80px; text-align:right; padding-right:50%; font-size:25px; }
.pageContent > section.g4s1 dl dd{position:relative; line-height:80px;  text-align:left;padding-left:50%; font-size:25px; }
.pageContent > section.g4s1 dl dt:after{position:relative; display:inline-block;vertical-align:middle;  width:10px; height:10px; border:5px solid #f0709e ; margin-left:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g4s1 dl dd:before{position:relative;  display:inline-block; vertical-align:middle; width:10px; height:10px; border:5px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g4s1 dl .d1{margin-right:130px}
.pageContent > section.g4s1 dl .d2{margin-left:160px}
.pageContent > section.g4s1 dl .d3{margin-right:250px}
.pageContent > section.g4s1 dl .d4{margin-left:230px}
.pageContent > section.g4s1 dl .d5{margin-right:200px}
.pageContent > section.g4s1 dl .d6{margin-left:100px}

.pageContent > section.g3s1{}
.pageContent > section.g3s1:before{background:url(../sub/img/3_1_bg2.jpg) right center no-repeat; background-size:auto 100%; }
.pageContent > section.g3s1 dl{background:url(../sub/img/3_1_img20.png) center center no-repeat; }
.pageContent > section.g3s1 dl:after{display:block;clear:both;content:''}
.pageContent > section.g3s1 dl dt{position:relative; line-height:60px; text-align:right; padding-right:50%; font-size:25px; }
.pageContent > section.g3s1 dl dd{position:relative; line-height:60px;  text-align:left;padding-left:50%; font-size:25px; }
.pageContent > section.g3s1 dl dt:after{position:relative; display:inline-block;vertical-align:middle;  width:10px; height:10px; border:5px solid #f0709e ; margin-left:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g3s1 dl dd:before{position:relative;  display:inline-block; vertical-align:middle; width:10px; height:10px; border:5px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g3s1 dl .d1{margin-right:130px}
.pageContent > section.g3s1 dl .d2{margin-left:160px}
.pageContent > section.g3s1 dl .d3{margin-right:250px}
.pageContent > section.g3s1 dl .d4{margin-left:230px}
.pageContent > section.g3s1 dl .d5{margin-right:320px}
.pageContent > section.g3s1 dl .d6{margin-left:200px}
.pageContent > section.g3s1 dl .d7{margin-right:200px}
.pageContent > section.g3s1 dl .d8{margin-left:100px}


.pageContent > section.g5s1{}
.pageContent > section.g5s1 dl{background:url(../sub/img/3_1_img20.png) center center no-repeat; }
.pageContent > section.g5s1 dl:after{display:block;clear:both;content:''}
.pageContent > section.g5s1 dl dt{position:relative; line-height:60px; text-align:right; padding-right:50%; font-size:25px; }
.pageContent > section.g5s1 dl dd{position:relative; line-height:60px;  text-align:left;padding-left:50%; font-size:25px; }
.pageContent > section.g5s1 dl dt:after{position:relative; display:inline-block;vertical-align:middle;  width:10px; height:10px; border:5px solid #f0709e ; margin-left:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g5s1 dl dd:before{position:relative;  display:inline-block; vertical-align:middle; width:10px; height:10px; border:5px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g5s1 dl .d1{margin-right:130px}
.pageContent > section.g5s1 dl .d2{margin-left:160px}
.pageContent > section.g5s1 dl .d3{margin-right:250px}
.pageContent > section.g5s1 dl .d4{margin-left:230px}
.pageContent > section.g5s1 dl .d5{margin-right:320px}
.pageContent > section.g5s1 dl .d6{margin-left:200px}
.pageContent > section.g5s1 dl .d7{margin-right:200px}
.pageContent > section.g5s1 dl .d8{margin-left:100px}

.pageContent > section.g6s1{}
.pageContent > section.g6s1 dl{background:url(../sub/img/6_3_img3.png) center center no-repeat; }
.pageContent > section.g6s1 dl:after{display:block;clear:both;content:''}
.pageContent > section.g6s1 dl dt{position:relative; line-height:60px; text-align:right; padding-right:50%; font-size:25px; }
.pageContent > section.g6s1 dl dd{position:relative; line-height:60px;  text-align:left;padding-left:50%; font-size:25px; }
.pageContent > section.g6s1 dl dt:after{position:relative; display:inline-block;vertical-align:middle;  width:10px; height:10px; border:5px solid #fcc49e ; margin-left:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g6s1 dl dd:before{position:relative;  display:inline-block; vertical-align:middle; width:10px; height:10px; border:5px solid #fcc49e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g6s1 dl .d1{margin-right:130px}
.pageContent > section.g6s1 dl .d2{margin-left:160px}
.pageContent > section.g6s1 dl .d3{margin-right:250px}
.pageContent > section.g6s1 dl .d4{margin-left:230px}
.pageContent > section.g6s1 dl .d5{margin-right:320px}
.pageContent > section.g6s1 dl .d6{margin-left:200px}
.pageContent > section.g6s1 dl .d7{margin-right:200px}
.pageContent > section.g6s1 dl .d8{margin-left:100px}


.table_s1{position:relative; width:1096px; margin:0 auto}
.table_s1:after{position:absolute; top:0; left:0; right:0; bottom:-1px; border:1px solid #FFF; content:"";}
.table_s1 thead th{background:#f6a9c4; border:1px solid #adadad; }
.table_s1 thead td{background:#cccccc; border:1px solid #adadad; }
.table_s1 tbody th{background:#fce2ec; border:1px solid #adadad; }
.table_s1 tbody td{background:#FFF; border:1px solid #adadad; }
.table_s1 th{padding:30px; line-height:40px; }
.table_s1 td{padding:30px; line-height:40px; }
.table_s1 td.w200{width:200px}

.pageContent .mt80{margin-top:80px;}
.pageContent .mt-220{margin-top:-220px;}

.pageContent .dls_1{margin-bottom:50px;display: -webkit-flex; display: flex;justify-content:center;}
.pageContent .dls_1 dt{flex-grow:1; width:0 }
.pageContent .dls_1 dd{position:relative; margin:0 8px;}
.pageContent .dls_1 h5{padding:20px; line-height:40px;}
.pageContent .dls_1 h6{padding:20px; line-height:40px; position:absolute; left:0; right:0; bottom:0 ; color:#FFF;}
.pageContent .dls_1 dd.icon_arrow:after{position:absolute; top:30%;  left:-25px; z-index:2; background:#FFF;border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; color:#966650; width:34px; text-align:center; line-height:34px;  font-family:'fontawesome'; content:"\f105";}
.pageContent .dls_1 img{max-width:100%; }

.pageContent .dls_1c{margin-bottom:25px;display: -webkit-flex; display: flex;justify-content:center;}
.pageContent .dls_1c dt{flex-grow:1; width:0 }
.pageContent .dls_1c dd{position:relative; margin:0 8px;}
.pageContent .dls_1c h5{padding:20px; line-height:40px;}
.pageContent .dls_1c h6{padding:20px; line-height:40px; position:absolute; left:0; right:0; bottom:0 ; color:#FFF;}
.pageContent .dls_1c dd.icon_arrow:after{position:absolute; top:30%;  right:-25px; z-index:2; background:#FFF;border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; color:#966650; width:34px; text-align:center; line-height:34px;  font-family:'fontawesome'; content:"\f105";}
.pageContent .dls_1c img{max-width:100%; }

.pageContent .dls_2{ width:1064px; margin:0 auto; display: -webkit-flex; flex-wrap:wrap; display: flex; justify-content:space-between;}
.pageContent .dls_2 dt{  flex-grow:1; }
.pageContent .dls_2 dd{margin-top:60px;  }
.pageContent .dls_2 h5{padding:20px; line-height:40px;}

.pageContent .dls_3 dd{margin-top:60px; }


.pageContent .dls_4 dd{line-height:80px; font-size:21px; }

.pageContent .dls_4s{position:relative; margin:0 -.7%;   display: -webkit-flex;  display: flex; flex-wrap:wrap; align-content:center;justify-content:center }
.pageContent .dls_4s dd{position:relative;  width:20%;   margin:4.5% .7%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;  }
.pageContent .dls_4s dd:before{position:absolute; width:100%; left:0; padding-top:100%; top:50%; margin-top:-50%;   background:#fce2ec;
border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; z-index:-1; content:"";}
.pageContent .dls_4s dd.s:before{background:#fce2ec}
.pageContent .dls_4s dd{ display: flex;justify-content : center;align-items: center; }
.pageContent .dls_4s dd article{  width:100%; padding:30px; word-wrap: break-word; word-break: normal; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.pageContent .dls_4s dd strong{display:block; margin-bottom:15px; background:url(../sub/img/5_1_imgA.png) center bottom no-repeat; font-size:30px; line-height:150%}


.pageContent .dls_5{ color:#000; display: -webkit-flex; flex-wrap:wrap; display: flex;justify-content:space-between;}
.pageContent .dls_5 dd{ position:relative; margin:20px 0; }
.pageContent .dls_5 h6{padding:20px; line-height:40px; position:absolute; left:0; right:0; bottom:0 }

.pageContent .dls_6{position:relative; }	
.pageContent .dls_6  { height:100%; display: -webkit-flex;  display: flex; flex-wrap:wrap; align-content:center;justify-content:center }
.pageContent .dls_6 dd{position:relative; border:2px solid #f0709e; width:17%; height:auto; margin:2% 4%;  padding-top:17%; border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.pageContent .dls_6 dd:after{position:absolute; top:-10px; left:-10px; right:-10px; bottom:-10px; z-index:-1; border:10px solid #fac1d6; content:""; border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%;}
.pageContent .dls_6 dd span{position:absolute; left:0; width:100%; top:0; height:100%; display: flex;justify-content : center;align-items: center; }

/*5_1*/
.pageContent .dls_7{position:relative; margin:0 -.7%;   }
.pageContent .dls_7  { height:100%; display: -webkit-flex;  display: flex; flex-wrap:wrap; align-content:center;justify-content:space-between }
.pageContent .dls_7 dd{position:relative; flex-grow:1; width:0; margin:12% .7%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.pageContent .dls_7 dd:before{position:absolute; width:100%; left:0; padding-top:100%; top:50%; margin-top:-50%;   border:5px solid #d84270;
border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;
z-index:-1; content:"";}
.pageContent .dls_7 dd.s:before{border-color:#f0709e}
.pageContent .dls_7 dd span{position:absolute; left:0; width:100%; top:0; height:100%; display: flex;justify-content : center;align-items: center; }
.pageContent .dls_7 dd p{width:100%;}
.pageContent .dls_7 dd strong{display:block; margin-bottom:15px; background:url(../sub/img/5_1_imgA.png) center bottom no-repeat; font-size:30px; line-height:150%}
/*7_1*/
.pageContent .dls_71{position:relative;      }
.pageContent .dls_71 dd{position:relative;vertical-align:middle;  margin:.5%; width:310px; height:310px; display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; border:5px solid #d84270;
border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%;  }
.pageContent .dls_71 dd.s{border-color:#f0709e}
.pageContent .dls_71 > hr{display:block; position:relative; margin-top:-30px}
.pageContent .dls_71 dd article{position:relative;padding-top:60px;  } 
.pageContent .dls_71 dd strong{display:block; margin-bottom:15px; background: url(../sub/img/5_1_imgA.png) center bottom no-repeat; font-size:30px;  line-height:150%}
 
.pageContent .dls_72{position:relative;      }
.pageContent .dls_72 dd{position:relative;vertical-align:middle;  margin:.2%; width:310px; height:310px; display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; background:#f3c6d4;
border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%;  }
.pageContent .dls_72 dd.s{background:#fce2ec}
.pageContent .dls_72 > hr{display:block; position:relative; margin-top:-30px}
.pageContent .dls_72 dd article{position:relative;padding-top:60px;  } 
.pageContent .dls_72 dd strong{display:block; margin-bottom:15px; background: url(../sub/img/5_1_imgA.png) center bottom no-repeat; font-size:30px;  line-height:150%}
 
.pageContent .dls_74{margin-bottom:10px;display: -webkit-flex; display: flex;justify-content:center;}
.pageContent .dls_74 dt{flex-grow:1; width:0 }
.pageContent .dls_74 dd{position:relative; margin:0 8px;}
.pageContent .dls_74 dd.box_5{width:450px; height:300px; background-color:#efefef; position:relative;}
.pageContent .dls_74 h5{padding:20px; line-height:40px;}
.pageContent .dls_74 h6{padding:20px; line-height:40px; position:absolute; left:0; right:0; bottom:0 ; color:#FFF;}
.pageContent .dls_74 dd.icon_arrow:after{position:absolute; top:30%;  right:-25px; z-index:2; background:#FFF;border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; color:#966650; width:34px; text-align:center; line-height:34px;  font-family:'fontawesome'; content:"\f105";}
.pageContent .dls_74 img{max-width:100%; }
.pageContent .dls_74 ul.uls_2{list-style:none; display:inline-block; text-align:left; padding:0; }
.pageContent .dls_74 ul.uls_2 li:before{content:"· ";  padding-right:6px;}

/*5_1*/
.pageContent .dls_8{position:relative; margin:0 -.7%;  padding:15% 0}
.pageContent .dls_8  { height:100%; display: -webkit-flex;  display: flex; flex-wrap:wrap; align-content:center;justify-content:space-between }
.pageContent .dls_8 dd{position:relative; flex-grow:1; width:0; margin:0 .7%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.pageContent .dls_8 dd:before{position:absolute; width:100%; left:0; padding-top:100%; top:50%; margin-top:-50%;   background:#fce2ec;
border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;
z-index:-1; content:"";}
.pageContent .dls_8 dd.s:before{background-color:#e3e3e4}
.pageContent .dls_8 dd span{position:absolute; left:0; width:100%; top:0; height:100%; display: flex;justify-content : center;align-items: center; }
.pageContent .dls_8 dd p{width:100%;}
.pageContent .dls_8 dd strong{display:block;   font-size:30px; line-height:150%}

/*6_3*/
.pageContent .dls_9{position:relative;    padding:8% 0}
.pageContent .dls_9  { height:100%; display: -webkit-flex;  display: flex; flex-wrap:wrap; align-content:center;justify-content:space-around }
.pageContent .dls_9 dd{position:relative;  width:200px; margin:0 .0%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.pageContent .dls_9 dd:before{position:absolute; width:100%; left:0; padding-top:100%; top:50%; margin-top:-50%;   border:5px solid #fa9468;
border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;
z-index:-1; content:"";}
.pageContent .dls_9 dd.s:before{border-color:#fcbc90}
.pageContent .dls_9 dd span{position:absolute; left:0; width:100%; top:0; height:100%; display: flex;justify-content : center;align-items: center; }
.pageContent .dls_9 dd i{font-size:2.6em; line-height:100%; color:#fcbc90}
.pageContent .dls_9 dd img{width:50px;}
.pageContent .dls_9 dd p{width:100%; padding:0;}
.pageContent .dls_9 dd h6{margin-top:10%;}

/*6_3*/
.pageContent .dls_10{position:relative; margin-top:40px; z-index:2;}
.pageContent .dls_10{ height:100%; display: -webkit-flex;  display: flex; flex-wrap:wrap; align-content:center;justify-content:center }
.pageContent .dls_10 dd{position:relative;  width:416px; padding-top:30px; }
.pageContent .dls_10 dd article{border:10px solid #fedeb8; padding:60px 40px; margin:10px 0;}
.pageContent .dls_10 dd article h6{font-size:30px;}
.pageContent .dls_10 dd article:nth-child(1){border-color:#fedeb8}
.pageContent .dls_10 dd article:nth-child(2){border-color:#fcbc90}
.pageContent .dls_10 dd article:nth-child(3){border-color:#fa9468}

/*6_1 6_2 6_3 */
.pageContent .dls_11{position:relative; margin:0 -.7%;   display: -webkit-flex;  display: flex; flex-wrap:wrap; align-content:center;justify-content:center }
.pageContent .dls_11 dd{position:relative;  width:308px;   margin:4.5% .7%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;  }
.pageContent .dls_11 dd:before{position:absolute; width:100%; left:0; padding-top:100%; top:50%; margin-top:-50%;   background:#fcbc90;
border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; z-index:-1; content:"";}
.pageContent .dls_11 dd.s:before{background:#fedeb8}
.pageContent .dls_11 dd{ display: flex;justify-content : center;align-items: center; }
.pageContent .dls_11 dd article{  width:100%; padding:30px; word-wrap: break-word; word-break: normal; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.pageContent .dls_11 dd strong{display:block; margin-bottom:15px; background:url(../sub/img/5_1_imgA.png) center bottom no-repeat; font-size:30px; line-height:150%}

.bg22 p{font-size:16px; }
.bg21 p.ss{font-size:16px; }

/* 7_4*/
.pageContent .dls_11s{position:relative; margin:0 -.7%;   display: -webkit-flex;  display: flex; flex-wrap:wrap; align-content:center;justify-content:center }
.pageContent .dls_11s dd{position:relative;  width:20%;   margin:4.5% .7%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;  }
.pageContent .dls_11s dd:before{position:absolute; width:100%; left:0; padding-top:100%; top:50%; margin-top:-50%;   background:#fcbc90;
border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; z-index:-1; content:"";}
.pageContent .dls_11s dd.s:before{background:#fedeb8}
.pageContent .dls_11s dd{ display: flex;justify-content : center;align-items: center; }
.pageContent .dls_11s dd article{  width:100%; padding:30px; word-wrap: break-word; word-break: normal; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.pageContent .dls_11s dd strong{display:block; margin-bottom:15px; background:url(../sub/img/5_1_imgA.png) center bottom no-repeat; font-size:30px; line-height:150%}
/*6_5 */
.pageContent .dls_13{position:relative; margin:0 -.7%;   display: -webkit-flex;  display: flex; flex-wrap:wrap; align-content:center;justify-content:center }
.pageContent .dls_13 dd{position:relative;  width:268px;   margin:4.5% .7%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;  }
.pageContent .dls_13 dd:before{position:absolute; width:100%; left:0; padding-top:100%; top:50%; margin-top:-50%;   background:#fcbc90;
border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; z-index:-1; content:"";}
.pageContent .dls_13 dd.s:before{background:#fedeb8}
.pageContent .dls_13 dd{ display: flex;justify-content : center;align-items: center; }
.pageContent .dls_13 dd article{  width:100%; padding:30px; word-wrap: break-word; word-break: normal; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.pageContent .dls_13 dd strong{display:block; margin-bottom:15px; background:url(../sub/img/5_1_imgA.png) center bottom no-repeat; font-size:30px; line-height:150%}

/*6_3*/
.pageContent .dls_12{position:relative;   display: -webkit-flex;  display: flex; flex-wrap:wrap; align-content:center;justify-content:center }
.pageContent .dls_12 dd{position:relative; margin:0 28px; width:475px; height:475px; padding:60px; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; background:#fcbc90; border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.pageContent .dls_12 dd.s{background:#FFF}
.pageContent .dls_12 dd strong{display:block;  font-size:42px; line-height:150%}
.pageContent .dls_12 dd h6{display:block;  font-size:30px; line-height:150%}
.pageContent .dls_12 dd p{display:block;  font-size:21px; line-height:150%}

/*5_4*/
.pageContent .dls_14{position:relative; margin:0 -.7%;   }
.pageContent .dls_14  { height:100%; display: -webkit-flex;  display: flex; flex-wrap:wrap; align-content:center;justify-content:space-between }
.pageContent .dls_14 dd{position:relative; flex-grow:1; width:0;  margin:0 .7%; }
 

 

.pageContent .dlw{ display: -webkit-flex; flex-wrap:wrap; display: flex; justify-content:space-between;}
.pageContent .dlw .w-5{flex-grow:1;  }
.pageContent .dlw dd{flex-grow:3; }


.pageContent .dlw_lr{ border-top:1px dashed #DDD; display: -webkit-flex; flex-wrap:wrap;  display: flex; justify-content:space-between; flex-wrap:wrap; }
.pageContent .dlw_lr dd{border-bottom:1px dashed #DDD;  width:100%; flex-grow:1; text-align:left;  padding:40px 0;}
.pageContent .dlw_lr dd:after{display:block;clear:both;content:''}
.pageContent .dlw_lr dd img{float:left; clear:both; margin-right:60px;}

/*2_5*/
.pageContent .dlw_lrbox{  isplay: -webkit-flex; flex-wrap:wrap;  display: flex; justify-content:space-between; flex-wrap:wrap; }
.pageContent .dlw_lrbox > dd{border:1px dashed #DDD;  background:#FFF;  width:0; flex-grow:1; text-align:left;  padding:40px; margin:1%;}



.pageContent .dlw_num{position:relative;  margin-bottom:2%; display: -webkit-flex; flex-wrap:wrap; display: flex; justify-content:space-between; counter-reset: sign-num;}
.pageContent .dlw_num:before{  position:absolute; top:17px;  left:0; right:0; height:2px; background:#DDD; z-index:-1; content:""}
.pageContent .dlw_num dd{flex-grow:3;position:relative; width:0;  margin:0 .5%; }
.pageContent .dlw_num dd:before {counter-increment:sign-num;content:'0'counter(sign-num);display:inline-block;width:34px;height:34px;border-radius:50%;background-color:#f0709e;color:#fff;font-size:16px;letter-spacing:-0.6px;line-height:34px;text-align:center;margin-right:10px;}
.pageContent .dlw_num dd:after {background:url(../sub/img/pattern/mptlb10.png); z-index:-1; position:absolute; height:10px; left:0; right:0; bottom:-10px; content:""; }
.pageContent .dlw_num p{font-size:.9em; }

.pageContent .dlw_num2{position:relative;    display: -webkit-flex; flex-wrap:wrap; display: flex; justify-content:space-between; counter-reset: sign-num;}
.pageContent .dlw_num2 dd{flex-grow:1;position:relative; width:200px;  margin:0 .5%; margin-top:50px; border-top:2px solid #DDD; padding-top:20px; }
.pageContent .dlw_num2 dd:before {position:absolute; counter-increment:sign-num;content:'0'counter(sign-num);display:inline-block;width:34px;height:34px;border-radius:50%;background-color:#f0709e;color:#fff; top:0; font-size:16px;letter-spacing:-0.6px;line-height:34px;text-align:center;  margin-top:-17px;}
.pageContent .dlw_num2 dd:after {background:url(../sub/img/pattern/mptlb10.png); z-index:-1; position:absolute; height:10px; left:0; right:0; bottom:-10px; content:""; }
 .pageContent .dlw_num2 p{font-size:.9em; }

.pageContent .dlw_z{ display: -webkit-flex; flex-wrap:wrap; display: flex; justify-content:space-between;  }
.pageContent .dlw_z:before{  position:absolute;  left:0; right:0; height:2px; background:#DDD; content:""}
.pageContent .dlw_z dd{flex-grow:3; width:0; position:relative; padding-top:30px; }
.pageContent .dlw_z dd:before{  position:absolute;  left:50%;  width:16px; height:16px; top:-8px;margin-left:-5px;  background:#f0709e;  border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%;  content:'';}

.pageContent .dlw_z.mb p{border:1px solid #DDD;}

.pageContent .dlw_label{position:relative;  display: -webkit-flex; flex-wrap:wrap; display: flex; justify-content:space-between;  }
.pageContent .dlw_label:before{  position:absolute; top:20px;  left:0; right:0; height:2px; background:#DDD; content:""}
.pageContent .dlw_label dd{flex-grow:3; width:0; position:relative;  }
.pageContent .dlw_label dd label{ position:relative; display:inline-block; font-weight:bold; font-size:1.1em; color:#FFF; padding:0 15px;  line-height:40px; background:#f0709e;  border-radius: 20px;-moz-border-radius: 20px; -webkit-border-radius: 20px;  content:'';}
 .pageContent .dlw_label dd p{padding-top:30px; }

 .pageContent .dlw_label2{position:relative;  display: -webkit-flex; flex-wrap:wrap; display: flex; justify-content:space-between;  }
.pageContent .dlw_label2:before{  position:absolute; top:20px;  left:0; right:0; height:2px; background:#DDD; content:""}
.pageContent .dlw_label2 dd{flex-grow:3; width:0; position:relative;  }
.pageContent .dlw_label2 dd label{ position:relative; display:inline-block;width:34px;height:34px;border-radius:50%;background-color:#f0709e;color:#fff; top:0; font-size:16px;letter-spacing:-0.6px;line-height:34px;text-align:center;  margin-top:-17px;}
 .pageContent .dlw_label2 dd p{font-size:.9em;  }




.pageContent .g3t1{ padding-top:180px}
.pageContent .g3t1 dl{ display: -webkit-flex; flex-wrap:wrap; display: flex; justify-content:space-between;}
.pageContent .g3t1 dt{   width:100%; text-align:right;}
.pageContent .g3t1 dd{margin-top:60px; border:4px solid #FFF; box-shadow:10px 10px 10px rgba(0,0,0,.15)}
 
.pageContent .g5t1{ padding-top:180px}
.pageContent .g5t1 dl{ display: -webkit-flex; flex-wrap:wrap; display: flex; justify-content:space-between;}
.pageContent .g5t1 dt{   width:100%; text-align:left;}
.pageContent .g5t1 dd{margin-top:60px; border:5px solid #FFF; box-shadow:10px 10px 10px rgba(0,0,0,.15)}
 
 .pageContent .uls_1{list-style:none;  }
 .pageContent .uls_1 li:before{content:"\f046"; font-family:"fontawesome"; color:#f0709e; padding-right:6px;}

 .pageContent .uls_2{list-style:none; display:inline-block; text-align:left;   }
 .pageContent .uls_2 li:before{content:"· ";  padding-right:6px;}

 
 .pageContent .ps_1{background:#fce2ec; font-size:24px; padding:30px;font-weight:bold;}

.pageContent .g2t1{ padding-top:180px}
.pageContent .g2t1 dl{ display: -webkit-flex; flex-wrap:wrap; display: flex; justify-content:space-between;}
.pageContent .g2t1 dt{   width:100%; text-align:left;}
.pageContent .g2t1 dd{margin-top:60px; border:4px solid #FFF; box-shadow:10px 10px 10px rgba(0,0,0,.15)}

 .pageContent .btn_s1{display:inline-block; border:7px solid #d84270; color:#d84270; font-size:30px; padding:0 70px; line-height:70px; }
 .pageContent .btn_s2{display:inline-block; border:7px solid #93614a; color:#93614a; font-size:30px; padding:0 85px; line-height:70px; }
 .pageContent .btn_s3{display:inline-block; border:7px solid #d84270; color:#d84270; font-size:30px; padding:0 65px; line-height:70px; }

.pageContent h5.dls_z{display:inline-block; border:7px solid #d84270; width:1100px; padding: 20px 70px;}

	.s23{text-align: left; border-top:1px dashed #DDD; border-bottom:1px dashed #DDD; margin:0 auto;  margin-top:-1px;   padding:50px 0 ; width:890px;   }