@charset "euc-kr";
/* contents */
.contents { width:1200px; margin:0 auto;}
.contents:after {content:""; display:block; height:0; clear:both;}
/*ȸ¿ø¼­ºñ½º*/
.login_h_frm{width:70%;  margin:0 auto; overflow:hidden; background:url(/img/sub/login_bg.jpg) center top no-repeat; padding-top:15%;}
.login_h_frm fieldset{border:1px solid #c25b94;}
.login_h_frm  .login_h_t{background:#c25b94; color:#fff; text-align:center; font-size:20px;}
.login_h_frm fieldset p{background:#fff; border-bottom:1px solid #ddd;  padding:3%;}
.login_h_frm fieldset p .ln_title{padding-left:10px;width:80px; display:inline-block; position:relative;}
.login_h_frm fieldset p .ln_title:before{content:''; display:block; position:absolute; left:0; top:8px; width:4px; height:4px; background-color:#444;}
.login_h_frm fieldset p input{height:40px; width:78%;}
.login_h_frm fieldset p:last-child{border-bottom:none;}

.rule{width:100%;padding:20px 30px 30px 30px; background:#fff;}
.rule ul{}
.rule li{position:relative; padding-left:10px; margin-top:20px; font-size:15px; font-weight:500;}
.rule li:before{content:''; display:block; position:absolute; left:0; top:9px; width:4px; height:4px; background-color:#7a7a7a;}
.rule ul ul{}
.rule li li{font-size:14px; font-weight:300; margin-top:4px;}
.rule li li:before{content:''; display:block; position:absolute; left:0; top:10px; width:4px; height:2px; background-color:#888;}
.rule li li li{font-size:14px; font-weight:300; margin-top:4px;}
.rule li li li:before{content:''; display:block; position:absolute; left:0; top:10px; width:4px; height:1px; background-color:#888;}

.overflow_auto_div{padding:30px;background:#f3f4f7; border-top:1px solid #aeb3c4; border-bottom:1px solid #aeb3c4; overflow-y:auto; height:300px; }

.agree_box{text-align:center; padding:15px; border-bottom:1px solid #dedee5; font-size:17px; font-weight:500;}
.agree_box input{width:18px; height:18px; vertical-align:middle; }

#idpw_frm{width:70%; margin:10px auto 0 auto;  border-top:1px solid #aeb3c4; border-bottom:1px solid #aeb3c4; background-color:#f3f4f7; padding:50px 5% 60px 5%;}
#idpw_frm fieldset{}
#idpw_frm h3{font-size:30px; color:#2866d0; text-align:center;}
#idpw_frm p{padding-bottom:5px;}
#idpw_frm p input[type="text"]{width:70%; padding:10px; height:40px;}
#idpw_frm p:last-child{margin-top:20px;}
#idpw_frm a.btn_idpw{width:100%; padding:15px; display:inline-block; background-color:#2866d0; color:#fff; font-size:18px; text-align:center;}
#idpw_frm span{display:inline-block; width:90px; position:relative; padding-left:10px; font-weight:400; font-size:15px; padding-bottom:10px;}
#idpw_frm span:before{content:''; display:block; position:absolute; left:0; top:9px; width:4px; height:4px; background-color:#7a7a7a;}
#idpw_frm span.span_etc{width:150px;}
#idpw_frm select{display: inline-block;height:40px; border: 1px solid #c8ccd4; padding:0 40px 0 15px;vertical-align: middle; background:#fff url(/new/img/sub/arrow1.png) 90% 50% no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
#idpw_frm select::-ms-expand {display: none;} 


.idpw_frm_result{width:70%; margin:10px auto 0 auto;  border-top:1px solid #aeb3c4; border-bottom:1px solid #aeb3c4; background-color:#f3f4f7; padding:50px 5% 60px 5%;}
.idpw_frm_result h3{font-size:30px; color:#2866d0; text-align:center;}
.idpw_frm_result a.btn_result{width:100%; padding:15px; display:inline-block; background-color:#2866d0; color:#fff; font-size:18px; text-align:center;}
.idpw_frm_result .result_txt{border-top:1px solid #aeb3c4; border-bottom:1px solid #aeb3c4; background:#fff; text-align:center; padding:15px; margin:10px 0 20px 0;}
.idpw_frm_result .result_txt strong{font-size:16px; color:#fff; background:#e30000; padding:0 7px; }


.join_celebration{width:60%; margin:0 auto; background:url(/img/sub/login_bg.jpg) center top no-repeat; padding-top:170px;}
.join_celebration p{background:#c25b94; color:#fff; text-align:center; padding:5%;}
.join_celebration strong{display:block;font-size:17px; padding-bottom:5px;}

.history_f{padding:15px; background:#f9f9f9; border:1px solid #f1f1f1;}
.history_f span{padding-right:20px; color:#536a9e; font-weight:400;}


.exlink-box ul {overflow:hidden;}
.exlink-box ul li {float:left;width:32%;margin-bottom:20px;margin-left:2%;border:1px solid #ccc;box-sizing:border-box;text-align:center;}
.exlink-box ul li:nth-child(3n+1) {margin-left:0;}
.exlink-box ul li .link-btn {width:100%;text-align:left;}
.exlink-box ul li img {padding:10px 0 10px 0;}
.exlink-box .blank-btn, a.blank-btn {background:#ececec;}
.exlink-box .blank-btn:hover, .blank-btn:focus {background:#86487d;color:#fff;}
.exlink-box .blank-btn:hover span, .blank-btn:focus span {color:#fff;}
.blank-btn{position:relative;display:inline-block;font-size:0.875em;vertical-align:middle;transition:all .25s ease;line-height:1.1;}
.blank-btn, a.blank-btn {background:#fff;}
.blank-btn:hover, .blank-btn:focus {background:#2866d0; color:#fff;}

a.blank-btn span{display:block;padding:14px 45px 16px 15px;line-height:1;}
.blank-btn .ico{position:absolute;right:15px;top:50%;padding:0;width:16px;height:16px;margin-top:-8px;background:url(/img/sub/ico_cbtn.png) no-repeat 0 0;-webkit-transition:right .25s ease; transition:right .25s ease-out}

.blank-btn .new {background-position:-48px 0;}
.cg-btn .new, .cp-btn .new, .cdp-btn .new, .cy-btn .new {background:url(/img/sub/ico_cbtn.png) no-repeat -48px -43px;}
.blank-btn:hover .new, .blank-btn:focus .new {background-position:-48px -43px;}


.wrap_m_line{margin-top:20px; border-top:2px solid #666; padding-top:20px; border-bottom:1px solid #ddd; padding-bottom:10px; overflow:hidden;}
.wrap_moving{position:relative; border:1px solid #e0e0e0; width:23%; float:left; margin:0 1% 2% 1%;}
.wrap_moving div.img_mv{z-index:1; position:relative;}
.wrap_moving div.img_mv img{height:160px; width:100%;}
.wrap_moving dl{position:relative; padding:10px;}
.wrap_moving dl:hover{background:#f9f9f9;}
.wrap_moving dt{overflow:hidden; margin-bottom:5px; height:45px; font-weight:400; }
.wrap_moving dt a{color:#000;}
.wrap_moving dd{}
.wrap_moving dd a{font-size:14px;}
.wrap_moving dd span{color:#777; font-size:13px;}
.h80{height:92px; overflow:hidden;}


.help_frame{overflow:hidden;}
.help_frame dl{}
.help_frame dl:last-child{margin-right:0;}
.help_frame dl dt{font-weight:500; font-size:16px; background-color:#f7f8f9; padding:10px; border-bottom:1px solid #dadde0; color:#0054b2;}
.help_frame dl dd{font-weight:500; font-size:16px; background-color:#fff; padding:10px; border-bottom:1px solid #dadde0; color:#0054b2;}
.help_frame dl dd:before{content:''; display:block; position:absolute; left:10px; top:18px; width:4px; height:1px; background-color:#888;}
.help_frame dl dd strong{color:#0054b2}


.wrap_visual{margin:3px auto 0 auto; overflow:hidden;position:relative;width:100%; height:180px; z-index:1; border-bottom:1px solid #d4d4d4;}
.visual{position:relative;width:100%;margin:0 auto; box-sizing:border-box; z-index:3}
.visual h2,.visual h2 span{line-height:34px;font-weight:400;letter-spacing:0;text-align:center}
.visual h2{color:#fff; padding-top:55px;font-size:35px; letter-spacing:-0.05em; font-weight:500;}
.visual h2 span{color:#fff; font-weight:300; display:block;padding-top:6px;font-size:13px;}

.visual1{background: url('/img/sub/sub_v01.jpg') center top no-repeat; background-size:auto 100%;}
.visual2{background: url('/img/sub/sub_v02.jpg') center top no-repeat; background-size:auto 100%;}
.visual3{background: url('/img/sub/sub_v03.jpg') center top no-repeat; background-size:auto 100%;}
.visual4{background: url('/img/sub/sub_v04.jpg') center top no-repeat; background-size:auto 100%;}
.visual5{background: url('/img/sub/sub_v05.jpg') center top no-repeat; background-size:auto 100%;}
.visual6{background: url('/img/sub/sub_v06.jpg') center top no-repeat; background-size:auto 100%;}
.visual7{background: url('/img/sub/sub_v07.jpg') center top no-repeat; background-size:auto 100%;}

.visual_zoomin {
	position:absolute;top:0;width:100%;height:100%;transition:all .2s; z-index:2;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-animation: zoomin 3s ease-in ;
	animation: zoomin 3s ease-in ; 
}

/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
	0% {transform: scale(1);}
	50% {transform: scale(1.1);}
	100% {transform: scale(1);}
}
@keyframes zoomin {
	0% {transform: scale(1);}
	50% {transform: scale(1.1);}
	100% {transform: scale(1);}
} 
/*End of Zoom in Keyframes */

@keyframes fadeInUp {
from {opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0);}
to {opacity: 1; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }

}
.fadeInUp {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}

.sub_contents_box{width:900px; float:left; position:relative; margin:70px 0 50px 50px; overflow:hidden;}
.sub_t_location{overflow:hidden; margin-bottom:20px;}
.sub_t_location h3{font-size:32px; color:#000; font-weight:500;overflow:hidden; padding-bottom:10px; }
.sub_t_location ul{float:right; overflow:hidden; border:1px dashed #ccc; border-radius:30px; padding:7px 20px 8px 20px;}
.sub_t_location li{float:left; font-size:13px; padding-right:25px; background:url(/img/sub/ico_arr1_1.png) 90% center no-repeat; }
.sub_t_location li:last-child{background:none; padding-right:0;}







.common_tab1{overflow:hidden; margin-bottom:20px;}
.common_tab1 ul{}
.common_tab1 li{margin-bottom:5px; float:left; text-align:center; margin-right:2px;}
.common_tab1 li a{width:100%; color:#222; padding:7px 0px 9px 0px; border:1px solid #d6d6d6; display:inline-block; }
.common_tab1 li a:hover{background:#5674b9; border-color:#5674b9; color:#fff;}
.common_tab1 li a.on{background:#5674b9; border:1px solid #5674b9; color:#fff; font-weight:500;}
.tab2 li{width:49.7%; display:inline-block;}
.tab3 li{width:33%; display:inline-block;}
.tab4 li{width:24%; display:inline-block;}
.tab5 li{width:19.5%; display:inline-block;}
.tab6 li{width:16.3%; display:inline-block;}
.tab7 li{width:14%; display:inline-block;}
.tab8 li{width:12%; display:inline-block;}



.h_title1{clear:both;background:url(/img/sub/icn_title1.png) 0 5px no-repeat; padding-left:20px; font-weight:500; font-size:18px; padding-bottom:10px; }
.h_title2{clear:both; display:block; padding-left:15px; font-weight:500; font-size:15px; padding-bottom:10px;position:relative;}
.h_title2:before{content:''; display:block; position:absolute; left:0; top:8px; width:7px; height:7px; background-color:#333;}
.h_title3{display:block; background:url(/img/sub/h_ico4.png) 0 3px no-repeat; padding-left:19px; padding-bottom:10px; color:#333; font-weight:400;}
.h_title4{display:block; background:url(/img/sub/h_ico3.png) 0 3px no-repeat; padding-left:15px; padding-bottom:10px; color:#333; font-weight:400;}
.h_title5{clear:both; display:block; padding-left:15px; font-weight:500; font-size:17px; padding-bottom:10px;position:relative;}
.h_title5:before{content:''; display:block; position:absolute; left:0; top:8px; width:9px; height:9px; background-color:#333;}
.h_title6{clear:both; display:block; padding-left:5px; font-weight:500; font-size:15px; padding-bottom:5px;position:relative;}
.color_r{color:#dc0f17;}
.color_b{color:#2462a2;}
.color_gb{color:#1a9c99;}



.p_title1{clear:both; overflow:hidden; background:url(/img/sub/blt_01.gif) 0 9px no-repeat; padding:0 0 5px 10px; font-size:17px; color:#a2755a; font-weight:500;}

.dot_box{overflow:hidden; border:1px dashed #ddd; padding:15px 2%;}
.dot_box li{font-size:15px; background:url(/img/sub/bu_li2.gif) 0 13px no-repeat; padding:5px 0 5px 10px;}
.dot_box li li{background:none; padding:5px 0 0 10px;}
.agree_radio{font-weight:400; color:#222; background:#f2f2f2; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:10px 10px 15px 10px; text-align:center;}


.ul_blt_01{overflow:hidden;}
.ul_blt_01 li{position:relative; padding:0 0 3px 10px;}
.ul_blt_01 li:before{content:''; display:block; position:absolute; left:0; top:10px; width:4px; height:1px; background-color:#888;}

.ul_blt_02{overflow:hidden; border-top:1px dashed #ccc; padding-top:10px;  border-bottom:1px dashed #ccc; padding-bottom:10px;}
.ul_blt_02 li{position:relative; padding:0 0 3px 0;}
.ul_blt_02 li span{font-weight:500; width:110px; text-align:center; margin-right:15px;display:inline-block; color:#fff; background:#0054b2; padding:5px;}

.ul_blt_02_1{overflow:hidden; border-top:1px dashed #ccc; padding-top:10px;  border-bottom:1px dashed #ccc; padding-bottom:10px;}
.ul_blt_02_1 li{position:relative; padding:0 0 3px 0;}
.ul_blt_02_1 li span{font-weight:500; width:110px; text-align:center; margin-right:15px;display:inline-block; color:#fff; background:#0054b2; padding:5px;}

.ul_blt_04{border-top:1px dashed #ccc; padding:2%; border-bottom:1px dashed #ccc; overflow:hidden;}
.ul_blt_04 li{position:relative; padding:0 0 3px 10px;}
.ul_blt_04 li:before{content:''; display:block; position:absolute; left:0; top:10px; width:4px; height:1px; background-color:#888;}



.use_step01{overflow:hidden; margin-top:20px;}
.use_step01 ol{overflow:hidden;}
.use_step01 li{float:left; width:16.65%; background:url(/img/sub/ico_arr1.png) right 20px no-repeat; background-size:15px auto;}
.use_step01 li:last-child{background:none;}
.use_step01 li:first-child p{background:url(/img/sub/use_img1.png) center top no-repeat; background-size:auto 60px; padding-top:70px; text-align:center;}
.use_step01 li:nth-child(2) p{background:url(/img/sub/use_img2.png) center top no-repeat; background-size:auto 60px; padding-top:70px; text-align:center;}
.use_step01 li:nth-child(3) p{background:url(/img/sub/use_img3.png) center top no-repeat; background-size:auto 60px; padding-top:70px; text-align:center;}
.use_step01 li:nth-child(4) p{background:url(/img/sub/use_img4.png) center top no-repeat; background-size:auto 60px; padding-top:70px; text-align:center;}
.use_step01 li:nth-child(5) p{background:url(/img/sub/use_img5.png) center top no-repeat; background-size:auto 60px; padding-top:70px; text-align:center;}
.use_step01 li:nth-child(6) p{background:url(/img/sub/use_img6.png) center top no-repeat; background-size:auto 60px; padding-top:70px; text-align:center;}


.gray_box1{overflow:hidden; padding:3%; border:2px dashed #ccc; }
.gray_box1 p{width:75%;}
.gray_box3{overflow:hidden; padding:1%; border:2px dashed #ccc; }

.box_bg1{background:url(/img/sub/box_bg1.png) 95% center no-repeat; background-size:117px auto;}
.box_bg2{background:url(/img/sub/box_bg2.png) 95% center no-repeat; background-size:117px auto; }
.box_bg3{background:url(/img/sub/box_bg3.png) 95% center no-repeat; background-size:117px auto; min-height:120px;}
.box_bg4{background:url(/img/sub/box_bg4.png) 95% center no-repeat; background-size:117px auto;}
.box_bg5{background:url(/img/sub/box_bg5.png) 95% center no-repeat; background-size:117px auto; min-height:120px;}
.box_bg6{background:url(/img/sub/box_bg6.png) 95% center no-repeat; background-size:117px auto; min-height:120px;}
.box_bg7{background:url(/img/sub/box_bg7.png) 95% center no-repeat; background-size:117px auto; min-height:120px;}
.box_bg8{background:url(/img/sub/box_bg8.png) 95% center no-repeat; background-size:117px auto; min-height:120px;}

.gray_box2{margin-top:5px; /*border-bottom:1px solid #ddd;*/ overflow:hidden; padding:0 0 20px 0; background:url(/img/sub/box_call.png) 20px top no-repeat; background-size:100px auto; min-height:100px;  border-bottom:1px  solid #ddd;}
.gray_box2 ul{padding-left:23%;}
.gray_box2 ul li{ position:relative; padding:0 0 5px 10px;}
.gray_box2 ul li:before{content:''; display:block; position:absolute; left:0; top:10px; width:4px; height:1px; background-color:#888;}


.ul_blt_03{overflow:hidden; border-top:1px solid #444;}
.ul_blt_03 li{padding:2%; border-bottom:1px solid #ddd; overflow:hidden; display:block; }
.ul_blt_03 li span{float:left; width:20%; position:relative; font-weight:500; font-size:15px; padding-bottom:10px; color:#007fd8}

.ul_blt_03 li div{float:left; width:80%;}
.ul_blt_03 li ul li{border-bottom:none; margin-left:14px; position:relative; padding:0 0 5px 10px;}
.ul_blt_03 li ul li:before{content:''; display:block; position:absolute; left:0; top:10px; width:4px; height:1px; background-color:#888;}

.ul_blt_03 li dl{padding-bottom:10px;}
.ul_blt_03 li dl dt{font-weight:400;position:relative; padding:0 0 5px 10px; color:#d64473;}
.ul_blt_03 li dl dt:before{content:''; display:block; position:absolute; left:0; top:9px; width:3px; height:3px; background-color:#d64473;}

.ul_blt_03 li dl dd{position:relative; padding:0 0 5px 10px;}
.ul_blt_03 li dl dd:before{content:''; display:block; position:absolute; left:0; top:10px; width:4px; height:1px; background-color:#888;}

.ol_step01{overflow:hidden;}
.ol_step01 li{width:16.6666%; background:url(/img/sub/arr1.png) 94% 25px no-repeat; background-size:12px auto;  float:left; margin-bottom:1%;}
.ol_step01 li:last-child{background:none;}
.ol_step01 li p{width:80%; padding:5px; text-align:center; border:1px dashed #0054b2; min-height:80px; border-radius:10px;}
.ol_step01 li:nth-child(even) p{border:1px solid #0054b2; background:#0054b2; color:#fff;}
.ol_step01 li:nth-child(1) p, .ol_step01 li:nth-child(3) p,.ol_step01 li:nth-child(4) p{padding-top:15px;}
.ol_step01 li:nth-child(5) p,.ol_step01 li:nth-child(6) p{padding-top:25px;}


.ol_step02{overflow:hidden;}
.ol_step02 li{width:16.6666%; background:url(/img/sub/arr1.png) 94% 25px no-repeat; background-size:12px auto;  float:left; margin-bottom:1%;}
.ol_step02 li:last-child{background:none;}
.ol_step02 li p{width:80%; padding:10%; text-align:center; border:1px dashed #0054b2; min-height:75px; border-radius:10px; word-break:keep-all;}
.ol_step02 li:nth-child(even) p{border:1px solid #0054b2; background:#0054b2; color:#fff;}

.step_service{overflow:hidden;}
.step_service li{width:25%; background:url(/img/sub/arr1.png) 92% center no-repeat; background-size:10px auto;  float:left; margin-bottom:1%;}
.step_service li:last-child{background:none;}
.step_service li p{width:80%; padding:5px 7px 7px 7px; text-align:center; border:1px dashed #777; border-radius:5px; word-break:keep-all;}
.step_service li:nth-child(even) p{border:1px solid #0054b2; background:#0054b2; color:#fff;}



.bor_p{overflow:hidden; padding:3%; border:2px dashed #ccc; }
.bor_p strong{color:#2150bd; font-weight:500;}
.one_p{background:url(/img/sub/promise_ion.png) left 18px no-repeat; background-size:20px auto;  padding:2% 2% 2% 25px; border-bottom:1px solid #ddd; font-weight:500; font-size:15px; vertical-align:top;}


.int_wrap1{overflow:hidden; border:1px solid #ddd; border-radius:20px; margin-bottom:20px;}
.int_wrap1 dl{ overflow:hidden;}
.int_wrap1 dt{padding:1% 2%; background:#0054b2; color:#fff; border-top-left-radius:20px; border-top-right-radius:20px; font-weight:500; font-size:15px;}
.int_wrap1 dd{padding:1% 2%;}
.int_wrap1 ul{padding:1% 2% 3% 2%; overflow:hidden;}
.int_wrap1 li{float:left; width:50%; padding-bottom:5px; position:relative; padding-left:10px; color:#0054b2;}
.int_wrap1 li:before{content:''; display:block; position:absolute; left:0; top:9px; width:3px; height:3px; background-color:#0054b2;}

.ceo_b_txt{background:url(/img/sub/ceo_bg.gif) repeat; padding:2%; background-size:100% auto;}
.ceo_b_txt .ceo_txt0{padding:4%; background:#fff url(/img/sub/ceo_img.jpg) 5% 30% no-repeat;}
.ceo_b_txt .ceo_txt0 p{padding-left:28%; padding-bottom:20px;}
.ceo_b_txt .ceo_txt0 p .strong1{font-weight:500; color:#0072bc; font-size:16px;}
.ceo_b_txt .ceo_txt0 p .strong2{font-weight:500; font-size:18px; display:block;}
.ceo_b_txt .ceo_txt0 p:last-child{padding-bottom:0;}

.ceo_b_txt1{background:url(/img/sub/ceo_bg1.gif) repeat; padding:2%; background-size:100% auto;}
.ceo_b_txt1 .ceo_txt0{padding:4%; background:#fff url(/img/sub/ceo_img2.jpg) 5% 10% no-repeat;}
.ceo_b_txt1 .ceo_txt0 p{padding-left:28%; padding-bottom:20px;}
.ceo_b_txt1 .ceo_txt0 p .strong3{font-weight:500; color:#d70a12; font-size:16px;}
.ceo_b_txt1 .ceo_txt0 p:last-child{padding-bottom:0;}
.ceo_b_txt1 .ceo_sign{text-align:right; font-size:17px; font-weight:500;}



.ceo_txt2{text-align:center; overflow:hidden;}
.ceo_poem li{text-align:right;}
.ceo_txt3{background:#26bcce; padding:2%; background-size:100% auto;}
.ceo_txt3 div{padding:4%; background:#fff;}
.ceo_txt3 p{padding-bottom:20px;}
.ceo_txt3 p.ceo_sign{text-align:right; font-size:17px; font-weight:500;}

.history_frm{background:url(/img/sub/history_bg.jpg) no-repeat; padding-left:280px;}
.history_frm div{background:url(/img/sub/history_bg1.jpg) 4px 0 repeat-y;}
.history_frm dl{}
.history_frm dt{margin-top:30px; color:#414286; font-size:23px; font-weight:500; padding-left:20px; position:relative;}
.history_frm dt:before{content:''; display:block; position:absolute; left:0; top:9px; width:12px; height:12px; border-radius:30px; background-color:#d64473;}
.history_frm dd{padding-left:0; margin-top:10px; margin-left:20px;}
.history_frm dd strong{font-weight:400; color:#666; }

.group_frm{margin-bottom:10px;overflow:hidden;}
.group_frm p{width:15%; float:left; text-align:center;}
.group_frm p img{}
.group_frm table{float:left; width:85%;}
.group_frm table .name{display:inline-block; width:17px; height:18px; background:url(/img/sub/info_bg1.png) no-repeat; margin-right:6px; margin-top:-2px; vertical-align:middle;}
.group_frm table .position{display:inline-block; width:17px; height:18px; background:url(/img/sub/info_bg2.png) no-repeat; margin-right:6px; margin-top:-2px; vertical-align:middle;}
.group_frm table .work{display:inline-block; width:17px; height:18px; background:url(/img/sub/info_bg3.png) no-repeat; margin-right:6px; margin-top:-2px; vertical-align:middle;}
.group_frm table .phone{display:inline-block; width:17px; height:18px; background:url(/img/sub/info_bg4.png) no-repeat; margin-right:6px; margin-top:-2px; vertical-align:middle;}



.back_frm{overflow:hidden;}
.back_frm dl{margin-right:1%; width:49%; float:left; border:1px solid #dadde0;margin-bottom:20px;}
.back_frm dl:last-child{margin-right:0;}
.back_frm dl dt{font-weight:500; font-size:16px; text-align:center; background-color:#f7f8f9; padding:10px; border-bottom:1px solid #dadde0; color:#59399a;}
.back_frm dl dd{border-bottom:1px solid #dadde0; padding:10px; }
.back_frm dl dd:last-child{text-align:center;border-bottom:none;}
.back_frm dl dd strong{color:#0054b2}

.volunteer_frm{overflow:hidden;}
.volunteer_frm dl{float:left; width:32.33333%; margin-right:1%; border:1px solid #dadde0; margin-bottom:1%; height:210px;}
.volunteer_frm dl dt{text-align:center;padding:75px 10px 10px 10px; border-bottom:1px solid #dadde0;}
.volunteer_frm dl dd{font-size:13px; padding:10px; }
.volunteer_frm dl:nth-child(1) dt{background:#f7f8f9 url(/img/sub/vr_img1.png) center 10px no-repeat; background-size:90px auto;}
.volunteer_frm dl:nth-child(2) dt{background:#f7f8f9 url(/img/sub/vr_img2.png) center 10px no-repeat; background-size:90px auto;}
.volunteer_frm dl:nth-child(3) dt{background:#f7f8f9 url(/img/sub/vr_img3.png) center 10px no-repeat; background-size:90px auto;}
.volunteer_frm dl:nth-child(4) dt{background:#f7f8f9 url(/img/sub/vr_img4.png) center 10px no-repeat; background-size:90px auto;}
.volunteer_frm dl:nth-child(5) dt{background:#f7f8f9 url(/img/sub/vr_img5.png) center 10px no-repeat; background-size:90px auto;}
.volunteer_frm dl:nth-child(6) dt{background:#f7f8f9 url(/img/sub/vr_img6.png) center 10px no-repeat; background-size:90px auto;}


.mission_frm{overflow:hidden;}
.three_ul{overflow:hidden; margin-top:40px;}
.three_ul li{float:left; margin-right:4%; width:29%; border:2px solid #0090d3; border-radius:20px; text-align:center; font-size:15px; font-weight:bold;padding:2% 3%;}
.three_ul li strong{display:block; margin-top:10px; padding-top:10px; border-top:1px solid #ddd; color:#0090d3;}


.org_frm1{margin:0 auto; overflow:hidden; width:720px; background:url(/img/sub/org_bg1.png) no-repeat;}
.org_frm1 .org1{text-align:center; }
.org_frm1 .org1 a{color:#fff; padding:10px 5px 12px 5px; font-size:16px; font-weight:500; background:#303f9f; display:inline-block; width:120px; margin:0 auto;}
.org_frm1 .org2{margin-top:20px; overflow:hidden;}
.org_frm1 .org2 span{color:#fff; padding:10px 5px 12px 5px;text-align:center; font-weight:500; background:#0097a7; display:inline-block; width:130px; margin-bottom:10px;}
.org_frm1 .org3{margin-top:-103px;  float:right;}
.org_frm1 .org3 span{color:#fff; padding:10px 5px 12px 5px;text-align:center; font-weight:500; background:#0097a7; display:inline-block; width:130px; margin-bottom:10px;}
.org_frm1 .org4{text-align:center;display:block; clear:both; margin-top:20px;}
.org_frm1 .org4 a{color:#fff; padding:10px 5px 12px 5px;text-align:center; font-weight:500; background:#0288d1; display:inline-block; width:120px; }
.org_frm1 .org5{float:right; margin-top:20px;}
.org_frm1 .org5 span{color:#fff; padding:10px 5px 12px 5px;text-align:center; font-weight:500; background:#0097a7; display:inline-block; width:130px; }
.org_frm1 .org6{clear:both; overflow:hidden; padding-top:40px;}
.org_frm1 .org6 li{float:left; width:15.7%; margin-right:1%;}
.org_frm1 .org6 li a{color:#fff; padding:10px 5px 12px 5px; font-weight:500; background:#757575; display:inline-block; width:110px; text-align:center;}
.org_frm1 .org6 li:last-child{margin-right:0;}
.org_frm1 .org6 li p.org7{margin-top:10px; color:#fff; padding:10px 5px 12px 5px; font-weight:500; background:#757575; display:inline-block; width:110px; text-align:center;}

.inquiry_frm1{overflow:hidden; width:100%; }
.inquiry_frm1 ol{overflow:hidden;}
.inquiry_frm1 li{float:left; width:20%; height:120px; margin-bottom:20px; padding-right:3%; background:url(/img/sub/arr1.png) 96% 27px no-repeat; background-size:10px auto;}
.inquiry_frm1 li:last-child{background:none;}
.inquiry_frm1 li dl{}
.inquiry_frm1 li dt{border-top-left-radius:10px; border-top-right-radius:10px;text-align:center; background:#0054b2; padding:5% 2% 7% 2%; color:#fff; font-weight:bold; font-size:15px;}
.inquiry_frm1 li dd{border-bottom-left-radius:10px; border-bottom-right-radius:10px; background-color:#fff; text-align:center; padding:5%; height:45px; border:1px solid #ddd; word-break:keep-all;}



.help_frame{overflow:hidden;}
.help_frame dl{}
.help_frame dl:last-child{margin-right:0;}
.help_frame dl dt{font-weight:500; font-size:16px; background-color:#f7f8f9; padding:10px; border-bottom:1px solid #dadde0; color:#0054b2;}
.help_frame dl dd{position:relative; border-bottom:1px solid #dadde0; padding:10px 10px 10px 20px;}
.help_frame dl dd:before{content:''; display:block; position:absolute; left:10px; top:18px; width:4px; height:1px; background-color:#888;}
.help_frame dl dd strong{color:#0054b2}


.food_top{display:table; background:url(/img/sub/food_bg.jpg) right center no-repeat; width:100%; height:96px;}
.food_top p{display:table-cell; vertical-align:middle; font-size:20px; font-weight:bold; color:#fff; padding:0 0 0 3%;}
.food_wrap1{display:none;}

.round-box{margin-top:20px;}
.round-box span{color:#fff; padding:3px 15px 4px 15px;  font-size:14px; font-weight:600; background:#5674b9; display:inline-block; border:1px solid #5674b9; border-radius:20px;}

.achievement_ul{margin-top:10px; overflow:hidden;}
.achievement_ul li{overflow:hidden; display:table; border-bottom:1px dashed #d3d3d3; padding:5px 0; width:100%;}
.achievement_ul li span{font-weight:600; text-align:center; display:table-cell; width:58px;}
.achievement_ul li p{display:table-cell;}
.achievement_ul li strong{color:#5674b9;}

.achievement_ul2{overflow:hidden;}
.achievement_ul2 li{overflow:hidden; display:table; border-bottom:1px dashed #d3d3d3; padding:5px 0; width:100%;}
.achievement_ul2 li span{font-weight:600; text-align:center; display:table-cell; width:58px;}
.achievement_ul2 li p{display:table-cell;}
.achievement_ul2 li strong{color:#5674b9;}




/********************************** Media Queries **********************************/

@media all and (min-width:1000px) and (max-width:4000px) {


}

@media all and (max-width:999px){
.wrap_visual{border-top:1px solid #7f7f92;}
.wrap_visual{height:120px;}
.visual h2{padding-top:30px;font-size:32px;}
.visual h2 span{padding-top:0;}

.sub_contents_box{width:100%; float:none; margin:0; padding:0 2%}
.sub_t_location h3{font-size:30px; text-align:center; text-decoration:underline;}
.sub_t_location ul{float:none; display:inline-block;}


.ol_step01 li p{border:1px dashed #0054b2; min-height:100px;}
.ol_step01 li:nth-child(1) p, .ol_step01 li:nth-child(3) p,.ol_step01 li:nth-child(4) p{padding-top:10px;}
.ol_step01 li:nth-child(5) p,.ol_step01 li:nth-child(6) p{padding-top:35px;}

.rule{padding:5px 15px;}
.overflow_auto_div{padding:15px; height:200px;}

.group_frm p{width:20%;}
.group_frm table{width:80%;}

.volunteer_frm dl:nth-child(1){height:240px;}
.volunteer_frm dl:nth-child(2){height:240px;}
.volunteer_frm dl:nth-child(3){height:240px;}
.volunteer_frm dl:nth-child(4){height:190px;}
.volunteer_frm dl:nth-child(5){height:190px;}
.volunteer_frm dl:nth-child(6){height:190px;}

.mission_frm img{width:100%;}

.contents {width:100%; }
}



@media all and (max-width:900px){
.width100{width:100%;}
}
@media all and (max-width:800px) {

#idpw_frm{width:100%; padding:30px 5% 30px 5%;}
#idpw_frm h3{font-size:20px;}

.idpw_frm_result{width:100%; padding:30px 5% 30px 5%;}
.idpw_frm_result h3{font-size:20px;}

.inquiry_frm1 li dd{height:60px;}

}

@media all and (max-width:720px) {
.wrap_visual{display:none;}
.sub_t_location ul{border:1px dotted #bbb; padding:4px 20px 6px 20px;}
.sub_t_location li{background:url(/img/sub/ico_arr1.png) 90% center no-repeat; background-size:6px auto;}
.sub_t_location h3{font-size:27px; font-weight:500; text-align:center; text-decoration:underline;}
.h_title1{clear:both;background:url(/img/sub/icn_title1_m.png) 0 5px no-repeat; background-size:16px auto; font-size:18px;}


.use_step01 li{background:url(/img/sub/ico_arr1.png) right 20px no-repeat; background-size:10px auto;}
.use_step01 li:last-child{background:none;}
.use_step01 li:first-child p{background-size:auto 50px; padding-top:60px;}
.use_step01 li:nth-child(2) p{background-size:auto 50px; padding-top:60px;}
.use_step01 li:nth-child(3) p{background-size:auto 50px; padding-top:60px;}
.use_step01 li:nth-child(4) p{background-size:auto 50px; padding-top:60px;}
.use_step01 li:nth-child(5) p{background-size:auto 50px; padding-top:60px;}
.use_step01 li:nth-child(6) p{background-size:auto 50px; padding-top:60px;}

.ol_step01 li{width:33.33333%; background:url(/img/sub/arr1.png) 94% 25px no-repeat; background-size:12px auto;  float:left; margin-bottom:1%;}
.ol_step01 li:last-child{background:none;}
.ol_step01 li p{width:80%; padding:5px; text-align:center; border:1px dashed #0054b2; min-height:80px;}
.ol_step01 li:nth-child(even) p{border:1px solid #0054b2; background:#0054b2; color:#fff;}
.ol_step01 li:nth-child(1) p, .ol_step01 li:nth-child(3) p,.ol_step01 li:nth-child(4) p{padding-top:10px;}
.ol_step01 li:nth-child(5) p,.ol_step01 li:nth-child(6) p{padding-top:25px;}

.ol_step02 li p{padding:7%; min-height:70px;}
.one_p{background-size:20px auto;  padding:3% 3% 3% 25px; font-size:14px;}
.step_service li{width:50%; background:url(/img/sub/arr1.png) 95% 3px no-repeat; background-size:10px auto;}
.step_service li p{font-size:13px; width:85%;}


.login_h_frm{width:100%; background-size:350px auto; padding-top:90px;}
.login_h_frm fieldset{} 
.login_h_frm fieldset p .ln_title{padding-left:10px;width:70px; display:inline-block; position:relative;}
.login_h_frm fieldset p .ln_title:before{content:''; display:block; position:absolute; left:0; top:8px; width:4px; height:4px; background-color:#444;}
.login_h_frm fieldset p input{height:40px; width:75%;}


.int_wrap1 dt{padding:2%; }
.int_wrap1 dd{padding:2%;}
.int_wrap1 ul{padding:2%;}

.ceo_b_txt .ceo_txt0{background-size:26% auto;}
.ceo_b_txt .ceo_txt0 p{padding-left:30%;} 
.ceo_txt2 img{width:100%;}

.ceo_b_txt1 .ceo_txt0{background-size:26% auto;}
.ceo_b_txt1 .ceo_txt0 p{padding-left:30%;} 

.history_frm{background:url(/img/sub/history_bg.jpg) no-repeat; padding-left:190px; background-size:180px;}
.ul_blt_02 li img{width:100%;}





.join_celebration{width:60%; margin:0 auto; background:url(/img/sub/login_bg.jpg) center top no-repeat; padding-top:150px;}
.join_celebration p{padding:10%;}

.group_frm p{width:25%;}
.group_frm table{width:75%;}


.volunteer_frm dl:nth-child(1){height:280px;}
.volunteer_frm dl:nth-child(2){height:280px;}
.volunteer_frm dl:nth-child(3){height:280px;}
.volunteer_frm dl:nth-child(4){height:220px;}
.volunteer_frm dl:nth-child(5){height:220px;}
.volunteer_frm dl:nth-child(6){height:220px;}


.org_frm1{margin:0 auto; overflow:hidden; width:500px; background:url(/img/sub/org_bg2.png) no-repeat;}
.org_frm1 .org6 li{float:left; width:15.7%; margin-right:1%;}
.org_frm1 .org6 li a{color:#fff; padding:10px 0 12px 0; font-weight:500; background:#757575; display:inline-block; width:80px; text-align:center; font-size:12px;}
.org_frm1 .org6 li p.org7{margin-top:10px; color:#fff; padding:10px 0 12px 0; font-weight:500; background:#757575; display:inline-block; width:80px; text-align:center; font-size:12px;}

.wrap_moving{width:31%; float:left; margin:0 1% 2% 1%;}
.wrap_moving div.img_mv img{height:140px; width:100%;}

.inquiry_frm1 li{width:33.33333%; height:90px; background:url(/img/sub/arr1.png) 99% 30px no-repeat; background-size:12px auto; margin-bottom:10px;}
.inquiry_frm1 li dt{font-size:14px; padding:4% 1% 4% 1%;}
.inquiry_frm1 li dd{height:45px; padding:5% 1% 5% 1%; font-size:13px; }

.help_frame dl dt{font-size:15px;} 

.food_wrap1{display:block; width:100%;}
table.food_table1{border:1px solid #e8bb00; width:100%}
table.food_table1 th{background:#f4f4f4; font-weight:500; font-size:15px; color:#333; text-align:center; border-right:1px solid #e8bb00; padding:7px; border-bottom:1px solid #e8bb00; }
table.food_table1 tbody{width:100%;}
table.food_table1 tbody tr.daily-1 th{background:#f4f491;}
table.food_table1 tbody tr.daily-1 td{background:#ffffdd;}
table.food_table1 tbody tr.daily-2 th{background:#f4ca87;}
table.food_table1 tbody tr.daily-2 td{background:#fff1d9;}
table.food_table1 tbody tr.daily-3 th{background:#f48f73;}
table.food_table1 tbody tr.daily-3 td{background:#ffdcd0;}
table.food_table1 tbody tr.daily-4 th{background:#f4ca87;}
table.food_table1 tbody tr.daily-4 td{background:#fff1d9;}
table.food_table1 tbody tr.daily-5 th{background:#f4f491;}
table.food_table1 tbody tr.daily-5 td{background:#ffffdd;}
table.food_table1 td{font-size:15px; background:#fff; color:#333; border-left:1px solid #e8bb00; border-bottom:1px solid #e8bb00; padding:7px;}
}



@media all and (max-width:600px) {
.gray_box1{padding:4%; border:2px dotted #ccc;}
.box_bg1{background:url(/img/sub/box_bg1.png) 95% center no-repeat; background-size:100px auto;}
.box_bg2{background:url(/img/sub/box_bg2.png) 95% center no-repeat; background-size:100px auto;}
.box_bg3{background:url(/img/sub/box_bg3.png) 95% center no-repeat; background-size:100px auto;}
.box_bg4{background:url(/img/sub/box_bg4.png) 95% center no-repeat; background-size:100px auto;}
.box_bg5{background:url(/img/sub/box_bg5.png) 95% center no-repeat; background-size:100px auto;}
.box_bg6{background:url(/img/sub/box_bg6.png) 95% center no-repeat; background-size:100px auto;}
.box_bg7{background:url(/img/sub/box_bg7.png) 95% center no-repeat; background-size:100px auto;}




.ul_blt_03 li{padding:3% 2%;}
.ul_blt_03 li span{float:left; width:30%;}
.ul_blt_03 li div{float:left; width:70%;}

.gray_box2{background:url(/img/sub/box_call.png) 10px top no-repeat; background-size:80px auto; }
.gray_box2 ul{padding-left:35%;}

.ol_step01 li{width:50%; background:url(/img/sub/arr1.png) 94% 25px no-repeat; background-size:12px auto;  float:left; margin-bottom:1%;}
.ol_step01 li:last-child{background:none;}
.ol_step01 li p{width:80%; padding:5px; text-align:center; border:1px dotted #0054b2; min-height:75px;}
.ol_step01 li:nth-child(even) p{border:1px solid #0054b2; background:#0054b2; color:#fff;}
.ol_step01 li:nth-child(1) p, .ol_step01 li:nth-child(3) p,.ol_step01 li:nth-child(4) p{padding-top:15px;}
.ol_step01 li:nth-child(5) p,.ol_step01 li:nth-child(6) p{padding-top:25px;}

.ol_step02 li{width:33.33333%; background:url(/img/sub/arr1.png) 94% 20px no-repeat; background-size:12px auto;  float:left; margin-bottom:1%;}
.ol_step02 li p{padding:6%; word-break:break-all; min-height:70px; }

#idpw_frm p input[type="text"]{width:60%;}

.int_wrap1 dt{padding:2%; }
.int_wrap1 dd{padding:2% 3%;}
.int_wrap1 ul{padding:2% 3%; }
.int_wrap1 li{float:none; width:100%; }

.ceo_b_txt{padding:4%;}
.ceo_b_txt .ceo_txt0{background:#fff url(/img/sub/ceo_img.jpg) center 20px no-repeat; background-size:140px auto; padding-top:400px;}
.ceo_b_txt .ceo_txt0 p{padding-left:0;} 
.ceo_b_txt .ceo_txt0 p .strong1{font-size:16px;}
.ceo_b_txt .ceo_txt0 p .strong2{font-size:16px;}

.ceo_b_txt1{padding:4%;}
.ceo_b_txt1 .ceo_txt0{background:#fff url(/img/sub/ceo_img2.jpg) center 20px no-repeat; background-size:140px auto; padding-top:250px;}
.ceo_b_txt1 .ceo_txt0 p{padding-left:0;} 


.join_celebration{width:100%;}
.group_frm p{width:30%;}
.group_frm table{width:70%;}
.group_frm table .name{display:none;}
.group_frm table .position{display:none;}
.group_frm table .work{display:none;}
.group_frm table .phone{display:none;}

.back_frm dl{margin-right:0; width:100%; float:none; margin-bottom:5px;}
.back_frm dl dt{font-weight:500; font-size:15px;}

.volunteer_frm dl{float:left; width:49%;} 
.volunteer_frm dl:nth-child(1){height:230px;}
.volunteer_frm dl:nth-child(2){height:230px;}
.volunteer_frm dl:nth-child(3){height:230px;}
.volunteer_frm dl:nth-child(4){height:230px;}
.volunteer_frm dl:nth-child(5){height:180px;}
.volunteer_frm dl:nth-child(6){height:180px;}

.three_ul li{font-size:14px; font-weight:500;}

.wrap_moving{width:47%; float:left; margin:0 1% 2% 1%;}
.wrap_moving div.img_mv img{height:150px; width:100%;}
.inquiry_frm1 li{height:80px; background:url(/img/sub/arr1.png) 99% 23px no-repeat; background-size:10px auto;}

.tab6 li{width:16%; display:inline-block;}
}


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

.use_step01{margin-top:10px;}
.use_step01 li{width:23%; background:url(/img/sub/ico_arr1.png) right 20px no-repeat;  background-size:8px auto;}
.use_step01 li:last-child{background:none;}
.use_step01 li p{font-size:14px; }
.use_step01 li:first-child p{background-size:auto 40px; padding-top:50px;}
.use_step01 li:nth-child(2) p{background-size:auto 40px; padding-top:50px;}
.use_step01 li:nth-child(3) p{background-size:auto 40px; padding-top:50px;}
.use_step01 li:nth-child(4) p{background-size:auto 40px; padding-top:50px;}
.use_step01 li:nth-child(5) p{background-size:auto 40px; padding-top:50px;}
.use_step01 li:nth-child(6) p{background-size:auto 40px; padding-top:50px;}


.history_frm{background:none; padding-left:0;}
.group_frm p{width:100%; float:none; text-align:center;}
.group_frm table{width:100%; float:none;}

.volunteer_frm dl:nth-child(1){height:250px;}
.volunteer_frm dl:nth-child(2){height:250px;}
.volunteer_frm dl:nth-child(3){height:250px;}
.volunteer_frm dl:nth-child(4){height:250px;}
.volunteer_frm dl:nth-child(5){height:200px;}
.volunteer_frm dl:nth-child(6){height:200px;}

.org_frm1{margin:0 auto; overflow:hidden; width:350px; background:url(/img/sub/org_bg3.png) no-repeat;}
.org_frm1 .org6 li{float:left; width:15.7%; margin-right:1%;}
.org_frm1 .org6 li a{color:#fff; padding:10px 20px 12px 20px; font-weight:500; background:#757575; display:inline-block; width:50px; text-align:center; font-size:13px; line-height:1.1em; height:125px;}
.org_frm1 .org6 li p.org7{margin-top:10px; color:#fff; padding:10px 20px 12px 20px; font-weight:500; background:#757575; display:inline-block; width:50px; text-align:center; font-size:13px;}
}


@media all and (max-width:435px){
.gray_box1 p{}
.volunteer_frm dl:nth-child(1){height:280px;}
.volunteer_frm dl:nth-child(2){height:280px;}
.volunteer_frm dl:nth-child(3){height:280px;}
.volunteer_frm dl:nth-child(4){height:280px;}
.volunteer_frm dl:nth-child(5){height:200px;}
.volunteer_frm dl:nth-child(6){height:200px;}
}
@media all and (max-width:420px){
}
@media all and (max-width:400px){

}



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



}






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

}