@charset "utf-8";

/* reset *****************************************************/
* { margin: 0; padding: 0 }
html { width: 100%; height: 100% }
body { width: 100%; height: 100%; min-width: 1200px;	/* background:url('/images/bg_bodyrepeat.jpg') repeat-x 0 0; */ font-size: 13px; color: #333; font-family: 'NanumSquare', 'Malgun Gothic', Dotum, Arial, Helvetica }
body#main .container, .midarea, .subvisual, .contentsarea, input, textarea, select, button, pre  { font-family: 'NanumSquare', 'Malgun Gothic', Dotum, Arial, Helvetica }
ul,
ol,
li { list-style: none }
a { cursor: pointer; color: #333; text-decoration: none }
a:hover,
a:active,
a:focus { text-decoration: underline }
em,
address { font-style: normal }
caption { display: none; font-size: 0 }
table { border-collapse: collapse }
hr { display: none }
img { border: 0; vertical-align: top }
input[type='password'] { font-family: 'Malgun Gothic' !important }
input[type='radio'] { vertical-align: middle; margin: -1px 4px 0 0; width: 15px; height: 15px; }
input[type="checkbox"] { width: 15px; height: 15px; vertical-align: middle; }
input.txt { background: 0; border: 0; color: #333; font-size: 14px; text-indent: 5px; }
input[disabled="disabled"] { background: #DDD !important }
textarea { background: 0; border: 0; color: #333; font-size: 14px; resize: none; }
input.file { height: 30px }
input.text-right { text-align: right !important }
input.txt::-webkit-input-placeholder {color: #999; font-size: 13px }
input.txt:-moz-placeholder {color: #999; font-size: 13px }
input.txt::-moz-placeholder {color: #999; font-size: 13px }
input.txt:-ms-input-placeholder {color: #999; font-size: 13px }
input::-ms-clear {display: none}
input::-ms-reveal {display: none}
input:-internal-autofill-selected { background-color: #FFF !important; }
textarea::-ms-clear {display: none}
textarea::-webkit-input-placeholder {color: #999}
textarea:-moz-placeholder {color: #999}
textarea::-moz-placeholder {color: #999}
textarea:-ms-input-placeholder {color: #999}
p { word-break: keep-all; transform: skew(-0.028deg);}
select { color: #666; font-size: 13px;  }
button { border: 0; background: none; cursor: pointer; }
fieldset { margin: 0; padding: 0; border: 0; background: 0 }
fieldset legend { visibility: hidden; font-size: 0; line-height: 0 }
.hide { display: none }
dl.skipnavi { position: relative }
dl.skipnavi dt { display: none }
dl.skipnavi dd a { position: absolute; left: 0; top: -50px; font-size: 0 }
dl.skipnavi dd a:active,
dl.skipnavi dd a:focus { display: block; left: 0; top: 0; z-index: 51; width: 400px; height: 40px; text-align: center; background: #333; line-height: 40px; text-decoration: none; color: #fff; font-size: 12px; font-weight: bold }

/* layout */
#wrap { position: relative; width: 100%; /*min-width: 1200px;*/ height: 100% }
.innerbox { width: 1200px; margin: 0 auto }
.toparea { position: fixed; background: #FFF; z-index: 50; width: 100%;/* height:121px; */ margin: 0 auto; /*border-bottom: 1px solid #AAA;*/ } /* (2016.12.22) 수정 : height */
.toparea .innerbox {position: relative;clear: both;height: 70px;}
.toparea .innerbox h2 { float: left; margin-top: 15px }
.toparea button.close { position: absolute; right: 0; bottom: 22px; z-index: 32; display: block; width: 23px; height: 23px; background: url('/images/btn_close.gif') no-repeat 0 0 !important; text-indent: -99999px }
.toparea .navbar-toggle { display: none } 
.toparea ul.topmenu { position: absolute; top: 0; left: 200px }
.toparea ul.topmenu > li {float: left;position: relative;height: 40px;padding-top: 30px;/*margin-left: 40px; */width: 125px;}
.toparea ul.topmenu > li > a {display: block;height: 39px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color: #333;font-size: 17px;font-weight: bold;text-align: center;padding-left: 0px;text-indent: -7px;}
.toparea ul.topmenu > li > a:hover, .toparea ul.topmenu > li > a:focus { text-decoration: none }
.toparea ul.topmenu > li:hover { height: 227px }

.toparea ul.topmenu > li:hover > a { border-bottom: 3px solid #006db8; color: #006db8 }
.toparea ul.topmenu > li.on > a {border-bottom: 3px solid #006db8;color: #006db8;/* padding: 0px; *//* padding-left: 9px; */}
.toparea ul.topmenu > li:first-child { margin-left: 0px }

.toparea ul.topmenu .subMenuAll { position: absolute; display: block; left: 0;top: 70px;width: 125px;height: 0px;border-bottom: 1px solid #CCC; background: #fff;/* display: block !important; */ opacity: 0; transition: all 300ms ease-out;  }
.toparea ul.topmenu .topmenu_1 .subMenuAll { border-left: 1px solid #CCC; margin-left: -15px;width: 125px;padding-left: 14px;}
.toparea ul.topmenu .topmenu_5 .subMenuAll { border-right: 1px solid #CCC;width: 138px;/* padding-left: 0px; */}
.toparea ul.topmenu .topmenu_5 .subMenuAll li { width: 120px }

.toparea ul.topmenu .subMenuAll li {float: none;height: 0px;text-align: left;padding: 0px; background: #f9f9f9;/* border-top: 1px solid #025188; */line-height: 35px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.toparea ul.topmenu .subMenuAll li a { display: none; width: 100%;color: #000; height: 0px; font-size: 14px;background: #f9f9f9;width: 115px;padding: 0px 0px 0px 10px;transform: skew(-0.028deg);}
.toparea ul.topmenu .subMenuAll li:hover,
.toparea ul.topmenu .subMenuAll li.on { color: #ff0000; text-decoration: none }
.toparea ul.topmenu .subMenuAll li:hover a,
.toparea ul.topmenu .subMenuAll li.on a { background: #03A9F4; color: #FFF; }
.toparea ul.topmenu .subMenuAll li a:hover,
.toparea ul.topmenu .subMenuAll li a:focus { text-decoration: none }

.toparea ul.topmenu:hover .subMenuAll { top:70px; height: 185px; opacity: 1; transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94 );}
.toparea ul.topmenu:hover .subMenuAll li { height: 35px; padding: 0 0 15px 0px; transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94 ); }
.toparea ul.topmenu:hover .subMenuAll li a { height: auto; display: inline-block; transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94 ); }

.toparea .innerbox .defaltLogin { float: right; margin: 25px 0 0 0 }
.toparea .innerbox .defaltLogin>fieldset { position: relative; height: 28px; overflow: hidden; background: #b4bcc1; border-radius: 2px; font-size: 0; float: left; }
.toparea .innerbox .defaltLogin>fieldset * { vertical-align: middle }
.toparea .innerbox .defaltLogin>fieldset button { position: absolute; right: 0; top: 0; width: 26px; height: 27px; background: #676767 url('/images/icon_search_01.png') no-repeat 50% 50%; text-indent: -99999px }
.toparea .innerbox .defaltLogin>fieldset input.txt { display: block; width: 160px; height: 26px; padding: 0 0 0 5px; background: #efefef; color: #676767; border: 1px solid #676767; }
.toparea .innerbox .defaltLogin>fieldset input.txt::-webkit-input-placeholder {color: #999}
.toparea .innerbox .defaltLogin>fieldset input.txt:-moz-placeholder {color: #999}
.toparea .innerbox .defaltLogin>fieldset input.txt::-moz-placeholder {color: #999}
.toparea .innerbox .defaltLogin>fieldset input.txt:-ms-input-placeholder {color: #999}
.toparea .logintype { position: relative; height: 30px; float: left; margin-left: 5px;}
.toparea .logintype .btn_gnb_login { display: block; width: 90px; height: 26px; text-align: center; background: #505050; border: solid 1px #000; border-radius: 2px; line-height: 28px; color: #fff; font-size: 14px; font-weight: bold }
.toparea .logintype .btn_gnb_login:hover { text-decoration: none; background: #F44336; color: #FFF; border: solid 1px #F44336 }
.toparea .logintype .btn_gnb_login:focus { text-decoration: none }
.toparea .logintype .login-innerbox .arr { position: absolute; right: 30px; top: -7px; display: block; width: 14px; height: 7px; background: url('/images/icon_arr_10.png') no-repeat 0 0 }
.toparea .logintype .login-innerbox { display: none; position: absolute; right: 0; top: 40px; width: 160px; padding: 15px 13px 5px 14px; background: #006db8; border-radius: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.toparea .logintype .login-innerbox ul { padding: 0 0 7px 0; overflow: hidden; background: #006db8 }
.toparea .logintype .login-innerbox ul li { height: auto; padding: 0 0 10px 0; color: #fff; line-height: 15px; font-size: 13px }
.toparea .logintype .login-innerbox ul li a { color: #fff }
.toparea .logintype .login-innerbox ul.logout { padding: 15px 0 0 0; border-top: 1px solid #fff }
/*.toparea .logintype:hover { height: 200px }
.toparea .logintype:hover .login-innerbox { display: block }*/
.toparea .innerbox .mypage { float: right; margin: 25px 0 0 0 }
.toparea .innerbox .mypage>fieldset { position: absolute; right: 96px; top: 23px; width: 32px; height: 28px; overflow: hidden; background: #b4bcc1; border-radius: 3px; font-size: 0 }
.toparea .innerbox .mypage>fieldset * { vertical-align: middle }
.toparea .innerbox .mypage>fieldset button { position: absolute; right: 0; top: 0; width: 32px; height: 27px; background: #676767 url('/images/icon_search_01.png') no-repeat 50% 50%; text-indent: -99999px }
.toparea .innerbox .mypage>fieldset input.txt { display: block; width: 160px; height: 26px; padding: 0 0 0 5px; background: #efefef; color: #676767; border: 1px solid #676767; }
.toparea .innerbox .mypage>fieldset input.txt::-webkit-input-placeholder {color: #999}
.toparea .innerbox .mypage>fieldset input.txt:-moz-placeholder {color: #999}
.toparea .innerbox .mypage>fieldset input.txt::-moz-placeholder {color: #999}
.toparea .innerbox .mypage>fieldset input.txt:-ms-input-placeholder {color: #999}
.toparea .mypagetype { position: absolute; right: 0; top: 23px; height: 30px; }
.toparea .mypagetype .btn_gnb_mypage { display: block; width: 90px; height: 26px; text-align: center; background: #333; border: solid 1px #333; border-radius: 3px; line-height: 28px; color: #fff; font-size: 14px }
.toparea .mypagetype .btn_gnb_mypage:hover { text-decoration: none; background: #F44336; color: #FFF; border: solid 1px #F44336 }
.toparea .mypagetype .btn_gnb_mypage:focus { text-decoration: none }
.toparea .mypagetype .mypage-innerbox:after {content:'';position: absolute;right: 30px;top: -18px;display: block;border-width: 10px;border-style:solid;border-color: transparent transparent #333 transparent;}
.toparea .mypagetype .mypage-innerbox {display: none;position: absolute;right: 0;top: 37px;width: 160px;padding: 15px 13px 5px 14px;background: #333;border-radius: 6px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.toparea .mypagetype .mypage-innerbox ul { padding: 0 0 7px 0; overflow: hidden; background: #333 }
.toparea .mypagetype .mypage-innerbox ul li { height: auto; padding: 0 0 10px 0; color: #fff; line-height: 15px; font-size: 13px }
.toparea .mypagetype .mypage-innerbox ul li a { color: #fff }
.toparea .mypagetype .mypage-innerbox ul.logout { padding: 15px 0 0 0; border-top: 1px solid #fff }
.toparea .mypagetype:hover { height: 200px }
.toparea .mypagetype:hover .mypage-innerbox { display: block }
.toparea .jointype { position: relative; height: 30px; float: left; margin-left: 5px;}
.toparea .jointype .btn_gnb_join { display: block; width: 90px; height: 26px; text-align: center; background: #fff; border: solid 1px #505050; border-radius: 2px; line-height: 28px; color: #505050; font-size: 14px; font-weight: bold }
.toparea .jointype .btn_gnb_join:hover { text-decoration: none; background: #f8f8f8; color: #F44336; border: solid 1px #F44336 }
.toparea .jointype .btn_gnb_join:focus { text-decoration: none }
.scroll_fixed .toparea { position: fixed; left: 0; top: 0; width: 100%; z-index: 51;/* background:#fff url('/images/bg_bodyrepeat.jpg') repeat-x 0 bottom;  border-bottom: 1px solid #AAAAAA;*/ }
.scroll_fixed .gnbmenu { display: none }

/* Menu link Position */
body#content h4#openApi2, body#content h4#openApi3, 
body#content h4#openPlatform2, body#content h4#openPlatform3, body#content h4#openPlatform4, 
body#content h4#useGuide2 { scroll-margin-top: -330px }
/* */

.midarea {overflow: hidden;clear: both;position: relative; min-width: 1200px; }
.container { /* width: 1200px; margin: 0 auto; background: url('/images/bg_midline.jpg') repeat-y 0 0 */ }

.leftarea {float: left;/* width: 190px; */}
.leftareaTop {color: #0080a8;font-size: 20px;font-weight: bold;padding: 10px 0 7px 15px;border-bottom: 1px solid #078bb4;width: 180px;box-sizing: border-box;}
.leftarea ul {width: 180px;margin-top: 2px;border: 1px solid #c9e1f3;box-sizing: border-box;}
.leftarea ul li  {margin: 0;line-height: 38px;height: 38px;width: 100%;display: inline-block;color: #555;background: #FFF url('/images/icon_myArr_01.png') no-repeat 160px center;font-size: 14px;font-weight: bold;border-bottom: 1px dotted #DDD;}
.leftarea ul li:last-child { border-bottom: none }
.leftarea ul li a div { padding-left: 12px; }
.leftarea ul li a { color: #555;  text-decoration: none  }
.leftarea ul li:hover { background: #EEE url('/images/icon_myArr_02.png') no-repeat 160px center; color: #333; }
.leftarea ul li.on { background: #078bb4 url('/images/icon_myArr_02.png') no-repeat 160px center; color: #FFF; text-decoration: none; border-bottom: none;}
.leftarea ul li:hover a { color: #555; text-decoration: none }
.leftarea ul li.on a { color: #FFF; text-decoration: none }
.contentsarea { position: relative;overflow: hidden;float: none;width: auto;margin: 0 auto;padding: 0px 0 50px 0px; width: 1200px;}
.contentsarea h4 { clear: both; position: relative; margin-bottom: 20px; color: #333; font-size: 24px }
.contentsarea h4 .ess { position: absolute;right: 0;top: 10px;display: inline-block;height: 20px;padding: 0 0 0 10px;background: url('/images/icon_essential.png') no-repeat 0 50%;color: #666;line-height: 20px;font-weight: normal;font-size: 12px;}
.contentsarea h4 .ess b { font-size: 0 }
.contentsarea ul.pagenavi { height: 31px; margin: 0 0 30px; overflow: hidden }
.contentsarea ul.pagenavi li { float: left; height: 14px; padding: 9px 0 0 15px; margin-right: 10px; background: url('/images/icon_calendar_next.png') no-repeat 0 11px; color: #666 }
.contentsarea ul.pagenavi li.on a { color: #666 }
.contentsarea ul.pagenavi li:first-child { width: 14px; height: 14px; padding: 9px 0 0 0; margin-right: 8px; background: url('/images/icon_home.png') no-repeat 0 9px; font-size: 0 }
.contentsarea ul.pagenavi li:first-child a { display: block; text-indent: -99999px }
.contentsarea ul.pagenavi li.print { float: right; height: 31px; padding: 0; margin: 0; background: 0 }
.contentsarea ul.pagenavi li.print a { display: block; width: 67px; height: 29px; padding-left: 10px; text-align: left; background: #fff url('/images/icon_print.png') no-repeat 90% 50%; border: 1px solid #e3e3e3; border-radius: 2px; line-height: 29px; font-size: 12px }
.contentsarea .contentsbox { overflow: hidden; padding: 0; width: 1200px; margin: 0px auto; }
.contentsarea .contentsbox h5.stit { overflow: hidden; padding: 0; margin: 15px 0 5px 0; font-size: 16px; color: #222; }
.subvisual {position: relative; width: 1200px;height: 120px;overflow: hidden;text-align: center;/* margin-top: 110px; */margin: 120px auto 10px; border: 1px solid #EEE; box-sizing: border-box;}
.subvisual h3 {padding-top: 45px; color: #092f69; font-size: 30px;}
.subvisual p { /*position: absolute; left: 50%; bottom: 0px; width: 1200px; margin: 0 0 0 -500px; font-size: 0*/ }
.subvisual.openplatform { /*background:url('/images/img_subvisual_openplatform.jpg') no-repeat 0 0*/ background: #039 }
/* main */
.maincontents { clear: both; opacity: 0 }
.maincontents .mainvisual { display: block; position: relative; width: 100%; height: 400px; margin-top: 94px; }
.maincontents .mainvisual ul.slick-slider { position: relative; width: 100%; height: 400px; font-size: 0 }
.maincontents .mainvisual ul.slick-slider li { position: relative; width: 100%; height: 400px; font-size: 0; border-bottom: 1px solid #828282 }
.maincontents .mainvisual ul.slick-slider li p {position: absolute;/* left: 50%; */top: 100px;z-index: 40;width: 100%;height: 300px;margin: 0 0 0;text-align: center;color: #fff;font-size: 26px;line-height: 42px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.maincontents .mainvisual ul.slick-slider li p strong {display: block;margin: 10px 0 0 0;font-size: 72px;line-height: 55px;}
.maincontents .mainvisual ul.slick-slider li.mv_01 { background: url('/images/img_mainvisual_01.png') no-repeat center; background-size: cover }
.maincontents .mainvisual ul.slick-slider li.mv_01 p { top: 70px }
.maincontents .mainvisual ul.slick-slider li.mv_02 { background: url('/images/img_mainvisual_02.jpg') no-repeat center; background-size: cover }
.maincontents .mainvisual ul.slick-slider li.mv_02 p { margin-left: -160px }
.maincontents .mainvisual ul.slick-slider li.mv_03 { background: url('/images/img_mainvisual_03.jpg') no-repeat center; background-size: cover }
.maincontents .mainvisual ul.slick-slider li.mv_03 p { color:#333 }
.maincontents .mainvisual ul.slick-slider li.mv_03 p strong { margin-bottom: 80px }
.maincontents .mainvisual ul.slick-slider li.mv_04 { background: url('/images/img_mainvisual_03.jpg') no-repeat center; background-size: cover }
.maincontents .mainvisual .pageset { position: absolute; left: 50%; bottom: 40px; z-index: 40; width: 170px; height: 18px !important; margin: 0 0 0 -100px; padding: 0 }
.maincontents .mainvisual .pageset button.slick-stop { position: absolute; right: 0; top: 0; width: 18px; height: 18px; background: url('/images/icon_mainrole_stop.png') no-repeat 0 0; text-indent: -99999px }
.maincontents .mainvisual .pageset button.slick-play { display: none; position: absolute; right: 0; top: 0; width: 18px; height: 18px; background: url('/images/icon_slickplay.png') no-repeat 0 0; text-indent: -99999px }
.maincontents .mainvisual ul.slick-dots { position: static; width: auto; height: 18px; margin: 0 auto; text-align: center; font-size: 0; }
.maincontents .mainvisual ul.slick-dots li { display: inline-block; width: 36px; height: 18px !important; margin: 0 }
.maincontents .mainvisual ul.slick-dots li button { width: 18px; height: 18px; background: url('/images/icon_mainrole_off.png') no-repeat 0 0; text-indent: -99999px }
.maincontents .mainvisual ul.slick-dots li.slick-active button { background: url('/images/icon_mainrole_on.png') no-repeat 0 50% }
.maincontents .mainvisual button.slick-prev {position: absolute;top: 50%;left: 10px;z-index: 41;width: 40px;height: 80px;margin-top: -40px;background: url('/images/btn_prev_main.png') no-repeat 0 0;text-indent: -99999px;}
.maincontents .mainvisual button.slick-next { position: absolute; top: 50%; right: 10px; z-index: 41; width: 40px; height: 80px; margin-top: -40px; background: url('/images/btn_next_main.png') no-repeat 0 0; text-indent: -99999px }
.maincontents .openbankVod {text-align: center;background: #f8f8f8;width: 392px;float: left;margin-bottom: 25px;border: 1px solid #DDD;box-sizing: border-box;}
.maincontents .openbankVod iframe { margin:3px }
.maincontents .openapiMsg {float: right;width: 66%;height: 225px;margin: 0 auto 25px auto;background: #eaf8ff url(/images/img_mainBank_bg.png) no-repeat right top;}
.maincontents .openapiMsg .openapiMsgL {float: left;padding: 35px 0px 0px 40px;width: 80%;}
.maincontents .openapiMsg .openapiMsgL .msgTitle { font-size: 36px; color: #222; font-weight: bold }
.maincontents .openapiMsg .openapiMsgL .msgTxt {font-size: 20px;color: #222;font-weight: bold;margin: 15px 0 0 0;line-height: 34px;}
.maincontents .openapiMsg .openapiMsgL .msgTxt > span { color: #ff5a00 }
/***/.maincontents .openapiMsg .openapiMsgR { width: 234px; height: 300px; float: left; background: url('/images/img_mainBank_side.png') no-repeat center; }
.maincontents .openapi { clear: both; width: 100%; height: auto; margin: 0 auto; padding: 0; }
.maincontents .openapi h3 { margin: 0 0 5px 0; text-align: left }
.maincontents .openapi h3 strong { color: #222; font-size: 24px }
.maincontents .openapi ul { width: 100%; overflow: hidden; margin: 0 auto 30px }
.maincontents .openapi ul li { float: left; border: 1px solid #d4f1ff; box-sizing: border-box; width: 32.8%; height: 160px; margin: 0 0 10px 0px; display: block; padding: 20px 0 0 25px; color: #333; text-align: left; }
.maincontents .openapi ul li:hover { border: 1px solid #a2d2e8; }
.maincontents .openapi ul li a { color: #000; }
.maincontents .openapi ul li a:hover,
.maincontents .openapi ul li a:active,
.maincontents .openapi ul li a:focus { text-decoration: none }
.maincontents .openapi ul li a strong { display: block; font-size: 18px; color: #0864a7 }
.maincontents .openapi ul li a span { display: block; font-size: 15px; line-height: 24px; margin-top: 7px; width: 270px; word-break: keep-all; color: #333; transform: skew(-0.028deg);}
.maincontents .openapi ul li.menu_1 { background: #f2fbff url('/images/img_mainApi_01.png') no-repeat right bottom; margin-right: 0.8%;/* background-size: 20%; */ }
.maincontents .openapi ul li.menu_2 { background: #f2fbff url('/images/img_mainApi_02.png') no-repeat right bottom; margin-right: 0.8% }
.maincontents .openapi ul li.menu_3 { background: #f2fbff url('/images/img_mainApi_03.png') no-repeat right bottom; margin-right: 0.8%  }
.maincontents .openapi ul li.menu_4 { background: #f2fbff url('/images/img_mainApi_04.png') no-repeat right bottom; margin-right: 0.8% }
.maincontents .openapi ul li.menu_5 { background: #f2fbff url('/images/img_mainApi_05.png') no-repeat right bottom; margin-right: 0.8% }
.maincontents .openapi ul li.menu_6 { background: #f2fbff url('/images/img_mainApi_06.png') no-repeat right bottom; margin-right: 0.8%  }
.maincontents .openapi ul li.menu_7 { background: #f2fbff url('/images/img_mainApi_07.png') no-repeat right bottom; margin-right: 0.8%  } /* 2020-04-10 추가*/
.maincontents .openapi ul li:nth-child(3n) { margin-right: 0px}
.maincontents .openplatform { clear: both; width: 100%; height: 180px; margin: 0 auto; padding: 10px 0px 0 0px; background: #fff }
.maincontents .openplatform ul { overflow: hidden; margin: 20px 0 0px 0; background: #FFF; border: 1px solid #dadada; filter: drop-shadow(0px 0px 3px #CCCCCC); }
.maincontents .openplatform ul li { float: left; width: 20%; text-align: center; background-color: #ffffff; border: 1px solid #FFF; box-sizing: border-box; }
.maincontents .openplatform ul li a { display: block; padding: 85px 0 15px 0; color: #555; font-size: 18px; font-weight: bold; }
.maincontents .openplatform ul li a:hover,
.maincontents .openplatform ul li a:active,
.maincontents .openplatform ul li a:focus { text-decoration: none }
.maincontents .openplatform ul li.menu_1 { background: url('/images/img_maindir_01.png') no-repeat 50% 15px }
.maincontents .openplatform ul li.menu_2 { background: url('/images/img_maindir_02.png') no-repeat 50% 15px }
.maincontents .openplatform ul li.menu_3 { background: url('/images/img_maindir_03.png') no-repeat 50% 15px }
.maincontents .openplatform ul li.menu_4 { background: url('/images/img_maindir_04.png') no-repeat 50% 15px }
.maincontents .openplatform ul li.menu_5 { background: url('/images/img_maindir_05.png') no-repeat 50% 15px }
.maincontents .openplatform ul li:hover { background-color: #fafeff; border: 1px solid #35a6d9; box-sizing: border-box; }
/* 메인 적용사례, 공지사항 */
.maincontents .contentBottom { clear: both; width: 100%; height: auto; margin: 0 auto 40px; padding: 0; /*border: 1px solid #000;*/ display: table; }
.maincontents .contentBottom .compBox { float: left; width: 795px; background: #FFF; }
.maincontents .contentBottom .compBox h3 { margin-bottom: 5px; float: left; }
.maincontents .contentBottom .compListBox { float: left; width: 100%; height: 200px; background: #f8f8f8; border: 1px solid #EEE; box-sizing: border-box; }
.maincontents .contentBottom .compListBoxM { display: none }
.maincontents .contentBottom .compPre,
.maincontents .contentBottom .compNext { width: 25px; height: 105px; float: left; border: 1px solid #DDD; background: #FFF; position: absolute; top: 3px; left: 2px; z-index: 9; padding-top: 85px; text-align: center;color: #a5a5a5;}
.maincontents .contentBottom .compPre:hover,
.maincontents .contentBottom .compNext:hover { color: #000; border: 1px solid #CCC; background: #f8f8f8; } 
.maincontents .contentBottom .compNext { float: right; right: 0; left:inherit;}
.maincontents .contentBottom .compList { width: 791px; height: 200px; float: left; height: auto; overflow: hidden }
.maincontents .contentBottom .compList .slick-slide { width: 245px !important }
.maincontents .contentBottom .compList .slick-slider { padding: 3px 28px 0px 29px; height: 197px }
.contentBottom .compList .box_list > li{width: 230px; margin-right: 10px; float: left;}
/*.contentBottom .compList .box_list > li:nth-child(3n){margin-right: 0} */
.contentBottom .compList a:hover{ text-decoration: none }
.contentBottom .compList .box_wrap{border: 1px solid #ccc;margin: 0px 3px;background: #FFF;}
.contentBottom .compList .box_wrap:hover { border-color: #999; }
.contentBottom .compList .box_wrap .img_box{ height: 70px; line-height: 70px;padding:0;border-bottom: 1px dashed #ddd; text-align: center;}
.contentBottom .compList .box_wrap .img_box img {display: inline-block;width: auto;height: auto;max-width: 200px;max-height: 60px;vertical-align: middle;}
.contentBottom .compList .box_wrap .img_box.default_:after{content:url('/images/cover_default.png')}
.contentBottom .compList .box_wrap .info_box{padding: 10px 15px;height: 99px;}
.contentBottom .compList .box_wrap .info_box span { display: none }
.contentBottom .compList .box_wrap .info_box p {width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.contentBottom .compList .box_wrap .info_box p:first-child strong {font-size: 18px;margin-right: 5px; color: #333 }
.contentBottom .compList .box_wrap .info_box .info_txt{margin-top: 0px; font-size: 14px; line-height: 22px}
.contentBottom .compList .default_{background: #f8f9fb}
.contentBottom .compList .badge_area{padding: 0px 0 5px}
.contentBottom .compList .badge {padding: 1px 0px 1px 0px ;text-align: center;color: #fff; border-radius: 1px;display: inline-block; margin : 0 0}
.contentBottom .compList .badge .a100002,
.contentBottom .compList .badge .a100003,
.contentBottom .compList .badge .a100007,
.contentBottom .compList .badge .a100004,
.contentBottom .compList .badge .a100006,
.contentBottom .compList .badge .a100021 { height: 17px; padding: 0 5px; font-weight: normal; line-height: 18px; font-size: 11px; color: #fff; font-family: 'Malgun Gothic' }
.contentBottom .compList .badge1 {background: #1bb974} /* 잔액조회 */
.contentBottom .compList .badge2 {background: #1d8deb} /* 거래내역조회 */
.contentBottom .compList .badge3 {background: #ff9f16} /* 입금이체 */
.contentBottom .compList .badge4 {background: #ff315d} /* 계좌실명조회 */
.contentBottom .compList .badge5 {background: #8f65e6} /* 출금이체 */
.contentBottom .compList .badge_s {margin-left: 5px;padding: 2px 3px ; float: right; text-align: center; color: #fff; background: #555; border-radius: 2px;display: inline-block; 
display: none }

.contentBottom .noticebox { float: right; width: 394px; height: 200px; margin: 0; padding: 0; }
/***/.maincontents .noticebox .btncenter { margin-top: 45px }
.maincontents .noticebox .btn_allview { display: block; width: 60px; height: 24px; background: #FFF; border: 1px solid #aaa; font-size: 12px; color: #444; border-radius: 3px; float: right; margin: 2px 2px 0px; }
/***/.maincontents .noticebox .btn_allview em { background: url('/images/icon_arr_02.png') no-repeat 100% 50%; color: #666 }
.maincontents .noticebox h3 { margin-bottom: 5px; float: left; }
.maincontents .noticebox .listgroupBox { padding: 10px; border: 1px solid #DDD; margin: 0; padding: 5px 10px; clear: both; height: 188px; }
.maincontents .noticebox .listgroup { width: 100%; overflow: hidden; margin: 0; padding: 0; border-bottom: 1px dotted #DDD; }
.maincontents .noticebox .listgroup:last-child { border-bottom: none }
.maincontents .noticebox dl { clear: both; position: relative; overflow: hidden; height: 37px; padding: 0 }
/***/.maincontents .noticebox dl.odd dd.pic { right: 0 }
.maincontents .noticebox dl dt {float: left;display: block;padding-left: 12px;font-size: 14px;line-height: 38px;font-weight: bold;color: #b2c1ca;background: url(/images/icon_dot_04.png) no-repeat 0px 16px; width: 290px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.maincontents .noticebox dl dt > a:link,
.maincontents .noticebox dl dt > a:visited { color: #555 }
.maincontents .noticebox dl dd {float: right;margin: 0;font-size: 11px;line-height: 38px; color: #000; transform: skew(-0.028deg); }
/***/.maincontents .noticebox dl dd.pic { position: absolute; right: 70px; top: 0; width: 160px; height: 160px; font-size: 0; border-radius: 50%; overflow: hidden }
/***/.maincontents .noticebox dl dd.pic img { display: block }
/***/.maincontents .noticebox dl dd p { margin-left: 0; font-size: 14px; ; line-height: 18px }
.maincontents .btn_detailview { display: block; width: 148px; height: 51px; margin: 0 auto; border: 1px solid #aaa }
.maincontents .btn_detailview em { display: inl	ine-block; padding: 0 30px 0 0; background: url('/images/icon_arr_02.png') no-repeat 100% 50%; color: #666; font-size: 16px }
.maincontents .btn_allview { display: block; width: 60px; height: 24px; background: #FFF; border: 1px solid #aaa; font-size: 12px; color: #444; border-radius: 3px; float: right; margin: 2px 2px 0px; }
.maincontents .btn_allview em { display: inline-block; padding: 0 30px 0 0; background: url('/images/icon_arr_03.png') no-repeat 100% 50%; color: #fff; font-size: 16px }
.maincontents div h3 { margin: 0; text-align: left }
.maincontents div h3 strong { color: #222; font-size: 24px; }
.maincontents div h3 span { display: block; font-size: 16px; line-height: 24px; font-weight: normal; }

/* 서브 적용사례 19-08-26 */
.clearfix:after{content: ""; display: block; clear: both}
.menu-openplatform-overview .box_list > li{width: 24.22222%; margin-right: 1%;margin-bottom: 20px;float: left;}
.menu-openplatform-overview .box_list > li:nth-child(4n){margin-right: 0} 
.menu-openplatform-overview .box_wrap{border: 1px solid #ddd;}
.menu-openplatform-overview .box_wrap .img_box { height: 75px; line-height: 75px;padding: 15px 0;border-bottom: 1px solid #ddd; text-align: center;}
.menu-openplatform-overview .box_wrap .img_box a img { width:auto; max-width: 170px; height: auto; max-height:75px }
.menu-openplatform-overview .box_wrap .img_box.default_:after{content:url('/images/cover_default.png')}
.menu-openplatform-overview .box_wrap .info_box { padding: 20px; height: 173px}
.menu-openplatform-overview .box_wrap .info_box strong a{font-size: 22px; margin-right: 5px }
.menu-openplatform-overview .box_wrap .info_box .info_txt{margin-top: 15px;font-size: 15px; line-height: 22px}
.menu-openplatform-overview .default_{background: #f8f9fb}
.menu-openplatform-overview .badge_area{padding: 15px 0 5px}
.menu-openplatform-overview .badge{ padding: 1px 0px 1px 0px ;text-align: center;color: #fff; border-radius: 1px;display: inline-block; margin : 0 0}
.menu-openplatform-overview .badge1{ background: #1bb974} /* 잔액조회 */
.menu-openplatform-overview .badge2{ background: #1d8deb} /* 거래내역조회 */
.menu-openplatform-overview .badge3{ background: #ff9f16} /* 입금이체 */
.menu-openplatform-overview .badge4{ background: #ff315d} /* 계좌실명조회 */
.menu-openplatform-overview .badge5{ background: #8f65e6} /* 출금이체 */
.menu-openplatform-overview	.lb { margin-left: 5px;padding: 4px ; float: right; text-align: center; color: #fff; background: #555; border-radius: 2px;display: inline-block;}
.menu-openplatform-overview .pagination{text-align: center}
.menu-openplatform-overview .pagination li{display: inline-block;}
.menu-openplatform-overview .pagination a {color: black;float: left;padding: 8px 13px;font-size: 16px;text-decoration: none;}
.menu-openplatform-overview .pagination a.active {background-color: #006db8;color: white;}
.menu-openplatform-overview .pagination a:hover:not(.active) {background-color: #ddd;}

.menu-openplatform-overview ul, ol{list-style: none}
.menu-openplatform-overview	.box_co{margin: 30px 0;padding: 25px 30px 25px 60px;background: #f8f8f8;border: 1px solid #ececec;overflow: hidden;}
.menu-openplatform-overview	.img_wrap {float: left;padding: 10px 30px;border: 1px solid #eee; background: #fff}
.menu-openplatform-overview	.img_wrap img { width:auto; max-width: 170px; height: auto; max-height:75px }
.menu-openplatform-overview	.txt_wrap {margin-left: 35px;float: left;}
.menu-openplatform-overview	.txt_wrap strong{font-size: 24px;color: #404040;}
.menu-openplatform-overview	.txt_wrap .author{margin-top: 10px}
.menu-openplatform-overview	.txt_wrap .author a{color: #999}
.menu-openplatform-overview	.badge_area{padding: 15px 0 5px}
.menu-openplatform-overview	.badge{padding: 0px -15px;text-align: center;color: #fff; border-radius: 1px;display: inline-block}
.menu-openplatform-overview	.screen_shot{padding: 20px 0 2px; margin-bottom: 20px; text-align:center}
.menu-openplatform-overview	.screen_shot li{ float: left; width: 24%; margin-right: 1%; border: 1px solid #eee; box-sizing: border-box; }
.menu-openplatform-overview	.screen_shot li:nth-child(4n){ margin-right: 0 }
.menu-openplatform-overview	.screen_shot li img{width: auto; max-width: 291px; height: auto; max-height: 220px;}
.menu-openplatform-overview	.screen_shot #webscreen li img{ width: auto; max-width: 288px; height: auto; max-height: 216px; }
	
body#login .subvisual { background: url('/images/img_subvisual_01.jpg') no-repeat 50% 0 }
body#login .container { background: none }
body#login .container .leftarea { display: none }
body#login dl.skipnavi a.leftmenu { display: none }
body#login .contentsarea { padding-left: 0 }
body#member .subvisual {height: 200px;background: url('/images/img_subvisual_join.jpg') no-repeat 50% 0;background-size: 100% 100%;}
body#member .subvisual h3 {padding-top: 55px;}
body#member .boardwrite table tbody th { padding: 0 8px; background: #fff }
body#member .boardwrite table tbody td { border-left: 0 }
body#member .container { background: none }
body#member .container .leftarea { display: none }
body#member dl.skipnavi a.leftmenu { display: none }
body#member .contentsarea { padding-left: 0 }
body#mypage .contentsarea h4 { margin: 10px 0px 5px; border-bottom: 2px solid #333; padding-bottom: 5px; }
body#mypage .container { width: 1200px; margin: 0px auto;}
body#mypage .contentsarea .contentsbox { overflow: hidden; padding: 0; width: 1000px; margin: 15px 0 0 0; }
body#mypage .subvisual { background: url('/images/img_subvisual_02.jpg') no-repeat 50% 0; background-size: 100% 100% }
body#mypage .menu-applyform { width: 1000px }
body#main .container { width: 100%; background: 0 }
body#main dl.skipnavi a.leftmenu { display: none }
body#customer .midarea,
body#search .midarea{ background: url('') repeat-x 0 160px }
body#customer .container,
body#search .container { background: 0 }
body#customer .container .leftarea,
body#search .container .leftarea { display: none }
body#search .subvisual { background: url('/images/img_subvisual_01.jpg') no-repeat 50% 0 }
body#customer .subvisual,
body#search .subvisual { background: url('/images/img_subvisual_04.jpg') no-repeat 0 0; background-size: 100% 100% }

/* 상단 메뉴 활성화 */
body#customer .topmenu li.topmenu_5>a { border-bottom: 3px solid #006db8; color: #006db8 }
/* footer */
.bottomarea {clear: both;width: 100%;height: 175px;/* background: url('/images/bg_bottomline.jpg') repeat-x 0 0*/}
.bottomarea .footer-sitemap { position: relative; width: 100%; height: 310px; margin: 0 auto }
.bottomarea .footer-sitemap dl { float: left; width: 20%; height: 310px; padding-left: 15px; padding-top: 55px; border-right: 1px solid #e3e8eb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.bottomarea .footer-sitemap dl:first-child { border-left: 1px solid #e3e8eb }
.bottomarea .footer-sitemap dl dt { height: 36px; color: #333; font-size: 15px; font-weight: bold }
.bottomarea .footer-sitemap dl dd ul li { margin: 0 0 9px 0; line-height: 16px }
.bottomarea .footer-sitemap dl dd ul li a { color: #666; font-size: 14px }
/* button */
.btnjustify { clear: both; position: relative; width: 100%; text-align: right; font-size: 0 }
.btnjustify * { vertical-align: middle }
.btnjustify span { position: absolute; left: 0; top: 0 }
.btnjustify>button { margin: 0 0 0 10px }
.btnright {clear: both;width: 100%; text-align: right; font-size: 0;}
.btnright * { vertical-align: middle }
.btnright>button {margin: 0 10px 0 0px;}
.btncenter { clear: both; width: 100%; text-align: center }
.btncenter * { vertical-align: middle }
.btncenter>button { margin: 0 0 0 10px }
.btn_small { min-width: 50px !important; height: 30px !important; padding: 0 10px !important; font-size: 13px !important; line-height: 30px !important; border-radius: 3px !important; font-weight: normal !important }
.btn_large { min-width: 150px !important; height: 50px !important; padding: 0 30px !important; font-size: 16px !important; line-height: 50px !important; border-radius: 3px !important }
.btn_navy { display: inline-block; min-width: 90px; height: 30px; padding: 0 20px; text-align: center; background: #475065; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 30px; color: #fff; font-size: 14px; font-weight: bold }
.btn_wire { border: 1px solid #fff; border-radius: 5px; padding: 10px 20px; color: #fff; font-size: 16px; }
.btn_wire:hover { background: #fff; color: #213967; }
.btn_wire2 { border: 1px solid #666; border-radius: 5px; padding: 0px 20px; color: #000; font-size: 16px; background: #FFF; height: 40px; line-height: 40px }
.btn_wire2:hover { color: #FFF; background: #333; border-color: #333 }
.btn_border_blue { display: inline-block; min-width: 90px; height: 30px; padding: 0 20px; text-align: center; background: #fff; border: 1px solid #006db8; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 30px; font-weight: bold; color: #006db8; font-size: 14px }
.btn_border_blue:hover { text-decoration: none }
.btn_white { display: inline-block; min-width: 80px; height: 30px; padding: 0 20px; text-align: center; background: #fff; border-radius: 3px; border: 1px solid #bfbfbf; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 30px; font-weight: bold; font-size: 14px }
.btn_blue {display: inline-block;min-width: 80px;height: 30px;padding: 0 20px;text-align: center;background: #0c9cff;border-radius: 3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 30px;color: #fff;font-size: 14px;font-weight: bold;}
.btn_red { display: inline-block; min-width: 80px; height: 30px; padding: 0 20px; text-align: center; background: #f44336; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 30px; color: #fff; font-size: 14px; font-weight: bold }
.btn_gray { display: inline-block; min-width: 80px; height: 30px; padding: 0 20px; text-align: center; background: #555; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 30px; color: #fff; font-size: 14px; font-weight: bold }
.btn_nextstep { /*width: 200px;*/ height: 50px; padding: 0 30px; background: #1f77c4; border-radius: 3px; line-height: 50px; color: #fff; font-size: 16px }
.btn_nextstep em { padding-right: 16px; background: url('/images/icon_arrright.png') no-repeat 100% 46% }
.btn_graywhite { display: inline-block; min-width: 80px; height: 40px; padding: 0 20px; text-align: center; background: #f4f4f4; border: 1px solid #dadada; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #666; font-size: 14px; line-height: 30px; font-weight: bold }
.btn_item_add { float: left; width: 60px; height: 30px; margin: 0 0 0 8px; padding: 0 0 0 25px; text-align: left; background: url('/images/icon_item_add.png') no-repeat 10px 50%; border: 1px solid #e0e0e0; border-radius: 2px; color: #333; font-size: 13px; line-height: 30px }
.btn_item_del { float: left; width: 60px; height: 30px; margin: 0 0 0 5px; padding: 0 0 0 25px; text-align: left; background: url('/images/icon_item_del.png') no-repeat 10px 50%; border: 1px solid #e0e0e0; border-radius: 2px; color: #333; font-size: 13px; line-height: 30px }
.btn_attach_delete { width: 25px; height: 24px; background: url('/images/icon_delete.png') no-repeat 0 0; text-indent: -99999px }
.btnmoreview { clear: both; width: 100%; margin-top: 30px; text-align: center; font-size: 0 }
.btnmoreview button { width: 150px; height: 40px; background: #fff; font-size: 14px; line-height: 40px; border-radius: 8px }
.btn_blue a:link, .btn_blue a:hover, .btn_blue a:visited { color: #FFF; text-decoration: none }
/* 모달 팝업 */
.transparent-layer { position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background: #000; opacity: 0.3; filter: alpha(opacity = "40") }
.popupwrap {position: fixed;left: -99999px;top: -99999px;z-index: 101;overflow: hidden;background: #fff url('/images/bg_popup_leftop.png') no-repeat 0 0;background: #fff;border: 1px solid #000;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius: 5px;}
.popupwrap .popcontents {overflow: hidden;padding: 30px;/* background: url('/images/bg_popup_rightbottom.png') no-repeat 100% 100% */}
.popupwrap h1 {position: relative;margin: 0px;padding: 15px 0 12px 30px;text-align: left;border-bottom: 1px solid #333;color: #fff;font-size: 18px;background: #0079da}
#main .popupwrap h1 { background: #FFF }
.popupwrap h1 span { position: absolute; right: 60px; top: 18px; display: inline-block; padding: 0 0 0 13px; background: url('/images/icon_essential.png') no-repeat 0 4px; font-size: 13px; font-weight: normal }
.popupwrap .btn_popclose { position: absolute; right: 10px; top: 10px; width: 26px; height: 26px; background: url('/images/icon_popclose.png') no-repeat 0 0; text-indent: -99999px }
.popupwrap .inpbox {display: inline-block;height: 30px;padding: 1px;border: 1px solid #999;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.popupwrap .inpbox + button { margin-left: 10px }
.popupwrap .inpbox input.txt { width: 100%; height: 100%; border: 0 }
.popupwrap.pop_tranpw { width: 1200px }
.popupwrap.pop_tranpw .popcontents { height: 140px }
.pop_notice { position: relative; left: 0; top: 0; width: 640px; padding: 0; background: url('/images/bg_noticepop.jpg') no-repeat 0 100% }
.pop_notice .btn_popclose { background: url('/images/icon_close_02.png') no-repeat 0 0 }
.pop_notice .popcontents { padding: 0 40px 40px 40px; background: 0 }
.pop_notice h1 { height: 63px; margin: 0; padding: 17px 0 0 42px; background: url('/images/bg_noticepop_top.jpg') no-repeat 0 0; border: 0; font-size: 14px; color: #fff; font-weight: normal }
.pop_notice h2 { padding: 0 0 15px 0; border-bottom: 2px solid #333; color: #333; font-size: 18px }
.pop_notice .msg_notice { height: 280px; overflow-x: hidden; overflow-y: auto; margin: 30px 0; text-align: center; color: #666; font-size: 18px; line-height: 30px }
.pop_notice .msg_notice strong { color: #006db8 }
.popupwrap.pop_idcheck { width: 420px }
.popupwrap.pop_idcheck .popcontents { height: 185px }
.popupwrap.pop_idcheck fieldset { height: 30px; padding: 0 38px; text-align: center; font-size: 0 }
.popupwrap.pop_idcheck fieldset button { margin: 0 0 0 5px }
.popupwrap.pop_idcheck .txt_resultmsg { padding-top: 0 }
.popupwrap.pop_idcheck .txt_resultmsg strong {margin: 10px 0 30px 0;}
.popupwrap .txt_resultmsg { clear: both; margin-bottom: 10px; text-align: center; font-size: 15px; line-height: 20px; padding-top: 15px;}
.popupwrap .txt_resultmsg strong { display: block; margin: 10px 0 20px 0; color: #1f77c4 }
.popupwrap .txt_resultmsg span {color: #333;}
.popupwrap.pop_idnew { width: 420px }
.popupwrap.pop_idnew .popcontents { height: 200px; padding: 0 }
.popupwrap.pop_idnew fieldset { height: 30px; padding: 0 38px; text-align: center; font-size: 0 }
.popupwrap.pop_idnew fieldset button { margin: 0 0 0 10px }
.popupwrap.pop_idnew .txt_resultmsg { clear: both; padding-top: 30px; text-align: center; font-size: 14px; line-height: 20px }
.popupwrap.pop_idnew .txt_resultmsg strong { display: block; margin: 10px 0 30px 0; color: #1f77c4 }
.popupwrap.pop_idnew .txt_resultmsg span { color: #333 }
.popupwrap.pop_reject .popcontents { padding-top: 0 !important; width: 460px }
.popupwrap.pop_reject .popboard table { width: 100% }
.popupwrap.pop_reject .popboard table tbody th { padding: 15px 8px; border-bottom: 1px solid #e0e0e0; color: #333; font-size: 14px; text-align: left; vertical-align: top }
.popupwrap.pop_reject .popboard table tbody td { padding: 8px; border-bottom: 1px solid #e0e0e0 }
.popupwrap.pop_reject .popboard table tbody td select { height: 30px; border: 1px solid #e0e0e0; color: #666 }
.popupwrap.pop_reject .popboard table td .txtbox { height: 160px }
.popupwrap.pop_reject .btncenter { margin: 20px 0 0 0 }
.popupwrap.pop_memberout { width: 630px }
.popupwrap.pop_memberout h2 { margin: -15px 0 18px 0; color: #666; font-size: 14px; font-weight: normal; line-height: 22px }
.popupwrap.pop_memberout dl { clear: both; margin: 0 0 15px 0; padding: 25px 30px 20px 30px; overflow: hidden; background: #f9f9f9; border: 1px solid #e0e0e0; border-radius: 2px }
.popupwrap.pop_memberout dl dt { margin: 0 0 12px 0; color: #333; font-size: 16px; font-weight: bold }
.popupwrap.pop_memberout dl dd { font-size: 13px; line-height: 24px }
.popupwrap.pop_memberout dl dd .inpbox { margin-left: 10px; background: #fff; border-radius: 2px }
.popupwrap.pop_memberout .agreechk { float: right; height: 32px }
.popupwrap.pop_appregist .popcontents { padding-top: 5px }
.popupwrap.pop_appregist .boardwrite { padding-top: 0; border-top: 0 }
.popupwrap.pop_appregist .boardwrite table th { padding: 0px 10px; background: #fff; border-bottom: 0 }
.popupwrap.pop_appregist .boardwrite table th.bd { border-bottom: 1px solid #e0e0e0 }
.popupwrap.pop_appregist .boardwrite table td.innerlist { padding: 0; border: 0 }
.popupwrap.pop_appregist .boardwrite table td { border-left: 0 }
.popupwrap.pop_apiSecret fieldset { overflow: hidden; padding: 0 40px 20px 40px; text-align: center }
.popupwrap.pop_apiSecret fieldset strong { display: block; margin: 0 0 20px 0; color: #1f77c4; font-size: 14px }
.popupwrap.pop_apiSecret fieldset .inpbox { width: 100% }
.popupwrap.pop_depthcode .popcontents { padding-top: 0 }
.popupwrap.pop_useContAcpt .popcontents { padding-top: 0 !important; width: 460px }
.popupwrap.pop_useContAcpt .popboard table { width: 100% }
.popupwrap.pop_useContAcpt .popboard table tbody th { padding: 15px 8px; border-bottom: 1px solid #e0e0e0; color: #333; font-size: 14px; text-align: left; vertical-align: top }
.popupwrap.pop_useContAcpt .popboard table tbody td { padding: 8px; border-bottom: 1px solid #e0e0e0 }
.popupwrap.pop_useContAcpt .popboard table tbody td select { height: 30px; border: 1px solid #e0e0e0; color: #666 }
.popupwrap.pop_useContAcpt .popboard table td .txtbox { height: 160px }
.popupwrap.pop_useContAcpt .btncenter { margin: 20px 0 0 0 }
.popupwrap.pop_useContRtrn .popcontents { padding-top: 0 !important; width: 600px }
.popupwrap.pop_useContRtrn .popboard table { width: 100% }
.popupwrap.pop_useContRtrn .popboard table tbody th { padding: 8px; border-bottom: 1px solid #e0e0e0; color: #333; font-size: 14px; text-align: left; vertical-align: top }
.popupwrap.pop_useContRtrn .popboard table tbody td { padding: 8px; border-bottom: 1px solid #e0e0e0 }
.popupwrap.pop_useContRtrn .popboard table tbody td select { height: 30px; border: 1px solid #e0e0e0; color: #666 }
.popupwrap.pop_useContRtrn .popboard table td .txtbox { height: 160px }
.popupwrap.pop_useContRtrn .btncenter { margin: 20px 0 0 0 }
.popupwrap.pop_postsch { width: 460px; min-height: 320px }
.popupwrap.pop_postsch .popcontents { padding-top: 5px !important }
.popupwrap.pop_postsch h1 { margin-bottom: 0; border-bottom: 0 }
.popupwrap.pop_postsch .hiddencontents { display: none; clear: both }
.popupwrap.pop_postsch .hiddencontents.on { display: block }
.popupwrap.pop_postsch fieldset { clear: both; overflow: hidden; margin: 10px 0; padding: 20px; background: #f3f3f3 }
.popupwrap.pop_postsch fieldset p { margin: 0 0 10px 0; color: #333; font-size: 14px; line-height: 20px }
.popupwrap.pop_postsch fieldset p span { color: #999; font-size: 13px }
.popupwrap.pop_postsch fieldset p span a { color: #006db8; text-decoration: underline }
.popupwrap.pop_postsch fieldset input.txt { width: 270px; height: 30px; margin: 0 10px 0 0; padding: 0 10px; background: #fff; border: 1px solid #e0e0e0; border-radius: 2px }
.popupwrap.pop_postsch ul.tabbox { height: 43px }
.popupwrap.pop_postsch ul.tabbox li { float: left; width: 50%; height: 43px }
.popupwrap.pop_postsch ul.tabbox li a { height: 43px; line-height: 41px; font-size: 14px }
.popupwrap.pop_postsch ul.tabbox li a:hover,
.popupwrap.pop_postsch ul.tabbox li a:focus { border-color: #006db8; font-weight: bold; color: #006db8 }
.popupwrap.pop_postsch ul.tabbox li.on a { border-color: #006db8; font-weight: bold; color: #006db8 }
.popupwrap.pop_postsch h2 { margin: 20px 0 0 0; padding: 0 0 7px 0; color: #333; font-size: 14px; font-weight: normal }
.popupwrap.pop_postsch h2 strong { color: #006db8 }
.popupwrap.pop_postsch .resultbox { clear: both; overflow: hidden } 
.popupwrap.pop_postsch .resultbox .optionbox { margin: 15px 0 7px 0 }
.popupwrap.pop_postsch .resultbox .optionbox select { height: 28px }
.popupwrap.pop_postsch .resultbox .scrollbox { clear: both; height: 177px; overflow-x: hidden; overflow-y: auto; border-top: 2px solid #333 }
.popupwrap.pop_postsch .resultbox ul li { clear: both; overflow: hidden; padding: 9px 10px; border-bottom: 1px solid #e0e0e0; line-height: 16px; cursor: pointer; }
.popupwrap.pop_postsch .resultbox ul li>p { float: left; width: 70%; text-align: left }
.popupwrap.pop_postsch .resultbox ul li>span { float: none; display: block; overflow: hidden; width: auto; text-align: center }
.popupwrap.pop_postsch .resultbox ul li>span b { display: block; margin-top: 4px; font-size: 12px; font-weight: normal }
.popupwrap.pop_postsch .resultbox ul li>div { float: left; width: 80% }
.popupwrap.pop_postsch .resultbox ul li>div p { clear: both; overflow: hidden; margin: 2px 0 0 0 }
.popupwrap.pop_postsch .resultbox ul li>div p:first-child { margin: 0 }
.popupwrap.pop_postsch .resultbox ul li>div p span { float: none; display: block; width: auto; font-size: 13px; line-height: 22px; float: left; margin-left: 55px; margin-top: -22px; }
.popupwrap.pop_postsch .resultbox ul li label.lb_load { float: left; width: 50px; height: 22px; margin: 0 10px 0 0; text-align: center; background: #de8245; border-radius: 2px; color: #fff; line-height: 23px; font-size: 12px }
.popupwrap.pop_postsch .resultbox ul li label.lb_num { float: left; width: 50px; height: 22px; margin: 0 10px 0 0; text-align: center; background: #666; border-radius: 2px; color: #fff; line-height: 23px; font-size: 12px }
.popupwrap.pop_postsch .filterbox { clear: both; overflow: hidden; margin: 0 0 10px 0 }
.popupwrap.pop_postsch .filterbox ul { overflow: hidden; border-top: 2px solid #333 }
.popupwrap.pop_postsch .filterbox ul li { clear: both; overflow: hidden; padding: 7px 10px; border-bottom: 1px solid #e0e0e0 }
.popupwrap.pop_postsch .filterbox ul li:first-child { padding: 14px 10px }
.popupwrap.pop_postsch .filterbox ul li:first-child label { line-height: 15px }
.popupwrap.pop_postsch .filterbox ul li label { float: left; width: 80px; font-size: 14px; color: #333; line-height: 30px }
.popupwrap.pop_postsch .filterbox ul li p { float: none; overflow: hidden; font-size: 13px; color: #999 }
.popupwrap.pop_postsch .filterbox ul li input.txt { width: 100%; height: 30px; margin: 0 10px 0 0; padding: 0 10px; background: #fff; border: 1px solid #e0e0e0; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.popupwrap.pop_postsch .newaddress .resultbox ul li { padding: 5px 0 }
.popupwrap.pop_postsch .newaddress .resultbox .scrollbox { height: 171px }
.popupwrap.pop_postsch .paging { margin-top: 10px }
.popupwrap.pop_tempmember { width: 580px }
.popupwrap.pop_tempmember h2 { margin: -15px 0 18px 0; color: #666; font-size: 15px; font-weight: normal; line-height: 26px }
.popupwrap.pop_tempmember dl { clear: both; margin: 0 0 15px 0; padding: 20px 30px 20px 30px; overflow: hidden; background: #f9f9f9; border: 2px solid #e0e0e0; border-radius: 2px }
.popupwrap.pop_tempmember dl dt { margin: 0 0 12px 0; color: #333; font-size: 15px; font-weight: bold }
.popupwrap.pop_tempmember dl dd { font-size: 15px; font-weight: bold; line-height: 24px }
/* 동영상 공지 2017.03.20 */
.popupwrap.pop_tempmember2 { width: 620px }
.popupwrap.pop_tempmember2 .mr10 { margin-right: 10px; }
.popupwrap.pop_tempmember2 #popup { width: 800px; padding: 40px 10px 10px; margin: 0 auto; background: #fff; text-align: center; border-radius: 5px; position: relative }
.popupwrap.pop_tempmember2 .btn_area { display: inline-block; margin: 10px 0; }
.popupwrap.pop_tempmember2 .btn_default { width: 160px; background: #105a8d; color: #fff; padding: 13px 0 14px; border-radius: 3px; display: inline-block; font-size: 16px; }
.popupwrap.pop_tempmember2 .btn_cancel { background: #999; }
.popupwrap.pop_tempmember2 .btn_border { color: #105a8d; border: 1px solid #105a8d; font-weight: bold; ; background: #fff; }
.popupwrap.pop_tempmember2 .btn_border:hover { background: #105a8d; color: #fff; }
.popupwrap.pop_tempmember2 .btnClose { position: absolute; top: 0; right: 0; z-index: 100; }
.popupwrap.pop_tempmember2 .btnClose a { display: block; width: 40px; height: 40px; background: url(btn_close.png) no-repeat center center; background-size: 14px 14px; color: transparent; line-height: 0; }
.popupwrap.pop_tempmember2 .pop_foot { padding: 16px 0 0; margin-top: 15px; border-top: 1px solid #ddd; text-align: center; font-size: 16px; }
.popupwrap.pop_tempmember2 .txt_20 { font-size: 17px; text-align: center; margin-top: 16px; margin-bottom: 10px; }
.popupwrap.pop_tempmember2 .txt_blue { color: #105a8d; }
/* 2019-07-16 추가 */
.popupwrap.pop_layer { border: 2px solid #006db8; }
.pop_layer { position: absolute; left: 50%; top: 0; width: 640px; padding: 0; background: #fff url('/images/bg_layerpop.png') no-repeat 0 92% }
.pop_layer h1 { font-size: 38px; color: #006db8; margin: 0; padding: 0; text-align: center; border-bottom: 0; }
.pop_layer .popcontents { background: none; }
.pop_layer .msg_box { border: 3px solid #eee; margin-top: 18px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff url('/images/bg_msgbox.png') no-repeat 40px top; padding: 28px 14px; }
.pop_layer .msg_box dl { color: #444; }
.pop_layer .msg_box dl dt { padding-left: 12px; position: relative; font-size: 16px; font-weight: 700; margin-top: 18px; }
.pop_layer .msg_box dl dt.fst { margin-top: 0; }
.pop_layer .msg_box dl dt:before { display: block; width: 6px; height: 6px; background: #7fb6db; position: absolute; left: 0; top: 7px; content: ''; }
.pop_layer .msg_box dl dd { padding-left: 12px; font-size: 16px; }
.pop_layer .msg_box dl .txt_point { font-size: 13px; color: #005fa0; display: block; }
.pop_layer .txt_point2 { color: #000; font-size: 13px; margin-top: 12px; }
.pop_layer .ly_logo { text-align: center; }
.box_close { position: relative; padding: 9px 18px; background: #e5f7ff; color: #006db8; }
.box_close .chk_t1 { margin-right: 3px; vertical-align: middle; }
.box_close label { font-size: 11px; vertical-align: middle; display: inline-block; cursor: pointer; }
.box_close button { position: absolute; top: 8px; right: 18px; }

/* 공통 스타일 */
.pull-left { float: left }
.pull-right { float: right }
.pull-none { float: none; overflow: hidden }
.txt_msg { display: block; min-height: 16px; padding: 15px 0 0 22px; background: url('/images/icon_point.png') no-repeat 0 100% }
.clearfix { clear: both }
.pageing-btnbox { clear: both; position: relative; margin: 30px 0 0 0 }
.paging { width: 100%; text-align: center; font-size: 0 }
.paging * { vertical-align: middle }
.paging button { display: inline-block; width: 30px; height: 30px; margin: 0 15px 0 0; border: 1px solid #e0e0e0; border-radius: 2px; text-indent: -99999px }
.paging button.btn_page_prev { background: url('/images/icon_page_prev.png') no-repeat 50% 50% }
.paging button.btn_page_next { margin: 0 0 0 15px; background: url('/images/icon_page_next.png') no-repeat 50% 50% }
.paging span { display: inline-block; margin-right: 5px; }
.paging span a { display: inline-block; margin: 0 0 0 5px; width: 28px; height: 28px; border: 1px solid #e0e0e0; border-radius: 2px; color: #666; font-size: 13px; line-height: 28px }
.paging span a:hover,
.pageing-btnbox .paging span a:focus { background: #1f77c4; border-color: #1f77c4; color: #fff; text-decoration: none }
.paging span a.on { background: #1f77c4; border-color: #1f77c4; color: #fff; text-decoration: none }
.paging span a:first-child { margin: 0 }
.ichkbox { }
.ichkbox * { vertical-align: middle }
.ichkbox label { }
.ichkbox.on { }
.ichkbox input { margin: 0 5px 0 0 }
.iradiobox { }
.iradiobox * { vertical-align: middle }
.iradiobox label { }
.iradiobox.on { }
.iradiobox input { margin: 0 5px 0 0 }
/* 파일 업로드 UI */
.fileattachbox { overflow: hidden; position: relative; width: 400px; padding: 0 10px 0 0 }
.fileattachbox span { display: block }
.fileattachbox span.iptxt { position: relative; width: 100%; height: 28px; border: 1px solid #ccc }
.fileattachbox span.iptxt input.txt { width: 100%; height: 100%; margin: 0; padding: 0; border: 0; color: #4c4c4c; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.fileattachbox span.ipfile { position: absolute; top: 0; right: 0; width: auto }
.fileattachbox span.ipfile em { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 85px; height: 30px; text-align: center; background: #555; border-radius: 4px; color: #fff; text-align: center; line-height: 30px; cursor: pointer }
.fileattachbox span.ipfile input.file { position: relative; z-index: 2; width: 85px; height: 30px; padding: 0; cursor: pointer; opacity: 0; filter: alpha(opacity = 0); selector-dummy: expression(this.hideFocus = true)
}
.fileattachbox1 { overflow: hidden; position: relative; width: 400px; padding: 0 10px 0 0 }
.fileattachbox1 span { display: block }
.fileattachbox1 span.iptxt { position: relative; width: 100%; height: 28px; border: 1px solid #ccc }
.fileattachbox1 span.iptxt input.txt { width: 100%; height: 100%; margin: 0; padding: 0; border: 0; color: #4c4c4c; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.fileattachbox1 span.ipfile { position: absolute; top: 0; right: 0; width: auto }
.fileattachbox1 span.ipfile em { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 85px; height: 30px; text-align: center; background: #555; border-radius: 4px; color: #fff; text-align: center; line-height: 30px; cursor: pointer }
.fileattachbox1 span.ipfile input.file { position: relative; z-index: 2; width: 85px; height: 30px; padding: 0; cursor: pointer; opacity: 0; filter: alpha(opacity = 0); selector-dummy: expression(this.hideFocus = true)
}
.fileattachbox2 { overflow: hidden; position: relative; width: 400px; padding: 0 10px 0 0 }
.fileattachbox2 span { display: block }
.fileattachbox2 span.iptxt { position: relative; width: 100%; height: 28px; border: 1px solid #ccc }
.fileattachbox2 span.iptxt input.txt { width: 100%; height: 100%; margin: 0; padding: 0; border: 0; color: #4c4c4c; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.fileattachbox2 span.ipfile { position: absolute; top: 0; right: 0; width: auto }
.fileattachbox2 span.ipfile em { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 85px; height: 30px; text-align: center; background: #555; border-radius: 4px; color: #fff; text-align: center; line-height: 30px; cursor: pointer }
.fileattachbox2 span.ipfile input.file { position: relative; z-index: 2; width: 85px; height: 30px; padding: 0; cursor: pointer; opacity: 0; filter: alpha(opacity = 0); selector-dummy: expression(this.hideFocus = true)
}
.fileattachbox3 { overflow: hidden; position: relative; width: 400px; padding: 0 10px 0 0 }
.fileattachbox3 span { display: block }
.fileattachbox3 span.iptxt { position: relative; width: 100%; height: 28px; border: 1px solid #ccc }
.fileattachbox3 span.iptxt input.txt { width: 100%; height: 100%; margin: 0; padding: 0; border: 0; color: #4c4c4c; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.fileattachbox3 span.ipfile { position: absolute; top: 0; right: 0; width: auto }
.fileattachbox3 span.ipfile em { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 85px; height: 30px; text-align: center; background: #555; border-radius: 4px; color: #fff; text-align: center; line-height: 30px; cursor: pointer }
.fileattachbox3 span.ipfile input.file { position: relative; z-index: 2; width: 85px; height: 30px; padding: 0; cursor: pointer; opacity: 0; filter: alpha(opacity = 0); selector-dummy: expression(this.hideFocus = true)
}
/* Datepicker */
.ui-datepicker {display: none;width: 174px;height: 170px;margin-top: 2px;padding: 8px 8px;background: #fff;border: 1px solid #999;}
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0 }
.ui-icon { display: block; width: 16px; height: 16px; text-indent: -99999px; overflow: hidden }
.ui-icon-circle-triangle-w { background: url('/images/icon_calendar_prev.png') 50% no-repeat; background-size: 5px auto }
.ui-icon-circle-triangle-e { background: url('/images/icon_calendar_next.png') 50% no-repeat; background-size: 5px auto }
.ui-datepicker .ui-datepicker-prev { position: absolute; top: 9px; left: 0; width: 20px; height: 20px }
.ui-datepicker .ui-datepicker-next { position: absolute; top: 9px; right: 0; width: 20px; height: 20px }
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 5px; margin-top: -8px }
.ui-datepicker .ui-datepicker-title { margin: 0; line-height: 1.8em; text-align: center; font-size: 13px; color: #383838 }
.ui-datepicker .ui-datepicker-title span { color: #404141 }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0 }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49% }
.ui-datepicker table { width: 98%; table-layout: fixed; border-collapse: collapse; margin: 7px auto 0 }
.ui-datepicker table th { padding: 2px 0 6px 0; text-align: center; font-weight: 600; border: 0; font-size: 11px; font-family: Arial; color: #383838 }
.ui-datepicker table th span { font-size: 11px; font-family: Arial; color: #383838 }
.ui-datepicker table td { padding: 0px; font-size: 11px; table-layout: fixed; font-family: Arial }
.ui-state-disabled { background: lightgray; color: #fff; padding: 2px 1px; font-size: 11px; font-family: Arial; width: 20px; height: 13px; padding-top: 3px; text-align: center }
.ui-datepicker-other-month { background: #fff; color: #fff }
.ui-datepicker table td a { font-size: 12px; font-family: Arial }
.ui-datepicker td a { display: block; width: 20px; height: 13px; padding: 5px 2px; text-align: center; color: #666; cursor: default; }
.ui-datepicker td a:hover { background: #006db8; text-decoration: none; color: #fff }
.ui-datepicker td.ui-datepicker-today a { background: #006db8; color: #fff }
.ui-datepicker td a.ui-state-active { background: #666; color: #fff }
.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0 }
.ui-widget { font-family: tahoma; font-size: 1.1em }
.ui-widget .ui-widget { font-size: 1em }
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button { font-family: Arial, sans-serif; font-size: 1em }
.ui-widget-content a { color: #222 }
.ui-widget-header { height: 23px; margin: 0 0 5px 0; background: #eef7fe; color: #4c4c4c; font-size: 12px; line-height: 23px }
.ui-widget-header .ui-datepicker-title {font-size: 12px;color: #4c4c4c;word-spacing: -1px;line-height: 23px;}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse }
.ui-helper-clearfix:after { clear: both }
.ui-helper-clearfix { min-height: 0 } /* support:IE7 */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {border-top-left-radius: 3px;}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {border-top-right-radius: 3px;}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {border-bottom-left-radius: 3px;}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {border-bottom-right-radius: 3px;}
/* 테이블 */
table td * { vertical-align: middle }
table td .inpbox { display: block; height: 30px; padding: 1px; border: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
table td .inpbox input.txt { width: 100%; height: 100%; border: 0 }
table td .inpbox input.txt:focus { background: #fffbdc }
table td .txtbox { display: block; height: 110px; padding: 10px; border: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
table td .txtbox textarea {display: block;width: 100%;height: 100%;padding: 0;overflow-x: hidden;overflow-y: auto;border: 0;line-height: 18px;font-size: 14px;}
table td.calendar em { margin: 0 5px }
table td.calendar .txt_date { display: inline-block; position: relative; padding: 0 35px 0 0 }
table td.calendar .txt_date img { position: absolute; right: 5px; top: 1px }
table td.calendar .txt_date input.txt { width: 200px; height: 28px; text-align: center; border: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
table .optionbox { display: block }
table .optionbox select { height: 30px; border: 1px solid #e0e0e0 }
.searchboard {clear: both;overflow: hidden;margin: 0 0 20px 0; }
.searchboard table { width: 100%; border-top: 1px solid #e2e2e2; }
.searchboard table tbody th {padding: 0 15px;text-align: left;background: #f8fdff;border-left: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;color: #333;font-size: 14px;line-height: 16px;}
.searchboard table tbody tr th:first-child { border-left: 0 }
.searchboard table tbody td {padding: 5px 10px;background: #fff;border-left: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;line-height: 16px;}
.searchboard table tbody td.btn {padding: 5px 0 !important;text-align: center;}
.searchboard table tbody td.btn button { min-width: 70px }
.searchboard table td.calendar { padding-right: 10px }
.searchboard table td.calendar .txt_date input {width: 100px !important;padding-right: 5px;}
.searchboard table td .datebox { display: inline-block; margin-left: 0px; font-size: 0 }
.searchboard table td .datebox button { width: 53px; height: 30px; line-height: 30px; padding: 0; margin: 0 0 0 5px; background: url('/images/bg_btngrd_01.jpg') repeat-x 0 50%; border: 1px solid #d6d6d6; border-radius: 3px; color: #333; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.searchboard table td .datebox button:first-child { margin: 0 }
.searchboard table td .datebox button.on, .searchboard table td .datebox button.on:hover { border: 1px solid #006db8; background: #006db8; color: #fff; cursor: default }
.searchboard table td .datebox button:active,
.searchboard table td .datebox button:focus { border: 1px solid #006db8; background: #006db8; color: #fff }
.searchboard table td .datebox button:hover { border: 1px solid #006db8; background: #fff; color: #333 }
.boardwrite { clear: both; overflow: hidden; margin: 0 0 20px 0;/* border-top: 2px solid #333*/ }
.boardwrite table { width: 100%; border-top: 1px solid #9fbfcc; }
.boardwrite table tbody th {padding: 5px;text-align: left;background: #f8fdff;border-left: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;color: #333;line-height: 16px;font-size: 14px; height: 30px;}
.boardwrite table tbody th.stit { padding-left: 10px; border-left: 1px solid #e0e0e0 }
.boardwrite table tbody th.tit_single { padding: 16px 8px 16px 20px; border-bottom: 0 }
.boardwrite table tbody th span { padding: 0 0 0 14px }
.boardwrite table tbody th span.ess { display: inline-block; background: url('/images/icon_essential.png') no-repeat 0 50% }
.boardwrite table tbody tr th:first-child { border-left: 0 }
.boardwrite table tbody tr th.tlc { text-align: center }
.boardwrite table tbody tr th.stit:first-child { border-left: 1px solid #e0e0e0 }
.boardwrite table tbody td {padding: 5px;background: #fff;border-left: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;line-height: 30px;font-size: 14px;word-break: break-all;color: #333;}
.boardwrite table td span.inpbox { display: inline-block; margin-right: 4px }

.boardwrite table td p.inpbox { display: block; margin-top: 5px }
.boardwrite table td p.inpbox + p.inpbox { margin-left: 4px; }
.boardwrite table tbody td.search .inpbox { float: left }
.boardwrite table tbody td.search button { margin-left: 10px }
.boardwrite table tbody td.gap { padding: 5px }
.boardwrite table tfoot { border-bottom: 1px solid #e0e0e0 }
.boardwrite table tfoot td { padding: 4px 10px; border-left: 0; border-right: 1px solid #e0e0e0 }
.boardwrite table tfoot td:first-child { border-left: 1px solid #e0e0e0 }
.boardwrite table tfoot .inpbox { display: inline-block; width: 90% }
.boardwrite table tfoot em { display: inline-block; width: 10%; text-align: center }
.boardwrite table td.innerlist { padding: 0 0px 8px 8px }
.boardwrite table td.innerlist select { min-width: 120px; height: 31px; margin: 0 3px 0 0; border: 1px solid #e0e0e0; color: #666; font-size: 14px }
.boardwrite table td.innerlist ul { overflow-x: hidden; overflow-y: auto; height: 250px; border: 1px solid #e0e0e0 }
.boardwrite table td.innerlist li { overflow: hidden; min-height: 30px; padding: 10px 15px; line-height: 30px; font-size: 14px }
.boardwrite table td.innerlist li>* { vertical-align: middle }
.boardwrite table td.innerlist li.odd { background: #f1f6f9 }
.boardwrite table td.innerlist li .ichkbox { float: left; width: 240px; height: 27px; background-position: 0 7px }
.boardwrite table td.innerlist li .txt { float: left }
.boardwrite table td.innerlist li .version { float: left; width: 110px }
.boardwrite table td.innerlist li .plan { text-align: right }
.boardwrite table td select { height: 30px; margin-right: 10px; border: 1px solid #e0e0e0; color: #666; font-size: 13px }
.boardwrite table td.ntxt {padding-left: 11px;font-size: 14px; /* font-weight: bold; color: #039;  letter-spacing: 1px;*/}
.boardwrite table td .txt_addguide { padding-left: 20px; line-height: 30px }
.boardwrite table td p.txt_addguide { margin-top: 8px; padding-left: 0; line-height: 16px }
.boardwrite table td .txt_addguide a { color: #1f77c4 }
.boardwrite table td .txt_validate_error {padding-left: 20px;line-height: 30px;color: #d63300;}
.boardwrite table td .txt_o { display: inline-block; margin: 0 5px; line-height: 30px }
.boardwrite table td.orchoice { padding: 12px 8px }
.boardwrite table .orchoice * { vertical-align: middle }
.boardwrite table .orchoice span { margin: 0 0 0 10px }
.boardwrite table .orchoice span:first-child { margin-left: 0 }
.boardwrite table p.orchoice { display: block; clear: both; overflow: hidden; margin: 3px 0 10px 0 }
.boardwrite table .orchoice.top-select { height: 17px; padding: 0px 0 5px 8px }
.boardwrite table .orchoice.sub-select { height: 17px; padding: 0px 0 5px 8px; border-top: 1px solid #e0e0e0 }
.boardwrite table .orchoice-input span { margin: 5px 0 0 20px }
.boardwrite table .orchoice-input span:first-child { margin-left: 0 }
.boardwrite table .orchoice-input .inpbox { margin-top: 0 }
.boardwrite table td .btn_gray { margin-left: 8px }
.boardwrite table td .btn_gray:first-child { margin-left: 0 }
.boardwrite table td.serviceplan .fileattachbox { float: left; width: 325px; margin-left: 10px }
.boardwrite table td.serviceplan .clearfix { padding-top: 7px }
.boardwrite table td.bankinfo p { clear: both; height: 18px }
.boardwrite table td.bankinfo p em { float: left; width: 260px }
.boardwrite table td.bankinfo p em:first-child { width: 165px }
.boardwrite table tbody td.mixbox select { float: left }
.boardwrite table tbody td.mixbox .inpbox { float: left }
.boardwrite table tbody td.mixbox .fileattachbox { float: left }
.boardwrite table tbody th.bl { border-left: 1px solid #e0e0e0 !important }
.boardview { clear: both; overflow: hidden; border-top: 2px solid #333 }
.boardview dl { position: relative; overflow: hidden; margin: 0 0 20px 0; padding: 0 245px 0 0; border-bottom: 1px solid #e0e0e0 }
.boardview dt { overflow: hidden; padding: 15px 10px; border-bottom: 1px solid #e0e0e0; font-size: 24px }
.boardview dt label { margin: 0 7px 0 0 }
.boardview dt b { display: inline-block; width: 30px; height: 30px; margin: 0 0 0 10px; text-align: center; background: #e44c4c; border-radius: 50%; color: #fff; font-size: 9px; font-family: Tahoma; line-height: 30px }
.boardview dt * { vertical-align: middle }
.boardview dd.contentsview { min-height: 250px; padding: 30px 10px 10px 30px }
.boardview dd.contentsview pre { width: 930px; white-space: pre-line; word-break: break-all; font-size: 14px; line-height: 24px }
.boardview dd.info { position: absolute; right: 0; top: 29px; width: 240px }
.boardview dd.info ul li { clear: both; overflow: hidden; padding: 10px 0 20px 0; border-top: 1px solid #e9e9e9 }
.boardview dd.info ul li:first-child { padding-bottom: 19px; border-top: 0 }
.boardview dd.info ul li:first-child span { font-size: 20px }
.boardview dd.info ul li label { float: left; color: #333; margin-left: 15px }
.boardview dd.info ul li span { float: right; color: #333; margin-right: 15px }
.boardview dd.info ul li.attachment span { height: 45px; font-size: 20px }
.boardview dd.info ul li.attachment p { clear: both; overflow: hidden; background: #ebebeb; display: block; padding: 15px 10px 15px 15px; border-top: 1px solid #d6d6d6; color: #333; font-size: 12px; line-height: 14px; }
.boardview dd.info ul li.attachment p .notxt { display: block; padding: 10px 8px; text-align: center; font-size: 12px; color: #666; font-weight: bold }
.boardview dd.info ul li.attachment p a {  }
.boardview dd.info ul li.attachment p a:first-child { border-top: 0 }
.boardview .label_notice { color: #2196F3 }
.boardview .label_event { color: #fa9900 }
.databoard table { width: 100% }
.databoard table thead th {padding: 15px 0;background: #f5fbff;border-left: 1px solid #DDD;border-bottom: 1px solid #DDD;color: #222;}
.databoard table thead th:first-child { border-left: 0 }
.databoard table tbody th { padding: 8px 15px 7px 15px; text-align: left; border-bottom: 1px solid #e0e0e0; font-weight: normal }
.databoard table td {padding: 8px 15px 7px 15px;text-align: center;border-left: 1px solid #DDD;border-bottom: 1px solid #DDD;line-height: 17px;}
.databoard table td p { margin: 3px 0 0 0; padding: 0 0 0 8px; text-align: left; background: url('/images/icon_dot_02.png') no-repeat 0 7px; background-size: 2px 2px }
.databoard table td p:first-child { margin: 0 }
fieldset.boardschbox {width: 100%;height: 55px;margin: 0 0 20px 0;padding: 12px 0 0 0; text-align: center; background: #f8fdff; border: 1px solid #e7f1f5;box-sizing: border-box;display: table;font-size: 0;}
fieldset.boardschbox select { height: 30px; margin: 0 5px 0 0; border-radius: 2px; border: 1px solid #d6d6d6 }
fieldset.boardschbox input.txt { height: 28px; padding: 0 10px; margin: 0 5px 0 0; background: #fff; border-radius: 2px; border: 1px solid #d6d6d6 }
fieldset.boardschbox .txt_date input.txt { width: 90px !important }
fieldset.boardschbox em { margin: 0 8px; font-size: 13px }
fieldset.boardschbox * { vertical-align: middle }
.categorysort { float: right; height: 45px }
.categorysort select { height: 30px; margin: 0 5px 0 0; border-radius: 2px; border: 1px solid #d6d6d6 }
.totalcnt { float: left; height: 25px; font-size: 16px; color: #333 }
.totalcnt strong { color: #dd6d22; font-weight: normal }
.lb_circle_gray, .lb_circle_yellow, .lb_circle_red, .lb_circle_blue, .lb_circle_green 
{display: block;width: 130px;height: 35px;margin: 0 auto;text-align: center;padding: 0 0 0 0;border-radius: 3px;color: #fff;font-size: 16px;font-weight: bold;line-height: 35px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.lb_circle_gray {background: #8c8c8c;}
.lb_circle_yellow {background: #f19800;}
.lb_circle_red {background: #e02f2f;}
.lb_circle_blue {background: #2a84d0;}
.lb_circle_green {background: #1ea785;}
.lb_circle_gray.line2 {padding-top: 13px !important;line-height: 12px !important;}
.lb_circle_yellow.line2 { padding-top: 13px !important; line-height: 18px !important }
.lb_circle_red.line2 { padding-top: 13px !important; line-height: 18px !important }
.lb_circle_blue.line2 {padding-top: 13px !important;line-height: 12px !important;}
.lb_circle_green.line2 { padding-top: 13px !important; line-height: 18px !important }
.lb_sq_green { display: inline-block; height: 22px; padding: 0 5px; background: #45b69a; border-radius: 2px; font-weight: normal; line-height: 22px; font-size: 13px; color: #fff }
.lb_sq_sky { display: inline-block; height: 22px; padding: 0 5px; background: #42b6d4; border-radius: 2px; font-weight: normal; line-height: 22px; font-size: 13px; color: #fff }
.lb_sq_navy { display: inline-block; height: 22px; padding: 0 5px; background: #3b80bd; border-radius: 2px; font-weight: normal; line-height: 22px; font-size: 13px; color: #fff }
.lb_sq_orange { display: inline-block; height: 22px; padding: 0 5px; background: #de8245; border-radius: 2px; font-weight: normal; line-height: 22px; font-size: 13px; color: #fff }
.lb_sq_yellow { display: inline-block; height: 22px; padding: 0 5px; background: #e9a530; border-radius: 2px; font-weight: normal; line-height: 22px; font-size: 13px; color: #fff }

/*API 추가시 적용*/

[rel^="api"] {margin-right: 8px;display: inline-block;height: 22px;padding: 0 5px;background: #C0C0C0;border-radius: 2px;font-weight: normal;line-height: 22px;font-size: 13px;color: #fff;font-family: Malgun Gothic;}
/*잔액조회*/
.a100002 { margin-right: 0px; display: inline-block; height: 22px; padding: 0 5px; background: #45b69a; border-radius: 2px; font-weight: normal; line-height: 22px; font-size: 13px; color: #fff }
/*거래내역조회*/
.a100003 { margin-right: 0px; display: inline-block; height: 22px; padding: 0 5px; background: #42b6d4; border-radius: 2px; font-weight: normal; line-height: 22px; font-size: 13px; color: #fff }
/*계좌실명조회*/
.a100007 { margin-right: 0px; display: inline-block; height: 22px; padding: 0 5px; background: #3b80bd; border-radius: 2px; font-weight: normal; line-height: 22px; font-size: 13px; color: #fff }
/*입금이체*/
.a100004 { margin-right: 0px; display: inline-block; height: 22px; padding: 0 5px; background: #de8245; border-radius: 2px; font-weight: normal; line-height: 22px; font-size: 13px; color: #fff }
/*출금이체*/
.a100006 { margin-right: 0px; display: inline-block; height: 22px; padding: 0 5px; background: #e9a530; border-radius: 2px; font-weight: normal; line-height: 22px; font-size: 13px; color: #fff }
/*송금인정보조회*/
.a100021 { margin-right: 0px; display: inline-block; height: 22px; padding: 0 5px; background: #B266FF; border-radius: 2px; font-weight: normal; line-height: 22px; font-size: 13px; color: #fff }


/*본인인증SMS*/
.S1 { margin-right: 0px; display: inline-block; height: 22px; padding: 0 5px; background: #45b69a; border-radius: 2px; font-weight: normal; line-height: 22px; font-size: 13px; color: #fff }
/*본인인증ARS*/
.A1 { margin-right: 0px; display: inline-block; height: 22px; padding: 0 5px; background: #42b6d4; border-radius: 2px; font-weight: normal; line-height: 22px; font-size: 13px; color: #fff }
/*출금동의인증ARS(내국인)*/
.A2 { margin-right: 0px; display: inline-block; height: 22px; padding: 0 5px; background: #3b80bd; border-radius: 2px; font-weight: normal; line-height: 22px; font-size: 13px; color: #fff }
/*출금동의인증ARS(외국인)*/
.A3 { margin-right: 0px; display: inline-block; height: 22px; padding: 0 5px; background: #de8245; border-radius: 2px; font-weight: normal; line-height: 22px; font-size: 13px; color: #fff }
/*본인인증인증서*/
.C1 { margin-right: 0px; display: inline-block; height: 22px; padding: 0 5px; background: #e9a530; border-radius: 2px; font-weight: normal; line-height: 22px; font-size: 13px; color: #fff }
/*출금동의인증인증서*/
.C2 { margin-right: 0px; display: inline-block; height: 22px; padding: 0 5px; background: #B266FF; border-radius: 2px; font-weight: normal; line-height: 22px; font-size: 13px; color: #fff }






.aaddedapi { margin-right: 0px; display: inline-block; height: 22px; padding: 0 5px; background: #FF66B2; border-radius: 2px; font-weight: normal; line-height: 22px; font-size: 13px; color: #fff }
ul.boardlist { clear: both; overflow: hidden; border-top: 2px solid #333 }
ul.boardlist li { clear: both; position: relative; overflow: hidden; padding: 10px 160px 10px 10px; background: #fff; border-bottom: 1px solid #e0e0e0 }
ul.boardlist li .info { position: absolute; right: 0; top: 30px; width: 160px; }
ul.boardlist li .info p { clear: both; overflow: hidden; padding: 10px 15px 20px 0; border-top: 1px solid #e9e9e9 }
ul.boardlist li .info p:first-child { padding-bottom: 22px; border-top: 0 }
ul.boardlist li .info p:first-child span { font-size: 20px }
ul.boardlist li .info p label { float: left; color: #333 }
ul.boardlist li .info p span {float: right;color: #333;margin-right: 15px;font-size: 13px;font-weight: bold;}
ul.boardlist li a.title { color: #333; font-size: 20px }
ul.boardlist li a.title:hover,
ul.boardlist li a.title:focus { text-decoration: none }
ul.boardlist li a.title label { margin: 0 7px 0 0 }
ul.boardlist li a.title b { display: inline-block; width: 30px; height: 30px; margin: 0 0 0 10px; text-align: center; background: #e44c4c; border-radius: 50%; color: #fff; font-size: 9px; font-family: Tahoma; line-height: 30px }
ul.boardlist li a.title * { vertical-align: middle }
ul.boardlist li .txt { display: block; margin: 15px 0 10px 65px; font-size: 16px; line-height: 24px; height: 50px; overflow: hidden; }
ul.boardlist li .label_notice { color: #2196F3 }
ul.boardlist li .label_news { color: #006db8 }
ul.boardlist li .label_event { color: #fa9900 }
ul.boardlist li a.detailview { display: inline-block; padding: 0 16px 0 0; background: url('/images/icon_arr_07.png') no-repeat 100% 50%; color: #e54c4c; font-size: 15px; margin-left: 65px; }
.faqlist { clear: both; overflow: hidden; border-bottom: 1px solid #e0e0e0 }
.faqlist > dl { overflow: hidden; border-top: 1px solid #e0e0e0; background: #fff; line-height: 20px; font-size: 14px }
.faqlist > dl:first-child { border-top: 1px solid #333 }
.faqlist > dl:hover { background: #fcfcf8 }
.faqlist > dl.on {background: #ffffff;}
.faqlist > dl.on dt {background: #f9fcff url(/images/icon_arr_08.png) no-repeat 97% 50%;}
.faqlist > dl dt {padding: 7px 25px 7px 10px;background: #f9fcff url('/images/icon_arr_09.png') no-repeat 97% 50%;color: #333;font-weight: bold;}
.faqlist > dl dt a:hover,
.faqlist > dl dt a:focus { text-decoration: none }
.faqlist > dl dt strong { padding: 0 0 0 15px; background: url('/images/bg_bar_04.jpg') no-repeat 0 50%; color: #333; font-size: 16px }
.faqlist > dl dt .label_qna { display: inline-block; height: 40px; line-height: 40px; padding-left: 65px; padding-right: 20px; background: url('/images/icon_qna.png') no-repeat 11px 2px; color: #666; font-size: 16px; font-weight: normal }
.faqlist > dl dd { overflow: hidden; padding: 25px 25px 25px 110px; background: url('/images/icon_answer.png') no-repeat 30px 13px; border-top: 1px solid #e0e0e0 }
.faqlist > dl dd pre { display: block; width: 1000px; word-break: keep-all; font-size: 15px; line-height: 16px; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word }
.applist { clear: both; overflow: hidden }
.applist dl { clear: both; height: 90px; overflow: hidden; margin: 10px 0 0 0; border: 1px solid #d6d6d6; box-sizing: border-box;}
.applist dl dt {float: left;width: 150px;height: 40px;margin-right: 35px;padding-top: 10px;text-align: center;background: url('/images/bg_btngrd_02.png') no-repeat 20px 0;}
.applist dl dd {float: none;position: relative;overflow: hidden;padding: 10px 30px 0 0;}
.applist dl dd strong {display: block;color: #333;font-size: 20px;line-height: 30px;}
.applist dl dd strong b { margin-left: 10px; color: #666; font-size: 18px }
.applist dl dd p {margin-top: 4px;font-size: 14px; width: 28%; float:left; }
.applist dl dd p span { padding: 0 0 0 15px; margin-left: 14px; background: url('/images/bg_bar_01.jpg') no-repeat 0 2px }
.applist dl dd p span:first-child { padding-left: 0; margin-left: 0; background: 0 }
.applist dl dd p em { color: #777 }
.applist dl dd>button {position: absolute;right: 30px;top: 10px;width: 70px;padding: 0 !important;}
.developlist { clear: both; overflow: hidden }
.developlist dl { clear: both; height: 80px; overflow: hidden; margin: 10px 0 0 0; border: 1px solid #d6d6d6 }
.developlist dl dt { float: left; padding: 25px 0 0 30px }
.developlist dl dt strong { float: left; color: #333; font-size: 24px }
.developlist dl dt strong b { padding-left: 10px; color: #006db8 }
.developlist dl dt span { padding-top: 15px; margin-left: 25px; line-height: 26px; font-size: 18px }
.developlist dl dd { float: right; overflow: hidden; width: auto; padding: 25px 30px 0 0 }
.developlist dl dd p { margin-top: 7px; font-size: 14px }
.developlist dl dd p strong { padding: 0 0 0 15px; margin-left: 14px }
.developlist dl dd p em { color: #777; font-weight: normal }
.inpbox {height: 40px;padding: 1px;margin: 0 0 0px 0;border-radius: 1px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;float: left;}
.inpbox input.txt {width: 100%;height: 100%;border: 1px solid #999;box-sizing: border-box;padding: 0px; text-indent: 10px; font-size: 13px;color: #333;background: #FFF;float: left;margin-right: 10px;transform: skew(-0.028deg);}
.inpbox input.txt:focus { background: #fffbdc }
.inpbox input.txt:read-only:focus, input:read-only:focus { background:#FFF }
.inpbox input.txt[type='password'] {font-size: 15px;}
.inpbox input.nppfs-npv[type='password']  { font-size: 15px; letter-spacing: 1px;  }
.inpbox input.nppfs-npv::-webkit-input-placeholder { color: #666; letter-spacing: -1px; }
.inpbox input.nppfs-npv:-moz-placeholder { color: #666; letter-spacing: -1px;}
.inpbox input.nppfs-npv::-moz-placeholder { color: #666; letter-spacing: -1px;}
.inpbox input.nppfs-npv:-ms-input-placeholder { color: #666; letter-spacing: -1px; }
#login fieldset .inpbox { margin-bottom: 10px }

.orgloginbox fieldset .inpbox input.txt {width: 335px;background: #f9fdff;}
fieldset .inpbox div {font-size: 15px;width: 100px;text-align: right;margin-right: 10px;line-height: 40px;font-weight: bold;float: left;}
fieldset span.inpbox { float: left }
fieldset .inputgroup { overflow: hidden }
fieldset .inputgroup em { float: left; margin: 0 6px 0 7px; line-height: 40px; color: #999 }

ul.txt_cautionlist {overflow: hidden;margin-top: 15px;padding: 15px 0 15px 0;border-top: 1px solid #AAA;border-bottom: 1px solid #AAA;}
ul.txt_cautionlist a { text-decoration: underline; font-size: 15px }
ul.txt_cautionlist li {margin-top: 20px;padding: 0 0 0 24px;background: url('/images/icon_caution.png') no-repeat 0 0;}
ul.txt_cautionlist li:first-child { margin-top: 0 }
ul.txt_cautionlist li strong {display: block;height: 20px;color: #333; font-size: 14px; line-height: 20px;}
ul.txt_cautionlist li p { margin: 0 0 5px 0; line-height: 20px }
table.boardview { width: 100%; border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6 }
table.boardview th { padding: 13px 0; background: #f3f3f3; border-bottom: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; font-weight: normal; font-size: 14px }
table.boardview td { padding: 10px 20px; background: #fff; border-bottom: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; color: #333; font-size: 14px; font-weight: bold }
table.boardview td strong.price { display: inline-block; padding-left: 12px; background: url('/images/bg_bar_03.png') no-repeat 0 50%; color: #d83330; line-height: 15px }
table.boardview td label { margin: 0 15px 0 0 }
table.boardview td .pull-left { margin-right: 40px }
.hiddencontents { display: none; clear: both; overflow: hidden }
.hiddencontents.on { display: block }
ul.tabbox { clear: both; height: 67px; background: url('/images/bg_tabbox_bot_01.jpg') repeat-x 0 100% }
ul.tabbox li { float: left; text-align: center }
ul.tabbox li a { display: block; height: 67px; border-left: 1px solid #ccc; border-top: 2px solid #b8b8b8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; color: #999 }
ul.tabbox li:first-child a { border-left: 0 }
ul.tabbox li a:hover,
ul.tabbox li a:focus { border-color: #333; color: #333; text-decoration: none }
ul.tabbox li.on a { background: #fff; border-color: #333; color: #333 }
.stabbox {height: 40px;margin-bottom: 15px;background: url('/images/bg_tabbox_bot.jpg') repeat-x 0 100%;}
.stabbox li {float: left;width: 195px;height: 40px;padding-left: 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.stabbox li:first-child { padding-left: 0 }
.stabbox li a {display: block;height: 38px;text-align: center;background: #f7f7f7;border-radius: 5px 5px 0 0;border-width: 2px 2px 0 2px;border-style: solid;border-color: #f7f7f7;border-width: 1px 1px 0 1px;border-style: solid;border-color: #CCC;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color: #666;line-height: 38px;font-size: 16px;}
.stabbox li a:hover,
.stabbox li a:focus { background: #fff; border-width: 1px 1px 0 1px; border-color: #006db8; color: #006db8; text-decoration: none }
.stabbox li.on a {height: 40px;background: #fff;border-width: 2px;border-color: #006db8 #006db8 #fff #006db8;color: #006db8;font-weight: bold;line-height: 40px;}
.btn_moreset {clear: both;height: 40px;margin: 20px 0 0 0;overflow: hidden;border: 1px solid #becfd6;border-radius: 3px;background: #f8fdff;}
.btn_moreset a:hover,
.btn_moreset .btnset a:focus { background: #eefaff; text-decoration: none }
.btn_moreset a.moreview {float: left;width: 705px;height: 40px;text-align: center;border-right: 1px solid #bfbfbf;color: #333;font-size: 16px;line-height: 48px;font-weight: bold;border-radius: 8px 0 0 8px;}
.btn_moreset a.moreview em { color: #006db8 }
.btn_moreset a.gotop {float: none;display: block;overflow: hidden;height: 40px;border-radius: 0 3px 3px 0;}
.btn_moreset a.gotop em {display: block;height: 40px;padding: 17px 0 0 0;text-align: center;background: url('/images/icon_arrtop.png') no-repeat 50% 9px;color: #333;font-size: 13px;line-height: 15px;}
.menu-memberjoin h3 { position: relative; margin: 20px 0; padding: 0 0 10px; border-bottom: 2px solid #333; color: #333; font-size: 24px }
.menu-memberjoin h3 span {position: absolute;right: 0;top: 15px;color: #666;font-size: 12px;font-weight: normal;}
.menu-memberjoin h3 span.ess { background: url('/images/icon_essential.png') no-repeat 0 50%; padding-left: 12px }
.menu-memberjoin h3.bdn { margin: 60px 0 0 0; border-bottom: 0 }
.menu-memberjoin h4 { clear: both; margin: 0 0 10px 0; color: #333; font-size: 18px }
.menu-memberjoin h4.bb { margin: 40px 0 0 0; padding-bottom: 15px; border-bottom: 1px solid #e0e0e0 }
.menu-memberjoin h4 span { display: block; margin: 0 0 20px 0; font-size: 16px; font-weight: normal }
.menu-memberjoin h4 label { font-size: 14px; font-weight: normal }
.menu-memberjoin .allagreechk { overflow: hidden; padding: 18px 20px; margin: 10px 0 40px 0; background: #f9f9f9; color: #333; font-weight: bold }
.menu-memberjoin .allagreechk .ichkbox { float: right; width: 145px }
.menu-memberjoin .agreechk {overflow: hidden;position: relative;margin: 10px 0 20px 0;padding: 24px 24px;text-align: left;background: #f9f9f9;line-height: 1.6;display: table;width: 100%;}
.menu-memberjoin .agreechk em { display: table; position: relative; left: auto; top: 0px; float: left; min-height: auto;padding-left: 12px;font-size: 14px;background: url('/images/icon_dot_01.png') no-repeat 0 6px;}
.menu-memberjoin .agreechk .ichkbox { margin: 0 0 0 20px }
.menu-memberjoin .authwrap .authbox { overflow: hidden; clear: both }
.menu-memberjoin .authwrap .authbox.biz dl { float: none; width: auto }
.menu-memberjoin .authwrap .authbox > dl { float: left; width: 33.3%; height: 350px; padding: 50px 0 0; border-width: 1px 1px 1px 0; border-style: solid; border-color: #e0e0e0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center }
.menu-memberjoin .authwrap .authbox > dl:first-child { border-left: 1px solid #e0e0e0 }
.menu-memberjoin .authwrap .authbox dl.ipin { background: #fafafa }
.menu-memberjoin .authwrap .authbox dl.on dd label { color: #1f77c4 }
.menu-memberjoin .authwrap .authbox dl.on dd span { background: url('/images/icon_iradiobox_on.png') no-repeat 0 0 }
.menu-memberjoin .authwrap .authbox dl dd { padding: 25px 0 0 }
.menu-memberjoin .authwrap .authbox dl dd label { display: block; color: #333; font-weight: bold; font-size: 18px }
.menu-memberjoin .authwrap .authbox dl dd span { display: block; width: 18px; height: 18px; margin: 17px auto 0; padding: 0; background: url('/images/icon_iradiobox_off.png') no-repeat 0 0; cursor: pointer }
.menu-memberjoin .authwrap .authbox dl dd span input { margin: 0 0 0 -18px; opacity: 0; filter: alpha(opacity="0") }
.menu-memberjoin .authwrap .authbox dl dd p { font-size: 15px; line-height: 1.5; }
.menu-memberjoin .boardwrite { border-top: 0 }
.menu-memberjoin dl.joinokbox { /*height: 385px;*/ margin: 20px 0 0; padding: 50px 0 100px 260px; border: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url('/images/bg_joinok.png') no-repeat 70px 50px } /* 11.11 변경 */
.menu-memberjoin dl.joinokbox dt { color: #333; font-size: 34px; line-height: 50px; font-weight: bold }
.menu-memberjoin dl.joinokbox dt span { color: #1f77c4 }
.menu-memberjoin dl.joinokbox dd { padding: 18px 0 0; line-height: 30px; font-size: 17px } /* 11.11 변경 */
.menu-memberjoin dl.joinokbox dd button { display: block; margin: 40px 0 0 }
.menu-memberjoin dl.joinokbox dd strong { color: #ee3c55; font-weight: normal } /* 11.11 추가 */
.menu-memberjoin dl.joinokbox dd em { color: #006db8; text-decoration: underline } /* 11.11 추가 */
.menu-memberjoin .txt-msg { margin-top: 15px; padding-left: 22px; background: url('/images/icon_point.png') no-repeat 0 0; line-height: 1.5;}
.menu-memberjoin .boardwrite table td .fileattachbox { float: left; width: 200px }
.menu-memberjoin .boardwrite table td .file-select { padding-top: 10px }
.menu-memberjoin .boardwrite table td .file-select { border-top: 1px solid #e0e0e0 }
.menu-memberjoin .boardwrite table td .filewrap button { float: none; overflow: hidden }
.menu-memberjoin .boardwrite table td .filewrap .filezone { margin-top: 5px; padding: 18px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background: #f6f6f6 }
.menu-memberjoin .boardwrite table td .filewrap .filezone span { display: block; }
.menu-memberjoin .boardwrite table td .filewrap .filezone span a { display: inline-block; width: 13px; height: 13px; margin-left: 10px; background: url('/images/icon_file_close.png') no-repeat 100% 0; font-size: 0 }
.menu-memberjoin .rulebox { clear: both; height: 200px; overflow-x: hidden; overflow-y: auto; padding: 28px; border: 1px solid #e0e0e0; color: #666; line-height: 24px }
.menu-memberjoin .rulebox p { line-height: 20px }
.menu-memberjoin .rulebox table { width: 100%; margin: 10px 0 30px 0 }
.menu-memberjoin .rulebox table thead th { padding: 8px 0; text-align: center; background: #f9f9f9; border-left: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; font-weight: normal }
.menu-memberjoin .rulebox table thead th:first-child { border-left: 0 }
.menu-memberjoin .rulebox table tbody th { border-left: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; font-weight: normal }
.menu-memberjoin .rulebox table tbody th:first-child { border-left: 0 }
.menu-memberjoin .rulebox table tbody td { padding: 8px 10px; text-align: center; border-left: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; line-height: 20px }
/* 2017.03.14 추가 */
.menu-memberjoin .rulebox.rule-ty1 { height: 155px; }
/* 2016.11.11 추가 */
.menu-memberjoin h3.download-title { border: 0 }
.menu-memberjoin .downloadbox { padding: 15px 40px; margin-bottom: 30px;  background: #f5fdee; border: 1px solid #dfe8d7; box-sizing: border-box; }
.menu-memberjoin .downloadbox button { padding: 5px 0 4px 30px; margin-right: 100px; background: url('/images/icon_download.png') no-repeat 0 50%; color: #333; font-size: 20px; font-weight: bold }
.menu-applyform .downloadbox { padding: 24px 40px; margin-bottom: 50px; background: #f6f6f6 }
.menu-applyform .downloadbox button { padding: 5px 0 4px 30px; margin-right: 100px; background: url('/images/icon_download.png') no-repeat 0 50%; color: #333; font-size: 14px; font-weight: bold }
.menu-pwchange .boardwrite table td .fileattachbox { float: left; width: 200px }
.menu-pwchange .boardwrite table td .file-select { padding-top: 10px }
.menu-pwchange .boardwrite table td .file-select { border-top: 1px solid #e0e0e0 }
.menu-pwchange .boardwrite table td .filewrap button { float: none; overflow: hidden }
.menu-pwchange .boardwrite table td .filewrap .filezone { margin-top: 5px; padding: 18px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background: #f6f6f6 }
.menu-pwchange .boardwrite table td .filewrap .filezone span { display: block; }
.menu-pwchange .boardwrite table td .filewrap .filezone span a { display: inline-block; width: 13px; height: 13px; margin-left: 10px; background: url('/images/icon_file_close.png') no-repeat 100% 0; font-size: 0 }
.menu-pwchange .sub-select { height: 75px !important }
.menu-pwchange .sub-select p { margin-top: 15px; padding-top: 15px; border-top: 1px solid #e0e0e0 }
.menu-pwchange .p0 { padding: 0 }
.menu-loginbox { width: 470px;padding: 40px 0 0 0;margin: 0 auto; }
.loginTit {border-bottom: 2px solid #3d3f40;display: table;width: 100%;padding: 0px;}
.loginTit > span { display: block; margin-bottom: 10px; }
.loginTit > p {font-size: 24px;color: #333;float: left;margin: 0px 0px;font-weight: bold;margin-bottom: 6px;}
.loginTit > div {float: right;height: 30px;line-height: 30px;text-align: center;font-size: 13px;margin-bottom: 10px;background: #6b6b6b;border: 1px solid #404040;box-sizing: border-box;padding: 0;color: #fff;border-radius: 2px;}
.loginTit > div a { padding: 7px 15px; height: 30px;  color: #FFF;}
.loginTit > div:hover a { background: #333; color: #FFF; cusor: default; text-decoration: none }
.menu-loginbox ul.tabbox li { width: 50% }
.menu-loginbox ul.tabbox li a { line-height: 65px }
.menu-loginbox fieldset { clear: both; margin: 12px 0 0 0 }
.menu-loginbox fieldset .idsave { height: 40px; line-height: 40px }
.menu-loginbox fieldset .idsave input[type="checkbox"] { width: 16px; height: 16px; margin: -1px 5px 0 0; vertical-align: middle }
.menu-loginbox fieldset .idsave input[type="checkbox"] + label { font-size: 14px }
/*.menu-loginbox fieldset .idsave span {display: block;height: 38px;overflow: hidden;padding: 0 0 0 30px;background: url('/images/icon_loginchk_off.png') no-repeat 0 6px;cursor: pointer;line-height: 38px;font-size: 15px;color: #333;}
.menu-loginbox fieldset .idsave span.on { background: url('/images/icon_loginchk_on.png') no-repeat 0 6px }
.menu-loginbox fieldset .idsave span input { width: 0; margin: 0; opacity: 0; filter: alpha(opacity = "0") }*/
.menu-loginbox fieldset .idsaveBiz span { display: block; height: 40px; overflow: hidden; padding: 0 0 0 30px; background: url('/images/icon_loginchk_off.png') no-repeat 0 0; cursor: pointer; line-height: 24px; font-size: 15px; color: #333 }
.menu-loginbox fieldset .idsaveBiz span.on { background: url('/images/icon_loginchk_on.png') no-repeat 0 0 }
.menu-loginbox fieldset .idsaveBiz span input { width: 0; margin: 0; opacity: 0; filter: alpha(opacity = "0") }
.menu-loginbox fieldset .capchabox { width: 100%; clear: both;position: relative;margin: 5px 0 12px 0;padding: 15px 0 15px 0px;border-top: 1px dashed #c3c3c3;border-bottom: 1px solid #666;/* margin-top: 5px; */display: table;}
.menu-loginbox fieldset .capchabox .pic {display: block;/* position: absolute; *//* left: 0; *//* top: 0; */border: 1px solid #c7c7c7;font-size: 0;/* margin-top: 33px; */clear: both;width: fit-content;float: left;}
.menu-loginbox fieldset .capchabox strong {display: block;margin: 0 0 6px 0;line-height: 13px;font-size: 14px;font-weight: bold;color: #333;float: left;}
.menu-loginbox fieldset .capchabox strong.s2 { font-size: 12px; color: #009688 }
.menu-loginbox fieldset .capchabox p.p2  { margin: 1px 0 0; clear: both }
.menu-loginbox fieldset .capchabox p {height: 33px;/* margin: 18px 0 0 152px; */float: left;}
/*.menu-loginbox fieldset .capchabox .btn_capcha_voice { float: left; width: 32px; height: 32px; background: url('/images/icon_volume.png') no-repeat 0 0; text-indent: -99999px }*/
.menu-loginbox fieldset .capchabox .btn_capcha_voice, 
.menu-loginbox fieldset .capchabox .btn_capcha_refresh {float: left;width: 90px;height: 24px;margin: 0 15px 4px 4px;border: 1px solid #666;border-radius: 2px;color: #333;font-size: 12px;letter-spacing: -1px;background: #f8f8f8;clear: both;font-weight: bold;}
.menu-loginbox fieldset .capchabox .btn_capcha_voice:hover,
.menu-loginbox fieldset .capchabox .btn_capcha_refresh:hover { background: #DDD }
.menu-loginbox fieldset .capchabox input.txt {float: left;width: 120px;height: 30px;padding: 0 5px;border: 1px solid #999;font-size: 15px;background: #f9fdff;}
.menu-loginbox fieldset .capchabox input.txt:focus { background: #fffbdc }
.menu-loginbox fieldset .btn_login { display: block; margin: 0 0 10px 0 }
.menu-loginbox fieldset .btn_login button { width: 100% }
.menu-loginbox fieldset .btn_login button:hover { background: #d4271b }
.menu-loginbox fieldset .btnset { font-size: 0 }
.menu-loginbox fieldset .btnset button {float: right;width: 48%;margin: 0 0 0 2.5%;padding: 0 !important;font-size: 15px !important;border: 1px solid #949494;background: #f8f8f8;color: #222;font-weight: normal;height: 35px !important;line-height: 35px !important;}
.menu-loginbox fieldset .btnset button:first-child { float: left; width: 49.5%; margin: 0 }
.menu-loginbox fieldset .btnset button:hover {background: #EEE }
.menu-loginbox ul.txt_cautionlist { overflow: hidden; margin-top: 30px; padding: 25px 0 20px 0; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada }
.menu-loginbox .orgloginbox {/* border-top: 1px solid #3d3f40*/ }
.menu-loginbox .orgloginbox .btnset button { width: 48%; margin: 0 0 0 2.5% }
.menu-loginbox .orgloginbox .btnset button:first-child { width: 100%; margin: 0 }
.menu-loginbox .orgloginbox.biz .btnset button { /*width: 31.8%;*/ width: 48%; margin: 0 0 0 2% }
.menu-loginbox .orgloginbox.biz .btnset button:first-child { margin: 0 }
.menu-idpwsch {width: 470px;padding: 40px 0 0 0;margin: 0 auto;}
.menu-idpwsch fieldset {clear: both;padding: 20px 0 0 0;/* border-top: 2px solid #333; */}
.menu-idpwsch .btnset,
fieldset .btnset {display: table; width: 100%; padding-top: 12px; border-top: 1px dashed #CCC;margin-top: 10px;}
.menu-idpwsch .btnset button { float: right; width: 48%; margin: 0 0 0 2.5% }
.menu-idpwsch .btnset button:first-child { float: left; width: 49.5%; margin: 0 }
.menu-idpwsch .okbox { overflow: hidden; /*border-top: 2px solid #333*/ }
.menu-idpwsch .okbox dl { overflow: hidden; margin: 15px 0 8px 0; padding: 30px 0 0 0; text-align: center; border: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fafafa }
.menu-idpwsch .okbox dl dt { text-align: center; color: #1f77c4; font-size: 18px; line-height: 26px; font-weight: bold }
.menu-idpwsch .okbox dl dd { padding-top: 8px; padding-bottom: 20px; line-height: 22px; font-size: 14px }
.menu-idpwsch .okbox dl dd.telephone { clear: both; overflow: hidden; padding: 0; background: #fff; border-top: 1px solid #e0e0e0; line-height: 50px; font-size: 14px }
.menu-idpwsch .okbox dl dd.telephone span { float: left; width: 50%; height: 50px; text-align: center; border-left: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.menu-idpwsch .okbox dl dd.telephone span:first-child { border-left: 0 }
.menu-idpwsch .okbox dl dd.telephone span a { display: inline-block; padding: 0 0 0 20px; background: url('/images/icon_telephone.png') no-repeat 0 50%; font-size: 14px }
.menu-idpwsch .okbox dl dd.telephone span b { margin-right: 7px }
.menu-idpwsch .idpbox { min-height: 315px; margin: 0 0 8px; padding: 50px 0 0; border: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fafafa }
.menu-idpwsch .idpbox h3 { color: #1f77c4; padding-bottom: 30px; font-size: 18px; text-align: center }
.menu-idpwsch .idpbox dl { padding-bottom: 20px; padding-left: 35px; margin: 0 auto }
.menu-idpwsch .idpbox dl dt { float: left; width: 105px; color: #333; font-size: 16px }
.menu-idpwsch .idpbox dl dd { overflow: hidden; float: none; width: auto }
.menu-idpwsch .idpbox dl dd span { display: block; font-size: 14px; line-height: 22px }
.menu-emailbox { width: 470px;padding: 40px 0 0 0;margin: 0 auto; }
.menu-emailbox .emailbox { border-top: 2px solid #333 }
.menu-emailbox .emailbox dl { height: 350px; margin: 20px 0; padding: 75px 0 0; border: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fafafa; text-align: center }
.menu-emailbox .emailbox dl dt { padding: 100px 0 0 0; background: url('/images/img_emailsend.png') no-repeat 50% 0 }
.menu-emailbox .emailbox dl dt strong { display: block; padding: 0; color: #333; font-size: 18px }
.menu-emailbox .emailbox dl.on dt strong { color: #1f77c4 }
.menu-emailbox .emailbox dl.on dd span { background: url('/images/icon_ichkbox_on.png') no-repeat 0 0 }
.menu-emailbox .emailbox dl dd { font-size: 16px }
.menu-emailbox .emailbox dl dd strong { display: block; padding: 18px 0 8px; color: #333; font-size: 16px; font-weight: normal }
.menu-emailbox .emailbox dl dd .ichkbox { display: block; float: none; width: 17px; margin: 15px auto 0; padding: 0 }
.menu-emailbox .emailbox .btnset button { float: right; width: 48%; margin: 0 0 0 2.5%; height: 55px !important; line-height: 55px !important; font-size: 16px !important }
.menu-emailbox .emailbox .btnset button:first-child { float: left; width: 49.5%; margin: 0 }
.menu-emailokbox { width: 470px;padding: 40px 0 0 0;margin: 0 auto; }
.menu-emailokbox .emailbox { border-top: 2px solid #333 }
.menu-emailokbox .emailbox dl { height: 245px; margin: 20px 0; padding: 75px 0 0; border: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fafafa; text-align: center }
.menu-emailokbox .emailbox dl dt em { display: block; color: #1f77c4; font-size: 18px; line-height: 26px; font-weight: bold }
.menu-emailokbox .emailbox dl dd { padding-top: 8px; line-height: 22px; font-size: 14px }
.menu-emailokbox .emailbox dl dd .ichkbox { display: block; float: none; width: 17px; margin: 15px auto 0; padding: 0 }
.menu-emailokbox .emailbox .btnset button { width: 100%; height: 55px !important; line-height: 55px !important; font-size: 16px !important }
.menu-resetbox { padding: 40px 0 0 0;margin: 0 auto;}
.menu-resetbox .listgroup { border-top: 2px solid #333 }
.menu-resetbox dl { height: 350px; float: left; width: 50%; margin: 20px 0; padding: 60px 0 0; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; text-align: center }
.menu-resetbox dl.email { padding: 75px 0 0; background: #fafafa; border-left: 1px solid #e0e0e0 }
.menu-resetbox dl.email dt { padding-top: 100px; background: url('/images/img_emailsend.png') no-repeat 50% 0 }
.menu-resetbox dl.cellphone dt { padding-top: 115px; background: url('/images/img_auther_01.png') no-repeat 50% 0 }
.menu-resetbox dl dt { padding: 20px 0 0 0 }
.menu-resetbox dl dt strong { display: block; color: #333; font-size: 18px }
.menu-resetbox dl.on dt strong { color: #1f77c4 }
.menu-resetbox dl.on dd span { background: url('/images/icon_ichkbox_on.png') no-repeat 0 0 }
.menu-resetbox dl dd { font-size: 16px }
.menu-resetbox dl dd strong { display: block; padding: 18px 0 8px; color: #333; font-size: 16px; font-weight: normal }
.menu-resetbox dl dd p { margin: 10px 0 0 0 }
.menu-resetbox dl dd p * { vertical-align: middle }
.menu-resetbox dl dd label { margin: 0 0 0 5px; font-weight: bold }
.menu-resetbox .btnset { width: 426px; margin: 0 auto }
.menu-resetbox .btnset button { float: right; width: 48%; margin: 0 0 0 2.5%; height: 55px !important; line-height: 55px !important; font-size: 16px !important }
.menu-resetbox .btnset button:first-child { float: left; width: 49.5%; margin: 0 }
.menu-codebox { width: 470px;padding: 40px 0 0 0;margin: 0 auto; }
.menu-codebox fieldset { clear: both; padding: 25px 0 0 0; /*border-top: 2px solid #333*/ }
.menu-codebox fieldset .txt { margin: 0 0 25px 0; color: #333; font-size: 16px }
.menu-codebox fieldset .stxt { display: block; margin: 20px 0 25px 0; clear: both }
.menu-codebox fieldset .btnset button { float: right; width: 48%; margin: 0 0 0 2.5% }
.menu-codebox fieldset .btnset button:first-child { float: left; width: 49.5%; margin: 0 }
.menu-newpwbox { width: 470px;padding: 40px 0 0 0;margin: 0 auto;}
.menu-newpwbox fieldset { clear: both; position: relative; margin: 12px 0 0 0; padding-top: 5px; /*border-top: 2px solid #333*/ }
.menu-newpwbox fieldset .txt { display: block; margin: 4px 0 20px 0; color: #333; font-size: 16px }
.menu-newpwbox fieldset .btn_makerule { /*position: absolute; right: 0; top: 64px;*/ width: 130px; height: 30px; margin: 0; text-align: left; padding-left: 9px; background: url('/images/icon_questionmark.png') no-repeat 92% 50%; border: 1px solid #1f77c4; border-radius: 2px; color: #1f77c4; font-size: 12px; letter-spacing: -1px }
.menu-newpwbox fieldset .topBar {border-top: 1px dashed #CCC; clear: both; height: 12px;}
.menu-newpwbox fieldset .rightTxt { font-size: 15px; margin-left: 10px; float: left; margin-top: 15px }
.menu-newpwbox fieldset .btnset { display: block; padding-top: 12px; border-top: 1px dashed #CCC; margin-top: 10px; }
.menu-newpwbox fieldset .btnset button { float: right; width: 48%; margin: 0 0 0 2.5% }
.menu-newpwbox fieldset .btnset button:first-child { float: left; width: 49.5%; margin: 0 }
.menu-newpwbox fieldset .balloonbox { position: absolute; right: 120px; top: 15px; width: 233px; z-index: 20; background: url('/images/bg_balloonbox_right.png') no-repeat 0 100% }
.menu-newpwbox fieldset .balloonbox > div { padding: 10px 28px 18px 8px; text-align: left; background: url('/images/bg_balloonbox_top_right.png') no-repeat 0 0 }
.menu-newpwbox fieldset .balloonbox p { padding: 5px 0 0 0; font-size: 11px; line-height: 15px; letter-spacing: 0 }
.menu-newpwbox fieldset .balloonbox p span { display: block; margin-top: 3px }
.menu-newpwbox fieldset .balloonbox p span:first-child { margin-top: 0 }
.menu-applylistsch .servicewrap { clear: both; overflow: hidden }
.menu-applylistsch .servicewrap>ul { clear: both; overflow: hidden; padding: 0; background: #f3f3f3 }
.menu-applylistsch .servicewrap>ul li { overflow: hidden; padding: 18px 14px 8px 14px; background: #f3f3f3 url('/images/bg_line_dot.png') repeat-x 0 100% }
.menu-applylistsch .servicewrap>ul li h5 { position: relative; height: 35px }
.menu-applylistsch .servicewrap>ul li h5 strong { color: #333; font-size: 18px }
.menu-applylistsch .servicewrap>ul li h5 strong em { padding-left: 8px; color: #666; font-size: 14px; font-weight: normal }
.menu-applylistsch .servicewrap>ul li h5 span { float: right; margin: 0; padding-top: 3px; font-size: 13px; color: #666; font-weight: normal }
.menu-applylistsch .servicewrap>ul li h5 a { display: block; height: 35px; padding: 0 40px 0 0; background: url('/images/icon_plus_01.png') no-repeat 99% 0 }
.menu-applylistsch .servicewrap>ul li h5 a:hover,
.menu-applylistsch .servicewrap>ul li h5 a:focus { text-decoration: none }
.menu-applylistsch .servicewrap>ul li.on h5 a { background: url('/images/icon_minus_01.png') no-repeat 99% 0 }
.menu-applylistsch .servicewrap .listgroup { clear: both; overflow: hidden; padding: 0 0 10px 0 }
.menu-applylistsch .servicewrap dl { clear: both; overflow: hidden; margin: 10px 0 0 0; background: #fff; border-bottom: 1px solid #e0e0e0 }
.menu-applylistsch .servicewrap dl:first-child { margin: 0 }
.menu-applylistsch .servicewrap dl dt { float: left; width: 50%; overflow: hidden; padding: 15px 15px 18px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.menu-applylistsch .servicewrap dl dt p { margin: 0 0 10px 0; font-size: 14px }
.menu-applylistsch .servicewrap dl dt strong { color: #dd6d22; margin-right: 15px }
.menu-applylistsch .servicewrap dl dt span { display: block; color: #999; font-size: 13px }
.menu-applylistsch .servicewrap dl dd { float: none; overflow: hidden }
.menu-applylistsch .servicewrap dl dd p { clear: both; position: relative; height: 50px; overflow: hidden; padding: 0; border-top: 1px solid #e9e9e9; line-height: 50px }
.menu-applylistsch .servicewrap dl dd p:first-child { border-top: 0 }
.menu-applylistsch .servicewrap dl dd p span { float: left; font-size: 14px; color: #333 }
.menu-applylistsch .servicewrap dl dd p em { float: left; margin-left: 20px; font-size: 14px; color: #666 }
.menu-applylistsch .servicewrap dl dd p button { position: absolute; right: 40px; top: 13px; width: 90px; height: 23px; text-align: left; padding: 0 5px 0 20px; border: 1px solid #e0e0e0; background: url('/images/icon_close_01.png') no-repeat 7px 50%; color: #333; font-size: 13px; line-height: 23px }
.menu-applylistsch .servicewrap.historylist ul li .listgroup>dl { margin: 0; padding: 0 20px }
.menu-applylistsch .servicewrap.historylist ul li .listgroup>dl.on dt { background: url('/images/icon_minus_02.png') no-repeat 99% 50% }
.menu-applylistsch .servicewrap.historylist ul li .listgroup>dl dt { float: none; width: auto; padding: 15px 0; background: url('/images/icon_plus_02.png') no-repeat 99% 50%; cursor: pointer }
.menu-applylistsch .servicewrap.historylist ul li .listgroup>dl dt p { float: left; width: 50%; margin: 0 }
.menu-applylistsch .servicewrap.historylist ul li .listgroup>dl dt p span { color: #333; font-size: 14px }
.menu-applylistsch .servicewrap.historylist ul li .listgroup>dl dd { display: none; padding: 5px 7px 25px 7px; border-top: 1px solid #e0e0e0 }
.menu-applylistsch .servicewrap.historylist ul li .listgroup>dl dd p { height: auto; margin: 10px 0 0 0; padding-left: 10px; background: url('/images/icon_dot_01.png') no-repeat 0 6px; border: 0; line-height: 16px; color: #333; font-size: 14px }
.menu-applylistsch .servicewrap.historylist ul li .listgroup>dl dd p span { float: none; color: #666 }
.menu-applylistsch .servicewrap dl.noschbox { padding: 80px 0; border-top: 2px solid #333;}
.menu-applylistsch .servicewrap dl.noschbox { border-top: 0px }
.menu-applylistsch .usewrap {padding-bottom: 1px;border-top: 1px solid #333;border-top: 1px solid #9fbfcc;background: #f3f3f3 url('/images/bg_line_dot.png') repeat-x 0 100%;}
.menu-applylistsch .usewrap dl.noschbox { margin: 0 !important; padding: 80px 0 }
.menu-applylistsch .usewrap>div:first-child {background: #fafafa;}
.menu-applylistsch .usebox {padding: 20px 14px 8px 14px;background: #fafafa url('/images/bg_line_dot.png') repeat-x 0 0;}
.menu-applylistsch .usebox h5 strong {display: block;padding: 0 0 3px 25px;color: #333; background: url(/images/icon_exclamationmark.png) no-repeat 0 1px; font-size: 16px;}
.menu-applylistsch .usebox .listgroup { padding: 0 0 10px 0 }
.menu-applylistsch .usebox dl {position: relative;overflow: hidden;padding: 12px 15px 15px 15px;margin-top: 10px;border: 1px solid #e0e0e0;background: #fff;font-size: 14px;}
.menu-applylistsch .usebox dl dt em { float: left; min-width: 50px; padding: 4px 7px; border-radius: 2px; color: #fff; font-size: 13px; font-weight: normal }
.menu-applylistsch .usebox dl dt [rel^="api"] { float: left; }
.menu-applylistsch .usebox dl dt p { float: none; width: auto; overflow: hidden; padding: 2px 0 0 10px; color: #333 }
.menu-applylistsch .usebox dl dt .infobox { display: block; color: #333 }
.menu-applylistsch .usebox dl dt .infobox .price { color: #d83330 }
.menu-applylistsch .usebox dl dt .account { display: block; padding-top: 10px; font-size: 13px }
.menu-applylistsch .usebox dl dt .account .num { color: #999 }
.menu-applylistsch .usebox dl dd { position: absolute; top: 12px; right: 20px }
.menu-applylistsch .usebox dl dd .name { display: block }
.menu-applylistsch .usebox dl dd .name em { color: #333 }
.menu-applylistsch .usebox dl dd .time { float: right; display: inline-block; padding: 10px 0 10px 20px; background: url('/images/icon_time.png') no-repeat 0 50%; font-size: 13px }
.menu-applylistsch .statisticwrap { padding-bottom: 1px; border-top: 1px solid #333; background: url('/images/bg_line_dot.png') repeat-x 0 100% }
.menu-applylistsch .statisticwrap>div:first-child { background: #f8f8f8 }
.menu-applylistsch .statisticwrap .statisticbox { clear: both; overflow: hidden; padding: 18px 14px 14px 14px; /*background: #f3f3f3 url('/images/bg_line_dot.png') repeat-x 0 0*/ }
.menu-applylistsch .statisticwrap h5 { height: 35px }
.menu-applylistsch .statisticwrap h5 strong { color: #333; font-size: 18px }
.menu-applylistsch .statisticwrap h5 em { padding-left: 8px; color: #666; font-size: 14px; font-weight: normal }
.menu-applylistsch .statisticwrap ul { clear: both; overflow: hidden; padding: 0 15px; background: #fff; border-bottom: 1px solid #e0e0e0 }
.menu-applylistsch .statisticwrap ul li { overflow: hidden; padding: 12px 0; border-top: 1px solid #e9e9e9 }
.menu-applylistsch .statisticwrap ul li:first-child { border-top: 0 }
.menu-applylistsch .statisticwrap ul li p { float: left; width: 50%; padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.menu-applylistsch .statisticwrap ul li p em { display: inline-block; min-width: 50px; margin-right: 12px; padding: 4px 7px; border-radius: 3px; color: #fff; font-size: 13px; font-weight: normal }
.menu-applylistsch .statisticwrap ul li p strong { color: #333; font-size: 14px }
.menu-applylistsch .statisticwrap ul li p .num { display: inline-block; margin-left: 4px; padding: 0 0 0 12px; background: url('/images/bg_bar_03.png') no-repeat 0 50%; color: #d83330 }
.menu-applyform .approvebox { overflow: hidden }
.menu-applyform .approvebox>dl { float: left; width: 50%; border-top: 1px solid #333; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.menu-applyform .approvebox>dl:first-child { border-left: 1px solid #d6d6d6 }
.menu-applyform .approvebox>dl dt { width: 100%; height: 45px; border-bottom: 1px solid #d6d6d6; background: url('/images/bg_formsearch_01.jpg') no-repeat 0 0; line-height: 46px }
.menu-applyform .approvebox>dl dt strong { color: #006db8; font-size: 14px }
.menu-applyform .approvebox>dl dd { height: 95px; padding: 58px 0 0 }
.menu-applyform .approvebox>dl dd strong { color: #333; font-size: 24px }
.menu-applyform .boardwrite table tbody td.mixbox .fileattachbox { margin: 0 0 0 5px }
.menu-applyform .boardwrite table tbody td .txt_addguide { clear: both; padding-top: 8px }
.menu-applyform .btnright { margin: 20px 0 0 }
.menu-qna h5 { clear: both; position: relative; margin-bottom: 40px; color: #333; font-size: 24px }
.menu-qna h5 .ess { position: absolute; right: 0; top: 10px; display: inline-block; height: 20px; padding: 0 0 0 10px; background: url('/images/icon_essential.png') no-repeat 0 50%; color: #666; line-height: 20px; font-weight: normal; font-size: 13px }
.menu-qna>dl { height: 160px; border: 1px solid #d6d6d6; background: url('/images/bg_formsearch_02.jpg') no-repeat 0 0 }
.menu-qna>dl dt { float: left; width: 25%; height: 100%; background: url('/images/icon_qna_01.png') no-repeat 50% 50% }
.menu-qna>dl dd { float: none; overflow: hidden; width: auto; padding-top: 40px }
.menu-qna>dl dd span { display: block; padding-bottom: 12px; color: #333; line-height: 28px; font-size: 18px }
.menu-qna>dl dd em a { display: inline-block; padding-bottom: 1px; border-bottom: 1px solid #006db8; color: #006db8 }
.menu-qna>dl dd em a:focus,
.menu-qna>dl dd em a:hover,
.menu-qna>dl dd em a:active { text-decoration: none }
.menu-qna .boardwrite table tbody th { padding-top: 15px; background: #fff; vertical-align: top }
.menu-qna .boardwrite table tbody td { border-left: 0 }
.menu-qna .boardwrite table tbody td .clearfix select { float: left }
.menu-qna .boardwrite table tbody td .clearfix .inpbox { float: none; width: auto; overflow: hidden; display: block }
.menu-qna .boardwrite table tbody td .txt_validate_error { padding-left: 0 }
.menu-qna .boardwrite table tbody td .txtbox { height: 340px }
.menu-qna ul.suzipbox { margin-top: 30px; padding: 35px 0 25px 125px; background: #f9f9f9 url('/images/bg_document_01.png') no-repeat 40px 50px }
.menu-qna ul.suzipbox li { margin-top: 10px }
.menu-qna ul.suzipbox li:first-child { margin-top: 0 }
.menu-qna ul.suzipbox li { line-height: 20px }
.menu-qna ul.suzipbox li label { float: left; padding-left: 15px; background: url('/images/icon_dot_01.png') no-repeat 0 50%; color: #333; font-weight: bold }
.menu-qna ul.suzipbox li span { float: none; width: auto; overflow: hidden; display: block; padding-left: 18px }
dl.noschbox { clear: both; width: 100%; height: 200px; margin: 80px 0; text-align: center; background: #fff }
dl.noschbox dt { float: none !important; width: 100% !important; height: 200px !important; padding: 140px 0 0 0 !important; margin: 0; text-align: center; background: url('/images/bg_document_02.png') no-repeat 50% 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #333; font-size: 24px }
dl.noschbox dd { }
dl.noschbox dd em { font-size: 14px }
dl.noschbox dd em a { padding-bottom: 1px; border-bottom: 1px solid #dd6d22; color: #dd6d22; font-weight: bold }
dl.noschbox dd em a:focus,
.menu-faq>dl.noschbox dd em a:hover,
.menu-faq>dl.noschbox dd em a:active { text-decoration: none }
.menu-feestatus ul { clear: both; overflow: hidden; border-top: 1px solid #888; }
.menu-feestatus ul li { overflow: hidden; padding: 15px 5px 0px 5px; background: #f8f8f8 }
.menu-feestatus ul li h5 { height: 35px; padding-left: 3px }
.menu-feestatus ul li h5 strong { font-size: 20px; color: #333 }
.menu-feestatus ul li h5 span { margin-left: 10px; font-size: 14px; color: #666; font-weight: normal }
.menu-feestatus ul li .boardbox { overflow: hidden; padding: 0 0 0 15px; background: #fff; border-bottom: 1px solid #e0e0e0 }
.menu-feestatus ul li .boardbox table { width: 100% }
.menu-feestatus ul li .boardbox table th { padding: 15px 0; text-align: center; border-left: 1px solid #e0e0e0; color: #333; font-size: 14px }
.menu-feestatus ul li .boardbox table th:first-child { border-left: 0 }
.menu-feestatus ul li .boardbox table tbody th { padding: 12px 0; border-top: 1px solid #e0e0e0 }
.menu-feestatus ul li .boardbox table td { padding: 12px 0; text-align: center; border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; font-size: 14px; line-height: 16px }
.menu-feestatus ul li .boardbox table td:first-child { border-left: 0 }
.menu-feestatus ul li .boardbox table td strong { color: #333 }
.menu-feestatus ul li .boardbox table td em { color: #d83330; font-weight: bold }
.menu-feestatus ul li .boardbox table td.text-right { padding: 12px 20px; text-align: right }
.menu-useorg ul { clear: both; overflow: hidden; border-top: 1px solid #333 }
.menu-useorg ul li { overflow: hidden; padding: 30px 10px 15px 10px; background: #f3f3f3 url('/images/bg_line_dot') repeat-x 0 100% }
.menu-useorg ul li h5 { position: relative; height: 35px; padding-left: 3px }
.menu-useorg ul li h5 button.btn_gray { height: 22px !important; margin: 0 0 0 10px; line-height: 20px !important; border-radius: 2px; font-size: 12px !important }
.menu-useorg ul li h5 strong { font-size: 18px; color: #333 }
.menu-useorg ul li h5 strong span { margin-left: 10px; font-size: 14px; color: #666; font-weight: normal }
.menu-useorg ul li h5 em { position: absolute; right: 2px; top: 5px; font-size: 14px; color: #666; font-weight: normal }
.menu-useorg ul li dl { overflow: hidden; padding: 10px 15px 0 15px; background: #fff; border-bottom: 1px solid #e0e0e0 }
.menu-useorg ul li dl dt { overflow: hidden; padding-bottom: 12px; border-bottom: 1px solid #e0e0e0; font-size: 14px }
.menu-useorg ul li dl dd { padding: 12px 0; font-size: 0 }
.menu-useorg ul li dl dd label { margin-right: 10px }
.menu-main { overflow: hidden; padding: 20px 30px 30px 30px; background:#fafafa }
.menu-main h4 {height: 40px;margin-bottom: 2px !important;padding: 0;border-bottom: 1px solid #CCC;}
.menu-main h4 strong { display: inline-block; height: 45px; padding-left: 50px; line-height: 40px }
.menu-main h4.title1 {background: url('/images/icon_mypagemain_01.png') no-repeat 0 0;/* border-bottom: 1px solid #999; */}
.menu-main h4.title2 { background: url('/images/icon_mypagemain_02.png') no-repeat 0 0 }
.menu-main h4.title3 { margin-top: 40px; background: url('/images/icon_mypagemain_03.png') no-repeat 0 0 }
.menu-main h4.title4 { margin-top: 40px; background: url('/images/icon_mypagemain_04.png') no-repeat 0 0 }
.menu-main .alrimbox { overflow: hidden; margin: 0 0 40px 0; background: #fff }
.menu-main .alrimbox li {clear: both;position: relative;overflow: hidden;padding: 18px 30px;border: 1px solid #EEE;}
.menu-main .alrimbox li label { float: left; height: 22px; margin: 0 10px 0 0; padding: 0 5px; border-radius: 3px; color: #fff; line-height: 22px }
.menu-main .alrimbox li label.lb_gray {background: #737373;}
.menu-main .alrimbox li label.lb_red { background: #e44c4c }
.menu-main .alrimbox li button.btn_delete { float:right; right: 20px; width: 25px; height: 25px; background: url('/images/icon_delete.png') no-repeat 0 0; text-indent: -99999px }
.menu-main .alrimbox li p {float: none;overflow: hidden;padding-top: 3px;font-size: 15px;}
.menu-main .alrimbox li p a { color: #333; font-size: 14px }
.menu-main table.limitedbox { width: 100%; border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6 }
.menu-main table.limitedbox thead th {padding: 15px 0;background: #f5fbff;border-left: 1px solid #DDD;border-bottom: 1px solid #DDD;color: #333;font-size: 15px;}
.menu-main table.limitedbox tbody td {padding: 20px 0 20px 25px;background: #fff;border-left: 1px solid #DDD;border-bottom: 1px solid #DDD;}
.menu-main table.limitedbox tbody td .dot { margin: 7px 0 0 0; padding: 0 0 0 12px; background: url('/images/icon_dot_02.png') no-repeat 0 6px; font-size: 14px; color: #333; line-height: 16px }
.menu-main table.limitedbox tbody td .dot:first-child { margin: 0 }
.menu-main table.limitedbox tbody td .dot strong { text-decoration: underline; color: #dd6d22 }
.menu-main table.limitedbox tbody td ul { float: left; width: 190px; height: 74px; margin: 0 20px 0 0; padding-right: 18px; border-right: 1px solid #e9e9e9 }
.menu-main table.limitedbox tbody td ul li { height: 27px }
.menu-main table.limitedbox tbody td ul li label {float: left;width: 70px;height: 22px;margin: 0 10px 0 0;text-align: center;background: #006db8;border-radius: 3px;line-height: 22px;color: #fff;font-size: 13px;}
.menu-main table.limitedbox tbody td ul li span { display: block; float: none; overflow: hidden; text-align: right; font-size: 15px; color: #333 }
.menu-main table.limitedbox tbody td p.circle {float: left;width: 80px;height: 80px;padding: 20px 10px 0 10px;text-align: center;border: 2px solid #909090;border-radius: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.menu-main table.limitedbox tbody td p.circle strong { display: block; color: #006db8; font-size: 20px; line-height: 22px; letter-spacing: 1px }
.menu-main table.limitedbox tbody td p.circle em { display: block; color: #333; font-size: 14px; font-weight: bold }
.menu-main .databoard table thead th { border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6 }
.menu-main .databoard table thead th:first-child { border-left: 1px solid #d6d6d6 }
.menu-main .databoard table td {padding: 12px 0;border-right: 1px solid #DDD;background: #fff;}
.menu-main .databoard table td:first-child { border-left: 1px solid #d6d6d6 }
.menu-main dl.servicebox {clear: both;overflow: hidden;margin: 0 0 30px 0;padding: 16px 30px 17px 30px;background: #fff;border: 1px solid #EEE;}
.menu-main dl.servicebox dt {margin: 0 0 12px 0;color: #333;font-size: 15px;}
.menu-main dl.servicebox dt strong { color: #d83330; }
/* 2016.05.15 */
.menu-search h4 { text-align: center; font-size: 24px !important; font-weight: normal !important }
.menu-search h4 strong { font-size: 24px !important; font-weight: normal !important }
.menu-search h4 em { font-weight: bold }
.menu-search .listgroup { clear: both; overflow: hidden }
.menu-search .listgroup h5 { margin: 0; color: #333; font-size: 15px; font-weight: normal; padding: 10px 0 5px 10px; }
.menu-search .listgroup h5 strong { color: #dd6d22; font-weight: normal }
.menu-search .listgroup ul { clear: both; overflow: hidden; border-top: 2px solid #333 }
.menu-search .listgroup ul li { clear: both; overflow: hidden; padding: 15px 10px; border-bottom: 1px solid #e0e0e0 }
.menu-search .listgroup ul li strong { font-weight: bold; color: #333 }
.menu-search .listgroup dl dt { margin: 0 0 10px 0; font-size: 18px; color: #333 }
.menu-search .listgroup dl dt a { font-size: 18px; color: #333 }
.menu-search .listgroup dl dd { color: #666; line-height: 20px; font-size: 14px }
.menu-search .listgroup dl dd a { color: #666; line-height: 20px; font-size: 14px }
/* 2016.05.17 */
.pop_authcellphone .popcontents { padding-top: 0 }
.pop_authcellphone .boardwrite { border: 0 }
.pop_authcellphone .boardwrite table tbody th span { padding-left: 7px }
.pop_authcellphone .boardwrite table tbody td p.inpbox { margin-top: 0 }
.pop_authcellphone .boardwrite table tbody td select { height: 29px; margin: 0 }
.pop_authcellphone .txt-alert { padding: 18px 10px 17px 0; margin: 10px 0 20px 0; text-align: center; background: #f9f9f9; border: 1px solid #e0e0e0; border-radius: 2px; color: #333; font-size: 13px }
.pop_authcellphone fieldset { width: 100%; text-align: center; color: #333 }
.pop_authcellphone fieldset strong { display: block; margin: 40px 0 30px 0; font-weight: normal; font-size: 14px }
.pop_authcellphone fieldset .inpbox { display: block !important; float: none; width: 240px; margin: 0 auto }
.pop_authcellphone fieldset p { margin: 20px 0; text-align: center; font-weight: bold; color: #dd6d22; font-size: 48px }
body#content .midarea {/* background: url('/images/bg_pagenavi.jpg') repeat-x 0 177px; */}
body#content .screen_shot li { background: #f6f6f8 }
body#content .contentsarea { /*width: 100%; padding-top: 100px; padding-left: 0 */}
body#content .container { width: 100%; background: 0 }
body#content .container .leftarea { display: none }
body#content .subvisual { background: url('/images/img_subvisual_01.jpg') no-repeat center 0;}
.contentsarea ul.pagenavi {/*position: relative; left: 50%; top: 0; */width: 100%;max-width: 1200px;height: 40px;margin: 0 auto 30px auto;overflow: visible;border-bottom: 1px solid #eee;border-right: 1px solid #eee;background-color: white;display: block;border-top: 1px solid #eee;box-sizing: border-box;}
.contentsarea h4 a { font-size: 32px; color: #333 }
.contentsarea ul.pagenavi > li ul { display: none; position: absolute; left: -1px; top: 53px; z-index: 10; width: 100%; height: auto; padding: 20px 0 10px 0; margin: 0; background: #fff; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 4px solid #006db8; border-top: 1px solid #e5e5e5 }
.contentsarea ul.pagenavi > li {float: left;position: relative;height: 40px;padding: 0;margin-right: 0;background: 0;line-height: 42px;/* border-right: 1px solid #e5e5e5; */}
.contentsarea ul.pagenavi > li ul li.on a { color: #006db8 }
.contentsarea ul.pagenavi > li ul li a { display: inline; padding: 0; margin: 0; background: 0; color: #666; font-weight: bold; font-size: 14px }
.contentsarea ul.pagenavi > li ul li a:hover,
.contentsarea ul.pagenavi > li ul li a:focus { text-decoration: none; color: #006db8 }
.contentsarea ul.pagenavi > li ul li:first-child { width: 100%; height: auto }
.contentsarea ul.pagenavi > li > a {display: block;/* min-width: 80px; */height: 40px;padding: 0 30px;background: url('/images/icon_page_next.png') no-repeat 100% 54%; color: #000; font-size: 14px; pointer-events: none; transform: skew(-0.028deg);}
.contentsarea ul.pagenavi > li > a:hover,
.contentsarea ul.pagenavi > li > a:focus { text-decoration: none }
.contentsarea ul.pagenavi > li.subshow { height: auto; border-bottom: 0 !important }
.contentsarea ul.pagenavi > li.subshow > a { font-weight: bold }
.contentsarea ul.pagenavi > li.on {height: 40px;/*border-bottom: 2px solid #00BCD4;box-sizing: border-box;*/}
.contentsarea ul.pagenavi > li.on > a {background: none;pointer-events: none;color: #ff0000; text-decoration: none;}
.contentsarea ul.pagenavi > li:first-child {width: 55px;height: 39px;padding: 0;margin-right: 0;background: url('/images/icon_home.png') no-repeat center;border-left: 1px solid #eee;border-right: 1px solid #eee;font-size: 0;}
.contentsarea ul.pagenavi > li:first-child > a { display: block; background: 0; text-indent: -99999px }
.contentsarea ul.pagenavi > li.print { float: right; width: 50px; height: 40px; padding: 0; margin: 0; background: 0; border-width: 0 0 0 1px; border-style: solid; border-color: #e3e3e3 }
.contentsarea ul.pagenavi > li.print a { display: block; width: 50px; min-width: 50px; height: 40px; padding: 0; text-align: center; background: url('/images/icon_print.png') no-repeat 50% 50%; border: 0; border-radius: 0; line-height: 0; font-size: 0; text-indent: -99999px }

body#mypage .contentsarea { width: 1000px; margin: 0 0 0 200px; }
body#mypage .contentsarea ul.pagenavi { margin-bottom: 15px; max-width: 1000px; margin: 0 }
body#mypage .boardbox { overflow: hidden; padding: 0 0 0 0px; background: #fff; border-bottom: 1px solid #EEE; margin: 0px 0 5px;}
body#mypage .boardbox table { width: 100%; border-top: 1px solid #006db8}
body#mypage .boardbox table th { padding: 1px 0; text-align: center; border-left: 1px solid #e0e0e0; color: #333; font-size: 14px; background: #f8fdff; height: 38px; }
body#mypage .boardbox table th:first-child { border-left: 0 }
body#mypage .boardbox table tbody th {  padding: 5px 0; border-top: 1px solid #e0e0e0 }
body#mypage .boardbox table td {  padding: 5px 0; text-align: center; border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; font-size: 14px; line-height: 16px; height: auto; transform: skew(-0.028deg);}
body#mypage .boardbox table td:first-child { border-left: 0 }
body#mypage .boardbox table td strong { color: #333 }
body#mypage .boardbox table td em { color: #d83330; font-weight: bold }
body#mypage .boardbox table td.text-right { padding: 12px 20px; text-align: right }
body#mypage #frmUseContNewReqReg .boardwrite table tbody th,
body#mypage #frmUseContNewReqMod .boardwrite table tbody th { padding: 2px 10px; }
body#mypage #frmUseContNewReqReg .boardwrite table tbody td, 
body#mypage #frmUseContNewReqMod .boardwrite table tbody td { padding: 2px; }
body#mypage .tRow {}
body#mypage #frmUseContNewReqReg .boardwrite table.tRow tbody th,
body#mypage #frmUseContNewReqMod .boardwrite table.tRow tbody th { padding: 2px 0 2px 25px; }
body#mypage #frmUseContNewReqReg .boardwrite table.tRow tbody td,
body#mypage #frmUseContNewReqMod .boardwrite table.tRow tbody td { padding: 2px 0 2px 5px; }
body#mypage #frmUseContNewReqReg .contentsbox h4 { font-size: 20px }

body#mypage .qrCode table td p { margin: 5px 15px; background: #f8f8f8; padding: 30px 0px; }
body#mypage .qrCode table td p img { border: 1px solid #CCC;}
body#mypage .qrCode table td span.qrTextIos,
body#mypage .qrCode table td span.qrTextAnd { font-size: 18px; font-weight: bold; display: table; margin: 10px auto 15px;}
body#mypage .qrCode table td span.qrTextIos { background: url(/images/icon_ios.png) no-repeat 0px 3px; text-indent: 30px; }
body#mypage .qrCode table td span.qrTextAnd { background: url(/images/icon_android.png) no-repeat 0px 3px; text-indent: 30px; }
body#mypage .qrCode table td div.qrText { background: #FFF; font-size: 15px; word-break: keep-all; padding: 5px 15px;line-height: 1.6; }
body#mypage .qrCode table td div.qrText2 { text-indent: -11.2em; padding-left: 11.2em; } 
.qrMsg { font-size: 14px; font-weight: bold; text-align: left; padding: 10px; background: aliceblue; border: 1px solid #c1d2e0; border-radius: 3px; margin-bottom: 10px; }
body#mypage div.fund { margin-top: 15px; margin-bottom: 5px; clear: both; float: left  }
body#mypage div.fund span { font-size: 15px; font-weight: bold; margin-right: 10px; }

body#content .contentsarea h4 { font-size: 26px; text-indent: 3px; }
.menu-openplatform-overview .openplatform-target { clear: both; overflow: hidden; padding: 40px 0 0;/* background: #e5f2f7*/ }
.menu-openplatform-overview .innerbox {  }
.menu-openplatform-overview h5 { margin: 0 0 18px 0; padding: 0 0 7px 25px; background: url('/images/icon_stit_01.png') no-repeat 0 5px; color: #006db8; font-size: 24px; border-bottom: 1px solid #7ab5e2; }
.menu-openplatform-overview .ntxt { clear: both; font-size: 15px; line-height: 25px }
.menu-openplatform-overview .nimg { clear: both; width: 100%; margin: 30px 0 30px; text-align: center; font-size: 0 }
.menu-openplatform-overview .conL { text-align:center; background: #f8f8f8; padding-bottom: 1px; width: 49%; float: left }
.menu-openplatform-overview .conR { float: right; width: 50%; clear: none; margin: 0px; }
.menu-openplatform-overview ul.txt-list { clear: both; overflow: hidden; margin: 10px 0; padding: 25px 30px; background: #f8fdff; border: 1px solid #ececec }
.menu-openplatform-overview ul.txt-list li { margin-top: 10px; padding: 0 0 0 15px; background: url('/images/icon_dot_03.png') no-repeat 0 9px; font-size: 15px; line-height: 25px }
.menu-openplatform-overview ul.txt-list li:first-child { margin-top: 0 }
.menu-openplatform-overview ul.txt-list li strong { color: #006db8 }
.menu-openplatform-overview ul.txt-cplist { clear: both; overflow: hidden; margin: -20px 0 50px 0; }
.menu-openplatform-overview ul.txt-cplist li {float: left;width: 50%;height: 100px;padding: 20px 0px 30px;border-bottom: 1px solid #d6d6d6;}
.menu-openplatform-overview ul.txt-cplist li strong {display: block;margin: 10px 0px 10px 150px;color: #197a8c;font-size: 18px;}
.menu-openplatform-overview ul.txt-cplist li p { font-size: 16px; line-height: 25px; margin: 0px 0 0px 150px; width: 300px;}
.menu-openplatform-overview ul.txt-cplist li.cplist_1 { background: url('/images/icon_openplatform_01.jpg') no-repeat 20px 50% }
.menu-openplatform-overview ul.txt-cplist li.cplist_2 {background: url('/images/icon_openplatform_02.jpg') no-repeat 20px 50%;}
.menu-openplatform-overview ul.txt-cplist li.cplist_3 { background: url('/images/icon_openplatform_03.jpg') no-repeat 20px 50% }
.menu-openplatform-overview ul.txt-cplist li.cplist_4 {background: url('/images/icon_openplatform_04.jpg') no-repeat 20px 50%;}
.menu-openplatform-overview ul.txt-effectlist { clear: both; overflow: hidden; margin: 0 0 10px 0 }
.menu-openplatform-overview ul.txt-effectlist li {float: left; width: 32.666667%;/* height: 160px; */margin: 0 0 0 1%; padding: 15px 60px 10px 60px; word-break: keep-all; text-align: center;/* background: url('/images/bg_popup_leftop.png') no-repeat -1px -1px; */border: 1px solid #b2cfe6;color: #333;font-size: 18px;line-height: 28px;box-sizing: border-box;background: #f8fdff;}
.menu-openplatform-overview ul.txt-effectlist li:first-child { margin: 0 }
.menu-openplatform-overview ul.txt-effectlist li strong {color: #2196F3;}
.menu-openplatform-overview .target-customer {overflow: hidden;margin: 0 0 40px 0;padding: 10px 30px 10px 150px;background: #fff url('/images/icon_openplatform_05.jpg') no-repeat 40px 50%;color: #666;line-height: 25px;font-size: 16px; font-weight: bold; min-height: 35px;}
.menu-openplatform-overview .target-organization { overflow: hidden;margin: 0 0 20px 0;padding: 10px 0px 10px 150px;background: #fff url('/images/icon_openplatform_06.jpg') no-repeat 40px 50%;color: #666;line-height: 24px; font-size: 16px; font-weight: bold;}
.menu-openplatform-overview .targetbox { clear: both; overflow: hidden; padding: 0px; overflow: hidden; background: #fff }
.menu-openplatform-overview .targetbox h6 { width: auto; height: 40px; padding: 0 0 0 10px; /*background: url('/images/bg_stit_01.jpg') 0 0;*/ font-size: 18px; color: #fff; font-weight: normal; line-height: 40px; background: #0489e4; clear: both; display: table; width: 100% }
.menu-openplatform-overview .targetbox strong.ntxt { display: block; margin: 20px 0 20px 20px; padding: 0 0 15px 0; border-bottom: 2px solid #333; color: #333; font-size: 16px }
.menu-openplatform-overview .targetbox strong.ntxt2 { display: block; margin: 16px 0 20px 20px; padding: 0 0 15px 17px; border-bottom: 2px solid #333; color: #333; font-size: 16px }
.menu-openplatform-overview .targetbox > ul { margin: 0 0 0 20px }
.menu-openplatform-overview .targetbox > ul > li { padding: 0 0 0 20px }
.menu-openplatform-overview .targetbox > ul > li p { margin: 0 0 12px 0; padding: 0 0 0 15px; background: url('/images/icon_dot_04.png') no-repeat 0 6px; color: #333; font-size: 15px }
.menu-openplatform-overview .targetbox > ul > li > ul {clear: both;overflow: hidden;margin: 0 0 15px 15px;/* background: #f8fdff; */border-top: 1px solid #d6d6d6;/* border-right: 1px solid #d6d6d6; */}
.menu-openplatform-overview .targetbox > ul > li > ul > li {float: left;width: 25%;padding: 19px 0 19px 10px;/* border-top: 1px solid #d6d6d6; *//* border-left: 1px solid #d6d6d6; */-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;/* color: #666; */font-size: 14px;word-spacing: -1px;border: 1px solid #d6d6d6;background: #f8fdff;margin: -1px -1px 0px 0px;}
.menu-openplatform-overview .targetbox > ul > li > ul > li.exp {/* width: 25%; */}
.menu-openplatform-overview .targetbox > ul.txt-ctgcplist { display: table }
.menu-openplatform-overview .targetbox > ul.txt-ctgcplist > li { width: 48%; float: left; display: block; line-height: 1.3;}
.menu-openplatform-overview .targetbox h6.stit_exp { width: auto; height: 20px; margin:20px 0 10px 20px; padding: 0 0 0 17px; background: url('/images/icon_dot_05.png') no-repeat 0 6px; font-size: 16px; color: #006db8; font-weight: bold; line-height: 24px; word-break: keep-all }
.menu-openplatform-overview .openplatform-organization { clear: both; overflow: hidden; padding: 50px 0 }
.menu-openplatform-overview .openplatform-organization ul { clear: both; overflow: hidden; margin: 0 0 35px 0 }
.menu-openplatform-overview .openplatform-organization ul li { float: left; width: 23px; width: 229px; height: 100px; margin:0 10px 10px 0px; padding: 10px 0px; border: 1px solid #eaeaea; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0; text-align: center }
.menu-openplatform-overview .openplatform-organization ul li img { max-width: 98% }
.menu-openplatform-overview .openplatform-organization ul li:first-child { margin-left: 0 }
.menu-openplatform-overview .openplatform-organization ul li.exp {/* margin-left: 0*/ }
.menu-openplatform-overview .openplatform-example { clear: both; position: relative; overflow: hidden; height: 580px; padding: 30px 0 0 0; background: url('/images/bg_overviewbox.jpg') no-repeat 50% 0 }
.menu-openplatform-overview .openplatform-example h4 {position: absolute;left: 650px;top: 105px;z-index: 40;width: auto;padding: 0;margin: 0 0 0 -500px;color: #fff;}
.menu-openplatform-overview .openplatform-example dl { width: 100%; overflow: hidden }
.menu-openplatform-overview .openplatform-example dl dt {float: left;width: 560px;padding: 160px 0 0 0;margin-left: 150px;}
.menu-openplatform-overview .openplatform-example dl dt strong { display: block; margin: 0 0 10px 0; color: #77e4fb; font-size: 80px; line-height: 82px; letter-spacing: 1px }
.menu-openplatform-overview .openplatform-example dl dt span { display: block; margin: 0 0 30px 0; color: #214079; font-size: 20px; line-height: 22px; font-weight: bold; letter-spacing: 1px }
.menu-openplatform-overview .openplatform-example dl dt p { color: #fff; line-height: 25px; font-size: 16px }
.menu-openplatform-overview .openplatform-example dl dd { float: left; width: 440px; overflow: hidden }
.menu-openplatform-overview .openplatform-example .exampleslide { height: 572px; z-index: 39 }
.menu-openplatform-overview .openplatform-example ul { height: 572px }
.menu-openplatform-overview .openplatform-example ul li { float: left; display: none }
.menu-openplatform-overview .openplatform-example .pageset {position: absolute;left: 50%;bottom: 115px;z-index: 40;width: 350px;height: 18px;margin-left: -450px;padding: 0;}
.menu-openplatform-overview .openplatform-example .navi { position: absolute; left: 0; top: 0 }
.menu-openplatform-overview .openplatform-example .navi a { float: left; width: 33px; height: 18px; background: url('/images/icon_slidenavi_circle.png') no-repeat 0 0; text-indent: -99999px }
.menu-openplatform-overview .openplatform-example .navi a.on { background: url('/images/icon_slidenavi_active.png') no-repeat 0 50% }
.menu-openplatform-overview .openplatform-example .navi .btn_role_stop { float: left; width: 18px; height: 18px; background: url('/images/icon_slidenavi_stop.png') no-repeat 0 0; text-indent: -99999px }
.menu-openplatform-overview .openplatform-example .navi .btn_role_stop.pause { background: url('/images/icon_slidenavi_play.png') no-repeat 0 0 !important }
.menu-openapi-intro .openapi-intro { clear: both; overflow: hidden; }
.menu-openapi-intro .contentsarea h4 { margin-bottom: 30px }
.menu-openapi-intro .openapi-service { clear: both; overflow: hidden; padding: 0px 0;/* background: #f4f4f4*/ }
.menu-openapi-intro .innerbox {  }
.menu-openapi-intro h5 { margin: 36px 0 14px 0; padding: 0 0 7px 25px; background: url('/images/icon_stit_01.png') no-repeat 0 5px; color: #006db8; font-size: 24px; border-bottom: 1px solid #7ab5e2; }
.menu-openapi-intro .ntxt { clear: both; font-size: 15px; line-height: 25px }
.menu-openapi-intro .nimg { clear: both; width: 100%; margin: 15px 0 50px; text-align: center; font-size: 0; background: #f8fdff; border: 1px solid #ececec; box-sizing: border-box; }
.menu-openapi-intro ul.txt-list { clear: both; overflow: hidden; margin: 25px 0 30px; padding: 25px 30px; background: #f8fdff; border: 1px solid #ececec; }
.menu-openapi-intro ul.txt-list li { margin-top: 10px; padding: 0 0 0 15px; background: url('/images/icon_dot_03.png') no-repeat 0 9px; font-size: 15px; line-height: 25px }
.menu-openapi-intro ul.txt-list li:first-child { margin-top: 0 }
.menu-openapi-intro ul.txt-list li strong { color: #006db8 }
.menu-openapi-intro .openapi-management { clear: both; overflow: hidden; padding: 50px 0 0 }
.menu-useguide-intro .useguide-customer { clear: both; overflow: hidden; }
.menu-useguide-intro .innerbox {  }
.menu-useguide-intro h4 { margin-bottom: 32px }
.menu-useguide-intro h5 { margin: 33px 0 18px 0; padding: 0 0 7px 35px; background: url('/images/icon_stit_01.png') no-repeat 0 4px; color: #006db8; font-size: 24px; border-bottom: 1px solid #7ab5e2; }
.menu-useguide-intro .ntxt { clear: both; font-size: 15px; line-height: 25px }
.menu-useguide-intro .nimg { clear: both; width: 100%; margin: 65px 0; text-align: center; font-size: 0 }
.menu-useguide-intro .useguide-organization { clear: both; overflow: hidden; padding: 50px 0 0px; /*background: #f4f4f4;*/}
.menu-useguide-intro .useguide-organization .tabbox ul { height: 620px; background: #fff }
.menu-useguide-intro .tabbox { clear: both; overflow: hidden; font-size: 0; margin-bottom: 50px }
.menu-useguide-intro .tabbox .ugTabbox1 { display: block }
.menu-useguide-intro .tabbox .ugTabbox1m { display: none }
.menu-useguide-intro .tabbox .ugTabbox2 { display: block }
.menu-useguide-intro .tabbox .ugTabbox2m { display: none }
.menu-useguide-intro .tabbox ul { position: relative; width: 100%; height: 628px; margin: 10px 0 0 0; padding: 15px 200px 0 200px; background: #f8f8f8; border: 1px solid #ececec }
.menu-useguide-intro .tabbox ul li { float: left; height: 580px; overflow: hidden; text-align: center; font-size: 0 }

.menu-useguide-intro .tabbox button.slick-prev { position: absolute; left: 30px; top: 50%; width: 28px; height: 52px; margin: -10px 0 0 0; background: url('/images/icon_useguide_prev.png') no-repeat 0 0; text-indent: -99999px; z-index: 9;}
.menu-useguide-intro .tabbox button.slick-next { position: absolute; right: 30px; top: 50%; width: 28px; height: 52px; margin: -10px 0 0 0; background: url('/images/icon_useguide_next.png') no-repeat 0 0; text-indent: -99999px; z-index: 9; }
.menu-testbed-intro .testbed-intro { clear: both; overflow: hidden; }
.menu-testbed-intro .innerbox {}
.menu-testbed-intro h4 { margin-bottom: 32px }
.menu-testbed-intro h5 { margin: 33px 0 18px 0; padding: 0 0 7px 25px; background: url('/images/icon_stit_01.png') no-repeat 0 5px; color: #006db8; font-size: 24px; border-bottom: 1px solid #7ab5e2; clear: both;}
.menu-testbed-intro h6 {margin: 0px 0 5px 0;padding: 0 0 0px 0px;color: #006db8;font-size: 16px;clear: both;}
.menu-testbed-intro .ntxt { clear: both; font-size: 15px; line-height: 25px }
.menu-testbed-intro .nimg {clear: both;width: 100%;margin: 0px 0 60px;text-align: center;font-size: 0;float: left;width: 595px;margin-right: 20px;}
.menu-testbed-intro .nimg img { width: 100%; }
.menu-testbed-intro .nimgTxt { width: auto; float: left; margin: 30px; font-size: 15px; line-height: 1.8;}
.menu-testbed-intro .listwrap {/* clear: both; */overflow: hidden;margin-bottom: 60px;}
.menu-testbed-intro .listwrap h5 { margin: 0 0 18px 0 }
.menu-testbed-intro .listwrap .list_table { float: left; overflow: hidden }
.menu-testbed-intro .listwrap .list_table table { width: 588px }
.menu-testbed-intro .listwrap .list_table table thead th {height: 30px;background: #006db8;color: #fff;}
.menu-testbed-intro .listwrap .list_table table thead th:first-child { border-right: 1px solid #d6d6d6 }
.menu-testbed-intro .listwrap .list_table table tbody th { padding-left: 0; border-right: 1px solid #d6d6d6; background: #f8f8f8; border-bottom: 1px solid #d6d6d6; color: #333; text-align: center }
.menu-testbed-intro .listwrap .list_table table td {height: 30px;padding-left: 18px;border-bottom: 1px solid #d6d6d6;}
.menu-testbed-intro .listwrap .list_table table td.double {height: 49px;line-height: 19px;}
.menu-testbed-intro .systemwrap { clear: both; overflow: hidden; margin-bottom: 60px }
.menu-testbed-intro .systemwrap dl {float: left;width: 588px;padding: 20px 0 0;/* border: 1px solid #d6d6d6; *//* background: #f5f5f5; */text-align: center;}
.menu-testbed-intro .systemwrap dl dt { margin-bottom: 10px; color: #333; font-size: 20px; font-weight: bold; }
.menu-testbed-intro .systemwrap dl dd { border: 1px solid #DDD }
.menu-testbed-intro ul.txt-list {clear: both;overflow: hidden;position: relative;padding: 30px 30px 30px;background: #f8f8f8;border: 1px solid #ececec;}
.menu-testbed-intro ul.txt-list li { padding: 0 0 0 15px; background: url('/images/icon_dot_03.png') no-repeat 0 9px; font-size: 15px; line-height: 25px }
.menu-testbed-intro ul.txt-list li strong { color: #006db8 }
.menu-testbed-intro ul.txt-list li a {position: relative;margin-top: -22px;float: right;}
.menu-useapplystatus {overflow: hidden;/* background: url('/images/bg_applystepbox.jpg') no-repeat 0 222px; */}
.menu-useapplystatus h5 { display: inline-block; position: absolute; top: 0; left: 172px; padding: 0 7px; background: #929ca2; border-radius: 6px; font-size: 12px; line-height: 22px; font-weight: normal; color: #fff }
.menu-useapplystatus .statustab {position: relative;z-index: 20;height: 120px;padding: 10px 0 0 0;/* border-top: 2px solid #333;*/}
.menu-useapplystatus .statustab .pull-left {float: left;position: relative;width: 130px;/* height: 178px; */margin: 0px 0 0 30px;}
.menu-useapplystatus .statustab .pull-left button { width: 100px; padding: 0; margin: 0 0 5px 0; font-size: 14px }
.menu-useapplystatus .statustab .pull-left button.on { background: #006db8; border-color: #006db8; color: #fff }
.menu-useapplystatus .statustab .pull-none { float: none; overflow: hidden }
.menu-useapplystatus .statustab ul li {float: left;width: 170px;height: 103px;margin: 0 0px 0 -12px;}
.menu-useapplystatus .statustab ul li a {display: block;width: 170px;height: 103px;text-indent: -99999px;font-size: 0;}
.menu-useapplystatus .statustab ul li.step_01 { margin: 0 }
.menu-useapplystatus .statustab ul li.step_01 a { background: url('/images/img_applystep_01_off.png') no-repeat 0 0 }
.menu-useapplystatus .statustab ul li.step_01.on a { background: url('/images/img_applystep_01_on.png') no-repeat 0 0 }
.menu-useapplystatus .statustab ul li.step_02 a { background: url('/images/img_applystep_02_off.png') no-repeat 0 0 }
.menu-useapplystatus .statustab ul li.step_02.on a { background: url('/images/img_applystep_02_on.png') no-repeat 0 0 }
.menu-useapplystatus .statustab ul li.step_03 a { background: url('/images/img_applystep_03_off.png') no-repeat 0 0 }
.menu-useapplystatus .statustab ul li.step_03.on a { background: url('/images/img_applystep_03_on.png') no-repeat 0 0 }
.menu-useapplystatus .statustab ul li.step_04 a { background: url('/images/img_applystep_04_off.png') no-repeat 0 0 }
.menu-useapplystatus .statustab ul li.step_04.on a { background: url('/images/img_applystep_04_on.png') no-repeat 0 0 }
.menu-useapplystatus .statustab ul li.step_05 a { background: url('/images/img_applystep_05_off.png') no-repeat 0 0 }
.menu-useapplystatus .statustab ul li.step_05.on a { background: url('/images/img_applystep_05_on.png') no-repeat 0 0 }
/** 계약해지  **/
.menu-useapplystatus .statustab ul.docCancel li, 
.menu-useapplystatus .statustab ul.docCancel li a { width: 275px;}
.menu-useapplystatus .statustab ul.docCancel li.step_01 { margin: 0 }
.menu-useapplystatus .statustab ul.docCancel li.step_01 a { background: url('/images/img_applystep_cancel_01_off.png') no-repeat 0 0 }
.menu-useapplystatus .statustab ul.docCancel li.step_01.on a { background: url('/images/img_applystep_cancel_01_on.png') no-repeat 0 0 }
.menu-useapplystatus .statustab ul.docCancel li.step_02 a { background: url('/images/img_applystep_cancel_02_off.png') no-repeat 0 0 }
.menu-useapplystatus .statustab ul.docCancel li.step_02.on a { background: url('/images/img_applystep_cancel_02_on.png') no-repeat 0 0 }
.menu-useapplystatus .statustab ul.docCancel li.step_03 a { background: url('/images/img_applystep_cancel_03_off.png') no-repeat 0 0 }
.menu-useapplystatus .statustab ul.docCancel li.step_03.on a { background: url('/images/img_applystep_cancel_03_on.png') no-repeat 0 0 }

.menu-useapplystatus .statusdetail {clear: both;height: 230px;padding: 30px 0 0 30px; border: 1px solid #e6e6e6; margin: 0 42px 0 160px;background: #f8f8f8;}
.menu-useapplystatus .statusdetail dl {display: none;position: relative;width: 600px;height: 210px;padding: 0px 0 0 145px;}
.menu-useapplystatus .statusdetail dl dt { height: 40px; color: #333; font-size: 22px; font-weight: bold }
.menu-useapplystatus .statusdetail dl dd { font-size: 14px; line-height: 20px }
.menu-useapplystatus .statusdetail dl dd strong { font-size: 18px; line-height: 24px; color: #006db8 }
.menu-useapplystatus .statusdetail dl dd .btnleft { display: block; margin-top: 10px }
.menu-useapplystatus .statusdetail dl.on { display: block }
.menu-useapplystatus .statusdetail dl.step_01 { background: url('/images/icon_applystep_01.png') no-repeat 0 0 }
.menu-useapplystatus .statusdetail dl.step_02 { background: url('/images/icon_applystep_02.png') no-repeat 0 0 }
.menu-useapplystatus .statusdetail dl.step_03 { background: url('/images/icon_applystep_03.png') no-repeat 0 0 }
.menu-useapplystatus .statusdetail dl.step_04 { background: url('/images/icon_applystep_04.png') no-repeat 0 0 }
.menu-useapplystatus .statusdetail dl.step_05 {background: url('/images/icon_applystep_05.png') no-repeat 0 0;}
.menu-useapplystatus .statusdetail.docCancel dl.step_01 { background: url('/images/icon_applystep_01.png') no-repeat 0 0 }
.menu-useapplystatus .statusdetail.docCancel dl.step_02 { background: url('/images/icon_applystep_04.png') no-repeat 0 0 }
.menu-useapplystatus .statusdetail.docCancel dl.step_03 { background: url('/images/icon_applystep_05.png') no-repeat 0 0 }
.menu-useapplystatus .statusdetail .btnright {position: relative;bottom: 0;display: block;width: 600px;height: 40px;text-align: left;clear: both;margin-top: 15px;}
.popupwrap.global_alert { width: 380px }
.popupwrap.global_alert .msg { text-align: center; font-size: 14px; font-weight: bold }
.popupwrap.global_alert .btncenter { margin: 35px 0 0 0 }
.popupwrap.global_confirm { width: 420px }
/* 2016.07.01 Start */
.menu-memberjoin .typewrap { margin-top: -22px }
.menu-memberjoin .typewrap .typebox { overflow: hidden; clear: both }
.menu-memberjoin .typewrap .typebox dl { float: left; width: 50%; height: 340px; padding: 47px 0 0; border-width: 0 1px 1px 0; border-style: solid; border-color: #e0e0e0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center }
.menu-memberjoin .typewrap .typebox dl:first-child { border-left: 1px solid #e0e0e0 }
.menu-memberjoin .typewrap .typebox dl.bgcolor { background: #fafafa }
.menu-memberjoin .typewrap .typebox dl dt span { display: block; width: 80px; height: 80px; margin: 0 auto 30px }
.menu-memberjoin .typewrap .typebox dl dt span img { display: block; font-size: 0 }
.menu-memberjoin .typewrap .typebox dl dt strong { color: #006db8; font-size: 24px }
.menu-memberjoin .typewrap .typebox dl dd { margin-top: 13px; line-height: 18px }
.menu-memberjoin .typewrap .typebox dl dd p { font-size: 16px; line-height: 1.3; }
.menu-memberjoin .typewrap .typebox dl dd p.btncenter { margin-top: 30px }
.menu-memberjoin .typewrap .typebox dl dd p.btncenter button { margin: 0 }
body#member .boardwrite table tbody th.vertical-top { padding-top: 12px; vertical-align: top }
body#member .boardwrite table tbody td.email .optionbox { display: inline-block; margin-left: 10px }
body#member .boardwrite table tbody td.email .optionbox select { width: 100% }
body#member .boardwrite table tbody td span.guide { color: #ac4900; font-size: 13px; line-height: 24px }
body#member .boardwrite table tbody td label.sub { display: inline-block; width: 50px; padding: 0 8px 0 15px; background: url('/images/icon_essential_g.png') no-repeat 0 50%; color: #333; text-align: left; font-size: 14px; font-weight: bold; line-height: 16px }
body#member .subvisual > p {margin-top: 38px;}
body#member .subvisual > p > img { border: 1px solid #EEE; }
body#member .orgSelect { text-align: center; margin: 0 auto; width: auto; display: table; margin-bottom: 50px;}
body#member .orgSelect > div { float: left; width: 385px; margin-right: 15px; }
body#member .orgSelect > div:last-child { margin-right: 0; }
body#member .orgSelect input[type='radio'] { margin-top: -2px }
body#member .orgSelect label { font-size: 16px; font-weight: bold; }
body#member .orgSelect .orgSelectB, 
body#member .orgSelect .orgSelectC, 
body#member .orgSelect .orgSelectF { width: 385px; height: 150px; border: 1px solid #EEE; margin-bottom: 10px;}
body#member .orgSelect .orgSelectB { background:#fbfbfb url('/images/icon_selectB.png') no-repeat center }
body#member .orgSelect .orgSelectC { background:#fbfbfb url('/images/icon_selectC.png') no-repeat center }
body#member .orgSelect .orgSelectF { background:#fbfbfb url('/images/icon_selectF.png') no-repeat center }
body#member .orgSelect .tooltipSelect { cursor: help; height: 160px; }
body#member .orgSelect .tooltipSelect .tooltip-text {border: 1px solid #000;display: none;width: 370px;background: #333;color: #FFF;text-align: left;padding: 7px;position: relative;top: -240px;left: 0px;z-index: 99;border-radius: 6px;font-size: 12px;font-weight: normal;line-height: 1.5;word-break: keep-all;}
body#member .orgSelect .tooltipSelect .tooltip-text:after {content: "";position: relative;top: 31px;left: -60px;border-width: 8px;border-style: solid;border-color: #333 transparent transparent transparent;}
body#member .orgSelect .tooltipSelect:hover .tooltip-text { display: block }
body#member .orgSelect .tooltipSelect .orgSelectB + .tooltip-text { margin-top: 70px; }
body#member .orgSelect .tooltipSelect .orgSelectB + .tooltip-text:after { left: -163px; }
body#member .orgSelect .tooltipSelect .orgSelectF + .tooltip-text { margin-top: 35px; }
body#member .orgSelect .tooltipSelect .orgSelectF + .tooltip-text:after { left: -100px; }
body#member .menu-memberjoin .downloadbox { padding: 15px 40px 0px; margin-bottom: 20px; background: #f9f9f9; border: 1px solid #ececec; }
body#member .menu-memberjoin .downloadbox button { margin:0px 60px 10px 70px }
body#member .menu-memberjoin .downloadbox button:hover { color: #00c500; }
body#member .menu-memberjoin .downloadbox p { font-size: 15px; text-indent: 30px; line-height: 26px; margin-bottom: 10px; }
.popupwrap.privacyprovider { position: static; top: 0; left: 0; background: 0; border-width: 4px 0 0 0; border-style: solid; border-color: #006db8 }
.popupwrap.privacyprovider h1 { padding: 0; margin: 50px 0 20px 0; border: 0 }
.popupwrap.privacyprovider h1 strong { display: block; margin: 0 0 25px 0; font-size: 32px }
.popupwrap.privacyprovider h1 span { position: relative; right: 0; top: 0; padding: 0; display: block; background: 0; line-height: 20px }
.popupwrap.privacyprovider .popup-innerbox { width: 1200px; margin: 0 auto }
.popupwrap.privacyprovider .databoard thead th { border-left: 0; border-top: 2px solid #333 }
.popupwrap.privacyprovider .databoard tbody th { text-align: center }
.popupwrap.privacyprovider .databoard tbody td { padding-top: 15px; padding-bottom: 15px; border-left: 0; font-size: 13px }
.popupwrap.privacyprovider .databoard tbody td.text-left { text-align: left }
.menu-openplatform-overview .menugo { clear: both; overflow: hidden; padding: 40px 0; text-align: center; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5 }
.menu-openplatform-overview .menugo button { display: block; width: 310px; height: 60px; margin: 0 auto 15px; border: 1px solid #006db8; border-radius: 8px }
.menu-openplatform-overview .menugo button em { padding: 0 20px 0 0; background: url('/images/icon_arr_12.png') no-repeat 100% 50%; color: #006db8; font-size: 18px; font-weight: bold; word-spacing: -1px }
.menu-openplatform-overview .menugo span { display: block; font-size: 15px }
.menu-useapply .innerbox {  }
.menu-useapply .applystepbox { position: relative; width: auto; height: 370px; margin-top: 70px; }
.menu-useapply .applystepbox ul li { position: relative;margin-top: 80px;float: left;margin-right: 10px; width: 290px;}
.menu-useapply .applystepbox ul li div { width: 300px; height: 50px; line-height: 50px; text-align: center; font-size: 30px; font-weight: bold; color: #FFF; }
.menu-useapply .applystepbox ul li.step1 div { background: #FF9800; border-top-left-radius: 50px; border-top-right-radius: 50px; }
.menu-useapply .applystepbox ul li.step1 div:before {content:url('/images/img_useapply_1.png'); position: absolute; left: 0; margin: -112px 0 0 101px;}
.menu-useapply .applystepbox ul li.step1 > h5 strong { font-size: 20px; color: #e88b00 }
.menu-useapply .applystepbox ul li.step2 div { background: #ff5722; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; margin-top: 50px;}
.menu-useapply .applystepbox ul li.step2 div:before {content:url('/images/img_useapply_2.png'); position: absolute; left: 0; margin: 50px 0 0 101px;}
.menu-useapply .applystepbox ul li.step2 > p, 
.menu-useapply .applystepbox ul li.step4 > p  { margin-top: -120px; }
.menu-useapply .applystepbox ul li.step2 > h5, 
.menu-useapply .applystepbox ul li.step4 > h5 { margin-top: -85px; }
.menu-useapply .applystepbox ul li.step2 > h5 strong { font-size: 20px; color: #ff5722 }
.menu-useapply .applystepbox ul li.step3 div { background: #9c27b0; border-top-left-radius: 50px; border-top-right-radius: 50px; }
.menu-useapply .applystepbox ul li.step3 div:before {content:url('/images/img_useapply_3.png'); position: absolute; left: 0; margin: -112px 0 0 101px;}
.menu-useapply .applystepbox ul li.step3 > h5 strong { font-size: 20px; color: #9c27b0 }
.menu-useapply .applystepbox ul li.step4 div { background: #4CAF50; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; margin-top: 50px;}
.menu-useapply .applystepbox ul li.step4 div:before {content:url('/images/img_useapply_4.png'); position: absolute; left: 0; margin: 50px 0 0 101px;}
.menu-useapply .applystepbox ul li.step4 > h5 strong { font-size: 20px; color: #4CAF50 }
.menu-useapply .applystepbox ul li > h5 { width: 300px; text-align: center; margin: 15px 0px 10px 0px }
.menu-useapply .applystepbox ul li > h5 span { font-weight: normal; font-size: 15px; color: #006db8; text-decoration: underline }
.menu-useapply .applystepbox ul li > h5 span a { font-weight: normal; font-size: 15px; color: #006db8; text-decoration: underline }
.menu-useapply .applystepbox ul li > p { padding: 0 0 0 10px; color: #333; font-size: 14px; line-height: 24px; text-align: center;}
.menu-useapply .applystepbox ul li > p a { font-size: 14px; color: #006db8; text-decoration: underline }
.menu-useapply > p {padding: 30px 0;background: #f8fdff;text-align: center;font-size: 28px;line-height: 40px;border-top: 1px solid #e8f1f5;border-bottom: 1px solid #e8f1f5; margin-bottom: 50px;}
.menu-useapply > p > strong { color: #03A9F4 }
.menu-useapply .btn_blue { display: inline-block; width: 50%; height: 60px; padding: 0 20px; text-align: center; background: #2196F3; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 60px; color: #fff; font-size: 24px; font-weight: bold }/* 02.10 변경 */

button.btn_lightgray { height: 30px; padding: 0 10px; border-radius: 4px; background: #b4bcc1; color: #fff; font-size: 13px }
body#error { background: #f2f2f2; }
body#error h1 { display: none; font-size: 0 }
.errorbox { position: absolute; left: 50%; top: 50%; width: 330px; height: 400px; padding: 70px 0 0 370px; margin: -230px 0 0 -350px; background: #fff url('/images/bg_error_left.jpg') no-repeat 0 0; border: 1px solid #e3e3e3; }
.errorbox dl dt { padding: 0 0 37px 0; margin: 0 0 30px 0; background: url('/images/bg_error_dot.png') no-repeat 0 100%; color: #000; font-size: 28px }
.errorbox dl dd p { margin: 0 0 50px 0; line-height: 20px }
.errorbox dl dd button { font-size: 15px }
.workingbox { position: absolute; left: 50%; top: 50%; width: 330px; height: 400px; padding: 70px 0 0 370px; margin: -230px 0 0 -350px; background: #fff url('/images/bg_working_left.jpg') no-repeat 0 0 }
.workingbox dl dt { padding: 0 0 37px 0; margin: 0 0 30px 0; background: url('/images/bg_error_dot.png') no-repeat 0 100%; color: #000; font-size: 28px }
.workingbox dl dd p { margin: 0 0 50px 0; line-height: 20px }
.workingbox dl dd button { font-size: 15px }
.pop_promotion { position: absolute; width: 640px; padding: 0; background: url('/images/bg_noticepop.jpg') no-repeat 0 100% }
.pop_promotion .btn_popclose { background: url('/images/icon_close_02.png') no-repeat 0 0 }
.pop_promotion .popcontents { padding: 0 40px 40px 40px; background: 0 }
.pop_promotion h1 { height: 63px; margin: 0; padding: 17px 0 0 42px; background: url('/images/bg_noticepop_top.jpg') no-repeat 0 0; border: 0; font-size: 14px; color: #fff; font-weight: normal }
.pop_promotion h2 { padding: 0 0 15px 0; border-bottom: 2px solid #333; color: #333; font-size: 18px }
.pop_promotion .msg_notice { min-height: 200px; overflow-x: hidden; overflow-y: auto; margin: 30px 0; text-align: center; color: #666; font-size: 18px; line-height: 30px }
.pop_promotion .msg_notice strong { color: #006db8 }
/* 20170313 */
.txt_cautionlist2 { height: 100px; line-height: 100px; text-decoration: underline; text-align: center; font-size: 15px; }
/* 20171123 */
.approvebox table { border-top: 1px solid #333; border-right: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; text-align: center; }
.approvebox table th { height: 45px; border-bottom: 1px solid #d6d6d6; background: url(/images/bg_formsearch_01.jpg) repeat-x 0 0; line-height: 46px; color: #006db8; font-size: 14px; }
.approvebox table td { border: 1px solid #d6d6d6; border-width: 0 1px 1px; }
.approvebox .rulebox { height: 300px; overflow-y: scroll; margin: 15px; padding: 15px; border: 1px solid #d6d6d6; line-height: 19px; background: #fff; }
.approvebox .rulebox h5 { margin: 45px 0 30px; font-size: 14px }
.approvebox .rulebox h5:first-child { margin-top: 0 }
.approvebox .rulebox dl { margin-top: 10px; padding-left: 10px }
.approvebox .rulebox dt { margin-bottom: 5px; font-weight: bold }
.approvebox .rulebox dd { padding-left: 3px }
.approvebox .rulebox ul,
 .approvebox .rulebox ol { margin: 10px 0; }
.approvebox .rulebox .indent { padding-left: 10px; color: #006db8 }
.agreechk { overflow: hidden; position: relative; margin: 10px 0 0 0; padding: 18px 20px; text-align: right; background: #f9f9f9 }
.agreechk em { display: inline-block; position: absolute; left: 20px; top: 18px; min-height: 16px; padding-left: 12px; background: url('https://twww.openbanking.or.kr/images/icon_dot_01.png') no-repeat 0 5px }
.agreechk .ichkbox { margin: 0 0 0 20px }
/* 사용자 앱 연동내역 CSS - 모바일 프로바이더 페이지 임시 추가 */
.bfop_bg { background: #f4f4f4; }/*배경 색상*/
.bfop_txt { color: #555; }/*텍스트 색상*/
.bfop_btn_s1 { background-color: #006db8; color: #fff; }/*파란색 버튼*/
.bfop_btn_s2 { background-color: #818487; color: #ffffff; }/*회색 버튼*/
.bfop_input { border: 1px solid #888 }/*input 박스 색상*/
.text-muted { font-size: 1.1em; line-height: 19px; }
.bfop_txt { color: #555; }/*텍스트 색상*/
.form-group { margin-bottom: 10px; }
.form-group p { float: right; width: 32%; text-align: center; }
.form-group p a { width: 100%; height: 55px; line-height: 55px; float: left; font-size: 13px; display: inline-block; border: 1px solid #dfdfe1; color: #fff; vertical-align: middle; }
.form-group .btn_choice a { width: 50%; color: #b1b1b1; background: #fff; }
.form-group p a.on { background: #818487; color: #fff; border: 1px solid #818487; }
.form-control { display: block; width: 100%; height: 55px; padding: 6px 12px; font-size: 1.15em; color: #616f77; outline: 0; vertical-align: top; background-color: #fff; border-radius: 4px; filter: none !important; }
.clear:after { content: " "; display: block; clear: both; }
.select_arw { display: block; background-color: #fff; -webkit-appearance: none; background: url(/images/ico_sel_m.png) no-repeat #fcfcfc; -webkit-background-size: 12px 7px; background-size: 12px 7px; background-position: 95%; }
.center { text-align: center; }
.inner_wrap { padding-bottom: 5px; border-bottom: 1px solid #bdbdbd; }
.inner_wrap.v2 { background: #f4f4f4; padding: 15px 15px 20px; border-bottom: 0 }
.inner_wrap .more { position: absolute; top: 23px; right: 20px; font-size: 13px; line-height: 15px; width: 0; height: 0; border-style: solid; border-width: 7px 6px 0 6px; border-color: #474747 transparent transparent transparent; text-indent: -99999%; }
.agree_list li { border: 1px solid #ddd; position: relative; line-height: 20px; font-size: 1.15em; letter-spacing: -1px; background: #fff; line-height: 55px; margin-bottom: 10px; padding: 0 15px }
.agree_list li .cont_box { height: 132px; padding: 0; overflow-x: hidden; overflow-y: auto; border: 1px solid #ddd; line-height: 18px }
.agree_list label { padding-left: 5px; }
.all_agree { height: 55px; line-height: 55px; ; font-size: 1.15em; margin: 15px 0 30px; padding: 0 15px; border: 1px solid #ddd; background: #fff }
.all_agree strong { margin-left: 10px }
.checkboxblock { display: block; float: left }
.checkboxblock input[type="checkbox"] { width: 18px; height: 18px; }
.btnblock { display: block; height: 60px; line-height: 60px; border-radius: 4px; text-align: center; font-size: 17px; font-weight: normal; cursor: pointer; }
.rtxt { font-size: 12px; color: #f44336; clear: both; display: block; padding: 2px 0px 5px 5px; }

/***  Common  ***/
.p0 { padding: 0 !important }
.pt10 { padding-top: 10px !important }
.pt15 { padding-top: 15px !important }
.pt20 { padding-top: 20px !important }
.pt25 { padding-top: 25px !important }
.pt30 { padding-top: 30px !important }
.m0 { margin: 0 !important }
.mt0 { margin-top: 0px !important }
.mt3 { margin-top: 3px !important }
.mt5 { margin-top: 5px !important }
.mt10 { margin-top: 10px !important }
.mt15 { margin-top: 15px !important }
.mt20 { margin-top: 20px !important }
.mt25 { margin-top: 25px !important }
.mt30 { margin-top: 30px !important }
.mt40 { margin-top: 40px !important }
.mt60 { margin-top: 60px !important }
.mr10 { margin-right: 10px !important }
.mr20 { margin-right: 20px !important }
.mb0 { margin-bottom: 0 !important }
.mb5 { margin-bottom: 5px !important }
.mb10 { margin-bottom: 10px !important }
.mb20 { margin-bottom: 20px !important }
.mb40 { margin-bottom: 40px !important }
.mb50 { margin-bottom: 50px !important }
.ml10 { margin-left: 10px !important }
.ml15 { margin-left: 15px !important }
.ml15 { margin-left: 15px !important }
.ml160 { margin-left: 160px !important }
.bdt1 { border-top: 1px solid #333 }
.bdt2 { border-top: 2px solid #333 }
.bdl0 { border-left: 0px !important }
.w200 { width: 200px }
.w300 { width: 300px }
.w50p { width: 50% }
.lh24 { line-height: 24px }
.clearfix,
.clear { clear: both; overflow: hidden }
.nlink { color: #0068aa; text-decoration: underline }

table.tac th, table.tac td { text-align: center !important }
.tac { text-align: center !important }
.tal { text-align: left !important }
.tar { text-align: left !important }
.fll { float: left !important }
.flr { float: right !important }
.fs15 { font-size: 15px !important }
.fs16 { font-size: 16px !important }
.vam { vertical-align: middle !important }
.bdr0 { border: 0px !important }

/** Mobile *****************************************************************************************************************/
@media (max-width:480px){
	body { min-width: 320px }
/** TOP **/
	/*.toparea { display: none }
	#header { display: none }*/
	#header .cnb_wrap,
	.toparea .innerbox .defaltLogin>fieldset,
	.toparea .logintype,
	.toparea .jointype,
	.toparea .innerbox .mypage,
	.toparea .mypagetype { display:none }
	.innerbox { width: auto}
	
	.toparea .innerbox { height: 50px }
	.toparea .innerbox h2 { margin: 9px 0 0 10px }
	.toparea .innerbox h2 a img { height: 36px }
	.toparea .innerbox .defaltLogin { display: none }
	#headForm { display: none }
	
	/**** TOP MENU   *******************************************************************************************************************************************/
	.dBlank { display: none }
	.toparea { height: 50px !important }
	/*.toparea ul.topmenu { position: absolute; top: 60px; left: 10px; width: 200px; border: 1px solid #999;filter: drop-shadow(0px 0px 3px #CCCCCC); }*/
	.toparea ul.topmenu { position: fixed; width: 100%; max-width: 220px; left: -220px; top: 50px; padding: 0; z-index: 999; overflow: visible; border: 1px solid #666; border-left: 0; -webkit-overflow-scrolling: touch; -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; box-sizing: border-box;}
	.toparea ul.topmenu > li {float: none; height: auto; padding-top: 0px; width: 100%;}
	.toparea ul.topmenu > li > a { display: block;height: 30px; line-height: 30px; color: #FFF;font-size: 14px; text-align: left; padding: 0px; text-indent: 20px; background: #03A9F4;}
	.toparea ul.topmenu > li > a:hover, .toparea ul.topmenu > li > a:focus { text-decoration: none }
	.toparea ul.topmenu > li:hover { height: auto }
	
	.toparea ul.topmenu > li:hover > a { border-bottom: 0; background: #03A9F4; color: #FFF; }
	.toparea ul.topmenu > li.on > a { background: #03A9F4; color: #FFF; border-bottom: 0;}/*선택 1rh 메뉴*/
	.toparea ul.topmenu > li:first-child { margin-left: 0px }
	
	.toparea ul.topmenu .subMenuAll { position: relative; display: block; left: auto; top: auto; width: 100%; height: auto; opacity: 1; transition: none; }
	.toparea ul.topmenu .topmenu_1 .subMenuAll { border-left: 0; margin-left:0;width: auto;padding-left: 0;}
	.toparea ul.topmenu .topmenu_5 { display: none }
	
	.toparea ul.topmenu .subMenuAll li {float: none;height: 27px;line-height: 27px;text-align: left;padding: 0px;border-bottom: 1px solid #e0e0e0;box-sizing: border-box;background-color: #f6fcff;}
	.toparea ul.topmenu .subMenuAll li a {display: inline-block;width: 100%;height: 27px;line-height: inherit;font-size: 13px;padding: 0;text-indent: 38px;font-weight: normal;color: #333;box-sizing: border-box;background: url(/images/icon_dot_04.png) no-repeat 24px center; transform: skew(-0.028deg);}
	.toparea ul.topmenu .subMenuAll li:last-child a,
	.toparea ul.topmenu .topmenu_4 .subMenuAll li a { border-bottom: 0px }
	.toparea ul.topmenu .subMenuAll li:hover,
	.toparea ul.topmenu .subMenuAll li.on { color: #ff0000; text-decoration: none }
	.toparea ul.topmenu .subMenuAll li:hover a,
	.toparea ul.topmenu .subMenuAll li.on a { background: #ff9800; color: #FFF; background-image: url(/images/icon_dot_04on.png); background-repeat: no-repeat; background-position: 24px center; border-top: 1px solid #c57600; border-bottom: 1px solid #c57600; box-sizing: border-box;}
	.toparea ul.topmenu .subMenuAll li a:hover,
	.toparea ul.topmenu .subMenuAll li a:focus { text-decoration: none }
	
	.toparea ul.topmenu:hover .subMenuAll { transition: none; top: auto; height: auto; }
	.toparea ul.topmenu:hover .subMenuAll li { transition: none; height: 27px;  padding: 0; }
	.toparea ul.topmenu:hover .subMenuAll li a { transition: none; height: 27px;  padding: 0;}

/* TOP MENU Toggle */
	.toparea .navbar-toggle { display: block }
	.toparea .navbar-toggle .icon-bar { background-color: #333; }
	.toparea .navbar-toggle .icon-bar+.icon-bar { margin-top: 4px; }
	.toparea .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; box-sizing: border-box; }
	.toparea .navbar-toggle { position: relative; float: right; margin-right: 5px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; }
	.toparea .offm-stop { height: 100%; overflow: hidden; }
	
	.toparea ul.topmenu.in { box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
	.toparea ul.topmenu.topmenu-fade { opacity: 0; }
	.toparea ul.topmenu.topmenu-fade.in { opacity: 1; }
	.toparea ul.topmenu.offm-transform.in { -webkit-transform: translateX(220px); -ms-transform: translateX(220px); transform: translateX(220px); }
	.toparea ul.topmenu.offm-position.in { left: 0; }
	.toparea ul.topmenu.topmenu-right { left: auto; right: -232px; }
	.toparea ul.topmenu.topmenu-right.offm-transform.in { -webkit-transform: translateX(-220px); -ms-transform: translateX(-220px); transform: translateX(-220px); }
	.toparea ul.topmenu.topmenu-right.offm-position.in { left: auto; right: 0; }
	.toparea ul.topmenu.dropdown.active .caret { border-top: 0; border-bottom: 4px solid; }
	.toparea ul.topmenu.dropdown-menu { position: relative; width: 100%; border: inherit; box-shadow: none; -webkit-transition: height 0.15s ease-in; transition: height 0.15s ease-in; }
	.toparea ul.topmenu.dropdown-menu.shown { display: block; margin-bottom: 10px; }
	.offm-toggle .icon-bar { background: #333; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
	.offm-toggle.is-open .icon-bar:nth-child(1) { -webkit-transform: rotate(45deg) translate(5px, 4px); -ms-transform: rotate(45deg) translate(5px, 4px); transform: rotate(45deg) translate(5px, 4px); }
	.offm-toggle.is-open .icon-bar:nth-child(2) { opacity: 0; }
	.offm-toggle.is-open .icon-bar:nth-child(3) { -webkit-transform: rotate(-45deg) translate(4px, -4px); -ms-transform: rotate(-45deg) translate(4px, -4px); transform: rotate(-45deg) translate(4px, -4px); }


	
/* ModalPopup */
	body#main .modalpop .popupwrap .popcontents { overflow: hidden; padding: 20px 10px 10px }
	body#main .modalpop .pop_layer { left: 0; width: 94%; margin: 3%; }
	body#main .modalpop .popcontents h1 { font-size: 20px; }
	body#main .modalpop .pop_layer .msg_box { margin-top: 10px; padding: 0px 10px 10px;}
	body#main .modalpop .pop_layer .msg_box dl dt { font-size: 14px; margin-top: 10px; }
	body#main .modalpop .pop_layer .msg_box dl dd { font-size: 12px; transform: skew(0.028deg); }
	body#main .modalpop .pop_layer .msg_box dl dt:before { top: 5px }
	body#main .modalpop .pop_layer .box_close { padding: 6px 18px; display: table; width: 100%; line-height: 30px;}
    body#main .modalpop .pop_layer .box_close .chk_t1 { width: 18px; height: 18px;}
    body#main .modalpop .pop_layer .box_close label { font-size: 12px }
    body#main .modalpop .pop_layer .box_close button { position: relative; top: auto; right: auto; float: right; width: 80px; height: 30px; background: #006db8; margin-right: 30px; border-radius: 3px; }

/* Menu link Position */
body#content h4#openApi2, body#content h4#openApi3, 
body#content h4#openPlatform2, body#content h4#openPlatform3, body#content h4#openPlatform4, 
body#content h4#useGuide2 { scroll-margin-top: -320px }

/* Main */
	body#main .innerbox { padding: 0px 10px }
	.midarea { min-width: auto;  width: 100% }
	/*.maincontents .mainvisual { margin-top: 0px }*/
	.maincontents .mainvisual { margin-top: 33px }
	.maincontents .mainvisual,
	.maincontents .mainvisual ul.slick-slider,
	.maincontents .mainvisual ul.slick-slider li { height: 200px }
	.maincontents .mainvisual button.slick-prev { background-size: 75%; height: 55px; top: 55%; left: 0px;}
	.maincontents .mainvisual button.slick-next { background-size: 75%; height: 55px; top: 55%; right: 0px;}
	.maincontents .mainvisual ul.slick-slider li p strong { font-size: 24px;}
	.maincontents .mainvisual ul.slick-slider li p { font-size: 13px; line-height: 24px }
	.maincontents .mainvisual ul.slick-slider li.mv_01 p { top: 30px}
	.maincontents .mainvisual ul.slick-slider li.mv_01 p strong { line-height: 15px }
	.maincontents .mainvisual ul.slick-slider li.mv_02 p { margin-left: -60px; line-height: 0px; top: 30px; }
	.maincontents .mainvisual ul.slick-slider li.mv_03 p { top: 30px; }
	.maincontents .mainvisual ul.slick-slider li.mv_03 p strong { margin-bottom: 20px;}
	.maincontents .mainvisual ul.slick-slider li.mv_03 button {  padding: 0px 10px; font-size: 13px; height: auto; line-height: 28px;}
	.maincontents .mainvisual .pageset { bottom: 15px }
	
	.maincontents .openplatform { height: auto }
	.maincontents .openplatform ul { margin: 5px 0 15px 0 }
	.maincontents .openplatform ul li { background-size: 3.5em !important; background-position-y: 10px !important; }
	.maincontents .openplatform ul li a { padding: 65px 0 10px 0; font-size: 11.5px; font-weight: bold; word-break: keep-all }
	
	.maincontents .openbankVod { text-align: center;background: #f8f8f8; width: 100%; float: left; margin-bottom: 20px;border: 1px solid #DDD;box-sizing: border-box; }
	.maincontents .openbankVod iframe{ margin: 1%; width: 98%; height: auto;}
	.maincontents .openapiMsg { background-size: cover; height: 120px; width: 100%; }
	.maincontents .openapiMsg .openapiMsgL { padding: 0; width: 100%; padding: 5px 0px 0px 5px; }
	.maincontents .openapiMsg .openapiMsgL .msgTitle { font-size: 18px; padding: 15px 0 0 12px;}
	.maincontents .openapiMsg .openapiMsgL .msgTxt { font-size: 12.5px; margin: 5px 0 0; line-height: 1.55; padding: 0px 3px 0 12px;}
	
	.maincontents .openapi h3 strong { font-size: 20px }
	.maincontents .openapi ul { margin-bottom: 20px }
	.maincontents .openapi ul li { width: 100%; margin-bottom: 5px }
	.maincontents .openapi ul li { margin-right: 1% !important; padding: 15px 2px 15px 50px; background-size: 20% !important; height: auto; background-position: 10px center !important; width: 49.5%; margin-bottom: 1%;}
	.maincontents .openapi ul li:nth-child(2n) { margin-right: 0px !important }
	.maincontents .openapi ul li a strong { font-size: 14px }
	.maincontents .openapi ul li a span { display: none }

	.maincontents div h3 strong { font-size: 20px }
	.maincontents .contentBottom .compBox { width: 100% }
	.maincontents .contentBottom .compListBox { display: none }
	.maincontents .contentBottom .compListBoxM { display: block; float: left; width: 100%; height: 200px; background: none; border: none; box-sizing: border-box; display: table; }
	.maincontents .contentBottom .compListBoxM .compListM { width: 100%; float: left; height: auto; overflow: hidden }
	.maincontents .contentBottom .compListBoxM .compListM .box_list { height: 300px; overflow: hidden; }
	.maincontents .contentBottom .compListBoxM .compListM .box_list > li{ width: 49.5%; margin: 0px 1% 1% 0px;; float: left;}
	.maincontents .contentBottom .compListBoxM .compListM .box_list > li:nth-child(2n){ margin-right: 0 } 

	.maincontents .contentBottom .compListBoxM .compListM a:hover{ text-decoration: none }
	.maincontents .contentBottom .compListBoxM .compListM .box_wrap {border: 1px solid #ccc;margin: 0px;background: #FFF;}
	.maincontents .contentBottom .compListBoxM .compListM .box_wrap:hover { border-color: #999; }
	.maincontents .contentBottom .compListBoxM .compListM .box_wrap .img_box{ height: 50px; line-height: 50px;padding:0;border-bottom: 1px dashed #ddd; text-align: center;}
	.maincontents .contentBottom .compListBoxM .compListM .box_wrap .img_box img {display: inline-block;width: auto;height: auto; max-width: 90%; max-height: 90%; vertical-align: middle;}
	.maincontents .contentBottom .compListBoxM .compListM .box_wrap .img_box.default_:after{content:url('/images/cover_default.png')}
	.maincontents .contentBottom .compListBoxM .compListM .box_wrap .info_box{padding: 7px 3px 7px 7px; height: 30px;}
	.maincontents .contentBottom .compListBoxM .compListM .box_wrap .info_box span { display: none }
	.maincontents .contentBottom .compListBoxM .compListM .box_wrap .info_box p {width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.maincontents .contentBottom .compListBoxM .compListM .box_wrap .info_box p:first-child strong {font-size: 13px;margin-right: 5px; color: #333 }
	.maincontents .contentBottom .compListBoxM .compListM .box_wrap .info_box .info_txt{margin-top: 0px; font-size: 11px; line-height: 20px}
	
	.contentBottom .noticebox { width: 100%; margin-top: 20px }
	.contentBottom .noticebox .listgroupBox { height: auto; padding: 2px 10px; }
	.contentBottom .noticebox .listgroup dl { height: 32px  }
	.contentBottom .noticebox .listgroup dl dt { line-height: 32px; width: 240px; font-size: 13px; background-position: 0px 13px }
	.contentBottom .noticebox .listgroup dl dd { line-height: 32px; font-size: 10px }
	
	#footer { background: #fafafa;}
	.footer_menu { display: table }
	.footer_menu .menu { padding: 7px 0 0 10px }
	.footer_menu .menu li { margin-right: 0px; padding: 0 0 0 7px; }
	.footer_menu .menu li a { font-size: 11px }
	#footer .select { position: relative; right: auto; top: auto; margin: 8px 0px 8px 5px; }
	.footer_bottom .footer_in h2 { position: relative; left: auto; top: auto; width: auto; margin: 10px auto; text-align: center;}
	.footer_bottom .footer_in address { padding: 0px }
    .footer_bottom .footer_in .copyright { padding: 0; }
	
/* Location */
	.contentsarea ul.pagenavi > li:first-child { width: 38px; }
	.contentsarea ul.pagenavi > li > a { padding: 0 15px 0 10px; font-size: 13px; }
	
/* openplatform */
	body#content .subvisual { width: 100%; background-position: left center; margin-top: 0px }
	body#content .subvisual h3 { padding-top: 70px; }
	body#content .contentsarea {  min-width: auto; width: auto; padding: 0px 10px }
	body#content .contentsarea .contentsbox { min-width: auto; width: auto }
	
	body#content .contentsarea h4 { font-size: 20px }
	.menu-openplatform-overview h5 { font-size: 18px; background-position-y: 0px; margin: 0 0 10px 0; padding: 0 0 3px 20px; }
	.menu-openplatform-overview ul.txt-list { padding: 10px 15px; }
	.menu-openplatform-overview ul.txt-list li { font-size: 14px; line-height: 20px; padding: 0 0 0 10px; background-position-y: 6px;}
	.menu-openplatform-overview .conL { width: 100%; margin-bottom: 20px; }
	.menu-openplatform-overview .conL iframe { width: 100%; height: auto }
	.menu-openplatform-overview .conR { float: left; width: 100%; }
	.menu-openplatform-overview .nimg img { width: 100% }
	
	.menu-openplatform-overview .ntxt { font-size: 14px; line-height: 1.6; padding: 0px 7px;}
	
	.menu-openplatform-overview ul.txt-cplist { margin: -10px 0 40px 0; }
	.menu-openplatform-overview ul.txt-cplist li { width: 100%; background-size: 18% !important; padding: 5px 0px 10px; height: auto; min-height: 70px }
	.menu-openplatform-overview ul.txt-cplist li strong { margin: 10px 0px 0px 110px; font-size: 16px;}
	.menu-openplatform-overview ul.txt-cplist li p { margin: 5px 10px 0px 110px; font-size: 14px; width: auto; line-height: 1.6;}
	
	.menu-openplatform-overview ul.txt-effectlist li { width: 100%; padding: 15px 30px; font-size: 16px; margin: 0px 0px 5px 0px !important }
	
	.menu-openplatform-overview .target-customer,
	.menu-openplatform-overview .target-organization { margin: 0 0 20px 0; padding: 5px 5px 5px 100px; background-size: 15%; background-position: 20px center; line-height: 1.6; font-size: 15px;  }
	.menu-openplatform-overview .target-customer { text-indent: -13px; padding-left: 110px; }
	.menu-openplatform-overview .targetbox h6.stit_exp { margin-bottom: 5px }
	.menu-openplatform-overview .targetbox > ul { margin: 0 0 0 10px }
	.menu-openplatform-overview .targetbox > ul.txt-ctgcplist > li { width: 92% }
	.menu-openplatform-overview .targetbox > ul > li p { font-size: 14px; line-height: 1.6; margin: 0 0 5px 0; }
	
	.menu-openplatform-overview .openplatform-organization ul li { width: 32.6%; height: auto; margin: 0 1% 1% 0; padding: 3px; }
	.menu-openplatform-overview .openplatform-organization ul li:nth-child(3n) { margin-right: 0px }
	
	.menu-openplatform-overview .openplatform-example { padding: 10px 0 20px; height: auto; background-repeat: repeat-y;}
	.menu-openplatform-overview .openplatform-example h4 { position: relative; left: auto; top: auto; margin: 20px 0 10px 15px;}
	.menu-openplatform-overview .openplatform-example .exampleslide,
	.menu-openplatform-overview .openplatform-example .exampleslide ul { height: auto; display: table; }
	.menu-openplatform-overview .openplatform-example ul li { width: 100%}
	.menu-openplatform-overview .openplatform-example dl dt { width: auto; padding: 10px 0 0 0; margin-left: 15px;}
	.menu-openplatform-overview .openplatform-example dl dt strong { font-size: 40px; line-height: 22px; }
	.menu-openplatform-overview .openplatform-example dl dt span {font-size: 18px; margin-bottom: 10px; color:#FFF }
	.menu-openplatform-overview .openplatform-example dl dt p { font-size: 13px; line-height: 1.6 }
	.menu-openplatform-overview .openplatform-example dl dd { width: 100%; text-align: center  }
	.menu-openplatform-overview .openplatform-example dl dd img { margin: 0px auto; width: 50% }
	.menu-openplatform-overview .openplatform-example .pageset { position: relative; left: auto; bottom: auto; width: auto; height: 18px; margin: 0px auto;}
	.menu-openplatform-overview .openplatform-example .navi { position: relative; left: auto; top: auto; margin: 0 auto; display: table }
	.menu-openplatform-overview .openplatform-example .navi a { width: 22px }
	
/* OPEN API */
	.menu-openapi-intro h5 { font-size: 18px; background-position-y: 0px; margin: 0 0 10px 0; padding: 0 0 3px 20px; }
	.menu-openapi-intro .ntxt { font-size: 14px; line-height: 1.6; padding-left: 5px; }
	.menu-openapi-intro .nimg { margin: 5px 0 20px; }
	.menu-openapi-intro .nimg img { width: 100% }
	.menu-openapi-intro ul.txt-list { padding: 10px 15px; }
	.menu-openapi-intro ul.txt-list li { font-size: 14px; line-height: 20px; padding: 0 0 0 10px; background-position-y: 6px;}
	
/* useRequest */
	.menu-useapply .applystepbox { margin: 0px auto; width: 290px; display: table;}
	.menu-useapply .applystepbox ul li { margin-top: 0px; margin-right: 0px; display: table; }
	.menu-useapply .applystepbox ul li div { border-radius: 25px !important; }
	.menu-useapply .applystepbox ul li div:before { display: none }
	.menu-useapply .applystepbox ul li.step2 { margin-top: 20px }
	.menu-useapply .applystepbox ul li.step3 { margin-top: 70px }
	.menu-useapply .applystepbox ul li.step4 { margin-top: -20px }
	.menu-useapply .applystepbox ul li.step2 div { margin-top: 0 }
	.menu-useapply .applystepbox ul li.step4 div {}
	.menu-useapply .applystepbox ul li.step2 > h5, 
	.menu-useapply .applystepbox ul li.step4 > h5 { margin-top: -80px }
	.menu-useapply .applystepbox ul li.step2 > p, 
	.menu-useapply .applystepbox ul li.step4 > p { margin-top: 45px }
	.menu-useapply > p { padding: 10px 0; margin-top: 80px; font-size: 15px; line-height:  24px; }
	.menu-useapply > p img { width: 6% }
	
/* showcase */
	.menu-openplatform-overview .box_list > li { width: 49.5%; margin: 0 1% 1% 0 }
	.menu-openplatform-overview .box_list > li:nth-child(2n) { margin-right: 0px }
	.menu-openplatform-overview .box_wrap .img_box { height: 60px; line-height: 60px; padding: 5px 0 }
	.menu-openplatform-overview .box_wrap .img_box a img { width:auto; max-width: 90%; height: auto; max-height:60px }
	.menu-openplatform-overview .box_wrap .info_box { padding: 7px 5px 0px; height:auto }
	.menu-openplatform-overview .box_wrap .info_box p strong a { font-size: 16px; float: left; }
	.menu-openplatform-overview .box_wrap .info_box p span{ line-height: 1.6; clear: both; float: left;  }
	.menu-openplatform-overview .box_wrap .info_box .lb { clear: none; font-size: 11px; padding: 2px 4px; float: left; margin: 0 4px 0 0 }
	.menu-openplatform-overview .box_wrap .info_box .info_txt { margin-top: 5px; font-size: 12px; line-height: 1.2 }
	.menu-openplatform-overview .badge_area { padding: 5px 0 5px }
	.menu-openplatform-overview .badge label { font-size: 11px; height: auto; padding: 0 5px; line-height: 16px;}
	.menu-openplatform-overview .databoard th { font-size: 12px; padding: 7px 5px; }
	.menu-openplatform-overview .databoard td { font-size: 12px; line-height: 1.4; padding: 7px 5px; }
	
	.menu-openplatform-overview .box_co { margin: 20px 0; padding: 10px 10px 10px 10px;}
	.menu-openplatform-overview .box_co .img_wrap { float: left;  padding: 5px; }
	.menu-openplatform-overview .txt_wrap { margin: 5px }
	.menu-openplatform-overview .txt_wrap strong { font-size: 16px; margin: 5px 0 0 5px }
    .menu-openplatform-overview .txt_wrap span { display: block; padding-top: 5px; }
    .menu-openplatform-overview .txt_wrap span .lb {  float: left }
	.menu-openplatform-overview .txt_wrap .author a { padding: 7px 0 0 5px; display: block; clear: both; }
	.menu-openplatform-overview .screen_shot { padding: 10px 0 }
	.menu-openplatform-overview .screen_shot li { width: 32.8%; margin: 0px 0.8% 1% 0px }
	.menu-openplatform-overview .screen_shot li:nth-child(3n) { margin-right: 0px }
	.menu-openplatform-overview .screen_shot li img,
	.menu-openplatform-overview .screen_shot #webscreen li img  { width: auto; max-width: 98%; height: auto; max-height: 150px }

/* useguide */
	.menu-useguide-intro h4 { font-size: 20px; margin-bottom: 15px }
	.menu-useguide-intro h5 { font-size: 18px; background-position-y: 0px; margin: 20px 0 10px 0; padding: 0 0 3px 20px; }
	.menu-useguide-intro .tabbox { margin: 0px }
	.menu-useguide-intro .tabbox .ugTabbox1 { display: none }
	.menu-useguide-intro .tabbox .ugTabbox1m { display: block }
	.menu-useguide-intro .tabbox .ugTabbox2 { display: none }
	.menu-useguide-intro .tabbox .ugTabbox2m { display: block }
	.menu-useguide-intro .tabbox ul { height: auto; margin: 10px 0 0 0; padding: 5px 20px 0 20px; }
	.menu-useguide-intro .tabbox ul li { height: auto; display: table; padding-bottom: 15px }
	.menu-useguide-intro .tabbox button.slick-prev { left: 10px }
	.menu-useguide-intro .tabbox button.slick-next { right: 10px }
	.menu-useguide-intro .tabbox ul li.slick-slide {  }
	.menu-useguide-intro .tabbox ul li.slick-slide img { width: 100% }
	.menu-useguide-intro .useguide-organization .tabbox ul { height: auto; padding-bottom: 10px }

/* Notice */
	body#customer .subvisual { position: relative; width: 100%; margin-top: 0px; background-size: auto 100%; }
	body#customer .subvisual h3 { padding-top: 70px }
	fieldset.boardschbox { display: none }
	body#customer .container { padding: 0 10px }
	body#customer .container .contentsarea { min-width: auto; }
	body#customer .container .contentsarea .contentsbox { width: auto }
	body#customer .contentsarea h4 { font-size: 20px; margin-bottom: 15px }
	body#customer .contentsarea .totalcnt { height: 20px; }
	body#customer ul.boardlist li { padding: 5px 0px 5px 5px }
	body#customer ul.boardlist li a.title { font-size: 13px; }
	body#customer ul.boardlist li a.title label { margin: 0 4px 0 0 }
	body#customer ul.boardlist li .txt { margin: 5px 0 2px 41px; font-size: 12px; line-height: 16px; height: 31px; }
	body#customer ul.boardlist li a.detailview { font-size: 12px; margin-left: 41px; }
	body#customer ul.boardlist li .info p { display: none;}
	
	body#customer .menu-notice .boardview dt { overflow: hidden; padding: 5px 5px 5px 2px; word-break: keep-all }
	body#customer .menu-notice .boardview dt strong { font-size: 14px;  }
	body#customer .menu-notice .boardview dl { padding: 0 }
	body#customer .menu-notice .boardview dd.info { position: relative; right: auto; top: auto; width: 100%; margin: 5px auto 0;}
	body#customer .boardview dd.info ul li:first-child { display: none }
	body#customer .boardview dd.info ul li { padding: 7px 0 7px 0; border: 1px solid #EEE; border-width: 1px 1px 0 1px; font-size: 12px }
	body#customer .boardview dd.info ul li.attachment span { height: auto; font-size: 12px; font-weight: bold; margin-bottom: 7px; }
	body#customer .boardview dd.info ul li.attachment { padding-bottom: 0; }
	body#customer .boardview dd.info ul li.attachment p { padding: 7px 10px 7px 15px; }
	body#customer .boardview dd.contentsview { min-height: 250px; padding: 15px 10px 10px 15px }
	body#customer .boardview dd.contentsview pre { width: 100%; font-size: 12px; }

/* Rule */
	body#customer .menu-userule { padding-left: 0px !important }


}