/* Written By KYI */
@import url("font/s-core-dream.css"); 
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');


/*Reset*/
body, div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,button,table,th,td{margin:0;padding: 0;border:0;}
ul,ol,li,dl{list-style: none;}
img{border:0;vertical-align: middle; font-size:0;}
address,caption,cite,code,dfn,em,var{font-style: normal;}
a{color:inherit; text-decoration:none; color:#333;}
a:hover,a:active,a:focus{text-decoration:none;}
table{padding:0; border:0; border-spacing:0px; border-collapse:collapse;}
strong{font-weight:500;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,main {display:block;}
/* common */
body,th,td,input,select,textarea,button{color:#3b3b3b; font-size:16px; line-height:1.5; letter-spacing:-0.08em;font-family:'s-core-dream', sans-serif; font-weight:400;}
.blind{display:none;}
/*font-weight Light:300, Regular:400, Bold:700, ExtraBold:800*/

 *:focus { outline:none; }/*크롬에서 div, 기타 버튼 클릭시 생기는 테두리 제거*/
/*공통***********************************************************************************/
/*header*/
header{width:100%; height:100px; line-height:100px; background-size:cover; position:relative; z-index:9999999;}
.header-area{width:100%; max-width:1450px; margin:0 auto; text-align:center;}
.header-logo{display:inline-block; z-index:100; }
.header-logo a{display:block;height:100px; line-height:100px; }
.header-logo img{width:390px;}
.gnb{display:inline-block; height:auto;vertical-align:top; line-height:inherit; margin-left:70px;}
.gnb > li{display:inline-block; position:relative; padding:0 30px; height:100px; line-height:inherit;  text-align:center; box-sizing:border-box; vertical-align:top;}
.gnb > li a{display:block; font-size:25px; font-weight:600; line-height:inherit; }
.gnb > li:hover a{color:#0066c7;}
.gnb > li:after{content:""; display:block; position:absolute; width:0%; height:4px; left:50%; margin-left:-25%; bottom:-1px; background:#0066c7; z-index:9;transform: scaleX(0);transform-origin: center;transition: .1s ease-out;}
.gnb > li:hover:after{width:50%;transform:scaleX(1);transition: .3s ease-out;}

.tnb{display:inline-block; line-height:inherit; vertical-align:top; margin-left:50px;}
.tnb a{display:inline-block; line-height:inherit; color:#0066c7; font-size:19px; font-weight:700; margin-left:30px;}
.tnb i{width:37px; height:37px; border-radius:9999px; background:#0066c7; color:#fff; vertical-align:1px; line-height:37px; margin-right:10px;}
.tnb a.tnb-login{color:#00bcc2;}
.tnb a.tnb-login i{background:#00bcc2;}

/*.header-gnb .gnb:hover ul{max-height: 500px; transition: max-height 0.3s ease-in; border:3px #464646 solid; z-index:99999; background:#fff;}*/


/*footer*/
footer{width:100%; box-sizing:border-box; background:#fff; box-sizing:border-box;  line-height:1.8em;  margin:0 auto;}
.foot-area{padding:40px 0 100px 0; width:100%; max-width:1170px; margin:0 auto; background:url(img/foot-logo.gif) no-repeat 100% 40px; padding-right:400px; box-sizing:border-box; word-break:keep-all;}
.foot-area span{display:inline-block; margin-right:20px;}
.copyright{ font-size:15px; letter-spacing:0em; color:#787878; margin-top:20px;}

.contain{overflow-x:hidden; width:100%;}

/*메인***********************************************************************************/

/*slide 공통*/
.slick-slide{display:inline-block;}
.slick-list{position:relative; z-index:1;}
 .slick-arrow{background:transparent;}

/*visual-text*/
@keyframes vt-ani {
  0 {opacity:0; -moz-transform:translatey(20%); -ms-transform:translatey(20%); transform:translatey(20%); }
  100% {opacity:1; moz-transform:translatey(0);  -ms-transform:translatey(0); transform:translatey(0);}
}

/*visual*/
#visual{position:relative; height:100%; overflow:hidden; margin-bottom:-10px;}
.visual-img{position:relative;}
.visual-img-bg{position:relative;  width:100%; }
.visual-img-bg img{margin:0 auto; max-width:2000px;}

.visual-img-text{position:absolute; height:100%; width:100%; top:50%; margin-top:-13.5%; text-align:center;}
.visual01-text{top:50%; margin-top:-17%;}
.visual01-text img{height:90%;}
.slick-dots{position:absolute; bottom:50px; z-index:999; text-align:center; width:100%;background:transparent}
.slick-dots li{display:inline-block; margin:0 5px;}
.slick-dots li button{display:block; background:transparent; width:12px; height:12px; border-radius:999px; font-size:0; box-sizing:border-box; background:#bcc1c5;}
.slick-dots li.slick-active button{background:#fff;}
#visual .slick-active .visual-img-text{opacity:0;  -moz-transform:translatey(20%); -ms-transform:translatey(20%); transform:translatey(20%);  animation-timing-function: ease-out; animation-name: vt-ani;  animation-duration: 0.5s;animation-delay: 0.2s; animation-fill-mode:both;}

.visual0627{background:url(img/vsbg.gif); background-size: cover; padding:100px 0;}
.vs-tit{text-align:center;}

.vs-tit h2{font-weight:900; font-size:42px; color:#0066c7;}
.vt02 h2{display:inline-block; border:5px solid #36497b; padding:5px 30px;}
.vs-tit p{font-size:22px; color:#2c5b96;}
.vs-tit p br{display:none;}
.vs-tit p strong{font-weight:600;}
.vs-box{width:95%; max-width:1200px; margin:50px auto 0;}
.vs-dt{font-weight:900; color:#14336b; font-size:22px; margin-bottom:20px;}
.vs-ul{text-align:center;}
.vs-ul li{display:inline-block; position:relative; width:24%; box-sizing:border-box; box-sizing:border-box; vertical-align:top;}
.vs-ul li:after{position:absolute; display:block; content:""; background:url(img/vs-arrow.png); background-size:cover; width:35px; height:44px; left:-20px; top:50%; margin-top:-65px;}
.vs-ul li:first-child{padding-left:0;}
.vs-ul li:first-child:after{display:none;}
.vs-ul li .vsul-img{width:140px; margin:0 auto;}
.vs-ul li .vsul-img img{width:100%;}
.vs-ul li .vsul-txt{font-weight:500; font-size:20px; margin-top:10px;}
.ma50{margin-top:50px; color:#36497b;}

.vs-ul2 li{float:left; width:49%; margin-left:2%; }
.vs-ul2 li:first-child{margin-left:0;}
.vs-ul2 li div{display:table; width:100%; height:90px;table-layout:fixed;}
.vs-ul2 li div p{display:table-cell; vertical-align:middle;}
.vs-ul2 li div p.vsul2-1{width:90px; background:#930f53;color:#fff; text-align:center; font-weight:700;font-size:20px; } /*background:#36497b;color:#fff; */
.vs-ul2 li div p.vsul2-2{background:#eada6b; padding:0 30px; word-break:keep-all;font-size:20px;font-weight:600; }
.vs-ul2:after{clear:both; content:""; display:block; width:100%;}


.vs-ul3 li{float:left; width:100%; }
.vs-ul3 li:first-child{margin-left:0;}
.vs-ul3 li div{display:table; width:100%; height:90px;table-layout:fixed;}
.vs-ul3 li div p{width:100%;display:table-cell; vertical-align:middle;}
.vs-ul3 li div p.vsul3-2{width:100%;background:#fff; color:#36497b; padding:30px 5px; text-align:center;border-radius: 30px;line-height:40px;font-size:24px;font-weight:600;border:5px solid #36497b }
.vs-ul3:after{clear:both; content:""; display:block; width:100%;}




/*0222추가*/
.vt-notice{margin-top:50px; display:flex; gap:4%;}
.vt-notice dl{width:48%;}
.vt-notice dl dd a{display:block; width:100%;}
.vtn-img{position:relative; width:100%; padding-top:65%; background:#fff; overflow:hidden; margin-top:10px;}
.vtn-img img{position:absolute; left:50%; top:50%; transition: all .3s ease-out; width:100%;}
.vtn-img:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.vtn-txt{padding-top:10px;}


/*유튜브영역*/
#main-youtube{width:100%; max-width:1200px; margin:0 auto; padding:50px 0 75px;}
#main-youtube .you-banner-ul:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
#main-youtube .you-banner-ul > li{float:left; width:48%; margin-left:4%; box-sizing:border-box; border:3px #080f19 solid; margin-top:10px;}
#main-youtube .you-banner-ul > li:nth-child(3n+1){margin-left:0;}
.you-box{position:relative; overflow:hidden; width:100%; padding-top:56.25%; background:#000;}
.you-box iframe{position:absolute; width:100%; top:0;}
.you-title{background:#080f19; padding:15px 10px; box-sizing:border-box; color:#fff; font-size:18px;}


/*메인배너영역*/
#main-youtube ul li.main-banner{background:#fff; border-color:#fff; margin-top:0;}
#main-youtube ul li.main-banner dt{font-weight:700; font-size:24px; margin-bottom:15px;}
.mb1{margin-bottom:10px; padding-bottom:10px; border-bottom:1px #ddd solid;}
.mb1-1{font-size:18px; color:#1232c1; font-weight:700; margin-bottom:10px;}
.mb1-1 span{display:inline-block; padding:5px 10px; border-radius:5px; color:#fff; background:#1232c1; font-weight:500;}
.mb1-2{display:inline-block; margin-right:10px; font-size:15px; font-weight:500; margin-bottom:5px;}
.mb1-2 span{display:inline-block; background:#ff0000; color:#fff; border-radius:9999px; padding:3px 10px;}
.mb2 > ul > li{float:left; width:100%; background:#eff7fe; position:relative; padding:5px 10px; border-radius:3px; box-sizing:border-box; padding-left:35px; margin-bottom:3px; font-weight:500;}
.mb2 > ul > li:nth-child(2n+1){margin-left:0;}
.mb2 > ul > li:nth-child(5){width:100%;}
.mb-num{font-weight:600; position:absolute; color:#689eff; left:10px;}
.mb2-1{font-weight:400; font-size:14px;}
.mb2-1 span{color:#1232c1; font-weight:500;}
.mb2 > ul:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.mb3{margin-top:10px; color:#0d3f6e;  }
.mb3-1{font-weight:700; font-size:16px; }

/*관련사이트*/
#site-banner{padding:30px 0; border-top:1px #ccc solid;}
#site-banner h2{font-size:20px; font-weight:500; position:absolute; left:0; top:0; line-height:inherit; }
.site-banner-area{width:1200px; margin:0 auto; position:relative; height:60px; line-height:60px; padding-left:170px; box-sizing:border-box;}
.site-banner-list{ width:100%; overflow:hidden; }
.site-banner-list:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.site-banner-list .slick-arrow{cursor:pointer; position:absolute; left:95px; border:1px #bcbfc0 solid; top:50%;  margin-top:-15px; z-index:2; width:28px; height:28px; font-size:0; background-position:50%; background-image:url(img/site-arrow-prev.gif);}
.site-banner-list .slick-next{left:auto; left:122px; background-image:url(img/site-arrow-next.gif);}
.site-banner-img{ display:block; padding:0 10px; box-sizing:border-box; overflow:hidden;}
.site-banner-img img{width:100%;}


/*고객센터*/
#customer{padding:50px 0; background:#0066c7; }
.customer-area{width:100%; max-width:1200px; margin:0 auto; color:#fff; line-height:40px;position:relative;}
.customer-area a{color:#fff;}
.customer-area p{line-height:55px; vertical-align:top; line-height:inherit;  }
.customer-tit{background:url(img/customer-icon.png) no-repeat 0 50%; background-size:36px;padding-left:50px;display:inline-block; font-size:18px;}
.customer-tel{display:inline-block;font-family: 'Poppins', sans-serif; font-weight:600; letter-spacing:0em; font-size:40px; margin-left:15px;}
.customer-info{display:inline-block; font-size:16px;margin-left:15px; letter-spacing:-0.015em;}
.privacy-btn{position:absolute; right:0; line-height:inherit; background:#0256a5; color:rgba(255,255,255,0.8); display:inline-block; padding:0 20px; font-size:14px;}

/*서브******************************************************************/
#sub-top{width:100%; margin:0 auto; display:table; table-layout:fixed; height:300px; margin-top:0px; position:relative; box-sizing:border-box; background-image:url(img/sub-bg01.jpg); background-color:#fff; background-position:center 0;  background-repeat:no-repeat; background-size:cover; background-position:50% 50%;}
#sub-top.ssub-top1{background-image:url(img/sub-bg01.jpg);}
#sub-top.ssub-top2{background-image:url(img/sub-bg01.jpg);}
#sub-top.ssub-top3{background-image:url(img/sub-bg01.jpg);}
#sub-top.ssub-top4{background-image:url(img/sub-bg01.jpg);}
#sub-top.ssub-top5{background-image:url(img/sub-bg01.jpg);}
#sub-top.ssub-top6{background-image:url(img/sub-bg01.jpg);}
.st-text-box{text-align:center;  display:table-cell; vertical-align:middle; width:100%;height:inherit; box-sizing:border-box; color:#fff;}
.sttb-t1{font-size:35px; font-weight:600; letter-spacing:0em;font-family: 'Poppins', sans-serif; line-height:1em;text-transform:uppercase; }
.sttb-t2{font-family: 'Poppins', sans-serif; font-weight:300; font-size:26px; letter-spacing:0em; color:rgba(255,255,255,0.7);}

.sub-cont-title{text-align:center; position:relative; font-size:48px; font-weight:600; padding:80px 0 30px;}


.sub-content{width:100%; max-width:1200px; margin: 0 auto; padding-bottom:100px;}
.sub-content:after{clear:both; display:block; height:0; content:""; visibility:hidden;}



/*상세페이지*/
.board-view-top:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.board-view-top-img{float:left; width:25%;}
.board-view-top-img img{position:absolute; left:50%; top:50%; max-width:100%;}
.board-view-top-img-area{position:relative;width:100%; padding-top:95%; background:#eaeaea; border:1px #ddd solid; box-sizing:border-box;  overflow:hidden }
.board-view-top-option{width:100%;}
.board-option-table{width:100%; table-layout:fixed; border-top:3px #333 solid;}
.board-option-table th{background:#ecf2f8; border-bottom:1px #aabbcd solid; padding:10px 0;}
.board-option-table td{border-bottom:1px #aabbcd solid; padding:10px;}
.board-view-content{border-top:3px #333 solid; margin-bottom:50px; padding:20px 10px;}
.bvc-tit{padding:0 5px 10px; margin-top:50px; font-size:20px; font-weight:500;}
.board-view-top .bvc-tit{margin-top:0}
.board-view-bottom-btn{text-align:center; margin-top:20px;}
.board-view-bottom-btn a.direct{display:inline-block; padding:5px 20px; color:#fff; background:#d30511; font-size:1.125rem;margin-right:10px;}
.board-view-bottom-btn a.offtel{display:inline-block; padding:5px 20px; color:#fff; background:#2436a4; font-size:1.125rem;margin-right:10px;}
.board-view-bottom-btn a.prev{display:inline-block; padding:5px 20px; color:#000; background:#eaeaea; font-size:1.125rem;}
.board-view-bottom-btn a:hover{color:#000; background:#fbf203;}

.board-view-cont-table{width:100%; table-layout:fixed;}
.board-view-cont-table td img{max-width:100%;}
.board-view-cont-table td:first-child{padding-right:50px;}



/*paging*/
.paging{text-align:center; margin-top:30px;}
.paging a,
.paging strong{display:inline-block; margin-left:-1px; border:1px #aabbcd solid; width:38px; height:38px; line-height:38px; overflow:hidden; vertical-align:top;font-family: 'Poppins', sans-serif;  font-weight:500; font-size:15px;}
.paging strong{color:#fff; background:#1a3558; border-top-color:#1a3558; border-bottom-color:#1a3558;}
.paging .p-prev, 
.paging .p-next{font-size:0; text-indent:-999999; overflow:hidden;}
.p-prev i, 
.p-next i{font-size:16px; line-height:40px;}


/*main-sub 공통 참여기업 목록*/
#job-list{width:100%; max-width:1200px; margin:0 auto; padding-bottom:95px; position:relative;}
#job-list h2{font-size:35px; font-weight:600; height:1em; line-height:1em;}
.job-list-area{margin-top:25px;}
.job-list-area:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.job-list-area li{float:left; width:18.4%; margin-left:2%; text-align:center; box-sizing:border-box; border:1px #b4bdc6 solid; height:250px; border-radius:10px; overflow:hidden;}
.job-list-padding-box{padding:20px 20px 15px;}
.job-list-area li:first-child{margin-left:0;}
.job-list-area li dl{text-align:left; display:table; font-size:14px; margin-bottom:10px; table-layout:fixed; width:100%;}
.job-list-area li dt{display:table-cell; width:50px; font-weight:400; color:#888;}
.job-list-area li dd{/*width:80%;*/ padding-left:10px; font-weight:500; color:#222; height:22px; line-height:22px; overflow:hidden;}
.enter-name{font-size:16px; font-weight:600; margin-bottom:12px;height:30px;vertical-align:middle;line-height:100%;}
.on-off{text-align:left; margin-bottom:10px; position:relative;}
.on-off span{display:inline-block; text-align:center; width:49%; background:#eaeaea; font-size:12px; padding:5px; box-sizing:border-box; margin-left:-2px;}

.on2-off{text-align:left; position:relative;}
.on2-off span{display:inline-block; text-align:center; width:99%; background:#ccc; font-size:14px; padding:10px; box-sizing:border-box; margin-left:-2px;}

.on3-off{text-align:left; position:relative;}
.on3-off span{display:inline-block; text-align:center; width:99%; background:#ccc; font-size:14px; padding:10px; box-sizing:border-box; margin-left:-2px;}

.enter-date{color:#777777; font-size:14px; font-weight:500; letter-spacing:-0.025em;}
.enter-more{display:block; box-sizing:border-box; background:#f5f7f9; padding:10px 0; border-top:1px #b4bdc6 solid; font-size:14px; color:#2469aa;transition:all 0.5s;}
.enter-more:hover{background:#2469aa; border-color:#2469aa; color:#fff;}
.enter-more i{margin-right:2px;}
.job-list-more{position:absolute; right:0; top:-10px; display:inline-block; background:#1a3558; border-radius:5px; color:#fff; padding:15px 30px 15px 35px; font-size:15px;}

.offline-box{position:absolute; width:100%; box-sizing:border-box; padding:15px; border-radius:5px;background:#fff; top:35px; left:-5px; border:1px #f9f9f9 solid;box-shadow:0px 0px 2px rgba(0,0,0,0.5);display:none;}
.o-close{width:25px; height:25px; line-height:25px; background:#555; color:#fff; border-radius:999px; position:absolute; right:5px; top:5px; text-align:center; font-size:13px;}
.o-close i{line-height:inherit;}
.o-office{font-weight:600;}
.o-call{font-size:14px; font-weight:600; letter-spacing:0em;font-family: 'Poppins', sans-serif; line-height:20px; margin-top:5px;}
.o-call i{width:20px; height:20px; text-align:center; background:#ddd; border-radius:999px; margin-right:3px; line-height:inherit;}

/*sub-참여기업리스트*/
.sub-job-list:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.list-side{width:15%; float:left;}
.sub-job-mobile{display:none;}


.list-search{height:35px; line-height:35px; margin-top:10px; padding-bottom:20px;}
.list-search input{width:75%; box-sizing:border-box; padding:5px; height:inherit; line-height:inherit; border:1px solid #ccc; border-radius:5px 0 0 5px; font-size:14px;}
.list-search button{background:#0f1d37; color:#fff; height:inherit; line-height:inherit; width:25%; cursor:pointer; border-radius:0 5px 5px 0; font-size:13px; }
.btn22 {text-align:center;background:#0f1d37; color:#fff;  height:35px; line-height:35px; width:100%;  cursor:pointer; box-sizing:border-box; border-radius:5px; font-size:13px; margin-top:5px;}


.sub-job-select{border-top:3px #1a3558 solid;}
.sub-job-select >li{border-bottom:1px #cecece solid; box-sizing:border-box; padding:20px 10px;}
.sub-job-select >li > p{font-size:19px; color:#222; font-weight:600; margin-bottom:10px;}
.sjs-2depth a{display:block; box-sizing:border-box; font-size:17px; font-weight:400; color:#555; position:relative; padding:3px 0; padding-left:7px;cursor:pointer;}
.sjs-2depth a:after{content:""; display:block; background:#aeaeae; position:absolute; width:3px; height:3px; border-radius:99px; left:0; top:50%; margin-top:-1px;}
.sjs-2depth a:hover{color:#0b67df;}
.sjs-2depth a.current{color:#0b67df;font-weight:500;}


.list-box{width:80%; float:right;}
.list-box .job-list-area{margin-top:0;}
.list-box .job-list-area li{width:23.5%; margin-bottom:2%;}
.list-box .job-list-area li:nth-child(4n+1){margin-left:0;}

#snb44{background:#fff; color:#333; height:40px; margin-bottom:0px; line-height:40px; text-align:center; border:1px #e0e0e0 solid; }
#snb44 ul{margin:0 auto;}
#snb44 li{display:inline-block; position:relative; margin-left:-3px; width:50%;}
#snb44 li a{display:block; color:#777;  font-size:17px; position:relative; font-weight:500;}
#snb44 li a:hover{color:#000;}
#snb44 li a:after{content:""; display:block; width:1px; height:100%; background:#e0e0e0; left:0; top:0%;  position:absolute;}
#snb44 li:first-child a:after{display:none;}
#snb44 li.current a{color:#fff; font-weight:500; background:#4fa80e;}
#snb44.snb4 li a{padding:0 18px;}


/* pc */
@media screen and (min-width:1250px){
    #memofile { max-width:1250px; }
    #fbr{display:none;}
    #fnbsp{display:;}

    #mtel{display:none;}
    #ptel{display:;}
}
/* tablet */
@media screen and (min-width:768px) and (max-width:1249px){
    #memofile { width:98%; }
    #fbr{display:;}
    #fnbsp{display:none;}

    #mtel{display:none;}
    #ptel{display:;}
}
/* mobile */
@media screen and (min-width:0) and (max-width:767px){
    #memofile { width:98%; }
    #fbr{display:;}
    #fnbsp{display:none;}
    .board-view-bottom-btn a.direct{display:inline-block; padding:2px 10px; color:#fff; background:#d30511; font-size:1rem;margin-right:5px;}
    .board-view-bottom-btn a.offtel{display:inline-block; padding:2px 10px; color:#fff; background:#2436a4; font-size:1rem;margin-right:5px;}
    .board-view-bottom-btn a.prev{display:inline-block; padding:2px 10px; color:#000; background:#eaeaea; font-size:1rem;}
    .board-view-bottom-btn a:hover{color:#000; background:#fbf203;}
    #mtel{display:;}
    #ptel{display:none;}

	.visual0627{padding:30px 0;}
	.vs-tit h2{font-size:24px;}
	.vs-tit p{font-size:17px; margin-top:10px; box-sizing:border-box; padding:0 10px;}
	.vs-tit p br{display:block;}
	.vs-box{margin-top:30px;}
	.vs-ul li{width:49%; padding:0; margin-bottom:10px;}
	.vs-ul li:after{display:none;}
	.vs-ul2 li{width:100%; margin-left:0; margin-bottom:10px;}
	.vs-ul2 li div{height:auto;}
	.vs-ul2 li div p.vsul2-2{padding:15px;}
	.vs-ul li .vsul-txt{font-size:16px; margin-top:5px;}
	.vs-ul li .vsul-img{width:100px;}
	.vs-dt{margin-bottom:10px;}
	.ma50{margin-top:30px;}
.vs-ul3 li div p.vsul3-2{font-size:19px; }
  
  .vt02 h2{padding:5px 10px; border-width:3px; word-break: keep-all;}

  .vt-notice{flex-wrap:wrap; margin-top:10px;}
  .vt-notice dl{width:100%; margin-top:20px;}
}

#ifrm {
    width: 100%;
    min-height: 300px;
    overflow: hidden;
    border: 0;
}

.tbl table{table-layout:fixed;}