@font-face {
    font-family: iLogisysFont;
    src: url('.../FontIcon/fonts/iLogisysFont.woff') format('woff'),
    url('.../FontIcon/fonts/iLogisysFont.ttf') format('truetype');
    }
/*css reset*/
*, *:before, *:after{outline: none !important;}
*:before, *:after{border: none !important;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;margin: 0;padding: 0;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
img{vertical-align: top;}

/*common*/
.fl_after:after{display: block;clear: both;content: '';}
.fl_l{float: left;}
.d_b{display: block;}

/*layout*/
html,body{width: 100%;height:100%;}
body{position: relative;font-family: 'Open Sans', sans-serif;background-size: cover;background-position: center;background-repeat: no-repeat;background-attachment: fixed;background-color:rgba(60,60,60,0.8)}
body form {width:100%;height:100%;}
.container,.contents,.box-wrap{width: 100%;height: 100%;}

/*custom*/
.container .box-wrap{position: relative;height:100%;min-width:320px;max-width:450px;}
.container .box{position: relative;width: 100%;top:0;min-height:480px;background-color: #464646;}
.container .box .logo{width: 100%;text-align: center;padding-top:30px;}
.container .box .default_logo {color:#fff;padding:15px 0;}
.container .box .logo>img{width: 50%;padding:50px 0 0; position: relative;left: 50%; margin-left: -95%;image-rendering: auto;}
.container .box .logo_crm>img{width: 50%;padding:70px 0 50px; position: relative;left: 50%; margin-left: -95%;}
.container .box .logo_ifms>img{width: 50%;padding:70px 0 50px; position: relative;left: 50%; margin-left: -95%; margin-top: 1%}
.container .box .logo_ifulfill>img{width:70%;padding:70px 0 50px;}
.container .box .logo_ipims>img{padding-bottom:25px;}
.container .box .logo_subtitle{color: #fff;font-weight: normal;text-align: center;padding: 20px 0}
.container .box .input-custom{position: relative;width: 74%;margin: 0 auto;padding:8px  0;}
.container .box .input-custom .form-customize{position: relative;width: 100%;border: none;border: 2px solid #cccccc;box-sizing:border-box;padding: 15px 15px 15px 50px;margin: 0 auto; outline:none;z-index: 20;background-color: #fff;font-size: 1.2em;border-radius: 5px;}
.container .box .input-custom .ico_login {position:absolute;left:11px;top:19px;width:30px;height:30px;background-position:center;background-repeat:no-repeat;background-size:20px 20px;z-index:30;opacity:0.7}
.container .box .input-custom .ico_account {background-image:url(/Content/customize/images/ico_user.png); }
.container .box .input-custom .ico_pwd {background-image:url(/Content/customize/images/ico_lock.png);}
.container .box_ipims .input-custom{padding:15px 0;}
.container .box .checkbox{width: 150px;margin: 0 auto;padding: 25px 0;color: #fff;}
.container .box .btn{padding: 15px 0;width: 74%;position: absolute;left: 13%;outline:none;background-color: #1793BD;border: none;color: #ffffff;font-weight:500;margin: 12px 0 0;border-radius: 3px;cursor:pointer;}

.sublogo-wrap{position: relative;}
.sublogo-wrap .suntek_logo{position: fixed;right: 50%;bottom: 0;margin-right: -15%;width:30%; margin-bottom:0.8%;}   /* 2017.9.18 by s.yoo(À¯¼®) : margin-bottom:0.8%; Ãß°¡. Login È­¸é¿¡¼­ Suntek Logo°¡ ¾Æ·¡·Î ¹Ð¸®´Â ¹®Á¦ ¼öÁ¤. */
.sublogo-wrap .suntek_logo>img{width: 100%;}


.icon-wrap:after{display: block;clear: both;content: '';}
.icon{display: block;float: left;width: 18px;height: 18px;font-size: 18px;color: #464646;border: 1px solid #aaaaaa;margin: 10px;padding: 20px 20px 40px 20px;background-color: #eaeaea;text-align: center;border-radius: 3px;}

.icon>span.exp{font-size: 18px;padding: 0;margin: 0;}
.icon>span{font-family: 'Open Sans', sans-serif;display: block;font-size: 10px;width:100%;position: absolute;left: 0;padding-top: 10px;}

.validation-summary-errors {margin:0;padding:0;}
.field-validation-error, .field-validation-error {text-align:center;display:block;}
.validation-summary-errors,.field-validation-error>span,.field-validation-valid>span {display:block;color:red; text-align:center; padding:15px 0; font-weight:600; font-size:14px;}

/*Media Queries : Mobile first RWD*/
@media screen and (max-width:449px){
.sublogo-wrap {display: none;}

}

@media screen and (min-width:450px){

.container .box-wrap{position:fixed;left:50%;margin-left: -225px;}
.container .box{position: absolute;left: 50%;top: 18%;margin-left: -225px;max-width:450px;height: 515px;border-radius: 3px;}
.sublogo-wrap .suntek_logo{width:30%;margin-right: -15%;}
.container .box .btn{font-size: 15px;}
.wrap_defaultPage .default_list .default_item .default_item_logo>img{max-width:250px;}
.wrap_defaultPage .default_list .default_item .default_item_ifulfill>img{width:70%;max-width:60%;}

}
@media screen and (max-width:767px) {

body form {background-color:#464646;}

}
@media screen and (min-width:768px){
.container .box-wrap{position:fixed;left:23%;background-color: rgba(40,40,40,0.5);}
.container .box{background-color: transparent;}
.sublogo-wrap .suntek_logo{width:15%;right:15px;margin-right: 0;min-width:270px;}
.container .box .logo>img{padding:55px 0 0;}
.container .box .logo_crm>img{padding:70px 0 30px;}
.container .box .logo_ifulfill>img{width:70%;padding:75px 0 30px;}
.container .box .logo_ipims>img{padding-bottom:30px;}
.container .box .logo_subtitle{padding: 20px 0 20px;}
.container .box .btn{font-size: 15px;}
.container .box_ipims .btn{margin:40px 0 0;}
.wrap_defaultPage .default_list .default_item .default_item_logo>img{min-width:250px;max-width:250px;}

}
@media screen and (min-width:1000px){
.container .ifms-box{left: 75%}
    .container .box {
        position: absolute;
        left: 50%;
        top: 20%;
    }
/*.container .box .input-custom{width: 64%;}
.container .box .btn{width: 64%;left: 18%;font-size: 15px;}*/
.wrap_defaultPage .default_list{padding-top: 50px;height: 55%;}
.wrap_defaultPage .default_list>li{width: 25%;height:60%;}
.wrap_defaultPage .default_list .default_item .default_item_logo>img{width:70%;min-width:180px;max-width:200px;}
.wrap_defaultPage .default_list .default_item .default_item_ifulfill>img{width:80%;max-width:300px;padding-top: 20px;margin-top: 10px;}
.wrap_defaultPage .default_list .default_item{box-sizing:border-box;width:100%;height: 100%;}
.wrap_defaultPage .default_list>li{border-left: 1px solid #aaaaaa;}
.wrap_defaultPage .default_list>li:first-child{border-left: none;}
.wrap_defaultPage .default_list>li:last-child{border-right: none;}
.wrap_defaultPage .default_list .default_item .default_item_subtitle{font-size: 12px}
.wrap_defaultPage .defaultPage_footer{width:100%;height:5%;text-align: center;}
.wrap_defaultPage .defaultPage_footer .suntek_logo_center{height:5%;box-sizing:border-box;width: 15%;padding: 10px;margin: 0 auto;}
.wrap_defaultPage .defaultPage_footer .suntek_logo_center>img{width:100%;}
}

/*iCHB_main >> home.cshtml¿¡¼­ body¿¡ Ŭ·¡½º Ãß°¡Çؼ­ ½ºÅ¸ÀÏ Àû¿ë*/

/*iCHB_main >> container*/
.ichb_main #container{height:100%;width:100%;}
.ichb_main #container .c_section01{width:100%;background-color: #f8f8f8;}
.ichb_main #container .c_separator{width: 100%;height: 2px;background-color: #eee;}

.ichb_main #container .c_titleWrap{width: 100%;height: 90px;background-color: #d3d3d3;color: #464646;line-height: 90px;text-indent: 2.5em;}
.ichb_main #container .c_titleWrap .c_title{font-size: 1.8em;}

.ichb_main #container .c_contentsWrap{min-width:1300px;}
.ichb_main #container .c_contentsWrap .c_subtitleWrap{width: 273px;height: 78px;border-left: 10px solid #00c1b5;background-color: #fff;color: #464646;}
.ichb_main #container .c_contentsWrap .c_subtitleWrap .c_subtitle{padding: 26px 0 0 25px;}
.ichb_main #container .c_contentsWrap .c_subtitleWrap .c_subtitleText{text-indent: .5em;display: block;height: 25px;line-height: 25px;font-size:1.4em;}
.ichb_main #container .c_subtitleWrap .c_subIcon{display: inline-block;width: 25px;height: 25px;background-position: center;background-repeat: no-repeat;background-size: 25px 25px;}
.ichb_main #container .c_subtitleWrap .c_subEntryIcon{background-image: url(../images/ico_entry.png);}
.ichb_main #container .c_subtitleWrap .c_subCargoIcon{background-image: url(../images/ico_cargo.png);}

.ichb_main #container .c_subcontentsWrap{width:calc(100% - 283px);height:78px;background-color: #f8f8f8;}
.ichb_main #container .c_subcontents{padding:20px;}
.ichb_main #container .c_subcontents>li{float: left;font-size: 14px;color: #464646;height: 100%;height:38px;line-height: 38px;}
 
.ichb_main #container .c_subcontents>li:first-child{width: 238px; line-height: 20px;}
.ichb_main #container .c_subcontents>li.separator{font-weight: bold;color: #ddd;padding: 0 18px 0 20px;}
.ichb_main #container .c_subcontents>li.c_subcontentsBtn{}
.ichb_main #container .c_subcontents>li.c_subcontentsBtn>span{display: block;float: left;}
.ichb_main #container .c_subcontents>li.c_subcontentsBtn .c_subTitleSmall{display: inline-block;width: 135px;}
.ichb_main #container .c_subcontents>li.c_subcontentsBtn>span.c_subBtnSmall{width:20px;height: 38px;background-position: center;background-repeat: no-repeat;background-size: 20px 20px;margin-right: 10px;}
.ichb_main #container .c_subcontents>li.c_subcontentsBtn>span.btnAdd{background-image: url(../images/ico_add.png);}
.ichb_main #container .c_subcontents>li.c_subcontentsBtn>span.btnList{background-image: url(../images/ico_list.png);}

.ichb_main #container .c_subcontents>li .c_subcontentsForm{display:block;padding:0px 4px;border: 2px solid #00c1b5;border-radius: 7px;color: #b3b3b3;/*height: 32px;*/font-size: 14pt;margin:6px 0 0 15px;}

.ichb_main #container .c_subcontents>li .x-form-field:focus {border:none !important;}
.ichb_main #container .c_subcontents>li #txtEntryNo #txtEntryNo-inputEl.x-form-text {border:none;border-radius: 7px;}
.ichb_main #container .c_subcontents>li #txtCargoRls #txtCargoRls-inputEl.x-form-text {border:none;border-radius: 7px;}


@media screen and (max-width:1000px) {
.ichb_main #container .c_contentsWrap{min-width:1200px;}
.ichb_main #container .c_contentsWrap .c_subtitleWrap{width: 200px;}
.ichb_main #container .c_subcontents>li.separator{padding: 0 8px 0 10px;}
.ichb_main #container .c_subcontents>li .c_subcontentsForm{margin-left:5px}
}

/*s-ERP_main >> container*/
.serp_main #container{height:100%;width:100%;}
.serp_main #container .c_section01{width:100%;background-color: #f8f8f8;}
.serp_main #container .c_separator{width: 100%;height: 2px;background-color: #eee;}

.serp_main #container .c_titleWrap{width: 100%;height: 90px;background-color: #d3d3d3;color: #464646;line-height: 90px;text-indent: 2.5em;}
.serp_main #container .c_titleWrap .c_title{font-size: 1.8em;}

.serp_main #container .c_contentsWrap{min-width:1300px;}
.serp_main #container .c_contentsWrap .c_subtitleWrap{width: 283px;height: 78px;border-left: 10px solid #00c1b5;background-color: #fff;color: #464646;}
.serp_main #container .c_contentsWrap .c_subtitleWrap .c_subtitle{padding: 26px 0 0 25px;}
.serp_main #container .c_contentsWrap .c_subtitleWrap .c_subtitleText{text-indent: .5em;display: block;height: 25px;line-height: 25px;font-size:1.5em;}
.serp_main #container .c_subtitleWrap .c_subIcon{display: inline-block; width: 25px; height: 24px;background-position: center;background-repeat: no-repeat;background-size: 25px 26px;}
.serp_main #container .c_subtitleWrap .c_subJournalIcon{background-image: url(../images/ico_journal.png);}
.serp_main #container .c_subtitleWrap .c_subBillIcon{background-image: url(../images/ico_bill.png);}
.serp_main #container .c_subtitleWrap .c_subAcctSumSheetIcon{background-image: url(../images/ico_accountsumsheet.png);}
.serp_main #container .c_subtitleWrap .c_subTrialBalanceIcon{background-image: url(../images/ico_trialbalance.png);}
.serp_main #container .c_subtitleWrap .c_subBillPaymentIcon{background-image: url(../images/ico_billpayment.png);}

.serp_main #container .c_subcontentsWrap{width:calc(100% - 283px);height:78px;background-color: #f8f8f8;}
.serp_main #container .c_subcontents{padding:20px;}
.serp_main #container .c_subcontents>li{float: left;font-size: 14px;color: #464646;height: 100%;height:38px;line-height: 38px;}

.serp_main #container .c_subcontents>li.separator{font-weight: bold;color: #ddd;padding: 0 18px 0 20px;}
.serp_main #container .c_subcontents>li.c_subcontentsBtn{}
.serp_main #container .c_subcontents>li.c_subcontentsBtn>span{display: block;float: left;}
.serp_main #container .c_subcontents>li.c_subcontentsBtn .c_subTitleSmall{display: inline-block;width: 135px;}
.serp_main #container .c_subcontents>li.c_subcontentsBtn>span.c_subBtnSmall{width:20px;height: 38px;background-position: center;background-repeat: no-repeat;background-size: 20px 20px;margin-right: 10px;}
.serp_main #container .c_subcontents>li.c_subcontentsBtn>span.btnAdd{background-image: url(../images/ico_add.png);}
.serp_main #container .c_subcontents>li.c_subcontentsBtn>span.btnList{background-image: url(../images/ico_list.png);}