@charset "utf-8";

/* ---------------------------- title ---------------------------- */
.title1{margin: 0 0 15px 0 ;line-height: 20px;padding: 0 0 0 18px;background: url("../images/common/bullet02.png") left 2px no-repeat;background-size: 14px;font-size: 13px;color: #444;font-weight: bold;}
.title2{margin: 0 0 10px 0 ;line-height: 20px;font-size: 13px;color: #444;}
.title3{margin: 0 0 10px 0 ;line-height: 20px;font-size: 16px;color: #fff;}

/* ---------------------------- align ----------------------------*/
.al-c{text-align: center !important}
.al-l{text-align: left !important}
.al-r{text-align: right !important}

/* ---------------------------- button ---------------------------- */
.btn-box{padding: 10px 0;text-align: center}
.btn{display: inline-block;min-width:88px;height:26px;line-height: 24px;padding: 0 15px;margin: 0 1px;box-sizing: border-box;border: 1px solid #555;background-color:#555 ;color: #fff;vertical-align: top;transition: all 1s;}
.btn>i{display: inline-block;margin:  0 3px 0 0;}
.btn.ico-r>i{margin-left: 3px;margin-right: 0}
.b-navy1{background-color: #436e9b;border-color: #436e9b;color: #fff}
.b-blue1{background-color: #4085ee;border-color: #4085ee;color: #fff}
.b-blue2{background-color: #449ecc;border-color: #449ecc;color: #fff}
.b-blue3{background-color: #2c58f7;border-color: #2c58f7;color: #fff}
.b-blue4{background-color: #397af2;border-color: #397af2;color: #fff}
.disabled{background-color: #a3d5ef;border-color: #a3d5ef;color: #fff}
.b-red1{background-color: #f84600;border-color: #f84600;color: #fff}
.b-red2{background-color: #eb5561;border-color: #eb5561;color: #fff}
.b-red3{background-color: #ff6b6b;border-color: #ff6b6b;color: #fff}
.b-grey1{background-color: #81898d;border-color: #81898d;color: #fff}
.b-white1{background-color: #fff;border-color: #999;color: #999}
.b-green1{background-color:#3f9142;border-color:#3f9142;color:#fff}

.btn:hover{background-color: #333}
.b-navy1:hover{background-color: #375b81;border-color: #375b81;}
.b-blue1:hover{background-color: #3673d0;border-color: #3673d0;}
.b-blue2:hover{background-color: #3b8bb4;border-color: #3b8bb4;}
.b-blue3:hover{background-color: #2c58f7;border-color: #2c58f7;color: #fff}
.b-blue4:hover{background-color: #3774e4;border-color: #3774e4;color: #fff}
.b-red1:hover{background-color: #dd3f01;border-color: #dd3f01;}
.b-red2:hover{background-color: #c4444e;border-color: #c4444e;}
.b-red3:hover{background-color: #ee6666;border-color: #ee6666;}
.b-grey1:hover{background-color: #656d71;border-color: #656d71;}
.b-white1:hover{background-color: #fff;border-color: #999;color: #999}
.b-green1:hover{background-color:#357b36;border-color:#357b36}
.disabled:hover{background-color: #a3d5ef;border-color: #a3d5ef;color: #fff}


.medium{min-width: 64px;height: 28px;line-height: 26px;font-size: 14px;border-radius: 3px;padding: 0 10px;font-size: 13px;}
.large{min-width: 130px;height: 40px;line-height: 38px;font-size: 14px;border-radius: 3px}
.xlarge{min-width: 150px;height: 44px;line-height: 42px;padding: 0 20px;font-size: 14px;border-radius: 3px ;}

.b-arr{height: 40px;line-height: 38px;padding: 0 0;
border: 0;text-align: left;font-size: 14px;color: #fff;
background-color:#2d58f7;
min-width:10px;
}
.buttonArea{position:relative; display:inline-block;}
.b-arr::before{
    position:absolute;
    display: inline-block;
    top:0;
    content:"";
    width:20px;
    height:40px;
    margin-left:-20px;
    background:url("../images/common/btn_arr.png")  no-repeat left top;     
}
.b-arr::after{
    position:absolute;
    display: inline-block;
    top:0;
    content:"";
    width:50px;
    height:40px;
    background:url("../images/common/btn_arr.png")  no-repeat right top;     
}

.b-arr:hover{
	background-color:#2d58f7;
}

/* ---------------------------- Tab ---------------------------- */
.tab-type1{margin:  0 0 10px 0}
.tab-type1::after{content: "";display: block;clear: both}
.tab-type1>li{float:left;padding:5px 20px;margin:0 5px 0 0;border:1px solid #e4e4e4;background-color: #f3f3f3;text-align: center;color: #666;cursor: pointer;font-size: 14px;color: #666}
.tab-type1>li.current{background-color: #2c58f7;border-color: #2c58f7;font-weight: bold;color: #fff}
.tab-content{display: none;height: 100%;}
.tab-content.current{display: inherit;}

.tab-container{height: calc(100% - 47px);box-sizing:border-box;}
.tab-container .answer-entry{/*height: 350px;*/height:100%;}
.tab-container .answer-entry .textarea-box{height: 99%;}

/* ---------------------------- box ---------------------------- */
.scroll-y{overflow-y: auto}
/*폰트 조정함*/
.scroll-y .desc{font-size:14px}
/*폰트 조정함*/
.box1{position: relative;height: 100%;padding:  15px 13px 10px 87px;border: 1px solid #eeeeee;box-sizing: border-box;}
.box2{position: relative;height: 100%;overflow:hidden !important;}
.box3{padding:10px;border: 1px solid #eee;height: auto;}
.box4{margin:  0 0 10px 0;padding: 20px;border: 1px solid #e8e8e9;background-color: #fff}
#content_50 .row{overflow:hidden !important;}
#content_50 .tab-container .scroll-y{overflow:hidden !important;}

/* ---------------------------- space ---------------------------- */
.indent1{margin-left:17px }
.indent1>ol{margin-left: 14px}

/* ---------------------------- text ---------------------------- */
.desc{margin:  0 0 5px 0;color: #333;line-height: 16px}
.desc2{color: #666;font-size: 13px;color: #666}
.text1{line-height: 42px;margin: 0 0 15px 0;font-size: 30px;color: #111}
.text2{line-height: 30px;margin: 0 0 15px 0;font-size: 20px;color: #444}
.text3{font-size: 15px;margin: 0 0 15px 0;color: #666}
.text4{line-height:48px;font-size: 35px;margin: 0 0 15px 0;color: #666}
.text5{line-height:30px;font-size: 16px;margin: 0 0 15px 0;color: #666}
.box1 .desc{margin-bottom: 10px}

/* ---------------------------- text color ---------------------------- */
.fc-blue1{color: #2c58f7 !important;}
.fc-red1{color: #c0392b !important;}
.fc-orange1{color: #f84600 !important;}
.fc-orange2{color: #f36d02 !important;}
/* ---------------------------- float ---------------------------- */
.fl-l{float: left}
.fl-r{float: right;}
.fl-c{float: none}

/*  */
.line{display: inline-block;height: 26px;width: 1px;margin: 0 3px ;border-left: 1px dashed #bbbbbb;vertical-align: top}
.space{display: block;width: 100%;height: 1px;margin: 0 0 10px 0;background-color: #bbb;border: 0}
.space::after{content: "";display: block;clear: both}
.q-type{position: absolute;left:10px;top:10px; width: 68px; word-break: keep-all;}
.q-type>dl{margin: 0 0 10px 0;border: 1px solid #ddd;text-align: center}
.q-type>dl>dt{height: 30px;line-height: 30px;color: #666;background-color: #f7fbff;border-bottom: 1px solid #ddd;font-size: 20px;font-weight: 500;}
.q-type>dl>dd{padding: 8px 0;line-height:15px; }
.q-type>dl>dd>span{display: block;}
.q-type>.review>.chk-review{display: block;margin: 0 auto 5px auto}
.q-type>.review>label{display: block;width: 100%;text-align: center}
.answer-cont{height: calc(100% - 66px);}
.answer-cont .tab-pane{height: 100%}
.answer-cont .tab-pane .desc{color: #666;line-height: 22px}
.question{display: block;width: 100%;height: auto;margin:  0 0 10px 0}
.question .desc{width: 100%;line-height: 16px;color: #333;}

/* ---------------------------- slide ---------------------------- */
.slide-wrap{display: inline-block;text-align: center}
.slide-pager{display:none;width: 100%;height: 9px;text-align: center}
.slide-pager>li{display: inline-block;margin: 3px 0 0 0;vertical-align: top;font-size: 0;}
.slide-pager>li>a{display: inline-block;width: 3px;height: 3px;background-color: #999999;border-radius: 50%}

/* ---------------------------- table ---------------------------- */
.basic-table{position: relative;table-layout: fixed;width: 100%;font-size: 13px;}
.basic-table::before{content: "";display: block;position: absolute;left: 0;top: 0;width: 100%;height: 2px;background-color: #385579}
.basic-table::after{content: "";display: block;position: absolute;left: 0;bottom:0;width: 100%;height: 1px;background-color: #385579}
.basic-table>thead>tr>th{padding:8px;line-height: 16px;background-color: #f4fcff;border-left: 1px solid #ddd;text-align: center;color: #444}
.basic-table>tbody>tr>th{padding:8px 8px;background-color: #f4fcff;border-bottom:1px solid #ddd;border-left: 1px solid #ddd;text-align: center;color: #444;}
.basic-table>tbody>tr>td{padding:8px 19px;color: #444;line-height: 20px;border-left: 1px solid #ddd;border-bottom:1px solid #ddd}
.basic-table>thead>tr>th:first-child{border-left: 0}
.basic-table>tbody>tr>th:first-child{border-left: 0}
.basic-table>tbody>tr>td:first-child{border-left: 0}
.basic-table>thead>tr>th.bd-l{border-left: 1px solid #ddd}
.basic-table>tbody>tr>th.bd-l{border-left: 1px solid #ddd}
.basic-table>tbody>tr>td.bd-l{border-left: 1px solid #ddd}
.basic-table>tbody>tr>td .desc2{margin-bottom: 10px}
.basic-table2{position: relative;table-layout: fixed;width: 100%;font-size: 13px;}
.basic-table2{table-layout: fixed;width: 100%;text-align: left;text-align: center}
.basic-table2::before{content: "";display: block;position: absolute;left: 0;top: 0;width: 100%;height: 1px;background-color: #ddd}
.basic-table2::after{content: "";display: block;position: absolute;left: 0;bottom:0;width: 100%;height: 1px;background-color: #ddd}
.basic-table2>thead>tr>th{line-height: 16px;padding: 8px;background-color: #f5f5f5;color: #444;font-weight: 600;border-left: 1px solid #ddd}
.basic-table2>thead>tr>th:first-child{border-left: 0}
.basic-table2>tbody>tr>th{padding:8px;height: 26px;background-color: #f5f5f5;color: #444;font-weight: 600;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd}
.basic-table2>tbody>tr>th:first-child{border-left: 0}
.basic-table2>tbody>tr>td{padding: 5px 13px 5px 13px;height: 20px;color: #444;font-weight: normal;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;background-color: #fff}
.basic-table2>tbody>tr>td:first-child{border-left: 0}
.basic-table2>tbody>tr:last-child td{border-bottom: 0}
.basic-table2>tfoot>tr>td{padding: 5px 13px 5px 13px;height: 26px;color: #444;font-weight: normal;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;background-color: #f3fafe}
.basic-table2>tbody>tr>th.bg1,
.basic-table2>thead>tr>th.bg1{background-color: #f4fcff;}
.basic-table>tbody>tr>td.small-tbl{padding: 0;vertical-align: top;}
.basic-table>tbody>tr>td.small-tbl>table::before{display: none;}
.basic-table>tbody>tr>td.small-tbl>table::after{display: none;}

.nobd-l{border-left: 0 !important}
.nobd-r{border-right: 0 !important}
.nobd-b{border-bottom:0 !important}
.nobd-t{border-top: 0 !important}

/* ---------------------------- list ---------------------------- */
.list1{margin:  0 0 5px 0;}
.list1>li{margin: 0 0 7px 0;padding: 0 0 0 18px;line-height: 24px;background: url("../images/common/bullet01.png") left 5px no-repeat;font-size: 13px;color: #666}
.list2{}
.list2>li{list-style: decimal;line-height: 20px;font-size: 13px;color: #666}
.list3{word-break: keep-all; text-align: justify;}
.list3>li{/*margin: 0 0 20px 0;padding: 0 0 20px 18px;*/margin:0 0 3% 0;padding:0 0 3% 18px;line-height: 24px;background: url("../images/common/bullet01.png") left 5px no-repeat;font-size: 13px;color: #666;border-bottom: 1px dashed #ddd}
.list3>li:last-child{border-bottom: 0;margin-bottom: 0;padding-bottom: 0}
.list4>li{position:relative; margin: 0 0 5px 0;padding: 0 0 0 18px;line-height: 24px;font-size: 13px;color: #666;}
.list4>li>.num{display:block;position:absolute;left:0;top:0;}
.list5>li{position:relative;padding: 0 0 0 8px;margin: 0 0 8px 0;}
.list5>li:before{content:"";display:block;position:absolute;top:8px;left:0; width:3px;height:3px;background-color:#666;}
.list5>li:last-child{margin-bottom: 0;}


/* ---------------------------- input --------------------------- */
.agree-box{padding:0;margin: 0 0 20px 0;text-align: center}
.agree-box .chk-box{margin-right: 0;line-height: 16px;}
.agree-box .chk-box .int-chk{margin-top: 4px}
.chk-box{display: inline-block;line-height: 28px;margin: 0 28px 0 0;font-size: 13px;color: #666}
.int-chk{display: inline-block;margin: 8px 6px 0 0;vertical-align: top}
.rdo-box{display: inline-block;margin: 1px 28px 2px 0;font-size: 13px;color: #666}
.int-rdo{display: inline-block;margin: 0 6px 0 0 }
.intx-box{display: inline-block;margin:  0 2px 0 0}
.int-txt{display: inline-block;width: 100%;padding: 7px 0 5px 10px;box-sizing: border-box;border: 1px solid #dddddd}
.textarea-box{display: block;width: 100%;height: 80px}
.textarea-box .textarea{display: block;width: 100%;height:100%;box-sizing:border-box;border: 1px solid #dddddd;padding:5px;}
.textarea-box2{display: block;width: 100%;height: 100%}
.textarea-box2 .textarea{display: block;width: 100%;height:100%;box-sizing:border-box;border: 1px solid #dddddd;padding:5px}

.q-list1>li{position: relative;line-height: 20px;margin: 0 0 10px 0;padding: 0 0 0 20px;}

/*폰트 조정함*/ 
.q-list1>li>label{font-size:14px}
 /*폰트 조정함*/
 
.q-list1>li .number{display: block;position: absolute;left:0;top:5px}
.q-list2>li{position: relative;line-height: 20px;margin: 0 0 10px 0;padding: 0 0 0 38px;}
.q-list2>li input[type=radio]{display: block;position: absolute;left:0;top:3px;margin: 0;}
.q-list2>li input[type=checkbox]{display: block;position: absolute;left:0;top:3px;margin: 0;}
.q-list2>li .number{display: block;position: absolute;left:18px;top:0}

/*폰트 조정함*/
.q-list2>li>label{font-size:14px}
/*폰트 조정함*/

/* 수행형  ifram*/
.uml_noneSub { width:100%; height:99%;}


/* ---------------------------- input width ----------------------------*/
.w70{width: 70px !important}
.w75{width: 75px !important}
.w80{width: 80px !important}
.w85{width: 85px !important}
.w90{width: 90px !important}
.w100{width: 100px !important}
.w120{width: 120px !important}
.w130{width: 130px !important}
.w140{width: 140px !important}
.w150{width: 150px !important}
.w160{width: 160px !important}
.w118{width: 118px !important}
.w195{width: 195px !important}
.w200{width: 200px !important}
.w240{width: 240px !important}
.w265{width: 265px !important}
.w300{width: 300px !important}
.w360{width: 360px !important}
.w365{width: 365px !important}
.w435{width: 435px !important}
.w452{width: 452px !important}
.w547{width: 547px !important}
.w615{width: 615px !important}
.w99p{width: 99% !important}
.w100p{width: 100% !important}


.mgt{margin-top: 0 !important}
.mgr{margin-right: 0 !important}
.mgl{margin-left: 0 !important}
.mgt5{margin-top: 5px !important}
.mgt15{margin-top: 15px !important}
.mgt10{margin-top: 10px !important}
.mgt20{margin-top: 20px !important}
.mgb{margin-bottom: 0 !important}
.mgb5{margin-bottom: 5px !important}
.mgb10{margin-bottom: 10px !important}
.mgb15{margin-bottom: 15px !important}
.mgb20{margin-bottom: 20px !important}
.mgb25{margin-bottom: 25px !important}
.mgb30{margin-bottom: 30px !important}
.mgb35{margin-bottom: 35px !important}
.mgb40{margin-bottom: 40px !important}
.mgb45{margin-bottom: 45px !important}
.mgb50{margin-bottom: 50px !important}
.mgb55{margin-bottom: 55px !important}
.pd0{padding: 0 !important}

/*---------------------------- 팝업 ----------------------------*/
.modal-mask{display: none;position: fixed;top: 0; right: 0; bottom: 0; z-index:100; display: block; width: 100%; height: 100%; background-color: #000;transition: opacity .15s linear;}
.modal-mask.on{display:block;opacity: 0.5;}
/*.popup{position: absolute;left:50%;top:50%;width:1600px;height:844px;margin:-422px 0 0 -800px;z-index:1005;background-color: #fff;}*/
.popup{position: absolute;left:0;top:0;width:100%;height:100%;/*margin:2% 2% 0 2%;*/padding:2% 2%;z-index:1005;box-sizing:border-box;}
/*.popup .pop-wrap{width:100%;height:100%;padding:2% 2% 0 2%;box-sizing:border-box;}background:transparent;*/
.popup .pop-wrap{height:100%;background-color:#fff;}

.popup.login .pop-wrap{background-color:#fff;}
.popup.login {padding:0  !important;}


.pop-head{height:44px;padding: 0 10px;background-color: #1b75bc}
.pop-head::after{content: "";display: block;clear: both;}
.pop-head>h3{float: left;line-height: 44px;margin-bottom:0}
.pop-head .btn-close{float: right;display: block;padding:12px 0 0 ;color: #fff}
.pop-body::after{content: "";display: block;clear: both;}
/*.pop-body{overflow: hidden;position: relative;height: 704px;padding: 0 0 0 240px}*/
/*.pop-body{position: relative;height: 704px;}*/
.pop-body{position:relative;height:calc(100% - 44px);/*height: 800px;*/box-sizing:border-box;display: flex;}

/*.pop-body .q-box{position: absolute;left:0;top:0;width: 240px;} */
/*.pop-body .q-box{position:relative;height:100%; float:left; width: 240px;}*/
/*.pop-body .q-box{position:relative;height:100%; float:left; width:400px;}*/
.pop-body .q-box{position:relative;height:100%; width: 30%;}
.pop-body .q-box .top{overflow:hidden;width: 100%;height:44px; background-color:#adcbf7}
.pop-body .q-box .top p{width: 100%;line-height:14px; padding: 15px 0 0 0; text-align: center;font-size: 13px;color: #111;font-weight: bold}
/*.pop-body .q-box .cont{overflow:hidden; height: 660px;background-color: #dfeaf7}*/
.pop-body .q-box .cont{overflow:hidden;/*height: 756px;*/height:calc(100% - 44px);background-color: #dfeaf7;}
.pop-body .q-box .cont>div{/*height: 100%;padding:14px 10px;height:100%;*/padding:14px 10px;overflow-y: auto;box-sizing: border-box;}
.pop-body .q-box .cont>div>p{margin: 0 0 15px 0;font-size: 12px;color: #333;line-height: 22px}
.pop-body .q-box .cont>div>.example {display: block;text-align: center}
.pop-body .q-box .cont>div>.example img{max-width: 100%}
.btn-question{display: block;position: absolute;/*top: 340px;*/top:40%;left:inherit;right:-30px;width: 22px;height:66px;background-color: #e0eaf6;text-align: center;z-index: 10}
.btn-question::before{display: inline-block;font: normal normal normal 16px/1 FontAwesome;content: "\f053";color: #3f4b59}
.btn-question.close::before{content: "\f054";}
.btn-question>span{position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block;width: 1px;height: 0px;margin: 0;font-size: 0;line-height: 0;}
.btn-screen{display: block;position: absolute;bottom: 0;left:50%;width: 66px;height:22px;margin: 0 0 0 -33px;background-color: #e0eaf6;text-align: center;z-index: 10;}
.btn-screen::before{display: inline-block;font: normal normal normal 16px/1 FontAwesome;content: "\f078";color: #3f4b59}
.btn-screen.close::before{content: "\f077";}
.btn-screen>span{position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block;width: 1px;height: 0px;margin: 0;font-size: 0;line-height: 0;}

/*.a-box{width: 100%;}*/
/*.a-box{float: left;width: 764px;}*/
/*.a-box{float: left;width: 1200px;}*/
.a-box{width:70%;}
.a-box .top{height: 44px;background-color: #dfeaf7;width: 100% !important}
.a-box .top::after{content: "";display: block;clear: both;}
.a-box .top .btns{float: right;padding: 9px 0 0 0;margin-right:10px}
.a-box .top .btns .btn{min-width: 70px;padding: 0 10px;min-width: inherit;}
.lag-select{float: left;display:block;height: 26px;line-height: 26px;padding: 9px 0 0 0; margin-left: 20px;}
.lag-select label{display: inline-block;line-height: 26px;font-size: 13px;color: #454b57}
/*.lag-select select{position: relative;display: inline-block;min-width:125px;height: 26px;line-height: 26px;padding:  0 30px 0 10px;margin: 0;border: 1px solid #ccd0d9;background: #fff url("../images/common/bg_lag-select.gif") 94% center no-repeat;}*/
.lag-select select{position: relative; display: inline-block;min-width: 125px; height: 26px; line-height: 26px;margin: 0 0 5px 0;padding: 0 0 0 10px;border: 1px solid #ccd0d9;background: #fff }
.control::after{content: "";display: block;clear: both;}
.control .btns{float: left;padding: 5px 0 0 0 }
.control .btns .btn{padding: 0 10px;min-width: inherit;}
.control .time{float: right;height: 36px;line-height: 36px}
.control .time p{color: #666}
.uml-box{width: 100%;height: calc(100% - 44px);;/*height: 754px*/}
.source1{position: relative;/*height:450px*/height:50%;}

/*.source2{position: relative;height:155px }*/
.source2{position: relative;/*height:269px*/height:100%; }
.a-box .view-controller{margin-bottom:0; border-top:1px solid #bbb}
#rowPanel{height:calc(50% - 12px);position: relative;}

.info-lang{padding:0 10px;background:#f4f4f4;border:1px solid #bbb;position: relative;}
.info-lang label{float:left; padding:9px 5px 0 0;}
.info-lang:after{content:"";display:block;clear:both;}
.info-lang>select{display:block;float:left;margin:4px 5px 4px 0;}
.info-lang .lang-txt{display:table;width: calc(100% - 300px); line-height:normal;}
.info-lang .lang-txt>p{display:table-cell;width:100%;height:100%;padding:8px 0;font-size:12px;}

.info-lang .lang-txt i{vertical-align:text-top;margin-right:0px;margin-top:1px;}


/*--------------------------- 넓이고정팝업 -----------------------------*/
.popup.width-fix-popup{position:absolute;left:50%;width:800px;margin-left:-400px;}

/*---------------------------- 알럿창 ------ ----------------------*/
.alert{overflow: hidden;position: fixed;left:50%;top:50%;width:600px;height: 189px;margin:-82px 0 0 -200px;z-index:1005;background-color: #fff;border:1px solid #c6c6c6;box-sizing: border-box;border-radius: 5px;/*box-shadow: 0 3px 3px rgba(0,0,0,0.5)*/}
.alert-head{height:40px;padding:0 20px;background-color: #ffeded}
.alert-head::after{content: "";display: block;clear: both;}
.alert-head>h3{float: left;line-height: 40px;margin-bottom:0;font-size: 14px;color: #000;font-weight: bold;}
.alert-head .btn-alert-close{float: right;display: block;padding:15px 0 0 ;color: #fff}
.alert-body{display: table;table-layout: fixed;width: 100%;height:100px }
.alert-body .text{display: table-cell;width: 100%;height:100%;padding: 0 0 0 65px ;vertical-align: middle;font-size: 13px;color: #666666;background: url("../images/img/icon10.png") 20px center no-repeat;text-align: left}
.alert-foot{text-align: center}
.alert-foot .btn{margin: 0 3px}
.Confirm .alert-head{background-color: #edf8ff}
.Confirm .text{background: url("../images/img/icon11.png") 20px center no-repeat}

/* ---------------------------- 만족도 조사 ---------------------------- */
.front-box{padding: 20px 20px 20px 225px;margin:  0 0 10px 0;border: 1px solid #e8e8e9;background: #fff url("../images/img/icon01.png") 40px center no-repeat;}
.front-box .desc{font-size: 13px;color: #666;line-height: 24px}
.box4 .agree-box{padding-top: 15px;margin-bottom:0}

/* ---------------------------- 유의사항 ---------------------------- */
/*.note-box{width:981px;margin: 0 auto;padding: 15px 15px 15px 390px;background: #fff url("../images/img/icon06.png") 96px center no-repeat;box-sizing: border-box;}*/
.note-box{width:981px;margin: 0 auto;padding: 15px 15px 15px 390px;background: #fff url("../images/img/icon06.png") 96px center no-repeat;box-sizing: border-box;}
.note-box>ul{width:100%;}

/* ---------------------------- type3 ---------------------------- */
.cont-box{position: relative;width: 923px;height: 666px;margin: 0 auto;padding:0;border: 1px solid #bbb;background-color: #fff;text-align: center}
.cont-box .top{width: 100%;height: 81px;padding: 0  30px;background-color: #e0e9f8;box-sizing: border-box;border-bottom: 1px solid #bbb}
.cont-box .top::after{content: "";display: block;clear: both;}
.cont-box .top .site-logo{float: left;height:70px;line-height: 70px;padding: 5px 0;}
.cont-box .top .site-logo>img{display: inline-block;max-height: 70px;vertical-align: middle;}
.cont-box .top .logo-group{float: right;}
.cont-box .top .logo-group::after{content: "";display: block;clear: both;}
.cont-box .top .logo-group>li{float: left;height:70px;line-height: 70px;padding: 5px 0;margin: 0 0 0 10px}
.cont-box .top .logo-group>li>img{display: inline-block;max-height: 70px;vertical-align: middle;}

.icon-box{min-height: 540px}
.icon-box .icon{height: 245px;}
.icon-box .icon>span{height: 245px;line-height: 245px;}
.icon-box .icon>span>img{display: inline-block;vertical-align: middle;}
.con-text>p{margin: 0 0 15px 0}
.con-text>p:last-child{margin-bottom: 0}
.cont-box .cpr{width: 100%;text-align: center}
.cont-box .cpr>p{color: #888;line-height: 22px;}
.icon-box .btns{padding: 40px 0 0 0}
.icon-box .btns .btn{width:125px;height:44px;line-height:42px;margin: 0 5px;font-size:14px;border-radius: 3px;}
.end-time{width:271px;height: 49px;margin: 0 auto 25px auto;padding: 10px;background-color: #5599f6;}
.end-time::after{content: "";display: block;clear: both}
.end-time .number{display: block;float: left;height: 49px;line-height: 49px;width: 37px;margin:  0 5px 0 0;background: url("../images/img/bg_end_time.png") left top no-repeat;font-size: 25px;color: #0061e8;font-weight: bold;}
.end-time .number:last-child{margin-right: 0}
.end-time .colon{display: block;float: left;width: 5px;height:49px;margin:  0 5px 0 0;background: url("../images/img/line_end_time.png") center no-repeat;}

/*도움말 팝업*/
/*.popup.help{width:1024px;margin-left:-512px;}*/
/* .popup.help .pop-wrap{width:95%;height:95%;max-height:95%;overflow:auto;} */
.help-cont{overflow:auto;height:calc(100% - 31px);padding:10px 20px 20px 20px;}
.help-cont .list4{padding-bottom:20px;}
.help-cont .basic-table{margin: 0 0 20px 0}
.help-cont .basic-table + .note{margin-top:-10px}
.help-cont .basic-table>thead>tr>th {border-bottom: 1px solid #ddd;}
.help-cont .note{display:block;color:#f84600;margin: 0 0 20px 0; padding: 0 0 0 10px;text-indent:-10px}

/*서술형답안작성박스*/
.in-box-wrap{width:100%;height:100%;}
.in-box-wrap .tab-content{height:100%;box-sizing:border-box;}
.in-box-wrap .tab-container .answer-entry{height:100%;border:1px solid #ddd;box-sizing:border-box;}
.in-box-wrap .textarea-box .textarea{display:block;width:100%;height:100%;box-sizing:border-box;padding:5px;border:0 none;font-size:14px;}
.in-box-wrap .in-box{height:calc(100% - 45px);}

/*탭이있는컴파일러*/
.tab-in-cp-box{
	width: 100%;
    height: calc(100% - 48px);
    margin: 0 0;
    padding: 0 0;
    box-sizing: border-box;
    position: relative;
}
.tab-in-cp-box .CodeMirror{    
	height: calc(100% - 48px);
    position: static;
    top: 69px;
    left: 0px;
    right: 0px;
    bottom: 10px;
    min-height: 145px;
}
.login-box .btns.loginButton{
	height:35px;
	margin:10px 0 0 0;
}
.login-box .btns.loginButton button{
	height:45px;
	line-height: 17px;
}    
.login-box .btns.loginButton button span{
	display:block;
}
.login-box .btns.loginButton button em{
	display:block;
}


.zoomControl{border:1px solid red;}
.zoomControl a{font-size:14px;width:30px;}
.zoomControl a i{font-size:14px;}

.tenerateDivImage{display:inline-block;text-align:left;width:max-content;}
.tenerateDivImage img{max-width:none;}

.q-button-help{
    margin: 10px 0 0 0;
    min-width: 68px !important;
    padding: 0;
    background-color: #f6f6f6;
    color: #666;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #ccc;    
}
.q-button-help:hover{
    background-color:#fff !important;
}
.q-button-help i{padding-top:6px}